npm - @empathyco/x-components - Versions diffs - 3.0.0-alpha.30 → 3.0.0-alpha.34 - Mend

@empathyco/x-components 3.0.0-alpha.30 → 3.0.0-alpha.34

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (671) hide show

package/js/x-modules/search/components/results-list.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"results-list.vue.js","sources":["../../../../../src/x-modules/search/components/results-list.vue"],"sourcesContent":["<template>\n <NoElement>\n <!--\n @slot Customize ResultsList.\n @binding {Result[]} items - Results to render.\n @binding {Vue \| string} animation - Animation to animate the elements.\n -->\n <slot v-bind=\"{ items, animation }\">\n <ItemsList :animation=\"animation\" :items=\"items\">\n <template v-for=\"(_, slotName) in $scopedSlots\" v-slot:[slotName]=\"{ item }\">\n <slot :name=\"slotName\" :item=\"item\" />\n </template>\n </ItemsList>\n </slot>\n </NoElement>\n</template>\n\n<script lang=\"ts\">\n import { Result } from '@empathyco/x-types';\n import Vue from 'vue';\n import { Component, Prop } from 'vue-property-decorator';\n import { LIST_ITEMS_KEY } from '../../../components/decorators/injection.consts';\n import { XProvide } from '../../../components/decorators/injection.decorators';\n import { State } from '../../../components/decorators/store.decorators';\n import { NoElement } from '../../../components/no-element';\n import ItemsList from '../../../components/items-list.vue';\n import { xComponentMixin } from '../../../components/x-component.mixin';\n import { InfiniteScroll } from '../../../directives/infinite-scroll/infinite-scroll.types';\n import { searchXModule } from '../x-module';\n\n /*\n It renders a {@link ItemsList} list with the results from {@link SearchState.results} by\n * default.\n \n The component provides a default slot which wraps the whole component with the `results` bound.\n \n It also provides the slot result to customize the item, which is within the default slot, with\n * the result bound.\n \n @public\n /\n @Component({\n components: {\n NoElement,\n ItemsList\n },\n mixins: [xComponentMixin(searchXModule)]\n })\n export default class ResultsList extends Vue implements InfiniteScroll {\n /\n The results to render from the state.\n \n @remarks The results list are provided with `items` key. It can be\n * concatenated with list items from components such as `BannersList`, `PromotedsList`,\n * `BaseGrid` or any component that injects the list.\n \n @public\n /\n @XProvide(LIST_ITEMS_KEY)\n @State('search', 'results')\n public items!: Result[];\n\n /\n Animation component that will be used to animate the results.\n \n @public\n /\n @Prop({ default: 'ul' })\n protected animation!: Vue \| string;\n\n /\n It emits an {@link SearchXEvents.UserReachedResultsListEnd} event.\n \n @internal\n */\n onInfiniteScrollEnd(): void {\n this.$x.emit('UserReachedResultsListEnd');\n }\n }\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\nThis component doesn't emit events.\n\n## See it in action\n\n<!-- prettier-ignore-start -->\n:::warning Backend service required\nTo use this component, the Search service must be implemented.\n:::\n<!-- prettier-ignore-end -->\n\nHere you have a basic example of how the ResultsList is rendered.\n\n_Type any term in the input field to try it out!_\n\n```vue\n<template>\n <div>\n <SearchInput />\n <ResultsList />\n </div>\n</template>\n\n<script>\n import { ResultsList } from '@empathyco/x-components/search';\n import { SearchInput } from '@empathyco/x-components/search-box';\n\n export default {\n name: 'ResultsListDemo',\n components: {\n SearchInput,\n ResultsList\n }\n };\n</script>\n```\n\n### Play with the animation\n\n```vue\n<template>\n <div>\n <SearchInput />\n <ResultsList :animation=\"fadeAndSlide\" />\n </div>\n</template>\n\n<script>\n import { ResultsList } from '@empathyco/x-components/search';\n import { SearchInput } from '@empathyco/x-components/search-box';\n import { FadeAndSlide } from '@empathyco/x-components/animations';\n\n export default {\n name: 'ResultsListDemo',\n components: {\n SearchInput,\n ResultsList\n },\n data() {\n return {\n fadeAndSlide: FadeAndSlide\n };\n }\n };\n</script>\n```\n\n### Overriding default content\n\n```vue\n<template>\n <div>\n <SearchInput />\n <ResultsList #default=\"{ items, animation }\">\n <BaseGrid :items=\"items\" :animation=\"animation\">\n <template #result=\"{ item }\">\n <span>Result: {{ item.name }}</span>\n </template>\n <template #default=\"{ item }\">\n <span>Default: {{ item }}</span>\n </template>\n </BaseGrid>\n </ResultsList>\n </div>\n</template>\n\n<script>\n import { ResultsList } from '@empathyco/x-components/search';\n import { SearchInput } from '@empathyco/x-components/search-box';\n import { BaseGrid } from '@empathyco/x-components';\n\n export default {\n name: 'ResultsListDemo',\n components: {\n SearchInput,\n ResultsList,\n BaseGrid\n }\n };\n</script>\n```\n\n### Overriding result content\n\n```vue\n<template>\n <div>\n <SearchInput />\n <ResultsList #result=\"{ item }\">\n <span class=\"result\">\n {{ item.name }}\n </span>\n </ResultsList>\n </div>\n</template>\n\n<script>\n import { SearchInput, ResultsList } from '@empathyco/x-components/search';\n\n export default {\n name: 'ResultsListDemo',\n components: {\n SearchInput,\n ResultsList\n }\n };\n</script>\n```\n\n### Data injection\n\nStarting with the `ResultsList` component as root element, you can concat the list of list items\nusing `BannersList`, `PromotedsList`, `BaseGrid` or any component that injects the `listItems`\nvalue.\n\n```vue\n<template>\n <div>\n <SearchInput />\n <ResultsList>\n <BannersList>\n <PromotedsList>\n <template #result=\"{ item }\">Result: {{ item.id }}</template>\n <template #banner=\"{ item }\">Banner: {{ item.id }}</template>\n <template #promoted=\"{ item }\">Promoted: {{ item.id }}</template>\n </PromotedsList>\n </BannersList>\n </ResultsList>\n </div>\n</template>\n\n<script>\n import { ResultsList, BannersList, PromotedsList } from '@empathyco/x-components/search';\n import { SearchInput } from '@empathyco/x-components/search-box';\n\n export default {\n name: 'ResultsListDemo',\n components: {\n SearchInput,\n ResultsList,\n BannersList,\n PromotedsList\n }\n };\n</script>\n```\n</docs>\n"],"names":["const"],"mappings":";;;;AAEAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"results-list.vue.js","sources":["../../../../../src/x-modules/search/components/results-list.vue"],"sourcesContent":["<template>\n <NoElement>\n <!--\n @slot Customize ResultsList.\n @binding {Result[]} items - Results to render.\n @binding {Vue \| string} animation - Animation to animate the elements.\n -->\n <slot v-bind=\"{ items, animation }\">\n <ItemsList :animation=\"animation\" :items=\"items\">\n <template v-for=\"(_, slotName) in $scopedSlots\" v-slot:[slotName]=\"{ item }\">\n <slot :name=\"slotName\" :item=\"item\" />\n </template>\n </ItemsList>\n </slot>\n </NoElement>\n</template>\n\n<script lang=\"ts\">\n import { Result } from '@empathyco/x-types';\n import Vue from 'vue';\n import { Component, Prop } from 'vue-property-decorator';\n import { LIST_ITEMS_KEY } from '../../../components/decorators/injection.consts';\n import { XProvide } from '../../../components/decorators/injection.decorators';\n import { State } from '../../../components/decorators/store.decorators';\n import { NoElement } from '../../../components/no-element';\n import ItemsList from '../../../components/items-list.vue';\n import { xComponentMixin } from '../../../components/x-component.mixin';\n import { InfiniteScroll } from '../../../directives/infinite-scroll/infinite-scroll.types';\n import { searchXModule } from '../x-module';\n\n /*\n It renders a {@link ItemsList} list with the results from {@link SearchState.results} by\n * default.\n \n The component provides a default slot which wraps the whole component with the `results` bound.\n \n It also provides the slot result to customize the item, which is within the default slot, with\n * the result bound.\n \n @public\n /\n @Component({\n components: {\n NoElement,\n ItemsList\n },\n mixins: [xComponentMixin(searchXModule)]\n })\n export default class ResultsList extends Vue implements InfiniteScroll {\n /\n The results to render from the state.\n \n @remarks The results list are provided with `items` key. It can be\n * concatenated with list items from components such as `BannersList`, `PromotedsList`,\n * `BaseGrid` or any component that injects the list.\n \n @public\n /\n @XProvide(LIST_ITEMS_KEY)\n @State('search', 'results')\n public items!: Result[];\n\n /\n Animation component that will be used to animate the results.\n \n @public\n /\n @Prop({ default: 'ul' })\n protected animation!: Vue \| string;\n\n /\n It emits an {@link SearchXEvents.UserReachedResultsListEnd} event.\n \n @internal\n */\n onInfiniteScrollEnd(): void {\n this.$x.emit('UserReachedResultsListEnd');\n }\n }\n</script>\n\n<docs lang=\"mdx\">\n## Events\n\nThis component doesn't emit events.\n\n## See it in action\n\n<!-- prettier-ignore-start -->\n:::warning Backend service required\nTo use this component, the Search service must be implemented.\n:::\n<!-- prettier-ignore-end -->\n\nHere you have a basic example of how the ResultsList is rendered.\n\n_Type any term in the input field to try it out!_\n\n```vue\n<template>\n <div>\n <SearchInput />\n <ResultsList />\n </div>\n</template>\n\n<script>\n import { ResultsList } from '@empathyco/x-components/search';\n import { SearchInput } from '@empathyco/x-components/search-box';\n\n export default {\n name: 'ResultsListDemo',\n components: {\n SearchInput,\n ResultsList\n }\n };\n</script>\n```\n\n### Play with the animation\n\n```vue\n<template>\n <div>\n <SearchInput />\n <ResultsList :animation=\"fadeAndSlide\" />\n </div>\n</template>\n\n<script>\n import { ResultsList } from '@empathyco/x-components/search';\n import { SearchInput } from '@empathyco/x-components/search-box';\n import { FadeAndSlide } from '@empathyco/x-components/animations';\n\n export default {\n name: 'ResultsListDemo',\n components: {\n SearchInput,\n ResultsList\n },\n data() {\n return {\n fadeAndSlide: FadeAndSlide\n };\n }\n };\n</script>\n```\n\n### Overriding default content\n\n```vue\n<template>\n <div>\n <SearchInput />\n <ResultsList #default=\"{ items, animation }\">\n <BaseGrid :items=\"items\" :animation=\"animation\">\n <template #result=\"{ item }\">\n <span>Result: {{ item.name }}</span>\n </template>\n <template #default=\"{ item }\">\n <span>Default: {{ item }}</span>\n </template>\n </BaseGrid>\n </ResultsList>\n </div>\n</template>\n\n<script>\n import { ResultsList } from '@empathyco/x-components/search';\n import { SearchInput } from '@empathyco/x-components/search-box';\n import { BaseGrid } from '@empathyco/x-components';\n\n export default {\n name: 'ResultsListDemo',\n components: {\n SearchInput,\n ResultsList,\n BaseGrid\n }\n };\n</script>\n```\n\n### Overriding result content\n\n```vue\n<template>\n <div>\n <SearchInput />\n <ResultsList #result=\"{ item }\">\n <span class=\"result\">\n {{ item.name }}\n </span>\n </ResultsList>\n </div>\n</template>\n\n<script>\n import { SearchInput, ResultsList } from '@empathyco/x-components/search';\n\n export default {\n name: 'ResultsListDemo',\n components: {\n SearchInput,\n ResultsList\n }\n };\n</script>\n```\n\n### Data injection\n\nStarting with the `ResultsList` component as root element, you can concat the list of list items\nusing `BannersList`, `PromotedsList`, `BaseGrid` or any component that injects the `listItems`\nvalue.\n\n```vue\n<template>\n <div>\n <SearchInput />\n <ResultsList>\n <BannersList>\n <PromotedsList>\n <template #result=\"{ item }\">Result: {{ item.id }}</template>\n <template #banner=\"{ item }\">Banner: {{ item.id }}</template>\n <template #promoted=\"{ item }\">Promoted: {{ item.id }}</template>\n </PromotedsList>\n </BannersList>\n </ResultsList>\n </div>\n</template>\n\n<script>\n import { ResultsList, BannersList, PromotedsList } from '@empathyco/x-components/search';\n import { SearchInput } from '@empathyco/x-components/search-box';\n\n export default {\n name: 'ResultsListDemo',\n components: {\n SearchInput,\n ResultsList,\n BannersList,\n PromotedsList\n }\n };\n</script>\n```\n</docs>\n"],"names":["const"],"mappings":";;;;AAEAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/js/x-modules/search/components/sort-dropdown.vue.js CHANGED Viewed

