@praxisui/dynamic-form 1.0.0-beta.61 → 1.0.0-beta.62

package/fesm2022/praxisui-dynamic-form.mjs

@@ -22,7 +22,7 @@ import { MatBadgeModule } from '@angular/material/badge';
 import { firstValueFrom, BehaviorSubject, Subject, debounceTime as debounceTime$1, takeUntil as takeUntil$1 } from 'rxjs';
 import { take, takeUntil, debounceTime, finalize, map } from 'rxjs/operators';
 import * as i1$2 from '@praxisui/core';
-import { PraxisIconDirective, RULE_PROPERTY_SCHEMA, FIELD_METADATA_CAPABILITIES, deepMerge, ASYNC_CONFIG_STORAGE, migrateFormLayoutRule, ensureIds, LoggerService, createCorporateLoggerConfig, ConsoleLoggerSink, ResourceQuickConnectComponent, normalizeFormConfig as normalizeFormConfig$1, mapFieldDefinitionsToMetadata, syncWithServerMetadata, PRAXIS_LOADING_CTX, normalizeControlTypeKey, resolveSpan, resolveOffset, resolveOrder, resolveHidden, buildSchemaId, fetchWithETag, resolveControlTypeAlias, getTextTransformer, MemoryCacheAdapter, LocalStorageCacheAdapter, SchemaMetadataClient, CONNECTION_STORAGE, PRAXIS_LOADING_RENDERER, FORM_HOOKS_PRESETS, DynamicWidgetLoaderDirective, EmptyStateCardComponent, createDefaultFormConfig, isValidFormConfig, ComponentMetadataRegistry, FieldControlType, GLOBAL_ACTION_CATALOG, getGlobalActionCatalog, GLOBAL_ACTION_SPEC_CATALOG, getGlobalActionUiSchema } from '@praxisui/core';
+import { PraxisIconDirective, RULE_PROPERTY_SCHEMA, FIELD_METADATA_CAPABILITIES, deepMerge, createDefaultFormConfig, normalizeFormConfig as normalizeFormConfig$1, ensureIds, ASYNC_CONFIG_STORAGE, migrateFormLayoutRule, LoggerService, createCorporateLoggerConfig, ConsoleLoggerSink, ResourceQuickConnectComponent, mapFieldDefinitionsToMetadata, syncWithServerMetadata, PRAXIS_LOADING_CTX, normalizeControlTypeKey, resolveSpan, resolveOffset, resolveOrder, resolveHidden, buildSchemaId, fetchWithETag, resolveControlTypeAlias, getTextTransformer, MemoryCacheAdapter, LocalStorageCacheAdapter, SchemaMetadataClient, CONNECTION_STORAGE, PRAXIS_LOADING_RENDERER, FORM_HOOKS_PRESETS, DynamicWidgetLoaderDirective, EmptyStateCardComponent, isValidFormConfig, ComponentMetadataRegistry, FieldControlType, GLOBAL_ACTION_CATALOG, GLOBAL_ACTION_SPEC_CATALOG, getGlobalActionCatalog, PRAXIS_GLOBAL_ACTION_CATALOG, getGlobalActionUiSchema } from '@praxisui/core';
 import * as i1 from '@praxisui/dynamic-fields';
 import { getControlTypeCatalog, ConfirmDialogComponent, DynamicFieldLoaderDirective } from '@praxisui/dynamic-fields';
 import { BaseAiAdapter, PraxisAiAssistantComponent } from '@praxisui/ai';
@@ -1023,6 +1023,21 @@ const FORM_AI_CAPABILITIES = {
             valueKind: 'number',
             description: 'Espaçamento vertical (em px) abaixo da descrição da seção.',
         },
