@empathyco/x-components 3.0.0-alpha.52 → 3.0.0-alpha.53

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 {\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      showExtraSuggestionWithoutFilter: false\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    setStatus,\n    setParams(state, params) {\n      state.params = params;\n    }\n  },\n  actions: {\n    cancelFetchAndSaveSuggestions,\n    fetchSuggestions,\n    fetchAndSaveSuggestions\n  }\n};\n"],"names":[],"mappings":";;;;;;AAUA;;;;;IAKa,2BAA2B,GAAgC;IACtE,KAAK,EAAE,cAAM,QAAC;QACZ,eAAe,EAAE,EAAE;QACnB,eAAe,EAAE,EAAE;QACnB,MAAM,EAAE,SAAS;QACjB,MAAM,EAAE;YACN,kBAAkB,EAAE,IAAI;YACxB,iBAAiB,EAAE,EAAE;YACrB,gCAAgC,EAAE,KAAK;SACxC;QACD,MAAM,EAAE,EAAE;KACX,IAAC;IACF,OAAO,EAAE;QACP,OAAO,SAAA;QACP,eAAe,iBAAA;KAChB;IACD,SAAS,EAAE;QACT,cAAc,YAAC,KAAK,EAAE,WAAW;YAC/B,KAAK,CAAC,eAAe,GAAG,WAAW,CAAC;SACrC;QACD,kBAAkB,YAAC,KAAK,EAAE,eAAe;YACvC,KAAK,CAAC,eAAe,GAAG,eAAe,CAAC;SACzC;QACD,SAAS,WAAA;QACT,SAAS,YAAC,KAAK,EAAE,MAAM;YACrB,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;SACvB;KACF;IACD,OAAO,EAAE;QACP,6BAA6B,+BAAA;QAC7B,gBAAgB,kBAAA;QAChB,uBAAuB,yBAAA;KACxB;;;;;"}
+{"version":3,"file":"module.js","sources":["../../../../../src/x-modules/popular-searches/store/module.ts"],"sourcesContent":["import { 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';\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      showExtraSuggestionWithoutFilter: false\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    setStatus,\n    setParams(state, params) {\n      state.params = params;\n    }\n  },\n  actions: {\n    cancelFetchAndSaveSuggestions,\n    fetchSuggestions,\n    fetchAndSaveSuggestions\n  }\n};\n"],"names":[],"mappings":";;;;;;AAUA;;;;;MAKa,2BAA2B,GAAgC;IACtE,KAAK,EAAE,OAAO;QACZ,eAAe,EAAE,EAAE;QACnB,eAAe,EAAE,EAAE;QACnB,MAAM,EAAE,SAAS;QACjB,MAAM,EAAE;YACN,kBAAkB,EAAE,IAAI;YACxB,iBAAiB,EAAE,EAAE;YACrB,gCAAgC,EAAE,KAAK;SACxC;QACD,MAAM,EAAE,EAAE;KACX,CAAC;IACF,OAAO,EAAE;QACP,OAAO;QACP,eAAe;KAChB;IACD,SAAS,EAAE;QACT,cAAc,CAAC,KAAK,EAAE,WAAW;YAC/B,KAAK,CAAC,eAAe,GAAG,WAAW,CAAC;SACrC;QACD,kBAAkB,CAAC,KAAK,EAAE,eAAe;YACvC,KAAK,CAAC,eAAe,GAAG,eAAe,CAAC;SACzC;QACD,SAAS;QACT,SAAS,CAAC,KAAK,EAAE,MAAM;YACrB,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;SACvB;KACF;IACD,OAAO,EAAE;QACP,6BAA6B;QAC7B,gBAAgB;QAChB,uBAAuB;KACxB;;;;;"}

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

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

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 * WireDispatchfor {@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  PopularSearchesRequestChanged: {\n    retrievePopularSuggestions\n  },\n  SessionHistoryQueriesChanged: {\n    setSearchedQueriesInPopularSearches\n  },\n  ExtraParamsChanged: {\n    setPopularSearchesExtraParams\n  }\n});\n"],"names":[],"mappings":";;;AAOA;;;;;AAKA,IAAM,UAAU,GAAG,iBAAiB,CAAC;AACrC;;;;;AAKA,IAAM,YAAY,GAAG,sBAAsB,CAAC,UAAU,CAAC,CAAC;AAExD;;;;;AAKA,IAAM,UAAU,GAA4C,oBAAoB,CAAC,UAAU,CAAC,CAAC;AAE7F;;;;;AAKA,IAAM,0BAA0B,GAAG,YAAY,CAAC,yBAAyB,CAAC,CAAC;AAE3E;;;;;IAKa,mCAAmC,GAAG,UAAU,CAAC,oBAAoB,EAAE;AAEpF;;;;;IAKa,6BAA6B,GAAG,UAAU,CAAC,WAAW,EAAE;AAErE;;;;;IAKa,qBAAqB,GAAG,YAAY,CAAC;IAChD,6BAA6B,EAAE;QAC7B,0BAA0B,4BAAA;KAC3B;IACD,4BAA4B,EAAE;QAC5B,mCAAmC,qCAAA;KACpC;IACD,kBAAkB,EAAE;QAClB,6BAA6B,+BAAA;KAC9B;CACF;;;;"}
+{"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 * WireDispatchfor {@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  PopularSearchesRequestChanged: {\n    retrievePopularSuggestions\n  },\n  SessionHistoryQueriesChanged: {\n    setSearchedQueriesInPopularSearches\n  },\n  ExtraParamsChanged: {\n    setPopularSearchesExtraParams\n  }\n});\n"],"names":[],"mappings":";;;AAOA;;;;;AAKA,MAAM,UAAU,GAAG,iBAAiB,CAAC;AACrC;;;;;AAKA,MAAM,YAAY,GAAG,sBAAsB,CAAC,UAAU,CAAC,CAAC;AAExD;;;;;AAKA,MAAM,UAAU,GAA4C,oBAAoB,CAAC,UAAU,CAAC,CAAC;AAE7F;;;;;AAKA,MAAM,0BAA0B,GAAG,YAAY,CAAC,yBAAyB,CAAC,CAAC;AAE3E;;;;;MAKa,mCAAmC,GAAG,UAAU,CAAC,oBAAoB,EAAE;AAEpF;;;;;MAKa,6BAA6B,GAAG,UAAU,CAAC,WAAW,EAAE;AAErE;;;;;MAKa,qBAAqB,GAAG,YAAY,CAAC;IAChD,6BAA6B,EAAE;QAC7B,0BAA0B;KAC3B;IACD,4BAA4B,EAAE;QAC5B,mCAAmC;KACpC;IACD,kBAAkB,EAAE;QAClB,6BAA6B;KAC9B;CACF;;;;"}

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

@@ -1,5 +1,5 @@
-import { popularSearchesXStoreModule } from './store/module.js';
 import { popularSearchesEmitters } from './store/emitters.js';
+import { popularSearchesXStoreModule } from './store/module.js';
 import { popularSearchesWiring } from './wiring.js';
 
 /**
@@ -8,7 +8,7 @@ import { popularSearchesWiring } from './wiring.js';
  *
  * @public
  */
-var popularSearchesXModule = {
+const popularSearchesXModule = {
     name: 'popularSearches',
     storeModule: popularSearchesXStoreModule,
     storeEmitters: popularSearchesEmitters,

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 { 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"],"names":[],"mappings":";;;;AAaA;;;;;;IAMa,sBAAsB,GAA2B;IAC5D,IAAI,EAAE,iBAAiB;IACvB,WAAW,EAAE,2BAA2B;IACxC,aAAa,EAAE,uBAAuB;IACtC,MAAM,EAAE,qBAAqB;;;;;"}
+{"version":3,"file":"x-module.js","sources":["../../../../src/x-modules/popular-searches/x-module.ts"],"sourcesContent":["import { XModule } from '../x-modules.types';\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"],"names":[],"mappings":";;;;AAaA;;;;;;MAMa,sBAAsB,GAA2B;IAC5D,IAAI,EAAE,iBAAiB;IACvB,WAAW,EAAE,2BAA2B;IACxC,aAAa,EAAE,uBAAuB;IACtC,MAAM,EAAE,qBAAqB;;;;;"}

package/js/x-modules/query-suggestions/components/query-suggestion.vue.js

@@ -1,8 +1,8 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-import script from './query-suggestion.vue_rollup-plugin-vue=script.js';
+import script from './query-suggestion.vue_rollup-plugin-vue_script.vue.js';
+import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.mjs';
 
 /* script */
-var __vue_script__ = script;
+const __vue_script__ = script;
 
 /* template */
 var __vue_render__ = function () {
@@ -30,9 +30,11 @@ var __vue_render__ = function () {
                   _vm._t("default", null, null, {
                     suggestion: suggestion,
                     queryHTML: queryHTML,
-                  }) ]
+                  }),
+                ]
               },
