@empathyco/x-components 3.0.0-alpha.31 → 3.0.0-alpha.35

package/js/x-modules/search/components/sort-list.vue.js

@@ -6,7 +6,7 @@ import script from './sort-list.vue_rollup-plugin-vue=script.js';
 var __vue_script__ = script;
 
 /* template */
-var __vue_render__ = function() {
+var __vue_render__ = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -15,9 +15,9 @@ var __vue_render__ = function() {
     {
       tag: "component",
       staticClass: "x-option-list x-sort-list",
-      attrs: { tag: "ul", "data-test": "sort-list" }
+      attrs: { tag: "ul", "data-test": "sort-list" },
     },
-    _vm._l(_vm.listItems, function(ref) {
+    _vm._l(_vm.listItems, function (ref) {
       var item = ref.item;
       var cssClasses = ref.cssClasses;
       var event = ref.event;
@@ -26,28 +26,26 @@ var __vue_render__ = function() {
         {
           key: item,
           staticClass: "x-option-list__item x-sort-list__item",
-          class: cssClasses
+          class: cssClasses,
         },
         [
           _c(
             "BaseEventButton",
             {
               staticClass: "x-button x-sort-list__button",
-              attrs: { "data-test": "x-sort-button", events: event }
+              attrs: { "data-test": "x-sort-button", events: event },
             },
             [
               _vm._t(
                 "default",
-                function() {
+                function () {
                   return [_vm._v("\n        " + _vm._s(item) + "\n      ")]
                 },
                 null,
                 { item: item, isSelected: item === _vm.selectedSort }
-              )
-            ],
+              ) ],
             2
-          )
-        ],
+          ) ],
         1
       )
     }),
@@ -60,11 +58,11 @@ __vue_render__._withStripped = true;
   /* style */
   var __vue_inject_styles__ = function (inject) {
     if (!inject) { return }
-    inject("data-v-28be7717_0", { source: ".x-sort-list[data-v-28be7717] {\n  list-style-type: none;\n}", map: undefined, media: undefined });
+    inject("data-v-50022f3c_0", { source: ".x-sort-list[data-v-50022f3c] {\n  list-style-type: none;\n}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  var __vue_scope_id__ = "data-v-28be7717";
+  var __vue_scope_id__ = "data-v-50022f3c";
   /* module identifier */
   var __vue_module_identifier__ = undefined;
   /* functional template */

package/js/x-modules/search/components/sort-list.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"sort-list.vue.js","sources":["../../../../../src/x-modules/search/components/sort-list.vue"],"sourcesContent":["<template>\n  <component :is=\"animation\" tag=\"ul\" class=\"x-option-list x-sort-list\" data-test=\"sort-list\">\n    <li\n      v-for=\"{ item, cssClasses, event } in listItems\"\n      :key=\"item\"\n      :class=\"cssClasses\"\n      class=\"x-option-list__item x-sort-list__item\"\n    >\n      <BaseEventButton\n        class=\"x-button x-sort-list__button\"\n        data-test=\"x-sort-button\"\n        :events=\"event\"\n      >\n        <slot v-bind=\"{ item, isSelected: item === selectedSort }\">\n          {{ item }}\n        </slot>\n      </BaseEventButton>\n    </li>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n  .x-sort-list {\n    list-style-type: none;\n  }\n</style>\n\n<script lang=\"ts\">\n  import { Sort } from '@empathyco/x-types';\n  import Vue from 'vue';\n  import { mixins } from 'vue-class-component';\n  import { Component, Prop } from 'vue-property-decorator';\n  import { BaseEventButton } from '../../../components';\n  import { xComponentMixin } from '../../../components/x-component.mixin';\n  import { VueCSSClasses } from '../../../utils';\n  import { XEventsTypes } from '../../../wiring';\n  import { searchXModule } from '../x-module';\n  import SortMixin from './sort.mixin';\n\n  /**\n   * Sort list item options.\n   *\n   * @public\n   */\n  interface SortListItem {\n    item: Sort;\n    cssClasses: VueCSSClasses;\n    event: Partial<XEventsTypes>;\n  }\n  /**\n   * The `SortList` component allows user to select the search results order. This component\n   * also allows to change the selected sort programmatically.\n   *\n   * @remarks It extends {@link SortMixin}.\n   *\n   * @public\n   */\n  @Component({\n    mixins: [xComponentMixin(searchXModule)],\n    components: {\n      BaseEventButton\n    }\n  })\n  export default class SortList extends mixins(SortMixin) {\n    /**\n     * The transition to use for rendering the list.\n     *\n     * @public\n     */\n    @Prop({ default: 'ul' })\n    public animation?: string | typeof Vue;\n    /**\n     * Sort list items.\n     *\n     * @returns A list of items with their css class and the event associate to it.\n     *\n     * @internal\n     */\n    protected get listItems(): SortListItem[] {\n      return this.items.map(item => ({\n        item,\n        cssClasses: [\n          {\n            'x-sort-list__item--is-selected': item === this.selectedSort,\n            'x-option-list__item--is-selected': item === this.selectedSort\n          }\n        ],\n        event: { UserClickedASort: item }\n      }));\n    }\n  }\n</script>\n\n<docs lang=\"mdx\">\n# Sort List\n\nThe `SortList` component can be used to change the way the search results are ordered.\n\nTo do so, the list of valid sort values has to be provided using the `items` prop. These are the\nvalues that can then be received in the `SearchAdapter`.\n\nThe component also optionally accepts the selected sort, which can be set using the `value` prop.\nThis prop allows changing programmatically the selected sort, as it will be synced with the store\nimmediately. If this prop is not provided, the first item from the `items` prop will be the one\nselected by default.\n\nThis component also allows customizing each one of the possible sort values. This can be done with\nthe `default` slot.\n\n## Examples\n\n### Only providing the list of items\n\n```vue\n<template>\n  <SortList :items=\"sortValues\">\n    <template #item=\"{ item, isSelected }\">Item: {{ item }}</template>\n  </SortList>\n</template>\n\n<script>\n  import { SortList } from '@empathyco/x-components/search';\n\n  export default {\n    components: {\n      SortList\n    },\n    data() {\n      return { sortValues: ['Relevance', 'Price asc', 'Price desc'] };\n    }\n  };\n</script>\n```\n\n### Providing also the selected value\n\n```vue\n<template>\n  <SortList v-model=\"selectedSort\" :items=\"sortValues\">\n    <template #item=\"{ item, isSelected }\">\n      <span v-if=\"isSelected\">✅</span>\n      {{ item }}\n    </template>\n  </SortList>\n</template>\n\n<script>\n  import { SortList } from '@empathyco/x-components/search';\n\n  export default {\n    components: {\n      SortList\n    },\n    data() {\n      return {\n        selectedSort: 'Price asc',\n        sortValues: ['Relevance', 'Price asc', 'Price desc']\n      };\n    }\n  };\n</script>\n```\n\n## Events\n\nThis component emits 2 different events:\n\n- SelectedSortProvided: To sync the selected sort with the store state value. This event is emitted\n  as soon as the list of items is received, whenever this list changes if there is no provided\n  value, and when the provided value changes.\n- UserClickedASort: As its name suggest, the event is emitted after the user clicks one of the sort\n  options. This does not mean that the sort has changed, only that the user has clicked it.\n</docs>\n"],"names":["const"],"mappings":";;;;;AAEAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"sort-list.vue.js","sources":["../../../../../src/x-modules/search/components/sort-list.vue"],"sourcesContent":["<template>\n  <component :is=\"animation\" tag=\"ul\" class=\"x-option-list x-sort-list\" data-test=\"sort-list\">\n    <li\n      v-for=\"{ item, cssClasses, event } in listItems\"\n      :key=\"item\"\n      :class=\"cssClasses\"\n      class=\"x-option-list__item x-sort-list__item\"\n    >\n      <BaseEventButton\n        class=\"x-button x-sort-list__button\"\n        data-test=\"x-sort-button\"\n        :events=\"event\"\n      >\n        <slot v-bind=\"{ item, isSelected: item === selectedSort }\">\n          {{ item }}\n        </slot>\n      </BaseEventButton>\n    </li>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n  .x-sort-list {\n    list-style-type: none;\n  }\n</style>\n\n<script lang=\"ts\">\n  import { Sort } from '@empathyco/x-types';\n  import Vue from 'vue';\n  import { mixins } from 'vue-class-component';\n  import { Component, Prop } from 'vue-property-decorator';\n  import { BaseEventButton } from '../../../components';\n  import { xComponentMixin } from '../../../components/x-component.mixin';\n  import { VueCSSClasses } from '../../../utils';\n  import { XEventsTypes } from '../../../wiring';\n  import { searchXModule } from '../x-module';\n  import SortMixin from './sort.mixin';\n\n  /**\n   * Sort list item options.\n   *\n   * @public\n   */\n  interface SortListItem {\n    item: Sort;\n    cssClasses: VueCSSClasses;\n    event: Partial<XEventsTypes>;\n  }\n  /**\n   * The `SortList` component allows user to select the search results order. This component\n   * also allows to change the selected sort programmatically.\n   *\n   * @remarks It extends {@link SortMixin}.\n   *\n   * @public\n   */\n  @Component({\n    mixins: [xComponentMixin(searchXModule)],\n    components: {\n      BaseEventButton\n    }\n  })\n  export default class SortList extends mixins(SortMixin) {\n    /**\n     * The transition to use for rendering the list.\n     *\n     * @public\n     */\n    @Prop({ default: 'ul' })\n    public animation?: string | typeof Vue;\n    /**\n     * Sort list items.\n     *\n     * @returns A list of items with their css class and the event associate to it.\n     *\n     * @internal\n     */\n    protected get listItems(): SortListItem[] {\n      return this.items.map(item => ({\n        item,\n        cssClasses: [\n          {\n            'x-sort-list__item--is-selected': item === this.selectedSort,\n            'x-option-list__item--is-selected': item === this.selectedSort\n          }\n        ],\n        event: { UserClickedASort: item }\n      }));\n    }\n  }\n</script>\n\n<docs lang=\"mdx\">\n## Sort List\n\nThe `SortList` component can be used to change the way the search results are ordered.\n\nTo do so, the list of valid sort values has to be provided using the `items` prop. These are the\nvalues that can then be received in the `SearchAdapter`.\n\nThe component also optionally accepts the selected sort, which can be set using the `value` prop.\nThis prop allows changing programmatically the selected sort, as it will be synced with the store\nimmediately. If this prop is not provided, the first item from the `items` prop will be the one\nselected by default.\n\nThis component also allows customizing each one of the possible sort values. This can be done with\nthe `default` slot.\n\n## Examples\n\n### Only providing the list of items\n\n```vue\n<template>\n  <SortList :items=\"sortValues\">\n    <template #item=\"{ item, isSelected }\">Item: {{ item }}</template>\n  </SortList>\n</template>\n\n<script>\n  import { SortList } from '@empathyco/x-components/search';\n\n  export default {\n    components: {\n      SortList\n    },\n    data() {\n      return { sortValues: ['Relevance', 'Price asc', 'Price desc'] };\n    }\n  };\n</script>\n```\n\n### Providing also the selected value\n\n```vue\n<template>\n  <SortList v-model=\"selectedSort\" :items=\"sortValues\">\n    <template #item=\"{ item, isSelected }\">\n      <span v-if=\"isSelected\">✅</span>\n      {{ item }}\n    </template>\n  </SortList>\n</template>\n\n<script>\n  import { SortList } from '@empathyco/x-components/search';\n\n  export default {\n    components: {\n      SortList\n    },\n    data() {\n      return {\n        selectedSort: 'Price asc',\n        sortValues: ['Relevance', 'Price asc', 'Price desc']\n      };\n    }\n  };\n</script>\n```\n\n## Events\n\nThis component emits 2 different events:\n\n- SelectedSortProvided: To sync the selected sort with the store state value. This event is emitted\n  as soon as the list of items is received, whenever this list changes if there is no provided\n  value, and when the provided value changes.\n- UserClickedASort: As its name suggest, the event is emitted after the user clicks one of the sort\n  options. This does not mean that the sort has changed, only that the user has clicked it.\n</docs>\n"],"names":["const"],"mappings":";;;;;AAEAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/js/x-modules/search/components/sort-list.vue_rollup-plugin-vue=script.js

@@ -7,7 +7,7 @@ import '../../../components/animations/collapse-height.vue.js';
 import '../../../components/animations/collapse-width.vue.js';
 import '../../../components/animations/cross-fade.vue.js';
 import '../../../components/animations/fade-and-slide.vue.js';
-import '../../../components/staggering-transition-group.vue.js';
+import '../../../components/animations/staggering-transition-group.vue.js';
 import '../../../components/animations/staggered-fade-and-slide.vue.js';
 import '../../../components/animations/translate-from-left.vue.js';
 import '../../../components/animations/translate-from-right.vue.js';
@@ -63,21 +63,30 @@ import '../../../components/icons/plus.vue.js';
 import '../../../components/icons/search.vue.js';
 import '../../../components/icons/show.vue.js';
 import '../../../components/icons/search-tiny.vue.js';
+import '../../../components/icons/tag.vue.js';
 import '../../../components/icons/trash-open.vue.js';
 import '../../../components/icons/trash.vue.js';
 import '../../../components/icons/trending-tiny.vue.js';
 import '../../../components/icons/trending.vue.js';
 import '../../../components/icons/user.vue.js';
-import '../../../components/modals/base-events-modal-close.vue.js';
+import '../../../components/decorators/store.decorators.js';
+import '../../../components/x-component.utils.js';
+import { xComponentMixin } from '../../../components/x-component.mixin.js';
 import '../../../components/modals/base-modal.vue.js';
+import '../../../components/modals/base-id-modal.vue.js';
+import '../../../components/scroll/scroll.mixin.js';
+import '../../../components/scroll/base-scroll.vue.js';
+import '../../../components/layouts/fixed-header-and-asides-layout.vue.js';
+import '../../../components/panels/base-toggle-panel.vue.js';
+import '../../../components/panels/base-id-toggle-panel.vue.js';
+import '../../../components/layouts/multi-column-max-width-layout.vue.js';
+import '../../../components/layouts/single-column-layout.vue.js';
+import '../../../components/modals/base-events-modal-close.vue.js';
 import '../../../components/modals/base-events-modal.vue.js';
 import '../../../components/modals/base-events-modal-open.vue.js';
-import '../../../components/modals/base-id-modal.vue.js';
 import '../../../components/modals/base-id-modal-close.vue.js';
 import '../../../components/modals/base-id-modal-open.vue.js';
-import '../../../components/panels/base-toggle-panel.vue.js';
 import '../../../components/panels/base-header-toggle-panel.vue.js';
-import '../../../components/panels/base-id-toggle-panel.vue.js';
 import '../../../components/panels/base-id-toggle-panel-button.vue.js';
 import '../../../components/result/base-result-add-to-cart.vue.js';
 import '../../../components/result/base-result-current-price.vue.js';
@@ -86,8 +95,6 @@ import '../../../components/result/base-result-link.vue.js';
 import '../../../components/result/base-result-previous-price.vue.js';
 import '../../../components/result/base-result-fallback-image.vue.js';
 import '../../../components/result/base-result-placeholder-image.vue.js';
-import '../../../components/scroll/scroll.mixin.js';
-import '../../../components/scroll/base-scroll.vue.js';
 import '../../../components/suggestions/base-suggestion.vue.js';
 import '../../../components/suggestions/base-suggestions.vue.js';
 import '../../../components/auto-progress-bar.vue.js';
@@ -98,12 +105,9 @@ import '../../../components/base-variable-column-grid.vue.js';
 import '../../../components/decorators/debounce.decorators.js';
 import '../../../components/sliding-panel.vue.js';
 import '../../../components/items-list.vue.js';
-import '../../../components/decorators/store.decorators.js';
-import '../../../components/x-component.utils.js';
-import { xComponentMixin } from '../../../components/x-component.mixin.js';
-import '../../../components/layouts/multi-column-max-width-layout.vue.js';
-import '../../../components/layouts/single-column-layout.vue.js';
 import '../../../components/location-provider.vue.js';
+import '../../../components/global-x-bus.vue.js';
+import '../../../components/snippet-callbacks.vue.js';
 import '../../../components/items-list-injection.mixin.js';
 import { searchXModule } from '../x-module.js';
 import SortMixin from './sort.mixin.js';

package/js/x-modules/search/components/sort-list.vue_rollup-plugin-vue=script.js.map

@@ -1 +1 @@
-{"version":3,"file":"sort-list.vue_rollup-plugin-vue=script.js","sources":["../../../../../src/x-modules/search/components/sort-list.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\nimport { Sort } from '@empathyco/x-types';\nimport Vue from 'vue';\nimport { mixins } from 'vue-class-component';\nimport { Component, Prop } from 'vue-property-decorator';\nimport { BaseEventButton } from '../../../components';\nimport { xComponentMixin } from '../../../components/x-component.mixin';\nimport { VueCSSClasses } from '../../../utils';\nimport { XEventsTypes } from '../../../wiring';\nimport { searchXModule } from '../x-module';\nimport SortMixin from './sort.mixin';\n\n/**\n * Sort list item options.\n *\n * @public\n */\ninterface SortListItem {\n  item: Sort;\n  cssClasses: VueCSSClasses;\n  event: Partial<XEventsTypes>;\n}\n/**\n * The `SortList` component allows user to select the search results order. This component\n * also allows to change the selected sort programmatically.\n *\n * @remarks It extends {@link SortMixin}.\n *\n * @public\n */\n@Component({\n  mixins: [xComponentMixin(searchXModule)],\n  components: {\n    BaseEventButton\n  }\n})\nexport default class SortList extends mixins(SortMixin) {\n  /**\n   * The transition to use for rendering the list.\n   *\n   * @public\n   */\n  @Prop({ default: 'ul' })\n  public animation?: string | typeof Vue;\n  /**\n   * Sort list items.\n   *\n   * @returns A list of items with their css class and the event associate to it.\n   *\n   * @internal\n   */\n  protected get listItems(): SortListItem[] {\n    return this.items.map(item => ({\n      item,\n      cssClasses: [\n        {\n          'x-sort-list__item--is-selected': item === this.selectedSort,\n          'x-option-list__item--is-selected': item === this.selectedSort\n        }\n      ],\n      event: { UserClickedASort: item }\n    }));\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDA;;;;;;;;AAcA;IAAsC,4BAAiB;IAAvD;;KA2BC;IAZC,sBAAc,+BAAS;;;;;;;;aAAvB;YAAA,iBAWC;YAVC,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,UAAA,IAAI,IAAI,QAAC;gBAC7B,IAAI,MAAA;gBACJ,UAAU,EAAE;oBACV;wBACE,gCAAgC,EAAE,IAAI,KAAK,KAAI,CAAC,YAAY;wBAC5D,kCAAkC,EAAE,IAAI,KAAK,KAAI,CAAC,YAAY;qBAC/D;iBACF;gBACD,KAAK,EAAE,EAAE,gBAAgB,EAAE,IAAI,EAAE;aAClC,IAAC,CAAC,CAAC;SACL;;;OAAA;IAnBD;QADC,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;+CACe;IAPpB,QAAQ;QAN5B,SAAS,CAAC;YACT,MAAM,EAAE,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;YACxC,UAAU,EAAE;gBACV,eAAe,iBAAA;aAChB;SACF,CAAC;OACmB,QAAQ,CA2B5B;IAAD,eAAC;CA3BD,CAAsC,MAAM,CAAC,SAAS,CAAC;;;;"}
+{"version":3,"file":"sort-list.vue_rollup-plugin-vue=script.js","sources":["../../../../../src/x-modules/search/components/sort-list.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\nimport { Sort } from '@empathyco/x-types';\nimport Vue from 'vue';\nimport { mixins } from 'vue-class-component';\nimport { Component, Prop } from 'vue-property-decorator';\nimport { BaseEventButton } from '../../../components';\nimport { xComponentMixin } from '../../../components/x-component.mixin';\nimport { VueCSSClasses } from '../../../utils';\nimport { XEventsTypes } from '../../../wiring';\nimport { searchXModule } from '../x-module';\nimport SortMixin from './sort.mixin';\n\n/**\n * Sort list item options.\n *\n * @public\n */\ninterface SortListItem {\n  item: Sort;\n  cssClasses: VueCSSClasses;\n  event: Partial<XEventsTypes>;\n}\n/**\n * The `SortList` component allows user to select the search results order. This component\n * also allows to change the selected sort programmatically.\n *\n * @remarks It extends {@link SortMixin}.\n *\n * @public\n */\n@Component({\n  mixins: [xComponentMixin(searchXModule)],\n  components: {\n    BaseEventButton\n  }\n})\nexport default class SortList extends mixins(SortMixin) {\n  /**\n   * The transition to use for rendering the list.\n   *\n   * @public\n   */\n  @Prop({ default: 'ul' })\n  public animation?: string | typeof Vue;\n  /**\n   * Sort list items.\n   *\n   * @returns A list of items with their css class and the event associate to it.\n   *\n   * @internal\n   */\n  protected get listItems(): SortListItem[] {\n    return this.items.map(item => ({\n      item,\n      cssClasses: [\n        {\n          'x-sort-list__item--is-selected': item === this.selectedSort,\n          'x-option-list__item--is-selected': item === this.selectedSort\n        }\n      ],\n      event: { UserClickedASort: item }\n    }));\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDA;;;;;;;;AAcA;IAAsC,4BAAiB;IAAvD;;KA2BC;IAZC,sBAAc,+BAAS;;;;;;;;aAAvB;YAAA,iBAWC;YAVC,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,UAAA,IAAI,IAAI,QAAC;gBAC7B,IAAI,MAAA;gBACJ,UAAU,EAAE;oBACV;wBACE,gCAAgC,EAAE,IAAI,KAAK,KAAI,CAAC,YAAY;wBAC5D,kCAAkC,EAAE,IAAI,KAAK,KAAI,CAAC,YAAY;qBAC/D;iBACF;gBACD,KAAK,EAAE,EAAE,gBAAgB,EAAE,IAAI,EAAE;aAClC,IAAC,CAAC,CAAC;SACL;;;OAAA;IAnBD;QADC,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;+CACe;IAPpB,QAAQ;QAN5B,SAAS,CAAC;YACT,MAAM,EAAE,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;YACxC,UAAU,EAAE;gBACV,eAAe,iBAAA;aAChB;SACF,CAAC;OACmB,QAAQ,CA2B5B;IAAD,eAAC;CA3BD,CAAsC,MAAM,CAAC,SAAS,CAAC;;;;"}

package/js/x-modules/search/components/sort.mixin.js

@@ -8,7 +8,7 @@ import '../../../components/animations/collapse-height.vue.js';
 import '../../../components/animations/collapse-width.vue.js';
 import '../../../components/animations/cross-fade.vue.js';
 import '../../../components/animations/fade-and-slide.vue.js';
-import '../../../components/staggering-transition-group.vue.js';
+import '../../../components/animations/staggering-transition-group.vue.js';
 import '../../../components/animations/staggered-fade-and-slide.vue.js';
 import '../../../components/animations/translate-from-left.vue.js';
 import '../../../components/animations/translate-from-right.vue.js';
@@ -64,21 +64,30 @@ import '../../../components/icons/plus.vue.js';
 import '../../../components/icons/search.vue.js';
 import '../../../components/icons/show.vue.js';
 import '../../../components/icons/search-tiny.vue.js';
+import '../../../components/icons/tag.vue.js';
 import '../../../components/icons/trash-open.vue.js';
 import '../../../components/icons/trash.vue.js';
 import '../../../components/icons/trending-tiny.vue.js';
 import '../../../components/icons/trending.vue.js';
 import '../../../components/icons/user.vue.js';
-import '../../../components/modals/base-events-modal-close.vue.js';
+import { State } from '../../../components/decorators/store.decorators.js';
+import '../../../components/x-component.utils.js';
+import '../../../components/x-component.mixin.js';
 import '../../../components/modals/base-modal.vue.js';
+import '../../../components/modals/base-id-modal.vue.js';
+import '../../../components/scroll/scroll.mixin.js';
+import '../../../components/scroll/base-scroll.vue.js';
+import '../../../components/layouts/fixed-header-and-asides-layout.vue.js';
+import '../../../components/panels/base-toggle-panel.vue.js';
+import '../../../components/panels/base-id-toggle-panel.vue.js';
+import '../../../components/layouts/multi-column-max-width-layout.vue.js';
+import '../../../components/layouts/single-column-layout.vue.js';
+import '../../../components/modals/base-events-modal-close.vue.js';
 import '../../../components/modals/base-events-modal.vue.js';
 import '../../../components/modals/base-events-modal-open.vue.js';
-import '../../../components/modals/base-id-modal.vue.js';
 import '../../../components/modals/base-id-modal-close.vue.js';
 import '../../../components/modals/base-id-modal-open.vue.js';
-import '../../../components/panels/base-toggle-panel.vue.js';
 import '../../../components/panels/base-header-toggle-panel.vue.js';
-import '../../../components/panels/base-id-toggle-panel.vue.js';
 import '../../../components/panels/base-id-toggle-panel-button.vue.js';
 import '../../../components/result/base-result-add-to-cart.vue.js';
 import '../../../components/result/base-result-current-price.vue.js';
@@ -87,8 +96,6 @@ import '../../../components/result/base-result-link.vue.js';
 import '../../../components/result/base-result-previous-price.vue.js';
 import '../../../components/result/base-result-fallback-image.vue.js';
 import '../../../components/result/base-result-placeholder-image.vue.js';
-import '../../../components/scroll/scroll.mixin.js';
-import '../../../components/scroll/base-scroll.vue.js';
 import '../../../components/suggestions/base-suggestion.vue.js';
 import '../../../components/suggestions/base-suggestions.vue.js';
 import '../../../components/auto-progress-bar.vue.js';
@@ -99,12 +106,9 @@ import '../../../components/base-variable-column-grid.vue.js';
 import '../../../components/decorators/debounce.decorators.js';
 import '../../../components/sliding-panel.vue.js';
 import '../../../components/items-list.vue.js';
-import { State } from '../../../components/decorators/store.decorators.js';
-import '../../../components/x-component.utils.js';
-import '../../../components/x-component.mixin.js';
-import '../../../components/layouts/multi-column-max-width-layout.vue.js';
-import '../../../components/layouts/single-column-layout.vue.js';
 import '../../../components/location-provider.vue.js';
+import '../../../components/global-x-bus.vue.js';
+import '../../../components/snippet-callbacks.vue.js';
 import '../../../components/items-list-injection.mixin.js';
 
 /**

package/js/x-modules/search/components/sort.mixin.js.map

@@ -1 +1 @@
-{"version":3,"file":"sort.mixin.js","sources":["../../../../../src/x-modules/search/components/sort.mixin.ts"],"sourcesContent":["import { Sort } from '@empathyco/x-types';\nimport Vue from 'vue';\nimport Component from 'vue-class-component';\nimport { Prop } from 'vue-property-decorator';\nimport { State, XEmit } from '../../../components';\n\n/**\n * Mixin to share Sort logic.\n *\n * @public\n */\n@Component\nexport default class SortMixin extends Vue {\n  /**\n   * The list of possible sort values. If there are no values selected, the first item of\n   * this list will be selected.\n   *\n   * @public\n   */\n  @Prop({ required: true })\n  public items!: Sort[];\n\n  /**\n   * The search module selected sort. This is the source of truth when checking which\n   * sort is selected.\n   *\n   * @internal\n   */\n  @State('search', 'sort')\n  public selectedSort!: Sort;\n\n  /**\n   * Emits the {@link SearchXEvents.SelectedSortProvided | SelectedSortProvided} event whenever the\n   * provided {@link SortMixin.selectedSort} changes. If no value is provided, the first item of the\n   * {@link SortMixin.items} will be used as fallback.\n   *\n   * @returns The sorting value.\n   *\n   * @public\n   */\n  @XEmit('SelectedSortProvided')\n  public get providedSelectedSort(): Sort {\n    return this.selectedSort;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA;;;;;AAMA;IAAuC,6BAAG;IAA1C;;KAgCC;IAHC,sBAAW,2CAAoB;;;;;;;;;;aAA/B;YACE,OAAO,IAAI,CAAC,YAAY,CAAC;SAC1B;;;OAAA;IAvBD;QADC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;4CACH;IAStB;QADC,KAAK,CAAC,QAAQ,EAAE,MAAM,CAAC;mDACG;IAY3B;QADC,KAAK,CAAC,sBAAsB,CAAC;yDAG7B;IA/BkB,SAAS;QAD7B,SAAS;OACW,SAAS,CAgC7B;IAAD,gBAAC;CAAA,CAhCsC,GAAG;;;;"}
+{"version":3,"file":"sort.mixin.js","sources":["../../../../../src/x-modules/search/components/sort.mixin.ts"],"sourcesContent":["import { Sort } from '@empathyco/x-types';\nimport Vue from 'vue';\nimport Component from 'vue-class-component';\nimport { Prop } from 'vue-property-decorator';\nimport { State, XEmit } from '../../../components';\n\n/**\n * Mixin to share Sort logic.\n *\n * @public\n */\n@Component\nexport default class SortMixin extends Vue {\n  /**\n   * The list of possible sort values. If there are no values selected, the first item of\n   * this list will be selected.\n   *\n   * @public\n   */\n  @Prop({ required: true })\n  public items!: Sort[];\n\n  /**\n   * The search module selected sort. This is the source of truth when checking which\n   * sort is selected.\n   *\n   * @internal\n   */\n  @State('search', 'sort')\n  public selectedSort!: Sort;\n\n  /**\n   * Emits the {@link SearchXEvents.SelectedSortProvided | SelectedSortProvided} event whenever the\n   * provided {@link SortMixin.selectedSort} changes. If no value is provided, the first item of the\n   * {@link SortMixin.items} will be used as fallback.\n   *\n   * @returns The sorting value.\n   *\n   * @public\n   */\n  @XEmit('SelectedSortProvided')\n  public get providedSelectedSort(): Sort {\n    return this.selectedSort;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA;;;;;AAMA;IAAuC,6BAAG;IAA1C;;KAgCC;IAHC,sBAAW,2CAAoB;;;;;;;;;;aAA/B;YACE,OAAO,IAAI,CAAC,YAAY,CAAC;SAC1B;;;OAAA;IAvBD;QADC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;4CACH;IAStB;QADC,KAAK,CAAC,QAAQ,EAAE,MAAM,CAAC;mDACG;IAY3B;QADC,KAAK,CAAC,sBAAsB,CAAC;yDAG7B;IA/BkB,SAAS;QAD7B,SAAS;OACW,SAAS,CAgC7B;IAAD,gBAAC;CAAA,CAhCsC,GAAG;;;;"}

package/js/x-modules/search/components/spellcheck-button.vue.js

@@ -5,7 +5,7 @@ import script from './spellcheck-button.vue_rollup-plugin-vue=script.js';
 var __vue_script__ = script;
 
 /* template */
-var __vue_render__ = function() {
+var __vue_render__ = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -15,18 +15,17 @@ var __vue_render__ = function() {
         {
           staticClass: "x-spellcheck-button",
           attrs: { "data-test": "set-spellcheck" },
-          on: { click: _vm.emitEvents }
+          on: { click: _vm.emitEvents },
         },
         [
           _vm._t(
             "default",
-            function() {
+            function () {
               return [_vm._v(_vm._s(_vm.spellcheckedQuery))]
             },
             null,
             { spellcheckedQuery: _vm.spellcheckedQuery }
-          )
-        ],
+          ) ],
         2
       )
     : _vm._e()

package/js/x-modules/search/components/spellcheck-button.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"spellcheck-button.vue.js","sources":["../../../../../src/x-modules/search/components/spellcheck-button.vue"],"sourcesContent":["<template>\n  <button\n    v-if=\"spellcheckedQuery\"\n    @click=\"emitEvents\"\n    class=\"x-spellcheck-button\"\n    data-test=\"set-spellcheck\"\n  >\n    <slot v-bind=\"{ spellcheckedQuery }\">{{ spellcheckedQuery }}</slot>\n  </button>\n</template>\n\n<script lang=\"ts\">\n  import Vue from 'vue';\n  import { Component } from 'vue-property-decorator';\n  import { State } from '../../../components/decorators/store.decorators';\n  import { xComponentMixin } from '../../../components/x-component.mixin';\n  import { WireMetadata } from '../../../wiring/wiring.types';\n  import { searchXModule } from '../x-module';\n  /**\n   * A button that when pressed emits the {@link XEventsTypes.UserAcceptedAQuery}\n   * and {@link XEventsTypes.UserAcceptedSpellcheckQuery} events, expressing the user\n   * intention to set the spellchecked query.\n   *\n   * @public\n   */\n  @Component({\n    mixins: [xComponentMixin(searchXModule)]\n  })\n  export default class SpellcheckButton extends Vue {\n    /**\n     * The spellcheckedQuery from the search state.\n     *\n     * @public\n     */\n    @State('search', 'spellcheckedQuery')\n    public spellcheckedQuery!: string;\n\n    /**\n     * Generates the {@link WireMetadata | event metadata} object omitting the moduleName.\n     *\n     * @returns The {@link WireMetadata} object omitting the moduleName.\n     * @internal\n     */\n    protected createEventMetadata(): Omit<WireMetadata, 'moduleName'> {\n      return {\n        target: this.$el as HTMLElement,\n        feature: 'spellcheck'\n      };\n    }\n\n    /**\n     * Emits events when the button is clicked.\n     *\n     * @public\n     */\n    protected emitEvents(): void {\n      this.$x.emit('UserAcceptedAQuery', this.spellcheckedQuery, this.createEventMetadata());\n      this.$x.emit(\n        'UserAcceptedSpellcheckQuery',\n        this.spellcheckedQuery,\n        this.createEventMetadata()\n      );\n    }\n  }\n</script>\n\n<docs lang=\"mdx\">\n# Examples\n\n## Basic example\n\nThe component sets the current spellcheckedQuery as the new query and emits the `UserAcceptedAQuery`\nand `UserAcceptedSpellcheckQuery` events.\n\n```vue\n<SpellcheckButton />\n```\n\n## Customizing its contents\n\n```vue\n<SpellcheckButton>\n  <template #default=\"{ spellcheckedQuery }\">\n    <span class=\"x-spellcheck__text\">\n      Set the Spellcheck as the new query: {{ spellcheckedQuery}}!\n    </span>\n  </template>\n</SpellcheckButton>\n```\n\n## Events\n\nThis component emits 2 different events:\n\n- UserAcceptedAQuery: the event is emitted after the user clicks the button. The event payload is\n  the spellchecked query data.\n- UserAcceptedSpellcheckQuery: the event is emitted after the user clicks the button. The event\n  payload is the spellchecked query data.\n</docs>\n"],"names":["const"],"mappings":";;;;AAEAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"spellcheck-button.vue.js","sources":["../../../../../src/x-modules/search/components/spellcheck-button.vue"],"sourcesContent":["<template>\n  <button\n    v-if=\"spellcheckedQuery\"\n    @click=\"emitEvents\"\n    class=\"x-spellcheck-button\"\n    data-test=\"set-spellcheck\"\n  >\n    <slot v-bind=\"{ spellcheckedQuery }\">{{ spellcheckedQuery }}</slot>\n  </button>\n</template>\n\n<script lang=\"ts\">\n  import Vue from 'vue';\n  import { Component } from 'vue-property-decorator';\n  import { State } from '../../../components/decorators/store.decorators';\n  import { xComponentMixin } from '../../../components/x-component.mixin';\n  import { WireMetadata } from '../../../wiring/wiring.types';\n  import { searchXModule } from '../x-module';\n  /**\n   * A button that when pressed emits the {@link XEventsTypes.UserAcceptedAQuery}\n   * and {@link XEventsTypes.UserAcceptedSpellcheckQuery} events, expressing the user\n   * intention to set the spellchecked query.\n   *\n   * @public\n   */\n  @Component({\n    mixins: [xComponentMixin(searchXModule)]\n  })\n  export default class SpellcheckButton extends Vue {\n    /**\n     * The spellcheckedQuery from the search state.\n     *\n     * @public\n     */\n    @State('search', 'spellcheckedQuery')\n    public spellcheckedQuery!: string;\n\n    /**\n     * Generates the {@link WireMetadata | event metadata} object omitting the moduleName.\n     *\n     * @returns The {@link WireMetadata} object omitting the moduleName.\n     * @internal\n     */\n    protected createEventMetadata(): Omit<WireMetadata, 'moduleName'> {\n      return {\n        target: this.$el as HTMLElement,\n        feature: 'spellcheck'\n      };\n    }\n\n    /**\n     * Emits events when the button is clicked.\n     *\n     * @public\n     */\n    protected emitEvents(): void {\n      this.$x.emit('UserAcceptedAQuery', this.spellcheckedQuery, this.createEventMetadata());\n      this.$x.emit(\n        'UserAcceptedSpellcheckQuery',\n        this.spellcheckedQuery,\n        this.createEventMetadata()\n      );\n    }\n  }\n</script>\n\n<docs lang=\"mdx\">\n## Examples\n\n### Basic example\n\nThe component sets the current spellcheckedQuery as the new query and emits the `UserAcceptedAQuery`\nand `UserAcceptedSpellcheckQuery` events.\n\n```vue\n<SpellcheckButton />\n```\n\n### Customizing its contents\n\n```vue\n<SpellcheckButton>\n  <template #default=\"{ spellcheckedQuery }\">\n    <span class=\"x-spellcheck__text\">\n      Set the Spellcheck as the new query: {{ spellcheckedQuery}}!\n    </span>\n  </template>\n</SpellcheckButton>\n```\n\n## Events\n\nThis component emits 2 different events:\n\n- UserAcceptedAQuery: the event is emitted after the user clicks the button. The event payload is\n  the spellchecked query data.\n- UserAcceptedSpellcheckQuery: the event is emitted after the user clicks the button. The event\n  payload is the spellchecked query data.\n</docs>\n"],"names":["const"],"mappings":";;;;AAEAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/js/x-modules/search/components/spellcheck.vue.js

@@ -5,7 +5,7 @@ import script from './spellcheck.vue_rollup-plugin-vue=script.js';
 var __vue_script__ = script;
 
 /* template */
-var __vue_render__ = function() {
+var __vue_render__ = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -16,17 +16,15 @@ var __vue_render__ = function() {
         [
           _vm._t(
             "default",
-            function() {
+            function () {
               return [
                 _vm._v(
                   _vm._s(_vm.query) + " - " + _vm._s(_vm.spellcheckedQuery)
-                )
-              ]
+                ) ]
             },
             null,
             { query: _vm.query, spellcheckedQuery: _vm.spellcheckedQuery }
-          )
-        ],
+          ) ],
         2
       )
     : _vm._e()

package/js/x-modules/search/components/spellcheck.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"spellcheck.vue.js","sources":["../../../../../src/x-modules/search/components/spellcheck.vue"],"sourcesContent":["<template>\n  <div v-if=\"spellcheckedQuery\" class=\"x-spellcheck\" data-test=\"spellcheck\">\n    <slot v-bind=\"{ query, spellcheckedQuery }\">{{ query }} - {{ spellcheckedQuery }}</slot>\n  </div>\n</template>\n\n<script lang=\"ts\">\n  import Vue from 'vue';\n  import { Component } from 'vue-property-decorator';\n  import { State, xComponentMixin } from '../../../components';\n  import { searchXModule } from '../x-module';\n\n  /**\n   * The `Spellcheck` component allows to inform the user with a friendly message that he\n   * might have misspelled the search query. This message can be set using the default slot\n   * of the component, which gives access to the searched query using the `query` scope property,\n   * and the spellchecked query proposal, using the `spellcheckedQuery` scope property.\n   *\n   * The component will only render itself if the `spellcheckedQuery` property has value.\n   *\n   * @public\n   */\n  @Component({\n    mixins: [xComponentMixin(searchXModule)]\n  })\n  export default class Spellcheck extends Vue {\n    /**\n     * The query from the search state.\n     *\n     * @public\n     */\n    @State('search', 'query')\n    public query!: string;\n\n    /**\n     * The spellcheckedQuery from the search state.\n     *\n     * @public\n     */\n    @State('search', 'spellcheckedQuery')\n    public spellcheckedQuery!: string;\n  }\n</script>\n\n<docs lang=\"mdx\">\n# Examples\n\nThis default spellcheck component expects a query and a spellcheckedQuery to render and pass to its\ndefault slot.\n\nThis two props should be show like a message comparing them.\n\n## Basic usage\n\n```vue\n<Spellcheck />\n```\n\n## Customizing its contents\n\n```vue\n<Spellcheck>\n  <template #default=\"{ query, spellcheckedQuery }\">\n    No results found for '{{ query }}'. We show you results for '{{ spellcheckedQuery }}'\n  </template>\n</Spellcheck>\n\n<script>\n  import { Spellcheck } from '@empathyco/x-components/search';\n\n  export default {\n    components: {\n      Spellcheck\n    }\n  };\n</script>\n```\n</docs>\n"],"names":["const"],"mappings":";;;;AAEAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"spellcheck.vue.js","sources":["../../../../../src/x-modules/search/components/spellcheck.vue"],"sourcesContent":["<template>\n  <div v-if=\"spellcheckedQuery\" class=\"x-spellcheck\" data-test=\"spellcheck\">\n    <slot v-bind=\"{ query, spellcheckedQuery }\">{{ query }} - {{ spellcheckedQuery }}</slot>\n  </div>\n</template>\n\n<script lang=\"ts\">\n  import Vue from 'vue';\n  import { Component } from 'vue-property-decorator';\n  import { State, xComponentMixin } from '../../../components';\n  import { searchXModule } from '../x-module';\n\n  /**\n   * The `Spellcheck` component allows to inform the user with a friendly message that he\n   * might have misspelled the search query. This message can be set using the default slot\n   * of the component, which gives access to the searched query using the `query` scope property,\n   * and the spellchecked query proposal, using the `spellcheckedQuery` scope property.\n   *\n   * The component will only render itself if the `spellcheckedQuery` property has value.\n   *\n   * @public\n   */\n  @Component({\n    mixins: [xComponentMixin(searchXModule)]\n  })\n  export default class Spellcheck extends Vue {\n    /**\n     * The query from the search state.\n     *\n     * @public\n     */\n    @State('search', 'query')\n    public query!: string;\n\n    /**\n     * The spellcheckedQuery from the search state.\n     *\n     * @public\n     */\n    @State('search', 'spellcheckedQuery')\n    public spellcheckedQuery!: string;\n  }\n</script>\n\n<docs lang=\"mdx\">\n## Examples\n\nThis default spellcheck component expects a query and a spellcheckedQuery to render and pass to its\ndefault slot.\n\nThis two props should be show like a message comparing them.\n\n### Basic usage\n\n```vue\n<Spellcheck />\n```\n\n### Customizing its contents\n\n```vue\n<Spellcheck>\n  <template #default=\"{ query, spellcheckedQuery }\">\n    No results found for '{{ query }}'. We show you results for '{{ spellcheckedQuery }}'\n  </template>\n</Spellcheck>\n\n<script>\n  import { Spellcheck } from '@empathyco/x-components/search';\n\n  export default {\n    components: {\n      Spellcheck\n    }\n  };\n</script>\n```\n</docs>\n"],"names":["const"],"mappings":";;;;AAEAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/js/x-modules/search/components/spellcheck.vue_rollup-plugin-vue=script.js

@@ -8,7 +8,7 @@ import '../../../components/animations/collapse-height.vue.js';
 import '../../../components/animations/collapse-width.vue.js';
 import '../../../components/animations/cross-fade.vue.js';
 import '../../../components/animations/fade-and-slide.vue.js';
-import '../../../components/staggering-transition-group.vue.js';
+import '../../../components/animations/staggering-transition-group.vue.js';
 import '../../../components/animations/staggered-fade-and-slide.vue.js';
 import '../../../components/animations/translate-from-left.vue.js';
 import '../../../components/animations/translate-from-right.vue.js';
@@ -63,21 +63,30 @@ import '../../../components/icons/plus.vue.js';
 import '../../../components/icons/search.vue.js';
 import '../../../components/icons/show.vue.js';
 import '../../../components/icons/search-tiny.vue.js';
+import '../../../components/icons/tag.vue.js';
 import '../../../components/icons/trash-open.vue.js';
 import '../../../components/icons/trash.vue.js';
 import '../../../components/icons/trending-tiny.vue.js';
 import '../../../components/icons/trending.vue.js';
 import '../../../components/icons/user.vue.js';
-import '../../../components/modals/base-events-modal-close.vue.js';
+import { State } from '../../../components/decorators/store.decorators.js';
+import '../../../components/x-component.utils.js';
+import { xComponentMixin } from '../../../components/x-component.mixin.js';
 import '../../../components/modals/base-modal.vue.js';
+import '../../../components/modals/base-id-modal.vue.js';
+import '../../../components/scroll/scroll.mixin.js';
+import '../../../components/scroll/base-scroll.vue.js';
+import '../../../components/layouts/fixed-header-and-asides-layout.vue.js';
+import '../../../components/panels/base-toggle-panel.vue.js';
+import '../../../components/panels/base-id-toggle-panel.vue.js';
+import '../../../components/layouts/multi-column-max-width-layout.vue.js';
+import '../../../components/layouts/single-column-layout.vue.js';
+import '../../../components/modals/base-events-modal-close.vue.js';
 import '../../../components/modals/base-events-modal.vue.js';
 import '../../../components/modals/base-events-modal-open.vue.js';
-import '../../../components/modals/base-id-modal.vue.js';
 import '../../../components/modals/base-id-modal-close.vue.js';
 import '../../../components/modals/base-id-modal-open.vue.js';
-import '../../../components/panels/base-toggle-panel.vue.js';
 import '../../../components/panels/base-header-toggle-panel.vue.js';
-import '../../../components/panels/base-id-toggle-panel.vue.js';
 import '../../../components/panels/base-id-toggle-panel-button.vue.js';
 import '../../../components/result/base-result-add-to-cart.vue.js';
 import '../../../components/result/base-result-current-price.vue.js';
@@ -86,8 +95,6 @@ import '../../../components/result/base-result-link.vue.js';
 import '../../../components/result/base-result-previous-price.vue.js';
 import '../../../components/result/base-result-fallback-image.vue.js';
 import '../../../components/result/base-result-placeholder-image.vue.js';
-import '../../../components/scroll/scroll.mixin.js';
-import '../../../components/scroll/base-scroll.vue.js';
 import '../../../components/suggestions/base-suggestion.vue.js';
 import '../../../components/suggestions/base-suggestions.vue.js';
 import '../../../components/auto-progress-bar.vue.js';
@@ -98,12 +105,9 @@ import '../../../components/base-variable-column-grid.vue.js';
 import '../../../components/decorators/debounce.decorators.js';
 import '../../../components/sliding-panel.vue.js';
 import '../../../components/items-list.vue.js';
-import { State } from '../../../components/decorators/store.decorators.js';
-import '../../../components/x-component.utils.js';
-import { xComponentMixin } from '../../../components/x-component.mixin.js';
-import '../../../components/layouts/multi-column-max-width-layout.vue.js';
-import '../../../components/layouts/single-column-layout.vue.js';
 import '../../../components/location-provider.vue.js';
+import '../../../components/global-x-bus.vue.js';
+import '../../../components/snippet-callbacks.vue.js';
 import '../../../components/items-list-injection.mixin.js';
 import { searchXModule } from '../x-module.js';
 

package/js/x-modules/search/components/spellcheck.vue_rollup-plugin-vue=script.js.map

@@ -1 +1 @@
-{"version":3,"file":"spellcheck.vue_rollup-plugin-vue=script.js","sources":["../../../../../src/x-modules/search/components/spellcheck.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\nimport Vue from 'vue';\nimport { Component } from 'vue-property-decorator';\nimport { State, xComponentMixin } from '../../../components';\nimport { searchXModule } from '../x-module';\n\n/**\n * The `Spellcheck` component allows to inform the user with a friendly message that he\n * might have misspelled the search query. This message can be set using the default slot\n * of the component, which gives access to the searched query using the `query` scope property,\n * and the spellchecked query proposal, using the `spellcheckedQuery` scope property.\n *\n * The component will only render itself if the `spellcheckedQuery` property has value.\n *\n * @public\n */\n@Component({\n  mixins: [xComponentMixin(searchXModule)]\n})\nexport default class Spellcheck extends Vue {\n  /**\n   * The query from the search state.\n   *\n   * @public\n   */\n  @State('search', 'query')\n  public query!: string;\n\n  /**\n   * The spellcheckedQuery from the search state.\n   *\n   * @public\n   */\n  @State('search', 'spellcheckedQuery')\n  public spellcheckedQuery!: string;\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA;;;;;;;;;;AAaA;IAAwC,8BAAG;IAA3C;;KAgBC;IATC;QADC,KAAK,CAAC,QAAQ,EAAE,OAAO,CAAC;6CACH;IAQtB;QADC,KAAK,CAAC,QAAQ,EAAE,mBAAmB,CAAC;yDACH;IAff,UAAU;QAH9B,SAAS,CAAC;YACT,MAAM,EAAE,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;SACzC,CAAC;OACmB,UAAU,CAgB9B;IAAD,iBAAC;CAAA,CAhBuC,GAAG;;;;"}
+{"version":3,"file":"spellcheck.vue_rollup-plugin-vue=script.js","sources":["../../../../../src/x-modules/search/components/spellcheck.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\nimport Vue from 'vue';\nimport { Component } from 'vue-property-decorator';\nimport { State, xComponentMixin } from '../../../components';\nimport { searchXModule } from '../x-module';\n\n/**\n * The `Spellcheck` component allows to inform the user with a friendly message that he\n * might have misspelled the search query. This message can be set using the default slot\n * of the component, which gives access to the searched query using the `query` scope property,\n * and the spellchecked query proposal, using the `spellcheckedQuery` scope property.\n *\n * The component will only render itself if the `spellcheckedQuery` property has value.\n *\n * @public\n */\n@Component({\n  mixins: [xComponentMixin(searchXModule)]\n})\nexport default class Spellcheck extends Vue {\n  /**\n   * The query from the search state.\n   *\n   * @public\n   */\n  @State('search', 'query')\n  public query!: string;\n\n  /**\n   * The spellcheckedQuery from the search state.\n   *\n   * @public\n   */\n  @State('search', 'spellcheckedQuery')\n  public spellcheckedQuery!: string;\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA;;;;;;;;;;AAaA;IAAwC,8BAAG;IAA3C;;KAgBC;IATC;QADC,KAAK,CAAC,QAAQ,EAAE,OAAO,CAAC;6CACH;IAQtB;QADC,KAAK,CAAC,QAAQ,EAAE,mBAAmB,CAAC;yDACH;IAff,UAAU;QAH9B,SAAS,CAAC;YACT,MAAM,EAAE,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;SACzC,CAAC;OACmB,UAAU,CAgB9B;IAAD,iBAAC;CAAA,CAhBuC,GAAG;;;;"}

package/js/x-modules/search/store/actions/fetch-and-save-search-response.action.js

@@ -2,7 +2,10 @@ import { createFetchAndSaveActions } from '../../../../store/utils/fetch-and-sav
 
 var _a = createFetchAndSaveActions({
     fetch: function (_a, request) {
-        var dispatch = _a.dispatch;
+        var dispatch = _a.dispatch, origin = _a.state.origin;
+        if (request && origin) {
+            request.origin = origin;
+        }
         return dispatch('fetchSearchResponse', request);
     },
     onSuccess: function (_a, _b) {
@@ -21,7 +24,9 @@ var _a = createFetchAndSaveActions({
         if (facets) {
             commit('setFacets', facets);
         }
-        commit('setQueryTagging', queryTagging);
+        if (queryTagging) {
+            commit('setQueryTagging', queryTagging);
+        }
         commit('setTotalResults', totalResults);
         commit('setSpellcheck', spellcheck !== null && spellcheck !== void 0 ? spellcheck : '');
     }

package/js/x-modules/search/store/actions/fetch-and-save-search-response.action.js.map

@@ -1 +1 @@
-{"version":3,"file":"fetch-and-save-search-response.action.js","sources":["../../../../../../src/x-modules/search/store/actions/fetch-and-save-search-response.action.ts"],"sourcesContent":["import { SearchResponse, SearchRequest } from '@empathyco/x-adapter';\nimport { createFetchAndSaveActions } from '../../../../store/utils/fetch-and-save-action.utils';\nimport { SearchActionContext } from '../types';\n\nconst { fetchAndSave, cancelPrevious } = createFetchAndSaveActions<\n  SearchActionContext,\n  SearchRequest | null,\n  SearchResponse\n>({\n  fetch({ dispatch }, request) {\n    return dispatch('fetchSearchResponse', request);\n  },\n  onSuccess(\n    { commit, state },\n    {\n      results,\n      partialResults,\n      facets,\n      banners,\n      promoteds,\n      totalResults,\n      spellcheck,\n      redirections,\n      queryTagging\n    }\n  ) {\n    if (state.isAppendResults) {\n      commit('appendResults', results);\n    } else {\n      commit('setResults', results);\n      commit('setBanners', banners);\n      commit('setPromoteds', promoteds);\n      commit('setRedirections', redirections);\n    }\n\n    commit('setPartialResults', partialResults ?? []);\n\n    if (facets) {\n      commit('setFacets', facets);\n    }\n\n    commit('setQueryTagging', queryTagging);\n    commit('setTotalResults', totalResults);\n    commit('setSpellcheck', spellcheck ?? '');\n  }\n});\n\n/**\n * Default implementation for {@link SearchActions.fetchAndSaveSearchResponse} action.\n *\n * @public\n */\nexport const fetchAndSaveSearchResponse = fetchAndSave;\n\n/**\n * Default implementation for {@link SearchActions.cancelFetchAndSaveSearchResponse} action.\n *\n * @public\n */\nexport const cancelFetchAndSaveSearchResponse = cancelPrevious;\n"],"names":[],"mappings":";;AAIM,IAAA,KAAmC,yBAAyB,CAIhE;IACA,KAAK,YAAC,EAAY,EAAE,OAAO;YAAnB,QAAQ,cAAA;QACd,OAAO,QAAQ,CAAC,qBAAqB,EAAE,OAAO,CAAC,CAAC;KACjD;IACD,SAAS,YACP,EAAiB,EACjB,EAUC;YAXC,MAAM,YAAA,EAAE,KAAK,WAAA;YAEb,OAAO,aAAA,EACP,cAAc,oBAAA,EACd,MAAM,YAAA,EACN,OAAO,aAAA,EACP,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,UAAU,gBAAA,EACV,YAAY,kBAAA,EACZ,YAAY,kBAAA;QAGd,IAAI,KAAK,CAAC,eAAe,EAAE;YACzB,MAAM,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;SAClC;aAAM;YACL,MAAM,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;YAC9B,MAAM,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;YAC9B,MAAM,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC;YAClC,MAAM,CAAC,iBAAiB,EAAE,YAAY,CAAC,CAAC;SACzC;QAED,MAAM,CAAC,mBAAmB,EAAE,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,EAAE,CAAC,CAAC;QAElD,IAAI,MAAM,EAAE;YACV,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;SAC7B;QAED,MAAM,CAAC,iBAAiB,EAAE,YAAY,CAAC,CAAC;QACxC,MAAM,CAAC,iBAAiB,EAAE,YAAY,CAAC,CAAC;QACxC,MAAM,CAAC,eAAe,EAAE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,EAAE,CAAC,CAAC;KAC3C;CACF,CAAC,EAzCM,YAAY,kBAAA,EAAE,cAAc,oBAyClC,CAAC;AAEH;;;;;IAKa,0BAA0B,GAAG,aAAa;AAEvD;;;;;IAKa,gCAAgC,GAAG;;;;"}
+{"version":3,"file":"fetch-and-save-search-response.action.js","sources":["../../../../../../src/x-modules/search/store/actions/fetch-and-save-search-response.action.ts"],"sourcesContent":["import { SearchResponse, SearchRequest } from '@empathyco/x-adapter';\nimport { createFetchAndSaveActions } from '../../../../store/utils/fetch-and-save-action.utils';\nimport { SearchActionContext } from '../types';\n\nconst { fetchAndSave, cancelPrevious } = createFetchAndSaveActions<\n  SearchActionContext,\n  SearchRequest | null,\n  SearchResponse\n>({\n  fetch({ dispatch, state: { origin } }, request) {\n    if (request && origin) {\n      request.origin = origin;\n    }\n\n    return dispatch('fetchSearchResponse', request);\n  },\n  onSuccess(\n    { commit, state },\n    {\n      results,\n      partialResults,\n      facets,\n      banners,\n      promoteds,\n      totalResults,\n      spellcheck,\n      redirections,\n      queryTagging\n    }\n  ) {\n    if (state.isAppendResults) {\n      commit('appendResults', results);\n    } else {\n      commit('setResults', results);\n      commit('setBanners', banners);\n      commit('setPromoteds', promoteds);\n      commit('setRedirections', redirections);\n    }\n\n    commit('setPartialResults', partialResults ?? []);\n\n    if (facets) {\n      commit('setFacets', facets);\n    }\n\n    if (queryTagging) {\n      commit('setQueryTagging', queryTagging);\n    }\n    commit('setTotalResults', totalResults);\n    commit('setSpellcheck', spellcheck ?? '');\n  }\n});\n\n/**\n * Default implementation for {@link SearchActions.fetchAndSaveSearchResponse} action.\n *\n * @public\n */\nexport const fetchAndSaveSearchResponse = fetchAndSave;\n\n/**\n * Default implementation for {@link SearchActions.cancelFetchAndSaveSearchResponse} action.\n *\n * @public\n */\nexport const cancelFetchAndSaveSearchResponse = cancelPrevious;\n"],"names":[],"mappings":";;AAIM,IAAA,KAAmC,yBAAyB,CAIhE;IACA,KAAK,YAAC,EAA+B,EAAE,OAAO;YAAtC,QAAQ,cAAA,EAAW,MAAM,kBAAA;QAC/B,IAAI,OAAO,IAAI,MAAM,EAAE;YACrB,OAAO,CAAC,MAAM,GAAG,MAAM,CAAC;SACzB;QAED,OAAO,QAAQ,CAAC,qBAAqB,EAAE,OAAO,CAAC,CAAC;KACjD;IACD,SAAS,YACP,EAAiB,EACjB,EAUC;YAXC,MAAM,YAAA,EAAE,KAAK,WAAA;YAEb,OAAO,aAAA,EACP,cAAc,oBAAA,EACd,MAAM,YAAA,EACN,OAAO,aAAA,EACP,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,UAAU,gBAAA,EACV,YAAY,kBAAA,EACZ,YAAY,kBAAA;QAGd,IAAI,KAAK,CAAC,eAAe,EAAE;YACzB,MAAM,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;SAClC;aAAM;YACL,MAAM,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;YAC9B,MAAM,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;YAC9B,MAAM,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC;YAClC,MAAM,CAAC,iBAAiB,EAAE,YAAY,CAAC,CAAC;SACzC;QAED,MAAM,CAAC,mBAAmB,EAAE,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,EAAE,CAAC,CAAC;QAElD,IAAI,MAAM,EAAE;YACV,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;SAC7B;QAED,IAAI,YAAY,EAAE;YAChB,MAAM,CAAC,iBAAiB,EAAE,YAAY,CAAC,CAAC;SACzC;QACD,MAAM,CAAC,iBAAiB,EAAE,YAAY,CAAC,CAAC;QACxC,MAAM,CAAC,eAAe,EAAE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,EAAE,CAAC,CAAC;KAC3C;CACF,CAAC,EA/CM,YAAY,kBAAA,EAAE,cAAc,oBA+ClC,CAAC;AAEH;;;;;IAKa,0BAA0B,GAAG,aAAa;AAEvD;;;;;IAKa,gCAAgC,GAAG;;;;"}

package/js/x-modules/search/store/getters/request.getter.js

@@ -10,10 +10,9 @@ import { __assign } from 'tslib';
  * @public
  */
 var request = function (_a) {
-    var query = _a.query, params = _a.params, config = _a.config, relatedTags = _a.relatedTags, selectedFilters = _a.selectedFilters, sort = _a.sort, page = _a.page, origin = _a.origin, isAppendResults = _a.isAppendResults;
-    var newOrigin = origin === null ? undefined : origin;
+    var query = _a.query, params = _a.params, config = _a.config, relatedTags = _a.relatedTags, selectedFilters = _a.selectedFilters, sort = _a.sort, page = _a.page, isAppendResults = _a.isAppendResults;
     return query.trim()
-        ? __assign({ query: query, relatedTags: relatedTags, sort: sort, rows: isAppendResults ? config.pageSize : config.pageSize * page, start: isAppendResults ? config.pageSize * (page - 1) : 0, origin: newOrigin, filters: selectedFilters }, params) : null;
+        ? __assign({ query: query, relatedTags: relatedTags, sort: sort, rows: isAppendResults ? config.pageSize : config.pageSize * page, start: isAppendResults ? config.pageSize * (page - 1) : 0, filters: selectedFilters }, params) : null;
 };
 
 export { request };

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

@@ -1 +1 @@
-{"version":3,"file":"request.getter.js","sources":["../../../../../../src/x-modules/search/store/getters/request.getter.ts"],"sourcesContent":["import { SearchXStoreModule } from '../types';\n\n/**\n * Default implementation for the {@link SearchGetters.request} getter.\n *\n * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the search\n * module.\n * @returns The search request to fetch data from the API.\n *\n * @public\n */\nexport const request: SearchXStoreModule['getters']['request'] = ({\n  query,\n  params,\n  config,\n  relatedTags,\n  selectedFilters,\n  sort,\n  page,\n  origin,\n  isAppendResults\n}) => {\n  const newOrigin = origin === null ? undefined : origin;\n  return query.trim()\n    ? {\n        query,\n        relatedTags,\n        sort,\n        rows: isAppendResults ? config.pageSize : config.pageSize * page,\n        start: isAppendResults ? config.pageSize * (page - 1) : 0,\n        origin: newOrigin,\n        filters: selectedFilters,\n        ...params\n      }\n    : null;\n};\n"],"names":[],"mappings":";;AAEA;;;;;;;;;IASa,OAAO,GAA6C,UAAC,EAUjE;QATC,KAAK,WAAA,EACL,MAAM,YAAA,EACN,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,eAAe,qBAAA,EACf,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,eAAe,qBAAA;IAEf,IAAM,SAAS,GAAG,MAAM,KAAK,IAAI,GAAG,SAAS,GAAG,MAAM,CAAC;IACvD,OAAO,KAAK,CAAC,IAAI,EAAE;qBAEb,KAAK,OAAA,EACL,WAAW,aAAA,EACX,IAAI,MAAA,EACJ,IAAI,EAAE,eAAe,GAAG,MAAM,CAAC,QAAQ,GAAG,MAAM,CAAC,QAAQ,GAAG,IAAI,EAChE,KAAK,EAAE,eAAe,GAAG,MAAM,CAAC,QAAQ,IAAI,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,EACzD,MAAM,EAAE,SAAS,EACjB,OAAO,EAAE,eAAe,IACrB,MAAM,IAEX,IAAI,CAAC;AACX;;;;"}
+{"version":3,"file":"request.getter.js","sources":["../../../../../../src/x-modules/search/store/getters/request.getter.ts"],"sourcesContent":["import { SearchXStoreModule } from '../types';\n\n/**\n * Default implementation for the {@link SearchGetters.request} getter.\n *\n * @param state - Current {@link https://vuex.vuejs.org/guide/state.html | state} of the search\n * module.\n * @returns The search request to fetch data from the API.\n *\n * @public\n */\nexport const request: SearchXStoreModule['getters']['request'] = ({\n  query,\n  params,\n  config,\n  relatedTags,\n  selectedFilters,\n  sort,\n  page,\n  isAppendResults\n}) => {\n  return query.trim()\n    ? {\n        query,\n        relatedTags,\n        sort,\n        rows: isAppendResults ? config.pageSize : config.pageSize * page,\n        start: isAppendResults ? config.pageSize * (page - 1) : 0,\n        filters: selectedFilters,\n        ...params\n      }\n    : null;\n};\n"],"names":[],"mappings":";;AAEA;;;;;;;;;IASa,OAAO,GAA6C,UAAC,EASjE;QARC,KAAK,WAAA,EACL,MAAM,YAAA,EACN,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,eAAe,qBAAA,EACf,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,eAAe,qBAAA;IAEf,OAAO,KAAK,CAAC,IAAI,EAAE;qBAEb,KAAK,OAAA,EACL,WAAW,aAAA,EACX,IAAI,MAAA,EACJ,IAAI,EAAE,eAAe,GAAG,MAAM,CAAC,QAAQ,GAAG,MAAM,CAAC,QAAQ,GAAG,IAAI,EAChE,KAAK,EAAE,eAAe,GAAG,MAAM,CAAC,QAAQ,IAAI,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,EACzD,OAAO,EAAE,eAAe,IACrB,MAAM,IAEX,IAAI,CAAC;AACX;;;;"}

package/js/x-modules/search/wiring.js

@@ -159,6 +159,7 @@ var searchWiring = createWiring({
         setSort: setSort
     },
     UserPickedARelatedTag: {
+        saveOriginWire: saveOriginWire,
         resetPage: resetPage
     },
     UserChangedExtraParams: {
@@ -173,8 +174,7 @@ var searchWiring = createWiring({
         fetchAndSaveSearchResponseWire: fetchAndSaveSearchResponseWire
     },
     SelectedRelatedTagsChanged: {
-        setRelatedTags: setRelatedTags,
-        saveOriginWire: saveOriginWire
+        setRelatedTags: setRelatedTags
     },
     SelectedFiltersChanged: {
         setSelectedFilters: setSelectedFilters
@@ -189,7 +189,8 @@ var searchWiring = createWiring({
         setSearchExtraParams: setSearchExtraParams
     },
     ParamsLoadedFromUrl: {
-        setUrlParams: setUrlParams
+        setUrlParams: setUrlParams,
+        saveOriginWire: saveOriginWire
     }
 });
 

package/js/x-modules/search/wiring.js.map

@@ -1 +1 @@
-{"version":3,"file":"wiring.js","sources":["../../../../src/x-modules/search/wiring.ts"],"sourcesContent":["import {\n  namespacedWireCommit,\n  namespacedWireDispatch,\n  namespacedWireDispatchWithoutPayload\n} from '../../wiring/namespaced-wires.factory';\nimport { createWiring } from '../../wiring/wiring.utils';\n\n/**\n * `search` {@link XModuleName | XModule name}.\n *\n * @internal\n */\nconst moduleName = 'search';\n/**\n * WireCommit for {@link SearchXModule}.\n *\n * @internal\n */\nconst wireCommit = namespacedWireCommit(moduleName);\n\n/**\n * WireDispatch for {@link SearchXModule}.\n *\n * @internal\n */\nconst wireDispatch = namespacedWireDispatch(moduleName);\n\n/**\n * WireDispatchWithoutPayload for {@link SearchXModule}.\n *\n * @internal\n */\nconst wireDispatchWithoutPayload = namespacedWireDispatchWithoutPayload(moduleName);\n\n/**\n * Cancels the {@link SearchActions.fetchAndSaveSearchResponse} request promise.\n *\n * @public\n */\nexport const cancelFetchAndSaveSearchResponseWire = wireDispatchWithoutPayload(\n  'cancelFetchAndSaveSearchResponse'\n);\n\n/**\n * Sets the search state `origin`.\n *\n * @public\n */\nexport const saveOriginWire = wireDispatch('saveOrigin', ({ metadata }) => metadata);\n\n/**\n * Requests and stores the search response.\n *\n * @public\n */\nexport const fetchAndSaveSearchResponseWire = wireDispatch('fetchAndSaveSearchResponse');\n\n/**\n * Resets the search state `spellcheckedQuery` to its initial value, an empty string.\n *\n * @public\n */\nexport const resetSpellcheckQuery = wireCommit('setSpellcheck', '');\n\n/**\n * Sets the search state `relatedTags`.\n *\n * @public\n */\nexport const setRelatedTags = wireCommit('setRelatedTags');\n\n/**\n * Sets the search state `query`.\n *\n * @public\n */\nexport const setSearchQuery = wireCommit('setQuery');\n\n/**\n * Sets the search state `selectedFilters`.\n *\n * @public\n */\nexport const setSelectedFilters = wireCommit('setSelectedFilters');\n\n/**\n * Sets the search state `sort`.\n *\n * @public\n */\nexport const setSort = wireCommit('setSort');\n\n/**\n * Sets the search state `query`.\n *\n * @public\n */\nexport const setUrlParams = wireDispatch('setUrlParams');\n\n/**\n * Sets the search state `page`.\n *\n * @public\n */\nexport const setSearchPage = wireCommit('setPage');\n\n/**\n * Sets the search state `params`.\n *\n * @public\n */\nexport const setSearchExtraParams = wireCommit('setParams');\n\n/**\n * Increases the current search state `page` by one.\n *\n * @public\n */\nexport const increasePageAppendingResults = wireDispatchWithoutPayload(\n  'increasePageAppendingResults'\n);\n\n/**\n * Sets the search state `pageSize`.\n *\n * @public\n */\nexport const setPageSize = wireCommit('setPageSize');\n\n/**\n * Sets 1 to the search state `page`.\n *\n * @public\n */\nexport const resetPage = wireCommit('setPage', 1);\n\n/**\n * Sets empty value to the search state `sort`.\n *\n * @public\n */\nexport const resetSort = wireCommit('setSort', '');\n\n/**\n * Sets empty value to the search state `facets`.\n *\n * @public\n */\nexport const resetFacets = wireCommit('setFacets', []);\n\n/**\n * Resets the search state `isAppendingResults`.\n *\n * @public\n */\nexport const resetAppending = wireCommit('setIsAppendResults', false);\n\n/**\n * Search wiring.\n *\n * @internal\n */\nexport const searchWiring = createWiring({\n  UserAcceptedAQuery: {\n    resetPage,\n    resetSort,\n    setSearchQuery,\n    saveOriginWire\n  },\n  UserAcceptedSpellcheckQuery: {\n    resetPage,\n    resetSpellcheckQuery\n  },\n  UserClearedQuery: {\n    resetPage,\n    setSearchQuery,\n    cancelFetchAndSaveSearchResponseWire\n  },\n  UserClickedAFilter: {\n    resetPage\n  },\n  UserClickedASort: {\n    resetPage,\n    setSort\n  },\n  UserPickedARelatedTag: {\n    resetPage\n  },\n  UserChangedExtraParams: {\n    resetPage,\n    resetSort,\n    resetFacets\n  },\n  UserReachedResultsListEnd: {\n    increasePageAppendingResults\n  },\n  SearchRequestChanged: {\n    fetchAndSaveSearchResponseWire\n  },\n  SelectedRelatedTagsChanged: {\n    setRelatedTags,\n    saveOriginWire\n  },\n  SelectedFiltersChanged: {\n    setSelectedFilters\n  },\n  ResultsChanged: {\n    resetAppending\n  },\n  SelectedSortProvided: {\n    setSort\n  },\n  ExtraParamsChanged: {\n    setSearchExtraParams\n  },\n  ParamsLoadedFromUrl: {\n    setUrlParams\n  }\n});\n"],"names":[],"mappings":";;;AAOA;;;;;AAKA,IAAM,UAAU,GAAG,QAAQ,CAAC;AAC5B;;;;;AAKA,IAAM,UAAU,GAAG,oBAAoB,CAAC,UAAU,CAAC,CAAC;AAEpD;;;;;AAKA,IAAM,YAAY,GAAG,sBAAsB,CAAC,UAAU,CAAC,CAAC;AAExD;;;;;AAKA,IAAM,0BAA0B,GAAG,oCAAoC,CAAC,UAAU,CAAC,CAAC;AAEpF;;;;;IAKa,oCAAoC,GAAG,0BAA0B,CAC5E,kCAAkC,EAClC;AAEF;;;;;IAKa,cAAc,GAAG,YAAY,CAAC,YAAY,EAAE,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,QAAQ;AAAR,CAAQ,EAAE;AAErF;;;;;IAKa,8BAA8B,GAAG,YAAY,CAAC,4BAA4B,EAAE;AAEzF;;;;;IAKa,oBAAoB,GAAG,UAAU,CAAC,eAAe,EAAE,EAAE,EAAE;AAEpE;;;;;IAKa,cAAc,GAAG,UAAU,CAAC,gBAAgB,EAAE;AAE3D;;;;;IAKa,cAAc,GAAG,UAAU,CAAC,UAAU,EAAE;AAErD;;;;;IAKa,kBAAkB,GAAG,UAAU,CAAC,oBAAoB,EAAE;AAEnE;;;;;IAKa,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE;AAE7C;;;;;IAKa,YAAY,GAAG,YAAY,CAAC,cAAc,EAAE;AAEzD;;;;;IAKa,aAAa,GAAG,UAAU,CAAC,SAAS,EAAE;AAEnD;;;;;IAKa,oBAAoB,GAAG,UAAU,CAAC,WAAW,EAAE;AAE5D;;;;;IAKa,4BAA4B,GAAG,0BAA0B,CACpE,8BAA8B,EAC9B;AAEF;;;;;IAKa,WAAW,GAAG,UAAU,CAAC,aAAa,EAAE;AAErD;;;;;IAKa,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,CAAC,EAAE;AAElD;;;;;IAKa,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,EAAE,EAAE;AAEnD;;;;;IAKa,WAAW,GAAG,UAAU,CAAC,WAAW,EAAE,EAAE,EAAE;AAEvD;;;;;IAKa,cAAc,GAAG,UAAU,CAAC,oBAAoB,EAAE,KAAK,EAAE;AAEtE;;;;;IAKa,YAAY,GAAG,YAAY,CAAC;IACvC,kBAAkB,EAAE;QAClB,SAAS,WAAA;QACT,SAAS,WAAA;QACT,cAAc,gBAAA;QACd,cAAc,gBAAA;KACf;IACD,2BAA2B,EAAE;QAC3B,SAAS,WAAA;QACT,oBAAoB,sBAAA;KACrB;IACD,gBAAgB,EAAE;QAChB,SAAS,WAAA;QACT,cAAc,gBAAA;QACd,oCAAoC,sCAAA;KACrC;IACD,kBAAkB,EAAE;QAClB,SAAS,WAAA;KACV;IACD,gBAAgB,EAAE;QAChB,SAAS,WAAA;QACT,OAAO,SAAA;KACR;IACD,qBAAqB,EAAE;QACrB,SAAS,WAAA;KACV;IACD,sBAAsB,EAAE;QACtB,SAAS,WAAA;QACT,SAAS,WAAA;QACT,WAAW,aAAA;KACZ;IACD,yBAAyB,EAAE;QACzB,4BAA4B,8BAAA;KAC7B;IACD,oBAAoB,EAAE;QACpB,8BAA8B,gCAAA;KAC/B;IACD,0BAA0B,EAAE;QAC1B,cAAc,gBAAA;QACd,cAAc,gBAAA;KACf;IACD,sBAAsB,EAAE;QACtB,kBAAkB,oBAAA;KACnB;IACD,cAAc,EAAE;QACd,cAAc,gBAAA;KACf;IACD,oBAAoB,EAAE;QACpB,OAAO,SAAA;KACR;IACD,kBAAkB,EAAE;QAClB,oBAAoB,sBAAA;KACrB;IACD,mBAAmB,EAAE;QACnB,YAAY,cAAA;KACb;CACF;;;;"}
+{"version":3,"file":"wiring.js","sources":["../../../../src/x-modules/search/wiring.ts"],"sourcesContent":["import {\n  namespacedWireCommit,\n  namespacedWireDispatch,\n  namespacedWireDispatchWithoutPayload\n} from '../../wiring/namespaced-wires.factory';\nimport { createWiring } from '../../wiring/wiring.utils';\n\n/**\n * `search` {@link XModuleName | XModule name}.\n *\n * @internal\n */\nconst moduleName = 'search';\n/**\n * WireCommit for {@link SearchXModule}.\n *\n * @internal\n */\nconst wireCommit = namespacedWireCommit(moduleName);\n\n/**\n * WireDispatch for {@link SearchXModule}.\n *\n * @internal\n */\nconst wireDispatch = namespacedWireDispatch(moduleName);\n\n/**\n * WireDispatchWithoutPayload for {@link SearchXModule}.\n *\n * @internal\n */\nconst wireDispatchWithoutPayload = namespacedWireDispatchWithoutPayload(moduleName);\n\n/**\n * Cancels the {@link SearchActions.fetchAndSaveSearchResponse} request promise.\n *\n * @public\n */\nexport const cancelFetchAndSaveSearchResponseWire = wireDispatchWithoutPayload(\n  'cancelFetchAndSaveSearchResponse'\n);\n\n/**\n * Sets the search state `origin`.\n *\n * @public\n */\nexport const saveOriginWire = wireDispatch('saveOrigin', ({ metadata }) => metadata);\n\n/**\n * Requests and stores the search response.\n *\n * @public\n */\nexport const fetchAndSaveSearchResponseWire = wireDispatch('fetchAndSaveSearchResponse');\n\n/**\n * Resets the search state `spellcheckedQuery` to its initial value, an empty string.\n *\n * @public\n */\nexport const resetSpellcheckQuery = wireCommit('setSpellcheck', '');\n\n/**\n * Sets the search state `relatedTags`.\n *\n * @public\n */\nexport const setRelatedTags = wireCommit('setRelatedTags');\n\n/**\n * Sets the search state `query`.\n *\n * @public\n */\nexport const setSearchQuery = wireCommit('setQuery');\n\n/**\n * Sets the search state `selectedFilters`.\n *\n * @public\n */\nexport const setSelectedFilters = wireCommit('setSelectedFilters');\n\n/**\n * Sets the search state `sort`.\n *\n * @public\n */\nexport const setSort = wireCommit('setSort');\n\n/**\n * Sets the search state `query`.\n *\n * @public\n */\nexport const setUrlParams = wireDispatch('setUrlParams');\n\n/**\n * Sets the search state `page`.\n *\n * @public\n */\nexport const setSearchPage = wireCommit('setPage');\n\n/**\n * Sets the search state `params`.\n *\n * @public\n */\nexport const setSearchExtraParams = wireCommit('setParams');\n\n/**\n * Increases the current search state `page` by one.\n *\n * @public\n */\nexport const increasePageAppendingResults = wireDispatchWithoutPayload(\n  'increasePageAppendingResults'\n);\n\n/**\n * Sets the search state `pageSize`.\n *\n * @public\n */\nexport const setPageSize = wireCommit('setPageSize');\n\n/**\n * Sets 1 to the search state `page`.\n *\n * @public\n */\nexport const resetPage = wireCommit('setPage', 1);\n\n/**\n * Sets empty value to the search state `sort`.\n *\n * @public\n */\nexport const resetSort = wireCommit('setSort', '');\n\n/**\n * Sets empty value to the search state `facets`.\n *\n * @public\n */\nexport const resetFacets = wireCommit('setFacets', []);\n\n/**\n * Resets the search state `isAppendingResults`.\n *\n * @public\n */\nexport const resetAppending = wireCommit('setIsAppendResults', false);\n\n/**\n * Search wiring.\n *\n * @internal\n */\nexport const searchWiring = createWiring({\n  UserAcceptedAQuery: {\n    resetPage,\n    resetSort,\n    setSearchQuery,\n    saveOriginWire\n  },\n  UserAcceptedSpellcheckQuery: {\n    resetPage,\n    resetSpellcheckQuery\n  },\n  UserClearedQuery: {\n    resetPage,\n    setSearchQuery,\n    cancelFetchAndSaveSearchResponseWire\n  },\n  UserClickedAFilter: {\n    resetPage\n  },\n  UserClickedASort: {\n    resetPage,\n    setSort\n  },\n  UserPickedARelatedTag: {\n    saveOriginWire,\n    resetPage\n  },\n  UserChangedExtraParams: {\n    resetPage,\n    resetSort,\n    resetFacets\n  },\n  UserReachedResultsListEnd: {\n    increasePageAppendingResults\n  },\n  SearchRequestChanged: {\n    fetchAndSaveSearchResponseWire\n  },\n  SelectedRelatedTagsChanged: {\n    setRelatedTags\n  },\n  SelectedFiltersChanged: {\n    setSelectedFilters\n  },\n  ResultsChanged: {\n    resetAppending\n  },\n  SelectedSortProvided: {\n    setSort\n  },\n  ExtraParamsChanged: {\n    setSearchExtraParams\n  },\n  ParamsLoadedFromUrl: {\n    setUrlParams,\n    saveOriginWire\n  }\n});\n"],"names":[],"mappings":";;;AAOA;;;;;AAKA,IAAM,UAAU,GAAG,QAAQ,CAAC;AAC5B;;;;;AAKA,IAAM,UAAU,GAAG,oBAAoB,CAAC,UAAU,CAAC,CAAC;AAEpD;;;;;AAKA,IAAM,YAAY,GAAG,sBAAsB,CAAC,UAAU,CAAC,CAAC;AAExD;;;;;AAKA,IAAM,0BAA0B,GAAG,oCAAoC,CAAC,UAAU,CAAC,CAAC;AAEpF;;;;;IAKa,oCAAoC,GAAG,0BAA0B,CAC5E,kCAAkC,EAClC;AAEF;;;;;IAKa,cAAc,GAAG,YAAY,CAAC,YAAY,EAAE,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,QAAQ;AAAR,CAAQ,EAAE;AAErF;;;;;IAKa,8BAA8B,GAAG,YAAY,CAAC,4BAA4B,EAAE;AAEzF;;;;;IAKa,oBAAoB,GAAG,UAAU,CAAC,eAAe,EAAE,EAAE,EAAE;AAEpE;;;;;IAKa,cAAc,GAAG,UAAU,CAAC,gBAAgB,EAAE;AAE3D;;;;;IAKa,cAAc,GAAG,UAAU,CAAC,UAAU,EAAE;AAErD;;;;;IAKa,kBAAkB,GAAG,UAAU,CAAC,oBAAoB,EAAE;AAEnE;;;;;IAKa,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE;AAE7C;;;;;IAKa,YAAY,GAAG,YAAY,CAAC,cAAc,EAAE;AAEzD;;;;;IAKa,aAAa,GAAG,UAAU,CAAC,SAAS,EAAE;AAEnD;;;;;IAKa,oBAAoB,GAAG,UAAU,CAAC,WAAW,EAAE;AAE5D;;;;;IAKa,4BAA4B,GAAG,0BAA0B,CACpE,8BAA8B,EAC9B;AAEF;;;;;IAKa,WAAW,GAAG,UAAU,CAAC,aAAa,EAAE;AAErD;;;;;IAKa,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,CAAC,EAAE;AAElD;;;;;IAKa,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,EAAE,EAAE;AAEnD;;;;;IAKa,WAAW,GAAG,UAAU,CAAC,WAAW,EAAE,EAAE,EAAE;AAEvD;;;;;IAKa,cAAc,GAAG,UAAU,CAAC,oBAAoB,EAAE,KAAK,EAAE;AAEtE;;;;;IAKa,YAAY,GAAG,YAAY,CAAC;IACvC,kBAAkB,EAAE;QAClB,SAAS,WAAA;QACT,SAAS,WAAA;QACT,cAAc,gBAAA;QACd,cAAc,gBAAA;KACf;IACD,2BAA2B,EAAE;QAC3B,SAAS,WAAA;QACT,oBAAoB,sBAAA;KACrB;IACD,gBAAgB,EAAE;QAChB,SAAS,WAAA;QACT,cAAc,gBAAA;QACd,oCAAoC,sCAAA;KACrC;IACD,kBAAkB,EAAE;QAClB,SAAS,WAAA;KACV;IACD,gBAAgB,EAAE;QAChB,SAAS,WAAA;QACT,OAAO,SAAA;KACR;IACD,qBAAqB,EAAE;QACrB,cAAc,gBAAA;QACd,SAAS,WAAA;KACV;IACD,sBAAsB,EAAE;QACtB,SAAS,WAAA;QACT,SAAS,WAAA;QACT,WAAW,aAAA;KACZ;IACD,yBAAyB,EAAE;QACzB,4BAA4B,8BAAA;KAC7B;IACD,oBAAoB,EAAE;QACpB,8BAA8B,gCAAA;KAC/B;IACD,0BAA0B,EAAE;QAC1B,cAAc,gBAAA;KACf;IACD,sBAAsB,EAAE;QACtB,kBAAkB,oBAAA;KACnB;IACD,cAAc,EAAE;QACd,cAAc,gBAAA;KACf;IACD,oBAAoB,EAAE;QACpB,OAAO,SAAA;KACR;IACD,kBAAkB,EAAE;QAClB,oBAAoB,sBAAA;KACrB;IACD,mBAAmB,EAAE;QACnB,YAAY,cAAA;QACZ,cAAc,gBAAA;KACf;CACF;;;;"}

package/js/x-modules/search-box/components/clear-search-input.vue.js

@@ -5,7 +5,7 @@ import script from './clear-search-input.vue_rollup-plugin-vue=script.js';
 var __vue_script__ = script;
 
 /* template */
-var __vue_render__ = function() {
+var __vue_render__ = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -16,14 +16,13 @@ var __vue_render__ = function() {
       class: _vm.dynamicClasses,
       attrs: {
         events: _vm.clearSearchInputEvents,
-        "data-test": "clear-search-input"
-      }
+        "data-test": "clear-search-input",
+      },
     },
     [
-      _vm._t("default", function() {
+      _vm._t("default", function () {
         return [_vm._v("✕")]
-      })
-    ],
+      }) ],
     2
   )
 };