@empathyco/x-components 6.0.0-alpha.17 → 6.0.0-alpha.171

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

@@ -1,33 +1,33 @@
 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';
 
-/**
- * Simple popular-searches component that renders a list of suggestions, allowing the user to
- * select one of them, and emitting the needed events.
- * A popular search is just a query that has been searched a lot in a certain period and may
- * optionally have associated a set of filters.
- *
- * @public
- */
-var _sfc_main = defineComponent({
-    name: 'PopularSearches',
-    xModule: popularSearchesXModule.name,
-    components: {
-        PopularSearch,
-        BaseSuggestions
-    },
-    setup() {
-        /**
-         * The list of popular searches.
-         *
-         * @internal
-         */
-        const { popularSearches } = useGetter('popularSearches', ['popularSearches']);
-        return { popularSearches };
-    }
+/**
+ * Simple popular-searches component that renders a list of suggestions, allowing the user to
+ * select one of them, and emitting the needed events.
+ * A popular search is just a query that has been searched a lot in a certain period and may
+ * optionally have associated a set of filters.
+ *
+ * @public
+ */
+var _sfc_main = defineComponent({
+    name: 'PopularSearches',
+    xModule: popularSearchesXModule.name,
+    components: {
+        PopularSearch,
+        BaseSuggestions,
+    },
+    setup() {
+        /**
+         * The list of popular searches.
+         *
+         * @internal
+         */
+        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,25 +1,24 @@
 import { createFetchAndSaveActions } from '../../../../store/utils/fetch-and-save-action.utils.js';
 
-// eslint-disable-next-line max-len
-const { fetchAndSave, cancelPrevious } = createFetchAndSaveActions({
-    fetch({ dispatch }, request) {
-        return dispatch('fetchSuggestions', request);
-    },
-    onSuccess({ commit }, suggestions) {
-        commit('setSuggestions', suggestions);
-    }
-});
-/**
- * Default implementation for {@link PopularSearchesActions.fetchAndSaveSuggestions} action.
- *
- * @public
- */
-const fetchAndSaveSuggestions = fetchAndSave;
-/**
- * Default implementation for {@link PopularSearchesActions.cancelFetchAndSaveSuggestions} action.
- *
- * @public
- */
+const { fetchAndSave, cancelPrevious } = createFetchAndSaveActions({
+    async fetch({ dispatch }, request) {
+        return dispatch('fetchSuggestions', request);
+    },
+    onSuccess({ commit }, suggestions) {
+        commit('setSuggestions', suggestions);
+    },
+});
+/**
+ * Default implementation for {@link PopularSearchesActions.fetchAndSaveSuggestions} action.
+ *
+ * @public
+ */
+const fetchAndSaveSuggestions = fetchAndSave;
+/**
+ * Default implementation for {@link PopularSearchesActions.cancelFetchAndSaveSuggestions} action.
+ *
+ * @public
+ */
 const cancelFetchAndSaveSuggestions = cancelPrevious;
 
 export { cancelFetchAndSaveSuggestions, fetchAndSaveSuggestions };

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

@@ -1,17 +1,17 @@
 import { XPlugin } from '../../../../plugins/x-plugin.js';
 
-/**
- * Default implementation for the {@link PopularSearchesActions.fetchSuggestions}.
- *
- * @param _context - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the actions,
- * provided by Vuex.
- * @param request - The popular searches request to make.
- * @returns A Promise of search response that resolves when it fetches the popular searches.
- *
- * @public
- */
-const fetchSuggestions = (_context, request) => {
-    return XPlugin.adapter.popularSearches(request).then(({ suggestions }) => suggestions);
+/**
+ * Default implementation for the {@link PopularSearchesActions.fetchSuggestions}.
+ *
+ * @param _context - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the actions,
+ * provided by Vuex.
+ * @param request - The popular searches request to make.
+ * @returns A Promise of search response that resolves when it fetches the popular searches.
+ *
+ * @public
+ */
+const fetchSuggestions = async (_context, request) => {
+    return XPlugin.adapter.popularSearches(request).then(({ suggestions }) => suggestions);
 };
 
 export { fetchSuggestions };

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

@@ -1,15 +1,15 @@
 import { createStoreEmitters } from '../../../store/utils/store-emitters.utils.js';
 import { popularSearchesXStoreModule } from './module.js';
 
-/**
- * {@link StoreEmitters} For the popular-searches module.
- *
- * @internal
- */
-const popularSearchesEmitters = createStoreEmitters(popularSearchesXStoreModule, {
-    PopularSearchesRequestUpdated: {
-        selector: (_, getters) => getters.request
-    }
+/**
+ * {@link StoreEmitters} For the popular-searches module.
+ *
+ * @internal
+ */
+const popularSearchesEmitters = createStoreEmitters(popularSearchesXStoreModule, {
+    PopularSearchesRequestUpdated: {
+        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

@@ -1,18 +1,17 @@
-/**
- * Default implementation for the {@link PopularSearchesGetters.popularSearches} getter.
- *
- * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the
- * 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 queriesToFilter = searchedQueries.map((historyQuery) => historyQuery.query);
-    return config.hideSessionQueries
-        ? popularSearches.filter(({ query }) => !queriesToFilter.includes(query))
-        : popularSearches;
+/**
+ * Default implementation for the {@link PopularSearchesGetters.popularSearches} getter.
+ *
+ * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the
+ * 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 queriesToFilter = searchedQueries.map((historyQuery) => historyQuery.query);
+    return config.hideSessionQueries
+        ? popularSearches.filter(({ query }) => !queriesToFilter.includes(query))
+        : popularSearches;
 };
 
 export { popularSearches };

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

@@ -1,19 +1,17 @@
-/**
- * Default implementation for the {@link PopularSearchesGetters.request} getter.
- *
- * @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
-    };
+/**
+ * Default implementation for the {@link PopularSearchesGetters.request} getter.
+ *
+ * @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,
+    };
 };
 
 export { request };

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,49 +1,49 @@
-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';
 import { request } from './getters/request.getter.js';
 
-/**
- * {@link XStoreModule} For the next-queries module.
- *
- * @internal
- */
-const popularSearchesXStoreModule = {
-    state: () => ({
-        popularSearches: [],
-        searchedQueries: [],
-        status: 'initial',
-        config: {
-            hideSessionQueries: true,
-            maxItemsToRequest: 20
-        },
-        params: {}
-    }),
-    getters: {
-        request,
-        popularSearches
-    },
-    mutations: {
-        setSuggestions(state, suggestions) {
-            state.popularSearches = suggestions;
-        },
-        setSearchedQueries(state, searchedQueries) {
-            state.searchedQueries = searchedQueries;
-        },
-        setParams(state, params) {
-            state.params = params;
-        },
-        setStatus,
-        setConfig,
-        mergeConfig
-    },
-    actions: {
-        cancelFetchAndSaveSuggestions,
-        fetchSuggestions,
-        fetchAndSaveSuggestions
-    }
+/**
+ * {@link XStoreModule} For the next-queries module.
+ *
+ * @internal
+ */
+const popularSearchesXStoreModule = {
+    state: () => ({
+        popularSearches: [],
+        searchedQueries: [],
+        status: 'initial',
+        config: {
+            hideSessionQueries: true,
+            maxItemsToRequest: 20,
+        },
+        params: {},
+    }),
+    getters: {
+        request,
+        popularSearches,
+    },
+    mutations: {
+        setSuggestions(state, suggestions) {
+            state.popularSearches = suggestions;
+        },
+        setSearchedQueries(state, searchedQueries) {
+            state.searchedQueries = searchedQueries;
+        },
+        setParams(state, params) {
+            state.params = params;
+        },
+        setStatus,
+        setConfig,
+        mergeConfig,
+    },
+    actions: {
+        cancelFetchAndSaveSuggestions,
+        fetchSuggestions,
+        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

@@ -1,57 +1,57 @@
 import { namespacedWireCommit, namespacedWireDispatch } from '../../wiring/namespaced-wires.factory.js';
 import { createWiring } from '../../wiring/wiring.utils.js';
 
-/**
- * `popularSearches` {@link XModuleName | XModule name}.
- *
- * @internal
- */
-const moduleName = 'popularSearches';
-/**
- * WireDispatch for {@link PopularSearchesXModule}.
- *
- * @internal
- */
-const wireDispatch = namespacedWireDispatch(moduleName);
-/**
- * WireCommit for {@link PopularSearchesXModule}.
- *
- * @internal
- */
-const wireCommit = namespacedWireCommit(moduleName);
-/**
- * Requests and stores the popular searches.
- *
- * @public
- */
-const retrievePopularSuggestions = wireDispatch('fetchAndSaveSuggestions');
-/**
- * Sets the popular searches state `searchedQueries` with the list of history queries.
- *
- * @public
- */
-const setSearchedQueriesInPopularSearches = wireCommit('setSearchedQueries');
-/**
- * Sets the popular searches state `params`.
- *
- * @public
- */
-const setPopularSearchesExtraParams = wireCommit('setParams');
-/**
- * Wiring configuration for the popular searches modules.
- *
- * @internal
- */
-const popularSearchesWiring = createWiring({
-    PopularSearchesRequestUpdated: {
-        retrievePopularSuggestions
-    },
-    SessionHistoryQueriesChanged: {
-        setSearchedQueriesInPopularSearches
-    },
-    ExtraParamsChanged: {
-        setPopularSearchesExtraParams
-    }
+/**
+ * `popularSearches` {@link XModuleName | XModule name}.
+ *
+ * @internal
+ */
+const moduleName = 'popularSearches';
+/**
+ * WireDispatch for {@link PopularSearchesXModule}.
+ *
+ * @internal
+ */
+const wireDispatch = namespacedWireDispatch(moduleName);
+/**
+ * WireCommit for {@link PopularSearchesXModule}.
+ *
+ * @internal
+ */
+const wireCommit = namespacedWireCommit(moduleName);
+/**
+ * Requests and stores the popular searches.
+ *
+ * @public
+ */
+const retrievePopularSuggestions = wireDispatch('fetchAndSaveSuggestions');
+/**
+ * Sets the popular searches state `searchedQueries` with the list of history queries.
+ *
+ * @public
+ */
+const setSearchedQueriesInPopularSearches = wireCommit('setSearchedQueries');
+/**
+ * Sets the popular searches state `params`.
+ *
+ * @public
+ */
+const setPopularSearchesExtraParams = wireCommit('setParams');
+/**
+ * Wiring configuration for the popular searches modules.
+ *
+ * @internal
+ */
+const popularSearchesWiring = createWiring({
+    PopularSearchesRequestUpdated: {
+        retrievePopularSuggestions,
+    },
+    SessionHistoryQueriesChanged: {
+        setSearchedQueriesInPopularSearches,
+    },
+    ExtraParamsChanged: {
+        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

@@ -3,18 +3,18 @@ import { popularSearchesEmitters } from './store/emitters.js';
 import { popularSearchesXStoreModule } from './store/module.js';
 import { popularSearchesWiring } from './wiring.js';
 
-/**
- * Popular searches {@link XModule} implementation. This module is auto-registered as soon as
- * you import any component from the `popular-searches` entry point.
- *
- * @public
- */
-const popularSearchesXModule = {
-    name: 'popularSearches',
-    storeModule: popularSearchesXStoreModule,
-    storeEmitters: popularSearchesEmitters,
-    wiring: popularSearchesWiring
-};
+/**
+ * Popular searches {@link XModule} implementation. This module is auto-registered as soon as
+ * you import any component from the `popular-searches` entry point.
+ *
+ * @public
+ */
+const popularSearchesXModule = {
+    name: 'popularSearches',
+    storeModule: popularSearchesXStoreModule,
+    storeEmitters: popularSearchesEmitters,
+    wiring: popularSearchesWiring,
+};
 XPlugin.registerXModule(popularSearchesXModule);
 
 export { 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),