structra-ui 0.2.94 → 0.2.95
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/structra-ui.mjs +4 -4
- package/package.json +1 -1
package/fesm2022/structra-ui.mjs
CHANGED
|
@@ -12194,11 +12194,11 @@ class FormGroupComponent {
|
|
|
12194
12194
|
this.prevRootFormSubmitted = submitted;
|
|
12195
12195
|
}
|
|
12196
12196
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12197
|
-
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], showChevron: ["showChevron", "showChevron", 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], size: "size", tamanhoCampoMobile: ["tamanhoCampoMobile", "tamanhoCampoMobile", 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 @if (showChevron) {\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 }\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\n class=\"form-group__body\"\n [class.form-group__body--collapsed-hidden]=\"bodyVisuallyHidden\"\n [attr.inert]=\"bodyVisuallyHidden ? '' : null\"\n >\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 #e8eaed;border-color:var(--app-color-border, #e8eaed);border-radius:12px;background:var(--app-color-elevated-surface, var(--app-color-surface));padding:0;overflow:hidden;transition:box-shadow .28s ease}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--collapsible.form-group--collapsed{border-color:#e4e6ea;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:#d4dce8;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:.55rem .5rem;border-radius:0}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle) .form-group__header.form-group__header--single-line{padding:.65rem .5rem}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--expanded:not(.form-group--collapsible) .form-group__header{margin-bottom:0;padding-bottom:.55rem}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--expanded:not(.form-group--collapsible) .form-group__header.form-group__header--single-line{margin-bottom:0;padding:.65rem .5rem}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--collapsible:not(.form-group--dense) .form-group__header{margin-bottom:0;padding:.55rem .5rem}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--collapsible:not(.form-group--dense) .form-group__header.form-group__header--single-line{padding:.65rem .5rem}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--expanded .form-group__body{padding:.55rem .5rem}:host.form-group--dense.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--expanded:not(.form-group--collapsible) .form-group__header{margin-bottom:0;padding-bottom:.4rem}:host.form-group--dense.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--expanded:not(.form-group--collapsible) .form-group__header.form-group__header--single-line{margin-bottom:0;padding:.4rem}:host.form-group--dense.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--collapsible .form-group__header{margin-bottom:0;padding:.4rem}:host.form-group--dense.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--collapsible .form-group__header.form-group__header--single-line{padding:.4rem}:host.form-group--dense.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--expanded .form-group__body{padding:.4rem}.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, #9ca3af);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(--app-color-text-primary, #1a2f45)}.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, #9ca3af);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.1rem;min-width:0}:host.form-group--collapsible .form-group__body{display:grid;grid-template-rows:1fr;gap:0;overflow:visible;transition:grid-template-rows .28s cubic-bezier(.22,1,.36,1),padding .28s cubic-bezier(.22,1,.36,1)}:host.form-group--collapsible:not(.form-group--dense) .form-group__body .form-group__body-stack{gap:1.1rem}:host.form-group--dense.form-group--collapsible .form-group__body .form-group__body-stack{gap:.4rem}:host.form-group--collapsible .form-group__body .form-group__body-stack{min-height:0;overflow:visible}:host.form-group--collapsible.form-group--collapsed .form-group__body{padding:0}:host.form-group--collapsible .form-group__body.form-group__body--collapsed-hidden{display:grid;grid-template-rows:0fr;min-height:0;overflow:hidden;padding:0!important}:host.form-group--collapsible .form-group__body.form-group__body--collapsed-hidden .form-group__body-stack{min-height:0;overflow:hidden}@media(prefers-reduced-motion:reduce){:host.form-group--collapsible .form-group__body{transition:none}}.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)>*:not(app-form-group){display:flex;flex-direction:column;gap:inherit;min-width:0}:host ::ng-deep .form-group__body-stack:not(.form-group__body-stack--neutral)>app-form-group{display:block;width:100%;min-width:0;box-sizing:border-box}.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:.4rem}:host-context(app-form-section.form-section--panel):host.form-group--default:not(.form-group--outlined):not(.form-group--subtle):not(.form-group--dense).form-group--expanded .form-group__body{padding:.4rem .2rem}:host-context(app-form-section.form-section--panel):host.form-group--default:not(.form-group--outlined):not(.form-group--subtle):not(.form-group--dense).form-group--collapsible .form-group__header{padding:.45rem .2rem}:host-context(app-form-section.form-section--panel):host.form-group--default:not(.form-group--outlined):not(.form-group--subtle):not(.form-group--dense).form-group--collapsible .form-group__header.form-group__header--single-line{padding:.5rem .2rem}:host-context(app-form-section.form-section--panel):host.form-group--default:not(.form-group--outlined):not(.form-group--subtle):not(.form-group--dense).form-group--expanded:not(.form-group--collapsible) .form-group__header{padding:.55rem .2rem}:host-context(app-form-section.form-section--panel):host.form-group--default:not(.form-group--outlined):not(.form-group--subtle):not(.form-group--dense).form-group--expanded:not(.form-group--collapsible) .form-group__header.form-group__header--single-line{padding:.65rem .2rem}: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(--app-color-elevated-surface, var(--app-color-surface))}:host.form-group--subtle{padding:.55rem .4rem;border-radius:10px;background:var(--app-color-elevated-surface, var(--app-color-surface))}:host.form-group--subtle:not(.form-group--collapsible) .form-group__header{margin:0 0 .55rem;padding:0}:host.form-group--subtle:not(.form-group--collapsible).form-group--expanded .form-group__body{padding:0}:host.form-group--subtle:not(.form-group--collapsible) .form-group__title{font-size:1.05rem;font-weight:600}: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}:host.form-group--typography-sm .form-group__title{font-size:.95rem}:host.form-group--typography-sm .form-group__subtitle{font-size:.78rem}:host.form-group--typography-sm .form-group__chevron{width:1.35rem;height:1.35rem;font-size:.68rem}:host.form-group--dense.form-group--typography-sm .form-group__title{font-size:.92rem}:host.form-group--typography-lg .form-group__title{font-size:1.12rem}:host.form-group--typography-lg .form-group__subtitle{font-size:.9rem}:host.form-group--dense.form-group--typography-lg .form-group__title{font-size:1.08rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
12197
|
+
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], showChevron: ["showChevron", "showChevron", 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], size: "size", tamanhoCampoMobile: ["tamanhoCampoMobile", "tamanhoCampoMobile", 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 @if (showChevron) {\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 }\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\n class=\"form-group__body\"\n [class.form-group__body--collapsed-hidden]=\"bodyVisuallyHidden\"\n [attr.inert]=\"bodyVisuallyHidden ? '' : null\"\n >\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 #e8eaed;border-color:var(--app-color-border, #e8eaed);border-radius:12px;background:var(--app-color-elevated-surface, var(--app-color-surface));padding:0;overflow:hidden;transition:box-shadow .28s ease}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--collapsible.form-group--collapsed{border-color:#e4e6ea;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:#d4dce8;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:.55rem .2rem;border-radius:0}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle) .form-group__header.form-group__header--single-line{padding:.65rem .2rem}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--expanded:not(.form-group--collapsible) .form-group__header{margin-bottom:0;padding-bottom:.55rem}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--expanded:not(.form-group--collapsible) .form-group__header.form-group__header--single-line{margin-bottom:0;padding:.65rem .2rem}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--collapsible:not(.form-group--dense) .form-group__header{margin-bottom:0;padding:.55rem .2rem}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--collapsible:not(.form-group--dense) .form-group__header.form-group__header--single-line{padding:.65rem .2rem}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--expanded .form-group__body{padding:.55rem .2rem}:host.form-group--dense.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--expanded:not(.form-group--collapsible) .form-group__header{margin-bottom:0;padding-bottom:.4rem}:host.form-group--dense.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--expanded:not(.form-group--collapsible) .form-group__header.form-group__header--single-line{margin-bottom:0;padding:.4rem}:host.form-group--dense.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--collapsible .form-group__header{margin-bottom:0;padding:.4rem}:host.form-group--dense.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--collapsible .form-group__header.form-group__header--single-line{padding:.4rem}:host.form-group--dense.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--expanded .form-group__body{padding:.4rem}.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, #9ca3af);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(--app-color-text-primary, #1a2f45)}.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, #9ca3af);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.1rem;min-width:0}:host.form-group--collapsible .form-group__body{display:grid;grid-template-rows:1fr;gap:0;overflow:visible;transition:grid-template-rows .28s cubic-bezier(.22,1,.36,1),padding .28s cubic-bezier(.22,1,.36,1)}:host.form-group--collapsible:not(.form-group--dense) .form-group__body .form-group__body-stack{gap:1.1rem}:host.form-group--dense.form-group--collapsible .form-group__body .form-group__body-stack{gap:.4rem}:host.form-group--collapsible .form-group__body .form-group__body-stack{min-height:0;overflow:visible}:host.form-group--collapsible.form-group--collapsed .form-group__body{padding:0}:host.form-group--collapsible .form-group__body.form-group__body--collapsed-hidden{display:grid;grid-template-rows:0fr;min-height:0;overflow:hidden;padding:0!important}:host.form-group--collapsible .form-group__body.form-group__body--collapsed-hidden .form-group__body-stack{min-height:0;overflow:hidden}@media(prefers-reduced-motion:reduce){:host.form-group--collapsible .form-group__body{transition:none}}.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)>*:not(app-form-group){display:flex;flex-direction:column;gap:inherit;min-width:0}:host ::ng-deep .form-group__body-stack:not(.form-group__body-stack--neutral)>app-form-group{display:block;width:100%;min-width:0;box-sizing:border-box}.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:.4rem}:host-context(app-form-section.form-section--panel):host.form-group--default:not(.form-group--outlined):not(.form-group--subtle):not(.form-group--dense).form-group--expanded .form-group__body{padding:.4rem .2rem}:host-context(app-form-section.form-section--panel):host.form-group--default:not(.form-group--outlined):not(.form-group--subtle):not(.form-group--dense).form-group--collapsible .form-group__header{padding:.45rem .2rem}:host-context(app-form-section.form-section--panel):host.form-group--default:not(.form-group--outlined):not(.form-group--subtle):not(.form-group--dense).form-group--collapsible .form-group__header.form-group__header--single-line{padding:.5rem .2rem}:host-context(app-form-section.form-section--panel):host.form-group--default:not(.form-group--outlined):not(.form-group--subtle):not(.form-group--dense).form-group--expanded:not(.form-group--collapsible) .form-group__header{padding:.55rem .2rem}:host-context(app-form-section.form-section--panel):host.form-group--default:not(.form-group--outlined):not(.form-group--subtle):not(.form-group--dense).form-group--expanded:not(.form-group--collapsible) .form-group__header.form-group__header--single-line{padding:.65rem .2rem}: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(--app-color-elevated-surface, var(--app-color-surface))}:host.form-group--subtle{padding:.55rem .4rem;border-radius:10px;background:var(--app-color-elevated-surface, var(--app-color-surface))}:host.form-group--subtle:not(.form-group--collapsible) .form-group__header{margin:0 0 .55rem;padding:0}:host.form-group--subtle:not(.form-group--collapsible).form-group--expanded .form-group__body{padding:0}:host.form-group--subtle:not(.form-group--collapsible) .form-group__title{font-size:1.05rem;font-weight:600}: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}:host.form-group--typography-sm .form-group__title{font-size:.95rem}:host.form-group--typography-sm .form-group__subtitle{font-size:.78rem}:host.form-group--typography-sm .form-group__chevron{width:1.35rem;height:1.35rem;font-size:.68rem}:host.form-group--dense.form-group--typography-sm .form-group__title{font-size:.92rem}:host.form-group--typography-lg .form-group__title{font-size:1.12rem}:host.form-group--typography-lg .form-group__subtitle{font-size:.9rem}:host.form-group--dense.form-group--typography-lg .form-group__title{font-size:1.08rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
12198
12198
|
}
|
|
12199
12199
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormGroupComponent, decorators: [{
|
|
12200
12200
|
type: Component,
|
|
12201
|
-
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 @if (showChevron) {\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 }\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\n class=\"form-group__body\"\n [class.form-group__body--collapsed-hidden]=\"bodyVisuallyHidden\"\n [attr.inert]=\"bodyVisuallyHidden ? '' : null\"\n >\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 #e8eaed;border-color:var(--app-color-border, #e8eaed);border-radius:12px;background:var(--app-color-elevated-surface, var(--app-color-surface));padding:0;overflow:hidden;transition:box-shadow .28s ease}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--collapsible.form-group--collapsed{border-color:#e4e6ea;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:#d4dce8;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:.55rem .5rem;border-radius:0}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle) .form-group__header.form-group__header--single-line{padding:.65rem .5rem}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--expanded:not(.form-group--collapsible) .form-group__header{margin-bottom:0;padding-bottom:.55rem}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--expanded:not(.form-group--collapsible) .form-group__header.form-group__header--single-line{margin-bottom:0;padding:.65rem .5rem}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--collapsible:not(.form-group--dense) .form-group__header{margin-bottom:0;padding:.55rem .5rem}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--collapsible:not(.form-group--dense) .form-group__header.form-group__header--single-line{padding:.65rem .5rem}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--expanded .form-group__body{padding:.55rem .5rem}:host.form-group--dense.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--expanded:not(.form-group--collapsible) .form-group__header{margin-bottom:0;padding-bottom:.4rem}:host.form-group--dense.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--expanded:not(.form-group--collapsible) .form-group__header.form-group__header--single-line{margin-bottom:0;padding:.4rem}:host.form-group--dense.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--collapsible .form-group__header{margin-bottom:0;padding:.4rem}:host.form-group--dense.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--collapsible .form-group__header.form-group__header--single-line{padding:.4rem}:host.form-group--dense.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--expanded .form-group__body{padding:.4rem}.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, #9ca3af);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(--app-color-text-primary, #1a2f45)}.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, #9ca3af);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.1rem;min-width:0}:host.form-group--collapsible .form-group__body{display:grid;grid-template-rows:1fr;gap:0;overflow:visible;transition:grid-template-rows .28s cubic-bezier(.22,1,.36,1),padding .28s cubic-bezier(.22,1,.36,1)}:host.form-group--collapsible:not(.form-group--dense) .form-group__body .form-group__body-stack{gap:1.1rem}:host.form-group--dense.form-group--collapsible .form-group__body .form-group__body-stack{gap:.4rem}:host.form-group--collapsible .form-group__body .form-group__body-stack{min-height:0;overflow:visible}:host.form-group--collapsible.form-group--collapsed .form-group__body{padding:0}:host.form-group--collapsible .form-group__body.form-group__body--collapsed-hidden{display:grid;grid-template-rows:0fr;min-height:0;overflow:hidden;padding:0!important}:host.form-group--collapsible .form-group__body.form-group__body--collapsed-hidden .form-group__body-stack{min-height:0;overflow:hidden}@media(prefers-reduced-motion:reduce){:host.form-group--collapsible .form-group__body{transition:none}}.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)>*:not(app-form-group){display:flex;flex-direction:column;gap:inherit;min-width:0}:host ::ng-deep .form-group__body-stack:not(.form-group__body-stack--neutral)>app-form-group{display:block;width:100%;min-width:0;box-sizing:border-box}.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:.4rem}:host-context(app-form-section.form-section--panel):host.form-group--default:not(.form-group--outlined):not(.form-group--subtle):not(.form-group--dense).form-group--expanded .form-group__body{padding:.4rem .2rem}:host-context(app-form-section.form-section--panel):host.form-group--default:not(.form-group--outlined):not(.form-group--subtle):not(.form-group--dense).form-group--collapsible .form-group__header{padding:.45rem .2rem}:host-context(app-form-section.form-section--panel):host.form-group--default:not(.form-group--outlined):not(.form-group--subtle):not(.form-group--dense).form-group--collapsible .form-group__header.form-group__header--single-line{padding:.5rem .2rem}:host-context(app-form-section.form-section--panel):host.form-group--default:not(.form-group--outlined):not(.form-group--subtle):not(.form-group--dense).form-group--expanded:not(.form-group--collapsible) .form-group__header{padding:.55rem .2rem}:host-context(app-form-section.form-section--panel):host.form-group--default:not(.form-group--outlined):not(.form-group--subtle):not(.form-group--dense).form-group--expanded:not(.form-group--collapsible) .form-group__header.form-group__header--single-line{padding:.65rem .2rem}: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(--app-color-elevated-surface, var(--app-color-surface))}:host.form-group--subtle{padding:.55rem .4rem;border-radius:10px;background:var(--app-color-elevated-surface, var(--app-color-surface))}:host.form-group--subtle:not(.form-group--collapsible) .form-group__header{margin:0 0 .55rem;padding:0}:host.form-group--subtle:not(.form-group--collapsible).form-group--expanded .form-group__body{padding:0}:host.form-group--subtle:not(.form-group--collapsible) .form-group__title{font-size:1.05rem;font-weight:600}: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}:host.form-group--typography-sm .form-group__title{font-size:.95rem}:host.form-group--typography-sm .form-group__subtitle{font-size:.78rem}:host.form-group--typography-sm .form-group__chevron{width:1.35rem;height:1.35rem;font-size:.68rem}:host.form-group--dense.form-group--typography-sm .form-group__title{font-size:.92rem}:host.form-group--typography-lg .form-group__title{font-size:1.12rem}:host.form-group--typography-lg .form-group__subtitle{font-size:.9rem}:host.form-group--dense.form-group--typography-lg .form-group__title{font-size:1.08rem}\n"] }]
|
|
12201
|
+
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 @if (showChevron) {\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 }\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\n class=\"form-group__body\"\n [class.form-group__body--collapsed-hidden]=\"bodyVisuallyHidden\"\n [attr.inert]=\"bodyVisuallyHidden ? '' : null\"\n >\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 #e8eaed;border-color:var(--app-color-border, #e8eaed);border-radius:12px;background:var(--app-color-elevated-surface, var(--app-color-surface));padding:0;overflow:hidden;transition:box-shadow .28s ease}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--collapsible.form-group--collapsed{border-color:#e4e6ea;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:#d4dce8;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:.55rem .2rem;border-radius:0}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle) .form-group__header.form-group__header--single-line{padding:.65rem .2rem}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--expanded:not(.form-group--collapsible) .form-group__header{margin-bottom:0;padding-bottom:.55rem}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--expanded:not(.form-group--collapsible) .form-group__header.form-group__header--single-line{margin-bottom:0;padding:.65rem .2rem}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--collapsible:not(.form-group--dense) .form-group__header{margin-bottom:0;padding:.55rem .2rem}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--collapsible:not(.form-group--dense) .form-group__header.form-group__header--single-line{padding:.65rem .2rem}:host.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--expanded .form-group__body{padding:.55rem .2rem}:host.form-group--dense.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--expanded:not(.form-group--collapsible) .form-group__header{margin-bottom:0;padding-bottom:.4rem}:host.form-group--dense.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--expanded:not(.form-group--collapsible) .form-group__header.form-group__header--single-line{margin-bottom:0;padding:.4rem}:host.form-group--dense.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--collapsible .form-group__header{margin-bottom:0;padding:.4rem}:host.form-group--dense.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--collapsible .form-group__header.form-group__header--single-line{padding:.4rem}:host.form-group--dense.form-group--default:not(.form-group--outlined):not(.form-group--subtle).form-group--expanded .form-group__body{padding:.4rem}.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, #9ca3af);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(--app-color-text-primary, #1a2f45)}.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, #9ca3af);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.1rem;min-width:0}:host.form-group--collapsible .form-group__body{display:grid;grid-template-rows:1fr;gap:0;overflow:visible;transition:grid-template-rows .28s cubic-bezier(.22,1,.36,1),padding .28s cubic-bezier(.22,1,.36,1)}:host.form-group--collapsible:not(.form-group--dense) .form-group__body .form-group__body-stack{gap:1.1rem}:host.form-group--dense.form-group--collapsible .form-group__body .form-group__body-stack{gap:.4rem}:host.form-group--collapsible .form-group__body .form-group__body-stack{min-height:0;overflow:visible}:host.form-group--collapsible.form-group--collapsed .form-group__body{padding:0}:host.form-group--collapsible .form-group__body.form-group__body--collapsed-hidden{display:grid;grid-template-rows:0fr;min-height:0;overflow:hidden;padding:0!important}:host.form-group--collapsible .form-group__body.form-group__body--collapsed-hidden .form-group__body-stack{min-height:0;overflow:hidden}@media(prefers-reduced-motion:reduce){:host.form-group--collapsible .form-group__body{transition:none}}.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)>*:not(app-form-group){display:flex;flex-direction:column;gap:inherit;min-width:0}:host ::ng-deep .form-group__body-stack:not(.form-group__body-stack--neutral)>app-form-group{display:block;width:100%;min-width:0;box-sizing:border-box}.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:.4rem}:host-context(app-form-section.form-section--panel):host.form-group--default:not(.form-group--outlined):not(.form-group--subtle):not(.form-group--dense).form-group--expanded .form-group__body{padding:.4rem .2rem}:host-context(app-form-section.form-section--panel):host.form-group--default:not(.form-group--outlined):not(.form-group--subtle):not(.form-group--dense).form-group--collapsible .form-group__header{padding:.45rem .2rem}:host-context(app-form-section.form-section--panel):host.form-group--default:not(.form-group--outlined):not(.form-group--subtle):not(.form-group--dense).form-group--collapsible .form-group__header.form-group__header--single-line{padding:.5rem .2rem}:host-context(app-form-section.form-section--panel):host.form-group--default:not(.form-group--outlined):not(.form-group--subtle):not(.form-group--dense).form-group--expanded:not(.form-group--collapsible) .form-group__header{padding:.55rem .2rem}:host-context(app-form-section.form-section--panel):host.form-group--default:not(.form-group--outlined):not(.form-group--subtle):not(.form-group--dense).form-group--expanded:not(.form-group--collapsible) .form-group__header.form-group__header--single-line{padding:.65rem .2rem}: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(--app-color-elevated-surface, var(--app-color-surface))}:host.form-group--subtle{padding:.55rem .4rem;border-radius:10px;background:var(--app-color-elevated-surface, var(--app-color-surface))}:host.form-group--subtle:not(.form-group--collapsible) .form-group__header{margin:0 0 .55rem;padding:0}:host.form-group--subtle:not(.form-group--collapsible).form-group--expanded .form-group__body{padding:0}:host.form-group--subtle:not(.form-group--collapsible) .form-group__title{font-size:1.05rem;font-weight:600}: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}:host.form-group--typography-sm .form-group__title{font-size:.95rem}:host.form-group--typography-sm .form-group__subtitle{font-size:.78rem}:host.form-group--typography-sm .form-group__chevron{width:1.35rem;height:1.35rem;font-size:.68rem}:host.form-group--dense.form-group--typography-sm .form-group__title{font-size:.92rem}:host.form-group--typography-lg .form-group__title{font-size:1.12rem}:host.form-group--typography-lg .form-group__subtitle{font-size:.9rem}:host.form-group--dense.form-group--typography-lg .form-group__title{font-size:1.08rem}\n"] }]
|
|
12202
12202
|
}], ctorParameters: () => [], propDecorators: { titulo: [{
|
|
12203
12203
|
type: Input,
|
|
12204
12204
|
args: [{ required: true }]
|
|
@@ -13943,11 +13943,11 @@ class FormTabsComponent {
|
|
|
13943
13943
|
}
|
|
13944
13944
|
}
|
|
13945
13945
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13946
|
-
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", size: "size", tamanhoCampoMobile: ["tamanhoCampoMobile", "tamanhoCampoMobile", booleanAttribute], tablistAriaLabel: "tablistAriaLabel", validationLinkItems: "validationLinkItems", validationLinkActive: ["validationLinkActive", "validationLinkActive", booleanAttribute] }, outputs: { activeKeyChange: "activeKeyChange" }, queries: [{ propertyName: "tabQuery", predicate: i0.forwardRef(() => FormTabComponent) }], usesOnChanges: true, 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.headerWarning\"\n (click)=\"selectTab(tab.key)\"\n >\n @if (tab.tabIconClass.trim()) {\n <i class=\"form-tabs__tab-icon\" [class]=\"tab.tabIconClass\" aria-hidden=\"true\"></i>\n }\n <span class=\"form-tabs__tab-label\">{{ tab.tabTitle }}</span>\n @if (tab.headerWarning) {\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;font-family:var(--structra-font-family);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-elevated-surface, var(--app-color-surface));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-icon{font-size:.95em;line-height:1;opacity:.88}.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, var(--app-color-surface));color:var(--app-color-tab-inactive-text, #51667a);font-size:.94rem;font-weight:var(--tabs-tab-weight, var(--structra-label-weight));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,.form-tabs__tab[aria-selected=true]{border-color:var(--app-color-primary, var(--ui-field-float-border-focus, #2b7fd9));background:var(--app-color-elevated-surface, var(--app-color-surface));color:var(--app-color-primary, var(--ui-field-float-border-focus, #2b7fd9));font-weight:var(--tabs-tab-active-weight, var(--structra-title-weight));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 .form-tabs__tab-icon,.form-tabs__tab[aria-selected=true] .form-tabs__tab-icon{color:inherit;opacity:1}.form-tabs__tab--active:hover:not(:disabled),.form-tabs__tab[aria-selected=true]:hover:not(:disabled){border-color:var(--app-color-primary, 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;padding-inline:4px;border-top:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .06))}:host.cadastro-metadata-page__tabs .form-tabs__shell{padding-inline:.
|
|
13946
|
+
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", size: "size", tamanhoCampoMobile: ["tamanhoCampoMobile", "tamanhoCampoMobile", booleanAttribute], tablistAriaLabel: "tablistAriaLabel", validationLinkItems: "validationLinkItems", validationLinkActive: ["validationLinkActive", "validationLinkActive", booleanAttribute] }, outputs: { activeKeyChange: "activeKeyChange" }, queries: [{ propertyName: "tabQuery", predicate: i0.forwardRef(() => FormTabComponent) }], usesOnChanges: true, 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.headerWarning\"\n (click)=\"selectTab(tab.key)\"\n >\n @if (tab.tabIconClass.trim()) {\n <i class=\"form-tabs__tab-icon\" [class]=\"tab.tabIconClass\" aria-hidden=\"true\"></i>\n }\n <span class=\"form-tabs__tab-label\">{{ tab.tabTitle }}</span>\n @if (tab.headerWarning) {\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;font-family:var(--structra-font-family);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-elevated-surface, var(--app-color-surface));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-icon{font-size:.95em;line-height:1;opacity:.88}.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, var(--app-color-surface));color:var(--app-color-tab-inactive-text, #51667a);font-size:.94rem;font-weight:var(--tabs-tab-weight, var(--structra-label-weight));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,.form-tabs__tab[aria-selected=true]{border-color:var(--app-color-primary, var(--ui-field-float-border-focus, #2b7fd9));background:var(--app-color-elevated-surface, var(--app-color-surface));color:var(--app-color-primary, var(--ui-field-float-border-focus, #2b7fd9));font-weight:var(--tabs-tab-active-weight, var(--structra-title-weight));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 .form-tabs__tab-icon,.form-tabs__tab[aria-selected=true] .form-tabs__tab-icon{color:inherit;opacity:1}.form-tabs__tab--active:hover:not(:disabled),.form-tabs__tab[aria-selected=true]:hover:not(:disabled){border-color:var(--app-color-primary, 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;padding-inline:4px;border-top:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .06))}:host.cadastro-metadata-page__tabs .form-tabs__shell{padding-inline:.2rem}:host.cadastro-metadata-page__tabs .form-tabs__panels{margin-top:0;padding-top:.4rem;padding-inline:0}.form-tabs--pill .form-tabs__tab{border-radius:999px;padding-inline:1.15rem}.form-tabs--header-size-sm .form-tabs__tab{padding:.36rem .72rem;font-size:.82rem;border-radius:9px;gap:.3rem}.form-tabs--header-size-sm .form-tabs__tab-warn-icon{font-size:.72rem}.form-tabs--header-size-lg .form-tabs__tab{padding:.62rem 1.2rem;font-size:1.02rem}.form-tabs--header-size-lg .form-tabs__tab-warn-icon{font-size:.9rem}.form-tabs--pill.form-tabs--header-size-sm .form-tabs__tab{padding-inline:.88rem}.form-tabs--pill.form-tabs--header-size-lg .form-tabs__tab{padding-inline:1.35rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
13947
13947
|
}
|
|
13948
13948
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormTabsComponent, decorators: [{
|
|
13949
13949
|
type: Component,
|
|
13950
|
-
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.headerWarning\"\n (click)=\"selectTab(tab.key)\"\n >\n @if (tab.tabIconClass.trim()) {\n <i class=\"form-tabs__tab-icon\" [class]=\"tab.tabIconClass\" aria-hidden=\"true\"></i>\n }\n <span class=\"form-tabs__tab-label\">{{ tab.tabTitle }}</span>\n @if (tab.headerWarning) {\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;font-family:var(--structra-font-family);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-elevated-surface, var(--app-color-surface));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-icon{font-size:.95em;line-height:1;opacity:.88}.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, var(--app-color-surface));color:var(--app-color-tab-inactive-text, #51667a);font-size:.94rem;font-weight:var(--tabs-tab-weight, var(--structra-label-weight));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,.form-tabs__tab[aria-selected=true]{border-color:var(--app-color-primary, var(--ui-field-float-border-focus, #2b7fd9));background:var(--app-color-elevated-surface, var(--app-color-surface));color:var(--app-color-primary, var(--ui-field-float-border-focus, #2b7fd9));font-weight:var(--tabs-tab-active-weight, var(--structra-title-weight));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 .form-tabs__tab-icon,.form-tabs__tab[aria-selected=true] .form-tabs__tab-icon{color:inherit;opacity:1}.form-tabs__tab--active:hover:not(:disabled),.form-tabs__tab[aria-selected=true]:hover:not(:disabled){border-color:var(--app-color-primary, 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;padding-inline:4px;border-top:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .06))}:host.cadastro-metadata-page__tabs .form-tabs__shell{padding-inline:.
|
|
13950
|
+
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.headerWarning\"\n (click)=\"selectTab(tab.key)\"\n >\n @if (tab.tabIconClass.trim()) {\n <i class=\"form-tabs__tab-icon\" [class]=\"tab.tabIconClass\" aria-hidden=\"true\"></i>\n }\n <span class=\"form-tabs__tab-label\">{{ tab.tabTitle }}</span>\n @if (tab.headerWarning) {\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;font-family:var(--structra-font-family);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-elevated-surface, var(--app-color-surface));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-icon{font-size:.95em;line-height:1;opacity:.88}.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, var(--app-color-surface));color:var(--app-color-tab-inactive-text, #51667a);font-size:.94rem;font-weight:var(--tabs-tab-weight, var(--structra-label-weight));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,.form-tabs__tab[aria-selected=true]{border-color:var(--app-color-primary, var(--ui-field-float-border-focus, #2b7fd9));background:var(--app-color-elevated-surface, var(--app-color-surface));color:var(--app-color-primary, var(--ui-field-float-border-focus, #2b7fd9));font-weight:var(--tabs-tab-active-weight, var(--structra-title-weight));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 .form-tabs__tab-icon,.form-tabs__tab[aria-selected=true] .form-tabs__tab-icon{color:inherit;opacity:1}.form-tabs__tab--active:hover:not(:disabled),.form-tabs__tab[aria-selected=true]:hover:not(:disabled){border-color:var(--app-color-primary, 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;padding-inline:4px;border-top:1px solid var(--app-color-border-subtle, rgba(26, 47, 69, .06))}:host.cadastro-metadata-page__tabs .form-tabs__shell{padding-inline:.2rem}:host.cadastro-metadata-page__tabs .form-tabs__panels{margin-top:0;padding-top:.4rem;padding-inline:0}.form-tabs--pill .form-tabs__tab{border-radius:999px;padding-inline:1.15rem}.form-tabs--header-size-sm .form-tabs__tab{padding:.36rem .72rem;font-size:.82rem;border-radius:9px;gap:.3rem}.form-tabs--header-size-sm .form-tabs__tab-warn-icon{font-size:.72rem}.form-tabs--header-size-lg .form-tabs__tab{padding:.62rem 1.2rem;font-size:1.02rem}.form-tabs--header-size-lg .form-tabs__tab-warn-icon{font-size:.9rem}.form-tabs--pill.form-tabs--header-size-sm .form-tabs__tab{padding-inline:.88rem}.form-tabs--pill.form-tabs--header-size-lg .form-tabs__tab{padding-inline:1.35rem}\n"] }]
|
|
13951
13951
|
}], ctorParameters: () => [], propDecorators: { tabQuery: [{
|
|
13952
13952
|
type: ContentChildren,
|
|
13953
13953
|
args: [forwardRef(() => FormTabComponent), { descendants: false }]
|