.qkb-bot-ui(
:class="uiClasses"
)
transition(name="qkb-fadeUp")
.qkb-board(v-if="botActive")
BoardHeader(
:bot-title="optionsMain.botTitle",
@close-bot="botToggle"
)
template(#header)
slot(name="header")
BoardContent(
:bot-typing="botTyping",
:main-data="messages"
)
BoardAction(
:input-disable="inputDisable",
:input-placeholder="optionsMain.inputPlaceholder",
:input-disable-placeholder="optionsMain.inputDisablePlaceholder",
@msg-send="sendMessage"
)
.qkb-bot-bubble
button.qkb-bubble-btn(
@click="botToggle"
)
slot(name="bubbleButton")
transition(name="qkb-scaleUp")
BubbleIcon.qkb-bubble-btn-icon(
v-if="!botActive",
key="1"
)
CloseIcon.qkb-bubble-btn-icon.qkb-bubble-btn-icon--close(
v-else,
key="2"
)
AppStyle(:options="optionsMain")
.qkb-preload-image
.qkb-msg-avatar__img(v-if="optionsMain.botAvatarImg")