@rededor/site-front-end-lib 1.3.17 → 1.3.19

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

@@ -3175,11 +3175,11 @@ class HeaderSideMenuItemComponent {
         this.headerSideMenuItemClick.emit(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderSideMenuItemComponent, deps: [{ token: HeaderService }, { token: LIB_CONFIG }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: HeaderSideMenuItemComponent, isStandalone: true, selector: "li[sl-hdr-side-item]", inputs: { item: "item", altStyle: "altStyle", fontSize: "fontSize" }, outputs: { headerSideMenuItemClick: "headerSideMenuItemClick" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "@if (item) {\r\n  <div class=\"sl-hdr-side-item\" [ngClass]=\"{ active: item.active, alt: altStyle }\" (click)=\"toggleList($event, item, false)\">\r\n    <a [href]=\"item.url\" rdsitelink (click)=\"toggleList($event, item, !item.children?.length || !!item.url); headerSideMenuItemClicked($event)\">\r\n      <span>{{ item.title }}</span>\r\n      @if (!item.children?.length) {\r\n        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n          <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#right'\"></use>\r\n        </svg>\r\n      }\r\n    </a>\r\n\r\n    @if (item.children?.length) {\r\n      <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n        <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#' + (item.active ? 'up' : 'down')\"></use>\r\n      </svg>\r\n    }\r\n  </div>\r\n\r\n  @if (item.children?.length) {\r\n    <ul class=\"sl-hdr-side-item-list\" [ngClass]=\"{ active: item.active }\">\r\n      @for (child of item.children; track item.title) {\r\n        <li sl-hdr-side-item [item]=\"child\" [fontSize]=\"fontSize\" [altStyle]=\"altStyle\" (headerSideMenuItemClick)=\"headerSideMenuItemClicked($event)\"></li>\r\n      }\r\n    </ul>\r\n  }\r\n}\r\n", styles: [".sl-hdr-side-item{display:flex;align-items:center;justify-content:space-between;padding:4px 0;min-height:44px;background-color:transparent;width:100%;cursor:pointer;border-bottom:solid 1px var(--hdr-side-border-bottom, rgb(0, 61, 165))}.sl-hdr-side-item svg{stroke:var(--hdr-side-color);flex-shrink:0}.sl-hdr-side-item.active{border-bottom:none}.sl-hdr-side-item.active a{text-decoration:none}.sl-hdr-side-item.active a span{color:var(--hdr-side-open-color, rgb(68, 142, 205))}.sl-hdr-side-item.active svg{stroke:var(--hdr-side-open-color)}.sl-hdr-side-item a{text-align:left;display:flex;justify-content:center;align-items:center;gap:8px;text-decoration:none}.sl-hdr-side-item a span{font-size:var(--side-menu-item-font-size, 16px);font-weight:300;color:var(--hdr-side-color)}.sl-hdr-side-item a svg{stroke:var(--hdr-side-alt-color)}.sl-hdr-side-item:hover a span{color:var(--hdr-side-hover)}.sl-hdr-side-item:hover svg{stroke:var(--hdr-side-hover)!important}.sl-hdr-side-item:active a span{color:var(--hdr-side-active)}.sl-hdr-side-item:active svg{stroke:var(--hdr-side-active)!important}.sl-hdr-side-item.alt a span{color:var(--hdr-side-alt-color)}.sl-hdr-side-item.alt svg{stroke:var(--hdr-side-alt-color)}.sl-hdr-side-item.alt:hover a span{color:var(--hdr-side-alt-hover)}.sl-hdr-side-item.alt:hover svg{stroke:var(--hdr-side-alt-hover)!important}.sl-hdr-side-item.alt:active a span{color:var(--hdr-side-alt-active)}.sl-hdr-side-item.alt:active svg{stroke:var(--hdr-side-alt-active)!important}.sl-hdr-side-item-list{padding:0 0 0 24px;display:none}.sl-hdr-side-item-list.active{display:block}\n"], dependencies: [{ kind: "component", type: HeaderSideMenuItemComponent, selector: "li[sl-hdr-side-item]", inputs: ["item", "altStyle", "fontSize"], outputs: ["headerSideMenuItemClick"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: HeaderSideMenuItemComponent, isStandalone: true, selector: "li[sl-hdr-side-item]", inputs: { item: "item", altStyle: "altStyle", fontSize: "fontSize" }, outputs: { headerSideMenuItemClick: "headerSideMenuItemClick" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "@if (item) {\r\n  <div class=\"sl-hdr-side-item\" [ngClass]=\"{ active: item.active, alt: altStyle }\" (click)=\"toggleList($event, item, false)\">\r\n    <a [href]=\"item.url\" rdsitelink (click)=\"toggleList($event, item, !item.children?.length || !!item.url); headerSideMenuItemClicked($event)\">\r\n      <span>{{ item.title }}</span>\r\n      @if (!item.children?.length) {\r\n        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n          <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#right'\"></use>\r\n        </svg>\r\n      }\r\n    </a>\r\n\r\n    @if (item.children?.length) {\r\n      <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n        <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#' + (item.active ? 'up' : 'down')\"></use>\r\n      </svg>\r\n    }\r\n  </div>\r\n\r\n  @if (item.children?.length) {\r\n    <ul class=\"sl-hdr-side-item-list\" [ngClass]=\"{ active: item.active }\">\r\n      @for (child of item.children; track child.title) {\r\n        <li sl-hdr-side-item [item]=\"child\" [fontSize]=\"fontSize\" [altStyle]=\"altStyle\" (headerSideMenuItemClick)=\"headerSideMenuItemClicked($event)\"></li>\r\n      }\r\n    </ul>\r\n  }\r\n}\r\n", styles: [".sl-hdr-side-item{display:flex;align-items:center;justify-content:space-between;padding:4px 0;min-height:44px;background-color:transparent;width:100%;cursor:pointer;border-bottom:solid 1px var(--hdr-side-border-bottom, rgb(0, 61, 165))}.sl-hdr-side-item svg{stroke:var(--hdr-side-color);flex-shrink:0}.sl-hdr-side-item.active{border-bottom:none}.sl-hdr-side-item.active a{text-decoration:none}.sl-hdr-side-item.active a span{color:var(--hdr-side-open-color, rgb(68, 142, 205))}.sl-hdr-side-item.active svg{stroke:var(--hdr-side-open-color)}.sl-hdr-side-item a{text-align:left;display:flex;justify-content:center;align-items:center;gap:8px;text-decoration:none}.sl-hdr-side-item a span{font-size:var(--side-menu-item-font-size, 16px);font-weight:300;color:var(--hdr-side-color)}.sl-hdr-side-item a svg{stroke:var(--hdr-side-alt-color)}.sl-hdr-side-item:hover a span{color:var(--hdr-side-hover)}.sl-hdr-side-item:hover svg{stroke:var(--hdr-side-hover)!important}.sl-hdr-side-item:active a span{color:var(--hdr-side-active)}.sl-hdr-side-item:active svg{stroke:var(--hdr-side-active)!important}.sl-hdr-side-item.alt a span{color:var(--hdr-side-alt-color)}.sl-hdr-side-item.alt svg{stroke:var(--hdr-side-alt-color)}.sl-hdr-side-item.alt:hover a span{color:var(--hdr-side-alt-hover)}.sl-hdr-side-item.alt:hover svg{stroke:var(--hdr-side-alt-hover)!important}.sl-hdr-side-item.alt:active a span{color:var(--hdr-side-alt-active)}.sl-hdr-side-item.alt:active svg{stroke:var(--hdr-side-alt-active)!important}.sl-hdr-side-item-list{padding:0 0 0 24px;display:none}.sl-hdr-side-item-list.active{display:block}\n"], dependencies: [{ kind: "component", type: HeaderSideMenuItemComponent, selector: "li[sl-hdr-side-item]", inputs: ["item", "altStyle", "fontSize"], outputs: ["headerSideMenuItemClick"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderSideMenuItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'li[sl-hdr-side-item]', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], encapsulation: ViewEncapsulation.None, template: "@if (item) {\r\n  <div class=\"sl-hdr-side-item\" [ngClass]=\"{ active: item.active, alt: altStyle }\" (click)=\"toggleList($event, item, false)\">\r\n    <a [href]=\"item.url\" rdsitelink (click)=\"toggleList($event, item, !item.children?.length || !!item.url); headerSideMenuItemClicked($event)\">\r\n      <span>{{ item.title }}</span>\r\n      @if (!item.children?.length) {\r\n        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n          <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#right'\"></use>\r\n        </svg>\r\n      }\r\n    </a>\r\n\r\n    @if (item.children?.length) {\r\n      <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n        <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#' + (item.active ? 'up' : 'down')\"></use>\r\n      </svg>\r\n    }\r\n  </div>\r\n\r\n  @if (item.children?.length) {\r\n    <ul class=\"sl-hdr-side-item-list\" [ngClass]=\"{ active: item.active }\">\r\n      @for (child of item.children; track item.title) {\r\n        <li sl-hdr-side-item [item]=\"child\" [fontSize]=\"fontSize\" [altStyle]=\"altStyle\" (headerSideMenuItemClick)=\"headerSideMenuItemClicked($event)\"></li>\r\n      }\r\n    </ul>\r\n  }\r\n}\r\n", styles: [".sl-hdr-side-item{display:flex;align-items:center;justify-content:space-between;padding:4px 0;min-height:44px;background-color:transparent;width:100%;cursor:pointer;border-bottom:solid 1px var(--hdr-side-border-bottom, rgb(0, 61, 165))}.sl-hdr-side-item svg{stroke:var(--hdr-side-color);flex-shrink:0}.sl-hdr-side-item.active{border-bottom:none}.sl-hdr-side-item.active a{text-decoration:none}.sl-hdr-side-item.active a span{color:var(--hdr-side-open-color, rgb(68, 142, 205))}.sl-hdr-side-item.active svg{stroke:var(--hdr-side-open-color)}.sl-hdr-side-item a{text-align:left;display:flex;justify-content:center;align-items:center;gap:8px;text-decoration:none}.sl-hdr-side-item a span{font-size:var(--side-menu-item-font-size, 16px);font-weight:300;color:var(--hdr-side-color)}.sl-hdr-side-item a svg{stroke:var(--hdr-side-alt-color)}.sl-hdr-side-item:hover a span{color:var(--hdr-side-hover)}.sl-hdr-side-item:hover svg{stroke:var(--hdr-side-hover)!important}.sl-hdr-side-item:active a span{color:var(--hdr-side-active)}.sl-hdr-side-item:active svg{stroke:var(--hdr-side-active)!important}.sl-hdr-side-item.alt a span{color:var(--hdr-side-alt-color)}.sl-hdr-side-item.alt svg{stroke:var(--hdr-side-alt-color)}.sl-hdr-side-item.alt:hover a span{color:var(--hdr-side-alt-hover)}.sl-hdr-side-item.alt:hover svg{stroke:var(--hdr-side-alt-hover)!important}.sl-hdr-side-item.alt:active a span{color:var(--hdr-side-alt-active)}.sl-hdr-side-item.alt:active svg{stroke:var(--hdr-side-alt-active)!important}.sl-hdr-side-item-list{padding:0 0 0 24px;display:none}.sl-hdr-side-item-list.active{display:block}\n"] }]
+            args: [{ selector: 'li[sl-hdr-side-item]', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], encapsulation: ViewEncapsulation.None, template: "@if (item) {\r\n  <div class=\"sl-hdr-side-item\" [ngClass]=\"{ active: item.active, alt: altStyle }\" (click)=\"toggleList($event, item, false)\">\r\n    <a [href]=\"item.url\" rdsitelink (click)=\"toggleList($event, item, !item.children?.length || !!item.url); headerSideMenuItemClicked($event)\">\r\n      <span>{{ item.title }}</span>\r\n      @if (!item.children?.length) {\r\n        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n          <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#right'\"></use>\r\n        </svg>\r\n      }\r\n    </a>\r\n\r\n    @if (item.children?.length) {\r\n      <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n        <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#' + (item.active ? 'up' : 'down')\"></use>\r\n      </svg>\r\n    }\r\n  </div>\r\n\r\n  @if (item.children?.length) {\r\n    <ul class=\"sl-hdr-side-item-list\" [ngClass]=\"{ active: item.active }\">\r\n      @for (child of item.children; track child.title) {\r\n        <li sl-hdr-side-item [item]=\"child\" [fontSize]=\"fontSize\" [altStyle]=\"altStyle\" (headerSideMenuItemClick)=\"headerSideMenuItemClicked($event)\"></li>\r\n      }\r\n    </ul>\r\n  }\r\n}\r\n", styles: [".sl-hdr-side-item{display:flex;align-items:center;justify-content:space-between;padding:4px 0;min-height:44px;background-color:transparent;width:100%;cursor:pointer;border-bottom:solid 1px var(--hdr-side-border-bottom, rgb(0, 61, 165))}.sl-hdr-side-item svg{stroke:var(--hdr-side-color);flex-shrink:0}.sl-hdr-side-item.active{border-bottom:none}.sl-hdr-side-item.active a{text-decoration:none}.sl-hdr-side-item.active a span{color:var(--hdr-side-open-color, rgb(68, 142, 205))}.sl-hdr-side-item.active svg{stroke:var(--hdr-side-open-color)}.sl-hdr-side-item a{text-align:left;display:flex;justify-content:center;align-items:center;gap:8px;text-decoration:none}.sl-hdr-side-item a span{font-size:var(--side-menu-item-font-size, 16px);font-weight:300;color:var(--hdr-side-color)}.sl-hdr-side-item a svg{stroke:var(--hdr-side-alt-color)}.sl-hdr-side-item:hover a span{color:var(--hdr-side-hover)}.sl-hdr-side-item:hover svg{stroke:var(--hdr-side-hover)!important}.sl-hdr-side-item:active a span{color:var(--hdr-side-active)}.sl-hdr-side-item:active svg{stroke:var(--hdr-side-active)!important}.sl-hdr-side-item.alt a span{color:var(--hdr-side-alt-color)}.sl-hdr-side-item.alt svg{stroke:var(--hdr-side-alt-color)}.sl-hdr-side-item.alt:hover a span{color:var(--hdr-side-alt-hover)}.sl-hdr-side-item.alt:hover svg{stroke:var(--hdr-side-alt-hover)!important}.sl-hdr-side-item.alt:active a span{color:var(--hdr-side-alt-active)}.sl-hdr-side-item.alt:active svg{stroke:var(--hdr-side-alt-active)!important}.sl-hdr-side-item-list{padding:0 0 0 24px;display:none}.sl-hdr-side-item-list.active{display:block}\n"] }]
         }], ctorParameters: () => [{ type: HeaderService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [LIB_CONFIG]
@@ -3572,11 +3572,11 @@ class CtaWrapperComponent {
         this.seeMoreControl = !this.seeMoreControl;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CtaWrapperComponent, deps: [{ token: CuraService }, { token: NguCarouselService }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CtaWrapperComponent, isStandalone: true, selector: "rdsite-cta-wrapper", inputs: { content: "content", showTitleAndText: "showTitleAndText", colors: "colors" }, host: { listeners: { "window:resize": "onWindowResize()" }, properties: { "style": "this.style", "class": "this.class" } }, viewQueries: [{ propertyName: "nguCarouselCtas", first: true, predicate: ["nguCarouselCtas"], descendants: true }], ngImport: i0, template: "@if (content?.ctas?.length) {\r\n  @if (content?.title && showTitleAndText) {\r\n    <h3 class=\"ctas-title\">{{ content?.title }}</h3>\r\n  }\r\n\r\n  @if (content?.text && showTitleAndText) {\r\n    <p class=\"ctas-text\" [innerHTML]=\"content?.text\"></p>\r\n  }\r\n\r\n  @if (!seeMoreControl) {\r\n    <nav class=\"ctas-wrapper\" data-testid=\"_rdsite-ctas-wrapper\">\r\n      @if (!bannerControl) {\r\n        <ngu-carousel #nguCarouselCtas [inputs]=\"carouselCtasConfig\" [dataSource]=\"content?.ctas\">\r\n          <ngu-item *nguCarouselDef=\"let cta; let i = index\">\r\n            <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\r\n              @if (cta?.icon) {\r\n                <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [attr.color]=\"colors.icon\"></cura-icon>\r\n              }\r\n              <p>{{ cta?.label }}</p>\r\n            </a>\r\n          </ngu-item>\r\n        </ngu-carousel>\r\n\r\n        <div class=\"show-more\" data-testid=\"_rdsite-ctas-wrapper-show-more\">\r\n          <button type=\"button\" (click)=\"moreOptions()\">Mais op\u00E7\u00F5es</button>\r\n        </div>\r\n      } @else {\r\n        @for (cta of content?.ctas; track $index) {\r\n          @if (cta?.label) {\r\n            <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\r\n              @if (cta?.icon) {\r\n                <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [attr.color]=\"colors.icon\"></cura-icon>\r\n              }\r\n              <p>{{ cta?.label }}</p>\r\n            </a>\r\n          }\r\n        }\r\n      }\r\n    </nav>\r\n  } @else {\r\n    <nav class=\"more-options\" data-testid=\"_rdsite-ctas-wrapper-more-options\">\r\n      @for (cta of content?.ctas; track $index) {\r\n        @if (cta?.label) {\r\n          <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\r\n            @if (cta?.icon) {\r\n              <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [attr.color]=\"colors.icon\"></cura-icon>\r\n            }\r\n            <p>{{ cta?.label }}</p>\r\n          </a>\r\n        }\r\n      }\r\n    </nav>\r\n  }\r\n}\r\n", styles: [":host{display:block}:host .ctas-title,:host .ctas-text{font-family:var(--font-family);padding:0;margin:0}:host .ctas-title:not(:last-child),:host .ctas-text:not(:last-child){padding-bottom:0}:host .ctas-title{color:var(--icon-color);font-size:29px;font-weight:500;line-height:38px;letter-spacing:-.58px;padding:0 24px;margin-bottom:24px}@media only screen and (min-width: 1024px){:host .ctas-title{font-size:33px;line-height:43px;letter-spacing:-.66px;padding:0}}:host .ctas-text{color:var(--icon-color);font-size:17px;font-weight:400;line-height:25px;padding:0 24px}@media only screen and (min-width: 1024px){:host .ctas-text{font-size:19px;line-height:28px;padding:0}}:host .ctas-wrapper{display:flex;flex-wrap:wrap;gap:16px;margin-top:60px}:host .ctas-wrapper ngu-carousel{max-width:100vw;margin-left:-6%}:host .ctas-wrapper ngu-carousel::ng-deep .ngucarousel{padding-left:6%}:host .ctas-wrapper ngu-item a{margin-right:16px}:host .ctas-wrapper .show-more{display:flex;justify-content:flex-end;width:100%;height:auto}:host .ctas-wrapper .show-more button{font-family:var(--font-family);color:var(--icon-color);background-color:transparent;font-size:16px;font-weight:500;line-height:145%;letter-spacing:.32px;text-decoration-line:underline;text-align:center}:host .more-options{display:flex;flex-wrap:wrap;gap:16px;margin-top:60px}:host .cta{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-width:150px;height:100%;min-height:150px;padding:24px 16px;border-radius:4px;border:1px solid var(--border-color);text-decoration:none}:host .cta p{font-family:var(--font-family);color:var(--icon-color);font-size:16px;font-weight:700;line-height:145%;letter-spacing:.32px;padding:0;margin:0;text-align:center}\n"], dependencies: [{ kind: "component", type: NguCarousel, selector: "ngu-carousel", inputs: ["inputs", "dataSource", "trackBy"], outputs: ["carouselLoad", "onMove"] }, { kind: "component", type: NguItemComponent, selector: "ngu-item" }, { kind: "directive", type: NguCarouselDefDirective, selector: "[nguCarouselDef]" }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CtaWrapperComponent, isStandalone: true, selector: "rdsite-cta-wrapper", inputs: { content: "content", showTitleAndText: "showTitleAndText", colors: "colors" }, host: { listeners: { "window:resize": "onWindowResize()" }, properties: { "style": "this.style", "class": "this.class" } }, viewQueries: [{ propertyName: "nguCarouselCtas", first: true, predicate: ["nguCarouselCtas"], descendants: true }], ngImport: i0, template: "@if (content?.ctas?.length) {\r\n  @if (content?.title && showTitleAndText) {\r\n    <h3 class=\"ctas-title\">{{ content?.title }}</h3>\r\n  }\r\n\r\n  @if (content?.text && showTitleAndText) {\r\n    <p class=\"ctas-text\" [innerHTML]=\"content?.text\"></p>\r\n  }\r\n\r\n  @if (!seeMoreControl) {\r\n    <nav class=\"ctas-wrapper\" data-testid=\"_rdsite-ctas-wrapper\">\r\n      @if (!bannerControl) {\r\n        <ngu-carousel #nguCarouselCtas [inputs]=\"carouselCtasConfig\" [dataSource]=\"content?.ctas\">\r\n          <ngu-item *nguCarouselDef=\"let cta; let i = index\">\r\n            <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\r\n              @if (cta?.icon) {\r\n                <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [attr.color]=\"colors.icon\"></cura-icon>\r\n              }\r\n              <p>{{ cta?.label }}</p>\r\n            </a>\r\n          </ngu-item>\r\n        </ngu-carousel>\r\n\r\n        <div class=\"show-more\" data-testid=\"_rdsite-ctas-wrapper-show-more\">\r\n          <button type=\"button\" (click)=\"moreOptions()\">Mais op\u00E7\u00F5es</button>\r\n        </div>\r\n      } @else {\r\n        @for (cta of content?.ctas; track $index) {\r\n          @if (cta?.label) {\r\n            <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\r\n              @if (cta?.icon) {\r\n                <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [attr.color]=\"colors.icon\"></cura-icon>\r\n              }\r\n              <p>{{ cta?.label }}</p>\r\n            </a>\r\n          }\r\n        }\r\n      }\r\n    </nav>\r\n  } @else {\r\n    <nav class=\"more-options\" data-testid=\"_rdsite-ctas-wrapper-more-options\">\r\n      @for (cta of content?.ctas; track $index) {\r\n        @if (cta?.label) {\r\n          <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\r\n            @if (cta?.icon) {\r\n              <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [attr.color]=\"colors.icon\"></cura-icon>\r\n            }\r\n            <p>{{ cta?.label }}</p>\r\n          </a>\r\n        }\r\n      }\r\n    </nav>\r\n  }\r\n}\r\n", styles: [":host{display:block}:host .ctas-title,:host .ctas-text{font-family:var(--font-family);padding:0;margin:0}:host .ctas-title:not(:last-child),:host .ctas-text:not(:last-child){padding-bottom:0}:host .ctas-title{color:var(--icon-color);font-size:29px;font-weight:500;line-height:38px;letter-spacing:-.58px;padding:0 24px;margin-bottom:24px}@media only screen and (min-width: 1024px){:host .ctas-title{font-size:33px;line-height:43px;letter-spacing:-.66px;padding:0}}:host .ctas-text{color:var(--icon-color);font-size:17px;font-weight:400;line-height:25px;padding:0 24px}@media only screen and (min-width: 1024px){:host .ctas-text{font-size:19px;line-height:28px;padding:0}}:host .ctas-wrapper{display:flex;flex-wrap:wrap;gap:16px;margin-top:50px}:host .ctas-wrapper ngu-carousel{max-width:100vw;margin-left:-6%}:host .ctas-wrapper ngu-carousel::ng-deep .ngucarousel{padding-left:6%}:host .ctas-wrapper ngu-item a{margin-right:16px}:host .ctas-wrapper .show-more{display:flex;justify-content:flex-end;width:100%;height:auto}:host .ctas-wrapper .show-more button{font-family:var(--font-family);color:var(--icon-color);background-color:transparent;font-size:16px;font-weight:500;line-height:145%;letter-spacing:.32px;text-decoration-line:underline;text-align:center}:host .more-options{display:flex;flex-wrap:wrap;gap:16px;margin-top:60px}:host .cta{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-width:150px;height:100%;min-height:150px;padding:24px 16px;border-radius:4px;border:1px solid var(--border-color);text-decoration:none}:host .cta p{font-family:var(--font-family);color:var(--icon-color);font-size:16px;font-weight:700;line-height:145%;letter-spacing:.32px;padding:0;margin:0;text-align:center}\n"], dependencies: [{ kind: "component", type: NguCarousel, selector: "ngu-carousel", inputs: ["inputs", "dataSource", "trackBy"], outputs: ["carouselLoad", "onMove"] }, { kind: "component", type: NguItemComponent, selector: "ngu-item" }, { kind: "directive", type: NguCarouselDefDirective, selector: "[nguCarouselDef]" }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CtaWrapperComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rdsite-cta-wrapper', standalone: true, imports: [NguCarousel, NguItemComponent, NguCarouselDefDirective, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (content?.ctas?.length) {\r\n  @if (content?.title && showTitleAndText) {\r\n    <h3 class=\"ctas-title\">{{ content?.title }}</h3>\r\n  }\r\n\r\n  @if (content?.text && showTitleAndText) {\r\n    <p class=\"ctas-text\" [innerHTML]=\"content?.text\"></p>\r\n  }\r\n\r\n  @if (!seeMoreControl) {\r\n    <nav class=\"ctas-wrapper\" data-testid=\"_rdsite-ctas-wrapper\">\r\n      @if (!bannerControl) {\r\n        <ngu-carousel #nguCarouselCtas [inputs]=\"carouselCtasConfig\" [dataSource]=\"content?.ctas\">\r\n          <ngu-item *nguCarouselDef=\"let cta; let i = index\">\r\n            <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\r\n              @if (cta?.icon) {\r\n                <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [attr.color]=\"colors.icon\"></cura-icon>\r\n              }\r\n              <p>{{ cta?.label }}</p>\r\n            </a>\r\n          </ngu-item>\r\n        </ngu-carousel>\r\n\r\n        <div class=\"show-more\" data-testid=\"_rdsite-ctas-wrapper-show-more\">\r\n          <button type=\"button\" (click)=\"moreOptions()\">Mais op\u00E7\u00F5es</button>\r\n        </div>\r\n      } @else {\r\n        @for (cta of content?.ctas; track $index) {\r\n          @if (cta?.label) {\r\n            <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\r\n              @if (cta?.icon) {\r\n                <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [attr.color]=\"colors.icon\"></cura-icon>\r\n              }\r\n              <p>{{ cta?.label }}</p>\r\n            </a>\r\n          }\r\n        }\r\n      }\r\n    </nav>\r\n  } @else {\r\n    <nav class=\"more-options\" data-testid=\"_rdsite-ctas-wrapper-more-options\">\r\n      @for (cta of content?.ctas; track $index) {\r\n        @if (cta?.label) {\r\n          <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\r\n            @if (cta?.icon) {\r\n              <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [attr.color]=\"colors.icon\"></cura-icon>\r\n            }\r\n            <p>{{ cta?.label }}</p>\r\n          </a>\r\n        }\r\n      }\r\n    </nav>\r\n  }\r\n}\r\n", styles: [":host{display:block}:host .ctas-title,:host .ctas-text{font-family:var(--font-family);padding:0;margin:0}:host .ctas-title:not(:last-child),:host .ctas-text:not(:last-child){padding-bottom:0}:host .ctas-title{color:var(--icon-color);font-size:29px;font-weight:500;line-height:38px;letter-spacing:-.58px;padding:0 24px;margin-bottom:24px}@media only screen and (min-width: 1024px){:host .ctas-title{font-size:33px;line-height:43px;letter-spacing:-.66px;padding:0}}:host .ctas-text{color:var(--icon-color);font-size:17px;font-weight:400;line-height:25px;padding:0 24px}@media only screen and (min-width: 1024px){:host .ctas-text{font-size:19px;line-height:28px;padding:0}}:host .ctas-wrapper{display:flex;flex-wrap:wrap;gap:16px;margin-top:60px}:host .ctas-wrapper ngu-carousel{max-width:100vw;margin-left:-6%}:host .ctas-wrapper ngu-carousel::ng-deep .ngucarousel{padding-left:6%}:host .ctas-wrapper ngu-item a{margin-right:16px}:host .ctas-wrapper .show-more{display:flex;justify-content:flex-end;width:100%;height:auto}:host .ctas-wrapper .show-more button{font-family:var(--font-family);color:var(--icon-color);background-color:transparent;font-size:16px;font-weight:500;line-height:145%;letter-spacing:.32px;text-decoration-line:underline;text-align:center}:host .more-options{display:flex;flex-wrap:wrap;gap:16px;margin-top:60px}:host .cta{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-width:150px;height:100%;min-height:150px;padding:24px 16px;border-radius:4px;border:1px solid var(--border-color);text-decoration:none}:host .cta p{font-family:var(--font-family);color:var(--icon-color);font-size:16px;font-weight:700;line-height:145%;letter-spacing:.32px;padding:0;margin:0;text-align:center}\n"] }]
+            args: [{ selector: 'rdsite-cta-wrapper', standalone: true, imports: [NguCarousel, NguItemComponent, NguCarouselDefDirective, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (content?.ctas?.length) {\r\n  @if (content?.title && showTitleAndText) {\r\n    <h3 class=\"ctas-title\">{{ content?.title }}</h3>\r\n  }\r\n\r\n  @if (content?.text && showTitleAndText) {\r\n    <p class=\"ctas-text\" [innerHTML]=\"content?.text\"></p>\r\n  }\r\n\r\n  @if (!seeMoreControl) {\r\n    <nav class=\"ctas-wrapper\" data-testid=\"_rdsite-ctas-wrapper\">\r\n      @if (!bannerControl) {\r\n        <ngu-carousel #nguCarouselCtas [inputs]=\"carouselCtasConfig\" [dataSource]=\"content?.ctas\">\r\n          <ngu-item *nguCarouselDef=\"let cta; let i = index\">\r\n            <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\r\n              @if (cta?.icon) {\r\n                <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [attr.color]=\"colors.icon\"></cura-icon>\r\n              }\r\n              <p>{{ cta?.label }}</p>\r\n            </a>\r\n          </ngu-item>\r\n        </ngu-carousel>\r\n\r\n        <div class=\"show-more\" data-testid=\"_rdsite-ctas-wrapper-show-more\">\r\n          <button type=\"button\" (click)=\"moreOptions()\">Mais op\u00E7\u00F5es</button>\r\n        </div>\r\n      } @else {\r\n        @for (cta of content?.ctas; track $index) {\r\n          @if (cta?.label) {\r\n            <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\r\n              @if (cta?.icon) {\r\n                <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [attr.color]=\"colors.icon\"></cura-icon>\r\n              }\r\n              <p>{{ cta?.label }}</p>\r\n            </a>\r\n          }\r\n        }\r\n      }\r\n    </nav>\r\n  } @else {\r\n    <nav class=\"more-options\" data-testid=\"_rdsite-ctas-wrapper-more-options\">\r\n      @for (cta of content?.ctas; track $index) {\r\n        @if (cta?.label) {\r\n          <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\r\n            @if (cta?.icon) {\r\n              <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [attr.color]=\"colors.icon\"></cura-icon>\r\n            }\r\n            <p>{{ cta?.label }}</p>\r\n          </a>\r\n        }\r\n      }\r\n    </nav>\r\n  }\r\n}\r\n", styles: [":host{display:block}:host .ctas-title,:host .ctas-text{font-family:var(--font-family);padding:0;margin:0}:host .ctas-title:not(:last-child),:host .ctas-text:not(:last-child){padding-bottom:0}:host .ctas-title{color:var(--icon-color);font-size:29px;font-weight:500;line-height:38px;letter-spacing:-.58px;padding:0 24px;margin-bottom:24px}@media only screen and (min-width: 1024px){:host .ctas-title{font-size:33px;line-height:43px;letter-spacing:-.66px;padding:0}}:host .ctas-text{color:var(--icon-color);font-size:17px;font-weight:400;line-height:25px;padding:0 24px}@media only screen and (min-width: 1024px){:host .ctas-text{font-size:19px;line-height:28px;padding:0}}:host .ctas-wrapper{display:flex;flex-wrap:wrap;gap:16px;margin-top:50px}:host .ctas-wrapper ngu-carousel{max-width:100vw;margin-left:-6%}:host .ctas-wrapper ngu-carousel::ng-deep .ngucarousel{padding-left:6%}:host .ctas-wrapper ngu-item a{margin-right:16px}:host .ctas-wrapper .show-more{display:flex;justify-content:flex-end;width:100%;height:auto}:host .ctas-wrapper .show-more button{font-family:var(--font-family);color:var(--icon-color);background-color:transparent;font-size:16px;font-weight:500;line-height:145%;letter-spacing:.32px;text-decoration-line:underline;text-align:center}:host .more-options{display:flex;flex-wrap:wrap;gap:16px;margin-top:60px}:host .cta{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-width:150px;height:100%;min-height:150px;padding:24px 16px;border-radius:4px;border:1px solid var(--border-color);text-decoration:none}:host .cta p{font-family:var(--font-family);color:var(--icon-color);font-size:16px;font-weight:700;line-height:145%;letter-spacing:.32px;padding:0;margin:0;text-align:center}\n"] }]
         }], ctorParameters: () => [{ type: CuraService }, { type: NguCarouselService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [PLATFORM_ID]
@@ -3657,6 +3657,9 @@ class BreadcrumbsComponent {
             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'));
+            if (this.fontWeight) {
+                element.style.setProperty('--font-weight', this.fontWeight);
+            }
             const disabledColor = color?.includes('neutral') ? 'primary-lighter' : 'neutral-dark';
             element.style.setProperty('--disabled-color', this.curaService.getColor(disabledColor));
         }
@@ -3695,11 +3698,11 @@ class BreadcrumbsComponent {
         }));
     }
     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"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BreadcrumbsComponent, isStandalone: true, selector: "rdsite-breadcrumbs", inputs: { labelIconColor: "labelIconColor", fontWeight: "fontWeight", breadcrumbs: "breadcrumbs" }, viewQueries: [{ propertyName: "breadCrumbsElement", first: true, predicate: ["breadCrumbsElement"], descendants: true }], ngImport: i0, template: "@if (breadcrumbs.length) {\r\n  <nav class=\"breadcrumb\" #breadCrumbsElement>\r\n    <ol>\r\n      @if (isDesktop !== null && (isDesktop || breadcrumbs.length < 3)) {\r\n        <ng-container *ngTemplateOutlet=\"Desktop\"></ng-container>\r\n      } @else if (isDesktop !== null) {\r\n        <ng-container *ngTemplateOutlet=\"Mobile\"></ng-container>\r\n      }\r\n    </ol>\r\n  </nav>\r\n}\r\n\r\n<ng-template #Desktop>\r\n  @for (breadcrumb of breadcrumbs; track breadcrumb.label; let first = $first; let last = $last; let index = $index) {\r\n    <li>\r\n      @if (!last) {\r\n        <a rdsitelink [href]=\"getUrl(breadcrumb.url)\">\r\n          @if (first) {\r\n            <cura-icon name=\"home\" [attr.color]=\"labelIconColor\" size=\"16\"> </cura-icon>\r\n          }\r\n          <span>\r\n            {{ breadcrumb.label }}\r\n          </span>\r\n        </a>\r\n        <span class=\"divider\">/</span>\r\n      } @else {\r\n        <span [class.last-item]=\"last && !first\">\r\n          {{ breadcrumb.label }}\r\n        </span>\r\n      }\r\n    </li>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #Mobile>\r\n  @for (breadcrumb of breadcrumbs; track breadcrumb.label; let first = $first; let last = $last; let index = $index) {\r\n    <li>\r\n      @if (first) {\r\n        <a rdsitelink [href]=\"getUrl(breadcrumb.url)\">\r\n          <cura-icon name=\"home\" [attr.color]=\"labelIconColor\" size=\"16\"> </cura-icon>\r\n          <span>\r\n            {{ breadcrumb.label }}\r\n          </span>\r\n        </a>\r\n        <span class=\"divider\">/</span>\r\n      } @else if (index === breadcrumbs.length - 2) {\r\n        <span class=\"back\"><</span>\r\n        <a rdsitelink [href]=\"getUrl(breadcrumb.url)\">\r\n          <span>\r\n            {{ breadcrumb.label }}\r\n          </span>\r\n        </a>\r\n      }\r\n    </li>\r\n  }\r\n</ng-template>\r\n", styles: [".breadcrumb *{font-family:var(--font-family)}.breadcrumb ol{display:flex}.breadcrumb ol li{display:flex;gap:8px}.breadcrumb ol li a{color:var(--label-icon-color);display:flex;gap:4px;text-decoration:none}.breadcrumb ol li a span{text-decoration:underline;font-size:12px;font-weight:var(--font-weight, 500);line-height:16px;letter-spacing:.72px}.breadcrumb ol li span.last-item{color:var(--disabled-color);text-decoration:none;pointer-events:none;font-size:12px;font-weight:var(--font-weight, 500);line-height:16px;letter-spacing:.72px}.breadcrumb ol li span.divider,.breadcrumb ol li span.back{color:var(--divider-color);padding-right:8px;font-size:12px;font-weight:var(--font-weight, 500);line-height:16px;letter-spacing:.72px}.breadcrumb ol li span.back{padding:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
 }
 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 !== 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"] }]
+            args: [{ selector: 'rdsite-breadcrumbs', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (breadcrumbs.length) {\r\n  <nav class=\"breadcrumb\" #breadCrumbsElement>\r\n    <ol>\r\n      @if (isDesktop !== null && (isDesktop || breadcrumbs.length < 3)) {\r\n        <ng-container *ngTemplateOutlet=\"Desktop\"></ng-container>\r\n      } @else if (isDesktop !== null) {\r\n        <ng-container *ngTemplateOutlet=\"Mobile\"></ng-container>\r\n      }\r\n    </ol>\r\n  </nav>\r\n}\r\n\r\n<ng-template #Desktop>\r\n  @for (breadcrumb of breadcrumbs; track breadcrumb.label; let first = $first; let last = $last; let index = $index) {\r\n    <li>\r\n      @if (!last) {\r\n        <a rdsitelink [href]=\"getUrl(breadcrumb.url)\">\r\n          @if (first) {\r\n            <cura-icon name=\"home\" [attr.color]=\"labelIconColor\" size=\"16\"> </cura-icon>\r\n          }\r\n          <span>\r\n            {{ breadcrumb.label }}\r\n          </span>\r\n        </a>\r\n        <span class=\"divider\">/</span>\r\n      } @else {\r\n        <span [class.last-item]=\"last && !first\">\r\n          {{ breadcrumb.label }}\r\n        </span>\r\n      }\r\n    </li>\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #Mobile>\r\n  @for (breadcrumb of breadcrumbs; track breadcrumb.label; let first = $first; let last = $last; let index = $index) {\r\n    <li>\r\n      @if (first) {\r\n        <a rdsitelink [href]=\"getUrl(breadcrumb.url)\">\r\n          <cura-icon name=\"home\" [attr.color]=\"labelIconColor\" size=\"16\"> </cura-icon>\r\n          <span>\r\n            {{ breadcrumb.label }}\r\n          </span>\r\n        </a>\r\n        <span class=\"divider\">/</span>\r\n      } @else if (index === breadcrumbs.length - 2) {\r\n        <span class=\"back\"><</span>\r\n        <a rdsitelink [href]=\"getUrl(breadcrumb.url)\">\r\n          <span>\r\n            {{ breadcrumb.label }}\r\n          </span>\r\n        </a>\r\n      }\r\n    </li>\r\n  }\r\n</ng-template>\r\n", styles: [".breadcrumb *{font-family:var(--font-family)}.breadcrumb ol{display:flex}.breadcrumb ol li{display:flex;gap:8px}.breadcrumb ol li a{color:var(--label-icon-color);display:flex;gap:4px;text-decoration:none}.breadcrumb ol li a span{text-decoration:underline;font-size:12px;font-weight:var(--font-weight, 500);line-height:16px;letter-spacing:.72px}.breadcrumb ol li span.last-item{color:var(--disabled-color);text-decoration:none;pointer-events:none;font-size:12px;font-weight:var(--font-weight, 500);line-height:16px;letter-spacing:.72px}.breadcrumb ol li span.divider,.breadcrumb ol li span.back{color:var(--divider-color);padding-right:8px;font-size:12px;font-weight:var(--font-weight, 500);line-height:16px;letter-spacing:.72px}.breadcrumb ol li span.back{padding:0}\n"] }]
         }], ctorParameters: () => [{ type: CuraService }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [LIB_CONFIG]
@@ -3711,6 +3714,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     args: [PLATFORM_ID]
                 }] }], propDecorators: { labelIconColor: [{
                 type: Input
+            }], fontWeight: [{
+                type: Input
             }], breadcrumbs: [{
                 type: Input
             }], breadCrumbsElement: [{
@@ -3830,8 +3835,8 @@ class ErrorComponent {
                 };
             case Themes.ONCO:
                 return {
-                    '--backgroundColor': this.curaService.getColor('neutral-light'),
-                    '--labelColor': this.curaService.getColor('auxiliar-lighter'),
+                    '--backgroundColor': this.curaService.getColor('neutral-pale'),
+                    '--labelColor': this.curaService.getColor('success-lighter'),
                 };
             case Themes.MATERNIDADE:
                 return {
@@ -3870,6 +3875,8 @@ class ErrorComponent {
         this.breadcrumbsItems = [];
         this.responseText = '';
         this.backgroundColor = '';
+        this.backgroundColorBadge = '';
+        this.breadcrumbFontWeight = '';
         this.labelColor = '';
         this.labelTextColor = '';
         this.curaButtonColor = '';
@@ -3910,11 +3917,13 @@ class ErrorComponent {
                 this.ctasIconColor = 'primary-darker';
                 break;
             case Themes.ONCO:
-                this.labelTextColor = 'primary-lighter';
+                this.labelTextColor = 'primary-dark';
+                this.backgroundColorBadge = 'success-lighter';
                 this.curaButtonColor = 'accent';
                 this.curaButtonOutlineColor = 'accent';
                 this.ctasBorderColor = 'accent-base';
-                this.ctasIconColor = 'primary-base';
+                this.ctasIconColor = 'primary-dark';
+                this.breadcrumbFontWeight = '700';
                 break;
             case Themes.MATERNIDADE:
                 this.labelTextColor = 'accent-base';
@@ -3948,11 +3957,11 @@ class ErrorComponent {
         this.ctasSubscription?.unsubscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ErrorComponent, deps: [{ token: ErrorService }, { token: CuraService }, { token: LogService }, { token: SeoService }, { token: ServerResponseService }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ErrorComponent, isStandalone: true, selector: "rdsite-error", inputs: { theme: "theme", type: "type", returnRoute: "returnRoute", returnLabel: "returnLabel", pageTitle: "pageTitle", component: "component", breadcrumbsItems: "breadcrumbsItems" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "<div class=\"rdsite-error\">\r\n  @if (ctasIconColor && breadcrumbsItems.length) {\r\n    <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbsItems\" [labelIconColor]=\"ctasIconColor\"></rdsite-breadcrumbs>\r\n  }\r\n  <div class=\"rdsite-error-container\">\r\n    @if (labelTextColor) {\r\n      <cura-label [attr.color]=\"labelTextColor\">\r\n        {{ type === 'server-response' ? '500' : '404' }}\r\n      </cura-label>\r\n    }\r\n\r\n    <cura-heading color=\"neutral-black\" size=\"medium\" weight=\"bold\"> Algo deu errado :( </cura-heading>\r\n\r\n    @if (responseText) {\r\n      <cura-paragraph color=\"neutral-black\" size=\"large\">\r\n        {{ responseText }}\r\n      </cura-paragraph>\r\n    }\r\n\r\n    @if (type === error.NOT_FOUND && returnRoute && returnLabel) {\r\n      <cura-button\r\n        rdsitelink\r\n        [href]=\"returnRoute\"\r\n        size=\"medium\"\r\n        type=\"button\"\r\n        [color]=\"curaButtonColor\"\r\n        font-color=\"light\"\r\n        icon-name=\"arrowLeft\"\r\n        target=\"_self\"\r\n      >\r\n        Voltar para {{ returnLabel }}\r\n      </cura-button>\r\n    }\r\n\r\n    @if (type === error.SERVER_RESPONSE) {\r\n      @if (curaButtonColor) {\r\n        <cura-button size=\"medium\" type=\"button\" (click)=\"reloadPage()\" [attr.color]=\"curaButtonColor\" font-color=\"light\" icon-name=\"reload\" target=\"_self\">\r\n          Atualizar p\u00E1gina novamente\r\n        </cura-button>\r\n      }\r\n\r\n      @if (returnLabel && returnRoute) {\r\n        <cura-paragraph color=\"neutral-black\" size=\"large\">ou</cura-paragraph>\r\n        @if (curaButtonOutlineColor) {\r\n          <cura-button-outline\r\n            rdsitelink\r\n            [href]=\"returnRoute\"\r\n            size=\"medium\"\r\n            type=\"button\"\r\n            [color]=\"curaButtonOutlineColor\"\r\n            icon-name=\"arrowLeft\"\r\n            target=\"_self\"\r\n          >\r\n            Voltar para {{ returnLabel }}\r\n          </cura-button-outline>\r\n        }\r\n      }\r\n    }\r\n    @if (ctasContent.ctas!.length > 0 && ctasBorderColor && ctasIconColor) {\r\n      <cura-paragraph class=\"wrapper-text\" color=\"neutral-black\" size=\"large\"> Voc\u00EA pode tamb\u00E9m: </cura-paragraph>\r\n\r\n      <rdsite-cta-wrapper [content]=\"ctasContent\" [showTitleAndText]=\"false\" [colors]=\"{ border: ctasBorderColor, icon: ctasIconColor }\"></rdsite-cta-wrapper>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: [".rdsite-error{width:100%;background-color:var(--backgroundColor)}.rdsite-error rdsite-breadcrumbs{display:block;padding-block:16px;box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto}.rdsite-error rdsite-breadcrumbs.full-container{width:100%;max-width:100%}.rdsite-error-container{box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto;padding:48px 0 40px}.rdsite-error-container.full-container{width:100%;max-width:100%}.rdsite-error-container cura-label{width:fit-content;padding:var(--sizes-space-tiny, 4px);border-radius:var(--sizes-cornerRadius-nano, 2px);background:var(--labelColor)}.rdsite-error-container cura-heading{--margin-block: 40px}.rdsite-error-container cura-paragraph.wrapper-text{margin-top:80px}\n"], dependencies: [{ kind: "component", type: CtaWrapperComponent, selector: "rdsite-cta-wrapper", inputs: ["content", "showTitleAndText", "colors"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: BreadcrumbsComponent, selector: "rdsite-breadcrumbs", inputs: ["labelIconColor", "breadcrumbs"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ErrorComponent, isStandalone: true, selector: "rdsite-error", inputs: { theme: "theme", type: "type", returnRoute: "returnRoute", returnLabel: "returnLabel", pageTitle: "pageTitle", component: "component", breadcrumbsItems: "breadcrumbsItems" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "<div class=\"rdsite-error\">\r\n  @if (ctasIconColor && breadcrumbsItems.length) {\r\n    <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbsItems\" [labelIconColor]=\"ctasIconColor\" [fontWeight]=\"breadcrumbFontWeight\"></rdsite-breadcrumbs>\r\n  }\r\n  <div class=\"rdsite-error-container\">\r\n    @if (labelTextColor) {\r\n      <cura-label [attr.color]=\"labelTextColor\">\r\n        {{ type === 'server-response' ? '500' : '404' }}\r\n      </cura-label>\r\n    }\r\n\r\n    <cura-heading color=\"neutral-black\" size=\"medium\" weight=\"bold\"> Algo deu errado :( </cura-heading>\r\n\r\n    @if (responseText) {\r\n      <cura-paragraph color=\"neutral-black\" size=\"large\">\r\n        {{ responseText }}\r\n      </cura-paragraph>\r\n    }\r\n\r\n    @if (type === error.NOT_FOUND && returnRoute && returnLabel) {\r\n      <cura-button\r\n        rdsitelink\r\n        [href]=\"returnRoute\"\r\n        size=\"medium\"\r\n        type=\"button\"\r\n        [color]=\"curaButtonColor\"\r\n        font-color=\"light\"\r\n        icon-name=\"arrowLeft\"\r\n        target=\"_self\"\r\n      >\r\n        Voltar para {{ returnLabel }}\r\n      </cura-button>\r\n    }\r\n\r\n    @if (type === error.SERVER_RESPONSE) {\r\n      @if (curaButtonColor) {\r\n        <cura-button size=\"medium\" type=\"button\" (click)=\"reloadPage()\" [attr.color]=\"curaButtonColor\" font-color=\"light\" icon-name=\"reload\" target=\"_self\">\r\n          Atualizar p\u00E1gina novamente\r\n        </cura-button>\r\n      }\r\n\r\n      @if (returnLabel && returnRoute) {\r\n        <cura-paragraph color=\"neutral-black\" size=\"large\">ou</cura-paragraph>\r\n        @if (curaButtonOutlineColor) {\r\n          <cura-button-outline\r\n            rdsitelink\r\n            [href]=\"returnRoute\"\r\n            size=\"medium\"\r\n            type=\"button\"\r\n            [color]=\"curaButtonOutlineColor\"\r\n            icon-name=\"arrowLeft\"\r\n            target=\"_self\"\r\n          >\r\n            Voltar para {{ returnLabel }}\r\n          </cura-button-outline>\r\n        }\r\n      }\r\n    }\r\n    @if (ctasContent.ctas!.length > 0 && ctasBorderColor && ctasIconColor) {\r\n      <cura-paragraph class=\"wrapper-text\" color=\"neutral-black\" size=\"large\"> Voc\u00EA pode tamb\u00E9m: </cura-paragraph>\r\n\r\n      <rdsite-cta-wrapper [content]=\"ctasContent\" [showTitleAndText]=\"false\" [colors]=\"{ border: ctasBorderColor, icon: ctasIconColor }\"></rdsite-cta-wrapper>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: [".rdsite-error{width:100%;background-color:var(--backgroundColor)}.rdsite-error rdsite-breadcrumbs{display:block;padding-block:16px;box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto}.rdsite-error rdsite-breadcrumbs.full-container{width:100%;max-width:100%}.rdsite-error-container{box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto;padding:20px 0 40px}.rdsite-error-container.full-container{width:100%;max-width:100%}.rdsite-error-container cura-label{width:fit-content;padding:var(--sizes-space-tiny, 4px);border-radius:var(--sizes-cornerRadius-nano, 2px);background:var(--labelColor)}.rdsite-error-container cura-heading{--margin-block: 40px}\n"], dependencies: [{ kind: "component", type: CtaWrapperComponent, selector: "rdsite-cta-wrapper", inputs: ["content", "showTitleAndText", "colors"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: BreadcrumbsComponent, selector: "rdsite-breadcrumbs", inputs: ["labelIconColor", "fontWeight", "breadcrumbs"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ErrorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rdsite-error', standalone: true, imports: [CtaWrapperComponent, RdsiteLinkDirective, BreadcrumbsComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"rdsite-error\">\r\n  @if (ctasIconColor && breadcrumbsItems.length) {\r\n    <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbsItems\" [labelIconColor]=\"ctasIconColor\"></rdsite-breadcrumbs>\r\n  }\r\n  <div class=\"rdsite-error-container\">\r\n    @if (labelTextColor) {\r\n      <cura-label [attr.color]=\"labelTextColor\">\r\n        {{ type === 'server-response' ? '500' : '404' }}\r\n      </cura-label>\r\n    }\r\n\r\n    <cura-heading color=\"neutral-black\" size=\"medium\" weight=\"bold\"> Algo deu errado :( </cura-heading>\r\n\r\n    @if (responseText) {\r\n      <cura-paragraph color=\"neutral-black\" size=\"large\">\r\n        {{ responseText }}\r\n      </cura-paragraph>\r\n    }\r\n\r\n    @if (type === error.NOT_FOUND && returnRoute && returnLabel) {\r\n      <cura-button\r\n        rdsitelink\r\n        [href]=\"returnRoute\"\r\n        size=\"medium\"\r\n        type=\"button\"\r\n        [color]=\"curaButtonColor\"\r\n        font-color=\"light\"\r\n        icon-name=\"arrowLeft\"\r\n        target=\"_self\"\r\n      >\r\n        Voltar para {{ returnLabel }}\r\n      </cura-button>\r\n    }\r\n\r\n    @if (type === error.SERVER_RESPONSE) {\r\n      @if (curaButtonColor) {\r\n        <cura-button size=\"medium\" type=\"button\" (click)=\"reloadPage()\" [attr.color]=\"curaButtonColor\" font-color=\"light\" icon-name=\"reload\" target=\"_self\">\r\n          Atualizar p\u00E1gina novamente\r\n        </cura-button>\r\n      }\r\n\r\n      @if (returnLabel && returnRoute) {\r\n        <cura-paragraph color=\"neutral-black\" size=\"large\">ou</cura-paragraph>\r\n        @if (curaButtonOutlineColor) {\r\n          <cura-button-outline\r\n            rdsitelink\r\n            [href]=\"returnRoute\"\r\n            size=\"medium\"\r\n            type=\"button\"\r\n            [color]=\"curaButtonOutlineColor\"\r\n            icon-name=\"arrowLeft\"\r\n            target=\"_self\"\r\n          >\r\n            Voltar para {{ returnLabel }}\r\n          </cura-button-outline>\r\n        }\r\n      }\r\n    }\r\n    @if (ctasContent.ctas!.length > 0 && ctasBorderColor && ctasIconColor) {\r\n      <cura-paragraph class=\"wrapper-text\" color=\"neutral-black\" size=\"large\"> Voc\u00EA pode tamb\u00E9m: </cura-paragraph>\r\n\r\n      <rdsite-cta-wrapper [content]=\"ctasContent\" [showTitleAndText]=\"false\" [colors]=\"{ border: ctasBorderColor, icon: ctasIconColor }\"></rdsite-cta-wrapper>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: [".rdsite-error{width:100%;background-color:var(--backgroundColor)}.rdsite-error rdsite-breadcrumbs{display:block;padding-block:16px;box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto}.rdsite-error rdsite-breadcrumbs.full-container{width:100%;max-width:100%}.rdsite-error-container{box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto;padding:48px 0 40px}.rdsite-error-container.full-container{width:100%;max-width:100%}.rdsite-error-container cura-label{width:fit-content;padding:var(--sizes-space-tiny, 4px);border-radius:var(--sizes-cornerRadius-nano, 2px);background:var(--labelColor)}.rdsite-error-container cura-heading{--margin-block: 40px}.rdsite-error-container cura-paragraph.wrapper-text{margin-top:80px}\n"] }]
+            args: [{ selector: 'rdsite-error', standalone: true, imports: [CtaWrapperComponent, RdsiteLinkDirective, BreadcrumbsComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"rdsite-error\">\r\n  @if (ctasIconColor && breadcrumbsItems.length) {\r\n    <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbsItems\" [labelIconColor]=\"ctasIconColor\" [fontWeight]=\"breadcrumbFontWeight\"></rdsite-breadcrumbs>\r\n  }\r\n  <div class=\"rdsite-error-container\">\r\n    @if (labelTextColor) {\r\n      <cura-label [attr.color]=\"labelTextColor\">\r\n        {{ type === 'server-response' ? '500' : '404' }}\r\n      </cura-label>\r\n    }\r\n\r\n    <cura-heading color=\"neutral-black\" size=\"medium\" weight=\"bold\"> Algo deu errado :( </cura-heading>\r\n\r\n    @if (responseText) {\r\n      <cura-paragraph color=\"neutral-black\" size=\"large\">\r\n        {{ responseText }}\r\n      </cura-paragraph>\r\n    }\r\n\r\n    @if (type === error.NOT_FOUND && returnRoute && returnLabel) {\r\n      <cura-button\r\n        rdsitelink\r\n        [href]=\"returnRoute\"\r\n        size=\"medium\"\r\n        type=\"button\"\r\n        [color]=\"curaButtonColor\"\r\n        font-color=\"light\"\r\n        icon-name=\"arrowLeft\"\r\n        target=\"_self\"\r\n      >\r\n        Voltar para {{ returnLabel }}\r\n      </cura-button>\r\n    }\r\n\r\n    @if (type === error.SERVER_RESPONSE) {\r\n      @if (curaButtonColor) {\r\n        <cura-button size=\"medium\" type=\"button\" (click)=\"reloadPage()\" [attr.color]=\"curaButtonColor\" font-color=\"light\" icon-name=\"reload\" target=\"_self\">\r\n          Atualizar p\u00E1gina novamente\r\n        </cura-button>\r\n      }\r\n\r\n      @if (returnLabel && returnRoute) {\r\n        <cura-paragraph color=\"neutral-black\" size=\"large\">ou</cura-paragraph>\r\n        @if (curaButtonOutlineColor) {\r\n          <cura-button-outline\r\n            rdsitelink\r\n            [href]=\"returnRoute\"\r\n            size=\"medium\"\r\n            type=\"button\"\r\n            [color]=\"curaButtonOutlineColor\"\r\n            icon-name=\"arrowLeft\"\r\n            target=\"_self\"\r\n          >\r\n            Voltar para {{ returnLabel }}\r\n          </cura-button-outline>\r\n        }\r\n      }\r\n    }\r\n    @if (ctasContent.ctas!.length > 0 && ctasBorderColor && ctasIconColor) {\r\n      <cura-paragraph class=\"wrapper-text\" color=\"neutral-black\" size=\"large\"> Voc\u00EA pode tamb\u00E9m: </cura-paragraph>\r\n\r\n      <rdsite-cta-wrapper [content]=\"ctasContent\" [showTitleAndText]=\"false\" [colors]=\"{ border: ctasBorderColor, icon: ctasIconColor }\"></rdsite-cta-wrapper>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: [".rdsite-error{width:100%;background-color:var(--backgroundColor)}.rdsite-error rdsite-breadcrumbs{display:block;padding-block:16px;box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto}.rdsite-error rdsite-breadcrumbs.full-container{width:100%;max-width:100%}.rdsite-error-container{box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto;padding:20px 0 40px}.rdsite-error-container.full-container{width:100%;max-width:100%}.rdsite-error-container cura-label{width:fit-content;padding:var(--sizes-space-tiny, 4px);border-radius:var(--sizes-cornerRadius-nano, 2px);background:var(--labelColor)}.rdsite-error-container cura-heading{--margin-block: 40px}\n"] }]
         }], ctorParameters: () => [{ type: ErrorService }, { type: CuraService }, { type: LogService }, { type: SeoService }, { type: ServerResponseService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [PLATFORM_ID]
@@ -3992,7 +4001,7 @@ class PageHeaderComponent {
         this.bgColor = 'primary-base';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageHeaderComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PageHeaderComponent, isStandalone: true, selector: "rdsite-page-header", inputs: { pageTitle: "pageTitle", pageHeaderText: "pageHeaderText", hasPadding: "hasPadding", breadcrumbs: "breadcrumbs", bgColor: "bgColor" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "<div class=\"page-header\" [ngClass]=\"{ 'more-padding': hasPadding }\">\r\n  <div class=\"page-header-content\">\r\n    @if (breadcrumbs.length) {\r\n      <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbs\"></rdsite-breadcrumbs>\r\n    }\r\n    @if (pageTitle) {\r\n      <h1>{{ pageTitle }}</h1>\r\n    }\r\n    @if (pageHeaderText) {\r\n      <cura-paragraph color=\"neutral-purewhite\" margin-block=\"0\">{{ pageHeaderText }}</cura-paragraph>\r\n    }\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n", styles: [".page-header{background-color:var(--bg-color)}.page-header-content{display:flex;flex-direction:column;gap:16px;padding:30px 0;box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto}.page-header-content.full-container{width:100%;max-width:100%}.page-header-content h1{color:var(--neutral-purewhite);font-family:var(--font-family);font-size:32px;font-weight:700;line-height:--fonts-Display-S-lineHeight,43px;letter-spacing:-1.68px}@media screen and (min-width: 769px){.page-header-content h1{font-size:48px;line-height:57px;letter-spacing:-1.92px}}@media screen and (min-width: 769px){.page-header-content{gap:12px;padding:50px 0}}@media screen and (min-width: 769px){.page-header.more-padding{padding-inline:102px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BreadcrumbsComponent, selector: "rdsite-breadcrumbs", inputs: ["labelIconColor", "breadcrumbs"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PageHeaderComponent, isStandalone: true, selector: "rdsite-page-header", inputs: { pageTitle: "pageTitle", pageHeaderText: "pageHeaderText", hasPadding: "hasPadding", breadcrumbs: "breadcrumbs", bgColor: "bgColor" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "<div class=\"page-header\" [ngClass]=\"{ 'more-padding': hasPadding }\">\r\n  <div class=\"page-header-content\">\r\n    @if (breadcrumbs.length) {\r\n      <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbs\"></rdsite-breadcrumbs>\r\n    }\r\n    @if (pageTitle) {\r\n      <h1>{{ pageTitle }}</h1>\r\n    }\r\n    @if (pageHeaderText) {\r\n      <cura-paragraph color=\"neutral-purewhite\" margin-block=\"0\">{{ pageHeaderText }}</cura-paragraph>\r\n    }\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n", styles: [".page-header{background-color:var(--bg-color)}.page-header-content{display:flex;flex-direction:column;gap:16px;padding:30px 0;box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto}.page-header-content.full-container{width:100%;max-width:100%}.page-header-content h1{color:var(--neutral-purewhite);font-family:var(--font-family);font-size:32px;font-weight:700;line-height:--fonts-Display-S-lineHeight,43px;letter-spacing:-1.68px}@media screen and (min-width: 769px){.page-header-content h1{font-size:48px;line-height:57px;letter-spacing:-1.92px}}@media screen and (min-width: 769px){.page-header-content{gap:12px;padding:50px 0}}@media screen and (min-width: 769px){.page-header.more-padding{padding-inline:102px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BreadcrumbsComponent, selector: "rdsite-breadcrumbs", inputs: ["labelIconColor", "fontWeight", "breadcrumbs"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageHeaderComponent, decorators: [{
             type: Component,
@@ -4068,7 +4077,9 @@ class FilterGenericComponent {
         this.selectedFiltersCount = 0;
         this.windowWidth = 0;
         this.styleBinding = {
+            '--neutral-opacity-dark': this.curaService.getColor('neutral-dark', 0.2),
             '--neutral-darker': this.curaService.getColor('neutral-darker'),
+            '--neutral-medium': this.curaService.getColor('neutral-medium'),
             '--neutral-light': this.curaService.getColor('neutral-light'),
             '--neutral-lighter': this.curaService.getColor('neutral-lighter'),
             '--neutral-purewhite': this.curaService.getColor('neutral-purewhite'),
@@ -4234,11 +4245,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\r\n  class=\"filter-generic\"\r\n  [ngClass]=\"{ 'container-style': withContainerStyle, 'clickable-mobile': shouldHandleMobileClick() }\"\r\n  aria-label=\"Filtros\"\r\n  (click)=\"handleMobileClick()\"\r\n>\r\n  <div class=\"filter-header-container\" [ngClass]=\"{ 'no-padding': !isFilterOpen, hidden: !isFilterOpen }\">\r\n    <div class=\"filter-title-wrapper\">\r\n      <cura-heading size=\"small\" level=\"4\" color=\"neutral-black\" weight=\"bold\" margin-block=\"0\" line-height=\"16px\">\r\n        {{ textTitle }}\r\n      </cura-heading>\r\n\r\n      @if (showBadge) {\r\n        <cura-badge-counter\r\n          [type]=\"'solid'\"\r\n          [color]=\"hasSelection() ? 'primary' : 'neutral'\"\r\n          [number]=\"selectedFiltersCount\"\r\n          class=\"filter-badge\"\r\n        ></cura-badge-counter>\r\n      }\r\n    </div>\r\n\r\n    @if (showToggleIcon) {\r\n      <cura-button-transparent size=\"small\" font-color=\"dark\" color=\"primary\" text-align=\"center\" (click)=\"toggleFilter()\" [attr.aria-expanded]=\"isFilterOpen\">\r\n        <cura-icon [name]=\"isFilterOpen ? 'up' : 'down'\" size=\"16\" class=\"filter-icon\" color=\"primary-dark\"></cura-icon>\r\n      </cura-button-transparent>\r\n    }\r\n  </div>\r\n\r\n  <div class=\"filter-content\" [class.hidden]=\"!isFilterOpen || (forceCollapsed && isMobile())\">\r\n    @for (section of sections; track section.type) {\r\n      @if (section.visible !== false) {\r\n        <div class=\"filter-section\">\r\n          @switch (section.type) {\r\n            @case ('input') {\r\n              <cura-input-text\r\n                [placeholder]=\"section.config.placeholder || ''\"\r\n                [name]=\"section.config.name || ''\"\r\n                [iconName]=\"section.config.iconName || ''\"\r\n                [attr.value]=\"section.config.control.value\"\r\n                (valueChange)=\"handleInputChange($event, section.config.control)\"\r\n              ></cura-input-text>\r\n            }\r\n            @case ('select') {\r\n              <cura-select\r\n                [label]=\"section.config.label || ''\"\r\n                [placeholder]=\"section.config.placeholder || ''\"\r\n                [attr.value]=\"section.config.control.value\"\r\n                (selected)=\"handleSelectChange($event, section.config.control)\"\r\n              >\r\n                @if (section.config.includeDefaultOption) {\r\n                  <cura-select-option [attr.value]=\"''\">{{ section.config.defaultOptionText || 'Fa\u00E7a a sua Sele\u00E7\u00E3o' }}</cura-select-option>\r\n                }\r\n                @for (option of section.config.options || []; track option?.value) {\r\n                  <cura-select-option [attr.value]=\"option?.value\">{{ option?.label }}</cura-select-option>\r\n                }\r\n              </cura-select>\r\n            }\r\n            @case ('checkbox-group') {\r\n              @if (section.config.title) {\r\n                <div class=\"filter-header\">\r\n                  <cura-icon name=\"filter\" size=\"20\" color=\"info-dark\"></cura-icon>\r\n                  <cura-heading size=\"xsmall\" level=\"5\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\">\r\n                    {{ section.config.title }}\r\n                  </cura-heading>\r\n                </div>\r\n              }\r\n              @if (section.config.subtitle) {\r\n                <div class=\"filter-subtitle\">\r\n                  <cura-heading size=\"xsmall\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\">\r\n                    {{ section.config.subtitle }}\r\n                  </cura-heading>\r\n                </div>\r\n              }\r\n\r\n              @if (section.config.description) {\r\n                <div class=\"filter-description\">\r\n                  <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" margin-block=\"0\">\r\n                    {{ section.config.description }}\r\n                  </cura-paragraph>\r\n                </div>\r\n              }\r\n\r\n              <div class=\"filter-checkboxes\" [class.scrollable]=\"hasScroll(section)\">\r\n                @for (option of section.config.options || []; track option?.value) {\r\n                  <cura-checkbox\r\n                    color=\"primary\"\r\n                    size=\"small\"\r\n                    icon-color=\"light\"\r\n                    [attr.name]=\"option?.label\"\r\n                    [attr.label]=\"option?.label\"\r\n                    [attr.value]=\"option?.value\"\r\n                    [attr.checked]=\"option?.checked\"\r\n                    (onchange)=\"handleCheckboxChange($event, section.config.options)\"\r\n                  ></cura-checkbox>\r\n                }\r\n              </div>\r\n            }\r\n            @case ('radio-group') {\r\n              <div class=\"filter-radios\" [class.scrollable]=\"hasScroll(section)\">\r\n                @for (option of section.config.options || []; track option?.value) {\r\n                  <cura-radio\r\n                    [name]=\"section.config.name || 'radio-group'\"\r\n                    [label]=\"option.label\"\r\n                    [value]=\"option.value\"\r\n                    [checked]=\"getRadioGroupValue(section.config.control) === option.value\"\r\n                    (onchange)=\"handleRadioChange($event, section.config.control)\"\r\n                  ></cura-radio>\r\n                }\r\n              </div>\r\n            }\r\n            @case ('custom') {\r\n              <ng-container *ngTemplateOutlet=\"section.config.template\"></ng-container>\r\n            }\r\n          }\r\n        </div>\r\n      }\r\n    }\r\n  </div>\r\n\r\n  <div class=\"filter-actions\" [class.hidden]=\"!isFilterOpen || (forceCollapsed && isMobile())\">\r\n    <div class=\"main-actions\">\r\n      @if (showClearButton) {\r\n        <cura-button-transparent\r\n          size=\"small\"\r\n          font-color=\"dark\"\r\n          color=\"primary\"\r\n          text-align=\"center\"\r\n          [disabled]=\"disableButtonsWithoutSelection && !hasSelection()\"\r\n          (click)=\"reset()\"\r\n        >\r\n          <span>Limpar todos os filtros</span>\r\n        </cura-button-transparent>\r\n      }\r\n\r\n      @if (showApplyButton) {\r\n        <cura-button\r\n          size=\"medium\"\r\n          font-color=\"light\"\r\n          color=\"primary\"\r\n          text-align=\"center\"\r\n          (click)=\"filter()\"\r\n          [disabled]=\"disableButtonsWithoutSelection && !hasSelection()\"\r\n          class=\"filter-button\"\r\n        >\r\n          Filtrar\r\n        </cura-button>\r\n      }\r\n    </div>\r\n\r\n    @if (showCloseButton) {\r\n      <div class=\"divider-strong\"></div>\r\n      <div class=\"close-action-wrapper\">\r\n        <div class=\"close-action\" (click)=\"close()\">\r\n          <cura-icon name=\"close\" color=\"error-dark\" size=\"small\"></cura-icon>\r\n          <cura-button-transparent size=\"\" type=\"button\" color=\"error\" target=\"_self\"> Fechar </cura-button-transparent>\r\n        </div>\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: [":host *{font-family:Gotham,Roboto,sans-serif}.filter-generic{display:flex;flex-direction:column;gap:18px}.filter-generic.clickable-mobile{cursor:pointer}.filter-generic.clickable-mobile:hover{background-color:var(--primary-lighter)}.filter-generic.container-style{width:100%;padding:20px;border-radius:12px;border:2px solid var(--neutral-lighter);background-color:var(--neutral-purewhite)}.filter-generic cura-loader-circle{display:flex;justify-content:center;align-items:center;width:100%;min-height:100px}.filter-header-container{display:flex;padding-bottom:12px;align-items:center}.filter-header-container.no-padding{padding-bottom:0}.filter-header-container .filter-title-wrapper{display:flex;align-items:center;justify-content:space-between;flex:1 0 0}.filter-header-container .filter-badge{display:flex;height:20px;min-width:20px;justify-content:center;align-items:center;gap:4px}.filter-header-container .filter-icon{display:block}.filter-content,.filter-actions{transition:all .3s ease}.filter-content.hidden,.filter-actions.hidden{display:none;height:0;overflow:hidden;opacity:0;margin:0;padding:0}.filter-section{display:flex;flex-direction:column;gap:24px}.filter-section .filter-header{display:flex;align-items:center;gap:14px}.filter-section .filter-subtitle{font-weight:500}.filter-section .filter-description{display:flex;flex-direction:column;gap:8px}.filter-section .filter-description:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:12px;grid-column:1/-1}.filter-section .filter-checkboxes{display:grid;grid-template-columns:repeat(2,1fr);gap:11px 0px}.filter-section .filter-checkboxes.scrollable{max-height:100px;overflow-y:auto;grid-template-columns:1fr;padding-right:8px;gap:12px}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar{width:4px}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar-thumb{background-color:var(--neutral-light);border-radius:2px}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar-track{background-color:var(--neutral-lighter)}.filter-section .filter-checkboxes.scrollable:after{display:none}.filter-section .filter-radios{display:flex;flex-direction:column;gap:12px}.filter-section .filter-radios.scrollable{max-height:100px;overflow-y:auto;padding-right:8px;gap:8px}.filter-section .filter-radios.scrollable::-webkit-scrollbar{width:4px}.filter-section .filter-radios.scrollable::-webkit-scrollbar-thumb{background-color:var(--neutral-light);border-radius:2px}.filter-section .filter-radios.scrollable:after{display:none}@media screen and (max-width: 1024px){.filter-checkboxes.scrollable,.filter-radios.scrollable{max-height:100px}.filter-checkboxes:after{display:none;background-color:transparent}}.filter-actions{display:flex;flex-direction:column;gap:0}.filter-actions:before{content:\"\";display:block;width:100%;height:1px;background:linear-gradient(90deg,var(--neutral-light) 75%,transparent 15%);background-size:10px 1px;background-repeat:repeat-x;margin-bottom:20px}.filter-actions .main-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.filter-actions .divider-strong{height:1px;width:100%;margin-top:20px;margin-bottom:16px;background:linear-gradient(90deg,#e2e2e2 70%,transparent 70%);background-size:4px 1px;background-repeat:repeat-x}.filter-actions .close-action-wrapper{display:flex;justify-content:center;width:100%}.filter-actions .close-action{display:inline-flex;align-items:center;gap:8px}.filter-actions .close-action cura-button-transparent{padding:0;margin:0;background:transparent;border:none;color:inherit}.filter-actions cura-button-transparent{display:flex;justify-content:flex-start;text-align:left;flex:0 1 auto}.filter-actions cura-button{display:flex;justify-content:flex-start;text-align:left;flex:1 0 auto}@media screen and (max-width: 1024px){.filter-checkboxes:after{background-color:transparent}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: FilterGenericComponent, isStandalone: true, selector: "rdsite-filter-generic", inputs: { withContainerStyle: "withContainerStyle", showClearButton: "showClearButton", showApplyButton: "showApplyButton", showCloseButton: "showCloseButton", disableButtonsWithoutSelection: "disableButtonsWithoutSelection", showBadge: "showBadge", showToggleIcon: "showToggleIcon", isFilterOpen: "isFilterOpen", mobileBehavior: "mobileBehavior", forceCollapsed: "forceCollapsed", emitOnReset: "emitOnReset", textTitle: "textTitle", sections: "sections" }, outputs: { filterChange: "filterChange", closeModal: "closeModal", openMobileFilter: "openMobileFilter" }, host: { properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "<div\r\n  class=\"filter-generic\"\r\n  [ngClass]=\"{ 'container-style': withContainerStyle, 'clickable-mobile': shouldHandleMobileClick() }\"\r\n  aria-label=\"Filtros\"\r\n  (click)=\"handleMobileClick()\"\r\n>\r\n  <div class=\"filter-header-container\" [ngClass]=\"{ 'no-padding': !isFilterOpen, hidden: !isFilterOpen }\">\r\n    <div class=\"filter-title-wrapper\">\r\n      <cura-label size=\"medium\" level=\"4\" color=\"neutral-black\" weight=\"regular\" margin-block=\"0\" line-height=\"16px\">\r\n        {{ textTitle }}\r\n      </cura-label>\r\n\r\n      @if (showBadge) {\r\n        <cura-badge-counter\r\n          [type]=\"'solid'\"\r\n          [color]=\"hasSelection() ? 'primary' : 'neutral'\"\r\n          [number]=\"selectedFiltersCount\"\r\n          class=\"filter-badge\"\r\n        ></cura-badge-counter>\r\n      }\r\n    </div>\r\n\r\n    @if (showToggleIcon) {\r\n      <cura-button-transparent size=\"small\" font-color=\"dark\" color=\"primary\" text-align=\"center\" (click)=\"toggleFilter()\" [attr.aria-expanded]=\"isFilterOpen\">\r\n        <cura-icon [name]=\"isFilterOpen ? 'up' : 'down'\" size=\"16\" class=\"filter-icon\" color=\"primary-dark\"></cura-icon>\r\n      </cura-button-transparent>\r\n    }\r\n  </div>\r\n\r\n  <div class=\"filter-content\" [class.hidden]=\"!isFilterOpen || (forceCollapsed && isMobile())\">\r\n    @for (section of sections; track section.type) {\r\n      @if (section.visible !== false) {\r\n        <div class=\"filter-section\">\r\n          @switch (section.type) {\r\n            @case ('input') {\r\n              <cura-input-text\r\n                [placeholder]=\"section.config.placeholder || ''\"\r\n                [name]=\"section.config.name || ''\"\r\n                [iconName]=\"section.config.iconName || ''\"\r\n                [attr.value]=\"section.config.control.value\"\r\n                (valueChange)=\"handleInputChange($event, section.config.control)\"\r\n              ></cura-input-text>\r\n            }\r\n            @case ('select') {\r\n              <cura-select\r\n                [label]=\"section.config.label || ''\"\r\n                [placeholder]=\"section.config.placeholder || ''\"\r\n                [attr.value]=\"section.config.control.value\"\r\n                (selected)=\"handleSelectChange($event, section.config.control)\"\r\n              >\r\n                @if (section.config.includeDefaultOption) {\r\n                  <cura-select-option [attr.value]=\"''\">{{ section.config.defaultOptionText || 'Fa\u00E7a a sua Sele\u00E7\u00E3o' }}</cura-select-option>\r\n                }\r\n                @for (option of section.config.options || []; track option?.value) {\r\n                  <cura-select-option [attr.value]=\"option?.value\">{{ option?.label }}</cura-select-option>\r\n                }\r\n              </cura-select>\r\n            }\r\n            @case ('checkbox-group') {\r\n              @if (section.config.title) {\r\n                <div class=\"filter-header\">\r\n                  <cura-icon name=\"filter\" size=\"20\" color=\"info-dark\"></cura-icon>\r\n                  <cura-heading size=\"xsmall\" level=\"5\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\">\r\n                    {{ section.config.title }}\r\n                  </cura-heading>\r\n                </div>\r\n              }\r\n              @if (section.config.subtitle) {\r\n                <div class=\"filter-subtitle\">\r\n                  <cura-heading size=\"xsmall\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\">\r\n                    {{ section.config.subtitle }}\r\n                  </cura-heading>\r\n                </div>\r\n              }\r\n\r\n              @if (section.config.description) {\r\n                <div class=\"filter-description\">\r\n                  <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" margin-block=\"0\">\r\n                    {{ section.config.description }}\r\n                  </cura-paragraph>\r\n                </div>\r\n              }\r\n\r\n              <div class=\"filter-checkboxes\" [class.scrollable]=\"hasScroll(section)\">\r\n                @for (option of section.config.options || []; track option?.value) {\r\n                  <cura-checkbox\r\n                    color=\"primary\"\r\n                    size=\"small\"\r\n                    icon-color=\"light\"\r\n                    [attr.name]=\"option?.label\"\r\n                    [attr.label]=\"option?.label\"\r\n                    [attr.value]=\"option?.value\"\r\n                    [attr.checked]=\"option?.checked\"\r\n                    (onchange)=\"handleCheckboxChange($event, section.config.options)\"\r\n                  ></cura-checkbox>\r\n                }\r\n              </div>\r\n            }\r\n            @case ('radio-group') {\r\n              <div class=\"filter-radios\" [class.scrollable]=\"hasScroll(section)\">\r\n                @for (option of section.config.options || []; track option?.value) {\r\n                  <cura-radio\r\n                    [name]=\"section.config.name || 'radio-group'\"\r\n                    [label]=\"option.label\"\r\n                    [value]=\"option.value\"\r\n                    [checked]=\"getRadioGroupValue(section.config.control) === option.value\"\r\n                    (onchange)=\"handleRadioChange($event, section.config.control)\"\r\n                  ></cura-radio>\r\n                }\r\n              </div>\r\n            }\r\n            @case ('custom') {\r\n              <ng-container *ngTemplateOutlet=\"section.config.template\"></ng-container>\r\n            }\r\n          }\r\n        </div>\r\n      }\r\n    }\r\n  </div>\r\n\r\n  <div class=\"filter-actions\" [class.hidden]=\"!isFilterOpen || (forceCollapsed && isMobile())\">\r\n    <div class=\"main-actions\">\r\n      @if (showClearButton) {\r\n        <cura-button-transparent\r\n          size=\"small\"\r\n          font-color=\"dark\"\r\n          color=\"primary\"\r\n          text-align=\"center\"\r\n          [disabled]=\"disableButtonsWithoutSelection && !hasSelection()\"\r\n          (click)=\"reset()\"\r\n        >\r\n          <span>Limpar todos os filtros</span>\r\n        </cura-button-transparent>\r\n      }\r\n\r\n      @if (showApplyButton) {\r\n        <cura-button\r\n          size=\"medium\"\r\n          font-color=\"light\"\r\n          color=\"primary\"\r\n          text-align=\"center\"\r\n          (click)=\"filter()\"\r\n          [disabled]=\"disableButtonsWithoutSelection && !hasSelection()\"\r\n          class=\"filter-button\"\r\n        >\r\n          Filtrar\r\n        </cura-button>\r\n      }\r\n    </div>\r\n\r\n    @if (showCloseButton) {\r\n      <div class=\"divider-strong\"></div>\r\n      <div class=\"close-action-wrapper\">\r\n        <div class=\"close-action\" (click)=\"close()\">\r\n          <cura-icon name=\"close\" color=\"error-dark\" size=\"small\"></cura-icon>\r\n          <cura-button-transparent size=\"\" type=\"button\" color=\"error\" target=\"_self\"> Fechar </cura-button-transparent>\r\n        </div>\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: [":host *{font-family:Gotham,Roboto,sans-serif}.filter-generic{display:flex;flex-direction:column;gap:18px}.filter-generic.clickable-mobile{cursor:pointer}.filter-generic.clickable-mobile:hover{background-color:var(--primary-lighter)}.filter-generic.container-style{width:100%;padding:20px;border-radius:12px;border:2px solid var(--neutral-lighter);background-color:var(--neutral-purewhite)}.filter-generic cura-loader-circle{display:flex;justify-content:center;align-items:center;width:100%;min-height:100px}.filter-header-container{display:flex;padding-bottom:12px;align-items:center}.filter-header-container.no-padding{padding-bottom:0}.filter-header-container .filter-title-wrapper{display:flex;align-items:center;justify-content:space-between;flex:1 0 0}.filter-header-container .filter-badge{display:flex;height:20px;min-width:20px;justify-content:center;align-items:center;gap:4px}.filter-header-container .filter-icon{display:block}.filter-content,.filter-actions{transition:all .3s ease}.filter-content.hidden,.filter-actions.hidden{display:none;height:0;overflow:hidden;opacity:0;margin:0;padding:0}.filter-section{display:flex;flex-direction:column;gap:24px}.filter-section .filter-header{display:flex;align-items:center;gap:14px}.filter-section .filter-subtitle{font-weight:500}.filter-section .filter-description{display:flex;flex-direction:column;gap:8px}.filter-section .filter-description:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:12px;grid-column:1/-1}.filter-section .filter-checkboxes{display:grid;grid-template-columns:repeat(2,1fr);gap:11px 0px}.filter-section .filter-checkboxes.scrollable{max-height:100px;overflow-y:auto;grid-template-columns:1fr;padding-right:8px;gap:12px}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar{width:8px}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar-thumb{background:var(--neutral-medium)}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar-track{background:var(--neutral-opacity-dark)}.filter-section .filter-checkboxes.scrollable:after{display:none}.filter-section .filter-radios{display:flex;flex-direction:column;gap:12px}.filter-section .filter-radios.scrollable{max-height:100px;overflow-y:auto;padding-right:8px;gap:8px}.filter-section .filter-radios.scrollable::-webkit-scrollbar{width:8px}.filter-section .filter-radios.scrollable::-webkit-scrollbar-thumb{background:var(--neutral-medium)}.filter-section .filter-radios.scrollable::-webkit-scrollbar-track{background:var(--neutral-opacity-dark)}.filter-section .filter-radios.scrollable:after{display:none}@media screen and (max-width: 1024px){.filter-checkboxes.scrollable,.filter-radios.scrollable{max-height:100px}.filter-checkboxes:after{display:none;background-color:transparent}}.filter-actions{display:flex;flex-direction:column;gap:0}.filter-actions:before{content:\"\";display:block;width:100%;height:1px;background:linear-gradient(90deg,var(--neutral-light) 75%,transparent 15%);background-size:10px 1px;background-repeat:repeat-x;margin-bottom:20px}.filter-actions .main-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.filter-actions .divider-strong{height:1px;width:100%;margin-top:20px;margin-bottom:16px;background:linear-gradient(90deg,#e2e2e2 70%,transparent 70%);background-size:4px 1px;background-repeat:repeat-x}.filter-actions .close-action-wrapper{display:flex;justify-content:center;width:100%}.filter-actions .close-action{display:inline-flex;align-items:center;gap:8px}.filter-actions .close-action cura-button-transparent{padding:0;margin:0;background:transparent;border:none;color:inherit}.filter-actions cura-button-transparent{display:flex;justify-content:flex-start;text-align:left;flex:0 1 auto}.filter-actions cura-button{display:flex;justify-content:flex-start;text-align:left;flex:1 0 auto}@media screen and (max-width: 1024px){.filter-checkboxes:after{background-color:transparent}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }] }); }
 }
 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\r\n  class=\"filter-generic\"\r\n  [ngClass]=\"{ 'container-style': withContainerStyle, 'clickable-mobile': shouldHandleMobileClick() }\"\r\n  aria-label=\"Filtros\"\r\n  (click)=\"handleMobileClick()\"\r\n>\r\n  <div class=\"filter-header-container\" [ngClass]=\"{ 'no-padding': !isFilterOpen, hidden: !isFilterOpen }\">\r\n    <div class=\"filter-title-wrapper\">\r\n      <cura-heading size=\"small\" level=\"4\" color=\"neutral-black\" weight=\"bold\" margin-block=\"0\" line-height=\"16px\">\r\n        {{ textTitle }}\r\n      </cura-heading>\r\n\r\n      @if (showBadge) {\r\n        <cura-badge-counter\r\n          [type]=\"'solid'\"\r\n          [color]=\"hasSelection() ? 'primary' : 'neutral'\"\r\n          [number]=\"selectedFiltersCount\"\r\n          class=\"filter-badge\"\r\n        ></cura-badge-counter>\r\n      }\r\n    </div>\r\n\r\n    @if (showToggleIcon) {\r\n      <cura-button-transparent size=\"small\" font-color=\"dark\" color=\"primary\" text-align=\"center\" (click)=\"toggleFilter()\" [attr.aria-expanded]=\"isFilterOpen\">\r\n        <cura-icon [name]=\"isFilterOpen ? 'up' : 'down'\" size=\"16\" class=\"filter-icon\" color=\"primary-dark\"></cura-icon>\r\n      </cura-button-transparent>\r\n    }\r\n  </div>\r\n\r\n  <div class=\"filter-content\" [class.hidden]=\"!isFilterOpen || (forceCollapsed && isMobile())\">\r\n    @for (section of sections; track section.type) {\r\n      @if (section.visible !== false) {\r\n        <div class=\"filter-section\">\r\n          @switch (section.type) {\r\n            @case ('input') {\r\n              <cura-input-text\r\n                [placeholder]=\"section.config.placeholder || ''\"\r\n                [name]=\"section.config.name || ''\"\r\n                [iconName]=\"section.config.iconName || ''\"\r\n                [attr.value]=\"section.config.control.value\"\r\n                (valueChange)=\"handleInputChange($event, section.config.control)\"\r\n              ></cura-input-text>\r\n            }\r\n            @case ('select') {\r\n              <cura-select\r\n                [label]=\"section.config.label || ''\"\r\n                [placeholder]=\"section.config.placeholder || ''\"\r\n                [attr.value]=\"section.config.control.value\"\r\n                (selected)=\"handleSelectChange($event, section.config.control)\"\r\n              >\r\n                @if (section.config.includeDefaultOption) {\r\n                  <cura-select-option [attr.value]=\"''\">{{ section.config.defaultOptionText || 'Fa\u00E7a a sua Sele\u00E7\u00E3o' }}</cura-select-option>\r\n                }\r\n                @for (option of section.config.options || []; track option?.value) {\r\n                  <cura-select-option [attr.value]=\"option?.value\">{{ option?.label }}</cura-select-option>\r\n                }\r\n              </cura-select>\r\n            }\r\n            @case ('checkbox-group') {\r\n              @if (section.config.title) {\r\n                <div class=\"filter-header\">\r\n                  <cura-icon name=\"filter\" size=\"20\" color=\"info-dark\"></cura-icon>\r\n                  <cura-heading size=\"xsmall\" level=\"5\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\">\r\n                    {{ section.config.title }}\r\n                  </cura-heading>\r\n                </div>\r\n              }\r\n              @if (section.config.subtitle) {\r\n                <div class=\"filter-subtitle\">\r\n                  <cura-heading size=\"xsmall\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\">\r\n                    {{ section.config.subtitle }}\r\n                  </cura-heading>\r\n                </div>\r\n              }\r\n\r\n              @if (section.config.description) {\r\n                <div class=\"filter-description\">\r\n                  <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" margin-block=\"0\">\r\n                    {{ section.config.description }}\r\n                  </cura-paragraph>\r\n                </div>\r\n              }\r\n\r\n              <div class=\"filter-checkboxes\" [class.scrollable]=\"hasScroll(section)\">\r\n                @for (option of section.config.options || []; track option?.value) {\r\n                  <cura-checkbox\r\n                    color=\"primary\"\r\n                    size=\"small\"\r\n                    icon-color=\"light\"\r\n                    [attr.name]=\"option?.label\"\r\n                    [attr.label]=\"option?.label\"\r\n                    [attr.value]=\"option?.value\"\r\n                    [attr.checked]=\"option?.checked\"\r\n                    (onchange)=\"handleCheckboxChange($event, section.config.options)\"\r\n                  ></cura-checkbox>\r\n                }\r\n              </div>\r\n            }\r\n            @case ('radio-group') {\r\n              <div class=\"filter-radios\" [class.scrollable]=\"hasScroll(section)\">\r\n                @for (option of section.config.options || []; track option?.value) {\r\n                  <cura-radio\r\n                    [name]=\"section.config.name || 'radio-group'\"\r\n                    [label]=\"option.label\"\r\n                    [value]=\"option.value\"\r\n                    [checked]=\"getRadioGroupValue(section.config.control) === option.value\"\r\n                    (onchange)=\"handleRadioChange($event, section.config.control)\"\r\n                  ></cura-radio>\r\n                }\r\n              </div>\r\n            }\r\n            @case ('custom') {\r\n              <ng-container *ngTemplateOutlet=\"section.config.template\"></ng-container>\r\n            }\r\n          }\r\n        </div>\r\n      }\r\n    }\r\n  </div>\r\n\r\n  <div class=\"filter-actions\" [class.hidden]=\"!isFilterOpen || (forceCollapsed && isMobile())\">\r\n    <div class=\"main-actions\">\r\n      @if (showClearButton) {\r\n        <cura-button-transparent\r\n          size=\"small\"\r\n          font-color=\"dark\"\r\n          color=\"primary\"\r\n          text-align=\"center\"\r\n          [disabled]=\"disableButtonsWithoutSelection && !hasSelection()\"\r\n          (click)=\"reset()\"\r\n        >\r\n          <span>Limpar todos os filtros</span>\r\n        </cura-button-transparent>\r\n      }\r\n\r\n      @if (showApplyButton) {\r\n        <cura-button\r\n          size=\"medium\"\r\n          font-color=\"light\"\r\n          color=\"primary\"\r\n          text-align=\"center\"\r\n          (click)=\"filter()\"\r\n          [disabled]=\"disableButtonsWithoutSelection && !hasSelection()\"\r\n          class=\"filter-button\"\r\n        >\r\n          Filtrar\r\n        </cura-button>\r\n      }\r\n    </div>\r\n\r\n    @if (showCloseButton) {\r\n      <div class=\"divider-strong\"></div>\r\n      <div class=\"close-action-wrapper\">\r\n        <div class=\"close-action\" (click)=\"close()\">\r\n          <cura-icon name=\"close\" color=\"error-dark\" size=\"small\"></cura-icon>\r\n          <cura-button-transparent size=\"\" type=\"button\" color=\"error\" target=\"_self\"> Fechar </cura-button-transparent>\r\n        </div>\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: [":host *{font-family:Gotham,Roboto,sans-serif}.filter-generic{display:flex;flex-direction:column;gap:18px}.filter-generic.clickable-mobile{cursor:pointer}.filter-generic.clickable-mobile:hover{background-color:var(--primary-lighter)}.filter-generic.container-style{width:100%;padding:20px;border-radius:12px;border:2px solid var(--neutral-lighter);background-color:var(--neutral-purewhite)}.filter-generic cura-loader-circle{display:flex;justify-content:center;align-items:center;width:100%;min-height:100px}.filter-header-container{display:flex;padding-bottom:12px;align-items:center}.filter-header-container.no-padding{padding-bottom:0}.filter-header-container .filter-title-wrapper{display:flex;align-items:center;justify-content:space-between;flex:1 0 0}.filter-header-container .filter-badge{display:flex;height:20px;min-width:20px;justify-content:center;align-items:center;gap:4px}.filter-header-container .filter-icon{display:block}.filter-content,.filter-actions{transition:all .3s ease}.filter-content.hidden,.filter-actions.hidden{display:none;height:0;overflow:hidden;opacity:0;margin:0;padding:0}.filter-section{display:flex;flex-direction:column;gap:24px}.filter-section .filter-header{display:flex;align-items:center;gap:14px}.filter-section .filter-subtitle{font-weight:500}.filter-section .filter-description{display:flex;flex-direction:column;gap:8px}.filter-section .filter-description:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:12px;grid-column:1/-1}.filter-section .filter-checkboxes{display:grid;grid-template-columns:repeat(2,1fr);gap:11px 0px}.filter-section .filter-checkboxes.scrollable{max-height:100px;overflow-y:auto;grid-template-columns:1fr;padding-right:8px;gap:12px}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar{width:4px}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar-thumb{background-color:var(--neutral-light);border-radius:2px}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar-track{background-color:var(--neutral-lighter)}.filter-section .filter-checkboxes.scrollable:after{display:none}.filter-section .filter-radios{display:flex;flex-direction:column;gap:12px}.filter-section .filter-radios.scrollable{max-height:100px;overflow-y:auto;padding-right:8px;gap:8px}.filter-section .filter-radios.scrollable::-webkit-scrollbar{width:4px}.filter-section .filter-radios.scrollable::-webkit-scrollbar-thumb{background-color:var(--neutral-light);border-radius:2px}.filter-section .filter-radios.scrollable:after{display:none}@media screen and (max-width: 1024px){.filter-checkboxes.scrollable,.filter-radios.scrollable{max-height:100px}.filter-checkboxes:after{display:none;background-color:transparent}}.filter-actions{display:flex;flex-direction:column;gap:0}.filter-actions:before{content:\"\";display:block;width:100%;height:1px;background:linear-gradient(90deg,var(--neutral-light) 75%,transparent 15%);background-size:10px 1px;background-repeat:repeat-x;margin-bottom:20px}.filter-actions .main-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.filter-actions .divider-strong{height:1px;width:100%;margin-top:20px;margin-bottom:16px;background:linear-gradient(90deg,#e2e2e2 70%,transparent 70%);background-size:4px 1px;background-repeat:repeat-x}.filter-actions .close-action-wrapper{display:flex;justify-content:center;width:100%}.filter-actions .close-action{display:inline-flex;align-items:center;gap:8px}.filter-actions .close-action cura-button-transparent{padding:0;margin:0;background:transparent;border:none;color:inherit}.filter-actions cura-button-transparent{display:flex;justify-content:flex-start;text-align:left;flex:0 1 auto}.filter-actions cura-button{display:flex;justify-content:flex-start;text-align:left;flex:1 0 auto}@media screen and (max-width: 1024px){.filter-checkboxes:after{background-color:transparent}}\n"] }]
+            args: [{ selector: 'rdsite-filter-generic', standalone: true, imports: [CommonModule, ReactiveFormsModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div\r\n  class=\"filter-generic\"\r\n  [ngClass]=\"{ 'container-style': withContainerStyle, 'clickable-mobile': shouldHandleMobileClick() }\"\r\n  aria-label=\"Filtros\"\r\n  (click)=\"handleMobileClick()\"\r\n>\r\n  <div class=\"filter-header-container\" [ngClass]=\"{ 'no-padding': !isFilterOpen, hidden: !isFilterOpen }\">\r\n    <div class=\"filter-title-wrapper\">\r\n      <cura-label size=\"medium\" level=\"4\" color=\"neutral-black\" weight=\"regular\" margin-block=\"0\" line-height=\"16px\">\r\n        {{ textTitle }}\r\n      </cura-label>\r\n\r\n      @if (showBadge) {\r\n        <cura-badge-counter\r\n          [type]=\"'solid'\"\r\n          [color]=\"hasSelection() ? 'primary' : 'neutral'\"\r\n          [number]=\"selectedFiltersCount\"\r\n          class=\"filter-badge\"\r\n        ></cura-badge-counter>\r\n      }\r\n    </div>\r\n\r\n    @if (showToggleIcon) {\r\n      <cura-button-transparent size=\"small\" font-color=\"dark\" color=\"primary\" text-align=\"center\" (click)=\"toggleFilter()\" [attr.aria-expanded]=\"isFilterOpen\">\r\n        <cura-icon [name]=\"isFilterOpen ? 'up' : 'down'\" size=\"16\" class=\"filter-icon\" color=\"primary-dark\"></cura-icon>\r\n      </cura-button-transparent>\r\n    }\r\n  </div>\r\n\r\n  <div class=\"filter-content\" [class.hidden]=\"!isFilterOpen || (forceCollapsed && isMobile())\">\r\n    @for (section of sections; track section.type) {\r\n      @if (section.visible !== false) {\r\n        <div class=\"filter-section\">\r\n          @switch (section.type) {\r\n            @case ('input') {\r\n              <cura-input-text\r\n                [placeholder]=\"section.config.placeholder || ''\"\r\n                [name]=\"section.config.name || ''\"\r\n                [iconName]=\"section.config.iconName || ''\"\r\n                [attr.value]=\"section.config.control.value\"\r\n                (valueChange)=\"handleInputChange($event, section.config.control)\"\r\n              ></cura-input-text>\r\n            }\r\n            @case ('select') {\r\n              <cura-select\r\n                [label]=\"section.config.label || ''\"\r\n                [placeholder]=\"section.config.placeholder || ''\"\r\n                [attr.value]=\"section.config.control.value\"\r\n                (selected)=\"handleSelectChange($event, section.config.control)\"\r\n              >\r\n                @if (section.config.includeDefaultOption) {\r\n                  <cura-select-option [attr.value]=\"''\">{{ section.config.defaultOptionText || 'Fa\u00E7a a sua Sele\u00E7\u00E3o' }}</cura-select-option>\r\n                }\r\n                @for (option of section.config.options || []; track option?.value) {\r\n                  <cura-select-option [attr.value]=\"option?.value\">{{ option?.label }}</cura-select-option>\r\n                }\r\n              </cura-select>\r\n            }\r\n            @case ('checkbox-group') {\r\n              @if (section.config.title) {\r\n                <div class=\"filter-header\">\r\n                  <cura-icon name=\"filter\" size=\"20\" color=\"info-dark\"></cura-icon>\r\n                  <cura-heading size=\"xsmall\" level=\"5\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\">\r\n                    {{ section.config.title }}\r\n                  </cura-heading>\r\n                </div>\r\n              }\r\n              @if (section.config.subtitle) {\r\n                <div class=\"filter-subtitle\">\r\n                  <cura-heading size=\"xsmall\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\">\r\n                    {{ section.config.subtitle }}\r\n                  </cura-heading>\r\n                </div>\r\n              }\r\n\r\n              @if (section.config.description) {\r\n                <div class=\"filter-description\">\r\n                  <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" margin-block=\"0\">\r\n                    {{ section.config.description }}\r\n                  </cura-paragraph>\r\n                </div>\r\n              }\r\n\r\n              <div class=\"filter-checkboxes\" [class.scrollable]=\"hasScroll(section)\">\r\n                @for (option of section.config.options || []; track option?.value) {\r\n                  <cura-checkbox\r\n                    color=\"primary\"\r\n                    size=\"small\"\r\n                    icon-color=\"light\"\r\n                    [attr.name]=\"option?.label\"\r\n                    [attr.label]=\"option?.label\"\r\n                    [attr.value]=\"option?.value\"\r\n                    [attr.checked]=\"option?.checked\"\r\n                    (onchange)=\"handleCheckboxChange($event, section.config.options)\"\r\n                  ></cura-checkbox>\r\n                }\r\n              </div>\r\n            }\r\n            @case ('radio-group') {\r\n              <div class=\"filter-radios\" [class.scrollable]=\"hasScroll(section)\">\r\n                @for (option of section.config.options || []; track option?.value) {\r\n                  <cura-radio\r\n                    [name]=\"section.config.name || 'radio-group'\"\r\n                    [label]=\"option.label\"\r\n                    [value]=\"option.value\"\r\n                    [checked]=\"getRadioGroupValue(section.config.control) === option.value\"\r\n                    (onchange)=\"handleRadioChange($event, section.config.control)\"\r\n                  ></cura-radio>\r\n                }\r\n              </div>\r\n            }\r\n            @case ('custom') {\r\n              <ng-container *ngTemplateOutlet=\"section.config.template\"></ng-container>\r\n            }\r\n          }\r\n        </div>\r\n      }\r\n    }\r\n  </div>\r\n\r\n  <div class=\"filter-actions\" [class.hidden]=\"!isFilterOpen || (forceCollapsed && isMobile())\">\r\n    <div class=\"main-actions\">\r\n      @if (showClearButton) {\r\n        <cura-button-transparent\r\n          size=\"small\"\r\n          font-color=\"dark\"\r\n          color=\"primary\"\r\n          text-align=\"center\"\r\n          [disabled]=\"disableButtonsWithoutSelection && !hasSelection()\"\r\n          (click)=\"reset()\"\r\n        >\r\n          <span>Limpar todos os filtros</span>\r\n        </cura-button-transparent>\r\n      }\r\n\r\n      @if (showApplyButton) {\r\n        <cura-button\r\n          size=\"medium\"\r\n          font-color=\"light\"\r\n          color=\"primary\"\r\n          text-align=\"center\"\r\n          (click)=\"filter()\"\r\n          [disabled]=\"disableButtonsWithoutSelection && !hasSelection()\"\r\n          class=\"filter-button\"\r\n        >\r\n          Filtrar\r\n        </cura-button>\r\n      }\r\n    </div>\r\n\r\n    @if (showCloseButton) {\r\n      <div class=\"divider-strong\"></div>\r\n      <div class=\"close-action-wrapper\">\r\n        <div class=\"close-action\" (click)=\"close()\">\r\n          <cura-icon name=\"close\" color=\"error-dark\" size=\"small\"></cura-icon>\r\n          <cura-button-transparent size=\"\" type=\"button\" color=\"error\" target=\"_self\"> Fechar </cura-button-transparent>\r\n        </div>\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: [":host *{font-family:Gotham,Roboto,sans-serif}.filter-generic{display:flex;flex-direction:column;gap:18px}.filter-generic.clickable-mobile{cursor:pointer}.filter-generic.clickable-mobile:hover{background-color:var(--primary-lighter)}.filter-generic.container-style{width:100%;padding:20px;border-radius:12px;border:2px solid var(--neutral-lighter);background-color:var(--neutral-purewhite)}.filter-generic cura-loader-circle{display:flex;justify-content:center;align-items:center;width:100%;min-height:100px}.filter-header-container{display:flex;padding-bottom:12px;align-items:center}.filter-header-container.no-padding{padding-bottom:0}.filter-header-container .filter-title-wrapper{display:flex;align-items:center;justify-content:space-between;flex:1 0 0}.filter-header-container .filter-badge{display:flex;height:20px;min-width:20px;justify-content:center;align-items:center;gap:4px}.filter-header-container .filter-icon{display:block}.filter-content,.filter-actions{transition:all .3s ease}.filter-content.hidden,.filter-actions.hidden{display:none;height:0;overflow:hidden;opacity:0;margin:0;padding:0}.filter-section{display:flex;flex-direction:column;gap:24px}.filter-section .filter-header{display:flex;align-items:center;gap:14px}.filter-section .filter-subtitle{font-weight:500}.filter-section .filter-description{display:flex;flex-direction:column;gap:8px}.filter-section .filter-description:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:12px;grid-column:1/-1}.filter-section .filter-checkboxes{display:grid;grid-template-columns:repeat(2,1fr);gap:11px 0px}.filter-section .filter-checkboxes.scrollable{max-height:100px;overflow-y:auto;grid-template-columns:1fr;padding-right:8px;gap:12px}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar{width:8px}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar-thumb{background:var(--neutral-medium)}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar-track{background:var(--neutral-opacity-dark)}.filter-section .filter-checkboxes.scrollable:after{display:none}.filter-section .filter-radios{display:flex;flex-direction:column;gap:12px}.filter-section .filter-radios.scrollable{max-height:100px;overflow-y:auto;padding-right:8px;gap:8px}.filter-section .filter-radios.scrollable::-webkit-scrollbar{width:8px}.filter-section .filter-radios.scrollable::-webkit-scrollbar-thumb{background:var(--neutral-medium)}.filter-section .filter-radios.scrollable::-webkit-scrollbar-track{background:var(--neutral-opacity-dark)}.filter-section .filter-radios.scrollable:after{display:none}@media screen and (max-width: 1024px){.filter-checkboxes.scrollable,.filter-radios.scrollable{max-height:100px}.filter-checkboxes:after{display:none;background-color:transparent}}.filter-actions{display:flex;flex-direction:column;gap:0}.filter-actions:before{content:\"\";display:block;width:100%;height:1px;background:linear-gradient(90deg,var(--neutral-light) 75%,transparent 15%);background-size:10px 1px;background-repeat:repeat-x;margin-bottom:20px}.filter-actions .main-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.filter-actions .divider-strong{height:1px;width:100%;margin-top:20px;margin-bottom:16px;background:linear-gradient(90deg,#e2e2e2 70%,transparent 70%);background-size:4px 1px;background-repeat:repeat-x}.filter-actions .close-action-wrapper{display:flex;justify-content:center;width:100%}.filter-actions .close-action{display:inline-flex;align-items:center;gap:8px}.filter-actions .close-action cura-button-transparent{padding:0;margin:0;background:transparent;border:none;color:inherit}.filter-actions cura-button-transparent{display:flex;justify-content:flex-start;text-align:left;flex:0 1 auto}.filter-actions cura-button{display:flex;justify-content:flex-start;text-align:left;flex:1 0 auto}@media screen and (max-width: 1024px){.filter-checkboxes:after{background-color:transparent}}\n"] }]
         }], ctorParameters: () => [{ type: CuraService }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [PLATFORM_ID]