@firestitch/filter 18.2.2 → 18.2.4

package/fesm2022/firestitch-filter.mjs

@@ -1537,6 +1537,7 @@ class ItemStore {
         this._itemsValuesLoaded = false;
         if (Array.isArray(items)) {
             this._createItems(items);
+            this._setKeywordItem();
         }
     }
     queryParams() {
@@ -1776,7 +1777,6 @@ class ItemStore {
             .pipe(filter$1((state) => state), takeUntil(this._destroy$))
             .subscribe(() => {
             this.updateItemsVisiblity();
-            this._setKeywordItem();
         });
     }
     _initSortingItems(p) {
@@ -1916,7 +1916,7 @@ class SavedFilterController {
         }));
     }
     save(savedFilter) {
-        const exists = !!savedFilter.id;
+        const exists = !!this.activeFilter.id;
         savedFilter = {
             ...this.activeFilter,
             ...savedFilter,
@@ -1955,6 +1955,9 @@ class SavedFilterController {
             .pipe(tap(() => {
             this.savedFilters = this.savedFilters
                 .filter((f) => f.id !== savedFilter.id);
+            if (this.activeFilter?.id === savedFilter.id) {
+                this.setActiveFilter(null);
+            }
         }));
     }
     setActiveFilter(savedFilter) {
@@ -4270,7 +4273,7 @@ class FilterComponent {
     _config = null;
     _sort;
     _filtersBtnVisible$ = new BehaviorSubject(true);
-    _keywordVisible$ = new BehaviorSubject(true);
+    _keywordVisible$ = new BehaviorSubject(false);
     _hasFilterChips$ = new BehaviorSubject(false);
     _keyword$ = new Subject();
     _destroy$ = new Subject();
@@ -4342,7 +4345,7 @@ class FilterComponent {
             activeFilter: of(this.savedFiltersController.enabled),
         })
             .pipe(map(({ keywordVisible, activeFilter }) => {
-            return !(keywordVisible && this._itemStore.hasKeyword) && !activeFilter;
+            return !keywordVisible && !activeFilter;
         }));
     }
     get notInlineToolbar$() {
@@ -4350,10 +4353,7 @@ class FilterComponent {
             .pipe(map((inline) => !inline));
     }
     get keywordVisible$() {
-        return this._keywordVisible$.asObservable()
-            .pipe(map((visible) => {
-            return visible && this._itemStore.hasKeyword;
-        }));
+        return this._keywordVisible$.asObservable();
     }
     get actionsVisible$() {
         return this._actions.visible$;
@@ -4377,12 +4377,7 @@ class FilterComponent {
         return this._savedFilterController;
     }
     ngOnInit() {
-        // Avoid ngChanges error
-        setTimeout(() => {
-            if (this.config.autofocus) {
-                this.focus();
-            }
-        });
+        this._initAutoFocus();
         this._initAutoReload();
         this._listenInputChanges();
         this._listenInternalItemsChange();
@@ -4746,6 +4741,14 @@ class FilterComponent {
     _initKeywordVisibility() {
         this._keywordVisible$.next(!!this.keywordItem && !this.keywordItem?.hide);
     }
+    _initAutoFocus() {
+        // Avoid ngChanges error
+        setTimeout(() => {
+            if (this.config.autofocus) {
+                this.focus();
+            }
+        });
+    }
     _listenInternalItemsChange() {
         this._itemStore
             .itemsChange$