-            } ],
+            },
+          ],
           null,
           true
         ),
@@ -51,13 +53,13 @@ var __vue_staticRenderFns__ = [];
 __vue_render__._withStripped = true;
 
   /* style */
-  var __vue_inject_styles__ = undefined;
+  const __vue_inject_styles__ = undefined;
   /* scoped */
-  var __vue_scope_id__ = undefined;
+  const __vue_scope_id__ = undefined;
   /* module identifier */
-  var __vue_module_identifier__ = undefined;
+  const __vue_module_identifier__ = undefined;
   /* functional template */
-  var __vue_is_functional_template__ = false;
+  const __vue_is_functional_template__ = false;
   /* style inject */
   
   /* style inject SSR */
@@ -66,7 +68,7 @@ __vue_render__._withStripped = true;
   
 
   
-  var __vue_component__ = /*#__PURE__*/__vue_normalize__(
+  const __vue_component__ = /*#__PURE__*/__vue_normalize__(
     { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
     __vue_inject_styles__,
     __vue_script__,
@@ -79,5 +81,5 @@ __vue_render__._withStripped = true;
     undefined
   );
 
-export default __vue_component__;
+export { __vue_component__ as default };
 //# sourceMappingURL=query-suggestion.vue.js.map

package/js/x-modules/query-suggestions/components/query-suggestion.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"query-suggestion.vue.js","sources":["../../../../../src/x-modules/query-suggestions/components/query-suggestion.vue"],"sourcesContent":["<template>\n  <BaseSuggestion\n    v-bind=\"{ query, suggestion, suggestionSelectedEvents: event }\"\n    :aria-label=\"suggestion.query\"\n    class=\"x-query-suggestion\"\n    data-test=\"query-suggestion\"\n    feature=\"query_suggestion\"\n  >\n    <template #default=\"{ suggestion, queryHTML }\">\n      <!-- eslint-disable max-len -->\n      <!--\n        @slot Custom content that replaces the `QuerySuggestion` default content\n            @binding {Suggestion} suggestion - Query Suggestion data\n            @binding {string} queryHTML - Suggestion’s query with the matching part wrapped in a HTML span tag\n      -->\n      <!-- eslint-enable max-len -->\n      <slot v-bind=\"{ suggestion, queryHTML }\" />\n    </template>\n  </BaseSuggestion>\n</template>\n\n<script lang=\"ts\">\n  import { Suggestion } from '@empathyco/x-types';\n  import { Component, Prop, Vue } from 'vue-property-decorator';\n  import BaseSuggestion from '../../../components/suggestions/base-suggestion.vue';\n  import { Getter } from '../../../components/decorators/store.decorators';\n  import { xComponentMixin } from '../../../components/x-component.mixin';\n  import { XEventsTypes } from '../../../wiring/events.types';\n  import { querySuggestionsXModule } from '../x-module';\n\n  /**\n   * This component renders a suggestion for a query. A query suggestion is a recommended query\n   * based on previous search queries. It contains the query itself and a set of filters associated.\n   * For example, if you're searching for _shirt_, a query suggestion could be _long sleeve shirt_.\n   *\n   * @public\n   */\n  @Component({\n    components: { BaseSuggestion },\n    mixins: [xComponentMixin(querySuggestionsXModule)]\n  })\n  export default class QuerySuggestion extends Vue {\n    /**\n     * The normalized query of the query-suggestions module.\n     *\n     * @internal\n     */\n    @Getter('querySuggestions', 'normalizedQuery')\n    public query!: string;\n\n    /**\n     * The suggestion to render.\n     *\n     * @public\n     */\n    @Prop({ required: true })\n    protected suggestion!: Suggestion;\n\n    /**\n     * Emits {@link QuerySuggestionsXEvents.UserSelectedAQuerySuggestion} with the suggestion as\n     * payload when selecting the query suggestion.\n     *\n     * @internal\n     */\n    protected event: Partial<XEventsTypes> = {\n      UserSelectedAQuerySuggestion: this.suggestion\n    };\n  }\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\nThis component emits the following events:\n\n- [`UserSelectedAQuerySuggestion`] (./../../api/x-components.querysuggestionsxevents.md)\n\n## See it in action\n\n<!-- prettier-ignore-start -->\n:::warning Backend microservice required\nTo use this component, the <b>Empathize</b> microservice must be\nimplemented.\n:::\n<!-- prettier-ignore-end -->\n\nHere you can see how a single query suggestion is rendered using the `suggestion` prop.\n\n```vue\n<template>\n  <QuerySuggestion :suggestion=\"suggestion\" />\n</template>\n\n<script>\n  import { QuerySuggestion } from '@empathyco/x-components/query-suggestions';\n  export default {\n    name: 'QuerySuggestionDemo',\n    components: {\n      QuerySuggestion\n    },\n    data() {\n      return {\n        suggestion: {\n          modelName: 'QuerySuggestion',\n          query: 'beer',\n          facets: []\n        }\n      };\n    }\n  };\n</script>\n```\n\n### Play with default slot\n\nIn this example, the query suggestion is painted in blue by passing a color style in the HTML span\nelement.\n\n```vue\n<template>\n  <QuerySuggestion :suggestion=\"suggestion\" #default=\"{ queryHTML }\">\n    <span v-html=\"queryHTML\" style=\"color: blue;\" />\n  </QuerySuggestion>\n</template>\n\n<script>\n  import { QuerySuggestion } from '@empathyco/x-components/query-suggestions';\n  export default {\n    name: 'QuerySuggestionDemo',\n    components: {\n      QuerySuggestion\n    },\n    data() {\n      return {\n        suggestion: {\n          modelName: 'QuerySuggestion',\n          query: 'beer',\n          facets: []\n        }\n      };\n    }\n  };\n</script>\n```\n\n### Play with events\n\nIn this example, when you click on the query suggestion, a message is displayed to illustrate that\nthe `UserSelectedAQuerySuggestion` event has been triggered.\n\n```vue\n<template>\n  <QuerySuggestion :suggestion=\"suggestion\" @UserSelectedAQuerySuggestion=\"alertSuggestion\" />\n</template>\n\n<script>\n  import { QuerySuggestion } from '@empathyco/x-components/query-suggestions';\n  export default {\n    name: 'QuerySuggestionDemo',\n    components: {\n      QuerySuggestion\n    },\n    data() {\n      return {\n        suggestion: {\n          modelName: 'QuerySuggestion',\n          query: 'beer',\n          facets: []\n        }\n      };\n    },\n    methods: {\n      alertSuggestion(querySuggestion) {\n        alert(`You have clicked the query suggestion: ${querySuggestion.query}`);\n      }\n    }\n  };\n</script>\n```\n</docs>\n"],"names":["const"],"mappings":";;;;AAEAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"query-suggestion.vue.js","sources":["../../../../../src/x-modules/query-suggestions/components/query-suggestion.vue"],"sourcesContent":["<template>\n  <BaseSuggestion\n    v-bind=\"{ query, suggestion, suggestionSelectedEvents: event }\"\n    :aria-label=\"suggestion.query\"\n    class=\"x-query-suggestion\"\n    data-test=\"query-suggestion\"\n    feature=\"query_suggestion\"\n  >\n    <template #default=\"{ suggestion, queryHTML }\">\n      <!-- eslint-disable max-len -->\n      <!--\n        @slot Custom content that replaces the `QuerySuggestion` default content\n            @binding {Suggestion} suggestion - Query Suggestion data\n            @binding {string} queryHTML - Suggestion’s query with the matching part wrapped in a HTML span tag\n      -->\n      <!-- eslint-enable max-len -->\n      <slot v-bind=\"{ suggestion, queryHTML }\" />\n    </template>\n  </BaseSuggestion>\n</template>\n\n<script lang=\"ts\">\n  import { Suggestion } from '@empathyco/x-types';\n  import { Component, Prop, Vue } from 'vue-property-decorator';\n  import BaseSuggestion from '../../../components/suggestions/base-suggestion.vue';\n  import { Getter } from '../../../components/decorators/store.decorators';\n  import { xComponentMixin } from '../../../components/x-component.mixin';\n  import { XEventsTypes } from '../../../wiring/events.types';\n  import { querySuggestionsXModule } from '../x-module';\n\n  /**\n   * This component renders a suggestion for a query. A query suggestion is a recommended query\n   * based on previous search queries. It contains the query itself and a set of filters associated.\n   * For example, if you're searching for _shirt_, a query suggestion could be _long sleeve shirt_.\n   *\n   * @public\n   */\n  @Component({\n    components: { BaseSuggestion },\n    mixins: [xComponentMixin(querySuggestionsXModule)]\n  })\n  export default class QuerySuggestion extends Vue {\n    /**\n     * The normalized query of the query-suggestions module.\n     *\n     * @internal\n     */\n    @Getter('querySuggestions', 'normalizedQuery')\n    public query!: string;\n\n    /**\n     * The suggestion to render.\n     *\n     * @public\n     */\n    @Prop({ required: true })\n    protected suggestion!: Suggestion;\n\n    /**\n     * Emits {@link QuerySuggestionsXEvents.UserSelectedAQuerySuggestion} with the suggestion as\n     * payload when selecting the query suggestion.\n     *\n     * @internal\n     */\n    protected event: Partial<XEventsTypes> = {\n      UserSelectedAQuerySuggestion: this.suggestion\n    };\n  }\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\nThis component emits the following events:\n\n- [`UserSelectedAQuerySuggestion`] (./../../api/x-components.querysuggestionsxevents.md)\n\n## See it in action\n\n<!-- prettier-ignore-start -->\n:::warning Backend microservice required\nTo use this component, the <b>Empathize</b> microservice must be\nimplemented.\n:::\n<!-- prettier-ignore-end -->\n\nHere you can see how a single query suggestion is rendered using the `suggestion` prop.\n\n```vue\n<template>\n  <QuerySuggestion :suggestion=\"suggestion\" />\n</template>\n\n<script>\n  import { QuerySuggestion } from '@empathyco/x-components/query-suggestions';\n  export default {\n    name: 'QuerySuggestionDemo',\n    components: {\n      QuerySuggestion\n    },\n    data() {\n      return {\n        suggestion: {\n          modelName: 'QuerySuggestion',\n          query: 'beer',\n          facets: []\n        }\n      };\n    }\n  };\n</script>\n```\n\n### Play with default slot\n\nIn this example, the query suggestion is painted in blue by passing a color style in the HTML span\nelement.\n\n```vue\n<template>\n  <QuerySuggestion :suggestion=\"suggestion\" #default=\"{ queryHTML }\">\n    <span v-html=\"queryHTML\" style=\"color: blue;\" />\n  </QuerySuggestion>\n</template>\n\n<script>\n  import { QuerySuggestion } from '@empathyco/x-components/query-suggestions';\n  export default {\n    name: 'QuerySuggestionDemo',\n    components: {\n      QuerySuggestion\n    },\n    data() {\n      return {\n        suggestion: {\n          modelName: 'QuerySuggestion',\n          query: 'beer',\n          facets: []\n        }\n      };\n    }\n  };\n</script>\n```\n\n### Play with events\n\nIn this example, when you click on the query suggestion, a message is displayed to illustrate that\nthe `UserSelectedAQuerySuggestion` event has been triggered.\n\n```vue\n<template>\n  <QuerySuggestion :suggestion=\"suggestion\" @UserSelectedAQuerySuggestion=\"alertSuggestion\" />\n</template>\n\n<script>\n  import { QuerySuggestion } from '@empathyco/x-components/query-suggestions';\n  export default {\n    name: 'QuerySuggestionDemo',\n    components: {\n      QuerySuggestion\n    },\n    data() {\n      return {\n        suggestion: {\n          modelName: 'QuerySuggestion',\n          query: 'beer',\n          facets: []\n        }\n      };\n    },\n    methods: {\n      alertSuggestion(querySuggestion) {\n        alert(`You have clicked the query suggestion: ${querySuggestion.query}`);\n      }\n    }\n  };\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/js/x-modules/query-suggestions/components/query-suggestion.vue_rollup-plugin-vue_script.vue.js

@@ -0,0 +1,44 @@
+import { __decorate } from 'tslib';
+import { Prop, Component, Vue } from 'vue-property-decorator';
+import __vue_component__ from '../../../components/suggestions/base-suggestion.vue.js';
+import { Getter } from '../../../components/decorators/store.decorators.js';
+import { xComponentMixin } from '../../../components/x-component.mixin.js';
+import { querySuggestionsXModule } from '../x-module.js';
+
+/**
+ * This component renders a suggestion for a query. A query suggestion is a recommended query
+ * based on previous search queries. It contains the query itself and a set of filters associated.
+ * For example, if you're searching for _shirt_, a query suggestion could be _long sleeve shirt_.
+ *
+ * @public
+ */
+let QuerySuggestion = class QuerySuggestion extends Vue {
+    constructor() {
+        super(...arguments);
+        /**
+         * Emits {@link QuerySuggestionsXEvents.UserSelectedAQuerySuggestion} with the suggestion as
+         * payload when selecting the query suggestion.
+         *
+         * @internal
+         */
+        this.event = {
+            UserSelectedAQuerySuggestion: this.suggestion
+        };
+    }
+};
+__decorate([
+    Getter('querySuggestions', 'normalizedQuery')
+], QuerySuggestion.prototype, "query", void 0);
+__decorate([
+    Prop({ required: true })
+], QuerySuggestion.prototype, "suggestion", void 0);
+QuerySuggestion = __decorate([
+    Component({
+        components: { BaseSuggestion: __vue_component__ },
+        mixins: [xComponentMixin(querySuggestionsXModule)]
+    })
+], QuerySuggestion);
+var script = QuerySuggestion;
+
+export { script as default };
+//# sourceMappingURL=query-suggestion.vue_rollup-plugin-vue_script.vue.js.map

package/js/x-modules/query-suggestions/components/query-suggestion.vue_rollup-plugin-vue_script.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"query-suggestion.vue_rollup-plugin-vue_script.vue.js","sources":["../../../../../src/x-modules/query-suggestions/components/query-suggestion.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { Suggestion } from '@empathyco/x-types';\nimport { Component, Prop, Vue } from 'vue-property-decorator';\nimport BaseSuggestion from '../../../components/suggestions/base-suggestion.vue';\nimport { Getter } from '../../../components/decorators/store.decorators';\nimport { xComponentMixin } from '../../../components/x-component.mixin';\nimport { XEventsTypes } from '../../../wiring/events.types';\nimport { querySuggestionsXModule } from '../x-module';\n\n/**\n * This component renders a suggestion for a query. A query suggestion is a recommended query\n * based on previous search queries. It contains the query itself and a set of filters associated.\n * For example, if you're searching for _shirt_, a query suggestion could be _long sleeve shirt_.\n *\n * @public\n */\n@Component({\n  components: { BaseSuggestion },\n  mixins: [xComponentMixin(querySuggestionsXModule)]\n})\nexport default class QuerySuggestion extends Vue {\n  /**\n   * The normalized query of the query-suggestions module.\n   *\n   * @internal\n   */\n  @Getter('querySuggestions', 'normalizedQuery')\n  public query!: string;\n\n  /**\n   * The suggestion to render.\n   *\n   * @public\n   */\n  @Prop({ required: true })\n  protected suggestion!: Suggestion;\n\n  /**\n   * Emits {@link QuerySuggestionsXEvents.UserSelectedAQuerySuggestion} with the suggestion as\n   * payload when selecting the query suggestion.\n   *\n   * @internal\n   */\n  protected event: Partial<XEventsTypes> = {\n    UserSelectedAQuerySuggestion: this.suggestion\n  };\n}\n"],"names":["BaseSuggestion"],"mappings":";;;;;;;AA8BA;;;;;;;AAWA,IAAqB,eAAe,GAApC,MAAqB,eAAgB,SAAQ,GAAG;IAAhD;;;;;;;;QAuBY,UAAK,GAA0B;YACvC,4BAA4B,EAAE,IAAI,CAAC,UAAU;SAC9C,CAAC;KACH;CAAA,CAAA;AAnBC;IADC,MAAM,CAAC,kBAAkB,EAAE,iBAAiB,CAAC;8CACxB;AAQtB;IADC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;mDACS;AAff,eAAe;IAJnC,SAAS,CAAC;QACT,UAAU,EAAE,kBAAEA,iBAAc,EAAE;QAC9B,MAAM,EAAE,CAAC,eAAe,CAAC,uBAAuB,CAAC,CAAC;KACnD,CAAC;GACmB,eAAe,CA0BnC;aA1BoB,eAAe;;;;"}

package/js/x-modules/query-suggestions/components/query-suggestions.vue.js

@@ -1,8 +1,8 @@
-import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
-import script from './query-suggestions.vue_rollup-plugin-vue=script.js';
+import script from './query-suggestions.vue_rollup-plugin-vue_script.vue.js';
+import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.mjs';
 
 /* script */
-var __vue_script__ = script;
+const __vue_script__ = script;
 
 /* template */
 var __vue_render__ = function () {
@@ -43,19 +43,24 @@ var __vue_render__ = function () {
                                   suggestion: suggestion,
                                   index: index,
                                   queryHTML: queryHTML,
-                                }) ]
+                                }),
+                              ]
                             },
