@praxisui/dynamic-form 8.0.0-beta.0 → 8.0.0-beta.11

package/fesm2022/praxisui-dynamic-form.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, HostListener, Output, Input, Component, Optional, Inject, Injectable, inject, ViewChildren, ViewChild, ChangeDetectionStrategy, ENVIRONMENT_INITIALIZER } from '@angular/core';
+import { EventEmitter, HostListener, Output, Input, Component, inject, Optional, Inject, Injectable, ViewChildren, ViewChild, ChangeDetectionStrategy, ENVIRONMENT_INITIALIZER } from '@angular/core';
 import * as i1$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i2 from '@angular/common/http';
@@ -21,9 +21,9 @@ import { MatSnackBarModule } from '@angular/material/snack-bar';
 import * as i18 from '@angular/material/badge';
 import { MatBadgeModule } from '@angular/material/badge';
 import { firstValueFrom, BehaviorSubject, Subject, throwError, debounceTime as debounceTime$1, takeUntil as takeUntil$1 } from 'rxjs';
-import { map, take, takeUntil, tap, debounceTime, finalize } from 'rxjs/operators';
+import { map, take, takeUntil, timeout, tap, debounceTime, finalize } from 'rxjs/operators';
 import * as i1$2 from '@praxisui/core';
-import { PraxisIconDirective, RULE_PROPERTY_SCHEMA, FIELD_METADATA_CAPABILITIES, deepMerge, createDefaultFormConfig, normalizeFormConfig as normalizeFormConfig$1, ensureIds, createEmptyRichContentDocument, ASYNC_CONFIG_STORAGE, migrateFormLayoutRule, LoggerService, createCorporateLoggerConfig, ConsoleLoggerSink, PraxisI18nService, ResourceQuickConnectComponent, composeHeadersWithVersion, buildApiUrl, mapFieldDefinitionsToMetadata, syncWithServerMetadata, PRAXIS_LOADING_CTX, normalizeControlTypeKey, resolveSpan, resolveOffset, resolveOrder, resolveHidden, buildSchemaId, fetchWithETag, resolveControlTypeAlias, getTextTransformer, MemoryCacheAdapter, LocalStorageCacheAdapter, SchemaMetadataClient, CONNECTION_STORAGE, API_URL, PRAXIS_LOADING_RENDERER, FORM_HOOKS_PRESETS, EmptyStateCardComponent, providePraxisI18nConfig, isValidFormConfig, ComponentMetadataRegistry, FieldControlType, GLOBAL_ACTION_CATALOG, GLOBAL_ACTION_SPEC_CATALOG, PRAXIS_GLOBAL_ACTION_CATALOG, getGlobalActionCatalog, SURFACE_OPEN_I18N_NAMESPACE, getGlobalActionUiSchema, SurfaceOpenActionEditorComponent, SURFACE_OPEN_I18N_CONFIG, PraxisJsonLogicService } from '@praxisui/core';
+import { PraxisI18nService, PraxisIconDirective, providePraxisI18nConfig, RULE_PROPERTY_SCHEMA, FIELD_METADATA_CAPABILITIES, deepMerge, createDefaultFormConfig, normalizeFormConfig as normalizeFormConfig$1, ensureIds, createEmptyRichContentDocument, ASYNC_CONFIG_STORAGE, migrateFormLayoutRule, LoggerService, createCorporateLoggerConfig, ConsoleLoggerSink, ResourceQuickConnectComponent, composeHeadersWithVersion, buildApiUrl, mapFieldDefinitionsToMetadata, reconcileFormConfig, syncWithServerMetadata, PRAXIS_LOADING_CTX, normalizeControlTypeKey, resolveSpan, resolveOffset, resolveOrder, resolveHidden, buildSchemaId, fetchWithETag, resolveControlTypeAlias, getTextTransformer, MemoryCacheAdapter, LocalStorageCacheAdapter, SchemaMetadataClient, CONNECTION_STORAGE, API_URL, PRAXIS_LOADING_RENDERER, FORM_HOOKS_PRESETS, EmptyStateCardComponent, isValidFormConfig, ComponentMetadataRegistry, FieldControlType, isRequiredGlobalActionPayloadMissing, GLOBAL_ACTION_CATALOG, PRAXIS_GLOBAL_ACTION_CATALOG, getGlobalActionCatalog, SURFACE_OPEN_I18N_NAMESPACE, getGlobalActionUiSchema, getRequiredGlobalActionPayloadKeys, hasMeaningfulGlobalActionPayloadValue, SurfaceOpenActionEditorComponent, SURFACE_OPEN_I18N_CONFIG, validateGlobalActionRefs, PraxisJsonLogicService } from '@praxisui/core';
 import * as i1 from '@praxisui/dynamic-fields';
 import { getControlTypeCatalog, ConfirmDialogComponent, DynamicFieldLoaderDirective } from '@praxisui/dynamic-fields';
 import { BaseAiAdapter, PraxisAiAssistantComponent } from '@praxisui/ai';
@@ -174,6 +174,90 @@ function pad(value) {
     return String(value).padStart(2, '0');
 }
 
+function prepareSubmitPayload(rawValue, fieldMetadata, options = {}) {
+    const normalized = normalizeSubmitPayload(rawValue);
+    if (!normalized || typeof normalized !== 'object' || Array.isArray(normalized)) {
+        return normalized;
+    }
+    const dirtyFields = new Set(options.dirtyFields || []);
+    return filterRecordForSubmit(normalized, fieldMetadata || [], dirtyFields);
+}
+function shouldOmitEmptyOptionalField(field, value, dirtyFields, scopePath) {
+    if (isFieldDirty(field.name, dirtyFields, scopePath) || isRequiredField(field)) {
+        return false;
+    }
+    return value === null || value === undefined || value === '';
+}
+function isRequiredField(field) {
+    const validators = field.validators;
+    return field.required === true || validators?.required === true;
+}
+function shouldOmitFieldFromSubmit(field, dirtyFields = new Set(), scopePath) {
+    const policy = field.submitPolicy;
+    if (policy) {
+        return shouldOmitByPolicy(policy, field.name, dirtyFields, scopePath);
+    }
+    return field.source === 'local' || field.transient === true;
+}
+function shouldOmitByPolicy(policy, fieldName, dirtyFields, scopePath) {
+    switch (policy) {
+        case 'include':
+            return false;
+        case 'omit':
+            return true;
+        case 'includeWhenDirty':
+            return !isFieldDirty(fieldName, dirtyFields, scopePath);
+        default:
+            return false;
+    }
+}
+function filterRecordForSubmit(value, fields, dirtyFields, scopePath) {
+    const payload = { ...value };
+    for (const field of fields) {
+        if (shouldOmitFieldFromSubmit(field, dirtyFields, scopePath)) {
+            delete payload[field.name];
+            continue;
+        }
+        const fieldValue = payload[field.name];
+        const fieldPath = buildScopedFieldPath(field.name, scopePath);
+        payload[field.name] = filterNestedArrayForSubmit(field, fieldValue, dirtyFields, fieldPath);
+        if (shouldOmitEmptyOptionalField(field, payload[field.name], dirtyFields, scopePath)) {
+            delete payload[field.name];
+        }
+    }
+    return payload;
+}
+function filterNestedArrayForSubmit(field, value, dirtyFields, fieldPath) {
+    const itemFields = field.array?.itemSchema?.fields;
+    if (!Array.isArray(value) || !itemFields?.length) {
+        return value;
+    }
+    return value.map((item, index) => {
+        if (!item || typeof item !== 'object' || Array.isArray(item)) {
+            return item;
+        }
+        return filterRecordForSubmit(item, itemFields, dirtyFields, `${fieldPath}.${index}`);
+    });
+}
+function isFieldDirty(fieldName, dirtyFields, scopePath) {
+    if (dirtyFields.has(fieldName)) {
+        return true;
+    }
+    if (!scopePath) {
+        return false;
+    }
+    return (dirtyFields.has(scopePath) ||
+        dirtyFields.has(buildScopedFieldPath(fieldName, scopePath)) ||
+        dirtyFields.has(buildBracketScopedFieldPath(fieldName, scopePath)));
+}
+function buildScopedFieldPath(fieldName, scopePath) {
+    return scopePath ? `${scopePath}.${fieldName}` : fieldName;
+}
+function buildBracketScopedFieldPath(fieldName, scopePath) {
+    const bracketPath = scopePath.replace(/\.(\d+)(?=\.|$)/g, '[$1]');
+    return `${bracketPath}.${fieldName}`;
+}
+
 const SECTION_HEADER_INITIALS_MIN = 1;
 const SECTION_HEADER_INITIALS_MAX = 4;
 const SECTION_HEADER_INITIALS_DEFAULT = 2;
@@ -417,8 +501,48 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 args: ['document:keydown', ['$event']]
             }] } });
 
+const PRAXIS_DYNAMIC_FORM_I18N_NAMESPACE = 'praxisDynamicForm';
+const PRAXIS_DYNAMIC_FORM_I18N_CONFIG = {
+    namespaces: {
+        [PRAXIS_DYNAMIC_FORM_I18N_NAMESPACE]: {
+            'pt-BR': {
+                'settings.title': 'Configuração do Formulário',
+                'actions.invalidRequired': 'Preencha os campos obrigatórios para continuar.',
+                'actions.invalidRequiredWithFields': 'Preencha: {{fields}}.',
+            },
+            'en-US': {
+                'settings.title': 'Form Configuration',
+                'actions.invalidRequired': 'Complete the required fields to continue.',
+                'actions.invalidRequiredWithFields': 'Complete: {{fields}}.',
+            },
+        },
+    },
+};
+
 class PraxisFormActionsComponent {
     shortcuts;
+    i18n = inject(PraxisI18nService);
+    actionButtonsCache = null;
+    actionButtonsCacheSource;
+    actionButtonsCacheOverrides;
+    formActionsClassesCacheSource;
+    formActionsClassesCache = null;
+    viewClassMapCacheSource;
+    viewClassMapCacheEditorialContext;
+    viewClassMapCache = null;
+    visibleButtonsCacheSource = null;
+    visibleButtonsCache = [];
+    collapsedButtonsCacheSource = null;
+    collapsedButtonsCache = [];
+    primaryButtonsCacheSource = null;
+    primaryButtonsCache = [];
+    secondaryButtonsCacheSource = null;
+    secondaryButtonsCache = [];
+    buttonClassCache = new WeakMap();
+    buttonStylesCache = new WeakMap();
+    invalidSubmitHintCacheSignature = null;
+    invalidSubmitHintCacheValue = '';
+    invalidSubmitHint = this.i18n.t('actions.invalidRequired', undefined, 'Preencha os campos obrigatórios para continuar.', PRAXIS_DYNAMIC_FORM_I18N_NAMESPACE);
     /** Configuration object describing form action buttons */
     actions;
     /** Whether the actions are rendered inside an editorial visual context */
@@ -429,6 +553,8 @@ class PraxisFormActionsComponent {
     formIsValid = true;
     /** Optional error message displayed above the actions */
     submitError;
+    /** Visible required fields that currently block submit */
+    invalidRequiredFieldLabels = [];
     /** Identifier used when registering keyboard shortcuts */
     formId;
     /** Overrides coming from runtime rules */
@@ -440,7 +566,14 @@ class PraxisFormActionsComponent {
         this.shortcuts = shortcuts;
     }
     ngOnChanges(changes) {
-        if (changes['actions'] || changes['formId']) {
+        if (changes['actions'] || changes['actionOverrides']) {
+            this.refreshActionButtons();
+        }
+        if (changes['actions'] || changes['editorialVisualContext']) {
+            this.formActionsClassesCache = null;
+            this.viewClassMapCache = null;
+        }
+        if (changes['actions'] || changes['formId'] || changes['actionOverrides']) {
             this.registerActionShortcuts();
         }
     }
@@ -449,7 +582,12 @@ class PraxisFormActionsComponent {
         this.shortcutDisposers = [];
     }
     get formActionsClasses() {
-        return {
+        if (this.formActionsClassesCache &&
+            this.formActionsClassesCacheSource === this.actions) {
+            return this.formActionsClassesCache;
+        }
+        this.formActionsClassesCacheSource = this.actions;
+        this.formActionsClassesCache = {
             ['position-' + (this.actions?.position || 'right')]: true,
             ['orientation-' + (this.actions?.orientation || 'horizontal')]: true,
             ['spacing-' + (this.actions?.spacing || 'normal')]: true,
@@ -457,16 +595,25 @@ class PraxisFormActionsComponent {
             sticky: !!this.actions?.sticky,
             'with-divider': this.actions?.divider !== false,
         };
+        return this.formActionsClassesCache;
     }
     // Map for ngClass including optional container class
     get viewClassMap() {
+        if (this.viewClassMapCache &&
+            this.viewClassMapCacheSource === this.actions &&
+            this.viewClassMapCacheEditorialContext === this.editorialVisualContext) {
+            return this.viewClassMapCache;
+        }
         const base = this.formActionsClasses;
         const extra = this.actions?.containerClassName;
-        return {
+        this.viewClassMapCacheSource = this.actions;
+        this.viewClassMapCacheEditorialContext = this.editorialVisualContext;
+        this.viewClassMapCache = {
             ...base,
             'editorial-visual-context': this.editorialVisualContext,
             ...(extra ? { [extra]: true } : {}),
         };
+        return this.viewClassMapCache;
     }
     // Map configured color to Angular Material supported values
     getMatColor(btn) {
@@ -491,6 +638,14 @@ class PraxisFormActionsComponent {
         }
     }
     getActionButtons() {
+        if (this.actionButtonsCache === null ||
+            this.actionButtonsCacheSource !== this.actions ||
+            this.actionButtonsCacheOverrides !== this.actionOverrides) {
+            this.refreshActionButtons();
+        }
+        return this.actionButtonsCache ?? [];
+    }
+    computeActionButtons() {
         const actions = this.actions;
         if (!actions) {
             return [
@@ -536,26 +691,61 @@ class PraxisFormActionsComponent {
         }
         return buttons.map((btn) => this.applyOverrides(btn));
     }
+    refreshActionButtons() {
+        this.actionButtonsCache = this.computeActionButtons();
+        this.actionButtonsCacheSource = this.actions;
+        this.actionButtonsCacheOverrides = this.actionOverrides;
+        this.visibleButtonsCacheSource = null;
+        this.collapsedButtonsCacheSource = null;
+        this.primaryButtonsCacheSource = null;
+        this.secondaryButtonsCacheSource = null;
+        this.buttonClassCache = new WeakMap();
+        this.buttonStylesCache = new WeakMap();
+    }
     getVisibleButtons() {
-        return this.getActionButtons()
+        const buttons = this.getActionButtons();
+        if (this.visibleButtonsCacheSource === buttons) {
+            return this.visibleButtonsCache;
+        }
+        this.visibleButtonsCacheSource = buttons;
+        this.visibleButtonsCache = buttons
             .filter((btn) => btn.visible !== false)
             .slice(0, 1);
+        return this.visibleButtonsCache;
     }
     getCollapsedButtons() {
-        return this.getActionButtons()
+        const buttons = this.getActionButtons();
+        if (this.collapsedButtonsCacheSource === buttons) {
+            return this.collapsedButtonsCache;
+        }
+        this.collapsedButtonsCacheSource = buttons;
+        this.collapsedButtonsCache = buttons
             .filter((btn) => btn.visible !== false)
             .slice(1);
+        return this.collapsedButtonsCache;
     }
     isSplitLayout() {
         return (this.actions?.position || 'right') === 'split';
     }
     getPrimaryButtons() {
-        return this.getActionButtons().filter((button) => button.visible !== false
+        const buttons = this.getActionButtons();
+        if (this.primaryButtonsCacheSource === buttons) {
+            return this.primaryButtonsCache;
+        }
+        this.primaryButtonsCacheSource = buttons;
+        this.primaryButtonsCache = buttons.filter((button) => button.visible !== false
             && !this.isSecondaryButton(button));
+        return this.primaryButtonsCache;
     }
     getSecondaryButtons() {
-        return this.getActionButtons().filter((button) => button.visible !== false
+        const buttons = this.getActionButtons();
+        if (this.secondaryButtonsCacheSource === buttons) {
+            return this.secondaryButtonsCache;
+        }
+        this.secondaryButtonsCacheSource = buttons;
+        this.secondaryButtonsCache = buttons.filter((button) => button.visible !== false
             && this.isSecondaryButton(button));
+        return this.secondaryButtonsCache;
     }
     onActionButtonClick(button, event) {
         if (this.isSubmitting) {
@@ -563,7 +753,7 @@ class PraxisFormActionsComponent {
             event.stopPropagation();
             return;
         }
-        const actionId = button.id || button.action;
+        const actionId = this.resolveButtonActionId(button);
         if (!actionId)
             return;
         if (button.type === 'submit') {
@@ -576,23 +766,61 @@ class PraxisFormActionsComponent {
         const className = button.className;
         const variant = button.variant || 'raised';
         const tone = String(button.color || 'basic').toLowerCase();
-        return {
+        const signature = JSON.stringify([className ?? null, variant, tone, button.size ?? null]);
+        const cached = this.buttonClassCache.get(button);
+        if (cached?.signature === signature) {
+            return cached.value;
+        }
+        const value = {
             ...(className ? { [className]: true } : {}),
             ...(button.size ? { [`size-${button.size}`]: true } : {}),
             [`variant-${variant}`]: true,
             [`tone-${tone}`]: true,
         };
+        this.buttonClassCache.set(button, { signature, value });
+        return value;
     }
     getButtonStyles(button) {
         const styles = button.style;
-        return styles && Object.keys(styles).length ? styles : null;
+        const signature = styles ? JSON.stringify(styles) : '';
+        const cached = this.buttonStylesCache.get(button);
+        if (cached?.signature === signature) {
+            return cached.value;
+        }
+        const value = styles && Object.keys(styles).length ? styles : null;
+        this.buttonStylesCache.set(button, { signature, value });
+        return value;
     }
     isActionButtonDisabled(button) {
         const submitGuard = button.type === 'submit' && !this.formIsValid;
         return this.isSubmitting || !!button.disabled || !!button.loading || submitGuard;
     }
+    shouldShowInvalidSubmitHint() {
+        if (this.formIsValid || this.isSubmitting || this.submitError) {
+            return false;
+        }
+        return this.getActionButtons().some((button) => button.visible !== false && button.type === 'submit');
+    }
+    getInvalidSubmitHint() {
+        const labels = this.invalidRequiredFieldLabels
+            .map((label) => String(label || '').trim())
+            .filter(Boolean)
+            .slice(0, 3);
+        const signature = labels.join('|');
+        if (signature === this.invalidSubmitHintCacheSignature) {
+            return this.invalidSubmitHintCacheValue;
+        }
+        if (labels.length > 0) {
+            this.invalidSubmitHintCacheSignature = signature;
+            this.invalidSubmitHintCacheValue = this.i18n.t('actions.invalidRequiredWithFields', { fields: labels.join(', ') }, `Preencha: ${labels.join(', ')}.`, PRAXIS_DYNAMIC_FORM_I18N_NAMESPACE);
+            return this.invalidSubmitHintCacheValue;
+        }
+        this.invalidSubmitHintCacheSignature = signature;
+        this.invalidSubmitHintCacheValue = this.invalidSubmitHint;
+        return this.invalidSubmitHintCacheValue;
+    }
     applyOverrides(button) {
-        const actionId = button.id || button.action;
+        const actionId = this.resolveButtonActionId(button);
         const override = actionId ? this.actionOverrides?.[actionId] : undefined;
         if (!override)
             return button;
@@ -629,7 +857,7 @@ class PraxisFormActionsComponent {
                 return;
             const dispose = this.shortcuts.registerShortcut(shortcut, {
                 callback: () => {
-                    const actionId = btn.id || btn.action;
+                    const actionId = this.resolveButtonActionId(btn);
                     if (!actionId)
                         return;
                     this.action.emit({
@@ -644,12 +872,21 @@ class PraxisFormActionsComponent {
             this.shortcutDisposers.push(dispose);
         });
     }
+    resolveButtonActionId(button) {
+        const id = button.id?.trim();
+        if (id === 'submit' || id === 'cancel' || id === 'reset')
+            return id;
+        return (button.action?.trim() ||
+            id ||
+            button.globalAction?.actionId?.trim() ||
+            undefined);
+    }
     isSecondaryButton(button) {
         const actionId = (button.id || button.action || '').toLowerCase();
         return actionId === 'cancel' || actionId === 'reset';
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisFormActionsComponent, deps: [{ token: i1.KeyboardShortcutService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: PraxisFormActionsComponent, isStandalone: true, selector: "praxis-form-actions", inputs: { actions: "actions", editorialVisualContext: "editorialVisualContext", isSubmitting: "isSubmitting", formIsValid: "formIsValid", submitError: "submitError", formId: "formId", actionOverrides: "actionOverrides" }, outputs: { action: "action" }, usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"form-actions\"\n  [ngClass]=\"viewClassMap\"\n  [ngStyle]=\"actions?.containerStyles\"\n>\n  @if (submitError) {\n    <div class=\"alert alert--error\" role=\"alert\" aria-live=\"polite\">\n      <mat-icon class=\"alert__icon\" aria-hidden=\"true\">error_outline</mat-icon>\n      <div>\n        <h4 class=\"alert__title\">Erro ao salvar</h4>\n        <p class=\"alert__text\">{{ submitError }}</p>\n      </div>\n    </div>\n  }\n  <div class=\"desktop-actions\">\n    @if (isSplitLayout()) {\n      <div class=\"desktop-actions-group secondary-group\">\n        @for (button of getSecondaryButtons(); track button.id) {\n          @if (button.visible) {\n            @switch (button.variant || 'raised') {\n              @case ('stroked') {\n                <button mat-stroked-button\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n              @case ('flat') {\n                <button mat-flat-button\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n              @case ('fab') {\n                <button mat-fab\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n              @default {\n                <button mat-raised-button\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n            }\n          }\n        }\n      </div>\n      <div class=\"desktop-actions-group primary-group\">\n        @for (button of getPrimaryButtons(); track button.id) {\n          @if (button.visible) {\n            @switch (button.variant || 'raised') {\n              @case ('stroked') {\n                <button mat-stroked-button\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n              @case ('flat') {\n                <button mat-flat-button\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n              @case ('fab') {\n                <button mat-fab\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n              @default {\n                <button mat-raised-button\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n            }\n          }\n        }\n      </div>\n    } @else {\n      @for (button of getActionButtons(); track button.id) {\n        @if (button.visible) {\n          @switch (button.variant || 'raised') {\n            @case ('stroked') {\n              <button mat-stroked-button\n                [type]=\"button.type || 'button'\"\n                [color]=\"getMatColor(button)\"\n                [disabled]=\"isActionButtonDisabled(button)\"\n                [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                [matTooltip]=\"button.tooltip\"\n                (click)=\"onActionButtonClick(button, $event)\"\n                [ngClass]=\"getButtonNgClass(button)\"\n                [ngStyle]=\"getButtonStyles(button)\">\n                @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                <span>{{ button.label }}</span>\n              </button>\n            }\n            @case ('flat') {\n              <button mat-flat-button\n                [type]=\"button.type || 'button'\"\n                [color]=\"getMatColor(button)\"\n                [disabled]=\"isActionButtonDisabled(button)\"\n                [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                [matTooltip]=\"button.tooltip\"\n                (click)=\"onActionButtonClick(button, $event)\"\n                [ngClass]=\"getButtonNgClass(button)\"\n                [ngStyle]=\"getButtonStyles(button)\">\n                @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                <span>{{ button.label }}</span>\n              </button>\n            }\n            @case ('fab') {\n              <button mat-fab\n                [type]=\"button.type || 'button'\"\n                [color]=\"getMatColor(button)\"\n                [disabled]=\"isActionButtonDisabled(button)\"\n                [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                [matTooltip]=\"button.tooltip\"\n                (click)=\"onActionButtonClick(button, $event)\"\n                [ngClass]=\"getButtonNgClass(button)\"\n                [ngStyle]=\"getButtonStyles(button)\">\n                @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                <span>{{ button.label }}</span>\n              </button>\n            }\n            @default {\n              <button mat-raised-button\n                [type]=\"button.type || 'button'\"\n                [color]=\"getMatColor(button)\"\n                [disabled]=\"isActionButtonDisabled(button)\"\n                [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                [matTooltip]=\"button.tooltip\"\n                (click)=\"onActionButtonClick(button, $event)\"\n                [ngClass]=\"getButtonNgClass(button)\"\n                [ngStyle]=\"getButtonStyles(button)\">\n                @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                <span>{{ button.label }}</span>\n              </button>\n            }\n          }\n        }\n      }\n    }\n  </div>\n  @if (actions?.mobile?.collapseToMenu) {\n    <div class=\"mobile-actions\">\n      @for (button of getVisibleButtons(); track button.id) {\n        @switch (button.variant || 'raised') {\n          @case ('stroked') {\n            <button mat-stroked-button [type]=\"button.type || 'button'\" [color]=\"getMatColor(button)\" [disabled]=\"isActionButtonDisabled(button)\" [attr.aria-busy]=\"button.loading ? 'true' : null\" [matTooltip]=\"button.tooltip\" (click)=\"onActionButtonClick(button, $event)\" [attr.aria-label]=\"button.label\" [ngClass]=\"getButtonNgClass(button)\" [ngStyle]=\"getButtonStyles(button)\">\n              @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n              @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n              <span>{{ button.label }}</span>\n            </button>\n          }\n          @case ('flat') {\n            <button mat-flat-button [type]=\"button.type || 'button'\" [color]=\"getMatColor(button)\" [disabled]=\"isActionButtonDisabled(button)\" [attr.aria-busy]=\"button.loading ? 'true' : null\" [matTooltip]=\"button.tooltip\" (click)=\"onActionButtonClick(button, $event)\" [attr.aria-label]=\"button.label\" [ngClass]=\"getButtonNgClass(button)\" [ngStyle]=\"getButtonStyles(button)\">\n              @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n              @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n              <span>{{ button.label }}</span>\n            </button>\n          }\n          @case ('fab') {\n            <button mat-fab [type]=\"button.type || 'button'\" [color]=\"getMatColor(button)\" [disabled]=\"isActionButtonDisabled(button)\" [attr.aria-busy]=\"button.loading ? 'true' : null\" [matTooltip]=\"button.tooltip\" (click)=\"onActionButtonClick(button, $event)\" [attr.aria-label]=\"button.label\" [ngClass]=\"getButtonNgClass(button)\" [ngStyle]=\"getButtonStyles(button)\">\n              @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n              @if (button.icon && !button.loading) { <mat-icon aria-hidden=\"true\">{{ button.icon }}</mat-icon> }\n              <span>{{ button.label }}</span>\n            </button>\n          }\n          @default {\n            <button mat-raised-button [type]=\"button.type || 'button'\" [color]=\"getMatColor(button)\" [disabled]=\"isActionButtonDisabled(button)\" [attr.aria-busy]=\"button.loading ? 'true' : null\" [matTooltip]=\"button.tooltip\" (click)=\"onActionButtonClick(button, $event)\" [attr.aria-label]=\"button.label\" [ngClass]=\"getButtonNgClass(button)\" [ngStyle]=\"getButtonStyles(button)\">\n              @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n              @if (button.icon && !button.loading) { <mat-icon aria-hidden=\"true\">{{ button.icon }}</mat-icon> }\n              <span>{{ button.label }}</span>\n            </button>\n          }\n        }\n      }\n      @if (getCollapsedButtons().length > 0) {\n        <button\n          mat-icon-button\n          [matMenuTriggerFor]=\"actionsMenu\"\n          aria-label=\"More actions\"\n        >\n          <mat-icon>more_vert</mat-icon>\n        </button>\n        <mat-menu #actionsMenu=\"matMenu\">\n          @for (button of getCollapsedButtons(); track button.id) {\n            <button\n              mat-menu-item\n              (click)=\"onActionButtonClick(button, $event)\"\n              [disabled]=\"isActionButtonDisabled(button)\"\n              [ngClass]=\"getButtonNgClass(button)\"\n              [ngStyle]=\"getButtonStyles(button)\"\n            >\n              @if (button.icon) { <mat-icon [praxisIcon]=\"button.icon\"></mat-icon> }\n              <span>{{ button.label }}</span>\n            </button>\n          }\n        </mat-menu>\n      }\n    </div>\n  }\n</div>\n", styles: ["@charset \"UTF-8\";.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.1rem;z-index:1;font-family:inherit;border-radius:18px;background:var(--pfx-form-footer-surface, color-mix(in srgb, var(--md-sys-color-surface-container) 78%, var(--md-sys-color-surface-container-low) 22%));border:1px solid var(--pfx-form-footer-border, color-mix(in srgb, var(--md-sys-color-outline-variant) 76%, transparent))}.form-actions.with-divider{border-top:1px solid var(--pfx-form-footer-border, color-mix(in srgb, var(--md-sys-color-outline-variant) 76%, transparent))}.form-actions.editorial-visual-context{font-family:var(--editorial-body-font-family, inherit)}.form-actions.editorial-visual-context.with-divider{border-top:var(--editorial-card-border-width, 1px) solid color-mix(in srgb,var(--editorial-border-color, var(--md-sys-color-outline-variant)) 72%,transparent)}.form-actions.sticky{position:sticky;bottom:0}.form-actions.position-left{justify-content:flex-start}.form-actions.position-center{justify-content:center}.form-actions.position-right{justify-content:flex-end}.form-actions.position-justified,.form-actions.position-split{justify-content:space-between}.form-actions.orientation-vertical .desktop-actions{display:flex;flex-direction:column}.form-actions.orientation-horizontal .desktop-actions{display:flex;flex-direction:row}.form-actions.spacing-compact{gap:.25rem}.form-actions.spacing-normal{gap:.5rem}.form-actions.spacing-spacious{gap:1rem}.form-actions.spacing-compact .desktop-actions{gap:.25rem}.form-actions.spacing-normal .desktop-actions{gap:.5rem}.form-actions.spacing-spacious .desktop-actions{gap:1rem}.form-actions.loading{pointer-events:none;opacity:.7}.mobile-actions{display:none}.desktop-actions{display:flex;flex-wrap:wrap;gap:.5rem}.form-actions.position-split .desktop-actions{width:100%;justify-content:space-between;align-items:center}.desktop-actions-group{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.desktop-actions-group.primary-group{justify-content:flex-end}.desktop-actions-group.secondary-group{opacity:.94}.form-actions .mdc-button{letter-spacing:.01em;border-radius:999px}.form-actions.editorial-visual-context .mdc-button{border-radius:var(--editorial-button-radius, 999px);font-family:var(--editorial-body-font-family, inherit)}.form-actions .mdc-button.size-small{min-height:36px;padding-inline:12px;font-size:.82rem}.form-actions .mdc-button.size-medium{min-height:44px;padding-inline:18px}.form-actions .mdc-button.size-large{min-height:50px;padding-inline:24px;font-size:.98rem}.form-actions .mat-mdc-raised-button,.form-actions .mat-mdc-unelevated-button{box-shadow:none}.form-actions .mat-mdc-raised-button:not([disabled]),.form-actions .mat-mdc-unelevated-button:not([disabled]){--mdc-protected-button-container-color: var(--md-sys-color-primary);--mdc-protected-button-label-text-color: var(--md-sys-color-on-primary);--mdc-filled-button-container-color: var(--md-sys-color-primary);--mdc-filled-button-label-text-color: var(--md-sys-color-on-primary)}.form-actions .mat-mdc-raised-button[disabled],.form-actions .mat-mdc-unelevated-button[disabled]{opacity:.55}.form-actions .mat-mdc-outlined-button,.form-actions .mat-mdc-button-base.mat-mdc-outlined-button{background:transparent}.form-actions.editorial-visual-context .mat-mdc-raised-button,.form-actions.editorial-visual-context .mat-mdc-unelevated-button{--mdc-protected-button-container-color: var(--editorial-cta-primary, var(--md-sys-color-primary));--mdc-protected-button-label-text-color: var(--editorial-cta-primary-text, var(--md-sys-color-on-primary));--mdc-filled-button-container-color: var(--editorial-cta-primary, var(--md-sys-color-primary));--mdc-filled-button-label-text-color: var(--editorial-cta-primary-text, var(--md-sys-color-on-primary));box-shadow:var(--editorial-floating-shadow, var(--editorial-card-shadow, none))}.form-actions.editorial-visual-context .mat-mdc-outlined-button{--mdc-outlined-button-outline-color: var(--editorial-border-color, var(--md-sys-color-outline-variant));--mdc-outlined-button-label-text-color: var( --editorial-cta-secondary-text, var(--editorial-text-primary, var(--md-sys-color-on-surface)) );background:color-mix(in srgb,var(--editorial-cta-secondary, var(--editorial-surface-secondary, var(--md-sys-color-surface-container-low))) 72%,transparent)}.form-actions.editorial-visual-context .mat-mdc-outlined-button.tone-primary,.form-actions.editorial-visual-context .mat-mdc-outlined-button.tone-accent{--mdc-outlined-button-label-text-color: var(--editorial-cta-primary, var(--md-sys-color-primary));background:transparent}.form-actions button .mat-icon{font-size:20px;width:20px;height:20px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.form-actions button .mat-icon+span{margin-left:8px}@media(max-width:768px){.form-actions{padding:.9rem;border-radius:16px}.form-actions.mobile-menu-active .desktop-actions{display:none}.form-actions.mobile-menu-active .mobile-actions{display:flex;align-items:center;gap:.5rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i4.MatFabButton, selector: "button[mat-fab], a[mat-fab], button[matFab], a[matFab]", inputs: ["extended"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i9.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i6.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i6.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i6.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: PraxisFormActionsComponent, isStandalone: true, selector: "praxis-form-actions", inputs: { actions: "actions", editorialVisualContext: "editorialVisualContext", isSubmitting: "isSubmitting", formIsValid: "formIsValid", submitError: "submitError", invalidRequiredFieldLabels: "invalidRequiredFieldLabels", formId: "formId", actionOverrides: "actionOverrides" }, outputs: { action: "action" }, providers: [providePraxisI18nConfig(PRAXIS_DYNAMIC_FORM_I18N_CONFIG)], usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"form-actions\"\n  [ngClass]=\"viewClassMap\"\n  [ngStyle]=\"actions?.containerStyles\"\n>\n  @if (submitError) {\n    <div class=\"alert alert--error\" role=\"alert\" aria-live=\"polite\">\n      <mat-icon class=\"alert__icon\" aria-hidden=\"true\">error_outline</mat-icon>\n      <div>\n        <h4 class=\"alert__title\">Erro ao salvar</h4>\n        <p class=\"alert__text\">{{ submitError }}</p>\n      </div>\n    </div>\n  }\n  @if (shouldShowInvalidSubmitHint()) {\n    <div class=\"form-actions__hint\" role=\"status\" aria-live=\"polite\">\n      <mat-icon class=\"form-actions__hint-icon\" aria-hidden=\"true\">info</mat-icon>\n      <span>{{ getInvalidSubmitHint() }}</span>\n    </div>\n  }\n  <div class=\"desktop-actions\">\n    @if (isSplitLayout()) {\n      <div class=\"desktop-actions-group secondary-group\">\n        @for (button of getSecondaryButtons(); track button.id) {\n          @if (button.visible) {\n            @switch (button.variant || 'raised') {\n              @case ('stroked') {\n                <button mat-stroked-button\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n              @case ('flat') {\n                <button mat-flat-button\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n              @case ('fab') {\n                <button mat-fab\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n              @default {\n                <button mat-raised-button\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n            }\n          }\n        }\n      </div>\n      <div class=\"desktop-actions-group primary-group\">\n        @for (button of getPrimaryButtons(); track button.id) {\n          @if (button.visible) {\n            @switch (button.variant || 'raised') {\n              @case ('stroked') {\n                <button mat-stroked-button\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n              @case ('flat') {\n                <button mat-flat-button\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n              @case ('fab') {\n                <button mat-fab\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n              @default {\n                <button mat-raised-button\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n            }\n          }\n        }\n      </div>\n    } @else {\n      @for (button of getActionButtons(); track button.id) {\n        @if (button.visible) {\n          @switch (button.variant || 'raised') {\n            @case ('stroked') {\n              <button mat-stroked-button\n                [type]=\"button.type || 'button'\"\n                [color]=\"getMatColor(button)\"\n                [disabled]=\"isActionButtonDisabled(button)\"\n                [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                [matTooltip]=\"button.tooltip\"\n                (click)=\"onActionButtonClick(button, $event)\"\n                [ngClass]=\"getButtonNgClass(button)\"\n                [ngStyle]=\"getButtonStyles(button)\">\n                @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                <span>{{ button.label }}</span>\n              </button>\n            }\n            @case ('flat') {\n              <button mat-flat-button\n                [type]=\"button.type || 'button'\"\n                [color]=\"getMatColor(button)\"\n                [disabled]=\"isActionButtonDisabled(button)\"\n                [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                [matTooltip]=\"button.tooltip\"\n                (click)=\"onActionButtonClick(button, $event)\"\n                [ngClass]=\"getButtonNgClass(button)\"\n                [ngStyle]=\"getButtonStyles(button)\">\n                @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                <span>{{ button.label }}</span>\n              </button>\n            }\n            @case ('fab') {\n              <button mat-fab\n                [type]=\"button.type || 'button'\"\n                [color]=\"getMatColor(button)\"\n                [disabled]=\"isActionButtonDisabled(button)\"\n                [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                [matTooltip]=\"button.tooltip\"\n                (click)=\"onActionButtonClick(button, $event)\"\n                [ngClass]=\"getButtonNgClass(button)\"\n                [ngStyle]=\"getButtonStyles(button)\">\n                @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                <span>{{ button.label }}</span>\n              </button>\n            }\n            @default {\n              <button mat-raised-button\n                [type]=\"button.type || 'button'\"\n                [color]=\"getMatColor(button)\"\n                [disabled]=\"isActionButtonDisabled(button)\"\n                [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                [matTooltip]=\"button.tooltip\"\n                (click)=\"onActionButtonClick(button, $event)\"\n                [ngClass]=\"getButtonNgClass(button)\"\n                [ngStyle]=\"getButtonStyles(button)\">\n                @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                <span>{{ button.label }}</span>\n              </button>\n            }\n          }\n        }\n      }\n    }\n  </div>\n  @if (actions?.mobile?.collapseToMenu) {\n    <div class=\"mobile-actions\">\n      @for (button of getVisibleButtons(); track button.id) {\n        @switch (button.variant || 'raised') {\n          @case ('stroked') {\n            <button mat-stroked-button [type]=\"button.type || 'button'\" [color]=\"getMatColor(button)\" [disabled]=\"isActionButtonDisabled(button)\" [attr.aria-busy]=\"button.loading ? 'true' : null\" [matTooltip]=\"button.tooltip\" (click)=\"onActionButtonClick(button, $event)\" [attr.aria-label]=\"button.label\" [ngClass]=\"getButtonNgClass(button)\" [ngStyle]=\"getButtonStyles(button)\">\n              @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n              @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n              <span>{{ button.label }}</span>\n            </button>\n          }\n          @case ('flat') {\n            <button mat-flat-button [type]=\"button.type || 'button'\" [color]=\"getMatColor(button)\" [disabled]=\"isActionButtonDisabled(button)\" [attr.aria-busy]=\"button.loading ? 'true' : null\" [matTooltip]=\"button.tooltip\" (click)=\"onActionButtonClick(button, $event)\" [attr.aria-label]=\"button.label\" [ngClass]=\"getButtonNgClass(button)\" [ngStyle]=\"getButtonStyles(button)\">\n              @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n              @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n              <span>{{ button.label }}</span>\n            </button>\n          }\n          @case ('fab') {\n            <button mat-fab [type]=\"button.type || 'button'\" [color]=\"getMatColor(button)\" [disabled]=\"isActionButtonDisabled(button)\" [attr.aria-busy]=\"button.loading ? 'true' : null\" [matTooltip]=\"button.tooltip\" (click)=\"onActionButtonClick(button, $event)\" [attr.aria-label]=\"button.label\" [ngClass]=\"getButtonNgClass(button)\" [ngStyle]=\"getButtonStyles(button)\">\n              @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n              @if (button.icon && !button.loading) { <mat-icon aria-hidden=\"true\">{{ button.icon }}</mat-icon> }\n              <span>{{ button.label }}</span>\n            </button>\n          }\n          @default {\n            <button mat-raised-button [type]=\"button.type || 'button'\" [color]=\"getMatColor(button)\" [disabled]=\"isActionButtonDisabled(button)\" [attr.aria-busy]=\"button.loading ? 'true' : null\" [matTooltip]=\"button.tooltip\" (click)=\"onActionButtonClick(button, $event)\" [attr.aria-label]=\"button.label\" [ngClass]=\"getButtonNgClass(button)\" [ngStyle]=\"getButtonStyles(button)\">\n              @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n              @if (button.icon && !button.loading) { <mat-icon aria-hidden=\"true\">{{ button.icon }}</mat-icon> }\n              <span>{{ button.label }}</span>\n            </button>\n          }\n        }\n      }\n      @if (getCollapsedButtons().length > 0) {\n        <button\n          mat-icon-button\n          [matMenuTriggerFor]=\"actionsMenu\"\n          aria-label=\"More actions\"\n        >\n          <mat-icon>more_vert</mat-icon>\n        </button>\n        <mat-menu #actionsMenu=\"matMenu\">\n          @for (button of getCollapsedButtons(); track button.id) {\n            <button\n              mat-menu-item\n              (click)=\"onActionButtonClick(button, $event)\"\n              [disabled]=\"isActionButtonDisabled(button)\"\n              [ngClass]=\"getButtonNgClass(button)\"\n              [ngStyle]=\"getButtonStyles(button)\"\n            >\n              @if (button.icon) { <mat-icon [praxisIcon]=\"button.icon\"></mat-icon> }\n              <span>{{ button.label }}</span>\n            </button>\n          }\n        </mat-menu>\n      }\n    </div>\n  }\n</div>\n", styles: ["@charset \"UTF-8\";.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.1rem;z-index:1;font-family:inherit;border-radius:18px;background:var(--pfx-form-footer-surface, color-mix(in srgb, var(--md-sys-color-surface-container) 78%, var(--md-sys-color-surface-container-low) 22%));border:1px solid var(--pfx-form-footer-border, color-mix(in srgb, var(--md-sys-color-outline-variant) 76%, transparent))}.form-actions.with-divider{border-top:1px solid var(--pfx-form-footer-border, color-mix(in srgb, var(--md-sys-color-outline-variant) 76%, transparent))}.form-actions.editorial-visual-context{font-family:var(--editorial-body-font-family, inherit)}.form-actions.editorial-visual-context.with-divider{border-top:var(--editorial-card-border-width, 1px) solid color-mix(in srgb,var(--editorial-border-color, var(--md-sys-color-outline-variant)) 72%,transparent)}.form-actions.sticky{position:sticky;bottom:0}.form-actions.position-left{justify-content:flex-start}.form-actions.position-center{justify-content:center}.form-actions.position-right{justify-content:flex-end}.form-actions.position-justified,.form-actions.position-split{justify-content:space-between}.form-actions.orientation-vertical .desktop-actions{display:flex;flex-direction:column}.form-actions.orientation-horizontal .desktop-actions{display:flex;flex-direction:row}.form-actions.spacing-compact{gap:.25rem}.form-actions.spacing-normal{gap:.5rem}.form-actions.spacing-spacious{gap:1rem}.form-actions.spacing-compact .desktop-actions{gap:.25rem}.form-actions.spacing-normal .desktop-actions{gap:.5rem}.form-actions.spacing-spacious .desktop-actions{gap:1rem}.form-actions.loading{pointer-events:none;opacity:.7}.mobile-actions{display:none}.desktop-actions{display:flex;flex-wrap:wrap;gap:.5rem}.form-actions__hint{display:inline-flex;align-items:center;gap:.45rem;max-width:min(100%,32rem);padding:.5rem .65rem;border-radius:8px;font-size:.84rem;line-height:1.25;color:var(--md-sys-color-on-secondary-container);background:linear-gradient(135deg,color-mix(in srgb,var(--md-sys-color-secondary-container) 82%,transparent),color-mix(in srgb,var(--md-sys-color-tertiary-container) 44%,transparent));border:1px solid color-mix(in srgb,var(--md-sys-color-secondary) 22%,transparent)}.form-actions__hint-icon{flex:0 0 auto;font-size:18px;width:18px;height:18px;line-height:18px}.form-actions.position-split .desktop-actions{width:100%;justify-content:space-between;align-items:center}.desktop-actions-group{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.desktop-actions-group.primary-group{justify-content:flex-end}.desktop-actions-group.secondary-group{opacity:.94}.form-actions .mdc-button{letter-spacing:.01em;border-radius:999px}.form-actions.editorial-visual-context .mdc-button{border-radius:var(--editorial-button-radius, 999px);font-family:var(--editorial-body-font-family, inherit)}.form-actions .mdc-button.size-small{min-height:36px;padding-inline:12px;font-size:.82rem}.form-actions .mdc-button.size-medium{min-height:44px;padding-inline:18px}.form-actions .mdc-button.size-large{min-height:50px;padding-inline:24px;font-size:.98rem}.form-actions .mat-mdc-raised-button,.form-actions .mat-mdc-unelevated-button{box-shadow:none}.form-actions .mat-mdc-raised-button:not([disabled]),.form-actions .mat-mdc-unelevated-button:not([disabled]){--mdc-protected-button-container-color: var(--md-sys-color-primary);--mdc-protected-button-label-text-color: var(--md-sys-color-on-primary);--mdc-filled-button-container-color: var(--md-sys-color-primary);--mdc-filled-button-label-text-color: var(--md-sys-color-on-primary)}.form-actions .mat-mdc-raised-button[disabled],.form-actions .mat-mdc-unelevated-button[disabled]{opacity:.55}.form-actions .mat-mdc-outlined-button,.form-actions .mat-mdc-button-base.mat-mdc-outlined-button{background:transparent}.form-actions.editorial-visual-context .mat-mdc-raised-button,.form-actions.editorial-visual-context .mat-mdc-unelevated-button{--mdc-protected-button-container-color: var(--editorial-cta-primary, var(--md-sys-color-primary));--mdc-protected-button-label-text-color: var(--editorial-cta-primary-text, var(--md-sys-color-on-primary));--mdc-filled-button-container-color: var(--editorial-cta-primary, var(--md-sys-color-primary));--mdc-filled-button-label-text-color: var(--editorial-cta-primary-text, var(--md-sys-color-on-primary));box-shadow:var(--editorial-floating-shadow, var(--editorial-card-shadow, none))}.form-actions.editorial-visual-context .mat-mdc-outlined-button{--mdc-outlined-button-outline-color: var(--editorial-border-color, var(--md-sys-color-outline-variant));--mdc-outlined-button-label-text-color: var( --editorial-cta-secondary-text, var(--editorial-text-primary, var(--md-sys-color-on-surface)) );background:color-mix(in srgb,var(--editorial-cta-secondary, var(--editorial-surface-secondary, var(--md-sys-color-surface-container-low))) 72%,transparent)}.form-actions.editorial-visual-context .mat-mdc-outlined-button.tone-primary,.form-actions.editorial-visual-context .mat-mdc-outlined-button.tone-accent{--mdc-outlined-button-label-text-color: var(--editorial-cta-primary, var(--md-sys-color-primary));background:transparent}.form-actions button .mat-icon{font-size:20px;width:20px;height:20px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.form-actions button .mat-icon+span{margin-left:8px}@media(max-width:768px){.form-actions{padding:.9rem;border-radius:16px}.form-actions.mobile-menu-active .desktop-actions{display:none}.form-actions.mobile-menu-active .mobile-actions{display:flex;align-items:center;gap:.5rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i4.MatFabButton, selector: "button[mat-fab], a[mat-fab], button[matFab], a[matFab]", inputs: ["extended"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i9.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i6.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i6.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i6.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisFormActionsComponent, decorators: [{
             type: Component,
@@ -660,7 +897,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                         MatTooltipModule,
                         MatMenuModule,
                         PraxisIconDirective,
-                    ], template: "<div\n  class=\"form-actions\"\n  [ngClass]=\"viewClassMap\"\n  [ngStyle]=\"actions?.containerStyles\"\n>\n  @if (submitError) {\n    <div class=\"alert alert--error\" role=\"alert\" aria-live=\"polite\">\n      <mat-icon class=\"alert__icon\" aria-hidden=\"true\">error_outline</mat-icon>\n      <div>\n        <h4 class=\"alert__title\">Erro ao salvar</h4>\n        <p class=\"alert__text\">{{ submitError }}</p>\n      </div>\n    </div>\n  }\n  <div class=\"desktop-actions\">\n    @if (isSplitLayout()) {\n      <div class=\"desktop-actions-group secondary-group\">\n        @for (button of getSecondaryButtons(); track button.id) {\n          @if (button.visible) {\n            @switch (button.variant || 'raised') {\n              @case ('stroked') {\n                <button mat-stroked-button\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n              @case ('flat') {\n                <button mat-flat-button\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n              @case ('fab') {\n                <button mat-fab\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n              @default {\n                <button mat-raised-button\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n            }\n          }\n        }\n      </div>\n      <div class=\"desktop-actions-group primary-group\">\n        @for (button of getPrimaryButtons(); track button.id) {\n          @if (button.visible) {\n            @switch (button.variant || 'raised') {\n              @case ('stroked') {\n                <button mat-stroked-button\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n              @case ('flat') {\n                <button mat-flat-button\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n              @case ('fab') {\n                <button mat-fab\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n              @default {\n                <button mat-raised-button\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n            }\n          }\n        }\n      </div>\n    } @else {\n      @for (button of getActionButtons(); track button.id) {\n        @if (button.visible) {\n          @switch (button.variant || 'raised') {\n            @case ('stroked') {\n              <button mat-stroked-button\n                [type]=\"button.type || 'button'\"\n                [color]=\"getMatColor(button)\"\n                [disabled]=\"isActionButtonDisabled(button)\"\n                [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                [matTooltip]=\"button.tooltip\"\n                (click)=\"onActionButtonClick(button, $event)\"\n                [ngClass]=\"getButtonNgClass(button)\"\n                [ngStyle]=\"getButtonStyles(button)\">\n                @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                <span>{{ button.label }}</span>\n              </button>\n            }\n            @case ('flat') {\n              <button mat-flat-button\n                [type]=\"button.type || 'button'\"\n                [color]=\"getMatColor(button)\"\n                [disabled]=\"isActionButtonDisabled(button)\"\n                [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                [matTooltip]=\"button.tooltip\"\n                (click)=\"onActionButtonClick(button, $event)\"\n                [ngClass]=\"getButtonNgClass(button)\"\n                [ngStyle]=\"getButtonStyles(button)\">\n                @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                <span>{{ button.label }}</span>\n              </button>\n            }\n            @case ('fab') {\n              <button mat-fab\n                [type]=\"button.type || 'button'\"\n                [color]=\"getMatColor(button)\"\n                [disabled]=\"isActionButtonDisabled(button)\"\n                [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                [matTooltip]=\"button.tooltip\"\n                (click)=\"onActionButtonClick(button, $event)\"\n                [ngClass]=\"getButtonNgClass(button)\"\n                [ngStyle]=\"getButtonStyles(button)\">\n                @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                <span>{{ button.label }}</span>\n              </button>\n            }\n            @default {\n              <button mat-raised-button\n                [type]=\"button.type || 'button'\"\n                [color]=\"getMatColor(button)\"\n                [disabled]=\"isActionButtonDisabled(button)\"\n                [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                [matTooltip]=\"button.tooltip\"\n                (click)=\"onActionButtonClick(button, $event)\"\n                [ngClass]=\"getButtonNgClass(button)\"\n                [ngStyle]=\"getButtonStyles(button)\">\n                @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                <span>{{ button.label }}</span>\n              </button>\n            }\n          }\n        }\n      }\n    }\n  </div>\n  @if (actions?.mobile?.collapseToMenu) {\n    <div class=\"mobile-actions\">\n      @for (button of getVisibleButtons(); track button.id) {\n        @switch (button.variant || 'raised') {\n          @case ('stroked') {\n            <button mat-stroked-button [type]=\"button.type || 'button'\" [color]=\"getMatColor(button)\" [disabled]=\"isActionButtonDisabled(button)\" [attr.aria-busy]=\"button.loading ? 'true' : null\" [matTooltip]=\"button.tooltip\" (click)=\"onActionButtonClick(button, $event)\" [attr.aria-label]=\"button.label\" [ngClass]=\"getButtonNgClass(button)\" [ngStyle]=\"getButtonStyles(button)\">\n              @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n              @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n              <span>{{ button.label }}</span>\n            </button>\n          }\n          @case ('flat') {\n            <button mat-flat-button [type]=\"button.type || 'button'\" [color]=\"getMatColor(button)\" [disabled]=\"isActionButtonDisabled(button)\" [attr.aria-busy]=\"button.loading ? 'true' : null\" [matTooltip]=\"button.tooltip\" (click)=\"onActionButtonClick(button, $event)\" [attr.aria-label]=\"button.label\" [ngClass]=\"getButtonNgClass(button)\" [ngStyle]=\"getButtonStyles(button)\">\n              @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n              @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n              <span>{{ button.label }}</span>\n            </button>\n          }\n          @case ('fab') {\n            <button mat-fab [type]=\"button.type || 'button'\" [color]=\"getMatColor(button)\" [disabled]=\"isActionButtonDisabled(button)\" [attr.aria-busy]=\"button.loading ? 'true' : null\" [matTooltip]=\"button.tooltip\" (click)=\"onActionButtonClick(button, $event)\" [attr.aria-label]=\"button.label\" [ngClass]=\"getButtonNgClass(button)\" [ngStyle]=\"getButtonStyles(button)\">\n              @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n              @if (button.icon && !button.loading) { <mat-icon aria-hidden=\"true\">{{ button.icon }}</mat-icon> }\n              <span>{{ button.label }}</span>\n            </button>\n          }\n          @default {\n            <button mat-raised-button [type]=\"button.type || 'button'\" [color]=\"getMatColor(button)\" [disabled]=\"isActionButtonDisabled(button)\" [attr.aria-busy]=\"button.loading ? 'true' : null\" [matTooltip]=\"button.tooltip\" (click)=\"onActionButtonClick(button, $event)\" [attr.aria-label]=\"button.label\" [ngClass]=\"getButtonNgClass(button)\" [ngStyle]=\"getButtonStyles(button)\">\n              @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n              @if (button.icon && !button.loading) { <mat-icon aria-hidden=\"true\">{{ button.icon }}</mat-icon> }\n              <span>{{ button.label }}</span>\n            </button>\n          }\n        }\n      }\n      @if (getCollapsedButtons().length > 0) {\n        <button\n          mat-icon-button\n          [matMenuTriggerFor]=\"actionsMenu\"\n          aria-label=\"More actions\"\n        >\n          <mat-icon>more_vert</mat-icon>\n        </button>\n        <mat-menu #actionsMenu=\"matMenu\">\n          @for (button of getCollapsedButtons(); track button.id) {\n            <button\n              mat-menu-item\n              (click)=\"onActionButtonClick(button, $event)\"\n              [disabled]=\"isActionButtonDisabled(button)\"\n              [ngClass]=\"getButtonNgClass(button)\"\n              [ngStyle]=\"getButtonStyles(button)\"\n            >\n              @if (button.icon) { <mat-icon [praxisIcon]=\"button.icon\"></mat-icon> }\n              <span>{{ button.label }}</span>\n            </button>\n          }\n        </mat-menu>\n      }\n    </div>\n  }\n</div>\n", styles: ["@charset \"UTF-8\";.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.1rem;z-index:1;font-family:inherit;border-radius:18px;background:var(--pfx-form-footer-surface, color-mix(in srgb, var(--md-sys-color-surface-container) 78%, var(--md-sys-color-surface-container-low) 22%));border:1px solid var(--pfx-form-footer-border, color-mix(in srgb, var(--md-sys-color-outline-variant) 76%, transparent))}.form-actions.with-divider{border-top:1px solid var(--pfx-form-footer-border, color-mix(in srgb, var(--md-sys-color-outline-variant) 76%, transparent))}.form-actions.editorial-visual-context{font-family:var(--editorial-body-font-family, inherit)}.form-actions.editorial-visual-context.with-divider{border-top:var(--editorial-card-border-width, 1px) solid color-mix(in srgb,var(--editorial-border-color, var(--md-sys-color-outline-variant)) 72%,transparent)}.form-actions.sticky{position:sticky;bottom:0}.form-actions.position-left{justify-content:flex-start}.form-actions.position-center{justify-content:center}.form-actions.position-right{justify-content:flex-end}.form-actions.position-justified,.form-actions.position-split{justify-content:space-between}.form-actions.orientation-vertical .desktop-actions{display:flex;flex-direction:column}.form-actions.orientation-horizontal .desktop-actions{display:flex;flex-direction:row}.form-actions.spacing-compact{gap:.25rem}.form-actions.spacing-normal{gap:.5rem}.form-actions.spacing-spacious{gap:1rem}.form-actions.spacing-compact .desktop-actions{gap:.25rem}.form-actions.spacing-normal .desktop-actions{gap:.5rem}.form-actions.spacing-spacious .desktop-actions{gap:1rem}.form-actions.loading{pointer-events:none;opacity:.7}.mobile-actions{display:none}.desktop-actions{display:flex;flex-wrap:wrap;gap:.5rem}.form-actions.position-split .desktop-actions{width:100%;justify-content:space-between;align-items:center}.desktop-actions-group{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.desktop-actions-group.primary-group{justify-content:flex-end}.desktop-actions-group.secondary-group{opacity:.94}.form-actions .mdc-button{letter-spacing:.01em;border-radius:999px}.form-actions.editorial-visual-context .mdc-button{border-radius:var(--editorial-button-radius, 999px);font-family:var(--editorial-body-font-family, inherit)}.form-actions .mdc-button.size-small{min-height:36px;padding-inline:12px;font-size:.82rem}.form-actions .mdc-button.size-medium{min-height:44px;padding-inline:18px}.form-actions .mdc-button.size-large{min-height:50px;padding-inline:24px;font-size:.98rem}.form-actions .mat-mdc-raised-button,.form-actions .mat-mdc-unelevated-button{box-shadow:none}.form-actions .mat-mdc-raised-button:not([disabled]),.form-actions .mat-mdc-unelevated-button:not([disabled]){--mdc-protected-button-container-color: var(--md-sys-color-primary);--mdc-protected-button-label-text-color: var(--md-sys-color-on-primary);--mdc-filled-button-container-color: var(--md-sys-color-primary);--mdc-filled-button-label-text-color: var(--md-sys-color-on-primary)}.form-actions .mat-mdc-raised-button[disabled],.form-actions .mat-mdc-unelevated-button[disabled]{opacity:.55}.form-actions .mat-mdc-outlined-button,.form-actions .mat-mdc-button-base.mat-mdc-outlined-button{background:transparent}.form-actions.editorial-visual-context .mat-mdc-raised-button,.form-actions.editorial-visual-context .mat-mdc-unelevated-button{--mdc-protected-button-container-color: var(--editorial-cta-primary, var(--md-sys-color-primary));--mdc-protected-button-label-text-color: var(--editorial-cta-primary-text, var(--md-sys-color-on-primary));--mdc-filled-button-container-color: var(--editorial-cta-primary, var(--md-sys-color-primary));--mdc-filled-button-label-text-color: var(--editorial-cta-primary-text, var(--md-sys-color-on-primary));box-shadow:var(--editorial-floating-shadow, var(--editorial-card-shadow, none))}.form-actions.editorial-visual-context .mat-mdc-outlined-button{--mdc-outlined-button-outline-color: var(--editorial-border-color, var(--md-sys-color-outline-variant));--mdc-outlined-button-label-text-color: var( --editorial-cta-secondary-text, var(--editorial-text-primary, var(--md-sys-color-on-surface)) );background:color-mix(in srgb,var(--editorial-cta-secondary, var(--editorial-surface-secondary, var(--md-sys-color-surface-container-low))) 72%,transparent)}.form-actions.editorial-visual-context .mat-mdc-outlined-button.tone-primary,.form-actions.editorial-visual-context .mat-mdc-outlined-button.tone-accent{--mdc-outlined-button-label-text-color: var(--editorial-cta-primary, var(--md-sys-color-primary));background:transparent}.form-actions button .mat-icon{font-size:20px;width:20px;height:20px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.form-actions button .mat-icon+span{margin-left:8px}@media(max-width:768px){.form-actions{padding:.9rem;border-radius:16px}.form-actions.mobile-menu-active .desktop-actions{display:none}.form-actions.mobile-menu-active .mobile-actions{display:flex;align-items:center;gap:.5rem}}\n"] }]
+                    ], providers: [providePraxisI18nConfig(PRAXIS_DYNAMIC_FORM_I18N_CONFIG)], template: "<div\n  class=\"form-actions\"\n  [ngClass]=\"viewClassMap\"\n  [ngStyle]=\"actions?.containerStyles\"\n>\n  @if (submitError) {\n    <div class=\"alert alert--error\" role=\"alert\" aria-live=\"polite\">\n      <mat-icon class=\"alert__icon\" aria-hidden=\"true\">error_outline</mat-icon>\n      <div>\n        <h4 class=\"alert__title\">Erro ao salvar</h4>\n        <p class=\"alert__text\">{{ submitError }}</p>\n      </div>\n    </div>\n  }\n  @if (shouldShowInvalidSubmitHint()) {\n    <div class=\"form-actions__hint\" role=\"status\" aria-live=\"polite\">\n      <mat-icon class=\"form-actions__hint-icon\" aria-hidden=\"true\">info</mat-icon>\n      <span>{{ getInvalidSubmitHint() }}</span>\n    </div>\n  }\n  <div class=\"desktop-actions\">\n    @if (isSplitLayout()) {\n      <div class=\"desktop-actions-group secondary-group\">\n        @for (button of getSecondaryButtons(); track button.id) {\n          @if (button.visible) {\n            @switch (button.variant || 'raised') {\n              @case ('stroked') {\n                <button mat-stroked-button\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n              @case ('flat') {\n                <button mat-flat-button\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n              @case ('fab') {\n                <button mat-fab\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n              @default {\n                <button mat-raised-button\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n            }\n          }\n        }\n      </div>\n      <div class=\"desktop-actions-group primary-group\">\n        @for (button of getPrimaryButtons(); track button.id) {\n          @if (button.visible) {\n            @switch (button.variant || 'raised') {\n              @case ('stroked') {\n                <button mat-stroked-button\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n              @case ('flat') {\n                <button mat-flat-button\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n              @case ('fab') {\n                <button mat-fab\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n              @default {\n                <button mat-raised-button\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n            }\n          }\n        }\n      </div>\n    } @else {\n      @for (button of getActionButtons(); track button.id) {\n        @if (button.visible) {\n          @switch (button.variant || 'raised') {\n            @case ('stroked') {\n              <button mat-stroked-button\n                [type]=\"button.type || 'button'\"\n                [color]=\"getMatColor(button)\"\n                [disabled]=\"isActionButtonDisabled(button)\"\n                [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                [matTooltip]=\"button.tooltip\"\n                (click)=\"onActionButtonClick(button, $event)\"\n                [ngClass]=\"getButtonNgClass(button)\"\n                [ngStyle]=\"getButtonStyles(button)\">\n                @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                <span>{{ button.label }}</span>\n              </button>\n            }\n            @case ('flat') {\n              <button mat-flat-button\n                [type]=\"button.type || 'button'\"\n                [color]=\"getMatColor(button)\"\n                [disabled]=\"isActionButtonDisabled(button)\"\n                [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                [matTooltip]=\"button.tooltip\"\n                (click)=\"onActionButtonClick(button, $event)\"\n                [ngClass]=\"getButtonNgClass(button)\"\n                [ngStyle]=\"getButtonStyles(button)\">\n                @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                <span>{{ button.label }}</span>\n              </button>\n            }\n            @case ('fab') {\n              <button mat-fab\n                [type]=\"button.type || 'button'\"\n                [color]=\"getMatColor(button)\"\n                [disabled]=\"isActionButtonDisabled(button)\"\n                [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                [matTooltip]=\"button.tooltip\"\n                (click)=\"onActionButtonClick(button, $event)\"\n                [ngClass]=\"getButtonNgClass(button)\"\n                [ngStyle]=\"getButtonStyles(button)\">\n                @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                <span>{{ button.label }}</span>\n              </button>\n            }\n            @default {\n              <button mat-raised-button\n                [type]=\"button.type || 'button'\"\n                [color]=\"getMatColor(button)\"\n                [disabled]=\"isActionButtonDisabled(button)\"\n                [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                [matTooltip]=\"button.tooltip\"\n                (click)=\"onActionButtonClick(button, $event)\"\n                [ngClass]=\"getButtonNgClass(button)\"\n                [ngStyle]=\"getButtonStyles(button)\">\n                @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                <span>{{ button.label }}</span>\n              </button>\n            }\n          }\n        }\n      }\n    }\n  </div>\n  @if (actions?.mobile?.collapseToMenu) {\n    <div class=\"mobile-actions\">\n      @for (button of getVisibleButtons(); track button.id) {\n        @switch (button.variant || 'raised') {\n          @case ('stroked') {\n            <button mat-stroked-button [type]=\"button.type || 'button'\" [color]=\"getMatColor(button)\" [disabled]=\"isActionButtonDisabled(button)\" [attr.aria-busy]=\"button.loading ? 'true' : null\" [matTooltip]=\"button.tooltip\" (click)=\"onActionButtonClick(button, $event)\" [attr.aria-label]=\"button.label\" [ngClass]=\"getButtonNgClass(button)\" [ngStyle]=\"getButtonStyles(button)\">\n              @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n              @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n              <span>{{ button.label }}</span>\n            </button>\n          }\n          @case ('flat') {\n            <button mat-flat-button [type]=\"button.type || 'button'\" [color]=\"getMatColor(button)\" [disabled]=\"isActionButtonDisabled(button)\" [attr.aria-busy]=\"button.loading ? 'true' : null\" [matTooltip]=\"button.tooltip\" (click)=\"onActionButtonClick(button, $event)\" [attr.aria-label]=\"button.label\" [ngClass]=\"getButtonNgClass(button)\" [ngStyle]=\"getButtonStyles(button)\">\n              @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n              @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n              <span>{{ button.label }}</span>\n            </button>\n          }\n          @case ('fab') {\n            <button mat-fab [type]=\"button.type || 'button'\" [color]=\"getMatColor(button)\" [disabled]=\"isActionButtonDisabled(button)\" [attr.aria-busy]=\"button.loading ? 'true' : null\" [matTooltip]=\"button.tooltip\" (click)=\"onActionButtonClick(button, $event)\" [attr.aria-label]=\"button.label\" [ngClass]=\"getButtonNgClass(button)\" [ngStyle]=\"getButtonStyles(button)\">\n              @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n              @if (button.icon && !button.loading) { <mat-icon aria-hidden=\"true\">{{ button.icon }}</mat-icon> }\n              <span>{{ button.label }}</span>\n            </button>\n          }\n          @default {\n            <button mat-raised-button [type]=\"button.type || 'button'\" [color]=\"getMatColor(button)\" [disabled]=\"isActionButtonDisabled(button)\" [attr.aria-busy]=\"button.loading ? 'true' : null\" [matTooltip]=\"button.tooltip\" (click)=\"onActionButtonClick(button, $event)\" [attr.aria-label]=\"button.label\" [ngClass]=\"getButtonNgClass(button)\" [ngStyle]=\"getButtonStyles(button)\">\n              @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n              @if (button.icon && !button.loading) { <mat-icon aria-hidden=\"true\">{{ button.icon }}</mat-icon> }\n              <span>{{ button.label }}</span>\n            </button>\n          }\n        }\n      }\n      @if (getCollapsedButtons().length > 0) {\n        <button\n          mat-icon-button\n          [matMenuTriggerFor]=\"actionsMenu\"\n          aria-label=\"More actions\"\n        >\n          <mat-icon>more_vert</mat-icon>\n        </button>\n        <mat-menu #actionsMenu=\"matMenu\">\n          @for (button of getCollapsedButtons(); track button.id) {\n            <button\n              mat-menu-item\n              (click)=\"onActionButtonClick(button, $event)\"\n              [disabled]=\"isActionButtonDisabled(button)\"\n              [ngClass]=\"getButtonNgClass(button)\"\n              [ngStyle]=\"getButtonStyles(button)\"\n            >\n              @if (button.icon) { <mat-icon [praxisIcon]=\"button.icon\"></mat-icon> }\n              <span>{{ button.label }}</span>\n            </button>\n          }\n        </mat-menu>\n      }\n    </div>\n  }\n</div>\n", styles: ["@charset \"UTF-8\";.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.1rem;z-index:1;font-family:inherit;border-radius:18px;background:var(--pfx-form-footer-surface, color-mix(in srgb, var(--md-sys-color-surface-container) 78%, var(--md-sys-color-surface-container-low) 22%));border:1px solid var(--pfx-form-footer-border, color-mix(in srgb, var(--md-sys-color-outline-variant) 76%, transparent))}.form-actions.with-divider{border-top:1px solid var(--pfx-form-footer-border, color-mix(in srgb, var(--md-sys-color-outline-variant) 76%, transparent))}.form-actions.editorial-visual-context{font-family:var(--editorial-body-font-family, inherit)}.form-actions.editorial-visual-context.with-divider{border-top:var(--editorial-card-border-width, 1px) solid color-mix(in srgb,var(--editorial-border-color, var(--md-sys-color-outline-variant)) 72%,transparent)}.form-actions.sticky{position:sticky;bottom:0}.form-actions.position-left{justify-content:flex-start}.form-actions.position-center{justify-content:center}.form-actions.position-right{justify-content:flex-end}.form-actions.position-justified,.form-actions.position-split{justify-content:space-between}.form-actions.orientation-vertical .desktop-actions{display:flex;flex-direction:column}.form-actions.orientation-horizontal .desktop-actions{display:flex;flex-direction:row}.form-actions.spacing-compact{gap:.25rem}.form-actions.spacing-normal{gap:.5rem}.form-actions.spacing-spacious{gap:1rem}.form-actions.spacing-compact .desktop-actions{gap:.25rem}.form-actions.spacing-normal .desktop-actions{gap:.5rem}.form-actions.spacing-spacious .desktop-actions{gap:1rem}.form-actions.loading{pointer-events:none;opacity:.7}.mobile-actions{display:none}.desktop-actions{display:flex;flex-wrap:wrap;gap:.5rem}.form-actions__hint{display:inline-flex;align-items:center;gap:.45rem;max-width:min(100%,32rem);padding:.5rem .65rem;border-radius:8px;font-size:.84rem;line-height:1.25;color:var(--md-sys-color-on-secondary-container);background:linear-gradient(135deg,color-mix(in srgb,var(--md-sys-color-secondary-container) 82%,transparent),color-mix(in srgb,var(--md-sys-color-tertiary-container) 44%,transparent));border:1px solid color-mix(in srgb,var(--md-sys-color-secondary) 22%,transparent)}.form-actions__hint-icon{flex:0 0 auto;font-size:18px;width:18px;height:18px;line-height:18px}.form-actions.position-split .desktop-actions{width:100%;justify-content:space-between;align-items:center}.desktop-actions-group{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.desktop-actions-group.primary-group{justify-content:flex-end}.desktop-actions-group.secondary-group{opacity:.94}.form-actions .mdc-button{letter-spacing:.01em;border-radius:999px}.form-actions.editorial-visual-context .mdc-button{border-radius:var(--editorial-button-radius, 999px);font-family:var(--editorial-body-font-family, inherit)}.form-actions .mdc-button.size-small{min-height:36px;padding-inline:12px;font-size:.82rem}.form-actions .mdc-button.size-medium{min-height:44px;padding-inline:18px}.form-actions .mdc-button.size-large{min-height:50px;padding-inline:24px;font-size:.98rem}.form-actions .mat-mdc-raised-button,.form-actions .mat-mdc-unelevated-button{box-shadow:none}.form-actions .mat-mdc-raised-button:not([disabled]),.form-actions .mat-mdc-unelevated-button:not([disabled]){--mdc-protected-button-container-color: var(--md-sys-color-primary);--mdc-protected-button-label-text-color: var(--md-sys-color-on-primary);--mdc-filled-button-container-color: var(--md-sys-color-primary);--mdc-filled-button-label-text-color: var(--md-sys-color-on-primary)}.form-actions .mat-mdc-raised-button[disabled],.form-actions .mat-mdc-unelevated-button[disabled]{opacity:.55}.form-actions .mat-mdc-outlined-button,.form-actions .mat-mdc-button-base.mat-mdc-outlined-button{background:transparent}.form-actions.editorial-visual-context .mat-mdc-raised-button,.form-actions.editorial-visual-context .mat-mdc-unelevated-button{--mdc-protected-button-container-color: var(--editorial-cta-primary, var(--md-sys-color-primary));--mdc-protected-button-label-text-color: var(--editorial-cta-primary-text, var(--md-sys-color-on-primary));--mdc-filled-button-container-color: var(--editorial-cta-primary, var(--md-sys-color-primary));--mdc-filled-button-label-text-color: var(--editorial-cta-primary-text, var(--md-sys-color-on-primary));box-shadow:var(--editorial-floating-shadow, var(--editorial-card-shadow, none))}.form-actions.editorial-visual-context .mat-mdc-outlined-button{--mdc-outlined-button-outline-color: var(--editorial-border-color, var(--md-sys-color-outline-variant));--mdc-outlined-button-label-text-color: var( --editorial-cta-secondary-text, var(--editorial-text-primary, var(--md-sys-color-on-surface)) );background:color-mix(in srgb,var(--editorial-cta-secondary, var(--editorial-surface-secondary, var(--md-sys-color-surface-container-low))) 72%,transparent)}.form-actions.editorial-visual-context .mat-mdc-outlined-button.tone-primary,.form-actions.editorial-visual-context .mat-mdc-outlined-button.tone-accent{--mdc-outlined-button-label-text-color: var(--editorial-cta-primary, var(--md-sys-color-primary));background:transparent}.form-actions button .mat-icon{font-size:20px;width:20px;height:20px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.form-actions button .mat-icon+span{margin-left:8px}@media(max-width:768px){.form-actions{padding:.9rem;border-radius:16px}.form-actions.mobile-menu-active .desktop-actions{display:none}.form-actions.mobile-menu-active .mobile-actions{display:flex;align-items:center;gap:.5rem}}\n"] }]
         }], ctorParameters: () => [{ type: i1.KeyboardShortcutService }], propDecorators: { actions: [{
                 type: Input
             }], editorialVisualContext: [{
@@ -671,6 +908,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 type: Input
             }], submitError: [{
                 type: Input
+            }], invalidRequiredFieldLabels: [{
+                type: Input
             }], formId: [{
                 type: Input
             }], actionOverrides: [{
@@ -3633,20 +3872,6 @@ function deepEqual(left, right) {
         JSON.stringify(stripUndefinedDeep(cloneJson(right)));
 }
 
-const PRAXIS_DYNAMIC_FORM_I18N_NAMESPACE = 'praxisDynamicForm';
-const PRAXIS_DYNAMIC_FORM_I18N_CONFIG = {
-    namespaces: {
-        [PRAXIS_DYNAMIC_FORM_I18N_NAMESPACE]: {
-            'pt-BR': {
-                'settings.title': 'Configuração do Formulário',
-            },
-            'en-US': {
-                'settings.title': 'Form Configuration',
-            },
-        },
-    },
-};
-
 class FormLayoutService {
     storage;
     constructor(storage) {
@@ -5052,6 +5277,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
             args: [{ providedIn: 'root' }]
         }] });
 
+const FORM_CONFIG_LOAD_TIMEOUT_MS = 1200;
+const FORM_INPUT_PREFS_LOAD_TIMEOUT_MS = 1200;
+const SCHEMA_GLOBAL_CONFIG_READY_TIMEOUT_MS = 1200;
 const PRAXIS_DYNAMIC_FORM_FALLBACK_LOGGER = new LoggerService(createCorporateLoggerConfig('dev'), [new ConsoleLoggerSink()]);
 class PraxisDynamicForm {
     crud;
@@ -5086,6 +5314,11 @@ class PraxisDynamicForm {
     i18n = inject(PraxisI18nService);
     DEBUG = typeof window !== 'undefined' &&
         Boolean(window['__PRAXIS_DEBUG__']);
+    effectiveActionsCache;
+    effectiveActionsCacheBase;
+    effectiveActionsCacheOverride;
+    invalidRequiredFieldLabelsCache = [];
+    invalidRequiredFieldLabelsSignature = '';
     resourcePath;
     resourceId;
     initialValue;
@@ -5097,6 +5330,8 @@ class PraxisDynamicForm {
     editorialContext = null;
     mode = 'create';
     config = { sections: [] };
+    /** Optional host-level overrides for the rendered form action bar. */
+    actions;
     /**
      * Fonte de schema para construir o formulário.
      * 'resource' (padrão) usa o schema do recurso (/{resource}/schemas -> .../all response)
@@ -5177,6 +5412,47 @@ class PraxisDynamicForm {
     get effectiveFormIsValid() {
         return !this.entityHydrationPending && this.form.valid;
     }
+    get invalidRequiredFieldLabels() {
+        const signatureParts = [];
+        const labels = [];
+        const fieldMetadata = this.config?.fieldMetadata || [];
+        for (const field of fieldMetadata) {
+            if (!field?.name || this.fieldVisibility[field.name] === false) {
+                continue;
+            }
+            const control = this.form.get(field.name);
+            if (!control || !control.invalid) {
+                continue;
+            }
+            const isRequired = control.hasError('required') ||
+                control.hasError('requiredTrue') ||
+                field.required === true ||
+                field.validators?.required === true ||
+                field.requiredTrue === true ||
+                field.validators?.requiredTrue === true;
+            signatureParts.push([
+                field.name,
+                control.status,
+                isRequired ? 'required' : 'optional',
+                control.touched ? 'touched' : 'untouched',
+                control.dirty ? 'dirty' : 'pristine',
+                String(control.value ?? ''),
+            ].join(':'));
+            if (isRequired) {
+                labels.push(this.resolveFieldLabel(field));
+            }
+            if (labels.length >= 3) {
+                break;
+            }
+        }
+        const signature = signatureParts.join('|');
+        if (signature === this.invalidRequiredFieldLabelsSignature) {
+            return this.invalidRequiredFieldLabelsCache;
+        }
+        this.invalidRequiredFieldLabelsSignature = signature;
+        this.invalidRequiredFieldLabelsCache = labels;
+        return this.invalidRequiredFieldLabelsCache;
+    }
     /** Value propagated to DynamicFieldLoader; null allows per-field metadata */
     get presentationForLoader() {
         return this.mode === 'view'
@@ -5248,6 +5524,12 @@ class PraxisDynamicForm {
     currentDnD;
     // Cache to provide referential stability for [fields] binding (avoids re-renders)
     columnFieldsCache = new Map();
+    rowClassesCache = new Map();
+    rowStylesCache = new Map();
+    sectionClassesCache = new Map();
+    sectionStylesCache = new Map();
+    columnClassesCache = new Map();
+    columnStylesCache = new Map();
     // De-duplication guard for field metadata patches (avoid repeated apply/save/bridge)
     lastFieldPatchSig = new Map();
     lastFieldPatchAt = new Map();
@@ -5290,7 +5572,42 @@ class PraxisDynamicForm {
         return (this.config?.formBlocksBeforeActionsPlacement || 'afterSections');
     }
     get actionPlacement() {
-        return (this.config.actions?.placement || 'afterSections');
+        return (this.effectiveActions?.placement || 'afterSections');
+    }
+    get effectiveActions() {
+        const base = this.config?.actions;
+        const override = this.actions;
+        if (!override) {
+            this.effectiveActionsCache = undefined;
+            this.effectiveActionsCacheBase = undefined;
+            this.effectiveActionsCacheOverride = undefined;
+            return base;
+        }
+        if (this.effectiveActionsCache !== undefined &&
+            this.effectiveActionsCacheBase === base &&
+            this.effectiveActionsCacheOverride === override) {
+            return this.effectiveActionsCache;
+        }
+        this.effectiveActionsCache = {
+            ...base,
+            ...override,
+            submit: {
+                ...base?.submit,
+                ...override.submit,
+            },
+            cancel: {
+                ...base?.cancel,
+                ...override.cancel,
+            },
+            reset: {
+                ...base?.reset,
+                ...override.reset,
+            },
+            custom: override.custom ?? base?.custom,
+        };
+        this.effectiveActionsCacheBase = base;
+        this.effectiveActionsCacheOverride = override;
+        return this.effectiveActionsCache;
     }
     /**
      * Precedence for editorial rich-content interpolation:
@@ -5856,14 +6173,20 @@ class PraxisDynamicForm {
             return;
         if (this.isInitialized || this.isLoading)
             return;
-        if (this.formId && this.resourcePath) {
+        if (this.formId && this.hasSchemaBackedRuntime()) {
             void this.initializeForm();
             return;
         }
-        if (!this.resourcePath && this.hasRenderableConfig()) {
+        if (!this.hasSchemaBackedRuntime() && this.hasRenderableConfig()) {
             this.initializeStandaloneConfig();
         }
     }
+    hasExplicitSchemaUrl() {
+        return String(this.schemaUrl || '').trim().length > 0;
+    }
+    hasSchemaBackedRuntime() {
+        return !!this.resourcePath || this.hasExplicitSchemaUrl();
+    }
     hasRenderableConfig(config = this.config) {
         return ((config?.sections?.length ?? 0) > 0 ||
             (config?.fieldMetadata?.length ?? 0) > 0 ||
@@ -5891,7 +6214,7 @@ class PraxisDynamicForm {
         this.cdr.detectChanges();
     }
     reloadForModeChange() {
-        if (!this.inputsLoaded || !this.formId || !this.resourcePath)
+        if (!this.inputsLoaded || !this.formId || !this.hasSchemaBackedRuntime())
             return;
         if (this.isLoading)
             return;
@@ -5928,6 +6251,21 @@ class PraxisDynamicForm {
         try {
             const inputsKey = this.formInputsKey();
             if (inputsKey) {
+                let inputsLoadSettled = false;
+                let inputsLoadTimeout = null;
+                const finishInputsLoad = () => {
+                    if (inputsLoadSettled) {
+                        return;
+                    }
+                    inputsLoadSettled = true;
+                    if (inputsLoadTimeout) {
+                        clearTimeout(inputsLoadTimeout);
+                        inputsLoadTimeout = null;
+                    }
+                    this.inputsLoaded = true;
+                    this.tryInitializeForm();
+                };
+                inputsLoadTimeout = setTimeout(finishInputsLoad, FORM_INPUT_PREFS_LOAD_TIMEOUT_MS);
                 this.asyncConfigStorage.loadConfig(inputsKey).pipe(take(1)).subscribe({
                     next: (inputsPref) => {
                         if (inputsPref && typeof inputsPref === 'object') {
@@ -5937,14 +6275,8 @@ class PraxisDynamicForm {
                             }
                         }
                     },
-                    error: () => {
-                        this.inputsLoaded = true;
-                        this.tryInitializeForm();
-                    },
-                    complete: () => {
-                        this.inputsLoaded = true;
-                        this.tryInitializeForm();
-                    },
+                    error: finishInputsLoad,
+                    complete: finishInputsLoad,
                 });
             }
             else {
@@ -5999,7 +6331,7 @@ class PraxisDynamicForm {
         });
         // Initialize form based on the new flow
         if (this.formId &&
-            this.resourcePath &&
+            this.hasSchemaBackedRuntime() &&
             !this.isInitialized &&
             !this.isLoading) {
             this.tryInitializeForm();
@@ -6059,7 +6391,7 @@ class PraxisDynamicForm {
             this.debugLog('[PDF] ngOnChanges schemaUrl=', this.schemaUrl);
             this.schemaCache = null;
             this.lastSchemaMeta = undefined;
-            if (this.formId && this.resourcePath && !this.isLoading) {
+            if (this.formId && this.hasSchemaBackedRuntime() && !this.isLoading) {
                 this.retryInitialization();
             }
         }
@@ -6078,7 +6410,9 @@ class PraxisDynamicForm {
                         || (this.config?.fieldMetadata?.length ?? 0) > 0;
                     if (hasRenderableConfig) {
                         // External config updates must rebuild even when a resourcePath exists.
-                        shouldRebuildFromExternalConfig = !this.isLoading;
+                        const shouldDeferToSchemaInitialization = this.hasSchemaBackedRuntime() && !!this.formId && !this.isInitialized;
+                        shouldRebuildFromExternalConfig =
+                            !this.isLoading && !shouldDeferToSchemaInitialization;
                     }
                 }
                 else {
@@ -6097,7 +6431,7 @@ class PraxisDynamicForm {
                 this.initializationStatus = 'success';
             }
             // On external config changes, if we have base and resourcePath configured, verify in background
-            if (this.resourcePath &&
+            if (this.hasSchemaBackedRuntime() &&
                 (this.config?.sections?.length ?? 0) > 0 &&
                 this.formId &&
                 (externalConfigChanged || !!changes['presentationModeGlobal'])) {
@@ -6159,8 +6493,8 @@ class PraxisDynamicForm {
             return;
         }
         // Validação obrigatória para cenários corporativos
-        if (!this.resourcePath || !this.formId) {
-            const error = new Error(`Form initialization failed: ${!this.formId ? 'formId' : 'resourcePath'} is required for corporate form management`);
+        if (!this.formId || !this.hasSchemaBackedRuntime()) {
+            const error = new Error(`Form initialization failed: ${!this.formId ? 'formId' : 'resourcePath or schemaUrl'} is required for corporate form management`);
             this.handleInitializationError('config-load', error, {
                 formId: this.formId,
                 resourcePath: this.resourcePath,
@@ -6180,16 +6514,23 @@ class PraxisDynamicForm {
                 this.warnMissingId();
                 return;
             }
-            let localConfig = await firstValueFrom(this.asyncConfigStorage.loadConfig(configKey)).catch(() => null);
+            let localConfig = await this.loadConfigFailOpen(configKey);
             this.debugLog('[PDF] initializeForm:flow', localConfig ? 'LOCAL_CONFIG' : 'SERVER_DEFAULT');
             if (localConfig) {
-                // Flow 1: Has local config - load it and verify-only with server (ETag)
+                // Flow 1: Has local config - load it, then refresh
+                // server-authoritative field semantics from the current schema.
                 this.debugLog('🔄 Loading saved form configuration');
-                this.config = localConfig;
+                this.config = normalizeFormConfig$1(localConfig);
+                await this.reconcileLoadedConfigWithServerSchema();
                 this.emitLoadingState('config', 'success', 'Configuração carregada.');
-                // Verify server schema version in background (do not apply body here)
+                // Verify server schema version in background for outdated UX metadata.
                 this.verifyServerSchemaVersion().catch(() => { });
             }
+            else if (this.hasRenderableConfig()) {
+                // Flow 2: Host-provided config - reconcile local layout/fields with the server schema.
+                this.debugLog('Creating form configuration from host config and server schema');
+                await this.createConfigFromHostConfig();
+            }
             else {
                 // Flow 2: No local config - create default from server
                 this.debugLog('🆕 Creating new form configuration from server');
@@ -6217,7 +6558,7 @@ class PraxisDynamicForm {
             this.errorLog('[PDF] initializeForm:error', error);
             const key = this.formConfigKey();
             const hasLocalConfig = key
-                ? (await firstValueFrom(this.asyncConfigStorage.loadConfig(key)).catch(() => null)) !== null
+                ? (await this.loadConfigFailOpen(key)) !== null
                 : false;
             this.handleInitializationError('form-build', error, {
                 formId: this.formId,
@@ -6258,6 +6599,17 @@ class PraxisDynamicForm {
         }
         catch { }
     }
+    loadConfigFailOpen(key) {
+        return firstValueFrom(this.asyncConfigStorage
+            .loadConfig(key)
+            .pipe(timeout(FORM_CONFIG_LOAD_TIMEOUT_MS))).catch(() => null);
+    }
+    resolveFieldLabel(field) {
+        const label = String(field?.label || '').trim();
+        if (label)
+            return label;
+        return String(field.name || '').replace(/([a-z])([A-Z])/g, '$1 $2');
+    }
     getErrorMessage(stage, error) {
         const messages = {
             'config-load': !this.formId
@@ -6330,6 +6682,65 @@ class PraxisDynamicForm {
             throw error; // Re-throw to stop initialization
         }
     }
+    async createConfigFromHostConfig() {
+        try {
+            const serverDefs = await this.getSchemaWithCache();
+            if (!serverDefs || serverDefs.length === 0) {
+                throw new Error('No field metadata received from server');
+            }
+            const hostConfig = normalizeFormConfig$1(this.config);
+            this.config = normalizeFormConfig$1(reconcileFormConfig(hostConfig, serverDefs));
+            if (this.schemaRootHooks) {
+                this.config.hooks = this.schemaRootHooks;
+            }
+            const configKey = this.formConfigKey();
+            if (!this.config.metadata)
+                this.config.metadata = {};
+            if (this.lastSchemaMeta) {
+                this.config.metadata.schemaId = this.lastSchemaMeta.schemaId;
+                this.config.metadata.serverHash = this.lastSchemaMeta.serverHash;
+                this.config.metadata.schemaContext = this.lastSchemaMeta.context;
+            }
+            this.persistFormConfig(configKey, this.config);
+            this.columnFieldsCache.clear();
+        }
+        catch (error) {
+            this.handleInitializationError('schema-fetch', error, {
+                formId: this.formId,
+                resourcePath: this.resourcePath,
+                hasLocalConfig: false,
+            });
+            throw error;
+        }
+    }
+    async reconcileLoadedConfigWithServerSchema() {
+        try {
+            const serverDefs = await this.getSchemaWithCache();
+            if (!serverDefs || serverDefs.length === 0) {
+                return;
+            }
+            const before = JSON.stringify(this.config);
+            this.config = normalizeFormConfig$1(reconcileFormConfig(this.config, serverDefs));
+            if (this.schemaRootHooks) {
+                this.config.hooks = this.schemaRootHooks;
+            }
+            if (!this.config.metadata)
+                this.config.metadata = {};
+            if (this.lastSchemaMeta) {
+                this.config.metadata.schemaId = this.lastSchemaMeta.schemaId;
+                this.config.metadata.serverHash = this.lastSchemaMeta.serverHash;
+                this.config.metadata.schemaContext = this.lastSchemaMeta.context;
+            }
+            const after = JSON.stringify(this.config);
+            if (before !== after) {
+                this.persistFormConfig(this.formConfigKey(), this.config);
+                this.columnFieldsCache.clear();
+            }
+        }
+        catch (error) {
+            this.warnLog('[PraxisDynamicForm] Failed to reconcile saved form configuration with server schema', error);
+        }
+    }
     async syncWithServer() {
         // Deprecated by verify-only flow; keeping for manual reconcile paths
         try {
@@ -6439,7 +6850,7 @@ class PraxisDynamicForm {
             this.restoreFormRuntimeState(previousState, options);
             // Inicializar visibilidade padrão por campo
             for (const field of fieldMetadata) {
-                this.fieldVisibility[field.name] = true;
+                this.fieldVisibility[field.name] = this.resolveFieldVisibility(field);
             }
             // Contexto de regras
             this.contextService.setAvailableFields(fieldMetadata);
@@ -6533,9 +6944,7 @@ class PraxisDynamicForm {
         if (!this.form || !Object.keys(this.form.controls || {}).length) {
             return null;
         }
-        const dirtyFields = Object.entries(this.form.controls)
-            .filter(([, control]) => control.dirty)
-            .map(([fieldName]) => fieldName);
+        const dirtyFields = this.getDirtyFieldNames();
         const touchedFields = Object.entries(this.form.controls)
             .filter(([, control]) => control.touched)
             .map(([fieldName]) => fieldName);
@@ -6546,6 +6955,39 @@ class PraxisDynamicForm {
             context: this.buildCurrentFormRuntimeContext(),
         };
     }
+    getDirtyFieldNames() {
+        const dirtyFields = new Set();
+        for (const [fieldName, control] of Object.entries(this.form.controls)) {
+            if (control.dirty) {
+                dirtyFields.add(fieldName);
+            }
+            this.collectDirtyFieldNames(control, fieldName, dirtyFields);
+        }
+        return Array.from(dirtyFields);
+    }
+    collectDirtyFieldNames(control, path, dirtyFields) {
+        const childControls = control.controls;
+        if (!childControls) {
+            return;
+        }
+        if (Array.isArray(childControls)) {
+            childControls.forEach((childControl, index) => {
+                const childPath = `${path}.${index}`;
+                if (childControl.dirty) {
+                    dirtyFields.add(childPath);
+                }
+                this.collectDirtyFieldNames(childControl, childPath, dirtyFields);
+            });
+            return;
+        }
+        for (const [childName, childControl] of Object.entries(childControls)) {
+            const childPath = `${path}.${childName}`;
+            if (childControl.dirty) {
+                dirtyFields.add(childPath);
+            }
+            this.collectDirtyFieldNames(childControl, childPath, dirtyFields);
+        }
+    }
     buildCurrentFormRuntimeContext() {
         const resourcePath = (this.resourcePath || '').trim();
         return {
@@ -6778,7 +7220,7 @@ class PraxisDynamicForm {
             const readonlyOverride = overrides.readonly !== undefined ? overrides.readonly : overrides.readOnly;
             const disabledOverride = overrides.disabled;
             const meta = fieldByName.get(field.name);
-            const isVisible = this.resolveRuleVisibility(overrides);
+            const isVisible = this.resolveFieldVisibility(meta || field, overrides);
             this.fieldVisibility[field.name] = isVisible;
             const baseDisabled = meta?.disabled === true || meta?.readOnly === true;
             const shouldDisable = (disabledOverride !== undefined
@@ -6861,7 +7303,16 @@ class PraxisDynamicForm {
         if (!section)
             return true;
         const props = this.getSectionRuleProps(section);
-        return this.resolveRuleVisibility(props, true);
+        if (!this.resolveRuleVisibility(props, true)) {
+            return false;
+        }
+        if (this.enableCustomization) {
+            return true;
+        }
+        if (Array.isArray(section.rows) && section.rows.length > 0) {
+            return section.rows.some((row) => this.isRowVisible(row));
+        }
+        return true;
     }
     getSectionTitle(section) {
         const props = this.getSectionRuleProps(section);
@@ -6979,6 +7430,7 @@ class PraxisDynamicForm {
         const emitAction = () => {
             this.customAction.emit({
                 actionId,
+                ...(action.globalAction ? { globalAction: action.globalAction } : {}),
                 formData: this.form.value,
                 isValid: this.form.valid,
                 source: 'section-header',
@@ -7012,7 +7464,10 @@ class PraxisDynamicForm {
         };
     }
     getSectionHeaderActionEventId(action) {
-        return action.action?.trim() || action.id.trim();
+        return (action.action?.trim() ||
+            action.id.trim() ||
+            action.globalAction?.actionId?.trim() ||
+            '');
     }
     getSectionHeaderActionRuleKeys(section, action) {
         const logicalId = this.getSectionHeaderActionEventId(action);
@@ -7033,7 +7488,20 @@ class PraxisDynamicForm {
         if (!row)
             return true;
         const props = this.getRowRuleProps(row);
-        return this.resolveRuleVisibility(props, true);
+        if (!this.resolveRuleVisibility(props, true)) {
+            return false;
+        }
+        if (this.enableCustomization) {
+            return true;
+        }
+        if (Array.isArray(row.columns) && row.columns.length > 0) {
+            const columnsWithFields = row.columns.filter((column) => Array.isArray(column.fields) && column.fields.length > 0);
+            if (columnsWithFields.length === 0) {
+                return true;
+            }
+            return row.columns.some((column) => this.isColumnVisible(column));
+        }
+        return true;
     }
     getRowGap(row) {
         const props = this.getRowRuleProps(row);
@@ -7045,15 +7513,30 @@ class PraxisDynamicForm {
     }
     getRowClasses(row) {
         const props = this.getRowRuleProps(row);
+        const key = row?.id || JSON.stringify(row?.columns?.map((column) => column.id || column.fields) || []);
+        const signature = String(props.className || '');
+        const cached = this.rowClassesCache.get(key);
+        if (cached?.signature === signature) {
+            return cached.value;
+        }
         const classes = [];
         if (props.className)
             classes.push(props.className);
+        this.rowClassesCache.set(key, { signature, value: classes });
         return classes;
     }
     getRowStyles(row) {
         const props = this.getRowRuleProps(row);
+        const key = row?.id || JSON.stringify(row?.columns?.map((column) => column.id || column.fields) || []);
+        const signature = JSON.stringify(props.style || {});
+        const cached = this.rowStylesCache.get(key);
+        if (cached?.signature === signature) {
+            return cached.value;
+        }
         const styles = { ...(props.style || {}) };
-        return Object.keys(styles).length ? styles : null;
+        const value = Object.keys(styles).length ? styles : null;
+        this.rowStylesCache.set(key, { signature, value });
+        return value;
     }
     getSectionIcon(section) {
         const props = this.getSectionRuleProps(section);
@@ -7252,6 +7735,17 @@ class PraxisDynamicForm {
         return null;
     }
     getSectionClasses(section) {
+        const key = section?.id || JSON.stringify(section?.rows?.map((row) => row.id) || []);
+        const props = this.getSectionRuleProps(section);
+        const signature = [
+            this.getSectionAppearance(section) || '',
+            section.className || '',
+            props.className || '',
+        ].join('|');
+        const cached = this.sectionClassesCache.get(key);
+        if (cached?.signature === signature) {
+            return cached.value;
+        }
         const classes = [];
         const appearance = this.getSectionAppearance(section);
         if (appearance)
@@ -7259,26 +7753,44 @@ class PraxisDynamicForm {
         const baseClass = section.className;
         if (baseClass)
             classes.push(baseClass);
-        const props = this.getSectionRuleProps(section);
         if (props.className)
             classes.push(props.className);
+        this.sectionClassesCache.set(key, { signature, value: classes });
         return classes;
     }
     getSectionStyles(section) {
         const props = this.getSectionRuleProps(section);
+        const key = section?.id || JSON.stringify(section?.rows?.map((row) => row.id) || []);
+        const signature = JSON.stringify({
+            styles: section?.styles || {},
+            ruleStyle: props.style,
+            borderColor: props.borderColor,
+            borderStyle: props.borderStyle,
+            borderWidth: props.borderWidth,
+            appearance: this.getSectionAppearance(section) || '',
+            editorial: this.isEditorialVisualContext(),
+        });
+        const cached = this.sectionStylesCache.get(key);
+        if (cached?.signature === signature) {
+            return cached.value;
+        }
         const styles = { ...(section?.styles || {}) };
         if (props.style === null) {
             // null remove overrides e estilos herdados
             this.sanitizeSectionStylesForEditorialContext(section, styles);
             this.applyBorderPropsToStyle(styles, props);
-            return Object.keys(styles).length ? styles : null;
+            const value = Object.keys(styles).length ? styles : null;
+            this.sectionStylesCache.set(key, { signature, value });
+            return value;
         }
         Object.entries(props.style || {}).forEach(([k, v]) => {
             styles[k] = v;
         });
         this.sanitizeSectionStylesForEditorialContext(section, styles);
         this.applyBorderPropsToStyle(styles, props);
-        return Object.keys(styles).length ? styles : null;
+        const value = Object.keys(styles).length ? styles : null;
+        this.sectionStylesCache.set(key, { signature, value });
+        return value;
     }
     sanitizeSectionStylesForEditorialContext(section, styles) {
         if (!this.isEditorialVisualContext()) {
@@ -7343,6 +7855,19 @@ class PraxisDynamicForm {
         }
         return fallback;
     }
+    resolveFieldVisibility(field, props) {
+        const fallback = !this.isFieldMetadataHidden(field);
+        return this.resolveRuleVisibility(props, fallback);
+    }
+    isFieldMetadataHidden(field) {
+        if (!field || typeof field !== 'object') {
+            return false;
+        }
+        if (field.visible === false) {
+            return true;
+        }
+        return field.hidden === true;
+    }
     toggleSectionCollapse(event, section) {
         event.stopPropagation();
         if (!this.isSectionCollapsible(section))
@@ -7369,30 +7894,10 @@ class PraxisDynamicForm {
         return `${rows.length} ${rowLabel}, ${fieldCount} ${fieldLabel}`;
     }
     getColumnFields(column) {
-        // Build a lightweight signature based on the ordered list of visible field names
-        // When the signature is unchanged, return the cached array reference to avoid
-        // triggering DynamicFieldLoader re-renders due to a new array instance.
         const key = column.id || JSON.stringify(column.fields);
-        const visibleNames = column.fields
-            .filter((name) => this.fieldVisibility[name] !== false)
-            .map((name) => {
-            const meta = (this.config.fieldMetadata || []).find((field) => field.name === name);
-            const overrides = this.fieldRuleProps[name] || {};
-            return `${name}:${JSON.stringify({
-                overrides,
-                meta: meta ? {
-                    disabled: meta.disabled,
-                    readonly: meta.readonly,
-                    readOnly: meta.readOnly,
-                    required: meta.required,
-                    cssClass: meta.cssClass,
-                    style: meta.style,
-                } : null,
-            })}`;
-        })
-            .join('|');
+        const signature = this.getColumnFieldsSignature(column);
         const cached = this.columnFieldsCache.get(key);
-        if (cached && cached.signature === visibleNames) {
+        if (cached?.signature === signature) {
             return cached.value;
         }
         const fieldMetadata = this.config.fieldMetadata || [];
@@ -7421,9 +7926,19 @@ class PraxisDynamicForm {
                 }
             }
         }
-        this.columnFieldsCache.set(key, { signature: visibleNames, value: ordered });
+        this.columnFieldsCache.set(key, { signature, value: ordered });
         return ordered;
     }
+    getColumnFieldsSignature(column) {
+        return column.fields
+            .map((name) => {
+            const visible = this.fieldVisibility[name] === false ? '0' : '1';
+            const overrides = this.fieldRuleProps[name];
+            const overrideState = overrides && Object.keys(overrides).length > 0 ? '1' : '0';
+            return `${name}:${visible}:${overrideState}`;
+        })
+            .join('|');
+    }
     getColumnRuleProps(column) {
         if (!column || !column.id)
             return {};
@@ -7537,6 +8052,19 @@ class PraxisDynamicForm {
     }
     getColumnClasses(column) {
         const effective = this.getEffectiveColumn(column);
+        const key = column?.id || JSON.stringify(column?.fields || []);
+        const signature = JSON.stringify({
+            span: effective.span,
+            offset: effective.offset,
+            order: effective.order,
+            hidden: effective.hidden,
+            align: effective.align,
+            className: effective.className,
+        });
+        const cached = this.columnClassesCache.get(key);
+        if (cached?.signature === signature) {
+            return cached.value;
+        }
         const classes = [
             ...this.getColumnSpanClasses(effective),
             ...this.getColumnOffsetClasses(effective),
@@ -7549,6 +8077,7 @@ class PraxisDynamicForm {
         if (effective.className) {
             classes.push(effective.className);
         }
+        this.columnClassesCache.set(key, { signature, value: classes });
         return classes;
     }
     getColumnSpanClasses(column) {
@@ -7640,8 +8169,16 @@ class PraxisDynamicForm {
     }
     getColumnStyles(column) {
         const props = this.getColumnRuleProps(column);
+        const key = column?.id || JSON.stringify(column?.fields || []);
+        const signature = JSON.stringify(props.style || {});
+        const cached = this.columnStylesCache.get(key);
+        if (cached?.signature === signature) {
+            return cached.value;
+        }
         const styles = { ...(props.style || {}) };
-        return Object.keys(styles).length ? styles : null;
+        const value = Object.keys(styles).length ? styles : null;
+        this.columnStylesCache.set(key, { signature, value });
+        return value;
     }
     _getConfirmationMessage(actionId) {
         return this._getConfirmationMessageForAliases(actionId);
@@ -7702,7 +8239,7 @@ class PraxisDynamicForm {
         }
     }
     _executeAction(button) {
-        const actionId = button.id || button.action;
+        const actionId = this.getFormActionEventId(button);
         if (!actionId)
             return;
         switch (actionId) {
@@ -7738,7 +8275,8 @@ class PraxisDynamicForm {
             default:
                 // This is a custom action
                 this.customAction.emit({
-                    actionId: actionId,
+                    actionId,
+                    ...(button.globalAction ? { globalAction: button.globalAction } : {}),
                     formData: this.form.value,
                     isValid: this.form.valid,
                     source: 'button',
@@ -7746,6 +8284,15 @@ class PraxisDynamicForm {
                 break;
         }
     }
+    getFormActionEventId(button) {
+        const id = button.id?.trim();
+        if (id === 'submit' || id === 'cancel' || id === 'reset')
+            return id;
+        return (button.action?.trim() ||
+            id ||
+            button.globalAction?.actionId?.trim() ||
+            undefined);
+    }
     async onSubmit() {
         if (this.submitting)
             return;
@@ -7822,11 +8369,15 @@ class PraxisDynamicForm {
         }
         catch { }
         // Snapshot after hooks potentially changed control values
-        const formData = normalizeSubmitPayload(this.form.getRawValue());
+        const rawFormData = this.form.getRawValue();
+        const formData = prepareSubmitPayload(rawFormData, this.config.fieldMetadata, {
+            dirtyFields: this.getDirtyFieldNames(),
+        });
         const operation = this.resolveSubmitOperation();
         this.formSubmit.emit({
             stage: 'before',
             formData,
+            rawFormData,
             isValid: true,
             operation,
             entityId: this.resourceId ?? undefined,
@@ -7861,6 +8412,7 @@ class PraxisDynamicForm {
                 this.formSubmit.emit({
                     stage: 'after',
                     formData,
+                    rawFormData,
                     isValid: true,
                     operation,
                     entityId: this.resourceId ?? undefined,
@@ -7883,7 +8435,7 @@ class PraxisDynamicForm {
                 catch { }
                 // Hooks: afterSubmit
                 try {
-                    (async () => await this.runHooks('afterSubmit', { result, formData, operation }))();
+                    (async () => await this.runHooks('afterSubmit', { result, formData, rawFormData, operation }))();
                 }
                 catch { }
                 // Comportamentos pós-salvar
@@ -7905,6 +8457,7 @@ class PraxisDynamicForm {
                 this.formSubmit.emit({
                     stage: 'error',
                     formData,
+                    rawFormData,
                     isValid: false,
                     operation,
                     entityId: this.resourceId ?? undefined,
@@ -7912,7 +8465,7 @@ class PraxisDynamicForm {
                 });
                 // Hook: onError (submit)
                 try {
-                    (async () => await this.runHooks('onError', { error, formData, operation }))();
+                    (async () => await this.runHooks('onError', { error, formData, rawFormData, operation }))();
                 }
                 catch { }
                 // Mensagens de erro configuráveis
@@ -8616,6 +9169,7 @@ class PraxisDynamicForm {
             materialDesign: fieldMeta.materialDesign,
             clearButton: fieldMeta.clearButton,
             extra: fieldMeta.extra,
+            optionSource: fieldMeta.optionSource,
             controlType,
         };
         // Seed específicos para NUMBER (numericTextBox)
@@ -9377,6 +9931,22 @@ class PraxisDynamicForm {
         });
         return out;
     }
+    mergeMetadataObjectPatch(current, patch) {
+        if (!patch || typeof patch !== 'object' || Array.isArray(patch)) {
+            return patch;
+        }
+        const base = current && typeof current === 'object' && !Array.isArray(current)
+            ? { ...current }
+            : {};
+        Object.entries(patch).forEach(([key, value]) => {
+            if (value && typeof value === 'object' && !Array.isArray(value)) {
+                base[key] = this.mergeMetadataObjectPatch(base[key], value);
+                return;
+            }
+            base[key] = value;
+        });
+        return base;
+    }
     deleteMetadataPath(target, path) {
         if (!target || typeof path !== 'string' || !path.trim())
             return;
@@ -9568,6 +10138,9 @@ class PraxisDynamicForm {
                     fm.dataAttributes = patch.dataAttributes;
                 }
             }
+            if (patch.optionSource !== undefined) {
+                fm.optionSource = this.mergeMetadataObjectPatch(fm.optionSource, patch.optionSource);
+            }
             // Generic extras passthrough: merge into fm.extra to allow component-specific appearance/behavior
             if (patch.extra !== undefined) {
                 const currExtra = (fm.extra && typeof fm.extra === 'object') ? fm.extra : {};
@@ -11492,10 +12065,7 @@ class PraxisDynamicForm {
             this.debugLog('[PDF] schema:fetching', { url, mode: ctx.schemaType });
         }
         catch { }
-        try {
-            await this.global.ready();
-        }
-        catch { }
+        await this.waitForGlobalConfigReadyForSchema();
         const disableCache = this.global.get('cache.disableSchemaCache');
         const adapter = disableCache
             ? new MemoryCacheAdapter()
@@ -11598,6 +12168,18 @@ class PraxisDynamicForm {
         const fromCfg = this.config?.behavior?.reactiveValidationDebounceMs;
         return typeof fromCfg === 'number' ? fromCfg : 150;
     }
+    async waitForGlobalConfigReadyForSchema() {
+        try {
+            await Promise.race([
+                this.global.ready(),
+                new Promise((resolve) => setTimeout(resolve, SCHEMA_GLOBAL_CONFIG_READY_TIMEOUT_MS)),
+            ]);
+        }
+        catch {
+            // Schema loading is fail-open: global preferences may refine cache
+            // behavior, but they must not block the canonical schema request.
+        }
+    }
     setupReactiveValidation() {
         if (!this.isReactiveValidationEnabled()) {
             this.reactiveValidate$ = undefined;
@@ -11700,7 +12282,7 @@ class PraxisDynamicForm {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisDynamicForm, deps: [{ token: i1$2.GenericCrudService }, { token: i2.HttpClient }, { token: i1$3.FormBuilder }, { token: i0.ChangeDetectorRef }, { token: FormLayoutService }, { token: FormContextService }, { token: FormRulesService }, { token: i7.SettingsPanelService }, { token: i2$1.MatDialog }, { token: ASYNC_CONFIG_STORAGE }, { token: CONNECTION_STORAGE }, { token: i1$2.DynamicFormService }, { token: i9$1.MatSnackBar }, { token: CanvasStateService }, { token: DynamicFormLayoutService }, { token: i1$2.ErrorMessageService }, { token: i1$2.SchemaNormalizerService }, { token: i1$2.ComponentMetadataRegistry }, { token: i1$2.GlobalConfigService }, { token: i1$2.ComponentKeyService }, { token: i1$2.LoadingOrchestrator }, { token: i0.NgZone }, { token: API_URL }, { token: PRAXIS_LOADING_RENDERER, optional: true }, { token: i12.Router, optional: true }, { token: i12.ActivatedRoute, optional: true }, { token: i1$2.FormHooksRegistry, optional: true }, { token: FORM_HOOKS_PRESETS, optional: true }, { token: i1$2.LoggerService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: PraxisDynamicForm, isStandalone: true, selector: "praxis-dynamic-form", inputs: { resourcePath: "resourcePath", resourceId: "resourceId", initialValue: "initialValue", editorialContext: "editorialContext", mode: "mode", config: "config", schemaSource: "schemaSource", schemaUrl: "schemaUrl", submitUrl: "submitUrl", submitMethod: "submitMethod", responseSchemaUrl: "responseSchemaUrl", apiEndpointKey: "apiEndpointKey", apiUrlEntry: "apiUrlEntry", enableCustomization: "enableCustomization", formId: "formId", componentInstanceId: "componentInstanceId", layout: "layout", backConfig: "backConfig", hooks: "hooks", removeEmptyContainersOnSave: "removeEmptyContainersOnSave", reactiveValidation: "reactiveValidation", reactiveValidationDebounceMs: "reactiveValidationDebounceMs", notifyIfOutdated: "notifyIfOutdated", snoozeMs: "snoozeMs", autoOpenSettingsOnOutdated: "autoOpenSettingsOnOutdated", readonlyModeGlobal: "readonlyModeGlobal", disabledModeGlobal: "disabledModeGlobal", presentationModeGlobal: "presentationModeGlobal", visibleGlobal: "visibleGlobal", customEndpoints: "customEndpoints" }, outputs: { formSubmit: "formSubmit", formCancel: "formCancel", formReset: "formReset", configChange: "configChange", formReady: "formReady", valueChange: "valueChange", syncCompleted: "syncCompleted", initializationError: "initializationError", loadingStateChange: "loadingStateChange", enableCustomizationChange: "enableCustomizationChange", customAction: "customAction", actionConfirmation: "actionConfirmation", schemaStatusChange: "schemaStatusChange", fieldRenderError: "fieldRenderError" }, providers: [providePraxisI18nConfig(PRAXIS_DYNAMIC_FORM_I18N_CONFIG)], viewQueries: [{ propertyName: "formHost", first: true, predicate: ["formHost"], descendants: true }, { propertyName: "fieldLoaders", predicate: DynamicFieldLoaderDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (isLoading) {\n<!-- Loading State -->\n<div class=\"form-loading\">\n  <mat-progress-spinner diameter=\"40\"></mat-progress-spinner>\n  <p>Carregando formul\u00E1rio...</p>\n</div>\n} @else if (initializationStatus === 'error') {\n<!-- Error State -->\n<div class=\"form-error\">\n  <mat-icon color=\"warn\" [praxisIcon]=\"'error'\"></mat-icon>\n  <h3>{{ getErrorTitle() }}</h3>\n  <p>{{ currentErrorMessage }}</p>\n  @if (isRecoverable) {\n  <button mat-stroked-button (click)=\"retryInitialization()\">\n    <mat-icon [praxisIcon]=\"'refresh'\"></mat-icon>\n    Tentar Novamente\n  </button>\n  }\n  <button mat-button (click)=\"showDetailedError()\" class=\"show-details\">\n    Ver Detalhes T\u00E9cnicos\n  </button>\n  <!-- Permitir corre\u00E7\u00E3o do resourcePath diretamente do estado de erro -->\n  <button mat-flat-button color=\"primary\" (click)=\"openQuickConnect()\" class=\"connect-action\">\n    <mat-icon [praxisIcon]=\"'bolt'\"></mat-icon>\n    Conectar a recurso\n  </button>\n</div>\n} @else if (initializationStatus === 'success') {\n<!-- Inline banner for schema change (only when customization is enabled) -->\n@if (shouldShowOutdatedInline()) {\n<div class=\"pfx-form-info-banner\" role=\"status\" aria-live=\"polite\">\n  <div class=\"text\">O schema do servidor mudou. Reconciliar agora?</div>\n  <div class=\"actions\">\n    <button mat-stroked-button color=\"primary\" (click)=\"openConfigEditor()\">\n      <mat-icon [praxisIcon]=\"'sync'\"></mat-icon>\n      Reconciliar\n    </button>\n    <button mat-button (click)=\"onSnoozeOutdated()\">Lembrar depois</button>\n    <button mat-button (click)=\"onIgnoreOutdated()\">Ignorar</button>\n  </div>\n</div>\n}\n\n<!-- Configuration Controls -->\n@if (shouldShowConfigControls && enableCustomization) {\n<div class=\"form-config-controls\">\n  <praxis-ai-assistant [adapter]=\"aiAdapter\"></praxis-ai-assistant>\n  <button type=\"button\" mat-icon-button (click)=\"openConfigEditor()\" [disabled]=\"isLoading\" class=\"config-button\"\n    [matBadge]=\"schemaOutdated ? '!' : ''\" [matBadgeHidden]=\"!schemaOutdated\" matBadgeColor=\"warn\" matBadgeSize=\"small\"\n    matBadgePosition=\"above after\"\n    [matTooltip]=\"schemaOutdated ? 'Schema do servidor mudou \u2014 Reconciliar' : 'Configurar formul\u00E1rio'\">\n    <mat-icon [praxisIcon]=\"'settings'\"></mat-icon>\n  </button>\n  <button type=\"button\" mat-icon-button (click)=\"disconnect()\" matTooltip=\"Desconectar da fonte de dados\"\n    [disabled]=\"isLoading\">\n    <mat-icon [praxisIcon]=\"'link_off'\"></mat-icon>\n  </button>\n</div>\n}\n\n<!-- Form Content -->\n@if (!resourcePath && (!config.sections || config.sections.length === 0)) {\n<praxis-empty-state-card icon=\"link\" [title]=\"'Conecte o formul\u00E1rio \u00E0 fonte de dados'\"\n  [description]=\"'Informe a rota do recurso da API para gerar automaticamente os campos do formul\u00E1rio.'\"\n  [primaryAction]=\"{ label: 'Conectar \u00E0 fonte de dados', icon: 'bolt', action: openQuickConnect.bind(this) }\"></praxis-empty-state-card>\n}\n<form #formHost (ngSubmit)=\"onSubmit()\" [attr.aria-busy]=\"submitting ? 'true' : null\"\n  [attr.aria-label]=\"'Formul\u00E1rio ' + (config.metadata?.version || '')\" [class.canvas-mode-enabled]=\"enableCustomization\"\n  [class.presentation-mode]=\"effectivePresentation\" [class.readonly-mode]=\"effectiveReadonly\"\n  [class.editorial-visual-context]=\"hasEditorialVisualContext()\"\n  [class.pfx-mounting]=\"isMounting\" [formGroup]=\"form\"\n  [ngClass]=\"{\n    'pres-compact': presentationVars.compact,\n    'pres-label-left': presentationVars.labelPosition === 'left',\n    'pres-label-above': presentationVars.labelPosition === 'above'\n  }\" [style.--pfx-pres-label-align]=\"presentationVars.labelAlign\"\n  [style.--pfx-pres-label-size]=\"presentationVars.labelSize\"\n  [style.--pfx-pres-label-width]=\"presentationVars.labelWidth\"\n  [style.--pfx-pres-row-gap]=\"presentationVars.density === 'compact' ? '6px' : (presentationVars.density === 'cozy' ? '8px' : '10px')\"\n  [style.--pfx-pres-row-padding]=\"presentationVars.density === 'compact' ? '2px 0' : (presentationVars.density === 'cozy' ? '6px 0' : '8px 0')\"\n  [style.--pfx-pres-value-align]=\"presentationVars.valueAlign\"\n  [style.--pfx-pres-value-size]=\"presentationVars.valueSize\"\n  [style.--pdx-form-mount-duration]=\"getMountDurationVar()\"\n  [style.--pdx-form-mount-offset]=\"getMountOffsetVar()\"\n  [style.--pdx-form-mount-stagger]=\"getMountStaggerVar()\"\n  class=\"praxis-dynamic-form\">\n  <praxis-canvas-toolbar (editMetadata)=\"openSelectedElementEditor()\" (selectPath)=\"onSelectPath($event)\"\n    (moveUp)=\"onToolbarMove('up')\" (moveDown)=\"onToolbarMove('down')\" (toggleReadonly)=\"onToolbarToggleReadonly()\"\n    (toggleRequired)=\"onToolbarToggleRequired()\" (toggleHidden)=\"onToolbarToggleHidden()\"\n    (toggleDisabled)=\"onToolbarToggleDisabled()\" (requestClose)=\"onToolbarRequestClose()\"\n    *ngIf=\"enableCustomization && selectedElement\" [selectedElement]=\"selectedElement\"\n    [style.transform]=\"toolbarTransform\"></praxis-canvas-toolbar>\n\n  @if (formBlocksBefore?.nodes?.length) {\n    <section class=\"form-editorial-blocks form-editorial-blocks-before\" data-editorial-placement=\"before\">\n      <praxis-rich-content\n        [document]=\"formBlocksBeforeDocument\"\n        [context]=\"getEditorialRichContentContext()\"\n      ></praxis-rich-content>\n    </section>\n  }\n\n  @if (actionPlacement === 'top' && !(effectivePresentation || effectiveReadonly)) {\n  <praxis-form-actions data-actions-placement=\"top\" [actions]=\"config.actions\" [isSubmitting]=\"submitting\"\n    [formIsValid]=\"effectiveFormIsValid\" [submitError]=\"submitError\" [formId]=\"formId\" [actionOverrides]=\"actionRuleProps\"\n    [editorialVisualContext]=\"hasEditorialVisualContext()\"\n    (action)=\"onFormAction($event)\"></praxis-form-actions>\n  }\n\n  @for (section of config.sections; track (section.id ?? $index); let sectionIndex = $index;\n  let last = $last) {\n  <div class=\"section-drop-wrapper\" [attr.data-section-id]=\"section.id\">\n    @if (isSectionVisible(section)) {\n      <div #sectionEl class=\"form-section canvas-element\" data-canvas-type=\"section\" [attr.data-section-id]=\"section.id\"\n        [attr.data-section-index]=\"sectionIndex\" (mouseenter)=\"onElementMouseEnter($event, 'section', section, sectionEl)\"\n        (mouseleave)=\"onElementMouseLeave($event)\" (click)=\"onElementClick($event, 'section', section, sectionEl)\"\n        [class.selected]=\"selectedElement?.domElement === sectionEl\"\n        [class.hovered]=\"hoveredElement?.domElement === sectionEl && selectedElement?.domElement !== sectionEl\"\n        [attr.data-section-appearance]=\"getSectionAppearance(section) || null\"\n        [style.marginBottom.px]=\"!last ? getSectionGapBottom(section) : null\" [ngClass]=\"getSectionClasses(section)\"\n        [ngStyle]=\"getSectionStyles(section)\">\n      <div\n        class=\"section-heading\"\n        [class.align-center]=\"getSectionHeaderAlign(section) === 'center'\"\n        [class.step-appearance]=\"getSectionAppearance(section) === 'step'\"\n      >\n        <div class=\"section-heading-text\" [matTooltip]=\"getSectionHeaderTooltip(section) || null\"\n          [matTooltipDisabled]=\"!getSectionHeaderTooltip(section)\">\n          @if (getSectionStepLabel(section)) {\n          <div class=\"section-step-label\" [class.align-center]=\"getSectionHeaderAlign(section) === 'center'\">\n            {{ getSectionStepLabel(section) }}\n          </div>\n          }\n          @if (getSectionTitle(section)) {\n          <h3 class=\"section-title\" [class.title-large]=\"getSectionTitleStyle(section) === 'titleLarge'\"\n            [class.title-medium]=\"getSectionTitleStyle(section) === 'titleMedium'\"\n            [class.title-small]=\"getSectionTitleStyle(section) === 'titleSmall'\"\n            [class.headline-small]=\"getSectionTitleStyle(section) === 'headlineSmall'\"\n            [style.marginBottom.px]=\"getSectionTitleGapBottom(section) ?? 20\" [style.color]=\"getSectionTitleColor(section) || null\"\n            [class.align-center]=\"getSectionHeaderAlign(section) === 'center'\"\n            [attr.id]=\"sectionPanelId(section, sectionIndex) + '-title'\">\n            @let sectionHeaderVisual = getSectionHeaderVisual(section);\n            @let sectionHeaderAvatarSize = getSectionHeaderAvatarSize(section);\n            @if (sectionHeaderVisual.kind === 'icon') {\n            <mat-icon class=\"section-title-icon\" aria-hidden=\"true\" [praxisIcon]=\"sectionHeaderVisual.icon\"></mat-icon>\n            }\n            @if (sectionHeaderVisual.kind === 'image') {\n            <img class=\"section-title-avatar section-title-avatar-image\" [class.size-sm]=\"sectionHeaderAvatarSize === 'sm'\"\n              [class.size-md]=\"sectionHeaderAvatarSize === 'md'\" [class.size-lg]=\"sectionHeaderAvatarSize === 'lg'\"\n              [src]=\"sectionHeaderVisual.src\" [alt]=\"sectionHeaderVisual.alt\" />\n            }\n            @if (sectionHeaderVisual.kind === 'initials') {\n            <span class=\"section-title-avatar section-title-avatar-text\" [class.size-sm]=\"sectionHeaderAvatarSize === 'sm'\"\n              [class.size-md]=\"sectionHeaderAvatarSize === 'md'\" [class.size-lg]=\"sectionHeaderAvatarSize === 'lg'\" aria-hidden=\"true\">\n              {{ sectionHeaderVisual.text }}\n            </span>\n            @if (sectionHeaderVisual.ariaLabel) {\n            <span class=\"section-title-avatar-sr-only\">{{ sectionHeaderVisual.ariaLabel }}</span>\n            }\n            }\n            @if (sectionHeaderVisual.kind === 'placeholder') {\n            <span class=\"section-title-avatar section-title-avatar-placeholder\" [class.size-sm]=\"sectionHeaderAvatarSize === 'sm'\"\n              [class.size-md]=\"sectionHeaderAvatarSize === 'md'\" [class.size-lg]=\"sectionHeaderAvatarSize === 'lg'\" aria-hidden=\"true\">\n              @if (sectionHeaderVisual.icon) {\n              <mat-icon aria-hidden=\"true\" [praxisIcon]=\"sectionHeaderVisual.icon\"></mat-icon>\n              }\n              @if (sectionHeaderVisual.text) {\n              <span>{{ sectionHeaderVisual.text }}</span>\n              }\n            </span>\n            @if (sectionHeaderVisual.ariaLabel) {\n            <span class=\"section-title-avatar-sr-only\">{{ sectionHeaderVisual.ariaLabel }}</span>\n            }\n            }\n            {{ getSectionTitle(section) }}\n            @if (enableCustomization) {\n            <button type=\"button\" class=\"inline-edit-btn\" mat-icon-button (click)=\"openSectionEditor(section, 'title')\"\n              aria-label=\"Editar t\u00EDtulo da se\u00E7\u00E3o\" matTooltip=\"Editar t\u00EDtulo\">\n              <mat-icon>edit</mat-icon>\n            </button>\n            }\n          </h3>\n          }\n          @if (getSectionDescription(section)) {\n          <p class=\"section-description\" [class.body-large]=\"getSectionDescriptionStyle(section) === 'bodyLarge'\"\n            [class.body-medium]=\"getSectionDescriptionStyle(section) === 'bodyMedium'\"\n            [class.body-small]=\"getSectionDescriptionStyle(section) === 'bodySmall'\"\n            [style.marginBottom.px]=\"getSectionDescriptionGapBottom(section) ?? 8\" [style.color]=\"getSectionDescriptionColor(section) || null\"\n            [class.align-center]=\"getSectionHeaderAlign(section) === 'center'\">\n            {{ getSectionDescription(section) }}\n            @if (enableCustomization) {\n            <button type=\"button\" class=\"inline-edit-btn\" mat-icon-button\n              (click)=\"openSectionEditor(section, 'description')\" aria-label=\"Editar descri\u00E7\u00E3o da se\u00E7\u00E3o\"\n              matTooltip=\"Editar descri\u00E7\u00E3o\">\n              <mat-icon>edit</mat-icon>\n            </button>\n            }\n          </p>\n          }\n        </div>\n        @if (getSectionHeaderActions(section).length) {\n        <div class=\"section-heading-actions\" [class.align-center]=\"getSectionHeaderAlign(section) === 'center'\">\n          @for (action of getSectionHeaderActions(section); track action.id) {\n          <button\n            type=\"button\"\n            class=\"section-heading-action-btn\"\n            mat-icon-button\n            [color]=\"getSectionHeaderActionColor(action)\"\n            [disabled]=\"isSectionHeaderActionDisabled(action)\"\n            [matTooltip]=\"getSectionHeaderActionTooltip(action)\"\n            [attr.aria-label]=\"action.label\"\n            [attr.aria-busy]=\"action.loading ? 'true' : null\"\n            [ngClass]=\"getSectionHeaderActionNgClass(action)\"\n            [ngStyle]=\"getSectionHeaderActionStyles(action)\"\n            (click)=\"onSectionHeaderActionClick(section, action, $event)\"\n          >\n            @if (action.loading) {\n            <mat-progress-spinner diameter=\"16\" mode=\"indeterminate\"></mat-progress-spinner>\n            <span class=\"section-heading-action-sr-only\">{{ getSectionHeaderActionLoadingLabel(action) }}</span>\n            } @else {\n            <mat-icon [praxisIcon]=\"action.icon\"></mat-icon>\n            }\n          </button>\n          }\n        </div>\n        }\n        @if (isSectionCollapsible(section)) {\n        <button type=\"button\" class=\"section-collapse-btn\" mat-icon-button\n          (click)=\"toggleSectionCollapse($event, section)\" [attr.aria-expanded]=\"!isSectionCollapsed(section)\"\n          [attr.aria-controls]=\"sectionPanelId(section, sectionIndex)\"\n          [attr.aria-label]=\"isSectionCollapsed(section) ? 'Expandir se\u00E7\u00E3o' : 'Recolher se\u00E7\u00E3o'\">\n          <mat-icon [praxisIcon]=\"isSectionCollapsed(section) ? 'expand_more' : 'expand_less'\"></mat-icon>\n        </button>\n        }\n      </div>\n\n      <div class=\"section-body\" [class.collapsed]=\"isSectionCollapsed(section)\"\n        [attr.id]=\"sectionPanelId(section, sectionIndex)\"\n        [attr.aria-labelledby]=\"getSectionTitle(section) ? sectionPanelId(section, sectionIndex) + '-title' : null\">\n        @if (!isSectionCollapsed(section)) {\n        @for (row of section.rows; track (row.id ?? $index); let rowIndex = $index) {\n        @if (isRowVisible(row)) {\n        <div class=\"row-drop-wrapper\" [attr.data-section-id]=\"section.id\">\n          <div #rowEl class=\"form-row grid-12 canvas-element\" data-canvas-type=\"row\" [attr.data-row-index]=\"rowIndex\"\n            [attr.data-section-id]=\"section.id\" [attr.data-row-id]=\"row.id\" [style.--pfx-grid-gap.px]=\"getRowGap(row)\"\n            [style.--pfx-field-gap.px]=\"getRowRowGap(row)\"\n            [style.--pfx-mount-index]=\"rowIndex\"\n            [style.marginBottom.px]=\"rowIndex < section.rows.length - 1 ? (getRowRowGap(row) ?? null) : null\"\n            [ngClass]=\"getRowClasses(row)\" [ngStyle]=\"getRowStyles(row)\"\n            (mouseenter)=\"onElementMouseEnter($event, 'row', row, rowEl)\" (mouseleave)=\"onElementMouseLeave($event)\"\n            (click)=\"onElementClick($event, 'row', row, rowEl)\" [class.selected]=\"selectedElement?.domElement === rowEl\"\n            [class.hovered]=\"hoveredElement?.domElement === rowEl && selectedElement?.domElement !== rowEl\">\n            @for (column of row.columns; track (column.id ?? $index); let colIndex = $index) {\n            @if (isColumnVisible(column)) {\n            <div class=\"column-drop-wrapper\" [attr.data-section-id]=\"section.id\" [attr.data-row-id]=\"row.id\">\n              <div #colEl class=\"form-column canvas-element\" [ngClass]=\"getColumnClasses(column)\"\n                [style.padding.px]=\"getColumnPadding(column)\" [style.--pfx-field-gap.px]=\"getRowRowGap(row)\"\n                [ngStyle]=\"getColumnStyles(column)\" [attr.data-testid]=\"column.testId || null\"\n                [attr.data-row-gap]=\"getRowRowGap(row)\" data-canvas-type=\"column\" [attr.data-column-index]=\"colIndex\"\n                [attr.data-row-index]=\"rowIndex\" [attr.data-section-id]=\"section.id\" [attr.data-row-id]=\"row.id\"\n                [attr.data-column-id]=\"column.id\" (mouseenter)=\"onElementMouseEnter($event, 'column', column, colEl)\"\n                (mouseleave)=\"onElementMouseLeave($event)\" (click)=\"onElementClick($event, 'column', column, colEl)\"\n                [class.selected]=\"selectedElement?.domElement === colEl\"\n                [class.hovered]=\"hoveredElement?.domElement === colEl && selectedElement?.domElement !== colEl\">\n                <ng-container dynamicFieldLoader [fields]=\"getColumnFields(column)\" [formGroup]=\"form\"\n                  [enableExternalControlBinding]=\"true\"\n                  [readonlyMode]=\"readonlyModeGlobal === null ? null : readonlyModeGlobal\"\n                  [disabledMode]=\"effectiveDisabledMode\"\n                  [presentationMode]=\"presentationForLoader\" [visible]=\"visibleGlobal === null ? null : visibleGlobal\"\n                  [canvasMode]=\"enableCustomization\" (canvasMouseEnter)=\"onFieldMouseEnter($event)\"\n                  (canvasMouseLeave)=\"onFieldMouseLeave($event)\" (canvasClick)=\"onFieldClick($event)\"\n                  (renderError)=\"onFieldRenderError($event)\">\n                </ng-container>\n              </div>\n            </div>\n            } }\n          </div>\n        </div>\n        }\n        }\n        } @else {\n        <div class=\"section-collapsed-placeholder\">\n          <mat-icon aria-hidden=\"true\" [praxisIcon]=\"'unfold_more'\"></mat-icon>\n          <span>{{ getSectionCollapsedSummary(section) }}</span>\n        </div>\n        }\n        @if (last && beforeActionsPlacement === 'insideLastSection' && formBlocksBeforeActions?.nodes?.length) {\n        <section class=\"form-editorial-blocks form-editorial-blocks-before-actions\" data-editorial-placement=\"beforeActions\">\n          <praxis-rich-content\n            [document]=\"formBlocksBeforeActionsDocument\"\n            [context]=\"getEditorialRichContentContext()\"\n          ></praxis-rich-content>\n        </section>\n        }\n        @if (actionPlacement === 'insideLastSection' && last && !(effectivePresentation\n        || effectiveReadonly)) {\n        <praxis-form-actions data-actions-placement=\"insideLastSection\" [actions]=\"config.actions\"\n          [isSubmitting]=\"submitting\" [formIsValid]=\"effectiveFormIsValid\" [submitError]=\"submitError\" [formId]=\"formId\"\n          [actionOverrides]=\"actionRuleProps\" [editorialVisualContext]=\"hasEditorialVisualContext()\"\n          (action)=\"onFormAction($event)\"></praxis-form-actions>\n        }\n      </div>\n      <!-- Overlay de bloqueio durante submiss\u00E3o -->\n      @if (submitting) {\n      <div class=\"form-blocking-overlay\" aria-live=\"polite\">\n        <mat-progress-spinner diameter=\"40\" color=\"primary\"></mat-progress-spinner>\n        <p>{{ config.messages?.loading?.submit || 'Salvando...' }}</p>\n      </div>\n      }\n    </div>\n\n    @if (enableCustomization && selectedElement?.domElement === sectionEl) {\n      <div class=\"add-section-container\">\n        <div class=\"add-section-line\"></div>\n        <button mat-fab color=\"primary\" aria-label=\"Adicionar nova se\u00E7\u00E3o\" (click)=\"addNewSectionAfter(sectionIndex)\"\n          matTooltip=\"Adicionar nova se\u00E7\u00E3o aqui\">\n          <mat-icon [praxisIcon]=\"'add'\"></mat-icon>\n        </button>\n        <div class=\"add-section-line\"></div>\n      </div>\n    }\n    }\n  </div>\n  }\n\n  @if (beforeActionsPlacement !== 'insideLastSection' && formBlocksBeforeActions?.nodes?.length) {\n    <section class=\"form-editorial-blocks form-editorial-blocks-before-actions\" data-editorial-placement=\"beforeActions\">\n      <praxis-rich-content\n        [document]=\"formBlocksBeforeActionsDocument\"\n        [context]=\"getEditorialRichContentContext()\"\n      ></praxis-rich-content>\n    </section>\n  }\n\n  @if (actionPlacement === 'afterSections' && !(effectivePresentation || effectiveReadonly)) {\n    <praxis-form-actions data-actions-placement=\"afterSections\" [actions]=\"config.actions\" [isSubmitting]=\"submitting\"\n      [formIsValid]=\"effectiveFormIsValid\" [submitError]=\"submitError\" [formId]=\"formId\"\n      [actionOverrides]=\"actionRuleProps\" [editorialVisualContext]=\"hasEditorialVisualContext()\"\n      (action)=\"onFormAction($event)\"></praxis-form-actions>\n  }\n\n  @if (formBlocksAfter?.nodes?.length) {\n    <section class=\"form-editorial-blocks form-editorial-blocks-after\" data-editorial-placement=\"after\">\n      <praxis-rich-content\n        [document]=\"formBlocksAfterDocument\"\n        [context]=\"getEditorialRichContentContext()\"\n      ></praxis-rich-content>\n    </section>\n  }\n</form>\n@if (!enableCustomization && mode === 'view') {\n<div class=\"ai-floating-assistant\">\n  <praxis-ai-assistant [adapter]=\"aiAdapter\"></praxis-ai-assistant>\n</div>\n}\n}\n", styles: ["@charset \"UTF-8\";.span-xs-1{grid-column:span 1}.span-xs-2{grid-column:span 2}.span-xs-3{grid-column:span 3}.span-xs-4{grid-column:span 4}.span-xs-5{grid-column:span 5}.span-xs-6{grid-column:span 6}.span-xs-7{grid-column:span 7}.span-xs-8{grid-column:span 8}.span-xs-9{grid-column:span 9}.span-xs-10{grid-column:span 10}.span-xs-11{grid-column:span 11}.span-xs-12{grid-column:span 12}.offset-xs-0{margin-left:0%}.offset-xs-1{margin-left:calc(1 / 12 * 100%)}.offset-xs-2{margin-left:calc(2 / 12 * 100%)}.offset-xs-3{margin-left:25%}.offset-xs-4{margin-left:calc(4 / 12 * 100%)}.offset-xs-5{margin-left:calc(5 / 12 * 100%)}.offset-xs-6{margin-left:50%}.offset-xs-7{margin-left:calc(7 / 12 * 100%)}.offset-xs-8{margin-left:calc(8 / 12 * 100%)}.offset-xs-9{margin-left:75%}.offset-xs-10{margin-left:calc(10 / 12 * 100%)}.offset-xs-11{margin-left:calc(11 / 12 * 100%)}.order-xs--12{order:-12}.order-xs--11{order:-11}.order-xs--10{order:-10}.order-xs--9{order:-9}.order-xs--8{order:-8}.order-xs--7{order:-7}.order-xs--6{order:-6}.order-xs--5{order:-5}.order-xs--4{order:-4}.order-xs--3{order:-3}.order-xs--2{order:-2}.order-xs--1{order:-1}.order-xs-0{order:0}.order-xs-1{order:1}.order-xs-2{order:2}.order-xs-3{order:3}.order-xs-4{order:4}.order-xs-5{order:5}.order-xs-6{order:6}.order-xs-7{order:7}.order-xs-8{order:8}.order-xs-9{order:9}.order-xs-10{order:10}.order-xs-11{order:11}.order-xs-12{order:12}.hidden-xs{display:none}@media(min-width:600px){.span-sm-1{grid-column:span 1}.span-sm-2{grid-column:span 2}.span-sm-3{grid-column:span 3}.span-sm-4{grid-column:span 4}.span-sm-5{grid-column:span 5}.span-sm-6{grid-column:span 6}.span-sm-7{grid-column:span 7}.span-sm-8{grid-column:span 8}.span-sm-9{grid-column:span 9}.span-sm-10{grid-column:span 10}.span-sm-11{grid-column:span 11}.span-sm-12{grid-column:span 12}.offset-sm-0{margin-left:0%}.offset-sm-1{margin-left:calc(1 / 12 * 100%)}.offset-sm-2{margin-left:calc(2 / 12 * 100%)}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:calc(4 / 12 * 100%)}.offset-sm-5{margin-left:calc(5 / 12 * 100%)}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:calc(7 / 12 * 100%)}.offset-sm-8{margin-left:calc(8 / 12 * 100%)}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:calc(10 / 12 * 100%)}.offset-sm-11{margin-left:calc(11 / 12 * 100%)}.order-sm--12{order:-12}.order-sm--11{order:-11}.order-sm--10{order:-10}.order-sm--9{order:-9}.order-sm--8{order:-8}.order-sm--7{order:-7}.order-sm--6{order:-6}.order-sm--5{order:-5}.order-sm--4{order:-4}.order-sm--3{order:-3}.order-sm--2{order:-2}.order-sm--1{order:-1}.order-sm-0{order:0}.order-sm-1{order:1}.order-sm-2{order:2}.order-sm-3{order:3}.order-sm-4{order:4}.order-sm-5{order:5}.order-sm-6{order:6}.order-sm-7{order:7}.order-sm-8{order:8}.order-sm-9{order:9}.order-sm-10{order:10}.order-sm-11{order:11}.order-sm-12{order:12}.hidden-sm{display:none}}@media(min-width:900px){.span-md-1{grid-column:span 1}.span-md-2{grid-column:span 2}.span-md-3{grid-column:span 3}.span-md-4{grid-column:span 4}.span-md-5{grid-column:span 5}.span-md-6{grid-column:span 6}.span-md-7{grid-column:span 7}.span-md-8{grid-column:span 8}.span-md-9{grid-column:span 9}.span-md-10{grid-column:span 10}.span-md-11{grid-column:span 11}.span-md-12{grid-column:span 12}.offset-md-0{margin-left:0%}.offset-md-1{margin-left:calc(1 / 12 * 100%)}.offset-md-2{margin-left:calc(2 / 12 * 100%)}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:calc(4 / 12 * 100%)}.offset-md-5{margin-left:calc(5 / 12 * 100%)}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:calc(7 / 12 * 100%)}.offset-md-8{margin-left:calc(8 / 12 * 100%)}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:calc(10 / 12 * 100%)}.offset-md-11{margin-left:calc(11 / 12 * 100%)}.order-md--12{order:-12}.order-md--11{order:-11}.order-md--10{order:-10}.order-md--9{order:-9}.order-md--8{order:-8}.order-md--7{order:-7}.order-md--6{order:-6}.order-md--5{order:-5}.order-md--4{order:-4}.order-md--3{order:-3}.order-md--2{order:-2}.order-md--1{order:-1}.order-md-0{order:0}.order-md-1{order:1}.order-md-2{order:2}.order-md-3{order:3}.order-md-4{order:4}.order-md-5{order:5}.order-md-6{order:6}.order-md-7{order:7}.order-md-8{order:8}.order-md-9{order:9}.order-md-10{order:10}.order-md-11{order:11}.order-md-12{order:12}.hidden-md{display:none}}@media(min-width:1200px){.span-lg-1{grid-column:span 1}.span-lg-2{grid-column:span 2}.span-lg-3{grid-column:span 3}.span-lg-4{grid-column:span 4}.span-lg-5{grid-column:span 5}.span-lg-6{grid-column:span 6}.span-lg-7{grid-column:span 7}.span-lg-8{grid-column:span 8}.span-lg-9{grid-column:span 9}.span-lg-10{grid-column:span 10}.span-lg-11{grid-column:span 11}.span-lg-12{grid-column:span 12}.offset-lg-0{margin-left:0%}.offset-lg-1{margin-left:calc(1 / 12 * 100%)}.offset-lg-2{margin-left:calc(2 / 12 * 100%)}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:calc(4 / 12 * 100%)}.offset-lg-5{margin-left:calc(5 / 12 * 100%)}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:calc(7 / 12 * 100%)}.offset-lg-8{margin-left:calc(8 / 12 * 100%)}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:calc(10 / 12 * 100%)}.offset-lg-11{margin-left:calc(11 / 12 * 100%)}.order-lg--12{order:-12}.order-lg--11{order:-11}.order-lg--10{order:-10}.order-lg--9{order:-9}.order-lg--8{order:-8}.order-lg--7{order:-7}.order-lg--6{order:-6}.order-lg--5{order:-5}.order-lg--4{order:-4}.order-lg--3{order:-3}.order-lg--2{order:-2}.order-lg--1{order:-1}.order-lg-0{order:0}.order-lg-1{order:1}.order-lg-2{order:2}.order-lg-3{order:3}.order-lg-4{order:4}.order-lg-5{order:5}.order-lg-6{order:6}.order-lg-7{order:7}.order-lg-8{order:8}.order-lg-9{order:9}.order-lg-10{order:10}.order-lg-11{order:11}.order-lg-12{order:12}.hidden-lg{display:none}}@media(min-width:1536px){.span-xl-1{grid-column:span 1}.span-xl-2{grid-column:span 2}.span-xl-3{grid-column:span 3}.span-xl-4{grid-column:span 4}.span-xl-5{grid-column:span 5}.span-xl-6{grid-column:span 6}.span-xl-7{grid-column:span 7}.span-xl-8{grid-column:span 8}.span-xl-9{grid-column:span 9}.span-xl-10{grid-column:span 10}.span-xl-11{grid-column:span 11}.span-xl-12{grid-column:span 12}.offset-xl-0{margin-left:0%}.offset-xl-1{margin-left:calc(1 / 12 * 100%)}.offset-xl-2{margin-left:calc(2 / 12 * 100%)}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:calc(4 / 12 * 100%)}.offset-xl-5{margin-left:calc(5 / 12 * 100%)}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:calc(7 / 12 * 100%)}.offset-xl-8{margin-left:calc(8 / 12 * 100%)}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:calc(10 / 12 * 100%)}.offset-xl-11{margin-left:calc(11 / 12 * 100%)}.order-xl--12{order:-12}.order-xl--11{order:-11}.order-xl--10{order:-10}.order-xl--9{order:-9}.order-xl--8{order:-8}.order-xl--7{order:-7}.order-xl--6{order:-6}.order-xl--5{order:-5}.order-xl--4{order:-4}.order-xl--3{order:-3}.order-xl--2{order:-2}.order-xl--1{order:-1}.order-xl-0{order:0}.order-xl-1{order:1}.order-xl-2{order:2}.order-xl-3{order:3}.order-xl-4{order:4}.order-xl-5{order:5}.order-xl-6{order:6}.order-xl-7{order:7}.order-xl-8{order:8}.order-xl-9{order:9}.order-xl-10{order:10}.order-xl-11{order:11}.order-xl-12{order:12}.hidden-xl{display:none}}.canvas-mode-enabled{--canvas-hit: 14px}.canvas-mode-enabled .canvas-element{position:relative;z-index:0;border-radius:8px;outline:2px solid transparent;outline-offset:2px;transition:outline-color .2s ease,outline-style .2s ease}.canvas-mode-enabled .canvas-element:before{content:\"\";position:absolute;inset:calc(-1 * var(--canvas-hit));pointer-events:none;border-radius:inherit;background:transparent}.canvas-mode-enabled .canvas-element[data-canvas-type=section]{--outline-color: var(--md-sys-color-primary)}.canvas-mode-enabled .canvas-element[data-canvas-type=row]{--outline-color: var(--md-sys-color-secondary)}.canvas-mode-enabled .canvas-element[data-canvas-type=column],.canvas-mode-enabled .canvas-element[data-canvas-type=field]{--outline-color: var(--md-sys-color-tertiary)}.canvas-mode-enabled .canvas-element[data-canvas-type=actions]{--outline-color: var(--md-sys-color-primary)}.canvas-mode-enabled .canvas-element.hovered:not(.selected){outline-color:var(--outline-color, var(--md-sys-color-primary));outline-style:dashed}.canvas-mode-enabled .canvas-element.selected{outline-color:var(--outline-color, var(--md-sys-color-primary));outline-style:solid;box-shadow:0 0 0 2px var(--outline-color, var(--md-sys-color-primary))}.canvas-mode-enabled .canvas-element.hovered{z-index:var(--praxis-layer-authoring-hover, 300)}.canvas-mode-enabled .canvas-element.selected{z-index:var(--praxis-layer-authoring-selected, 320)}.section-drop-wrapper,.row-drop-wrapper,.column-drop-wrapper{display:contents}.add-section-container{display:flex;align-items:center;justify-content:center;padding:.5rem 0;margin:-.5rem 0;position:relative;z-index:var(--praxis-layer-authoring-insert, 280)}.add-section-container .add-section-line{flex-grow:1;height:1px;background:repeating-linear-gradient(90deg,var(--md-sys-color-outline-variant),var(--md-sys-color-outline-variant) 4px,transparent 4px,transparent 8px)}.add-section-container button{margin:0 1rem;transform:scale(.85)}:host{display:block;position:relative}.form-config-controls{position:sticky;top:10px;margin-left:auto;margin-bottom:10px;display:flex;align-items:center;gap:.35rem;z-index:60;background:color-mix(in srgb,var(--md-sys-color-surface) 92%,transparent);padding:6px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 82%,transparent);border-radius:999px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 22px #0f172a14;min-width:0;justify-content:flex-end;pointer-events:none;opacity:.88;transition:opacity .16s ease,box-shadow .16s ease,border-color .16s ease,transform .16s ease}.form-config-controls>*{pointer-events:auto}.praxis-dynamic-form:hover .form-config-controls,.praxis-dynamic-form:focus-within .form-config-controls{opacity:1;border-color:color-mix(in srgb,var(--md-sys-color-primary) 26%,var(--md-sys-color-outline-variant) 74%);box-shadow:0 14px 28px #0f172a1f;transform:translateY(-1px)}.form-config-controls .mat-icon-button{--mdc-icon-button-state-layer-size: 34px;width:34px;height:34px;color:var(--md-sys-color-on-surface-variant);background:color-mix(in srgb,var(--md-sys-color-surface-container-low) 82%,transparent);border:1px solid transparent}.form-config-controls .mat-icon-button:hover{color:var(--md-sys-color-primary);background:var(--md-sys-color-primary-container);border-color:color-mix(in srgb,var(--md-sys-color-primary) 20%,transparent)}.ai-floating-assistant{position:sticky;right:0;bottom:12px;margin-top:14px;margin-left:auto;width:fit-content;z-index:70;pointer-events:none}.ai-floating-assistant praxis-ai-assistant{pointer-events:auto;display:inline-flex}.ai-floating-assistant .ai-trigger-btn{box-shadow:0 12px 28px #0f172a24}.config-button{color:var(--md-sys-color-primary)}.form-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--md-sys-color-on-surface);gap:1rem}.form-loading p{margin:0;font-size:.875rem;opacity:.7}.form-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--md-sys-color-error);gap:1rem;border:1px solid var(--md-sys-color-error);border-radius:8px;background-color:var(--md-sys-color-error-container);margin:1rem;box-shadow:0 12px 30px #7f1d1d1f}.form-error h3{margin:0;color:var(--md-sys-color-on-error-container)}.form-error p{margin:0;color:var(--md-sys-color-on-error-container);opacity:.8}.form-error button{margin-top:.5rem}.pfx-form-info-banner{margin-bottom:14px;padding:12px 14px;border-radius:16px;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 18%,var(--md-sys-color-outline-variant) 82%);background:color-mix(in srgb,var(--md-sys-color-primary-container) 24%,var(--md-sys-color-surface) 76%);color:var(--md-sys-color-on-surface);display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.pfx-form-info-banner .text{font-size:.92rem;line-height:1.5;font-weight:600}.pfx-form-info-banner .actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.praxis-dynamic-form{display:flex;flex-direction:column;transition:all .3s ease;position:relative;font-family:inherit;font-size:inherit;color:inherit;--pfx-editorial-form-surface: var( --pfx-form-section-surface, var(--md-sys-color-surface-container) );--pfx-editorial-form-surface-muted: var(--md-sys-color-surface-container-low);--pfx-editorial-form-border: var( --pfx-form-stroke, var(--md-sys-color-outline-variant) );--pfx-editorial-form-text: var(--md-sys-color-on-surface);--pfx-editorial-form-text-muted: var(--md-sys-color-on-surface-variant);--pfx-editorial-form-field-surface: color-mix( in srgb, var(--pfx-editorial-form-surface-muted) 76%, var(--pfx-editorial-form-surface) 24% );--pfx-editorial-form-field-outline: color-mix( in srgb, var(--pfx-editorial-form-border) 88%, transparent );--pfx-editorial-form-accent: var(--md-sys-color-primary);--pfx-editorial-form-accent-text: var(--md-sys-color-on-primary);--pfx-editorial-form-radius: var(--pfx-form-section-radius, 8px);--pfx-editorial-form-field-radius: var(--pfx-form-field-radius, 4px);--pfx-editorial-form-border-width: 1px;--pfx-editorial-form-field-border-width: 1px;--pfx-editorial-form-shadow: none;--pfx-form-shell-surface: color-mix( in srgb, var(--pfx-editorial-form-surface) 36%, transparent );--pfx-form-section-surface-flat: color-mix( in srgb, var(--pfx-editorial-form-surface) 78%, var(--pfx-editorial-form-surface-muted) 22% );--pfx-form-section-divider: color-mix( in srgb, var(--pfx-editorial-form-border) 68%, transparent );--pfx-form-label-strong: color-mix( in srgb, var(--pfx-editorial-form-text) 96%, white 4% );--pfx-form-label-muted: color-mix( in srgb, var(--pfx-editorial-form-text-muted) 92%, var(--pfx-editorial-form-text) 8% );--pfx-form-field-surface-rest: color-mix( in srgb, var(--pfx-editorial-form-field-surface) 82%, var(--pfx-editorial-form-surface) 18% );--pfx-form-field-surface-focus: color-mix( in srgb, var(--pfx-editorial-form-accent) 4%, var(--pfx-form-field-surface-rest) 96% );--pfx-form-field-min-height: 48px;--pfx-form-section-padding: clamp(1.1rem, 1.8vw, 1.5rem);--pfx-form-section-gap: 22px;--pfx-form-footer-surface: color-mix( in srgb, var(--pfx-editorial-form-surface) 70%, var(--pfx-editorial-form-surface-muted) 30% );--pfx-form-footer-border: color-mix( in srgb, var(--pfx-editorial-form-border) 76%, transparent )}.praxis-dynamic-form.editorial-visual-context{font-family:var(--editorial-body-font-family, inherit);font-size:var(--editorial-body-size, 1rem);color:var(--editorial-text-primary, var(--md-sys-color-on-surface));--pfx-editorial-form-surface: var( --editorial-surface-primary, var(--pfx-form-section-surface, var(--md-sys-color-surface-container)) );--pfx-editorial-form-surface-muted: var( --editorial-surface-secondary, var(--md-sys-color-surface-container-low) );--pfx-editorial-form-border: var( --editorial-border-color, var(--pfx-form-stroke, var(--md-sys-color-outline-variant)) );--pfx-editorial-form-text: var( --editorial-text-primary, var(--md-sys-color-on-surface) );--pfx-editorial-form-text-muted: var( --editorial-text-secondary, var(--md-sys-color-on-surface-variant) );--pfx-editorial-form-accent: var( --editorial-cta-primary, var(--editorial-accent, var(--md-sys-color-primary)) );--pfx-editorial-form-accent-text: var( --editorial-cta-primary-text, var(--editorial-accent-contrast, var(--md-sys-color-on-primary)) );--pfx-editorial-form-radius: var(--editorial-card-radius, 18px);--pfx-editorial-form-field-radius: var( --editorial-field-radius, var(--editorial-card-radius, 14px) );--pfx-editorial-form-border-width: var(--editorial-card-border-width, 1px);--pfx-editorial-form-field-border-width: var(--editorial-field-border-width, 1px);--pfx-editorial-form-shadow: var(--editorial-card-shadow, none);--md-sys-color-surface: var( --pfx-editorial-form-surface, var(--md-sys-color-surface) );--md-sys-color-surface-container: var( --pfx-editorial-form-surface, var(--md-sys-color-surface-container) );--md-sys-color-surface-container-low: var( --pfx-editorial-form-surface-muted, var(--md-sys-color-surface-container-low) );--md-sys-color-surface-variant: var( --pfx-editorial-form-field-surface, var(--md-sys-color-surface-variant) );--md-sys-color-outline: var( --pfx-editorial-form-field-outline, var(--md-sys-color-outline) );--md-sys-color-outline-variant: var( --pfx-editorial-form-border, var(--md-sys-color-outline-variant) );--md-sys-color-on-surface: var( --pfx-editorial-form-text, var(--md-sys-color-on-surface) );--md-sys-color-on-surface-variant: var( --pfx-editorial-form-text-muted, var(--md-sys-color-on-surface-variant) );--md-sys-color-primary: var( --pfx-editorial-form-accent, var(--md-sys-color-primary) );--md-sys-color-on-primary: var( --pfx-editorial-form-accent-text, var(--md-sys-color-on-primary) );--md-sys-color-on-surface-rgb: var( --editorial-text-primary-rgb, var(--md-sys-color-on-surface-rgb) );--mat-sys-on-surface: var( --pfx-editorial-form-text, var(--mat-sys-on-surface) );--mat-sys-on-surface-variant: var( --pfx-editorial-form-text-muted, var(--mat-sys-on-surface-variant) );--mat-sys-on-surface-rgb: var( --editorial-text-primary-rgb, var(--mat-sys-on-surface-rgb, var(--md-sys-color-on-surface-rgb)) );color:var(--pfx-editorial-form-text);color-scheme:light}.praxis-dynamic-form.presentation-mode .form-row,.praxis-dynamic-form.readonly-mode .form-row{gap:.5rem;margin-bottom:.5rem}.praxis-dynamic-form.presentation-mode .form-section,.praxis-dynamic-form.readonly-mode .form-section{padding:.75rem .875rem}.praxis-dynamic-form.pres-compact .form-row{gap:.35rem;margin-bottom:.35rem}.praxis-dynamic-form.pres-compact .form-section{padding:.5rem .75rem}.praxis-dynamic-form.pres-label-left .praxis-presentation{display:grid;grid-template-columns:var(--pfx-presentation-label-w, 220px) 1fr;align-items:baseline;column-gap:10px}.praxis-dynamic-form.pres-label-left .praxis-presentation__label{text-align:right;margin-bottom:0}.form-section{border:1px solid var(--pfx-form-section-divider);border-radius:var(--pfx-editorial-form-radius);padding:var(--pfx-form-section-padding);background:var(--pfx-form-section-surface-flat);box-shadow:none;transition:all .2s ease;position:relative}.praxis-dynamic-form.editorial-visual-context .form-section{border:var(--pfx-editorial-form-border-width) solid var(--pfx-editorial-form-border)!important;background:var(--pfx-editorial-form-surface)!important;box-shadow:var(--editorial-card-shadow, none)}.praxis-dynamic-form.editorial-visual-context .form-section.section-appearance-step{background-color:var(--pfx-editorial-form-surface)!important;background-image:linear-gradient(180deg,color-mix(in srgb,var(--editorial-accent, var(--md-sys-color-primary)) 6%,transparent) 0%,transparent 132px)!important;background-repeat:no-repeat!important}.section-drop-wrapper>.form-section{margin-bottom:var(--pfx-section-gap, 20px)}.section-drop-wrapper:last-of-type>.form-section{margin-bottom:0}.praxis-dynamic-form>praxis-form-actions[data-actions-placement=afterSections] .form-actions{margin-top:var(--pfx-actions-gap-top, var(--pfx-section-gap, 20px))}.section-title{margin:0 0 var(--pfx-section-title-mb, 12px) 0;font-family:var(--editorial-title-font-family, var(--editorial-body-font-family, inherit));font-size:var(--editorial-step-title-size, 1.12rem);font-weight:700;color:var(--pfx-form-label-strong)}.section-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--pfx-form-section-divider)}.section-heading.align-center{flex-direction:column;align-items:center;text-align:center}.section-heading.align-center .section-heading-text{display:grid;justify-items:center}.section-step-label{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;margin:0 0 8px;border-radius:999px;background:color-mix(in srgb,var(--pfx-editorial-form-accent) 10%,transparent);color:color-mix(in srgb,var(--pfx-editorial-form-accent) 84%,var(--pfx-form-label-strong) 16%);font-size:.72rem;font-weight:800;font-family:var(--editorial-title-font-family, var(--editorial-body-font-family, inherit));letter-spacing:.08em;text-transform:uppercase}.section-heading-text{flex:1 1 auto;min-width:0}.section-heading-actions{display:inline-flex;align-items:center;align-self:flex-start;flex-wrap:wrap;gap:4px;margin-left:auto}.section-heading-actions.align-center{align-self:center;margin-left:0}.section-heading-action-btn{color:var(--pfx-form-label-muted)}.section-heading-action-btn .mat-mdc-progress-spinner,.section-heading-action-btn mat-progress-spinner{--mdc-circular-progress-active-indicator-color: currentColor}.section-heading-action-btn.loading{opacity:.72;pointer-events:none}.section-heading-action-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.section-collapse-btn{margin-left:4px;color:var(--pfx-form-label-muted)}.section-title.title-large{font:var(--mdc-typography-title-large, 500 22px/28px system-ui)}.section-title.title-medium{font:var(--mdc-typography-title-medium, 500 16px/24px system-ui)}.section-title.title-small{font:var(--mdc-typography-title-small, 500 14px/20px system-ui)}.section-title.headline-small{font:var(--mdc-typography-headline-small, 600 24px/32px system-ui)}.section-title.title-large,.section-title.title-medium,.section-title.title-small,.section-title.headline-small{font-family:var(--editorial-title-font-family, var(--editorial-body-font-family, inherit));font-weight:var(--editorial-title-weight, 600)}.section-description{margin:0;font-family:var(--editorial-body-font-family, inherit);font-size:.93rem;color:var(--pfx-form-label-muted);line-height:1.6}.section-description.body-large{font:var(--mdc-typography-body-large, 400 16px/24px system-ui)}.section-description.body-medium{font:var(--mdc-typography-body-medium, 400 14px/20px system-ui)}.section-description.body-small{font:var(--mdc-typography-body-small, 400 12px/16px system-ui)}.section-description.body-large,.section-description.body-medium,.section-description.body-small{font-family:var(--editorial-body-font-family, inherit);font-weight:var(--editorial-body-weight, 400)}.section-title.align-center,.section-description.align-center,.section-step-label.align-center{text-align:center}.form-section.section-appearance-plain{border-color:transparent;border-radius:0;padding:0;background:transparent}.form-section.section-appearance-plain .section-heading{margin-bottom:14px}.form-section.section-appearance-step{border-radius:var(--pfx-editorial-form-radius);padding:var(--pfx-form-section-padding);background:var(--pfx-form-section-surface-flat);border-color:var(--pfx-form-section-divider);box-shadow:none}.praxis-dynamic-form.editorial-visual-context .form-section.section-appearance-step{border-radius:var(--editorial-card-radius, 20px);box-shadow:none}.form-section.section-appearance-step .section-heading{margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid var(--pfx-form-section-divider)}.form-section.section-appearance-step .section-title{font:var(--mdc-typography-title-large, 700 22px/28px system-ui);color:var(--pfx-form-label-strong);margin-bottom:8px}.form-section.section-appearance-step .section-description{color:var(--pfx-form-label-muted);max-width:60ch}.form-section.section-appearance-step .section-step-label{min-height:24px;padding:0 10px;margin-bottom:10px;box-shadow:none}.form-section.section-appearance-step .section-heading.align-center .section-description{max-width:52ch}.form-section.section-appearance-step .section-body{display:grid;gap:8px;padding-top:0}.form-section.section-appearance-step .form-row{margin-bottom:var(--pfx-field-gap, 1rem)}.form-section.section-appearance-step .form-column{gap:var(--pfx-field-gap, 12px)}.form-section .form-editorial-blocks{display:grid;gap:16px}.form-section .form-editorial-blocks[data-editorial-placement=beforeActions]{margin-top:24px;padding-top:18px;border-top:1px solid var(--pfx-form-section-divider)}.form-section.section-appearance-step .form-editorial-blocks[data-editorial-placement=beforeActions]{gap:18px}.form-section.section-appearance-step .form-editorial-blocks[data-editorial-placement=beforeActions]>*+*{margin-top:2px}.praxis-dynamic-form>praxis-form-actions[data-actions-placement=afterSections] .form-actions{margin-top:18px;padding-top:0}.praxis-dynamic-form>.form-editorial-blocks[data-editorial-placement=after]{margin-top:6px}:host-context(.mdc-theme-dark) .form-section.section-appearance-step,:host-context(.theme-dark) .form-section.section-appearance-step{border-color:color-mix(in srgb,var(--pfx-editorial-form-border) 82%,transparent);box-shadow:none}:host-context(.mdc-theme-dark) .form-section.section-appearance-step .section-title,:host-context(.theme-dark) .form-section.section-appearance-step .section-title{color:color-mix(in srgb,var(--pfx-editorial-form-text) 96%,white)}:host-context(.mdc-theme-dark) .form-section.section-appearance-step .section-description,:host-context(.theme-dark) .form-section.section-appearance-step .section-description{color:color-mix(in srgb,var(--pfx-editorial-form-text-muted) 86%,var(--pfx-editorial-form-text) 14%)}:host-context(.mdc-theme-dark) .section-step-label,:host-context(.theme-dark) .section-step-label{background:color-mix(in srgb,var(--md-sys-color-primary-container) 54%,transparent);color:color-mix(in srgb,var(--md-sys-color-primary) 88%,white)}:host-context(.mdc-theme-dark) .form-section .form-editorial-blocks[data-editorial-placement=beforeActions],:host-context(.theme-dark) .form-section .form-editorial-blocks[data-editorial-placement=beforeActions]{border-top-color:color-mix(in srgb,var(--md-sys-color-outline-variant) 90%,transparent)}.inline-edit-btn{margin-left:6px;vertical-align:middle;--mdc-icon-button-size: 28px;--mdc-icon-button-icon-size: 16px}.inline-edit-btn mat-icon{font-size:16px;width:16px;height:16px}.section-body.collapsed{border:1px dashed var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low);border-radius:6px;padding:8px 10px}.section-collapsed-placeholder{display:flex;align-items:center;gap:8px;color:var(--md-sys-color-on-surface-variant);font-size:.95rem}.section-collapsed-placeholder mat-icon{font-size:20px;width:20px;height:20px}.form-row{display:flex;gap:1.1rem;margin-bottom:var(--pfx-field-gap, 1.1rem);transition:all .2s ease;border-radius:6px;position:relative}.praxis-dynamic-form.pfx-mounting .form-row{opacity:0;transform:translateY(var(--pdx-form-mount-offset, 6px));animation:pdxFormMount var(--pdx-form-mount-duration, .16s) ease-out both;animation-delay:calc(var(--pfx-mount-index, 0) * var(--pdx-form-mount-stagger, 20ms))}@media(prefers-reduced-motion:reduce){.praxis-dynamic-form.pfx-mounting .form-row{animation:none;opacity:1;transform:none}}@keyframes pdxFormMount{to{opacity:1;transform:translateY(0)}}.praxis-dynamic-form .mat-mdc-form-field{width:100%;margin-bottom:var(--pfx-field-gap, 10px);font-family:inherit;--mdc-filled-text-field-container-color: var(--pfx-form-field-surface-rest);--mdc-filled-text-field-focus-active-indicator-color: var(--pfx-editorial-form-accent);--mdc-filled-text-field-active-indicator-color: var(--pfx-editorial-form-field-outline);--mdc-filled-text-field-hover-active-indicator-color: var(--pfx-editorial-form-accent);--mdc-filled-text-field-focus-label-text-color: var(--pfx-editorial-form-accent);--mdc-filled-text-field-label-text-color: var(--pfx-form-label-muted);--mdc-filled-text-field-input-text-color: var(--pfx-editorial-form-text);--mdc-filled-text-field-caret-color: var(--pfx-editorial-form-accent);--mdc-filled-text-field-input-text-placeholder-color: color-mix( in srgb, var(--pfx-editorial-form-text-muted) 82%, transparent );--mdc-outlined-text-field-outline-color: var(--pfx-editorial-form-field-outline);--mdc-outlined-text-field-hover-outline-color: var(--pfx-editorial-form-accent);--mdc-outlined-text-field-focus-outline-color: var(--pfx-editorial-form-accent);--mdc-outlined-text-field-focus-label-text-color: var(--pfx-editorial-form-accent);--mdc-outlined-text-field-label-text-color: var(--pfx-form-label-muted);--mdc-outlined-text-field-input-text-color: var(--pfx-editorial-form-text);--mdc-filled-text-field-container-shape: var(--pfx-editorial-form-field-radius);--mdc-outlined-text-field-container-shape: var(--pfx-editorial-form-field-radius);--mdc-filled-text-field-active-indicator-height: var(--pfx-editorial-form-field-border-width);--mdc-filled-text-field-focus-active-indicator-height: var(--pfx-editorial-form-field-border-width);--mdc-outlined-text-field-outline-width: var(--pfx-editorial-form-field-border-width);--mdc-outlined-text-field-focus-outline-width: var(--pfx-editorial-form-field-border-width);--mat-select-enabled-trigger-text-color: var(--pfx-editorial-form-text);--mat-select-enabled-arrow-color: var(--pfx-form-label-muted);--mat-form-field-enabled-select-arrow-color: var(--pfx-form-label-muted);--mat-form-field-focus-select-arrow-color: var(--pfx-editorial-form-accent);--mat-form-field-hover-state-layer-opacity: 0;--mat-form-field-focus-state-layer-opacity: 0}.praxis-dynamic-form.editorial-visual-context .mat-mdc-form-field{font-family:var(--editorial-body-font-family, inherit)}.praxis-dynamic-form .mat-mdc-text-field-wrapper,.praxis-dynamic-form .mdc-text-field{background:var(--pfx-form-field-surface-rest);border-radius:var(--pfx-editorial-form-field-radius);min-height:var(--pfx-form-field-min-height);transition:background-color .16s ease,box-shadow .16s ease,border-color .16s ease}.praxis-dynamic-form.editorial-visual-context .mat-mdc-text-field-wrapper,.praxis-dynamic-form.editorial-visual-context .mdc-text-field,.praxis-dynamic-form.editorial-visual-context .mdc-text-field--filled,.praxis-dynamic-form.editorial-visual-context .mdc-text-field--outlined{background-color:var(--pfx-form-field-surface-rest)!important;background:var(--pfx-form-field-surface-rest)!important}.praxis-dynamic-form .mat-mdc-form-field .mdc-floating-label,.praxis-dynamic-form .mat-mdc-form-field .mat-mdc-form-field-hint,.praxis-dynamic-form .mat-mdc-form-field .mat-mdc-form-field-error,.praxis-dynamic-form .mat-mdc-form-field .mat-mdc-form-field-required-marker,.praxis-dynamic-form .mat-mdc-form-field .mat-mdc-select-arrow,.praxis-dynamic-form .mat-mdc-form-field .mat-mdc-select-placeholder,.praxis-dynamic-form .mat-mdc-form-field .mat-mdc-form-field-icon-suffix,.praxis-dynamic-form .mat-mdc-form-field .mat-mdc-form-field-icon-prefix{color:var(--pfx-form-label-muted)}.praxis-dynamic-form .mat-mdc-input-element,.praxis-dynamic-form .mat-mdc-select-value-text,.praxis-dynamic-form .mat-mdc-form-field-infix,.praxis-dynamic-form .mat-mdc-select-min-line{color:var(--pfx-editorial-form-text)}.praxis-dynamic-form .mat-mdc-form-field:hover .mat-mdc-text-field-wrapper,.praxis-dynamic-form .mat-mdc-form-field:hover .mdc-text-field,.praxis-dynamic-form .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper,.praxis-dynamic-form .mat-mdc-form-field.mat-focused .mdc-text-field{background:var(--pfx-form-field-surface-focus)}.praxis-dynamic-form.editorial-visual-context .mat-mdc-input-element,.praxis-dynamic-form.editorial-visual-context .mat-mdc-select-value-text,.praxis-dynamic-form.editorial-visual-context .mat-mdc-form-field-infix,.praxis-dynamic-form.editorial-visual-context .mat-mdc-select-min-line,.praxis-dynamic-form.editorial-visual-context .mdc-text-field__input{color:var(--pfx-editorial-form-text)!important;-webkit-text-fill-color:var(--pfx-editorial-form-text)!important}.praxis-dynamic-form.editorial-visual-context .mat-mdc-form-field .mdc-floating-label,.praxis-dynamic-form.editorial-visual-context .mat-mdc-form-field .mat-mdc-form-field-hint,.praxis-dynamic-form.editorial-visual-context .mat-mdc-form-field .mat-mdc-form-field-error,.praxis-dynamic-form.editorial-visual-context .mat-mdc-form-field .mat-mdc-form-field-required-marker,.praxis-dynamic-form.editorial-visual-context .mat-mdc-form-field .mat-mdc-select-arrow,.praxis-dynamic-form.editorial-visual-context .mat-mdc-form-field .mat-mdc-select-placeholder,.praxis-dynamic-form.editorial-visual-context .mat-mdc-form-field .mat-mdc-form-field-icon-suffix,.praxis-dynamic-form.editorial-visual-context .mat-mdc-form-field .mat-mdc-form-field-icon-prefix{color:var(--pfx-editorial-form-text-muted)!important}.praxis-dynamic-form.editorial-visual-context .mat-mdc-floating-label,.praxis-dynamic-form.editorial-visual-context .mdc-floating-label,.praxis-dynamic-form.editorial-visual-context .mdc-text-field__input::placeholder{color:color-mix(in srgb,var(--pfx-editorial-form-text) 68%,transparent)!important}.praxis-dynamic-form.editorial-visual-context .mat-mdc-input-element::placeholder,.praxis-dynamic-form.editorial-visual-context textarea.mat-mdc-input-element::placeholder{color:color-mix(in srgb,var(--pfx-editorial-form-text) 58%,transparent)!important}.praxis-dynamic-form .mat-mdc-radio-button,.praxis-dynamic-form .mat-mdc-checkbox,.praxis-dynamic-form .mat-mdc-slide-toggle{--mdc-radio-selected-icon-color: var(--pfx-editorial-form-accent);--mdc-radio-selected-hover-icon-color: var(--pfx-editorial-form-accent);--mdc-radio-selected-focus-icon-color: var(--pfx-editorial-form-accent);--mdc-checkbox-selected-checkmark-color: var(--pfx-editorial-form-accent-text);--mdc-checkbox-selected-focus-icon-color: var(--pfx-editorial-form-accent);--mdc-checkbox-selected-hover-icon-color: var(--pfx-editorial-form-accent);--mdc-checkbox-selected-icon-color: var(--pfx-editorial-form-accent);--mdc-switch-selected-focus-state-layer-color: var(--pfx-editorial-form-accent);--mdc-switch-selected-handle-color: var(--pfx-editorial-form-accent);--mdc-switch-selected-track-color: color-mix(in srgb, var(--pfx-editorial-form-accent) 45%, #fff)}.praxis-dynamic-form [data-field-type=input],.praxis-dynamic-form [data-field-type=textarea],.praxis-dynamic-form [data-field-type=email],.praxis-dynamic-form [data-field-type=password],.praxis-dynamic-form [data-field-type=url],.praxis-dynamic-form [data-field-type=search],.praxis-dynamic-form [data-field-type=phone],.praxis-dynamic-form [data-field-type=numericTextBox],.praxis-dynamic-form [data-field-type=currency],.praxis-dynamic-form [data-field-type=cpfCnpj],.praxis-dynamic-form [data-field-type=date],.praxis-dynamic-form [data-field-type=dateInput],.praxis-dynamic-form [data-field-type=dateRange],.praxis-dynamic-form [data-field-type=dateTimeLocal],.praxis-dynamic-form [data-field-type=time],.praxis-dynamic-form [data-field-type=timePicker],.praxis-dynamic-form [data-field-type=timeRange],.praxis-dynamic-form [data-field-type=month],.praxis-dynamic-form [data-field-type=week],.praxis-dynamic-form [data-field-type=yearInput],.praxis-dynamic-form [data-field-type=select],.praxis-dynamic-form [data-field-type=multi-select],.praxis-dynamic-form [data-field-type=searchable-select],.praxis-dynamic-form [data-field-type=async-select],.praxis-dynamic-form [data-field-type=autocomplete],.praxis-dynamic-form [data-field-type=tree-select],.praxis-dynamic-form [data-field-type=multi-select-tree],.praxis-dynamic-form [data-field-type=priceRange],.praxis-dynamic-form [data-field-type=file-upload]{display:block;width:100%;min-width:0}.praxis-dynamic-form .mat-mdc-form-field-subscript-wrapper{min-height:var(--pfx-subscript-min-h, 22px)}.form-row:last-child{margin-bottom:0}.form-column{display:grid;align-content:start;gap:var(--pfx-field-gap, 10px);flex:1;min-width:0;transition:all .2s ease;border-radius:4px;position:relative}.form-row.grid-12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--pfx-grid-gap, 16px)}.align-start{align-self:flex-start}.align-center{align-self:center}.align-end{align-self:flex-end}.align-stretch{align-self:stretch}.form-blocking-overlay{position:absolute;inset:0;background:transparent;color:var(--md-sys-color-on-surface);backdrop-filter:blur(2px) saturate(103%);-webkit-backdrop-filter:blur(2px) saturate(103%);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;z-index:10;pointer-events:all}@media(max-width:768px){.form-row{flex-direction:column;gap:.5rem}.form-section{padding:1rem}.section-heading{gap:10px;margin-bottom:16px;padding-bottom:14px}}.section-title{display:flex;align-items:center;gap:8px}.section-title .section-title-icon{font-size:1.25em;line-height:1}.section-title-avatar{--_pfx-form-section-avatar-size: var(--pfx-form-section-avatar-size-md, var(--pfx-form-section-avatar-size, 32px));display:inline-flex;align-items:center;justify-content:center;width:var(--_pfx-form-section-avatar-size);height:var(--_pfx-form-section-avatar-size);border-radius:999px;flex:0 0 var(--_pfx-form-section-avatar-size);overflow:hidden}.section-title-avatar.size-sm{--_pfx-form-section-avatar-size: var(--pfx-form-section-avatar-size-sm, 24px)}.section-title-avatar.size-md{--_pfx-form-section-avatar-size: var(--pfx-form-section-avatar-size-md, var(--pfx-form-section-avatar-size, 32px))}.section-title-avatar.size-lg{--_pfx-form-section-avatar-size: var(--pfx-form-section-avatar-size-lg, 40px)}.section-title-avatar-image{object-fit:cover;border:1px solid color-mix(in srgb,var(--pfx-form-section-divider) 72%,transparent);background:var(--pfx-form-section-surface-flat)}.section-title-avatar-text,.section-title-avatar-placeholder{background:color-mix(in srgb,var(--pfx-editorial-form-accent) 14%,var(--pfx-form-section-surface-flat));color:color-mix(in srgb,var(--pfx-editorial-form-accent) 82%,var(--pfx-form-label-strong) 18%);font-size:calc(var(--_pfx-form-section-avatar-size) * .41);font-weight:800;letter-spacing:.04em;text-transform:uppercase}.section-title-avatar-placeholder mat-icon{font-size:calc(var(--_pfx-form-section-avatar-size) * .5625);width:calc(var(--_pfx-form-section-avatar-size) * .5625);height:calc(var(--_pfx-form-section-avatar-size) * .5625);line-height:calc(var(--_pfx-form-section-avatar-size) * .5625)}.section-title-avatar-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: DynamicFieldLoaderDirective, selector: "[dynamicFieldLoader]", inputs: ["fields", "formGroup", "enableExternalControlBinding", "itemTemplate", "debugTrace", "debugTraceLabel", "readonlyMode", "disabledMode", "presentationMode", "visible", "canvasMode"], outputs: ["componentsCreated", "fieldCreated", "fieldDestroyed", "renderError", "canvasMouseEnter", "canvasMouseLeave", "canvasClick"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i4.MatFabButton, selector: "button[mat-fab], a[mat-fab], button[matFab], a[matFab]", inputs: ["extended"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i16.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i9.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "ngmodule", type: MatSnackBarModule }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "directive", type: i18.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "component", type: CanvasToolbarComponent, selector: "praxis-canvas-toolbar", inputs: ["selectedElement"], outputs: ["editMetadata", "delete", "moveUp", "moveDown", "selectPath", "requestClose", "toggleReadonly", "toggleRequired", "toggleHidden", "toggleDisabled"] }, { kind: "component", type: PraxisFormActionsComponent, selector: "praxis-form-actions", inputs: ["actions", "editorialVisualContext", "isSubmitting", "formIsValid", "submitError", "formId", "actionOverrides"], outputs: ["action"] }, { kind: "component", type: EmptyStateCardComponent, selector: "praxis-empty-state-card", inputs: ["icon", "title", "description", "primaryAction", "secondaryActions", "inline", "tone"] }, { kind: "component", type: PraxisAiAssistantComponent, selector: "praxis-ai-assistant", inputs: ["adapter", "riskPolicy", "allowManualPatchEdit"] }, { kind: "component", type: PraxisRichContent, selector: "praxis-rich-content", inputs: ["document", "nodes", "context", "hostCapabilities", "layout", "rootClassName"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: PraxisDynamicForm, isStandalone: true, selector: "praxis-dynamic-form", inputs: { resourcePath: "resourcePath", resourceId: "resourceId", initialValue: "initialValue", editorialContext: "editorialContext", mode: "mode", config: "config", actions: "actions", schemaSource: "schemaSource", schemaUrl: "schemaUrl", submitUrl: "submitUrl", submitMethod: "submitMethod", responseSchemaUrl: "responseSchemaUrl", apiEndpointKey: "apiEndpointKey", apiUrlEntry: "apiUrlEntry", enableCustomization: "enableCustomization", formId: "formId", componentInstanceId: "componentInstanceId", layout: "layout", backConfig: "backConfig", hooks: "hooks", removeEmptyContainersOnSave: "removeEmptyContainersOnSave", reactiveValidation: "reactiveValidation", reactiveValidationDebounceMs: "reactiveValidationDebounceMs", notifyIfOutdated: "notifyIfOutdated", snoozeMs: "snoozeMs", autoOpenSettingsOnOutdated: "autoOpenSettingsOnOutdated", readonlyModeGlobal: "readonlyModeGlobal", disabledModeGlobal: "disabledModeGlobal", presentationModeGlobal: "presentationModeGlobal", visibleGlobal: "visibleGlobal", customEndpoints: "customEndpoints" }, outputs: { formSubmit: "formSubmit", formCancel: "formCancel", formReset: "formReset", configChange: "configChange", formReady: "formReady", valueChange: "valueChange", syncCompleted: "syncCompleted", initializationError: "initializationError", loadingStateChange: "loadingStateChange", enableCustomizationChange: "enableCustomizationChange", customAction: "customAction", actionConfirmation: "actionConfirmation", schemaStatusChange: "schemaStatusChange", fieldRenderError: "fieldRenderError" }, providers: [providePraxisI18nConfig(PRAXIS_DYNAMIC_FORM_I18N_CONFIG)], viewQueries: [{ propertyName: "formHost", first: true, predicate: ["formHost"], descendants: true }, { propertyName: "fieldLoaders", predicate: DynamicFieldLoaderDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (isLoading) {\n<!-- Loading State -->\n<div class=\"form-loading\" role=\"status\" aria-live=\"polite\" aria-label=\"Carregando formul\u00E1rio\">\n  <div class=\"form-loading-header\">\n    <mat-progress-spinner diameter=\"32\"></mat-progress-spinner>\n    <div class=\"form-loading-copy\">\n      <p class=\"form-loading-title\">Carregando formul\u00E1rio...</p>\n      <p class=\"form-loading-subtitle\">Preparando campos e op\u00E7\u00F5es do cadastro.</p>\n    </div>\n  </div>\n  <div class=\"form-loading-skeleton\" aria-hidden=\"true\">\n    <span class=\"form-loading-line form-loading-line-title\"></span>\n    <span class=\"form-loading-line\"></span>\n    <span class=\"form-loading-line form-loading-line-short\"></span>\n    <span class=\"form-loading-field\"></span>\n    <span class=\"form-loading-field form-loading-field-wide\"></span>\n  </div>\n</div>\n} @else if (initializationStatus === 'error') {\n<!-- Error State -->\n<div class=\"form-error\">\n  <mat-icon color=\"warn\" [praxisIcon]=\"'error'\"></mat-icon>\n  <h3>{{ getErrorTitle() }}</h3>\n  <p>{{ currentErrorMessage }}</p>\n  @if (isRecoverable) {\n  <button mat-stroked-button (click)=\"retryInitialization()\">\n    <mat-icon [praxisIcon]=\"'refresh'\"></mat-icon>\n    Tentar Novamente\n  </button>\n  }\n  <button mat-button (click)=\"showDetailedError()\" class=\"show-details\">\n    Ver Detalhes T\u00E9cnicos\n  </button>\n  <!-- Permitir corre\u00E7\u00E3o do resourcePath diretamente do estado de erro -->\n  <button mat-flat-button color=\"primary\" (click)=\"openQuickConnect()\" class=\"connect-action\">\n    <mat-icon [praxisIcon]=\"'bolt'\"></mat-icon>\n    Conectar a recurso\n  </button>\n</div>\n} @else if (initializationStatus === 'success') {\n<!-- Inline banner for schema change (only when customization is enabled) -->\n@if (shouldShowOutdatedInline()) {\n<div class=\"pfx-form-info-banner\" role=\"status\" aria-live=\"polite\">\n  <div class=\"text\">O schema do servidor mudou. Reconciliar agora?</div>\n  <div class=\"actions\">\n    <button mat-stroked-button color=\"primary\" (click)=\"openConfigEditor()\">\n      <mat-icon [praxisIcon]=\"'sync'\"></mat-icon>\n      Reconciliar\n    </button>\n    <button mat-button (click)=\"onSnoozeOutdated()\">Lembrar depois</button>\n    <button mat-button (click)=\"onIgnoreOutdated()\">Ignorar</button>\n  </div>\n</div>\n}\n\n<!-- Configuration Controls -->\n@if (shouldShowConfigControls && enableCustomization) {\n<div class=\"form-config-controls\">\n  <praxis-ai-assistant [adapter]=\"aiAdapter\"></praxis-ai-assistant>\n  <button type=\"button\" mat-icon-button (click)=\"openConfigEditor()\" [disabled]=\"isLoading\" class=\"config-button\"\n    [matBadge]=\"schemaOutdated ? '!' : ''\" [matBadgeHidden]=\"!schemaOutdated\" matBadgeColor=\"warn\" matBadgeSize=\"small\"\n    matBadgePosition=\"above after\"\n    [matTooltip]=\"schemaOutdated ? 'Schema do servidor mudou \u2014 Reconciliar' : 'Configurar formul\u00E1rio'\">\n    <mat-icon [praxisIcon]=\"'settings'\"></mat-icon>\n  </button>\n  <button type=\"button\" mat-icon-button (click)=\"disconnect()\" matTooltip=\"Desconectar da fonte de dados\"\n    [disabled]=\"isLoading\">\n    <mat-icon [praxisIcon]=\"'link_off'\"></mat-icon>\n  </button>\n</div>\n}\n\n<!-- Form Content -->\n@if (!resourcePath && (!config.sections || config.sections.length === 0)) {\n<praxis-empty-state-card icon=\"link\" [title]=\"'Conecte o formul\u00E1rio \u00E0 fonte de dados'\"\n  [description]=\"'Informe a rota do recurso da API para gerar automaticamente os campos do formul\u00E1rio.'\"\n  [primaryAction]=\"{ label: 'Conectar \u00E0 fonte de dados', icon: 'bolt', action: openQuickConnect.bind(this) }\"></praxis-empty-state-card>\n}\n<form #formHost (ngSubmit)=\"onSubmit()\" [attr.aria-busy]=\"submitting ? 'true' : null\"\n  [attr.aria-label]=\"'Formul\u00E1rio ' + (config.metadata?.version || '')\" [class.canvas-mode-enabled]=\"enableCustomization\"\n  [class.presentation-mode]=\"effectivePresentation\" [class.readonly-mode]=\"effectiveReadonly\"\n  [class.editorial-visual-context]=\"hasEditorialVisualContext()\"\n  [class.pfx-mounting]=\"isMounting\" [formGroup]=\"form\"\n  [ngClass]=\"{\n    'pres-compact': presentationVars.compact,\n    'pres-label-left': presentationVars.labelPosition === 'left',\n    'pres-label-above': presentationVars.labelPosition === 'above'\n  }\" [style.--pfx-pres-label-align]=\"presentationVars.labelAlign\"\n  [style.--pfx-pres-label-size]=\"presentationVars.labelSize\"\n  [style.--pfx-pres-label-width]=\"presentationVars.labelWidth\"\n  [style.--pfx-pres-row-gap]=\"presentationVars.density === 'compact' ? '6px' : (presentationVars.density === 'cozy' ? '8px' : '10px')\"\n  [style.--pfx-pres-row-padding]=\"presentationVars.density === 'compact' ? '2px 0' : (presentationVars.density === 'cozy' ? '6px 0' : '8px 0')\"\n  [style.--pfx-pres-value-align]=\"presentationVars.valueAlign\"\n  [style.--pfx-pres-value-size]=\"presentationVars.valueSize\"\n  [style.--pdx-form-mount-duration]=\"getMountDurationVar()\"\n  [style.--pdx-form-mount-offset]=\"getMountOffsetVar()\"\n  [style.--pdx-form-mount-stagger]=\"getMountStaggerVar()\"\n  class=\"praxis-dynamic-form\">\n  <praxis-canvas-toolbar (editMetadata)=\"openSelectedElementEditor()\" (selectPath)=\"onSelectPath($event)\"\n    (moveUp)=\"onToolbarMove('up')\" (moveDown)=\"onToolbarMove('down')\" (toggleReadonly)=\"onToolbarToggleReadonly()\"\n    (toggleRequired)=\"onToolbarToggleRequired()\" (toggleHidden)=\"onToolbarToggleHidden()\"\n    (toggleDisabled)=\"onToolbarToggleDisabled()\" (requestClose)=\"onToolbarRequestClose()\"\n    *ngIf=\"enableCustomization && selectedElement\" [selectedElement]=\"selectedElement\"\n    [style.transform]=\"toolbarTransform\"></praxis-canvas-toolbar>\n\n  @if (formBlocksBefore?.nodes?.length) {\n    <section class=\"form-editorial-blocks form-editorial-blocks-before\" data-editorial-placement=\"before\">\n      <praxis-rich-content\n        [document]=\"formBlocksBeforeDocument\"\n        [context]=\"getEditorialRichContentContext()\"\n      ></praxis-rich-content>\n    </section>\n  }\n\n  @if (actionPlacement === 'top' && !(effectivePresentation || effectiveReadonly)) {\n  <praxis-form-actions data-actions-placement=\"top\" [actions]=\"effectiveActions\" [isSubmitting]=\"submitting\"\n    [formIsValid]=\"effectiveFormIsValid\" [submitError]=\"submitError\" [formId]=\"formId\" [actionOverrides]=\"actionRuleProps\"\n    [invalidRequiredFieldLabels]=\"invalidRequiredFieldLabels\"\n    [editorialVisualContext]=\"hasEditorialVisualContext()\"\n    (action)=\"onFormAction($event)\"></praxis-form-actions>\n  }\n\n  @for (section of config.sections; track (section.id ?? $index); let sectionIndex = $index;\n  let last = $last) {\n  <div class=\"section-drop-wrapper\" [attr.data-section-id]=\"section.id\">\n    @if (isSectionVisible(section)) {\n      <div #sectionEl class=\"form-section canvas-element\" data-canvas-type=\"section\" [attr.data-section-id]=\"section.id\"\n        [attr.data-section-index]=\"sectionIndex\" (mouseenter)=\"onElementMouseEnter($event, 'section', section, sectionEl)\"\n        (mouseleave)=\"onElementMouseLeave($event)\" (click)=\"onElementClick($event, 'section', section, sectionEl)\"\n        [class.selected]=\"selectedElement?.domElement === sectionEl\"\n        [class.hovered]=\"hoveredElement?.domElement === sectionEl && selectedElement?.domElement !== sectionEl\"\n        [attr.data-section-appearance]=\"getSectionAppearance(section) || null\"\n        [style.marginBottom.px]=\"!last ? getSectionGapBottom(section) : null\" [ngClass]=\"getSectionClasses(section)\"\n        [ngStyle]=\"getSectionStyles(section)\">\n      <div\n        class=\"section-heading\"\n        [class.align-center]=\"getSectionHeaderAlign(section) === 'center'\"\n        [class.step-appearance]=\"getSectionAppearance(section) === 'step'\"\n      >\n        <div class=\"section-heading-text\" [matTooltip]=\"getSectionHeaderTooltip(section) || null\"\n          [matTooltipDisabled]=\"!getSectionHeaderTooltip(section)\">\n          @if (getSectionStepLabel(section)) {\n          <div class=\"section-step-label\" [class.align-center]=\"getSectionHeaderAlign(section) === 'center'\">\n            {{ getSectionStepLabel(section) }}\n          </div>\n          }\n          @if (getSectionTitle(section)) {\n          <h3 class=\"section-title\" [class.title-large]=\"getSectionTitleStyle(section) === 'titleLarge'\"\n            [class.title-medium]=\"getSectionTitleStyle(section) === 'titleMedium'\"\n            [class.title-small]=\"getSectionTitleStyle(section) === 'titleSmall'\"\n            [class.headline-small]=\"getSectionTitleStyle(section) === 'headlineSmall'\"\n            [style.marginBottom.px]=\"getSectionTitleGapBottom(section) ?? 20\" [style.color]=\"getSectionTitleColor(section) || null\"\n            [class.align-center]=\"getSectionHeaderAlign(section) === 'center'\"\n            [attr.id]=\"sectionPanelId(section, sectionIndex) + '-title'\">\n            @let sectionHeaderVisual = getSectionHeaderVisual(section);\n            @let sectionHeaderAvatarSize = getSectionHeaderAvatarSize(section);\n            @if (sectionHeaderVisual.kind === 'icon') {\n            <mat-icon class=\"section-title-icon\" aria-hidden=\"true\" [praxisIcon]=\"sectionHeaderVisual.icon\"></mat-icon>\n            }\n            @if (sectionHeaderVisual.kind === 'image') {\n            <img class=\"section-title-avatar section-title-avatar-image\" [class.size-sm]=\"sectionHeaderAvatarSize === 'sm'\"\n              [class.size-md]=\"sectionHeaderAvatarSize === 'md'\" [class.size-lg]=\"sectionHeaderAvatarSize === 'lg'\"\n              [src]=\"sectionHeaderVisual.src\" [alt]=\"sectionHeaderVisual.alt\" />\n            }\n            @if (sectionHeaderVisual.kind === 'initials') {\n            <span class=\"section-title-avatar section-title-avatar-text\" [class.size-sm]=\"sectionHeaderAvatarSize === 'sm'\"\n              [class.size-md]=\"sectionHeaderAvatarSize === 'md'\" [class.size-lg]=\"sectionHeaderAvatarSize === 'lg'\" aria-hidden=\"true\">\n              {{ sectionHeaderVisual.text }}\n            </span>\n            @if (sectionHeaderVisual.ariaLabel) {\n            <span class=\"section-title-avatar-sr-only\">{{ sectionHeaderVisual.ariaLabel }}</span>\n            }\n            }\n            @if (sectionHeaderVisual.kind === 'placeholder') {\n            <span class=\"section-title-avatar section-title-avatar-placeholder\" [class.size-sm]=\"sectionHeaderAvatarSize === 'sm'\"\n              [class.size-md]=\"sectionHeaderAvatarSize === 'md'\" [class.size-lg]=\"sectionHeaderAvatarSize === 'lg'\" aria-hidden=\"true\">\n              @if (sectionHeaderVisual.icon) {\n              <mat-icon aria-hidden=\"true\" [praxisIcon]=\"sectionHeaderVisual.icon\"></mat-icon>\n              }\n              @if (sectionHeaderVisual.text) {\n              <span>{{ sectionHeaderVisual.text }}</span>\n              }\n            </span>\n            @if (sectionHeaderVisual.ariaLabel) {\n            <span class=\"section-title-avatar-sr-only\">{{ sectionHeaderVisual.ariaLabel }}</span>\n            }\n            }\n            {{ getSectionTitle(section) }}\n            @if (enableCustomization) {\n            <button type=\"button\" class=\"inline-edit-btn\" mat-icon-button (click)=\"openSectionEditor(section, 'title')\"\n              aria-label=\"Editar t\u00EDtulo da se\u00E7\u00E3o\" matTooltip=\"Editar t\u00EDtulo\">\n              <mat-icon>edit</mat-icon>\n            </button>\n            }\n          </h3>\n          }\n          @if (getSectionDescription(section)) {\n          <p class=\"section-description\" [class.body-large]=\"getSectionDescriptionStyle(section) === 'bodyLarge'\"\n            [class.body-medium]=\"getSectionDescriptionStyle(section) === 'bodyMedium'\"\n            [class.body-small]=\"getSectionDescriptionStyle(section) === 'bodySmall'\"\n            [style.marginBottom.px]=\"getSectionDescriptionGapBottom(section) ?? 8\" [style.color]=\"getSectionDescriptionColor(section) || null\"\n            [class.align-center]=\"getSectionHeaderAlign(section) === 'center'\">\n            {{ getSectionDescription(section) }}\n            @if (enableCustomization) {\n            <button type=\"button\" class=\"inline-edit-btn\" mat-icon-button\n              (click)=\"openSectionEditor(section, 'description')\" aria-label=\"Editar descri\u00E7\u00E3o da se\u00E7\u00E3o\"\n              matTooltip=\"Editar descri\u00E7\u00E3o\">\n              <mat-icon>edit</mat-icon>\n            </button>\n            }\n          </p>\n          }\n        </div>\n        @if (getSectionHeaderActions(section).length) {\n        <div class=\"section-heading-actions\" [class.align-center]=\"getSectionHeaderAlign(section) === 'center'\">\n          @for (action of getSectionHeaderActions(section); track action.id) {\n          <button\n            type=\"button\"\n            class=\"section-heading-action-btn\"\n            mat-icon-button\n            [color]=\"getSectionHeaderActionColor(action)\"\n            [disabled]=\"isSectionHeaderActionDisabled(action)\"\n            [matTooltip]=\"getSectionHeaderActionTooltip(action)\"\n            [attr.aria-label]=\"action.label\"\n            [attr.aria-busy]=\"action.loading ? 'true' : null\"\n            [ngClass]=\"getSectionHeaderActionNgClass(action)\"\n            [ngStyle]=\"getSectionHeaderActionStyles(action)\"\n            (click)=\"onSectionHeaderActionClick(section, action, $event)\"\n          >\n            @if (action.loading) {\n            <mat-progress-spinner diameter=\"16\" mode=\"indeterminate\"></mat-progress-spinner>\n            <span class=\"section-heading-action-sr-only\">{{ getSectionHeaderActionLoadingLabel(action) }}</span>\n            } @else {\n            <mat-icon [praxisIcon]=\"action.icon\"></mat-icon>\n            }\n          </button>\n          }\n        </div>\n        }\n        @if (isSectionCollapsible(section)) {\n        <button type=\"button\" class=\"section-collapse-btn\" mat-icon-button\n          (click)=\"toggleSectionCollapse($event, section)\" [attr.aria-expanded]=\"!isSectionCollapsed(section)\"\n          [attr.aria-controls]=\"sectionPanelId(section, sectionIndex)\"\n          [attr.aria-label]=\"isSectionCollapsed(section) ? 'Expandir se\u00E7\u00E3o' : 'Recolher se\u00E7\u00E3o'\">\n          <mat-icon [praxisIcon]=\"isSectionCollapsed(section) ? 'expand_more' : 'expand_less'\"></mat-icon>\n        </button>\n        }\n      </div>\n\n      <div class=\"section-body\" [class.collapsed]=\"isSectionCollapsed(section)\"\n        [attr.id]=\"sectionPanelId(section, sectionIndex)\"\n        [attr.aria-labelledby]=\"getSectionTitle(section) ? sectionPanelId(section, sectionIndex) + '-title' : null\">\n        @if (!isSectionCollapsed(section)) {\n        @for (row of section.rows; track (row.id ?? $index); let rowIndex = $index) {\n        @if (isRowVisible(row)) {\n        <div class=\"row-drop-wrapper\" [attr.data-section-id]=\"section.id\">\n          <div #rowEl class=\"form-row grid-12 canvas-element\" data-canvas-type=\"row\" [attr.data-row-index]=\"rowIndex\"\n            [attr.data-section-id]=\"section.id\" [attr.data-row-id]=\"row.id\" [style.--pfx-grid-gap.px]=\"getRowGap(row)\"\n            [style.--pfx-field-gap.px]=\"getRowRowGap(row)\"\n            [style.--pfx-mount-index]=\"rowIndex\"\n            [style.marginBottom.px]=\"rowIndex < section.rows.length - 1 ? (getRowRowGap(row) ?? null) : null\"\n            [ngClass]=\"getRowClasses(row)\" [ngStyle]=\"getRowStyles(row)\"\n            (mouseenter)=\"onElementMouseEnter($event, 'row', row, rowEl)\" (mouseleave)=\"onElementMouseLeave($event)\"\n            (click)=\"onElementClick($event, 'row', row, rowEl)\" [class.selected]=\"selectedElement?.domElement === rowEl\"\n            [class.hovered]=\"hoveredElement?.domElement === rowEl && selectedElement?.domElement !== rowEl\">\n            @for (column of row.columns; track (column.id ?? $index); let colIndex = $index) {\n            @if (isColumnVisible(column)) {\n            <div class=\"column-drop-wrapper\" [attr.data-section-id]=\"section.id\" [attr.data-row-id]=\"row.id\">\n              <div #colEl class=\"form-column canvas-element\" [ngClass]=\"getColumnClasses(column)\"\n                [style.padding.px]=\"getColumnPadding(column)\" [style.--pfx-field-gap.px]=\"getRowRowGap(row)\"\n                [ngStyle]=\"getColumnStyles(column)\" [attr.data-testid]=\"column.testId || null\"\n                [attr.data-row-gap]=\"getRowRowGap(row)\" data-canvas-type=\"column\" [attr.data-column-index]=\"colIndex\"\n                [attr.data-row-index]=\"rowIndex\" [attr.data-section-id]=\"section.id\" [attr.data-row-id]=\"row.id\"\n                [attr.data-column-id]=\"column.id\" (mouseenter)=\"onElementMouseEnter($event, 'column', column, colEl)\"\n                (mouseleave)=\"onElementMouseLeave($event)\" (click)=\"onElementClick($event, 'column', column, colEl)\"\n                [class.selected]=\"selectedElement?.domElement === colEl\"\n                [class.hovered]=\"hoveredElement?.domElement === colEl && selectedElement?.domElement !== colEl\">\n                <ng-container dynamicFieldLoader [fields]=\"getColumnFields(column)\" [formGroup]=\"form\"\n                  [enableExternalControlBinding]=\"true\"\n                  [readonlyMode]=\"readonlyModeGlobal === null ? null : readonlyModeGlobal\"\n                  [disabledMode]=\"effectiveDisabledMode\"\n                  [presentationMode]=\"presentationForLoader\" [visible]=\"visibleGlobal === null ? null : visibleGlobal\"\n                  [canvasMode]=\"enableCustomization\" (canvasMouseEnter)=\"onFieldMouseEnter($event)\"\n                  (canvasMouseLeave)=\"onFieldMouseLeave($event)\" (canvasClick)=\"onFieldClick($event)\"\n                  (renderError)=\"onFieldRenderError($event)\">\n                </ng-container>\n              </div>\n            </div>\n            } }\n          </div>\n        </div>\n        }\n        }\n        } @else {\n        <div class=\"section-collapsed-placeholder\">\n          <mat-icon aria-hidden=\"true\" [praxisIcon]=\"'unfold_more'\"></mat-icon>\n          <span>{{ getSectionCollapsedSummary(section) }}</span>\n        </div>\n        }\n        @if (last && beforeActionsPlacement === 'insideLastSection' && formBlocksBeforeActions?.nodes?.length) {\n        <section class=\"form-editorial-blocks form-editorial-blocks-before-actions\" data-editorial-placement=\"beforeActions\">\n          <praxis-rich-content\n            [document]=\"formBlocksBeforeActionsDocument\"\n            [context]=\"getEditorialRichContentContext()\"\n          ></praxis-rich-content>\n        </section>\n        }\n        @if (actionPlacement === 'insideLastSection' && last && !(effectivePresentation\n        || effectiveReadonly)) {\n        <praxis-form-actions data-actions-placement=\"insideLastSection\" [actions]=\"effectiveActions\"\n          [isSubmitting]=\"submitting\" [formIsValid]=\"effectiveFormIsValid\" [submitError]=\"submitError\" [formId]=\"formId\"\n          [actionOverrides]=\"actionRuleProps\" [invalidRequiredFieldLabels]=\"invalidRequiredFieldLabels\"\n          [editorialVisualContext]=\"hasEditorialVisualContext()\"\n          (action)=\"onFormAction($event)\"></praxis-form-actions>\n        }\n      </div>\n      <!-- Overlay de bloqueio durante submiss\u00E3o -->\n      @if (submitting) {\n      <div class=\"form-blocking-overlay\" aria-live=\"polite\">\n        <mat-progress-spinner diameter=\"40\" color=\"primary\"></mat-progress-spinner>\n        <p>{{ config.messages?.loading?.submit || 'Salvando...' }}</p>\n      </div>\n      }\n    </div>\n\n    @if (enableCustomization && selectedElement?.domElement === sectionEl) {\n      <div class=\"add-section-container\">\n        <div class=\"add-section-line\"></div>\n        <button mat-fab color=\"primary\" aria-label=\"Adicionar nova se\u00E7\u00E3o\" (click)=\"addNewSectionAfter(sectionIndex)\"\n          matTooltip=\"Adicionar nova se\u00E7\u00E3o aqui\">\n          <mat-icon [praxisIcon]=\"'add'\"></mat-icon>\n        </button>\n        <div class=\"add-section-line\"></div>\n      </div>\n    }\n    }\n  </div>\n  }\n\n  @if (beforeActionsPlacement !== 'insideLastSection' && formBlocksBeforeActions?.nodes?.length) {\n    <section class=\"form-editorial-blocks form-editorial-blocks-before-actions\" data-editorial-placement=\"beforeActions\">\n      <praxis-rich-content\n        [document]=\"formBlocksBeforeActionsDocument\"\n        [context]=\"getEditorialRichContentContext()\"\n      ></praxis-rich-content>\n    </section>\n  }\n\n  @if (actionPlacement === 'afterSections' && !(effectivePresentation || effectiveReadonly)) {\n    <praxis-form-actions data-actions-placement=\"afterSections\" [actions]=\"effectiveActions\" [isSubmitting]=\"submitting\"\n      [formIsValid]=\"effectiveFormIsValid\" [submitError]=\"submitError\" [formId]=\"formId\"\n      [actionOverrides]=\"actionRuleProps\" [invalidRequiredFieldLabels]=\"invalidRequiredFieldLabels\"\n      [editorialVisualContext]=\"hasEditorialVisualContext()\"\n      (action)=\"onFormAction($event)\"></praxis-form-actions>\n  }\n\n  @if (formBlocksAfter?.nodes?.length) {\n    <section class=\"form-editorial-blocks form-editorial-blocks-after\" data-editorial-placement=\"after\">\n      <praxis-rich-content\n        [document]=\"formBlocksAfterDocument\"\n        [context]=\"getEditorialRichContentContext()\"\n      ></praxis-rich-content>\n    </section>\n  }\n</form>\n@if (!enableCustomization && mode === 'view') {\n<div class=\"ai-floating-assistant\">\n  <praxis-ai-assistant [adapter]=\"aiAdapter\"></praxis-ai-assistant>\n</div>\n}\n}\n", styles: ["@charset \"UTF-8\";.span-xs-1{grid-column:span 1}.span-xs-2{grid-column:span 2}.span-xs-3{grid-column:span 3}.span-xs-4{grid-column:span 4}.span-xs-5{grid-column:span 5}.span-xs-6{grid-column:span 6}.span-xs-7{grid-column:span 7}.span-xs-8{grid-column:span 8}.span-xs-9{grid-column:span 9}.span-xs-10{grid-column:span 10}.span-xs-11{grid-column:span 11}.span-xs-12{grid-column:span 12}.offset-xs-0{margin-left:0%}.offset-xs-1{margin-left:calc(1 / 12 * 100%)}.offset-xs-2{margin-left:calc(2 / 12 * 100%)}.offset-xs-3{margin-left:25%}.offset-xs-4{margin-left:calc(4 / 12 * 100%)}.offset-xs-5{margin-left:calc(5 / 12 * 100%)}.offset-xs-6{margin-left:50%}.offset-xs-7{margin-left:calc(7 / 12 * 100%)}.offset-xs-8{margin-left:calc(8 / 12 * 100%)}.offset-xs-9{margin-left:75%}.offset-xs-10{margin-left:calc(10 / 12 * 100%)}.offset-xs-11{margin-left:calc(11 / 12 * 100%)}.order-xs--12{order:-12}.order-xs--11{order:-11}.order-xs--10{order:-10}.order-xs--9{order:-9}.order-xs--8{order:-8}.order-xs--7{order:-7}.order-xs--6{order:-6}.order-xs--5{order:-5}.order-xs--4{order:-4}.order-xs--3{order:-3}.order-xs--2{order:-2}.order-xs--1{order:-1}.order-xs-0{order:0}.order-xs-1{order:1}.order-xs-2{order:2}.order-xs-3{order:3}.order-xs-4{order:4}.order-xs-5{order:5}.order-xs-6{order:6}.order-xs-7{order:7}.order-xs-8{order:8}.order-xs-9{order:9}.order-xs-10{order:10}.order-xs-11{order:11}.order-xs-12{order:12}.hidden-xs{display:none}@media(min-width:600px){.span-sm-1{grid-column:span 1}.span-sm-2{grid-column:span 2}.span-sm-3{grid-column:span 3}.span-sm-4{grid-column:span 4}.span-sm-5{grid-column:span 5}.span-sm-6{grid-column:span 6}.span-sm-7{grid-column:span 7}.span-sm-8{grid-column:span 8}.span-sm-9{grid-column:span 9}.span-sm-10{grid-column:span 10}.span-sm-11{grid-column:span 11}.span-sm-12{grid-column:span 12}.offset-sm-0{margin-left:0%}.offset-sm-1{margin-left:calc(1 / 12 * 100%)}.offset-sm-2{margin-left:calc(2 / 12 * 100%)}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:calc(4 / 12 * 100%)}.offset-sm-5{margin-left:calc(5 / 12 * 100%)}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:calc(7 / 12 * 100%)}.offset-sm-8{margin-left:calc(8 / 12 * 100%)}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:calc(10 / 12 * 100%)}.offset-sm-11{margin-left:calc(11 / 12 * 100%)}.order-sm--12{order:-12}.order-sm--11{order:-11}.order-sm--10{order:-10}.order-sm--9{order:-9}.order-sm--8{order:-8}.order-sm--7{order:-7}.order-sm--6{order:-6}.order-sm--5{order:-5}.order-sm--4{order:-4}.order-sm--3{order:-3}.order-sm--2{order:-2}.order-sm--1{order:-1}.order-sm-0{order:0}.order-sm-1{order:1}.order-sm-2{order:2}.order-sm-3{order:3}.order-sm-4{order:4}.order-sm-5{order:5}.order-sm-6{order:6}.order-sm-7{order:7}.order-sm-8{order:8}.order-sm-9{order:9}.order-sm-10{order:10}.order-sm-11{order:11}.order-sm-12{order:12}.hidden-sm{display:none}}@media(min-width:900px){.span-md-1{grid-column:span 1}.span-md-2{grid-column:span 2}.span-md-3{grid-column:span 3}.span-md-4{grid-column:span 4}.span-md-5{grid-column:span 5}.span-md-6{grid-column:span 6}.span-md-7{grid-column:span 7}.span-md-8{grid-column:span 8}.span-md-9{grid-column:span 9}.span-md-10{grid-column:span 10}.span-md-11{grid-column:span 11}.span-md-12{grid-column:span 12}.offset-md-0{margin-left:0%}.offset-md-1{margin-left:calc(1 / 12 * 100%)}.offset-md-2{margin-left:calc(2 / 12 * 100%)}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:calc(4 / 12 * 100%)}.offset-md-5{margin-left:calc(5 / 12 * 100%)}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:calc(7 / 12 * 100%)}.offset-md-8{margin-left:calc(8 / 12 * 100%)}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:calc(10 / 12 * 100%)}.offset-md-11{margin-left:calc(11 / 12 * 100%)}.order-md--12{order:-12}.order-md--11{order:-11}.order-md--10{order:-10}.order-md--9{order:-9}.order-md--8{order:-8}.order-md--7{order:-7}.order-md--6{order:-6}.order-md--5{order:-5}.order-md--4{order:-4}.order-md--3{order:-3}.order-md--2{order:-2}.order-md--1{order:-1}.order-md-0{order:0}.order-md-1{order:1}.order-md-2{order:2}.order-md-3{order:3}.order-md-4{order:4}.order-md-5{order:5}.order-md-6{order:6}.order-md-7{order:7}.order-md-8{order:8}.order-md-9{order:9}.order-md-10{order:10}.order-md-11{order:11}.order-md-12{order:12}.hidden-md{display:none}}@media(min-width:1200px){.span-lg-1{grid-column:span 1}.span-lg-2{grid-column:span 2}.span-lg-3{grid-column:span 3}.span-lg-4{grid-column:span 4}.span-lg-5{grid-column:span 5}.span-lg-6{grid-column:span 6}.span-lg-7{grid-column:span 7}.span-lg-8{grid-column:span 8}.span-lg-9{grid-column:span 9}.span-lg-10{grid-column:span 10}.span-lg-11{grid-column:span 11}.span-lg-12{grid-column:span 12}.offset-lg-0{margin-left:0%}.offset-lg-1{margin-left:calc(1 / 12 * 100%)}.offset-lg-2{margin-left:calc(2 / 12 * 100%)}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:calc(4 / 12 * 100%)}.offset-lg-5{margin-left:calc(5 / 12 * 100%)}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:calc(7 / 12 * 100%)}.offset-lg-8{margin-left:calc(8 / 12 * 100%)}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:calc(10 / 12 * 100%)}.offset-lg-11{margin-left:calc(11 / 12 * 100%)}.order-lg--12{order:-12}.order-lg--11{order:-11}.order-lg--10{order:-10}.order-lg--9{order:-9}.order-lg--8{order:-8}.order-lg--7{order:-7}.order-lg--6{order:-6}.order-lg--5{order:-5}.order-lg--4{order:-4}.order-lg--3{order:-3}.order-lg--2{order:-2}.order-lg--1{order:-1}.order-lg-0{order:0}.order-lg-1{order:1}.order-lg-2{order:2}.order-lg-3{order:3}.order-lg-4{order:4}.order-lg-5{order:5}.order-lg-6{order:6}.order-lg-7{order:7}.order-lg-8{order:8}.order-lg-9{order:9}.order-lg-10{order:10}.order-lg-11{order:11}.order-lg-12{order:12}.hidden-lg{display:none}}@media(min-width:1536px){.span-xl-1{grid-column:span 1}.span-xl-2{grid-column:span 2}.span-xl-3{grid-column:span 3}.span-xl-4{grid-column:span 4}.span-xl-5{grid-column:span 5}.span-xl-6{grid-column:span 6}.span-xl-7{grid-column:span 7}.span-xl-8{grid-column:span 8}.span-xl-9{grid-column:span 9}.span-xl-10{grid-column:span 10}.span-xl-11{grid-column:span 11}.span-xl-12{grid-column:span 12}.offset-xl-0{margin-left:0%}.offset-xl-1{margin-left:calc(1 / 12 * 100%)}.offset-xl-2{margin-left:calc(2 / 12 * 100%)}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:calc(4 / 12 * 100%)}.offset-xl-5{margin-left:calc(5 / 12 * 100%)}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:calc(7 / 12 * 100%)}.offset-xl-8{margin-left:calc(8 / 12 * 100%)}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:calc(10 / 12 * 100%)}.offset-xl-11{margin-left:calc(11 / 12 * 100%)}.order-xl--12{order:-12}.order-xl--11{order:-11}.order-xl--10{order:-10}.order-xl--9{order:-9}.order-xl--8{order:-8}.order-xl--7{order:-7}.order-xl--6{order:-6}.order-xl--5{order:-5}.order-xl--4{order:-4}.order-xl--3{order:-3}.order-xl--2{order:-2}.order-xl--1{order:-1}.order-xl-0{order:0}.order-xl-1{order:1}.order-xl-2{order:2}.order-xl-3{order:3}.order-xl-4{order:4}.order-xl-5{order:5}.order-xl-6{order:6}.order-xl-7{order:7}.order-xl-8{order:8}.order-xl-9{order:9}.order-xl-10{order:10}.order-xl-11{order:11}.order-xl-12{order:12}.hidden-xl{display:none}}.canvas-mode-enabled{--canvas-hit: 14px}.canvas-mode-enabled .canvas-element{position:relative;z-index:0;border-radius:8px;outline:2px solid transparent;outline-offset:2px;transition:outline-color .2s ease,outline-style .2s ease}.canvas-mode-enabled .canvas-element:before{content:\"\";position:absolute;inset:calc(-1 * var(--canvas-hit));pointer-events:none;border-radius:inherit;background:transparent}.canvas-mode-enabled .canvas-element[data-canvas-type=section]{--outline-color: var(--md-sys-color-primary)}.canvas-mode-enabled .canvas-element[data-canvas-type=row]{--outline-color: var(--md-sys-color-secondary)}.canvas-mode-enabled .canvas-element[data-canvas-type=column],.canvas-mode-enabled .canvas-element[data-canvas-type=field]{--outline-color: var(--md-sys-color-tertiary)}.canvas-mode-enabled .canvas-element[data-canvas-type=actions]{--outline-color: var(--md-sys-color-primary)}.canvas-mode-enabled .canvas-element.hovered:not(.selected){outline-color:var(--outline-color, var(--md-sys-color-primary));outline-style:dashed}.canvas-mode-enabled .canvas-element.selected{outline-color:var(--outline-color, var(--md-sys-color-primary));outline-style:solid;box-shadow:0 0 0 2px var(--outline-color, var(--md-sys-color-primary))}.canvas-mode-enabled .canvas-element.hovered{z-index:var(--praxis-layer-authoring-hover, 300)}.canvas-mode-enabled .canvas-element.selected{z-index:var(--praxis-layer-authoring-selected, 320)}.section-drop-wrapper,.row-drop-wrapper,.column-drop-wrapper{display:contents}.add-section-container{display:flex;align-items:center;justify-content:center;padding:.5rem 0;margin:-.5rem 0;position:relative;z-index:var(--praxis-layer-authoring-insert, 280)}.add-section-container .add-section-line{flex-grow:1;height:1px;background:repeating-linear-gradient(90deg,var(--md-sys-color-outline-variant),var(--md-sys-color-outline-variant) 4px,transparent 4px,transparent 8px)}.add-section-container button{margin:0 1rem;transform:scale(.85)}:host{display:block;position:relative}.form-config-controls{position:sticky;top:10px;margin-left:auto;margin-bottom:10px;display:flex;align-items:center;gap:.35rem;z-index:60;background:color-mix(in srgb,var(--md-sys-color-surface) 92%,transparent);padding:6px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 82%,transparent);border-radius:999px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 22px #0f172a14;min-width:0;justify-content:flex-end;pointer-events:none;opacity:.88;transition:opacity .16s ease,box-shadow .16s ease,border-color .16s ease,transform .16s ease}.form-config-controls>*{pointer-events:auto}.praxis-dynamic-form:hover .form-config-controls,.praxis-dynamic-form:focus-within .form-config-controls{opacity:1;border-color:color-mix(in srgb,var(--md-sys-color-primary) 26%,var(--md-sys-color-outline-variant) 74%);box-shadow:0 14px 28px #0f172a1f;transform:translateY(-1px)}.form-config-controls .mat-icon-button{--mdc-icon-button-state-layer-size: 34px;width:34px;height:34px;color:var(--md-sys-color-on-surface-variant);background:color-mix(in srgb,var(--md-sys-color-surface-container-low) 82%,transparent);border:1px solid transparent}.form-config-controls .mat-icon-button:hover{color:var(--md-sys-color-primary);background:var(--md-sys-color-primary-container);border-color:color-mix(in srgb,var(--md-sys-color-primary) 20%,transparent)}.ai-floating-assistant{position:sticky;right:0;bottom:12px;margin-top:14px;margin-left:auto;width:fit-content;z-index:70;pointer-events:none}.ai-floating-assistant praxis-ai-assistant{pointer-events:auto;display:inline-flex}.ai-floating-assistant .ai-trigger-btn{box-shadow:0 12px 28px #0f172a24}.config-button{color:var(--md-sys-color-primary)}.form-loading{display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding:1.25rem;text-align:left;color:var(--md-sys-color-on-surface);gap:1rem;min-height:220px;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 14%,var(--md-sys-color-outline-variant) 86%);border-radius:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--md-sys-color-primary) 8%,transparent),transparent 42%),color-mix(in srgb,var(--md-sys-color-surface-container-low) 78%,var(--md-sys-color-surface) 22%);box-shadow:0 12px 28px #0f172a14}.form-loading-header{display:flex;align-items:center;gap:.85rem}.form-loading-copy{min-width:0}.form-loading p{margin:0}.form-loading-title{font-weight:700;color:var(--md-sys-color-on-surface)}.form-loading-subtitle{margin-top:.2rem;font-size:.875rem;color:var(--md-sys-color-on-surface-variant)}.form-loading-skeleton{display:grid;gap:.7rem}.form-loading-line,.form-loading-field{display:block;overflow:hidden;position:relative;border-radius:6px;background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 74%,var(--md-sys-color-primary) 6%)}.form-loading-line:after,.form-loading-field:after{content:\"\";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--md-sys-color-primary) 16%,white 18%),transparent);animation:form-loading-shimmer 1.4s ease-in-out infinite}.form-loading-line{height:12px}.form-loading-line-title{width:min(42%,240px)}.form-loading-line-short{width:min(64%,360px)}.form-loading-field{height:44px}.form-loading-field-wide{height:72px}@keyframes form-loading-shimmer{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.form-loading-line:after,.form-loading-field:after{animation:none;transform:none;opacity:.28}}.form-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--md-sys-color-error);gap:1rem;border:1px solid var(--md-sys-color-error);border-radius:8px;background-color:var(--md-sys-color-error-container);margin:1rem;box-shadow:0 12px 30px #7f1d1d1f}.form-error h3{margin:0;color:var(--md-sys-color-on-error-container)}.form-error p{margin:0;color:var(--md-sys-color-on-error-container);opacity:.8}.form-error button{margin-top:.5rem}.pfx-form-info-banner{margin-bottom:14px;padding:12px 14px;border-radius:16px;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 18%,var(--md-sys-color-outline-variant) 82%);background:color-mix(in srgb,var(--md-sys-color-primary-container) 24%,var(--md-sys-color-surface) 76%);color:var(--md-sys-color-on-surface);display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.pfx-form-info-banner .text{font-size:.92rem;line-height:1.5;font-weight:600}.pfx-form-info-banner .actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.praxis-dynamic-form{display:flex;flex-direction:column;transition:all .3s ease;position:relative;font-family:inherit;font-size:inherit;color:inherit;--pfx-editorial-form-surface: var( --pfx-form-section-surface, var(--md-sys-color-surface-container) );--pfx-editorial-form-surface-muted: var(--md-sys-color-surface-container-low);--pfx-editorial-form-border: var( --pfx-form-stroke, var(--md-sys-color-outline-variant) );--pfx-editorial-form-text: var(--md-sys-color-on-surface);--pfx-editorial-form-text-muted: var(--md-sys-color-on-surface-variant);--pfx-editorial-form-field-surface: color-mix( in srgb, var(--pfx-editorial-form-surface-muted) 76%, var(--pfx-editorial-form-surface) 24% );--pfx-editorial-form-field-outline: color-mix( in srgb, var(--pfx-editorial-form-border) 88%, transparent );--pfx-editorial-form-accent: var(--md-sys-color-primary);--pfx-editorial-form-accent-text: var(--md-sys-color-on-primary);--pfx-editorial-form-radius: var(--pfx-form-section-radius, 8px);--pfx-editorial-form-field-radius: var(--pfx-form-field-radius, 4px);--pfx-editorial-form-border-width: 1px;--pfx-editorial-form-field-border-width: 1px;--pfx-editorial-form-shadow: none;--pfx-form-shell-surface: color-mix( in srgb, var(--pfx-editorial-form-surface) 36%, transparent );--pfx-form-section-surface-flat: color-mix( in srgb, var(--pfx-editorial-form-surface) 78%, var(--pfx-editorial-form-surface-muted) 22% );--pfx-form-section-divider: color-mix( in srgb, var(--pfx-editorial-form-border) 68%, transparent );--pfx-form-label-strong: color-mix( in srgb, var(--pfx-editorial-form-text) 96%, white 4% );--pfx-form-label-muted: color-mix( in srgb, var(--pfx-editorial-form-text-muted) 92%, var(--pfx-editorial-form-text) 8% );--pfx-form-field-surface-rest: color-mix( in srgb, var(--pfx-editorial-form-field-surface) 82%, var(--pfx-editorial-form-surface) 18% );--pfx-form-field-surface-focus: color-mix( in srgb, var(--pfx-editorial-form-accent) 4%, var(--pfx-form-field-surface-rest) 96% );--pfx-form-field-min-height: 48px;--pfx-form-section-padding: clamp(1.1rem, 1.8vw, 1.5rem);--pfx-form-section-gap: 22px;--pfx-form-footer-surface: color-mix( in srgb, var(--pfx-editorial-form-surface) 70%, var(--pfx-editorial-form-surface-muted) 30% );--pfx-form-footer-border: color-mix( in srgb, var(--pfx-editorial-form-border) 76%, transparent )}.praxis-dynamic-form.editorial-visual-context{font-family:var(--editorial-body-font-family, inherit);font-size:var(--editorial-body-size, 1rem);color:var(--editorial-text-primary, var(--md-sys-color-on-surface));--pfx-editorial-form-surface: var( --editorial-surface-primary, var(--pfx-form-section-surface, var(--md-sys-color-surface-container)) );--pfx-editorial-form-surface-muted: var( --editorial-surface-secondary, var(--md-sys-color-surface-container-low) );--pfx-editorial-form-border: var( --editorial-border-color, var(--pfx-form-stroke, var(--md-sys-color-outline-variant)) );--pfx-editorial-form-text: var( --editorial-text-primary, var(--md-sys-color-on-surface) );--pfx-editorial-form-text-muted: var( --editorial-text-secondary, var(--md-sys-color-on-surface-variant) );--pfx-editorial-form-accent: var( --editorial-cta-primary, var(--editorial-accent, var(--md-sys-color-primary)) );--pfx-editorial-form-accent-text: var( --editorial-cta-primary-text, var(--editorial-accent-contrast, var(--md-sys-color-on-primary)) );--pfx-editorial-form-radius: var(--editorial-card-radius, 18px);--pfx-editorial-form-field-radius: var( --editorial-field-radius, var(--editorial-card-radius, 14px) );--pfx-editorial-form-border-width: var(--editorial-card-border-width, 1px);--pfx-editorial-form-field-border-width: var(--editorial-field-border-width, 1px);--pfx-editorial-form-shadow: var(--editorial-card-shadow, none);--md-sys-color-surface: var( --pfx-editorial-form-surface, var(--md-sys-color-surface) );--md-sys-color-surface-container: var( --pfx-editorial-form-surface, var(--md-sys-color-surface-container) );--md-sys-color-surface-container-low: var( --pfx-editorial-form-surface-muted, var(--md-sys-color-surface-container-low) );--md-sys-color-surface-variant: var( --pfx-editorial-form-field-surface, var(--md-sys-color-surface-variant) );--md-sys-color-outline: var( --pfx-editorial-form-field-outline, var(--md-sys-color-outline) );--md-sys-color-outline-variant: var( --pfx-editorial-form-border, var(--md-sys-color-outline-variant) );--md-sys-color-on-surface: var( --pfx-editorial-form-text, var(--md-sys-color-on-surface) );--md-sys-color-on-surface-variant: var( --pfx-editorial-form-text-muted, var(--md-sys-color-on-surface-variant) );--md-sys-color-primary: var( --pfx-editorial-form-accent, var(--md-sys-color-primary) );--md-sys-color-on-primary: var( --pfx-editorial-form-accent-text, var(--md-sys-color-on-primary) );--md-sys-color-on-surface-rgb: var( --editorial-text-primary-rgb, var(--md-sys-color-on-surface-rgb) );--mat-sys-on-surface: var( --pfx-editorial-form-text, var(--mat-sys-on-surface) );--mat-sys-on-surface-variant: var( --pfx-editorial-form-text-muted, var(--mat-sys-on-surface-variant) );--mat-sys-on-surface-rgb: var( --editorial-text-primary-rgb, var(--mat-sys-on-surface-rgb, var(--md-sys-color-on-surface-rgb)) );color:var(--pfx-editorial-form-text);color-scheme:light}.praxis-dynamic-form.presentation-mode .form-row,.praxis-dynamic-form.readonly-mode .form-row{gap:.5rem;margin-bottom:.5rem}.praxis-dynamic-form.presentation-mode .form-section,.praxis-dynamic-form.readonly-mode .form-section{padding:.75rem .875rem}.praxis-dynamic-form.pres-compact .form-row{gap:.35rem;margin-bottom:.35rem}.praxis-dynamic-form.pres-compact .form-section{padding:.5rem .75rem}.praxis-dynamic-form.pres-label-left .praxis-presentation{display:grid;grid-template-columns:var(--pfx-presentation-label-w, 220px) 1fr;align-items:baseline;column-gap:10px}.praxis-dynamic-form.pres-label-left .praxis-presentation__label{text-align:right;margin-bottom:0}.form-section{border:1px solid var(--pfx-form-section-divider);border-radius:var(--pfx-editorial-form-radius);padding:var(--pfx-form-section-padding);background:var(--pfx-form-section-surface-flat);box-shadow:none;transition:all .2s ease;position:relative}.praxis-dynamic-form.editorial-visual-context .form-section{border:var(--pfx-editorial-form-border-width) solid var(--pfx-editorial-form-border)!important;background:var(--pfx-editorial-form-surface)!important;box-shadow:var(--editorial-card-shadow, none)}.praxis-dynamic-form.editorial-visual-context .form-section.section-appearance-step{background-color:var(--pfx-editorial-form-surface)!important;background-image:linear-gradient(180deg,color-mix(in srgb,var(--editorial-accent, var(--md-sys-color-primary)) 6%,transparent) 0%,transparent 132px)!important;background-repeat:no-repeat!important}.section-drop-wrapper>.form-section{margin-bottom:var(--pfx-section-gap, 20px)}.section-drop-wrapper:last-of-type>.form-section{margin-bottom:0}.praxis-dynamic-form>praxis-form-actions[data-actions-placement=afterSections] .form-actions{margin-top:var(--pfx-actions-gap-top, var(--pfx-section-gap, 20px))}.section-title{margin:0 0 var(--pfx-section-title-mb, 12px) 0;font-family:var(--editorial-title-font-family, var(--editorial-body-font-family, inherit));font-size:var(--editorial-step-title-size, 1.12rem);font-weight:700;color:var(--pfx-form-label-strong)}.section-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--pfx-form-section-divider)}.section-heading.align-center{flex-direction:column;align-items:center;text-align:center}.section-heading.align-center .section-heading-text{display:grid;justify-items:center}.section-step-label{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;margin:0 0 8px;border-radius:999px;background:color-mix(in srgb,var(--pfx-editorial-form-accent) 10%,transparent);color:color-mix(in srgb,var(--pfx-editorial-form-accent) 84%,var(--pfx-form-label-strong) 16%);font-size:.72rem;font-weight:800;font-family:var(--editorial-title-font-family, var(--editorial-body-font-family, inherit));letter-spacing:.08em;text-transform:uppercase}.section-heading-text{flex:1 1 auto;min-width:0}.section-heading-actions{display:inline-flex;align-items:center;align-self:flex-start;flex-wrap:wrap;gap:4px;margin-left:auto}.section-heading-actions.align-center{align-self:center;margin-left:0}.section-heading-action-btn{color:var(--pfx-form-label-muted)}.section-heading-action-btn .mat-mdc-progress-spinner,.section-heading-action-btn mat-progress-spinner{--mdc-circular-progress-active-indicator-color: currentColor}.section-heading-action-btn.loading{opacity:.72;pointer-events:none}.section-heading-action-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.section-collapse-btn{margin-left:4px;color:var(--pfx-form-label-muted)}.section-title.title-large{font:var(--mdc-typography-title-large, 500 22px/28px system-ui)}.section-title.title-medium{font:var(--mdc-typography-title-medium, 500 16px/24px system-ui)}.section-title.title-small{font:var(--mdc-typography-title-small, 500 14px/20px system-ui)}.section-title.headline-small{font:var(--mdc-typography-headline-small, 600 24px/32px system-ui)}.section-title.title-large,.section-title.title-medium,.section-title.title-small,.section-title.headline-small{font-family:var(--editorial-title-font-family, var(--editorial-body-font-family, inherit));font-weight:var(--editorial-title-weight, 600)}.section-description{margin:0;font-family:var(--editorial-body-font-family, inherit);font-size:.93rem;color:var(--pfx-form-label-muted);line-height:1.6}.section-description.body-large{font:var(--mdc-typography-body-large, 400 16px/24px system-ui)}.section-description.body-medium{font:var(--mdc-typography-body-medium, 400 14px/20px system-ui)}.section-description.body-small{font:var(--mdc-typography-body-small, 400 12px/16px system-ui)}.section-description.body-large,.section-description.body-medium,.section-description.body-small{font-family:var(--editorial-body-font-family, inherit);font-weight:var(--editorial-body-weight, 400)}.section-title.align-center,.section-description.align-center,.section-step-label.align-center{text-align:center}.form-section.section-appearance-plain{border-color:transparent;border-radius:0;padding:0;background:transparent}.form-section.section-appearance-plain .section-heading{margin-bottom:14px}.form-section.section-appearance-step{border-radius:var(--pfx-editorial-form-radius);padding:var(--pfx-form-section-padding);background:var(--pfx-form-section-surface-flat);border-color:var(--pfx-form-section-divider);box-shadow:none}.praxis-dynamic-form.editorial-visual-context .form-section.section-appearance-step{border-radius:var(--editorial-card-radius, 20px);box-shadow:none}.form-section.section-appearance-step .section-heading{margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid var(--pfx-form-section-divider)}.form-section.section-appearance-step .section-title{font:var(--mdc-typography-title-large, 700 22px/28px system-ui);color:var(--pfx-form-label-strong);margin-bottom:8px}.form-section.section-appearance-step .section-description{color:var(--pfx-form-label-muted);max-width:60ch}.form-section.section-appearance-step .section-step-label{min-height:24px;padding:0 10px;margin-bottom:10px;box-shadow:none}.form-section.section-appearance-step .section-heading.align-center .section-description{max-width:52ch}.form-section.section-appearance-step .section-body{display:grid;gap:8px;padding-top:0}.form-section.section-appearance-step .form-row{margin-bottom:var(--pfx-field-gap, 1rem)}.form-section.section-appearance-step .form-column{gap:var(--pfx-field-gap, 12px)}.form-section .form-editorial-blocks{display:grid;gap:16px}.form-section .form-editorial-blocks[data-editorial-placement=beforeActions]{margin-top:24px;padding-top:18px;border-top:1px solid var(--pfx-form-section-divider)}.form-section.section-appearance-step .form-editorial-blocks[data-editorial-placement=beforeActions]{gap:18px}.form-section.section-appearance-step .form-editorial-blocks[data-editorial-placement=beforeActions]>*+*{margin-top:2px}.praxis-dynamic-form>praxis-form-actions[data-actions-placement=afterSections] .form-actions{margin-top:18px;padding-top:0}.praxis-dynamic-form>.form-editorial-blocks[data-editorial-placement=after]{margin-top:6px}:host-context(.mdc-theme-dark) .form-section.section-appearance-step,:host-context(.theme-dark) .form-section.section-appearance-step{border-color:color-mix(in srgb,var(--pfx-editorial-form-border) 82%,transparent);box-shadow:none}:host-context(.mdc-theme-dark) .form-section.section-appearance-step .section-title,:host-context(.theme-dark) .form-section.section-appearance-step .section-title{color:color-mix(in srgb,var(--pfx-editorial-form-text) 96%,white)}:host-context(.mdc-theme-dark) .form-section.section-appearance-step .section-description,:host-context(.theme-dark) .form-section.section-appearance-step .section-description{color:color-mix(in srgb,var(--pfx-editorial-form-text-muted) 86%,var(--pfx-editorial-form-text) 14%)}:host-context(.mdc-theme-dark) .section-step-label,:host-context(.theme-dark) .section-step-label{background:color-mix(in srgb,var(--md-sys-color-primary-container) 54%,transparent);color:color-mix(in srgb,var(--md-sys-color-primary) 88%,white)}:host-context(.mdc-theme-dark) .form-section .form-editorial-blocks[data-editorial-placement=beforeActions],:host-context(.theme-dark) .form-section .form-editorial-blocks[data-editorial-placement=beforeActions]{border-top-color:color-mix(in srgb,var(--md-sys-color-outline-variant) 90%,transparent)}.inline-edit-btn{margin-left:6px;vertical-align:middle;--mdc-icon-button-size: 28px;--mdc-icon-button-icon-size: 16px}.inline-edit-btn mat-icon{font-size:16px;width:16px;height:16px}.section-body.collapsed{border:1px dashed var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low);border-radius:6px;padding:8px 10px}.section-collapsed-placeholder{display:flex;align-items:center;gap:8px;color:var(--md-sys-color-on-surface-variant);font-size:.95rem}.section-collapsed-placeholder mat-icon{font-size:20px;width:20px;height:20px}.form-row{display:flex;gap:1.1rem;margin-bottom:var(--pfx-field-gap, 1.1rem);transition:all .2s ease;border-radius:6px;position:relative}.praxis-dynamic-form.pfx-mounting .form-row{opacity:0;transform:translateY(var(--pdx-form-mount-offset, 6px));animation:pdxFormMount var(--pdx-form-mount-duration, .16s) ease-out both;animation-delay:calc(var(--pfx-mount-index, 0) * var(--pdx-form-mount-stagger, 20ms))}@media(prefers-reduced-motion:reduce){.praxis-dynamic-form.pfx-mounting .form-row{animation:none;opacity:1;transform:none}}@keyframes pdxFormMount{to{opacity:1;transform:translateY(0)}}.praxis-dynamic-form .mat-mdc-form-field{width:100%;margin-bottom:var(--pfx-field-gap, 10px);font-family:inherit;--mdc-filled-text-field-container-color: var(--pfx-form-field-surface-rest);--mdc-filled-text-field-focus-active-indicator-color: var(--pfx-editorial-form-accent);--mdc-filled-text-field-active-indicator-color: var(--pfx-editorial-form-field-outline);--mdc-filled-text-field-hover-active-indicator-color: var(--pfx-editorial-form-accent);--mdc-filled-text-field-focus-label-text-color: var(--pfx-editorial-form-accent);--mdc-filled-text-field-label-text-color: var(--pfx-form-label-muted);--mdc-filled-text-field-input-text-color: var(--pfx-editorial-form-text);--mdc-filled-text-field-caret-color: var(--pfx-editorial-form-accent);--mdc-filled-text-field-input-text-placeholder-color: color-mix( in srgb, var(--pfx-editorial-form-text-muted) 82%, transparent );--mdc-outlined-text-field-outline-color: var(--pfx-editorial-form-field-outline);--mdc-outlined-text-field-hover-outline-color: var(--pfx-editorial-form-accent);--mdc-outlined-text-field-focus-outline-color: var(--pfx-editorial-form-accent);--mdc-outlined-text-field-focus-label-text-color: var(--pfx-editorial-form-accent);--mdc-outlined-text-field-label-text-color: var(--pfx-form-label-muted);--mdc-outlined-text-field-input-text-color: var(--pfx-editorial-form-text);--mdc-filled-text-field-container-shape: var(--pfx-editorial-form-field-radius);--mdc-outlined-text-field-container-shape: var(--pfx-editorial-form-field-radius);--mdc-filled-text-field-active-indicator-height: var(--pfx-editorial-form-field-border-width);--mdc-filled-text-field-focus-active-indicator-height: var(--pfx-editorial-form-field-border-width);--mdc-outlined-text-field-outline-width: var(--pfx-editorial-form-field-border-width);--mdc-outlined-text-field-focus-outline-width: var(--pfx-editorial-form-field-border-width);--mat-select-enabled-trigger-text-color: var(--pfx-editorial-form-text);--mat-select-enabled-arrow-color: var(--pfx-form-label-muted);--mat-form-field-enabled-select-arrow-color: var(--pfx-form-label-muted);--mat-form-field-focus-select-arrow-color: var(--pfx-editorial-form-accent);--mat-form-field-hover-state-layer-opacity: 0;--mat-form-field-focus-state-layer-opacity: 0}.praxis-dynamic-form.editorial-visual-context .mat-mdc-form-field{font-family:var(--editorial-body-font-family, inherit)}.praxis-dynamic-form .mat-mdc-text-field-wrapper,.praxis-dynamic-form .mdc-text-field{background:var(--pfx-form-field-surface-rest);border-radius:var(--pfx-editorial-form-field-radius);min-height:var(--pfx-form-field-min-height);transition:background-color .16s ease,box-shadow .16s ease,border-color .16s ease}.praxis-dynamic-form.editorial-visual-context .mat-mdc-text-field-wrapper,.praxis-dynamic-form.editorial-visual-context .mdc-text-field,.praxis-dynamic-form.editorial-visual-context .mdc-text-field--filled,.praxis-dynamic-form.editorial-visual-context .mdc-text-field--outlined{background-color:var(--pfx-form-field-surface-rest)!important;background:var(--pfx-form-field-surface-rest)!important}.praxis-dynamic-form .mat-mdc-form-field .mdc-floating-label,.praxis-dynamic-form .mat-mdc-form-field .mat-mdc-form-field-hint,.praxis-dynamic-form .mat-mdc-form-field .mat-mdc-form-field-error,.praxis-dynamic-form .mat-mdc-form-field .mat-mdc-form-field-required-marker,.praxis-dynamic-form .mat-mdc-form-field .mat-mdc-select-arrow,.praxis-dynamic-form .mat-mdc-form-field .mat-mdc-select-placeholder,.praxis-dynamic-form .mat-mdc-form-field .mat-mdc-form-field-icon-suffix,.praxis-dynamic-form .mat-mdc-form-field .mat-mdc-form-field-icon-prefix{color:var(--pfx-form-label-muted)}.praxis-dynamic-form .mat-mdc-input-element,.praxis-dynamic-form .mat-mdc-select-value-text,.praxis-dynamic-form .mat-mdc-form-field-infix,.praxis-dynamic-form .mat-mdc-select-min-line{color:var(--pfx-editorial-form-text)}.praxis-dynamic-form .mat-mdc-form-field:hover .mat-mdc-text-field-wrapper,.praxis-dynamic-form .mat-mdc-form-field:hover .mdc-text-field,.praxis-dynamic-form .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper,.praxis-dynamic-form .mat-mdc-form-field.mat-focused .mdc-text-field{background:var(--pfx-form-field-surface-focus)}.praxis-dynamic-form.editorial-visual-context .mat-mdc-input-element,.praxis-dynamic-form.editorial-visual-context .mat-mdc-select-value-text,.praxis-dynamic-form.editorial-visual-context .mat-mdc-form-field-infix,.praxis-dynamic-form.editorial-visual-context .mat-mdc-select-min-line,.praxis-dynamic-form.editorial-visual-context .mdc-text-field__input{color:var(--pfx-editorial-form-text)!important;-webkit-text-fill-color:var(--pfx-editorial-form-text)!important}.praxis-dynamic-form.editorial-visual-context .mat-mdc-form-field .mdc-floating-label,.praxis-dynamic-form.editorial-visual-context .mat-mdc-form-field .mat-mdc-form-field-hint,.praxis-dynamic-form.editorial-visual-context .mat-mdc-form-field .mat-mdc-form-field-error,.praxis-dynamic-form.editorial-visual-context .mat-mdc-form-field .mat-mdc-form-field-required-marker,.praxis-dynamic-form.editorial-visual-context .mat-mdc-form-field .mat-mdc-select-arrow,.praxis-dynamic-form.editorial-visual-context .mat-mdc-form-field .mat-mdc-select-placeholder,.praxis-dynamic-form.editorial-visual-context .mat-mdc-form-field .mat-mdc-form-field-icon-suffix,.praxis-dynamic-form.editorial-visual-context .mat-mdc-form-field .mat-mdc-form-field-icon-prefix{color:var(--pfx-editorial-form-text-muted)!important}.praxis-dynamic-form.editorial-visual-context .mat-mdc-floating-label,.praxis-dynamic-form.editorial-visual-context .mdc-floating-label,.praxis-dynamic-form.editorial-visual-context .mdc-text-field__input::placeholder{color:color-mix(in srgb,var(--pfx-editorial-form-text) 68%,transparent)!important}.praxis-dynamic-form.editorial-visual-context .mat-mdc-input-element::placeholder,.praxis-dynamic-form.editorial-visual-context textarea.mat-mdc-input-element::placeholder{color:color-mix(in srgb,var(--pfx-editorial-form-text) 58%,transparent)!important}.praxis-dynamic-form .mat-mdc-radio-button,.praxis-dynamic-form .mat-mdc-checkbox,.praxis-dynamic-form .mat-mdc-slide-toggle{--mdc-radio-selected-icon-color: var(--pfx-editorial-form-accent);--mdc-radio-selected-hover-icon-color: var(--pfx-editorial-form-accent);--mdc-radio-selected-focus-icon-color: var(--pfx-editorial-form-accent);--mdc-checkbox-selected-checkmark-color: var(--pfx-editorial-form-accent-text);--mdc-checkbox-selected-focus-icon-color: var(--pfx-editorial-form-accent);--mdc-checkbox-selected-hover-icon-color: var(--pfx-editorial-form-accent);--mdc-checkbox-selected-icon-color: var(--pfx-editorial-form-accent);--mdc-switch-selected-focus-state-layer-color: var(--pfx-editorial-form-accent);--mdc-switch-selected-handle-color: var(--pfx-editorial-form-accent);--mdc-switch-selected-track-color: color-mix(in srgb, var(--pfx-editorial-form-accent) 45%, #fff)}.praxis-dynamic-form [data-field-type=input],.praxis-dynamic-form [data-field-type=textarea],.praxis-dynamic-form [data-field-type=email],.praxis-dynamic-form [data-field-type=password],.praxis-dynamic-form [data-field-type=url],.praxis-dynamic-form [data-field-type=search],.praxis-dynamic-form [data-field-type=phone],.praxis-dynamic-form [data-field-type=numericTextBox],.praxis-dynamic-form [data-field-type=currency],.praxis-dynamic-form [data-field-type=cpfCnpj],.praxis-dynamic-form [data-field-type=date],.praxis-dynamic-form [data-field-type=dateInput],.praxis-dynamic-form [data-field-type=dateRange],.praxis-dynamic-form [data-field-type=dateTimeLocal],.praxis-dynamic-form [data-field-type=time],.praxis-dynamic-form [data-field-type=timePicker],.praxis-dynamic-form [data-field-type=timeRange],.praxis-dynamic-form [data-field-type=month],.praxis-dynamic-form [data-field-type=week],.praxis-dynamic-form [data-field-type=yearInput],.praxis-dynamic-form [data-field-type=select],.praxis-dynamic-form [data-field-type=multi-select],.praxis-dynamic-form [data-field-type=searchable-select],.praxis-dynamic-form [data-field-type=async-select],.praxis-dynamic-form [data-field-type=autocomplete],.praxis-dynamic-form [data-field-type=tree-select],.praxis-dynamic-form [data-field-type=multi-select-tree],.praxis-dynamic-form [data-field-type=priceRange],.praxis-dynamic-form [data-field-type=file-upload]{display:block;width:100%;min-width:0}.praxis-dynamic-form .mat-mdc-form-field-subscript-wrapper{min-height:var(--pfx-subscript-min-h, 22px)}.form-row:last-child{margin-bottom:0}.form-column{display:grid;align-content:start;gap:var(--pfx-field-gap, 10px);flex:1;min-width:0;transition:all .2s ease;border-radius:4px;position:relative}.form-row.grid-12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--pfx-grid-gap, 16px)}.align-start{align-self:flex-start}.align-center{align-self:center}.align-end{align-self:flex-end}.align-stretch{align-self:stretch}.form-blocking-overlay{position:absolute;inset:0;background:transparent;color:var(--md-sys-color-on-surface);backdrop-filter:blur(2px) saturate(103%);-webkit-backdrop-filter:blur(2px) saturate(103%);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;z-index:10;pointer-events:all}@media(max-width:768px){.form-row{flex-direction:column;gap:.5rem}.form-section{padding:1rem}.section-heading{gap:10px;margin-bottom:16px;padding-bottom:14px}}.section-title{display:flex;align-items:center;gap:8px}.section-title .section-title-icon{font-size:1.25em;line-height:1}.section-title-avatar{--_pfx-form-section-avatar-size: var(--pfx-form-section-avatar-size-md, var(--pfx-form-section-avatar-size, 32px));display:inline-flex;align-items:center;justify-content:center;width:var(--_pfx-form-section-avatar-size);height:var(--_pfx-form-section-avatar-size);border-radius:999px;flex:0 0 var(--_pfx-form-section-avatar-size);overflow:hidden}.section-title-avatar.size-sm{--_pfx-form-section-avatar-size: var(--pfx-form-section-avatar-size-sm, 24px)}.section-title-avatar.size-md{--_pfx-form-section-avatar-size: var(--pfx-form-section-avatar-size-md, var(--pfx-form-section-avatar-size, 32px))}.section-title-avatar.size-lg{--_pfx-form-section-avatar-size: var(--pfx-form-section-avatar-size-lg, 40px)}.section-title-avatar-image{object-fit:cover;border:1px solid color-mix(in srgb,var(--pfx-form-section-divider) 72%,transparent);background:var(--pfx-form-section-surface-flat)}.section-title-avatar-text,.section-title-avatar-placeholder{background:color-mix(in srgb,var(--pfx-editorial-form-accent) 14%,var(--pfx-form-section-surface-flat));color:color-mix(in srgb,var(--pfx-editorial-form-accent) 82%,var(--pfx-form-label-strong) 18%);font-size:calc(var(--_pfx-form-section-avatar-size) * .41);font-weight:800;letter-spacing:.04em;text-transform:uppercase}.section-title-avatar-placeholder mat-icon{font-size:calc(var(--_pfx-form-section-avatar-size) * .5625);width:calc(var(--_pfx-form-section-avatar-size) * .5625);height:calc(var(--_pfx-form-section-avatar-size) * .5625);line-height:calc(var(--_pfx-form-section-avatar-size) * .5625)}.section-title-avatar-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: DynamicFieldLoaderDirective, selector: "[dynamicFieldLoader]", inputs: ["fields", "formGroup", "enableExternalControlBinding", "itemTemplate", "debugTrace", "debugTraceLabel", "readonlyMode", "disabledMode", "presentationMode", "visible", "canvasMode"], outputs: ["componentsCreated", "fieldCreated", "fieldDestroyed", "renderError", "canvasMouseEnter", "canvasMouseLeave", "canvasClick"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i4.MatFabButton, selector: "button[mat-fab], a[mat-fab], button[matFab], a[matFab]", inputs: ["extended"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i16.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i9.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "ngmodule", type: MatSnackBarModule }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "directive", type: i18.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "component", type: CanvasToolbarComponent, selector: "praxis-canvas-toolbar", inputs: ["selectedElement"], outputs: ["editMetadata", "delete", "moveUp", "moveDown", "selectPath", "requestClose", "toggleReadonly", "toggleRequired", "toggleHidden", "toggleDisabled"] }, { kind: "component", type: PraxisFormActionsComponent, selector: "praxis-form-actions", inputs: ["actions", "editorialVisualContext", "isSubmitting", "formIsValid", "submitError", "invalidRequiredFieldLabels", "formId", "actionOverrides"], outputs: ["action"] }, { kind: "component", type: EmptyStateCardComponent, selector: "praxis-empty-state-card", inputs: ["icon", "title", "description", "primaryAction", "secondaryActions", "inline", "tone"] }, { kind: "component", type: PraxisAiAssistantComponent, selector: "praxis-ai-assistant", inputs: ["adapter", "riskPolicy", "allowManualPatchEdit"] }, { kind: "component", type: PraxisRichContent, selector: "praxis-rich-content", inputs: ["document", "nodes", "context", "hostCapabilities", "layout", "rootClassName"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisDynamicForm, decorators: [{
             type: Component,
@@ -11721,7 +12303,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                         EmptyStateCardComponent,
                         PraxisAiAssistantComponent,
                         PraxisRichContent,
-                    ], template: "@if (isLoading) {\n<!-- Loading State -->\n<div class=\"form-loading\">\n  <mat-progress-spinner diameter=\"40\"></mat-progress-spinner>\n  <p>Carregando formul\u00E1rio...</p>\n</div>\n} @else if (initializationStatus === 'error') {\n<!-- Error State -->\n<div class=\"form-error\">\n  <mat-icon color=\"warn\" [praxisIcon]=\"'error'\"></mat-icon>\n  <h3>{{ getErrorTitle() }}</h3>\n  <p>{{ currentErrorMessage }}</p>\n  @if (isRecoverable) {\n  <button mat-stroked-button (click)=\"retryInitialization()\">\n    <mat-icon [praxisIcon]=\"'refresh'\"></mat-icon>\n    Tentar Novamente\n  </button>\n  }\n  <button mat-button (click)=\"showDetailedError()\" class=\"show-details\">\n    Ver Detalhes T\u00E9cnicos\n  </button>\n  <!-- Permitir corre\u00E7\u00E3o do resourcePath diretamente do estado de erro -->\n  <button mat-flat-button color=\"primary\" (click)=\"openQuickConnect()\" class=\"connect-action\">\n    <mat-icon [praxisIcon]=\"'bolt'\"></mat-icon>\n    Conectar a recurso\n  </button>\n</div>\n} @else if (initializationStatus === 'success') {\n<!-- Inline banner for schema change (only when customization is enabled) -->\n@if (shouldShowOutdatedInline()) {\n<div class=\"pfx-form-info-banner\" role=\"status\" aria-live=\"polite\">\n  <div class=\"text\">O schema do servidor mudou. Reconciliar agora?</div>\n  <div class=\"actions\">\n    <button mat-stroked-button color=\"primary\" (click)=\"openConfigEditor()\">\n      <mat-icon [praxisIcon]=\"'sync'\"></mat-icon>\n      Reconciliar\n    </button>\n    <button mat-button (click)=\"onSnoozeOutdated()\">Lembrar depois</button>\n    <button mat-button (click)=\"onIgnoreOutdated()\">Ignorar</button>\n  </div>\n</div>\n}\n\n<!-- Configuration Controls -->\n@if (shouldShowConfigControls && enableCustomization) {\n<div class=\"form-config-controls\">\n  <praxis-ai-assistant [adapter]=\"aiAdapter\"></praxis-ai-assistant>\n  <button type=\"button\" mat-icon-button (click)=\"openConfigEditor()\" [disabled]=\"isLoading\" class=\"config-button\"\n    [matBadge]=\"schemaOutdated ? '!' : ''\" [matBadgeHidden]=\"!schemaOutdated\" matBadgeColor=\"warn\" matBadgeSize=\"small\"\n    matBadgePosition=\"above after\"\n    [matTooltip]=\"schemaOutdated ? 'Schema do servidor mudou \u2014 Reconciliar' : 'Configurar formul\u00E1rio'\">\n    <mat-icon [praxisIcon]=\"'settings'\"></mat-icon>\n  </button>\n  <button type=\"button\" mat-icon-button (click)=\"disconnect()\" matTooltip=\"Desconectar da fonte de dados\"\n    [disabled]=\"isLoading\">\n    <mat-icon [praxisIcon]=\"'link_off'\"></mat-icon>\n  </button>\n</div>\n}\n\n<!-- Form Content -->\n@if (!resourcePath && (!config.sections || config.sections.length === 0)) {\n<praxis-empty-state-card icon=\"link\" [title]=\"'Conecte o formul\u00E1rio \u00E0 fonte de dados'\"\n  [description]=\"'Informe a rota do recurso da API para gerar automaticamente os campos do formul\u00E1rio.'\"\n  [primaryAction]=\"{ label: 'Conectar \u00E0 fonte de dados', icon: 'bolt', action: openQuickConnect.bind(this) }\"></praxis-empty-state-card>\n}\n<form #formHost (ngSubmit)=\"onSubmit()\" [attr.aria-busy]=\"submitting ? 'true' : null\"\n  [attr.aria-label]=\"'Formul\u00E1rio ' + (config.metadata?.version || '')\" [class.canvas-mode-enabled]=\"enableCustomization\"\n  [class.presentation-mode]=\"effectivePresentation\" [class.readonly-mode]=\"effectiveReadonly\"\n  [class.editorial-visual-context]=\"hasEditorialVisualContext()\"\n  [class.pfx-mounting]=\"isMounting\" [formGroup]=\"form\"\n  [ngClass]=\"{\n    'pres-compact': presentationVars.compact,\n    'pres-label-left': presentationVars.labelPosition === 'left',\n    'pres-label-above': presentationVars.labelPosition === 'above'\n  }\" [style.--pfx-pres-label-align]=\"presentationVars.labelAlign\"\n  [style.--pfx-pres-label-size]=\"presentationVars.labelSize\"\n  [style.--pfx-pres-label-width]=\"presentationVars.labelWidth\"\n  [style.--pfx-pres-row-gap]=\"presentationVars.density === 'compact' ? '6px' : (presentationVars.density === 'cozy' ? '8px' : '10px')\"\n  [style.--pfx-pres-row-padding]=\"presentationVars.density === 'compact' ? '2px 0' : (presentationVars.density === 'cozy' ? '6px 0' : '8px 0')\"\n  [style.--pfx-pres-value-align]=\"presentationVars.valueAlign\"\n  [style.--pfx-pres-value-size]=\"presentationVars.valueSize\"\n  [style.--pdx-form-mount-duration]=\"getMountDurationVar()\"\n  [style.--pdx-form-mount-offset]=\"getMountOffsetVar()\"\n  [style.--pdx-form-mount-stagger]=\"getMountStaggerVar()\"\n  class=\"praxis-dynamic-form\">\n  <praxis-canvas-toolbar (editMetadata)=\"openSelectedElementEditor()\" (selectPath)=\"onSelectPath($event)\"\n    (moveUp)=\"onToolbarMove('up')\" (moveDown)=\"onToolbarMove('down')\" (toggleReadonly)=\"onToolbarToggleReadonly()\"\n    (toggleRequired)=\"onToolbarToggleRequired()\" (toggleHidden)=\"onToolbarToggleHidden()\"\n    (toggleDisabled)=\"onToolbarToggleDisabled()\" (requestClose)=\"onToolbarRequestClose()\"\n    *ngIf=\"enableCustomization && selectedElement\" [selectedElement]=\"selectedElement\"\n    [style.transform]=\"toolbarTransform\"></praxis-canvas-toolbar>\n\n  @if (formBlocksBefore?.nodes?.length) {\n    <section class=\"form-editorial-blocks form-editorial-blocks-before\" data-editorial-placement=\"before\">\n      <praxis-rich-content\n        [document]=\"formBlocksBeforeDocument\"\n        [context]=\"getEditorialRichContentContext()\"\n      ></praxis-rich-content>\n    </section>\n  }\n\n  @if (actionPlacement === 'top' && !(effectivePresentation || effectiveReadonly)) {\n  <praxis-form-actions data-actions-placement=\"top\" [actions]=\"config.actions\" [isSubmitting]=\"submitting\"\n    [formIsValid]=\"effectiveFormIsValid\" [submitError]=\"submitError\" [formId]=\"formId\" [actionOverrides]=\"actionRuleProps\"\n    [editorialVisualContext]=\"hasEditorialVisualContext()\"\n    (action)=\"onFormAction($event)\"></praxis-form-actions>\n  }\n\n  @for (section of config.sections; track (section.id ?? $index); let sectionIndex = $index;\n  let last = $last) {\n  <div class=\"section-drop-wrapper\" [attr.data-section-id]=\"section.id\">\n    @if (isSectionVisible(section)) {\n      <div #sectionEl class=\"form-section canvas-element\" data-canvas-type=\"section\" [attr.data-section-id]=\"section.id\"\n        [attr.data-section-index]=\"sectionIndex\" (mouseenter)=\"onElementMouseEnter($event, 'section', section, sectionEl)\"\n        (mouseleave)=\"onElementMouseLeave($event)\" (click)=\"onElementClick($event, 'section', section, sectionEl)\"\n        [class.selected]=\"selectedElement?.domElement === sectionEl\"\n        [class.hovered]=\"hoveredElement?.domElement === sectionEl && selectedElement?.domElement !== sectionEl\"\n        [attr.data-section-appearance]=\"getSectionAppearance(section) || null\"\n        [style.marginBottom.px]=\"!last ? getSectionGapBottom(section) : null\" [ngClass]=\"getSectionClasses(section)\"\n        [ngStyle]=\"getSectionStyles(section)\">\n      <div\n        class=\"section-heading\"\n        [class.align-center]=\"getSectionHeaderAlign(section) === 'center'\"\n        [class.step-appearance]=\"getSectionAppearance(section) === 'step'\"\n      >\n        <div class=\"section-heading-text\" [matTooltip]=\"getSectionHeaderTooltip(section) || null\"\n          [matTooltipDisabled]=\"!getSectionHeaderTooltip(section)\">\n          @if (getSectionStepLabel(section)) {\n          <div class=\"section-step-label\" [class.align-center]=\"getSectionHeaderAlign(section) === 'center'\">\n            {{ getSectionStepLabel(section) }}\n          </div>\n          }\n          @if (getSectionTitle(section)) {\n          <h3 class=\"section-title\" [class.title-large]=\"getSectionTitleStyle(section) === 'titleLarge'\"\n            [class.title-medium]=\"getSectionTitleStyle(section) === 'titleMedium'\"\n            [class.title-small]=\"getSectionTitleStyle(section) === 'titleSmall'\"\n            [class.headline-small]=\"getSectionTitleStyle(section) === 'headlineSmall'\"\n            [style.marginBottom.px]=\"getSectionTitleGapBottom(section) ?? 20\" [style.color]=\"getSectionTitleColor(section) || null\"\n            [class.align-center]=\"getSectionHeaderAlign(section) === 'center'\"\n            [attr.id]=\"sectionPanelId(section, sectionIndex) + '-title'\">\n            @let sectionHeaderVisual = getSectionHeaderVisual(section);\n            @let sectionHeaderAvatarSize = getSectionHeaderAvatarSize(section);\n            @if (sectionHeaderVisual.kind === 'icon') {\n            <mat-icon class=\"section-title-icon\" aria-hidden=\"true\" [praxisIcon]=\"sectionHeaderVisual.icon\"></mat-icon>\n            }\n            @if (sectionHeaderVisual.kind === 'image') {\n            <img class=\"section-title-avatar section-title-avatar-image\" [class.size-sm]=\"sectionHeaderAvatarSize === 'sm'\"\n              [class.size-md]=\"sectionHeaderAvatarSize === 'md'\" [class.size-lg]=\"sectionHeaderAvatarSize === 'lg'\"\n              [src]=\"sectionHeaderVisual.src\" [alt]=\"sectionHeaderVisual.alt\" />\n            }\n            @if (sectionHeaderVisual.kind === 'initials') {\n            <span class=\"section-title-avatar section-title-avatar-text\" [class.size-sm]=\"sectionHeaderAvatarSize === 'sm'\"\n              [class.size-md]=\"sectionHeaderAvatarSize === 'md'\" [class.size-lg]=\"sectionHeaderAvatarSize === 'lg'\" aria-hidden=\"true\">\n              {{ sectionHeaderVisual.text }}\n            </span>\n            @if (sectionHeaderVisual.ariaLabel) {\n            <span class=\"section-title-avatar-sr-only\">{{ sectionHeaderVisual.ariaLabel }}</span>\n            }\n            }\n            @if (sectionHeaderVisual.kind === 'placeholder') {\n            <span class=\"section-title-avatar section-title-avatar-placeholder\" [class.size-sm]=\"sectionHeaderAvatarSize === 'sm'\"\n              [class.size-md]=\"sectionHeaderAvatarSize === 'md'\" [class.size-lg]=\"sectionHeaderAvatarSize === 'lg'\" aria-hidden=\"true\">\n              @if (sectionHeaderVisual.icon) {\n              <mat-icon aria-hidden=\"true\" [praxisIcon]=\"sectionHeaderVisual.icon\"></mat-icon>\n              }\n              @if (sectionHeaderVisual.text) {\n              <span>{{ sectionHeaderVisual.text }}</span>\n              }\n            </span>\n            @if (sectionHeaderVisual.ariaLabel) {\n            <span class=\"section-title-avatar-sr-only\">{{ sectionHeaderVisual.ariaLabel }}</span>\n            }\n            }\n            {{ getSectionTitle(section) }}\n            @if (enableCustomization) {\n            <button type=\"button\" class=\"inline-edit-btn\" mat-icon-button (click)=\"openSectionEditor(section, 'title')\"\n              aria-label=\"Editar t\u00EDtulo da se\u00E7\u00E3o\" matTooltip=\"Editar t\u00EDtulo\">\n              <mat-icon>edit</mat-icon>\n            </button>\n            }\n          </h3>\n          }\n          @if (getSectionDescription(section)) {\n          <p class=\"section-description\" [class.body-large]=\"getSectionDescriptionStyle(section) === 'bodyLarge'\"\n            [class.body-medium]=\"getSectionDescriptionStyle(section) === 'bodyMedium'\"\n            [class.body-small]=\"getSectionDescriptionStyle(section) === 'bodySmall'\"\n            [style.marginBottom.px]=\"getSectionDescriptionGapBottom(section) ?? 8\" [style.color]=\"getSectionDescriptionColor(section) || null\"\n            [class.align-center]=\"getSectionHeaderAlign(section) === 'center'\">\n            {{ getSectionDescription(section) }}\n            @if (enableCustomization) {\n            <button type=\"button\" class=\"inline-edit-btn\" mat-icon-button\n              (click)=\"openSectionEditor(section, 'description')\" aria-label=\"Editar descri\u00E7\u00E3o da se\u00E7\u00E3o\"\n              matTooltip=\"Editar descri\u00E7\u00E3o\">\n              <mat-icon>edit</mat-icon>\n            </button>\n            }\n          </p>\n          }\n        </div>\n        @if (getSectionHeaderActions(section).length) {\n        <div class=\"section-heading-actions\" [class.align-center]=\"getSectionHeaderAlign(section) === 'center'\">\n          @for (action of getSectionHeaderActions(section); track action.id) {\n          <button\n            type=\"button\"\n            class=\"section-heading-action-btn\"\n            mat-icon-button\n            [color]=\"getSectionHeaderActionColor(action)\"\n            [disabled]=\"isSectionHeaderActionDisabled(action)\"\n            [matTooltip]=\"getSectionHeaderActionTooltip(action)\"\n            [attr.aria-label]=\"action.label\"\n            [attr.aria-busy]=\"action.loading ? 'true' : null\"\n            [ngClass]=\"getSectionHeaderActionNgClass(action)\"\n            [ngStyle]=\"getSectionHeaderActionStyles(action)\"\n            (click)=\"onSectionHeaderActionClick(section, action, $event)\"\n          >\n            @if (action.loading) {\n            <mat-progress-spinner diameter=\"16\" mode=\"indeterminate\"></mat-progress-spinner>\n            <span class=\"section-heading-action-sr-only\">{{ getSectionHeaderActionLoadingLabel(action) }}</span>\n            } @else {\n            <mat-icon [praxisIcon]=\"action.icon\"></mat-icon>\n            }\n          </button>\n          }\n        </div>\n        }\n        @if (isSectionCollapsible(section)) {\n        <button type=\"button\" class=\"section-collapse-btn\" mat-icon-button\n          (click)=\"toggleSectionCollapse($event, section)\" [attr.aria-expanded]=\"!isSectionCollapsed(section)\"\n          [attr.aria-controls]=\"sectionPanelId(section, sectionIndex)\"\n          [attr.aria-label]=\"isSectionCollapsed(section) ? 'Expandir se\u00E7\u00E3o' : 'Recolher se\u00E7\u00E3o'\">\n          <mat-icon [praxisIcon]=\"isSectionCollapsed(section) ? 'expand_more' : 'expand_less'\"></mat-icon>\n        </button>\n        }\n      </div>\n\n      <div class=\"section-body\" [class.collapsed]=\"isSectionCollapsed(section)\"\n        [attr.id]=\"sectionPanelId(section, sectionIndex)\"\n        [attr.aria-labelledby]=\"getSectionTitle(section) ? sectionPanelId(section, sectionIndex) + '-title' : null\">\n        @if (!isSectionCollapsed(section)) {\n        @for (row of section.rows; track (row.id ?? $index); let rowIndex = $index) {\n        @if (isRowVisible(row)) {\n        <div class=\"row-drop-wrapper\" [attr.data-section-id]=\"section.id\">\n          <div #rowEl class=\"form-row grid-12 canvas-element\" data-canvas-type=\"row\" [attr.data-row-index]=\"rowIndex\"\n            [attr.data-section-id]=\"section.id\" [attr.data-row-id]=\"row.id\" [style.--pfx-grid-gap.px]=\"getRowGap(row)\"\n            [style.--pfx-field-gap.px]=\"getRowRowGap(row)\"\n            [style.--pfx-mount-index]=\"rowIndex\"\n            [style.marginBottom.px]=\"rowIndex < section.rows.length - 1 ? (getRowRowGap(row) ?? null) : null\"\n            [ngClass]=\"getRowClasses(row)\" [ngStyle]=\"getRowStyles(row)\"\n            (mouseenter)=\"onElementMouseEnter($event, 'row', row, rowEl)\" (mouseleave)=\"onElementMouseLeave($event)\"\n            (click)=\"onElementClick($event, 'row', row, rowEl)\" [class.selected]=\"selectedElement?.domElement === rowEl\"\n            [class.hovered]=\"hoveredElement?.domElement === rowEl && selectedElement?.domElement !== rowEl\">\n            @for (column of row.columns; track (column.id ?? $index); let colIndex = $index) {\n            @if (isColumnVisible(column)) {\n            <div class=\"column-drop-wrapper\" [attr.data-section-id]=\"section.id\" [attr.data-row-id]=\"row.id\">\n              <div #colEl class=\"form-column canvas-element\" [ngClass]=\"getColumnClasses(column)\"\n                [style.padding.px]=\"getColumnPadding(column)\" [style.--pfx-field-gap.px]=\"getRowRowGap(row)\"\n                [ngStyle]=\"getColumnStyles(column)\" [attr.data-testid]=\"column.testId || null\"\n                [attr.data-row-gap]=\"getRowRowGap(row)\" data-canvas-type=\"column\" [attr.data-column-index]=\"colIndex\"\n                [attr.data-row-index]=\"rowIndex\" [attr.data-section-id]=\"section.id\" [attr.data-row-id]=\"row.id\"\n                [attr.data-column-id]=\"column.id\" (mouseenter)=\"onElementMouseEnter($event, 'column', column, colEl)\"\n                (mouseleave)=\"onElementMouseLeave($event)\" (click)=\"onElementClick($event, 'column', column, colEl)\"\n                [class.selected]=\"selectedElement?.domElement === colEl\"\n                [class.hovered]=\"hoveredElement?.domElement === colEl && selectedElement?.domElement !== colEl\">\n                <ng-container dynamicFieldLoader [fields]=\"getColumnFields(column)\" [formGroup]=\"form\"\n                  [enableExternalControlBinding]=\"true\"\n                  [readonlyMode]=\"readonlyModeGlobal === null ? null : readonlyModeGlobal\"\n                  [disabledMode]=\"effectiveDisabledMode\"\n                  [presentationMode]=\"presentationForLoader\" [visible]=\"visibleGlobal === null ? null : visibleGlobal\"\n                  [canvasMode]=\"enableCustomization\" (canvasMouseEnter)=\"onFieldMouseEnter($event)\"\n                  (canvasMouseLeave)=\"onFieldMouseLeave($event)\" (canvasClick)=\"onFieldClick($event)\"\n                  (renderError)=\"onFieldRenderError($event)\">\n                </ng-container>\n              </div>\n            </div>\n            } }\n          </div>\n        </div>\n        }\n        }\n        } @else {\n        <div class=\"section-collapsed-placeholder\">\n          <mat-icon aria-hidden=\"true\" [praxisIcon]=\"'unfold_more'\"></mat-icon>\n          <span>{{ getSectionCollapsedSummary(section) }}</span>\n        </div>\n        }\n        @if (last && beforeActionsPlacement === 'insideLastSection' && formBlocksBeforeActions?.nodes?.length) {\n        <section class=\"form-editorial-blocks form-editorial-blocks-before-actions\" data-editorial-placement=\"beforeActions\">\n          <praxis-rich-content\n            [document]=\"formBlocksBeforeActionsDocument\"\n            [context]=\"getEditorialRichContentContext()\"\n          ></praxis-rich-content>\n        </section>\n        }\n        @if (actionPlacement === 'insideLastSection' && last && !(effectivePresentation\n        || effectiveReadonly)) {\n        <praxis-form-actions data-actions-placement=\"insideLastSection\" [actions]=\"config.actions\"\n          [isSubmitting]=\"submitting\" [formIsValid]=\"effectiveFormIsValid\" [submitError]=\"submitError\" [formId]=\"formId\"\n          [actionOverrides]=\"actionRuleProps\" [editorialVisualContext]=\"hasEditorialVisualContext()\"\n          (action)=\"onFormAction($event)\"></praxis-form-actions>\n        }\n      </div>\n      <!-- Overlay de bloqueio durante submiss\u00E3o -->\n      @if (submitting) {\n      <div class=\"form-blocking-overlay\" aria-live=\"polite\">\n        <mat-progress-spinner diameter=\"40\" color=\"primary\"></mat-progress-spinner>\n        <p>{{ config.messages?.loading?.submit || 'Salvando...' }}</p>\n      </div>\n      }\n    </div>\n\n    @if (enableCustomization && selectedElement?.domElement === sectionEl) {\n      <div class=\"add-section-container\">\n        <div class=\"add-section-line\"></div>\n        <button mat-fab color=\"primary\" aria-label=\"Adicionar nova se\u00E7\u00E3o\" (click)=\"addNewSectionAfter(sectionIndex)\"\n          matTooltip=\"Adicionar nova se\u00E7\u00E3o aqui\">\n          <mat-icon [praxisIcon]=\"'add'\"></mat-icon>\n        </button>\n        <div class=\"add-section-line\"></div>\n      </div>\n    }\n    }\n  </div>\n  }\n\n  @if (beforeActionsPlacement !== 'insideLastSection' && formBlocksBeforeActions?.nodes?.length) {\n    <section class=\"form-editorial-blocks form-editorial-blocks-before-actions\" data-editorial-placement=\"beforeActions\">\n      <praxis-rich-content\n        [document]=\"formBlocksBeforeActionsDocument\"\n        [context]=\"getEditorialRichContentContext()\"\n      ></praxis-rich-content>\n    </section>\n  }\n\n  @if (actionPlacement === 'afterSections' && !(effectivePresentation || effectiveReadonly)) {\n    <praxis-form-actions data-actions-placement=\"afterSections\" [actions]=\"config.actions\" [isSubmitting]=\"submitting\"\n      [formIsValid]=\"effectiveFormIsValid\" [submitError]=\"submitError\" [formId]=\"formId\"\n      [actionOverrides]=\"actionRuleProps\" [editorialVisualContext]=\"hasEditorialVisualContext()\"\n      (action)=\"onFormAction($event)\"></praxis-form-actions>\n  }\n\n  @if (formBlocksAfter?.nodes?.length) {\n    <section class=\"form-editorial-blocks form-editorial-blocks-after\" data-editorial-placement=\"after\">\n      <praxis-rich-content\n        [document]=\"formBlocksAfterDocument\"\n        [context]=\"getEditorialRichContentContext()\"\n      ></praxis-rich-content>\n    </section>\n  }\n</form>\n@if (!enableCustomization && mode === 'view') {\n<div class=\"ai-floating-assistant\">\n  <praxis-ai-assistant [adapter]=\"aiAdapter\"></praxis-ai-assistant>\n</div>\n}\n}\n", styles: ["@charset \"UTF-8\";.span-xs-1{grid-column:span 1}.span-xs-2{grid-column:span 2}.span-xs-3{grid-column:span 3}.span-xs-4{grid-column:span 4}.span-xs-5{grid-column:span 5}.span-xs-6{grid-column:span 6}.span-xs-7{grid-column:span 7}.span-xs-8{grid-column:span 8}.span-xs-9{grid-column:span 9}.span-xs-10{grid-column:span 10}.span-xs-11{grid-column:span 11}.span-xs-12{grid-column:span 12}.offset-xs-0{margin-left:0%}.offset-xs-1{margin-left:calc(1 / 12 * 100%)}.offset-xs-2{margin-left:calc(2 / 12 * 100%)}.offset-xs-3{margin-left:25%}.offset-xs-4{margin-left:calc(4 / 12 * 100%)}.offset-xs-5{margin-left:calc(5 / 12 * 100%)}.offset-xs-6{margin-left:50%}.offset-xs-7{margin-left:calc(7 / 12 * 100%)}.offset-xs-8{margin-left:calc(8 / 12 * 100%)}.offset-xs-9{margin-left:75%}.offset-xs-10{margin-left:calc(10 / 12 * 100%)}.offset-xs-11{margin-left:calc(11 / 12 * 100%)}.order-xs--12{order:-12}.order-xs--11{order:-11}.order-xs--10{order:-10}.order-xs--9{order:-9}.order-xs--8{order:-8}.order-xs--7{order:-7}.order-xs--6{order:-6}.order-xs--5{order:-5}.order-xs--4{order:-4}.order-xs--3{order:-3}.order-xs--2{order:-2}.order-xs--1{order:-1}.order-xs-0{order:0}.order-xs-1{order:1}.order-xs-2{order:2}.order-xs-3{order:3}.order-xs-4{order:4}.order-xs-5{order:5}.order-xs-6{order:6}.order-xs-7{order:7}.order-xs-8{order:8}.order-xs-9{order:9}.order-xs-10{order:10}.order-xs-11{order:11}.order-xs-12{order:12}.hidden-xs{display:none}@media(min-width:600px){.span-sm-1{grid-column:span 1}.span-sm-2{grid-column:span 2}.span-sm-3{grid-column:span 3}.span-sm-4{grid-column:span 4}.span-sm-5{grid-column:span 5}.span-sm-6{grid-column:span 6}.span-sm-7{grid-column:span 7}.span-sm-8{grid-column:span 8}.span-sm-9{grid-column:span 9}.span-sm-10{grid-column:span 10}.span-sm-11{grid-column:span 11}.span-sm-12{grid-column:span 12}.offset-sm-0{margin-left:0%}.offset-sm-1{margin-left:calc(1 / 12 * 100%)}.offset-sm-2{margin-left:calc(2 / 12 * 100%)}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:calc(4 / 12 * 100%)}.offset-sm-5{margin-left:calc(5 / 12 * 100%)}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:calc(7 / 12 * 100%)}.offset-sm-8{margin-left:calc(8 / 12 * 100%)}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:calc(10 / 12 * 100%)}.offset-sm-11{margin-left:calc(11 / 12 * 100%)}.order-sm--12{order:-12}.order-sm--11{order:-11}.order-sm--10{order:-10}.order-sm--9{order:-9}.order-sm--8{order:-8}.order-sm--7{order:-7}.order-sm--6{order:-6}.order-sm--5{order:-5}.order-sm--4{order:-4}.order-sm--3{order:-3}.order-sm--2{order:-2}.order-sm--1{order:-1}.order-sm-0{order:0}.order-sm-1{order:1}.order-sm-2{order:2}.order-sm-3{order:3}.order-sm-4{order:4}.order-sm-5{order:5}.order-sm-6{order:6}.order-sm-7{order:7}.order-sm-8{order:8}.order-sm-9{order:9}.order-sm-10{order:10}.order-sm-11{order:11}.order-sm-12{order:12}.hidden-sm{display:none}}@media(min-width:900px){.span-md-1{grid-column:span 1}.span-md-2{grid-column:span 2}.span-md-3{grid-column:span 3}.span-md-4{grid-column:span 4}.span-md-5{grid-column:span 5}.span-md-6{grid-column:span 6}.span-md-7{grid-column:span 7}.span-md-8{grid-column:span 8}.span-md-9{grid-column:span 9}.span-md-10{grid-column:span 10}.span-md-11{grid-column:span 11}.span-md-12{grid-column:span 12}.offset-md-0{margin-left:0%}.offset-md-1{margin-left:calc(1 / 12 * 100%)}.offset-md-2{margin-left:calc(2 / 12 * 100%)}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:calc(4 / 12 * 100%)}.offset-md-5{margin-left:calc(5 / 12 * 100%)}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:calc(7 / 12 * 100%)}.offset-md-8{margin-left:calc(8 / 12 * 100%)}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:calc(10 / 12 * 100%)}.offset-md-11{margin-left:calc(11 / 12 * 100%)}.order-md--12{order:-12}.order-md--11{order:-11}.order-md--10{order:-10}.order-md--9{order:-9}.order-md--8{order:-8}.order-md--7{order:-7}.order-md--6{order:-6}.order-md--5{order:-5}.order-md--4{order:-4}.order-md--3{order:-3}.order-md--2{order:-2}.order-md--1{order:-1}.order-md-0{order:0}.order-md-1{order:1}.order-md-2{order:2}.order-md-3{order:3}.order-md-4{order:4}.order-md-5{order:5}.order-md-6{order:6}.order-md-7{order:7}.order-md-8{order:8}.order-md-9{order:9}.order-md-10{order:10}.order-md-11{order:11}.order-md-12{order:12}.hidden-md{display:none}}@media(min-width:1200px){.span-lg-1{grid-column:span 1}.span-lg-2{grid-column:span 2}.span-lg-3{grid-column:span 3}.span-lg-4{grid-column:span 4}.span-lg-5{grid-column:span 5}.span-lg-6{grid-column:span 6}.span-lg-7{grid-column:span 7}.span-lg-8{grid-column:span 8}.span-lg-9{grid-column:span 9}.span-lg-10{grid-column:span 10}.span-lg-11{grid-column:span 11}.span-lg-12{grid-column:span 12}.offset-lg-0{margin-left:0%}.offset-lg-1{margin-left:calc(1 / 12 * 100%)}.offset-lg-2{margin-left:calc(2 / 12 * 100%)}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:calc(4 / 12 * 100%)}.offset-lg-5{margin-left:calc(5 / 12 * 100%)}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:calc(7 / 12 * 100%)}.offset-lg-8{margin-left:calc(8 / 12 * 100%)}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:calc(10 / 12 * 100%)}.offset-lg-11{margin-left:calc(11 / 12 * 100%)}.order-lg--12{order:-12}.order-lg--11{order:-11}.order-lg--10{order:-10}.order-lg--9{order:-9}.order-lg--8{order:-8}.order-lg--7{order:-7}.order-lg--6{order:-6}.order-lg--5{order:-5}.order-lg--4{order:-4}.order-lg--3{order:-3}.order-lg--2{order:-2}.order-lg--1{order:-1}.order-lg-0{order:0}.order-lg-1{order:1}.order-lg-2{order:2}.order-lg-3{order:3}.order-lg-4{order:4}.order-lg-5{order:5}.order-lg-6{order:6}.order-lg-7{order:7}.order-lg-8{order:8}.order-lg-9{order:9}.order-lg-10{order:10}.order-lg-11{order:11}.order-lg-12{order:12}.hidden-lg{display:none}}@media(min-width:1536px){.span-xl-1{grid-column:span 1}.span-xl-2{grid-column:span 2}.span-xl-3{grid-column:span 3}.span-xl-4{grid-column:span 4}.span-xl-5{grid-column:span 5}.span-xl-6{grid-column:span 6}.span-xl-7{grid-column:span 7}.span-xl-8{grid-column:span 8}.span-xl-9{grid-column:span 9}.span-xl-10{grid-column:span 10}.span-xl-11{grid-column:span 11}.span-xl-12{grid-column:span 12}.offset-xl-0{margin-left:0%}.offset-xl-1{margin-left:calc(1 / 12 * 100%)}.offset-xl-2{margin-left:calc(2 / 12 * 100%)}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:calc(4 / 12 * 100%)}.offset-xl-5{margin-left:calc(5 / 12 * 100%)}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:calc(7 / 12 * 100%)}.offset-xl-8{margin-left:calc(8 / 12 * 100%)}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:calc(10 / 12 * 100%)}.offset-xl-11{margin-left:calc(11 / 12 * 100%)}.order-xl--12{order:-12}.order-xl--11{order:-11}.order-xl--10{order:-10}.order-xl--9{order:-9}.order-xl--8{order:-8}.order-xl--7{order:-7}.order-xl--6{order:-6}.order-xl--5{order:-5}.order-xl--4{order:-4}.order-xl--3{order:-3}.order-xl--2{order:-2}.order-xl--1{order:-1}.order-xl-0{order:0}.order-xl-1{order:1}.order-xl-2{order:2}.order-xl-3{order:3}.order-xl-4{order:4}.order-xl-5{order:5}.order-xl-6{order:6}.order-xl-7{order:7}.order-xl-8{order:8}.order-xl-9{order:9}.order-xl-10{order:10}.order-xl-11{order:11}.order-xl-12{order:12}.hidden-xl{display:none}}.canvas-mode-enabled{--canvas-hit: 14px}.canvas-mode-enabled .canvas-element{position:relative;z-index:0;border-radius:8px;outline:2px solid transparent;outline-offset:2px;transition:outline-color .2s ease,outline-style .2s ease}.canvas-mode-enabled .canvas-element:before{content:\"\";position:absolute;inset:calc(-1 * var(--canvas-hit));pointer-events:none;border-radius:inherit;background:transparent}.canvas-mode-enabled .canvas-element[data-canvas-type=section]{--outline-color: var(--md-sys-color-primary)}.canvas-mode-enabled .canvas-element[data-canvas-type=row]{--outline-color: var(--md-sys-color-secondary)}.canvas-mode-enabled .canvas-element[data-canvas-type=column],.canvas-mode-enabled .canvas-element[data-canvas-type=field]{--outline-color: var(--md-sys-color-tertiary)}.canvas-mode-enabled .canvas-element[data-canvas-type=actions]{--outline-color: var(--md-sys-color-primary)}.canvas-mode-enabled .canvas-element.hovered:not(.selected){outline-color:var(--outline-color, var(--md-sys-color-primary));outline-style:dashed}.canvas-mode-enabled .canvas-element.selected{outline-color:var(--outline-color, var(--md-sys-color-primary));outline-style:solid;box-shadow:0 0 0 2px var(--outline-color, var(--md-sys-color-primary))}.canvas-mode-enabled .canvas-element.hovered{z-index:var(--praxis-layer-authoring-hover, 300)}.canvas-mode-enabled .canvas-element.selected{z-index:var(--praxis-layer-authoring-selected, 320)}.section-drop-wrapper,.row-drop-wrapper,.column-drop-wrapper{display:contents}.add-section-container{display:flex;align-items:center;justify-content:center;padding:.5rem 0;margin:-.5rem 0;position:relative;z-index:var(--praxis-layer-authoring-insert, 280)}.add-section-container .add-section-line{flex-grow:1;height:1px;background:repeating-linear-gradient(90deg,var(--md-sys-color-outline-variant),var(--md-sys-color-outline-variant) 4px,transparent 4px,transparent 8px)}.add-section-container button{margin:0 1rem;transform:scale(.85)}:host{display:block;position:relative}.form-config-controls{position:sticky;top:10px;margin-left:auto;margin-bottom:10px;display:flex;align-items:center;gap:.35rem;z-index:60;background:color-mix(in srgb,var(--md-sys-color-surface) 92%,transparent);padding:6px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 82%,transparent);border-radius:999px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 22px #0f172a14;min-width:0;justify-content:flex-end;pointer-events:none;opacity:.88;transition:opacity .16s ease,box-shadow .16s ease,border-color .16s ease,transform .16s ease}.form-config-controls>*{pointer-events:auto}.praxis-dynamic-form:hover .form-config-controls,.praxis-dynamic-form:focus-within .form-config-controls{opacity:1;border-color:color-mix(in srgb,var(--md-sys-color-primary) 26%,var(--md-sys-color-outline-variant) 74%);box-shadow:0 14px 28px #0f172a1f;transform:translateY(-1px)}.form-config-controls .mat-icon-button{--mdc-icon-button-state-layer-size: 34px;width:34px;height:34px;color:var(--md-sys-color-on-surface-variant);background:color-mix(in srgb,var(--md-sys-color-surface-container-low) 82%,transparent);border:1px solid transparent}.form-config-controls .mat-icon-button:hover{color:var(--md-sys-color-primary);background:var(--md-sys-color-primary-container);border-color:color-mix(in srgb,var(--md-sys-color-primary) 20%,transparent)}.ai-floating-assistant{position:sticky;right:0;bottom:12px;margin-top:14px;margin-left:auto;width:fit-content;z-index:70;pointer-events:none}.ai-floating-assistant praxis-ai-assistant{pointer-events:auto;display:inline-flex}.ai-floating-assistant .ai-trigger-btn{box-shadow:0 12px 28px #0f172a24}.config-button{color:var(--md-sys-color-primary)}.form-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--md-sys-color-on-surface);gap:1rem}.form-loading p{margin:0;font-size:.875rem;opacity:.7}.form-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--md-sys-color-error);gap:1rem;border:1px solid var(--md-sys-color-error);border-radius:8px;background-color:var(--md-sys-color-error-container);margin:1rem;box-shadow:0 12px 30px #7f1d1d1f}.form-error h3{margin:0;color:var(--md-sys-color-on-error-container)}.form-error p{margin:0;color:var(--md-sys-color-on-error-container);opacity:.8}.form-error button{margin-top:.5rem}.pfx-form-info-banner{margin-bottom:14px;padding:12px 14px;border-radius:16px;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 18%,var(--md-sys-color-outline-variant) 82%);background:color-mix(in srgb,var(--md-sys-color-primary-container) 24%,var(--md-sys-color-surface) 76%);color:var(--md-sys-color-on-surface);display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.pfx-form-info-banner .text{font-size:.92rem;line-height:1.5;font-weight:600}.pfx-form-info-banner .actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.praxis-dynamic-form{display:flex;flex-direction:column;transition:all .3s ease;position:relative;font-family:inherit;font-size:inherit;color:inherit;--pfx-editorial-form-surface: var( --pfx-form-section-surface, var(--md-sys-color-surface-container) );--pfx-editorial-form-surface-muted: var(--md-sys-color-surface-container-low);--pfx-editorial-form-border: var( --pfx-form-stroke, var(--md-sys-color-outline-variant) );--pfx-editorial-form-text: var(--md-sys-color-on-surface);--pfx-editorial-form-text-muted: var(--md-sys-color-on-surface-variant);--pfx-editorial-form-field-surface: color-mix( in srgb, var(--pfx-editorial-form-surface-muted) 76%, var(--pfx-editorial-form-surface) 24% );--pfx-editorial-form-field-outline: color-mix( in srgb, var(--pfx-editorial-form-border) 88%, transparent );--pfx-editorial-form-accent: var(--md-sys-color-primary);--pfx-editorial-form-accent-text: var(--md-sys-color-on-primary);--pfx-editorial-form-radius: var(--pfx-form-section-radius, 8px);--pfx-editorial-form-field-radius: var(--pfx-form-field-radius, 4px);--pfx-editorial-form-border-width: 1px;--pfx-editorial-form-field-border-width: 1px;--pfx-editorial-form-shadow: none;--pfx-form-shell-surface: color-mix( in srgb, var(--pfx-editorial-form-surface) 36%, transparent );--pfx-form-section-surface-flat: color-mix( in srgb, var(--pfx-editorial-form-surface) 78%, var(--pfx-editorial-form-surface-muted) 22% );--pfx-form-section-divider: color-mix( in srgb, var(--pfx-editorial-form-border) 68%, transparent );--pfx-form-label-strong: color-mix( in srgb, var(--pfx-editorial-form-text) 96%, white 4% );--pfx-form-label-muted: color-mix( in srgb, var(--pfx-editorial-form-text-muted) 92%, var(--pfx-editorial-form-text) 8% );--pfx-form-field-surface-rest: color-mix( in srgb, var(--pfx-editorial-form-field-surface) 82%, var(--pfx-editorial-form-surface) 18% );--pfx-form-field-surface-focus: color-mix( in srgb, var(--pfx-editorial-form-accent) 4%, var(--pfx-form-field-surface-rest) 96% );--pfx-form-field-min-height: 48px;--pfx-form-section-padding: clamp(1.1rem, 1.8vw, 1.5rem);--pfx-form-section-gap: 22px;--pfx-form-footer-surface: color-mix( in srgb, var(--pfx-editorial-form-surface) 70%, var(--pfx-editorial-form-surface-muted) 30% );--pfx-form-footer-border: color-mix( in srgb, var(--pfx-editorial-form-border) 76%, transparent )}.praxis-dynamic-form.editorial-visual-context{font-family:var(--editorial-body-font-family, inherit);font-size:var(--editorial-body-size, 1rem);color:var(--editorial-text-primary, var(--md-sys-color-on-surface));--pfx-editorial-form-surface: var( --editorial-surface-primary, var(--pfx-form-section-surface, var(--md-sys-color-surface-container)) );--pfx-editorial-form-surface-muted: var( --editorial-surface-secondary, var(--md-sys-color-surface-container-low) );--pfx-editorial-form-border: var( --editorial-border-color, var(--pfx-form-stroke, var(--md-sys-color-outline-variant)) );--pfx-editorial-form-text: var( --editorial-text-primary, var(--md-sys-color-on-surface) );--pfx-editorial-form-text-muted: var( --editorial-text-secondary, var(--md-sys-color-on-surface-variant) );--pfx-editorial-form-accent: var( --editorial-cta-primary, var(--editorial-accent, var(--md-sys-color-primary)) );--pfx-editorial-form-accent-text: var( --editorial-cta-primary-text, var(--editorial-accent-contrast, var(--md-sys-color-on-primary)) );--pfx-editorial-form-radius: var(--editorial-card-radius, 18px);--pfx-editorial-form-field-radius: var( --editorial-field-radius, var(--editorial-card-radius, 14px) );--pfx-editorial-form-border-width: var(--editorial-card-border-width, 1px);--pfx-editorial-form-field-border-width: var(--editorial-field-border-width, 1px);--pfx-editorial-form-shadow: var(--editorial-card-shadow, none);--md-sys-color-surface: var( --pfx-editorial-form-surface, var(--md-sys-color-surface) );--md-sys-color-surface-container: var( --pfx-editorial-form-surface, var(--md-sys-color-surface-container) );--md-sys-color-surface-container-low: var( --pfx-editorial-form-surface-muted, var(--md-sys-color-surface-container-low) );--md-sys-color-surface-variant: var( --pfx-editorial-form-field-surface, var(--md-sys-color-surface-variant) );--md-sys-color-outline: var( --pfx-editorial-form-field-outline, var(--md-sys-color-outline) );--md-sys-color-outline-variant: var( --pfx-editorial-form-border, var(--md-sys-color-outline-variant) );--md-sys-color-on-surface: var( --pfx-editorial-form-text, var(--md-sys-color-on-surface) );--md-sys-color-on-surface-variant: var( --pfx-editorial-form-text-muted, var(--md-sys-color-on-surface-variant) );--md-sys-color-primary: var( --pfx-editorial-form-accent, var(--md-sys-color-primary) );--md-sys-color-on-primary: var( --pfx-editorial-form-accent-text, var(--md-sys-color-on-primary) );--md-sys-color-on-surface-rgb: var( --editorial-text-primary-rgb, var(--md-sys-color-on-surface-rgb) );--mat-sys-on-surface: var( --pfx-editorial-form-text, var(--mat-sys-on-surface) );--mat-sys-on-surface-variant: var( --pfx-editorial-form-text-muted, var(--mat-sys-on-surface-variant) );--mat-sys-on-surface-rgb: var( --editorial-text-primary-rgb, var(--mat-sys-on-surface-rgb, var(--md-sys-color-on-surface-rgb)) );color:var(--pfx-editorial-form-text);color-scheme:light}.praxis-dynamic-form.presentation-mode .form-row,.praxis-dynamic-form.readonly-mode .form-row{gap:.5rem;margin-bottom:.5rem}.praxis-dynamic-form.presentation-mode .form-section,.praxis-dynamic-form.readonly-mode .form-section{padding:.75rem .875rem}.praxis-dynamic-form.pres-compact .form-row{gap:.35rem;margin-bottom:.35rem}.praxis-dynamic-form.pres-compact .form-section{padding:.5rem .75rem}.praxis-dynamic-form.pres-label-left .praxis-presentation{display:grid;grid-template-columns:var(--pfx-presentation-label-w, 220px) 1fr;align-items:baseline;column-gap:10px}.praxis-dynamic-form.pres-label-left .praxis-presentation__label{text-align:right;margin-bottom:0}.form-section{border:1px solid var(--pfx-form-section-divider);border-radius:var(--pfx-editorial-form-radius);padding:var(--pfx-form-section-padding);background:var(--pfx-form-section-surface-flat);box-shadow:none;transition:all .2s ease;position:relative}.praxis-dynamic-form.editorial-visual-context .form-section{border:var(--pfx-editorial-form-border-width) solid var(--pfx-editorial-form-border)!important;background:var(--pfx-editorial-form-surface)!important;box-shadow:var(--editorial-card-shadow, none)}.praxis-dynamic-form.editorial-visual-context .form-section.section-appearance-step{background-color:var(--pfx-editorial-form-surface)!important;background-image:linear-gradient(180deg,color-mix(in srgb,var(--editorial-accent, var(--md-sys-color-primary)) 6%,transparent) 0%,transparent 132px)!important;background-repeat:no-repeat!important}.section-drop-wrapper>.form-section{margin-bottom:var(--pfx-section-gap, 20px)}.section-drop-wrapper:last-of-type>.form-section{margin-bottom:0}.praxis-dynamic-form>praxis-form-actions[data-actions-placement=afterSections] .form-actions{margin-top:var(--pfx-actions-gap-top, var(--pfx-section-gap, 20px))}.section-title{margin:0 0 var(--pfx-section-title-mb, 12px) 0;font-family:var(--editorial-title-font-family, var(--editorial-body-font-family, inherit));font-size:var(--editorial-step-title-size, 1.12rem);font-weight:700;color:var(--pfx-form-label-strong)}.section-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--pfx-form-section-divider)}.section-heading.align-center{flex-direction:column;align-items:center;text-align:center}.section-heading.align-center .section-heading-text{display:grid;justify-items:center}.section-step-label{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;margin:0 0 8px;border-radius:999px;background:color-mix(in srgb,var(--pfx-editorial-form-accent) 10%,transparent);color:color-mix(in srgb,var(--pfx-editorial-form-accent) 84%,var(--pfx-form-label-strong) 16%);font-size:.72rem;font-weight:800;font-family:var(--editorial-title-font-family, var(--editorial-body-font-family, inherit));letter-spacing:.08em;text-transform:uppercase}.section-heading-text{flex:1 1 auto;min-width:0}.section-heading-actions{display:inline-flex;align-items:center;align-self:flex-start;flex-wrap:wrap;gap:4px;margin-left:auto}.section-heading-actions.align-center{align-self:center;margin-left:0}.section-heading-action-btn{color:var(--pfx-form-label-muted)}.section-heading-action-btn .mat-mdc-progress-spinner,.section-heading-action-btn mat-progress-spinner{--mdc-circular-progress-active-indicator-color: currentColor}.section-heading-action-btn.loading{opacity:.72;pointer-events:none}.section-heading-action-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.section-collapse-btn{margin-left:4px;color:var(--pfx-form-label-muted)}.section-title.title-large{font:var(--mdc-typography-title-large, 500 22px/28px system-ui)}.section-title.title-medium{font:var(--mdc-typography-title-medium, 500 16px/24px system-ui)}.section-title.title-small{font:var(--mdc-typography-title-small, 500 14px/20px system-ui)}.section-title.headline-small{font:var(--mdc-typography-headline-small, 600 24px/32px system-ui)}.section-title.title-large,.section-title.title-medium,.section-title.title-small,.section-title.headline-small{font-family:var(--editorial-title-font-family, var(--editorial-body-font-family, inherit));font-weight:var(--editorial-title-weight, 600)}.section-description{margin:0;font-family:var(--editorial-body-font-family, inherit);font-size:.93rem;color:var(--pfx-form-label-muted);line-height:1.6}.section-description.body-large{font:var(--mdc-typography-body-large, 400 16px/24px system-ui)}.section-description.body-medium{font:var(--mdc-typography-body-medium, 400 14px/20px system-ui)}.section-description.body-small{font:var(--mdc-typography-body-small, 400 12px/16px system-ui)}.section-description.body-large,.section-description.body-medium,.section-description.body-small{font-family:var(--editorial-body-font-family, inherit);font-weight:var(--editorial-body-weight, 400)}.section-title.align-center,.section-description.align-center,.section-step-label.align-center{text-align:center}.form-section.section-appearance-plain{border-color:transparent;border-radius:0;padding:0;background:transparent}.form-section.section-appearance-plain .section-heading{margin-bottom:14px}.form-section.section-appearance-step{border-radius:var(--pfx-editorial-form-radius);padding:var(--pfx-form-section-padding);background:var(--pfx-form-section-surface-flat);border-color:var(--pfx-form-section-divider);box-shadow:none}.praxis-dynamic-form.editorial-visual-context .form-section.section-appearance-step{border-radius:var(--editorial-card-radius, 20px);box-shadow:none}.form-section.section-appearance-step .section-heading{margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid var(--pfx-form-section-divider)}.form-section.section-appearance-step .section-title{font:var(--mdc-typography-title-large, 700 22px/28px system-ui);color:var(--pfx-form-label-strong);margin-bottom:8px}.form-section.section-appearance-step .section-description{color:var(--pfx-form-label-muted);max-width:60ch}.form-section.section-appearance-step .section-step-label{min-height:24px;padding:0 10px;margin-bottom:10px;box-shadow:none}.form-section.section-appearance-step .section-heading.align-center .section-description{max-width:52ch}.form-section.section-appearance-step .section-body{display:grid;gap:8px;padding-top:0}.form-section.section-appearance-step .form-row{margin-bottom:var(--pfx-field-gap, 1rem)}.form-section.section-appearance-step .form-column{gap:var(--pfx-field-gap, 12px)}.form-section .form-editorial-blocks{display:grid;gap:16px}.form-section .form-editorial-blocks[data-editorial-placement=beforeActions]{margin-top:24px;padding-top:18px;border-top:1px solid var(--pfx-form-section-divider)}.form-section.section-appearance-step .form-editorial-blocks[data-editorial-placement=beforeActions]{gap:18px}.form-section.section-appearance-step .form-editorial-blocks[data-editorial-placement=beforeActions]>*+*{margin-top:2px}.praxis-dynamic-form>praxis-form-actions[data-actions-placement=afterSections] .form-actions{margin-top:18px;padding-top:0}.praxis-dynamic-form>.form-editorial-blocks[data-editorial-placement=after]{margin-top:6px}:host-context(.mdc-theme-dark) .form-section.section-appearance-step,:host-context(.theme-dark) .form-section.section-appearance-step{border-color:color-mix(in srgb,var(--pfx-editorial-form-border) 82%,transparent);box-shadow:none}:host-context(.mdc-theme-dark) .form-section.section-appearance-step .section-title,:host-context(.theme-dark) .form-section.section-appearance-step .section-title{color:color-mix(in srgb,var(--pfx-editorial-form-text) 96%,white)}:host-context(.mdc-theme-dark) .form-section.section-appearance-step .section-description,:host-context(.theme-dark) .form-section.section-appearance-step .section-description{color:color-mix(in srgb,var(--pfx-editorial-form-text-muted) 86%,var(--pfx-editorial-form-text) 14%)}:host-context(.mdc-theme-dark) .section-step-label,:host-context(.theme-dark) .section-step-label{background:color-mix(in srgb,var(--md-sys-color-primary-container) 54%,transparent);color:color-mix(in srgb,var(--md-sys-color-primary) 88%,white)}:host-context(.mdc-theme-dark) .form-section .form-editorial-blocks[data-editorial-placement=beforeActions],:host-context(.theme-dark) .form-section .form-editorial-blocks[data-editorial-placement=beforeActions]{border-top-color:color-mix(in srgb,var(--md-sys-color-outline-variant) 90%,transparent)}.inline-edit-btn{margin-left:6px;vertical-align:middle;--mdc-icon-button-size: 28px;--mdc-icon-button-icon-size: 16px}.inline-edit-btn mat-icon{font-size:16px;width:16px;height:16px}.section-body.collapsed{border:1px dashed var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low);border-radius:6px;padding:8px 10px}.section-collapsed-placeholder{display:flex;align-items:center;gap:8px;color:var(--md-sys-color-on-surface-variant);font-size:.95rem}.section-collapsed-placeholder mat-icon{font-size:20px;width:20px;height:20px}.form-row{display:flex;gap:1.1rem;margin-bottom:var(--pfx-field-gap, 1.1rem);transition:all .2s ease;border-radius:6px;position:relative}.praxis-dynamic-form.pfx-mounting .form-row{opacity:0;transform:translateY(var(--pdx-form-mount-offset, 6px));animation:pdxFormMount var(--pdx-form-mount-duration, .16s) ease-out both;animation-delay:calc(var(--pfx-mount-index, 0) * var(--pdx-form-mount-stagger, 20ms))}@media(prefers-reduced-motion:reduce){.praxis-dynamic-form.pfx-mounting .form-row{animation:none;opacity:1;transform:none}}@keyframes pdxFormMount{to{opacity:1;transform:translateY(0)}}.praxis-dynamic-form .mat-mdc-form-field{width:100%;margin-bottom:var(--pfx-field-gap, 10px);font-family:inherit;--mdc-filled-text-field-container-color: var(--pfx-form-field-surface-rest);--mdc-filled-text-field-focus-active-indicator-color: var(--pfx-editorial-form-accent);--mdc-filled-text-field-active-indicator-color: var(--pfx-editorial-form-field-outline);--mdc-filled-text-field-hover-active-indicator-color: var(--pfx-editorial-form-accent);--mdc-filled-text-field-focus-label-text-color: var(--pfx-editorial-form-accent);--mdc-filled-text-field-label-text-color: var(--pfx-form-label-muted);--mdc-filled-text-field-input-text-color: var(--pfx-editorial-form-text);--mdc-filled-text-field-caret-color: var(--pfx-editorial-form-accent);--mdc-filled-text-field-input-text-placeholder-color: color-mix( in srgb, var(--pfx-editorial-form-text-muted) 82%, transparent );--mdc-outlined-text-field-outline-color: var(--pfx-editorial-form-field-outline);--mdc-outlined-text-field-hover-outline-color: var(--pfx-editorial-form-accent);--mdc-outlined-text-field-focus-outline-color: var(--pfx-editorial-form-accent);--mdc-outlined-text-field-focus-label-text-color: var(--pfx-editorial-form-accent);--mdc-outlined-text-field-label-text-color: var(--pfx-form-label-muted);--mdc-outlined-text-field-input-text-color: var(--pfx-editorial-form-text);--mdc-filled-text-field-container-shape: var(--pfx-editorial-form-field-radius);--mdc-outlined-text-field-container-shape: var(--pfx-editorial-form-field-radius);--mdc-filled-text-field-active-indicator-height: var(--pfx-editorial-form-field-border-width);--mdc-filled-text-field-focus-active-indicator-height: var(--pfx-editorial-form-field-border-width);--mdc-outlined-text-field-outline-width: var(--pfx-editorial-form-field-border-width);--mdc-outlined-text-field-focus-outline-width: var(--pfx-editorial-form-field-border-width);--mat-select-enabled-trigger-text-color: var(--pfx-editorial-form-text);--mat-select-enabled-arrow-color: var(--pfx-form-label-muted);--mat-form-field-enabled-select-arrow-color: var(--pfx-form-label-muted);--mat-form-field-focus-select-arrow-color: var(--pfx-editorial-form-accent);--mat-form-field-hover-state-layer-opacity: 0;--mat-form-field-focus-state-layer-opacity: 0}.praxis-dynamic-form.editorial-visual-context .mat-mdc-form-field{font-family:var(--editorial-body-font-family, inherit)}.praxis-dynamic-form .mat-mdc-text-field-wrapper,.praxis-dynamic-form .mdc-text-field{background:var(--pfx-form-field-surface-rest);border-radius:var(--pfx-editorial-form-field-radius);min-height:var(--pfx-form-field-min-height);transition:background-color .16s ease,box-shadow .16s ease,border-color .16s ease}.praxis-dynamic-form.editorial-visual-context .mat-mdc-text-field-wrapper,.praxis-dynamic-form.editorial-visual-context .mdc-text-field,.praxis-dynamic-form.editorial-visual-context .mdc-text-field--filled,.praxis-dynamic-form.editorial-visual-context .mdc-text-field--outlined{background-color:var(--pfx-form-field-surface-rest)!important;background:var(--pfx-form-field-surface-rest)!important}.praxis-dynamic-form .mat-mdc-form-field .mdc-floating-label,.praxis-dynamic-form .mat-mdc-form-field .mat-mdc-form-field-hint,.praxis-dynamic-form .mat-mdc-form-field .mat-mdc-form-field-error,.praxis-dynamic-form .mat-mdc-form-field .mat-mdc-form-field-required-marker,.praxis-dynamic-form .mat-mdc-form-field .mat-mdc-select-arrow,.praxis-dynamic-form .mat-mdc-form-field .mat-mdc-select-placeholder,.praxis-dynamic-form .mat-mdc-form-field .mat-mdc-form-field-icon-suffix,.praxis-dynamic-form .mat-mdc-form-field .mat-mdc-form-field-icon-prefix{color:var(--pfx-form-label-muted)}.praxis-dynamic-form .mat-mdc-input-element,.praxis-dynamic-form .mat-mdc-select-value-text,.praxis-dynamic-form .mat-mdc-form-field-infix,.praxis-dynamic-form .mat-mdc-select-min-line{color:var(--pfx-editorial-form-text)}.praxis-dynamic-form .mat-mdc-form-field:hover .mat-mdc-text-field-wrapper,.praxis-dynamic-form .mat-mdc-form-field:hover .mdc-text-field,.praxis-dynamic-form .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper,.praxis-dynamic-form .mat-mdc-form-field.mat-focused .mdc-text-field{background:var(--pfx-form-field-surface-focus)}.praxis-dynamic-form.editorial-visual-context .mat-mdc-input-element,.praxis-dynamic-form.editorial-visual-context .mat-mdc-select-value-text,.praxis-dynamic-form.editorial-visual-context .mat-mdc-form-field-infix,.praxis-dynamic-form.editorial-visual-context .mat-mdc-select-min-line,.praxis-dynamic-form.editorial-visual-context .mdc-text-field__input{color:var(--pfx-editorial-form-text)!important;-webkit-text-fill-color:var(--pfx-editorial-form-text)!important}.praxis-dynamic-form.editorial-visual-context .mat-mdc-form-field .mdc-floating-label,.praxis-dynamic-form.editorial-visual-context .mat-mdc-form-field .mat-mdc-form-field-hint,.praxis-dynamic-form.editorial-visual-context .mat-mdc-form-field .mat-mdc-form-field-error,.praxis-dynamic-form.editorial-visual-context .mat-mdc-form-field .mat-mdc-form-field-required-marker,.praxis-dynamic-form.editorial-visual-context .mat-mdc-form-field .mat-mdc-select-arrow,.praxis-dynamic-form.editorial-visual-context .mat-mdc-form-field .mat-mdc-select-placeholder,.praxis-dynamic-form.editorial-visual-context .mat-mdc-form-field .mat-mdc-form-field-icon-suffix,.praxis-dynamic-form.editorial-visual-context .mat-mdc-form-field .mat-mdc-form-field-icon-prefix{color:var(--pfx-editorial-form-text-muted)!important}.praxis-dynamic-form.editorial-visual-context .mat-mdc-floating-label,.praxis-dynamic-form.editorial-visual-context .mdc-floating-label,.praxis-dynamic-form.editorial-visual-context .mdc-text-field__input::placeholder{color:color-mix(in srgb,var(--pfx-editorial-form-text) 68%,transparent)!important}.praxis-dynamic-form.editorial-visual-context .mat-mdc-input-element::placeholder,.praxis-dynamic-form.editorial-visual-context textarea.mat-mdc-input-element::placeholder{color:color-mix(in srgb,var(--pfx-editorial-form-text) 58%,transparent)!important}.praxis-dynamic-form .mat-mdc-radio-button,.praxis-dynamic-form .mat-mdc-checkbox,.praxis-dynamic-form .mat-mdc-slide-toggle{--mdc-radio-selected-icon-color: var(--pfx-editorial-form-accent);--mdc-radio-selected-hover-icon-color: var(--pfx-editorial-form-accent);--mdc-radio-selected-focus-icon-color: var(--pfx-editorial-form-accent);--mdc-checkbox-selected-checkmark-color: var(--pfx-editorial-form-accent-text);--mdc-checkbox-selected-focus-icon-color: var(--pfx-editorial-form-accent);--mdc-checkbox-selected-hover-icon-color: var(--pfx-editorial-form-accent);--mdc-checkbox-selected-icon-color: var(--pfx-editorial-form-accent);--mdc-switch-selected-focus-state-layer-color: var(--pfx-editorial-form-accent);--mdc-switch-selected-handle-color: var(--pfx-editorial-form-accent);--mdc-switch-selected-track-color: color-mix(in srgb, var(--pfx-editorial-form-accent) 45%, #fff)}.praxis-dynamic-form [data-field-type=input],.praxis-dynamic-form [data-field-type=textarea],.praxis-dynamic-form [data-field-type=email],.praxis-dynamic-form [data-field-type=password],.praxis-dynamic-form [data-field-type=url],.praxis-dynamic-form [data-field-type=search],.praxis-dynamic-form [data-field-type=phone],.praxis-dynamic-form [data-field-type=numericTextBox],.praxis-dynamic-form [data-field-type=currency],.praxis-dynamic-form [data-field-type=cpfCnpj],.praxis-dynamic-form [data-field-type=date],.praxis-dynamic-form [data-field-type=dateInput],.praxis-dynamic-form [data-field-type=dateRange],.praxis-dynamic-form [data-field-type=dateTimeLocal],.praxis-dynamic-form [data-field-type=time],.praxis-dynamic-form [data-field-type=timePicker],.praxis-dynamic-form [data-field-type=timeRange],.praxis-dynamic-form [data-field-type=month],.praxis-dynamic-form [data-field-type=week],.praxis-dynamic-form [data-field-type=yearInput],.praxis-dynamic-form [data-field-type=select],.praxis-dynamic-form [data-field-type=multi-select],.praxis-dynamic-form [data-field-type=searchable-select],.praxis-dynamic-form [data-field-type=async-select],.praxis-dynamic-form [data-field-type=autocomplete],.praxis-dynamic-form [data-field-type=tree-select],.praxis-dynamic-form [data-field-type=multi-select-tree],.praxis-dynamic-form [data-field-type=priceRange],.praxis-dynamic-form [data-field-type=file-upload]{display:block;width:100%;min-width:0}.praxis-dynamic-form .mat-mdc-form-field-subscript-wrapper{min-height:var(--pfx-subscript-min-h, 22px)}.form-row:last-child{margin-bottom:0}.form-column{display:grid;align-content:start;gap:var(--pfx-field-gap, 10px);flex:1;min-width:0;transition:all .2s ease;border-radius:4px;position:relative}.form-row.grid-12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--pfx-grid-gap, 16px)}.align-start{align-self:flex-start}.align-center{align-self:center}.align-end{align-self:flex-end}.align-stretch{align-self:stretch}.form-blocking-overlay{position:absolute;inset:0;background:transparent;color:var(--md-sys-color-on-surface);backdrop-filter:blur(2px) saturate(103%);-webkit-backdrop-filter:blur(2px) saturate(103%);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;z-index:10;pointer-events:all}@media(max-width:768px){.form-row{flex-direction:column;gap:.5rem}.form-section{padding:1rem}.section-heading{gap:10px;margin-bottom:16px;padding-bottom:14px}}.section-title{display:flex;align-items:center;gap:8px}.section-title .section-title-icon{font-size:1.25em;line-height:1}.section-title-avatar{--_pfx-form-section-avatar-size: var(--pfx-form-section-avatar-size-md, var(--pfx-form-section-avatar-size, 32px));display:inline-flex;align-items:center;justify-content:center;width:var(--_pfx-form-section-avatar-size);height:var(--_pfx-form-section-avatar-size);border-radius:999px;flex:0 0 var(--_pfx-form-section-avatar-size);overflow:hidden}.section-title-avatar.size-sm{--_pfx-form-section-avatar-size: var(--pfx-form-section-avatar-size-sm, 24px)}.section-title-avatar.size-md{--_pfx-form-section-avatar-size: var(--pfx-form-section-avatar-size-md, var(--pfx-form-section-avatar-size, 32px))}.section-title-avatar.size-lg{--_pfx-form-section-avatar-size: var(--pfx-form-section-avatar-size-lg, 40px)}.section-title-avatar-image{object-fit:cover;border:1px solid color-mix(in srgb,var(--pfx-form-section-divider) 72%,transparent);background:var(--pfx-form-section-surface-flat)}.section-title-avatar-text,.section-title-avatar-placeholder{background:color-mix(in srgb,var(--pfx-editorial-form-accent) 14%,var(--pfx-form-section-surface-flat));color:color-mix(in srgb,var(--pfx-editorial-form-accent) 82%,var(--pfx-form-label-strong) 18%);font-size:calc(var(--_pfx-form-section-avatar-size) * .41);font-weight:800;letter-spacing:.04em;text-transform:uppercase}.section-title-avatar-placeholder mat-icon{font-size:calc(var(--_pfx-form-section-avatar-size) * .5625);width:calc(var(--_pfx-form-section-avatar-size) * .5625);height:calc(var(--_pfx-form-section-avatar-size) * .5625);line-height:calc(var(--_pfx-form-section-avatar-size) * .5625)}.section-title-avatar-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n"] }]
+                    ], template: "@if (isLoading) {\n<!-- Loading State -->\n<div class=\"form-loading\" role=\"status\" aria-live=\"polite\" aria-label=\"Carregando formul\u00E1rio\">\n  <div class=\"form-loading-header\">\n    <mat-progress-spinner diameter=\"32\"></mat-progress-spinner>\n    <div class=\"form-loading-copy\">\n      <p class=\"form-loading-title\">Carregando formul\u00E1rio...</p>\n      <p class=\"form-loading-subtitle\">Preparando campos e op\u00E7\u00F5es do cadastro.</p>\n    </div>\n  </div>\n  <div class=\"form-loading-skeleton\" aria-hidden=\"true\">\n    <span class=\"form-loading-line form-loading-line-title\"></span>\n    <span class=\"form-loading-line\"></span>\n    <span class=\"form-loading-line form-loading-line-short\"></span>\n    <span class=\"form-loading-field\"></span>\n    <span class=\"form-loading-field form-loading-field-wide\"></span>\n  </div>\n</div>\n} @else if (initializationStatus === 'error') {\n<!-- Error State -->\n<div class=\"form-error\">\n  <mat-icon color=\"warn\" [praxisIcon]=\"'error'\"></mat-icon>\n  <h3>{{ getErrorTitle() }}</h3>\n  <p>{{ currentErrorMessage }}</p>\n  @if (isRecoverable) {\n  <button mat-stroked-button (click)=\"retryInitialization()\">\n    <mat-icon [praxisIcon]=\"'refresh'\"></mat-icon>\n    Tentar Novamente\n  </button>\n  }\n  <button mat-button (click)=\"showDetailedError()\" class=\"show-details\">\n    Ver Detalhes T\u00E9cnicos\n  </button>\n  <!-- Permitir corre\u00E7\u00E3o do resourcePath diretamente do estado de erro -->\n  <button mat-flat-button color=\"primary\" (click)=\"openQuickConnect()\" class=\"connect-action\">\n    <mat-icon [praxisIcon]=\"'bolt'\"></mat-icon>\n    Conectar a recurso\n  </button>\n</div>\n} @else if (initializationStatus === 'success') {\n<!-- Inline banner for schema change (only when customization is enabled) -->\n@if (shouldShowOutdatedInline()) {\n<div class=\"pfx-form-info-banner\" role=\"status\" aria-live=\"polite\">\n  <div class=\"text\">O schema do servidor mudou. Reconciliar agora?</div>\n  <div class=\"actions\">\n    <button mat-stroked-button color=\"primary\" (click)=\"openConfigEditor()\">\n      <mat-icon [praxisIcon]=\"'sync'\"></mat-icon>\n      Reconciliar\n    </button>\n    <button mat-button (click)=\"onSnoozeOutdated()\">Lembrar depois</button>\n    <button mat-button (click)=\"onIgnoreOutdated()\">Ignorar</button>\n  </div>\n</div>\n}\n\n<!-- Configuration Controls -->\n@if (shouldShowConfigControls && enableCustomization) {\n<div class=\"form-config-controls\">\n  <praxis-ai-assistant [adapter]=\"aiAdapter\"></praxis-ai-assistant>\n  <button type=\"button\" mat-icon-button (click)=\"openConfigEditor()\" [disabled]=\"isLoading\" class=\"config-button\"\n    [matBadge]=\"schemaOutdated ? '!' : ''\" [matBadgeHidden]=\"!schemaOutdated\" matBadgeColor=\"warn\" matBadgeSize=\"small\"\n    matBadgePosition=\"above after\"\n    [matTooltip]=\"schemaOutdated ? 'Schema do servidor mudou \u2014 Reconciliar' : 'Configurar formul\u00E1rio'\">\n    <mat-icon [praxisIcon]=\"'settings'\"></mat-icon>\n  </button>\n  <button type=\"button\" mat-icon-button (click)=\"disconnect()\" matTooltip=\"Desconectar da fonte de dados\"\n    [disabled]=\"isLoading\">\n    <mat-icon [praxisIcon]=\"'link_off'\"></mat-icon>\n  </button>\n</div>\n}\n\n<!-- Form Content -->\n@if (!resourcePath && (!config.sections || config.sections.length === 0)) {\n<praxis-empty-state-card icon=\"link\" [title]=\"'Conecte o formul\u00E1rio \u00E0 fonte de dados'\"\n  [description]=\"'Informe a rota do recurso da API para gerar automaticamente os campos do formul\u00E1rio.'\"\n  [primaryAction]=\"{ label: 'Conectar \u00E0 fonte de dados', icon: 'bolt', action: openQuickConnect.bind(this) }\"></praxis-empty-state-card>\n}\n<form #formHost (ngSubmit)=\"onSubmit()\" [attr.aria-busy]=\"submitting ? 'true' : null\"\n  [attr.aria-label]=\"'Formul\u00E1rio ' + (config.metadata?.version || '')\" [class.canvas-mode-enabled]=\"enableCustomization\"\n  [class.presentation-mode]=\"effectivePresentation\" [class.readonly-mode]=\"effectiveReadonly\"\n  [class.editorial-visual-context]=\"hasEditorialVisualContext()\"\n  [class.pfx-mounting]=\"isMounting\" [formGroup]=\"form\"\n  [ngClass]=\"{\n    'pres-compact': presentationVars.compact,\n    'pres-label-left': presentationVars.labelPosition === 'left',\n    'pres-label-above': presentationVars.labelPosition === 'above'\n  }\" [style.--pfx-pres-label-align]=\"presentationVars.labelAlign\"\n  [style.--pfx-pres-label-size]=\"presentationVars.labelSize\"\n  [style.--pfx-pres-label-width]=\"presentationVars.labelWidth\"\n  [style.--pfx-pres-row-gap]=\"presentationVars.density === 'compact' ? '6px' : (presentationVars.density === 'cozy' ? '8px' : '10px')\"\n  [style.--pfx-pres-row-padding]=\"presentationVars.density === 'compact' ? '2px 0' : (presentationVars.density === 'cozy' ? '6px 0' : '8px 0')\"\n  [style.--pfx-pres-value-align]=\"presentationVars.valueAlign\"\n  [style.--pfx-pres-value-size]=\"presentationVars.valueSize\"\n  [style.--pdx-form-mount-duration]=\"getMountDurationVar()\"\n  [style.--pdx-form-mount-offset]=\"getMountOffsetVar()\"\n  [style.--pdx-form-mount-stagger]=\"getMountStaggerVar()\"\n  class=\"praxis-dynamic-form\">\n  <praxis-canvas-toolbar (editMetadata)=\"openSelectedElementEditor()\" (selectPath)=\"onSelectPath($event)\"\n    (moveUp)=\"onToolbarMove('up')\" (moveDown)=\"onToolbarMove('down')\" (toggleReadonly)=\"onToolbarToggleReadonly()\"\n    (toggleRequired)=\"onToolbarToggleRequired()\" (toggleHidden)=\"onToolbarToggleHidden()\"\n    (toggleDisabled)=\"onToolbarToggleDisabled()\" (requestClose)=\"onToolbarRequestClose()\"\n    *ngIf=\"enableCustomization && selectedElement\" [selectedElement]=\"selectedElement\"\n    [style.transform]=\"toolbarTransform\"></praxis-canvas-toolbar>\n\n  @if (formBlocksBefore?.nodes?.length) {\n    <section class=\"form-editorial-blocks form-editorial-blocks-before\" data-editorial-placement=\"before\">\n      <praxis-rich-content\n        [document]=\"formBlocksBeforeDocument\"\n        [context]=\"getEditorialRichContentContext()\"\n      ></praxis-rich-content>\n    </section>\n  }\n\n  @if (actionPlacement === 'top' && !(effectivePresentation || effectiveReadonly)) {\n  <praxis-form-actions data-actions-placement=\"top\" [actions]=\"effectiveActions\" [isSubmitting]=\"submitting\"\n    [formIsValid]=\"effectiveFormIsValid\" [submitError]=\"submitError\" [formId]=\"formId\" [actionOverrides]=\"actionRuleProps\"\n    [invalidRequiredFieldLabels]=\"invalidRequiredFieldLabels\"\n    [editorialVisualContext]=\"hasEditorialVisualContext()\"\n    (action)=\"onFormAction($event)\"></praxis-form-actions>\n  }\n\n  @for (section of config.sections; track (section.id ?? $index); let sectionIndex = $index;\n  let last = $last) {\n  <div class=\"section-drop-wrapper\" [attr.data-section-id]=\"section.id\">\n    @if (isSectionVisible(section)) {\n      <div #sectionEl class=\"form-section canvas-element\" data-canvas-type=\"section\" [attr.data-section-id]=\"section.id\"\n        [attr.data-section-index]=\"sectionIndex\" (mouseenter)=\"onElementMouseEnter($event, 'section', section, sectionEl)\"\n        (mouseleave)=\"onElementMouseLeave($event)\" (click)=\"onElementClick($event, 'section', section, sectionEl)\"\n        [class.selected]=\"selectedElement?.domElement === sectionEl\"\n        [class.hovered]=\"hoveredElement?.domElement === sectionEl && selectedElement?.domElement !== sectionEl\"\n        [attr.data-section-appearance]=\"getSectionAppearance(section) || null\"\n        [style.marginBottom.px]=\"!last ? getSectionGapBottom(section) : null\" [ngClass]=\"getSectionClasses(section)\"\n        [ngStyle]=\"getSectionStyles(section)\">\n      <div\n        class=\"section-heading\"\n        [class.align-center]=\"getSectionHeaderAlign(section) === 'center'\"\n        [class.step-appearance]=\"getSectionAppearance(section) === 'step'\"\n      >\n        <div class=\"section-heading-text\" [matTooltip]=\"getSectionHeaderTooltip(section) || null\"\n          [matTooltipDisabled]=\"!getSectionHeaderTooltip(section)\">\n          @if (getSectionStepLabel(section)) {\n          <div class=\"section-step-label\" [class.align-center]=\"getSectionHeaderAlign(section) === 'center'\">\n            {{ getSectionStepLabel(section) }}\n          </div>\n          }\n          @if (getSectionTitle(section)) {\n          <h3 class=\"section-title\" [class.title-large]=\"getSectionTitleStyle(section) === 'titleLarge'\"\n            [class.title-medium]=\"getSectionTitleStyle(section) === 'titleMedium'\"\n            [class.title-small]=\"getSectionTitleStyle(section) === 'titleSmall'\"\n            [class.headline-small]=\"getSectionTitleStyle(section) === 'headlineSmall'\"\n            [style.marginBottom.px]=\"getSectionTitleGapBottom(section) ?? 20\" [style.color]=\"getSectionTitleColor(section) || null\"\n            [class.align-center]=\"getSectionHeaderAlign(section) === 'center'\"\n            [attr.id]=\"sectionPanelId(section, sectionIndex) + '-title'\">\n            @let sectionHeaderVisual = getSectionHeaderVisual(section);\n            @let sectionHeaderAvatarSize = getSectionHeaderAvatarSize(section);\n            @if (sectionHeaderVisual.kind === 'icon') {\n            <mat-icon class=\"section-title-icon\" aria-hidden=\"true\" [praxisIcon]=\"sectionHeaderVisual.icon\"></mat-icon>\n            }\n            @if (sectionHeaderVisual.kind === 'image') {\n            <img class=\"section-title-avatar section-title-avatar-image\" [class.size-sm]=\"sectionHeaderAvatarSize === 'sm'\"\n              [class.size-md]=\"sectionHeaderAvatarSize === 'md'\" [class.size-lg]=\"sectionHeaderAvatarSize === 'lg'\"\n              [src]=\"sectionHeaderVisual.src\" [alt]=\"sectionHeaderVisual.alt\" />\n            }\n            @if (sectionHeaderVisual.kind === 'initials') {\n            <span class=\"section-title-avatar section-title-avatar-text\" [class.size-sm]=\"sectionHeaderAvatarSize === 'sm'\"\n              [class.size-md]=\"sectionHeaderAvatarSize === 'md'\" [class.size-lg]=\"sectionHeaderAvatarSize === 'lg'\" aria-hidden=\"true\">\n              {{ sectionHeaderVisual.text }}\n            </span>\n            @if (sectionHeaderVisual.ariaLabel) {\n            <span class=\"section-title-avatar-sr-only\">{{ sectionHeaderVisual.ariaLabel }}</span>\n            }\n            }\n            @if (sectionHeaderVisual.kind === 'placeholder') {\n            <span class=\"section-title-avatar section-title-avatar-placeholder\" [class.size-sm]=\"sectionHeaderAvatarSize === 'sm'\"\n              [class.size-md]=\"sectionHeaderAvatarSize === 'md'\" [class.size-lg]=\"sectionHeaderAvatarSize === 'lg'\" aria-hidden=\"true\">\n              @if (sectionHeaderVisual.icon) {\n              <mat-icon aria-hidden=\"true\" [praxisIcon]=\"sectionHeaderVisual.icon\"></mat-icon>\n              }\n              @if (sectionHeaderVisual.text) {\n              <span>{{ sectionHeaderVisual.text }}</span>\n              }\n            </span>\n            @if (sectionHeaderVisual.ariaLabel) {\n            <span class=\"section-title-avatar-sr-only\">{{ sectionHeaderVisual.ariaLabel }}</span>\n            }\n            }\n            {{ getSectionTitle(section) }}\n            @if (enableCustomization) {\n            <button type=\"button\" class=\"inline-edit-btn\" mat-icon-button (click)=\"openSectionEditor(section, 'title')\"\n              aria-label=\"Editar t\u00EDtulo da se\u00E7\u00E3o\" matTooltip=\"Editar t\u00EDtulo\">\n              <mat-icon>edit</mat-icon>\n            </button>\n            }\n          </h3>\n          }\n          @if (getSectionDescription(section)) {\n          <p class=\"section-description\" [class.body-large]=\"getSectionDescriptionStyle(section) === 'bodyLarge'\"\n            [class.body-medium]=\"getSectionDescriptionStyle(section) === 'bodyMedium'\"\n            [class.body-small]=\"getSectionDescriptionStyle(section) === 'bodySmall'\"\n            [style.marginBottom.px]=\"getSectionDescriptionGapBottom(section) ?? 8\" [style.color]=\"getSectionDescriptionColor(section) || null\"\n            [class.align-center]=\"getSectionHeaderAlign(section) === 'center'\">\n            {{ getSectionDescription(section) }}\n            @if (enableCustomization) {\n            <button type=\"button\" class=\"inline-edit-btn\" mat-icon-button\n              (click)=\"openSectionEditor(section, 'description')\" aria-label=\"Editar descri\u00E7\u00E3o da se\u00E7\u00E3o\"\n              matTooltip=\"Editar descri\u00E7\u00E3o\">\n              <mat-icon>edit</mat-icon>\n            </button>\n            }\n          </p>\n          }\n        </div>\n        @if (getSectionHeaderActions(section).length) {\n        <div class=\"section-heading-actions\" [class.align-center]=\"getSectionHeaderAlign(section) === 'center'\">\n          @for (action of getSectionHeaderActions(section); track action.id) {\n          <button\n            type=\"button\"\n            class=\"section-heading-action-btn\"\n            mat-icon-button\n            [color]=\"getSectionHeaderActionColor(action)\"\n            [disabled]=\"isSectionHeaderActionDisabled(action)\"\n            [matTooltip]=\"getSectionHeaderActionTooltip(action)\"\n            [attr.aria-label]=\"action.label\"\n            [attr.aria-busy]=\"action.loading ? 'true' : null\"\n            [ngClass]=\"getSectionHeaderActionNgClass(action)\"\n            [ngStyle]=\"getSectionHeaderActionStyles(action)\"\n            (click)=\"onSectionHeaderActionClick(section, action, $event)\"\n          >\n            @if (action.loading) {\n            <mat-progress-spinner diameter=\"16\" mode=\"indeterminate\"></mat-progress-spinner>\n            <span class=\"section-heading-action-sr-only\">{{ getSectionHeaderActionLoadingLabel(action) }}</span>\n            } @else {\n            <mat-icon [praxisIcon]=\"action.icon\"></mat-icon>\n            }\n          </button>\n          }\n        </div>\n        }\n        @if (isSectionCollapsible(section)) {\n        <button type=\"button\" class=\"section-collapse-btn\" mat-icon-button\n          (click)=\"toggleSectionCollapse($event, section)\" [attr.aria-expanded]=\"!isSectionCollapsed(section)\"\n          [attr.aria-controls]=\"sectionPanelId(section, sectionIndex)\"\n          [attr.aria-label]=\"isSectionCollapsed(section) ? 'Expandir se\u00E7\u00E3o' : 'Recolher se\u00E7\u00E3o'\">\n          <mat-icon [praxisIcon]=\"isSectionCollapsed(section) ? 'expand_more' : 'expand_less'\"></mat-icon>\n        </button>\n        }\n      </div>\n\n      <div class=\"section-body\" [class.collapsed]=\"isSectionCollapsed(section)\"\n        [attr.id]=\"sectionPanelId(section, sectionIndex)\"\n        [attr.aria-labelledby]=\"getSectionTitle(section) ? sectionPanelId(section, sectionIndex) + '-title' : null\">\n        @if (!isSectionCollapsed(section)) {\n        @for (row of section.rows; track (row.id ?? $index); let rowIndex = $index) {\n        @if (isRowVisible(row)) {\n        <div class=\"row-drop-wrapper\" [attr.data-section-id]=\"section.id\">\n          <div #rowEl class=\"form-row grid-12 canvas-element\" data-canvas-type=\"row\" [attr.data-row-index]=\"rowIndex\"\n            [attr.data-section-id]=\"section.id\" [attr.data-row-id]=\"row.id\" [style.--pfx-grid-gap.px]=\"getRowGap(row)\"\n            [style.--pfx-field-gap.px]=\"getRowRowGap(row)\"\n            [style.--pfx-mount-index]=\"rowIndex\"\n            [style.marginBottom.px]=\"rowIndex < section.rows.length - 1 ? (getRowRowGap(row) ?? null) : null\"\n            [ngClass]=\"getRowClasses(row)\" [ngStyle]=\"getRowStyles(row)\"\n            (mouseenter)=\"onElementMouseEnter($event, 'row', row, rowEl)\" (mouseleave)=\"onElementMouseLeave($event)\"\n            (click)=\"onElementClick($event, 'row', row, rowEl)\" [class.selected]=\"selectedElement?.domElement === rowEl\"\n            [class.hovered]=\"hoveredElement?.domElement === rowEl && selectedElement?.domElement !== rowEl\">\n            @for (column of row.columns; track (column.id ?? $index); let colIndex = $index) {\n            @if (isColumnVisible(column)) {\n            <div class=\"column-drop-wrapper\" [attr.data-section-id]=\"section.id\" [attr.data-row-id]=\"row.id\">\n              <div #colEl class=\"form-column canvas-element\" [ngClass]=\"getColumnClasses(column)\"\n                [style.padding.px]=\"getColumnPadding(column)\" [style.--pfx-field-gap.px]=\"getRowRowGap(row)\"\n                [ngStyle]=\"getColumnStyles(column)\" [attr.data-testid]=\"column.testId || null\"\n                [attr.data-row-gap]=\"getRowRowGap(row)\" data-canvas-type=\"column\" [attr.data-column-index]=\"colIndex\"\n                [attr.data-row-index]=\"rowIndex\" [attr.data-section-id]=\"section.id\" [attr.data-row-id]=\"row.id\"\n                [attr.data-column-id]=\"column.id\" (mouseenter)=\"onElementMouseEnter($event, 'column', column, colEl)\"\n                (mouseleave)=\"onElementMouseLeave($event)\" (click)=\"onElementClick($event, 'column', column, colEl)\"\n                [class.selected]=\"selectedElement?.domElement === colEl\"\n                [class.hovered]=\"hoveredElement?.domElement === colEl && selectedElement?.domElement !== colEl\">\n                <ng-container dynamicFieldLoader [fields]=\"getColumnFields(column)\" [formGroup]=\"form\"\n                  [enableExternalControlBinding]=\"true\"\n                  [readonlyMode]=\"readonlyModeGlobal === null ? null : readonlyModeGlobal\"\n                  [disabledMode]=\"effectiveDisabledMode\"\n                  [presentationMode]=\"presentationForLoader\" [visible]=\"visibleGlobal === null ? null : visibleGlobal\"\n                  [canvasMode]=\"enableCustomization\" (canvasMouseEnter)=\"onFieldMouseEnter($event)\"\n                  (canvasMouseLeave)=\"onFieldMouseLeave($event)\" (canvasClick)=\"onFieldClick($event)\"\n                  (renderError)=\"onFieldRenderError($event)\">\n                </ng-container>\n              </div>\n            </div>\n            } }\n          </div>\n        </div>\n        }\n        }\n        } @else {\n        <div class=\"section-collapsed-placeholder\">\n          <mat-icon aria-hidden=\"true\" [praxisIcon]=\"'unfold_more'\"></mat-icon>\n          <span>{{ getSectionCollapsedSummary(section) }}</span>\n        </div>\n        }\n        @if (last && beforeActionsPlacement === 'insideLastSection' && formBlocksBeforeActions?.nodes?.length) {\n        <section class=\"form-editorial-blocks form-editorial-blocks-before-actions\" data-editorial-placement=\"beforeActions\">\n          <praxis-rich-content\n            [document]=\"formBlocksBeforeActionsDocument\"\n            [context]=\"getEditorialRichContentContext()\"\n          ></praxis-rich-content>\n        </section>\n        }\n        @if (actionPlacement === 'insideLastSection' && last && !(effectivePresentation\n        || effectiveReadonly)) {\n        <praxis-form-actions data-actions-placement=\"insideLastSection\" [actions]=\"effectiveActions\"\n          [isSubmitting]=\"submitting\" [formIsValid]=\"effectiveFormIsValid\" [submitError]=\"submitError\" [formId]=\"formId\"\n          [actionOverrides]=\"actionRuleProps\" [invalidRequiredFieldLabels]=\"invalidRequiredFieldLabels\"\n          [editorialVisualContext]=\"hasEditorialVisualContext()\"\n          (action)=\"onFormAction($event)\"></praxis-form-actions>\n        }\n      </div>\n      <!-- Overlay de bloqueio durante submiss\u00E3o -->\n      @if (submitting) {\n      <div class=\"form-blocking-overlay\" aria-live=\"polite\">\n        <mat-progress-spinner diameter=\"40\" color=\"primary\"></mat-progress-spinner>\n        <p>{{ config.messages?.loading?.submit || 'Salvando...' }}</p>\n      </div>\n      }\n    </div>\n\n    @if (enableCustomization && selectedElement?.domElement === sectionEl) {\n      <div class=\"add-section-container\">\n        <div class=\"add-section-line\"></div>\n        <button mat-fab color=\"primary\" aria-label=\"Adicionar nova se\u00E7\u00E3o\" (click)=\"addNewSectionAfter(sectionIndex)\"\n          matTooltip=\"Adicionar nova se\u00E7\u00E3o aqui\">\n          <mat-icon [praxisIcon]=\"'add'\"></mat-icon>\n        </button>\n        <div class=\"add-section-line\"></div>\n      </div>\n    }\n    }\n  </div>\n  }\n\n  @if (beforeActionsPlacement !== 'insideLastSection' && formBlocksBeforeActions?.nodes?.length) {\n    <section class=\"form-editorial-blocks form-editorial-blocks-before-actions\" data-editorial-placement=\"beforeActions\">\n      <praxis-rich-content\n        [document]=\"formBlocksBeforeActionsDocument\"\n        [context]=\"getEditorialRichContentContext()\"\n      ></praxis-rich-content>\n    </section>\n  }\n\n  @if (actionPlacement === 'afterSections' && !(effectivePresentation || effectiveReadonly)) {\n    <praxis-form-actions data-actions-placement=\"afterSections\" [actions]=\"effectiveActions\" [isSubmitting]=\"submitting\"\n      [formIsValid]=\"effectiveFormIsValid\" [submitError]=\"submitError\" [formId]=\"formId\"\n      [actionOverrides]=\"actionRuleProps\" [invalidRequiredFieldLabels]=\"invalidRequiredFieldLabels\"\n      [editorialVisualContext]=\"hasEditorialVisualContext()\"\n      (action)=\"onFormAction($event)\"></praxis-form-actions>\n  }\n\n  @if (formBlocksAfter?.nodes?.length) {\n    <section class=\"form-editorial-blocks form-editorial-blocks-after\" data-editorial-placement=\"after\">\n      <praxis-rich-content\n        [document]=\"formBlocksAfterDocument\"\n        [context]=\"getEditorialRichContentContext()\"\n      ></praxis-rich-content>\n    </section>\n  }\n</form>\n@if (!enableCustomization && mode === 'view') {\n<div class=\"ai-floating-assistant\">\n  <praxis-ai-assistant [adapter]=\"aiAdapter\"></praxis-ai-assistant>\n</div>\n}\n}\n", styles: ["@charset \"UTF-8\";.span-xs-1{grid-column:span 1}.span-xs-2{grid-column:span 2}.span-xs-3{grid-column:span 3}.span-xs-4{grid-column:span 4}.span-xs-5{grid-column:span 5}.span-xs-6{grid-column:span 6}.span-xs-7{grid-column:span 7}.span-xs-8{grid-column:span 8}.span-xs-9{grid-column:span 9}.span-xs-10{grid-column:span 10}.span-xs-11{grid-column:span 11}.span-xs-12{grid-column:span 12}.offset-xs-0{margin-left:0%}.offset-xs-1{margin-left:calc(1 / 12 * 100%)}.offset-xs-2{margin-left:calc(2 / 12 * 100%)}.offset-xs-3{margin-left:25%}.offset-xs-4{margin-left:calc(4 / 12 * 100%)}.offset-xs-5{margin-left:calc(5 / 12 * 100%)}.offset-xs-6{margin-left:50%}.offset-xs-7{margin-left:calc(7 / 12 * 100%)}.offset-xs-8{margin-left:calc(8 / 12 * 100%)}.offset-xs-9{margin-left:75%}.offset-xs-10{margin-left:calc(10 / 12 * 100%)}.offset-xs-11{margin-left:calc(11 / 12 * 100%)}.order-xs--12{order:-12}.order-xs--11{order:-11}.order-xs--10{order:-10}.order-xs--9{order:-9}.order-xs--8{order:-8}.order-xs--7{order:-7}.order-xs--6{order:-6}.order-xs--5{order:-5}.order-xs--4{order:-4}.order-xs--3{order:-3}.order-xs--2{order:-2}.order-xs--1{order:-1}.order-xs-0{order:0}.order-xs-1{order:1}.order-xs-2{order:2}.order-xs-3{order:3}.order-xs-4{order:4}.order-xs-5{order:5}.order-xs-6{order:6}.order-xs-7{order:7}.order-xs-8{order:8}.order-xs-9{order:9}.order-xs-10{order:10}.order-xs-11{order:11}.order-xs-12{order:12}.hidden-xs{display:none}@media(min-width:600px){.span-sm-1{grid-column:span 1}.span-sm-2{grid-column:span 2}.span-sm-3{grid-column:span 3}.span-sm-4{grid-column:span 4}.span-sm-5{grid-column:span 5}.span-sm-6{grid-column:span 6}.span-sm-7{grid-column:span 7}.span-sm-8{grid-column:span 8}.span-sm-9{grid-column:span 9}.span-sm-10{grid-column:span 10}.span-sm-11{grid-column:span 11}.span-sm-12{grid-column:span 12}.offset-sm-0{margin-left:0%}.offset-sm-1{margin-left:calc(1 / 12 * 100%)}.offset-sm-2{margin-left:calc(2 / 12 * 100%)}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:calc(4 / 12 * 100%)}.offset-sm-5{margin-left:calc(5 / 12 * 100%)}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:calc(7 / 12 * 100%)}.offset-sm-8{margin-left:calc(8 / 12 * 100%)}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:calc(10 / 12 * 100%)}.offset-sm-11{margin-left:calc(11 / 12 * 100%)}.order-sm--12{order:-12}.order-sm--11{order:-11}.order-sm--10{order:-10}.order-sm--9{order:-9}.order-sm--8{order:-8}.order-sm--7{order:-7}.order-sm--6{order:-6}.order-sm--5{order:-5}.order-sm--4{order:-4}.order-sm--3{order:-3}.order-sm--2{order:-2}.order-sm--1{order:-1}.order-sm-0{order:0}.order-sm-1{order:1}.order-sm-2{order:2}.order-sm-3{order:3}.order-sm-4{order:4}.order-sm-5{order:5}.order-sm-6{order:6}.order-sm-7{order:7}.order-sm-8{order:8}.order-sm-9{order:9}.order-sm-10{order:10}.order-sm-11{order:11}.order-sm-12{order:12}.hidden-sm{display:none}}@media(min-width:900px){.span-md-1{grid-column:span 1}.span-md-2{grid-column:span 2}.span-md-3{grid-column:span 3}.span-md-4{grid-column:span 4}.span-md-5{grid-column:span 5}.span-md-6{grid-column:span 6}.span-md-7{grid-column:span 7}.span-md-8{grid-column:span 8}.span-md-9{grid-column:span 9}.span-md-10{grid-column:span 10}.span-md-11{grid-column:span 11}.span-md-12{grid-column:span 12}.offset-md-0{margin-left:0%}.offset-md-1{margin-left:calc(1 / 12 * 100%)}.offset-md-2{margin-left:calc(2 / 12 * 100%)}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:calc(4 / 12 * 100%)}.offset-md-5{margin-left:calc(5 / 12 * 100%)}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:calc(7 / 12 * 100%)}.offset-md-8{margin-left:calc(8 / 12 * 100%)}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:calc(10 / 12 * 100%)}.offset-md-11{margin-left:calc(11 / 12 * 100%)}.order-md--12{order:-12}.order-md--11{order:-11}.order-md--10{order:-10}.order-md--9{order:-9}.order-md--8{order:-8}.order-md--7{order:-7}.order-md--6{order:-6}.order-md--5{order:-5}.order-md--4{order:-4}.order-md--3{order:-3}.order-md--2{order:-2}.order-md--1{order:-1}.order-md-0{order:0}.order-md-1{order:1}.order-md-2{order:2}.order-md-3{order:3}.order-md-4{order:4}.order-md-5{order:5}.order-md-6{order:6}.order-md-7{order:7}.order-md-8{order:8}.order-md-9{order:9}.order-md-10{order:10}.order-md-11{order:11}.order-md-12{order:12}.hidden-md{display:none}}@media(min-width:1200px){.span-lg-1{grid-column:span 1}.span-lg-2{grid-column:span 2}.span-lg-3{grid-column:span 3}.span-lg-4{grid-column:span 4}.span-lg-5{grid-column:span 5}.span-lg-6{grid-column:span 6}.span-lg-7{grid-column:span 7}.span-lg-8{grid-column:span 8}.span-lg-9{grid-column:span 9}.span-lg-10{grid-column:span 10}.span-lg-11{grid-column:span 11}.span-lg-12{grid-column:span 12}.offset-lg-0{margin-left:0%}.offset-lg-1{margin-left:calc(1 / 12 * 100%)}.offset-lg-2{margin-left:calc(2 / 12 * 100%)}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:calc(4 / 12 * 100%)}.offset-lg-5{margin-left:calc(5 / 12 * 100%)}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:calc(7 / 12 * 100%)}.offset-lg-8{margin-left:calc(8 / 12 * 100%)}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:calc(10 / 12 * 100%)}.offset-lg-11{margin-left:calc(11 / 12 * 100%)}.order-lg--12{order:-12}.order-lg--11{order:-11}.order-lg--10{order:-10}.order-lg--9{order:-9}.order-lg--8{order:-8}.order-lg--7{order:-7}.order-lg--6{order:-6}.order-lg--5{order:-5}.order-lg--4{order:-4}.order-lg--3{order:-3}.order-lg--2{order:-2}.order-lg--1{order:-1}.order-lg-0{order:0}.order-lg-1{order:1}.order-lg-2{order:2}.order-lg-3{order:3}.order-lg-4{order:4}.order-lg-5{order:5}.order-lg-6{order:6}.order-lg-7{order:7}.order-lg-8{order:8}.order-lg-9{order:9}.order-lg-10{order:10}.order-lg-11{order:11}.order-lg-12{order:12}.hidden-lg{display:none}}@media(min-width:1536px){.span-xl-1{grid-column:span 1}.span-xl-2{grid-column:span 2}.span-xl-3{grid-column:span 3}.span-xl-4{grid-column:span 4}.span-xl-5{grid-column:span 5}.span-xl-6{grid-column:span 6}.span-xl-7{grid-column:span 7}.span-xl-8{grid-column:span 8}.span-xl-9{grid-column:span 9}.span-xl-10{grid-column:span 10}.span-xl-11{grid-column:span 11}.span-xl-12{grid-column:span 12}.offset-xl-0{margin-left:0%}.offset-xl-1{margin-left:calc(1 / 12 * 100%)}.offset-xl-2{margin-left:calc(2 / 12 * 100%)}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:calc(4 / 12 * 100%)}.offset-xl-5{margin-left:calc(5 / 12 * 100%)}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:calc(7 / 12 * 100%)}.offset-xl-8{margin-left:calc(8 / 12 * 100%)}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:calc(10 / 12 * 100%)}.offset-xl-11{margin-left:calc(11 / 12 * 100%)}.order-xl--12{order:-12}.order-xl--11{order:-11}.order-xl--10{order:-10}.order-xl--9{order:-9}.order-xl--8{order:-8}.order-xl--7{order:-7}.order-xl--6{order:-6}.order-xl--5{order:-5}.order-xl--4{order:-4}.order-xl--3{order:-3}.order-xl--2{order:-2}.order-xl--1{order:-1}.order-xl-0{order:0}.order-xl-1{order:1}.order-xl-2{order:2}.order-xl-3{order:3}.order-xl-4{order:4}.order-xl-5{order:5}.order-xl-6{order:6}.order-xl-7{order:7}.order-xl-8{order:8}.order-xl-9{order:9}.order-xl-10{order:10}.order-xl-11{order:11}.order-xl-12{order:12}.hidden-xl{display:none}}.canvas-mode-enabled{--canvas-hit: 14px}.canvas-mode-enabled .canvas-element{position:relative;z-index:0;border-radius:8px;outline:2px solid transparent;outline-offset:2px;transition:outline-color .2s ease,outline-style .2s ease}.canvas-mode-enabled .canvas-element:before{content:\"\";position:absolute;inset:calc(-1 * var(--canvas-hit));pointer-events:none;border-radius:inherit;background:transparent}.canvas-mode-enabled .canvas-element[data-canvas-type=section]{--outline-color: var(--md-sys-color-primary)}.canvas-mode-enabled .canvas-element[data-canvas-type=row]{--outline-color: var(--md-sys-color-secondary)}.canvas-mode-enabled .canvas-element[data-canvas-type=column],.canvas-mode-enabled .canvas-element[data-canvas-type=field]{--outline-color: var(--md-sys-color-tertiary)}.canvas-mode-enabled .canvas-element[data-canvas-type=actions]{--outline-color: var(--md-sys-color-primary)}.canvas-mode-enabled .canvas-element.hovered:not(.selected){outline-color:var(--outline-color, var(--md-sys-color-primary));outline-style:dashed}.canvas-mode-enabled .canvas-element.selected{outline-color:var(--outline-color, var(--md-sys-color-primary));outline-style:solid;box-shadow:0 0 0 2px var(--outline-color, var(--md-sys-color-primary))}.canvas-mode-enabled .canvas-element.hovered{z-index:var(--praxis-layer-authoring-hover, 300)}.canvas-mode-enabled .canvas-element.selected{z-index:var(--praxis-layer-authoring-selected, 320)}.section-drop-wrapper,.row-drop-wrapper,.column-drop-wrapper{display:contents}.add-section-container{display:flex;align-items:center;justify-content:center;padding:.5rem 0;margin:-.5rem 0;position:relative;z-index:var(--praxis-layer-authoring-insert, 280)}.add-section-container .add-section-line{flex-grow:1;height:1px;background:repeating-linear-gradient(90deg,var(--md-sys-color-outline-variant),var(--md-sys-color-outline-variant) 4px,transparent 4px,transparent 8px)}.add-section-container button{margin:0 1rem;transform:scale(.85)}:host{display:block;position:relative}.form-config-controls{position:sticky;top:10px;margin-left:auto;margin-bottom:10px;display:flex;align-items:center;gap:.35rem;z-index:60;background:color-mix(in srgb,var(--md-sys-color-surface) 92%,transparent);padding:6px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 82%,transparent);border-radius:999px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 22px #0f172a14;min-width:0;justify-content:flex-end;pointer-events:none;opacity:.88;transition:opacity .16s ease,box-shadow .16s ease,border-color .16s ease,transform .16s ease}.form-config-controls>*{pointer-events:auto}.praxis-dynamic-form:hover .form-config-controls,.praxis-dynamic-form:focus-within .form-config-controls{opacity:1;border-color:color-mix(in srgb,var(--md-sys-color-primary) 26%,var(--md-sys-color-outline-variant) 74%);box-shadow:0 14px 28px #0f172a1f;transform:translateY(-1px)}.form-config-controls .mat-icon-button{--mdc-icon-button-state-layer-size: 34px;width:34px;height:34px;color:var(--md-sys-color-on-surface-variant);background:color-mix(in srgb,var(--md-sys-color-surface-container-low) 82%,transparent);border:1px solid transparent}.form-config-controls .mat-icon-button:hover{color:var(--md-sys-color-primary);background:var(--md-sys-color-primary-container);border-color:color-mix(in srgb,var(--md-sys-color-primary) 20%,transparent)}.ai-floating-assistant{position:sticky;right:0;bottom:12px;margin-top:14px;margin-left:auto;width:fit-content;z-index:70;pointer-events:none}.ai-floating-assistant praxis-ai-assistant{pointer-events:auto;display:inline-flex}.ai-floating-assistant .ai-trigger-btn{box-shadow:0 12px 28px #0f172a24}.config-button{color:var(--md-sys-color-primary)}.form-loading{display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding:1.25rem;text-align:left;color:var(--md-sys-color-on-surface);gap:1rem;min-height:220px;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 14%,var(--md-sys-color-outline-variant) 86%);border-radius:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--md-sys-color-primary) 8%,transparent),transparent 42%),color-mix(in srgb,var(--md-sys-color-surface-container-low) 78%,var(--md-sys-color-surface) 22%);box-shadow:0 12px 28px #0f172a14}.form-loading-header{display:flex;align-items:center;gap:.85rem}.form-loading-copy{min-width:0}.form-loading p{margin:0}.form-loading-title{font-weight:700;color:var(--md-sys-color-on-surface)}.form-loading-subtitle{margin-top:.2rem;font-size:.875rem;color:var(--md-sys-color-on-surface-variant)}.form-loading-skeleton{display:grid;gap:.7rem}.form-loading-line,.form-loading-field{display:block;overflow:hidden;position:relative;border-radius:6px;background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 74%,var(--md-sys-color-primary) 6%)}.form-loading-line:after,.form-loading-field:after{content:\"\";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--md-sys-color-primary) 16%,white 18%),transparent);animation:form-loading-shimmer 1.4s ease-in-out infinite}.form-loading-line{height:12px}.form-loading-line-title{width:min(42%,240px)}.form-loading-line-short{width:min(64%,360px)}.form-loading-field{height:44px}.form-loading-field-wide{height:72px}@keyframes form-loading-shimmer{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.form-loading-line:after,.form-loading-field:after{animation:none;transform:none;opacity:.28}}.form-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--md-sys-color-error);gap:1rem;border:1px solid var(--md-sys-color-error);border-radius:8px;background-color:var(--md-sys-color-error-container);margin:1rem;box-shadow:0 12px 30px #7f1d1d1f}.form-error h3{margin:0;color:var(--md-sys-color-on-error-container)}.form-error p{margin:0;color:var(--md-sys-color-on-error-container);opacity:.8}.form-error button{margin-top:.5rem}.pfx-form-info-banner{margin-bottom:14px;padding:12px 14px;border-radius:16px;border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 18%,var(--md-sys-color-outline-variant) 82%);background:color-mix(in srgb,var(--md-sys-color-primary-container) 24%,var(--md-sys-color-surface) 76%);color:var(--md-sys-color-on-surface);display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.pfx-form-info-banner .text{font-size:.92rem;line-height:1.5;font-weight:600}.pfx-form-info-banner .actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.praxis-dynamic-form{display:flex;flex-direction:column;transition:all .3s ease;position:relative;font-family:inherit;font-size:inherit;color:inherit;--pfx-editorial-form-surface: var( --pfx-form-section-surface, var(--md-sys-color-surface-container) );--pfx-editorial-form-surface-muted: var(--md-sys-color-surface-container-low);--pfx-editorial-form-border: var( --pfx-form-stroke, var(--md-sys-color-outline-variant) );--pfx-editorial-form-text: var(--md-sys-color-on-surface);--pfx-editorial-form-text-muted: var(--md-sys-color-on-surface-variant);--pfx-editorial-form-field-surface: color-mix( in srgb, var(--pfx-editorial-form-surface-muted) 76%, var(--pfx-editorial-form-surface) 24% );--pfx-editorial-form-field-outline: color-mix( in srgb, var(--pfx-editorial-form-border) 88%, transparent );--pfx-editorial-form-accent: var(--md-sys-color-primary);--pfx-editorial-form-accent-text: var(--md-sys-color-on-primary);--pfx-editorial-form-radius: var(--pfx-form-section-radius, 8px);--pfx-editorial-form-field-radius: var(--pfx-form-field-radius, 4px);--pfx-editorial-form-border-width: 1px;--pfx-editorial-form-field-border-width: 1px;--pfx-editorial-form-shadow: none;--pfx-form-shell-surface: color-mix( in srgb, var(--pfx-editorial-form-surface) 36%, transparent );--pfx-form-section-surface-flat: color-mix( in srgb, var(--pfx-editorial-form-surface) 78%, var(--pfx-editorial-form-surface-muted) 22% );--pfx-form-section-divider: color-mix( in srgb, var(--pfx-editorial-form-border) 68%, transparent );--pfx-form-label-strong: color-mix( in srgb, var(--pfx-editorial-form-text) 96%, white 4% );--pfx-form-label-muted: color-mix( in srgb, var(--pfx-editorial-form-text-muted) 92%, var(--pfx-editorial-form-text) 8% );--pfx-form-field-surface-rest: color-mix( in srgb, var(--pfx-editorial-form-field-surface) 82%, var(--pfx-editorial-form-surface) 18% );--pfx-form-field-surface-focus: color-mix( in srgb, var(--pfx-editorial-form-accent) 4%, var(--pfx-form-field-surface-rest) 96% );--pfx-form-field-min-height: 48px;--pfx-form-section-padding: clamp(1.1rem, 1.8vw, 1.5rem);--pfx-form-section-gap: 22px;--pfx-form-footer-surface: color-mix( in srgb, var(--pfx-editorial-form-surface) 70%, var(--pfx-editorial-form-surface-muted) 30% );--pfx-form-footer-border: color-mix( in srgb, var(--pfx-editorial-form-border) 76%, transparent )}.praxis-dynamic-form.editorial-visual-context{font-family:var(--editorial-body-font-family, inherit);font-size:var(--editorial-body-size, 1rem);color:var(--editorial-text-primary, var(--md-sys-color-on-surface));--pfx-editorial-form-surface: var( --editorial-surface-primary, var(--pfx-form-section-surface, var(--md-sys-color-surface-container)) );--pfx-editorial-form-surface-muted: var( --editorial-surface-secondary, var(--md-sys-color-surface-container-low) );--pfx-editorial-form-border: var( --editorial-border-color, var(--pfx-form-stroke, var(--md-sys-color-outline-variant)) );--pfx-editorial-form-text: var( --editorial-text-primary, var(--md-sys-color-on-surface) );--pfx-editorial-form-text-muted: var( --editorial-text-secondary, var(--md-sys-color-on-surface-variant) );--pfx-editorial-form-accent: var( --editorial-cta-primary, var(--editorial-accent, var(--md-sys-color-primary)) );--pfx-editorial-form-accent-text: var( --editorial-cta-primary-text, var(--editorial-accent-contrast, var(--md-sys-color-on-primary)) );--pfx-editorial-form-radius: var(--editorial-card-radius, 18px);--pfx-editorial-form-field-radius: var( --editorial-field-radius, var(--editorial-card-radius, 14px) );--pfx-editorial-form-border-width: var(--editorial-card-border-width, 1px);--pfx-editorial-form-field-border-width: var(--editorial-field-border-width, 1px);--pfx-editorial-form-shadow: var(--editorial-card-shadow, none);--md-sys-color-surface: var( --pfx-editorial-form-surface, var(--md-sys-color-surface) );--md-sys-color-surface-container: var( --pfx-editorial-form-surface, var(--md-sys-color-surface-container) );--md-sys-color-surface-container-low: var( --pfx-editorial-form-surface-muted, var(--md-sys-color-surface-container-low) );--md-sys-color-surface-variant: var( --pfx-editorial-form-field-surface, var(--md-sys-color-surface-variant) );--md-sys-color-outline: var( --pfx-editorial-form-field-outline, var(--md-sys-color-outline) );--md-sys-color-outline-variant: var( --pfx-editorial-form-border, var(--md-sys-color-outline-variant) );--md-sys-color-on-surface: var( --pfx-editorial-form-text, var(--md-sys-color-on-surface) );--md-sys-color-on-surface-variant: var( --pfx-editorial-form-text-muted, var(--md-sys-color-on-surface-variant) );--md-sys-color-primary: var( --pfx-editorial-form-accent, var(--md-sys-color-primary) );--md-sys-color-on-primary: var( --pfx-editorial-form-accent-text, var(--md-sys-color-on-primary) );--md-sys-color-on-surface-rgb: var( --editorial-text-primary-rgb, var(--md-sys-color-on-surface-rgb) );--mat-sys-on-surface: var( --pfx-editorial-form-text, var(--mat-sys-on-surface) );--mat-sys-on-surface-variant: var( --pfx-editorial-form-text-muted, var(--mat-sys-on-surface-variant) );--mat-sys-on-surface-rgb: var( --editorial-text-primary-rgb, var(--mat-sys-on-surface-rgb, var(--md-sys-color-on-surface-rgb)) );color:var(--pfx-editorial-form-text);color-scheme:light}.praxis-dynamic-form.presentation-mode .form-row,.praxis-dynamic-form.readonly-mode .form-row{gap:.5rem;margin-bottom:.5rem}.praxis-dynamic-form.presentation-mode .form-section,.praxis-dynamic-form.readonly-mode .form-section{padding:.75rem .875rem}.praxis-dynamic-form.pres-compact .form-row{gap:.35rem;margin-bottom:.35rem}.praxis-dynamic-form.pres-compact .form-section{padding:.5rem .75rem}.praxis-dynamic-form.pres-label-left .praxis-presentation{display:grid;grid-template-columns:var(--pfx-presentation-label-w, 220px) 1fr;align-items:baseline;column-gap:10px}.praxis-dynamic-form.pres-label-left .praxis-presentation__label{text-align:right;margin-bottom:0}.form-section{border:1px solid var(--pfx-form-section-divider);border-radius:var(--pfx-editorial-form-radius);padding:var(--pfx-form-section-padding);background:var(--pfx-form-section-surface-flat);box-shadow:none;transition:all .2s ease;position:relative}.praxis-dynamic-form.editorial-visual-context .form-section{border:var(--pfx-editorial-form-border-width) solid var(--pfx-editorial-form-border)!important;background:var(--pfx-editorial-form-surface)!important;box-shadow:var(--editorial-card-shadow, none)}.praxis-dynamic-form.editorial-visual-context .form-section.section-appearance-step{background-color:var(--pfx-editorial-form-surface)!important;background-image:linear-gradient(180deg,color-mix(in srgb,var(--editorial-accent, var(--md-sys-color-primary)) 6%,transparent) 0%,transparent 132px)!important;background-repeat:no-repeat!important}.section-drop-wrapper>.form-section{margin-bottom:var(--pfx-section-gap, 20px)}.section-drop-wrapper:last-of-type>.form-section{margin-bottom:0}.praxis-dynamic-form>praxis-form-actions[data-actions-placement=afterSections] .form-actions{margin-top:var(--pfx-actions-gap-top, var(--pfx-section-gap, 20px))}.section-title{margin:0 0 var(--pfx-section-title-mb, 12px) 0;font-family:var(--editorial-title-font-family, var(--editorial-body-font-family, inherit));font-size:var(--editorial-step-title-size, 1.12rem);font-weight:700;color:var(--pfx-form-label-strong)}.section-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--pfx-form-section-divider)}.section-heading.align-center{flex-direction:column;align-items:center;text-align:center}.section-heading.align-center .section-heading-text{display:grid;justify-items:center}.section-step-label{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;margin:0 0 8px;border-radius:999px;background:color-mix(in srgb,var(--pfx-editorial-form-accent) 10%,transparent);color:color-mix(in srgb,var(--pfx-editorial-form-accent) 84%,var(--pfx-form-label-strong) 16%);font-size:.72rem;font-weight:800;font-family:var(--editorial-title-font-family, var(--editorial-body-font-family, inherit));letter-spacing:.08em;text-transform:uppercase}.section-heading-text{flex:1 1 auto;min-width:0}.section-heading-actions{display:inline-flex;align-items:center;align-self:flex-start;flex-wrap:wrap;gap:4px;margin-left:auto}.section-heading-actions.align-center{align-self:center;margin-left:0}.section-heading-action-btn{color:var(--pfx-form-label-muted)}.section-heading-action-btn .mat-mdc-progress-spinner,.section-heading-action-btn mat-progress-spinner{--mdc-circular-progress-active-indicator-color: currentColor}.section-heading-action-btn.loading{opacity:.72;pointer-events:none}.section-heading-action-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.section-collapse-btn{margin-left:4px;color:var(--pfx-form-label-muted)}.section-title.title-large{font:var(--mdc-typography-title-large, 500 22px/28px system-ui)}.section-title.title-medium{font:var(--mdc-typography-title-medium, 500 16px/24px system-ui)}.section-title.title-small{font:var(--mdc-typography-title-small, 500 14px/20px system-ui)}.section-title.headline-small{font:var(--mdc-typography-headline-small, 600 24px/32px system-ui)}.section-title.title-large,.section-title.title-medium,.section-title.title-small,.section-title.headline-small{font-family:var(--editorial-title-font-family, var(--editorial-body-font-family, inherit));font-weight:var(--editorial-title-weight, 600)}.section-description{margin:0;font-family:var(--editorial-body-font-family, inherit);font-size:.93rem;color:var(--pfx-form-label-muted);line-height:1.6}.section-description.body-large{font:var(--mdc-typography-body-large, 400 16px/24px system-ui)}.section-description.body-medium{font:var(--mdc-typography-body-medium, 400 14px/20px system-ui)}.section-description.body-small{font:var(--mdc-typography-body-small, 400 12px/16px system-ui)}.section-description.body-large,.section-description.body-medium,.section-description.body-small{font-family:var(--editorial-body-font-family, inherit);font-weight:var(--editorial-body-weight, 400)}.section-title.align-center,.section-description.align-center,.section-step-label.align-center{text-align:center}.form-section.section-appearance-plain{border-color:transparent;border-radius:0;padding:0;background:transparent}.form-section.section-appearance-plain .section-heading{margin-bottom:14px}.form-section.section-appearance-step{border-radius:var(--pfx-editorial-form-radius);padding:var(--pfx-form-section-padding);background:var(--pfx-form-section-surface-flat);border-color:var(--pfx-form-section-divider);box-shadow:none}.praxis-dynamic-form.editorial-visual-context .form-section.section-appearance-step{border-radius:var(--editorial-card-radius, 20px);box-shadow:none}.form-section.section-appearance-step .section-heading{margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid var(--pfx-form-section-divider)}.form-section.section-appearance-step .section-title{font:var(--mdc-typography-title-large, 700 22px/28px system-ui);color:var(--pfx-form-label-strong);margin-bottom:8px}.form-section.section-appearance-step .section-description{color:var(--pfx-form-label-muted);max-width:60ch}.form-section.section-appearance-step .section-step-label{min-height:24px;padding:0 10px;margin-bottom:10px;box-shadow:none}.form-section.section-appearance-step .section-heading.align-center .section-description{max-width:52ch}.form-section.section-appearance-step .section-body{display:grid;gap:8px;padding-top:0}.form-section.section-appearance-step .form-row{margin-bottom:var(--pfx-field-gap, 1rem)}.form-section.section-appearance-step .form-column{gap:var(--pfx-field-gap, 12px)}.form-section .form-editorial-blocks{display:grid;gap:16px}.form-section .form-editorial-blocks[data-editorial-placement=beforeActions]{margin-top:24px;padding-top:18px;border-top:1px solid var(--pfx-form-section-divider)}.form-section.section-appearance-step .form-editorial-blocks[data-editorial-placement=beforeActions]{gap:18px}.form-section.section-appearance-step .form-editorial-blocks[data-editorial-placement=beforeActions]>*+*{margin-top:2px}.praxis-dynamic-form>praxis-form-actions[data-actions-placement=afterSections] .form-actions{margin-top:18px;padding-top:0}.praxis-dynamic-form>.form-editorial-blocks[data-editorial-placement=after]{margin-top:6px}:host-context(.mdc-theme-dark) .form-section.section-appearance-step,:host-context(.theme-dark) .form-section.section-appearance-step{border-color:color-mix(in srgb,var(--pfx-editorial-form-border) 82%,transparent);box-shadow:none}:host-context(.mdc-theme-dark) .form-section.section-appearance-step .section-title,:host-context(.theme-dark) .form-section.section-appearance-step .section-title{color:color-mix(in srgb,var(--pfx-editorial-form-text) 96%,white)}:host-context(.mdc-theme-dark) .form-section.section-appearance-step .section-description,:host-context(.theme-dark) .form-section.section-appearance-step .section-description{color:color-mix(in srgb,var(--pfx-editorial-form-text-muted) 86%,var(--pfx-editorial-form-text) 14%)}:host-context(.mdc-theme-dark) .section-step-label,:host-context(.theme-dark) .section-step-label{background:color-mix(in srgb,var(--md-sys-color-primary-container) 54%,transparent);color:color-mix(in srgb,var(--md-sys-color-primary) 88%,white)}:host-context(.mdc-theme-dark) .form-section .form-editorial-blocks[data-editorial-placement=beforeActions],:host-context(.theme-dark) .form-section .form-editorial-blocks[data-editorial-placement=beforeActions]{border-top-color:color-mix(in srgb,var(--md-sys-color-outline-variant) 90%,transparent)}.inline-edit-btn{margin-left:6px;vertical-align:middle;--mdc-icon-button-size: 28px;--mdc-icon-button-icon-size: 16px}.inline-edit-btn mat-icon{font-size:16px;width:16px;height:16px}.section-body.collapsed{border:1px dashed var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low);border-radius:6px;padding:8px 10px}.section-collapsed-placeholder{display:flex;align-items:center;gap:8px;color:var(--md-sys-color-on-surface-variant);font-size:.95rem}.section-collapsed-placeholder mat-icon{font-size:20px;width:20px;height:20px}.form-row{display:flex;gap:1.1rem;margin-bottom:var(--pfx-field-gap, 1.1rem);transition:all .2s ease;border-radius:6px;position:relative}.praxis-dynamic-form.pfx-mounting .form-row{opacity:0;transform:translateY(var(--pdx-form-mount-offset, 6px));animation:pdxFormMount var(--pdx-form-mount-duration, .16s) ease-out both;animation-delay:calc(var(--pfx-mount-index, 0) * var(--pdx-form-mount-stagger, 20ms))}@media(prefers-reduced-motion:reduce){.praxis-dynamic-form.pfx-mounting .form-row{animation:none;opacity:1;transform:none}}@keyframes pdxFormMount{to{opacity:1;transform:translateY(0)}}.praxis-dynamic-form .mat-mdc-form-field{width:100%;margin-bottom:var(--pfx-field-gap, 10px);font-family:inherit;--mdc-filled-text-field-container-color: var(--pfx-form-field-surface-rest);--mdc-filled-text-field-focus-active-indicator-color: var(--pfx-editorial-form-accent);--mdc-filled-text-field-active-indicator-color: var(--pfx-editorial-form-field-outline);--mdc-filled-text-field-hover-active-indicator-color: var(--pfx-editorial-form-accent);--mdc-filled-text-field-focus-label-text-color: var(--pfx-editorial-form-accent);--mdc-filled-text-field-label-text-color: var(--pfx-form-label-muted);--mdc-filled-text-field-input-text-color: var(--pfx-editorial-form-text);--mdc-filled-text-field-caret-color: var(--pfx-editorial-form-accent);--mdc-filled-text-field-input-text-placeholder-color: color-mix( in srgb, var(--pfx-editorial-form-text-muted) 82%, transparent );--mdc-outlined-text-field-outline-color: var(--pfx-editorial-form-field-outline);--mdc-outlined-text-field-hover-outline-color: var(--pfx-editorial-form-accent);--mdc-outlined-text-field-focus-outline-color: var(--pfx-editorial-form-accent);--mdc-outlined-text-field-focus-label-text-color: var(--pfx-editorial-form-accent);--mdc-outlined-text-field-label-text-color: var(--pfx-form-label-muted);--mdc-outlined-text-field-input-text-color: var(--pfx-editorial-form-text);--mdc-filled-text-field-container-shape: var(--pfx-editorial-form-field-radius);--mdc-outlined-text-field-container-shape: var(--pfx-editorial-form-field-radius);--mdc-filled-text-field-active-indicator-height: var(--pfx-editorial-form-field-border-width);--mdc-filled-text-field-focus-active-indicator-height: var(--pfx-editorial-form-field-border-width);--mdc-outlined-text-field-outline-width: var(--pfx-editorial-form-field-border-width);--mdc-outlined-text-field-focus-outline-width: var(--pfx-editorial-form-field-border-width);--mat-select-enabled-trigger-text-color: var(--pfx-editorial-form-text);--mat-select-enabled-arrow-color: var(--pfx-form-label-muted);--mat-form-field-enabled-select-arrow-color: var(--pfx-form-label-muted);--mat-form-field-focus-select-arrow-color: var(--pfx-editorial-form-accent);--mat-form-field-hover-state-layer-opacity: 0;--mat-form-field-focus-state-layer-opacity: 0}.praxis-dynamic-form.editorial-visual-context .mat-mdc-form-field{font-family:var(--editorial-body-font-family, inherit)}.praxis-dynamic-form .mat-mdc-text-field-wrapper,.praxis-dynamic-form .mdc-text-field{background:var(--pfx-form-field-surface-rest);border-radius:var(--pfx-editorial-form-field-radius);min-height:var(--pfx-form-field-min-height);transition:background-color .16s ease,box-shadow .16s ease,border-color .16s ease}.praxis-dynamic-form.editorial-visual-context .mat-mdc-text-field-wrapper,.praxis-dynamic-form.editorial-visual-context .mdc-text-field,.praxis-dynamic-form.editorial-visual-context .mdc-text-field--filled,.praxis-dynamic-form.editorial-visual-context .mdc-text-field--outlined{background-color:var(--pfx-form-field-surface-rest)!important;background:var(--pfx-form-field-surface-rest)!important}.praxis-dynamic-form .mat-mdc-form-field .mdc-floating-label,.praxis-dynamic-form .mat-mdc-form-field .mat-mdc-form-field-hint,.praxis-dynamic-form .mat-mdc-form-field .mat-mdc-form-field-error,.praxis-dynamic-form .mat-mdc-form-field .mat-mdc-form-field-required-marker,.praxis-dynamic-form .mat-mdc-form-field .mat-mdc-select-arrow,.praxis-dynamic-form .mat-mdc-form-field .mat-mdc-select-placeholder,.praxis-dynamic-form .mat-mdc-form-field .mat-mdc-form-field-icon-suffix,.praxis-dynamic-form .mat-mdc-form-field .mat-mdc-form-field-icon-prefix{color:var(--pfx-form-label-muted)}.praxis-dynamic-form .mat-mdc-input-element,.praxis-dynamic-form .mat-mdc-select-value-text,.praxis-dynamic-form .mat-mdc-form-field-infix,.praxis-dynamic-form .mat-mdc-select-min-line{color:var(--pfx-editorial-form-text)}.praxis-dynamic-form .mat-mdc-form-field:hover .mat-mdc-text-field-wrapper,.praxis-dynamic-form .mat-mdc-form-field:hover .mdc-text-field,.praxis-dynamic-form .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper,.praxis-dynamic-form .mat-mdc-form-field.mat-focused .mdc-text-field{background:var(--pfx-form-field-surface-focus)}.praxis-dynamic-form.editorial-visual-context .mat-mdc-input-element,.praxis-dynamic-form.editorial-visual-context .mat-mdc-select-value-text,.praxis-dynamic-form.editorial-visual-context .mat-mdc-form-field-infix,.praxis-dynamic-form.editorial-visual-context .mat-mdc-select-min-line,.praxis-dynamic-form.editorial-visual-context .mdc-text-field__input{color:var(--pfx-editorial-form-text)!important;-webkit-text-fill-color:var(--pfx-editorial-form-text)!important}.praxis-dynamic-form.editorial-visual-context .mat-mdc-form-field .mdc-floating-label,.praxis-dynamic-form.editorial-visual-context .mat-mdc-form-field .mat-mdc-form-field-hint,.praxis-dynamic-form.editorial-visual-context .mat-mdc-form-field .mat-mdc-form-field-error,.praxis-dynamic-form.editorial-visual-context .mat-mdc-form-field .mat-mdc-form-field-required-marker,.praxis-dynamic-form.editorial-visual-context .mat-mdc-form-field .mat-mdc-select-arrow,.praxis-dynamic-form.editorial-visual-context .mat-mdc-form-field .mat-mdc-select-placeholder,.praxis-dynamic-form.editorial-visual-context .mat-mdc-form-field .mat-mdc-form-field-icon-suffix,.praxis-dynamic-form.editorial-visual-context .mat-mdc-form-field .mat-mdc-form-field-icon-prefix{color:var(--pfx-editorial-form-text-muted)!important}.praxis-dynamic-form.editorial-visual-context .mat-mdc-floating-label,.praxis-dynamic-form.editorial-visual-context .mdc-floating-label,.praxis-dynamic-form.editorial-visual-context .mdc-text-field__input::placeholder{color:color-mix(in srgb,var(--pfx-editorial-form-text) 68%,transparent)!important}.praxis-dynamic-form.editorial-visual-context .mat-mdc-input-element::placeholder,.praxis-dynamic-form.editorial-visual-context textarea.mat-mdc-input-element::placeholder{color:color-mix(in srgb,var(--pfx-editorial-form-text) 58%,transparent)!important}.praxis-dynamic-form .mat-mdc-radio-button,.praxis-dynamic-form .mat-mdc-checkbox,.praxis-dynamic-form .mat-mdc-slide-toggle{--mdc-radio-selected-icon-color: var(--pfx-editorial-form-accent);--mdc-radio-selected-hover-icon-color: var(--pfx-editorial-form-accent);--mdc-radio-selected-focus-icon-color: var(--pfx-editorial-form-accent);--mdc-checkbox-selected-checkmark-color: var(--pfx-editorial-form-accent-text);--mdc-checkbox-selected-focus-icon-color: var(--pfx-editorial-form-accent);--mdc-checkbox-selected-hover-icon-color: var(--pfx-editorial-form-accent);--mdc-checkbox-selected-icon-color: var(--pfx-editorial-form-accent);--mdc-switch-selected-focus-state-layer-color: var(--pfx-editorial-form-accent);--mdc-switch-selected-handle-color: var(--pfx-editorial-form-accent);--mdc-switch-selected-track-color: color-mix(in srgb, var(--pfx-editorial-form-accent) 45%, #fff)}.praxis-dynamic-form [data-field-type=input],.praxis-dynamic-form [data-field-type=textarea],.praxis-dynamic-form [data-field-type=email],.praxis-dynamic-form [data-field-type=password],.praxis-dynamic-form [data-field-type=url],.praxis-dynamic-form [data-field-type=search],.praxis-dynamic-form [data-field-type=phone],.praxis-dynamic-form [data-field-type=numericTextBox],.praxis-dynamic-form [data-field-type=currency],.praxis-dynamic-form [data-field-type=cpfCnpj],.praxis-dynamic-form [data-field-type=date],.praxis-dynamic-form [data-field-type=dateInput],.praxis-dynamic-form [data-field-type=dateRange],.praxis-dynamic-form [data-field-type=dateTimeLocal],.praxis-dynamic-form [data-field-type=time],.praxis-dynamic-form [data-field-type=timePicker],.praxis-dynamic-form [data-field-type=timeRange],.praxis-dynamic-form [data-field-type=month],.praxis-dynamic-form [data-field-type=week],.praxis-dynamic-form [data-field-type=yearInput],.praxis-dynamic-form [data-field-type=select],.praxis-dynamic-form [data-field-type=multi-select],.praxis-dynamic-form [data-field-type=searchable-select],.praxis-dynamic-form [data-field-type=async-select],.praxis-dynamic-form [data-field-type=autocomplete],.praxis-dynamic-form [data-field-type=tree-select],.praxis-dynamic-form [data-field-type=multi-select-tree],.praxis-dynamic-form [data-field-type=priceRange],.praxis-dynamic-form [data-field-type=file-upload]{display:block;width:100%;min-width:0}.praxis-dynamic-form .mat-mdc-form-field-subscript-wrapper{min-height:var(--pfx-subscript-min-h, 22px)}.form-row:last-child{margin-bottom:0}.form-column{display:grid;align-content:start;gap:var(--pfx-field-gap, 10px);flex:1;min-width:0;transition:all .2s ease;border-radius:4px;position:relative}.form-row.grid-12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--pfx-grid-gap, 16px)}.align-start{align-self:flex-start}.align-center{align-self:center}.align-end{align-self:flex-end}.align-stretch{align-self:stretch}.form-blocking-overlay{position:absolute;inset:0;background:transparent;color:var(--md-sys-color-on-surface);backdrop-filter:blur(2px) saturate(103%);-webkit-backdrop-filter:blur(2px) saturate(103%);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;z-index:10;pointer-events:all}@media(max-width:768px){.form-row{flex-direction:column;gap:.5rem}.form-section{padding:1rem}.section-heading{gap:10px;margin-bottom:16px;padding-bottom:14px}}.section-title{display:flex;align-items:center;gap:8px}.section-title .section-title-icon{font-size:1.25em;line-height:1}.section-title-avatar{--_pfx-form-section-avatar-size: var(--pfx-form-section-avatar-size-md, var(--pfx-form-section-avatar-size, 32px));display:inline-flex;align-items:center;justify-content:center;width:var(--_pfx-form-section-avatar-size);height:var(--_pfx-form-section-avatar-size);border-radius:999px;flex:0 0 var(--_pfx-form-section-avatar-size);overflow:hidden}.section-title-avatar.size-sm{--_pfx-form-section-avatar-size: var(--pfx-form-section-avatar-size-sm, 24px)}.section-title-avatar.size-md{--_pfx-form-section-avatar-size: var(--pfx-form-section-avatar-size-md, var(--pfx-form-section-avatar-size, 32px))}.section-title-avatar.size-lg{--_pfx-form-section-avatar-size: var(--pfx-form-section-avatar-size-lg, 40px)}.section-title-avatar-image{object-fit:cover;border:1px solid color-mix(in srgb,var(--pfx-form-section-divider) 72%,transparent);background:var(--pfx-form-section-surface-flat)}.section-title-avatar-text,.section-title-avatar-placeholder{background:color-mix(in srgb,var(--pfx-editorial-form-accent) 14%,var(--pfx-form-section-surface-flat));color:color-mix(in srgb,var(--pfx-editorial-form-accent) 82%,var(--pfx-form-label-strong) 18%);font-size:calc(var(--_pfx-form-section-avatar-size) * .41);font-weight:800;letter-spacing:.04em;text-transform:uppercase}.section-title-avatar-placeholder mat-icon{font-size:calc(var(--_pfx-form-section-avatar-size) * .5625);width:calc(var(--_pfx-form-section-avatar-size) * .5625);height:calc(var(--_pfx-form-section-avatar-size) * .5625);line-height:calc(var(--_pfx-form-section-avatar-size) * .5625)}.section-title-avatar-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n"] }]
         }], ctorParameters: () => [{ type: i1$2.GenericCrudService }, { type: i2.HttpClient }, { type: i1$3.FormBuilder }, { type: i0.ChangeDetectorRef }, { type: FormLayoutService }, { type: FormContextService }, { type: FormRulesService }, { type: i7.SettingsPanelService }, { type: i2$1.MatDialog }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [ASYNC_CONFIG_STORAGE]
@@ -11761,6 +12343,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 type: Input
             }], config: [{
                 type: Input
+            }], actions: [{
+                type: Input
             }], schemaSource: [{
                 type: Input
             }], schemaUrl: [{
@@ -14401,6 +14985,7 @@ const ACTIONS_EDITOR_I18N_CONFIG = {
                 'global.section.essential': 'Essencial',
                 'global.section.dialogOptional': 'Diálogo (opcional)',
                 'global.validation.validJson': 'Informe um JSON válido.',
+                'global.validation.requiredField': 'Campo obrigatório.',
                 'tabs.defaultButtons': 'Botões padrão',
                 'tabs.customButtons': 'Botões customizados',
                 'tabs.layout': 'Layout',
@@ -14487,6 +15072,7 @@ const ACTIONS_EDITOR_I18N_CONFIG = {
                 'global.section.essential': 'Essential',
                 'global.section.dialogOptional': 'Dialog (optional)',
                 'global.validation.validJson': 'Provide valid JSON.',
+                'global.validation.requiredField': 'Required field.',
                 'tabs.defaultButtons': 'Default buttons',
                 'tabs.customButtons': 'Custom buttons',
                 'tabs.layout': 'Layout',
@@ -14574,204 +15160,32 @@ const ACTIONS_EDITOR_I18N_CONFIG = {
 
 function buildGlobalActionCatalog(params) {
     const merged = new Map();
-    for (const spec of params.legacySpecs) {
-        const mapped = params.mapLegacySpec
-            ? params.mapLegacySpec(spec)
-            : { ...spec };
-        merged.set(mapped.id, mapped);
-    }
     const source = params.injectedCatalog.length
         ? params.injectedCatalog
         : params.fallbackCatalog;
     for (const entry of source) {
-        if (merged.has(entry.id))
-            continue;
         const mapped = params.mapCatalogEntry
             ? params.mapCatalogEntry(entry)
             : {
                 id: entry.id,
                 label: entry.label,
                 description: entry.description,
+                payloadSchema: entry.payloadSchema,
             };
         merged.set(mapped.id, mapped);
     }
     return Array.from(merged.values());
 }
-function parseActionValue(value, catalog, customActionValue = '__custom__') {
-    const raw = String(value || '').trim();
-    if (!raw) {
-        return { id: customActionValue, param: '', isGlobal: false, raw: '' };
-    }
-    const [prefix, ...rest] = raw.split(':');
-    const candidate = catalog.find((item) => item.id === prefix);
-    if (candidate) {
-        return {
-            id: candidate.id,
-            param: rest.join(':'),
-            isGlobal: true,
-            raw,
-        };
-    }
-    const exact = catalog.find((item) => item.id === raw);
-    if (exact) {
-        return { id: exact.id, param: '', isGlobal: true, raw };
-    }
-    return { id: customActionValue, param: '', isGlobal: false, raw };
-}
-function getActionParamInfo(value, catalog, customActionValue = '__custom__') {
-    const parsed = parseActionValue(value, catalog, customActionValue);
-    const param = parsed.param || '';
-    const trimmed = param.trim();
-    const looksJson = (trimmed.startsWith('{') && trimmed.endsWith('}')) ||
-        (trimmed.startsWith('[') && trimmed.endsWith(']'));
-    if (looksJson) {
-        try {
-            const json = JSON.parse(trimmed);
-            if (json && typeof json === 'object') {
-                return { ...parsed, param, isJson: true, json };
-            }
-        }
-        catch {
-            // ignore malformed legacy value
-        }
-    }
-    return { ...parsed, param, isJson: false, json: undefined };
-}
-function normalizeSurfaceOpenPayload(payload) {
-    return {
-        presentation: payload?.presentation === 'drawer' ? 'drawer' : 'modal',
-        title: payload?.title,
-        subtitle: payload?.subtitle,
-        icon: payload?.icon,
-        size: payload?.size && Object.keys(payload.size).length
-            ? { ...payload.size }
-            : undefined,
-        widget: {
-            id: String(payload?.widget?.id || ''),
-            inputs: { ...(payload?.widget?.inputs || {}) },
-            bindingOrder: payload?.widget?.bindingOrder?.length
-                ? [...payload.widget.bindingOrder]
-                : undefined,
-        },
-        bindings: payload?.bindings?.length
-            ? payload.bindings.map((binding) => ({
-                ...binding,
-            }))
-            : [],
-        context: payload?.context &&
-            typeof payload.context === 'object' &&
-            !Array.isArray(payload.context)
-            ? { ...payload.context }
-            : undefined,
-    };
-}
-function serializeGlobalActionParam(actionId, values, existingJson) {
-    const payload = buildGlobalActionPayload(values, existingJson);
-    const preferJson = !!(existingJson && Object.keys(existingJson).length);
-    const primary = buildPrimaryParam(actionId, values, payload, preferJson);
-    if (primary)
-        return primary;
-    if (!payload || Object.keys(payload).length === 0)
-        return '';
-    return JSON.stringify(payload);
-}
-function isRequiredParamMissing(value, catalog, customActionValue = '__custom__') {
-    const parsed = parseActionValue(value, catalog, customActionValue);
-    const spec = catalog.find((item) => item.id === parsed.id);
-    if (!parsed.isGlobal || !spec?.param?.required)
-        return false;
-    return !String(parsed.param || '').trim();
-}
-function isEquivalentActionFieldValue(actual, draft, fieldType) {
-    if (fieldType === 'toggle') {
-        return Boolean(actual) === Boolean(draft);
-    }
-    if (fieldType === 'number') {
-        return String(actual ?? '') === String(draft ?? '');
-    }
-    return String(actual ?? '') === String(draft ?? '');
-}
-function parseMethodAndUrl(raw) {
-    const text = String(raw || '').trim();
-    if (!text)
-        return {};
-    const idx = text.indexOf(':');
-    if (idx > 0) {
-        return {
-            method: text.slice(0, idx).toUpperCase(),
-            url: text.slice(idx + 1),
-        };
-    }
-    return { url: text };
-}
-function stringifyJson(value) {
-    if (value === undefined || value === null || value === '')
-        return '';
-    if (typeof value === 'string')
-        return value;
-    try {
-        return JSON.stringify(value, null, 2);
-    }
-    catch {
-        return '';
-    }
+function isGlobalActionId(value, catalog) {
+    const id = String(value || '').trim();
+    return !!id && catalog.some((item) => item.id === id);
 }
-function buildPrimaryParam(actionId, values, payload, preferJson) {
-    if (preferJson)
-        return '';
-    const onlyPayload = payload ? Object.keys(payload).length : 0;
-    const text = (value) => String(value || '').trim();
-    if (actionId === 'navigate' || actionId === 'openUrl') {
-        const url = text(values.url);
-        if (url && onlyPayload === 1)
-            return url;
-    }
-    if (actionId === 'showAlert' ||
-        actionId === 'confirm' ||
-        actionId === 'alert' ||
-        actionId === 'prompt') {
-        const message = text(values.message);
-        if (message && onlyPayload === 1)
-            return message;
-    }
-    if (actionId === 'download') {
-        const url = text(values.url);
-        if (url && onlyPayload === 1)
-            return url;
-    }
-    if (actionId === 'copyToClipboard') {
-        const copyText = text(values.text);
-        if (copyText && onlyPayload === 1)
-            return copyText;
-    }
-    if (actionId === 'saveFormDraft' ||
-        actionId === 'loadFormDraft' ||
-        actionId === 'clearFormDraft') {
-        const key = text(values.key);
-        if (key && onlyPayload === 1)
-            return key;
-    }
-    if (actionId === 'refreshOptions' || actionId === 'loadDependentData') {
-        const field = text(values.field);
-        if (field && onlyPayload === 1)
-            return field;
-    }
-    if (actionId === 'apiCall') {
-        const method = text(values.method);
-        const url = text(values.url);
-        if (url && onlyPayload <= 2) {
-            return method ? `${method}:${url}` : url;
-        }
-    }
-    return '';
-}
-function buildGlobalActionPayload(values, existingJson) {
+function normalizeGlobalActionPayload(values, existingPayload) {
     const payload = {};
     const hasText = (value) => {
         if (value === undefined || value === null)
             return false;
-        const text = String(value).trim();
-        return text.length > 0;
+        return String(value).trim().length > 0;
     };
     const toText = (value) => hasText(value) ? String(value).trim() : undefined;
     const toNumber = (value) => {
@@ -14800,8 +15214,8 @@ function buildGlobalActionPayload(values, existingJson) {
             payload[key] = true;
         }
         else if (value === false &&
-            existingJson &&
-            Object.prototype.hasOwnProperty.call(existingJson, key)) {
+            existingPayload &&
+            Object.prototype.hasOwnProperty.call(existingPayload, key)) {
             payload[key] = false;
         }
     };
@@ -14839,101 +15253,55 @@ function buildGlobalActionPayload(values, existingJson) {
             ...(animationDuration !== undefined ? { duration: animationDuration } : {}),
         };
     }
-    const width = toText(values.width);
-    const height = toText(values.height);
-    const minWidth = toText(values.minWidth);
-    const maxWidth = toText(values.maxWidth);
-    const minHeight = toText(values.minHeight);
-    const maxHeight = toText(values.maxHeight);
-    if (width)
-        payload.width = width;
-    if (height)
-        payload.height = height;
-    if (minWidth)
-        payload.minWidth = minWidth;
-    if (maxWidth)
-        payload.maxWidth = maxWidth;
-    if (minHeight)
-        payload.minHeight = minHeight;
-    if (maxHeight)
-        payload.maxHeight = maxHeight;
+    for (const key of ['width', 'height', 'minWidth', 'maxWidth', 'minHeight', 'maxHeight']) {
+        const value = toText(values[key]);
+        if (value)
+            payload[key] = value;
+    }
     includeBool('disableClose', values.disableClose);
     includeBool('hasBackdrop', values.hasBackdrop);
     includeBool('closeOnBackdropClick', values.closeOnBackdropClick);
     includeBool('autoFocus', values.autoFocus);
     includeBool('restoreFocus', values.restoreFocus);
-    const backdropClass = toText(values.backdropClass);
-    const panelClass = toText(values.panelClass);
-    if (backdropClass)
-        payload.backdropClass = backdropClass;
-    if (panelClass)
-        payload.panelClass = panelClass;
-    const autoFocusedElement = toText(values.autoFocusedElement);
-    if (autoFocusedElement)
-        payload.autoFocusedElement = autoFocusedElement;
-    const ariaRole = toText(values.ariaRole);
-    const ariaLabel = toText(values.ariaLabel);
-    const ariaLabelledBy = toText(values.ariaLabelledBy);
-    const ariaDescribedBy = toText(values.ariaDescribedBy);
-    if (ariaRole)
-        payload.ariaRole = ariaRole;
-    if (ariaLabel)
-        payload.ariaLabel = ariaLabel;
-    if (ariaLabelledBy)
-        payload.ariaLabelledBy = ariaLabelledBy;
-    if (ariaDescribedBy)
-        payload.ariaDescribedBy = ariaDescribedBy;
+    for (const key of [
+        'backdropClass',
+        'panelClass',
+        'autoFocusedElement',
+        'ariaRole',
+        'ariaLabel',
+        'ariaLabelledBy',
+        'ariaDescribedBy',
+        'confirmLabel',
+        'cancelLabel',
+        'okLabel',
+        'placeholder',
+        'defaultValue',
+        'url',
+        'target',
+        'level',
+        'text',
+    ]) {
+        const value = toText(values[key]);
+        if (value)
+            payload[key] = value;
+    }
     const styles = toJson(values.styles);
     if (styles)
         payload.styles = styles;
-    const confirmLabel = toText(values.confirmLabel);
-    if (confirmLabel)
-        payload.confirmLabel = confirmLabel;
-    const cancelLabel = toText(values.cancelLabel);
-    if (cancelLabel)
-        payload.cancelLabel = cancelLabel;
-    const okLabel = toText(values.okLabel);
-    if (okLabel)
-        payload.okLabel = okLabel;
-    const placeholder = toText(values.placeholder);
-    if (placeholder)
-        payload.placeholder = placeholder;
-    const defaultValue = toText(values.defaultValue);
-    if (defaultValue)
-        payload.defaultValue = defaultValue;
-    if (values.mode === true) {
+    if (values.mode === true)
         payload.mode = 'dialog';
-    }
-    const url = toText(values.url);
-    if (url)
-        payload.url = url;
-    const target = toText(values.target);
-    if (target)
-        payload.target = target;
     includeBool('newTab', values.newTab);
     includeBool('replaceUrl', values.replaceUrl);
-    const method = toText(values.method);
-    if (method)
-        payload.method = method;
-    const bodySource = toText(values.bodySource);
-    if (bodySource)
-        payload.bodySource = bodySource;
+    includeBool('useFieldValue', values.useFieldValue);
+    const params = toJson(values.params);
+    if (params !== undefined)
+        payload.params = params;
     const headers = toJson(values.headers);
-    if (headers)
+    if (headers !== undefined)
         payload.headers = headers;
     const body = toJson(values.body);
-    if (body)
+    if (body !== undefined)
         payload.body = body;
-    const key = toText(values.key);
-    if (key)
-        payload.key = key;
-    const field = toText(values.field);
-    if (field)
-        payload.field = field;
-    const copyText = toText(values.text);
-    if (copyText)
-        payload.text = copyText;
-    includeBool('useFieldValue', values.useFieldValue);
     const contentType = toText(values.contentType);
     if (contentType)
         payload.contentType = contentType;
@@ -14952,6 +15320,65 @@ function buildGlobalActionPayload(values, existingJson) {
     }
     return payload;
 }
+function buildGlobalActionRef(actionId, values, existingPayload) {
+    const payload = normalizeGlobalActionPayload(values, existingPayload);
+    return Object.keys(payload).length
+        ? { actionId, payload }
+        : { actionId };
+}
+function isRequiredParamMissing(ref, catalog) {
+    const spec = catalog.find((item) => item.id === ref?.actionId);
+    return isRequiredGlobalActionPayloadMissing(ref, spec);
+}
+function isEquivalentActionFieldValue(actual, draft, fieldType) {
+    if (fieldType === 'toggle') {
+        return Boolean(actual) === Boolean(draft);
+    }
+    if (fieldType === 'number') {
+        return String(actual ?? '') === String(draft ?? '');
+    }
+    return String(actual ?? '') === String(draft ?? '');
+}
+function stringifyJson(value) {
+    if (value === undefined || value === null || value === '')
+        return '';
+    if (typeof value === 'string')
+        return value;
+    try {
+        return JSON.stringify(value, null, 2);
+    }
+    catch {
+        return '';
+    }
+}
+function normalizeSurfaceOpenPayload(payload) {
+    return {
+        presentation: payload?.presentation === 'drawer' ? 'drawer' : 'modal',
+        title: payload?.title,
+        subtitle: payload?.subtitle,
+        icon: payload?.icon,
+        size: payload?.size && Object.keys(payload.size).length
+            ? { ...payload.size }
+            : undefined,
+        widget: {
+            id: String(payload?.widget?.id || ''),
+            inputs: { ...(payload?.widget?.inputs || {}) },
+            bindingOrder: payload?.widget?.bindingOrder?.length
+                ? [...payload.widget.bindingOrder]
+                : undefined,
+        },
+        bindings: payload?.bindings?.length
+            ? payload.bindings.map((binding) => ({
+                ...binding,
+            }))
+            : [],
+        context: payload?.context &&
+            typeof payload.context === 'object' &&
+            !Array.isArray(payload.context)
+            ? { ...payload.context }
+            : undefined,
+    };
+}
 
 let ActionsEditorComponent$1 = class ActionsEditorComponent {
     config;
@@ -14961,9 +15388,7 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
     customActionStyleErrors = new Map();
     globalActionCatalogSource = inject(GLOBAL_ACTION_CATALOG, { optional: true }) ?? [];
     i18n = inject(PraxisI18nService);
-    legacyActionSpecs = GLOBAL_ACTION_SPEC_CATALOG;
     globalActionCatalog = buildGlobalActionCatalog({
-        legacySpecs: this.legacyActionSpecs,
         injectedCatalog: getGlobalActionCatalog(this.globalActionCatalogSource),
         fallbackCatalog: PRAXIS_GLOBAL_ACTION_CATALOG,
         mapCatalogEntry: (entry) => this.mapCatalogEntryToActionSpec(entry),
@@ -15052,17 +15477,17 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
     getActionSpecById(id) {
         return this.globalActionCatalog.find((item) => item.id === id);
     }
-    getCustomActionSelectValue(value) {
-        const parsed = parseActionValue(value, this.globalActionCatalog, this.customActionValue);
-        return parsed.isGlobal ? parsed.id : this.customActionValue;
+    getCustomActionSelectValue(action) {
+        return action?.globalAction?.actionId || this.customActionValue;
     }
-    getCustomActionParam(value) {
-        const parsed = parseActionValue(value, this.globalActionCatalog, this.customActionValue);
-        return parsed.isGlobal ? parsed.param : '';
+    getCustomActionParam(action) {
+        const payload = action?.globalAction?.payload;
+        if (payload === undefined || payload === null)
+            return '';
+        return typeof payload === 'string' ? payload : stringifyJson(payload);
     }
-    getCustomActionCustomValue(value) {
-        const parsed = parseActionValue(value, this.globalActionCatalog, this.customActionValue);
-        return parsed.isGlobal ? '' : parsed.raw;
+    getCustomActionCustomValue(action) {
+        return action?.globalAction ? '' : action?.action || '';
     }
     onCustomActionSelectChange(index, value) {
         const current = this.actions.custom?.[index];
@@ -15070,31 +15495,36 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
             return;
         this.clearActionFieldState(current);
         if (value === this.customActionValue) {
-            const parsed = parseActionValue(current.action, this.globalActionCatalog, this.customActionValue);
-            if (parsed.isGlobal) {
-                this.updateCustomAction(index, 'action', '');
-            }
+            this.updateCustomActionRef(index, undefined);
             return;
         }
-        const parsed = parseActionValue(current.action, this.globalActionCatalog, this.customActionValue);
-        const param = parsed.isGlobal && parsed.id === value ? parsed.param : '';
-        this.updateCustomAction(index, 'action', param ? `${value}:${param}` : value);
+        const payload = current.globalAction?.actionId === value ? current.globalAction.payload : undefined;
+        this.updateCustomActionRef(index, payload !== undefined ? { actionId: value, payload } : { actionId: value });
     }
     onCustomActionParamChange(index, value) {
         const current = this.actions.custom?.[index];
         if (!current)
             return;
-        const parsed = parseActionValue(current.action, this.globalActionCatalog, this.customActionValue);
-        const id = parsed.isGlobal ? parsed.id : '';
-        this.updateCustomAction(index, 'action', id ? (value ? `${id}:${value}` : id) : value);
+        const id = current.globalAction?.actionId;
+        if (!id)
+            return;
+        const trimmed = String(value || '').trim();
+        if (!trimmed) {
+            this.updateCustomActionRef(index, { actionId: id });
+            return;
+        }
+        try {
+            this.updateCustomActionRef(index, { actionId: id, payload: JSON.parse(trimmed) });
+        }
+        catch {
+            this.updateCustomActionRef(index, { actionId: id, payload: trimmed });
+        }
     }
     onCustomActionCustomChange(index, value) {
         this.updateCustomAction(index, 'action', value);
     }
-    isGlobalActionId(id) {
-        if (!id)
-            return false;
-        return this.globalActionCatalog.some((item) => item.id === id);
+    isCanonicalGlobalActionId(id) {
+        return isGlobalActionId(id, this.globalActionCatalog);
     }
     getActionCatalogLabel(spec) {
         if (spec?.id === 'surface.open') {
@@ -15130,6 +15560,7 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
             id: entry.id,
             label: this.getActionCatalogLabel(entry),
             description: this.getActionCatalogDescription(entry),
+            payloadSchema: entry.payloadSchema,
             param: hasPayloadSchema
                 ? {
                     label: this.tx('globalAction.payload.label', 'Payload (optional JSON)'),
@@ -15143,20 +15574,16 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
         };
     }
     getGlobalActionSchema(action) {
-        const parsed = parseActionValue(action.action, this.globalActionCatalog, this.customActionValue);
-        if (!parsed.isGlobal)
-            return undefined;
-        return getGlobalActionUiSchema(parsed.id);
+        return getGlobalActionUiSchema(action.globalAction?.actionId);
     }
     getSurfaceOpenActionPayload(action) {
-        const info = getActionParamInfo(action.action, this.globalActionCatalog, this.customActionValue);
-        const payload = info.isJson && info.json && typeof info.json === 'object' && !Array.isArray(info.json)
-            ? info.json
-            : undefined;
-        return normalizeSurfaceOpenPayload(payload);
+        return normalizeSurfaceOpenPayload(action.globalAction?.payload);
     }
     onSurfaceOpenActionPayloadChange(action, payload, index) {
-        this.updateCustomAction(index, 'action', `surface.open:${JSON.stringify(normalizeSurfaceOpenPayload(payload))}`);
+        this.updateCustomActionRef(index, {
+            actionId: 'surface.open',
+            payload: normalizeSurfaceOpenPayload(payload),
+        });
     }
     shouldShowGlobalActionField(action, field) {
         if (!field.dependsOnKey)
@@ -15167,6 +15594,18 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
         const values = this.collectGlobalActionFieldValues(action, schema.fields);
         return String(values[field.dependsOnKey] ?? '') === String(field.dependsOnValue ?? '');
     }
+    isGlobalActionFieldRequired(action, field) {
+        const actionId = action.globalAction?.actionId;
+        const spec = this.globalActionCatalog.find((item) => item.id === actionId);
+        return getRequiredGlobalActionPayloadKeys(actionId, spec).includes(field.key);
+    }
+    isGlobalActionFieldMissing(action, field) {
+        if (!this.isGlobalActionFieldRequired(action, field))
+            return false;
+        if (!this.shouldShowGlobalActionField(action, field))
+            return false;
+        return !hasMeaningfulGlobalActionPayloadValue(this.getGlobalActionFieldValue(action, field));
+    }
     hasActionFieldError(action, key) {
         const errors = this.actionFieldErrors.get(this.getActionDraftKey(action));
         return !!errors?.[key];
@@ -15178,48 +15617,19 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
     getGlobalActionFieldValue(action, field) {
         const draftKey = this.getActionDraftKey(action);
         const draft = this.actionFieldDrafts.get(draftKey)?.[field.key];
-        const info = getActionParamInfo(action.action, this.globalActionCatalog, this.customActionValue);
-        const raw = info.param || '';
-        const json = info.json || {};
-        const hasJson = info.isJson;
+        const json = action.globalAction?.payload || {};
         let value;
         switch (field.key) {
             case 'message':
-                value = json.message ?? json.text ?? (hasJson ? '' : raw);
+                value = json.message ?? json.text ?? '';
                 break;
             case 'url':
-                if (json.url) {
-                    value = json.url;
-                    break;
-                }
-                if (!hasJson && info.id === 'apiCall') {
-                    const parsed = parseMethodAndUrl(raw);
-                    value = parsed.url || '';
-                    break;
-                }
-                value = hasJson ? '' : raw;
-                break;
-            case 'method': {
-                if (json.method) {
-                    value = String(json.method);
-                    break;
-                }
-                if (!hasJson) {
-                    const parsed = parseMethodAndUrl(raw);
-                    value = parsed.method || '';
-                    break;
-                }
-                value = '';
-                break;
-            }
-            case 'bodySource':
-                value = json.bodySource ?? '';
+                value = json.url ?? '';
                 break;
+            case 'params':
             case 'headers':
-                value = stringifyJson(json.headers);
-                break;
             case 'body':
-                value = stringifyJson(json.body);
+                value = stringifyJson(json[field.key]);
                 break;
             case 'contentData':
                 value = stringifyJson(json.content?.data);
@@ -15273,11 +15683,7 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
                 value = json.target ?? '';
                 break;
             case 'text':
-                value = json.text ?? (hasJson ? '' : raw);
-                break;
-            case 'key':
-            case 'field':
-                value = json[field.key] ?? (hasJson ? '' : raw);
+                value = json.text ?? '';
                 break;
             default:
                 value = json[field.key] ?? '';
@@ -15294,8 +15700,8 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
         return value;
     }
     onGlobalActionFieldChange(action, field, value, index) {
-        const selectedId = this.getCustomActionSelectValue(action.action);
-        if (!this.isGlobalActionId(selectedId))
+        const selectedId = this.getCustomActionSelectValue(action);
+        if (!this.isCanonicalGlobalActionId(selectedId))
             return;
         const schema = getGlobalActionUiSchema(selectedId);
         if (!schema)
@@ -15319,9 +15725,7 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
         }
         const values = this.collectGlobalActionFieldValues(action, schema.fields);
         values[field.key] = value;
-        const info = getActionParamInfo(action.action, this.globalActionCatalog, this.customActionValue);
-        const param = serializeGlobalActionParam(selectedId, values, info.json);
-        this.updateCustomAction(index, 'action', param ? `${selectedId}:${param}` : selectedId);
+        this.updateCustomActionRef(index, buildGlobalActionRef(selectedId, values, action.globalAction?.payload));
     }
     setActionFieldError(action, key, message) {
         const draftKey = this.getActionDraftKey(action);
@@ -15343,7 +15747,7 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
         }
     }
     getActionDraftKey(action) {
-        return String(action.id || action.action || action.label || 'action');
+        return String(action.id || action.action || action.label || action.globalAction?.actionId || 'action');
     }
     setActionFieldDraft(action, key, value) {
         const draftKey = this.getActionDraftKey(action);
@@ -15407,6 +15811,25 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
             this.syncCustomActionStyleTexts();
         }
     }
+    updateCustomActionRef(index, globalAction) {
+        const customActions = [...(this.actions.custom || [])];
+        const current = { ...customActions[index] };
+        if (globalAction) {
+            current.globalAction = globalAction;
+            delete current.action;
+        }
+        else {
+            delete current.globalAction;
+        }
+        customActions[index] = current;
+        this.configChange.emit({
+            ...this.config,
+            actions: {
+                ...this.actions,
+                custom: customActions,
+            },
+        });
+    }
     addCustomButton() {
         const newButton = {
             id: `custom_${Date.now()}`,
@@ -15575,10 +15998,10 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
           <div class="action-global-grid">
             @for (field of schema.fields; track field.key) {
               @if (shouldShowGlobalActionField(action, field)) {
-                @if (schema.id === 'showAlert' && field.key === 'message') {
+                @if (schema.id === 'dialog.alert' && field.key === 'message') {
                   <div class="action-section-title">{{ tx('global.section.essential', 'Essential') }}</div>
                 }
-                @if (schema.id === 'showAlert' && field.key === 'title') {
+                @if (schema.id === 'dialog.alert' && field.key === 'title') {
                   <div class="action-section-title">{{ tx('global.section.dialogOptional', 'Dialog (optional)') }}</div>
                 }
                 @if (field.type === 'toggle') {
@@ -15609,6 +16032,7 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
                       (ngModelChange)="onGlobalActionFieldChange(action, field, $event, index)"
                       [ngModelOptions]="{ standalone: true }"
                       [placeholder]="field.placeholder || ''"
+                      [required]="isGlobalActionFieldRequired(action, field)"
                     ></textarea>
                     @if (field.hint) {
                       <button
@@ -15621,6 +16045,9 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
                         <mat-icon>help_outline</mat-icon>
                       </button>
                     }
+                    @if (isGlobalActionFieldMissing(action, field)) {
+                      <mat-error aria-live="polite">{{ tx('global.validation.requiredField', 'Campo obrigatório.') }}</mat-error>
+                    }
                   </mat-form-field>
                 } @else if (field.type === 'json') {
                   <mat-form-field>
@@ -15632,6 +16059,7 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
                       (ngModelChange)="onGlobalActionFieldChange(action, field, $event, index)"
                       [ngModelOptions]="{ standalone: true }"
                       [placeholder]="field.placeholder || '{ }'"
+                      [required]="isGlobalActionFieldRequired(action, field)"
                     ></textarea>
                     <button
                       mat-icon-button
@@ -15644,6 +16072,8 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
                     </button>
                     @if (hasActionFieldError(action, field.key)) {
                       <mat-error>{{ getActionFieldError(action, field.key) }}</mat-error>
+                    } @else if (isGlobalActionFieldMissing(action, field)) {
+                      <mat-error aria-live="polite">{{ tx('global.validation.requiredField', 'Campo obrigatório.') }}</mat-error>
                     }
                   </mat-form-field>
                 } @else if (field.type === 'select') {
@@ -15653,6 +16083,7 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
                       [ngModel]="getGlobalActionFieldValue(action, field)"
                       (ngModelChange)="onGlobalActionFieldChange(action, field, $event, index)"
                       [ngModelOptions]="{ standalone: true }"
+                      [required]="isGlobalActionFieldRequired(action, field)"
                     >
                       @for (opt of field.options || []; track opt.value) {
                         <mat-option [value]="opt.value">{{ opt.label }}</mat-option>
@@ -15669,6 +16100,9 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
                         <mat-icon>help_outline</mat-icon>
                       </button>
                     }
+                    @if (isGlobalActionFieldMissing(action, field)) {
+                      <mat-error aria-live="polite">{{ tx('global.validation.requiredField', 'Campo obrigatório.') }}</mat-error>
+                    }
                   </mat-form-field>
                 } @else {
                   <mat-form-field>
@@ -15680,6 +16114,7 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
                       (ngModelChange)="onGlobalActionFieldChange(action, field, $event, index)"
                       [ngModelOptions]="{ standalone: true }"
                       [placeholder]="field.placeholder || ''"
+                      [required]="isGlobalActionFieldRequired(action, field)"
                     />
                     @if (field.hint) {
                       <button
@@ -15692,6 +16127,9 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
                         <mat-icon>help_outline</mat-icon>
                       </button>
                     }
+                    @if (isGlobalActionFieldMissing(action, field)) {
+                      <mat-error aria-live="polite">{{ tx('global.validation.requiredField', 'Campo obrigatório.') }}</mat-error>
+                    }
                   </mat-form-field>
                 }
               }
@@ -15966,7 +16404,7 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
           <mat-accordion multi>
             @for (
               customAction of actions.custom;
-              track customAction.id || customAction.action || $index;
+              track customAction.id || customAction.globalAction?.actionId || customAction.action || $index;
               let i = $index
             ) {
               <div class="custom-action-panel-shell">
@@ -16023,7 +16461,7 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
                     <mat-form-field>
                       <mat-label>{{ tx('custom.action', 'Action') }}</mat-label>
                       <mat-select
-                        [value]="getCustomActionSelectValue(customAction.action)"
+                        [value]="getCustomActionSelectValue(customAction)"
                         (selectionChange)="onCustomActionSelectChange(i, $event.value)"
                       >
                         <mat-option [value]="customActionValue">{{ tx('custom.action.custom', 'Custom') }}</mat-option>
@@ -16043,34 +16481,34 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
                         <mat-icon>help_outline</mat-icon>
                       </button>
                     </mat-form-field>
-                    @if (getCustomActionSelectValue(customAction.action) === customActionValue) {
+                    @if (getCustomActionSelectValue(customAction) === customActionValue) {
                       <mat-form-field>
                         <mat-label>{{ tx('custom.action', 'Action') }}</mat-label>
                         <input
                           matInput
-                          [value]="getCustomActionCustomValue(customAction.action)"
+                          [value]="getCustomActionCustomValue(customAction)"
                           (input)="onCustomActionCustomChange(i, $any($event.target).value)"
                           [placeholder]="tx('custom.action.customPlaceholder', 'Example: custom_action, navigate, delete')"
                         />
                       </mat-form-field>
                     } @else {
-                      @if (isGlobalActionId(getCustomActionSelectValue(customAction.action))) {
+                      @if (isCanonicalGlobalActionId(getCustomActionSelectValue(customAction))) {
                         <ng-container
                           [ngTemplateOutlet]="globalActionFields"
                           [ngTemplateOutletContext]="{ $implicit: customAction, index: i }"
                         ></ng-container>
                       } @else {
-                        @if (getActionSpecById(getCustomActionSelectValue(customAction.action)); as actionSpec) {
+                        @if (getActionSpecById(getCustomActionSelectValue(customAction)); as actionSpec) {
                           @if (actionSpec.param) {
                             <mat-form-field>
                               <mat-label>{{ actionSpec.param.label || tx('custom.parameter', 'Parameter') }}</mat-label>
                               <input
                                 matInput
-                                [value]="getCustomActionParam(customAction.action)"
+                                [value]="getCustomActionParam(customAction)"
                                 (input)="onCustomActionParamChange(i, $any($event.target).value)"
                                 [placeholder]="actionSpec.param.placeholder || ''"
                               />
-                              @if (actionSpec.param.required && !getCustomActionParam(customAction.action)) {
+                              @if (actionSpec.param.required && !getCustomActionParam(customAction)) {
                                 <mat-error>{{ tx('custom.parameterRequired', 'Required parameter.') }}</mat-error>
                               }
                             </mat-form-field>
@@ -16348,7 +16786,7 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
         </div>
       </mat-tab>
     </mat-tab-group>
-  `, isInline: true, styles: [".editor-container{padding:16px;display:flex;flex-direction:column;gap:16px}.action-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;align-items:center}.action-global-fields{grid-column:1 / -1;padding:12px 14px;border:1px dashed var(--md-sys-color-outline-variant, rgba(255, 255, 255, .12));border-radius:10px;background:var(--md-sys-color-surface-container-low)}.action-global-title{font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant, #9aa0a6);margin-bottom:10px}.action-global-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px 16px}.help-icon-button{--mdc-icon-button-state-layer-size: 28px;--mdc-icon-button-icon-size: 18px;width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.help-icon-button mat-icon{font-size:18px;line-height:18px;width:18px;height:18px}.action-global-fields .mat-mdc-form-field-icon-suffix{align-self:center}.action-section-title{width:100%;margin:10px 0 2px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant, #9aa0a6)}.add-button{margin-bottom:16px;align-self:flex-start}.custom-action-panel-shell{display:grid;gap:8px}.custom-action-panel-toolbar{display:flex;justify-content:flex-end}.custom-action-order-controls{display:inline-flex;align-items:center;gap:4px;justify-content:flex-end}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i4$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i7$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i6$2.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i6$3.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: i6$3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i6$3.MatOptgroup, selector: "mat-optgroup", inputs: ["label", "disabled"], exportAs: ["matOptgroup"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i7$3.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i7$3.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i3.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i3.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i3.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i3.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i3.MatExpansionPanelContent, selector: "ng-template[matExpansionPanelContent]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i9.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: SurfaceOpenActionEditorComponent, selector: "praxis-surface-open-action-editor", inputs: ["value", "hostKind"], outputs: ["valueChange"] }] });
+  `, isInline: true, styles: [".editor-container{padding:16px;display:flex;flex-direction:column;gap:16px}.action-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;align-items:center}.action-global-fields{grid-column:1 / -1;padding:12px 14px;border:1px dashed var(--md-sys-color-outline-variant, rgba(255, 255, 255, .12));border-radius:10px;background:var(--md-sys-color-surface-container-low)}.action-global-title{font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant, #9aa0a6);margin-bottom:10px}.action-global-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px 16px}.help-icon-button{--mdc-icon-button-state-layer-size: 28px;--mdc-icon-button-icon-size: 18px;width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.help-icon-button mat-icon{font-size:18px;line-height:18px;width:18px;height:18px}.action-field-error{color:var(--md-sys-color-error, #ba1a1a);font-weight:500}.action-global-fields .mat-mdc-form-field-icon-suffix{align-self:center}.action-section-title{width:100%;margin:10px 0 2px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant, #9aa0a6)}.add-button{margin-bottom:16px;align-self:flex-start}.custom-action-panel-shell{display:grid;gap:8px}.custom-action-panel-toolbar{display:flex;justify-content:flex-end}.custom-action-order-controls{display:inline-flex;align-items:center;gap:4px;justify-content:flex-end}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i4$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i7$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i6$2.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i6$3.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: i6$3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i6$3.MatOptgroup, selector: "mat-optgroup", inputs: ["label", "disabled"], exportAs: ["matOptgroup"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i7$3.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i7$3.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i3.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i3.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i3.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i3.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i3.MatExpansionPanelContent, selector: "ng-template[matExpansionPanelContent]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i9.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: SurfaceOpenActionEditorComponent, selector: "praxis-surface-open-action-editor", inputs: ["value", "hostKind"], outputs: ["valueChange"] }] });
 };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ActionsEditorComponent$1, decorators: [{
             type: Component,
@@ -16383,10 +16821,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
           <div class="action-global-grid">
             @for (field of schema.fields; track field.key) {
               @if (shouldShowGlobalActionField(action, field)) {
-                @if (schema.id === 'showAlert' && field.key === 'message') {
+                @if (schema.id === 'dialog.alert' && field.key === 'message') {
                   <div class="action-section-title">{{ tx('global.section.essential', 'Essential') }}</div>
                 }
-                @if (schema.id === 'showAlert' && field.key === 'title') {
+                @if (schema.id === 'dialog.alert' && field.key === 'title') {
                   <div class="action-section-title">{{ tx('global.section.dialogOptional', 'Dialog (optional)') }}</div>
                 }
                 @if (field.type === 'toggle') {
@@ -16417,6 +16855,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                       (ngModelChange)="onGlobalActionFieldChange(action, field, $event, index)"
                       [ngModelOptions]="{ standalone: true }"
                       [placeholder]="field.placeholder || ''"
+                      [required]="isGlobalActionFieldRequired(action, field)"
                     ></textarea>
                     @if (field.hint) {
                       <button
@@ -16429,6 +16868,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                         <mat-icon>help_outline</mat-icon>
                       </button>
                     }
+                    @if (isGlobalActionFieldMissing(action, field)) {
+                      <mat-error aria-live="polite">{{ tx('global.validation.requiredField', 'Campo obrigatório.') }}</mat-error>
+                    }
                   </mat-form-field>
                 } @else if (field.type === 'json') {
                   <mat-form-field>
@@ -16440,6 +16882,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                       (ngModelChange)="onGlobalActionFieldChange(action, field, $event, index)"
                       [ngModelOptions]="{ standalone: true }"
                       [placeholder]="field.placeholder || '{ }'"
+                      [required]="isGlobalActionFieldRequired(action, field)"
                     ></textarea>
                     <button
                       mat-icon-button
@@ -16452,6 +16895,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                     </button>
                     @if (hasActionFieldError(action, field.key)) {
                       <mat-error>{{ getActionFieldError(action, field.key) }}</mat-error>
+                    } @else if (isGlobalActionFieldMissing(action, field)) {
+                      <mat-error aria-live="polite">{{ tx('global.validation.requiredField', 'Campo obrigatório.') }}</mat-error>
                     }
                   </mat-form-field>
                 } @else if (field.type === 'select') {
@@ -16461,6 +16906,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                       [ngModel]="getGlobalActionFieldValue(action, field)"
                       (ngModelChange)="onGlobalActionFieldChange(action, field, $event, index)"
                       [ngModelOptions]="{ standalone: true }"
+                      [required]="isGlobalActionFieldRequired(action, field)"
                     >
                       @for (opt of field.options || []; track opt.value) {
                         <mat-option [value]="opt.value">{{ opt.label }}</mat-option>
@@ -16477,6 +16923,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                         <mat-icon>help_outline</mat-icon>
                       </button>
                     }
+                    @if (isGlobalActionFieldMissing(action, field)) {
+                      <mat-error aria-live="polite">{{ tx('global.validation.requiredField', 'Campo obrigatório.') }}</mat-error>
+                    }
                   </mat-form-field>
                 } @else {
                   <mat-form-field>
@@ -16488,6 +16937,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                       (ngModelChange)="onGlobalActionFieldChange(action, field, $event, index)"
                       [ngModelOptions]="{ standalone: true }"
                       [placeholder]="field.placeholder || ''"
+                      [required]="isGlobalActionFieldRequired(action, field)"
                     />
                     @if (field.hint) {
                       <button
@@ -16500,6 +16950,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                         <mat-icon>help_outline</mat-icon>
                       </button>
                     }
+                    @if (isGlobalActionFieldMissing(action, field)) {
+                      <mat-error aria-live="polite">{{ tx('global.validation.requiredField', 'Campo obrigatório.') }}</mat-error>
+                    }
                   </mat-form-field>
                 }
               }
@@ -16774,7 +17227,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
           <mat-accordion multi>
             @for (
               customAction of actions.custom;
-              track customAction.id || customAction.action || $index;
+              track customAction.id || customAction.globalAction?.actionId || customAction.action || $index;
               let i = $index
             ) {
               <div class="custom-action-panel-shell">
@@ -16831,7 +17284,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                     <mat-form-field>
                       <mat-label>{{ tx('custom.action', 'Action') }}</mat-label>
                       <mat-select
-                        [value]="getCustomActionSelectValue(customAction.action)"
+                        [value]="getCustomActionSelectValue(customAction)"
                         (selectionChange)="onCustomActionSelectChange(i, $event.value)"
                       >
                         <mat-option [value]="customActionValue">{{ tx('custom.action.custom', 'Custom') }}</mat-option>
@@ -16851,34 +17304,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                         <mat-icon>help_outline</mat-icon>
                       </button>
                     </mat-form-field>
-                    @if (getCustomActionSelectValue(customAction.action) === customActionValue) {
+                    @if (getCustomActionSelectValue(customAction) === customActionValue) {
                       <mat-form-field>
                         <mat-label>{{ tx('custom.action', 'Action') }}</mat-label>
                         <input
                           matInput
-                          [value]="getCustomActionCustomValue(customAction.action)"
+                          [value]="getCustomActionCustomValue(customAction)"
                           (input)="onCustomActionCustomChange(i, $any($event.target).value)"
                           [placeholder]="tx('custom.action.customPlaceholder', 'Example: custom_action, navigate, delete')"
                         />
                       </mat-form-field>
                     } @else {
-                      @if (isGlobalActionId(getCustomActionSelectValue(customAction.action))) {
+                      @if (isCanonicalGlobalActionId(getCustomActionSelectValue(customAction))) {
                         <ng-container
                           [ngTemplateOutlet]="globalActionFields"
                           [ngTemplateOutletContext]="{ $implicit: customAction, index: i }"
                         ></ng-container>
                       } @else {
-                        @if (getActionSpecById(getCustomActionSelectValue(customAction.action)); as actionSpec) {
+                        @if (getActionSpecById(getCustomActionSelectValue(customAction)); as actionSpec) {
                           @if (actionSpec.param) {
                             <mat-form-field>
                               <mat-label>{{ actionSpec.param.label || tx('custom.parameter', 'Parameter') }}</mat-label>
                               <input
                                 matInput
-                                [value]="getCustomActionParam(customAction.action)"
+                                [value]="getCustomActionParam(customAction)"
                                 (input)="onCustomActionParamChange(i, $any($event.target).value)"
                                 [placeholder]="actionSpec.param.placeholder || ''"
                               />
-                              @if (actionSpec.param.required && !getCustomActionParam(customAction.action)) {
+                              @if (actionSpec.param.required && !getCustomActionParam(customAction)) {
                                 <mat-error>{{ tx('custom.parameterRequired', 'Required parameter.') }}</mat-error>
                               }
                             </mat-form-field>
@@ -17156,7 +17609,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
         </div>
       </mat-tab>
     </mat-tab-group>
-  `, styles: [".editor-container{padding:16px;display:flex;flex-direction:column;gap:16px}.action-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;align-items:center}.action-global-fields{grid-column:1 / -1;padding:12px 14px;border:1px dashed var(--md-sys-color-outline-variant, rgba(255, 255, 255, .12));border-radius:10px;background:var(--md-sys-color-surface-container-low)}.action-global-title{font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant, #9aa0a6);margin-bottom:10px}.action-global-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px 16px}.help-icon-button{--mdc-icon-button-state-layer-size: 28px;--mdc-icon-button-icon-size: 18px;width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.help-icon-button mat-icon{font-size:18px;line-height:18px;width:18px;height:18px}.action-global-fields .mat-mdc-form-field-icon-suffix{align-self:center}.action-section-title{width:100%;margin:10px 0 2px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant, #9aa0a6)}.add-button{margin-bottom:16px;align-self:flex-start}.custom-action-panel-shell{display:grid;gap:8px}.custom-action-panel-toolbar{display:flex;justify-content:flex-end}.custom-action-order-controls{display:inline-flex;align-items:center;gap:4px;justify-content:flex-end}\n"] }]
+  `, styles: [".editor-container{padding:16px;display:flex;flex-direction:column;gap:16px}.action-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;align-items:center}.action-global-fields{grid-column:1 / -1;padding:12px 14px;border:1px dashed var(--md-sys-color-outline-variant, rgba(255, 255, 255, .12));border-radius:10px;background:var(--md-sys-color-surface-container-low)}.action-global-title{font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant, #9aa0a6);margin-bottom:10px}.action-global-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px 16px}.help-icon-button{--mdc-icon-button-state-layer-size: 28px;--mdc-icon-button-icon-size: 18px;width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.help-icon-button mat-icon{font-size:18px;line-height:18px;width:18px;height:18px}.action-field-error{color:var(--md-sys-color-error, #ba1a1a);font-weight:500}.action-global-fields .mat-mdc-form-field-icon-suffix{align-self:center}.action-section-title{width:100%;margin:10px 0 2px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant, #9aa0a6)}.add-button{margin-bottom:16px;align-self:flex-start}.custom-action-panel-shell{display:grid;gap:8px}.custom-action-panel-toolbar{display:flex;justify-content:flex-end}.custom-action-order-controls{display:inline-flex;align-items:center;gap:4px;justify-content:flex-end}\n"] }]
         }], propDecorators: { config: [{
                 type: Input
             }], configChange: [{
@@ -18518,6 +18971,9 @@ class PraxisDynamicFormConfigEditor {
     serverMeta;
     destroy$ = new Subject();
     hasProcessedInitialRuleState = false;
+    jsonEditorIsValid = true;
+    globalActionValidationIssues = [];
+    globalActionCatalog;
     // Observables obrigatórios da interface SettingsValueProvider
     isDirty$ = new BehaviorSubject(false);
     isValid$ = new BehaviorSubject(true);
@@ -18534,11 +18990,12 @@ class PraxisDynamicFormConfigEditor {
         }
         console.debug(message);
     }
-    constructor(storage, configService, settingsPanel, cdr, injectedData) {
+    constructor(storage, configService, settingsPanel, cdr, globalActionCatalogSource, injectedData) {
         this.storage = storage;
         this.configService = configService;
         this.settingsPanel = settingsPanel;
         this.cdr = cdr;
+        this.globalActionCatalog = this.buildGlobalActionCatalog(globalActionCatalogSource);
         const data = injectedData;
         this.openedWithCanonicalDocument =
             data?.document?.kind === 'praxis.dynamic-form.editor' ||
@@ -18636,6 +19093,7 @@ class PraxisDynamicFormConfigEditor {
             }
         }
         catch { }
+        this.updateValidityState();
         // Nota: isValid$ é atualizado em onJsonValidationChange quando necessário
         // Para outras validações futuras, verificar se não há validação JSON em andamento
     }
@@ -18702,7 +19160,8 @@ class PraxisDynamicFormConfigEditor {
     }
     onJsonValidationChange(result) {
         // Atualizar estado de validação baseado no resultado do JSON
-        this.isValid$.next(result.isValid);
+        this.jsonEditorIsValid = result.isValid;
+        this.updateValidityState();
         // Evitar marcar dirty apenas por validação (não há mudança real de config)
         if (this.isDirty$.value) {
             this.updateDirtyState('json-validate');
@@ -18726,6 +19185,41 @@ class PraxisDynamicFormConfigEditor {
         this.lastRulesSignature = this.computeRulesSignature(this.ruleBuilderState);
         this.updateDirtyState('layout-change');
     }
+    updateValidityState() {
+        this.globalActionValidationIssues = this.collectGlobalActionValidationIssues(this.editedConfig);
+        this.isValid$.next(this.jsonEditorIsValid && this.globalActionValidationIssues.length === 0);
+    }
+    collectGlobalActionValidationIssues(config) {
+        return validateGlobalActionRefs(this.collectGlobalActionValidationTargets(config));
+    }
+    collectGlobalActionValidationTargets(config) {
+        const targets = [];
+        const add = (ref, path) => {
+            if (!ref)
+                return;
+            targets.push({
+                ref,
+                path,
+                catalogEntry: this.findGlobalActionCatalogEntry(ref.actionId),
+            });
+        };
+        const actions = config.actions;
+        add(actions?.submit?.globalAction, 'actions.submit.globalAction');
+        add(actions?.cancel?.globalAction, 'actions.cancel.globalAction');
+        add(actions?.reset?.globalAction, 'actions.reset.globalAction');
+        actions?.custom?.forEach((action, index) => add(action?.globalAction, `actions.custom[${index}].globalAction`));
+        config.sections?.forEach((section, sectionIndex) => {
+            section?.headerActions?.forEach((action, actionIndex) => add(action?.globalAction, `sections[${sectionIndex}].headerActions[${actionIndex}].globalAction`));
+        });
+        return targets;
+    }
+    findGlobalActionCatalogEntry(actionId) {
+        return this.globalActionCatalog.find((entry) => entry.id === actionId);
+    }
+    buildGlobalActionCatalog(source) {
+        const injected = getGlobalActionCatalog(source);
+        return injected.length ? injected : PRAXIS_GLOBAL_ACTION_CATALOG;
+    }
     onRulesChanged(state) {
         if (!this.hasProcessedInitialRuleState) {
             const hadInitialRules = this.initialConfig?.formRules?.length ||
@@ -18955,6 +19449,7 @@ class PraxisDynamicFormConfigEditor {
             file: FieldType.STRING,
             url: FieldType.URL,
             boolean: FieldType.BOOLEAN,
+            array: FieldType.JSON,
             json: FieldType.JSON,
         };
         return mapping[dataType ?? 'text'];
@@ -19209,7 +19704,7 @@ class PraxisDynamicFormConfigEditor {
     toBackConfigSnapshot() {
         return structuredClone(this.backConfig || { returnTo: '', confirmOnDirty: true });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisDynamicFormConfigEditor, deps: [{ token: ASYNC_CONFIG_STORAGE }, { token: FormConfigService }, { token: i7.SettingsPanelService }, { token: i0.ChangeDetectorRef }, { token: SETTINGS_PANEL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisDynamicFormConfigEditor, deps: [{ token: ASYNC_CONFIG_STORAGE }, { token: FormConfigService }, { token: i7.SettingsPanelService }, { token: i0.ChangeDetectorRef }, { token: GLOBAL_ACTION_CATALOG, optional: true }, { token: SETTINGS_PANEL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: PraxisDynamicFormConfigEditor, isStandalone: true, selector: "praxis-dynamic-form-config-editor", providers: [FormConfigService], viewQueries: [{ propertyName: "jsonEditor", first: true, predicate: JsonConfigEditorComponent, descendants: true }], ngImport: i0, template: "<mat-tab-group class=\"config-tabs\" data-testid=\"dynamic-form-config-editor-tabs\">\n  <mat-tab label=\"Geral\">\n    <div class=\"tab-content\" data-testid=\"config-tab-panel-geral\">\n      <mat-card class=\"section-card\">\n        <mat-card-content>\n          <div class=\"section-header\">\n            <div>\n              <h3>Dados do formul\u00E1rio</h3>\n              <p class=\"text-caption\">Defina o modo de dados e o contexto de edi\u00E7\u00E3o.</p>\n            </div>\n          </div>\n          <div class=\"form-grid\">\n            <div class=\"form-row\">\n              <mat-form-field appearance=\"fill\" class=\"w-100\">\n                <mat-label>Modo de dados</mat-label>\n                <mat-select [(ngModel)]=\"inputMode\" (ngModelChange)=\"onInputModeChange()\">\n                  <mat-option value=\"create\">create</mat-option>\n                  <mat-option value=\"edit\">edit</mat-option>\n                  <mat-option value=\"view\">view</mat-option>\n                </mat-select>\n              </mat-form-field>\n            </div>\n            <div class=\"block-status\" [class.block-status--implicit]=\"!isBindingsBlockPersisted()\">\n              <strong>Bindings</strong>\n              <span *ngIf=\"isBindingsBlockPersisted(); else bindingsMissing\">`bindings.mode` ser\u00E1 persistido no documento can\u00F4nico.</span>\n              <ng-template #bindingsMissing>Bloco ausente no documento can\u00F4nico. O valor exibido \u00E9 fallback visual e n\u00E3o ser\u00E1 salvo at\u00E9 voc\u00EA editar este campo.</ng-template>\n            </div>\n            <div class=\"section-help\">\n              <span class=\"section-help__label\">Entenda:</span>\n              <button\n                mat-icon-button\n                class=\"help-icon-button\"\n                type=\"button\"\n                [matTooltip]=\"'O mode controla o fluxo (create/edit/view). enableCustomization s\u00F3 libera edi\u00E7\u00E3o do layout e n\u00E3o altera o mode.'\"\n                matTooltipPosition=\"above\"\n              >\n                <mat-icon>help_outline</mat-icon>\n              </button>\n            </div>\n          </div>\n        </mat-card-content>\n      </mat-card>\n\n      <mat-card\n        class=\"section-card\"\n        *ngIf=\"hasResolvedRuntimeContract()\"\n        data-testid=\"config-tab-runtime-contract\"\n      >\n        <mat-card-content>\n          <div class=\"section-header\">\n            <div>\n              <h3>Contrato Runtime Resolvido</h3>\n              <p class=\"text-caption\">\n                Visualiza\u00E7\u00E3o somente leitura do contrato backend resolvido pelo host atual.\n              </p>\n            </div>\n          </div>\n          <div class=\"block-status block-status--readonly\">\n            <strong>Runtime</strong>\n            <span>\n              Esses valores v\u00EAm do host/runtime atual e n\u00E3o s\u00E3o persistidos em\n              <code>bindings</code> nem em <code>contextSnapshot</code>.\n            </span>\n          </div>\n          <div class=\"runtime-contract-grid\">\n            <div class=\"runtime-contract-field\">\n              <span class=\"runtime-contract-label\">Schema URL</span>\n              <code class=\"runtime-contract-code\">{{ runtimeContract?.schemaUrl || '\u2014' }}</code>\n            </div>\n            <div class=\"runtime-contract-field\">\n              <span class=\"runtime-contract-label\">Origem do schema</span>\n              <strong>{{ describeRuntimeSource(runtimeContract?.schemaSource) }}</strong>\n            </div>\n            <div class=\"runtime-contract-field\">\n              <span class=\"runtime-contract-label\">Submit method</span>\n              <strong>{{ runtimeContract?.submitMethod || '\u2014' }}</strong>\n            </div>\n            <div class=\"runtime-contract-field\">\n              <span class=\"runtime-contract-label\">Submit URL</span>\n              <code class=\"runtime-contract-code\">{{ runtimeContract?.submitUrl || '\u2014' }}</code>\n            </div>\n            <div class=\"runtime-contract-field\">\n              <span class=\"runtime-contract-label\">Origem do submit</span>\n              <strong>{{ describeRuntimeSource(runtimeContract?.submitSource) }}</strong>\n            </div>\n          </div>\n        </mat-card-content>\n      </mat-card>\n    </div>\n  </mat-tab>\n  <mat-tab label=\"Verifica\u00E7\u00E3o de Schema\">\n    <div class=\"tab-content\" data-testid=\"config-tab-panel-schema\">\n      <mat-card class=\"section-card\">\n        <mat-card-content>\n          <div class=\"section-header\">\n            <div>\n              <h3>Valida\u00E7\u00E3o de schema</h3>\n              <p class=\"text-caption\">Controle avisos quando o schema do servidor mudar.</p>\n            </div>\n          </div>\n          <div class=\"form-grid\">\n            <div class=\"form-row\">\n              <mat-form-field appearance=\"fill\" class=\"w-100\">\n                <mat-label>Notificar quando desatualizado</mat-label>\n                <mat-select [(ngModel)]=\"schemaPrefs.notifyIfOutdated\" (ngModelChange)=\"onSchemaPrefsChange('schema-prefs-notify')\">\n                  <mat-option value=\"both\">Banner + Snackbar</mat-option>\n                  <mat-option value=\"inline\">Somente Banner</mat-option>\n                  <mat-option value=\"snackbar\">Somente Snackbar</mat-option>\n                  <mat-option value=\"none\">Nenhum</mat-option>\n                </mat-select>\n              </mat-form-field>\n            </div>\n            <div class=\"form-row\">\n              <mat-form-field appearance=\"fill\" class=\"w-100\">\n                <mat-label>Intervalo de sil\u00EAncio (ms)</mat-label>\n                <input matInput type=\"number\" [(ngModel)]=\"schemaPrefs.snoozeMs\" (ngModelChange)=\"onSchemaPrefsChange('schema-prefs-snooze')\" />\n              </mat-form-field>\n            </div>\n            <div class=\"form-row\">\n              <mat-slide-toggle [(ngModel)]=\"schemaPrefs.autoOpenSettingsOnOutdated\" (ngModelChange)=\"onSchemaPrefsChange('schema-prefs-auto-open')\">Abrir configura\u00E7\u00F5es\n                automaticamente</mat-slide-toggle>\n            </div>\n            <div class=\"form-row\" *ngIf=\"serverMeta\">\n              <div class=\"meta-card\">\n                <div class=\"meta-row\">\n                  <span>Server hash</span>\n                  <strong>{{ serverMeta.serverHash || '\u2014' }}</strong>\n                </div>\n                <div class=\"meta-row\">\n                  <span>\u00DAltima verifica\u00E7\u00E3o</span>\n                  <strong>{{ serverMeta.lastVerifiedAt || '\u2014' }}</strong>\n                </div>\n              </div>\n            </div>\n            <div class=\"block-status\" [class.block-status--implicit]=\"!isSchemaPrefsBlockPersisted()\">\n              <strong>Schema Prefs</strong>\n              <span *ngIf=\"isSchemaPrefsBlockPersisted(); else schemaPrefsMissing\">`contextSnapshot.schemaPrefs` ser\u00E1 persistido no documento can\u00F4nico.</span>\n              <ng-template #schemaPrefsMissing>Bloco ausente no documento can\u00F4nico. Os controles exibem fallback visual e n\u00E3o ser\u00E3o salvos at\u00E9 voc\u00EA editar.</ng-template>\n            </div>\n          </div>\n        </mat-card-content>\n      </mat-card>\n    </div>\n  </mat-tab>\n  <mat-tab label=\"Layout\">\n    <div class=\"tab-content tab-content--full\" data-testid=\"config-tab-panel-layout\">\n      <div class=\"section-header section-header--compact\">\n        <div>\n          <h3>Layout do formul\u00E1rio</h3>\n          <p class=\"text-caption\">Organize se\u00E7\u00F5es, linhas e campos com drag & drop.</p>\n        </div>\n      </div>\n      <div class=\"section-body section-body--flex\">\n        <praxis-layout-editor [config]=\"editedConfig\" (configChange)=\"onConfigChange($event)\"\n          (select)=\"onLayoutSelect($event)\"></praxis-layout-editor>\n      </div>\n    </div>\n  </mat-tab>\n  <mat-tab label=\"Hooks\">\n    <div class=\"tab-content\" data-testid=\"config-tab-panel-hooks\">\n      <mat-card class=\"section-card\">\n        <mat-card-content>\n          <div class=\"section-header\">\n            <div>\n              <h3>Hooks de ciclo de vida</h3>\n              <p class=\"text-caption\">Automatize a\u00E7\u00F5es nos eventos do formul\u00E1rio.</p>\n            </div>\n          </div>\n          <praxis-hooks-editor [config]=\"editedConfig\" (configChange)=\"onConfigChange($event)\"></praxis-hooks-editor>\n        </mat-card-content>\n      </mat-card>\n    </div>\n  </mat-tab>\n  <mat-tab *ngIf=\"isPresentationMode\" label=\"Modo Apresenta\u00E7\u00E3o\">\n    <div class=\"tab-content\" data-testid=\"config-tab-panel-presentation\">\n      <mat-card class=\"section-card\">\n        <mat-card-content>\n          <div class=\"section-header\">\n            <div>\n              <h3>Modo Apresenta\u00E7\u00E3o</h3>\n              <p class=\"text-caption\">Configura\u00E7\u00F5es de exibi\u00E7\u00E3o aplicadas somente ao modo apresenta\u00E7\u00E3o.</p>\n            </div>\n          </div>\n\n          <div class=\"presentation-layout\">\n            <div class=\"presentation-controls\">\n              <div class=\"block-status control-span\" [class.block-status--implicit]=\"!isPresentationBlockPersisted()\">\n                <strong>Presentation</strong>\n                <span *ngIf=\"isPresentationBlockPersisted(); else presentationMissing\">`contextSnapshot.presentation` ser\u00E1 persistido no documento can\u00F4nico.</span>\n                <ng-template #presentationMissing>Bloco ausente no documento can\u00F4nico. A pr\u00E9-visualiza\u00E7\u00E3o usa fallback local e n\u00E3o ser\u00E1 salva at\u00E9 voc\u00EA editar.</ng-template>\n              </div>\n              <div class=\"control\">\n                <label class=\"control__label\">Posi\u00E7\u00E3o do r\u00F3tulo</label>\n                <mat-button-toggle-group [(ngModel)]=\"presentationPrefs.labelPosition\" (ngModelChange)=\"onPresentationPrefsChange('presentation-label-position')\" aria-label=\"Posi\u00E7\u00E3o do r\u00F3tulo\"\n                  class=\"toggle-group\">\n                  <mat-button-toggle value=\"above\">\n                    <mat-icon>view_stream</mat-icon>\n                    <span class=\"sr-only\">Acima</span>\n                  </mat-button-toggle>\n                  <mat-button-toggle value=\"left\">\n                    <mat-icon>view_column</mat-icon>\n                    <span class=\"sr-only\">\u00C0 esquerda</span>\n                  </mat-button-toggle>\n                </mat-button-toggle-group>\n              </div>\n\n              <div class=\"control\">\n                <label class=\"control__label\">Densidade</label>\n                <mat-button-toggle-group [(ngModel)]=\"presentationPrefs.density\" (ngModelChange)=\"onPresentationPrefsChange('presentation-density')\" aria-label=\"Densidade\"\n                  class=\"toggle-group\">\n                  <mat-button-toggle value=\"comfortable\">Confort\u00E1vel</mat-button-toggle>\n                  <mat-button-toggle value=\"cozy\">Intermedi\u00E1ria</mat-button-toggle>\n                  <mat-button-toggle value=\"compact\">Compacta</mat-button-toggle>\n                </mat-button-toggle-group>\n              </div>\n\n              <div class=\"control\">\n                <label class=\"control__label\">Alinhamento do r\u00F3tulo</label>\n                <mat-button-toggle-group [(ngModel)]=\"presentationPrefs.labelAlign\" (ngModelChange)=\"onPresentationPrefsChange('presentation-label-align')\" aria-label=\"Alinhamento do r\u00F3tulo\"\n                  class=\"toggle-group\">\n                  <mat-button-toggle value=\"start\"><mat-icon>format_align_left</mat-icon></mat-button-toggle>\n                  <mat-button-toggle value=\"center\"><mat-icon>format_align_center</mat-icon></mat-button-toggle>\n                  <mat-button-toggle value=\"end\"><mat-icon>format_align_right</mat-icon></mat-button-toggle>\n                </mat-button-toggle-group>\n              </div>\n\n              <div class=\"control\">\n                <label class=\"control__label\">Alinhamento do valor</label>\n                <mat-button-toggle-group [(ngModel)]=\"presentationPrefs.valueAlign\" (ngModelChange)=\"onPresentationPrefsChange('presentation-value-align')\" aria-label=\"Alinhamento do valor\"\n                  class=\"toggle-group\">\n                  <mat-button-toggle value=\"start\"><mat-icon>format_align_left</mat-icon></mat-button-toggle>\n                  <mat-button-toggle value=\"center\"><mat-icon>format_align_center</mat-icon></mat-button-toggle>\n                  <mat-button-toggle value=\"end\"><mat-icon>format_align_right</mat-icon></mat-button-toggle>\n                </mat-button-toggle-group>\n              </div>\n\n              <div class=\"control\">\n                <mat-form-field appearance=\"fill\" class=\"w-100\">\n                  <mat-label>Tamanho do r\u00F3tulo</mat-label>\n                  <input matInput type=\"number\" min=\"10\" [(ngModel)]=\"presentationPrefs.labelFontSize\" (ngModelChange)=\"onPresentationPrefsChange('presentation-label-font-size')\"\n                    placeholder=\"ex.: 12\" />\n                  <span matSuffix>px</span>\n                </mat-form-field>\n              </div>\n\n              <div class=\"control\">\n                <mat-form-field appearance=\"fill\" class=\"w-100\">\n                  <mat-label>Tamanho do valor</mat-label>\n                  <input matInput type=\"number\" min=\"10\" [(ngModel)]=\"presentationPrefs.valueFontSize\" (ngModelChange)=\"onPresentationPrefsChange('presentation-value-font-size')\"\n                    placeholder=\"ex.: 16\" />\n                  <span matSuffix>px</span>\n                </mat-form-field>\n              </div>\n\n              <div class=\"control\">\n                <mat-form-field appearance=\"fill\" class=\"w-100\">\n                  <mat-label>Largura do r\u00F3tulo (label \u00E0 esquerda)</mat-label>\n                  <input matInput type=\"number\" min=\"60\" [(ngModel)]=\"presentationPrefs.labelWidth\" (ngModelChange)=\"onPresentationPrefsChange('presentation-label-width')\"\n                    placeholder=\"ex.: 140\" />\n                  <span matSuffix>px</span>\n                </mat-form-field>\n              </div>\n\n              <div class=\"control control--inline\">\n                <mat-slide-toggle [(ngModel)]=\"presentationPrefs.compact\" (ngModelChange)=\"onPresentationPrefsChange('presentation-compact')\">\n                  Modo compacto\n                </mat-slide-toggle>\n                <mat-checkbox [(ngModel)]=\"truncatePreview\">\n                  Truncar valores\n                </mat-checkbox>\n              </div>\n            </div>\n\n            <div class=\"presentation-preview\">\n              <h4>Pr\u00E9\u2011visualiza\u00E7\u00E3o</h4>\n              <div class=\"preview-card\">\n                <div class=\"praxis-dynamic-form presentation-mode\" [ngClass]=\"{\n                           'pres-compact': !!presentationPrefs.compact,\n                           'pres-label-left': presentationPrefs.labelPosition === 'left',\n                           'pres-label-above': presentationPrefs.labelPosition === 'above',\n                           'pres-density-compact': presentationPrefs.density === 'compact',\n                           'pres-density-cozy': presentationPrefs.density === 'cozy'\n                         }\" [style.--pfx-pres-label-size]=\"(presentationPrefs.labelFontSize || 12) + 'px'\"\n                  [style.--pfx-pres-value-size]=\"(presentationPrefs.valueFontSize || 16) + 'px'\"\n                  [style.--pfx-pres-label-width]=\"(presentationPrefs.labelWidth || 140) + 'px'\"\n                  [style.--pfx-pres-label-align]=\"presentationPrefs.labelAlign || 'start'\"\n                  [style.--pfx-pres-value-align]=\"presentationPrefs.valueAlign || 'start'\">\n                  <div class=\"preview-row\" *ngFor=\"let item of previewItems\">\n                    <span class=\"praxis-presentation__label\">{{ item.label }}</span>\n                    <span class=\"praxis-presentation__value\" [title]=\"truncatePreview ? item.value : null\"\n                      [style.maxWidth]=\"truncatePreview ? '280px' : null\"\n                      [style.overflow]=\"truncatePreview ? 'hidden' : null\"\n                      [style.textOverflow]=\"truncatePreview ? 'ellipsis' : null\"\n                      [style.whiteSpace]=\"truncatePreview ? 'nowrap' : 'normal'\">\n                      {{ item.value }}\n                    </span>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"section-help\">\n            <span class=\"section-help__label\">Entenda:</span>\n            <button\n              mat-icon-button\n              class=\"help-icon-button\"\n              type=\"button\"\n              [matTooltip]=\"'Ajustes aplicam somente ao Modo Apresenta\u00E7\u00E3o e s\u00E3o salvos por formul\u00E1rio (via CSS/Classes).'\"\n              matTooltipPosition=\"above\"\n            >\n              <mat-icon>help_outline</mat-icon>\n            </button>\n          </div>\n        </mat-card-content>\n      </mat-card>\n    </div>\n  </mat-tab>\n  <mat-tab label=\"Comportamento\">\n    <div class=\"tab-content\" data-testid=\"config-tab-panel-comportamento\">\n      <mat-card class=\"section-card\">\n        <mat-card-content>\n          <div class=\"section-header\">\n            <div>\n              <h3>Comportamento</h3>\n              <p class=\"text-caption\">Ajuste valida\u00E7\u00F5es e respostas do formul\u00E1rio.</p>\n            </div>\n          </div>\n          <praxis-behavior-editor [config]=\"editedConfig\" (configChange)=\"onConfigChange($event)\"></praxis-behavior-editor>\n        </mat-card-content>\n      </mat-card>\n    </div>\n  </mat-tab>\n  <mat-tab label=\"Dicas e Tooltips\">\n    <div class=\"tab-content tab-content--dense\" data-testid=\"config-tab-panel-hints\">\n      <mat-card class=\"section-card\">\n        <mat-card-content>\n          <div class=\"section-header\">\n            <div>\n              <h3>Dicas dos modos</h3>\n              <p class=\"text-caption\">Personalize textos de apoio para modos de dados e estados de UI.</p>\n            </div>\n          </div>\n          <p class=\"text-caption\">Personalize os textos usados como tooltip/hint para modos de dados e modos globais de\n            UI.</p>\n\n          <div class=\"grid-2-cols grid-2-cols--compact\">\n            <section>\n              <h4>Modos de dados</h4>\n              <mat-form-field appearance=\"fill\" class=\"w-100\">\n                <mat-label>Criar</mat-label>\n                <input matInput [(ngModel)]=\"editedConfig.hints!.dataModes.create\"\n                  (ngModelChange)=\"updateDirtyState('hints-data-create')\" placeholder=\"Ex.: Preencha os campos obrigat\u00F3rios.\" />\n              </mat-form-field>\n              <mat-form-field appearance=\"fill\" class=\"w-100\">\n                <mat-label>Editar</mat-label>\n                <input matInput [(ngModel)]=\"editedConfig.hints!.dataModes.edit\"\n                  (ngModelChange)=\"updateDirtyState('hints-data-edit')\" placeholder=\"Ex.: Revise os dados antes de salvar.\" />\n              </mat-form-field>\n              <mat-form-field appearance=\"fill\" class=\"w-100\">\n                <mat-label>Visualizar</mat-label>\n                <input matInput [(ngModel)]=\"editedConfig.hints!.dataModes.view\"\n                  (ngModelChange)=\"updateDirtyState('hints-data-view')\" placeholder=\"Ex.: Visualiza\u00E7\u00E3o somente leitura.\" />\n              </mat-form-field>\n            </section>\n\n            <section>\n              <h4>Modos de UI</h4>\n              <mat-form-field appearance=\"fill\" class=\"w-100\">\n                <mat-label>Apresenta\u00E7\u00E3o</mat-label>\n                <textarea matInput rows=\"2\" [(ngModel)]=\"editedConfig.hints!.uiModes.presentation\"\n                  (ngModelChange)=\"updateDirtyState('hints-ui-presentation')\" placeholder=\"Ex.: Modo compacto para leitura r\u00E1pida.\"></textarea>\n              </mat-form-field>\n              <mat-form-field appearance=\"fill\" class=\"w-100\">\n                <mat-label>Leitura (readonly)</mat-label>\n                <textarea matInput rows=\"2\" [(ngModel)]=\"editedConfig.hints!.uiModes.readonly\"\n                  (ngModelChange)=\"updateDirtyState('hints-ui-readonly')\" placeholder=\"Ex.: Campos bloqueados para edi\u00E7\u00E3o.\"></textarea>\n              </mat-form-field>\n              <mat-form-field appearance=\"fill\" class=\"w-100\">\n                <mat-label>Desabilitado</mat-label>\n                <textarea matInput rows=\"2\" [(ngModel)]=\"editedConfig.hints!.uiModes.disabled\"\n                  (ngModelChange)=\"updateDirtyState('hints-ui-disabled')\" placeholder=\"Ex.: Fun\u00E7\u00E3o indispon\u00EDvel no momento.\"></textarea>\n              </mat-form-field>\n              <mat-form-field appearance=\"fill\" class=\"w-100\">\n                <mat-label>Vis\u00EDvel</mat-label>\n                <textarea matInput rows=\"2\" [(ngModel)]=\"editedConfig.hints!.uiModes.visible\"\n                  (ngModelChange)=\"updateDirtyState('hints-ui-visible')\" placeholder=\"Ex.: Campo exibido conforme permiss\u00F5es.\"></textarea>\n              </mat-form-field>\n            </section>\n          </div>\n\n          <div class=\"actions-row\">\n            <button mat-stroked-button color=\"primary\" type=\"button\" (click)=\"restoreHintsDefaults()\">\n              <mat-icon>restore</mat-icon>\n              Restaurar padr\u00F5es\n            </button>\n          </div>\n        </mat-card-content>\n      </mat-card>\n    </div>\n  </mat-tab>\n  <mat-tab label=\"A\u00E7\u00F5es\">\n    <div class=\"tab-content\" data-testid=\"config-tab-panel-acoes\">\n      <mat-card class=\"section-card\">\n        <mat-card-content>\n          <div class=\"section-header\">\n            <div>\n              <h3>A\u00E7\u00F5es do formul\u00E1rio</h3>\n              <p class=\"text-caption\">Configure bot\u00F5es padr\u00E3o e a\u00E7\u00F5es customizadas.</p>\n            </div>\n          </div>\n          <praxis-actions-editor [config]=\"editedConfig\" (configChange)=\"onConfigChange($event)\"></praxis-actions-editor>\n        </mat-card-content>\n      </mat-card>\n    </div>\n  </mat-tab>\n  <mat-tab label=\"Regras\">\n    <div class=\"tab-content visual-builder-content\" data-testid=\"config-tab-panel-regras\">\n      <div class=\"builder-header\">\n        <div>\n          <h3>Regras visuais</h3>\n          <p class=\"text-caption\">Defina visibilidade, estilos e rea\u00E7\u00F5es baseadas em condi\u00E7\u00F5es.</p>\n        </div>\n      </div>\n      <praxis-visual-builder [config]=\"ruleBuilderConfig\" [initialRules]=\"ruleBuilderState\"\n        (rulesChanged)=\"onRulesChanged($event)\"></praxis-visual-builder>\n    </div>\n  </mat-tab>\n  <mat-tab label=\"Cascatas\">\n    <div class=\"tab-content\" data-testid=\"config-tab-panel-cascatas\">\n      <mat-card class=\"section-card\">\n        <mat-card-content>\n          <div class=\"section-header\">\n            <div>\n              <h3>Depend\u00EAncias entre campos</h3>\n              <p class=\"text-caption\">Configure cascatas e carregamento entre campos.</p>\n            </div>\n          </div>\n          <praxis-cascade-manager-tab [fields]=\"editedConfig.fieldMetadata || []\"\n            (apply)=\"onCascadeApply($event)\"></praxis-cascade-manager-tab>\n        </mat-card-content>\n      </mat-card>\n    </div>\n  </mat-tab>\n  <mat-tab label=\"Mensagens\">\n    <div class=\"tab-content\" data-testid=\"config-tab-panel-mensagens\">\n      <mat-card class=\"section-card\">\n        <mat-card-content>\n          <div class=\"section-header\">\n            <div>\n              <h3>Mensagens e feedback</h3>\n              <p class=\"text-caption\">Padronize textos de sucesso, erro e confirma\u00E7\u00F5es.</p>\n            </div>\n          </div>\n          <praxis-messages-editor [config]=\"editedConfig\" (configChange)=\"onConfigChange($event)\"></praxis-messages-editor>\n        </mat-card-content>\n      </mat-card>\n    </div>\n  </mat-tab>\n  <mat-tab label=\"Navega\u00E7\u00E3o\">\n    <div class=\"tab-content\" data-testid=\"config-tab-panel-navegacao\">\n      <mat-card class=\"section-card\">\n        <mat-card-content>\n          <div class=\"section-header\">\n            <div>\n              <h3>Navega\u00E7\u00E3o de retorno</h3>\n              <p class=\"text-caption\">Defina o comportamento do bot\u00E3o Voltar em fluxos CRUD.</p>\n            </div>\n          </div>\n          <div class=\"form-grid\">\n            <div class=\"form-row\">\n              <mat-form-field appearance=\"fill\" class=\"w-100\">\n                <mat-label>Rota de retorno</mat-label>\n                <input matInput id=\"returnTo\" [(ngModel)]=\"backConfig!.returnTo\" (ngModelChange)=\"onBackConfigChange()\" placeholder=\"/funcionarios\" />\n              </mat-form-field>\n            </div>\n            <div class=\"form-row\">\n              <mat-slide-toggle [(ngModel)]=\"backConfig!.confirmOnDirty\" (ngModelChange)=\"onBackConfigChange()\">\n                Confirmar ao sair com altera\u00E7\u00F5es\n              </mat-slide-toggle>\n            </div>\n            <div class=\"block-status\" [class.block-status--implicit]=\"!isBackConfigBlockPersisted()\">\n              <strong>Back Config</strong>\n              <span *ngIf=\"isBackConfigBlockPersisted(); else backConfigMissing\">`contextSnapshot.backConfig` ser\u00E1 persistido no documento can\u00F4nico.</span>\n              <ng-template #backConfigMissing>Bloco ausente no documento can\u00F4nico. Os valores exibidos s\u00E3o fallback visual e n\u00E3o ser\u00E3o salvos at\u00E9 voc\u00EA editar.</ng-template>\n            </div>\n          </div>\n          <div class=\"section-help\">\n            <span class=\"section-help__label\">Observa\u00E7\u00E3o:</span>\n            <button\n              mat-icon-button\n              class=\"help-icon-button\"\n              type=\"button\"\n              [matTooltip]=\"'Afeta o fluxo de navega\u00E7\u00E3o do CRUD e pode ser sobreposto por metadados do recurso.'\"\n              matTooltipPosition=\"above\"\n            >\n              <mat-icon>help_outline</mat-icon>\n            </button>\n          </div>\n        </mat-card-content>\n      </mat-card>\n    </div>\n  </mat-tab>\n  <mat-tab label=\"JSON\">\n    <div class=\"tab-content\" data-testid=\"config-tab-panel-json\">\n      <mat-card class=\"section-card\">\n        <mat-card-content>\n          <div class=\"section-header\">\n            <div>\n              <h3>Configura\u00E7\u00E3o JSON</h3>\n              <p class=\"text-caption\">Edi\u00E7\u00E3o avan\u00E7ada do documento can\u00F4nico de autoria do formul\u00E1rio.</p>\n            </div>\n          </div>\n          <form-json-config-editor [document]=\"jsonDocument\" (documentChange)=\"onJsonConfigChange($event)\"\n            (validationChange)=\"onJsonValidationChange($event)\" (editorEvent)=\"onJsonEditorEvent($event)\">\n          </form-json-config-editor>\n        </mat-card-content>\n      </mat-card>\n    </div>\n  </mat-tab>\n</mat-tab-group>\n", styles: [":host{display:block;height:100%}.config-tabs{height:100%}::ng-deep .mat-mdc-tab-group.config-tabs{display:flex;flex-direction:column}::ng-deep .mat-mdc-tab-group.config-tabs .mat-mdc-tab-body-wrapper{flex:1;min-height:0}::ng-deep .mat-mdc-tab-group.config-tabs .mat-mdc-tab-body-content{height:100%;overflow:auto;display:flex;flex-direction:column;padding:0!important}.tab-content{padding:16px 20px 20px;flex:1}.form-row{display:block;margin-bottom:12px}.form-grid{display:grid;gap:12px}.section-help{display:inline-flex;align-items:center;gap:8px;color:var(--md-sys-color-on-surface-variant);font-size:12px}.section-help__label{font-weight:500}.help-icon-button{--mdc-icon-button-state-layer-size: 28px;--mdc-icon-button-icon-size: 18px;width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center}.help-icon-button mat-icon{font-size:18px;width:18px;height:18px}.grid-2-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.grid-2-cols--compact{gap:12px}.w-100{width:100%}.visual-builder-content{padding:0!important;height:100%;overflow:hidden;display:flex;flex-direction:column}.visual-builder-content>praxis-visual-builder{flex:1;min-height:0}.json-field{width:100%}.presentation-layout{display:flex;gap:20px;align-items:flex-start}.presentation-controls{flex:1 1 60%;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px 18px}.control{display:flex;flex-direction:column}.control-span{grid-column:1/-1}.block-status{grid-column:1/-1;display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--md-sys-color-primary-container) 35%,transparent);color:var(--md-sys-color-on-surface);font-size:12px;line-height:1.45}.block-status strong{min-width:112px;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant)}.block-status--implicit{background:color-mix(in srgb,var(--md-sys-color-surface-variant) 42%,transparent);border:1px dashed var(--md-sys-color-outline)}.block-status--readonly{margin-bottom:12px}.block-status code{font-family:var(--md-ref-typeface-mono, \"Courier New\", monospace);font-size:11px}.control__label{font-size:12px;color:var(--md-sys-color-on-surface-variant);margin-bottom:6px}.toggle-group{width:100%}.control--inline{grid-column:1/-1;display:flex;gap:16px;align-items:center}.presentation-preview{flex:0 0 360px;position:sticky;top:16px}.preview-card{border:1px solid var(--md-sys-color-outline);border-radius:12px;padding:14px;background:var(--md-sys-color-surface-container)}.preview-row{display:flex;gap:8px;padding:6px 0;border-bottom:1px dashed var(--md-sys-color-outline-variant)}.preview-row:last-child{border-bottom:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.presentation-preview .praxis-presentation__label{color:var(--md-sys-color-on-surface-variant)}.presentation-preview .praxis-presentation__value{color:var(--md-sys-color-on-surface)}.presentation-preview .presentation-mode.pres-density-cozy .preview-row{padding:6px 0}.presentation-preview .presentation-mode.pres-density-compact .preview-row,.presentation-preview .presentation-mode.pres-compact .preview-row{padding:2px 0}.presentation-preview .presentation-mode.pres-label-left .preview-row{display:grid;grid-template-columns:var(--pfx-pres-label-width, 140px) 1fr;align-items:baseline;column-gap:10px}.presentation-preview .presentation-mode.pres-label-left .praxis-presentation__label{margin:0;text-align:var(--pfx-pres-label-align, start)}.presentation-preview .presentation-mode .praxis-presentation__value{text-align:var(--pfx-pres-value-align, start)}.presentation-preview h4{margin:0 0 8px;color:var(--md-sys-color-on-surface);font-size:1rem}.section-card{border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container);box-shadow:var(--md-sys-elevation-level1, none)}.section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.tab-content--dense{padding:12px 16px 16px}.tab-content--dense .section-header,.tab-content--dense .form-row{margin-bottom:8px}.section-header h3{margin:0;font-size:1.05rem;color:var(--md-sys-color-on-surface)}.text-caption{margin:6px 0 0;font-size:.9rem;color:var(--md-sys-color-on-surface-variant)}.section-header--compact{margin-bottom:8px}.section-body{display:block}.section-body--flex{flex:1;min-height:0;display:flex;flex-direction:column}.builder-header{padding:12px 16px;border-bottom:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface)}.builder-header h3{margin:0;font-size:1rem;color:var(--md-sys-color-on-surface)}.hint{margin:8px 0 0;padding:10px 12px;border-radius:10px;border:1px dashed var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface-variant)}.meta-card{display:grid;gap:6px;padding:10px 12px;border-radius:10px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface)}.meta-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.9rem;color:var(--md-sys-color-on-surface-variant)}.meta-row strong{color:var(--md-sys-color-on-surface);font-weight:600}.runtime-contract-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.runtime-contract-field{display:grid;gap:6px;padding:12px;border-radius:10px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface)}.runtime-contract-label{font-size:12px;color:var(--md-sys-color-on-surface-variant)}.runtime-contract-code{display:block;font-family:var(--md-ref-typeface-mono, \"Courier New\", monospace);font-size:12px;line-height:1.45;color:var(--md-sys-color-on-surface);word-break:break-word;white-space:normal}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i7$3.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i7$3.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i8.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i8.MatCardContent, selector: "mat-card-content" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { 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.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i6$3.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: i6$3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i7$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i12$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i6$2.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "ngmodule", type: MatButtonToggleModule }, { kind: "directive", type: i7$2.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i7$2.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i9.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: JsonConfigEditorComponent, selector: "form-json-config-editor", inputs: ["config", "document"], outputs: ["configChange", "documentChange", "validationChange", "editorEvent"] }, { kind: "component", type: LayoutEditorComponent, selector: "praxis-layout-editor", inputs: ["config"], outputs: ["configChange", "select"] }, { kind: "component", type: BehaviorEditorComponent, selector: "praxis-behavior-editor", inputs: ["config"], outputs: ["configChange"] }, { kind: "component", type: ActionsEditorComponent$1, selector: "praxis-actions-editor", inputs: ["config"], outputs: ["configChange"] }, { kind: "component", type: MessagesEditorComponent, selector: "praxis-messages-editor", inputs: ["config"], outputs: ["configChange"] }, { kind: "component", type: HooksEditorComponent, selector: "praxis-hooks-editor", inputs: ["config"], outputs: ["configChange"] }, { kind: "component", type: PraxisVisualBuilder, selector: "praxis-visual-builder", inputs: ["config", "initialRules"], outputs: ["rulesChanged", "exportRequested", "importRequested"] }, { kind: "component", type: CascadeManagerTabComponent, selector: "praxis-cascade-manager-tab", inputs: ["fields", "connections"], outputs: ["apply", "cancel"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisDynamicFormConfigEditor, decorators: [{
@@ -19242,6 +19737,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                     args: [ASYNC_CONFIG_STORAGE]
                 }] }, { type: FormConfigService }, { type: i7.SettingsPanelService }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
                     type: Optional
+                }, {
+                    type: Inject,
+                    args: [GLOBAL_ACTION_CATALOG]
+                }] }, { type: undefined, decorators: [{
+                    type: Optional
                 }, {
                     type: Inject,
                     args: [SETTINGS_PANEL_DATA]
@@ -19438,11 +19938,11 @@ class PraxisFilterForm {
         return `col-${i}-${col.fields.join(',')}`;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisFilterForm, deps: [{ token: i1$2.DynamicFormService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: PraxisFilterForm, isStandalone: true, selector: "praxis-filter-form", inputs: { config: "config", formId: "formId", resourcePath: "resourcePath", mode: "mode" }, outputs: { formReady: "formReady", valueChange: "valueChange", submit: "submit", requestSearch: "requestSearch", validityChange: "validityChange" }, usesOnChanges: true, ngImport: i0, template: "<form [formGroup]=\"form\" class=\"praxis-filter-form\" (ngSubmit)=\"onFormSubmit()\">\n  @if (hasLayout) { @for (section of config.sections; track section?.id ??\n  $index) {\n  <div class=\"filter-section\">\n    @if (section.title) {\n    <h3>{{ section.title }}</h3>\n    } @for (row of section.rows; track $index) {\n    <div class=\"filter-row\">\n      @for ( column of row.columns; track (column?.fields?.join(',') ?? $index)\n      ) {\n      <div class=\"filter-column\">\n        <ng-container\n          dynamicFieldLoader\n          [fields]=\"getColumnFields(column)\"\n          [formGroup]=\"form\"\n          [enableExternalControlBinding]=\"true\"\n        ></ng-container>\n      </div>\n      }\n    </div>\n    }\n  </div>\n  } } @else {\n  <div class=\"filter-row\">\n    @for (field of fieldMetadata; track field?.name ?? $index) {\n    <div class=\"filter-column\">\n      <ng-container\n        dynamicFieldLoader\n        [fields]=\"[field]\"\n        [formGroup]=\"form\"\n        [enableExternalControlBinding]=\"true\"\n      ></ng-container>\n    </div>\n    }\n  </div>\n  }\n  <!-- Bot\u00E3o de submit invis\u00EDvel para garantir submit ao pressionar Enter -->\n  <button\n    type=\"submit\"\n    class=\"hidden-submit\"\n    aria-hidden=\"true\"\n    tabindex=\"-1\"\n  ></button>\n</form>\n", styles: [":host{display:block}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px 16px}.filter-column{min-width:0}.hidden-submit{display:none;width:0;height:0;padding:0;border:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: DynamicFieldLoaderDirective, selector: "[dynamicFieldLoader]", inputs: ["fields", "formGroup", "enableExternalControlBinding", "itemTemplate", "debugTrace", "debugTraceLabel", "readonlyMode", "disabledMode", "presentationMode", "visible", "canvasMode"], outputs: ["componentsCreated", "fieldCreated", "fieldDestroyed", "renderError", "canvasMouseEnter", "canvasMouseLeave", "canvasClick"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: PraxisFilterForm, isStandalone: true, selector: "praxis-filter-form", inputs: { config: "config", formId: "formId", resourcePath: "resourcePath", mode: "mode" }, outputs: { formReady: "formReady", valueChange: "valueChange", submit: "submit", requestSearch: "requestSearch", validityChange: "validityChange" }, usesOnChanges: true, ngImport: i0, template: "<form\n  [formGroup]=\"form\"\n  class=\"praxis-filter-form\"\n  (change)=\"$event.stopPropagation()\"\n  (ngSubmit)=\"onFormSubmit(); $event.preventDefault(); $event.stopPropagation()\"\n>\n  @if (hasLayout) { @for (section of config.sections; track section?.id ??\n  $index) {\n  <div class=\"filter-section\">\n    @if (section.title) {\n    <h3>{{ section.title }}</h3>\n    } @for (row of section.rows; track $index) {\n    <div class=\"filter-row\">\n      @for ( column of row.columns; track (column?.fields?.join(',') ?? $index)\n      ) {\n      <div class=\"filter-column\">\n        <ng-container\n          dynamicFieldLoader\n          [fields]=\"getColumnFields(column)\"\n          [formGroup]=\"form\"\n          [enableExternalControlBinding]=\"true\"\n        ></ng-container>\n      </div>\n      }\n    </div>\n    }\n  </div>\n  } } @else {\n  <div class=\"filter-row\">\n    @for (field of fieldMetadata; track field?.name ?? $index) {\n    <div class=\"filter-column\">\n      <ng-container\n        dynamicFieldLoader\n        [fields]=\"[field]\"\n        [formGroup]=\"form\"\n        [enableExternalControlBinding]=\"true\"\n      ></ng-container>\n    </div>\n    }\n  </div>\n  }\n  <!-- Bot\u00E3o de submit invis\u00EDvel para garantir submit ao pressionar Enter -->\n  <button\n    type=\"submit\"\n    class=\"hidden-submit\"\n    aria-hidden=\"true\"\n    tabindex=\"-1\"\n  ></button>\n</form>\n", styles: [":host{display:block}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px 16px}.filter-column{min-width:0}.hidden-submit{display:none;width:0;height:0;padding:0;border:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: DynamicFieldLoaderDirective, selector: "[dynamicFieldLoader]", inputs: ["fields", "formGroup", "enableExternalControlBinding", "itemTemplate", "debugTrace", "debugTraceLabel", "readonlyMode", "disabledMode", "presentationMode", "visible", "canvasMode"], outputs: ["componentsCreated", "fieldCreated", "fieldDestroyed", "renderError", "canvasMouseEnter", "canvasMouseLeave", "canvasClick"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisFilterForm, decorators: [{
             type: Component,
-            args: [{ selector: 'praxis-filter-form', standalone: true, imports: [CommonModule, ReactiveFormsModule, DynamicFieldLoaderDirective], template: "<form [formGroup]=\"form\" class=\"praxis-filter-form\" (ngSubmit)=\"onFormSubmit()\">\n  @if (hasLayout) { @for (section of config.sections; track section?.id ??\n  $index) {\n  <div class=\"filter-section\">\n    @if (section.title) {\n    <h3>{{ section.title }}</h3>\n    } @for (row of section.rows; track $index) {\n    <div class=\"filter-row\">\n      @for ( column of row.columns; track (column?.fields?.join(',') ?? $index)\n      ) {\n      <div class=\"filter-column\">\n        <ng-container\n          dynamicFieldLoader\n          [fields]=\"getColumnFields(column)\"\n          [formGroup]=\"form\"\n          [enableExternalControlBinding]=\"true\"\n        ></ng-container>\n      </div>\n      }\n    </div>\n    }\n  </div>\n  } } @else {\n  <div class=\"filter-row\">\n    @for (field of fieldMetadata; track field?.name ?? $index) {\n    <div class=\"filter-column\">\n      <ng-container\n        dynamicFieldLoader\n        [fields]=\"[field]\"\n        [formGroup]=\"form\"\n        [enableExternalControlBinding]=\"true\"\n      ></ng-container>\n    </div>\n    }\n  </div>\n  }\n  <!-- Bot\u00E3o de submit invis\u00EDvel para garantir submit ao pressionar Enter -->\n  <button\n    type=\"submit\"\n    class=\"hidden-submit\"\n    aria-hidden=\"true\"\n    tabindex=\"-1\"\n  ></button>\n</form>\n", styles: [":host{display:block}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px 16px}.filter-column{min-width:0}.hidden-submit{display:none;width:0;height:0;padding:0;border:0}\n"] }]
+            args: [{ selector: 'praxis-filter-form', standalone: true, imports: [CommonModule, ReactiveFormsModule, DynamicFieldLoaderDirective], template: "<form\n  [formGroup]=\"form\"\n  class=\"praxis-filter-form\"\n  (change)=\"$event.stopPropagation()\"\n  (ngSubmit)=\"onFormSubmit(); $event.preventDefault(); $event.stopPropagation()\"\n>\n  @if (hasLayout) { @for (section of config.sections; track section?.id ??\n  $index) {\n  <div class=\"filter-section\">\n    @if (section.title) {\n    <h3>{{ section.title }}</h3>\n    } @for (row of section.rows; track $index) {\n    <div class=\"filter-row\">\n      @for ( column of row.columns; track (column?.fields?.join(',') ?? $index)\n      ) {\n      <div class=\"filter-column\">\n        <ng-container\n          dynamicFieldLoader\n          [fields]=\"getColumnFields(column)\"\n          [formGroup]=\"form\"\n          [enableExternalControlBinding]=\"true\"\n        ></ng-container>\n      </div>\n      }\n    </div>\n    }\n  </div>\n  } } @else {\n  <div class=\"filter-row\">\n    @for (field of fieldMetadata; track field?.name ?? $index) {\n    <div class=\"filter-column\">\n      <ng-container\n        dynamicFieldLoader\n        [fields]=\"[field]\"\n        [formGroup]=\"form\"\n        [enableExternalControlBinding]=\"true\"\n      ></ng-container>\n    </div>\n    }\n  </div>\n  }\n  <!-- Bot\u00E3o de submit invis\u00EDvel para garantir submit ao pressionar Enter -->\n  <button\n    type=\"submit\"\n    class=\"hidden-submit\"\n    aria-hidden=\"true\"\n    tabindex=\"-1\"\n  ></button>\n</form>\n", styles: [":host{display:block}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px 16px}.filter-column{min-width:0}.hidden-submit{display:none;width:0;height:0;padding:0;border:0}\n"] }]
         }], ctorParameters: () => [{ type: i1$2.DynamicFormService }], propDecorators: { config: [{
                 type: Input,
                 args: [{ required: true }]
@@ -19610,6 +20110,7 @@ const PRAXIS_DYNAMIC_FORM_COMPONENT_METADATA = {
     inputs: [
         { name: 'resourcePath', type: 'string', label: 'Recurso', description: 'Recurso base para CRUD/schemas' },
         { name: 'resourceId', type: 'string | number', label: 'ID do Registro', description: 'Identificador do registro' },
+        { name: 'initialValue', type: 'Record<string, unknown> | null', label: 'Valor inicial', description: 'Valores iniciais locais aplicados antes da interacao do usuario' },
         { name: 'editorialContext', type: 'Record<string, unknown> | null', label: 'Contexto editorial', description: 'Contexto compartilhado usado para resolver bindings do rich content hospedado no form' },
         { name: 'mode', type: "'create' | 'edit' | 'view'", default: 'create', label: 'Modo', description: 'Modo do formulario' },
         {
@@ -20056,9 +20557,7 @@ class SectionEditorComponent {
     isBusy$ = new BehaviorSubject(false);
     globalActionCatalogSource = inject(GLOBAL_ACTION_CATALOG, { optional: true }) ?? [];
     i18n = inject(PraxisI18nService);
-    legacyActionSpecs = GLOBAL_ACTION_SPEC_CATALOG;
     globalActionCatalog = buildGlobalActionCatalog({
-        legacySpecs: this.legacyActionSpecs,
         injectedCatalog: getGlobalActionCatalog(this.globalActionCatalogSource),
         fallbackCatalog: PRAXIS_GLOBAL_ACTION_CATALOG,
         mapCatalogEntry: (entry) => this.mapCatalogEntryToActionSpec(entry),
@@ -20165,63 +20664,66 @@ class SectionEditorComponent {
     getHeaderActionSpecById(id) {
         return this.globalActionCatalog.find((item) => item.id === id);
     }
-    getHeaderActionSelectValue(value) {
-        const parsed = parseActionValue(value, this.globalActionCatalog, this.customActionValue);
-        return parsed.isGlobal ? parsed.id : this.customActionValue;
+    getHeaderActionSelectValue(value, globalAction) {
+        return globalAction?.actionId || this.customActionValue;
     }
-    getHeaderActionParam(value) {
-        const parsed = parseActionValue(value, this.globalActionCatalog, this.customActionValue);
-        return parsed.isGlobal ? parsed.param : '';
+    getHeaderActionParam(value, globalAction) {
+        const payload = globalAction?.payload;
+        if (payload === undefined || payload === null)
+            return '';
+        return typeof payload === 'string' ? payload : JSON.stringify(payload, null, 2);
     }
-    getHeaderActionCustomValue(value) {
-        const parsed = parseActionValue(value, this.globalActionCatalog, this.customActionValue);
-        return parsed.isGlobal ? '' : parsed.raw;
+    getHeaderActionCustomValue(value, globalAction) {
+        return globalAction ? '' : value || '';
     }
-    getHeaderGlobalActionSchema(value) {
-        const parsed = parseActionValue(value, this.globalActionCatalog, this.customActionValue);
-        if (!parsed.isGlobal)
-            return undefined;
-        return getGlobalActionUiSchema(parsed.id);
+    getHeaderGlobalActionSchema(value, globalAction) {
+        return getGlobalActionUiSchema(globalAction?.actionId);
     }
-    getHeaderSurfaceOpenActionPayload(value) {
-        const info = getActionParamInfo(value, this.globalActionCatalog, this.customActionValue);
-        const payload = info.isJson && info.json && typeof info.json === 'object' && !Array.isArray(info.json)
-            ? info.json
-            : undefined;
-        return normalizeSurfaceOpenPayload(payload);
+    getHeaderSurfaceOpenActionPayload(value, globalAction) {
+        return normalizeSurfaceOpenPayload(globalAction?.payload);
     }
-    isHeaderActionParamMissing(value) {
-        return isRequiredParamMissing(value, this.globalActionCatalog, this.customActionValue);
+    isHeaderActionParamMissing(value, globalAction) {
+        return isRequiredParamMissing(globalAction, this.globalActionCatalog);
     }
     onHeaderActionSelectChange(index, value) {
         const group = this.headerActionsArray.at(index);
         if (!group)
             return;
-        const currentValue = String(group.get('action')?.value || '');
         if (value === this.customActionValue) {
-            const parsed = parseActionValue(currentValue, this.globalActionCatalog, this.customActionValue);
-            if (parsed.isGlobal) {
-                group.get('action')?.setValue('');
-            }
+            group.get('globalAction')?.setValue(undefined);
             return;
         }
-        const parsed = parseActionValue(currentValue, this.globalActionCatalog, this.customActionValue);
-        const param = parsed.isGlobal && parsed.id === value ? parsed.param : '';
-        group.get('action')?.setValue(param ? `${value}:${param}` : value);
+        const current = group.get('globalAction')?.value;
+        const payload = current?.actionId === value ? current.payload : undefined;
+        group.get('globalAction')?.setValue(payload !== undefined ? { actionId: value, payload } : { actionId: value });
+        group.get('action')?.setValue('');
     }
     onHeaderActionParamChange(index, value) {
         const group = this.headerActionsArray.at(index);
         if (!group)
             return;
-        const parsed = parseActionValue(String(group.get('action')?.value || ''), this.globalActionCatalog, this.customActionValue);
-        const id = parsed.isGlobal ? parsed.id : '';
-        group.get('action')?.setValue(id ? (value ? `${id}:${value}` : id) : value);
+        const current = group.get('globalAction')?.value;
+        const id = current?.actionId;
+        if (!id)
+            return;
+        const trimmed = String(value || '').trim();
+        if (!trimmed) {
+            group.get('globalAction')?.setValue({ actionId: id });
+            return;
+        }
+        try {
+            group.get('globalAction')?.setValue({ actionId: id, payload: JSON.parse(trimmed) });
+        }
+        catch {
+            group.get('globalAction')?.setValue({ actionId: id, payload: trimmed });
+        }
     }
     onHeaderActionCustomChange(index, value) {
         const group = this.headerActionsArray.at(index);
         if (!group)
             return;
         group.get('action')?.setValue(value);
+        group.get('globalAction')?.setValue(undefined);
     }
     async pickHeaderActionIcon(index) {
         const group = this.headerActionsArray.at(index);
@@ -20314,7 +20816,11 @@ class SectionEditorComponent {
         const group = this.headerActionsArray.at(index);
         if (!group)
             return;
-        group.get('action')?.setValue(`surface.open:${JSON.stringify(normalizeSurfaceOpenPayload(payload))}`);
+        group.get('globalAction')?.setValue({
+            actionId: 'surface.open',
+            payload: normalizeSurfaceOpenPayload(payload),
+        });
+        group.get('action')?.setValue('');
     }
     async pickIcon() {
         const current = this.form.value.icon;
@@ -20532,6 +21038,7 @@ class SectionEditorComponent {
             label: [action?.label ?? ''],
             icon: [action?.icon ?? ''],
             action: [action?.action ?? ''],
+            globalAction: [action?.globalAction],
             tooltip: [action?.tooltip ?? ''],
             color: [action?.color ?? ''],
             visible: [action?.visible ?? true],
@@ -20575,6 +21082,7 @@ class SectionEditorComponent {
                 icon,
             };
             const action = this.normalizeOptionalString(item?.action);
+            const globalAction = this.normalizeHeaderGlobalAction(item?.globalAction);
             const tooltip = this.normalizeOptionalString(item?.tooltip);
             const normalizedColor = color === 'primary' ||
                 color === 'accent' ||
@@ -20584,8 +21092,12 @@ class SectionEditorComponent {
                 : undefined;
             const className = this.normalizeOptionalString(item?.className);
             const style = this.parseHeaderActionStyle(item?.styleJson ?? item?.style);
-            if (action !== undefined)
+            if (globalAction !== undefined) {
+                nextAction.globalAction = globalAction;
+            }
+            else if (action !== undefined) {
                 nextAction.action = action;
+            }
             if (tooltip !== undefined)
                 nextAction.tooltip = tooltip;
             if (normalizedColor !== undefined)
@@ -20628,6 +21140,15 @@ class SectionEditorComponent {
         }
         return spec?.description || '';
     }
+    normalizeHeaderGlobalAction(value) {
+        if (!value || typeof value !== 'object')
+            return undefined;
+        const actionId = this.normalizeOptionalString(value.actionId);
+        if (!actionId || !isGlobalActionId(actionId, this.globalActionCatalog))
+            return undefined;
+        const payload = value.payload;
+        return payload === undefined ? { actionId } : { actionId, payload };
+    }
     headerActionStyleValidator = (control) => {
         const rawValue = control.value;
         if (rawValue === null || rawValue === undefined || rawValue === '') {
@@ -20987,7 +21508,7 @@ class SectionEditorComponent {
                   <mat-form-field appearance="fill">
                     <mat-label>{{ tx('headerActions.fields.action', 'Ação') }}</mat-label>
                     <mat-select
-                      [ngModel]="getHeaderActionSelectValue(actionGroup.get('action')?.value)"
+                      [ngModel]="getHeaderActionSelectValue(actionGroup.get('action')?.value, actionGroup.get('globalAction')?.value)"
                       (ngModelChange)="onHeaderActionSelectChange(index, $event)"
                       [ngModelOptions]="{ standalone: true }"
                     >
@@ -21011,23 +21532,23 @@ class SectionEditorComponent {
                     </button>
                   </mat-form-field>
 
-                  @if (getHeaderActionSelectValue(actionGroup.get('action')?.value) === customActionValue) {
+                  @if (getHeaderActionSelectValue(actionGroup.get('action')?.value, actionGroup.get('globalAction')?.value) === customActionValue) {
                   <mat-form-field appearance="fill">
                     <mat-label>{{ tx('headerActions.fields.customAction', 'Action customizada') }}</mat-label>
                     <input
                       matInput
-                      [ngModel]="getHeaderActionCustomValue(actionGroup.get('action')?.value)"
+                      [ngModel]="getHeaderActionCustomValue(actionGroup.get('action')?.value, actionGroup.get('globalAction')?.value)"
                       (ngModelChange)="onHeaderActionCustomChange(index, $event)"
                       [ngModelOptions]="{ standalone: true }"
                       [placeholder]="tx('headerActions.placeholders.action', 'Opcional. Se vazio, usa o ID')"
                     />
                   </mat-form-field>
-                  } @else if (getHeaderActionSpecById(getHeaderActionSelectValue(actionGroup.get('action')?.value)); as actionSpec) {
-                    @if (getHeaderGlobalActionSchema(actionGroup.get('action')?.value); as schema) {
+                  } @else if (getHeaderActionSpecById(getHeaderActionSelectValue(actionGroup.get('action')?.value, actionGroup.get('globalAction')?.value)); as actionSpec) {
+                    @if (getHeaderGlobalActionSchema(actionGroup.get('action')?.value, actionGroup.get('globalAction')?.value); as schema) {
                       @if (schema.editorMode === 'surface-open') {
                   <div class="row-1">
                     <praxis-surface-open-action-editor
-                      [value]="getHeaderSurfaceOpenActionPayload(actionGroup.get('action')?.value)"
+                      [value]="getHeaderSurfaceOpenActionPayload(actionGroup.get('action')?.value, actionGroup.get('globalAction')?.value)"
                       hostKind="form"
                       (valueChange)="onHeaderSurfaceOpenActionPayloadChange(index, $event)"
                     ></praxis-surface-open-action-editor>
@@ -21037,7 +21558,7 @@ class SectionEditorComponent {
                     <mat-label>{{ actionSpec.param.label || tx('headerActions.fields.actionParam', 'Parâmetro') }}</mat-label>
                     <input
                       matInput
-                      [ngModel]="getHeaderActionParam(actionGroup.get('action')?.value)"
+                      [ngModel]="getHeaderActionParam(actionGroup.get('action')?.value, actionGroup.get('globalAction')?.value)"
                       (ngModelChange)="onHeaderActionParamChange(index, $event)"
                       [ngModelOptions]="{ standalone: true }"
                       [placeholder]="actionSpec.param.placeholder || ''"
@@ -21046,7 +21567,7 @@ class SectionEditorComponent {
                     @if (actionSpec.param.hint) {
                     <mat-hint>{{ actionSpec.param.hint }}</mat-hint>
                     }
-                    @if (actionSpec.param.required && isHeaderActionParamMissing(actionGroup.get('action')?.value)) {
+                    @if (actionSpec.param.required && isHeaderActionParamMissing(actionGroup.get('action')?.value, actionGroup.get('globalAction')?.value)) {
                     <mat-error>{{ tx('headerActions.validation.parameterRequired', 'Parâmetro obrigatório.') }}</mat-error>
                     }
                   </mat-form-field>
@@ -21056,7 +21577,7 @@ class SectionEditorComponent {
                     <mat-label>{{ actionSpec.param.label || tx('headerActions.fields.actionParam', 'Parâmetro') }}</mat-label>
                     <input
                       matInput
-                      [ngModel]="getHeaderActionParam(actionGroup.get('action')?.value)"
+                      [ngModel]="getHeaderActionParam(actionGroup.get('action')?.value, actionGroup.get('globalAction')?.value)"
                       (ngModelChange)="onHeaderActionParamChange(index, $event)"
                       [ngModelOptions]="{ standalone: true }"
                       [placeholder]="actionSpec.param.placeholder || ''"
@@ -21065,7 +21586,7 @@ class SectionEditorComponent {
                     @if (actionSpec.param.hint) {
                     <mat-hint>{{ actionSpec.param.hint }}</mat-hint>
                     }
-                    @if (actionSpec.param.required && isHeaderActionParamMissing(actionGroup.get('action')?.value)) {
+                    @if (actionSpec.param.required && isHeaderActionParamMissing(actionGroup.get('action')?.value, actionGroup.get('globalAction')?.value)) {
                     <mat-error>{{ tx('headerActions.validation.parameterRequired', 'Parâmetro obrigatório.') }}</mat-error>
                     }
                   </mat-form-field>
@@ -21078,7 +21599,7 @@ class SectionEditorComponent {
                   </mat-form-field>
                 </div>
 
-                @if (getHeaderActionSelectValue(actionGroup.get('action')?.value) !== customActionValue) {
+                @if (getHeaderActionSelectValue(actionGroup.get('action')?.value, actionGroup.get('globalAction')?.value) !== customActionValue) {
                 <div class="header-action-callout">
                   <div class="header-action-callout-title">
                     {{ tx('headerActions.callout.globalTitle', 'Ação global do app') }}
@@ -21659,7 +22180,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                   <mat-form-field appearance="fill">
                     <mat-label>{{ tx('headerActions.fields.action', 'Ação') }}</mat-label>
                     <mat-select
-                      [ngModel]="getHeaderActionSelectValue(actionGroup.get('action')?.value)"
+                      [ngModel]="getHeaderActionSelectValue(actionGroup.get('action')?.value, actionGroup.get('globalAction')?.value)"
                       (ngModelChange)="onHeaderActionSelectChange(index, $event)"
                       [ngModelOptions]="{ standalone: true }"
                     >
@@ -21683,23 +22204,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                     </button>
                   </mat-form-field>
 
-                  @if (getHeaderActionSelectValue(actionGroup.get('action')?.value) === customActionValue) {
+                  @if (getHeaderActionSelectValue(actionGroup.get('action')?.value, actionGroup.get('globalAction')?.value) === customActionValue) {
                   <mat-form-field appearance="fill">
                     <mat-label>{{ tx('headerActions.fields.customAction', 'Action customizada') }}</mat-label>
                     <input
                       matInput
-                      [ngModel]="getHeaderActionCustomValue(actionGroup.get('action')?.value)"
+                      [ngModel]="getHeaderActionCustomValue(actionGroup.get('action')?.value, actionGroup.get('globalAction')?.value)"
                       (ngModelChange)="onHeaderActionCustomChange(index, $event)"
                       [ngModelOptions]="{ standalone: true }"
                       [placeholder]="tx('headerActions.placeholders.action', 'Opcional. Se vazio, usa o ID')"
                     />
                   </mat-form-field>
-                  } @else if (getHeaderActionSpecById(getHeaderActionSelectValue(actionGroup.get('action')?.value)); as actionSpec) {
-                    @if (getHeaderGlobalActionSchema(actionGroup.get('action')?.value); as schema) {
+                  } @else if (getHeaderActionSpecById(getHeaderActionSelectValue(actionGroup.get('action')?.value, actionGroup.get('globalAction')?.value)); as actionSpec) {
+                    @if (getHeaderGlobalActionSchema(actionGroup.get('action')?.value, actionGroup.get('globalAction')?.value); as schema) {
                       @if (schema.editorMode === 'surface-open') {
                   <div class="row-1">
                     <praxis-surface-open-action-editor
-                      [value]="getHeaderSurfaceOpenActionPayload(actionGroup.get('action')?.value)"
+                      [value]="getHeaderSurfaceOpenActionPayload(actionGroup.get('action')?.value, actionGroup.get('globalAction')?.value)"
                       hostKind="form"
                       (valueChange)="onHeaderSurfaceOpenActionPayloadChange(index, $event)"
                     ></praxis-surface-open-action-editor>
@@ -21709,7 +22230,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                     <mat-label>{{ actionSpec.param.label || tx('headerActions.fields.actionParam', 'Parâmetro') }}</mat-label>
                     <input
                       matInput
-                      [ngModel]="getHeaderActionParam(actionGroup.get('action')?.value)"
+                      [ngModel]="getHeaderActionParam(actionGroup.get('action')?.value, actionGroup.get('globalAction')?.value)"
                       (ngModelChange)="onHeaderActionParamChange(index, $event)"
                       [ngModelOptions]="{ standalone: true }"
                       [placeholder]="actionSpec.param.placeholder || ''"
@@ -21718,7 +22239,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                     @if (actionSpec.param.hint) {
                     <mat-hint>{{ actionSpec.param.hint }}</mat-hint>
                     }
-                    @if (actionSpec.param.required && isHeaderActionParamMissing(actionGroup.get('action')?.value)) {
+                    @if (actionSpec.param.required && isHeaderActionParamMissing(actionGroup.get('action')?.value, actionGroup.get('globalAction')?.value)) {
                     <mat-error>{{ tx('headerActions.validation.parameterRequired', 'Parâmetro obrigatório.') }}</mat-error>
                     }
                   </mat-form-field>
@@ -21728,7 +22249,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                     <mat-label>{{ actionSpec.param.label || tx('headerActions.fields.actionParam', 'Parâmetro') }}</mat-label>
                     <input
                       matInput
-                      [ngModel]="getHeaderActionParam(actionGroup.get('action')?.value)"
+                      [ngModel]="getHeaderActionParam(actionGroup.get('action')?.value, actionGroup.get('globalAction')?.value)"
                       (ngModelChange)="onHeaderActionParamChange(index, $event)"
                       [ngModelOptions]="{ standalone: true }"
                       [placeholder]="actionSpec.param.placeholder || ''"
@@ -21737,7 +22258,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                     @if (actionSpec.param.hint) {
                     <mat-hint>{{ actionSpec.param.hint }}</mat-hint>
                     }
-                    @if (actionSpec.param.required && isHeaderActionParamMissing(actionGroup.get('action')?.value)) {
+                    @if (actionSpec.param.required && isHeaderActionParamMissing(actionGroup.get('action')?.value, actionGroup.get('globalAction')?.value)) {
                     <mat-error>{{ tx('headerActions.validation.parameterRequired', 'Parâmetro obrigatório.') }}</mat-error>
                     }
                   </mat-form-field>
@@ -21750,7 +22271,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                   </mat-form-field>
                 </div>
 
-                @if (getHeaderActionSelectValue(actionGroup.get('action')?.value) !== customActionValue) {
+                @if (getHeaderActionSelectValue(actionGroup.get('action')?.value, actionGroup.get('globalAction')?.value) !== customActionValue) {
                 <div class="header-action-callout">
                   <div class="header-action-callout-title">
                     {{ tx('headerActions.callout.globalTitle', 'Ação global do app') }}
@@ -23114,6 +23635,12 @@ const FORM_COMPONENT_AI_CAPABILITIES = {
             valueKind: 'string',
             description: 'ID do registro atual (string ou number).',
         },
+        {
+            path: 'inputs.initialValue',
+            category: 'inputs',
+            valueKind: 'object',
+            description: 'Valores iniciais locais para campos host-authored ou complementares.',
+        },
         {
             path: 'inputs.mode',
             category: 'inputs',
@@ -23514,6 +24041,787 @@ const FORM_COMPONENT_AI_CAPABILITIES = {
     ],
 };
 
+/**
+ * Manifesto de authoring canônico para o componente praxis-dynamic-form.
+ * Este arquivo define as operações permitidas pela IA para editar formulários.
+ *
+ * @version 1.4.0
+ * @status COMPLIANT - Alinhado com contrato v2, gate de aceitação e semântica local/schema-backed.
+ */
+const PRAXIS_DYNAMIC_FORM_AUTHORING_MANIFEST = {
+    schemaVersion: '1.0.0',
+    componentId: 'praxis-dynamic-form',
+    ownerPackage: '@praxisui/dynamic-form',
+    configSchemaId: 'FormConfig',
+    manifestVersion: '1.4.0',
+    runtimeInputs: [
+        { name: 'config', type: 'FormConfig', description: 'Configuração completa do formulário' },
+        { name: 'resourcePath', type: 'string', description: 'Caminho do recurso (API)' },
+        { name: 'mode', type: 'string', allowedValues: ['create', 'edit', 'view'], description: 'Modo de operação' },
+        { name: 'enableCustomization', type: 'boolean', description: 'Habilita edição visual' }
+    ],
+    editableTargets: [
+        /**
+         * 'field' é o target genérico para operações de metadado (label, placeholder, etc.).
+         * Para distinguir schema-backed de local, use 'schemaBackedField' ou 'localField'.
+         */
+        { kind: 'field', resolver: 'field-by-name-or-label', description: 'Campos do formulário (metadados schema-backed ou local; use para ops de propriedade)' },
+        { kind: 'schemaBackedField', resolver: 'field-by-name-or-label', description: 'Campos com origem no schema do backend; não removíveis via authoring' },
+        { kind: 'localField', resolver: 'field-by-name', description: 'Campos locais com source:"local"; adicionados/removidos via authoring' },
+        { kind: 'section', resolver: 'section-by-id-or-title', description: 'Seções de layout identificadas por id estável' },
+        { kind: 'row', resolver: 'row-by-id-in-section', description: 'Linhas dentro de seções, identificadas por id estável' },
+        { kind: 'column', resolver: 'column-by-id-in-row', description: 'Colunas dentro de linhas, identificadas por id estável' },
+        /**
+         * 'layoutPlacement' representa a posição de um campo no layout (seção+linha+coluna).
+         * Usado conceitualmente por layout.field.move; declarado como target para futuras ops
+         * de reposicionamento granular (ex: layout.placement.swap).
+         */
+        { kind: 'layoutPlacement', resolver: 'layout-placement-by-field', description: 'Posicionamento de campo no layout; target para ops de reposicionamento' },
+        { kind: 'formAction', resolver: 'action-by-id-or-label', description: 'Ações da toolbar (submit, cancel, reset)' },
+        { kind: 'formRule', resolver: 'rule-by-id-or-name', description: 'Regras de visibilidade e validação' },
+        /**
+         * 'message' declara suporte a mensagens inline de formulário (info, warning, error).
+         * Declarado aqui para conformidade com o gate; ops de criação/remoção de messages
+         * serão adicionadas na próxima versão do manifesto.
+         */
+        { kind: 'message', resolver: 'message-by-id', description: 'Mensagens inline do formulário (info, warning, error); ops em desenvolvimento' }
+    ],
+    operations: [
+        // ─── FIELD PROPERTY OPERATIONS ───────────────────────────────────────────
+        {
+            operationId: 'field.label.set',
+            title: 'Alterar rótulo do campo',
+            scope: 'field',
+            targetKind: 'field',
+            target: { kind: 'field', resolver: 'field-by-name-or-label', ambiguityPolicy: 'fail', required: true },
+            inputSchema: {
+                type: 'object',
+                required: ['label'],
+                properties: { label: { type: 'string', minLength: 1 } }
+            },
+            effects: [{ kind: 'merge-by-key', path: 'fieldMetadata[]', key: 'name' }],
+            validators: ['field-exists'],
+            affectedPaths: ['fieldMetadata[].label'],
+            submissionImpact: false,
+            preconditions: ['config-initialized', 'target-exists']
+        },
+        {
+            operationId: 'field.placeholder.set',
+            title: 'Alterar placeholder do campo',
+            scope: 'field',
+            targetKind: 'field',
+            target: { kind: 'field', resolver: 'field-by-name-or-label', ambiguityPolicy: 'fail', required: true },
+            inputSchema: {
+                type: 'object',
+                required: ['placeholder'],
+                properties: { placeholder: { type: 'string' } }
+            },
+            effects: [{ kind: 'merge-by-key', path: 'fieldMetadata[]', key: 'name' }],
+            validators: ['field-exists'],
+            affectedPaths: ['fieldMetadata[].placeholder'],
+            submissionImpact: false,
+            preconditions: ['config-initialized', 'target-exists']
+        },
+        {
+            operationId: 'field.required.set',
+            title: 'Definir obrigatoriedade',
+            scope: 'field',
+            targetKind: 'field',
+            target: { kind: 'field', resolver: 'field-by-name-or-label', ambiguityPolicy: 'fail', required: true },
+            inputSchema: {
+                type: 'object',
+                required: ['required'],
+                properties: { required: { type: 'boolean' } }
+            },
+            effects: [{ kind: 'merge-by-key', path: 'fieldMetadata[]', key: 'name' }],
+            validators: ['field-exists'],
+            affectedPaths: ['fieldMetadata[].required'],
+            submissionImpact: false,
+            preconditions: ['config-initialized', 'target-exists']
+        },
+        {
+            operationId: 'field.readOnly.set',
+            title: 'Definir campo como somente leitura',
+            scope: 'field',
+            targetKind: 'field',
+            target: { kind: 'field', resolver: 'field-by-name-or-label', ambiguityPolicy: 'fail', required: true },
+            inputSchema: {
+                type: 'object',
+                required: ['readOnly'],
+                properties: { readOnly: { type: 'boolean' } }
+            },
+            effects: [{ kind: 'merge-by-key', path: 'fieldMetadata[]', key: 'name' }],
+            validators: ['field-exists'],
+            affectedPaths: ['fieldMetadata[].readOnly'],
+            submissionImpact: false,
+            preconditions: ['config-initialized', 'target-exists']
+        },
+        {
+            operationId: 'field.disabled.set',
+            title: 'Definir campo como desabilitado',
+            scope: 'field',
+            targetKind: 'field',
+            target: { kind: 'field', resolver: 'field-by-name-or-label', ambiguityPolicy: 'fail', required: true },
+            inputSchema: {
+                type: 'object',
+                required: ['disabled'],
+                properties: { disabled: { type: 'boolean' } }
+            },
+            effects: [{ kind: 'merge-by-key', path: 'fieldMetadata[]', key: 'name' }],
+            validators: ['field-exists'],
+            affectedPaths: ['fieldMetadata[].disabled'],
+            submissionImpact: false,
+            preconditions: ['config-initialized', 'target-exists']
+        },
+        {
+            operationId: 'field.hidden.set',
+            title: 'Definir visibilidade inicial',
+            scope: 'field',
+            targetKind: 'field',
+            target: { kind: 'field', resolver: 'field-by-name-or-label', ambiguityPolicy: 'fail', required: true },
+            inputSchema: {
+                type: 'object',
+                required: ['hidden'],
+                properties: { hidden: { type: 'boolean' } }
+            },
+            effects: [{ kind: 'merge-by-key', path: 'fieldMetadata[]', key: 'name' }],
+            validators: ['field-exists'],
+            affectedPaths: ['fieldMetadata[].hidden'],
+            submissionImpact: false,
+            preconditions: ['config-initialized', 'target-exists']
+        },
+        {
+            operationId: 'field.controlType.set',
+            title: 'Alterar tipo de controle',
+            scope: 'field',
+            targetKind: 'field',
+            target: { kind: 'field', resolver: 'field-by-name-or-label', ambiguityPolicy: 'fail', required: true },
+            inputSchema: {
+                type: 'object',
+                required: ['controlType'],
+                properties: { controlType: { type: 'string' } }
+            },
+            effects: [{ kind: 'merge-by-key', path: 'fieldMetadata[]', key: 'name' }],
+            destructive: true,
+            requiresConfirmation: true,
+            validators: ['field-exists', 'control-type-compatible'],
+            affectedPaths: ['fieldMetadata[].controlType'],
+            submissionImpact: false,
+            preconditions: ['config-initialized', 'target-exists']
+        },
+        {
+            operationId: 'field.optionSource.set',
+            title: 'Definir fonte de opções do campo',
+            scope: 'field',
+            targetKind: 'field',
+            target: { kind: 'field', resolver: 'field-by-name-or-label', ambiguityPolicy: 'fail', required: true },
+            inputSchema: {
+                type: 'object',
+                required: ['optionSource'],
+                properties: {
+                    optionSource: {
+                        type: 'object',
+                        required: ['type'],
+                        properties: {
+                            type: { enum: ['static', 'remote', 'context'] },
+                            items: { type: 'array', description: 'Opções estáticas (type: static)' },
+                            resourcePath: { type: 'string', description: 'URL da API (type: remote)' },
+                            contextKey: { type: 'string', description: 'Chave de contexto (type: context)' }
+                        },
+                        if: { properties: { type: { const: 'static' } } },
+                        then: { required: ['items'] },
+                        else: {
+                            if: { properties: { type: { const: 'remote' } } },
+                            then: { required: ['resourcePath'] },
+                            else: { required: ['contextKey'] }
+                        }
+                    }
+                }
+            },
+            effects: [{ kind: 'merge-by-key', path: 'fieldMetadata[]', key: 'name' }],
+            validators: ['field-exists', 'option-source-valid'],
+            affectedPaths: ['fieldMetadata[].optionSource'],
+            submissionImpact: false,
+            preconditions: ['config-initialized', 'target-exists']
+        },
+        // ─── LOCAL FIELD OPERATIONS ───────────────────────────────────────────────
+        {
+            operationId: 'field.local.add',
+            title: 'Adicionar campo local',
+            scope: 'global',
+            targetKind: 'localField',
+            target: { kind: 'localField', resolver: 'field-by-name', ambiguityPolicy: 'fail', required: false },
+            inputSchema: {
+                type: 'object',
+                required: ['name', 'label', 'controlType', 'source'],
+                properties: {
+                    name: { type: 'string' },
+                    label: { type: 'string' },
+                    controlType: { type: 'string' },
+                    /**
+                     * source:'local' é OBRIGATÓRIO e distingue campos locais de campos schema-backed.
+                     * O backend usa este discriminador para aplicar regras de ciclo de vida diferentes.
+                     */
+                    source: { const: 'local', description: 'Obrigatório. Discriminador que distingue campos locais de schema-backed.' },
+                    /**
+                     * transient:true significa que o valor não deve persistir entre navegações nem
+                     * ser incluído em snapshots. É independente de submitPolicy.
+                     */
+                    transient: { type: 'boolean', default: false, description: 'Se true, o valor não persiste entre navegações.' },
+                    /**
+                     * submitPolicy controla como o valor é tratado no payload de submissão.
+                     * VALORES VÁLIDOS: 'omit' | 'include' | 'includeWhenDirty'
+                     * NOTA: 'transient' NÃO é um valor válido aqui — use a propriedade transient:boolean acima.
+                     */
+                    submitPolicy: { enum: ['omit', 'include', 'includeWhenDirty'], default: 'omit' }
+                }
+            },
+            effects: [{ kind: 'append-unique', path: 'fieldMetadata[]', key: 'name' }],
+            validators: ['field-name-unique', 'local-schema-name-no-collision'],
+            affectedPaths: ['fieldMetadata[]'],
+            submissionImpact: true,
+            preconditions: ['config-initialized']
+        },
+        {
+            operationId: 'field.local.remove',
+            title: 'Remover campo local',
+            scope: 'field',
+            targetKind: 'localField',
+            target: { kind: 'localField', resolver: 'field-by-name', ambiguityPolicy: 'fail', required: true },
+            inputSchema: { type: 'object', properties: {} },
+            effects: [
+                { kind: 'remove-by-key', path: 'fieldMetadata[]', key: 'name' },
+                /**
+                 * Efeito cascata: remove a referência do campo de todos os slots de layout.
+                 * Sem isso, o layout mantém referências órfãs que causam erros de renderização.
+                 */
+                {
+                    kind: 'compile-domain-patch',
+                    handler: 'form-layout-field-cleanup',
+                    handlerContract: {
+                        reads: ['fieldMetadata[].name', 'sections[].rows[].columns[].fields'],
+                        writes: ['sections[].rows[].columns[].fields'],
+                        identityKeys: ['fieldMetadata[].name', 'sections[].id', 'sections[].rows[].id', 'sections[].rows[].columns[].id'],
+                        inputSchema: { type: 'object', required: ['target.name'], properties: { 'target.name': { type: 'string' } } },
+                        failureModes: ['target-field-not-found', 'target-field-not-local', 'layout-reference-conflict'],
+                        description: 'Remove every layout placement that references the removed local field by fieldMetadata[].name.'
+                    }
+                }
+            ],
+            destructive: true,
+            requiresConfirmation: true,
+            validators: ['field-exists', 'field-is-local'],
+            affectedPaths: ['fieldMetadata[]', 'sections[].rows[].columns[].fields'],
+            submissionImpact: true,
+            preconditions: ['config-initialized', 'target-exists']
+        },
+        {
+            operationId: 'field.submitPolicy.set',
+            title: 'Definir política de submissão do campo',
+            scope: 'field',
+            targetKind: 'localField',
+            target: { kind: 'localField', resolver: 'field-by-name', ambiguityPolicy: 'fail', required: true },
+            inputSchema: {
+                type: 'object',
+                required: ['submitPolicy'],
+                properties: {
+                    submitPolicy: { enum: ['omit', 'include', 'includeWhenDirty'] }
+                }
+            },
+            effects: [{ kind: 'merge-by-key', path: 'fieldMetadata[]', key: 'name' }],
+            validators: ['field-exists', 'field-is-local', 'editor-round-trip-preserve'],
+            affectedPaths: ['fieldMetadata[].submitPolicy'],
+            submissionImpact: true,
+            preconditions: ['config-initialized', 'target-exists']
+        },
+        // ─── LAYOUT OPERATIONS ────────────────────────────────────────────────────
+        {
+            operationId: 'layout.section.add',
+            title: 'Adicionar nova seção',
+            scope: 'global',
+            targetKind: 'section',
+            target: { kind: 'section', resolver: 'section-by-id-or-title', ambiguityPolicy: 'fail', required: false },
+            inputSchema: {
+                type: 'object',
+                required: ['id', 'title'],
+                properties: {
+                    id: { type: 'string' },
+                    title: { type: 'string' },
+                    icon: { type: 'string' },
+                    collapsible: { type: 'boolean' }
+                }
+            },
+            effects: [{ kind: 'append-unique', path: 'sections[]', key: 'id' }],
+            validators: ['section-id-unique'],
+            affectedPaths: ['sections[]'],
+            submissionImpact: false,
+            preconditions: ['config-initialized']
+        },
+        {
+            operationId: 'layout.section.remove',
+            title: 'Remover seção',
+            scope: 'section',
+            targetKind: 'section',
+            target: { kind: 'section', resolver: 'section-by-id-or-title', ambiguityPolicy: 'fail', required: true },
+            inputSchema: { type: 'object', properties: {} },
+            effects: [
+                { kind: 'remove-by-key', path: 'sections[]', key: 'id' },
+                /**
+                 * Cascata: remove todas as linhas, colunas e referências de campos da seção excluída.
+                 * Os registros em fieldMetadata NÃO são removidos — apenas as posições de layout.
+                 * O validator field-exists-in-layout sinalizará campos sem posição após esta operação.
+                 */
+                {
+                    kind: 'compile-domain-patch',
+                    handler: 'form-layout-section-cleanup',
+                    handlerContract: {
+                        reads: ['sections[].id', 'sections[].rows[].id', 'sections[].rows[].columns[].id', 'sections[].rows[].columns[].fields'],
+                        writes: ['sections[]'],
+                        identityKeys: ['sections[].id'],
+                        inputSchema: { type: 'object', required: ['target.id'], properties: { 'target.id': { type: 'string' } } },
+                        failureModes: ['target-section-not-found', 'ambiguous-section-target'],
+                        description: 'Removes the target section and its nested rows, columns, and field placements without deleting fieldMetadata records.'
+                    }
+                }
+            ],
+            destructive: true,
+            requiresConfirmation: true,
+            validators: ['section-exists'],
+            affectedPaths: ['sections[]', 'sections[].rows[]', 'sections[].rows[].columns[]', 'sections[].rows[].columns[].fields'],
+            submissionImpact: false,
+            preconditions: ['config-initialized', 'target-exists']
+        },
+        {
+            operationId: 'layout.row.add',
+            title: 'Adicionar linha numa seção',
+            scope: 'section',
+            targetKind: 'section',
+            target: { kind: 'section', resolver: 'section-by-id-or-title', ambiguityPolicy: 'fail', required: true },
+            inputSchema: {
+                type: 'object',
+                required: ['id'],
+                properties: {
+                    id: { type: 'string' },
+                    columns: { type: 'number', minimum: 1, maximum: 12, default: 1 }
+                }
+            },
+            effects: [{ kind: 'append-unique', path: 'sections[].rows[]', key: 'id' }],
+            validators: ['section-exists', 'row-id-unique-in-section'],
+            affectedPaths: ['sections[].rows[]'],
+            submissionImpact: false,
+            preconditions: ['config-initialized', 'target-exists']
+        },
+        {
+            operationId: 'layout.column.add',
+            title: 'Adicionar coluna numa linha',
+            scope: 'row',
+            targetKind: 'row',
+            target: { kind: 'row', resolver: 'row-by-id-in-section', ambiguityPolicy: 'fail', required: true },
+            inputSchema: {
+                type: 'object',
+                required: ['id'],
+                properties: {
+                    id: { type: 'string' },
+                    span: { type: 'number', minimum: 1, maximum: 12, default: 6 }
+                }
+            },
+            effects: [{ kind: 'append-unique', path: 'sections[].rows[].columns[]', key: 'id' }],
+            validators: ['row-exists', 'column-id-unique-in-row'],
+            affectedPaths: ['sections[].rows[].columns[]'],
+            submissionImpact: false,
+            preconditions: ['config-initialized', 'target-exists']
+        },
+        {
+            operationId: 'layout.field.move',
+            title: 'Mover campo no layout',
+            scope: 'field',
+            targetKind: 'field',
+            target: { kind: 'field', resolver: 'field-by-name-or-label', ambiguityPolicy: 'fail', required: true },
+            inputSchema: {
+                type: 'object',
+                required: ['targetSectionId', 'targetRowId', 'targetColumnId'],
+                properties: {
+                    targetSectionId: { type: 'string' },
+                    targetRowId: { type: 'string' },
+                    targetColumnId: { type: 'string' },
+                    index: { type: 'number' }
+                }
+            },
+            effects: [{
+                    kind: 'compile-domain-patch',
+                    handler: 'form-layout-reconciler',
+                    handlerContract: {
+                        reads: [
+                            'fieldMetadata[].name',
+                            'sections[].id',
+                            'sections[].rows[].id',
+                            'sections[].rows[].columns[].id',
+                            'sections[].rows[].columns[].fields'
+                        ],
+                        writes: ['sections[].rows[].columns[].fields'],
+                        identityKeys: ['fieldMetadata[].name', 'sections[].id', 'sections[].rows[].id', 'sections[].rows[].columns[].id'],
+                        inputSchema: {
+                            type: 'object',
+                            required: ['target.name', 'targetSectionId', 'targetRowId', 'targetColumnId'],
+                            properties: {
+                                'target.name': { type: 'string' },
+                                targetSectionId: { type: 'string' },
+                                targetRowId: { type: 'string' },
+                                targetColumnId: { type: 'string' },
+                                index: { type: 'number' }
+                            }
+                        },
+                        failureModes: ['target-field-not-found', 'target-layout-location-not-found', 'ambiguous-field-target', 'duplicate-field-placement'],
+                        description: 'Moves a field placement by stable section, row, column, and field ids; index is insertion position only.'
+                    }
+                }],
+            validators: ['field-exists', 'layout-target-exists', 'no-index-as-identity', 'field-exists-in-layout'],
+            affectedPaths: ['sections[].rows[].columns[].fields'],
+            submissionImpact: false,
+            preconditions: ['config-initialized', 'target-exists']
+        },
+        // ─── RULE OPERATIONS ──────────────────────────────────────────────────────
+        {
+            operationId: 'rule.visibility.add',
+            title: 'Adicionar regra de visibilidade',
+            scope: 'global',
+            targetKind: 'formRule',
+            target: { kind: 'formRule', resolver: 'rule-by-id-or-name', ambiguityPolicy: 'fail', required: false },
+            inputSchema: {
+                type: 'object',
+                required: ['id', 'type', 'targets', 'condition'],
+                properties: {
+                    id: { type: 'string' },
+                    name: { type: 'string' },
+                    /** Discriminador de tipo armazenado no item formRules[]; distingue regras de visibilidade das de validação. */
+                    type: { const: 'visibility', description: 'Discriminador de tipo da regra; obrigatório para distinção em formRules[]' },
+                    targetType: { enum: ['field', 'section', 'row', 'column', 'action'], default: 'field' },
+                    targets: { type: 'array', items: { type: 'string' }, minItems: 1 },
+                    condition: { type: 'object', description: 'JsonLogic AST' }
+                }
+            },
+            effects: [{ kind: 'append-unique', path: 'formRules[]', key: 'id' }],
+            validators: ['rule-id-unique', 'rule-target-refs-exist', 'json-logic-valid'],
+            affectedPaths: ['formRules[]'],
+            submissionImpact: false,
+            preconditions: ['config-initialized']
+        },
+        {
+            operationId: 'rule.validation.add',
+            title: 'Adicionar regra de validação',
+            scope: 'global',
+            targetKind: 'formRule',
+            target: { kind: 'formRule', resolver: 'rule-by-id-or-name', ambiguityPolicy: 'fail', required: false },
+            inputSchema: {
+                type: 'object',
+                required: ['id', 'type', 'targets', 'condition', 'message'],
+                properties: {
+                    id: { type: 'string' },
+                    name: { type: 'string' },
+                    /** Discriminador de tipo armazenado no item formRules[]; distingue regras de validação das de visibilidade. */
+                    type: { const: 'validation', description: 'Discriminador de tipo da regra; obrigatório para distinção em formRules[]' },
+                    /**
+                     * targetType espelha o campo equivalente de rule.visibility.add.
+                     * Regras de validação podem se aplicar a campos, seções ou ações da toolbar.
+                     */
+                    targetType: { enum: ['field', 'section', 'row', 'column', 'action'], default: 'field' },
+                    targets: { type: 'array', items: { type: 'string' }, minItems: 1 },
+                    condition: { type: 'object', description: 'JsonLogic AST; quando true, exibe mensagem de erro' },
+                    message: { type: 'string', description: 'Mensagem de erro a exibir ao usuário' },
+                    level: { enum: ['error', 'warning'], default: 'error' }
+                }
+            },
+            effects: [{ kind: 'append-unique', path: 'formRules[]', key: 'id' }],
+            validators: ['rule-id-unique', 'rule-target-refs-exist', 'json-logic-valid'],
+            affectedPaths: ['formRules[]'],
+            submissionImpact: false,
+            preconditions: ['config-initialized']
+        },
+        {
+            operationId: 'rule.remove',
+            title: 'Remover regra',
+            scope: 'rule',
+            targetKind: 'formRule',
+            target: { kind: 'formRule', resolver: 'rule-by-id-or-name', ambiguityPolicy: 'fail', required: true },
+            inputSchema: { type: 'object', properties: {} },
+            effects: [{ kind: 'remove-by-key', path: 'formRules[]', key: 'id' }],
+            destructive: true,
+            requiresConfirmation: true,
+            validators: ['rule-exists'],
+            affectedPaths: ['formRules[]'],
+            submissionImpact: false,
+            preconditions: ['config-initialized', 'target-exists']
+        },
+        // ─── ACTION OPERATIONS ────────────────────────────────────────────────────
+        {
+            operationId: 'action.submit.configure',
+            title: 'Configurar botão de envio',
+            scope: 'global',
+            targetKind: 'formAction',
+            target: { kind: 'formAction', resolver: 'action-by-id-or-label', ambiguityPolicy: 'fail', required: false },
+            inputSchema: {
+                type: 'object',
+                minProperties: 1,
+                properties: {
+                    label: { type: 'string' },
+                    icon: { type: 'string' },
+                    visible: { type: 'boolean' },
+                    color: { enum: ['primary', 'accent', 'warn', 'basic'] }
+                }
+            },
+            effects: [{ kind: 'merge-object', path: 'actions.submit' }],
+            validators: ['editor-round-trip-preserve'],
+            affectedPaths: ['actions.submit'],
+            submissionImpact: false,
+            preconditions: ['config-initialized']
+        },
+        {
+            operationId: 'action.cancel.configure',
+            title: 'Configurar botão de cancelar',
+            scope: 'global',
+            targetKind: 'formAction',
+            target: { kind: 'formAction', resolver: 'action-by-id-or-label', ambiguityPolicy: 'fail', required: false },
+            inputSchema: {
+                type: 'object',
+                minProperties: 1,
+                properties: {
+                    label: { type: 'string' },
+                    icon: { type: 'string' },
+                    visible: { type: 'boolean' },
+                    color: { enum: ['primary', 'accent', 'warn', 'basic'] },
+                    navigateTo: { type: 'string' }
+                }
+            },
+            effects: [{ kind: 'merge-object', path: 'actions.cancel' }],
+            validators: ['editor-round-trip-preserve'],
+            affectedPaths: ['actions.cancel'],
+            submissionImpact: false,
+            preconditions: ['config-initialized']
+        },
+        {
+            operationId: 'action.reset.configure',
+            title: 'Configurar botão de reset',
+            scope: 'global',
+            targetKind: 'formAction',
+            target: { kind: 'formAction', resolver: 'action-by-id-or-label', ambiguityPolicy: 'fail', required: false },
+            inputSchema: {
+                type: 'object',
+                minProperties: 1,
+                properties: {
+                    label: { type: 'string' },
+                    icon: { type: 'string' },
+                    visible: { type: 'boolean' },
+                    color: { enum: ['primary', 'accent', 'warn', 'basic'] },
+                    confirmBeforeReset: { type: 'boolean' }
+                }
+            },
+            effects: [{ kind: 'merge-object', path: 'actions.reset' }],
+            validators: ['editor-round-trip-preserve'],
+            affectedPaths: ['actions.reset'],
+            submissionImpact: false,
+            preconditions: ['config-initialized']
+        }
+    ],
+    validators: [
+        {
+            validatorId: 'field-exists',
+            level: 'error',
+            code: 'DF001',
+            description: 'O campo alvo deve existir em fieldMetadata.'
+        },
+        {
+            validatorId: 'field-name-unique',
+            level: 'error',
+            code: 'DF002',
+            description: 'Nomes de campos devem ser únicos em fieldMetadata.'
+        },
+        {
+            validatorId: 'section-id-unique',
+            level: 'error',
+            code: 'DF003',
+            description: 'IDs de seções devem ser únicos em sections[].'
+        },
+        {
+            validatorId: 'section-exists',
+            level: 'error',
+            code: 'DF004',
+            description: 'A seção alvo deve existir em sections[].'
+        },
+        {
+            validatorId: 'field-exists-in-layout',
+            level: 'warning',
+            code: 'DF005',
+            description: 'Campo definido em fieldMetadata mas ausente no layout.'
+        },
+        {
+            validatorId: 'local-schema-name-no-collision',
+            level: 'error',
+            code: 'DF006',
+            description: 'Nome de campo local não pode colidir com campo schema-backed existente.'
+        },
+        {
+            validatorId: 'field-is-local',
+            level: 'error',
+            code: 'DF007',
+            description: 'Operação restrita a campos locais (source:"local"). Campo schema-backed não pode ser removido ou ter submitPolicy alterada.'
+        },
+        {
+            validatorId: 'rule-id-unique',
+            level: 'error',
+            code: 'DF008',
+            description: 'IDs de regras devem ser únicos em formRules[].'
+        },
+        {
+            validatorId: 'rule-exists',
+            level: 'error',
+            code: 'DF009',
+            description: 'A regra alvo deve existir em formRules[].'
+        },
+        {
+            validatorId: 'rule-target-refs-exist',
+            level: 'error',
+            code: 'DF010',
+            description: 'Todos os targets da regra devem referenciar campos, seções ou ações existentes.'
+        },
+        {
+            validatorId: 'json-logic-valid',
+            level: 'error',
+            code: 'DF011',
+            description: 'A expressão JsonLogic deve ser um AST válido (suporte canônico à spec JsonLogic).'
+        },
+        {
+            validatorId: 'layout-target-exists',
+            level: 'error',
+            code: 'DF012',
+            description: 'A seção/linha/coluna de destino devem existir antes de mover o campo.'
+        },
+        {
+            validatorId: 'no-index-as-identity',
+            level: 'error',
+            code: 'DF013',
+            description: 'Operações de layout não devem usar índice de array como identidade canônica; use IDs estáveis.'
+        },
+        {
+            validatorId: 'row-exists',
+            level: 'error',
+            code: 'DF014',
+            description: 'A linha alvo deve existir na seção especificada.'
+        },
+        {
+            validatorId: 'row-id-unique-in-section',
+            level: 'error',
+            code: 'DF015',
+            description: 'O id da nova linha deve ser único dentro da seção alvo.'
+        },
+        {
+            validatorId: 'column-id-unique-in-row',
+            level: 'error',
+            code: 'DF016',
+            description: 'O id da nova coluna deve ser único dentro da linha alvo.'
+        },
+        {
+            validatorId: 'control-type-compatible',
+            level: 'error',
+            code: 'DF017',
+            description: 'O tipo de controle deve ser compatível com o tipo de dado do campo.'
+        },
+        {
+            validatorId: 'option-source-valid',
+            level: 'error',
+            code: 'DF018',
+            description: 'A fonte de opções deve ser válida para o tipo de controle especificado.'
+        },
+        {
+            validatorId: 'editor-round-trip-preserve',
+            level: 'error',
+            code: 'DF019',
+            description: 'Edição não deve corromper propriedades críticas para o round-trip do editor. Aplicado após operações que afetam submitPolicy ou source de campos locais.'
+        }
+    ],
+    roundTripRequirements: [
+        'strip-undefined',
+        'normalize-json-logic',
+        'stable-field-order',
+        'preserve-local-field-source',
+        'preserve-section-row-column-ids'
+    ],
+    examples: [
+        {
+            id: 'add-local-transient-field',
+            request: 'Adicionar campo auxiliar local "notasInternas" que não deve aparecer no payload de envio',
+            operationId: 'field.local.add',
+            params: {
+                name: 'notasInternas',
+                label: 'Notas Internas',
+                controlType: 'textarea',
+                source: 'local',
+                transient: true,
+                submitPolicy: 'omit'
+            },
+            isPositive: true
+        },
+        {
+            id: 'relabel-schema-backed-field',
+            request: 'Mudar o label do campo email para "E-mail Corporativo"',
+            operationId: 'field.label.set',
+            target: 'email',
+            params: { label: 'E-mail Corporativo' },
+            isPositive: true
+        },
+        {
+            id: 'move-field-to-column',
+            request: 'Mover campo telefone para a primeira coluna da seção de contato',
+            operationId: 'layout.field.move',
+            target: 'telefone',
+            params: { targetSectionId: 'secao-contato', targetRowId: 'row-1', targetColumnId: 'col-1' },
+            isPositive: true
+        },
+        {
+            id: 'add-visibility-rule',
+            request: 'Ocultar o campo cpf quando o tipo de pessoa for jurídica',
+            operationId: 'rule.visibility.add',
+            params: {
+                id: 'ocultar-cpf-pj',
+                name: 'Ocultar CPF para PJ',
+                targetType: 'field',
+                targets: ['cpf'],
+                condition: { '==': [{ var: 'tipoPessoa' }, 'juridica'] }
+            },
+            isPositive: true
+        },
+        {
+            id: 'reject-unknown-field',
+            request: 'Alterar o label do campo "campoInexistente"',
+            operationId: 'field.label.set',
+            target: 'campoInexistente',
+            params: { label: 'Novo Label' },
+            isPositive: false
+        },
+        {
+            id: 'require-confirmation-remove-field',
+            request: 'Remover o campo auxiliar "notasInternas"',
+            operationId: 'field.local.remove',
+            target: 'notasInternas',
+            isPositive: true
+        },
+        {
+            id: 'require-confirmation-remove-section',
+            request: 'Remover a seção "Dados Adicionais"',
+            operationId: 'layout.section.remove',
+            target: 'secao-dados-adicionais',
+            isPositive: true
+        },
+        {
+            id: 'round-trip-no-drift',
+            request: 'Salvar e reabrir o formulário editado sem drift de configuração',
+            operationId: 'field.label.set',
+            target: 'nome',
+            params: { label: 'Nome Completo' },
+            isPositive: true
+        }
+    ]
+};
+
 /*
  * Public API Surface of praxis-dynamic-form
  */
@@ -23522,4 +24830,4 @@ const FORM_COMPONENT_AI_CAPABILITIES = {
  * Generated bundle index. Do not edit.
  */
 
-export { ActionsEditorComponent, CanvasStateService, CanvasToolbarComponent, ColumnEditorComponent, DynamicFormLayoutService, FORM_AI_CAPABILITIES, FORM_COMPONENT_AI_CAPABILITIES, FieldConfiguratorComponent, FieldEditorComponent, FormConfigService, FormContextService, FormLayoutService, JsonConfigEditorComponent, LayoutColorToken, LayoutEditorComponent, LayoutPrefsService, PRAXIS_DYNAMIC_FORM_COMPONENT_METADATA, PRAXIS_FILTER_FORM_COMPONENT_METADATA, PraxisDynamicForm, PraxisDynamicFormConfigEditor, PraxisFilterForm, PraxisFormActionsComponent, RowConfiguratorComponent, RowEditorComponent, SETTINGS_PANEL_DYNAMIC_FORM_PROVIDER, SectionEditorComponent, TASK_PRESETS, applyVisibilityRules, buildDynamicFormApplyPlan, createDynamicFormAuthoringDocument, formLayoutRulesToBuilderState, getFormAiCatalog, getFormCapabilities, getFormEnum, isRuleSatisfied, normalizeDateArrays, normalizeDynamicFormAuthoringDocument, parseLegacyOrDynamicFormDocument, providePraxisDynamicFormMetadata, providePraxisFilterFormMetadata, provideSettingsPanelDynamicForm, ruleBuilderStateToFormLayoutRules, serializeDynamicFormAuthoringDocument, stripLegacyFieldMetadata, toCanonicalDynamicFormConfig, validateDynamicFormAuthoringDocument, validateDynamicFormAuthoringInput };
+export { ActionsEditorComponent, CanvasStateService, CanvasToolbarComponent, ColumnEditorComponent, DynamicFormLayoutService, FORM_AI_CAPABILITIES, FORM_COMPONENT_AI_CAPABILITIES, FieldConfiguratorComponent, FieldEditorComponent, FormConfigService, FormContextService, FormLayoutService, JsonConfigEditorComponent, LayoutColorToken, LayoutEditorComponent, LayoutPrefsService, PRAXIS_DYNAMIC_FORM_AUTHORING_MANIFEST, PRAXIS_DYNAMIC_FORM_COMPONENT_METADATA, PRAXIS_FILTER_FORM_COMPONENT_METADATA, PraxisDynamicForm, PraxisDynamicFormConfigEditor, PraxisFilterForm, PraxisFormActionsComponent, RowConfiguratorComponent, RowEditorComponent, SETTINGS_PANEL_DYNAMIC_FORM_PROVIDER, SectionEditorComponent, TASK_PRESETS, applyVisibilityRules, buildDynamicFormApplyPlan, createDynamicFormAuthoringDocument, formLayoutRulesToBuilderState, getFormAiCatalog, getFormCapabilities, getFormEnum, isRuleSatisfied, normalizeDateArrays, normalizeDynamicFormAuthoringDocument, parseLegacyOrDynamicFormDocument, providePraxisDynamicFormMetadata, providePraxisFilterFormMetadata, provideSettingsPanelDynamicForm, ruleBuilderStateToFormLayoutRules, serializeDynamicFormAuthoringDocument, stripLegacyFieldMetadata, toCanonicalDynamicFormConfig, validateDynamicFormAuthoringDocument, validateDynamicFormAuthoringInput };