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/components/suggestions/base-suggestion.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"base-suggestion.vue.js","sources":["../../../../src/components/suggestions/base-suggestion.vue"],"sourcesContent":["<template>\n <button @click=\"emitEvents\" :class=\"dynamicCSSClasses\" class=\"x-suggestion\">\n <!-- eslint-disable max-len -->\n <!--\n @slot Button content\n @binding {Suggestion} suggestion - Suggestion data\n @binding {string} queryHTML - Suggestion's query with the matching part inside a `<span>` tag\n -->\n <!-- eslint-enable max-len -->\n <slot v-bind=\"{ suggestion, queryHTML }\">\n <span v-html=\"queryHTML\" :aria-label=\"suggestion.query\" class=\"x-suggestion__query\" />\n </slot>\n </button>\n</template>\n\n<script lang=\"ts\">\n import { Suggestion } from '@empathyco/x-types';\n import Vue from 'vue';\n import { Component, Prop } from 'vue-property-decorator';\n import { QueryFeature } from '../../types/origin';\n import { forEach } from '../../utils/object';\n import { normalizeString } from '../../utils/normalize';\n import { sanitize } from '../../utils/sanitize';\n import { VueCSSClasses } from '../../utils/types';\n import { XEventsTypes } from '../../wiring/events.types';\n\n /*\n Renders a button with a default slot. It receives a query, which should be the query of the\n * module using this component, a suggestion, the {@link XEvent \| XEvents} that will be emitted\n * on click with a given feature.\n \n The default slot receives the suggestion and the matched query has props.\n \n @public\n /\n @Component\n export default class BaseSuggestion extends Vue {\n /\n The normalized query of the module using this component.\n \n @public\n /\n @Prop({ default: '' })\n protected query!: string;\n\n /\n The suggestion to render and use in the default slot.\n \n @public\n /\n @Prop({ required: true })\n protected suggestion!: Suggestion;\n\n /\n The feature from which the events will be emitted.\n \n @public\n /\n @Prop() //TODO: set to true when the suggestions components pass it.\n protected feature?: QueryFeature;\n\n /\n The {@link XEvent \| XEvents} that will be emitted when selecting a suggestion.\n \n @public\n /\n @Prop({ required: true })\n protected suggestionSelectedEvents!: Partial<XEventsTypes>;\n\n /\n The event handler that will be triggered when clicking on a suggestion.\n \n @remarks\n * * UserAcceptedAQuery: suggestion.query\n * * UserSelectedASuggestion: suggestion\n * * Merges the events defined in the suggestionSelectedEvents prop and also emits them\n \n @returns The {@link XEvent \| XEvents} to emit.\n * @public\n /\n protected get events(): Partial<XEventsTypes> {\n return {\n UserAcceptedAQuery: this.suggestion.query,\n UserSelectedASuggestion: this.suggestion,\n ...this.suggestionSelectedEvents\n };\n }\n\n /\n Emits the events when the button is clicked.\n \n @public\n /\n protected emitEvents(): void {\n forEach(this.events, (event, payload) => {\n this.$x.emit(event, payload, {\n target: this.$el as HTMLElement,\n feature: this.feature\n });\n });\n }\n\n /\n Checks if the normalized suggestion query matches with the module's query so it has a\n * matching part.\n \n @returns If the query has a matching part or not.\n * @internal\n /\n protected get hasMatchingQuery(): boolean {\n return !!this.query && normalizeString(this.suggestion.query).includes(this.query);\n }\n\n /\n Generates css classes dynamically.\n \n @remarks\n * 'x-suggestion--matching added when the query should be matched.\n \n @returns The {@link VueCSSClasses} classes.\n * @public\n /\n protected get dynamicCSSClasses(): VueCSSClasses {\n return {\n 'x-suggestion--matching': this.hasMatchingQuery\n };\n }\n\n /\n Highlights the matching part of the suggestion query with the query passed as prop of the\n * component putting it inside a `<span>` tag.\n \n @remarks\n * The query prop should be normalized.\n \n @returns The suggestion's query with the matching part inside a `<span>` tag.\n * @public\n /\n protected get queryHTML(): string {\n if (this.hasMatchingQuery) {\n const matcherIndex = normalizeString(this.suggestion.query).indexOf(this.query);\n\n const [beginning, matching, end] = this.splitAt(\n this.suggestion.query,\n matcherIndex,\n this.query.length\n );\n\n const attrsMatching = 'data-test=\"matching-part\" class=\"x-suggestion__matching-part\"';\n return `${beginning}<span ${attrsMatching}>${matching}</span>${end}`;\n }\n\n return sanitize(this.suggestion.query);\n }\n\n /\n Splits the label in three parts based on two indexes.\n \n @param label - The string that will be divided in three parts.\n * @param start - The first index that the label will be divided by.\n * @param skip - The second index that the label will be divided by.\n \n @returns The three parts of the divided label.\n * @internal\n */\n protected splitAt(label: string, start: number, skip: number): [string, string, string] {\n const startPart = label.substr(0, start);\n const matchingPart = label.substr(start, skip);\n const endPart = label.substr(start + skip);\n\n return [sanitize(startPart), sanitize(matchingPart), sanitize(endPart)];\n }\n }\n</script>\n\n<docs lang=\"mdx\">\n# Examples\n\nThis default suggestion component expects a suggestion to render and pass to its default slot, a\nnormalized query to compare with the suggestion's query and highlight its matching parts and events\nto emit when the suggestion is selected.\n\n## Default usage\n\n```vue\n<BaseSuggestion v-bind=\"{ query, suggestion, suggestionSelectedEvents }\" />\n```\n\n## Customized usage\n\n```vue\n<BaseSuggestion v-bind=\"{ query, suggestion, suggestionSelectedEvents }\">\n <template #default=\"{ suggestion, queryHTML }\">\n <span\n class=\"my-suggestion\"\n v-html=\"queryHTML\"\n :aria-label=\"suggestion.query\"\n />\n </template>\n</BaseSuggestion>\n```\n\n## Events\n\nA list of events that the component will emit:\n\n- `UserAcceptedAQuery`: the event is emitted after the user clicks the button. The event payload is\n the suggestion query data.\n- `UserSelectedASuggestion`: the event is emitted after the user clicks the button. The event\n payload is the suggestion data.\n- The component can emit more events on click using the `suggestionSelectedEvents` prop.\n</docs>\n"],"names":["const"],"mappings":";;;;AAEAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"base-suggestion.vue.js","sources":["../../../../src/components/suggestions/base-suggestion.vue"],"sourcesContent":["<template>\n <button @click=\"emitEvents\" :class=\"dynamicCSSClasses\" class=\"x-suggestion\">\n <!-- eslint-disable max-len -->\n <!--\n @slot Button content\n @binding {Suggestion} suggestion - Suggestion data\n @binding {string} queryHTML - Suggestion's query with the matching part inside a `<span>` tag\n -->\n <!-- eslint-enable max-len -->\n <slot v-bind=\"{ suggestion, queryHTML }\">\n <span v-html=\"queryHTML\" :aria-label=\"suggestion.query\" class=\"x-suggestion__query\" />\n </slot>\n </button>\n</template>\n\n<script lang=\"ts\">\n import { Suggestion } from '@empathyco/x-types';\n import Vue from 'vue';\n import { Component, Prop } from 'vue-property-decorator';\n import { QueryFeature } from '../../types/origin';\n import { forEach } from '../../utils/object';\n import { normalizeString } from '../../utils/normalize';\n import { sanitize } from '../../utils/sanitize';\n import { VueCSSClasses } from '../../utils/types';\n import { XEventsTypes } from '../../wiring/events.types';\n\n /*\n Renders a button with a default slot. It receives a query, which should be the query of the\n * module using this component, a suggestion, the {@link XEvent \| XEvents} that will be emitted\n * on click with a given feature.\n \n The default slot receives the suggestion and the matched query has props.\n \n @public\n /\n @Component\n export default class BaseSuggestion extends Vue {\n /\n The normalized query of the module using this component.\n \n @public\n /\n @Prop({ default: '' })\n protected query!: string;\n\n /\n The suggestion to render and use in the default slot.\n \n @public\n /\n @Prop({ required: true })\n protected suggestion!: Suggestion;\n\n /\n The feature from which the events will be emitted.\n \n @public\n /\n @Prop() //TODO: set to true when the suggestions components pass it.\n protected feature?: QueryFeature;\n\n /\n The {@link XEvent \| XEvents} that will be emitted when selecting a suggestion.\n \n @public\n /\n @Prop({ required: true })\n protected suggestionSelectedEvents!: Partial<XEventsTypes>;\n\n /\n The event handler that will be triggered when clicking on a suggestion.\n \n @remarks\n * * UserAcceptedAQuery: suggestion.query\n * * UserSelectedASuggestion: suggestion\n * * Merges the events defined in the suggestionSelectedEvents prop and also emits them\n \n @returns The {@link XEvent \| XEvents} to emit.\n * @public\n /\n protected get events(): Partial<XEventsTypes> {\n return {\n UserAcceptedAQuery: this.suggestion.query,\n UserSelectedASuggestion: this.suggestion,\n ...this.suggestionSelectedEvents\n };\n }\n\n /\n Emits the events when the button is clicked.\n \n @public\n /\n protected emitEvents(): void {\n forEach(this.events, (event, payload) => {\n this.$x.emit(event, payload, {\n target: this.$el as HTMLElement,\n feature: this.feature\n });\n });\n }\n\n /\n Checks if the normalized suggestion query matches with the module's query so it has a\n * matching part.\n \n @returns If the query has a matching part or not.\n * @internal\n /\n protected get hasMatchingQuery(): boolean {\n return !!this.query && normalizeString(this.suggestion.query).includes(this.query);\n }\n\n /\n Generates css classes dynamically.\n \n @remarks\n * 'x-suggestion--matching added when the query should be matched.\n \n @returns The {@link VueCSSClasses} classes.\n * @public\n /\n protected get dynamicCSSClasses(): VueCSSClasses {\n return {\n 'x-suggestion--matching': this.hasMatchingQuery\n };\n }\n\n /\n Highlights the matching part of the suggestion query with the query passed as prop of the\n * component putting it inside a `<span>` tag.\n \n @remarks\n * The query prop should be normalized.\n \n @returns The suggestion's query with the matching part inside a `<span>` tag.\n * @public\n /\n protected get queryHTML(): string {\n if (this.hasMatchingQuery) {\n const matcherIndex = normalizeString(this.suggestion.query).indexOf(this.query);\n\n const [beginning, matching, end] = this.splitAt(\n this.suggestion.query,\n matcherIndex,\n this.query.length\n );\n\n const attrsMatching = 'data-test=\"matching-part\" class=\"x-suggestion__matching-part\"';\n return `${beginning}<span ${attrsMatching}>${matching}</span>${end}`;\n }\n\n return sanitize(this.suggestion.query);\n }\n\n /\n Splits the label in three parts based on two indexes.\n \n @param label - The string that will be divided in three parts.\n * @param start - The first index that the label will be divided by.\n * @param skip - The second index that the label will be divided by.\n \n @returns The three parts of the divided label.\n * @internal\n */\n protected splitAt(label: string, start: number, skip: number): [string, string, string] {\n const startPart = label.substr(0, start);\n const matchingPart = label.substr(start, skip);\n const endPart = label.substr(start + skip);\n\n return [sanitize(startPart), sanitize(matchingPart), sanitize(endPart)];\n }\n }\n</script>\n\n<docs lang=\"mdx\">\n# Examples\n\nThis default suggestion component expects a suggestion to render and pass to its default slot, a\nnormalized query to compare with the suggestion's query and highlight its matching parts and events\nto emit when the suggestion is selected.\n\n## Default usage\n\n```vue\n<BaseSuggestion v-bind=\"{ query, suggestion, suggestionSelectedEvents }\" />\n```\n\n## Customized usage\n\n```vue\n<BaseSuggestion v-bind=\"{ query, suggestion, suggestionSelectedEvents }\">\n <template #default=\"{ suggestion, queryHTML }\">\n <span\n class=\"my-suggestion\"\n v-html=\"queryHTML\"\n :aria-label=\"suggestion.query\"\n />\n </template>\n</BaseSuggestion>\n```\n\n## Events\n\nA list of events that the component will emit:\n\n- `UserAcceptedAQuery`: the event is emitted after the user clicks the button. The event payload is\n the suggestion query data.\n- `UserSelectedASuggestion`: the event is emitted after the user clicks the button. The event\n payload is the suggestion data.\n- The component can emit more events on click using the `suggestionSelectedEvents` prop.\n</docs>\n"],"names":["const"],"mappings":";;;;AAEAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/js/components/suggestions/base-suggestions.vue.js CHANGED Viewed

