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

package/js/components/x-component.mixin.js

@@ -1,4 +1,3 @@
-import { setXComponentXModuleName } from './x-component.utils.js';
 import { XPlugin } from '../plugins/x-plugin.js';
 
 /**
@@ -14,9 +13,7 @@ import { XPlugin } from '../plugins/x-plugin.js';
 function xComponentMixin(module) {
     XPlugin.registerXModule(module);
     return {
-        beforeCreate: function () {
-            setXComponentXModuleName(this, module.name);
-        }
+        xModule: module.name
     };
 }
 

package/js/components/x-component.mixin.js.map

@@ -1 +1 @@
-{"version":3,"file":"x-component.mixin.js","sources":["../../../src/components/x-component.mixin.ts"],"sourcesContent":["import Vue, { ComponentOptions } from 'vue';\nimport { XPlugin } from '../plugins/x-plugin';\nimport { AnyXModule } from '../x-modules/x-modules.types';\nimport { setXComponentXModuleName } from './x-component.utils';\n\n/**\n * Initializes a component as an X-Component:\n * * Registers the module passed as parameter.\n * * Flags the component as X-Component, so then it can be detected with the {@link isXComponent}\n * function.\n *\n * @param module - The module associated to the X-Component using this mixin.\n * @returns Mixin for the module.\n * @public\n */\nexport function xComponentMixin(module: AnyXModule): ComponentOptions<Vue> {\n  XPlugin.registerXModule(module);\n  return {\n    beforeCreate(): void {\n      setXComponentXModuleName(this, module.name);\n    }\n  };\n}\n"],"names":[],"mappings":";;;AAKA;;;;;;;;;;SAUgB,eAAe,CAAC,MAAkB;IAChD,OAAO,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;IAChC,OAAO;QACL,YAAY,EAAZ;YACE,wBAAwB,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;SAC7C;KACF,CAAC;AACJ;;;;"}
+{"version":3,"file":"x-component.mixin.js","sources":["../../../src/components/x-component.mixin.ts"],"sourcesContent":["import Vue, { ComponentOptions } from 'vue';\nimport { XPlugin } from '../plugins/x-plugin';\nimport { AnyXModule } from '../x-modules/x-modules.types';\n\n/**\n * Initializes a component as an X-Component:\n * * Registers the module passed as parameter.\n * * Flags the component as X-Component, so then it can be detected with the {@link isXComponent}\n * function.\n *\n * @param module - The module associated to the X-Component using this mixin.\n * @returns Mixin for the module.\n * @public\n */\nexport function xComponentMixin(module: AnyXModule): ComponentOptions<Vue> {\n  XPlugin.registerXModule(module);\n  return {\n    xModule: module.name\n  };\n}\n"],"names":[],"mappings":";;AAIA;;;;;;;;;;SAUgB,eAAe,CAAC,MAAkB;IAChD,OAAO,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;IAChC,OAAO;QACL,OAAO,EAAE,MAAM,CAAC,IAAI;KACrB,CAAC;AACJ;;;;"}

package/js/components/x-component.utils.js

@@ -1,19 +1,3 @@
-/**
- * Symbol for storing the {@link XModule} that an X-Component belongs to.
- *
- * @internal
- */
-var XComponentModule = Symbol.for('XComponentModule');
-/**
- * Sets the X-Component name.
- *
- * @param component - The x-component to set its name.
- * @param name - The name of the X-Component.
- * @internal
- */
-function setXComponentXModuleName(component, name) {
-    component[XComponentModule] = name;
-}
 /**
  * Gets the X-Component name.
  *
@@ -23,8 +7,8 @@ function setXComponentXModuleName(component, name) {
  * @internal
  */
 function getXComponentXModuleName(component) {
-    var _a, _b;
-    return (_b = (_a = component) === null || _a === void 0 ? void 0 : _a[XComponentModule]) !== null && _b !== void 0 ? _b : null;
+    var _a;
+    return (_a = component === null || component === void 0 ? void 0 : component.$options.xModule) !== null && _a !== void 0 ? _a : null;
 }
 /**
  * Returns if the component is an X-Component. An X-Component is a component that has an
@@ -35,8 +19,8 @@ function getXComponentXModuleName(component) {
  * @public
  */
 function isXComponent(component) {
-    return !!component[XComponentModule];
+    return !!getXComponentXModuleName(component);
 }
 
-export { XComponentModule, getXComponentXModuleName, isXComponent, setXComponentXModuleName };
+export { getXComponentXModuleName, isXComponent };
 //# sourceMappingURL=x-component.utils.js.map

package/js/components/x-component.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"x-component.utils.js","sources":["../../../src/components/x-component.utils.ts"],"sourcesContent":["import Vue from 'vue';\nimport { XModuleName } from '../x-modules/x-modules.types';\nimport { XComponent } from './x-component.types';\n\n/**\n * Symbol for storing the {@link XModule} that an X-Component belongs to.\n *\n * @internal\n */\nexport const XComponentModule = Symbol.for('XComponentModule');\n\n/**\n * Sets the X-Component name.\n *\n * @param component - The x-component to set its name.\n * @param name - The name of the X-Component.\n * @internal\n */\nexport function setXComponentXModuleName(component: Vue, name: XModuleName): void {\n  (component as XComponent)[XComponentModule] = name;\n}\n\n/**\n * Gets the X-Component name.\n *\n * @param component - The x-component to get its name.\n * @returns The x-module name if the component is an x-component, or `null` if it is not an\n * x-component.\n * @internal\n */\nexport function getXComponentXModuleName(component: Vue | undefined): XModuleName | null {\n  return (component as XComponent)?.[XComponentModule] ?? null;\n}\n\n/**\n * Returns if the component is an X-Component. An X-Component is a component that has an\n * {@link XModule} associated to it.\n *\n * @param component - The component to check if it is an X-Component.\n * @returns A boolean which flags if a component is a X-Component.\n * @public\n */\nexport function isXComponent(component: Vue): component is XComponent {\n  return !!(component as XComponent)[XComponentModule];\n}\n"],"names":[],"mappings":"AAIA;;;;;IAKa,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAC,kBAAkB,EAAE;AAE/D;;;;;;;SAOgB,wBAAwB,CAAC,SAAc,EAAE,IAAiB;IACvE,SAAwB,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;AACrD,CAAC;AAED;;;;;;;;SAQgB,wBAAwB,CAAC,SAA0B;;IACjE,OAAO,MAAA,MAAC,SAAwB,0CAAG,gBAAgB,CAAC,mCAAI,IAAI,CAAC;AAC/D,CAAC;AAED;;;;;;;;SAQgB,YAAY,CAAC,SAAc;IACzC,OAAO,CAAC,CAAE,SAAwB,CAAC,gBAAgB,CAAC,CAAC;AACvD;;;;"}
+{"version":3,"file":"x-component.utils.js","sources":["../../../src/components/x-component.utils.ts"],"sourcesContent":["import Vue from 'vue';\nimport { XModuleName } from '../x-modules/x-modules.types';\n\n/**\n * Gets the X-Component name.\n *\n * @param component - The x-component to get its name.\n * @returns The x-module name if the component is an x-component, or `null` if it is not an\n * x-component.\n * @internal\n */\nexport function getXComponentXModuleName(component: Vue | undefined): XModuleName | null {\n  return component?.$options.xModule ?? null;\n}\n\n/**\n * Returns if the component is an X-Component. An X-Component is a component that has an\n * {@link XModule} associated to it.\n *\n * @param component - The component to check if it is an X-Component.\n * @returns A boolean which flags if a component is a X-Component.\n * @public\n */\nexport function isXComponent(component: Vue): boolean {\n  return !!getXComponentXModuleName(component);\n}\n"],"names":[],"mappings":"AAGA;;;;;;;;SAQgB,wBAAwB,CAAC,SAA0B;;IACjE,OAAO,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,CAAC,OAAO,mCAAI,IAAI,CAAC;AAC7C,CAAC;AAED;;;;;;;;SAQgB,YAAY,CAAC,SAAc;IACzC,OAAO,CAAC,CAAC,wBAAwB,CAAC,SAAS,CAAC,CAAC;AAC/C;;;;"}

