@empathyco/x-components
Version:
Empathy X Components
245 lines (242 loc) • 9.47 kB
JavaScript
import _sfc_main from './ai-overview.vue2.js';
import { resolveComponent, resolveDirective, openBlock, createElementBlock, createElementVNode, createVNode, withCtx, withDirectives, createBlock, createTextVNode, toDisplayString, normalizeStyle, Fragment, renderList, normalizeClass, renderSlot, createCommentVNode, vShow } from 'vue';
import './ai-overview.vue3.js';
import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.js';
const _hoisted_1 = { class: "x-ai-overview" };
const _hoisted_2 = { class: "x-ai-overview-main" };
const _hoisted_3 = {
key: 0,
class: "x-ai-overview-title-loading",
"data-test": "ai-overview-title-loading"
};
const _hoisted_4 = /* @__PURE__ */ createElementVNode(
"span",
{ class: "x-ai-overview-title-loading-indicator" },
null,
-1
/* HOISTED */
);
const _hoisted_5 = {
class: "x-ai-overview-title-loading-text",
"data-test": "ai-overview-title-loading-text"
};
const _hoisted_6 = {
class: "x-ai-overview-title",
"data-test": "ai-overview-title"
};
const _hoisted_7 = {
class: "x-ai-overview-content",
"data-test": "ai-overview-content"
};
const _hoisted_8 = { "data-test": "ai-overview-suggestions-container" };
const _hoisted_9 = { class: "x-ai-overview-suggestions" };
const _hoisted_10 = { class: "x-ai-overview-suggestion-results" };
const _hoisted_11 = { class: "x-ai-overview-toggle-wrapper" };
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
const _component_AIStarIcon = resolveComponent("AIStarIcon");
const _component_DisplayEmitter = resolveComponent("DisplayEmitter");
const _component_Fade = resolveComponent("Fade");
const _component_ChangeHeight = resolveComponent("ChangeHeight");
const _component_ArrowRightIcon = resolveComponent("ArrowRightIcon");
const _component_BaseEventButton = resolveComponent("BaseEventButton");
const _component_SlidingPanel = resolveComponent("SlidingPanel");
const _component_CollapseHeight = resolveComponent("CollapseHeight");
const _component_ChevronDownIcon = resolveComponent("ChevronDownIcon");
const _directive_typing = resolveDirective("typing");
return openBlock(), createElementBlock("div", _hoisted_1, [
createElementVNode("div", _hoisted_2, [
createVNode(_component_Fade, { mode: "out-in" }, {
default: withCtx(() => [
_ctx.suggestionsLoading ? (openBlock(), createElementBlock("span", _hoisted_3, [
_hoisted_4,
withDirectives(createElementVNode(
"span",
_hoisted_5,
null,
512
/* NEED_PATCH */
), [
[_directive_typing, { text: _ctx.titleLoading, speed: 50 }]
])
])) : (openBlock(), createBlock(_component_DisplayEmitter, {
key: 1,
payload: _ctx.tagging?.toolingDisplay ?? {},
"event-metadata": {
feature: "overview",
displayOriginalQuery: _ctx.query,
replaceable: false
}
}, {
default: withCtx(() => [
createElementVNode("span", _hoisted_6, [
createVNode(_component_AIStarIcon, { class: "x-ai-overview-title-icon" }),
createTextVNode(
toDisplayString(_ctx.title),
1
/* TEXT */
)
])
]),
_: 1
/* STABLE */
}, 8, ["payload", "event-metadata"]))
]),
_: 1
/* STABLE */
}),
createVNode(_component_ChangeHeight, null, {
default: withCtx(() => [
createElementVNode("div", _hoisted_7, [
createElementVNode(
"span",
null,
toDisplayString(_ctx.suggestionText),
1
/* TEXT */
),
createElementVNode(
"p",
null,
toDisplayString(_ctx.responseText),
1
/* TEXT */
)
])
]),
_: 1
/* STABLE */
})
]),
_ctx.queries.length ? (openBlock(), createBlock(_component_CollapseHeight, {
key: 0,
style: normalizeStyle({
"--x-collapse-height-transition-duration": `${300 * _ctx.suggestionsSearch.length}ms`
}),
"data-test": "ai-overview-collapse-height-suggestions"
}, {
default: withCtx(() => [
withDirectives(createElementVNode(
"div",
_hoisted_8,
[
createElementVNode("div", _hoisted_9, [
(openBlock(true), createElementBlock(
Fragment,
null,
renderList(_ctx.queries, ({ query: suggestionQuery }) => {
return openBlock(), createElementBlock("div", {
key: suggestionQuery,
class: "x-ai-overview-suggestion"
}, [
createVNode(_component_BaseEventButton, {
class: "x-ai-overview-suggestion-query-btn",
events: { UserAcceptedAQuery: suggestionQuery }
}, {
default: withCtx(() => [
createTextVNode(
toDisplayString(suggestionQuery),
1
/* TEXT */
),
createVNode(_component_ArrowRightIcon, { class: "x-ai-overview-suggestion-query-btn-icon" })
]),
_: 2
/* DYNAMIC */
}, 1032, ["events"]),
_ctx.queriesResults[suggestionQuery] ? (openBlock(), createBlock(_component_SlidingPanel, {
key: 0,
class: normalizeClass(_ctx.slidingPanelsClasses),
"scroll-container-class": _ctx.slidingPanelContainersClasses,
"button-class": _ctx.slidingPanelButtonsClasses,
"reset-on-content-change": false
}, {
"sliding-panel-addons": withCtx(({ arrivedState }) => [
renderSlot(_ctx.$slots, "sliding-panels-addons", { arrivedState })
]),
"sliding-panel-left-button": withCtx(() => [
renderSlot(_ctx.$slots, "sliding-panels-left-button")
]),
"sliding-panel-right-button": withCtx(() => [
renderSlot(_ctx.$slots, "sliding-panels-right-button")
]),
default: withCtx(() => [
createElementVNode("ul", _hoisted_10, [
(openBlock(true), createElementBlock(
Fragment,
null,
renderList(_ctx.queriesResults[suggestionQuery].results, (result) => {
return openBlock(), createElementBlock("li", {
key: result.id,
"data-test": "ai-overview-suggestion-result"
}, [
renderSlot(_ctx.$slots, "result", { result })
]);
}),
128
/* KEYED_FRAGMENT */
))
])
]),
_: 2
/* DYNAMIC */
}, 1032, ["class", "scroll-container-class", "button-class"])) : createCommentVNode("v-if", true)
]);
}),
128
/* KEYED_FRAGMENT */
))
])
],
512
/* NEED_PATCH */
), [
[vShow, _ctx.expanded]
])
]),
_: 3
/* FORWARDED */
}, 8, ["style"])) : createCommentVNode("v-if", true),
withDirectives(createElementVNode(
"div",
null,
[
withDirectives(createElementVNode(
"div",
{
class: "x-ai-overview-gradient",
"data-test": "ai-overview-gradient",
onClick: _cache[0] || (_cache[0] = ($event) => _ctx.onExpandButtonClick(!_ctx.expanded))
},
null,
512
/* NEED_PATCH */
), [
[vShow, !_ctx.expanded]
]),
createElementVNode("div", _hoisted_11, [
createElementVNode("button", {
class: "x-ai-overview-toggle-btn",
"data-test": "ai-overview-toggle-button",
onClick: _cache[1] || (_cache[1] = ($event) => _ctx.onExpandButtonClick(!_ctx.expanded))
}, [
createTextVNode(
toDisplayString(_ctx.buttonText) + " ",
1
/* TEXT */
),
createVNode(_component_ChevronDownIcon, {
class: normalizeClass(["x-ai-overview-toggle-btn-icon", { "x-ai-overview-toggle-btn-icon-expanded": _ctx.expanded }])
}, null, 8, ["class"])
])
])
],
512
/* NEED_PATCH */
), [
[vShow, _ctx.queries.length]
])
]);
}
var aiOverview = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
export { aiOverview as default };
//# sourceMappingURL=ai-overview.vue.js.map