structra-ui 0.2.98 → 0.2.99
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
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:#e8eaed;border-color:var(--app-color-border, #e8eaed);box-shadow:0 1px 2px var(--app-color-border-subtle, rgba(22, 40, 72, .05)),0 4px 18px var(--app-color-shell-shadow, rgba(15, 23, 42, .04))}: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-context(.cadastro-page-shell__tab-panel):host.cadastro-fields-base__section.form-group--default:not(.form-group--outlined):not(.form-group--subtle):not(.form-group--dense) .form-group__header,:host-context(.cadastro-page-shell__tab-panel):host.cadastro-fields-base__section.form-group--default:not(.form-group--outlined):not(.form-group--subtle):not(.form-group--dense) .form-group__header.form-group__header--single-line{padding-inline:0}:host-context(.cadastro-page-shell__tab-panel):host.cadastro-fields-base__section.form-group--default:not(.form-group--outlined):not(.form-group--subtle):not(.form-group--dense).form-group--expanded .form-group__body{padding-inline:0}: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:#e8eaed;box-shadow:0 1px 2px #1628480d,0 4px 18px #0f172a0a}: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-context(.cadastro-page-shell__tab-panel):host.cadastro-fields-base__section.form-group--default:not(.form-group--outlined):not(.form-group--subtle):not(.form-group--dense).form-group--collapsible .form-group__header{padding:.55rem 0}:host-context(.cadastro-page-shell__tab-panel):host.cadastro-fields-base__section.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:.65rem 0}:host-context(.cadastro-page-shell__tab-panel):host.cadastro-fields-base__section.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 0}:host-context(.cadastro-page-shell__tab-panel):host.cadastro-fields-base__section.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 0}:host-context(.cadastro-page-shell__tab-panel):host.cadastro-fields-base__section.form-group--default:not(.form-group--outlined):not(.form-group--subtle):not(.form-group--dense).form-group--expanded .form-group__body{padding:.55rem 0}: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:#e8eaed;border-color:var(--app-color-border, #e8eaed);box-shadow:0 1px 2px var(--app-color-border-subtle, rgba(22, 40, 72, .05)),0 4px 18px var(--app-color-shell-shadow, rgba(15, 23, 42, .04))}: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-context(.cadastro-page-shell__tab-panel):host.cadastro-fields-base__section.form-group--default:not(.form-group--outlined):not(.form-group--subtle):not(.form-group--dense) .form-group__header,:host-context(.cadastro-page-shell__tab-panel):host.cadastro-fields-base__section.form-group--default:not(.form-group--outlined):not(.form-group--subtle):not(.form-group--dense) .form-group__header.form-group__header--single-line{padding-inline:0}:host-context(.cadastro-page-shell__tab-panel):host.cadastro-fields-base__section.form-group--default:not(.form-group--outlined):not(.form-group--subtle):not(.form-group--dense).form-group--expanded .form-group__body{padding-inline:0}: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:#e8eaed;box-shadow:0 1px 2px #1628480d,0 4px 18px #0f172a0a}: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-context(.cadastro-page-shell__tab-panel):host.cadastro-fields-base__section.form-group--default:not(.form-group--outlined):not(.form-group--subtle):not(.form-group--dense).form-group--collapsible .form-group__header{padding:.55rem 0}:host-context(.cadastro-page-shell__tab-panel):host.cadastro-fields-base__section.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:.65rem 0}:host-context(.cadastro-page-shell__tab-panel):host.cadastro-fields-base__section.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 0}:host-context(.cadastro-page-shell__tab-panel):host.cadastro-fields-base__section.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 0}:host-context(.cadastro-page-shell__tab-panel):host.cadastro-fields-base__section.form-group--default:not(.form-group--outlined):not(.form-group--subtle):not(.form-group--dense).form-group--expanded .form-group__body{padding:.55rem 0}: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 }]
|
|
@@ -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,: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}:host.cadastro-metadata-page--embedded-page-shell ::ng-deep .cadastro-fields-base__section.form-group--default:not(.form-group--outlined):not(.form-group--subtle):not(.form-group--dense) .form-group__header,:host.cadastro-metadata-page--embedded-page-shell ::ng-deep .cadastro-fields-base__section.form-group--default:not(.form-group--outlined):not(.form-group--subtle):not(.form-group--dense) .form-group__header.form-group__header--single-line{padding-inline:0}:host.cadastro-metadata-page--embedded-page-shell ::ng-deep .cadastro-fields-base__section.form-group--default:not(.form-group--outlined):not(.form-group--subtle):not(.form-group--dense).form-group--expanded .form-group__body{padding-inline: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}:host.cadastro-metadata-page--embedded-page-shell ::ng-deep .cadastro-fields-base__section.form-group--default:not(.form-group--outlined):not(.form-group--subtle):not(.form-group--dense).form-group--collapsible .form-group__header{padding:.55rem 0}:host.cadastro-metadata-page--embedded-page-shell ::ng-deep .cadastro-fields-base__section.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:.65rem 0}:host.cadastro-metadata-page--embedded-page-shell ::ng-deep .cadastro-fields-base__section.form-group--default:not(.form-group--outlined):not(.form-group--subtle):not(.form-group--dense).form-group--expanded .form-group__body{padding:.55rem 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 }); }
|
|
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,: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}:host.cadastro-metadata-page--embedded-page-shell ::ng-deep .cadastro-fields-base__section.form-group--default:not(.form-group--outlined):not(.form-group--subtle):not(.form-group--dense) .form-group__header,:host.cadastro-metadata-page--embedded-page-shell ::ng-deep .cadastro-fields-base__section.form-group--default:not(.form-group--outlined):not(.form-group--subtle):not(.form-group--dense) .form-group__header.form-group__header--single-line{padding-inline:0}:host.cadastro-metadata-page--embedded-page-shell ::ng-deep .cadastro-fields-base__section.form-group--default:not(.form-group--outlined):not(.form-group--subtle):not(.form-group--dense).form-group--expanded .form-group__body{padding-inline: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}:host.cadastro-metadata-page--embedded-page-shell ::ng-deep .cadastro-fields-base__section.form-group--default:not(.form-group--outlined):not(.form-group--subtle):not(.form-group--dense).form-group--collapsible .form-group__header{padding:.55rem 0}:host.cadastro-metadata-page--embedded-page-shell ::ng-deep .cadastro-fields-base__section.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:.65rem 0}:host.cadastro-metadata-page--embedded-page-shell ::ng-deep .cadastro-fields-base__section.form-group--default:not(.form-group--outlined):not(.form-group--subtle):not(.form-group--dense).form-group--expanded .form-group__body{padding:.55rem 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"] }]
|
|
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) {
|