structra-ui 0.2.94 → 0.2.97
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 +12 -14
- package/fesm2022/structra-ui.mjs.map +1 -1
- 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 }]
|
|
@@ -12428,11 +12428,11 @@ class FormSectionComponent {
|
|
|
12428
12428
|
return this.titulo.trim().length > 0 || this.subtitulo.trim().length > 0;
|
|
12429
12429
|
}
|
|
12430
12430
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12431
|
-
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], size: "size", tamanhoCampoMobile: ["tamanhoCampoMobile", "tamanhoCampoMobile", booleanAttribute] }, host: { properties: { "class": "this.hostClass", "style.max-width": "this.hostMaxWidth", "style.margin-inline": "this.hostMarginInline" } }, usesOnChanges: true, ngImport: i0, template: "@if (showHeader) {\n<header class=\"form-section__header\">\n @if (titulo.trim()) {\n <h2 class=\"form-section__title\">{{ titulo }}</h2>\n }\n @if (subtitulo.trim()) {\n <p class=\"form-section__subtitle\">{{ subtitulo }}</p>\n }\n</header>\n}\n<div class=\"form-section__content form-section__body\">\n <ng-content />\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;font-family:var(--structra-font-family)}.form-section__header{margin:0 0 .55rem;padding:0}.form-section__title{margin:0 0 .2rem;font-size:1.05rem;font-weight:600;line-height:1.35;color:var(--app-color-text-primary, #1a2f45)}.form-section__subtitle{margin:0;font-size:.85rem;font-weight:var(--form-section-subtitle-weight, var(--structra-body-weight));line-height:1.4;color:var(--app-color-text-muted, #525252)}.form-section__content,.form-section__body{display:flex;flex-direction:column;gap:.4rem;min-width:0;box-sizing:border-box}: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-elevated-surface, var(--app-color-surface));--form-section-surface-shadow: 0 .4rem 1.25rem rgba(15, 23, 42, .08);--form-section-surface-padding-x: .5rem;--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);--form-section-surface-padding-y: .75rem}:host.form-section--panel .form-section__header{margin-bottom:.55rem}:host.form-section--panel .form-section__body{gap:.4rem}: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:.55rem}:host.form-section--dense .form-section__title{font-size:1rem}:host.form-section--dense .form-section__body{gap:.4rem}:host.form-section--dense.form-section--panel,:host.form-section--dense.form-section--card{--form-section-surface-padding-x: .4rem;--form-section-surface-padding-y: .65rem}:host.form-section--divider{padding-bottom:1.75rem;margin-bottom:1.75rem;border-bottom:1px solid var(--app-color-border, #e5e5e5)}:host.form-section--dense.form-section--divider{padding-bottom:1.25rem;margin-bottom:1.25rem}:host.form-section--typography-sm .form-section__title{font-size:.95rem}:host.form-section--typography-sm .form-section__subtitle{font-size:.82rem}:host.form-section--dense.form-section--typography-sm .form-section__title{font-size:.92rem}:host.form-section--typography-lg .form-section__title{font-size:1.12rem}:host.form-section--typography-lg .form-section__subtitle{font-size:.9rem}:host.form-section--dense.form-section--typography-lg .form-section__title{font-size:1.08rem}:host-context(app-form-group):host.form-section--panel,:host-context(app-form-group):host.form-section--card{--form-section-surface-padding-x: .2rem;--form-section-surface-padding-y: .4rem;--form-section-surface-shadow: none;border-color:transparent;background:transparent}:host-context(app-form-group):host.form-section--panel .form-section__header,:host-context(app-form-group):host.form-section--card .form-section__header{margin-bottom:.55rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
12431
|
+
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], size: "size", tamanhoCampoMobile: ["tamanhoCampoMobile", "tamanhoCampoMobile", booleanAttribute] }, host: { properties: { "class": "this.hostClass", "style.max-width": "this.hostMaxWidth", "style.margin-inline": "this.hostMarginInline" } }, usesOnChanges: true, ngImport: i0, template: "@if (showHeader) {\n<header class=\"form-section__header\">\n @if (titulo.trim()) {\n <h2 class=\"form-section__title\">{{ titulo }}</h2>\n }\n @if (subtitulo.trim()) {\n <p class=\"form-section__subtitle\">{{ subtitulo }}</p>\n }\n</header>\n}\n<div class=\"form-section__content form-section__body\">\n <ng-content />\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;font-family:var(--structra-font-family)}.form-section__header{margin:0 0 .55rem;padding:0}.form-section__title{margin:0 0 .2rem;font-size:1.05rem;font-weight:600;line-height:1.35;color:var(--app-color-text-primary, #1a2f45)}.form-section__subtitle{margin:0;font-size:.85rem;font-weight:var(--form-section-subtitle-weight, var(--structra-body-weight));line-height:1.4;color:var(--app-color-text-muted, #525252)}.form-section__content,.form-section__body{display:flex;flex-direction:column;gap:.4rem;min-width:0;box-sizing:border-box}: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-elevated-surface, var(--app-color-surface));--form-section-surface-shadow: 0 .4rem 1.25rem rgba(15, 23, 42, .08);--form-section-surface-padding-x: .5rem;--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);--form-section-surface-padding-y: .75rem}:host.form-section--panel .form-section__header{margin-bottom:.55rem}:host.form-section--panel .form-section__body{gap:.4rem}: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:.55rem}:host.form-section--dense .form-section__title{font-size:1rem}:host.form-section--dense .form-section__body{gap:.4rem}:host.form-section--dense.form-section--panel,:host.form-section--dense.form-section--card{--form-section-surface-padding-x: .4rem;--form-section-surface-padding-y: .65rem}:host.form-section--divider{padding-bottom:1.75rem;margin-bottom:1.75rem;border-bottom:1px solid var(--app-color-border, #e5e5e5)}:host.form-section--dense.form-section--divider{padding-bottom:1.25rem;margin-bottom:1.25rem}:host.form-section--typography-sm .form-section__title{font-size:.95rem}:host.form-section--typography-sm .form-section__subtitle{font-size:.82rem}:host.form-section--dense.form-section--typography-sm .form-section__title{font-size:.92rem}:host.form-section--typography-lg .form-section__title{font-size:1.12rem}:host.form-section--typography-lg .form-section__subtitle{font-size:.9rem}:host.form-section--dense.form-section--typography-lg .form-section__title{font-size:1.08rem}:host-context(app-form-group):host.form-section--panel,:host-context(app-form-group):host.form-section--card{--form-section-surface-padding-x: .2rem;--form-section-surface-padding-y: .4rem;--form-section-surface-shadow: none;border-color:transparent;background:transparent}:host-context(app-form-group):host.form-section--panel .form-section__header,:host-context(app-form-group):host.form-section--card .form-section__header{margin-bottom:.55rem}:host-context(.cadastro-page-shell__tab-panel):host.cadastro-fields-base__section.form-section--panel,:host-context(.cadastro-page-shell__tab-panel):host.cadastro-fields-base__section.form-section--card{--form-section-surface-padding-x: 0;--form-section-surface-padding-y: 0;--form-section-surface-shadow: none;padding:0;border:none;background:transparent;box-shadow:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
12432
12432
|
}
|
|
12433
12433
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormSectionComponent, decorators: [{
|
|
12434
12434
|
type: Component,
|
|
12435
|
-
args: [{ selector: 'app-form-section', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (showHeader) {\n<header class=\"form-section__header\">\n @if (titulo.trim()) {\n <h2 class=\"form-section__title\">{{ titulo }}</h2>\n }\n @if (subtitulo.trim()) {\n <p class=\"form-section__subtitle\">{{ subtitulo }}</p>\n }\n</header>\n}\n<div class=\"form-section__content form-section__body\">\n <ng-content />\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;font-family:var(--structra-font-family)}.form-section__header{margin:0 0 .55rem;padding:0}.form-section__title{margin:0 0 .2rem;font-size:1.05rem;font-weight:600;line-height:1.35;color:var(--app-color-text-primary, #1a2f45)}.form-section__subtitle{margin:0;font-size:.85rem;font-weight:var(--form-section-subtitle-weight, var(--structra-body-weight));line-height:1.4;color:var(--app-color-text-muted, #525252)}.form-section__content,.form-section__body{display:flex;flex-direction:column;gap:.4rem;min-width:0;box-sizing:border-box}: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-elevated-surface, var(--app-color-surface));--form-section-surface-shadow: 0 .4rem 1.25rem rgba(15, 23, 42, .08);--form-section-surface-padding-x: .5rem;--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);--form-section-surface-padding-y: .75rem}:host.form-section--panel .form-section__header{margin-bottom:.55rem}:host.form-section--panel .form-section__body{gap:.4rem}: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:.55rem}:host.form-section--dense .form-section__title{font-size:1rem}:host.form-section--dense .form-section__body{gap:.4rem}:host.form-section--dense.form-section--panel,:host.form-section--dense.form-section--card{--form-section-surface-padding-x: .4rem;--form-section-surface-padding-y: .65rem}:host.form-section--divider{padding-bottom:1.75rem;margin-bottom:1.75rem;border-bottom:1px solid var(--app-color-border, #e5e5e5)}:host.form-section--dense.form-section--divider{padding-bottom:1.25rem;margin-bottom:1.25rem}:host.form-section--typography-sm .form-section__title{font-size:.95rem}:host.form-section--typography-sm .form-section__subtitle{font-size:.82rem}:host.form-section--dense.form-section--typography-sm .form-section__title{font-size:.92rem}:host.form-section--typography-lg .form-section__title{font-size:1.12rem}:host.form-section--typography-lg .form-section__subtitle{font-size:.9rem}:host.form-section--dense.form-section--typography-lg .form-section__title{font-size:1.08rem}:host-context(app-form-group):host.form-section--panel,:host-context(app-form-group):host.form-section--card{--form-section-surface-padding-x: .2rem;--form-section-surface-padding-y: .4rem;--form-section-surface-shadow: none;border-color:transparent;background:transparent}:host-context(app-form-group):host.form-section--panel .form-section__header,:host-context(app-form-group):host.form-section--card .form-section__header{margin-bottom:.55rem}\n"] }]
|
|
12435
|
+
args: [{ selector: 'app-form-section', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (showHeader) {\n<header class=\"form-section__header\">\n @if (titulo.trim()) {\n <h2 class=\"form-section__title\">{{ titulo }}</h2>\n }\n @if (subtitulo.trim()) {\n <p class=\"form-section__subtitle\">{{ subtitulo }}</p>\n }\n</header>\n}\n<div class=\"form-section__content form-section__body\">\n <ng-content />\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;font-family:var(--structra-font-family)}.form-section__header{margin:0 0 .55rem;padding:0}.form-section__title{margin:0 0 .2rem;font-size:1.05rem;font-weight:600;line-height:1.35;color:var(--app-color-text-primary, #1a2f45)}.form-section__subtitle{margin:0;font-size:.85rem;font-weight:var(--form-section-subtitle-weight, var(--structra-body-weight));line-height:1.4;color:var(--app-color-text-muted, #525252)}.form-section__content,.form-section__body{display:flex;flex-direction:column;gap:.4rem;min-width:0;box-sizing:border-box}: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-elevated-surface, var(--app-color-surface));--form-section-surface-shadow: 0 .4rem 1.25rem rgba(15, 23, 42, .08);--form-section-surface-padding-x: .5rem;--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);--form-section-surface-padding-y: .75rem}:host.form-section--panel .form-section__header{margin-bottom:.55rem}:host.form-section--panel .form-section__body{gap:.4rem}: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:.55rem}:host.form-section--dense .form-section__title{font-size:1rem}:host.form-section--dense .form-section__body{gap:.4rem}:host.form-section--dense.form-section--panel,:host.form-section--dense.form-section--card{--form-section-surface-padding-x: .4rem;--form-section-surface-padding-y: .65rem}:host.form-section--divider{padding-bottom:1.75rem;margin-bottom:1.75rem;border-bottom:1px solid var(--app-color-border, #e5e5e5)}:host.form-section--dense.form-section--divider{padding-bottom:1.25rem;margin-bottom:1.25rem}:host.form-section--typography-sm .form-section__title{font-size:.95rem}:host.form-section--typography-sm .form-section__subtitle{font-size:.82rem}:host.form-section--dense.form-section--typography-sm .form-section__title{font-size:.92rem}:host.form-section--typography-lg .form-section__title{font-size:1.12rem}:host.form-section--typography-lg .form-section__subtitle{font-size:.9rem}:host.form-section--dense.form-section--typography-lg .form-section__title{font-size:1.08rem}:host-context(app-form-group):host.form-section--panel,:host-context(app-form-group):host.form-section--card{--form-section-surface-padding-x: .2rem;--form-section-surface-padding-y: .4rem;--form-section-surface-shadow: none;border-color:transparent;background:transparent}:host-context(app-form-group):host.form-section--panel .form-section__header,:host-context(app-form-group):host.form-section--card .form-section__header{margin-bottom:.55rem}:host-context(.cadastro-page-shell__tab-panel):host.cadastro-fields-base__section.form-section--panel,:host-context(.cadastro-page-shell__tab-panel):host.cadastro-fields-base__section.form-section--card{--form-section-surface-padding-x: 0;--form-section-surface-padding-y: 0;--form-section-surface-shadow: none;padding:0;border:none;background:transparent;box-shadow:none}\n"] }]
|
|
12436
12436
|
}], ctorParameters: () => [], propDecorators: { titulo: [{
|
|
12437
12437
|
type: Input,
|
|
12438
12438
|
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 }]
|
|
@@ -45096,7 +45096,7 @@ class CadastroMetadataPageComponent {
|
|
|
45096
45096
|
return o != null && o.trim() !== '' ? o.trim() : (c.runtime.subtitulo?.() ?? '');
|
|
45097
45097
|
}
|
|
45098
45098
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CadastroMetadataPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
45099
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: CadastroMetadataPageComponent, isStandalone: true, selector: "app-cadastro-metadata-page", inputs: { entityName: { classPropertyName: "entityName", publicName: "entityName", isSignal: true, isRequired: true, transformFunction: null }, entityLabel: { classPropertyName: "entityLabel", publicName: "entityLabel", isSignal: true, isRequired: true, transformFunction: null }, cadastro: { classPropertyName: "cadastro", publicName: "cadastro", isSignal: true, isRequired: false, transformFunction: null }, initError: { classPropertyName: "initError", publicName: "initError", isSignal: true, isRequired: false, transformFunction: null }, initLoading: { classPropertyName: "initLoading", publicName: "initLoading", isSignal: true, isRequired: false, transformFunction: null }, validationUi: { classPropertyName: "validationUi", publicName: "validationUi", isSignal: true, isRequired: false, transformFunction: null }, searchSelectBindings: { classPropertyName: "searchSelectBindings", publicName: "searchSelectBindings", isSignal: true, isRequired: false, transformFunction: null }, listSelectBindings: { classPropertyName: "listSelectBindings", publicName: "listSelectBindings", isSignal: true, isRequired: false, transformFunction: null }, multiselectBindings: { classPropertyName: "multiselectBindings", publicName: "multiselectBindings", isSignal: true, isRequired: false, transformFunction: null }, metadataCamposReply: { classPropertyName: "metadataCamposReply", publicName: "metadataCamposReply", isSignal: true, isRequired: false, transformFunction: null }, redirectReturnUrl: { classPropertyName: "redirectReturnUrl", publicName: "redirectReturnUrl", isSignal: true, isRequired: false, transformFunction: null }, painelMaxWidthHint: { classPropertyName: "painelMaxWidthHint", publicName: "painelMaxWidthHint", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, corpoCentralizado: { classPropertyName: "corpoCentralizado", publicName: "corpoCentralizado", isSignal: true, isRequired: false, transformFunction: null }, cabecalhoPaginaVisivel: { classPropertyName: "cabecalhoPaginaVisivel", publicName: "cabecalhoPaginaVisivel", isSignal: true, isRequired: false, transformFunction: null }, toolbarInterno: { classPropertyName: "toolbarInterno", publicName: "toolbarInterno", isSignal: true, isRequired: false, transformFunction: null }, embeddedInReferenciaDialog: { classPropertyName: "embeddedInReferenciaDialog", publicName: "embeddedInReferenciaDialog", isSignal: true, isRequired: false, transformFunction: null }, suppressInternalPageTabs: { classPropertyName: "suppressInternalPageTabs", publicName: "suppressInternalPageTabs", isSignal: true, isRequired: false, transformFunction: null }, externalShellTabKey: { classPropertyName: "externalShellTabKey", publicName: "externalShellTabKey", isSignal: true, isRequired: false, transformFunction: null }, embeddedInPageShell: { classPropertyName: "embeddedInPageShell", publicName: "embeddedInPageShell", isSignal: true, isRequired: false, transformFunction: null }, headerSecondaryAction: { classPropertyName: "headerSecondaryAction", publicName: "headerSecondaryAction", isSignal: true, isRequired: false, transformFunction: null }, tituloSection: { classPropertyName: "tituloSection", publicName: "tituloSection", isSignal: true, isRequired: false, transformFunction: null }, subtituloSection: { classPropertyName: "subtituloSection", publicName: "subtituloSection", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { salvarSubmit: "salvarSubmit", toolbarButtonClick: "toolbarButtonClick", headerSecondaryActionClick: "headerSecondaryActionClick" }, host: { properties: { "class.cadastro-metadata-page--referencia-dialog": "embeddedInReferenciaDialog()", "class.cadastro-metadata-page--embedded-page-shell": "embeddedInPageShell()" }, classAttribute: "cadastro-metadata-page" }, ngImport: i0, template: "<app-cadastro-base-page class=\"cadastro-metadata-page__shell\" [cadastroInitError]=\"initError()\"\n [cadastroInitLoading]=\"initLoading()\" [runtime]=\"cadastro()?.runtime ?? null\"\n [shellTopbarReserveDuplicar]=\"cadastro()?.duplicateTopbarEnabled === true\"\n [toolbarInterno]=\"toolbarInterno()\"\n [embeddedInReferenciaDialog]=\"embeddedInReferenciaDialog()\"\n [corpoCentralizado]=\"formularioCorpoCentralizado()\" [cabecalhoPaginaVisivel]=\"cabecalhoPaginaVisivel()\"\n [validationUi]=\"validationUi()\" [skeletonPanelMaxWidth]=\"painelMaxWidthCss()\"\n [headerSecondaryAction]=\"headerSecondaryAction()\"\n (headerSecondaryActionClick)=\"headerSecondaryActionClick.emit()\">\n <ng-template #cadastroShellTopbarEnd>\n @if (!embeddedInReferenciaDialog()) {\n @if (cadastro(); as c) {\n <div class=\"cadastro-metadata-page__topbar-actions cadastro-shell-topbar-actions-row flex flex-wrap items-center justify-end gap-2\">\n @if (headerSecondaryActionVisible()) {\n @let headerAction = headerSecondaryAction()!;\n <app-button type=\"button\" class=\"cadastro-shell-topbar-btn-header-secondary\" variant=\"secondary\" size=\"md\"\n [fullWidth]=\"false\"\n [disabled]=\"headerAction.disabled || c.runtime.loading() || c.runtime.salvando() || c.runtime.excluindo()\"\n (click)=\"headerSecondaryActionClick.emit()\"\n [attr.aria-label]=\"headerAction.label\">\n <span class=\"cadastro-shell-topbar-btn-inner\">\n @if (headerAction.icon?.trim()) {\n <i [class]=\"headerAction.icon!.trim() + ' cadastro-shell-topbar-btn-icon'\" aria-hidden=\"true\"></i>\n }\n <span class=\"cadastro-shell-topbar-btn-label\">{{ headerAction.label }}</span>\n </span>\n </app-button>\n }\n @if (c.runtime.exibirToolbarSalvar) {\n <app-button type=\"button\" class=\"cadastro-shell-topbar-btn-salvar\" variant=\"success\" size=\"md\"\n [fullWidth]=\"false\" [disabled]=\"c.runtime.loading() || c.runtime.salvando()\"\n [loading]=\"c.runtime.salvando()\" (click)=\"c.runtime.salvar()\" [attr.aria-label]=\"'Salvar'\">\n <span class=\"cadastro-shell-topbar-btn-inner\">\n <i class=\"fa-solid fa-floppy-disk cadastro-shell-topbar-btn-icon\" aria-hidden=\"true\"></i>\n <span class=\"cadastro-shell-topbar-btn-label\">Salvar</span>\n </span>\n </app-button>\n }\n @if (c.runtime.exibirToolbarNovo && c.runtime.duplicar && c.runtime.podeDuplicar()) {\n <app-button type=\"button\" variant=\"secondary\" size=\"md\" [fullWidth]=\"false\"\n [disabled]=\"c.runtime.loading() || c.runtime.salvando() || c.runtime.excluindo()\"\n (click)=\"c.runtime.duplicar!()\" [attr.aria-label]=\"'Duplicar'\">\n <span class=\"cadastro-shell-topbar-btn-inner\">\n <i class=\"fa-solid fa-copy cadastro-shell-topbar-btn-icon\" aria-hidden=\"true\"></i>\n <span class=\"cadastro-shell-topbar-btn-label\">Duplicar</span>\n </span>\n </app-button>\n }\n @if (c.runtime.exibirToolbarNovo) {\n <app-button type=\"button\" variant=\"secondary\" size=\"md\" [fullWidth]=\"false\"\n [disabled]=\"!c.runtime.podeNovo()\"\n (click)=\"c.runtime.novo()\" [attr.aria-label]=\"'Novo registro'\">\n <span class=\"cadastro-shell-topbar-btn-inner\">\n <i class=\"fa-solid fa-file cadastro-shell-topbar-btn-icon\" aria-hidden=\"true\"></i>\n <span class=\"cadastro-shell-topbar-btn-label\">Novo</span>\n </span>\n </app-button>\n }\n @if (c.runtime.exibirToolbarExcluir && c.runtime.podeExcluir() && c.runtime.excluir) {\n <app-button type=\"button\" variant=\"danger\" size=\"md\" [fullWidth]=\"false\"\n [disabled]=\"c.runtime.salvando() || c.runtime.excluindo()\" [loading]=\"c.runtime.excluindo()\"\n (click)=\"c.runtime.excluir!()\" [attr.aria-label]=\"'Excluir'\">\n <span class=\"cadastro-shell-topbar-btn-inner\">\n <i class=\"fa-solid fa-trash-can cadastro-shell-topbar-btn-icon\" aria-hidden=\"true\"></i>\n <span class=\"cadastro-shell-topbar-btn-label\">Excluir</span>\n </span>\n </app-button>\n }\n @for (btn of toolbarButtonsEfectivos(); track btn.actionId) {\n @if (toolbarButtonVisible(c, btn)) {\n <app-button type=\"button\" size=\"md\" [fullWidth]=\"false\"\n [variant]=\"toolbarButtonVariant(btn.variant)\"\n [disabled]=\"toolbarButtonDisabled(c, btn)\"\n (click)=\"toolbarButtonClick.emit(btn)\"\n [attr.aria-label]=\"btn.label\">\n <span class=\"cadastro-shell-topbar-btn-inner\">\n @if (btn.iconClass.trim()) {\n <i [class]=\"btn.iconClass + ' cadastro-shell-topbar-btn-icon'\" aria-hidden=\"true\"></i>\n }\n <span class=\"cadastro-shell-topbar-btn-label\">{{ btn.label }}</span>\n </span>\n </app-button>\n }\n }\n </div>\n }\n }\n </ng-template>\n @if (cadastro(); as c) {\n <form [formGroup]=\"c.form\" (ngSubmit)=\"salvarSubmit.emit()\" novalidate\n class=\"cadastro-metadata-page__form flex w-full flex-col gap-2\"\n [class.mx-auto]=\"formularioCorpoCentralizado()\"\n [style.max-width]=\"formularioPainelMaxWidthCss()\">\n <app-form-section class=\"cadastro-metadata-page__section w-full\" [divider]=\"false\"\n [variant]=\"embeddedInPageShell() ? 'plain' : 'panel'\"\n [titulo]=\"sectionTitulo(c)\" [subtitulo]=\"sectionSubtitulo(c)\">\n <app-cadastro-fields-base [metadata]=\"metadataLayoutParaCampos()\"\n [camposMetadata]=\"camposMetadataCapa(c)\" [form]=\"c.form\" [runtime]=\"c.runtime\"\n [formKey]=\"entityName()\" [cadastroUiRegistry]=\"c.uiRegistry\" [searchSelectBindings]=\"searchSelectBindings()\"\n [listSelectBindings]=\"listSelectBindings()\" [multiselectBindings]=\"multiselectBindings()\"\n [redirectReturnUrl]=\"redirectReturnUrl()\" [formGridColumns]=\"formGridColumnsParaCampos()\"\n [sectionToolbarButtonsByKey]=\"c.sectionToolbarButtonsByKey ?? {}\"\n [sectionToolbarButtonDisabled]=\"c.sectionToolbarButtonDisabled ?? null\"\n (sectionToolbarButtonClick)=\"toolbarButtonClick.emit($event)\" />\n @if (layoutPageTabsOrdenadas().length > 0) {\n <app-form-tabs class=\"cadastro-metadata-page__tabs w-full\" [activeKey]=\"activeCadastroPageTabKey()\"\n (activeKeyChange)=\"onActiveCadastroTabChange($event)\" tablistAriaLabel=\"Sec\u00E7\u00F5es do cadastro\"\n variant=\"default\">\n @for (tab of layoutPageTabsOrdenadas(); track tab.key) {\n <app-form-tab [key]=\"tab.key\" [tabTitle]=\"tab.label\" [tabIconClass]=\"tab.icon\"\n [warning]=\"tabTemAvisoInvalidoVisivel(c, tab.key)\">\n @if (camposMetadataParaTab(c, tab.key).length > 0) {\n <app-cadastro-fields-base [metadata]=\"metadataLayoutParaCampos()\"\n [camposMetadata]=\"camposMetadataParaTab(c, tab.key)\" [form]=\"c.form\" [runtime]=\"c.runtime\"\n [formKey]=\"entityName()\" [cadastroUiRegistry]=\"c.uiRegistry\" [searchSelectBindings]=\"searchSelectBindings()\"\n [listSelectBindings]=\"listSelectBindings()\" [multiselectBindings]=\"multiselectBindings()\"\n [redirectReturnUrl]=\"redirectReturnUrl()\" [formGridColumns]=\"formGridColumnsParaCampos()\"\n [sectionToolbarButtonsByKey]=\"c.sectionToolbarButtonsByKey ?? {}\"\n [sectionToolbarButtonDisabled]=\"c.sectionToolbarButtonDisabled ?? null\"\n (sectionToolbarButtonClick)=\"toolbarButtonClick.emit($event)\" />\n } @else {\n <div class=\"cadastro-metadata-page__tab-empty px-2 py-8 text-center text-sm text-slate-500\">\n Sem conte\u00FAdo nesta sec\u00E7\u00E3o.\n </div>\n }\n </app-form-tab>\n }\n </app-form-tabs>\n }\n </app-form-section>\n </form>\n }\n</app-cadastro-base-page>\n", styles: ["@charset \"UTF-8\";:host{display:flex;flex-direction:column;flex:1 1 0%;min-height:0;width:100%;min-width:0;box-sizing:border-box}.cadastro-metadata-page__shell{flex:1 1 0%;min-height:0;width:100%;min-width:0;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;overflow-y:auto}:host.cadastro-metadata-page--referencia-dialog .cadastro-metadata-page__shell{padding-inline:0;padding-block:.25rem .35rem;overflow-y:visible}@media(max-width:767.98px){:host.cadastro-metadata-page--referencia-dialog .cadastro-metadata-page__shell{padding-inline:0;padding-block:.2rem .35rem}}.cadastro-metadata-page__form{display:flex;flex-direction:column;gap:.5rem;box-sizing:border-box;width:100%;margin-inline:auto}:host ::ng-deep .cadastro-metadata-page__section.form-section--panel .form-section__body{gap:.4rem}:host ::ng-deep .cadastro-metadata-page__tabs .form-tab__panel{gap:.4rem}:host.cadastro-metadata-page--embedded-page-shell .cadastro-metadata-page__shell{padding:0;overflow-y:visible}:host.cadastro-metadata-page--embedded-page-shell .cadastro-metadata-page__form{width:100%;max-width:none!important;margin-inline:0!important;gap:.4rem}:host.cadastro-metadata-page--embedded-page-shell .cadastro-base-page__body{width:100%;max-width:none;min-width:0}:host.cadastro-metadata-page--embedded-page-shell .cadastro-metadata-page__section.form-section--plain,:host.cadastro-metadata-page--embedded-page-shell .cadastro-metadata-page__section.form-section--panel{width:100%;max-width:none;margin:0;padding:0;border:none;border-radius:0;background:transparent;box-shadow:none}:host.cadastro-metadata-page--embedded-page-shell .cadastro-metadata-page__section .form-section__header{display:none}:host.cadastro-metadata-page--embedded-page-shell .cadastro-metadata-page__section .form-section__content,:host.cadastro-metadata-page--embedded-page-shell .cadastro-metadata-page__section .form-section__body{padding:0}\n", "@charset \"UTF-8\";.cadastro-shell-topbar-actions-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem}.cadastro-shell-topbar-btn-inner{display:inline-flex;align-items:center;gap:.375rem}.cadastro-shell-topbar-btn-icon{font-size:1.05rem;line-height:1;flex-shrink:0}.cadastro-shell-topbar-btn-label{white-space:nowrap}:host ::ng-deep app-button.cadastro-shell-topbar-btn-header-secondary.base-button--secondary .base-button__native{border-color:var(--ui-button-secondary-border, var(--app-color-border-strong));background:var(--ui-button-secondary-bg, var(--app-color-surface-alt))}:host ::ng-deep app-button.cadastro-shell-topbar-btn-header-secondary.base-button--secondary .base-button__native:hover:not(:disabled){border-color:var(--ui-button-secondary-border-hover, var(--ui-button-secondary-border, var(--app-color-border)));background:var(--ui-button-secondary-bg-hover, var(--app-color-button-secondary-hover-bg))}@media(max-width:767.98px){.cadastro-shell-topbar-actions-row .cadastro-shell-topbar-btn-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cadastro-shell-topbar-actions-row .cadastro-shell-topbar-btn-inner{gap:0}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: CadastroBasePageComponent, selector: "app-cadastro-base-page", inputs: ["runtime", "cadastroInitError", "cadastroInitLoading", "skeletonPanelMaxWidth", "toolbarInterno", "embeddedInReferenciaDialog", "corpoCentralizado", "cabecalhoPaginaVisivel", "validationUi", "validationSummaryPinned", "headerSecondaryAction", "validationSummaryTitle", "shellTopbarReserveDuplicar"], outputs: ["headerSecondaryActionClick"] }, { kind: "component", type: ButtonComponent, selector: "app-button" }, { kind: "component", type: FormSectionComponent, selector: "app-form-section", inputs: ["titulo", "subtitulo", "dense", "divider", "variant", "align", "maxWidth", "fullWidth", "radius", "elevated", "size", "tamanhoCampoMobile"] }, { kind: "component", type: FormTabsComponent, selector: "app-form-tabs", inputs: ["activeKey", "keepAlive", "stretch", "variant", "size", "tamanhoCampoMobile", "tablistAriaLabel", "validationLinkItems", "validationLinkActive"], outputs: ["activeKeyChange"] }, { kind: "component", type: FormTabComponent, selector: "app-form-tab", inputs: ["key", "tabTitle", "tabIconClass", "disabled", "warning", "validationLinkFieldIds"] }, { kind: "component", type: CadastroFieldsBaseComponent, selector: "app-cadastro-fields-base", inputs: ["metadata", "camposMetadata", "form", "runtime", "searchSelectBindings", "listSelectBindings", "multiselectBindings", "redirectReturnUrl", "formGridColumns", "cadastroUiRegistry", "formKey", "sectionToolbarButtonsByKey", "sectionToolbarButtonDisabled"], outputs: ["sectionToolbarButtonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
45099
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: CadastroMetadataPageComponent, isStandalone: true, selector: "app-cadastro-metadata-page", inputs: { entityName: { classPropertyName: "entityName", publicName: "entityName", isSignal: true, isRequired: true, transformFunction: null }, entityLabel: { classPropertyName: "entityLabel", publicName: "entityLabel", isSignal: true, isRequired: true, transformFunction: null }, cadastro: { classPropertyName: "cadastro", publicName: "cadastro", isSignal: true, isRequired: false, transformFunction: null }, initError: { classPropertyName: "initError", publicName: "initError", isSignal: true, isRequired: false, transformFunction: null }, initLoading: { classPropertyName: "initLoading", publicName: "initLoading", isSignal: true, isRequired: false, transformFunction: null }, validationUi: { classPropertyName: "validationUi", publicName: "validationUi", isSignal: true, isRequired: false, transformFunction: null }, searchSelectBindings: { classPropertyName: "searchSelectBindings", publicName: "searchSelectBindings", isSignal: true, isRequired: false, transformFunction: null }, listSelectBindings: { classPropertyName: "listSelectBindings", publicName: "listSelectBindings", isSignal: true, isRequired: false, transformFunction: null }, multiselectBindings: { classPropertyName: "multiselectBindings", publicName: "multiselectBindings", isSignal: true, isRequired: false, transformFunction: null }, metadataCamposReply: { classPropertyName: "metadataCamposReply", publicName: "metadataCamposReply", isSignal: true, isRequired: false, transformFunction: null }, redirectReturnUrl: { classPropertyName: "redirectReturnUrl", publicName: "redirectReturnUrl", isSignal: true, isRequired: false, transformFunction: null }, painelMaxWidthHint: { classPropertyName: "painelMaxWidthHint", publicName: "painelMaxWidthHint", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, corpoCentralizado: { classPropertyName: "corpoCentralizado", publicName: "corpoCentralizado", isSignal: true, isRequired: false, transformFunction: null }, cabecalhoPaginaVisivel: { classPropertyName: "cabecalhoPaginaVisivel", publicName: "cabecalhoPaginaVisivel", isSignal: true, isRequired: false, transformFunction: null }, toolbarInterno: { classPropertyName: "toolbarInterno", publicName: "toolbarInterno", isSignal: true, isRequired: false, transformFunction: null }, embeddedInReferenciaDialog: { classPropertyName: "embeddedInReferenciaDialog", publicName: "embeddedInReferenciaDialog", isSignal: true, isRequired: false, transformFunction: null }, suppressInternalPageTabs: { classPropertyName: "suppressInternalPageTabs", publicName: "suppressInternalPageTabs", isSignal: true, isRequired: false, transformFunction: null }, externalShellTabKey: { classPropertyName: "externalShellTabKey", publicName: "externalShellTabKey", isSignal: true, isRequired: false, transformFunction: null }, embeddedInPageShell: { classPropertyName: "embeddedInPageShell", publicName: "embeddedInPageShell", isSignal: true, isRequired: false, transformFunction: null }, headerSecondaryAction: { classPropertyName: "headerSecondaryAction", publicName: "headerSecondaryAction", isSignal: true, isRequired: false, transformFunction: null }, tituloSection: { classPropertyName: "tituloSection", publicName: "tituloSection", isSignal: true, isRequired: false, transformFunction: null }, subtituloSection: { classPropertyName: "subtituloSection", publicName: "subtituloSection", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { salvarSubmit: "salvarSubmit", toolbarButtonClick: "toolbarButtonClick", headerSecondaryActionClick: "headerSecondaryActionClick" }, host: { properties: { "class.cadastro-metadata-page--referencia-dialog": "embeddedInReferenciaDialog()", "class.cadastro-metadata-page--embedded-page-shell": "embeddedInPageShell()" }, classAttribute: "cadastro-metadata-page" }, ngImport: i0, template: "<app-cadastro-base-page class=\"cadastro-metadata-page__shell\" [cadastroInitError]=\"initError()\"\n [cadastroInitLoading]=\"initLoading()\" [runtime]=\"cadastro()?.runtime ?? null\"\n [shellTopbarReserveDuplicar]=\"cadastro()?.duplicateTopbarEnabled === true\"\n [toolbarInterno]=\"toolbarInterno()\"\n [embeddedInReferenciaDialog]=\"embeddedInReferenciaDialog()\"\n [corpoCentralizado]=\"formularioCorpoCentralizado()\" [cabecalhoPaginaVisivel]=\"cabecalhoPaginaVisivel()\"\n [validationUi]=\"validationUi()\" [skeletonPanelMaxWidth]=\"painelMaxWidthCss()\"\n [headerSecondaryAction]=\"headerSecondaryAction()\"\n (headerSecondaryActionClick)=\"headerSecondaryActionClick.emit()\">\n <ng-template #cadastroShellTopbarEnd>\n @if (!embeddedInReferenciaDialog()) {\n @if (cadastro(); as c) {\n <div class=\"cadastro-metadata-page__topbar-actions cadastro-shell-topbar-actions-row flex flex-wrap items-center justify-end gap-2\">\n @if (headerSecondaryActionVisible()) {\n @let headerAction = headerSecondaryAction()!;\n <app-button type=\"button\" class=\"cadastro-shell-topbar-btn-header-secondary\" variant=\"secondary\" size=\"md\"\n [fullWidth]=\"false\"\n [disabled]=\"headerAction.disabled || c.runtime.loading() || c.runtime.salvando() || c.runtime.excluindo()\"\n (click)=\"headerSecondaryActionClick.emit()\"\n [attr.aria-label]=\"headerAction.label\">\n <span class=\"cadastro-shell-topbar-btn-inner\">\n @if (headerAction.icon?.trim()) {\n <i [class]=\"headerAction.icon!.trim() + ' cadastro-shell-topbar-btn-icon'\" aria-hidden=\"true\"></i>\n }\n <span class=\"cadastro-shell-topbar-btn-label\">{{ headerAction.label }}</span>\n </span>\n </app-button>\n }\n @if (c.runtime.exibirToolbarSalvar) {\n <app-button type=\"button\" class=\"cadastro-shell-topbar-btn-salvar\" variant=\"success\" size=\"md\"\n [fullWidth]=\"false\" [disabled]=\"c.runtime.loading() || c.runtime.salvando()\"\n [loading]=\"c.runtime.salvando()\" (click)=\"c.runtime.salvar()\" [attr.aria-label]=\"'Salvar'\">\n <span class=\"cadastro-shell-topbar-btn-inner\">\n <i class=\"fa-solid fa-floppy-disk cadastro-shell-topbar-btn-icon\" aria-hidden=\"true\"></i>\n <span class=\"cadastro-shell-topbar-btn-label\">Salvar</span>\n </span>\n </app-button>\n }\n @if (c.runtime.exibirToolbarNovo && c.runtime.duplicar && c.runtime.podeDuplicar()) {\n <app-button type=\"button\" variant=\"secondary\" size=\"md\" [fullWidth]=\"false\"\n [disabled]=\"c.runtime.loading() || c.runtime.salvando() || c.runtime.excluindo()\"\n (click)=\"c.runtime.duplicar!()\" [attr.aria-label]=\"'Duplicar'\">\n <span class=\"cadastro-shell-topbar-btn-inner\">\n <i class=\"fa-solid fa-copy cadastro-shell-topbar-btn-icon\" aria-hidden=\"true\"></i>\n <span class=\"cadastro-shell-topbar-btn-label\">Duplicar</span>\n </span>\n </app-button>\n }\n @if (c.runtime.exibirToolbarNovo) {\n <app-button type=\"button\" variant=\"secondary\" size=\"md\" [fullWidth]=\"false\"\n [disabled]=\"!c.runtime.podeNovo()\"\n (click)=\"c.runtime.novo()\" [attr.aria-label]=\"'Novo registro'\">\n <span class=\"cadastro-shell-topbar-btn-inner\">\n <i class=\"fa-solid fa-file cadastro-shell-topbar-btn-icon\" aria-hidden=\"true\"></i>\n <span class=\"cadastro-shell-topbar-btn-label\">Novo</span>\n </span>\n </app-button>\n }\n @if (c.runtime.exibirToolbarExcluir && c.runtime.podeExcluir() && c.runtime.excluir) {\n <app-button type=\"button\" variant=\"danger\" size=\"md\" [fullWidth]=\"false\"\n [disabled]=\"c.runtime.salvando() || c.runtime.excluindo()\" [loading]=\"c.runtime.excluindo()\"\n (click)=\"c.runtime.excluir!()\" [attr.aria-label]=\"'Excluir'\">\n <span class=\"cadastro-shell-topbar-btn-inner\">\n <i class=\"fa-solid fa-trash-can cadastro-shell-topbar-btn-icon\" aria-hidden=\"true\"></i>\n <span class=\"cadastro-shell-topbar-btn-label\">Excluir</span>\n </span>\n </app-button>\n }\n @for (btn of toolbarButtonsEfectivos(); track btn.actionId) {\n @if (toolbarButtonVisible(c, btn)) {\n <app-button type=\"button\" size=\"md\" [fullWidth]=\"false\"\n [variant]=\"toolbarButtonVariant(btn.variant)\"\n [disabled]=\"toolbarButtonDisabled(c, btn)\"\n (click)=\"toolbarButtonClick.emit(btn)\"\n [attr.aria-label]=\"btn.label\">\n <span class=\"cadastro-shell-topbar-btn-inner\">\n @if (btn.iconClass.trim()) {\n <i [class]=\"btn.iconClass + ' cadastro-shell-topbar-btn-icon'\" aria-hidden=\"true\"></i>\n }\n <span class=\"cadastro-shell-topbar-btn-label\">{{ btn.label }}</span>\n </span>\n </app-button>\n }\n }\n </div>\n }\n }\n </ng-template>\n @if (cadastro(); as c) {\n <form [formGroup]=\"c.form\" (ngSubmit)=\"salvarSubmit.emit()\" novalidate\n class=\"cadastro-metadata-page__form flex w-full flex-col gap-2\"\n [class.mx-auto]=\"formularioCorpoCentralizado()\"\n [style.max-width]=\"formularioPainelMaxWidthCss()\">\n <app-form-section class=\"cadastro-metadata-page__section w-full\" [divider]=\"false\"\n [variant]=\"embeddedInPageShell() ? 'plain' : 'panel'\"\n [titulo]=\"sectionTitulo(c)\" [subtitulo]=\"sectionSubtitulo(c)\">\n <app-cadastro-fields-base [metadata]=\"metadataLayoutParaCampos()\"\n [camposMetadata]=\"camposMetadataCapa(c)\" [form]=\"c.form\" [runtime]=\"c.runtime\"\n [formKey]=\"entityName()\" [cadastroUiRegistry]=\"c.uiRegistry\" [searchSelectBindings]=\"searchSelectBindings()\"\n [listSelectBindings]=\"listSelectBindings()\" [multiselectBindings]=\"multiselectBindings()\"\n [redirectReturnUrl]=\"redirectReturnUrl()\" [formGridColumns]=\"formGridColumnsParaCampos()\"\n [sectionToolbarButtonsByKey]=\"c.sectionToolbarButtonsByKey ?? {}\"\n [sectionToolbarButtonDisabled]=\"c.sectionToolbarButtonDisabled ?? null\"\n (sectionToolbarButtonClick)=\"toolbarButtonClick.emit($event)\" />\n @if (layoutPageTabsOrdenadas().length > 0) {\n <app-form-tabs class=\"cadastro-metadata-page__tabs w-full\" [activeKey]=\"activeCadastroPageTabKey()\"\n (activeKeyChange)=\"onActiveCadastroTabChange($event)\" tablistAriaLabel=\"Sec\u00E7\u00F5es do cadastro\"\n variant=\"default\">\n @for (tab of layoutPageTabsOrdenadas(); track tab.key) {\n <app-form-tab [key]=\"tab.key\" [tabTitle]=\"tab.label\" [tabIconClass]=\"tab.icon\"\n [warning]=\"tabTemAvisoInvalidoVisivel(c, tab.key)\">\n @if (camposMetadataParaTab(c, tab.key).length > 0) {\n <app-cadastro-fields-base [metadata]=\"metadataLayoutParaCampos()\"\n [camposMetadata]=\"camposMetadataParaTab(c, tab.key)\" [form]=\"c.form\" [runtime]=\"c.runtime\"\n [formKey]=\"entityName()\" [cadastroUiRegistry]=\"c.uiRegistry\" [searchSelectBindings]=\"searchSelectBindings()\"\n [listSelectBindings]=\"listSelectBindings()\" [multiselectBindings]=\"multiselectBindings()\"\n [redirectReturnUrl]=\"redirectReturnUrl()\" [formGridColumns]=\"formGridColumnsParaCampos()\"\n [sectionToolbarButtonsByKey]=\"c.sectionToolbarButtonsByKey ?? {}\"\n [sectionToolbarButtonDisabled]=\"c.sectionToolbarButtonDisabled ?? null\"\n (sectionToolbarButtonClick)=\"toolbarButtonClick.emit($event)\" />\n } @else {\n <div class=\"cadastro-metadata-page__tab-empty px-2 py-8 text-center text-sm text-slate-500\">\n Sem conte\u00FAdo nesta sec\u00E7\u00E3o.\n </div>\n }\n </app-form-tab>\n }\n </app-form-tabs>\n }\n </app-form-section>\n </form>\n }\n</app-cadastro-base-page>\n", styles: ["@charset \"UTF-8\";:host{display:flex;flex-direction:column;flex:1 1 0%;min-height:0;width:100%;min-width:0;box-sizing:border-box}.cadastro-metadata-page__shell{flex:1 1 0%;min-height:0;width:100%;min-width:0;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;overflow-y:auto}:host.cadastro-metadata-page--referencia-dialog .cadastro-metadata-page__shell{padding-inline:0;padding-block:.25rem .35rem;overflow-y:visible}@media(max-width:767.98px){:host.cadastro-metadata-page--referencia-dialog .cadastro-metadata-page__shell{padding-inline:0;padding-block:.2rem .35rem}}.cadastro-metadata-page__form{display:flex;flex-direction:column;gap:.5rem;box-sizing:border-box;width:100%;margin-inline:auto}:host ::ng-deep .cadastro-metadata-page__section.form-section--panel .form-section__body{gap:.4rem}:host ::ng-deep .cadastro-metadata-page__tabs .form-tab__panel{gap:.4rem}:host.cadastro-metadata-page--embedded-page-shell .cadastro-metadata-page__shell{padding:0;overflow-y:visible}:host.cadastro-metadata-page--embedded-page-shell .cadastro-metadata-page__form{width:100%;max-width:none!important;margin-inline:0!important;gap:.4rem}:host.cadastro-metadata-page--embedded-page-shell .cadastro-base-page__body{width:100%;max-width:none;min-width:0}:host.cadastro-metadata-page--embedded-page-shell .cadastro-metadata-page__section.form-section--plain,:host.cadastro-metadata-page--embedded-page-shell .cadastro-metadata-page__section.form-section--panel,:host.cadastro-metadata-page--embedded-page-shell .cadastro-metadata-page__section.form-section--card{width:100%;max-width:none;margin:0;padding:0;border:none;border-radius:0;background:transparent;box-shadow:none}:host.cadastro-metadata-page--embedded-page-shell .cadastro-metadata-page__section .form-section__header{display:none}:host.cadastro-metadata-page--embedded-page-shell .cadastro-metadata-page__section .form-section__content,:host.cadastro-metadata-page--embedded-page-shell .cadastro-metadata-page__section .form-section__body{padding:0}:host.cadastro-metadata-page--embedded-page-shell ::ng-deep .cadastro-fields-base__section.form-section--panel,:host.cadastro-metadata-page--embedded-page-shell ::ng-deep .cadastro-fields-base__section.form-section--card{width:100%;max-width:none;margin:0;padding:0;border:none;border-radius:0;background:transparent;box-shadow:none}\n", "@charset \"UTF-8\";.cadastro-shell-topbar-actions-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem}.cadastro-shell-topbar-btn-inner{display:inline-flex;align-items:center;gap:.375rem}.cadastro-shell-topbar-btn-icon{font-size:1.05rem;line-height:1;flex-shrink:0}.cadastro-shell-topbar-btn-label{white-space:nowrap}:host ::ng-deep app-button.cadastro-shell-topbar-btn-header-secondary.base-button--secondary .base-button__native{border-color:var(--ui-button-secondary-border, var(--app-color-border-strong));background:var(--ui-button-secondary-bg, var(--app-color-surface-alt))}:host ::ng-deep app-button.cadastro-shell-topbar-btn-header-secondary.base-button--secondary .base-button__native:hover:not(:disabled){border-color:var(--ui-button-secondary-border-hover, var(--ui-button-secondary-border, var(--app-color-border)));background:var(--ui-button-secondary-bg-hover, var(--app-color-button-secondary-hover-bg))}@media(max-width:767.98px){.cadastro-shell-topbar-actions-row .cadastro-shell-topbar-btn-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cadastro-shell-topbar-actions-row .cadastro-shell-topbar-btn-inner{gap:0}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: CadastroBasePageComponent, selector: "app-cadastro-base-page", inputs: ["runtime", "cadastroInitError", "cadastroInitLoading", "skeletonPanelMaxWidth", "toolbarInterno", "embeddedInReferenciaDialog", "corpoCentralizado", "cabecalhoPaginaVisivel", "validationUi", "validationSummaryPinned", "headerSecondaryAction", "validationSummaryTitle", "shellTopbarReserveDuplicar"], outputs: ["headerSecondaryActionClick"] }, { kind: "component", type: ButtonComponent, selector: "app-button" }, { kind: "component", type: FormSectionComponent, selector: "app-form-section", inputs: ["titulo", "subtitulo", "dense", "divider", "variant", "align", "maxWidth", "fullWidth", "radius", "elevated", "size", "tamanhoCampoMobile"] }, { kind: "component", type: FormTabsComponent, selector: "app-form-tabs", inputs: ["activeKey", "keepAlive", "stretch", "variant", "size", "tamanhoCampoMobile", "tablistAriaLabel", "validationLinkItems", "validationLinkActive"], outputs: ["activeKeyChange"] }, { kind: "component", type: FormTabComponent, selector: "app-form-tab", inputs: ["key", "tabTitle", "tabIconClass", "disabled", "warning", "validationLinkFieldIds"] }, { kind: "component", type: CadastroFieldsBaseComponent, selector: "app-cadastro-fields-base", inputs: ["metadata", "camposMetadata", "form", "runtime", "searchSelectBindings", "listSelectBindings", "multiselectBindings", "redirectReturnUrl", "formGridColumns", "cadastroUiRegistry", "formKey", "sectionToolbarButtonsByKey", "sectionToolbarButtonDisabled"], outputs: ["sectionToolbarButtonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
45100
45100
|
}
|
|
45101
45101
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CadastroMetadataPageComponent, decorators: [{
|
|
45102
45102
|
type: Component,
|
|
@@ -45113,7 +45113,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
45113
45113
|
class: 'cadastro-metadata-page',
|
|
45114
45114
|
'[class.cadastro-metadata-page--referencia-dialog]': 'embeddedInReferenciaDialog()',
|
|
45115
45115
|
'[class.cadastro-metadata-page--embedded-page-shell]': 'embeddedInPageShell()',
|
|
45116
|
-
}, template: "<app-cadastro-base-page class=\"cadastro-metadata-page__shell\" [cadastroInitError]=\"initError()\"\n [cadastroInitLoading]=\"initLoading()\" [runtime]=\"cadastro()?.runtime ?? null\"\n [shellTopbarReserveDuplicar]=\"cadastro()?.duplicateTopbarEnabled === true\"\n [toolbarInterno]=\"toolbarInterno()\"\n [embeddedInReferenciaDialog]=\"embeddedInReferenciaDialog()\"\n [corpoCentralizado]=\"formularioCorpoCentralizado()\" [cabecalhoPaginaVisivel]=\"cabecalhoPaginaVisivel()\"\n [validationUi]=\"validationUi()\" [skeletonPanelMaxWidth]=\"painelMaxWidthCss()\"\n [headerSecondaryAction]=\"headerSecondaryAction()\"\n (headerSecondaryActionClick)=\"headerSecondaryActionClick.emit()\">\n <ng-template #cadastroShellTopbarEnd>\n @if (!embeddedInReferenciaDialog()) {\n @if (cadastro(); as c) {\n <div class=\"cadastro-metadata-page__topbar-actions cadastro-shell-topbar-actions-row flex flex-wrap items-center justify-end gap-2\">\n @if (headerSecondaryActionVisible()) {\n @let headerAction = headerSecondaryAction()!;\n <app-button type=\"button\" class=\"cadastro-shell-topbar-btn-header-secondary\" variant=\"secondary\" size=\"md\"\n [fullWidth]=\"false\"\n [disabled]=\"headerAction.disabled || c.runtime.loading() || c.runtime.salvando() || c.runtime.excluindo()\"\n (click)=\"headerSecondaryActionClick.emit()\"\n [attr.aria-label]=\"headerAction.label\">\n <span class=\"cadastro-shell-topbar-btn-inner\">\n @if (headerAction.icon?.trim()) {\n <i [class]=\"headerAction.icon!.trim() + ' cadastro-shell-topbar-btn-icon'\" aria-hidden=\"true\"></i>\n }\n <span class=\"cadastro-shell-topbar-btn-label\">{{ headerAction.label }}</span>\n </span>\n </app-button>\n }\n @if (c.runtime.exibirToolbarSalvar) {\n <app-button type=\"button\" class=\"cadastro-shell-topbar-btn-salvar\" variant=\"success\" size=\"md\"\n [fullWidth]=\"false\" [disabled]=\"c.runtime.loading() || c.runtime.salvando()\"\n [loading]=\"c.runtime.salvando()\" (click)=\"c.runtime.salvar()\" [attr.aria-label]=\"'Salvar'\">\n <span class=\"cadastro-shell-topbar-btn-inner\">\n <i class=\"fa-solid fa-floppy-disk cadastro-shell-topbar-btn-icon\" aria-hidden=\"true\"></i>\n <span class=\"cadastro-shell-topbar-btn-label\">Salvar</span>\n </span>\n </app-button>\n }\n @if (c.runtime.exibirToolbarNovo && c.runtime.duplicar && c.runtime.podeDuplicar()) {\n <app-button type=\"button\" variant=\"secondary\" size=\"md\" [fullWidth]=\"false\"\n [disabled]=\"c.runtime.loading() || c.runtime.salvando() || c.runtime.excluindo()\"\n (click)=\"c.runtime.duplicar!()\" [attr.aria-label]=\"'Duplicar'\">\n <span class=\"cadastro-shell-topbar-btn-inner\">\n <i class=\"fa-solid fa-copy cadastro-shell-topbar-btn-icon\" aria-hidden=\"true\"></i>\n <span class=\"cadastro-shell-topbar-btn-label\">Duplicar</span>\n </span>\n </app-button>\n }\n @if (c.runtime.exibirToolbarNovo) {\n <app-button type=\"button\" variant=\"secondary\" size=\"md\" [fullWidth]=\"false\"\n [disabled]=\"!c.runtime.podeNovo()\"\n (click)=\"c.runtime.novo()\" [attr.aria-label]=\"'Novo registro'\">\n <span class=\"cadastro-shell-topbar-btn-inner\">\n <i class=\"fa-solid fa-file cadastro-shell-topbar-btn-icon\" aria-hidden=\"true\"></i>\n <span class=\"cadastro-shell-topbar-btn-label\">Novo</span>\n </span>\n </app-button>\n }\n @if (c.runtime.exibirToolbarExcluir && c.runtime.podeExcluir() && c.runtime.excluir) {\n <app-button type=\"button\" variant=\"danger\" size=\"md\" [fullWidth]=\"false\"\n [disabled]=\"c.runtime.salvando() || c.runtime.excluindo()\" [loading]=\"c.runtime.excluindo()\"\n (click)=\"c.runtime.excluir!()\" [attr.aria-label]=\"'Excluir'\">\n <span class=\"cadastro-shell-topbar-btn-inner\">\n <i class=\"fa-solid fa-trash-can cadastro-shell-topbar-btn-icon\" aria-hidden=\"true\"></i>\n <span class=\"cadastro-shell-topbar-btn-label\">Excluir</span>\n </span>\n </app-button>\n }\n @for (btn of toolbarButtonsEfectivos(); track btn.actionId) {\n @if (toolbarButtonVisible(c, btn)) {\n <app-button type=\"button\" size=\"md\" [fullWidth]=\"false\"\n [variant]=\"toolbarButtonVariant(btn.variant)\"\n [disabled]=\"toolbarButtonDisabled(c, btn)\"\n (click)=\"toolbarButtonClick.emit(btn)\"\n [attr.aria-label]=\"btn.label\">\n <span class=\"cadastro-shell-topbar-btn-inner\">\n @if (btn.iconClass.trim()) {\n <i [class]=\"btn.iconClass + ' cadastro-shell-topbar-btn-icon'\" aria-hidden=\"true\"></i>\n }\n <span class=\"cadastro-shell-topbar-btn-label\">{{ btn.label }}</span>\n </span>\n </app-button>\n }\n }\n </div>\n }\n }\n </ng-template>\n @if (cadastro(); as c) {\n <form [formGroup]=\"c.form\" (ngSubmit)=\"salvarSubmit.emit()\" novalidate\n class=\"cadastro-metadata-page__form flex w-full flex-col gap-2\"\n [class.mx-auto]=\"formularioCorpoCentralizado()\"\n [style.max-width]=\"formularioPainelMaxWidthCss()\">\n <app-form-section class=\"cadastro-metadata-page__section w-full\" [divider]=\"false\"\n [variant]=\"embeddedInPageShell() ? 'plain' : 'panel'\"\n [titulo]=\"sectionTitulo(c)\" [subtitulo]=\"sectionSubtitulo(c)\">\n <app-cadastro-fields-base [metadata]=\"metadataLayoutParaCampos()\"\n [camposMetadata]=\"camposMetadataCapa(c)\" [form]=\"c.form\" [runtime]=\"c.runtime\"\n [formKey]=\"entityName()\" [cadastroUiRegistry]=\"c.uiRegistry\" [searchSelectBindings]=\"searchSelectBindings()\"\n [listSelectBindings]=\"listSelectBindings()\" [multiselectBindings]=\"multiselectBindings()\"\n [redirectReturnUrl]=\"redirectReturnUrl()\" [formGridColumns]=\"formGridColumnsParaCampos()\"\n [sectionToolbarButtonsByKey]=\"c.sectionToolbarButtonsByKey ?? {}\"\n [sectionToolbarButtonDisabled]=\"c.sectionToolbarButtonDisabled ?? null\"\n (sectionToolbarButtonClick)=\"toolbarButtonClick.emit($event)\" />\n @if (layoutPageTabsOrdenadas().length > 0) {\n <app-form-tabs class=\"cadastro-metadata-page__tabs w-full\" [activeKey]=\"activeCadastroPageTabKey()\"\n (activeKeyChange)=\"onActiveCadastroTabChange($event)\" tablistAriaLabel=\"Sec\u00E7\u00F5es do cadastro\"\n variant=\"default\">\n @for (tab of layoutPageTabsOrdenadas(); track tab.key) {\n <app-form-tab [key]=\"tab.key\" [tabTitle]=\"tab.label\" [tabIconClass]=\"tab.icon\"\n [warning]=\"tabTemAvisoInvalidoVisivel(c, tab.key)\">\n @if (camposMetadataParaTab(c, tab.key).length > 0) {\n <app-cadastro-fields-base [metadata]=\"metadataLayoutParaCampos()\"\n [camposMetadata]=\"camposMetadataParaTab(c, tab.key)\" [form]=\"c.form\" [runtime]=\"c.runtime\"\n [formKey]=\"entityName()\" [cadastroUiRegistry]=\"c.uiRegistry\" [searchSelectBindings]=\"searchSelectBindings()\"\n [listSelectBindings]=\"listSelectBindings()\" [multiselectBindings]=\"multiselectBindings()\"\n [redirectReturnUrl]=\"redirectReturnUrl()\" [formGridColumns]=\"formGridColumnsParaCampos()\"\n [sectionToolbarButtonsByKey]=\"c.sectionToolbarButtonsByKey ?? {}\"\n [sectionToolbarButtonDisabled]=\"c.sectionToolbarButtonDisabled ?? null\"\n (sectionToolbarButtonClick)=\"toolbarButtonClick.emit($event)\" />\n } @else {\n <div class=\"cadastro-metadata-page__tab-empty px-2 py-8 text-center text-sm text-slate-500\">\n Sem conte\u00FAdo nesta sec\u00E7\u00E3o.\n </div>\n }\n </app-form-tab>\n }\n </app-form-tabs>\n }\n </app-form-section>\n </form>\n }\n</app-cadastro-base-page>\n", styles: ["@charset \"UTF-8\";:host{display:flex;flex-direction:column;flex:1 1 0%;min-height:0;width:100%;min-width:0;box-sizing:border-box}.cadastro-metadata-page__shell{flex:1 1 0%;min-height:0;width:100%;min-width:0;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;overflow-y:auto}:host.cadastro-metadata-page--referencia-dialog .cadastro-metadata-page__shell{padding-inline:0;padding-block:.25rem .35rem;overflow-y:visible}@media(max-width:767.98px){:host.cadastro-metadata-page--referencia-dialog .cadastro-metadata-page__shell{padding-inline:0;padding-block:.2rem .35rem}}.cadastro-metadata-page__form{display:flex;flex-direction:column;gap:.5rem;box-sizing:border-box;width:100%;margin-inline:auto}:host ::ng-deep .cadastro-metadata-page__section.form-section--panel .form-section__body{gap:.4rem}:host ::ng-deep .cadastro-metadata-page__tabs .form-tab__panel{gap:.4rem}:host.cadastro-metadata-page--embedded-page-shell .cadastro-metadata-page__shell{padding:0;overflow-y:visible}:host.cadastro-metadata-page--embedded-page-shell .cadastro-metadata-page__form{width:100%;max-width:none!important;margin-inline:0!important;gap:.4rem}:host.cadastro-metadata-page--embedded-page-shell .cadastro-base-page__body{width:100%;max-width:none;min-width:0}:host.cadastro-metadata-page--embedded-page-shell .cadastro-metadata-page__section.form-section--plain,:host.cadastro-metadata-page--embedded-page-shell .cadastro-metadata-page__section.form-section--panel{width:100%;max-width:none;margin:0;padding:0;border:none;border-radius:0;background:transparent;box-shadow:none}:host.cadastro-metadata-page--embedded-page-shell .cadastro-metadata-page__section .form-section__header{display:none}:host.cadastro-metadata-page--embedded-page-shell .cadastro-metadata-page__section .form-section__content,:host.cadastro-metadata-page--embedded-page-shell .cadastro-metadata-page__section .form-section__body{padding:0}\n", "@charset \"UTF-8\";.cadastro-shell-topbar-actions-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem}.cadastro-shell-topbar-btn-inner{display:inline-flex;align-items:center;gap:.375rem}.cadastro-shell-topbar-btn-icon{font-size:1.05rem;line-height:1;flex-shrink:0}.cadastro-shell-topbar-btn-label{white-space:nowrap}:host ::ng-deep app-button.cadastro-shell-topbar-btn-header-secondary.base-button--secondary .base-button__native{border-color:var(--ui-button-secondary-border, var(--app-color-border-strong));background:var(--ui-button-secondary-bg, var(--app-color-surface-alt))}:host ::ng-deep app-button.cadastro-shell-topbar-btn-header-secondary.base-button--secondary .base-button__native:hover:not(:disabled){border-color:var(--ui-button-secondary-border-hover, var(--ui-button-secondary-border, var(--app-color-border)));background:var(--ui-button-secondary-bg-hover, var(--app-color-button-secondary-hover-bg))}@media(max-width:767.98px){.cadastro-shell-topbar-actions-row .cadastro-shell-topbar-btn-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cadastro-shell-topbar-actions-row .cadastro-shell-topbar-btn-inner{gap:0}}\n"] }]
|
|
45116
|
+
}, template: "<app-cadastro-base-page class=\"cadastro-metadata-page__shell\" [cadastroInitError]=\"initError()\"\n [cadastroInitLoading]=\"initLoading()\" [runtime]=\"cadastro()?.runtime ?? null\"\n [shellTopbarReserveDuplicar]=\"cadastro()?.duplicateTopbarEnabled === true\"\n [toolbarInterno]=\"toolbarInterno()\"\n [embeddedInReferenciaDialog]=\"embeddedInReferenciaDialog()\"\n [corpoCentralizado]=\"formularioCorpoCentralizado()\" [cabecalhoPaginaVisivel]=\"cabecalhoPaginaVisivel()\"\n [validationUi]=\"validationUi()\" [skeletonPanelMaxWidth]=\"painelMaxWidthCss()\"\n [headerSecondaryAction]=\"headerSecondaryAction()\"\n (headerSecondaryActionClick)=\"headerSecondaryActionClick.emit()\">\n <ng-template #cadastroShellTopbarEnd>\n @if (!embeddedInReferenciaDialog()) {\n @if (cadastro(); as c) {\n <div class=\"cadastro-metadata-page__topbar-actions cadastro-shell-topbar-actions-row flex flex-wrap items-center justify-end gap-2\">\n @if (headerSecondaryActionVisible()) {\n @let headerAction = headerSecondaryAction()!;\n <app-button type=\"button\" class=\"cadastro-shell-topbar-btn-header-secondary\" variant=\"secondary\" size=\"md\"\n [fullWidth]=\"false\"\n [disabled]=\"headerAction.disabled || c.runtime.loading() || c.runtime.salvando() || c.runtime.excluindo()\"\n (click)=\"headerSecondaryActionClick.emit()\"\n [attr.aria-label]=\"headerAction.label\">\n <span class=\"cadastro-shell-topbar-btn-inner\">\n @if (headerAction.icon?.trim()) {\n <i [class]=\"headerAction.icon!.trim() + ' cadastro-shell-topbar-btn-icon'\" aria-hidden=\"true\"></i>\n }\n <span class=\"cadastro-shell-topbar-btn-label\">{{ headerAction.label }}</span>\n </span>\n </app-button>\n }\n @if (c.runtime.exibirToolbarSalvar) {\n <app-button type=\"button\" class=\"cadastro-shell-topbar-btn-salvar\" variant=\"success\" size=\"md\"\n [fullWidth]=\"false\" [disabled]=\"c.runtime.loading() || c.runtime.salvando()\"\n [loading]=\"c.runtime.salvando()\" (click)=\"c.runtime.salvar()\" [attr.aria-label]=\"'Salvar'\">\n <span class=\"cadastro-shell-topbar-btn-inner\">\n <i class=\"fa-solid fa-floppy-disk cadastro-shell-topbar-btn-icon\" aria-hidden=\"true\"></i>\n <span class=\"cadastro-shell-topbar-btn-label\">Salvar</span>\n </span>\n </app-button>\n }\n @if (c.runtime.exibirToolbarNovo && c.runtime.duplicar && c.runtime.podeDuplicar()) {\n <app-button type=\"button\" variant=\"secondary\" size=\"md\" [fullWidth]=\"false\"\n [disabled]=\"c.runtime.loading() || c.runtime.salvando() || c.runtime.excluindo()\"\n (click)=\"c.runtime.duplicar!()\" [attr.aria-label]=\"'Duplicar'\">\n <span class=\"cadastro-shell-topbar-btn-inner\">\n <i class=\"fa-solid fa-copy cadastro-shell-topbar-btn-icon\" aria-hidden=\"true\"></i>\n <span class=\"cadastro-shell-topbar-btn-label\">Duplicar</span>\n </span>\n </app-button>\n }\n @if (c.runtime.exibirToolbarNovo) {\n <app-button type=\"button\" variant=\"secondary\" size=\"md\" [fullWidth]=\"false\"\n [disabled]=\"!c.runtime.podeNovo()\"\n (click)=\"c.runtime.novo()\" [attr.aria-label]=\"'Novo registro'\">\n <span class=\"cadastro-shell-topbar-btn-inner\">\n <i class=\"fa-solid fa-file cadastro-shell-topbar-btn-icon\" aria-hidden=\"true\"></i>\n <span class=\"cadastro-shell-topbar-btn-label\">Novo</span>\n </span>\n </app-button>\n }\n @if (c.runtime.exibirToolbarExcluir && c.runtime.podeExcluir() && c.runtime.excluir) {\n <app-button type=\"button\" variant=\"danger\" size=\"md\" [fullWidth]=\"false\"\n [disabled]=\"c.runtime.salvando() || c.runtime.excluindo()\" [loading]=\"c.runtime.excluindo()\"\n (click)=\"c.runtime.excluir!()\" [attr.aria-label]=\"'Excluir'\">\n <span class=\"cadastro-shell-topbar-btn-inner\">\n <i class=\"fa-solid fa-trash-can cadastro-shell-topbar-btn-icon\" aria-hidden=\"true\"></i>\n <span class=\"cadastro-shell-topbar-btn-label\">Excluir</span>\n </span>\n </app-button>\n }\n @for (btn of toolbarButtonsEfectivos(); track btn.actionId) {\n @if (toolbarButtonVisible(c, btn)) {\n <app-button type=\"button\" size=\"md\" [fullWidth]=\"false\"\n [variant]=\"toolbarButtonVariant(btn.variant)\"\n [disabled]=\"toolbarButtonDisabled(c, btn)\"\n (click)=\"toolbarButtonClick.emit(btn)\"\n [attr.aria-label]=\"btn.label\">\n <span class=\"cadastro-shell-topbar-btn-inner\">\n @if (btn.iconClass.trim()) {\n <i [class]=\"btn.iconClass + ' cadastro-shell-topbar-btn-icon'\" aria-hidden=\"true\"></i>\n }\n <span class=\"cadastro-shell-topbar-btn-label\">{{ btn.label }}</span>\n </span>\n </app-button>\n }\n }\n </div>\n }\n }\n </ng-template>\n @if (cadastro(); as c) {\n <form [formGroup]=\"c.form\" (ngSubmit)=\"salvarSubmit.emit()\" novalidate\n class=\"cadastro-metadata-page__form flex w-full flex-col gap-2\"\n [class.mx-auto]=\"formularioCorpoCentralizado()\"\n [style.max-width]=\"formularioPainelMaxWidthCss()\">\n <app-form-section class=\"cadastro-metadata-page__section w-full\" [divider]=\"false\"\n [variant]=\"embeddedInPageShell() ? 'plain' : 'panel'\"\n [titulo]=\"sectionTitulo(c)\" [subtitulo]=\"sectionSubtitulo(c)\">\n <app-cadastro-fields-base [metadata]=\"metadataLayoutParaCampos()\"\n [camposMetadata]=\"camposMetadataCapa(c)\" [form]=\"c.form\" [runtime]=\"c.runtime\"\n [formKey]=\"entityName()\" [cadastroUiRegistry]=\"c.uiRegistry\" [searchSelectBindings]=\"searchSelectBindings()\"\n [listSelectBindings]=\"listSelectBindings()\" [multiselectBindings]=\"multiselectBindings()\"\n [redirectReturnUrl]=\"redirectReturnUrl()\" [formGridColumns]=\"formGridColumnsParaCampos()\"\n [sectionToolbarButtonsByKey]=\"c.sectionToolbarButtonsByKey ?? {}\"\n [sectionToolbarButtonDisabled]=\"c.sectionToolbarButtonDisabled ?? null\"\n (sectionToolbarButtonClick)=\"toolbarButtonClick.emit($event)\" />\n @if (layoutPageTabsOrdenadas().length > 0) {\n <app-form-tabs class=\"cadastro-metadata-page__tabs w-full\" [activeKey]=\"activeCadastroPageTabKey()\"\n (activeKeyChange)=\"onActiveCadastroTabChange($event)\" tablistAriaLabel=\"Sec\u00E7\u00F5es do cadastro\"\n variant=\"default\">\n @for (tab of layoutPageTabsOrdenadas(); track tab.key) {\n <app-form-tab [key]=\"tab.key\" [tabTitle]=\"tab.label\" [tabIconClass]=\"tab.icon\"\n [warning]=\"tabTemAvisoInvalidoVisivel(c, tab.key)\">\n @if (camposMetadataParaTab(c, tab.key).length > 0) {\n <app-cadastro-fields-base [metadata]=\"metadataLayoutParaCampos()\"\n [camposMetadata]=\"camposMetadataParaTab(c, tab.key)\" [form]=\"c.form\" [runtime]=\"c.runtime\"\n [formKey]=\"entityName()\" [cadastroUiRegistry]=\"c.uiRegistry\" [searchSelectBindings]=\"searchSelectBindings()\"\n [listSelectBindings]=\"listSelectBindings()\" [multiselectBindings]=\"multiselectBindings()\"\n [redirectReturnUrl]=\"redirectReturnUrl()\" [formGridColumns]=\"formGridColumnsParaCampos()\"\n [sectionToolbarButtonsByKey]=\"c.sectionToolbarButtonsByKey ?? {}\"\n [sectionToolbarButtonDisabled]=\"c.sectionToolbarButtonDisabled ?? null\"\n (sectionToolbarButtonClick)=\"toolbarButtonClick.emit($event)\" />\n } @else {\n <div class=\"cadastro-metadata-page__tab-empty px-2 py-8 text-center text-sm text-slate-500\">\n Sem conte\u00FAdo nesta sec\u00E7\u00E3o.\n </div>\n }\n </app-form-tab>\n }\n </app-form-tabs>\n }\n </app-form-section>\n </form>\n }\n</app-cadastro-base-page>\n", styles: ["@charset \"UTF-8\";:host{display:flex;flex-direction:column;flex:1 1 0%;min-height:0;width:100%;min-width:0;box-sizing:border-box}.cadastro-metadata-page__shell{flex:1 1 0%;min-height:0;width:100%;min-width:0;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;overflow-y:auto}:host.cadastro-metadata-page--referencia-dialog .cadastro-metadata-page__shell{padding-inline:0;padding-block:.25rem .35rem;overflow-y:visible}@media(max-width:767.98px){:host.cadastro-metadata-page--referencia-dialog .cadastro-metadata-page__shell{padding-inline:0;padding-block:.2rem .35rem}}.cadastro-metadata-page__form{display:flex;flex-direction:column;gap:.5rem;box-sizing:border-box;width:100%;margin-inline:auto}:host ::ng-deep .cadastro-metadata-page__section.form-section--panel .form-section__body{gap:.4rem}:host ::ng-deep .cadastro-metadata-page__tabs .form-tab__panel{gap:.4rem}:host.cadastro-metadata-page--embedded-page-shell .cadastro-metadata-page__shell{padding:0;overflow-y:visible}:host.cadastro-metadata-page--embedded-page-shell .cadastro-metadata-page__form{width:100%;max-width:none!important;margin-inline:0!important;gap:.4rem}:host.cadastro-metadata-page--embedded-page-shell .cadastro-base-page__body{width:100%;max-width:none;min-width:0}:host.cadastro-metadata-page--embedded-page-shell .cadastro-metadata-page__section.form-section--plain,:host.cadastro-metadata-page--embedded-page-shell .cadastro-metadata-page__section.form-section--panel,:host.cadastro-metadata-page--embedded-page-shell .cadastro-metadata-page__section.form-section--card{width:100%;max-width:none;margin:0;padding:0;border:none;border-radius:0;background:transparent;box-shadow:none}:host.cadastro-metadata-page--embedded-page-shell .cadastro-metadata-page__section .form-section__header{display:none}:host.cadastro-metadata-page--embedded-page-shell .cadastro-metadata-page__section .form-section__content,:host.cadastro-metadata-page--embedded-page-shell .cadastro-metadata-page__section .form-section__body{padding:0}:host.cadastro-metadata-page--embedded-page-shell ::ng-deep .cadastro-fields-base__section.form-section--panel,:host.cadastro-metadata-page--embedded-page-shell ::ng-deep .cadastro-fields-base__section.form-section--card{width:100%;max-width:none;margin:0;padding:0;border:none;border-radius:0;background:transparent;box-shadow:none}\n", "@charset \"UTF-8\";.cadastro-shell-topbar-actions-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem}.cadastro-shell-topbar-btn-inner{display:inline-flex;align-items:center;gap:.375rem}.cadastro-shell-topbar-btn-icon{font-size:1.05rem;line-height:1;flex-shrink:0}.cadastro-shell-topbar-btn-label{white-space:nowrap}:host ::ng-deep app-button.cadastro-shell-topbar-btn-header-secondary.base-button--secondary .base-button__native{border-color:var(--ui-button-secondary-border, var(--app-color-border-strong));background:var(--ui-button-secondary-bg, var(--app-color-surface-alt))}:host ::ng-deep app-button.cadastro-shell-topbar-btn-header-secondary.base-button--secondary .base-button__native:hover:not(:disabled){border-color:var(--ui-button-secondary-border-hover, var(--ui-button-secondary-border, var(--app-color-border)));background:var(--ui-button-secondary-bg-hover, var(--app-color-button-secondary-hover-bg))}@media(max-width:767.98px){.cadastro-shell-topbar-actions-row .cadastro-shell-topbar-btn-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cadastro-shell-topbar-actions-row .cadastro-shell-topbar-btn-inner{gap:0}}\n"] }]
|
|
45117
45117
|
}], ctorParameters: () => [], propDecorators: { entityName: [{ type: i0.Input, args: [{ isSignal: true, alias: "entityName", required: true }] }], entityLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "entityLabel", required: true }] }], cadastro: [{ type: i0.Input, args: [{ isSignal: true, alias: "cadastro", required: false }] }], initError: [{ type: i0.Input, args: [{ isSignal: true, alias: "initError", required: false }] }], initLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "initLoading", required: false }] }], validationUi: [{ type: i0.Input, args: [{ isSignal: true, alias: "validationUi", required: false }] }], searchSelectBindings: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchSelectBindings", required: false }] }], listSelectBindings: [{ type: i0.Input, args: [{ isSignal: true, alias: "listSelectBindings", required: false }] }], multiselectBindings: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiselectBindings", required: false }] }], metadataCamposReply: [{ type: i0.Input, args: [{ isSignal: true, alias: "metadataCamposReply", required: false }] }], redirectReturnUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "redirectReturnUrl", required: false }] }], painelMaxWidthHint: [{ type: i0.Input, args: [{ isSignal: true, alias: "painelMaxWidthHint", required: false }] }], maxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxWidth", required: false }] }], corpoCentralizado: [{ type: i0.Input, args: [{ isSignal: true, alias: "corpoCentralizado", required: false }] }], cabecalhoPaginaVisivel: [{ type: i0.Input, args: [{ isSignal: true, alias: "cabecalhoPaginaVisivel", required: false }] }], toolbarInterno: [{ type: i0.Input, args: [{ isSignal: true, alias: "toolbarInterno", required: false }] }], embeddedInReferenciaDialog: [{ type: i0.Input, args: [{ isSignal: true, alias: "embeddedInReferenciaDialog", required: false }] }], suppressInternalPageTabs: [{ type: i0.Input, args: [{ isSignal: true, alias: "suppressInternalPageTabs", required: false }] }], externalShellTabKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "externalShellTabKey", required: false }] }], embeddedInPageShell: [{ type: i0.Input, args: [{ isSignal: true, alias: "embeddedInPageShell", required: false }] }], salvarSubmit: [{ type: i0.Output, args: ["salvarSubmit"] }], toolbarButtonClick: [{ type: i0.Output, args: ["toolbarButtonClick"] }], headerSecondaryAction: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerSecondaryAction", required: false }] }], headerSecondaryActionClick: [{ type: i0.Output, args: ["headerSecondaryActionClick"] }], tituloSection: [{ type: i0.Input, args: [{ isSignal: true, alias: "tituloSection", required: false }] }], subtituloSection: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtituloSection", required: false }] }] } });
|
|
45118
45118
|
|
|
45119
45119
|
function resolveStructraPageInputExpression(expression, ctx) {
|
|
@@ -47024,14 +47024,12 @@ class StructraReportPageBaseComponent {
|
|
|
47024
47024
|
if (!cached?.length) {
|
|
47025
47025
|
return;
|
|
47026
47026
|
}
|
|
47027
|
-
this.applyTreeNodes(cached
|
|
47027
|
+
this.applyTreeNodes(cached);
|
|
47028
47028
|
}
|
|
47029
|
-
applyTreeNodes(nodes
|
|
47029
|
+
applyTreeNodes(nodes) {
|
|
47030
47030
|
this.treeNodes.set(nodes);
|
|
47031
47031
|
this.loadingTree.set(false);
|
|
47032
|
-
|
|
47033
|
-
this.treeLoaded.emit(nodes);
|
|
47034
|
-
}
|
|
47032
|
+
this.treeLoaded.emit(nodes);
|
|
47035
47033
|
if (!this.effectiveSelectedId()) {
|
|
47036
47034
|
const initial = resolveInitialReportId(nodes, {
|
|
47037
47035
|
preferredId: this.initialReportId,
|
|
@@ -47058,7 +47056,7 @@ class StructraReportPageBaseComponent {
|
|
|
47058
47056
|
const nodes = this.useCache
|
|
47059
47057
|
? await this.treeCache.getOrFetch(this.cacheKey, fetcher, { force })
|
|
47060
47058
|
: await fetcher();
|
|
47061
|
-
this.applyTreeNodes(nodes
|
|
47059
|
+
this.applyTreeNodes(nodes);
|
|
47062
47060
|
}
|
|
47063
47061
|
catch (error) {
|
|
47064
47062
|
this.treeLoadError.emit(error);
|