@praxisui/dynamic-form 9.0.5-rc.37 → 9.0.5-rc.38

package/ai/component-registry.json

@@ -1,8 +1,8 @@
 {
   "schemaVersion": "1.0.0",
-  "generatedAt": "2026-08-19T01:49:06.767Z",
+  "generatedAt": "2026-08-19T02:54:26.311Z",
   "packageName": "@praxisui/dynamic-form",
-  "packageVersion": "9.0.5-rc.37",
+  "packageVersion": "9.0.5-rc.38",
   "sourceRegistry": "praxis-component-registry-ingestion",
   "sourceRegistryVersion": "1.0.0",
   "componentCount": 2,

package/fesm2022/praxisui-dynamic-form.mjs

@@ -17553,7 +17553,7 @@ class PraxisDynamicForm {
             this.debugLog('[PDF] settingsPanel.open(FieldMetadataEditor)', { fieldName, composedTitle });
         }
         catch { }
-        const ref = this.settingsPanel.open({
+        const ref = this.settingsPanel.openChild({
             id: `field-meta.${this.formId}.${fieldName}`,
             title: composedTitle,
             titleIcon,
@@ -17656,14 +17656,14 @@ class PraxisDynamicForm {
             return;
         Promise.resolve().then(function () { return rowEditor_component; }).then((m) => {
             const { RowEditorComponent } = m;
-            const ref = this.settingsPanel.open({
+            const ref = this.settingsPanel.openChild({
                 id: `row.${this.formId || 'form'}.${row.id}`,
                 title: 'Configurar Linha',
                 titleIcon: 'view_stream',
                 content: { component: RowEditorComponent, inputs: { row } },
             });
-            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.applyRowEditorValue(row, value));
+            ref.saved$.pipe(takeUntil(this.destroy$)).subscribe((value) => this.applyRowEditorValue(row, value));
         });
     }
     openColumnEditor(column) {
@@ -17671,14 +17671,14 @@ class PraxisDynamicForm {
             return;
         Promise.resolve().then(function () { return columnEditor_component; }).then((m) => {
             const { ColumnEditorComponent } = m;
-            const ref = this.settingsPanel.open({
+            const ref = this.settingsPanel.openChild({
                 id: `column.${this.formId || 'form'}.${column.id}`,
                 title: 'Configurar Coluna',
                 titleIcon: 'view_column',
                 content: { component: ColumnEditorComponent, inputs: { column } },
             });
-            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.applyColumnEditorValue(column, value));
+            ref.saved$.pipe(takeUntil(this.destroy$)).subscribe((value) => this.applyColumnEditorValue(column, value));
         });
     }
     openSectionEditor(section, focusTarget) {
@@ -17686,7 +17686,7 @@ class PraxisDynamicForm {
             return;
         Promise.resolve().then(function () { return sectionEditor_component; }).then((m) => {
             const { SectionEditorComponent } = m;
-            const ref = this.settingsPanel.open({
+            const ref = this.settingsPanel.openChild({
                 id: `section.${this.formId || 'form'}.${section.id}`,
                 title: section.title || 'Configurar seção',
                 titleIcon: 'view_agenda',
@@ -17703,6 +17703,60 @@ class PraxisDynamicForm {
             });
         });
     }
+    applyRowEditorValue(row, value) {
+        this.applyNestedLayoutEditorValue('row', row, value);
+    }
+    applyColumnEditorValue(column, value) {
+        this.applyNestedLayoutEditorValue('column', column, value);
+    }
+    applyNestedLayoutEditorValue(kind, target, value) {
+        if (!target || !value || typeof value !== 'object')
+            return;
+        const sourceSections = this.config?.sections || [];
+        let targetPosition;
+        for (let sectionIndex = 0; sectionIndex < sourceSections.length; sectionIndex++) {
+            const section = sourceSections[sectionIndex];
+            for (let rowIndex = 0; rowIndex < (section.rows || []).length; rowIndex++) {
+                const row = section.rows[rowIndex];
+                if (kind === 'row' &&
+                    (row === target || (!!row?.id && !!target?.id && row.id === target.id))) {
+                    targetPosition = { sectionIndex, rowIndex };
+                    break;
+                }
+                if (kind === 'column') {
+                    const columnIndex = (row.columns || []).findIndex((candidate) => candidate === target ||
+                        (!!candidate?.id && !!target?.id && candidate.id === target.id));
+                    if (columnIndex >= 0) {
+                        targetPosition = { sectionIndex, rowIndex, columnIndex };
+                        break;
+                    }
+                }
+            }
+            if (targetPosition)
+                break;
+        }
+        if (!targetPosition)
+            return;
+        const sections = structuredClone(sourceSections);
+        const positionedRow = sections[targetPosition.sectionIndex].rows[targetPosition.rowIndex];
+        if (kind === 'row') {
+            sections[targetPosition.sectionIndex].rows[targetPosition.rowIndex] = {
+                ...positionedRow,
+                ...structuredClone(value),
+            };
+        }
+        else {
+            const columnIndex = targetPosition.columnIndex;
+            positionedRow.columns[columnIndex] = {
+                ...positionedRow.columns[columnIndex],
+                ...structuredClone(value),
+            };
+        }
+        this.config = { ...this.config, sections };
+        this.configChange.emit(this.config);
+        this.emitConfigPatchChange();
+        this.cdr.detectChanges();
+    }
     applySectionEditorValue(section, value) {
         if (!section || !value || typeof value !== 'object') {
             this.cdr.detectChanges();
@@ -22774,7 +22828,7 @@ class SectionConfiguratorComponent {
             const SectionEditorComponent = m.SectionEditorComponent;
             if (!SectionEditorComponent)
                 return;
-            const ref = this.settingsPanel.open({
+            const ref = this.settingsPanel.openChild({
                 id: `layout.section.${this.section.id || this.sectionIndex}`,
                 title: this.section.title || `Seção ${this.sectionIndex + 1}`,
                 titleIcon: 'view_agenda',
@@ -22783,8 +22837,8 @@ class SectionConfiguratorComponent {
                     inputs: { section: this.section, fieldMetadata: this.fieldMetadata },
                 },
             });
-            ref.applied$?.subscribe(() => this.onSectionUpdated());
-            ref.saved$?.subscribe(() => this.onSectionUpdated());
+            ref.applied$?.subscribe((value) => this.onSectionUpdated(value));
+            ref.saved$?.subscribe((value) => this.onSectionUpdated(value));
         });
     }
     getSectionHeaderPreview() {
@@ -23376,7 +23430,7 @@ class LayoutEditorComponent {
             this.applyFieldMetadataPatch(fieldName, patch);
         };
         const title = this.t('field.editMetadataTitle').replace('{field}', field.label || field.name);
-        const ref = this.settingsPanel.open({
+        const ref = this.settingsPanel.openChild({
             id: `layout.fieldMetadata.${fieldName}`,
             title,
             titleIcon: 'edit_note',
@@ -23426,7 +23480,7 @@ class LayoutEditorComponent {
         if (!section?.id || !row?.id || !column?.id || item?.kind !== 'richContent') {
             return;
         }
-        const ref = this.settingsPanel.open({
+        const ref = this.settingsPanel.openChild({
             id: `layout.richContent.${section.id}.${row.id}.${column.id}.${item.id}`,
             title: this.t('visualBlock.editTitle'),
             titleIcon: 'notes',
@@ -30961,16 +31015,45 @@ class PraxisDynamicFormConfigEditor {
             return;
         Promise.resolve().then(function () { return columnEditor_component; }).then((m) => {
             const { ColumnEditorComponent } = m;
-            const ref = this.settingsPanel.open({
+            const ref = this.settingsPanel.openChild({
                 id: `column.${this.formId || 'form'}.${column.id}`,
                 title: this.tx('config.layout.columnEditor.title', 'Configurar Coluna'),
                 titleIcon: 'view_column',
                 content: { component: ColumnEditorComponent, inputs: { column } },
             });
-            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.applyColumnEditorValue(column, value));
+            ref.saved$.pipe(takeUntil(this.destroy$)).subscribe((value) => this.applyColumnEditorValue(column, value));
         });
     }
+    applyColumnEditorValue(column, value) {
+        if (!column || !value || typeof value !== 'object')
+            return;
+        const sourceSections = this.editedConfig.sections || [];
+        let targetPosition;
+        for (let sectionIndex = 0; sectionIndex < sourceSections.length; sectionIndex++) {
+            const section = sourceSections[sectionIndex];
+            for (let rowIndex = 0; rowIndex < (section.rows || []).length; rowIndex++) {
+                const row = section.rows[rowIndex];
+                const index = (row.columns || []).findIndex((candidate) => candidate === column || (!!candidate?.id && !!column?.id && candidate.id === column.id));
+                if (index >= 0) {
+                    targetPosition = { sectionIndex, rowIndex, columnIndex: index };
+                    break;
+                }
+            }
+            if (targetPosition)
+                break;
+        }
+        if (!targetPosition)
+            return;
+        const sections = structuredClone(sourceSections);
+        const row = sections[targetPosition.sectionIndex].rows[targetPosition.rowIndex];
+        row.columns[targetPosition.columnIndex] = {
+            ...row.columns[targetPosition.columnIndex],
+            ...structuredClone(value),
+        };
+        this.onConfigChange({ ...this.editedConfig, sections });
+        this.cdr.detectChanges();
+    }
     // Cascatas: aplicar patch granular aos campos
     onCascadeApply(patch) {
         const fields = this.editedConfig.fieldMetadata || [];
@@ -32968,7 +33051,7 @@ class SectionEditorComponent {
         this.fb = fb;
         this.data = data;
         this.iconPicker = iconPicker;
-        this.section = this.data.section;
+        this.section = structuredClone(this.data.section);
         this.fieldMetadata = this.data.fieldMetadata || this.fieldMetadata;
     }
     ngOnInit() {
@@ -34925,7 +35008,7 @@ class RowEditorComponent {
     constructor(fb, data) {
         this.fb = fb;
         this.data = data;
-        this.row = data.row;
+        this.row = structuredClone(data.row);
     }
     ngOnInit() {
         const r = this.data.row;
@@ -34950,7 +35033,6 @@ class RowEditorComponent {
         }
         catch { }
         this.form.valueChanges.pipe(takeUntil(this.destroy$)).subscribe(() => {
-            Object.assign(this.data.row, this.form.value);
             let dirty = true;
             try {
                 const nowSig = JSON.stringify(this.form.getRawValue());
@@ -34966,7 +35048,7 @@ class RowEditorComponent {
         this.destroy$.complete();
     }
     getSettingsValue() {
-        return this.form.value;
+        return { ...this.row, ...this.form.getRawValue() };
     }
     displayValue(value, fallback) {
         if (value === null || value === undefined)
@@ -35300,7 +35382,7 @@ class ColumnEditorComponent {
     constructor(fb, data) {
         this.fb = fb;
         this.data = data;
-        this.column = data.column;
+        this.column = structuredClone(data.column);
     }
     ngOnInit() {
         const col = this.data.column;
@@ -35361,10 +35443,10 @@ class ColumnEditorComponent {
         this.destroy$.complete();
     }
     applyChanges() {
-        Object.assign(this.data.column, this.form.value);
+        this.column = { ...this.column, ...this.form.getRawValue() };
     }
     getSettingsValue() {
-        return this.form.value;
+        return { ...this.column, ...this.form.getRawValue() };
     }
     onBreakpointChange(bp) {
         this.previewBreakpoint = bp;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@praxisui/dynamic-form",
-  "version": "9.0.5-rc.37",
+  "version": "9.0.5-rc.38",
   "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": "^9.0.5-rc.37",
-    "@praxisui/dynamic-fields": "^9.0.5-rc.37",
-    "@praxisui/metadata-editor": "^9.0.5-rc.37",
-    "@praxisui/rich-content": "^9.0.5-rc.37",
-    "@praxisui/settings-panel": "^9.0.5-rc.37",
-    "@praxisui/visual-builder": "^9.0.5-rc.37",
-    "@praxisui/core": "^9.0.5-rc.37",
+    "@praxisui/ai": "^9.0.5-rc.38",
+    "@praxisui/dynamic-fields": "^9.0.5-rc.38",
+    "@praxisui/metadata-editor": "^9.0.5-rc.38",
+    "@praxisui/rich-content": "^9.0.5-rc.38",
+    "@praxisui/settings-panel": "^9.0.5-rc.38",
+    "@praxisui/visual-builder": "^9.0.5-rc.38",
+    "@praxisui/core": "^9.0.5-rc.38",
     "rxjs": "^7.8.0"
   },
   "dependencies": {

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

@@ -1358,6 +1358,9 @@ declare class PraxisDynamicForm implements OnInit, OnChanges, OnDestroy {
     private openRowEditor;
     private openColumnEditor;
     openSectionEditor(section: any, focusTarget?: 'title' | 'description'): void;
+    private applyRowEditorValue;
+    private applyColumnEditorValue;
+    private applyNestedLayoutEditorValue;
     private applySectionEditorValue;
     private resolveControlTypeEditorial;
     private getControlTypeIcon;
@@ -1789,6 +1792,7 @@ declare class PraxisDynamicFormConfigEditor implements SettingsValueProvider, On
     ngOnDestroy(): void;
     onLayoutSelect(event: any): void;
     private openColumnEditor;
+    private applyColumnEditorValue;
     onCascadeApply(patch: Record<string, Partial<FieldDefinition>>): void;
     private syncCascadeManagerFields;
     private stripLegacy;