@@ -6,7 +6,7 @@ import script from './base-suggestions.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,22 +16,21 @@ var __vue_render__ = function() {
         {
           tag: "component",
           staticClass: "x-list x-suggestions",
-          attrs: { tag: "ul" }
+          attrs: { tag: "ul" },
         },
-        _vm._l(_vm.suggestionsToRender, function(suggestion, index) {
+        _vm._l(_vm.suggestionsToRender, function (suggestion, index) {
           return _c(
             "li",
             {
               key: _vm.suggestionsKeys[index],
               staticClass: "x-suggestions__item",
-              attrs: { "data-test": "suggestion-item" }
+              attrs: { "data-test": "suggestion-item" },
             },
             [
               _vm._t("default", null, null, {
                 suggestion: suggestion,
-                index: index
-              })
-            ],
+                index: index,
+              }) ],
             2
           )
         }),

package/js/components/suggestions/base-suggestions.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"base-suggestions.vue.js","sources":["../../../../src/components/suggestions/base-suggestions.vue"],"sourcesContent":["<template>\n <component :is=\"animation\" v-if=\"suggestions.length\" tag=\"ul\" class=\"x-list x-suggestions\">\n <li\n v-for=\"(suggestion, index) in suggestionsToRender\"\n :key=\"suggestionsKeys[index]\"\n class=\"x-suggestions__item\"\n data-test=\"suggestion-item\"\n >\n <!--\n @slot (Required) List item content\n @binding {Suggestion} suggestion - Suggestion data\n @binding {number} index - Suggestion index\n -->\n <slot v-bind=\"{ suggestion, index }\" />\n </li>\n </component>\n</template>\n\n<style lang=\"scss\" scoped>\n .x-suggestions {\n list-style-type: none;\n }\n</style>\n\n<script lang=\"ts\">\n import { Component, Prop } from 'vue-property-decorator';\n import { Suggestion, Facet } from '@empathyco/x-types';\n import Vue from 'vue';\n import { isArrayEmpty } from '../../utils/array';\n\n /*\n Paints a list of suggestions passed in by prop. Requires a component for a single suggestion\n * in the default slot for working.\n \n @public\n /\n @Component\n export default class BaseSuggestions extends Vue {\n /\n The list of suggestions to render.\n \n @public\n /\n @Prop({ required: true })\n protected suggestions!: Suggestion[];\n\n /\n Animation component that will be used to animate the suggestion.\n \n @public\n /\n @Prop({ default: 'ul' })\n protected animation!: Vue \| string;\n\n /\n Number of suggestions to be rendered.\n \n @public\n /\n @Prop()\n protected maxItemsToRender?: number;\n\n /\n An array with the unique keys for each suggestion. Required by the `v-for` loop.\n \n @returns An array with the unique keys of the suggestions.\n * @internal\n /\n protected get suggestionsKeys(): string[] {\n return this.suggestions.map(suggestion =>\n isArrayEmpty(suggestion.facets)\n ? suggestion.query\n : `${suggestion.query}-in-${this.getFacetsKey(suggestion.facets)}`\n );\n }\n\n /\n Generates a string from the given facets.\n \n @param facets - The list of facets to reduce to a string.\n * @returns - A string representing the list of facets.\n * @internal\n /\n protected getFacetsKey(facets: Facet[]): string {\n // Component methods are bound by Vue:\n // eslint-disable-next-line @typescript-eslint/unbound-method\n return facets.map(this.getFacetKey).join('&');\n }\n\n /\n Generates a string from the given facet.\n \n @param facet - The facet to reduce to a string.\n * @returns - A string representing the facet.\n * @internal\n /\n protected getFacetKey(facet: Facet): string {\n return facet.filters.map(filter => filter.id).join('&');\n }\n\n /\n Slices the suggestions from the state.\n \n @returns - The list of suggestions slice by the number of items to render.\n \n @internal\n */\n protected get suggestionsToRender(): Suggestion[] {\n return this.suggestions.slice(0, this.maxItemsToRender);\n }\n }\n</script>\n\n<docs lang=\"mdx\">\n# Examples\n\nFor this component to work, you will need to set a list of suggestions as prop, and also to\nimplement the component for single suggestion, which handles the click event. In the following\nexample, the suggestions are retrieved from a property called `suggestions`, and the implementation\nof the suggestion component is a simple `button`, that calls the `emitSuggestionSelected` method\nwhen clicked.\n\n```vue\n<BaseSuggestions :suggestions=\"suggestions\">\n <template #default=\"{ suggestion }\">\n <button @click=\"emitSuggestionSelected($event, suggestion)\">\n {{ suggestion.query }}\n </button>\n </template>\n</BaseSuggestions>\n```\n\nFollowing the previous example, the component options object could be something like this:\n\n```js\nexport default {\n computed: {\n ...mapGetters(['x', 'querySuggestions'], { suggestions: 'suggestions' })\n },\n methods: {\n emitSuggestionSelected(event, suggestion) {\n this.$x.emit('UserAcceptedAQuery', suggestion.query, { target: event.target });\n this.$x.emit('UserSelectedAQuerySuggestion', suggestion, { target: event.target });\n }\n }\n};\n```\n\n### Play with props\n\nIn this example, the suggestions has been limited to render a maximum of 3 items.\n\n_Type “puzzle” or another toy in the input field to try it out!_\n\n```vue\n<template>\n <BaseSuggestions :suggestions=\"suggestions\" :maxItemToRender=\"3\" />\n</template>\n\n<script>\n import { BaseSuggestions } from '@empathyco/x-components';\n\n export default {\n name: 'BaseSuggestionsDemo',\n components: {\n BaseSuggestions\n },\n data() {\n return {\n suggestions: [\n {\n facets: [],\n key: 'chips',\n query: 'Chips',\n totalResults: 10,\n results: [],\n modelName: 'PopularSearch'\n }\n ]\n };\n }\n };\n</script>\n```\n</docs>\n"],"names":["const"],"mappings":";;;;;AAEAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"base-suggestions.vue.js","sources":["../../../../src/components/suggestions/base-suggestions.vue"],"sourcesContent":["<template>\n <component :is=\"animation\" v-if=\"suggestions.length\" tag=\"ul\" class=\"x-list x-suggestions\">\n <li\n v-for=\"(suggestion, index) in suggestionsToRender\"\n :key=\"suggestionsKeys[index]\"\n class=\"x-suggestions__item\"\n data-test=\"suggestion-item\"\n >\n <!--\n @slot (Required) List item content\n @binding {Suggestion} suggestion - Suggestion data\n @binding {number} index - Suggestion index\n -->\n <slot v-bind=\"{ suggestion, index }\" />\n </li>\n </component>\n</template>\n\n<style lang=\"scss\" scoped>\n .x-suggestions {\n list-style-type: none;\n }\n</style>\n\n<script lang=\"ts\">\n import { Component, Prop } from 'vue-property-decorator';\n import { Suggestion, Facet } from '@empathyco/x-types';\n import Vue from 'vue';\n import { isArrayEmpty } from '../../utils/array';\n\n /*\n Paints a list of suggestions passed in by prop. Requires a component for a single suggestion\n * in the default slot for working.\n \n @public\n /\n @Component\n export default class BaseSuggestions extends Vue {\n /\n The list of suggestions to render.\n \n @public\n /\n @Prop({ required: true })\n protected suggestions!: Suggestion[];\n\n /\n Animation component that will be used to animate the suggestion.\n \n @public\n /\n @Prop({ default: 'ul' })\n protected animation!: Vue \| string;\n\n /\n Number of suggestions to be rendered.\n \n @public\n /\n @Prop()\n protected maxItemsToRender?: number;\n\n /\n An array with the unique keys for each suggestion. Required by the `v-for` loop.\n \n @returns An array with the unique keys of the suggestions.\n * @internal\n /\n protected get suggestionsKeys(): string[] {\n return this.suggestions.map(suggestion =>\n isArrayEmpty(suggestion.facets)\n ? suggestion.query\n : `${suggestion.query}-in-${this.getFacetsKey(suggestion.facets)}`\n );\n }\n\n /\n Generates a string from the given facets.\n \n @param facets - The list of facets to reduce to a string.\n * @returns - A string representing the list of facets.\n * @internal\n /\n protected getFacetsKey(facets: Facet[]): string {\n // Component methods are bound by Vue:\n // eslint-disable-next-line @typescript-eslint/unbound-method\n return facets.map(this.getFacetKey).join('&');\n }\n\n /\n Generates a string from the given facet.\n \n @param facet - The facet to reduce to a string.\n * @returns - A string representing the facet.\n * @internal\n /\n protected getFacetKey(facet: Facet): string {\n return facet.filters.map(filter => filter.id).join('&');\n }\n\n /\n Slices the suggestions from the state.\n \n @returns - The list of suggestions slice by the number of items to render.\n \n @internal\n */\n protected get suggestionsToRender(): Suggestion[] {\n return this.suggestions.slice(0, this.maxItemsToRender);\n }\n }\n</script>\n\n<docs lang=\"mdx\">\n# Examples\n\nFor this component to work, you will need to set a list of suggestions as prop, and also to\nimplement the component for single suggestion, which handles the click event. In the following\nexample, the suggestions are retrieved from a property called `suggestions`, and the implementation\nof the suggestion component is a simple `button`, that calls the `emitSuggestionSelected` method\nwhen clicked.\n\n```vue\n<BaseSuggestions :suggestions=\"suggestions\">\n <template #default=\"{ suggestion }\">\n <button @click=\"emitSuggestionSelected($event, suggestion)\">\n {{ suggestion.query }}\n </button>\n </template>\n</BaseSuggestions>\n```\n\nFollowing the previous example, the component options object could be something like this:\n\n```js\nexport default {\n computed: {\n ...mapGetters(['x', 'querySuggestions'], { suggestions: 'suggestions' })\n },\n methods: {\n emitSuggestionSelected(event, suggestion) {\n this.$x.emit('UserAcceptedAQuery', suggestion.query, { target: event.target });\n this.$x.emit('UserSelectedAQuerySuggestion', suggestion, { target: event.target });\n }\n }\n};\n```\n\n### Play with props\n\nIn this example, the suggestions has been limited to render a maximum of 3 items.\n\n_Type “puzzle” or another toy in the input field to try it out!_\n\n```vue\n<template>\n <BaseSuggestions :suggestions=\"suggestions\" :maxItemToRender=\"3\" />\n</template>\n\n<script>\n import { BaseSuggestions } from '@empathyco/x-components';\n\n export default {\n name: 'BaseSuggestionsDemo',\n components: {\n BaseSuggestions\n },\n data() {\n return {\n suggestions: [\n {\n facets: [],\n key: 'chips',\n query: 'Chips',\n totalResults: 10,\n results: [],\n modelName: 'PopularSearch'\n }\n ]\n };\n }\n };\n</script>\n```\n</docs>\n"],"names":["const"],"mappings":";;;;;AAEAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/js/index.js CHANGED Viewed

