@rededor/site-front-end-lib 1.3.16 → 1.3.18
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/esm2022/lib/components/breadcrumbs/breadcrumbs.component.mjs +8 -3
- package/esm2022/lib/components/cta-wrapper/cta-wrapper.component.mjs +2 -2
- package/esm2022/lib/components/error/error.component.mjs +11 -7
- package/esm2022/lib/components/filters/filter-generic/filter-generic.component.mjs +25 -3
- package/esm2022/lib/components/filters/filter-planos-convenios/filter-planos-convenios.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-action-menu/header-action-menu.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-side-menu-item/header-side-menu-item.component.mjs +3 -3
- package/esm2022/lib/components/page-header/page-header.component.mjs +1 -1
- package/esm2022/lib/components/pagination/pagination.component.mjs +9 -4
- package/fesm2022/rededor-site-front-end-lib.mjs +56 -22
- package/fesm2022/rededor-site-front-end-lib.mjs.map +1 -1
- package/lib/components/breadcrumbs/breadcrumbs.component.d.ts +2 -1
- package/lib/components/error/error.component.d.ts +2 -0
- package/lib/components/filters/filter-generic/filter-generic.component.d.ts +5 -0
- package/lib/components/pagination/pagination.component.d.ts +3 -2
- package/package.json +1 -1
|
@@ -2761,11 +2761,11 @@ class HeaderActionMenuComponent {
|
|
|
2761
2761
|
this.headerLoginClick.emit(event);
|
|
2762
2762
|
}
|
|
2763
2763
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderActionMenuComponent, deps: [{ token: HeaderService }, { token: LIB_CONFIG }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2764
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: HeaderActionMenuComponent, isStandalone: true, selector: "div[sl-hdr-act]", inputs: { loginUrl: "loginUrl", showSearch: "showSearch", homeUrl: "homeUrl" }, outputs: { headerLoginClick: "headerLoginClick" }, ngImport: i0, template: "@if (loginUrl) {\r\n <div class=\"sl-hdr-act-login\">\r\n <a [href]=\"loginUrl\" aria-label=\"Entrar\" (click)=\"headerLoginClicked($event)\" rdsitelink class=\"sl-hdr-act-login-link\">\r\n <svg class=\"icon-mobile\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#profileCircle'\"></use>\r\n </svg>\r\n <svg class=\"icon-desktop\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#profileCircle'\"></use>\r\n </svg>\r\n <span>ENTRAR</span>\r\n </a>\r\n </div>\r\n}\r\n@if (homeUrl) {\r\n <div class=\"sl-hdr-act-home\">\r\n <a [href]=\"homeUrl\" class=\"sl-hdr-act-home-link\" aria-label=\"P\u00E1gina inicial\" rdsitelink> Portal Rede D\u2019Or </a>\r\n </div>\r\n}\r\n\r\n<div class=\"sl-hdr-act-acts\">\r\n @if (showSearch) {\r\n <button type=\"button\" aria-label=\"Buscar\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSearch()\">\r\n @if (!headerService.showSearch()) {\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#search'\"></use>\r\n </svg>\r\n <span>BUSCAR</span>\r\n } @else {\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#close'\"></use>\r\n </svg>\r\n <span>FECHAR</span>\r\n }\r\n </button>\r\n }\r\n <button type=\"button\" aria-label=\"Abrir menu lateral\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSideMenu()\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#menuHamburguer'\"></use>\r\n </svg>\r\n </button>\r\n</div>\r\n", styles: ["div[sl-hdr-act]{display:flex;align-items:center;justify-content:center;height:100%;width:100%;gap:2px;background-color:var(--hdr-act-bg-color)}.sl-hdr-act-login,.sl-hdr-act-home{display:flex;align-items:center;justify-content:center;height:100%;padding:0 15px;background-color:var(--hdr-act-items-bg-color)}.sl-hdr-act-login-link,.sl-hdr-act-home-link{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:6px;color:var(--hdr-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.sl-hdr-act-login-link svg,.sl-hdr-act-home-link svg{stroke:var(--hdr-act-items-color)!important}.sl-hdr-act-login-link:hover,.sl-hdr-act-home-link:hover{color:var(--hdr-act-items-hover)!important}.sl-hdr-act-login-link:hover svg,.sl-hdr-act-home-link:hover svg{stroke:var(--hdr-act-items-hover)!important}.sl-hdr-act-login-link:active,.sl-hdr-act-home-link:active{color:var(--hdr-act-items-active)!important}.sl-hdr-act-login-link:active svg,.sl-hdr-act-home-link:active svg{stroke:var(--hdr-act-items-active)!important}.sl-hdr-act-login-link .icon-desktop,.sl-hdr-act-home-link .icon-desktop{display:none}.sl-hdr-act-login-link .icon-mobile,.sl-hdr-act-home-link .icon-mobile{display:inline}.sl-hdr-act-login-link span,.sl-hdr-act-home-link span{display:none}.sl-hdr-act-acts{display:flex;align-items:center;justify-content:center;height:100%;padding:0 12px;background-color:var(--hdr-act-items-bg-color)}.sl-hdr-act-acts-button{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:8px;background-color:transparent;color:var(--hdr-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.sl-hdr-act-acts-button svg{stroke:var(--hdr-act-items-color)!important}.sl-hdr-act-acts-button:hover{color:var(--hdr-act-items-hover)!important}.sl-hdr-act-acts-button:hover svg{stroke:var(--hdr-act-items-hover)!important}.sl-hdr-act-acts-button:active{color:var(--hdr-act-items-active)!important}.sl-hdr-act-acts-button:active svg{stroke:var(--hdr-act-items-active)!important}.sl-hdr-act-acts-button span{display:none}@media only screen and (min-width: 1024px){.sl-hdr-act-login,.sl-hdr-act-home{padding:0 12px}.sl-hdr-act-login-link,.sl-hdr-act-home-link{padding:8px}.sl-hdr-act-login-link .icon-desktop,.sl-hdr-act-home-link .icon-desktop{display:inline}.sl-hdr-act-login-link .icon-mobile,.sl-hdr-act-home-link .icon-mobile{display:none}.sl-hdr-act-login-link span,.sl-hdr-act-home-link span{display:inline}.sl-hdr-act-acts{padding:0 8px}.sl-hdr-act-acts-button span{display:inline}}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2764
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: HeaderActionMenuComponent, isStandalone: true, selector: "div[sl-hdr-act]", inputs: { loginUrl: "loginUrl", showSearch: "showSearch", homeUrl: "homeUrl" }, outputs: { headerLoginClick: "headerLoginClick" }, ngImport: i0, template: "@if (loginUrl) {\r\n <div class=\"sl-hdr-act-login\">\r\n <a [href]=\"loginUrl\" aria-label=\"Entrar\" (click)=\"headerLoginClicked($event)\" rdsitelink class=\"sl-hdr-act-login-link\">\r\n <svg class=\"icon-mobile\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#profileCircle'\"></use>\r\n </svg>\r\n <svg class=\"icon-desktop\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#profileCircle'\"></use>\r\n </svg>\r\n <span>ENTRAR</span>\r\n </a>\r\n </div>\r\n}\r\n@if (homeUrl) {\r\n <div class=\"sl-hdr-act-home\">\r\n <a [href]=\"homeUrl\" class=\"sl-hdr-act-home-link\" aria-label=\"P\u00E1gina inicial\" rdsitelink> Portal Rede D\u2019Or </a>\r\n </div>\r\n}\r\n\r\n<div class=\"sl-hdr-act-acts\">\r\n @if (showSearch) {\r\n <button type=\"button\" aria-label=\"Buscar\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSearch()\">\r\n @if (!headerService.showSearch()) {\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#search'\"></use>\r\n </svg>\r\n <span>BUSCAR</span>\r\n } @else {\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#close'\"></use>\r\n </svg>\r\n <span>FECHAR</span>\r\n }\r\n </button>\r\n }\r\n <button type=\"button\" aria-label=\"Abrir menu lateral\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSideMenu()\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#menuHamburguer'\"></use>\r\n </svg>\r\n </button>\r\n</div>\r\n", styles: ["div[sl-hdr-act]{display:flex;align-items:center;justify-content:center;height:100%;width:100%;gap:2px;background-color:var(--hdr-act-bg-color)}.sl-hdr-act-login,.sl-hdr-act-home{display:flex;align-items:center;justify-content:center;height:100%;padding:0 15px;background-color:var(--hdr-act-items-bg-color)}.sl-hdr-act-login-link,.sl-hdr-act-home-link{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:6px;color:var(--hdr-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.sl-hdr-act-login-link svg,.sl-hdr-act-home-link svg{stroke:var(--hdr-act-items-color)!important}.sl-hdr-act-login-link:hover,.sl-hdr-act-home-link:hover{color:var(--hdr-act-items-hover)!important}.sl-hdr-act-login-link:hover svg,.sl-hdr-act-home-link:hover svg{stroke:var(--hdr-act-items-hover)!important}.sl-hdr-act-login-link:active,.sl-hdr-act-home-link:active{color:var(--hdr-act-items-active)!important}.sl-hdr-act-login-link:active svg,.sl-hdr-act-home-link:active svg{stroke:var(--hdr-act-items-active)!important}.sl-hdr-act-login-link .icon-desktop,.sl-hdr-act-home-link .icon-desktop{display:none}.sl-hdr-act-login-link .icon-mobile,.sl-hdr-act-home-link .icon-mobile{display:inline}.sl-hdr-act-login-link span,.sl-hdr-act-home-link span,.sl-hdr-act-home{display:none}.sl-hdr-act-acts{display:flex;align-items:center;justify-content:center;height:100%;padding:0 12px;background-color:var(--hdr-act-items-bg-color)}.sl-hdr-act-acts-button{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:8px;background-color:transparent;color:var(--hdr-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.sl-hdr-act-acts-button svg{stroke:var(--hdr-act-items-color)!important}.sl-hdr-act-acts-button:hover{color:var(--hdr-act-items-hover)!important}.sl-hdr-act-acts-button:hover svg{stroke:var(--hdr-act-items-hover)!important}.sl-hdr-act-acts-button:active{color:var(--hdr-act-items-active)!important}.sl-hdr-act-acts-button:active svg{stroke:var(--hdr-act-items-active)!important}.sl-hdr-act-acts-button span{display:none}@media only screen and (min-width: 1024px){.sl-hdr-act-login,.sl-hdr-act-home{padding:0 12px}.sl-hdr-act-login-link,.sl-hdr-act-home-link{padding:8px}.sl-hdr-act-login-link .icon-desktop,.sl-hdr-act-home-link .icon-desktop{display:inline}.sl-hdr-act-login-link .icon-mobile,.sl-hdr-act-home-link .icon-mobile{display:none}.sl-hdr-act-login-link span,.sl-hdr-act-home-link span{display:inline}.sl-hdr-act-home{display:flex}.sl-hdr-act-acts{padding:0 8px}.sl-hdr-act-acts-button span{display:inline}}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2765
2765
|
}
|
|
2766
2766
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderActionMenuComponent, decorators: [{
|
|
2767
2767
|
type: Component,
|
|
2768
|
-
args: [{ selector: 'div[sl-hdr-act]', standalone: true, imports: [RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (loginUrl) {\r\n <div class=\"sl-hdr-act-login\">\r\n <a [href]=\"loginUrl\" aria-label=\"Entrar\" (click)=\"headerLoginClicked($event)\" rdsitelink class=\"sl-hdr-act-login-link\">\r\n <svg class=\"icon-mobile\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#profileCircle'\"></use>\r\n </svg>\r\n <svg class=\"icon-desktop\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#profileCircle'\"></use>\r\n </svg>\r\n <span>ENTRAR</span>\r\n </a>\r\n </div>\r\n}\r\n@if (homeUrl) {\r\n <div class=\"sl-hdr-act-home\">\r\n <a [href]=\"homeUrl\" class=\"sl-hdr-act-home-link\" aria-label=\"P\u00E1gina inicial\" rdsitelink> Portal Rede D\u2019Or </a>\r\n </div>\r\n}\r\n\r\n<div class=\"sl-hdr-act-acts\">\r\n @if (showSearch) {\r\n <button type=\"button\" aria-label=\"Buscar\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSearch()\">\r\n @if (!headerService.showSearch()) {\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#search'\"></use>\r\n </svg>\r\n <span>BUSCAR</span>\r\n } @else {\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#close'\"></use>\r\n </svg>\r\n <span>FECHAR</span>\r\n }\r\n </button>\r\n }\r\n <button type=\"button\" aria-label=\"Abrir menu lateral\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSideMenu()\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#menuHamburguer'\"></use>\r\n </svg>\r\n </button>\r\n</div>\r\n", styles: ["div[sl-hdr-act]{display:flex;align-items:center;justify-content:center;height:100%;width:100%;gap:2px;background-color:var(--hdr-act-bg-color)}.sl-hdr-act-login,.sl-hdr-act-home{display:flex;align-items:center;justify-content:center;height:100%;padding:0 15px;background-color:var(--hdr-act-items-bg-color)}.sl-hdr-act-login-link,.sl-hdr-act-home-link{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:6px;color:var(--hdr-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.sl-hdr-act-login-link svg,.sl-hdr-act-home-link svg{stroke:var(--hdr-act-items-color)!important}.sl-hdr-act-login-link:hover,.sl-hdr-act-home-link:hover{color:var(--hdr-act-items-hover)!important}.sl-hdr-act-login-link:hover svg,.sl-hdr-act-home-link:hover svg{stroke:var(--hdr-act-items-hover)!important}.sl-hdr-act-login-link:active,.sl-hdr-act-home-link:active{color:var(--hdr-act-items-active)!important}.sl-hdr-act-login-link:active svg,.sl-hdr-act-home-link:active svg{stroke:var(--hdr-act-items-active)!important}.sl-hdr-act-login-link .icon-desktop,.sl-hdr-act-home-link .icon-desktop{display:none}.sl-hdr-act-login-link .icon-mobile,.sl-hdr-act-home-link .icon-mobile{display:inline}.sl-hdr-act-login-link span,.sl-hdr-act-home-link span{display:none}.sl-hdr-act-acts{display:flex;align-items:center;justify-content:center;height:100%;padding:0 12px;background-color:var(--hdr-act-items-bg-color)}.sl-hdr-act-acts-button{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:8px;background-color:transparent;color:var(--hdr-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.sl-hdr-act-acts-button svg{stroke:var(--hdr-act-items-color)!important}.sl-hdr-act-acts-button:hover{color:var(--hdr-act-items-hover)!important}.sl-hdr-act-acts-button:hover svg{stroke:var(--hdr-act-items-hover)!important}.sl-hdr-act-acts-button:active{color:var(--hdr-act-items-active)!important}.sl-hdr-act-acts-button:active svg{stroke:var(--hdr-act-items-active)!important}.sl-hdr-act-acts-button span{display:none}@media only screen and (min-width: 1024px){.sl-hdr-act-login,.sl-hdr-act-home{padding:0 12px}.sl-hdr-act-login-link,.sl-hdr-act-home-link{padding:8px}.sl-hdr-act-login-link .icon-desktop,.sl-hdr-act-home-link .icon-desktop{display:inline}.sl-hdr-act-login-link .icon-mobile,.sl-hdr-act-home-link .icon-mobile{display:none}.sl-hdr-act-login-link span,.sl-hdr-act-home-link span{display:inline}.sl-hdr-act-acts{padding:0 8px}.sl-hdr-act-acts-button span{display:inline}}\n"] }]
|
|
2768
|
+
args: [{ selector: 'div[sl-hdr-act]', standalone: true, imports: [RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (loginUrl) {\r\n <div class=\"sl-hdr-act-login\">\r\n <a [href]=\"loginUrl\" aria-label=\"Entrar\" (click)=\"headerLoginClicked($event)\" rdsitelink class=\"sl-hdr-act-login-link\">\r\n <svg class=\"icon-mobile\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#profileCircle'\"></use>\r\n </svg>\r\n <svg class=\"icon-desktop\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#profileCircle'\"></use>\r\n </svg>\r\n <span>ENTRAR</span>\r\n </a>\r\n </div>\r\n}\r\n@if (homeUrl) {\r\n <div class=\"sl-hdr-act-home\">\r\n <a [href]=\"homeUrl\" class=\"sl-hdr-act-home-link\" aria-label=\"P\u00E1gina inicial\" rdsitelink> Portal Rede D\u2019Or </a>\r\n </div>\r\n}\r\n\r\n<div class=\"sl-hdr-act-acts\">\r\n @if (showSearch) {\r\n <button type=\"button\" aria-label=\"Buscar\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSearch()\">\r\n @if (!headerService.showSearch()) {\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#search'\"></use>\r\n </svg>\r\n <span>BUSCAR</span>\r\n } @else {\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#close'\"></use>\r\n </svg>\r\n <span>FECHAR</span>\r\n }\r\n </button>\r\n }\r\n <button type=\"button\" aria-label=\"Abrir menu lateral\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSideMenu()\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#menuHamburguer'\"></use>\r\n </svg>\r\n </button>\r\n</div>\r\n", styles: ["div[sl-hdr-act]{display:flex;align-items:center;justify-content:center;height:100%;width:100%;gap:2px;background-color:var(--hdr-act-bg-color)}.sl-hdr-act-login,.sl-hdr-act-home{display:flex;align-items:center;justify-content:center;height:100%;padding:0 15px;background-color:var(--hdr-act-items-bg-color)}.sl-hdr-act-login-link,.sl-hdr-act-home-link{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:6px;color:var(--hdr-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.sl-hdr-act-login-link svg,.sl-hdr-act-home-link svg{stroke:var(--hdr-act-items-color)!important}.sl-hdr-act-login-link:hover,.sl-hdr-act-home-link:hover{color:var(--hdr-act-items-hover)!important}.sl-hdr-act-login-link:hover svg,.sl-hdr-act-home-link:hover svg{stroke:var(--hdr-act-items-hover)!important}.sl-hdr-act-login-link:active,.sl-hdr-act-home-link:active{color:var(--hdr-act-items-active)!important}.sl-hdr-act-login-link:active svg,.sl-hdr-act-home-link:active svg{stroke:var(--hdr-act-items-active)!important}.sl-hdr-act-login-link .icon-desktop,.sl-hdr-act-home-link .icon-desktop{display:none}.sl-hdr-act-login-link .icon-mobile,.sl-hdr-act-home-link .icon-mobile{display:inline}.sl-hdr-act-login-link span,.sl-hdr-act-home-link span,.sl-hdr-act-home{display:none}.sl-hdr-act-acts{display:flex;align-items:center;justify-content:center;height:100%;padding:0 12px;background-color:var(--hdr-act-items-bg-color)}.sl-hdr-act-acts-button{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:8px;background-color:transparent;color:var(--hdr-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.sl-hdr-act-acts-button svg{stroke:var(--hdr-act-items-color)!important}.sl-hdr-act-acts-button:hover{color:var(--hdr-act-items-hover)!important}.sl-hdr-act-acts-button:hover svg{stroke:var(--hdr-act-items-hover)!important}.sl-hdr-act-acts-button:active{color:var(--hdr-act-items-active)!important}.sl-hdr-act-acts-button:active svg{stroke:var(--hdr-act-items-active)!important}.sl-hdr-act-acts-button span{display:none}@media only screen and (min-width: 1024px){.sl-hdr-act-login,.sl-hdr-act-home{padding:0 12px}.sl-hdr-act-login-link,.sl-hdr-act-home-link{padding:8px}.sl-hdr-act-login-link .icon-desktop,.sl-hdr-act-home-link .icon-desktop{display:inline}.sl-hdr-act-login-link .icon-mobile,.sl-hdr-act-home-link .icon-mobile{display:none}.sl-hdr-act-login-link span,.sl-hdr-act-home-link span{display:inline}.sl-hdr-act-home{display:flex}.sl-hdr-act-acts{padding:0 8px}.sl-hdr-act-acts-button span{display:inline}}\n"] }]
|
|
2769
2769
|
}], ctorParameters: () => [{ type: HeaderService }, { type: undefined, decorators: [{
|
|
2770
2770
|
type: Inject,
|
|
2771
2771
|
args: [LIB_CONFIG]
|
|
@@ -3175,11 +3175,11 @@ class HeaderSideMenuItemComponent {
|
|
|
3175
3175
|
this.headerSideMenuItemClick.emit(event);
|
|
3176
3176
|
}
|
|
3177
3177
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderSideMenuItemComponent, deps: [{ token: HeaderService }, { token: LIB_CONFIG }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3178
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: HeaderSideMenuItemComponent, isStandalone: true, selector: "li[sl-hdr-side-item]", inputs: { item: "item", altStyle: "altStyle", fontSize: "fontSize" }, outputs: { headerSideMenuItemClick: "headerSideMenuItemClick" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "@if (item) {\r\n <div class=\"sl-hdr-side-item\" [ngClass]=\"{ active: item.active, alt: altStyle }\" (click)=\"toggleList($event, item, false)\">\r\n <a [href]=\"item.url\" rdsitelink (click)=\"toggleList($event, item, !item.children?.length || !!item.url); headerSideMenuItemClicked($event)\">\r\n <span>{{ item.title }}</span>\r\n @if (!item.children?.length) {\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#right'\"></use>\r\n </svg>\r\n }\r\n </a>\r\n\r\n @if (item.children?.length) {\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#' + (item.active ? 'up' : 'down')\"></use>\r\n </svg>\r\n }\r\n </div>\r\n\r\n @if (item.children?.length) {\r\n <ul class=\"sl-hdr-side-item-list\" [ngClass]=\"{ active: item.active }\">\r\n @for (child of item.children; track
|
|
3178
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: HeaderSideMenuItemComponent, isStandalone: true, selector: "li[sl-hdr-side-item]", inputs: { item: "item", altStyle: "altStyle", fontSize: "fontSize" }, outputs: { headerSideMenuItemClick: "headerSideMenuItemClick" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "@if (item) {\r\n <div class=\"sl-hdr-side-item\" [ngClass]=\"{ active: item.active, alt: altStyle }\" (click)=\"toggleList($event, item, false)\">\r\n <a [href]=\"item.url\" rdsitelink (click)=\"toggleList($event, item, !item.children?.length || !!item.url); headerSideMenuItemClicked($event)\">\r\n <span>{{ item.title }}</span>\r\n @if (!item.children?.length) {\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#right'\"></use>\r\n </svg>\r\n }\r\n </a>\r\n\r\n @if (item.children?.length) {\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#' + (item.active ? 'up' : 'down')\"></use>\r\n </svg>\r\n }\r\n </div>\r\n\r\n @if (item.children?.length) {\r\n <ul class=\"sl-hdr-side-item-list\" [ngClass]=\"{ active: item.active }\">\r\n @for (child of item.children; track child.title) {\r\n <li sl-hdr-side-item [item]=\"child\" [fontSize]=\"fontSize\" [altStyle]=\"altStyle\" (headerSideMenuItemClick)=\"headerSideMenuItemClicked($event)\"></li>\r\n }\r\n </ul>\r\n }\r\n}\r\n", styles: [".sl-hdr-side-item{display:flex;align-items:center;justify-content:space-between;padding:4px 0;min-height:44px;background-color:transparent;width:100%;cursor:pointer;border-bottom:solid 1px var(--hdr-side-border-bottom, rgb(0, 61, 165))}.sl-hdr-side-item svg{stroke:var(--hdr-side-color);flex-shrink:0}.sl-hdr-side-item.active{border-bottom:none}.sl-hdr-side-item.active a{text-decoration:none}.sl-hdr-side-item.active a span{color:var(--hdr-side-open-color, rgb(68, 142, 205))}.sl-hdr-side-item.active svg{stroke:var(--hdr-side-open-color)}.sl-hdr-side-item a{text-align:left;display:flex;justify-content:center;align-items:center;gap:8px;text-decoration:none}.sl-hdr-side-item a span{font-size:var(--side-menu-item-font-size, 16px);font-weight:300;color:var(--hdr-side-color)}.sl-hdr-side-item a svg{stroke:var(--hdr-side-alt-color)}.sl-hdr-side-item:hover a span{color:var(--hdr-side-hover)}.sl-hdr-side-item:hover svg{stroke:var(--hdr-side-hover)!important}.sl-hdr-side-item:active a span{color:var(--hdr-side-active)}.sl-hdr-side-item:active svg{stroke:var(--hdr-side-active)!important}.sl-hdr-side-item.alt a span{color:var(--hdr-side-alt-color)}.sl-hdr-side-item.alt svg{stroke:var(--hdr-side-alt-color)}.sl-hdr-side-item.alt:hover a span{color:var(--hdr-side-alt-hover)}.sl-hdr-side-item.alt:hover svg{stroke:var(--hdr-side-alt-hover)!important}.sl-hdr-side-item.alt:active a span{color:var(--hdr-side-alt-active)}.sl-hdr-side-item.alt:active svg{stroke:var(--hdr-side-alt-active)!important}.sl-hdr-side-item-list{padding:0 0 0 24px;display:none}.sl-hdr-side-item-list.active{display:block}\n"], dependencies: [{ kind: "component", type: HeaderSideMenuItemComponent, selector: "li[sl-hdr-side-item]", inputs: ["item", "altStyle", "fontSize"], outputs: ["headerSideMenuItemClick"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3179
3179
|
}
|
|
3180
3180
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderSideMenuItemComponent, decorators: [{
|
|
3181
3181
|
type: Component,
|
|
3182
|
-
args: [{ selector: 'li[sl-hdr-side-item]', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], encapsulation: ViewEncapsulation.None, template: "@if (item) {\r\n <div class=\"sl-hdr-side-item\" [ngClass]=\"{ active: item.active, alt: altStyle }\" (click)=\"toggleList($event, item, false)\">\r\n <a [href]=\"item.url\" rdsitelink (click)=\"toggleList($event, item, !item.children?.length || !!item.url); headerSideMenuItemClicked($event)\">\r\n <span>{{ item.title }}</span>\r\n @if (!item.children?.length) {\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#right'\"></use>\r\n </svg>\r\n }\r\n </a>\r\n\r\n @if (item.children?.length) {\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#' + (item.active ? 'up' : 'down')\"></use>\r\n </svg>\r\n }\r\n </div>\r\n\r\n @if (item.children?.length) {\r\n <ul class=\"sl-hdr-side-item-list\" [ngClass]=\"{ active: item.active }\">\r\n @for (child of item.children; track
|
|
3182
|
+
args: [{ selector: 'li[sl-hdr-side-item]', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], encapsulation: ViewEncapsulation.None, template: "@if (item) {\r\n <div class=\"sl-hdr-side-item\" [ngClass]=\"{ active: item.active, alt: altStyle }\" (click)=\"toggleList($event, item, false)\">\r\n <a [href]=\"item.url\" rdsitelink (click)=\"toggleList($event, item, !item.children?.length || !!item.url); headerSideMenuItemClicked($event)\">\r\n <span>{{ item.title }}</span>\r\n @if (!item.children?.length) {\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#right'\"></use>\r\n </svg>\r\n }\r\n </a>\r\n\r\n @if (item.children?.length) {\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#' + (item.active ? 'up' : 'down')\"></use>\r\n </svg>\r\n }\r\n </div>\r\n\r\n @if (item.children?.length) {\r\n <ul class=\"sl-hdr-side-item-list\" [ngClass]=\"{ active: item.active }\">\r\n @for (child of item.children; track child.title) {\r\n <li sl-hdr-side-item [item]=\"child\" [fontSize]=\"fontSize\" [altStyle]=\"altStyle\" (headerSideMenuItemClick)=\"headerSideMenuItemClicked($event)\"></li>\r\n }\r\n </ul>\r\n }\r\n}\r\n", styles: [".sl-hdr-side-item{display:flex;align-items:center;justify-content:space-between;padding:4px 0;min-height:44px;background-color:transparent;width:100%;cursor:pointer;border-bottom:solid 1px var(--hdr-side-border-bottom, rgb(0, 61, 165))}.sl-hdr-side-item svg{stroke:var(--hdr-side-color);flex-shrink:0}.sl-hdr-side-item.active{border-bottom:none}.sl-hdr-side-item.active a{text-decoration:none}.sl-hdr-side-item.active a span{color:var(--hdr-side-open-color, rgb(68, 142, 205))}.sl-hdr-side-item.active svg{stroke:var(--hdr-side-open-color)}.sl-hdr-side-item a{text-align:left;display:flex;justify-content:center;align-items:center;gap:8px;text-decoration:none}.sl-hdr-side-item a span{font-size:var(--side-menu-item-font-size, 16px);font-weight:300;color:var(--hdr-side-color)}.sl-hdr-side-item a svg{stroke:var(--hdr-side-alt-color)}.sl-hdr-side-item:hover a span{color:var(--hdr-side-hover)}.sl-hdr-side-item:hover svg{stroke:var(--hdr-side-hover)!important}.sl-hdr-side-item:active a span{color:var(--hdr-side-active)}.sl-hdr-side-item:active svg{stroke:var(--hdr-side-active)!important}.sl-hdr-side-item.alt a span{color:var(--hdr-side-alt-color)}.sl-hdr-side-item.alt svg{stroke:var(--hdr-side-alt-color)}.sl-hdr-side-item.alt:hover a span{color:var(--hdr-side-alt-hover)}.sl-hdr-side-item.alt:hover svg{stroke:var(--hdr-side-alt-hover)!important}.sl-hdr-side-item.alt:active a span{color:var(--hdr-side-alt-active)}.sl-hdr-side-item.alt:active svg{stroke:var(--hdr-side-alt-active)!important}.sl-hdr-side-item-list{padding:0 0 0 24px;display:none}.sl-hdr-side-item-list.active{display:block}\n"] }]
|
|
3183
3183
|
}], ctorParameters: () => [{ type: HeaderService }, { type: undefined, decorators: [{
|
|
3184
3184
|
type: Inject,
|
|
3185
3185
|
args: [LIB_CONFIG]
|
|
@@ -3572,11 +3572,11 @@ class CtaWrapperComponent {
|
|
|
3572
3572
|
this.seeMoreControl = !this.seeMoreControl;
|
|
3573
3573
|
}
|
|
3574
3574
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CtaWrapperComponent, deps: [{ token: CuraService }, { token: NguCarouselService }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3575
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CtaWrapperComponent, isStandalone: true, selector: "rdsite-cta-wrapper", inputs: { content: "content", showTitleAndText: "showTitleAndText", colors: "colors" }, host: { listeners: { "window:resize": "onWindowResize()" }, properties: { "style": "this.style", "class": "this.class" } }, viewQueries: [{ propertyName: "nguCarouselCtas", first: true, predicate: ["nguCarouselCtas"], descendants: true }], ngImport: i0, template: "@if (content?.ctas?.length) {\r\n @if (content?.title && showTitleAndText) {\r\n <h3 class=\"ctas-title\">{{ content?.title }}</h3>\r\n }\r\n\r\n @if (content?.text && showTitleAndText) {\r\n <p class=\"ctas-text\" [innerHTML]=\"content?.text\"></p>\r\n }\r\n\r\n @if (!seeMoreControl) {\r\n <nav class=\"ctas-wrapper\" data-testid=\"_rdsite-ctas-wrapper\">\r\n @if (!bannerControl) {\r\n <ngu-carousel #nguCarouselCtas [inputs]=\"carouselCtasConfig\" [dataSource]=\"content?.ctas\">\r\n <ngu-item *nguCarouselDef=\"let cta; let i = index\">\r\n <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\r\n @if (cta?.icon) {\r\n <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [attr.color]=\"colors.icon\"></cura-icon>\r\n }\r\n <p>{{ cta?.label }}</p>\r\n </a>\r\n </ngu-item>\r\n </ngu-carousel>\r\n\r\n <div class=\"show-more\" data-testid=\"_rdsite-ctas-wrapper-show-more\">\r\n <button type=\"button\" (click)=\"moreOptions()\">Mais op\u00E7\u00F5es</button>\r\n </div>\r\n } @else {\r\n @for (cta of content?.ctas; track $index) {\r\n @if (cta?.label) {\r\n <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\r\n @if (cta?.icon) {\r\n <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [attr.color]=\"colors.icon\"></cura-icon>\r\n }\r\n <p>{{ cta?.label }}</p>\r\n </a>\r\n }\r\n }\r\n }\r\n </nav>\r\n } @else {\r\n <nav class=\"more-options\" data-testid=\"_rdsite-ctas-wrapper-more-options\">\r\n @for (cta of content?.ctas; track $index) {\r\n @if (cta?.label) {\r\n <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\r\n @if (cta?.icon) {\r\n <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [attr.color]=\"colors.icon\"></cura-icon>\r\n }\r\n <p>{{ cta?.label }}</p>\r\n </a>\r\n }\r\n }\r\n </nav>\r\n }\r\n}\r\n", styles: [":host{display:block}:host .ctas-title,:host .ctas-text{font-family:var(--font-family);padding:0;margin:0}:host .ctas-title:not(:last-child),:host .ctas-text:not(:last-child){padding-bottom:0}:host .ctas-title{color:var(--icon-color);font-size:29px;font-weight:500;line-height:38px;letter-spacing:-.58px;padding:0 24px;margin-bottom:24px}@media only screen and (min-width: 1024px){:host .ctas-title{font-size:33px;line-height:43px;letter-spacing:-.66px;padding:0}}:host .ctas-text{color:var(--icon-color);font-size:17px;font-weight:400;line-height:25px;padding:0 24px}@media only screen and (min-width: 1024px){:host .ctas-text{font-size:19px;line-height:28px;padding:0}}:host .ctas-wrapper{display:flex;flex-wrap:wrap;gap:16px;margin-top:
|
|
3575
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CtaWrapperComponent, isStandalone: true, selector: "rdsite-cta-wrapper", inputs: { content: "content", showTitleAndText: "showTitleAndText", colors: "colors" }, host: { listeners: { "window:resize": "onWindowResize()" }, properties: { "style": "this.style", "class": "this.class" } }, viewQueries: [{ propertyName: "nguCarouselCtas", first: true, predicate: ["nguCarouselCtas"], descendants: true }], ngImport: i0, template: "@if (content?.ctas?.length) {\r\n @if (content?.title && showTitleAndText) {\r\n <h3 class=\"ctas-title\">{{ content?.title }}</h3>\r\n }\r\n\r\n @if (content?.text && showTitleAndText) {\r\n <p class=\"ctas-text\" [innerHTML]=\"content?.text\"></p>\r\n }\r\n\r\n @if (!seeMoreControl) {\r\n <nav class=\"ctas-wrapper\" data-testid=\"_rdsite-ctas-wrapper\">\r\n @if (!bannerControl) {\r\n <ngu-carousel #nguCarouselCtas [inputs]=\"carouselCtasConfig\" [dataSource]=\"content?.ctas\">\r\n <ngu-item *nguCarouselDef=\"let cta; let i = index\">\r\n <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\r\n @if (cta?.icon) {\r\n <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [attr.color]=\"colors.icon\"></cura-icon>\r\n }\r\n <p>{{ cta?.label }}</p>\r\n </a>\r\n </ngu-item>\r\n </ngu-carousel>\r\n\r\n <div class=\"show-more\" data-testid=\"_rdsite-ctas-wrapper-show-more\">\r\n <button type=\"button\" (click)=\"moreOptions()\">Mais op\u00E7\u00F5es</button>\r\n </div>\r\n } @else {\r\n @for (cta of content?.ctas; track $index) {\r\n @if (cta?.label) {\r\n <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\r\n @if (cta?.icon) {\r\n <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [attr.color]=\"colors.icon\"></cura-icon>\r\n }\r\n <p>{{ cta?.label }}</p>\r\n </a>\r\n }\r\n }\r\n }\r\n </nav>\r\n } @else {\r\n <nav class=\"more-options\" data-testid=\"_rdsite-ctas-wrapper-more-options\">\r\n @for (cta of content?.ctas; track $index) {\r\n @if (cta?.label) {\r\n <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\r\n @if (cta?.icon) {\r\n <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [attr.color]=\"colors.icon\"></cura-icon>\r\n }\r\n <p>{{ cta?.label }}</p>\r\n </a>\r\n }\r\n }\r\n </nav>\r\n }\r\n}\r\n", styles: [":host{display:block}:host .ctas-title,:host .ctas-text{font-family:var(--font-family);padding:0;margin:0}:host .ctas-title:not(:last-child),:host .ctas-text:not(:last-child){padding-bottom:0}:host .ctas-title{color:var(--icon-color);font-size:29px;font-weight:500;line-height:38px;letter-spacing:-.58px;padding:0 24px;margin-bottom:24px}@media only screen and (min-width: 1024px){:host .ctas-title{font-size:33px;line-height:43px;letter-spacing:-.66px;padding:0}}:host .ctas-text{color:var(--icon-color);font-size:17px;font-weight:400;line-height:25px;padding:0 24px}@media only screen and (min-width: 1024px){:host .ctas-text{font-size:19px;line-height:28px;padding:0}}:host .ctas-wrapper{display:flex;flex-wrap:wrap;gap:16px;margin-top:50px}:host .ctas-wrapper ngu-carousel{max-width:100vw;margin-left:-6%}:host .ctas-wrapper ngu-carousel::ng-deep .ngucarousel{padding-left:6%}:host .ctas-wrapper ngu-item a{margin-right:16px}:host .ctas-wrapper .show-more{display:flex;justify-content:flex-end;width:100%;height:auto}:host .ctas-wrapper .show-more button{font-family:var(--font-family);color:var(--icon-color);background-color:transparent;font-size:16px;font-weight:500;line-height:145%;letter-spacing:.32px;text-decoration-line:underline;text-align:center}:host .more-options{display:flex;flex-wrap:wrap;gap:16px;margin-top:60px}:host .cta{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-width:150px;height:100%;min-height:150px;padding:24px 16px;border-radius:4px;border:1px solid var(--border-color);text-decoration:none}:host .cta p{font-family:var(--font-family);color:var(--icon-color);font-size:16px;font-weight:700;line-height:145%;letter-spacing:.32px;padding:0;margin:0;text-align:center}\n"], dependencies: [{ kind: "component", type: NguCarousel, selector: "ngu-carousel", inputs: ["inputs", "dataSource", "trackBy"], outputs: ["carouselLoad", "onMove"] }, { kind: "component", type: NguItemComponent, selector: "ngu-item" }, { kind: "directive", type: NguCarouselDefDirective, selector: "[nguCarouselDef]" }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
3576
3576
|
}
|
|
3577
3577
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CtaWrapperComponent, decorators: [{
|
|
3578
3578
|
type: Component,
|
|
3579
|
-
args: [{ selector: 'rdsite-cta-wrapper', standalone: true, imports: [NguCarousel, NguItemComponent, NguCarouselDefDirective, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (content?.ctas?.length) {\r\n @if (content?.title && showTitleAndText) {\r\n <h3 class=\"ctas-title\">{{ content?.title }}</h3>\r\n }\r\n\r\n @if (content?.text && showTitleAndText) {\r\n <p class=\"ctas-text\" [innerHTML]=\"content?.text\"></p>\r\n }\r\n\r\n @if (!seeMoreControl) {\r\n <nav class=\"ctas-wrapper\" data-testid=\"_rdsite-ctas-wrapper\">\r\n @if (!bannerControl) {\r\n <ngu-carousel #nguCarouselCtas [inputs]=\"carouselCtasConfig\" [dataSource]=\"content?.ctas\">\r\n <ngu-item *nguCarouselDef=\"let cta; let i = index\">\r\n <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\r\n @if (cta?.icon) {\r\n <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [attr.color]=\"colors.icon\"></cura-icon>\r\n }\r\n <p>{{ cta?.label }}</p>\r\n </a>\r\n </ngu-item>\r\n </ngu-carousel>\r\n\r\n <div class=\"show-more\" data-testid=\"_rdsite-ctas-wrapper-show-more\">\r\n <button type=\"button\" (click)=\"moreOptions()\">Mais op\u00E7\u00F5es</button>\r\n </div>\r\n } @else {\r\n @for (cta of content?.ctas; track $index) {\r\n @if (cta?.label) {\r\n <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\r\n @if (cta?.icon) {\r\n <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [attr.color]=\"colors.icon\"></cura-icon>\r\n }\r\n <p>{{ cta?.label }}</p>\r\n </a>\r\n }\r\n }\r\n }\r\n </nav>\r\n } @else {\r\n <nav class=\"more-options\" data-testid=\"_rdsite-ctas-wrapper-more-options\">\r\n @for (cta of content?.ctas; track $index) {\r\n @if (cta?.label) {\r\n <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\r\n @if (cta?.icon) {\r\n <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [attr.color]=\"colors.icon\"></cura-icon>\r\n }\r\n <p>{{ cta?.label }}</p>\r\n </a>\r\n }\r\n }\r\n </nav>\r\n }\r\n}\r\n", styles: [":host{display:block}:host .ctas-title,:host .ctas-text{font-family:var(--font-family);padding:0;margin:0}:host .ctas-title:not(:last-child),:host .ctas-text:not(:last-child){padding-bottom:0}:host .ctas-title{color:var(--icon-color);font-size:29px;font-weight:500;line-height:38px;letter-spacing:-.58px;padding:0 24px;margin-bottom:24px}@media only screen and (min-width: 1024px){:host .ctas-title{font-size:33px;line-height:43px;letter-spacing:-.66px;padding:0}}:host .ctas-text{color:var(--icon-color);font-size:17px;font-weight:400;line-height:25px;padding:0 24px}@media only screen and (min-width: 1024px){:host .ctas-text{font-size:19px;line-height:28px;padding:0}}:host .ctas-wrapper{display:flex;flex-wrap:wrap;gap:16px;margin-top:
|
|
3579
|
+
args: [{ selector: 'rdsite-cta-wrapper', standalone: true, imports: [NguCarousel, NguItemComponent, NguCarouselDefDirective, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (content?.ctas?.length) {\r\n @if (content?.title && showTitleAndText) {\r\n <h3 class=\"ctas-title\">{{ content?.title }}</h3>\r\n }\r\n\r\n @if (content?.text && showTitleAndText) {\r\n <p class=\"ctas-text\" [innerHTML]=\"content?.text\"></p>\r\n }\r\n\r\n @if (!seeMoreControl) {\r\n <nav class=\"ctas-wrapper\" data-testid=\"_rdsite-ctas-wrapper\">\r\n @if (!bannerControl) {\r\n <ngu-carousel #nguCarouselCtas [inputs]=\"carouselCtasConfig\" [dataSource]=\"content?.ctas\">\r\n <ngu-item *nguCarouselDef=\"let cta; let i = index\">\r\n <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\r\n @if (cta?.icon) {\r\n <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [attr.color]=\"colors.icon\"></cura-icon>\r\n }\r\n <p>{{ cta?.label }}</p>\r\n </a>\r\n </ngu-item>\r\n </ngu-carousel>\r\n\r\n <div class=\"show-more\" data-testid=\"_rdsite-ctas-wrapper-show-more\">\r\n <button type=\"button\" (click)=\"moreOptions()\">Mais op\u00E7\u00F5es</button>\r\n </div>\r\n } @else {\r\n @for (cta of content?.ctas; track $index) {\r\n @if (cta?.label) {\r\n <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\r\n @if (cta?.icon) {\r\n <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [attr.color]=\"colors.icon\"></cura-icon>\r\n }\r\n <p>{{ cta?.label }}</p>\r\n </a>\r\n }\r\n }\r\n }\r\n </nav>\r\n } @else {\r\n <nav class=\"more-options\" data-testid=\"_rdsite-ctas-wrapper-more-options\">\r\n @for (cta of content?.ctas; track $index) {\r\n @if (cta?.label) {\r\n <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\r\n @if (cta?.icon) {\r\n <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [attr.color]=\"colors.icon\"></cura-icon>\r\n }\r\n <p>{{ cta?.label }}</p>\r\n </a>\r\n }\r\n }\r\n </nav>\r\n }\r\n}\r\n", styles: [":host{display:block}:host .ctas-title,:host .ctas-text{font-family:var(--font-family);padding:0;margin:0}:host .ctas-title:not(:last-child),:host .ctas-text:not(:last-child){padding-bottom:0}:host .ctas-title{color:var(--icon-color);font-size:29px;font-weight:500;line-height:38px;letter-spacing:-.58px;padding:0 24px;margin-bottom:24px}@media only screen and (min-width: 1024px){:host .ctas-title{font-size:33px;line-height:43px;letter-spacing:-.66px;padding:0}}:host .ctas-text{color:var(--icon-color);font-size:17px;font-weight:400;line-height:25px;padding:0 24px}@media only screen and (min-width: 1024px){:host .ctas-text{font-size:19px;line-height:28px;padding:0}}:host .ctas-wrapper{display:flex;flex-wrap:wrap;gap:16px;margin-top:50px}:host .ctas-wrapper ngu-carousel{max-width:100vw;margin-left:-6%}:host .ctas-wrapper ngu-carousel::ng-deep .ngucarousel{padding-left:6%}:host .ctas-wrapper ngu-item a{margin-right:16px}:host .ctas-wrapper .show-more{display:flex;justify-content:flex-end;width:100%;height:auto}:host .ctas-wrapper .show-more button{font-family:var(--font-family);color:var(--icon-color);background-color:transparent;font-size:16px;font-weight:500;line-height:145%;letter-spacing:.32px;text-decoration-line:underline;text-align:center}:host .more-options{display:flex;flex-wrap:wrap;gap:16px;margin-top:60px}:host .cta{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-width:150px;height:100%;min-height:150px;padding:24px 16px;border-radius:4px;border:1px solid var(--border-color);text-decoration:none}:host .cta p{font-family:var(--font-family);color:var(--icon-color);font-size:16px;font-weight:700;line-height:145%;letter-spacing:.32px;padding:0;margin:0;text-align:center}\n"] }]
|
|
3580
3580
|
}], ctorParameters: () => [{ type: CuraService }, { type: NguCarouselService }, { type: undefined, decorators: [{
|
|
3581
3581
|
type: Inject,
|
|
3582
3582
|
args: [PLATFORM_ID]
|
|
@@ -3657,6 +3657,9 @@ class BreadcrumbsComponent {
|
|
|
3657
3657
|
element.style.setProperty('--font-family', this.curaService.getFontFamily(''));
|
|
3658
3658
|
element.style.setProperty('--label-icon-color', this.curaService.getColor(color));
|
|
3659
3659
|
element.style.setProperty('--divider-color', this.curaService.getColor('neutral-light'));
|
|
3660
|
+
if (this.fontWeight) {
|
|
3661
|
+
element.style.setProperty('--font-weight', this.fontWeight);
|
|
3662
|
+
}
|
|
3660
3663
|
const disabledColor = color?.includes('neutral') ? 'primary-lighter' : 'neutral-dark';
|
|
3661
3664
|
element.style.setProperty('--disabled-color', this.curaService.getColor(disabledColor));
|
|
3662
3665
|
}
|
|
@@ -3695,11 +3698,11 @@ class BreadcrumbsComponent {
|
|
|
3695
3698
|
}));
|
|
3696
3699
|
}
|
|
3697
3700
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BreadcrumbsComponent, deps: [{ token: CuraService }, { token: i0.ChangeDetectorRef }, { token: LIB_CONFIG }, { token: DOCUMENT }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3698
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BreadcrumbsComponent, isStandalone: true, selector: "rdsite-breadcrumbs", inputs: { labelIconColor: "labelIconColor", breadcrumbs: "breadcrumbs" }, viewQueries: [{ propertyName: "breadCrumbsElement", first: true, predicate: ["breadCrumbsElement"], descendants: true }], ngImport: i0, template: "@if (breadcrumbs.length) {\r\n <nav class=\"breadcrumb\" #breadCrumbsElement>\r\n <ol>\r\n @if (isDesktop !== null && (isDesktop || breadcrumbs.length < 3)) {\r\n <ng-container *ngTemplateOutlet=\"Desktop\"></ng-container>\r\n } @else if (isDesktop !== null) {\r\n <ng-container *ngTemplateOutlet=\"Mobile\"></ng-container>\r\n }\r\n </ol>\r\n </nav>\r\n}\r\n\r\n<ng-template #Desktop>\r\n @for (breadcrumb of breadcrumbs; track breadcrumb.label; let first = $first; let last = $last; let index = $index) {\r\n <li>\r\n @if (!last) {\r\n <a rdsitelink [href]=\"getUrl(breadcrumb.url)\">\r\n @if (first) {\r\n <cura-icon name=\"home\" [attr.color]=\"labelIconColor\" size=\"16\"> </cura-icon>\r\n }\r\n <span>\r\n {{ breadcrumb.label }}\r\n </span>\r\n </a>\r\n <span class=\"divider\">/</span>\r\n } @else {\r\n <span [class.last-item]=\"last && !first\">\r\n {{ breadcrumb.label }}\r\n </span>\r\n }\r\n </li>\r\n }\r\n</ng-template>\r\n\r\n<ng-template #Mobile>\r\n @for (breadcrumb of breadcrumbs; track breadcrumb.label; let first = $first; let last = $last; let index = $index) {\r\n <li>\r\n @if (first) {\r\n <a rdsitelink [href]=\"getUrl(breadcrumb.url)\">\r\n <cura-icon name=\"home\" [attr.color]=\"labelIconColor\" size=\"16\"> </cura-icon>\r\n <span>\r\n {{ breadcrumb.label }}\r\n </span>\r\n </a>\r\n <span class=\"divider\">/</span>\r\n } @else if (index === breadcrumbs.length - 2) {\r\n <span class=\"back\"><</span>\r\n <a rdsitelink [href]=\"getUrl(breadcrumb.url)\">\r\n <span>\r\n {{ breadcrumb.label }}\r\n </span>\r\n </a>\r\n }\r\n </li>\r\n }\r\n</ng-template>\r\n", styles: [".breadcrumb *{font-family:var(--font-family)}.breadcrumb ol{display:flex}.breadcrumb ol li{display:flex;gap:8px}.breadcrumb ol li a{color:var(--label-icon-color);display:flex;gap:4px;text-decoration:none}.breadcrumb ol li a span{text-decoration:underline;font-size:12px;font-weight:500;line-height:16px;letter-spacing:.72px}.breadcrumb ol li span.last-item{color:var(--disabled-color);text-decoration:none;pointer-events:none;font-size:12px;font-weight:500;line-height:16px;letter-spacing:.72px}.breadcrumb ol li span.divider,.breadcrumb ol li span.back{color:var(--divider-color);padding-right:8px;font-size:12px;font-weight:500;line-height:16px;letter-spacing:.72px}.breadcrumb ol li span.back{padding:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
3701
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BreadcrumbsComponent, isStandalone: true, selector: "rdsite-breadcrumbs", inputs: { labelIconColor: "labelIconColor", fontWeight: "fontWeight", breadcrumbs: "breadcrumbs" }, viewQueries: [{ propertyName: "breadCrumbsElement", first: true, predicate: ["breadCrumbsElement"], descendants: true }], ngImport: i0, template: "@if (breadcrumbs.length) {\r\n <nav class=\"breadcrumb\" #breadCrumbsElement>\r\n <ol>\r\n @if (isDesktop !== null && (isDesktop || breadcrumbs.length < 3)) {\r\n <ng-container *ngTemplateOutlet=\"Desktop\"></ng-container>\r\n } @else if (isDesktop !== null) {\r\n <ng-container *ngTemplateOutlet=\"Mobile\"></ng-container>\r\n }\r\n </ol>\r\n </nav>\r\n}\r\n\r\n<ng-template #Desktop>\r\n @for (breadcrumb of breadcrumbs; track breadcrumb.label; let first = $first; let last = $last; let index = $index) {\r\n <li>\r\n @if (!last) {\r\n <a rdsitelink [href]=\"getUrl(breadcrumb.url)\">\r\n @if (first) {\r\n <cura-icon name=\"home\" [attr.color]=\"labelIconColor\" size=\"16\"> </cura-icon>\r\n }\r\n <span>\r\n {{ breadcrumb.label }}\r\n </span>\r\n </a>\r\n <span class=\"divider\">/</span>\r\n } @else {\r\n <span [class.last-item]=\"last && !first\">\r\n {{ breadcrumb.label }}\r\n </span>\r\n }\r\n </li>\r\n }\r\n</ng-template>\r\n\r\n<ng-template #Mobile>\r\n @for (breadcrumb of breadcrumbs; track breadcrumb.label; let first = $first; let last = $last; let index = $index) {\r\n <li>\r\n @if (first) {\r\n <a rdsitelink [href]=\"getUrl(breadcrumb.url)\">\r\n <cura-icon name=\"home\" [attr.color]=\"labelIconColor\" size=\"16\"> </cura-icon>\r\n <span>\r\n {{ breadcrumb.label }}\r\n </span>\r\n </a>\r\n <span class=\"divider\">/</span>\r\n } @else if (index === breadcrumbs.length - 2) {\r\n <span class=\"back\"><</span>\r\n <a rdsitelink [href]=\"getUrl(breadcrumb.url)\">\r\n <span>\r\n {{ breadcrumb.label }}\r\n </span>\r\n </a>\r\n }\r\n </li>\r\n }\r\n</ng-template>\r\n", styles: [".breadcrumb *{font-family:var(--font-family)}.breadcrumb ol{display:flex}.breadcrumb ol li{display:flex;gap:8px}.breadcrumb ol li a{color:var(--label-icon-color);display:flex;gap:4px;text-decoration:none}.breadcrumb ol li a span{text-decoration:underline;font-size:12px;font-weight:var(--font-weight, 500);line-height:16px;letter-spacing:.72px}.breadcrumb ol li span.last-item{color:var(--disabled-color);text-decoration:none;pointer-events:none;font-size:12px;font-weight:var(--font-weight, 500);line-height:16px;letter-spacing:.72px}.breadcrumb ol li span.divider,.breadcrumb ol li span.back{color:var(--divider-color);padding-right:8px;font-size:12px;font-weight:var(--font-weight, 500);line-height:16px;letter-spacing:.72px}.breadcrumb ol li span.back{padding:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
3699
3702
|
}
|
|
3700
3703
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BreadcrumbsComponent, decorators: [{
|
|
3701
3704
|
type: Component,
|
|
3702
|
-
args: [{ selector: 'rdsite-breadcrumbs', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (breadcrumbs.length) {\r\n <nav class=\"breadcrumb\" #breadCrumbsElement>\r\n <ol>\r\n @if (isDesktop !== null && (isDesktop || breadcrumbs.length < 3)) {\r\n <ng-container *ngTemplateOutlet=\"Desktop\"></ng-container>\r\n } @else if (isDesktop !== null) {\r\n <ng-container *ngTemplateOutlet=\"Mobile\"></ng-container>\r\n }\r\n </ol>\r\n </nav>\r\n}\r\n\r\n<ng-template #Desktop>\r\n @for (breadcrumb of breadcrumbs; track breadcrumb.label; let first = $first; let last = $last; let index = $index) {\r\n <li>\r\n @if (!last) {\r\n <a rdsitelink [href]=\"getUrl(breadcrumb.url)\">\r\n @if (first) {\r\n <cura-icon name=\"home\" [attr.color]=\"labelIconColor\" size=\"16\"> </cura-icon>\r\n }\r\n <span>\r\n {{ breadcrumb.label }}\r\n </span>\r\n </a>\r\n <span class=\"divider\">/</span>\r\n } @else {\r\n <span [class.last-item]=\"last && !first\">\r\n {{ breadcrumb.label }}\r\n </span>\r\n }\r\n </li>\r\n }\r\n</ng-template>\r\n\r\n<ng-template #Mobile>\r\n @for (breadcrumb of breadcrumbs; track breadcrumb.label; let first = $first; let last = $last; let index = $index) {\r\n <li>\r\n @if (first) {\r\n <a rdsitelink [href]=\"getUrl(breadcrumb.url)\">\r\n <cura-icon name=\"home\" [attr.color]=\"labelIconColor\" size=\"16\"> </cura-icon>\r\n <span>\r\n {{ breadcrumb.label }}\r\n </span>\r\n </a>\r\n <span class=\"divider\">/</span>\r\n } @else if (index === breadcrumbs.length - 2) {\r\n <span class=\"back\"><</span>\r\n <a rdsitelink [href]=\"getUrl(breadcrumb.url)\">\r\n <span>\r\n {{ breadcrumb.label }}\r\n </span>\r\n </a>\r\n }\r\n </li>\r\n }\r\n</ng-template>\r\n", styles: [".breadcrumb *{font-family:var(--font-family)}.breadcrumb ol{display:flex}.breadcrumb ol li{display:flex;gap:8px}.breadcrumb ol li a{color:var(--label-icon-color);display:flex;gap:4px;text-decoration:none}.breadcrumb ol li a span{text-decoration:underline;font-size:12px;font-weight:500;line-height:16px;letter-spacing:.72px}.breadcrumb ol li span.last-item{color:var(--disabled-color);text-decoration:none;pointer-events:none;font-size:12px;font-weight:500;line-height:16px;letter-spacing:.72px}.breadcrumb ol li span.divider,.breadcrumb ol li span.back{color:var(--divider-color);padding-right:8px;font-size:12px;font-weight:500;line-height:16px;letter-spacing:.72px}.breadcrumb ol li span.back{padding:0}\n"] }]
|
|
3705
|
+
args: [{ selector: 'rdsite-breadcrumbs', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (breadcrumbs.length) {\r\n <nav class=\"breadcrumb\" #breadCrumbsElement>\r\n <ol>\r\n @if (isDesktop !== null && (isDesktop || breadcrumbs.length < 3)) {\r\n <ng-container *ngTemplateOutlet=\"Desktop\"></ng-container>\r\n } @else if (isDesktop !== null) {\r\n <ng-container *ngTemplateOutlet=\"Mobile\"></ng-container>\r\n }\r\n </ol>\r\n </nav>\r\n}\r\n\r\n<ng-template #Desktop>\r\n @for (breadcrumb of breadcrumbs; track breadcrumb.label; let first = $first; let last = $last; let index = $index) {\r\n <li>\r\n @if (!last) {\r\n <a rdsitelink [href]=\"getUrl(breadcrumb.url)\">\r\n @if (first) {\r\n <cura-icon name=\"home\" [attr.color]=\"labelIconColor\" size=\"16\"> </cura-icon>\r\n }\r\n <span>\r\n {{ breadcrumb.label }}\r\n </span>\r\n </a>\r\n <span class=\"divider\">/</span>\r\n } @else {\r\n <span [class.last-item]=\"last && !first\">\r\n {{ breadcrumb.label }}\r\n </span>\r\n }\r\n </li>\r\n }\r\n</ng-template>\r\n\r\n<ng-template #Mobile>\r\n @for (breadcrumb of breadcrumbs; track breadcrumb.label; let first = $first; let last = $last; let index = $index) {\r\n <li>\r\n @if (first) {\r\n <a rdsitelink [href]=\"getUrl(breadcrumb.url)\">\r\n <cura-icon name=\"home\" [attr.color]=\"labelIconColor\" size=\"16\"> </cura-icon>\r\n <span>\r\n {{ breadcrumb.label }}\r\n </span>\r\n </a>\r\n <span class=\"divider\">/</span>\r\n } @else if (index === breadcrumbs.length - 2) {\r\n <span class=\"back\"><</span>\r\n <a rdsitelink [href]=\"getUrl(breadcrumb.url)\">\r\n <span>\r\n {{ breadcrumb.label }}\r\n </span>\r\n </a>\r\n }\r\n </li>\r\n }\r\n</ng-template>\r\n", styles: [".breadcrumb *{font-family:var(--font-family)}.breadcrumb ol{display:flex}.breadcrumb ol li{display:flex;gap:8px}.breadcrumb ol li a{color:var(--label-icon-color);display:flex;gap:4px;text-decoration:none}.breadcrumb ol li a span{text-decoration:underline;font-size:12px;font-weight:var(--font-weight, 500);line-height:16px;letter-spacing:.72px}.breadcrumb ol li span.last-item{color:var(--disabled-color);text-decoration:none;pointer-events:none;font-size:12px;font-weight:var(--font-weight, 500);line-height:16px;letter-spacing:.72px}.breadcrumb ol li span.divider,.breadcrumb ol li span.back{color:var(--divider-color);padding-right:8px;font-size:12px;font-weight:var(--font-weight, 500);line-height:16px;letter-spacing:.72px}.breadcrumb ol li span.back{padding:0}\n"] }]
|
|
3703
3706
|
}], ctorParameters: () => [{ type: CuraService }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
|
|
3704
3707
|
type: Inject,
|
|
3705
3708
|
args: [LIB_CONFIG]
|
|
@@ -3711,6 +3714,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
3711
3714
|
args: [PLATFORM_ID]
|
|
3712
3715
|
}] }], propDecorators: { labelIconColor: [{
|
|
3713
3716
|
type: Input
|
|
3717
|
+
}], fontWeight: [{
|
|
3718
|
+
type: Input
|
|
3714
3719
|
}], breadcrumbs: [{
|
|
3715
3720
|
type: Input
|
|
3716
3721
|
}], breadCrumbsElement: [{
|
|
@@ -3830,8 +3835,8 @@ class ErrorComponent {
|
|
|
3830
3835
|
};
|
|
3831
3836
|
case Themes.ONCO:
|
|
3832
3837
|
return {
|
|
3833
|
-
'--backgroundColor': this.curaService.getColor('neutral-
|
|
3834
|
-
'--labelColor': this.curaService.getColor('
|
|
3838
|
+
'--backgroundColor': this.curaService.getColor('neutral-pale'),
|
|
3839
|
+
'--labelColor': this.curaService.getColor('success-lighter'),
|
|
3835
3840
|
};
|
|
3836
3841
|
case Themes.MATERNIDADE:
|
|
3837
3842
|
return {
|
|
@@ -3870,6 +3875,8 @@ class ErrorComponent {
|
|
|
3870
3875
|
this.breadcrumbsItems = [];
|
|
3871
3876
|
this.responseText = '';
|
|
3872
3877
|
this.backgroundColor = '';
|
|
3878
|
+
this.backgroundColorBadge = '';
|
|
3879
|
+
this.breadcrumbFontWeight = '';
|
|
3873
3880
|
this.labelColor = '';
|
|
3874
3881
|
this.labelTextColor = '';
|
|
3875
3882
|
this.curaButtonColor = '';
|
|
@@ -3910,11 +3917,13 @@ class ErrorComponent {
|
|
|
3910
3917
|
this.ctasIconColor = 'primary-darker';
|
|
3911
3918
|
break;
|
|
3912
3919
|
case Themes.ONCO:
|
|
3913
|
-
this.labelTextColor = 'primary-
|
|
3920
|
+
this.labelTextColor = 'primary-dark';
|
|
3921
|
+
this.backgroundColorBadge = 'success-lighter';
|
|
3914
3922
|
this.curaButtonColor = 'accent';
|
|
3915
3923
|
this.curaButtonOutlineColor = 'accent';
|
|
3916
3924
|
this.ctasBorderColor = 'accent-base';
|
|
3917
|
-
this.ctasIconColor = 'primary-
|
|
3925
|
+
this.ctasIconColor = 'primary-dark';
|
|
3926
|
+
this.breadcrumbFontWeight = '700';
|
|
3918
3927
|
break;
|
|
3919
3928
|
case Themes.MATERNIDADE:
|
|
3920
3929
|
this.labelTextColor = 'accent-base';
|
|
@@ -3948,11 +3957,11 @@ class ErrorComponent {
|
|
|
3948
3957
|
this.ctasSubscription?.unsubscribe();
|
|
3949
3958
|
}
|
|
3950
3959
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ErrorComponent, deps: [{ token: ErrorService }, { token: CuraService }, { token: LogService }, { token: SeoService }, { token: ServerResponseService }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3951
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ErrorComponent, isStandalone: true, selector: "rdsite-error", inputs: { theme: "theme", type: "type", returnRoute: "returnRoute", returnLabel: "returnLabel", pageTitle: "pageTitle", component: "component", breadcrumbsItems: "breadcrumbsItems" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "<div class=\"rdsite-error\">\r\n @if (ctasIconColor && breadcrumbsItems.length) {\r\n <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbsItems\" [labelIconColor]=\"ctasIconColor\"></rdsite-breadcrumbs>\r\n }\r\n <div class=\"rdsite-error-container\">\r\n @if (labelTextColor) {\r\n <cura-label [attr.color]=\"labelTextColor\">\r\n {{ type === 'server-response' ? '500' : '404' }}\r\n </cura-label>\r\n }\r\n\r\n <cura-heading color=\"neutral-black\" size=\"medium\" weight=\"bold\"> Algo deu errado :( </cura-heading>\r\n\r\n @if (responseText) {\r\n <cura-paragraph color=\"neutral-black\" size=\"large\">\r\n {{ responseText }}\r\n </cura-paragraph>\r\n }\r\n\r\n @if (type === error.NOT_FOUND && returnRoute && returnLabel) {\r\n <cura-button\r\n rdsitelink\r\n [href]=\"returnRoute\"\r\n size=\"medium\"\r\n type=\"button\"\r\n [color]=\"curaButtonColor\"\r\n font-color=\"light\"\r\n icon-name=\"arrowLeft\"\r\n target=\"_self\"\r\n >\r\n Voltar para {{ returnLabel }}\r\n </cura-button>\r\n }\r\n\r\n @if (type === error.SERVER_RESPONSE) {\r\n @if (curaButtonColor) {\r\n <cura-button size=\"medium\" type=\"button\" (click)=\"reloadPage()\" [attr.color]=\"curaButtonColor\" font-color=\"light\" icon-name=\"reload\" target=\"_self\">\r\n Atualizar p\u00E1gina novamente\r\n </cura-button>\r\n }\r\n\r\n @if (returnLabel && returnRoute) {\r\n <cura-paragraph color=\"neutral-black\" size=\"large\">ou</cura-paragraph>\r\n @if (curaButtonOutlineColor) {\r\n <cura-button-outline\r\n rdsitelink\r\n [href]=\"returnRoute\"\r\n size=\"medium\"\r\n type=\"button\"\r\n [color]=\"curaButtonOutlineColor\"\r\n icon-name=\"arrowLeft\"\r\n target=\"_self\"\r\n >\r\n Voltar para {{ returnLabel }}\r\n </cura-button-outline>\r\n }\r\n }\r\n }\r\n @if (ctasContent.ctas!.length > 0 && ctasBorderColor && ctasIconColor) {\r\n <cura-paragraph class=\"wrapper-text\" color=\"neutral-black\" size=\"large\"> Voc\u00EA pode tamb\u00E9m: </cura-paragraph>\r\n\r\n <rdsite-cta-wrapper [content]=\"ctasContent\" [showTitleAndText]=\"false\" [colors]=\"{ border: ctasBorderColor, icon: ctasIconColor }\"></rdsite-cta-wrapper>\r\n }\r\n </div>\r\n</div>\r\n", styles: [".rdsite-error{width:100%;background-color:var(--backgroundColor)}.rdsite-error rdsite-breadcrumbs{display:block;padding-block:16px;box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto}.rdsite-error rdsite-breadcrumbs.full-container{width:100%;max-width:100%}.rdsite-error-container{box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto;padding:
|
|
3960
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ErrorComponent, isStandalone: true, selector: "rdsite-error", inputs: { theme: "theme", type: "type", returnRoute: "returnRoute", returnLabel: "returnLabel", pageTitle: "pageTitle", component: "component", breadcrumbsItems: "breadcrumbsItems" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "<div class=\"rdsite-error\">\r\n @if (ctasIconColor && breadcrumbsItems.length) {\r\n <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbsItems\" [labelIconColor]=\"ctasIconColor\" [fontWeight]=\"breadcrumbFontWeight\"></rdsite-breadcrumbs>\r\n }\r\n <div class=\"rdsite-error-container\">\r\n @if (labelTextColor) {\r\n <cura-label [attr.color]=\"labelTextColor\">\r\n {{ type === 'server-response' ? '500' : '404' }}\r\n </cura-label>\r\n }\r\n\r\n <cura-heading color=\"neutral-black\" size=\"medium\" weight=\"bold\"> Algo deu errado :( </cura-heading>\r\n\r\n @if (responseText) {\r\n <cura-paragraph color=\"neutral-black\" size=\"large\">\r\n {{ responseText }}\r\n </cura-paragraph>\r\n }\r\n\r\n @if (type === error.NOT_FOUND && returnRoute && returnLabel) {\r\n <cura-button\r\n rdsitelink\r\n [href]=\"returnRoute\"\r\n size=\"medium\"\r\n type=\"button\"\r\n [color]=\"curaButtonColor\"\r\n font-color=\"light\"\r\n icon-name=\"arrowLeft\"\r\n target=\"_self\"\r\n >\r\n Voltar para {{ returnLabel }}\r\n </cura-button>\r\n }\r\n\r\n @if (type === error.SERVER_RESPONSE) {\r\n @if (curaButtonColor) {\r\n <cura-button size=\"medium\" type=\"button\" (click)=\"reloadPage()\" [attr.color]=\"curaButtonColor\" font-color=\"light\" icon-name=\"reload\" target=\"_self\">\r\n Atualizar p\u00E1gina novamente\r\n </cura-button>\r\n }\r\n\r\n @if (returnLabel && returnRoute) {\r\n <cura-paragraph color=\"neutral-black\" size=\"large\">ou</cura-paragraph>\r\n @if (curaButtonOutlineColor) {\r\n <cura-button-outline\r\n rdsitelink\r\n [href]=\"returnRoute\"\r\n size=\"medium\"\r\n type=\"button\"\r\n [color]=\"curaButtonOutlineColor\"\r\n icon-name=\"arrowLeft\"\r\n target=\"_self\"\r\n >\r\n Voltar para {{ returnLabel }}\r\n </cura-button-outline>\r\n }\r\n }\r\n }\r\n @if (ctasContent.ctas!.length > 0 && ctasBorderColor && ctasIconColor) {\r\n <cura-paragraph class=\"wrapper-text\" color=\"neutral-black\" size=\"large\"> Voc\u00EA pode tamb\u00E9m: </cura-paragraph>\r\n\r\n <rdsite-cta-wrapper [content]=\"ctasContent\" [showTitleAndText]=\"false\" [colors]=\"{ border: ctasBorderColor, icon: ctasIconColor }\"></rdsite-cta-wrapper>\r\n }\r\n </div>\r\n</div>\r\n", styles: [".rdsite-error{width:100%;background-color:var(--backgroundColor)}.rdsite-error rdsite-breadcrumbs{display:block;padding-block:16px;box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto}.rdsite-error rdsite-breadcrumbs.full-container{width:100%;max-width:100%}.rdsite-error-container{box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto;padding:20px 0 40px}.rdsite-error-container.full-container{width:100%;max-width:100%}.rdsite-error-container cura-label{width:fit-content;padding:var(--sizes-space-tiny, 4px);border-radius:var(--sizes-cornerRadius-nano, 2px);background:var(--labelColor)}.rdsite-error-container cura-heading{--margin-block: 40px}\n"], dependencies: [{ kind: "component", type: CtaWrapperComponent, selector: "rdsite-cta-wrapper", inputs: ["content", "showTitleAndText", "colors"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: BreadcrumbsComponent, selector: "rdsite-breadcrumbs", inputs: ["labelIconColor", "fontWeight", "breadcrumbs"] }] }); }
|
|
3952
3961
|
}
|
|
3953
3962
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ErrorComponent, decorators: [{
|
|
3954
3963
|
type: Component,
|
|
3955
|
-
args: [{ selector: 'rdsite-error', standalone: true, imports: [CtaWrapperComponent, RdsiteLinkDirective, BreadcrumbsComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"rdsite-error\">\r\n @if (ctasIconColor && breadcrumbsItems.length) {\r\n <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbsItems\" [labelIconColor]=\"ctasIconColor\"></rdsite-breadcrumbs>\r\n }\r\n <div class=\"rdsite-error-container\">\r\n @if (labelTextColor) {\r\n <cura-label [attr.color]=\"labelTextColor\">\r\n {{ type === 'server-response' ? '500' : '404' }}\r\n </cura-label>\r\n }\r\n\r\n <cura-heading color=\"neutral-black\" size=\"medium\" weight=\"bold\"> Algo deu errado :( </cura-heading>\r\n\r\n @if (responseText) {\r\n <cura-paragraph color=\"neutral-black\" size=\"large\">\r\n {{ responseText }}\r\n </cura-paragraph>\r\n }\r\n\r\n @if (type === error.NOT_FOUND && returnRoute && returnLabel) {\r\n <cura-button\r\n rdsitelink\r\n [href]=\"returnRoute\"\r\n size=\"medium\"\r\n type=\"button\"\r\n [color]=\"curaButtonColor\"\r\n font-color=\"light\"\r\n icon-name=\"arrowLeft\"\r\n target=\"_self\"\r\n >\r\n Voltar para {{ returnLabel }}\r\n </cura-button>\r\n }\r\n\r\n @if (type === error.SERVER_RESPONSE) {\r\n @if (curaButtonColor) {\r\n <cura-button size=\"medium\" type=\"button\" (click)=\"reloadPage()\" [attr.color]=\"curaButtonColor\" font-color=\"light\" icon-name=\"reload\" target=\"_self\">\r\n Atualizar p\u00E1gina novamente\r\n </cura-button>\r\n }\r\n\r\n @if (returnLabel && returnRoute) {\r\n <cura-paragraph color=\"neutral-black\" size=\"large\">ou</cura-paragraph>\r\n @if (curaButtonOutlineColor) {\r\n <cura-button-outline\r\n rdsitelink\r\n [href]=\"returnRoute\"\r\n size=\"medium\"\r\n type=\"button\"\r\n [color]=\"curaButtonOutlineColor\"\r\n icon-name=\"arrowLeft\"\r\n target=\"_self\"\r\n >\r\n Voltar para {{ returnLabel }}\r\n </cura-button-outline>\r\n }\r\n }\r\n }\r\n @if (ctasContent.ctas!.length > 0 && ctasBorderColor && ctasIconColor) {\r\n <cura-paragraph class=\"wrapper-text\" color=\"neutral-black\" size=\"large\"> Voc\u00EA pode tamb\u00E9m: </cura-paragraph>\r\n\r\n <rdsite-cta-wrapper [content]=\"ctasContent\" [showTitleAndText]=\"false\" [colors]=\"{ border: ctasBorderColor, icon: ctasIconColor }\"></rdsite-cta-wrapper>\r\n }\r\n </div>\r\n</div>\r\n", styles: [".rdsite-error{width:100%;background-color:var(--backgroundColor)}.rdsite-error rdsite-breadcrumbs{display:block;padding-block:16px;box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto}.rdsite-error rdsite-breadcrumbs.full-container{width:100%;max-width:100%}.rdsite-error-container{box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto;padding:
|
|
3964
|
+
args: [{ selector: 'rdsite-error', standalone: true, imports: [CtaWrapperComponent, RdsiteLinkDirective, BreadcrumbsComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"rdsite-error\">\r\n @if (ctasIconColor && breadcrumbsItems.length) {\r\n <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbsItems\" [labelIconColor]=\"ctasIconColor\" [fontWeight]=\"breadcrumbFontWeight\"></rdsite-breadcrumbs>\r\n }\r\n <div class=\"rdsite-error-container\">\r\n @if (labelTextColor) {\r\n <cura-label [attr.color]=\"labelTextColor\">\r\n {{ type === 'server-response' ? '500' : '404' }}\r\n </cura-label>\r\n }\r\n\r\n <cura-heading color=\"neutral-black\" size=\"medium\" weight=\"bold\"> Algo deu errado :( </cura-heading>\r\n\r\n @if (responseText) {\r\n <cura-paragraph color=\"neutral-black\" size=\"large\">\r\n {{ responseText }}\r\n </cura-paragraph>\r\n }\r\n\r\n @if (type === error.NOT_FOUND && returnRoute && returnLabel) {\r\n <cura-button\r\n rdsitelink\r\n [href]=\"returnRoute\"\r\n size=\"medium\"\r\n type=\"button\"\r\n [color]=\"curaButtonColor\"\r\n font-color=\"light\"\r\n icon-name=\"arrowLeft\"\r\n target=\"_self\"\r\n >\r\n Voltar para {{ returnLabel }}\r\n </cura-button>\r\n }\r\n\r\n @if (type === error.SERVER_RESPONSE) {\r\n @if (curaButtonColor) {\r\n <cura-button size=\"medium\" type=\"button\" (click)=\"reloadPage()\" [attr.color]=\"curaButtonColor\" font-color=\"light\" icon-name=\"reload\" target=\"_self\">\r\n Atualizar p\u00E1gina novamente\r\n </cura-button>\r\n }\r\n\r\n @if (returnLabel && returnRoute) {\r\n <cura-paragraph color=\"neutral-black\" size=\"large\">ou</cura-paragraph>\r\n @if (curaButtonOutlineColor) {\r\n <cura-button-outline\r\n rdsitelink\r\n [href]=\"returnRoute\"\r\n size=\"medium\"\r\n type=\"button\"\r\n [color]=\"curaButtonOutlineColor\"\r\n icon-name=\"arrowLeft\"\r\n target=\"_self\"\r\n >\r\n Voltar para {{ returnLabel }}\r\n </cura-button-outline>\r\n }\r\n }\r\n }\r\n @if (ctasContent.ctas!.length > 0 && ctasBorderColor && ctasIconColor) {\r\n <cura-paragraph class=\"wrapper-text\" color=\"neutral-black\" size=\"large\"> Voc\u00EA pode tamb\u00E9m: </cura-paragraph>\r\n\r\n <rdsite-cta-wrapper [content]=\"ctasContent\" [showTitleAndText]=\"false\" [colors]=\"{ border: ctasBorderColor, icon: ctasIconColor }\"></rdsite-cta-wrapper>\r\n }\r\n </div>\r\n</div>\r\n", styles: [".rdsite-error{width:100%;background-color:var(--backgroundColor)}.rdsite-error rdsite-breadcrumbs{display:block;padding-block:16px;box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto}.rdsite-error rdsite-breadcrumbs.full-container{width:100%;max-width:100%}.rdsite-error-container{box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto;padding:20px 0 40px}.rdsite-error-container.full-container{width:100%;max-width:100%}.rdsite-error-container cura-label{width:fit-content;padding:var(--sizes-space-tiny, 4px);border-radius:var(--sizes-cornerRadius-nano, 2px);background:var(--labelColor)}.rdsite-error-container cura-heading{--margin-block: 40px}\n"] }]
|
|
3956
3965
|
}], ctorParameters: () => [{ type: ErrorService }, { type: CuraService }, { type: LogService }, { type: SeoService }, { type: ServerResponseService }, { type: undefined, decorators: [{
|
|
3957
3966
|
type: Inject,
|
|
3958
3967
|
args: [PLATFORM_ID]
|
|
@@ -3992,7 +4001,7 @@ class PageHeaderComponent {
|
|
|
3992
4001
|
this.bgColor = 'primary-base';
|
|
3993
4002
|
}
|
|
3994
4003
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageHeaderComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3995
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PageHeaderComponent, isStandalone: true, selector: "rdsite-page-header", inputs: { pageTitle: "pageTitle", pageHeaderText: "pageHeaderText", hasPadding: "hasPadding", breadcrumbs: "breadcrumbs", bgColor: "bgColor" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "<div class=\"page-header\" [ngClass]=\"{ 'more-padding': hasPadding }\">\r\n <div class=\"page-header-content\">\r\n @if (breadcrumbs.length) {\r\n <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbs\"></rdsite-breadcrumbs>\r\n }\r\n @if (pageTitle) {\r\n <h1>{{ pageTitle }}</h1>\r\n }\r\n @if (pageHeaderText) {\r\n <cura-paragraph color=\"neutral-purewhite\" margin-block=\"0\">{{ pageHeaderText }}</cura-paragraph>\r\n }\r\n <ng-content></ng-content>\r\n </div>\r\n</div>\r\n", styles: [".page-header{background-color:var(--bg-color)}.page-header-content{display:flex;flex-direction:column;gap:16px;padding:30px 0;box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto}.page-header-content.full-container{width:100%;max-width:100%}.page-header-content h1{color:var(--neutral-purewhite);font-family:var(--font-family);font-size:32px;font-weight:700;line-height:--fonts-Display-S-lineHeight,43px;letter-spacing:-1.68px}@media screen and (min-width: 769px){.page-header-content h1{font-size:48px;line-height:57px;letter-spacing:-1.92px}}@media screen and (min-width: 769px){.page-header-content{gap:12px;padding:50px 0}}@media screen and (min-width: 769px){.page-header.more-padding{padding-inline:102px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BreadcrumbsComponent, selector: "rdsite-breadcrumbs", inputs: ["labelIconColor", "breadcrumbs"] }] }); }
|
|
4004
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PageHeaderComponent, isStandalone: true, selector: "rdsite-page-header", inputs: { pageTitle: "pageTitle", pageHeaderText: "pageHeaderText", hasPadding: "hasPadding", breadcrumbs: "breadcrumbs", bgColor: "bgColor" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "<div class=\"page-header\" [ngClass]=\"{ 'more-padding': hasPadding }\">\r\n <div class=\"page-header-content\">\r\n @if (breadcrumbs.length) {\r\n <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbs\"></rdsite-breadcrumbs>\r\n }\r\n @if (pageTitle) {\r\n <h1>{{ pageTitle }}</h1>\r\n }\r\n @if (pageHeaderText) {\r\n <cura-paragraph color=\"neutral-purewhite\" margin-block=\"0\">{{ pageHeaderText }}</cura-paragraph>\r\n }\r\n <ng-content></ng-content>\r\n </div>\r\n</div>\r\n", styles: [".page-header{background-color:var(--bg-color)}.page-header-content{display:flex;flex-direction:column;gap:16px;padding:30px 0;box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto}.page-header-content.full-container{width:100%;max-width:100%}.page-header-content h1{color:var(--neutral-purewhite);font-family:var(--font-family);font-size:32px;font-weight:700;line-height:--fonts-Display-S-lineHeight,43px;letter-spacing:-1.68px}@media screen and (min-width: 769px){.page-header-content h1{font-size:48px;line-height:57px;letter-spacing:-1.92px}}@media screen and (min-width: 769px){.page-header-content{gap:12px;padding:50px 0}}@media screen and (min-width: 769px){.page-header.more-padding{padding-inline:102px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BreadcrumbsComponent, selector: "rdsite-breadcrumbs", inputs: ["labelIconColor", "fontWeight", "breadcrumbs"] }] }); }
|
|
3996
4005
|
}
|
|
3997
4006
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageHeaderComponent, decorators: [{
|
|
3998
4007
|
type: Component,
|
|
@@ -4072,6 +4081,7 @@ class FilterGenericComponent {
|
|
|
4072
4081
|
'--neutral-light': this.curaService.getColor('neutral-light'),
|
|
4073
4082
|
'--neutral-lighter': this.curaService.getColor('neutral-lighter'),
|
|
4074
4083
|
'--neutral-purewhite': this.curaService.getColor('neutral-purewhite'),
|
|
4084
|
+
'--primary-lighter': this.curaService.getColor('primary-lighter'),
|
|
4075
4085
|
};
|
|
4076
4086
|
}
|
|
4077
4087
|
ngOnInit() {
|
|
@@ -4139,6 +4149,27 @@ class FilterGenericComponent {
|
|
|
4139
4149
|
const value = control?.value;
|
|
4140
4150
|
return value && typeof value === 'object' && 'value' in value ? value.value : null;
|
|
4141
4151
|
}
|
|
4152
|
+
hasScroll(section) {
|
|
4153
|
+
switch (section.type) {
|
|
4154
|
+
case 'checkbox-group':
|
|
4155
|
+
return section.config.options && section.config.options.length > 6;
|
|
4156
|
+
case 'radio-group':
|
|
4157
|
+
return section.config.options && section.config.options.length > 6;
|
|
4158
|
+
default:
|
|
4159
|
+
return false;
|
|
4160
|
+
}
|
|
4161
|
+
}
|
|
4162
|
+
getSectionClass(section) {
|
|
4163
|
+
return this.hasScroll(section) ? 'scrollable' : '';
|
|
4164
|
+
}
|
|
4165
|
+
shouldHandleMobileClick() {
|
|
4166
|
+
return this.mobileBehavior && this.isMobile() && this.forceCollapsed;
|
|
4167
|
+
}
|
|
4168
|
+
handleMobileClick() {
|
|
4169
|
+
if (this.shouldHandleMobileClick()) {
|
|
4170
|
+
this.openMobileFilter.emit();
|
|
4171
|
+
}
|
|
4172
|
+
}
|
|
4142
4173
|
emitFilterChange(action) {
|
|
4143
4174
|
const filterData = this.buildFilterData();
|
|
4144
4175
|
const isEmpty = this.isFilterDataEmpty(filterData);
|
|
@@ -4212,11 +4243,11 @@ class FilterGenericComponent {
|
|
|
4212
4243
|
return Object.values(filterData).every((val) => val === null || val === '' || (Array.isArray(val) && val.length === 0));
|
|
4213
4244
|
}
|
|
4214
4245
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterGenericComponent, deps: [{ token: CuraService }, { token: i0.ChangeDetectorRef }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4215
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: FilterGenericComponent, isStandalone: true, selector: "rdsite-filter-generic", inputs: { withContainerStyle: "withContainerStyle", showClearButton: "showClearButton", showApplyButton: "showApplyButton", showCloseButton: "showCloseButton", disableButtonsWithoutSelection: "disableButtonsWithoutSelection", showBadge: "showBadge", showToggleIcon: "showToggleIcon", isFilterOpen: "isFilterOpen", mobileBehavior: "mobileBehavior", forceCollapsed: "forceCollapsed", emitOnReset: "emitOnReset", textTitle: "textTitle", sections: "sections" }, outputs: { filterChange: "filterChange", closeModal: "closeModal", openMobileFilter: "openMobileFilter" }, host: { properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "<div class=\"filter-generic\" [ngClass]=\"{ 'container-style': withContainerStyle }\" aria-label=\"Filtros\">\r\n <div class=\"filter-header-container\" [ngClass]=\"{ 'no-padding': !isFilterOpen, hidden: !isFilterOpen }\">\r\n <div class=\"filter-title-wrapper\">\r\n <cura-heading size=\"small\" level=\"4\" color=\"neutral-black\" weight=\"bold\" margin-block=\"0\" line-height=\"16px\">\r\n {{ textTitle }}\r\n </cura-heading>\r\n\r\n @if (showBadge) {\r\n <cura-badge-counter\r\n [type]=\"'solid'\"\r\n [color]=\"hasSelection() ? 'primary' : 'neutral'\"\r\n [number]=\"selectedFiltersCount\"\r\n class=\"filter-badge\"\r\n ></cura-badge-counter>\r\n }\r\n </div>\r\n\r\n @if (showToggleIcon) {\r\n <cura-button-transparent size=\"small\" font-color=\"dark\" color=\"primary\" text-align=\"center\" (click)=\"toggleFilter()\" [attr.aria-expanded]=\"isFilterOpen\">\r\n <cura-icon [name]=\"isFilterOpen ? 'up' : 'down'\" size=\"16\" class=\"filter-icon\" color=\"primary-dark\"></cura-icon>\r\n </cura-button-transparent>\r\n }\r\n </div>\r\n\r\n <div class=\"filter-content\" [class.hidden]=\"!isFilterOpen || (forceCollapsed && isMobile())\">\r\n @for (section of sections; track section.type) {\r\n @if (section.visible !== false) {\r\n <div class=\"filter-section\">\r\n @switch (section.type) {\r\n @case ('input') {\r\n <cura-input-text\r\n [placeholder]=\"section.config.placeholder || ''\"\r\n [name]=\"section.config.name || ''\"\r\n [iconName]=\"section.config.iconName || ''\"\r\n [attr.value]=\"section.config.control.value\"\r\n (valueChange)=\"handleInputChange($event, section.config.control)\"\r\n ></cura-input-text>\r\n }\r\n @case ('select') {\r\n <cura-select\r\n [label]=\"section.config.label || ''\"\r\n [placeholder]=\"section.config.placeholder || ''\"\r\n [attr.value]=\"section.config.control.value\"\r\n (selected)=\"handleSelectChange($event, section.config.control)\"\r\n >\r\n @if (section.config.includeDefaultOption) {\r\n <cura-select-option [attr.value]=\"''\">{{ section.config.defaultOptionText || 'Fa\u00E7a a sua Sele\u00E7\u00E3o' }}</cura-select-option>\r\n }\r\n @for (option of section.config.options || []; track option?.value) {\r\n <cura-select-option [attr.value]=\"option?.value\">{{ option?.label }}</cura-select-option>\r\n }\r\n </cura-select>\r\n }\r\n @case ('checkbox-group') {\r\n <div class=\"filter-header\">\r\n <cura-icon name=\"filter\" size=\"20\" color=\"info-dark\"></cura-icon>\r\n <cura-heading size=\"xsmall\" level=\"5\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\">\r\n {{ section.config.title || 'Filtre por' }}\r\n </cura-heading>\r\n </div>\r\n\r\n @if (section.config.subtitle) {\r\n <div class=\"filter-subtitle\">\r\n <cura-heading size=\"xsmall\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\">\r\n {{ section.config.subtitle }}\r\n </cura-heading>\r\n </div>\r\n }\r\n\r\n @if (section.config.description) {\r\n <div class=\"filter-description\">\r\n <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" margin-block=\"0\">\r\n {{ section.config.description }}\r\n </cura-paragraph>\r\n </div>\r\n }\r\n\r\n <div class=\"filter-checkboxes\">\r\n @for (option of section.config.options || []; track option?.value) {\r\n <cura-checkbox\r\n color=\"primary\"\r\n size=\"small\"\r\n icon-color=\"light\"\r\n [attr.name]=\"option?.label\"\r\n [attr.label]=\"option?.label\"\r\n [attr.value]=\"option?.value\"\r\n [attr.checked]=\"option?.checked\"\r\n (onchange)=\"handleCheckboxChange($event, section.config.options)\"\r\n ></cura-checkbox>\r\n }\r\n </div>\r\n }\r\n @case ('radio-group') {\r\n <div class=\"filter-radios\">\r\n @for (option of section.config.options || []; track option?.value) {\r\n <cura-radio\r\n [name]=\"section.config.name || 'radio-group'\"\r\n [label]=\"option.label\"\r\n [value]=\"option.value\"\r\n [checked]=\"getRadioGroupValue(section.config.control) === option.value\"\r\n (onchange)=\"handleRadioChange($event, section.config.control)\"\r\n ></cura-radio>\r\n }\r\n </div>\r\n }\r\n @case ('custom') {\r\n <ng-container *ngTemplateOutlet=\"section.config.template\"></ng-container>\r\n }\r\n }\r\n </div>\r\n }\r\n }\r\n </div>\r\n\r\n <div class=\"filter-actions\" [class.hidden]=\"!isFilterOpen || (forceCollapsed && isMobile())\">\r\n <div class=\"main-actions\">\r\n @if (showClearButton) {\r\n <cura-button-transparent\r\n size=\"small\"\r\n font-color=\"dark\"\r\n color=\"primary\"\r\n text-align=\"center\"\r\n [disabled]=\"disableButtonsWithoutSelection && !hasSelection()\"\r\n (click)=\"reset()\"\r\n >\r\n <span>Limpar todos os filtros</span>\r\n </cura-button-transparent>\r\n }\r\n\r\n @if (showApplyButton) {\r\n <cura-button\r\n size=\"medium\"\r\n font-color=\"light\"\r\n color=\"primary\"\r\n text-align=\"center\"\r\n (click)=\"filter()\"\r\n [disabled]=\"disableButtonsWithoutSelection && !hasSelection()\"\r\n class=\"filter-button\"\r\n >\r\n Filtrar\r\n </cura-button>\r\n }\r\n </div>\r\n\r\n @if (showCloseButton) {\r\n <div class=\"divider-strong\"></div>\r\n <div class=\"close-action-wrapper\">\r\n <div class=\"close-action\" (click)=\"close()\">\r\n <cura-icon name=\"close\" color=\"error-dark\" size=\"small\"></cura-icon>\r\n <cura-button-transparent size=\"\" type=\"button\" color=\"error\" target=\"_self\"> Fechar </cura-button-transparent>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n</div>\r\n", styles: [":host *{font-family:Gotham,Roboto,sans-serif}.filter-generic{display:flex;flex-direction:column;gap:18px}.filter-generic.container-style{width:100%;padding:20px;border-radius:12px;border:2px solid var(--neutral-lighter);background-color:var(--neutral-purewhite)}.filter-generic cura-loader-circle{display:flex;justify-content:center;align-items:center;width:100%;min-height:100px}.filter-header-container{display:flex;padding-bottom:12px;align-items:center}.filter-header-container.no-padding{padding-bottom:0}.filter-header-container .filter-title-wrapper{display:flex;align-items:center;justify-content:space-between;flex:1 0 0}.filter-header-container .filter-badge{display:flex;height:20px;min-width:20px;justify-content:center;align-items:center;gap:4px}.filter-header-container .filter-icon{display:block}.filter-content,.filter-actions{transition:all .3s ease}.filter-content.hidden,.filter-actions.hidden{display:none;height:0;overflow:hidden;opacity:0;margin:0;padding:0}.filter-section{display:flex;flex-direction:column;gap:24px}.filter-section .filter-header{display:flex;align-items:center;gap:14px}.filter-section .filter-subtitle{font-weight:500}.filter-section .filter-description{display:flex;flex-direction:column;gap:8px}.filter-section .filter-description:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:12px;grid-column:1/-1}.filter-section .filter-checkboxes{display:grid;grid-template-columns:repeat(2,1fr);gap:11px 0px}.filter-section .filter-checkboxes:after{content:\"\";display:block;width:100%;height:1px;margin-top:12px;background-color:var(--neutral-light);grid-column:1/-1}.filter-section .filter-radios{display:flex;flex-direction:column;gap:12px}.filter-section .filter-radios:after{content:\"\";display:block;width:100%;height:1px;background:linear-gradient(90deg,var(--neutral-light) 75%,transparent 15%);background-size:10px 1px;background-repeat:repeat-x;margin-top:6px;grid-column:1/-1}.filter-actions{display:flex;flex-direction:column;gap:0}.filter-actions .main-actions{display:flex;justify-content:space-between;gap:24px;align-items:center}.filter-actions .divider-strong{height:1px;width:100%;margin-top:20px;margin-bottom:16px;background:linear-gradient(90deg,#e2e2e2 70%,transparent 70%);background-size:4px 1px;background-repeat:repeat-x}.filter-actions .close-action-wrapper{display:flex;justify-content:center;width:100%}.filter-actions .close-action{display:inline-flex;align-items:center;gap:8px}.filter-actions .close-action cura-button-transparent{padding:0;margin:0;background:transparent;border:none;color:inherit}.filter-actions cura-button,.filter-actions cura-button-transparent{flex:1}@media screen and (max-width: 1024px){.filter-checkboxes:after{background-color:transparent}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }] }); }
|
|
4246
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: FilterGenericComponent, isStandalone: true, selector: "rdsite-filter-generic", inputs: { withContainerStyle: "withContainerStyle", showClearButton: "showClearButton", showApplyButton: "showApplyButton", showCloseButton: "showCloseButton", disableButtonsWithoutSelection: "disableButtonsWithoutSelection", showBadge: "showBadge", showToggleIcon: "showToggleIcon", isFilterOpen: "isFilterOpen", mobileBehavior: "mobileBehavior", forceCollapsed: "forceCollapsed", emitOnReset: "emitOnReset", textTitle: "textTitle", sections: "sections" }, outputs: { filterChange: "filterChange", closeModal: "closeModal", openMobileFilter: "openMobileFilter" }, host: { properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "<div\r\n class=\"filter-generic\"\r\n [ngClass]=\"{ 'container-style': withContainerStyle, 'clickable-mobile': shouldHandleMobileClick() }\"\r\n aria-label=\"Filtros\"\r\n (click)=\"handleMobileClick()\"\r\n>\r\n <div class=\"filter-header-container\" [ngClass]=\"{ 'no-padding': !isFilterOpen, hidden: !isFilterOpen }\">\r\n <div class=\"filter-title-wrapper\">\r\n <cura-heading size=\"small\" level=\"4\" color=\"neutral-black\" weight=\"bold\" margin-block=\"0\" line-height=\"16px\">\r\n {{ textTitle }}\r\n </cura-heading>\r\n\r\n @if (showBadge) {\r\n <cura-badge-counter\r\n [type]=\"'solid'\"\r\n [color]=\"hasSelection() ? 'primary' : 'neutral'\"\r\n [number]=\"selectedFiltersCount\"\r\n class=\"filter-badge\"\r\n ></cura-badge-counter>\r\n }\r\n </div>\r\n\r\n @if (showToggleIcon) {\r\n <cura-button-transparent size=\"small\" font-color=\"dark\" color=\"primary\" text-align=\"center\" (click)=\"toggleFilter()\" [attr.aria-expanded]=\"isFilterOpen\">\r\n <cura-icon [name]=\"isFilterOpen ? 'up' : 'down'\" size=\"16\" class=\"filter-icon\" color=\"primary-dark\"></cura-icon>\r\n </cura-button-transparent>\r\n }\r\n </div>\r\n\r\n <div class=\"filter-content\" [class.hidden]=\"!isFilterOpen || (forceCollapsed && isMobile())\">\r\n @for (section of sections; track section.type) {\r\n @if (section.visible !== false) {\r\n <div class=\"filter-section\">\r\n @switch (section.type) {\r\n @case ('input') {\r\n <cura-input-text\r\n [placeholder]=\"section.config.placeholder || ''\"\r\n [name]=\"section.config.name || ''\"\r\n [iconName]=\"section.config.iconName || ''\"\r\n [attr.value]=\"section.config.control.value\"\r\n (valueChange)=\"handleInputChange($event, section.config.control)\"\r\n ></cura-input-text>\r\n }\r\n @case ('select') {\r\n <cura-select\r\n [label]=\"section.config.label || ''\"\r\n [placeholder]=\"section.config.placeholder || ''\"\r\n [attr.value]=\"section.config.control.value\"\r\n (selected)=\"handleSelectChange($event, section.config.control)\"\r\n >\r\n @if (section.config.includeDefaultOption) {\r\n <cura-select-option [attr.value]=\"''\">{{ section.config.defaultOptionText || 'Fa\u00E7a a sua Sele\u00E7\u00E3o' }}</cura-select-option>\r\n }\r\n @for (option of section.config.options || []; track option?.value) {\r\n <cura-select-option [attr.value]=\"option?.value\">{{ option?.label }}</cura-select-option>\r\n }\r\n </cura-select>\r\n }\r\n @case ('checkbox-group') {\r\n @if (section.config.title) {\r\n <div class=\"filter-header\">\r\n <cura-icon name=\"filter\" size=\"20\" color=\"info-dark\"></cura-icon>\r\n <cura-heading size=\"xsmall\" level=\"5\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\">\r\n {{ section.config.title }}\r\n </cura-heading>\r\n </div>\r\n }\r\n @if (section.config.subtitle) {\r\n <div class=\"filter-subtitle\">\r\n <cura-heading size=\"xsmall\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\">\r\n {{ section.config.subtitle }}\r\n </cura-heading>\r\n </div>\r\n }\r\n\r\n @if (section.config.description) {\r\n <div class=\"filter-description\">\r\n <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" margin-block=\"0\">\r\n {{ section.config.description }}\r\n </cura-paragraph>\r\n </div>\r\n }\r\n\r\n <div class=\"filter-checkboxes\" [class.scrollable]=\"hasScroll(section)\">\r\n @for (option of section.config.options || []; track option?.value) {\r\n <cura-checkbox\r\n color=\"primary\"\r\n size=\"small\"\r\n icon-color=\"light\"\r\n [attr.name]=\"option?.label\"\r\n [attr.label]=\"option?.label\"\r\n [attr.value]=\"option?.value\"\r\n [attr.checked]=\"option?.checked\"\r\n (onchange)=\"handleCheckboxChange($event, section.config.options)\"\r\n ></cura-checkbox>\r\n }\r\n </div>\r\n }\r\n @case ('radio-group') {\r\n <div class=\"filter-radios\" [class.scrollable]=\"hasScroll(section)\">\r\n @for (option of section.config.options || []; track option?.value) {\r\n <cura-radio\r\n [name]=\"section.config.name || 'radio-group'\"\r\n [label]=\"option.label\"\r\n [value]=\"option.value\"\r\n [checked]=\"getRadioGroupValue(section.config.control) === option.value\"\r\n (onchange)=\"handleRadioChange($event, section.config.control)\"\r\n ></cura-radio>\r\n }\r\n </div>\r\n }\r\n @case ('custom') {\r\n <ng-container *ngTemplateOutlet=\"section.config.template\"></ng-container>\r\n }\r\n }\r\n </div>\r\n }\r\n }\r\n </div>\r\n\r\n <div class=\"filter-actions\" [class.hidden]=\"!isFilterOpen || (forceCollapsed && isMobile())\">\r\n <div class=\"main-actions\">\r\n @if (showClearButton) {\r\n <cura-button-transparent\r\n size=\"small\"\r\n font-color=\"dark\"\r\n color=\"primary\"\r\n text-align=\"center\"\r\n [disabled]=\"disableButtonsWithoutSelection && !hasSelection()\"\r\n (click)=\"reset()\"\r\n >\r\n <span>Limpar todos os filtros</span>\r\n </cura-button-transparent>\r\n }\r\n\r\n @if (showApplyButton) {\r\n <cura-button\r\n size=\"medium\"\r\n font-color=\"light\"\r\n color=\"primary\"\r\n text-align=\"center\"\r\n (click)=\"filter()\"\r\n [disabled]=\"disableButtonsWithoutSelection && !hasSelection()\"\r\n class=\"filter-button\"\r\n >\r\n Filtrar\r\n </cura-button>\r\n }\r\n </div>\r\n\r\n @if (showCloseButton) {\r\n <div class=\"divider-strong\"></div>\r\n <div class=\"close-action-wrapper\">\r\n <div class=\"close-action\" (click)=\"close()\">\r\n <cura-icon name=\"close\" color=\"error-dark\" size=\"small\"></cura-icon>\r\n <cura-button-transparent size=\"\" type=\"button\" color=\"error\" target=\"_self\"> Fechar </cura-button-transparent>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n</div>\r\n", styles: [":host *{font-family:Gotham,Roboto,sans-serif}.filter-generic{display:flex;flex-direction:column;gap:18px}.filter-generic.clickable-mobile{cursor:pointer}.filter-generic.clickable-mobile:hover{background-color:var(--primary-lighter)}.filter-generic.container-style{width:100%;padding:20px;border-radius:12px;border:2px solid var(--neutral-lighter);background-color:var(--neutral-purewhite)}.filter-generic cura-loader-circle{display:flex;justify-content:center;align-items:center;width:100%;min-height:100px}.filter-header-container{display:flex;padding-bottom:12px;align-items:center}.filter-header-container.no-padding{padding-bottom:0}.filter-header-container .filter-title-wrapper{display:flex;align-items:center;justify-content:space-between;flex:1 0 0}.filter-header-container .filter-badge{display:flex;height:20px;min-width:20px;justify-content:center;align-items:center;gap:4px}.filter-header-container .filter-icon{display:block}.filter-content,.filter-actions{transition:all .3s ease}.filter-content.hidden,.filter-actions.hidden{display:none;height:0;overflow:hidden;opacity:0;margin:0;padding:0}.filter-section{display:flex;flex-direction:column;gap:24px}.filter-section .filter-header{display:flex;align-items:center;gap:14px}.filter-section .filter-subtitle{font-weight:500}.filter-section .filter-description{display:flex;flex-direction:column;gap:8px}.filter-section .filter-description:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:12px;grid-column:1/-1}.filter-section .filter-checkboxes{display:grid;grid-template-columns:repeat(2,1fr);gap:11px 0px}.filter-section .filter-checkboxes.scrollable{max-height:100px;overflow-y:auto;grid-template-columns:1fr;padding-right:8px;gap:12px}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar{width:4px}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar-thumb{background-color:var(--neutral-light);border-radius:2px}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar-track{background-color:var(--neutral-lighter)}.filter-section .filter-checkboxes.scrollable:after{display:none}.filter-section .filter-radios{display:flex;flex-direction:column;gap:12px}.filter-section .filter-radios.scrollable{max-height:100px;overflow-y:auto;padding-right:8px;gap:8px}.filter-section .filter-radios.scrollable::-webkit-scrollbar{width:4px}.filter-section .filter-radios.scrollable::-webkit-scrollbar-thumb{background-color:var(--neutral-light);border-radius:2px}.filter-section .filter-radios.scrollable:after{display:none}@media screen and (max-width: 1024px){.filter-checkboxes.scrollable,.filter-radios.scrollable{max-height:100px}.filter-checkboxes:after{display:none;background-color:transparent}}.filter-actions{display:flex;flex-direction:column;gap:0}.filter-actions:before{content:\"\";display:block;width:100%;height:1px;background:linear-gradient(90deg,var(--neutral-light) 75%,transparent 15%);background-size:10px 1px;background-repeat:repeat-x;margin-bottom:20px}.filter-actions .main-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.filter-actions .divider-strong{height:1px;width:100%;margin-top:20px;margin-bottom:16px;background:linear-gradient(90deg,#e2e2e2 70%,transparent 70%);background-size:4px 1px;background-repeat:repeat-x}.filter-actions .close-action-wrapper{display:flex;justify-content:center;width:100%}.filter-actions .close-action{display:inline-flex;align-items:center;gap:8px}.filter-actions .close-action cura-button-transparent{padding:0;margin:0;background:transparent;border:none;color:inherit}.filter-actions cura-button-transparent{display:flex;justify-content:flex-start;text-align:left;flex:0 1 auto}.filter-actions cura-button{display:flex;justify-content:flex-start;text-align:left;flex:1 0 auto}@media screen and (max-width: 1024px){.filter-checkboxes:after{background-color:transparent}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }] }); }
|
|
4216
4247
|
}
|
|
4217
4248
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterGenericComponent, decorators: [{
|
|
4218
4249
|
type: Component,
|
|
4219
|
-
args: [{ selector: 'rdsite-filter-generic', standalone: true, imports: [CommonModule, ReactiveFormsModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"filter-generic\" [ngClass]=\"{ 'container-style': withContainerStyle }\" aria-label=\"Filtros\">\r\n <div class=\"filter-header-container\" [ngClass]=\"{ 'no-padding': !isFilterOpen, hidden: !isFilterOpen }\">\r\n <div class=\"filter-title-wrapper\">\r\n <cura-heading size=\"small\" level=\"4\" color=\"neutral-black\" weight=\"bold\" margin-block=\"0\" line-height=\"16px\">\r\n {{ textTitle }}\r\n </cura-heading>\r\n\r\n @if (showBadge) {\r\n <cura-badge-counter\r\n [type]=\"'solid'\"\r\n [color]=\"hasSelection() ? 'primary' : 'neutral'\"\r\n [number]=\"selectedFiltersCount\"\r\n class=\"filter-badge\"\r\n ></cura-badge-counter>\r\n }\r\n </div>\r\n\r\n @if (showToggleIcon) {\r\n <cura-button-transparent size=\"small\" font-color=\"dark\" color=\"primary\" text-align=\"center\" (click)=\"toggleFilter()\" [attr.aria-expanded]=\"isFilterOpen\">\r\n <cura-icon [name]=\"isFilterOpen ? 'up' : 'down'\" size=\"16\" class=\"filter-icon\" color=\"primary-dark\"></cura-icon>\r\n </cura-button-transparent>\r\n }\r\n </div>\r\n\r\n <div class=\"filter-content\" [class.hidden]=\"!isFilterOpen || (forceCollapsed && isMobile())\">\r\n @for (section of sections; track section.type) {\r\n @if (section.visible !== false) {\r\n <div class=\"filter-section\">\r\n @switch (section.type) {\r\n @case ('input') {\r\n <cura-input-text\r\n [placeholder]=\"section.config.placeholder || ''\"\r\n [name]=\"section.config.name || ''\"\r\n [iconName]=\"section.config.iconName || ''\"\r\n [attr.value]=\"section.config.control.value\"\r\n (valueChange)=\"handleInputChange($event, section.config.control)\"\r\n ></cura-input-text>\r\n }\r\n @case ('select') {\r\n <cura-select\r\n [label]=\"section.config.label || ''\"\r\n [placeholder]=\"section.config.placeholder || ''\"\r\n [attr.value]=\"section.config.control.value\"\r\n (selected)=\"handleSelectChange($event, section.config.control)\"\r\n >\r\n @if (section.config.includeDefaultOption) {\r\n <cura-select-option [attr.value]=\"''\">{{ section.config.defaultOptionText || 'Fa\u00E7a a sua Sele\u00E7\u00E3o' }}</cura-select-option>\r\n }\r\n @for (option of section.config.options || []; track option?.value) {\r\n <cura-select-option [attr.value]=\"option?.value\">{{ option?.label }}</cura-select-option>\r\n }\r\n </cura-select>\r\n }\r\n @case ('checkbox-group') {\r\n <div class=\"filter-header\">\r\n <cura-icon name=\"filter\" size=\"20\" color=\"info-dark\"></cura-icon>\r\n <cura-heading size=\"xsmall\" level=\"5\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\">\r\n {{ section.config.title || 'Filtre por' }}\r\n </cura-heading>\r\n </div>\r\n\r\n @if (section.config.subtitle) {\r\n <div class=\"filter-subtitle\">\r\n <cura-heading size=\"xsmall\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\">\r\n {{ section.config.subtitle }}\r\n </cura-heading>\r\n </div>\r\n }\r\n\r\n @if (section.config.description) {\r\n <div class=\"filter-description\">\r\n <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" margin-block=\"0\">\r\n {{ section.config.description }}\r\n </cura-paragraph>\r\n </div>\r\n }\r\n\r\n <div class=\"filter-checkboxes\">\r\n @for (option of section.config.options || []; track option?.value) {\r\n <cura-checkbox\r\n color=\"primary\"\r\n size=\"small\"\r\n icon-color=\"light\"\r\n [attr.name]=\"option?.label\"\r\n [attr.label]=\"option?.label\"\r\n [attr.value]=\"option?.value\"\r\n [attr.checked]=\"option?.checked\"\r\n (onchange)=\"handleCheckboxChange($event, section.config.options)\"\r\n ></cura-checkbox>\r\n }\r\n </div>\r\n }\r\n @case ('radio-group') {\r\n <div class=\"filter-radios\">\r\n @for (option of section.config.options || []; track option?.value) {\r\n <cura-radio\r\n [name]=\"section.config.name || 'radio-group'\"\r\n [label]=\"option.label\"\r\n [value]=\"option.value\"\r\n [checked]=\"getRadioGroupValue(section.config.control) === option.value\"\r\n (onchange)=\"handleRadioChange($event, section.config.control)\"\r\n ></cura-radio>\r\n }\r\n </div>\r\n }\r\n @case ('custom') {\r\n <ng-container *ngTemplateOutlet=\"section.config.template\"></ng-container>\r\n }\r\n }\r\n </div>\r\n }\r\n }\r\n </div>\r\n\r\n <div class=\"filter-actions\" [class.hidden]=\"!isFilterOpen || (forceCollapsed && isMobile())\">\r\n <div class=\"main-actions\">\r\n @if (showClearButton) {\r\n <cura-button-transparent\r\n size=\"small\"\r\n font-color=\"dark\"\r\n color=\"primary\"\r\n text-align=\"center\"\r\n [disabled]=\"disableButtonsWithoutSelection && !hasSelection()\"\r\n (click)=\"reset()\"\r\n >\r\n <span>Limpar todos os filtros</span>\r\n </cura-button-transparent>\r\n }\r\n\r\n @if (showApplyButton) {\r\n <cura-button\r\n size=\"medium\"\r\n font-color=\"light\"\r\n color=\"primary\"\r\n text-align=\"center\"\r\n (click)=\"filter()\"\r\n [disabled]=\"disableButtonsWithoutSelection && !hasSelection()\"\r\n class=\"filter-button\"\r\n >\r\n Filtrar\r\n </cura-button>\r\n }\r\n </div>\r\n\r\n @if (showCloseButton) {\r\n <div class=\"divider-strong\"></div>\r\n <div class=\"close-action-wrapper\">\r\n <div class=\"close-action\" (click)=\"close()\">\r\n <cura-icon name=\"close\" color=\"error-dark\" size=\"small\"></cura-icon>\r\n <cura-button-transparent size=\"\" type=\"button\" color=\"error\" target=\"_self\"> Fechar </cura-button-transparent>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n</div>\r\n", styles: [":host *{font-family:Gotham,Roboto,sans-serif}.filter-generic{display:flex;flex-direction:column;gap:18px}.filter-generic.container-style{width:100%;padding:20px;border-radius:12px;border:2px solid var(--neutral-lighter);background-color:var(--neutral-purewhite)}.filter-generic cura-loader-circle{display:flex;justify-content:center;align-items:center;width:100%;min-height:100px}.filter-header-container{display:flex;padding-bottom:12px;align-items:center}.filter-header-container.no-padding{padding-bottom:0}.filter-header-container .filter-title-wrapper{display:flex;align-items:center;justify-content:space-between;flex:1 0 0}.filter-header-container .filter-badge{display:flex;height:20px;min-width:20px;justify-content:center;align-items:center;gap:4px}.filter-header-container .filter-icon{display:block}.filter-content,.filter-actions{transition:all .3s ease}.filter-content.hidden,.filter-actions.hidden{display:none;height:0;overflow:hidden;opacity:0;margin:0;padding:0}.filter-section{display:flex;flex-direction:column;gap:24px}.filter-section .filter-header{display:flex;align-items:center;gap:14px}.filter-section .filter-subtitle{font-weight:500}.filter-section .filter-description{display:flex;flex-direction:column;gap:8px}.filter-section .filter-description:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:12px;grid-column:1/-1}.filter-section .filter-checkboxes{display:grid;grid-template-columns:repeat(2,1fr);gap:11px 0px}.filter-section .filter-checkboxes:after{content:\"\";display:block;width:100%;height:1px;margin-top:12px;background-color:var(--neutral-light);grid-column:1/-1}.filter-section .filter-radios{display:flex;flex-direction:column;gap:12px}.filter-section .filter-radios:after{content:\"\";display:block;width:100%;height:1px;background:linear-gradient(90deg,var(--neutral-light) 75%,transparent 15%);background-size:10px 1px;background-repeat:repeat-x;margin-top:6px;grid-column:1/-1}.filter-actions{display:flex;flex-direction:column;gap:0}.filter-actions .main-actions{display:flex;justify-content:space-between;gap:24px;align-items:center}.filter-actions .divider-strong{height:1px;width:100%;margin-top:20px;margin-bottom:16px;background:linear-gradient(90deg,#e2e2e2 70%,transparent 70%);background-size:4px 1px;background-repeat:repeat-x}.filter-actions .close-action-wrapper{display:flex;justify-content:center;width:100%}.filter-actions .close-action{display:inline-flex;align-items:center;gap:8px}.filter-actions .close-action cura-button-transparent{padding:0;margin:0;background:transparent;border:none;color:inherit}.filter-actions cura-button,.filter-actions cura-button-transparent{flex:1}@media screen and (max-width: 1024px){.filter-checkboxes:after{background-color:transparent}}\n"] }]
|
|
4250
|
+
args: [{ selector: 'rdsite-filter-generic', standalone: true, imports: [CommonModule, ReactiveFormsModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div\r\n class=\"filter-generic\"\r\n [ngClass]=\"{ 'container-style': withContainerStyle, 'clickable-mobile': shouldHandleMobileClick() }\"\r\n aria-label=\"Filtros\"\r\n (click)=\"handleMobileClick()\"\r\n>\r\n <div class=\"filter-header-container\" [ngClass]=\"{ 'no-padding': !isFilterOpen, hidden: !isFilterOpen }\">\r\n <div class=\"filter-title-wrapper\">\r\n <cura-heading size=\"small\" level=\"4\" color=\"neutral-black\" weight=\"bold\" margin-block=\"0\" line-height=\"16px\">\r\n {{ textTitle }}\r\n </cura-heading>\r\n\r\n @if (showBadge) {\r\n <cura-badge-counter\r\n [type]=\"'solid'\"\r\n [color]=\"hasSelection() ? 'primary' : 'neutral'\"\r\n [number]=\"selectedFiltersCount\"\r\n class=\"filter-badge\"\r\n ></cura-badge-counter>\r\n }\r\n </div>\r\n\r\n @if (showToggleIcon) {\r\n <cura-button-transparent size=\"small\" font-color=\"dark\" color=\"primary\" text-align=\"center\" (click)=\"toggleFilter()\" [attr.aria-expanded]=\"isFilterOpen\">\r\n <cura-icon [name]=\"isFilterOpen ? 'up' : 'down'\" size=\"16\" class=\"filter-icon\" color=\"primary-dark\"></cura-icon>\r\n </cura-button-transparent>\r\n }\r\n </div>\r\n\r\n <div class=\"filter-content\" [class.hidden]=\"!isFilterOpen || (forceCollapsed && isMobile())\">\r\n @for (section of sections; track section.type) {\r\n @if (section.visible !== false) {\r\n <div class=\"filter-section\">\r\n @switch (section.type) {\r\n @case ('input') {\r\n <cura-input-text\r\n [placeholder]=\"section.config.placeholder || ''\"\r\n [name]=\"section.config.name || ''\"\r\n [iconName]=\"section.config.iconName || ''\"\r\n [attr.value]=\"section.config.control.value\"\r\n (valueChange)=\"handleInputChange($event, section.config.control)\"\r\n ></cura-input-text>\r\n }\r\n @case ('select') {\r\n <cura-select\r\n [label]=\"section.config.label || ''\"\r\n [placeholder]=\"section.config.placeholder || ''\"\r\n [attr.value]=\"section.config.control.value\"\r\n (selected)=\"handleSelectChange($event, section.config.control)\"\r\n >\r\n @if (section.config.includeDefaultOption) {\r\n <cura-select-option [attr.value]=\"''\">{{ section.config.defaultOptionText || 'Fa\u00E7a a sua Sele\u00E7\u00E3o' }}</cura-select-option>\r\n }\r\n @for (option of section.config.options || []; track option?.value) {\r\n <cura-select-option [attr.value]=\"option?.value\">{{ option?.label }}</cura-select-option>\r\n }\r\n </cura-select>\r\n }\r\n @case ('checkbox-group') {\r\n @if (section.config.title) {\r\n <div class=\"filter-header\">\r\n <cura-icon name=\"filter\" size=\"20\" color=\"info-dark\"></cura-icon>\r\n <cura-heading size=\"xsmall\" level=\"5\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\">\r\n {{ section.config.title }}\r\n </cura-heading>\r\n </div>\r\n }\r\n @if (section.config.subtitle) {\r\n <div class=\"filter-subtitle\">\r\n <cura-heading size=\"xsmall\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\">\r\n {{ section.config.subtitle }}\r\n </cura-heading>\r\n </div>\r\n }\r\n\r\n @if (section.config.description) {\r\n <div class=\"filter-description\">\r\n <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" margin-block=\"0\">\r\n {{ section.config.description }}\r\n </cura-paragraph>\r\n </div>\r\n }\r\n\r\n <div class=\"filter-checkboxes\" [class.scrollable]=\"hasScroll(section)\">\r\n @for (option of section.config.options || []; track option?.value) {\r\n <cura-checkbox\r\n color=\"primary\"\r\n size=\"small\"\r\n icon-color=\"light\"\r\n [attr.name]=\"option?.label\"\r\n [attr.label]=\"option?.label\"\r\n [attr.value]=\"option?.value\"\r\n [attr.checked]=\"option?.checked\"\r\n (onchange)=\"handleCheckboxChange($event, section.config.options)\"\r\n ></cura-checkbox>\r\n }\r\n </div>\r\n }\r\n @case ('radio-group') {\r\n <div class=\"filter-radios\" [class.scrollable]=\"hasScroll(section)\">\r\n @for (option of section.config.options || []; track option?.value) {\r\n <cura-radio\r\n [name]=\"section.config.name || 'radio-group'\"\r\n [label]=\"option.label\"\r\n [value]=\"option.value\"\r\n [checked]=\"getRadioGroupValue(section.config.control) === option.value\"\r\n (onchange)=\"handleRadioChange($event, section.config.control)\"\r\n ></cura-radio>\r\n }\r\n </div>\r\n }\r\n @case ('custom') {\r\n <ng-container *ngTemplateOutlet=\"section.config.template\"></ng-container>\r\n }\r\n }\r\n </div>\r\n }\r\n }\r\n </div>\r\n\r\n <div class=\"filter-actions\" [class.hidden]=\"!isFilterOpen || (forceCollapsed && isMobile())\">\r\n <div class=\"main-actions\">\r\n @if (showClearButton) {\r\n <cura-button-transparent\r\n size=\"small\"\r\n font-color=\"dark\"\r\n color=\"primary\"\r\n text-align=\"center\"\r\n [disabled]=\"disableButtonsWithoutSelection && !hasSelection()\"\r\n (click)=\"reset()\"\r\n >\r\n <span>Limpar todos os filtros</span>\r\n </cura-button-transparent>\r\n }\r\n\r\n @if (showApplyButton) {\r\n <cura-button\r\n size=\"medium\"\r\n font-color=\"light\"\r\n color=\"primary\"\r\n text-align=\"center\"\r\n (click)=\"filter()\"\r\n [disabled]=\"disableButtonsWithoutSelection && !hasSelection()\"\r\n class=\"filter-button\"\r\n >\r\n Filtrar\r\n </cura-button>\r\n }\r\n </div>\r\n\r\n @if (showCloseButton) {\r\n <div class=\"divider-strong\"></div>\r\n <div class=\"close-action-wrapper\">\r\n <div class=\"close-action\" (click)=\"close()\">\r\n <cura-icon name=\"close\" color=\"error-dark\" size=\"small\"></cura-icon>\r\n <cura-button-transparent size=\"\" type=\"button\" color=\"error\" target=\"_self\"> Fechar </cura-button-transparent>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n</div>\r\n", styles: [":host *{font-family:Gotham,Roboto,sans-serif}.filter-generic{display:flex;flex-direction:column;gap:18px}.filter-generic.clickable-mobile{cursor:pointer}.filter-generic.clickable-mobile:hover{background-color:var(--primary-lighter)}.filter-generic.container-style{width:100%;padding:20px;border-radius:12px;border:2px solid var(--neutral-lighter);background-color:var(--neutral-purewhite)}.filter-generic cura-loader-circle{display:flex;justify-content:center;align-items:center;width:100%;min-height:100px}.filter-header-container{display:flex;padding-bottom:12px;align-items:center}.filter-header-container.no-padding{padding-bottom:0}.filter-header-container .filter-title-wrapper{display:flex;align-items:center;justify-content:space-between;flex:1 0 0}.filter-header-container .filter-badge{display:flex;height:20px;min-width:20px;justify-content:center;align-items:center;gap:4px}.filter-header-container .filter-icon{display:block}.filter-content,.filter-actions{transition:all .3s ease}.filter-content.hidden,.filter-actions.hidden{display:none;height:0;overflow:hidden;opacity:0;margin:0;padding:0}.filter-section{display:flex;flex-direction:column;gap:24px}.filter-section .filter-header{display:flex;align-items:center;gap:14px}.filter-section .filter-subtitle{font-weight:500}.filter-section .filter-description{display:flex;flex-direction:column;gap:8px}.filter-section .filter-description:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:12px;grid-column:1/-1}.filter-section .filter-checkboxes{display:grid;grid-template-columns:repeat(2,1fr);gap:11px 0px}.filter-section .filter-checkboxes.scrollable{max-height:100px;overflow-y:auto;grid-template-columns:1fr;padding-right:8px;gap:12px}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar{width:4px}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar-thumb{background-color:var(--neutral-light);border-radius:2px}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar-track{background-color:var(--neutral-lighter)}.filter-section .filter-checkboxes.scrollable:after{display:none}.filter-section .filter-radios{display:flex;flex-direction:column;gap:12px}.filter-section .filter-radios.scrollable{max-height:100px;overflow-y:auto;padding-right:8px;gap:8px}.filter-section .filter-radios.scrollable::-webkit-scrollbar{width:4px}.filter-section .filter-radios.scrollable::-webkit-scrollbar-thumb{background-color:var(--neutral-light);border-radius:2px}.filter-section .filter-radios.scrollable:after{display:none}@media screen and (max-width: 1024px){.filter-checkboxes.scrollable,.filter-radios.scrollable{max-height:100px}.filter-checkboxes:after{display:none;background-color:transparent}}.filter-actions{display:flex;flex-direction:column;gap:0}.filter-actions:before{content:\"\";display:block;width:100%;height:1px;background:linear-gradient(90deg,var(--neutral-light) 75%,transparent 15%);background-size:10px 1px;background-repeat:repeat-x;margin-bottom:20px}.filter-actions .main-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.filter-actions .divider-strong{height:1px;width:100%;margin-top:20px;margin-bottom:16px;background:linear-gradient(90deg,#e2e2e2 70%,transparent 70%);background-size:4px 1px;background-repeat:repeat-x}.filter-actions .close-action-wrapper{display:flex;justify-content:center;width:100%}.filter-actions .close-action{display:inline-flex;align-items:center;gap:8px}.filter-actions .close-action cura-button-transparent{padding:0;margin:0;background:transparent;border:none;color:inherit}.filter-actions cura-button-transparent{display:flex;justify-content:flex-start;text-align:left;flex:0 1 auto}.filter-actions cura-button{display:flex;justify-content:flex-start;text-align:left;flex:1 0 auto}@media screen and (max-width: 1024px){.filter-checkboxes:after{background-color:transparent}}\n"] }]
|
|
4220
4251
|
}], ctorParameters: () => [{ type: CuraService }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
|
|
4221
4252
|
type: Inject,
|
|
4222
4253
|
args: [PLATFORM_ID]
|
|
@@ -4347,11 +4378,11 @@ class FilterPlanosConveniosComponent {
|
|
|
4347
4378
|
this.coberturaControl.reset(this.coberturas);
|
|
4348
4379
|
}
|
|
4349
4380
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterPlanosConveniosComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4350
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: FilterPlanosConveniosComponent, isStandalone: true, selector: "rdsite-filter-planos-convenios", inputs: { withContainerStyle: "withContainerStyle", isLoading: "isLoading", emitOnChange: "emitOnChange", initialEstado: "initialEstado", estados: "estados", coberturas: "coberturas", unidadeControl: "unidadeControl", estadoControl: "estadoControl" }, outputs: { filterChange: "filterChange", closeModal: "closeModal" }, host: { properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "<div class=\"filter-planos-convenios\" [ngClass]=\"{ 'container-style': withContainerStyle }\">\n @if (!isLoading) {\n <cura-heading size=\"small\" level=\"4\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\"> Refine sua busca </cura-heading>\n\n <div class=\"filter-planos-convenios-unidade\">\n <cura-input-text\n placeholder=\"Nome da unidade\"\n name=\"unidade-input\"\n icon-name=\"search\"\n autocomplete=\"off\"\n [attr.value]=\"unidadeControl.value\"\n (valueChange)=\"inputTextChange($event)\"\n ></cura-input-text>\n </div>\n\n <div class=\"filter-planos-convenios-estado\">\n @if (estados) {\n <cura-select\n label=\"Selecione o estado\"\n placeholder=\"Fa\u00E7a a sua Sele\u00E7\u00E3o\"\n mode=\"default\"\n size=\"medium\"\n status=\"default\"\n [attr.value]=\"estadoControl.value\"\n (selected)=\"selectChange($event)\"\n >\n <cura-select-option [attr.value]=\"''\">Fa\u00E7a a sua Sele\u00E7\u00E3o</cura-select-option>\n\n @for (estado of estados || []; track estado?.value) {\n <cura-select-option [attr.value]=\"estado?.value\">{{ estado?.label }}</cura-select-option>\n }\n </cura-select>\n }\n </div>\n\n <div class=\"filter-planos-convenios-cobertura\">\n <cura-icon name=\"filter\" size=\"20\" color=\"info-dark\"></cura-icon>\n <cura-heading size=\"xsmall\" level=\"5\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\">\n Filtre pela cobertura do seu plano\n </cura-heading>\n </div>\n\n <div class=\"filter-planos-convenios-content\">\n <cura-heading size=\"xsmall\" level=\"5\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\"> Tipos de cobertura </cura-heading>\n <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" margin-block=\"0\">\n Voc\u00EA pode selecionar uma ou mais portas de entrada, de acordo com a cobertura do seu plano.\n </cura-paragraph>\n </div>\n\n <div class=\"filter-planos-convenios-checkboxes\">\n @for (option of coberturas || []; track option?.value) {\n <cura-checkbox\n color=\"primary\"\n size=\"small\"\n icon-color=\"light\"\n [attr.name]=\"option?.label\"\n [attr.label]=\"option?.label\"\n [attr.value]=\"option?.value\"\n [attr.checked]=\"option?.checked\"\n (onchange)=\"checkboxChange($event)\"\n >\n </cura-checkbox>\n }\n </div>\n\n <div class=\"filter-planos-convenios-buttons\">\n <cura-button-transparent size=\"small\" color=\"primary\" font-color=\"dark\" text-align=\"center\" (click)=\"reset()\">\n <span> Limpar todos os filtros </span>\n </cura-button-transparent>\n\n <cura-button size=\"medium\" color=\"primary\" font-color=\"light\" background=\"light\" text-align=\"center\" (click)=\"filter()\"> Filtrar </cura-button>\n </div>\n } @else {\n <cura-loader-circle color=\"primary\" size=\"small\"> </cura-loader-circle>\n }\n</div>\n", styles: [".filter-planos-convenios{display:flex;flex-direction:column;gap:23px}.filter-planos-convenios.container-style{width:100%;padding:20px;border-radius:4px;border:1px solid var(--neutral-lighter, #e2e2e2);background-color:var(--neutral-purewhite, #ffffff)}.filter-planos-convenios-cobertura{color:var(--neutral-darker);display:flex;align-items:center;gap:14px}.filter-planos-convenios-content{display:flex;flex-direction:column;gap:10px}.filter-planos-convenios-content:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:13px}.filter-planos-convenios-checkboxes{display:grid;grid-template-columns:repeat(2,1fr);gap:11px 0px}.filter-planos-convenios-checkboxes:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:12px;grid-column:1/-1}.filter-planos-convenios-buttons{display:flex;gap:10px;justify-content:space-between}.filter-planos-convenios-buttons cura-button-transparent{display:flex;flex:1 0 0;max-width:170px}.filter-planos-convenios-buttons cura-button-transparent span{line-height:13px;letter-spacing:.72px;text-align:left}.filter-planos-convenios-buttons cura-button{display:flex;flex:0 0 100px}cura-loader-circle{display:flex;justify-content:center;align-items:center;width:100%;min-height:100px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }] }); }
|
|
4381
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: FilterPlanosConveniosComponent, isStandalone: true, selector: "rdsite-filter-planos-convenios", inputs: { withContainerStyle: "withContainerStyle", isLoading: "isLoading", emitOnChange: "emitOnChange", initialEstado: "initialEstado", estados: "estados", coberturas: "coberturas", unidadeControl: "unidadeControl", estadoControl: "estadoControl" }, outputs: { filterChange: "filterChange", closeModal: "closeModal" }, host: { properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "<div class=\"filter-planos-convenios\" [ngClass]=\"{ 'container-style': withContainerStyle }\">\r\n @if (!isLoading) {\r\n <cura-heading size=\"small\" level=\"4\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\"> Refine sua busca </cura-heading>\r\n\r\n <div class=\"filter-planos-convenios-unidade\">\r\n <cura-input-text\r\n placeholder=\"Nome da unidade\"\r\n name=\"unidade-input\"\r\n icon-name=\"search\"\r\n autocomplete=\"off\"\r\n [attr.value]=\"unidadeControl.value\"\r\n (valueChange)=\"inputTextChange($event)\"\r\n ></cura-input-text>\r\n </div>\r\n\r\n <div class=\"filter-planos-convenios-estado\">\r\n @if (estados) {\r\n <cura-select\r\n label=\"Selecione o estado\"\r\n placeholder=\"Fa\u00E7a a sua Sele\u00E7\u00E3o\"\r\n mode=\"default\"\r\n size=\"medium\"\r\n status=\"default\"\r\n [attr.value]=\"estadoControl.value\"\r\n (selected)=\"selectChange($event)\"\r\n >\r\n <cura-select-option [attr.value]=\"''\">Fa\u00E7a a sua Sele\u00E7\u00E3o</cura-select-option>\r\n\r\n @for (estado of estados || []; track estado?.value) {\r\n <cura-select-option [attr.value]=\"estado?.value\">{{ estado?.label }}</cura-select-option>\r\n }\r\n </cura-select>\r\n }\r\n </div>\r\n\r\n <div class=\"filter-planos-convenios-cobertura\">\r\n <cura-icon name=\"filter\" size=\"20\" color=\"info-dark\"></cura-icon>\r\n <cura-heading size=\"xsmall\" level=\"5\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\">\r\n Filtre pela cobertura do seu plano\r\n </cura-heading>\r\n </div>\r\n\r\n <div class=\"filter-planos-convenios-content\">\r\n <cura-heading size=\"xsmall\" level=\"5\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\"> Tipos de cobertura </cura-heading>\r\n <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" margin-block=\"0\">\r\n Voc\u00EA pode selecionar uma ou mais portas de entrada, de acordo com a cobertura do seu plano.\r\n </cura-paragraph>\r\n </div>\r\n\r\n <div class=\"filter-planos-convenios-checkboxes\">\r\n @for (option of coberturas || []; track option?.value) {\r\n <cura-checkbox\r\n color=\"primary\"\r\n size=\"small\"\r\n icon-color=\"light\"\r\n [attr.name]=\"option?.label\"\r\n [attr.label]=\"option?.label\"\r\n [attr.value]=\"option?.value\"\r\n [attr.checked]=\"option?.checked\"\r\n (onchange)=\"checkboxChange($event)\"\r\n >\r\n </cura-checkbox>\r\n }\r\n </div>\r\n\r\n <div class=\"filter-planos-convenios-buttons\">\r\n <cura-button-transparent size=\"small\" color=\"primary\" font-color=\"dark\" text-align=\"center\" (click)=\"reset()\">\r\n <span> Limpar todos os filtros </span>\r\n </cura-button-transparent>\r\n\r\n <cura-button size=\"medium\" color=\"primary\" font-color=\"light\" background=\"light\" text-align=\"center\" (click)=\"filter()\"> Filtrar </cura-button>\r\n </div>\r\n } @else {\r\n <cura-loader-circle color=\"primary\" size=\"small\"> </cura-loader-circle>\r\n }\r\n</div>\r\n", styles: [".filter-planos-convenios{display:flex;flex-direction:column;gap:23px}.filter-planos-convenios.container-style{width:100%;padding:20px;border-radius:4px;border:1px solid var(--neutral-lighter, #e2e2e2);background-color:var(--neutral-purewhite, #ffffff)}.filter-planos-convenios-cobertura{color:var(--neutral-darker);display:flex;align-items:center;gap:14px}.filter-planos-convenios-content{display:flex;flex-direction:column;gap:10px}.filter-planos-convenios-content:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:13px}.filter-planos-convenios-checkboxes{display:grid;grid-template-columns:repeat(2,1fr);gap:11px 0px}.filter-planos-convenios-checkboxes:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:12px;grid-column:1/-1}.filter-planos-convenios-buttons{display:flex;gap:10px;justify-content:space-between}.filter-planos-convenios-buttons cura-button-transparent{display:flex;flex:1 0 0;max-width:170px}.filter-planos-convenios-buttons cura-button-transparent span{line-height:13px;letter-spacing:.72px;text-align:left}.filter-planos-convenios-buttons cura-button{display:flex;flex:0 0 100px}cura-loader-circle{display:flex;justify-content:center;align-items:center;width:100%;min-height:100px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }] }); }
|
|
4351
4382
|
}
|
|
4352
4383
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterPlanosConveniosComponent, decorators: [{
|
|
4353
4384
|
type: Component,
|
|
4354
|
-
args: [{ selector: 'rdsite-filter-planos-convenios', standalone: true, imports: [CommonModule, ReactiveFormsModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"filter-planos-convenios\" [ngClass]=\"{ 'container-style': withContainerStyle }\">\n @if (!isLoading) {\n <cura-heading size=\"small\" level=\"4\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\"> Refine sua busca </cura-heading>\n\n <div class=\"filter-planos-convenios-unidade\">\n <cura-input-text\n placeholder=\"Nome da unidade\"\n name=\"unidade-input\"\n icon-name=\"search\"\n autocomplete=\"off\"\n [attr.value]=\"unidadeControl.value\"\n (valueChange)=\"inputTextChange($event)\"\n ></cura-input-text>\n </div>\n\n <div class=\"filter-planos-convenios-estado\">\n @if (estados) {\n <cura-select\n label=\"Selecione o estado\"\n placeholder=\"Fa\u00E7a a sua Sele\u00E7\u00E3o\"\n mode=\"default\"\n size=\"medium\"\n status=\"default\"\n [attr.value]=\"estadoControl.value\"\n (selected)=\"selectChange($event)\"\n >\n <cura-select-option [attr.value]=\"''\">Fa\u00E7a a sua Sele\u00E7\u00E3o</cura-select-option>\n\n @for (estado of estados || []; track estado?.value) {\n <cura-select-option [attr.value]=\"estado?.value\">{{ estado?.label }}</cura-select-option>\n }\n </cura-select>\n }\n </div>\n\n <div class=\"filter-planos-convenios-cobertura\">\n <cura-icon name=\"filter\" size=\"20\" color=\"info-dark\"></cura-icon>\n <cura-heading size=\"xsmall\" level=\"5\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\">\n Filtre pela cobertura do seu plano\n </cura-heading>\n </div>\n\n <div class=\"filter-planos-convenios-content\">\n <cura-heading size=\"xsmall\" level=\"5\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\"> Tipos de cobertura </cura-heading>\n <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" margin-block=\"0\">\n Voc\u00EA pode selecionar uma ou mais portas de entrada, de acordo com a cobertura do seu plano.\n </cura-paragraph>\n </div>\n\n <div class=\"filter-planos-convenios-checkboxes\">\n @for (option of coberturas || []; track option?.value) {\n <cura-checkbox\n color=\"primary\"\n size=\"small\"\n icon-color=\"light\"\n [attr.name]=\"option?.label\"\n [attr.label]=\"option?.label\"\n [attr.value]=\"option?.value\"\n [attr.checked]=\"option?.checked\"\n (onchange)=\"checkboxChange($event)\"\n >\n </cura-checkbox>\n }\n </div>\n\n <div class=\"filter-planos-convenios-buttons\">\n <cura-button-transparent size=\"small\" color=\"primary\" font-color=\"dark\" text-align=\"center\" (click)=\"reset()\">\n <span> Limpar todos os filtros </span>\n </cura-button-transparent>\n\n <cura-button size=\"medium\" color=\"primary\" font-color=\"light\" background=\"light\" text-align=\"center\" (click)=\"filter()\"> Filtrar </cura-button>\n </div>\n } @else {\n <cura-loader-circle color=\"primary\" size=\"small\"> </cura-loader-circle>\n }\n</div>\n", styles: [".filter-planos-convenios{display:flex;flex-direction:column;gap:23px}.filter-planos-convenios.container-style{width:100%;padding:20px;border-radius:4px;border:1px solid var(--neutral-lighter, #e2e2e2);background-color:var(--neutral-purewhite, #ffffff)}.filter-planos-convenios-cobertura{color:var(--neutral-darker);display:flex;align-items:center;gap:14px}.filter-planos-convenios-content{display:flex;flex-direction:column;gap:10px}.filter-planos-convenios-content:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:13px}.filter-planos-convenios-checkboxes{display:grid;grid-template-columns:repeat(2,1fr);gap:11px 0px}.filter-planos-convenios-checkboxes:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:12px;grid-column:1/-1}.filter-planos-convenios-buttons{display:flex;gap:10px;justify-content:space-between}.filter-planos-convenios-buttons cura-button-transparent{display:flex;flex:1 0 0;max-width:170px}.filter-planos-convenios-buttons cura-button-transparent span{line-height:13px;letter-spacing:.72px;text-align:left}.filter-planos-convenios-buttons cura-button{display:flex;flex:0 0 100px}cura-loader-circle{display:flex;justify-content:center;align-items:center;width:100%;min-height:100px}\n"] }]
|
|
4385
|
+
args: [{ selector: 'rdsite-filter-planos-convenios', standalone: true, imports: [CommonModule, ReactiveFormsModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"filter-planos-convenios\" [ngClass]=\"{ 'container-style': withContainerStyle }\">\r\n @if (!isLoading) {\r\n <cura-heading size=\"small\" level=\"4\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\"> Refine sua busca </cura-heading>\r\n\r\n <div class=\"filter-planos-convenios-unidade\">\r\n <cura-input-text\r\n placeholder=\"Nome da unidade\"\r\n name=\"unidade-input\"\r\n icon-name=\"search\"\r\n autocomplete=\"off\"\r\n [attr.value]=\"unidadeControl.value\"\r\n (valueChange)=\"inputTextChange($event)\"\r\n ></cura-input-text>\r\n </div>\r\n\r\n <div class=\"filter-planos-convenios-estado\">\r\n @if (estados) {\r\n <cura-select\r\n label=\"Selecione o estado\"\r\n placeholder=\"Fa\u00E7a a sua Sele\u00E7\u00E3o\"\r\n mode=\"default\"\r\n size=\"medium\"\r\n status=\"default\"\r\n [attr.value]=\"estadoControl.value\"\r\n (selected)=\"selectChange($event)\"\r\n >\r\n <cura-select-option [attr.value]=\"''\">Fa\u00E7a a sua Sele\u00E7\u00E3o</cura-select-option>\r\n\r\n @for (estado of estados || []; track estado?.value) {\r\n <cura-select-option [attr.value]=\"estado?.value\">{{ estado?.label }}</cura-select-option>\r\n }\r\n </cura-select>\r\n }\r\n </div>\r\n\r\n <div class=\"filter-planos-convenios-cobertura\">\r\n <cura-icon name=\"filter\" size=\"20\" color=\"info-dark\"></cura-icon>\r\n <cura-heading size=\"xsmall\" level=\"5\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\">\r\n Filtre pela cobertura do seu plano\r\n </cura-heading>\r\n </div>\r\n\r\n <div class=\"filter-planos-convenios-content\">\r\n <cura-heading size=\"xsmall\" level=\"5\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\"> Tipos de cobertura </cura-heading>\r\n <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" margin-block=\"0\">\r\n Voc\u00EA pode selecionar uma ou mais portas de entrada, de acordo com a cobertura do seu plano.\r\n </cura-paragraph>\r\n </div>\r\n\r\n <div class=\"filter-planos-convenios-checkboxes\">\r\n @for (option of coberturas || []; track option?.value) {\r\n <cura-checkbox\r\n color=\"primary\"\r\n size=\"small\"\r\n icon-color=\"light\"\r\n [attr.name]=\"option?.label\"\r\n [attr.label]=\"option?.label\"\r\n [attr.value]=\"option?.value\"\r\n [attr.checked]=\"option?.checked\"\r\n (onchange)=\"checkboxChange($event)\"\r\n >\r\n </cura-checkbox>\r\n }\r\n </div>\r\n\r\n <div class=\"filter-planos-convenios-buttons\">\r\n <cura-button-transparent size=\"small\" color=\"primary\" font-color=\"dark\" text-align=\"center\" (click)=\"reset()\">\r\n <span> Limpar todos os filtros </span>\r\n </cura-button-transparent>\r\n\r\n <cura-button size=\"medium\" color=\"primary\" font-color=\"light\" background=\"light\" text-align=\"center\" (click)=\"filter()\"> Filtrar </cura-button>\r\n </div>\r\n } @else {\r\n <cura-loader-circle color=\"primary\" size=\"small\"> </cura-loader-circle>\r\n }\r\n</div>\r\n", styles: [".filter-planos-convenios{display:flex;flex-direction:column;gap:23px}.filter-planos-convenios.container-style{width:100%;padding:20px;border-radius:4px;border:1px solid var(--neutral-lighter, #e2e2e2);background-color:var(--neutral-purewhite, #ffffff)}.filter-planos-convenios-cobertura{color:var(--neutral-darker);display:flex;align-items:center;gap:14px}.filter-planos-convenios-content{display:flex;flex-direction:column;gap:10px}.filter-planos-convenios-content:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:13px}.filter-planos-convenios-checkboxes{display:grid;grid-template-columns:repeat(2,1fr);gap:11px 0px}.filter-planos-convenios-checkboxes:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:12px;grid-column:1/-1}.filter-planos-convenios-buttons{display:flex;gap:10px;justify-content:space-between}.filter-planos-convenios-buttons cura-button-transparent{display:flex;flex:1 0 0;max-width:170px}.filter-planos-convenios-buttons cura-button-transparent span{line-height:13px;letter-spacing:.72px;text-align:left}.filter-planos-convenios-buttons cura-button{display:flex;flex:0 0 100px}cura-loader-circle{display:flex;justify-content:center;align-items:center;width:100%;min-height:100px}\n"] }]
|
|
4355
4386
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { filterChange: [{
|
|
4356
4387
|
type: Output
|
|
4357
4388
|
}], closeModal: [{
|
|
@@ -4812,15 +4843,16 @@ class PaginationComponent {
|
|
|
4812
4843
|
this.perPageOptions = [10, 30, 50];
|
|
4813
4844
|
this.customStyle = {};
|
|
4814
4845
|
this.containerClass = true;
|
|
4846
|
+
this.darkMode = false;
|
|
4815
4847
|
this.pageChange = new EventEmitter();
|
|
4816
4848
|
this.perPageChange = new EventEmitter();
|
|
4817
4849
|
this.styleBinding = {
|
|
4818
4850
|
'--font-family': this.curaService.getFontFamily(''),
|
|
4819
4851
|
'--primary-base': this.curaService.getColor('primary-base'),
|
|
4852
|
+
'--primary-dark': this.curaService.getColor('primary-dark'),
|
|
4820
4853
|
'--neutral-purewhite': this.curaService.getColor('neutral-purewhite'),
|
|
4821
4854
|
'--neutral-light': this.curaService.getColor('neutral-light'),
|
|
4822
4855
|
'--neutral-dark': this.curaService.getColor('neutral-dark'),
|
|
4823
|
-
'--neutral-darker': this.curaService.getColor('neutral-darker'),
|
|
4824
4856
|
};
|
|
4825
4857
|
}
|
|
4826
4858
|
next() {
|
|
@@ -4834,11 +4866,11 @@ class PaginationComponent {
|
|
|
4834
4866
|
}
|
|
4835
4867
|
}
|
|
4836
4868
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PaginationComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4837
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PaginationComponent, isStandalone: true, selector: "rdsite-pagination", inputs: { totalPages: "totalPages", activePage: "activePage", perPage: "perPage", perPageOptions: "perPageOptions", customStyle: "customStyle", containerClass: "containerClass" }, outputs: { pageChange: "pageChange", perPageChange: "perPageChange" }, host: { properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "<div
|
|
4869
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PaginationComponent, isStandalone: true, selector: "rdsite-pagination", inputs: { totalPages: "totalPages", activePage: "activePage", perPage: "perPage", perPageOptions: "perPageOptions", customStyle: "customStyle", containerClass: "containerClass", darkMode: "darkMode" }, outputs: { pageChange: "pageChange", perPageChange: "perPageChange" }, host: { properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "<div\r\n class=\"rdsite-pagination\"\r\n [ngClass]=\"{ 'rdsite-container': containerClass, 'dark-mode': darkMode }\"\r\n [style]=\"customStyle\"\r\n data-testid=\"_rdsite-rdsite-pagination\"\r\n>\r\n @if (totalPages && totalPages > 1) {\r\n <nav class=\"rdsite-pagination-nav\" aria-label=\"Pagination nav\">\r\n <button (click)=\"prev()\" type=\"button\" title=\"P\u00E1gina anterior\" class=\"button-link\" [attr.disabled]=\"activePage === 1 ? true : null\">\r\n <cura-icon\r\n name=\"arrowLeftCircle\"\r\n size=\"24\"\r\n [attr.color]=\"activePage === 1 ? (darkMode ? 'primary-base' : 'neutral-dark') : darkMode ? 'neutral-purewhite' : 'primary-base'\"\r\n >\r\n </cura-icon>\r\n </button>\r\n\r\n <span>P\u00E1gina {{ activePage }} - {{ totalPages }}</span>\r\n\r\n <button (click)=\"next()\" type=\"button\" title=\"Pr\u00F3xima p\u00E1gina\" class=\"button-link\" [attr.disabled]=\"activePage === totalPages ? true : null\">\r\n <cura-icon\r\n name=\"arrowRightCircle\"\r\n size=\"24\"\r\n [attr.color]=\"activePage === totalPages ? (darkMode ? 'primary-base' : 'neutral-dark') : darkMode ? 'neutral-purewhite' : 'primary-base'\"\r\n >\r\n </cura-icon>\r\n </button>\r\n </nav>\r\n }\r\n\r\n @if (perPageOptions.length) {\r\n <div class=\"rdsite-pagination-pp-options\" data-testid=\"_rdsite-rdsite-pagination-pp-options\">\r\n <span>Resultados por p\u00E1gina</span>\r\n\r\n <div class=\"rdsite-pagination-pp-options-controls\" data-testid=\"_rdsite-rdsite-pagination-pp-options-controls\">\r\n @for (option of perPageOptions; let i = $index; track option) {\r\n <button\r\n type=\"button\"\r\n (click)=\"perPageChange.emit(option)\"\r\n [attr.disabled]=\"option === perPage ? true : null\"\r\n title=\"Exibir {{ option }} resultados por p\u00E1gina.\"\r\n class=\"button-link\"\r\n >\r\n {{ option }}\r\n @if (i < perPageOptions.length - 1) {\r\n <span class=\"bar\">|</span>\r\n }\r\n </button>\r\n }\r\n </div>\r\n </div>\r\n }\r\n</div>\r\n", styles: [":host{width:100%}:host *{font-family:var(--font-family)}.rdsite-pagination{display:flex;flex-direction:column-reverse;justify-content:space-between;align-items:center;border-radius:10px;overflow:hidden}.rdsite-pagination-pp-options,.rdsite-pagination-nav{display:flex;justify-content:space-between;align-self:center;align-items:center;width:100%;padding:16px}.rdsite-pagination-pp-options button[class*=-link],.rdsite-pagination-pp-options span,.rdsite-pagination-nav button[class*=-link],.rdsite-pagination-nav span{font-weight:500;font-size:12px;line-height:13px;height:auto;padding:0;background-color:transparent;letter-spacing:.72px}.rdsite-pagination-pp-options button[class*=-link],.rdsite-pagination-nav button[class*=-link]{color:var(--primary-base);cursor:pointer}.rdsite-pagination-pp-options button[class*=-link]:disabled,.rdsite-pagination-pp-options span,.rdsite-pagination-nav button[class*=-link]:disabled,.rdsite-pagination-nav span{color:var(--neutral-dark);background-color:transparent;pointer-events:none}.rdsite-pagination-pp-options span.bar,.rdsite-pagination-nav span.bar{margin:0 20px;color:var(--neutral-light)}.rdsite-pagination-pp-options>span{display:inline;margin-right:18px}.rdsite-pagination-pp-options-controls{text-wrap:nowrap}.rdsite-pagination nav.rdsite-pagination-nav{display:flex;justify-content:space-between;align-self:center;align-items:center;width:100%;border-top:1px dashed var(--neutral-light)}.rdsite-pagination nav.rdsite-pagination-nav span{margin:0 44px}@media screen and (min-width: 1024px){.rdsite-pagination{flex-direction:row;justify-content:space-between}.rdsite-pagination-pp-options,.rdsite-pagination nav.rdsite-pagination-nav{width:auto;border-top:none}.rdsite-pagination-pp-options>span{margin-right:44px}}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options button[class*=-link],.rdsite-pagination.dark-mode .rdsite-pagination-nav button[class*=-link]{color:var(--neutral-purewhite)}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options button[class*=-link]:disabled,.rdsite-pagination.dark-mode .rdsite-pagination-nav button[class*=-link]:disabled{color:var(--primary-base)}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options span,.rdsite-pagination.dark-mode .rdsite-pagination-nav span{color:var(--neutral-purewhite)}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options span.bar,.rdsite-pagination.dark-mode .rdsite-pagination-nav span.bar{margin:0 20px;color:var(--primary-base)}.rdsite-pagination.dark-mode .rdsite-pagination-nav{border-top:1px dashed var(--primary-base)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
4838
4870
|
}
|
|
4839
4871
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PaginationComponent, decorators: [{
|
|
4840
4872
|
type: Component,
|
|
4841
|
-
args: [{ selector: 'rdsite-pagination', standalone: true, imports: [], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div
|
|
4873
|
+
args: [{ selector: 'rdsite-pagination', standalone: true, imports: [CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div\r\n class=\"rdsite-pagination\"\r\n [ngClass]=\"{ 'rdsite-container': containerClass, 'dark-mode': darkMode }\"\r\n [style]=\"customStyle\"\r\n data-testid=\"_rdsite-rdsite-pagination\"\r\n>\r\n @if (totalPages && totalPages > 1) {\r\n <nav class=\"rdsite-pagination-nav\" aria-label=\"Pagination nav\">\r\n <button (click)=\"prev()\" type=\"button\" title=\"P\u00E1gina anterior\" class=\"button-link\" [attr.disabled]=\"activePage === 1 ? true : null\">\r\n <cura-icon\r\n name=\"arrowLeftCircle\"\r\n size=\"24\"\r\n [attr.color]=\"activePage === 1 ? (darkMode ? 'primary-base' : 'neutral-dark') : darkMode ? 'neutral-purewhite' : 'primary-base'\"\r\n >\r\n </cura-icon>\r\n </button>\r\n\r\n <span>P\u00E1gina {{ activePage }} - {{ totalPages }}</span>\r\n\r\n <button (click)=\"next()\" type=\"button\" title=\"Pr\u00F3xima p\u00E1gina\" class=\"button-link\" [attr.disabled]=\"activePage === totalPages ? true : null\">\r\n <cura-icon\r\n name=\"arrowRightCircle\"\r\n size=\"24\"\r\n [attr.color]=\"activePage === totalPages ? (darkMode ? 'primary-base' : 'neutral-dark') : darkMode ? 'neutral-purewhite' : 'primary-base'\"\r\n >\r\n </cura-icon>\r\n </button>\r\n </nav>\r\n }\r\n\r\n @if (perPageOptions.length) {\r\n <div class=\"rdsite-pagination-pp-options\" data-testid=\"_rdsite-rdsite-pagination-pp-options\">\r\n <span>Resultados por p\u00E1gina</span>\r\n\r\n <div class=\"rdsite-pagination-pp-options-controls\" data-testid=\"_rdsite-rdsite-pagination-pp-options-controls\">\r\n @for (option of perPageOptions; let i = $index; track option) {\r\n <button\r\n type=\"button\"\r\n (click)=\"perPageChange.emit(option)\"\r\n [attr.disabled]=\"option === perPage ? true : null\"\r\n title=\"Exibir {{ option }} resultados por p\u00E1gina.\"\r\n class=\"button-link\"\r\n >\r\n {{ option }}\r\n @if (i < perPageOptions.length - 1) {\r\n <span class=\"bar\">|</span>\r\n }\r\n </button>\r\n }\r\n </div>\r\n </div>\r\n }\r\n</div>\r\n", styles: [":host{width:100%}:host *{font-family:var(--font-family)}.rdsite-pagination{display:flex;flex-direction:column-reverse;justify-content:space-between;align-items:center;border-radius:10px;overflow:hidden}.rdsite-pagination-pp-options,.rdsite-pagination-nav{display:flex;justify-content:space-between;align-self:center;align-items:center;width:100%;padding:16px}.rdsite-pagination-pp-options button[class*=-link],.rdsite-pagination-pp-options span,.rdsite-pagination-nav button[class*=-link],.rdsite-pagination-nav span{font-weight:500;font-size:12px;line-height:13px;height:auto;padding:0;background-color:transparent;letter-spacing:.72px}.rdsite-pagination-pp-options button[class*=-link],.rdsite-pagination-nav button[class*=-link]{color:var(--primary-base);cursor:pointer}.rdsite-pagination-pp-options button[class*=-link]:disabled,.rdsite-pagination-pp-options span,.rdsite-pagination-nav button[class*=-link]:disabled,.rdsite-pagination-nav span{color:var(--neutral-dark);background-color:transparent;pointer-events:none}.rdsite-pagination-pp-options span.bar,.rdsite-pagination-nav span.bar{margin:0 20px;color:var(--neutral-light)}.rdsite-pagination-pp-options>span{display:inline;margin-right:18px}.rdsite-pagination-pp-options-controls{text-wrap:nowrap}.rdsite-pagination nav.rdsite-pagination-nav{display:flex;justify-content:space-between;align-self:center;align-items:center;width:100%;border-top:1px dashed var(--neutral-light)}.rdsite-pagination nav.rdsite-pagination-nav span{margin:0 44px}@media screen and (min-width: 1024px){.rdsite-pagination{flex-direction:row;justify-content:space-between}.rdsite-pagination-pp-options,.rdsite-pagination nav.rdsite-pagination-nav{width:auto;border-top:none}.rdsite-pagination-pp-options>span{margin-right:44px}}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options button[class*=-link],.rdsite-pagination.dark-mode .rdsite-pagination-nav button[class*=-link]{color:var(--neutral-purewhite)}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options button[class*=-link]:disabled,.rdsite-pagination.dark-mode .rdsite-pagination-nav button[class*=-link]:disabled{color:var(--primary-base)}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options span,.rdsite-pagination.dark-mode .rdsite-pagination-nav span{color:var(--neutral-purewhite)}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options span.bar,.rdsite-pagination.dark-mode .rdsite-pagination-nav span.bar{margin:0 20px;color:var(--primary-base)}.rdsite-pagination.dark-mode .rdsite-pagination-nav{border-top:1px dashed var(--primary-base)}\n"] }]
|
|
4842
4874
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { totalPages: [{
|
|
4843
4875
|
type: Input
|
|
4844
4876
|
}], activePage: [{
|
|
@@ -4851,6 +4883,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
4851
4883
|
type: Input
|
|
4852
4884
|
}], containerClass: [{
|
|
4853
4885
|
type: Input
|
|
4886
|
+
}], darkMode: [{
|
|
4887
|
+
type: Input
|
|
4854
4888
|
}], pageChange: [{
|
|
4855
4889
|
type: Output
|
|
4856
4890
|
}], perPageChange: [{
|