npm - @rededor/site-front-end-lib - Versions diffs - 20.0.16 → 20.0.17 - Mend

@rededor/site-front-end-lib 20.0.16 → 20.0.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (145) hide show

package/fesm2022/rededor-site-front-end-lib-components-cta-wrapper.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"rededor-site-front-end-lib-components-cta-wrapper.mjs","sources":["../../../projects/site-front-end-lib/components/cta-wrapper/cta-wrapper.component.ts","../../../projects/site-front-end-lib/components/cta-wrapper/cta-wrapper.component.html","../../../projects/site-front-end-lib/components/cta-wrapper/rededor-site-front-end-lib-components-cta-wrapper.ts"],"sourcesContent":["import { isPlatformBrowser } from '@angular/common';\r\nimport { Component, HostBinding, HostListener, OnInit, PLATFORM_ID, input, viewChild, inject, output } from '@angular/core';\r\nimport { NguCarousel, NguCarouselConfig, NguCarouselDefDirective, NguItemComponent } from '@ngu/carousel';\r\nimport { CtaWrapper, RdsiteLinkDirective } from '@rededor/site-front-end-lib/core';\r\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\r\nimport { CuraIconComponent } from '@rededor/site-front-end-lib/cura/icons/cura-icon';\r\nimport { NguCarouselService } from '@rededor/site-front-end-lib/services/ngu-carousel';\r\nimport { MediaQueries } from '@rededor/site-front-end-lib/shared';\r\n\r\n@Component({\r\n selector: 'rdsite-cta-wrapper',\r\n imports: [NguCarousel, NguItemComponent, NguCarouselDefDirective, RdsiteLinkDirective, CuraIconComponent],\r\n templateUrl: './cta-wrapper.component.html',\r\n styleUrl: './cta-wrapper.component.scss',\r\n})\r\nexport class CtaWrapperComponent implements OnInit {\r\n private readonly curaApiService = inject(CuraApiService);\r\n private nguService = inject(NguCarouselService);\r\n private readonly platformId = inject(PLATFORM_ID);\r\n\r\n readonly content = input<CtaWrapper \| null>(null);\r\n readonly showTitleAndText = input(true);\r\n readonly colors = input<{\r\n border: string;\r\n icon: string;\r\n }>({ border: 'primary-base', icon: 'primary-dark' });\r\n\r\n readonly ctaWrapperItemClick = output<Event>();\r\n\r\n carouselCtasConfig!: NguCarouselConfig;\r\n\r\n bannerControl = false;\r\n seeMoreControl = false;\r\n\r\n readonly nguCarouselCtas = viewChild.required<NguCarousel<any, any>>('nguCarouselCtas');\r\n\r\n @HostListener('window:resize')\r\n onWindowResize() {\r\n if (isPlatformBrowser(this.platformId)) {\r\n this.bannerControl = window.innerWidth > MediaQueries.smallBreakpoint;\r\n }\r\n }\r\n\r\n @HostBinding('style')\r\n get style(): { [key: string]: string } {\r\n return {\r\n '--font-family': this.curaApiService.theme.fonts.getFamily('') ?? '',\r\n '--border-color': this.curaApiService.theme.colors.getColor(this.colors().border) ?? '',\r\n '--icon-color': this.curaApiService.theme.colors.getColor(this.colors().icon) ?? '',\r\n };\r\n }\r\n\r\n @HostBinding('class') class = ['rdsite-container'];\r\n\r\n ngOnInit(): void {\r\n if (isPlatformBrowser(this.platformId)) {\r\n this.bannerControl = window.innerWidth > MediaQueries.smallBreakpoint;\r\n }\r\n\r\n this.carouselCtasConfig = this.nguService.customCarouselConfig({\r\n grid: { xs: 2.1, sm: 2.1, md: 2.1, lg: 2.1, all: 0 },\r\n loop: true,\r\n interval: {\r\n timing: 600000,\r\n initialDelay: 600000,\r\n },\r\n });\r\n }\r\n\r\n moreOptions(): void {\r\n this.seeMoreControl = !this.seeMoreControl;\r\n }\r\n\r\n ctaWrapperItemClicked(event: Event) {\r\n this.ctaWrapperItemClick.emit(event);\r\n }\r\n}\r\n","@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\" (click)=\"ctaWrapperItemClicked($event)\">\r\n @if (cta?.icon) {\r\n <cura-icon [name]=\"cta.icon\" size=\"24\" [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ções</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\" (click)=\"ctaWrapperItemClicked($event)\">\r\n @if (cta?.icon) {\r\n <cura-icon [name]=\"cta.icon\" size=\"24\" [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\" (click)=\"ctaWrapperItemClicked($event)\">\r\n @if (cta?.icon) {\r\n <cura-icon [name]=\"cta.icon\" size=\"24\" [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","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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~~4pEAsDA~~,EAAA,MAAA,EAAA,CAAA,0tDAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,ED3CY,WAAW,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,YAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,cAAA,EAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,gBAAgB,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,uBAAuB,EAAA,QAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,mBAAmB,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,kBAAA,EAAA,uBAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,iBAAiB,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAI7F,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAN/B,SAAS;+BACE,oBAAoB,EAAA,OAAA,EACrB,CAAC,WAAW,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,iBAAiB,CAAC,EAAA,QAAA,EAAA,~~4pEAAA~~,EAAA,MAAA,EAAA,CAAA,0tDAAA,CAAA,EAAA;kcAuBpC,iBAAiB,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,cAAA,EAAA,CAAA;sBAErF,YAAY;uBAAC,eAAe;;sBAO5B,WAAW;uBAAC,OAAO;;sBASnB,WAAW;uBAAC,OAAO;;;AEpDtB;;AAEG;;;;"}
1	+ {"version":3,"file":"rededor-site-front-end-lib-components-cta-wrapper.mjs","sources":["../../../projects/site-front-end-lib/components/cta-wrapper/cta-wrapper.component.ts","../../../projects/site-front-end-lib/components/cta-wrapper/cta-wrapper.component.html","../../../projects/site-front-end-lib/components/cta-wrapper/rededor-site-front-end-lib-components-cta-wrapper.ts"],"sourcesContent":["import { isPlatformBrowser } from '@angular/common';\nimport { Component, HostBinding, HostListener, OnInit, PLATFORM_ID, input, viewChild, inject, output } from '@angular/core';\nimport { NguCarousel, NguCarouselConfig, NguCarouselDefDirective, NguItemComponent } from '@ngu/carousel';\nimport { CtaWrapper, RdsiteLinkDirective } from '@rededor/site-front-end-lib/core';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\nimport { CuraIconComponent } from '@rededor/site-front-end-lib/cura/icons/cura-icon';\nimport { NguCarouselService } from '@rededor/site-front-end-lib/services/ngu-carousel';\nimport { MediaQueries } from '@rededor/site-front-end-lib/shared';\n\n@Component({\n selector: 'rdsite-cta-wrapper',\n imports: [NguCarousel, NguItemComponent, NguCarouselDefDirective, RdsiteLinkDirective, CuraIconComponent],\n templateUrl: './cta-wrapper.component.html',\n styleUrl: './cta-wrapper.component.scss',\n})\nexport class CtaWrapperComponent implements OnInit {\n private readonly curaApiService = inject(CuraApiService);\n private nguService = inject(NguCarouselService);\n private readonly platformId = inject(PLATFORM_ID);\n\n readonly content = input<CtaWrapper \| null>(null);\n readonly showTitleAndText = input(true);\n readonly colors = input<{\n border: string;\n icon: string;\n }>({ border: 'primary-base', icon: 'primary-dark' });\n\n readonly ctaWrapperItemClick = output<Event>();\n\n carouselCtasConfig!: NguCarouselConfig;\n\n bannerControl = false;\n seeMoreControl = false;\n\n readonly nguCarouselCtas = viewChild.required<NguCarousel<any, any>>('nguCarouselCtas');\n\n @HostListener('window:resize')\n onWindowResize() {\n if (isPlatformBrowser(this.platformId)) {\n this.bannerControl = window.innerWidth > MediaQueries.smallBreakpoint;\n }\n }\n\n @HostBinding('style')\n get style(): { [key: string]: string } {\n return {\n '--font-family': this.curaApiService.theme.fonts.getFamily('') ?? '',\n '--border-color': this.curaApiService.theme.colors.getColor(this.colors().border) ?? '',\n '--icon-color': this.curaApiService.theme.colors.getColor(this.colors().icon) ?? '',\n };\n }\n\n @HostBinding('class') class = ['rdsite-container'];\n\n ngOnInit(): void {\n if (isPlatformBrowser(this.platformId)) {\n this.bannerControl = window.innerWidth > MediaQueries.smallBreakpoint;\n }\n\n this.carouselCtasConfig = this.nguService.customCarouselConfig({\n grid: { xs: 2.1, sm: 2.1, md: 2.1, lg: 2.1, all: 0 },\n loop: true,\n interval: {\n timing: 600000,\n initialDelay: 600000,\n },\n });\n }\n\n moreOptions(): void {\n this.seeMoreControl = !this.seeMoreControl;\n }\n\n ctaWrapperItemClicked(event: Event) {\n this.ctaWrapperItemClick.emit(event);\n }\n}\n","@if (content()?.ctas?.length) {\n @if (content()?.title && showTitleAndText()) {\n <h3 class=\"ctas-title\">{{ content()?.title }}</h3>\n }\n\n @if (content()?.text && showTitleAndText()) {\n <p class=\"ctas-text\" [innerHTML]=\"content()?.text\"></p>\n }\n\n @if (!seeMoreControl) {\n <nav class=\"ctas-wrapper\" data-testid=\"_rdsite-ctas-wrapper\">\n @if (!bannerControl) {\n <ngu-carousel #nguCarouselCtas [inputs]=\"carouselCtasConfig\" [dataSource]=\"content()?.ctas\">\n <ngu-item nguCarouselDef=\"let cta; let i = index\">\n <a rdsitelink class=\"cta\" [href]=\"cta?.link\" (click)=\"ctaWrapperItemClicked($event)\">\n @if (cta?.icon) {\n <cura-icon [name]=\"cta.icon\" size=\"24\" [color]=\"colors().icon\"></cura-icon>\n }\n <p>{{ cta?.label }}</p>\n </a>\n </ngu-item>\n </ngu-carousel>\n\n <div class=\"show-more\" data-testid=\"_rdsite-ctas-wrapper-show-more\">\n <button type=\"button\" (click)=\"moreOptions()\">Mais opções</button>\n </div>\n } @else {\n @for (cta of content()?.ctas; track $index) {\n @if (cta?.label) {\n <a rdsitelink class=\"cta\" [href]=\"cta?.link\" (click)=\"ctaWrapperItemClicked($event)\">\n @if (cta?.icon) {\n <cura-icon [name]=\"cta.icon\" size=\"24\" [color]=\"colors().icon\"></cura-icon>\n }\n <p>{{ cta?.label }}</p>\n </a>\n }\n }\n }\n </nav>\n } @else {\n <nav class=\"more-options\" data-testid=\"_rdsite-ctas-wrapper-more-options\">\n @for (cta of content()?.ctas; track $index) {\n @if (cta?.label) {\n <a rdsitelink class=\"cta\" [href]=\"cta?.link\" (click)=\"ctaWrapperItemClicked($event)\">\n @if (cta?.icon) {\n <cura-icon [name]=\"cta.icon\" size=\"24\" [color]=\"colors().icon\"></cura-icon>\n }\n <p>{{ cta?.label }}</p>\n </a>\n }\n }\n </nav>\n }\n}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -148,10 +148,10 @@ class ErrorComponent {
     ngOnDestroy() {
         this.ctasSubscription?.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: ErrorComponent, isStandalone: true, selector: "rdsite-error", inputs: { theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: true, transformFunction: null }, returnRoute: { classPropertyName: "returnRoute", publicName: "returnRoute", isSignal: true, isRequired: false, transformFunction: null }, returnLabel: { classPropertyName: "returnLabel", publicName: "returnLabel", isSignal: true, isRequired: false, transformFunction: null }, pageTitle: { classPropertyName: "pageTitle", publicName: "pageTitle", isSignal: true, isRequired: false, transformFunction: null }, component: { classPropertyName: "component", publicName: "component", isSignal: true, isRequired: false, transformFunction: null }, breadcrumbsItems: { classPropertyName: "breadcrumbsItems", publicName: "breadcrumbsItems", isSignal: true, isRequired: false, transformFunction: null } }, 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 [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        fontColor=\"light\"\r\n        iconName=\"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()\" [color]=\"curaButtonColor\" fontColor=\"light\" iconName=\"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            iconName=\"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 && 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"], outputs: ["ctaWrapperItemClick"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: BreadcrumbsComponent, selector: "rdsite-breadcrumbs", inputs: ["labelIconColor", "fontWeight", "breadcrumbs"] }, { kind: "component", type: CuraLabelComponent, selector: "cura-label", inputs: ["size", "weight", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: CuraHeadingComponent, selector: "cura-heading", inputs: ["level", "size", "weight", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: CuraParagraphComponent, selector: "cura-paragraph", inputs: ["size", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: CuraButtonComponent, selector: "cura-button", inputs: ["type", "size", "disabled", "isLoading", "iconName", "iconset", "iconPosition", "iconOnly", "href", "target", "color", "background", "fontColor", "textAlign", "justify", "ariaLabel"], outputs: ["buttonClick"] }, { kind: "component", type: CuraButtonOutlineComponent, selector: "cura-button-outline", inputs: ["type", "size", "disabled", "isLoading", "iconName", "iconset", "iconPosition", "iconOnly", "href", "target", "color", "background", "fontColor", "textAlign", "justify", "ariaLabel"], outputs: ["buttonClick"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: ErrorComponent, isStandalone: true, selector: "rdsite-error", inputs: { theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: true, transformFunction: null }, returnRoute: { classPropertyName: "returnRoute", publicName: "returnRoute", isSignal: true, isRequired: false, transformFunction: null }, returnLabel: { classPropertyName: "returnLabel", publicName: "returnLabel", isSignal: true, isRequired: false, transformFunction: null }, pageTitle: { classPropertyName: "pageTitle", publicName: "pageTitle", isSignal: true, isRequired: false, transformFunction: null }, component: { classPropertyName: "component", publicName: "component", isSignal: true, isRequired: false, transformFunction: null }, breadcrumbsItems: { classPropertyName: "breadcrumbsItems", publicName: "breadcrumbsItems", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "<div class=\"rdsite-error\">\n  @if (ctasIconColor && breadcrumbsItems().length) {\n    <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbsItems()\" [labelIconColor]=\"ctasIconColor\" [fontWeight]=\"breadcrumbFontWeight\"></rdsite-breadcrumbs>\n  }\n  <div class=\"rdsite-error-container\">\n    @if (labelTextColor) {\n      <cura-label [color]=\"labelTextColor\">\n        {{ type() === 'server-response' ? '500' : '404' }}\n      </cura-label>\n    }\n\n    <cura-heading color=\"neutral-black\" size=\"medium\" weight=\"bold\"> Algo deu errado :( </cura-heading>\n\n    @if (responseText) {\n      <cura-paragraph color=\"neutral-black\" size=\"large\">\n        {{ responseText }}\n      </cura-paragraph>\n    }\n\n    @if (type() === error.NOT_FOUND && returnRoute() && returnLabel()) {\n      <cura-button\n        rdsitelink\n        [href]=\"returnRoute()\"\n        size=\"medium\"\n        type=\"button\"\n        [color]=\"curaButtonColor\"\n        fontColor=\"light\"\n        iconName=\"arrowLeft\"\n        target=\"_self\"\n      >\n        Voltar para {{ returnLabel() }}\n      </cura-button>\n    }\n\n    @if (type() === error.SERVER_RESPONSE) {\n      @if (curaButtonColor) {\n        <cura-button size=\"medium\" type=\"button\" (click)=\"reloadPage()\" [color]=\"curaButtonColor\" fontColor=\"light\" iconName=\"reload\" target=\"_self\">\n          Atualizar p\u00E1gina novamente\n        </cura-button>\n      }\n\n      @if (returnLabel() && returnRoute()) {\n        <cura-paragraph color=\"neutral-black\" size=\"large\">ou</cura-paragraph>\n        @if (curaButtonOutlineColor) {\n          <cura-button-outline\n            rdsitelink\n            [href]=\"returnRoute()\"\n            size=\"medium\"\n            type=\"button\"\n            [color]=\"curaButtonOutlineColor\"\n            iconName=\"arrowLeft\"\n            target=\"_self\"\n          >\n            Voltar para {{ returnLabel() }}\n          </cura-button-outline>\n        }\n      }\n    }\n    @if (ctasContent.ctas && ctasContent.ctas.length > 0 && ctasBorderColor && ctasIconColor) {\n      <cura-paragraph class=\"wrapper-text\" color=\"neutral-black\" size=\"large\"> Voc\u00EA pode tamb\u00E9m: </cura-paragraph>\n\n      <rdsite-cta-wrapper [content]=\"ctasContent\" [showTitleAndText]=\"false\" [colors]=\"{ border: ctasBorderColor, icon: ctasIconColor }\"></rdsite-cta-wrapper>\n    }\n  </div>\n</div>\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"], outputs: ["ctaWrapperItemClick"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: BreadcrumbsComponent, selector: "rdsite-breadcrumbs", inputs: ["labelIconColor", "fontWeight", "breadcrumbs"] }, { kind: "component", type: CuraLabelComponent, selector: "cura-label", inputs: ["size", "weight", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: CuraHeadingComponent, selector: "cura-heading", inputs: ["level", "size", "weight", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: CuraParagraphComponent, selector: "cura-paragraph", inputs: ["size", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: CuraButtonComponent, selector: "cura-button", inputs: ["type", "size", "disabled", "isLoading", "iconName", "iconset", "iconPosition", "iconOnly", "href", "target", "color", "background", "fontColor", "textAlign", "justify", "ariaLabel"], outputs: ["buttonClick"] }, { kind: "component", type: CuraButtonOutlineComponent, selector: "cura-button-outline", inputs: ["type", "size", "disabled", "isLoading", "iconName", "iconset", "iconPosition", "iconOnly", "href", "target", "color", "background", "fontColor", "textAlign", "justify", "ariaLabel"], outputs: ["buttonClick"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ErrorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ErrorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'rdsite-error', imports: [
                         CtaWrapperComponent,
@@ -162,7 +162,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                         CuraParagraphComponent,
                         CuraButtonComponent,
                         CuraButtonOutlineComponent,
-                    ], 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 [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        fontColor=\"light\"\r\n        iconName=\"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()\" [color]=\"curaButtonColor\" fontColor=\"light\" iconName=\"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            iconName=\"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 && 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"] }]
+                    ], template: "<div class=\"rdsite-error\">\n  @if (ctasIconColor && breadcrumbsItems().length) {\n    <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbsItems()\" [labelIconColor]=\"ctasIconColor\" [fontWeight]=\"breadcrumbFontWeight\"></rdsite-breadcrumbs>\n  }\n  <div class=\"rdsite-error-container\">\n    @if (labelTextColor) {\n      <cura-label [color]=\"labelTextColor\">\n        {{ type() === 'server-response' ? '500' : '404' }}\n      </cura-label>\n    }\n\n    <cura-heading color=\"neutral-black\" size=\"medium\" weight=\"bold\"> Algo deu errado :( </cura-heading>\n\n    @if (responseText) {\n      <cura-paragraph color=\"neutral-black\" size=\"large\">\n        {{ responseText }}\n      </cura-paragraph>\n    }\n\n    @if (type() === error.NOT_FOUND && returnRoute() && returnLabel()) {\n      <cura-button\n        rdsitelink\n        [href]=\"returnRoute()\"\n        size=\"medium\"\n        type=\"button\"\n        [color]=\"curaButtonColor\"\n        fontColor=\"light\"\n        iconName=\"arrowLeft\"\n        target=\"_self\"\n      >\n        Voltar para {{ returnLabel() }}\n      </cura-button>\n    }\n\n    @if (type() === error.SERVER_RESPONSE) {\n      @if (curaButtonColor) {\n        <cura-button size=\"medium\" type=\"button\" (click)=\"reloadPage()\" [color]=\"curaButtonColor\" fontColor=\"light\" iconName=\"reload\" target=\"_self\">\n          Atualizar p\u00E1gina novamente\n        </cura-button>\n      }\n\n      @if (returnLabel() && returnRoute()) {\n        <cura-paragraph color=\"neutral-black\" size=\"large\">ou</cura-paragraph>\n        @if (curaButtonOutlineColor) {\n          <cura-button-outline\n            rdsitelink\n            [href]=\"returnRoute()\"\n            size=\"medium\"\n            type=\"button\"\n            [color]=\"curaButtonOutlineColor\"\n            iconName=\"arrowLeft\"\n            target=\"_self\"\n          >\n            Voltar para {{ returnLabel() }}\n          </cura-button-outline>\n        }\n      }\n    }\n    @if (ctasContent.ctas && ctasContent.ctas.length > 0 && ctasBorderColor && ctasIconColor) {\n      <cura-paragraph class=\"wrapper-text\" color=\"neutral-black\" size=\"large\"> Voc\u00EA pode tamb\u00E9m: </cura-paragraph>\n\n      <rdsite-cta-wrapper [content]=\"ctasContent\" [showTitleAndText]=\"false\" [colors]=\"{ border: ctasBorderColor, icon: ctasIconColor }\"></rdsite-cta-wrapper>\n    }\n  </div>\n</div>\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"] }]
         }], propDecorators: { theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: true }] }], returnRoute: [{ type: i0.Input, args: [{ isSignal: true, alias: "returnRoute", required: false }] }], returnLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "returnLabel", required: false }] }], pageTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageTitle", required: false }] }], component: [{ type: i0.Input, args: [{ isSignal: true, alias: "component", required: false }] }], breadcrumbsItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "breadcrumbsItems", required: false }] }], style: [{
                 type: HostBinding,
                 args: ['style']

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

	@@ -1 +1 @@