-                          } ],
+                          },
+                        ],
                         null,
                         true
                       ),
-                    }) ]
+                    }),
+                  ]
                 },
                 null,
                 { suggestion: suggestion, index: index }
-              ) ]
+              ),
+            ]
           },
-        } ],
+        },
+      ],
       null,
       true
     ),
@@ -65,13 +70,13 @@ var __vue_staticRenderFns__ = [];
 __vue_render__._withStripped = true;
 
   /* style */
-  var __vue_inject_styles__ = undefined;
+  const __vue_inject_styles__ = undefined;
   /* scoped */
-  var __vue_scope_id__ = undefined;
+  const __vue_scope_id__ = undefined;
   /* module identifier */
-  var __vue_module_identifier__ = undefined;
+  const __vue_module_identifier__ = undefined;
   /* functional template */
-  var __vue_is_functional_template__ = false;
+  const __vue_is_functional_template__ = false;
   /* style inject */
   
   /* style inject SSR */
@@ -80,7 +85,7 @@ __vue_render__._withStripped = true;
   
 
   
-  var __vue_component__ = /*#__PURE__*/__vue_normalize__(
+  const __vue_component__ = /*#__PURE__*/__vue_normalize__(
     { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
     __vue_inject_styles__,
     __vue_script__,
@@ -93,5 +98,5 @@ __vue_render__._withStripped = true;
     undefined
   );
 
-export default __vue_component__;
+export { __vue_component__ as default };
 //# sourceMappingURL=query-suggestions.vue.js.map

package/js/x-modules/query-suggestions/components/query-suggestions.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"query-suggestions.vue.js","sources":["../../../../../src/x-modules/query-suggestions/components/query-suggestions.vue"],"sourcesContent":["<template>\n  <BaseSuggestions\n    :suggestions=\"suggestions\"\n    class=\"x-query-suggestions\"\n    data-test=\"query-suggestions\"\n    :animation=\"animation\"\n    :maxItemsToRender=\"maxItemsToRender\"\n  >\n    <template #default=\"{ suggestion, index }\">\n      <!--\n        @slot Custom component that replaces the `QuerySuggestion` component\n            @binding {Suggestion} suggestion - Query Suggestion data\n            @binding {number} index - Query Suggestion index\n      -->\n      <slot name=\"suggestion\" v-bind=\"{ suggestion, index }\">\n        <QuerySuggestion :suggestion=\"suggestion\" class=\"x-query-suggestions__suggestion\">\n          <template #default=\"{ queryHTML }\">\n            <!-- eslint-disable max-len -->\n            <!--\n              @slot Custom content that replaces the `QuerySuggestion` default content\n                  @binding {Suggestion} suggestion - Query Suggestion data\n                  @binding {string} queryHTML - Suggestion’s query with the matching part wrapped in a HTML span tag\n                  @binding {number} index - Query Suggestion index\n            -->\n            <!-- eslint-enable max-len -->\n            <slot name=\"suggestion-content\" v-bind=\"{ suggestion, index, queryHTML }\" />\n          </template>\n        </QuerySuggestion>\n      </slot>\n    </template>\n  </BaseSuggestions>\n</template>\n\n<script lang=\"ts\">\n  import { Suggestion } from '@empathyco/x-types';\n  import Vue from 'vue';\n  import { Component, Prop } from 'vue-property-decorator';\n  import BaseSuggestions from '../../../components/suggestions/base-suggestions.vue';\n  import { Getter } from '../../../components/decorators/store.decorators';\n  import { xComponentMixin } from '../../../components/x-component.mixin';\n  import { querySuggestionsXModule } from '../x-module';\n  import QuerySuggestion from './query-suggestion.vue';\n\n  /**\n   * This component renders a list of possible search queries to select from as a query is entered\n   * in the input field. By default, this is a list of\n   * [`QuerySuggestion`](./x-components.query-suggestion.md) components.\n   *\n   * @public\n   */\n  @Component({\n    components: { BaseSuggestions, QuerySuggestion },\n    mixins: [xComponentMixin(querySuggestionsXModule)]\n  })\n  export default class QuerySuggestions extends Vue {\n    /**\n     * The module's list of suggestions.\n     *\n     * @internal\n     */\n    @Getter('querySuggestions', 'querySuggestions')\n    public suggestions!: Suggestion[];\n\n    /**\n     * Animation component for `QuerySuggestions`.\n     *\n     * @public\n     */\n    @Prop()\n    protected animation!: Vue;\n\n    /**\n     * Number of query suggestions to be rendered.\n     *\n     * @public\n     */\n    @Prop()\n    protected maxItemsToRender?: number;\n  }\n</script>\n\n<docs lang=\"mdx\">\n## See it in action\n\n<!-- prettier-ignore-start -->\n:::warning Backend microservice required\nTo use this component, the <b>Empathize</b> microservice must be\nimplemented.\n:::\n<!-- prettier-ignore-end -->\n\nIn this example, a list of query suggestions is displayed. See how the suggestions change as you\ntype “puzzle”. If you click on a suggestion, the search term in the search input is updated and the\nquery suggestions are changed to reflect the new search term.\n\n_Type “puzzle” or another toy in the input field to try it out!_\n\n```vue\n<template>\n  <div>\n    <SearchInput />\n    <QuerySuggestions />\n  </div>\n</template>\n\n<script>\n  import { QuerySuggestions } from '@empathyco/x-components/query-suggestions';\n  import { SearchInput } from '@empathyco/x-components/search-box';\n\n  export default {\n    name: 'QuerySuggestionsDemo',\n    components: {\n      QuerySuggestions,\n      SearchInput\n    }\n  };\n</script>\n```\n\n### Play with props\n\nIn this example, an `StaggeredFadeAndSlide` animation component has been passed as prop, so that the\nmatching query suggestions are shuffled with a slight delay as more letters of the term are typed.\n\n_Type “puzzle” or another toy in the input field to try it out!_\n\n```vue\n<template>\n  <div>\n    <SearchInput />\n    <QuerySuggestions animation=\"StaggeredFadeAndSlide\" />\n  </div>\n</template>\n\n<script>\n  import { QuerySuggestions } from '@empathyco/x-components/query-suggestions';\n  import { SearchInput } from '@empathyco/x-components/search-box';\n  import { StaggeredFadeAndSlide } from '@empathyco/x-components';\n\n  // Register the animation as a global component\n  Vue.component('StaggeredFadeAndSlide', StaggeredFadeAndSlide);\n  export default {\n    name: 'QuerySuggestionsDemo',\n    components: {\n      QuerySuggestions,\n      SearchInput\n    }\n  };\n</script>\n```\n\n### Play with suggestion slot\n\nHere, the `suggestion` binding property passes the suggestion data.\n\n_Type “puzzle” or another toy in the input field to try it out!_\n\n```vue\n<template>\n  <div>\n    <SearchInput />\n    <QuerySuggestions #suggestion=\"{ suggestion }\">\n      <QuerySuggestion :suggestion=\"suggestion\" #default=\"{ queryHTML }\">\n        <span v-html=\"queryHTML\" />\n      </QuerySuggestion>\n    </QuerySuggestions>\n  </div>\n</template>\n\n<script>\n  import { QuerySuggestion, QuerySuggestions } from '@empathyco/x-components/query-suggestions';\n\n  export default {\n    name: 'QuerySuggestionsDemo',\n    components: {\n      QuerySuggestion,\n      QuerySuggestions\n    }\n  };\n</script>\n```\n\n<!-- prettier-ignore-start -->\n::: danger\nIf you're not using the [`QuerySuggestion`](./query-suggestion.md) component, then\nyou must implement the `UserAcceptedAQuery` and `UserSelectedAQuerySuggestion` events in\n`QuerySuggestions`.\n\n```vue\n<template>\n  <div>\n    <SearchInput />\n    <QuerySuggestions #suggestion=\"{ suggestion }\">\n      <button @click=\"emitSuggestionClickedEvents($event, suggestion)\">\n        {{ suggestion.query }}\n      </button>\n    </QuerySuggestions>\n  </div>\n</template>\n\n<script>\n  import { QuerySuggestions } from '@empathyco/x-components/query-suggestions';\n  import { SearchInput } from '@empathyco/x-components/search-box';\n\n  export default {\n    name: 'QuerySuggestionsDemo',\n    components: {\n      SearchInput,\n      QuerySuggestions\n    },\n    methods: {\n      emitSuggestionClickedEvents(event, suggestion) {\n        this.$x.emit('UserAcceptedAQuery', suggestion.query, {\n          target: event.target\n        });\n        this.$x.emit('UserSelectedASuggestion', suggestion, {\n          target: event.target\n        });\n        this.$x.emit('UserSelectedAQuerySuggestion', suggestion, {\n          target: event.target\n        });\n      }\n    }\n  };\n</script>\n```\n\n:::\n<!-- prettier-ignore-end -->\n\n### Play with suggestion-content slot\n\nIn this example, the `suggestion` and `queryHTML` bindings have been passed in the\n`suggestion-content` slot to paint the resulting query suggestions in blue.\n\n_Type “puzzle” or another toy in the input field to try it out!_\n\n```vue\n<template>\n  <div>\n    <SearchInput />\n    <QuerySuggestions #suggestion-content=\"{ suggestion, queryHTML }\">\n      <span :aria-label=\"`Select ${suggestion.query}`\" style=\"color: blue;\" v-html=\"queryHTML\" />\n    </QuerySuggestions>\n  </div>\n</template>\n\n<script>\n  import { QuerySuggestions } from '@empathyco/x-components/query-suggestions';\n  import { SearchInput } from '@empathyco/x-components/search-box';\n\n  export default {\n    name: 'QuerySuggestionsDemo',\n    components: {\n      SearchInput,\n      QuerySuggestions\n    }\n  };\n</script>\n```\n\n## Extending the component\n\nComponents can be combined and communicate with each other. Commonly, the `QuerySuggestions`\ncomponent communicates with the [`SearchInput`](../search-box/x-components.search-input.md),\nupdating the term in the search input.\n\n_Type “puzzle” or another toy in the input field to try it out!_\n\n```vue\n<template>\n  <div>\n    <SearchInput />\n    <QuerySuggestions />\n  </div>\n</template>\n\n<script>\n  import { QuerySuggestions } from '@empathyco/x-components/query-suggestions';\n  import { SearchInput } from '@empathyco/x-components/search-box';\n\n  export default {\n    name: 'QuerySuggestionsDemo',\n    components: {\n      SearchInput,\n      QuerySuggestions\n    }\n  };\n</script>\n```\n</docs>\n"],"names":["const"],"mappings":";;;;AAEAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"query-suggestions.vue.js","sources":["../../../../../src/x-modules/query-suggestions/components/query-suggestions.vue"],"sourcesContent":["<template>\n  <BaseSuggestions\n    :suggestions=\"suggestions\"\n    class=\"x-query-suggestions\"\n    data-test=\"query-suggestions\"\n    :animation=\"animation\"\n    :maxItemsToRender=\"maxItemsToRender\"\n  >\n    <template #default=\"{ suggestion, index }\">\n      <!--\n        @slot Custom component that replaces the `QuerySuggestion` component\n            @binding {Suggestion} suggestion - Query Suggestion data\n            @binding {number} index - Query Suggestion index\n      -->\n      <slot name=\"suggestion\" v-bind=\"{ suggestion, index }\">\n        <QuerySuggestion :suggestion=\"suggestion\" class=\"x-query-suggestions__suggestion\">\n          <template #default=\"{ queryHTML }\">\n            <!-- eslint-disable max-len -->\n            <!--\n              @slot Custom content that replaces the `QuerySuggestion` default content\n                  @binding {Suggestion} suggestion - Query Suggestion data\n                  @binding {string} queryHTML - Suggestion’s query with the matching part wrapped in a HTML span tag\n                  @binding {number} index - Query Suggestion index\n            -->\n            <!-- eslint-enable max-len -->\n            <slot name=\"suggestion-content\" v-bind=\"{ suggestion, index, queryHTML }\" />\n          </template>\n        </QuerySuggestion>\n      </slot>\n    </template>\n  </BaseSuggestions>\n</template>\n\n<script lang=\"ts\">\n  import { Suggestion } from '@empathyco/x-types';\n  import Vue from 'vue';\n  import { Component, Prop } from 'vue-property-decorator';\n  import BaseSuggestions from '../../../components/suggestions/base-suggestions.vue';\n  import { Getter } from '../../../components/decorators/store.decorators';\n  import { xComponentMixin } from '../../../components/x-component.mixin';\n  import { querySuggestionsXModule } from '../x-module';\n  import QuerySuggestion from './query-suggestion.vue';\n\n  /**\n   * This component renders a list of possible search queries to select from as a query is entered\n   * in the input field. By default, this is a list of\n   * [`QuerySuggestion`](./x-components.query-suggestion.md) components.\n   *\n   * @public\n   */\n  @Component({\n    components: { BaseSuggestions, QuerySuggestion },\n    mixins: [xComponentMixin(querySuggestionsXModule)]\n  })\n  export default class QuerySuggestions extends Vue {\n    /**\n     * The module's list of suggestions.\n     *\n     * @internal\n     */\n    @Getter('querySuggestions', 'querySuggestions')\n    public suggestions!: Suggestion[];\n\n    /**\n     * Animation component for `QuerySuggestions`.\n     *\n     * @public\n     */\n    @Prop()\n    protected animation!: Vue;\n\n    /**\n     * Number of query suggestions to be rendered.\n     *\n     * @public\n     */\n    @Prop()\n    protected maxItemsToRender?: number;\n  }\n</script>\n\n<docs lang=\"mdx\">\n## See it in action\n\n<!-- prettier-ignore-start -->\n:::warning Backend microservice required\nTo use this component, the <b>Empathize</b> microservice must be\nimplemented.\n:::\n<!-- prettier-ignore-end -->\n\nIn this example, a list of query suggestions is displayed. See how the suggestions change as you\ntype “puzzle”. If you click on a suggestion, the search term in the search input is updated and the\nquery suggestions are changed to reflect the new search term.\n\n_Type “puzzle” or another toy in the input field to try it out!_\n\n```vue\n<template>\n  <div>\n    <SearchInput />\n    <QuerySuggestions />\n  </div>\n</template>\n\n<script>\n  import { QuerySuggestions } from '@empathyco/x-components/query-suggestions';\n  import { SearchInput } from '@empathyco/x-components/search-box';\n\n  export default {\n    name: 'QuerySuggestionsDemo',\n    components: {\n      QuerySuggestions,\n      SearchInput\n    }\n  };\n</script>\n```\n\n### Play with props\n\nIn this example, an `StaggeredFadeAndSlide` animation component has been passed as prop, so that the\nmatching query suggestions are shuffled with a slight delay as more letters of the term are typed.\n\n_Type “puzzle” or another toy in the input field to try it out!_\n\n```vue\n<template>\n  <div>\n    <SearchInput />\n    <QuerySuggestions animation=\"StaggeredFadeAndSlide\" />\n  </div>\n</template>\n\n<script>\n  import { QuerySuggestions } from '@empathyco/x-components/query-suggestions';\n  import { SearchInput } from '@empathyco/x-components/search-box';\n  import { StaggeredFadeAndSlide } from '@empathyco/x-components';\n\n  // Register the animation as a global component\n  Vue.component('StaggeredFadeAndSlide', StaggeredFadeAndSlide);\n  export default {\n    name: 'QuerySuggestionsDemo',\n    components: {\n      QuerySuggestions,\n      SearchInput\n    }\n  };\n</script>\n```\n\n### Play with suggestion slot\n\nHere, the `suggestion` binding property passes the suggestion data.\n\n_Type “puzzle” or another toy in the input field to try it out!_\n\n```vue\n<template>\n  <div>\n    <SearchInput />\n    <QuerySuggestions #suggestion=\"{ suggestion }\">\n      <QuerySuggestion :suggestion=\"suggestion\" #default=\"{ queryHTML }\">\n        <span v-html=\"queryHTML\" />\n      </QuerySuggestion>\n    </QuerySuggestions>\n  </div>\n</template>\n\n<script>\n  import { QuerySuggestion, QuerySuggestions } from '@empathyco/x-components/query-suggestions';\n\n  export default {\n    name: 'QuerySuggestionsDemo',\n    components: {\n      QuerySuggestion,\n      QuerySuggestions\n    }\n  };\n</script>\n```\n\n<!-- prettier-ignore-start -->\n::: danger\nIf you're not using the [`QuerySuggestion`](./query-suggestion.md) component, then\nyou must implement the `UserAcceptedAQuery` and `UserSelectedAQuerySuggestion` events in\n`QuerySuggestions`.\n\n```vue\n<template>\n  <div>\n    <SearchInput />\n    <QuerySuggestions #suggestion=\"{ suggestion }\">\n      <button @click=\"emitSuggestionClickedEvents($event, suggestion)\">\n        {{ suggestion.query }}\n      </button>\n    </QuerySuggestions>\n  </div>\n</template>\n\n<script>\n  import { QuerySuggestions } from '@empathyco/x-components/query-suggestions';\n  import { SearchInput } from '@empathyco/x-components/search-box';\n\n  export default {\n    name: 'QuerySuggestionsDemo',\n    components: {\n      SearchInput,\n      QuerySuggestions\n    },\n    methods: {\n      emitSuggestionClickedEvents(event, suggestion) {\n        this.$x.emit('UserAcceptedAQuery', suggestion.query, {\n          target: event.target\n        });\n        this.$x.emit('UserSelectedASuggestion', suggestion, {\n          target: event.target\n        });\n        this.$x.emit('UserSelectedAQuerySuggestion', suggestion, {\n          target: event.target\n        });\n      }\n    }\n  };\n</script>\n```\n\n:::\n<!-- prettier-ignore-end -->\n\n### Play with suggestion-content slot\n\nIn this example, the `suggestion` and `queryHTML` bindings have been passed in the\n`suggestion-content` slot to paint the resulting query suggestions in blue.\n\n_Type “puzzle” or another toy in the input field to try it out!_\n\n```vue\n<template>\n  <div>\n    <SearchInput />\n    <QuerySuggestions #suggestion-content=\"{ suggestion, queryHTML }\">\n      <span :aria-label=\"`Select ${suggestion.query}`\" style=\"color: blue;\" v-html=\"queryHTML\" />\n    </QuerySuggestions>\n  </div>\n</template>\n\n<script>\n  import { QuerySuggestions } from '@empathyco/x-components/query-suggestions';\n  import { SearchInput } from '@empathyco/x-components/search-box';\n\n  export default {\n    name: 'QuerySuggestionsDemo',\n    components: {\n      SearchInput,\n      QuerySuggestions\n    }\n  };\n</script>\n```\n\n## Extending the component\n\nComponents can be combined and communicate with each other. Commonly, the `QuerySuggestions`\ncomponent communicates with the [`SearchInput`](../search-box/x-components.search-input.md),\nupdating the term in the search input.\n\n_Type “puzzle” or another toy in the input field to try it out!_\n\n```vue\n<template>\n  <div>\n    <SearchInput />\n    <QuerySuggestions />\n  </div>\n</template>\n\n<script>\n  import { QuerySuggestions } from '@empathyco/x-components/query-suggestions';\n  import { SearchInput } from '@empathyco/x-components/search-box';\n\n  export default {\n    name: 'QuerySuggestionsDemo',\n    components: {\n      SearchInput,\n      QuerySuggestions\n    }\n  };\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/js/x-modules/query-suggestions/components/query-suggestions.vue_rollup-plugin-vue_script.vue.js

@@ -0,0 +1,37 @@
+import { __decorate } from 'tslib';
+import Vue from 'vue';
+import { Prop, Component } from 'vue-property-decorator';
+import __vue_component__ from '../../../components/suggestions/base-suggestions.vue.js';
+import { Getter } from '../../../components/decorators/store.decorators.js';
+import { xComponentMixin } from '../../../components/x-component.mixin.js';
+import { querySuggestionsXModule } from '../x-module.js';
+import __vue_component__$1 from './query-suggestion.vue.js';
+
+/**
+ * This component renders a list of possible search queries to select from as a query is entered
+ * in the input field. By default, this is a list of
+ * [`QuerySuggestion`](./x-components.query-suggestion.md) components.
+ *
+ * @public
+ */
+let QuerySuggestions = class QuerySuggestions extends Vue {
+};
+__decorate([
+    Getter('querySuggestions', 'querySuggestions')
+], QuerySuggestions.prototype, "suggestions", void 0);
+__decorate([
+    Prop()
+], QuerySuggestions.prototype, "animation", void 0);
+__decorate([
+    Prop()
+], QuerySuggestions.prototype, "maxItemsToRender", void 0);
+QuerySuggestions = __decorate([
+    Component({
+        components: { BaseSuggestions: __vue_component__, QuerySuggestion: __vue_component__$1 },
+        mixins: [xComponentMixin(querySuggestionsXModule)]
+    })
+], QuerySuggestions);
+var script = QuerySuggestions;
+
+export { script as default };
+//# sourceMappingURL=query-suggestions.vue_rollup-plugin-vue_script.vue.js.map

package/js/x-modules/query-suggestions/components/query-suggestions.vue_rollup-plugin-vue_script.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"query-suggestions.vue_rollup-plugin-vue_script.vue.js","sources":["../../../../../src/x-modules/query-suggestions/components/query-suggestions.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { Suggestion } from '@empathyco/x-types';\nimport Vue from 'vue';\nimport { Component, Prop } from 'vue-property-decorator';\nimport BaseSuggestions from '../../../components/suggestions/base-suggestions.vue';\nimport { Getter } from '../../../components/decorators/store.decorators';\nimport { xComponentMixin } from '../../../components/x-component.mixin';\nimport { querySuggestionsXModule } from '../x-module';\nimport QuerySuggestion from './query-suggestion.vue';\n\n/**\n * This component renders a list of possible search queries to select from as a query is entered\n * in the input field. By default, this is a list of\n * [`QuerySuggestion`](./x-components.query-suggestion.md) components.\n *\n * @public\n */\n@Component({\n  components: { BaseSuggestions, QuerySuggestion },\n  mixins: [xComponentMixin(querySuggestionsXModule)]\n})\nexport default class QuerySuggestions extends Vue {\n  /**\n   * The module's list of suggestions.\n   *\n   * @internal\n   */\n  @Getter('querySuggestions', 'querySuggestions')\n  public suggestions!: Suggestion[];\n\n  /**\n   * Animation component for `QuerySuggestions`.\n   *\n   * @public\n   */\n  @Prop()\n  protected animation!: Vue;\n\n  /**\n   * Number of query suggestions to be rendered.\n   *\n   * @public\n   */\n  @Prop()\n  protected maxItemsToRender?: number;\n}\n"],"names":["BaseSuggestions","QuerySuggestion"],"mappings":";;;;;;;;;AA2CA;;;;;;;AAWA,IAAqB,gBAAgB,GAArC,MAAqB,gBAAiB,SAAQ,GAAG;CAwBhD,CAAA;AAjBC;IADC,MAAM,CAAC,kBAAkB,EAAE,kBAAkB,CAAC;qDACb;AAQlC;IADC,IAAI,EAAE;mDACmB;AAQ1B;IADC,IAAI,EAAE;0DAC6B;AAvBjB,gBAAgB;IAJpC,SAAS,CAAC;QACT,UAAU,EAAE,mBAAEA,iBAAe,mBAAEC,mBAAe,EAAE;QAChD,MAAM,EAAE,CAAC,eAAe,CAAC,uBAAuB,CAAC,CAAC;KACnD,CAAC;GACmB,gBAAgB,CAwBpC;aAxBoB,gBAAgB;;;;"}

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

@@ -1,28 +1,26 @@
 import { createFetchAndSaveActions } from '../../../../store/utils/fetch-and-save-action.utils.js';
 
 // eslint-disable-next-line max-len
-var _a = createFetchAndSaveActions({
-    fetch: function (_a, request) {
-        var dispatch = _a.dispatch;
+const { fetchAndSave, cancelPrevious } = createFetchAndSaveActions({
+    fetch({ dispatch }, request) {
         return dispatch('fetchSuggestions', request);
     },
-    onSuccess: function (_a, suggestions) {
-        var commit = _a.commit;
+    onSuccess({ commit }, suggestions) {
         commit('setSuggestions', suggestions);
     }
-}), fetchAndSave = _a.fetchAndSave, cancelPrevious = _a.cancelPrevious;
+});
 /**
  * Default implementation for {@link QuerySuggestionsActions.fetchAndSaveSuggestions} action.
  *
  * @public
  */
-var fetchAndSaveSuggestions = fetchAndSave;
+const fetchAndSaveSuggestions = fetchAndSave;
 /**
  * Default implementation for {@link QuerySuggestionsActions.cancelFetchAndSaveSuggestions} action.
  *
  * @public
  */
-var cancelFetchAndSaveSuggestions = cancelPrevious;
+const cancelFetchAndSaveSuggestions = cancelPrevious;
 
 export { cancelFetchAndSaveSuggestions, fetchAndSaveSuggestions };
 //# sourceMappingURL=fetch-and-save-suggestions.action.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"fetch-and-save-suggestions.action.js","sources":["../../../../../../src/x-modules/query-suggestions/store/actions/fetch-and-save-suggestions.action.ts"],"sourcesContent":["import { SuggestionsRequest } from '@empathyco/x-adapter';\nimport { Suggestion } from '@empathyco/x-types';\n// eslint-disable-next-line max-len\nimport { createFetchAndSaveActions } from '../../../../store/utils/fetch-and-save-action.utils';\nimport { QuerySuggestionsActionContext } from '../types';\n\nconst { fetchAndSave, cancelPrevious } = createFetchAndSaveActions<\n  QuerySuggestionsActionContext,\n  SuggestionsRequest | null,\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 QuerySuggestionsActions.fetchAndSaveSuggestions} action.\n *\n * @public\n */\nexport const fetchAndSaveSuggestions = fetchAndSave;\n\n/**\n * Default implementation for {@link QuerySuggestionsActions.cancelFetchAndSaveSuggestions} action.\n *\n * @public\n */\nexport const cancelFetchAndSaveSuggestions = cancelPrevious;\n"],"names":[],"mappings":";;AAEA;AAIM,IAAA,KAAmC,yBAAyB,CAIhE;IACA,KAAK,YAAC,EAAY,EAAE,OAAO;YAAnB,QAAQ,cAAA;QACd,OAAO,QAAQ,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAAC;KAC9C;IACD,SAAS,YAAC,EAAU,EAAE,WAAW;YAArB,MAAM,YAAA;QAChB,MAAM,CAAC,gBAAgB,EAAE,WAAW,CAAC,CAAC;KACvC;CACF,CAAC,EAXM,YAAY,kBAAA,EAAE,cAAc,oBAWlC,CAAC;AAEH;;;;;IAKa,uBAAuB,GAAG,aAAa;AAEpD;;;;;IAKa,6BAA6B,GAAG;;;;"}
+{"version":3,"file":"fetch-and-save-suggestions.action.js","sources":["../../../../../../src/x-modules/query-suggestions/store/actions/fetch-and-save-suggestions.action.ts"],"sourcesContent":["import { SuggestionsRequest } from '@empathyco/x-adapter';\nimport { Suggestion } from '@empathyco/x-types';\n// eslint-disable-next-line max-len\nimport { createFetchAndSaveActions } from '../../../../store/utils/fetch-and-save-action.utils';\nimport { QuerySuggestionsActionContext } from '../types';\n\nconst { fetchAndSave, cancelPrevious } = createFetchAndSaveActions<\n  QuerySuggestionsActionContext,\n  SuggestionsRequest | null,\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 QuerySuggestionsActions.fetchAndSaveSuggestions} action.\n *\n * @public\n */\nexport const fetchAndSaveSuggestions = fetchAndSave;\n\n/**\n * Default implementation for {@link QuerySuggestionsActions.cancelFetchAndSaveSuggestions} action.\n *\n * @public\n */\nexport const cancelFetchAndSaveSuggestions = cancelPrevious;\n"],"names":[],"mappings":";;AAEA;AAIA,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,yBAAyB,CAIhE;IACA,KAAK,CAAC,EAAE,QAAQ,EAAE,EAAE,OAAO;QACzB,OAAO,QAAQ,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAAC;KAC9C;IACD,SAAS,CAAC,EAAE,MAAM,EAAE,EAAE,WAAW;QAC/B,MAAM,CAAC,gBAAgB,EAAE,WAAW,CAAC,CAAC;KACvC;CACF,CAAC,CAAC;AAEH;;;;;MAKa,uBAAuB,GAAG,aAAa;AAEpD;;;;;MAKa,6BAA6B,GAAG;;;;"}

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

@@ -1,5 +1,4 @@
 import '../../../../plugins/x-bus.js';
-import '../../../../plugins/x-plugin.mixin.js';
 import { XPlugin } from '../../../../plugins/x-plugin.js';
 
 /**
@@ -13,12 +12,9 @@ import { XPlugin } from '../../../../plugins/x-plugin.js';
  *
  * @public
  */
-var fetchSuggestions = function (_context, request) {
+const fetchSuggestions = (_context, request) => {
     return request
-        ? XPlugin.adapter.getSuggestions(request).then(function (_a) {
-            var suggestions = _a.suggestions;
-            return suggestions;
-        })
+        ? XPlugin.adapter.getSuggestions(request).then(({ suggestions }) => suggestions)
         : [];
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"fetch-suggestions.action.js","sources":["../../../../../../src/x-modules/query-suggestions/store/actions/fetch-suggestions.action.ts"],"sourcesContent":["import { XPlugin } from '../../../../plugins';\nimport { QuerySuggestionsXStoreModule } from '../types';\n\n/**\n * Default implementation for the {@link QuerySuggestionsActions.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 query suggestions request to make.\n *\n * @returns A `void` promise that resolves when it fetches suggestions.\n *\n * @public\n */\nexport const fetchSuggestions: QuerySuggestionsXStoreModule['actions']['fetchSuggestions'] = (\n  _context,\n  request\n) => {\n  return request\n    ? XPlugin.adapter.getSuggestions(request).then(({ suggestions }) => suggestions)\n    : [];\n};\n"],"names":[],"mappings":";;;;AAGA;;;;;;;;;;;IAWa,gBAAgB,GAAgE,UAC3F,QAAQ,EACR,OAAO;IAEP,OAAO,OAAO;UACV,OAAO,CAAC,OAAO,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,UAAC,EAAe;gBAAb,WAAW,iBAAA;YAAO,OAAA,WAAW;SAAA,CAAC;UAC9E,EAAE,CAAC;AACT;;;;"}
+{"version":3,"file":"fetch-suggestions.action.js","sources":["../../../../../../src/x-modules/query-suggestions/store/actions/fetch-suggestions.action.ts"],"sourcesContent":["import { XPlugin } from '../../../../plugins';\nimport { QuerySuggestionsXStoreModule } from '../types';\n\n/**\n * Default implementation for the {@link QuerySuggestionsActions.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 query suggestions request to make.\n *\n * @returns A `void` promise that resolves when it fetches suggestions.\n *\n * @public\n */\nexport const fetchSuggestions: QuerySuggestionsXStoreModule['actions']['fetchSuggestions'] = (\n  _context,\n  request\n) => {\n  return request\n    ? XPlugin.adapter.getSuggestions(request).then(({ suggestions }) => suggestions)\n    : [];\n};\n"],"names":[],"mappings":";;;AAGA;;;;;;;;;;;MAWa,gBAAgB,GAAgE,CAC3F,QAAQ,EACR,OAAO;IAEP,OAAO,OAAO;UACV,OAAO,CAAC,OAAO,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,WAAW,CAAC;UAC9E,EAAE,CAAC;AACT;;;;"}

package/js/x-modules/query-suggestions/store/actions/set-url-params.action.js

@@ -7,9 +7,7 @@
  * @param urlParams - List of params from the url.
  * @public
  */
-var setUrlParams = function (_a, _b) {
-    var commit = _a.commit;
-    var query = _b.query;
+const setUrlParams = ({ commit }, { query }) => {
     commit('setQuery', query);
 };
 

package/js/x-modules/query-suggestions/store/actions/set-url-params.action.js.map

@@ -1 +1 @@
-{"version":3,"file":"set-url-params.action.js","sources":["../../../../../../src/x-modules/query-suggestions/store/actions/set-url-params.action.ts"],"sourcesContent":["import { QuerySuggestionsXStoreModule } from '../types';\n\n/**\n * Default implementation for the {@link QuerySuggestionsActions.setUrlParams}.\n *\n * @param context - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the actions,\n * provided by Vuex.\n *\n * @param urlParams - List of params from the url.\n * @public\n */\nexport const setUrlParams: QuerySuggestionsXStoreModule['actions']['setUrlParams'] = (\n  { commit },\n  { query }\n) => {\n  commit('setQuery', query);\n};\n"],"names":[],"mappings":"AAEA;;;;;;;;;IASa,YAAY,GAA4D,UACnF,EAAU,EACV,EAAS;QADP,MAAM,YAAA;QACN,KAAK,WAAA;IAEP,MAAM,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;AAC5B;;;;"}
+{"version":3,"file":"set-url-params.action.js","sources":["../../../../../../src/x-modules/query-suggestions/store/actions/set-url-params.action.ts"],"sourcesContent":["import { QuerySuggestionsXStoreModule } from '../types';\n\n/**\n * Default implementation for the {@link QuerySuggestionsActions.setUrlParams}.\n *\n * @param context - The {@link https://vuex.vuejs.org/guide/actions.html | context} of the actions,\n * provided by Vuex.\n *\n * @param urlParams - List of params from the url.\n * @public\n */\nexport const setUrlParams: QuerySuggestionsXStoreModule['actions']['setUrlParams'] = (\n  { commit },\n  { query }\n) => {\n  commit('setQuery', query);\n};\n"],"names":[],"mappings":"AAEA;;;;;;;;;MASa,YAAY,GAA4D,CACnF,EAAE,MAAM,EAAE,EACV,EAAE,KAAK,EAAE;IAET,MAAM,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;AAC5B;;;;"}

package/js/x-modules/query-suggestions/store/emitters.js

@@ -1,6 +1,3 @@
-import '../../../store/x.module.js';
-import '../../../store/utils/fetch-and-save-action.utils.js';
-import '../../../store/utils/status-store.utils.js';
 import { createStoreEmitters } from '../../../store/utils/store-emitters.utils.js';
 import { querySuggestionsXStoreModule } from './module.js';
 
@@ -9,9 +6,9 @@ import { querySuggestionsXStoreModule } from './module.js';
  *
  * @internal
  */
-var querySuggestionsEmitters = createStoreEmitters(querySuggestionsXStoreModule, {
-    QuerySuggestionsChanged: function (state) { return state.suggestions; },
-    QuerySuggestionsRequestChanged: function (_, getters) { return getters.request; }
+const querySuggestionsEmitters = createStoreEmitters(querySuggestionsXStoreModule, {
+    QuerySuggestionsChanged: state => state.suggestions,
+    QuerySuggestionsRequestChanged: (_, getters) => getters.request
 });
 
 export { querySuggestionsEmitters };

package/js/x-modules/query-suggestions/store/emitters.js.map

@@ -1 +1 @@
-{"version":3,"file":"emitters.js","sources":["../../../../../src/x-modules/query-suggestions/store/emitters.ts"],"sourcesContent":["import { createStoreEmitters } from '../../../store';\nimport { querySuggestionsXStoreModule } from './module';\n\n/**\n * {@link StoreEmitters} For the query-suggestions module.\n *\n * @internal\n */\nexport const querySuggestionsEmitters = createStoreEmitters(querySuggestionsXStoreModule, {\n  QuerySuggestionsChanged: state => state.suggestions,\n  QuerySuggestionsRequestChanged: (_, getters) => getters.request\n});\n"],"names":[],"mappings":";;;;;;AAGA;;;;;IAKa,wBAAwB,GAAG,mBAAmB,CAAC,4BAA4B,EAAE;IACxF,uBAAuB,EAAE,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,WAAW,GAAA;IACnD,8BAA8B,EAAE,UAAC,CAAC,EAAE,OAAO,IAAK,OAAA,OAAO,CAAC,OAAO,GAAA;CAChE;;;;"}
+{"version":3,"file":"emitters.js","sources":["../../../../../src/x-modules/query-suggestions/store/emitters.ts"],"sourcesContent":["import { createStoreEmitters } from '../../../store';\nimport { querySuggestionsXStoreModule } from './module';\n\n/**\n * {@link StoreEmitters} For the query-suggestions module.\n *\n * @internal\n */\nexport const querySuggestionsEmitters = createStoreEmitters(querySuggestionsXStoreModule, {\n  QuerySuggestionsChanged: state => state.suggestions,\n  QuerySuggestionsRequestChanged: (_, getters) => getters.request\n});\n"],"names":[],"mappings":";;;AAGA;;;;;MAKa,wBAAwB,GAAG,mBAAmB,CAAC,4BAA4B,EAAE;IACxF,uBAAuB,EAAE,KAAK,IAAI,KAAK,CAAC,WAAW;IACnD,8BAA8B,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,OAAO;CAChE;;;;"}

package/js/x-modules/query-suggestions/store/getters/normalized-query.getter.js

@@ -10,10 +10,7 @@ import { normalizeString } from '../../../../utils/normalize.js';
  *
  * @public
  */
-var normalizedQuery = function (_a) {
-    var query = _a.query;
-    return normalizeString(query);
-};
+const normalizedQuery = ({ query }) => normalizeString(query);
 
 export { normalizedQuery };
 //# sourceMappingURL=normalized-query.getter.js.map

package/js/x-modules/query-suggestions/store/getters/normalized-query.getter.js.map

@@ -1 +1 @@
-{"version":3,"file":"normalized-query.getter.js","sources":["../../../../../../src/x-modules/query-suggestions/store/getters/normalized-query.getter.ts"],"sourcesContent":["import { normalizeString } from '../../../../utils/normalize';\nimport { QuerySuggestionsXStoreModule } from '../types';\n\n/**\n * Default implementation for the {@link QuerySuggestionsGetters.normalizedQuery} getter.\n *\n * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the query\n * suggestions module.\n *\n * @returns The normalized query.\n *\n * @public\n */\nexport const normalizedQuery: QuerySuggestionsXStoreModule['getters']['normalizedQuery'] = ({\n  query\n}) => normalizeString(query);\n"],"names":[],"mappings":";;AAGA;;;;;;;;;;IAUa,eAAe,GAA+D,UAAC,EAE3F;QADC,KAAK,WAAA;IACD,OAAA,eAAe,CAAC,KAAK,CAAC;AAAtB;;;;"}
+{"version":3,"file":"normalized-query.getter.js","sources":["../../../../../../src/x-modules/query-suggestions/store/getters/normalized-query.getter.ts"],"sourcesContent":["import { normalizeString } from '../../../../utils/normalize';\nimport { QuerySuggestionsXStoreModule } from '../types';\n\n/**\n * Default implementation for the {@link QuerySuggestionsGetters.normalizedQuery} getter.\n *\n * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the query\n * suggestions module.\n *\n * @returns The normalized query.\n *\n * @public\n */\nexport const normalizedQuery: QuerySuggestionsXStoreModule['getters']['normalizedQuery'] = ({\n  query\n}) => normalizeString(query);\n"],"names":[],"mappings":";;AAGA;;;;;;;;;;MAUa,eAAe,GAA+D,CAAC,EAC1F,KAAK,EACN,KAAK,eAAe,CAAC,KAAK;;;;"}