@@ -77,6 +77,7 @@ export { default as PlusIcon } from './components/icons/plus.vue.js';
 export { default as SearchIcon } from './components/icons/search.vue.js';
 export { default as ShowIcon } from './components/icons/show.vue.js';
 export { default as SearchTinyIcon } from './components/icons/search-tiny.vue.js';
+export { default as TagIcon } from './components/icons/tag.vue.js';
 export { default as TrashOpenIcon } from './components/icons/trash-open.vue.js';
 export { default as TrashIcon } from './components/icons/trash.vue.js';
 export { default as TrendingTinyIcon } from './components/icons/trending-tiny.vue.js';
@@ -136,6 +137,8 @@ export { default as Scroll } from './x-modules/scroll/components/scroll.vue.js';
 export { default as MultiColumnMaxWidthLayout } from './components/layouts/multi-column-max-width-layout.vue.js';
 export { default as SingleColumnLayout } from './components/layouts/single-column-layout.vue.js';
 export { default as LocationProvider } from './components/location-provider.vue.js';
+export { default as GlobalXBus } from './components/global-x-bus.vue.js';
+export { default as SnippetCallbacks } from './components/snippet-callbacks.vue.js';
 export { ItemsListInjectionMixin } from './components/items-list-injection.mixin.js';
 export { infiniteScroll } from './directives/infinite-scroll/infinite-scroll.js';
 export { compileMessage } from './filters/compile-message.filter.js';
@@ -220,7 +223,7 @@ export { identifierHighlightRegexp } from './x-modules/identifier-results/store/
 export { identifierResultsRequest } from './x-modules/identifier-results/store/getters/identifier-results-request.getter.js';
 export { identifierResultsXStoreModule } from './x-modules/identifier-results/store/module.js';
 export { identifierResultsEmitters } from './x-modules/identifier-results/store/emitters.js';
-export { cancelFetchAndSaveIdentifierResultsWire, clearIdentifierResultsQuery, fetchAndSaveIdentifierResultsWire, identifierResultsWiring, saveIdentifierResultsOriginWire, setIdentifierResultsQuery } from './x-modules/identifier-results/wiring.js';
+export { cancelFetchAndSaveIdentifierResultsWire, clearIdentifierResultsQuery, fetchAndSaveIdentifierResultsWire, identifierResultsWiring, saveIdentifierResultsOriginWire, setIdentifierResultsExtraParams, setIdentifierResultsQuery } from './x-modules/identifier-results/wiring.js';
 export { identifierResultsXModule } from './x-modules/identifier-results/x-module.js';
 export { default as IdentifierResult } from './x-modules/identifier-results/components/identifier-result.vue.js';
 export { default as IdentifierResults } from './x-modules/identifier-results/components/identifier-results.vue.js';
@@ -308,10 +311,12 @@ export { default as ClearSearchInput } from './x-modules/search-box/components/c
 export { default as SearchButton } from './x-modules/search-box/components/search-button.vue.js';
 export { default as SearchInput } from './x-modules/search-box/components/search-input.vue.js';
 export { DefaultSessionService } from './x-modules/tagging/service/session.service.js';
+export { track } from './x-modules/tagging/store/actions/track.action.js';
 export { taggingXStoreModule } from './x-modules/tagging/store/module.js';
 export { taggingEmitters } from './x-modules/tagging/store/emitters.js';
-export { setConsent, setQueryTaggingDebounce, setSessionDuration, taggingWiring } from './x-modules/tagging/wiring.js';
+export { setConsent, setQueryTaggingDebounce, setSessionDuration, taggingWiring, trackWire } from './x-modules/tagging/wiring.js';
 export { taggingXModule } from './x-modules/tagging/x-module.js';
+export { default as Tagging } from './x-modules/tagging/components/tagging.vue.js';
 export { urlXStoreModule } from './x-modules/url/store/module.js';
 export { replaceableParams, urlEmitters } from './x-modules/url/store/emitters.js';
 export { setInitialExtraParams, setParams, setUrlFilters, setUrlPage, setUrlQuery, setUrlRelatedTags, setUrlScroll, setUrlSort, urlWiring } from './x-modules/url/wiring.js';

package/js/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/js/utils/origin.js CHANGED Viewed

@@ -1,17 +1,19 @@
 /**
  * Creates a {@link QueryOrigin} or a {@link ResultOrigin} string given a {@link QueryFeature} and
  * a {@link FeatureLocation}.
- * If it can't be created, it returns `undefined`.
+ * If it can't be created, it returns `null`.
  *
  * @param originInit - An object containing the needed properties to create a {@link QueryOrigin} or
  * a {@link ResultOrigin}.
+ *
  * @returns The composed origin, or `null` if it is not able to create the origin.
+ *
  * @internal
  */
 function createOrigin(_a) {
     var feature = _a.feature, location = _a.location;
-    if (location && feature) {
-        return feature + ":" + location;
+    if (feature) {
+        return feature + ":" + (location !== null && location !== void 0 ? location : 'none');
     }
     return null;
 }

package/js/utils/origin.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"origin.js","sources":["../../../src/utils/origin.ts"],"sourcesContent":["import { QueryOrigin, QueryOriginInit, ResultOrigin } from '../types/origin';\n\n/*\n Creates a {@link QueryOrigin} or a {@link ResultOrigin} string given a {@link QueryFeature} and\n * a {@link FeatureLocation}.\n * If it can't be created, it returns `~~undefined~~`.\n \n @param originInit - An object containing the needed properties to create a {@link QueryOrigin} or\n * a {@link ResultOrigin}.\n * @returns The composed origin, or `null` if it is not able to create the origin.\n * @internal\n */\nexport function createOrigin({\n feature,\n location\n}: QueryOriginInit): QueryOrigin \| ResultOrigin \| null {\n if (~~location &&~~ feature) {\n return `${feature}:${location}`;\n }\n return null;\n}\n"],"names":[],"mappings":"AAEA~~;;;;;;;;;;SAUgB~~,YAAY,CAAC,EAGX;QAFhB,OAAO,aAAA,EACP,QAAQ,cAAA;IAER,IAAI,~~QAAQ,IAAI,~~OAAO,EAAE;~~QACvB~~,OAAU,OAAO,~~SAAI~~,~~QAAU~~,CAAC;~~KACjC~~;IACD,OAAO,IAAI,CAAC;AACd;;;;"}
1	+ {"version":3,"file":"origin.js","sources":["../../../src/utils/origin.ts"],"sourcesContent":["import { QueryOrigin, QueryOriginInit, ResultOrigin } from '../types/origin';\n\n/*\n Creates a {@link QueryOrigin} or a {@link ResultOrigin} string given a {@link QueryFeature} and\n * a {@link FeatureLocation}.\n * If it can't be created, it returns `null`.\n \n @param originInit - An object containing the needed properties to create a {@link QueryOrigin} or\n * a {@link ResultOrigin}.\n \n @returns The composed origin, or `null` if it is not able to create the origin.\n \n @internal\n */\nexport function createOrigin({\n feature,\n location\n}: QueryOriginInit): QueryOrigin \| ResultOrigin \| null {\n if (feature) {\n return `${feature}:${location ?? 'none'}`;\n }\n return null;\n}\n"],"names":[],"mappings":"AAEA;;;;;;;;;;;;SAYgB,YAAY,CAAC,EAGX;QAFhB,OAAO,aAAA,EACP,QAAQ,cAAA;IAER,IAAI,OAAO,EAAE;QACX,OAAU,OAAO,UAAI,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,MAAM,CAAE,CAAC;KAC3C;IACD,OAAO,IAAI,CAAC;AACd;;;;"}

package/js/utils/storage.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { noOp } from './function.js';
-import { StorageService } from '@empathyco/x-storage-service';
+import { BrowserStorageService } from '@empathyco/x-storage-service';
 /**
  * Service instance of {@link @empathyco/x-storage-service#StorageService | storage service} if
@@ -10,7 +10,7 @@ import { StorageService } from '@empathyco/x-storage-service';
  * @internal
  */
 var localStorageService = typeof localStorage !== 'undefined'
-    ? new StorageService(localStorage, 'x')
+    ? new BrowserStorageService(localStorage, 'x')
     : {
         clear: noOp,
         getItem: noOp,

package/js/utils/storage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"storage.js","sources":["../../../src/utils/storage.ts"],"sourcesContent":["import { StorageService } from '@empathyco/x-storage-service';\nimport { noOp } from './function';\n\n/*\n Service instance of {@link @empathyco/x-storage-service#StorageService \| storage service} if\n * localStorage is available.\n * If not, required {@link @empathyco/x-storage-service#StorageService \| storage service} functions\n * are initialized with empty implementations.\n \n @internal\n */\nexport const localStorageService =\n typeof localStorage !== 'undefined'\n ? new ~~StorageService~~(localStorage, 'x')\n : {\n clear: noOp,\n getItem: noOp,\n setItem: noOp,\n removeItem: noOp\n };\n"],"names":[],"mappings":";;;AAGA;;;;;;;;IAQa,mBAAmB,GAC9B,OAAO,YAAY,KAAK,WAAW;MAC/B,IAAI,~~cAAc~~,CAAC,YAAY,EAAE,GAAG,CAAC;~~MACrC~~;QACE,KAAK,EAAE,IAAI;QACX,OAAO,EAAE,IAAI;QACb,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,IAAI;;;;;"}
1	+ {"version":3,"file":"storage.js","sources":["../../../src/utils/storage.ts"],"sourcesContent":["import { BrowserStorageService, StorageService } from '@empathyco/x-storage-service';\nimport { noOp } from './function';\n\n/*\n Service instance of {@link @empathyco/x-storage-service#StorageService \| storage service} if\n * localStorage is available.\n * If not, required {@link @empathyco/x-storage-service#StorageService \| storage service} functions\n * are initialized with empty implementations.\n \n @internal\n */\nexport const localStorageService: StorageService =\n typeof localStorage !== 'undefined'\n ? new BrowserStorageService(localStorage, 'x')\n : {\n clear: noOp,\n getItem: noOp,\n setItem: noOp,\n removeItem: noOp\n };\n"],"names":[],"mappings":";;;AAGA;;;;;;;;IAQa,mBAAmB,GAC9B,OAAO,YAAY,KAAK,WAAW;MAC/B,IAAI,qBAAqB,CAAC,YAAY,EAAE,GAAG,CAAC;MAC5C;QACE,KAAK,EAAE,IAAI;QACX,OAAO,EAAE,IAAI;QACb,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,IAAI;;;;;"}

package/js/x-modules/device/components/device-detector.vue.js CHANGED Viewed

@@ -5,14 +5,14 @@ import script from './device-detector.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;
   return !_vm.force
     ? _c("GlobalEvents", {
         attrs: { target: "window" },
-        on: { resize: _vm.throttledStoreWindowWidth }
+        on: { resize: _vm.throttledStoreWindowWidth },
       })
     : _vm._e()
 };

package/js/x-modules/empathize/components/empathize.vue.js CHANGED Viewed

@@ -5,7 +5,7 @@ import script from './empathize.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;
@@ -17,18 +17,17 @@ var __vue_render__ = function() {
             staticClass: "x-empathize",
             attrs: { "data-test": "empathize" },
             on: {
-              mousedown: function($event) {
+              mousedown: function ($event) {
                 $event.preventDefault();
               },
               focusin: _vm.open,
-              focusout: _vm.close
-            }
+              focusout: _vm.close,
+            },
           },
           [_vm._t("default")],
           2
         )
-      : _vm._e()
-  ])
+      : _vm._e() ])
 };
 var __vue_staticRenderFns__ = [];
 __vue_render__._withStripped = true;

