@fuentis/phoenix-ui 0.0.9-alpha.360 → 0.0.9-alpha.362

package/fesm2022/fuentis-phoenix-ui.mjs

@@ -2230,29 +2230,21 @@ class TableCaptionComponent {
                     (!Array.isArray(filter.selected) || filter.selected.length > 0);
                 let defaultValue;
                 if (filter.type === 'multiselect') {
-                    if (hasSelected) {
-                        defaultValue = (Array.isArray(filter.selected) ? filter.selected : [filter.selected])
-                            .map((s) => (s && typeof s === 'object' && 'key' in s ? s.key : s));
-                    }
-                    else {
-                        defaultValue = [];
-                    }
+                    defaultValue = hasSelected
+                        ? (Array.isArray(filter.selected) ? filter.selected : [filter.selected])
+                        : [];
                 }
                 else {
-                    defaultValue = hasSelected
-                        ? (filter.selected && typeof filter.selected === 'object' && 'key' in filter.selected
-                            ? filter.selected.key
-                            : filter.selected)
-                        : null;
+                    defaultValue = hasSelected ? filter.selected : null;
                 }
                 this.filtersForm.addControl(filter.key, this.fb.control(defaultValue));
             }
-            // Emit initial state
-            const initial = this.filtersForm.getRawValue();
-            this.applyFiltersEvent.emit(initial);
             this.filtersForm.valueChanges
-                .pipe(takeUntilDestroyed(this.dr))
-                .subscribe((val) => this.applyFiltersEvent.emit(val));
+                .pipe(takeUntilDestroyed(this.dr), debounceTime(150))
+                .subscribe((val) => {
+                this.applyFiltersEvent.emit(val);
+                this.storeTableState(val, this.FILTER_KEY);
+            });
         }
     }
     /** Default selected columns = all non-hidden columns */
@@ -2361,7 +2353,15 @@ class TableCaptionComponent {
     }
     /** Thin wrapper to persist a JSON-serializable state in localStorage */
     storeTableState(state, key) {
-        localStorage.setItem(key, JSON.stringify(state));
+        const isEmpty = (v) => v == null ||
+            (typeof v === 'object' && !Array.isArray(v) && Object.keys(v).length === 0) ||
+            (Array.isArray(v) && v.length === 0);
+        if (isEmpty(state)) {
+            localStorage.removeItem(key);
+        }
+        else {
+            localStorage.setItem(key, JSON.stringify(state));
+        }
     }
     /**
      * Handler for the PrimeNG MultiSelect clear button.