npm - @rededor/site-front-end-lib - Versions diffs - 1.3.14 → 1.3.16 - Mend

@rededor/site-front-end-lib 1.3.14 → 1.3.16

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.

Files changed (11) hide show

package/fesm2022/rededor-site-front-end-lib.mjs CHANGED Viewed

@@ -2754,17 +2754,18 @@ class HeaderActionMenuComponent {
         this.libConfig = libConfig;
         this.loginUrl = '';
         this.showSearch = true;
+        this.homeUrl = '';
         this.headerLoginClick = new EventEmitter();
     }
     headerLoginClicked(event) {
         this.headerLoginClick.emit(event);
     }
     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 }); }
-    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" }, 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\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{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{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{stroke:var(--hdr-act-items-color)!important}.sl-hdr-act-login-link:hover{color:var(--hdr-act-items-hover)!important}.sl-hdr-act-login-link:hover svg{stroke:var(--hdr-act-items-hover)!important}.sl-hdr-act-login-link:active{color:var(--hdr-act-items-active)!important}.sl-hdr-act-login-link:active svg{stroke:var(--hdr-act-items-active)!important}.sl-hdr-act-login-link .icon-desktop{display:none}.sl-hdr-act-login-link .icon-mobile{display:inline}.sl-hdr-act-login-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{padding:0 12px}.sl-hdr-act-login-link{padding:8px}.sl-hdr-act-login-link .icon-desktop{display:inline}.sl-hdr-act-login-link .icon-mobile{display:none}.sl-hdr-act-login-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 }); }
+    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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderActionMenuComponent, decorators: [{
             type: Component,
-            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\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{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{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{stroke:var(--hdr-act-items-color)!important}.sl-hdr-act-login-link:hover{color:var(--hdr-act-items-hover)!important}.sl-hdr-act-login-link:hover svg{stroke:var(--hdr-act-items-hover)!important}.sl-hdr-act-login-link:active{color:var(--hdr-act-items-active)!important}.sl-hdr-act-login-link:active svg{stroke:var(--hdr-act-items-active)!important}.sl-hdr-act-login-link .icon-desktop{display:none}.sl-hdr-act-login-link .icon-mobile{display:inline}.sl-hdr-act-login-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{padding:0 12px}.sl-hdr-act-login-link{padding:8px}.sl-hdr-act-login-link .icon-desktop{display:inline}.sl-hdr-act-login-link .icon-mobile{display:none}.sl-hdr-act-login-link span{display:inline}.sl-hdr-act-acts{padding:0 8px}.sl-hdr-act-acts-button span{display:inline}}\n"] }]
+            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"] }]
         }], ctorParameters: () => [{ type: HeaderService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [LIB_CONFIG]
@@ -2772,6 +2773,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Input
             }], showSearch: [{
                 type: Input
+            }], homeUrl: [{
+                type: Input
             }], headerLoginClick: [{
                 type: Output
             }] } });