package/js/index.js

@@ -22,7 +22,7 @@ export { sanitize } from './utils/sanitize.js';
 export { localStorageService } from './utils/storage.js';
 export { capitalize, isStringEmpty, toKebabCase } from './utils/string.js';
 export { throttle as throttleFunction } from './utils/throttle.js';
-export { default as StaggeringTransitionGroup } from './components/staggering-transition-group.vue.js';
+export { default as StaggeringTransitionGroup } from './components/animations/staggering-transition-group.vue.js';
 export { default as StaggeredFadeAndSlide } from './components/animations/staggered-fade-and-slide.vue.js';
 export { default as TranslateFromLeft } from './components/animations/translate-from-left.vue.js';
 export { default as TranslateFromRight } from './components/animations/translate-from-right.vue.js';
@@ -77,21 +77,47 @@ 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';
 export { default as TrendingIcon } from './components/icons/trending.vue.js';
 export { default as UserIcon } from './components/icons/user.vue.js';
-export { default as BaseEventsModalClose } from './components/modals/base-events-modal-close.vue.js';
+export { Getter, State } from './components/decorators/store.decorators.js';
+export { RootXStoreModule } from './store/x.module.js';
+export { BaseXBus, bus } from './plugins/x-bus.js';
+export { getXComponentXModuleName, isXComponent } from './components/x-component.utils.js';
+export { createXComponentAPIMixin, getBusAPI, getRootXComponent } from './plugins/x-plugin.mixin.js';
+export { XPlugin, xPlugin } from './plugins/x-plugin.js';
+export { xComponentMixin } from './components/x-component.mixin.js';
+export { createFetchAndSaveActions } from './store/utils/fetch-and-save-action.utils.js';
+export { setStatus } from './store/utils/status-store.utils.js';
+export { createStoreEmitters } from './store/utils/store-emitters.utils.js';
+export { scrollXStoreModule } from './x-modules/scroll/store/module.js';
+export { scrollEmitters } from './x-modules/scroll/store/emitters.js';
+export { createWireFromFunction, wireCommit, wireCommitWithoutPayload, wireDispatch, wireDispatchWithoutPayload, wireService, wireServiceWithoutPayload } from './wiring/wires.factory.js';
+export { createWiring, getStateAndGettersFromModule } from './wiring/wiring.utils.js';
+export { namespacedWireCommit, namespacedWireCommitWithoutPayload, namespacedWireDispatch, namespacedWireDispatchWithoutPayload } from './wiring/namespaced-wires.factory.js';
+export { clearPendingScrollToWire, scrollWiring, setPendingScrollToWire, setScrollDirectionWire, setScrollHasAlmostReachedEndWire, setScrollHasReachedEndWire, setScrollHasReachedStartWire, setScrollPositionWire } from './x-modules/scroll/wiring.js';
+export { scrollXModule } from './x-modules/scroll/x-module.js';
+export { MainScrollId, ScrollObserverKey } from './x-modules/scroll/components/scroll.const.js';
+export { default as MainScroll } from './x-modules/scroll/components/main-scroll.vue.js';
 export { default as BaseModal } from './components/modals/base-modal.vue.js';
+export { default as BaseIdModal } from './components/modals/base-id-modal.vue.js';
+export { default as ScrollMixin } from './components/scroll/scroll.mixin.js';
+export { default as BaseScroll } from './components/scroll/base-scroll.vue.js';
+export { default as Scroll } from './x-modules/scroll/components/scroll.vue.js';
+export { default as FixedHeaderAndAsidesLayout } from './components/layouts/fixed-header-and-asides-layout.vue.js';
+export { default as BaseTogglePanel } from './components/panels/base-toggle-panel.vue.js';
+export { default as BaseIdTogglePanel } from './components/panels/base-id-toggle-panel.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 BaseEventsModalClose } from './components/modals/base-events-modal-close.vue.js';
 export { default as BaseEventsModal } from './components/modals/base-events-modal.vue.js';
 export { default as BaseEventsModalOpen } from './components/modals/base-events-modal-open.vue.js';
-export { default as BaseIdModal } from './components/modals/base-id-modal.vue.js';
 export { default as BaseIdModalClose } from './components/modals/base-id-modal-close.vue.js';
 export { default as BaseIdModalOpen } from './components/modals/base-id-modal-open.vue.js';
-export { default as BaseTogglePanel } from './components/panels/base-toggle-panel.vue.js';
 export { default as BaseHeaderTogglePanel } from './components/panels/base-header-toggle-panel.vue.js';
-export { default as BaseIdTogglePanel } from './components/panels/base-id-toggle-panel.vue.js';
 export { default as BaseIdTogglePanelButton } from './components/panels/base-id-toggle-panel-button.vue.js';
 export { default as BaseAddToCart } from './components/result/base-result-add-to-cart.vue.js';
 export { default as BaseResultCurrentPrice } from './components/result/base-result-current-price.vue.js';
@@ -100,8 +126,6 @@ export { default as BaseResultLink } from './components/result/base-result-link.
 export { default as BaseResultPreviousPrice } from './components/result/base-result-previous-price.vue.js';
 export { default as BaseFallbackImage } from './components/result/base-result-fallback-image.vue.js';
 export { default as BasePlaceholderImage } from './components/result/base-result-placeholder-image.vue.js';
-export { default as ScrollMixin } from './components/scroll/scroll.mixin.js';
-export { default as BaseScroll } from './components/scroll/base-scroll.vue.js';
 export { default as BaseSuggestion } from './components/suggestions/base-suggestion.vue.js';
 export { default as BaseSuggestions } from './components/suggestions/base-suggestions.vue.js';
 export { default as AutoProgressBar } from './components/auto-progress-bar.vue.js';
@@ -113,29 +137,9 @@ export { default as BaseVariableColumnGrid } from './components/base-variable-co
 export { Debounce } from './components/decorators/debounce.decorators.js';
 export { default as SlidingPanel } from './components/sliding-panel.vue.js';
 export { default as ItemsList } from './components/items-list.vue.js';
