@fuentis/phoenix-ui 0.0.9-alpha.626 → 0.0.9-alpha.627

package/fesm2022/fuentis-phoenix-ui.mjs

@@ -2013,6 +2013,7 @@ class TableCaptionComponent {
      * - set/order of filter keys changes
      */
     lastSignature = '';
+    lastOptionsSignature = '';
     ngOnChanges(changes) {
         if (!this.tableConfiguration)
             return;
@@ -2030,10 +2031,16 @@ class TableCaptionComponent {
         // Normalize filters (backward compatible) before building form
         const normalizedFilters = this.normalizeFilters(this.filters);
         const signature = this.buildSignature(this.tableConfiguration.key, normalizedFilters);
+        const optionsSig = this.buildOptionsSignature(normalizedFilters);
         if (signature !== this.lastSignature) {
             this.lastSignature = signature;
+            this.lastOptionsSignature = optionsSig;
             this.buildFiltersForm(normalizedFilters);
         }
+        else if (changes['filters'] && optionsSig !== this.lastOptionsSignature) {
+            this.lastOptionsSignature = optionsSig;
+            this.pruneStaleSelections(normalizedFilters);
+        }
     }
     // ---------------------------------------------------------------------------
     // Filters form (performance-focused)
@@ -2105,6 +2112,55 @@ class TableCaptionComponent {
         const keys = (filtersCfg ?? []).map((f) => f.key).join('|');
         return `${tableKey ?? 'table'}::${keys}`;
     }
+    pruneStaleSelections(filtersCfg) {
+        const patch = {};
+        for (const f of filtersCfg) {
+            const t = f.type ?? 'text';
+            if (t === 'text' || t === 'checkbox')
+                continue;
+            const control = this.filtersForm.get(f.key);
+            if (!control)
+                continue;
+            const options = Array.isArray(f.options) ? f.options : [];
+            const ov = f.optionValue ?? 'key';
+            const validValues = new Set(options.map((o) => (o && typeof o === 'object' ? o[ov] : o)));
+            if (t === 'multiselect') {
+                const current = Array.isArray(control.value) ? control.value : [];
+                const pruned = current.filter((v) => validValues.has(v));
+                if (pruned.length !== current.length)
+                    patch[f.key] = pruned;
+            }
+            else if (t === 'boolean-multiselect') {
+                const current = Array.isArray(control.value) ? control.value : [];
+                const pruned = current.filter((o) => {
+                    const val = o && typeof o === 'object' ? o[ov] : o;
+                    return validValues.has(val);
+                });
+                if (pruned.length !== current.length)
+                    patch[f.key] = pruned;
+            }
+            else if (t === 'dropdown' || t === 'person-dropdown') {
+                const current = control.value;
+                if (current != null && current !== '' && !validValues.has(current)) {
+                    patch[f.key] = null;
+                }
+            }
+        }
+        if (Object.keys(patch).length > 0) {
+            this.filtersForm.patchValue(patch, { emitEvent: true });
+        }
+    }
+    buildOptionsSignature(filtersCfg) {
+        return (filtersCfg ?? [])
+            .map((f) => {
+            const ov = f.optionValue ?? 'key';
+            const opts = (f.options ?? [])
+                .map((o) => (o && typeof o === 'object' ? (o[ov] ?? JSON.stringify(o)) : String(o)))
+                .join(',');
+            return `${f.key}:[${opts}]`;
+        })
+            .join('|');
+    }
     normalizeMultiInitial(selected) {
         if (selected == null)
             return [];