package/js/x-modules/empathize/components/empathize.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"empathize.vue.js","sources":["../../../../../src/x-modules/empathize/components/empathize.vue"],"sourcesContent":["<template>\n <component :is=\"animation\">\n <div\n v-if=\"isOpen\"\n @mousedown.prevent\n @focusin=\"open\"\n @focusout=\"close\"\n class=\"x-empathize\"\n data-test=\"empathize\"\n >\n <!-- @slot (Required) Modal container content -->\n <slot />\n </div>\n </component>\n</template>\n\n<script lang=\"ts\">\n import Vue from 'vue';\n import Component from 'vue-class-component';\n import { Prop } from 'vue-property-decorator';\n import { XOn } from '../../../components/decorators/bus.decorators';\n import { Debounce } from '../../../components/decorators/debounce.decorators';\n import { NoElement } from '../../../components/no-element';\n import { xComponentMixin } from '../../../components/x-component.mixin';\n import { WireMetadata, XEvent } from '../../../wiring';\n import { empathizeXModule } from '../x-module';\n\n /*\n Component containing the empathize. It has a required slot to define its content and two props\n * to define when to open and close it: eventsToOpenEmpathize and eventsToCloseEmpathize.\n \n @public\n /\n @Component({\n mixins: [xComponentMixin(empathizeXModule)]\n })\n export default class Empathize extends Vue {\n /\n Animation component that will be used to animate the empathize.\n \n @public\n /\n @Prop({ default: () => NoElement })\n protected animation!: Vue;\n\n /\n Array of {@link XEvent \| xEvents} to open the empathize.\n \n @public\n /\n @Prop({ default: () => ['UserFocusedSearchBox', 'UserIsTypingAQuery', 'UserClickedSearchBox'] })\n protected eventsToOpenEmpathize!: XEvent[];\n\n /\n Array of {@link XEvent \| xEvents} to close the empathize.\n \n @public\n /\n @Prop({\n default: () => [\n 'UserClosedEmpathize',\n 'UserSelectedASuggestion',\n 'UserPressedEnter',\n 'UserBlurredSearchBox'\n ]\n })\n protected eventsToCloseEmpathize!: XEvent[];\n\n /\n The modal container is open.\n \n @internal\n /\n protected isOpen = false;\n\n /\n Open empathize. This method will be executed on any event in\n * {@link Empathize.eventsToOpenEmpathize} and on DOM event `focusin` on Empathize root element.\n \n @param payload - The payload of the {@link XEvent}, that is unused in this case.\n * @param metadata - The {@link WireMetadata} of the event, used to emit the Empathize XEvents.\n \n @internal\n /\n @XOn(component => (component as Empathize).eventsToOpenEmpathize)\n // eslint-disable-next-line @typescript-eslint/no-unused-vars-experimental\n open(payload: unknown, metadata: WireMetadata): void {\n this.changeOpenState(true, metadata);\n }\n\n /\n Close empathize. This method will be executed on any event in\n * {@link Empathize.eventsToCloseEmpathize} and on DOM event `focusout` on Empathize root\n * element.\n \n @param payload - The payload of the {@link XEvent}, that is unused in this case.\n * @param metadata - The {@link WireMetadata} of the event, used to emit the Empathize XEvents.\n \n @internal\n /\n @XOn(component => (component as Empathize).eventsToCloseEmpathize)\n // eslint-disable-next-line @typescript-eslint/no-unused-vars-experimental\n close(payload: unknown, metadata: WireMetadata): void {\n this.changeOpenState(false, metadata);\n }\n\n /\n Changes the state of {@link Empathize.isOpen} assigning to it the value of `newOpenState`\n * parameter. Also emits the {@link XEvent \| XEvents} `EmpathizeOpened` or `EmpathizeClosed` if\n * the state really changes.\n \n @param newOpenState - The new state to assign to {@link Empathize.isOpen}.\n * @param metadata - The {@link WireMetadata} to emit the {@link XEvent \| XEvents}. If is\n * undefined, a this component is used as source of info for the metadata.\n \n @internal\n */\n @Debounce(0)\n changeOpenState(newOpenState: boolean, metadata: WireMetadata): void {\n if (this.isOpen !== newOpenState) {\n this.isOpen = newOpenState;\n this.$x.emit(\n this.isOpen ? 'EmpathizeOpened' : 'EmpathizeClosed',\n undefined,\n metadata ?? { moduleName: 'empathize', target: this.$el }\n );\n }\n }\n }\n</script>\n\n<docs lang=\"mdx\">\n# Examples\n\nThis component will listen to the configured events in `eventsToOpenEmpathize` and\n`eventsToCloseEmpathize` props and open/close itself accordingly. By default, those props values\nare:\n\n- Open: `UserFocusedSearchBox`, `'`UserIsTypingAQuery`, `'`UserClickedSearchBox` and\n- Close: `UserClosedEmpathize`, `UserSelectedASuggestion`, `UserPressedEnter`,\n 'UserBlurredSearchBox`\n\n## Basic examples\n\nThe component rendering the query suggestions, popular searches and history queries with keyboard\nnavigation.\n\n```vue\n<Empathize>\n <template #default>\n <BaseKeyboardNavigation>\n <QuerySuggestions/>\n <PopularSearches/>\n <HistoryQueries/>\n </BaseKeyboardNavigation>\n </template>\n</Empathize>\n```\n\nDefining custom values for the events to open and close the Empathize. For example opening it when\nthe search box loses the focus and closing it when the search box receives the focus:\n\n```vue\n<Empathize\n :eventsToOpenEmpathize=\"['UserBlurredSearchBox']\"\n :eventsToCloseEmpathize=\"['UserFocusedSearchBox']\"\n>\n <template #default>\n Please, type a query in the Search Box.\n </template>\n</Empathize>\n```\n\nAn animation can be used for the opening and closing using the `animation` prop. The animation, must\nbe a Component with a `Transition` with a slot inside:\n\n```vue\n<Empathize :animation=\"collapseFromTop\">\n <template #default>\n <PopularSearches/>\n </template>\n</Empathize>\n```\n\n## Events\n\nA list of events that the component will emit:\n\n- `EmpathizeOpened`: the event is emitted after receiving an event to change the state `isOpen` to\n `true`. The event payload is undefined and can have a metadata with the module and the element\n that emitted it.\n- `EmpathizeClosed`: the event is emitted after receiving an event to change the state `isOpen` to\n `false`. The event payload is undefined and can have a metadata with the module and the element\n that emitted it.\n</docs>\n"],"names":["const"],"mappings":";;;;AAEAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"empathize.vue.js","sources":["../../../../../src/x-modules/empathize/components/empathize.vue"],"sourcesContent":["<template>\n <component :is=\"animation\">\n <div\n v-if=\"isOpen\"\n @mousedown.prevent\n @focusin=\"open\"\n @focusout=\"close\"\n class=\"x-empathize\"\n data-test=\"empathize\"\n >\n <!-- @slot (Required) Modal container content -->\n <slot />\n </div>\n </component>\n</template>\n\n<script lang=\"ts\">\n import Vue from 'vue';\n import Component from 'vue-class-component';\n import { Prop } from 'vue-property-decorator';\n import { XOn } from '../../../components/decorators/bus.decorators';\n import { Debounce } from '../../../components/decorators/debounce.decorators';\n import { NoElement } from '../../../components/no-element';\n import { xComponentMixin } from '../../../components/x-component.mixin';\n import { WireMetadata, XEvent } from '../../../wiring';\n import { empathizeXModule } from '../x-module';\n\n /*\n Component containing the empathize. It has a required slot to define its content and two props\n * to define when to open and close it: eventsToOpenEmpathize and eventsToCloseEmpathize.\n \n @public\n /\n @Component({\n mixins: [xComponentMixin(empathizeXModule)]\n })\n export default class Empathize extends Vue {\n /\n Animation component that will be used to animate the empathize.\n \n @public\n /\n @Prop({ default: () => NoElement })\n protected animation!: Vue;\n\n /\n Array of {@link XEvent \| xEvents} to open the empathize.\n \n @public\n /\n @Prop({ default: () => ['UserFocusedSearchBox', 'UserIsTypingAQuery', 'UserClickedSearchBox'] })\n protected eventsToOpenEmpathize!: XEvent[];\n\n /\n Array of {@link XEvent \| xEvents} to close the empathize.\n \n @public\n /\n @Prop({\n default: () => [\n 'UserClosedEmpathize',\n 'UserSelectedASuggestion',\n 'UserPressedEnter',\n 'UserBlurredSearchBox'\n ]\n })\n protected eventsToCloseEmpathize!: XEvent[];\n\n /\n The modal container is open.\n \n @internal\n /\n protected isOpen = false;\n\n /\n Open empathize. This method will be executed on any event in\n * {@link Empathize.eventsToOpenEmpathize} and on DOM event `focusin` on Empathize root element.\n \n @param payload - The payload of the {@link XEvent}, that is unused in this case.\n * @param metadata - The {@link WireMetadata} of the event, used to emit the Empathize XEvents.\n \n @internal\n /\n @XOn(component => (component as Empathize).eventsToOpenEmpathize)\n // eslint-disable-next-line @typescript-eslint/no-unused-vars-experimental\n open(payload: unknown, metadata: WireMetadata): void {\n this.changeOpenState(true, metadata);\n }\n\n /\n Close empathize. This method will be executed on any event in\n * {@link Empathize.eventsToCloseEmpathize} and on DOM event `focusout` on Empathize root\n * element.\n \n @param payload - The payload of the {@link XEvent}, that is unused in this case.\n * @param metadata - The {@link WireMetadata} of the event, used to emit the Empathize XEvents.\n \n @internal\n /\n @XOn(component => (component as Empathize).eventsToCloseEmpathize)\n // eslint-disable-next-line @typescript-eslint/no-unused-vars-experimental\n close(payload: unknown, metadata: WireMetadata): void {\n this.changeOpenState(false, metadata);\n }\n\n /\n Changes the state of {@link Empathize.isOpen} assigning to it the value of `newOpenState`\n * parameter. Also emits the {@link XEvent \| XEvents} `EmpathizeOpened` or `EmpathizeClosed` if\n * the state really changes.\n \n @param newOpenState - The new state to assign to {@link Empathize.isOpen}.\n * @param metadata - The {@link WireMetadata} to emit the {@link XEvent \| XEvents}. If is\n * undefined, a this component is used as source of info for the metadata.\n \n @internal\n */\n @Debounce(0)\n changeOpenState(newOpenState: boolean, metadata: WireMetadata): void {\n if (this.isOpen !== newOpenState) {\n this.isOpen = newOpenState;\n this.$x.emit(\n this.isOpen ? 'EmpathizeOpened' : 'EmpathizeClosed',\n undefined,\n metadata ?? { moduleName: 'empathize', target: this.$el }\n );\n }\n }\n }\n</script>\n\n<docs lang=\"mdx\">\n# Examples\n\nThis component will listen to the configured events in `eventsToOpenEmpathize` and\n`eventsToCloseEmpathize` props and open/close itself accordingly. By default, those props values\nare:\n\n- Open: `UserFocusedSearchBox`, `'`UserIsTypingAQuery`, `'`UserClickedSearchBox` and\n- Close: `UserClosedEmpathize`, `UserSelectedASuggestion`, `UserPressedEnter`,\n 'UserBlurredSearchBox`\n\n## Basic examples\n\nThe component rendering the query suggestions, popular searches and history queries with keyboard\nnavigation.\n\n```vue\n<Empathize>\n <template #default>\n <BaseKeyboardNavigation>\n <QuerySuggestions/>\n <PopularSearches/>\n <HistoryQueries/>\n </BaseKeyboardNavigation>\n </template>\n</Empathize>\n```\n\nDefining custom values for the events to open and close the Empathize. For example opening it when\nthe search box loses the focus and closing it when the search box receives the focus:\n\n```vue\n<Empathize\n :eventsToOpenEmpathize=\"['UserBlurredSearchBox']\"\n :eventsToCloseEmpathize=\"['UserFocusedSearchBox']\"\n>\n <template #default>\n Please, type a query in the Search Box.\n </template>\n</Empathize>\n```\n\nAn animation can be used for the opening and closing using the `animation` prop. The animation, must\nbe a Component with a `Transition` with a slot inside:\n\n```vue\n<Empathize :animation=\"collapseFromTop\">\n <template #default>\n <PopularSearches/>\n </template>\n</Empathize>\n```\n\n## Events\n\nA list of events that the component will emit:\n\n- `EmpathizeOpened`: the event is emitted after receiving an event to change the state `isOpen` to\n `true`. The event payload is undefined and can have a metadata with the module and the element\n that emitted it.\n- `EmpathizeClosed`: the event is emitted after receiving an event to change the state `isOpen` to\n `false`. The event payload is undefined and can have a metadata with the module and the element\n that emitted it.\n</docs>\n"],"names":["const"],"mappings":";;;;AAEAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/js/x-modules/extra-params/components/extra-params.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 { extraParamsXModule } from '../x-module.js';

