@praxisui/stepper 10.0.0-rc.40 → 10.0.0-rc.41

package/README.md

@@ -105,6 +105,8 @@ validateStep = async ({ step, stepIndex, formGroup, formData }) => {
 
 Remote dynamic forms still require the effective host to provide the CRUD/resource services expected by `@praxisui/dynamic-form`.
 
+When a workflow includes rich-content review blocks (`stepBlocksBeforeForm` or `stepBlocksAfterForm`), `PraxisStepper` reactively merges live form values from all steps into the rich-content evaluation context (`values`, root fields, and `forms[stepId | stepIndex]`). Review steps can therefore bind `recordReference`, `keyValueList`, `propertySheet` or `recordSummary` nodes with `quickView` (`ResourceQuickViewBinding`) to foreign-key IDs or `entity-lookup` selections made in earlier steps.
+
 ## Main Inputs And Outputs
 
 - `stepperId: string`: required stable id for persisted configuration.

package/ai/component-registry.json

@@ -1,8 +1,8 @@
 {
   "schemaVersion": "1.0.0",
-  "generatedAt": "2026-10-26T18:09:20.136Z",
+  "generatedAt": "2026-10-27T22:14:23.237Z",
   "packageName": "@praxisui/stepper",
-  "packageVersion": "10.0.0-rc.40",
+  "packageVersion": "10.0.0-rc.41",
   "sourceRegistry": "praxis-component-registry-ingestion",
   "sourceRegistryVersion": "1.0.0",
   "componentCount": 1,

package/fesm2022/praxisui-stepper.mjs

@@ -595,6 +595,8 @@ class PraxisStepper {
     _formComponents = new Map();
     _formValidity = new Map();
     _formPending = new Map();
+    _stepFormValues = signal({}, ...(ngDevMode ? [{ debugName: "_stepFormValues" }] : /* istanbul ignore next */ []));
+    _formValueSubscriptions = new Map();
     hostElement = inject((ElementRef));
     renderer = inject(Renderer2);
     appliedHeaderClasses = [];
@@ -633,8 +635,15 @@ class PraxisStepper {
         if (i != null)
             this._selectedIndex.set(i);
     }
+    _enableCustomization = signal(false, ...(ngDevMode ? [{ debugName: "_enableCustomization" }] : /* istanbul ignore next */ []));
     disableRippleInput = false;
-    enableCustomization = false;
+    set enableCustomization(value) {
+        this._enableCustomization.set(!!value);
+        this.cdr.markForCheck();
+    }
+    get enableCustomization() {
+        return this._enableCustomization();
+    }
     // Paridade com API do Material
     labelPosition;
     color;
@@ -811,6 +820,15 @@ class PraxisStepper {
         if (component)
             this._formComponents.set(stepIndex, component);
         this._formValidity.set(stepIndex, ev.formGroup.valid);
+        this.syncStepFormValues(stepIndex, ev.formGroup);
+        this._formValueSubscriptions.get(stepIndex)?.unsubscribe();
+        if (ev.formGroup?.valueChanges) {
+            this._formValueSubscriptions.set(stepIndex, ev.formGroup.valueChanges.subscribe(() => {
+                this.syncStepFormValues(stepIndex, ev.formGroup);
+                this.cdr.markForCheck();
+            }));
+        }
+        this.cdr.markForCheck();
         this.stepFormReady.emit({
             stepIndex,
             stepId: this.steps()[stepIndex]?.id,
@@ -819,12 +837,37 @@ class PraxisStepper {
     }
     onFormValueChange(stepIndex, ev) {
         this._formValidity.set(stepIndex, ev.isValid);
+        const fg = this._formGroups.get(stepIndex);
+        if (ev.formData &&
+            typeof ev.formData === 'object' &&
+            !Array.isArray(ev.formData)) {
+            this._stepFormValues.update((prev) => ({
+                ...prev,
+                [stepIndex]: { ...ev.formData },
+            }));
+        }
+        else if (fg) {
+            this.syncStepFormValues(stepIndex, fg);
+        }
+        this.cdr.markForCheck();
         this.stepFormValueChange.emit({
             stepIndex,
             stepId: this.steps()[stepIndex]?.id,
             event: ev,
         });
     }
+    syncStepFormValues(stepIndex, formGroup) {
+        const raw = typeof formGroup?.getRawValue === 'function'
+            ? formGroup.getRawValue()
+            : formGroup?.value;
+        if (!raw || typeof raw !== 'object' || Array.isArray(raw)) {
+            return;
+        }
+        this._stepFormValues.update((prev) => ({
+            ...prev,
+            [stepIndex]: { ...raw },
+        }));
+    }
     onReactiveDeterminationExecuted(stepIndex, event) {
         this.stepReactiveDeterminationExecuted.emit({
             stepIndex,
@@ -895,8 +938,37 @@ class PraxisStepper {
         return Array.isArray(document?.nodes) && document.nodes.length > 0;
     }
     getStepRichContentContext(stepIndex) {
-        const step = this.steps()[stepIndex];
+        const allSteps = this.steps();
+        const step = allSteps[stepIndex];
+        const trackedValues = this._stepFormValues();
+        const formsByStep = {};
+        const mergedFormValues = {};
+        allSteps.forEach((candidateStep, idx) => {
+            const fg = this._formGroups.get(idx);
+            const liveRaw = typeof fg?.getRawValue === 'function'
+                ? fg.getRawValue()
+                : fg?.value;
+            const stepValues = (liveRaw && typeof liveRaw === 'object' && !Array.isArray(liveRaw)
+                ? liveRaw
+                : trackedValues[idx]) ?? undefined;
+            if (!stepValues) {
+                return;
+            }
+            const snapshot = { ...stepValues };
+            formsByStep[String(idx)] = snapshot;
+            if (candidateStep?.id) {
+                formsByStep[candidateStep.id] = snapshot;
+            }
+            Object.assign(mergedFormValues, snapshot);
+        });
+        const currentStepValues = formsByStep[String(stepIndex)] ??
+            (step?.id ? formsByStep[step.id] : undefined) ??
+            {};
         return {
+            ...mergedFormValues,
+            values: mergedFormValues,
+            forms: formsByStep,
+            currentStepValues: currentStepValues,
             step: (step ?? {}),
             stepIndex,
             stepper: {
@@ -1394,6 +1466,8 @@ class PraxisStepper {
         });
     }
     ngOnDestroy() {
+        this._formValueSubscriptions.forEach((sub) => sub.unsubscribe());
+        this._formValueSubscriptions.clear();
         this.assistantSessions.removeContextSession(this.buildAiAssistantContextSnapshot().identity);
         this.aiAssistantStateSubscription?.unsubscribe();
     }

package/package.json

@@ -1,22 +1,22 @@
 {
   "name": "@praxisui/stepper",
-  "version": "10.0.0-rc.40",
+  "version": "10.0.0-rc.41",
   "description": "Stepper workflows for Praxis UI with integrated forms, lists, uploads and page builder support.",
   "peerDependencies": {
     "@angular/common": "^21.0.0",
     "@angular/core": "^21.0.0",
     "@angular/material": "^21.0.0",
     "@angular/cdk": "^21.0.0",
-    "@praxisui/core": "^10.0.0-rc.40",
-    "@praxisui/dynamic-form": "^10.0.0-rc.40",
-    "@praxisui/rich-content": "^10.0.0-rc.40",
-    "@praxisui/settings-panel": "^10.0.0-rc.40",
-    "@praxisui/list": "^10.0.0-rc.40",
-    "@praxisui/files-upload": "^10.0.0-rc.40",
-    "@praxisui/page-builder": "^10.0.0-rc.40",
+    "@praxisui/core": "^10.0.0-rc.41",
+    "@praxisui/dynamic-form": "^10.0.0-rc.41",
+    "@praxisui/rich-content": "^10.0.0-rc.41",
+    "@praxisui/settings-panel": "^10.0.0-rc.41",
+    "@praxisui/list": "^10.0.0-rc.41",
+    "@praxisui/files-upload": "^10.0.0-rc.41",
+    "@praxisui/page-builder": "^10.0.0-rc.41",
     "@angular/forms": "^21.0.0",
     "@angular/router": "^21.0.0",
-    "@praxisui/ai": "^10.0.0-rc.40",
+    "@praxisui/ai": "^10.0.0-rc.41",
     "rxjs": "~7.8.0"
   },
   "dependencies": {

package/types/praxisui-stepper.d.ts

@@ -119,6 +119,8 @@ declare class PraxisStepper implements OnInit, AfterViewInit, OnDestroy {
     private _formComponents;
     private _formValidity;
     private _formPending;
+    private _stepFormValues;
+    private _formValueSubscriptions;
     private readonly hostElement;
     private readonly renderer;
     private appliedHeaderClasses;
@@ -139,8 +141,10 @@ declare class PraxisStepper implements OnInit, AfterViewInit, OnDestroy {
     set config(c: StepperMetadata | string | null);
     set selectedIndexInput(i: number | null);
     set selectedIndex(i: number | null);
+    private _enableCustomization;
     disableRippleInput: boolean;
-    enableCustomization: boolean;
+    set enableCustomization(value: boolean);
+    get enableCustomization(): boolean;
     labelPosition?: 'bottom' | 'end';
     color?: ThemePalette;
     /**
@@ -247,6 +251,7 @@ declare class PraxisStepper implements OnInit, AfterViewInit, OnDestroy {
     previous(): void;
     onFormReady(stepIndex: number, ev: FormReadyEvent, component?: PraxisDynamicForm): void;
     onFormValueChange(stepIndex: number, ev: FormValueChangeEvent): void;
+    private syncStepFormValues;
     onReactiveDeterminationExecuted(stepIndex: number, event: ReactiveDeterminationExecutionEvent): void;
     onReactiveDeterminationPendingChange(stepIndex: number, pending: boolean): void;
     private emitReactiveDeterminationStability;