@fuentis/phoenix-ui 0.0.9-alpha.533 → 0.0.9-alpha.534

package/fesm2022/fuentis-phoenix-ui.mjs

@@ -9317,7 +9317,8 @@ class MetaFormV2Component {
         const configChanged = !!changes['config'];
         const formChanged = !!changes['form'];
         const metaChanged = signature !== this.lastSignature;
-        if (!configChanged && !formChanged && !metaChanged)
+        const readOnlyChanged = !!changes['readOnly'];
+        if (!configChanged && !formChanged && !metaChanged && !readOnlyChanged)
             return;
         // cleanup dependencies
         this.depCleanup?.();
@@ -9328,6 +9329,20 @@ class MetaFormV2Component {
         // patch initial values (no emit)
         this.form.patchValue(initial, { emitEvent: false });
         this.form.updateValueAndValidity({ emitEvent: false });
+        if (readOnlyChanged && this.readOnly === false) {
+            queueMicrotask(() => {
+                this.form.markAllAsTouched();
+                Object.values(this.form.controls).forEach((c) => c.updateValueAndValidity({ emitEvent: true }));
+                this.form.updateValueAndValidity({ emitEvent: true });
+                if (this.isGrouped) {
+                    const groups = this.groupedControls ?? [];
+                    this.expandedGroupIds = groups
+                        .filter((g) => this.groupHasInvalid(g))
+                        .map((g) => String(g?.id ?? ''))
+                        .filter(Boolean);
+                }
+            });
+        }
         // set initial expanded groups (when grouped)
         if (configChanged || metaChanged) {
             if (this.isGrouped) {
@@ -9393,6 +9408,12 @@ class MetaFormV2Component {
         const id = g?.id;
         return id === null || id === undefined ? '' : `${id}`;
     }
+    groupHasInvalid(g) {
+        const keys = (g?.ctrl ?? [])
+            .map((f) => f?.configuration?.key)
+            .filter(Boolean);
+        return keys.some((k) => this.form.get(k)?.invalid);
+    }
     ngOnDestroy() {
         this.depCleanup?.();
     }