@firestitch/filter 9.9.7 → 9.10.0

package/app/components/filter/filter.component.d.ts

@@ -4,6 +4,7 @@ import { MatInput } from '@angular/material/input';
 import { Observable } from 'rxjs';
 import { FsFilterConfig } from '../../models/filter-config';
 import { FsFilterOverlayService } from '../../services/filter-overlay.service';
+import { IFilterConfigItem } from '../../interfaces/config.interface';
 import { BaseItem } from '../../models/items/base-item';
 import { FsFilterItemsStore } from '../../services/items-store.service';
 import { ExternalParamsController } from '../../services/external-params-controller.service';
@@ -43,8 +44,8 @@ export declare class FilterComponent implements OnInit, AfterViewInit, OnDestroy
     get config(): FsFilterConfig;
     get filterParams(): Record<string, unknown>;
     get filterParamsQuery(): Record<string, unknown>;
-    get items(): BaseItem<import("../../interfaces/config.interface").IFilterConfigItem>[];
-    get visibleItems(): BaseItem<import("../../interfaces/config.interface").IFilterConfigItem>[];
+    get items(): BaseItem<IFilterConfigItem>[];
+    get visibleItems(): BaseItem<IFilterConfigItem>[];
     get itemsReady$(): Observable<boolean>;
     get hasFilterChips$(): Observable<boolean>;
     get hasVisibleItemOrSorting(): boolean;
@@ -170,6 +171,7 @@ export declare class FilterComponent implements OnInit, AfterViewInit, OnDestroy
      * Go through actions and check disabled() callback and update disabled state
      */
     updateDisabledState(): void;
+    setItems(items: IFilterConfigItem[]): void;
     private _initFilterWithConfig;
     private _destroyFilterDrawer;
     private _updateWindowWidth;
@@ -177,6 +179,7 @@ export declare class FilterComponent implements OnInit, AfterViewInit, OnDestroy
     private _listenInputKeyEvents;
     private _listenWindowResize;
     private _listenInputChanges;
+    private _syncSearchInputWithKeyword;
     private _listenKeywordItemClear;
     private _listenInternalItemsChange;
     private _initOverlay;

package/app/services/external-params-controller.service.d.ts

@@ -28,6 +28,7 @@ export declare class ExternalParamsController implements OnDestroy {
     setConfig(config: any): void;
     setActiveSavedFilter(savedFilter: IFilterSavedFilter): void;
     reloadFiltersWithValues(params: IFilterExternalParams, shouldResetSavedFilters?: boolean): void;
+    initItems(): void;
     _initItemsValues(): void;
     private _initPersistance;
     private _initQueryParams;

package/bundles/firestitch-filter.umd.js

@@ -2640,11 +2640,27 @@
             this._destroy$.complete();
         };
         ExternalParamsController.prototype.setConfig = function (config) {
-            var _this = this;
             this._config = config;
             this._initPersistance();
             this._initQueryParams();
             this._initSavedFilters();
+            this.initItems();
+        };
+        ExternalParamsController.prototype.setActiveSavedFilter = function (savedFilter) {
+            this.savedFiltersController.setActiveFilter(savedFilter);
+            if (savedFilter) {
+                this.reloadFiltersWithValues(savedFilter.filters, false);
+            }
+        };
+        ExternalParamsController.prototype.reloadFiltersWithValues = function (params, shouldResetSavedFilters) {
+            if (shouldResetSavedFilters === void 0) { shouldResetSavedFilters = true; }
+            this._shouldResetSavedFilters = shouldResetSavedFilters;
+            this._itemsStore.updateItemsWithValues(params);
+            this._saveQueryParams();
+            this._savePersistedParams();
+        };
+        ExternalParamsController.prototype.initItems = function () {
+            var _this = this;
             this._pending$.next(true);
             if (this._savedFilters.enabled) {
                 this._savedFilters
@@ -2663,19 +2679,6 @@
             }
             this._listenItemsChange();
         };
-        ExternalParamsController.prototype.setActiveSavedFilter = function (savedFilter) {
-            this.savedFiltersController.setActiveFilter(savedFilter);
-            if (savedFilter) {
-                this.reloadFiltersWithValues(savedFilter.filters, false);
-            }
-        };
-        ExternalParamsController.prototype.reloadFiltersWithValues = function (params, shouldResetSavedFilters) {
-            if (shouldResetSavedFilters === void 0) { shouldResetSavedFilters = true; }
-            this._shouldResetSavedFilters = shouldResetSavedFilters;
-            this._itemsStore.updateItemsWithValues(params);
-            this._saveQueryParams();
-            this._savePersistedParams();
-        };
         ExternalParamsController.prototype._initItemsValues = function () {
             this._itemsStore.initItemValues(this.params);
             this._saveQueryParams();
@@ -3868,6 +3871,14 @@
         FilterComponent.prototype.updateDisabledState = function () {
             this._actions.updateDisabledState();
         };
+        FilterComponent.prototype.setItems = function (items) {
+            this._filterItems.destroyItems();
+            this.config.items = items;
+            this._filterItems.setConfig(this._config);
+            this._externalParams.initItems();
+            this._syncSearchInputWithKeyword();
+            this._listenKeywordItemClear();
+        };
         FilterComponent.prototype._initFilterWithConfig = function (config) {
             if (this.config) {
                 this._filterItems.destroyItems();
@@ -3877,11 +3888,7 @@
             this._actions.initActions(this._config.actions);
             this._filterItems.setConfig(this._config);
             this._externalParams.setConfig(this._config);
-            var keywordItem = this._filterItems.keywordItem;
-            if (keywordItem) {
-                this.searchText.setValue(keywordItem.model);
-                this.searchPlaceholder = keywordItem.label || 'Search';
-            }
+            this._syncSearchInputWithKeyword();
             if (!!this.config.reloadWhenConfigChanged) {
                 this.change();
             }
@@ -3955,6 +3962,13 @@
                 });
             });
         };
+        FilterComponent.prototype._syncSearchInputWithKeyword = function () {
+            var keywordItem = this._filterItems.keywordItem;
+            if (keywordItem) {
+                this.searchText.setValue(keywordItem.model);
+                this.searchPlaceholder = keywordItem.label || 'Search';
+            }
+        };
         FilterComponent.prototype._listenKeywordItemClear = function () {
             var _this = this;
             var _a;