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

package/fesm2022/fuentis-phoenix-ui.mjs

@@ -2225,25 +2225,31 @@ class TableCaptionComponent {
         this.filtersForm = this.fb.group({});
         if (this.filters && Array.isArray(this.filters)) {
             for (const filter of this.filters) {
-                let defaultValue = null;
+                const hasSelected = filter.selected !== undefined &&
+                    filter.selected !== null &&
+                    (!Array.isArray(filter.selected) || filter.selected.length > 0);
+                let defaultValue;
                 if (filter.type === 'multiselect') {
-                    // Convert any {label, key} entries in `selected` to primitives (key)
-                    if (Array.isArray(filter.selected) && filter.selected.length > 0) {
-                        defaultValue = filter.selected.map((s) => s && typeof s === 'object' && 'key' in s ? s.key : s);
+                    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 = []; // multiselects default to empty arrays
+                        defaultValue = [];
                     }
                 }
                 else {
-                    defaultValue = null; // other control types can stay null
+                    defaultValue = hasSelected
+                        ? (filter.selected && typeof filter.selected === 'object' && 'key' in filter.selected
+                            ? filter.selected.key
+                            : filter.selected)
+                        : null;
                 }
                 this.filtersForm.addControl(filter.key, this.fb.control(defaultValue));
             }
-            // Emit initial state so parent can apply defaults (e.g., active: [false])
+            // Emit initial state
             const initial = this.filtersForm.getRawValue();
             this.applyFiltersEvent.emit(initial);
-            // Re-emit on any change; parent will filter accordingly
             this.filtersForm.valueChanges
                 .pipe(takeUntilDestroyed(this.dr))
                 .subscribe((val) => this.applyFiltersEvent.emit(val));