@praxisui/dynamic-form 8.0.0-beta.85 → 8.0.0-beta.86

package/fesm2022/praxisui-dynamic-form.mjs

@@ -15048,10 +15048,61 @@ class PraxisDynamicForm {
                     inputs: { section, focusTarget, fieldMetadata: this.config.fieldMetadata || [] },
                 },
             });
-            ref.applied$.pipe(takeUntil(this.destroy$)).subscribe(() => this.cdr.detectChanges());
-            ref.saved$.pipe(takeUntil(this.destroy$)).subscribe(() => this.cdr.detectChanges());
+            ref.applied$.pipe(takeUntil(this.destroy$)).subscribe((value) => {
+                this.applySectionEditorValue(section, value);
+            });
+            ref.saved$.pipe(takeUntil(this.destroy$)).subscribe((value) => {
+                this.applySectionEditorValue(section, value);
+            });
         });
     }
+    applySectionEditorValue(section, value) {
+        if (!section || !value || typeof value !== 'object') {
+            this.cdr.detectChanges();
+            return;
+        }
+        const applyPatch = (target) => {
+            for (const [key, patchValue] of Object.entries(value)) {
+                if (patchValue === undefined) {
+                    delete target[key];
+                }
+                else {
+                    target[key] = patchValue;
+                }
+            }
+        };
+        const sections = this.config?.sections || [];
+        const sectionIndex = sections.findIndex((candidate) => candidate === section ||
+            (!!candidate?.id && !!section?.id && candidate.id === section.id));
+        if (sectionIndex >= 0) {
+            this.config = produce(this.config, (draft) => {
+                const target = (draft.sections || [])[sectionIndex];
+                if (target) {
+                    applyPatch(target);
+                }
+            });
+            const updatedSection = this.config.sections?.[sectionIndex];
+            if (updatedSection) {
+                applyPatch(section);
+                if (this.selectedElement?.type === 'section') {
+                    const selectedSection = this.selectedElement.data;
+                    if (selectedSection === section ||
+                        (!!selectedSection?.id && selectedSection.id === section.id)) {
+                        this.selectedElement = {
+                            ...this.selectedElement,
+                            data: updatedSection,
+                        };
+                    }
+                }
+            }
+        }
+        else {
+            applyPatch(section);
+        }
+        this.configChange.emit(this.config);
+        this.emitConfigPatchChange();
+        this.cdr.detectChanges();
+    }
     resolveControlTypeEditorial(controlType) {
         const rawControlType = String(controlType ?? '').trim();
         if (!rawControlType)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@praxisui/dynamic-form",
-  "version": "8.0.0-beta.85",
+  "version": "8.0.0-beta.86",
   "description": "Angular dynamic form engine for Praxis UI: metadata-driven forms, hooks, and services integrating @praxisui/* packages.",
   "peerDependencies": {
     "@angular/common": "^21.0.0",
@@ -9,13 +9,13 @@
     "@angular/forms": "^21.0.0",
     "@angular/material": "^21.0.0",
     "@angular/router": "^21.0.0",
-    "@praxisui/ai": "^8.0.0-beta.85",
-    "@praxisui/dynamic-fields": "^8.0.0-beta.85",
-    "@praxisui/metadata-editor": "^8.0.0-beta.85",
-    "@praxisui/rich-content": "^8.0.0-beta.85",
-    "@praxisui/settings-panel": "^8.0.0-beta.85",
-    "@praxisui/visual-builder": "^8.0.0-beta.85",
-    "@praxisui/core": "^8.0.0-beta.85",
+    "@praxisui/ai": "^8.0.0-beta.86",
+    "@praxisui/dynamic-fields": "^8.0.0-beta.86",
+    "@praxisui/metadata-editor": "^8.0.0-beta.86",
+    "@praxisui/rich-content": "^8.0.0-beta.86",
+    "@praxisui/settings-panel": "^8.0.0-beta.86",
+    "@praxisui/visual-builder": "^8.0.0-beta.86",
+    "@praxisui/core": "^8.0.0-beta.86",
     "rxjs": "^7.8.0"
   },
   "dependencies": {

package/types/praxisui-dynamic-form.d.ts

@@ -1226,6 +1226,7 @@ declare class PraxisDynamicForm implements OnInit, OnChanges, OnDestroy {
     private openRowEditor;
     private openColumnEditor;
     openSectionEditor(section: any, focusTarget?: 'title' | 'description'): void;
+    private applySectionEditorValue;
     private resolveControlTypeEditorial;
     private getControlTypeIcon;
     /**