structra-ui 0.2.1 → 0.2.3

package/fesm2022/structra-ui.mjs

@@ -1620,11 +1620,11 @@ class BaseFieldComponent {
         this.contextMenuSelect.emit(id);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: BaseFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: BaseFieldComponent, isStandalone: true, selector: "app-base-field", inputs: { label: "label", errorMessage: "errorMessage", required: "required", showRequiredMark: "showRequiredMark", invalid: "invalid", filled: "filled", disabled: "disabled", readonly: "readonly", inputId: "inputId", errorId: "errorId", showPrefixIcon: "showPrefixIcon", prefixIcon: "prefixIcon", clearable: "clearable", clearAriaLabel: "clearAriaLabel", showSuffixSlot: "showSuffixSlot", valueAlignEnd: "valueAlignEnd", loading: ["loading", "loading", booleanAttribute], skeletonVariant: "skeletonVariant", mostrarMenuContexto: ["mostrarMenuContexto", "mostrarMenuContexto", booleanAttribute], contextMenuItems: "contextMenuItems", contextMenuId: "contextMenuId" }, outputs: { clear: "clear", contextMenuSelect: "contextMenuSelect" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"base-field\" [class.base-field--invalid]=\"invalid\" [class.base-field--filled]=\"filled\"\n  [class.base-field--disabled]=\"disabled\" [class.base-field--readonly]=\"readonly\"\n  [class.base-field--loading]=\"loading\" [attr.aria-busy]=\"loading ? true : null\"\n  [attr.aria-label]=\"loading && showFloatTpl ? label : null\">\n  <div class=\"base-field__box\">\n    <div class=\"base-field__prefix\">\n      @if (!loading) {\n      <ng-content select=\"[appFieldPrefix]\" />\n      }\n      @if (showFaTpl) {\n      <i [attr.class]=\"prefixIconClassTpl + (loading ? ' base-field__prefix-icon--loading-dim' : '')\"\n        aria-hidden=\"true\"></i>\n      }\n    </div>\n\n    <div class=\"base-field__field\">\n      @if (showFloatTpl && !loading) {\n      <label class=\"base-field__float-label\" [attr.for]=\"inputId || null\">\n        {{ label }}\n        @if (required && showRequiredMark) {\n        <span class=\"base-field__required\" aria-hidden=\"true\">*</span>\n        }\n      </label>\n      }\n\n      <div class=\"base-field__control\" [class.base-field__control--value-end]=\"valueAlignEnd\">\n        @if (!loading) {\n        <ng-content />\n        } @else {\n        <app-skeleton-field-shell [variant]=\"skeletonVariant\" [showLeadingIcon]=\"!showFaTpl\" />\n        }\n      </div>\n    </div>\n\n    @if (showSuffixTpl) {\n    <div class=\"base-field__suffix\" [class.base-field__suffix--loading]=\"loading\">\n      @if (!loading) {\n      @if (showCtxMenuTpl) {\n      <app-dropdown-menu\n        class=\"base-field__ctx-dropdown\"\n        [items]=\"contextMenuItems\"\n        [minWidthPx]=\"200\"\n        [matchTriggerWidth]=\"false\"\n        [menuId]=\"resolvedContextMenuId\"\n        (itemSelect)=\"onContextMenuItemSelect($event)\"\n      >\n        <button type=\"button\" class=\"base-field__ctx-trigger\" aria-label=\"Mais op\u00E7\u00F5es\" tabindex=\"-1\">\n          <i class=\"fa-solid fa-ellipsis\" aria-hidden=\"true\"></i>\n        </button>\n      </app-dropdown-menu>\n      }\n      @if (showSuffixSlot) {\n      <ng-content select=\"[appFieldSuffix]\" />\n      }\n      @if (showClearTpl) {\n      <button type=\"button\" class=\"base-field__clear\" tabindex=\"-1\" [attr.aria-label]=\"clearAriaLabel\"\n        (click)=\"onClearClick()\">\n        <span class=\"base-field__clear-x\" aria-hidden=\"true\">&times;</span>\n      </button>\n      }\n      } @else if (loading && showSuffixSlot) {\n      <span class=\"base-field__suffix-reserve\" aria-hidden=\"true\"></span>\n      }\n    </div>\n    }\n  </div>\n\n  @if (!loading && showErrorTpl) {\n  <p class=\"base-field__error\" [id]=\"errorId || null\" role=\"alert\">\n    {{ errorMessage }}\n  </p>\n  }\n</div>\n", styles: ["@charset \"UTF-8\";:host{display:block;width:100%;box-sizing:border-box}.base-field{display:flex;flex-direction:column;gap:.35rem;width:100%;max-width:100%;box-sizing:border-box}.base-field--loading .base-field__box{pointer-events:none}.base-field--loading .base-field__field{justify-content:center}.base-field--loading .base-field__control{display:flex;align-items:center;width:100%;min-height:0}.base-field__box{display:flex;align-items:stretch;width:100%;min-width:0;border:1px solid var(--ui-field-float-border);border-radius:var(--ui-field-float-border-radius);overflow:hidden;background:var(--ui-field-float-bg);transition:border-color .1s ease,box-shadow .1s ease;contain:layout}.base-field:not(.base-field--invalid):not(.base-field--disabled):not(.base-field--readonly) .base-field__box:focus-within{border-color:var(--ui-field-float-border-focus);box-shadow:0 0 0 3px var(--ui-field-float-focus-ring)}.base-field--readonly:not(.base-field--disabled) .base-field__box{background:var(--ui-field-readonly-bg);border-color:var(--ui-field-readonly-border)}.base-field--readonly:not(.base-field--disabled):not(.base-field--invalid) .base-field__box:focus-within{border-color:var(--ui-field-readonly-border-focus);box-shadow:0 0 0 3px var(--ui-field-readonly-focus-ring)}.base-field--invalid .base-field__box{border-color:var(--ui-field-input-invalid-border);box-shadow:none;background:var(--ui-field-invalid-input-bg, #fef2f2)}.base-field--readonly.base-field--invalid:not(.base-field--disabled) .base-field__box{background:var(--ui-field-invalid-input-bg, #fef2f2)}.base-field--invalid:not(.base-field--disabled):not(.base-field--readonly) .base-field__box:focus-within{border-color:var(--ui-field-input-invalid-border);box-shadow:0 0 0 3px var(--ui-field-input-invalid-focus-halo)}.base-field--invalid.base-field--readonly:not(.base-field--disabled) .base-field__box:focus-within{border-color:var(--ui-field-input-invalid-border);box-shadow:0 0 0 3px var(--ui-field-input-invalid-focus-halo)}.base-field--disabled .base-field__box{opacity:var(--ui-field-input-disabled-opacity)}.base-field__prefix{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding-left:.75rem;color:var(--ui-field-float-prefix-color);user-select:none;-webkit-user-select:none}.base-field__prefix:empty{display:none}.base-field__prefix-icon{font-style:normal;font-size:1rem;line-height:1;color:var(--ui-field-float-prefix-color)}.base-field__prefix-icon--loading-dim{opacity:.34;pointer-events:none}.base-field__suffix{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding-right:.4rem;padding-left:.1rem}.base-field__ctx-dropdown{display:inline-flex;flex-shrink:0;align-items:center;max-width:100%}.base-field__ctx-trigger{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin:0;padding:0;border:none;border-radius:8px;background:transparent;color:var(--ui-field-float-prefix-color);cursor:pointer;user-select:none;-webkit-user-select:none;transition:background .15s ease,color .15s ease}.base-field__ctx-trigger:hover{background:var(--app-color-prefix-hover-bg, rgba(90, 127, 163, .15));color:var(--ui-field-float-label-top-color)}.base-field__ctx-trigger:focus,.base-field__ctx-trigger:focus-visible{outline:none}.base-field__clear{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin:0;padding:0;border:none;border-radius:8px;background:transparent;color:var(--ui-field-float-prefix-color);cursor:pointer;user-select:none;-webkit-user-select:none;transition:background .15s ease,color .15s ease}.base-field__clear:hover{background:var(--app-color-prefix-hover-bg, rgba(90, 127, 163, .15));color:var(--ui-field-float-label-top-color)}.base-field__clear:focus,.base-field__clear:focus-visible{outline:none}.base-field__clear-x{font-size:1.35rem;line-height:1;font-weight:300}.base-field--invalid .base-field__prefix,.base-field--invalid .base-field__prefix-icon{color:var(--ui-field-float-label-invalid-color)}.base-field--invalid .base-field__prefix-icon:before{color:var(--ui-field-float-label-invalid-color)}.base-field--invalid .base-field__suffix,.base-field--invalid .base-field__clear,.base-field--invalid .base-field__ctx-trigger{color:var(--ui-field-float-label-invalid-color)}.base-field--invalid .base-field__clear:hover,.base-field--invalid .base-field__ctx-trigger:hover{background:var(--app-color-error-bg-subtle, rgba(185, 28, 28, .12));color:var(--ui-field-float-label-invalid-color)}.base-field__field{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-start;contain:layout style}.base-field__float-label{position:absolute;left:.75rem;right:.75rem;top:.45rem;transform:translate3d(0,calc((1.8rem + 1.35em)/2 - .45rem - .6em),0) scale(1);transform-origin:left top;font-size:1rem;font-weight:400;line-height:1.2;color:var(--ui-field-float-label-color);pointer-events:none;user-select:none;-webkit-user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:transform .11s cubic-bezier(.4,0,.2,1),color .11s ease}@media(prefers-reduced-motion:reduce){.base-field__float-label{transition:none}}.base-field__box:focus-within .base-field__float-label,.base-field--filled .base-field__float-label{transform:translateZ(0) scale(.75);font-weight:500;color:var(--ui-field-float-label-top-color)}.base-field--invalid .base-field__float-label{color:var(--ui-field-float-label-invalid-color)}.base-field--invalid.base-field--filled .base-field__float-label,.base-field--invalid .base-field__box:focus-within .base-field__float-label{color:var(--ui-field-float-label-invalid-color)}.base-field__required{color:var(--ui-field-required-mark-color);margin-left:.15rem}.base-field--invalid .base-field__required{color:var(--ui-field-float-label-invalid-color)}.base-field__control{display:block;width:100%;min-width:0}.base-field__suffix-reserve{display:block;flex-shrink:0;width:2rem;height:2rem;margin:0 .1rem;box-sizing:border-box}.base-field__control--value-end :where(input){text-align:right}.base-field--readonly:not(.base-field--disabled) .base-field__float-label{color:var(--ui-field-readonly-label-color)}.base-field--readonly.base-field--filled .base-field__float-label,.base-field--readonly:not(.base-field--disabled) .base-field__box:focus-within .base-field__float-label{color:var(--ui-field-readonly-label-top-color)}.base-field--readonly:not(.base-field--disabled) .base-field__prefix,.base-field--readonly:not(.base-field--disabled) .base-field__prefix-icon{color:var(--ui-field-readonly-prefix-color)}.base-field--readonly:not(.base-field--disabled) .base-field__control :where(input,textarea){color:var(--ui-field-readonly-input-text)}.base-field--invalid.base-field--readonly .base-field__float-label,.base-field--invalid.base-field--readonly.base-field--filled .base-field__float-label,.base-field--invalid.base-field--readonly .base-field__box:focus-within .base-field__float-label{color:var(--ui-field-float-label-invalid-color)}.base-field--invalid.base-field--readonly:not(.base-field--disabled) .base-field__prefix,.base-field--invalid.base-field--readonly:not(.base-field--disabled) .base-field__prefix-icon{color:var(--ui-field-float-label-invalid-color)}.base-field__error{margin:0;padding-left:.15rem;font-size:.75rem;color:var(--ui-field-error-text-color);user-select:none;-webkit-user-select:none}@supports (-webkit-appearance: none){.base-field--invalid:not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill,.base-field--invalid:not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill:hover,.base-field--invalid:not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill:focus,.base-field--invalid:not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill:active,.base-field--invalid:not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill:focus-visible{-webkit-text-fill-color:var(--ui-field-float-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--ui-field-invalid-input-bg, #fef2f2) inset!important;box-shadow:0 0 0 1000px var(--ui-field-invalid-input-bg, #fef2f2) inset!important;transition:background-color 50000s ease 0s!important}.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill,.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill:hover,.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill:focus,.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill:active,.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill:focus-visible{-webkit-text-fill-color:var(--ui-field-readonly-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--ui-field-readonly-bg) inset!important;box-shadow:0 0 0 1000px var(--ui-field-readonly-bg) inset!important;transition:background-color 50000s ease 0s!important}}.base-field--invalid:not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):autofill,.base-field--invalid:not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):autofill:hover,.base-field--invalid:not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):autofill:focus{-webkit-text-fill-color:var(--ui-field-float-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--ui-field-invalid-input-bg, #fef2f2) inset!important;box-shadow:0 0 0 1000px var(--ui-field-invalid-input-bg, #fef2f2) inset!important;background-color:var(--ui-field-invalid-input-bg, #fef2f2)!important;transition:background-color 50000s ease 0s!important}.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):autofill,.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):autofill:hover,.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):autofill:focus{-webkit-text-fill-color:var(--ui-field-readonly-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--ui-field-readonly-bg) inset!important;box-shadow:0 0 0 1000px var(--ui-field-readonly-bg) inset!important;background-color:var(--ui-field-readonly-bg)!important;transition:background-color 50000s ease 0s!important}\n"], dependencies: [{ kind: "component", type: SkeletonFieldShellComponent, selector: "app-skeleton-field-shell", inputs: ["variant", "animate", "showLeadingIcon"] }, { kind: "component", type: DropdownMenuComponent, selector: "app-dropdown-menu", inputs: ["items", "placement", "minWidthPx", "matchTriggerWidth", "menuId"], outputs: ["itemSelect", "openChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: BaseFieldComponent, isStandalone: true, selector: "app-base-field", inputs: { label: "label", errorMessage: "errorMessage", required: "required", showRequiredMark: "showRequiredMark", invalid: "invalid", filled: "filled", disabled: "disabled", readonly: "readonly", inputId: "inputId", errorId: "errorId", showPrefixIcon: "showPrefixIcon", prefixIcon: "prefixIcon", clearable: "clearable", clearAriaLabel: "clearAriaLabel", showSuffixSlot: "showSuffixSlot", valueAlignEnd: "valueAlignEnd", loading: ["loading", "loading", booleanAttribute], skeletonVariant: "skeletonVariant", mostrarMenuContexto: ["mostrarMenuContexto", "mostrarMenuContexto", booleanAttribute], contextMenuItems: "contextMenuItems", contextMenuId: "contextMenuId" }, outputs: { clear: "clear", contextMenuSelect: "contextMenuSelect" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"base-field\" [class.base-field--invalid]=\"invalid\" [class.base-field--filled]=\"filled\"\n  [class.base-field--disabled]=\"disabled\" [class.base-field--readonly]=\"readonly\"\n  [class.base-field--loading]=\"loading\" [attr.aria-busy]=\"loading ? true : null\"\n  [attr.aria-label]=\"loading && showFloatTpl ? label : null\">\n  <div class=\"base-field__box\">\n    <div class=\"base-field__prefix\">\n      @if (!loading) {\n      <ng-content select=\"[appFieldPrefix]\" />\n      }\n      @if (showFaTpl) {\n      <i [attr.class]=\"prefixIconClassTpl + (loading ? ' base-field__prefix-icon--loading-dim' : '')\"\n        aria-hidden=\"true\"></i>\n      }\n    </div>\n\n    <div class=\"base-field__field\">\n      @if (showFloatTpl && !loading) {\n      <label class=\"base-field__float-label\" [attr.for]=\"inputId || null\">\n        {{ label }}\n        @if (required && showRequiredMark) {\n        <span class=\"base-field__required\" aria-hidden=\"true\">*</span>\n        }\n      </label>\n      }\n\n      <div class=\"base-field__control\" [class.base-field__control--value-end]=\"valueAlignEnd\">\n        @if (!loading) {\n        <ng-content />\n        } @else {\n        <app-skeleton-field-shell [variant]=\"skeletonVariant\" [showLeadingIcon]=\"!showFaTpl\" />\n        }\n      </div>\n    </div>\n\n    @if (showSuffixTpl) {\n    <div class=\"base-field__suffix\" [class.base-field__suffix--loading]=\"loading\">\n      @if (!loading) {\n      @if (showCtxMenuTpl) {\n      <app-dropdown-menu\n        class=\"base-field__ctx-dropdown\"\n        [items]=\"contextMenuItems\"\n        [minWidthPx]=\"200\"\n        [matchTriggerWidth]=\"false\"\n        [menuId]=\"resolvedContextMenuId\"\n        (itemSelect)=\"onContextMenuItemSelect($event)\"\n      >\n        <button type=\"button\" class=\"base-field__ctx-trigger\" aria-label=\"Mais op\u00E7\u00F5es\" tabindex=\"-1\">\n          <i class=\"fa-solid fa-ellipsis\" aria-hidden=\"true\"></i>\n        </button>\n      </app-dropdown-menu>\n      }\n      @if (showSuffixSlot) {\n      <ng-content select=\"[appFieldSuffix]\" />\n      }\n      @if (showClearTpl) {\n      <button type=\"button\" class=\"base-field__clear\" tabindex=\"-1\" [attr.aria-label]=\"clearAriaLabel\"\n        (click)=\"onClearClick()\">\n        <span class=\"base-field__clear-x\" aria-hidden=\"true\">&times;</span>\n      </button>\n      }\n      } @else if (loading && showSuffixSlot) {\n      <span class=\"base-field__suffix-reserve\" aria-hidden=\"true\"></span>\n      }\n    </div>\n    }\n  </div>\n\n  @if (!loading && showErrorTpl) {\n  <p class=\"base-field__error\" [id]=\"errorId || null\" role=\"alert\">\n    {{ errorMessage }}\n  </p>\n  }\n</div>\n", styles: ["@charset \"UTF-8\";:host{display:block;width:100%;box-sizing:border-box}.base-field{display:flex;flex-direction:column;gap:.35rem;width:100%;max-width:100%;box-sizing:border-box}.base-field--loading .base-field__box{pointer-events:none}.base-field--loading .base-field__field{justify-content:center}.base-field--loading .base-field__control{display:flex;align-items:center;width:100%;min-height:0}.base-field__box{display:flex;align-items:stretch;width:100%;min-width:0;border:1px solid var(--ui-field-float-border);border-radius:var(--ui-field-float-border-radius);overflow:hidden;background:var(--ui-field-float-bg);transition:border-color .1s ease,box-shadow .1s ease;contain:layout}.base-field:not(.base-field--invalid):not(.base-field--disabled):not(.base-field--readonly) .base-field__box:focus-within{border-color:var(--ui-field-float-border-focus);box-shadow:0 0 0 3px var(--ui-field-float-focus-ring)}.base-field--readonly:not(.base-field--disabled) .base-field__box{background:var(--ui-field-readonly-bg);border-color:var(--ui-field-readonly-border)}.base-field--readonly:not(.base-field--disabled):not(.base-field--invalid) .base-field__box:focus-within{border-color:var(--ui-field-readonly-border-focus);box-shadow:0 0 0 3px var(--ui-field-readonly-focus-ring)}.base-field--invalid .base-field__box{border-color:var(--ui-field-input-invalid-border);box-shadow:none;background:var(--ui-field-invalid-input-bg, #fef2f2)}.base-field--readonly.base-field--invalid:not(.base-field--disabled) .base-field__box{background:var(--ui-field-invalid-input-bg, #fef2f2)}.base-field--invalid:not(.base-field--disabled):not(.base-field--readonly) .base-field__box:focus-within{border-color:var(--ui-field-input-invalid-border);box-shadow:0 0 0 3px var(--ui-field-input-invalid-focus-halo)}.base-field--invalid.base-field--readonly:not(.base-field--disabled) .base-field__box:focus-within{border-color:var(--ui-field-input-invalid-border);box-shadow:0 0 0 3px var(--ui-field-input-invalid-focus-halo)}.base-field--disabled .base-field__box{opacity:var(--ui-field-input-disabled-opacity)}.base-field__prefix{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding-left:.75rem;color:var(--ui-field-float-prefix-color);user-select:none;-webkit-user-select:none}.base-field__prefix:empty{display:none}.base-field__prefix-icon{font-style:normal;font-size:1rem;line-height:1;color:var(--ui-field-float-prefix-color)}.base-field__prefix-icon--loading-dim{opacity:.34;pointer-events:none}.base-field__suffix{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-shrink:0;gap:.125rem;padding-right:.4rem;padding-left:.1rem}.base-field__ctx-dropdown{display:inline-flex;flex-shrink:0;align-items:center;max-width:100%}.base-field__ctx-trigger{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin:0;padding:0;border:none;border-radius:8px;background:transparent;color:var(--ui-field-float-prefix-color);cursor:pointer;user-select:none;-webkit-user-select:none;transition:background .15s ease,color .15s ease}.base-field__ctx-trigger:hover{background:var(--app-color-prefix-hover-bg, rgba(90, 127, 163, .15));color:var(--ui-field-float-label-top-color)}.base-field__ctx-trigger:focus,.base-field__ctx-trigger:focus-visible{outline:none}.base-field__clear{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;min-width:2rem;min-height:2rem;margin:0;padding:0;border:none;border-radius:8px;background:transparent;color:var(--ui-field-float-prefix-color);cursor:pointer;line-height:0;user-select:none;-webkit-user-select:none;transition:background .15s ease,color .15s ease}.base-field__clear:hover{background:var(--app-color-prefix-hover-bg, rgba(90, 127, 163, .15));color:var(--ui-field-float-label-top-color)}.base-field__clear:focus,.base-field__clear:focus-visible{outline:none}.base-field__clear-x{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;font-size:1.2rem;line-height:1;font-weight:300}.base-field--invalid .base-field__prefix,.base-field--invalid .base-field__prefix-icon{color:var(--ui-field-float-label-invalid-color)}.base-field--invalid .base-field__prefix-icon:before{color:var(--ui-field-float-label-invalid-color)}.base-field--invalid .base-field__suffix,.base-field--invalid .base-field__clear,.base-field--invalid .base-field__ctx-trigger{color:var(--ui-field-float-label-invalid-color)}.base-field--invalid .base-field__clear:hover,.base-field--invalid .base-field__ctx-trigger:hover{background:var(--app-color-error-bg-subtle, rgba(185, 28, 28, .12));color:var(--ui-field-float-label-invalid-color)}.base-field__field{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-start;contain:layout style}.base-field__float-label{position:absolute;left:.75rem;right:.75rem;top:.45rem;transform:translate3d(0,calc((1.8rem + 1.35em)/2 - .45rem - .6em),0) scale(1);transform-origin:left top;font-size:1rem;font-weight:400;line-height:1.2;color:var(--ui-field-float-label-color);pointer-events:none;user-select:none;-webkit-user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:transform .11s cubic-bezier(.4,0,.2,1),color .11s ease}@media(prefers-reduced-motion:reduce){.base-field__float-label{transition:none}}.base-field__box:focus-within .base-field__float-label,.base-field--filled .base-field__float-label{transform:translateZ(0) scale(.75);font-weight:500;color:var(--ui-field-float-label-top-color)}.base-field--invalid .base-field__float-label{color:var(--ui-field-float-label-invalid-color)}.base-field--invalid.base-field--filled .base-field__float-label,.base-field--invalid .base-field__box:focus-within .base-field__float-label{color:var(--ui-field-float-label-invalid-color)}.base-field__required{color:var(--ui-field-required-mark-color);margin-left:.15rem}.base-field--invalid .base-field__required{color:var(--ui-field-float-label-invalid-color)}.base-field__control{display:block;width:100%;min-width:0}.base-field__suffix-reserve{display:block;flex-shrink:0;width:2rem;height:2rem;margin:0 .1rem;box-sizing:border-box}.base-field__control--value-end :where(input){text-align:right}.base-field--readonly:not(.base-field--disabled) .base-field__float-label{color:var(--ui-field-readonly-label-color)}.base-field--readonly.base-field--filled .base-field__float-label,.base-field--readonly:not(.base-field--disabled) .base-field__box:focus-within .base-field__float-label{color:var(--ui-field-readonly-label-top-color)}.base-field--readonly:not(.base-field--disabled) .base-field__prefix,.base-field--readonly:not(.base-field--disabled) .base-field__prefix-icon{color:var(--ui-field-readonly-prefix-color)}.base-field--readonly:not(.base-field--disabled) .base-field__control :where(input,textarea){color:var(--ui-field-readonly-input-text)}.base-field--invalid.base-field--readonly .base-field__float-label,.base-field--invalid.base-field--readonly.base-field--filled .base-field__float-label,.base-field--invalid.base-field--readonly .base-field__box:focus-within .base-field__float-label{color:var(--ui-field-float-label-invalid-color)}.base-field--invalid.base-field--readonly:not(.base-field--disabled) .base-field__prefix,.base-field--invalid.base-field--readonly:not(.base-field--disabled) .base-field__prefix-icon{color:var(--ui-field-float-label-invalid-color)}.base-field__error{margin:0;padding-left:.15rem;font-size:.75rem;color:var(--ui-field-error-text-color);user-select:none;-webkit-user-select:none}@supports (-webkit-appearance: none){.base-field--invalid:not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill,.base-field--invalid:not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill:hover,.base-field--invalid:not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill:focus,.base-field--invalid:not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill:active,.base-field--invalid:not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill:focus-visible{-webkit-text-fill-color:var(--ui-field-float-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--ui-field-invalid-input-bg, #fef2f2) inset!important;box-shadow:0 0 0 1000px var(--ui-field-invalid-input-bg, #fef2f2) inset!important;transition:background-color 50000s ease 0s!important}.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill,.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill:hover,.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill:focus,.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill:active,.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill:focus-visible{-webkit-text-fill-color:var(--ui-field-readonly-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--ui-field-readonly-bg) inset!important;box-shadow:0 0 0 1000px var(--ui-field-readonly-bg) inset!important;transition:background-color 50000s ease 0s!important}}.base-field--invalid:not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):autofill,.base-field--invalid:not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):autofill:hover,.base-field--invalid:not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):autofill:focus{-webkit-text-fill-color:var(--ui-field-float-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--ui-field-invalid-input-bg, #fef2f2) inset!important;box-shadow:0 0 0 1000px var(--ui-field-invalid-input-bg, #fef2f2) inset!important;background-color:var(--ui-field-invalid-input-bg, #fef2f2)!important;transition:background-color 50000s ease 0s!important}.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):autofill,.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):autofill:hover,.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):autofill:focus{-webkit-text-fill-color:var(--ui-field-readonly-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--ui-field-readonly-bg) inset!important;box-shadow:0 0 0 1000px var(--ui-field-readonly-bg) inset!important;background-color:var(--ui-field-readonly-bg)!important;transition:background-color 50000s ease 0s!important}\n"], dependencies: [{ kind: "component", type: SkeletonFieldShellComponent, selector: "app-skeleton-field-shell", inputs: ["variant", "animate", "showLeadingIcon"] }, { kind: "component", type: DropdownMenuComponent, selector: "app-dropdown-menu", inputs: ["items", "placement", "minWidthPx", "matchTriggerWidth", "menuId"], outputs: ["itemSelect", "openChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: BaseFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-base-field', imports: [SkeletonFieldShellComponent, DropdownMenuComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"base-field\" [class.base-field--invalid]=\"invalid\" [class.base-field--filled]=\"filled\"\n  [class.base-field--disabled]=\"disabled\" [class.base-field--readonly]=\"readonly\"\n  [class.base-field--loading]=\"loading\" [attr.aria-busy]=\"loading ? true : null\"\n  [attr.aria-label]=\"loading && showFloatTpl ? label : null\">\n  <div class=\"base-field__box\">\n    <div class=\"base-field__prefix\">\n      @if (!loading) {\n      <ng-content select=\"[appFieldPrefix]\" />\n      }\n      @if (showFaTpl) {\n      <i [attr.class]=\"prefixIconClassTpl + (loading ? ' base-field__prefix-icon--loading-dim' : '')\"\n        aria-hidden=\"true\"></i>\n      }\n    </div>\n\n    <div class=\"base-field__field\">\n      @if (showFloatTpl && !loading) {\n      <label class=\"base-field__float-label\" [attr.for]=\"inputId || null\">\n        {{ label }}\n        @if (required && showRequiredMark) {\n        <span class=\"base-field__required\" aria-hidden=\"true\">*</span>\n        }\n      </label>\n      }\n\n      <div class=\"base-field__control\" [class.base-field__control--value-end]=\"valueAlignEnd\">\n        @if (!loading) {\n        <ng-content />\n        } @else {\n        <app-skeleton-field-shell [variant]=\"skeletonVariant\" [showLeadingIcon]=\"!showFaTpl\" />\n        }\n      </div>\n    </div>\n\n    @if (showSuffixTpl) {\n    <div class=\"base-field__suffix\" [class.base-field__suffix--loading]=\"loading\">\n      @if (!loading) {\n      @if (showCtxMenuTpl) {\n      <app-dropdown-menu\n        class=\"base-field__ctx-dropdown\"\n        [items]=\"contextMenuItems\"\n        [minWidthPx]=\"200\"\n        [matchTriggerWidth]=\"false\"\n        [menuId]=\"resolvedContextMenuId\"\n        (itemSelect)=\"onContextMenuItemSelect($event)\"\n      >\n        <button type=\"button\" class=\"base-field__ctx-trigger\" aria-label=\"Mais op\u00E7\u00F5es\" tabindex=\"-1\">\n          <i class=\"fa-solid fa-ellipsis\" aria-hidden=\"true\"></i>\n        </button>\n      </app-dropdown-menu>\n      }\n      @if (showSuffixSlot) {\n      <ng-content select=\"[appFieldSuffix]\" />\n      }\n      @if (showClearTpl) {\n      <button type=\"button\" class=\"base-field__clear\" tabindex=\"-1\" [attr.aria-label]=\"clearAriaLabel\"\n        (click)=\"onClearClick()\">\n        <span class=\"base-field__clear-x\" aria-hidden=\"true\">&times;</span>\n      </button>\n      }\n      } @else if (loading && showSuffixSlot) {\n      <span class=\"base-field__suffix-reserve\" aria-hidden=\"true\"></span>\n      }\n    </div>\n    }\n  </div>\n\n  @if (!loading && showErrorTpl) {\n  <p class=\"base-field__error\" [id]=\"errorId || null\" role=\"alert\">\n    {{ errorMessage }}\n  </p>\n  }\n</div>\n", styles: ["@charset \"UTF-8\";:host{display:block;width:100%;box-sizing:border-box}.base-field{display:flex;flex-direction:column;gap:.35rem;width:100%;max-width:100%;box-sizing:border-box}.base-field--loading .base-field__box{pointer-events:none}.base-field--loading .base-field__field{justify-content:center}.base-field--loading .base-field__control{display:flex;align-items:center;width:100%;min-height:0}.base-field__box{display:flex;align-items:stretch;width:100%;min-width:0;border:1px solid var(--ui-field-float-border);border-radius:var(--ui-field-float-border-radius);overflow:hidden;background:var(--ui-field-float-bg);transition:border-color .1s ease,box-shadow .1s ease;contain:layout}.base-field:not(.base-field--invalid):not(.base-field--disabled):not(.base-field--readonly) .base-field__box:focus-within{border-color:var(--ui-field-float-border-focus);box-shadow:0 0 0 3px var(--ui-field-float-focus-ring)}.base-field--readonly:not(.base-field--disabled) .base-field__box{background:var(--ui-field-readonly-bg);border-color:var(--ui-field-readonly-border)}.base-field--readonly:not(.base-field--disabled):not(.base-field--invalid) .base-field__box:focus-within{border-color:var(--ui-field-readonly-border-focus);box-shadow:0 0 0 3px var(--ui-field-readonly-focus-ring)}.base-field--invalid .base-field__box{border-color:var(--ui-field-input-invalid-border);box-shadow:none;background:var(--ui-field-invalid-input-bg, #fef2f2)}.base-field--readonly.base-field--invalid:not(.base-field--disabled) .base-field__box{background:var(--ui-field-invalid-input-bg, #fef2f2)}.base-field--invalid:not(.base-field--disabled):not(.base-field--readonly) .base-field__box:focus-within{border-color:var(--ui-field-input-invalid-border);box-shadow:0 0 0 3px var(--ui-field-input-invalid-focus-halo)}.base-field--invalid.base-field--readonly:not(.base-field--disabled) .base-field__box:focus-within{border-color:var(--ui-field-input-invalid-border);box-shadow:0 0 0 3px var(--ui-field-input-invalid-focus-halo)}.base-field--disabled .base-field__box{opacity:var(--ui-field-input-disabled-opacity)}.base-field__prefix{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding-left:.75rem;color:var(--ui-field-float-prefix-color);user-select:none;-webkit-user-select:none}.base-field__prefix:empty{display:none}.base-field__prefix-icon{font-style:normal;font-size:1rem;line-height:1;color:var(--ui-field-float-prefix-color)}.base-field__prefix-icon--loading-dim{opacity:.34;pointer-events:none}.base-field__suffix{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding-right:.4rem;padding-left:.1rem}.base-field__ctx-dropdown{display:inline-flex;flex-shrink:0;align-items:center;max-width:100%}.base-field__ctx-trigger{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin:0;padding:0;border:none;border-radius:8px;background:transparent;color:var(--ui-field-float-prefix-color);cursor:pointer;user-select:none;-webkit-user-select:none;transition:background .15s ease,color .15s ease}.base-field__ctx-trigger:hover{background:var(--app-color-prefix-hover-bg, rgba(90, 127, 163, .15));color:var(--ui-field-float-label-top-color)}.base-field__ctx-trigger:focus,.base-field__ctx-trigger:focus-visible{outline:none}.base-field__clear{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin:0;padding:0;border:none;border-radius:8px;background:transparent;color:var(--ui-field-float-prefix-color);cursor:pointer;user-select:none;-webkit-user-select:none;transition:background .15s ease,color .15s ease}.base-field__clear:hover{background:var(--app-color-prefix-hover-bg, rgba(90, 127, 163, .15));color:var(--ui-field-float-label-top-color)}.base-field__clear:focus,.base-field__clear:focus-visible{outline:none}.base-field__clear-x{font-size:1.35rem;line-height:1;font-weight:300}.base-field--invalid .base-field__prefix,.base-field--invalid .base-field__prefix-icon{color:var(--ui-field-float-label-invalid-color)}.base-field--invalid .base-field__prefix-icon:before{color:var(--ui-field-float-label-invalid-color)}.base-field--invalid .base-field__suffix,.base-field--invalid .base-field__clear,.base-field--invalid .base-field__ctx-trigger{color:var(--ui-field-float-label-invalid-color)}.base-field--invalid .base-field__clear:hover,.base-field--invalid .base-field__ctx-trigger:hover{background:var(--app-color-error-bg-subtle, rgba(185, 28, 28, .12));color:var(--ui-field-float-label-invalid-color)}.base-field__field{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-start;contain:layout style}.base-field__float-label{position:absolute;left:.75rem;right:.75rem;top:.45rem;transform:translate3d(0,calc((1.8rem + 1.35em)/2 - .45rem - .6em),0) scale(1);transform-origin:left top;font-size:1rem;font-weight:400;line-height:1.2;color:var(--ui-field-float-label-color);pointer-events:none;user-select:none;-webkit-user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:transform .11s cubic-bezier(.4,0,.2,1),color .11s ease}@media(prefers-reduced-motion:reduce){.base-field__float-label{transition:none}}.base-field__box:focus-within .base-field__float-label,.base-field--filled .base-field__float-label{transform:translateZ(0) scale(.75);font-weight:500;color:var(--ui-field-float-label-top-color)}.base-field--invalid .base-field__float-label{color:var(--ui-field-float-label-invalid-color)}.base-field--invalid.base-field--filled .base-field__float-label,.base-field--invalid .base-field__box:focus-within .base-field__float-label{color:var(--ui-field-float-label-invalid-color)}.base-field__required{color:var(--ui-field-required-mark-color);margin-left:.15rem}.base-field--invalid .base-field__required{color:var(--ui-field-float-label-invalid-color)}.base-field__control{display:block;width:100%;min-width:0}.base-field__suffix-reserve{display:block;flex-shrink:0;width:2rem;height:2rem;margin:0 .1rem;box-sizing:border-box}.base-field__control--value-end :where(input){text-align:right}.base-field--readonly:not(.base-field--disabled) .base-field__float-label{color:var(--ui-field-readonly-label-color)}.base-field--readonly.base-field--filled .base-field__float-label,.base-field--readonly:not(.base-field--disabled) .base-field__box:focus-within .base-field__float-label{color:var(--ui-field-readonly-label-top-color)}.base-field--readonly:not(.base-field--disabled) .base-field__prefix,.base-field--readonly:not(.base-field--disabled) .base-field__prefix-icon{color:var(--ui-field-readonly-prefix-color)}.base-field--readonly:not(.base-field--disabled) .base-field__control :where(input,textarea){color:var(--ui-field-readonly-input-text)}.base-field--invalid.base-field--readonly .base-field__float-label,.base-field--invalid.base-field--readonly.base-field--filled .base-field__float-label,.base-field--invalid.base-field--readonly .base-field__box:focus-within .base-field__float-label{color:var(--ui-field-float-label-invalid-color)}.base-field--invalid.base-field--readonly:not(.base-field--disabled) .base-field__prefix,.base-field--invalid.base-field--readonly:not(.base-field--disabled) .base-field__prefix-icon{color:var(--ui-field-float-label-invalid-color)}.base-field__error{margin:0;padding-left:.15rem;font-size:.75rem;color:var(--ui-field-error-text-color);user-select:none;-webkit-user-select:none}@supports (-webkit-appearance: none){.base-field--invalid:not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill,.base-field--invalid:not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill:hover,.base-field--invalid:not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill:focus,.base-field--invalid:not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill:active,.base-field--invalid:not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill:focus-visible{-webkit-text-fill-color:var(--ui-field-float-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--ui-field-invalid-input-bg, #fef2f2) inset!important;box-shadow:0 0 0 1000px var(--ui-field-invalid-input-bg, #fef2f2) inset!important;transition:background-color 50000s ease 0s!important}.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill,.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill:hover,.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill:focus,.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill:active,.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill:focus-visible{-webkit-text-fill-color:var(--ui-field-readonly-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--ui-field-readonly-bg) inset!important;box-shadow:0 0 0 1000px var(--ui-field-readonly-bg) inset!important;transition:background-color 50000s ease 0s!important}}.base-field--invalid:not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):autofill,.base-field--invalid:not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):autofill:hover,.base-field--invalid:not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):autofill:focus{-webkit-text-fill-color:var(--ui-field-float-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--ui-field-invalid-input-bg, #fef2f2) inset!important;box-shadow:0 0 0 1000px var(--ui-field-invalid-input-bg, #fef2f2) inset!important;background-color:var(--ui-field-invalid-input-bg, #fef2f2)!important;transition:background-color 50000s ease 0s!important}.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):autofill,.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):autofill:hover,.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):autofill:focus{-webkit-text-fill-color:var(--ui-field-readonly-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--ui-field-readonly-bg) inset!important;box-shadow:0 0 0 1000px var(--ui-field-readonly-bg) inset!important;background-color:var(--ui-field-readonly-bg)!important;transition:background-color 50000s ease 0s!important}\n"] }]
+            args: [{ selector: 'app-base-field', imports: [SkeletonFieldShellComponent, DropdownMenuComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"base-field\" [class.base-field--invalid]=\"invalid\" [class.base-field--filled]=\"filled\"\n  [class.base-field--disabled]=\"disabled\" [class.base-field--readonly]=\"readonly\"\n  [class.base-field--loading]=\"loading\" [attr.aria-busy]=\"loading ? true : null\"\n  [attr.aria-label]=\"loading && showFloatTpl ? label : null\">\n  <div class=\"base-field__box\">\n    <div class=\"base-field__prefix\">\n      @if (!loading) {\n      <ng-content select=\"[appFieldPrefix]\" />\n      }\n      @if (showFaTpl) {\n      <i [attr.class]=\"prefixIconClassTpl + (loading ? ' base-field__prefix-icon--loading-dim' : '')\"\n        aria-hidden=\"true\"></i>\n      }\n    </div>\n\n    <div class=\"base-field__field\">\n      @if (showFloatTpl && !loading) {\n      <label class=\"base-field__float-label\" [attr.for]=\"inputId || null\">\n        {{ label }}\n        @if (required && showRequiredMark) {\n        <span class=\"base-field__required\" aria-hidden=\"true\">*</span>\n        }\n      </label>\n      }\n\n      <div class=\"base-field__control\" [class.base-field__control--value-end]=\"valueAlignEnd\">\n        @if (!loading) {\n        <ng-content />\n        } @else {\n        <app-skeleton-field-shell [variant]=\"skeletonVariant\" [showLeadingIcon]=\"!showFaTpl\" />\n        }\n      </div>\n    </div>\n\n    @if (showSuffixTpl) {\n    <div class=\"base-field__suffix\" [class.base-field__suffix--loading]=\"loading\">\n      @if (!loading) {\n      @if (showCtxMenuTpl) {\n      <app-dropdown-menu\n        class=\"base-field__ctx-dropdown\"\n        [items]=\"contextMenuItems\"\n        [minWidthPx]=\"200\"\n        [matchTriggerWidth]=\"false\"\n        [menuId]=\"resolvedContextMenuId\"\n        (itemSelect)=\"onContextMenuItemSelect($event)\"\n      >\n        <button type=\"button\" class=\"base-field__ctx-trigger\" aria-label=\"Mais op\u00E7\u00F5es\" tabindex=\"-1\">\n          <i class=\"fa-solid fa-ellipsis\" aria-hidden=\"true\"></i>\n        </button>\n      </app-dropdown-menu>\n      }\n      @if (showSuffixSlot) {\n      <ng-content select=\"[appFieldSuffix]\" />\n      }\n      @if (showClearTpl) {\n      <button type=\"button\" class=\"base-field__clear\" tabindex=\"-1\" [attr.aria-label]=\"clearAriaLabel\"\n        (click)=\"onClearClick()\">\n        <span class=\"base-field__clear-x\" aria-hidden=\"true\">&times;</span>\n      </button>\n      }\n      } @else if (loading && showSuffixSlot) {\n      <span class=\"base-field__suffix-reserve\" aria-hidden=\"true\"></span>\n      }\n    </div>\n    }\n  </div>\n\n  @if (!loading && showErrorTpl) {\n  <p class=\"base-field__error\" [id]=\"errorId || null\" role=\"alert\">\n    {{ errorMessage }}\n  </p>\n  }\n</div>\n", styles: ["@charset \"UTF-8\";:host{display:block;width:100%;box-sizing:border-box}.base-field{display:flex;flex-direction:column;gap:.35rem;width:100%;max-width:100%;box-sizing:border-box}.base-field--loading .base-field__box{pointer-events:none}.base-field--loading .base-field__field{justify-content:center}.base-field--loading .base-field__control{display:flex;align-items:center;width:100%;min-height:0}.base-field__box{display:flex;align-items:stretch;width:100%;min-width:0;border:1px solid var(--ui-field-float-border);border-radius:var(--ui-field-float-border-radius);overflow:hidden;background:var(--ui-field-float-bg);transition:border-color .1s ease,box-shadow .1s ease;contain:layout}.base-field:not(.base-field--invalid):not(.base-field--disabled):not(.base-field--readonly) .base-field__box:focus-within{border-color:var(--ui-field-float-border-focus);box-shadow:0 0 0 3px var(--ui-field-float-focus-ring)}.base-field--readonly:not(.base-field--disabled) .base-field__box{background:var(--ui-field-readonly-bg);border-color:var(--ui-field-readonly-border)}.base-field--readonly:not(.base-field--disabled):not(.base-field--invalid) .base-field__box:focus-within{border-color:var(--ui-field-readonly-border-focus);box-shadow:0 0 0 3px var(--ui-field-readonly-focus-ring)}.base-field--invalid .base-field__box{border-color:var(--ui-field-input-invalid-border);box-shadow:none;background:var(--ui-field-invalid-input-bg, #fef2f2)}.base-field--readonly.base-field--invalid:not(.base-field--disabled) .base-field__box{background:var(--ui-field-invalid-input-bg, #fef2f2)}.base-field--invalid:not(.base-field--disabled):not(.base-field--readonly) .base-field__box:focus-within{border-color:var(--ui-field-input-invalid-border);box-shadow:0 0 0 3px var(--ui-field-input-invalid-focus-halo)}.base-field--invalid.base-field--readonly:not(.base-field--disabled) .base-field__box:focus-within{border-color:var(--ui-field-input-invalid-border);box-shadow:0 0 0 3px var(--ui-field-input-invalid-focus-halo)}.base-field--disabled .base-field__box{opacity:var(--ui-field-input-disabled-opacity)}.base-field__prefix{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding-left:.75rem;color:var(--ui-field-float-prefix-color);user-select:none;-webkit-user-select:none}.base-field__prefix:empty{display:none}.base-field__prefix-icon{font-style:normal;font-size:1rem;line-height:1;color:var(--ui-field-float-prefix-color)}.base-field__prefix-icon--loading-dim{opacity:.34;pointer-events:none}.base-field__suffix{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-shrink:0;gap:.125rem;padding-right:.4rem;padding-left:.1rem}.base-field__ctx-dropdown{display:inline-flex;flex-shrink:0;align-items:center;max-width:100%}.base-field__ctx-trigger{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin:0;padding:0;border:none;border-radius:8px;background:transparent;color:var(--ui-field-float-prefix-color);cursor:pointer;user-select:none;-webkit-user-select:none;transition:background .15s ease,color .15s ease}.base-field__ctx-trigger:hover{background:var(--app-color-prefix-hover-bg, rgba(90, 127, 163, .15));color:var(--ui-field-float-label-top-color)}.base-field__ctx-trigger:focus,.base-field__ctx-trigger:focus-visible{outline:none}.base-field__clear{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;min-width:2rem;min-height:2rem;margin:0;padding:0;border:none;border-radius:8px;background:transparent;color:var(--ui-field-float-prefix-color);cursor:pointer;line-height:0;user-select:none;-webkit-user-select:none;transition:background .15s ease,color .15s ease}.base-field__clear:hover{background:var(--app-color-prefix-hover-bg, rgba(90, 127, 163, .15));color:var(--ui-field-float-label-top-color)}.base-field__clear:focus,.base-field__clear:focus-visible{outline:none}.base-field__clear-x{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;font-size:1.2rem;line-height:1;font-weight:300}.base-field--invalid .base-field__prefix,.base-field--invalid .base-field__prefix-icon{color:var(--ui-field-float-label-invalid-color)}.base-field--invalid .base-field__prefix-icon:before{color:var(--ui-field-float-label-invalid-color)}.base-field--invalid .base-field__suffix,.base-field--invalid .base-field__clear,.base-field--invalid .base-field__ctx-trigger{color:var(--ui-field-float-label-invalid-color)}.base-field--invalid .base-field__clear:hover,.base-field--invalid .base-field__ctx-trigger:hover{background:var(--app-color-error-bg-subtle, rgba(185, 28, 28, .12));color:var(--ui-field-float-label-invalid-color)}.base-field__field{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-start;contain:layout style}.base-field__float-label{position:absolute;left:.75rem;right:.75rem;top:.45rem;transform:translate3d(0,calc((1.8rem + 1.35em)/2 - .45rem - .6em),0) scale(1);transform-origin:left top;font-size:1rem;font-weight:400;line-height:1.2;color:var(--ui-field-float-label-color);pointer-events:none;user-select:none;-webkit-user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:transform .11s cubic-bezier(.4,0,.2,1),color .11s ease}@media(prefers-reduced-motion:reduce){.base-field__float-label{transition:none}}.base-field__box:focus-within .base-field__float-label,.base-field--filled .base-field__float-label{transform:translateZ(0) scale(.75);font-weight:500;color:var(--ui-field-float-label-top-color)}.base-field--invalid .base-field__float-label{color:var(--ui-field-float-label-invalid-color)}.base-field--invalid.base-field--filled .base-field__float-label,.base-field--invalid .base-field__box:focus-within .base-field__float-label{color:var(--ui-field-float-label-invalid-color)}.base-field__required{color:var(--ui-field-required-mark-color);margin-left:.15rem}.base-field--invalid .base-field__required{color:var(--ui-field-float-label-invalid-color)}.base-field__control{display:block;width:100%;min-width:0}.base-field__suffix-reserve{display:block;flex-shrink:0;width:2rem;height:2rem;margin:0 .1rem;box-sizing:border-box}.base-field__control--value-end :where(input){text-align:right}.base-field--readonly:not(.base-field--disabled) .base-field__float-label{color:var(--ui-field-readonly-label-color)}.base-field--readonly.base-field--filled .base-field__float-label,.base-field--readonly:not(.base-field--disabled) .base-field__box:focus-within .base-field__float-label{color:var(--ui-field-readonly-label-top-color)}.base-field--readonly:not(.base-field--disabled) .base-field__prefix,.base-field--readonly:not(.base-field--disabled) .base-field__prefix-icon{color:var(--ui-field-readonly-prefix-color)}.base-field--readonly:not(.base-field--disabled) .base-field__control :where(input,textarea){color:var(--ui-field-readonly-input-text)}.base-field--invalid.base-field--readonly .base-field__float-label,.base-field--invalid.base-field--readonly.base-field--filled .base-field__float-label,.base-field--invalid.base-field--readonly .base-field__box:focus-within .base-field__float-label{color:var(--ui-field-float-label-invalid-color)}.base-field--invalid.base-field--readonly:not(.base-field--disabled) .base-field__prefix,.base-field--invalid.base-field--readonly:not(.base-field--disabled) .base-field__prefix-icon{color:var(--ui-field-float-label-invalid-color)}.base-field__error{margin:0;padding-left:.15rem;font-size:.75rem;color:var(--ui-field-error-text-color);user-select:none;-webkit-user-select:none}@supports (-webkit-appearance: none){.base-field--invalid:not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill,.base-field--invalid:not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill:hover,.base-field--invalid:not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill:focus,.base-field--invalid:not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill:active,.base-field--invalid:not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill:focus-visible{-webkit-text-fill-color:var(--ui-field-float-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--ui-field-invalid-input-bg, #fef2f2) inset!important;box-shadow:0 0 0 1000px var(--ui-field-invalid-input-bg, #fef2f2) inset!important;transition:background-color 50000s ease 0s!important}.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill,.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill:hover,.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill:focus,.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill:active,.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):-webkit-autofill:focus-visible{-webkit-text-fill-color:var(--ui-field-readonly-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--ui-field-readonly-bg) inset!important;box-shadow:0 0 0 1000px var(--ui-field-readonly-bg) inset!important;transition:background-color 50000s ease 0s!important}}.base-field--invalid:not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):autofill,.base-field--invalid:not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):autofill:hover,.base-field--invalid:not(.base-field--readonly) .base-field__control ::ng-deep :where(input,textarea):autofill:focus{-webkit-text-fill-color:var(--ui-field-float-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--ui-field-invalid-input-bg, #fef2f2) inset!important;box-shadow:0 0 0 1000px var(--ui-field-invalid-input-bg, #fef2f2) inset!important;background-color:var(--ui-field-invalid-input-bg, #fef2f2)!important;transition:background-color 50000s ease 0s!important}.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):autofill,.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):autofill:hover,.base-field--readonly:not(.base-field--disabled) .base-field__control ::ng-deep :where(input,textarea):autofill:focus{-webkit-text-fill-color:var(--ui-field-readonly-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--ui-field-readonly-bg) inset!important;box-shadow:0 0 0 1000px var(--ui-field-readonly-bg) inset!important;background-color:var(--ui-field-readonly-bg)!important;transition:background-color 50000s ease 0s!important}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], errorMessage: [{
@@ -1988,7 +1988,7 @@ class PasswordFieldComponent extends NgControlFieldDirective {
                 useExisting: forwardRef(() => PasswordFieldComponent),
                 multi: true,
             },
-        ], usesInheritance: true, ngImport: i0, template: "<app-base-field [label]=\"floatLabelCaption\" [filled]=\"filledUi\" [disabled]=\"disabled\" [readonly]=\"readonly\"\n  [loading]=\"loading\"\n  [errorMessage]=\"uiErrorMessage\" [required]=\"uiRequiredEffective\" [showRequiredMark]=\"showRequiredMark\"\n  [invalid]=\"uiInvalid\" [inputId]=\"controlId\" [errorId]=\"errorElementId\" [showPrefixIcon]=\"showPrefixIcon\"\n  [prefixIcon]=\"prefixIcon\" [clearable]=\"clearable\" [clearAriaLabel]=\"clearAriaLabel\" [showSuffixSlot]=\"true\"\n  [mostrarMenuContexto]=\"mostrarMenuContexto\" [contextMenuItems]=\"contextMenuItems\" [contextMenuId]=\"contextMenuId\"\n  (clear)=\"onClear()\" (contextMenuSelect)=\"contextMenuSelect.emit($event)\">\n  <ng-content select=\"[appFieldPrefix]\" />\n  <input class=\"password-field__input\" [type]=\"inputTypeUi\" [id]=\"controlId\" [attr.name]=\"name || null\"\n    [attr.placeholder]=\"''\" [attr.autocomplete]=\"autocomplete ? autoComplete : 'off'\" [attr.maxlength]=\"maxLength > 0 ? maxLength : null\"\n    [disabled]=\"disabled\" [readonly]=\"readonly\" [required]=\"uiRequiredEffective\" [attr.aria-invalid]=\"uiInvalid\"\n    [attr.aria-describedby]=\"uiAriaDescribedBy\" [value]=\"inputText\" (input)=\"onNativeInput($event)\"\n    (blur)=\"onBlur()\" />\n  <button type=\"button\" appFieldSuffix class=\"password-field__toggle\" tabindex=\"-1\"\n    [disabled]=\"disabled || readonly\" [attr.aria-label]=\"toggleAriaLabelUi\" [attr.aria-pressed]=\"passwordVisible\"\n    (click)=\"togglePasswordVisible($event)\">\n    <i [class]=\"toggleIconClassUi\" aria-hidden=\"true\"></i>\n  </button>\n</app-base-field>\n", styles: ["@charset \"UTF-8\";:host{display:block;width:100%;box-sizing:border-box}.password-field__input{display:block;width:100%;max-width:none;box-sizing:border-box;margin:0;padding:1.35rem .75rem .45rem;font-size:1rem;line-height:1.35;font-family:inherit;color:var(--ui-field-float-input-text);border:none;border-radius:0;background:transparent;box-shadow:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.password-field__input::placeholder{color:transparent}.password-field__input:focus,.password-field__input:focus-visible{outline:none}.password-field__input:-webkit-autofill,.password-field__input:-webkit-autofill:hover,.password-field__input:-webkit-autofill:focus,.password-field__input:-webkit-autofill:active,.password-field__input:-webkit-autofill:focus-visible{-webkit-text-fill-color:var(--ui-field-float-input-text)!important;caret-color:var(--ui-field-float-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--ui-field-float-bg) inset!important;box-shadow:0 0 0 1000px var(--ui-field-float-bg) inset!important;transition:background-color 50000s ease 0s!important}.password-field__input:autofill,.password-field__input:autofill:hover,.password-field__input:autofill:focus,.password-field__input:autofill:active,.password-field__input:autofill:focus-visible{-webkit-text-fill-color:var(--ui-field-float-input-text)!important;caret-color:var(--ui-field-float-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--ui-field-float-bg) inset!important;box-shadow:0 0 0 1000px var(--ui-field-float-bg) inset!important;background-color:var(--ui-field-float-bg)!important;transition:background-color 50000s ease 0s!important}.password-field__input--invalid:not(:disabled)::placeholder{color:transparent}.password-field__input:disabled{opacity:var(--ui-field-input-disabled-opacity);cursor:not-allowed}.password-field__toggle{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin:0;padding:0;border:none;border-radius:8px;background:transparent;color:var(--ui-field-float-prefix-color);cursor:pointer;transition:background .15s ease,color .15s ease}.password-field__toggle:hover:not(:disabled){background:#5a7fa326;color:var(--ui-field-float-label-top-color)}.password-field__toggle:focus,.password-field__toggle:focus-visible{outline:none}.password-field__toggle:disabled{cursor:not-allowed;opacity:var(--ui-field-input-disabled-opacity)}.password-field__toggle i{font-size:.95rem;line-height:1}:host.password-field--invalid .password-field__toggle{color:var(--ui-field-float-label-invalid-color)}:host.password-field--invalid .password-field__toggle:hover:not(:disabled){background:#b91c1c1f;color:var(--ui-field-float-label-invalid-color)}:host.password-field--invalid .password-field__toggle:focus,:host.password-field--invalid .password-field__toggle:focus-visible{outline:none}\n"], dependencies: [{ kind: "component", type: BaseFieldComponent, selector: "app-base-field", inputs: ["label", "errorMessage", "required", "showRequiredMark", "invalid", "filled", "disabled", "readonly", "inputId", "errorId", "showPrefixIcon", "prefixIcon", "clearable", "clearAriaLabel", "showSuffixSlot", "valueAlignEnd", "loading", "skeletonVariant", "mostrarMenuContexto", "contextMenuItems", "contextMenuId"], outputs: ["clear", "contextMenuSelect"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], usesInheritance: true, ngImport: i0, template: "<app-base-field [label]=\"floatLabelCaption\" [filled]=\"filledUi\" [disabled]=\"disabled\" [readonly]=\"readonly\"\n  [loading]=\"loading\"\n  [errorMessage]=\"uiErrorMessage\" [required]=\"uiRequiredEffective\" [showRequiredMark]=\"showRequiredMark\"\n  [invalid]=\"uiInvalid\" [inputId]=\"controlId\" [errorId]=\"errorElementId\" [showPrefixIcon]=\"showPrefixIcon\"\n  [prefixIcon]=\"prefixIcon\" [clearable]=\"clearable\" [clearAriaLabel]=\"clearAriaLabel\" [showSuffixSlot]=\"true\"\n  [mostrarMenuContexto]=\"mostrarMenuContexto\" [contextMenuItems]=\"contextMenuItems\" [contextMenuId]=\"contextMenuId\"\n  (clear)=\"onClear()\" (contextMenuSelect)=\"contextMenuSelect.emit($event)\">\n  <ng-content select=\"[appFieldPrefix]\" />\n  <input class=\"password-field__input\" [type]=\"inputTypeUi\" [id]=\"controlId\" [attr.name]=\"name || null\"\n    [attr.placeholder]=\"''\" [attr.autocomplete]=\"autocomplete ? autoComplete : 'off'\" [attr.maxlength]=\"maxLength > 0 ? maxLength : null\"\n    [disabled]=\"disabled\" [readonly]=\"readonly\" [required]=\"uiRequiredEffective\" [attr.aria-invalid]=\"uiInvalid\"\n    [attr.aria-describedby]=\"uiAriaDescribedBy\" [value]=\"inputText\" (input)=\"onNativeInput($event)\"\n    (blur)=\"onBlur()\" />\n  <button type=\"button\" appFieldSuffix class=\"password-field__toggle\" tabindex=\"-1\"\n    [disabled]=\"disabled || readonly\" [attr.aria-label]=\"toggleAriaLabelUi\" [attr.aria-pressed]=\"passwordVisible\"\n    (click)=\"togglePasswordVisible($event)\">\n    <i [class]=\"toggleIconClassUi\" aria-hidden=\"true\"></i>\n  </button>\n</app-base-field>\n", styles: ["@charset \"UTF-8\";:host{display:block;width:100%;box-sizing:border-box}.password-field__input{display:block;width:100%;max-width:none;box-sizing:border-box;margin:0;padding:1.35rem .75rem .45rem;font-size:1rem;line-height:1.35;font-family:inherit;color:var(--ui-field-float-input-text);border:none;border-radius:0;background:transparent;box-shadow:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.password-field__input::placeholder{color:transparent}.password-field__input:focus,.password-field__input:focus-visible{outline:none}.password-field__input:-webkit-autofill,.password-field__input:-webkit-autofill:hover,.password-field__input:-webkit-autofill:focus,.password-field__input:-webkit-autofill:active,.password-field__input:-webkit-autofill:focus-visible{-webkit-text-fill-color:var(--ui-field-float-input-text)!important;caret-color:var(--ui-field-float-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--ui-field-float-bg) inset!important;box-shadow:0 0 0 1000px var(--ui-field-float-bg) inset!important;transition:background-color 50000s ease 0s!important}.password-field__input:autofill,.password-field__input:autofill:hover,.password-field__input:autofill:focus,.password-field__input:autofill:active,.password-field__input:autofill:focus-visible{-webkit-text-fill-color:var(--ui-field-float-input-text)!important;caret-color:var(--ui-field-float-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--ui-field-float-bg) inset!important;box-shadow:0 0 0 1000px var(--ui-field-float-bg) inset!important;background-color:var(--ui-field-float-bg)!important;transition:background-color 50000s ease 0s!important}.password-field__input--invalid:not(:disabled)::placeholder{color:transparent}.password-field__input:disabled{opacity:var(--ui-field-input-disabled-opacity);cursor:not-allowed}.password-field__toggle{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;min-width:2rem;min-height:2rem;margin:0;padding:0;border:none;border-radius:8px;background:transparent;color:var(--ui-field-float-prefix-color);cursor:pointer;line-height:0;transition:background .15s ease,color .15s ease}.password-field__toggle:hover:not(:disabled){background:#5a7fa326;color:var(--ui-field-float-label-top-color)}.password-field__toggle:focus,.password-field__toggle:focus-visible{outline:none}.password-field__toggle:disabled{cursor:not-allowed;opacity:var(--ui-field-input-disabled-opacity)}.password-field__toggle i{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;font-size:1rem;line-height:1;vertical-align:0}.password-field__toggle i:before{line-height:1}:host.password-field--invalid .password-field__toggle{color:var(--ui-field-float-label-invalid-color)}:host.password-field--invalid .password-field__toggle:hover:not(:disabled){background:#b91c1c1f;color:var(--ui-field-float-label-invalid-color)}:host.password-field--invalid .password-field__toggle:focus,:host.password-field--invalid .password-field__toggle:focus-visible{outline:none}\n"], dependencies: [{ kind: "component", type: BaseFieldComponent, selector: "app-base-field", inputs: ["label", "errorMessage", "required", "showRequiredMark", "invalid", "filled", "disabled", "readonly", "inputId", "errorId", "showPrefixIcon", "prefixIcon", "clearable", "clearAriaLabel", "showSuffixSlot", "valueAlignEnd", "loading", "skeletonVariant", "mostrarMenuContexto", "contextMenuItems", "contextMenuId"], outputs: ["clear", "contextMenuSelect"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: PasswordFieldComponent, decorators: [{
             type: Component,
@@ -1998,7 +1998,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                             useExisting: forwardRef(() => PasswordFieldComponent),
                             multi: true,
                         },
-                    ], template: "<app-base-field [label]=\"floatLabelCaption\" [filled]=\"filledUi\" [disabled]=\"disabled\" [readonly]=\"readonly\"\n  [loading]=\"loading\"\n  [errorMessage]=\"uiErrorMessage\" [required]=\"uiRequiredEffective\" [showRequiredMark]=\"showRequiredMark\"\n  [invalid]=\"uiInvalid\" [inputId]=\"controlId\" [errorId]=\"errorElementId\" [showPrefixIcon]=\"showPrefixIcon\"\n  [prefixIcon]=\"prefixIcon\" [clearable]=\"clearable\" [clearAriaLabel]=\"clearAriaLabel\" [showSuffixSlot]=\"true\"\n  [mostrarMenuContexto]=\"mostrarMenuContexto\" [contextMenuItems]=\"contextMenuItems\" [contextMenuId]=\"contextMenuId\"\n  (clear)=\"onClear()\" (contextMenuSelect)=\"contextMenuSelect.emit($event)\">\n  <ng-content select=\"[appFieldPrefix]\" />\n  <input class=\"password-field__input\" [type]=\"inputTypeUi\" [id]=\"controlId\" [attr.name]=\"name || null\"\n    [attr.placeholder]=\"''\" [attr.autocomplete]=\"autocomplete ? autoComplete : 'off'\" [attr.maxlength]=\"maxLength > 0 ? maxLength : null\"\n    [disabled]=\"disabled\" [readonly]=\"readonly\" [required]=\"uiRequiredEffective\" [attr.aria-invalid]=\"uiInvalid\"\n    [attr.aria-describedby]=\"uiAriaDescribedBy\" [value]=\"inputText\" (input)=\"onNativeInput($event)\"\n    (blur)=\"onBlur()\" />\n  <button type=\"button\" appFieldSuffix class=\"password-field__toggle\" tabindex=\"-1\"\n    [disabled]=\"disabled || readonly\" [attr.aria-label]=\"toggleAriaLabelUi\" [attr.aria-pressed]=\"passwordVisible\"\n    (click)=\"togglePasswordVisible($event)\">\n    <i [class]=\"toggleIconClassUi\" aria-hidden=\"true\"></i>\n  </button>\n</app-base-field>\n", styles: ["@charset \"UTF-8\";:host{display:block;width:100%;box-sizing:border-box}.password-field__input{display:block;width:100%;max-width:none;box-sizing:border-box;margin:0;padding:1.35rem .75rem .45rem;font-size:1rem;line-height:1.35;font-family:inherit;color:var(--ui-field-float-input-text);border:none;border-radius:0;background:transparent;box-shadow:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.password-field__input::placeholder{color:transparent}.password-field__input:focus,.password-field__input:focus-visible{outline:none}.password-field__input:-webkit-autofill,.password-field__input:-webkit-autofill:hover,.password-field__input:-webkit-autofill:focus,.password-field__input:-webkit-autofill:active,.password-field__input:-webkit-autofill:focus-visible{-webkit-text-fill-color:var(--ui-field-float-input-text)!important;caret-color:var(--ui-field-float-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--ui-field-float-bg) inset!important;box-shadow:0 0 0 1000px var(--ui-field-float-bg) inset!important;transition:background-color 50000s ease 0s!important}.password-field__input:autofill,.password-field__input:autofill:hover,.password-field__input:autofill:focus,.password-field__input:autofill:active,.password-field__input:autofill:focus-visible{-webkit-text-fill-color:var(--ui-field-float-input-text)!important;caret-color:var(--ui-field-float-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--ui-field-float-bg) inset!important;box-shadow:0 0 0 1000px var(--ui-field-float-bg) inset!important;background-color:var(--ui-field-float-bg)!important;transition:background-color 50000s ease 0s!important}.password-field__input--invalid:not(:disabled)::placeholder{color:transparent}.password-field__input:disabled{opacity:var(--ui-field-input-disabled-opacity);cursor:not-allowed}.password-field__toggle{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin:0;padding:0;border:none;border-radius:8px;background:transparent;color:var(--ui-field-float-prefix-color);cursor:pointer;transition:background .15s ease,color .15s ease}.password-field__toggle:hover:not(:disabled){background:#5a7fa326;color:var(--ui-field-float-label-top-color)}.password-field__toggle:focus,.password-field__toggle:focus-visible{outline:none}.password-field__toggle:disabled{cursor:not-allowed;opacity:var(--ui-field-input-disabled-opacity)}.password-field__toggle i{font-size:.95rem;line-height:1}:host.password-field--invalid .password-field__toggle{color:var(--ui-field-float-label-invalid-color)}:host.password-field--invalid .password-field__toggle:hover:not(:disabled){background:#b91c1c1f;color:var(--ui-field-float-label-invalid-color)}:host.password-field--invalid .password-field__toggle:focus,:host.password-field--invalid .password-field__toggle:focus-visible{outline:none}\n"] }]
+                    ], template: "<app-base-field [label]=\"floatLabelCaption\" [filled]=\"filledUi\" [disabled]=\"disabled\" [readonly]=\"readonly\"\n  [loading]=\"loading\"\n  [errorMessage]=\"uiErrorMessage\" [required]=\"uiRequiredEffective\" [showRequiredMark]=\"showRequiredMark\"\n  [invalid]=\"uiInvalid\" [inputId]=\"controlId\" [errorId]=\"errorElementId\" [showPrefixIcon]=\"showPrefixIcon\"\n  [prefixIcon]=\"prefixIcon\" [clearable]=\"clearable\" [clearAriaLabel]=\"clearAriaLabel\" [showSuffixSlot]=\"true\"\n  [mostrarMenuContexto]=\"mostrarMenuContexto\" [contextMenuItems]=\"contextMenuItems\" [contextMenuId]=\"contextMenuId\"\n  (clear)=\"onClear()\" (contextMenuSelect)=\"contextMenuSelect.emit($event)\">\n  <ng-content select=\"[appFieldPrefix]\" />\n  <input class=\"password-field__input\" [type]=\"inputTypeUi\" [id]=\"controlId\" [attr.name]=\"name || null\"\n    [attr.placeholder]=\"''\" [attr.autocomplete]=\"autocomplete ? autoComplete : 'off'\" [attr.maxlength]=\"maxLength > 0 ? maxLength : null\"\n    [disabled]=\"disabled\" [readonly]=\"readonly\" [required]=\"uiRequiredEffective\" [attr.aria-invalid]=\"uiInvalid\"\n    [attr.aria-describedby]=\"uiAriaDescribedBy\" [value]=\"inputText\" (input)=\"onNativeInput($event)\"\n    (blur)=\"onBlur()\" />\n  <button type=\"button\" appFieldSuffix class=\"password-field__toggle\" tabindex=\"-1\"\n    [disabled]=\"disabled || readonly\" [attr.aria-label]=\"toggleAriaLabelUi\" [attr.aria-pressed]=\"passwordVisible\"\n    (click)=\"togglePasswordVisible($event)\">\n    <i [class]=\"toggleIconClassUi\" aria-hidden=\"true\"></i>\n  </button>\n</app-base-field>\n", styles: ["@charset \"UTF-8\";:host{display:block;width:100%;box-sizing:border-box}.password-field__input{display:block;width:100%;max-width:none;box-sizing:border-box;margin:0;padding:1.35rem .75rem .45rem;font-size:1rem;line-height:1.35;font-family:inherit;color:var(--ui-field-float-input-text);border:none;border-radius:0;background:transparent;box-shadow:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.password-field__input::placeholder{color:transparent}.password-field__input:focus,.password-field__input:focus-visible{outline:none}.password-field__input:-webkit-autofill,.password-field__input:-webkit-autofill:hover,.password-field__input:-webkit-autofill:focus,.password-field__input:-webkit-autofill:active,.password-field__input:-webkit-autofill:focus-visible{-webkit-text-fill-color:var(--ui-field-float-input-text)!important;caret-color:var(--ui-field-float-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--ui-field-float-bg) inset!important;box-shadow:0 0 0 1000px var(--ui-field-float-bg) inset!important;transition:background-color 50000s ease 0s!important}.password-field__input:autofill,.password-field__input:autofill:hover,.password-field__input:autofill:focus,.password-field__input:autofill:active,.password-field__input:autofill:focus-visible{-webkit-text-fill-color:var(--ui-field-float-input-text)!important;caret-color:var(--ui-field-float-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--ui-field-float-bg) inset!important;box-shadow:0 0 0 1000px var(--ui-field-float-bg) inset!important;background-color:var(--ui-field-float-bg)!important;transition:background-color 50000s ease 0s!important}.password-field__input--invalid:not(:disabled)::placeholder{color:transparent}.password-field__input:disabled{opacity:var(--ui-field-input-disabled-opacity);cursor:not-allowed}.password-field__toggle{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;min-width:2rem;min-height:2rem;margin:0;padding:0;border:none;border-radius:8px;background:transparent;color:var(--ui-field-float-prefix-color);cursor:pointer;line-height:0;transition:background .15s ease,color .15s ease}.password-field__toggle:hover:not(:disabled){background:#5a7fa326;color:var(--ui-field-float-label-top-color)}.password-field__toggle:focus,.password-field__toggle:focus-visible{outline:none}.password-field__toggle:disabled{cursor:not-allowed;opacity:var(--ui-field-input-disabled-opacity)}.password-field__toggle i{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;font-size:1rem;line-height:1;vertical-align:0}.password-field__toggle i:before{line-height:1}:host.password-field--invalid .password-field__toggle{color:var(--ui-field-float-label-invalid-color)}:host.password-field--invalid .password-field__toggle:hover:not(:disabled){background:#b91c1c1f;color:var(--ui-field-float-label-invalid-color)}:host.password-field--invalid .password-field__toggle:focus,:host.password-field--invalid .password-field__toggle:focus-visible{outline:none}\n"] }]
         }], propDecorators: { showPrefixIcon: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
@@ -3521,7 +3521,7 @@ class CheckboxFieldComponent extends BooleanFieldDirective {
                 useExisting: forwardRef(() => CheckboxFieldComponent),
                 multi: true,
             },
-        ], usesInheritance: true, ngImport: i0, template: "@if (!loading) {\r\n<div class=\"checkbox-field\" [class.checkbox-field--invalid]=\"uiInvalid\"\r\n  [class.checkbox-field--readonly]=\"readonly\">\r\n  <label class=\"checkbox-field__row\">\r\n    <input\r\n      type=\"checkbox\"\r\n      class=\"checkbox-field__native\"\r\n      [id]=\"controlId\"\r\n      [attr.name]=\"name || null\"\r\n      [attr.tabindex]=\"readonly ? -1 : null\"\r\n      [checked]=\"checked\"\r\n      [disabled]=\"disabled\"\r\n      [required]=\"uiRequiredEffective\"\r\n      [attr.aria-invalid]=\"uiInvalid\"\r\n      [attr.aria-describedby]=\"uiAriaDescribedBy\"\r\n      [attr.aria-readonly]=\"readonly ? true : null\"\r\n      [attr.aria-label]=\"label || placeholder || 'Op\u00E7\u00E3o'\"\r\n      (click)=\"onCheckboxClick($event)\"\r\n      (change)=\"onNativeChange($event)\"\r\n      (blur)=\"onBlur()\"\r\n    />\r\n    @if (label) {\r\n    <span class=\"checkbox-field__label\">{{ label }}</span>\r\n    }\r\n  </label>\r\n  @if (showErrorMessage && uiInvalid && uiErrorMessage) {\r\n  <p class=\"checkbox-field__error\" [id]=\"errorElementId\" role=\"alert\">{{ uiErrorMessage }}</p>\r\n  }\r\n</div>\r\n} @else {\r\n<div class=\"checkbox-field checkbox-field--loading\" role=\"status\" aria-live=\"polite\" [attr.aria-busy]=\"true\"\r\n  [attr.aria-label]=\"label || 'A carregar'\">\r\n  <div class=\"checkbox-field__skeleton-row\" aria-hidden=\"true\">\r\n    <app-skeleton-block width=\"1.1rem\" height=\"1.1rem\" radius=\"4px\" />\r\n    <app-skeleton-block width=\"11rem\" height=\"0.72rem\" radius=\"6px\" />\r\n  </div>\r\n</div>\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{display:block;width:auto;box-sizing:border-box}:host(.checkbox-field--full-width){width:100%}.checkbox-field--invalid .checkbox-field__label{color:var(--ui-field-float-label-invalid-color)}.checkbox-field__row{display:flex;align-items:center;gap:.5rem;margin:0;cursor:pointer;width:fit-content;max-width:100%}.checkbox-field__native{appearance:none;-webkit-appearance:none;width:1.1rem;height:1.1rem;margin:0;flex-shrink:0;box-sizing:border-box;border:1px solid var(--ui-field-float-border);border-radius:4px;background-color:var(--ui-field-float-bg);background-repeat:no-repeat;background-position:center;background-size:.65rem auto;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.checkbox-field__native:focus-visible{outline:2px solid var(--ui-field-float-border-focus);outline-offset:2px}.checkbox-field__native:focus:not(:focus-visible){outline:2px solid var(--ui-field-float-border-focus);outline-offset:2px}.checkbox-field__native:checked{border-color:var(--ui-field-float-border-focus);background-color:var(--ui-field-float-border-focus);background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M2.5 6l2.5 2.5 4.5-5'/%3E%3C/svg%3E\")}.checkbox-field__native:disabled{cursor:not-allowed;opacity:var(--ui-field-input-disabled-opacity)}.checkbox-field--invalid .checkbox-field__native{border-color:var(--ui-field-input-invalid-border)}.checkbox-field--invalid .checkbox-field__native:checked{border-color:var(--ui-field-input-invalid-border);background-color:var(--ui-field-input-invalid-border);background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M2.5 6l2.5 2.5 4.5-5'/%3E%3C/svg%3E\")}.checkbox-field--invalid .checkbox-field__native:focus-visible{outline-color:var(--ui-field-input-invalid-border)}.checkbox-field--invalid .checkbox-field__native:focus:not(:focus-visible){outline:2px solid var(--ui-field-input-invalid-border);outline-offset:2px}.checkbox-field__label{font-size:1rem;line-height:1.35;color:var(--ui-field-float-label-color);cursor:pointer;-webkit-user-select:none;user-select:none;padding-top:.1em}.checkbox-field__error{margin:.35rem 0 0 1.6rem;padding:0;font-size:.75rem;color:var(--ui-field-error-text-color);user-select:none;-webkit-user-select:none}.checkbox-field--loading{width:100%;max-width:100%;box-sizing:border-box}.checkbox-field--loading .checkbox-field__skeleton-row{display:flex;align-items:center;gap:.5rem;width:100%;max-width:100%;box-sizing:border-box}.checkbox-field--readonly .checkbox-field__row{cursor:default;pointer-events:none}.checkbox-field--readonly .checkbox-field__native{border-color:var(--ui-field-readonly-border);background-color:var(--ui-field-readonly-bg);cursor:default}.checkbox-field--readonly .checkbox-field__native:checked{border-color:var(--ui-field-readonly-border-focus);background-color:var(--ui-field-readonly-border-focus);background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M2.5 6l2.5 2.5 4.5-5'/%3E%3C/svg%3E\")}.checkbox-field--readonly .checkbox-field__native:focus,.checkbox-field--readonly .checkbox-field__native:focus-visible{outline:none}.checkbox-field--readonly .checkbox-field__label{color:var(--ui-field-readonly-label-color);cursor:default}\n"], dependencies: [{ kind: "component", type: SkeletonBlockComponent, selector: "app-skeleton-block", inputs: ["width", "height", "radius", "animate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], usesInheritance: true, ngImport: i0, template: "@if (!loading) {\r\n<div class=\"checkbox-field\" [class.checkbox-field--invalid]=\"uiInvalid\"\r\n  [class.checkbox-field--readonly]=\"readonly\">\r\n  <label class=\"checkbox-field__row\">\r\n    <input\r\n      type=\"checkbox\"\r\n      class=\"checkbox-field__native\"\r\n      [id]=\"controlId\"\r\n      [attr.name]=\"name || null\"\r\n      [attr.tabindex]=\"readonly ? -1 : null\"\r\n      [checked]=\"checked\"\r\n      [disabled]=\"disabled\"\r\n      [required]=\"uiRequiredEffective\"\r\n      [attr.aria-invalid]=\"uiInvalid\"\r\n      [attr.aria-describedby]=\"uiAriaDescribedBy\"\r\n      [attr.aria-readonly]=\"readonly ? true : null\"\r\n      [attr.aria-label]=\"label || placeholder || 'Op\u00E7\u00E3o'\"\r\n      (click)=\"onCheckboxClick($event)\"\r\n      (change)=\"onNativeChange($event)\"\r\n      (blur)=\"onBlur()\"\r\n    />\r\n    @if (label) {\r\n    <span class=\"checkbox-field__label\">{{ label }}</span>\r\n    }\r\n  </label>\r\n  @if (showErrorMessage && uiInvalid && uiErrorMessage) {\r\n  <p class=\"checkbox-field__error\" [id]=\"errorElementId\" role=\"alert\">{{ uiErrorMessage }}</p>\r\n  }\r\n</div>\r\n} @else {\r\n<div class=\"checkbox-field checkbox-field--loading\" role=\"status\" aria-live=\"polite\" [attr.aria-busy]=\"true\"\r\n  [attr.aria-label]=\"label || 'A carregar'\">\r\n  <div class=\"checkbox-field__skeleton-row\" aria-hidden=\"true\">\r\n    <app-skeleton-block width=\"1.1rem\" height=\"1.1rem\" radius=\"4px\" />\r\n    <app-skeleton-block width=\"11rem\" height=\"0.72rem\" radius=\"6px\" />\r\n  </div>\r\n</div>\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{display:block;width:auto;box-sizing:border-box}:host(.checkbox-field--full-width){width:100%}.checkbox-field__row{display:flex;align-items:center;gap:.5rem;margin:0;cursor:pointer;width:fit-content;max-width:100%}.checkbox-field__native{appearance:none;-webkit-appearance:none;width:1.1rem;height:1.1rem;margin:0;flex-shrink:0;box-sizing:border-box;border:1px solid var(--ui-field-float-border);border-radius:4px;background-color:var(--ui-field-float-bg);background-repeat:no-repeat;background-position:center;background-size:.65rem auto;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.checkbox-field__native:focus-visible{outline:2px solid var(--ui-field-float-border-focus);outline-offset:2px}.checkbox-field__native:focus:not(:focus-visible){outline:2px solid var(--ui-field-float-border-focus);outline-offset:2px}.checkbox-field__native:checked{border-color:var(--ui-field-float-border-focus);background-color:var(--ui-field-float-border-focus);background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M2.5 6l2.5 2.5 4.5-5'/%3E%3C/svg%3E\")}.checkbox-field__native:disabled{cursor:not-allowed;opacity:var(--ui-field-input-disabled-opacity)}.checkbox-field--invalid .checkbox-field__native{border-color:var(--ui-field-input-invalid-border)}.checkbox-field--invalid .checkbox-field__native:checked{border-color:var(--ui-field-input-invalid-border);background-color:var(--ui-field-input-invalid-border);background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M2.5 6l2.5 2.5 4.5-5'/%3E%3C/svg%3E\")}.checkbox-field--invalid .checkbox-field__native:focus-visible{outline-color:var(--ui-field-input-invalid-border)}.checkbox-field--invalid .checkbox-field__native:focus:not(:focus-visible){outline:2px solid var(--ui-field-input-invalid-border);outline-offset:2px}.checkbox-field__label{font-size:1rem;line-height:1.35;color:#000;cursor:pointer;-webkit-user-select:none;user-select:none;padding-top:.1em}.checkbox-field__error{margin:.35rem 0 0 1.6rem;padding:0;font-size:.75rem;color:var(--ui-field-error-text-color);user-select:none;-webkit-user-select:none}.checkbox-field--loading{width:100%;max-width:100%;box-sizing:border-box}.checkbox-field--loading .checkbox-field__skeleton-row{display:flex;align-items:center;gap:.5rem;width:100%;max-width:100%;box-sizing:border-box}.checkbox-field--readonly .checkbox-field__row{cursor:default;pointer-events:none}.checkbox-field--readonly .checkbox-field__native{border-color:var(--ui-field-readonly-border);background-color:var(--ui-field-readonly-bg);cursor:default}.checkbox-field--readonly .checkbox-field__native:checked{border-color:var(--ui-field-readonly-border-focus);background-color:var(--ui-field-readonly-border-focus);background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M2.5 6l2.5 2.5 4.5-5'/%3E%3C/svg%3E\")}.checkbox-field--readonly .checkbox-field__native:focus,.checkbox-field--readonly .checkbox-field__native:focus-visible{outline:none}.checkbox-field--readonly .checkbox-field__label{color:#000;cursor:default}\n"], dependencies: [{ kind: "component", type: SkeletonBlockComponent, selector: "app-skeleton-block", inputs: ["width", "height", "radius", "animate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CheckboxFieldComponent, decorators: [{
             type: Component,
@@ -3531,7 +3531,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                             useExisting: forwardRef(() => CheckboxFieldComponent),
                             multi: true,
                         },
-                    ], template: "@if (!loading) {\r\n<div class=\"checkbox-field\" [class.checkbox-field--invalid]=\"uiInvalid\"\r\n  [class.checkbox-field--readonly]=\"readonly\">\r\n  <label class=\"checkbox-field__row\">\r\n    <input\r\n      type=\"checkbox\"\r\n      class=\"checkbox-field__native\"\r\n      [id]=\"controlId\"\r\n      [attr.name]=\"name || null\"\r\n      [attr.tabindex]=\"readonly ? -1 : null\"\r\n      [checked]=\"checked\"\r\n      [disabled]=\"disabled\"\r\n      [required]=\"uiRequiredEffective\"\r\n      [attr.aria-invalid]=\"uiInvalid\"\r\n      [attr.aria-describedby]=\"uiAriaDescribedBy\"\r\n      [attr.aria-readonly]=\"readonly ? true : null\"\r\n      [attr.aria-label]=\"label || placeholder || 'Op\u00E7\u00E3o'\"\r\n      (click)=\"onCheckboxClick($event)\"\r\n      (change)=\"onNativeChange($event)\"\r\n      (blur)=\"onBlur()\"\r\n    />\r\n    @if (label) {\r\n    <span class=\"checkbox-field__label\">{{ label }}</span>\r\n    }\r\n  </label>\r\n  @if (showErrorMessage && uiInvalid && uiErrorMessage) {\r\n  <p class=\"checkbox-field__error\" [id]=\"errorElementId\" role=\"alert\">{{ uiErrorMessage }}</p>\r\n  }\r\n</div>\r\n} @else {\r\n<div class=\"checkbox-field checkbox-field--loading\" role=\"status\" aria-live=\"polite\" [attr.aria-busy]=\"true\"\r\n  [attr.aria-label]=\"label || 'A carregar'\">\r\n  <div class=\"checkbox-field__skeleton-row\" aria-hidden=\"true\">\r\n    <app-skeleton-block width=\"1.1rem\" height=\"1.1rem\" radius=\"4px\" />\r\n    <app-skeleton-block width=\"11rem\" height=\"0.72rem\" radius=\"6px\" />\r\n  </div>\r\n</div>\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{display:block;width:auto;box-sizing:border-box}:host(.checkbox-field--full-width){width:100%}.checkbox-field--invalid .checkbox-field__label{color:var(--ui-field-float-label-invalid-color)}.checkbox-field__row{display:flex;align-items:center;gap:.5rem;margin:0;cursor:pointer;width:fit-content;max-width:100%}.checkbox-field__native{appearance:none;-webkit-appearance:none;width:1.1rem;height:1.1rem;margin:0;flex-shrink:0;box-sizing:border-box;border:1px solid var(--ui-field-float-border);border-radius:4px;background-color:var(--ui-field-float-bg);background-repeat:no-repeat;background-position:center;background-size:.65rem auto;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.checkbox-field__native:focus-visible{outline:2px solid var(--ui-field-float-border-focus);outline-offset:2px}.checkbox-field__native:focus:not(:focus-visible){outline:2px solid var(--ui-field-float-border-focus);outline-offset:2px}.checkbox-field__native:checked{border-color:var(--ui-field-float-border-focus);background-color:var(--ui-field-float-border-focus);background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M2.5 6l2.5 2.5 4.5-5'/%3E%3C/svg%3E\")}.checkbox-field__native:disabled{cursor:not-allowed;opacity:var(--ui-field-input-disabled-opacity)}.checkbox-field--invalid .checkbox-field__native{border-color:var(--ui-field-input-invalid-border)}.checkbox-field--invalid .checkbox-field__native:checked{border-color:var(--ui-field-input-invalid-border);background-color:var(--ui-field-input-invalid-border);background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M2.5 6l2.5 2.5 4.5-5'/%3E%3C/svg%3E\")}.checkbox-field--invalid .checkbox-field__native:focus-visible{outline-color:var(--ui-field-input-invalid-border)}.checkbox-field--invalid .checkbox-field__native:focus:not(:focus-visible){outline:2px solid var(--ui-field-input-invalid-border);outline-offset:2px}.checkbox-field__label{font-size:1rem;line-height:1.35;color:var(--ui-field-float-label-color);cursor:pointer;-webkit-user-select:none;user-select:none;padding-top:.1em}.checkbox-field__error{margin:.35rem 0 0 1.6rem;padding:0;font-size:.75rem;color:var(--ui-field-error-text-color);user-select:none;-webkit-user-select:none}.checkbox-field--loading{width:100%;max-width:100%;box-sizing:border-box}.checkbox-field--loading .checkbox-field__skeleton-row{display:flex;align-items:center;gap:.5rem;width:100%;max-width:100%;box-sizing:border-box}.checkbox-field--readonly .checkbox-field__row{cursor:default;pointer-events:none}.checkbox-field--readonly .checkbox-field__native{border-color:var(--ui-field-readonly-border);background-color:var(--ui-field-readonly-bg);cursor:default}.checkbox-field--readonly .checkbox-field__native:checked{border-color:var(--ui-field-readonly-border-focus);background-color:var(--ui-field-readonly-border-focus);background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M2.5 6l2.5 2.5 4.5-5'/%3E%3C/svg%3E\")}.checkbox-field--readonly .checkbox-field__native:focus,.checkbox-field--readonly .checkbox-field__native:focus-visible{outline:none}.checkbox-field--readonly .checkbox-field__label{color:var(--ui-field-readonly-label-color);cursor:default}\n"] }]
+                    ], template: "@if (!loading) {\r\n<div class=\"checkbox-field\" [class.checkbox-field--invalid]=\"uiInvalid\"\r\n  [class.checkbox-field--readonly]=\"readonly\">\r\n  <label class=\"checkbox-field__row\">\r\n    <input\r\n      type=\"checkbox\"\r\n      class=\"checkbox-field__native\"\r\n      [id]=\"controlId\"\r\n      [attr.name]=\"name || null\"\r\n      [attr.tabindex]=\"readonly ? -1 : null\"\r\n      [checked]=\"checked\"\r\n      [disabled]=\"disabled\"\r\n      [required]=\"uiRequiredEffective\"\r\n      [attr.aria-invalid]=\"uiInvalid\"\r\n      [attr.aria-describedby]=\"uiAriaDescribedBy\"\r\n      [attr.aria-readonly]=\"readonly ? true : null\"\r\n      [attr.aria-label]=\"label || placeholder || 'Op\u00E7\u00E3o'\"\r\n      (click)=\"onCheckboxClick($event)\"\r\n      (change)=\"onNativeChange($event)\"\r\n      (blur)=\"onBlur()\"\r\n    />\r\n    @if (label) {\r\n    <span class=\"checkbox-field__label\">{{ label }}</span>\r\n    }\r\n  </label>\r\n  @if (showErrorMessage && uiInvalid && uiErrorMessage) {\r\n  <p class=\"checkbox-field__error\" [id]=\"errorElementId\" role=\"alert\">{{ uiErrorMessage }}</p>\r\n  }\r\n</div>\r\n} @else {\r\n<div class=\"checkbox-field checkbox-field--loading\" role=\"status\" aria-live=\"polite\" [attr.aria-busy]=\"true\"\r\n  [attr.aria-label]=\"label || 'A carregar'\">\r\n  <div class=\"checkbox-field__skeleton-row\" aria-hidden=\"true\">\r\n    <app-skeleton-block width=\"1.1rem\" height=\"1.1rem\" radius=\"4px\" />\r\n    <app-skeleton-block width=\"11rem\" height=\"0.72rem\" radius=\"6px\" />\r\n  </div>\r\n</div>\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{display:block;width:auto;box-sizing:border-box}:host(.checkbox-field--full-width){width:100%}.checkbox-field__row{display:flex;align-items:center;gap:.5rem;margin:0;cursor:pointer;width:fit-content;max-width:100%}.checkbox-field__native{appearance:none;-webkit-appearance:none;width:1.1rem;height:1.1rem;margin:0;flex-shrink:0;box-sizing:border-box;border:1px solid var(--ui-field-float-border);border-radius:4px;background-color:var(--ui-field-float-bg);background-repeat:no-repeat;background-position:center;background-size:.65rem auto;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.checkbox-field__native:focus-visible{outline:2px solid var(--ui-field-float-border-focus);outline-offset:2px}.checkbox-field__native:focus:not(:focus-visible){outline:2px solid var(--ui-field-float-border-focus);outline-offset:2px}.checkbox-field__native:checked{border-color:var(--ui-field-float-border-focus);background-color:var(--ui-field-float-border-focus);background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M2.5 6l2.5 2.5 4.5-5'/%3E%3C/svg%3E\")}.checkbox-field__native:disabled{cursor:not-allowed;opacity:var(--ui-field-input-disabled-opacity)}.checkbox-field--invalid .checkbox-field__native{border-color:var(--ui-field-input-invalid-border)}.checkbox-field--invalid .checkbox-field__native:checked{border-color:var(--ui-field-input-invalid-border);background-color:var(--ui-field-input-invalid-border);background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M2.5 6l2.5 2.5 4.5-5'/%3E%3C/svg%3E\")}.checkbox-field--invalid .checkbox-field__native:focus-visible{outline-color:var(--ui-field-input-invalid-border)}.checkbox-field--invalid .checkbox-field__native:focus:not(:focus-visible){outline:2px solid var(--ui-field-input-invalid-border);outline-offset:2px}.checkbox-field__label{font-size:1rem;line-height:1.35;color:#000;cursor:pointer;-webkit-user-select:none;user-select:none;padding-top:.1em}.checkbox-field__error{margin:.35rem 0 0 1.6rem;padding:0;font-size:.75rem;color:var(--ui-field-error-text-color);user-select:none;-webkit-user-select:none}.checkbox-field--loading{width:100%;max-width:100%;box-sizing:border-box}.checkbox-field--loading .checkbox-field__skeleton-row{display:flex;align-items:center;gap:.5rem;width:100%;max-width:100%;box-sizing:border-box}.checkbox-field--readonly .checkbox-field__row{cursor:default;pointer-events:none}.checkbox-field--readonly .checkbox-field__native{border-color:var(--ui-field-readonly-border);background-color:var(--ui-field-readonly-bg);cursor:default}.checkbox-field--readonly .checkbox-field__native:checked{border-color:var(--ui-field-readonly-border-focus);background-color:var(--ui-field-readonly-border-focus);background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M2.5 6l2.5 2.5 4.5-5'/%3E%3C/svg%3E\")}.checkbox-field--readonly .checkbox-field__native:focus,.checkbox-field--readonly .checkbox-field__native:focus-visible{outline:none}.checkbox-field--readonly .checkbox-field__label{color:#000;cursor:default}\n"] }]
         }], propDecorators: { fullWidth: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
@@ -3557,7 +3557,7 @@ class SwitchFieldComponent extends BooleanFieldDirective {
                 useExisting: forwardRef(() => SwitchFieldComponent),
                 multi: true,
             },
-        ], usesInheritance: true, ngImport: i0, template: "@if (!loading) {\r\n<div class=\"switch-field\" [class.switch-field--invalid]=\"uiInvalid\"\r\n  [class.switch-field--readonly]=\"readonly\">\r\n  <label class=\"switch-field__row\">\r\n    <button\r\n      type=\"button\"\r\n      class=\"switch-field__track\"\r\n      role=\"switch\"\r\n      [id]=\"controlId\"\r\n      [attr.name]=\"name || null\"\r\n      [attr.aria-checked]=\"checked\"\r\n      [attr.aria-labelledby]=\"label ? labelId : null\"\r\n      [attr.aria-invalid]=\"uiInvalid\"\r\n      [attr.aria-describedby]=\"uiAriaDescribedBy\"\r\n      [attr.aria-readonly]=\"readonly ? true : null\"\r\n      [disabled]=\"disabled || readonly\"\r\n      (click)=\"toggle()\"\r\n      (blur)=\"onBlur()\"\r\n    >\r\n      <span class=\"switch-field__thumb\" aria-hidden=\"true\"></span>\r\n    </button>\r\n    @if (label) {\r\n    <span class=\"switch-field__label\" [id]=\"labelId\">\r\n      {{ label }}\r\n      @if (uiRequiredEffective && showRequiredMark) {\r\n      <span class=\"switch-field__required\" aria-hidden=\"true\">*</span>\r\n      }\r\n    </span>\r\n    }\r\n  </label>\r\n  @if (showErrorMessage && uiInvalid && uiErrorMessage) {\r\n  <p class=\"switch-field__error\" [id]=\"errorElementId\" role=\"alert\">{{ uiErrorMessage }}</p>\r\n  }\r\n</div>\r\n} @else {\r\n<div class=\"switch-field switch-field--loading\" role=\"status\" aria-live=\"polite\" [attr.aria-busy]=\"true\"\r\n  [attr.aria-label]=\"label || 'A carregar'\">\r\n  <div class=\"switch-field__skeleton-row\" aria-hidden=\"true\">\r\n    <app-skeleton-block width=\"2.75rem\" height=\"1.5rem\" radius=\"999px\" />\r\n    <app-skeleton-block width=\"4.25rem\" height=\"0.72rem\" radius=\"6px\" />\r\n  </div>\r\n</div>\r\n}\r\n", styles: [":host{display:block;width:100%;box-sizing:border-box}.switch-field--invalid .switch-field__label{color:var(--ui-field-float-label-invalid-color)}.switch-field__row{display:flex;align-items:center;gap:.65rem;margin:0;cursor:pointer;width:fit-content;max-width:100%}.switch-field__track{position:relative;width:2.75rem;height:1.5rem;padding:0;border:1px solid var(--ui-field-float-border);border-radius:999px;background:var(--ui-field-float-bg, #f3f3f3);cursor:pointer;flex-shrink:0;transition:background .15s ease,border-color .15s ease}.switch-field__track[aria-checked=true]{background:var(--ui-field-float-border-focus);border-color:var(--ui-field-float-border-focus)}.switch-field__track:focus-visible{outline:2px solid var(--ui-field-float-border-focus);outline-offset:2px}.switch-field__track:focus:not(:focus-visible){outline:2px solid var(--ui-field-float-border-focus);outline-offset:2px}.switch-field--invalid .switch-field__track{border-color:var(--ui-field-input-invalid-border)}.switch-field--invalid .switch-field__track[aria-checked=true]{background:var(--ui-field-input-invalid-border);border-color:var(--ui-field-input-invalid-border)}.switch-field--invalid .switch-field__track:focus-visible{outline:2px solid var(--ui-field-input-invalid-border);outline-offset:2px}.switch-field--invalid .switch-field__track:focus:not(:focus-visible){outline:2px solid var(--ui-field-input-invalid-border);outline-offset:2px}.switch-field__track:disabled{cursor:not-allowed;opacity:var(--ui-field-input-disabled-opacity)}.switch-field__thumb{position:absolute;top:2px;left:2px;width:1.1rem;height:1.1rem;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:transform .15s ease}.switch-field__track[aria-checked=true] .switch-field__thumb{transform:translate(1.2rem)}.switch-field__label{font-size:1rem;line-height:1.35;color:var(--ui-field-float-label-color);-webkit-user-select:none;user-select:none}.switch-field__required{color:var(--ui-field-required-mark-color);margin-left:.15rem}.switch-field__error{margin:.35rem 0 0;padding:0;font-size:.75rem;color:var(--ui-field-error-text-color);user-select:none;-webkit-user-select:none}.switch-field--loading{min-width:8.5rem;width:100%;max-width:100%;box-sizing:border-box}.switch-field--loading .switch-field__skeleton-row{display:flex;align-items:center;gap:.65rem;width:100%;min-width:0;max-width:100%;box-sizing:border-box}.switch-field--readonly .switch-field__row{cursor:default}.switch-field--readonly .switch-field__track:disabled{cursor:default;border-color:var(--ui-field-readonly-border);background:var(--ui-field-readonly-bg);opacity:1}.switch-field--readonly .switch-field__track:disabled[aria-checked=true]{background:var(--ui-field-readonly-border-focus);border-color:var(--ui-field-readonly-border-focus)}.switch-field--readonly .switch-field__track:disabled:focus,.switch-field--readonly .switch-field__track:disabled:focus-visible{outline:none}.switch-field--readonly .switch-field__label{color:var(--ui-field-readonly-label-color)}\n"], dependencies: [{ kind: "component", type: SkeletonBlockComponent, selector: "app-skeleton-block", inputs: ["width", "height", "radius", "animate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], usesInheritance: true, ngImport: i0, template: "@if (!loading) {\r\n<div class=\"switch-field\" [class.switch-field--invalid]=\"uiInvalid\"\r\n  [class.switch-field--readonly]=\"readonly\">\r\n  <label class=\"switch-field__row\">\r\n    <button\r\n      type=\"button\"\r\n      class=\"switch-field__track\"\r\n      role=\"switch\"\r\n      [id]=\"controlId\"\r\n      [attr.name]=\"name || null\"\r\n      [attr.aria-checked]=\"checked\"\r\n      [attr.aria-labelledby]=\"label ? labelId : null\"\r\n      [attr.aria-invalid]=\"uiInvalid\"\r\n      [attr.aria-describedby]=\"uiAriaDescribedBy\"\r\n      [attr.aria-readonly]=\"readonly ? true : null\"\r\n      [disabled]=\"disabled || readonly\"\r\n      (click)=\"toggle()\"\r\n      (blur)=\"onBlur()\"\r\n    >\r\n      <span class=\"switch-field__thumb\" aria-hidden=\"true\"></span>\r\n    </button>\r\n    @if (label) {\r\n    <span class=\"switch-field__label\" [id]=\"labelId\">\r\n      {{ label }}\r\n      @if (uiRequiredEffective && showRequiredMark) {\r\n      <span class=\"switch-field__required\" aria-hidden=\"true\">*</span>\r\n      }\r\n    </span>\r\n    }\r\n  </label>\r\n  @if (showErrorMessage && uiInvalid && uiErrorMessage) {\r\n  <p class=\"switch-field__error\" [id]=\"errorElementId\" role=\"alert\">{{ uiErrorMessage }}</p>\r\n  }\r\n</div>\r\n} @else {\r\n<div class=\"switch-field switch-field--loading\" role=\"status\" aria-live=\"polite\" [attr.aria-busy]=\"true\"\r\n  [attr.aria-label]=\"label || 'A carregar'\">\r\n  <div class=\"switch-field__skeleton-row\" aria-hidden=\"true\">\r\n    <app-skeleton-block width=\"2.75rem\" height=\"1.5rem\" radius=\"999px\" />\r\n    <app-skeleton-block width=\"4.25rem\" height=\"0.72rem\" radius=\"6px\" />\r\n  </div>\r\n</div>\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{display:block;width:100%;box-sizing:border-box}.switch-field__row{display:flex;align-items:center;gap:.65rem;margin:0;cursor:pointer;width:fit-content;max-width:100%}.switch-field__track{position:relative;width:2.75rem;height:1.5rem;padding:0;border:1px solid var(--ui-field-float-border);border-radius:999px;background:var(--ui-field-float-bg, #f3f3f3);cursor:pointer;flex-shrink:0;transition:background .15s ease,border-color .15s ease}.switch-field__track[aria-checked=true]{background:var(--ui-field-float-border-focus);border-color:var(--ui-field-float-border-focus)}.switch-field__track:focus-visible{outline:2px solid var(--ui-field-float-border-focus);outline-offset:2px}.switch-field__track:focus:not(:focus-visible){outline:2px solid var(--ui-field-float-border-focus);outline-offset:2px}.switch-field--invalid .switch-field__track{border-color:var(--ui-field-input-invalid-border)}.switch-field--invalid .switch-field__track[aria-checked=true]{background:var(--ui-field-input-invalid-border);border-color:var(--ui-field-input-invalid-border)}.switch-field--invalid .switch-field__track:focus-visible{outline:2px solid var(--ui-field-input-invalid-border);outline-offset:2px}.switch-field--invalid .switch-field__track:focus:not(:focus-visible){outline:2px solid var(--ui-field-input-invalid-border);outline-offset:2px}.switch-field__track:disabled{cursor:not-allowed;opacity:var(--ui-field-input-disabled-opacity)}.switch-field__thumb{position:absolute;top:2px;left:2px;width:1.1rem;height:1.1rem;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:transform .15s ease}.switch-field__track[aria-checked=true] .switch-field__thumb{transform:translate(1.2rem)}.switch-field__label{font-size:1rem;line-height:1.35;color:#000;-webkit-user-select:none;user-select:none}.switch-field__required{color:var(--ui-field-required-mark-color);margin-left:.15rem}.switch-field__error{margin:.35rem 0 0;padding:0;font-size:.75rem;color:var(--ui-field-error-text-color);user-select:none;-webkit-user-select:none}.switch-field--loading{min-width:8.5rem;width:100%;max-width:100%;box-sizing:border-box}.switch-field--loading .switch-field__skeleton-row{display:flex;align-items:center;gap:.65rem;width:100%;min-width:0;max-width:100%;box-sizing:border-box}.switch-field--readonly .switch-field__row{cursor:default}.switch-field--readonly .switch-field__track:disabled{cursor:default;border-color:var(--ui-field-readonly-border);background:var(--ui-field-readonly-bg);opacity:1}.switch-field--readonly .switch-field__track:disabled[aria-checked=true]{background:var(--ui-field-readonly-border-focus);border-color:var(--ui-field-readonly-border-focus)}.switch-field--readonly .switch-field__track:disabled:focus,.switch-field--readonly .switch-field__track:disabled:focus-visible{outline:none}.switch-field--readonly .switch-field__label{color:#000}\n"], dependencies: [{ kind: "component", type: SkeletonBlockComponent, selector: "app-skeleton-block", inputs: ["width", "height", "radius", "animate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SwitchFieldComponent, decorators: [{
             type: Component,
@@ -3567,7 +3567,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                             useExisting: forwardRef(() => SwitchFieldComponent),
                             multi: true,
                         },
-                    ], template: "@if (!loading) {\r\n<div class=\"switch-field\" [class.switch-field--invalid]=\"uiInvalid\"\r\n  [class.switch-field--readonly]=\"readonly\">\r\n  <label class=\"switch-field__row\">\r\n    <button\r\n      type=\"button\"\r\n      class=\"switch-field__track\"\r\n      role=\"switch\"\r\n      [id]=\"controlId\"\r\n      [attr.name]=\"name || null\"\r\n      [attr.aria-checked]=\"checked\"\r\n      [attr.aria-labelledby]=\"label ? labelId : null\"\r\n      [attr.aria-invalid]=\"uiInvalid\"\r\n      [attr.aria-describedby]=\"uiAriaDescribedBy\"\r\n      [attr.aria-readonly]=\"readonly ? true : null\"\r\n      [disabled]=\"disabled || readonly\"\r\n      (click)=\"toggle()\"\r\n      (blur)=\"onBlur()\"\r\n    >\r\n      <span class=\"switch-field__thumb\" aria-hidden=\"true\"></span>\r\n    </button>\r\n    @if (label) {\r\n    <span class=\"switch-field__label\" [id]=\"labelId\">\r\n      {{ label }}\r\n      @if (uiRequiredEffective && showRequiredMark) {\r\n      <span class=\"switch-field__required\" aria-hidden=\"true\">*</span>\r\n      }\r\n    </span>\r\n    }\r\n  </label>\r\n  @if (showErrorMessage && uiInvalid && uiErrorMessage) {\r\n  <p class=\"switch-field__error\" [id]=\"errorElementId\" role=\"alert\">{{ uiErrorMessage }}</p>\r\n  }\r\n</div>\r\n} @else {\r\n<div class=\"switch-field switch-field--loading\" role=\"status\" aria-live=\"polite\" [attr.aria-busy]=\"true\"\r\n  [attr.aria-label]=\"label || 'A carregar'\">\r\n  <div class=\"switch-field__skeleton-row\" aria-hidden=\"true\">\r\n    <app-skeleton-block width=\"2.75rem\" height=\"1.5rem\" radius=\"999px\" />\r\n    <app-skeleton-block width=\"4.25rem\" height=\"0.72rem\" radius=\"6px\" />\r\n  </div>\r\n</div>\r\n}\r\n", styles: [":host{display:block;width:100%;box-sizing:border-box}.switch-field--invalid .switch-field__label{color:var(--ui-field-float-label-invalid-color)}.switch-field__row{display:flex;align-items:center;gap:.65rem;margin:0;cursor:pointer;width:fit-content;max-width:100%}.switch-field__track{position:relative;width:2.75rem;height:1.5rem;padding:0;border:1px solid var(--ui-field-float-border);border-radius:999px;background:var(--ui-field-float-bg, #f3f3f3);cursor:pointer;flex-shrink:0;transition:background .15s ease,border-color .15s ease}.switch-field__track[aria-checked=true]{background:var(--ui-field-float-border-focus);border-color:var(--ui-field-float-border-focus)}.switch-field__track:focus-visible{outline:2px solid var(--ui-field-float-border-focus);outline-offset:2px}.switch-field__track:focus:not(:focus-visible){outline:2px solid var(--ui-field-float-border-focus);outline-offset:2px}.switch-field--invalid .switch-field__track{border-color:var(--ui-field-input-invalid-border)}.switch-field--invalid .switch-field__track[aria-checked=true]{background:var(--ui-field-input-invalid-border);border-color:var(--ui-field-input-invalid-border)}.switch-field--invalid .switch-field__track:focus-visible{outline:2px solid var(--ui-field-input-invalid-border);outline-offset:2px}.switch-field--invalid .switch-field__track:focus:not(:focus-visible){outline:2px solid var(--ui-field-input-invalid-border);outline-offset:2px}.switch-field__track:disabled{cursor:not-allowed;opacity:var(--ui-field-input-disabled-opacity)}.switch-field__thumb{position:absolute;top:2px;left:2px;width:1.1rem;height:1.1rem;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:transform .15s ease}.switch-field__track[aria-checked=true] .switch-field__thumb{transform:translate(1.2rem)}.switch-field__label{font-size:1rem;line-height:1.35;color:var(--ui-field-float-label-color);-webkit-user-select:none;user-select:none}.switch-field__required{color:var(--ui-field-required-mark-color);margin-left:.15rem}.switch-field__error{margin:.35rem 0 0;padding:0;font-size:.75rem;color:var(--ui-field-error-text-color);user-select:none;-webkit-user-select:none}.switch-field--loading{min-width:8.5rem;width:100%;max-width:100%;box-sizing:border-box}.switch-field--loading .switch-field__skeleton-row{display:flex;align-items:center;gap:.65rem;width:100%;min-width:0;max-width:100%;box-sizing:border-box}.switch-field--readonly .switch-field__row{cursor:default}.switch-field--readonly .switch-field__track:disabled{cursor:default;border-color:var(--ui-field-readonly-border);background:var(--ui-field-readonly-bg);opacity:1}.switch-field--readonly .switch-field__track:disabled[aria-checked=true]{background:var(--ui-field-readonly-border-focus);border-color:var(--ui-field-readonly-border-focus)}.switch-field--readonly .switch-field__track:disabled:focus,.switch-field--readonly .switch-field__track:disabled:focus-visible{outline:none}.switch-field--readonly .switch-field__label{color:var(--ui-field-readonly-label-color)}\n"] }]
+                    ], template: "@if (!loading) {\r\n<div class=\"switch-field\" [class.switch-field--invalid]=\"uiInvalid\"\r\n  [class.switch-field--readonly]=\"readonly\">\r\n  <label class=\"switch-field__row\">\r\n    <button\r\n      type=\"button\"\r\n      class=\"switch-field__track\"\r\n      role=\"switch\"\r\n      [id]=\"controlId\"\r\n      [attr.name]=\"name || null\"\r\n      [attr.aria-checked]=\"checked\"\r\n      [attr.aria-labelledby]=\"label ? labelId : null\"\r\n      [attr.aria-invalid]=\"uiInvalid\"\r\n      [attr.aria-describedby]=\"uiAriaDescribedBy\"\r\n      [attr.aria-readonly]=\"readonly ? true : null\"\r\n      [disabled]=\"disabled || readonly\"\r\n      (click)=\"toggle()\"\r\n      (blur)=\"onBlur()\"\r\n    >\r\n      <span class=\"switch-field__thumb\" aria-hidden=\"true\"></span>\r\n    </button>\r\n    @if (label) {\r\n    <span class=\"switch-field__label\" [id]=\"labelId\">\r\n      {{ label }}\r\n      @if (uiRequiredEffective && showRequiredMark) {\r\n      <span class=\"switch-field__required\" aria-hidden=\"true\">*</span>\r\n      }\r\n    </span>\r\n    }\r\n  </label>\r\n  @if (showErrorMessage && uiInvalid && uiErrorMessage) {\r\n  <p class=\"switch-field__error\" [id]=\"errorElementId\" role=\"alert\">{{ uiErrorMessage }}</p>\r\n  }\r\n</div>\r\n} @else {\r\n<div class=\"switch-field switch-field--loading\" role=\"status\" aria-live=\"polite\" [attr.aria-busy]=\"true\"\r\n  [attr.aria-label]=\"label || 'A carregar'\">\r\n  <div class=\"switch-field__skeleton-row\" aria-hidden=\"true\">\r\n    <app-skeleton-block width=\"2.75rem\" height=\"1.5rem\" radius=\"999px\" />\r\n    <app-skeleton-block width=\"4.25rem\" height=\"0.72rem\" radius=\"6px\" />\r\n  </div>\r\n</div>\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{display:block;width:100%;box-sizing:border-box}.switch-field__row{display:flex;align-items:center;gap:.65rem;margin:0;cursor:pointer;width:fit-content;max-width:100%}.switch-field__track{position:relative;width:2.75rem;height:1.5rem;padding:0;border:1px solid var(--ui-field-float-border);border-radius:999px;background:var(--ui-field-float-bg, #f3f3f3);cursor:pointer;flex-shrink:0;transition:background .15s ease,border-color .15s ease}.switch-field__track[aria-checked=true]{background:var(--ui-field-float-border-focus);border-color:var(--ui-field-float-border-focus)}.switch-field__track:focus-visible{outline:2px solid var(--ui-field-float-border-focus);outline-offset:2px}.switch-field__track:focus:not(:focus-visible){outline:2px solid var(--ui-field-float-border-focus);outline-offset:2px}.switch-field--invalid .switch-field__track{border-color:var(--ui-field-input-invalid-border)}.switch-field--invalid .switch-field__track[aria-checked=true]{background:var(--ui-field-input-invalid-border);border-color:var(--ui-field-input-invalid-border)}.switch-field--invalid .switch-field__track:focus-visible{outline:2px solid var(--ui-field-input-invalid-border);outline-offset:2px}.switch-field--invalid .switch-field__track:focus:not(:focus-visible){outline:2px solid var(--ui-field-input-invalid-border);outline-offset:2px}.switch-field__track:disabled{cursor:not-allowed;opacity:var(--ui-field-input-disabled-opacity)}.switch-field__thumb{position:absolute;top:2px;left:2px;width:1.1rem;height:1.1rem;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:transform .15s ease}.switch-field__track[aria-checked=true] .switch-field__thumb{transform:translate(1.2rem)}.switch-field__label{font-size:1rem;line-height:1.35;color:#000;-webkit-user-select:none;user-select:none}.switch-field__required{color:var(--ui-field-required-mark-color);margin-left:.15rem}.switch-field__error{margin:.35rem 0 0;padding:0;font-size:.75rem;color:var(--ui-field-error-text-color);user-select:none;-webkit-user-select:none}.switch-field--loading{min-width:8.5rem;width:100%;max-width:100%;box-sizing:border-box}.switch-field--loading .switch-field__skeleton-row{display:flex;align-items:center;gap:.65rem;width:100%;min-width:0;max-width:100%;box-sizing:border-box}.switch-field--readonly .switch-field__row{cursor:default}.switch-field--readonly .switch-field__track:disabled{cursor:default;border-color:var(--ui-field-readonly-border);background:var(--ui-field-readonly-bg);opacity:1}.switch-field--readonly .switch-field__track:disabled[aria-checked=true]{background:var(--ui-field-readonly-border-focus);border-color:var(--ui-field-readonly-border-focus)}.switch-field--readonly .switch-field__track:disabled:focus,.switch-field--readonly .switch-field__track:disabled:focus-visible{outline:none}.switch-field--readonly .switch-field__label{color:#000}\n"] }]
         }] });
 
 /**
@@ -5394,11 +5394,11 @@ class AppDialogComponent {
         el.title = '';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AppDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AppDialogComponent, isStandalone: true, selector: "app-dialog", inputs: { open: ["open", "open", booleanAttribute], dialogHeading: ["title", "dialogHeading"], description: "description", ariaLabel: "ariaLabel", size: "size", allowOverlayDismiss: ["allowOverlayDismiss", "allowOverlayDismiss", booleanAttribute], showCloseButton: ["showCloseButton", "showCloseButton", booleanAttribute] }, outputs: { openChange: "openChange" }, host: { listeners: { "document:keydown": "onDocumentKeydown($event)" }, properties: { "class": "this.hostThemeClasses", "attr.title": "this.hostTitleAttr" } }, usesOnChanges: true, ngImport: i0, template: "@if (open) {\r\n  <div\r\n    class=\"app-dialog-backdrop\"\r\n    role=\"presentation\"\r\n    tabindex=\"-1\"\r\n    (click)=\"onBackdropClick()\"\r\n  ></div>\r\n  <div class=\"app-dialog-stage\" aria-hidden=\"false\">\r\n    <div\r\n      class=\"app-dialog-panel\"\r\n      [class.app-dialog-panel--sm]=\"size === LibDialogSize.Sm\"\r\n      [class.app-dialog-panel--md]=\"size === LibDialogSize.Md\"\r\n      [class.app-dialog-panel--lg]=\"size === LibDialogSize.Lg\"\r\n      role=\"dialog\"\r\n      aria-modal=\"true\"\r\n      [attr.aria-labelledby]=\"\r\n        dialogHeading.trim() ? titleId : description.trim() ? descriptionId : null\r\n      \"\r\n      [attr.aria-label]=\"!dialogHeading.trim() && !description.trim() ? ariaLabel : null\"\r\n      [attr.aria-describedby]=\"\r\n        dialogHeading.trim() && description.trim() ? descriptionId : null\r\n      \"\r\n      cdkTrapFocus\r\n      [cdkTrapFocusAutoCapture]=\"true\"\r\n      (click)=\"$event.stopPropagation()\"\r\n    >\r\n      @if (dialogHeading.trim()) {\r\n        <header class=\"app-dialog-header\">\r\n          <h2 class=\"app-dialog-title\" [id]=\"titleId\">{{ dialogHeading }}</h2>\r\n          @if (showCloseButton) {\r\n            <button\r\n              type=\"button\"\r\n              class=\"app-dialog-close\"\r\n              aria-label=\"Fechar di\u00E1logo\"\r\n              (click)=\"requestClose()\"\r\n            >\r\n              <span aria-hidden=\"true\">&times;</span>\r\n            </button>\r\n          }\r\n        </header>\r\n      }\r\n      @if (description.trim()) {\r\n        <p class=\"app-dialog-description\" [id]=\"descriptionId\">{{ description }}</p>\r\n      }\r\n      <div class=\"app-dialog-body\">\r\n        <ng-content />\r\n      </div>\r\n      <footer class=\"app-dialog-footer\">\r\n        <ng-content select=\"[appDialogFooter]\" />\r\n      </footer>\r\n    </div>\r\n  </div>\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{display:block}.app-dialog-backdrop{position:fixed;inset:0;z-index:var(--app-z-dialog, 1200);background:#1a2f456b;backdrop-filter:blur(10px) saturate(1.05);-webkit-backdrop-filter:blur(10px) saturate(1.05);pointer-events:auto}.app-dialog-stage{position:fixed;inset:0;z-index:calc(var(--app-z-dialog, 1200) + 1);display:flex;align-items:center;justify-content:center;padding:min(1.5rem,4vw);box-sizing:border-box;pointer-events:none;background:transparent}.app-dialog-panel{position:relative;z-index:0;display:flex;flex-direction:column;max-height:min(88vh,40rem);width:100%;pointer-events:auto;overflow:hidden;font-family:inherit;box-sizing:border-box;border-radius:10px;border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .12));background:var(--app-color-surface, #fff);box-shadow:0 4px 6px -1px #00000014,0 12px 28px -8px #1a2f452e;outline:none;animation:app-lib-dialog-panel-in .28s cubic-bezier(.22,1,.36,1) both}.app-dialog-panel--sm{max-width:min(28rem,94vw)}.app-dialog-panel--md{max-width:min(40rem,94vw)}.app-dialog-panel--lg{max-width:min(56rem,96vw)}@media(prefers-reduced-motion:reduce){.app-dialog-panel{animation:none}}.app-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:1rem 1rem .65rem;border-bottom:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09));flex:0 0 auto}.app-dialog-title{margin:0;font-size:1.05rem;font-weight:600;line-height:1.3;color:var(--app-color-text-primary, #1a2f45)}.app-dialog-description{margin:0;padding:.65rem 1rem;font-size:.88rem;line-height:1.45;color:var(--app-color-text-secondary, #5a7fa3);flex:0 0 auto}.app-dialog-close{flex:0 0 auto;width:2rem;height:2rem;margin:0;padding:0;border:1px solid var(--app-color-border, #d4d4d4);border-radius:6px;background:var(--app-color-surface-alt, #fff);color:var(--app-color-text-secondary, #5a7fa3);font-size:1.35rem;line-height:1;cursor:pointer}.app-dialog-close:hover{background:var(--app-color-hover-bg, rgba(43, 127, 217, .08))}.app-dialog-close:focus-visible{outline:2px solid var(--app-color-focus-ring-strong, rgba(43, 127, 217, .45));outline-offset:2px}.app-dialog-body{padding:1rem;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;font-size:.9rem;line-height:1.5;color:var(--app-color-text-primary, #1a2f45)}.app-dialog-footer{flex:0 0 auto;padding:.65rem 1rem 1rem;border-top:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09));display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.app-dialog-footer:empty{display:none;padding:0;border:none}\n"], dependencies: [{ kind: "directive", type: CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AppDialogComponent, isStandalone: true, selector: "app-dialog", inputs: { open: ["open", "open", booleanAttribute], dialogHeading: ["title", "dialogHeading"], description: "description", ariaLabel: "ariaLabel", size: "size", allowOverlayDismiss: ["allowOverlayDismiss", "allowOverlayDismiss", booleanAttribute], showCloseButton: ["showCloseButton", "showCloseButton", booleanAttribute] }, outputs: { openChange: "openChange" }, host: { listeners: { "document:keydown": "onDocumentKeydown($event)" }, properties: { "class": "this.hostThemeClasses", "attr.title": "this.hostTitleAttr" } }, usesOnChanges: true, ngImport: i0, template: "@if (open) {\r\n  <div\r\n    class=\"app-dialog-backdrop\"\r\n    role=\"presentation\"\r\n    tabindex=\"-1\"\r\n    (click)=\"onBackdropClick()\"\r\n  ></div>\r\n  <div class=\"app-dialog-stage\" aria-hidden=\"false\">\r\n    <div\r\n      class=\"app-dialog-panel\"\r\n      [class.app-dialog-panel--sm]=\"size === LibDialogSize.Sm\"\r\n      [class.app-dialog-panel--md]=\"size === LibDialogSize.Md\"\r\n      [class.app-dialog-panel--lg]=\"size === LibDialogSize.Lg\"\r\n      role=\"dialog\"\r\n      aria-modal=\"true\"\r\n      [attr.aria-labelledby]=\"\r\n        dialogHeading.trim() ? titleId : description.trim() ? descriptionId : null\r\n      \"\r\n      [attr.aria-label]=\"!dialogHeading.trim() && !description.trim() ? ariaLabel : null\"\r\n      [attr.aria-describedby]=\"\r\n        dialogHeading.trim() && description.trim() ? descriptionId : null\r\n      \"\r\n      cdkTrapFocus\r\n      [cdkTrapFocusAutoCapture]=\"true\"\r\n      (click)=\"$event.stopPropagation()\"\r\n    >\r\n      @if (dialogHeading.trim()) {\r\n        <header class=\"app-dialog-header\">\r\n          <h2 class=\"app-dialog-title\" [id]=\"titleId\">{{ dialogHeading }}</h2>\r\n          @if (showCloseButton) {\r\n            <button\r\n              type=\"button\"\r\n              class=\"app-dialog-close\"\r\n              aria-label=\"Fechar di\u00E1logo\"\r\n              (click)=\"requestClose()\"\r\n            >\r\n              <span aria-hidden=\"true\">&times;</span>\r\n            </button>\r\n          }\r\n        </header>\r\n      }\r\n      @if (description.trim()) {\r\n        <p class=\"app-dialog-description\" [id]=\"descriptionId\">{{ description }}</p>\r\n      }\r\n      <div class=\"app-dialog-body\">\r\n        <ng-content />\r\n      </div>\r\n      <footer class=\"app-dialog-footer\">\r\n        <ng-content select=\"[appDialogFooter]\" />\r\n      </footer>\r\n    </div>\r\n  </div>\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{display:block}.app-dialog-backdrop{position:fixed;inset:0;z-index:var(--app-z-dialog, 1200);background:#1a2f456b;backdrop-filter:blur(10px) saturate(1.05);-webkit-backdrop-filter:blur(10px) saturate(1.05);pointer-events:auto}.app-dialog-stage{position:fixed;inset:0;z-index:calc(var(--app-z-dialog, 1200) + 1);display:flex;align-items:center;justify-content:center;padding:min(1.5rem,4vw);box-sizing:border-box;pointer-events:none;background:transparent}.app-dialog-panel{position:relative;z-index:0;display:flex;flex-direction:column;max-height:min(88vh,40rem);width:100%;pointer-events:auto;overflow:hidden;font-family:inherit;box-sizing:border-box;border-radius:10px;border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .12));background:#fff;box-shadow:0 4px 6px -1px #00000014,0 12px 28px -8px #1a2f452e;outline:none;animation:app-lib-dialog-panel-in .28s cubic-bezier(.22,1,.36,1) both}.app-dialog-panel--sm{max-width:min(28rem,94vw)}.app-dialog-panel--md{max-width:min(40rem,94vw)}.app-dialog-panel--lg{max-width:min(56rem,96vw)}@media(prefers-reduced-motion:reduce){.app-dialog-panel{animation:none}}.app-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:1rem 1rem .65rem;border-bottom:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09));flex:0 0 auto}.app-dialog-title{margin:0;font-size:1.05rem;font-weight:600;line-height:1.3;color:#000}.app-dialog-description{margin:0;padding:.65rem 1rem;font-size:.88rem;line-height:1.45;color:var(--app-color-text-muted, #525252);flex:0 0 auto}.app-dialog-close{flex:0 0 auto;width:2rem;height:2rem;margin:0;padding:0;border:1px solid var(--app-color-border, #d4d4d4);border-radius:6px;background:#fff;color:var(--app-color-text-secondary, #5a7fa3);font-size:1.35rem;line-height:1;cursor:pointer}.app-dialog-close:hover{background:var(--app-color-hover-bg, rgba(43, 127, 217, .08))}.app-dialog-close:focus-visible{outline:2px solid var(--app-color-focus-ring-strong, rgba(43, 127, 217, .45));outline-offset:2px}.app-dialog-body{padding:1rem;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;font-size:.9rem;line-height:1.5;color:var(--app-color-text-primary, #1a2f45)}.app-dialog-footer{flex:0 0 auto;padding:.65rem 1rem 1rem;border-top:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09));display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.app-dialog-footer:empty{display:none;padding:0;border:none}\n"], dependencies: [{ kind: "directive", type: CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AppDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-dialog', imports: [CdkTrapFocus], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (open) {\r\n  <div\r\n    class=\"app-dialog-backdrop\"\r\n    role=\"presentation\"\r\n    tabindex=\"-1\"\r\n    (click)=\"onBackdropClick()\"\r\n  ></div>\r\n  <div class=\"app-dialog-stage\" aria-hidden=\"false\">\r\n    <div\r\n      class=\"app-dialog-panel\"\r\n      [class.app-dialog-panel--sm]=\"size === LibDialogSize.Sm\"\r\n      [class.app-dialog-panel--md]=\"size === LibDialogSize.Md\"\r\n      [class.app-dialog-panel--lg]=\"size === LibDialogSize.Lg\"\r\n      role=\"dialog\"\r\n      aria-modal=\"true\"\r\n      [attr.aria-labelledby]=\"\r\n        dialogHeading.trim() ? titleId : description.trim() ? descriptionId : null\r\n      \"\r\n      [attr.aria-label]=\"!dialogHeading.trim() && !description.trim() ? ariaLabel : null\"\r\n      [attr.aria-describedby]=\"\r\n        dialogHeading.trim() && description.trim() ? descriptionId : null\r\n      \"\r\n      cdkTrapFocus\r\n      [cdkTrapFocusAutoCapture]=\"true\"\r\n      (click)=\"$event.stopPropagation()\"\r\n    >\r\n      @if (dialogHeading.trim()) {\r\n        <header class=\"app-dialog-header\">\r\n          <h2 class=\"app-dialog-title\" [id]=\"titleId\">{{ dialogHeading }}</h2>\r\n          @if (showCloseButton) {\r\n            <button\r\n              type=\"button\"\r\n              class=\"app-dialog-close\"\r\n              aria-label=\"Fechar di\u00E1logo\"\r\n              (click)=\"requestClose()\"\r\n            >\r\n              <span aria-hidden=\"true\">&times;</span>\r\n            </button>\r\n          }\r\n        </header>\r\n      }\r\n      @if (description.trim()) {\r\n        <p class=\"app-dialog-description\" [id]=\"descriptionId\">{{ description }}</p>\r\n      }\r\n      <div class=\"app-dialog-body\">\r\n        <ng-content />\r\n      </div>\r\n      <footer class=\"app-dialog-footer\">\r\n        <ng-content select=\"[appDialogFooter]\" />\r\n      </footer>\r\n    </div>\r\n  </div>\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{display:block}.app-dialog-backdrop{position:fixed;inset:0;z-index:var(--app-z-dialog, 1200);background:#1a2f456b;backdrop-filter:blur(10px) saturate(1.05);-webkit-backdrop-filter:blur(10px) saturate(1.05);pointer-events:auto}.app-dialog-stage{position:fixed;inset:0;z-index:calc(var(--app-z-dialog, 1200) + 1);display:flex;align-items:center;justify-content:center;padding:min(1.5rem,4vw);box-sizing:border-box;pointer-events:none;background:transparent}.app-dialog-panel{position:relative;z-index:0;display:flex;flex-direction:column;max-height:min(88vh,40rem);width:100%;pointer-events:auto;overflow:hidden;font-family:inherit;box-sizing:border-box;border-radius:10px;border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .12));background:var(--app-color-surface, #fff);box-shadow:0 4px 6px -1px #00000014,0 12px 28px -8px #1a2f452e;outline:none;animation:app-lib-dialog-panel-in .28s cubic-bezier(.22,1,.36,1) both}.app-dialog-panel--sm{max-width:min(28rem,94vw)}.app-dialog-panel--md{max-width:min(40rem,94vw)}.app-dialog-panel--lg{max-width:min(56rem,96vw)}@media(prefers-reduced-motion:reduce){.app-dialog-panel{animation:none}}.app-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:1rem 1rem .65rem;border-bottom:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09));flex:0 0 auto}.app-dialog-title{margin:0;font-size:1.05rem;font-weight:600;line-height:1.3;color:var(--app-color-text-primary, #1a2f45)}.app-dialog-description{margin:0;padding:.65rem 1rem;font-size:.88rem;line-height:1.45;color:var(--app-color-text-secondary, #5a7fa3);flex:0 0 auto}.app-dialog-close{flex:0 0 auto;width:2rem;height:2rem;margin:0;padding:0;border:1px solid var(--app-color-border, #d4d4d4);border-radius:6px;background:var(--app-color-surface-alt, #fff);color:var(--app-color-text-secondary, #5a7fa3);font-size:1.35rem;line-height:1;cursor:pointer}.app-dialog-close:hover{background:var(--app-color-hover-bg, rgba(43, 127, 217, .08))}.app-dialog-close:focus-visible{outline:2px solid var(--app-color-focus-ring-strong, rgba(43, 127, 217, .45));outline-offset:2px}.app-dialog-body{padding:1rem;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;font-size:.9rem;line-height:1.5;color:var(--app-color-text-primary, #1a2f45)}.app-dialog-footer{flex:0 0 auto;padding:.65rem 1rem 1rem;border-top:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09));display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.app-dialog-footer:empty{display:none;padding:0;border:none}\n"] }]
+            args: [{ selector: 'app-dialog', imports: [CdkTrapFocus], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (open) {\r\n  <div\r\n    class=\"app-dialog-backdrop\"\r\n    role=\"presentation\"\r\n    tabindex=\"-1\"\r\n    (click)=\"onBackdropClick()\"\r\n  ></div>\r\n  <div class=\"app-dialog-stage\" aria-hidden=\"false\">\r\n    <div\r\n      class=\"app-dialog-panel\"\r\n      [class.app-dialog-panel--sm]=\"size === LibDialogSize.Sm\"\r\n      [class.app-dialog-panel--md]=\"size === LibDialogSize.Md\"\r\n      [class.app-dialog-panel--lg]=\"size === LibDialogSize.Lg\"\r\n      role=\"dialog\"\r\n      aria-modal=\"true\"\r\n      [attr.aria-labelledby]=\"\r\n        dialogHeading.trim() ? titleId : description.trim() ? descriptionId : null\r\n      \"\r\n      [attr.aria-label]=\"!dialogHeading.trim() && !description.trim() ? ariaLabel : null\"\r\n      [attr.aria-describedby]=\"\r\n        dialogHeading.trim() && description.trim() ? descriptionId : null\r\n      \"\r\n      cdkTrapFocus\r\n      [cdkTrapFocusAutoCapture]=\"true\"\r\n      (click)=\"$event.stopPropagation()\"\r\n    >\r\n      @if (dialogHeading.trim()) {\r\n        <header class=\"app-dialog-header\">\r\n          <h2 class=\"app-dialog-title\" [id]=\"titleId\">{{ dialogHeading }}</h2>\r\n          @if (showCloseButton) {\r\n            <button\r\n              type=\"button\"\r\n              class=\"app-dialog-close\"\r\n              aria-label=\"Fechar di\u00E1logo\"\r\n              (click)=\"requestClose()\"\r\n            >\r\n              <span aria-hidden=\"true\">&times;</span>\r\n            </button>\r\n          }\r\n        </header>\r\n      }\r\n      @if (description.trim()) {\r\n        <p class=\"app-dialog-description\" [id]=\"descriptionId\">{{ description }}</p>\r\n      }\r\n      <div class=\"app-dialog-body\">\r\n        <ng-content />\r\n      </div>\r\n      <footer class=\"app-dialog-footer\">\r\n        <ng-content select=\"[appDialogFooter]\" />\r\n      </footer>\r\n    </div>\r\n  </div>\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{display:block}.app-dialog-backdrop{position:fixed;inset:0;z-index:var(--app-z-dialog, 1200);background:#1a2f456b;backdrop-filter:blur(10px) saturate(1.05);-webkit-backdrop-filter:blur(10px) saturate(1.05);pointer-events:auto}.app-dialog-stage{position:fixed;inset:0;z-index:calc(var(--app-z-dialog, 1200) + 1);display:flex;align-items:center;justify-content:center;padding:min(1.5rem,4vw);box-sizing:border-box;pointer-events:none;background:transparent}.app-dialog-panel{position:relative;z-index:0;display:flex;flex-direction:column;max-height:min(88vh,40rem);width:100%;pointer-events:auto;overflow:hidden;font-family:inherit;box-sizing:border-box;border-radius:10px;border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .12));background:#fff;box-shadow:0 4px 6px -1px #00000014,0 12px 28px -8px #1a2f452e;outline:none;animation:app-lib-dialog-panel-in .28s cubic-bezier(.22,1,.36,1) both}.app-dialog-panel--sm{max-width:min(28rem,94vw)}.app-dialog-panel--md{max-width:min(40rem,94vw)}.app-dialog-panel--lg{max-width:min(56rem,96vw)}@media(prefers-reduced-motion:reduce){.app-dialog-panel{animation:none}}.app-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:1rem 1rem .65rem;border-bottom:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09));flex:0 0 auto}.app-dialog-title{margin:0;font-size:1.05rem;font-weight:600;line-height:1.3;color:#000}.app-dialog-description{margin:0;padding:.65rem 1rem;font-size:.88rem;line-height:1.45;color:var(--app-color-text-muted, #525252);flex:0 0 auto}.app-dialog-close{flex:0 0 auto;width:2rem;height:2rem;margin:0;padding:0;border:1px solid var(--app-color-border, #d4d4d4);border-radius:6px;background:#fff;color:var(--app-color-text-secondary, #5a7fa3);font-size:1.35rem;line-height:1;cursor:pointer}.app-dialog-close:hover{background:var(--app-color-hover-bg, rgba(43, 127, 217, .08))}.app-dialog-close:focus-visible{outline:2px solid var(--app-color-focus-ring-strong, rgba(43, 127, 217, .45));outline-offset:2px}.app-dialog-body{padding:1rem;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;font-size:.9rem;line-height:1.5;color:var(--app-color-text-primary, #1a2f45)}.app-dialog-footer{flex:0 0 auto;padding:.65rem 1rem 1rem;border-top:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09));display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.app-dialog-footer:empty{display:none;padding:0;border:none}\n"] }]
         }], propDecorators: { hostThemeClasses: [{
                 type: HostBinding,
                 args: ['class']
@@ -5463,11 +5463,11 @@ class ConfirmDialogComponent {
         this.ref.close(false);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ConfirmDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: ConfirmDialogComponent, isStandalone: true, selector: "app-confirm-dialog", viewQueries: [{ propertyName: "cancelBtn", first: true, predicate: ["cancelBtn"], descendants: true }], ngImport: i0, template: "<div\r\n  class=\"confirm-dialog\"\r\n  role=\"alertdialog\"\r\n  aria-modal=\"true\"\r\n  [attr.aria-labelledby]=\"titleId\"\r\n  [attr.aria-describedby]=\"descId\"\r\n>\r\n  <header class=\"confirm-dialog__header\">\r\n    <h2 class=\"confirm-dialog__title\" [id]=\"titleId\">{{ data.title }}</h2>\r\n  </header>\r\n\r\n  <div class=\"confirm-dialog__body\">\r\n    <p class=\"confirm-dialog__message\" [id]=\"descId\">{{ data.message }}</p>\r\n  </div>\r\n\r\n  <footer class=\"confirm-dialog__footer\">\r\n    <app-button\r\n      #cancelBtn\r\n      type=\"button\"\r\n      variant=\"secondary\"\r\n      [fullWidth]=\"false\"\r\n      (click)=\"onCancel()\"\r\n    >\r\n      {{ data.cancelLabel ?? 'Cancelar' }}\r\n    </app-button>\r\n    <app-button\r\n      type=\"button\"\r\n      [variant]=\"data.variant === 'danger' ? 'danger' : 'primary'\"\r\n      [fullWidth]=\"false\"\r\n      (click)=\"onConfirm()\"\r\n    >\r\n      {{ data.confirmLabel ?? 'Confirmar' }}\r\n    </app-button>\r\n  </footer>\r\n</div>\r\n", styles: [".confirm-dialog{box-sizing:border-box;display:flex;flex-direction:column;min-width:0;max-width:100%;min-height:0;overflow:hidden}.confirm-dialog__header{flex:0 0 auto;padding:1rem 1rem .65rem;border-bottom:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09))}.confirm-dialog__title{margin:0;font-size:1.05rem;font-weight:600;line-height:1.3;color:var(--app-color-text-primary, #1a2f45)}.confirm-dialog__body{flex:1 1 auto;min-height:0;padding:1rem;overflow:auto}.confirm-dialog__message{margin:0;font-size:.9rem;line-height:1.5;color:var(--app-color-text-secondary, #5a7fa3)}.confirm-dialog__footer{flex:0 0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem;padding:.65rem 1rem 1rem;border-top:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09))}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "app-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: ConfirmDialogComponent, isStandalone: true, selector: "app-confirm-dialog", viewQueries: [{ propertyName: "cancelBtn", first: true, predicate: ["cancelBtn"], descendants: true }], ngImport: i0, template: "<div\r\n  class=\"confirm-dialog\"\r\n  role=\"alertdialog\"\r\n  aria-modal=\"true\"\r\n  [attr.aria-labelledby]=\"titleId\"\r\n  [attr.aria-describedby]=\"descId\"\r\n>\r\n  <header class=\"confirm-dialog__header\">\r\n    <h2 class=\"confirm-dialog__title\" [id]=\"titleId\">{{ data.title }}</h2>\r\n  </header>\r\n\r\n  <div class=\"confirm-dialog__body\">\r\n    <p class=\"confirm-dialog__message\" [id]=\"descId\">{{ data.message }}</p>\r\n  </div>\r\n\r\n  <footer class=\"confirm-dialog__footer\">\r\n    <app-button\r\n      #cancelBtn\r\n      type=\"button\"\r\n      variant=\"secondary\"\r\n      [fullWidth]=\"false\"\r\n      (click)=\"onCancel()\"\r\n    >\r\n      {{ data.cancelLabel ?? 'Cancelar' }}\r\n    </app-button>\r\n    <app-button\r\n      type=\"button\"\r\n      [variant]=\"data.variant === 'danger' ? 'danger' : 'primary'\"\r\n      [fullWidth]=\"false\"\r\n      (click)=\"onConfirm()\"\r\n    >\r\n      {{ data.confirmLabel ?? 'Confirmar' }}\r\n    </app-button>\r\n  </footer>\r\n</div>\r\n", styles: [".confirm-dialog{box-sizing:border-box;display:flex;flex-direction:column;min-width:0;max-width:100%;min-height:0;overflow:hidden}.confirm-dialog__header{flex:0 0 auto;padding:1rem 1rem .65rem;border-bottom:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09))}.confirm-dialog__title{margin:0;font-size:1.05rem;font-weight:600;line-height:1.3;color:#000}.confirm-dialog__body{flex:1 1 auto;min-height:0;padding:1rem;overflow:auto}.confirm-dialog__message{margin:0;font-size:.9rem;line-height:1.5;color:var(--app-color-text-muted, #525252)}.confirm-dialog__footer{flex:0 0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem;padding:.65rem 1rem 1rem;border-top:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09))}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "app-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ConfirmDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-confirm-dialog', imports: [ButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n  class=\"confirm-dialog\"\r\n  role=\"alertdialog\"\r\n  aria-modal=\"true\"\r\n  [attr.aria-labelledby]=\"titleId\"\r\n  [attr.aria-describedby]=\"descId\"\r\n>\r\n  <header class=\"confirm-dialog__header\">\r\n    <h2 class=\"confirm-dialog__title\" [id]=\"titleId\">{{ data.title }}</h2>\r\n  </header>\r\n\r\n  <div class=\"confirm-dialog__body\">\r\n    <p class=\"confirm-dialog__message\" [id]=\"descId\">{{ data.message }}</p>\r\n  </div>\r\n\r\n  <footer class=\"confirm-dialog__footer\">\r\n    <app-button\r\n      #cancelBtn\r\n      type=\"button\"\r\n      variant=\"secondary\"\r\n      [fullWidth]=\"false\"\r\n      (click)=\"onCancel()\"\r\n    >\r\n      {{ data.cancelLabel ?? 'Cancelar' }}\r\n    </app-button>\r\n    <app-button\r\n      type=\"button\"\r\n      [variant]=\"data.variant === 'danger' ? 'danger' : 'primary'\"\r\n      [fullWidth]=\"false\"\r\n      (click)=\"onConfirm()\"\r\n    >\r\n      {{ data.confirmLabel ?? 'Confirmar' }}\r\n    </app-button>\r\n  </footer>\r\n</div>\r\n", styles: [".confirm-dialog{box-sizing:border-box;display:flex;flex-direction:column;min-width:0;max-width:100%;min-height:0;overflow:hidden}.confirm-dialog__header{flex:0 0 auto;padding:1rem 1rem .65rem;border-bottom:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09))}.confirm-dialog__title{margin:0;font-size:1.05rem;font-weight:600;line-height:1.3;color:var(--app-color-text-primary, #1a2f45)}.confirm-dialog__body{flex:1 1 auto;min-height:0;padding:1rem;overflow:auto}.confirm-dialog__message{margin:0;font-size:.9rem;line-height:1.5;color:var(--app-color-text-secondary, #5a7fa3)}.confirm-dialog__footer{flex:0 0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem;padding:.65rem 1rem 1rem;border-top:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09))}\n"] }]
+            args: [{ selector: 'app-confirm-dialog', imports: [ButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n  class=\"confirm-dialog\"\r\n  role=\"alertdialog\"\r\n  aria-modal=\"true\"\r\n  [attr.aria-labelledby]=\"titleId\"\r\n  [attr.aria-describedby]=\"descId\"\r\n>\r\n  <header class=\"confirm-dialog__header\">\r\n    <h2 class=\"confirm-dialog__title\" [id]=\"titleId\">{{ data.title }}</h2>\r\n  </header>\r\n\r\n  <div class=\"confirm-dialog__body\">\r\n    <p class=\"confirm-dialog__message\" [id]=\"descId\">{{ data.message }}</p>\r\n  </div>\r\n\r\n  <footer class=\"confirm-dialog__footer\">\r\n    <app-button\r\n      #cancelBtn\r\n      type=\"button\"\r\n      variant=\"secondary\"\r\n      [fullWidth]=\"false\"\r\n      (click)=\"onCancel()\"\r\n    >\r\n      {{ data.cancelLabel ?? 'Cancelar' }}\r\n    </app-button>\r\n    <app-button\r\n      type=\"button\"\r\n      [variant]=\"data.variant === 'danger' ? 'danger' : 'primary'\"\r\n      [fullWidth]=\"false\"\r\n      (click)=\"onConfirm()\"\r\n    >\r\n      {{ data.confirmLabel ?? 'Confirmar' }}\r\n    </app-button>\r\n  </footer>\r\n</div>\r\n", styles: [".confirm-dialog{box-sizing:border-box;display:flex;flex-direction:column;min-width:0;max-width:100%;min-height:0;overflow:hidden}.confirm-dialog__header{flex:0 0 auto;padding:1rem 1rem .65rem;border-bottom:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09))}.confirm-dialog__title{margin:0;font-size:1.05rem;font-weight:600;line-height:1.3;color:#000}.confirm-dialog__body{flex:1 1 auto;min-height:0;padding:1rem;overflow:auto}.confirm-dialog__message{margin:0;font-size:.9rem;line-height:1.5;color:var(--app-color-text-muted, #525252)}.confirm-dialog__footer{flex:0 0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem;padding:.65rem 1rem 1rem;border-top:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09))}\n"] }]
         }], propDecorators: { cancelBtn: [{
                 type: ViewChild,
                 args: ['cancelBtn']
@@ -7334,11 +7334,11 @@ class FormGroupComponent {
         this.prevRootFormSubmitted = submitted;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FormGroupComponent, isStandalone: true, selector: "app-form-group", inputs: { titulo: "titulo", subtitulo: "subtitulo", collapsible: ["collapsible", "collapsible", booleanAttribute], foldable: ["foldable", "foldable", booleanAttribute], collapsed: ["collapsed", "collapsed", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute], readOnly: ["readonly", "readOnly", booleanAttribute], dense: ["dense", "dense", booleanAttribute], canMoveUp: ["canMoveUp", "canMoveUp", booleanAttribute], canMoveDown: ["canMoveDown", "canMoveDown", booleanAttribute], showHeader: ["showHeader", "showHeader", booleanAttribute], showDivider: ["showDivider", "showDivider", booleanAttribute], variant: "variant", destroyOnCollapse: ["destroyOnCollapse", "destroyOnCollapse", booleanAttribute], skipBodyChildStacking: ["skipBodyChildStacking", "skipBodyChildStacking", booleanAttribute], groupInvalid: ["groupInvalid", "groupInvalid", booleanAttribute], formGroupPath: "formGroupPath", uxSubmittedPass: ["uxSubmittedPass", "uxSubmittedPass", booleanAttribute] }, outputs: { collapsedChange: "collapsedChange", moveUp: "moveUp", moveDown: "moveDown" }, host: { properties: { "class": "this.hostClass" } }, usesOnChanges: true, ngImport: i0, template: "@if (showHeaderBar) {\n  <div\n    class=\"form-group__header\"\n    [class.form-group__header--single-line]=\"!subtitulo.trim()\"\n    [class.form-group__header--interactive]=\"headerIsInteractive\"\n    [attr.role]=\"headerIsInteractive ? 'button' : null\"\n    [attr.tabindex]=\"headerIsInteractive ? 0 : null\"\n    [attr.aria-expanded]=\"headerIsInteractive ? !isCollapsed : null\"\n    [attr.aria-disabled]=\"disabled ? true : null\"\n    (click)=\"onHeaderClick()\"\n    (keydown)=\"onHeaderKeydown($event)\"\n  >\n    <div\n      class=\"form-group__header-main\"\n      [class.form-group__header-main--single-line]=\"!subtitulo.trim()\"\n    >\n      <span\n        class=\"form-group__chevron\"\n        [class.form-group__chevron--locked]=\"!collapsible || !foldable\"\n        aria-hidden=\"true\"\n      >\n        @if (collapsible && foldable && isCollapsed) {\n          <svg class=\"form-group__icon-svg\" viewBox=\"0 0 320 512\" aria-hidden=\"true\" focusable=\"false\">\n            <path\n              fill=\"currentColor\"\n              d=\"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\n            />\n          </svg>\n        } @else {\n          <svg class=\"form-group__icon-svg\" viewBox=\"0 0 512 512\" aria-hidden=\"true\" focusable=\"false\">\n            <path\n              fill=\"currentColor\"\n              d=\"M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z\"\n            />\n          </svg>\n        }\n      </span>\n      <div class=\"form-group__titles\">\n        @if (titulo.trim()) {\n          <h3 class=\"form-group__title\">{{ titulo }}</h3>\n        }\n        @if (subtitulo.trim()) {\n          <p class=\"form-group__subtitle\">{{ subtitulo }}</p>\n        }\n      </div>\n    </div>\n    <div class=\"form-group__header-trailing\">\n      <span\n        class=\"form-group__invalid-flag\"\n        [class.form-group__invalid-flag--visible]=\"invalidFlagVisible\"\n        [attr.role]=\"invalidFlagVisible ? 'img' : null\"\n        [attr.aria-label]=\"invalidFlagVisible ? 'Existem erros de valida\u00E7\u00E3o neste grupo' : null\"\n        [attr.aria-hidden]=\"invalidFlagVisible ? null : 'true'\"\n        [attr.title]=\"invalidFlagVisible ? 'Existem erros de valida\u00E7\u00E3o neste grupo' : null\"\n      >\n        <svg class=\"form-group__icon-svg form-group__icon-svg--warning\" viewBox=\"0 0 512 512\" aria-hidden=\"true\" focusable=\"false\">\n          <path\n            fill=\"currentColor\"\n            d=\"M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24V296c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z\"\n          />\n        </svg>\n      </span>\n      @if (canMoveUp || canMoveDown) {\n        <div class=\"form-group__reorder\" (click)=\"$event.stopPropagation()\">\n          @if (canMoveUp) {\n            <button\n              type=\"button\"\n              class=\"form-group__reorder-btn\"\n              [disabled]=\"disabled\"\n              aria-label=\"Mover grupo para cima\"\n              (click)=\"onMoveUpClick($event)\"\n            >\n              <svg class=\"form-group__icon-svg\" viewBox=\"0 0 384 512\" aria-hidden=\"true\" focusable=\"false\">\n                <path\n                  fill=\"currentColor\"\n                  d=\"M214.6 41.4c-12.5-12.5-32.8-12.5-45.3 0l-160 160c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 141.2V448c0 17.7 14.3 32 32 32s32-14.3 32-32V141.2L329.4 246.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-160-160z\"\n                />\n              </svg>\n            </button>\n          }\n          @if (canMoveDown) {\n            <button\n              type=\"button\"\n              class=\"form-group__reorder-btn\"\n              [disabled]=\"disabled\"\n              aria-label=\"Mover grupo para baixo\"\n              (click)=\"onMoveDownClick($event)\"\n            >\n              <svg class=\"form-group__icon-svg\" viewBox=\"0 0 384 512\" aria-hidden=\"true\" focusable=\"false\">\n                <path\n                  fill=\"currentColor\"\n                  d=\"M169.4 470.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 370.8 224 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 306.7L54.6 265.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z\"\n                />\n              </svg>\n            </button>\n          }\n        </div>\n      }\n    </div>\n  </div>\n}\n\n@if (renderBodyInDom) {\n  <div class=\"form-group__body\" [class.form-group__body--collapsed-hidden]=\"bodyVisuallyHidden\">\n    <div\n      class=\"form-group__body-stack\"\n      [class.form-group__body-stack--neutral]=\"skipBodyChildStacking\"\n    >\n      <ng-content />\n    </div>\n  </div>\n}\n", styles: ["@charset \"UTF-8\";:host{display:block;width:100%;min-width:0;box-sizing:border-box;margin:0;scroll-margin-top:1.25rem;scroll-margin-bottom:.5rem}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle){border:1px solid var(--app-color-border, #e8eaed);border-radius:12px;background:var(--app-color-surface, #fff);padding:0;overflow:hidden;transition:border-color .28s ease,box-shadow .28s ease}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--collapsible.form-group--collapsed{border-color:var(--app-color-border, #e4e6ea);box-shadow:none}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--expanded{border-color:var(--app-color-border-strong, #d4dce8);box-shadow:0 1px 2px var(--app-color-border-subtle, rgba(22, 40, 72, .05)),0 4px 18px var(--app-color-elevated-shadow, rgba(43, 127, 217, .07))}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle) .form-group__header{margin:0;padding:.65rem 1rem .75rem;border-radius:0}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle) .form-group__header.form-group__header--single-line{padding:.7rem 1rem}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--collapsible.form-group--collapsed .form-group__header{padding-bottom:.7rem}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--collapsible.form-group--collapsed .form-group__header.form-group__header--single-line{padding:.7rem 1rem}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--expanded .form-group__header{margin-bottom:0;padding-bottom:.65rem}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--expanded .form-group__header.form-group__header--single-line{margin-bottom:0;padding:.7rem 1rem}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--expanded .form-group__body{padding:.9rem 1rem}:host.form-group--dense.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--expanded .form-group__header{margin-bottom:0;padding-bottom:.5rem}:host.form-group--dense.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--expanded .form-group__header.form-group__header--single-line{margin-bottom:0;padding:.55rem .85rem}:host.form-group--dense.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--expanded .form-group__body{padding:.7rem .85rem}.form-group__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin:0 0 1rem;padding:.35rem 0;border-radius:8px;outline:none}.form-group__header,.form-group__header *{user-select:none;-webkit-user-select:none;-moz-user-select:none}.form-group__header--interactive{cursor:pointer}.form-group__header--interactive:hover:not([aria-disabled=true]){background:var(--app-color-group-header-hover, rgba(43, 127, 217, .06))}.form-group__header--interactive:focus-visible{box-shadow:0 0 0 2px var(--app-color-focus-ring, rgba(43, 127, 217, .25))}.form-group__header--single-line{align-items:center}.form-group__header-main{display:flex;align-items:flex-start;gap:.5rem;min-width:0;flex:1}.form-group__header-main--single-line{align-items:center}.form-group__header-main--single-line .form-group__title{margin-bottom:0}.form-group__header-main--single-line .form-group__chevron{margin-top:0}.form-group__chevron{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;margin-top:.1rem;flex-shrink:0;color:var(--ui-field-float-prefix-color, #5a7fa3);font-size:.75rem}.form-group__icon-svg{display:block;width:1em;height:1em;flex-shrink:0}.form-group__icon-svg--warning{width:1.05em;height:1.05em}.form-group__chevron--locked{color:var(--ui-form-group-chevron-locked, #9aa3ad)}.form-group__titles{min-width:0;flex:1}.form-group__header--single-line .form-group__titles{display:flex;align-items:center}.form-group__title{margin:0 0 .2rem;font-size:1.05rem;font-weight:600;line-height:1.35;color:var(--ui-field-label-color, #1a1a1a)}.form-group__subtitle{margin:0;font-size:.85rem;line-height:1.4;color:var(--app-color-text-muted, #525252)}.form-group__header-trailing{display:flex;flex-shrink:0;align-items:flex-start;gap:.35rem}.form-group__header--single-line .form-group__header-trailing{align-items:center}.form-group__header--single-line .form-group__invalid-flag{margin-top:0}.form-group__invalid-flag{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;margin-top:.1rem;font-size:1.05rem;line-height:1;color:var(--app-color-error, #c62828);cursor:inherit;opacity:0;visibility:hidden;pointer-events:none;transform:scale(.92);transition:opacity .22s ease,visibility .22s ease,transform .22s ease}.form-group__invalid-flag--visible{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1)}.form-group__reorder{display:flex;flex-shrink:0;gap:.25rem;align-items:center}.form-group__reorder-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin:0;padding:0;border:none;border-radius:8px;background:transparent;color:var(--ui-field-float-prefix-color, #5a7fa3);cursor:pointer;transition:background .15s ease,color .15s ease}.form-group__reorder-btn:hover:not(:disabled){background:var(--app-color-hover-bg-strong, rgba(90, 127, 163, .12));color:var(--ui-field-float-label-top-color, #4a6d8c)}.form-group__reorder-btn:disabled{cursor:not-allowed;opacity:.45}.form-group__body{display:flex;flex-direction:column;gap:1.25rem;min-width:0}.form-group__body-stack{display:flex;flex-direction:column;gap:inherit;min-width:0;width:100%}.form-group__body-stack--neutral{display:block;gap:unset}:host ::ng-deep .form-group__body-stack:not(.form-group__body-stack--neutral)>*{display:flex;flex-direction:column;gap:inherit;min-width:0}.form-group__body--collapsed-hidden{display:none}:host.form-group--dense .form-group__header{margin-bottom:.65rem;padding-block:.2rem}:host.form-group--dense .form-group__title{font-size:1rem}:host.form-group--dense .form-group__body{gap:.5rem}:host.form-group--disabled{opacity:.72;pointer-events:none}:host.form-group--disabled .form-group__reorder{pointer-events:none}:host.form-group--outlined{padding:1rem 1rem 1.25rem;border:1px solid var(--ui-field-float-border, #b6cce5);border-radius:var(--ui-field-float-border-radius, 14px);background:var(--ui-field-float-bg, #f3f7fb)}:host.form-group--subtle{padding:.75rem .85rem 1rem;border-radius:10px;background:var(--app-color-background, #fafafa)}:host.form-group--divider:not(.form-group--outlined):not(.form-group--subtle):not(.form-group--default) .form-group__header{border-bottom:1px solid var(--app-color-border, #e5e5e5);padding-bottom:.65rem;margin-bottom:1rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FormGroupComponent, isStandalone: true, selector: "app-form-group", inputs: { titulo: "titulo", subtitulo: "subtitulo", collapsible: ["collapsible", "collapsible", booleanAttribute], foldable: ["foldable", "foldable", booleanAttribute], collapsed: ["collapsed", "collapsed", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute], readOnly: ["readonly", "readOnly", booleanAttribute], dense: ["dense", "dense", booleanAttribute], canMoveUp: ["canMoveUp", "canMoveUp", booleanAttribute], canMoveDown: ["canMoveDown", "canMoveDown", booleanAttribute], showHeader: ["showHeader", "showHeader", booleanAttribute], showDivider: ["showDivider", "showDivider", booleanAttribute], variant: "variant", destroyOnCollapse: ["destroyOnCollapse", "destroyOnCollapse", booleanAttribute], skipBodyChildStacking: ["skipBodyChildStacking", "skipBodyChildStacking", booleanAttribute], groupInvalid: ["groupInvalid", "groupInvalid", booleanAttribute], formGroupPath: "formGroupPath", uxSubmittedPass: ["uxSubmittedPass", "uxSubmittedPass", booleanAttribute] }, outputs: { collapsedChange: "collapsedChange", moveUp: "moveUp", moveDown: "moveDown" }, host: { properties: { "class": "this.hostClass" } }, usesOnChanges: true, ngImport: i0, template: "@if (showHeaderBar) {\n  <div\n    class=\"form-group__header\"\n    [class.form-group__header--single-line]=\"!subtitulo.trim()\"\n    [class.form-group__header--interactive]=\"headerIsInteractive\"\n    [attr.role]=\"headerIsInteractive ? 'button' : null\"\n    [attr.tabindex]=\"headerIsInteractive ? 0 : null\"\n    [attr.aria-expanded]=\"headerIsInteractive ? !isCollapsed : null\"\n    [attr.aria-disabled]=\"disabled ? true : null\"\n    (click)=\"onHeaderClick()\"\n    (keydown)=\"onHeaderKeydown($event)\"\n  >\n    <div\n      class=\"form-group__header-main\"\n      [class.form-group__header-main--single-line]=\"!subtitulo.trim()\"\n    >\n      <span\n        class=\"form-group__chevron\"\n        [class.form-group__chevron--locked]=\"!collapsible || !foldable\"\n        aria-hidden=\"true\"\n      >\n        @if (collapsible && foldable && isCollapsed) {\n          <svg class=\"form-group__icon-svg\" viewBox=\"0 0 320 512\" aria-hidden=\"true\" focusable=\"false\">\n            <path\n              fill=\"currentColor\"\n              d=\"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\n            />\n          </svg>\n        } @else {\n          <svg class=\"form-group__icon-svg\" viewBox=\"0 0 512 512\" aria-hidden=\"true\" focusable=\"false\">\n            <path\n              fill=\"currentColor\"\n              d=\"M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z\"\n            />\n          </svg>\n        }\n      </span>\n      <div class=\"form-group__titles\">\n        @if (titulo.trim()) {\n          <h3 class=\"form-group__title\">{{ titulo }}</h3>\n        }\n        @if (subtitulo.trim()) {\n          <p class=\"form-group__subtitle\">{{ subtitulo }}</p>\n        }\n      </div>\n    </div>\n    <div class=\"form-group__header-trailing\">\n      <span\n        class=\"form-group__invalid-flag\"\n        [class.form-group__invalid-flag--visible]=\"invalidFlagVisible\"\n        [attr.role]=\"invalidFlagVisible ? 'img' : null\"\n        [attr.aria-label]=\"invalidFlagVisible ? 'Existem erros de valida\u00E7\u00E3o neste grupo' : null\"\n        [attr.aria-hidden]=\"invalidFlagVisible ? null : 'true'\"\n        [attr.title]=\"invalidFlagVisible ? 'Existem erros de valida\u00E7\u00E3o neste grupo' : null\"\n      >\n        <svg class=\"form-group__icon-svg form-group__icon-svg--warning\" viewBox=\"0 0 512 512\" aria-hidden=\"true\" focusable=\"false\">\n          <path\n            fill=\"currentColor\"\n            d=\"M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24V296c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z\"\n          />\n        </svg>\n      </span>\n      @if (canMoveUp || canMoveDown) {\n        <div class=\"form-group__reorder\" (click)=\"$event.stopPropagation()\">\n          @if (canMoveUp) {\n            <button\n              type=\"button\"\n              class=\"form-group__reorder-btn\"\n              [disabled]=\"disabled\"\n              aria-label=\"Mover grupo para cima\"\n              (click)=\"onMoveUpClick($event)\"\n            >\n              <svg class=\"form-group__icon-svg\" viewBox=\"0 0 384 512\" aria-hidden=\"true\" focusable=\"false\">\n                <path\n                  fill=\"currentColor\"\n                  d=\"M214.6 41.4c-12.5-12.5-32.8-12.5-45.3 0l-160 160c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 141.2V448c0 17.7 14.3 32 32 32s32-14.3 32-32V141.2L329.4 246.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-160-160z\"\n                />\n              </svg>\n            </button>\n          }\n          @if (canMoveDown) {\n            <button\n              type=\"button\"\n              class=\"form-group__reorder-btn\"\n              [disabled]=\"disabled\"\n              aria-label=\"Mover grupo para baixo\"\n              (click)=\"onMoveDownClick($event)\"\n            >\n              <svg class=\"form-group__icon-svg\" viewBox=\"0 0 384 512\" aria-hidden=\"true\" focusable=\"false\">\n                <path\n                  fill=\"currentColor\"\n                  d=\"M169.4 470.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 370.8 224 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 306.7L54.6 265.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z\"\n                />\n              </svg>\n            </button>\n          }\n        </div>\n      }\n    </div>\n  </div>\n}\n\n@if (renderBodyInDom) {\n  <div class=\"form-group__body\" [class.form-group__body--collapsed-hidden]=\"bodyVisuallyHidden\">\n    <div\n      class=\"form-group__body-stack\"\n      [class.form-group__body-stack--neutral]=\"skipBodyChildStacking\"\n    >\n      <ng-content />\n    </div>\n  </div>\n}\n", styles: ["@charset \"UTF-8\";:host{display:block;width:100%;min-width:0;box-sizing:border-box;margin:0;scroll-margin-top:1.25rem;scroll-margin-bottom:.5rem}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle){border:1px solid var(--app-color-border, #e8eaed);border-radius:12px;background:#fff;padding:0;overflow:hidden;transition:border-color .28s ease,box-shadow .28s ease}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--collapsible.form-group--collapsed{border-color:var(--app-color-border, #e4e6ea);box-shadow:none}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--expanded{border-color:var(--app-color-border-strong, #d4dce8);box-shadow:0 1px 2px var(--app-color-border-subtle, rgba(22, 40, 72, .05)),0 4px 18px var(--app-color-elevated-shadow, rgba(43, 127, 217, .07))}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle) .form-group__header{margin:0;padding:.65rem 1rem .75rem;border-radius:0}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle) .form-group__header.form-group__header--single-line{padding:.7rem 1rem}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--collapsible.form-group--collapsed .form-group__header{padding-bottom:.7rem}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--collapsible.form-group--collapsed .form-group__header.form-group__header--single-line{padding:.7rem 1rem}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--expanded .form-group__header{margin-bottom:0;padding-bottom:.65rem}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--expanded .form-group__header.form-group__header--single-line{margin-bottom:0;padding:.7rem 1rem}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--expanded .form-group__body{padding:.9rem 1rem}:host.form-group--dense.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--expanded .form-group__header{margin-bottom:0;padding-bottom:.5rem}:host.form-group--dense.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--expanded .form-group__header.form-group__header--single-line{margin-bottom:0;padding:.55rem .85rem}:host.form-group--dense.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--expanded .form-group__body{padding:.7rem .85rem}.form-group__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin:0 0 1rem;padding:.35rem 0;border-radius:8px;outline:none}.form-group__header,.form-group__header *{user-select:none;-webkit-user-select:none;-moz-user-select:none}.form-group__header--interactive{cursor:pointer}.form-group__header--interactive:hover:not([aria-disabled=true]){background:var(--app-color-group-header-hover, rgba(43, 127, 217, .06))}.form-group__header--interactive:focus-visible{box-shadow:0 0 0 2px var(--app-color-focus-ring, rgba(43, 127, 217, .25))}.form-group__header--single-line{align-items:center}.form-group__header-main{display:flex;align-items:flex-start;gap:.5rem;min-width:0;flex:1}.form-group__header-main--single-line{align-items:center}.form-group__header-main--single-line .form-group__title{margin-bottom:0}.form-group__header-main--single-line .form-group__chevron{margin-top:0}.form-group__chevron{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;margin-top:.1rem;flex-shrink:0;color:var(--ui-field-float-prefix-color, #5a7fa3);font-size:.75rem}.form-group__icon-svg{display:block;width:1em;height:1em;flex-shrink:0}.form-group__icon-svg--warning{width:1.05em;height:1.05em}.form-group__chevron--locked{color:var(--ui-form-group-chevron-locked, #9aa3ad)}.form-group__titles{min-width:0;flex:1}.form-group__header--single-line .form-group__titles{display:flex;align-items:center}.form-group__title{margin:0 0 .2rem;font-size:1.05rem;font-weight:600;line-height:1.35;color:#000}.form-group__subtitle{margin:0;font-size:.85rem;line-height:1.4;color:var(--app-color-text-muted, #525252)}.form-group__header-trailing{display:flex;flex-shrink:0;align-items:flex-start;gap:.35rem}.form-group__header--single-line .form-group__header-trailing{align-items:center}.form-group__header--single-line .form-group__invalid-flag{margin-top:0}.form-group__invalid-flag{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;margin-top:.1rem;font-size:1.05rem;line-height:1;color:var(--app-color-error, #c62828);cursor:inherit;opacity:0;visibility:hidden;pointer-events:none;transform:scale(.92);transition:opacity .22s ease,visibility .22s ease,transform .22s ease}.form-group__invalid-flag--visible{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1)}.form-group__reorder{display:flex;flex-shrink:0;gap:.25rem;align-items:center}.form-group__reorder-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin:0;padding:0;border:none;border-radius:8px;background:transparent;color:var(--ui-field-float-prefix-color, #5a7fa3);cursor:pointer;transition:background .15s ease,color .15s ease}.form-group__reorder-btn:hover:not(:disabled){background:var(--app-color-hover-bg-strong, rgba(90, 127, 163, .12));color:var(--ui-field-float-label-top-color, #4a6d8c)}.form-group__reorder-btn:disabled{cursor:not-allowed;opacity:.45}.form-group__body{display:flex;flex-direction:column;gap:1.25rem;min-width:0}.form-group__body-stack{display:flex;flex-direction:column;gap:inherit;min-width:0;width:100%}.form-group__body-stack--neutral{display:block;gap:unset}:host ::ng-deep .form-group__body-stack:not(.form-group__body-stack--neutral)>*{display:flex;flex-direction:column;gap:inherit;min-width:0}.form-group__body--collapsed-hidden{display:none}:host.form-group--dense .form-group__header{margin-bottom:.65rem;padding-block:.2rem}:host.form-group--dense .form-group__title{font-size:1rem}:host.form-group--dense .form-group__body{gap:.5rem}:host.form-group--disabled{opacity:.72;pointer-events:none}:host.form-group--disabled .form-group__reorder{pointer-events:none}:host.form-group--outlined{padding:1rem 1rem 1.25rem;border:1px solid var(--ui-field-float-border, #b6cce5);border-radius:var(--ui-field-float-border-radius, 14px);background:#fff}:host.form-group--subtle{padding:.75rem .85rem 1rem;border-radius:10px;background:#fff}:host.form-group--divider:not(.form-group--outlined):not(.form-group--subtle):not(.form-group--default) .form-group__header{border-bottom:1px solid var(--app-color-border, #e5e5e5);padding-bottom:.65rem;margin-bottom:1rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormGroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-form-group', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (showHeaderBar) {\n  <div\n    class=\"form-group__header\"\n    [class.form-group__header--single-line]=\"!subtitulo.trim()\"\n    [class.form-group__header--interactive]=\"headerIsInteractive\"\n    [attr.role]=\"headerIsInteractive ? 'button' : null\"\n    [attr.tabindex]=\"headerIsInteractive ? 0 : null\"\n    [attr.aria-expanded]=\"headerIsInteractive ? !isCollapsed : null\"\n    [attr.aria-disabled]=\"disabled ? true : null\"\n    (click)=\"onHeaderClick()\"\n    (keydown)=\"onHeaderKeydown($event)\"\n  >\n    <div\n      class=\"form-group__header-main\"\n      [class.form-group__header-main--single-line]=\"!subtitulo.trim()\"\n    >\n      <span\n        class=\"form-group__chevron\"\n        [class.form-group__chevron--locked]=\"!collapsible || !foldable\"\n        aria-hidden=\"true\"\n      >\n        @if (collapsible && foldable && isCollapsed) {\n          <svg class=\"form-group__icon-svg\" viewBox=\"0 0 320 512\" aria-hidden=\"true\" focusable=\"false\">\n            <path\n              fill=\"currentColor\"\n              d=\"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\n            />\n          </svg>\n        } @else {\n          <svg class=\"form-group__icon-svg\" viewBox=\"0 0 512 512\" aria-hidden=\"true\" focusable=\"false\">\n            <path\n              fill=\"currentColor\"\n              d=\"M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z\"\n            />\n          </svg>\n        }\n      </span>\n      <div class=\"form-group__titles\">\n        @if (titulo.trim()) {\n          <h3 class=\"form-group__title\">{{ titulo }}</h3>\n        }\n        @if (subtitulo.trim()) {\n          <p class=\"form-group__subtitle\">{{ subtitulo }}</p>\n        }\n      </div>\n    </div>\n    <div class=\"form-group__header-trailing\">\n      <span\n        class=\"form-group__invalid-flag\"\n        [class.form-group__invalid-flag--visible]=\"invalidFlagVisible\"\n        [attr.role]=\"invalidFlagVisible ? 'img' : null\"\n        [attr.aria-label]=\"invalidFlagVisible ? 'Existem erros de valida\u00E7\u00E3o neste grupo' : null\"\n        [attr.aria-hidden]=\"invalidFlagVisible ? null : 'true'\"\n        [attr.title]=\"invalidFlagVisible ? 'Existem erros de valida\u00E7\u00E3o neste grupo' : null\"\n      >\n        <svg class=\"form-group__icon-svg form-group__icon-svg--warning\" viewBox=\"0 0 512 512\" aria-hidden=\"true\" focusable=\"false\">\n          <path\n            fill=\"currentColor\"\n            d=\"M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24V296c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z\"\n          />\n        </svg>\n      </span>\n      @if (canMoveUp || canMoveDown) {\n        <div class=\"form-group__reorder\" (click)=\"$event.stopPropagation()\">\n          @if (canMoveUp) {\n            <button\n              type=\"button\"\n              class=\"form-group__reorder-btn\"\n              [disabled]=\"disabled\"\n              aria-label=\"Mover grupo para cima\"\n              (click)=\"onMoveUpClick($event)\"\n            >\n              <svg class=\"form-group__icon-svg\" viewBox=\"0 0 384 512\" aria-hidden=\"true\" focusable=\"false\">\n                <path\n                  fill=\"currentColor\"\n                  d=\"M214.6 41.4c-12.5-12.5-32.8-12.5-45.3 0l-160 160c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 141.2V448c0 17.7 14.3 32 32 32s32-14.3 32-32V141.2L329.4 246.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-160-160z\"\n                />\n              </svg>\n            </button>\n          }\n          @if (canMoveDown) {\n            <button\n              type=\"button\"\n              class=\"form-group__reorder-btn\"\n              [disabled]=\"disabled\"\n              aria-label=\"Mover grupo para baixo\"\n              (click)=\"onMoveDownClick($event)\"\n            >\n              <svg class=\"form-group__icon-svg\" viewBox=\"0 0 384 512\" aria-hidden=\"true\" focusable=\"false\">\n                <path\n                  fill=\"currentColor\"\n                  d=\"M169.4 470.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 370.8 224 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 306.7L54.6 265.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z\"\n                />\n              </svg>\n            </button>\n          }\n        </div>\n      }\n    </div>\n  </div>\n}\n\n@if (renderBodyInDom) {\n  <div class=\"form-group__body\" [class.form-group__body--collapsed-hidden]=\"bodyVisuallyHidden\">\n    <div\n      class=\"form-group__body-stack\"\n      [class.form-group__body-stack--neutral]=\"skipBodyChildStacking\"\n    >\n      <ng-content />\n    </div>\n  </div>\n}\n", styles: ["@charset \"UTF-8\";:host{display:block;width:100%;min-width:0;box-sizing:border-box;margin:0;scroll-margin-top:1.25rem;scroll-margin-bottom:.5rem}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle){border:1px solid var(--app-color-border, #e8eaed);border-radius:12px;background:var(--app-color-surface, #fff);padding:0;overflow:hidden;transition:border-color .28s ease,box-shadow .28s ease}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--collapsible.form-group--collapsed{border-color:var(--app-color-border, #e4e6ea);box-shadow:none}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--expanded{border-color:var(--app-color-border-strong, #d4dce8);box-shadow:0 1px 2px var(--app-color-border-subtle, rgba(22, 40, 72, .05)),0 4px 18px var(--app-color-elevated-shadow, rgba(43, 127, 217, .07))}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle) .form-group__header{margin:0;padding:.65rem 1rem .75rem;border-radius:0}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle) .form-group__header.form-group__header--single-line{padding:.7rem 1rem}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--collapsible.form-group--collapsed .form-group__header{padding-bottom:.7rem}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--collapsible.form-group--collapsed .form-group__header.form-group__header--single-line{padding:.7rem 1rem}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--expanded .form-group__header{margin-bottom:0;padding-bottom:.65rem}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--expanded .form-group__header.form-group__header--single-line{margin-bottom:0;padding:.7rem 1rem}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--expanded .form-group__body{padding:.9rem 1rem}:host.form-group--dense.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--expanded .form-group__header{margin-bottom:0;padding-bottom:.5rem}:host.form-group--dense.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--expanded .form-group__header.form-group__header--single-line{margin-bottom:0;padding:.55rem .85rem}:host.form-group--dense.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--expanded .form-group__body{padding:.7rem .85rem}.form-group__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin:0 0 1rem;padding:.35rem 0;border-radius:8px;outline:none}.form-group__header,.form-group__header *{user-select:none;-webkit-user-select:none;-moz-user-select:none}.form-group__header--interactive{cursor:pointer}.form-group__header--interactive:hover:not([aria-disabled=true]){background:var(--app-color-group-header-hover, rgba(43, 127, 217, .06))}.form-group__header--interactive:focus-visible{box-shadow:0 0 0 2px var(--app-color-focus-ring, rgba(43, 127, 217, .25))}.form-group__header--single-line{align-items:center}.form-group__header-main{display:flex;align-items:flex-start;gap:.5rem;min-width:0;flex:1}.form-group__header-main--single-line{align-items:center}.form-group__header-main--single-line .form-group__title{margin-bottom:0}.form-group__header-main--single-line .form-group__chevron{margin-top:0}.form-group__chevron{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;margin-top:.1rem;flex-shrink:0;color:var(--ui-field-float-prefix-color, #5a7fa3);font-size:.75rem}.form-group__icon-svg{display:block;width:1em;height:1em;flex-shrink:0}.form-group__icon-svg--warning{width:1.05em;height:1.05em}.form-group__chevron--locked{color:var(--ui-form-group-chevron-locked, #9aa3ad)}.form-group__titles{min-width:0;flex:1}.form-group__header--single-line .form-group__titles{display:flex;align-items:center}.form-group__title{margin:0 0 .2rem;font-size:1.05rem;font-weight:600;line-height:1.35;color:var(--ui-field-label-color, #1a1a1a)}.form-group__subtitle{margin:0;font-size:.85rem;line-height:1.4;color:var(--app-color-text-muted, #525252)}.form-group__header-trailing{display:flex;flex-shrink:0;align-items:flex-start;gap:.35rem}.form-group__header--single-line .form-group__header-trailing{align-items:center}.form-group__header--single-line .form-group__invalid-flag{margin-top:0}.form-group__invalid-flag{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;margin-top:.1rem;font-size:1.05rem;line-height:1;color:var(--app-color-error, #c62828);cursor:inherit;opacity:0;visibility:hidden;pointer-events:none;transform:scale(.92);transition:opacity .22s ease,visibility .22s ease,transform .22s ease}.form-group__invalid-flag--visible{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1)}.form-group__reorder{display:flex;flex-shrink:0;gap:.25rem;align-items:center}.form-group__reorder-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin:0;padding:0;border:none;border-radius:8px;background:transparent;color:var(--ui-field-float-prefix-color, #5a7fa3);cursor:pointer;transition:background .15s ease,color .15s ease}.form-group__reorder-btn:hover:not(:disabled){background:var(--app-color-hover-bg-strong, rgba(90, 127, 163, .12));color:var(--ui-field-float-label-top-color, #4a6d8c)}.form-group__reorder-btn:disabled{cursor:not-allowed;opacity:.45}.form-group__body{display:flex;flex-direction:column;gap:1.25rem;min-width:0}.form-group__body-stack{display:flex;flex-direction:column;gap:inherit;min-width:0;width:100%}.form-group__body-stack--neutral{display:block;gap:unset}:host ::ng-deep .form-group__body-stack:not(.form-group__body-stack--neutral)>*{display:flex;flex-direction:column;gap:inherit;min-width:0}.form-group__body--collapsed-hidden{display:none}:host.form-group--dense .form-group__header{margin-bottom:.65rem;padding-block:.2rem}:host.form-group--dense .form-group__title{font-size:1rem}:host.form-group--dense .form-group__body{gap:.5rem}:host.form-group--disabled{opacity:.72;pointer-events:none}:host.form-group--disabled .form-group__reorder{pointer-events:none}:host.form-group--outlined{padding:1rem 1rem 1.25rem;border:1px solid var(--ui-field-float-border, #b6cce5);border-radius:var(--ui-field-float-border-radius, 14px);background:var(--ui-field-float-bg, #f3f7fb)}:host.form-group--subtle{padding:.75rem .85rem 1rem;border-radius:10px;background:var(--app-color-background, #fafafa)}:host.form-group--divider:not(.form-group--outlined):not(.form-group--subtle):not(.form-group--default) .form-group__header{border-bottom:1px solid var(--app-color-border, #e5e5e5);padding-bottom:.65rem;margin-bottom:1rem}\n"] }]
+            args: [{ selector: 'app-form-group', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (showHeaderBar) {\n  <div\n    class=\"form-group__header\"\n    [class.form-group__header--single-line]=\"!subtitulo.trim()\"\n    [class.form-group__header--interactive]=\"headerIsInteractive\"\n    [attr.role]=\"headerIsInteractive ? 'button' : null\"\n    [attr.tabindex]=\"headerIsInteractive ? 0 : null\"\n    [attr.aria-expanded]=\"headerIsInteractive ? !isCollapsed : null\"\n    [attr.aria-disabled]=\"disabled ? true : null\"\n    (click)=\"onHeaderClick()\"\n    (keydown)=\"onHeaderKeydown($event)\"\n  >\n    <div\n      class=\"form-group__header-main\"\n      [class.form-group__header-main--single-line]=\"!subtitulo.trim()\"\n    >\n      <span\n        class=\"form-group__chevron\"\n        [class.form-group__chevron--locked]=\"!collapsible || !foldable\"\n        aria-hidden=\"true\"\n      >\n        @if (collapsible && foldable && isCollapsed) {\n          <svg class=\"form-group__icon-svg\" viewBox=\"0 0 320 512\" aria-hidden=\"true\" focusable=\"false\">\n            <path\n              fill=\"currentColor\"\n              d=\"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\n            />\n          </svg>\n        } @else {\n          <svg class=\"form-group__icon-svg\" viewBox=\"0 0 512 512\" aria-hidden=\"true\" focusable=\"false\">\n            <path\n              fill=\"currentColor\"\n              d=\"M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z\"\n            />\n          </svg>\n        }\n      </span>\n      <div class=\"form-group__titles\">\n        @if (titulo.trim()) {\n          <h3 class=\"form-group__title\">{{ titulo }}</h3>\n        }\n        @if (subtitulo.trim()) {\n          <p class=\"form-group__subtitle\">{{ subtitulo }}</p>\n        }\n      </div>\n    </div>\n    <div class=\"form-group__header-trailing\">\n      <span\n        class=\"form-group__invalid-flag\"\n        [class.form-group__invalid-flag--visible]=\"invalidFlagVisible\"\n        [attr.role]=\"invalidFlagVisible ? 'img' : null\"\n        [attr.aria-label]=\"invalidFlagVisible ? 'Existem erros de valida\u00E7\u00E3o neste grupo' : null\"\n        [attr.aria-hidden]=\"invalidFlagVisible ? null : 'true'\"\n        [attr.title]=\"invalidFlagVisible ? 'Existem erros de valida\u00E7\u00E3o neste grupo' : null\"\n      >\n        <svg class=\"form-group__icon-svg form-group__icon-svg--warning\" viewBox=\"0 0 512 512\" aria-hidden=\"true\" focusable=\"false\">\n          <path\n            fill=\"currentColor\"\n            d=\"M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24V296c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z\"\n          />\n        </svg>\n      </span>\n      @if (canMoveUp || canMoveDown) {\n        <div class=\"form-group__reorder\" (click)=\"$event.stopPropagation()\">\n          @if (canMoveUp) {\n            <button\n              type=\"button\"\n              class=\"form-group__reorder-btn\"\n              [disabled]=\"disabled\"\n              aria-label=\"Mover grupo para cima\"\n              (click)=\"onMoveUpClick($event)\"\n            >\n              <svg class=\"form-group__icon-svg\" viewBox=\"0 0 384 512\" aria-hidden=\"true\" focusable=\"false\">\n                <path\n                  fill=\"currentColor\"\n                  d=\"M214.6 41.4c-12.5-12.5-32.8-12.5-45.3 0l-160 160c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 141.2V448c0 17.7 14.3 32 32 32s32-14.3 32-32V141.2L329.4 246.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-160-160z\"\n                />\n              </svg>\n            </button>\n          }\n          @if (canMoveDown) {\n            <button\n              type=\"button\"\n              class=\"form-group__reorder-btn\"\n              [disabled]=\"disabled\"\n              aria-label=\"Mover grupo para baixo\"\n              (click)=\"onMoveDownClick($event)\"\n            >\n              <svg class=\"form-group__icon-svg\" viewBox=\"0 0 384 512\" aria-hidden=\"true\" focusable=\"false\">\n                <path\n                  fill=\"currentColor\"\n                  d=\"M169.4 470.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 370.8 224 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 306.7L54.6 265.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z\"\n                />\n              </svg>\n            </button>\n          }\n        </div>\n      }\n    </div>\n  </div>\n}\n\n@if (renderBodyInDom) {\n  <div class=\"form-group__body\" [class.form-group__body--collapsed-hidden]=\"bodyVisuallyHidden\">\n    <div\n      class=\"form-group__body-stack\"\n      [class.form-group__body-stack--neutral]=\"skipBodyChildStacking\"\n    >\n      <ng-content />\n    </div>\n  </div>\n}\n", styles: ["@charset \"UTF-8\";:host{display:block;width:100%;min-width:0;box-sizing:border-box;margin:0;scroll-margin-top:1.25rem;scroll-margin-bottom:.5rem}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle){border:1px solid var(--app-color-border, #e8eaed);border-radius:12px;background:#fff;padding:0;overflow:hidden;transition:border-color .28s ease,box-shadow .28s ease}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--collapsible.form-group--collapsed{border-color:var(--app-color-border, #e4e6ea);box-shadow:none}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--expanded{border-color:var(--app-color-border-strong, #d4dce8);box-shadow:0 1px 2px var(--app-color-border-subtle, rgba(22, 40, 72, .05)),0 4px 18px var(--app-color-elevated-shadow, rgba(43, 127, 217, .07))}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle) .form-group__header{margin:0;padding:.65rem 1rem .75rem;border-radius:0}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle) .form-group__header.form-group__header--single-line{padding:.7rem 1rem}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--collapsible.form-group--collapsed .form-group__header{padding-bottom:.7rem}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--collapsible.form-group--collapsed .form-group__header.form-group__header--single-line{padding:.7rem 1rem}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--expanded .form-group__header{margin-bottom:0;padding-bottom:.65rem}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--expanded .form-group__header.form-group__header--single-line{margin-bottom:0;padding:.7rem 1rem}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--expanded .form-group__body{padding:.9rem 1rem}:host.form-group--dense.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--expanded .form-group__header{margin-bottom:0;padding-bottom:.5rem}:host.form-group--dense.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--expanded .form-group__header.form-group__header--single-line{margin-bottom:0;padding:.55rem .85rem}:host.form-group--dense.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--expanded .form-group__body{padding:.7rem .85rem}.form-group__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin:0 0 1rem;padding:.35rem 0;border-radius:8px;outline:none}.form-group__header,.form-group__header *{user-select:none;-webkit-user-select:none;-moz-user-select:none}.form-group__header--interactive{cursor:pointer}.form-group__header--interactive:hover:not([aria-disabled=true]){background:var(--app-color-group-header-hover, rgba(43, 127, 217, .06))}.form-group__header--interactive:focus-visible{box-shadow:0 0 0 2px var(--app-color-focus-ring, rgba(43, 127, 217, .25))}.form-group__header--single-line{align-items:center}.form-group__header-main{display:flex;align-items:flex-start;gap:.5rem;min-width:0;flex:1}.form-group__header-main--single-line{align-items:center}.form-group__header-main--single-line .form-group__title{margin-bottom:0}.form-group__header-main--single-line .form-group__chevron{margin-top:0}.form-group__chevron{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;margin-top:.1rem;flex-shrink:0;color:var(--ui-field-float-prefix-color, #5a7fa3);font-size:.75rem}.form-group__icon-svg{display:block;width:1em;height:1em;flex-shrink:0}.form-group__icon-svg--warning{width:1.05em;height:1.05em}.form-group__chevron--locked{color:var(--ui-form-group-chevron-locked, #9aa3ad)}.form-group__titles{min-width:0;flex:1}.form-group__header--single-line .form-group__titles{display:flex;align-items:center}.form-group__title{margin:0 0 .2rem;font-size:1.05rem;font-weight:600;line-height:1.35;color:#000}.form-group__subtitle{margin:0;font-size:.85rem;line-height:1.4;color:var(--app-color-text-muted, #525252)}.form-group__header-trailing{display:flex;flex-shrink:0;align-items:flex-start;gap:.35rem}.form-group__header--single-line .form-group__header-trailing{align-items:center}.form-group__header--single-line .form-group__invalid-flag{margin-top:0}.form-group__invalid-flag{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;margin-top:.1rem;font-size:1.05rem;line-height:1;color:var(--app-color-error, #c62828);cursor:inherit;opacity:0;visibility:hidden;pointer-events:none;transform:scale(.92);transition:opacity .22s ease,visibility .22s ease,transform .22s ease}.form-group__invalid-flag--visible{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1)}.form-group__reorder{display:flex;flex-shrink:0;gap:.25rem;align-items:center}.form-group__reorder-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin:0;padding:0;border:none;border-radius:8px;background:transparent;color:var(--ui-field-float-prefix-color, #5a7fa3);cursor:pointer;transition:background .15s ease,color .15s ease}.form-group__reorder-btn:hover:not(:disabled){background:var(--app-color-hover-bg-strong, rgba(90, 127, 163, .12));color:var(--ui-field-float-label-top-color, #4a6d8c)}.form-group__reorder-btn:disabled{cursor:not-allowed;opacity:.45}.form-group__body{display:flex;flex-direction:column;gap:1.25rem;min-width:0}.form-group__body-stack{display:flex;flex-direction:column;gap:inherit;min-width:0;width:100%}.form-group__body-stack--neutral{display:block;gap:unset}:host ::ng-deep .form-group__body-stack:not(.form-group__body-stack--neutral)>*{display:flex;flex-direction:column;gap:inherit;min-width:0}.form-group__body--collapsed-hidden{display:none}:host.form-group--dense .form-group__header{margin-bottom:.65rem;padding-block:.2rem}:host.form-group--dense .form-group__title{font-size:1rem}:host.form-group--dense .form-group__body{gap:.5rem}:host.form-group--disabled{opacity:.72;pointer-events:none}:host.form-group--disabled .form-group__reorder{pointer-events:none}:host.form-group--outlined{padding:1rem 1rem 1.25rem;border:1px solid var(--ui-field-float-border, #b6cce5);border-radius:var(--ui-field-float-border-radius, 14px);background:#fff}:host.form-group--subtle{padding:.75rem .85rem 1rem;border-radius:10px;background:#fff}:host.form-group--divider:not(.form-group--outlined):not(.form-group--subtle):not(.form-group--default) .form-group__header{border-bottom:1px solid var(--app-color-border, #e5e5e5);padding-bottom:.65rem;margin-bottom:1rem}\n"] }]
         }], propDecorators: { titulo: [{
                 type: Input,
                 args: [{ required: true }]
@@ -7404,11 +7404,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
 /**
  * Grelha de formulário: com `app-form-col` usa 12 trilhos; **sem** `app-form-col`, os filhos
  * directos repartem a largura em colunas iguais (comportamento por omissão).
+ *
+ * Por omissão: **`align="center"`** e **`justify="between"`** (equivalente a barra de ações).
  */
 class FormRowComponent {
     constructor() {
         this.gap = 'md';
-        this.align = 'stretch';
+        this.align = 'center';
         this.justify = 'between';
         /**
          * Quando `true`, cada filho que **não** é `app-form-col` ocupa uma linha inteira da grelha
@@ -7525,11 +7527,11 @@ class FormSectionComponent {
         return this.titulo.trim().length > 0 || this.subtitulo.trim().length > 0;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FormSectionComponent, isStandalone: true, selector: "app-form-section", inputs: { titulo: "titulo", subtitulo: "subtitulo", dense: ["dense", "dense", booleanAttribute], divider: ["divider", "divider", booleanAttribute], variant: "variant", align: "align", maxWidth: "maxWidth", fullWidth: ["fullWidth", "fullWidth", booleanAttribute], radius: "radius", elevated: ["elevated", "elevated", booleanAttribute] }, host: { properties: { "class": "this.hostClass", "style.max-width": "this.hostMaxWidth", "style.margin-inline": "this.hostMarginInline" } }, ngImport: i0, template: "@if (showHeader) {\r\n<header class=\"form-section__header\">\r\n  @if (titulo.trim()) {\r\n  <h2 class=\"form-section__title\">{{ titulo }}</h2>\r\n  }\r\n  @if (subtitulo.trim()) {\r\n  <p class=\"form-section__subtitle\">{{ subtitulo }}</p>\r\n  }\r\n</header>\r\n}\r\n<div class=\"form-section__content form-section__body\">\r\n  <ng-content />\r\n</div>", styles: [":host{display:block;width:100%;min-width:0;box-sizing:border-box}.form-section{width:100%;min-width:0;box-sizing:border-box}.form-section__header{margin:0 0 1.25rem;padding:0}.form-section__title{margin:0 0 .35rem;font-size:1.25rem;font-weight:600;line-height:1.3;color:var(--ui-field-label-color, #1a1a1a)}.form-section__subtitle{margin:0;font-size:.9rem;line-height:1.45;color:#525252}.form-section__content,.form-section__body{display:flex;flex-direction:column;gap:1rem;min-width:0}:host.form-section--align-center .form-section__header{text-align:center}:host.form-section--inline{width:fit-content;max-width:100%}:host.form-section--panel,:host.form-section--card{--form-section-surface-border: var(--app-color-border-subtle, rgba(26, 47, 69, .12));--form-section-surface-bg: var(--app-color-surface, #ffffff);--form-section-surface-shadow: 0 .4rem 1.25rem rgba(15, 23, 42, .08);--form-section-surface-padding-x: 1rem;--form-section-surface-padding-y: 1rem;padding:var(--form-section-surface-padding-y) var(--form-section-surface-padding-x);border:1px solid var(--form-section-surface-border);background:var(--form-section-surface-bg);box-shadow:var(--form-section-surface-shadow)}:host.form-section--panel{--form-section-surface-bg: color-mix( in srgb, var(--app-color-surface, #ffffff) 90%, var(--app-color-background, #f6f7f9) 10% );--form-section-surface-shadow: 0 .15rem .45rem rgba(15, 23, 42, .04)}:host.form-section--card{--form-section-surface-padding-x: 1.25rem;--form-section-surface-padding-y: 1.25rem;--form-section-surface-shadow: 0 .35rem 1rem rgba(15, 23, 42, .06)}:host.form-section--card.form-section--elevated{--form-section-surface-shadow: 0 .8rem 2rem -1.1rem rgba(15, 23, 42, .28)}:host.form-section--radius-none{border-radius:0}:host.form-section--radius-sm{border-radius:var(--radius-sm, 8px)}:host.form-section--radius-md{border-radius:var(--radius-md, 12px)}:host.form-section--radius-lg{border-radius:var(--radius-lg, 16px)}:host.form-section--radius-xl{border-radius:var(--radius-xl, 22px)}:host.form-section--dense .form-section__header{margin-bottom:.75rem}:host.form-section--dense .form-section__title{font-size:1.1rem}:host.form-section--dense .form-section__body{gap:.65rem}:host.form-section--dense.form-section--panel,:host.form-section--dense.form-section--card{--form-section-surface-padding-x: .85rem;--form-section-surface-padding-y: .85rem}:host.form-section--divider{padding-bottom:1.75rem;margin-bottom:1.75rem;border-bottom:1px solid #e5e5e5}:host.form-section--dense.form-section--divider{padding-bottom:1.25rem;margin-bottom:1.25rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FormSectionComponent, isStandalone: true, selector: "app-form-section", inputs: { titulo: "titulo", subtitulo: "subtitulo", dense: ["dense", "dense", booleanAttribute], divider: ["divider", "divider", booleanAttribute], variant: "variant", align: "align", maxWidth: "maxWidth", fullWidth: ["fullWidth", "fullWidth", booleanAttribute], radius: "radius", elevated: ["elevated", "elevated", booleanAttribute] }, host: { properties: { "class": "this.hostClass", "style.max-width": "this.hostMaxWidth", "style.margin-inline": "this.hostMarginInline" } }, ngImport: i0, template: "@if (showHeader) {\r\n<header class=\"form-section__header\">\r\n  @if (titulo.trim()) {\r\n  <h2 class=\"form-section__title\">{{ titulo }}</h2>\r\n  }\r\n  @if (subtitulo.trim()) {\r\n  <p class=\"form-section__subtitle\">{{ subtitulo }}</p>\r\n  }\r\n</header>\r\n}\r\n<div class=\"form-section__content form-section__body\">\r\n  <ng-content />\r\n</div>", styles: ["@charset \"UTF-8\";:host{display:block;width:100%;min-width:0;box-sizing:border-box}.form-section{width:100%;min-width:0;box-sizing:border-box}.form-section__header{margin:0 0 1.25rem;padding:0}.form-section__title{margin:0 0 .35rem;font-size:1.25rem;font-weight:600;line-height:1.3;color:#000}.form-section__subtitle{margin:0;font-size:.9rem;line-height:1.45;color:var(--app-color-text-muted, #525252)}.form-section__content,.form-section__body{display:flex;flex-direction:column;gap:1rem;min-width:0}:host.form-section--align-center .form-section__header{text-align:center}:host.form-section--inline{width:fit-content;max-width:100%}:host.form-section--panel,:host.form-section--card{--form-section-surface-border: var(--app-color-border-subtle, rgba(26, 47, 69, .12));--form-section-surface-bg: #fff;--form-section-surface-shadow: 0 .4rem 1.25rem rgba(15, 23, 42, .08);--form-section-surface-padding-x: 1rem;--form-section-surface-padding-y: 1rem;padding:var(--form-section-surface-padding-y) var(--form-section-surface-padding-x);border:1px solid var(--form-section-surface-border);background:var(--form-section-surface-bg);box-shadow:var(--form-section-surface-shadow)}:host.form-section--panel{--form-section-surface-shadow: 0 .15rem .45rem rgba(15, 23, 42, .04)}:host.form-section--card{--form-section-surface-padding-x: 1.25rem;--form-section-surface-padding-y: 1.25rem;--form-section-surface-shadow: 0 .35rem 1rem rgba(15, 23, 42, .06)}:host.form-section--card.form-section--elevated{--form-section-surface-shadow: 0 .8rem 2rem -1.1rem rgba(15, 23, 42, .28)}:host.form-section--radius-none{border-radius:0}:host.form-section--radius-sm{border-radius:var(--radius-sm, 8px)}:host.form-section--radius-md{border-radius:var(--radius-md, 12px)}:host.form-section--radius-lg{border-radius:var(--radius-lg, 16px)}:host.form-section--radius-xl{border-radius:var(--radius-xl, 22px)}:host.form-section--dense .form-section__header{margin-bottom:.75rem}:host.form-section--dense .form-section__title{font-size:1.1rem}:host.form-section--dense .form-section__body{gap:.65rem}:host.form-section--dense.form-section--panel,:host.form-section--dense.form-section--card{--form-section-surface-padding-x: .85rem;--form-section-surface-padding-y: .85rem}:host.form-section--divider{padding-bottom:1.75rem;margin-bottom:1.75rem;border-bottom:1px solid #e5e5e5}:host.form-section--dense.form-section--divider{padding-bottom:1.25rem;margin-bottom:1.25rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormSectionComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-form-section', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (showHeader) {\r\n<header class=\"form-section__header\">\r\n  @if (titulo.trim()) {\r\n  <h2 class=\"form-section__title\">{{ titulo }}</h2>\r\n  }\r\n  @if (subtitulo.trim()) {\r\n  <p class=\"form-section__subtitle\">{{ subtitulo }}</p>\r\n  }\r\n</header>\r\n}\r\n<div class=\"form-section__content form-section__body\">\r\n  <ng-content />\r\n</div>", styles: [":host{display:block;width:100%;min-width:0;box-sizing:border-box}.form-section{width:100%;min-width:0;box-sizing:border-box}.form-section__header{margin:0 0 1.25rem;padding:0}.form-section__title{margin:0 0 .35rem;font-size:1.25rem;font-weight:600;line-height:1.3;color:var(--ui-field-label-color, #1a1a1a)}.form-section__subtitle{margin:0;font-size:.9rem;line-height:1.45;color:#525252}.form-section__content,.form-section__body{display:flex;flex-direction:column;gap:1rem;min-width:0}:host.form-section--align-center .form-section__header{text-align:center}:host.form-section--inline{width:fit-content;max-width:100%}:host.form-section--panel,:host.form-section--card{--form-section-surface-border: var(--app-color-border-subtle, rgba(26, 47, 69, .12));--form-section-surface-bg: var(--app-color-surface, #ffffff);--form-section-surface-shadow: 0 .4rem 1.25rem rgba(15, 23, 42, .08);--form-section-surface-padding-x: 1rem;--form-section-surface-padding-y: 1rem;padding:var(--form-section-surface-padding-y) var(--form-section-surface-padding-x);border:1px solid var(--form-section-surface-border);background:var(--form-section-surface-bg);box-shadow:var(--form-section-surface-shadow)}:host.form-section--panel{--form-section-surface-bg: color-mix( in srgb, var(--app-color-surface, #ffffff) 90%, var(--app-color-background, #f6f7f9) 10% );--form-section-surface-shadow: 0 .15rem .45rem rgba(15, 23, 42, .04)}:host.form-section--card{--form-section-surface-padding-x: 1.25rem;--form-section-surface-padding-y: 1.25rem;--form-section-surface-shadow: 0 .35rem 1rem rgba(15, 23, 42, .06)}:host.form-section--card.form-section--elevated{--form-section-surface-shadow: 0 .8rem 2rem -1.1rem rgba(15, 23, 42, .28)}:host.form-section--radius-none{border-radius:0}:host.form-section--radius-sm{border-radius:var(--radius-sm, 8px)}:host.form-section--radius-md{border-radius:var(--radius-md, 12px)}:host.form-section--radius-lg{border-radius:var(--radius-lg, 16px)}:host.form-section--radius-xl{border-radius:var(--radius-xl, 22px)}:host.form-section--dense .form-section__header{margin-bottom:.75rem}:host.form-section--dense .form-section__title{font-size:1.1rem}:host.form-section--dense .form-section__body{gap:.65rem}:host.form-section--dense.form-section--panel,:host.form-section--dense.form-section--card{--form-section-surface-padding-x: .85rem;--form-section-surface-padding-y: .85rem}:host.form-section--divider{padding-bottom:1.75rem;margin-bottom:1.75rem;border-bottom:1px solid #e5e5e5}:host.form-section--dense.form-section--divider{padding-bottom:1.25rem;margin-bottom:1.25rem}\n"] }]
+            args: [{ selector: 'app-form-section', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (showHeader) {\r\n<header class=\"form-section__header\">\r\n  @if (titulo.trim()) {\r\n  <h2 class=\"form-section__title\">{{ titulo }}</h2>\r\n  }\r\n  @if (subtitulo.trim()) {\r\n  <p class=\"form-section__subtitle\">{{ subtitulo }}</p>\r\n  }\r\n</header>\r\n}\r\n<div class=\"form-section__content form-section__body\">\r\n  <ng-content />\r\n</div>", styles: ["@charset \"UTF-8\";:host{display:block;width:100%;min-width:0;box-sizing:border-box}.form-section{width:100%;min-width:0;box-sizing:border-box}.form-section__header{margin:0 0 1.25rem;padding:0}.form-section__title{margin:0 0 .35rem;font-size:1.25rem;font-weight:600;line-height:1.3;color:#000}.form-section__subtitle{margin:0;font-size:.9rem;line-height:1.45;color:var(--app-color-text-muted, #525252)}.form-section__content,.form-section__body{display:flex;flex-direction:column;gap:1rem;min-width:0}:host.form-section--align-center .form-section__header{text-align:center}:host.form-section--inline{width:fit-content;max-width:100%}:host.form-section--panel,:host.form-section--card{--form-section-surface-border: var(--app-color-border-subtle, rgba(26, 47, 69, .12));--form-section-surface-bg: #fff;--form-section-surface-shadow: 0 .4rem 1.25rem rgba(15, 23, 42, .08);--form-section-surface-padding-x: 1rem;--form-section-surface-padding-y: 1rem;padding:var(--form-section-surface-padding-y) var(--form-section-surface-padding-x);border:1px solid var(--form-section-surface-border);background:var(--form-section-surface-bg);box-shadow:var(--form-section-surface-shadow)}:host.form-section--panel{--form-section-surface-shadow: 0 .15rem .45rem rgba(15, 23, 42, .04)}:host.form-section--card{--form-section-surface-padding-x: 1.25rem;--form-section-surface-padding-y: 1.25rem;--form-section-surface-shadow: 0 .35rem 1rem rgba(15, 23, 42, .06)}:host.form-section--card.form-section--elevated{--form-section-surface-shadow: 0 .8rem 2rem -1.1rem rgba(15, 23, 42, .28)}:host.form-section--radius-none{border-radius:0}:host.form-section--radius-sm{border-radius:var(--radius-sm, 8px)}:host.form-section--radius-md{border-radius:var(--radius-md, 12px)}:host.form-section--radius-lg{border-radius:var(--radius-lg, 16px)}:host.form-section--radius-xl{border-radius:var(--radius-xl, 22px)}:host.form-section--dense .form-section__header{margin-bottom:.75rem}:host.form-section--dense .form-section__title{font-size:1.1rem}:host.form-section--dense .form-section__body{gap:.65rem}:host.form-section--dense.form-section--panel,:host.form-section--dense.form-section--card{--form-section-surface-padding-x: .85rem;--form-section-surface-padding-y: .85rem}:host.form-section--divider{padding-bottom:1.75rem;margin-bottom:1.75rem;border-bottom:1px solid #e5e5e5}:host.form-section--dense.form-section--divider{padding-bottom:1.25rem;margin-bottom:1.25rem}\n"] }]
         }], propDecorators: { titulo: [{
                 type: Input,
                 args: [{ required: true }]
@@ -8225,11 +8227,11 @@ class FormTabsComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FormTabsComponent, isStandalone: true, selector: "app-form-tabs", inputs: { activeKey: "activeKey", keepAlive: ["keepAlive", "keepAlive", booleanAttribute], stretch: ["stretch", "stretch", booleanAttribute], variant: "variant", tablistAriaLabel: "tablistAriaLabel" }, outputs: { activeKeyChange: "activeKeyChange" }, queries: [{ propertyName: "tabQuery", predicate: i0.forwardRef(() => FormTabComponent) }], ngImport: i0, template: "<div [class]=\"hostClass\">\n  <div class=\"form-tabs__shell\">\n    <div class=\"form-tabs__header-scroll\">\n      <div\n        class=\"form-tabs__tablist\"\n        role=\"tablist\"\n        [attr.aria-label]=\"tablistAriaLabel\"\n      >\n        @for (tab of tabs; track tab.key) {\n          <button\n            type=\"button\"\n            class=\"form-tabs__tab\"\n            role=\"tab\"\n            [id]=\"headerIdFor(tab.key)\"\n            [attr.aria-selected]=\"isSelected(tab.key)\"\n            [attr.aria-controls]=\"panelIdFor(tab.key)\"\n            [attr.tabindex]=\"isSelected(tab.key) ? 0 : -1\"\n            [disabled]=\"tab.disabled\"\n            [class.form-tabs__tab--active]=\"isSelected(tab.key)\"\n            [class.form-tabs__tab--warn]=\"tab.warning\"\n            (click)=\"selectTab(tab.key)\"\n          >\n            <span class=\"form-tabs__tab-label\">{{ tab.tabTitle }}</span>\n            @if (tab.warning) {\n              <span\n                class=\"form-tabs__tab-warn-icon\"\n                aria-hidden=\"true\"\n                title=\"Existem erros nesta se\u00E7\u00E3o\"\n              >\n                <i class=\"fa-solid fa-triangle-exclamation\"></i>\n              </span>\n            }\n          </button>\n        }\n      </div>\n    </div>\n    <div class=\"form-tabs__panels\">\n      <ng-content select=\"app-form-tab\" />\n    </div>\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";:host{display:block;width:100%;box-sizing:border-box}.form-tabs{display:flex;flex-direction:column;width:100%;box-sizing:border-box}.form-tabs__shell{display:flex;flex-direction:column;gap:0;width:100%;padding:.7rem .85rem .85rem;border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09));border-radius:16px;background:var(--app-color-surface, #fff);box-sizing:border-box;box-shadow:0 1px 4px var(--app-color-shell-shadow, rgba(26, 47, 69, .05))}.form-tabs__header-scroll{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;box-sizing:border-box;padding:.2rem .1rem .55rem}.form-tabs__tablist{display:inline-flex;flex-wrap:nowrap;gap:.5rem;min-width:min-content;box-sizing:border-box}.form-tabs--stretch .form-tabs__tablist{width:100%}.form-tabs--stretch .form-tabs__tab{flex:1 1 0;justify-content:center}.form-tabs__tab{display:inline-flex;align-items:center;gap:.4rem;flex-shrink:0;margin:0;padding:.52rem 1rem;border:1px solid var(--app-color-tab-inactive-border, rgba(182, 204, 229, .75));border-radius:11px;background:var(--app-color-tab-inactive-bg, #f3f6f9);color:var(--app-color-tab-inactive-text, #51667a);font-size:.94rem;font-weight:500;font-family:inherit;line-height:1.25;cursor:pointer;white-space:nowrap;user-select:none;-webkit-user-select:none;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.form-tabs__tab:hover:not(:disabled):not(.form-tabs__tab--active){border-color:var(--app-color-tab-hover-border, rgba(43, 127, 217, .42));background:var(--app-color-tab-hover-bg, #eef3f8);color:var(--app-color-text-primary, #3d5266)}.form-tabs__tab:focus,.form-tabs__tab:focus-visible{outline:none}.form-tabs__tab:disabled{opacity:.55;cursor:not-allowed}.form-tabs__tab--active{border-color:var(--ui-field-float-border-focus, #2b7fd9);background:var(--app-color-surface, #fff);color:var(--ui-field-float-input-text, #0f1b28);font-weight:600;box-shadow:0 2px 8px var(--app-color-tab-shadow, rgba(43, 127, 217, .14)),0 0 0 1px var(--app-color-primary-muted, rgba(43, 127, 217, .07))}.form-tabs__tab--active:hover:not(:disabled){border-color:var(--ui-field-float-border-focus, #2b7fd9);box-shadow:0 3px 10px var(--app-color-tab-shadow, rgba(43, 127, 217, .16)),0 0 0 1px var(--app-color-primary-muted, rgba(43, 127, 217, .08))}.form-tabs__tab-label{max-width:14rem;overflow:hidden;text-overflow:ellipsis}.form-tabs__tab-warn-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--ui-field-input-invalid-border, #b91c1c);font-size:.82rem;flex-shrink:0}.form-tabs__panels{position:relative;width:100%;min-width:0;box-sizing:border-box;margin-top:.1rem;padding-top:.75rem;border-top:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .06))}.form-tabs--pill .form-tabs__tab{border-radius:999px;padding-inline:1.15rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FormTabsComponent, isStandalone: true, selector: "app-form-tabs", inputs: { activeKey: "activeKey", keepAlive: ["keepAlive", "keepAlive", booleanAttribute], stretch: ["stretch", "stretch", booleanAttribute], variant: "variant", tablistAriaLabel: "tablistAriaLabel" }, outputs: { activeKeyChange: "activeKeyChange" }, queries: [{ propertyName: "tabQuery", predicate: i0.forwardRef(() => FormTabComponent) }], ngImport: i0, template: "<div [class]=\"hostClass\">\n  <div class=\"form-tabs__shell\">\n    <div class=\"form-tabs__header-scroll\">\n      <div\n        class=\"form-tabs__tablist\"\n        role=\"tablist\"\n        [attr.aria-label]=\"tablistAriaLabel\"\n      >\n        @for (tab of tabs; track tab.key) {\n          <button\n            type=\"button\"\n            class=\"form-tabs__tab\"\n            role=\"tab\"\n            [id]=\"headerIdFor(tab.key)\"\n            [attr.aria-selected]=\"isSelected(tab.key)\"\n            [attr.aria-controls]=\"panelIdFor(tab.key)\"\n            [attr.tabindex]=\"isSelected(tab.key) ? 0 : -1\"\n            [disabled]=\"tab.disabled\"\n            [class.form-tabs__tab--active]=\"isSelected(tab.key)\"\n            [class.form-tabs__tab--warn]=\"tab.warning\"\n            (click)=\"selectTab(tab.key)\"\n          >\n            <span class=\"form-tabs__tab-label\">{{ tab.tabTitle }}</span>\n            @if (tab.warning) {\n              <span\n                class=\"form-tabs__tab-warn-icon\"\n                aria-hidden=\"true\"\n                title=\"Existem erros nesta se\u00E7\u00E3o\"\n              >\n                <i class=\"fa-solid fa-triangle-exclamation\"></i>\n              </span>\n            }\n          </button>\n        }\n      </div>\n    </div>\n    <div class=\"form-tabs__panels\">\n      <ng-content select=\"app-form-tab\" />\n    </div>\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";:host{display:block;width:100%;box-sizing:border-box}.form-tabs{display:flex;flex-direction:column;width:100%;box-sizing:border-box}.form-tabs__shell{display:flex;flex-direction:column;gap:0;width:100%;padding:.7rem .85rem .85rem;border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09));border-radius:16px;background:#fff;box-sizing:border-box;box-shadow:0 1px 4px var(--app-color-shell-shadow, rgba(26, 47, 69, .05))}.form-tabs__header-scroll{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;box-sizing:border-box;padding:.2rem .1rem .55rem}.form-tabs__tablist{display:inline-flex;flex-wrap:nowrap;gap:.5rem;min-width:min-content;box-sizing:border-box}.form-tabs--stretch .form-tabs__tablist{width:100%}.form-tabs--stretch .form-tabs__tab{flex:1 1 0;justify-content:center}.form-tabs__tab{display:inline-flex;align-items:center;gap:.4rem;flex-shrink:0;margin:0;padding:.52rem 1rem;border:1px solid var(--app-color-tab-inactive-border, rgba(182, 204, 229, .75));border-radius:11px;background:#fff;color:var(--app-color-tab-inactive-text, #51667a);font-size:.94rem;font-weight:500;font-family:inherit;line-height:1.25;cursor:pointer;white-space:nowrap;user-select:none;-webkit-user-select:none;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.form-tabs__tab:hover:not(:disabled):not(.form-tabs__tab--active){border-color:var(--app-color-tab-hover-border, rgba(43, 127, 217, .42));background:var(--app-color-tab-hover-bg, #eef3f8);color:var(--app-color-text-primary, #3d5266)}.form-tabs__tab:focus,.form-tabs__tab:focus-visible{outline:none}.form-tabs__tab:disabled{opacity:.55;cursor:not-allowed}.form-tabs__tab--active{border-color:var(--ui-field-float-border-focus, #2b7fd9);background:#fff;color:var(--ui-field-float-input-text, #0f1b28);font-weight:600;box-shadow:0 2px 8px var(--app-color-tab-shadow, rgba(43, 127, 217, .14)),0 0 0 1px var(--app-color-primary-muted, rgba(43, 127, 217, .07))}.form-tabs__tab--active:hover:not(:disabled){border-color:var(--ui-field-float-border-focus, #2b7fd9);box-shadow:0 3px 10px var(--app-color-tab-shadow, rgba(43, 127, 217, .16)),0 0 0 1px var(--app-color-primary-muted, rgba(43, 127, 217, .08))}.form-tabs__tab-label{max-width:14rem;overflow:hidden;text-overflow:ellipsis}.form-tabs__tab-warn-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--ui-field-input-invalid-border, #b91c1c);font-size:.82rem;flex-shrink:0}.form-tabs__panels{position:relative;width:100%;min-width:0;box-sizing:border-box;margin-top:.1rem;padding-top:.75rem;border-top:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .06))}.form-tabs--pill .form-tabs__tab{border-radius:999px;padding-inline:1.15rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormTabsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-form-tabs', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"hostClass\">\n  <div class=\"form-tabs__shell\">\n    <div class=\"form-tabs__header-scroll\">\n      <div\n        class=\"form-tabs__tablist\"\n        role=\"tablist\"\n        [attr.aria-label]=\"tablistAriaLabel\"\n      >\n        @for (tab of tabs; track tab.key) {\n          <button\n            type=\"button\"\n            class=\"form-tabs__tab\"\n            role=\"tab\"\n            [id]=\"headerIdFor(tab.key)\"\n            [attr.aria-selected]=\"isSelected(tab.key)\"\n            [attr.aria-controls]=\"panelIdFor(tab.key)\"\n            [attr.tabindex]=\"isSelected(tab.key) ? 0 : -1\"\n            [disabled]=\"tab.disabled\"\n            [class.form-tabs__tab--active]=\"isSelected(tab.key)\"\n            [class.form-tabs__tab--warn]=\"tab.warning\"\n            (click)=\"selectTab(tab.key)\"\n          >\n            <span class=\"form-tabs__tab-label\">{{ tab.tabTitle }}</span>\n            @if (tab.warning) {\n              <span\n                class=\"form-tabs__tab-warn-icon\"\n                aria-hidden=\"true\"\n                title=\"Existem erros nesta se\u00E7\u00E3o\"\n              >\n                <i class=\"fa-solid fa-triangle-exclamation\"></i>\n              </span>\n            }\n          </button>\n        }\n      </div>\n    </div>\n    <div class=\"form-tabs__panels\">\n      <ng-content select=\"app-form-tab\" />\n    </div>\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";:host{display:block;width:100%;box-sizing:border-box}.form-tabs{display:flex;flex-direction:column;width:100%;box-sizing:border-box}.form-tabs__shell{display:flex;flex-direction:column;gap:0;width:100%;padding:.7rem .85rem .85rem;border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09));border-radius:16px;background:var(--app-color-surface, #fff);box-sizing:border-box;box-shadow:0 1px 4px var(--app-color-shell-shadow, rgba(26, 47, 69, .05))}.form-tabs__header-scroll{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;box-sizing:border-box;padding:.2rem .1rem .55rem}.form-tabs__tablist{display:inline-flex;flex-wrap:nowrap;gap:.5rem;min-width:min-content;box-sizing:border-box}.form-tabs--stretch .form-tabs__tablist{width:100%}.form-tabs--stretch .form-tabs__tab{flex:1 1 0;justify-content:center}.form-tabs__tab{display:inline-flex;align-items:center;gap:.4rem;flex-shrink:0;margin:0;padding:.52rem 1rem;border:1px solid var(--app-color-tab-inactive-border, rgba(182, 204, 229, .75));border-radius:11px;background:var(--app-color-tab-inactive-bg, #f3f6f9);color:var(--app-color-tab-inactive-text, #51667a);font-size:.94rem;font-weight:500;font-family:inherit;line-height:1.25;cursor:pointer;white-space:nowrap;user-select:none;-webkit-user-select:none;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.form-tabs__tab:hover:not(:disabled):not(.form-tabs__tab--active){border-color:var(--app-color-tab-hover-border, rgba(43, 127, 217, .42));background:var(--app-color-tab-hover-bg, #eef3f8);color:var(--app-color-text-primary, #3d5266)}.form-tabs__tab:focus,.form-tabs__tab:focus-visible{outline:none}.form-tabs__tab:disabled{opacity:.55;cursor:not-allowed}.form-tabs__tab--active{border-color:var(--ui-field-float-border-focus, #2b7fd9);background:var(--app-color-surface, #fff);color:var(--ui-field-float-input-text, #0f1b28);font-weight:600;box-shadow:0 2px 8px var(--app-color-tab-shadow, rgba(43, 127, 217, .14)),0 0 0 1px var(--app-color-primary-muted, rgba(43, 127, 217, .07))}.form-tabs__tab--active:hover:not(:disabled){border-color:var(--ui-field-float-border-focus, #2b7fd9);box-shadow:0 3px 10px var(--app-color-tab-shadow, rgba(43, 127, 217, .16)),0 0 0 1px var(--app-color-primary-muted, rgba(43, 127, 217, .08))}.form-tabs__tab-label{max-width:14rem;overflow:hidden;text-overflow:ellipsis}.form-tabs__tab-warn-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--ui-field-input-invalid-border, #b91c1c);font-size:.82rem;flex-shrink:0}.form-tabs__panels{position:relative;width:100%;min-width:0;box-sizing:border-box;margin-top:.1rem;padding-top:.75rem;border-top:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .06))}.form-tabs--pill .form-tabs__tab{border-radius:999px;padding-inline:1.15rem}\n"] }]
+            args: [{ selector: 'app-form-tabs', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"hostClass\">\n  <div class=\"form-tabs__shell\">\n    <div class=\"form-tabs__header-scroll\">\n      <div\n        class=\"form-tabs__tablist\"\n        role=\"tablist\"\n        [attr.aria-label]=\"tablistAriaLabel\"\n      >\n        @for (tab of tabs; track tab.key) {\n          <button\n            type=\"button\"\n            class=\"form-tabs__tab\"\n            role=\"tab\"\n            [id]=\"headerIdFor(tab.key)\"\n            [attr.aria-selected]=\"isSelected(tab.key)\"\n            [attr.aria-controls]=\"panelIdFor(tab.key)\"\n            [attr.tabindex]=\"isSelected(tab.key) ? 0 : -1\"\n            [disabled]=\"tab.disabled\"\n            [class.form-tabs__tab--active]=\"isSelected(tab.key)\"\n            [class.form-tabs__tab--warn]=\"tab.warning\"\n            (click)=\"selectTab(tab.key)\"\n          >\n            <span class=\"form-tabs__tab-label\">{{ tab.tabTitle }}</span>\n            @if (tab.warning) {\n              <span\n                class=\"form-tabs__tab-warn-icon\"\n                aria-hidden=\"true\"\n                title=\"Existem erros nesta se\u00E7\u00E3o\"\n              >\n                <i class=\"fa-solid fa-triangle-exclamation\"></i>\n              </span>\n            }\n          </button>\n        }\n      </div>\n    </div>\n    <div class=\"form-tabs__panels\">\n      <ng-content select=\"app-form-tab\" />\n    </div>\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";:host{display:block;width:100%;box-sizing:border-box}.form-tabs{display:flex;flex-direction:column;width:100%;box-sizing:border-box}.form-tabs__shell{display:flex;flex-direction:column;gap:0;width:100%;padding:.7rem .85rem .85rem;border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09));border-radius:16px;background:#fff;box-sizing:border-box;box-shadow:0 1px 4px var(--app-color-shell-shadow, rgba(26, 47, 69, .05))}.form-tabs__header-scroll{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;box-sizing:border-box;padding:.2rem .1rem .55rem}.form-tabs__tablist{display:inline-flex;flex-wrap:nowrap;gap:.5rem;min-width:min-content;box-sizing:border-box}.form-tabs--stretch .form-tabs__tablist{width:100%}.form-tabs--stretch .form-tabs__tab{flex:1 1 0;justify-content:center}.form-tabs__tab{display:inline-flex;align-items:center;gap:.4rem;flex-shrink:0;margin:0;padding:.52rem 1rem;border:1px solid var(--app-color-tab-inactive-border, rgba(182, 204, 229, .75));border-radius:11px;background:#fff;color:var(--app-color-tab-inactive-text, #51667a);font-size:.94rem;font-weight:500;font-family:inherit;line-height:1.25;cursor:pointer;white-space:nowrap;user-select:none;-webkit-user-select:none;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.form-tabs__tab:hover:not(:disabled):not(.form-tabs__tab--active){border-color:var(--app-color-tab-hover-border, rgba(43, 127, 217, .42));background:var(--app-color-tab-hover-bg, #eef3f8);color:var(--app-color-text-primary, #3d5266)}.form-tabs__tab:focus,.form-tabs__tab:focus-visible{outline:none}.form-tabs__tab:disabled{opacity:.55;cursor:not-allowed}.form-tabs__tab--active{border-color:var(--ui-field-float-border-focus, #2b7fd9);background:#fff;color:var(--ui-field-float-input-text, #0f1b28);font-weight:600;box-shadow:0 2px 8px var(--app-color-tab-shadow, rgba(43, 127, 217, .14)),0 0 0 1px var(--app-color-primary-muted, rgba(43, 127, 217, .07))}.form-tabs__tab--active:hover:not(:disabled){border-color:var(--ui-field-float-border-focus, #2b7fd9);box-shadow:0 3px 10px var(--app-color-tab-shadow, rgba(43, 127, 217, .16)),0 0 0 1px var(--app-color-primary-muted, rgba(43, 127, 217, .08))}.form-tabs__tab-label{max-width:14rem;overflow:hidden;text-overflow:ellipsis}.form-tabs__tab-warn-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--ui-field-input-invalid-border, #b91c1c);font-size:.82rem;flex-shrink:0}.form-tabs__panels{position:relative;width:100%;min-width:0;box-sizing:border-box;margin-top:.1rem;padding-top:.75rem;border-top:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .06))}.form-tabs--pill .form-tabs__tab{border-radius:999px;padding-inline:1.15rem}\n"] }]
         }], propDecorators: { tabQuery: [{
                 type: ContentChildren,
                 args: [forwardRef(() => FormTabComponent), { descendants: false }]
@@ -8581,11 +8583,11 @@ class DataCardComponent {
         this.remove.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DataCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: DataCardComponent, isStandalone: true, selector: "app-data-card", inputs: { title: "title", subtitle: "subtitle", avatarText: "avatarText", variant: "variant", showActions: "showActions" }, outputs: { edit: "edit", remove: "remove" }, ngImport: i0, template: "<article\r\n  class=\"data-card\"\r\n  [class.data-card--default]=\"variant === 'default'\"\r\n  [attr.data-variant]=\"variant\"\r\n>\r\n  <div class=\"data-card__row\">\r\n    <div class=\"data-card__main\">\r\n      @if (avatarText?.trim()) {\r\n      <div class=\"data-card__avatar\" aria-hidden=\"true\">\r\n        {{ avatarText!.trim().slice(0, 2) }}\r\n      </div>\r\n      }\r\n      <div class=\"data-card__text\">\r\n        <h4 class=\"data-card__title\">{{ title }}</h4>\r\n        @if (subtitle?.trim()) {\r\n        <p class=\"data-card__subtitle\">{{ subtitle }}</p>\r\n        }\r\n      </div>\r\n    </div>\r\n    @if (showActions) {\r\n    <div class=\"data-card__actions\">\r\n      <button\r\n        type=\"button\"\r\n        class=\"data-card__icon-btn\"\r\n        title=\"Editar\"\r\n        aria-label=\"Editar\"\r\n        (click)=\"onEditClick($event)\"\r\n      >\r\n        <span class=\"fa-solid fa-arrows-rotate\" aria-hidden=\"true\"></span>\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        class=\"data-card__icon-btn data-card__icon-btn--danger\"\r\n        title=\"Remover\"\r\n        aria-label=\"Remover\"\r\n        (click)=\"onRemoveClick($event)\"\r\n      >\r\n        <span class=\"fa-solid fa-trash-can\" aria-hidden=\"true\"></span>\r\n      </button>\r\n    </div>\r\n    }\r\n  </div>\r\n</article>\r\n", styles: [":host{display:block;min-width:0}.data-card{box-sizing:border-box;border-radius:10px;border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .1));background:var(--app-color-surface, #fff);padding:.85rem 1rem;transition:border-color .15s ease,box-shadow .15s ease}.data-card--default:hover{border-color:var(--app-color-selected-border, rgba(43, 127, 217, .28));box-shadow:0 1px 0 var(--app-color-border-subtle, rgba(26, 47, 69, .04))}.data-card__row{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.data-card__main{display:flex;align-items:flex-start;gap:.65rem;min-width:0;flex:1}.data-card__avatar{flex-shrink:0;width:2.35rem;height:2.35rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;letter-spacing:.02em;color:var(--app-color-text-primary, #2a4a66);background:linear-gradient(145deg,var(--app-color-avatar-gradient-start, rgba(43, 127, 217, .14)),var(--app-color-avatar-gradient-end, rgba(26, 47, 69, .06)));border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .08));text-transform:uppercase}.data-card__text{min-width:0}.data-card__title{margin:0;font-size:.95rem;font-weight:600;line-height:1.3;color:var(--ui-field-float-input-text, #0f1b28);word-break:break-word}.data-card__subtitle{margin:.2rem 0 0;font-size:.8rem;line-height:1.35;color:var(--app-color-text-muted, #5a6e82)}.data-card__actions{display:flex;flex-shrink:0;align-items:center;gap:.35rem}.data-card__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;min-width:2rem;height:2rem;margin:0;padding:0;border:1px solid rgba(43,127,217,.45);border-radius:6px;background:#fff;color:var(--ui-field-float-border-focus, #2b7fd9);font-size:.95rem;line-height:1;cursor:pointer;transition:background .15s ease,border-color .15s ease}.data-card__icon-btn:hover{background:#2b7fd914}.data-card__icon-btn:focus-visible{outline:2px solid var(--ui-field-float-border-focus, #2b7fd9);outline-offset:2px}.data-card__icon-btn--danger{border-color:#b71c1c73;color:var(--ui-field-input-invalid-border, #b91c1c)}.data-card__icon-btn--danger:hover{background:#b71c1c0f}.data-card__icon-btn--danger:focus-visible{outline-color:var(--ui-field-input-invalid-border, #b91c1c)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: DataCardComponent, isStandalone: true, selector: "app-data-card", inputs: { title: "title", subtitle: "subtitle", avatarText: "avatarText", variant: "variant", showActions: "showActions" }, outputs: { edit: "edit", remove: "remove" }, ngImport: i0, template: "<article\r\n  class=\"data-card\"\r\n  [class.data-card--default]=\"variant === 'default'\"\r\n  [attr.data-variant]=\"variant\"\r\n>\r\n  <div class=\"data-card__row\">\r\n    <div class=\"data-card__main\">\r\n      @if (avatarText?.trim()) {\r\n      <div class=\"data-card__avatar\" aria-hidden=\"true\">\r\n        {{ avatarText!.trim().slice(0, 2) }}\r\n      </div>\r\n      }\r\n      <div class=\"data-card__text\">\r\n        <h4 class=\"data-card__title\">{{ title }}</h4>\r\n        @if (subtitle?.trim()) {\r\n        <p class=\"data-card__subtitle\">{{ subtitle }}</p>\r\n        }\r\n      </div>\r\n    </div>\r\n    @if (showActions) {\r\n    <div class=\"data-card__actions\">\r\n      <button\r\n        type=\"button\"\r\n        class=\"data-card__icon-btn\"\r\n        title=\"Editar\"\r\n        aria-label=\"Editar\"\r\n        (click)=\"onEditClick($event)\"\r\n      >\r\n        <span class=\"fa-solid fa-arrows-rotate\" aria-hidden=\"true\"></span>\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        class=\"data-card__icon-btn data-card__icon-btn--danger\"\r\n        title=\"Remover\"\r\n        aria-label=\"Remover\"\r\n        (click)=\"onRemoveClick($event)\"\r\n      >\r\n        <span class=\"fa-solid fa-trash-can\" aria-hidden=\"true\"></span>\r\n      </button>\r\n    </div>\r\n    }\r\n  </div>\r\n</article>\r\n", styles: ["@charset \"UTF-8\";:host{display:block;min-width:0}.data-card{box-sizing:border-box;border-radius:10px;border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .1));background:#fff;padding:.85rem 1rem;transition:border-color .15s ease,box-shadow .15s ease}.data-card--default:hover{border-color:var(--app-color-selected-border, rgba(43, 127, 217, .28));box-shadow:0 1px 0 var(--app-color-border-subtle, rgba(26, 47, 69, .04))}.data-card__row{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.data-card__main{display:flex;align-items:flex-start;gap:.65rem;min-width:0;flex:1}.data-card__avatar{flex-shrink:0;width:2.35rem;height:2.35rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;letter-spacing:.02em;color:var(--app-color-text-primary, #2a4a66);background:linear-gradient(145deg,var(--app-color-avatar-gradient-start, rgba(43, 127, 217, .14)),var(--app-color-avatar-gradient-end, rgba(26, 47, 69, .06)));border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .08));text-transform:uppercase}.data-card__text{min-width:0}.data-card__title{margin:0;font-size:.95rem;font-weight:600;line-height:1.3;color:var(--ui-field-float-input-text, #0f1b28);word-break:break-word}.data-card__subtitle{margin:.2rem 0 0;font-size:.8rem;line-height:1.35;color:var(--app-color-text-muted, #5a6e82)}.data-card__actions{display:flex;flex-shrink:0;align-items:center;gap:.35rem}.data-card__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;min-width:2rem;height:2rem;margin:0;padding:0;border:1px solid rgba(43,127,217,.45);border-radius:6px;background:#fff;color:var(--ui-field-float-border-focus, #2b7fd9);font-size:.95rem;line-height:1;cursor:pointer;transition:background .15s ease,border-color .15s ease}.data-card__icon-btn:hover{background:#2b7fd914}.data-card__icon-btn:focus-visible{outline:2px solid var(--ui-field-float-border-focus, #2b7fd9);outline-offset:2px}.data-card__icon-btn--danger{border-color:#b71c1c73;color:var(--ui-field-input-invalid-border, #b91c1c)}.data-card__icon-btn--danger:hover{background:#b71c1c0f}.data-card__icon-btn--danger:focus-visible{outline-color:var(--ui-field-input-invalid-border, #b91c1c)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DataCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-data-card', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<article\r\n  class=\"data-card\"\r\n  [class.data-card--default]=\"variant === 'default'\"\r\n  [attr.data-variant]=\"variant\"\r\n>\r\n  <div class=\"data-card__row\">\r\n    <div class=\"data-card__main\">\r\n      @if (avatarText?.trim()) {\r\n      <div class=\"data-card__avatar\" aria-hidden=\"true\">\r\n        {{ avatarText!.trim().slice(0, 2) }}\r\n      </div>\r\n      }\r\n      <div class=\"data-card__text\">\r\n        <h4 class=\"data-card__title\">{{ title }}</h4>\r\n        @if (subtitle?.trim()) {\r\n        <p class=\"data-card__subtitle\">{{ subtitle }}</p>\r\n        }\r\n      </div>\r\n    </div>\r\n    @if (showActions) {\r\n    <div class=\"data-card__actions\">\r\n      <button\r\n        type=\"button\"\r\n        class=\"data-card__icon-btn\"\r\n        title=\"Editar\"\r\n        aria-label=\"Editar\"\r\n        (click)=\"onEditClick($event)\"\r\n      >\r\n        <span class=\"fa-solid fa-arrows-rotate\" aria-hidden=\"true\"></span>\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        class=\"data-card__icon-btn data-card__icon-btn--danger\"\r\n        title=\"Remover\"\r\n        aria-label=\"Remover\"\r\n        (click)=\"onRemoveClick($event)\"\r\n      >\r\n        <span class=\"fa-solid fa-trash-can\" aria-hidden=\"true\"></span>\r\n      </button>\r\n    </div>\r\n    }\r\n  </div>\r\n</article>\r\n", styles: [":host{display:block;min-width:0}.data-card{box-sizing:border-box;border-radius:10px;border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .1));background:var(--app-color-surface, #fff);padding:.85rem 1rem;transition:border-color .15s ease,box-shadow .15s ease}.data-card--default:hover{border-color:var(--app-color-selected-border, rgba(43, 127, 217, .28));box-shadow:0 1px 0 var(--app-color-border-subtle, rgba(26, 47, 69, .04))}.data-card__row{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.data-card__main{display:flex;align-items:flex-start;gap:.65rem;min-width:0;flex:1}.data-card__avatar{flex-shrink:0;width:2.35rem;height:2.35rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;letter-spacing:.02em;color:var(--app-color-text-primary, #2a4a66);background:linear-gradient(145deg,var(--app-color-avatar-gradient-start, rgba(43, 127, 217, .14)),var(--app-color-avatar-gradient-end, rgba(26, 47, 69, .06)));border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .08));text-transform:uppercase}.data-card__text{min-width:0}.data-card__title{margin:0;font-size:.95rem;font-weight:600;line-height:1.3;color:var(--ui-field-float-input-text, #0f1b28);word-break:break-word}.data-card__subtitle{margin:.2rem 0 0;font-size:.8rem;line-height:1.35;color:var(--app-color-text-muted, #5a6e82)}.data-card__actions{display:flex;flex-shrink:0;align-items:center;gap:.35rem}.data-card__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;min-width:2rem;height:2rem;margin:0;padding:0;border:1px solid rgba(43,127,217,.45);border-radius:6px;background:#fff;color:var(--ui-field-float-border-focus, #2b7fd9);font-size:.95rem;line-height:1;cursor:pointer;transition:background .15s ease,border-color .15s ease}.data-card__icon-btn:hover{background:#2b7fd914}.data-card__icon-btn:focus-visible{outline:2px solid var(--ui-field-float-border-focus, #2b7fd9);outline-offset:2px}.data-card__icon-btn--danger{border-color:#b71c1c73;color:var(--ui-field-input-invalid-border, #b91c1c)}.data-card__icon-btn--danger:hover{background:#b71c1c0f}.data-card__icon-btn--danger:focus-visible{outline-color:var(--ui-field-input-invalid-border, #b91c1c)}\n"] }]
+            args: [{ selector: 'app-data-card', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<article\r\n  class=\"data-card\"\r\n  [class.data-card--default]=\"variant === 'default'\"\r\n  [attr.data-variant]=\"variant\"\r\n>\r\n  <div class=\"data-card__row\">\r\n    <div class=\"data-card__main\">\r\n      @if (avatarText?.trim()) {\r\n      <div class=\"data-card__avatar\" aria-hidden=\"true\">\r\n        {{ avatarText!.trim().slice(0, 2) }}\r\n      </div>\r\n      }\r\n      <div class=\"data-card__text\">\r\n        <h4 class=\"data-card__title\">{{ title }}</h4>\r\n        @if (subtitle?.trim()) {\r\n        <p class=\"data-card__subtitle\">{{ subtitle }}</p>\r\n        }\r\n      </div>\r\n    </div>\r\n    @if (showActions) {\r\n    <div class=\"data-card__actions\">\r\n      <button\r\n        type=\"button\"\r\n        class=\"data-card__icon-btn\"\r\n        title=\"Editar\"\r\n        aria-label=\"Editar\"\r\n        (click)=\"onEditClick($event)\"\r\n      >\r\n        <span class=\"fa-solid fa-arrows-rotate\" aria-hidden=\"true\"></span>\r\n      </button>\r\n      <button\r\n        type=\"button\"\r\n        class=\"data-card__icon-btn data-card__icon-btn--danger\"\r\n        title=\"Remover\"\r\n        aria-label=\"Remover\"\r\n        (click)=\"onRemoveClick($event)\"\r\n      >\r\n        <span class=\"fa-solid fa-trash-can\" aria-hidden=\"true\"></span>\r\n      </button>\r\n    </div>\r\n    }\r\n  </div>\r\n</article>\r\n", styles: ["@charset \"UTF-8\";:host{display:block;min-width:0}.data-card{box-sizing:border-box;border-radius:10px;border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .1));background:#fff;padding:.85rem 1rem;transition:border-color .15s ease,box-shadow .15s ease}.data-card--default:hover{border-color:var(--app-color-selected-border, rgba(43, 127, 217, .28));box-shadow:0 1px 0 var(--app-color-border-subtle, rgba(26, 47, 69, .04))}.data-card__row{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.data-card__main{display:flex;align-items:flex-start;gap:.65rem;min-width:0;flex:1}.data-card__avatar{flex-shrink:0;width:2.35rem;height:2.35rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;letter-spacing:.02em;color:var(--app-color-text-primary, #2a4a66);background:linear-gradient(145deg,var(--app-color-avatar-gradient-start, rgba(43, 127, 217, .14)),var(--app-color-avatar-gradient-end, rgba(26, 47, 69, .06)));border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .08));text-transform:uppercase}.data-card__text{min-width:0}.data-card__title{margin:0;font-size:.95rem;font-weight:600;line-height:1.3;color:var(--ui-field-float-input-text, #0f1b28);word-break:break-word}.data-card__subtitle{margin:.2rem 0 0;font-size:.8rem;line-height:1.35;color:var(--app-color-text-muted, #5a6e82)}.data-card__actions{display:flex;flex-shrink:0;align-items:center;gap:.35rem}.data-card__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;min-width:2rem;height:2rem;margin:0;padding:0;border:1px solid rgba(43,127,217,.45);border-radius:6px;background:#fff;color:var(--ui-field-float-border-focus, #2b7fd9);font-size:.95rem;line-height:1;cursor:pointer;transition:background .15s ease,border-color .15s ease}.data-card__icon-btn:hover{background:#2b7fd914}.data-card__icon-btn:focus-visible{outline:2px solid var(--ui-field-float-border-focus, #2b7fd9);outline-offset:2px}.data-card__icon-btn--danger{border-color:#b71c1c73;color:var(--ui-field-input-invalid-border, #b91c1c)}.data-card__icon-btn--danger:hover{background:#b71c1c0f}.data-card__icon-btn--danger:focus-visible{outline-color:var(--ui-field-input-invalid-border, #b91c1c)}\n"] }]
         }], propDecorators: { title: [{
                 type: Input,
                 args: [{ required: true }]
@@ -8787,11 +8789,11 @@ class CardListComponent {
         this.cdr.markForCheck();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CardListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: CardListComponent, isStandalone: true, selector: "app-card-list", inputs: { items: "items", loading: "loading", loadingMore: ["loadingMore", "loadingMore", booleanAttribute], emptyMessage: "emptyMessage", variant: "variant", mapItem: "mapItem", showItemActions: "showItemActions", trackByProp: "trackByProp", dataMode: "dataMode", scrollBatchSize: "scrollBatchSize", scrollLoadThresholdPx: "scrollLoadThresholdPx", showFooter: "showFooter", scrollMaxHeight: "scrollMaxHeight", totalCountRemote: "totalCountRemote", hasNextPage: "hasNextPage" }, outputs: { loadMore: "loadMore", edit: "edit", remove: "remove" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"card-list\" [attr.data-variant]=\"variant\">\r\n  @if (showFullSkeleton) {\r\n  <div class=\"card-list__body\" role=\"status\" aria-live=\"polite\" aria-busy=\"true\">\r\n    <span class=\"card-list__visually-hidden\">A carregar lista\u2026</span>\r\n    <div class=\"card-list__scroll\" [ngStyle]=\"scrollAreaStyle\">\r\n      <div class=\"card-list__stack\">\r\n        @for (_ of skeletonCardIndices(); track $index) {\r\n        <app-skeleton-card [showActions]=\"showItemActions\" />\r\n        }\r\n      </div>\r\n    </div>\r\n  </div>\r\n  }\r\n\r\n  @if (!showFullSkeleton && totalItemCount === 0 && !loadingMore) {\r\n  <app-empty-state [message]=\"emptyMessage\" />\r\n  }\r\n\r\n  @if (!showFullSkeleton && totalItemCount > 0) {\r\n  <div class=\"card-list__body\">\r\n    <div class=\"card-list__scroll\" [ngStyle]=\"scrollAreaStyle\" (scroll)=\"onScroll($event)\"\r\n      [attr.aria-busy]=\"loadingMore ? true : null\">\r\n      <div class=\"card-list__stack\">\r\n        @for (item of visibleItems; track trackFn($index, item)) {\r\n        <app-data-card [title]=\"viewFor(item).title\" [subtitle]=\"viewFor(item).subtitle\"\r\n          [avatarText]=\"viewFor(item).avatarText\" [variant]=\"variant\" [showActions]=\"showItemActions\"\r\n          (edit)=\"edit.emit(item)\" (remove)=\"remove.emit(item)\" />\r\n        }\r\n        @if (loadingMore) {\r\n        <span class=\"card-list__visually-hidden\">A carregar mais itens\u2026</span>\r\n        @for (_ of skeletonTailIndices(); track $index) {\r\n        <app-skeleton-card [showActions]=\"showItemActions\" />\r\n        }\r\n        }\r\n      </div>\r\n    </div>\r\n\r\n    @if (showFooter) {\r\n    <div class=\"card-list__status\" role=\"status\" aria-live=\"polite\">\r\n      <span class=\"card-list__status-text\">{{ scrollStatusLabel }}</span>\r\n    </div>\r\n    }\r\n  </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block;width:100%;min-width:0}.card-list{position:relative;width:100%;min-height:5rem;box-sizing:border-box;border-radius:10px;border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09));background:var(--app-color-surface, #fff);overflow:hidden}.card-list__body{display:flex;flex-direction:column;min-width:0}.card-list__scroll{min-height:0;box-sizing:border-box;-webkit-overflow-scrolling:touch}.card-list__stack{display:flex;flex-direction:column;gap:.75rem;padding:.75rem;box-sizing:border-box}.card-list__status{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem .75rem;padding:.45rem .75rem .55rem;border-top:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .08));font-size:.8rem;color:var(--app-color-tab-inactive-text, #51667a);background:var(--app-color-background, #fafbfc)}.card-list__status-text{font-weight:500}.card-list__status-hint{font-size:.78rem;color:var(--app-color-text-muted, #6b8299)}.card-list__visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: DataCardComponent, selector: "app-data-card", inputs: ["title", "subtitle", "avatarText", "variant", "showActions"], outputs: ["edit", "remove"] }, { kind: "component", type: EmptyStateComponent, selector: "app-empty-state", inputs: ["message", "description", "iconClass", "variant", "embed"] }, { kind: "component", type: SkeletonCardComponent, selector: "app-skeleton-card", inputs: ["showActions", "animate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: CardListComponent, isStandalone: true, selector: "app-card-list", inputs: { items: "items", loading: "loading", loadingMore: ["loadingMore", "loadingMore", booleanAttribute], emptyMessage: "emptyMessage", variant: "variant", mapItem: "mapItem", showItemActions: "showItemActions", trackByProp: "trackByProp", dataMode: "dataMode", scrollBatchSize: "scrollBatchSize", scrollLoadThresholdPx: "scrollLoadThresholdPx", showFooter: "showFooter", scrollMaxHeight: "scrollMaxHeight", totalCountRemote: "totalCountRemote", hasNextPage: "hasNextPage" }, outputs: { loadMore: "loadMore", edit: "edit", remove: "remove" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"card-list\" [attr.data-variant]=\"variant\">\r\n  @if (showFullSkeleton) {\r\n  <div class=\"card-list__body\" role=\"status\" aria-live=\"polite\" aria-busy=\"true\">\r\n    <span class=\"card-list__visually-hidden\">A carregar lista\u2026</span>\r\n    <div class=\"card-list__scroll\" [ngStyle]=\"scrollAreaStyle\">\r\n      <div class=\"card-list__stack\">\r\n        @for (_ of skeletonCardIndices(); track $index) {\r\n        <app-skeleton-card [showActions]=\"showItemActions\" />\r\n        }\r\n      </div>\r\n    </div>\r\n  </div>\r\n  }\r\n\r\n  @if (!showFullSkeleton && totalItemCount === 0 && !loadingMore) {\r\n  <app-empty-state [message]=\"emptyMessage\" />\r\n  }\r\n\r\n  @if (!showFullSkeleton && totalItemCount > 0) {\r\n  <div class=\"card-list__body\">\r\n    <div class=\"card-list__scroll\" [ngStyle]=\"scrollAreaStyle\" (scroll)=\"onScroll($event)\"\r\n      [attr.aria-busy]=\"loadingMore ? true : null\">\r\n      <div class=\"card-list__stack\">\r\n        @for (item of visibleItems; track trackFn($index, item)) {\r\n        <app-data-card [title]=\"viewFor(item).title\" [subtitle]=\"viewFor(item).subtitle\"\r\n          [avatarText]=\"viewFor(item).avatarText\" [variant]=\"variant\" [showActions]=\"showItemActions\"\r\n          (edit)=\"edit.emit(item)\" (remove)=\"remove.emit(item)\" />\r\n        }\r\n        @if (loadingMore) {\r\n        <span class=\"card-list__visually-hidden\">A carregar mais itens\u2026</span>\r\n        @for (_ of skeletonTailIndices(); track $index) {\r\n        <app-skeleton-card [showActions]=\"showItemActions\" />\r\n        }\r\n        }\r\n      </div>\r\n    </div>\r\n\r\n    @if (showFooter) {\r\n    <div class=\"card-list__status\" role=\"status\" aria-live=\"polite\">\r\n      <span class=\"card-list__status-text\">{{ scrollStatusLabel }}</span>\r\n    </div>\r\n    }\r\n  </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block;width:100%;min-width:0}.card-list{position:relative;width:100%;min-height:5rem;box-sizing:border-box;border-radius:10px;border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09));background:#fff;overflow:hidden}.card-list__body{display:flex;flex-direction:column;min-width:0}.card-list__scroll{min-height:0;box-sizing:border-box;-webkit-overflow-scrolling:touch}.card-list__stack{display:flex;flex-direction:column;gap:.75rem;padding:.75rem;box-sizing:border-box}.card-list__status{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem .75rem;padding:.45rem .75rem .55rem;border-top:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .08));font-size:.8rem;color:var(--app-color-tab-inactive-text, #51667a);background:#fff}.card-list__status-text{font-weight:500}.card-list__status-hint{font-size:.78rem;color:var(--app-color-text-muted, #6b8299)}.card-list__visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: DataCardComponent, selector: "app-data-card", inputs: ["title", "subtitle", "avatarText", "variant", "showActions"], outputs: ["edit", "remove"] }, { kind: "component", type: EmptyStateComponent, selector: "app-empty-state", inputs: ["message", "description", "iconClass", "variant", "embed"] }, { kind: "component", type: SkeletonCardComponent, selector: "app-skeleton-card", inputs: ["showActions", "animate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CardListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-card-list', imports: [NgStyle, DataCardComponent, EmptyStateComponent, SkeletonCardComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"card-list\" [attr.data-variant]=\"variant\">\r\n  @if (showFullSkeleton) {\r\n  <div class=\"card-list__body\" role=\"status\" aria-live=\"polite\" aria-busy=\"true\">\r\n    <span class=\"card-list__visually-hidden\">A carregar lista\u2026</span>\r\n    <div class=\"card-list__scroll\" [ngStyle]=\"scrollAreaStyle\">\r\n      <div class=\"card-list__stack\">\r\n        @for (_ of skeletonCardIndices(); track $index) {\r\n        <app-skeleton-card [showActions]=\"showItemActions\" />\r\n        }\r\n      </div>\r\n    </div>\r\n  </div>\r\n  }\r\n\r\n  @if (!showFullSkeleton && totalItemCount === 0 && !loadingMore) {\r\n  <app-empty-state [message]=\"emptyMessage\" />\r\n  }\r\n\r\n  @if (!showFullSkeleton && totalItemCount > 0) {\r\n  <div class=\"card-list__body\">\r\n    <div class=\"card-list__scroll\" [ngStyle]=\"scrollAreaStyle\" (scroll)=\"onScroll($event)\"\r\n      [attr.aria-busy]=\"loadingMore ? true : null\">\r\n      <div class=\"card-list__stack\">\r\n        @for (item of visibleItems; track trackFn($index, item)) {\r\n        <app-data-card [title]=\"viewFor(item).title\" [subtitle]=\"viewFor(item).subtitle\"\r\n          [avatarText]=\"viewFor(item).avatarText\" [variant]=\"variant\" [showActions]=\"showItemActions\"\r\n          (edit)=\"edit.emit(item)\" (remove)=\"remove.emit(item)\" />\r\n        }\r\n        @if (loadingMore) {\r\n        <span class=\"card-list__visually-hidden\">A carregar mais itens\u2026</span>\r\n        @for (_ of skeletonTailIndices(); track $index) {\r\n        <app-skeleton-card [showActions]=\"showItemActions\" />\r\n        }\r\n        }\r\n      </div>\r\n    </div>\r\n\r\n    @if (showFooter) {\r\n    <div class=\"card-list__status\" role=\"status\" aria-live=\"polite\">\r\n      <span class=\"card-list__status-text\">{{ scrollStatusLabel }}</span>\r\n    </div>\r\n    }\r\n  </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block;width:100%;min-width:0}.card-list{position:relative;width:100%;min-height:5rem;box-sizing:border-box;border-radius:10px;border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09));background:var(--app-color-surface, #fff);overflow:hidden}.card-list__body{display:flex;flex-direction:column;min-width:0}.card-list__scroll{min-height:0;box-sizing:border-box;-webkit-overflow-scrolling:touch}.card-list__stack{display:flex;flex-direction:column;gap:.75rem;padding:.75rem;box-sizing:border-box}.card-list__status{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem .75rem;padding:.45rem .75rem .55rem;border-top:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .08));font-size:.8rem;color:var(--app-color-tab-inactive-text, #51667a);background:var(--app-color-background, #fafbfc)}.card-list__status-text{font-weight:500}.card-list__status-hint{font-size:.78rem;color:var(--app-color-text-muted, #6b8299)}.card-list__visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n"] }]
+            args: [{ selector: 'app-card-list', imports: [NgStyle, DataCardComponent, EmptyStateComponent, SkeletonCardComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"card-list\" [attr.data-variant]=\"variant\">\r\n  @if (showFullSkeleton) {\r\n  <div class=\"card-list__body\" role=\"status\" aria-live=\"polite\" aria-busy=\"true\">\r\n    <span class=\"card-list__visually-hidden\">A carregar lista\u2026</span>\r\n    <div class=\"card-list__scroll\" [ngStyle]=\"scrollAreaStyle\">\r\n      <div class=\"card-list__stack\">\r\n        @for (_ of skeletonCardIndices(); track $index) {\r\n        <app-skeleton-card [showActions]=\"showItemActions\" />\r\n        }\r\n      </div>\r\n    </div>\r\n  </div>\r\n  }\r\n\r\n  @if (!showFullSkeleton && totalItemCount === 0 && !loadingMore) {\r\n  <app-empty-state [message]=\"emptyMessage\" />\r\n  }\r\n\r\n  @if (!showFullSkeleton && totalItemCount > 0) {\r\n  <div class=\"card-list__body\">\r\n    <div class=\"card-list__scroll\" [ngStyle]=\"scrollAreaStyle\" (scroll)=\"onScroll($event)\"\r\n      [attr.aria-busy]=\"loadingMore ? true : null\">\r\n      <div class=\"card-list__stack\">\r\n        @for (item of visibleItems; track trackFn($index, item)) {\r\n        <app-data-card [title]=\"viewFor(item).title\" [subtitle]=\"viewFor(item).subtitle\"\r\n          [avatarText]=\"viewFor(item).avatarText\" [variant]=\"variant\" [showActions]=\"showItemActions\"\r\n          (edit)=\"edit.emit(item)\" (remove)=\"remove.emit(item)\" />\r\n        }\r\n        @if (loadingMore) {\r\n        <span class=\"card-list__visually-hidden\">A carregar mais itens\u2026</span>\r\n        @for (_ of skeletonTailIndices(); track $index) {\r\n        <app-skeleton-card [showActions]=\"showItemActions\" />\r\n        }\r\n        }\r\n      </div>\r\n    </div>\r\n\r\n    @if (showFooter) {\r\n    <div class=\"card-list__status\" role=\"status\" aria-live=\"polite\">\r\n      <span class=\"card-list__status-text\">{{ scrollStatusLabel }}</span>\r\n    </div>\r\n    }\r\n  </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block;width:100%;min-width:0}.card-list{position:relative;width:100%;min-height:5rem;box-sizing:border-box;border-radius:10px;border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09));background:#fff;overflow:hidden}.card-list__body{display:flex;flex-direction:column;min-width:0}.card-list__scroll{min-height:0;box-sizing:border-box;-webkit-overflow-scrolling:touch}.card-list__stack{display:flex;flex-direction:column;gap:.75rem;padding:.75rem;box-sizing:border-box}.card-list__status{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem .75rem;padding:.45rem .75rem .55rem;border-top:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .08));font-size:.8rem;color:var(--app-color-tab-inactive-text, #51667a);background:#fff}.card-list__status-text{font-weight:500}.card-list__status-hint{font-size:.78rem;color:var(--app-color-text-muted, #6b8299)}.card-list__visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n"] }]
         }], propDecorators: { items: [{
                 type: Input,
                 args: [{ required: true }]
@@ -9080,11 +9082,11 @@ class StatCardComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: StatCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: StatCardComponent, isStandalone: true, selector: "app-stat-card", inputs: { title: "title", value: "value", description: "description", icon: "icon", delta: "delta", deltaTone: "deltaTone", clickable: ["clickable", "clickable", booleanAttribute] }, outputs: { cardActivate: "cardActivate" }, ngImport: i0, template: "<article\r\n  class=\"stat-card\"\r\n  [class.stat-card--clickable]=\"clickable\"\r\n  [attr.role]=\"clickable ? 'button' : null\"\r\n  [attr.tabindex]=\"clickable ? 0 : null\"\r\n  (click)=\"onActivate($event)\"\r\n  (keydown)=\"onKeydown($event)\"\r\n>\r\n  <div class=\"stat-card__header\">\r\n    @if (icon.trim()) {\r\n      <span class=\"stat-card__icon\" aria-hidden=\"true\">\r\n        <i [attr.class]=\"icon\" aria-hidden=\"true\"></i>\r\n      </span>\r\n    }\r\n    <h3 class=\"stat-card__title\">{{ title }}</h3>\r\n  </div>\r\n  <p class=\"stat-card__value\">{{ value }}</p>\r\n  @if (description.trim()) {\r\n    <p class=\"stat-card__description\">{{ description }}</p>\r\n  }\r\n  @if (delta.trim()) {\r\n    <p\r\n      class=\"stat-card__delta\"\r\n      [class.stat-card__delta--positive]=\"deltaTone === 'positive'\"\r\n      [class.stat-card__delta--negative]=\"deltaTone === 'negative'\"\r\n      [class.stat-card__delta--neutral]=\"deltaTone === 'neutral'\"\r\n    >\r\n      <span class=\"stat-card__delta-text\">{{ delta }}</span>\r\n    </p>\r\n  }\r\n</article>\r\n", styles: [":host{display:block;min-width:0;height:100%}.stat-card{box-sizing:border-box;border-radius:10px;border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .1));background:var(--app-color-surface, #fff);padding:1rem 1.05rem;transition:border-color .15s ease,box-shadow .15s ease;height:100%}.stat-card--clickable{cursor:pointer}.stat-card--clickable:hover{border-color:var(--app-color-selected-border, rgba(43, 127, 217, .28));box-shadow:0 1px 0 var(--app-color-border-subtle, rgba(26, 47, 69, .04))}.stat-card--clickable:focus-visible{outline:2px solid var(--app-color-focus-ring-strong, rgba(43, 127, 217, .45));outline-offset:2px}.stat-card__header{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.45rem;min-width:0}.stat-card__icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:8px;font-size:.95rem;color:var(--app-color-primary, #2b7fd9);background:var(--app-color-primary-muted, rgba(43, 127, 217, .14));border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09))}.stat-card__title{margin:0;flex:1 1 auto;min-width:0;font-size:.82rem;font-weight:600;line-height:1.35;color:var(--app-color-text-muted, #6b8299);text-transform:uppercase;letter-spacing:.03em}.stat-card__value{margin:0 0 .35rem;font-size:1.45rem;font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--app-color-text-primary, #1a2f45);word-break:break-word}.stat-card__description{margin:0 0 .35rem;font-size:.82rem;line-height:1.4;color:var(--app-color-text-secondary, #5a7fa3)}.stat-card__delta{margin:0;font-size:.8rem;font-weight:600;line-height:1.35}.stat-card__delta--positive{color:var(--app-color-success, #15803d)}.stat-card__delta--negative{color:var(--app-color-error, #b91c1c)}.stat-card__delta--neutral{color:var(--app-color-text-muted, #6b8299)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: StatCardComponent, isStandalone: true, selector: "app-stat-card", inputs: { title: "title", value: "value", description: "description", icon: "icon", delta: "delta", deltaTone: "deltaTone", clickable: ["clickable", "clickable", booleanAttribute] }, outputs: { cardActivate: "cardActivate" }, ngImport: i0, template: "<article\r\n  class=\"stat-card\"\r\n  [class.stat-card--clickable]=\"clickable\"\r\n  [attr.role]=\"clickable ? 'button' : null\"\r\n  [attr.tabindex]=\"clickable ? 0 : null\"\r\n  (click)=\"onActivate($event)\"\r\n  (keydown)=\"onKeydown($event)\"\r\n>\r\n  <div class=\"stat-card__header\">\r\n    @if (icon.trim()) {\r\n      <span class=\"stat-card__icon\" aria-hidden=\"true\">\r\n        <i [attr.class]=\"icon\" aria-hidden=\"true\"></i>\r\n      </span>\r\n    }\r\n    <h3 class=\"stat-card__title\">{{ title }}</h3>\r\n  </div>\r\n  <p class=\"stat-card__value\">{{ value }}</p>\r\n  @if (description.trim()) {\r\n    <p class=\"stat-card__description\">{{ description }}</p>\r\n  }\r\n  @if (delta.trim()) {\r\n    <p\r\n      class=\"stat-card__delta\"\r\n      [class.stat-card__delta--positive]=\"deltaTone === 'positive'\"\r\n      [class.stat-card__delta--negative]=\"deltaTone === 'negative'\"\r\n      [class.stat-card__delta--neutral]=\"deltaTone === 'neutral'\"\r\n    >\r\n      <span class=\"stat-card__delta-text\">{{ delta }}</span>\r\n    </p>\r\n  }\r\n</article>\r\n", styles: ["@charset \"UTF-8\";:host{display:block;min-width:0;height:100%}.stat-card{box-sizing:border-box;border-radius:10px;border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .1));background:#fff;padding:1rem 1.05rem;transition:border-color .15s ease,box-shadow .15s ease;height:100%}.stat-card--clickable{cursor:pointer}.stat-card--clickable:hover{border-color:var(--app-color-selected-border, rgba(43, 127, 217, .28));box-shadow:0 1px 0 var(--app-color-border-subtle, rgba(26, 47, 69, .04))}.stat-card--clickable:focus-visible{outline:2px solid var(--app-color-focus-ring-strong, rgba(43, 127, 217, .45));outline-offset:2px}.stat-card__header{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.45rem;min-width:0}.stat-card__icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:8px;font-size:.95rem;color:var(--app-color-primary, #2b7fd9);background:var(--app-color-primary-muted, rgba(43, 127, 217, .14));border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09))}.stat-card__title{margin:0;flex:1 1 auto;min-width:0;font-size:.82rem;font-weight:600;line-height:1.35;color:var(--app-color-text-muted, #6b8299);text-transform:uppercase;letter-spacing:.03em}.stat-card__value{margin:0 0 .35rem;font-size:1.45rem;font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--app-color-text-primary, #1a2f45);word-break:break-word}.stat-card__description{margin:0 0 .35rem;font-size:.82rem;line-height:1.4;color:var(--app-color-text-secondary, #5a7fa3)}.stat-card__delta{margin:0;font-size:.8rem;font-weight:600;line-height:1.35}.stat-card__delta--positive{color:var(--app-color-success, #15803d)}.stat-card__delta--negative{color:var(--app-color-error, #b91c1c)}.stat-card__delta--neutral{color:var(--app-color-text-muted, #6b8299)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: StatCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-stat-card', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<article\r\n  class=\"stat-card\"\r\n  [class.stat-card--clickable]=\"clickable\"\r\n  [attr.role]=\"clickable ? 'button' : null\"\r\n  [attr.tabindex]=\"clickable ? 0 : null\"\r\n  (click)=\"onActivate($event)\"\r\n  (keydown)=\"onKeydown($event)\"\r\n>\r\n  <div class=\"stat-card__header\">\r\n    @if (icon.trim()) {\r\n      <span class=\"stat-card__icon\" aria-hidden=\"true\">\r\n        <i [attr.class]=\"icon\" aria-hidden=\"true\"></i>\r\n      </span>\r\n    }\r\n    <h3 class=\"stat-card__title\">{{ title }}</h3>\r\n  </div>\r\n  <p class=\"stat-card__value\">{{ value }}</p>\r\n  @if (description.trim()) {\r\n    <p class=\"stat-card__description\">{{ description }}</p>\r\n  }\r\n  @if (delta.trim()) {\r\n    <p\r\n      class=\"stat-card__delta\"\r\n      [class.stat-card__delta--positive]=\"deltaTone === 'positive'\"\r\n      [class.stat-card__delta--negative]=\"deltaTone === 'negative'\"\r\n      [class.stat-card__delta--neutral]=\"deltaTone === 'neutral'\"\r\n    >\r\n      <span class=\"stat-card__delta-text\">{{ delta }}</span>\r\n    </p>\r\n  }\r\n</article>\r\n", styles: [":host{display:block;min-width:0;height:100%}.stat-card{box-sizing:border-box;border-radius:10px;border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .1));background:var(--app-color-surface, #fff);padding:1rem 1.05rem;transition:border-color .15s ease,box-shadow .15s ease;height:100%}.stat-card--clickable{cursor:pointer}.stat-card--clickable:hover{border-color:var(--app-color-selected-border, rgba(43, 127, 217, .28));box-shadow:0 1px 0 var(--app-color-border-subtle, rgba(26, 47, 69, .04))}.stat-card--clickable:focus-visible{outline:2px solid var(--app-color-focus-ring-strong, rgba(43, 127, 217, .45));outline-offset:2px}.stat-card__header{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.45rem;min-width:0}.stat-card__icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:8px;font-size:.95rem;color:var(--app-color-primary, #2b7fd9);background:var(--app-color-primary-muted, rgba(43, 127, 217, .14));border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09))}.stat-card__title{margin:0;flex:1 1 auto;min-width:0;font-size:.82rem;font-weight:600;line-height:1.35;color:var(--app-color-text-muted, #6b8299);text-transform:uppercase;letter-spacing:.03em}.stat-card__value{margin:0 0 .35rem;font-size:1.45rem;font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--app-color-text-primary, #1a2f45);word-break:break-word}.stat-card__description{margin:0 0 .35rem;font-size:.82rem;line-height:1.4;color:var(--app-color-text-secondary, #5a7fa3)}.stat-card__delta{margin:0;font-size:.8rem;font-weight:600;line-height:1.35}.stat-card__delta--positive{color:var(--app-color-success, #15803d)}.stat-card__delta--negative{color:var(--app-color-error, #b91c1c)}.stat-card__delta--neutral{color:var(--app-color-text-muted, #6b8299)}\n"] }]
+            args: [{ selector: 'app-stat-card', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<article\r\n  class=\"stat-card\"\r\n  [class.stat-card--clickable]=\"clickable\"\r\n  [attr.role]=\"clickable ? 'button' : null\"\r\n  [attr.tabindex]=\"clickable ? 0 : null\"\r\n  (click)=\"onActivate($event)\"\r\n  (keydown)=\"onKeydown($event)\"\r\n>\r\n  <div class=\"stat-card__header\">\r\n    @if (icon.trim()) {\r\n      <span class=\"stat-card__icon\" aria-hidden=\"true\">\r\n        <i [attr.class]=\"icon\" aria-hidden=\"true\"></i>\r\n      </span>\r\n    }\r\n    <h3 class=\"stat-card__title\">{{ title }}</h3>\r\n  </div>\r\n  <p class=\"stat-card__value\">{{ value }}</p>\r\n  @if (description.trim()) {\r\n    <p class=\"stat-card__description\">{{ description }}</p>\r\n  }\r\n  @if (delta.trim()) {\r\n    <p\r\n      class=\"stat-card__delta\"\r\n      [class.stat-card__delta--positive]=\"deltaTone === 'positive'\"\r\n      [class.stat-card__delta--negative]=\"deltaTone === 'negative'\"\r\n      [class.stat-card__delta--neutral]=\"deltaTone === 'neutral'\"\r\n    >\r\n      <span class=\"stat-card__delta-text\">{{ delta }}</span>\r\n    </p>\r\n  }\r\n</article>\r\n", styles: ["@charset \"UTF-8\";:host{display:block;min-width:0;height:100%}.stat-card{box-sizing:border-box;border-radius:10px;border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .1));background:#fff;padding:1rem 1.05rem;transition:border-color .15s ease,box-shadow .15s ease;height:100%}.stat-card--clickable{cursor:pointer}.stat-card--clickable:hover{border-color:var(--app-color-selected-border, rgba(43, 127, 217, .28));box-shadow:0 1px 0 var(--app-color-border-subtle, rgba(26, 47, 69, .04))}.stat-card--clickable:focus-visible{outline:2px solid var(--app-color-focus-ring-strong, rgba(43, 127, 217, .45));outline-offset:2px}.stat-card__header{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.45rem;min-width:0}.stat-card__icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:8px;font-size:.95rem;color:var(--app-color-primary, #2b7fd9);background:var(--app-color-primary-muted, rgba(43, 127, 217, .14));border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09))}.stat-card__title{margin:0;flex:1 1 auto;min-width:0;font-size:.82rem;font-weight:600;line-height:1.35;color:var(--app-color-text-muted, #6b8299);text-transform:uppercase;letter-spacing:.03em}.stat-card__value{margin:0 0 .35rem;font-size:1.45rem;font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--app-color-text-primary, #1a2f45);word-break:break-word}.stat-card__description{margin:0 0 .35rem;font-size:.82rem;line-height:1.4;color:var(--app-color-text-secondary, #5a7fa3)}.stat-card__delta{margin:0;font-size:.8rem;font-weight:600;line-height:1.35}.stat-card__delta--positive{color:var(--app-color-success, #15803d)}.stat-card__delta--negative{color:var(--app-color-error, #b91c1c)}.stat-card__delta--neutral{color:var(--app-color-text-muted, #6b8299)}\n"] }]
         }], propDecorators: { title: [{
                 type: Input,
                 args: [{ required: true }]
@@ -9210,11 +9212,11 @@ class DashboardSectionComponent {
         this.titleId = `app-dashboard-section-title-${++dashboardSectionSeq}`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DashboardSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: DashboardSectionComponent, isStandalone: true, selector: "app-dashboard-section", inputs: { title: "title", subtitle: "subtitle" }, ngImport: i0, template: "<section class=\"dashboard-section\" [attr.aria-labelledby]=\"titleId\">\r\n  <header class=\"dashboard-section__header\">\r\n    <div class=\"dashboard-section__headline\">\r\n      <h2 class=\"dashboard-section__title\" [id]=\"titleId\">{{ title }}</h2>\r\n      @if (subtitle.trim()) {\r\n        <p class=\"dashboard-section__subtitle\">{{ subtitle }}</p>\r\n      }\r\n    </div>\r\n    <div class=\"dashboard-section__actions\">\r\n      <ng-content select=\"[dashboard-section-actions]\" />\r\n    </div>\r\n  </header>\r\n  <div class=\"dashboard-section__body\">\r\n    <ng-content />\r\n  </div>\r\n</section>\r\n", styles: [":host{display:block;width:100%;min-width:0}.dashboard-section{box-sizing:border-box;border-radius:10px;border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .1));background:var(--app-color-surface, #fff);padding:0;transition:border-color .15s ease,box-shadow .15s ease;display:flex;flex-direction:column;min-width:0;overflow:hidden}.dashboard-section__header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.5rem .75rem;padding:.85rem 1rem;border-bottom:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09))}.dashboard-section__headline{flex:1 1 12rem;min-width:0}.dashboard-section__title{margin:0;font-size:1rem;font-weight:600;line-height:1.35;color:var(--app-color-text-primary, #1a2f45)}.dashboard-section__subtitle{margin:.25rem 0 0;font-size:.84rem;line-height:1.4;color:var(--app-color-text-muted, #6b8299)}.dashboard-section__actions{flex:0 0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem;min-width:0}.dashboard-section__actions:empty{display:none}.dashboard-section__body{padding:.85rem 1rem 1rem;min-width:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: DashboardSectionComponent, isStandalone: true, selector: "app-dashboard-section", inputs: { title: "title", subtitle: "subtitle" }, ngImport: i0, template: "<section class=\"dashboard-section\" [attr.aria-labelledby]=\"titleId\">\r\n  <header class=\"dashboard-section__header\">\r\n    <div class=\"dashboard-section__headline\">\r\n      <h2 class=\"dashboard-section__title\" [id]=\"titleId\">{{ title }}</h2>\r\n      @if (subtitle.trim()) {\r\n        <p class=\"dashboard-section__subtitle\">{{ subtitle }}</p>\r\n      }\r\n    </div>\r\n    <div class=\"dashboard-section__actions\">\r\n      <ng-content select=\"[dashboard-section-actions]\" />\r\n    </div>\r\n  </header>\r\n  <div class=\"dashboard-section__body\">\r\n    <ng-content />\r\n  </div>\r\n</section>\r\n", styles: ["@charset \"UTF-8\";:host{display:block;width:100%;min-width:0}.dashboard-section{box-sizing:border-box;border-radius:10px;border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .1));background:#fff;padding:0;transition:border-color .15s ease,box-shadow .15s ease;display:flex;flex-direction:column;min-width:0;overflow:hidden}.dashboard-section__header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.5rem .75rem;padding:.85rem 1rem;border-bottom:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09))}.dashboard-section__headline{flex:1 1 12rem;min-width:0}.dashboard-section__title{margin:0;font-size:1rem;font-weight:600;line-height:1.35;color:var(--app-color-text-primary, #1a2f45)}.dashboard-section__subtitle{margin:.25rem 0 0;font-size:.84rem;line-height:1.4;color:var(--app-color-text-muted, #6b8299)}.dashboard-section__actions{flex:0 0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem;min-width:0}.dashboard-section__actions:empty{display:none}.dashboard-section__body{padding:.85rem 1rem 1rem;min-width:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DashboardSectionComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-dashboard-section', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"dashboard-section\" [attr.aria-labelledby]=\"titleId\">\r\n  <header class=\"dashboard-section__header\">\r\n    <div class=\"dashboard-section__headline\">\r\n      <h2 class=\"dashboard-section__title\" [id]=\"titleId\">{{ title }}</h2>\r\n      @if (subtitle.trim()) {\r\n        <p class=\"dashboard-section__subtitle\">{{ subtitle }}</p>\r\n      }\r\n    </div>\r\n    <div class=\"dashboard-section__actions\">\r\n      <ng-content select=\"[dashboard-section-actions]\" />\r\n    </div>\r\n  </header>\r\n  <div class=\"dashboard-section__body\">\r\n    <ng-content />\r\n  </div>\r\n</section>\r\n", styles: [":host{display:block;width:100%;min-width:0}.dashboard-section{box-sizing:border-box;border-radius:10px;border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .1));background:var(--app-color-surface, #fff);padding:0;transition:border-color .15s ease,box-shadow .15s ease;display:flex;flex-direction:column;min-width:0;overflow:hidden}.dashboard-section__header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.5rem .75rem;padding:.85rem 1rem;border-bottom:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09))}.dashboard-section__headline{flex:1 1 12rem;min-width:0}.dashboard-section__title{margin:0;font-size:1rem;font-weight:600;line-height:1.35;color:var(--app-color-text-primary, #1a2f45)}.dashboard-section__subtitle{margin:.25rem 0 0;font-size:.84rem;line-height:1.4;color:var(--app-color-text-muted, #6b8299)}.dashboard-section__actions{flex:0 0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem;min-width:0}.dashboard-section__actions:empty{display:none}.dashboard-section__body{padding:.85rem 1rem 1rem;min-width:0}\n"] }]
+            args: [{ selector: 'app-dashboard-section', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"dashboard-section\" [attr.aria-labelledby]=\"titleId\">\r\n  <header class=\"dashboard-section__header\">\r\n    <div class=\"dashboard-section__headline\">\r\n      <h2 class=\"dashboard-section__title\" [id]=\"titleId\">{{ title }}</h2>\r\n      @if (subtitle.trim()) {\r\n        <p class=\"dashboard-section__subtitle\">{{ subtitle }}</p>\r\n      }\r\n    </div>\r\n    <div class=\"dashboard-section__actions\">\r\n      <ng-content select=\"[dashboard-section-actions]\" />\r\n    </div>\r\n  </header>\r\n  <div class=\"dashboard-section__body\">\r\n    <ng-content />\r\n  </div>\r\n</section>\r\n", styles: ["@charset \"UTF-8\";:host{display:block;width:100%;min-width:0}.dashboard-section{box-sizing:border-box;border-radius:10px;border:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .1));background:#fff;padding:0;transition:border-color .15s ease,box-shadow .15s ease;display:flex;flex-direction:column;min-width:0;overflow:hidden}.dashboard-section__header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.5rem .75rem;padding:.85rem 1rem;border-bottom:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .09))}.dashboard-section__headline{flex:1 1 12rem;min-width:0}.dashboard-section__title{margin:0;font-size:1rem;font-weight:600;line-height:1.35;color:var(--app-color-text-primary, #1a2f45)}.dashboard-section__subtitle{margin:.25rem 0 0;font-size:.84rem;line-height:1.4;color:var(--app-color-text-muted, #6b8299)}.dashboard-section__actions{flex:0 0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem;min-width:0}.dashboard-section__actions:empty{display:none}.dashboard-section__body{padding:.85rem 1rem 1rem;min-width:0}\n"] }]
         }], propDecorators: { title: [{
                 type: Input,
                 args: [{ required: true }]