@praxisui/dynamic-form 10.0.0-rc.33 → 10.0.0-rc.34

package/ai/component-registry.json

@@ -1,8 +1,8 @@
 {
   "schemaVersion": "1.0.0",
-  "generatedAt": "2026-10-18T21:58:32.782Z",
+  "generatedAt": "2026-10-19T09:48:25.455Z",
   "packageName": "@praxisui/dynamic-form",
-  "packageVersion": "10.0.0-rc.33",
+  "packageVersion": "10.0.0-rc.34",
   "sourceRegistry": "praxis-component-registry-ingestion",
   "sourceRegistryVersion": "1.0.0",
   "componentCount": 2,

package/fesm2022/praxisui-dynamic-form.mjs

@@ -34038,6 +34038,7 @@ class PraxisFilterFormWidgetConfigEditor {
     childBusy = false;
     schemaLoading = false;
     resourcePathDraft;
+    committedBaselineDocument;
     crudService = (() => {
         try {
             return inject(GenericCrudService, { optional: true });
@@ -34081,7 +34082,7 @@ class PraxisFilterFormWidgetConfigEditor {
             return;
         }
         this.resourcePathDraft = normalized;
-        this.updateDirtyState(this.formEditor?.isDirty$.value ?? false);
+        this.updateDirtyState(this.formEditor?.isDirty$?.value ?? false);
         if (this.formEditor) {
             const currentDoc = parseLegacyOrDynamicFormDocument(this.formEditor.getSettingsValue?.() ?? this.createDocumentFromInputs());
             this.loadFilterSchemaFieldsIfNeeded(normalized, currentDoc, true);
@@ -34093,7 +34094,7 @@ class PraxisFilterFormWidgetConfigEditor {
         this.publishBusy();
         this.resourcePathDraft = '';
         this.schemaWarning = '';
-        this.updateDirtyState(this.formEditor?.isDirty$.value ?? false);
+        this.updateDirtyState(this.formEditor?.isDirty$?.value ?? false);
     }
     updateDirtyState(editorDirty) {
         const baseline = String(this.inputs?.resourcePath || '').trim();
@@ -34126,16 +34127,23 @@ class PraxisFilterFormWidgetConfigEditor {
     reset() {
         this.schemaSubscription?.unsubscribe();
         this.schemaLoading = false;
+        this.schemaWarning = '';
         this.resourcePathDraft = undefined;
         this.publishBusy();
-        this.formEditor?.reset?.();
-        this.updateDirtyState(this.formEditor?.isDirty$.value ?? false);
+        if (typeof this.formEditor?.reset === 'function') {
+            this.formEditor.reset();
+        }
+        else if (this.formEditor && this.committedBaselineDocument) {
+            this.applyBaselineDocumentToChildEditor(structuredClone(this.committedBaselineDocument), 'filter-form-widget-config-reset');
+        }
+        this.updateDirtyState(this.formEditor?.isDirty$?.value ?? false);
     }
     publishBusy() {
         this.isBusy$.next(this.childBusy || this.schemaLoading);
     }
     initializeChildEditor() {
         const document = this.createDocumentFromInputs();
+        this.committedBaselineDocument = structuredClone(document);
         this.applyBaselineDocumentToChildEditor(document, 'filter-form-widget-config-init');
         const resourcePath = this.effectiveResourcePath;
         if (resourcePath &&
@@ -34153,6 +34161,12 @@ class PraxisFilterFormWidgetConfigEditor {
         editor.isDirty$?.next(false);
         editor.isValid$?.next(true);
     }
+    applyDraftDocumentToChildEditor(document, reason) {
+        const serialized = serializeDynamicFormAuthoringDocument(document);
+        const editor = this.formEditor;
+        editor.onJsonConfigChange?.(serialized);
+        editor.updateDirtyState?.(reason);
+    }
     loadFilterSchemaFieldsIfNeeded(resourcePath, baselineDocument, forceReload = false) {
         const discoveryOptions = this.buildDiscoveryOptions();
         const canLoadViaDiscovery = typeof this.resourceDiscovery?.getResourceFilterSchemaFields === 'function' &&
@@ -34236,7 +34250,13 @@ class PraxisFilterFormWidgetConfigEditor {
                     fieldMetadata,
                 },
             };
-            this.applyBaselineDocumentToChildEditor(nextDocument, 'filter-form-widget-config-schema');
+            if (forceReload) {
+                this.applyDraftDocumentToChildEditor(nextDocument, 'filter-form-widget-config-schema-reload');
+            }
+            else {
+                this.committedBaselineDocument = structuredClone(nextDocument);
+                this.applyBaselineDocumentToChildEditor(nextDocument, 'filter-form-widget-config-schema');
+            }
             this.updateDirtyState(this.formEditor.isDirty$.value);
             this.cdr?.markForCheck();
         });
@@ -34302,7 +34322,7 @@ class PraxisFilterFormWidgetConfigEditor {
       }
       <praxis-dynamic-form-config-editor #formEditor />
     </section>
-  `, isInline: true, styles: [".filter-form-resource-quick-connect{padding:var(--p-space-4, 16px) var(--p-space-4, 16px) var(--p-space-2, 8px)}\n"], dependencies: [{ kind: "component", type: PraxisDynamicFormConfigEditor, selector: "praxis-dynamic-form-config-editor" }, { kind: "component", type: ResourceQuickConnectComponent, selector: "praxis-resource-quick-connect", inputs: ["resourcePath", "endpointKey", "apiUrlEntry", "intent", "resources", "label", "placeholder", "hint", "disabled"], outputs: ["resourcePathChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [".filter-form-resource-quick-connect{padding:var(--p-space-4, 16px) var(--p-space-4, 16px) var(--p-space-2, 8px)}.filter-form-editor-schema-warning{margin:0 16px 8px;color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-body-small)}\n"], dependencies: [{ kind: "component", type: PraxisDynamicFormConfigEditor, selector: "praxis-dynamic-form-config-editor" }, { kind: "component", type: ResourceQuickConnectComponent, selector: "praxis-resource-quick-connect", inputs: ["resourcePath", "endpointKey", "apiUrlEntry", "intent", "resources", "label", "placeholder", "hint", "disabled"], outputs: ["resourcePathChange", "resourceSelected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PraxisFilterFormWidgetConfigEditor, decorators: [{
             type: Component,
@@ -34324,7 +34344,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
       }
       <praxis-dynamic-form-config-editor #formEditor />
     </section>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".filter-form-resource-quick-connect{padding:var(--p-space-4, 16px) var(--p-space-4, 16px) var(--p-space-2, 8px)}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".filter-form-resource-quick-connect{padding:var(--p-space-4, 16px) var(--p-space-4, 16px) var(--p-space-2, 8px)}.filter-form-editor-schema-warning{margin:0 16px 8px;color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-body-small)}\n"] }]
         }], propDecorators: { inputs: [{
                 type: Input
             }], widgetKey: [{
@@ -34360,6 +34380,8 @@ class PraxisDynamicFormWidgetConfigEditor {
     childBusy = false;
     schemaLoading = false;
     initialEditorConfig;
+    committedBaselineConfig;
+    committedBaselineDocument;
     sourceDraft;
     resourcePathDraft;
     optionalInject(token) {
@@ -34394,7 +34416,7 @@ class PraxisDynamicFormWidgetConfigEditor {
         if (value !== 'local-first' && value !== 'input-first')
             return;
         this.sourceDraft = value;
-        this.updateDirtyState(this.formEditor?.isDirty$.value ?? false);
+        this.updateDirtyState(this.formEditor?.isDirty$?.value ?? false);
     }
     onResourceQuickConnect(resourcePath) {
         const normalized = String(resourcePath ?? '').trim();
@@ -34403,7 +34425,7 @@ class PraxisDynamicFormWidgetConfigEditor {
             return;
         }
         this.resourcePathDraft = normalized;
-        this.updateDirtyState(this.formEditor?.isDirty$.value ?? false);
+        this.updateDirtyState(this.formEditor?.isDirty$?.value ?? false);
         this.loadResourceSchemaFieldsIfNeeded(true);
     }
     onResourceQuickClear() {
@@ -34412,7 +34434,7 @@ class PraxisDynamicFormWidgetConfigEditor {
         this.publishBusy();
         this.resourcePathDraft = '';
         this.schemaWarning = '';
-        this.updateDirtyState(this.formEditor?.isDirty$.value ?? false);
+        this.updateDirtyState(this.formEditor?.isDirty$?.value ?? false);
     }
     baselineResourcePath() {
         if (this.appliedResourcePath !== undefined) {
@@ -34440,7 +34462,10 @@ class PraxisDynamicFormWidgetConfigEditor {
             this.subscription.add(this.appliedValues$.subscribe(value => this.acceptAppliedValue(value)));
         // Finish child template normalization before capturing the authoring baseline.
         this.cdr?.detectChanges();
-        this.initialEditorConfig = structuredClone(parseLegacyOrDynamicFormDocument(this.formEditor.getSettingsValue?.() ?? this.createDocumentFromInputs()).config);
+        const initialDoc = parseLegacyOrDynamicFormDocument(this.formEditor.getSettingsValue?.() ?? this.createDocumentFromInputs());
+        this.initialEditorConfig = structuredClone(initialDoc.config);
+        this.committedBaselineConfig = structuredClone(initialDoc.config);
+        this.committedBaselineDocument = structuredClone(initialDoc);
         this.subscription.add(this.formEditor.isDirty$.subscribe((value) => this.updateDirtyState(value)));
         this.subscription.add(this.formEditor.isValid$.subscribe((value) => this.isValid$.next(value)));
         this.subscription.add(this.formEditor.isBusy$.subscribe((value) => {
@@ -34467,17 +34492,31 @@ class PraxisDynamicFormWidgetConfigEditor {
         if (this.resourcePathDraft !== undefined) {
             this.appliedResourcePath = this.resourcePathDraft;
         }
-        this.formEditor?.acceptAppliedValue(this.formEditor.getSettingsValue());
-        this.updateDirtyState(this.formEditor?.isDirty$.value ?? false);
+        const currentSettings = this.formEditor?.getSettingsValue();
+        this.formEditor?.acceptAppliedValue(currentSettings);
+        const committedDoc = parseLegacyOrDynamicFormDocument(currentSettings ?? this.createDocumentFromInputs());
+        this.initialEditorConfig = structuredClone(committedDoc.config);
+        this.committedBaselineConfig = structuredClone(committedDoc.config);
+        this.committedBaselineDocument = structuredClone(committedDoc);
+        this.updateDirtyState(this.formEditor?.isDirty$?.value ?? false);
     }
     reset() {
         this.schemaSubscription?.unsubscribe();
         this.schemaLoading = false;
+        this.schemaWarning = '';
         this.publishBusy();
         this.sourceDraft = undefined;
         this.resourcePathDraft = undefined;
-        this.formEditor?.reset?.();
-        this.updateDirtyState(this.formEditor?.isDirty$.value ?? false);
+        if (typeof this.formEditor?.reset === 'function') {
+            this.formEditor.reset();
+        }
+        else if (this.formEditor && this.committedBaselineDocument) {
+            this.applyBaselineDocumentToChildEditor(structuredClone(this.committedBaselineDocument), 'widget-config-reset');
+        }
+        if (this.committedBaselineConfig) {
+            this.initialEditorConfig = structuredClone(this.committedBaselineConfig);
+        }
+        this.updateDirtyState(this.formEditor?.isDirty$?.value ?? false);
         this.loadResourceSchemaFieldsIfNeeded();
     }
     initializeChildEditor() {
@@ -34494,6 +34533,12 @@ class PraxisDynamicFormWidgetConfigEditor {
         editor.isDirty$?.next(false);
         editor.isValid$?.next(true);
     }
+    applyDraftDocumentToChildEditor(document, reason) {
+        const serialized = serializeDynamicFormAuthoringDocument(document);
+        const editor = this.formEditor;
+        editor.onJsonConfigChange?.(serialized);
+        editor.updateDirtyState?.(reason);
+    }
     loadResourceSchemaFieldsIfNeeded(forceReload = false) {
         if (!this.formEditor) {
             return;
@@ -34608,9 +34653,25 @@ class PraxisDynamicFormWidgetConfigEditor {
                     fieldMetadata,
                 },
             };
-            this.applyBaselineDocumentToChildEditor(nextDocument, 'widget-config-schema-hydrate');
-            this.cdr?.detectChanges();
-            this.initialEditorConfig = structuredClone(parseLegacyOrDynamicFormDocument(this.formEditor.getSettingsValue?.() ?? nextDocument).config);
+            if (forceReload) {
+                this.applyDraftDocumentToChildEditor(nextDocument, 'widget-config-schema-reload');
+                this.cdr?.detectChanges();
+                const hydratedConfig = structuredClone(parseLegacyOrDynamicFormDocument(this.formEditor.getSettingsValue?.() ?? nextDocument).config);
+                this.initialEditorConfig = {
+                    ...hydratedConfig,
+                    ...(this.committedBaselineConfig?.sections
+                        ? { sections: structuredClone(this.committedBaselineConfig.sections) }
+                        : {}),
+                };
+            }
+            else {
+                this.applyBaselineDocumentToChildEditor(nextDocument, 'widget-config-schema-hydrate');
+                this.cdr?.detectChanges();
+                const hydratedDoc = parseLegacyOrDynamicFormDocument(this.formEditor.getSettingsValue?.() ?? nextDocument);
+                this.initialEditorConfig = structuredClone(hydratedDoc.config);
+                this.committedBaselineConfig = structuredClone(hydratedDoc.config);
+                this.committedBaselineDocument = structuredClone(hydratedDoc);
+            }
             this.updateDirtyState(this.formEditor.isDirty$.value);
             this.cdr?.markForCheck();
         });
@@ -34721,7 +34782,7 @@ class PraxisDynamicFormWidgetConfigEditor {
       <praxis-dynamic-form-config-editor #formEditor />
       <p class="widget-save-hint">{{ formEditor.tx('config.general.pageSaveHint') }}</p>
     </section>
-  `, isInline: true, styles: [".configuration-source{padding:var(--p-space-4, 16px)}.configuration-source mat-form-field{width:100%}.resource-quick-connect-host{padding:0 var(--p-space-4, 16px) var(--p-space-3, 12px)}.form-widget-schema-warning{margin:0 16px 8px;color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-body-small)}.widget-save-hint{margin:12px 20px;color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-body-small)}\n"], dependencies: [{ kind: "component", type: PraxisDynamicFormConfigEditor, selector: "praxis-dynamic-form-config-editor" }, { kind: "component", type: ResourceQuickConnectComponent, selector: "praxis-resource-quick-connect", inputs: ["resourcePath", "endpointKey", "apiUrlEntry", "intent", "resources", "label", "placeholder", "hint", "disabled"], outputs: ["resourcePathChange"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i5$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i5$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [".configuration-source{padding:var(--p-space-4, 16px)}.configuration-source mat-form-field{width:100%}.resource-quick-connect-host{padding:0 var(--p-space-4, 16px) var(--p-space-3, 12px)}.form-widget-schema-warning{margin:0 16px 8px;color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-body-small)}.widget-save-hint{margin:12px 20px;color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-body-small)}\n"], dependencies: [{ kind: "component", type: PraxisDynamicFormConfigEditor, selector: "praxis-dynamic-form-config-editor" }, { kind: "component", type: ResourceQuickConnectComponent, selector: "praxis-resource-quick-connect", inputs: ["resourcePath", "endpointKey", "apiUrlEntry", "intent", "resources", "label", "placeholder", "hint", "disabled"], outputs: ["resourcePathChange", "resourceSelected"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i4$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i5$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i5$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PraxisDynamicFormWidgetConfigEditor, decorators: [{
             type: Component,

package/package.json

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

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

@@ -2085,6 +2085,7 @@ declare class PraxisFilterFormWidgetConfigEditor implements SettingsValueProvide
     private childBusy;
     private schemaLoading;
     private resourcePathDraft?;
+    private committedBaselineDocument?;
     private readonly crudService;
     private readonly resourceDiscovery;
     private readonly cdr;
@@ -2102,6 +2103,7 @@ declare class PraxisFilterFormWidgetConfigEditor implements SettingsValueProvide
     private publishBusy;
     private initializeChildEditor;
     private applyBaselineDocumentToChildEditor;
+    private applyDraftDocumentToChildEditor;
     private loadFilterSchemaFieldsIfNeeded;
     private buildDiscoveryOptions;
     private buildValue;
@@ -2494,6 +2496,8 @@ declare class PraxisDynamicFormWidgetConfigEditor implements SettingsValueProvid
     private childBusy;
     private schemaLoading;
     private initialEditorConfig?;
+    private committedBaselineConfig?;
+    private committedBaselineDocument?;
     private sourceDraft?;
     private resourcePathDraft?;
     private optionalInject;
@@ -2516,6 +2520,7 @@ declare class PraxisDynamicFormWidgetConfigEditor implements SettingsValueProvid
     reset(): void;
     private initializeChildEditor;
     private applyBaselineDocumentToChildEditor;
+    private applyDraftDocumentToChildEditor;
     private loadResourceSchemaFieldsIfNeeded;
     private buildDiscoveryOptions;
     private buildValue;