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

@rededor/site-front-end-lib 1.3.16 → 1.3.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 (9) hide show

package/esm2022/lib/components/pagination/pagination.component.mjs CHANGED Viewed

@@ -1,6 +1,8 @@
+import { CommonModule } from '@angular/common';
 import { CUSTOM_ELEMENTS_SCHEMA, Component, EventEmitter, HostBinding, Input, Output } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "../../services";
+import * as i2 from "@angular/common";
 export class PaginationComponent {
     constructor(curaService) {
         this.curaService = curaService;
@@ -8,15 +10,16 @@ export class PaginationComponent {
         this.perPageOptions = [10, 30, 50];
         this.customStyle = {};
         this.containerClass = true;
+        this.darkMode = false;
         this.pageChange = new EventEmitter();
         this.perPageChange = new EventEmitter();
         this.styleBinding = {
             '--font-family': this.curaService.getFontFamily(''),
             '--primary-base': this.curaService.getColor('primary-base'),
+            '--primary-dark': this.curaService.getColor('primary-dark'),
             '--neutral-purewhite': this.curaService.getColor('neutral-purewhite'),
             '--neutral-light': this.curaService.getColor('neutral-light'),
             '--neutral-dark': this.curaService.getColor('neutral-dark'),
-            '--neutral-darker': this.curaService.getColor('neutral-darker'),
         };
     }
     next() {
@@ -30,11 +33,11 @@ export class PaginationComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PaginationComponent, deps: [{ token: i1.CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PaginationComponent, isStandalone: true, selector: "rdsite-pagination", inputs: { totalPages: "totalPages", activePage: "activePage", perPage: "perPage", perPageOptions: "perPageOptions", customStyle: "customStyle", containerClass: "containerClass" }, outputs: { pageChange: "pageChange", perPageChange: "perPageChange" }, host: { properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "<div class=\"rdsite-pagination\" [class.rdsite-container]=\"containerClass\" [style]=\"customStyle\" data-testid=\"_rdsite-rdsite-pagination\">\r\n  @if (totalPages && totalPages > 1) {\r\n    <nav class=\"rdsite-pagination-nav\" aria-label=\"Pagination nav\">\r\n      <button (click)=\"prev()\" type=\"button\" title=\"P\u00E1gina anterior\" class=\"button-link\" [attr.disabled]=\"activePage === 1 ? true : null\">\r\n        <cura-icon name=\"arrowLeftCircle\" size=\"24\" [attr.color]=\"activePage === 1 ? 'neutral-600' : 'primary-500'\"></cura-icon>\r\n      </button>\r\n\r\n      <span>P\u00E1gina {{ activePage }} - {{ totalPages }}</span>\r\n\r\n      <button (click)=\"next()\" type=\"button\" title=\"Pr\u00F3xima p\u00E1gina\" class=\"button-link\" [attr.disabled]=\"activePage === totalPages ? true : null\">\r\n        <cura-icon name=\"arrowRightCircle\" size=\"24\" [attr.color]=\"activePage === totalPages ? 'neutral-600' : 'primary-500'\"></cura-icon>\r\n      </button>\r\n    </nav>\r\n  }\r\n\r\n  @if (perPageOptions.length) {\r\n    <div class=\"rdsite-pagination-pp-options\" data-testid=\"_rdsite-rdsite-pagination-pp-options\">\r\n      <span>Resultados por p\u00E1gina</span>\r\n\r\n      <div class=\"rdsite-pagination-pp-options-controls\" data-testid=\"_rdsite-rdsite-pagination-pp-options-controls\">\r\n        @for (option of perPageOptions; let i = $index; track option) {\r\n          <button\r\n            type=\"button\"\r\n            (click)=\"perPageChange.emit(option)\"\r\n            [attr.disabled]=\"option === perPage ? true : null\"\r\n            title=\"Exibir {{ option }} resultados por p\u00E1gina.\"\r\n            class=\"button-link\"\r\n          >\r\n            {{ option }}\r\n            @if (i < perPageOptions.length - 1) {\r\n              <span class=\"bar\">|</span>\r\n            }\r\n          </button>\r\n        }\r\n      </div>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{width:100%}.rdsite-pagination{display:flex;gap:30px;flex-direction:column-reverse;justify-content:space-between;align-items:center;padding:16px;border-radius:10px;background:var(--neutral-purewhite);box-shadow:0 1px 4px #26262629}.rdsite-pagination *{font-family:var(--font-family)}.rdsite-pagination-pp-options,.rdsite-pagination-nav{display:flex;justify-content:space-between;align-self:center;align-items:center;width:100%}.rdsite-pagination-pp-options button[class*=-link],.rdsite-pagination-pp-options span,.rdsite-pagination-nav button[class*=-link],.rdsite-pagination-nav span{font-weight:500;font-size:12px;line-height:13px;height:auto;padding:0;background-color:transparent;letter-spacing:.72px}.rdsite-pagination-pp-options button[class*=-link],.rdsite-pagination-nav button[class*=-link]{color:var(--primary-base);cursor:pointer}.rdsite-pagination-pp-options button[class*=-link]:disabled,.rdsite-pagination-pp-options span,.rdsite-pagination-nav button[class*=-link]:disabled,.rdsite-pagination-nav span{color:var(--neutral-dark);background-color:transparent;pointer-events:none}.rdsite-pagination-pp-options span.bar,.rdsite-pagination-nav span.bar{margin:0 20px;color:var(--neutral-light)}.rdsite-pagination-pp-options>span{display:inline;margin-right:18px}.rdsite-pagination-pp-options-controls{text-wrap:nowrap}.rdsite-pagination nav.rdsite-pagination-nav{display:flex;justify-content:space-between;align-self:center;align-items:center;width:100%}.rdsite-pagination nav.rdsite-pagination-nav button[class*=-link]:disabled cura-icon{stroke:-var(--neutral-darker)}.rdsite-pagination nav.rdsite-pagination-nav span{margin:0 44px}@media screen and (min-width: 1024px){.rdsite-pagination{flex-direction:row-reverse;justify-content:space-between;padding:16px}.rdsite-pagination-pp-options,.rdsite-pagination nav.rdsite-pagination-nav{width:auto}.rdsite-pagination-pp-options>span{margin-right:44px}}\n"] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PaginationComponent, isStandalone: true, selector: "rdsite-pagination", inputs: { totalPages: "totalPages", activePage: "activePage", perPage: "perPage", perPageOptions: "perPageOptions", customStyle: "customStyle", containerClass: "containerClass", darkMode: "darkMode" }, outputs: { pageChange: "pageChange", perPageChange: "perPageChange" }, host: { properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "<div\r\n  class=\"rdsite-pagination\"\r\n  [ngClass]=\"{ 'rdsite-container': containerClass, 'dark-mode': darkMode }\"\r\n  [style]=\"customStyle\"\r\n  data-testid=\"_rdsite-rdsite-pagination\"\r\n>\r\n  @if (totalPages && totalPages > 1) {\r\n    <nav class=\"rdsite-pagination-nav\" aria-label=\"Pagination nav\">\r\n      <button (click)=\"prev()\" type=\"button\" title=\"P\u00E1gina anterior\" class=\"button-link\" [attr.disabled]=\"activePage === 1 ? true : null\">\r\n        <cura-icon\r\n          name=\"arrowLeftCircle\"\r\n          size=\"24\"\r\n          [attr.color]=\"activePage === 1 ? (darkMode ? 'primary-base' : 'neutral-dark') : darkMode ? 'neutral-purewhite' : 'primary-base'\"\r\n        >\r\n        </cura-icon>\r\n      </button>\r\n\r\n      <span>P\u00E1gina {{ activePage }} - {{ totalPages }}</span>\r\n\r\n      <button (click)=\"next()\" type=\"button\" title=\"Pr\u00F3xima p\u00E1gina\" class=\"button-link\" [attr.disabled]=\"activePage === totalPages ? true : null\">\r\n        <cura-icon\r\n          name=\"arrowRightCircle\"\r\n          size=\"24\"\r\n          [attr.color]=\"activePage === totalPages ? (darkMode ? 'primary-base' : 'neutral-dark') : darkMode ? 'neutral-purewhite' : 'primary-base'\"\r\n        >\r\n        </cura-icon>\r\n      </button>\r\n    </nav>\r\n  }\r\n\r\n  @if (perPageOptions.length) {\r\n    <div class=\"rdsite-pagination-pp-options\" data-testid=\"_rdsite-rdsite-pagination-pp-options\">\r\n      <span>Resultados por p\u00E1gina</span>\r\n\r\n      <div class=\"rdsite-pagination-pp-options-controls\" data-testid=\"_rdsite-rdsite-pagination-pp-options-controls\">\r\n        @for (option of perPageOptions; let i = $index; track option) {\r\n          <button\r\n            type=\"button\"\r\n            (click)=\"perPageChange.emit(option)\"\r\n            [attr.disabled]=\"option === perPage ? true : null\"\r\n            title=\"Exibir {{ option }} resultados por p\u00E1gina.\"\r\n            class=\"button-link\"\r\n          >\r\n            {{ option }}\r\n            @if (i < perPageOptions.length - 1) {\r\n              <span class=\"bar\">|</span>\r\n            }\r\n          </button>\r\n        }\r\n      </div>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{width:100%}:host *{font-family:var(--font-family)}.rdsite-pagination{display:flex;flex-direction:column-reverse;justify-content:space-between;align-items:center;border-radius:10px;overflow:hidden}.rdsite-pagination-pp-options,.rdsite-pagination-nav{display:flex;justify-content:space-between;align-self:center;align-items:center;width:100%;padding:16px}.rdsite-pagination-pp-options button[class*=-link],.rdsite-pagination-pp-options span,.rdsite-pagination-nav button[class*=-link],.rdsite-pagination-nav span{font-weight:500;font-size:12px;line-height:13px;height:auto;padding:0;background-color:transparent;letter-spacing:.72px}.rdsite-pagination-pp-options button[class*=-link],.rdsite-pagination-nav button[class*=-link]{color:var(--primary-base);cursor:pointer}.rdsite-pagination-pp-options button[class*=-link]:disabled,.rdsite-pagination-pp-options span,.rdsite-pagination-nav button[class*=-link]:disabled,.rdsite-pagination-nav span{color:var(--neutral-dark);background-color:transparent;pointer-events:none}.rdsite-pagination-pp-options span.bar,.rdsite-pagination-nav span.bar{margin:0 20px;color:var(--neutral-light)}.rdsite-pagination-pp-options>span{display:inline;margin-right:18px}.rdsite-pagination-pp-options-controls{text-wrap:nowrap}.rdsite-pagination nav.rdsite-pagination-nav{display:flex;justify-content:space-between;align-self:center;align-items:center;width:100%;border-top:1px dashed var(--neutral-light)}.rdsite-pagination nav.rdsite-pagination-nav span{margin:0 44px}@media screen and (min-width: 1024px){.rdsite-pagination{flex-direction:row;justify-content:space-between}.rdsite-pagination-pp-options,.rdsite-pagination nav.rdsite-pagination-nav{width:auto;border-top:none}.rdsite-pagination-pp-options>span{margin-right:44px}}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options button[class*=-link],.rdsite-pagination.dark-mode .rdsite-pagination-nav button[class*=-link]{color:var(--neutral-purewhite)}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options button[class*=-link]:disabled,.rdsite-pagination.dark-mode .rdsite-pagination-nav button[class*=-link]:disabled{color:var(--primary-base)}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options span,.rdsite-pagination.dark-mode .rdsite-pagination-nav span{color:var(--neutral-purewhite)}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options span.bar,.rdsite-pagination.dark-mode .rdsite-pagination-nav span.bar{margin:0 20px;color:var(--primary-base)}.rdsite-pagination.dark-mode .rdsite-pagination-nav{border-top:1px dashed var(--primary-base)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PaginationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rdsite-pagination', standalone: true, imports: [], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"rdsite-pagination\" [class.rdsite-container]=\"containerClass\" [style]=\"customStyle\" data-testid=\"_rdsite-rdsite-pagination\">\r\n  @if (totalPages && totalPages > 1) {\r\n    <nav class=\"rdsite-pagination-nav\" aria-label=\"Pagination nav\">\r\n      <button (click)=\"prev()\" type=\"button\" title=\"P\u00E1gina anterior\" class=\"button-link\" [attr.disabled]=\"activePage === 1 ? true : null\">\r\n        <cura-icon name=\"arrowLeftCircle\" size=\"24\" [attr.color]=\"activePage === 1 ? 'neutral-600' : 'primary-500'\"></cura-icon>\r\n      </button>\r\n\r\n      <span>P\u00E1gina {{ activePage }} - {{ totalPages }}</span>\r\n\r\n      <button (click)=\"next()\" type=\"button\" title=\"Pr\u00F3xima p\u00E1gina\" class=\"button-link\" [attr.disabled]=\"activePage === totalPages ? true : null\">\r\n        <cura-icon name=\"arrowRightCircle\" size=\"24\" [attr.color]=\"activePage === totalPages ? 'neutral-600' : 'primary-500'\"></cura-icon>\r\n      </button>\r\n    </nav>\r\n  }\r\n\r\n  @if (perPageOptions.length) {\r\n    <div class=\"rdsite-pagination-pp-options\" data-testid=\"_rdsite-rdsite-pagination-pp-options\">\r\n      <span>Resultados por p\u00E1gina</span>\r\n\r\n      <div class=\"rdsite-pagination-pp-options-controls\" data-testid=\"_rdsite-rdsite-pagination-pp-options-controls\">\r\n        @for (option of perPageOptions; let i = $index; track option) {\r\n          <button\r\n            type=\"button\"\r\n            (click)=\"perPageChange.emit(option)\"\r\n            [attr.disabled]=\"option === perPage ? true : null\"\r\n            title=\"Exibir {{ option }} resultados por p\u00E1gina.\"\r\n            class=\"button-link\"\r\n          >\r\n            {{ option }}\r\n            @if (i < perPageOptions.length - 1) {\r\n              <span class=\"bar\">|</span>\r\n            }\r\n          </button>\r\n        }\r\n      </div>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{width:100%}.rdsite-pagination{display:flex;gap:30px;flex-direction:column-reverse;justify-content:space-between;align-items:center;padding:16px;border-radius:10px;background:var(--neutral-purewhite);box-shadow:0 1px 4px #26262629}.rdsite-pagination *{font-family:var(--font-family)}.rdsite-pagination-pp-options,.rdsite-pagination-nav{display:flex;justify-content:space-between;align-self:center;align-items:center;width:100%}.rdsite-pagination-pp-options button[class*=-link],.rdsite-pagination-pp-options span,.rdsite-pagination-nav button[class*=-link],.rdsite-pagination-nav span{font-weight:500;font-size:12px;line-height:13px;height:auto;padding:0;background-color:transparent;letter-spacing:.72px}.rdsite-pagination-pp-options button[class*=-link],.rdsite-pagination-nav button[class*=-link]{color:var(--primary-base);cursor:pointer}.rdsite-pagination-pp-options button[class*=-link]:disabled,.rdsite-pagination-pp-options span,.rdsite-pagination-nav button[class*=-link]:disabled,.rdsite-pagination-nav span{color:var(--neutral-dark);background-color:transparent;pointer-events:none}.rdsite-pagination-pp-options span.bar,.rdsite-pagination-nav span.bar{margin:0 20px;color:var(--neutral-light)}.rdsite-pagination-pp-options>span{display:inline;margin-right:18px}.rdsite-pagination-pp-options-controls{text-wrap:nowrap}.rdsite-pagination nav.rdsite-pagination-nav{display:flex;justify-content:space-between;align-self:center;align-items:center;width:100%}.rdsite-pagination nav.rdsite-pagination-nav button[class*=-link]:disabled cura-icon{stroke:-var(--neutral-darker)}.rdsite-pagination nav.rdsite-pagination-nav span{margin:0 44px}@media screen and (min-width: 1024px){.rdsite-pagination{flex-direction:row-reverse;justify-content:space-between;padding:16px}.rdsite-pagination-pp-options,.rdsite-pagination nav.rdsite-pagination-nav{width:auto}.rdsite-pagination-pp-options>span{margin-right:44px}}\n"] }]
+            args: [{ selector: 'rdsite-pagination', standalone: true, imports: [CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div\r\n  class=\"rdsite-pagination\"\r\n  [ngClass]=\"{ 'rdsite-container': containerClass, 'dark-mode': darkMode }\"\r\n  [style]=\"customStyle\"\r\n  data-testid=\"_rdsite-rdsite-pagination\"\r\n>\r\n  @if (totalPages && totalPages > 1) {\r\n    <nav class=\"rdsite-pagination-nav\" aria-label=\"Pagination nav\">\r\n      <button (click)=\"prev()\" type=\"button\" title=\"P\u00E1gina anterior\" class=\"button-link\" [attr.disabled]=\"activePage === 1 ? true : null\">\r\n        <cura-icon\r\n          name=\"arrowLeftCircle\"\r\n          size=\"24\"\r\n          [attr.color]=\"activePage === 1 ? (darkMode ? 'primary-base' : 'neutral-dark') : darkMode ? 'neutral-purewhite' : 'primary-base'\"\r\n        >\r\n        </cura-icon>\r\n      </button>\r\n\r\n      <span>P\u00E1gina {{ activePage }} - {{ totalPages }}</span>\r\n\r\n      <button (click)=\"next()\" type=\"button\" title=\"Pr\u00F3xima p\u00E1gina\" class=\"button-link\" [attr.disabled]=\"activePage === totalPages ? true : null\">\r\n        <cura-icon\r\n          name=\"arrowRightCircle\"\r\n          size=\"24\"\r\n          [attr.color]=\"activePage === totalPages ? (darkMode ? 'primary-base' : 'neutral-dark') : darkMode ? 'neutral-purewhite' : 'primary-base'\"\r\n        >\r\n        </cura-icon>\r\n      </button>\r\n    </nav>\r\n  }\r\n\r\n  @if (perPageOptions.length) {\r\n    <div class=\"rdsite-pagination-pp-options\" data-testid=\"_rdsite-rdsite-pagination-pp-options\">\r\n      <span>Resultados por p\u00E1gina</span>\r\n\r\n      <div class=\"rdsite-pagination-pp-options-controls\" data-testid=\"_rdsite-rdsite-pagination-pp-options-controls\">\r\n        @for (option of perPageOptions; let i = $index; track option) {\r\n          <button\r\n            type=\"button\"\r\n            (click)=\"perPageChange.emit(option)\"\r\n            [attr.disabled]=\"option === perPage ? true : null\"\r\n            title=\"Exibir {{ option }} resultados por p\u00E1gina.\"\r\n            class=\"button-link\"\r\n          >\r\n            {{ option }}\r\n            @if (i < perPageOptions.length - 1) {\r\n              <span class=\"bar\">|</span>\r\n            }\r\n          </button>\r\n        }\r\n      </div>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{width:100%}:host *{font-family:var(--font-family)}.rdsite-pagination{display:flex;flex-direction:column-reverse;justify-content:space-between;align-items:center;border-radius:10px;overflow:hidden}.rdsite-pagination-pp-options,.rdsite-pagination-nav{display:flex;justify-content:space-between;align-self:center;align-items:center;width:100%;padding:16px}.rdsite-pagination-pp-options button[class*=-link],.rdsite-pagination-pp-options span,.rdsite-pagination-nav button[class*=-link],.rdsite-pagination-nav span{font-weight:500;font-size:12px;line-height:13px;height:auto;padding:0;background-color:transparent;letter-spacing:.72px}.rdsite-pagination-pp-options button[class*=-link],.rdsite-pagination-nav button[class*=-link]{color:var(--primary-base);cursor:pointer}.rdsite-pagination-pp-options button[class*=-link]:disabled,.rdsite-pagination-pp-options span,.rdsite-pagination-nav button[class*=-link]:disabled,.rdsite-pagination-nav span{color:var(--neutral-dark);background-color:transparent;pointer-events:none}.rdsite-pagination-pp-options span.bar,.rdsite-pagination-nav span.bar{margin:0 20px;color:var(--neutral-light)}.rdsite-pagination-pp-options>span{display:inline;margin-right:18px}.rdsite-pagination-pp-options-controls{text-wrap:nowrap}.rdsite-pagination nav.rdsite-pagination-nav{display:flex;justify-content:space-between;align-self:center;align-items:center;width:100%;border-top:1px dashed var(--neutral-light)}.rdsite-pagination nav.rdsite-pagination-nav span{margin:0 44px}@media screen and (min-width: 1024px){.rdsite-pagination{flex-direction:row;justify-content:space-between}.rdsite-pagination-pp-options,.rdsite-pagination nav.rdsite-pagination-nav{width:auto;border-top:none}.rdsite-pagination-pp-options>span{margin-right:44px}}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options button[class*=-link],.rdsite-pagination.dark-mode .rdsite-pagination-nav button[class*=-link]{color:var(--neutral-purewhite)}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options button[class*=-link]:disabled,.rdsite-pagination.dark-mode .rdsite-pagination-nav button[class*=-link]:disabled{color:var(--primary-base)}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options span,.rdsite-pagination.dark-mode .rdsite-pagination-nav span{color:var(--neutral-purewhite)}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options span.bar,.rdsite-pagination.dark-mode .rdsite-pagination-nav span.bar{margin:0 20px;color:var(--primary-base)}.rdsite-pagination.dark-mode .rdsite-pagination-nav{border-top:1px dashed var(--primary-base)}\n"] }]
         }], ctorParameters: () => [{ type: i1.CuraService }], propDecorators: { totalPages: [{
                 type: Input
             }], activePage: [{
@@ -47,6 +50,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Input
             }], containerClass: [{
                 type: Input
+            }], darkMode: [{
+                type: Input
             }], pageChange: [{
                 type: Output
             }], perPageChange: [{
@@ -55,4 +60,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: HostBinding,
                 args: ['style']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaXRlLWZyb250LWVuZC1saWIvc3JjL2xpYi9jb21wb25lbnRzL3BhZ2luYXRpb24vcGFnaW5hdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaXRlLWZyb250LWVuZC1saWIvc3JjL2xpYi9jb21wb25lbnRzL3BhZ2luYXRpb24vcGFnaW5hdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBVzVHLE1BQU0sT0FBTyxtQkFBbUI7SUFvQjlCLFlBQTZCLFdBQXdCO1FBQXhCLGdCQUFXLEdBQVgsV0FBVyxDQUFhO1FBakI1QyxZQUFPLEdBQVcsRUFBRSxDQUFDO1FBQ3JCLG1CQUFjLEdBQUcsQ0FBQyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQzlCLGdCQUFXLEdBQThCLEVBQUUsQ0FBQztRQUM1QyxtQkFBYyxHQUFHLElBQUksQ0FBQztRQUVyQixlQUFVLEdBQXlCLElBQUksWUFBWSxFQUFFLENBQUM7UUFDdEQsa0JBQWEsR0FBeUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUU3QyxpQkFBWSxHQUFHO1lBQ25DLGVBQWUsRUFBRSxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsQ0FBQyxFQUFFLENBQUM7WUFDbkQsZ0JBQWdCLEVBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsY0FBYyxDQUFDO1lBQzNELHFCQUFxQixFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLG1CQUFtQixDQUFDO1lBQ3JFLGlCQUFpQixFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLGVBQWUsQ0FBQztZQUM3RCxnQkFBZ0IsRUFBRSxJQUFJLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxjQUFjLENBQUM7WUFDM0Qsa0JBQWtCLEVBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsZ0JBQWdCLENBQUM7U0FDaEUsQ0FBQztJQUVzRCxDQUFDO0lBRXpELElBQUk7UUFDRixJQUFJLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO1lBQ3RDLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxDQUFDLENBQUM7UUFDNUMsQ0FBQztJQUNILENBQUM7SUFFRCxJQUFJO1FBQ0YsSUFBSSxJQUFJLENBQUMsVUFBVSxHQUFHLENBQUMsRUFBRSxDQUFDO1lBQ3hCLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxDQUFDLENBQUM7UUFDNUMsQ0FBQztJQUNILENBQUM7K0dBaENVLG1CQUFtQjttR0FBbkIsbUJBQW1CLGdZQ1hoQyxtNURBc0NBOzs0RkQzQmEsbUJBQW1CO2tCQVIvQixTQUFTOytCQUNFLG1CQUFtQixjQUNqQixJQUFJLFdBQ1AsRUFBRSxXQUNGLENBQUMsc0JBQXNCLENBQUM7Z0ZBS3hCLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBRUksVUFBVTtzQkFBbkIsTUFBTTtnQkFDRyxhQUFhO3NCQUF0QixNQUFNO2dCQUVlLFlBQVk7c0JBQWpDLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENVU1RPTV9FTEVNRU5UU19TQ0hFTUEsIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBIb3N0QmluZGluZywgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDdXJhU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAncmRzaXRlLXBhZ2luYXRpb24nLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW10sXHJcbiAgc2NoZW1hczogW0NVU1RPTV9FTEVNRU5UU19TQ0hFTUFdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9wYWdpbmF0aW9uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vcGFnaW5hdGlvbi5jb21wb25lbnQuc2NzcycsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBQYWdpbmF0aW9uQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSB0b3RhbFBhZ2VzITogbnVtYmVyO1xyXG4gIEBJbnB1dCgpIGFjdGl2ZVBhZ2UhOiBudW1iZXI7XHJcbiAgQElucHV0KCkgcGVyUGFnZTogbnVtYmVyID0gMTA7XHJcbiAgQElucHV0KCkgcGVyUGFnZU9wdGlvbnMgPSBbMTAsIDMwLCA1MF07XHJcbiAgQElucHV0KCkgY3VzdG9tU3R5bGU6IHsgW2tleTogc3RyaW5nXTogc3RyaW5nIH0gPSB7fTtcclxuICBASW5wdXQoKSBjb250YWluZXJDbGFzcyA9IHRydWU7XHJcblxyXG4gIEBPdXRwdXQoKSBwYWdlQ2hhbmdlOiBFdmVudEVtaXR0ZXI8bnVtYmVyPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBAT3V0cHV0KCkgcGVyUGFnZUNoYW5nZTogRXZlbnRFbWl0dGVyPG51bWJlcj4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcblxyXG4gIEBIb3N0QmluZGluZygnc3R5bGUnKSBzdHlsZUJpbmRpbmcgPSB7XHJcbiAgICAnLS1mb250LWZhbWlseSc6IHRoaXMuY3VyYVNlcnZpY2UuZ2V0Rm9udEZhbWlseSgnJyksXHJcbiAgICAnLS1wcmltYXJ5LWJhc2UnOiB0aGlzLmN1cmFTZXJ2aWNlLmdldENvbG9yKCdwcmltYXJ5LWJhc2UnKSxcclxuICAgICctLW5ldXRyYWwtcHVyZXdoaXRlJzogdGhpcy5jdXJhU2VydmljZS5nZXRDb2xvcignbmV1dHJhbC1wdXJld2hpdGUnKSxcclxuICAgICctLW5ldXRyYWwtbGlnaHQnOiB0aGlzLmN1cmFTZXJ2aWNlLmdldENvbG9yKCduZXV0cmFsLWxpZ2h0JyksXHJcbiAgICAnLS1uZXV0cmFsLWRhcmsnOiB0aGlzLmN1cmFTZXJ2aWNlLmdldENvbG9yKCduZXV0cmFsLWRhcmsnKSxcclxuICAgICctLW5ldXRyYWwtZGFya2VyJzogdGhpcy5jdXJhU2VydmljZS5nZXRDb2xvcignbmV1dHJhbC1kYXJrZXInKSxcclxuICB9O1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlYWRvbmx5IGN1cmFTZXJ2aWNlOiBDdXJhU2VydmljZSkge31cclxuXHJcbiAgbmV4dCgpIHtcclxuICAgIGlmICh0aGlzLmFjdGl2ZVBhZ2UgPCB0aGlzLnRvdGFsUGFnZXMpIHtcclxuICAgICAgdGhpcy5wYWdlQ2hhbmdlLmVtaXQodGhpcy5hY3RpdmVQYWdlICsgMSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwcmV2KCkge1xyXG4gICAgaWYgKHRoaXMuYWN0aXZlUGFnZSA+IDEpIHtcclxuICAgICAgdGhpcy5wYWdlQ2hhbmdlLmVtaXQodGhpcy5hY3RpdmVQYWdlIC0gMSk7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJyZHNpdGUtcGFnaW5hdGlvblwiIFtjbGFzcy5yZHNpdGUtY29udGFpbmVyXT1cImNvbnRhaW5lckNsYXNzXCIgW3N0eWxlXT1cImN1c3RvbVN0eWxlXCIgZGF0YS10ZXN0aWQ9XCJfcmRzaXRlLXJkc2l0ZS1wYWdpbmF0aW9uXCI+XHJcbiAgQGlmICh0b3RhbFBhZ2VzICYmIHRvdGFsUGFnZXMgPiAxKSB7XHJcbiAgICA8bmF2IGNsYXNzPVwicmRzaXRlLXBhZ2luYXRpb24tbmF2XCIgYXJpYS1sYWJlbD1cIlBhZ2luYXRpb24gbmF2XCI+XHJcbiAgICAgIDxidXR0b24gKGNsaWNrKT1cInByZXYoKVwiIHR5cGU9XCJidXR0b25cIiB0aXRsZT1cIlDDoWdpbmEgYW50ZXJpb3JcIiBjbGFzcz1cImJ1dHRvbi1saW5rXCIgW2F0dHIuZGlzYWJsZWRdPVwiYWN0aXZlUGFnZSA9PT0gMSA/IHRydWUgOiBudWxsXCI+XHJcbiAgICAgICAgPGN1cmEtaWNvbiBuYW1lPVwiYXJyb3dMZWZ0Q2lyY2xlXCIgc2l6ZT1cIjI0XCIgW2F0dHIuY29sb3JdPVwiYWN0aXZlUGFnZSA9PT0gMSA/ICduZXV0cmFsLTYwMCcgOiAncHJpbWFyeS01MDAnXCI+PC9jdXJhLWljb24+XHJcbiAgICAgIDwvYnV0dG9uPlxyXG5cclxuICAgICAgPHNwYW4+UMOhZ2luYSB7eyBhY3RpdmVQYWdlIH19IC0ge3sgdG90YWxQYWdlcyB9fTwvc3Bhbj5cclxuXHJcbiAgICAgIDxidXR0b24gKGNsaWNrKT1cIm5leHQoKVwiIHR5cGU9XCJidXR0b25cIiB0aXRsZT1cIlByw7N4aW1hIHDDoWdpbmFcIiBjbGFzcz1cImJ1dHRvbi1saW5rXCIgW2F0dHIuZGlzYWJsZWRdPVwiYWN0aXZlUGFnZSA9PT0gdG90YWxQYWdlcyA/IHRydWUgOiBudWxsXCI+XHJcbiAgICAgICAgPGN1cmEtaWNvbiBuYW1lPVwiYXJyb3dSaWdodENpcmNsZVwiIHNpemU9XCIyNFwiIFthdHRyLmNvbG9yXT1cImFjdGl2ZVBhZ2UgPT09IHRvdGFsUGFnZXMgPyAnbmV1dHJhbC02MDAnIDogJ3ByaW1hcnktNTAwJ1wiPjwvY3VyYS1pY29uPlxyXG4gICAgICA8L2J1dHRvbj5cclxuICAgIDwvbmF2PlxyXG4gIH1cclxuXHJcbiAgQGlmIChwZXJQYWdlT3B0aW9ucy5sZW5ndGgpIHtcclxuICAgIDxkaXYgY2xhc3M9XCJyZHNpdGUtcGFnaW5hdGlvbi1wcC1vcHRpb25zXCIgZGF0YS10ZXN0aWQ9XCJfcmRzaXRlLXJkc2l0ZS1wYWdpbmF0aW9uLXBwLW9wdGlvbnNcIj5cclxuICAgICAgPHNwYW4+UmVzdWx0YWRvcyBwb3IgcMOhZ2luYTwvc3Bhbj5cclxuXHJcbiAgICAgIDxkaXYgY2xhc3M9XCJyZHNpdGUtcGFnaW5hdGlvbi1wcC1vcHRpb25zLWNvbnRyb2xzXCIgZGF0YS10ZXN0aWQ9XCJfcmRzaXRlLXJkc2l0ZS1wYWdpbmF0aW9uLXBwLW9wdGlvbnMtY29udHJvbHNcIj5cclxuICAgICAgICBAZm9yIChvcHRpb24gb2YgcGVyUGFnZU9wdGlvbnM7IGxldCBpID0gJGluZGV4OyB0cmFjayBvcHRpb24pIHtcclxuICAgICAgICAgIDxidXR0b25cclxuICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXHJcbiAgICAgICAgICAgIChjbGljayk9XCJwZXJQYWdlQ2hhbmdlLmVtaXQob3B0aW9uKVwiXHJcbiAgICAgICAgICAgIFthdHRyLmRpc2FibGVkXT1cIm9wdGlvbiA9PT0gcGVyUGFnZSA/IHRydWUgOiBudWxsXCJcclxuICAgICAgICAgICAgdGl0bGU9XCJFeGliaXIge3sgb3B0aW9uIH19IHJlc3VsdGFkb3MgcG9yIHDDoWdpbmEuXCJcclxuICAgICAgICAgICAgY2xhc3M9XCJidXR0b24tbGlua1wiXHJcbiAgICAgICAgICA+XHJcbiAgICAgICAgICAgIHt7IG9wdGlvbiB9fVxyXG4gICAgICAgICAgICBAaWYgKGkgPCBwZXJQYWdlT3B0aW9ucy5sZW5ndGggLSAxKSB7XHJcbiAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJiYXJcIj58PC9zcGFuPlxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICB9XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgfVxyXG48L2Rpdj5cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaXRlLWZyb250LWVuZC1saWIvc3JjL2xpYi9jb21wb25lbnRzL3BhZ2luYXRpb24vcGFnaW5hdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaXRlLWZyb250LWVuZC1saWIvc3JjL2xpYi9jb21wb25lbnRzL3BhZ2luYXRpb24vcGFnaW5hdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHNCQUFzQixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFXNUcsTUFBTSxPQUFPLG1CQUFtQjtJQXFCOUIsWUFBNkIsV0FBd0I7UUFBeEIsZ0JBQVcsR0FBWCxXQUFXLENBQWE7UUFsQjVDLFlBQU8sR0FBVyxFQUFFLENBQUM7UUFDckIsbUJBQWMsR0FBRyxDQUFDLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDOUIsZ0JBQVcsR0FBOEIsRUFBRSxDQUFDO1FBQzVDLG1CQUFjLEdBQUcsSUFBSSxDQUFDO1FBQ3RCLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFFekIsZUFBVSxHQUF5QixJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ3RELGtCQUFhLEdBQXlCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFN0MsaUJBQVksR0FBRztZQUNuQyxlQUFlLEVBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLENBQUMsRUFBRSxDQUFDO1lBQ25ELGdCQUFnQixFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLGNBQWMsQ0FBQztZQUMzRCxnQkFBZ0IsRUFBRSxJQUFJLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxjQUFjLENBQUM7WUFDM0QscUJBQXFCLEVBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsbUJBQW1CLENBQUM7WUFDckUsaUJBQWlCLEVBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsZUFBZSxDQUFDO1lBQzdELGdCQUFnQixFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLGNBQWMsQ0FBQztTQUM1RCxDQUFDO0lBRXNELENBQUM7SUFFekQsSUFBSTtRQUNGLElBQUksSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7WUFDdEMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsR0FBRyxDQUFDLENBQUMsQ0FBQztRQUM1QyxDQUFDO0lBQ0gsQ0FBQztJQUVELElBQUk7UUFDRixJQUFJLElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxFQUFFLENBQUM7WUFDeEIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsR0FBRyxDQUFDLENBQUMsQ0FBQztRQUM1QyxDQUFDO0lBQ0gsQ0FBQzsrR0FqQ1UsbUJBQW1CO21HQUFuQixtQkFBbUIsc1pDWmhDLDJzRUFxREEsNGpGRDlDWSxZQUFZOzs0RkFLWCxtQkFBbUI7a0JBUi9CLFNBQVM7K0JBQ0UsbUJBQW1CLGNBQ2pCLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyxXQUNkLENBQUMsc0JBQXNCLENBQUM7Z0ZBS3hCLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFFSSxVQUFVO3NCQUFuQixNQUFNO2dCQUNHLGFBQWE7c0JBQXRCLE1BQU07Z0JBRWUsWUFBWTtzQkFBakMsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIEhvc3RCaW5kaW5nLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEN1cmFTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdyZHNpdGUtcGFnaW5hdGlvbicsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcclxuICBzY2hlbWFzOiBbQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQV0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3BhZ2luYXRpb24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9wYWdpbmF0aW9uLmNvbXBvbmVudC5zY3NzJyxcclxufSlcclxuZXhwb3J0IGNsYXNzIFBhZ2luYXRpb25Db21wb25lbnQge1xyXG4gIEBJbnB1dCgpIHRvdGFsUGFnZXMhOiBudW1iZXI7XHJcbiAgQElucHV0KCkgYWN0aXZlUGFnZSE6IG51bWJlcjtcclxuICBASW5wdXQoKSBwZXJQYWdlOiBudW1iZXIgPSAxMDtcclxuICBASW5wdXQoKSBwZXJQYWdlT3B0aW9ucyA9IFsxMCwgMzAsIDUwXTtcclxuICBASW5wdXQoKSBjdXN0b21TdHlsZTogeyBba2V5OiBzdHJpbmddOiBzdHJpbmcgfSA9IHt9O1xyXG4gIEBJbnB1dCgpIGNvbnRhaW5lckNsYXNzID0gdHJ1ZTtcclxuICBASW5wdXQoKSBkYXJrTW9kZTogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICBAT3V0cHV0KCkgcGFnZUNoYW5nZTogRXZlbnRFbWl0dGVyPG51bWJlcj4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQE91dHB1dCgpIHBlclBhZ2VDaGFuZ2U6IEV2ZW50RW1pdHRlcjxudW1iZXI+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICBASG9zdEJpbmRpbmcoJ3N0eWxlJykgc3R5bGVCaW5kaW5nID0ge1xyXG4gICAgJy0tZm9udC1mYW1pbHknOiB0aGlzLmN1cmFTZXJ2aWNlLmdldEZvbnRGYW1pbHkoJycpLFxyXG4gICAgJy0tcHJpbWFyeS1iYXNlJzogdGhpcy5jdXJhU2VydmljZS5nZXRDb2xvcigncHJpbWFyeS1iYXNlJyksXHJcbiAgICAnLS1wcmltYXJ5LWRhcmsnOiB0aGlzLmN1cmFTZXJ2aWNlLmdldENvbG9yKCdwcmltYXJ5LWRhcmsnKSxcclxuICAgICctLW5ldXRyYWwtcHVyZXdoaXRlJzogdGhpcy5jdXJhU2VydmljZS5nZXRDb2xvcignbmV1dHJhbC1wdXJld2hpdGUnKSxcclxuICAgICctLW5ldXRyYWwtbGlnaHQnOiB0aGlzLmN1cmFTZXJ2aWNlLmdldENvbG9yKCduZXV0cmFsLWxpZ2h0JyksXHJcbiAgICAnLS1uZXV0cmFsLWRhcmsnOiB0aGlzLmN1cmFTZXJ2aWNlLmdldENvbG9yKCduZXV0cmFsLWRhcmsnKSxcclxuICB9O1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlYWRvbmx5IGN1cmFTZXJ2aWNlOiBDdXJhU2VydmljZSkge31cclxuXHJcbiAgbmV4dCgpIHtcclxuICAgIGlmICh0aGlzLmFjdGl2ZVBhZ2UgPCB0aGlzLnRvdGFsUGFnZXMpIHtcclxuICAgICAgdGhpcy5wYWdlQ2hhbmdlLmVtaXQodGhpcy5hY3RpdmVQYWdlICsgMSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwcmV2KCkge1xyXG4gICAgaWYgKHRoaXMuYWN0aXZlUGFnZSA+IDEpIHtcclxuICAgICAgdGhpcy5wYWdlQ2hhbmdlLmVtaXQodGhpcy5hY3RpdmVQYWdlIC0gMSk7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiIsIjxkaXZcclxuICBjbGFzcz1cInJkc2l0ZS1wYWdpbmF0aW9uXCJcclxuICBbbmdDbGFzc109XCJ7ICdyZHNpdGUtY29udGFpbmVyJzogY29udGFpbmVyQ2xhc3MsICdkYXJrLW1vZGUnOiBkYXJrTW9kZSB9XCJcclxuICBbc3R5bGVdPVwiY3VzdG9tU3R5bGVcIlxyXG4gIGRhdGEtdGVzdGlkPVwiX3Jkc2l0ZS1yZHNpdGUtcGFnaW5hdGlvblwiXHJcbj5cclxuICBAaWYgKHRvdGFsUGFnZXMgJiYgdG90YWxQYWdlcyA+IDEpIHtcclxuICAgIDxuYXYgY2xhc3M9XCJyZHNpdGUtcGFnaW5hdGlvbi1uYXZcIiBhcmlhLWxhYmVsPVwiUGFnaW5hdGlvbiBuYXZcIj5cclxuICAgICAgPGJ1dHRvbiAoY2xpY2spPVwicHJldigpXCIgdHlwZT1cImJ1dHRvblwiIHRpdGxlPVwiUMOhZ2luYSBhbnRlcmlvclwiIGNsYXNzPVwiYnV0dG9uLWxpbmtcIiBbYXR0ci5kaXNhYmxlZF09XCJhY3RpdmVQYWdlID09PSAxID8gdHJ1ZSA6IG51bGxcIj5cclxuICAgICAgICA8Y3VyYS1pY29uXHJcbiAgICAgICAgICBuYW1lPVwiYXJyb3dMZWZ0Q2lyY2xlXCJcclxuICAgICAgICAgIHNpemU9XCIyNFwiXHJcbiAgICAgICAgICBbYXR0ci5jb2xvcl09XCJhY3RpdmVQYWdlID09PSAxID8gKGRhcmtNb2RlID8gJ3ByaW1hcnktYmFzZScgOiAnbmV1dHJhbC1kYXJrJykgOiBkYXJrTW9kZSA/ICduZXV0cmFsLXB1cmV3aGl0ZScgOiAncHJpbWFyeS1iYXNlJ1wiXHJcbiAgICAgICAgPlxyXG4gICAgICAgIDwvY3VyYS1pY29uPlxyXG4gICAgICA8L2J1dHRvbj5cclxuXHJcbiAgICAgIDxzcGFuPlDDoWdpbmEge3sgYWN0aXZlUGFnZSB9fSAtIHt7IHRvdGFsUGFnZXMgfX08L3NwYW4+XHJcblxyXG4gICAgICA8YnV0dG9uIChjbGljayk9XCJuZXh0KClcIiB0eXBlPVwiYnV0dG9uXCIgdGl0bGU9XCJQcsOzeGltYSBww6FnaW5hXCIgY2xhc3M9XCJidXR0b24tbGlua1wiIFthdHRyLmRpc2FibGVkXT1cImFjdGl2ZVBhZ2UgPT09IHRvdGFsUGFnZXMgPyB0cnVlIDogbnVsbFwiPlxyXG4gICAgICAgIDxjdXJhLWljb25cclxuICAgICAgICAgIG5hbWU9XCJhcnJvd1JpZ2h0Q2lyY2xlXCJcclxuICAgICAgICAgIHNpemU9XCIyNFwiXHJcbiAgICAgICAgICBbYXR0ci5jb2xvcl09XCJhY3RpdmVQYWdlID09PSB0b3RhbFBhZ2VzID8gKGRhcmtNb2RlID8gJ3ByaW1hcnktYmFzZScgOiAnbmV1dHJhbC1kYXJrJykgOiBkYXJrTW9kZSA/ICduZXV0cmFsLXB1cmV3aGl0ZScgOiAncHJpbWFyeS1iYXNlJ1wiXHJcbiAgICAgICAgPlxyXG4gICAgICAgIDwvY3VyYS1pY29uPlxyXG4gICAgICA8L2J1dHRvbj5cclxuICAgIDwvbmF2PlxyXG4gIH1cclxuXHJcbiAgQGlmIChwZXJQYWdlT3B0aW9ucy5sZW5ndGgpIHtcclxuICAgIDxkaXYgY2xhc3M9XCJyZHNpdGUtcGFnaW5hdGlvbi1wcC1vcHRpb25zXCIgZGF0YS10ZXN0aWQ9XCJfcmRzaXRlLXJkc2l0ZS1wYWdpbmF0aW9uLXBwLW9wdGlvbnNcIj5cclxuICAgICAgPHNwYW4+UmVzdWx0YWRvcyBwb3IgcMOhZ2luYTwvc3Bhbj5cclxuXHJcbiAgICAgIDxkaXYgY2xhc3M9XCJyZHNpdGUtcGFnaW5hdGlvbi1wcC1vcHRpb25zLWNvbnRyb2xzXCIgZGF0YS10ZXN0aWQ9XCJfcmRzaXRlLXJkc2l0ZS1wYWdpbmF0aW9uLXBwLW9wdGlvbnMtY29udHJvbHNcIj5cclxuICAgICAgICBAZm9yIChvcHRpb24gb2YgcGVyUGFnZU9wdGlvbnM7IGxldCBpID0gJGluZGV4OyB0cmFjayBvcHRpb24pIHtcclxuICAgICAgICAgIDxidXR0b25cclxuICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXHJcbiAgICAgICAgICAgIChjbGljayk9XCJwZXJQYWdlQ2hhbmdlLmVtaXQob3B0aW9uKVwiXHJcbiAgICAgICAgICAgIFthdHRyLmRpc2FibGVkXT1cIm9wdGlvbiA9PT0gcGVyUGFnZSA/IHRydWUgOiBudWxsXCJcclxuICAgICAgICAgICAgdGl0bGU9XCJFeGliaXIge3sgb3B0aW9uIH19IHJlc3VsdGFkb3MgcG9yIHDDoWdpbmEuXCJcclxuICAgICAgICAgICAgY2xhc3M9XCJidXR0b24tbGlua1wiXHJcbiAgICAgICAgICA+XHJcbiAgICAgICAgICAgIHt7IG9wdGlvbiB9fVxyXG4gICAgICAgICAgICBAaWYgKGkgPCBwZXJQYWdlT3B0aW9ucy5sZW5ndGggLSAxKSB7XHJcbiAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJiYXJcIj58PC9zcGFuPlxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICB9XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgfVxyXG48L2Rpdj5cclxuIl19

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

@@ -2761,11 +2761,11 @@ class HeaderActionMenuComponent {
         this.headerLoginClick.emit(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderActionMenuComponent, deps: [{ token: HeaderService }, { token: LIB_CONFIG }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: HeaderActionMenuComponent, isStandalone: true, selector: "div[sl-hdr-act]", inputs: { loginUrl: "loginUrl", showSearch: "showSearch", homeUrl: "homeUrl" }, outputs: { headerLoginClick: "headerLoginClick" }, ngImport: i0, template: "@if (loginUrl) {\r\n  <div class=\"sl-hdr-act-login\">\r\n    <a [href]=\"loginUrl\" aria-label=\"Entrar\" (click)=\"headerLoginClicked($event)\" rdsitelink class=\"sl-hdr-act-login-link\">\r\n      <svg class=\"icon-mobile\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n        <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#profileCircle'\"></use>\r\n      </svg>\r\n      <svg class=\"icon-desktop\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n        <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#profileCircle'\"></use>\r\n      </svg>\r\n      <span>ENTRAR</span>\r\n    </a>\r\n  </div>\r\n}\r\n@if (homeUrl) {\r\n  <div class=\"sl-hdr-act-home\">\r\n    <a [href]=\"homeUrl\" class=\"sl-hdr-act-home-link\" aria-label=\"P\u00E1gina inicial\" rdsitelink> Portal Rede D\u2019Or </a>\r\n  </div>\r\n}\r\n\r\n<div class=\"sl-hdr-act-acts\">\r\n  @if (showSearch) {\r\n    <button type=\"button\" aria-label=\"Buscar\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSearch()\">\r\n      @if (!headerService.showSearch()) {\r\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n          <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#search'\"></use>\r\n        </svg>\r\n        <span>BUSCAR</span>\r\n      } @else {\r\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n          <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#close'\"></use>\r\n        </svg>\r\n        <span>FECHAR</span>\r\n      }\r\n    </button>\r\n  }\r\n  <button type=\"button\" aria-label=\"Abrir menu lateral\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSideMenu()\">\r\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n      <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#menuHamburguer'\"></use>\r\n    </svg>\r\n  </button>\r\n</div>\r\n", styles: ["div[sl-hdr-act]{display:flex;align-items:center;justify-content:center;height:100%;width:100%;gap:2px;background-color:var(--hdr-act-bg-color)}.sl-hdr-act-login,.sl-hdr-act-home{display:flex;align-items:center;justify-content:center;height:100%;padding:0 15px;background-color:var(--hdr-act-items-bg-color)}.sl-hdr-act-login-link,.sl-hdr-act-home-link{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:6px;color:var(--hdr-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.sl-hdr-act-login-link svg,.sl-hdr-act-home-link svg{stroke:var(--hdr-act-items-color)!important}.sl-hdr-act-login-link:hover,.sl-hdr-act-home-link:hover{color:var(--hdr-act-items-hover)!important}.sl-hdr-act-login-link:hover svg,.sl-hdr-act-home-link:hover svg{stroke:var(--hdr-act-items-hover)!important}.sl-hdr-act-login-link:active,.sl-hdr-act-home-link:active{color:var(--hdr-act-items-active)!important}.sl-hdr-act-login-link:active svg,.sl-hdr-act-home-link:active svg{stroke:var(--hdr-act-items-active)!important}.sl-hdr-act-login-link .icon-desktop,.sl-hdr-act-home-link .icon-desktop{display:none}.sl-hdr-act-login-link .icon-mobile,.sl-hdr-act-home-link .icon-mobile{display:inline}.sl-hdr-act-login-link span,.sl-hdr-act-home-link span{display:none}.sl-hdr-act-acts{display:flex;align-items:center;justify-content:center;height:100%;padding:0 12px;background-color:var(--hdr-act-items-bg-color)}.sl-hdr-act-acts-button{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:8px;background-color:transparent;color:var(--hdr-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.sl-hdr-act-acts-button svg{stroke:var(--hdr-act-items-color)!important}.sl-hdr-act-acts-button:hover{color:var(--hdr-act-items-hover)!important}.sl-hdr-act-acts-button:hover svg{stroke:var(--hdr-act-items-hover)!important}.sl-hdr-act-acts-button:active{color:var(--hdr-act-items-active)!important}.sl-hdr-act-acts-button:active svg{stroke:var(--hdr-act-items-active)!important}.sl-hdr-act-acts-button span{display:none}@media only screen and (min-width: 1024px){.sl-hdr-act-login,.sl-hdr-act-home{padding:0 12px}.sl-hdr-act-login-link,.sl-hdr-act-home-link{padding:8px}.sl-hdr-act-login-link .icon-desktop,.sl-hdr-act-home-link .icon-desktop{display:inline}.sl-hdr-act-login-link .icon-mobile,.sl-hdr-act-home-link .icon-mobile{display:none}.sl-hdr-act-login-link span,.sl-hdr-act-home-link span{display:inline}.sl-hdr-act-acts{padding:0 8px}.sl-hdr-act-acts-button span{display:inline}}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: HeaderActionMenuComponent, isStandalone: true, selector: "div[sl-hdr-act]", inputs: { loginUrl: "loginUrl", showSearch: "showSearch", homeUrl: "homeUrl" }, outputs: { headerLoginClick: "headerLoginClick" }, ngImport: i0, template: "@if (loginUrl) {\r\n  <div class=\"sl-hdr-act-login\">\r\n    <a [href]=\"loginUrl\" aria-label=\"Entrar\" (click)=\"headerLoginClicked($event)\" rdsitelink class=\"sl-hdr-act-login-link\">\r\n      <svg class=\"icon-mobile\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n        <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#profileCircle'\"></use>\r\n      </svg>\r\n      <svg class=\"icon-desktop\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n        <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#profileCircle'\"></use>\r\n      </svg>\r\n      <span>ENTRAR</span>\r\n    </a>\r\n  </div>\r\n}\r\n@if (homeUrl) {\r\n  <div class=\"sl-hdr-act-home\">\r\n    <a [href]=\"homeUrl\" class=\"sl-hdr-act-home-link\" aria-label=\"P\u00E1gina inicial\" rdsitelink> Portal Rede D\u2019Or </a>\r\n  </div>\r\n}\r\n\r\n<div class=\"sl-hdr-act-acts\">\r\n  @if (showSearch) {\r\n    <button type=\"button\" aria-label=\"Buscar\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSearch()\">\r\n      @if (!headerService.showSearch()) {\r\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n          <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#search'\"></use>\r\n        </svg>\r\n        <span>BUSCAR</span>\r\n      } @else {\r\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n          <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#close'\"></use>\r\n        </svg>\r\n        <span>FECHAR</span>\r\n      }\r\n    </button>\r\n  }\r\n  <button type=\"button\" aria-label=\"Abrir menu lateral\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSideMenu()\">\r\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n      <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#menuHamburguer'\"></use>\r\n    </svg>\r\n  </button>\r\n</div>\r\n", styles: ["div[sl-hdr-act]{display:flex;align-items:center;justify-content:center;height:100%;width:100%;gap:2px;background-color:var(--hdr-act-bg-color)}.sl-hdr-act-login,.sl-hdr-act-home{display:flex;align-items:center;justify-content:center;height:100%;padding:0 15px;background-color:var(--hdr-act-items-bg-color)}.sl-hdr-act-login-link,.sl-hdr-act-home-link{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:6px;color:var(--hdr-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.sl-hdr-act-login-link svg,.sl-hdr-act-home-link svg{stroke:var(--hdr-act-items-color)!important}.sl-hdr-act-login-link:hover,.sl-hdr-act-home-link:hover{color:var(--hdr-act-items-hover)!important}.sl-hdr-act-login-link:hover svg,.sl-hdr-act-home-link:hover svg{stroke:var(--hdr-act-items-hover)!important}.sl-hdr-act-login-link:active,.sl-hdr-act-home-link:active{color:var(--hdr-act-items-active)!important}.sl-hdr-act-login-link:active svg,.sl-hdr-act-home-link:active svg{stroke:var(--hdr-act-items-active)!important}.sl-hdr-act-login-link .icon-desktop,.sl-hdr-act-home-link .icon-desktop{display:none}.sl-hdr-act-login-link .icon-mobile,.sl-hdr-act-home-link .icon-mobile{display:inline}.sl-hdr-act-login-link span,.sl-hdr-act-home-link span,.sl-hdr-act-home{display:none}.sl-hdr-act-acts{display:flex;align-items:center;justify-content:center;height:100%;padding:0 12px;background-color:var(--hdr-act-items-bg-color)}.sl-hdr-act-acts-button{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:8px;background-color:transparent;color:var(--hdr-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.sl-hdr-act-acts-button svg{stroke:var(--hdr-act-items-color)!important}.sl-hdr-act-acts-button:hover{color:var(--hdr-act-items-hover)!important}.sl-hdr-act-acts-button:hover svg{stroke:var(--hdr-act-items-hover)!important}.sl-hdr-act-acts-button:active{color:var(--hdr-act-items-active)!important}.sl-hdr-act-acts-button:active svg{stroke:var(--hdr-act-items-active)!important}.sl-hdr-act-acts-button span{display:none}@media only screen and (min-width: 1024px){.sl-hdr-act-login,.sl-hdr-act-home{padding:0 12px}.sl-hdr-act-login-link,.sl-hdr-act-home-link{padding:8px}.sl-hdr-act-login-link .icon-desktop,.sl-hdr-act-home-link .icon-desktop{display:inline}.sl-hdr-act-login-link .icon-mobile,.sl-hdr-act-home-link .icon-mobile{display:none}.sl-hdr-act-login-link span,.sl-hdr-act-home-link span{display:inline}.sl-hdr-act-home{display:flex}.sl-hdr-act-acts{padding:0 8px}.sl-hdr-act-acts-button span{display:inline}}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderActionMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'div[sl-hdr-act]', standalone: true, imports: [RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (loginUrl) {\r\n  <div class=\"sl-hdr-act-login\">\r\n    <a [href]=\"loginUrl\" aria-label=\"Entrar\" (click)=\"headerLoginClicked($event)\" rdsitelink class=\"sl-hdr-act-login-link\">\r\n      <svg class=\"icon-mobile\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n        <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#profileCircle'\"></use>\r\n      </svg>\r\n      <svg class=\"icon-desktop\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n        <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#profileCircle'\"></use>\r\n      </svg>\r\n      <span>ENTRAR</span>\r\n    </a>\r\n  </div>\r\n}\r\n@if (homeUrl) {\r\n  <div class=\"sl-hdr-act-home\">\r\n    <a [href]=\"homeUrl\" class=\"sl-hdr-act-home-link\" aria-label=\"P\u00E1gina inicial\" rdsitelink> Portal Rede D\u2019Or </a>\r\n  </div>\r\n}\r\n\r\n<div class=\"sl-hdr-act-acts\">\r\n  @if (showSearch) {\r\n    <button type=\"button\" aria-label=\"Buscar\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSearch()\">\r\n      @if (!headerService.showSearch()) {\r\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n          <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#search'\"></use>\r\n        </svg>\r\n        <span>BUSCAR</span>\r\n      } @else {\r\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n          <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#close'\"></use>\r\n        </svg>\r\n        <span>FECHAR</span>\r\n      }\r\n    </button>\r\n  }\r\n  <button type=\"button\" aria-label=\"Abrir menu lateral\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSideMenu()\">\r\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n      <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#menuHamburguer'\"></use>\r\n    </svg>\r\n  </button>\r\n</div>\r\n", styles: ["div[sl-hdr-act]{display:flex;align-items:center;justify-content:center;height:100%;width:100%;gap:2px;background-color:var(--hdr-act-bg-color)}.sl-hdr-act-login,.sl-hdr-act-home{display:flex;align-items:center;justify-content:center;height:100%;padding:0 15px;background-color:var(--hdr-act-items-bg-color)}.sl-hdr-act-login-link,.sl-hdr-act-home-link{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:6px;color:var(--hdr-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.sl-hdr-act-login-link svg,.sl-hdr-act-home-link svg{stroke:var(--hdr-act-items-color)!important}.sl-hdr-act-login-link:hover,.sl-hdr-act-home-link:hover{color:var(--hdr-act-items-hover)!important}.sl-hdr-act-login-link:hover svg,.sl-hdr-act-home-link:hover svg{stroke:var(--hdr-act-items-hover)!important}.sl-hdr-act-login-link:active,.sl-hdr-act-home-link:active{color:var(--hdr-act-items-active)!important}.sl-hdr-act-login-link:active svg,.sl-hdr-act-home-link:active svg{stroke:var(--hdr-act-items-active)!important}.sl-hdr-act-login-link .icon-desktop,.sl-hdr-act-home-link .icon-desktop{display:none}.sl-hdr-act-login-link .icon-mobile,.sl-hdr-act-home-link .icon-mobile{display:inline}.sl-hdr-act-login-link span,.sl-hdr-act-home-link span{display:none}.sl-hdr-act-acts{display:flex;align-items:center;justify-content:center;height:100%;padding:0 12px;background-color:var(--hdr-act-items-bg-color)}.sl-hdr-act-acts-button{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:8px;background-color:transparent;color:var(--hdr-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.sl-hdr-act-acts-button svg{stroke:var(--hdr-act-items-color)!important}.sl-hdr-act-acts-button:hover{color:var(--hdr-act-items-hover)!important}.sl-hdr-act-acts-button:hover svg{stroke:var(--hdr-act-items-hover)!important}.sl-hdr-act-acts-button:active{color:var(--hdr-act-items-active)!important}.sl-hdr-act-acts-button:active svg{stroke:var(--hdr-act-items-active)!important}.sl-hdr-act-acts-button span{display:none}@media only screen and (min-width: 1024px){.sl-hdr-act-login,.sl-hdr-act-home{padding:0 12px}.sl-hdr-act-login-link,.sl-hdr-act-home-link{padding:8px}.sl-hdr-act-login-link .icon-desktop,.sl-hdr-act-home-link .icon-desktop{display:inline}.sl-hdr-act-login-link .icon-mobile,.sl-hdr-act-home-link .icon-mobile{display:none}.sl-hdr-act-login-link span,.sl-hdr-act-home-link span{display:inline}.sl-hdr-act-acts{padding:0 8px}.sl-hdr-act-acts-button span{display:inline}}\n"] }]
+            args: [{ selector: 'div[sl-hdr-act]', standalone: true, imports: [RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (loginUrl) {\r\n  <div class=\"sl-hdr-act-login\">\r\n    <a [href]=\"loginUrl\" aria-label=\"Entrar\" (click)=\"headerLoginClicked($event)\" rdsitelink class=\"sl-hdr-act-login-link\">\r\n      <svg class=\"icon-mobile\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n        <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#profileCircle'\"></use>\r\n      </svg>\r\n      <svg class=\"icon-desktop\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n        <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#profileCircle'\"></use>\r\n      </svg>\r\n      <span>ENTRAR</span>\r\n    </a>\r\n  </div>\r\n}\r\n@if (homeUrl) {\r\n  <div class=\"sl-hdr-act-home\">\r\n    <a [href]=\"homeUrl\" class=\"sl-hdr-act-home-link\" aria-label=\"P\u00E1gina inicial\" rdsitelink> Portal Rede D\u2019Or </a>\r\n  </div>\r\n}\r\n\r\n<div class=\"sl-hdr-act-acts\">\r\n  @if (showSearch) {\r\n    <button type=\"button\" aria-label=\"Buscar\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSearch()\">\r\n      @if (!headerService.showSearch()) {\r\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n          <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#search'\"></use>\r\n        </svg>\r\n        <span>BUSCAR</span>\r\n      } @else {\r\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n          <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#close'\"></use>\r\n        </svg>\r\n        <span>FECHAR</span>\r\n      }\r\n    </button>\r\n  }\r\n  <button type=\"button\" aria-label=\"Abrir menu lateral\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSideMenu()\">\r\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n      <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#menuHamburguer'\"></use>\r\n    </svg>\r\n  </button>\r\n</div>\r\n", styles: ["div[sl-hdr-act]{display:flex;align-items:center;justify-content:center;height:100%;width:100%;gap:2px;background-color:var(--hdr-act-bg-color)}.sl-hdr-act-login,.sl-hdr-act-home{display:flex;align-items:center;justify-content:center;height:100%;padding:0 15px;background-color:var(--hdr-act-items-bg-color)}.sl-hdr-act-login-link,.sl-hdr-act-home-link{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:6px;color:var(--hdr-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.sl-hdr-act-login-link svg,.sl-hdr-act-home-link svg{stroke:var(--hdr-act-items-color)!important}.sl-hdr-act-login-link:hover,.sl-hdr-act-home-link:hover{color:var(--hdr-act-items-hover)!important}.sl-hdr-act-login-link:hover svg,.sl-hdr-act-home-link:hover svg{stroke:var(--hdr-act-items-hover)!important}.sl-hdr-act-login-link:active,.sl-hdr-act-home-link:active{color:var(--hdr-act-items-active)!important}.sl-hdr-act-login-link:active svg,.sl-hdr-act-home-link:active svg{stroke:var(--hdr-act-items-active)!important}.sl-hdr-act-login-link .icon-desktop,.sl-hdr-act-home-link .icon-desktop{display:none}.sl-hdr-act-login-link .icon-mobile,.sl-hdr-act-home-link .icon-mobile{display:inline}.sl-hdr-act-login-link span,.sl-hdr-act-home-link span,.sl-hdr-act-home{display:none}.sl-hdr-act-acts{display:flex;align-items:center;justify-content:center;height:100%;padding:0 12px;background-color:var(--hdr-act-items-bg-color)}.sl-hdr-act-acts-button{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:8px;background-color:transparent;color:var(--hdr-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.sl-hdr-act-acts-button svg{stroke:var(--hdr-act-items-color)!important}.sl-hdr-act-acts-button:hover{color:var(--hdr-act-items-hover)!important}.sl-hdr-act-acts-button:hover svg{stroke:var(--hdr-act-items-hover)!important}.sl-hdr-act-acts-button:active{color:var(--hdr-act-items-active)!important}.sl-hdr-act-acts-button:active svg{stroke:var(--hdr-act-items-active)!important}.sl-hdr-act-acts-button span{display:none}@media only screen and (min-width: 1024px){.sl-hdr-act-login,.sl-hdr-act-home{padding:0 12px}.sl-hdr-act-login-link,.sl-hdr-act-home-link{padding:8px}.sl-hdr-act-login-link .icon-desktop,.sl-hdr-act-home-link .icon-desktop{display:inline}.sl-hdr-act-login-link .icon-mobile,.sl-hdr-act-home-link .icon-mobile{display:none}.sl-hdr-act-login-link span,.sl-hdr-act-home-link span{display:inline}.sl-hdr-act-home{display:flex}.sl-hdr-act-acts{padding:0 8px}.sl-hdr-act-acts-button span{display:inline}}\n"] }]
         }], ctorParameters: () => [{ type: HeaderService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [LIB_CONFIG]
@@ -4072,6 +4072,7 @@ class FilterGenericComponent {
             '--neutral-light': this.curaService.getColor('neutral-light'),
             '--neutral-lighter': this.curaService.getColor('neutral-lighter'),
             '--neutral-purewhite': this.curaService.getColor('neutral-purewhite'),
+            '--primary-lighter': this.curaService.getColor('primary-lighter'),
         };
     }
     ngOnInit() {
@@ -4139,6 +4140,27 @@ class FilterGenericComponent {
         const value = control?.value;
         return value && typeof value === 'object' && 'value' in value ? value.value : null;
     }
+    hasScroll(section) {
+        switch (section.type) {
+            case 'checkbox-group':
+                return section.config.options && section.config.options.length > 6;
+            case 'radio-group':
+                return section.config.options && section.config.options.length > 6;
+            default:
+                return false;
+        }
+    }
+    getSectionClass(section) {
+        return this.hasScroll(section) ? 'scrollable' : '';
+    }
+    shouldHandleMobileClick() {
+        return this.mobileBehavior && this.isMobile() && this.forceCollapsed;
+    }
+    handleMobileClick() {
+        if (this.shouldHandleMobileClick()) {
+            this.openMobileFilter.emit();
+        }
+    }
     emitFilterChange(action) {
         const filterData = this.buildFilterData();
         const isEmpty = this.isFilterDataEmpty(filterData);
@@ -4212,11 +4234,11 @@ class FilterGenericComponent {
         return Object.values(filterData).every((val) => val === null || val === '' || (Array.isArray(val) && val.length === 0));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterGenericComponent, deps: [{ token: CuraService }, { token: i0.ChangeDetectorRef }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: FilterGenericComponent, isStandalone: true, selector: "rdsite-filter-generic", inputs: { withContainerStyle: "withContainerStyle", showClearButton: "showClearButton", showApplyButton: "showApplyButton", showCloseButton: "showCloseButton", disableButtonsWithoutSelection: "disableButtonsWithoutSelection", showBadge: "showBadge", showToggleIcon: "showToggleIcon", isFilterOpen: "isFilterOpen", mobileBehavior: "mobileBehavior", forceCollapsed: "forceCollapsed", emitOnReset: "emitOnReset", textTitle: "textTitle", sections: "sections" }, outputs: { filterChange: "filterChange", closeModal: "closeModal", openMobileFilter: "openMobileFilter" }, host: { properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "<div class=\"filter-generic\" [ngClass]=\"{ 'container-style': withContainerStyle }\" aria-label=\"Filtros\">\r\n  <div class=\"filter-header-container\" [ngClass]=\"{ 'no-padding': !isFilterOpen, hidden: !isFilterOpen }\">\r\n    <div class=\"filter-title-wrapper\">\r\n      <cura-heading size=\"small\" level=\"4\" color=\"neutral-black\" weight=\"bold\" margin-block=\"0\" line-height=\"16px\">\r\n        {{ textTitle }}\r\n      </cura-heading>\r\n\r\n      @if (showBadge) {\r\n        <cura-badge-counter\r\n          [type]=\"'solid'\"\r\n          [color]=\"hasSelection() ? 'primary' : 'neutral'\"\r\n          [number]=\"selectedFiltersCount\"\r\n          class=\"filter-badge\"\r\n        ></cura-badge-counter>\r\n      }\r\n    </div>\r\n\r\n    @if (showToggleIcon) {\r\n      <cura-button-transparent size=\"small\" font-color=\"dark\" color=\"primary\" text-align=\"center\" (click)=\"toggleFilter()\" [attr.aria-expanded]=\"isFilterOpen\">\r\n        <cura-icon [name]=\"isFilterOpen ? 'up' : 'down'\" size=\"16\" class=\"filter-icon\" color=\"primary-dark\"></cura-icon>\r\n      </cura-button-transparent>\r\n    }\r\n  </div>\r\n\r\n  <div class=\"filter-content\" [class.hidden]=\"!isFilterOpen || (forceCollapsed && isMobile())\">\r\n    @for (section of sections; track section.type) {\r\n      @if (section.visible !== false) {\r\n        <div class=\"filter-section\">\r\n          @switch (section.type) {\r\n            @case ('input') {\r\n              <cura-input-text\r\n                [placeholder]=\"section.config.placeholder || ''\"\r\n                [name]=\"section.config.name || ''\"\r\n                [iconName]=\"section.config.iconName || ''\"\r\n                [attr.value]=\"section.config.control.value\"\r\n                (valueChange)=\"handleInputChange($event, section.config.control)\"\r\n              ></cura-input-text>\r\n            }\r\n            @case ('select') {\r\n              <cura-select\r\n                [label]=\"section.config.label || ''\"\r\n                [placeholder]=\"section.config.placeholder || ''\"\r\n                [attr.value]=\"section.config.control.value\"\r\n                (selected)=\"handleSelectChange($event, section.config.control)\"\r\n              >\r\n                @if (section.config.includeDefaultOption) {\r\n                  <cura-select-option [attr.value]=\"''\">{{ section.config.defaultOptionText || 'Fa\u00E7a a sua Sele\u00E7\u00E3o' }}</cura-select-option>\r\n                }\r\n                @for (option of section.config.options || []; track option?.value) {\r\n                  <cura-select-option [attr.value]=\"option?.value\">{{ option?.label }}</cura-select-option>\r\n                }\r\n              </cura-select>\r\n            }\r\n            @case ('checkbox-group') {\r\n              <div class=\"filter-header\">\r\n                <cura-icon name=\"filter\" size=\"20\" color=\"info-dark\"></cura-icon>\r\n                <cura-heading size=\"xsmall\" level=\"5\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\">\r\n                  {{ section.config.title || 'Filtre por' }}\r\n                </cura-heading>\r\n              </div>\r\n\r\n              @if (section.config.subtitle) {\r\n                <div class=\"filter-subtitle\">\r\n                  <cura-heading size=\"xsmall\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\">\r\n                    {{ section.config.subtitle }}\r\n                  </cura-heading>\r\n                </div>\r\n              }\r\n\r\n              @if (section.config.description) {\r\n                <div class=\"filter-description\">\r\n                  <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" margin-block=\"0\">\r\n                    {{ section.config.description }}\r\n                  </cura-paragraph>\r\n                </div>\r\n              }\r\n\r\n              <div class=\"filter-checkboxes\">\r\n                @for (option of section.config.options || []; track option?.value) {\r\n                  <cura-checkbox\r\n                    color=\"primary\"\r\n                    size=\"small\"\r\n                    icon-color=\"light\"\r\n                    [attr.name]=\"option?.label\"\r\n                    [attr.label]=\"option?.label\"\r\n                    [attr.value]=\"option?.value\"\r\n                    [attr.checked]=\"option?.checked\"\r\n                    (onchange)=\"handleCheckboxChange($event, section.config.options)\"\r\n                  ></cura-checkbox>\r\n                }\r\n              </div>\r\n            }\r\n            @case ('radio-group') {\r\n              <div class=\"filter-radios\">\r\n                @for (option of section.config.options || []; track option?.value) {\r\n                  <cura-radio\r\n                    [name]=\"section.config.name || 'radio-group'\"\r\n                    [label]=\"option.label\"\r\n                    [value]=\"option.value\"\r\n                    [checked]=\"getRadioGroupValue(section.config.control) === option.value\"\r\n                    (onchange)=\"handleRadioChange($event, section.config.control)\"\r\n                  ></cura-radio>\r\n                }\r\n              </div>\r\n            }\r\n            @case ('custom') {\r\n              <ng-container *ngTemplateOutlet=\"section.config.template\"></ng-container>\r\n            }\r\n          }\r\n        </div>\r\n      }\r\n    }\r\n  </div>\r\n\r\n  <div class=\"filter-actions\" [class.hidden]=\"!isFilterOpen || (forceCollapsed && isMobile())\">\r\n    <div class=\"main-actions\">\r\n      @if (showClearButton) {\r\n        <cura-button-transparent\r\n          size=\"small\"\r\n          font-color=\"dark\"\r\n          color=\"primary\"\r\n          text-align=\"center\"\r\n          [disabled]=\"disableButtonsWithoutSelection && !hasSelection()\"\r\n          (click)=\"reset()\"\r\n        >\r\n          <span>Limpar todos os filtros</span>\r\n        </cura-button-transparent>\r\n      }\r\n\r\n      @if (showApplyButton) {\r\n        <cura-button\r\n          size=\"medium\"\r\n          font-color=\"light\"\r\n          color=\"primary\"\r\n          text-align=\"center\"\r\n          (click)=\"filter()\"\r\n          [disabled]=\"disableButtonsWithoutSelection && !hasSelection()\"\r\n          class=\"filter-button\"\r\n        >\r\n          Filtrar\r\n        </cura-button>\r\n      }\r\n    </div>\r\n\r\n    @if (showCloseButton) {\r\n      <div class=\"divider-strong\"></div>\r\n      <div class=\"close-action-wrapper\">\r\n        <div class=\"close-action\" (click)=\"close()\">\r\n          <cura-icon name=\"close\" color=\"error-dark\" size=\"small\"></cura-icon>\r\n          <cura-button-transparent size=\"\" type=\"button\" color=\"error\" target=\"_self\"> Fechar </cura-button-transparent>\r\n        </div>\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: [":host *{font-family:Gotham,Roboto,sans-serif}.filter-generic{display:flex;flex-direction:column;gap:18px}.filter-generic.container-style{width:100%;padding:20px;border-radius:12px;border:2px solid var(--neutral-lighter);background-color:var(--neutral-purewhite)}.filter-generic cura-loader-circle{display:flex;justify-content:center;align-items:center;width:100%;min-height:100px}.filter-header-container{display:flex;padding-bottom:12px;align-items:center}.filter-header-container.no-padding{padding-bottom:0}.filter-header-container .filter-title-wrapper{display:flex;align-items:center;justify-content:space-between;flex:1 0 0}.filter-header-container .filter-badge{display:flex;height:20px;min-width:20px;justify-content:center;align-items:center;gap:4px}.filter-header-container .filter-icon{display:block}.filter-content,.filter-actions{transition:all .3s ease}.filter-content.hidden,.filter-actions.hidden{display:none;height:0;overflow:hidden;opacity:0;margin:0;padding:0}.filter-section{display:flex;flex-direction:column;gap:24px}.filter-section .filter-header{display:flex;align-items:center;gap:14px}.filter-section .filter-subtitle{font-weight:500}.filter-section .filter-description{display:flex;flex-direction:column;gap:8px}.filter-section .filter-description:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:12px;grid-column:1/-1}.filter-section .filter-checkboxes{display:grid;grid-template-columns:repeat(2,1fr);gap:11px 0px}.filter-section .filter-checkboxes:after{content:\"\";display:block;width:100%;height:1px;margin-top:12px;background-color:var(--neutral-light);grid-column:1/-1}.filter-section .filter-radios{display:flex;flex-direction:column;gap:12px}.filter-section .filter-radios:after{content:\"\";display:block;width:100%;height:1px;background:linear-gradient(90deg,var(--neutral-light) 75%,transparent 15%);background-size:10px 1px;background-repeat:repeat-x;margin-top:6px;grid-column:1/-1}.filter-actions{display:flex;flex-direction:column;gap:0}.filter-actions .main-actions{display:flex;justify-content:space-between;gap:24px;align-items:center}.filter-actions .divider-strong{height:1px;width:100%;margin-top:20px;margin-bottom:16px;background:linear-gradient(90deg,#e2e2e2 70%,transparent 70%);background-size:4px 1px;background-repeat:repeat-x}.filter-actions .close-action-wrapper{display:flex;justify-content:center;width:100%}.filter-actions .close-action{display:inline-flex;align-items:center;gap:8px}.filter-actions .close-action cura-button-transparent{padding:0;margin:0;background:transparent;border:none;color:inherit}.filter-actions cura-button,.filter-actions cura-button-transparent{flex:1}@media screen and (max-width: 1024px){.filter-checkboxes:after{background-color:transparent}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: FilterGenericComponent, isStandalone: true, selector: "rdsite-filter-generic", inputs: { withContainerStyle: "withContainerStyle", showClearButton: "showClearButton", showApplyButton: "showApplyButton", showCloseButton: "showCloseButton", disableButtonsWithoutSelection: "disableButtonsWithoutSelection", showBadge: "showBadge", showToggleIcon: "showToggleIcon", isFilterOpen: "isFilterOpen", mobileBehavior: "mobileBehavior", forceCollapsed: "forceCollapsed", emitOnReset: "emitOnReset", textTitle: "textTitle", sections: "sections" }, outputs: { filterChange: "filterChange", closeModal: "closeModal", openMobileFilter: "openMobileFilter" }, host: { properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "<div\r\n  class=\"filter-generic\"\r\n  [ngClass]=\"{ 'container-style': withContainerStyle, 'clickable-mobile': shouldHandleMobileClick() }\"\r\n  aria-label=\"Filtros\"\r\n  (click)=\"handleMobileClick()\"\r\n>\r\n  <div class=\"filter-header-container\" [ngClass]=\"{ 'no-padding': !isFilterOpen, hidden: !isFilterOpen }\">\r\n    <div class=\"filter-title-wrapper\">\r\n      <cura-heading size=\"small\" level=\"4\" color=\"neutral-black\" weight=\"bold\" margin-block=\"0\" line-height=\"16px\">\r\n        {{ textTitle }}\r\n      </cura-heading>\r\n\r\n      @if (showBadge) {\r\n        <cura-badge-counter\r\n          [type]=\"'solid'\"\r\n          [color]=\"hasSelection() ? 'primary' : 'neutral'\"\r\n          [number]=\"selectedFiltersCount\"\r\n          class=\"filter-badge\"\r\n        ></cura-badge-counter>\r\n      }\r\n    </div>\r\n\r\n    @if (showToggleIcon) {\r\n      <cura-button-transparent size=\"small\" font-color=\"dark\" color=\"primary\" text-align=\"center\" (click)=\"toggleFilter()\" [attr.aria-expanded]=\"isFilterOpen\">\r\n        <cura-icon [name]=\"isFilterOpen ? 'up' : 'down'\" size=\"16\" class=\"filter-icon\" color=\"primary-dark\"></cura-icon>\r\n      </cura-button-transparent>\r\n    }\r\n  </div>\r\n\r\n  <div class=\"filter-content\" [class.hidden]=\"!isFilterOpen || (forceCollapsed && isMobile())\">\r\n    @for (section of sections; track section.type) {\r\n      @if (section.visible !== false) {\r\n        <div class=\"filter-section\">\r\n          @switch (section.type) {\r\n            @case ('input') {\r\n              <cura-input-text\r\n                [placeholder]=\"section.config.placeholder || ''\"\r\n                [name]=\"section.config.name || ''\"\r\n                [iconName]=\"section.config.iconName || ''\"\r\n                [attr.value]=\"section.config.control.value\"\r\n                (valueChange)=\"handleInputChange($event, section.config.control)\"\r\n              ></cura-input-text>\r\n            }\r\n            @case ('select') {\r\n              <cura-select\r\n                [label]=\"section.config.label || ''\"\r\n                [placeholder]=\"section.config.placeholder || ''\"\r\n                [attr.value]=\"section.config.control.value\"\r\n                (selected)=\"handleSelectChange($event, section.config.control)\"\r\n              >\r\n                @if (section.config.includeDefaultOption) {\r\n                  <cura-select-option [attr.value]=\"''\">{{ section.config.defaultOptionText || 'Fa\u00E7a a sua Sele\u00E7\u00E3o' }}</cura-select-option>\r\n                }\r\n                @for (option of section.config.options || []; track option?.value) {\r\n                  <cura-select-option [attr.value]=\"option?.value\">{{ option?.label }}</cura-select-option>\r\n                }\r\n              </cura-select>\r\n            }\r\n            @case ('checkbox-group') {\r\n              @if (section.config.title) {\r\n                <div class=\"filter-header\">\r\n                  <cura-icon name=\"filter\" size=\"20\" color=\"info-dark\"></cura-icon>\r\n                  <cura-heading size=\"xsmall\" level=\"5\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\">\r\n                    {{ section.config.title }}\r\n                  </cura-heading>\r\n                </div>\r\n              }\r\n              @if (section.config.subtitle) {\r\n                <div class=\"filter-subtitle\">\r\n                  <cura-heading size=\"xsmall\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\">\r\n                    {{ section.config.subtitle }}\r\n                  </cura-heading>\r\n                </div>\r\n              }\r\n\r\n              @if (section.config.description) {\r\n                <div class=\"filter-description\">\r\n                  <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" margin-block=\"0\">\r\n                    {{ section.config.description }}\r\n                  </cura-paragraph>\r\n                </div>\r\n              }\r\n\r\n              <div class=\"filter-checkboxes\" [class.scrollable]=\"hasScroll(section)\">\r\n                @for (option of section.config.options || []; track option?.value) {\r\n                  <cura-checkbox\r\n                    color=\"primary\"\r\n                    size=\"small\"\r\n                    icon-color=\"light\"\r\n                    [attr.name]=\"option?.label\"\r\n                    [attr.label]=\"option?.label\"\r\n                    [attr.value]=\"option?.value\"\r\n                    [attr.checked]=\"option?.checked\"\r\n                    (onchange)=\"handleCheckboxChange($event, section.config.options)\"\r\n                  ></cura-checkbox>\r\n                }\r\n              </div>\r\n            }\r\n            @case ('radio-group') {\r\n              <div class=\"filter-radios\" [class.scrollable]=\"hasScroll(section)\">\r\n                @for (option of section.config.options || []; track option?.value) {\r\n                  <cura-radio\r\n                    [name]=\"section.config.name || 'radio-group'\"\r\n                    [label]=\"option.label\"\r\n                    [value]=\"option.value\"\r\n                    [checked]=\"getRadioGroupValue(section.config.control) === option.value\"\r\n                    (onchange)=\"handleRadioChange($event, section.config.control)\"\r\n                  ></cura-radio>\r\n                }\r\n              </div>\r\n            }\r\n            @case ('custom') {\r\n              <ng-container *ngTemplateOutlet=\"section.config.template\"></ng-container>\r\n            }\r\n          }\r\n        </div>\r\n      }\r\n    }\r\n  </div>\r\n\r\n  <div class=\"filter-actions\" [class.hidden]=\"!isFilterOpen || (forceCollapsed && isMobile())\">\r\n    <div class=\"main-actions\">\r\n      @if (showClearButton) {\r\n        <cura-button-transparent\r\n          size=\"small\"\r\n          font-color=\"dark\"\r\n          color=\"primary\"\r\n          text-align=\"center\"\r\n          [disabled]=\"disableButtonsWithoutSelection && !hasSelection()\"\r\n          (click)=\"reset()\"\r\n        >\r\n          <span>Limpar todos os filtros</span>\r\n        </cura-button-transparent>\r\n      }\r\n\r\n      @if (showApplyButton) {\r\n        <cura-button\r\n          size=\"medium\"\r\n          font-color=\"light\"\r\n          color=\"primary\"\r\n          text-align=\"center\"\r\n          (click)=\"filter()\"\r\n          [disabled]=\"disableButtonsWithoutSelection && !hasSelection()\"\r\n          class=\"filter-button\"\r\n        >\r\n          Filtrar\r\n        </cura-button>\r\n      }\r\n    </div>\r\n\r\n    @if (showCloseButton) {\r\n      <div class=\"divider-strong\"></div>\r\n      <div class=\"close-action-wrapper\">\r\n        <div class=\"close-action\" (click)=\"close()\">\r\n          <cura-icon name=\"close\" color=\"error-dark\" size=\"small\"></cura-icon>\r\n          <cura-button-transparent size=\"\" type=\"button\" color=\"error\" target=\"_self\"> Fechar </cura-button-transparent>\r\n        </div>\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: [":host *{font-family:Gotham,Roboto,sans-serif}.filter-generic{display:flex;flex-direction:column;gap:18px}.filter-generic.clickable-mobile{cursor:pointer}.filter-generic.clickable-mobile:hover{background-color:var(--primary-lighter)}.filter-generic.container-style{width:100%;padding:20px;border-radius:12px;border:2px solid var(--neutral-lighter);background-color:var(--neutral-purewhite)}.filter-generic cura-loader-circle{display:flex;justify-content:center;align-items:center;width:100%;min-height:100px}.filter-header-container{display:flex;padding-bottom:12px;align-items:center}.filter-header-container.no-padding{padding-bottom:0}.filter-header-container .filter-title-wrapper{display:flex;align-items:center;justify-content:space-between;flex:1 0 0}.filter-header-container .filter-badge{display:flex;height:20px;min-width:20px;justify-content:center;align-items:center;gap:4px}.filter-header-container .filter-icon{display:block}.filter-content,.filter-actions{transition:all .3s ease}.filter-content.hidden,.filter-actions.hidden{display:none;height:0;overflow:hidden;opacity:0;margin:0;padding:0}.filter-section{display:flex;flex-direction:column;gap:24px}.filter-section .filter-header{display:flex;align-items:center;gap:14px}.filter-section .filter-subtitle{font-weight:500}.filter-section .filter-description{display:flex;flex-direction:column;gap:8px}.filter-section .filter-description:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:12px;grid-column:1/-1}.filter-section .filter-checkboxes{display:grid;grid-template-columns:repeat(2,1fr);gap:11px 0px}.filter-section .filter-checkboxes.scrollable{max-height:100px;overflow-y:auto;grid-template-columns:1fr;padding-right:8px;gap:12px}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar{width:4px}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar-thumb{background-color:var(--neutral-light);border-radius:2px}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar-track{background-color:var(--neutral-lighter)}.filter-section .filter-checkboxes.scrollable:after{display:none}.filter-section .filter-radios{display:flex;flex-direction:column;gap:12px}.filter-section .filter-radios.scrollable{max-height:100px;overflow-y:auto;padding-right:8px;gap:8px}.filter-section .filter-radios.scrollable::-webkit-scrollbar{width:4px}.filter-section .filter-radios.scrollable::-webkit-scrollbar-thumb{background-color:var(--neutral-light);border-radius:2px}.filter-section .filter-radios.scrollable:after{display:none}@media screen and (max-width: 1024px){.filter-checkboxes.scrollable,.filter-radios.scrollable{max-height:100px}.filter-checkboxes:after{display:none;background-color:transparent}}.filter-actions{display:flex;flex-direction:column;gap:0}.filter-actions:before{content:\"\";display:block;width:100%;height:1px;background:linear-gradient(90deg,var(--neutral-light) 75%,transparent 15%);background-size:10px 1px;background-repeat:repeat-x;margin-bottom:20px}.filter-actions .main-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.filter-actions .divider-strong{height:1px;width:100%;margin-top:20px;margin-bottom:16px;background:linear-gradient(90deg,#e2e2e2 70%,transparent 70%);background-size:4px 1px;background-repeat:repeat-x}.filter-actions .close-action-wrapper{display:flex;justify-content:center;width:100%}.filter-actions .close-action{display:inline-flex;align-items:center;gap:8px}.filter-actions .close-action cura-button-transparent{padding:0;margin:0;background:transparent;border:none;color:inherit}.filter-actions cura-button-transparent{display:flex;justify-content:flex-start;text-align:left;flex:0 1 auto}.filter-actions cura-button{display:flex;justify-content:flex-start;text-align:left;flex:1 0 auto}@media screen and (max-width: 1024px){.filter-checkboxes:after{background-color:transparent}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterGenericComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rdsite-filter-generic', standalone: true, imports: [CommonModule, ReactiveFormsModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"filter-generic\" [ngClass]=\"{ 'container-style': withContainerStyle }\" aria-label=\"Filtros\">\r\n  <div class=\"filter-header-container\" [ngClass]=\"{ 'no-padding': !isFilterOpen, hidden: !isFilterOpen }\">\r\n    <div class=\"filter-title-wrapper\">\r\n      <cura-heading size=\"small\" level=\"4\" color=\"neutral-black\" weight=\"bold\" margin-block=\"0\" line-height=\"16px\">\r\n        {{ textTitle }}\r\n      </cura-heading>\r\n\r\n      @if (showBadge) {\r\n        <cura-badge-counter\r\n          [type]=\"'solid'\"\r\n          [color]=\"hasSelection() ? 'primary' : 'neutral'\"\r\n          [number]=\"selectedFiltersCount\"\r\n          class=\"filter-badge\"\r\n        ></cura-badge-counter>\r\n      }\r\n    </div>\r\n\r\n    @if (showToggleIcon) {\r\n      <cura-button-transparent size=\"small\" font-color=\"dark\" color=\"primary\" text-align=\"center\" (click)=\"toggleFilter()\" [attr.aria-expanded]=\"isFilterOpen\">\r\n        <cura-icon [name]=\"isFilterOpen ? 'up' : 'down'\" size=\"16\" class=\"filter-icon\" color=\"primary-dark\"></cura-icon>\r\n      </cura-button-transparent>\r\n    }\r\n  </div>\r\n\r\n  <div class=\"filter-content\" [class.hidden]=\"!isFilterOpen || (forceCollapsed && isMobile())\">\r\n    @for (section of sections; track section.type) {\r\n      @if (section.visible !== false) {\r\n        <div class=\"filter-section\">\r\n          @switch (section.type) {\r\n            @case ('input') {\r\n              <cura-input-text\r\n                [placeholder]=\"section.config.placeholder || ''\"\r\n                [name]=\"section.config.name || ''\"\r\n                [iconName]=\"section.config.iconName || ''\"\r\n                [attr.value]=\"section.config.control.value\"\r\n                (valueChange)=\"handleInputChange($event, section.config.control)\"\r\n              ></cura-input-text>\r\n            }\r\n            @case ('select') {\r\n              <cura-select\r\n                [label]=\"section.config.label || ''\"\r\n                [placeholder]=\"section.config.placeholder || ''\"\r\n                [attr.value]=\"section.config.control.value\"\r\n                (selected)=\"handleSelectChange($event, section.config.control)\"\r\n              >\r\n                @if (section.config.includeDefaultOption) {\r\n                  <cura-select-option [attr.value]=\"''\">{{ section.config.defaultOptionText || 'Fa\u00E7a a sua Sele\u00E7\u00E3o' }}</cura-select-option>\r\n                }\r\n                @for (option of section.config.options || []; track option?.value) {\r\n                  <cura-select-option [attr.value]=\"option?.value\">{{ option?.label }}</cura-select-option>\r\n                }\r\n              </cura-select>\r\n            }\r\n            @case ('checkbox-group') {\r\n              <div class=\"filter-header\">\r\n                <cura-icon name=\"filter\" size=\"20\" color=\"info-dark\"></cura-icon>\r\n                <cura-heading size=\"xsmall\" level=\"5\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\">\r\n                  {{ section.config.title || 'Filtre por' }}\r\n                </cura-heading>\r\n              </div>\r\n\r\n              @if (section.config.subtitle) {\r\n                <div class=\"filter-subtitle\">\r\n                  <cura-heading size=\"xsmall\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\">\r\n                    {{ section.config.subtitle }}\r\n                  </cura-heading>\r\n                </div>\r\n              }\r\n\r\n              @if (section.config.description) {\r\n                <div class=\"filter-description\">\r\n                  <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" margin-block=\"0\">\r\n                    {{ section.config.description }}\r\n                  </cura-paragraph>\r\n                </div>\r\n              }\r\n\r\n              <div class=\"filter-checkboxes\">\r\n                @for (option of section.config.options || []; track option?.value) {\r\n                  <cura-checkbox\r\n                    color=\"primary\"\r\n                    size=\"small\"\r\n                    icon-color=\"light\"\r\n                    [attr.name]=\"option?.label\"\r\n                    [attr.label]=\"option?.label\"\r\n                    [attr.value]=\"option?.value\"\r\n                    [attr.checked]=\"option?.checked\"\r\n                    (onchange)=\"handleCheckboxChange($event, section.config.options)\"\r\n                  ></cura-checkbox>\r\n                }\r\n              </div>\r\n            }\r\n            @case ('radio-group') {\r\n              <div class=\"filter-radios\">\r\n                @for (option of section.config.options || []; track option?.value) {\r\n                  <cura-radio\r\n                    [name]=\"section.config.name || 'radio-group'\"\r\n                    [label]=\"option.label\"\r\n                    [value]=\"option.value\"\r\n                    [checked]=\"getRadioGroupValue(section.config.control) === option.value\"\r\n                    (onchange)=\"handleRadioChange($event, section.config.control)\"\r\n                  ></cura-radio>\r\n                }\r\n              </div>\r\n            }\r\n            @case ('custom') {\r\n              <ng-container *ngTemplateOutlet=\"section.config.template\"></ng-container>\r\n            }\r\n          }\r\n        </div>\r\n      }\r\n    }\r\n  </div>\r\n\r\n  <div class=\"filter-actions\" [class.hidden]=\"!isFilterOpen || (forceCollapsed && isMobile())\">\r\n    <div class=\"main-actions\">\r\n      @if (showClearButton) {\r\n        <cura-button-transparent\r\n          size=\"small\"\r\n          font-color=\"dark\"\r\n          color=\"primary\"\r\n          text-align=\"center\"\r\n          [disabled]=\"disableButtonsWithoutSelection && !hasSelection()\"\r\n          (click)=\"reset()\"\r\n        >\r\n          <span>Limpar todos os filtros</span>\r\n        </cura-button-transparent>\r\n      }\r\n\r\n      @if (showApplyButton) {\r\n        <cura-button\r\n          size=\"medium\"\r\n          font-color=\"light\"\r\n          color=\"primary\"\r\n          text-align=\"center\"\r\n          (click)=\"filter()\"\r\n          [disabled]=\"disableButtonsWithoutSelection && !hasSelection()\"\r\n          class=\"filter-button\"\r\n        >\r\n          Filtrar\r\n        </cura-button>\r\n      }\r\n    </div>\r\n\r\n    @if (showCloseButton) {\r\n      <div class=\"divider-strong\"></div>\r\n      <div class=\"close-action-wrapper\">\r\n        <div class=\"close-action\" (click)=\"close()\">\r\n          <cura-icon name=\"close\" color=\"error-dark\" size=\"small\"></cura-icon>\r\n          <cura-button-transparent size=\"\" type=\"button\" color=\"error\" target=\"_self\"> Fechar </cura-button-transparent>\r\n        </div>\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: [":host *{font-family:Gotham,Roboto,sans-serif}.filter-generic{display:flex;flex-direction:column;gap:18px}.filter-generic.container-style{width:100%;padding:20px;border-radius:12px;border:2px solid var(--neutral-lighter);background-color:var(--neutral-purewhite)}.filter-generic cura-loader-circle{display:flex;justify-content:center;align-items:center;width:100%;min-height:100px}.filter-header-container{display:flex;padding-bottom:12px;align-items:center}.filter-header-container.no-padding{padding-bottom:0}.filter-header-container .filter-title-wrapper{display:flex;align-items:center;justify-content:space-between;flex:1 0 0}.filter-header-container .filter-badge{display:flex;height:20px;min-width:20px;justify-content:center;align-items:center;gap:4px}.filter-header-container .filter-icon{display:block}.filter-content,.filter-actions{transition:all .3s ease}.filter-content.hidden,.filter-actions.hidden{display:none;height:0;overflow:hidden;opacity:0;margin:0;padding:0}.filter-section{display:flex;flex-direction:column;gap:24px}.filter-section .filter-header{display:flex;align-items:center;gap:14px}.filter-section .filter-subtitle{font-weight:500}.filter-section .filter-description{display:flex;flex-direction:column;gap:8px}.filter-section .filter-description:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:12px;grid-column:1/-1}.filter-section .filter-checkboxes{display:grid;grid-template-columns:repeat(2,1fr);gap:11px 0px}.filter-section .filter-checkboxes:after{content:\"\";display:block;width:100%;height:1px;margin-top:12px;background-color:var(--neutral-light);grid-column:1/-1}.filter-section .filter-radios{display:flex;flex-direction:column;gap:12px}.filter-section .filter-radios:after{content:\"\";display:block;width:100%;height:1px;background:linear-gradient(90deg,var(--neutral-light) 75%,transparent 15%);background-size:10px 1px;background-repeat:repeat-x;margin-top:6px;grid-column:1/-1}.filter-actions{display:flex;flex-direction:column;gap:0}.filter-actions .main-actions{display:flex;justify-content:space-between;gap:24px;align-items:center}.filter-actions .divider-strong{height:1px;width:100%;margin-top:20px;margin-bottom:16px;background:linear-gradient(90deg,#e2e2e2 70%,transparent 70%);background-size:4px 1px;background-repeat:repeat-x}.filter-actions .close-action-wrapper{display:flex;justify-content:center;width:100%}.filter-actions .close-action{display:inline-flex;align-items:center;gap:8px}.filter-actions .close-action cura-button-transparent{padding:0;margin:0;background:transparent;border:none;color:inherit}.filter-actions cura-button,.filter-actions cura-button-transparent{flex:1}@media screen and (max-width: 1024px){.filter-checkboxes:after{background-color:transparent}}\n"] }]
+            args: [{ selector: 'rdsite-filter-generic', standalone: true, imports: [CommonModule, ReactiveFormsModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div\r\n  class=\"filter-generic\"\r\n  [ngClass]=\"{ 'container-style': withContainerStyle, 'clickable-mobile': shouldHandleMobileClick() }\"\r\n  aria-label=\"Filtros\"\r\n  (click)=\"handleMobileClick()\"\r\n>\r\n  <div class=\"filter-header-container\" [ngClass]=\"{ 'no-padding': !isFilterOpen, hidden: !isFilterOpen }\">\r\n    <div class=\"filter-title-wrapper\">\r\n      <cura-heading size=\"small\" level=\"4\" color=\"neutral-black\" weight=\"bold\" margin-block=\"0\" line-height=\"16px\">\r\n        {{ textTitle }}\r\n      </cura-heading>\r\n\r\n      @if (showBadge) {\r\n        <cura-badge-counter\r\n          [type]=\"'solid'\"\r\n          [color]=\"hasSelection() ? 'primary' : 'neutral'\"\r\n          [number]=\"selectedFiltersCount\"\r\n          class=\"filter-badge\"\r\n        ></cura-badge-counter>\r\n      }\r\n    </div>\r\n\r\n    @if (showToggleIcon) {\r\n      <cura-button-transparent size=\"small\" font-color=\"dark\" color=\"primary\" text-align=\"center\" (click)=\"toggleFilter()\" [attr.aria-expanded]=\"isFilterOpen\">\r\n        <cura-icon [name]=\"isFilterOpen ? 'up' : 'down'\" size=\"16\" class=\"filter-icon\" color=\"primary-dark\"></cura-icon>\r\n      </cura-button-transparent>\r\n    }\r\n  </div>\r\n\r\n  <div class=\"filter-content\" [class.hidden]=\"!isFilterOpen || (forceCollapsed && isMobile())\">\r\n    @for (section of sections; track section.type) {\r\n      @if (section.visible !== false) {\r\n        <div class=\"filter-section\">\r\n          @switch (section.type) {\r\n            @case ('input') {\r\n              <cura-input-text\r\n                [placeholder]=\"section.config.placeholder || ''\"\r\n                [name]=\"section.config.name || ''\"\r\n                [iconName]=\"section.config.iconName || ''\"\r\n                [attr.value]=\"section.config.control.value\"\r\n                (valueChange)=\"handleInputChange($event, section.config.control)\"\r\n              ></cura-input-text>\r\n            }\r\n            @case ('select') {\r\n              <cura-select\r\n                [label]=\"section.config.label || ''\"\r\n                [placeholder]=\"section.config.placeholder || ''\"\r\n                [attr.value]=\"section.config.control.value\"\r\n                (selected)=\"handleSelectChange($event, section.config.control)\"\r\n              >\r\n                @if (section.config.includeDefaultOption) {\r\n                  <cura-select-option [attr.value]=\"''\">{{ section.config.defaultOptionText || 'Fa\u00E7a a sua Sele\u00E7\u00E3o' }}</cura-select-option>\r\n                }\r\n                @for (option of section.config.options || []; track option?.value) {\r\n                  <cura-select-option [attr.value]=\"option?.value\">{{ option?.label }}</cura-select-option>\r\n                }\r\n              </cura-select>\r\n            }\r\n            @case ('checkbox-group') {\r\n              @if (section.config.title) {\r\n                <div class=\"filter-header\">\r\n                  <cura-icon name=\"filter\" size=\"20\" color=\"info-dark\"></cura-icon>\r\n                  <cura-heading size=\"xsmall\" level=\"5\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\">\r\n                    {{ section.config.title }}\r\n                  </cura-heading>\r\n                </div>\r\n              }\r\n              @if (section.config.subtitle) {\r\n                <div class=\"filter-subtitle\">\r\n                  <cura-heading size=\"xsmall\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\">\r\n                    {{ section.config.subtitle }}\r\n                  </cura-heading>\r\n                </div>\r\n              }\r\n\r\n              @if (section.config.description) {\r\n                <div class=\"filter-description\">\r\n                  <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" margin-block=\"0\">\r\n                    {{ section.config.description }}\r\n                  </cura-paragraph>\r\n                </div>\r\n              }\r\n\r\n              <div class=\"filter-checkboxes\" [class.scrollable]=\"hasScroll(section)\">\r\n                @for (option of section.config.options || []; track option?.value) {\r\n                  <cura-checkbox\r\n                    color=\"primary\"\r\n                    size=\"small\"\r\n                    icon-color=\"light\"\r\n                    [attr.name]=\"option?.label\"\r\n                    [attr.label]=\"option?.label\"\r\n                    [attr.value]=\"option?.value\"\r\n                    [attr.checked]=\"option?.checked\"\r\n                    (onchange)=\"handleCheckboxChange($event, section.config.options)\"\r\n                  ></cura-checkbox>\r\n                }\r\n              </div>\r\n            }\r\n            @case ('radio-group') {\r\n              <div class=\"filter-radios\" [class.scrollable]=\"hasScroll(section)\">\r\n                @for (option of section.config.options || []; track option?.value) {\r\n                  <cura-radio\r\n                    [name]=\"section.config.name || 'radio-group'\"\r\n                    [label]=\"option.label\"\r\n                    [value]=\"option.value\"\r\n                    [checked]=\"getRadioGroupValue(section.config.control) === option.value\"\r\n                    (onchange)=\"handleRadioChange($event, section.config.control)\"\r\n                  ></cura-radio>\r\n                }\r\n              </div>\r\n            }\r\n            @case ('custom') {\r\n              <ng-container *ngTemplateOutlet=\"section.config.template\"></ng-container>\r\n            }\r\n          }\r\n        </div>\r\n      }\r\n    }\r\n  </div>\r\n\r\n  <div class=\"filter-actions\" [class.hidden]=\"!isFilterOpen || (forceCollapsed && isMobile())\">\r\n    <div class=\"main-actions\">\r\n      @if (showClearButton) {\r\n        <cura-button-transparent\r\n          size=\"small\"\r\n          font-color=\"dark\"\r\n          color=\"primary\"\r\n          text-align=\"center\"\r\n          [disabled]=\"disableButtonsWithoutSelection && !hasSelection()\"\r\n          (click)=\"reset()\"\r\n        >\r\n          <span>Limpar todos os filtros</span>\r\n        </cura-button-transparent>\r\n      }\r\n\r\n      @if (showApplyButton) {\r\n        <cura-button\r\n          size=\"medium\"\r\n          font-color=\"light\"\r\n          color=\"primary\"\r\n          text-align=\"center\"\r\n          (click)=\"filter()\"\r\n          [disabled]=\"disableButtonsWithoutSelection && !hasSelection()\"\r\n          class=\"filter-button\"\r\n        >\r\n          Filtrar\r\n        </cura-button>\r\n      }\r\n    </div>\r\n\r\n    @if (showCloseButton) {\r\n      <div class=\"divider-strong\"></div>\r\n      <div class=\"close-action-wrapper\">\r\n        <div class=\"close-action\" (click)=\"close()\">\r\n          <cura-icon name=\"close\" color=\"error-dark\" size=\"small\"></cura-icon>\r\n          <cura-button-transparent size=\"\" type=\"button\" color=\"error\" target=\"_self\"> Fechar </cura-button-transparent>\r\n        </div>\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: [":host *{font-family:Gotham,Roboto,sans-serif}.filter-generic{display:flex;flex-direction:column;gap:18px}.filter-generic.clickable-mobile{cursor:pointer}.filter-generic.clickable-mobile:hover{background-color:var(--primary-lighter)}.filter-generic.container-style{width:100%;padding:20px;border-radius:12px;border:2px solid var(--neutral-lighter);background-color:var(--neutral-purewhite)}.filter-generic cura-loader-circle{display:flex;justify-content:center;align-items:center;width:100%;min-height:100px}.filter-header-container{display:flex;padding-bottom:12px;align-items:center}.filter-header-container.no-padding{padding-bottom:0}.filter-header-container .filter-title-wrapper{display:flex;align-items:center;justify-content:space-between;flex:1 0 0}.filter-header-container .filter-badge{display:flex;height:20px;min-width:20px;justify-content:center;align-items:center;gap:4px}.filter-header-container .filter-icon{display:block}.filter-content,.filter-actions{transition:all .3s ease}.filter-content.hidden,.filter-actions.hidden{display:none;height:0;overflow:hidden;opacity:0;margin:0;padding:0}.filter-section{display:flex;flex-direction:column;gap:24px}.filter-section .filter-header{display:flex;align-items:center;gap:14px}.filter-section .filter-subtitle{font-weight:500}.filter-section .filter-description{display:flex;flex-direction:column;gap:8px}.filter-section .filter-description:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:12px;grid-column:1/-1}.filter-section .filter-checkboxes{display:grid;grid-template-columns:repeat(2,1fr);gap:11px 0px}.filter-section .filter-checkboxes.scrollable{max-height:100px;overflow-y:auto;grid-template-columns:1fr;padding-right:8px;gap:12px}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar{width:4px}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar-thumb{background-color:var(--neutral-light);border-radius:2px}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar-track{background-color:var(--neutral-lighter)}.filter-section .filter-checkboxes.scrollable:after{display:none}.filter-section .filter-radios{display:flex;flex-direction:column;gap:12px}.filter-section .filter-radios.scrollable{max-height:100px;overflow-y:auto;padding-right:8px;gap:8px}.filter-section .filter-radios.scrollable::-webkit-scrollbar{width:4px}.filter-section .filter-radios.scrollable::-webkit-scrollbar-thumb{background-color:var(--neutral-light);border-radius:2px}.filter-section .filter-radios.scrollable:after{display:none}@media screen and (max-width: 1024px){.filter-checkboxes.scrollable,.filter-radios.scrollable{max-height:100px}.filter-checkboxes:after{display:none;background-color:transparent}}.filter-actions{display:flex;flex-direction:column;gap:0}.filter-actions:before{content:\"\";display:block;width:100%;height:1px;background:linear-gradient(90deg,var(--neutral-light) 75%,transparent 15%);background-size:10px 1px;background-repeat:repeat-x;margin-bottom:20px}.filter-actions .main-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.filter-actions .divider-strong{height:1px;width:100%;margin-top:20px;margin-bottom:16px;background:linear-gradient(90deg,#e2e2e2 70%,transparent 70%);background-size:4px 1px;background-repeat:repeat-x}.filter-actions .close-action-wrapper{display:flex;justify-content:center;width:100%}.filter-actions .close-action{display:inline-flex;align-items:center;gap:8px}.filter-actions .close-action cura-button-transparent{padding:0;margin:0;background:transparent;border:none;color:inherit}.filter-actions cura-button-transparent{display:flex;justify-content:flex-start;text-align:left;flex:0 1 auto}.filter-actions cura-button{display:flex;justify-content:flex-start;text-align:left;flex:1 0 auto}@media screen and (max-width: 1024px){.filter-checkboxes:after{background-color:transparent}}\n"] }]
         }], ctorParameters: () => [{ type: CuraService }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [PLATFORM_ID]
@@ -4347,11 +4369,11 @@ class FilterPlanosConveniosComponent {
         this.coberturaControl.reset(this.coberturas);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterPlanosConveniosComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: FilterPlanosConveniosComponent, isStandalone: true, selector: "rdsite-filter-planos-convenios", inputs: { withContainerStyle: "withContainerStyle", isLoading: "isLoading", emitOnChange: "emitOnChange", initialEstado: "initialEstado", estados: "estados", coberturas: "coberturas", unidadeControl: "unidadeControl", estadoControl: "estadoControl" }, outputs: { filterChange: "filterChange", closeModal: "closeModal" }, host: { properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "<div class=\"filter-planos-convenios\" [ngClass]=\"{ 'container-style': withContainerStyle }\">\n  @if (!isLoading) {\n    <cura-heading size=\"small\" level=\"4\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\"> Refine sua busca </cura-heading>\n\n    <div class=\"filter-planos-convenios-unidade\">\n      <cura-input-text\n        placeholder=\"Nome da unidade\"\n        name=\"unidade-input\"\n        icon-name=\"search\"\n        autocomplete=\"off\"\n        [attr.value]=\"unidadeControl.value\"\n        (valueChange)=\"inputTextChange($event)\"\n      ></cura-input-text>\n    </div>\n\n    <div class=\"filter-planos-convenios-estado\">\n      @if (estados) {\n        <cura-select\n          label=\"Selecione o estado\"\n          placeholder=\"Fa\u00E7a a sua Sele\u00E7\u00E3o\"\n          mode=\"default\"\n          size=\"medium\"\n          status=\"default\"\n          [attr.value]=\"estadoControl.value\"\n          (selected)=\"selectChange($event)\"\n        >\n          <cura-select-option [attr.value]=\"''\">Fa\u00E7a a sua Sele\u00E7\u00E3o</cura-select-option>\n\n          @for (estado of estados || []; track estado?.value) {\n            <cura-select-option [attr.value]=\"estado?.value\">{{ estado?.label }}</cura-select-option>\n          }\n        </cura-select>\n      }\n    </div>\n\n    <div class=\"filter-planos-convenios-cobertura\">\n      <cura-icon name=\"filter\" size=\"20\" color=\"info-dark\"></cura-icon>\n      <cura-heading size=\"xsmall\" level=\"5\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\">\n        Filtre pela cobertura do seu plano\n      </cura-heading>\n    </div>\n\n    <div class=\"filter-planos-convenios-content\">\n      <cura-heading size=\"xsmall\" level=\"5\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\"> Tipos de cobertura </cura-heading>\n      <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" margin-block=\"0\">\n        Voc\u00EA pode selecionar uma ou mais portas de entrada, de acordo com a cobertura do seu plano.\n      </cura-paragraph>\n    </div>\n\n    <div class=\"filter-planos-convenios-checkboxes\">\n      @for (option of coberturas || []; track option?.value) {\n        <cura-checkbox\n          color=\"primary\"\n          size=\"small\"\n          icon-color=\"light\"\n          [attr.name]=\"option?.label\"\n          [attr.label]=\"option?.label\"\n          [attr.value]=\"option?.value\"\n          [attr.checked]=\"option?.checked\"\n          (onchange)=\"checkboxChange($event)\"\n        >\n        </cura-checkbox>\n      }\n    </div>\n\n    <div class=\"filter-planos-convenios-buttons\">\n      <cura-button-transparent size=\"small\" color=\"primary\" font-color=\"dark\" text-align=\"center\" (click)=\"reset()\">\n        <span> Limpar todos os filtros </span>\n      </cura-button-transparent>\n\n      <cura-button size=\"medium\" color=\"primary\" font-color=\"light\" background=\"light\" text-align=\"center\" (click)=\"filter()\"> Filtrar </cura-button>\n    </div>\n  } @else {\n    <cura-loader-circle color=\"primary\" size=\"small\"> </cura-loader-circle>\n  }\n</div>\n", styles: [".filter-planos-convenios{display:flex;flex-direction:column;gap:23px}.filter-planos-convenios.container-style{width:100%;padding:20px;border-radius:4px;border:1px solid var(--neutral-lighter, #e2e2e2);background-color:var(--neutral-purewhite, #ffffff)}.filter-planos-convenios-cobertura{color:var(--neutral-darker);display:flex;align-items:center;gap:14px}.filter-planos-convenios-content{display:flex;flex-direction:column;gap:10px}.filter-planos-convenios-content:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:13px}.filter-planos-convenios-checkboxes{display:grid;grid-template-columns:repeat(2,1fr);gap:11px 0px}.filter-planos-convenios-checkboxes:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:12px;grid-column:1/-1}.filter-planos-convenios-buttons{display:flex;gap:10px;justify-content:space-between}.filter-planos-convenios-buttons cura-button-transparent{display:flex;flex:1 0 0;max-width:170px}.filter-planos-convenios-buttons cura-button-transparent span{line-height:13px;letter-spacing:.72px;text-align:left}.filter-planos-convenios-buttons cura-button{display:flex;flex:0 0 100px}cura-loader-circle{display:flex;justify-content:center;align-items:center;width:100%;min-height:100px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: FilterPlanosConveniosComponent, isStandalone: true, selector: "rdsite-filter-planos-convenios", inputs: { withContainerStyle: "withContainerStyle", isLoading: "isLoading", emitOnChange: "emitOnChange", initialEstado: "initialEstado", estados: "estados", coberturas: "coberturas", unidadeControl: "unidadeControl", estadoControl: "estadoControl" }, outputs: { filterChange: "filterChange", closeModal: "closeModal" }, host: { properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "<div class=\"filter-planos-convenios\" [ngClass]=\"{ 'container-style': withContainerStyle }\">\r\n  @if (!isLoading) {\r\n    <cura-heading size=\"small\" level=\"4\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\"> Refine sua busca </cura-heading>\r\n\r\n    <div class=\"filter-planos-convenios-unidade\">\r\n      <cura-input-text\r\n        placeholder=\"Nome da unidade\"\r\n        name=\"unidade-input\"\r\n        icon-name=\"search\"\r\n        autocomplete=\"off\"\r\n        [attr.value]=\"unidadeControl.value\"\r\n        (valueChange)=\"inputTextChange($event)\"\r\n      ></cura-input-text>\r\n    </div>\r\n\r\n    <div class=\"filter-planos-convenios-estado\">\r\n      @if (estados) {\r\n        <cura-select\r\n          label=\"Selecione o estado\"\r\n          placeholder=\"Fa\u00E7a a sua Sele\u00E7\u00E3o\"\r\n          mode=\"default\"\r\n          size=\"medium\"\r\n          status=\"default\"\r\n          [attr.value]=\"estadoControl.value\"\r\n          (selected)=\"selectChange($event)\"\r\n        >\r\n          <cura-select-option [attr.value]=\"''\">Fa\u00E7a a sua Sele\u00E7\u00E3o</cura-select-option>\r\n\r\n          @for (estado of estados || []; track estado?.value) {\r\n            <cura-select-option [attr.value]=\"estado?.value\">{{ estado?.label }}</cura-select-option>\r\n          }\r\n        </cura-select>\r\n      }\r\n    </div>\r\n\r\n    <div class=\"filter-planos-convenios-cobertura\">\r\n      <cura-icon name=\"filter\" size=\"20\" color=\"info-dark\"></cura-icon>\r\n      <cura-heading size=\"xsmall\" level=\"5\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\">\r\n        Filtre pela cobertura do seu plano\r\n      </cura-heading>\r\n    </div>\r\n\r\n    <div class=\"filter-planos-convenios-content\">\r\n      <cura-heading size=\"xsmall\" level=\"5\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\"> Tipos de cobertura </cura-heading>\r\n      <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" margin-block=\"0\">\r\n        Voc\u00EA pode selecionar uma ou mais portas de entrada, de acordo com a cobertura do seu plano.\r\n      </cura-paragraph>\r\n    </div>\r\n\r\n    <div class=\"filter-planos-convenios-checkboxes\">\r\n      @for (option of coberturas || []; track option?.value) {\r\n        <cura-checkbox\r\n          color=\"primary\"\r\n          size=\"small\"\r\n          icon-color=\"light\"\r\n          [attr.name]=\"option?.label\"\r\n          [attr.label]=\"option?.label\"\r\n          [attr.value]=\"option?.value\"\r\n          [attr.checked]=\"option?.checked\"\r\n          (onchange)=\"checkboxChange($event)\"\r\n        >\r\n        </cura-checkbox>\r\n      }\r\n    </div>\r\n\r\n    <div class=\"filter-planos-convenios-buttons\">\r\n      <cura-button-transparent size=\"small\" color=\"primary\" font-color=\"dark\" text-align=\"center\" (click)=\"reset()\">\r\n        <span> Limpar todos os filtros </span>\r\n      </cura-button-transparent>\r\n\r\n      <cura-button size=\"medium\" color=\"primary\" font-color=\"light\" background=\"light\" text-align=\"center\" (click)=\"filter()\"> Filtrar </cura-button>\r\n    </div>\r\n  } @else {\r\n    <cura-loader-circle color=\"primary\" size=\"small\"> </cura-loader-circle>\r\n  }\r\n</div>\r\n", styles: [".filter-planos-convenios{display:flex;flex-direction:column;gap:23px}.filter-planos-convenios.container-style{width:100%;padding:20px;border-radius:4px;border:1px solid var(--neutral-lighter, #e2e2e2);background-color:var(--neutral-purewhite, #ffffff)}.filter-planos-convenios-cobertura{color:var(--neutral-darker);display:flex;align-items:center;gap:14px}.filter-planos-convenios-content{display:flex;flex-direction:column;gap:10px}.filter-planos-convenios-content:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:13px}.filter-planos-convenios-checkboxes{display:grid;grid-template-columns:repeat(2,1fr);gap:11px 0px}.filter-planos-convenios-checkboxes:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:12px;grid-column:1/-1}.filter-planos-convenios-buttons{display:flex;gap:10px;justify-content:space-between}.filter-planos-convenios-buttons cura-button-transparent{display:flex;flex:1 0 0;max-width:170px}.filter-planos-convenios-buttons cura-button-transparent span{line-height:13px;letter-spacing:.72px;text-align:left}.filter-planos-convenios-buttons cura-button{display:flex;flex:0 0 100px}cura-loader-circle{display:flex;justify-content:center;align-items:center;width:100%;min-height:100px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterPlanosConveniosComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rdsite-filter-planos-convenios', standalone: true, imports: [CommonModule, ReactiveFormsModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"filter-planos-convenios\" [ngClass]=\"{ 'container-style': withContainerStyle }\">\n  @if (!isLoading) {\n    <cura-heading size=\"small\" level=\"4\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\"> Refine sua busca </cura-heading>\n\n    <div class=\"filter-planos-convenios-unidade\">\n      <cura-input-text\n        placeholder=\"Nome da unidade\"\n        name=\"unidade-input\"\n        icon-name=\"search\"\n        autocomplete=\"off\"\n        [attr.value]=\"unidadeControl.value\"\n        (valueChange)=\"inputTextChange($event)\"\n      ></cura-input-text>\n    </div>\n\n    <div class=\"filter-planos-convenios-estado\">\n      @if (estados) {\n        <cura-select\n          label=\"Selecione o estado\"\n          placeholder=\"Fa\u00E7a a sua Sele\u00E7\u00E3o\"\n          mode=\"default\"\n          size=\"medium\"\n          status=\"default\"\n          [attr.value]=\"estadoControl.value\"\n          (selected)=\"selectChange($event)\"\n        >\n          <cura-select-option [attr.value]=\"''\">Fa\u00E7a a sua Sele\u00E7\u00E3o</cura-select-option>\n\n          @for (estado of estados || []; track estado?.value) {\n            <cura-select-option [attr.value]=\"estado?.value\">{{ estado?.label }}</cura-select-option>\n          }\n        </cura-select>\n      }\n    </div>\n\n    <div class=\"filter-planos-convenios-cobertura\">\n      <cura-icon name=\"filter\" size=\"20\" color=\"info-dark\"></cura-icon>\n      <cura-heading size=\"xsmall\" level=\"5\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\">\n        Filtre pela cobertura do seu plano\n      </cura-heading>\n    </div>\n\n    <div class=\"filter-planos-convenios-content\">\n      <cura-heading size=\"xsmall\" level=\"5\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\"> Tipos de cobertura </cura-heading>\n      <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" margin-block=\"0\">\n        Voc\u00EA pode selecionar uma ou mais portas de entrada, de acordo com a cobertura do seu plano.\n      </cura-paragraph>\n    </div>\n\n    <div class=\"filter-planos-convenios-checkboxes\">\n      @for (option of coberturas || []; track option?.value) {\n        <cura-checkbox\n          color=\"primary\"\n          size=\"small\"\n          icon-color=\"light\"\n          [attr.name]=\"option?.label\"\n          [attr.label]=\"option?.label\"\n          [attr.value]=\"option?.value\"\n          [attr.checked]=\"option?.checked\"\n          (onchange)=\"checkboxChange($event)\"\n        >\n        </cura-checkbox>\n      }\n    </div>\n\n    <div class=\"filter-planos-convenios-buttons\">\n      <cura-button-transparent size=\"small\" color=\"primary\" font-color=\"dark\" text-align=\"center\" (click)=\"reset()\">\n        <span> Limpar todos os filtros </span>\n      </cura-button-transparent>\n\n      <cura-button size=\"medium\" color=\"primary\" font-color=\"light\" background=\"light\" text-align=\"center\" (click)=\"filter()\"> Filtrar </cura-button>\n    </div>\n  } @else {\n    <cura-loader-circle color=\"primary\" size=\"small\"> </cura-loader-circle>\n  }\n</div>\n", styles: [".filter-planos-convenios{display:flex;flex-direction:column;gap:23px}.filter-planos-convenios.container-style{width:100%;padding:20px;border-radius:4px;border:1px solid var(--neutral-lighter, #e2e2e2);background-color:var(--neutral-purewhite, #ffffff)}.filter-planos-convenios-cobertura{color:var(--neutral-darker);display:flex;align-items:center;gap:14px}.filter-planos-convenios-content{display:flex;flex-direction:column;gap:10px}.filter-planos-convenios-content:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:13px}.filter-planos-convenios-checkboxes{display:grid;grid-template-columns:repeat(2,1fr);gap:11px 0px}.filter-planos-convenios-checkboxes:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:12px;grid-column:1/-1}.filter-planos-convenios-buttons{display:flex;gap:10px;justify-content:space-between}.filter-planos-convenios-buttons cura-button-transparent{display:flex;flex:1 0 0;max-width:170px}.filter-planos-convenios-buttons cura-button-transparent span{line-height:13px;letter-spacing:.72px;text-align:left}.filter-planos-convenios-buttons cura-button{display:flex;flex:0 0 100px}cura-loader-circle{display:flex;justify-content:center;align-items:center;width:100%;min-height:100px}\n"] }]
+            args: [{ selector: 'rdsite-filter-planos-convenios', standalone: true, imports: [CommonModule, ReactiveFormsModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"filter-planos-convenios\" [ngClass]=\"{ 'container-style': withContainerStyle }\">\r\n  @if (!isLoading) {\r\n    <cura-heading size=\"small\" level=\"4\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\"> Refine sua busca </cura-heading>\r\n\r\n    <div class=\"filter-planos-convenios-unidade\">\r\n      <cura-input-text\r\n        placeholder=\"Nome da unidade\"\r\n        name=\"unidade-input\"\r\n        icon-name=\"search\"\r\n        autocomplete=\"off\"\r\n        [attr.value]=\"unidadeControl.value\"\r\n        (valueChange)=\"inputTextChange($event)\"\r\n      ></cura-input-text>\r\n    </div>\r\n\r\n    <div class=\"filter-planos-convenios-estado\">\r\n      @if (estados) {\r\n        <cura-select\r\n          label=\"Selecione o estado\"\r\n          placeholder=\"Fa\u00E7a a sua Sele\u00E7\u00E3o\"\r\n          mode=\"default\"\r\n          size=\"medium\"\r\n          status=\"default\"\r\n          [attr.value]=\"estadoControl.value\"\r\n          (selected)=\"selectChange($event)\"\r\n        >\r\n          <cura-select-option [attr.value]=\"''\">Fa\u00E7a a sua Sele\u00E7\u00E3o</cura-select-option>\r\n\r\n          @for (estado of estados || []; track estado?.value) {\r\n            <cura-select-option [attr.value]=\"estado?.value\">{{ estado?.label }}</cura-select-option>\r\n          }\r\n        </cura-select>\r\n      }\r\n    </div>\r\n\r\n    <div class=\"filter-planos-convenios-cobertura\">\r\n      <cura-icon name=\"filter\" size=\"20\" color=\"info-dark\"></cura-icon>\r\n      <cura-heading size=\"xsmall\" level=\"5\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\">\r\n        Filtre pela cobertura do seu plano\r\n      </cura-heading>\r\n    </div>\r\n\r\n    <div class=\"filter-planos-convenios-content\">\r\n      <cura-heading size=\"xsmall\" level=\"5\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\"> Tipos de cobertura </cura-heading>\r\n      <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" margin-block=\"0\">\r\n        Voc\u00EA pode selecionar uma ou mais portas de entrada, de acordo com a cobertura do seu plano.\r\n      </cura-paragraph>\r\n    </div>\r\n\r\n    <div class=\"filter-planos-convenios-checkboxes\">\r\n      @for (option of coberturas || []; track option?.value) {\r\n        <cura-checkbox\r\n          color=\"primary\"\r\n          size=\"small\"\r\n          icon-color=\"light\"\r\n          [attr.name]=\"option?.label\"\r\n          [attr.label]=\"option?.label\"\r\n          [attr.value]=\"option?.value\"\r\n          [attr.checked]=\"option?.checked\"\r\n          (onchange)=\"checkboxChange($event)\"\r\n        >\r\n        </cura-checkbox>\r\n      }\r\n    </div>\r\n\r\n    <div class=\"filter-planos-convenios-buttons\">\r\n      <cura-button-transparent size=\"small\" color=\"primary\" font-color=\"dark\" text-align=\"center\" (click)=\"reset()\">\r\n        <span> Limpar todos os filtros </span>\r\n      </cura-button-transparent>\r\n\r\n      <cura-button size=\"medium\" color=\"primary\" font-color=\"light\" background=\"light\" text-align=\"center\" (click)=\"filter()\"> Filtrar </cura-button>\r\n    </div>\r\n  } @else {\r\n    <cura-loader-circle color=\"primary\" size=\"small\"> </cura-loader-circle>\r\n  }\r\n</div>\r\n", styles: [".filter-planos-convenios{display:flex;flex-direction:column;gap:23px}.filter-planos-convenios.container-style{width:100%;padding:20px;border-radius:4px;border:1px solid var(--neutral-lighter, #e2e2e2);background-color:var(--neutral-purewhite, #ffffff)}.filter-planos-convenios-cobertura{color:var(--neutral-darker);display:flex;align-items:center;gap:14px}.filter-planos-convenios-content{display:flex;flex-direction:column;gap:10px}.filter-planos-convenios-content:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:13px}.filter-planos-convenios-checkboxes{display:grid;grid-template-columns:repeat(2,1fr);gap:11px 0px}.filter-planos-convenios-checkboxes:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:12px;grid-column:1/-1}.filter-planos-convenios-buttons{display:flex;gap:10px;justify-content:space-between}.filter-planos-convenios-buttons cura-button-transparent{display:flex;flex:1 0 0;max-width:170px}.filter-planos-convenios-buttons cura-button-transparent span{line-height:13px;letter-spacing:.72px;text-align:left}.filter-planos-convenios-buttons cura-button{display:flex;flex:0 0 100px}cura-loader-circle{display:flex;justify-content:center;align-items:center;width:100%;min-height:100px}\n"] }]
         }], ctorParameters: () => [{ type: CuraService }], propDecorators: { filterChange: [{
                 type: Output
             }], closeModal: [{
@@ -4812,15 +4834,16 @@ class PaginationComponent {
         this.perPageOptions = [10, 30, 50];
         this.customStyle = {};
         this.containerClass = true;
+        this.darkMode = false;
         this.pageChange = new EventEmitter();
         this.perPageChange = new EventEmitter();
         this.styleBinding = {
             '--font-family': this.curaService.getFontFamily(''),
             '--primary-base': this.curaService.getColor('primary-base'),
+            '--primary-dark': this.curaService.getColor('primary-dark'),
             '--neutral-purewhite': this.curaService.getColor('neutral-purewhite'),
             '--neutral-light': this.curaService.getColor('neutral-light'),
             '--neutral-dark': this.curaService.getColor('neutral-dark'),
-            '--neutral-darker': this.curaService.getColor('neutral-darker'),
         };
     }
     next() {
@@ -4834,11 +4857,11 @@ class PaginationComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PaginationComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PaginationComponent, isStandalone: true, selector: "rdsite-pagination", inputs: { totalPages: "totalPages", activePage: "activePage", perPage: "perPage", perPageOptions: "perPageOptions", customStyle: "customStyle", containerClass: "containerClass" }, outputs: { pageChange: "pageChange", perPageChange: "perPageChange" }, host: { properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "<div class=\"rdsite-pagination\" [class.rdsite-container]=\"containerClass\" [style]=\"customStyle\" data-testid=\"_rdsite-rdsite-pagination\">\r\n  @if (totalPages && totalPages > 1) {\r\n    <nav class=\"rdsite-pagination-nav\" aria-label=\"Pagination nav\">\r\n      <button (click)=\"prev()\" type=\"button\" title=\"P\u00E1gina anterior\" class=\"button-link\" [attr.disabled]=\"activePage === 1 ? true : null\">\r\n        <cura-icon name=\"arrowLeftCircle\" size=\"24\" [attr.color]=\"activePage === 1 ? 'neutral-600' : 'primary-500'\"></cura-icon>\r\n      </button>\r\n\r\n      <span>P\u00E1gina {{ activePage }} - {{ totalPages }}</span>\r\n\r\n      <button (click)=\"next()\" type=\"button\" title=\"Pr\u00F3xima p\u00E1gina\" class=\"button-link\" [attr.disabled]=\"activePage === totalPages ? true : null\">\r\n        <cura-icon name=\"arrowRightCircle\" size=\"24\" [attr.color]=\"activePage === totalPages ? 'neutral-600' : 'primary-500'\"></cura-icon>\r\n      </button>\r\n    </nav>\r\n  }\r\n\r\n  @if (perPageOptions.length) {\r\n    <div class=\"rdsite-pagination-pp-options\" data-testid=\"_rdsite-rdsite-pagination-pp-options\">\r\n      <span>Resultados por p\u00E1gina</span>\r\n\r\n      <div class=\"rdsite-pagination-pp-options-controls\" data-testid=\"_rdsite-rdsite-pagination-pp-options-controls\">\r\n        @for (option of perPageOptions; let i = $index; track option) {\r\n          <button\r\n            type=\"button\"\r\n            (click)=\"perPageChange.emit(option)\"\r\n            [attr.disabled]=\"option === perPage ? true : null\"\r\n            title=\"Exibir {{ option }} resultados por p\u00E1gina.\"\r\n            class=\"button-link\"\r\n          >\r\n            {{ option }}\r\n            @if (i < perPageOptions.length - 1) {\r\n              <span class=\"bar\">|</span>\r\n            }\r\n          </button>\r\n        }\r\n      </div>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{width:100%}.rdsite-pagination{display:flex;gap:30px;flex-direction:column-reverse;justify-content:space-between;align-items:center;padding:16px;border-radius:10px;background:var(--neutral-purewhite);box-shadow:0 1px 4px #26262629}.rdsite-pagination *{font-family:var(--font-family)}.rdsite-pagination-pp-options,.rdsite-pagination-nav{display:flex;justify-content:space-between;align-self:center;align-items:center;width:100%}.rdsite-pagination-pp-options button[class*=-link],.rdsite-pagination-pp-options span,.rdsite-pagination-nav button[class*=-link],.rdsite-pagination-nav span{font-weight:500;font-size:12px;line-height:13px;height:auto;padding:0;background-color:transparent;letter-spacing:.72px}.rdsite-pagination-pp-options button[class*=-link],.rdsite-pagination-nav button[class*=-link]{color:var(--primary-base);cursor:pointer}.rdsite-pagination-pp-options button[class*=-link]:disabled,.rdsite-pagination-pp-options span,.rdsite-pagination-nav button[class*=-link]:disabled,.rdsite-pagination-nav span{color:var(--neutral-dark);background-color:transparent;pointer-events:none}.rdsite-pagination-pp-options span.bar,.rdsite-pagination-nav span.bar{margin:0 20px;color:var(--neutral-light)}.rdsite-pagination-pp-options>span{display:inline;margin-right:18px}.rdsite-pagination-pp-options-controls{text-wrap:nowrap}.rdsite-pagination nav.rdsite-pagination-nav{display:flex;justify-content:space-between;align-self:center;align-items:center;width:100%}.rdsite-pagination nav.rdsite-pagination-nav button[class*=-link]:disabled cura-icon{stroke:-var(--neutral-darker)}.rdsite-pagination nav.rdsite-pagination-nav span{margin:0 44px}@media screen and (min-width: 1024px){.rdsite-pagination{flex-direction:row-reverse;justify-content:space-between;padding:16px}.rdsite-pagination-pp-options,.rdsite-pagination nav.rdsite-pagination-nav{width:auto}.rdsite-pagination-pp-options>span{margin-right:44px}}\n"] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PaginationComponent, isStandalone: true, selector: "rdsite-pagination", inputs: { totalPages: "totalPages", activePage: "activePage", perPage: "perPage", perPageOptions: "perPageOptions", customStyle: "customStyle", containerClass: "containerClass", darkMode: "darkMode" }, outputs: { pageChange: "pageChange", perPageChange: "perPageChange" }, host: { properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "<div\r\n  class=\"rdsite-pagination\"\r\n  [ngClass]=\"{ 'rdsite-container': containerClass, 'dark-mode': darkMode }\"\r\n  [style]=\"customStyle\"\r\n  data-testid=\"_rdsite-rdsite-pagination\"\r\n>\r\n  @if (totalPages && totalPages > 1) {\r\n    <nav class=\"rdsite-pagination-nav\" aria-label=\"Pagination nav\">\r\n      <button (click)=\"prev()\" type=\"button\" title=\"P\u00E1gina anterior\" class=\"button-link\" [attr.disabled]=\"activePage === 1 ? true : null\">\r\n        <cura-icon\r\n          name=\"arrowLeftCircle\"\r\n          size=\"24\"\r\n          [attr.color]=\"activePage === 1 ? (darkMode ? 'primary-base' : 'neutral-dark') : darkMode ? 'neutral-purewhite' : 'primary-base'\"\r\n        >\r\n        </cura-icon>\r\n      </button>\r\n\r\n      <span>P\u00E1gina {{ activePage }} - {{ totalPages }}</span>\r\n\r\n      <button (click)=\"next()\" type=\"button\" title=\"Pr\u00F3xima p\u00E1gina\" class=\"button-link\" [attr.disabled]=\"activePage === totalPages ? true : null\">\r\n        <cura-icon\r\n          name=\"arrowRightCircle\"\r\n          size=\"24\"\r\n          [attr.color]=\"activePage === totalPages ? (darkMode ? 'primary-base' : 'neutral-dark') : darkMode ? 'neutral-purewhite' : 'primary-base'\"\r\n        >\r\n        </cura-icon>\r\n      </button>\r\n    </nav>\r\n  }\r\n\r\n  @if (perPageOptions.length) {\r\n    <div class=\"rdsite-pagination-pp-options\" data-testid=\"_rdsite-rdsite-pagination-pp-options\">\r\n      <span>Resultados por p\u00E1gina</span>\r\n\r\n      <div class=\"rdsite-pagination-pp-options-controls\" data-testid=\"_rdsite-rdsite-pagination-pp-options-controls\">\r\n        @for (option of perPageOptions; let i = $index; track option) {\r\n          <button\r\n            type=\"button\"\r\n            (click)=\"perPageChange.emit(option)\"\r\n            [attr.disabled]=\"option === perPage ? true : null\"\r\n            title=\"Exibir {{ option }} resultados por p\u00E1gina.\"\r\n            class=\"button-link\"\r\n          >\r\n            {{ option }}\r\n            @if (i < perPageOptions.length - 1) {\r\n              <span class=\"bar\">|</span>\r\n            }\r\n          </button>\r\n        }\r\n      </div>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{width:100%}:host *{font-family:var(--font-family)}.rdsite-pagination{display:flex;flex-direction:column-reverse;justify-content:space-between;align-items:center;border-radius:10px;overflow:hidden}.rdsite-pagination-pp-options,.rdsite-pagination-nav{display:flex;justify-content:space-between;align-self:center;align-items:center;width:100%;padding:16px}.rdsite-pagination-pp-options button[class*=-link],.rdsite-pagination-pp-options span,.rdsite-pagination-nav button[class*=-link],.rdsite-pagination-nav span{font-weight:500;font-size:12px;line-height:13px;height:auto;padding:0;background-color:transparent;letter-spacing:.72px}.rdsite-pagination-pp-options button[class*=-link],.rdsite-pagination-nav button[class*=-link]{color:var(--primary-base);cursor:pointer}.rdsite-pagination-pp-options button[class*=-link]:disabled,.rdsite-pagination-pp-options span,.rdsite-pagination-nav button[class*=-link]:disabled,.rdsite-pagination-nav span{color:var(--neutral-dark);background-color:transparent;pointer-events:none}.rdsite-pagination-pp-options span.bar,.rdsite-pagination-nav span.bar{margin:0 20px;color:var(--neutral-light)}.rdsite-pagination-pp-options>span{display:inline;margin-right:18px}.rdsite-pagination-pp-options-controls{text-wrap:nowrap}.rdsite-pagination nav.rdsite-pagination-nav{display:flex;justify-content:space-between;align-self:center;align-items:center;width:100%;border-top:1px dashed var(--neutral-light)}.rdsite-pagination nav.rdsite-pagination-nav span{margin:0 44px}@media screen and (min-width: 1024px){.rdsite-pagination{flex-direction:row;justify-content:space-between}.rdsite-pagination-pp-options,.rdsite-pagination nav.rdsite-pagination-nav{width:auto;border-top:none}.rdsite-pagination-pp-options>span{margin-right:44px}}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options button[class*=-link],.rdsite-pagination.dark-mode .rdsite-pagination-nav button[class*=-link]{color:var(--neutral-purewhite)}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options button[class*=-link]:disabled,.rdsite-pagination.dark-mode .rdsite-pagination-nav button[class*=-link]:disabled{color:var(--primary-base)}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options span,.rdsite-pagination.dark-mode .rdsite-pagination-nav span{color:var(--neutral-purewhite)}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options span.bar,.rdsite-pagination.dark-mode .rdsite-pagination-nav span.bar{margin:0 20px;color:var(--primary-base)}.rdsite-pagination.dark-mode .rdsite-pagination-nav{border-top:1px dashed var(--primary-base)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PaginationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rdsite-pagination', standalone: true, imports: [], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"rdsite-pagination\" [class.rdsite-container]=\"containerClass\" [style]=\"customStyle\" data-testid=\"_rdsite-rdsite-pagination\">\r\n  @if (totalPages && totalPages > 1) {\r\n    <nav class=\"rdsite-pagination-nav\" aria-label=\"Pagination nav\">\r\n      <button (click)=\"prev()\" type=\"button\" title=\"P\u00E1gina anterior\" class=\"button-link\" [attr.disabled]=\"activePage === 1 ? true : null\">\r\n        <cura-icon name=\"arrowLeftCircle\" size=\"24\" [attr.color]=\"activePage === 1 ? 'neutral-600' : 'primary-500'\"></cura-icon>\r\n      </button>\r\n\r\n      <span>P\u00E1gina {{ activePage }} - {{ totalPages }}</span>\r\n\r\n      <button (click)=\"next()\" type=\"button\" title=\"Pr\u00F3xima p\u00E1gina\" class=\"button-link\" [attr.disabled]=\"activePage === totalPages ? true : null\">\r\n        <cura-icon name=\"arrowRightCircle\" size=\"24\" [attr.color]=\"activePage === totalPages ? 'neutral-600' : 'primary-500'\"></cura-icon>\r\n      </button>\r\n    </nav>\r\n  }\r\n\r\n  @if (perPageOptions.length) {\r\n    <div class=\"rdsite-pagination-pp-options\" data-testid=\"_rdsite-rdsite-pagination-pp-options\">\r\n      <span>Resultados por p\u00E1gina</span>\r\n\r\n      <div class=\"rdsite-pagination-pp-options-controls\" data-testid=\"_rdsite-rdsite-pagination-pp-options-controls\">\r\n        @for (option of perPageOptions; let i = $index; track option) {\r\n          <button\r\n            type=\"button\"\r\n            (click)=\"perPageChange.emit(option)\"\r\n            [attr.disabled]=\"option === perPage ? true : null\"\r\n            title=\"Exibir {{ option }} resultados por p\u00E1gina.\"\r\n            class=\"button-link\"\r\n          >\r\n            {{ option }}\r\n            @if (i < perPageOptions.length - 1) {\r\n              <span class=\"bar\">|</span>\r\n            }\r\n          </button>\r\n        }\r\n      </div>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{width:100%}.rdsite-pagination{display:flex;gap:30px;flex-direction:column-reverse;justify-content:space-between;align-items:center;padding:16px;border-radius:10px;background:var(--neutral-purewhite);box-shadow:0 1px 4px #26262629}.rdsite-pagination *{font-family:var(--font-family)}.rdsite-pagination-pp-options,.rdsite-pagination-nav{display:flex;justify-content:space-between;align-self:center;align-items:center;width:100%}.rdsite-pagination-pp-options button[class*=-link],.rdsite-pagination-pp-options span,.rdsite-pagination-nav button[class*=-link],.rdsite-pagination-nav span{font-weight:500;font-size:12px;line-height:13px;height:auto;padding:0;background-color:transparent;letter-spacing:.72px}.rdsite-pagination-pp-options button[class*=-link],.rdsite-pagination-nav button[class*=-link]{color:var(--primary-base);cursor:pointer}.rdsite-pagination-pp-options button[class*=-link]:disabled,.rdsite-pagination-pp-options span,.rdsite-pagination-nav button[class*=-link]:disabled,.rdsite-pagination-nav span{color:var(--neutral-dark);background-color:transparent;pointer-events:none}.rdsite-pagination-pp-options span.bar,.rdsite-pagination-nav span.bar{margin:0 20px;color:var(--neutral-light)}.rdsite-pagination-pp-options>span{display:inline;margin-right:18px}.rdsite-pagination-pp-options-controls{text-wrap:nowrap}.rdsite-pagination nav.rdsite-pagination-nav{display:flex;justify-content:space-between;align-self:center;align-items:center;width:100%}.rdsite-pagination nav.rdsite-pagination-nav button[class*=-link]:disabled cura-icon{stroke:-var(--neutral-darker)}.rdsite-pagination nav.rdsite-pagination-nav span{margin:0 44px}@media screen and (min-width: 1024px){.rdsite-pagination{flex-direction:row-reverse;justify-content:space-between;padding:16px}.rdsite-pagination-pp-options,.rdsite-pagination nav.rdsite-pagination-nav{width:auto}.rdsite-pagination-pp-options>span{margin-right:44px}}\n"] }]
+            args: [{ selector: 'rdsite-pagination', standalone: true, imports: [CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div\r\n  class=\"rdsite-pagination\"\r\n  [ngClass]=\"{ 'rdsite-container': containerClass, 'dark-mode': darkMode }\"\r\n  [style]=\"customStyle\"\r\n  data-testid=\"_rdsite-rdsite-pagination\"\r\n>\r\n  @if (totalPages && totalPages > 1) {\r\n    <nav class=\"rdsite-pagination-nav\" aria-label=\"Pagination nav\">\r\n      <button (click)=\"prev()\" type=\"button\" title=\"P\u00E1gina anterior\" class=\"button-link\" [attr.disabled]=\"activePage === 1 ? true : null\">\r\n        <cura-icon\r\n          name=\"arrowLeftCircle\"\r\n          size=\"24\"\r\n          [attr.color]=\"activePage === 1 ? (darkMode ? 'primary-base' : 'neutral-dark') : darkMode ? 'neutral-purewhite' : 'primary-base'\"\r\n        >\r\n        </cura-icon>\r\n      </button>\r\n\r\n      <span>P\u00E1gina {{ activePage }} - {{ totalPages }}</span>\r\n\r\n      <button (click)=\"next()\" type=\"button\" title=\"Pr\u00F3xima p\u00E1gina\" class=\"button-link\" [attr.disabled]=\"activePage === totalPages ? true : null\">\r\n        <cura-icon\r\n          name=\"arrowRightCircle\"\r\n          size=\"24\"\r\n          [attr.color]=\"activePage === totalPages ? (darkMode ? 'primary-base' : 'neutral-dark') : darkMode ? 'neutral-purewhite' : 'primary-base'\"\r\n        >\r\n        </cura-icon>\r\n      </button>\r\n    </nav>\r\n  }\r\n\r\n  @if (perPageOptions.length) {\r\n    <div class=\"rdsite-pagination-pp-options\" data-testid=\"_rdsite-rdsite-pagination-pp-options\">\r\n      <span>Resultados por p\u00E1gina</span>\r\n\r\n      <div class=\"rdsite-pagination-pp-options-controls\" data-testid=\"_rdsite-rdsite-pagination-pp-options-controls\">\r\n        @for (option of perPageOptions; let i = $index; track option) {\r\n          <button\r\n            type=\"button\"\r\n            (click)=\"perPageChange.emit(option)\"\r\n            [attr.disabled]=\"option === perPage ? true : null\"\r\n            title=\"Exibir {{ option }} resultados por p\u00E1gina.\"\r\n            class=\"button-link\"\r\n          >\r\n            {{ option }}\r\n            @if (i < perPageOptions.length - 1) {\r\n              <span class=\"bar\">|</span>\r\n            }\r\n          </button>\r\n        }\r\n      </div>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{width:100%}:host *{font-family:var(--font-family)}.rdsite-pagination{display:flex;flex-direction:column-reverse;justify-content:space-between;align-items:center;border-radius:10px;overflow:hidden}.rdsite-pagination-pp-options,.rdsite-pagination-nav{display:flex;justify-content:space-between;align-self:center;align-items:center;width:100%;padding:16px}.rdsite-pagination-pp-options button[class*=-link],.rdsite-pagination-pp-options span,.rdsite-pagination-nav button[class*=-link],.rdsite-pagination-nav span{font-weight:500;font-size:12px;line-height:13px;height:auto;padding:0;background-color:transparent;letter-spacing:.72px}.rdsite-pagination-pp-options button[class*=-link],.rdsite-pagination-nav button[class*=-link]{color:var(--primary-base);cursor:pointer}.rdsite-pagination-pp-options button[class*=-link]:disabled,.rdsite-pagination-pp-options span,.rdsite-pagination-nav button[class*=-link]:disabled,.rdsite-pagination-nav span{color:var(--neutral-dark);background-color:transparent;pointer-events:none}.rdsite-pagination-pp-options span.bar,.rdsite-pagination-nav span.bar{margin:0 20px;color:var(--neutral-light)}.rdsite-pagination-pp-options>span{display:inline;margin-right:18px}.rdsite-pagination-pp-options-controls{text-wrap:nowrap}.rdsite-pagination nav.rdsite-pagination-nav{display:flex;justify-content:space-between;align-self:center;align-items:center;width:100%;border-top:1px dashed var(--neutral-light)}.rdsite-pagination nav.rdsite-pagination-nav span{margin:0 44px}@media screen and (min-width: 1024px){.rdsite-pagination{flex-direction:row;justify-content:space-between}.rdsite-pagination-pp-options,.rdsite-pagination nav.rdsite-pagination-nav{width:auto;border-top:none}.rdsite-pagination-pp-options>span{margin-right:44px}}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options button[class*=-link],.rdsite-pagination.dark-mode .rdsite-pagination-nav button[class*=-link]{color:var(--neutral-purewhite)}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options button[class*=-link]:disabled,.rdsite-pagination.dark-mode .rdsite-pagination-nav button[class*=-link]:disabled{color:var(--primary-base)}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options span,.rdsite-pagination.dark-mode .rdsite-pagination-nav span{color:var(--neutral-purewhite)}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options span.bar,.rdsite-pagination.dark-mode .rdsite-pagination-nav span.bar{margin:0 20px;color:var(--primary-base)}.rdsite-pagination.dark-mode .rdsite-pagination-nav{border-top:1px dashed var(--primary-base)}\n"] }]
         }], ctorParameters: () => [{ type: CuraService }], propDecorators: { totalPages: [{
                 type: Input
             }], activePage: [{
@@ -4851,6 +4874,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Input
             }], containerClass: [{
                 type: Input
+            }], darkMode: [{
+                type: Input
             }], pageChange: [{
                 type: Output
             }], perPageChange: [{