@fuentis/phoenix-ui 0.0.9-alpha.584 → 0.0.9-alpha.585

package/fesm2022/fuentis-phoenix-ui.mjs

@@ -2042,9 +2042,13 @@ class TableCaptionComponent {
             const t = f.type ?? 'text';
             // We DO NOT store null for multiselect (we store []),
             // because null is the common cause of "everything selected" / broken filtering.
-            const initialValue = t === 'multiselect' ? this.normalizeMultiInitial(f.selected) :
-                t === 'checkbox' ? !!f.selected :
-                    f.selected ?? '';
+            const initialValue = t === 'boolean-multiselect'
+                ? this.normalizeBooleanMultiInitial(f.selected)
+                : t === 'multiselect'
+                    ? this.normalizeMultiInitial(f.selected)
+                    : t === 'checkbox'
+                        ? !!f.selected
+                        : f.selected ?? '';
             fg.addControl(f.key, this.fb.control(initialValue));
         }
         this.filtersForm = fg;
@@ -2096,6 +2100,22 @@ class TableCaptionComponent {
             return [];
         return Array.isArray(selected) ? selected : [selected];
     }
+    normalizeBooleanMultiInitial(selected) {
+        if (selected == null)
+            return [];
+        const arr = Array.isArray(selected) ? selected : [selected];
+        return arr
+            .map((x) => {
+            if (typeof x === 'boolean')
+                return x;
+            if (typeof x === 'string')
+                return x === 'true';
+            if (x && typeof x === 'object')
+                return x.key === true || x.key === 'true';
+            return null;
+        })
+            .filter((x) => typeof x === 'boolean');
+    }
     /**
      * Emit only meaningful values:
      * - text: '' removed
@@ -2112,6 +2132,12 @@ class TableCaptionComponent {
                 continue;
             const t = f.type ?? 'text';
             const v = raw[key];
+            if (t === 'boolean-multiselect') {
+                const arr = this.normalizeBooleanMultiInitial(v);
+                if (arr.length)
+                    out[key] = arr; // boolean[]
+                continue;
+            }
             if (t === 'multiselect') {
                 const arr = Array.isArray(v) ? v.filter((x) => x != null && x !== '') : [];
                 if (arr.length)
@@ -2150,15 +2176,23 @@ class TableCaptionComponent {
             }
             // ensure multiselect never becomes null
             for (const f of cfg) {
-                if (f.type === 'multiselect') {
+                const t = f.type ?? 'text';
+                if (t === 'boolean-multiselect') {
+                    patch[f.key] = this.normalizeBooleanMultiInitial(patch[f.key]);
+                    continue;
+                }
+                if (t === 'multiselect') {
                     const val = patch[f.key];
                     if (val == null)
                         patch[f.key] = [];
                     else if (!Array.isArray(val))
                         patch[f.key] = [val];
+                    continue;
                 }
-                if (f.type === 'checkbox')
+                if (t === 'checkbox') {
                     patch[f.key] = !!patch[f.key];
+                    continue;
+                }
             }
             this.filtersForm.patchValue(patch, { emitEvent: false });
         }