package/js/x-modules/extra-params/components/extra-params.vue_rollup-plugin-vue=script.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"extra-params.vue_rollup-plugin-vue=script.js","sources":["../../../../../src/x-modules/extra-params/components/extra-params.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\nimport Vue from 'vue';\nimport { Component, Prop } from 'vue-property-decorator';\nimport { State, xComponentMixin, XEmit } from '../../../components';\nimport { Dictionary } from '../../../utils';\nimport { extraParamsXModule } from '../x-module';\n\n/*\n It emits a {@link ExtraParamsXEvents.ExtraParamsProvided} with the values\n * received as a prop.\n \n @public\n /\n@Component({\n mixins: [xComponentMixin(extraParamsXModule)]\n})\nexport default class ExtraParams extends Vue {\n /\n Emits the initial extra params, overriding with the state extra params, just in case, those\n * values were already set by XComponents initialization (url, plugin config, etc.).\n /\n mounted(): void {\n this.$x.emit('ExtraParamsInitialized', this.values);\n this.$x.emit('ExtraParamsProvided', { ...this.values, ...this.storeExtraParams });\n }\n\n /\n (Required) A Dictionary where the keys are the extra param names and its values.\n \n @remarks Emits the {@link ExtraParamsXEvents.ExtraParamsProvided} when the\n * component is rendered or the values changed.\n \n @public\n /\n @XEmit('ExtraParamsProvided', { deep: true })\n @Prop({ required: true })\n public values!: Dictionary<unknown>;\n\n /\n State extra params. Used to override the initial extra params.\n */\n @State('extraParams', 'params')\n public storeExtraParams!: Dictionary<unknown>;\n\n // eslint-disable-next-line @typescript-eslint/no-empty-function\n render(): void {}\n}\n"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAOA;;;;;;AASA;IAAyC,+BAAG;IAA5C;;KA8BC;;;;;IAzBC,6BAAO,GAAP;QACE,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,wBAAwB,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QACpD,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,qBAAqB,wBAAO,IAAI,CAAC,MAAM,GAAK,IAAI,CAAC,gBAAgB,EAAG,CAAC;KACnF;;IAqBD,4BAAM,GAAN,eAAiB;IATjB;QAFC,KAAK,CAAC,qBAAqB,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;QAC5C,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;+CACW;IAMpC;QADC,KAAK,CAAC,aAAa,EAAE,QAAQ,CAAC;yDACe;IA1B3B,WAAW;QAH/B,SAAS,CAAC;YACT,MAAM,EAAE,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC;SAC9C,CAAC;OACmB,WAAW,CA8B/B;IAAD,kBAAC;CAAA,CA9BwC,GAAG;;;;"}
1	+ {"version":3,"file":"extra-params.vue_rollup-plugin-vue=script.js","sources":["../../../../../src/x-modules/extra-params/components/extra-params.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\nimport Vue from 'vue';\nimport { Component, Prop } from 'vue-property-decorator';\nimport { State, xComponentMixin, XEmit } from '../../../components';\nimport { Dictionary } from '../../../utils';\nimport { extraParamsXModule } from '../x-module';\n\n/*\n It emits a {@link ExtraParamsXEvents.ExtraParamsProvided} with the values\n * received as a prop.\n \n @public\n /\n@Component({\n mixins: [xComponentMixin(extraParamsXModule)]\n})\nexport default class ExtraParams extends Vue {\n /\n Emits the initial extra params, overriding with the state extra params, just in case, those\n * values were already set by XComponents initialization (url, plugin config, etc.).\n /\n mounted(): void {\n this.$x.emit('ExtraParamsInitialized', this.values);\n this.$x.emit('ExtraParamsProvided', { ...this.values, ...this.storeExtraParams });\n }\n\n /\n (Required) A Dictionary where the keys are the extra param names and its values.\n \n @remarks Emits the {@link ExtraParamsXEvents.ExtraParamsProvided} when the\n * component is rendered or the values changed.\n \n @public\n /\n @XEmit('ExtraParamsProvided', { deep: true })\n @Prop({ required: true })\n public values!: Dictionary<unknown>;\n\n /\n State extra params. Used to override the initial extra params.\n */\n @State('extraParams', 'params')\n public storeExtraParams!: Dictionary<unknown>;\n\n // eslint-disable-next-line @typescript-eslint/no-empty-function\n render(): void {}\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA;;;;;;AASA;IAAyC,+BAAG;IAA5C;;KA8BC;;;;;IAzBC,6BAAO,GAAP;QACE,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,wBAAwB,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QACpD,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,qBAAqB,wBAAO,IAAI,CAAC,MAAM,GAAK,IAAI,CAAC,gBAAgB,EAAG,CAAC;KACnF;;IAqBD,4BAAM,GAAN,eAAiB;IATjB;QAFC,KAAK,CAAC,qBAAqB,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;QAC5C,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;+CACW;IAMpC;QADC,KAAK,CAAC,aAAa,EAAE,QAAQ,CAAC;yDACe;IA1B3B,WAAW;QAH/B,SAAS,CAAC;YACT,MAAM,EAAE,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC;SAC9C,CAAC;OACmB,WAAW,CA8B/B;IAAD,kBAAC;CAAA,CA9BwC,GAAG;;;;"}

package/js/x-modules/extra-params/components/renderless-extra-param.vue.js CHANGED Viewed

@@ -5,7 +5,7 @@ import script from './renderless-extra-param.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;
@@ -14,9 +14,8 @@ var __vue_render__ = function() {
     [
       _vm._t("default", null, null, {
         value: _vm.value,
-        updateValue: _vm.updateValue
-      })
-    ],
+        updateValue: _vm.updateValue,
+      }) ],
     2
   )
 };

package/js/x-modules/extra-params/components/renderless-extra-param.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"renderless-extra-param.vue.js","sources":["../../../../../src/x-modules/extra-params/components/renderless-extra-param.vue"],"sourcesContent":["<template>\n <NoElement>\n <slot v-bind=\"{ value, updateValue }\"></slot>\n </NoElement>\n</template>\n\n<script lang=\"ts\">\n import Vue from 'vue';\n import { Component, Prop } from 'vue-property-decorator';\n import { NoElement, State, xComponentMixin } from '../../../components';\n import { Dictionary } from '../../../utils';\n import { extraParamsXModule } from '../x-module';\n\n /*\n It emits a {@link ExtraParamsXEvents.UserChangedExtraParams} when the `updateValue`\n * is called.\n \n @public\n /\n @Component({\n mixins: [xComponentMixin(extraParamsXModule)],\n components: {\n NoElement\n }\n })\n export default class RenderlessExtraParam extends Vue {\n /\n The extra param's name.\n \n @public\n /\n @Prop({ required: true })\n public name!: string;\n\n /\n A dictionary with the extra params in the store state.\n \n @public\n /\n @State('extraParams', 'params')\n public stateParams!: Dictionary<unknown>;\n\n /\n It returns the value of the extra param from the store.\n \n @returns - The value from the store.\n \n @internal\n /\n protected get value(): unknown {\n return this.stateParams[this.name];\n }\n\n /\n It sets the new value to the store.\n \n @param newValue - The new value of the extra param.\n \n @internal\n */\n protected updateValue(newValue: unknown): void {\n this.$x.emit('UserChangedExtraParams', { [this.name]: newValue });\n }\n }\n</script>\n\n<docs lang=\"mdx\">\n# Examples\n\nRenders default slot content. It binds to the default slot the name of the extra parameter and the\ndefault value of it.\n\n## Basic usage\n\n```vue\n<template>\n <RenderlessExtraParam #default=\"{ value, updateValue }\" name=\"store\">\n <BaseDropdown @change=\"updateValue\" :value=\"value\" :items=\"items\" />\n </RenderlessExtraParam>\n</template>\n\n<script>\n import { RenderlessExtraParams } from '@empathyco/x-components/extra-params';\n import { BaseDropdown } from '@empathyco/x-components';\n\n export default {\n name: 'RenderlessExtraParamsDemo',\n components: {\n RenderlessExtraParams,\n BaseDropdown\n },\n props: ['name'],\n data() {\n return {\n items: ['spain', 'portugal']\n };\n }\n };\n</script>\n```\n</docs>\n"],"names":["const"],"mappings":";;;;AAEAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"renderless-extra-param.vue.js","sources":["../../../../../src/x-modules/extra-params/components/renderless-extra-param.vue"],"sourcesContent":["<template>\n <NoElement>\n <slot v-bind=\"{ value, updateValue }\"></slot>\n </NoElement>\n</template>\n\n<script lang=\"ts\">\n import Vue from 'vue';\n import { Component, Prop } from 'vue-property-decorator';\n import { NoElement, State, xComponentMixin } from '../../../components';\n import { Dictionary } from '../../../utils';\n import { extraParamsXModule } from '../x-module';\n\n /*\n It emits a {@link ExtraParamsXEvents.UserChangedExtraParams} when the `updateValue`\n * is called.\n \n @public\n /\n @Component({\n mixins: [xComponentMixin(extraParamsXModule)],\n components: {\n NoElement\n }\n })\n export default class RenderlessExtraParam extends Vue {\n /\n The extra param's name.\n \n @public\n /\n @Prop({ required: true })\n public name!: string;\n\n /\n A dictionary with the extra params in the store state.\n \n @public\n /\n @State('extraParams', 'params')\n public stateParams!: Dictionary<unknown>;\n\n /\n It returns the value of the extra param from the store.\n \n @returns - The value from the store.\n \n @internal\n /\n protected get value(): unknown {\n return this.stateParams[this.name];\n }\n\n /\n It sets the new value to the store.\n \n @param newValue - The new value of the extra param.\n \n @internal\n */\n protected updateValue(newValue: unknown): void {\n this.$x.emit('UserChangedExtraParams', { [this.name]: newValue });\n }\n }\n</script>\n\n<docs lang=\"mdx\">\n# Examples\n\nRenders default slot content. It binds to the default slot the name of the extra parameter and the\ndefault value of it.\n\n## Basic usage\n\n```vue\n<template>\n <RenderlessExtraParam #default=\"{ value, updateValue }\" name=\"store\">\n <BaseDropdown @change=\"updateValue\" :value=\"value\" :items=\"items\" />\n </RenderlessExtraParam>\n</template>\n\n<script>\n import { RenderlessExtraParams } from '@empathyco/x-components/extra-params';\n import { BaseDropdown } from '@empathyco/x-components';\n\n export default {\n name: 'RenderlessExtraParamsDemo',\n components: {\n RenderlessExtraParams,\n BaseDropdown\n },\n props: ['name'],\n data() {\n return {\n items: ['spain', 'portugal']\n };\n }\n };\n</script>\n```\n</docs>\n"],"names":["const"],"mappings":";;;;AAEAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/js/x-modules/extra-params/components/renderless-extra-param.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 { extraParamsXModule } from '../x-module.js';

