@fuentis/phoenix-ui 0.0.9-alpha.375 → 0.0.9-alpha.376

package/fesm2022/fuentis-phoenix-ui.mjs

@@ -2250,8 +2250,9 @@ class TableCaptionComponent {
             this.filtersForm.valueChanges
                 .pipe(takeUntilDestroyed(this.dr), debounceTime(150))
                 .subscribe((val) => {
-                this.applyFiltersEvent.emit(val);
-                this.storeTableState(val, this.FILTER_KEY);
+                const sanitized = this.sanitizeByOptions(val, this.filters);
+                this.applyFiltersEvent.emit(sanitized);
+                this.storeTableState(sanitized, this.FILTER_KEY);
             });
         }
     }
@@ -2276,20 +2277,48 @@ class TableCaptionComponent {
             return;
         try {
             const parsed = JSON.parse(stored);
+            // zadrži samo poznate ključeve
             const validKeys = this.filters.map((f) => f.key);
-            const filtered = Object.keys(parsed)
+            const filteredByKey = Object.keys(parsed)
                 .filter((k) => validKeys.includes(k))
                 .reduce((acc, k) => {
                 acc[k] = parsed[k];
                 return acc;
             }, {});
-            this.filtersForm.patchValue(filtered, { emitEvent: false });
+            const sanitized = this.sanitizeByOptions(filteredByKey, this.filters);
+            this.filtersForm.patchValue(sanitized, { emitEvent: false });
             this.applyFiltersEvent.emit(this.filtersForm.getRawValue());
         }
         catch (e) {
             console.warn('Invalid filter state in localStorage:', e);
         }
     }
+    // helper: remove all values that do not exist in the options for the given filter.key
+    sanitizeByOptions(formValue, filtersCfg) {
+        const cfgMap = new Map(filtersCfg.map((f) => [f.key, f]));
+        const cleaned = {};
+        Object.keys(formValue ?? {}).forEach((key) => {
+            const cfg = cfgMap.get(key);
+            if (!cfg)
+                return;
+            const opts = (cfg.options ?? []).map((o) => o?.key ?? o?.value ?? o?.label ?? o);
+            const has = new Set(opts.map((v) => String(v).toLowerCase()));
+            const keep = (v) => v !== null &&
+                v !== undefined &&
+                v !== '' &&
+                has.has(String(v?.key ?? v).toLowerCase());
+            const val = formValue[key];
+            if (Array.isArray(val)) {
+                const filtered = val.filter(keep);
+                if (filtered.length)
+                    cleaned[key] = filtered;
+            }
+            else if (keep(val)) {
+                cleaned[key] = val;
+            }
+        });
+        return cleaned;
+    }
     /**
      * Restore previously saved visible columns set.
      * If saved state is invalid or outdated, fall back to default (all non-hidden).