@@ -5,7 +5,7 @@ import script from './sort-dropdown.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,54 +15,51 @@ var __vue_render__ = function() {
       animation: _vm.animation,
       items: _vm.items,
       value: _vm.selectedSort,
-      "data-test": "sort-dropdown"
+      "data-test": "sort-dropdown",
     },
     on: { change: _vm.emitUserClickedASort },
     scopedSlots: _vm._u(
       [
         {
           key: "toggle",
-          fn: function(ref) {
+          fn: function (ref) {
             var isOpen = ref.isOpen;
             var item = ref.item;
             return [
               _vm._t(
                 "toggle",
-                function() {
+                function () {
                   return [_vm._v(_vm._s(item))]
                 },
                 null,
                 { isOpen: isOpen, item: item }
-              )
-            ]
-          }
+              ) ]
+          },
         },
         {
           key: "item",
-          fn: function(ref) {
+          fn: function (ref) {
             var item = ref.item;
             var isHighlighted = ref.isHighlighted;
             var isSelected = ref.isSelected;
             return [
               _vm._t(
                 "item",
-                function() {
+                function () {
                   return [_vm._v(_vm._s(item))]
                 },
                 null,
                 {
                   item: item,
                   isHighlighted: isHighlighted,
-                  isSelected: isSelected
+                  isSelected: isSelected,
                 }
-              )
-            ]
-          }
-        }
-      ],
+              ) ]
+          },
+        } ],
       null,
       true