package/js/x-modules/extra-params/components/renderless-extra-param.vue_rollup-plugin-vue=script.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"renderless-extra-param.vue_rollup-plugin-vue=script.js","sources":["../../../../../src/x-modules/extra-params/components/renderless-extra-param.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\nimport Vue from 'vue';\nimport { Component, Prop } from 'vue-property-decorator';\nimport { NoElement, State, xComponentMixin } from '../../../components';\nimport { Dictionary } from '../../../utils';\nimport { extraParamsXModule } from '../x-module';\n\n/*\n It emits a {@link ExtraParamsXEvents.UserChangedExtraParams} when the `updateValue`\n * is called.\n \n @public\n /\n@Component({\n mixins: [xComponentMixin(extraParamsXModule)],\n components: {\n NoElement\n }\n})\nexport default class RenderlessExtraParam extends Vue {\n /\n The extra param's name.\n \n @public\n /\n @Prop({ required: true })\n public name!: string;\n\n /\n A dictionary with the extra params in the store state.\n \n @public\n /\n @State('extraParams', 'params')\n public stateParams!: Dictionary<unknown>;\n\n /\n It returns the value of the extra param from the store.\n \n @returns - The value from the store.\n \n @internal\n /\n protected get value(): unknown {\n return this.stateParams[this.name];\n }\n\n /\n It sets the new value to the store.\n \n @param newValue - The new value of the extra param.\n \n @internal\n */\n protected updateValue(newValue: unknown): void {\n this.$x.emit('UserChangedExtraParams', { [this.name]: newValue });\n }\n}\n"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAaA;;;;;;AAYA;IAAkD,wCAAG;IAArD;;KAsCC;IAdC,sBAAc,uCAAK;;;;;;;;aAAnB;YACE,OAAO,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SACpC;;;OAAA;;;;;;;;IASS,0CAAW,GAArB,UAAsB,QAAiB;;QACrC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,wBAAwB,YAAI,GAAC,IAAI,CAAC,IAAI,IAAG,QAAQ,MAAG,CAAC;KACnE;IA9BD;QADC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;sDACJ;IAQrB;QADC,KAAK,CAAC,aAAa,EAAE,QAAQ,CAAC;6DACU;IAftB,oBAAoB;QANxC,SAAS,CAAC;YACT,MAAM,EAAE,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC;YAC7C,UAAU,EAAE;gBACV,SAAS,WAAA;aACV;SACF,CAAC;OACmB,oBAAoB,CAsCxC;IAAD,2BAAC;CAAA,CAtCiD,GAAG;;;;"}
1	+ {"version":3,"file":"renderless-extra-param.vue_rollup-plugin-vue=script.js","sources":["../../../../../src/x-modules/extra-params/components/renderless-extra-param.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\nimport Vue from 'vue';\nimport { Component, Prop } from 'vue-property-decorator';\nimport { NoElement, State, xComponentMixin } from '../../../components';\nimport { Dictionary } from '../../../utils';\nimport { extraParamsXModule } from '../x-module';\n\n/*\n It emits a {@link ExtraParamsXEvents.UserChangedExtraParams} when the `updateValue`\n * is called.\n \n @public\n /\n@Component({\n mixins: [xComponentMixin(extraParamsXModule)],\n components: {\n NoElement\n }\n})\nexport default class RenderlessExtraParam extends Vue {\n /\n The extra param's name.\n \n @public\n /\n @Prop({ required: true })\n public name!: string;\n\n /\n A dictionary with the extra params in the store state.\n \n @public\n /\n @State('extraParams', 'params')\n public stateParams!: Dictionary<unknown>;\n\n /\n It returns the value of the extra param from the store.\n \n @returns - The value from the store.\n \n @internal\n /\n protected get value(): unknown {\n return this.stateParams[this.name];\n }\n\n /\n It sets the new value to the store.\n \n @param newValue - The new value of the extra param.\n \n @internal\n */\n protected updateValue(newValue: unknown): void {\n this.$x.emit('UserChangedExtraParams', { [this.name]: newValue });\n }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA;;;;;;AAYA;IAAkD,wCAAG;IAArD;;KAsCC;IAdC,sBAAc,uCAAK;;;;;;;;aAAnB;YACE,OAAO,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SACpC;;;OAAA;;;;;;;;IASS,0CAAW,GAArB,UAAsB,QAAiB;;QACrC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,wBAAwB,YAAI,GAAC,IAAI,CAAC,IAAI,IAAG,QAAQ,MAAG,CAAC;KACnE;IA9BD;QADC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;sDACJ;IAQrB;QADC,KAAK,CAAC,aAAa,EAAE,QAAQ,CAAC;6DACU;IAftB,oBAAoB;QANxC,SAAS,CAAC;YACT,MAAM,EAAE,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC;YAC7C,UAAU,EAAE;gBACV,SAAS,WAAA;aACV;SACF,CAAC;OACmB,oBAAoB,CAsCxC;IAAD,2BAAC;CAAA,CAtCiD,GAAG;;;;"}

package/js/x-modules/extra-params/components/snippet-config-extra-params.vue.js CHANGED Viewed

@@ -5,7 +5,7 @@ import script from './snippet-config-extra-params.vue_rollup-plugin-vue=script.j
 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;

package/js/x-modules/extra-params/components/snippet-config-extra-params.vue_rollup-plugin-vue=script.js CHANGED Viewed

@@ -80,6 +80,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';
@@ -121,6 +122,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 { extraParamsXModule } from '../x-module.js';
 import ExtraParams from './extra-params.vue.js';

package/js/x-modules/extra-params/components/snippet-config-extra-params.vue_rollup-plugin-vue=script.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"snippet-config-extra-params.vue_rollup-plugin-vue=script.js","sources":["../../../../../src/x-modules/extra-params/components/snippet-config-extra-params.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\nimport Vue from 'vue';\nimport { Component, Watch, Inject } from 'vue-property-decorator';\nimport { xComponentMixin } from '../../../components';\nimport { Dictionary, forEach } from '../../../utils';\nimport { SnippetConfig } from '../../../x-installer';\nimport { extraParamsXModule } from '../x-module';\nimport ExtraParams from './extra-params.vue';\n\n/*\n Extracts the extra parameters from the {@link SnippetConfig} and syncs it with the request\n * objects of every x-module.\n \n @public\n /\n@Component({\n components: { ExtraParams },\n mixins: [xComponentMixin(extraParamsXModule)]\n})\nexport default class SnippetConfigExtraParams extends Vue {\n /\n It injects {@link SnippetConfig} provided by an ancestor as snippetConfig.\n \n @internal\n /\n @Inject('snippetConfig')\n public snippetConfig!: SnippetConfig;\n\n /\n Custom object containing the extra params from the snippet config.\n \n @remarks This object keeps manually the desired snippet config properties to avoid\n * unnecessary re-renders.\n \n @internal\n /\n protected extraParams: Dictionary<unknown> = {};\n\n /\n Updates the extraParams object when the snippet config changes.\n \n @param snippetConfig - The new snippet config.\n \n @internal\n */\n @Watch('snippetConfig', { deep: true, immediate: true })\n syncExtraParams({\n instance,\n scope,\n lang,\n searchLang,\n consent,\n documentDirection,\n currency,\n ...snippetExtraParams\n }: SnippetConfig): void {\n forEach(snippetExtraParams, (name, value) => {\n this.$set(this.extraParams, name, value);\n });\n }\n}\n"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAaA;;;;;;AAUA;IAAsD,4CAAG;IAAzD;QAAA,qEAyCC;;;;;;;;;QAxBW,iBAAW,GAAwB,EAAE,CAAC;;KAwBjD;;;;;;;;IAdC,kDAAe,GAAf,UAAgB,EASA;QAVhB,iBAcC;QAZC,IAAA,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,UAAU,gBAAA,EACV,OAAO,aAAA,EACP,iBAAiB,uBAAA,EACjB,QAAQ,cAAA,EACL,kBAAkB,cARP,uFASf,CADsB;QAErB,OAAO,CAAC,kBAAkB,EAAE,UAAC,IAAI,EAAE,KAAK;YACtC,KAAI,CAAC,IAAI,CAAC,KAAI,CAAC,WAAW,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;SAC1C,CAAC,CAAC;KACJ;IAjCD;QADC,MAAM,CAAC,eAAe,CAAC;mEACa;IAoBrC;QADC,KAAK,CAAC,eAAe,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;mEAcvD;IAxCkB,wBAAwB;QAJ5C,SAAS,CAAC;YACT,UAAU,EAAE,EAAE,WAAW,aAAA,EAAE;YAC3B,MAAM,EAAE,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC;SAC9C,CAAC;OACmB,wBAAwB,CAyC5C;IAAD,+BAAC;CAAA,CAzCqD,GAAG;;;;"}
1	+ {"version":3,"file":"snippet-config-extra-params.vue_rollup-plugin-vue=script.js","sources":["../../../../../src/x-modules/extra-params/components/snippet-config-extra-params.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\nimport Vue from 'vue';\nimport { Component, Watch, Inject } from 'vue-property-decorator';\nimport { xComponentMixin } from '../../../components';\nimport { Dictionary, forEach } from '../../../utils';\nimport { SnippetConfig } from '../../../x-installer';\nimport { extraParamsXModule } from '../x-module';\nimport ExtraParams from './extra-params.vue';\n\n/*\n Extracts the extra parameters from the {@link SnippetConfig} and syncs it with the request\n * objects of every x-module.\n \n @public\n /\n@Component({\n components: { ExtraParams },\n mixins: [xComponentMixin(extraParamsXModule)]\n})\nexport default class SnippetConfigExtraParams extends Vue {\n /\n It injects {@link SnippetConfig} provided by an ancestor as snippetConfig.\n \n @internal\n /\n @Inject('snippetConfig')\n public snippetConfig!: SnippetConfig;\n\n /\n Custom object containing the extra params from the snippet config.\n \n @remarks This object keeps manually the desired snippet config properties to avoid\n * unnecessary re-renders.\n \n @internal\n /\n protected extraParams: Dictionary<unknown> = {};\n\n /\n Updates the extraParams object when the snippet config changes.\n \n @param snippetConfig - The new snippet config.\n \n @internal\n */\n @Watch('snippetConfig', { deep: true, immediate: true })\n syncExtraParams({\n instance,\n scope,\n lang,\n searchLang,\n consent,\n documentDirection,\n currency,\n ...snippetExtraParams\n }: SnippetConfig): void {\n forEach(snippetExtraParams, (name, value) => {\n this.$set(this.extraParams, name, value);\n });\n }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA;;;;;;AAUA;IAAsD,4CAAG;IAAzD;QAAA,qEAyCC;;;;;;;;;QAxBW,iBAAW,GAAwB,EAAE,CAAC;;KAwBjD;;;;;;;;IAdC,kDAAe,GAAf,UAAgB,EASA;QAVhB,iBAcC;QAZC,IAAA,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,UAAU,gBAAA,EACV,OAAO,aAAA,EACP,iBAAiB,uBAAA,EACjB,QAAQ,cAAA,EACL,kBAAkB,cARP,uFASf,CADsB;QAErB,OAAO,CAAC,kBAAkB,EAAE,UAAC,IAAI,EAAE,KAAK;YACtC,KAAI,CAAC,IAAI,CAAC,KAAI,CAAC,WAAW,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;SAC1C,CAAC,CAAC;KACJ;IAjCD;QADC,MAAM,CAAC,eAAe,CAAC;mEACa;IAoBrC;QADC,KAAK,CAAC,eAAe,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;mEAcvD;IAxCkB,wBAAwB;QAJ5C,SAAS,CAAC;YACT,UAAU,EAAE,EAAE,WAAW,aAAA,EAAE;YAC3B,MAAM,EAAE,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC;SAC9C,CAAC;OACmB,wBAAwB,CAyC5C;IAAD,+BAAC;CAAA,CAzCqD,GAAG;;;;"}

package/js/x-modules/facets/components/clear-filters.vue.js CHANGED Viewed

@@ -5,7 +5,7 @@ import script from './clear-filters.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;
@@ -18,24 +18,22 @@ var __vue_render__ = function() {
           attrs: {
             "data-test": "clear-filters",
             disabled: !_vm.areThereSelectedFilters,
-            events: _vm.events
-          }
+            events: _vm.events,
+          },
         },
         [
           _vm._t(
             "default",
-            function() {
+            function () {
               return [
                 _vm._v(
                   "\n    Clear Filters (" +
                     _vm._s(_vm.facetsSelectedFilters.length) +
                     ")\n  "
-                )
-              ]
+                ) ]
             },
             { selectedFilters: _vm.facetsSelectedFilters }
-          )
-        ],
+          ) ],
         2
       )
     : _vm._e()

