@empathyco/x-components 6.0.0-alpha.9 → 6.0.0-alpha.90

package/js/x-modules/next-queries/x-module.js.map

@@ -1 +1 @@
-{"version":3,"file":"x-module.js","sources":["../../../../src/x-modules/next-queries/x-module.ts"],"sourcesContent":["import { XPlugin } from '../../plugins/x-plugin';\nimport { XModule } from '../x-modules.types';\nimport { nextQueriesEmitters } from './store/emitters';\nimport { nextQueriesXStoreModule } from './store/module';\nimport { NextQueriesXStoreModule } from './store/types';\nimport { nextQueriesWiring } from './wiring';\n\n/**\n * NextQueries {@link XModule} alias.\n *\n * @public\n */\nexport type NextQueriesXModule = XModule<NextQueriesXStoreModule>;\n\n/**\n * Next queries {@link XModule} implementation. This module is auto-registered as soon as you\n * import any component from the `next-queries` entry point.\n *\n * @public\n */\nexport const nextQueriesXModule: NextQueriesXModule = {\n  name: 'nextQueries',\n  storeModule: nextQueriesXStoreModule,\n  storeEmitters: nextQueriesEmitters,\n  wiring: nextQueriesWiring\n};\n\nXPlugin.registerXModule(nextQueriesXModule);\n"],"names":[],"mappings":";;;;;AAcA;;;;;AAKG;AACU,MAAA,kBAAkB,GAAuB;AACpD,IAAA,IAAI,EAAE,aAAa;AACnB,IAAA,WAAW,EAAE,uBAAuB;AACpC,IAAA,aAAa,EAAE,mBAAmB;AAClC,IAAA,MAAM,EAAE,iBAAiB;EACzB;AAEF,OAAO,CAAC,eAAe,CAAC,kBAAkB,CAAC;;;;"}
+{"version":3,"file":"x-module.js","sources":["../../../../src/x-modules/next-queries/x-module.ts"],"sourcesContent":["import type { XModule } from '../x-modules.types'\nimport type { NextQueriesXStoreModule } from './store/types'\nimport { XPlugin } from '../../plugins/x-plugin'\nimport { nextQueriesEmitters } from './store/emitters'\nimport { nextQueriesXStoreModule } from './store/module'\nimport { nextQueriesWiring } from './wiring'\n\n/**\n * NextQueries {@link XModule} alias.\n *\n * @public\n */\nexport type NextQueriesXModule = XModule<NextQueriesXStoreModule>\n\n/**\n * Next queries {@link XModule} implementation. This module is auto-registered as soon as you\n * import any component from the `next-queries` entry point.\n *\n * @public\n */\nexport const nextQueriesXModule: NextQueriesXModule = {\n  name: 'nextQueries',\n  storeModule: nextQueriesXStoreModule,\n  storeEmitters: nextQueriesEmitters,\n  wiring: nextQueriesWiring,\n}\n\nXPlugin.registerXModule(nextQueriesXModule)\n"],"names":[],"mappings":";;;;;AAcA;;;;;AAKG;AACU,MAAA,kBAAkB,GAAuB;AACpD,IAAA,IAAI,EAAE,aAAa;AACnB,IAAA,WAAW,EAAE,uBAAuB;AACpC,IAAA,aAAa,EAAE,mBAAmB;AAClC,IAAA,MAAM,EAAE,iBAAiB;EAC1B;AAED,OAAO,CAAC,eAAe,CAAC,kBAAkB,CAAC;;;;"}

package/js/x-modules/popular-searches/components/popular-search.vue.js

@@ -1,5 +1,5 @@
 import _sfc_main from './popular-search.vue2.js';
-import { resolveComponent, openBlock, createBlock, withCtx, createCommentVNode, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
+import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
 import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.js';
 
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -7,19 +7,16 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(_component_BaseSuggestion, {
     class: "x-popular-search",
     suggestion: _ctx.suggestion,
-    suggestionSelectedEvents: _ctx.events,
+    "suggestion-selected-events": _ctx.events,
     "data-test": "popular-search",
     feature: "popular_search"
   }, {
     default: withCtx((baseScope) => [
-      createCommentVNode(" eslint-disable max-len "),
-      createCommentVNode("\n        @slot Popular Search content\n          @binding {Object} v-bind - `BaseSuggestion` default slot scope: **suggestion** <code>Suggestion</code> - Suggestion data<br /> **query** <code>string</code> - The query that the suggestion belongs to<br /> **filter** <code>Filter \\| undefined</code> - Suggestion's filter\n    "),
-      createCommentVNode(" eslint-enable max-len "),
       renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({ ...baseScope })))
     ]),
     _: 3
     /* FORWARDED */
-  }, 8, ["suggestion", "suggestionSelectedEvents"]);
+  }, 8, ["suggestion", "suggestion-selected-events"]);
 }
 var PopularSearch = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 

package/js/x-modules/popular-searches/components/popular-search.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"popular-search.vue.js","sources":["../../../../../src/x-modules/popular-searches/components/popular-search.vue"],"sourcesContent":["<template>\n  <BaseSuggestion\n    class=\"x-popular-search\"\n    :suggestion=\"suggestion\"\n    :suggestionSelectedEvents=\"events\"\n    data-test=\"popular-search\"\n    feature=\"popular_search\"\n    #default=\"baseScope\"\n  >\n    <!-- eslint-disable max-len -->\n    <!--\n        @slot Popular Search content\n          @binding {Object} v-bind - `BaseSuggestion` default slot scope: **suggestion** <code>Suggestion</code> - Suggestion data<br /> **query** <code>string</code> - The query that the suggestion belongs to<br /> **filter** <code>Filter \\| undefined</code> - Suggestion's filter\n    -->\n    <!-- eslint-enable max-len -->\n    <slot v-bind=\"{ ...baseScope }\" />\n  </BaseSuggestion>\n</template>\n\n<script lang=\"ts\">\n  import { Suggestion } from '@empathyco/x-types';\n  import { computed, defineComponent, PropType } from 'vue';\n  import BaseSuggestion from '../../../components/suggestions/base-suggestion.vue';\n  import { XEventsTypes } from '../../../wiring/events.types';\n  import { popularSearchesXModule } from '../x-module';\n\n  /**\n   * Renders a popular search item which receives the suggestion that will be rendered as a prop. It\n   * exposes a default slot to change the popular search content. If the slot is not overridden,\n   * it will render the suggestion query by default.\n   *\n   * @public\n   */\n  export default defineComponent({\n    name: 'PopularSearch',\n    xModule: popularSearchesXModule.name,\n    components: { BaseSuggestion },\n    props: {\n      /**\n       * The suggestion to render and use in the default slot.\n       *\n       * @public\n       */\n      suggestion: {\n        type: Object as PropType<Suggestion>,\n        required: true\n      }\n    },\n    setup(props) {\n      /**\n       * Events list which are going to be emitted when a popular search is selected.\n       *\n       * @returns The {@link XEvent} to emit.\n       * @public\n       */\n      const events = computed(\n        (): Partial<XEventsTypes> => ({ UserSelectedAPopularSearch: props.suggestion })\n      );\n\n      return { events };\n    }\n  });\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\nA list of events that the component will emit:\n\n- [`UserSelectedAPopularSearch`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n  the event is emitted after the user clicks the button. The event payload is the popular search\n  data.\n\n## Examples\n\nThis components expects just a suggestion as a prop to be rendered. It has a slot to override the\ncontent. By default, it renders the suggestion query of the popular search.\n\n### Basic Usage\n\n```vue live\n<template>\n  <PopularSearch :suggestion=\"suggestion\" />\n</template>\n\n<script>\n  import { PopularSearch } from '@empathyco/x-components/popular-searches';\n  export default {\n    name: 'PopularSearchDemo',\n    components: {\n      PopularSearch\n    },\n    data() {\n      return {\n        suggestion: {\n          modelName: 'PopularSearch',\n          query: 'tshirt',\n          facets: []\n        }\n      };\n    }\n  };\n</script>\n```\n\n### Custom Usage\n\n```vue live\n<template>\n  <PopularSearch :suggestion=\"suggestion\">\n    <template #default=\"{ suggestion }\">\n      <TrendingIcon />\n      <span :aria-label=\"suggestion.query\">{{ suggestion.query }}</span>\n    </template>\n  </PopularSearch>\n</template>\n\n<script>\n  import { PopularSearch } from '@empathyco/x-components/popular-searches';\n  import { TrendingIcon } from '@empathyco/x-components';\n\n  export default {\n    name: 'PopularSearchDemo',\n    components: {\n      PopularSearch,\n      TrendingIcon\n    },\n    data() {\n      return {\n        suggestion: {\n          modelName: 'PopularSearch',\n          query: 'tshirt',\n          facets: []\n        }\n      };\n    }\n  };\n</script>\n```\n</docs>\n"],"names":["_resolveComponent","_openBlock","_createBlock","_withCtx","_createCommentVNode","_renderSlot","_normalizeProps","_guardReactiveProps"],"mappings":";;;;;oCACEA,gBAeiB,CAAA,gBAAA,CAAA,CAAA;AAbd,EAAA,OAAAC,SAAA,EAAsB,EAAAC,WAAA,CAAA,yBAAA,EAAA;AAAA,IACtB,KAAA,EAAA,kBAAA;AAAA,IACD,YAAS,IAAC,CAAA,UAAA;AAAA,IACV,wBAAwB,EAAA,IAAA,CAAA,MAAA;AAAA,IAAA,WAAA,EAAA,gBAAA;IACvB,OAAO,EAAA,gBAAA;AAAA,GAAA,EAAA;AAGR,IAAA,OAAA,EAAAC,OAAA,CAAA,CAAA,SAAA,KAAA;AAAA,MAIAC,kBAA8B,CAAA,0BAAA,CAAA;AAAA,MAC9BA,mBAAkC,0UAAN,CAAA;AAAA,MAAAA,kBAAA,CAAA,yBAAA,CAAA;AAfhC,MAAAC,UAAA,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,EAAAC,cAAA,CAAAC,kBAAA,CAAA,EAAA,GAAA,SAAA,EAAA,CAAA,CAAA,CAAA;AAAA,KAAA,CAAA;;;;;;;;;"}
+{"version":3,"file":"popular-search.vue.js","sources":["../../../../../src/x-modules/popular-searches/components/popular-search.vue"],"sourcesContent":["<template>\n  <BaseSuggestion\n    v-slot=\"baseScope\"\n    class=\"x-popular-search\"\n    :suggestion=\"suggestion\"\n    :suggestion-selected-events=\"events\"\n    data-test=\"popular-search\"\n    feature=\"popular_search\"\n  >\n    <!-- eslint-disable max-len -->\n    <!--\n        @slot Popular Search content\n          @binding {Object} v-bind - `BaseSuggestion` default slot scope: **suggestion** <code>Suggestion</code> - Suggestion data<br /> **query** <code>string</code> - The query that the suggestion belongs to<br /> **filter** <code>Filter \\| undefined</code> - Suggestion's filter\n    -->\n    <!-- eslint-enable max-len -->\n    <slot v-bind=\"{ ...baseScope }\" />\n  </BaseSuggestion>\n</template>\n\n<script lang=\"ts\">\nimport type { Suggestion } from '@empathyco/x-types'\nimport type { PropType } from 'vue'\nimport type { XEventsTypes } from '../../../wiring/events.types'\nimport { computed, defineComponent } from 'vue'\nimport BaseSuggestion from '../../../components/suggestions/base-suggestion.vue'\nimport { popularSearchesXModule } from '../x-module'\n\n/**\n * Renders a popular search item which receives the suggestion that will be rendered as a prop. It\n * exposes a default slot to change the popular search content. If the slot is not overridden,\n * it will render the suggestion query by default.\n *\n * @public\n */\nexport default defineComponent({\n  name: 'PopularSearch',\n  xModule: popularSearchesXModule.name,\n  components: { BaseSuggestion },\n  props: {\n    /**\n     * The suggestion to render and use in the default slot.\n     *\n     * @public\n     */\n    suggestion: {\n      type: Object as PropType<Suggestion>,\n      required: true,\n    },\n  },\n  setup(props) {\n    /**\n     * Events list which are going to be emitted when a popular search is selected.\n     *\n     * @returns The {@link XEvent} to emit.\n     * @public\n     */\n    const events = computed(\n      (): Partial<XEventsTypes> => ({ UserSelectedAPopularSearch: props.suggestion }),\n    )\n\n    return { events }\n  },\n})\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\nA list of events that the component will emit:\n\n- [`UserSelectedAPopularSearch`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n  the event is emitted after the user clicks the button. The event payload is the popular search\n  data.\n\n## Examples\n\nThis components expects just a suggestion as a prop to be rendered. It has a slot to override the\ncontent. By default, it renders the suggestion query of the popular search.\n\n### Basic Usage\n\n```vue live\n<template>\n  <PopularSearch :suggestion=\"suggestion\" />\n</template>\n\n<script>\nimport { PopularSearch } from '@empathyco/x-components/popular-searches'\nexport default {\n  name: 'PopularSearchDemo',\n  components: {\n    PopularSearch,\n  },\n  data() {\n    return {\n      suggestion: {\n        modelName: 'PopularSearch',\n        query: 'tshirt',\n        facets: [],\n      },\n    }\n  },\n}\n</script>\n```\n\n### Custom Usage\n\n```vue live\n<template>\n  <PopularSearch :suggestion=\"suggestion\">\n    <template #default=\"{ suggestion }\">\n      <TrendingIcon />\n      <span :aria-label=\"suggestion.query\">{{ suggestion.query }}</span>\n    </template>\n  </PopularSearch>\n</template>\n\n<script>\nimport { PopularSearch } from '@empathyco/x-components/popular-searches'\nimport { TrendingIcon } from '@empathyco/x-components'\n\nexport default {\n  name: 'PopularSearchDemo',\n  components: {\n    PopularSearch,\n    TrendingIcon,\n  },\n  data() {\n    return {\n      suggestion: {\n        modelName: 'PopularSearch',\n        query: 'tshirt',\n        facets: [],\n      },\n    }\n  },\n}\n</script>\n```\n</docs>\n"],"names":["_resolveComponent","_openBlock","_createBlock","_renderSlot","_normalizeProps","_guardReactiveProps"],"mappings":";;;;;oCACEA,gBAeiB,CAAA,gBAAA,CAAA,CAAA;AAZd,EAAA,OAAAC,SAAA,EAAsB,EAAAC,WAAA,CAAA,yBAAA,EAAA;AAAA,IACtB,KAAA,EAAA,kBAAA;AAAA,IACD,YAAS,IAAC,CAAA,UAAA;AAAA,IACV,4BAAwB,EAAA,IAAA,CAAA,MAAA;AAAA,IAAA,WAAA,EAAA,gBAAA;AAP5B,IAAA,OAAA,EAAA,gBAAA;AAAA,GAAA,EAAA;;AAAA,MAAAC,UAAA,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,EAAAC,cAAA,CAAAC,kBAAA,CAAA,EAAA,GAAA,SAAA,EAAA,CAAA,CAAA,CAAA;AAAA,KAAA,CAAA;;;;;;;;;"}