-    )
+    ),
   })
 };
 var __vue_staticRenderFns__ = [];

package/js/x-modules/search/components/sort-dropdown.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"sort-dropdown.vue.js","sources":["../../../../../src/x-modules/search/components/sort-dropdown.vue"],"sourcesContent":["<template>\n <BaseDropdown\n @change=\"emitUserClickedASort\"\n :animation=\"animation\"\n :items=\"items\"\n :value=\"selectedSort\"\n class=\"x-sort-dropdown\"\n data-test=\"sort-dropdown\"\n >\n <template #toggle=\"{ isOpen, item }\">\n <!--\n @slot Used to render the contents of the dropdown toggle button. If not provided, it uses\n the item slot as fallback.\n @binding {Sort} item - The sort data to render.\n @binding {boolean} isOpen - True if the dropdown is opened, and false if it is closed.\n -->\n <slot v-bind=\"{ isOpen, item }\" name=\"toggle\">{{ item }}</slot>\n </template>\n <template #item=\"{ item, isHighlighted, isSelected }\">\n <!--\n @slot (required) Used to render each one of the items content, and as fallback\n for the toggle button content slot if it is not provided.\n @binding {Sort} item - Sort to render\n @binding {boolean} isHighlighted - True when the item has the focus.\n @binding {boolean} isSelected - True when the item is selected.\n -->\n <slot v-bind=\"{ item, isHighlighted, isSelected }\" name=\"item\">{{ item }}</slot>\n </template>\n </BaseDropdown>\n</template>\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 BaseDropdown from '../../../components/base-dropdown.vue';\n import { xComponentMixin } from '../../../components/x-component.mixin';\n import { searchXModule } from '../x-module';\n import SortMixin from './sort.mixin';\n\n /*\n The `SortDropdown` 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: { BaseDropdown },\n model: {\n event: 'change'\n }\n })\n export default class SortDropdown extends mixins(SortMixin) {\n /\n The transition to use for opening and closing the dropdown.\n \n @public\n /\n @Prop()\n public animation?: string \| typeof Vue;\n /\n Emits the events related to the selection of a sort value.\n \n @param sort - The selected sort.\n * @internal\n */\n protected emitUserClickedASort(sort: Sort): void {\n this.$x.emit('UserClickedASort', sort, { target: this.$el as HTMLElement });\n this.$emit('change', sort);\n }\n }\n</script>\n\n<docs lang=\"mdx\">\n# Sort Dropdown\n\nThe `SortDropdown` 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 be received then 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 both the toggle button and each one of the possible sort\nvalues. This can be done with the`toggle` and `item` slots.\n\n## Examples\n\n### Only providing the list of items\n\n```vue\n<template>\n <SortDropdown :items=\"sortValues\">\n <template #toggle=\"{ item, isOpen }\">{{ item }} {{ isOpen ? '🔼' : '🔽' }}</template>\n <template #item=\"{ item, isHighlighted, isSelected }\">\n <span v-if=\"isSelected\">✅</span>\n <span v-if=\"isHighlighted\">🟢</span>\n {{ item }}\n </template>\n </SortDropdown>\n</template>\n\n<script>\n import { SortDropdown } from '@empathyco/x-components/search';\n\n export default {\n components: {\n SortDropdown\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 <SortDropdown v-model=\"selectedSort\" :items=\"sortValues\">\n <template #toggle=\"{ item, isOpen }\">{{ item }} {{ isOpen ? '🔼' : '🔽' }}</template>\n <template #item=\"{ item, isHighlighted, isSelected }\">\n <span v-if=\"isSelected\">✅</span>\n <span v-if=\"isHighlighted\">🟢</span>\n {{ item }}\n </template>\n </SortDropdown>\n</template>\n\n<script>\n import { SortDropdown } from '@empathyco/x-components/search';\n\n export default {\n components: {\n SortDropdown\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~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"sort-dropdown.vue.js","sources":["../../../../../src/x-modules/search/components/sort-dropdown.vue"],"sourcesContent":["<template>\n <BaseDropdown\n @change=\"emitUserClickedASort\"\n :animation=\"animation\"\n :items=\"items\"\n :value=\"selectedSort\"\n class=\"x-sort-dropdown\"\n data-test=\"sort-dropdown\"\n >\n <template #toggle=\"{ isOpen, item }\">\n <!--\n @slot Used to render the contents of the dropdown toggle button. If not provided, it uses\n the item slot as fallback.\n @binding {Sort} item - The sort data to render.\n @binding {boolean} isOpen - True if the dropdown is opened, and false if it is closed.\n -->\n <slot v-bind=\"{ isOpen, item }\" name=\"toggle\">{{ item }}</slot>\n </template>\n <template #item=\"{ item, isHighlighted, isSelected }\">\n <!--\n @slot (required) Used to render each one of the items content, and as fallback\n for the toggle button content slot if it is not provided.\n @binding {Sort} item - Sort to render\n @binding {boolean} isHighlighted - True when the item has the focus.\n @binding {boolean} isSelected - True when the item is selected.\n -->\n <slot v-bind=\"{ item, isHighlighted, isSelected }\" name=\"item\">{{ item }}</slot>\n </template>\n </BaseDropdown>\n</template>\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 BaseDropdown from '../../../components/base-dropdown.vue';\n import { xComponentMixin } from '../../../components/x-component.mixin';\n import { searchXModule } from '../x-module';\n import SortMixin from './sort.mixin';\n\n /*\n The `SortDropdown` 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: { BaseDropdown },\n model: {\n event: 'change'\n }\n })\n export default class SortDropdown extends mixins(SortMixin) {\n /\n The transition to use for opening and closing the dropdown.\n \n @public\n /\n @Prop()\n public animation?: string \| typeof Vue;\n /\n Emits the events related to the selection of a sort value.\n \n @param sort - The selected sort.\n * @internal\n */\n protected emitUserClickedASort(sort: Sort): void {\n this.$x.emit('UserClickedASort', sort, { target: this.$el as HTMLElement });\n this.$emit('change', sort);\n }\n }\n</script>\n\n<docs lang=\"mdx\">\n# Sort Dropdown\n\nThe `SortDropdown` 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 be received then 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 both the toggle button and each one of the possible sort\nvalues. This can be done with the`toggle` and `item` slots.\n\n## Examples\n\n### Only providing the list of items\n\n```vue\n<template>\n <SortDropdown :items=\"sortValues\">\n <template #toggle=\"{ item, isOpen }\">{{ item }} {{ isOpen ? '🔼' : '🔽' }}</template>\n <template #item=\"{ item, isHighlighted, isSelected }\">\n <span v-if=\"isSelected\">✅</span>\n <span v-if=\"isHighlighted\">🟢</span>\n {{ item }}\n </template>\n </SortDropdown>\n</template>\n\n<script>\n import { SortDropdown } from '@empathyco/x-components/search';\n\n export default {\n components: {\n SortDropdown\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 <SortDropdown v-model=\"selectedSort\" :items=\"sortValues\">\n <template #toggle=\"{ item, isOpen }\">{{ item }} {{ isOpen ? '🔼' : '🔽' }}</template>\n <template #item=\"{ item, isHighlighted, isSelected }\">\n <span v-if=\"isSelected\">✅</span>\n <span v-if=\"isHighlighted\">🟢</span>\n {{ item }}\n </template>\n </SortDropdown>\n</template>\n\n<script>\n import { SortDropdown } from '@empathyco/x-components/search';\n\n export default {\n components: {\n SortDropdown\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.js CHANGED Viewed

@@ -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
       )
     }),

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

	@@ -1 +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~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -63,6 +63,7 @@ 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';