package/js/x-modules/facets/components/clear-filters.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"clear-filters.vue.js","sources":["../../../../../src/x-modules/facets/components/clear-filters.vue"],"sourcesContent":["<template>\n <BaseEventButton\n v-if=\"show\"\n class=\"x-button x-clear-filters\"\n data-test=\"clear-filters\"\n :disabled=\"!areThereSelectedFilters\"\n :events=\"events\"\n :class=\"cssClasses\"\n >\n <slot :selectedFilters=\"facetsSelectedFilters\">\n Clear Filters ({{ facetsSelectedFilters.length }})\n </slot>\n </BaseEventButton>\n</template>\n\n<script lang=\"ts\">\n import { Facet, Filter, isFacetFilter } from '@empathyco/x-types';\n import Vue from 'vue';\n import { Component, Prop } from 'vue-property-decorator';\n import { Getter, xComponentMixin } from '../../../components';\n import BaseEventButton from '../../../components/base-event-button.vue';\n import { VueCSSClasses } from '../../../utils';\n import { XEventsTypes } from '../../../wiring';\n import { facetsXModule } from '../x-module';\n\n /*\n Renders a simple button, emitting the needed events when clicked.\n \n @public\n /\n @Component({\n components: { BaseEventButton },\n mixins: [xComponentMixin(facetsXModule)]\n })\n export default class ClearFilters extends Vue {\n /\n It handles if the ClearFilters button is always visible no matter if there are not\n * filters selected. If false, the ClearFilters button is not visible whether\n * there are no filters selected.\n \n @public\n /\n @Prop({ default: false })\n public alwaysVisible!: boolean;\n\n /\n Array of facets ids that will be passed to event like payload.\n \n @public\n /\n @Prop()\n public facetsIds?: Array<Facet['id']>;\n\n /\n Get the selected filters from store.\n \n @internal\n /\n @Getter('facets', 'selectedFilters')\n public allSelectedFilters!: Filter[];\n\n /\n If alwaysVisible prop is true, ClearAllFilters button is always shown, but disabled\n * if there are no filters selected.\n * If alwaysVisible prop is false, ClearAllFilters button is shown whether there\n * are some filter selected.\n \n @returns True if alwaysVisible is true or in the opposite case true or false depends\n * on if there are selected filters or not.\n \n @internal\n /\n protected get show(): boolean {\n return this.alwaysVisible \|\| this.areThereSelectedFilters;\n }\n\n /\n Get selected filters.\n * If there are facets ids, get selected filters whose facet id match with some of facets ids.\n * If there aren't facets ids, get selected filters.\n \n @returns Array of selected filters depends on there are facets ids or not.\n * @internal\n /\n protected get facetsSelectedFilters(): Filter[] {\n if (this.facetsIds) {\n return this.allSelectedFilters.filter(\n filter => isFacetFilter(filter) && this.facetsIds!.includes(filter.facetId)\n );\n } else {\n return this.allSelectedFilters;\n }\n }\n\n /\n Check if there are selected filters.\n \n @returns True or false depends on if there are facets ids and if there are selected filters.\n * @internal\n /\n protected get areThereSelectedFilters(): boolean {\n return !!this.facetsSelectedFilters.length;\n }\n\n /\n The events that will be emitted when the button clear filters is clicked.\n \n @returns The events to be emitted when the button clear filters is clicked.\n * @internal\n /\n protected get events(): Partial<XEventsTypes> {\n return this.facetsIds\n ? {\n UserClickedClearAllFilters: this.facetsIds\n }\n : {\n UserClickedClearAllFilters: undefined\n };\n }\n\n /\n Dynamic CSS classes to apply to the component.\n \n @returns The dynamic CSS classes to apply to the component.\n * @internal\n */\n protected get cssClasses(): VueCSSClasses {\n return {\n 'x-clear-filters--has-not-selected-filters': !this.areThereSelectedFilters,\n 'x-clear-filters--has-selected-filters': this.areThereSelectedFilters\n };\n }\n }\n</script>\n\n<docs lang=\"mdx\">\n# Examples\n\nThis component renders a button, which on clicked emits the `UserClickedClearAllFilters` or\n`UserClickedClearAllFilters` event.\n\n## Basic usage\n\n```vue\n<ClearFilters />\n```\n\n## Customizing its contents\n\nIn this example, show the custom message in button.\n\n```vue\n<ClearFilters v-slot=\"{ selectedFilters }\">\n Delete {{ selectedFilters.length }} selected\n</ClearFilters>\n```\n\nIn this example, show the custom message in button with always visible a true and list of facets\nids.\n\n```vue\n<ClearFilters v-slot=\"{ selectedFilters }\" :alwaysVisible=\"true\" :facetsIds=\"facetsIds\">\n Delete {{ selectedFilters.length }} selected\n</ClearFilters>\n```\n\n## Events\n\nA list of events that the component will emit:\n\n- `UserClickedClearAllFilters`: the event is emitted after the user clicks the button to clear a\n certain facets filter. The event payload is the id of the facets that are going to be cleared.\n- `UserClickedClearAllFilters`: the event is emitted after the user clicks the button. The event\n payload is undefined.\n</docs>\n"],"names":["const"],"mappings":";;;;AAEAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"clear-filters.vue.js","sources":["../../../../../src/x-modules/facets/components/clear-filters.vue"],"sourcesContent":["<template>\n <BaseEventButton\n v-if=\"show\"\n class=\"x-button x-clear-filters\"\n data-test=\"clear-filters\"\n :disabled=\"!areThereSelectedFilters\"\n :events=\"events\"\n :class=\"cssClasses\"\n >\n <slot :selectedFilters=\"facetsSelectedFilters\">\n Clear Filters ({{ facetsSelectedFilters.length }})\n </slot>\n </BaseEventButton>\n</template>\n\n<script lang=\"ts\">\n import { Facet, Filter, isFacetFilter } from '@empathyco/x-types';\n import Vue from 'vue';\n import { Component, Prop } from 'vue-property-decorator';\n import { Getter, xComponentMixin } from '../../../components';\n import BaseEventButton from '../../../components/base-event-button.vue';\n import { VueCSSClasses } from '../../../utils';\n import { XEventsTypes } from '../../../wiring';\n import { facetsXModule } from '../x-module';\n\n /*\n Renders a simple button, emitting the needed events when clicked.\n \n @public\n /\n @Component({\n components: { BaseEventButton },\n mixins: [xComponentMixin(facetsXModule)]\n })\n export default class ClearFilters extends Vue {\n /\n It handles if the ClearFilters button is always visible no matter if there are not\n * filters selected. If false, the ClearFilters button is not visible whether\n * there are no filters selected.\n \n @public\n /\n @Prop({ default: false })\n public alwaysVisible!: boolean;\n\n /\n Array of facets ids that will be passed to event like payload.\n \n @public\n /\n @Prop()\n public facetsIds?: Array<Facet['id']>;\n\n /\n Get the selected filters from store.\n \n @internal\n /\n @Getter('facets', 'selectedFilters')\n public allSelectedFilters!: Filter[];\n\n /\n If alwaysVisible prop is true, ClearAllFilters button is always shown, but disabled\n * if there are no filters selected.\n * If alwaysVisible prop is false, ClearAllFilters button is shown whether there\n * are some filter selected.\n \n @returns True if alwaysVisible is true or in the opposite case true or false depends\n * on if there are selected filters or not.\n \n @internal\n /\n protected get show(): boolean {\n return this.alwaysVisible \|\| this.areThereSelectedFilters;\n }\n\n /\n Get selected filters.\n * If there are facets ids, get selected filters whose facet id match with some of facets ids.\n * If there aren't facets ids, get selected filters.\n \n @returns Array of selected filters depends on there are facets ids or not.\n * @internal\n /\n protected get facetsSelectedFilters(): Filter[] {\n if (this.facetsIds) {\n return this.allSelectedFilters.filter(\n filter => isFacetFilter(filter) && this.facetsIds!.includes(filter.facetId)\n );\n } else {\n return this.allSelectedFilters;\n }\n }\n\n /\n Check if there are selected filters.\n \n @returns True or false depends on if there are facets ids and if there are selected filters.\n * @internal\n /\n protected get areThereSelectedFilters(): boolean {\n return !!this.facetsSelectedFilters.length;\n }\n\n /\n The events that will be emitted when the button clear filters is clicked.\n \n @returns The events to be emitted when the button clear filters is clicked.\n * @internal\n /\n protected get events(): Partial<XEventsTypes> {\n return this.facetsIds\n ? {\n UserClickedClearAllFilters: this.facetsIds\n }\n : {\n UserClickedClearAllFilters: undefined\n };\n }\n\n /\n Dynamic CSS classes to apply to the component.\n \n @returns The dynamic CSS classes to apply to the component.\n * @internal\n */\n protected get cssClasses(): VueCSSClasses {\n return {\n 'x-clear-filters--has-not-selected-filters': !this.areThereSelectedFilters,\n 'x-clear-filters--has-selected-filters': this.areThereSelectedFilters\n };\n }\n }\n</script>\n\n<docs lang=\"mdx\">\n# Examples\n\nThis component renders a button, which on clicked emits the `UserClickedClearAllFilters` or\n`UserClickedClearAllFilters` event.\n\n## Basic usage\n\n```vue\n<ClearFilters />\n```\n\n## Customizing its contents\n\nIn this example, show the custom message in button.\n\n```vue\n<ClearFilters v-slot=\"{ selectedFilters }\">\n Delete {{ selectedFilters.length }} selected\n</ClearFilters>\n```\n\nIn this example, show the custom message in button with always visible a true and list of facets\nids.\n\n```vue\n<ClearFilters v-slot=\"{ selectedFilters }\" :alwaysVisible=\"true\" :facetsIds=\"facetsIds\">\n Delete {{ selectedFilters.length }} selected\n</ClearFilters>\n```\n\n## Events\n\nA list of events that the component will emit:\n\n- `UserClickedClearAllFilters`: the event is emitted after the user clicks the button to clear a\n certain facets filter. The event payload is the id of the facets that are going to be cleared.\n- `UserClickedClearAllFilters`: the event is emitted after the user clicks the button. The event\n payload is undefined.\n</docs>\n"],"names":["const"],"mappings":";;;;AAEAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/js/x-modules/facets/components/clear-filters.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 { isFacetFilter } from '@empathyco/x-types';
 import { facetsXModule } from '../x-module.js';

