@fuentis/phoenix-ui 0.0.9-alpha.535 → 0.0.9-alpha.536

package/fesm2022/fuentis-phoenix-ui.mjs

@@ -9345,13 +9345,13 @@ class MetaFormV2Component {
                 }
             });
         }
-        // set initial expanded groups (when grouped)
-        if (configChanged || metaChanged) {
+        // ✅ init expanded only when meta (structure) changed
+        if (metaChanged) {
             if (this.isGrouped) {
                 const groups = this.groupedControls ?? [];
                 this.expandedGroupIds = groups
                     .filter((g) => !g?.collapsed)
-                    .map((g) => String(g?.id ?? ''))
+                    .map((g) => this.panelValue(g))
                     .filter((id) => !!id);
             }
             else {
@@ -9372,6 +9372,10 @@ class MetaFormV2Component {
             if (typeof maybeCleanup === 'function')
                 this.depCleanup = maybeCleanup;
         }
+        // ✅ auto-expand invalid groups when entering edit
+        if (changes['readOnly'] && changes['readOnly'].previousValue === true && changes['readOnly'].currentValue === false) {
+            this.expandInvalidGroups();
+        }
         this.lastSignature = signature;
     }
     // Template handler (typed exactly for our template usage)
@@ -9416,6 +9420,19 @@ class MetaFormV2Component {
             .filter(Boolean);
         return keys.some((k) => this.form.get(k)?.invalid);
     }
+    expandInvalidGroups() {
+        if (!this.isGrouped)
+            return;
+        const groups = this.groupedControls ?? [];
+        const invalidIds = groups
+            .filter((g) => this.groupHasInvalid(g))
+            .map((g) => this.panelValue(g))
+            .filter(Boolean);
+        if (invalidIds.length) {
+            // keep already opened + open invalid
+            this.expandedGroupIds = Array.from(new Set([...this.expandedGroupIds, ...invalidIds]));
+        }
+    }
     ngOnDestroy() {
         this.depCleanup?.();
     }