@praxisui/dynamic-form 9.0.5-rc.29 → 9.0.5-rc.30

package/README.md

@@ -200,11 +200,19 @@ Dense operational forms should keep DTO `hint`/`helpText` intact and use `FormCo
 Submit failures published in the Praxis `RestApiResponse.errors` envelope are materialized by the
 runtime. A safe public `message` is shown to the user, while an error with a `target` matching a
 form control is also attached to that control and marked as touched. Existing client validators
-are preserved, and only the previous server error is cleared before a new submit attempt. Targets
-may use Angular dotted paths or JSON Pointer syntax. Unknown targets remain form-level feedback;
-the client does not guess a field from error text, codes, keywords, or private database details.
-Generic network, validation, server, and save fallbacks use the platform i18n keys under
-`global.submitError.*`; backend-owned business messages remain authoritative.
+are preserved. Each field-owned server error is removed as soon as that field changes, without
+clearing client validators or errors on other controls; all remaining server errors are cleared
+before the next submit attempt and after a successful submit. Targets may use Angular dotted paths
+or JSON Pointer syntax. Unknown or targetless details remain form-level feedback; the client does
+not guess a field from error text, codes, keywords, or private database details.
+
+Structured details and public backend messages are trusted only for known HTTP `4xx` responses.
+Network failures, `5xx` responses, and responses without a trustworthy status fail closed to the
+localized platform messages under `global.submitError.*`, even when their payload contains
+`message` or `errors`. For a governed `4xx` response with structured details, the backend-owned
+business message has precedence over generic copy configured in `messages`. Without structured
+details, configured create/update/custom submit copy remains authoritative and the normalized
+platform fallback is used only when no configured copy exists.
 
 Example backend-owned `x-ui` metadata:
 

package/ai/component-registry.json

@@ -1,8 +1,8 @@
 {
   "schemaVersion": "1.0.0",
-  "generatedAt": "2026-08-16T01:02:42.425Z",
+  "generatedAt": "2026-08-17T01:10:49.556Z",
   "packageName": "@praxisui/dynamic-form",
-  "packageVersion": "9.0.5-rc.29",
+  "packageVersion": "9.0.5-rc.30",
   "sourceRegistry": "praxis-component-registry-ingestion",
   "sourceRegistryVersion": "1.0.0",
   "componentCount": 2,

package/fesm2022/praxisui-dynamic-form.mjs

@@ -1149,6 +1149,7 @@ const PRAXIS_DYNAMIC_FORM_I18N_CONFIG = {
                 'layout.defaultSectionTitle': 'Informações',
                 'actions.invalidRequired': 'Preencha os campos obrigatórios para continuar.',
                 'actions.invalidRequiredWithFields': 'Preencha: {{fields}}.',
+                'actions.submitErrorTitle': 'Erro ao salvar',
                 'runtime.reactiveDetermination.error': 'Não foi possível atualizar os campos relacionados. Revise os dados ou tente novamente.',
                 'runtime.reactiveDetermination.submitPending': 'Aguarde a atualização dos campos relacionados antes de salvar.',
                 'runtime.reactiveDetermination.submitTimeout': 'Os campos relacionados não estabilizaram a tempo. Revise os dados e tente salvar novamente.',
@@ -1648,6 +1649,7 @@ const PRAXIS_DYNAMIC_FORM_I18N_CONFIG = {
                 'layout.defaultSectionTitle': 'Information',
                 'actions.invalidRequired': 'Complete the required fields to continue.',
                 'actions.invalidRequiredWithFields': 'Complete: {{fields}}.',
+                'actions.submitErrorTitle': 'Save error',
                 'config.tabs.mobileLabel': 'Editor section',
                 'config.tabs.general': 'General',
                 'config.tabs.schema': 'Schema Verification',
@@ -2276,6 +2278,7 @@ class PraxisFormActionsComponent {
     invalidSubmitHintCacheSignature = null;
     invalidSubmitHintCacheValue = '';
     invalidSubmitHint = this.i18n.t('actions.invalidRequired', undefined, 'Preencha os campos obrigatórios para continuar.', PRAXIS_DYNAMIC_FORM_I18N_NAMESPACE);
+    submitErrorTitle = this.i18n.t('actions.submitErrorTitle', undefined, 'Erro ao salvar', PRAXIS_DYNAMIC_FORM_I18N_NAMESPACE);
     /** Configuration object describing form action buttons */
     actions;
     /** Whether the actions are rendered inside an editorial visual context */
@@ -2627,7 +2630,7 @@ class PraxisFormActionsComponent {
         return actionId === 'cancel' || actionId === 'reset';
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PraxisFormActionsComponent, deps: [{ token: i1$1.KeyboardShortcutService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: PraxisFormActionsComponent, isStandalone: true, selector: "praxis-form-actions", inputs: { actions: "actions", editorialVisualContext: "editorialVisualContext", isSubmitting: "isSubmitting", formIsValid: "formIsValid", submitError: "submitError", invalidRequiredFieldLabels: "invalidRequiredFieldLabels", suppressInvalidSubmitHint: "suppressInvalidSubmitHint", formId: "formId", actionOverrides: "actionOverrides" }, outputs: { action: "action" }, providers: [providePraxisI18nConfig(PRAXIS_DYNAMIC_FORM_I18N_CONFIG)], usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"form-actions\"\n  [ngClass]=\"viewClassMap\"\n  [ngStyle]=\"actions?.containerStyles\"\n>\n  @if (submitError) {\n    <div class=\"alert alert--error\" role=\"alert\" aria-live=\"polite\">\n      <mat-icon class=\"alert__icon\" aria-hidden=\"true\">error_outline</mat-icon>\n      <div>\n        <h4 class=\"alert__title\">Erro ao salvar</h4>\n        <p class=\"alert__text\">{{ submitError }}</p>\n      </div>\n    </div>\n  }\n  @if (shouldShowInvalidSubmitHint()) {\n    <div class=\"form-actions__hint\" role=\"status\" aria-live=\"polite\">\n      <mat-icon class=\"form-actions__hint-icon\" aria-hidden=\"true\">info</mat-icon>\n      <span>{{ getInvalidSubmitHint() }}</span>\n    </div>\n  }\n  <div class=\"desktop-actions\">\n    @if (isSplitLayout()) {\n      <div class=\"desktop-actions-group secondary-group\">\n        @for (button of getSecondaryButtons(); track button.id) {\n          @if (button.visible) {\n            @switch (button.variant || 'raised') {\n              @case ('stroked') {\n                <button mat-stroked-button\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n              @case ('flat') {\n                <button mat-flat-button\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n              @case ('fab') {\n                <button mat-fab\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n              @default {\n                <button mat-raised-button\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n            }\n          }\n        }\n      </div>\n      <div class=\"desktop-actions-group primary-group\">\n        @for (button of getPrimaryButtons(); track button.id) {\n          @if (button.visible) {\n            @switch (button.variant || 'raised') {\n              @case ('stroked') {\n                <button mat-stroked-button\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n              @case ('flat') {\n                <button mat-flat-button\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n              @case ('fab') {\n                <button mat-fab\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n              @default {\n                <button mat-raised-button\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n            }\n          }\n        }\n      </div>\n    } @else {\n      @for (button of getActionButtons(); track button.id) {\n        @if (button.visible) {\n          @switch (button.variant || 'raised') {\n            @case ('stroked') {\n              <button mat-stroked-button\n                [type]=\"button.type || 'button'\"\n                [color]=\"getMatColor(button)\"\n                [disabled]=\"isActionButtonDisabled(button)\"\n                [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                [matTooltip]=\"button.tooltip\"\n                (click)=\"onActionButtonClick(button, $event)\"\n                [ngClass]=\"getButtonNgClass(button)\"\n                [ngStyle]=\"getButtonStyles(button)\">\n                @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                <span>{{ button.label }}</span>\n              </button>\n            }\n            @case ('flat') {\n              <button mat-flat-button\n                [type]=\"button.type || 'button'\"\n                [color]=\"getMatColor(button)\"\n                [disabled]=\"isActionButtonDisabled(button)\"\n                [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                [matTooltip]=\"button.tooltip\"\n                (click)=\"onActionButtonClick(button, $event)\"\n                [ngClass]=\"getButtonNgClass(button)\"\n                [ngStyle]=\"getButtonStyles(button)\">\n                @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                <span>{{ button.label }}</span>\n              </button>\n            }\n            @case ('fab') {\n              <button mat-fab\n                [type]=\"button.type || 'button'\"\n                [color]=\"getMatColor(button)\"\n                [disabled]=\"isActionButtonDisabled(button)\"\n                [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                [matTooltip]=\"button.tooltip\"\n                (click)=\"onActionButtonClick(button, $event)\"\n                [ngClass]=\"getButtonNgClass(button)\"\n                [ngStyle]=\"getButtonStyles(button)\">\n                @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                <span>{{ button.label }}</span>\n              </button>\n            }\n            @default {\n              <button mat-raised-button\n                [type]=\"button.type || 'button'\"\n                [color]=\"getMatColor(button)\"\n                [disabled]=\"isActionButtonDisabled(button)\"\n                [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                [matTooltip]=\"button.tooltip\"\n                (click)=\"onActionButtonClick(button, $event)\"\n                [ngClass]=\"getButtonNgClass(button)\"\n                [ngStyle]=\"getButtonStyles(button)\">\n                @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                <span>{{ button.label }}</span>\n              </button>\n            }\n          }\n        }\n      }\n    }\n  </div>\n  @if (actions?.mobile?.collapseToMenu) {\n    <div class=\"mobile-actions\">\n      @for (button of getVisibleButtons(); track button.id) {\n        @switch (button.variant || 'raised') {\n          @case ('stroked') {\n            <button mat-stroked-button [type]=\"button.type || 'button'\" [color]=\"getMatColor(button)\" [disabled]=\"isActionButtonDisabled(button)\" [attr.aria-busy]=\"button.loading ? 'true' : null\" [matTooltip]=\"button.tooltip\" (click)=\"onActionButtonClick(button, $event)\" [attr.aria-label]=\"button.label\" [ngClass]=\"getButtonNgClass(button)\" [ngStyle]=\"getButtonStyles(button)\">\n              @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n              @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n              <span>{{ button.label }}</span>\n            </button>\n          }\n          @case ('flat') {\n            <button mat-flat-button [type]=\"button.type || 'button'\" [color]=\"getMatColor(button)\" [disabled]=\"isActionButtonDisabled(button)\" [attr.aria-busy]=\"button.loading ? 'true' : null\" [matTooltip]=\"button.tooltip\" (click)=\"onActionButtonClick(button, $event)\" [attr.aria-label]=\"button.label\" [ngClass]=\"getButtonNgClass(button)\" [ngStyle]=\"getButtonStyles(button)\">\n              @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n              @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n              <span>{{ button.label }}</span>\n            </button>\n          }\n          @case ('fab') {\n            <button mat-fab [type]=\"button.type || 'button'\" [color]=\"getMatColor(button)\" [disabled]=\"isActionButtonDisabled(button)\" [attr.aria-busy]=\"button.loading ? 'true' : null\" [matTooltip]=\"button.tooltip\" (click)=\"onActionButtonClick(button, $event)\" [attr.aria-label]=\"button.label\" [ngClass]=\"getButtonNgClass(button)\" [ngStyle]=\"getButtonStyles(button)\">\n              @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n              @if (button.icon && !button.loading) { <mat-icon aria-hidden=\"true\">{{ button.icon }}</mat-icon> }\n              <span>{{ button.label }}</span>\n            </button>\n          }\n          @default {\n            <button mat-raised-button [type]=\"button.type || 'button'\" [color]=\"getMatColor(button)\" [disabled]=\"isActionButtonDisabled(button)\" [attr.aria-busy]=\"button.loading ? 'true' : null\" [matTooltip]=\"button.tooltip\" (click)=\"onActionButtonClick(button, $event)\" [attr.aria-label]=\"button.label\" [ngClass]=\"getButtonNgClass(button)\" [ngStyle]=\"getButtonStyles(button)\">\n              @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n              @if (button.icon && !button.loading) { <mat-icon aria-hidden=\"true\">{{ button.icon }}</mat-icon> }\n              <span>{{ button.label }}</span>\n            </button>\n          }\n        }\n      }\n      @if (getCollapsedButtons().length > 0) {\n        <button\n          praxisIconButton=\"more_vert\"\n          size=\"compact\"\n          [matMenuTriggerFor]=\"actionsMenu\"\n          aria-label=\"More actions\"\n        >\n        </button>\n        <mat-menu #actionsMenu=\"matMenu\">\n          @for (button of getCollapsedButtons(); track button.id) {\n            <button\n              mat-menu-item\n              (click)=\"onActionButtonClick(button, $event)\"\n              [disabled]=\"isActionButtonDisabled(button)\"\n              [ngClass]=\"getButtonNgClass(button)\"\n              [ngStyle]=\"getButtonStyles(button)\"\n            >\n              @if (button.icon) { <mat-icon [praxisIcon]=\"button.icon\"></mat-icon> }\n              <span>{{ button.label }}</span>\n            </button>\n          }\n        </mat-menu>\n      }\n    </div>\n  }\n</div>\n", styles: ["@charset \"UTF-8\";.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.1rem;z-index:1;font-family:inherit;border-radius:18px;background:var(--pfx-form-footer-surface, color-mix(in srgb, var(--md-sys-color-surface-container) 78%, var(--md-sys-color-surface-container-low) 22%));border:1px solid var(--pfx-form-footer-border, color-mix(in srgb, var(--md-sys-color-outline-variant) 76%, transparent))}.form-actions.with-divider{border-top:1px solid var(--pfx-form-footer-border, color-mix(in srgb, var(--md-sys-color-outline-variant) 76%, transparent))}:host([data-actions-placement=afterSections]) .form-actions{margin:0;border-right:0;border-bottom:0;border-left:0;border-radius:0 0 var(--pfx-editorial-form-radius, 8px) var(--pfx-editorial-form-radius, 8px);background:var(--pfx-form-footer-surface, color-mix(in srgb, var(--md-sys-color-surface-container) 78%, var(--md-sys-color-surface-container-low) 22%))}:host([data-actions-placement=afterSections]) .form-actions.with-divider{border-top-color:var(--pfx-form-footer-border, color-mix(in srgb, var(--md-sys-color-outline-variant) 76%, transparent))}.form-actions.editorial-visual-context{font-family:var(--editorial-body-font-family, inherit)}.form-actions.editorial-visual-context.with-divider{border-top:var(--editorial-card-border-width, 1px) solid color-mix(in srgb,var(--editorial-border-color, var(--md-sys-color-outline-variant)) 72%,transparent)}.form-actions.sticky{position:sticky;bottom:0}.form-actions.position-left{justify-content:flex-start}.form-actions.position-center{justify-content:center}.form-actions.position-right{justify-content:flex-end}.form-actions.position-justified,.form-actions.position-split{justify-content:space-between}.form-actions.orientation-vertical .desktop-actions{display:flex;flex-direction:column}.form-actions.orientation-horizontal .desktop-actions{display:flex;flex-direction:row}.form-actions.spacing-compact{gap:.25rem}.form-actions.spacing-normal{gap:.5rem}.form-actions.spacing-spacious{gap:1rem}.form-actions.spacing-compact .desktop-actions{gap:.25rem}.form-actions.spacing-normal .desktop-actions{gap:.5rem}.form-actions.spacing-spacious .desktop-actions{gap:1rem}.form-actions.loading{pointer-events:none;opacity:.7}.mobile-actions{display:none}.desktop-actions{display:flex;flex-wrap:wrap;gap:.5rem}.form-actions__hint{display:inline-flex;align-items:center;gap:.45rem;max-width:min(100%,32rem);padding:.5rem .65rem;border-radius:8px;font-size:.84rem;line-height:1.25;color:var(--md-sys-color-on-secondary-container);background:linear-gradient(135deg,color-mix(in srgb,var(--md-sys-color-secondary-container) 82%,transparent),color-mix(in srgb,var(--md-sys-color-tertiary-container) 44%,transparent));border:1px solid color-mix(in srgb,var(--md-sys-color-secondary) 22%,transparent)}.form-actions__hint-icon{flex:0 0 auto;font-size:18px;width:18px;height:18px;line-height:18px}.form-actions.position-split .desktop-actions{width:100%;justify-content:space-between;align-items:center}.desktop-actions-group{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.desktop-actions-group.primary-group{justify-content:flex-end}.desktop-actions-group.secondary-group{opacity:.94}.form-actions .mdc-button{letter-spacing:.01em;border-radius:999px}.form-actions.editorial-visual-context .mdc-button{border-radius:var(--editorial-button-radius, 999px);font-family:var(--editorial-body-font-family, inherit)}.form-actions .mdc-button.size-small{min-height:36px;padding-inline:12px;font-size:.82rem}.form-actions .mdc-button.size-medium{min-height:44px;padding-inline:18px}.form-actions .mdc-button.size-large{min-height:50px;padding-inline:24px;font-size:.98rem}.form-actions .mat-mdc-raised-button,.form-actions .mat-mdc-unelevated-button{box-shadow:none}.form-actions .mat-mdc-raised-button:not([disabled]),.form-actions .mat-mdc-unelevated-button:not([disabled]){--mat-button-protected-container-color: var(--md-sys-color-primary);--mat-button-protected-label-text-color: var(--md-sys-color-on-primary);--mat-button-filled-container-color: var(--md-sys-color-primary);--mat-button-filled-label-text-color: var(--md-sys-color-on-primary);--mdc-protected-button-container-color: var(--md-sys-color-primary);--mdc-protected-button-label-text-color: var(--md-sys-color-on-primary);--mdc-filled-button-container-color: var(--md-sys-color-primary);--mdc-filled-button-label-text-color: var(--md-sys-color-on-primary)}.form-actions .mat-mdc-raised-button[disabled],.form-actions .mat-mdc-unelevated-button[disabled]{opacity:.55}.form-actions .mat-mdc-outlined-button,.form-actions .mat-mdc-button-base.mat-mdc-outlined-button{background:transparent}.form-actions.editorial-visual-context .mat-mdc-raised-button,.form-actions.editorial-visual-context .mat-mdc-unelevated-button{--mat-button-protected-container-color: var(--editorial-cta-primary, var(--md-sys-color-primary));--mat-button-protected-label-text-color: var(--editorial-cta-primary-text, var(--md-sys-color-on-primary));--mat-button-filled-container-color: var(--editorial-cta-primary, var(--md-sys-color-primary));--mat-button-filled-label-text-color: var(--editorial-cta-primary-text, var(--md-sys-color-on-primary));--mdc-protected-button-container-color: var(--editorial-cta-primary, var(--md-sys-color-primary));--mdc-protected-button-label-text-color: var(--editorial-cta-primary-text, var(--md-sys-color-on-primary));--mdc-filled-button-container-color: var(--editorial-cta-primary, var(--md-sys-color-primary));--mdc-filled-button-label-text-color: var(--editorial-cta-primary-text, var(--md-sys-color-on-primary));box-shadow:var(--editorial-floating-shadow, var(--editorial-card-shadow, none))}.form-actions.editorial-visual-context .mat-mdc-outlined-button{--mdc-outlined-button-outline-color: var(--editorial-border-color, var(--md-sys-color-outline-variant));--mdc-outlined-button-label-text-color: var( --editorial-cta-secondary-text, var(--editorial-text-primary, var(--md-sys-color-on-surface)) );background:color-mix(in srgb,var(--editorial-cta-secondary, var(--editorial-surface-secondary, var(--md-sys-color-surface-container-low))) 72%,transparent)}.form-actions.editorial-visual-context .mat-mdc-outlined-button.tone-primary,.form-actions.editorial-visual-context .mat-mdc-outlined-button.tone-accent{--mdc-outlined-button-label-text-color: var(--editorial-cta-primary, var(--md-sys-color-primary));background:transparent}.form-actions button .mat-icon{font-size:20px;width:20px;height:20px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.form-actions button .mat-icon+span{margin-left:8px}@media(max-width:768px){.form-actions{padding:.9rem;border-radius:16px}:host([data-actions-placement=afterSections]) .form-actions{border-radius:0 0 var(--pfx-editorial-form-radius, 8px) var(--pfx-editorial-form-radius, 8px)}.form-actions.mobile-menu-active .desktop-actions{display:none}.form-actions.mobile-menu-active .mobile-actions{display:flex;align-items:center;gap:.5rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.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: i3.MatFabButton, selector: "button[mat-fab], a[mat-fab], button[matFab], a[matFab]", inputs: ["extended"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i6.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i6.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i6.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: PraxisIconButtonComponent, selector: "button[praxisIconButton]", inputs: ["praxisIconButton", "size", "appearance", "presentation", "pressed", "busy"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: PraxisFormActionsComponent, isStandalone: true, selector: "praxis-form-actions", inputs: { actions: "actions", editorialVisualContext: "editorialVisualContext", isSubmitting: "isSubmitting", formIsValid: "formIsValid", submitError: "submitError", invalidRequiredFieldLabels: "invalidRequiredFieldLabels", suppressInvalidSubmitHint: "suppressInvalidSubmitHint", formId: "formId", actionOverrides: "actionOverrides" }, outputs: { action: "action" }, providers: [providePraxisI18nConfig(PRAXIS_DYNAMIC_FORM_I18N_CONFIG)], usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"form-actions\"\n  [ngClass]=\"viewClassMap\"\n  [ngStyle]=\"actions?.containerStyles\"\n>\n  @if (submitError) {\n    <div class=\"alert alert--error\" role=\"alert\" aria-live=\"polite\">\n      <mat-icon class=\"alert__icon\" aria-hidden=\"true\">error_outline</mat-icon>\n      <div>\n        <h4 class=\"alert__title\">{{ submitErrorTitle }}</h4>\n        <p class=\"alert__text\">{{ submitError }}</p>\n      </div>\n    </div>\n  }\n  @if (shouldShowInvalidSubmitHint()) {\n    <div class=\"form-actions__hint\" role=\"status\" aria-live=\"polite\">\n      <mat-icon class=\"form-actions__hint-icon\" aria-hidden=\"true\">info</mat-icon>\n      <span>{{ getInvalidSubmitHint() }}</span>\n    </div>\n  }\n  <div class=\"desktop-actions\">\n    @if (isSplitLayout()) {\n      <div class=\"desktop-actions-group secondary-group\">\n        @for (button of getSecondaryButtons(); track button.id) {\n          @if (button.visible) {\n            @switch (button.variant || 'raised') {\n              @case ('stroked') {\n                <button mat-stroked-button\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n              @case ('flat') {\n                <button mat-flat-button\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n              @case ('fab') {\n                <button mat-fab\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n              @default {\n                <button mat-raised-button\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n            }\n          }\n        }\n      </div>\n      <div class=\"desktop-actions-group primary-group\">\n        @for (button of getPrimaryButtons(); track button.id) {\n          @if (button.visible) {\n            @switch (button.variant || 'raised') {\n              @case ('stroked') {\n                <button mat-stroked-button\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n              @case ('flat') {\n                <button mat-flat-button\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n              @case ('fab') {\n                <button mat-fab\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n              @default {\n                <button mat-raised-button\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n            }\n          }\n        }\n      </div>\n    } @else {\n      @for (button of getActionButtons(); track button.id) {\n        @if (button.visible) {\n          @switch (button.variant || 'raised') {\n            @case ('stroked') {\n              <button mat-stroked-button\n                [type]=\"button.type || 'button'\"\n                [color]=\"getMatColor(button)\"\n                [disabled]=\"isActionButtonDisabled(button)\"\n                [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                [matTooltip]=\"button.tooltip\"\n                (click)=\"onActionButtonClick(button, $event)\"\n                [ngClass]=\"getButtonNgClass(button)\"\n                [ngStyle]=\"getButtonStyles(button)\">\n                @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                <span>{{ button.label }}</span>\n              </button>\n            }\n            @case ('flat') {\n              <button mat-flat-button\n                [type]=\"button.type || 'button'\"\n                [color]=\"getMatColor(button)\"\n                [disabled]=\"isActionButtonDisabled(button)\"\n                [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                [matTooltip]=\"button.tooltip\"\n                (click)=\"onActionButtonClick(button, $event)\"\n                [ngClass]=\"getButtonNgClass(button)\"\n                [ngStyle]=\"getButtonStyles(button)\">\n                @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                <span>{{ button.label }}</span>\n              </button>\n            }\n            @case ('fab') {\n              <button mat-fab\n                [type]=\"button.type || 'button'\"\n                [color]=\"getMatColor(button)\"\n                [disabled]=\"isActionButtonDisabled(button)\"\n                [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                [matTooltip]=\"button.tooltip\"\n                (click)=\"onActionButtonClick(button, $event)\"\n                [ngClass]=\"getButtonNgClass(button)\"\n                [ngStyle]=\"getButtonStyles(button)\">\n                @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                <span>{{ button.label }}</span>\n              </button>\n            }\n            @default {\n              <button mat-raised-button\n                [type]=\"button.type || 'button'\"\n                [color]=\"getMatColor(button)\"\n                [disabled]=\"isActionButtonDisabled(button)\"\n                [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                [matTooltip]=\"button.tooltip\"\n                (click)=\"onActionButtonClick(button, $event)\"\n                [ngClass]=\"getButtonNgClass(button)\"\n                [ngStyle]=\"getButtonStyles(button)\">\n                @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                <span>{{ button.label }}</span>\n              </button>\n            }\n          }\n        }\n      }\n    }\n  </div>\n  @if (actions?.mobile?.collapseToMenu) {\n    <div class=\"mobile-actions\">\n      @for (button of getVisibleButtons(); track button.id) {\n        @switch (button.variant || 'raised') {\n          @case ('stroked') {\n            <button mat-stroked-button [type]=\"button.type || 'button'\" [color]=\"getMatColor(button)\" [disabled]=\"isActionButtonDisabled(button)\" [attr.aria-busy]=\"button.loading ? 'true' : null\" [matTooltip]=\"button.tooltip\" (click)=\"onActionButtonClick(button, $event)\" [attr.aria-label]=\"button.label\" [ngClass]=\"getButtonNgClass(button)\" [ngStyle]=\"getButtonStyles(button)\">\n              @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n              @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n              <span>{{ button.label }}</span>\n            </button>\n          }\n          @case ('flat') {\n            <button mat-flat-button [type]=\"button.type || 'button'\" [color]=\"getMatColor(button)\" [disabled]=\"isActionButtonDisabled(button)\" [attr.aria-busy]=\"button.loading ? 'true' : null\" [matTooltip]=\"button.tooltip\" (click)=\"onActionButtonClick(button, $event)\" [attr.aria-label]=\"button.label\" [ngClass]=\"getButtonNgClass(button)\" [ngStyle]=\"getButtonStyles(button)\">\n              @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n              @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n              <span>{{ button.label }}</span>\n            </button>\n          }\n          @case ('fab') {\n            <button mat-fab [type]=\"button.type || 'button'\" [color]=\"getMatColor(button)\" [disabled]=\"isActionButtonDisabled(button)\" [attr.aria-busy]=\"button.loading ? 'true' : null\" [matTooltip]=\"button.tooltip\" (click)=\"onActionButtonClick(button, $event)\" [attr.aria-label]=\"button.label\" [ngClass]=\"getButtonNgClass(button)\" [ngStyle]=\"getButtonStyles(button)\">\n              @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n              @if (button.icon && !button.loading) { <mat-icon aria-hidden=\"true\">{{ button.icon }}</mat-icon> }\n              <span>{{ button.label }}</span>\n            </button>\n          }\n          @default {\n            <button mat-raised-button [type]=\"button.type || 'button'\" [color]=\"getMatColor(button)\" [disabled]=\"isActionButtonDisabled(button)\" [attr.aria-busy]=\"button.loading ? 'true' : null\" [matTooltip]=\"button.tooltip\" (click)=\"onActionButtonClick(button, $event)\" [attr.aria-label]=\"button.label\" [ngClass]=\"getButtonNgClass(button)\" [ngStyle]=\"getButtonStyles(button)\">\n              @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n              @if (button.icon && !button.loading) { <mat-icon aria-hidden=\"true\">{{ button.icon }}</mat-icon> }\n              <span>{{ button.label }}</span>\n            </button>\n          }\n        }\n      }\n      @if (getCollapsedButtons().length > 0) {\n        <button\n          praxisIconButton=\"more_vert\"\n          size=\"compact\"\n          [matMenuTriggerFor]=\"actionsMenu\"\n          aria-label=\"More actions\"\n        >\n        </button>\n        <mat-menu #actionsMenu=\"matMenu\">\n          @for (button of getCollapsedButtons(); track button.id) {\n            <button\n              mat-menu-item\n              (click)=\"onActionButtonClick(button, $event)\"\n              [disabled]=\"isActionButtonDisabled(button)\"\n              [ngClass]=\"getButtonNgClass(button)\"\n              [ngStyle]=\"getButtonStyles(button)\"\n            >\n              @if (button.icon) { <mat-icon [praxisIcon]=\"button.icon\"></mat-icon> }\n              <span>{{ button.label }}</span>\n            </button>\n          }\n        </mat-menu>\n      }\n    </div>\n  }\n</div>\n", styles: ["@charset \"UTF-8\";.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.1rem;z-index:1;font-family:inherit;border-radius:18px;background:var(--pfx-form-footer-surface, color-mix(in srgb, var(--md-sys-color-surface-container) 78%, var(--md-sys-color-surface-container-low) 22%));border:1px solid var(--pfx-form-footer-border, color-mix(in srgb, var(--md-sys-color-outline-variant) 76%, transparent))}.form-actions.with-divider{border-top:1px solid var(--pfx-form-footer-border, color-mix(in srgb, var(--md-sys-color-outline-variant) 76%, transparent))}:host([data-actions-placement=afterSections]) .form-actions{margin:0;border-right:0;border-bottom:0;border-left:0;border-radius:0 0 var(--pfx-editorial-form-radius, 8px) var(--pfx-editorial-form-radius, 8px);background:var(--pfx-form-footer-surface, color-mix(in srgb, var(--md-sys-color-surface-container) 78%, var(--md-sys-color-surface-container-low) 22%))}:host([data-actions-placement=afterSections]) .form-actions.with-divider{border-top-color:var(--pfx-form-footer-border, color-mix(in srgb, var(--md-sys-color-outline-variant) 76%, transparent))}.form-actions.editorial-visual-context{font-family:var(--editorial-body-font-family, inherit)}.form-actions.editorial-visual-context.with-divider{border-top:var(--editorial-card-border-width, 1px) solid color-mix(in srgb,var(--editorial-border-color, var(--md-sys-color-outline-variant)) 72%,transparent)}.form-actions.sticky{position:sticky;bottom:0}.form-actions.position-left{justify-content:flex-start}.form-actions.position-center{justify-content:center}.form-actions.position-right{justify-content:flex-end}.form-actions.position-justified,.form-actions.position-split{justify-content:space-between}.form-actions.orientation-vertical .desktop-actions{display:flex;flex-direction:column}.form-actions.orientation-horizontal .desktop-actions{display:flex;flex-direction:row}.form-actions.spacing-compact{gap:.25rem}.form-actions.spacing-normal{gap:.5rem}.form-actions.spacing-spacious{gap:1rem}.form-actions.spacing-compact .desktop-actions{gap:.25rem}.form-actions.spacing-normal .desktop-actions{gap:.5rem}.form-actions.spacing-spacious .desktop-actions{gap:1rem}.form-actions.loading{pointer-events:none;opacity:.7}.mobile-actions{display:none}.desktop-actions{display:flex;flex-wrap:wrap;gap:.5rem}.form-actions__hint{display:inline-flex;align-items:center;gap:.45rem;max-width:min(100%,32rem);padding:.5rem .65rem;border-radius:8px;font-size:.84rem;line-height:1.25;color:var(--md-sys-color-on-secondary-container);background:linear-gradient(135deg,color-mix(in srgb,var(--md-sys-color-secondary-container) 82%,transparent),color-mix(in srgb,var(--md-sys-color-tertiary-container) 44%,transparent));border:1px solid color-mix(in srgb,var(--md-sys-color-secondary) 22%,transparent)}.form-actions__hint-icon{flex:0 0 auto;font-size:18px;width:18px;height:18px;line-height:18px}.form-actions.position-split .desktop-actions{width:100%;justify-content:space-between;align-items:center}.desktop-actions-group{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.desktop-actions-group.primary-group{justify-content:flex-end}.desktop-actions-group.secondary-group{opacity:.94}.form-actions .mdc-button{letter-spacing:.01em;border-radius:999px}.form-actions.editorial-visual-context .mdc-button{border-radius:var(--editorial-button-radius, 999px);font-family:var(--editorial-body-font-family, inherit)}.form-actions .mdc-button.size-small{min-height:36px;padding-inline:12px;font-size:.82rem}.form-actions .mdc-button.size-medium{min-height:44px;padding-inline:18px}.form-actions .mdc-button.size-large{min-height:50px;padding-inline:24px;font-size:.98rem}.form-actions .mat-mdc-raised-button,.form-actions .mat-mdc-unelevated-button{box-shadow:none}.form-actions .mat-mdc-raised-button:not([disabled]),.form-actions .mat-mdc-unelevated-button:not([disabled]){--mat-button-protected-container-color: var(--md-sys-color-primary);--mat-button-protected-label-text-color: var(--md-sys-color-on-primary);--mat-button-filled-container-color: var(--md-sys-color-primary);--mat-button-filled-label-text-color: var(--md-sys-color-on-primary);--mdc-protected-button-container-color: var(--md-sys-color-primary);--mdc-protected-button-label-text-color: var(--md-sys-color-on-primary);--mdc-filled-button-container-color: var(--md-sys-color-primary);--mdc-filled-button-label-text-color: var(--md-sys-color-on-primary)}.form-actions .mat-mdc-raised-button[disabled],.form-actions .mat-mdc-unelevated-button[disabled]{opacity:.55}.form-actions .mat-mdc-outlined-button,.form-actions .mat-mdc-button-base.mat-mdc-outlined-button{background:transparent}.form-actions.editorial-visual-context .mat-mdc-raised-button,.form-actions.editorial-visual-context .mat-mdc-unelevated-button{--mat-button-protected-container-color: var(--editorial-cta-primary, var(--md-sys-color-primary));--mat-button-protected-label-text-color: var(--editorial-cta-primary-text, var(--md-sys-color-on-primary));--mat-button-filled-container-color: var(--editorial-cta-primary, var(--md-sys-color-primary));--mat-button-filled-label-text-color: var(--editorial-cta-primary-text, var(--md-sys-color-on-primary));--mdc-protected-button-container-color: var(--editorial-cta-primary, var(--md-sys-color-primary));--mdc-protected-button-label-text-color: var(--editorial-cta-primary-text, var(--md-sys-color-on-primary));--mdc-filled-button-container-color: var(--editorial-cta-primary, var(--md-sys-color-primary));--mdc-filled-button-label-text-color: var(--editorial-cta-primary-text, var(--md-sys-color-on-primary));box-shadow:var(--editorial-floating-shadow, var(--editorial-card-shadow, none))}.form-actions.editorial-visual-context .mat-mdc-outlined-button{--mdc-outlined-button-outline-color: var(--editorial-border-color, var(--md-sys-color-outline-variant));--mdc-outlined-button-label-text-color: var( --editorial-cta-secondary-text, var(--editorial-text-primary, var(--md-sys-color-on-surface)) );background:color-mix(in srgb,var(--editorial-cta-secondary, var(--editorial-surface-secondary, var(--md-sys-color-surface-container-low))) 72%,transparent)}.form-actions.editorial-visual-context .mat-mdc-outlined-button.tone-primary,.form-actions.editorial-visual-context .mat-mdc-outlined-button.tone-accent{--mdc-outlined-button-label-text-color: var(--editorial-cta-primary, var(--md-sys-color-primary));background:transparent}.form-actions button .mat-icon{font-size:20px;width:20px;height:20px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.form-actions button .mat-icon+span{margin-left:8px}@media(max-width:768px){.form-actions{padding:.9rem;border-radius:16px}:host([data-actions-placement=afterSections]) .form-actions{border-radius:0 0 var(--pfx-editorial-form-radius, 8px) var(--pfx-editorial-form-radius, 8px)}.form-actions.mobile-menu-active .desktop-actions{display:none}.form-actions.mobile-menu-active .mobile-actions{display:flex;align-items:center;gap:.5rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.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: i3.MatFabButton, selector: "button[mat-fab], a[mat-fab], button[matFab], a[matFab]", inputs: ["extended"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i6.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i6.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i6.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: PraxisIconButtonComponent, selector: "button[praxisIconButton]", inputs: ["praxisIconButton", "size", "appearance", "presentation", "pressed", "busy"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PraxisFormActionsComponent, decorators: [{
             type: Component,
@@ -2639,7 +2642,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                         MatMenuModule,
                         PraxisIconButtonComponent,
                         PraxisIconDirective,
-                    ], providers: [providePraxisI18nConfig(PRAXIS_DYNAMIC_FORM_I18N_CONFIG)], template: "<div\n  class=\"form-actions\"\n  [ngClass]=\"viewClassMap\"\n  [ngStyle]=\"actions?.containerStyles\"\n>\n  @if (submitError) {\n    <div class=\"alert alert--error\" role=\"alert\" aria-live=\"polite\">\n      <mat-icon class=\"alert__icon\" aria-hidden=\"true\">error_outline</mat-icon>\n      <div>\n        <h4 class=\"alert__title\">Erro ao salvar</h4>\n        <p class=\"alert__text\">{{ submitError }}</p>\n      </div>\n    </div>\n  }\n  @if (shouldShowInvalidSubmitHint()) {\n    <div class=\"form-actions__hint\" role=\"status\" aria-live=\"polite\">\n      <mat-icon class=\"form-actions__hint-icon\" aria-hidden=\"true\">info</mat-icon>\n      <span>{{ getInvalidSubmitHint() }}</span>\n    </div>\n  }\n  <div class=\"desktop-actions\">\n    @if (isSplitLayout()) {\n      <div class=\"desktop-actions-group secondary-group\">\n        @for (button of getSecondaryButtons(); track button.id) {\n          @if (button.visible) {\n            @switch (button.variant || 'raised') {\n              @case ('stroked') {\n                <button mat-stroked-button\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n              @case ('flat') {\n                <button mat-flat-button\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n              @case ('fab') {\n                <button mat-fab\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n              @default {\n                <button mat-raised-button\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n            }\n          }\n        }\n      </div>\n      <div class=\"desktop-actions-group primary-group\">\n        @for (button of getPrimaryButtons(); track button.id) {\n          @if (button.visible) {\n            @switch (button.variant || 'raised') {\n              @case ('stroked') {\n                <button mat-stroked-button\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n              @case ('flat') {\n                <button mat-flat-button\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n              @case ('fab') {\n                <button mat-fab\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n              @default {\n                <button mat-raised-button\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n            }\n          }\n        }\n      </div>\n    } @else {\n      @for (button of getActionButtons(); track button.id) {\n        @if (button.visible) {\n          @switch (button.variant || 'raised') {\n            @case ('stroked') {\n              <button mat-stroked-button\n                [type]=\"button.type || 'button'\"\n                [color]=\"getMatColor(button)\"\n                [disabled]=\"isActionButtonDisabled(button)\"\n                [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                [matTooltip]=\"button.tooltip\"\n                (click)=\"onActionButtonClick(button, $event)\"\n                [ngClass]=\"getButtonNgClass(button)\"\n                [ngStyle]=\"getButtonStyles(button)\">\n                @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                <span>{{ button.label }}</span>\n              </button>\n            }\n            @case ('flat') {\n              <button mat-flat-button\n                [type]=\"button.type || 'button'\"\n                [color]=\"getMatColor(button)\"\n                [disabled]=\"isActionButtonDisabled(button)\"\n                [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                [matTooltip]=\"button.tooltip\"\n                (click)=\"onActionButtonClick(button, $event)\"\n                [ngClass]=\"getButtonNgClass(button)\"\n                [ngStyle]=\"getButtonStyles(button)\">\n                @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                <span>{{ button.label }}</span>\n              </button>\n            }\n            @case ('fab') {\n              <button mat-fab\n                [type]=\"button.type || 'button'\"\n                [color]=\"getMatColor(button)\"\n                [disabled]=\"isActionButtonDisabled(button)\"\n                [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                [matTooltip]=\"button.tooltip\"\n                (click)=\"onActionButtonClick(button, $event)\"\n                [ngClass]=\"getButtonNgClass(button)\"\n                [ngStyle]=\"getButtonStyles(button)\">\n                @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                <span>{{ button.label }}</span>\n              </button>\n            }\n            @default {\n              <button mat-raised-button\n                [type]=\"button.type || 'button'\"\n                [color]=\"getMatColor(button)\"\n                [disabled]=\"isActionButtonDisabled(button)\"\n                [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                [matTooltip]=\"button.tooltip\"\n                (click)=\"onActionButtonClick(button, $event)\"\n                [ngClass]=\"getButtonNgClass(button)\"\n                [ngStyle]=\"getButtonStyles(button)\">\n                @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                <span>{{ button.label }}</span>\n              </button>\n            }\n          }\n        }\n      }\n    }\n  </div>\n  @if (actions?.mobile?.collapseToMenu) {\n    <div class=\"mobile-actions\">\n      @for (button of getVisibleButtons(); track button.id) {\n        @switch (button.variant || 'raised') {\n          @case ('stroked') {\n            <button mat-stroked-button [type]=\"button.type || 'button'\" [color]=\"getMatColor(button)\" [disabled]=\"isActionButtonDisabled(button)\" [attr.aria-busy]=\"button.loading ? 'true' : null\" [matTooltip]=\"button.tooltip\" (click)=\"onActionButtonClick(button, $event)\" [attr.aria-label]=\"button.label\" [ngClass]=\"getButtonNgClass(button)\" [ngStyle]=\"getButtonStyles(button)\">\n              @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n              @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n              <span>{{ button.label }}</span>\n            </button>\n          }\n          @case ('flat') {\n            <button mat-flat-button [type]=\"button.type || 'button'\" [color]=\"getMatColor(button)\" [disabled]=\"isActionButtonDisabled(button)\" [attr.aria-busy]=\"button.loading ? 'true' : null\" [matTooltip]=\"button.tooltip\" (click)=\"onActionButtonClick(button, $event)\" [attr.aria-label]=\"button.label\" [ngClass]=\"getButtonNgClass(button)\" [ngStyle]=\"getButtonStyles(button)\">\n              @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n              @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n              <span>{{ button.label }}</span>\n            </button>\n          }\n          @case ('fab') {\n            <button mat-fab [type]=\"button.type || 'button'\" [color]=\"getMatColor(button)\" [disabled]=\"isActionButtonDisabled(button)\" [attr.aria-busy]=\"button.loading ? 'true' : null\" [matTooltip]=\"button.tooltip\" (click)=\"onActionButtonClick(button, $event)\" [attr.aria-label]=\"button.label\" [ngClass]=\"getButtonNgClass(button)\" [ngStyle]=\"getButtonStyles(button)\">\n              @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n              @if (button.icon && !button.loading) { <mat-icon aria-hidden=\"true\">{{ button.icon }}</mat-icon> }\n              <span>{{ button.label }}</span>\n            </button>\n          }\n          @default {\n            <button mat-raised-button [type]=\"button.type || 'button'\" [color]=\"getMatColor(button)\" [disabled]=\"isActionButtonDisabled(button)\" [attr.aria-busy]=\"button.loading ? 'true' : null\" [matTooltip]=\"button.tooltip\" (click)=\"onActionButtonClick(button, $event)\" [attr.aria-label]=\"button.label\" [ngClass]=\"getButtonNgClass(button)\" [ngStyle]=\"getButtonStyles(button)\">\n              @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n              @if (button.icon && !button.loading) { <mat-icon aria-hidden=\"true\">{{ button.icon }}</mat-icon> }\n              <span>{{ button.label }}</span>\n            </button>\n          }\n        }\n      }\n      @if (getCollapsedButtons().length > 0) {\n        <button\n          praxisIconButton=\"more_vert\"\n          size=\"compact\"\n          [matMenuTriggerFor]=\"actionsMenu\"\n          aria-label=\"More actions\"\n        >\n        </button>\n        <mat-menu #actionsMenu=\"matMenu\">\n          @for (button of getCollapsedButtons(); track button.id) {\n            <button\n              mat-menu-item\n              (click)=\"onActionButtonClick(button, $event)\"\n              [disabled]=\"isActionButtonDisabled(button)\"\n              [ngClass]=\"getButtonNgClass(button)\"\n              [ngStyle]=\"getButtonStyles(button)\"\n            >\n              @if (button.icon) { <mat-icon [praxisIcon]=\"button.icon\"></mat-icon> }\n              <span>{{ button.label }}</span>\n            </button>\n          }\n        </mat-menu>\n      }\n    </div>\n  }\n</div>\n", styles: ["@charset \"UTF-8\";.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.1rem;z-index:1;font-family:inherit;border-radius:18px;background:var(--pfx-form-footer-surface, color-mix(in srgb, var(--md-sys-color-surface-container) 78%, var(--md-sys-color-surface-container-low) 22%));border:1px solid var(--pfx-form-footer-border, color-mix(in srgb, var(--md-sys-color-outline-variant) 76%, transparent))}.form-actions.with-divider{border-top:1px solid var(--pfx-form-footer-border, color-mix(in srgb, var(--md-sys-color-outline-variant) 76%, transparent))}:host([data-actions-placement=afterSections]) .form-actions{margin:0;border-right:0;border-bottom:0;border-left:0;border-radius:0 0 var(--pfx-editorial-form-radius, 8px) var(--pfx-editorial-form-radius, 8px);background:var(--pfx-form-footer-surface, color-mix(in srgb, var(--md-sys-color-surface-container) 78%, var(--md-sys-color-surface-container-low) 22%))}:host([data-actions-placement=afterSections]) .form-actions.with-divider{border-top-color:var(--pfx-form-footer-border, color-mix(in srgb, var(--md-sys-color-outline-variant) 76%, transparent))}.form-actions.editorial-visual-context{font-family:var(--editorial-body-font-family, inherit)}.form-actions.editorial-visual-context.with-divider{border-top:var(--editorial-card-border-width, 1px) solid color-mix(in srgb,var(--editorial-border-color, var(--md-sys-color-outline-variant)) 72%,transparent)}.form-actions.sticky{position:sticky;bottom:0}.form-actions.position-left{justify-content:flex-start}.form-actions.position-center{justify-content:center}.form-actions.position-right{justify-content:flex-end}.form-actions.position-justified,.form-actions.position-split{justify-content:space-between}.form-actions.orientation-vertical .desktop-actions{display:flex;flex-direction:column}.form-actions.orientation-horizontal .desktop-actions{display:flex;flex-direction:row}.form-actions.spacing-compact{gap:.25rem}.form-actions.spacing-normal{gap:.5rem}.form-actions.spacing-spacious{gap:1rem}.form-actions.spacing-compact .desktop-actions{gap:.25rem}.form-actions.spacing-normal .desktop-actions{gap:.5rem}.form-actions.spacing-spacious .desktop-actions{gap:1rem}.form-actions.loading{pointer-events:none;opacity:.7}.mobile-actions{display:none}.desktop-actions{display:flex;flex-wrap:wrap;gap:.5rem}.form-actions__hint{display:inline-flex;align-items:center;gap:.45rem;max-width:min(100%,32rem);padding:.5rem .65rem;border-radius:8px;font-size:.84rem;line-height:1.25;color:var(--md-sys-color-on-secondary-container);background:linear-gradient(135deg,color-mix(in srgb,var(--md-sys-color-secondary-container) 82%,transparent),color-mix(in srgb,var(--md-sys-color-tertiary-container) 44%,transparent));border:1px solid color-mix(in srgb,var(--md-sys-color-secondary) 22%,transparent)}.form-actions__hint-icon{flex:0 0 auto;font-size:18px;width:18px;height:18px;line-height:18px}.form-actions.position-split .desktop-actions{width:100%;justify-content:space-between;align-items:center}.desktop-actions-group{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.desktop-actions-group.primary-group{justify-content:flex-end}.desktop-actions-group.secondary-group{opacity:.94}.form-actions .mdc-button{letter-spacing:.01em;border-radius:999px}.form-actions.editorial-visual-context .mdc-button{border-radius:var(--editorial-button-radius, 999px);font-family:var(--editorial-body-font-family, inherit)}.form-actions .mdc-button.size-small{min-height:36px;padding-inline:12px;font-size:.82rem}.form-actions .mdc-button.size-medium{min-height:44px;padding-inline:18px}.form-actions .mdc-button.size-large{min-height:50px;padding-inline:24px;font-size:.98rem}.form-actions .mat-mdc-raised-button,.form-actions .mat-mdc-unelevated-button{box-shadow:none}.form-actions .mat-mdc-raised-button:not([disabled]),.form-actions .mat-mdc-unelevated-button:not([disabled]){--mat-button-protected-container-color: var(--md-sys-color-primary);--mat-button-protected-label-text-color: var(--md-sys-color-on-primary);--mat-button-filled-container-color: var(--md-sys-color-primary);--mat-button-filled-label-text-color: var(--md-sys-color-on-primary);--mdc-protected-button-container-color: var(--md-sys-color-primary);--mdc-protected-button-label-text-color: var(--md-sys-color-on-primary);--mdc-filled-button-container-color: var(--md-sys-color-primary);--mdc-filled-button-label-text-color: var(--md-sys-color-on-primary)}.form-actions .mat-mdc-raised-button[disabled],.form-actions .mat-mdc-unelevated-button[disabled]{opacity:.55}.form-actions .mat-mdc-outlined-button,.form-actions .mat-mdc-button-base.mat-mdc-outlined-button{background:transparent}.form-actions.editorial-visual-context .mat-mdc-raised-button,.form-actions.editorial-visual-context .mat-mdc-unelevated-button{--mat-button-protected-container-color: var(--editorial-cta-primary, var(--md-sys-color-primary));--mat-button-protected-label-text-color: var(--editorial-cta-primary-text, var(--md-sys-color-on-primary));--mat-button-filled-container-color: var(--editorial-cta-primary, var(--md-sys-color-primary));--mat-button-filled-label-text-color: var(--editorial-cta-primary-text, var(--md-sys-color-on-primary));--mdc-protected-button-container-color: var(--editorial-cta-primary, var(--md-sys-color-primary));--mdc-protected-button-label-text-color: var(--editorial-cta-primary-text, var(--md-sys-color-on-primary));--mdc-filled-button-container-color: var(--editorial-cta-primary, var(--md-sys-color-primary));--mdc-filled-button-label-text-color: var(--editorial-cta-primary-text, var(--md-sys-color-on-primary));box-shadow:var(--editorial-floating-shadow, var(--editorial-card-shadow, none))}.form-actions.editorial-visual-context .mat-mdc-outlined-button{--mdc-outlined-button-outline-color: var(--editorial-border-color, var(--md-sys-color-outline-variant));--mdc-outlined-button-label-text-color: var( --editorial-cta-secondary-text, var(--editorial-text-primary, var(--md-sys-color-on-surface)) );background:color-mix(in srgb,var(--editorial-cta-secondary, var(--editorial-surface-secondary, var(--md-sys-color-surface-container-low))) 72%,transparent)}.form-actions.editorial-visual-context .mat-mdc-outlined-button.tone-primary,.form-actions.editorial-visual-context .mat-mdc-outlined-button.tone-accent{--mdc-outlined-button-label-text-color: var(--editorial-cta-primary, var(--md-sys-color-primary));background:transparent}.form-actions button .mat-icon{font-size:20px;width:20px;height:20px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.form-actions button .mat-icon+span{margin-left:8px}@media(max-width:768px){.form-actions{padding:.9rem;border-radius:16px}:host([data-actions-placement=afterSections]) .form-actions{border-radius:0 0 var(--pfx-editorial-form-radius, 8px) var(--pfx-editorial-form-radius, 8px)}.form-actions.mobile-menu-active .desktop-actions{display:none}.form-actions.mobile-menu-active .mobile-actions{display:flex;align-items:center;gap:.5rem}}\n"] }]
+                    ], providers: [providePraxisI18nConfig(PRAXIS_DYNAMIC_FORM_I18N_CONFIG)], template: "<div\n  class=\"form-actions\"\n  [ngClass]=\"viewClassMap\"\n  [ngStyle]=\"actions?.containerStyles\"\n>\n  @if (submitError) {\n    <div class=\"alert alert--error\" role=\"alert\" aria-live=\"polite\">\n      <mat-icon class=\"alert__icon\" aria-hidden=\"true\">error_outline</mat-icon>\n      <div>\n        <h4 class=\"alert__title\">{{ submitErrorTitle }}</h4>\n        <p class=\"alert__text\">{{ submitError }}</p>\n      </div>\n    </div>\n  }\n  @if (shouldShowInvalidSubmitHint()) {\n    <div class=\"form-actions__hint\" role=\"status\" aria-live=\"polite\">\n      <mat-icon class=\"form-actions__hint-icon\" aria-hidden=\"true\">info</mat-icon>\n      <span>{{ getInvalidSubmitHint() }}</span>\n    </div>\n  }\n  <div class=\"desktop-actions\">\n    @if (isSplitLayout()) {\n      <div class=\"desktop-actions-group secondary-group\">\n        @for (button of getSecondaryButtons(); track button.id) {\n          @if (button.visible) {\n            @switch (button.variant || 'raised') {\n              @case ('stroked') {\n                <button mat-stroked-button\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n              @case ('flat') {\n                <button mat-flat-button\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n              @case ('fab') {\n                <button mat-fab\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n              @default {\n                <button mat-raised-button\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n            }\n          }\n        }\n      </div>\n      <div class=\"desktop-actions-group primary-group\">\n        @for (button of getPrimaryButtons(); track button.id) {\n          @if (button.visible) {\n            @switch (button.variant || 'raised') {\n              @case ('stroked') {\n                <button mat-stroked-button\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n              @case ('flat') {\n                <button mat-flat-button\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n              @case ('fab') {\n                <button mat-fab\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n              @default {\n                <button mat-raised-button\n                  [type]=\"button.type || 'button'\"\n                  [color]=\"getMatColor(button)\"\n                  [disabled]=\"isActionButtonDisabled(button)\"\n                  [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                  [matTooltip]=\"button.tooltip\"\n                  (click)=\"onActionButtonClick(button, $event)\"\n                  [ngClass]=\"getButtonNgClass(button)\"\n                  [ngStyle]=\"getButtonStyles(button)\">\n                  @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                  @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                  <span>{{ button.label }}</span>\n                </button>\n              }\n            }\n          }\n        }\n      </div>\n    } @else {\n      @for (button of getActionButtons(); track button.id) {\n        @if (button.visible) {\n          @switch (button.variant || 'raised') {\n            @case ('stroked') {\n              <button mat-stroked-button\n                [type]=\"button.type || 'button'\"\n                [color]=\"getMatColor(button)\"\n                [disabled]=\"isActionButtonDisabled(button)\"\n                [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                [matTooltip]=\"button.tooltip\"\n                (click)=\"onActionButtonClick(button, $event)\"\n                [ngClass]=\"getButtonNgClass(button)\"\n                [ngStyle]=\"getButtonStyles(button)\">\n                @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                <span>{{ button.label }}</span>\n              </button>\n            }\n            @case ('flat') {\n              <button mat-flat-button\n                [type]=\"button.type || 'button'\"\n                [color]=\"getMatColor(button)\"\n                [disabled]=\"isActionButtonDisabled(button)\"\n                [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                [matTooltip]=\"button.tooltip\"\n                (click)=\"onActionButtonClick(button, $event)\"\n                [ngClass]=\"getButtonNgClass(button)\"\n                [ngStyle]=\"getButtonStyles(button)\">\n                @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                <span>{{ button.label }}</span>\n              </button>\n            }\n            @case ('fab') {\n              <button mat-fab\n                [type]=\"button.type || 'button'\"\n                [color]=\"getMatColor(button)\"\n                [disabled]=\"isActionButtonDisabled(button)\"\n                [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                [matTooltip]=\"button.tooltip\"\n                (click)=\"onActionButtonClick(button, $event)\"\n                [ngClass]=\"getButtonNgClass(button)\"\n                [ngStyle]=\"getButtonStyles(button)\">\n                @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                <span>{{ button.label }}</span>\n              </button>\n            }\n            @default {\n              <button mat-raised-button\n                [type]=\"button.type || 'button'\"\n                [color]=\"getMatColor(button)\"\n                [disabled]=\"isActionButtonDisabled(button)\"\n                [attr.aria-busy]=\"button.loading ? 'true' : null\"\n                [matTooltip]=\"button.tooltip\"\n                (click)=\"onActionButtonClick(button, $event)\"\n                [ngClass]=\"getButtonNgClass(button)\"\n                [ngStyle]=\"getButtonStyles(button)\">\n                @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n                @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n                <span>{{ button.label }}</span>\n              </button>\n            }\n          }\n        }\n      }\n    }\n  </div>\n  @if (actions?.mobile?.collapseToMenu) {\n    <div class=\"mobile-actions\">\n      @for (button of getVisibleButtons(); track button.id) {\n        @switch (button.variant || 'raised') {\n          @case ('stroked') {\n            <button mat-stroked-button [type]=\"button.type || 'button'\" [color]=\"getMatColor(button)\" [disabled]=\"isActionButtonDisabled(button)\" [attr.aria-busy]=\"button.loading ? 'true' : null\" [matTooltip]=\"button.tooltip\" (click)=\"onActionButtonClick(button, $event)\" [attr.aria-label]=\"button.label\" [ngClass]=\"getButtonNgClass(button)\" [ngStyle]=\"getButtonStyles(button)\">\n              @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n              @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n              <span>{{ button.label }}</span>\n            </button>\n          }\n          @case ('flat') {\n            <button mat-flat-button [type]=\"button.type || 'button'\" [color]=\"getMatColor(button)\" [disabled]=\"isActionButtonDisabled(button)\" [attr.aria-busy]=\"button.loading ? 'true' : null\" [matTooltip]=\"button.tooltip\" (click)=\"onActionButtonClick(button, $event)\" [attr.aria-label]=\"button.label\" [ngClass]=\"getButtonNgClass(button)\" [ngStyle]=\"getButtonStyles(button)\">\n              @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n              @if (button.icon && !button.loading) { <mat-icon [praxisIcon]=\"button.icon\" aria-hidden=\"true\"></mat-icon> }\n              <span>{{ button.label }}</span>\n            </button>\n          }\n          @case ('fab') {\n            <button mat-fab [type]=\"button.type || 'button'\" [color]=\"getMatColor(button)\" [disabled]=\"isActionButtonDisabled(button)\" [attr.aria-busy]=\"button.loading ? 'true' : null\" [matTooltip]=\"button.tooltip\" (click)=\"onActionButtonClick(button, $event)\" [attr.aria-label]=\"button.label\" [ngClass]=\"getButtonNgClass(button)\" [ngStyle]=\"getButtonStyles(button)\">\n              @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n              @if (button.icon && !button.loading) { <mat-icon aria-hidden=\"true\">{{ button.icon }}</mat-icon> }\n              <span>{{ button.label }}</span>\n            </button>\n          }\n          @default {\n            <button mat-raised-button [type]=\"button.type || 'button'\" [color]=\"getMatColor(button)\" [disabled]=\"isActionButtonDisabled(button)\" [attr.aria-busy]=\"button.loading ? 'true' : null\" [matTooltip]=\"button.tooltip\" (click)=\"onActionButtonClick(button, $event)\" [attr.aria-label]=\"button.label\" [ngClass]=\"getButtonNgClass(button)\" [ngStyle]=\"getButtonStyles(button)\">\n              @if (button.loading) { <mat-icon class=\"loading-icon\" aria-hidden=\"true\">autorenew</mat-icon> }\n              @if (button.icon && !button.loading) { <mat-icon aria-hidden=\"true\">{{ button.icon }}</mat-icon> }\n              <span>{{ button.label }}</span>\n            </button>\n          }\n        }\n      }\n      @if (getCollapsedButtons().length > 0) {\n        <button\n          praxisIconButton=\"more_vert\"\n          size=\"compact\"\n          [matMenuTriggerFor]=\"actionsMenu\"\n          aria-label=\"More actions\"\n        >\n        </button>\n        <mat-menu #actionsMenu=\"matMenu\">\n          @for (button of getCollapsedButtons(); track button.id) {\n            <button\n              mat-menu-item\n              (click)=\"onActionButtonClick(button, $event)\"\n              [disabled]=\"isActionButtonDisabled(button)\"\n              [ngClass]=\"getButtonNgClass(button)\"\n              [ngStyle]=\"getButtonStyles(button)\"\n            >\n              @if (button.icon) { <mat-icon [praxisIcon]=\"button.icon\"></mat-icon> }\n              <span>{{ button.label }}</span>\n            </button>\n          }\n        </mat-menu>\n      }\n    </div>\n  }\n</div>\n", styles: ["@charset \"UTF-8\";.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.1rem;z-index:1;font-family:inherit;border-radius:18px;background:var(--pfx-form-footer-surface, color-mix(in srgb, var(--md-sys-color-surface-container) 78%, var(--md-sys-color-surface-container-low) 22%));border:1px solid var(--pfx-form-footer-border, color-mix(in srgb, var(--md-sys-color-outline-variant) 76%, transparent))}.form-actions.with-divider{border-top:1px solid var(--pfx-form-footer-border, color-mix(in srgb, var(--md-sys-color-outline-variant) 76%, transparent))}:host([data-actions-placement=afterSections]) .form-actions{margin:0;border-right:0;border-bottom:0;border-left:0;border-radius:0 0 var(--pfx-editorial-form-radius, 8px) var(--pfx-editorial-form-radius, 8px);background:var(--pfx-form-footer-surface, color-mix(in srgb, var(--md-sys-color-surface-container) 78%, var(--md-sys-color-surface-container-low) 22%))}:host([data-actions-placement=afterSections]) .form-actions.with-divider{border-top-color:var(--pfx-form-footer-border, color-mix(in srgb, var(--md-sys-color-outline-variant) 76%, transparent))}.form-actions.editorial-visual-context{font-family:var(--editorial-body-font-family, inherit)}.form-actions.editorial-visual-context.with-divider{border-top:var(--editorial-card-border-width, 1px) solid color-mix(in srgb,var(--editorial-border-color, var(--md-sys-color-outline-variant)) 72%,transparent)}.form-actions.sticky{position:sticky;bottom:0}.form-actions.position-left{justify-content:flex-start}.form-actions.position-center{justify-content:center}.form-actions.position-right{justify-content:flex-end}.form-actions.position-justified,.form-actions.position-split{justify-content:space-between}.form-actions.orientation-vertical .desktop-actions{display:flex;flex-direction:column}.form-actions.orientation-horizontal .desktop-actions{display:flex;flex-direction:row}.form-actions.spacing-compact{gap:.25rem}.form-actions.spacing-normal{gap:.5rem}.form-actions.spacing-spacious{gap:1rem}.form-actions.spacing-compact .desktop-actions{gap:.25rem}.form-actions.spacing-normal .desktop-actions{gap:.5rem}.form-actions.spacing-spacious .desktop-actions{gap:1rem}.form-actions.loading{pointer-events:none;opacity:.7}.mobile-actions{display:none}.desktop-actions{display:flex;flex-wrap:wrap;gap:.5rem}.form-actions__hint{display:inline-flex;align-items:center;gap:.45rem;max-width:min(100%,32rem);padding:.5rem .65rem;border-radius:8px;font-size:.84rem;line-height:1.25;color:var(--md-sys-color-on-secondary-container);background:linear-gradient(135deg,color-mix(in srgb,var(--md-sys-color-secondary-container) 82%,transparent),color-mix(in srgb,var(--md-sys-color-tertiary-container) 44%,transparent));border:1px solid color-mix(in srgb,var(--md-sys-color-secondary) 22%,transparent)}.form-actions__hint-icon{flex:0 0 auto;font-size:18px;width:18px;height:18px;line-height:18px}.form-actions.position-split .desktop-actions{width:100%;justify-content:space-between;align-items:center}.desktop-actions-group{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.desktop-actions-group.primary-group{justify-content:flex-end}.desktop-actions-group.secondary-group{opacity:.94}.form-actions .mdc-button{letter-spacing:.01em;border-radius:999px}.form-actions.editorial-visual-context .mdc-button{border-radius:var(--editorial-button-radius, 999px);font-family:var(--editorial-body-font-family, inherit)}.form-actions .mdc-button.size-small{min-height:36px;padding-inline:12px;font-size:.82rem}.form-actions .mdc-button.size-medium{min-height:44px;padding-inline:18px}.form-actions .mdc-button.size-large{min-height:50px;padding-inline:24px;font-size:.98rem}.form-actions .mat-mdc-raised-button,.form-actions .mat-mdc-unelevated-button{box-shadow:none}.form-actions .mat-mdc-raised-button:not([disabled]),.form-actions .mat-mdc-unelevated-button:not([disabled]){--mat-button-protected-container-color: var(--md-sys-color-primary);--mat-button-protected-label-text-color: var(--md-sys-color-on-primary);--mat-button-filled-container-color: var(--md-sys-color-primary);--mat-button-filled-label-text-color: var(--md-sys-color-on-primary);--mdc-protected-button-container-color: var(--md-sys-color-primary);--mdc-protected-button-label-text-color: var(--md-sys-color-on-primary);--mdc-filled-button-container-color: var(--md-sys-color-primary);--mdc-filled-button-label-text-color: var(--md-sys-color-on-primary)}.form-actions .mat-mdc-raised-button[disabled],.form-actions .mat-mdc-unelevated-button[disabled]{opacity:.55}.form-actions .mat-mdc-outlined-button,.form-actions .mat-mdc-button-base.mat-mdc-outlined-button{background:transparent}.form-actions.editorial-visual-context .mat-mdc-raised-button,.form-actions.editorial-visual-context .mat-mdc-unelevated-button{--mat-button-protected-container-color: var(--editorial-cta-primary, var(--md-sys-color-primary));--mat-button-protected-label-text-color: var(--editorial-cta-primary-text, var(--md-sys-color-on-primary));--mat-button-filled-container-color: var(--editorial-cta-primary, var(--md-sys-color-primary));--mat-button-filled-label-text-color: var(--editorial-cta-primary-text, var(--md-sys-color-on-primary));--mdc-protected-button-container-color: var(--editorial-cta-primary, var(--md-sys-color-primary));--mdc-protected-button-label-text-color: var(--editorial-cta-primary-text, var(--md-sys-color-on-primary));--mdc-filled-button-container-color: var(--editorial-cta-primary, var(--md-sys-color-primary));--mdc-filled-button-label-text-color: var(--editorial-cta-primary-text, var(--md-sys-color-on-primary));box-shadow:var(--editorial-floating-shadow, var(--editorial-card-shadow, none))}.form-actions.editorial-visual-context .mat-mdc-outlined-button{--mdc-outlined-button-outline-color: var(--editorial-border-color, var(--md-sys-color-outline-variant));--mdc-outlined-button-label-text-color: var( --editorial-cta-secondary-text, var(--editorial-text-primary, var(--md-sys-color-on-surface)) );background:color-mix(in srgb,var(--editorial-cta-secondary, var(--editorial-surface-secondary, var(--md-sys-color-surface-container-low))) 72%,transparent)}.form-actions.editorial-visual-context .mat-mdc-outlined-button.tone-primary,.form-actions.editorial-visual-context .mat-mdc-outlined-button.tone-accent{--mdc-outlined-button-label-text-color: var(--editorial-cta-primary, var(--md-sys-color-primary));background:transparent}.form-actions button .mat-icon{font-size:20px;width:20px;height:20px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.form-actions button .mat-icon+span{margin-left:8px}@media(max-width:768px){.form-actions{padding:.9rem;border-radius:16px}:host([data-actions-placement=afterSections]) .form-actions{border-radius:0 0 var(--pfx-editorial-form-radius, 8px) var(--pfx-editorial-form-radius, 8px)}.form-actions.mobile-menu-active .desktop-actions{display:none}.form-actions.mobile-menu-active .mobile-actions{display:flex;align-items:center;gap:.5rem}}\n"] }]
         }], ctorParameters: () => [{ type: i1$1.KeyboardShortcutService }], propDecorators: { actions: [{
                 type: Input
             }], editorialVisualContext: [{
@@ -11547,6 +11550,8 @@ class PraxisDynamicForm {
     destroy$ = new Subject();
     isDestroyed = false;
     formValueChangesSubscription = null;
+    submitFieldErrorSubscriptions = new Map();
+    activeSubmitErrorDetails = [];
     reactiveDeterminationSubscription = null;
     reactiveDeterminationScheduledBuildId = 0;
     dependencyPolicySubscription = null;
@@ -13189,6 +13194,7 @@ class PraxisDynamicForm {
         this.cdr.markForCheck();
     }
     buildFormFromConfig(options = { reason: 'initialization' }) {
+        this.resetSubmitErrorState();
         this.runtimeFieldMetadata = null;
         const fieldMetadata = this.getRuntimeFieldMetadata();
         const previousState = options.preserveRuntimeState
@@ -15580,9 +15586,9 @@ class PraxisDynamicForm {
         }
     }
     async prepareAndSubmit() {
+        this.clearSubmitFieldErrors();
         if (!(await this.waitForReactiveDeterminationsBeforeSubmit()))
             return;
-        this.clearSubmitFieldErrors();
         // Hooks: beforeValidate
         try {
             await this.runHooks('beforeValidate');
@@ -15698,6 +15704,7 @@ class PraxisDynamicForm {
         }))
             .subscribe({
             next: (result) => {
+                this.clearSubmitFieldErrors();
                 // Encerrar loading
                 try {
                     this._activeSnack?.dismiss();
@@ -15766,18 +15773,11 @@ class PraxisDynamicForm {
                 // Mensagens de erro configuráveis
                 try {
                     const normalizedError = this.errorMessages.normalizeSubmitError(error);
+                    this.activeSubmitErrorDetails = normalizedError.details.map((detail) => ({
+                        ...detail,
+                    }));
                     this.applySubmitFieldErrors(normalizedError.details);
-                    const msgs = this.config.messages;
-                    let errorMsg = msgs?.customActions?.submit?.error;
-                    if (!errorMsg) {
-                        errorMsg =
-                            operation === 'create'
-                                ? msgs?.createRegistryError
-                                : msgs?.updateRegistryError;
-                    }
-                    if (!errorMsg) {
-                        errorMsg = normalizedError.message;
-                    }
+                    const errorMsg = this.resolveSubmitErrorMessage(normalizedError, operation);
                     this.submitError = errorMsg;
                     this.snackBar.open(errorMsg, undefined, {
                         duration: 4000,
@@ -15810,23 +15810,32 @@ class PraxisDynamicForm {
             const control = this.form.get(target);
             if (!control)
                 continue;
-            if (control.errors?.['server'])
+            if (control.errors?.['server'] || this.submitFieldErrorSubscriptions.has(control)) {
                 continue;
+            }
             control.setErrors({
                 ...(control.errors || {}),
                 server: { code: detail.code, message: detail.message },
             });
             control.markAsTouched();
+            const subscription = control.valueChanges
+                .pipe(take(1), takeUntil(this.destroy$))
+                .subscribe(() => {
+                this.submitFieldErrorSubscriptions.delete(control);
+                this.clearSubmitFieldError(control);
+                this.activeSubmitErrorDetails = this.activeSubmitErrorDetails.filter((activeDetail) => this.normalizeSubmitErrorTarget(activeDetail.target) !== target);
+                this.submitError = this.activeSubmitErrorDetails[0]?.message ?? null;
+                this.cdr.markForCheck();
+            });
+            this.submitFieldErrorSubscriptions.set(control, subscription);
         }
     }
     clearSubmitFieldErrors() {
+        this.resetSubmitErrorState();
+        if (!this.form)
+            return;
         const visit = (control) => {
-            const currentErrors = control.errors;
-            if (currentErrors?.['server']) {
-                const nextErrors = { ...currentErrors };
-                delete nextErrors['server'];
-                control.setErrors(Object.keys(nextErrors).length ? nextErrors : null);
-            }
+            this.clearSubmitFieldError(control);
             const children = control.controls;
             if (Array.isArray(children)) {
                 children.forEach(visit);
@@ -15837,6 +15846,33 @@ class PraxisDynamicForm {
         };
         visit(this.form);
     }
+    clearSubmitFieldError(control) {
+        const currentErrors = control.errors;
+        if (!currentErrors?.['server'])
+            return;
+        const nextErrors = { ...currentErrors };
+        delete nextErrors['server'];
+        control.setErrors(Object.keys(nextErrors).length ? nextErrors : null);
+    }
+    resetSubmitErrorState() {
+        for (const subscription of this.submitFieldErrorSubscriptions.values()) {
+            subscription.unsubscribe();
+        }
+        this.submitFieldErrorSubscriptions.clear();
+        this.activeSubmitErrorDetails = [];
+        this.submitError = null;
+    }
+    resolveSubmitErrorMessage(normalizedError, operation) {
+        if (normalizedError.details.length) {
+            return normalizedError.message;
+        }
+        const messages = this.config.messages;
+        return messages?.customActions?.submit?.error
+            || (operation === 'create'
+                ? messages?.createRegistryError
+                : messages?.updateRegistryError)
+            || normalizedError.message;
+    }
     normalizeSubmitErrorTarget(target) {
         const normalized = String(target || '').trim();
         if (!normalized)
@@ -19464,6 +19500,7 @@ class PraxisDynamicForm {
     }
     ngOnDestroy() {
         this.isDestroyed = true;
+        this.resetSubmitErrorState();
         this.assistantSessions.removeContextSession(this.buildAiAssistantContextSnapshot());
         this.aiAssistantStateSubscription?.unsubscribe();
         this.aiAssistantStateSubscription = null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@praxisui/dynamic-form",
-  "version": "9.0.5-rc.29",
+  "version": "9.0.5-rc.30",
   "description": "Angular dynamic form engine for Praxis UI: metadata-driven forms, hooks, and services integrating @praxisui/* packages.",
   "peerDependencies": {
     "@angular/common": "^21.0.0",
@@ -9,13 +9,13 @@
     "@angular/forms": "^21.0.0",
     "@angular/material": "^21.0.0",
     "@angular/router": "^21.0.0",
-    "@praxisui/ai": "^9.0.5-rc.29",
-    "@praxisui/dynamic-fields": "^9.0.5-rc.29",
-    "@praxisui/metadata-editor": "^9.0.5-rc.29",
-    "@praxisui/rich-content": "^9.0.5-rc.29",
-    "@praxisui/settings-panel": "^9.0.5-rc.29",
-    "@praxisui/visual-builder": "^9.0.5-rc.29",
-    "@praxisui/core": "^9.0.5-rc.29",
+    "@praxisui/ai": "^9.0.5-rc.30",
+    "@praxisui/dynamic-fields": "^9.0.5-rc.30",
+    "@praxisui/metadata-editor": "^9.0.5-rc.30",
+    "@praxisui/rich-content": "^9.0.5-rc.30",
+    "@praxisui/settings-panel": "^9.0.5-rc.30",
+    "@praxisui/visual-builder": "^9.0.5-rc.30",
+    "@praxisui/core": "^9.0.5-rc.30",
     "rxjs": "^7.8.0"
   },
   "dependencies": {

package/src/lib/praxis-dynamic-form.json-api.md

@@ -502,6 +502,19 @@ config local persistida -> config default criada do schema remoto -> erro de ini
 
 Falhas de inicialização (`config-load`/`form-build`) são bloqueantes e emitem `initializationError`. Divergências de schema são tratadas como estado (`schemaOutdated`) com emissão de evento, sem interromper formulário já carregado.
 
+No submit, `RestApiResponse.errors` é materializado somente quando a resposta possui status HTTP
+`4xx` conhecido. Cada detalhe cujo `target` resolve um controle é anexado como erro `server`, sem
+remover validadores do cliente, e desaparece quando aquele controle muda. Erros de outros campos
+permanecem ativos; todos os erros de servidor são limpos no início da próxima tentativa e após
+sucesso. `target` aceita path Angular pontuado ou JSON Pointer. Targets desconhecidos não são
+inferidos por texto e continuam como feedback global.
+
+Precedência do feedback: resposta `4xx` com detalhes governados > mensagem customizada de submit
+ou create/update > fallback normalizado e localizado. Falhas de rede, respostas `5xx` e respostas
+sem status confiável nunca expõem `message`/`errors` do payload e usam as chaves
+`global.submitError.*`. `visibleWhen`, mensagens locais e validação visual não substituem a
+autorização e a validação de negócio do backend.
+
 ### Fail-open / fail-closed behavior
 
 | Condition | Mode | Runtime behavior | Consumer impact |

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

@@ -444,6 +444,7 @@ declare class PraxisFormActionsComponent implements OnChanges, OnDestroy {
     private invalidSubmitHintCacheSignature;
     private invalidSubmitHintCacheValue;
     private readonly invalidSubmitHint;
+    readonly submitErrorTitle: string;
     /** Configuration object describing form action buttons */
     actions?: FormConfig['actions'];
     /** Whether the actions are rendered inside an editorial visual context */
@@ -938,6 +939,8 @@ declare class PraxisDynamicForm implements OnInit, OnChanges, OnDestroy {
     private destroy$;
     private isDestroyed;
     private formValueChangesSubscription;
+    private readonly submitFieldErrorSubscriptions;
+    private activeSubmitErrorDetails;
     private reactiveDeterminationSubscription;
     private reactiveDeterminationScheduledBuildId;
     private dependencyPolicySubscription;
@@ -1261,6 +1264,9 @@ declare class PraxisDynamicForm implements OnInit, OnChanges, OnDestroy {
     private waitForReactiveDeterminationsBeforeSubmit;
     private applySubmitFieldErrors;
     private clearSubmitFieldErrors;
+    private clearSubmitFieldError;
+    private resetSubmitErrorState;
+    private resolveSubmitErrorMessage;
     private normalizeSubmitErrorTarget;
     private navigateAfterSave;
     private shouldConfirmCancelOnDirty;