@firestitch/filter 13.0.2 → 13.0.3

package/fesm2020/firestitch-filter.mjs

@@ -59,16 +59,6 @@ import * as i1$6 from '@angular/cdk/overlay';
 import { OverlayConfig } from '@angular/cdk/overlay';
 import * as i1$7 from '@angular/cdk/layout';
 
-const QUERY_PARAM_DELIMITER = ':';
-
-function filterToQueryParam(value, name) {
-    return `${encodeURIComponent(value)}${QUERY_PARAM_DELIMITER}${encodeURIComponent(name)}`;
-}
-function filterFromQueryParam(param) {
-    const parts = param.split(QUERY_PARAM_DELIMITER);
-    return [decodeURIComponent(parts[0]), decodeURIComponent(parts[1])];
-}
-
 function objectsAreEquals(obj1, obj2) {
     const oldKeys = Object.keys(obj1);
     const currKeys = Object.keys(obj2);
@@ -476,8 +466,19 @@ class MultipleSelectItem extends BaseSelectItem {
     }
 }
 
+const QUERY_PARAM_DELIMITER = ':';
+
+function filterToQueryParam(value, name) {
+    return `${encodeURIComponent(value)}${QUERY_PARAM_DELIMITER}${encodeURIComponent(name)}`;
+}
+function filterFromQueryParam(param) {
+    const parts = param.split(QUERY_PARAM_DELIMITER);
+    return [decodeURIComponent(parts[0]), decodeURIComponent(parts[1])];
+}
+
 function buildQueryParams(flattenedParams, items) {
-    items.forEach(filterItem => {
+    items
+        .forEach((filterItem) => {
         if (filterItem instanceof MultipleSelectItem && filterItem.isolate) {
             if (filterItem.multiple && filterItem.value) {
                 const isolated = list(filterItem.values, 'value').sort();
@@ -1911,23 +1912,9 @@ class QueryParamsController {
         }
     }
     writeStateToQueryParams(params) {
-        if (!this._enabled) {
-            return;
+        if (this._enabled) {
+            this._replaceState(params);
         }
-        this._location.replaceState(this._router.createUrlTree([], {
-            relativeTo: this._route,
-            queryParams: params,
-            queryParamsHandling: 'merge',
-            preserveFragment: true,
-        }).toString());
-        // Trying replacing the URL without triggering an Angular navigation change
-        // // Update query
-        // this._router.navigate([], {
-        //   replaceUrl: true,
-        //   relativeTo: this._route,
-        //   queryParams: params,
-        //   queryParamsHandling: 'merge',
-        // }).then(() => {});
     }
     /**
      * Parse query and update filter values
@@ -1940,6 +1927,15 @@ class QueryParamsController {
         ].filter((item) => !!item);
         this._fetchedParams = restoreItems(this._route.snapshot.queryParams, items, this._paramsCase);
     }
+    _replaceState(data) {
+        const url = new URL(window.location.href);
+        Object.keys(data)
+            .filter((name) => data[name] !== undefined && data[name] !== null)
+            .forEach((name) => {
+            url.searchParams.set(name, data[name]);
+        });
+        history.replaceState({}, null, url.search);
+    }
 }
 QueryParamsController.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: QueryParamsController, deps: [{ token: i1$1.Router }, { token: i1$1.ActivatedRoute }, { token: i3.Location }, { token: FsFilterItemsStore }], target: i0.ɵɵFactoryTarget.Injectable });
 QueryParamsController.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: QueryParamsController });