+        {
+            path: 'sections[].appearance',
+            category: 'appearance',
+            valueKind: 'enum',
+            allowedValues: ['card', 'plain', 'step'],
+            description: 'Preset visual do container/cabeçalho da seção.',
+            intentExamples: ['deixar a seção como step', 'remover card da seção'],
+        },
+        {
+            path: 'sections[].stepLabel',
+            category: 'content',
+            valueKind: 'string',
+            description: 'Rótulo curto do passo exibido antes do título da seção.',
+            intentExamples: ['mostrar etapa 2', 'exibir badge numérico na seção'],
+        },
         {
             path: 'sections[].titleStyle',
             category: 'appearance',
@@ -2394,6 +2409,8 @@ const TASK_PRESETS = {
         'sections[].gapBottom',
         'sections[].titleGapBottom',
         'sections[].descriptionGapBottom',
+        'sections[].appearance',
+        'sections[].stepLabel',
         'sections[].titleStyle',
         'sections[].descriptionStyle',
         'sections[].titleColor',
@@ -2797,6 +2814,463 @@ class FormAiAdapter extends BaseAiAdapter {
     }
 }
 
+/**
+ * Deep clone and normalize a form configuration ensuring required collections
+ * are always present to avoid unintended mutations.
+ */
+function normalizeFormConfig(config) {
+    const cloned = config ? structuredClone(config) : createDefaultFormConfig();
+    // Apply canonical normalization from @praxisui/core first (aliases → canônico)
+    const canonical = normalizeFormConfig$1(cloned);
+    const withCollections = ensureIds({
+        ...createDefaultFormConfig(),
+        ...canonical,
+        sections: canonical.sections ?? [],
+        fieldMetadata: canonical.fieldMetadata ?? [],
+        formBlocksBefore: canonical.formBlocksBefore ?? [],
+        formBlocksBeforeActions: canonical.formBlocksBeforeActions ?? [],
+        formBlocksBeforeActionsPlacement: canonical.formBlocksBeforeActionsPlacement ?? 'afterSections',
+        formBlocksAfter: canonical.formBlocksAfter ?? [],
+    });
+    return applyDefaultSpans(withCollections);
+}
+/**
+ * Apply default grid spans when not provided by the config.
+ * Rule: for each row, if none of its columns declares span.md,
+ * distribute equally across 12 columns on md+; keep xs/sm stacked (12).
+ */
+function applyDefaultSpans(config) {
+    const next = structuredClone(config);
+    for (const section of next.sections || []) {
+        for (const row of section.rows || []) {
+            const cols = row.columns || [];
+            if (!cols.length)
+                continue;
+            const hasAnyMdSpan = cols.some((c) => c.span?.md != null);
+            if (hasAnyMdSpan)
+                continue;
+            const per = Math.max(1, Math.floor(12 / cols.length));
+            for (const col of cols) {
+                const span = col.span || {};
+                span.xs = 12;
+                span.sm = 12;
+                span.md = per;
+                span.lg = span.lg ?? per;
+                span.xl = span.xl ?? per;
+                col.span = span;
+            }
+        }
+    }
+    return next;
+}
+
+const DOCUMENT_KIND = 'praxis.dynamic-form.editor';
+const DOCUMENT_VERSION = 1;
+const VALID_MODES = ['create', 'edit', 'view'];
+const VALID_NOTIFY_VALUES = ['inline', 'snackbar', 'both', 'none'];
+const VALID_LABEL_POSITIONS = ['above', 'left'];
+const VALID_DENSITIES = ['comfortable', 'cozy', 'compact'];
+const VALID_ALIGNMENTS = ['start', 'center', 'end'];
+function createDynamicFormAuthoringDocument(source) {
+    return normalizeDynamicFormAuthoringDocument({
+        kind: DOCUMENT_KIND,
+        version: DOCUMENT_VERSION,
+        config: asFormConfig(source?.config),
+        bindings: source?.bindings,
+        contextSnapshot: source?.contextSnapshot,
+    });
+}
+function parseLegacyOrDynamicFormDocument(raw) {
+    const obj = asRecord(raw);
+    if (obj.kind === DOCUMENT_KIND && obj.version === DOCUMENT_VERSION) {
+        return normalizeDynamicFormAuthoringDocument({
+            kind: DOCUMENT_KIND,
+            version: DOCUMENT_VERSION,
+            config: asFormConfig(obj.config),
+            bindings: obj.bindings,
+            contextSnapshot: obj.contextSnapshot,
+        });
+    }
+    if (looksLikeLegacyEditorPayload(obj)) {
+        return createDynamicFormAuthoringDocument({
+            config: extractLegacyFormConfig(obj),
+            bindings: {
+                mode: normalizeMode(obj.inputsPatch?.mode),
+            },
+            contextSnapshot: {
+                backConfig: normalizeBackConfig(obj.backConfig),
+                presentation: normalizePresentation(obj.presentation),
+                schemaPrefs: normalizeSchemaPrefs(obj.schemaPrefs),
+            },
+        });
+    }
+    return createDynamicFormAuthoringDocument({
+        config: raw,
+    });
+}
+function normalizeDynamicFormAuthoringDocument(doc) {
+    const normalizedConfig = normalizeDynamicFormConfig(doc?.config);
+    return {
+        kind: DOCUMENT_KIND,
+        version: DOCUMENT_VERSION,
+        config: normalizedConfig,
+        bindings: normalizeBindings(doc?.bindings),
+        contextSnapshot: normalizeContextSnapshot(doc?.contextSnapshot),
+    };
+}
+function validateDynamicFormAuthoringDocument(doc, context) {
+    return validateDynamicFormAuthoringInput(doc, context);
+}
+function validateDynamicFormAuthoringInput(raw, context) {
+    const diagnostics = [];
+    const obj = asRecord(raw);
+    const rawConfig = asRecord(obj.config);
+    const rawBindings = asRecord(obj.bindings);
+    const rawContextSnapshot = asRecord(obj.contextSnapshot);
+    if (Object.prototype.hasOwnProperty.call(obj, 'kind') &&
+        obj.kind !== DOCUMENT_KIND) {
+        diagnostics.push(errorDiagnostic('dynamicForm.document.kind.invalid', `kind must be ${DOCUMENT_KIND}`, 'kind'));
+    }
+    if (Object.prototype.hasOwnProperty.call(obj, 'version') &&
+        obj.version !== DOCUMENT_VERSION) {
+        diagnostics.push(errorDiagnostic('dynamicForm.document.version.invalid', `version must be ${DOCUMENT_VERSION}`, 'version'));
+    }
+    if (!Array.isArray(rawConfig.sections)) {
+        diagnostics.push(errorDiagnostic('dynamicForm.config.sections.invalid', 'config.sections must be an array', 'config.sections'));
+    }
+    if (!Array.isArray(rawConfig.fieldMetadata)) {
+        diagnostics.push(errorDiagnostic('dynamicForm.config.fieldMetadata.invalid', 'config.fieldMetadata must be an array', 'config.fieldMetadata'));
+    }
+    if (Object.prototype.hasOwnProperty.call(rawBindings, 'mode') &&
+        rawBindings.mode != null &&
+        !VALID_MODES.includes(rawBindings.mode)) {
+        diagnostics.push(errorDiagnostic('dynamicForm.bindings.mode.invalid', 'bindings.mode must be create, edit or view', 'bindings.mode'));
+    }
+    const rawSchemaPrefs = asRecord(rawContextSnapshot.schemaPrefs);
+    if (Object.prototype.hasOwnProperty.call(rawSchemaPrefs, 'notifyIfOutdated') &&
+        rawSchemaPrefs.notifyIfOutdated != null &&
+        !VALID_NOTIFY_VALUES.includes(rawSchemaPrefs.notifyIfOutdated)) {
+        diagnostics.push(errorDiagnostic('dynamicForm.contextSnapshot.schemaPrefs.notifyIfOutdated.invalid', 'schemaPrefs.notifyIfOutdated must be inline, snackbar, both or none', 'contextSnapshot.schemaPrefs.notifyIfOutdated'));
+    }
+    if (Object.prototype.hasOwnProperty.call(rawSchemaPrefs, 'snoozeMs') &&
+        rawSchemaPrefs.snoozeMs != null &&
+        (!Number.isFinite(rawSchemaPrefs.snoozeMs) || rawSchemaPrefs.snoozeMs < 0)) {
+        diagnostics.push(errorDiagnostic('dynamicForm.contextSnapshot.schemaPrefs.snoozeMs.invalid', 'schemaPrefs.snoozeMs must be a non-negative number', 'contextSnapshot.schemaPrefs.snoozeMs'));
+    }
+    const rawPresentation = asRecord(rawContextSnapshot.presentation);
+    if (Object.prototype.hasOwnProperty.call(rawPresentation, 'labelPosition') &&
+        rawPresentation.labelPosition != null &&
+        !VALID_LABEL_POSITIONS.includes(rawPresentation.labelPosition)) {
+        diagnostics.push(errorDiagnostic('dynamicForm.contextSnapshot.presentation.labelPosition.invalid', 'presentation.labelPosition must be above or left', 'contextSnapshot.presentation.labelPosition'));
+    }
+    if (Object.prototype.hasOwnProperty.call(rawPresentation, 'density') &&
+        rawPresentation.density != null &&
+        !VALID_DENSITIES.includes(rawPresentation.density)) {
+        diagnostics.push(errorDiagnostic('dynamicForm.contextSnapshot.presentation.density.invalid', 'presentation.density must be comfortable, cozy or compact', 'contextSnapshot.presentation.density'));
+    }
+    ['labelAlign', 'valueAlign'].forEach((key) => {
+        const value = rawPresentation[key];
+        if (Object.prototype.hasOwnProperty.call(rawPresentation, key) &&
+            value != null &&
+            !VALID_ALIGNMENTS.includes(value)) {
+            diagnostics.push(errorDiagnostic(`dynamicForm.contextSnapshot.presentation.${key}.invalid`, `presentation.${key} must be start, center or end`, `contextSnapshot.presentation.${key}`));
+        }
+    });
+    [
+        'labelFontSize',
+        'valueFontSize',
+        'labelWidth',
+    ].forEach((key) => {
+        const value = rawPresentation[key];
+        if (Object.prototype.hasOwnProperty.call(rawPresentation, key) &&
+            value != null &&
+            (!Number.isFinite(value) || value < 0)) {
+            diagnostics.push(errorDiagnostic(`dynamicForm.contextSnapshot.presentation.${key}.invalid`, `presentation.${key} must be a non-negative number or null`, `contextSnapshot.presentation.${key}`));
+        }
+    });
+    const normalized = normalizeDynamicFormAuthoringDocument(parseLegacyOrDynamicFormDocument(raw));
+    validateNormalizedDynamicFormAuthoringDocument(normalized, diagnostics, context);
+    return dedupeDiagnostics(diagnostics);
+}
+function validateNormalizedDynamicFormAuthoringDocument(normalized, diagnostics, context) {
+    if (context?.server?.schemaHash) {
+        const configHash = trimString(normalized.config?.metadata?.serverHash);
+        if (!configHash) {
+            diagnostics.push(infoDiagnostic('dynamicForm.config.metadata.serverHash.snapshot-missing', 'No persisted schema snapshot is available for reconciliation with the current server schema hash', 'config.metadata.serverHash'));
+        }
+        else if (configHash !== context.server.schemaHash) {
+            diagnostics.push(warnDiagnostic('dynamicForm.config.metadata.serverHash.diverges-from-server', 'config.metadata.serverHash snapshot diverges from current server schema hash', 'config.metadata.serverHash'));
+        }
+    }
+}
+function toCanonicalDynamicFormConfig(doc, _context) {
+    const normalized = normalizeDynamicFormAuthoringDocument(doc);
+    const canonical = cloneJson(normalized.config);
+    delete canonical.presentation;
+    return stripUndefinedDeep(canonical);
+}
+function buildDynamicFormApplyPlan(doc, runtime, options) {
+    const normalized = normalizeDynamicFormAuthoringDocument(doc);
+    const diagnostics = validateDynamicFormAuthoringInput(doc, {
+        server: {
+            schemaHash: runtime?.server?.schemaHash,
+        },
+    });
+    const bindingsPatch = normalizeBindings(normalized.bindings);
+    const contextSnapshot = normalizeContextSnapshot(normalized.contextSnapshot);
+    const diff = {
+        modeChanged: normalizeMode(runtime?.currentBindings?.mode) !==
+            normalizeMode(bindingsPatch?.mode),
+        presentationChanged: !deepEqual(runtime?.currentContextSnapshot?.presentation, contextSnapshot?.presentation),
+        schemaPrefsChanged: !deepEqual(runtime?.currentContextSnapshot?.schemaPrefs, contextSnapshot?.schemaPrefs),
+        backConfigChanged: !deepEqual(runtime?.currentContextSnapshot?.backConfig, contextSnapshot?.backConfig),
+    };
+    return {
+        canonicalConfig: toCanonicalDynamicFormConfig(normalized, {
+            mode: bindingsPatch?.mode,
+        }),
+        bindingsPatch,
+        contextSnapshot,
+        persistence: {
+            saveConfig: options?.saveConfig === true,
+            saveBindings: options?.saveBindings === true,
+            saveContextSnapshot: options?.saveContextSnapshot === true,
+        },
+        runtime: {
+            rebindMode: diff.modeChanged ||
+                (options?.replaceContext === true &&
+                    !bindingsPatch?.mode &&
+                    !!runtime?.currentBindings?.mode),
+            clearMode: options?.replaceContext === true &&
+                !bindingsPatch?.mode &&
+                !!runtime?.currentBindings?.mode,
+            rebuildForm: true,
+            refreshPresentation: !!contextSnapshot?.presentation,
+            clearPresentation: options?.replaceContext === true &&
+                !contextSnapshot?.presentation &&
+                !!runtime?.currentContextSnapshot?.presentation,
+            refreshSchemaState: !!contextSnapshot?.schemaPrefs,
+            clearSchemaState: options?.replaceContext === true &&
+                !contextSnapshot?.schemaPrefs &&
+                !!runtime?.currentContextSnapshot?.schemaPrefs,
+            refreshBackNavigation: !!contextSnapshot?.backConfig,
+            clearBackNavigation: options?.replaceContext === true &&
+                !contextSnapshot?.backConfig &&
+                !!runtime?.currentContextSnapshot?.backConfig,
+        },
+        metadata: {
+            attachSchemaSnapshot: options?.attachSchemaSnapshot === true,
+        },
+        diff,
+        diagnostics,
+    };
+}
+function dedupeDiagnostics(diagnostics) {
+    const seen = new Set();
+    return diagnostics.filter((diagnostic) => {
+        const key = `${diagnostic.level}|${diagnostic.code}|${diagnostic.path || ''}`;
+        if (seen.has(key)) {
+            return false;
+        }
+        seen.add(key);
+        return true;
+    });
+}
+function serializeDynamicFormAuthoringDocument(doc) {
+    const normalized = normalizeDynamicFormAuthoringDocument(doc);
+    return stripUndefinedDeep({
+        kind: DOCUMENT_KIND,
+        version: DOCUMENT_VERSION,
+        config: normalized.config,
+        bindings: normalized.bindings,
+        contextSnapshot: normalized.contextSnapshot,
+    });
+}
+function normalizeDynamicFormConfig(config) {
+    const normalized = normalizeFormConfig(asFormConfig(config));
+    const next = cloneJson(normalized);
+    next.fieldMetadata = stripLegacyFieldMetadata$1(next.fieldMetadata);
+    delete next.presentation;
+    if (Array.isArray(next.formRules) &&
+        next.formRules.length === 0) {
+        delete next.formRules;
+    }
+    if (isEmptyRuleBuilderState$1(next.formRulesState)) {
+        delete next.formRulesState;
+    }
+    return next;
+}
+function normalizeBindings(bindings) {
+    if (!bindings || typeof bindings !== 'object')
+        return undefined;
+    return stripUndefinedShallow({
+        mode: normalizeMode(bindings.mode),
+    });
+}
+function normalizeContextSnapshot(snapshot) {
+    if (!snapshot || typeof snapshot !== 'object')
+        return undefined;
+    return stripUndefinedShallow({
+        backConfig: normalizeBackConfig(snapshot.backConfig),
+        presentation: normalizePresentation(snapshot.presentation),
+        schemaPrefs: normalizeSchemaPrefs(snapshot.schemaPrefs),
+    });
+}
+function normalizeBackConfig(value) {
+    if (!value || typeof value !== 'object')
+        return undefined;
+    return stripUndefinedDeep(cloneJson(value));
+}
+function normalizePresentation(value) {
+    if (!value || typeof value !== 'object')
+        return undefined;
+    return stripUndefinedShallow({
+        labelPosition: value.labelPosition === 'left' ? 'left' : value.labelPosition === 'above' ? 'above' : undefined,
+        labelFontSize: normalizeNullableNumber(value.labelFontSize),
+        valueFontSize: normalizeNullableNumber(value.valueFontSize),
+        compact: normalizeBoolean(value.compact),
+        density: value.density === 'comfortable' ||
+            value.density === 'cozy' ||
+            value.density === 'compact'
+            ? value.density
+            : undefined,
+        labelWidth: normalizeNullableNumber(value.labelWidth),
+        labelAlign: normalizeAlignment(value.labelAlign),
+        valueAlign: normalizeAlignment(value.valueAlign),
+    });
+}
+function normalizeSchemaPrefs(value) {
+    if (!value || typeof value !== 'object')
+        return undefined;
+    return stripUndefinedShallow({
+        notifyIfOutdated: value.notifyIfOutdated === 'inline' ||
+            value.notifyIfOutdated === 'snackbar' ||
+            value.notifyIfOutdated === 'both' ||
+            value.notifyIfOutdated === 'none'
+            ? value.notifyIfOutdated
+            : undefined,
+        snoozeMs: normalizeNonNegativeNumber(value.snoozeMs),
+        autoOpenSettingsOnOutdated: normalizeBoolean(value.autoOpenSettingsOnOutdated),
+    });
+}
+function looksLikeLegacyEditorPayload(obj) {
+    return (Object.prototype.hasOwnProperty.call(obj, 'formConfig') ||
+        Object.prototype.hasOwnProperty.call(obj, 'inputsPatch') ||
+        Object.prototype.hasOwnProperty.call(obj, 'backConfig') ||
+        Object.prototype.hasOwnProperty.call(obj, 'presentation') ||
+        Object.prototype.hasOwnProperty.call(obj, 'schemaPrefs'));
+}
+function extractLegacyFormConfig(obj) {
+    if (obj.formConfig && typeof obj.formConfig === 'object') {
+        return asFormConfig(obj.formConfig);
+    }
+    if (obj.config && typeof obj.config === 'object') {
+        return asFormConfig(obj.config);
+    }
+    return asFormConfig(obj);
+}
+function asFormConfig(raw) {
+    if (!raw || typeof raw !== 'object') {
+        return { sections: [], fieldMetadata: [] };
+    }
+    return raw;
+}
+function asRecord(value) {
+    return value && typeof value === 'object'
+        ? value
+        : {};
+}
+function normalizeMode(value) {
+    return value === 'create' || value === 'edit' || value === 'view'
+        ? value
+        : undefined;
+}
+function normalizeNullableNumber(value) {
+    if (value === null)
+        return null;
+    if (value === '')
+        return null;
+    return typeof value === 'number' && Number.isFinite(value) ? value : undefined;
+}
+function normalizeNonNegativeNumber(value) {
+    return typeof value === 'number' && Number.isFinite(value) && value >= 0
+        ? value
+        : undefined;
+}
+function normalizeBoolean(value) {
+    return typeof value === 'boolean' ? value : undefined;
+}
+function normalizeAlignment(value) {
+    return value === 'start' || value === 'center' || value === 'end'
+        ? value
+        : undefined;
+}
+function stripLegacyFieldMetadata$1(arr) {
+    if (!Array.isArray(arr))
+        return arr;
+    return arr.map((item) => {
+        const copy = { ...(item || {}) };
+        delete copy.endpoint;
+        return copy;
+    });
+}
+function isEmptyRuleBuilderState$1(state) {
+    try {
+        const nodesEmpty = !state?.nodes || Object.keys(state.nodes).length === 0;
+        const rootsEmpty = !state?.rootNodes || state.rootNodes.length === 0;
+        return nodesEmpty && rootsEmpty;
+    }
+    catch {
+        return false;
+    }
+}
+function errorDiagnostic(code, message, path) {
+    return { level: 'error', code, message, path };
+}
+function warnDiagnostic(code, message, path) {
+    return { level: 'warning', code, message, path };
+}
+function infoDiagnostic(code, message, path) {
+    return { level: 'info', code, message, path };
+}
+function cloneJson(value) {
+    return value == null ? value : JSON.parse(JSON.stringify(value));
+}
+function trimString(value) {
+    if (typeof value !== 'string')
+        return undefined;
+    const trimmed = value.trim();
+    return trimmed ? trimmed : undefined;
+}
+function stripUndefinedShallow(value) {
+    const entries = Object.entries(value).filter(([, item]) => item !== undefined);
+    if (!entries.length)
+        return undefined;
+    return Object.fromEntries(entries);
+}
+function stripUndefinedDeep(value) {
+    if (Array.isArray(value)) {
+        return value
+            .map((item) => stripUndefinedDeep(item))
+            .filter((item) => item !== undefined);
+    }
+    if (!value || typeof value !== 'object') {
+        return value;
+    }
+    const result = {};
+    Object.entries(value).forEach(([key, item]) => {
+        const normalized = stripUndefinedDeep(item);
+        if (normalized !== undefined) {
+            result[key] = normalized;
+        }
+    });
+    return result;
+}
+function deepEqual(left, right) {
+    return JSON.stringify(stripUndefinedDeep(cloneJson(left))) ===
+        JSON.stringify(stripUndefinedDeep(cloneJson(right)));
+}
+
 class FormLayoutService {
     storage;
     constructor(storage) {
@@ -4308,6 +4782,9 @@ class PraxisDynamicForm {
     get formBlocksBeforeActions() {
         return Array.isArray(this.config?.formBlocksBeforeActions) ? this.config.formBlocksBeforeActions : [];
     }
+    get beforeActionsPlacement() {
+        return (this.config?.formBlocksBeforeActionsPlacement || 'afterSections');
+    }
     get actionPlacement() {
         return (this.config.actions?.placement || 'afterSections');
     }
@@ -4902,17 +5379,23 @@ class PraxisDynamicForm {
             }
         }
         if (changes['config'] || changes['presentationModeGlobal']) {
+            let shouldRebuildFromExternalConfig = false;
             if (changes['config']?.currentValue) {
                 this.config = normalizeFormConfig$1(changes['config'].currentValue);
                 this.logRowGapsSnapshot('config@input');
-                // When a config is provided directly without resourcePath, build immediately.
-                if (!this.resourcePath && (this.config?.sections?.length ?? 0) > 0) {
-                    this.buildFormFromConfig();
-                    this.isInitialized = true;
-                    this.initializationStatus = 'success';
+                const hasRenderableConfig = (this.config?.sections?.length ?? 0) > 0
+                    || (this.config?.fieldMetadata?.length ?? 0) > 0;
+                if (hasRenderableConfig) {
+                    // External config updates must rebuild even when a resourcePath exists.
+                    shouldRebuildFromExternalConfig = !this.isLoading;
                 }
             }
             this.applyPresentationVars();
+            if (shouldRebuildFromExternalConfig) {
+                this.buildFormFromConfig();
+                this.isInitialized = true;
+                this.initializationStatus = 'success';
+            }
             // On external config changes, if we have base and resourcePath configured, verify in background
             if (this.resourcePath && (this.config?.sections?.length ?? 0) > 0 && this.formId) {
                 this.verifyServerSchemaVersion().catch(() => { });
@@ -5526,6 +6009,14 @@ class PraxisDynamicForm {
         const props = this.getSectionRuleProps(section);
         return props.description !== undefined ? props.description : section.description;
     }
+    getSectionAppearance(section) {
+        const props = this.getSectionRuleProps(section);
+        return props.appearance ?? section.appearance;
+    }
+    getSectionStepLabel(section) {
+        const props = this.getSectionRuleProps(section);
+        return props.stepLabel ?? section.stepLabel;
+    }
     getSectionTitleColor(section) {
         const props = this.getSectionRuleProps(section);
         return props.titleColor !== undefined ? props.titleColor : section.titleColor;
@@ -5606,6 +6097,9 @@ class PraxisDynamicForm {
     }
     getSectionClasses(section) {
         const classes = [];
+        const appearance = this.getSectionAppearance(section);
+        if (appearance)
+            classes.push(`section-appearance-${appearance}`);
         const baseClass = section.className;
         if (baseClass)
             classes.push(baseClass);
@@ -6169,6 +6663,11 @@ class PraxisDynamicForm {
     }
     async openConfigEditor() {
         const initialConfig = normalizeFormConfig$1(this.config);
+        const initialDocument = createDynamicFormAuthoringDocument({
+            config: initialConfig,
+            bindings: { mode: this.mode },
+            contextSnapshot: this.captureCurrentContextSnapshot(),
+        });
         const { PraxisDynamicFormConfigEditor } = await Promise.resolve().then(function () { return index; });
         const ref = this.settingsPanel.open({
             id: `form.${this.formId}`,
@@ -6177,68 +6676,28 @@ class PraxisDynamicForm {
             content: {
                 component: PraxisDynamicFormConfigEditor,
                 inputs: {
-                    formConfig: initialConfig,
-                    backConfig: this.backConfig,
+                    document: initialDocument,
                     formId: this.formId,
                     componentKeyId: this.componentKeyId(),
-                    mode: this.mode,
+                    presentationMode: this.presentationModeGlobal === true,
                 },
             },
         });
-        ref.applied$.pipe(takeUntil(this.destroy$)).subscribe(async (cfg) => {
+        ref.applied$.pipe(takeUntil(this.destroy$)).subscribe((cfg) => {
             try {
                 this.debugLog('[PDF] settingsPanel.applied$', { hasCfg: !!cfg });
             }
             catch { }
             if (cfg) {
-                const persistMode = this.resolveModeKey(this.mode);
-                const formCfg = cfg.formConfig || cfg;
-                const backCfg = cfg.backConfig;
-                const presCfg = cfg.presentation;
-                const inputsPatch = cfg.inputsPatch;
-                const schemaPrefs = cfg.schemaPrefs;
-                this.config = normalizeFormConfig$1(formCfg);
-                if (backCfg) {
-                    const backKey = this.crudBackKey();
-                    if (backKey) {
-                        this.asyncConfigStorage.saveConfig(backKey, backCfg).subscribe();
-                        this.backConfig = backCfg;
-                    }
-                }
-                if (presCfg) {
-                    const presKey = this.formPresKey(persistMode);
-                    if (presKey) {
-                        this.asyncConfigStorage.saveConfig(presKey, presCfg).subscribe();
-                    }
-                    // Aplicar imediatamente as preferências de apresentação no formulário
-                    this.applyPresentationVars();
-                }
-                if (schemaPrefs) {
-                    const prefsKey = this.getPrefsKey();
-                    if (prefsKey) {
-                        this.asyncConfigStorage.saveConfig(prefsKey, schemaPrefs).subscribe();
-                        this.resolveSchemaPrefs();
-                    }
-                }
-                if (inputsPatch && typeof inputsPatch === 'object') {
-                    if (typeof inputsPatch.mode === 'string') {
-                        const mv = inputsPatch.mode;
-                        if (mv === 'create' || mv === 'edit' || mv === 'view') {
-                            this.mode = mv;
-                            const inputsKey = this.formInputsKey();
-                            if (inputsKey) {
-                                const prev = await firstValueFrom(this.asyncConfigStorage.loadConfig(inputsKey)).catch(() => ({}));
-                                this.asyncConfigStorage.saveConfig(inputsKey, { ...prev, mode: mv }).subscribe();
-                            }
-                        }
-                    }
-                }
-                this.configChange.emit(this.config);
-                this.buildFormFromConfig();
-                const patchMode = typeof inputsPatch?.mode === 'string' ? inputsPatch.mode : undefined;
-                if (patchMode && patchMode !== persistMode) {
-                    this.reloadForModeChange();
-                }
+                const doc = parseLegacyOrDynamicFormDocument(cfg);
+                const plan = buildDynamicFormApplyPlan(doc, this.buildDynamicFormEditorRuntimeContext(), {
+                    saveConfig: false,
+                    saveBindings: true,
+                    saveContextSnapshot: true,
+                    attachSchemaSnapshot: true,
+                    replaceContext: true,
+                });
+                this.executeDynamicFormEditorApplyPlan(plan, 'settings-applied');
             }
         });
         // Handle reset from Settings Panel: clear persisted config so globals/user defaults apply
@@ -6247,70 +6706,23 @@ class PraxisDynamicForm {
                 this.debugLog('[PDF] settingsPanel.reset$');
             }
             catch { }
-            try {
-                const key = this.formConfigKey();
-                if (key)
-                    this.asyncConfigStorage.clearConfig(key).subscribe();
-            }
-            catch { }
+            this.clearDynamicFormEditorPersistence();
         });
-        ref.saved$.pipe(takeUntil(this.destroy$)).subscribe(async (cfg) => {
+        ref.saved$.pipe(takeUntil(this.destroy$)).subscribe((cfg) => {
             try {
                 this.debugLog('[PDF] settingsPanel.saved$', { hasCfg: !!cfg });
             }
             catch { }
             if (cfg) {
-                const persistMode = this.resolveModeKey(this.mode);
-                const formCfg = cfg.formConfig || cfg;
-                const backCfg = cfg.backConfig;
-                const presCfg = cfg.presentation;
-                const inputsPatch = cfg.inputsPatch;
-                const schemaPrefs = cfg.schemaPrefs;
-                this.config = normalizeFormConfig$1(formCfg);
-                // Persist using canonical key
-                const key = this.formConfigKey(persistMode);
-                this.persistFormConfig(key, this.config);
-                if (backCfg) {
-                    const backKey = this.crudBackKey();
-                    if (backKey) {
-                        this.asyncConfigStorage.saveConfig(backKey, backCfg).subscribe();
-                        this.backConfig = backCfg;
-                    }
-                }
-                if (presCfg) {
-                    const presKey = this.formPresKey(persistMode);
-                    if (presKey) {
-                        this.asyncConfigStorage.saveConfig(presKey, presCfg).subscribe();
-                    }
-                    // Aplicar imediatamente as preferências de apresentação no formulário
-                    this.applyPresentationVars();
-                }
-                if (schemaPrefs) {
-                    const prefsKey = this.getPrefsKey();
-                    if (prefsKey) {
-                        this.asyncConfigStorage.saveConfig(prefsKey, schemaPrefs).subscribe();
-                        this.resolveSchemaPrefs();
-                    }
-                }
-                if (inputsPatch && typeof inputsPatch === 'object') {
-                    if (typeof inputsPatch.mode === 'string') {
-                        const mv = inputsPatch.mode;
-                        if (mv === 'create' || mv === 'edit' || mv === 'view') {
-                            this.mode = mv;
-                            const inputsKey = this.formInputsKey();
-                            if (inputsKey) {
-                                const prev = await firstValueFrom(this.asyncConfigStorage.loadConfig(inputsKey)).catch(() => ({}));
-                                this.asyncConfigStorage.saveConfig(inputsKey, { ...prev, mode: mv }).subscribe();
-                            }
-                        }
-                    }
-                }
-                this.configChange.emit(this.config);
-                this.buildFormFromConfig();
-                const patchMode = typeof inputsPatch?.mode === 'string' ? inputsPatch.mode : undefined;
-                if (patchMode && patchMode !== persistMode) {
-                    this.reloadForModeChange();
-                }
+                const doc = parseLegacyOrDynamicFormDocument(cfg);
+                const plan = buildDynamicFormApplyPlan(doc, this.buildDynamicFormEditorRuntimeContext(), {
+                    saveConfig: true,
+                    saveBindings: true,
+                    saveContextSnapshot: true,
+                    attachSchemaSnapshot: true,
+                    replaceContext: true,
+                });
+                this.executeDynamicFormEditorApplyPlan(plan, 'settings-saved');
             }
         });
         ref.reset$.pipe(takeUntil(this.destroy$)).subscribe(() => {
@@ -6318,9 +6730,14 @@ class PraxisDynamicForm {
                 this.debugLog('[PDF] settingsPanel.reset$ (second handler)');
             }
             catch { }
-            this.config = initialConfig;
-            this.configChange.emit(this.config);
-            this.buildFormFromConfig();
+            const resetPlan = buildDynamicFormApplyPlan(initialDocument, this.buildDynamicFormEditorRuntimeContext(), {
+                saveConfig: false,
+                saveBindings: false,
+                saveContextSnapshot: false,
+                attachSchemaSnapshot: true,
+                replaceContext: true,
+            });
+            this.executeDynamicFormEditorApplyPlan(resetPlan, 'settings-reset');
         });
     }
     // --- Canvas Interaction Methods ---
@@ -6824,6 +7241,7 @@ class PraxisDynamicForm {
             name: fieldMeta.name,
             label: fieldMeta.label,
             placeholder: fieldMeta.placeholder,
+            description: fieldMeta.description,
             hint: fieldMeta.hint,
             // Canonical constraints only (no legacy)
             required: fieldMeta.required,
@@ -7188,6 +7606,87 @@ class PraxisDynamicForm {
                 seed.layout = fmAny.layout;
             if (fmAny.labelPosition !== undefined)
                 seed.labelPosition = fmAny.labelPosition;
+            if (fmAny.selectionMode !== undefined)
+                seed.selectionMode = fmAny.selectionMode;
+            if (fmAny.variant !== undefined)
+                seed.variant = fmAny.variant;
+            if (fmAny.density !== undefined)
+                seed.density = fmAny.density;
+        }
+        // CHECKBOX
+        if (ctU === 'CHECKBOX') {
+            const fmAny = fieldMeta;
+            const src = fmAny.checkboxOptions || fmAny.options;
+            if (src) {
+                try {
+                    seed.options = JSON.stringify(src, null, 2);
+                }
+                catch {
+                    seed.options = src;
+                }
+                try {
+                    this.debugLog('[PDF][EditorSeed] options prepared (CHECKBOX)', {
+                        fieldName,
+                        controlType,
+                        valueType: typeof src,
+                        countOrLength: Array.isArray(src) ? src.length : (typeof src === 'string' ? src.length : undefined),
+                    });
+                }
+                catch { }
+            }
+            if (fmAny.optionLabelKey !== undefined)
+                seed.optionLabelKey = fmAny.optionLabelKey;
+            if (fmAny.optionValueKey !== undefined)
+                seed.optionValueKey = fmAny.optionValueKey;
+            if (fmAny.resourcePath !== undefined || fmAny.endpoint !== undefined) {
+                seed.resourcePath = fmAny.resourcePath ?? fmAny.endpoint;
+            }
+            if (fmAny.filterCriteria !== undefined) {
+                try {
+                    seed.filterCriteria = JSON.stringify(fmAny.filterCriteria, null, 2);
+                }
+                catch {
+                    seed.filterCriteria = fmAny.filterCriteria;
+                }
+            }
+            if (fmAny.searchable !== undefined)
+                seed.searchable = fmAny.searchable;
+            if (fmAny.selectAll !== undefined)
+                seed.selectAll = fmAny.selectAll;
+            if (fmAny.maxSelections !== undefined)
+                seed.maxSelections = fmAny.maxSelections;
+            if (fmAny.layout !== undefined)
+                seed.layout = fmAny.layout;
+            if (fmAny.labelPosition !== undefined)
+                seed.labelPosition = fmAny.labelPosition;
+            if (fmAny.color !== undefined)
+                seed.color = fmAny.color;
+            if (fmAny.indeterminate !== undefined)
+                seed.indeterminate = !!fmAny.indeterminate;
+            if (fmAny.selectionMode !== undefined)
+                seed.selectionMode = fmAny.selectionMode;
+            if (fmAny.variant !== undefined)
+                seed.variant = fmAny.variant;
+            if (fmAny.density !== undefined)
+                seed.density = fmAny.density;
+            if (fmAny.requiredChecked !== undefined)
+                seed.requiredChecked = !!fmAny.requiredChecked;
+            else if (fmAny.validators?.requiredChecked !== undefined)
+                seed.requiredChecked = !!fmAny.validators.requiredChecked;
+            if (fmAny.links !== undefined) {
+                try {
+                    seed.links = JSON.stringify(fmAny.links, null, 2);
+                }
+                catch {
+                    seed.links = fmAny.links;
+                }
+            }
+            if (fmAny.linkText !== undefined)
+                seed.linkText = fmAny.linkText;
+            if (fmAny.linkUrl !== undefined)
+                seed.linkUrl = fmAny.linkUrl;
+            if (fmAny.linkTarget !== undefined)
+                seed.linkTarget = fmAny.linkTarget;
         }
         // BUTTON_TOGGLE
         if (ctU === 'BUTTON_TOGGLE') {
@@ -8238,6 +8737,12 @@ class PraxisDynamicForm {
                     const norm = normalizeOptions(patch.options) ?? [];
                     fm.checkboxOptions = norm;
                 }
+                if (patch.selectionMode !== undefined)
+                    fm.selectionMode = patch.selectionMode;
+                if (patch.variant !== undefined)
+                    fm.variant = patch.variant;
+                if (patch.density !== undefined)
+                    fm.density = patch.density;
                 if (patch.layout !== undefined)
                     fm.layout = patch.layout;
                 if (patch.labelPosition !== undefined)
@@ -8246,6 +8751,24 @@ class PraxisDynamicForm {
                     fm.color = patch.color;
                 if (patch.indeterminate !== undefined)
                     fm.indeterminate = !!patch.indeterminate;
+                if (patch.requiredChecked !== undefined) {
+                    fm.requiredChecked = !!patch.requiredChecked;
+                    fm.validators = { ...(fm.validators || {}), requiredChecked: !!patch.requiredChecked };
+                }
+                if (patch.links !== undefined) {
+                    const links = patch.links;
+                    if (typeof links === 'string') {
+                        try {
+                            fm.links = JSON.parse(links);
+                        }
+                        catch {
+                            fm.links = links;
+                        }
+                    }
+                    else {
+                        fm.links = links;
+                    }
+                }
                 if (patch.linkText !== undefined)
                     fm.linkText = patch.linkText;
                 if (patch.linkUrl !== undefined)
@@ -8253,6 +8776,20 @@ class PraxisDynamicForm {
                 if (patch.linkTarget !== undefined)
                     fm.linkTarget = patch.linkTarget;
             }
+            if (fctApply === 'RADIO') {
+                if (patch.selectionMode !== undefined)
+                    fm.selectionMode = patch.selectionMode;
+                if (patch.variant !== undefined)
+                    fm.variant = patch.variant;
+                if (patch.density !== undefined)
+                    fm.density = patch.density;
+                if (patch.layout !== undefined)
+                    fm.layout = patch.layout;
+                if (patch.labelPosition !== undefined)
+                    fm.labelPosition = patch.labelPosition;
+                if (patch.color !== undefined)
+                    fm.color = patch.color;
+            }
             // TOGGLE
             if (fctApply === 'TOGGLE') {
                 if (patch.color !== undefined)
@@ -9243,41 +9780,272 @@ class PraxisDynamicForm {
         // 5. Trigger change detection to be safe.
         this.cdr.detectChanges();
     }
-    ngOnDestroy() {
-        this.destroy$.next();
-        this.destroy$.complete();
-        this.schemaCache = null;
-        this.isInitialized = false;
-        if (this.mountAnimationTimer) {
-            clearTimeout(this.mountAnimationTimer);
-            this.mountAnimationTimer = null;
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+        this.schemaCache = null;
+        this.isInitialized = false;
+        if (this.mountAnimationTimer) {
+            clearTimeout(this.mountAnimationTimer);
+            this.mountAnimationTimer = null;
+        }
+    }
+    // TrackBy functions for performance optimization
+    trackBySection(index, section) {
+        return section.id;
+    }
+    trackByRow(index, row) {
+        return row.id;
+    }
+    trackByColumn(index, column) {
+        return column.id;
+    }
+    applyConfigFromAdapter(nextConfig) {
+        const raw = nextConfig;
+        const isCanonicalDocument = !!raw &&
+            typeof raw === 'object' &&
+            raw.kind === 'praxis.dynamic-form.editor';
+        const isLegacyEditorPayload = !!raw &&
+            typeof raw === 'object' &&
+            (Object.prototype.hasOwnProperty.call(raw, 'formConfig') ||
+                Object.prototype.hasOwnProperty.call(raw, 'inputsPatch') ||
+                Object.prototype.hasOwnProperty.call(raw, 'backConfig') ||
+                Object.prototype.hasOwnProperty.call(raw, 'presentation') ||
+                Object.prototype.hasOwnProperty.call(raw, 'schemaPrefs'));
+        const doc = isCanonicalDocument || isLegacyEditorPayload
+            ? parseLegacyOrDynamicFormDocument(nextConfig)
+            : createDynamicFormAuthoringDocument({
+                config: nextConfig,
+                bindings: { mode: this.mode },
+                contextSnapshot: this.captureCurrentContextSnapshot(),
+            });
+        const plan = buildDynamicFormApplyPlan(doc, this.buildDynamicFormEditorRuntimeContext(), {
+            saveConfig: false,
+            saveBindings: false,
+            saveContextSnapshot: false,
+            attachSchemaSnapshot: true,
+            replaceContext: isCanonicalDocument,
+        });
+        this.executeDynamicFormEditorApplyPlan(plan, 'adapter-apply');
+    }
+    buildDynamicFormEditorRuntimeContext() {
+        return {
+            currentBindings: {
+                mode: this.mode,
+            },
+            currentContextSnapshot: this.captureCurrentContextSnapshot(),
+            server: {
+                schemaHash: this.lastSchemaMeta?.serverHash ||
+                    this.schemaState.meta?.serverHash ||
+                    this.config?.metadata?.serverHash,
+            },
+        };
+    }
+    captureCurrentContextSnapshot() {
+        return {
+            backConfig: this.backConfig ? structuredClone(this.backConfig) : undefined,
+            presentation: this.captureCurrentPresentationSnapshot(),
+            schemaPrefs: this.captureCurrentSchemaPrefsSnapshot(),
+        };
+    }
+    captureCurrentPresentationSnapshot() {
+        return {
+            labelPosition: this.presentationVars.labelPosition,
+            labelFontSize: this.parsePresentationCssNumber(this.presentationVars.labelSize),
+            valueFontSize: this.parsePresentationCssNumber(this.presentationVars.valueSize),
+            compact: this.presentationVars.compact,
+            density: this.presentationVars.density,
+            labelWidth: this.parsePresentationCssNumber(this.presentationVars.labelWidth),
+            labelAlign: this.presentationVars.labelAlign,
+            valueAlign: this.presentationVars.valueAlign,
+        };
+    }
+    captureCurrentSchemaPrefsSnapshot() {
+        return {
+            notifyIfOutdated: this.notifyIfOutdated,
+            snoozeMs: this.snoozeMs,
+            autoOpenSettingsOnOutdated: this.autoOpenSettingsOnOutdated,
+        };
+    }
+    executeDynamicFormEditorApplyPlan(plan, trigger) {
+        if (plan.diagnostics.some((item) => item.level === 'error')) {
+            this.warnLog('[PraxisDynamicForm] Editor document validation failed', {
+                diagnostics: plan.diagnostics,
+            });
+            return;
+        }
+        const nextMode = plan.bindingsPatch?.mode;
+        const previousMode = this.mode;
+        const targetMode = nextMode || (plan.runtime?.clearMode ? 'create' : undefined);
+        if (targetMode) {
+            this.mode = targetMode;
+            if (plan.persistence?.saveBindings) {
+                const inputsKey = this.formInputsKey();
+                if (inputsKey) {
+                    if (plan.runtime?.clearMode) {
+                        this.asyncConfigStorage.clearConfig(inputsKey).subscribe();
+                    }
+                    else {
+                        this.asyncConfigStorage
+                            .loadConfig(inputsKey)
+                            .pipe(take(1))
+                            .subscribe((prev) => {
+                            this.asyncConfigStorage
+                                .saveConfig(inputsKey, { ...(prev || {}), mode: targetMode })
+                                .subscribe();
+                        });
+                    }
+                }
+            }
+        }
+        const contextSnapshot = plan.contextSnapshot;
+        if (plan.runtime?.refreshBackNavigation && contextSnapshot?.backConfig) {
+            this.backConfig = contextSnapshot.backConfig;
+            if (plan.persistence?.saveContextSnapshot) {
+                const backKey = this.crudBackKey();
+                if (backKey) {
+                    this.asyncConfigStorage
+                        .saveConfig(backKey, contextSnapshot.backConfig)
+                        .subscribe();
+                }
+            }
+        }
+        else if (plan.runtime?.clearBackNavigation) {
+            this.backConfig = undefined;
+            if (plan.persistence?.saveContextSnapshot) {
+                const backKey = this.crudBackKey();
+                if (backKey) {
+                    this.asyncConfigStorage.clearConfig(backKey).subscribe();
+                }
+            }
+        }
+        if (plan.runtime?.refreshPresentation && contextSnapshot?.presentation) {
+            if (plan.persistence?.saveContextSnapshot) {
+                const presKey = this.formPresKey(this.resolveModeKey(targetMode || previousMode));
+                if (presKey) {
+                    this.asyncConfigStorage
+                        .saveConfig(presKey, contextSnapshot.presentation)
+                        .subscribe();
+                }
+            }
+            this.applyPresentationConfig(contextSnapshot.presentation);
+        }
+        else if (plan.runtime?.clearPresentation) {
+            if (plan.persistence?.saveContextSnapshot) {
+                this.clearStoredPresentationSnapshots();
+            }
+            this.resetPresentationVarsToDefaults();
+        }
+        if (plan.runtime?.refreshSchemaState && contextSnapshot?.schemaPrefs) {
+            this.notifyIfOutdated = contextSnapshot.schemaPrefs.notifyIfOutdated || 'both';
+            this.snoozeMs = contextSnapshot.schemaPrefs.snoozeMs ?? this.snoozeMs;
+            this.autoOpenSettingsOnOutdated =
+                contextSnapshot.schemaPrefs.autoOpenSettingsOnOutdated === true;
+            if (plan.persistence?.saveContextSnapshot) {
+                const prefsKey = this.getPrefsKey();
+                if (prefsKey) {
+                    this.asyncConfigStorage
+                        .saveConfig(prefsKey, contextSnapshot.schemaPrefs)
+                        .subscribe();
+                }
+            }
+            void this.resolveSchemaPrefs();
+        }
+        else if (plan.runtime?.clearSchemaState) {
+            this.resetSchemaPrefsToDefaults();
+            if (plan.persistence?.saveContextSnapshot) {
+                const prefsKey = this.getPrefsKey();
+                if (prefsKey) {
+                    this.asyncConfigStorage.clearConfig(prefsKey).subscribe();
+                }
+            }
+        }
+        const nextConfig = this.attachRuntimeMetadataToDynamicFormConfig(plan.canonicalConfig, plan.metadata?.attachSchemaSnapshot === true);
+        this.config = normalizeFormConfig$1(nextConfig);
+        if (plan.persistence?.saveConfig) {
+            const key = this.formConfigKey(this.resolveModeKey(targetMode || this.mode));
+            this.persistFormConfig(key, this.config);
+        }
+        this.configChange.emit(this.config);
+        if (plan.runtime?.rebuildForm) {
+            this.buildFormFromConfig();
+        }
+        if (plan.runtime?.rebindMode && targetMode && targetMode !== previousMode) {
+            this.reloadForModeChange();
+        }
+        this.cdr.detectChanges();
+        try {
+            this.debugLog('[PDF] executeDynamicFormEditorApplyPlan()', { trigger, plan });
+        }
+        catch { }
+    }
+    attachRuntimeMetadataToDynamicFormConfig(cfg, attachSchemaSnapshot) {
+        if (!attachSchemaSnapshot) {
+            return cfg;
         }
+        const next = structuredClone(cfg);
+        const schemaHash = this.lastSchemaMeta?.serverHash || this.schemaState.meta?.serverHash;
+        if (!schemaHash) {
+            return next;
+        }
+        next.metadata = {
+            ...(next.metadata || {}),
+            serverHash: schemaHash,
+        };
+        return next;
     }
-    // TrackBy functions for performance optimization
-    trackBySection(index, section) {
-        return section.id;
+    parsePresentationCssNumber(value) {
+        if (!value)
+            return null;
+        const parsed = Number.parseFloat(value);
+        return Number.isFinite(parsed) ? parsed : null;
     }
-    trackByRow(index, row) {
-        return row.id;
+    clearDynamicFormEditorPersistence(modes) {
+        const inputsKey = this.formInputsKey();
+        if (inputsKey) {
+            this.asyncConfigStorage.clearConfig(inputsKey).subscribe();
+        }
+        const prefsKey = this.getPrefsKey();
+        if (prefsKey) {
+            this.asyncConfigStorage.clearConfig(prefsKey).subscribe();
+        }
+        const backKey = this.crudBackKey();
+        if (backKey) {
+            this.asyncConfigStorage.clearConfig(backKey).subscribe();
+        }
+        const scopedModes = Array.from(new Set((modes && modes.length ? modes : ['create', 'edit', 'view']).map((mode) => this.resolveModeKey(mode))));
+        this.clearStoredPresentationSnapshots(scopedModes);
+        scopedModes.forEach((mode) => {
+            const key = this.formConfigKey(mode);
+            if (key) {
+                this.asyncConfigStorage.clearConfig(key).subscribe();
+            }
+        });
     }
-    trackByColumn(index, column) {
-        return column.id;
+    clearStoredPresentationSnapshots(modes = ['create', 'edit', 'view']) {
+        modes.forEach((mode) => {
+            const presKey = this.formPresKey(mode);
+            if (presKey) {
+                this.asyncConfigStorage.clearConfig(presKey).subscribe();
+            }
+        });
     }
-    /** Apply configuration updates coming from external adapters (e.g., AI) in a controlled way. */
-    applyConfigFromAdapter(nextConfig) {
-        const prev = this.config;
-        const change = {
-            config: {
-                previousValue: prev,
-                currentValue: nextConfig,
-                firstChange: false,
-                isFirstChange: () => false,
-            },
+    resetPresentationVarsToDefaults() {
+        this.presentationVars = {
+            labelPosition: 'above',
+            labelSize: '0.78rem',
+            valueSize: '1rem',
+            compact: false,
+            density: 'comfortable',
+            labelWidth: '140px',
+            labelAlign: 'start',
+            valueAlign: 'start',
         };
-        this.ngOnChanges(change);
-        this.configChange.emit(this.config);
-        this.buildFormFromConfig();
-        this.cdr.detectChanges();
+    }
+    resetSchemaPrefsToDefaults() {
+        this.notifyIfOutdated = 'both';
+        this.snoozeMs = 24 * 60 * 60 * 1000;
+        this.autoOpenSettingsOnOutdated = false;
     }
     // Public method for template access
     retryInitialization() {
@@ -9566,7 +10334,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: i1$3.FormBuilder }, { token: i0.ChangeDetectorRef }, { token: FormLayoutService }, { token: FormContextService }, { token: FormRulesService }, { token: i6$1.SettingsPanelService }, { token: i2.MatDialog }, { token: ASYNC_CONFIG_STORAGE }, { token: CONNECTION_STORAGE }, { token: i1$2.DynamicFormService }, { token: i8.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: PRAXIS_LOADING_RENDERER, optional: true }, { token: i11.Router, optional: true }, { token: i11.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", editorialContext: "editorialContext", mode: "mode", config: "config", schemaSource: "schemaSource", editModeEnabled: "editModeEnabled", 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", editModeEnabledChange: "editModeEnabledChange", customAction: "customAction", actionConfirmation: "actionConfirmation", schemaStatusChange: "schemaStatusChange", fieldRenderError: "fieldRenderError", widgetEvent: "widgetEvent" }, 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 in edit mode) -->\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 && editModeEnabled) {\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]=\"editModeEnabled\"\n  [class.presentation-mode]=\"effectivePresentation\" [class.readonly-mode]=\"effectiveReadonly\"\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=\"editModeEnabled && selectedElement\" [selectedElement]=\"selectedElement\"\n    [style.transform]=\"toolbarTransform\"></praxis-canvas-toolbar>\n\n  @if (formBlocksBefore.length) {\n    <section class=\"form-editorial-blocks form-editorial-blocks-before\" data-editorial-placement=\"before\">\n      @for (block of formBlocksBefore; track (block.id ?? $index)) {\n        <ng-container\n          [dynamicWidgetLoader]=\"block\"\n          [context]=\"getEditorialWidgetContext()\"\n          [strictValidation]=\"true\"\n          [autoWireOutputs]=\"true\"\n          (widgetEvent)=\"onEditorialWidgetEvent('before', $event)\">\n        </ng-container>\n      }\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]=\"form.valid\" [submitError]=\"submitError\" [formId]=\"formId\" [actionOverrides]=\"actionRuleProps\"\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        [style.marginBottom.px]=\"!last ? getSectionGapBottom(section) : null\" [ngClass]=\"getSectionClasses(section)\"\n        [ngStyle]=\"getSectionStyles(section)\">\n      <div class=\"section-heading\">\n        <div class=\"section-heading-text\" [matTooltip]=\"getSectionHeaderTooltip(section) || null\"\n          [matTooltipDisabled]=\"!getSectionHeaderTooltip(section)\">\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            @if (getSectionIcon(section)) {\n            <mat-icon class=\"section-title-icon\" aria-hidden=\"true\" [praxisIcon]=\"getSectionIcon(section)\"></mat-icon>\n            }\n            {{ getSectionTitle(section) }}\n            @if (editModeEnabled) {\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 (editModeEnabled) {\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 (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                  [readonlyMode]=\"readonlyModeGlobal === null ? null : readonlyModeGlobal\"\n                  [disabledMode]=\"disabledModeGlobal === null ? null : disabledModeGlobal\"\n                  [presentationMode]=\"presentationForLoader\" [visible]=\"visibleGlobal === null ? null : visibleGlobal\"\n                  [canvasMode]=\"editModeEnabled\" (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 && formBlocksBeforeActions.length) {\n        <section class=\"form-editorial-blocks form-editorial-blocks-before-actions\" data-editorial-placement=\"beforeActions\">\n          @for (block of formBlocksBeforeActions; track (block.id ?? $index)) {\n            <ng-container\n              [dynamicWidgetLoader]=\"block\"\n              [context]=\"getEditorialWidgetContext()\"\n              [strictValidation]=\"true\"\n              [autoWireOutputs]=\"true\"\n              (widgetEvent)=\"onEditorialWidgetEvent('beforeActions', $event)\">\n            </ng-container>\n          }\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]=\"form.valid\" [submitError]=\"submitError\" [formId]=\"formId\"\n          [actionOverrides]=\"actionRuleProps\"\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 (editModeEnabled && 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 (actionPlacement !== 'insideLastSection' && formBlocksBeforeActions.length) {\n    <section class=\"form-editorial-blocks form-editorial-blocks-before-actions\" data-editorial-placement=\"beforeActions\">\n      @for (block of formBlocksBeforeActions; track (block.id ?? $index)) {\n        <ng-container\n          [dynamicWidgetLoader]=\"block\"\n          [context]=\"getEditorialWidgetContext()\"\n          [strictValidation]=\"true\"\n          [autoWireOutputs]=\"true\"\n          (widgetEvent)=\"onEditorialWidgetEvent('beforeActions', $event)\">\n        </ng-container>\n      }\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]=\"form.valid\" [submitError]=\"submitError\" [formId]=\"formId\"\n      [actionOverrides]=\"actionRuleProps\"\n      (action)=\"onFormAction($event)\"></praxis-form-actions>\n  }\n\n  @if (formBlocksAfter.length) {\n    <section class=\"form-editorial-blocks form-editorial-blocks-after\" data-editorial-placement=\"after\">\n      @for (block of formBlocksAfter; track (block.id ?? $index)) {\n        <ng-container\n          [dynamicWidgetLoader]=\"block\"\n          [context]=\"getEditorialWidgetContext()\"\n          [strictValidation]=\"true\"\n          [autoWireOutputs]=\"true\"\n          (widgetEvent)=\"onEditorialWidgetEvent('after', $event)\">\n        </ng-container>\n      }\n    </section>\n  }\n</form>\n@if (!editModeEnabled && 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\";:host{display:block;position:relative}.form-config-controls{position:absolute;top:4px;right:4px;display:flex;gap:.25rem;z-index:100;background:transparent;padding:0;border:0;min-width:0;justify-content:flex-end;pointer-events:none}.form-config-controls>*{pointer-events:auto}.form-config-controls .mat-icon-button{--mdc-icon-button-state-layer-size: 36px;width:36px;height:36px;color:var(--md-sys-color-on-surface-variant)}.form-config-controls .mat-icon-button:hover{color:var(--md-sys-color-primary);background:var(--md-sys-color-primary-container)}.ai-floating-assistant{position:absolute;top:0;left:0;z-index:2002;pointer-events:none}.ai-floating-assistant{inset:auto 12px 12px auto;z-index:120}.ai-floating-assistant praxis-ai-assistant{pointer-events:auto;display:inline-flex}.ai-floating-assistant .ai-trigger-btn{box-shadow:var(--md-sys-elevation-level2)}.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}.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}.praxis-dynamic-form{display:flex;flex-direction:column;transition:all .3s ease;position:relative}.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-stroke, var(--md-sys-color-outline-variant));border-radius:8px;padding:1rem;background:var(--pfx-form-section-surface, var(--md-sys-color-surface-container));transition:all .2s ease;position:relative}.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, 20px) 0;font-size:1.05rem;font-weight:500;color:var(--md-sys-color-on-surface)}.section-heading{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px}.section-heading-text{flex:1 1 auto;min-width:0}.section-collapse-btn{margin-left:4px;color:var(--md-sys-color-on-surface-variant)}.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-description{margin:0 0 8px;font-size:.875rem;color:var(--md-sys-color-on-surface-variant)}.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-title.align-center,.section-description.align-center{text-align:center}.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:1rem;margin-bottom: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)}.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}.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}}.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}}.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:1000}.canvas-mode-enabled .canvas-element.selected{z-index:2000}.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:500}.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)}.section-title{display:flex;align-items:center;gap:8px}.section-title .section-title-icon{font-size:1.25em;line-height:1}\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: "directive", type: DynamicWidgetLoaderDirective, selector: "[dynamicWidgetLoader]", inputs: ["dynamicWidgetLoader", "context", "strictValidation", "autoWireOutputs"], outputs: ["widgetEvent"], exportAs: ["dynamicWidgetLoader"] }, { 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: i15.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: i17.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", "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"] }] });
+    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", editorialContext: "editorialContext", mode: "mode", config: "config", schemaSource: "schemaSource", editModeEnabled: "editModeEnabled", 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", editModeEnabledChange: "editModeEnabledChange", customAction: "customAction", actionConfirmation: "actionConfirmation", schemaStatusChange: "schemaStatusChange", fieldRenderError: "fieldRenderError", widgetEvent: "widgetEvent" }, 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 in edit mode) -->\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 && editModeEnabled) {\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]=\"editModeEnabled\"\n  [class.presentation-mode]=\"effectivePresentation\" [class.readonly-mode]=\"effectiveReadonly\"\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=\"editModeEnabled && selectedElement\" [selectedElement]=\"selectedElement\"\n    [style.transform]=\"toolbarTransform\"></praxis-canvas-toolbar>\n\n  @if (formBlocksBefore.length) {\n    <section class=\"form-editorial-blocks form-editorial-blocks-before\" data-editorial-placement=\"before\">\n      @for (block of formBlocksBefore; track (block.id ?? $index)) {\n        <ng-container\n          [dynamicWidgetLoader]=\"block\"\n          [context]=\"getEditorialWidgetContext()\"\n          [strictValidation]=\"true\"\n          [autoWireOutputs]=\"true\"\n          (widgetEvent)=\"onEditorialWidgetEvent('before', $event)\">\n        </ng-container>\n      }\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]=\"form.valid\" [submitError]=\"submitError\" [formId]=\"formId\" [actionOverrides]=\"actionRuleProps\"\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 class=\"section-heading\">\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            @if (getSectionIcon(section)) {\n            <mat-icon class=\"section-title-icon\" aria-hidden=\"true\" [praxisIcon]=\"getSectionIcon(section)\"></mat-icon>\n            }\n            {{ getSectionTitle(section) }}\n            @if (editModeEnabled) {\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 (editModeEnabled) {\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 (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                  [readonlyMode]=\"readonlyModeGlobal === null ? null : readonlyModeGlobal\"\n                  [disabledMode]=\"disabledModeGlobal === null ? null : disabledModeGlobal\"\n                  [presentationMode]=\"presentationForLoader\" [visible]=\"visibleGlobal === null ? null : visibleGlobal\"\n                  [canvasMode]=\"editModeEnabled\" (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.length) {\n        <section class=\"form-editorial-blocks form-editorial-blocks-before-actions\" data-editorial-placement=\"beforeActions\">\n          @for (block of formBlocksBeforeActions; track (block.id ?? $index)) {\n            <ng-container\n              [dynamicWidgetLoader]=\"block\"\n              [context]=\"getEditorialWidgetContext()\"\n              [strictValidation]=\"true\"\n              [autoWireOutputs]=\"true\"\n              (widgetEvent)=\"onEditorialWidgetEvent('beforeActions', $event)\">\n            </ng-container>\n          }\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]=\"form.valid\" [submitError]=\"submitError\" [formId]=\"formId\"\n          [actionOverrides]=\"actionRuleProps\"\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 (editModeEnabled && 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.length) {\n    <section class=\"form-editorial-blocks form-editorial-blocks-before-actions\" data-editorial-placement=\"beforeActions\">\n      @for (block of formBlocksBeforeActions; track (block.id ?? $index)) {\n        <ng-container\n          [dynamicWidgetLoader]=\"block\"\n          [context]=\"getEditorialWidgetContext()\"\n          [strictValidation]=\"true\"\n          [autoWireOutputs]=\"true\"\n          (widgetEvent)=\"onEditorialWidgetEvent('beforeActions', $event)\">\n        </ng-container>\n      }\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]=\"form.valid\" [submitError]=\"submitError\" [formId]=\"formId\"\n      [actionOverrides]=\"actionRuleProps\"\n      (action)=\"onFormAction($event)\"></praxis-form-actions>\n  }\n\n  @if (formBlocksAfter.length) {\n    <section class=\"form-editorial-blocks form-editorial-blocks-after\" data-editorial-placement=\"after\">\n      @for (block of formBlocksAfter; track (block.id ?? $index)) {\n        <ng-container\n          [dynamicWidgetLoader]=\"block\"\n          [context]=\"getEditorialWidgetContext()\"\n          [strictValidation]=\"true\"\n          [autoWireOutputs]=\"true\"\n          (widgetEvent)=\"onEditorialWidgetEvent('after', $event)\">\n        </ng-container>\n      }\n    </section>\n  }\n</form>\n@if (!editModeEnabled && 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\";:host{display:block;position:relative}.form-config-controls{position:absolute;top:4px;right:4px;display:flex;gap:.25rem;z-index:100;background:transparent;padding:0;border:0;min-width:0;justify-content:flex-end;pointer-events:none}.form-config-controls>*{pointer-events:auto}.form-config-controls .mat-icon-button{--mdc-icon-button-state-layer-size: 36px;width:36px;height:36px;color:var(--md-sys-color-on-surface-variant)}.form-config-controls .mat-icon-button:hover{color:var(--md-sys-color-primary);background:var(--md-sys-color-primary-container)}.ai-floating-assistant{position:absolute;top:0;left:0;z-index:2002;pointer-events:none}.ai-floating-assistant{inset:auto 12px 12px auto;z-index:120}.ai-floating-assistant praxis-ai-assistant{pointer-events:auto;display:inline-flex}.ai-floating-assistant .ai-trigger-btn{box-shadow:var(--md-sys-elevation-level2)}.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}.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}.praxis-dynamic-form{display:flex;flex-direction:column;transition:all .3s ease;position:relative}.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-stroke, var(--md-sys-color-outline-variant));border-radius:8px;padding:1rem;background:var(--pfx-form-section-surface, var(--md-sys-color-surface-container));transition:all .2s ease;position:relative}.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, 20px) 0;font-size:1.05rem;font-weight:600;color:var(--md-sys-color-on-surface)}.section-heading{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px}.section-step-label{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;margin:0 0 10px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-primary-container) 68%,transparent);color:var(--md-sys-color-primary);font-size:.82rem;font-weight:700;letter-spacing:.01em}.section-heading-text{flex:1 1 auto;min-width:0}.section-collapse-btn{margin-left:4px;color:var(--md-sys-color-on-surface-variant)}.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-description{margin:0 0 8px;font-size:.875rem;color:var(--md-sys-color-on-surface-variant)}.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-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:20px;background:var(--pfx-form-section-surface, var(--md-sys-color-surface));border-color:color-mix(in srgb,var(--md-sys-color-outline-variant) 80%,transparent);box-shadow:0 12px 28px color-mix(in srgb,var(--md-sys-color-shadow, #000) 8%,transparent)}.form-section.section-appearance-step .section-heading{margin-bottom:18px}.form-section.section-appearance-step .section-title{font:var(--mdc-typography-headline-small, 600 24px/32px system-ui);color:var(--md-sys-color-on-surface);margin-bottom:10px}.form-section.section-appearance-step .section-description{color:color-mix(in srgb,var(--md-sys-color-on-surface-variant) 92%,var(--md-sys-color-on-surface) 8%);max-width:60ch}.form-section.section-appearance-step .section-body{padding-top:4px}.form-section .form-editorial-blocks{display:grid;gap:16px}.form-section .form-editorial-blocks[data-editorial-placement=beforeActions]{margin-top:26px;padding-top:22px;border-top:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 72%,transparent)}.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:14px;padding-top:10px}.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(--md-sys-color-outline-variant) 92%,transparent);box-shadow:0 18px 36px #00000038}: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(--md-sys-color-on-surface) 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(--md-sys-color-on-surface-variant) 86%,var(--md-sys-color-on-surface) 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:1rem;margin-bottom: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)}.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}.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}}.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}}.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:1000}.canvas-mode-enabled .canvas-element.selected{z-index:2000}.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:500}.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)}.section-title{display:flex;align-items:center;gap:8px}.section-title .section-title-icon{font-size:1.25em;line-height:1}\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: "directive", type: DynamicWidgetLoaderDirective, selector: "[dynamicWidgetLoader]", inputs: ["dynamicWidgetLoader", "context", "strictValidation", "autoWireOutputs"], outputs: ["widgetEvent"], exportAs: ["dynamicWidgetLoader"] }, { 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: i15.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: i17.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", "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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisDynamicForm, decorators: [{
             type: Component,
@@ -9587,7 +10355,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                         PraxisFormActionsComponent,
                         EmptyStateCardComponent,
                         PraxisAiAssistantComponent,
-                    ], 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 in edit mode) -->\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 && editModeEnabled) {\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]=\"editModeEnabled\"\n  [class.presentation-mode]=\"effectivePresentation\" [class.readonly-mode]=\"effectiveReadonly\"\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=\"editModeEnabled && selectedElement\" [selectedElement]=\"selectedElement\"\n    [style.transform]=\"toolbarTransform\"></praxis-canvas-toolbar>\n\n  @if (formBlocksBefore.length) {\n    <section class=\"form-editorial-blocks form-editorial-blocks-before\" data-editorial-placement=\"before\">\n      @for (block of formBlocksBefore; track (block.id ?? $index)) {\n        <ng-container\n          [dynamicWidgetLoader]=\"block\"\n          [context]=\"getEditorialWidgetContext()\"\n          [strictValidation]=\"true\"\n          [autoWireOutputs]=\"true\"\n          (widgetEvent)=\"onEditorialWidgetEvent('before', $event)\">\n        </ng-container>\n      }\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]=\"form.valid\" [submitError]=\"submitError\" [formId]=\"formId\" [actionOverrides]=\"actionRuleProps\"\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        [style.marginBottom.px]=\"!last ? getSectionGapBottom(section) : null\" [ngClass]=\"getSectionClasses(section)\"\n        [ngStyle]=\"getSectionStyles(section)\">\n      <div class=\"section-heading\">\n        <div class=\"section-heading-text\" [matTooltip]=\"getSectionHeaderTooltip(section) || null\"\n          [matTooltipDisabled]=\"!getSectionHeaderTooltip(section)\">\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            @if (getSectionIcon(section)) {\n            <mat-icon class=\"section-title-icon\" aria-hidden=\"true\" [praxisIcon]=\"getSectionIcon(section)\"></mat-icon>\n            }\n            {{ getSectionTitle(section) }}\n            @if (editModeEnabled) {\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 (editModeEnabled) {\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 (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                  [readonlyMode]=\"readonlyModeGlobal === null ? null : readonlyModeGlobal\"\n                  [disabledMode]=\"disabledModeGlobal === null ? null : disabledModeGlobal\"\n                  [presentationMode]=\"presentationForLoader\" [visible]=\"visibleGlobal === null ? null : visibleGlobal\"\n                  [canvasMode]=\"editModeEnabled\" (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 && formBlocksBeforeActions.length) {\n        <section class=\"form-editorial-blocks form-editorial-blocks-before-actions\" data-editorial-placement=\"beforeActions\">\n          @for (block of formBlocksBeforeActions; track (block.id ?? $index)) {\n            <ng-container\n              [dynamicWidgetLoader]=\"block\"\n              [context]=\"getEditorialWidgetContext()\"\n              [strictValidation]=\"true\"\n              [autoWireOutputs]=\"true\"\n              (widgetEvent)=\"onEditorialWidgetEvent('beforeActions', $event)\">\n            </ng-container>\n          }\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]=\"form.valid\" [submitError]=\"submitError\" [formId]=\"formId\"\n          [actionOverrides]=\"actionRuleProps\"\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 (editModeEnabled && 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 (actionPlacement !== 'insideLastSection' && formBlocksBeforeActions.length) {\n    <section class=\"form-editorial-blocks form-editorial-blocks-before-actions\" data-editorial-placement=\"beforeActions\">\n      @for (block of formBlocksBeforeActions; track (block.id ?? $index)) {\n        <ng-container\n          [dynamicWidgetLoader]=\"block\"\n          [context]=\"getEditorialWidgetContext()\"\n          [strictValidation]=\"true\"\n          [autoWireOutputs]=\"true\"\n          (widgetEvent)=\"onEditorialWidgetEvent('beforeActions', $event)\">\n        </ng-container>\n      }\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]=\"form.valid\" [submitError]=\"submitError\" [formId]=\"formId\"\n      [actionOverrides]=\"actionRuleProps\"\n      (action)=\"onFormAction($event)\"></praxis-form-actions>\n  }\n\n  @if (formBlocksAfter.length) {\n    <section class=\"form-editorial-blocks form-editorial-blocks-after\" data-editorial-placement=\"after\">\n      @for (block of formBlocksAfter; track (block.id ?? $index)) {\n        <ng-container\n          [dynamicWidgetLoader]=\"block\"\n          [context]=\"getEditorialWidgetContext()\"\n          [strictValidation]=\"true\"\n          [autoWireOutputs]=\"true\"\n          (widgetEvent)=\"onEditorialWidgetEvent('after', $event)\">\n        </ng-container>\n      }\n    </section>\n  }\n</form>\n@if (!editModeEnabled && 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\";:host{display:block;position:relative}.form-config-controls{position:absolute;top:4px;right:4px;display:flex;gap:.25rem;z-index:100;background:transparent;padding:0;border:0;min-width:0;justify-content:flex-end;pointer-events:none}.form-config-controls>*{pointer-events:auto}.form-config-controls .mat-icon-button{--mdc-icon-button-state-layer-size: 36px;width:36px;height:36px;color:var(--md-sys-color-on-surface-variant)}.form-config-controls .mat-icon-button:hover{color:var(--md-sys-color-primary);background:var(--md-sys-color-primary-container)}.ai-floating-assistant{position:absolute;top:0;left:0;z-index:2002;pointer-events:none}.ai-floating-assistant{inset:auto 12px 12px auto;z-index:120}.ai-floating-assistant praxis-ai-assistant{pointer-events:auto;display:inline-flex}.ai-floating-assistant .ai-trigger-btn{box-shadow:var(--md-sys-elevation-level2)}.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}.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}.praxis-dynamic-form{display:flex;flex-direction:column;transition:all .3s ease;position:relative}.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-stroke, var(--md-sys-color-outline-variant));border-radius:8px;padding:1rem;background:var(--pfx-form-section-surface, var(--md-sys-color-surface-container));transition:all .2s ease;position:relative}.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, 20px) 0;font-size:1.05rem;font-weight:500;color:var(--md-sys-color-on-surface)}.section-heading{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px}.section-heading-text{flex:1 1 auto;min-width:0}.section-collapse-btn{margin-left:4px;color:var(--md-sys-color-on-surface-variant)}.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-description{margin:0 0 8px;font-size:.875rem;color:var(--md-sys-color-on-surface-variant)}.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-title.align-center,.section-description.align-center{text-align:center}.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:1rem;margin-bottom: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)}.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}.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}}.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}}.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:1000}.canvas-mode-enabled .canvas-element.selected{z-index:2000}.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:500}.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)}.section-title{display:flex;align-items:center;gap:8px}.section-title .section-title-icon{font-size:1.25em;line-height:1}\n"] }]
+                    ], 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 in edit mode) -->\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 && editModeEnabled) {\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]=\"editModeEnabled\"\n  [class.presentation-mode]=\"effectivePresentation\" [class.readonly-mode]=\"effectiveReadonly\"\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=\"editModeEnabled && selectedElement\" [selectedElement]=\"selectedElement\"\n    [style.transform]=\"toolbarTransform\"></praxis-canvas-toolbar>\n\n  @if (formBlocksBefore.length) {\n    <section class=\"form-editorial-blocks form-editorial-blocks-before\" data-editorial-placement=\"before\">\n      @for (block of formBlocksBefore; track (block.id ?? $index)) {\n        <ng-container\n          [dynamicWidgetLoader]=\"block\"\n          [context]=\"getEditorialWidgetContext()\"\n          [strictValidation]=\"true\"\n          [autoWireOutputs]=\"true\"\n          (widgetEvent)=\"onEditorialWidgetEvent('before', $event)\">\n        </ng-container>\n      }\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]=\"form.valid\" [submitError]=\"submitError\" [formId]=\"formId\" [actionOverrides]=\"actionRuleProps\"\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 class=\"section-heading\">\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            @if (getSectionIcon(section)) {\n            <mat-icon class=\"section-title-icon\" aria-hidden=\"true\" [praxisIcon]=\"getSectionIcon(section)\"></mat-icon>\n            }\n            {{ getSectionTitle(section) }}\n            @if (editModeEnabled) {\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 (editModeEnabled) {\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 (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                  [readonlyMode]=\"readonlyModeGlobal === null ? null : readonlyModeGlobal\"\n                  [disabledMode]=\"disabledModeGlobal === null ? null : disabledModeGlobal\"\n                  [presentationMode]=\"presentationForLoader\" [visible]=\"visibleGlobal === null ? null : visibleGlobal\"\n                  [canvasMode]=\"editModeEnabled\" (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.length) {\n        <section class=\"form-editorial-blocks form-editorial-blocks-before-actions\" data-editorial-placement=\"beforeActions\">\n          @for (block of formBlocksBeforeActions; track (block.id ?? $index)) {\n            <ng-container\n              [dynamicWidgetLoader]=\"block\"\n              [context]=\"getEditorialWidgetContext()\"\n              [strictValidation]=\"true\"\n              [autoWireOutputs]=\"true\"\n              (widgetEvent)=\"onEditorialWidgetEvent('beforeActions', $event)\">\n            </ng-container>\n          }\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]=\"form.valid\" [submitError]=\"submitError\" [formId]=\"formId\"\n          [actionOverrides]=\"actionRuleProps\"\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 (editModeEnabled && 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.length) {\n    <section class=\"form-editorial-blocks form-editorial-blocks-before-actions\" data-editorial-placement=\"beforeActions\">\n      @for (block of formBlocksBeforeActions; track (block.id ?? $index)) {\n        <ng-container\n          [dynamicWidgetLoader]=\"block\"\n          [context]=\"getEditorialWidgetContext()\"\n          [strictValidation]=\"true\"\n          [autoWireOutputs]=\"true\"\n          (widgetEvent)=\"onEditorialWidgetEvent('beforeActions', $event)\">\n        </ng-container>\n      }\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]=\"form.valid\" [submitError]=\"submitError\" [formId]=\"formId\"\n      [actionOverrides]=\"actionRuleProps\"\n      (action)=\"onFormAction($event)\"></praxis-form-actions>\n  }\n\n  @if (formBlocksAfter.length) {\n    <section class=\"form-editorial-blocks form-editorial-blocks-after\" data-editorial-placement=\"after\">\n      @for (block of formBlocksAfter; track (block.id ?? $index)) {\n        <ng-container\n          [dynamicWidgetLoader]=\"block\"\n          [context]=\"getEditorialWidgetContext()\"\n          [strictValidation]=\"true\"\n          [autoWireOutputs]=\"true\"\n          (widgetEvent)=\"onEditorialWidgetEvent('after', $event)\">\n        </ng-container>\n      }\n    </section>\n  }\n</form>\n@if (!editModeEnabled && 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\";:host{display:block;position:relative}.form-config-controls{position:absolute;top:4px;right:4px;display:flex;gap:.25rem;z-index:100;background:transparent;padding:0;border:0;min-width:0;justify-content:flex-end;pointer-events:none}.form-config-controls>*{pointer-events:auto}.form-config-controls .mat-icon-button{--mdc-icon-button-state-layer-size: 36px;width:36px;height:36px;color:var(--md-sys-color-on-surface-variant)}.form-config-controls .mat-icon-button:hover{color:var(--md-sys-color-primary);background:var(--md-sys-color-primary-container)}.ai-floating-assistant{position:absolute;top:0;left:0;z-index:2002;pointer-events:none}.ai-floating-assistant{inset:auto 12px 12px auto;z-index:120}.ai-floating-assistant praxis-ai-assistant{pointer-events:auto;display:inline-flex}.ai-floating-assistant .ai-trigger-btn{box-shadow:var(--md-sys-elevation-level2)}.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}.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}.praxis-dynamic-form{display:flex;flex-direction:column;transition:all .3s ease;position:relative}.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-stroke, var(--md-sys-color-outline-variant));border-radius:8px;padding:1rem;background:var(--pfx-form-section-surface, var(--md-sys-color-surface-container));transition:all .2s ease;position:relative}.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, 20px) 0;font-size:1.05rem;font-weight:600;color:var(--md-sys-color-on-surface)}.section-heading{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px}.section-step-label{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;margin:0 0 10px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-primary-container) 68%,transparent);color:var(--md-sys-color-primary);font-size:.82rem;font-weight:700;letter-spacing:.01em}.section-heading-text{flex:1 1 auto;min-width:0}.section-collapse-btn{margin-left:4px;color:var(--md-sys-color-on-surface-variant)}.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-description{margin:0 0 8px;font-size:.875rem;color:var(--md-sys-color-on-surface-variant)}.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-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:20px;background:var(--pfx-form-section-surface, var(--md-sys-color-surface));border-color:color-mix(in srgb,var(--md-sys-color-outline-variant) 80%,transparent);box-shadow:0 12px 28px color-mix(in srgb,var(--md-sys-color-shadow, #000) 8%,transparent)}.form-section.section-appearance-step .section-heading{margin-bottom:18px}.form-section.section-appearance-step .section-title{font:var(--mdc-typography-headline-small, 600 24px/32px system-ui);color:var(--md-sys-color-on-surface);margin-bottom:10px}.form-section.section-appearance-step .section-description{color:color-mix(in srgb,var(--md-sys-color-on-surface-variant) 92%,var(--md-sys-color-on-surface) 8%);max-width:60ch}.form-section.section-appearance-step .section-body{padding-top:4px}.form-section .form-editorial-blocks{display:grid;gap:16px}.form-section .form-editorial-blocks[data-editorial-placement=beforeActions]{margin-top:26px;padding-top:22px;border-top:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 72%,transparent)}.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:14px;padding-top:10px}.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(--md-sys-color-outline-variant) 92%,transparent);box-shadow:0 18px 36px #00000038}: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(--md-sys-color-on-surface) 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(--md-sys-color-on-surface-variant) 86%,var(--md-sys-color-on-surface) 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:1rem;margin-bottom: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)}.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}.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}}.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}}.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:1000}.canvas-mode-enabled .canvas-element.selected{z-index:2000}.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:500}.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)}.section-title{display:flex;align-items:center;gap:8px}.section-title .section-title-icon{font-size:1.25em;line-height:1}\n"] }]
         }], ctorParameters: () => [{ type: i1$2.GenericCrudService }, { type: i1$3.FormBuilder }, { type: i0.ChangeDetectorRef }, { type: FormLayoutService }, { type: FormContextService }, { type: FormRulesService }, { type: i6$1.SettingsPanelService }, { type: i2.MatDialog }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [ASYNC_CONFIG_STORAGE]
@@ -9777,12 +10545,15 @@ class JsonConfigEditorComponent {
     cdr;
     configService;
     config = null;
+    document = null;
     configChange = new EventEmitter();
+    documentChange = new EventEmitter();
     validationChange = new EventEmitter();
     editorEvent = new EventEmitter();
     jsonText = '';
     isValidJson = true;
     jsonError = '';
+    diagnostics = [];
     destroy$ = new Subject();
     jsonTextChanges$ = new Subject();
     constructor(cdr, configService) {
@@ -9793,9 +10564,10 @@ class JsonConfigEditorComponent {
             .subscribe((text) => this.validateJson(text));
     }
     ngOnInit() {
-        const cfg = this.config || this.configService.currentConfig;
+        const doc = this.document ??
+            parseLegacyOrDynamicFormDocument(this.config || this.configService.currentConfig);
         try {
-            this.jsonText = JSON.stringify(cfg, null, 2);
+            this.jsonText = JSON.stringify(serializeDynamicFormAuthoringDocument(doc), null, 2);
         }
         catch {
             this.jsonText = '{}';
@@ -9814,12 +10586,20 @@ class JsonConfigEditorComponent {
             return;
         }
         try {
-            const newConfig = JSON.parse(this.jsonText);
-            this.configService.loadConfig(newConfig);
-            this.configChange.emit(newConfig);
+            const parsed = JSON.parse(this.jsonText);
+            const diagnostics = validateDynamicFormAuthoringInput(parsed);
+            const newDocument = parseLegacyOrDynamicFormDocument(parsed);
+            this.configService.loadConfig(newDocument.config);
+            this.documentChange.emit(newDocument);
+            this.configChange.emit(newDocument.config);
             this.editorEvent.emit({
                 type: 'apply',
-                payload: { isValid: true, config: newConfig },
+                payload: {
+                    isValid: !diagnostics.some((item) => item.level === 'error'),
+                    document: newDocument,
+                    config: newDocument.config,
+                    diagnostics,
+                },
             });
         }
         catch {
@@ -9836,10 +10616,17 @@ class JsonConfigEditorComponent {
         }
         try {
             const parsed = JSON.parse(this.jsonText);
-            this.jsonText = JSON.stringify(parsed, null, 2);
+            const diagnostics = validateDynamicFormAuthoringInput(parsed);
+            const document = parseLegacyOrDynamicFormDocument(parsed);
+            this.jsonText = JSON.stringify(serializeDynamicFormAuthoringDocument(document), null, 2);
             this.editorEvent.emit({
                 type: 'format',
-                payload: { isValid: true, config: parsed },
+                payload: {
+                    isValid: !diagnostics.some((item) => item.level === 'error'),
+                    document,
+                    config: document.config,
+                    diagnostics,
+                },
             });
             this.cdr.markForCheck();
         }
@@ -9851,39 +10638,54 @@ class JsonConfigEditorComponent {
         }
     }
     updateJsonFromConfig(config) {
-        this.jsonText = JSON.stringify(config, null, 2);
+        this.updateJsonFromDocument(parseLegacyOrDynamicFormDocument(config || { sections: [] }));
+    }
+    updateJsonFromDocument(document) {
+        this.jsonText = JSON.stringify(serializeDynamicFormAuthoringDocument(document), null, 2);
         this.validateJson(this.jsonText);
     }
     /**
      * Força atualização do JSON com a configuração atual
      */
     refreshJson() {
-        const cfg = this.config || this.configService.currentConfig;
-        this.updateJsonFromConfig(cfg);
+        const document = this.document ??
+            parseLegacyOrDynamicFormDocument(this.config || this.configService.currentConfig);
+        this.updateJsonFromDocument(document);
     }
     getCurrentConfig() {
+        return this.getCurrentDocument()?.config || null;
+    }
+    getCurrentDocument() {
         if (!this.isValidJson) {
             return null;
         }
         try {
-            return JSON.parse(this.jsonText);
+            return parseLegacyOrDynamicFormDocument(JSON.parse(this.jsonText));
         }
         catch {
             return null;
         }
     }
     hasChanges() {
-        if (!this.config) {
+        const baseline = this.document ??
+            (this.config
+                ? parseLegacyOrDynamicFormDocument(this.config)
+                : null);
+        if (!baseline) {
             return false;
         }
-        const currentConfig = this.getCurrentConfig();
-        if (!currentConfig) {
+        const currentDocument = this.getCurrentDocument();
+        if (!currentDocument) {
             return false;
         }
-        return JSON.stringify(this.config) !== JSON.stringify(currentConfig);
+        return (JSON.stringify(serializeDynamicFormAuthoringDocument(baseline)) !==
+            JSON.stringify(serializeDynamicFormAuthoringDocument(currentDocument)));
     }
     validateJson(text) {
-        const result = { isValid: false };
+        const result = {
+            isValid: false,
+            diagnostics: [],
+        };
         if (!text.trim()) {
             result.error = 'JSON não pode estar vazio';
             this.updateValidationState(result);
@@ -9891,16 +10693,17 @@ class JsonConfigEditorComponent {
         }
         try {
             const parsed = JSON.parse(text);
-            if (typeof parsed !== 'object' || parsed === null) {
-                throw new Error('Configuração deve ser um objeto');
-            }
-            const errors = this.configService.validateConfig(parsed);
-            if (errors.length > 0) {
-                result.error = errors.join('; ');
-            }
-            else {
-                result.isValid = true;
-                result.config = parsed;
+            const document = parseLegacyOrDynamicFormDocument(parsed);
+            const diagnostics = validateDynamicFormAuthoringInput(parsed);
+            const hasErrors = diagnostics.some((item) => item.level === 'error');
+            result.isValid = !hasErrors;
+            result.document = document;
+            result.config = document.config;
+            result.diagnostics = diagnostics;
+            if (hasErrors) {
+                result.error =
+                    diagnostics.find((item) => item.level === 'error')?.message ||
+                        'Documento de autoria inválido';
             }
             this.updateValidationState(result);
         }
@@ -9913,6 +10716,7 @@ class JsonConfigEditorComponent {
     updateValidationState(result) {
         this.isValidJson = result.isValid;
         this.jsonError = result.error || '';
+        this.diagnostics = result.diagnostics || [];
         this.validationChange.emit(result);
         this.editorEvent.emit({ type: 'validation', payload: result });
         this.cdr.markForCheck();
@@ -9954,7 +10758,7 @@ class JsonConfigEditorComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: JsonConfigEditorComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: FormConfigService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: JsonConfigEditorComponent, isStandalone: true, selector: "form-json-config-editor", inputs: { config: "config" }, outputs: { configChange: "configChange", validationChange: "validationChange", editorEvent: "editorEvent" }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: JsonConfigEditorComponent, isStandalone: true, selector: "form-json-config-editor", inputs: { config: "config", document: "document" }, outputs: { configChange: "configChange", documentChange: "documentChange", validationChange: "validationChange", editorEvent: "editorEvent" }, ngImport: i0, template: `
     <div class="json-config-editor">
       <mat-card class="educational-card">
         <mat-card-header>
@@ -9963,8 +10767,13 @@ class JsonConfigEditorComponent {
         </mat-card-header>
         <mat-card-content>
           <p>
-            <strong>Para usuários avançados:</strong> Edite todas as
-            configurações do formulário diretamente em JSON.
+            <strong>Para usuários avançados:</strong> Edite o documento
+            canônico de autoria do formulário diretamente em JSON.
+          </p>
+          <p>
+            O editor JSON aceita apenas o envelope canônico
+            <code>DynamicFormAuthoringDocument</code>. Payloads legados devem
+            ser migrados ou aplicados por APIs de compatibilidade.
           </p>
           <div class="badges">
             <span class="badge" [class.ok]="isValidJson" [class.err]="!isValidJson">
@@ -10022,9 +10831,28 @@ class JsonConfigEditorComponent {
             >JSON inválido: {{ jsonError }}</mat-error
           >
         </mat-form-field>
+        <div
+          class="diagnostics-panel"
+          *ngIf="diagnostics.length"
+          aria-live="polite"
+          role="status"
+        >
+          <div class="diagnostics-title">Diagnósticos do documento</div>
+          <div
+            class="diagnostic-item"
+            *ngFor="let diagnostic of diagnostics"
+            [class.diagnostic-item--error]="diagnostic.level === 'error'"
+            [class.diagnostic-item--warning]="diagnostic.level === 'warning'"
+            [class.diagnostic-item--info]="diagnostic.level === 'info'"
+          >
+            <strong>{{ diagnostic.level | uppercase }}</strong>
+            <span>{{ diagnostic.message }}</span>
+            <code *ngIf="diagnostic.path">{{ diagnostic.path }}</code>
+          </div>
+        </div>
       </div>
     </div>
-  `, isInline: true, styles: [".json-config-editor{display:flex;flex-direction:column;height:100%}.educational-card{margin-bottom:24px;background-color:var(--md-sys-color-surface-container-low);border-left:4px solid var(--md-sys-color-primary)}.educational-card .mat-mdc-card-header{padding-bottom:8px}.card-icon{background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);font-size:20px;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.educational-card .mat-mdc-card-title{font-size:1.1rem;font-weight:500;color:var(--md-sys-color-on-surface)}.educational-card .mat-mdc-card-content{color:var(--md-sys-color-on-surface-variant);line-height:1.5}.json-editor-section{flex:1;display:flex;flex-direction:column}.json-editor-toolbar{display:flex;gap:12px;margin-bottom:16px;padding:12px;background-color:var(--md-sys-color-surface-container-low);border-radius:8px;border:1px solid var(--md-sys-color-outline-variant)}.spacer{flex:1}.json-textarea-field{width:100%;flex:1}.badges{display:flex;gap:8px;margin-top:8px}.badge{padding:2px 8px;border-radius:999px;font-size:12px;border:1px solid var(--md-sys-color-outline-variant)}.badge.ok{background:var(--md-sys-color-primary-container)}.badge.err{background:var(--md-sys-color-error-container)}.badge.warn{background:var(--md-sys-color-secondary-container)}.json-textarea{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace!important;font-size:13px!important;line-height:1.4!important;height:100%!important;min-height:300px!important;white-space:pre!important;overflow-wrap:normal!important;overflow-x:auto!important;resize:none!important}.valid-hint{color:var(--md-sys-color-primary)!important}@media(max-width:768px){.json-editor-toolbar{flex-direction:column;gap:8px}.json-textarea{font-size:12px!important;min-height:300px!important}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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.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: 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: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i7.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: MatCardModule }, { kind: "component", type: i8$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i8$1.MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "directive", type: i8$1.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i8$1.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i8$1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [".json-config-editor{display:flex;flex-direction:column;height:100%}.educational-card{margin-bottom:24px;background-color:var(--md-sys-color-surface-container-low);border-left:4px solid var(--md-sys-color-primary)}.educational-card .mat-mdc-card-header{padding-bottom:8px}.card-icon{background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);font-size:20px;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.educational-card .mat-mdc-card-title{font-size:1.1rem;font-weight:500;color:var(--md-sys-color-on-surface)}.educational-card .mat-mdc-card-content{color:var(--md-sys-color-on-surface-variant);line-height:1.5}.json-editor-section{flex:1;display:flex;flex-direction:column}.json-editor-toolbar{display:flex;gap:12px;margin-bottom:16px;padding:12px;background-color:var(--md-sys-color-surface-container-low);border-radius:8px;border:1px solid var(--md-sys-color-outline-variant)}.spacer{flex:1}.json-textarea-field{width:100%;flex:1}.badges{display:flex;gap:8px;margin-top:8px}.badge{padding:2px 8px;border-radius:999px;font-size:12px;border:1px solid var(--md-sys-color-outline-variant)}.badge.ok{background:var(--md-sys-color-primary-container)}.badge.err{background:var(--md-sys-color-error-container)}.badge.warn{background:var(--md-sys-color-secondary-container)}.json-textarea{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace!important;font-size:13px!important;line-height:1.4!important;height:100%!important;min-height:300px!important;white-space:pre!important;overflow-wrap:normal!important;overflow-x:auto!important;resize:none!important}.valid-hint{color:var(--md-sys-color-primary)!important}.diagnostics-panel{margin-top:12px;padding:12px;border-radius:8px;border:1px solid var(--md-sys-color-outline-variant);background-color:var(--md-sys-color-surface-container-low);display:grid;gap:8px}.diagnostics-title{font-weight:600;color:var(--md-sys-color-on-surface)}.diagnostic-item{display:grid;gap:2px;padding-left:10px;border-left:3px solid var(--md-sys-color-outline);color:var(--md-sys-color-on-surface-variant)}.diagnostic-item--error{border-left-color:var(--md-sys-color-error)}.diagnostic-item--warning{border-left-color:var(--md-sys-color-tertiary)}.diagnostic-item--info{border-left-color:var(--md-sys-color-primary)}.diagnostic-item code{font-size:12px}@media(max-width:768px){.json-editor-toolbar{flex-direction:column;gap:8px}.json-textarea{font-size:12px!important;min-height:300px!important}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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.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: 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: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i7.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: MatCardModule }, { kind: "component", type: i8$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i8$1.MatCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]" }, { kind: "directive", type: i8$1.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i8$1.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i8$1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "pipe", type: i1$1.UpperCasePipe, name: "uppercase" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: JsonConfigEditorComponent, decorators: [{
             type: Component,
@@ -10045,8 +10873,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
         </mat-card-header>
         <mat-card-content>
           <p>
-            <strong>Para usuários avançados:</strong> Edite todas as
-            configurações do formulário diretamente em JSON.
+            <strong>Para usuários avançados:</strong> Edite o documento
+            canônico de autoria do formulário diretamente em JSON.
+          </p>
+          <p>
+            O editor JSON aceita apenas o envelope canônico
+            <code>DynamicFormAuthoringDocument</code>. Payloads legados devem
+            ser migrados ou aplicados por APIs de compatibilidade.
           </p>
           <div class="badges">
             <span class="badge" [class.ok]="isValidJson" [class.err]="!isValidJson">
@@ -10104,13 +10937,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
             >JSON inválido: {{ jsonError }}</mat-error
           >
         </mat-form-field>
+        <div
+          class="diagnostics-panel"
+          *ngIf="diagnostics.length"
+          aria-live="polite"
+          role="status"
+        >
+          <div class="diagnostics-title">Diagnósticos do documento</div>
+          <div
+            class="diagnostic-item"
+            *ngFor="let diagnostic of diagnostics"
+            [class.diagnostic-item--error]="diagnostic.level === 'error'"
+            [class.diagnostic-item--warning]="diagnostic.level === 'warning'"
+            [class.diagnostic-item--info]="diagnostic.level === 'info'"
+          >
+            <strong>{{ diagnostic.level | uppercase }}</strong>
+            <span>{{ diagnostic.message }}</span>
+            <code *ngIf="diagnostic.path">{{ diagnostic.path }}</code>
+          </div>
+        </div>
       </div>
     </div>
-  `, styles: [".json-config-editor{display:flex;flex-direction:column;height:100%}.educational-card{margin-bottom:24px;background-color:var(--md-sys-color-surface-container-low);border-left:4px solid var(--md-sys-color-primary)}.educational-card .mat-mdc-card-header{padding-bottom:8px}.card-icon{background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);font-size:20px;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.educational-card .mat-mdc-card-title{font-size:1.1rem;font-weight:500;color:var(--md-sys-color-on-surface)}.educational-card .mat-mdc-card-content{color:var(--md-sys-color-on-surface-variant);line-height:1.5}.json-editor-section{flex:1;display:flex;flex-direction:column}.json-editor-toolbar{display:flex;gap:12px;margin-bottom:16px;padding:12px;background-color:var(--md-sys-color-surface-container-low);border-radius:8px;border:1px solid var(--md-sys-color-outline-variant)}.spacer{flex:1}.json-textarea-field{width:100%;flex:1}.badges{display:flex;gap:8px;margin-top:8px}.badge{padding:2px 8px;border-radius:999px;font-size:12px;border:1px solid var(--md-sys-color-outline-variant)}.badge.ok{background:var(--md-sys-color-primary-container)}.badge.err{background:var(--md-sys-color-error-container)}.badge.warn{background:var(--md-sys-color-secondary-container)}.json-textarea{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace!important;font-size:13px!important;line-height:1.4!important;height:100%!important;min-height:300px!important;white-space:pre!important;overflow-wrap:normal!important;overflow-x:auto!important;resize:none!important}.valid-hint{color:var(--md-sys-color-primary)!important}@media(max-width:768px){.json-editor-toolbar{flex-direction:column;gap:8px}.json-textarea{font-size:12px!important;min-height:300px!important}}\n"] }]
+  `, styles: [".json-config-editor{display:flex;flex-direction:column;height:100%}.educational-card{margin-bottom:24px;background-color:var(--md-sys-color-surface-container-low);border-left:4px solid var(--md-sys-color-primary)}.educational-card .mat-mdc-card-header{padding-bottom:8px}.card-icon{background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);font-size:20px;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.educational-card .mat-mdc-card-title{font-size:1.1rem;font-weight:500;color:var(--md-sys-color-on-surface)}.educational-card .mat-mdc-card-content{color:var(--md-sys-color-on-surface-variant);line-height:1.5}.json-editor-section{flex:1;display:flex;flex-direction:column}.json-editor-toolbar{display:flex;gap:12px;margin-bottom:16px;padding:12px;background-color:var(--md-sys-color-surface-container-low);border-radius:8px;border:1px solid var(--md-sys-color-outline-variant)}.spacer{flex:1}.json-textarea-field{width:100%;flex:1}.badges{display:flex;gap:8px;margin-top:8px}.badge{padding:2px 8px;border-radius:999px;font-size:12px;border:1px solid var(--md-sys-color-outline-variant)}.badge.ok{background:var(--md-sys-color-primary-container)}.badge.err{background:var(--md-sys-color-error-container)}.badge.warn{background:var(--md-sys-color-secondary-container)}.json-textarea{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace!important;font-size:13px!important;line-height:1.4!important;height:100%!important;min-height:300px!important;white-space:pre!important;overflow-wrap:normal!important;overflow-x:auto!important;resize:none!important}.valid-hint{color:var(--md-sys-color-primary)!important}.diagnostics-panel{margin-top:12px;padding:12px;border-radius:8px;border:1px solid var(--md-sys-color-outline-variant);background-color:var(--md-sys-color-surface-container-low);display:grid;gap:8px}.diagnostics-title{font-weight:600;color:var(--md-sys-color-on-surface)}.diagnostic-item{display:grid;gap:2px;padding-left:10px;border-left:3px solid var(--md-sys-color-outline);color:var(--md-sys-color-on-surface-variant)}.diagnostic-item--error{border-left-color:var(--md-sys-color-error)}.diagnostic-item--warning{border-left-color:var(--md-sys-color-tertiary)}.diagnostic-item--info{border-left-color:var(--md-sys-color-primary)}.diagnostic-item code{font-size:12px}@media(max-width:768px){.json-editor-toolbar{flex-direction:column;gap:8px}.json-textarea{font-size:12px!important;min-height:300px!important}}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: FormConfigService }], propDecorators: { config: [{
                 type: Input
+            }], document: [{
+                type: Input
             }], configChange: [{
                 type: Output
+            }], documentChange: [{
+                type: Output
             }], validationChange: [{
                 type: Output
             }], editorEvent: [{
@@ -12127,8 +12983,8 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
     configChange = new EventEmitter();
     containerStylesText = '';
     globalActionCatalogSource = inject(GLOBAL_ACTION_CATALOG, { optional: true }) ?? [];
-    globalActionCatalog = getGlobalActionCatalog(this.globalActionCatalogSource);
     legacyActionSpecs = GLOBAL_ACTION_SPEC_CATALOG;
+    globalActionCatalog = this.buildGlobalActionCatalog();
     customActionValue = '__custom__';
     actionFieldDrafts = new Map();
     actionFieldErrors = new Map();
@@ -12194,7 +13050,7 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
         this.containerStylesText = styles ? JSON.stringify(styles, null, 2) : '';
     }
     getActionSpecById(id) {
-        return this.legacyActionSpecs.find((item) => item.id === id);
+        return this.globalActionCatalog.find((item) => item.id === id);
     }
     getCustomActionSelectValue(value) {
         const parsed = this.parseActionValue(value);
@@ -12212,6 +13068,7 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
         const current = this.actions.custom?.[index];
         if (!current)
             return;
+        this.clearActionFieldState(current);
         if (value === this.customActionValue) {
             const parsed = this.parseActionValue(current.action);
             if (parsed.isGlobal) {
@@ -12260,6 +13117,38 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
             return false;
         return this.globalActionCatalog.some((item) => item.id === id);
     }
+    buildGlobalActionCatalog() {
+        const merged = new Map();
+        for (const spec of this.legacyActionSpecs) {
+            merged.set(spec.id, spec);
+        }
+        const injectedCatalog = getGlobalActionCatalog(this.globalActionCatalogSource);
+        const fallbackCatalog = injectedCatalog.length ? injectedCatalog : PRAXIS_GLOBAL_ACTION_CATALOG;
+        for (const entry of fallbackCatalog) {
+            if (merged.has(entry.id))
+                continue;
+            merged.set(entry.id, this.mapCatalogEntryToActionSpec(entry));
+        }
+        return Array.from(merged.values());
+    }
+    mapCatalogEntryToActionSpec(entry) {
+        const hasPayloadSchema = !!entry.payloadSchema;
+        return {
+            id: entry.id,
+            label: entry.label,
+            description: entry.description || '',
+            param: hasPayloadSchema
+                ? {
+                    label: 'Payload (JSON opcional)',
+                    placeholder: entry.payloadSchema?.example
+                        ? JSON.stringify(entry.payloadSchema.example)
+                        : '{ }',
+                    hint: 'Use JSON quando a ação global do app exigir payload estruturado.',
+                    required: !!entry.payloadSchema?.required?.length,
+                }
+                : undefined,
+        };
+    }
     getGlobalActionSchema(action) {
         const parsed = this.parseActionValue(action.action);
         if (!parsed.isGlobal)
@@ -12284,83 +13173,122 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
         return errors?.[key] || '';
     }
     getGlobalActionFieldValue(action, field) {
-        if (field.type === 'json') {
-            const draft = this.actionFieldDrafts.get(this.getActionDraftKey(action))?.[field.key];
-            if (draft !== undefined)
-                return draft;
-        }
+        const draftKey = this.getActionDraftKey(action);
+        const draft = this.actionFieldDrafts.get(draftKey)?.[field.key];
         const info = this.getActionParamInfo(action.action);
         const raw = info.param || '';
         const json = info.json || {};
         const hasJson = info.isJson;
+        let value;
         switch (field.key) {
             case 'message':
-                return json.message ?? json.text ?? (hasJson ? '' : raw);
+                value = json.message ?? json.text ?? (hasJson ? '' : raw);
+                break;
             case 'url':
-                if (json.url)
-                    return json.url;
+                if (json.url) {
+                    value = json.url;
+                    break;
+                }
                 if (!hasJson && info.id === 'apiCall') {
                     const parsed = this.parseMethodAndUrl(raw);
-                    return parsed.url || '';
+                    value = parsed.url || '';
+                    break;
                 }
-                return hasJson ? '' : raw;
+                value = hasJson ? '' : raw;
+                break;
             case 'method': {
-                if (json.method)
-                    return String(json.method);
+                if (json.method) {
+                    value = String(json.method);
+                    break;
+                }
                 if (!hasJson) {
                     const parsed = this.parseMethodAndUrl(raw);
-                    return parsed.method || '';
+                    value = parsed.method || '';
+                    break;
                 }
-                return '';
+                value = '';
+                break;
             }
             case 'bodySource':
-                return json.bodySource ?? '';
+                value = json.bodySource ?? '';
+                break;
             case 'headers':
-                return this.stringifyJson(json.headers);
+                value = this.stringifyJson(json.headers);
+                break;
             case 'body':
-                return this.stringifyJson(json.body);
+                value = this.stringifyJson(json.body);
+                break;
             case 'contentData':
-                return this.stringifyJson(json.content?.data);
+                value = this.stringifyJson(json.content?.data);
+                break;
             case 'styles':
-                return this.stringifyJson(json.styles);
+                value = this.stringifyJson(json.styles);
+                break;
             case 'positionTop':
-                return json.position?.top ?? '';
+                value = json.position?.top ?? '';
+                break;
             case 'positionRight':
-                return json.position?.right ?? '';
+                value = json.position?.right ?? '';
+                break;
             case 'positionBottom':
-                return json.position?.bottom ?? '';
+                value = json.position?.bottom ?? '';
+                break;
             case 'positionLeft':
-                return json.position?.left ?? '';
+                value = json.position?.left ?? '';
+                break;
             case 'animationType':
-                return json.animation?.type ?? '';
+                value = json.animation?.type ?? '';
+                break;
             case 'animationDirection':
-                return json.animation?.direction ?? '';
+                value = json.animation?.direction ?? '';
+                break;
             case 'animationDuration':
-                return json.animation?.duration ?? '';
+                value = json.animation?.duration ?? '';
+                break;
             case 'contentType':
-                return json.contentType ?? json.content?.type ?? '';
+                value = json.contentType ?? json.content?.type ?? '';
+                break;
             case 'templateId':
-                return json.templateId ?? '';
+                value = json.templateId ?? '';
+                break;
             case 'componentRef':
-                return json.componentRef ?? '';
+                value = json.componentRef ?? '';
+                break;
             case 'safeHtml':
-                return json.safeHtml ?? '';
+                value = json.safeHtml ?? '';
+                break;
             case 'mode':
-                return json.mode === 'dialog' || json.useDialog === true;
+                value = json.mode === 'dialog' || json.useDialog === true;
+                break;
             case 'newTab':
-                return json.newTab ?? false;
+                value = json.newTab ?? false;
+                break;
             case 'replaceUrl':
-                return json.replaceUrl ?? false;
+                value = json.replaceUrl ?? false;
+                break;
             case 'target':
-                return json.target ?? '';
+                value = json.target ?? '';
+                break;
             case 'text':
-                return json.text ?? (hasJson ? '' : raw);
+                value = json.text ?? (hasJson ? '' : raw);
+                break;
             case 'key':
             case 'field':
-                return json[field.key] ?? (hasJson ? '' : raw);
+                value = json[field.key] ?? (hasJson ? '' : raw);
+                break;
             default:
-                return json[field.key] ?? '';
+                value = json[field.key] ?? '';
+                break;
+        }
+        if (draft !== undefined) {
+            if (this.isEquivalentActionFieldValue(value, draft, field.type)) {
+                this.clearActionFieldDraft(action, field.key);
+            }
+            else {
+                return draft;
+            }
         }
+        return value;
     }
     onGlobalActionFieldChange(action, field, value, index) {
         const selectedId = this.getCustomActionSelectValue(action.action);
@@ -12369,12 +13297,9 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
         const schema = getGlobalActionUiSchema(selectedId);
         if (!schema)
             return;
+        this.setActionFieldDraft(action, field.key, value);
         if (field.type === 'json') {
             const raw = String(value || '');
-            const draftKey = this.getActionDraftKey(action);
-            const drafts = this.actionFieldDrafts.get(draftKey) || {};
-            drafts[field.key] = raw;
-            this.actionFieldDrafts.set(draftKey, drafts);
             if (raw.trim()) {
                 try {
                     JSON.parse(raw);
@@ -12461,6 +13386,39 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
     getActionDraftKey(action) {
         return String(action.id || action.action || action.label || 'action');
     }
+    setActionFieldDraft(action, key, value) {
+        const draftKey = this.getActionDraftKey(action);
+        const drafts = this.actionFieldDrafts.get(draftKey) || {};
+        drafts[key] = value;
+        this.actionFieldDrafts.set(draftKey, drafts);
+    }
+    clearActionFieldDraft(action, key) {
+        const draftKey = this.getActionDraftKey(action);
+        const drafts = this.actionFieldDrafts.get(draftKey);
+        if (!drafts)
+            return;
+        delete drafts[key];
+        if (Object.keys(drafts).length) {
+            this.actionFieldDrafts.set(draftKey, drafts);
+        }
+        else {
+            this.actionFieldDrafts.delete(draftKey);
+        }
+    }
+    clearActionFieldState(action) {
+        const draftKey = this.getActionDraftKey(action);
+        this.actionFieldDrafts.delete(draftKey);
+        this.actionFieldErrors.delete(draftKey);
+    }
+    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 ?? '');
+    }
     collectGlobalActionFieldValues(action, fields) {
         const values = {};
         fields.forEach((field) => {
@@ -13203,7 +14161,7 @@ let ActionsEditorComponent$1 = class ActionsEditorComponent {
           <mat-accordion multi>
             @for (
               customAction of actions.custom;
-              track customAction;
+              track customAction.id || customAction.action || $index;
               let i = $index
             ) {
               <mat-expansion-panel>
@@ -13871,7 +14829,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
           <mat-accordion multi>
             @for (
               customAction of actions.custom;
-              track customAction;
+              track customAction.id || customAction.action || $index;
               let i = $index
             ) {
               <mat-expansion-panel>
@@ -14921,55 +15879,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 type: Output
             }] } });
 
-/**
- * Deep clone and normalize a form configuration ensuring required collections
- * are always present to avoid unintended mutations.
- */
-function normalizeFormConfig(config) {
-    const cloned = config ? structuredClone(config) : createDefaultFormConfig();
-    // Apply canonical normalization from @praxisui/core first (aliases → canônico)
-    const canonical = normalizeFormConfig$1(cloned);
-    const withCollections = ensureIds({
-        ...createDefaultFormConfig(),
-        ...canonical,
-        sections: canonical.sections ?? [],
-        fieldMetadata: canonical.fieldMetadata ?? [],
-        formBlocksBefore: canonical.formBlocksBefore ?? [],
-        formBlocksBeforeActions: canonical.formBlocksBeforeActions ?? [],
-        formBlocksAfter: canonical.formBlocksAfter ?? [],
-    });
-    return applyDefaultSpans(withCollections);
-}
-/**
- * Apply default grid spans when not provided by the config.
- * Rule: for each row, if none of its columns declares span.md,
- * distribute equally across 12 columns on md+; keep xs/sm stacked (12).
- */
-function applyDefaultSpans(config) {
-    const next = structuredClone(config);
-    for (const section of next.sections || []) {
-        for (const row of section.rows || []) {
-            const cols = row.columns || [];
-            if (!cols.length)
-                continue;
-            const hasAnyMdSpan = cols.some((c) => c.span?.md != null);
-            if (hasAnyMdSpan)
-                continue;
-            const per = Math.max(1, Math.floor(12 / cols.length));
-            for (const col of cols) {
-                const span = col.span || {};
-                span.xs = 12;
-                span.sm = 12;
-                span.md = per;
-                span.lg = span.lg ?? per;
-                span.xl = span.xl ?? per;
-                col.span = span;
-            }
-        }
-    }
-    return next;
-}
-
 /**
  * Converts a RuleBuilderState produced by the visual builder into
  * an array of FormLayoutRule objects understood by the dynamic form.
@@ -15355,11 +16264,15 @@ class PraxisDynamicFormConfigEditor {
     ruleBuilderState;
     currentRules = [];
     initialConfig;
+    initialDocument;
+    openedWithCanonicalDocument;
     backConfig;
+    includeBackConfigBlock = false;
     formId;
     componentKeyId;
     // Input patch: controls like mode (dados)
     inputMode = 'create';
+    includeBindingsBlock = false;
     editorMode;
     // Indica se o editor foi aberto com o formulário em modo apresentação
     isPresentationMode = false;
@@ -15395,6 +16308,8 @@ class PraxisDynamicFormConfigEditor {
         snoozeMs: 24 * 60 * 60 * 1000,
         autoOpenSettingsOnOutdated: false,
     };
+    includePresentationBlock = false;
+    includeSchemaPrefsBlock = false;
     // Read-only current server meta (if any)
     serverMeta;
     destroy$ = new Subject();
@@ -15421,11 +16336,18 @@ class PraxisDynamicFormConfigEditor {
         this.settingsPanel = settingsPanel;
         this.cdr = cdr;
         const data = injectedData;
-        const formCfg = data?.formConfig || injectedData;
-        this.backConfig = data?.backConfig;
+        this.openedWithCanonicalDocument =
+            data?.document?.kind === 'praxis.dynamic-form.editor' ||
+                data?.kind === 'praxis.dynamic-form.editor';
+        const initialDocument = parseLegacyOrDynamicFormDocument(data?.document ?? injectedData);
+        this.initialDocument = initialDocument;
+        const formCfg = initialDocument.config;
+        this.backConfig = initialDocument.contextSnapshot?.backConfig;
+        this.includeBackConfigBlock = Object.prototype.hasOwnProperty.call(initialDocument.contextSnapshot || {}, 'backConfig');
         this.formId = data?.formId;
         this.componentKeyId = data?.componentKeyId;
-        this.inputMode = this.normalizeMode(data?.mode);
+        this.includeBindingsBlock = Object.prototype.hasOwnProperty.call(initialDocument.bindings || {}, 'mode');
+        this.inputMode = this.normalizeMode(initialDocument.bindings?.mode);
         this.editorMode = this.inputMode;
         // Flag de contexto do host (praxis-dynamic-form)
         this.isPresentationMode = !!data?.presentationMode;
@@ -15439,9 +16361,11 @@ class PraxisDynamicFormConfigEditor {
             });
         }
         catch { }
-        if (!this.backConfig) {
-            this.backConfig = { returnTo: '', confirmOnDirty: true };
-        }
+        this.backConfig = this.createBackConfigState(this.backConfig);
+        this.includePresentationBlock = Object.prototype.hasOwnProperty.call(initialDocument.contextSnapshot || {}, 'presentation');
+        this.presentationPrefs = this.mergePresentationPrefs(initialDocument.contextSnapshot?.presentation);
+        this.includeSchemaPrefsBlock = Object.prototype.hasOwnProperty.call(initialDocument.contextSnapshot || {}, 'schemaPrefs');
+        this.schemaPrefs = this.mergeSchemaPrefs(initialDocument.contextSnapshot?.schemaPrefs);
         this.editedConfig = structuredClone(this.initialConfig);
         this.configService.loadConfig(structuredClone(this.initialConfig));
     }
@@ -15461,11 +16385,19 @@ class PraxisDynamicFormConfigEditor {
         this.isBusy$.next(true);
         try {
             this.editedConfig = structuredClone(this.initialConfig);
+            this.includeBackConfigBlock = Object.prototype.hasOwnProperty.call(this.initialDocument.contextSnapshot || {}, 'backConfig');
+            this.backConfig = this.createBackConfigState(this.initialDocument.contextSnapshot?.backConfig);
+            this.includeBindingsBlock = Object.prototype.hasOwnProperty.call(this.initialDocument.bindings || {}, 'mode');
+            this.inputMode = this.normalizeMode(this.initialDocument.bindings?.mode);
+            this.includePresentationBlock = Object.prototype.hasOwnProperty.call(this.initialDocument.contextSnapshot || {}, 'presentation');
+            this.presentationPrefs = this.mergePresentationPrefs(this.initialDocument.contextSnapshot?.presentation);
+            this.includeSchemaPrefsBlock = Object.prototype.hasOwnProperty.call(this.initialDocument.contextSnapshot || {}, 'schemaPrefs');
+            this.schemaPrefs = this.mergeSchemaPrefs(this.initialDocument.contextSnapshot?.schemaPrefs);
             try {
                 this.debugLog('[FormConfigEditor] reset()');
             }
             catch { }
-            this.jsonEditor?.updateJsonFromConfig(this.editedConfig);
+            this.jsonEditor?.updateJsonFromDocument(this.buildAuthoringDocument());
             this.ruleBuilderState =
                 this.editedConfig.formRulesState ||
                     formLayoutRulesToBuilderState(this.editedConfig.formRules || []);
@@ -15481,11 +16413,13 @@ class PraxisDynamicFormConfigEditor {
     }
     // Public: referenced in template for (ngModelChange) handlers
     updateDirtyState(reason = 'unknown') {
-        // Verificar se há alterações em relação à configuração inicial
-        const a = this.stripLegacy(structuredClone(this.initialConfig));
-        const b = this.stripLegacy(structuredClone(this.editedConfig));
+        const a = serializeDynamicFormAuthoringDocument(this.initialDocument);
+        const b = serializeDynamicFormAuthoringDocument(this.buildAuthoringDocument());
         const hasChanges = stableStringify(a) !== stableStringify(b);
         this.isDirty$.next(hasChanges);
+        if (!reason.startsWith('json-')) {
+            this.jsonEditor?.updateJsonFromDocument(this.buildAuthoringDocument());
+        }
         try {
             if (hasChanges) {
                 const diffs = diffObjects(a, b, [], 12);
@@ -15500,51 +16434,62 @@ class PraxisDynamicFormConfigEditor {
         // Para outras validações futuras, verificar se não há validação JSON em andamento
     }
     getSettingsValue() {
-        const sanitized = this.stripLegacy(this.editedConfig);
+        const document = this.buildAuthoringDocument();
         try {
-            this.debugLog('[FormConfigEditor] getSettingsValue()', { sections: sanitized.sections?.length || 0 });
+            this.debugLog('[FormConfigEditor] getSettingsValue()', { sections: document.config.sections?.length || 0 });
         }
         catch { }
-        return {
-            formConfig: sanitized,
-            backConfig: this.backConfig,
-            presentation: this.presentationPrefs,
-            inputsPatch: { mode: this.inputMode },
-            schemaPrefs: this.schemaPrefs,
-        };
+        return serializeDynamicFormAuthoringDocument(document);
     }
     onSave() {
         this.isBusy$.next(true);
         try {
-            const sanitized = this.stripLegacy(this.editedConfig);
+            const document = this.buildAuthoringDocument();
             try {
-                this.debugLog('[FormConfigEditor] onSave()', { sections: sanitized.sections?.length || 0 });
+                this.debugLog('[FormConfigEditor] onSave()', { sections: document.config.sections?.length || 0 });
             }
             catch { }
-            return {
-                formConfig: sanitized,
-                backConfig: this.backConfig,
-                presentation: this.presentationPrefs,
-                inputsPatch: { mode: this.inputMode },
-                schemaPrefs: this.schemaPrefs,
-            };
+            return serializeDynamicFormAuthoringDocument(document);
         }
         finally {
             this.isBusy$.next(false);
         }
     }
     // (Resumo/ações rápidas removidos da aba Geral conforme orientação)
-    onJsonConfigChange(newConfig) {
-        this.editedConfig = this.stripLegacy(newConfig);
+    onJsonConfigChange(newValue) {
+        const isCanonicalDocument = newValue?.kind ===
+            'praxis.dynamic-form.editor';
+        const document = isCanonicalDocument
+            ? newValue
+            : parseLegacyOrDynamicFormDocument(newValue);
+        this.editedConfig = this.stripLegacy(document.config);
+        this.includeBackConfigBlock = isCanonicalDocument
+            ? Object.prototype.hasOwnProperty.call(document.contextSnapshot || {}, 'backConfig')
+            : this.includeBackConfigBlock || !!document.contextSnapshot?.backConfig;
+        this.backConfig = this.createBackConfigState(isCanonicalDocument
+            ? document.contextSnapshot?.backConfig
+            : document.contextSnapshot?.backConfig || this.backConfig);
+        this.includeBindingsBlock = isCanonicalDocument
+            ? Object.prototype.hasOwnProperty.call(document.bindings || {}, 'mode')
+            : this.includeBindingsBlock || !!document.bindings?.mode;
+        this.inputMode = this.normalizeMode(document.bindings?.mode);
+        this.includePresentationBlock = isCanonicalDocument
+            ? Object.prototype.hasOwnProperty.call(document.contextSnapshot || {}, 'presentation')
+            : this.includePresentationBlock || !!document.contextSnapshot?.presentation;
+        this.presentationPrefs = this.mergePresentationPrefs(document.contextSnapshot?.presentation);
+        this.includeSchemaPrefsBlock = isCanonicalDocument
+            ? Object.prototype.hasOwnProperty.call(document.contextSnapshot || {}, 'schemaPrefs')
+            : this.includeSchemaPrefsBlock || !!document.contextSnapshot?.schemaPrefs;
+        this.schemaPrefs = this.mergeSchemaPrefs(document.contextSnapshot?.schemaPrefs);
         this.ensureHints();
         try {
             this.debugLog('[FormConfigEditor] onJsonConfigChange()', { sections: this.editedConfig.sections?.length || 0 });
         }
         catch { }
-        this.ruleBuilderConfig = this.createRuleBuilderConfig(newConfig.fieldMetadata || [], newConfig.sections || [], newConfig.actions);
+        this.ruleBuilderConfig = this.createRuleBuilderConfig(document.config.fieldMetadata || [], document.config.sections || [], document.config.actions);
         this.ruleBuilderState =
-            newConfig.formRulesState ||
-                formLayoutRulesToBuilderState(newConfig.formRules || []);
+            document.config.formRulesState ||
+                formLayoutRulesToBuilderState(document.config.formRules || []);
         this.currentRules = ruleBuilderStateToFormLayoutRules(this.ruleBuilderState);
         this.lastRulesSignature = this.computeRulesSignature(this.ruleBuilderState);
         this.updateDirtyState('json-change');
@@ -15621,6 +16566,37 @@ class PraxisDynamicFormConfigEditor {
         this.currentRules = rules;
         this.updateDirtyState('rules-change');
     }
+    get jsonDocument() {
+        return this.buildAuthoringDocument();
+    }
+    onBackConfigChange() {
+        this.includeBackConfigBlock = true;
+        this.updateDirtyState('back-config-change');
+    }
+    isBindingsBlockPersisted() {
+        return this.includeBindingsBlock;
+    }
+    isPresentationBlockPersisted() {
+        return this.includePresentationBlock;
+    }
+    isSchemaPrefsBlockPersisted() {
+        return this.includeSchemaPrefsBlock;
+    }
+    isBackConfigBlockPersisted() {
+        return this.includeBackConfigBlock;
+    }
+    onInputModeChange() {
+        this.includeBindingsBlock = true;
+        this.updateDirtyState('input-mode-change');
+    }
+    onPresentationPrefsChange(reason) {
+        this.includePresentationBlock = true;
+        this.updateDirtyState(reason);
+    }
+    onSchemaPrefsChange(reason) {
+        this.includeSchemaPrefsBlock = true;
+        this.updateDirtyState(reason);
+    }
     createRuleBuilderConfig(fieldMetadata, sections = [], actions) {
         const mapped = this.mapMetadataToSchema(fieldMetadata, sections, actions);
         return {
@@ -15794,7 +16770,7 @@ class PraxisDynamicFormConfigEditor {
             this.editedConfig = { ...this.editedConfig, fieldMetadata: next };
             // Keep JSON editor view in sync when open
             try {
-                this.jsonEditor?.updateJsonFromConfig(this.editedConfig);
+                this.jsonEditor?.updateJsonFromDocument(this.buildAuthoringDocument());
             }
             catch { }
             this.updateDirtyState();
@@ -15832,7 +16808,7 @@ class PraxisDynamicFormConfigEditor {
             // Defaults are injected by normalization on save/apply; keep a local reset to blank to let defaults win.
             current.hints = undefined;
             // Keep JSON editor in sync
-            this.jsonEditor?.updateJsonFromConfig(this.editedConfig);
+            this.jsonEditor?.updateJsonFromDocument(this.buildAuthoringDocument());
             this.updateDirtyState('hints-restore');
         }
         catch { }
@@ -15842,7 +16818,11 @@ class PraxisDynamicFormConfigEditor {
         if (!key)
             return;
         try {
-            const pres = await firstValueFrom(this.storage.loadConfig(`form-pres:${key}:${this.editorMode}`)).catch(() => null);
+            const hasDocumentPresentation = this.openedWithCanonicalDocument ||
+                !!this.initialDocument.contextSnapshot?.presentation;
+            const pres = hasDocumentPresentation
+                ? null
+                : await firstValueFrom(this.storage.loadConfig(`form-pres:${key}:${this.editorMode}`)).catch(() => null);
             if (pres) {
                 this.presentationPrefs = {
                     labelPosition: pres.labelPosition === 'left' ? 'left' : 'above',
@@ -15855,7 +16835,11 @@ class PraxisDynamicFormConfigEditor {
                     valueAlign: pres.valueAlign || 'start',
                 };
             }
-            const prefs = await firstValueFrom(this.storage.loadConfig(`form-schema-prefs:${key}`)).catch(() => null);
+            const hasDocumentSchemaPrefs = this.openedWithCanonicalDocument ||
+                !!this.initialDocument.contextSnapshot?.schemaPrefs;
+            const prefs = hasDocumentSchemaPrefs
+                ? null
+                : await firstValueFrom(this.storage.loadConfig(`form-schema-prefs:${key}`)).catch(() => null);
             if (prefs && typeof prefs === 'object') {
                 const allowed = {};
                 const n = prefs.notifyIfOutdated;
@@ -15903,8 +16887,75 @@ class PraxisDynamicFormConfigEditor {
             return value;
         return 'create';
     }
+    buildAuthoringDocument() {
+        const contextSnapshot = stripUndefinedContextSnapshot({
+            backConfig: this.includeBackConfigBlock
+                ? this.toBackConfigSnapshot()
+                : undefined,
+            presentation: this.includePresentationBlock
+                ? this.toPresentationSnapshot()
+                : undefined,
+            schemaPrefs: this.includeSchemaPrefsBlock
+                ? this.toSchemaPrefsSnapshot()
+                : undefined,
+        });
+        return createDynamicFormAuthoringDocument({
+            config: this.stripLegacy(this.editedConfig),
+            bindings: this.includeBindingsBlock
+                ? {
+                    mode: this.inputMode,
+                }
+                : undefined,
+            contextSnapshot,
+        });
+    }
+    createBackConfigState(snapshot) {
+        return (structuredClone(snapshot) ||
+            { returnTo: '', confirmOnDirty: true });
+    }
+    mergePresentationPrefs(snapshot) {
+        return {
+            labelPosition: snapshot?.labelPosition === 'left' ? 'left' : 'above',
+            labelFontSize: snapshot?.labelFontSize ?? null,
+            valueFontSize: snapshot?.valueFontSize ?? null,
+            compact: snapshot?.compact === true,
+            density: snapshot?.density || 'comfortable',
+            labelWidth: snapshot?.labelWidth ?? 140,
+            labelAlign: snapshot?.labelAlign || 'start',
+            valueAlign: snapshot?.valueAlign || 'start',
+        };
+    }
+    mergeSchemaPrefs(snapshot) {
+        return {
+            notifyIfOutdated: snapshot?.notifyIfOutdated || 'both',
+            snoozeMs: snapshot?.snoozeMs ?? 24 * 60 * 60 * 1000,
+            autoOpenSettingsOnOutdated: snapshot?.autoOpenSettingsOnOutdated === true,
+        };
+    }
+    toPresentationSnapshot() {
+        return {
+            labelPosition: this.presentationPrefs.labelPosition,
+            labelFontSize: this.presentationPrefs.labelFontSize ?? null,
+            valueFontSize: this.presentationPrefs.valueFontSize ?? null,
+            compact: this.presentationPrefs.compact === true,
+            density: this.presentationPrefs.density,
+            labelWidth: this.presentationPrefs.labelWidth ?? null,
+            labelAlign: this.presentationPrefs.labelAlign,
+            valueAlign: this.presentationPrefs.valueAlign,
+        };
+    }
+    toSchemaPrefsSnapshot() {
+        return {
+            notifyIfOutdated: this.schemaPrefs.notifyIfOutdated,
+            snoozeMs: this.schemaPrefs.snoozeMs,
+            autoOpenSettingsOnOutdated: this.schemaPrefs.autoOpenSettingsOnOutdated === true,
+        };
+    }
+    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: i6$1.SettingsPanelService }, { token: i0.ChangeDetectorRef }, { 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\">\n  <mat-tab label=\"Geral\">\n    <div class=\"tab-content\">\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\">\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=\"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). editModeEnabled 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    </div>\n  </mat-tab>\n  <mat-tab label=\"Verifica\u00E7\u00E3o de Schema\">\n    <div class=\"tab-content\">\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\">\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\" />\n              </mat-form-field>\n            </div>\n            <div class=\"form-row\">\n              <mat-slide-toggle [(ngModel)]=\"schemaPrefs.autoOpenSettingsOnOutdated\">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>\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\">\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\">\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\">\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=\"control\">\n                <label class=\"control__label\">Posi\u00E7\u00E3o do r\u00F3tulo</label>\n                <mat-button-toggle-group [(ngModel)]=\"presentationPrefs.labelPosition\" 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\" 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\" 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\" 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\"\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\"\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\"\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\">\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\">\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\">\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\">\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\">\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\">\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\">\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\">\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\" placeholder=\"/funcionarios\" />\n              </mat-form-field>\n            </div>\n            <div class=\"form-row\">\n              <mat-slide-toggle [(ngModel)]=\"backConfig!.confirmOnDirty\">\n                Confirmar ao sair com altera\u00E7\u00F5es\n              </mat-slide-toggle>\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\">\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 schema do formul\u00E1rio.</p>\n            </div>\n          </div>\n          <form-json-config-editor [config]=\"editedConfig\" (configChange)=\"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__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}\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$2.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i7$2.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$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i8$1.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: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i6$4.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$4.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i7.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.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$3.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$1.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$1.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"], outputs: ["configChange", "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"] }] });
+    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). editModeEnabled 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    </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)}.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}\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$2.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i7$2.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$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i8$1.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: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i6$4.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$4.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i7.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.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$3.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$1.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$1.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: [{
             type: Component,
@@ -15930,7 +16981,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                         HooksEditorComponent,
                         PraxisVisualBuilder,
                         CascadeManagerTabComponent,
-                    ], providers: [FormConfigService], template: "<mat-tab-group class=\"config-tabs\">\n  <mat-tab label=\"Geral\">\n    <div class=\"tab-content\">\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\">\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=\"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). editModeEnabled 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    </div>\n  </mat-tab>\n  <mat-tab label=\"Verifica\u00E7\u00E3o de Schema\">\n    <div class=\"tab-content\">\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\">\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\" />\n              </mat-form-field>\n            </div>\n            <div class=\"form-row\">\n              <mat-slide-toggle [(ngModel)]=\"schemaPrefs.autoOpenSettingsOnOutdated\">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>\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\">\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\">\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\">\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=\"control\">\n                <label class=\"control__label\">Posi\u00E7\u00E3o do r\u00F3tulo</label>\n                <mat-button-toggle-group [(ngModel)]=\"presentationPrefs.labelPosition\" 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\" 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\" 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\" 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\"\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\"\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\"\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\">\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\">\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\">\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\">\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\">\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\">\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\">\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\">\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\" placeholder=\"/funcionarios\" />\n              </mat-form-field>\n            </div>\n            <div class=\"form-row\">\n              <mat-slide-toggle [(ngModel)]=\"backConfig!.confirmOnDirty\">\n                Confirmar ao sair com altera\u00E7\u00F5es\n              </mat-slide-toggle>\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\">\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 schema do formul\u00E1rio.</p>\n            </div>\n          </div>\n          <form-json-config-editor [config]=\"editedConfig\" (configChange)=\"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__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}\n"] }]
+                    ], providers: [FormConfigService], 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). editModeEnabled 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    </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)}.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}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [ASYNC_CONFIG_STORAGE]
@@ -15954,6 +17005,12 @@ function omit(obj, keys) {
     }
     return out;
 }
+function stripUndefinedContextSnapshot(snapshot) {
+    const result = Object.fromEntries(Object.entries(snapshot).filter(([, value]) => value !== undefined));
+    return Object.keys(result).length
+        ? result
+        : undefined;
+}
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 function hasFieldMetadata(cfg) {
     return cfg && Array.isArray(cfg.fieldMetadata);
@@ -16336,6 +17393,8 @@ class SectionEditorComponent {
             title: [this.section.title, Validators.required],
             icon: [this.section.icon ?? ''],
             description: [this.section.description],
+            appearance: [this.section.appearance ?? 'card'],
+            stepLabel: [this.section.stepLabel ?? ''],
             gapBottom: [this.section.gapBottom ?? 0],
             titleGapBottom: [this.section.titleGapBottom ?? 20],
             descriptionGapBottom: [this.section.descriptionGapBottom ?? 8],
@@ -16547,6 +17606,14 @@ class SectionEditorComponent {
             </mat-form-field>
 
             <div class="row-3">
+              <mat-form-field appearance="fill">
+                <mat-label>Aparência</mat-label>
+                <mat-select formControlName="appearance">
+                  <mat-option value="card">Card</mat-option>
+                  <mat-option value="plain">Plain</mat-option>
+                  <mat-option value="step">Step</mat-option>
+                </mat-select>
+              </mat-form-field>
               <mat-form-field appearance="fill">
                 <mat-label>Fonte do título</mat-label>
                 <mat-select [value]="section.titleStyle || 'titleMedium'" (valueChange)="onTitleStyleChange($event)">
@@ -16564,6 +17631,13 @@ class SectionEditorComponent {
                   <mat-option value="bodySmall">Corpo pequeno</mat-option>
                 </mat-select>
               </mat-form-field>
+              <mat-form-field appearance="fill">
+                <mat-label>Rótulo do passo</mat-label>
+                <input matInput formControlName="stepLabel" placeholder="ex.: 1, 2, A" />
+              </mat-form-field>
+            </div>
+
+            <div class="row-3">
               <mat-form-field appearance="fill">
                 <mat-label>Alinhamento do cabeçalho</mat-label>
                 <mat-select formControlName="headerAlign">
@@ -16752,6 +17826,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
             </mat-form-field>
 
             <div class="row-3">
+              <mat-form-field appearance="fill">
+                <mat-label>Aparência</mat-label>
+                <mat-select formControlName="appearance">
+                  <mat-option value="card">Card</mat-option>
+                  <mat-option value="plain">Plain</mat-option>
+                  <mat-option value="step">Step</mat-option>
+                </mat-select>
+              </mat-form-field>
               <mat-form-field appearance="fill">
                 <mat-label>Fonte do título</mat-label>
                 <mat-select [value]="section.titleStyle || 'titleMedium'" (valueChange)="onTitleStyleChange($event)">
@@ -16769,6 +17851,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                   <mat-option value="bodySmall">Corpo pequeno</mat-option>
                 </mat-select>
               </mat-form-field>
+              <mat-form-field appearance="fill">
+                <mat-label>Rótulo do passo</mat-label>
+                <input matInput formControlName="stepLabel" placeholder="ex.: 1, 2, A" />
+              </mat-form-field>
+            </div>
+
+            <div class="row-3">
               <mat-form-field appearance="fill">
                 <mat-label>Alinhamento do cabeçalho</mat-label>
                 <mat-select formControlName="headerAlign">
@@ -18378,5 +19467,5 @@ 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, PraxisDynamicForm, PraxisDynamicFormConfigEditor, PraxisFilterForm, PraxisFormActionsComponent, RowConfiguratorComponent, RowEditorComponent, SETTINGS_PANEL_DYNAMIC_FORM_PROVIDER, SectionEditorComponent, TASK_PRESETS, applyVisibilityRules, formLayoutRulesToBuilderState, getFormAiCatalog, getFormCapabilities, getFormEnum, isRuleSatisfied, normalizeDateArrays, providePraxisDynamicFormMetadata, provideSettingsPanelDynamicForm, ruleBuilderStateToFormLayoutRules, stripLegacyFieldMetadata };
+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, 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, provideSettingsPanelDynamicForm, ruleBuilderStateToFormLayoutRules, serializeDynamicFormAuthoringDocument, stripLegacyFieldMetadata, toCanonicalDynamicFormConfig, validateDynamicFormAuthoringDocument, validateDynamicFormAuthoringInput };
 //# sourceMappingURL=praxisui-dynamic-form.mjs.map