package/js/x-modules/popular-searches/components/popular-search.vue2.js

@@ -21,8 +21,8 @@ var _sfc_main = defineComponent({
          */
         suggestion: {
             type: Object,
-            required: true
-        }
+            required: true,
+        },
     },
     setup(props) {
         /**
@@ -33,7 +33,7 @@ var _sfc_main = defineComponent({
          */
         const events = computed(() => ({ UserSelectedAPopularSearch: props.suggestion }));
         return { events };
-    }
+    },
 });
 
 export { _sfc_main as default };

package/js/x-modules/popular-searches/components/popular-search.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"popular-search.vue2.js","sources":["../../../../../src/x-modules/popular-searches/components/popular-search.vue"],"sourcesContent":["<template>\n  <BaseSuggestion\n    class=\"x-popular-search\"\n    :suggestion=\"suggestion\"\n    :suggestionSelectedEvents=\"events\"\n    data-test=\"popular-search\"\n    feature=\"popular_search\"\n    #default=\"baseScope\"\n  >\n    <!-- eslint-disable max-len -->\n    <!--\n        @slot Popular Search content\n          @binding {Object} v-bind - `BaseSuggestion` default slot scope: **suggestion** <code>Suggestion</code> - Suggestion data<br /> **query** <code>string</code> - The query that the suggestion belongs to<br /> **filter** <code>Filter \\| undefined</code> - Suggestion's filter\n    -->\n    <!-- eslint-enable max-len -->\n    <slot v-bind=\"{ ...baseScope }\" />\n  </BaseSuggestion>\n</template>\n\n<script lang=\"ts\">\n  import { Suggestion } from '@empathyco/x-types';\n  import { computed, defineComponent, PropType } from 'vue';\n  import BaseSuggestion from '../../../components/suggestions/base-suggestion.vue';\n  import { XEventsTypes } from '../../../wiring/events.types';\n  import { popularSearchesXModule } from '../x-module';\n\n  /**\n   * Renders a popular search item which receives the suggestion that will be rendered as a prop. It\n   * exposes a default slot to change the popular search content. If the slot is not overridden,\n   * it will render the suggestion query by default.\n   *\n   * @public\n   */\n  export default defineComponent({\n    name: 'PopularSearch',\n    xModule: popularSearchesXModule.name,\n    components: { BaseSuggestion },\n    props: {\n      /**\n       * The suggestion to render and use in the default slot.\n       *\n       * @public\n       */\n      suggestion: {\n        type: Object as PropType<Suggestion>,\n        required: true\n      }\n    },\n    setup(props) {\n      /**\n       * Events list which are going to be emitted when a popular search is selected.\n       *\n       * @returns The {@link XEvent} to emit.\n       * @public\n       */\n      const events = computed(\n        (): Partial<XEventsTypes> => ({ UserSelectedAPopularSearch: props.suggestion })\n      );\n\n      return { events };\n    }\n  });\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\nA list of events that the component will emit:\n\n- [`UserSelectedAPopularSearch`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n  the event is emitted after the user clicks the button. The event payload is the popular search\n  data.\n\n## Examples\n\nThis components expects just a suggestion as a prop to be rendered. It has a slot to override the\ncontent. By default, it renders the suggestion query of the popular search.\n\n### Basic Usage\n\n```vue live\n<template>\n  <PopularSearch :suggestion=\"suggestion\" />\n</template>\n\n<script>\n  import { PopularSearch } from '@empathyco/x-components/popular-searches';\n  export default {\n    name: 'PopularSearchDemo',\n    components: {\n      PopularSearch\n    },\n    data() {\n      return {\n        suggestion: {\n          modelName: 'PopularSearch',\n          query: 'tshirt',\n          facets: []\n        }\n      };\n    }\n  };\n</script>\n```\n\n### Custom Usage\n\n```vue live\n<template>\n  <PopularSearch :suggestion=\"suggestion\">\n    <template #default=\"{ suggestion }\">\n      <TrendingIcon />\n      <span :aria-label=\"suggestion.query\">{{ suggestion.query }}</span>\n    </template>\n  </PopularSearch>\n</template>\n\n<script>\n  import { PopularSearch } from '@empathyco/x-components/popular-searches';\n  import { TrendingIcon } from '@empathyco/x-components';\n\n  export default {\n    name: 'PopularSearchDemo',\n    components: {\n      PopularSearch,\n      TrendingIcon\n    },\n    data() {\n      return {\n        suggestion: {\n          modelName: 'PopularSearch',\n          query: 'tshirt',\n          facets: []\n        }\n      };\n    }\n  };\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;;AA0BE;;;;;;AAME;AACF,gBAAe,eAAe,CAAC;AAC7B,IAAA,IAAI,EAAE,eAAe;IACrB,OAAO,EAAE,sBAAsB,CAAC,IAAI;IACpC,UAAU,EAAE,EAAE,cAAa,EAAG;AAC9B,IAAA,KAAK,EAAE;AACL;;;;AAIE;AACF,QAAA,UAAU,EAAE;AACV,YAAA,IAAI,EAAE,MAA8B;AACpC,YAAA,QAAQ,EAAE,IAAG;AACf,SAAA;AACD,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAA;AACT;;;;;AAKE;AACF,QAAA,MAAM,MAAO,GAAE,QAAQ,CACrB,OAA8B,EAAE,0BAA0B,EAAE,KAAK,CAAC,YAAY,CAAA,CAC/E,CAAA;QAED,OAAO,EAAE,MAAK,EAAG,CAAA;KACnB;AACD,CAAA,CAAC;;;;"}
+{"version":3,"file":"popular-search.vue2.js","sources":["../../../../../src/x-modules/popular-searches/components/popular-search.vue"],"sourcesContent":["<template>\n  <BaseSuggestion\n    v-slot=\"baseScope\"\n    class=\"x-popular-search\"\n    :suggestion=\"suggestion\"\n    :suggestion-selected-events=\"events\"\n    data-test=\"popular-search\"\n    feature=\"popular_search\"\n  >\n    <!-- eslint-disable max-len -->\n    <!--\n        @slot Popular Search content\n          @binding {Object} v-bind - `BaseSuggestion` default slot scope: **suggestion** <code>Suggestion</code> - Suggestion data<br /> **query** <code>string</code> - The query that the suggestion belongs to<br /> **filter** <code>Filter \\| undefined</code> - Suggestion's filter\n    -->\n    <!-- eslint-enable max-len -->\n    <slot v-bind=\"{ ...baseScope }\" />\n  </BaseSuggestion>\n</template>\n\n<script lang=\"ts\">\nimport type { Suggestion } from '@empathyco/x-types'\nimport type { PropType } from 'vue'\nimport type { XEventsTypes } from '../../../wiring/events.types'\nimport { computed, defineComponent } from 'vue'\nimport BaseSuggestion from '../../../components/suggestions/base-suggestion.vue'\nimport { popularSearchesXModule } from '../x-module'\n\n/**\n * Renders a popular search item which receives the suggestion that will be rendered as a prop. It\n * exposes a default slot to change the popular search content. If the slot is not overridden,\n * it will render the suggestion query by default.\n *\n * @public\n */\nexport default defineComponent({\n  name: 'PopularSearch',\n  xModule: popularSearchesXModule.name,\n  components: { BaseSuggestion },\n  props: {\n    /**\n     * The suggestion to render and use in the default slot.\n     *\n     * @public\n     */\n    suggestion: {\n      type: Object as PropType<Suggestion>,\n      required: true,\n    },\n  },\n  setup(props) {\n    /**\n     * Events list which are going to be emitted when a popular search is selected.\n     *\n     * @returns The {@link XEvent} to emit.\n     * @public\n     */\n    const events = computed(\n      (): Partial<XEventsTypes> => ({ UserSelectedAPopularSearch: props.suggestion }),\n    )\n\n    return { events }\n  },\n})\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\nA list of events that the component will emit:\n\n- [`UserSelectedAPopularSearch`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n  the event is emitted after the user clicks the button. The event payload is the popular search\n  data.\n\n## Examples\n\nThis components expects just a suggestion as a prop to be rendered. It has a slot to override the\ncontent. By default, it renders the suggestion query of the popular search.\n\n### Basic Usage\n\n```vue live\n<template>\n  <PopularSearch :suggestion=\"suggestion\" />\n</template>\n\n<script>\nimport { PopularSearch } from '@empathyco/x-components/popular-searches'\nexport default {\n  name: 'PopularSearchDemo',\n  components: {\n    PopularSearch,\n  },\n  data() {\n    return {\n      suggestion: {\n        modelName: 'PopularSearch',\n        query: 'tshirt',\n        facets: [],\n      },\n    }\n  },\n}\n</script>\n```\n\n### Custom Usage\n\n```vue live\n<template>\n  <PopularSearch :suggestion=\"suggestion\">\n    <template #default=\"{ suggestion }\">\n      <TrendingIcon />\n      <span :aria-label=\"suggestion.query\">{{ suggestion.query }}</span>\n    </template>\n  </PopularSearch>\n</template>\n\n<script>\nimport { PopularSearch } from '@empathyco/x-components/popular-searches'\nimport { TrendingIcon } from '@empathyco/x-components'\n\nexport default {\n  name: 'PopularSearchDemo',\n  components: {\n    PopularSearch,\n    TrendingIcon,\n  },\n  data() {\n    return {\n      suggestion: {\n        modelName: 'PopularSearch',\n        query: 'tshirt',\n        facets: [],\n      },\n    }\n  },\n}\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;;AA2BA;;;;;;AAME;AACF,gBAAe,eAAe,CAAC;AAC7B,IAAA,IAAI,EAAE,eAAe;IACrB,OAAO,EAAE,sBAAsB,CAAC,IAAI;IACpC,UAAU,EAAE,EAAE,cAAa,EAAG;AAC9B,IAAA,KAAK,EAAE;AACL;;;;AAIE;AACF,QAAA,UAAU,EAAE;AACV,YAAA,IAAI,EAAE,MAA8B;AACpC,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA;AACF,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAA;AACT;;;;;AAKE;AACF,QAAA,MAAM,MAAO,GAAE,QAAQ,CACrB,OAA8B,EAAE,0BAA0B,EAAE,KAAK,CAAC,UAAS,EAAG,CAAC,CACjF,CAAA;QAEA,OAAO,EAAE,MAAO,EAAA,CAAA;KACjB;AACF,CAAA,CAAA;;;;"}

package/js/x-modules/popular-searches/components/popular-searches.vue.js

@@ -1,5 +1,5 @@
 import _sfc_main from './popular-searches.vue2.js';
-import { resolveComponent, openBlock, createBlock, withCtx, createCommentVNode, renderSlot, normalizeProps, guardReactiveProps, createVNode } from 'vue';
+import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, normalizeProps, guardReactiveProps, createVNode } from 'vue';
 import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.js';
 
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -11,18 +11,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     "data-test": "popular-searches"
   }, {
     default: withCtx((baseScope) => [
-      createCommentVNode(" eslint-disable max-len "),
-      createCommentVNode("\n        @slot Popular Search item\n            @binding {Object} v-bind - Popular Search suggestion attributes:<br />&nbsp;&nbsp;- **suggestion** <code>Suggestion</code> - Popular Search suggestion data<br />&nbsp;&nbsp;- **index** <code>number</code> - Popular Search suggestion index\n      "),
-      createCommentVNode(" eslint-enable max-len "),
       renderSlot(_ctx.$slots, "suggestion", normalizeProps(guardReactiveProps({ ...baseScope })), () => [
         createVNode(_component_PopularSearch, {
           suggestion: baseScope.suggestion,
           class: "x-popular-searches__suggestion x-suggestion"
         }, {
           default: withCtx((popularSearchScope) => [
-            createCommentVNode(" eslint-disable max-len "),
-            createCommentVNode("\n            @slot Popular Search content\n                @binding {Object} v-bind - Popular Search suggestion attributes:<br />&nbsp;&nbsp;- **suggestion** <code>Suggestion</code> - Popular Search suggestion data<br />&nbsp;&nbsp;- **index** <code>number</code> - Popular Search suggestion index\n          "),
-            createCommentVNode(" eslint-enable max-len "),
             renderSlot(_ctx.$slots, "suggestion-content", normalizeProps(guardReactiveProps({ ...baseScope, ...popularSearchScope })))
           ]),
           _: 2

package/js/x-modules/popular-searches/components/popular-searches.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"popular-searches.vue.js","sources":["../../../../../src/x-modules/popular-searches/components/popular-searches.vue"],"sourcesContent":["<template>\n  <BaseSuggestions\n    :suggestions=\"popularSearches\"\n    class=\"x-popular-searches\"\n    data-test=\"popular-searches\"\n  >\n    <template #default=\"baseScope\">\n      <!-- eslint-disable max-len -->\n      <!--\n        @slot Popular Search item\n            @binding {Object} v-bind - Popular Search suggestion attributes:<br />&nbsp;&nbsp;- **suggestion** <code>Suggestion</code> - Popular Search suggestion data<br />&nbsp;&nbsp;- **index** <code>number</code> - Popular Search suggestion index\n      -->\n      <!-- eslint-enable max-len -->\n      <slot name=\"suggestion\" v-bind=\"{ ...baseScope }\">\n        <PopularSearch\n          :suggestion=\"baseScope.suggestion\"\n          class=\"x-popular-searches__suggestion x-suggestion\"\n          #default=\"popularSearchScope\"\n        >\n          <!-- eslint-disable max-len -->\n          <!--\n            @slot Popular Search content\n                @binding {Object} v-bind - Popular Search suggestion attributes:<br />&nbsp;&nbsp;- **suggestion** <code>Suggestion</code> - Popular Search suggestion data<br />&nbsp;&nbsp;- **index** <code>number</code> - Popular Search suggestion index\n          -->\n          <!-- eslint-enable max-len -->\n          <slot name=\"suggestion-content\" v-bind=\"{ ...baseScope, ...popularSearchScope }\" />\n        </PopularSearch>\n      </slot>\n    </template>\n  </BaseSuggestions>\n</template>\n\n<script lang=\"ts\">\n  import { defineComponent } from 'vue';\n  import BaseSuggestions from '../../../components/suggestions/base-suggestions.vue';\n  import { popularSearchesXModule } from '../x-module';\n  import { useGetter } from '../../../composables/use-getter';\n  import PopularSearch from './popular-search.vue';\n\n  /**\n   * Simple popular-searches component that renders a list of suggestions, allowing the user to\n   * select one of them, and emitting the needed events.\n   * A popular search is just a query that has been searched a lot in a certain period and may\n   * optionally have associated a set of filters.\n   *\n   * @public\n   */\n  export default defineComponent({\n    name: 'PopularSearches',\n    xModule: popularSearchesXModule.name,\n    components: {\n      PopularSearch,\n      BaseSuggestions\n    },\n    setup() {\n      /**\n       * The list of popular searches.\n       *\n       * @internal\n       */\n      const { popularSearches } = useGetter('popularSearches', ['popularSearches']);\n\n      return { popularSearches };\n    }\n  });\n</script>\n\n<!--eslint-disable max-len -->\n<docs lang=\"mdx\">\n## Inherited props\n\nThis component inherits the [`BaseSuggestions`](../base-components/x-components.base-suggestions.md)\nprops.\n\n| Name               | Description                                                       | Type     | Default |\n| ------------------ | ----------------------------------------------------------------- | -------- | ------- |\n| `animation`        | Animation component that will be used to animate the suggestions. | `Vue`    | `\"ul\"`  |\n| `maxItemsToRender` | Number of popular searches to be rendered.                        | `number` |         |\n\n## Examples\n\n### Default Usage\n\nYou don't need to pass any props, or slots. Simply add the component, and when it has any popular\nsearches it will show them.\n\n```vue live\n<template>\n  <PopularSearches />\n</template>\n\n<script>\n  import { PopularSearches } from '@empathyco/x-components/popular-searches';\n  export default {\n    name: 'PopularSearchesDemo',\n    components: {\n      PopularSearches\n    }\n  };\n</script>\n```\n\nThe component has two optional props. `animation` to render the component with an animation and\n`maxItemsToRender` to limit the number of popular searches will be rendered (by default it is 5).\n\n```vue live\n<template>\n  <PopularSearches :animation=\"'FadeAndSlide'\" :maxItemsToRender=\"10\" />\n</template>\n\n<script>\n  import Vue from 'vue';\n  import { PopularSearches } from '@empathyco/x-components/popular-searches';\n  import FadeAndSlide from '@empathyco/x-components';\n\n  // Registering the animation as a global component\n  Vue.component('FadeAndSlide', FadeAndSlide);\n  export default {\n    name: 'PopularSearchesDemo',\n    components: {\n      PopularSearches,\n      FadeAndSlide\n    }\n  };\n</script>\n```\n\n### Overriding Popular Search's Content\n\nYou can use your custom implementation of the Popular Search's content. In the example below,\ninstead of using the default Popular Search's content, an icon is added, as well as a span with the\nquery of the Popular Search's suggestion.\n\n```vue live\n<template>\n  <PopularSearches>\n    <template #suggestion-content=\"{ suggestion }\">\n      <TrendingIcon />\n      <span class=\"x-popular-search__query\">{{ suggestion.query }}</span>\n    </template>\n  </PopularSearches>\n</template>\n\n<script>\n  import { PopularSearches } from '@empathyco/x-components/popular-searches';\n  import { TrendingIcon } from '@empathyco/x-components';\n\n  export default {\n    name: 'PopularSearchesDemo',\n    components: {\n      PopularSearches,\n      TrendingIcon\n    }\n  };\n</script>\n```\n\n### Adding a Custom Popular Search Item\n\nYou can use your custom implementation for the whole Popular Search item. In the example below, we\nchange the default implementation of the Popular Search in Popular Searches. A custom Popular Search\nimplementation is added, it has an image and a span as content (as in the previous example). Also, a\nbutton with a user customized behaviour is added at the same hierarchical level as the Popular\nSearch component.\n\n```vue live\n<template>\n  <PopularSearches>\n    <template #suggestion=\"{ suggestion }\">\n      <PopularSearch :suggestion=\"suggestion\">\n        <template #default=\"{ suggestion }\">\n          <TrendingIcon />\n          <span class=\"x-popular-search__query\">{{ suggestion.query }}</span>\n        </template>\n      </PopularSearch>\n      <button>Custom Behaviour</button>\n    </template>\n  </PopularSearches>\n</template>\n\n<script>\n  import { PopularSearches, PopularSearch } from '@empathyco/x-components/popular-searches';\n  import { TrendingIcon } from '@empathyco/x-components';\n\n  export default {\n    name: 'PopularSearchesDemo',\n    components: {\n      PopularSearches,\n      PopularSearch,\n      TrendingIcon\n    }\n  };\n</script>\n```\n</docs>\n"],"names":["_resolveComponent","_openBlock","_createBlock","_withCtx","_createCommentVNode","_renderSlot","_normalizeProps","_guardReactiveProps","_createVNode"],"mappings":";;;;;;AA6BoB,EAAA,MAAA,0BAAA,GAAAA,gBAAA,CAAA,iBAAA,CAAA,CAAA;AA1BX,EAAA,OAAAC,SAAA,EAAqB,EAAAC,WAAA,CAAA,0BAAA,EAAA;AAAA,IAC1B,WAAU,EAAA,IAAA,CAAA,eAAA;AAAA,IAAA,KAAA,EAAA,oBAAA;IAEC,WAAO,EAAA,kBAAA;AAAA,GAAA,EAAA;AAEhB,IAAA,OAAA,EAAAC,OAAA,CAAA,CAAA,SAAA,KAAA;AAAA,MAIAC,kBAA8B,CAAA,0BAAA,CAAA;AAAA,MAC9BA,kBAcO,CAAA,ySAAA,CAAA;AAAA,MADWA,kBAAA,CAAA,yBAAA,CAAA;AAAA,MAXbC,UAAA,CAAA,IAAA,CAAY,QAAS,YAAW,EAAAC,cAAA,CAAAC,kBAAA,CAAA,EAAA,GAAA,SAAA,EAAA,CAAA,CAAA,EAAA,MAAA;AAAA,QAC3BC,WAAA,CAAA,wBAAA,EAAA;AAAA,UAAA,UAAA,EAAA,SAAA,CAAA,UAAA;UACL,KAAO,EAAA,6CAAA;AAAA,SAAA,EAAA;AAGR,UAAA,OAAA,EAAAL,OAAA,CAAA,CAAA,kBAAA,KAAA;AAAA,YAIAC,kBAA8B,CAAA,0BAAA,CAAA;AAAA,YAC9BA,mBAAmF,wTAAN,CAAA;AAAA,YAAAA,kBAAA,CAAA,yBAAA,CAAA;AAzBvF,YAAAC,UAAA,CAAA,IAAA,CAAA,MAAA,EAAA,oBAAA,EAAAC,cAAA,CAAAC,kBAAA,CAAA,EAAA,GAAA,SAAA,EAAA,GAAA,kBAAA,EAAA,CAAA,CAAA,CAAA;AAAA,WAAA,CAAA;;;;AAAA,OAAA,CAAA;AAAA,KAAA,CAAA;;;;;;;;;"}
+{"version":3,"file":"popular-searches.vue.js","sources":["../../../../../src/x-modules/popular-searches/components/popular-searches.vue"],"sourcesContent":["<template>\n  <BaseSuggestions\n    :suggestions=\"popularSearches\"\n    class=\"x-popular-searches\"\n    data-test=\"popular-searches\"\n  >\n    <template #default=\"baseScope\">\n      <!-- eslint-disable max-len -->\n      <!--\n        @slot Popular Search item\n            @binding {Object} v-bind - Popular Search suggestion attributes:<br />&nbsp;&nbsp;- **suggestion** <code>Suggestion</code> - Popular Search suggestion data<br />&nbsp;&nbsp;- **index** <code>number</code> - Popular Search suggestion index\n      -->\n      <!-- eslint-enable max-len -->\n      <slot name=\"suggestion\" v-bind=\"{ ...baseScope }\">\n        <PopularSearch\n          v-slot=\"popularSearchScope\"\n          :suggestion=\"baseScope.suggestion\"\n          class=\"x-popular-searches__suggestion x-suggestion\"\n        >\n          <!-- eslint-disable max-len -->\n          <!--\n            @slot Popular Search content\n                @binding {Object} v-bind - Popular Search suggestion attributes:<br />&nbsp;&nbsp;- **suggestion** <code>Suggestion</code> - Popular Search suggestion data<br />&nbsp;&nbsp;- **index** <code>number</code> - Popular Search suggestion index\n          -->\n          <!-- eslint-enable max-len -->\n          <slot name=\"suggestion-content\" v-bind=\"{ ...baseScope, ...popularSearchScope }\" />\n        </PopularSearch>\n      </slot>\n    </template>\n  </BaseSuggestions>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport BaseSuggestions from '../../../components/suggestions/base-suggestions.vue'\nimport { useGetter } from '../../../composables/use-getter'\nimport { popularSearchesXModule } from '../x-module'\nimport PopularSearch from './popular-search.vue'\n\n/**\n * Simple popular-searches component that renders a list of suggestions, allowing the user to\n * select one of them, and emitting the needed events.\n * A popular search is just a query that has been searched a lot in a certain period and may\n * optionally have associated a set of filters.\n *\n * @public\n */\nexport default defineComponent({\n  name: 'PopularSearches',\n  xModule: popularSearchesXModule.name,\n  components: {\n    PopularSearch,\n    BaseSuggestions,\n  },\n  setup() {\n    /**\n     * The list of popular searches.\n     *\n     * @internal\n     */\n    const { popularSearches } = useGetter('popularSearches')\n\n    return { popularSearches }\n  },\n})\n</script>\n\n<!--eslint-disable max-len -->\n<docs lang=\"mdx\">\n## Inherited props\n\nThis component inherits the [`BaseSuggestions`](../base-components/x-components.base-suggestions.md)\nprops.\n\n| Name               | Description                                                       | Type     | Default |\n| ------------------ | ----------------------------------------------------------------- | -------- | ------- |\n| `animation`        | Animation component that will be used to animate the suggestions. | `Vue`    | `\"ul\"`  |\n| `maxItemsToRender` | Number of popular searches to be rendered.                        | `number` |         |\n\n## Examples\n\n### Default Usage\n\nYou don't need to pass any props, or slots. Simply add the component, and when it has any popular\nsearches it will show them.\n\n```vue live\n<template>\n  <PopularSearches />\n</template>\n\n<script>\nimport { PopularSearches } from '@empathyco/x-components/popular-searches'\nexport default {\n  name: 'PopularSearchesDemo',\n  components: {\n    PopularSearches,\n  },\n}\n</script>\n```\n\nThe component has two optional props. `animation` to render the component with an animation and\n`maxItemsToRender` to limit the number of popular searches will be rendered (by default it is 5).\n\n```vue live\n<template>\n  <PopularSearches :animation=\"'FadeAndSlide'\" :maxItemsToRender=\"10\" />\n</template>\n\n<script>\nimport Vue from 'vue'\nimport { PopularSearches } from '@empathyco/x-components/popular-searches'\nimport FadeAndSlide from '@empathyco/x-components'\n\n// Registering the animation as a global component\nVue.component('FadeAndSlide', FadeAndSlide)\nexport default {\n  name: 'PopularSearchesDemo',\n  components: {\n    PopularSearches,\n    FadeAndSlide,\n  },\n}\n</script>\n```\n\n### Overriding Popular Search's Content\n\nYou can use your custom implementation of the Popular Search's content. In the example below,\ninstead of using the default Popular Search's content, an icon is added, as well as a span with the\nquery of the Popular Search's suggestion.\n\n```vue live\n<template>\n  <PopularSearches>\n    <template #suggestion-content=\"{ suggestion }\">\n      <TrendingIcon />\n      <span class=\"x-popular-search__query\">{{ suggestion.query }}</span>\n    </template>\n  </PopularSearches>\n</template>\n\n<script>\nimport { PopularSearches } from '@empathyco/x-components/popular-searches'\nimport { TrendingIcon } from '@empathyco/x-components'\n\nexport default {\n  name: 'PopularSearchesDemo',\n  components: {\n    PopularSearches,\n    TrendingIcon,\n  },\n}\n</script>\n```\n\n### Adding a Custom Popular Search Item\n\nYou can use your custom implementation for the whole Popular Search item. In the example below, we\nchange the default implementation of the Popular Search in Popular Searches. A custom Popular Search\nimplementation is added, it has an image and a span as content (as in the previous example). Also, a\nbutton with a user customized behaviour is added at the same hierarchical level as the Popular\nSearch component.\n\n```vue live\n<template>\n  <PopularSearches>\n    <template #suggestion=\"{ suggestion }\">\n      <PopularSearch :suggestion=\"suggestion\">\n        <template #default=\"{ suggestion }\">\n          <TrendingIcon />\n          <span class=\"x-popular-search__query\">{{ suggestion.query }}</span>\n        </template>\n      </PopularSearch>\n      <button>Custom Behaviour</button>\n    </template>\n  </PopularSearches>\n</template>\n\n<script>\nimport { PopularSearches, PopularSearch } from '@empathyco/x-components/popular-searches'\nimport { TrendingIcon } from '@empathyco/x-components'\n\nexport default {\n  name: 'PopularSearchesDemo',\n  components: {\n    PopularSearches,\n    PopularSearch,\n    TrendingIcon,\n  },\n}\n</script>\n```\n</docs>\n"],"names":["_resolveComponent","_openBlock","_createBlock","_withCtx","_renderSlot","_normalizeProps","_guardReactiveProps","_createVNode"],"mappings":";;;;;;AA6BoB,EAAA,MAAA,0BAAA,GAAAA,gBAAA,CAAA,iBAAA,CAAA,CAAA;AA1BX,EAAA,OAAAC,SAAA,EAAqB,EAAAC,WAAA,CAAA,0BAAA,EAAA;AAAA,IAC1B,WAAU,EAAA,IAAA,CAAA,eAAA;AAAA,IAAA,KAAA,EAAA,oBAAA;IAEC,WAAO,EAAA,kBAAA;AAAA,GAAA,EAAA;aAQdC,OAYgB,CAAA,CAAA,SAAA,KAAA;AAAA,MAVbC,UAAA,CAAA,IAAA,CAAY,QAAS,YAAW,EAAAC,cAAA,CAAAC,kBAAA,CAAA,EAAA,GAAA,SAAA,EAAA,CAAA,CAAA,EAAA,MAAA;AAAA,QAC3BC,WAAA,CAAA,wBAAA,EAAA;AAAA,UAAA,UAAA,EAAA,SAAA,CAAA,UAAA;AAjBhB,UAAA,KAAA,EAAA,6CAAA;AAAA,SAAA,EAAA;;AAAA,YAAAH,UAAA,CAAA,IAAA,CAAA,MAAA,EAAA,oBAAA,EAAAC,cAAA,CAAAC,kBAAA,CAAA,EAAA,GAAA,SAAA,EAAA,GAAA,kBAAA,EAAA,CAAA,CAAA,CAAA;AAAA,WAAA,CAAA;;;;AAAA,OAAA,CAAA;AAAA,KAAA,CAAA;;;;;;;;;"}

package/js/x-modules/popular-searches/components/popular-searches.vue2.js

@@ -1,7 +1,7 @@
 import { defineComponent } from 'vue';
 import BaseSuggestions from '../../../components/suggestions/base-suggestions.vue.js';
-import { popularSearchesXModule } from '../x-module.js';
 import { useGetter } from '../../../composables/use-getter.js';
+import { popularSearchesXModule } from '../x-module.js';
 import PopularSearch from './popular-search.vue.js';
 
 /**
@@ -17,7 +17,7 @@ var _sfc_main = defineComponent({
     xModule: popularSearchesXModule.name,
     components: {
         PopularSearch,
-        BaseSuggestions
+        BaseSuggestions,
     },
     setup() {
         /**
@@ -25,9 +25,9 @@ var _sfc_main = defineComponent({
          *
          * @internal
          */
-        const { popularSearches } = useGetter('popularSearches', ['popularSearches']);
+        const { popularSearches } = useGetter('popularSearches');
         return { popularSearches };
-    }
+    },
 });
 
 export { _sfc_main as default };

package/js/x-modules/popular-searches/components/popular-searches.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"popular-searches.vue2.js","sources":["../../../../../src/x-modules/popular-searches/components/popular-searches.vue"],"sourcesContent":["<template>\n  <BaseSuggestions\n    :suggestions=\"popularSearches\"\n    class=\"x-popular-searches\"\n    data-test=\"popular-searches\"\n  >\n    <template #default=\"baseScope\">\n      <!-- eslint-disable max-len -->\n      <!--\n        @slot Popular Search item\n            @binding {Object} v-bind - Popular Search suggestion attributes:<br />&nbsp;&nbsp;- **suggestion** <code>Suggestion</code> - Popular Search suggestion data<br />&nbsp;&nbsp;- **index** <code>number</code> - Popular Search suggestion index\n      -->\n      <!-- eslint-enable max-len -->\n      <slot name=\"suggestion\" v-bind=\"{ ...baseScope }\">\n        <PopularSearch\n          :suggestion=\"baseScope.suggestion\"\n          class=\"x-popular-searches__suggestion x-suggestion\"\n          #default=\"popularSearchScope\"\n        >\n          <!-- eslint-disable max-len -->\n          <!--\n            @slot Popular Search content\n                @binding {Object} v-bind - Popular Search suggestion attributes:<br />&nbsp;&nbsp;- **suggestion** <code>Suggestion</code> - Popular Search suggestion data<br />&nbsp;&nbsp;- **index** <code>number</code> - Popular Search suggestion index\n          -->\n          <!-- eslint-enable max-len -->\n          <slot name=\"suggestion-content\" v-bind=\"{ ...baseScope, ...popularSearchScope }\" />\n        </PopularSearch>\n      </slot>\n    </template>\n  </BaseSuggestions>\n</template>\n\n<script lang=\"ts\">\n  import { defineComponent } from 'vue';\n  import BaseSuggestions from '../../../components/suggestions/base-suggestions.vue';\n  import { popularSearchesXModule } from '../x-module';\n  import { useGetter } from '../../../composables/use-getter';\n  import PopularSearch from './popular-search.vue';\n\n  /**\n   * Simple popular-searches component that renders a list of suggestions, allowing the user to\n   * select one of them, and emitting the needed events.\n   * A popular search is just a query that has been searched a lot in a certain period and may\n   * optionally have associated a set of filters.\n   *\n   * @public\n   */\n  export default defineComponent({\n    name: 'PopularSearches',\n    xModule: popularSearchesXModule.name,\n    components: {\n      PopularSearch,\n      BaseSuggestions\n    },\n    setup() {\n      /**\n       * The list of popular searches.\n       *\n       * @internal\n       */\n      const { popularSearches } = useGetter('popularSearches', ['popularSearches']);\n\n      return { popularSearches };\n    }\n  });\n</script>\n\n<!--eslint-disable max-len -->\n<docs lang=\"mdx\">\n## Inherited props\n\nThis component inherits the [`BaseSuggestions`](../base-components/x-components.base-suggestions.md)\nprops.\n\n| Name               | Description                                                       | Type     | Default |\n| ------------------ | ----------------------------------------------------------------- | -------- | ------- |\n| `animation`        | Animation component that will be used to animate the suggestions. | `Vue`    | `\"ul\"`  |\n| `maxItemsToRender` | Number of popular searches to be rendered.                        | `number` |         |\n\n## Examples\n\n### Default Usage\n\nYou don't need to pass any props, or slots. Simply add the component, and when it has any popular\nsearches it will show them.\n\n```vue live\n<template>\n  <PopularSearches />\n</template>\n\n<script>\n  import { PopularSearches } from '@empathyco/x-components/popular-searches';\n  export default {\n    name: 'PopularSearchesDemo',\n    components: {\n      PopularSearches\n    }\n  };\n</script>\n```\n\nThe component has two optional props. `animation` to render the component with an animation and\n`maxItemsToRender` to limit the number of popular searches will be rendered (by default it is 5).\n\n```vue live\n<template>\n  <PopularSearches :animation=\"'FadeAndSlide'\" :maxItemsToRender=\"10\" />\n</template>\n\n<script>\n  import Vue from 'vue';\n  import { PopularSearches } from '@empathyco/x-components/popular-searches';\n  import FadeAndSlide from '@empathyco/x-components';\n\n  // Registering the animation as a global component\n  Vue.component('FadeAndSlide', FadeAndSlide);\n  export default {\n    name: 'PopularSearchesDemo',\n    components: {\n      PopularSearches,\n      FadeAndSlide\n    }\n  };\n</script>\n```\n\n### Overriding Popular Search's Content\n\nYou can use your custom implementation of the Popular Search's content. In the example below,\ninstead of using the default Popular Search's content, an icon is added, as well as a span with the\nquery of the Popular Search's suggestion.\n\n```vue live\n<template>\n  <PopularSearches>\n    <template #suggestion-content=\"{ suggestion }\">\n      <TrendingIcon />\n      <span class=\"x-popular-search__query\">{{ suggestion.query }}</span>\n    </template>\n  </PopularSearches>\n</template>\n\n<script>\n  import { PopularSearches } from '@empathyco/x-components/popular-searches';\n  import { TrendingIcon } from '@empathyco/x-components';\n\n  export default {\n    name: 'PopularSearchesDemo',\n    components: {\n      PopularSearches,\n      TrendingIcon\n    }\n  };\n</script>\n```\n\n### Adding a Custom Popular Search Item\n\nYou can use your custom implementation for the whole Popular Search item. In the example below, we\nchange the default implementation of the Popular Search in Popular Searches. A custom Popular Search\nimplementation is added, it has an image and a span as content (as in the previous example). Also, a\nbutton with a user customized behaviour is added at the same hierarchical level as the Popular\nSearch component.\n\n```vue live\n<template>\n  <PopularSearches>\n    <template #suggestion=\"{ suggestion }\">\n      <PopularSearch :suggestion=\"suggestion\">\n        <template #default=\"{ suggestion }\">\n          <TrendingIcon />\n          <span class=\"x-popular-search__query\">{{ suggestion.query }}</span>\n        </template>\n      </PopularSearch>\n      <button>Custom Behaviour</button>\n    </template>\n  </PopularSearches>\n</template>\n\n<script>\n  import { PopularSearches, PopularSearch } from '@empathyco/x-components/popular-searches';\n  import { TrendingIcon } from '@empathyco/x-components';\n\n  export default {\n    name: 'PopularSearchesDemo',\n    components: {\n      PopularSearches,\n      PopularSearch,\n      TrendingIcon\n    }\n  };\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;;;;AAuCE;;;;;;;AAOE;AACF,gBAAe,eAAe,CAAC;AAC7B,IAAA,IAAI,EAAE,iBAAiB;IACvB,OAAO,EAAE,sBAAsB,CAAC,IAAI;AACpC,IAAA,UAAU,EAAE;QACV,aAAa;QACb,eAAc;AACf,KAAA;IACD,KAAK,GAAA;AACH;;;;AAIE;AACF,QAAA,MAAM,EAAE,eAAc,EAAI,GAAE,SAAS,CAAC,iBAAiB,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAA;QAE7E,OAAO,EAAE,eAAc,EAAG,CAAA;KAC5B;AACD,CAAA,CAAC;;;;"}
+{"version":3,"file":"popular-searches.vue2.js","sources":["../../../../../src/x-modules/popular-searches/components/popular-searches.vue"],"sourcesContent":["<template>\n  <BaseSuggestions\n    :suggestions=\"popularSearches\"\n    class=\"x-popular-searches\"\n    data-test=\"popular-searches\"\n  >\n    <template #default=\"baseScope\">\n      <!-- eslint-disable max-len -->\n      <!--\n        @slot Popular Search item\n            @binding {Object} v-bind - Popular Search suggestion attributes:<br />&nbsp;&nbsp;- **suggestion** <code>Suggestion</code> - Popular Search suggestion data<br />&nbsp;&nbsp;- **index** <code>number</code> - Popular Search suggestion index\n      -->\n      <!-- eslint-enable max-len -->\n      <slot name=\"suggestion\" v-bind=\"{ ...baseScope }\">\n        <PopularSearch\n          v-slot=\"popularSearchScope\"\n          :suggestion=\"baseScope.suggestion\"\n          class=\"x-popular-searches__suggestion x-suggestion\"\n        >\n          <!-- eslint-disable max-len -->\n          <!--\n            @slot Popular Search content\n                @binding {Object} v-bind - Popular Search suggestion attributes:<br />&nbsp;&nbsp;- **suggestion** <code>Suggestion</code> - Popular Search suggestion data<br />&nbsp;&nbsp;- **index** <code>number</code> - Popular Search suggestion index\n          -->\n          <!-- eslint-enable max-len -->\n          <slot name=\"suggestion-content\" v-bind=\"{ ...baseScope, ...popularSearchScope }\" />\n        </PopularSearch>\n      </slot>\n    </template>\n  </BaseSuggestions>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport BaseSuggestions from '../../../components/suggestions/base-suggestions.vue'\nimport { useGetter } from '../../../composables/use-getter'\nimport { popularSearchesXModule } from '../x-module'\nimport PopularSearch from './popular-search.vue'\n\n/**\n * Simple popular-searches component that renders a list of suggestions, allowing the user to\n * select one of them, and emitting the needed events.\n * A popular search is just a query that has been searched a lot in a certain period and may\n * optionally have associated a set of filters.\n *\n * @public\n */\nexport default defineComponent({\n  name: 'PopularSearches',\n  xModule: popularSearchesXModule.name,\n  components: {\n    PopularSearch,\n    BaseSuggestions,\n  },\n  setup() {\n    /**\n     * The list of popular searches.\n     *\n     * @internal\n     */\n    const { popularSearches } = useGetter('popularSearches')\n\n    return { popularSearches }\n  },\n})\n</script>\n\n<!--eslint-disable max-len -->\n<docs lang=\"mdx\">\n## Inherited props\n\nThis component inherits the [`BaseSuggestions`](../base-components/x-components.base-suggestions.md)\nprops.\n\n| Name               | Description                                                       | Type     | Default |\n| ------------------ | ----------------------------------------------------------------- | -------- | ------- |\n| `animation`        | Animation component that will be used to animate the suggestions. | `Vue`    | `\"ul\"`  |\n| `maxItemsToRender` | Number of popular searches to be rendered.                        | `number` |         |\n\n## Examples\n\n### Default Usage\n\nYou don't need to pass any props, or slots. Simply add the component, and when it has any popular\nsearches it will show them.\n\n```vue live\n<template>\n  <PopularSearches />\n</template>\n\n<script>\nimport { PopularSearches } from '@empathyco/x-components/popular-searches'\nexport default {\n  name: 'PopularSearchesDemo',\n  components: {\n    PopularSearches,\n  },\n}\n</script>\n```\n\nThe component has two optional props. `animation` to render the component with an animation and\n`maxItemsToRender` to limit the number of popular searches will be rendered (by default it is 5).\n\n```vue live\n<template>\n  <PopularSearches :animation=\"'FadeAndSlide'\" :maxItemsToRender=\"10\" />\n</template>\n\n<script>\nimport Vue from 'vue'\nimport { PopularSearches } from '@empathyco/x-components/popular-searches'\nimport FadeAndSlide from '@empathyco/x-components'\n\n// Registering the animation as a global component\nVue.component('FadeAndSlide', FadeAndSlide)\nexport default {\n  name: 'PopularSearchesDemo',\n  components: {\n    PopularSearches,\n    FadeAndSlide,\n  },\n}\n</script>\n```\n\n### Overriding Popular Search's Content\n\nYou can use your custom implementation of the Popular Search's content. In the example below,\ninstead of using the default Popular Search's content, an icon is added, as well as a span with the\nquery of the Popular Search's suggestion.\n\n```vue live\n<template>\n  <PopularSearches>\n    <template #suggestion-content=\"{ suggestion }\">\n      <TrendingIcon />\n      <span class=\"x-popular-search__query\">{{ suggestion.query }}</span>\n    </template>\n  </PopularSearches>\n</template>\n\n<script>\nimport { PopularSearches } from '@empathyco/x-components/popular-searches'\nimport { TrendingIcon } from '@empathyco/x-components'\n\nexport default {\n  name: 'PopularSearchesDemo',\n  components: {\n    PopularSearches,\n    TrendingIcon,\n  },\n}\n</script>\n```\n\n### Adding a Custom Popular Search Item\n\nYou can use your custom implementation for the whole Popular Search item. In the example below, we\nchange the default implementation of the Popular Search in Popular Searches. A custom Popular Search\nimplementation is added, it has an image and a span as content (as in the previous example). Also, a\nbutton with a user customized behaviour is added at the same hierarchical level as the Popular\nSearch component.\n\n```vue live\n<template>\n  <PopularSearches>\n    <template #suggestion=\"{ suggestion }\">\n      <PopularSearch :suggestion=\"suggestion\">\n        <template #default=\"{ suggestion }\">\n          <TrendingIcon />\n          <span class=\"x-popular-search__query\">{{ suggestion.query }}</span>\n        </template>\n      </PopularSearch>\n      <button>Custom Behaviour</button>\n    </template>\n  </PopularSearches>\n</template>\n\n<script>\nimport { PopularSearches, PopularSearch } from '@empathyco/x-components/popular-searches'\nimport { TrendingIcon } from '@empathyco/x-components'\n\nexport default {\n  name: 'PopularSearchesDemo',\n  components: {\n    PopularSearches,\n    PopularSearch,\n    TrendingIcon,\n  },\n}\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;;;;AAuCA;;;;;;;AAOE;AACF,gBAAe,eAAe,CAAC;AAC7B,IAAA,IAAI,EAAE,iBAAiB;IACvB,OAAO,EAAE,sBAAsB,CAAC,IAAI;AACpC,IAAA,UAAU,EAAE;QACV,aAAa;QACb,eAAe;AAChB,KAAA;IACD,KAAK,GAAA;AACH;;;;AAIE;QACF,MAAM,EAAE,eAAc,EAAI,GAAE,SAAS,CAAC,iBAAiB,CAAA,CAAA;QAEvD,OAAO,EAAE,eAAgB,EAAA,CAAA;KAC1B;AACF,CAAA,CAAA;;;;"}

package/js/x-modules/popular-searches/store/actions/fetch-and-save-suggestions.action.js

@@ -1,13 +1,12 @@
 import { createFetchAndSaveActions } from '../../../../store/utils/fetch-and-save-action.utils.js';
 
-// eslint-disable-next-line max-len
 const { fetchAndSave, cancelPrevious } = createFetchAndSaveActions({
-    fetch({ dispatch }, request) {
+    async fetch({ dispatch }, request) {
         return dispatch('fetchSuggestions', request);
     },
     onSuccess({ commit }, suggestions) {
         commit('setSuggestions', suggestions);
-    }
+    },
 });
 /**
  * Default implementation for {@link PopularSearchesActions.fetchAndSaveSuggestions} action.

package/js/x-modules/popular-searches/store/actions/fetch-and-save-suggestions.action.js.map

@@ -1 +1 @@
-{"version":3,"file":"fetch-and-save-suggestions.action.js","sources":["../../../../../../src/x-modules/popular-searches/store/actions/fetch-and-save-suggestions.action.ts"],"sourcesContent":["import { Suggestion, PopularSearchesRequest } from '@empathyco/x-types';\n// eslint-disable-next-line max-len\nimport { createFetchAndSaveActions } from '../../../../store/utils/fetch-and-save-action.utils';\nimport { PopularSearchesActionContext } from '../types';\n\nconst { fetchAndSave, cancelPrevious } = createFetchAndSaveActions<\n  PopularSearchesActionContext,\n  PopularSearchesRequest,\n  Suggestion[]\n>({\n  fetch({ dispatch }, request) {\n    return dispatch('fetchSuggestions', request);\n  },\n  onSuccess({ commit }, suggestions) {\n    commit('setSuggestions', suggestions);\n  }\n});\n\n/**\n * Default implementation for {@link PopularSearchesActions.fetchAndSaveSuggestions} action.\n *\n * @public\n */\nexport const fetchAndSaveSuggestions = fetchAndSave;\n\n/**\n * Default implementation for {@link PopularSearchesActions.cancelFetchAndSaveSuggestions} action.\n *\n * @public\n */\nexport const cancelFetchAndSaveSuggestions = cancelPrevious;\n"],"names":[],"mappings":";;AACA;AAIA,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,yBAAyB,CAIhE;AACA,IAAA,KAAK,CAAC,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAA;AACzB,QAAA,OAAO,QAAQ,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAAC;KAC9C;AACD,IAAA,SAAS,CAAC,EAAE,MAAM,EAAE,EAAE,WAAW,EAAA;AAC/B,QAAA,MAAM,CAAC,gBAAgB,EAAE,WAAW,CAAC,CAAC;KACvC;AACF,CAAA,CAAC,CAAC;AAEH;;;;AAIG;AACI,MAAM,uBAAuB,GAAG,aAAa;AAEpD;;;;AAIG;AACI,MAAM,6BAA6B,GAAG;;;;"}
+{"version":3,"file":"fetch-and-save-suggestions.action.js","sources":["../../../../../../src/x-modules/popular-searches/store/actions/fetch-and-save-suggestions.action.ts"],"sourcesContent":["import type { PopularSearchesRequest, Suggestion } from '@empathyco/x-types'\n\nimport type { PopularSearchesActionContext } from '../types'\nimport { createFetchAndSaveActions } from '../../../../store/utils/fetch-and-save-action.utils'\n\nconst { fetchAndSave, cancelPrevious } = createFetchAndSaveActions<\n  PopularSearchesActionContext,\n  PopularSearchesRequest,\n  Suggestion[]\n>({\n  async fetch({ dispatch }, request) {\n    return dispatch('fetchSuggestions', request)\n  },\n  onSuccess({ commit }, suggestions) {\n    commit('setSuggestions', suggestions)\n  },\n})\n\n/**\n * Default implementation for {@link PopularSearchesActions.fetchAndSaveSuggestions} action.\n *\n * @public\n */\nexport const fetchAndSaveSuggestions = fetchAndSave\n\n/**\n * Default implementation for {@link PopularSearchesActions.cancelFetchAndSaveSuggestions} action.\n *\n * @public\n */\nexport const cancelFetchAndSaveSuggestions = cancelPrevious\n"],"names":[],"mappings":";;AAKA,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,yBAAyB,CAIhE;AACA,IAAA,MAAM,KAAK,CAAC,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAA;AAC/B,QAAA,OAAO,QAAQ,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAAA;KAC7C;AACD,IAAA,SAAS,CAAC,EAAE,MAAM,EAAE,EAAE,WAAW,EAAA;AAC/B,QAAA,MAAM,CAAC,gBAAgB,EAAE,WAAW,CAAC,CAAA;KACtC;AACF,CAAA,CAAC,CAAA;AAEF;;;;AAIG;AACI,MAAM,uBAAuB,GAAG,aAAY;AAEnD;;;;AAIG;AACI,MAAM,6BAA6B,GAAG;;;;"}

package/js/x-modules/popular-searches/store/actions/fetch-suggestions.action.js

@@ -10,7 +10,7 @@ import { XPlugin } from '../../../../plugins/x-plugin.js';
  *
  * @public
  */
-const fetchSuggestions = (_context, request) => {
+const fetchSuggestions = async (_context, request) => {
     return XPlugin.adapter.popularSearches(request).then(({ suggestions }) => suggestions);
 };
 

package/js/x-modules/popular-searches/store/actions/fetch-suggestions.action.js.map

@@ -1 +1 @@
-{"version":3,"file":"fetch-suggestions.action.js","sources":["../../../../../../src/x-modules/popular-searches/store/actions/fetch-suggestions.action.ts"],"sourcesContent":["import { XPlugin } from '../../../../plugins/x-plugin';\nimport { PopularSearchesXStoreModule } from '../types';\n\n/**\n * Default implementation for the {@link PopularSearchesActions.fetchSuggestions}.\n *\n * @param _context - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the actions,\n * provided by Vuex.\n * @param request - The popular searches request to make.\n * @returns A Promise of search response that resolves when it fetches the popular searches.\n *\n * @public\n */\nexport const fetchSuggestions: PopularSearchesXStoreModule['actions']['fetchSuggestions'] = (\n  _context,\n  request\n) => {\n  return XPlugin.adapter.popularSearches(request).then(({ suggestions }) => suggestions);\n};\n"],"names":[],"mappings":";;AAGA;;;;;;;;;AASG;MACU,gBAAgB,GAA+D,CAC1F,QAAQ,EACR,OAAO,KACL;IACF,OAAO,OAAO,CAAC,OAAO,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,WAAW,CAAC,CAAC;AACzF;;;;"}
+{"version":3,"file":"fetch-suggestions.action.js","sources":["../../../../../../src/x-modules/popular-searches/store/actions/fetch-suggestions.action.ts"],"sourcesContent":["import type { PopularSearchesXStoreModule } from '../types'\nimport { XPlugin } from '../../../../plugins/x-plugin'\n\n/**\n * Default implementation for the {@link PopularSearchesActions.fetchSuggestions}.\n *\n * @param _context - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the actions,\n * provided by Vuex.\n * @param request - The popular searches request to make.\n * @returns A Promise of search response that resolves when it fetches the popular searches.\n *\n * @public\n */\nexport const fetchSuggestions: PopularSearchesXStoreModule['actions']['fetchSuggestions'] = async (\n  _context,\n  request,\n) => {\n  return XPlugin.adapter.popularSearches(request).then(({ suggestions }) => suggestions)\n}\n"],"names":[],"mappings":";;AAGA;;;;;;;;;AASG;AACU,MAAA,gBAAgB,GAA+D,OAC1F,QAAQ,EACR,OAAO,KACL;IACF,OAAO,OAAO,CAAC,OAAO,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,WAAW,CAAC,CAAA;AACxF;;;;"}

package/js/x-modules/popular-searches/store/emitters.js

@@ -8,8 +8,8 @@ import { popularSearchesXStoreModule } from './module.js';
  */
 const popularSearchesEmitters = createStoreEmitters(popularSearchesXStoreModule, {
     PopularSearchesRequestUpdated: {
-        selector: (_, getters) => getters.request
-    }
+        selector: (_, getters) => getters.request,
+    },
 });
 
 export { popularSearchesEmitters };

package/js/x-modules/popular-searches/store/emitters.js.map

@@ -1 +1 @@
-{"version":3,"file":"emitters.js","sources":["../../../../../src/x-modules/popular-searches/store/emitters.ts"],"sourcesContent":["import { createStoreEmitters } from '../../../store/utils/store-emitters.utils';\nimport { popularSearchesXStoreModule } from './module';\n\n/**\n * {@link StoreEmitters} For the popular-searches module.\n *\n * @internal\n */\nexport const popularSearchesEmitters = createStoreEmitters(popularSearchesXStoreModule, {\n  PopularSearchesRequestUpdated: {\n    selector: (_, getters) => getters.request\n  }\n});\n"],"names":[],"mappings":";;;AAGA;;;;AAIG;AACU,MAAA,uBAAuB,GAAG,mBAAmB,CAAC,2BAA2B,EAAE;AACtF,IAAA,6BAA6B,EAAE;QAC7B,QAAQ,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,OAAO;AAC1C,KAAA;AACF,CAAA;;;;"}
+{"version":3,"file":"emitters.js","sources":["../../../../../src/x-modules/popular-searches/store/emitters.ts"],"sourcesContent":["import { createStoreEmitters } from '../../../store/utils/store-emitters.utils'\nimport { popularSearchesXStoreModule } from './module'\n\n/**\n * {@link StoreEmitters} For the popular-searches module.\n *\n * @internal\n */\nexport const popularSearchesEmitters = createStoreEmitters(popularSearchesXStoreModule, {\n  PopularSearchesRequestUpdated: {\n    selector: (_, getters) => getters.request,\n  },\n})\n"],"names":[],"mappings":";;;AAGA;;;;AAIG;AACU,MAAA,uBAAuB,GAAG,mBAAmB,CAAC,2BAA2B,EAAE;AACtF,IAAA,6BAA6B,EAAE;QAC7B,QAAQ,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,OAAO;AAC1C,KAAA;AACF,CAAA;;;;"}

package/js/x-modules/popular-searches/store/getters/popular-searches.getter.js

@@ -5,10 +5,9 @@
  * popular searches module.
  * @returns The popular searches, filtered by the searched queries or not, depending of the
  * `hideSessionQueries` config.
- *
  * @public
  */
-const popularSearches = ({ popularSearches, searchedQueries, config }) => {
+const popularSearches = ({ popularSearches, searchedQueries, config, }) => {
     const queriesToFilter = searchedQueries.map((historyQuery) => historyQuery.query);
     return config.hideSessionQueries
         ? popularSearches.filter(({ query }) => !queriesToFilter.includes(query))

package/js/x-modules/popular-searches/store/getters/popular-searches.getter.js.map

@@ -1 +1 @@
-{"version":3,"file":"popular-searches.getter.js","sources":["../../../../../../src/x-modules/popular-searches/store/getters/popular-searches.getter.ts"],"sourcesContent":["import { HistoryQuery } from '@empathyco/x-types';\nimport { PopularSearchesXStoreModule } from '../types';\n\n/**\n * Default implementation for the {@link PopularSearchesGetters.popularSearches} getter.\n *\n * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the\n * popular searches module.\n * @returns The popular searches, filtered by the searched queries or not, depending of the\n * `hideSessionQueries` config.\n *\n * @public\n */\nexport const popularSearches: PopularSearchesXStoreModule['getters']['popularSearches'] = ({\n  popularSearches,\n  searchedQueries,\n  config\n}) => {\n  const queriesToFilter = searchedQueries.map((historyQuery: HistoryQuery) => historyQuery.query);\n  return config.hideSessionQueries\n    ? popularSearches.filter(({ query }) => !queriesToFilter.includes(query))\n    : popularSearches;\n};\n"],"names":[],"mappings":"AAGA;;;;;;;;;AASG;AACI,MAAM,eAAe,GAA8D,CAAC,EACzF,eAAe,EACf,eAAe,EACf,MAAM,EACP,KAAI;AACH,IAAA,MAAM,eAAe,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC,YAA0B,KAAK,YAAY,CAAC,KAAK,CAAC,CAAC;IAChG,OAAO,MAAM,CAAC,kBAAkB;AAC9B,UAAE,eAAe,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,eAAe,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;UACvE,eAAe,CAAC;AACtB;;;;"}
+{"version":3,"file":"popular-searches.getter.js","sources":["../../../../../../src/x-modules/popular-searches/store/getters/popular-searches.getter.ts"],"sourcesContent":["import type { HistoryQuery } from '@empathyco/x-types'\nimport type { PopularSearchesXStoreModule } from '../types'\n\n/**\n * Default implementation for the {@link PopularSearchesGetters.popularSearches} getter.\n *\n * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the\n * popular searches module.\n * @returns The popular searches, filtered by the searched queries or not, depending of the\n * `hideSessionQueries` config.\n * @public\n */\nexport const popularSearches: PopularSearchesXStoreModule['getters']['popularSearches'] = ({\n  popularSearches,\n  searchedQueries,\n  config,\n}) => {\n  const queriesToFilter = searchedQueries.map((historyQuery: HistoryQuery) => historyQuery.query)\n  return config.hideSessionQueries\n    ? popularSearches.filter(({ query }) => !queriesToFilter.includes(query))\n    : popularSearches\n}\n"],"names":[],"mappings":"AAGA;;;;;;;;AAQG;AACI,MAAM,eAAe,GAA8D,CAAC,EACzF,eAAe,EACf,eAAe,EACf,MAAM,GACP,KAAI;AACH,IAAA,MAAM,eAAe,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC,YAA0B,KAAK,YAAY,CAAC,KAAK,CAAC,CAAA;IAC/F,OAAO,MAAM,CAAC,kBAAkB;AAC9B,UAAE,eAAe,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,eAAe,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;UACvE,eAAe,CAAA;AACrB;;;;"}

package/js/x-modules/popular-searches/store/getters/request.getter.js

@@ -3,16 +3,14 @@
  *
  * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the popular
  * searches module.
- *
  * @returns The popular searches request to fetch data from the API.
- *
  * @public
  */
 const request = ({ config, params }) => {
     return {
         rows: config.maxItemsToRequest,
         start: 0,
-        extraParams: params
+        extraParams: params,
     };
 };
 

package/js/x-modules/popular-searches/store/getters/request.getter.js.map

@@ -1 +1 @@
-{"version":3,"file":"request.getter.js","sources":["../../../../../../src/x-modules/popular-searches/store/getters/request.getter.ts"],"sourcesContent":["import { PopularSearchesXStoreModule } from '../types';\n\n/**\n * Default implementation for the {@link PopularSearchesGetters.request} getter.\n *\n * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the popular\n * searches module.\n *\n * @returns The popular searches request to fetch data from the API.\n *\n * @public\n */\nexport const request: PopularSearchesXStoreModule['getters']['request'] = ({ config, params }) => {\n  return {\n    rows: config.maxItemsToRequest,\n    start: 0,\n    extraParams: params\n  };\n};\n"],"names":[],"mappings":"AAEA;;;;;;;;;AASG;AACU,MAAA,OAAO,GAAsD,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,KAAI;IAC/F,OAAO;QACL,IAAI,EAAE,MAAM,CAAC,iBAAiB;AAC9B,QAAA,KAAK,EAAE,CAAC;AACR,QAAA,WAAW,EAAE,MAAM;KACpB,CAAC;AACJ;;;;"}
+{"version":3,"file":"request.getter.js","sources":["../../../../../../src/x-modules/popular-searches/store/getters/request.getter.ts"],"sourcesContent":["import type { PopularSearchesXStoreModule } from '../types'\n\n/**\n * Default implementation for the {@link PopularSearchesGetters.request} getter.\n *\n * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the popular\n * searches module.\n * @returns The popular searches request to fetch data from the API.\n * @public\n */\nexport const request: PopularSearchesXStoreModule['getters']['request'] = ({ config, params }) => {\n  return {\n    rows: config.maxItemsToRequest,\n    start: 0,\n    extraParams: params,\n  }\n}\n"],"names":[],"mappings":"AAEA;;;;;;;AAOG;AACU,MAAA,OAAO,GAAsD,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,KAAI;IAC/F,OAAO;QACL,IAAI,EAAE,MAAM,CAAC,iBAAiB;AAC9B,QAAA,KAAK,EAAE,CAAC;AACR,QAAA,WAAW,EAAE,MAAM;KACpB,CAAA;AACH;;;;"}

package/js/x-modules/popular-searches/store/module.js

@@ -1,5 +1,5 @@
-import { setStatus } from '../../../store/utils/status-store.utils.js';
 import { setConfig, mergeConfig } from '../../../store/utils/config-store.utils.js';
+import { setStatus } from '../../../store/utils/status-store.utils.js';
 import { cancelFetchAndSaveSuggestions, fetchAndSaveSuggestions } from './actions/fetch-and-save-suggestions.action.js';
 import { fetchSuggestions } from './actions/fetch-suggestions.action.js';
 import { popularSearches } from './getters/popular-searches.getter.js';
@@ -17,13 +17,13 @@ const popularSearchesXStoreModule = {
         status: 'initial',
         config: {
             hideSessionQueries: true,
-            maxItemsToRequest: 20
+            maxItemsToRequest: 20,
         },
-        params: {}
+        params: {},
     }),
     getters: {
         request,
-        popularSearches
+        popularSearches,
     },
     mutations: {
         setSuggestions(state, suggestions) {
@@ -37,13 +37,13 @@ const popularSearchesXStoreModule = {
         },
         setStatus,
         setConfig,
-        mergeConfig
+        mergeConfig,
     },
     actions: {
         cancelFetchAndSaveSuggestions,
         fetchSuggestions,
-        fetchAndSaveSuggestions
-    }
+        fetchAndSaveSuggestions,
+    },
 };
 
 export { popularSearchesXStoreModule };

package/js/x-modules/popular-searches/store/module.js.map

@@ -1 +1 @@
-{"version":3,"file":"module.js","sources":["../../../../../src/x-modules/popular-searches/store/module.ts"],"sourcesContent":["import { setStatus } from '../../../store/utils/status-store.utils';\nimport { mergeConfig, setConfig } from '../../../store/utils/config-store.utils';\nimport {\n  cancelFetchAndSaveSuggestions,\n  fetchAndSaveSuggestions\n} from './actions/fetch-and-save-suggestions.action';\nimport { fetchSuggestions } from './actions/fetch-suggestions.action';\nimport { popularSearches } from './getters/popular-searches.getter';\nimport { request } from './getters/request.getter';\nimport { PopularSearchesXStoreModule } from './types';\n\n/**\n * {@link XStoreModule} For the next-queries module.\n *\n * @internal\n */\nexport const popularSearchesXStoreModule: PopularSearchesXStoreModule = {\n  state: () => ({\n    popularSearches: [],\n    searchedQueries: [],\n    status: 'initial',\n    config: {\n      hideSessionQueries: true,\n      maxItemsToRequest: 20\n    },\n    params: {}\n  }),\n  getters: {\n    request,\n    popularSearches\n  },\n  mutations: {\n    setSuggestions(state, suggestions) {\n      state.popularSearches = suggestions;\n    },\n    setSearchedQueries(state, searchedQueries) {\n      state.searchedQueries = searchedQueries;\n    },\n    setParams(state, params) {\n      state.params = params;\n    },\n    setStatus,\n    setConfig,\n    mergeConfig\n  },\n  actions: {\n    cancelFetchAndSaveSuggestions,\n    fetchSuggestions,\n    fetchAndSaveSuggestions\n  }\n};\n"],"names":[],"mappings":";;;;;;;AAWA;;;;AAIG;AACU,MAAA,2BAA2B,GAAgC;AACtE,IAAA,KAAK,EAAE,OAAO;AACZ,QAAA,eAAe,EAAE,EAAE;AACnB,QAAA,eAAe,EAAE,EAAE;AACnB,QAAA,MAAM,EAAE,SAAS;AACjB,QAAA,MAAM,EAAE;AACN,YAAA,kBAAkB,EAAE,IAAI;AACxB,YAAA,iBAAiB,EAAE,EAAE;AACtB,SAAA;AACD,QAAA,MAAM,EAAE,EAAE;KACX,CAAC;AACF,IAAA,OAAO,EAAE;QACP,OAAO;QACP,eAAe;AAChB,KAAA;AACD,IAAA,SAAS,EAAE;QACT,cAAc,CAAC,KAAK,EAAE,WAAW,EAAA;AAC/B,YAAA,KAAK,CAAC,eAAe,GAAG,WAAW,CAAC;SACrC;QACD,kBAAkB,CAAC,KAAK,EAAE,eAAe,EAAA;AACvC,YAAA,KAAK,CAAC,eAAe,GAAG,eAAe,CAAC;SACzC;QACD,SAAS,CAAC,KAAK,EAAE,MAAM,EAAA;AACrB,YAAA,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;SACvB;QACD,SAAS;QACT,SAAS;QACT,WAAW;AACZ,KAAA;AACD,IAAA,OAAO,EAAE;QACP,6BAA6B;QAC7B,gBAAgB;QAChB,uBAAuB;AACxB,KAAA;;;;;"}
+{"version":3,"file":"module.js","sources":["../../../../../src/x-modules/popular-searches/store/module.ts"],"sourcesContent":["import type { PopularSearchesXStoreModule } from './types'\nimport { mergeConfig, setConfig } from '../../../store/utils/config-store.utils'\nimport { setStatus } from '../../../store/utils/status-store.utils'\nimport {\n  cancelFetchAndSaveSuggestions,\n  fetchAndSaveSuggestions,\n} from './actions/fetch-and-save-suggestions.action'\nimport { fetchSuggestions } from './actions/fetch-suggestions.action'\nimport { popularSearches } from './getters/popular-searches.getter'\nimport { request } from './getters/request.getter'\n\n/**\n * {@link XStoreModule} For the next-queries module.\n *\n * @internal\n */\nexport const popularSearchesXStoreModule: PopularSearchesXStoreModule = {\n  state: () => ({\n    popularSearches: [],\n    searchedQueries: [],\n    status: 'initial',\n    config: {\n      hideSessionQueries: true,\n      maxItemsToRequest: 20,\n    },\n    params: {},\n  }),\n  getters: {\n    request,\n    popularSearches,\n  },\n  mutations: {\n    setSuggestions(state, suggestions) {\n      state.popularSearches = suggestions\n    },\n    setSearchedQueries(state, searchedQueries) {\n      state.searchedQueries = searchedQueries\n    },\n    setParams(state, params) {\n      state.params = params\n    },\n    setStatus,\n    setConfig,\n    mergeConfig,\n  },\n  actions: {\n    cancelFetchAndSaveSuggestions,\n    fetchSuggestions,\n    fetchAndSaveSuggestions,\n  },\n}\n"],"names":[],"mappings":";;;;;;;AAWA;;;;AAIG;AACU,MAAA,2BAA2B,GAAgC;AACtE,IAAA,KAAK,EAAE,OAAO;AACZ,QAAA,eAAe,EAAE,EAAE;AACnB,QAAA,eAAe,EAAE,EAAE;AACnB,QAAA,MAAM,EAAE,SAAS;AACjB,QAAA,MAAM,EAAE;AACN,YAAA,kBAAkB,EAAE,IAAI;AACxB,YAAA,iBAAiB,EAAE,EAAE;AACtB,SAAA;AACD,QAAA,MAAM,EAAE,EAAE;KACX,CAAC;AACF,IAAA,OAAO,EAAE;QACP,OAAO;QACP,eAAe;AAChB,KAAA;AACD,IAAA,SAAS,EAAE;QACT,cAAc,CAAC,KAAK,EAAE,WAAW,EAAA;AAC/B,YAAA,KAAK,CAAC,eAAe,GAAG,WAAW,CAAA;SACpC;QACD,kBAAkB,CAAC,KAAK,EAAE,eAAe,EAAA;AACvC,YAAA,KAAK,CAAC,eAAe,GAAG,eAAe,CAAA;SACxC;QACD,SAAS,CAAC,KAAK,EAAE,MAAM,EAAA;AACrB,YAAA,KAAK,CAAC,MAAM,GAAG,MAAM,CAAA;SACtB;QACD,SAAS;QACT,SAAS;QACT,WAAW;AACZ,KAAA;AACD,IAAA,OAAO,EAAE;QACP,6BAA6B;QAC7B,gBAAgB;QAChB,uBAAuB;AACxB,KAAA;;;;;"}

package/js/x-modules/popular-searches/wiring.js

@@ -44,14 +44,14 @@ const setPopularSearchesExtraParams = wireCommit('setParams');
  */
 const popularSearchesWiring = createWiring({
     PopularSearchesRequestUpdated: {
-        retrievePopularSuggestions
+        retrievePopularSuggestions,
     },
     SessionHistoryQueriesChanged: {
-        setSearchedQueriesInPopularSearches
+        setSearchedQueriesInPopularSearches,
     },
     ExtraParamsChanged: {
-        setPopularSearchesExtraParams
-    }
+        setPopularSearchesExtraParams,
+    },
 });
 
 export { popularSearchesWiring, setPopularSearchesExtraParams, setSearchedQueriesInPopularSearches };

package/js/x-modules/popular-searches/wiring.js.map

@@ -1 +1 @@
-{"version":3,"file":"wiring.js","sources":["../../../../src/x-modules/popular-searches/wiring.ts"],"sourcesContent":["import {\n  namespacedWireCommit,\n  namespacedWireDispatch\n} from '../../wiring/namespaced-wires.factory';\nimport { NamespacedWireCommit } from '../../wiring/namespaced-wiring.types';\nimport { createWiring } from '../../wiring/wiring.utils';\n\n/**\n * `popularSearches` {@link XModuleName | XModule name}.\n *\n * @internal\n */\nconst moduleName = 'popularSearches';\n/**\n * WireDispatch for {@link PopularSearchesXModule}.\n *\n * @internal\n */\nconst wireDispatch = namespacedWireDispatch(moduleName);\n\n/**\n * WireCommit for {@link PopularSearchesXModule}.\n *\n * @internal\n */\nconst wireCommit: NamespacedWireCommit<typeof moduleName> = namespacedWireCommit(moduleName);\n\n/**\n * Requests and stores the popular searches.\n *\n * @public\n */\nconst retrievePopularSuggestions = wireDispatch('fetchAndSaveSuggestions');\n\n/**\n * Sets the popular searches state `searchedQueries` with the list of history queries.\n *\n * @public\n */\nexport const setSearchedQueriesInPopularSearches = wireCommit('setSearchedQueries');\n\n/**\n * Sets the popular searches state `params`.\n *\n * @public\n */\nexport const setPopularSearchesExtraParams = wireCommit('setParams');\n\n/**\n * Wiring configuration for the popular searches modules.\n *\n * @internal\n */\nexport const popularSearchesWiring = createWiring({\n  PopularSearchesRequestUpdated: {\n    retrievePopularSuggestions\n  },\n  SessionHistoryQueriesChanged: {\n    setSearchedQueriesInPopularSearches\n  },\n  ExtraParamsChanged: {\n    setPopularSearchesExtraParams\n  }\n});\n"],"names":[],"mappings":";;;AAOA;;;;AAIG;AACH,MAAM,UAAU,GAAG,iBAAiB,CAAC;AACrC;;;;AAIG;AACH,MAAM,YAAY,GAAG,sBAAsB,CAAC,UAAU,CAAC,CAAC;AAExD;;;;AAIG;AACH,MAAM,UAAU,GAA4C,oBAAoB,CAAC,UAAU,CAAC,CAAC;AAE7F;;;;AAIG;AACH,MAAM,0BAA0B,GAAG,YAAY,CAAC,yBAAyB,CAAC,CAAC;AAE3E;;;;AAIG;MACU,mCAAmC,GAAG,UAAU,CAAC,oBAAoB,EAAE;AAEpF;;;;AAIG;MACU,6BAA6B,GAAG,UAAU,CAAC,WAAW,EAAE;AAErE;;;;AAIG;AACI,MAAM,qBAAqB,GAAG,YAAY,CAAC;AAChD,IAAA,6BAA6B,EAAE;QAC7B,0BAA0B;AAC3B,KAAA;AACD,IAAA,4BAA4B,EAAE;QAC5B,mCAAmC;AACpC,KAAA;AACD,IAAA,kBAAkB,EAAE;QAClB,6BAA6B;AAC9B,KAAA;AACF,CAAA;;;;"}
+{"version":3,"file":"wiring.js","sources":["../../../../src/x-modules/popular-searches/wiring.ts"],"sourcesContent":["import type { NamespacedWireCommit } from '../../wiring/namespaced-wiring.types'\nimport { namespacedWireCommit, namespacedWireDispatch } from '../../wiring/namespaced-wires.factory'\nimport { createWiring } from '../../wiring/wiring.utils'\n\n/**\n * `popularSearches` {@link XModuleName | XModule name}.\n *\n * @internal\n */\nconst moduleName = 'popularSearches'\n/**\n * WireDispatch for {@link PopularSearchesXModule}.\n *\n * @internal\n */\nconst wireDispatch = namespacedWireDispatch(moduleName)\n\n/**\n * WireCommit for {@link PopularSearchesXModule}.\n *\n * @internal\n */\nconst wireCommit: NamespacedWireCommit<typeof moduleName> = namespacedWireCommit(moduleName)\n\n/**\n * Requests and stores the popular searches.\n *\n * @public\n */\nconst retrievePopularSuggestions = wireDispatch('fetchAndSaveSuggestions')\n\n/**\n * Sets the popular searches state `searchedQueries` with the list of history queries.\n *\n * @public\n */\nexport const setSearchedQueriesInPopularSearches = wireCommit('setSearchedQueries')\n\n/**\n * Sets the popular searches state `params`.\n *\n * @public\n */\nexport const setPopularSearchesExtraParams = wireCommit('setParams')\n\n/**\n * Wiring configuration for the popular searches modules.\n *\n * @internal\n */\nexport const popularSearchesWiring = createWiring({\n  PopularSearchesRequestUpdated: {\n    retrievePopularSuggestions,\n  },\n  SessionHistoryQueriesChanged: {\n    setSearchedQueriesInPopularSearches,\n  },\n  ExtraParamsChanged: {\n    setPopularSearchesExtraParams,\n  },\n})\n"],"names":[],"mappings":";;;AAIA;;;;AAIG;AACH,MAAM,UAAU,GAAG,iBAAiB,CAAA;AACpC;;;;AAIG;AACH,MAAM,YAAY,GAAG,sBAAsB,CAAC,UAAU,CAAC,CAAA;AAEvD;;;;AAIG;AACH,MAAM,UAAU,GAA4C,oBAAoB,CAAC,UAAU,CAAC,CAAA;AAE5F;;;;AAIG;AACH,MAAM,0BAA0B,GAAG,YAAY,CAAC,yBAAyB,CAAC,CAAA;AAE1E;;;;AAIG;MACU,mCAAmC,GAAG,UAAU,CAAC,oBAAoB,EAAC;AAEnF;;;;AAIG;MACU,6BAA6B,GAAG,UAAU,CAAC,WAAW,EAAC;AAEpE;;;;AAIG;AACI,MAAM,qBAAqB,GAAG,YAAY,CAAC;AAChD,IAAA,6BAA6B,EAAE;QAC7B,0BAA0B;AAC3B,KAAA;AACD,IAAA,4BAA4B,EAAE;QAC5B,mCAAmC;AACpC,KAAA;AACD,IAAA,kBAAkB,EAAE;QAClB,6BAA6B;AAC9B,KAAA;AACF,CAAA;;;;"}

package/js/x-modules/popular-searches/x-module.js

@@ -13,7 +13,7 @@ const popularSearchesXModule = {
     name: 'popularSearches',
     storeModule: popularSearchesXStoreModule,
     storeEmitters: popularSearchesEmitters,
-    wiring: popularSearchesWiring
+    wiring: popularSearchesWiring,
 };
 XPlugin.registerXModule(popularSearchesXModule);
 

package/js/x-modules/popular-searches/x-module.js.map

@@ -1 +1 @@
-{"version":3,"file":"x-module.js","sources":["../../../../src/x-modules/popular-searches/x-module.ts"],"sourcesContent":["import { XModule } from '../x-modules.types';\nimport { XPlugin } from '../../plugins/x-plugin';\nimport { popularSearchesEmitters } from './store/emitters';\nimport { popularSearchesXStoreModule } from './store/module';\nimport { PopularSearchesXStoreModule } from './store/types';\nimport { popularSearchesWiring } from './wiring';\n\n/**\n * PopularSearches {@link XModule} alias.\n *\n * @public\n */\nexport type PopularSearchesXModule = XModule<PopularSearchesXStoreModule>;\n\n/**\n * Popular searches {@link XModule} implementation. This module is auto-registered as soon as\n * you import any component from the `popular-searches` entry point.\n *\n * @public\n */\nexport const popularSearchesXModule: PopularSearchesXModule = {\n  name: 'popularSearches',\n  storeModule: popularSearchesXStoreModule,\n  storeEmitters: popularSearchesEmitters,\n  wiring: popularSearchesWiring\n};\n\nXPlugin.registerXModule(popularSearchesXModule);\n"],"names":[],"mappings":";;;;;AAcA;;;;;AAKG;AACU,MAAA,sBAAsB,GAA2B;AAC5D,IAAA,IAAI,EAAE,iBAAiB;AACvB,IAAA,WAAW,EAAE,2BAA2B;AACxC,IAAA,aAAa,EAAE,uBAAuB;AACtC,IAAA,MAAM,EAAE,qBAAqB;EAC7B;AAEF,OAAO,CAAC,eAAe,CAAC,sBAAsB,CAAC;;;;"}
+{"version":3,"file":"x-module.js","sources":["../../../../src/x-modules/popular-searches/x-module.ts"],"sourcesContent":["import type { XModule } from '../x-modules.types'\nimport type { PopularSearchesXStoreModule } from './store/types'\nimport { XPlugin } from '../../plugins/x-plugin'\nimport { popularSearchesEmitters } from './store/emitters'\nimport { popularSearchesXStoreModule } from './store/module'\nimport { popularSearchesWiring } from './wiring'\n\n/**\n * PopularSearches {@link XModule} alias.\n *\n * @public\n */\nexport type PopularSearchesXModule = XModule<PopularSearchesXStoreModule>\n\n/**\n * Popular searches {@link XModule} implementation. This module is auto-registered as soon as\n * you import any component from the `popular-searches` entry point.\n *\n * @public\n */\nexport const popularSearchesXModule: PopularSearchesXModule = {\n  name: 'popularSearches',\n  storeModule: popularSearchesXStoreModule,\n  storeEmitters: popularSearchesEmitters,\n  wiring: popularSearchesWiring,\n}\n\nXPlugin.registerXModule(popularSearchesXModule)\n"],"names":[],"mappings":";;;;;AAcA;;;;;AAKG;AACU,MAAA,sBAAsB,GAA2B;AAC5D,IAAA,IAAI,EAAE,iBAAiB;AACvB,IAAA,WAAW,EAAE,2BAA2B;AACxC,IAAA,aAAa,EAAE,uBAAuB;AACtC,IAAA,MAAM,EAAE,qBAAqB;EAC9B;AAED,OAAO,CAAC,eAAe,CAAC,sBAAsB,CAAC;;;;"}

package/js/x-modules/queries-preview/components/query-preview-button.vue.js

@@ -1,5 +1,5 @@
 import _sfc_main from './query-preview-button.vue2.js';
-import { resolveComponent, openBlock, createBlock, withCtx, createCommentVNode, renderSlot, createTextVNode, toDisplayString } from 'vue';
+import { resolveComponent, openBlock, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString } from 'vue';
 import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.js';
 
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -11,7 +11,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     "data-test": "query-preview-button"
   }, {
     default: withCtx(() => [
-      createCommentVNode(" @slot Button content with a text, an icon or both "),
       renderSlot(_ctx.$slots, "default", { queryPreviewInfo: _ctx.fullQueryPreviewInfo }, () => [
         createTextVNode(
           toDisplayString(_ctx.queryPreviewInfo.query),

package/js/x-modules/queries-preview/components/query-preview-button.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"query-preview-button.vue.js","sources":["../../../../../src/x-modules/queries-preview/components/query-preview-button.vue"],"sourcesContent":["<template>\n  <BaseEventButton\n    :events=\"events\"\n    :metadata=\"metadata\"\n    class=\"x-query-preview-button x-button\"\n    data-test=\"query-preview-button\"\n  >\n    <!-- @slot Button content with a text, an icon or both -->\n    <slot :queryPreviewInfo=\"fullQueryPreviewInfo\">\n      {{ queryPreviewInfo.query }}\n    </slot>\n  </BaseEventButton>\n</template>\n\n<script lang=\"ts\">\n  import { computed, defineComponent, PropType } from 'vue';\n  import { QueryPreviewInfo } from '../store/types';\n  import { XEventsTypes } from '../../../wiring/events.types';\n  import { BaseEventButton } from '../../../components';\n  import { queriesPreviewXModule } from '../x-module';\n  import { useState } from '../../../composables/use-state';\n  import { WireMetadata } from '../../../wiring/index';\n\n  /**\n   * Component containing an event button that emits\n   * {@link QueriesPreviewXEvents.UserAcceptedAQueryPreview} when clicked with\n   * the full query preview info as payload.\n   *\n   * It has a default slot to customize its contents.\n   *\n   * @public\n   */\n  export default defineComponent({\n    name: 'QueryPreviewButton',\n    xModule: queriesPreviewXModule.name,\n    components: { BaseEventButton },\n    props: {\n      /**\n       * The information about the request of the query preview.\n       *\n       * @public\n       */\n      queryPreviewInfo: {\n        type: Object as PropType<QueryPreviewInfo>,\n        required: true\n      },\n      /**\n       * The metadata property for the request on each query preview.\n       *\n       * @public\n       */\n      metadata: {\n        type: Object as PropType<Omit<WireMetadata, 'moduleName'>>\n      }\n    },\n    setup(props) {\n      /**\n       * We use the module extra params to combine them with the query preview's extra params.\n       */\n      const { params } = useState('queriesPreview', ['params']);\n\n      /**\n       * The provided query preview with the base extra params from the module merged in.\n       *\n       * @returns The query preview info with the base extra params merged in.\n       * @public\n       */\n      const fullQueryPreviewInfo = computed(\n        (): QueryPreviewInfo => ({\n          ...props.queryPreviewInfo,\n          extraParams: {\n            ...params.value,\n            ...props.queryPreviewInfo.extraParams\n          },\n          filters: props.queryPreviewInfo.filters\n        })\n      );\n\n      /**\n       * List of events to emit by the BaseEventButton.\n       *\n       * @returns An object with the event and payload.\n       *\n       * @internal\n       */\n      const events = computed(\n        (): Partial<XEventsTypes> => ({ UserAcceptedAQueryPreview: fullQueryPreviewInfo.value })\n      );\n\n      return {\n        fullQueryPreviewInfo,\n        events\n      };\n    }\n  });\n</script>\n\n<docs lang=\"mdx\">\n## Examples\n\n### Basic example\n\nThe component content has the query preview query as default\n\n```vue\n<template>\n  <div>\n    <QueryPreviewButton queryPreviewInfo=\"queryPreviewInfo\" />\n  </div>\n</template>\n\n<script>\n  import { QueryPreviewButton } from '@empathyco/x-components/queries-preview';\n\n  export default {\n    components: {\n      QueryPreviewButton\n    },\n    data: function () {\n      return {\n        queryPreviewInfo: {\n          query: 'shoes'\n        }\n      };\n    }\n  };\n</script>\n```\n\n### Customizing slots\n\nThe content of the button is customizable via its default slot\n\n```vue\n<template>\n  <div>\n    <QueryPreviewButton queryPreviewInfo=\"queryPreviewInfo\">\n      {{ `Search for: ${queryPreviewInfo.query}` }}\n    </QueryPreviewButton>\n  </div>\n</template>\n\n<script>\n  import { QueryPreviewButton } from '@empathyco/x-components/queries-preview';\n\n  export default {\n    components: {\n      QueryPreviewButton\n    },\n    data: function () {\n      return {\n        queryPreviewInfo: {\n          query: 'shoes'\n        }\n      };\n    }\n  };\n</script>\n```\n\n## Events\n\nA list of events that the component will emit:\n\n- `UserAcceptedAQueryPreview`: the event is emitted after the user clicks the button. The event\n  payload is the `QueryPreviewInfo` of the query.\n</docs>\n"],"names":["_resolveComponent","_openBlock","_createBlock","_withCtx","_createCommentVNode","_renderSlot"],"mappings":";;;;;AAWoB,EAAA,MAAA,0BAAA,GAAAA,gBAAA,CAAA,iBAAA,CAAA,CAAA;AARf,EAAA,OAAAC,SAAA,EAAkB,EAAAC,WAAA,CAAA,0BAAA,EAAA;AAAA,IACnB,MAAM,EAAA,IAAA,CAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA,CAAA,QAAA;AAAA,IAAA,KAAA,EAAA,iCAAA;AALd,IAAA,WAAA,EAAA,sBAAA;AAAA,GAAA,EAAA;aAQIC,OAEO,CAAA,MAAA;AAAA,MAAAC,kBAAA,CAVX,qDAS+B,CAAA;AAAA,MAAAC,UAAA,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,EAAA,EAAA,gBAAA,EAAA,IAAA,CAAA,oBAAA,EAAA,EAAA,MAAA;;;;;;AAT/B,OAAA,CAAA;AAAA,KAAA,CAAA;;;;;;;;;"}
+{"version":3,"file":"query-preview-button.vue.js","sources":["../../../../../src/x-modules/queries-preview/components/query-preview-button.vue"],"sourcesContent":["<template>\n  <BaseEventButton\n    :events=\"events\"\n    :metadata=\"metadata\"\n    class=\"x-query-preview-button x-button\"\n    data-test=\"query-preview-button\"\n  >\n    <!-- @slot Button content with a text, an icon or both -->\n    <slot :query-preview-info=\"fullQueryPreviewInfo\">\n      {{ queryPreviewInfo.query }}\n    </slot>\n  </BaseEventButton>\n</template>\n\n<script lang=\"ts\">\nimport type { PropType } from 'vue'\nimport type { XEventsTypes } from '../../../wiring/events.types'\nimport type { WireMetadata } from '../../../wiring/index'\nimport type { QueryPreviewInfo } from '../store/types'\nimport { computed, defineComponent } from 'vue'\nimport { BaseEventButton } from '../../../components'\nimport { useState } from '../../../composables/use-state'\nimport { queriesPreviewXModule } from '../x-module'\n\n/**\n * Component containing an event button that emits\n * {@link QueriesPreviewXEvents.UserAcceptedAQueryPreview} when clicked with\n * the full query preview info as payload.\n *\n * It has a default slot to customize its contents.\n *\n * @public\n */\nexport default defineComponent({\n  name: 'QueryPreviewButton',\n  xModule: queriesPreviewXModule.name,\n  components: { BaseEventButton },\n  props: {\n    /**\n     * The information about the request of the query preview.\n     *\n     * @public\n     */\n    queryPreviewInfo: {\n      type: Object as PropType<QueryPreviewInfo>,\n      required: true,\n    },\n    /**\n     * The metadata property for the request on each query preview.\n     *\n     * @public\n     */\n    metadata: {\n      type: Object as PropType<Omit<WireMetadata, 'moduleName'>>,\n    },\n  },\n  setup(props) {\n    /**\n     * We use the module extra params to combine them with the query preview's extra params.\n     */\n    const { params } = useState('queriesPreview')\n\n    /**\n     * The provided query preview with the base extra params from the module merged in.\n     *\n     * @returns The query preview info with the base extra params merged in.\n     * @public\n     */\n    const fullQueryPreviewInfo = computed(\n      (): QueryPreviewInfo => ({\n        ...props.queryPreviewInfo,\n        extraParams: {\n          ...params.value,\n          ...props.queryPreviewInfo.extraParams,\n        },\n        filters: props.queryPreviewInfo.filters,\n      }),\n    )\n\n    /**\n     * List of events to emit by the BaseEventButton.\n     *\n     * @returns An object with the event and payload.\n     *\n     * @internal\n     */\n    const events = computed(\n      (): Partial<XEventsTypes> => ({ UserAcceptedAQueryPreview: fullQueryPreviewInfo.value }),\n    )\n\n    return {\n      fullQueryPreviewInfo,\n      events,\n    }\n  },\n})\n</script>\n\n<docs lang=\"mdx\">\n## Examples\n\n### Basic example\n\nThe component content has the query preview query as default\n\n```vue\n<template>\n  <div>\n    <QueryPreviewButton queryPreviewInfo=\"queryPreviewInfo\" />\n  </div>\n</template>\n\n<script>\nimport { QueryPreviewButton } from '@empathyco/x-components/queries-preview'\n\nexport default {\n  components: {\n    QueryPreviewButton,\n  },\n  data: function () {\n    return {\n      queryPreviewInfo: {\n        query: 'shoes',\n      },\n    }\n  },\n}\n</script>\n```\n\n### Customizing slots\n\nThe content of the button is customizable via its default slot\n\n```vue\n<template>\n  <div>\n    <QueryPreviewButton queryPreviewInfo=\"queryPreviewInfo\">\n      {{ `Search for: ${queryPreviewInfo.query}` }}\n    </QueryPreviewButton>\n  </div>\n</template>\n\n<script>\nimport { QueryPreviewButton } from '@empathyco/x-components/queries-preview'\n\nexport default {\n  components: {\n    QueryPreviewButton,\n  },\n  data: function () {\n    return {\n      queryPreviewInfo: {\n        query: 'shoes',\n      },\n    }\n  },\n}\n</script>\n```\n\n## Events\n\nA list of events that the component will emit:\n\n- `UserAcceptedAQueryPreview`: the event is emitted after the user clicks the button. The event\n  payload is the `QueryPreviewInfo` of the query.\n</docs>\n"],"names":["_resolveComponent","_openBlock","_createBlock","_withCtx","_renderSlot"],"mappings":";;;;;AAWoB,EAAA,MAAA,0BAAA,GAAAA,gBAAA,CAAA,iBAAA,CAAA,CAAA;AARf,EAAA,OAAAC,SAAA,EAAkB,EAAAC,WAAA,CAAA,0BAAA,EAAA;AAAA,IACnB,MAAM,EAAA,IAAA,CAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA,CAAA,QAAA;AAAA,IAAA,KAAA,EAAA,iCAAA;AALd,IAAA,WAAA,EAAA,sBAAA;AAAA,GAAA,EAAA;AAAA,IAAA,OAAA,EAAAC,OAAA,CAAA,MAAA;AAAA,MAAAC,UAAA,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,EAAA,EAAA,gBAAA,EAAA,IAAA,CAAA,oBAAA,EAAA,EAAA,MAAA;;;;;;AAAA,OAAA,CAAA;AAAA,KAAA,CAAA;;;;;;;;;"}