-export { Getter, State } from './components/decorators/store.decorators.js';
-export { RootXStoreModule } from './store/x.module.js';
-export { BaseXBus, bus } from './plugins/x-bus.js';
-export { XComponentModule, getXComponentXModuleName, isXComponent, setXComponentXModuleName } from './components/x-component.utils.js';
-export { createXComponentAPIMixin, getBusAPI, getRootXComponent } from './plugins/x-plugin.mixin.js';
-export { XPlugin, xPlugin } from './plugins/x-plugin.js';
-export { xComponentMixin } from './components/x-component.mixin.js';
-export { createFetchAndSaveActions } from './store/utils/fetch-and-save-action.utils.js';
-export { setStatus } from './store/utils/status-store.utils.js';
-export { createStoreEmitters } from './store/utils/store-emitters.utils.js';
-export { scrollXStoreModule } from './x-modules/scroll/store/module.js';
-export { scrollEmitters } from './x-modules/scroll/store/emitters.js';
-export { createWireFromFunction, wireCommit, wireCommitWithoutPayload, wireDispatch, wireDispatchWithoutPayload, wireService, wireServiceWithoutPayload } from './wiring/wires.factory.js';
-export { createWiring, getStateAndGettersFromModule } from './wiring/wiring.utils.js';
-export { namespacedWireCommit, namespacedWireCommitWithoutPayload, namespacedWireDispatch, namespacedWireDispatchWithoutPayload } from './wiring/namespaced-wires.factory.js';
-export { clearPendingScrollToWire, scrollWiring, setPendingScrollToWire, setScrollDirectionWire, setScrollHasAlmostReachedEndWire, setScrollHasReachedEndWire, setScrollHasReachedStartWire, setScrollPositionWire } from './x-modules/scroll/wiring.js';
-export { scrollXModule } from './x-modules/scroll/x-module.js';
-export { MainScrollId, ScrollObserverKey } from './x-modules/scroll/components/scroll.const.js';
-export { default as MainScroll } from './x-modules/scroll/components/main-scroll.vue.js';
-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';
@@ -311,8 +315,9 @@ export { DefaultSessionService } from './x-modules/tagging/service/session.servi
 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, trackWire } from './x-modules/tagging/wiring.js';
+export { setConsent, setQueryTaggingDebounce, setSessionDuration, taggingWiring, trackAddToCartWire, trackQueryWire, trackResultClickedWire } 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

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

package/js/plugins/x-plugin.alias.js

@@ -3,11 +3,12 @@ import { getGetterPath } from './x-plugin.utils.js';
 /**
  * Creates an object containing the alias part of {@link XComponentAPI}.
  *
- * @param store - The store from which retrieve the data.
+ * @param component - The component with the store from which retrieve the data.
  * @returns An object containing the alias part of the {@link XComponentAPI}.
+ *
  * @internal
  */