package/js/x-modules/facets/components/clear-filters.vue_rollup-plugin-vue=script.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"clear-filters.vue_rollup-plugin-vue=script.js","sources":["../../../../../src/x-modules/facets/components/clear-filters.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { Facet, Filter, isFacetFilter } from '@empathyco/x-types';\nimport Vue from 'vue';\nimport { Component, Prop } from 'vue-property-decorator';\nimport { Getter, xComponentMixin } from '../../../components';\nimport BaseEventButton from '../../../components/base-event-button.vue';\nimport { VueCSSClasses } from '../../../utils';\nimport { XEventsTypes } from '../../../wiring';\nimport { facetsXModule } from '../x-module';\n\n/*\n Renders a simple button, emitting the needed events when clicked.\n \n @public\n /\n@Component({\n components: { BaseEventButton },\n mixins: [xComponentMixin(facetsXModule)]\n})\nexport default class ClearFilters extends Vue {\n /\n It handles if the ClearFilters button is always visible no matter if there are not\n * filters selected. If false, the ClearFilters button is not visible whether\n * there are no filters selected.\n \n @public\n /\n @Prop({ default: false })\n public alwaysVisible!: boolean;\n\n /\n Array of facets ids that will be passed to event like payload.\n \n @public\n /\n @Prop()\n public facetsIds?: Array<Facet['id']>;\n\n /\n Get the selected filters from store.\n \n @internal\n /\n @Getter('facets', 'selectedFilters')\n public allSelectedFilters!: Filter[];\n\n /\n If alwaysVisible prop is true, ClearAllFilters button is always shown, but disabled\n * if there are no filters selected.\n * If alwaysVisible prop is false, ClearAllFilters button is shown whether there\n * are some filter selected.\n \n @returns True if alwaysVisible is true or in the opposite case true or false depends\n * on if there are selected filters or not.\n \n @internal\n /\n protected get show(): boolean {\n return this.alwaysVisible \|\| this.areThereSelectedFilters;\n }\n\n /\n Get selected filters.\n * If there are facets ids, get selected filters whose facet id match with some of facets ids.\n * If there aren't facets ids, get selected filters.\n \n @returns Array of selected filters depends on there are facets ids or not.\n * @internal\n /\n protected get facetsSelectedFilters(): Filter[] {\n if (this.facetsIds) {\n return this.allSelectedFilters.filter(\n filter => isFacetFilter(filter) && this.facetsIds!.includes(filter.facetId)\n );\n } else {\n return this.allSelectedFilters;\n }\n }\n\n /\n Check if there are selected filters.\n \n @returns True or false depends on if there are facets ids and if there are selected filters.\n * @internal\n /\n protected get areThereSelectedFilters(): boolean {\n return !!this.facetsSelectedFilters.length;\n }\n\n /\n The events that will be emitted when the button clear filters is clicked.\n \n @returns The events to be emitted when the button clear filters is clicked.\n * @internal\n /\n protected get events(): Partial<XEventsTypes> {\n return this.facetsIds\n ? {\n UserClickedClearAllFilters: this.facetsIds\n }\n : {\n UserClickedClearAllFilters: undefined\n };\n }\n\n /\n Dynamic CSS classes to apply to the component.\n \n @returns The dynamic CSS classes to apply to the component.\n * @internal\n */\n protected get cssClasses(): VueCSSClasses {\n return {\n 'x-clear-filters--has-not-selected-filters': !this.areThereSelectedFilters,\n 'x-clear-filters--has-selected-filters': this.areThereSelectedFilters\n };\n }\n}\n"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAyBA;;;;;AASA;IAA0C,gCAAG;IAA7C;;KAkGC;IA5DC,sBAAc,8BAAI;;;;;;;;;;;;aAAlB;YACE,OAAO,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,uBAAuB,CAAC;SAC3D;;;OAAA;IAUD,sBAAc,+CAAqB;;;;;;;;;aAAnC;YAAA,iBAQC;YAPC,IAAI,IAAI,CAAC,SAAS,EAAE;gBAClB,OAAO,IAAI,CAAC,kBAAkB,CAAC,MAAM,CACnC,UAAA,MAAM,IAAI,OAAA,aAAa,CAAC,MAAM,CAAC,IAAI,KAAI,CAAC,SAAU,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,GAAA,CAC5E,CAAC;aACH;iBAAM;gBACL,OAAO,IAAI,CAAC,kBAAkB,CAAC;aAChC;SACF;;;OAAA;IAQD,sBAAc,iDAAuB;;;;;;;aAArC;YACE,OAAO,CAAC,CAAC,IAAI,CAAC,qBAAqB,CAAC,MAAM,CAAC;SAC5C;;;OAAA;IAQD,sBAAc,gCAAM;;;;;;;aAApB;YACE,OAAO,IAAI,CAAC,SAAS;kBACjB;oBACE,0BAA0B,EAAE,IAAI,CAAC,SAAS;iBAC3C;kBACD;oBACE,0BAA0B,EAAE,SAAS;iBACtC,CAAC;SACP;;;OAAA;IAQD,sBAAc,oCAAU;;;;;;;aAAxB;YACE,OAAO;gBACL,2CAA2C,EAAE,CAAC,IAAI,CAAC,uBAAuB;gBAC1E,uCAAuC,EAAE,IAAI,CAAC,uBAAuB;aACtE,CAAC;SACH;;;OAAA;IAxFD;QADC,IAAI,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;uDACM;IAQ/B;QADC,IAAI,EAAE;mDAC+B;IAQtC;QADC,MAAM,CAAC,QAAQ,EAAE,iBAAiB,CAAC;4DACC;IAzBlB,YAAY;QAJhC,SAAS,CAAC;YACT,UAAU,EAAE,EAAE,eAAe,iBAAA,EAAE;YAC/B,MAAM,EAAE,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;SACzC,CAAC;OACmB,YAAY,CAkGhC;IAAD,mBAAC;CAAA,CAlGyC,GAAG;;;;"}
1	+ {"version":3,"file":"clear-filters.vue_rollup-plugin-vue=script.js","sources":["../../../../../src/x-modules/facets/components/clear-filters.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { Facet, Filter, isFacetFilter } from '@empathyco/x-types';\nimport Vue from 'vue';\nimport { Component, Prop } from 'vue-property-decorator';\nimport { Getter, xComponentMixin } from '../../../components';\nimport BaseEventButton from '../../../components/base-event-button.vue';\nimport { VueCSSClasses } from '../../../utils';\nimport { XEventsTypes } from '../../../wiring';\nimport { facetsXModule } from '../x-module';\n\n/*\n Renders a simple button, emitting the needed events when clicked.\n \n @public\n /\n@Component({\n components: { BaseEventButton },\n mixins: [xComponentMixin(facetsXModule)]\n})\nexport default class ClearFilters extends Vue {\n /\n It handles if the ClearFilters button is always visible no matter if there are not\n * filters selected. If false, the ClearFilters button is not visible whether\n * there are no filters selected.\n \n @public\n /\n @Prop({ default: false })\n public alwaysVisible!: boolean;\n\n /\n Array of facets ids that will be passed to event like payload.\n \n @public\n /\n @Prop()\n public facetsIds?: Array<Facet['id']>;\n\n /\n Get the selected filters from store.\n \n @internal\n /\n @Getter('facets', 'selectedFilters')\n public allSelectedFilters!: Filter[];\n\n /\n If alwaysVisible prop is true, ClearAllFilters button is always shown, but disabled\n * if there are no filters selected.\n * If alwaysVisible prop is false, ClearAllFilters button is shown whether there\n * are some filter selected.\n \n @returns True if alwaysVisible is true or in the opposite case true or false depends\n * on if there are selected filters or not.\n \n @internal\n /\n protected get show(): boolean {\n return this.alwaysVisible \|\| this.areThereSelectedFilters;\n }\n\n /\n Get selected filters.\n * If there are facets ids, get selected filters whose facet id match with some of facets ids.\n * If there aren't facets ids, get selected filters.\n \n @returns Array of selected filters depends on there are facets ids or not.\n * @internal\n /\n protected get facetsSelectedFilters(): Filter[] {\n if (this.facetsIds) {\n return this.allSelectedFilters.filter(\n filter => isFacetFilter(filter) && this.facetsIds!.includes(filter.facetId)\n );\n } else {\n return this.allSelectedFilters;\n }\n }\n\n /\n Check if there are selected filters.\n \n @returns True or false depends on if there are facets ids and if there are selected filters.\n * @internal\n /\n protected get areThereSelectedFilters(): boolean {\n return !!this.facetsSelectedFilters.length;\n }\n\n /\n The events that will be emitted when the button clear filters is clicked.\n \n @returns The events to be emitted when the button clear filters is clicked.\n * @internal\n /\n protected get events(): Partial<XEventsTypes> {\n return this.facetsIds\n ? {\n UserClickedClearAllFilters: this.facetsIds\n }\n : {\n UserClickedClearAllFilters: undefined\n };\n }\n\n /\n Dynamic CSS classes to apply to the component.\n \n @returns The dynamic CSS classes to apply to the component.\n * @internal\n */\n protected get cssClasses(): VueCSSClasses {\n return {\n 'x-clear-filters--has-not-selected-filters': !this.areThereSelectedFilters,\n 'x-clear-filters--has-selected-filters': this.areThereSelectedFilters\n };\n }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA;;;;;AASA;IAA0C,gCAAG;IAA7C;;KAkGC;IA5DC,sBAAc,8BAAI;;;;;;;;;;;;aAAlB;YACE,OAAO,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,uBAAuB,CAAC;SAC3D;;;OAAA;IAUD,sBAAc,+CAAqB;;;;;;;;;aAAnC;YAAA,iBAQC;YAPC,IAAI,IAAI,CAAC,SAAS,EAAE;gBAClB,OAAO,IAAI,CAAC,kBAAkB,CAAC,MAAM,CACnC,UAAA,MAAM,IAAI,OAAA,aAAa,CAAC,MAAM,CAAC,IAAI,KAAI,CAAC,SAAU,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,GAAA,CAC5E,CAAC;aACH;iBAAM;gBACL,OAAO,IAAI,CAAC,kBAAkB,CAAC;aAChC;SACF;;;OAAA;IAQD,sBAAc,iDAAuB;;;;;;;aAArC;YACE,OAAO,CAAC,CAAC,IAAI,CAAC,qBAAqB,CAAC,MAAM,CAAC;SAC5C;;;OAAA;IAQD,sBAAc,gCAAM;;;;;;;aAApB;YACE,OAAO,IAAI,CAAC,SAAS;kBACjB;oBACE,0BAA0B,EAAE,IAAI,CAAC,SAAS;iBAC3C;kBACD;oBACE,0BAA0B,EAAE,SAAS;iBACtC,CAAC;SACP;;;OAAA;IAQD,sBAAc,oCAAU;;;;;;;aAAxB;YACE,OAAO;gBACL,2CAA2C,EAAE,CAAC,IAAI,CAAC,uBAAuB;gBAC1E,uCAAuC,EAAE,IAAI,CAAC,uBAAuB;aACtE,CAAC;SACH;;;OAAA;IAxFD;QADC,IAAI,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;uDACM;IAQ/B;QADC,IAAI,EAAE;mDAC+B;IAQtC;QADC,MAAM,CAAC,QAAQ,EAAE,iBAAiB,CAAC;4DACC;IAzBlB,YAAY;QAJhC,SAAS,CAAC;YACT,UAAU,EAAE,EAAE,eAAe,iBAAA,EAAE;YAC/B,MAAM,EAAE,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;SACzC,CAAC;OACmB,YAAY,CAkGhC;IAAD,mBAAC;CAAA,CAlGyC,GAAG;;;;"}

package/js/x-modules/facets/components/facets/facets-provider.vue_rollup-plugin-vue=script.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 { 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 { facetsXModule } from '../../x-module.js';