@empathyco/x-components 6.0.0-alpha.152 → 6.0.0-alpha.154

package/CHANGELOG.md

@@ -3,6 +3,29 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 6.0.0-alpha.154 (2025-09-25)
+
+* refactor(AiOverview): transform tailwind classes into css (#1888) ([0d2297a](https://github.com/empathyco/x/commit/0d2297a)), closes [#1888](https://github.com/empathyco/x/issues/1888)
+* `query-preview` trade off (#1890) ([c990dbc](https://github.com/empathyco/x/commit/c990dbc)), closes [#1890](https://github.com/empathyco/x/issues/1890)
+
+
+### BREAKING-CHANGE
+
+* The `updateAQueryPreviewResult` mutation payload now accepts a results array and a hash of string instead of computed of string
+
+
+
+
+## 6.0.0-alpha.153 (2025-09-25)
+
+* refactor(ai): remove unused test for `title-loading` slot in ai-overview ([c3a0513](https://github.com/empathyco/x/commit/c3a0513))
+* fix(ai): rename slot `titleLoading` to `title-loading` in ai-overview and update test ([3d40bd4](https://github.com/empathyco/x/commit/3d40bd4))
+* feat(ai): add slot support for titleLoading in ai-overview component and update test ([2c08fdd](https://github.com/empathyco/x/commit/2c08fdd))
+
+
+
+
+
 ## 6.0.0-alpha.152 (2025-09-24)
 
 * feat(AiOverview): handle query tagging for suggested queries (#1887) ([8b47df6](https://github.com/empathyco/x/commit/8b47df6)), closes [#1887](https://github.com/empathyco/x/issues/1887)

package/docs/API-reference/api/x-components.hierarchicalfilter.md

@@ -115,6 +115,7 @@ _default: import("vue").DefineComponent<{
             queryPreviewHash: string;
             cache: boolean;
         } | undefined;
+        QueriesPreviewChanged?: Dictionary<import("../../../queries-preview").QueryPreviewItem> | undefined;
         QuerySuggestionsChanged?: import("@empathyco/x-types").Suggestion[] | undefined;
         QuerySuggestionsRequestUpdated?: import("@empathyco/x-types").QuerySuggestionsRequest | null | undefined;
         UserSelectedAQuerySuggestion?: import("@empathyco/x-types").Suggestion | undefined;

package/docs/API-reference/api/x-components.queriespreviewmutations.md

@@ -24,5 +24,5 @@ export interface QueriesPreviewMutations extends ConfigMutations<QueriesPreviewS
 |  [setQueryPreviewCached](./x-components.queriespreviewmutations.setquerypreviewcached.md) |  | (queryPreview: [QueryPreviewItem](./x-components.querypreviewitem.md)<!-- -->) =&gt; void | Adds a new entry to the cached queries preview's dictionary. |
 |  [setSelectedQueryPreview](./x-components.queriespreviewmutations.setselectedquerypreview.md) |  | (selectedQueryPreview: [QueryPreviewInfo](./x-components.querypreviewinfo.md) \| null) =&gt; void | Sets the selected query preview of the module. |
 |  [setStatus](./x-components.queriespreviewmutations.setstatus.md) |  | (payload: [QueryPreviewStatusPayload](./x-components.querypreviewstatuspayload.md)<!-- -->) =&gt; void | Sets the status of a query preview request. |
-|  [updateAQueryPreviewResult](./x-components.queriespreviewmutations.updateaquerypreviewresult.md) |  | ({ result, queryPreviewHash, }: { result: Result; queryPreviewHash: ComputedRef&lt;string&gt;; }) =&gt; void | Updates a result with new fields. |
+|  [updateAQueryPreviewResult](./x-components.queriespreviewmutations.updateaquerypreviewresult.md) |  | ({ result, queryPreviewHash, }: { result: Result; queryPreviewHash: string; }) =&gt; void | Updates a result with new fields. |
 

package/docs/API-reference/api/x-components.queriespreviewmutations.updateaquerypreviewresult.md

@@ -11,6 +11,6 @@ Updates a result with new fields.
 ```typescript
 updateAQueryPreviewResult: ({ result, queryPreviewHash, }: {
         result: Result;
-        queryPreviewHash: ComputedRef<string>;
+        queryPreviewHash: string;
     }) => void;
 ```

package/docs/API-reference/api/x-components.queriespreviewxevents.md

@@ -16,6 +16,7 @@ export interface QueriesPreviewXEvents
 
 |  Property | Modifiers | Type | Description |
 |  --- | --- | --- | --- |
+|  [QueriesPreviewChanged](./x-components.queriespreviewxevents.queriespreviewchanged.md) |  | Dictionary&lt;[QueryPreviewItem](./x-components.querypreviewitem.md)<!-- -->&gt; | The query preview has been changed. Payload: The query preview item. |
 |  [QueryPreviewMounted](./x-components.queriespreviewxevents.querypreviewmounted.md) |  | string | The query preview has been mounted. Payload: The query preview query as a key converted into a unique id (query hash). |
 |  [QueryPreviewRequestUpdated](./x-components.queriespreviewxevents.querypreviewrequestupdated.md) |  | SearchRequest | Any property of cacheable queries preview request has changed. Payload: The new [request](./x-types.searchrequest.md)<!-- -->. |
 |  [QueryPreviewUnmounted](./x-components.queriespreviewxevents.querypreviewunmounted.md) |  | { queryPreviewHash: string; cache: boolean; } | The query preview has been unmounted. Payload: The query preview's unique id (query hash) and its cache value. |

package/docs/API-reference/api/x-components.queriespreviewxevents.queriespreviewchanged.md

@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [QueriesPreviewXEvents](./x-components.queriespreviewxevents.md) &gt; [QueriesPreviewChanged](./x-components.queriespreviewxevents.queriespreviewchanged.md)
+
+## QueriesPreviewXEvents.QueriesPreviewChanged property
+
+The query preview has been changed. Payload: The query preview item.
+
+**Signature:**
+
+```typescript
+QueriesPreviewChanged: Dictionary<QueryPreviewItem>;
+```

package/docs/API-reference/api/x-components.simplefilter.md

@@ -112,6 +112,7 @@ _default: import("vue").DefineComponent<{
             queryPreviewHash: string;
             cache: boolean;
         } | undefined;
+        QueriesPreviewChanged?: Dictionary<import("../../../queries-preview").QueryPreviewItem> | undefined;
         QuerySuggestionsChanged?: import("@empathyco/x-types").Suggestion[] | undefined;
         QuerySuggestionsRequestUpdated?: import("@empathyco/x-types").QuerySuggestionsRequest | null | undefined;
         UserSelectedAQuerySuggestion?: import("@empathyco/x-types").Suggestion | undefined;

package/docs/API-reference/api/x-components.snippetcallbacks.md

@@ -102,6 +102,7 @@ _default: import("vue").DefineComponent<{}, {
             queryPreviewHash: string;
             cache: boolean;
         }, metadata: WireMetadata) => unknown;
+        QueriesPreviewChanged: (payload: import("@empathyco/x-utils").Dictionary<import("..").QueryPreviewItem>, metadata: WireMetadata) => unknown;
         QuerySuggestionsChanged: (payload: import("@empathyco/x-types").Suggestion[], metadata: WireMetadata) => unknown;
         QuerySuggestionsRequestUpdated: (payload: import("@empathyco/x-types").QuerySuggestionsRequest | null, metadata: WireMetadata) => unknown;
         UserSelectedAQuerySuggestion: (payload: import("@empathyco/x-types").Suggestion, metadata: WireMetadata) => unknown;

package/docs/API-reference/components/ai/x-components.ai-overview.md

@@ -22,6 +22,7 @@ title: AiOverview
 
 | Name                                     | Description            | Bindings<br />(name - type - description) |
 | ---------------------------------------- | ---------------------- | ----------------------------------------- |
+| <code>title-loading</code>               |                        | None                                      |
 | <code>sliding-panel</code>               |                        |                                           |
 | <code>sliding-panels-addons</code>       |                        |                                           |
 | <code>sliding-panels-left-button</code>  |                        | None                                      |

package/js/x-modules/ai/components/ai-overview.vue.js

@@ -1,5 +1,5 @@
 import _sfc_main from './ai-overview.vue2.js';
-import { resolveComponent, openBlock, createBlock, withCtx, createElementBlock, createElementVNode, createVNode, toDisplayString, createTextVNode, createCommentVNode, normalizeStyle, withDirectives, Fragment, renderList, normalizeClass, renderSlot, vShow, withModifiers } from 'vue';
+import { resolveComponent, openBlock, createBlock, withCtx, createElementBlock, createElementVNode, createVNode, renderSlot, createTextVNode, toDisplayString, createCommentVNode, normalizeStyle, withDirectives, Fragment, renderList, normalizeClass, vShow, withModifiers } from 'vue';
 import './ai-overview.vue3.js';
 import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.js';
 
@@ -65,13 +65,15 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             default: withCtx(() => [
               _ctx.suggestionsLoading ? (openBlock(), createElementBlock("span", _hoisted_3, [
                 _hoisted_4,
-                createElementVNode(
-                  "span",
-                  _hoisted_5,
-                  toDisplayString(_ctx.titleLoading),
-                  1
-                  /* TEXT */
-                )
+                createElementVNode("span", _hoisted_5, [
+                  renderSlot(_ctx.$slots, "title-loading", {}, () => [
+                    createTextVNode(
+                      toDisplayString(_ctx.titleLoading),
+                      1
+                      /* TEXT */
+                    )
+                  ])
+                ])
               ])) : (openBlock(), createBlock(_component_DisplayEmitter, {
                 key: 1,
                 payload: _ctx.tagging?.toolingDisplay ?? _ctx.emptyTaggingRequest,
@@ -96,8 +98,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 /* STABLE */
               }, 8, ["payload", "event-metadata"]))
             ]),
-            _: 1
-            /* STABLE */
+            _: 3
+            /* FORWARDED */
           }),
           createVNode(_component_ChangeHeight, null, {
             default: withCtx(() => [

package/js/x-modules/ai/components/ai-overview.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ai-overview.vue.js","sources":["../../../../../src/x-modules/ai/components/ai-overview.vue"],"sourcesContent":["<template>\n  <CollapseHeight>\n    <div v-if=\"!isNoResults\" class=\"x-ai-overview\" data-test=\"ai-overview-wrapper\">\n      <div class=\"x-ai-overview-main\">\n        <Fade mode=\"out-in\">\n          <span\n            v-if=\"suggestionsLoading\"\n            class=\"x-ai-overview-title-loading\"\n            data-test=\"ai-overview-title-loading\"\n          >\n            <span class=\"x-ai-overview-title-loading-indicator\" />\n            <span\n              class=\"x-ai-overview-title-loading-text\"\n              data-test=\"ai-overview-title-loading-text\"\n            >\n              {{ titleLoading }}\n            </span>\n          </span>\n          <DisplayEmitter\n            v-else\n            :payload=\"tagging?.toolingDisplay ?? emptyTaggingRequest\"\n            :event-metadata=\"{\n              feature: 'overview',\n              displayOriginalQuery: query || 'overview-without-query',\n              replaceable: false,\n            }\"\n            data-test=\"ai-overview-display-emitter\"\n          >\n            <span class=\"x-ai-overview-title\" data-test=\"ai-overview-title\">\n              <AIStarIcon class=\"x-ai-overview-title-icon\" />{{ !!title ? title : suggestionText }}\n            </span>\n          </DisplayEmitter>\n        </Fade>\n        <ChangeHeight>\n          <div class=\"x-ai-overview-content\" data-test=\"ai-overview-content\">\n            <span v-if=\"title\">{{ suggestionText }}</span>\n            <p>{{ responseText }}</p>\n          </div>\n        </ChangeHeight>\n      </div>\n      <CollapseHeight\n        :style=\"{\n          '--x-collapse-height-transition-duration': `${300 * suggestionsSearch.length}ms`,\n        }\"\n        data-test=\"ai-overview-collapse-height-suggestions\"\n      >\n        <div v-show=\"expanded\">\n          <SpinnerIcon\n            v-if=\"!suggestionsSearch.length\"\n            class=\"x-ai-overview-suggestions-loading\"\n            data-test=\"ai-overview-suggestions-loading\"\n          />\n          <div\n            v-else\n            class=\"x-ai-overview-suggestions\"\n            data-test=\"ai-overview-suggestions-container\"\n          >\n            <DisplayEmitter\n              v-for=\"(\n                { query: suggestionQuery, results: queriesResults, tagging: suggestionTagging },\n                suggestionIndex\n              ) in suggestionsSearch\"\n              :key=\"suggestionQuery\"\n              :payload=\"\n                tagging?.searchQueries[suggestionQuery].toolingDisplay ?? emptyTaggingRequest\n              \"\n              :event-metadata=\"{\n                feature: 'overview',\n                displayOriginalQuery: query || 'overview-without-query',\n                replaceable: false,\n              }\"\n              data-test=\"ai-overview-query-display-emitter\"\n            >\n              <div\n                class=\"x-ai-overview-suggestion\"\n                data-test=\"ai-overview-suggestion\"\n                :class=\"{\n                  'x-ai-overview-result-animation': shouldAnimateSuggestion,\n                }\"\n                :style=\"{ animationDelay: `${suggestionIndex * 300}ms` }\"\n              >\n                <BaseEventButton\n                  class=\"x-ai-overview-suggestion-query-btn\"\n                  :events=\"{ UserAcceptedAQuery: suggestionQuery }\"\n                >\n                  {{ suggestionQuery }}\n                  <ArrowRightIcon class=\"x-ai-overview-suggestion-query-btn-icon\" />\n                </BaseEventButton>\n\n                <DisplayClickProvider\n                  :query-tagging=\"suggestionTagging.query\"\n                  :tooling-display-tagging=\"\n                    tagging?.searchQueries[suggestionQuery].toolingDisplayClick\n                  \"\n                  :tooling-add2-cart-tagging=\"\n                    tagging?.searchQueries[suggestionQuery].toolingDisplayAdd2Cart\n                  \"\n                  result-feature=\"overview\"\n                >\n                  <slot name=\"sliding-panel\" :results=\"queriesResults\">\n                    <SlidingPanel\n                      :class=\"slidingPanelsClasses\"\n                      :scroll-container-class=\"slidingPanelContainersClasses\"\n                      :button-class=\"slidingPanelButtonsClasses\"\n                      :reset-on-content-change=\"false\"\n                    >\n                      <template #sliding-panel-addons=\"{ arrivedState }\">\n                        <slot name=\"sliding-panels-addons\" :arrived-state=\"arrivedState\" />\n                      </template>\n                      <template #sliding-panel-left-button>\n                        <slot name=\"sliding-panels-left-button\" />\n                      </template>\n                      <template #sliding-panel-right-button>\n                        <slot name=\"sliding-panels-right-button\" />\n                      </template>\n                      <ul class=\"x-ai-overview-suggestion-results\">\n                        <li\n                          v-for=\"(result, resultIndex) in queriesResults\"\n                          :key=\"result.id\"\n                          data-test=\"ai-overview-suggestion-result\"\n                          :class=\"{\n                            'x-ai-overview-result-animation': shouldAnimateSuggestion,\n                          }\"\n                          :style=\"{\n                            animationDelay: `${suggestionIndex * 300 + resultIndex * 300}ms`,\n                          }\"\n                        >\n                          <!-- @slot (required) result card -->\n                          <slot name=\"result\" :result=\"result\" />\n                        </li>\n                      </ul>\n                    </SlidingPanel>\n                  </slot>\n                </DisplayClickProvider>\n              </div>\n            </DisplayEmitter>\n          </div>\n        </div>\n      </CollapseHeight>\n\n      <Fade>\n        <div\n          v-if=\"queries.length\"\n          class=\"x-cursor-pointer\"\n          data-test=\"ai-overview-toggle-button-wrapper\"\n          @click=\"onExpandButtonClick(!expanded)\"\n        >\n          <div v-show=\"!expanded\" class=\"x-ai-overview-gradient\" data-test=\"ai-overview-gradient\" />\n          <div class=\"x-ai-overview-toggle-wrapper\">\n            <button\n              class=\"x-ai-overview-toggle-btn\"\n              data-test=\"ai-overview-toggle-button\"\n              @click.stop=\"onExpandButtonClick(!expanded)\"\n            >\n              {{ buttonText }}\n              <ChevronDownIcon\n                class=\"x-ai-overview-toggle-btn-icon\"\n                :class=\"{ 'x-ai-overview-toggle-btn-icon-expanded': expanded }\"\n              />\n            </button>\n          </div>\n        </div>\n      </Fade>\n    </div>\n  </CollapseHeight>\n</template>\n\n<script lang=\"ts\">\nimport type { TaggingRequest } from '@empathyco/x-types'\nimport type { PropType } from 'vue'\nimport { computed, defineComponent, ref, watch } from 'vue'\nimport {\n  AIStarIcon,\n  ArrowRightIcon,\n  BaseEventButton,\n  ChangeHeight,\n  ChevronDownIcon,\n  CollapseHeight,\n  DisplayClickProvider,\n  Fade,\n  SlidingPanel,\n  SpinnerIcon,\n} from '../../../components'\nimport DisplayEmitter from '../../../components/display-emitter.vue'\nimport { use$x, useGetter, useState } from '../../../composables'\nimport { typing } from '../../../directives'\nimport { aiXModule } from '../x-module'\n\nexport default defineComponent({\n  directives: {\n    typing,\n  },\n  xModule: aiXModule.name,\n  components: {\n    AIStarIcon,\n    ArrowRightIcon,\n    BaseEventButton,\n    ChevronDownIcon,\n    CollapseHeight,\n    ChangeHeight,\n    Fade,\n    SlidingPanel,\n    SpinnerIcon,\n    DisplayEmitter,\n    DisplayClickProvider,\n  },\n  props: {\n    /**\n     * The text displayed when the question ended loading\n     *\n     * @public\n     */\n    title: {\n      type: String as PropType<string>,\n    },\n    /**\n     * The text displayed when the question is loading.\n     *\n     * @public\n     */\n    titleLoading: {\n      type: String as PropType<string>,\n      default: 'Generating with Empathy AI',\n    },\n    /**\n     * The text displayed on the toggle button when collapsed.\n     *\n     * @public\n     */\n    expandText: {\n      type: String as PropType<string>,\n      default: 'Show more',\n    },\n    /**\n     * The text displayed on the toggle button when expanded.\n     *\n     * @public\n     */\n    collapseText: {\n      type: String as PropType<string>,\n      default: 'Show less',\n    },\n\n    /**\n     * The classes added to each sliding panel for each query.\n     *\n     * @public\n     */\n    slidingPanelsClasses: {\n      type: String as PropType<string>,\n    },\n    /**\n     * The classes added to each sliding panel container of each query.\n     *\n     * @public\n     */\n    slidingPanelContainersClasses: {\n      type: String as PropType<string>,\n    },\n    /**\n     * The classes added to each sliding panel buttons of each query.\n     *\n     * @public\n     */\n    slidingPanelButtonsClasses: {\n      type: String as PropType<string>,\n    },\n  },\n  setup(props) {\n    const $x = use$x()\n    const { query } = useGetter('ai')\n    const {\n      suggestionText,\n      responseText,\n      suggestionsSearch,\n      suggestionsLoading,\n      tagging,\n      isNoResults,\n      queries,\n    } = useState('ai')\n\n    const emptyTaggingRequest: TaggingRequest = { url: '', params: {} }\n\n    const expanded = ref(false)\n    const shouldAnimateSuggestion = ref(true)\n\n    const buttonText = computed(() => (expanded.value ? props.collapseText : props.expandText))\n\n    function onExpandButtonClick(newValue: boolean) {\n      $x.emit('UserClickedAiOverviewExpandButton', expanded.value, {\n        suggestionText: suggestionText.value,\n        toolingDisplayClick: tagging.value?.toolingDisplayClick,\n      })\n      setExpanded(newValue)\n    }\n\n    function setExpanded(newValue: boolean) {\n      expanded.value = newValue\n      !expanded.value && (shouldAnimateSuggestion.value = false)\n    }\n\n    watch(query, () => {\n      expanded.value = false\n      shouldAnimateSuggestion.value = true\n    })\n\n    return {\n      buttonText,\n      emptyTaggingRequest,\n      expanded,\n      responseText,\n      suggestionsLoading,\n      suggestionsSearch,\n      suggestionText,\n      setExpanded,\n      onExpandButtonClick,\n      shouldAnimateSuggestion,\n      query,\n      tagging,\n      isNoResults,\n      queries,\n    }\n  },\n})\n</script>\n\n<style lang=\"css\">\n.x-ai-overview {\n  --color: var(--x-ai-overview-color, #bbc9cf);\n  --color-lighter: var(--x-ai-overview-color-lighter, color-mix(in srgb, var(--color) 25%, white));\n\n  @apply x-relative x-rounded-3xl x-bg-[var(--color-lighter)];\n}\n\n.x-ai-overview-main {\n  @apply x-p-16 x-rounded-lg;\n}\n\n.x-ai-overview-title-loading {\n  @apply x-flex x-items-center x-gap-1.5 x-mb-8;\n}\n.x-ai-overview-title-loading-indicator {\n  @apply x-size-3 x-animate-pulse x-rounded-full x-bg-[var(--color)];\n}\n.x-ai-overview-title-loading-text {\n  @apply x-animate-pulse x-text-xs;\n}\n\n.x-ai-overview-title {\n  @apply x-flex x-text-sm x-font-bold x-gap-4 x-items-center x-mb-8;\n}\n.x-ai-overview-title-icon {\n  @apply x-icon x-text-[var(--color)];\n}\n\n.x-ai-overview-content {\n  @apply x-flex x-flex-col x-text-left x-leading-5 x-gap-2;\n}\n.x-ai-overview-content span {\n  @apply x-font-medium;\n}\n\n.x-ai-overview-gradient {\n  @apply x-cursor-pointer x-content-none x-absolute x-w-full x-h-80 x-bottom-5 x-bg-gradient-to-b x-from-0% x-from-transparent x-to-100% x-to-[var(--color-lighter)];\n}\n\n.x-ai-overview-toggle-wrapper {\n  @apply x-flex x-relative x-z-[1];\n}\n.x-ai-overview-toggle-btn {\n  @apply x-button x-button-outlined x-rounded-full x-w-full x-mx-auto sm:x-transition-all sm:x-duration-500 sm:x-translate-y-1/2 sm:x-w-[var(--expand-button-width,200px)];\n}\n.x-ai-overview-toggle-btn-icon {\n  @apply x-rotate-0 x-icon x-transition-all x-duration-300;\n}\n.x-ai-overview-toggle-btn-icon-expanded {\n  @apply x-rotate-180;\n}\n\n.x-ai-overview-suggestion-query-btn {\n  @apply x-button-tight x-mx-16 x-font-bold x-text-gray-900 x-w-fit x-min-h-fit x-flex x-gap-16 x-items-center;\n}\n.x-ai-overview-suggestion-query-btn-icon {\n  @apply x-icon-md;\n}\n.x-ai-overview-suggestions {\n  @apply x-flex x-flex-col x-gap-16 x-pb-16;\n}\n.x-ai-overview-suggestion {\n  @apply x-flex x-flex-col x-gap-8;\n}\n.x-ai-overview-suggestion-results {\n  @apply x-flex x-gap-16 x-px-16;\n}\n\n.x-ai-overview-suggestions-loading {\n  width: 2.5rem /* 40px */;\n  height: 2.5rem /* 40px */;\n  margin: auto;\n  animation: x-spin 1s linear infinite;\n\n  @keyframes x-spin {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n}\n\n.x-ai-overview-result-animation {\n  opacity: 0;\n  animation: x-fade 0.3s ease-in-out forwards;\n\n  @keyframes x-fade {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n</style>\n"],"names":["_createElementVNode","_createBlock","_openBlock","_createElementBlock","_createVNode","_toDisplayString","_withCtx","_createTextVNode","_createCommentVNode","_normalizeStyle","_withDirectives","_Fragment","_renderList","_normalizeClass","_renderSlot","_vShow","_withModifiers"],"mappings":"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"}
+{"version":3,"file":"ai-overview.vue.js","sources":["../../../../../src/x-modules/ai/components/ai-overview.vue"],"sourcesContent":["<template>\n  <CollapseHeight>\n    <div v-if=\"!isNoResults\" class=\"x-ai-overview\" data-test=\"ai-overview-wrapper\">\n      <div class=\"x-ai-overview-main\">\n        <Fade mode=\"out-in\">\n          <span\n            v-if=\"suggestionsLoading\"\n            class=\"x-ai-overview-title-loading\"\n            data-test=\"ai-overview-title-loading\"\n          >\n            <span class=\"x-ai-overview-title-loading-indicator\" />\n            <span\n              class=\"x-ai-overview-title-loading-text\"\n              data-test=\"ai-overview-title-loading-text\"\n            >\n              <slot name=\"title-loading\">\n                {{ titleLoading }}\n              </slot>\n            </span>\n          </span>\n          <DisplayEmitter\n            v-else\n            :payload=\"tagging?.toolingDisplay ?? emptyTaggingRequest\"\n            :event-metadata=\"{\n              feature: 'overview',\n              displayOriginalQuery: query || 'overview-without-query',\n              replaceable: false,\n            }\"\n            data-test=\"ai-overview-display-emitter\"\n          >\n            <span class=\"x-ai-overview-title\" data-test=\"ai-overview-title\">\n              <AIStarIcon class=\"x-ai-overview-title-icon\" />{{ !!title ? title : suggestionText }}\n            </span>\n          </DisplayEmitter>\n        </Fade>\n        <ChangeHeight>\n          <div class=\"x-ai-overview-content\" data-test=\"ai-overview-content\">\n            <span v-if=\"title\">{{ suggestionText }}</span>\n            <p>{{ responseText }}</p>\n          </div>\n        </ChangeHeight>\n      </div>\n      <CollapseHeight\n        :style=\"{\n          '--x-collapse-height-transition-duration': `${300 * suggestionsSearch.length}ms`,\n        }\"\n        data-test=\"ai-overview-collapse-height-suggestions\"\n      >\n        <div v-show=\"expanded\">\n          <SpinnerIcon\n            v-if=\"!suggestionsSearch.length\"\n            class=\"x-ai-overview-suggestions-loading\"\n            data-test=\"ai-overview-suggestions-loading\"\n          />\n          <div\n            v-else\n            class=\"x-ai-overview-suggestions\"\n            data-test=\"ai-overview-suggestions-container\"\n          >\n            <DisplayEmitter\n              v-for=\"(\n                { query: suggestionQuery, results: queriesResults, tagging: suggestionTagging },\n                suggestionIndex\n              ) in suggestionsSearch\"\n              :key=\"suggestionQuery\"\n              :payload=\"\n                tagging?.searchQueries[suggestionQuery].toolingDisplay ?? emptyTaggingRequest\n              \"\n              :event-metadata=\"{\n                feature: 'overview',\n                displayOriginalQuery: query || 'overview-without-query',\n                replaceable: false,\n              }\"\n              data-test=\"ai-overview-query-display-emitter\"\n            >\n              <div\n                class=\"x-ai-overview-suggestion\"\n                data-test=\"ai-overview-suggestion\"\n                :class=\"{\n                  'x-ai-overview-result-animation': shouldAnimateSuggestion,\n                }\"\n                :style=\"{ animationDelay: `${suggestionIndex * 300}ms` }\"\n              >\n                <BaseEventButton\n                  class=\"x-ai-overview-suggestion-query-btn\"\n                  :events=\"{ UserAcceptedAQuery: suggestionQuery }\"\n                >\n                  {{ suggestionQuery }}\n                  <ArrowRightIcon class=\"x-ai-overview-suggestion-query-btn-icon\" />\n                </BaseEventButton>\n\n                <DisplayClickProvider\n                  :query-tagging=\"suggestionTagging.query\"\n                  :tooling-display-tagging=\"\n                    tagging?.searchQueries[suggestionQuery].toolingDisplayClick\n                  \"\n                  :tooling-add2-cart-tagging=\"\n                    tagging?.searchQueries[suggestionQuery].toolingDisplayAdd2Cart\n                  \"\n                  result-feature=\"overview\"\n                >\n                  <slot name=\"sliding-panel\" :results=\"queriesResults\">\n                    <SlidingPanel\n                      :class=\"slidingPanelsClasses\"\n                      :scroll-container-class=\"slidingPanelContainersClasses\"\n                      :button-class=\"slidingPanelButtonsClasses\"\n                      :reset-on-content-change=\"false\"\n                    >\n                      <template #sliding-panel-addons=\"{ arrivedState }\">\n                        <slot name=\"sliding-panels-addons\" :arrived-state=\"arrivedState\" />\n                      </template>\n                      <template #sliding-panel-left-button>\n                        <slot name=\"sliding-panels-left-button\" />\n                      </template>\n                      <template #sliding-panel-right-button>\n                        <slot name=\"sliding-panels-right-button\" />\n                      </template>\n                      <ul class=\"x-ai-overview-suggestion-results\">\n                        <li\n                          v-for=\"(result, resultIndex) in queriesResults\"\n                          :key=\"result.id\"\n                          data-test=\"ai-overview-suggestion-result\"\n                          :class=\"{\n                            'x-ai-overview-result-animation': shouldAnimateSuggestion,\n                          }\"\n                          :style=\"{\n                            animationDelay: `${suggestionIndex * 300 + resultIndex * 300}ms`,\n                          }\"\n                        >\n                          <!-- @slot (required) result card -->\n                          <slot name=\"result\" :result=\"result\" />\n                        </li>\n                      </ul>\n                    </SlidingPanel>\n                  </slot>\n                </DisplayClickProvider>\n              </div>\n            </DisplayEmitter>\n          </div>\n        </div>\n      </CollapseHeight>\n\n      <Fade>\n        <div\n          v-if=\"queries.length\"\n          class=\"x-cursor-pointer\"\n          data-test=\"ai-overview-toggle-button-wrapper\"\n          @click=\"onExpandButtonClick(!expanded)\"\n        >\n          <div v-show=\"!expanded\" class=\"x-ai-overview-gradient\" data-test=\"ai-overview-gradient\" />\n          <div class=\"x-ai-overview-toggle-wrapper\">\n            <button\n              class=\"x-ai-overview-toggle-btn\"\n              data-test=\"ai-overview-toggle-button\"\n              @click.stop=\"onExpandButtonClick(!expanded)\"\n            >\n              {{ buttonText }}\n              <ChevronDownIcon\n                class=\"x-ai-overview-toggle-btn-icon\"\n                :class=\"{ 'x-ai-overview-toggle-btn-icon-expanded': expanded }\"\n              />\n            </button>\n          </div>\n        </div>\n      </Fade>\n    </div>\n  </CollapseHeight>\n</template>\n\n<script lang=\"ts\">\nimport type { TaggingRequest } from '@empathyco/x-types'\nimport type { PropType } from 'vue'\nimport { computed, defineComponent, ref, watch } from 'vue'\nimport {\n  AIStarIcon,\n  ArrowRightIcon,\n  BaseEventButton,\n  ChangeHeight,\n  ChevronDownIcon,\n  CollapseHeight,\n  DisplayClickProvider,\n  Fade,\n  SlidingPanel,\n  SpinnerIcon,\n} from '../../../components'\nimport DisplayEmitter from '../../../components/display-emitter.vue'\nimport { use$x, useGetter, useState } from '../../../composables'\nimport { typing } from '../../../directives'\nimport { aiXModule } from '../x-module'\n\nexport default defineComponent({\n  directives: {\n    typing,\n  },\n  xModule: aiXModule.name,\n  components: {\n    AIStarIcon,\n    ArrowRightIcon,\n    BaseEventButton,\n    ChevronDownIcon,\n    CollapseHeight,\n    ChangeHeight,\n    Fade,\n    SlidingPanel,\n    SpinnerIcon,\n    DisplayEmitter,\n    DisplayClickProvider,\n  },\n  props: {\n    /**\n     * The text displayed when the question ended loading\n     *\n     * @public\n     */\n    title: {\n      type: String as PropType<string>,\n    },\n    /**\n     * The text displayed when the question is loading.\n     *\n     * @public\n     */\n    titleLoading: {\n      type: String as PropType<string>,\n      default: 'Generating with Empathy AI',\n    },\n    /**\n     * The text displayed on the toggle button when collapsed.\n     *\n     * @public\n     */\n    expandText: {\n      type: String as PropType<string>,\n      default: 'Show more',\n    },\n    /**\n     * The text displayed on the toggle button when expanded.\n     *\n     * @public\n     */\n    collapseText: {\n      type: String as PropType<string>,\n      default: 'Show less',\n    },\n\n    /**\n     * The classes added to each sliding panel for each query.\n     *\n     * @public\n     */\n    slidingPanelsClasses: {\n      type: String as PropType<string>,\n    },\n    /**\n     * The classes added to each sliding panel container of each query.\n     *\n     * @public\n     */\n    slidingPanelContainersClasses: {\n      type: String as PropType<string>,\n    },\n    /**\n     * The classes added to each sliding panel buttons of each query.\n     *\n     * @public\n     */\n    slidingPanelButtonsClasses: {\n      type: String as PropType<string>,\n    },\n  },\n  setup(props) {\n    const $x = use$x()\n    const { query } = useGetter('ai')\n    const {\n      suggestionText,\n      responseText,\n      suggestionsSearch,\n      suggestionsLoading,\n      tagging,\n      isNoResults,\n      queries,\n    } = useState('ai')\n\n    const emptyTaggingRequest: TaggingRequest = { url: '', params: {} }\n\n    const expanded = ref(false)\n    const shouldAnimateSuggestion = ref(true)\n\n    const buttonText = computed(() => (expanded.value ? props.collapseText : props.expandText))\n\n    function onExpandButtonClick(newValue: boolean) {\n      $x.emit('UserClickedAiOverviewExpandButton', expanded.value, {\n        suggestionText: suggestionText.value,\n        toolingDisplayClick: tagging.value?.toolingDisplayClick,\n      })\n      setExpanded(newValue)\n    }\n\n    function setExpanded(newValue: boolean) {\n      expanded.value = newValue\n      !expanded.value && (shouldAnimateSuggestion.value = false)\n    }\n\n    watch(query, () => {\n      expanded.value = false\n      shouldAnimateSuggestion.value = true\n    })\n\n    return {\n      buttonText,\n      emptyTaggingRequest,\n      expanded,\n      responseText,\n      suggestionsLoading,\n      suggestionsSearch,\n      suggestionText,\n      setExpanded,\n      onExpandButtonClick,\n      shouldAnimateSuggestion,\n      query,\n      tagging,\n      isNoResults,\n      queries,\n    }\n  },\n})\n</script>\n\n<style lang=\"css\">\n.x-ai-overview {\n  --color: var(--x-ai-overview-color, #bbc9cf);\n  --color-lighter: var(--x-ai-overview-color-lighter, color-mix(in srgb, var(--color) 25%, white));\n\n  position: relative;\n  border-radius: 1.5rem;\n  background-color: var(--color-lighter);\n}\n\n.x-ai-overview-main {\n  padding: 1rem;\n}\n\n.x-ai-overview-title {\n  display: flex;\n  font-size: 0.875rem;\n  font-weight: 700;\n  gap: 0.25rem;\n  align-items: center;\n  margin-bottom: 0.5rem;\n}\n\n.x-ai-overview-title-loading {\n  display: flex;\n  align-items: center;\n  gap: 0.375rem;\n  margin-bottom: 0.5rem;\n}\n\n.x-ai-overview-title-loading-indicator {\n  width: 0.75rem;\n  height: 0.75rem;\n  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n  border-radius: 9999px;\n  background-color: var(--color);\n}\n\n.x-ai-overview-title-loading-text {\n  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n  font-size: 0.75rem;\n}\n\n.x-ai-overview-title-icon {\n  height: 1rem;\n  aspect-ratio: 1 / 1;\n  color: var(--color);\n}\n\n.x-ai-overview-content {\n  display: flex;\n  flex-direction: column;\n  text-align: left;\n  line-height: 1.25rem;\n  gap: 0.5rem;\n}\n\n.x-ai-overview-content span {\n  font-weight: 500;\n}\n\n.x-ai-overview-gradient {\n  border-radius: 1.5rem;\n  cursor: pointer;\n  content: none;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  bottom: 0;\n  background-image: linear-gradient(to bottom, transparent 0%, var(--color-lighter) 100%);\n}\n\n.x-ai-overview-toggle-wrapper {\n  display: flex;\n  position: relative;\n}\n\n.x-ai-overview-toggle-btn {\n  border-color: var(--button-color-50, #283034);\n  background-color: #ffffff;\n  color: var(--button-color-50, #283034);\n  border-radius: 9999px;\n  width: 100%;\n  margin: auto;\n  padding-right: 1rem;\n  padding-left: 1rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-style: solid;\n  border-width: 1px;\n  font-weight: 700;\n  min-height: 2.5rem;\n  gap: 0.5rem;\n  font-size: 0.875rem;\n}\n\n.x-ai-overview-toggle-btn:hover {\n  border-color: var(--button-color-50, #283034);\n  background-color: var(--button-color-50, #283034);\n  color: #ffffff;\n}\n\n@media (min-width: 640px) {\n  .x-ai-overview-toggle-btn {\n    transition-property: all;\n    transition-duration: 500ms;\n    transform: translateY(50%);\n    width: var(--expand-button-width, 200px);\n  }\n}\n\n.x-ai-overview-toggle-btn-icon {\n  transform: rotate(0deg);\n  height: 1rem;\n  aspect-ratio: 1 / 1;\n  transition-property: all;\n  transition-duration: 300ms;\n}\n\n.x-ai-overview-toggle-btn-icon-expanded {\n  transform: rotate(180deg);\n}\n\n.x-ai-overview-suggestion-query-btn {\n  border-color: transparent;\n  background-color: transparent;\n  margin-left: 1rem;\n  margin-right: 1rem;\n  font-weight: 700;\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n}\n\n.x-ai-overview-suggestion-query-btn-icon {\n  height: 1rem;\n  aspect-ratio: 1 / 1;\n}\n\n.x-ai-overview-suggestions {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  padding-bottom: 1rem;\n}\n\n.x-ai-overview-suggestions-loading {\n  width: 2.5rem;\n  height: 2.5rem;\n  margin: auto;\n  animation: x-spin 1s linear infinite;\n}\n\n.x-ai-overview-suggestion {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.x-ai-overview-suggestion-results {\n  display: flex;\n  gap: 1rem;\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n\n@keyframes x-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes pulse {\n  50% {\n    opacity: 0.5;\n  }\n}\n</style>\n"],"names":["_createElementVNode","_createBlock","_openBlock","_createElementBlock","_createVNode","_renderSlot","_createTextVNode","_toDisplayString","_withCtx","_createCommentVNode","_normalizeStyle","_withDirectives","_Fragment","_renderList","_normalizeClass","_vShow","_withModifiers"],"mappings":"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"}

package/js/x-modules/ai/components/ai-overview.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"ai-overview.vue2.js","sources":["../../../../../src/x-modules/ai/components/ai-overview.vue"],"sourcesContent":["<template>\n  <CollapseHeight>\n    <div v-if=\"!isNoResults\" class=\"x-ai-overview\" data-test=\"ai-overview-wrapper\">\n      <div class=\"x-ai-overview-main\">\n        <Fade mode=\"out-in\">\n          <span\n            v-if=\"suggestionsLoading\"\n            class=\"x-ai-overview-title-loading\"\n            data-test=\"ai-overview-title-loading\"\n          >\n            <span class=\"x-ai-overview-title-loading-indicator\" />\n            <span\n              class=\"x-ai-overview-title-loading-text\"\n              data-test=\"ai-overview-title-loading-text\"\n            >\n              {{ titleLoading }}\n            </span>\n          </span>\n          <DisplayEmitter\n            v-else\n            :payload=\"tagging?.toolingDisplay ?? emptyTaggingRequest\"\n            :event-metadata=\"{\n              feature: 'overview',\n              displayOriginalQuery: query || 'overview-without-query',\n              replaceable: false,\n            }\"\n            data-test=\"ai-overview-display-emitter\"\n          >\n            <span class=\"x-ai-overview-title\" data-test=\"ai-overview-title\">\n              <AIStarIcon class=\"x-ai-overview-title-icon\" />{{ !!title ? title : suggestionText }}\n            </span>\n          </DisplayEmitter>\n        </Fade>\n        <ChangeHeight>\n          <div class=\"x-ai-overview-content\" data-test=\"ai-overview-content\">\n            <span v-if=\"title\">{{ suggestionText }}</span>\n            <p>{{ responseText }}</p>\n          </div>\n        </ChangeHeight>\n      </div>\n      <CollapseHeight\n        :style=\"{\n          '--x-collapse-height-transition-duration': `${300 * suggestionsSearch.length}ms`,\n        }\"\n        data-test=\"ai-overview-collapse-height-suggestions\"\n      >\n        <div v-show=\"expanded\">\n          <SpinnerIcon\n            v-if=\"!suggestionsSearch.length\"\n            class=\"x-ai-overview-suggestions-loading\"\n            data-test=\"ai-overview-suggestions-loading\"\n          />\n          <div\n            v-else\n            class=\"x-ai-overview-suggestions\"\n            data-test=\"ai-overview-suggestions-container\"\n          >\n            <DisplayEmitter\n              v-for=\"(\n                { query: suggestionQuery, results: queriesResults, tagging: suggestionTagging },\n                suggestionIndex\n              ) in suggestionsSearch\"\n              :key=\"suggestionQuery\"\n              :payload=\"\n                tagging?.searchQueries[suggestionQuery].toolingDisplay ?? emptyTaggingRequest\n              \"\n              :event-metadata=\"{\n                feature: 'overview',\n                displayOriginalQuery: query || 'overview-without-query',\n                replaceable: false,\n              }\"\n              data-test=\"ai-overview-query-display-emitter\"\n            >\n              <div\n                class=\"x-ai-overview-suggestion\"\n                data-test=\"ai-overview-suggestion\"\n                :class=\"{\n                  'x-ai-overview-result-animation': shouldAnimateSuggestion,\n                }\"\n                :style=\"{ animationDelay: `${suggestionIndex * 300}ms` }\"\n              >\n                <BaseEventButton\n                  class=\"x-ai-overview-suggestion-query-btn\"\n                  :events=\"{ UserAcceptedAQuery: suggestionQuery }\"\n                >\n                  {{ suggestionQuery }}\n                  <ArrowRightIcon class=\"x-ai-overview-suggestion-query-btn-icon\" />\n                </BaseEventButton>\n\n                <DisplayClickProvider\n                  :query-tagging=\"suggestionTagging.query\"\n                  :tooling-display-tagging=\"\n                    tagging?.searchQueries[suggestionQuery].toolingDisplayClick\n                  \"\n                  :tooling-add2-cart-tagging=\"\n                    tagging?.searchQueries[suggestionQuery].toolingDisplayAdd2Cart\n                  \"\n                  result-feature=\"overview\"\n                >\n                  <slot name=\"sliding-panel\" :results=\"queriesResults\">\n                    <SlidingPanel\n                      :class=\"slidingPanelsClasses\"\n                      :scroll-container-class=\"slidingPanelContainersClasses\"\n                      :button-class=\"slidingPanelButtonsClasses\"\n                      :reset-on-content-change=\"false\"\n                    >\n                      <template #sliding-panel-addons=\"{ arrivedState }\">\n                        <slot name=\"sliding-panels-addons\" :arrived-state=\"arrivedState\" />\n                      </template>\n                      <template #sliding-panel-left-button>\n                        <slot name=\"sliding-panels-left-button\" />\n                      </template>\n                      <template #sliding-panel-right-button>\n                        <slot name=\"sliding-panels-right-button\" />\n                      </template>\n                      <ul class=\"x-ai-overview-suggestion-results\">\n                        <li\n                          v-for=\"(result, resultIndex) in queriesResults\"\n                          :key=\"result.id\"\n                          data-test=\"ai-overview-suggestion-result\"\n                          :class=\"{\n                            'x-ai-overview-result-animation': shouldAnimateSuggestion,\n                          }\"\n                          :style=\"{\n                            animationDelay: `${suggestionIndex * 300 + resultIndex * 300}ms`,\n                          }\"\n                        >\n                          <!-- @slot (required) result card -->\n                          <slot name=\"result\" :result=\"result\" />\n                        </li>\n                      </ul>\n                    </SlidingPanel>\n                  </slot>\n                </DisplayClickProvider>\n              </div>\n            </DisplayEmitter>\n          </div>\n        </div>\n      </CollapseHeight>\n\n      <Fade>\n        <div\n          v-if=\"queries.length\"\n          class=\"x-cursor-pointer\"\n          data-test=\"ai-overview-toggle-button-wrapper\"\n          @click=\"onExpandButtonClick(!expanded)\"\n        >\n          <div v-show=\"!expanded\" class=\"x-ai-overview-gradient\" data-test=\"ai-overview-gradient\" />\n          <div class=\"x-ai-overview-toggle-wrapper\">\n            <button\n              class=\"x-ai-overview-toggle-btn\"\n              data-test=\"ai-overview-toggle-button\"\n              @click.stop=\"onExpandButtonClick(!expanded)\"\n            >\n              {{ buttonText }}\n              <ChevronDownIcon\n                class=\"x-ai-overview-toggle-btn-icon\"\n                :class=\"{ 'x-ai-overview-toggle-btn-icon-expanded': expanded }\"\n              />\n            </button>\n          </div>\n        </div>\n      </Fade>\n    </div>\n  </CollapseHeight>\n</template>\n\n<script lang=\"ts\">\nimport type { TaggingRequest } from '@empathyco/x-types'\nimport type { PropType } from 'vue'\nimport { computed, defineComponent, ref, watch } from 'vue'\nimport {\n  AIStarIcon,\n  ArrowRightIcon,\n  BaseEventButton,\n  ChangeHeight,\n  ChevronDownIcon,\n  CollapseHeight,\n  DisplayClickProvider,\n  Fade,\n  SlidingPanel,\n  SpinnerIcon,\n} from '../../../components'\nimport DisplayEmitter from '../../../components/display-emitter.vue'\nimport { use$x, useGetter, useState } from '../../../composables'\nimport { typing } from '../../../directives'\nimport { aiXModule } from '../x-module'\n\nexport default defineComponent({\n  directives: {\n    typing,\n  },\n  xModule: aiXModule.name,\n  components: {\n    AIStarIcon,\n    ArrowRightIcon,\n    BaseEventButton,\n    ChevronDownIcon,\n    CollapseHeight,\n    ChangeHeight,\n    Fade,\n    SlidingPanel,\n    SpinnerIcon,\n    DisplayEmitter,\n    DisplayClickProvider,\n  },\n  props: {\n    /**\n     * The text displayed when the question ended loading\n     *\n     * @public\n     */\n    title: {\n      type: String as PropType<string>,\n    },\n    /**\n     * The text displayed when the question is loading.\n     *\n     * @public\n     */\n    titleLoading: {\n      type: String as PropType<string>,\n      default: 'Generating with Empathy AI',\n    },\n    /**\n     * The text displayed on the toggle button when collapsed.\n     *\n     * @public\n     */\n    expandText: {\n      type: String as PropType<string>,\n      default: 'Show more',\n    },\n    /**\n     * The text displayed on the toggle button when expanded.\n     *\n     * @public\n     */\n    collapseText: {\n      type: String as PropType<string>,\n      default: 'Show less',\n    },\n\n    /**\n     * The classes added to each sliding panel for each query.\n     *\n     * @public\n     */\n    slidingPanelsClasses: {\n      type: String as PropType<string>,\n    },\n    /**\n     * The classes added to each sliding panel container of each query.\n     *\n     * @public\n     */\n    slidingPanelContainersClasses: {\n      type: String as PropType<string>,\n    },\n    /**\n     * The classes added to each sliding panel buttons of each query.\n     *\n     * @public\n     */\n    slidingPanelButtonsClasses: {\n      type: String as PropType<string>,\n    },\n  },\n  setup(props) {\n    const $x = use$x()\n    const { query } = useGetter('ai')\n    const {\n      suggestionText,\n      responseText,\n      suggestionsSearch,\n      suggestionsLoading,\n      tagging,\n      isNoResults,\n      queries,\n    } = useState('ai')\n\n    const emptyTaggingRequest: TaggingRequest = { url: '', params: {} }\n\n    const expanded = ref(false)\n    const shouldAnimateSuggestion = ref(true)\n\n    const buttonText = computed(() => (expanded.value ? props.collapseText : props.expandText))\n\n    function onExpandButtonClick(newValue: boolean) {\n      $x.emit('UserClickedAiOverviewExpandButton', expanded.value, {\n        suggestionText: suggestionText.value,\n        toolingDisplayClick: tagging.value?.toolingDisplayClick,\n      })\n      setExpanded(newValue)\n    }\n\n    function setExpanded(newValue: boolean) {\n      expanded.value = newValue\n      !expanded.value && (shouldAnimateSuggestion.value = false)\n    }\n\n    watch(query, () => {\n      expanded.value = false\n      shouldAnimateSuggestion.value = true\n    })\n\n    return {\n      buttonText,\n      emptyTaggingRequest,\n      expanded,\n      responseText,\n      suggestionsLoading,\n      suggestionsSearch,\n      suggestionText,\n      setExpanded,\n      onExpandButtonClick,\n      shouldAnimateSuggestion,\n      query,\n      tagging,\n      isNoResults,\n      queries,\n    }\n  },\n})\n</script>\n\n<style lang=\"css\">\n.x-ai-overview {\n  --color: var(--x-ai-overview-color, #bbc9cf);\n  --color-lighter: var(--x-ai-overview-color-lighter, color-mix(in srgb, var(--color) 25%, white));\n\n  @apply x-relative x-rounded-3xl x-bg-[var(--color-lighter)];\n}\n\n.x-ai-overview-main {\n  @apply x-p-16 x-rounded-lg;\n}\n\n.x-ai-overview-title-loading {\n  @apply x-flex x-items-center x-gap-1.5 x-mb-8;\n}\n.x-ai-overview-title-loading-indicator {\n  @apply x-size-3 x-animate-pulse x-rounded-full x-bg-[var(--color)];\n}\n.x-ai-overview-title-loading-text {\n  @apply x-animate-pulse x-text-xs;\n}\n\n.x-ai-overview-title {\n  @apply x-flex x-text-sm x-font-bold x-gap-4 x-items-center x-mb-8;\n}\n.x-ai-overview-title-icon {\n  @apply x-icon x-text-[var(--color)];\n}\n\n.x-ai-overview-content {\n  @apply x-flex x-flex-col x-text-left x-leading-5 x-gap-2;\n}\n.x-ai-overview-content span {\n  @apply x-font-medium;\n}\n\n.x-ai-overview-gradient {\n  @apply x-cursor-pointer x-content-none x-absolute x-w-full x-h-80 x-bottom-5 x-bg-gradient-to-b x-from-0% x-from-transparent x-to-100% x-to-[var(--color-lighter)];\n}\n\n.x-ai-overview-toggle-wrapper {\n  @apply x-flex x-relative x-z-[1];\n}\n.x-ai-overview-toggle-btn {\n  @apply x-button x-button-outlined x-rounded-full x-w-full x-mx-auto sm:x-transition-all sm:x-duration-500 sm:x-translate-y-1/2 sm:x-w-[var(--expand-button-width,200px)];\n}\n.x-ai-overview-toggle-btn-icon {\n  @apply x-rotate-0 x-icon x-transition-all x-duration-300;\n}\n.x-ai-overview-toggle-btn-icon-expanded {\n  @apply x-rotate-180;\n}\n\n.x-ai-overview-suggestion-query-btn {\n  @apply x-button-tight x-mx-16 x-font-bold x-text-gray-900 x-w-fit x-min-h-fit x-flex x-gap-16 x-items-center;\n}\n.x-ai-overview-suggestion-query-btn-icon {\n  @apply x-icon-md;\n}\n.x-ai-overview-suggestions {\n  @apply x-flex x-flex-col x-gap-16 x-pb-16;\n}\n.x-ai-overview-suggestion {\n  @apply x-flex x-flex-col x-gap-8;\n}\n.x-ai-overview-suggestion-results {\n  @apply x-flex x-gap-16 x-px-16;\n}\n\n.x-ai-overview-suggestions-loading {\n  width: 2.5rem /* 40px */;\n  height: 2.5rem /* 40px */;\n  margin: auto;\n  animation: x-spin 1s linear infinite;\n\n  @keyframes x-spin {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n}\n\n.x-ai-overview-result-animation {\n  opacity: 0;\n  animation: x-fade 0.3s ease-in-out forwards;\n\n  @keyframes x-fade {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n</style>\n"],"names":["DisplayEmitter","DisplayClickProvider"],"mappings":"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"}
+{"version":3,"file":"ai-overview.vue2.js","sources":["../../../../../src/x-modules/ai/components/ai-overview.vue"],"sourcesContent":["<template>\n  <CollapseHeight>\n    <div v-if=\"!isNoResults\" class=\"x-ai-overview\" data-test=\"ai-overview-wrapper\">\n      <div class=\"x-ai-overview-main\">\n        <Fade mode=\"out-in\">\n          <span\n            v-if=\"suggestionsLoading\"\n            class=\"x-ai-overview-title-loading\"\n            data-test=\"ai-overview-title-loading\"\n          >\n            <span class=\"x-ai-overview-title-loading-indicator\" />\n            <span\n              class=\"x-ai-overview-title-loading-text\"\n              data-test=\"ai-overview-title-loading-text\"\n            >\n              <slot name=\"title-loading\">\n                {{ titleLoading }}\n              </slot>\n            </span>\n          </span>\n          <DisplayEmitter\n            v-else\n            :payload=\"tagging?.toolingDisplay ?? emptyTaggingRequest\"\n            :event-metadata=\"{\n              feature: 'overview',\n              displayOriginalQuery: query || 'overview-without-query',\n              replaceable: false,\n            }\"\n            data-test=\"ai-overview-display-emitter\"\n          >\n            <span class=\"x-ai-overview-title\" data-test=\"ai-overview-title\">\n              <AIStarIcon class=\"x-ai-overview-title-icon\" />{{ !!title ? title : suggestionText }}\n            </span>\n          </DisplayEmitter>\n        </Fade>\n        <ChangeHeight>\n          <div class=\"x-ai-overview-content\" data-test=\"ai-overview-content\">\n            <span v-if=\"title\">{{ suggestionText }}</span>\n            <p>{{ responseText }}</p>\n          </div>\n        </ChangeHeight>\n      </div>\n      <CollapseHeight\n        :style=\"{\n          '--x-collapse-height-transition-duration': `${300 * suggestionsSearch.length}ms`,\n        }\"\n        data-test=\"ai-overview-collapse-height-suggestions\"\n      >\n        <div v-show=\"expanded\">\n          <SpinnerIcon\n            v-if=\"!suggestionsSearch.length\"\n            class=\"x-ai-overview-suggestions-loading\"\n            data-test=\"ai-overview-suggestions-loading\"\n          />\n          <div\n            v-else\n            class=\"x-ai-overview-suggestions\"\n            data-test=\"ai-overview-suggestions-container\"\n          >\n            <DisplayEmitter\n              v-for=\"(\n                { query: suggestionQuery, results: queriesResults, tagging: suggestionTagging },\n                suggestionIndex\n              ) in suggestionsSearch\"\n              :key=\"suggestionQuery\"\n              :payload=\"\n                tagging?.searchQueries[suggestionQuery].toolingDisplay ?? emptyTaggingRequest\n              \"\n              :event-metadata=\"{\n                feature: 'overview',\n                displayOriginalQuery: query || 'overview-without-query',\n                replaceable: false,\n              }\"\n              data-test=\"ai-overview-query-display-emitter\"\n            >\n              <div\n                class=\"x-ai-overview-suggestion\"\n                data-test=\"ai-overview-suggestion\"\n                :class=\"{\n                  'x-ai-overview-result-animation': shouldAnimateSuggestion,\n                }\"\n                :style=\"{ animationDelay: `${suggestionIndex * 300}ms` }\"\n              >\n                <BaseEventButton\n                  class=\"x-ai-overview-suggestion-query-btn\"\n                  :events=\"{ UserAcceptedAQuery: suggestionQuery }\"\n                >\n                  {{ suggestionQuery }}\n                  <ArrowRightIcon class=\"x-ai-overview-suggestion-query-btn-icon\" />\n                </BaseEventButton>\n\n                <DisplayClickProvider\n                  :query-tagging=\"suggestionTagging.query\"\n                  :tooling-display-tagging=\"\n                    tagging?.searchQueries[suggestionQuery].toolingDisplayClick\n                  \"\n                  :tooling-add2-cart-tagging=\"\n                    tagging?.searchQueries[suggestionQuery].toolingDisplayAdd2Cart\n                  \"\n                  result-feature=\"overview\"\n                >\n                  <slot name=\"sliding-panel\" :results=\"queriesResults\">\n                    <SlidingPanel\n                      :class=\"slidingPanelsClasses\"\n                      :scroll-container-class=\"slidingPanelContainersClasses\"\n                      :button-class=\"slidingPanelButtonsClasses\"\n                      :reset-on-content-change=\"false\"\n                    >\n                      <template #sliding-panel-addons=\"{ arrivedState }\">\n                        <slot name=\"sliding-panels-addons\" :arrived-state=\"arrivedState\" />\n                      </template>\n                      <template #sliding-panel-left-button>\n                        <slot name=\"sliding-panels-left-button\" />\n                      </template>\n                      <template #sliding-panel-right-button>\n                        <slot name=\"sliding-panels-right-button\" />\n                      </template>\n                      <ul class=\"x-ai-overview-suggestion-results\">\n                        <li\n                          v-for=\"(result, resultIndex) in queriesResults\"\n                          :key=\"result.id\"\n                          data-test=\"ai-overview-suggestion-result\"\n                          :class=\"{\n                            'x-ai-overview-result-animation': shouldAnimateSuggestion,\n                          }\"\n                          :style=\"{\n                            animationDelay: `${suggestionIndex * 300 + resultIndex * 300}ms`,\n                          }\"\n                        >\n                          <!-- @slot (required) result card -->\n                          <slot name=\"result\" :result=\"result\" />\n                        </li>\n                      </ul>\n                    </SlidingPanel>\n                  </slot>\n                </DisplayClickProvider>\n              </div>\n            </DisplayEmitter>\n          </div>\n        </div>\n      </CollapseHeight>\n\n      <Fade>\n        <div\n          v-if=\"queries.length\"\n          class=\"x-cursor-pointer\"\n          data-test=\"ai-overview-toggle-button-wrapper\"\n          @click=\"onExpandButtonClick(!expanded)\"\n        >\n          <div v-show=\"!expanded\" class=\"x-ai-overview-gradient\" data-test=\"ai-overview-gradient\" />\n          <div class=\"x-ai-overview-toggle-wrapper\">\n            <button\n              class=\"x-ai-overview-toggle-btn\"\n              data-test=\"ai-overview-toggle-button\"\n              @click.stop=\"onExpandButtonClick(!expanded)\"\n            >\n              {{ buttonText }}\n              <ChevronDownIcon\n                class=\"x-ai-overview-toggle-btn-icon\"\n                :class=\"{ 'x-ai-overview-toggle-btn-icon-expanded': expanded }\"\n              />\n            </button>\n          </div>\n        </div>\n      </Fade>\n    </div>\n  </CollapseHeight>\n</template>\n\n<script lang=\"ts\">\nimport type { TaggingRequest } from '@empathyco/x-types'\nimport type { PropType } from 'vue'\nimport { computed, defineComponent, ref, watch } from 'vue'\nimport {\n  AIStarIcon,\n  ArrowRightIcon,\n  BaseEventButton,\n  ChangeHeight,\n  ChevronDownIcon,\n  CollapseHeight,\n  DisplayClickProvider,\n  Fade,\n  SlidingPanel,\n  SpinnerIcon,\n} from '../../../components'\nimport DisplayEmitter from '../../../components/display-emitter.vue'\nimport { use$x, useGetter, useState } from '../../../composables'\nimport { typing } from '../../../directives'\nimport { aiXModule } from '../x-module'\n\nexport default defineComponent({\n  directives: {\n    typing,\n  },\n  xModule: aiXModule.name,\n  components: {\n    AIStarIcon,\n    ArrowRightIcon,\n    BaseEventButton,\n    ChevronDownIcon,\n    CollapseHeight,\n    ChangeHeight,\n    Fade,\n    SlidingPanel,\n    SpinnerIcon,\n    DisplayEmitter,\n    DisplayClickProvider,\n  },\n  props: {\n    /**\n     * The text displayed when the question ended loading\n     *\n     * @public\n     */\n    title: {\n      type: String as PropType<string>,\n    },\n    /**\n     * The text displayed when the question is loading.\n     *\n     * @public\n     */\n    titleLoading: {\n      type: String as PropType<string>,\n      default: 'Generating with Empathy AI',\n    },\n    /**\n     * The text displayed on the toggle button when collapsed.\n     *\n     * @public\n     */\n    expandText: {\n      type: String as PropType<string>,\n      default: 'Show more',\n    },\n    /**\n     * The text displayed on the toggle button when expanded.\n     *\n     * @public\n     */\n    collapseText: {\n      type: String as PropType<string>,\n      default: 'Show less',\n    },\n\n    /**\n     * The classes added to each sliding panel for each query.\n     *\n     * @public\n     */\n    slidingPanelsClasses: {\n      type: String as PropType<string>,\n    },\n    /**\n     * The classes added to each sliding panel container of each query.\n     *\n     * @public\n     */\n    slidingPanelContainersClasses: {\n      type: String as PropType<string>,\n    },\n    /**\n     * The classes added to each sliding panel buttons of each query.\n     *\n     * @public\n     */\n    slidingPanelButtonsClasses: {\n      type: String as PropType<string>,\n    },\n  },\n  setup(props) {\n    const $x = use$x()\n    const { query } = useGetter('ai')\n    const {\n      suggestionText,\n      responseText,\n      suggestionsSearch,\n      suggestionsLoading,\n      tagging,\n      isNoResults,\n      queries,\n    } = useState('ai')\n\n    const emptyTaggingRequest: TaggingRequest = { url: '', params: {} }\n\n    const expanded = ref(false)\n    const shouldAnimateSuggestion = ref(true)\n\n    const buttonText = computed(() => (expanded.value ? props.collapseText : props.expandText))\n\n    function onExpandButtonClick(newValue: boolean) {\n      $x.emit('UserClickedAiOverviewExpandButton', expanded.value, {\n        suggestionText: suggestionText.value,\n        toolingDisplayClick: tagging.value?.toolingDisplayClick,\n      })\n      setExpanded(newValue)\n    }\n\n    function setExpanded(newValue: boolean) {\n      expanded.value = newValue\n      !expanded.value && (shouldAnimateSuggestion.value = false)\n    }\n\n    watch(query, () => {\n      expanded.value = false\n      shouldAnimateSuggestion.value = true\n    })\n\n    return {\n      buttonText,\n      emptyTaggingRequest,\n      expanded,\n      responseText,\n      suggestionsLoading,\n      suggestionsSearch,\n      suggestionText,\n      setExpanded,\n      onExpandButtonClick,\n      shouldAnimateSuggestion,\n      query,\n      tagging,\n      isNoResults,\n      queries,\n    }\n  },\n})\n</script>\n\n<style lang=\"css\">\n.x-ai-overview {\n  --color: var(--x-ai-overview-color, #bbc9cf);\n  --color-lighter: var(--x-ai-overview-color-lighter, color-mix(in srgb, var(--color) 25%, white));\n\n  position: relative;\n  border-radius: 1.5rem;\n  background-color: var(--color-lighter);\n}\n\n.x-ai-overview-main {\n  padding: 1rem;\n}\n\n.x-ai-overview-title {\n  display: flex;\n  font-size: 0.875rem;\n  font-weight: 700;\n  gap: 0.25rem;\n  align-items: center;\n  margin-bottom: 0.5rem;\n}\n\n.x-ai-overview-title-loading {\n  display: flex;\n  align-items: center;\n  gap: 0.375rem;\n  margin-bottom: 0.5rem;\n}\n\n.x-ai-overview-title-loading-indicator {\n  width: 0.75rem;\n  height: 0.75rem;\n  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n  border-radius: 9999px;\n  background-color: var(--color);\n}\n\n.x-ai-overview-title-loading-text {\n  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n  font-size: 0.75rem;\n}\n\n.x-ai-overview-title-icon {\n  height: 1rem;\n  aspect-ratio: 1 / 1;\n  color: var(--color);\n}\n\n.x-ai-overview-content {\n  display: flex;\n  flex-direction: column;\n  text-align: left;\n  line-height: 1.25rem;\n  gap: 0.5rem;\n}\n\n.x-ai-overview-content span {\n  font-weight: 500;\n}\n\n.x-ai-overview-gradient {\n  border-radius: 1.5rem;\n  cursor: pointer;\n  content: none;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  bottom: 0;\n  background-image: linear-gradient(to bottom, transparent 0%, var(--color-lighter) 100%);\n}\n\n.x-ai-overview-toggle-wrapper {\n  display: flex;\n  position: relative;\n}\n\n.x-ai-overview-toggle-btn {\n  border-color: var(--button-color-50, #283034);\n  background-color: #ffffff;\n  color: var(--button-color-50, #283034);\n  border-radius: 9999px;\n  width: 100%;\n  margin: auto;\n  padding-right: 1rem;\n  padding-left: 1rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-style: solid;\n  border-width: 1px;\n  font-weight: 700;\n  min-height: 2.5rem;\n  gap: 0.5rem;\n  font-size: 0.875rem;\n}\n\n.x-ai-overview-toggle-btn:hover {\n  border-color: var(--button-color-50, #283034);\n  background-color: var(--button-color-50, #283034);\n  color: #ffffff;\n}\n\n@media (min-width: 640px) {\n  .x-ai-overview-toggle-btn {\n    transition-property: all;\n    transition-duration: 500ms;\n    transform: translateY(50%);\n    width: var(--expand-button-width, 200px);\n  }\n}\n\n.x-ai-overview-toggle-btn-icon {\n  transform: rotate(0deg);\n  height: 1rem;\n  aspect-ratio: 1 / 1;\n  transition-property: all;\n  transition-duration: 300ms;\n}\n\n.x-ai-overview-toggle-btn-icon-expanded {\n  transform: rotate(180deg);\n}\n\n.x-ai-overview-suggestion-query-btn {\n  border-color: transparent;\n  background-color: transparent;\n  margin-left: 1rem;\n  margin-right: 1rem;\n  font-weight: 700;\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n}\n\n.x-ai-overview-suggestion-query-btn-icon {\n  height: 1rem;\n  aspect-ratio: 1 / 1;\n}\n\n.x-ai-overview-suggestions {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  padding-bottom: 1rem;\n}\n\n.x-ai-overview-suggestions-loading {\n  width: 2.5rem;\n  height: 2.5rem;\n  margin: auto;\n  animation: x-spin 1s linear infinite;\n}\n\n.x-ai-overview-suggestion {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.x-ai-overview-suggestion-results {\n  display: flex;\n  gap: 1rem;\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n\n@keyframes x-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes pulse {\n  50% {\n    opacity: 0.5;\n  }\n}\n</style>\n"],"names":["DisplayEmitter","DisplayClickProvider"],"mappings":"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"}

package/js/x-modules/ai/components/ai-overview.vue3.js

@@ -1,6 +1,6 @@
 import injectCss from '../../../../tools/inject-css.js';
 
-var css = ".x-ai-overview{--color:var(--x-ai-overview-color,#bbc9cf);--color-lighter:var(--x-ai-overview-color-lighter,color-mix(in srgb,var(--color) 25%,#fff));background-color:var(--color-lighter);border-radius:1.5rem;position:relative}.x-ai-overview-main{border-radius:.5rem;padding:16px}.x-ai-overview-title-loading{align-items:center;display:flex;gap:.375rem;margin-bottom:8px}.x-ai-overview-title-loading-indicator{animation:x-pulse 2s cubic-bezier(.4,0,.6,1) infinite;background-color:var(--color);border-radius:9999px;height:.75rem;width:.75rem}@keyframes x-pulse{50%{opacity:.5}}.x-ai-overview-title-loading-text{animation:x-pulse 2s cubic-bezier(.4,0,.6,1) infinite;font-size:12px}.x-ai-overview-title{align-items:center;display:flex;font-size:14px;font-weight:700;gap:4px;margin-bottom:8px}.x-ai-overview-title-icon{vector-effect:non-scaling-stroke;--enableIconOffset:var(--OFF);--fontSize:14px;align-items:center;aspect-ratio:1/1;color:var(--color);display:flex;flex:0 0 auto;font-family:font-awesome;font-size:var(--enableIconOffset) var(--fontSize);height:16px;justify-content:center;margin-top:var(--enableIconOffset,calc(var(--iconVerticalOffset)*-1));transform:var(--enableIconOffset,translateY(var(--iconVerticalOffset,0)));width:auto}.x-ai-overview-content{display:flex;flex-direction:column;gap:2px;line-height:1.25rem;text-align:left}.x-ai-overview-content span{font-weight:500}.x-ai-overview-gradient{--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-from-position:0%;--tw-gradient-to:var(--color-lighter) var(--tw-gradient-to-position);--tw-gradient-to-position:100%;--tw-content:none;background-image:linear-gradient(to bottom,var(--tw-gradient-stops));bottom:1.25rem;content:var(--tw-content);cursor:pointer;height:80px;position:absolute;width:100%}.x-ai-overview-toggle-wrapper{display:flex;position:relative;z-index:1}.x-ai-overview-toggle-btn{align-content:center;align-items:center;background-color:var(--button-color-50,#283034);border-style:solid;border-width:1px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;flex-flow:row nowrap;font-family:Inter,sans-serif;font-weight:700;justify-content:center;letter-spacing:0;line-height:1.4}.x-ai-overview-toggle-btn:active,.x-ai-overview-toggle-btn:hover{background-color:var(--button-color-75,#000);border-color:var(--button-color-75,#000)}[dir=ltr] .x-ai-overview-toggle-btn{padding-left:16px}[dir=ltr] .x-ai-overview-toggle-btn,[dir=rtl] .x-ai-overview-toggle-btn{padding-right:16px}[dir=rtl] .x-ai-overview-toggle-btn{padding-left:16px}.x-ai-overview-toggle-btn{font-size:14px;gap:8px;min-height:40px}.x-ai-overview-toggle-btn.x-selected{background-color:var(--button-color-75,#000);border-color:var(--button-color-75,#000)}.x-ai-overview-toggle-btn.x-selected:active,.x-ai-overview-toggle-btn.x-selected:hover{background-color:var(--button-color-50,#283034);border-color:var(--button-color-50,#283034)}.x-ai-overview-toggle-btn{--button-disabled-border-color:#dbe2e5;background-color:#fff;border-color:var(--button-color-50,#283034);color:var(--button-color-50,#283034)}.x-ai-overview-toggle-btn.x-selected,.x-ai-overview-toggle-btn:active,.x-ai-overview-toggle-btn:hover{background-color:var(--button-color-50,#283034);border-color:var(--button-color-50,#283034);color:#fff}.x-ai-overview-toggle-btn.x-selected:active,.x-ai-overview-toggle-btn.x-selected:hover{background-color:#fff;color:var(--button-color-50,#283034)}.x-ai-overview-toggle-btn:disabled{cursor:not-allowed}.x-ai-overview-toggle-btn:disabled,.x-ai-overview-toggle-btn:disabled.x-selected{background-color:var(--button-disabled-background-color,#eef1f2);border-color:var(--button-disabled-border-color,#eef1f2);color:#dbe2e5}.x-button-group:not([class*=gap])>.x-ai-overview-toggle-btn+.x-button{border-left:unset}.x-ai-overview-toggle-btn{border-radius:9999px;margin-left:auto;margin-right:auto;width:100%}@media (min-width:640px){.x-ai-overview-toggle-btn{--tw-translate-y:50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:var(--expand-button-width,200px)}}.x-ai-overview-toggle-btn-icon{vector-effect:non-scaling-stroke;--enableIconOffset:var(--OFF);--fontSize:14px;--tw-rotate:0deg;align-items:center;aspect-ratio:1/1;display:flex;flex:0 0 auto;font-family:font-awesome;font-size:var(--enableIconOffset) var(--fontSize);height:16px;justify-content:center;margin-top:var(--enableIconOffset,calc(var(--iconVerticalOffset)*-1));transform:var(--enableIconOffset,translateY(var(--iconVerticalOffset,0)));transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:auto}.x-ai-overview-toggle-btn-icon,.x-ai-overview-toggle-btn-icon-expanded{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.x-ai-overview-toggle-btn-icon-expanded{--tw-rotate:180deg}.x-ai-overview-suggestion-query-btn{--button-disabled-border-color:transparent;--button-disabled-background-color:transparent;background-color:transparent;border-color:transparent;color:var(--button-color-50,#283034)}.x-ai-overview-suggestion-query-btn:active,.x-ai-overview-suggestion-query-btn:hover{background-color:transparent;border-color:transparent;color:var(--button-color-75,#000)}[dir=ltr] .x-ai-overview-suggestion-query-btn{padding-left:0}[dir=ltr] .x-ai-overview-suggestion-query-btn,[dir=rtl] .x-ai-overview-suggestion-query-btn{padding-right:0}[dir=rtl] .x-ai-overview-suggestion-query-btn{padding-left:0}.x-ai-overview-suggestion-query-btn.x-selected{background-color:transparent;border-color:transparent;color:var(--button-color-75,#000)}.x-ai-overview-suggestion-query-btn.x-selected:active,.x-ai-overview-suggestion-query-btn.x-selected:hover{background-color:transparent;border-color:transparent;color:var(--button-color-50,#283034)}.x-ai-overview-suggestion-query-btn{--tw-text-opacity:1;align-items:center;color:rgb(17 24 39/var(--tw-text-opacity));display:flex;font-weight:700;gap:16px;margin-left:16px;margin-right:16px;min-height:fit-content;width:fit-content}.x-ai-overview-suggestion-query-btn-icon{--fontSize:14px;height:16px}.x-ai-overview-suggestions{display:flex;flex-direction:column;gap:16px;padding-bottom:16px}.x-ai-overview-suggestion{display:flex;flex-direction:column;gap:8px}.x-ai-overview-suggestion-results{display:flex;gap:16px;padding-left:16px;padding-right:16px}.x-ai-overview-suggestions-loading{animation:x-spin 1s linear infinite;height:2.5rem;margin:auto;width:2.5rem}@keyframes x-spin{to{transform:rotate(1turn)}}.x-ai-overview-result-animation{animation:x-fade .3s ease-in-out forwards;opacity:0}@keyframes x-fade{0%{opacity:0}to{opacity:1}}";
+var css = ".x-ai-overview{--color:var(--x-ai-overview-color,#bbc9cf);--color-lighter:var(--x-ai-overview-color-lighter,color-mix(in srgb,var(--color) 25%,#fff));background-color:var(--color-lighter);border-radius:1.5rem;position:relative}.x-ai-overview-main{padding:1rem}.x-ai-overview-title{font-size:.875rem;font-weight:700;gap:.25rem}.x-ai-overview-title,.x-ai-overview-title-loading{align-items:center;display:flex;margin-bottom:.5rem}.x-ai-overview-title-loading{gap:.375rem}.x-ai-overview-title-loading-indicator{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background-color:var(--color);border-radius:9999px;height:.75rem;width:.75rem}.x-ai-overview-title-loading-text{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;font-size:.75rem}.x-ai-overview-title-icon{aspect-ratio:1/1;color:var(--color);height:1rem}.x-ai-overview-content{display:flex;flex-direction:column;gap:.5rem;line-height:1.25rem;text-align:left}.x-ai-overview-content span{font-weight:500}.x-ai-overview-gradient{background-image:linear-gradient(to bottom,transparent 0,var(--color-lighter) 100%);border-radius:1.5rem;bottom:0;content:none;cursor:pointer;height:100%;position:absolute;width:100%}.x-ai-overview-toggle-wrapper{display:flex;position:relative}.x-ai-overview-toggle-btn{align-items:center;background-color:#fff;border-color:var(--button-color-50,#283034);border-radius:9999px;border-style:solid;border-width:1px;color:var(--button-color-50,#283034);display:flex;font-size:.875rem;font-weight:700;gap:.5rem;justify-content:center;margin:auto;min-height:2.5rem;padding-left:1rem;padding-right:1rem;width:100%}.x-ai-overview-toggle-btn:hover{background-color:var(--button-color-50,#283034);border-color:var(--button-color-50,#283034);color:#fff}@media (min-width:640px){.x-ai-overview-toggle-btn{transform:translateY(50%);transition-duration:.5s;transition-property:all;width:var(--expand-button-width,200px)}}.x-ai-overview-toggle-btn-icon{aspect-ratio:1/1;height:1rem;transform:rotate(0deg);transition-duration:.3s;transition-property:all}.x-ai-overview-toggle-btn-icon-expanded{transform:rotate(180deg)}.x-ai-overview-suggestion-query-btn{align-items:center;background-color:transparent;border-color:transparent;display:flex;font-weight:700;gap:1rem;margin-left:1rem;margin-right:1rem;width:fit-content}.x-ai-overview-suggestion-query-btn-icon{aspect-ratio:1/1;height:1rem}.x-ai-overview-suggestions{display:flex;flex-direction:column;gap:.5rem;padding-bottom:1rem}.x-ai-overview-suggestions-loading{animation:x-spin 1s linear infinite;height:2.5rem;margin:auto;width:2.5rem}.x-ai-overview-suggestion{display:flex;flex-direction:column;gap:.5rem}.x-ai-overview-suggestion-results{display:flex;gap:1rem;padding-left:1rem;padding-right:1rem}@keyframes x-spin{to{transform:rotate(1turn)}}@keyframes pulse{50%{opacity:.5}}";
 injectCss(css);
 
 export { css, css as default };

package/js/x-modules/queries-preview/store/emitters.js

@@ -10,8 +10,9 @@ import { queriesPreviewXStoreModule } from './module.js';
 const queriesPreviewEmitters = createStoreEmitters(queriesPreviewXStoreModule, {
     QueryPreviewUnselected: {
         selector: state => !state.selectedQueryPreview ? state.params : state.selectedQueryPreview.extraParams,
-        filter: (newValue, oldValue, state) => !state.selectedQueryPreview,
+        filter: (_newValue, _oldValue, state) => !state.selectedQueryPreview,
     },
+    QueriesPreviewChanged: (_state, getters) => getters.loadedQueriesPreview,
 });
 
 export { queriesPreviewEmitters };

package/js/x-modules/queries-preview/store/emitters.js.map

@@ -1 +1 @@
-{"version":3,"file":"emitters.js","sources":["../../../../../src/x-modules/queries-preview/store/emitters.ts"],"sourcesContent":["import { createStoreEmitters } from '../../../store'\nimport { queriesPreviewXStoreModule } from './module'\n\n/**\n * {@link StoreEmitters} For the queries-preview module.\n *\n * @internal\n */\nexport const queriesPreviewEmitters = createStoreEmitters(queriesPreviewXStoreModule, {\n  QueryPreviewUnselected: {\n    selector: state =>\n      !state.selectedQueryPreview ? state.params : state.selectedQueryPreview.extraParams!,\n    filter: (newValue, oldValue, state) => !state.selectedQueryPreview,\n  },\n})\n"],"names":[],"mappings":";;;;AAGA;;;;AAIG;AACU,MAAA,sBAAsB,GAAG,mBAAmB,CAAC,0BAA0B,EAAE;AACpF,IAAA,sBAAsB,EAAE;QACtB,QAAQ,EAAE,KAAK,IACb,CAAC,KAAK,CAAC,oBAAoB,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,oBAAoB,CAAC,WAAY;AACtF,QAAA,MAAM,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,KAAK,CAAC,KAAK,CAAC,oBAAoB;AACnE,KAAA;AACF,CAAA;;;;"}
+{"version":3,"file":"emitters.js","sources":["../../../../../src/x-modules/queries-preview/store/emitters.ts"],"sourcesContent":["import { createStoreEmitters } from '../../../store'\nimport { queriesPreviewXStoreModule } from './module'\n\n/**\n * {@link StoreEmitters} For the queries-preview module.\n *\n * @internal\n */\nexport const queriesPreviewEmitters = createStoreEmitters(queriesPreviewXStoreModule, {\n  QueryPreviewUnselected: {\n    selector: state =>\n      !state.selectedQueryPreview ? state.params : state.selectedQueryPreview.extraParams!,\n    filter: (_newValue, _oldValue, state) => !state.selectedQueryPreview,\n  },\n  QueriesPreviewChanged: (_state, getters) => getters.loadedQueriesPreview,\n})\n"],"names":[],"mappings":";;;;AAGA;;;;AAIG;AACU,MAAA,sBAAsB,GAAG,mBAAmB,CAAC,0BAA0B,EAAE;AACpF,IAAA,sBAAsB,EAAE;QACtB,QAAQ,EAAE,KAAK,IACb,CAAC,KAAK,CAAC,oBAAoB,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,oBAAoB,CAAC,WAAY;AACtF,QAAA,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK,KAAK,CAAC,KAAK,CAAC,oBAAoB;AACrE,KAAA;IACD,qBAAqB,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,OAAO,CAAC,oBAAoB;AACzE,CAAA;;;;"}

package/js/x-modules/queries-preview/store/module.js

@@ -55,7 +55,7 @@ const queriesPreviewXStoreModule = {
             }
         },
         updateAQueryPreviewResult(state, { result, queryPreviewHash }) {
-            const queryPreviewResult = state.queriesPreview[queryPreviewHash.value]?.results.find(resultPreview => resultPreview.id === result.id);
+            const queryPreviewResult = state.queriesPreview[queryPreviewHash]?.results.find(resultPreview => resultPreview.id === result.id);
             if (queryPreviewResult) {
                 Object.assign(queryPreviewResult, result);
             }

package/js/x-modules/queries-preview/store/module.js.map

@@ -1 +1 @@
-{"version":3,"file":"module.js","sources":["../../../../../src/x-modules/queries-preview/store/module.ts"],"sourcesContent":["import type { QueriesPreviewXStoreModule } from './types'\nimport { mergeConfig, setConfig } from '../../../store/utils/config-store.utils'\nimport { getHashFromQueryPreviewItem } from '../utils/get-hash-from-query-preview'\nimport { fetchAndSaveQueryPreview } from './actions/fetch-and-save-query-preview.action'\nimport { fetchQueryPreview } from './actions/fetch-query-preview.action'\nimport { loadedQueriesPreview } from './getters/loaded-queries-preview.getter'\n\n/**\n * {@link XStoreModule} For the `queries-preview` module.\n *\n * @internal\n */\nexport const queriesPreviewXStoreModule: QueriesPreviewXStoreModule = {\n  state: () => ({\n    config: {\n      maxItemsToRequest: 24,\n    },\n    queriesPreview: {},\n    selectedQueryPreview: {\n      query: '',\n      extraParams: undefined,\n      filters: undefined,\n    },\n    params: {},\n  }),\n  getters: { loadedQueriesPreview },\n  mutations: {\n    clearQueryPreview(state, queryPreviewHash) {\n      delete state.queriesPreview[queryPreviewHash]\n    },\n    setParams(state, params) {\n      state.params = params\n    },\n    setQueryPreviewCached(state, queryPreview) {\n      state.queriesPreview[\n        getHashFromQueryPreviewItem(queryPreview, queryPreview.request.extraParams?.lang as string)\n      ] = queryPreview\n    },\n    setStatus(state, { queryPreviewHash, status }) {\n      state.queriesPreview[queryPreviewHash].status = status\n    },\n    setSelectedQueryPreview(state, selectedQueryPreview) {\n      state.selectedQueryPreview = selectedQueryPreview\n    },\n    setConfig,\n    mergeConfig,\n    addQueryPreviewInstance(state, queryPreviewHash) {\n      if (state.queriesPreview[queryPreviewHash]) {\n        state.queriesPreview[queryPreviewHash].instances += 1\n      }\n    },\n    removeQueryPreviewInstance(state, { queryPreviewHash, cache }) {\n      if (state.queriesPreview[queryPreviewHash]) {\n        state.queriesPreview[queryPreviewHash].instances -= 1\n\n        if (!cache && state.queriesPreview[queryPreviewHash].instances === 0) {\n          delete state.queriesPreview[queryPreviewHash]\n        }\n      }\n    },\n    updateAQueryPreviewResult(state, { result, queryPreviewHash }) {\n      const queryPreviewResult = state.queriesPreview[queryPreviewHash.value]?.results.find(\n        resultPreview => resultPreview.id === result.id,\n      )\n      if (queryPreviewResult) {\n        Object.assign(queryPreviewResult, result)\n      }\n    },\n  },\n  actions: {\n    fetchQueryPreview,\n    fetchAndSaveQueryPreview,\n  },\n}\n"],"names":[],"mappings":";;;;;;AAOA;;;;AAIG;AACU,MAAA,0BAA0B,GAA+B;AACpE,IAAA,KAAK,EAAE,OAAO;AACZ,QAAA,MAAM,EAAE;AACN,YAAA,iBAAiB,EAAE,EAAE;AACtB,SAAA;AACD,QAAA,cAAc,EAAE,EAAE;AAClB,QAAA,oBAAoB,EAAE;AACpB,YAAA,KAAK,EAAE,EAAE;AACT,YAAA,WAAW,EAAE,SAAS;AACtB,YAAA,OAAO,EAAE,SAAS;AACnB,SAAA;AACD,QAAA,MAAM,EAAE,EAAE;KACX,CAAC;IACF,OAAO,EAAE,EAAE,oBAAoB,EAAE;AACjC,IAAA,SAAS,EAAE;QACT,iBAAiB,CAAC,KAAK,EAAE,gBAAgB,EAAA;AACvC,YAAA,OAAO,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAA;SAC9C;QACD,SAAS,CAAC,KAAK,EAAE,MAAM,EAAA;AACrB,YAAA,KAAK,CAAC,MAAM,GAAG,MAAM,CAAA;SACtB;QACD,qBAAqB,CAAC,KAAK,EAAE,YAAY,EAAA;AACvC,YAAA,KAAK,CAAC,cAAc,CAClB,2BAA2B,CAAC,YAAY,EAAE,YAAY,CAAC,OAAO,CAAC,WAAW,EAAE,IAAc,CAAC,CAC5F,GAAG,YAAY,CAAA;SACjB;AACD,QAAA,SAAS,CAAC,KAAK,EAAE,EAAE,gBAAgB,EAAE,MAAM,EAAE,EAAA;YAC3C,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC,MAAM,GAAG,MAAM,CAAA;SACvD;QACD,uBAAuB,CAAC,KAAK,EAAE,oBAAoB,EAAA;AACjD,YAAA,KAAK,CAAC,oBAAoB,GAAG,oBAAoB,CAAA;SAClD;QACD,SAAS;QACT,WAAW;QACX,uBAAuB,CAAC,KAAK,EAAE,gBAAgB,EAAA;AAC7C,YAAA,IAAI,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE;gBAC1C,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC,SAAS,IAAI,CAAC,CAAA;aACtD;SACF;AACD,QAAA,0BAA0B,CAAC,KAAK,EAAE,EAAE,gBAAgB,EAAE,KAAK,EAAE,EAAA;AAC3D,YAAA,IAAI,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE;gBAC1C,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC,SAAS,IAAI,CAAC,CAAA;AAErD,gBAAA,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC,SAAS,KAAK,CAAC,EAAE;AACpE,oBAAA,OAAO,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAA;iBAC9C;aACF;SACF;AACD,QAAA,yBAAyB,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,gBAAgB,EAAE,EAAA;YAC3D,MAAM,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,IAAI,CACnF,aAAa,IAAI,aAAa,CAAC,EAAE,KAAK,MAAM,CAAC,EAAE,CAChD,CAAA;YACD,IAAI,kBAAkB,EAAE;AACtB,gBAAA,MAAM,CAAC,MAAM,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAA;aAC1C;SACF;AACF,KAAA;AACD,IAAA,OAAO,EAAE;QACP,iBAAiB;QACjB,wBAAwB;AACzB,KAAA;;;;;"}
+{"version":3,"file":"module.js","sources":["../../../../../src/x-modules/queries-preview/store/module.ts"],"sourcesContent":["import type { QueriesPreviewXStoreModule } from './types'\nimport { mergeConfig, setConfig } from '../../../store/utils/config-store.utils'\nimport { getHashFromQueryPreviewItem } from '../utils/get-hash-from-query-preview'\nimport { fetchAndSaveQueryPreview } from './actions/fetch-and-save-query-preview.action'\nimport { fetchQueryPreview } from './actions/fetch-query-preview.action'\nimport { loadedQueriesPreview } from './getters/loaded-queries-preview.getter'\n\n/**\n * {@link XStoreModule} For the `queries-preview` module.\n *\n * @internal\n */\nexport const queriesPreviewXStoreModule: QueriesPreviewXStoreModule = {\n  state: () => ({\n    config: {\n      maxItemsToRequest: 24,\n    },\n    queriesPreview: {},\n    selectedQueryPreview: {\n      query: '',\n      extraParams: undefined,\n      filters: undefined,\n    },\n    params: {},\n  }),\n  getters: { loadedQueriesPreview },\n  mutations: {\n    clearQueryPreview(state, queryPreviewHash) {\n      delete state.queriesPreview[queryPreviewHash]\n    },\n    setParams(state, params) {\n      state.params = params\n    },\n    setQueryPreviewCached(state, queryPreview) {\n      state.queriesPreview[\n        getHashFromQueryPreviewItem(queryPreview, queryPreview.request.extraParams?.lang as string)\n      ] = queryPreview\n    },\n    setStatus(state, { queryPreviewHash, status }) {\n      state.queriesPreview[queryPreviewHash].status = status\n    },\n    setSelectedQueryPreview(state, selectedQueryPreview) {\n      state.selectedQueryPreview = selectedQueryPreview\n    },\n    setConfig,\n    mergeConfig,\n    addQueryPreviewInstance(state, queryPreviewHash) {\n      if (state.queriesPreview[queryPreviewHash]) {\n        state.queriesPreview[queryPreviewHash].instances += 1\n      }\n    },\n    removeQueryPreviewInstance(state, { queryPreviewHash, cache }) {\n      if (state.queriesPreview[queryPreviewHash]) {\n        state.queriesPreview[queryPreviewHash].instances -= 1\n\n        if (!cache && state.queriesPreview[queryPreviewHash].instances === 0) {\n          delete state.queriesPreview[queryPreviewHash]\n        }\n      }\n    },\n    updateAQueryPreviewResult(state, { result, queryPreviewHash }) {\n      const queryPreviewResult = state.queriesPreview[queryPreviewHash]?.results.find(\n        resultPreview => resultPreview.id === result.id,\n      )\n      if (queryPreviewResult) {\n        Object.assign(queryPreviewResult, result)\n      }\n    },\n  },\n  actions: {\n    fetchQueryPreview,\n    fetchAndSaveQueryPreview,\n  },\n}\n"],"names":[],"mappings":";;;;;;AAOA;;;;AAIG;AACU,MAAA,0BAA0B,GAA+B;AACpE,IAAA,KAAK,EAAE,OAAO;AACZ,QAAA,MAAM,EAAE;AACN,YAAA,iBAAiB,EAAE,EAAE;AACtB,SAAA;AACD,QAAA,cAAc,EAAE,EAAE;AAClB,QAAA,oBAAoB,EAAE;AACpB,YAAA,KAAK,EAAE,EAAE;AACT,YAAA,WAAW,EAAE,SAAS;AACtB,YAAA,OAAO,EAAE,SAAS;AACnB,SAAA;AACD,QAAA,MAAM,EAAE,EAAE;KACX,CAAC;IACF,OAAO,EAAE,EAAE,oBAAoB,EAAE;AACjC,IAAA,SAAS,EAAE;QACT,iBAAiB,CAAC,KAAK,EAAE,gBAAgB,EAAA;AACvC,YAAA,OAAO,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAA;SAC9C;QACD,SAAS,CAAC,KAAK,EAAE,MAAM,EAAA;AACrB,YAAA,KAAK,CAAC,MAAM,GAAG,MAAM,CAAA;SACtB;QACD,qBAAqB,CAAC,KAAK,EAAE,YAAY,EAAA;AACvC,YAAA,KAAK,CAAC,cAAc,CAClB,2BAA2B,CAAC,YAAY,EAAE,YAAY,CAAC,OAAO,CAAC,WAAW,EAAE,IAAc,CAAC,CAC5F,GAAG,YAAY,CAAA;SACjB;AACD,QAAA,SAAS,CAAC,KAAK,EAAE,EAAE,gBAAgB,EAAE,MAAM,EAAE,EAAA;YAC3C,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC,MAAM,GAAG,MAAM,CAAA;SACvD;QACD,uBAAuB,CAAC,KAAK,EAAE,oBAAoB,EAAA;AACjD,YAAA,KAAK,CAAC,oBAAoB,GAAG,oBAAoB,CAAA;SAClD;QACD,SAAS;QACT,WAAW;QACX,uBAAuB,CAAC,KAAK,EAAE,gBAAgB,EAAA;AAC7C,YAAA,IAAI,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE;gBAC1C,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC,SAAS,IAAI,CAAC,CAAA;aACtD;SACF;AACD,QAAA,0BAA0B,CAAC,KAAK,EAAE,EAAE,gBAAgB,EAAE,KAAK,EAAE,EAAA;AAC3D,YAAA,IAAI,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE;gBAC1C,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC,SAAS,IAAI,CAAC,CAAA;AAErD,gBAAA,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC,SAAS,KAAK,CAAC,EAAE;AACpE,oBAAA,OAAO,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAA;iBAC9C;aACF;SACF;AACD,QAAA,yBAAyB,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,gBAAgB,EAAE,EAAA;YAC3D,MAAM,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC,IAAI,CAC7E,aAAa,IAAI,aAAa,CAAC,EAAE,KAAK,MAAM,CAAC,EAAE,CAChD,CAAA;YACD,IAAI,kBAAkB,EAAE;AACtB,gBAAA,MAAM,CAAC,MAAM,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAA;aAC1C;SACF;AACF,KAAA;AACD,IAAA,OAAO,EAAE;QACP,iBAAiB;QACjB,wBAAwB;AACzB,KAAA;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@empathyco/x-components",
-  "version": "6.0.0-alpha.152",
+  "version": "6.0.0-alpha.154",
   "description": "Empathy X Components",
   "author": "Empathy Systems Corporation S.L.",
   "license": "Apache-2.0",
@@ -142,5 +142,5 @@
     "access": "public",
     "directory": "dist"
   },
-  "gitHead": "4cf68c27725a779d4f4db37fcdafe5cf12de30cf"
+  "gitHead": "8ba27fa45332b007192163f6f76a39863ced92c2"
 }

package/report/x-components.api.json

@@ -29696,7 +29696,25 @@
             },
             {
               "kind": "Content",
-              "text": "<unknown> | undefined;\n        QueryPreviewMounted?: string | undefined;\n        QueryPreviewUnmounted?: {\n            queryPreviewHash: string;\n            cache: boolean;\n        } | undefined;\n        QuerySuggestionsChanged?: import(\"@empathyco/x-types\")."
+              "text": "<unknown> | undefined;\n        QueryPreviewMounted?: string | undefined;\n        QueryPreviewUnmounted?: {\n            queryPreviewHash: string;\n            cache: boolean;\n        } | undefined;\n        QueriesPreviewChanged?: "
+            },
+            {
+              "kind": "Reference",
+              "text": "Dictionary",
+              "canonicalReference": "@empathyco/x-utils!Dictionary:type"
+            },
+            {
+              "kind": "Content",
+              "text": "<import(\"../../../queries-preview\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "QueryPreviewItem",
+              "canonicalReference": "@empathyco/x-components!QueryPreviewItem:interface"
+            },
+            {
+              "kind": "Content",
+              "text": "> | undefined;\n        QuerySuggestionsChanged?: import(\"@empathyco/x-types\")."
             },
             {
               "kind": "Reference",
@@ -30308,7 +30326,7 @@
           "name": "HierarchicalFilter",
           "variableTypeTokenRange": {
             "startIndex": 1,
-            "endIndex": 262
+            "endIndex": 266
           }
         },
         {
@@ -44681,16 +44699,7 @@
                 },
                 {
                   "kind": "Content",
-                  "text": ";\n        queryPreviewHash: "
-                },
-                {
-                  "kind": "Reference",
-                  "text": "ComputedRef",
-                  "canonicalReference": "@vue/reactivity!ComputedRef:interface"
-                },
-                {
-                  "kind": "Content",
-                  "text": "<string>;\n    }) => void"
+                  "text": ";\n        queryPreviewHash: string;\n    }) => void"
                 },
                 {
                   "kind": "Content",
@@ -44703,7 +44712,7 @@
               "name": "updateAQueryPreviewResult",
               "propertyTypeTokenRange": {
                 "startIndex": 1,
-                "endIndex": 6
+                "endIndex": 4
               }
             }
           ],
@@ -44880,6 +44889,47 @@
           "name": "QueriesPreviewXEvents",
           "preserveMemberOrder": false,
           "members": [
+            {
+              "kind": "PropertySignature",
+              "canonicalReference": "@empathyco/x-components!QueriesPreviewXEvents#QueriesPreviewChanged:member",
+              "docComment": "/**\n * The query preview has been changed. Payload: The query preview item.\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "QueriesPreviewChanged: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "Dictionary",
+                  "canonicalReference": "@empathyco/x-utils!Dictionary:type"
+                },
+                {
+                  "kind": "Content",
+                  "text": "<"
+                },
+                {
+                  "kind": "Reference",
+                  "text": "QueryPreviewItem",
+                  "canonicalReference": "@empathyco/x-components!QueryPreviewItem:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": ">"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "QueriesPreviewChanged",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 5
+              }
+            },
             {
               "kind": "PropertySignature",
               "canonicalReference": "@empathyco/x-components!QueriesPreviewXEvents#QueryPreviewMounted:member",
@@ -65320,7 +65370,25 @@
             },
             {
               "kind": "Content",
-              "text": "<unknown> | undefined;\n        QueryPreviewMounted?: string | undefined;\n        QueryPreviewUnmounted?: {\n            queryPreviewHash: string;\n            cache: boolean;\n        } | undefined;\n        QuerySuggestionsChanged?: import(\"@empathyco/x-types\")."
+              "text": "<unknown> | undefined;\n        QueryPreviewMounted?: string | undefined;\n        QueryPreviewUnmounted?: {\n            queryPreviewHash: string;\n            cache: boolean;\n        } | undefined;\n        QueriesPreviewChanged?: "
+            },
+            {
+              "kind": "Reference",
+              "text": "Dictionary",
+              "canonicalReference": "@empathyco/x-utils!Dictionary:type"
+            },
+            {
+              "kind": "Content",
+              "text": "<import(\"../../../queries-preview\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "QueryPreviewItem",
+              "canonicalReference": "@empathyco/x-components!QueryPreviewItem:interface"
+            },
+            {
+              "kind": "Content",
+              "text": "> | undefined;\n        QuerySuggestionsChanged?: import(\"@empathyco/x-types\")."
             },
             {
               "kind": "Reference",
@@ -65842,7 +65910,7 @@
           "name": "SimpleFilter",
           "variableTypeTokenRange": {
             "startIndex": 1,
-            "endIndex": 232
+            "endIndex": 236
           }
         },
         {
@@ -67793,6 +67861,33 @@
               "text": "WireMetadata",
               "canonicalReference": "@empathyco/x-components!WireMetadata:interface"
             },
+            {
+              "kind": "Content",
+              "text": ") => unknown;\n        QueriesPreviewChanged: (payload: import(\"@empathyco/x-utils\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "Dictionary",
+              "canonicalReference": "@empathyco/x-utils!Dictionary:type"
+            },
+            {
+              "kind": "Content",
+              "text": "<import(\"..\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "QueryPreviewItem",
+              "canonicalReference": "@empathyco/x-components!QueryPreviewItem:interface"
+            },
+            {
+              "kind": "Content",
+              "text": ">, metadata: "
+            },
+            {
+              "kind": "Reference",
+              "text": "WireMetadata",
+              "canonicalReference": "@empathyco/x-components!WireMetadata:interface"
+            },
             {
               "kind": "Content",
               "text": ") => unknown;\n        QuerySuggestionsChanged: (payload: import(\"@empathyco/x-types\")."
@@ -68956,7 +69051,7 @@
           "name": "SnippetCallbacks",
           "variableTypeTokenRange": {
             "startIndex": 1,
-            "endIndex": 514
+            "endIndex": 520
           }
         },
         {

package/report/x-components.api.md

@@ -3462,6 +3462,7 @@ QueryPreviewUnmounted?: {
 queryPreviewHash: string;
 cache: boolean;
 } | undefined;
+QueriesPreviewChanged?: Dictionary<QueryPreviewItem> | undefined;
 QuerySuggestionsChanged?: Suggestion[] | undefined;
 QuerySuggestionsRequestUpdated?: QuerySuggestionsRequest | null | undefined;
 UserSelectedAQuerySuggestion?: Suggestion | undefined;
@@ -5071,8 +5072,9 @@ export interface QueriesPreviewConfig {
 export const queriesPreviewEmitters: {
     QueryPreviewUnselected: {
         selector: (state: QueriesPreviewState) => Dictionary<unknown>;
-        filter: (newValue: Dictionary<unknown>, oldValue: Dictionary<unknown>, state: QueriesPreviewState) => boolean;
+        filter: (_newValue: Dictionary<unknown>, _oldValue: Dictionary<unknown>, state: QueriesPreviewState) => boolean;
     };
+    QueriesPreviewChanged: (_state: QueriesPreviewState, getters: Returns<GettersTree<QueriesPreviewState, QueriesPreviewGetters>>) => Dictionary<QueryPreviewItem>;
 };
 
 // @public
@@ -5094,7 +5096,7 @@ export interface QueriesPreviewMutations extends ConfigMutations<QueriesPreviewS
     setStatus: (payload: QueryPreviewStatusPayload) => void;
     updateAQueryPreviewResult: ({ result, queryPreviewHash, }: {
         result: Result;
-        queryPreviewHash: ComputedRef<string>;
+        queryPreviewHash: string;
     }) => void;
 }
 
@@ -5145,6 +5147,7 @@ export const queriesPreviewWiring: {
 
 // @public
 export interface QueriesPreviewXEvents {
+    QueriesPreviewChanged: Dictionary<QueryPreviewItem>;
     QueryPreviewMounted: string;
     QueryPreviewRequestUpdated: SearchRequest;
     QueryPreviewUnmounted: {
@@ -7435,6 +7438,7 @@ QueryPreviewUnmounted?: {
 queryPreviewHash: string;
 cache: boolean;
 } | undefined;
+QueriesPreviewChanged?: Dictionary<QueryPreviewItem> | undefined;
 QuerySuggestionsChanged?: Suggestion[] | undefined;
 QuerySuggestionsRequestUpdated?: QuerySuggestionsRequest | null | undefined;
 UserSelectedAQuerySuggestion?: Suggestion | undefined;
@@ -7767,6 +7771,7 @@ QueryPreviewUnmounted: (payload: {
 queryPreviewHash: string;
 cache: boolean;
 }, metadata: WireMetadata) => unknown;
+QueriesPreviewChanged: (payload: Dictionary<QueryPreviewItem>, metadata: WireMetadata) => unknown;
 QuerySuggestionsChanged: (payload: Suggestion[], metadata: WireMetadata) => unknown;
 QuerySuggestionsRequestUpdated: (payload: QuerySuggestionsRequest | null, metadata: WireMetadata) => unknown;
 UserSelectedAQuerySuggestion: (payload: Suggestion, metadata: WireMetadata) => unknown;
@@ -9251,10 +9256,10 @@ export type XStoreModuleOptions<StoreModule extends AnyXStoreModule> = StoreModu
 // dist/types/x-modules/facets/components/filters/editable-number-range-filter.vue.d.ts:25:9 - (ae-forgotten-export) The symbol "EditableNumberRangeFilter_2" needs to be exported by the entry point index.d.ts
 // dist/types/x-modules/facets/components/filters/hierarchical-filter.vue.d.ts:62:13 - (ae-forgotten-export) The symbol "ResultVariant" needs to be exported by the entry point index.d.ts
 // dist/types/x-modules/facets/components/filters/hierarchical-filter.vue.d.ts:110:9 - (ae-forgotten-export) The symbol "NextQuery_2" needs to be exported by the entry point index.d.ts
-// dist/types/x-modules/facets/components/filters/hierarchical-filter.vue.d.ts:172:9 - (ae-forgotten-export) The symbol "Redirection_2" needs to be exported by the entry point index.d.ts
-// dist/types/x-modules/facets/components/filters/hierarchical-filter.vue.d.ts:173:9 - (ae-forgotten-export) The symbol "Promoted_2" needs to be exported by the entry point index.d.ts
-// dist/types/x-modules/facets/components/filters/hierarchical-filter.vue.d.ts:178:9 - (ae-forgotten-export) The symbol "SemanticQuery_2" needs to be exported by the entry point index.d.ts
-// dist/types/x-modules/facets/components/filters/hierarchical-filter.vue.d.ts:200:9 - (ae-forgotten-export) The symbol "RelatedPrompt_2" needs to be exported by the entry point index.d.ts
+// dist/types/x-modules/facets/components/filters/hierarchical-filter.vue.d.ts:173:9 - (ae-forgotten-export) The symbol "Redirection_2" needs to be exported by the entry point index.d.ts
+// dist/types/x-modules/facets/components/filters/hierarchical-filter.vue.d.ts:174:9 - (ae-forgotten-export) The symbol "Promoted_2" needs to be exported by the entry point index.d.ts
+// dist/types/x-modules/facets/components/filters/hierarchical-filter.vue.d.ts:179:9 - (ae-forgotten-export) The symbol "SemanticQuery_2" needs to be exported by the entry point index.d.ts
+// dist/types/x-modules/facets/components/filters/hierarchical-filter.vue.d.ts:201:9 - (ae-forgotten-export) The symbol "RelatedPrompt_2" needs to be exported by the entry point index.d.ts
 // dist/types/x-modules/facets/components/lists/selected-filters-list.vue.d.ts:35:5 - (ae-forgotten-export) The symbol "RenderFilter" needs to be exported by the entry point index.d.ts
 // dist/types/x-modules/related-prompts/components/related-prompts-tag-list.vue.d.ts:62:9 - (ae-forgotten-export) The symbol "RelatedPromptNextQuery" needs to be exported by the entry point index.d.ts
 // dist/types/x-modules/search/components/banner.vue.d.ts:23:9 - (ae-forgotten-export) The symbol "Banner_2" needs to be exported by the entry point index.d.ts

package/types/components/snippet-callbacks.vue.d.ts

@@ -98,6 +98,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             queryPreviewHash: string;
             cache: boolean;
         }, metadata: WireMetadata) => unknown;
+        QueriesPreviewChanged: (payload: import("@empathyco/x-utils").Dictionary<import("..").QueryPreviewItem>, metadata: WireMetadata) => unknown;
         QuerySuggestionsChanged: (payload: import("@empathyco/x-types").Suggestion[], metadata: WireMetadata) => unknown;
         QuerySuggestionsRequestUpdated: (payload: import("@empathyco/x-types").QuerySuggestionsRequest | null, metadata: WireMetadata) => unknown;
         UserSelectedAQuerySuggestion: (payload: import("@empathyco/x-types").Suggestion, metadata: WireMetadata) => unknown;

package/types/components/snippet-callbacks.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"snippet-callbacks.vue?vue&type=script&lang.d.ts","sourceRoot":"","sources":["../../../src/components/snippet-callbacks.vue?vue&type=script&lang.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAO7C;;;;;GAKG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACH,wBA0CE"}
+{"version":3,"file":"snippet-callbacks.vue?vue&type=script&lang.d.ts","sourceRoot":"","sources":["../../../src/components/snippet-callbacks.vue?vue&type=script&lang.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAO7C;;;;;GAKG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACH,wBA0CE"}

package/types/x-modules/facets/components/filters/hierarchical-filter.vue.d.ts

@@ -123,6 +123,7 @@ declare const _default: import("vue").DefineComponent<{
             queryPreviewHash: string;
             cache: boolean;
         } | undefined;
+        QueriesPreviewChanged?: Dictionary<import("../../../queries-preview").QueryPreviewItem> | undefined;
         QuerySuggestionsChanged?: import("@empathyco/x-types").Suggestion[] | undefined;
         QuerySuggestionsRequestUpdated?: import("@empathyco/x-types").QuerySuggestionsRequest | null | undefined;
         UserSelectedAQuerySuggestion?: import("@empathyco/x-types").Suggestion | undefined;

package/types/x-modules/facets/components/filters/hierarchical-filter.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hierarchical-filter.vue?vue&type=script&lang.d.ts","sourceRoot":"","sources":["../../../../../../src/x-modules/facets/components/filters/hierarchical-filter.vue?vue&type=script&lang.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,kBAAkB,IAAI,uBAAuB,EAAE,MAAM,oBAAoB,CAAA;AAC/F,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AACnC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AASnE;;;;GAIG;;IAMC,iCAAiC;;cAEf,QAAQ,CAAC,uBAAuB,CAAC;;;IAGnD,+DAA+D;;IAE/D;;;;OAIG;iBACoB,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IACtD,+BAA+B;;cAEd,QAAQ,CAAC,CAAC,MAAM,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC;;;IAG3D,0CAA0C;;IAE1C,0CAA0C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6CAwDM,uBAAuB;;IA5EvE,iCAAiC;;cAEf,QAAQ,CAAC,uBAAuB,CAAC;;;IAGnD,+DAA+D;;IAE/D;;;;OAIG;iBACoB,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IACtD,+BAA+B;;cAEd,QAAQ,CAAC,CAAC,MAAM,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC;;;IAG3D,0CAA0C;;IAE1C,0CAA0C;;;;;AAzB9C,wBA+GE"}
+{"version":3,"file":"hierarchical-filter.vue?vue&type=script&lang.d.ts","sourceRoot":"","sources":["../../../../../../src/x-modules/facets/components/filters/hierarchical-filter.vue?vue&type=script&lang.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,kBAAkB,IAAI,uBAAuB,EAAE,MAAM,oBAAoB,CAAA;AAC/F,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AACnC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AASnE;;;;GAIG;;IAMC,iCAAiC;;cAEf,QAAQ,CAAC,uBAAuB,CAAC;;;IAGnD,+DAA+D;;IAE/D;;;;OAIG;iBACoB,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IACtD,+BAA+B;;cAEd,QAAQ,CAAC,CAAC,MAAM,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC;;;IAG3D,0CAA0C;;IAE1C,0CAA0C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6CAwDM,uBAAuB;;IA5EvE,iCAAiC;;cAEf,QAAQ,CAAC,uBAAuB,CAAC;;;IAGnD,+DAA+D;;IAE/D;;;;OAIG;iBACoB,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IACtD,+BAA+B;;cAEd,QAAQ,CAAC,CAAC,MAAM,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC;;;IAG3D,0CAA0C;;IAE1C,0CAA0C;;;;;AAzB9C,wBA+GE"}

package/types/x-modules/facets/components/filters/simple-filter.vue.d.ts

@@ -113,6 +113,7 @@ declare const _default: import("vue").DefineComponent<{
             queryPreviewHash: string;
             cache: boolean;
         } | undefined;
+        QueriesPreviewChanged?: Dictionary<import("../../../queries-preview").QueryPreviewItem> | undefined;
         QuerySuggestionsChanged?: import("@empathyco/x-types").Suggestion[] | undefined;
         QuerySuggestionsRequestUpdated?: import("@empathyco/x-types").QuerySuggestionsRequest | null | undefined;
         UserSelectedAQuerySuggestion?: import("@empathyco/x-types").Suggestion | undefined;

package/types/x-modules/facets/components/filters/simple-filter.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"simple-filter.vue?vue&type=script&lang.d.ts","sourceRoot":"","sources":["../../../../../../src/x-modules/facets/components/filters/simple-filter.vue?vue&type=script&lang.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,IAAI,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAC3E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AACnC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AAKnE;;;;GAIG;;IAOC,iCAAiC;;cAEf,QAAQ,CAAC,iBAAiB,CAAC;;;IAG7C,iFAAiF;iBAC1D,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IACtD,+BAA+B;;cAEd,QAAQ,CAAC,CAAC,MAAM,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAT3D,iCAAiC;;cAEf,QAAQ,CAAC,iBAAiB,CAAC;;;IAG7C,iFAAiF;iBAC1D,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IACtD,+BAA+B;;cAEd,QAAQ,CAAC,CAAC,MAAM,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC;;;;;;AAf/D,wBAsCE"}
+{"version":3,"file":"simple-filter.vue?vue&type=script&lang.d.ts","sourceRoot":"","sources":["../../../../../../src/x-modules/facets/components/filters/simple-filter.vue?vue&type=script&lang.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,IAAI,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAC3E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AACnC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AAKnE;;;;GAIG;;IAOC,iCAAiC;;cAEf,QAAQ,CAAC,iBAAiB,CAAC;;;IAG7C,iFAAiF;iBAC1D,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IACtD,+BAA+B;;cAEd,QAAQ,CAAC,CAAC,MAAM,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAT3D,iCAAiC;;cAEf,QAAQ,CAAC,iBAAiB,CAAC;;;IAG7C,iFAAiF;iBAC1D,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IACtD,+BAA+B;;cAEd,QAAQ,CAAC,CAAC,MAAM,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC;;;;;;AAf/D,wBAsCE"}

package/types/x-modules/queries-preview/events.types.d.ts

@@ -1,6 +1,6 @@
 import type { SearchRequest } from '@empathyco/x-types';
 import type { Dictionary } from '@empathyco/x-utils';
-import type { QueryPreviewInfo } from './store/index';
+import type { QueryPreviewInfo, QueryPreviewItem } from './store';
 /**
  * Dictionary of the events of QueriesPreview XModule, where each key is the event name, and the
  * value is the event payload type or `void` if it has no payload.
@@ -38,5 +38,10 @@ export interface QueriesPreviewXEvents {
         queryPreviewHash: string;
         cache: boolean;
     };
+    /**
+     * The query preview has been changed.
+     * Payload: The query preview item.
+     */
+    QueriesPreviewChanged: Dictionary<QueryPreviewItem>;
 }
 //# sourceMappingURL=events.types.d.ts.map

package/types/x-modules/queries-preview/events.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"events.types.d.ts","sourceRoot":"","sources":["../../../../src/x-modules/queries-preview/events.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AACvD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAErD;;;;;GAKG;AACH,MAAM,WAAW,qBAAqB;IACpC;;;OAGG;IACH,0BAA0B,EAAE,aAAa,CAAA;IACzC;;;;OAIG;IACH,yBAAyB,EAAE,gBAAgB,CAAA;IAC3C;;;;OAIG;IACH,sBAAsB,EAAE,UAAU,CAAC,OAAO,CAAC,CAAA;IAC3C;;;OAGG;IACH,mBAAmB,EAAE,MAAM,CAAA;IAC3B;;;OAGG;IACH,qBAAqB,EAAE;QAAE,gBAAgB,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,OAAO,CAAA;KAAE,CAAA;CACpE"}
+{"version":3,"file":"events.types.d.ts","sourceRoot":"","sources":["../../../../src/x-modules/queries-preview/events.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AACvD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAEjE;;;;;GAKG;AACH,MAAM,WAAW,qBAAqB;IACpC;;;OAGG;IACH,0BAA0B,EAAE,aAAa,CAAA;IACzC;;;;OAIG;IACH,yBAAyB,EAAE,gBAAgB,CAAA;IAC3C;;;;OAIG;IACH,sBAAsB,EAAE,UAAU,CAAC,OAAO,CAAC,CAAA;IAC3C;;;OAGG;IACH,mBAAmB,EAAE,MAAM,CAAA;IAC3B;;;OAGG;IACH,qBAAqB,EAAE;QAAE,gBAAgB,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,OAAO,CAAA;KAAE,CAAA;IACnE;;;OAGG;IACH,qBAAqB,EAAE,UAAU,CAAC,gBAAgB,CAAC,CAAA;CACpD"}

package/types/x-modules/queries-preview/store/emitters.d.ts

@@ -6,7 +6,8 @@
 export declare const queriesPreviewEmitters: {
     QueryPreviewUnselected: {
         selector: (state: import("./types").QueriesPreviewState) => import("@empathyco/x-utils").Dictionary<unknown>;
-        filter: (newValue: import("@empathyco/x-utils").Dictionary<unknown>, oldValue: import("@empathyco/x-utils").Dictionary<unknown>, state: import("./types").QueriesPreviewState) => boolean;
+        filter: (_newValue: import("@empathyco/x-utils").Dictionary<unknown>, _oldValue: import("@empathyco/x-utils").Dictionary<unknown>, state: import("./types").QueriesPreviewState) => boolean;
     };
+    QueriesPreviewChanged: (_state: import("./types").QueriesPreviewState, getters: import("../../..").Returns<import("../../../store").GettersTree<import("./types").QueriesPreviewState, import("./types").QueriesPreviewGetters>>) => import("@empathyco/x-utils").Dictionary<import("./types").QueryPreviewItem>;
 };
 //# sourceMappingURL=emitters.d.ts.map

package/types/x-modules/queries-preview/store/emitters.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"emitters.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/queries-preview/store/emitters.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,eAAO,MAAM,sBAAsB;;;;;CAMjC,CAAA"}
+{"version":3,"file":"emitters.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/queries-preview/store/emitters.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,eAAO,MAAM,sBAAsB;;;;;;CAOjC,CAAA"}

package/types/x-modules/queries-preview/store/types.d.ts

@@ -1,6 +1,5 @@
 import type { Result, SearchRequest, SearchResponse, TaggingRequest } from '@empathyco/x-types';
 import type { Dictionary } from '@empathyco/x-utils';
-import type { ComputedRef } from 'vue';
 import type { XActionContext } from '../../../store/actions.types';
 import type { XStoreModule } from '../../../store/store.types';
 import type { ConfigMutations } from '../../../store/utils/config-store.utils';
@@ -136,7 +135,7 @@ export interface QueriesPreviewMutations extends ConfigMutations<QueriesPreviewS
      */
     updateAQueryPreviewResult: ({ result, queryPreviewHash, }: {
         result: Result;
-        queryPreviewHash: ComputedRef<string>;
+        queryPreviewHash: string;
     }) => void;
 }
 /**

package/types/x-modules/queries-preview/store/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/queries-preview/store/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/queries-preview/store/types.ts"],"names":[],"mappings":"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"}