-function getAliasAPI(store) {
+function getAliasAPI(component) {
     var queryModules = [
         'searchBox',
         'nextQueries',
@@ -28,7 +29,7 @@ function getAliasAPI(store) {
         return Object.defineProperty(acc, moduleName, {
             get: function () {
                 var _a, _b;
-                return (_b = (_a = store.state.x[moduleName]) === null || _a === void 0 ? void 0 : _a.query) !== null && _b !== void 0 ? _b : '';
+                return (_b = (_a = component.$store.state.x[moduleName]) === null || _a === void 0 ? void 0 : _a.query) !== null && _b !== void 0 ? _b : '';
             },
             enumerable: true
         });
@@ -37,7 +38,7 @@ function getAliasAPI(store) {
         return Object.defineProperty(acc, moduleName, {
             get: function () {
                 var _a;
-                return (_a = store.state.x[moduleName]) === null || _a === void 0 ? void 0 : _a.status;
+                return (_a = component.$store.state.x[moduleName]) === null || _a === void 0 ? void 0 : _a.status;
             },
             enumerable: true
         });
@@ -47,70 +48,70 @@ function getAliasAPI(store) {
         status: status,
         get device() {
             var _a, _b;
-            return (_b = (_a = store.state.x.device) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : null;
+            return (_b = (_a = component.$store.state.x.device) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : null;
         },
         get facets() {
             var _a;
-            return (_a = store.getters[getGetterPath('facets', 'facets')]) !== null && _a !== void 0 ? _a : {};
+            return (_a = component.$store.getters[getGetterPath('facets', 'facets')]) !== null && _a !== void 0 ? _a : {};
         },
         get historyQueries() {
             var _a;
-            return (_a = store.getters[getGetterPath('historyQueries', 'historyQueries')]) !== null && _a !== void 0 ? _a : [];
+            return (_a = component.$store.getters[getGetterPath('historyQueries', 'historyQueries')]) !== null && _a !== void 0 ? _a : [];
         },
         get identifierResults() {
             var _a, _b;
-            return (_b = (_a = store.state.x.identifierResults) === null || _a === void 0 ? void 0 : _a.identifierResults) !== null && _b !== void 0 ? _b : [];
+            return (_b = (_a = component.$store.state.x.identifierResults) === null || _a === void 0 ? void 0 : _a.identifierResults) !== null && _b !== void 0 ? _b : [];
         },
         get isEmpathizeOpen() {
             var _a, _b;
-            return (_b = (_a = store.state.x.empathize) === null || _a === void 0 ? void 0 : _a.isOpen) !== null && _b !== void 0 ? _b : false;
+            return (_b = (_a = component.$store.state.x.empathize) === null || _a === void 0 ? void 0 : _a.isOpen) !== null && _b !== void 0 ? _b : false;
         },
         get nextQueries() {
             var _a;
-            return (_a = store.getters[getGetterPath('nextQueries', 'nextQueries')]) !== null && _a !== void 0 ? _a : [];
+            return (_a = component.$store.getters[getGetterPath('nextQueries', 'nextQueries')]) !== null && _a !== void 0 ? _a : [];
         },
         get noResults() {
             return !this.totalResults && !!this.query.search && this.status.search === 'success';
         },
         get partialResults() {
             var _a, _b;
-            return (_b = (_a = store.state.x.search) === null || _a === void 0 ? void 0 : _a.partialResults) !== null && _b !== void 0 ? _b : [];
+            return (_b = (_a = component.$store.state.x.search) === null || _a === void 0 ? void 0 : _a.partialResults) !== null && _b !== void 0 ? _b : [];
         },
         get popularSearches() {
             var _a, _b;
-            return (_b = (_a = store.state.x.popularSearches) === null || _a === void 0 ? void 0 : _a.popularSearches) !== null && _b !== void 0 ? _b : [];
+            return (_b = (_a = component.$store.state.x.popularSearches) === null || _a === void 0 ? void 0 : _a.popularSearches) !== null && _b !== void 0 ? _b : [];
         },
         get querySuggestions() {
             var _a, _b;
-            return (_b = (_a = store.state.x.querySuggestions) === null || _a === void 0 ? void 0 : _a.suggestions) !== null && _b !== void 0 ? _b : [];
+            return (_b = (_a = component.$store.state.x.querySuggestions) === null || _a === void 0 ? void 0 : _a.suggestions) !== null && _b !== void 0 ? _b : [];
         },
         get recommendations() {
             var _a, _b;
-            return (_b = (_a = store.state.x.recommendations) === null || _a === void 0 ? void 0 : _a.recommendations) !== null && _b !== void 0 ? _b : [];
+            return (_b = (_a = component.$store.state.x.recommendations) === null || _a === void 0 ? void 0 : _a.recommendations) !== null && _b !== void 0 ? _b : [];
         },
         get redirections() {
             var _a, _b;
-            return (_b = (_a = store.state.x.search) === null || _a === void 0 ? void 0 : _a.redirections) !== null && _b !== void 0 ? _b : [];
+            return (_b = (_a = component.$store.state.x.search) === null || _a === void 0 ? void 0 : _a.redirections) !== null && _b !== void 0 ? _b : [];
         },
         get relatedTags() {
             var _a;
-            return (_a = store.getters[getGetterPath('relatedTags', 'relatedTags')]) !== null && _a !== void 0 ? _a : [];
+            return (_a = component.$store.getters[getGetterPath('relatedTags', 'relatedTags')]) !== null && _a !== void 0 ? _a : [];
         },
         get selectedFilters() {
             var _a;
-            return (_a = store.getters[getGetterPath('facets', 'selectedFilters')]) !== null && _a !== void 0 ? _a : [];
+            return (_a = component.$store.getters[getGetterPath('facets', 'selectedFilters')]) !== null && _a !== void 0 ? _a : [];
         },
         get selectedRelatedTags() {
             var _a, _b;
-            return (_b = (_a = store.state.x.relatedTags) === null || _a === void 0 ? void 0 : _a.selectedRelatedTags) !== null && _b !== void 0 ? _b : [];
+            return (_b = (_a = component.$store.state.x.relatedTags) === null || _a === void 0 ? void 0 : _a.selectedRelatedTags) !== null && _b !== void 0 ? _b : [];
         },
         get spellcheckedQuery() {
             var _a, _b;
-            return (_b = (_a = store.state.x.search) === null || _a === void 0 ? void 0 : _a.spellcheckedQuery) !== null && _b !== void 0 ? _b : null;
+            return (_b = (_a = component.$store.state.x.search) === null || _a === void 0 ? void 0 : _a.spellcheckedQuery) !== null && _b !== void 0 ? _b : null;
         },
         get totalResults() {
             var _a, _b;
-            return (_b = (_a = store.state.x.search) === null || _a === void 0 ? void 0 : _a.totalResults) !== null && _b !== void 0 ? _b : 0;
+            return (_b = (_a = component.$store.state.x.search) === null || _a === void 0 ? void 0 : _a.totalResults) !== null && _b !== void 0 ? _b : 0;
         }
     };
 }

package/js/plugins/x-plugin.alias.js.map

@@ -1 +1 @@
-{"version":3,"file":"x-plugin.alias.js","sources":["../../../src/plugins/x-plugin.alias.ts"],"sourcesContent":["import { Store } from 'vuex';\nimport { RootXStoreState } from '../store';\nimport { RequestStatus } from '../store/utils/status-store.utils';\nimport {\n  XComponentAliasAPI,\n  XComponentAliasQueryAPI,\n  XComponentAliasStatusAPI\n} from './x-plugin.types';\nimport { getGetterPath } from './x-plugin.utils';\n\n/**\n * Creates an object containing the alias part of {@link XComponentAPI}.\n *\n * @param store - The store from which retrieve the data.\n * @returns An object containing the alias part of the {@link XComponentAPI}.\n * @internal\n */\nexport function getAliasAPI(\n  store: Store<{ x: Partial<RootXStoreState['x']> }>\n): XComponentAliasAPI {\n  const queryModules = [\n    'searchBox',\n    'nextQueries',\n    'querySuggestions',\n    'relatedTags',\n    'search'\n  ] as const;\n  const statusModules = [\n    'identifierResults',\n    'nextQueries',\n    'popularSearches',\n    'querySuggestions',\n    'recommendations',\n    'relatedTags',\n    'search'\n  ] as const;\n\n  const query = queryModules.reduce((acc, moduleName) => {\n    return Object.defineProperty(acc, moduleName, {\n      get(): string {\n        return store.state.x[moduleName]?.query ?? '';\n      },\n      enumerable: true\n    });\n  }, {} as XComponentAliasQueryAPI);\n  const status = statusModules.reduce((acc, moduleName) => {\n    return Object.defineProperty(acc, moduleName, {\n      get(): RequestStatus | undefined {\n        return store.state.x[moduleName]?.status;\n      },\n      enumerable: true\n    });\n  }, {} as XComponentAliasStatusAPI);\n\n  return {\n    query,\n    status,\n    get device() {\n      return store.state.x.device?.name ?? null;\n    },\n    get facets() {\n      return store.getters[getGetterPath('facets', 'facets')] ?? {};\n    },\n    get historyQueries() {\n      return store.getters[getGetterPath('historyQueries', 'historyQueries')] ?? [];\n    },\n    get identifierResults() {\n      return store.state.x.identifierResults?.identifierResults ?? [];\n    },\n    get isEmpathizeOpen() {\n      return store.state.x.empathize?.isOpen ?? false;\n    },\n    get nextQueries() {\n      return store.getters[getGetterPath('nextQueries', 'nextQueries')] ?? [];\n    },\n    get noResults() {\n      return !this.totalResults && !!this.query.search && this.status.search === 'success';\n    },\n    get partialResults() {\n      return store.state.x.search?.partialResults ?? [];\n    },\n    get popularSearches() {\n      return store.state.x.popularSearches?.popularSearches ?? [];\n    },\n    get querySuggestions() {\n      return store.state.x.querySuggestions?.suggestions ?? [];\n    },\n    get recommendations() {\n      return store.state.x.recommendations?.recommendations ?? [];\n    },\n    get redirections() {\n      return store.state.x.search?.redirections ?? [];\n    },\n    get relatedTags() {\n      return store.getters[getGetterPath('relatedTags', 'relatedTags')] ?? [];\n    },\n    get selectedFilters() {\n      return store.getters[getGetterPath('facets', 'selectedFilters')] ?? [];\n    },\n    get selectedRelatedTags() {\n      return store.state.x.relatedTags?.selectedRelatedTags ?? [];\n    },\n    get spellcheckedQuery() {\n      return store.state.x.search?.spellcheckedQuery ?? null;\n    },\n    get totalResults() {\n      return store.state.x.search?.totalResults ?? 0;\n    }\n  };\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"x-plugin.alias.js","sources":["../../../src/plugins/x-plugin.alias.ts"],"sourcesContent":["import Vue from 'vue';\nimport { RequestStatus } from '../store/utils/status-store.utils';\nimport {\n  XComponentAliasAPI,\n  XComponentAliasQueryAPI,\n  XComponentAliasStatusAPI\n} from './x-plugin.types';\nimport { getGetterPath } from './x-plugin.utils';\n\n/**\n * Creates an object containing the alias part of {@link XComponentAPI}.\n *\n * @param component - The component with the store from which retrieve the data.\n * @returns An object containing the alias part of the {@link XComponentAPI}.\n *\n * @internal\n */\nexport function getAliasAPI(component: Vue): XComponentAliasAPI {\n  const queryModules = [\n    'searchBox',\n    'nextQueries',\n    'querySuggestions',\n    'relatedTags',\n    'search'\n  ] as const;\n  const statusModules = [\n    'identifierResults',\n    'nextQueries',\n    'popularSearches',\n    'querySuggestions',\n    'recommendations',\n    'relatedTags',\n    'search'\n  ] as const;\n\n  const query = queryModules.reduce((acc, moduleName) => {\n    return Object.defineProperty(acc, moduleName, {\n      get(): string {\n        return component.$store.state.x[moduleName]?.query ?? '';\n      },\n      enumerable: true\n    });\n  }, {} as XComponentAliasQueryAPI);\n  const status = statusModules.reduce((acc, moduleName) => {\n    return Object.defineProperty(acc, moduleName, {\n      get(): RequestStatus | undefined {\n        return component.$store.state.x[moduleName]?.status;\n      },\n      enumerable: true\n    });\n  }, {} as XComponentAliasStatusAPI);\n\n  return {\n    query,\n    status,\n    get device() {\n      return component.$store.state.x.device?.name ?? null;\n    },\n    get facets() {\n      return component.$store.getters[getGetterPath('facets', 'facets')] ?? {};\n    },\n    get historyQueries() {\n      return component.$store.getters[getGetterPath('historyQueries', 'historyQueries')] ?? [];\n    },\n    get identifierResults() {\n      return component.$store.state.x.identifierResults?.identifierResults ?? [];\n    },\n    get isEmpathizeOpen() {\n      return component.$store.state.x.empathize?.isOpen ?? false;\n    },\n    get nextQueries() {\n      return component.$store.getters[getGetterPath('nextQueries', 'nextQueries')] ?? [];\n    },\n    get noResults() {\n      return !this.totalResults && !!this.query.search && this.status.search === 'success';\n    },\n    get partialResults() {\n      return component.$store.state.x.search?.partialResults ?? [];\n    },\n    get popularSearches() {\n      return component.$store.state.x.popularSearches?.popularSearches ?? [];\n    },\n    get querySuggestions() {\n      return component.$store.state.x.querySuggestions?.suggestions ?? [];\n    },\n    get recommendations() {\n      return component.$store.state.x.recommendations?.recommendations ?? [];\n    },\n    get redirections() {\n      return component.$store.state.x.search?.redirections ?? [];\n    },\n    get relatedTags() {\n      return component.$store.getters[getGetterPath('relatedTags', 'relatedTags')] ?? [];\n    },\n    get selectedFilters() {\n      return component.$store.getters[getGetterPath('facets', 'selectedFilters')] ?? [];\n    },\n    get selectedRelatedTags() {\n      return component.$store.state.x.relatedTags?.selectedRelatedTags ?? [];\n    },\n    get spellcheckedQuery() {\n      return component.$store.state.x.search?.spellcheckedQuery ?? null;\n    },\n    get totalResults() {\n      return component.$store.state.x.search?.totalResults ?? 0;\n    }\n  };\n}\n"],"names":[],"mappings":"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"}

package/js/plugins/x-plugin.mixin.js

@@ -19,9 +19,9 @@ var createXComponentAPIMixin = function (bus) { return ({
             default: undefined
         }
     },
-    created: function () {
+    beforeCreate: function () {
         this.xComponent = getRootXComponent(this);
-        var aliasAPI = getAliasAPI(this.$store);
+        var aliasAPI = getAliasAPI(this);
         var busAPI = getBusAPI(bus, this);
         this.$x = Object.assign(aliasAPI, busAPI);
     }

package/js/plugins/x-plugin.mixin.js.map

@@ -1 +1 @@
-{"version":3,"file":"x-plugin.mixin.js","sources":["../../../src/plugins/x-plugin.mixin.ts"],"sourcesContent":["import Vue, { ComponentOptions } from 'vue';\nimport { XComponent } from '../components/x-component.types';\nimport { getXComponentXModuleName, isXComponent } from '../components/x-component.utils';\nimport { XEvent, XEventPayload } from '../wiring/events.types';\nimport { WireMetadata } from '../wiring/wiring.types';\nimport { FeatureLocation } from '../types/origin';\nimport { XBus } from './x-bus.types';\nimport { getAliasAPI } from './x-plugin.alias';\nimport { XComponentAPI, XComponentBusAPI } from './x-plugin.types';\n\ndeclare module 'vue/types/vue' {\n  export interface Vue {\n    $x: XComponentAPI;\n  }\n}\n\ninterface PrivateExtendedVueComponent extends Vue {\n  $location?: FeatureLocation;\n  xComponent: XComponent | undefined;\n}\n\n/**\n * Vue global mixin that adds a `$x` object to every component with the {@link XComponentAPI}.\n *\n * @remarks It adds an injection property `origin` which value is included in the metadata of each\n * event emitted with `$x.emit`.\n *\n * @param bus - The {@link XBus} to use inside the components for emitting events.\n * @returns Mixin options which registers the component as X-Component and the $x.\n * @internal\n */\nexport const createXComponentAPIMixin = (\n  bus: XBus\n): ComponentOptions<Vue> & ThisType<PrivateExtendedVueComponent> => ({\n  inject: {\n    $location: {\n      from: 'location',\n      default: undefined\n    }\n  },\n  created(): void {\n    this.xComponent = getRootXComponent(this);\n    const aliasAPI = getAliasAPI(this.$store);\n    const busAPI = getBusAPI(bus, this);\n    this.$x = Object.assign(aliasAPI, busAPI);\n  }\n});\n\n/**\n * Creates an object containing the API related to the {@link XBus}.\n *\n * @param bus - The global {@link XBus}.\n * @param component - The component instance.\n *\n * @returns An object containing the {@link XComponentBusAPI}.\n * @internal\n */\nexport function getBusAPI(bus: XBus, component: PrivateExtendedVueComponent): XComponentBusAPI {\n  return {\n    emit: <Event extends XEvent>(\n      event: Event,\n      payload?: XEventPayload<Event>,\n      metadata: Omit<WireMetadata, 'moduleName'> = {}\n    ) => {\n      bus.emit(event, payload as any, createWireMetadata(component, metadata));\n      component.xComponent?.$emit(event, payload);\n    },\n    on: bus.on.bind(bus)\n  };\n}\n\n/**\n * Creates a wire metadata object based on the component and the provided metadata.\n *\n * @param component - The component this metadata belongs to.\n * @param metadata - Additional metadata emitted by the component.\n * @returns A {@link WireMetadata} object.\n * @internal\n */\nfunction createWireMetadata(\n  component: PrivateExtendedVueComponent,\n  metadata: Partial<WireMetadata>\n): WireMetadata {\n  return {\n    moduleName: getXComponentXModuleName(component.xComponent),\n    location: component.$location,\n    ...metadata\n  };\n}\n\n/**\n * Given a component, finds the root XComponent in the ancestors hierarchy.\n *\n * @param component - The component to find its root XComponent.\n * @returns The root XComponent or undefined if it has not.\n * @public\n */\nexport function getRootXComponent(component: Vue): XComponent | undefined {\n  let xComponent: XComponent | undefined;\n  while (component !== undefined && component !== null) {\n    if (isXComponent(component)) {\n      xComponent = component;\n    }\n    component = component.$parent;\n  }\n  return xComponent;\n}\n"],"names":[],"mappings":";;;;AAqBA;;;;;;;;;;IAUa,wBAAwB,GAAG,UACtC,GAAS,IACyD,QAAC;IACnE,MAAM,EAAE;QACN,SAAS,EAAE;YACT,IAAI,EAAE,UAAU;YAChB,OAAO,EAAE,SAAS;SACnB;KACF;IACD,OAAO,EAAP;QACE,IAAI,CAAC,UAAU,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAC;QAC1C,IAAM,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC1C,IAAM,MAAM,GAAG,SAAS,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;QACpC,IAAI,CAAC,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;KAC3C;CACF,KAAE;AAEH;;;;;;;;;SASgB,SAAS,CAAC,GAAS,EAAE,SAAsC;IACzE,OAAO;QACL,IAAI,EAAE,UACJ,KAAY,EACZ,OAA8B,EAC9B,QAA+C;;YAA/C,yBAAA,EAAA,aAA+C;YAE/C,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,OAAc,EAAE,kBAAkB,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;YACzE,MAAA,SAAS,CAAC,UAAU,0CAAE,KAAK,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;SAC7C;QACD,EAAE,EAAE,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC;KACrB,CAAC;AACJ,CAAC;AAED;;;;;;;;AAQA,SAAS,kBAAkB,CACzB,SAAsC,EACtC,QAA+B;IAE/B,kBACE,UAAU,EAAE,wBAAwB,CAAC,SAAS,CAAC,UAAU,CAAC,EAC1D,QAAQ,EAAE,SAAS,CAAC,SAAS,IAC1B,QAAQ,EACX;AACJ,CAAC;AAED;;;;;;;SAOgB,iBAAiB,CAAC,SAAc;IAC9C,IAAI,UAAkC,CAAC;IACvC,OAAO,SAAS,KAAK,SAAS,IAAI,SAAS,KAAK,IAAI,EAAE;QACpD,IAAI,YAAY,CAAC,SAAS,CAAC,EAAE;YAC3B,UAAU,GAAG,SAAS,CAAC;SACxB;QACD,SAAS,GAAG,SAAS,CAAC,OAAO,CAAC;KAC/B;IACD,OAAO,UAAU,CAAC;AACpB;;;;"}
+{"version":3,"file":"x-plugin.mixin.js","sources":["../../../src/plugins/x-plugin.mixin.ts"],"sourcesContent":["import Vue, { ComponentOptions } from 'vue';\nimport { Store } from 'vuex';\nimport { getXComponentXModuleName, isXComponent } from '../components/x-component.utils';\nimport { RootXStoreState } from '../store/store.types';\nimport { XEvent, XEventPayload } from '../wiring/events.types';\nimport { WireMetadata } from '../wiring/wiring.types';\nimport { FeatureLocation } from '../types/origin';\nimport { XModuleName } from '../x-modules/x-modules.types';\nimport { XBus } from './x-bus.types';\nimport { getAliasAPI } from './x-plugin.alias';\nimport { XComponentAPI, XComponentBusAPI } from './x-plugin.types';\n\ndeclare module 'vue/types/vue' {\n  export interface Vue {\n    $x: XComponentAPI;\n  }\n}\n\ndeclare module 'vue/types/options' {\n  export interface ComponentOptions<V, Data, Methods, Computed, PropsDef, Props> {\n    xModule?: XModuleName;\n  }\n}\n\ninterface PrivateExtendedVueComponent extends Vue {\n  $location?: FeatureLocation;\n  $store: Store<{ x: Partial<RootXStoreState['x']> }>;\n  xComponent: Vue | undefined;\n}\n\n/**\n * Vue global mixin that adds a `$x` object to every component with the {@link XComponentAPI}.\n *\n * @remarks It adds an injection property `origin` which value is included in the metadata of each\n * event emitted with `$x.emit`.\n *\n * @param bus - The {@link XBus} to use inside the components for emitting events.\n * @returns Mixin options which registers the component as X-Component and the $x.\n * @internal\n */\nexport const createXComponentAPIMixin = (\n  bus: XBus\n): ComponentOptions<Vue> & ThisType<PrivateExtendedVueComponent> => ({\n  inject: {\n    $location: {\n      from: 'location',\n      default: undefined\n    }\n  },\n  beforeCreate(this: PrivateExtendedVueComponent) {\n    this.xComponent = getRootXComponent(this);\n    const aliasAPI = getAliasAPI(this);\n    const busAPI = getBusAPI(bus, this);\n    this.$x = Object.assign(aliasAPI, busAPI);\n  }\n});\n\n/**\n * Creates an object containing the API related to the {@link XBus}.\n *\n * @param bus - The global {@link XBus}.\n * @param component - The component instance.\n *\n * @returns An object containing the {@link XComponentBusAPI}.\n * @internal\n */\nexport function getBusAPI(bus: XBus, component: PrivateExtendedVueComponent): XComponentBusAPI {\n  return {\n    emit: <Event extends XEvent>(\n      event: Event,\n      payload?: XEventPayload<Event>,\n      metadata: Omit<WireMetadata, 'moduleName'> = {}\n    ) => {\n      bus.emit(event, payload as any, createWireMetadata(component, metadata));\n      component.xComponent?.$emit(event, payload);\n    },\n    on: bus.on.bind(bus)\n  };\n}\n\n/**\n * Creates a wire metadata object based on the component and the provided metadata.\n *\n * @param component - The component this metadata belongs to.\n * @param metadata - Additional metadata emitted by the component.\n * @returns A {@link WireMetadata} object.\n * @internal\n */\nfunction createWireMetadata(\n  component: PrivateExtendedVueComponent,\n  metadata: Partial<WireMetadata>\n): WireMetadata {\n  return {\n    moduleName: getXComponentXModuleName(component.xComponent),\n    location: component.$location,\n    ...metadata\n  };\n}\n\n/**\n * Given a component, finds the root XComponent in the ancestors hierarchy.\n *\n * @param component - The component to find its root XComponent.\n * @returns The root XComponent or undefined if it has not.\n * @public\n */\nexport function getRootXComponent(component: Vue): Vue | undefined {\n  let xComponent: Vue | undefined;\n  while (component !== undefined && component !== null) {\n    if (isXComponent(component)) {\n      xComponent = component;\n    }\n    component = component.$parent;\n  }\n  return xComponent;\n}\n"],"names":[],"mappings":";;;;AA8BA;;;;;;;;;;IAUa,wBAAwB,GAAG,UACtC,GAAS,IACyD,QAAC;IACnE,MAAM,EAAE;QACN,SAAS,EAAE;YACT,IAAI,EAAE,UAAU;YAChB,OAAO,EAAE,SAAS;SACnB;KACF;IACD,YAAY,EAAZ;QACE,IAAI,CAAC,UAAU,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAC;QAC1C,IAAM,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;QACnC,IAAM,MAAM,GAAG,SAAS,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;QACpC,IAAI,CAAC,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;KAC3C;CACF,KAAE;AAEH;;;;;;;;;SASgB,SAAS,CAAC,GAAS,EAAE,SAAsC;IACzE,OAAO;QACL,IAAI,EAAE,UACJ,KAAY,EACZ,OAA8B,EAC9B,QAA+C;;YAA/C,yBAAA,EAAA,aAA+C;YAE/C,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,OAAc,EAAE,kBAAkB,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;YACzE,MAAA,SAAS,CAAC,UAAU,0CAAE,KAAK,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;SAC7C;QACD,EAAE,EAAE,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC;KACrB,CAAC;AACJ,CAAC;AAED;;;;;;;;AAQA,SAAS,kBAAkB,CACzB,SAAsC,EACtC,QAA+B;IAE/B,kBACE,UAAU,EAAE,wBAAwB,CAAC,SAAS,CAAC,UAAU,CAAC,EAC1D,QAAQ,EAAE,SAAS,CAAC,SAAS,IAC1B,QAAQ,EACX;AACJ,CAAC;AAED;;;;;;;SAOgB,iBAAiB,CAAC,SAAc;IAC9C,IAAI,UAA2B,CAAC;IAChC,OAAO,SAAS,KAAK,SAAS,IAAI,SAAS,KAAK,IAAI,EAAE;QACpD,IAAI,YAAY,CAAC,SAAS,CAAC,EAAE;YAC3B,UAAU,GAAG,SAAS,CAAC;SACxB;QACD,SAAS,GAAG,SAAS,CAAC,OAAO,CAAC;KAC/B;IACD,OAAO,UAAU,CAAC;AACpB;;;;"}

package/js/utils/origin.js

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

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

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

@@ -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;;;;;"}
+{"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/wiring/namespaced-wires.operators.js

@@ -40,12 +40,11 @@ function namespacedThrottle(moduleName) {
  * @internal
  */
 function createNamespacedTimeWireOperator(moduleName, timingOperator) {
-    return function (wire, timeRetrieving, raceEvent) {
-        if (raceEvent === void 0) { raceEvent = []; }
+    return function (wire, timeSelector, options) {
         return timingOperator(wire, function (_a) {
             var state = _a.state, getters = _a.getters;
-            return timeRetrieving(getStateAndGettersFromModule(state, getters, moduleName));
-        }, raceEvent);
+            return timeSelector(getStateAndGettersFromModule(state, getters, moduleName));
+        }, options);
     };
 }
 

package/js/wiring/namespaced-wires.operators.js.map

@@ -1 +1 @@
-{"version":3,"file":"namespaced-wires.operators.js","sources":["../../../src/wiring/namespaced-wires.operators.ts"],"sourcesContent":["import { XModuleName } from '../x-modules/x-modules.types';\nimport { XEvent } from './events.types';\nimport { NamespacedTimeRetrieving, NamespacedTimeWireOperator } from './namespaced-wiring.types';\nimport { debounce, throttle } from './wires.operators';\nimport { AnyWire } from './wiring.types';\nimport { getStateAndGettersFromModule } from './wiring.utils';\n\n/**\n * Type safe debounce operator which creates a function which can only access the Module of\n * the {@link https://vuex.vuejs.org/ | Vuex} Store passed as parameter.\n *\n * @param moduleName - The {@link XModuleName} to create the operator wire.\n * @returns A function which creates a wire that uses the {@link debounce} wire operator to\n * execute the `wire` after the time has passed without invoking it. This debounce time\n * is given by the execution of the `timeRetrieving` function.\n *\n * @public\n */\nexport function namespacedDebounce<ModuleName extends XModuleName>(\n  moduleName: ModuleName\n): NamespacedTimeWireOperator<ModuleName, AnyWire> {\n  return createNamespacedTimeWireOperator(moduleName, debounce);\n}\n\n/**\n * Type safe throttle operator which creates a function which can only access the Module of\n * the {@link https://vuex.vuejs.org/ | Vuex} Store passed as parameter.\n *\n * @param moduleName - The {@link XModuleName} to create the operator wire.\n * @returns A function which creates a wire that uses the {@link throttle} wire operator to\n * execute the `wire` once every couple of milliseconds. This throttle time is given by\n * the execution of the `timeRetrieving` function.\n *\n * @public\n */\nexport function namespacedThrottle<ModuleName extends XModuleName>(\n  moduleName: ModuleName\n): NamespacedTimeWireOperator<ModuleName, AnyWire> {\n  return createNamespacedTimeWireOperator(moduleName, throttle);\n}\n\n/**\n * Creates a function which creates a namespaced wire that uses the {@link debounce} or\n * {@link throttle} time wire operator.\n *\n * @param moduleName - The {@link XModuleName} to create the operator wire.\n * @param timingOperator - The time wire operator {@link debounce} or {@link throttle}.\n * @returns A function which creates a namespaced time wire operator.\n *\n * @internal\n */\nfunction createNamespacedTimeWireOperator<ModuleName extends XModuleName>(\n  moduleName: ModuleName,\n  timingOperator: typeof throttle | typeof debounce\n): NamespacedTimeWireOperator<ModuleName, AnyWire> {\n  return (\n    wire: AnyWire,\n    timeRetrieving: NamespacedTimeRetrieving<ModuleName>,\n    raceEvent: XEvent | XEvent[] = []\n  ) =>\n    timingOperator(\n      wire,\n      ({ state, getters }) =>\n        timeRetrieving(getStateAndGettersFromModule(state, getters, moduleName)),\n      raceEvent\n    );\n}\n"],"names":[],"mappings":";;;AAOA;;;;;;;;;;;SAWgB,kBAAkB,CAChC,UAAsB;IAEtB,OAAO,gCAAgC,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;AAChE,CAAC;AAED;;;;;;;;;;;SAWgB,kBAAkB,CAChC,UAAsB;IAEtB,OAAO,gCAAgC,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;AAChE,CAAC;AAED;;;;;;;;;;AAUA,SAAS,gCAAgC,CACvC,UAAsB,EACtB,cAAiD;IAEjD,OAAO,UACL,IAAa,EACb,cAAoD,EACpD,SAAiC;QAAjC,0BAAA,EAAA,cAAiC;QAEjC,OAAA,cAAc,CACZ,IAAI,EACJ,UAAC,EAAkB;gBAAhB,KAAK,WAAA,EAAE,OAAO,aAAA;YACf,OAAA,cAAc,CAAC,4BAA4B,CAAC,KAAK,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC;SAAA,EAC1E,SAAS,CACV;KAAA,CAAC;AACN;;;;"}
+{"version":3,"file":"namespaced-wires.operators.js","sources":["../../../src/wiring/namespaced-wires.operators.ts"],"sourcesContent":["import { XModuleName } from '../x-modules/x-modules.types';\nimport { NamespacedTimeWireOperator } from './namespaced-wiring.types';\nimport { debounce, throttle } from './wires.operators';\nimport { getStateAndGettersFromModule } from './wiring.utils';\n\n/**\n * Type safe debounce operator which creates a function which can only access the Module of\n * the {@link https://vuex.vuejs.org/ | Vuex} Store passed as parameter.\n *\n * @param moduleName - The {@link XModuleName} to create the operator wire.\n * @returns A function which creates a wire that uses the {@link debounce} wire operator to\n * execute the `wire` after the time has passed without invoking it. This debounce time\n * is given by the execution of the `timeRetrieving` function.\n *\n * @public\n */\nexport function namespacedDebounce<ModuleName extends XModuleName>(\n  moduleName: ModuleName\n): NamespacedTimeWireOperator<ModuleName> {\n  return createNamespacedTimeWireOperator(moduleName, debounce);\n}\n\n/**\n * Type safe throttle operator which creates a function which can only access the Module of\n * the {@link https://vuex.vuejs.org/ | Vuex} Store passed as parameter.\n *\n * @param moduleName - The {@link XModuleName} to create the operator wire.\n * @returns A function which creates a wire that uses the {@link throttle} wire operator to\n * execute the `wire` once every couple of milliseconds. This throttle time is given by\n * the execution of the `timeRetrieving` function.\n *\n * @public\n */\nexport function namespacedThrottle<ModuleName extends XModuleName>(\n  moduleName: ModuleName\n): NamespacedTimeWireOperator<ModuleName> {\n  return createNamespacedTimeWireOperator(moduleName, throttle);\n}\n\n/**\n * Creates a function which creates a namespaced wire that uses the {@link debounce} or\n * {@link throttle} time wire operator.\n *\n * @param moduleName - The {@link XModuleName} to create the operator wire.\n * @param timingOperator - The time wire operator {@link debounce} or {@link throttle}.\n * @returns A function which creates a namespaced time wire operator.\n *\n * @internal\n */\nfunction createNamespacedTimeWireOperator<ModuleName extends XModuleName>(\n  moduleName: ModuleName,\n  timingOperator: typeof throttle | typeof debounce\n): NamespacedTimeWireOperator<ModuleName> {\n  return (wire, timeSelector, options) =>\n    timingOperator(\n      wire,\n      ({ state, getters }) =>\n        timeSelector(getStateAndGettersFromModule(state, getters, moduleName)),\n      options\n    );\n}\n"],"names":[],"mappings":";;;AAKA;;;;;;;;;;;SAWgB,kBAAkB,CAChC,UAAsB;IAEtB,OAAO,gCAAgC,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;AAChE,CAAC;AAED;;;;;;;;;;;SAWgB,kBAAkB,CAChC,UAAsB;IAEtB,OAAO,gCAAgC,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;AAChE,CAAC;AAED;;;;;;;;;;AAUA,SAAS,gCAAgC,CACvC,UAAsB,EACtB,cAAiD;IAEjD,OAAO,UAAC,IAAI,EAAE,YAAY,EAAE,OAAO;QACjC,OAAA,cAAc,CACZ,IAAI,EACJ,UAAC,EAAkB;gBAAhB,KAAK,WAAA,EAAE,OAAO,aAAA;YACf,OAAA,YAAY,CAAC,4BAA4B,CAAC,KAAK,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC;SAAA,EACxE,OAAO,CACR;KAAA,CAAC;AACN;;;;"}

package/js/wiring/wires-operators.utils.js

@@ -0,0 +1,55 @@
+import { timer, race, Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+
+/**
+ * Creates the observable for the events that will be racing the wire's execution.
+ *
+ * @param events - The events to merge its observables.
+ * @param on - The on function of the {@link XBus} where the events will run.
+ * @returns The observable for the racing events.
+ * @internal
+ */
+function mergeEvents(events, on) {
+    var subject = new Subject();
+    var eventsList = Array.isArray(events) ? events : [events];
+    /* Can't use RxJS `merge` function, as it immediately emits previously emitted values to new
+     subscriptions due to the `ReplaySubject` of the bus. With this Subject we are still receiving
+     those values immediately on subscription, but as there are no subscribers before the `return`
+     happens we are fine. */
+    eventsList.forEach(function (raceEvent) { return on(raceEvent).subscribe(function () { return subject.next(); }); });
+    return subject;
+}
+/**
+ * Checks how to retrieve the timeout time, retrieves it and returns it in ms.
+ *
+ * @param timeInMs - Time for the timeout in ms.
+ * @param store - The store of the wire that will be timed out.
+ * @returns The time in ms for the timeout.
+ * @internal
+ */
+function normalizeTime(timeInMs, store) {
+    return typeof timeInMs === 'function' ? timeInMs(store) : timeInMs;
+}
+/**
+ * Creates a timer observable that depending on the provided options might be aborted or forced.
+ *
+ * @param durationInMs - The duration in ms for the timer.
+ * @param options - Options to configure the timer, like an events to force it or cancel it.
+ * @param on - The {@link XBus.on} method.
+ * @returns A timer observable that can be aborted or forced depending on the provided options.
+ * @internal
+ */
+function createTimer(durationInMs, _a, on) {
+    var cancelOn = _a.cancelOn, forceOn = _a.forceOn;
+    var timerObservable = timer(durationInMs);
+    if (forceOn) {
+        timerObservable = race(timerObservable, mergeEvents(forceOn, on));
+    }
+    if (cancelOn) {
+        timerObservable = timerObservable.pipe(takeUntil(mergeEvents(cancelOn, on)));
+    }
+    return timerObservable;
+}
+
+export { createTimer, mergeEvents, normalizeTime };
+//# sourceMappingURL=wires-operators.utils.js.map

package/js/wiring/wires-operators.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wires-operators.utils.js","sources":["../../../src/wiring/wires-operators.utils.ts"],"sourcesContent":["import { Subject, Observable, timer, race } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\nimport { Store } from 'vuex';\nimport { XBus } from '../plugins/x-bus.types';\nimport { RootXStoreState } from '../store/store.types';\nimport { MaybeArray } from '../utils/types';\nimport { XEvent } from './events.types';\nimport { TimedWireOperatorOptions, TimeSelector } from './wiring.types';\n\n/**\n * Creates the observable for the events that will be racing the wire's execution.\n *\n * @param events - The events to merge its observables.\n * @param on - The on function of the {@link XBus} where the events will run.\n * @returns The observable for the racing events.\n * @internal\n */\nexport function mergeEvents(events: MaybeArray<XEvent>, on: XBus['on']): Observable<void> {\n  const subject = new Subject<void>();\n  const eventsList = Array.isArray(events) ? events : [events];\n\n  /* Can't use RxJS `merge` function, as it immediately emits previously emitted values to new\n   subscriptions due to the `ReplaySubject` of the bus. With this Subject we are still receiving\n   those values immediately on subscription, but as there are no subscribers before the `return`\n   happens we are fine. */\n  eventsList.forEach(raceEvent => on(raceEvent).subscribe(() => subject.next()));\n  return subject;\n}\n\n/**\n * Checks how to retrieve the timeout time, retrieves it and returns it in ms.\n *\n * @param timeInMs - Time for the timeout in ms.\n * @param store - The store of the wire that will be timed out.\n * @returns The time in ms for the timeout.\n * @internal\n */\nexport function normalizeTime(\n  timeInMs: TimeSelector | number,\n  store: Store<RootXStoreState>\n): number {\n  return typeof timeInMs === 'function' ? timeInMs(store) : timeInMs;\n}\n\n/**\n * Creates a timer observable that depending on the provided options might be aborted or forced.\n *\n * @param durationInMs - The duration in ms for the timer.\n * @param options - Options to configure the timer, like an events to force it or cancel it.\n * @param on - The {@link XBus.on} method.\n * @returns A timer observable that can be aborted or forced depending on the provided options.\n * @internal\n */\nexport function createTimer(\n  durationInMs: number,\n  { cancelOn, forceOn }: TimedWireOperatorOptions,\n  on: XBus['on']\n): Observable<unknown> {\n  let timerObservable: Observable<unknown> = timer(durationInMs);\n  if (forceOn) {\n    timerObservable = race(timerObservable, mergeEvents(forceOn, on));\n  }\n\n  if (cancelOn) {\n    timerObservable = timerObservable.pipe(takeUntil(mergeEvents(cancelOn, on)));\n  }\n\n  return timerObservable;\n}\n"],"names":[],"mappings":";;;AASA;;;;;;;;SAQgB,WAAW,CAAC,MAA0B,EAAE,EAAc;IACpE,IAAM,OAAO,GAAG,IAAI,OAAO,EAAQ,CAAC;IACpC,IAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,MAAM,GAAG,CAAC,MAAM,CAAC,CAAC;;;;;IAM7D,UAAU,CAAC,OAAO,CAAC,UAAA,SAAS,IAAI,OAAA,EAAE,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,cAAM,OAAA,OAAO,CAAC,IAAI,EAAE,GAAA,CAAC,GAAA,CAAC,CAAC;IAC/E,OAAO,OAAO,CAAC;AACjB,CAAC;AAED;;;;;;;;SAQgB,aAAa,CAC3B,QAA+B,EAC/B,KAA6B;IAE7B,OAAO,OAAO,QAAQ,KAAK,UAAU,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC;AACrE,CAAC;AAED;;;;;;;;;SASgB,WAAW,CACzB,YAAoB,EACpB,EAA+C,EAC/C,EAAc;QADZ,QAAQ,cAAA,EAAE,OAAO,aAAA;IAGnB,IAAI,eAAe,GAAwB,KAAK,CAAC,YAAY,CAAC,CAAC;IAC/D,IAAI,OAAO,EAAE;QACX,eAAe,GAAG,IAAI,CAAC,eAAe,EAAE,WAAW,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC;KACnE;IAED,IAAI,QAAQ,EAAE;QACZ,eAAe,GAAG,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;KAC9E;IAED,OAAO,eAAe,CAAC;AACzB;;;;"}