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

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

@@ -4077,7 +4077,7 @@ class FilterGenericComponent {
         this.selectedFiltersCount = 0;
         this.windowWidth = 0;
         this.styleBinding = {
-            '--neutral-opacity-dark': this.curaService.getColor('neutral-dark', 0.2),
+            '--neutral-opacity-black': this.curaService.getColor('neutral-black', 0.2),
             '--neutral-darker': this.curaService.getColor('neutral-darker'),
             '--neutral-medium': this.curaService.getColor('neutral-medium'),
             '--neutral-light': this.curaService.getColor('neutral-light'),
@@ -4245,11 +4245,11 @@ class FilterGenericComponent {
         return Object.values(filterData).every((val) => val === null || val === '' || (Array.isArray(val) && val.length === 0));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterGenericComponent, deps: [{ token: CuraService }, { token: i0.ChangeDetectorRef }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: FilterGenericComponent, isStandalone: true, selector: "rdsite-filter-generic", inputs: { withContainerStyle: "withContainerStyle", showClearButton: "showClearButton", showApplyButton: "showApplyButton", showCloseButton: "showCloseButton", disableButtonsWithoutSelection: "disableButtonsWithoutSelection", showBadge: "showBadge", showToggleIcon: "showToggleIcon", isFilterOpen: "isFilterOpen", mobileBehavior: "mobileBehavior", forceCollapsed: "forceCollapsed", emitOnReset: "emitOnReset", textTitle: "textTitle", sections: "sections" }, outputs: { filterChange: "filterChange", closeModal: "closeModal", openMobileFilter: "openMobileFilter" }, host: { properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "<div\r\n  class=\"filter-generic\"\r\n  [ngClass]=\"{ 'container-style': withContainerStyle, 'clickable-mobile': shouldHandleMobileClick() }\"\r\n  aria-label=\"Filtros\"\r\n  (click)=\"handleMobileClick()\"\r\n>\r\n  <div class=\"filter-header-container\" [ngClass]=\"{ 'no-padding': !isFilterOpen, hidden: !isFilterOpen }\">\r\n    <div class=\"filter-title-wrapper\">\r\n      <cura-label size=\"medium\" level=\"4\" color=\"neutral-black\" weight=\"regular\" margin-block=\"0\" line-height=\"16px\">\r\n        {{ textTitle }}\r\n      </cura-label>\r\n\r\n      @if (showBadge) {\r\n        <cura-badge-counter\r\n          [type]=\"'solid'\"\r\n          [color]=\"hasSelection() ? 'primary' : 'neutral'\"\r\n          [number]=\"selectedFiltersCount\"\r\n          class=\"filter-badge\"\r\n        ></cura-badge-counter>\r\n      }\r\n    </div>\r\n\r\n    @if (showToggleIcon) {\r\n      <cura-button-transparent size=\"small\" font-color=\"dark\" color=\"primary\" text-align=\"center\" (click)=\"toggleFilter()\" [attr.aria-expanded]=\"isFilterOpen\">\r\n        <cura-icon [name]=\"isFilterOpen ? 'up' : 'down'\" size=\"16\" class=\"filter-icon\" color=\"primary-dark\"></cura-icon>\r\n      </cura-button-transparent>\r\n    }\r\n  </div>\r\n\r\n  <div class=\"filter-content\" [class.hidden]=\"!isFilterOpen || (forceCollapsed && isMobile())\">\r\n    @for (section of sections; track section.type) {\r\n      @if (section.visible !== false) {\r\n        <div class=\"filter-section\">\r\n          @switch (section.type) {\r\n            @case ('input') {\r\n              <cura-input-text\r\n                [placeholder]=\"section.config.placeholder || ''\"\r\n                [name]=\"section.config.name || ''\"\r\n                [iconName]=\"section.config.iconName || ''\"\r\n                [attr.value]=\"section.config.control.value\"\r\n                (valueChange)=\"handleInputChange($event, section.config.control)\"\r\n              ></cura-input-text>\r\n            }\r\n            @case ('select') {\r\n              <cura-select\r\n                [label]=\"section.config.label || ''\"\r\n                [placeholder]=\"section.config.placeholder || ''\"\r\n                [attr.value]=\"section.config.control.value\"\r\n                (selected)=\"handleSelectChange($event, section.config.control)\"\r\n              >\r\n                @if (section.config.includeDefaultOption) {\r\n                  <cura-select-option [attr.value]=\"''\">{{ section.config.defaultOptionText || 'Fa\u00E7a a sua Sele\u00E7\u00E3o' }}</cura-select-option>\r\n                }\r\n                @for (option of section.config.options || []; track option?.value) {\r\n                  <cura-select-option [attr.value]=\"option?.value\">{{ option?.label }}</cura-select-option>\r\n                }\r\n              </cura-select>\r\n            }\r\n            @case ('checkbox-group') {\r\n              @if (section.config.title) {\r\n                <div class=\"filter-header\">\r\n                  <cura-icon name=\"filter\" size=\"20\" color=\"info-dark\"></cura-icon>\r\n                  <cura-heading size=\"xsmall\" level=\"5\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\">\r\n                    {{ section.config.title }}\r\n                  </cura-heading>\r\n                </div>\r\n              }\r\n              @if (section.config.subtitle) {\r\n                <div class=\"filter-subtitle\">\r\n                  <cura-heading size=\"xsmall\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\">\r\n                    {{ section.config.subtitle }}\r\n                  </cura-heading>\r\n                </div>\r\n              }\r\n\r\n              @if (section.config.description) {\r\n                <div class=\"filter-description\">\r\n                  <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" margin-block=\"0\">\r\n                    {{ section.config.description }}\r\n                  </cura-paragraph>\r\n                </div>\r\n              }\r\n\r\n              <div class=\"filter-checkboxes\" [class.scrollable]=\"hasScroll(section)\">\r\n                @for (option of section.config.options || []; track option?.value) {\r\n                  <cura-checkbox\r\n                    color=\"primary\"\r\n                    size=\"small\"\r\n                    icon-color=\"light\"\r\n                    [attr.name]=\"option?.label\"\r\n                    [attr.label]=\"option?.label\"\r\n                    [attr.value]=\"option?.value\"\r\n                    [attr.checked]=\"option?.checked\"\r\n                    (onchange)=\"handleCheckboxChange($event, section.config.options)\"\r\n                  ></cura-checkbox>\r\n                }\r\n              </div>\r\n            }\r\n            @case ('radio-group') {\r\n              <div class=\"filter-radios\" [class.scrollable]=\"hasScroll(section)\">\r\n                @for (option of section.config.options || []; track option?.value) {\r\n                  <cura-radio\r\n                    [name]=\"section.config.name || 'radio-group'\"\r\n                    [label]=\"option.label\"\r\n                    [value]=\"option.value\"\r\n                    [checked]=\"getRadioGroupValue(section.config.control) === option.value\"\r\n                    (onchange)=\"handleRadioChange($event, section.config.control)\"\r\n                  ></cura-radio>\r\n                }\r\n              </div>\r\n            }\r\n            @case ('custom') {\r\n              <ng-container *ngTemplateOutlet=\"section.config.template\"></ng-container>\r\n            }\r\n          }\r\n        </div>\r\n      }\r\n    }\r\n  </div>\r\n\r\n  <div class=\"filter-actions\" [class.hidden]=\"!isFilterOpen || (forceCollapsed && isMobile())\">\r\n    <div class=\"main-actions\">\r\n      @if (showClearButton) {\r\n        <cura-button-transparent\r\n          size=\"small\"\r\n          font-color=\"dark\"\r\n          color=\"primary\"\r\n          text-align=\"center\"\r\n          [disabled]=\"disableButtonsWithoutSelection && !hasSelection()\"\r\n          (click)=\"reset()\"\r\n        >\r\n          <span>Limpar todos os filtros</span>\r\n        </cura-button-transparent>\r\n      }\r\n\r\n      @if (showApplyButton) {\r\n        <cura-button\r\n          size=\"medium\"\r\n          font-color=\"light\"\r\n          color=\"primary\"\r\n          text-align=\"center\"\r\n          (click)=\"filter()\"\r\n          [disabled]=\"disableButtonsWithoutSelection && !hasSelection()\"\r\n          class=\"filter-button\"\r\n        >\r\n          Filtrar\r\n        </cura-button>\r\n      }\r\n    </div>\r\n\r\n    @if (showCloseButton) {\r\n      <div class=\"divider-strong\"></div>\r\n      <div class=\"close-action-wrapper\">\r\n        <div class=\"close-action\" (click)=\"close()\">\r\n          <cura-icon name=\"close\" color=\"error-dark\" size=\"small\"></cura-icon>\r\n          <cura-button-transparent size=\"\" type=\"button\" color=\"error\" target=\"_self\"> Fechar </cura-button-transparent>\r\n        </div>\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: [":host *{font-family:Gotham,Roboto,sans-serif}.filter-generic{display:flex;flex-direction:column;gap:18px}.filter-generic.clickable-mobile{cursor:pointer}.filter-generic.clickable-mobile:hover{background-color:var(--primary-lighter)}.filter-generic.container-style{width:100%;padding:20px;border-radius:12px;border:2px solid var(--neutral-lighter);background-color:var(--neutral-purewhite)}.filter-generic cura-loader-circle{display:flex;justify-content:center;align-items:center;width:100%;min-height:100px}.filter-header-container{display:flex;padding-bottom:12px;align-items:center}.filter-header-container.no-padding{padding-bottom:0}.filter-header-container .filter-title-wrapper{display:flex;align-items:center;justify-content:space-between;flex:1 0 0}.filter-header-container .filter-badge{display:flex;height:20px;min-width:20px;justify-content:center;align-items:center;gap:4px}.filter-header-container .filter-icon{display:block}.filter-content,.filter-actions{transition:all .3s ease}.filter-content.hidden,.filter-actions.hidden{display:none;height:0;overflow:hidden;opacity:0;margin:0;padding:0}.filter-section{display:flex;flex-direction:column;gap:24px}.filter-section .filter-header{display:flex;align-items:center;gap:14px}.filter-section .filter-subtitle{font-weight:500}.filter-section .filter-description{display:flex;flex-direction:column;gap:8px}.filter-section .filter-description:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:12px;grid-column:1/-1}.filter-section .filter-checkboxes{display:grid;grid-template-columns:repeat(2,1fr);gap:11px 0px}.filter-section .filter-checkboxes.scrollable{max-height:100px;overflow-y:auto;grid-template-columns:1fr;padding-right:8px;gap:12px}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar{width:8px}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar-thumb{background:var(--neutral-medium)}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar-track{background:var(--neutral-opacity-dark)}.filter-section .filter-checkboxes.scrollable:after{display:none}.filter-section .filter-radios{display:flex;flex-direction:column;gap:12px}.filter-section .filter-radios.scrollable{max-height:100px;overflow-y:auto;padding-right:8px;gap:8px}.filter-section .filter-radios.scrollable::-webkit-scrollbar{width:8px}.filter-section .filter-radios.scrollable::-webkit-scrollbar-thumb{background:var(--neutral-medium)}.filter-section .filter-radios.scrollable::-webkit-scrollbar-track{background:var(--neutral-opacity-dark)}.filter-section .filter-radios.scrollable:after{display:none}@media screen and (max-width: 1024px){.filter-checkboxes.scrollable,.filter-radios.scrollable{max-height:100px}.filter-checkboxes:after{display:none;background-color:transparent}}.filter-actions{display:flex;flex-direction:column;gap:0}.filter-actions:before{content:\"\";display:block;width:100%;height:1px;background:linear-gradient(90deg,var(--neutral-light) 75%,transparent 15%);background-size:10px 1px;background-repeat:repeat-x;margin-bottom:20px}.filter-actions .main-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.filter-actions .divider-strong{height:1px;width:100%;margin-top:20px;margin-bottom:16px;background:linear-gradient(90deg,#e2e2e2 70%,transparent 70%);background-size:4px 1px;background-repeat:repeat-x}.filter-actions .close-action-wrapper{display:flex;justify-content:center;width:100%}.filter-actions .close-action{display:inline-flex;align-items:center;gap:8px}.filter-actions .close-action cura-button-transparent{padding:0;margin:0;background:transparent;border:none;color:inherit}.filter-actions cura-button-transparent{display:flex;justify-content:flex-start;text-align:left;flex:0 1 auto}.filter-actions cura-button{display:flex;justify-content:flex-start;text-align:left;flex:1 0 auto}@media screen and (max-width: 1024px){.filter-checkboxes:after{background-color:transparent}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: FilterGenericComponent, isStandalone: true, selector: "rdsite-filter-generic", inputs: { withContainerStyle: "withContainerStyle", showClearButton: "showClearButton", showApplyButton: "showApplyButton", showCloseButton: "showCloseButton", disableButtonsWithoutSelection: "disableButtonsWithoutSelection", showBadge: "showBadge", showToggleIcon: "showToggleIcon", isFilterOpen: "isFilterOpen", mobileBehavior: "mobileBehavior", forceCollapsed: "forceCollapsed", emitOnReset: "emitOnReset", textTitle: "textTitle", sections: "sections" }, outputs: { filterChange: "filterChange", closeModal: "closeModal", openMobileFilter: "openMobileFilter" }, host: { properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "<div\r\n  class=\"filter-generic\"\r\n  [ngClass]=\"{ 'container-style': withContainerStyle, 'clickable-mobile': shouldHandleMobileClick() }\"\r\n  aria-label=\"Filtros\"\r\n  (click)=\"handleMobileClick()\"\r\n>\r\n  <div class=\"filter-header-container\" [ngClass]=\"{ 'no-padding': !isFilterOpen, hidden: !isFilterOpen }\">\r\n    <div class=\"filter-title-wrapper\">\r\n      <cura-label size=\"medium\" level=\"4\" color=\"neutral-black\" weight=\"regular\" margin-block=\"0\" line-height=\"16px\">\r\n        {{ textTitle }}\r\n      </cura-label>\r\n\r\n      @if (showBadge) {\r\n        <cura-badge-counter\r\n          [type]=\"'solid'\"\r\n          [color]=\"hasSelection() ? 'primary' : 'neutral'\"\r\n          [number]=\"selectedFiltersCount\"\r\n          class=\"filter-badge\"\r\n        ></cura-badge-counter>\r\n      }\r\n    </div>\r\n\r\n    @if (showToggleIcon) {\r\n      <cura-button-transparent size=\"small\" font-color=\"dark\" color=\"primary\" text-align=\"center\" (click)=\"toggleFilter()\" [attr.aria-expanded]=\"isFilterOpen\">\r\n        <cura-icon [name]=\"isFilterOpen ? 'up' : 'down'\" size=\"16\" class=\"filter-icon\" color=\"primary-dark\"></cura-icon>\r\n      </cura-button-transparent>\r\n    }\r\n  </div>\r\n\r\n  <div class=\"filter-content\" [class.hidden]=\"!isFilterOpen || (forceCollapsed && isMobile())\">\r\n    @for (section of sections; track section.type) {\r\n      @if (section.visible !== false) {\r\n        <div class=\"filter-section\">\r\n          @switch (section.type) {\r\n            @case ('input') {\r\n              <cura-input-text\r\n                [placeholder]=\"section.config.placeholder || ''\"\r\n                [name]=\"section.config.name || ''\"\r\n                [iconName]=\"section.config.iconName || ''\"\r\n                [attr.value]=\"section.config.control.value\"\r\n                (valueChange)=\"handleInputChange($event, section.config.control)\"\r\n              ></cura-input-text>\r\n            }\r\n            @case ('select') {\r\n              <cura-select\r\n                [label]=\"section.config.label || ''\"\r\n                [placeholder]=\"section.config.placeholder || ''\"\r\n                [attr.value]=\"section.config.control.value\"\r\n                (selected)=\"handleSelectChange($event, section.config.control)\"\r\n              >\r\n                @if (section.config.includeDefaultOption) {\r\n                  <cura-select-option [attr.value]=\"''\">{{ section.config.defaultOptionText || 'Fa\u00E7a a sua Sele\u00E7\u00E3o' }}</cura-select-option>\r\n                }\r\n                @for (option of section.config.options || []; track option?.value) {\r\n                  <cura-select-option [attr.value]=\"option?.value\">{{ option?.label }}</cura-select-option>\r\n                }\r\n              </cura-select>\r\n            }\r\n            @case ('checkbox-group') {\r\n              @if (section.config.title) {\r\n                <div class=\"filter-header\">\r\n                  <cura-icon name=\"filter\" size=\"20\" color=\"info-dark\"></cura-icon>\r\n                  <cura-heading size=\"xsmall\" level=\"5\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\">\r\n                    {{ section.config.title }}\r\n                  </cura-heading>\r\n                </div>\r\n              }\r\n              @if (section.config.subtitle) {\r\n                <div class=\"filter-subtitle\">\r\n                  <cura-heading size=\"xsmall\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\">\r\n                    {{ section.config.subtitle }}\r\n                  </cura-heading>\r\n                </div>\r\n              }\r\n\r\n              @if (section.config.description) {\r\n                <div class=\"filter-description\">\r\n                  <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" margin-block=\"0\">\r\n                    {{ section.config.description }}\r\n                  </cura-paragraph>\r\n                </div>\r\n              }\r\n\r\n              <div class=\"filter-checkboxes\" [class.scrollable]=\"hasScroll(section)\">\r\n                @for (option of section.config.options || []; track option?.value) {\r\n                  <cura-checkbox\r\n                    color=\"primary\"\r\n                    size=\"small\"\r\n                    icon-color=\"light\"\r\n                    [attr.name]=\"option?.label\"\r\n                    [attr.label]=\"option?.label\"\r\n                    [attr.value]=\"option?.value\"\r\n                    [attr.checked]=\"option?.checked\"\r\n                    (onchange)=\"handleCheckboxChange($event, section.config.options)\"\r\n                  ></cura-checkbox>\r\n                }\r\n              </div>\r\n            }\r\n            @case ('radio-group') {\r\n              <div class=\"filter-radios\" [class.scrollable]=\"hasScroll(section)\">\r\n                @for (option of section.config.options || []; track option?.value) {\r\n                  <cura-radio\r\n                    [name]=\"section.config.name || 'radio-group'\"\r\n                    [label]=\"option.label\"\r\n                    [value]=\"option.value\"\r\n                    [checked]=\"getRadioGroupValue(section.config.control) === option.value\"\r\n                    (onchange)=\"handleRadioChange($event, section.config.control)\"\r\n                  ></cura-radio>\r\n                }\r\n              </div>\r\n            }\r\n            @case ('custom') {\r\n              <ng-container *ngTemplateOutlet=\"section.config.template\"></ng-container>\r\n            }\r\n          }\r\n        </div>\r\n      }\r\n    }\r\n  </div>\r\n\r\n  <div class=\"filter-actions\" [class.hidden]=\"!isFilterOpen || (forceCollapsed && isMobile())\">\r\n    <div class=\"main-actions\">\r\n      @if (showClearButton) {\r\n        <cura-button-transparent\r\n          size=\"small\"\r\n          font-color=\"dark\"\r\n          color=\"primary\"\r\n          text-align=\"center\"\r\n          [disabled]=\"disableButtonsWithoutSelection && !hasSelection()\"\r\n          (click)=\"reset()\"\r\n        >\r\n          <span>Limpar todos os filtros</span>\r\n        </cura-button-transparent>\r\n      }\r\n\r\n      @if (showApplyButton) {\r\n        <cura-button\r\n          size=\"medium\"\r\n          font-color=\"light\"\r\n          color=\"primary\"\r\n          text-align=\"center\"\r\n          (click)=\"filter()\"\r\n          [disabled]=\"disableButtonsWithoutSelection && !hasSelection()\"\r\n          class=\"filter-button\"\r\n        >\r\n          Filtrar\r\n        </cura-button>\r\n      }\r\n    </div>\r\n\r\n    @if (showCloseButton) {\r\n      <div class=\"divider-strong\"></div>\r\n      <div class=\"close-action-wrapper\">\r\n        <div class=\"close-action\" (click)=\"close()\">\r\n          <cura-icon name=\"close\" color=\"error-dark\" size=\"small\"></cura-icon>\r\n          <cura-button-transparent size=\"\" type=\"button\" color=\"error\" target=\"_self\"> Fechar </cura-button-transparent>\r\n        </div>\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: [":host *{font-family:Gotham,Roboto,sans-serif}.filter-generic{display:flex;flex-direction:column;gap:18px}.filter-generic.clickable-mobile{cursor:pointer}.filter-generic.clickable-mobile:hover{background-color:var(--primary-lighter)}.filter-generic.container-style{width:100%;padding:20px;border-radius:12px;border:2px solid var(--neutral-lighter);background-color:var(--neutral-purewhite)}.filter-generic cura-loader-circle{display:flex;justify-content:center;align-items:center;width:100%;min-height:100px}.filter-header-container{display:flex;padding-bottom:12px;align-items:center}.filter-header-container.no-padding{padding-bottom:0}.filter-header-container .filter-title-wrapper{display:flex;align-items:center;justify-content:space-between;flex:1 0 0}.filter-header-container .filter-badge{display:flex;height:20px;min-width:20px;justify-content:center;align-items:center;gap:4px}.filter-header-container .filter-icon{display:block}.filter-content,.filter-actions{transition:all .3s ease}.filter-content.hidden,.filter-actions.hidden{display:none;height:0;overflow:hidden;opacity:0;margin:0;padding:0}.filter-section{display:flex;flex-direction:column;gap:24px}.filter-section .filter-header{display:flex;align-items:center;gap:14px}.filter-section .filter-subtitle{font-weight:500}.filter-section .filter-description{display:flex;flex-direction:column;gap:8px}.filter-section .filter-description:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:12px;grid-column:1/-1}.filter-section .filter-checkboxes{display:grid;grid-template-columns:repeat(2,1fr);gap:11px 0px}.filter-section .filter-checkboxes.scrollable{max-height:100px;overflow-y:auto;grid-template-columns:1fr;padding-right:8px;gap:12px}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar{width:8px}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar-thumb{background:var(--neutral-medium)}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar-track{background:var(--neutral-opacity-black)}.filter-section .filter-checkboxes.scrollable:after{display:none}.filter-section .filter-radios{display:flex;flex-direction:column;gap:12px}.filter-section .filter-radios.scrollable{max-height:100px;overflow-y:auto;padding-right:8px;gap:8px}.filter-section .filter-radios.scrollable::-webkit-scrollbar{width:8px}.filter-section .filter-radios.scrollable::-webkit-scrollbar-thumb{background:var(--neutral-medium)}.filter-section .filter-radios.scrollable::-webkit-scrollbar-track{background:var(--neutral-opacity-black)}.filter-section .filter-radios.scrollable:after{display:none}@media screen and (max-width: 1024px){.filter-checkboxes.scrollable,.filter-radios.scrollable{max-height:100px}.filter-checkboxes:after{display:none;background-color:transparent}}.filter-actions{display:flex;flex-direction:column;gap:0}.filter-actions:before{content:\"\";display:block;width:100%;height:1px;background:linear-gradient(90deg,var(--neutral-light) 75%,transparent 15%);background-size:10px 1px;background-repeat:repeat-x;margin-bottom:20px}.filter-actions .main-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.filter-actions .divider-strong{height:1px;width:100%;margin-top:20px;margin-bottom:16px;background:linear-gradient(90deg,#e2e2e2 70%,transparent 70%);background-size:4px 1px;background-repeat:repeat-x}.filter-actions .close-action-wrapper{display:flex;justify-content:center;width:100%}.filter-actions .close-action{display:inline-flex;align-items:center;gap:8px}.filter-actions .close-action cura-button-transparent{padding:0;margin:0;background:transparent;border:none;color:inherit}.filter-actions cura-button-transparent{display:flex;justify-content:flex-start;text-align:left;flex:0 1 auto}.filter-actions cura-button{display:flex;justify-content:flex-start;text-align:left;flex:1 0 auto}@media screen and (max-width: 1024px){.filter-checkboxes:after{background-color:transparent}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterGenericComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rdsite-filter-generic', standalone: true, imports: [CommonModule, ReactiveFormsModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div\r\n  class=\"filter-generic\"\r\n  [ngClass]=\"{ 'container-style': withContainerStyle, 'clickable-mobile': shouldHandleMobileClick() }\"\r\n  aria-label=\"Filtros\"\r\n  (click)=\"handleMobileClick()\"\r\n>\r\n  <div class=\"filter-header-container\" [ngClass]=\"{ 'no-padding': !isFilterOpen, hidden: !isFilterOpen }\">\r\n    <div class=\"filter-title-wrapper\">\r\n      <cura-label size=\"medium\" level=\"4\" color=\"neutral-black\" weight=\"regular\" margin-block=\"0\" line-height=\"16px\">\r\n        {{ textTitle }}\r\n      </cura-label>\r\n\r\n      @if (showBadge) {\r\n        <cura-badge-counter\r\n          [type]=\"'solid'\"\r\n          [color]=\"hasSelection() ? 'primary' : 'neutral'\"\r\n          [number]=\"selectedFiltersCount\"\r\n          class=\"filter-badge\"\r\n        ></cura-badge-counter>\r\n      }\r\n    </div>\r\n\r\n    @if (showToggleIcon) {\r\n      <cura-button-transparent size=\"small\" font-color=\"dark\" color=\"primary\" text-align=\"center\" (click)=\"toggleFilter()\" [attr.aria-expanded]=\"isFilterOpen\">\r\n        <cura-icon [name]=\"isFilterOpen ? 'up' : 'down'\" size=\"16\" class=\"filter-icon\" color=\"primary-dark\"></cura-icon>\r\n      </cura-button-transparent>\r\n    }\r\n  </div>\r\n\r\n  <div class=\"filter-content\" [class.hidden]=\"!isFilterOpen || (forceCollapsed && isMobile())\">\r\n    @for (section of sections; track section.type) {\r\n      @if (section.visible !== false) {\r\n        <div class=\"filter-section\">\r\n          @switch (section.type) {\r\n            @case ('input') {\r\n              <cura-input-text\r\n                [placeholder]=\"section.config.placeholder || ''\"\r\n                [name]=\"section.config.name || ''\"\r\n                [iconName]=\"section.config.iconName || ''\"\r\n                [attr.value]=\"section.config.control.value\"\r\n                (valueChange)=\"handleInputChange($event, section.config.control)\"\r\n              ></cura-input-text>\r\n            }\r\n            @case ('select') {\r\n              <cura-select\r\n                [label]=\"section.config.label || ''\"\r\n                [placeholder]=\"section.config.placeholder || ''\"\r\n                [attr.value]=\"section.config.control.value\"\r\n                (selected)=\"handleSelectChange($event, section.config.control)\"\r\n              >\r\n                @if (section.config.includeDefaultOption) {\r\n                  <cura-select-option [attr.value]=\"''\">{{ section.config.defaultOptionText || 'Fa\u00E7a a sua Sele\u00E7\u00E3o' }}</cura-select-option>\r\n                }\r\n                @for (option of section.config.options || []; track option?.value) {\r\n                  <cura-select-option [attr.value]=\"option?.value\">{{ option?.label }}</cura-select-option>\r\n                }\r\n              </cura-select>\r\n            }\r\n            @case ('checkbox-group') {\r\n              @if (section.config.title) {\r\n                <div class=\"filter-header\">\r\n                  <cura-icon name=\"filter\" size=\"20\" color=\"info-dark\"></cura-icon>\r\n                  <cura-heading size=\"xsmall\" level=\"5\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\">\r\n                    {{ section.config.title }}\r\n                  </cura-heading>\r\n                </div>\r\n              }\r\n              @if (section.config.subtitle) {\r\n                <div class=\"filter-subtitle\">\r\n                  <cura-heading size=\"xsmall\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\">\r\n                    {{ section.config.subtitle }}\r\n                  </cura-heading>\r\n                </div>\r\n              }\r\n\r\n              @if (section.config.description) {\r\n                <div class=\"filter-description\">\r\n                  <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" margin-block=\"0\">\r\n                    {{ section.config.description }}\r\n                  </cura-paragraph>\r\n                </div>\r\n              }\r\n\r\n              <div class=\"filter-checkboxes\" [class.scrollable]=\"hasScroll(section)\">\r\n                @for (option of section.config.options || []; track option?.value) {\r\n                  <cura-checkbox\r\n                    color=\"primary\"\r\n                    size=\"small\"\r\n                    icon-color=\"light\"\r\n                    [attr.name]=\"option?.label\"\r\n                    [attr.label]=\"option?.label\"\r\n                    [attr.value]=\"option?.value\"\r\n                    [attr.checked]=\"option?.checked\"\r\n                    (onchange)=\"handleCheckboxChange($event, section.config.options)\"\r\n                  ></cura-checkbox>\r\n                }\r\n              </div>\r\n            }\r\n            @case ('radio-group') {\r\n              <div class=\"filter-radios\" [class.scrollable]=\"hasScroll(section)\">\r\n                @for (option of section.config.options || []; track option?.value) {\r\n                  <cura-radio\r\n                    [name]=\"section.config.name || 'radio-group'\"\r\n                    [label]=\"option.label\"\r\n                    [value]=\"option.value\"\r\n                    [checked]=\"getRadioGroupValue(section.config.control) === option.value\"\r\n                    (onchange)=\"handleRadioChange($event, section.config.control)\"\r\n                  ></cura-radio>\r\n                }\r\n              </div>\r\n            }\r\n            @case ('custom') {\r\n              <ng-container *ngTemplateOutlet=\"section.config.template\"></ng-container>\r\n            }\r\n          }\r\n        </div>\r\n      }\r\n    }\r\n  </div>\r\n\r\n  <div class=\"filter-actions\" [class.hidden]=\"!isFilterOpen || (forceCollapsed && isMobile())\">\r\n    <div class=\"main-actions\">\r\n      @if (showClearButton) {\r\n        <cura-button-transparent\r\n          size=\"small\"\r\n          font-color=\"dark\"\r\n          color=\"primary\"\r\n          text-align=\"center\"\r\n          [disabled]=\"disableButtonsWithoutSelection && !hasSelection()\"\r\n          (click)=\"reset()\"\r\n        >\r\n          <span>Limpar todos os filtros</span>\r\n        </cura-button-transparent>\r\n      }\r\n\r\n      @if (showApplyButton) {\r\n        <cura-button\r\n          size=\"medium\"\r\n          font-color=\"light\"\r\n          color=\"primary\"\r\n          text-align=\"center\"\r\n          (click)=\"filter()\"\r\n          [disabled]=\"disableButtonsWithoutSelection && !hasSelection()\"\r\n          class=\"filter-button\"\r\n        >\r\n          Filtrar\r\n        </cura-button>\r\n      }\r\n    </div>\r\n\r\n    @if (showCloseButton) {\r\n      <div class=\"divider-strong\"></div>\r\n      <div class=\"close-action-wrapper\">\r\n        <div class=\"close-action\" (click)=\"close()\">\r\n          <cura-icon name=\"close\" color=\"error-dark\" size=\"small\"></cura-icon>\r\n          <cura-button-transparent size=\"\" type=\"button\" color=\"error\" target=\"_self\"> Fechar </cura-button-transparent>\r\n        </div>\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: [":host *{font-family:Gotham,Roboto,sans-serif}.filter-generic{display:flex;flex-direction:column;gap:18px}.filter-generic.clickable-mobile{cursor:pointer}.filter-generic.clickable-mobile:hover{background-color:var(--primary-lighter)}.filter-generic.container-style{width:100%;padding:20px;border-radius:12px;border:2px solid var(--neutral-lighter);background-color:var(--neutral-purewhite)}.filter-generic cura-loader-circle{display:flex;justify-content:center;align-items:center;width:100%;min-height:100px}.filter-header-container{display:flex;padding-bottom:12px;align-items:center}.filter-header-container.no-padding{padding-bottom:0}.filter-header-container .filter-title-wrapper{display:flex;align-items:center;justify-content:space-between;flex:1 0 0}.filter-header-container .filter-badge{display:flex;height:20px;min-width:20px;justify-content:center;align-items:center;gap:4px}.filter-header-container .filter-icon{display:block}.filter-content,.filter-actions{transition:all .3s ease}.filter-content.hidden,.filter-actions.hidden{display:none;height:0;overflow:hidden;opacity:0;margin:0;padding:0}.filter-section{display:flex;flex-direction:column;gap:24px}.filter-section .filter-header{display:flex;align-items:center;gap:14px}.filter-section .filter-subtitle{font-weight:500}.filter-section .filter-description{display:flex;flex-direction:column;gap:8px}.filter-section .filter-description:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:12px;grid-column:1/-1}.filter-section .filter-checkboxes{display:grid;grid-template-columns:repeat(2,1fr);gap:11px 0px}.filter-section .filter-checkboxes.scrollable{max-height:100px;overflow-y:auto;grid-template-columns:1fr;padding-right:8px;gap:12px}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar{width:8px}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar-thumb{background:var(--neutral-medium)}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar-track{background:var(--neutral-opacity-dark)}.filter-section .filter-checkboxes.scrollable:after{display:none}.filter-section .filter-radios{display:flex;flex-direction:column;gap:12px}.filter-section .filter-radios.scrollable{max-height:100px;overflow-y:auto;padding-right:8px;gap:8px}.filter-section .filter-radios.scrollable::-webkit-scrollbar{width:8px}.filter-section .filter-radios.scrollable::-webkit-scrollbar-thumb{background:var(--neutral-medium)}.filter-section .filter-radios.scrollable::-webkit-scrollbar-track{background:var(--neutral-opacity-dark)}.filter-section .filter-radios.scrollable:after{display:none}@media screen and (max-width: 1024px){.filter-checkboxes.scrollable,.filter-radios.scrollable{max-height:100px}.filter-checkboxes:after{display:none;background-color:transparent}}.filter-actions{display:flex;flex-direction:column;gap:0}.filter-actions:before{content:\"\";display:block;width:100%;height:1px;background:linear-gradient(90deg,var(--neutral-light) 75%,transparent 15%);background-size:10px 1px;background-repeat:repeat-x;margin-bottom:20px}.filter-actions .main-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.filter-actions .divider-strong{height:1px;width:100%;margin-top:20px;margin-bottom:16px;background:linear-gradient(90deg,#e2e2e2 70%,transparent 70%);background-size:4px 1px;background-repeat:repeat-x}.filter-actions .close-action-wrapper{display:flex;justify-content:center;width:100%}.filter-actions .close-action{display:inline-flex;align-items:center;gap:8px}.filter-actions .close-action cura-button-transparent{padding:0;margin:0;background:transparent;border:none;color:inherit}.filter-actions cura-button-transparent{display:flex;justify-content:flex-start;text-align:left;flex:0 1 auto}.filter-actions cura-button{display:flex;justify-content:flex-start;text-align:left;flex:1 0 auto}@media screen and (max-width: 1024px){.filter-checkboxes:after{background-color:transparent}}\n"] }]
+            args: [{ selector: 'rdsite-filter-generic', standalone: true, imports: [CommonModule, ReactiveFormsModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div\r\n  class=\"filter-generic\"\r\n  [ngClass]=\"{ 'container-style': withContainerStyle, 'clickable-mobile': shouldHandleMobileClick() }\"\r\n  aria-label=\"Filtros\"\r\n  (click)=\"handleMobileClick()\"\r\n>\r\n  <div class=\"filter-header-container\" [ngClass]=\"{ 'no-padding': !isFilterOpen, hidden: !isFilterOpen }\">\r\n    <div class=\"filter-title-wrapper\">\r\n      <cura-label size=\"medium\" level=\"4\" color=\"neutral-black\" weight=\"regular\" margin-block=\"0\" line-height=\"16px\">\r\n        {{ textTitle }}\r\n      </cura-label>\r\n\r\n      @if (showBadge) {\r\n        <cura-badge-counter\r\n          [type]=\"'solid'\"\r\n          [color]=\"hasSelection() ? 'primary' : 'neutral'\"\r\n          [number]=\"selectedFiltersCount\"\r\n          class=\"filter-badge\"\r\n        ></cura-badge-counter>\r\n      }\r\n    </div>\r\n\r\n    @if (showToggleIcon) {\r\n      <cura-button-transparent size=\"small\" font-color=\"dark\" color=\"primary\" text-align=\"center\" (click)=\"toggleFilter()\" [attr.aria-expanded]=\"isFilterOpen\">\r\n        <cura-icon [name]=\"isFilterOpen ? 'up' : 'down'\" size=\"16\" class=\"filter-icon\" color=\"primary-dark\"></cura-icon>\r\n      </cura-button-transparent>\r\n    }\r\n  </div>\r\n\r\n  <div class=\"filter-content\" [class.hidden]=\"!isFilterOpen || (forceCollapsed && isMobile())\">\r\n    @for (section of sections; track section.type) {\r\n      @if (section.visible !== false) {\r\n        <div class=\"filter-section\">\r\n          @switch (section.type) {\r\n            @case ('input') {\r\n              <cura-input-text\r\n                [placeholder]=\"section.config.placeholder || ''\"\r\n                [name]=\"section.config.name || ''\"\r\n                [iconName]=\"section.config.iconName || ''\"\r\n                [attr.value]=\"section.config.control.value\"\r\n                (valueChange)=\"handleInputChange($event, section.config.control)\"\r\n              ></cura-input-text>\r\n            }\r\n            @case ('select') {\r\n              <cura-select\r\n                [label]=\"section.config.label || ''\"\r\n                [placeholder]=\"section.config.placeholder || ''\"\r\n                [attr.value]=\"section.config.control.value\"\r\n                (selected)=\"handleSelectChange($event, section.config.control)\"\r\n              >\r\n                @if (section.config.includeDefaultOption) {\r\n                  <cura-select-option [attr.value]=\"''\">{{ section.config.defaultOptionText || 'Fa\u00E7a a sua Sele\u00E7\u00E3o' }}</cura-select-option>\r\n                }\r\n                @for (option of section.config.options || []; track option?.value) {\r\n                  <cura-select-option [attr.value]=\"option?.value\">{{ option?.label }}</cura-select-option>\r\n                }\r\n              </cura-select>\r\n            }\r\n            @case ('checkbox-group') {\r\n              @if (section.config.title) {\r\n                <div class=\"filter-header\">\r\n                  <cura-icon name=\"filter\" size=\"20\" color=\"info-dark\"></cura-icon>\r\n                  <cura-heading size=\"xsmall\" level=\"5\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\">\r\n                    {{ section.config.title }}\r\n                  </cura-heading>\r\n                </div>\r\n              }\r\n              @if (section.config.subtitle) {\r\n                <div class=\"filter-subtitle\">\r\n                  <cura-heading size=\"xsmall\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\">\r\n                    {{ section.config.subtitle }}\r\n                  </cura-heading>\r\n                </div>\r\n              }\r\n\r\n              @if (section.config.description) {\r\n                <div class=\"filter-description\">\r\n                  <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" margin-block=\"0\">\r\n                    {{ section.config.description }}\r\n                  </cura-paragraph>\r\n                </div>\r\n              }\r\n\r\n              <div class=\"filter-checkboxes\" [class.scrollable]=\"hasScroll(section)\">\r\n                @for (option of section.config.options || []; track option?.value) {\r\n                  <cura-checkbox\r\n                    color=\"primary\"\r\n                    size=\"small\"\r\n                    icon-color=\"light\"\r\n                    [attr.name]=\"option?.label\"\r\n                    [attr.label]=\"option?.label\"\r\n                    [attr.value]=\"option?.value\"\r\n                    [attr.checked]=\"option?.checked\"\r\n                    (onchange)=\"handleCheckboxChange($event, section.config.options)\"\r\n                  ></cura-checkbox>\r\n                }\r\n              </div>\r\n            }\r\n            @case ('radio-group') {\r\n              <div class=\"filter-radios\" [class.scrollable]=\"hasScroll(section)\">\r\n                @for (option of section.config.options || []; track option?.value) {\r\n                  <cura-radio\r\n                    [name]=\"section.config.name || 'radio-group'\"\r\n                    [label]=\"option.label\"\r\n                    [value]=\"option.value\"\r\n                    [checked]=\"getRadioGroupValue(section.config.control) === option.value\"\r\n                    (onchange)=\"handleRadioChange($event, section.config.control)\"\r\n                  ></cura-radio>\r\n                }\r\n              </div>\r\n            }\r\n            @case ('custom') {\r\n              <ng-container *ngTemplateOutlet=\"section.config.template\"></ng-container>\r\n            }\r\n          }\r\n        </div>\r\n      }\r\n    }\r\n  </div>\r\n\r\n  <div class=\"filter-actions\" [class.hidden]=\"!isFilterOpen || (forceCollapsed && isMobile())\">\r\n    <div class=\"main-actions\">\r\n      @if (showClearButton) {\r\n        <cura-button-transparent\r\n          size=\"small\"\r\n          font-color=\"dark\"\r\n          color=\"primary\"\r\n          text-align=\"center\"\r\n          [disabled]=\"disableButtonsWithoutSelection && !hasSelection()\"\r\n          (click)=\"reset()\"\r\n        >\r\n          <span>Limpar todos os filtros</span>\r\n        </cura-button-transparent>\r\n      }\r\n\r\n      @if (showApplyButton) {\r\n        <cura-button\r\n          size=\"medium\"\r\n          font-color=\"light\"\r\n          color=\"primary\"\r\n          text-align=\"center\"\r\n          (click)=\"filter()\"\r\n          [disabled]=\"disableButtonsWithoutSelection && !hasSelection()\"\r\n          class=\"filter-button\"\r\n        >\r\n          Filtrar\r\n        </cura-button>\r\n      }\r\n    </div>\r\n\r\n    @if (showCloseButton) {\r\n      <div class=\"divider-strong\"></div>\r\n      <div class=\"close-action-wrapper\">\r\n        <div class=\"close-action\" (click)=\"close()\">\r\n          <cura-icon name=\"close\" color=\"error-dark\" size=\"small\"></cura-icon>\r\n          <cura-button-transparent size=\"\" type=\"button\" color=\"error\" target=\"_self\"> Fechar </cura-button-transparent>\r\n        </div>\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: [":host *{font-family:Gotham,Roboto,sans-serif}.filter-generic{display:flex;flex-direction:column;gap:18px}.filter-generic.clickable-mobile{cursor:pointer}.filter-generic.clickable-mobile:hover{background-color:var(--primary-lighter)}.filter-generic.container-style{width:100%;padding:20px;border-radius:12px;border:2px solid var(--neutral-lighter);background-color:var(--neutral-purewhite)}.filter-generic cura-loader-circle{display:flex;justify-content:center;align-items:center;width:100%;min-height:100px}.filter-header-container{display:flex;padding-bottom:12px;align-items:center}.filter-header-container.no-padding{padding-bottom:0}.filter-header-container .filter-title-wrapper{display:flex;align-items:center;justify-content:space-between;flex:1 0 0}.filter-header-container .filter-badge{display:flex;height:20px;min-width:20px;justify-content:center;align-items:center;gap:4px}.filter-header-container .filter-icon{display:block}.filter-content,.filter-actions{transition:all .3s ease}.filter-content.hidden,.filter-actions.hidden{display:none;height:0;overflow:hidden;opacity:0;margin:0;padding:0}.filter-section{display:flex;flex-direction:column;gap:24px}.filter-section .filter-header{display:flex;align-items:center;gap:14px}.filter-section .filter-subtitle{font-weight:500}.filter-section .filter-description{display:flex;flex-direction:column;gap:8px}.filter-section .filter-description:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:12px;grid-column:1/-1}.filter-section .filter-checkboxes{display:grid;grid-template-columns:repeat(2,1fr);gap:11px 0px}.filter-section .filter-checkboxes.scrollable{max-height:100px;overflow-y:auto;grid-template-columns:1fr;padding-right:8px;gap:12px}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar{width:8px}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar-thumb{background:var(--neutral-medium)}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar-track{background:var(--neutral-opacity-black)}.filter-section .filter-checkboxes.scrollable:after{display:none}.filter-section .filter-radios{display:flex;flex-direction:column;gap:12px}.filter-section .filter-radios.scrollable{max-height:100px;overflow-y:auto;padding-right:8px;gap:8px}.filter-section .filter-radios.scrollable::-webkit-scrollbar{width:8px}.filter-section .filter-radios.scrollable::-webkit-scrollbar-thumb{background:var(--neutral-medium)}.filter-section .filter-radios.scrollable::-webkit-scrollbar-track{background:var(--neutral-opacity-black)}.filter-section .filter-radios.scrollable:after{display:none}@media screen and (max-width: 1024px){.filter-checkboxes.scrollable,.filter-radios.scrollable{max-height:100px}.filter-checkboxes:after{display:none;background-color:transparent}}.filter-actions{display:flex;flex-direction:column;gap:0}.filter-actions:before{content:\"\";display:block;width:100%;height:1px;background:linear-gradient(90deg,var(--neutral-light) 75%,transparent 15%);background-size:10px 1px;background-repeat:repeat-x;margin-bottom:20px}.filter-actions .main-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.filter-actions .divider-strong{height:1px;width:100%;margin-top:20px;margin-bottom:16px;background:linear-gradient(90deg,#e2e2e2 70%,transparent 70%);background-size:4px 1px;background-repeat:repeat-x}.filter-actions .close-action-wrapper{display:flex;justify-content:center;width:100%}.filter-actions .close-action{display:inline-flex;align-items:center;gap:8px}.filter-actions .close-action cura-button-transparent{padding:0;margin:0;background:transparent;border:none;color:inherit}.filter-actions cura-button-transparent{display:flex;justify-content:flex-start;text-align:left;flex:0 1 auto}.filter-actions cura-button{display:flex;justify-content:flex-start;text-align:left;flex:1 0 auto}@media screen and (max-width: 1024px){.filter-checkboxes:after{background-color:transparent}}\n"] }]
         }], ctorParameters: () => [{ type: CuraService }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [PLATFORM_ID]
@@ -4935,11 +4935,11 @@ class TestimonialCardComponent {
         this.youtubeService.removeScript();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TestimonialCardComponent, deps: [{ token: CuraService }, { token: YoutubeService }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: TestimonialCardComponent, isStandalone: true, selector: "rdsite-testimonial-card", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, image: { classPropertyName: "image", publicName: "image", isSignal: true, isRequired: false, transformFunction: null }, videoUrl: { classPropertyName: "videoUrl", publicName: "videoUrl", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, author: { classPropertyName: "author", publicName: "author", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style": "this.styleBinding" } }, viewQueries: [{ propertyName: "youtubePlayer", first: true, predicate: ["youtubePlayer"], descendants: true }], ngImport: i0, template: "@if ((image() || getVideoId()) && text()) {\r\n  @switch (type()) {\r\n    @case ('image') {\r\n      @if (image()) {\r\n        <rdsite-image\r\n          [imageWebpSrc]=\"image()?.webp_sizes?.['rdsl-card-unidades']\"\r\n          [imageDefaultSrc]=\"image()?.sizes?.['rdsl-card-unidades']\"\r\n          [mimeType]=\"image()?.mime_type\"\r\n          [alt]=\"image()?.alt\"\r\n        >\r\n        </rdsite-image>\r\n      }\r\n    }\r\n    @case ('video') {\r\n      @if (getVideoId() && platformBrowser()) {\r\n        <youtube-player #youtubePlayer [videoId]=\"getVideoId()\" [disablePlaceholder]=\"true\"></youtube-player>\r\n      }\r\n    }\r\n  }\r\n\r\n  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"26\" viewBox=\"0 0 32 26\" fill=\"none\">\r\n    <path\r\n      d=\"M14.375 3.3125C12.9062 4.15625 11.7188 4.89062 10.8125 5.51562C9.90625 6.10938 8.98438 6.90625 8.04688 7.90625C7.17188 8.84375 6.5 9.82812 6.03125 10.8594C5.5625 11.8906 5.23438 13.2188 5.04688 14.8438H7.29688C9.23438 14.8438 10.75 15.3281 11.8438 16.2969C12.9688 17.2344 13.5312 18.625 13.5312 20.4688C13.5312 21.7812 13.0312 23.0156 12.0312 24.1719C11.0625 25.2969 9.71875 25.8594 8 25.8594C5.3125 25.8594 3.39062 24.9844 2.23438 23.2344C1.07812 21.4531 0.5 19.125 0.5 16.25C0.5 14.2188 0.9375 12.375 1.8125 10.7188C2.6875 9.03125 3.75 7.53125 5 6.21875C6.28125 4.875 7.64062 3.73438 9.07812 2.79688C10.5156 1.85938 11.7188 1.09375 12.6875 0.5L14.375 3.3125ZM31.7188 3.3125C30.25 4.15625 29.0625 4.89062 28.1562 5.51562C27.25 6.10938 26.3281 6.90625 25.3906 7.90625C24.4844 8.875 23.7969 9.875 23.3281 10.9062C22.8906 11.9062 22.5781 13.2188 22.3906 14.8438H24.6406C26.5781 14.8438 28.0938 15.3281 29.1875 16.2969C30.3125 17.2344 30.875 18.625 30.875 20.4688C30.875 21.7812 30.375 23.0156 29.375 24.1719C28.4062 25.2969 27.0625 25.8594 25.3438 25.8594C22.6562 25.8594 20.7344 24.9844 19.5781 23.2344C18.4219 21.4531 17.8438 19.125 17.8438 16.25C17.8438 14.2188 18.2812 12.375 19.1562 10.7188C20.0312 9.03125 21.0938 7.53125 22.3438 6.21875C23.625 4.875 24.9844 3.73438 26.4219 2.79688C27.8594 1.85938 29.0625 1.09375 30.0312 0.5L31.7188 3.3125Z\"\r\n      fill=\"#202122\"\r\n    />\r\n  </svg>\r\n\r\n  <div class=\"testimonials-text\">\r\n    <q class=\"quote\" (click)=\"stopVideo()\">{{ text() }}</q>\r\n\r\n    @if (author()) {\r\n      <span class=\"author\">{{ author() }}</span>\r\n    }\r\n\r\n    @if (position()) {\r\n      <span class=\"position\">\r\n        {{ position() }}\r\n      </span>\r\n    }\r\n  </div>\r\n}\r\n", styles: [":host{display:flex;flex-direction:column;gap:15px;width:100%;height:auto;padding:28px;border-radius:3px;background-color:#f7f5f0}@media screen and (min-width: 1024px){:host{flex-direction:row;justify-content:center;gap:12px;background:linear-gradient(to right,#fff 102px,#f7f5f0 0)}}:host rdsite-image,:host youtube-player{border-radius:3px 50px 3px 3px}@media screen and (min-width: 1024px){:host rdsite-image,:host youtube-player{flex:1 1 50%}}:host rdsite-image{aspect-ratio:1.35}@media screen and (min-width: 769px){:host rdsite-image{aspect-ratio:1.78}}:host youtube-player{overflow:hidden;aspect-ratio:1.35}@media screen and (min-width: 769px){:host youtube-player{aspect-ratio:unset}}:host youtube-player ::ng-deep>div{width:100%;height:100%}:host youtube-player ::ng-deep iframe{width:100%;height:100%}:host svg{margin-top:24px}:host .testimonials-text{flex:1 1 50%;display:flex;flex-direction:column}:host .testimonials-text *{font-family:var(--font-family)}:host .testimonials-text .quote{color:var(--color-one-darker);font-size:17px;font-weight:400;line-height:150%;margin-bottom:15px}@media screen and (min-width: 1024px){:host .testimonials-text .quote{font-size:19px;margin-bottom:44px;margin-top:44px}}:host .testimonials-text .author,:host .testimonials-text .position{color:var(--neutral-black);font-size:12px;font-weight:500;line-height:135%;letter-spacing:.48px}@media screen and (min-width: 1024px){:host .testimonials-text .author,:host .testimonials-text .position{font-size:14px;letter-spacing:.56px}}\n"], dependencies: [{ kind: "component", type: ImageComponent, selector: "rdsite-image", inputs: ["imageWebpSrc", "imageDefaultSrc", "imageSizes", "mimeType", "alt", "title", "loading"] }, { kind: "ngmodule", type: YouTubePlayerModule }, { kind: "component", type: i2$1.YouTubePlayer, selector: "youtube-player", inputs: ["videoId", "height", "width", "startSeconds", "endSeconds", "suggestedQuality", "playerVars", "disableCookies", "loadApi", "disablePlaceholder", "showBeforeIframeApiLoads", "placeholderButtonLabel", "placeholderImageQuality"], outputs: ["ready", "stateChange", "error", "apiChange", "playbackQualityChange", "playbackRateChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: TestimonialCardComponent, isStandalone: true, selector: "rdsite-testimonial-card", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, image: { classPropertyName: "image", publicName: "image", isSignal: true, isRequired: false, transformFunction: null }, videoUrl: { classPropertyName: "videoUrl", publicName: "videoUrl", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, author: { classPropertyName: "author", publicName: "author", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style": "this.styleBinding" } }, viewQueries: [{ propertyName: "youtubePlayer", first: true, predicate: ["youtubePlayer"], descendants: true }], ngImport: i0, template: "@if ((image() || getVideoId()) && text()) {\r\n  @switch (type()) {\r\n    @case ('image') {\r\n      @if (image()) {\r\n        <rdsite-image\r\n          [imageWebpSrc]=\"image()?.webp_sizes?.['rdsl-card-unidades']\"\r\n          [imageDefaultSrc]=\"image()?.sizes?.['rdsl-card-unidades']\"\r\n          [mimeType]=\"image()?.mime_type\"\r\n          [alt]=\"image()?.alt\"\r\n        >\r\n        </rdsite-image>\r\n      }\r\n    }\r\n    @case ('video') {\r\n      @if (getVideoId() && platformBrowser()) {\r\n        <youtube-player #youtubePlayer [videoId]=\"getVideoId()\" [disablePlaceholder]=\"true\"></youtube-player>\r\n      }\r\n    }\r\n  }\r\n\r\n  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"26\" viewBox=\"0 0 32 26\" fill=\"none\">\r\n    <path\r\n      d=\"M14.375 3.3125C12.9062 4.15625 11.7188 4.89062 10.8125 5.51562C9.90625 6.10938 8.98438 6.90625 8.04688 7.90625C7.17188 8.84375 6.5 9.82812 6.03125 10.8594C5.5625 11.8906 5.23438 13.2188 5.04688 14.8438H7.29688C9.23438 14.8438 10.75 15.3281 11.8438 16.2969C12.9688 17.2344 13.5312 18.625 13.5312 20.4688C13.5312 21.7812 13.0312 23.0156 12.0312 24.1719C11.0625 25.2969 9.71875 25.8594 8 25.8594C5.3125 25.8594 3.39062 24.9844 2.23438 23.2344C1.07812 21.4531 0.5 19.125 0.5 16.25C0.5 14.2188 0.9375 12.375 1.8125 10.7188C2.6875 9.03125 3.75 7.53125 5 6.21875C6.28125 4.875 7.64062 3.73438 9.07812 2.79688C10.5156 1.85938 11.7188 1.09375 12.6875 0.5L14.375 3.3125ZM31.7188 3.3125C30.25 4.15625 29.0625 4.89062 28.1562 5.51562C27.25 6.10938 26.3281 6.90625 25.3906 7.90625C24.4844 8.875 23.7969 9.875 23.3281 10.9062C22.8906 11.9062 22.5781 13.2188 22.3906 14.8438H24.6406C26.5781 14.8438 28.0938 15.3281 29.1875 16.2969C30.3125 17.2344 30.875 18.625 30.875 20.4688C30.875 21.7812 30.375 23.0156 29.375 24.1719C28.4062 25.2969 27.0625 25.8594 25.3438 25.8594C22.6562 25.8594 20.7344 24.9844 19.5781 23.2344C18.4219 21.4531 17.8438 19.125 17.8438 16.25C17.8438 14.2188 18.2812 12.375 19.1562 10.7188C20.0312 9.03125 21.0938 7.53125 22.3438 6.21875C23.625 4.875 24.9844 3.73438 26.4219 2.79688C27.8594 1.85938 29.0625 1.09375 30.0312 0.5L31.7188 3.3125Z\"\r\n      fill=\"#202122\"\r\n    />\r\n  </svg>\r\n\r\n  <div class=\"testimonials-text\">\r\n    <q class=\"quote\" [innerHTML]=\"text()\" (click)=\"stopVideo()\"></q>\r\n\r\n    @if (author()) {\r\n      <span class=\"author\">{{ author() }}</span>\r\n    }\r\n\r\n    @if (position()) {\r\n      <span class=\"position\">\r\n        {{ position() }}\r\n      </span>\r\n    }\r\n  </div>\r\n}\r\n", styles: [":host{display:flex;flex-direction:column;gap:15px;width:100%;height:auto;padding:28px;border-radius:3px;background-color:#f7f5f0}@media screen and (min-width: 1024px){:host{flex-direction:row;justify-content:center;gap:12px;background:linear-gradient(to right,#fff 102px,#f7f5f0 0)}}:host rdsite-image,:host youtube-player{border-radius:3px 50px 3px 3px}@media screen and (min-width: 1024px){:host rdsite-image,:host youtube-player{flex:1 1 50%}}:host rdsite-image{aspect-ratio:1.35}@media screen and (min-width: 769px){:host rdsite-image{aspect-ratio:1.78}}:host youtube-player{overflow:hidden;aspect-ratio:1.35}@media screen and (min-width: 769px){:host youtube-player{aspect-ratio:unset}}:host youtube-player ::ng-deep>div{width:100%;height:100%}:host youtube-player ::ng-deep iframe{width:100%;height:100%}:host svg{margin-top:24px}:host .testimonials-text{flex:1 1 50%;display:flex;flex-direction:column}:host .testimonials-text *{font-family:var(--font-family)}:host .testimonials-text .quote{color:var(--color-one-darker);font-size:17px;font-weight:400;line-height:150%;margin-bottom:15px}@media screen and (min-width: 1024px){:host .testimonials-text .quote{font-size:19px;margin-bottom:44px;margin-top:44px}}:host .testimonials-text .author,:host .testimonials-text .position{color:var(--neutral-black);font-size:12px;font-weight:500;line-height:135%;letter-spacing:.48px}@media screen and (min-width: 1024px){:host .testimonials-text .author,:host .testimonials-text .position{font-size:14px;letter-spacing:.56px}}\n"], dependencies: [{ kind: "component", type: ImageComponent, selector: "rdsite-image", inputs: ["imageWebpSrc", "imageDefaultSrc", "imageSizes", "mimeType", "alt", "title", "loading"] }, { kind: "ngmodule", type: YouTubePlayerModule }, { kind: "component", type: i2$1.YouTubePlayer, selector: "youtube-player", inputs: ["videoId", "height", "width", "startSeconds", "endSeconds", "suggestedQuality", "playerVars", "disableCookies", "loadApi", "disablePlaceholder", "showBeforeIframeApiLoads", "placeholderButtonLabel", "placeholderImageQuality"], outputs: ["ready", "stateChange", "error", "apiChange", "playbackQualityChange", "playbackRateChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TestimonialCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rdsite-testimonial-card', standalone: true, imports: [ImageComponent, YouTubePlayerModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if ((image() || getVideoId()) && text()) {\r\n  @switch (type()) {\r\n    @case ('image') {\r\n      @if (image()) {\r\n        <rdsite-image\r\n          [imageWebpSrc]=\"image()?.webp_sizes?.['rdsl-card-unidades']\"\r\n          [imageDefaultSrc]=\"image()?.sizes?.['rdsl-card-unidades']\"\r\n          [mimeType]=\"image()?.mime_type\"\r\n          [alt]=\"image()?.alt\"\r\n        >\r\n        </rdsite-image>\r\n      }\r\n    }\r\n    @case ('video') {\r\n      @if (getVideoId() && platformBrowser()) {\r\n        <youtube-player #youtubePlayer [videoId]=\"getVideoId()\" [disablePlaceholder]=\"true\"></youtube-player>\r\n      }\r\n    }\r\n  }\r\n\r\n  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"26\" viewBox=\"0 0 32 26\" fill=\"none\">\r\n    <path\r\n      d=\"M14.375 3.3125C12.9062 4.15625 11.7188 4.89062 10.8125 5.51562C9.90625 6.10938 8.98438 6.90625 8.04688 7.90625C7.17188 8.84375 6.5 9.82812 6.03125 10.8594C5.5625 11.8906 5.23438 13.2188 5.04688 14.8438H7.29688C9.23438 14.8438 10.75 15.3281 11.8438 16.2969C12.9688 17.2344 13.5312 18.625 13.5312 20.4688C13.5312 21.7812 13.0312 23.0156 12.0312 24.1719C11.0625 25.2969 9.71875 25.8594 8 25.8594C5.3125 25.8594 3.39062 24.9844 2.23438 23.2344C1.07812 21.4531 0.5 19.125 0.5 16.25C0.5 14.2188 0.9375 12.375 1.8125 10.7188C2.6875 9.03125 3.75 7.53125 5 6.21875C6.28125 4.875 7.64062 3.73438 9.07812 2.79688C10.5156 1.85938 11.7188 1.09375 12.6875 0.5L14.375 3.3125ZM31.7188 3.3125C30.25 4.15625 29.0625 4.89062 28.1562 5.51562C27.25 6.10938 26.3281 6.90625 25.3906 7.90625C24.4844 8.875 23.7969 9.875 23.3281 10.9062C22.8906 11.9062 22.5781 13.2188 22.3906 14.8438H24.6406C26.5781 14.8438 28.0938 15.3281 29.1875 16.2969C30.3125 17.2344 30.875 18.625 30.875 20.4688C30.875 21.7812 30.375 23.0156 29.375 24.1719C28.4062 25.2969 27.0625 25.8594 25.3438 25.8594C22.6562 25.8594 20.7344 24.9844 19.5781 23.2344C18.4219 21.4531 17.8438 19.125 17.8438 16.25C17.8438 14.2188 18.2812 12.375 19.1562 10.7188C20.0312 9.03125 21.0938 7.53125 22.3438 6.21875C23.625 4.875 24.9844 3.73438 26.4219 2.79688C27.8594 1.85938 29.0625 1.09375 30.0312 0.5L31.7188 3.3125Z\"\r\n      fill=\"#202122\"\r\n    />\r\n  </svg>\r\n\r\n  <div class=\"testimonials-text\">\r\n    <q class=\"quote\" (click)=\"stopVideo()\">{{ text() }}</q>\r\n\r\n    @if (author()) {\r\n      <span class=\"author\">{{ author() }}</span>\r\n    }\r\n\r\n    @if (position()) {\r\n      <span class=\"position\">\r\n        {{ position() }}\r\n      </span>\r\n    }\r\n  </div>\r\n}\r\n", styles: [":host{display:flex;flex-direction:column;gap:15px;width:100%;height:auto;padding:28px;border-radius:3px;background-color:#f7f5f0}@media screen and (min-width: 1024px){:host{flex-direction:row;justify-content:center;gap:12px;background:linear-gradient(to right,#fff 102px,#f7f5f0 0)}}:host rdsite-image,:host youtube-player{border-radius:3px 50px 3px 3px}@media screen and (min-width: 1024px){:host rdsite-image,:host youtube-player{flex:1 1 50%}}:host rdsite-image{aspect-ratio:1.35}@media screen and (min-width: 769px){:host rdsite-image{aspect-ratio:1.78}}:host youtube-player{overflow:hidden;aspect-ratio:1.35}@media screen and (min-width: 769px){:host youtube-player{aspect-ratio:unset}}:host youtube-player ::ng-deep>div{width:100%;height:100%}:host youtube-player ::ng-deep iframe{width:100%;height:100%}:host svg{margin-top:24px}:host .testimonials-text{flex:1 1 50%;display:flex;flex-direction:column}:host .testimonials-text *{font-family:var(--font-family)}:host .testimonials-text .quote{color:var(--color-one-darker);font-size:17px;font-weight:400;line-height:150%;margin-bottom:15px}@media screen and (min-width: 1024px){:host .testimonials-text .quote{font-size:19px;margin-bottom:44px;margin-top:44px}}:host .testimonials-text .author,:host .testimonials-text .position{color:var(--neutral-black);font-size:12px;font-weight:500;line-height:135%;letter-spacing:.48px}@media screen and (min-width: 1024px){:host .testimonials-text .author,:host .testimonials-text .position{font-size:14px;letter-spacing:.56px}}\n"] }]
+            args: [{ selector: 'rdsite-testimonial-card', standalone: true, imports: [ImageComponent, YouTubePlayerModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if ((image() || getVideoId()) && text()) {\r\n  @switch (type()) {\r\n    @case ('image') {\r\n      @if (image()) {\r\n        <rdsite-image\r\n          [imageWebpSrc]=\"image()?.webp_sizes?.['rdsl-card-unidades']\"\r\n          [imageDefaultSrc]=\"image()?.sizes?.['rdsl-card-unidades']\"\r\n          [mimeType]=\"image()?.mime_type\"\r\n          [alt]=\"image()?.alt\"\r\n        >\r\n        </rdsite-image>\r\n      }\r\n    }\r\n    @case ('video') {\r\n      @if (getVideoId() && platformBrowser()) {\r\n        <youtube-player #youtubePlayer [videoId]=\"getVideoId()\" [disablePlaceholder]=\"true\"></youtube-player>\r\n      }\r\n    }\r\n  }\r\n\r\n  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"26\" viewBox=\"0 0 32 26\" fill=\"none\">\r\n    <path\r\n      d=\"M14.375 3.3125C12.9062 4.15625 11.7188 4.89062 10.8125 5.51562C9.90625 6.10938 8.98438 6.90625 8.04688 7.90625C7.17188 8.84375 6.5 9.82812 6.03125 10.8594C5.5625 11.8906 5.23438 13.2188 5.04688 14.8438H7.29688C9.23438 14.8438 10.75 15.3281 11.8438 16.2969C12.9688 17.2344 13.5312 18.625 13.5312 20.4688C13.5312 21.7812 13.0312 23.0156 12.0312 24.1719C11.0625 25.2969 9.71875 25.8594 8 25.8594C5.3125 25.8594 3.39062 24.9844 2.23438 23.2344C1.07812 21.4531 0.5 19.125 0.5 16.25C0.5 14.2188 0.9375 12.375 1.8125 10.7188C2.6875 9.03125 3.75 7.53125 5 6.21875C6.28125 4.875 7.64062 3.73438 9.07812 2.79688C10.5156 1.85938 11.7188 1.09375 12.6875 0.5L14.375 3.3125ZM31.7188 3.3125C30.25 4.15625 29.0625 4.89062 28.1562 5.51562C27.25 6.10938 26.3281 6.90625 25.3906 7.90625C24.4844 8.875 23.7969 9.875 23.3281 10.9062C22.8906 11.9062 22.5781 13.2188 22.3906 14.8438H24.6406C26.5781 14.8438 28.0938 15.3281 29.1875 16.2969C30.3125 17.2344 30.875 18.625 30.875 20.4688C30.875 21.7812 30.375 23.0156 29.375 24.1719C28.4062 25.2969 27.0625 25.8594 25.3438 25.8594C22.6562 25.8594 20.7344 24.9844 19.5781 23.2344C18.4219 21.4531 17.8438 19.125 17.8438 16.25C17.8438 14.2188 18.2812 12.375 19.1562 10.7188C20.0312 9.03125 21.0938 7.53125 22.3438 6.21875C23.625 4.875 24.9844 3.73438 26.4219 2.79688C27.8594 1.85938 29.0625 1.09375 30.0312 0.5L31.7188 3.3125Z\"\r\n      fill=\"#202122\"\r\n    />\r\n  </svg>\r\n\r\n  <div class=\"testimonials-text\">\r\n    <q class=\"quote\" [innerHTML]=\"text()\" (click)=\"stopVideo()\"></q>\r\n\r\n    @if (author()) {\r\n      <span class=\"author\">{{ author() }}</span>\r\n    }\r\n\r\n    @if (position()) {\r\n      <span class=\"position\">\r\n        {{ position() }}\r\n      </span>\r\n    }\r\n  </div>\r\n}\r\n", styles: [":host{display:flex;flex-direction:column;gap:15px;width:100%;height:auto;padding:28px;border-radius:3px;background-color:#f7f5f0}@media screen and (min-width: 1024px){:host{flex-direction:row;justify-content:center;gap:12px;background:linear-gradient(to right,#fff 102px,#f7f5f0 0)}}:host rdsite-image,:host youtube-player{border-radius:3px 50px 3px 3px}@media screen and (min-width: 1024px){:host rdsite-image,:host youtube-player{flex:1 1 50%}}:host rdsite-image{aspect-ratio:1.35}@media screen and (min-width: 769px){:host rdsite-image{aspect-ratio:1.78}}:host youtube-player{overflow:hidden;aspect-ratio:1.35}@media screen and (min-width: 769px){:host youtube-player{aspect-ratio:unset}}:host youtube-player ::ng-deep>div{width:100%;height:100%}:host youtube-player ::ng-deep iframe{width:100%;height:100%}:host svg{margin-top:24px}:host .testimonials-text{flex:1 1 50%;display:flex;flex-direction:column}:host .testimonials-text *{font-family:var(--font-family)}:host .testimonials-text .quote{color:var(--color-one-darker);font-size:17px;font-weight:400;line-height:150%;margin-bottom:15px}@media screen and (min-width: 1024px){:host .testimonials-text .quote{font-size:19px;margin-bottom:44px;margin-top:44px}}:host .testimonials-text .author,:host .testimonials-text .position{color:var(--neutral-black);font-size:12px;font-weight:500;line-height:135%;letter-spacing:.48px}@media screen and (min-width: 1024px){:host .testimonials-text .author,:host .testimonials-text .position{font-size:14px;letter-spacing:.56px}}\n"] }]
         }], ctorParameters: () => [{ type: CuraService }, { type: YoutubeService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [PLATFORM_ID]