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

package/js/x-modules/url/components/{url-handler.vue_rollup-plugin-vue=script.js → url-handler.vue_rollup-plugin-vue_script.vue.js}

@@ -1,31 +1,24 @@
-import { __extends, __assign, __decorate } from 'tslib';
+import { __decorate } from 'tslib';
 import Vue from 'vue';
+import GlobalEvents from 'vue-global-events';
 import { Inject, Component } from 'vue-property-decorator';
 import '../../../components/animations/animate-width.vue.js';
 import '../../../components/animations/collapse-from-top.vue.js';
-import '../../../components/animations/animations.mixin.js';
 import '../../../components/animations/collapse-height.vue.js';
 import '../../../components/animations/collapse-width.vue.js';
 import '../../../components/animations/cross-fade.vue.js';
 import '../../../components/animations/fade-and-slide.vue.js';
-import { isArrayEmpty } from '../../../utils/array.js';
-import { objectFilter } from '../../../utils/object.js';
-import '../../../components/animations/staggering-transition-group.vue.js';
 import '../../../components/animations/staggered-fade-and-slide.vue.js';
+import '../../../components/animations/staggering-transition-group.vue_rollup-plugin-vue_script.vue.js';
+import 'vue-runtime-helpers/dist/normalize-component.mjs';
+import 'vue-runtime-helpers/dist/inject-style/browser.mjs';
 import '../../../components/animations/translate-from-left.vue.js';
 import '../../../components/animations/translate-from-right.vue.js';
-import '../../../components/base-event-button.vue.js';
-import '../../../components/no-element.js';
-import '../../../components/base-dropdown.vue.js';
-import { XOn } from '../../../components/decorators/bus.decorators.js';
-import '../../../components/column-picker/column-picker.mixin.js';
 import '../../../components/column-picker/base-column-picker-dropdown.vue.js';
 import '../../../components/column-picker/base-column-picker-list.vue.js';
-import '../../../components/decorators/injection.decorators.js';
+import '../../../components/column-picker/column-picker.mixin.js';
 import '../../../components/currency/base-currency.vue.js';
-import '../../../components/filters/labels/base-price-filter-label.vue.js';
-import '../../../components/icons/star.vue.js';
-import '../../../components/base-rating.vue.js';
+import '../../../components/filters/labels/base-price-filter-label.vue_rollup-plugin-vue_script.vue.js';
 import '../../../components/filters/labels/base-rating-filter-label.vue.js';
 import '../../../components/icons/arrow-down.vue.js';
 import '../../../components/icons/arrow-left.vue.js';
@@ -71,6 +64,7 @@ import '../../../components/icons/nq-4.vue.js';
 import '../../../components/icons/plus.vue.js';
 import '../../../components/icons/search.vue.js';
 import '../../../components/icons/show.vue.js';
+import '../../../components/icons/star.vue.js';
 import '../../../components/icons/search-tiny.vue.js';
 import '../../../components/icons/tag.vue.js';
 import '../../../components/icons/trash-open.vue.js';
@@ -78,24 +72,19 @@ import '../../../components/icons/trash.vue.js';
 import '../../../components/icons/trending-tiny.vue.js';
 import '../../../components/icons/trending.vue.js';
 import '../../../components/icons/user.vue.js';
-import { State } from '../../../components/decorators/store.decorators.js';
-import '../../../components/x-component.utils.js';
-import { xComponentMixin } from '../../../components/x-component.mixin.js';
-import '../../../components/modals/base-modal.vue.js';
-import '../../../components/modals/base-id-modal.vue.js';
-import '../../../components/scroll/scroll.mixin.js';
-import '../../../components/scroll/base-scroll.vue.js';
 import '../../../components/layouts/fixed-header-and-asides-layout.vue.js';
-import '../../../components/panels/base-toggle-panel.vue.js';
-import '../../../components/panels/base-id-toggle-panel.vue.js';
 import '../../../components/layouts/multi-column-max-width-layout.vue.js';
 import '../../../components/layouts/single-column-layout.vue.js';
 import '../../../components/modals/base-events-modal-close.vue.js';
 import '../../../components/modals/base-events-modal.vue.js';
 import '../../../components/modals/base-events-modal-open.vue.js';
+import '../../../components/modals/base-modal.vue.js';
+import '../../../components/modals/base-id-modal.vue.js';
 import '../../../components/modals/base-id-modal-close.vue.js';
 import '../../../components/modals/base-id-modal-open.vue.js';
 import '../../../components/panels/base-header-toggle-panel.vue.js';
+import '../../../components/panels/base-toggle-panel.vue.js';
+import '../../../components/panels/base-id-toggle-panel.vue.js';
 import '../../../components/panels/base-id-toggle-panel-button.vue.js';
 import '../../../components/result/base-result-add-to-cart.vue.js';
 import '../../../components/result/base-result-current-price.vue.js';
@@ -105,21 +94,30 @@ import '../../../components/result/base-result-previous-price.vue.js';
 import '../../../components/result/base-result-fallback-image.vue.js';
 import '../../../components/result/base-result-placeholder-image.vue.js';
 import '../../../components/result/base-result-rating.vue.js';
+import '../../../components/scroll/base-scroll.vue.js';
+import '../../../components/scroll/scroll.mixin.js';
 import '../../../components/suggestions/base-suggestion.vue.js';
 import '../../../components/suggestions/base-suggestions.vue.js';
 import '../../../components/auto-progress-bar.vue.js';
-import '../../../components/decorators/injection.consts.js';
+import '../../../components/base-event-button.vue.js';
+import '../../../components/base-dropdown.vue.js';
 import '../../../components/base-grid.vue.js';
 import '../../../components/base-keyboard-navigation.vue.js';
+import '../../../components/base-rating.vue.js';
 import '../../../components/base-variable-column-grid.vue.js';
-import '../../../components/decorators/debounce.decorators.js';
+import '../../../components/no-element.js';
 import '../../../components/sliding-panel.vue.js';
 import '../../../components/items-list.vue.js';
-import '../../../components/location-provider.vue.js';
-import '../../../components/global-x-bus.vue.js';
+import '../../../components/location-provider.vue_rollup-plugin-vue_script.vue.js';
+import '../../../components/global-x-bus.vue_rollup-plugin-vue_script.vue.js';
 import '../../../components/snippet-callbacks.vue.js';
+import { XOn } from '../../../components/decorators/bus.decorators.js';
+import 'vue-class-component';
+import { isArrayEmpty } from '../../../utils/array.js';
+import { State } from '../../../components/decorators/store.decorators.js';
 import '../../../components/items-list-injection.mixin.js';
-import GlobalEvents from 'vue-global-events';
+import { xComponentMixin } from '../../../components/x-component.mixin.js';
+import { objectFilter } from '../../../utils/object.js';
 import { initialUrlState } from '../store/initial-state.js';
 import { urlXModule } from '../x-module.js';
 
@@ -130,40 +128,34 @@ import { urlXModule } from '../x-module.js';
  *
  * @public
  */