1	- {"version":3,"file":"rededor-site-front-end-lib-components-error.mjs","sources":["../../../projects/site-front-end-lib/components/error/error.component.ts","../../../projects/site-front-end-lib/components/error/error.component.html","../../../projects/site-front-end-lib/components/error/rededor-site-front-end-lib-components-error.ts"],"sourcesContent":["import { Component, HostBinding, OnDestroy, OnInit, PLATFORM_ID, input, inject } from '@angular/core';\r\nimport { Subscription } from 'rxjs';\r\nimport { isPlatformServer } from '@angular/common';\r\nimport {\r\n LogService,\r\n SeoService,\r\n ServerResponseService,\r\n SsrResponseService,\r\n RdsiteLinkDirective,\r\n BreadcrumbsItems,\r\n CtaWrapper,\r\n ErrorService,\r\n} from '@rededor/site-front-end-lib/core';\r\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\r\nimport { CtaWrapperComponent } from '@rededor/site-front-end-lib/components/cta-wrapper';\r\nimport { BreadcrumbsComponent } from '@rededor/site-front-end-lib/components/breadcrumbs';\r\nimport { Errors, Themes } from '@rededor/site-front-end-lib/enums';\r\nimport { CuraLabelComponent } from '@rededor/site-front-end-lib/cura/forms/cura-label';\r\nimport { CuraHeadingComponent } from '@rededor/site-front-end-lib/cura/texts/cura-heading';\r\nimport { CuraParagraphComponent } from '@rededor/site-front-end-lib/cura/texts/cura-paragraph';\r\nimport { CuraButtonComponent } from '@rededor/site-front-end-lib/cura/buttons/cura-button';\r\nimport { CuraButtonOutlineComponent } from '@rededor/site-front-end-lib/cura/buttons/cura-button-outline';\r\n\r\n@Component({\r\n selector: 'rdsite-error',\r\n imports: [\r\n CtaWrapperComponent,\r\n RdsiteLinkDirective,\r\n BreadcrumbsComponent,\r\n CuraLabelComponent,\r\n CuraHeadingComponent,\r\n CuraParagraphComponent,\r\n CuraButtonComponent,\r\n CuraButtonOutlineComponent,\r\n ],\r\n templateUrl: './error.component.html',\r\n styleUrl: './error.component.scss',\r\n})\r\nexport class ErrorComponent implements OnInit, OnDestroy {\r\n private errorService = inject(ErrorService);\r\n private curaApiService = inject(CuraApiService);\r\n private logService = inject(LogService);\r\n private seoService = inject(SeoService);\r\n private serverResponse = inject(ServerResponseService);\r\n private ssrResponse = inject(SsrResponseService);\r\n private readonly platformId = inject(PLATFORM_ID);\r\n\r\n readonly theme = input<Themes>(Themes.REDE);\r\n readonly type = input.required<Errors>();\r\n readonly returnRoute = input<string>('');\r\n readonly returnLabel = input<string>('');\r\n readonly pageTitle = input('Default component');\r\n readonly component = input('DefaultComponent');\r\n readonly breadcrumbsItems = input<BreadcrumbsItems[]>([]);\r\n\r\n ctasSubscription!: Subscription;\r\n ctasContent!: CtaWrapper;\r\n responseText = '';\r\n\r\n backgroundColor: string = '';\r\n backgroundColorBadge: string = '';\r\n breadcrumbFontWeight: string = '';\r\n labelColor: string = '';\r\n labelTextColor: string = '';\r\n curaButtonColor: string = '';\r\n curaButtonOutlineColor: string = '';\r\n ctasBorderColor: string = '';\r\n ctasIconColor: string = '';\r\n public error = Errors;\r\n\r\n @HostBinding('style') get style() {\r\n switch (this.theme()) {\r\n case Themes.REDE:\r\n return {\r\n '--backgroundColor': this.curaApiService.theme.colors.getColor('neutral-white'),\r\n '--labelColor': this.curaApiService.theme.colors.getColor('primary-lighter'),\r\n };\r\n case Themes.ONCO:\r\n return {\r\n '--backgroundColor': this.curaApiService.theme.colors.getColor('neutral-pale'),\r\n '--labelColor': this.curaApiService.theme.colors.getColor('success-lighter'),\r\n };\r\n case Themes.MATERNIDADE:\r\n return {\r\n '--backgroundColor': this.curaApiService.theme.colors.getColor('accent-lighter'),\r\n '--labelColor': this.curaApiService.theme.colors.getColor('primary-light'),\r\n };\r\n case Themes.RICHET:\r\n return {\r\n '--backgroundColor': this.curaApiService.theme.colors.getColor('neutral-white'),\r\n '--labelColor': this.curaApiService.theme.colors.getColor('primary-lighter'),\r\n };\r\n case Themes.STAR:\r\n return {\r\n '--backgroundColor': this.curaApiService.theme.colors.getColor('secondary-lighter'),\r\n '--labelColor': this.curaApiService.theme.colors.getColor('secondary-light'),\r\n };\r\n default:\r\n return {\r\n '--backgroundColor': this.curaApiService.theme.colors.getColor('neutral-white'),\r\n '--labelColor': this.curaApiService.theme.colors.getColor('primary-lighter'),\r\n };\r\n }\r\n }\r\n\r\n ngOnInit(): void {\r\n const type = this.type();\r\n if (type === Errors.NOT_FOUND) {\r\n this.responseText = 'A página que você acessou não existe mais ou foi movida para outra URL';\r\n if (isPlatformServer(this.platformId)) {\r\n this.ssrResponse.setNotFound();\r\n this.serverResponse.setNotFound();\r\n }\r\n this.logService.log404(this.component());\r\n this.seoService.set404Title(this.pageTitle());\r\n } else if (type === Errors.SERVER_RESPONSE) {\r\n this.responseText = 'Recomendamos atualizar a página ou tentar novamente mais tarde.';\r\n if (isPlatformServer(this.platformId)) {\r\n this.ssrResponse.setError();\r\n this.serverResponse.setError();\r\n }\r\n this.logService.log500(this.component());\r\n this.seoService.set500Title(this.pageTitle());\r\n }\r\n this.ctasSubscription = this.errorService.ctas.subscribe((ctas) => {\r\n this.ctasContent = ctas;\r\n });\r\n this.setTheme(this.theme());\r\n }\r\n\r\n setTheme(theme: Themes) {\r\n switch (theme) {\r\n case Themes.REDE:\r\n this.labelTextColor = 'primary-dark';\r\n this.curaButtonColor = 'primary';\r\n this.curaButtonOutlineColor = 'primary';\r\n this.ctasBorderColor = 'primary-darker';\r\n this.ctasIconColor = 'primary-darker';\r\n break;\r\n case Themes.ONCO:\r\n this.labelTextColor = 'primary-dark';\r\n this.backgroundColorBadge = 'success-lighter';\r\n this.curaButtonColor = 'accent';\r\n this.curaButtonOutlineColor = 'accent';\r\n this.ctasBorderColor = 'accent-base';\r\n this.ctasIconColor = 'primary-dark';\r\n this.breadcrumbFontWeight = '700';\r\n break;\r\n case Themes.MATERNIDADE:\r\n this.labelTextColor = 'accent-base';\r\n this.curaButtonColor = 'accent';\r\n this.curaButtonOutlineColor = 'accent';\r\n this.ctasBorderColor = 'accent-base';\r\n this.ctasIconColor = 'accent-base';\r\n break;\r\n case Themes.RICHET:\r\n this.labelTextColor = 'primary-dark';\r\n this.curaButtonColor = 'primary';\r\n this.curaButtonOutlineColor = 'primary';\r\n this.ctasBorderColor = 'primary-darker';\r\n this.ctasIconColor = 'primary-darker';\r\n break;\r\n case Themes.STAR:\r\n this.labelTextColor = 'secondary-dark';\r\n this.curaButtonColor = 'secondary';\r\n this.curaButtonOutlineColor = 'secondary';\r\n this.ctasBorderColor = 'secondary-base';\r\n this.ctasIconColor = 'secondary-darker';\r\n break;\r\n }\r\n }\r\n\r\n reloadPage() {\r\n if (window !== undefined) {\r\n window.location.reload();\r\n }\r\n }\r\n\r\n ngOnDestroy(): void {\r\n this.ctasSubscription?.unsubscribe();\r\n }\r\n}\r\n","<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 [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 fontColor=\"light\"\r\n iconName=\"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()\" [color]=\"curaButtonColor\" fontColor=\"light\" iconName=\"reload\" target=\"_self\">\r\n Atualizar página 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 iconName=\"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 && ctasContent.ctas.length > 0 && ctasBorderColor && ctasIconColor) {\r\n <cura-paragraph class=\"wrapper-text\" color=\"neutral-black\" size=\"large\"> Você pode também: </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","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"rededor-site-front-end-lib-components-error.mjs","sources":["../../../projects/site-front-end-lib/components/error/error.component.ts","../../../projects/site-front-end-lib/components/error/error.component.html","../../../projects/site-front-end-lib/components/error/rededor-site-front-end-lib-components-error.ts"],"sourcesContent":["import { Component, HostBinding, OnDestroy, OnInit, PLATFORM_ID, input, inject } from '@angular/core';\nimport { Subscription } from 'rxjs';\nimport { isPlatformServer } from '@angular/common';\nimport {\n LogService,\n SeoService,\n ServerResponseService,\n SsrResponseService,\n RdsiteLinkDirective,\n BreadcrumbsItems,\n CtaWrapper,\n ErrorService,\n} from '@rededor/site-front-end-lib/core';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\nimport { CtaWrapperComponent } from '@rededor/site-front-end-lib/components/cta-wrapper';\nimport { BreadcrumbsComponent } from '@rededor/site-front-end-lib/components/breadcrumbs';\nimport { Errors, Themes } from '@rededor/site-front-end-lib/enums';\nimport { CuraLabelComponent } from '@rededor/site-front-end-lib/cura/forms/cura-label';\nimport { CuraHeadingComponent } from '@rededor/site-front-end-lib/cura/texts/cura-heading';\nimport { CuraParagraphComponent } from '@rededor/site-front-end-lib/cura/texts/cura-paragraph';\nimport { CuraButtonComponent } from '@rededor/site-front-end-lib/cura/buttons/cura-button';\nimport { CuraButtonOutlineComponent } from '@rededor/site-front-end-lib/cura/buttons/cura-button-outline';\n\n@Component({\n selector: 'rdsite-error',\n imports: [\n CtaWrapperComponent,\n RdsiteLinkDirective,\n BreadcrumbsComponent,\n CuraLabelComponent,\n CuraHeadingComponent,\n CuraParagraphComponent,\n CuraButtonComponent,\n CuraButtonOutlineComponent,\n ],\n templateUrl: './error.component.html',\n styleUrl: './error.component.scss',\n})\nexport class ErrorComponent implements OnInit, OnDestroy {\n private errorService = inject(ErrorService);\n private curaApiService = inject(CuraApiService);\n private logService = inject(LogService);\n private seoService = inject(SeoService);\n private serverResponse = inject(ServerResponseService);\n private ssrResponse = inject(SsrResponseService);\n private readonly platformId = inject(PLATFORM_ID);\n\n readonly theme = input<Themes>(Themes.REDE);\n readonly type = input.required<Errors>();\n readonly returnRoute = input<string>('');\n readonly returnLabel = input<string>('');\n readonly pageTitle = input('Default component');\n readonly component = input('DefaultComponent');\n readonly breadcrumbsItems = input<BreadcrumbsItems[]>([]);\n\n ctasSubscription!: Subscription;\n ctasContent!: CtaWrapper;\n responseText = '';\n\n backgroundColor: string = '';\n backgroundColorBadge: string = '';\n breadcrumbFontWeight: string = '';\n labelColor: string = '';\n labelTextColor: string = '';\n curaButtonColor: string = '';\n curaButtonOutlineColor: string = '';\n ctasBorderColor: string = '';\n ctasIconColor: string = '';\n public error = Errors;\n\n @HostBinding('style') get style() {\n switch (this.theme()) {\n case Themes.REDE:\n return {\n '--backgroundColor': this.curaApiService.theme.colors.getColor('neutral-white'),\n '--labelColor': this.curaApiService.theme.colors.getColor('primary-lighter'),\n };\n case Themes.ONCO:\n return {\n '--backgroundColor': this.curaApiService.theme.colors.getColor('neutral-pale'),\n '--labelColor': this.curaApiService.theme.colors.getColor('success-lighter'),\n };\n case Themes.MATERNIDADE:\n return {\n '--backgroundColor': this.curaApiService.theme.colors.getColor('accent-lighter'),\n '--labelColor': this.curaApiService.theme.colors.getColor('primary-light'),\n };\n case Themes.RICHET:\n return {\n '--backgroundColor': this.curaApiService.theme.colors.getColor('neutral-white'),\n '--labelColor': this.curaApiService.theme.colors.getColor('primary-lighter'),\n };\n case Themes.STAR:\n return {\n '--backgroundColor': this.curaApiService.theme.colors.getColor('secondary-lighter'),\n '--labelColor': this.curaApiService.theme.colors.getColor('secondary-light'),\n };\n default:\n return {\n '--backgroundColor': this.curaApiService.theme.colors.getColor('neutral-white'),\n '--labelColor': this.curaApiService.theme.colors.getColor('primary-lighter'),\n };\n }\n }\n\n ngOnInit(): void {\n const type = this.type();\n if (type === Errors.NOT_FOUND) {\n this.responseText = 'A página que você acessou não existe mais ou foi movida para outra URL';\n if (isPlatformServer(this.platformId)) {\n this.ssrResponse.setNotFound();\n this.serverResponse.setNotFound();\n }\n this.logService.log404(this.component());\n this.seoService.set404Title(this.pageTitle());\n } else if (type === Errors.SERVER_RESPONSE) {\n this.responseText = 'Recomendamos atualizar a página ou tentar novamente mais tarde.';\n if (isPlatformServer(this.platformId)) {\n this.ssrResponse.setError();\n this.serverResponse.setError();\n }\n this.logService.log500(this.component());\n this.seoService.set500Title(this.pageTitle());\n }\n this.ctasSubscription = this.errorService.ctas.subscribe((ctas) => {\n this.ctasContent = ctas;\n });\n this.setTheme(this.theme());\n }\n\n setTheme(theme: Themes) {\n switch (theme) {\n case Themes.REDE:\n this.labelTextColor = 'primary-dark';\n this.curaButtonColor = 'primary';\n this.curaButtonOutlineColor = 'primary';\n this.ctasBorderColor = 'primary-darker';\n this.ctasIconColor = 'primary-darker';\n break;\n case Themes.ONCO:\n this.labelTextColor = 'primary-dark';\n this.backgroundColorBadge = 'success-lighter';\n this.curaButtonColor = 'accent';\n this.curaButtonOutlineColor = 'accent';\n this.ctasBorderColor = 'accent-base';\n this.ctasIconColor = 'primary-dark';\n this.breadcrumbFontWeight = '700';\n break;\n case Themes.MATERNIDADE:\n this.labelTextColor = 'accent-base';\n this.curaButtonColor = 'accent';\n this.curaButtonOutlineColor = 'accent';\n this.ctasBorderColor = 'accent-base';\n this.ctasIconColor = 'accent-base';\n break;\n case Themes.RICHET:\n this.labelTextColor = 'primary-dark';\n this.curaButtonColor = 'primary';\n this.curaButtonOutlineColor = 'primary';\n this.ctasBorderColor = 'primary-darker';\n this.ctasIconColor = 'primary-darker';\n break;\n case Themes.STAR:\n this.labelTextColor = 'secondary-dark';\n this.curaButtonColor = 'secondary';\n this.curaButtonOutlineColor = 'secondary';\n this.ctasBorderColor = 'secondary-base';\n this.ctasIconColor = 'secondary-darker';\n break;\n }\n }\n\n reloadPage() {\n if (window !== undefined) {\n window.location.reload();\n }\n }\n\n ngOnDestroy(): void {\n this.ctasSubscription?.unsubscribe();\n }\n}\n","<div class=\"rdsite-error\">\n @if (ctasIconColor && breadcrumbsItems().length) {\n <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbsItems()\" [labelIconColor]=\"ctasIconColor\" [fontWeight]=\"breadcrumbFontWeight\"></rdsite-breadcrumbs>\n }\n <div class=\"rdsite-error-container\">\n @if (labelTextColor) {\n <cura-label [color]=\"labelTextColor\">\n {{ type() === 'server-response' ? '500' : '404' }}\n </cura-label>\n }\n\n <cura-heading color=\"neutral-black\" size=\"medium\" weight=\"bold\"> Algo deu errado :( </cura-heading>\n\n @if (responseText) {\n <cura-paragraph color=\"neutral-black\" size=\"large\">\n {{ responseText }}\n </cura-paragraph>\n }\n\n @if (type() === error.NOT_FOUND && returnRoute() && returnLabel()) {\n <cura-button\n rdsitelink\n [href]=\"returnRoute()\"\n size=\"medium\"\n type=\"button\"\n [color]=\"curaButtonColor\"\n fontColor=\"light\"\n iconName=\"arrowLeft\"\n target=\"_self\"\n >\n Voltar para {{ returnLabel() }}\n </cura-button>\n }\n\n @if (type() === error.SERVER_RESPONSE) {\n @if (curaButtonColor) {\n <cura-button size=\"medium\" type=\"button\" (click)=\"reloadPage()\" [color]=\"curaButtonColor\" fontColor=\"light\" iconName=\"reload\" target=\"_self\">\n Atualizar página novamente\n </cura-button>\n }\n\n @if (returnLabel() && returnRoute()) {\n <cura-paragraph color=\"neutral-black\" size=\"large\">ou</cura-paragraph>\n @if (curaButtonOutlineColor) {\n <cura-button-outline\n rdsitelink\n [href]=\"returnRoute()\"\n size=\"medium\"\n type=\"button\"\n [color]=\"curaButtonOutlineColor\"\n iconName=\"arrowLeft\"\n target=\"_self\"\n >\n Voltar para {{ returnLabel() }}\n </cura-button-outline>\n }\n }\n }\n @if (ctasContent.ctas && ctasContent.ctas.length > 0 && ctasBorderColor && ctasIconColor) {\n <cura-paragraph class=\"wrapper-text\" color=\"neutral-black\" size=\"large\"> Você pode também: </cura-paragraph>\n\n <rdsite-cta-wrapper [content]=\"ctasContent\" [showTitleAndText]=\"false\" [colors]=\"{ border: ctasBorderColor, icon: ctasIconColor }\"></rdsite-cta-wrapper>\n }\n </div>\n</div>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/rededor-site-front-end-lib-components-filter-letter-and-terms.mjs CHANGED Viewed

@@ -72,12 +72,12 @@ class FilterLetterAndTermsComponent {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FilterLetterAndTermsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: FilterLetterAndTermsComponent, isStandalone: true, selector: "rdsite-filter-letter-and-terms", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: false, transformFunction: null }, baseUrlAll: { classPropertyName: "baseUrlAll", publicName: "baseUrlAll", isSignal: true, isRequired: false, transformFunction: null }, enableScroll: { classPropertyName: "enableScroll", publicName: "enableScroll", isSignal: true, isRequired: false, transformFunction: null }, buttonMode: { classPropertyName: "buttonMode", publicName: "buttonMode", isSignal: true, isRequired: false, transformFunction: null }, isStarTheme: { classPropertyName: "isStarTheme", publicName: "isStarTheme", isSignal: true, isRequired: false, transformFunction: null }, selectedOption: { classPropertyName: "selectedOption", publicName: "selectedOption", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { optionSelected: "optionSelected" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "<div class=\"filter-letter-and-terms\" [class.starTheme]=\"isStarTheme()\">\r\n  <a\r\n    id=\"todas\"\r\n    rdsitelink\r\n    class=\"filter-option\"\r\n    [class.selected]=\"selectedOption === ''\"\r\n    [href]=\"baseUrlAll() ? baseUrlAll() : baseUrl() ? baseUrl() : '#'\"\r\n    (click)=\"selectOption('', $event)\"\r\n  >\r\n    TODAS\r\n  </a>\r\n\r\n  @if (options().length > 1) {\r\n    @for (option of options(); track option) {\r\n      @if (!buttonMode()) {\r\n        <a\r\n          [id]=\"option\"\r\n          rdsitelink\r\n          class=\"filter-option\"\r\n          [class.selected]=\"selectedOption === option\"\r\n          [href]=\"baseUrl() ? baseUrl() + option.toLowerCase() : '#'\"\r\n          (click)=\"selectOption(option, $event)\"\r\n        >\r\n          {{ option }}\r\n        </a>\r\n      } @else {\r\n        <button type=\"button\" [id]=\"option\" class=\"filter-option\" [class.selected]=\"selectedOption === option\" (click)=\"selectOption(option, $event)\">\r\n          {{ option }}\r\n        </button>\r\n      }\r\n    }\r\n  }\r\n</div>\r\n", styles: [".filter-letter-and-terms{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:12px;width:100vw;margin-inline:-5vw;padding-inline:5vw;padding-block:12px;overflow-x:scroll}@media (hover: none) and (pointer: coarse){.filter-letter-and-terms .filter-option:hover:not(.selected){background-color:var(--neutral-pale)}.filter-letter-and-terms .filter-option.selected{background-color:var(--color-one-base)}.filter-letter-and-terms .filter-option:active:not(.selected){background-color:var(--neutral-pale)}}@media only screen and (min-width: 992px){.filter-letter-and-terms{flex-wrap:wrap;width:100%;padding:12px 0;margin:0;overflow-x:auto}}.filter-letter-and-terms .filter-option{flex:0 0 28px;display:flex;justify-content:center;align-items:center;padding:6px;color:var(--neutral-dark);font-family:var(--font-family);font-size:12px;font-weight:500;border-radius:4px;background-color:var(--neutral-pale);border:1px solid var(--neutral-light);cursor:pointer;text-decoration:none}.filter-letter-and-terms .filter-option:hover{color:var(--neutral-purewhite);background-color:var(--color-one-dark)}.filter-letter-and-terms .filter-option.selected{color:var(--neutral-purewhite);background-color:var(--color-one-base)}.filter-letter-and-terms .filter-option.selected:not(.selected){background-color:var(--neutral-pale);border-color:var(--neutral-light)}.filter-letter-and-terms .filter-option.selected:focus{outline:2px solid var(--color-one-light)}.filter-letter-and-terms.starTheme .filter-option{border-radius:unset;color:var(--color-one-base);background-color:var(--neutral-purewhite);border:1px solid var(--color-one-base)}.filter-letter-and-terms.starTheme .filter-option:hover{color:var(--neutral-purewhite);background-color:var(--color-one-dark)}.filter-letter-and-terms.starTheme .filter-option.selected{color:var(--neutral-purewhite);background-color:var(--color-one-base)}.filter-letter-and-terms.starTheme .filter-option.selected:not(.selected){background-color:var(--neutral-purewhite);border-color:var(--color-one-base)}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: FilterLetterAndTermsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: FilterLetterAndTermsComponent, isStandalone: true, selector: "rdsite-filter-letter-and-terms", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: false, transformFunction: null }, baseUrlAll: { classPropertyName: "baseUrlAll", publicName: "baseUrlAll", isSignal: true, isRequired: false, transformFunction: null }, enableScroll: { classPropertyName: "enableScroll", publicName: "enableScroll", isSignal: true, isRequired: false, transformFunction: null }, buttonMode: { classPropertyName: "buttonMode", publicName: "buttonMode", isSignal: true, isRequired: false, transformFunction: null }, isStarTheme: { classPropertyName: "isStarTheme", publicName: "isStarTheme", isSignal: true, isRequired: false, transformFunction: null }, selectedOption: { classPropertyName: "selectedOption", publicName: "selectedOption", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { optionSelected: "optionSelected" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "<div class=\"filter-letter-and-terms\" [class.starTheme]=\"isStarTheme()\">\n  <a\n    id=\"todas\"\n    rdsitelink\n    class=\"filter-option\"\n    [class.selected]=\"selectedOption === ''\"\n    [href]=\"baseUrlAll() ? baseUrlAll() : baseUrl() ? baseUrl() : '#'\"\n    (click)=\"selectOption('', $event)\"\n  >\n    TODAS\n  </a>\n\n  @if (options().length > 1) {\n    @for (option of options(); track option) {\n      @if (!buttonMode()) {\n        <a\n          [id]=\"option\"\n          rdsitelink\n          class=\"filter-option\"\n          [class.selected]=\"selectedOption === option\"\n          [href]=\"baseUrl() ? baseUrl() + option.toLowerCase() : '#'\"\n          (click)=\"selectOption(option, $event)\"\n        >\n          {{ option }}\n        </a>\n      } @else {\n        <button type=\"button\" [id]=\"option\" class=\"filter-option\" [class.selected]=\"selectedOption === option\" (click)=\"selectOption(option, $event)\">\n          {{ option }}\n        </button>\n      }\n    }\n  }\n</div>\n", styles: [".filter-letter-and-terms{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:12px;width:100vw;margin-inline:-5vw;padding-inline:5vw;padding-block:12px;overflow-x:scroll}@media (hover: none) and (pointer: coarse){.filter-letter-and-terms .filter-option:hover:not(.selected){background-color:var(--neutral-pale)}.filter-letter-and-terms .filter-option.selected{background-color:var(--color-one-base)}.filter-letter-and-terms .filter-option:active:not(.selected){background-color:var(--neutral-pale)}}@media only screen and (min-width: 992px){.filter-letter-and-terms{flex-wrap:wrap;width:100%;padding:12px 0;margin:0;overflow-x:auto}}.filter-letter-and-terms .filter-option{flex:0 0 28px;display:flex;justify-content:center;align-items:center;padding:6px;color:var(--neutral-dark);font-family:var(--font-family);font-size:12px;font-weight:500;border-radius:4px;background-color:var(--neutral-pale);border:1px solid var(--neutral-light);cursor:pointer;text-decoration:none}.filter-letter-and-terms .filter-option:hover{color:var(--neutral-purewhite);background-color:var(--color-one-dark)}.filter-letter-and-terms .filter-option.selected{color:var(--neutral-purewhite);background-color:var(--color-one-base)}.filter-letter-and-terms .filter-option.selected:not(.selected){background-color:var(--neutral-pale);border-color:var(--neutral-light)}.filter-letter-and-terms .filter-option.selected:focus{outline:2px solid var(--color-one-light)}.filter-letter-and-terms.starTheme .filter-option{border-radius:unset;color:var(--color-one-base);background-color:var(--neutral-purewhite);border:1px solid var(--color-one-base)}.filter-letter-and-terms.starTheme .filter-option:hover{color:var(--neutral-purewhite);background-color:var(--color-one-dark)}.filter-letter-and-terms.starTheme .filter-option.selected{color:var(--neutral-purewhite);background-color:var(--color-one-base)}.filter-letter-and-terms.starTheme .filter-option.selected:not(.selected){background-color:var(--neutral-purewhite);border-color:var(--color-one-base)}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FilterLetterAndTermsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: FilterLetterAndTermsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rdsite-filter-letter-and-terms', imports: [], template: "<div class=\"filter-letter-and-terms\" [class.starTheme]=\"isStarTheme()\">\r\n  <a\r\n    id=\"todas\"\r\n    rdsitelink\r\n    class=\"filter-option\"\r\n    [class.selected]=\"selectedOption === ''\"\r\n    [href]=\"baseUrlAll() ? baseUrlAll() : baseUrl() ? baseUrl() : '#'\"\r\n    (click)=\"selectOption('', $event)\"\r\n  >\r\n    TODAS\r\n  </a>\r\n\r\n  @if (options().length > 1) {\r\n    @for (option of options(); track option) {\r\n      @if (!buttonMode()) {\r\n        <a\r\n          [id]=\"option\"\r\n          rdsitelink\r\n          class=\"filter-option\"\r\n          [class.selected]=\"selectedOption === option\"\r\n          [href]=\"baseUrl() ? baseUrl() + option.toLowerCase() : '#'\"\r\n          (click)=\"selectOption(option, $event)\"\r\n        >\r\n          {{ option }}\r\n        </a>\r\n      } @else {\r\n        <button type=\"button\" [id]=\"option\" class=\"filter-option\" [class.selected]=\"selectedOption === option\" (click)=\"selectOption(option, $event)\">\r\n          {{ option }}\r\n        </button>\r\n      }\r\n    }\r\n  }\r\n</div>\r\n", styles: [".filter-letter-and-terms{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:12px;width:100vw;margin-inline:-5vw;padding-inline:5vw;padding-block:12px;overflow-x:scroll}@media (hover: none) and (pointer: coarse){.filter-letter-and-terms .filter-option:hover:not(.selected){background-color:var(--neutral-pale)}.filter-letter-and-terms .filter-option.selected{background-color:var(--color-one-base)}.filter-letter-and-terms .filter-option:active:not(.selected){background-color:var(--neutral-pale)}}@media only screen and (min-width: 992px){.filter-letter-and-terms{flex-wrap:wrap;width:100%;padding:12px 0;margin:0;overflow-x:auto}}.filter-letter-and-terms .filter-option{flex:0 0 28px;display:flex;justify-content:center;align-items:center;padding:6px;color:var(--neutral-dark);font-family:var(--font-family);font-size:12px;font-weight:500;border-radius:4px;background-color:var(--neutral-pale);border:1px solid var(--neutral-light);cursor:pointer;text-decoration:none}.filter-letter-and-terms .filter-option:hover{color:var(--neutral-purewhite);background-color:var(--color-one-dark)}.filter-letter-and-terms .filter-option.selected{color:var(--neutral-purewhite);background-color:var(--color-one-base)}.filter-letter-and-terms .filter-option.selected:not(.selected){background-color:var(--neutral-pale);border-color:var(--neutral-light)}.filter-letter-and-terms .filter-option.selected:focus{outline:2px solid var(--color-one-light)}.filter-letter-and-terms.starTheme .filter-option{border-radius:unset;color:var(--color-one-base);background-color:var(--neutral-purewhite);border:1px solid var(--color-one-base)}.filter-letter-and-terms.starTheme .filter-option:hover{color:var(--neutral-purewhite);background-color:var(--color-one-dark)}.filter-letter-and-terms.starTheme .filter-option.selected{color:var(--neutral-purewhite);background-color:var(--color-one-base)}.filter-letter-and-terms.starTheme .filter-option.selected:not(.selected){background-color:var(--neutral-purewhite);border-color:var(--color-one-base)}\n"] }]
+            args: [{ selector: 'rdsite-filter-letter-and-terms', imports: [], template: "<div class=\"filter-letter-and-terms\" [class.starTheme]=\"isStarTheme()\">\n  <a\n    id=\"todas\"\n    rdsitelink\n    class=\"filter-option\"\n    [class.selected]=\"selectedOption === ''\"\n    [href]=\"baseUrlAll() ? baseUrlAll() : baseUrl() ? baseUrl() : '#'\"\n    (click)=\"selectOption('', $event)\"\n  >\n    TODAS\n  </a>\n\n  @if (options().length > 1) {\n    @for (option of options(); track option) {\n      @if (!buttonMode()) {\n        <a\n          [id]=\"option\"\n          rdsitelink\n          class=\"filter-option\"\n          [class.selected]=\"selectedOption === option\"\n          [href]=\"baseUrl() ? baseUrl() + option.toLowerCase() : '#'\"\n          (click)=\"selectOption(option, $event)\"\n        >\n          {{ option }}\n        </a>\n      } @else {\n        <button type=\"button\" [id]=\"option\" class=\"filter-option\" [class.selected]=\"selectedOption === option\" (click)=\"selectOption(option, $event)\">\n          {{ option }}\n        </button>\n      }\n    }\n  }\n</div>\n", styles: [".filter-letter-and-terms{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:12px;width:100vw;margin-inline:-5vw;padding-inline:5vw;padding-block:12px;overflow-x:scroll}@media (hover: none) and (pointer: coarse){.filter-letter-and-terms .filter-option:hover:not(.selected){background-color:var(--neutral-pale)}.filter-letter-and-terms .filter-option.selected{background-color:var(--color-one-base)}.filter-letter-and-terms .filter-option:active:not(.selected){background-color:var(--neutral-pale)}}@media only screen and (min-width: 992px){.filter-letter-and-terms{flex-wrap:wrap;width:100%;padding:12px 0;margin:0;overflow-x:auto}}.filter-letter-and-terms .filter-option{flex:0 0 28px;display:flex;justify-content:center;align-items:center;padding:6px;color:var(--neutral-dark);font-family:var(--font-family);font-size:12px;font-weight:500;border-radius:4px;background-color:var(--neutral-pale);border:1px solid var(--neutral-light);cursor:pointer;text-decoration:none}.filter-letter-and-terms .filter-option:hover{color:var(--neutral-purewhite);background-color:var(--color-one-dark)}.filter-letter-and-terms .filter-option.selected{color:var(--neutral-purewhite);background-color:var(--color-one-base)}.filter-letter-and-terms .filter-option.selected:not(.selected){background-color:var(--neutral-pale);border-color:var(--neutral-light)}.filter-letter-and-terms .filter-option.selected:focus{outline:2px solid var(--color-one-light)}.filter-letter-and-terms.starTheme .filter-option{border-radius:unset;color:var(--color-one-base);background-color:var(--neutral-purewhite);border:1px solid var(--color-one-base)}.filter-letter-and-terms.starTheme .filter-option:hover{color:var(--neutral-purewhite);background-color:var(--color-one-dark)}.filter-letter-and-terms.starTheme .filter-option.selected{color:var(--neutral-purewhite);background-color:var(--color-one-base)}.filter-letter-and-terms.starTheme .filter-option.selected:not(.selected){background-color:var(--neutral-purewhite);border-color:var(--color-one-base)}\n"] }]
         }], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], baseUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "baseUrl", required: false }] }], baseUrlAll: [{ type: i0.Input, args: [{ isSignal: true, alias: "baseUrlAll", required: false }] }], enableScroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableScroll", required: false }] }], buttonMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonMode", required: false }] }], isStarTheme: [{ type: i0.Input, args: [{ isSignal: true, alias: "isStarTheme", required: false }] }], selectedOption: [{
                 type: Input
             }], optionSelected: [{ type: i0.Output, args: ["optionSelected"] }], style: [{

package/fesm2022/rededor-site-front-end-lib-components-filter-letter-and-terms.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"rededor-site-front-end-lib-components-filter-letter-and-terms.mjs","sources":["../../../projects/site-front-end-lib/components/filter-letter-and-terms/filter-letter-and-terms.component.ts","../../../projects/site-front-end-lib/components/filter-letter-and-terms/filter-letter-and-terms.component.html","../../../projects/site-front-end-lib/components/filter-letter-and-terms/rededor-site-front-end-lib-components-filter-letter-and-terms.ts"],"sourcesContent":["import { AfterViewInit, Component, HostBinding, Input, PLATFORM_ID, DOCUMENT, input, output, inject } from '@angular/core';\r\nimport { isPlatformBrowser } from '@angular/common';\r\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\r\n\r\n@Component({\r\n selector: 'rdsite-filter-letter-and-terms',\r\n imports: [],\r\n templateUrl: './filter-letter-and-terms.component.html',\r\n styleUrl: './filter-letter-and-terms.component.scss',\r\n})\r\nexport class FilterLetterAndTermsComponent implements AfterViewInit {\r\n private readonly curaApiService = inject(CuraApiService);\r\n private document = inject<Document>(DOCUMENT);\r\n private readonly platformId = inject(PLATFORM_ID);\r\n\r\n readonly options = input<string[]>([]);\r\n readonly baseUrl = input<string>('');\r\n readonly baseUrlAll = input<string>('');\r\n readonly enableScroll = input(false);\r\n readonly buttonMode = input(false);\r\n readonly isStarTheme = input(false);\r\n\r\n private isFirstScroll = true;\r\n private _selectedOption: string = '';\r\n\r\n @Input()\r\n set selectedOption(value: string) {\r\n if (this._selectedOption === value) return;\r\n this._selectedOption = value;\r\n if (this.enableScroll() && !this.isFirstScroll) {\r\n this.scrollToSelectedOption(value);\r\n }\r\n }\r\n\r\n get selectedOption(): string {\r\n return this._selectedOption;\r\n }\r\n\r\n readonly optionSelected = output<string>();\r\n\r\n @HostBinding('style') get style() {\r\n return {\r\n '--font-family': this.curaApiService.theme.fonts.getFamily(''),\r\n '--neutral-purewhite': this.curaApiService.theme.colors.getColor('neutral-purewhite'),\r\n '--neutral-pale': this.curaApiService.theme.colors.getColor('neutral-pale'),\r\n '--neutral-light': this.curaApiService.theme.colors.getColor('neutral-light'),\r\n '--neutral-dark': this.curaApiService.theme.colors.getColor('neutral-dark'),\r\n '--neutral-black': this.curaApiService.theme.colors.getColor('neutral-black'),\r\n '--color-one-light': this.curaApiService.theme.colors.getColor('primary-light'),\r\n '--color-one-base': this.curaApiService.theme.colors.getColor('primary-base'),\r\n '--color-one-dark': this.curaApiService.theme.colors.getColor('primary-dark'),\r\n '--color-one-darker': this.curaApiService.theme.colors.getColor('primary-darker'),\r\n };\r\n }\r\n\r\n ngAfterViewInit() {\r\n if (this.selectedOption) {\r\n setTimeout(() => {\r\n this.scrollToSelectedOption(this.selectedOption);\r\n this.isFirstScroll = false;\r\n }, 100);\r\n }\r\n }\r\n\r\n selectOption(option: string, event: Event): void {\r\n event.preventDefault();\r\n if (this._selectedOption !== option) {\r\n this._selectedOption = option;\r\n this.optionSelected.emit(option);\r\n this.scrollToSelectedOption(option);\r\n }\r\n }\r\n\r\n scrollToSelectedOption(value: string) {\r\n if (isPlatformBrowser(this.platformId)) {\r\n const elementId = value \|\| 'todas';\r\n const selectedElement = elementId === 'todas' ? this.document.getElementById('todas') : this.document.getElementById(value);\r\n if (selectedElement) {\r\n selectedElement.scrollIntoView({\r\n behavior: 'smooth',\r\n inline: 'center',\r\n block: 'nearest',\r\n });\r\n }\r\n }\r\n }\r\n}\r\n","<div class=\"filter-letter-and-terms\" [class.starTheme]=\"isStarTheme()\">\r\n <a\r\n id=\"todas\"\r\n rdsitelink\r\n class=\"filter-option\"\r\n [class.selected]=\"selectedOption === ''\"\r\n [href]=\"baseUrlAll() ? baseUrlAll() : baseUrl() ? baseUrl() : '#'\"\r\n (click)=\"selectOption('', $event)\"\r\n >\r\n TODAS\r\n </a>\r\n\r\n @if (options().length > 1) {\r\n @for (option of options(); track option) {\r\n @if (!buttonMode()) {\r\n <a\r\n [id]=\"option\"\r\n rdsitelink\r\n class=\"filter-option\"\r\n [class.selected]=\"selectedOption === option\"\r\n [href]=\"baseUrl() ? baseUrl() + option.toLowerCase() : '#'\"\r\n (click)=\"selectOption(option, $event)\"\r\n >\r\n {{ option }}\r\n </a>\r\n } @else {\r\n <button type=\"button\" [id]=\"option\" class=\"filter-option\" [class.selected]=\"selectedOption === option\" (click)=\"selectOption(option, $event)\">\r\n {{ option }}\r\n </button>\r\n }\r\n }\r\n }\r\n</div>\r\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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~~okCAiCA~~,EAAA,MAAA,EAAA,CAAA,qgEAAA,CAAA,EAAA,CAAA,CAAA;;4FDvBa,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBANzC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gCAAgC,WACjC,EAAE,EAAA,QAAA,EAAA,~~okCAAA~~,EAAA,MAAA,EAAA,CAAA,qgEAAA,CAAA,EAAA;;sBAmBV;;sBAeA,WAAW;uBAAC,OAAO;;;AExCtB;;AAEG;;;;"}
1	+ {"version":3,"file":"rededor-site-front-end-lib-components-filter-letter-and-terms.mjs","sources":["../../../projects/site-front-end-lib/components/filter-letter-and-terms/filter-letter-and-terms.component.ts","../../../projects/site-front-end-lib/components/filter-letter-and-terms/filter-letter-and-terms.component.html","../../../projects/site-front-end-lib/components/filter-letter-and-terms/rededor-site-front-end-lib-components-filter-letter-and-terms.ts"],"sourcesContent":["import { AfterViewInit, Component, HostBinding, Input, PLATFORM_ID, DOCUMENT, input, output, inject } from '@angular/core';\nimport { isPlatformBrowser } from '@angular/common';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\n\n@Component({\n selector: 'rdsite-filter-letter-and-terms',\n imports: [],\n templateUrl: './filter-letter-and-terms.component.html',\n styleUrl: './filter-letter-and-terms.component.scss',\n})\nexport class FilterLetterAndTermsComponent implements AfterViewInit {\n private readonly curaApiService = inject(CuraApiService);\n private document = inject<Document>(DOCUMENT);\n private readonly platformId = inject(PLATFORM_ID);\n\n readonly options = input<string[]>([]);\n readonly baseUrl = input<string>('');\n readonly baseUrlAll = input<string>('');\n readonly enableScroll = input(false);\n readonly buttonMode = input(false);\n readonly isStarTheme = input(false);\n\n private isFirstScroll = true;\n private _selectedOption: string = '';\n\n @Input()\n set selectedOption(value: string) {\n if (this._selectedOption === value) return;\n this._selectedOption = value;\n if (this.enableScroll() && !this.isFirstScroll) {\n this.scrollToSelectedOption(value);\n }\n }\n\n get selectedOption(): string {\n return this._selectedOption;\n }\n\n readonly optionSelected = output<string>();\n\n @HostBinding('style') get style() {\n return {\n '--font-family': this.curaApiService.theme.fonts.getFamily(''),\n '--neutral-purewhite': this.curaApiService.theme.colors.getColor('neutral-purewhite'),\n '--neutral-pale': this.curaApiService.theme.colors.getColor('neutral-pale'),\n '--neutral-light': this.curaApiService.theme.colors.getColor('neutral-light'),\n '--neutral-dark': this.curaApiService.theme.colors.getColor('neutral-dark'),\n '--neutral-black': this.curaApiService.theme.colors.getColor('neutral-black'),\n '--color-one-light': this.curaApiService.theme.colors.getColor('primary-light'),\n '--color-one-base': this.curaApiService.theme.colors.getColor('primary-base'),\n '--color-one-dark': this.curaApiService.theme.colors.getColor('primary-dark'),\n '--color-one-darker': this.curaApiService.theme.colors.getColor('primary-darker'),\n };\n }\n\n ngAfterViewInit() {\n if (this.selectedOption) {\n setTimeout(() => {\n this.scrollToSelectedOption(this.selectedOption);\n this.isFirstScroll = false;\n }, 100);\n }\n }\n\n selectOption(option: string, event: Event): void {\n event.preventDefault();\n if (this._selectedOption !== option) {\n this._selectedOption = option;\n this.optionSelected.emit(option);\n this.scrollToSelectedOption(option);\n }\n }\n\n scrollToSelectedOption(value: string) {\n if (isPlatformBrowser(this.platformId)) {\n const elementId = value \|\| 'todas';\n const selectedElement = elementId === 'todas' ? this.document.getElementById('todas') : this.document.getElementById(value);\n if (selectedElement) {\n selectedElement.scrollIntoView({\n behavior: 'smooth',\n inline: 'center',\n block: 'nearest',\n });\n }\n }\n }\n}\n","<div class=\"filter-letter-and-terms\" [class.starTheme]=\"isStarTheme()\">\n <a\n id=\"todas\"\n rdsitelink\n class=\"filter-option\"\n [class.selected]=\"selectedOption === ''\"\n [href]=\"baseUrlAll() ? baseUrlAll() : baseUrl() ? baseUrl() : '#'\"\n (click)=\"selectOption('', $event)\"\n >\n TODAS\n </a>\n\n @if (options().length > 1) {\n @for (option of options(); track option) {\n @if (!buttonMode()) {\n <a\n [id]=\"option\"\n rdsitelink\n class=\"filter-option\"\n [class.selected]=\"selectedOption === option\"\n [href]=\"baseUrl() ? baseUrl() + option.toLowerCase() : '#'\"\n (click)=\"selectOption(option, $event)\"\n >\n {{ option }}\n </a>\n } @else {\n <button type=\"button\" [id]=\"option\" class=\"filter-option\" [class.selected]=\"selectedOption === option\" (click)=\"selectOption(option, $event)\">\n {{ option }}\n </button>\n }\n }\n }\n</div>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/rededor-site-front-end-lib-components-filters-filter-generic.mjs CHANGED Viewed

@@ -209,10 +209,10 @@ class FilterGenericComponent {
     isFilterDataEmpty(filterData) {
         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: "20.3.15", ngImport: i0, type: FilterGenericComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: FilterGenericComponent, isStandalone: true, selector: "rdsite-filter-generic", inputs: { withContainerStyle: { classPropertyName: "withContainerStyle", publicName: "withContainerStyle", isSignal: true, isRequired: false, transformFunction: null }, showClearButton: { classPropertyName: "showClearButton", publicName: "showClearButton", isSignal: true, isRequired: false, transformFunction: null }, showApplyButton: { classPropertyName: "showApplyButton", publicName: "showApplyButton", isSignal: true, isRequired: false, transformFunction: null }, showCloseButton: { classPropertyName: "showCloseButton", publicName: "showCloseButton", isSignal: true, isRequired: false, transformFunction: null }, disableButtons: { classPropertyName: "disableButtons", publicName: "disableButtons", isSignal: true, isRequired: false, transformFunction: null }, showBadge: { classPropertyName: "showBadge", publicName: "showBadge", isSignal: true, isRequired: false, transformFunction: null }, showToggleIcon: { classPropertyName: "showToggleIcon", publicName: "showToggleIcon", isSignal: true, isRequired: false, transformFunction: null }, isFilterOpen: { classPropertyName: "isFilterOpen", publicName: "isFilterOpen", isSignal: true, isRequired: false, transformFunction: null }, mobileBehavior: { classPropertyName: "mobileBehavior", publicName: "mobileBehavior", isSignal: true, isRequired: false, transformFunction: null }, forceCollapsed: { classPropertyName: "forceCollapsed", publicName: "forceCollapsed", isSignal: true, isRequired: false, transformFunction: null }, emitOnReset: { classPropertyName: "emitOnReset", publicName: "emitOnReset", isSignal: true, isRequired: false, transformFunction: null }, textTitle: { classPropertyName: "textTitle", publicName: "textTitle", isSignal: true, isRequired: false, transformFunction: null }, sections: { classPropertyName: "sections", publicName: "sections", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filterChange: "filterChange", closeModal: "closeModal", openMobileFilter: "openMobileFilter", isFilterOpen: "isFilterOpenChange" }, 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\" marginBlock=\"0\" lineHeight=\"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\r\n        size=\"small\"\r\n        fontColor=\"dark\"\r\n        color=\"primary\"\r\n        textAlign=\"center\"\r\n        (click)=\"toggleFilter()\"\r\n        [attr.aria-expanded]=\"isFilterOpen()\"\r\n        [ariaLabel]=\"isFilterOpen() ? 'Fechar filtros' : 'Abrir filtros'\"\r\n      >\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                [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                [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 [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 [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\" marginBlock=\"0\" lineHeight=\"16px\">\r\n                    {{ section.config.title }}\r\n                  </cura-heading>\r\n                </div>\r\n              }\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\" marginBlock=\"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\" marginBlock=\"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                    iconColor=\"light\"\r\n                    [name]=\"option.label\"\r\n                    [label]=\"option.label\"\r\n                    [value]=\"option.value\"\r\n                    [checked]=\"option.checked || false\"\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          fontColor=\"dark\"\r\n          color=\"primary\"\r\n          textAlign=\"center\"\r\n          [disabled]=\"disableButtons() || !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          fontColor=\"light\"\r\n          color=\"primary\"\r\n          textAlign=\"center\"\r\n          (click)=\"filter()\"\r\n          [disabled]=\"disableButtons() || !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 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:var(--font-family)}.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-thumb:hover{background:var(--primary-base)}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar-track{background:var(--neutral-opacity-black)}.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-thumb:hover{background:var(--primary-base)}.filter-section .filter-radios.scrollable::-webkit-scrollbar-track{background:var(--neutral-opacity-black)}.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: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: CuraLabelComponent, selector: "cura-label", inputs: ["size", "weight", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: CuraBadgeCounterComponent, selector: "cura-badge-counter", inputs: ["number", "color", "disabled", "type"] }, { kind: "component", type: CuraButtonTransparentComponent, selector: "cura-button-transparent", inputs: ["type", "size", "disabled", "isLoading", "iconName", "iconset", "iconPosition", "iconOnly", "href", "target", "color", "fontColor", "textAlign", "justify", "ariaLabel"], outputs: ["buttonClick"] }, { kind: "component", type: CuraInputTextComponent, selector: "cura-input-text", inputs: ["mode", "status", "size", "type", "inputMode", "label", "name", "placeholder", "value", "iconName", "disabled", "required", "maskPreset", "enableSelectionMode", "maskRegex", "maskAdvanced", "maxlength", "readOnly", "isLoading", "clearIcon", "hideErrorIcon", "autocomplete"], outputs: ["valueChange", "inputClear"] }, { kind: "component", type: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }, { kind: "component", type: CuraSelectComponent, selector: "cura-select", inputs: ["label", "placeholder", "value", "mode", "size", "iconName", "status", "disabled", "required", "searchBehavior", "caseSensitive", "maxHeight"], outputs: ["valueChange", "selected", "searchTermInput"] }, { kind: "component", type: CuraSelectOptionComponent, selector: "cura-select-option", inputs: ["value", "selected", "active", "size", "visible"], outputs: ["selectedChange", "activeChange", "sizeChange", "visibleChange"] }, { kind: "component", type: CuraHeadingComponent, selector: "cura-heading", inputs: ["level", "size", "weight", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: CuraCheckboxComponent, selector: "cura-checkbox", inputs: ["checked", "indeterminate", "status", "disabled", "required", "label", "ontabindex", "position", "value", "name", "size", "background", "iconColor", "color", "overflowLabel", "overflowHelper"], outputs: ["checkedChange", "indeterminateChange", "valueChange", "onchange"] }, { kind: "component", type: CuraRadioComponent, selector: "cura-radio", inputs: ["checked", "status", "disabled", "required", "label", "ontabindex", "position", "value", "name", "background", "size", "color", "overflowLabel", "overflowHelper"], outputs: ["checkedChange", "valueChange", "onchange"] }, { kind: "component", type: CuraButtonComponent, selector: "cura-button", inputs: ["type", "size", "disabled", "isLoading", "iconName", "iconset", "iconPosition", "iconOnly", "href", "target", "color", "background", "fontColor", "textAlign", "justify", "ariaLabel"], outputs: ["buttonClick"] }, { kind: "component", type: CuraParagraphComponent, selector: "cura-paragraph", inputs: ["size", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: FilterGenericComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: FilterGenericComponent, isStandalone: true, selector: "rdsite-filter-generic", inputs: { withContainerStyle: { classPropertyName: "withContainerStyle", publicName: "withContainerStyle", isSignal: true, isRequired: false, transformFunction: null }, showClearButton: { classPropertyName: "showClearButton", publicName: "showClearButton", isSignal: true, isRequired: false, transformFunction: null }, showApplyButton: { classPropertyName: "showApplyButton", publicName: "showApplyButton", isSignal: true, isRequired: false, transformFunction: null }, showCloseButton: { classPropertyName: "showCloseButton", publicName: "showCloseButton", isSignal: true, isRequired: false, transformFunction: null }, disableButtons: { classPropertyName: "disableButtons", publicName: "disableButtons", isSignal: true, isRequired: false, transformFunction: null }, showBadge: { classPropertyName: "showBadge", publicName: "showBadge", isSignal: true, isRequired: false, transformFunction: null }, showToggleIcon: { classPropertyName: "showToggleIcon", publicName: "showToggleIcon", isSignal: true, isRequired: false, transformFunction: null }, isFilterOpen: { classPropertyName: "isFilterOpen", publicName: "isFilterOpen", isSignal: true, isRequired: false, transformFunction: null }, mobileBehavior: { classPropertyName: "mobileBehavior", publicName: "mobileBehavior", isSignal: true, isRequired: false, transformFunction: null }, forceCollapsed: { classPropertyName: "forceCollapsed", publicName: "forceCollapsed", isSignal: true, isRequired: false, transformFunction: null }, emitOnReset: { classPropertyName: "emitOnReset", publicName: "emitOnReset", isSignal: true, isRequired: false, transformFunction: null }, textTitle: { classPropertyName: "textTitle", publicName: "textTitle", isSignal: true, isRequired: false, transformFunction: null }, sections: { classPropertyName: "sections", publicName: "sections", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filterChange: "filterChange", closeModal: "closeModal", openMobileFilter: "openMobileFilter", isFilterOpen: "isFilterOpenChange" }, host: { properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "<div\n  class=\"filter-generic\"\n  [ngClass]=\"{ 'container-style': withContainerStyle(), 'clickable-mobile': shouldHandleMobileClick() }\"\n  aria-label=\"Filtros\"\n  (click)=\"handleMobileClick()\"\n>\n  <div class=\"filter-header-container\" [ngClass]=\"{ 'no-padding': !isFilterOpen(), hidden: !isFilterOpen() }\">\n    <div class=\"filter-title-wrapper\">\n      <cura-label size=\"medium\" level=\"4\" color=\"neutral-black\" weight=\"regular\" marginBlock=\"0\" lineHeight=\"16px\">\n        {{ textTitle() }}\n      </cura-label>\n\n      @if (showBadge()) {\n        <cura-badge-counter\n          [type]=\"'solid'\"\n          [color]=\"hasSelection() ? 'primary' : 'neutral'\"\n          [number]=\"selectedFiltersCount()\"\n          class=\"filter-badge\"\n        ></cura-badge-counter>\n      }\n    </div>\n\n    @if (showToggleIcon()) {\n      <cura-button-transparent\n        size=\"small\"\n        fontColor=\"dark\"\n        color=\"primary\"\n        textAlign=\"center\"\n        (click)=\"toggleFilter()\"\n        [attr.aria-expanded]=\"isFilterOpen()\"\n        [ariaLabel]=\"isFilterOpen() ? 'Fechar filtros' : 'Abrir filtros'\"\n      >\n        <cura-icon [name]=\"isFilterOpen() ? 'up' : 'down'\" size=\"16\" class=\"filter-icon\" color=\"primary-dark\"></cura-icon>\n      </cura-button-transparent>\n    }\n  </div>\n\n  <div class=\"filter-content\" [class.hidden]=\"!isFilterOpen() || (forceCollapsed() && isMobile())\">\n    @for (section of sections(); track section.type) {\n      @if (section.visible !== false) {\n        <div class=\"filter-section\">\n          @switch (section.type) {\n            @case ('input') {\n              <cura-input-text\n                [placeholder]=\"section.config.placeholder || ''\"\n                [name]=\"section.config.name || ''\"\n                [iconName]=\"section.config.iconName || ''\"\n                [value]=\"section.config.control.value\"\n                (valueChange)=\"handleInputChange($event, section.config.control)\"\n              ></cura-input-text>\n            }\n            @case ('select') {\n              <cura-select\n                [label]=\"section.config.label || ''\"\n                [placeholder]=\"section.config.placeholder || ''\"\n                [value]=\"section.config.control.value\"\n                (selected)=\"handleSelectChange($event, section.config.control)\"\n              >\n                @if (section.config.includeDefaultOption) {\n                  <cura-select-option [value]=\"''\">{{ section.config.defaultOptionText || 'Fa\u00E7a a sua Sele\u00E7\u00E3o' }}</cura-select-option>\n                }\n                @for (option of section.config.options || []; track option?.value) {\n                  <cura-select-option [value]=\"option?.value\">{{ option?.label }}</cura-select-option>\n                }\n              </cura-select>\n            }\n            @case ('checkbox-group') {\n              @if (section.config.title) {\n                <div class=\"filter-header\">\n                  <cura-icon name=\"filter\" size=\"20\" color=\"info-dark\"></cura-icon>\n                  <cura-heading size=\"xsmall\" [level]=\"5\" weight=\"bold\" color=\"neutral-black\" marginBlock=\"0\" lineHeight=\"16px\">\n                    {{ section.config.title }}\n                  </cura-heading>\n                </div>\n              }\n\n              @if (section.config.subtitle) {\n                <div class=\"filter-subtitle\">\n                  <cura-heading size=\"xsmall\" weight=\"bold\" color=\"neutral-black\" marginBlock=\"0\">\n                    {{ section.config.subtitle }}\n                  </cura-heading>\n                </div>\n              }\n\n              @if (section.config.description) {\n                <div class=\"filter-description\">\n                  <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" marginBlock=\"0\">\n                    {{ section.config.description }}\n                  </cura-paragraph>\n                </div>\n              }\n\n              <div class=\"filter-checkboxes\" [class.scrollable]=\"hasScroll(section)\">\n                @for (option of section.config.options || []; track option.value) {\n                  <cura-checkbox\n                    color=\"primary\"\n                    size=\"small\"\n                    iconColor=\"light\"\n                    [name]=\"option.label\"\n                    [label]=\"option.label\"\n                    [value]=\"option.value\"\n                    [checked]=\"option.checked || false\"\n                    (onchange)=\"handleCheckboxChange($event, section.config.options)\"\n                  ></cura-checkbox>\n                }\n              </div>\n            }\n            @case ('radio-group') {\n              <div class=\"filter-radios\" [class.scrollable]=\"hasScroll(section)\">\n                @for (option of section.config.options || []; track option?.value) {\n                  <cura-radio\n                    [name]=\"section.config.name || 'radio-group'\"\n                    [label]=\"option.label\"\n                    [value]=\"option.value\"\n                    [checked]=\"getRadioGroupValue(section.config.control) === option.value\"\n                    (onchange)=\"handleRadioChange($event, section.config.control)\"\n                  ></cura-radio>\n                }\n              </div>\n            }\n            @case ('custom') {\n              <ng-container *ngTemplateOutlet=\"section.config.template\"></ng-container>\n            }\n          }\n        </div>\n      }\n    }\n  </div>\n\n  <div class=\"filter-actions\" [class.hidden]=\"!isFilterOpen() || (forceCollapsed() && isMobile())\">\n    <div class=\"main-actions\">\n      @if (showClearButton()) {\n        <cura-button-transparent\n          size=\"small\"\n          fontColor=\"dark\"\n          color=\"primary\"\n          textAlign=\"center\"\n          [disabled]=\"disableButtons() || !hasSelection()\"\n          (click)=\"reset()\"\n        >\n          <span>Limpar todos os filtros</span>\n        </cura-button-transparent>\n      }\n\n      @if (showApplyButton()) {\n        <cura-button\n          size=\"medium\"\n          fontColor=\"light\"\n          color=\"primary\"\n          textAlign=\"center\"\n          (click)=\"filter()\"\n          [disabled]=\"disableButtons() || !hasSelection()\"\n          class=\"filter-button\"\n        >\n          Filtrar\n        </cura-button>\n      }\n    </div>\n\n    @if (showCloseButton()) {\n      <div class=\"divider-strong\"></div>\n      <div class=\"close-action-wrapper\">\n        <div class=\"close-action\" (click)=\"close()\">\n          <cura-icon name=\"close\" color=\"error-dark\" size=\"small\"></cura-icon>\n          <cura-button-transparent type=\"button\" color=\"error\" target=\"_self\"> Fechar </cura-button-transparent>\n        </div>\n      </div>\n    }\n  </div>\n</div>\n", styles: [":host *{font-family:var(--font-family)}.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-thumb:hover{background:var(--primary-base)}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar-track{background:var(--neutral-opacity-black)}.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-thumb:hover{background:var(--primary-base)}.filter-section .filter-radios.scrollable::-webkit-scrollbar-track{background:var(--neutral-opacity-black)}.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: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: CuraLabelComponent, selector: "cura-label", inputs: ["size", "weight", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: CuraBadgeCounterComponent, selector: "cura-badge-counter", inputs: ["number", "color", "disabled", "type"] }, { kind: "component", type: CuraButtonTransparentComponent, selector: "cura-button-transparent", inputs: ["type", "size", "disabled", "isLoading", "iconName", "iconset", "iconPosition", "iconOnly", "href", "target", "color", "fontColor", "textAlign", "justify", "ariaLabel"], outputs: ["buttonClick"] }, { kind: "component", type: CuraInputTextComponent, selector: "cura-input-text", inputs: ["mode", "status", "size", "type", "inputMode", "label", "name", "placeholder", "value", "iconName", "disabled", "required", "maskPreset", "enableSelectionMode", "maskRegex", "maskAdvanced", "maxlength", "readOnly", "isLoading", "clearIcon", "hideErrorIcon", "autocomplete"], outputs: ["valueChange", "inputClear"] }, { kind: "component", type: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }, { kind: "component", type: CuraSelectComponent, selector: "cura-select", inputs: ["label", "placeholder", "value", "mode", "size", "iconName", "status", "disabled", "required", "searchBehavior", "caseSensitive", "maxHeight"], outputs: ["valueChange", "selected", "searchTermInput"] }, { kind: "component", type: CuraSelectOptionComponent, selector: "cura-select-option", inputs: ["value", "selected", "active", "size", "visible"], outputs: ["selectedChange", "activeChange", "sizeChange", "visibleChange"] }, { kind: "component", type: CuraHeadingComponent, selector: "cura-heading", inputs: ["level", "size", "weight", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: CuraCheckboxComponent, selector: "cura-checkbox", inputs: ["checked", "indeterminate", "status", "disabled", "required", "label", "ontabindex", "position", "value", "name", "size", "background", "iconColor", "color", "overflowLabel", "overflowHelper"], outputs: ["checkedChange", "indeterminateChange", "valueChange", "onchange"] }, { kind: "component", type: CuraRadioComponent, selector: "cura-radio", inputs: ["checked", "status", "disabled", "required", "label", "ontabindex", "position", "value", "name", "background", "size", "color", "overflowLabel", "overflowHelper"], outputs: ["checkedChange", "valueChange", "onchange"] }, { kind: "component", type: CuraButtonComponent, selector: "cura-button", inputs: ["type", "size", "disabled", "isLoading", "iconName", "iconset", "iconPosition", "iconOnly", "href", "target", "color", "background", "fontColor", "textAlign", "justify", "ariaLabel"], outputs: ["buttonClick"] }, { kind: "component", type: CuraParagraphComponent, selector: "cura-paragraph", inputs: ["size", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FilterGenericComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: FilterGenericComponent, decorators: [{
             type: Component,
             args: [{ selector: 'rdsite-filter-generic', imports: [
                         CommonModule,
@@ -229,7 +229,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                         CuraRadioComponent,
                         CuraButtonComponent,
                         CuraParagraphComponent,
-                    ], 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\" marginBlock=\"0\" lineHeight=\"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\r\n        size=\"small\"\r\n        fontColor=\"dark\"\r\n        color=\"primary\"\r\n        textAlign=\"center\"\r\n        (click)=\"toggleFilter()\"\r\n        [attr.aria-expanded]=\"isFilterOpen()\"\r\n        [ariaLabel]=\"isFilterOpen() ? 'Fechar filtros' : 'Abrir filtros'\"\r\n      >\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                [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                [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 [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 [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\" marginBlock=\"0\" lineHeight=\"16px\">\r\n                    {{ section.config.title }}\r\n                  </cura-heading>\r\n                </div>\r\n              }\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\" marginBlock=\"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\" marginBlock=\"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                    iconColor=\"light\"\r\n                    [name]=\"option.label\"\r\n                    [label]=\"option.label\"\r\n                    [value]=\"option.value\"\r\n                    [checked]=\"option.checked || false\"\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          fontColor=\"dark\"\r\n          color=\"primary\"\r\n          textAlign=\"center\"\r\n          [disabled]=\"disableButtons() || !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          fontColor=\"light\"\r\n          color=\"primary\"\r\n          textAlign=\"center\"\r\n          (click)=\"filter()\"\r\n          [disabled]=\"disableButtons() || !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 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:var(--font-family)}.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-thumb:hover{background:var(--primary-base)}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar-track{background:var(--neutral-opacity-black)}.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-thumb:hover{background:var(--primary-base)}.filter-section .filter-radios.scrollable::-webkit-scrollbar-track{background:var(--neutral-opacity-black)}.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"] }]
+                    ], template: "<div\n  class=\"filter-generic\"\n  [ngClass]=\"{ 'container-style': withContainerStyle(), 'clickable-mobile': shouldHandleMobileClick() }\"\n  aria-label=\"Filtros\"\n  (click)=\"handleMobileClick()\"\n>\n  <div class=\"filter-header-container\" [ngClass]=\"{ 'no-padding': !isFilterOpen(), hidden: !isFilterOpen() }\">\n    <div class=\"filter-title-wrapper\">\n      <cura-label size=\"medium\" level=\"4\" color=\"neutral-black\" weight=\"regular\" marginBlock=\"0\" lineHeight=\"16px\">\n        {{ textTitle() }}\n      </cura-label>\n\n      @if (showBadge()) {\n        <cura-badge-counter\n          [type]=\"'solid'\"\n          [color]=\"hasSelection() ? 'primary' : 'neutral'\"\n          [number]=\"selectedFiltersCount()\"\n          class=\"filter-badge\"\n        ></cura-badge-counter>\n      }\n    </div>\n\n    @if (showToggleIcon()) {\n      <cura-button-transparent\n        size=\"small\"\n        fontColor=\"dark\"\n        color=\"primary\"\n        textAlign=\"center\"\n        (click)=\"toggleFilter()\"\n        [attr.aria-expanded]=\"isFilterOpen()\"\n        [ariaLabel]=\"isFilterOpen() ? 'Fechar filtros' : 'Abrir filtros'\"\n      >\n        <cura-icon [name]=\"isFilterOpen() ? 'up' : 'down'\" size=\"16\" class=\"filter-icon\" color=\"primary-dark\"></cura-icon>\n      </cura-button-transparent>\n    }\n  </div>\n\n  <div class=\"filter-content\" [class.hidden]=\"!isFilterOpen() || (forceCollapsed() && isMobile())\">\n    @for (section of sections(); track section.type) {\n      @if (section.visible !== false) {\n        <div class=\"filter-section\">\n          @switch (section.type) {\n            @case ('input') {\n              <cura-input-text\n                [placeholder]=\"section.config.placeholder || ''\"\n                [name]=\"section.config.name || ''\"\n                [iconName]=\"section.config.iconName || ''\"\n                [value]=\"section.config.control.value\"\n                (valueChange)=\"handleInputChange($event, section.config.control)\"\n              ></cura-input-text>\n            }\n            @case ('select') {\n              <cura-select\n                [label]=\"section.config.label || ''\"\n                [placeholder]=\"section.config.placeholder || ''\"\n                [value]=\"section.config.control.value\"\n                (selected)=\"handleSelectChange($event, section.config.control)\"\n              >\n                @if (section.config.includeDefaultOption) {\n                  <cura-select-option [value]=\"''\">{{ section.config.defaultOptionText || 'Fa\u00E7a a sua Sele\u00E7\u00E3o' }}</cura-select-option>\n                }\n                @for (option of section.config.options || []; track option?.value) {\n                  <cura-select-option [value]=\"option?.value\">{{ option?.label }}</cura-select-option>\n                }\n              </cura-select>\n            }\n            @case ('checkbox-group') {\n              @if (section.config.title) {\n                <div class=\"filter-header\">\n                  <cura-icon name=\"filter\" size=\"20\" color=\"info-dark\"></cura-icon>\n                  <cura-heading size=\"xsmall\" [level]=\"5\" weight=\"bold\" color=\"neutral-black\" marginBlock=\"0\" lineHeight=\"16px\">\n                    {{ section.config.title }}\n                  </cura-heading>\n                </div>\n              }\n\n              @if (section.config.subtitle) {\n                <div class=\"filter-subtitle\">\n                  <cura-heading size=\"xsmall\" weight=\"bold\" color=\"neutral-black\" marginBlock=\"0\">\n                    {{ section.config.subtitle }}\n                  </cura-heading>\n                </div>\n              }\n\n              @if (section.config.description) {\n                <div class=\"filter-description\">\n                  <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" marginBlock=\"0\">\n                    {{ section.config.description }}\n                  </cura-paragraph>\n                </div>\n              }\n\n              <div class=\"filter-checkboxes\" [class.scrollable]=\"hasScroll(section)\">\n                @for (option of section.config.options || []; track option.value) {\n                  <cura-checkbox\n                    color=\"primary\"\n                    size=\"small\"\n                    iconColor=\"light\"\n                    [name]=\"option.label\"\n                    [label]=\"option.label\"\n                    [value]=\"option.value\"\n                    [checked]=\"option.checked || false\"\n                    (onchange)=\"handleCheckboxChange($event, section.config.options)\"\n                  ></cura-checkbox>\n                }\n              </div>\n            }\n            @case ('radio-group') {\n              <div class=\"filter-radios\" [class.scrollable]=\"hasScroll(section)\">\n                @for (option of section.config.options || []; track option?.value) {\n                  <cura-radio\n                    [name]=\"section.config.name || 'radio-group'\"\n                    [label]=\"option.label\"\n                    [value]=\"option.value\"\n                    [checked]=\"getRadioGroupValue(section.config.control) === option.value\"\n                    (onchange)=\"handleRadioChange($event, section.config.control)\"\n                  ></cura-radio>\n                }\n              </div>\n            }\n            @case ('custom') {\n              <ng-container *ngTemplateOutlet=\"section.config.template\"></ng-container>\n            }\n          }\n        </div>\n      }\n    }\n  </div>\n\n  <div class=\"filter-actions\" [class.hidden]=\"!isFilterOpen() || (forceCollapsed() && isMobile())\">\n    <div class=\"main-actions\">\n      @if (showClearButton()) {\n        <cura-button-transparent\n          size=\"small\"\n          fontColor=\"dark\"\n          color=\"primary\"\n          textAlign=\"center\"\n          [disabled]=\"disableButtons() || !hasSelection()\"\n          (click)=\"reset()\"\n        >\n          <span>Limpar todos os filtros</span>\n        </cura-button-transparent>\n      }\n\n      @if (showApplyButton()) {\n        <cura-button\n          size=\"medium\"\n          fontColor=\"light\"\n          color=\"primary\"\n          textAlign=\"center\"\n          (click)=\"filter()\"\n          [disabled]=\"disableButtons() || !hasSelection()\"\n          class=\"filter-button\"\n        >\n          Filtrar\n        </cura-button>\n      }\n    </div>\n\n    @if (showCloseButton()) {\n      <div class=\"divider-strong\"></div>\n      <div class=\"close-action-wrapper\">\n        <div class=\"close-action\" (click)=\"close()\">\n          <cura-icon name=\"close\" color=\"error-dark\" size=\"small\"></cura-icon>\n          <cura-button-transparent type=\"button\" color=\"error\" target=\"_self\"> Fechar </cura-button-transparent>\n        </div>\n      </div>\n    }\n  </div>\n</div>\n", styles: [":host *{font-family:var(--font-family)}.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-thumb:hover{background:var(--primary-base)}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar-track{background:var(--neutral-opacity-black)}.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-thumb:hover{background:var(--primary-base)}.filter-section .filter-radios.scrollable::-webkit-scrollbar-track{background:var(--neutral-opacity-black)}.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"] }]
         }], propDecorators: { filterChange: [{ type: i0.Output, args: ["filterChange"] }], closeModal: [{ type: i0.Output, args: ["closeModal"] }], openMobileFilter: [{ type: i0.Output, args: ["openMobileFilter"] }], withContainerStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "withContainerStyle", required: false }] }], showClearButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showClearButton", required: false }] }], showApplyButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showApplyButton", required: false }] }], showCloseButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCloseButton", required: false }] }], disableButtons: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableButtons", required: false }] }], showBadge: [{ type: i0.Input, args: [{ isSignal: true, alias: "showBadge", required: false }] }], showToggleIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "showToggleIcon", required: false }] }], isFilterOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "isFilterOpen", required: false }] }, { type: i0.Output, args: ["isFilterOpenChange"] }], mobileBehavior: [{ type: i0.Input, args: [{ isSignal: true, alias: "mobileBehavior", required: false }] }], forceCollapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "forceCollapsed", required: false }] }], emitOnReset: [{ type: i0.Input, args: [{ isSignal: true, alias: "emitOnReset", required: false }] }], textTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "textTitle", required: false }] }], sections: [{ type: i0.Input, args: [{ isSignal: true, alias: "sections", required: false }] }], styleBinding: [{
                 type: HostBinding,
                 args: ['style']