@@ -2799,6 +2802,7 @@ class HeaderComponent {
         this._project = 'site';
         this._theme = 'default';
         this.loginUrl = '';
+        this.homeUrl = '';
         this.showSearch = true;
         this.logo = { src: '', alt: '', title: '', href: '' };
         this.scrollTop = 0;
@@ -2839,11 +2843,11 @@ class HeaderComponent {
         this.headerService.toggleShowSearch(false);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderComponent, deps: [{ token: CuraService }, { token: HeaderService }, { token: i0.ElementRef }, { token: DOCUMENT }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: HeaderComponent, isStandalone: true, selector: "header[sl-hdr]", inputs: { project: "project", theme: "theme", loginUrl: "loginUrl", showSearch: "showSearch", logo: "logo", searchControl: "searchControl" }, outputs: { searchChange: "searchChange" }, ngImport: i0, template: "<div class=\"sl-hdr-content\" [ngClass]=\"{ 'show-search': headerService.showSearch() }\">\r\n  <div sl-hdr-logo [href]=\"logo.href\" [title]=\"logo.title\" [alt]=\"logo.alt\" [src]=\"logo.src\" (click)=\"overlayClick()\"></div>\r\n\r\n  <nav class=\"sl-hdr-aux\" (click)=\"overlayClick()\">\r\n    <ng-content select=\"div[sl-hdr-aux]\"></ng-content>\r\n  </nav>\r\n\r\n  <div sl-hdr-act [loginUrl]=\"loginUrl\" [showSearch]=\"showSearch\"></div>\r\n\r\n  <nav class=\"sl-hdr-main\">\r\n    <ng-content select=\"ul[sl-hdr-main]\"></ng-content>\r\n  </nav>\r\n\r\n  <ng-content select=\"div[sl-hdr-side]\"></ng-content>\r\n\r\n  @if (searchControl) {\r\n    <rdsite-search\r\n      class=\"sl-hdr-search\"\r\n      [searchControl]=\"searchControl\"\r\n      [label]=\"'O que voc\u00EA procura?'\"\r\n      [debounceTime]=\"1500\"\r\n      [setFocus]=\"true\"\r\n      (enterPress)=\"doSearch($event)\"\r\n    >\r\n    </rdsite-search>\r\n  }\r\n</div>\r\n\r\n<rdsite-overlay\r\n  class=\"search-overlay\"\r\n  [ngClass]=\"{ active: headerService.showSearch(), opacity: headerService.showSearchOpacity() }\"\r\n  (overlayClick)=\"overlayClick()\"\r\n></rdsite-overlay>\r\n", styles: ["header[sl-hdr]{position:sticky;top:0;z-index:9999;display:grid!important;grid-template-areas:\". content .\";grid-template-columns:minmax(0px,1fr) minmax(auto,1366px) minmax(0px,1fr);grid-template-rows:80px;background-color:var(--hdr-bg-color);height:80px}header[sl-hdr] *{font-family:Gotham,Arial,Helvetica,sans-serif!important}header[sl-hdr] svg{stroke:#fff;stroke-width:2.1px;fill:none}header[sl-hdr] .sl-hdr-content{grid-area:content;display:grid!important;grid-template-areas:\"logo . action\" \"logo . action\" \"main main main\";grid-template-columns:144px 1fr auto;grid-template-rows:36px 44px 0px}header[sl-hdr] .sl-hdr-content div[sl-hdr-logo]{grid-area:logo}header[sl-hdr] .sl-hdr-content .sl-hdr-aux{display:none;grid-area:aux;background-color:var(--hdr-aux-bg-color);justify-content:flex-start}header[sl-hdr] .sl-hdr-content div[sl-hdr-act]{grid-area:action;background-color:var(--hdr-act-bg-color)}header[sl-hdr] .sl-hdr-content nav.sl-hdr-main{grid-area:main}header[sl-hdr] .sl-hdr-content .sl-hdr-search{grid-area:search;display:none;position:relative;z-index:-1;background-color:#fff;width:100%;height:100%}header[sl-hdr] .sl-hdr-content.show-search{grid-template-areas:\"logo . action\" \"logo . action\" \"search search search\"}header[sl-hdr] .sl-hdr-content.show-search .sl-hdr-main{display:none}header[sl-hdr] .sl-hdr-content.show-search .sl-hdr-search{height:48px;display:block;z-index:1000}header[sl-hdr] .search-overlay{top:100%;right:0;z-index:-1;width:100vw;height:calc(100vh - 100%);transition:all .3s ease-out;opacity:0;background-color:var(--hdr-over-bg-color);pointer-events:none}header[sl-hdr] .search-overlay.active{z-index:999;opacity:.9;pointer-events:all}header[sl-hdr] .search-overlay.opacity{opacity:1}@media only screen and (min-width: 1024px){header[sl-hdr] .sl-hdr-content{grid-template-areas:\"logo aux action\" \"logo main main\";grid-template-columns:144px 1fr auto}header[sl-hdr] .sl-hdr-content.show-search{grid-template-areas:\"logo aux action\" \"logo search search\"}header[sl-hdr] .sl-hdr-content.show-search .sl-hdr-search{height:auto}header[sl-hdr] .sl-hdr-content .sl-hdr-aux{display:block}header[sl-hdr] .sl-hdr-content .sl-hdr-main{display:block}}@media only screen and (min-width: 1366px){header[sl-hdr]{height:88px}header[sl-hdr] .sl-hdr-content{grid-template-rows:36px 52px;height:88px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: OverlayComponent, selector: "rdsite-overlay", outputs: ["overlayClick"] }, { kind: "component", type: SearchComponent, selector: "rdsite-search", inputs: ["searchControl", "showSearchButtonMobile", "debounceTime", "label", "canClean", "enable", "loading", "setFocus"], outputs: ["controlBlur", "controlFocus", "controlReset", "termChange", "enterPress"] }, { kind: "component", type: HeaderLogoComponent, selector: "div[sl-hdr-logo]", inputs: ["href", "title", "alt", "src"], outputs: ["headerLogoClick"] }, { kind: "component", type: HeaderActionMenuComponent, selector: "div[sl-hdr-act]", inputs: ["loginUrl", "showSearch"], outputs: ["headerLoginClick"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: HeaderComponent, isStandalone: true, selector: "header[sl-hdr]", inputs: { project: "project", theme: "theme", loginUrl: "loginUrl", homeUrl: "homeUrl", showSearch: "showSearch", logo: "logo", searchControl: "searchControl" }, outputs: { searchChange: "searchChange" }, ngImport: i0, template: "<div class=\"sl-hdr-content\" [ngClass]=\"{ 'show-search': headerService.showSearch() }\">\r\n  <div sl-hdr-logo [href]=\"logo.href\" [title]=\"logo.title\" [alt]=\"logo.alt\" [src]=\"logo.src\" (click)=\"overlayClick()\"></div>\r\n\r\n  <nav class=\"sl-hdr-aux\" (click)=\"overlayClick()\">\r\n    <ng-content select=\"div[sl-hdr-aux]\"></ng-content>\r\n  </nav>\r\n\r\n  <div sl-hdr-act [loginUrl]=\"loginUrl\" [showSearch]=\"showSearch\" [homeUrl]=\"homeUrl\"></div>\r\n\r\n  <nav class=\"sl-hdr-main\">\r\n    <ng-content select=\"ul[sl-hdr-main]\"></ng-content>\r\n  </nav>\r\n\r\n  <ng-content select=\"div[sl-hdr-side]\"></ng-content>\r\n\r\n  @if (searchControl) {\r\n    <rdsite-search\r\n      class=\"sl-hdr-search\"\r\n      [searchControl]=\"searchControl\"\r\n      [label]=\"'O que voc\u00EA procura?'\"\r\n      [debounceTime]=\"1500\"\r\n      [setFocus]=\"true\"\r\n      (enterPress)=\"doSearch($event)\"\r\n    >\r\n    </rdsite-search>\r\n  }\r\n</div>\r\n\r\n<rdsite-overlay\r\n  class=\"search-overlay\"\r\n  [ngClass]=\"{ active: headerService.showSearch(), opacity: headerService.showSearchOpacity() }\"\r\n  (overlayClick)=\"overlayClick()\"\r\n></rdsite-overlay>\r\n", styles: ["header[sl-hdr]{position:sticky;top:0;z-index:9999;display:grid!important;grid-template-areas:\". content .\";grid-template-columns:minmax(0px,1fr) minmax(auto,1366px) minmax(0px,1fr);grid-template-rows:80px;background-color:var(--hdr-bg-color);height:80px}header[sl-hdr] *{font-family:Gotham,Arial,Helvetica,sans-serif!important}header[sl-hdr] svg{stroke:#fff;stroke-width:2.1px;fill:none}header[sl-hdr] .sl-hdr-content{grid-area:content;display:grid!important;grid-template-areas:\"logo . action\" \"logo . action\" \"main main main\";grid-template-columns:144px 1fr auto;grid-template-rows:36px 44px 0px}header[sl-hdr] .sl-hdr-content div[sl-hdr-logo]{grid-area:logo}header[sl-hdr] .sl-hdr-content .sl-hdr-aux{display:none;grid-area:aux;background-color:var(--hdr-aux-bg-color);justify-content:flex-start}header[sl-hdr] .sl-hdr-content div[sl-hdr-act]{grid-area:action;background-color:var(--hdr-act-bg-color)}header[sl-hdr] .sl-hdr-content nav.sl-hdr-main{grid-area:main}header[sl-hdr] .sl-hdr-content .sl-hdr-search{grid-area:search;display:none;position:relative;z-index:-1;background-color:#fff;width:100%;height:100%}header[sl-hdr] .sl-hdr-content.show-search{grid-template-areas:\"logo . action\" \"logo . action\" \"search search search\"}header[sl-hdr] .sl-hdr-content.show-search .sl-hdr-main{display:none}header[sl-hdr] .sl-hdr-content.show-search .sl-hdr-search{height:48px;display:block;z-index:1000}header[sl-hdr] .search-overlay{top:100%;right:0;z-index:-1;width:100vw;height:calc(100vh - 100%);transition:all .3s ease-out;opacity:0;background-color:var(--hdr-over-bg-color);pointer-events:none}header[sl-hdr] .search-overlay.active{z-index:999;opacity:.9;pointer-events:all}header[sl-hdr] .search-overlay.opacity{opacity:1}@media only screen and (min-width: 1024px){header[sl-hdr] .sl-hdr-content{grid-template-areas:\"logo aux action\" \"logo main main\";grid-template-columns:144px 1fr auto}header[sl-hdr] .sl-hdr-content.show-search{grid-template-areas:\"logo aux action\" \"logo search search\"}header[sl-hdr] .sl-hdr-content.show-search .sl-hdr-search{height:auto}header[sl-hdr] .sl-hdr-content .sl-hdr-aux{display:block}header[sl-hdr] .sl-hdr-content .sl-hdr-main{display:block}}@media only screen and (min-width: 1366px){header[sl-hdr]{height:88px}header[sl-hdr] .sl-hdr-content{grid-template-rows:36px 52px;height:88px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: OverlayComponent, selector: "rdsite-overlay", outputs: ["overlayClick"] }, { kind: "component", type: SearchComponent, selector: "rdsite-search", inputs: ["searchControl", "showSearchButtonMobile", "debounceTime", "label", "canClean", "enable", "loading", "setFocus"], outputs: ["controlBlur", "controlFocus", "controlReset", "termChange", "enterPress"] }, { kind: "component", type: HeaderLogoComponent, selector: "div[sl-hdr-logo]", inputs: ["href", "title", "alt", "src"], outputs: ["headerLogoClick"] }, { kind: "component", type: HeaderActionMenuComponent, selector: "div[sl-hdr-act]", inputs: ["loginUrl", "showSearch", "homeUrl"], outputs: ["headerLoginClick"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'header[sl-hdr]', standalone: true, imports: [CommonModule, OverlayComponent, SearchComponent, HeaderLogoComponent, HeaderActionMenuComponent], encapsulation: ViewEncapsulation.None, template: "<div class=\"sl-hdr-content\" [ngClass]=\"{ 'show-search': headerService.showSearch() }\">\r\n  <div sl-hdr-logo [href]=\"logo.href\" [title]=\"logo.title\" [alt]=\"logo.alt\" [src]=\"logo.src\" (click)=\"overlayClick()\"></div>\r\n\r\n  <nav class=\"sl-hdr-aux\" (click)=\"overlayClick()\">\r\n    <ng-content select=\"div[sl-hdr-aux]\"></ng-content>\r\n  </nav>\r\n\r\n  <div sl-hdr-act [loginUrl]=\"loginUrl\" [showSearch]=\"showSearch\"></div>\r\n\r\n  <nav class=\"sl-hdr-main\">\r\n    <ng-content select=\"ul[sl-hdr-main]\"></ng-content>\r\n  </nav>\r\n\r\n  <ng-content select=\"div[sl-hdr-side]\"></ng-content>\r\n\r\n  @if (searchControl) {\r\n    <rdsite-search\r\n      class=\"sl-hdr-search\"\r\n      [searchControl]=\"searchControl\"\r\n      [label]=\"'O que voc\u00EA procura?'\"\r\n      [debounceTime]=\"1500\"\r\n      [setFocus]=\"true\"\r\n      (enterPress)=\"doSearch($event)\"\r\n    >\r\n    </rdsite-search>\r\n  }\r\n</div>\r\n\r\n<rdsite-overlay\r\n  class=\"search-overlay\"\r\n  [ngClass]=\"{ active: headerService.showSearch(), opacity: headerService.showSearchOpacity() }\"\r\n  (overlayClick)=\"overlayClick()\"\r\n></rdsite-overlay>\r\n", styles: ["header[sl-hdr]{position:sticky;top:0;z-index:9999;display:grid!important;grid-template-areas:\". content .\";grid-template-columns:minmax(0px,1fr) minmax(auto,1366px) minmax(0px,1fr);grid-template-rows:80px;background-color:var(--hdr-bg-color);height:80px}header[sl-hdr] *{font-family:Gotham,Arial,Helvetica,sans-serif!important}header[sl-hdr] svg{stroke:#fff;stroke-width:2.1px;fill:none}header[sl-hdr] .sl-hdr-content{grid-area:content;display:grid!important;grid-template-areas:\"logo . action\" \"logo . action\" \"main main main\";grid-template-columns:144px 1fr auto;grid-template-rows:36px 44px 0px}header[sl-hdr] .sl-hdr-content div[sl-hdr-logo]{grid-area:logo}header[sl-hdr] .sl-hdr-content .sl-hdr-aux{display:none;grid-area:aux;background-color:var(--hdr-aux-bg-color);justify-content:flex-start}header[sl-hdr] .sl-hdr-content div[sl-hdr-act]{grid-area:action;background-color:var(--hdr-act-bg-color)}header[sl-hdr] .sl-hdr-content nav.sl-hdr-main{grid-area:main}header[sl-hdr] .sl-hdr-content .sl-hdr-search{grid-area:search;display:none;position:relative;z-index:-1;background-color:#fff;width:100%;height:100%}header[sl-hdr] .sl-hdr-content.show-search{grid-template-areas:\"logo . action\" \"logo . action\" \"search search search\"}header[sl-hdr] .sl-hdr-content.show-search .sl-hdr-main{display:none}header[sl-hdr] .sl-hdr-content.show-search .sl-hdr-search{height:48px;display:block;z-index:1000}header[sl-hdr] .search-overlay{top:100%;right:0;z-index:-1;width:100vw;height:calc(100vh - 100%);transition:all .3s ease-out;opacity:0;background-color:var(--hdr-over-bg-color);pointer-events:none}header[sl-hdr] .search-overlay.active{z-index:999;opacity:.9;pointer-events:all}header[sl-hdr] .search-overlay.opacity{opacity:1}@media only screen and (min-width: 1024px){header[sl-hdr] .sl-hdr-content{grid-template-areas:\"logo aux action\" \"logo main main\";grid-template-columns:144px 1fr auto}header[sl-hdr] .sl-hdr-content.show-search{grid-template-areas:\"logo aux action\" \"logo search search\"}header[sl-hdr] .sl-hdr-content.show-search .sl-hdr-search{height:auto}header[sl-hdr] .sl-hdr-content .sl-hdr-aux{display:block}header[sl-hdr] .sl-hdr-content .sl-hdr-main{display:block}}@media only screen and (min-width: 1366px){header[sl-hdr]{height:88px}header[sl-hdr] .sl-hdr-content{grid-template-rows:36px 52px;height:88px}}\n"] }]
+            args: [{ selector: 'header[sl-hdr]', standalone: true, imports: [CommonModule, OverlayComponent, SearchComponent, HeaderLogoComponent, HeaderActionMenuComponent], encapsulation: ViewEncapsulation.None, template: "<div class=\"sl-hdr-content\" [ngClass]=\"{ 'show-search': headerService.showSearch() }\">\r\n  <div sl-hdr-logo [href]=\"logo.href\" [title]=\"logo.title\" [alt]=\"logo.alt\" [src]=\"logo.src\" (click)=\"overlayClick()\"></div>\r\n\r\n  <nav class=\"sl-hdr-aux\" (click)=\"overlayClick()\">\r\n    <ng-content select=\"div[sl-hdr-aux]\"></ng-content>\r\n  </nav>\r\n\r\n  <div sl-hdr-act [loginUrl]=\"loginUrl\" [showSearch]=\"showSearch\" [homeUrl]=\"homeUrl\"></div>\r\n\r\n  <nav class=\"sl-hdr-main\">\r\n    <ng-content select=\"ul[sl-hdr-main]\"></ng-content>\r\n  </nav>\r\n\r\n  <ng-content select=\"div[sl-hdr-side]\"></ng-content>\r\n\r\n  @if (searchControl) {\r\n    <rdsite-search\r\n      class=\"sl-hdr-search\"\r\n      [searchControl]=\"searchControl\"\r\n      [label]=\"'O que voc\u00EA procura?'\"\r\n      [debounceTime]=\"1500\"\r\n      [setFocus]=\"true\"\r\n      (enterPress)=\"doSearch($event)\"\r\n    >\r\n    </rdsite-search>\r\n  }\r\n</div>\r\n\r\n<rdsite-overlay\r\n  class=\"search-overlay\"\r\n  [ngClass]=\"{ active: headerService.showSearch(), opacity: headerService.showSearchOpacity() }\"\r\n  (overlayClick)=\"overlayClick()\"\r\n></rdsite-overlay>\r\n", styles: ["header[sl-hdr]{position:sticky;top:0;z-index:9999;display:grid!important;grid-template-areas:\". content .\";grid-template-columns:minmax(0px,1fr) minmax(auto,1366px) minmax(0px,1fr);grid-template-rows:80px;background-color:var(--hdr-bg-color);height:80px}header[sl-hdr] *{font-family:Gotham,Arial,Helvetica,sans-serif!important}header[sl-hdr] svg{stroke:#fff;stroke-width:2.1px;fill:none}header[sl-hdr] .sl-hdr-content{grid-area:content;display:grid!important;grid-template-areas:\"logo . action\" \"logo . action\" \"main main main\";grid-template-columns:144px 1fr auto;grid-template-rows:36px 44px 0px}header[sl-hdr] .sl-hdr-content div[sl-hdr-logo]{grid-area:logo}header[sl-hdr] .sl-hdr-content .sl-hdr-aux{display:none;grid-area:aux;background-color:var(--hdr-aux-bg-color);justify-content:flex-start}header[sl-hdr] .sl-hdr-content div[sl-hdr-act]{grid-area:action;background-color:var(--hdr-act-bg-color)}header[sl-hdr] .sl-hdr-content nav.sl-hdr-main{grid-area:main}header[sl-hdr] .sl-hdr-content .sl-hdr-search{grid-area:search;display:none;position:relative;z-index:-1;background-color:#fff;width:100%;height:100%}header[sl-hdr] .sl-hdr-content.show-search{grid-template-areas:\"logo . action\" \"logo . action\" \"search search search\"}header[sl-hdr] .sl-hdr-content.show-search .sl-hdr-main{display:none}header[sl-hdr] .sl-hdr-content.show-search .sl-hdr-search{height:48px;display:block;z-index:1000}header[sl-hdr] .search-overlay{top:100%;right:0;z-index:-1;width:100vw;height:calc(100vh - 100%);transition:all .3s ease-out;opacity:0;background-color:var(--hdr-over-bg-color);pointer-events:none}header[sl-hdr] .search-overlay.active{z-index:999;opacity:.9;pointer-events:all}header[sl-hdr] .search-overlay.opacity{opacity:1}@media only screen and (min-width: 1024px){header[sl-hdr] .sl-hdr-content{grid-template-areas:\"logo aux action\" \"logo main main\";grid-template-columns:144px 1fr auto}header[sl-hdr] .sl-hdr-content.show-search{grid-template-areas:\"logo aux action\" \"logo search search\"}header[sl-hdr] .sl-hdr-content.show-search .sl-hdr-search{height:auto}header[sl-hdr] .sl-hdr-content .sl-hdr-aux{display:block}header[sl-hdr] .sl-hdr-content .sl-hdr-main{display:block}}@media only screen and (min-width: 1366px){header[sl-hdr]{height:88px}header[sl-hdr] .sl-hdr-content{grid-template-rows:36px 52px;height:88px}}\n"] }]
         }], ctorParameters: () => [{ type: CuraService }, { type: HeaderService }, { type: i0.ElementRef }, { type: Document, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]
@@ -2856,6 +2860,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Input
             }], loginUrl: [{
                 type: Input
+            }], homeUrl: [{
+                type: Input
             }], showSearch: [{
                 type: Input
             }], logo: [{
@@ -3597,41 +3603,62 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
 class BreadcrumbsComponent {
     set breadcrumbs(value) {
         this._breadcrumbs = value || [];
-        if (value.length) {
+        if (value?.length) {
             this.setBreadcrumbsJson(value);
         }
     }
     get breadcrumbs() {
         return this._breadcrumbs;
     }
-    onWindowResize() {
-        this.setIsDesktop();
-    }
-    constructor(curaService, libConfig, document, platformId) {
+    constructor(curaService, cdr, libConfig, document, platformId) {
         this.curaService = curaService;
+        this.cdr = cdr;
         this.libConfig = libConfig;
         this.document = document;
         this.platformId = platformId;
         this.labelIconColor = 'neutral-purewhite';
+        this.isDesktop = null;
         this._breadcrumbs = [];
         this.breadcrumbsJsonTagId = 'breadcrumbsJSON';
     }
     ngAfterViewInit() {
         this.getColors(this.labelIconColor);
-        this.setIsDesktop();
+        this.initViewportDetection();
     }
-    setIsDesktop() {
-        if (isPlatformBrowser(this.platformId)) {
-            this.isDesktop = window.innerWidth > MediaQueries.smallBreakpoint;
+    ngOnDestroy() {
+        this.resizeObserver?.disconnect();
+    }
+    initViewportDetection() {
+        if (!isPlatformBrowser(this.platformId)) {
+            this.isDesktop = true;
+            return;
+        }
+        this.checkViewportSize();
+        this.setupResizeObserver();
+    }
+    setupResizeObserver() {
+        this.resizeObserver = new ResizeObserver(() => {
+            this.checkViewportSize();
+        });
+        this.resizeObserver.observe(document.body);
+    }
+    checkViewportSize() {
+        if (!isPlatformBrowser(this.platformId))
+            return;
+        const newValue = window.innerWidth > MediaQueries.smallBreakpoint;
+        if (this.isDesktop !== newValue) {
+            this.isDesktop = newValue;
+            this.cdr.detectChanges();
         }
     }
     getColors(color) {
-        if (isPlatformBrowser(this.platformId)) {
-            this.breadCrumbsElement.nativeElement.style.setProperty('--font-family', this.curaService.getFontFamily(''));
-            this.breadCrumbsElement.nativeElement.style.setProperty('--label-icon-color', this.curaService.getColor(color));
-            this.breadCrumbsElement.nativeElement.style.setProperty('--divider-color', this.curaService.getColor('neutral-light'));
+        if (isPlatformBrowser(this.platformId) && this.breadCrumbsElement?.nativeElement) {
+            const element = this.breadCrumbsElement.nativeElement;
+            element.style.setProperty('--font-family', this.curaService.getFontFamily(''));
+            element.style.setProperty('--label-icon-color', this.curaService.getColor(color));
+            element.style.setProperty('--divider-color', this.curaService.getColor('neutral-light'));
             const disabledColor = color?.includes('neutral') ? 'primary-lighter' : 'neutral-dark';
-            this.breadCrumbsElement.nativeElement.style.setProperty('--disabled-color', this.curaService.getColor(disabledColor));
+            element.style.setProperty('--disabled-color', this.curaService.getColor(disabledColor));
         }
     }
     getUrl(urls = []) {
@@ -3645,47 +3672,35 @@ class BreadcrumbsComponent {
             itemListElement: this.getJsonBreadcrumbItems(items),
         };
         this.breadcrumbsJsonTag.innerHTML = JSON.stringify(json);
-        return this;
     }
     getBreadcrumbsJSONTag() {
-        const elements = this.document.head.children;
-        let i;
-        for (i = 0; i < elements.length; i++) {
-            const elem = elements[i];
-            if (elem && elem.id === this.breadcrumbsJsonTagId) {
-                return elem;
-            }
-        }
-        return this.createBreadcrumbsJSONTag();
+        const existingTag = this.document.getElementById(this.breadcrumbsJsonTagId);
+        return existingTag || this.createBreadcrumbsJSONTag();
     }
     createBreadcrumbsJSONTag() {
         const tag = this.document.createElement('script');
         tag.id = this.breadcrumbsJsonTagId;
         tag.type = 'application/ld+json';
         this.document.head.appendChild(tag);
-        this.breadcrumbsJsonTag = tag;
         return tag;
     }
     getJsonBreadcrumbItems(items) {
-        return items.map((item, i) => {
-            const jsonItem = {
-                '@type': 'ListItem',
-                position: i + 1,
-                item: {
-                    '@id': `${this.libConfig.siteUrl.replace(/\/$/, '')}${this.getUrl(item.url)}`,
-                    name: he.encode(item.label),
-                },
-            };
-            return jsonItem;
-        });
+        return items.map((item, i) => ({
+            '@type': 'ListItem',
+            position: i + 1,
+            item: {
+                '@id': `${this.libConfig.siteUrl.replace(/\/$/, '')}${this.getUrl(item.url)}`,
+                name: he.encode(item.label),
+            },
+        }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BreadcrumbsComponent, deps: [{ token: CuraService }, { token: LIB_CONFIG }, { token: DOCUMENT }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
-    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" }, host: { listeners: { "window:resize": "onWindowResize()" } }, 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 || breadcrumbs.length < 3) {\r\n        <ng-container *ngTemplateOutlet=\"Desktop\"></ng-container>\r\n      } @else {\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"] }] }); }
+    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 }); }
+    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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BreadcrumbsComponent, decorators: [{
             type: Component,
-            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 || breadcrumbs.length < 3) {\r\n        <ng-container *ngTemplateOutlet=\"Desktop\"></ng-container>\r\n      } @else {\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"] }]
-        }], ctorParameters: () => [{ type: CuraService }, { type: undefined, decorators: [{
+            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"] }]
+        }], ctorParameters: () => [{ type: CuraService }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [LIB_CONFIG]
                 }] }, { type: Document, decorators: [{
@@ -3701,9 +3716,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
             }], breadCrumbsElement: [{
                 type: ViewChild,
                 args: ['breadCrumbsElement']
-            }], onWindowResize: [{
-                type: HostListener,
-                args: ['window:resize']
             }] } });
 var Estados;
@@ -4200,11 +4212,11 @@ class FilterGenericComponent {
         return Object.values(filterData).every((val) => val === null || val === '' || (Array.isArray(val) && val.length === 0));
     }
     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 }); }
-    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:16px;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 }] }); }
+    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 }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterGenericComponent, decorators: [{
             type: Component,
-            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:16px;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"] }]
+            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"] }]
         }], ctorParameters: () => [{ type: CuraService }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [PLATFORM_ID]
@@ -4335,11 +4347,11 @@ class FilterPlanosConveniosComponent {
         this.coberturaControl.reset(this.coberturas);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterPlanosConveniosComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
-    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 }] }); }
+    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 }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterPlanosConveniosComponent, decorators: [{
             type: Component,
-            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"] }]
+            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"] }]
         }], ctorParameters: () => [{ type: CuraService }], propDecorators: { filterChange: [{
                 type: Output
             }], closeModal: [{