-var UrlHandler = /** @class */ (function (_super) {
-    __extends(UrlHandler, _super);
-    function UrlHandler() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
+let UrlHandler = class UrlHandler extends Vue {
+    constructor() {
+        super(...arguments);
         /**
          * Flag to know if the params were already loaded from the URL.
          *
          * @internal
          */
-        _this.urlLoaded = false;
+        this.urlLoaded = false;
         /**
          * Flag to know if the page has been persisted by the browser's back-forward cache.
          *
          * @internal
          */
-        _this.isPagePersisted = false;
-        return _this;
+        this.isPagePersisted = false;
+    }
+    /**
+     * Computed to know which params we must get from URL. It gets the params names from the initial
+     * state, to get all default params names, and also from the `$attrs` to get the extra params
+     * names to take into account.
+     *
+     * @returns An array with the name of the params.
+     *
+     * @internal
+     */
+    get managedParamsNames() {
+        return Object.keys({ ...initialUrlState, ...this.$attrs });
     }
-    Object.defineProperty(UrlHandler.prototype, "managedParamsNames", {
-        /**
-         * Computed to know which params we must get from URL. It gets the params names from the initial
-         * state, to get all default params names, and also from the `$attrs` to get the extra params
-         * names to take into account.
-         *
-         * @returns An array with the name of the params.
-         *
-         * @internal
-         */
-        get: function () {
-            return Object.keys(__assign(__assign({}, initialUrlState), this.$attrs));
-        },
-        enumerable: false,
-        configurable: true
-    });
     /**
      * Returns the mapping of the param keys used in the URL is configured through $attrs. This way
      * we can support any param and extra param, no matters its name.
@@ -173,34 +165,33 @@ var UrlHandler = /** @class */ (function (_super) {
      *
      * @internal
      */
-    UrlHandler.prototype.getUrlKey = function (paramName) {
-        var _a;
-        return (_a = this.$attrs[paramName]) !== null && _a !== void 0 ? _a : paramName;
-    };
+    getUrlKey(paramName) {
+        return this.$attrs[paramName] ?? paramName;
+    }
     /**
      * To emit the Url events just when the URL is load, and before the components mounted events
      * and state changes, we do it in the created of this component.
      */
-    UrlHandler.prototype.created = function () {
+    created() {
         this.emitEvents();
-    };
+    }
     /**
      * Updates the browser URL with the new {@link UrlParams} using the history `pushState` method.
      *
      * @param newUrlParams - The new params to update browser URL.
      */
-    UrlHandler.prototype.updateUrlWithPush = function (newUrlParams) {
+    updateUrlWithPush(newUrlParams) {
         this.updateUrl(newUrlParams, window.history.pushState.bind(window.history));
-    };
+    }
     /**
      * Updates the browser URL with the new {@link UrlParams} using the history `replaceState`
      * method.
      *
      * @param newUrlParams - The new params to update browser URL.
      */
-    UrlHandler.prototype.updateUrlWithReplace = function (newUrlParams) {
+    updateUrlWithReplace(newUrlParams) {
         this.updateUrl(newUrlParams, window.history.replaceState.bind(window.history));
-    };
+    }
     /**
      * Handler of the
      * {@link https://developer.mozilla.org/en-US/docs/Web/API/Window/pageshow_event | pageshow }
@@ -213,14 +204,14 @@ var UrlHandler = /** @class */ (function (_super) {
      * @param event - The page transition event.
      * @internal
      */
-    UrlHandler.prototype.onPageShow = function (event) {
+    onPageShow(event) {
         this.isPagePersisted = event.persisted;
         if (event.persisted) {
             // The internal url is reset due to the back-forward cache storing the previous value which
             // is no longer valid.
             this.url = undefined;
         }
-    };
+    }
     /**
      * Emits the {@link UrlXEvents.ParamsLoadedFromUrl} XEvent,
      * the {@link UrlXEvents.ExtraParamsLoadedFromUrl} XEvent and, if there is query, also emits
@@ -228,9 +219,9 @@ var UrlHandler = /** @class */ (function (_super) {
      *
      * @internal
      */
-    UrlHandler.prototype.emitEvents = function () {
-        var _a = this.parseUrlParams(), all = _a.all, extra = _a.extra;
-        var metadata = this.createWireMetadata();
+    emitEvents() {
+        const { all, extra } = this.parseUrlParams();
+        const metadata = this.createWireMetadata();
         this.$x.emit('ParamsLoadedFromUrl', all, metadata);
         this.$x.emit('ExtraParamsLoadedFromUrl', extra, metadata);
         // TODO: Move this logic from here.
@@ -238,19 +229,19 @@ var UrlHandler = /** @class */ (function (_super) {
             this.$x.emit('UserOpenXProgrammatically', undefined, metadata);
         }
         this.urlLoaded = true;
-    };
+    }
     /**
      * Creates the wire metadata to include in every emitted {@link XEvent | XEvents}.
      *
      * @returns The {@link WireMetadata | metadata}.
      * @internal
      */
-    UrlHandler.prototype.createWireMetadata = function () {
+    createWireMetadata() {
         return {
             feature: 'url',
             location: this.detectLocation()
         };
-    };
+    }
     /**
      * Detects the {@link FeatureLocation | location} used to build the
      * {@link QueryOriginInit | events metadata origin}.
@@ -258,11 +249,11 @@ var UrlHandler = /** @class */ (function (_super) {
      * @returns The {@link FeatureLocation | location}.
      * @internal
      */
-    UrlHandler.prototype.detectLocation = function () {
-        var currentUrl = new URL(window.location.href);
-        var previousUrl = this.url;
+    detectLocation() {
+        const currentUrl = new URL(window.location.href);
+        const previousUrl = this.url;
         this.url = currentUrl;
-        var isInternalNavigation = (previousUrl === null || previousUrl === void 0 ? void 0 : previousUrl.search) !== currentUrl.search && (previousUrl === null || previousUrl === void 0 ? void 0 : previousUrl.pathname) === currentUrl.pathname;
+        const isInternalNavigation = previousUrl?.search !== currentUrl.search && previousUrl?.pathname === currentUrl.pathname;
         if (isInternalNavigation) {
             return 'url_history';
         }
@@ -270,7 +261,7 @@ var UrlHandler = /** @class */ (function (_super) {
             return 'url_history_pdp';
         }
         return 'external';
-    };
+    }
     /**
      * Check if the navigation is from a product page.
      *
@@ -284,48 +275,46 @@ var UrlHandler = /** @class */ (function (_super) {
      * @returns True if the navigation is from a product page, false otherwise.
      * @internal
      */
-    UrlHandler.prototype.isNavigatingFromPdp = function () {
-        var _a, _b, _c;
-        var isPagePersisted = this.isPagePersisted;
-        var navigationEntries = window.performance.getEntriesByType('navigation');
-        var navigationType = (_a = navigationEntries[0]) === null || _a === void 0 ? void 0 : _a.type;
-        var useFallbackStrategy = window.performance.navigation &&
+    isNavigatingFromPdp() {
+        const isPagePersisted = this.isPagePersisted;
+        const navigationEntries = window.performance.getEntriesByType('navigation');
+        const navigationType = navigationEntries[0]?.type;
+        const useFallbackStrategy = window.performance.navigation &&
             (isArrayEmpty(navigationEntries) || navigationType === 'reload');
         // Reset internal isPagePersisted property value
         this.isPagePersisted = false;
         if (useFallbackStrategy) {
-            var _d = window.performance.navigation, fallbackNavigationType = _d.type, TYPE_BACK_FORWARD = _d.TYPE_BACK_FORWARD, TYPE_NAVIGATE = _d.TYPE_NAVIGATE;
-            var isNavigatingInSpa = !!((_b = this.snippetConfig) === null || _b === void 0 ? void 0 : _b.isSpa) && fallbackNavigationType === TYPE_NAVIGATE;
+            const { type: fallbackNavigationType, TYPE_BACK_FORWARD, TYPE_NAVIGATE } = window.performance.navigation;
+            const isNavigatingInSpa = !!this.snippetConfig?.isSpa && fallbackNavigationType === TYPE_NAVIGATE;
             return fallbackNavigationType === TYPE_BACK_FORWARD || isNavigatingInSpa || isPagePersisted;
         }
         else {
-            var isNavigatingInSpa = !!((_c = this.snippetConfig) === null || _c === void 0 ? void 0 : _c.isSpa) && navigationType === 'navigate';
+            const isNavigatingInSpa = !!this.snippetConfig?.isSpa && navigationType === 'navigate';
             return navigationType === 'back_forward' || isNavigatingInSpa || isPagePersisted;
         }
-    };
+    }
     /**
      * Gets the {@link UrlParams} from the URL, including only the params defined by `paramsNames`.
      *
      * @returns ParsedUrlParams obtained from URL.
      * @internal
      */
-    UrlHandler.prototype.parseUrlParams = function () {
-        var _this = this;
-        var urlSearchParams = new URL(window.location.href).searchParams;
-        return this.managedParamsNames.reduce(function (params, name) {
-            var urlKey = _this.getUrlKey(name);
+    parseUrlParams() {
+        const urlSearchParams = new URL(window.location.href).searchParams;
+        return this.managedParamsNames.reduce((params, name) => {
+            const urlKey = this.getUrlKey(name);
             if (urlSearchParams.has(urlKey)) {
                 if (name in initialUrlState) {
-                    var urlValue = urlSearchParams.getAll(urlKey);
-                    params.all[name] = _this.parseUrlParam(name, urlValue);
+                    const urlValue = urlSearchParams.getAll(urlKey);
+                    params.all[name] = this.parseUrlParam(name, urlValue);
                 }
                 else {
                     params.all[name] = params.extra[name] = urlSearchParams.get(urlKey);
                 }
             }
             return params;
-        }, { all: __assign({}, initialUrlState), extra: __assign({}, this.initialExtraParams) });
-    };
+        }, { all: { ...initialUrlState }, extra: { ...this.initialExtraParams } });
+    }
     /**
      * Updates the browser URL with the passed `newUrlParams` and using the browser history method
      * passed as `historyMethod`. It only updates the browser history if the new URL is different
@@ -336,29 +325,26 @@ var UrlHandler = /** @class */ (function (_super) {
      *
      * @internal
      */
-    UrlHandler.prototype.updateUrl = function (newUrlParams, historyMethod) {
+    updateUrl(newUrlParams, historyMethod) {
         if (this.urlLoaded) {
-            var url = new URL(window.location.href);
+            const url = new URL(window.location.href);
             this.deleteUrlParameters(url);
             this.setUrlParameters(url, newUrlParams);
             if (url.href.replace(/\+/g, '%20') !== window.location.href) {
-                historyMethod(__assign({}, window.history.state), document.title, url.href);
+                historyMethod({ ...window.history.state }, document.title, url.href);
             }
             this.url = url;
         }
-    };
+    }
     /**
      * Deletes all the parameters in the passed URL.
      *
      * @param url - The URL to remove parameters from.
      * @internal
      * **/
-    UrlHandler.prototype.deleteUrlParameters = function (url) {
-        var _this = this;
-        this.managedParamsNames.forEach(function (paramName) {
-            return url.searchParams.delete(_this.getUrlKey(paramName));
-        });
-    };
+    deleteUrlParameters(url) {
+        this.managedParamsNames.forEach(paramName => url.searchParams.delete(this.getUrlKey(paramName)));
+    }
     /**
      * Set all the provided parameters to the url with the mapped key.
      *
@@ -371,17 +357,13 @@ var UrlHandler = /** @class */ (function (_super) {
      *
      * @internal
      * **/
-    UrlHandler.prototype.setUrlParameters = function (url, urlParams) {
-        var _this = this;
-        var filteredParams = objectFilter(urlParams, function (paramName) {
-            return _this.managedParamsNames.includes(paramName);
-        });
-        var sortedParameters = this.sortParams(filteredParams);
-        sortedParameters.forEach(function (_a) {
-            var paramName = _a[0], paramValue = _a[1];
-            var urlParamKey = _this.getUrlKey(paramName);
+    setUrlParameters(url, urlParams) {
+        const filteredParams = objectFilter(urlParams, paramName => this.managedParamsNames.includes(paramName));
+        const sortedParameters = this.sortParams(filteredParams);
+        sortedParameters.forEach(([paramName, paramValue]) => {
+            const urlParamKey = this.getUrlKey(paramName);
             if (Array.isArray(paramValue)) {
-                paramValue.forEach(function (value) {
+                paramValue.forEach(value => {
                     url.searchParams.append(urlParamKey, String(value));
                 });
             }
@@ -389,7 +371,7 @@ var UrlHandler = /** @class */ (function (_super) {
                 url.searchParams.set(urlParamKey, String(paramValue));
             }
         });
-    };
+    }
     /**
      * Sorts the params in a tuple array [key,value] to generate always the same URL with the params
      * in the same order.
@@ -398,13 +380,11 @@ var UrlHandler = /** @class */ (function (_super) {
      * @returns An array of tuples with the key-value of each paramter, sorted by key.
      * @internal
      */
-    UrlHandler.prototype.sortParams = function (urlParams) {
-        return Object.entries(urlParams).sort(function (_a, _b) {
-            var param1 = _a[0];
-            var param2 = _b[0];
+    sortParams(urlParams) {
+        return Object.entries(urlParams).sort(([param1], [param2]) => {
             return param1 < param2 ? -1 : 1;
         });
-    };
+    }
     /**
      * Returns the URL param value parsed depending on its type in the initial store state. As we
      * can not know what type can have an extra param, all extra params are parsed as strings. We
@@ -416,7 +396,7 @@ var UrlHandler = /** @class */ (function (_super) {
      *
      * @internal
      */
-    UrlHandler.prototype.parseUrlParam = function (name, value) {
+    parseUrlParam(name, value) {
         switch (typeof initialUrlState[name]) {
             case 'number':
                 return Number(value[0]);
@@ -428,29 +408,29 @@ var UrlHandler = /** @class */ (function (_super) {
                 // array
                 return value;
         }
-    };
-    __decorate([
-        Inject({ default: undefined })
-    ], UrlHandler.prototype, "snippetConfig", void 0);
-    __decorate([
-        State('url', 'initialExtraParams')
-    ], UrlHandler.prototype, "initialExtraParams", void 0);
-    __decorate([
-        XOn('PushableUrlStateChanged')
-    ], UrlHandler.prototype, "updateUrlWithPush", null);
-    __decorate([
-        XOn('ReplaceableUrlStateChanged')
-    ], UrlHandler.prototype, "updateUrlWithReplace", null);
-    UrlHandler = __decorate([
-        Component({
-            components: {
-                GlobalEvents: GlobalEvents
-            },
-            mixins: [xComponentMixin(urlXModule)]
-        })
-    ], UrlHandler);
-    return UrlHandler;
-}(Vue));
+    }
+};
+__decorate([
+    Inject({ default: undefined })
+], UrlHandler.prototype, "snippetConfig", void 0);
+__decorate([
+    State('url', 'initialExtraParams')
+], UrlHandler.prototype, "initialExtraParams", void 0);
+__decorate([
+    XOn('PushableUrlStateChanged')
+], UrlHandler.prototype, "updateUrlWithPush", null);
+__decorate([
+    XOn('ReplaceableUrlStateChanged')
+], UrlHandler.prototype, "updateUrlWithReplace", null);
+UrlHandler = __decorate([
+    Component({
+        components: {
+            GlobalEvents
+        },
+        mixins: [xComponentMixin(urlXModule)]
+    })
+], UrlHandler);
+var script = UrlHandler;
 
-export default UrlHandler;
-//# sourceMappingURL=url-handler.vue_rollup-plugin-vue=script.js.map
+export { script as default };
+//# sourceMappingURL=url-handler.vue_rollup-plugin-vue_script.vue.js.map

package/js/x-modules/url/components/url-handler.vue_rollup-plugin-vue_script.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"url-handler.vue_rollup-plugin-vue_script.vue.js","sources":["../../../../../src/x-modules/url/components/url-handler.vue?rollup-plugin-vue=script.ts"],"sourcesContent":["\n\n\n\n\nimport Vue from 'vue';\nimport GlobalEvents from 'vue-global-events';\nimport { Component, Inject } from 'vue-property-decorator';\nimport { State } from '../../../components';\nimport { XOn } from '../../../components/decorators/bus.decorators';\nimport { xComponentMixin } from '../../../components/x-component.mixin';\nimport { FeatureLocation } from '../../../types/origin';\nimport { UrlParams } from '../../../types/url-params';\nimport { isArrayEmpty } from '../../../utils/array';\nimport { objectFilter } from '../../../utils/object';\nimport { Dictionary } from '../../../utils/types';\nimport { WireMetadata } from '../../../wiring/wiring.types';\nimport { SnippetConfig } from '../../../x-installer/api/api.types';\nimport { initialUrlState } from '../store/initial-state';\nimport { UrlParamValue } from '../store/types';\nimport { urlXModule } from '../x-module';\n\ninterface ParsedUrlParams {\n  all: UrlParams;\n  extra: Dictionary<unknown>;\n}\n\n/**\n * This component manage the browser URL parameters to perserve them through reloads and browser\n * history navigation. It allow to configure the default url parameter names using its attributes.\n * This component doesn't render elements to the DOM.\n *\n * @public\n */\n@Component({\n  components: {\n    GlobalEvents\n  },\n  mixins: [xComponentMixin(urlXModule)]\n})\nexport default class UrlHandler extends Vue {\n  /**\n   * The {@link SnippetConfig} provided by an ancestor.\n   *\n   * @internal\n   */\n  @Inject({ default: undefined })\n  protected snippetConfig?: SnippetConfig;\n\n  /**\n   * Flag to know if the params were already loaded from the URL.\n   *\n   * @internal\n   */\n  protected urlLoaded = false;\n\n  /**\n   * The page URL. It is used to compare against the current URL to check navigation state.\n   *\n   * @internal\n   */\n  protected url?: URL;\n\n  /**\n   * Flag to know if the page has been persisted by the browser's back-forward cache.\n   *\n   * @internal\n   */\n  protected isPagePersisted = false;\n\n  /**\n   * Computed to know which params we must get from URL. It gets the params names from the initial\n   * state, to get all default params names, and also from the `$attrs` to get the extra params\n   * names to take into account.\n   *\n   * @returns An array with the name of the params.\n   *\n   * @internal\n   */\n  protected get managedParamsNames(): string[] {\n    return Object.keys({ ...initialUrlState, ...this.$attrs });\n  }\n\n  @State('url', 'initialExtraParams')\n  public initialExtraParams!: Dictionary<unknown>;\n\n  /**\n   * Returns the mapping of the param keys used in the URL is configured through $attrs. This way\n   * we can support any param and extra param, no matters its name.\n   *\n   * @param paramName - The param name to get the Url key.\n   * @returns The key used in the URL for the `paramName` passed.\n   *\n   * @internal\n   */\n  protected getUrlKey(paramName: string): string {\n    return this.$attrs[paramName] ?? paramName;\n  }\n\n  /**\n   * To emit the Url events just when the URL is load, and before the components mounted events\n   * and state changes, we do it in the created of this component.\n   */\n  created(): void {\n    this.emitEvents();\n  }\n\n  /**\n   * Updates the browser URL with the new {@link UrlParams} using the history `pushState` method.\n   *\n   * @param newUrlParams - The new params to update browser URL.\n   */\n  @XOn('PushableUrlStateChanged')\n  updateUrlWithPush(newUrlParams: UrlParams): void {\n    this.updateUrl(newUrlParams, window.history.pushState.bind(window.history));\n  }\n\n  /**\n   * Updates the browser URL with the new {@link UrlParams} using the history `replaceState`\n   * method.\n   *\n   * @param newUrlParams - The new params to update browser URL.\n   */\n  @XOn('ReplaceableUrlStateChanged')\n  updateUrlWithReplace(newUrlParams: UrlParams): void {\n    this.updateUrl(newUrlParams, window.history.replaceState.bind(window.history));\n  }\n\n  /**\n   * Handler of the\n   * {@link https://developer.mozilla.org/en-US/docs/Web/API/Window/pageshow_event | pageshow }\n   * event.\n   *\n   * @remarks The pageshow event is listened to check if the browser has performed a navigation\n   * using the back-forward cache. This information is available in the\n   * PageTransitionEvent.persisted property.\n   *\n   * @param event - The page transition event.\n   * @internal\n   */\n  protected onPageShow(event: PageTransitionEvent): void {\n    this.isPagePersisted = event.persisted;\n    if (event.persisted) {\n      // The internal url is reset due to the back-forward cache storing the previous value which\n      // is no longer valid.\n      this.url = undefined;\n    }\n  }\n\n  /**\n   * Emits the {@link UrlXEvents.ParamsLoadedFromUrl} XEvent,\n   * the {@link UrlXEvents.ExtraParamsLoadedFromUrl} XEvent and, if there is query, also emits\n   * the {@link XEventsTypes.UserOpenXProgrammatically}.\n   *\n   * @internal\n   */\n  protected emitEvents(): void {\n    const { all, extra } = this.parseUrlParams();\n    const metadata = this.createWireMetadata();\n    this.$x.emit('ParamsLoadedFromUrl', all, metadata);\n    this.$x.emit('ExtraParamsLoadedFromUrl', extra, metadata);\n    // TODO: Move this logic from here.\n    if (all.query) {\n      this.$x.emit('UserOpenXProgrammatically', undefined, metadata);\n    }\n    this.urlLoaded = true;\n  }\n\n  /**\n   * Creates the wire metadata to include in every emitted {@link XEvent | XEvents}.\n   *\n   * @returns The {@link WireMetadata | metadata}.\n   * @internal\n   */\n  protected createWireMetadata(): Pick<WireMetadata, 'feature' | 'location'> {\n    return {\n      feature: 'url',\n      location: this.detectLocation()\n    };\n  }\n\n  /**\n   * Detects the {@link FeatureLocation | location} used to build the\n   * {@link QueryOriginInit | events metadata origin}.\n   *\n   * @returns The {@link FeatureLocation | location}.\n   * @internal\n   */\n  protected detectLocation(): FeatureLocation {\n    const currentUrl = new URL(window.location.href);\n    const previousUrl = this.url;\n    this.url = currentUrl;\n\n    const isInternalNavigation =\n      previousUrl?.search !== currentUrl.search && previousUrl?.pathname === currentUrl.pathname;\n    if (isInternalNavigation) {\n      return 'url_history';\n    }\n\n    if (this.isNavigatingFromPdp()) {\n      return 'url_history_pdp';\n    }\n\n    return 'external';\n  }\n\n  /**\n   * Check if the navigation is from a product page.\n   *\n   * @remarks Due to Safari 14 not supporting the new and standard PerformanceNavigationTiming\n   * API, we are falling back to the deprecated one, PerformanceNavigation. We also fallback to\n   * this API whenever we get a navigationType equal to reload, because Safari has a bug that the\n   * navigationType is permanently set to reload after you have reload the page and it never\n   * resets. As some browsers have a back-forward cache implemented, we also take into account if\n   * the page is persisted.\n   *\n   * @returns True if the navigation is from a product page, false otherwise.\n   * @internal\n   */\n  protected isNavigatingFromPdp(): boolean {\n    const isPagePersisted = this.isPagePersisted;\n    const navigationEntries = window.performance.getEntriesByType('navigation');\n    const navigationType = (navigationEntries[0] as PerformanceNavigationTiming)?.type;\n    const useFallbackStrategy =\n      window.performance.navigation &&\n      (isArrayEmpty(navigationEntries) || navigationType === 'reload');\n\n    // Reset internal isPagePersisted property value\n    this.isPagePersisted = false;\n\n    if (useFallbackStrategy) {\n      const {\n        type: fallbackNavigationType,\n        TYPE_BACK_FORWARD,\n        TYPE_NAVIGATE\n      } = window.performance.navigation;\n      const isNavigatingInSpa =\n        !!this.snippetConfig?.isSpa && fallbackNavigationType === TYPE_NAVIGATE;\n      return fallbackNavigationType === TYPE_BACK_FORWARD || isNavigatingInSpa || isPagePersisted;\n    } else {\n      const isNavigatingInSpa = !!this.snippetConfig?.isSpa && navigationType === 'navigate';\n      return navigationType === 'back_forward' || isNavigatingInSpa || isPagePersisted;\n    }\n  }\n\n  /**\n   * Gets the {@link UrlParams} from the URL, including only the params defined by `paramsNames`.\n   *\n   * @returns ParsedUrlParams obtained from URL.\n   * @internal\n   */\n  protected parseUrlParams(): ParsedUrlParams {\n    const urlSearchParams = new URL(window.location.href).searchParams;\n    return this.managedParamsNames.reduce<ParsedUrlParams>(\n      (params, name) => {\n        const urlKey = this.getUrlKey(name);\n        if (urlSearchParams.has(urlKey)) {\n          if (name in initialUrlState) {\n            const urlValue = urlSearchParams.getAll(urlKey);\n            params.all[name] = this.parseUrlParam(name, urlValue);\n          } else {\n            params.all[name] = params.extra[name] = urlSearchParams.get(urlKey);\n          }\n        }\n        return params;\n      },\n      { all: { ...initialUrlState }, extra: { ...this.initialExtraParams } }\n    );\n  }\n\n  /**\n   * Updates the browser URL with the passed `newUrlParams` and using the browser history method\n   * passed as `historyMethod`. It only updates the browser history if the new URL is different\n   * from the current.\n   *\n   * @param newUrlParams - The new params to add to the browser URL.\n   * @param historyMethod - The browser history method used to add the new URL.\n   *\n   * @internal\n   */\n  protected updateUrl(\n    newUrlParams: UrlParams,\n    historyMethod: History['pushState'] | History['replaceState']\n  ): void {\n    if (this.urlLoaded) {\n      const url = new URL(window.location.href);\n      this.deleteUrlParameters(url);\n      this.setUrlParameters(url, newUrlParams);\n      if (url.href.replace(/\\+/g, '%20') !== window.location.href) {\n        historyMethod({ ...window.history.state }, document.title, url.href);\n      }\n      this.url = url;\n    }\n  }\n\n  /**\n   * Deletes all the parameters in the passed URL.\n   *\n   * @param url - The URL to remove parameters from.\n   * @internal\n   * **/\n  protected deleteUrlParameters(url: URL): void {\n    this.managedParamsNames.forEach(paramName =>\n      url.searchParams.delete(this.getUrlKey(paramName))\n    );\n  }\n\n  /**\n   * Set all the provided parameters to the url with the mapped key.\n   *\n   * @param url - The current URL.\n   * @param urlParams - The list of parameters to add.\n   * @remarks The params are filtered because there maybe received extra params which will not be\n   * managed by URL. This is defined by the `managedParamsNames` computed. Also, the parameters\n   * are sorted Alphabetically to produce always the same URL with the same parameters.This is\n   * important for SEO purposes.\n   *\n   * @internal\n   * **/\n  protected setUrlParameters(url: URL, urlParams: UrlParams): void {\n    const filteredParams = objectFilter(urlParams, paramName =>\n      this.managedParamsNames.includes(paramName as string)\n    );\n    const sortedParameters = this.sortParams(filteredParams);\n    sortedParameters.forEach(([paramName, paramValue]) => {\n      const urlParamKey = this.getUrlKey(paramName);\n      if (Array.isArray(paramValue)) {\n        paramValue.forEach(value => {\n          url.searchParams.append(urlParamKey, String(value));\n        });\n      } else {\n        url.searchParams.set(urlParamKey, String(paramValue));\n      }\n    });\n  }\n\n  /**\n   * Sorts the params in a tuple array [key,value] to generate always the same URL with the params\n   * in the same order.\n   *\n   * @param urlParams - The {@link UrlParams} to sort.\n   * @returns An array of tuples with the key-value of each paramter, sorted by key.\n   * @internal\n   */\n  protected sortParams(urlParams: UrlParams): Array<[string, unknown]> {\n    return Object.entries(urlParams).sort(([param1], [param2]) => {\n      return param1 < param2 ? -1 : 1;\n    });\n  }\n\n  /**\n   * Returns the URL param value parsed depending on its type in the initial store state. As we\n   * can not know what type can have an extra param, all extra params are parsed as strings. We\n   * know if it is an extra param because it is not in the initial state.\n   *\n   * @param name - The name of the param in {@link UrlParams}.\n   * @param value - The `URLSearchParams` value as an arry of strings.\n   * @returns The parsed value.\n   *\n   * @internal\n   */\n  protected parseUrlParam(name: string, value: string[]): UrlParamValue {\n    switch (typeof initialUrlState[name]) {\n      case 'number':\n        return Number(value[0]);\n      case 'boolean':\n        return value[0].toLowerCase() === 'true';\n      case 'string':\n        return value[0];\n      default:\n        // array\n        return value;\n    }\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA;;;;;;;AAaA,IAAqB,UAAU,GAA/B,MAAqB,UAAW,SAAQ,GAAG;IAA3C;;;;;;;QAcY,cAAS,GAAG,KAAK,CAAC;;;;;;QAclB,oBAAe,GAAG,KAAK,CAAC;KAkTnC;;;;;;;;;;IAvSC,IAAc,kBAAkB;QAC9B,OAAO,MAAM,CAAC,IAAI,CAAC,EAAE,GAAG,eAAe,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;KAC5D;;;;;;;;;;IAcS,SAAS,CAAC,SAAiB;QACnC,OAAO,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,SAAS,CAAC;KAC5C;;;;;IAMD,OAAO;QACL,IAAI,CAAC,UAAU,EAAE,CAAC;KACnB;;;;;;IAQD,iBAAiB,CAAC,YAAuB;QACvC,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;KAC7E;;;;;;;IASD,oBAAoB,CAAC,YAAuB;QAC1C,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;KAChF;;;;;;;;;;;;;IAcS,UAAU,CAAC,KAA0B;QAC7C,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC,SAAS,CAAC;QACvC,IAAI,KAAK,CAAC,SAAS,EAAE;;;YAGnB,IAAI,CAAC,GAAG,GAAG,SAAS,CAAC;SACtB;KACF;;;;;;;;IASS,UAAU;QAClB,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;QAC7C,MAAM,QAAQ,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC3C,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,qBAAqB,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC;QACnD,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,0BAA0B,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;;QAE1D,IAAI,GAAG,CAAC,KAAK,EAAE;YACb,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,2BAA2B,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC;SAChE;QACD,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;KACvB;;;;;;;IAQS,kBAAkB;QAC1B,OAAO;YACL,OAAO,EAAE,KAAK;YACd,QAAQ,EAAE,IAAI,CAAC,cAAc,EAAE;SAChC,CAAC;KACH;;;;;;;;IASS,cAAc;QACtB,MAAM,UAAU,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACjD,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC;QAC7B,IAAI,CAAC,GAAG,GAAG,UAAU,CAAC;QAEtB,MAAM,oBAAoB,GACxB,WAAW,EAAE,MAAM,KAAK,UAAU,CAAC,MAAM,IAAI,WAAW,EAAE,QAAQ,KAAK,UAAU,CAAC,QAAQ,CAAC;QAC7F,IAAI,oBAAoB,EAAE;YACxB,OAAO,aAAa,CAAC;SACtB;QAED,IAAI,IAAI,CAAC,mBAAmB,EAAE,EAAE;YAC9B,OAAO,iBAAiB,CAAC;SAC1B;QAED,OAAO,UAAU,CAAC;KACnB;;;;;;;;;;;;;;IAeS,mBAAmB;QAC3B,MAAM,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC;QAC7C,MAAM,iBAAiB,GAAG,MAAM,CAAC,WAAW,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC;QAC5E,MAAM,cAAc,GAAI,iBAAiB,CAAC,CAAC,CAAiC,EAAE,IAAI,CAAC;QACnF,MAAM,mBAAmB,GACvB,MAAM,CAAC,WAAW,CAAC,UAAU;aAC5B,YAAY,CAAC,iBAAiB,CAAC,IAAI,cAAc,KAAK,QAAQ,CAAC,CAAC;;QAGnE,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;QAE7B,IAAI,mBAAmB,EAAE;YACvB,MAAM,EACJ,IAAI,EAAE,sBAAsB,EAC5B,iBAAiB,EACjB,aAAa,EACd,GAAG,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC;YAClC,MAAM,iBAAiB,GACrB,CAAC,CAAC,IAAI,CAAC,aAAa,EAAE,KAAK,IAAI,sBAAsB,KAAK,aAAa,CAAC;YAC1E,OAAO,sBAAsB,KAAK,iBAAiB,IAAI,iBAAiB,IAAI,eAAe,CAAC;SAC7F;aAAM;YACL,MAAM,iBAAiB,GAAG,CAAC,CAAC,IAAI,CAAC,aAAa,EAAE,KAAK,IAAI,cAAc,KAAK,UAAU,CAAC;YACvF,OAAO,cAAc,KAAK,cAAc,IAAI,iBAAiB,IAAI,eAAe,CAAC;SAClF;KACF;;;;;;;IAQS,cAAc;QACtB,MAAM,eAAe,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,YAAY,CAAC;QACnE,OAAO,IAAI,CAAC,kBAAkB,CAAC,MAAM,CACnC,CAAC,MAAM,EAAE,IAAI;YACX,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;YACpC,IAAI,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;gBAC/B,IAAI,IAAI,IAAI,eAAe,EAAE;oBAC3B,MAAM,QAAQ,GAAG,eAAe,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;oBAChD,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;iBACvD;qBAAM;oBACL,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;iBACrE;aACF;YACD,OAAO,MAAM,CAAC;SACf,EACD,EAAE,GAAG,EAAE,EAAE,GAAG,eAAe,EAAE,EAAE,KAAK,EAAE,EAAE,GAAG,IAAI,CAAC,kBAAkB,EAAE,EAAE,CACvE,CAAC;KACH;;;;;;;;;;;IAYS,SAAS,CACjB,YAAuB,EACvB,aAA6D;QAE7D,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;YAC1C,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC;YAC9B,IAAI,CAAC,gBAAgB,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC;YACzC,IAAI,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE;gBAC3D,aAAa,CAAC,EAAE,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,QAAQ,CAAC,KAAK,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC;aACtE;YACD,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;SAChB;KACF;;;;;;;IAQS,mBAAmB,CAAC,GAAQ;QACpC,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,SAAS,IACvC,GAAG,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CACnD,CAAC;KACH;;;;;;;;;;;;;IAcS,gBAAgB,CAAC,GAAQ,EAAE,SAAoB;QACvD,MAAM,cAAc,GAAG,YAAY,CAAC,SAAS,EAAE,SAAS,IACtD,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAAC,SAAmB,CAAC,CACtD,CAAC;QACF,MAAM,gBAAgB,GAAG,IAAI,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;QACzD,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE,UAAU,CAAC;YAC/C,MAAM,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;YAC9C,IAAI,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE;gBAC7B,UAAU,CAAC,OAAO,CAAC,KAAK;oBACtB,GAAG,CAAC,YAAY,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;iBACrD,CAAC,CAAC;aACJ;iBAAM;gBACL,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,WAAW,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC;aACvD;SACF,CAAC,CAAC;KACJ;;;;;;;;;IAUS,UAAU,CAAC,SAAoB;QACvC,OAAO,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC;YACvD,OAAO,MAAM,GAAG,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;SACjC,CAAC,CAAC;KACJ;;;;;;;;;;;;IAaS,aAAa,CAAC,IAAY,EAAE,KAAe;QACnD,QAAQ,OAAO,eAAe,CAAC,IAAI,CAAC;YAClC,KAAK,QAAQ;gBACX,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;YAC1B,KAAK,SAAS;gBACZ,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,KAAK,MAAM,CAAC;YAC3C,KAAK,QAAQ;gBACX,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC;YAClB;;gBAEE,OAAO,KAAK,CAAC;SAChB;KACF;CACF,CAAA;AAvUC;IADC,MAAM,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC;iDACS;AAqCxC;IADC,KAAK,CAAC,KAAK,EAAE,oBAAoB,CAAC;sDACa;AA6BhD;IADC,GAAG,CAAC,yBAAyB,CAAC;mDAG9B;AASD;IADC,GAAG,CAAC,4BAA4B,CAAC;sDAGjC;AAtFkB,UAAU;IAN9B,SAAS,CAAC;QACT,UAAU,EAAE;YACV,YAAY;SACb;QACD,MAAM,EAAE,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;KACtC,CAAC;GACmB,UAAU,CA8U9B;aA9UoB,UAAU;;;;"}

package/js/x-modules/url/store/emitters.js

@@ -1,7 +1,3 @@
-import { __assign } from 'tslib';
-import '../../../store/x.module.js';
-import '../../../store/utils/fetch-and-save-action.utils.js';
-import '../../../store/utils/status-store.utils.js';
 import { createStoreEmitters } from '../../../store/utils/store-emitters.utils.js';
 import { urlXStoreModule } from './module.js';
 
@@ -11,7 +7,7 @@ import { urlXStoreModule } from './module.js';
  *
  * @internal
  */
-var replaceableParams = ['scroll', 'page'];
+const replaceableParams = ['scroll', 'page'];
 /**
  * Compares new and old {@link UrlParams} to know if not replaceable params have changed.
  *
@@ -20,11 +16,9 @@ var replaceableParams = ['scroll', 'page'];
  *
  * @returns True if is pushable change, false otherwise.
  */
-function shouldPushUrl(newParams, oldParams) {
-    if (newParams === void 0) { newParams = {}; }
-    if (oldParams === void 0) { oldParams = {}; }
-    var keys = Object.keys(__assign(__assign({}, oldParams), newParams));
-    return keys.some(function (key) { return !replaceableParams.includes(key) && oldParams[key] !== newParams[key]; });
+function shouldPushUrl(newParams = {}, oldParams = {}) {
+    const keys = Object.keys({ ...oldParams, ...newParams });
+    return keys.some(key => !replaceableParams.includes(key) && oldParams[key] !== newParams[key]);
 }
 /**
  * Compares new and old {@link UrlParams} to know if replaceable params have changed.
@@ -34,11 +28,9 @@ function shouldPushUrl(newParams, oldParams) {
  *
  * @returns True if is pushable change, false otherwise.
  */
-function shouldReplaceUrl(newParams, oldParams) {
-    if (newParams === void 0) { newParams = {}; }
-    if (oldParams === void 0) { oldParams = {}; }
-    var keys = Object.keys(__assign(__assign({}, oldParams), newParams));
-    return (keys.some(function (key) { return replaceableParams.includes(key) && oldParams[key] !== newParams[key]; }) &&
+function shouldReplaceUrl(newParams = {}, oldParams = {}) {
+    const keys = Object.keys({ ...oldParams, ...newParams });
+    return (keys.some(key => replaceableParams.includes(key) && oldParams[key] !== newParams[key]) &&
         !shouldPushUrl(newParams, oldParams));
 }
 /**
@@ -46,13 +38,13 @@ function shouldReplaceUrl(newParams, oldParams) {
  *
  * @internal
  */
-var urlEmitters = createStoreEmitters(urlXStoreModule, {
+const urlEmitters = createStoreEmitters(urlXStoreModule, {
     PushableUrlStateChanged: {
-        selector: function (_, getters) { return getters.urlParams; },
+        selector: (_, getters) => getters.urlParams,
         filter: shouldPushUrl
     },
     ReplaceableUrlStateChanged: {
-        selector: function (_, getters) { return getters.urlParams; },
+        selector: (_, getters) => getters.urlParams,
         filter: shouldReplaceUrl
     }
 });

package/js/x-modules/url/store/emitters.js.map

@@ -1 +1 @@
-{"version":3,"file":"emitters.js","sources":["../../../../../src/x-modules/url/store/emitters.ts"],"sourcesContent":["import { createStoreEmitters } from '../../../store';\nimport { UrlParams } from '../../../types/url-params';\nimport { urlXStoreModule } from './module';\nimport { UrlParamKey } from './types';\n\n/**\n * The params from {@link UrlParams} that provokes a replace instead of a push in the browser URL\n * state.\n *\n * @internal\n */\nexport const replaceableParams: UrlParamKey[] = ['scroll', 'page'];\n\n/**\n * Compares new and old {@link UrlParams} to know if not replaceable params have changed.\n *\n * @param newParams - The new {@link UrlParams} to compare.\n * @param oldParams - The old {@link UrlParams} to compare.\n *\n * @returns True if is pushable change, false otherwise.\n */\nfunction shouldPushUrl(\n  newParams: Partial<UrlParams> = {},\n  oldParams: Partial<UrlParams> = {}\n): boolean {\n  const keys = Object.keys({ ...oldParams, ...newParams });\n  return keys.some(key => !replaceableParams.includes(key) && oldParams[key] !== newParams[key]);\n}\n\n/**\n * Compares new and old {@link UrlParams} to know if replaceable params have changed.\n *\n * @param newParams - The new {@link UrlParams} to compare.\n * @param oldParams - The old {@link UrlParams} to compare.\n *\n * @returns True if is pushable change, false otherwise.\n */\nfunction shouldReplaceUrl(\n  newParams: Partial<UrlParams> = {},\n  oldParams: Partial<UrlParams> = {}\n): boolean {\n  const keys = Object.keys({ ...oldParams, ...newParams });\n  return (\n    keys.some(key => replaceableParams.includes(key) && oldParams[key] !== newParams[key]) &&\n    !shouldPushUrl(newParams, oldParams)\n  );\n}\n\n/**\n * {@link StoreEmitters} For the URL module.\n *\n * @internal\n */\nexport const urlEmitters = createStoreEmitters(urlXStoreModule, {\n  PushableUrlStateChanged: {\n    selector: (_, getters) => getters.urlParams,\n    filter: shouldPushUrl\n  },\n  ReplaceableUrlStateChanged: {\n    selector: (_, getters) => getters.urlParams,\n    filter: shouldReplaceUrl\n  }\n});\n"],"names":[],"mappings":";;;;;;;AAKA;;;;;;IAMa,iBAAiB,GAAkB,CAAC,QAAQ,EAAE,MAAM,EAAE;AAEnE;;;;;;;;AAQA,SAAS,aAAa,CACpB,SAAkC,EAClC,SAAkC;IADlC,0BAAA,EAAA,cAAkC;IAClC,0BAAA,EAAA,cAAkC;IAElC,IAAM,IAAI,GAAG,MAAM,CAAC,IAAI,uBAAM,SAAS,GAAK,SAAS,EAAG,CAAC;IACzD,OAAO,IAAI,CAAC,IAAI,CAAC,UAAA,GAAG,IAAI,OAAA,CAAC,iBAAiB,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,SAAS,CAAC,GAAG,CAAC,KAAK,SAAS,CAAC,GAAG,CAAC,GAAA,CAAC,CAAC;AACjG,CAAC;AAED;;;;;;;;AAQA,SAAS,gBAAgB,CACvB,SAAkC,EAClC,SAAkC;IADlC,0BAAA,EAAA,cAAkC;IAClC,0BAAA,EAAA,cAAkC;IAElC,IAAM,IAAI,GAAG,MAAM,CAAC,IAAI,uBAAM,SAAS,GAAK,SAAS,EAAG,CAAC;IACzD,QACE,IAAI,CAAC,IAAI,CAAC,UAAA,GAAG,IAAI,OAAA,iBAAiB,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,SAAS,CAAC,GAAG,CAAC,KAAK,SAAS,CAAC,GAAG,CAAC,GAAA,CAAC;QACtF,CAAC,aAAa,CAAC,SAAS,EAAE,SAAS,CAAC,EACpC;AACJ,CAAC;AAED;;;;;IAKa,WAAW,GAAG,mBAAmB,CAAC,eAAe,EAAE;IAC9D,uBAAuB,EAAE;QACvB,QAAQ,EAAE,UAAC,CAAC,EAAE,OAAO,IAAK,OAAA,OAAO,CAAC,SAAS,GAAA;QAC3C,MAAM,EAAE,aAAa;KACtB;IACD,0BAA0B,EAAE;QAC1B,QAAQ,EAAE,UAAC,CAAC,EAAE,OAAO,IAAK,OAAA,OAAO,CAAC,SAAS,GAAA;QAC3C,MAAM,EAAE,gBAAgB;KACzB;CACF;;;;"}
+{"version":3,"file":"emitters.js","sources":["../../../../../src/x-modules/url/store/emitters.ts"],"sourcesContent":["import { createStoreEmitters } from '../../../store';\nimport { UrlParams } from '../../../types/url-params';\nimport { urlXStoreModule } from './module';\nimport { UrlParamKey } from './types';\n\n/**\n * The params from {@link UrlParams} that provokes a replace instead of a push in the browser URL\n * state.\n *\n * @internal\n */\nexport const replaceableParams: UrlParamKey[] = ['scroll', 'page'];\n\n/**\n * Compares new and old {@link UrlParams} to know if not replaceable params have changed.\n *\n * @param newParams - The new {@link UrlParams} to compare.\n * @param oldParams - The old {@link UrlParams} to compare.\n *\n * @returns True if is pushable change, false otherwise.\n */\nfunction shouldPushUrl(\n  newParams: Partial<UrlParams> = {},\n  oldParams: Partial<UrlParams> = {}\n): boolean {\n  const keys = Object.keys({ ...oldParams, ...newParams });\n  return keys.some(key => !replaceableParams.includes(key) && oldParams[key] !== newParams[key]);\n}\n\n/**\n * Compares new and old {@link UrlParams} to know if replaceable params have changed.\n *\n * @param newParams - The new {@link UrlParams} to compare.\n * @param oldParams - The old {@link UrlParams} to compare.\n *\n * @returns True if is pushable change, false otherwise.\n */\nfunction shouldReplaceUrl(\n  newParams: Partial<UrlParams> = {},\n  oldParams: Partial<UrlParams> = {}\n): boolean {\n  const keys = Object.keys({ ...oldParams, ...newParams });\n  return (\n    keys.some(key => replaceableParams.includes(key) && oldParams[key] !== newParams[key]) &&\n    !shouldPushUrl(newParams, oldParams)\n  );\n}\n\n/**\n * {@link StoreEmitters} For the URL module.\n *\n * @internal\n */\nexport const urlEmitters = createStoreEmitters(urlXStoreModule, {\n  PushableUrlStateChanged: {\n    selector: (_, getters) => getters.urlParams,\n    filter: shouldPushUrl\n  },\n  ReplaceableUrlStateChanged: {\n    selector: (_, getters) => getters.urlParams,\n    filter: shouldReplaceUrl\n  }\n});\n"],"names":[],"mappings":";;;AAKA;;;;;;MAMa,iBAAiB,GAAkB,CAAC,QAAQ,EAAE,MAAM,EAAE;AAEnE;;;;;;;;AAQA,SAAS,aAAa,CACpB,YAAgC,EAAE,EAClC,YAAgC,EAAE;IAElC,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,EAAE,GAAG,SAAS,EAAE,GAAG,SAAS,EAAE,CAAC,CAAC;IACzD,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,SAAS,CAAC,GAAG,CAAC,KAAK,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC;AACjG,CAAC;AAED;;;;;;;;AAQA,SAAS,gBAAgB,CACvB,YAAgC,EAAE,EAClC,YAAgC,EAAE;IAElC,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,EAAE,GAAG,SAAS,EAAE,GAAG,SAAS,EAAE,CAAC,CAAC;IACzD,QACE,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,iBAAiB,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,SAAS,CAAC,GAAG,CAAC,KAAK,SAAS,CAAC,GAAG,CAAC,CAAC;QACtF,CAAC,aAAa,CAAC,SAAS,EAAE,SAAS,CAAC,EACpC;AACJ,CAAC;AAED;;;;;MAKa,WAAW,GAAG,mBAAmB,CAAC,eAAe,EAAE;IAC9D,uBAAuB,EAAE;QACvB,QAAQ,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,SAAS;QAC3C,MAAM,EAAE,aAAa;KACtB;IACD,0BAA0B,EAAE;QAC1B,QAAQ,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,SAAS;QAC3C,MAAM,EAAE,gBAAgB;KACzB;CACF;;;;"}