@@ -104,6 +105,8 @@ 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 CHANGED Viewed

	@@ -1 +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;;;;"}
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;;;;"}

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

@@ -64,6 +64,7 @@ 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';
@@ -105,6 +106,8 @@ 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 CHANGED Viewed

	@@ -1 +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;;;;"}
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;;;;"}

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

@@ -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 CHANGED Viewed

	@@ -1 +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 { 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 Emits events when the button is clicked.\n \n @public\n */\n protected emitEvents(): void {\n this.$x.emit('UserAcceptedAQuery', this.spellcheckedQuery, ~~{\n target:~~ this~~.$el as HTMLElement\n }~~);\n this.$x.emit('UserAcceptedSpellcheckQuery', this.spellcheckedQuery~~, {\~~n ~~target:~~ this~~.$el as HTMLElement~~\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~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -17,18 +17,26 @@ var SpellcheckButton = /** @class */ (function (_super) {
     function SpellcheckButton() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
+    /**
+     * Generates the {@link WireMetadata | event metadata} object omitting the moduleName.
+     *
+     * @returns The {@link WireMetadata} object omitting the moduleName.
+     * @internal
+     */
+    SpellcheckButton.prototype.createEventMetadata = function () {
+        return {
+            target: this.$el,
+            feature: 'spellcheck'
+        };
+    };
     /**
      * Emits events when the button is clicked.
      *
      * @public
      */
     SpellcheckButton.prototype.emitEvents = function () {
-        this.$x.emit('UserAcceptedAQuery', this.spellcheckedQuery, {
-            target: this.$el
-        });
-        this.$x.emit('UserAcceptedSpellcheckQuery', this.spellcheckedQuery, {
-            target: this.$el
-        });
+        this.$x.emit('UserAcceptedAQuery', this.spellcheckedQuery, this.createEventMetadata());
+        this.$x.emit('UserAcceptedSpellcheckQuery', this.spellcheckedQuery, this.createEventMetadata());
     };
     __decorate([
         State('search', 'spellcheckedQuery')

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

	@@ -1 +1 @@
1	- {"version":3,"file":"spellcheck-button.vue_rollup-plugin-vue=script.js","sources":["../../../../../src/x-modules/search/components/spellcheck-button.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\n\n\n\n\n\nimport Vue from 'vue';\nimport { Component } from 'vue-property-decorator';\nimport { State } from '../../../components/decorators/store.decorators';\nimport { xComponentMixin } from '../../../components/x-component.mixin';\nimport { 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})\nexport 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 Emits events when the button is clicked.\n \n @public\n */\n protected emitEvents(): void {\n this.$x.emit('UserAcceptedAQuery', this.spellcheckedQuery, ~~{\n target:~~ this~~.$el as HTMLElement\n }~~);\n this.$x.emit('UserAcceptedSpellcheckQuery', this.spellcheckedQuery~~, {\~~n ~~target:~~ this~~.$el as HTMLElement~~\n });\n }\n}\n"],"names":[],"mappings":";;;;;;;~~AAiBA~~;;;;;;;AAUA;IAA8C,oCAAG;IAAjD;;~~KAsBC~~;;;;;;~~IARW~~,qCAAU,GAApB;QACE,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,oBAAoB,EAAE,IAAI,CAAC,iBAAiB,EAAE~~;YACzD~~,~~MAAM,EAAE,~~IAAI,CAAC,~~GAAkB;SAChC~~,CAAC,CAAC;~~QACH~~,IAAI,CAAC,EAAE,CAAC,IAAI,~~CAAC~~,6BAA6B,~~EAAE~~,IAAI,CAAC,iBAAiB,~~EAAE;YAClE~~,~~MAAM,EAAE,~~IAAI,CAAC,~~GAAkB;SAChC~~,~~CAAC~~,CAAC;~~KACJ~~;~~IAdD~~;QADC,KAAK,CAAC,QAAQ,EAAE,mBAAmB,CAAC;+DACH;IAPf,gBAAgB;QAHpC,SAAS,CAAC;YACT,MAAM,EAAE,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;SACzC,CAAC;OACmB,gBAAgB,~~CAsBpC~~;IAAD,uBAAC;CAAA,~~CAtB6C~~,GAAG;;;;"}
1	+ {"version":3,"file":"spellcheck-button.vue_rollup-plugin-vue=script.js","sources":["../../../../../src/x-modules/search/components/spellcheck-button.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\n\n\n\n\n\nimport Vue from 'vue';\nimport { Component } from 'vue-property-decorator';\nimport { State } from '../../../components/decorators/store.decorators';\nimport { xComponentMixin } from '../../../components/x-component.mixin';\nimport { WireMetadata } from '../../../wiring/wiring.types';\nimport { 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})\nexport 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"],"names":[],"mappings":";;;;;;;AAkBA;;;;;;;AAUA;IAA8C,oCAAG;IAAjD;;KAmCC;;;;;;;IApBW,8CAAmB,GAA7B;QACE,OAAO;YACL,MAAM,EAAE,IAAI,CAAC,GAAkB;YAC/B,OAAO,EAAE,YAAY;SACtB,CAAC;KACH;;;;;;IAOS,qCAAU,GAApB;QACE,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,oBAAoB,EAAE,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,mBAAmB,EAAE,CAAC,CAAC;QACvF,IAAI,CAAC,EAAE,CAAC,IAAI,CACV,6BAA6B,EAC7B,IAAI,CAAC,iBAAiB,EACtB,IAAI,CAAC,mBAAmB,EAAE,CAC3B,CAAC;KACH;IA3BD;QADC,KAAK,CAAC,QAAQ,EAAE,mBAAmB,CAAC;+DACH;IAPf,gBAAgB;QAHpC,SAAS,CAAC;YACT,MAAM,EAAE,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;SACzC,CAAC;OACmB,gBAAgB,CAmCpC;IAAD,uBAAC;CAAA,CAnC6C,GAAG;;;;"}

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

@@ -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 CHANGED Viewed

	@@ -1 +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~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -63,6 +63,7 @@ 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';
@@ -104,6 +105,8 @@ 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 CHANGED Viewed

	@@ -1 +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;;;;"}
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;;;;"}

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

@@ -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 CHANGED Viewed

	@@ -1 +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;;;;"}
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, 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/emitters.js CHANGED Viewed

@@ -1,3 +1,4 @@
+import { isStringEmpty } from '../../../utils/string.js';
 import '../../../store/x.module.js';
 import '../../../store/utils/fetch-and-save-action.utils.js';
 import '../../../store/utils/status-store.utils.js';
@@ -19,7 +20,13 @@ var searchEmitters = createStoreEmitters(searchXStoreModule, {
     PageChanged: function (state) { return state.page; },
     ResultsChanged: function (state) { return state.results; },
     SearchRequestChanged: function (_, getters) { return getters.request; },
-    SearchTaggingChanged: function (state) { return state.queryTagging; },
+    SearchTaggingChanged: {
+        selector: function (state) { return state.queryTagging; },
+        filter: function (_a) {
+            var url = _a.url;
+            return !isStringEmpty(url);
+        }
+    },
     SpellcheckChanged: function (state) { return state.spellcheckedQuery; },
     SortChanged: function (state) { return state.sort; }
 });

package/js/x-modules/search/store/emitters.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"emitters.js","sources":["../../../../../src/x-modules/search/store/emitters.ts"],"sourcesContent":["import { createStoreEmitters } from '../../../store';\nimport { searchXStoreModule } from './module';\n\n/*\n {@link StoreEmitters} For the search module.\n \n @internal\n */\nexport const searchEmitters = createStoreEmitters(searchXStoreModule, {\n FacetsChanged: {\n selector: state => state.facets,\n filter(newValue, oldValue): boolean {\n return newValue.length !== 0 \|\| oldValue.length !== 0;\n }\n },\n PageChanged: state => state.page,\n ResultsChanged: state => state.results,\n SearchRequestChanged: (_, getters) => getters.request,\n SearchTaggingChanged: state => state.queryTagging,\n SpellcheckChanged: state => state.spellcheckedQuery,\n SortChanged: state => state.sort\n});\n"],"names":[],"mappings":"~~;;;;;;AAGA~~;;;;;IAKa,cAAc,GAAG,mBAAmB,CAAC,kBAAkB,EAAE;IACpE,aAAa,EAAE;QACb,QAAQ,EAAE,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,MAAM,GAAA;QAC/B,MAAM,EAAN,UAAO,QAAQ,EAAE,QAAQ;YACvB,OAAO,QAAQ,CAAC,MAAM,KAAK,CAAC,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC;SACvD;KACF;IACD,WAAW,EAAE,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,IAAI,GAAA;IAChC,cAAc,EAAE,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,OAAO,GAAA;IACtC,oBAAoB,EAAE,UAAC,CAAC,EAAE,OAAO,IAAK,OAAA,OAAO,CAAC,OAAO,GAAA;IACrD,oBAAoB,EAAE,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,YAAY,GAAA;~~IACjD~~,iBAAiB,EAAE,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,iBAAiB,GAAA;IACnD,WAAW,EAAE,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,IAAI,GAAA;CACjC;;;;"}
1	+ {"version":3,"file":"emitters.js","sources":["../../../../../src/x-modules/search/store/emitters.ts"],"sourcesContent":["import { createStoreEmitters } from '../../../store';\nimport { isStringEmpty } from '../../../utils/string';\nimport { searchXStoreModule } from './module';\n\n/*\n {@link StoreEmitters} For the search module.\n \n @internal\n */\nexport const searchEmitters = createStoreEmitters(searchXStoreModule, {\n FacetsChanged: {\n selector: state => state.facets,\n filter(newValue, oldValue): boolean {\n return newValue.length !== 0 \|\| oldValue.length !== 0;\n }\n },\n PageChanged: state => state.page,\n ResultsChanged: state => state.results,\n SearchRequestChanged: (_, getters) => getters.request,\n SearchTaggingChanged: {\n selector: state => state.queryTagging,\n filter: ({ url }) => !isStringEmpty(url)\n },\n SpellcheckChanged: state => state.spellcheckedQuery,\n SortChanged: state => state.sort\n});\n"],"names":[],"mappings":";;;;;;;AAIA;;;;;IAKa,cAAc,GAAG,mBAAmB,CAAC,kBAAkB,EAAE;IACpE,aAAa,EAAE;QACb,QAAQ,EAAE,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,MAAM,GAAA;QAC/B,MAAM,EAAN,UAAO,QAAQ,EAAE,QAAQ;YACvB,OAAO,QAAQ,CAAC,MAAM,KAAK,CAAC,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC;SACvD;KACF;IACD,WAAW,EAAE,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,IAAI,GAAA;IAChC,cAAc,EAAE,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,OAAO,GAAA;IACtC,oBAAoB,EAAE,UAAC,CAAC,EAAE,OAAO,IAAK,OAAA,OAAO,CAAC,OAAO,GAAA;IACrD,oBAAoB,EAAE;QACpB,QAAQ,EAAE,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,YAAY,GAAA;QACrC,MAAM,EAAE,UAAC,EAAO;gBAAL,GAAG,SAAA;YAAO,OAAA,CAAC,aAAa,CAAC,GAAG,CAAC;SAAA;KACzC;IACD,iBAAiB,EAAE,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,iBAAiB,GAAA;IACnD,WAAW,EAAE,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,IAAI,GAAA;CACjC;;;;"}

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

@@ -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 CHANGED Viewed

	@@ -1 +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;;;;"}
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 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 CHANGED Viewed

@@ -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
     }
 });