npm - @rededor/site-front-end-lib - Versions diffs - 20.0.19 → 20.0.21 - Mend

@rededor/site-front-end-lib 20.0.19 → 20.0.21

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 (85) hide show

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

@@ -209,10 +209,10 @@ class FilterGenericComponent {
     isFilterDataEmpty(filterData) {
         return Object.values(filterData).every((val) => val === null || val === '' || (Array.isArray(val) && val.length === 0));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: FilterGenericComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: FilterGenericComponent, isStandalone: true, selector: "rdsite-filter-generic", inputs: { withContainerStyle: { classPropertyName: "withContainerStyle", publicName: "withContainerStyle", isSignal: true, isRequired: false, transformFunction: null }, showClearButton: { classPropertyName: "showClearButton", publicName: "showClearButton", isSignal: true, isRequired: false, transformFunction: null }, showApplyButton: { classPropertyName: "showApplyButton", publicName: "showApplyButton", isSignal: true, isRequired: false, transformFunction: null }, showCloseButton: { classPropertyName: "showCloseButton", publicName: "showCloseButton", isSignal: true, isRequired: false, transformFunction: null }, disableButtons: { classPropertyName: "disableButtons", publicName: "disableButtons", isSignal: true, isRequired: false, transformFunction: null }, showBadge: { classPropertyName: "showBadge", publicName: "showBadge", isSignal: true, isRequired: false, transformFunction: null }, showToggleIcon: { classPropertyName: "showToggleIcon", publicName: "showToggleIcon", isSignal: true, isRequired: false, transformFunction: null }, isFilterOpen: { classPropertyName: "isFilterOpen", publicName: "isFilterOpen", isSignal: true, isRequired: false, transformFunction: null }, mobileBehavior: { classPropertyName: "mobileBehavior", publicName: "mobileBehavior", isSignal: true, isRequired: false, transformFunction: null }, forceCollapsed: { classPropertyName: "forceCollapsed", publicName: "forceCollapsed", isSignal: true, isRequired: false, transformFunction: null }, emitOnReset: { classPropertyName: "emitOnReset", publicName: "emitOnReset", isSignal: true, isRequired: false, transformFunction: null }, textTitle: { classPropertyName: "textTitle", publicName: "textTitle", isSignal: true, isRequired: false, transformFunction: null }, sections: { classPropertyName: "sections", publicName: "sections", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filterChange: "filterChange", closeModal: "closeModal", openMobileFilter: "openMobileFilter", isFilterOpen: "isFilterOpenChange" }, host: { properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "<div\n  class=\"filter-generic\"\n  [ngClass]=\"{ 'container-style': withContainerStyle(), 'clickable-mobile': shouldHandleMobileClick() }\"\n  aria-label=\"Filtros\"\n  (click)=\"handleMobileClick()\"\n>\n  <div class=\"filter-header-container\" [ngClass]=\"{ 'no-padding': !isFilterOpen(), hidden: !isFilterOpen() }\">\n    <div class=\"filter-title-wrapper\">\n      <cura-label size=\"medium\" level=\"4\" color=\"neutral-black\" weight=\"regular\" marginBlock=\"0\" lineHeight=\"16px\">\n        {{ textTitle() }}\n      </cura-label>\n\n      @if (showBadge()) {\n        <cura-badge-counter\n          [type]=\"'solid'\"\n          [color]=\"hasSelection() ? 'primary' : 'neutral'\"\n          [number]=\"selectedFiltersCount()\"\n          class=\"filter-badge\"\n        ></cura-badge-counter>\n      }\n    </div>\n\n    @if (showToggleIcon()) {\n      <cura-button-transparent\n        size=\"small\"\n        fontColor=\"dark\"\n        color=\"primary\"\n        textAlign=\"center\"\n        (click)=\"toggleFilter()\"\n        [attr.aria-expanded]=\"isFilterOpen()\"\n        [ariaLabel]=\"isFilterOpen() ? 'Fechar filtros' : 'Abrir filtros'\"\n      >\n        <cura-icon [name]=\"isFilterOpen() ? 'up' : 'down'\" size=\"16\" class=\"filter-icon\" color=\"primary-dark\"></cura-icon>\n      </cura-button-transparent>\n    }\n  </div>\n\n  <div class=\"filter-content\" [class.hidden]=\"!isFilterOpen() || (forceCollapsed() && isMobile())\">\n    @for (section of sections(); track section.type) {\n      @if (section.visible !== false) {\n        <div class=\"filter-section\">\n          @switch (section.type) {\n            @case ('input') {\n              <cura-input-text\n                [placeholder]=\"section.config.placeholder || ''\"\n                [name]=\"section.config.name || ''\"\n                [iconName]=\"section.config.iconName || ''\"\n                [value]=\"section.config.control.value\"\n                (valueChange)=\"handleInputChange($event, section.config.control)\"\n              ></cura-input-text>\n            }\n            @case ('select') {\n              <cura-select\n                [label]=\"section.config.label || ''\"\n                [placeholder]=\"section.config.placeholder || ''\"\n                [value]=\"section.config.control.value\"\n                (selected)=\"handleSelectChange($event, section.config.control)\"\n              >\n                @if (section.config.includeDefaultOption) {\n                  <cura-select-option [value]=\"''\">{{ section.config.defaultOptionText || 'Fa\u00E7a a sua Sele\u00E7\u00E3o' }}</cura-select-option>\n                }\n                @for (option of section.config.options || []; track option?.value) {\n                  <cura-select-option [value]=\"option?.value\">{{ option?.label }}</cura-select-option>\n                }\n              </cura-select>\n            }\n            @case ('checkbox-group') {\n              @if (section.config.title) {\n                <div class=\"filter-header\">\n                  <cura-icon name=\"filter\" size=\"20\" color=\"info-dark\"></cura-icon>\n                  <cura-heading size=\"xsmall\" [level]=\"5\" weight=\"bold\" color=\"neutral-black\" marginBlock=\"0\" lineHeight=\"16px\">\n                    {{ section.config.title }}\n                  </cura-heading>\n                </div>\n              }\n\n              @if (section.config.subtitle) {\n                <div class=\"filter-subtitle\">\n                  <cura-heading size=\"xsmall\" weight=\"bold\" color=\"neutral-black\" marginBlock=\"0\">\n                    {{ section.config.subtitle }}\n                  </cura-heading>\n                </div>\n              }\n\n              @if (section.config.description) {\n                <div class=\"filter-description\">\n                  <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" marginBlock=\"0\">\n                    {{ section.config.description }}\n                  </cura-paragraph>\n                </div>\n              }\n\n              <div class=\"filter-checkboxes\" [class.scrollable]=\"hasScroll(section)\">\n                @for (option of section.config.options || []; track option.value) {\n                  <cura-checkbox\n                    color=\"primary\"\n                    size=\"small\"\n                    iconColor=\"light\"\n                    [name]=\"option.label\"\n                    [label]=\"option.label\"\n                    [value]=\"option.value\"\n                    [checked]=\"option.checked || false\"\n                    (onchange)=\"handleCheckboxChange($event, section.config.options)\"\n                  ></cura-checkbox>\n                }\n              </div>\n            }\n            @case ('radio-group') {\n              <div class=\"filter-radios\" [class.scrollable]=\"hasScroll(section)\">\n                @for (option of section.config.options || []; track option?.value) {\n                  <cura-radio\n                    [name]=\"section.config.name || 'radio-group'\"\n                    [label]=\"option.label\"\n                    [value]=\"option.value\"\n                    [checked]=\"getRadioGroupValue(section.config.control) === option.value\"\n                    (onchange)=\"handleRadioChange($event, section.config.control)\"\n                  ></cura-radio>\n                }\n              </div>\n            }\n            @case ('custom') {\n              <ng-container *ngTemplateOutlet=\"section.config.template\"></ng-container>\n            }\n          }\n        </div>\n      }\n    }\n  </div>\n\n  <div class=\"filter-actions\" [class.hidden]=\"!isFilterOpen() || (forceCollapsed() && isMobile())\">\n    <div class=\"main-actions\">\n      @if (showClearButton()) {\n        <cura-button-transparent\n          size=\"small\"\n          fontColor=\"dark\"\n          color=\"primary\"\n          textAlign=\"center\"\n          [disabled]=\"disableButtons() || !hasSelection()\"\n          (click)=\"reset()\"\n        >\n          <span>Limpar todos os filtros</span>\n        </cura-button-transparent>\n      }\n\n      @if (showApplyButton()) {\n        <cura-button\n          size=\"medium\"\n          fontColor=\"light\"\n          color=\"primary\"\n          textAlign=\"center\"\n          (click)=\"filter()\"\n          [disabled]=\"disableButtons() || !hasSelection()\"\n          class=\"filter-button\"\n        >\n          Filtrar\n        </cura-button>\n      }\n    </div>\n\n    @if (showCloseButton()) {\n      <div class=\"divider-strong\"></div>\n      <div class=\"close-action-wrapper\">\n        <div class=\"close-action\" (click)=\"close()\">\n          <cura-icon name=\"close\" color=\"error-dark\" size=\"small\"></cura-icon>\n          <cura-button-transparent type=\"button\" color=\"error\" target=\"_self\"> Fechar </cura-button-transparent>\n        </div>\n      </div>\n    }\n  </div>\n</div>\n", styles: [":host *{font-family:var(--font-family)}.filter-generic{display:flex;flex-direction:column;gap:18px}.filter-generic.clickable-mobile{cursor:pointer}.filter-generic.clickable-mobile:hover{background-color:var(--primary-lighter)}.filter-generic.container-style{width:100%;padding:20px;border-radius:12px;border:2px solid var(--neutral-lighter);background-color:var(--neutral-purewhite)}.filter-generic cura-loader-circle{display:flex;justify-content:center;align-items:center;width:100%;min-height:100px}.filter-header-container{display:flex;padding-bottom:12px;align-items:center}.filter-header-container.no-padding{padding-bottom:0}.filter-header-container .filter-title-wrapper{display:flex;align-items:center;justify-content:space-between;flex:1 0 0}.filter-header-container .filter-badge{display:flex;height:20px;min-width:20px;justify-content:center;align-items:center;gap:4px}.filter-header-container .filter-icon{display:block}.filter-content,.filter-actions{transition:all .3s ease}.filter-content.hidden,.filter-actions.hidden{display:none;height:0;overflow:hidden;opacity:0;margin:0;padding:0}.filter-section{display:flex;flex-direction:column;gap:24px}.filter-section .filter-header{display:flex;align-items:center;gap:14px}.filter-section .filter-subtitle{font-weight:500}.filter-section .filter-description{display:flex;flex-direction:column;gap:8px}.filter-section .filter-description:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:12px;grid-column:1/-1}.filter-section .filter-checkboxes{display:grid;grid-template-columns:repeat(2,1fr);gap:11px 0px}.filter-section .filter-checkboxes.scrollable{max-height:100px;overflow-y:auto;grid-template-columns:1fr;padding-right:8px;gap:12px}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar{width:8px}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar-thumb{background:var(--neutral-medium)}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar-thumb:hover{background:var(--primary-base)}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar-track{background:var(--neutral-opacity-black)}.filter-section .filter-checkboxes.scrollable:after{display:none}.filter-section .filter-radios{display:flex;flex-direction:column;gap:12px}.filter-section .filter-radios.scrollable{max-height:100px;overflow-y:auto;padding-right:8px;gap:8px}.filter-section .filter-radios.scrollable::-webkit-scrollbar{width:8px}.filter-section .filter-radios.scrollable::-webkit-scrollbar-thumb{background:var(--neutral-medium)}.filter-section .filter-radios.scrollable::-webkit-scrollbar-thumb:hover{background:var(--primary-base)}.filter-section .filter-radios.scrollable::-webkit-scrollbar-track{background:var(--neutral-opacity-black)}.filter-section .filter-radios.scrollable:after{display:none}@media screen and (max-width: 1024px){.filter-checkboxes.scrollable,.filter-radios.scrollable{max-height:100px}.filter-checkboxes:after{display:none;background-color:transparent}}.filter-actions{display:flex;flex-direction:column;gap:0}.filter-actions:before{content:\"\";display:block;width:100%;height:1px;background:linear-gradient(90deg,var(--neutral-light) 75%,transparent 15%);background-size:10px 1px;background-repeat:repeat-x;margin-bottom:20px}.filter-actions .main-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.filter-actions .divider-strong{height:1px;width:100%;margin-top:20px;margin-bottom:16px;background:linear-gradient(90deg,#e2e2e2 70%,transparent 70%);background-size:4px 1px;background-repeat:repeat-x}.filter-actions .close-action-wrapper{display:flex;justify-content:center;width:100%}.filter-actions .close-action{display:inline-flex;align-items:center;gap:8px}.filter-actions .close-action cura-button-transparent{padding:0;margin:0;background:transparent;border:none;color:inherit}.filter-actions cura-button-transparent{display:flex;justify-content:flex-start;text-align:left;flex:0 1 auto}.filter-actions cura-button{display:flex;justify-content:flex-start;text-align:left;flex:1 0 auto}@media screen and (max-width: 1024px){.filter-checkboxes:after{background-color:transparent}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: CuraLabelComponent, selector: "cura-label", inputs: ["size", "weight", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: CuraBadgeCounterComponent, selector: "cura-badge-counter", inputs: ["number", "color", "disabled", "type"] }, { kind: "component", type: CuraButtonTransparentComponent, selector: "cura-button-transparent", inputs: ["type", "size", "disabled", "isLoading", "iconName", "iconset", "iconPosition", "iconOnly", "href", "target", "color", "fontColor", "textAlign", "justify", "ariaLabel"], outputs: ["buttonClick"] }, { kind: "component", type: CuraInputTextComponent, selector: "cura-input-text", inputs: ["mode", "status", "size", "type", "inputMode", "label", "name", "placeholder", "value", "iconName", "disabled", "required", "maskPreset", "enableSelectionMode", "maskRegex", "maskAdvanced", "maxlength", "readOnly", "isLoading", "clearIcon", "hideErrorIcon", "autocomplete"], outputs: ["valueChange", "inputClear"] }, { kind: "component", type: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }, { kind: "component", type: CuraSelectComponent, selector: "cura-select", inputs: ["label", "placeholder", "value", "mode", "size", "iconName", "status", "disabled", "required", "searchBehavior", "caseSensitive", "maxHeight"], outputs: ["valueChange", "selected", "searchTermInput"] }, { kind: "component", type: CuraSelectOptionComponent, selector: "cura-select-option", inputs: ["value", "selected", "active", "size", "visible"], outputs: ["selectedChange", "activeChange", "sizeChange", "visibleChange"] }, { kind: "component", type: CuraHeadingComponent, selector: "cura-heading", inputs: ["level", "size", "weight", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: CuraCheckboxComponent, selector: "cura-checkbox", inputs: ["checked", "indeterminate", "status", "disabled", "required", "label", "ontabindex", "position", "value", "name", "size", "background", "iconColor", "color", "overflowLabel", "overflowHelper"], outputs: ["checkedChange", "indeterminateChange", "valueChange", "onchange"] }, { kind: "component", type: CuraRadioComponent, selector: "cura-radio", inputs: ["checked", "status", "disabled", "required", "label", "ontabindex", "position", "value", "name", "background", "size", "color", "isSquare", "overflowLabel", "overflowHelper"], outputs: ["checkedChange", "valueChange", "onchange"] }, { kind: "component", type: CuraButtonComponent, selector: "cura-button", inputs: ["type", "size", "disabled", "isLoading", "iconName", "iconset", "iconPosition", "iconOnly", "href", "target", "color", "background", "fontColor", "textAlign", "justify", "ariaLabel"], outputs: ["buttonClick"] }, { kind: "component", type: CuraParagraphComponent, selector: "cura-paragraph", inputs: ["size", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: FilterGenericComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: FilterGenericComponent, isStandalone: true, selector: "rdsite-filter-generic", inputs: { withContainerStyle: { classPropertyName: "withContainerStyle", publicName: "withContainerStyle", isSignal: true, isRequired: false, transformFunction: null }, showClearButton: { classPropertyName: "showClearButton", publicName: "showClearButton", isSignal: true, isRequired: false, transformFunction: null }, showApplyButton: { classPropertyName: "showApplyButton", publicName: "showApplyButton", isSignal: true, isRequired: false, transformFunction: null }, showCloseButton: { classPropertyName: "showCloseButton", publicName: "showCloseButton", isSignal: true, isRequired: false, transformFunction: null }, disableButtons: { classPropertyName: "disableButtons", publicName: "disableButtons", isSignal: true, isRequired: false, transformFunction: null }, showBadge: { classPropertyName: "showBadge", publicName: "showBadge", isSignal: true, isRequired: false, transformFunction: null }, showToggleIcon: { classPropertyName: "showToggleIcon", publicName: "showToggleIcon", isSignal: true, isRequired: false, transformFunction: null }, isFilterOpen: { classPropertyName: "isFilterOpen", publicName: "isFilterOpen", isSignal: true, isRequired: false, transformFunction: null }, mobileBehavior: { classPropertyName: "mobileBehavior", publicName: "mobileBehavior", isSignal: true, isRequired: false, transformFunction: null }, forceCollapsed: { classPropertyName: "forceCollapsed", publicName: "forceCollapsed", isSignal: true, isRequired: false, transformFunction: null }, emitOnReset: { classPropertyName: "emitOnReset", publicName: "emitOnReset", isSignal: true, isRequired: false, transformFunction: null }, textTitle: { classPropertyName: "textTitle", publicName: "textTitle", isSignal: true, isRequired: false, transformFunction: null }, sections: { classPropertyName: "sections", publicName: "sections", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filterChange: "filterChange", closeModal: "closeModal", openMobileFilter: "openMobileFilter", isFilterOpen: "isFilterOpenChange" }, host: { properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "<div\n  class=\"filter-generic\"\n  [ngClass]=\"{ 'container-style': withContainerStyle(), 'clickable-mobile': shouldHandleMobileClick() }\"\n  aria-label=\"Filtros\"\n  (click)=\"handleMobileClick()\"\n>\n  <div class=\"filter-header-container\" [ngClass]=\"{ 'no-padding': !isFilterOpen(), hidden: !isFilterOpen() }\">\n    <div class=\"filter-title-wrapper\">\n      <cura-label size=\"medium\" level=\"4\" color=\"neutral-black\" weight=\"regular\" marginBlock=\"0\" lineHeight=\"16px\">\n        {{ textTitle() }}\n      </cura-label>\n\n      @if (showBadge()) {\n        <cura-badge-counter\n          [type]=\"'solid'\"\n          [color]=\"hasSelection() ? 'primary' : 'neutral'\"\n          [number]=\"selectedFiltersCount()\"\n          class=\"filter-badge\"\n        ></cura-badge-counter>\n      }\n    </div>\n\n    @if (showToggleIcon()) {\n      <cura-button-transparent\n        size=\"small\"\n        fontColor=\"dark\"\n        color=\"primary\"\n        textAlign=\"center\"\n        (click)=\"toggleFilter()\"\n        [attr.aria-expanded]=\"isFilterOpen()\"\n        [ariaLabel]=\"isFilterOpen() ? 'Fechar filtros' : 'Abrir filtros'\"\n      >\n        <cura-icon [name]=\"isFilterOpen() ? 'up' : 'down'\" size=\"16\" class=\"filter-icon\" color=\"primary-dark\"></cura-icon>\n      </cura-button-transparent>\n    }\n  </div>\n\n  <div class=\"filter-content\" [class.hidden]=\"!isFilterOpen() || (forceCollapsed() && isMobile())\">\n    @for (section of sections(); track section.type) {\n      @if (section.visible !== false) {\n        <div class=\"filter-section\">\n          @switch (section.type) {\n            @case ('input') {\n              <cura-input-text\n                [placeholder]=\"section.config.placeholder || ''\"\n                [name]=\"section.config.name || ''\"\n                [iconName]=\"section.config.iconName || ''\"\n                [value]=\"section.config.control.value\"\n                (valueChange)=\"handleInputChange($event, section.config.control)\"\n              ></cura-input-text>\n            }\n            @case ('select') {\n              <cura-select\n                [label]=\"section.config.label || ''\"\n                [placeholder]=\"section.config.placeholder || ''\"\n                [value]=\"section.config.control.value\"\n                (selected)=\"handleSelectChange($event, section.config.control)\"\n              >\n                @if (section.config.includeDefaultOption) {\n                  <cura-select-option [value]=\"''\">{{ section.config.defaultOptionText || 'Fa\u00E7a a sua Sele\u00E7\u00E3o' }}</cura-select-option>\n                }\n                @for (option of section.config.options || []; track option?.value) {\n                  <cura-select-option [value]=\"option?.value\">{{ option?.label }}</cura-select-option>\n                }\n              </cura-select>\n            }\n            @case ('checkbox-group') {\n              @if (section.config.title) {\n                <div class=\"filter-header\">\n                  <cura-icon name=\"filter\" size=\"20\" color=\"info-dark\"></cura-icon>\n                  <cura-heading size=\"xsmall\" [level]=\"5\" weight=\"bold\" color=\"neutral-black\" marginBlock=\"0\" lineHeight=\"16px\">\n                    {{ section.config.title }}\n                  </cura-heading>\n                </div>\n              }\n\n              @if (section.config.subtitle) {\n                <div class=\"filter-subtitle\">\n                  <cura-heading size=\"xsmall\" weight=\"bold\" color=\"neutral-black\" marginBlock=\"0\">\n                    {{ section.config.subtitle }}\n                  </cura-heading>\n                </div>\n              }\n\n              @if (section.config.description) {\n                <div class=\"filter-description\">\n                  <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" marginBlock=\"0\">\n                    {{ section.config.description }}\n                  </cura-paragraph>\n                </div>\n              }\n\n              <div class=\"filter-checkboxes\" [class.scrollable]=\"hasScroll(section)\">\n                @for (option of section.config.options || []; track option.value) {\n                  <cura-checkbox\n                    color=\"primary\"\n                    size=\"small\"\n                    iconColor=\"light\"\n                    [name]=\"option.label\"\n                    [label]=\"option.label\"\n                    [value]=\"option.value\"\n                    [checked]=\"option.checked || false\"\n                    (onchange)=\"handleCheckboxChange($event, section.config.options)\"\n                  ></cura-checkbox>\n                }\n              </div>\n            }\n            @case ('radio-group') {\n              <div class=\"filter-radios\" [class.scrollable]=\"hasScroll(section)\">\n                @for (option of section.config.options || []; track option?.value) {\n                  <cura-radio\n                    [name]=\"section.config.name || 'radio-group'\"\n                    [label]=\"option.label\"\n                    [value]=\"option.value\"\n                    [checked]=\"getRadioGroupValue(section.config.control) === option.value\"\n                    (onchange)=\"handleRadioChange($event, section.config.control)\"\n                  ></cura-radio>\n                }\n              </div>\n            }\n            @case ('custom') {\n              <ng-container *ngTemplateOutlet=\"section.config.template\"></ng-container>\n            }\n          }\n        </div>\n      }\n    }\n  </div>\n\n  <div class=\"filter-actions\" [class.hidden]=\"!isFilterOpen() || (forceCollapsed() && isMobile())\">\n    <div class=\"main-actions\">\n      @if (showClearButton()) {\n        <cura-button-transparent\n          size=\"small\"\n          fontColor=\"dark\"\n          color=\"primary\"\n          textAlign=\"center\"\n          [disabled]=\"disableButtons() || !hasSelection()\"\n          (click)=\"reset()\"\n        >\n          <span>Limpar todos os filtros</span>\n        </cura-button-transparent>\n      }\n\n      @if (showApplyButton()) {\n        <cura-button\n          size=\"medium\"\n          fontColor=\"light\"\n          color=\"primary\"\n          textAlign=\"center\"\n          (click)=\"filter()\"\n          [disabled]=\"disableButtons() || !hasSelection()\"\n          class=\"filter-button\"\n        >\n          Filtrar\n        </cura-button>\n      }\n    </div>\n\n    @if (showCloseButton()) {\n      <div class=\"divider-strong\"></div>\n      <div class=\"close-action-wrapper\">\n        <div class=\"close-action\" (click)=\"close()\">\n          <cura-icon name=\"close\" color=\"error-dark\" size=\"small\"></cura-icon>\n          <cura-button-transparent type=\"button\" color=\"error\" target=\"_self\"> Fechar </cura-button-transparent>\n        </div>\n      </div>\n    }\n  </div>\n</div>\n", styles: [":host *{font-family:var(--font-family)}.filter-generic{display:flex;flex-direction:column;gap:18px}.filter-generic.clickable-mobile{cursor:pointer}.filter-generic.clickable-mobile:hover{background-color:var(--primary-lighter)}.filter-generic.container-style{width:100%;padding:20px;border-radius:12px;border:2px solid var(--neutral-lighter);background-color:var(--neutral-purewhite)}.filter-generic cura-loader-circle{display:flex;justify-content:center;align-items:center;width:100%;min-height:100px}.filter-header-container{display:flex;padding-bottom:12px;align-items:center}.filter-header-container.no-padding{padding-bottom:0}.filter-header-container .filter-title-wrapper{display:flex;align-items:center;justify-content:space-between;flex:1 0 0}.filter-header-container .filter-badge{display:flex;height:20px;min-width:20px;justify-content:center;align-items:center;gap:4px}.filter-header-container .filter-icon{display:block}.filter-content,.filter-actions{transition:all .3s ease}.filter-content.hidden,.filter-actions.hidden{display:none;height:0;overflow:hidden;opacity:0;margin:0;padding:0}.filter-section{display:flex;flex-direction:column;gap:24px}.filter-section .filter-header{display:flex;align-items:center;gap:14px}.filter-section .filter-subtitle{font-weight:500}.filter-section .filter-description{display:flex;flex-direction:column;gap:8px}.filter-section .filter-description:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:12px;grid-column:1/-1}.filter-section .filter-checkboxes{display:grid;grid-template-columns:repeat(2,1fr);gap:11px 0px}.filter-section .filter-checkboxes.scrollable{max-height:100px;overflow-y:auto;grid-template-columns:1fr;padding-right:8px;gap:12px}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar{width:8px}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar-thumb{background:var(--neutral-medium)}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar-thumb:hover{background:var(--primary-base)}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar-track{background:var(--neutral-opacity-black)}.filter-section .filter-checkboxes.scrollable:after{display:none}.filter-section .filter-radios{display:flex;flex-direction:column;gap:12px}.filter-section .filter-radios.scrollable{max-height:100px;overflow-y:auto;padding-right:8px;gap:8px}.filter-section .filter-radios.scrollable::-webkit-scrollbar{width:8px}.filter-section .filter-radios.scrollable::-webkit-scrollbar-thumb{background:var(--neutral-medium)}.filter-section .filter-radios.scrollable::-webkit-scrollbar-thumb:hover{background:var(--primary-base)}.filter-section .filter-radios.scrollable::-webkit-scrollbar-track{background:var(--neutral-opacity-black)}.filter-section .filter-radios.scrollable:after{display:none}@media screen and (max-width: 1024px){.filter-checkboxes.scrollable,.filter-radios.scrollable{max-height:100px}.filter-checkboxes:after{display:none;background-color:transparent}}.filter-actions{display:flex;flex-direction:column;gap:0}.filter-actions:before{content:\"\";display:block;width:100%;height:1px;background:linear-gradient(90deg,var(--neutral-light) 75%,transparent 15%);background-size:10px 1px;background-repeat:repeat-x;margin-bottom:20px}.filter-actions .main-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.filter-actions .divider-strong{height:1px;width:100%;margin-top:20px;margin-bottom:16px;background:linear-gradient(90deg,#e2e2e2 70%,transparent 70%);background-size:4px 1px;background-repeat:repeat-x}.filter-actions .close-action-wrapper{display:flex;justify-content:center;width:100%}.filter-actions .close-action{display:inline-flex;align-items:center;gap:8px}.filter-actions .close-action cura-button-transparent{padding:0;margin:0;background:transparent;border:none;color:inherit}.filter-actions cura-button-transparent{display:flex;justify-content:flex-start;text-align:left;flex:0 1 auto}.filter-actions cura-button{display:flex;justify-content:flex-start;text-align:left;flex:1 0 auto}@media screen and (max-width: 1024px){.filter-checkboxes:after{background-color:transparent}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: CuraLabelComponent, selector: "cura-label", inputs: ["size", "weight", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: CuraBadgeCounterComponent, selector: "cura-badge-counter", inputs: ["number", "color", "disabled", "type"] }, { kind: "component", type: CuraButtonTransparentComponent, selector: "cura-button-transparent", inputs: ["type", "size", "disabled", "isLoading", "iconName", "iconset", "iconPosition", "iconOnly", "href", "target", "color", "fontColor", "textAlign", "justify", "ariaLabel"], outputs: ["buttonClick"] }, { kind: "component", type: CuraInputTextComponent, selector: "cura-input-text", inputs: ["mode", "status", "size", "type", "inputMode", "label", "name", "placeholder", "value", "iconName", "disabled", "required", "maskPreset", "enableSelectionMode", "maskRegex", "maskAdvanced", "maxlength", "readOnly", "isLoading", "clearIcon", "hideErrorIcon", "autocomplete"], outputs: ["valueChange", "inputClear"] }, { kind: "component", type: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }, { kind: "component", type: CuraSelectComponent, selector: "cura-select", inputs: ["label", "placeholder", "value", "mode", "size", "iconName", "status", "disabled", "required", "searchBehavior", "caseSensitive", "maxHeight"], outputs: ["valueChange", "selected", "searchTermInput"] }, { kind: "component", type: CuraSelectOptionComponent, selector: "cura-select-option", inputs: ["value", "selected", "active", "size", "visible"], outputs: ["selectedChange", "activeChange", "sizeChange", "visibleChange"] }, { kind: "component", type: CuraHeadingComponent, selector: "cura-heading", inputs: ["level", "size", "weight", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: CuraCheckboxComponent, selector: "cura-checkbox", inputs: ["checked", "indeterminate", "status", "disabled", "required", "label", "ontabindex", "position", "value", "name", "size", "background", "iconColor", "color", "overflowLabel", "overflowHelper"], outputs: ["checkedChange", "indeterminateChange", "valueChange", "onchange"] }, { kind: "component", type: CuraRadioComponent, selector: "cura-radio", inputs: ["checked", "status", "disabled", "required", "label", "ontabindex", "position", "value", "name", "background", "size", "color", "isSquare", "overflowLabel", "overflowHelper"], outputs: ["checkedChange", "valueChange", "onchange"] }, { kind: "component", type: CuraButtonComponent, selector: "cura-button", inputs: ["type", "size", "disabled", "isLoading", "iconName", "iconset", "iconPosition", "iconOnly", "href", "target", "color", "background", "fontColor", "textAlign", "justify", "ariaLabel"], outputs: ["buttonClick"] }, { kind: "component", type: CuraParagraphComponent, selector: "cura-paragraph", inputs: ["size", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: FilterGenericComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: FilterGenericComponent, decorators: [{
             type: Component,
             args: [{ selector: 'rdsite-filter-generic', imports: [
                         CommonModule,

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

@@ -107,10 +107,10 @@ class FilterPlanosConveniosComponent {
         this.coberturas().forEach((cobertura) => (cobertura.checked = false));
         this.coberturaControl.reset(this.coberturas());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: FilterPlanosConveniosComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: FilterPlanosConveniosComponent, isStandalone: true, selector: "rdsite-filter-planos-convenios", inputs: { withContainerStyle: { classPropertyName: "withContainerStyle", publicName: "withContainerStyle", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, emitOnChange: { classPropertyName: "emitOnChange", publicName: "emitOnChange", isSignal: true, isRequired: false, transformFunction: null }, initialEstado: { classPropertyName: "initialEstado", publicName: "initialEstado", isSignal: true, isRequired: false, transformFunction: null }, estados: { classPropertyName: "estados", publicName: "estados", isSignal: true, isRequired: false, transformFunction: null }, coberturas: { classPropertyName: "coberturas", publicName: "coberturas", isSignal: true, isRequired: false, transformFunction: null }, unidadeControl: { classPropertyName: "unidadeControl", publicName: "unidadeControl", isSignal: true, isRequired: false, transformFunction: null }, estadoControl: { classPropertyName: "estadoControl", publicName: "estadoControl", isSignal: true, isRequired: false, transformFunction: null } }, 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\" marginBlock=\"0\" lineHeight=\"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        iconName=\"search\"\n        autocomplete=\"off\"\n        [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          [value]=\"estadoControl().value\"\n          (selected)=\"selectChange($event)\"\n        >\n          <cura-select-option [value]=\"''\">Fa\u00E7a a sua Sele\u00E7\u00E3o</cura-select-option>\n\n          @for (estado of estados() || []; track estado?.value) {\n            <cura-select-option [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\" marginBlock=\"0\" lineHeight=\"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\" marginBlock=\"0\" lineHeight=\"16px\"> Tipos de cobertura </cura-heading>\n      <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" marginBlock=\"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          iconColor=\"light\"\n          [name]=\"option.label\"\n          [label]=\"option.label\"\n          [value]=\"option.value\"\n          [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\" fontColor=\"dark\" textAlign=\"center\" (click)=\"reset()\">\n        <span> Limpar todos os filtros </span>\n      </cura-button-transparent>\n\n      <cura-button size=\"medium\" color=\"primary\" fontColor=\"light\" background=\"light\" textAlign=\"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: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: CuraHeadingComponent, selector: "cura-heading", inputs: ["level", "size", "weight", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: CuraInputTextComponent, selector: "cura-input-text", inputs: ["mode", "status", "size", "type", "inputMode", "label", "name", "placeholder", "value", "iconName", "disabled", "required", "maskPreset", "enableSelectionMode", "maskRegex", "maskAdvanced", "maxlength", "readOnly", "isLoading", "clearIcon", "hideErrorIcon", "autocomplete"], outputs: ["valueChange", "inputClear"] }, { kind: "component", type: CuraSelectComponent, selector: "cura-select", inputs: ["label", "placeholder", "value", "mode", "size", "iconName", "status", "disabled", "required", "searchBehavior", "caseSensitive", "maxHeight"], outputs: ["valueChange", "selected", "searchTermInput"] }, { kind: "component", type: CuraSelectOptionComponent, selector: "cura-select-option", inputs: ["value", "selected", "active", "size", "visible"], outputs: ["selectedChange", "activeChange", "sizeChange", "visibleChange"] }, { kind: "component", type: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }, { kind: "component", type: CuraParagraphComponent, selector: "cura-paragraph", inputs: ["size", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: CuraCheckboxComponent, selector: "cura-checkbox", inputs: ["checked", "indeterminate", "status", "disabled", "required", "label", "ontabindex", "position", "value", "name", "size", "background", "iconColor", "color", "overflowLabel", "overflowHelper"], outputs: ["checkedChange", "indeterminateChange", "valueChange", "onchange"] }, { kind: "component", type: CuraButtonTransparentComponent, selector: "cura-button-transparent", inputs: ["type", "size", "disabled", "isLoading", "iconName", "iconset", "iconPosition", "iconOnly", "href", "target", "color", "fontColor", "textAlign", "justify", "ariaLabel"], outputs: ["buttonClick"] }, { kind: "component", type: CuraButtonComponent, selector: "cura-button", inputs: ["type", "size", "disabled", "isLoading", "iconName", "iconset", "iconPosition", "iconOnly", "href", "target", "color", "background", "fontColor", "textAlign", "justify", "ariaLabel"], outputs: ["buttonClick"] }, { kind: "component", type: CuraLoaderCircleComponent, selector: "cura-loader-circle", inputs: ["size", "color"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: FilterPlanosConveniosComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: FilterPlanosConveniosComponent, isStandalone: true, selector: "rdsite-filter-planos-convenios", inputs: { withContainerStyle: { classPropertyName: "withContainerStyle", publicName: "withContainerStyle", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, emitOnChange: { classPropertyName: "emitOnChange", publicName: "emitOnChange", isSignal: true, isRequired: false, transformFunction: null }, initialEstado: { classPropertyName: "initialEstado", publicName: "initialEstado", isSignal: true, isRequired: false, transformFunction: null }, estados: { classPropertyName: "estados", publicName: "estados", isSignal: true, isRequired: false, transformFunction: null }, coberturas: { classPropertyName: "coberturas", publicName: "coberturas", isSignal: true, isRequired: false, transformFunction: null }, unidadeControl: { classPropertyName: "unidadeControl", publicName: "unidadeControl", isSignal: true, isRequired: false, transformFunction: null }, estadoControl: { classPropertyName: "estadoControl", publicName: "estadoControl", isSignal: true, isRequired: false, transformFunction: null } }, 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\" marginBlock=\"0\" lineHeight=\"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        iconName=\"search\"\n        autocomplete=\"off\"\n        [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          [value]=\"estadoControl().value\"\n          (selected)=\"selectChange($event)\"\n        >\n          <cura-select-option [value]=\"''\">Fa\u00E7a a sua Sele\u00E7\u00E3o</cura-select-option>\n\n          @for (estado of estados() || []; track estado?.value) {\n            <cura-select-option [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\" marginBlock=\"0\" lineHeight=\"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\" marginBlock=\"0\" lineHeight=\"16px\"> Tipos de cobertura </cura-heading>\n      <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" marginBlock=\"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          iconColor=\"light\"\n          [name]=\"option.label\"\n          [label]=\"option.label\"\n          [value]=\"option.value\"\n          [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\" fontColor=\"dark\" textAlign=\"center\" (click)=\"reset()\">\n        <span> Limpar todos os filtros </span>\n      </cura-button-transparent>\n\n      <cura-button size=\"medium\" color=\"primary\" fontColor=\"light\" background=\"light\" textAlign=\"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: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: CuraHeadingComponent, selector: "cura-heading", inputs: ["level", "size", "weight", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: CuraInputTextComponent, selector: "cura-input-text", inputs: ["mode", "status", "size", "type", "inputMode", "label", "name", "placeholder", "value", "iconName", "disabled", "required", "maskPreset", "enableSelectionMode", "maskRegex", "maskAdvanced", "maxlength", "readOnly", "isLoading", "clearIcon", "hideErrorIcon", "autocomplete"], outputs: ["valueChange", "inputClear"] }, { kind: "component", type: CuraSelectComponent, selector: "cura-select", inputs: ["label", "placeholder", "value", "mode", "size", "iconName", "status", "disabled", "required", "searchBehavior", "caseSensitive", "maxHeight"], outputs: ["valueChange", "selected", "searchTermInput"] }, { kind: "component", type: CuraSelectOptionComponent, selector: "cura-select-option", inputs: ["value", "selected", "active", "size", "visible"], outputs: ["selectedChange", "activeChange", "sizeChange", "visibleChange"] }, { kind: "component", type: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }, { kind: "component", type: CuraParagraphComponent, selector: "cura-paragraph", inputs: ["size", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: CuraCheckboxComponent, selector: "cura-checkbox", inputs: ["checked", "indeterminate", "status", "disabled", "required", "label", "ontabindex", "position", "value", "name", "size", "background", "iconColor", "color", "overflowLabel", "overflowHelper"], outputs: ["checkedChange", "indeterminateChange", "valueChange", "onchange"] }, { kind: "component", type: CuraButtonTransparentComponent, selector: "cura-button-transparent", inputs: ["type", "size", "disabled", "isLoading", "iconName", "iconset", "iconPosition", "iconOnly", "href", "target", "color", "fontColor", "textAlign", "justify", "ariaLabel"], outputs: ["buttonClick"] }, { kind: "component", type: CuraButtonComponent, selector: "cura-button", inputs: ["type", "size", "disabled", "isLoading", "iconName", "iconset", "iconPosition", "iconOnly", "href", "target", "color", "background", "fontColor", "textAlign", "justify", "ariaLabel"], outputs: ["buttonClick"] }, { kind: "component", type: CuraLoaderCircleComponent, selector: "cura-loader-circle", inputs: ["size", "color"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: FilterPlanosConveniosComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: FilterPlanosConveniosComponent, decorators: [{
             type: Component,
             args: [{ selector: 'rdsite-filter-planos-convenios', imports: [
                         CommonModule,

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

@@ -181,14 +181,14 @@ class FooterComponent {
     footerCookieClicked(event) {
         this.footerCookieClick.emit(event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: FooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: FooterComponent, isStandalone: true, selector: "footer[sl-ftr]", inputs: { project: { classPropertyName: "project", publicName: "project", isSignal: true, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, disclaimer: { classPropertyName: "disclaimer", publicName: "disclaimer", isSignal: true, isRequired: false, transformFunction: null }, linkPrivacyFooter: { classPropertyName: "linkPrivacyFooter", publicName: "linkPrivacyFooter", isSignal: true, isRequired: false, transformFunction: null }, logo: { classPropertyName: "logo", publicName: "logo", isSignal: true, isRequired: false, transformFunction: null }, partnerLogo: { classPropertyName: "partnerLogo", publicName: "partnerLogo", isSignal: true, isRequired: false, transformFunction: null }, phone: { classPropertyName: "phone", publicName: "phone", isSignal: true, isRequired: false, transformFunction: null }, dora: { classPropertyName: "dora", publicName: "dora", isSignal: true, isRequired: false, transformFunction: null }, socialMenu: { classPropertyName: "socialMenu", publicName: "socialMenu", isSignal: true, isRequired: false, transformFunction: null }, logoWidth: { classPropertyName: "logoWidth", publicName: "logoWidth", isSignal: true, isRequired: false, transformFunction: null }, footerMenu: { classPropertyName: "footerMenu", publicName: "footerMenu", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { footerPrivacyClick: "footerPrivacyClick", footerCookieClick: "footerCookieClick", footerSocialMediaClick: "footerSocialMediaClick", footerMenuItemClick: "footerMenuItemClick" }, host: { properties: { "style.--font-family": "this.curaApiService.theme.fonts.getFamily()" } }, ngImport: i0, template: "<div class=\"sl-ftr-content\">\n  <div>\n    <div class=\"sl-ftr-contact\" [class.starTheme]=\"theme() === 'star'\">\n      <div class=\"logos\">\n        @if (logo()) {\n          <div class=\"logo\">\n            <img [src]=\"logo()?.url\" [alt]=\"logo()?.alt\" [title]=\"logo()?.title\" loading=\"lazy\" fetchpriority=\"low\" />\n          </div>\n        }\n        @if (partnerLogo()) {\n          <div class=\"partner-logo\">\n            <img [src]=\"partnerLogo()?.url\" [alt]=\"partnerLogo()?.alt\" [title]=\"partnerLogo()?.title\" loading=\"lazy\" fetchpriority=\"low\" />\n          </div>\n        }\n      </div>\n      <div class=\"phones\">\n        @if (dora().number && dora().link) {\n          <div class=\"dora\">\n            <div\n              class=\"img\"\n              [style.background-image]=\"dora().imgUrl ? 'url(' + dora().imgUrl + ')' : 'url(' + assetsPath() + '/imgs/bg_dora_whatsapp.webp)'\"\n            ></div>\n            <span class=\"label\">\n              <p>Fale com a Dora</p>\n              <a rdsitelink [href]=\"dora().link\">\n                {{ dora().number }}\n              </a>\n            </span>\n          </div>\n        }\n        @if (phone()) {\n          <div class=\"phone\" [class.before]=\"dora().number && dora().link\">\n            <div class=\"svg\">\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n                <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#phone'\"></use>\n              </svg>\n            </div>\n            <span class=\"label\">\n              <p>{{ theme() === 'star' ? 'Concierge' : 'Central' }}</p>\n              <a rdsitelink href=\"tel:{{ phone() }}\">\n                {{ phone() }}\n              </a>\n            </span>\n          </div>\n        }\n      </div>\n    </div>\n\n    <nav class=\"sl-ftr-medias\" [class.starTheme]=\"theme() === 'star'\">\n      <ul>\n        @for (social of socialMenu(); track social.title) {\n          <li>\n            <a [href]=\"social.link\" rdsitelink [title]=\"social.title\" (click)=\"footerSocialMediaClicked($event)\">\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n                <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + social.icon\"></use>\n              </svg>\n            </a>\n          </li>\n        }\n      </ul>\n    </nav>\n  </div>\n\n  <div class=\"content-menu\">\n    @if (footerMenu().length) {\n      <div class=\"sl-ftr-menu\">\n        <nav>\n          <ul class=\"sl-ftr-menu-list\">\n            @for (menu of footerMenu(); track menu.title) {\n              <li class=\"sl-ftr-menu-list-item\">\n                @if (menu.title) {\n                  <div class=\"sl-ftr-menu-item\" [ngClass]=\"{ 'have-children': menu.children?.length }\" (click)=\"toggleSubMenu($event, menu)\">\n                    <a\n                      class=\"sl-ftr-menu-item-link\"\n                      [href]=\"menu.url\"\n                      rdsitelink\n                      [title]=\"menu.title\"\n                      (click)=\"toggleSubMenu($event, menu); footerMenuItemClicked($event)\"\n                    >\n                      {{ menu.title }}\n                    </a>\n\n                    @if (menu.children?.length) {\n                      <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n                        <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + (menu.active ? 'up' : 'down')\"></use>\n                      </svg>\n                    }\n                  </div>\n\n                  @if (menu.children?.length) {\n                    <ul class=\"sl-ftr-menu-item-children\" [ngClass]=\"{ closed: !menu.active }\">\n                      @for (submenu of menu.children; track submenu.title) {\n                        <li class=\"sl-ftr-menu-item-children-item\">\n                          <div class=\"sl-ftr-menu-item alt\">\n                            <a class=\"sl-ftr-menu-item-link\" [href]=\"submenu.url\" rdsitelink [title]=\"submenu.title\" (click)=\"footerMenuItemClicked($event)\">\n                              {{ submenu.title }}\n                            </a>\n                          </div>\n                        </li>\n                      }\n                    </ul>\n                  }\n                }\n              </li>\n            }\n          </ul>\n        </nav>\n      </div>\n    }\n  </div>\n</div>\n\n<div class=\"sl-ftr-disc\">\n  <div class=\"disc-content\">\n    <div class=\"disc-content-copy\">\u00A9{{ currentYear }} {{ disclaimer() }}</div>\n    <ul class=\"disc-content-links\">\n      <li>\n        <a [href]=\"linkPrivacyFooter() || '#'\" target=\"_blank\" data-testid=\"_avisoPrivacidade\" (click)=\"footerPrivacyClicked($event)\"> Aviso de Privacidade </a>\n      </li>\n      <li>\n        <button (click)=\"privacyTools.openCookieBanner(); footerCookieClicked($event)\" data-testid=\"_avisoCookies\">Aviso de Cookies</button>\n      </li>\n    </ul>\n  </div>\n</div>\n", styles: ["footer[sl-ftr]{min-height:530px;background-color:var(--ftr-bg-color);display:grid!important;grid-template-areas:\". . .\" \". content .\" \". . .\" \"disc disc disc\";grid-template-columns:minmax(10%,1fr) minmax(auto,1229.4px) minmax(10%,1fr);grid-template-rows:48px 1fr 48px auto}footer[sl-ftr] *{font-family:var(--font-family)!important}footer[sl-ftr] svg{stroke:#fff;stroke-width:2.25px;fill:none}footer[sl-ftr] .sl-ftr-content{grid-area:content;display:flex;flex-direction:column;align-items:flex-start;gap:32px}footer[sl-ftr] .sl-ftr-content .content-menu{width:100%}footer[sl-ftr] .sl-ftr-disc{grid-area:disc}@media only screen and (min-width: 1024px){footer[sl-ftr]{grid-template-columns:minmax(5%,1fr) minmax(auto,1229.4px) minmax(5%,1fr)}footer[sl-ftr] .sl-ftr-content{flex-direction:row;gap:44px}}.sl-ftr-menu{display:flex;flex-direction:column;padding-top:20px}.sl-ftr-menu nav{width:100%;height:auto;flex:auto;column-count:unset}@media only screen and (min-width: 1024px){.sl-ftr-menu{flex-direction:row}.sl-ftr-menu nav{flex:3 1 0;column-count:3}}a.sl-ftr-menu-item-link{text-align:left;padding:8px 0;text-decoration:none;font-style:normal}.sl-ftr-menu-list{list-style:none}.sl-ftr-menu-list .sl-ftr-menu-item{display:flex;align-items:center;justify-content:space-between;background-color:transparent;width:auto;cursor:pointer}.sl-ftr-menu-list .sl-ftr-menu-item a.sl-ftr-menu-item-link{color:var(--ftr-color);font-size:14px;font-weight:500;line-height:16px;min-height:35px;letter-spacing:.56px}.sl-ftr-menu-list .sl-ftr-menu-item:hover a{color:var(--ftr-menu-hover-color)}.sl-ftr-menu-list .sl-ftr-menu-item:hover svg{stroke:var(--ftr-menu-hover-color)!important}.sl-ftr-menu-list .sl-ftr-menu-item:active a{color:var(--ftr-menu-active-color)}.sl-ftr-menu-list .sl-ftr-menu-item:active svg{stroke:var(--ftr-menu-active-color)!important}.sl-ftr-menu-list .sl-ftr-menu-item.alt a.sl-ftr-menu-item-link{color:var(--ftr-alt-color);font-size:12px;font-weight:300}.sl-ftr-menu-list .sl-ftr-menu-item.alt:hover a{color:var(--ftr-menu-alt-hover-color)}.sl-ftr-menu-list .sl-ftr-menu-item.alt:hover svg{stroke:var(--ftr-menu-alt-hover-color)!important}.sl-ftr-menu-list .sl-ftr-menu-item.alt:active a{color:var(--ftr-menu-alt-active-color)}.sl-ftr-menu-list .sl-ftr-menu-item.alt:active svg{stroke:var(--ftr-menu-alt-active-color)!important}.sl-ftr-menu-list .sl-ftr-menu-item.have-children{width:100%}.sl-ftr-menu-list .sl-ftr-menu-item svg{display:inline}.sl-ftr-menu-list .sl-ftr-menu-item-children{list-style:none}.sl-ftr-menu-list .sl-ftr-menu-item-children.closed{display:none}.sl-ftr-menu-list .sl-ftr-menu-item-children-item{margin:0 0 0 12px}@media only screen and (min-width: 1024px){.sl-ftr-menu-list .sl-ftr-menu-item svg{display:none}.sl-ftr-menu-list .sl-ftr-menu-item.have-children{width:auto}.sl-ftr-menu-list .sl-ftr-menu-item-children.closed{display:block}.sl-ftr-menu-list .sl-ftr-menu-item-children-item{margin:0 0 0 12px}}.sl-ftr-contact{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px 16px;margin-bottom:20px;width:100%;min-height:77px}.sl-ftr-contact img{width:var(--logo-width, 92px);height:50px;object-fit:contain}.sl-ftr-contact .logos .logo{display:contents}.sl-ftr-contact .logos .logo:after{content:\"\";width:1px;height:60px;background-color:var(--ftr-color)}.sl-ftr-contact .logos .partner-logo{display:contents}.sl-ftr-contact .phones{display:flex;width:100%;gap:12px}.sl-ftr-contact .phones .phone,.sl-ftr-contact .phones .dora{display:flex;gap:8px}.sl-ftr-contact .phones .phone .label p,.sl-ftr-contact .phones .dora .label p{color:#f6f6f6;font-size:12px;font-weight:500;line-height:16px;letter-spacing:.72px;padding-bottom:0}.sl-ftr-contact .phones .phone .label a,.sl-ftr-contact .phones .dora .label a{color:#f6f6f6;font-size:14px;font-weight:700;line-height:19px;letter-spacing:.56px;text-decoration:none}.sl-ftr-contact .phones .dora .img{display:block;width:32px;height:32px;background:#d3d3d3 50%/cover no-repeat;border-radius:50%;border:2px solid #448ecd}.sl-ftr-contact .phones .phone .svg{display:flex;justify-content:center;align-items:center;background:#003da5;border-radius:50%;width:32px;height:32px}.sl-ftr-contact .phones .phone.before:before{content:\"\";width:2px;background-color:#f6f6f6;margin-right:6px}@media only screen and (max-width: 1024px){.sl-ftr-contact .phones{flex-direction:column;gap:20px}.sl-ftr-contact .phones .phone.before:before{display:none}}@media only screen and (min-width: 1024px){.sl-ftr-contact{gap:20px 24px;width:328px}}.sl-ftr-contact.starTheme .logos .logo:after{background-color:#262626}.sl-ftr-contact.starTheme .phones .phone .label p,.sl-ftr-contact.starTheme .phones .dora .label p,.sl-ftr-contact.starTheme .phones .phone .label a,.sl-ftr-contact.starTheme .phones .dora .label a{color:#262626}.sl-ftr-contact.starTheme .phones .dora .img{border:2px solid #8b7063}.sl-ftr-contact.starTheme .phones .phone .svg{background:transparent}.sl-ftr-contact.starTheme .phones .phone .svg svg{stroke:#262626}.sl-ftr-contact.starTheme .phones .phone.before:before{content:\"\";background-color:#262626}nav.sl-ftr-medias ul{list-style:none;display:flex;gap:16px 0px;flex-wrap:wrap;width:100%}nav.sl-ftr-medias ul li{display:flex;justify-content:center;align-items:center;border-radius:100%;border:1px solid #ffffff;width:36px;height:36px;margin-right:12px}nav.sl-ftr-medias ul li a{display:flex;justify-content:center;align-items:center;border-radius:100%;width:36px;height:36px;text-decoration:none}@media only screen and (min-width: 361px){nav.sl-ftr-medias ul li{margin-right:15px}}@media only screen and (min-width: 1024px){nav.sl-ftr-medias ul{flex-wrap:nowrap}}nav.sl-ftr-medias.starTheme ul li{border:1px solid #262626}nav.sl-ftr-medias.starTheme ul li a svg{stroke:#262626}.sl-ftr-disc{background-color:var(--ftr-disc-bg-color);display:grid!important;grid-template-areas:\". disc-content .\";grid-template-columns:minmax(5%,1fr) minmax(auto,1229.4px) minmax(5%,1fr);grid-template-rows:auto}.sl-ftr-disc .disc-content{grid-area:disc-content;height:auto;padding:12px 0;display:flex;align-items:flex-start;justify-content:flex-start;gap:8px;flex-direction:column}.sl-ftr-disc .disc-content-copy{font-size:12px;font-style:normal;font-weight:500;text-transform:uppercase;color:var(--ftr-disc-color)}.sl-ftr-disc .disc-content-links{list-style:none;display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap;gap:0px 36px}.sl-ftr-disc .disc-content-links li a,.sl-ftr-disc .disc-content-links li button{font-size:12px;font-style:normal;font-weight:500;color:var(--ftr-disc-alt-color);text-decoration:none;cursor:pointer;background:transparent}@media only screen and (min-width: 1024px){.sl-ftr-disc .disc-content{height:40px;padding:0;align-items:center;flex-direction:row;gap:36px}.sl-ftr-disc .disc-content-links{gap:36px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: FooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: FooterComponent, isStandalone: true, selector: "footer[sl-ftr]", inputs: { project: { classPropertyName: "project", publicName: "project", isSignal: true, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, disclaimer: { classPropertyName: "disclaimer", publicName: "disclaimer", isSignal: true, isRequired: false, transformFunction: null }, linkPrivacyFooter: { classPropertyName: "linkPrivacyFooter", publicName: "linkPrivacyFooter", isSignal: true, isRequired: false, transformFunction: null }, logo: { classPropertyName: "logo", publicName: "logo", isSignal: true, isRequired: false, transformFunction: null }, partnerLogo: { classPropertyName: "partnerLogo", publicName: "partnerLogo", isSignal: true, isRequired: false, transformFunction: null }, phone: { classPropertyName: "phone", publicName: "phone", isSignal: true, isRequired: false, transformFunction: null }, dora: { classPropertyName: "dora", publicName: "dora", isSignal: true, isRequired: false, transformFunction: null }, socialMenu: { classPropertyName: "socialMenu", publicName: "socialMenu", isSignal: true, isRequired: false, transformFunction: null }, logoWidth: { classPropertyName: "logoWidth", publicName: "logoWidth", isSignal: true, isRequired: false, transformFunction: null }, footerMenu: { classPropertyName: "footerMenu", publicName: "footerMenu", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { footerPrivacyClick: "footerPrivacyClick", footerCookieClick: "footerCookieClick", footerSocialMediaClick: "footerSocialMediaClick", footerMenuItemClick: "footerMenuItemClick" }, host: { properties: { "style.--font-family": "this.curaApiService.theme.fonts.getFamily()" } }, ngImport: i0, template: "<div class=\"sl-ftr-content\">\n  <div>\n    <div class=\"sl-ftr-contact\" [class.starTheme]=\"theme() === 'star'\">\n      <div class=\"logos\">\n        @if (logo()) {\n          <div class=\"logo\">\n            <img [src]=\"logo()?.url\" [alt]=\"logo()?.alt\" [title]=\"logo()?.title\" loading=\"lazy\" fetchpriority=\"low\" />\n          </div>\n        }\n        @if (partnerLogo()) {\n          <div class=\"partner-logo\">\n            <img [src]=\"partnerLogo()?.url\" [alt]=\"partnerLogo()?.alt\" [title]=\"partnerLogo()?.title\" loading=\"lazy\" fetchpriority=\"low\" />\n          </div>\n        }\n      </div>\n      <div class=\"phones\">\n        @if (dora().number && dora().link) {\n          <div class=\"dora\">\n            <div\n              class=\"img\"\n              [style.background-image]=\"dora().imgUrl ? 'url(' + dora().imgUrl + ')' : 'url(' + assetsPath() + '/imgs/bg_dora_whatsapp.webp)'\"\n            ></div>\n            <span class=\"label\">\n              <p>Fale com a Dora</p>\n              <a rdsitelink [href]=\"dora().link\">\n                {{ dora().number }}\n              </a>\n            </span>\n          </div>\n        }\n        @if (phone()) {\n          <div class=\"phone\" [class.before]=\"dora().number && dora().link\">\n            <div class=\"svg\">\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n                <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#phone'\"></use>\n              </svg>\n            </div>\n            <span class=\"label\">\n              <p>{{ theme() === 'star' ? 'Concierge' : 'Central' }}</p>\n              <a rdsitelink href=\"tel:{{ phone() }}\">\n                {{ phone() }}\n              </a>\n            </span>\n          </div>\n        }\n      </div>\n    </div>\n\n    <nav class=\"sl-ftr-medias\" [class.starTheme]=\"theme() === 'star'\">\n      <ul>\n        @for (social of socialMenu(); track social.title) {\n          <li>\n            <a [href]=\"social.link\" rdsitelink [title]=\"social.title\" (click)=\"footerSocialMediaClicked($event)\">\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n                <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + social.icon\"></use>\n              </svg>\n            </a>\n          </li>\n        }\n      </ul>\n    </nav>\n  </div>\n\n  <div class=\"content-menu\">\n    @if (footerMenu().length) {\n      <div class=\"sl-ftr-menu\">\n        <nav>\n          <ul class=\"sl-ftr-menu-list\">\n            @for (menu of footerMenu(); track menu.title) {\n              <li class=\"sl-ftr-menu-list-item\">\n                @if (menu.title) {\n                  <div class=\"sl-ftr-menu-item\" [ngClass]=\"{ 'have-children': menu.children?.length }\" (click)=\"toggleSubMenu($event, menu)\">\n                    <a\n                      class=\"sl-ftr-menu-item-link\"\n                      [href]=\"menu.url\"\n                      rdsitelink\n                      [title]=\"menu.title\"\n                      (click)=\"toggleSubMenu($event, menu); footerMenuItemClicked($event)\"\n                    >\n                      {{ menu.title }}\n                    </a>\n\n                    @if (menu.children?.length) {\n                      <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n                        <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + (menu.active ? 'up' : 'down')\"></use>\n                      </svg>\n                    }\n                  </div>\n\n                  @if (menu.children?.length) {\n                    <ul class=\"sl-ftr-menu-item-children\" [ngClass]=\"{ closed: !menu.active }\">\n                      @for (submenu of menu.children; track submenu.title) {\n                        <li class=\"sl-ftr-menu-item-children-item\">\n                          <div class=\"sl-ftr-menu-item alt\">\n                            <a class=\"sl-ftr-menu-item-link\" [href]=\"submenu.url\" rdsitelink [title]=\"submenu.title\" (click)=\"footerMenuItemClicked($event)\">\n                              {{ submenu.title }}\n                            </a>\n                          </div>\n                        </li>\n                      }\n                    </ul>\n                  }\n                }\n              </li>\n            }\n          </ul>\n        </nav>\n      </div>\n    }\n  </div>\n</div>\n\n<div class=\"sl-ftr-disc\">\n  <div class=\"disc-content\">\n    <div class=\"disc-content-copy\">\u00A9{{ currentYear }} {{ disclaimer() }}</div>\n    <ul class=\"disc-content-links\">\n      <li>\n        <a [href]=\"linkPrivacyFooter() || '#'\" target=\"_blank\" data-testid=\"_avisoPrivacidade\" (click)=\"footerPrivacyClicked($event)\"> Aviso de Privacidade </a>\n      </li>\n      <li>\n        <button (click)=\"privacyTools.openCookieBanner(); footerCookieClicked($event)\" data-testid=\"_avisoCookies\">Aviso de Cookies</button>\n      </li>\n    </ul>\n  </div>\n</div>\n", styles: ["footer[sl-ftr]{min-height:530px;background-color:var(--ftr-bg-color);display:grid!important;grid-template-areas:\". . .\" \". content .\" \". . .\" \"disc disc disc\";grid-template-columns:minmax(10%,1fr) minmax(auto,1229.4px) minmax(10%,1fr);grid-template-rows:48px 1fr 48px auto}footer[sl-ftr] *{font-family:var(--font-family)!important}footer[sl-ftr] svg{stroke:var(--ftr-alt-color);stroke-width:2.25px;fill:none}footer[sl-ftr] .sl-ftr-content{grid-area:content;display:flex;flex-direction:column;align-items:flex-start;gap:32px}footer[sl-ftr] .sl-ftr-content .content-menu{width:100%}footer[sl-ftr] .sl-ftr-disc{grid-area:disc}@media only screen and (min-width: 1024px){footer[sl-ftr]{grid-template-columns:minmax(5%,1fr) minmax(auto,1229.4px) minmax(5%,1fr)}footer[sl-ftr] .sl-ftr-content{flex-direction:row;gap:44px}}.sl-ftr-menu{display:flex;flex-direction:column;padding-top:20px}.sl-ftr-menu nav{width:100%;height:auto;flex:auto;column-count:unset}@media only screen and (min-width: 1024px){.sl-ftr-menu{flex-direction:row}.sl-ftr-menu nav{flex:3 1 0;column-count:3}}a.sl-ftr-menu-item-link{text-align:left;padding:8px 0;text-decoration:none;font-style:normal}.sl-ftr-menu-list{list-style:none}.sl-ftr-menu-list .sl-ftr-menu-item{display:flex;align-items:center;justify-content:space-between;background-color:transparent;width:auto;cursor:pointer}.sl-ftr-menu-list .sl-ftr-menu-item a.sl-ftr-menu-item-link{color:var(--ftr-color);font-size:14px;font-weight:500;line-height:16px;min-height:35px;letter-spacing:.56px}.sl-ftr-menu-list .sl-ftr-menu-item:hover a{color:var(--ftr-menu-hover-color)}.sl-ftr-menu-list .sl-ftr-menu-item:hover svg{stroke:var(--ftr-menu-hover-color)!important}.sl-ftr-menu-list .sl-ftr-menu-item:active a{color:var(--ftr-menu-active-color)}.sl-ftr-menu-list .sl-ftr-menu-item:active svg{stroke:var(--ftr-menu-active-color)!important}.sl-ftr-menu-list .sl-ftr-menu-item.alt a.sl-ftr-menu-item-link{color:var(--ftr-alt-color);font-size:12px;font-weight:300}.sl-ftr-menu-list .sl-ftr-menu-item.alt:hover a{color:var(--ftr-menu-alt-hover-color)}.sl-ftr-menu-list .sl-ftr-menu-item.alt:hover svg{stroke:var(--ftr-menu-alt-hover-color)!important}.sl-ftr-menu-list .sl-ftr-menu-item.alt:active a{color:var(--ftr-menu-alt-active-color)}.sl-ftr-menu-list .sl-ftr-menu-item.alt:active svg{stroke:var(--ftr-menu-alt-active-color)!important}.sl-ftr-menu-list .sl-ftr-menu-item.have-children{width:100%}.sl-ftr-menu-list .sl-ftr-menu-item svg{display:inline}.sl-ftr-menu-list .sl-ftr-menu-item-children{list-style:none}.sl-ftr-menu-list .sl-ftr-menu-item-children.closed{display:none}.sl-ftr-menu-list .sl-ftr-menu-item-children-item{margin:0 0 0 12px}@media only screen and (min-width: 1024px){.sl-ftr-menu-list .sl-ftr-menu-item svg{display:none}.sl-ftr-menu-list .sl-ftr-menu-item.have-children{width:auto}.sl-ftr-menu-list .sl-ftr-menu-item-children.closed{display:block}.sl-ftr-menu-list .sl-ftr-menu-item-children-item{margin:0 0 0 12px}}.sl-ftr-contact{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px 16px;margin-bottom:20px;width:100%;min-height:77px}.sl-ftr-contact img{width:var(--logo-width, 92px);height:50px;object-fit:contain}.sl-ftr-contact .logos .logo{display:contents}.sl-ftr-contact .logos .logo:after{content:\"\";width:1px;height:60px;background-color:var(--ftr-color)}.sl-ftr-contact .logos .partner-logo{display:contents}.sl-ftr-contact .phones{display:flex;width:100%;gap:12px}.sl-ftr-contact .phones .phone,.sl-ftr-contact .phones .dora{display:flex;gap:8px}.sl-ftr-contact .phones .phone .label p,.sl-ftr-contact .phones .dora .label p{color:#f6f6f6;font-size:12px;font-weight:500;line-height:16px;letter-spacing:.72px;padding-bottom:0}.sl-ftr-contact .phones .phone .label a,.sl-ftr-contact .phones .dora .label a{color:#f6f6f6;font-size:14px;font-weight:700;line-height:19px;letter-spacing:.56px;text-decoration:none}.sl-ftr-contact .phones .dora .img{display:block;width:32px;height:32px;background:#d3d3d3 50%/cover no-repeat;border-radius:50%;border:2px solid #448ecd}.sl-ftr-contact .phones .phone .svg{display:flex;justify-content:center;align-items:center;background:#003da5;border-radius:50%;width:32px;height:32px}.sl-ftr-contact .phones .phone.before:before{content:\"\";width:2px;background-color:#f6f6f6;margin-right:6px}@media only screen and (max-width: 1024px){.sl-ftr-contact .phones{flex-direction:column;gap:20px}.sl-ftr-contact .phones .phone.before:before{display:none}}@media only screen and (min-width: 1024px){.sl-ftr-contact{gap:20px 24px;width:328px}}.sl-ftr-contact.starTheme .logos .logo:after{background-color:#262626}.sl-ftr-contact.starTheme .phones .phone .label p,.sl-ftr-contact.starTheme .phones .dora .label p,.sl-ftr-contact.starTheme .phones .phone .label a,.sl-ftr-contact.starTheme .phones .dora .label a{color:#262626}.sl-ftr-contact.starTheme .phones .dora .img{border:2px solid #8b7063}.sl-ftr-contact.starTheme .phones .phone .svg{background:transparent}.sl-ftr-contact.starTheme .phones .phone .svg svg{stroke:#262626}.sl-ftr-contact.starTheme .phones .phone.before:before{content:\"\";background-color:#262626}nav.sl-ftr-medias ul{list-style:none;display:flex;gap:16px 0px;flex-wrap:wrap;width:100%}nav.sl-ftr-medias ul li{display:flex;justify-content:center;align-items:center;border-radius:100%;border:1px solid #ffffff;width:36px;height:36px;margin-right:12px}nav.sl-ftr-medias ul li a{display:flex;justify-content:center;align-items:center;border-radius:100%;width:36px;height:36px;text-decoration:none}@media only screen and (min-width: 361px){nav.sl-ftr-medias ul li{margin-right:15px}}@media only screen and (min-width: 1024px){nav.sl-ftr-medias ul{flex-wrap:nowrap}}nav.sl-ftr-medias.starTheme ul li{border:1px solid #262626}nav.sl-ftr-medias.starTheme ul li a svg{stroke:#262626}.sl-ftr-disc{background-color:var(--ftr-disc-bg-color);display:grid!important;grid-template-areas:\". disc-content .\";grid-template-columns:minmax(5%,1fr) minmax(auto,1229.4px) minmax(5%,1fr);grid-template-rows:auto}.sl-ftr-disc .disc-content{grid-area:disc-content;height:auto;padding:12px 0;display:flex;align-items:flex-start;justify-content:flex-start;gap:8px;flex-direction:column}.sl-ftr-disc .disc-content-copy{font-size:12px;font-style:normal;font-weight:500;text-transform:uppercase;color:var(--ftr-disc-color)}.sl-ftr-disc .disc-content-links{list-style:none;display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap;gap:0px 36px}.sl-ftr-disc .disc-content-links li a,.sl-ftr-disc .disc-content-links li button{font-size:12px;font-style:normal;font-weight:500;color:var(--ftr-disc-alt-color);text-decoration:none;cursor:pointer;background:transparent}@media only screen and (min-width: 1024px){.sl-ftr-disc .disc-content{height:40px;padding:0;align-items:center;flex-direction:row;gap:36px}.sl-ftr-disc .disc-content-links{gap:36px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: FooterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: FooterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'footer[sl-ftr]', imports: [CommonModule, RdsiteLinkDirective], encapsulation: ViewEncapsulation.None, host: {
                         '[style.--font-family]': 'this.curaApiService.theme.fonts.getFamily()',
-                    }, template: "<div class=\"sl-ftr-content\">\n  <div>\n    <div class=\"sl-ftr-contact\" [class.starTheme]=\"theme() === 'star'\">\n      <div class=\"logos\">\n        @if (logo()) {\n          <div class=\"logo\">\n            <img [src]=\"logo()?.url\" [alt]=\"logo()?.alt\" [title]=\"logo()?.title\" loading=\"lazy\" fetchpriority=\"low\" />\n          </div>\n        }\n        @if (partnerLogo()) {\n          <div class=\"partner-logo\">\n            <img [src]=\"partnerLogo()?.url\" [alt]=\"partnerLogo()?.alt\" [title]=\"partnerLogo()?.title\" loading=\"lazy\" fetchpriority=\"low\" />\n          </div>\n        }\n      </div>\n      <div class=\"phones\">\n        @if (dora().number && dora().link) {\n          <div class=\"dora\">\n            <div\n              class=\"img\"\n              [style.background-image]=\"dora().imgUrl ? 'url(' + dora().imgUrl + ')' : 'url(' + assetsPath() + '/imgs/bg_dora_whatsapp.webp)'\"\n            ></div>\n            <span class=\"label\">\n              <p>Fale com a Dora</p>\n              <a rdsitelink [href]=\"dora().link\">\n                {{ dora().number }}\n              </a>\n            </span>\n          </div>\n        }\n        @if (phone()) {\n          <div class=\"phone\" [class.before]=\"dora().number && dora().link\">\n            <div class=\"svg\">\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n                <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#phone'\"></use>\n              </svg>\n            </div>\n            <span class=\"label\">\n              <p>{{ theme() === 'star' ? 'Concierge' : 'Central' }}</p>\n              <a rdsitelink href=\"tel:{{ phone() }}\">\n                {{ phone() }}\n              </a>\n            </span>\n          </div>\n        }\n      </div>\n    </div>\n\n    <nav class=\"sl-ftr-medias\" [class.starTheme]=\"theme() === 'star'\">\n      <ul>\n        @for (social of socialMenu(); track social.title) {\n          <li>\n            <a [href]=\"social.link\" rdsitelink [title]=\"social.title\" (click)=\"footerSocialMediaClicked($event)\">\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n                <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + social.icon\"></use>\n              </svg>\n            </a>\n          </li>\n        }\n      </ul>\n    </nav>\n  </div>\n\n  <div class=\"content-menu\">\n    @if (footerMenu().length) {\n      <div class=\"sl-ftr-menu\">\n        <nav>\n          <ul class=\"sl-ftr-menu-list\">\n            @for (menu of footerMenu(); track menu.title) {\n              <li class=\"sl-ftr-menu-list-item\">\n                @if (menu.title) {\n                  <div class=\"sl-ftr-menu-item\" [ngClass]=\"{ 'have-children': menu.children?.length }\" (click)=\"toggleSubMenu($event, menu)\">\n                    <a\n                      class=\"sl-ftr-menu-item-link\"\n                      [href]=\"menu.url\"\n                      rdsitelink\n                      [title]=\"menu.title\"\n                      (click)=\"toggleSubMenu($event, menu); footerMenuItemClicked($event)\"\n                    >\n                      {{ menu.title }}\n                    </a>\n\n                    @if (menu.children?.length) {\n                      <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n                        <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + (menu.active ? 'up' : 'down')\"></use>\n                      </svg>\n                    }\n                  </div>\n\n                  @if (menu.children?.length) {\n                    <ul class=\"sl-ftr-menu-item-children\" [ngClass]=\"{ closed: !menu.active }\">\n                      @for (submenu of menu.children; track submenu.title) {\n                        <li class=\"sl-ftr-menu-item-children-item\">\n                          <div class=\"sl-ftr-menu-item alt\">\n                            <a class=\"sl-ftr-menu-item-link\" [href]=\"submenu.url\" rdsitelink [title]=\"submenu.title\" (click)=\"footerMenuItemClicked($event)\">\n                              {{ submenu.title }}\n                            </a>\n                          </div>\n                        </li>\n                      }\n                    </ul>\n                  }\n                }\n              </li>\n            }\n          </ul>\n        </nav>\n      </div>\n    }\n  </div>\n</div>\n\n<div class=\"sl-ftr-disc\">\n  <div class=\"disc-content\">\n    <div class=\"disc-content-copy\">\u00A9{{ currentYear }} {{ disclaimer() }}</div>\n    <ul class=\"disc-content-links\">\n      <li>\n        <a [href]=\"linkPrivacyFooter() || '#'\" target=\"_blank\" data-testid=\"_avisoPrivacidade\" (click)=\"footerPrivacyClicked($event)\"> Aviso de Privacidade </a>\n      </li>\n      <li>\n        <button (click)=\"privacyTools.openCookieBanner(); footerCookieClicked($event)\" data-testid=\"_avisoCookies\">Aviso de Cookies</button>\n      </li>\n    </ul>\n  </div>\n</div>\n", styles: ["footer[sl-ftr]{min-height:530px;background-color:var(--ftr-bg-color);display:grid!important;grid-template-areas:\". . .\" \". content .\" \". . .\" \"disc disc disc\";grid-template-columns:minmax(10%,1fr) minmax(auto,1229.4px) minmax(10%,1fr);grid-template-rows:48px 1fr 48px auto}footer[sl-ftr] *{font-family:var(--font-family)!important}footer[sl-ftr] svg{stroke:#fff;stroke-width:2.25px;fill:none}footer[sl-ftr] .sl-ftr-content{grid-area:content;display:flex;flex-direction:column;align-items:flex-start;gap:32px}footer[sl-ftr] .sl-ftr-content .content-menu{width:100%}footer[sl-ftr] .sl-ftr-disc{grid-area:disc}@media only screen and (min-width: 1024px){footer[sl-ftr]{grid-template-columns:minmax(5%,1fr) minmax(auto,1229.4px) minmax(5%,1fr)}footer[sl-ftr] .sl-ftr-content{flex-direction:row;gap:44px}}.sl-ftr-menu{display:flex;flex-direction:column;padding-top:20px}.sl-ftr-menu nav{width:100%;height:auto;flex:auto;column-count:unset}@media only screen and (min-width: 1024px){.sl-ftr-menu{flex-direction:row}.sl-ftr-menu nav{flex:3 1 0;column-count:3}}a.sl-ftr-menu-item-link{text-align:left;padding:8px 0;text-decoration:none;font-style:normal}.sl-ftr-menu-list{list-style:none}.sl-ftr-menu-list .sl-ftr-menu-item{display:flex;align-items:center;justify-content:space-between;background-color:transparent;width:auto;cursor:pointer}.sl-ftr-menu-list .sl-ftr-menu-item a.sl-ftr-menu-item-link{color:var(--ftr-color);font-size:14px;font-weight:500;line-height:16px;min-height:35px;letter-spacing:.56px}.sl-ftr-menu-list .sl-ftr-menu-item:hover a{color:var(--ftr-menu-hover-color)}.sl-ftr-menu-list .sl-ftr-menu-item:hover svg{stroke:var(--ftr-menu-hover-color)!important}.sl-ftr-menu-list .sl-ftr-menu-item:active a{color:var(--ftr-menu-active-color)}.sl-ftr-menu-list .sl-ftr-menu-item:active svg{stroke:var(--ftr-menu-active-color)!important}.sl-ftr-menu-list .sl-ftr-menu-item.alt a.sl-ftr-menu-item-link{color:var(--ftr-alt-color);font-size:12px;font-weight:300}.sl-ftr-menu-list .sl-ftr-menu-item.alt:hover a{color:var(--ftr-menu-alt-hover-color)}.sl-ftr-menu-list .sl-ftr-menu-item.alt:hover svg{stroke:var(--ftr-menu-alt-hover-color)!important}.sl-ftr-menu-list .sl-ftr-menu-item.alt:active a{color:var(--ftr-menu-alt-active-color)}.sl-ftr-menu-list .sl-ftr-menu-item.alt:active svg{stroke:var(--ftr-menu-alt-active-color)!important}.sl-ftr-menu-list .sl-ftr-menu-item.have-children{width:100%}.sl-ftr-menu-list .sl-ftr-menu-item svg{display:inline}.sl-ftr-menu-list .sl-ftr-menu-item-children{list-style:none}.sl-ftr-menu-list .sl-ftr-menu-item-children.closed{display:none}.sl-ftr-menu-list .sl-ftr-menu-item-children-item{margin:0 0 0 12px}@media only screen and (min-width: 1024px){.sl-ftr-menu-list .sl-ftr-menu-item svg{display:none}.sl-ftr-menu-list .sl-ftr-menu-item.have-children{width:auto}.sl-ftr-menu-list .sl-ftr-menu-item-children.closed{display:block}.sl-ftr-menu-list .sl-ftr-menu-item-children-item{margin:0 0 0 12px}}.sl-ftr-contact{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px 16px;margin-bottom:20px;width:100%;min-height:77px}.sl-ftr-contact img{width:var(--logo-width, 92px);height:50px;object-fit:contain}.sl-ftr-contact .logos .logo{display:contents}.sl-ftr-contact .logos .logo:after{content:\"\";width:1px;height:60px;background-color:var(--ftr-color)}.sl-ftr-contact .logos .partner-logo{display:contents}.sl-ftr-contact .phones{display:flex;width:100%;gap:12px}.sl-ftr-contact .phones .phone,.sl-ftr-contact .phones .dora{display:flex;gap:8px}.sl-ftr-contact .phones .phone .label p,.sl-ftr-contact .phones .dora .label p{color:#f6f6f6;font-size:12px;font-weight:500;line-height:16px;letter-spacing:.72px;padding-bottom:0}.sl-ftr-contact .phones .phone .label a,.sl-ftr-contact .phones .dora .label a{color:#f6f6f6;font-size:14px;font-weight:700;line-height:19px;letter-spacing:.56px;text-decoration:none}.sl-ftr-contact .phones .dora .img{display:block;width:32px;height:32px;background:#d3d3d3 50%/cover no-repeat;border-radius:50%;border:2px solid #448ecd}.sl-ftr-contact .phones .phone .svg{display:flex;justify-content:center;align-items:center;background:#003da5;border-radius:50%;width:32px;height:32px}.sl-ftr-contact .phones .phone.before:before{content:\"\";width:2px;background-color:#f6f6f6;margin-right:6px}@media only screen and (max-width: 1024px){.sl-ftr-contact .phones{flex-direction:column;gap:20px}.sl-ftr-contact .phones .phone.before:before{display:none}}@media only screen and (min-width: 1024px){.sl-ftr-contact{gap:20px 24px;width:328px}}.sl-ftr-contact.starTheme .logos .logo:after{background-color:#262626}.sl-ftr-contact.starTheme .phones .phone .label p,.sl-ftr-contact.starTheme .phones .dora .label p,.sl-ftr-contact.starTheme .phones .phone .label a,.sl-ftr-contact.starTheme .phones .dora .label a{color:#262626}.sl-ftr-contact.starTheme .phones .dora .img{border:2px solid #8b7063}.sl-ftr-contact.starTheme .phones .phone .svg{background:transparent}.sl-ftr-contact.starTheme .phones .phone .svg svg{stroke:#262626}.sl-ftr-contact.starTheme .phones .phone.before:before{content:\"\";background-color:#262626}nav.sl-ftr-medias ul{list-style:none;display:flex;gap:16px 0px;flex-wrap:wrap;width:100%}nav.sl-ftr-medias ul li{display:flex;justify-content:center;align-items:center;border-radius:100%;border:1px solid #ffffff;width:36px;height:36px;margin-right:12px}nav.sl-ftr-medias ul li a{display:flex;justify-content:center;align-items:center;border-radius:100%;width:36px;height:36px;text-decoration:none}@media only screen and (min-width: 361px){nav.sl-ftr-medias ul li{margin-right:15px}}@media only screen and (min-width: 1024px){nav.sl-ftr-medias ul{flex-wrap:nowrap}}nav.sl-ftr-medias.starTheme ul li{border:1px solid #262626}nav.sl-ftr-medias.starTheme ul li a svg{stroke:#262626}.sl-ftr-disc{background-color:var(--ftr-disc-bg-color);display:grid!important;grid-template-areas:\". disc-content .\";grid-template-columns:minmax(5%,1fr) minmax(auto,1229.4px) minmax(5%,1fr);grid-template-rows:auto}.sl-ftr-disc .disc-content{grid-area:disc-content;height:auto;padding:12px 0;display:flex;align-items:flex-start;justify-content:flex-start;gap:8px;flex-direction:column}.sl-ftr-disc .disc-content-copy{font-size:12px;font-style:normal;font-weight:500;text-transform:uppercase;color:var(--ftr-disc-color)}.sl-ftr-disc .disc-content-links{list-style:none;display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap;gap:0px 36px}.sl-ftr-disc .disc-content-links li a,.sl-ftr-disc .disc-content-links li button{font-size:12px;font-style:normal;font-weight:500;color:var(--ftr-disc-alt-color);text-decoration:none;cursor:pointer;background:transparent}@media only screen and (min-width: 1024px){.sl-ftr-disc .disc-content{height:40px;padding:0;align-items:center;flex-direction:row;gap:36px}.sl-ftr-disc .disc-content-links{gap:36px}}\n"] }]
+                    }, template: "<div class=\"sl-ftr-content\">\n  <div>\n    <div class=\"sl-ftr-contact\" [class.starTheme]=\"theme() === 'star'\">\n      <div class=\"logos\">\n        @if (logo()) {\n          <div class=\"logo\">\n            <img [src]=\"logo()?.url\" [alt]=\"logo()?.alt\" [title]=\"logo()?.title\" loading=\"lazy\" fetchpriority=\"low\" />\n          </div>\n        }\n        @if (partnerLogo()) {\n          <div class=\"partner-logo\">\n            <img [src]=\"partnerLogo()?.url\" [alt]=\"partnerLogo()?.alt\" [title]=\"partnerLogo()?.title\" loading=\"lazy\" fetchpriority=\"low\" />\n          </div>\n        }\n      </div>\n      <div class=\"phones\">\n        @if (dora().number && dora().link) {\n          <div class=\"dora\">\n            <div\n              class=\"img\"\n              [style.background-image]=\"dora().imgUrl ? 'url(' + dora().imgUrl + ')' : 'url(' + assetsPath() + '/imgs/bg_dora_whatsapp.webp)'\"\n            ></div>\n            <span class=\"label\">\n              <p>Fale com a Dora</p>\n              <a rdsitelink [href]=\"dora().link\">\n                {{ dora().number }}\n              </a>\n            </span>\n          </div>\n        }\n        @if (phone()) {\n          <div class=\"phone\" [class.before]=\"dora().number && dora().link\">\n            <div class=\"svg\">\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n                <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#phone'\"></use>\n              </svg>\n            </div>\n            <span class=\"label\">\n              <p>{{ theme() === 'star' ? 'Concierge' : 'Central' }}</p>\n              <a rdsitelink href=\"tel:{{ phone() }}\">\n                {{ phone() }}\n              </a>\n            </span>\n          </div>\n        }\n      </div>\n    </div>\n\n    <nav class=\"sl-ftr-medias\" [class.starTheme]=\"theme() === 'star'\">\n      <ul>\n        @for (social of socialMenu(); track social.title) {\n          <li>\n            <a [href]=\"social.link\" rdsitelink [title]=\"social.title\" (click)=\"footerSocialMediaClicked($event)\">\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n                <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + social.icon\"></use>\n              </svg>\n            </a>\n          </li>\n        }\n      </ul>\n    </nav>\n  </div>\n\n  <div class=\"content-menu\">\n    @if (footerMenu().length) {\n      <div class=\"sl-ftr-menu\">\n        <nav>\n          <ul class=\"sl-ftr-menu-list\">\n            @for (menu of footerMenu(); track menu.title) {\n              <li class=\"sl-ftr-menu-list-item\">\n                @if (menu.title) {\n                  <div class=\"sl-ftr-menu-item\" [ngClass]=\"{ 'have-children': menu.children?.length }\" (click)=\"toggleSubMenu($event, menu)\">\n                    <a\n                      class=\"sl-ftr-menu-item-link\"\n                      [href]=\"menu.url\"\n                      rdsitelink\n                      [title]=\"menu.title\"\n                      (click)=\"toggleSubMenu($event, menu); footerMenuItemClicked($event)\"\n                    >\n                      {{ menu.title }}\n                    </a>\n\n                    @if (menu.children?.length) {\n                      <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n                        <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + (menu.active ? 'up' : 'down')\"></use>\n                      </svg>\n                    }\n                  </div>\n\n                  @if (menu.children?.length) {\n                    <ul class=\"sl-ftr-menu-item-children\" [ngClass]=\"{ closed: !menu.active }\">\n                      @for (submenu of menu.children; track submenu.title) {\n                        <li class=\"sl-ftr-menu-item-children-item\">\n                          <div class=\"sl-ftr-menu-item alt\">\n                            <a class=\"sl-ftr-menu-item-link\" [href]=\"submenu.url\" rdsitelink [title]=\"submenu.title\" (click)=\"footerMenuItemClicked($event)\">\n                              {{ submenu.title }}\n                            </a>\n                          </div>\n                        </li>\n                      }\n                    </ul>\n                  }\n                }\n              </li>\n            }\n          </ul>\n        </nav>\n      </div>\n    }\n  </div>\n</div>\n\n<div class=\"sl-ftr-disc\">\n  <div class=\"disc-content\">\n    <div class=\"disc-content-copy\">\u00A9{{ currentYear }} {{ disclaimer() }}</div>\n    <ul class=\"disc-content-links\">\n      <li>\n        <a [href]=\"linkPrivacyFooter() || '#'\" target=\"_blank\" data-testid=\"_avisoPrivacidade\" (click)=\"footerPrivacyClicked($event)\"> Aviso de Privacidade </a>\n      </li>\n      <li>\n        <button (click)=\"privacyTools.openCookieBanner(); footerCookieClicked($event)\" data-testid=\"_avisoCookies\">Aviso de Cookies</button>\n      </li>\n    </ul>\n  </div>\n</div>\n", styles: ["footer[sl-ftr]{min-height:530px;background-color:var(--ftr-bg-color);display:grid!important;grid-template-areas:\". . .\" \". content .\" \". . .\" \"disc disc disc\";grid-template-columns:minmax(10%,1fr) minmax(auto,1229.4px) minmax(10%,1fr);grid-template-rows:48px 1fr 48px auto}footer[sl-ftr] *{font-family:var(--font-family)!important}footer[sl-ftr] svg{stroke:var(--ftr-alt-color);stroke-width:2.25px;fill:none}footer[sl-ftr] .sl-ftr-content{grid-area:content;display:flex;flex-direction:column;align-items:flex-start;gap:32px}footer[sl-ftr] .sl-ftr-content .content-menu{width:100%}footer[sl-ftr] .sl-ftr-disc{grid-area:disc}@media only screen and (min-width: 1024px){footer[sl-ftr]{grid-template-columns:minmax(5%,1fr) minmax(auto,1229.4px) minmax(5%,1fr)}footer[sl-ftr] .sl-ftr-content{flex-direction:row;gap:44px}}.sl-ftr-menu{display:flex;flex-direction:column;padding-top:20px}.sl-ftr-menu nav{width:100%;height:auto;flex:auto;column-count:unset}@media only screen and (min-width: 1024px){.sl-ftr-menu{flex-direction:row}.sl-ftr-menu nav{flex:3 1 0;column-count:3}}a.sl-ftr-menu-item-link{text-align:left;padding:8px 0;text-decoration:none;font-style:normal}.sl-ftr-menu-list{list-style:none}.sl-ftr-menu-list .sl-ftr-menu-item{display:flex;align-items:center;justify-content:space-between;background-color:transparent;width:auto;cursor:pointer}.sl-ftr-menu-list .sl-ftr-menu-item a.sl-ftr-menu-item-link{color:var(--ftr-color);font-size:14px;font-weight:500;line-height:16px;min-height:35px;letter-spacing:.56px}.sl-ftr-menu-list .sl-ftr-menu-item:hover a{color:var(--ftr-menu-hover-color)}.sl-ftr-menu-list .sl-ftr-menu-item:hover svg{stroke:var(--ftr-menu-hover-color)!important}.sl-ftr-menu-list .sl-ftr-menu-item:active a{color:var(--ftr-menu-active-color)}.sl-ftr-menu-list .sl-ftr-menu-item:active svg{stroke:var(--ftr-menu-active-color)!important}.sl-ftr-menu-list .sl-ftr-menu-item.alt a.sl-ftr-menu-item-link{color:var(--ftr-alt-color);font-size:12px;font-weight:300}.sl-ftr-menu-list .sl-ftr-menu-item.alt:hover a{color:var(--ftr-menu-alt-hover-color)}.sl-ftr-menu-list .sl-ftr-menu-item.alt:hover svg{stroke:var(--ftr-menu-alt-hover-color)!important}.sl-ftr-menu-list .sl-ftr-menu-item.alt:active a{color:var(--ftr-menu-alt-active-color)}.sl-ftr-menu-list .sl-ftr-menu-item.alt:active svg{stroke:var(--ftr-menu-alt-active-color)!important}.sl-ftr-menu-list .sl-ftr-menu-item.have-children{width:100%}.sl-ftr-menu-list .sl-ftr-menu-item svg{display:inline}.sl-ftr-menu-list .sl-ftr-menu-item-children{list-style:none}.sl-ftr-menu-list .sl-ftr-menu-item-children.closed{display:none}.sl-ftr-menu-list .sl-ftr-menu-item-children-item{margin:0 0 0 12px}@media only screen and (min-width: 1024px){.sl-ftr-menu-list .sl-ftr-menu-item svg{display:none}.sl-ftr-menu-list .sl-ftr-menu-item.have-children{width:auto}.sl-ftr-menu-list .sl-ftr-menu-item-children.closed{display:block}.sl-ftr-menu-list .sl-ftr-menu-item-children-item{margin:0 0 0 12px}}.sl-ftr-contact{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px 16px;margin-bottom:20px;width:100%;min-height:77px}.sl-ftr-contact img{width:var(--logo-width, 92px);height:50px;object-fit:contain}.sl-ftr-contact .logos .logo{display:contents}.sl-ftr-contact .logos .logo:after{content:\"\";width:1px;height:60px;background-color:var(--ftr-color)}.sl-ftr-contact .logos .partner-logo{display:contents}.sl-ftr-contact .phones{display:flex;width:100%;gap:12px}.sl-ftr-contact .phones .phone,.sl-ftr-contact .phones .dora{display:flex;gap:8px}.sl-ftr-contact .phones .phone .label p,.sl-ftr-contact .phones .dora .label p{color:#f6f6f6;font-size:12px;font-weight:500;line-height:16px;letter-spacing:.72px;padding-bottom:0}.sl-ftr-contact .phones .phone .label a,.sl-ftr-contact .phones .dora .label a{color:#f6f6f6;font-size:14px;font-weight:700;line-height:19px;letter-spacing:.56px;text-decoration:none}.sl-ftr-contact .phones .dora .img{display:block;width:32px;height:32px;background:#d3d3d3 50%/cover no-repeat;border-radius:50%;border:2px solid #448ecd}.sl-ftr-contact .phones .phone .svg{display:flex;justify-content:center;align-items:center;background:#003da5;border-radius:50%;width:32px;height:32px}.sl-ftr-contact .phones .phone.before:before{content:\"\";width:2px;background-color:#f6f6f6;margin-right:6px}@media only screen and (max-width: 1024px){.sl-ftr-contact .phones{flex-direction:column;gap:20px}.sl-ftr-contact .phones .phone.before:before{display:none}}@media only screen and (min-width: 1024px){.sl-ftr-contact{gap:20px 24px;width:328px}}.sl-ftr-contact.starTheme .logos .logo:after{background-color:#262626}.sl-ftr-contact.starTheme .phones .phone .label p,.sl-ftr-contact.starTheme .phones .dora .label p,.sl-ftr-contact.starTheme .phones .phone .label a,.sl-ftr-contact.starTheme .phones .dora .label a{color:#262626}.sl-ftr-contact.starTheme .phones .dora .img{border:2px solid #8b7063}.sl-ftr-contact.starTheme .phones .phone .svg{background:transparent}.sl-ftr-contact.starTheme .phones .phone .svg svg{stroke:#262626}.sl-ftr-contact.starTheme .phones .phone.before:before{content:\"\";background-color:#262626}nav.sl-ftr-medias ul{list-style:none;display:flex;gap:16px 0px;flex-wrap:wrap;width:100%}nav.sl-ftr-medias ul li{display:flex;justify-content:center;align-items:center;border-radius:100%;border:1px solid #ffffff;width:36px;height:36px;margin-right:12px}nav.sl-ftr-medias ul li a{display:flex;justify-content:center;align-items:center;border-radius:100%;width:36px;height:36px;text-decoration:none}@media only screen and (min-width: 361px){nav.sl-ftr-medias ul li{margin-right:15px}}@media only screen and (min-width: 1024px){nav.sl-ftr-medias ul{flex-wrap:nowrap}}nav.sl-ftr-medias.starTheme ul li{border:1px solid #262626}nav.sl-ftr-medias.starTheme ul li a svg{stroke:#262626}.sl-ftr-disc{background-color:var(--ftr-disc-bg-color);display:grid!important;grid-template-areas:\". disc-content .\";grid-template-columns:minmax(5%,1fr) minmax(auto,1229.4px) minmax(5%,1fr);grid-template-rows:auto}.sl-ftr-disc .disc-content{grid-area:disc-content;height:auto;padding:12px 0;display:flex;align-items:flex-start;justify-content:flex-start;gap:8px;flex-direction:column}.sl-ftr-disc .disc-content-copy{font-size:12px;font-style:normal;font-weight:500;text-transform:uppercase;color:var(--ftr-disc-color)}.sl-ftr-disc .disc-content-links{list-style:none;display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap;gap:0px 36px}.sl-ftr-disc .disc-content-links li a,.sl-ftr-disc .disc-content-links li button{font-size:12px;font-style:normal;font-weight:500;color:var(--ftr-disc-alt-color);text-decoration:none;cursor:pointer;background:transparent}@media only screen and (min-width: 1024px){.sl-ftr-disc .disc-content{height:40px;padding:0;align-items:center;flex-direction:row;gap:36px}.sl-ftr-disc .disc-content-links{gap:36px}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { project: [{ type: i0.Input, args: [{ isSignal: true, alias: "project", required: false }] }], theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: false }] }], disclaimer: [{ type: i0.Input, args: [{ isSignal: true, alias: "disclaimer", required: false }] }], linkPrivacyFooter: [{ type: i0.Input, args: [{ isSignal: true, alias: "linkPrivacyFooter", required: false }] }], logo: [{ type: i0.Input, args: [{ isSignal: true, alias: "logo", required: false }] }], partnerLogo: [{ type: i0.Input, args: [{ isSignal: true, alias: "partnerLogo", required: false }] }], phone: [{ type: i0.Input, args: [{ isSignal: true, alias: "phone", required: false }] }], dora: [{ type: i0.Input, args: [{ isSignal: true, alias: "dora", required: false }] }], socialMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "socialMenu", required: false }] }], logoWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "logoWidth", required: false }] }], footerMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "footerMenu", required: false }] }], footerPrivacyClick: [{ type: i0.Output, args: ["footerPrivacyClick"] }], footerCookieClick: [{ type: i0.Output, args: ["footerCookieClick"] }], footerSocialMediaClick: [{ type: i0.Output, args: ["footerSocialMediaClick"] }], footerMenuItemClick: [{ type: i0.Output, args: ["footerMenuItemClick"] }] } });
 /**

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

	@@ -1 +1 @@
1	- {"version":3,"file":"rededor-site-front-end-lib-components-footer.mjs","sources":["../../../projects/site-front-end-lib/components/footer/helpers/footerTheme.func.ts","../../../projects/site-front-end-lib/components/footer/footer.component.ts","../../../projects/site-front-end-lib/components/footer/footer.component.html","../../../projects/site-front-end-lib/components/footer/rededor-site-front-end-lib-components-footer.ts"],"sourcesContent":["import { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\nimport { FooterTheme } from '../models/FooterTheme.model';\n\nexport const getFooterTheme = (project: string = 'site', themeStyle: string = 'default', curaApiService: CuraApiService) => {\n const theme: FooterTheme = {\n ftr: {},\n 'ftr-disc': {},\n 'ftr-menu': {},\n 'ftr-social': {},\n };\n\n const [primaryLighter, primaryLight, primaryBase, primaryDarker] = [\n curaApiService.theme.colors.getColor('primary-lighter'),\n curaApiService.theme.colors.getColor('primary-light'),\n curaApiService.theme.colors.getColor('primary-base'),\n curaApiService.theme.colors.getColor('primary-darker'),\n ];\n const [accentLight, accentBase] = [curaApiService.theme.colors.getColor('accent-light'), curaApiService.theme.colors.getColor('accent-base')];\n const [neutralPurewhite, neutralWhite, neutralBlack] = [\n curaApiService.theme.colors.getColor('neutral-purewhite'),\n curaApiService.theme.colors.getColor('neutral-white'),\n curaApiService.theme.colors.getColor('neutral-black'),\n ];\n const [secondaryLight] = [curaApiService.theme.colors.getColor('secondary-light')];\n\n switch (project) {\n case 'site':\n if (themeStyle === 'default') {\n theme.ftr = {\n 'bg-color': primaryDarker,\n color: neutralWhite,\n 'alt-color': primaryLighter,\n };\n theme['ftr-disc'] = {\n 'bg-color': neutralPurewhite,\n color: neutralBlack,\n 'alt-color': primaryBase,\n };\n theme['ftr-menu'] = {\n 'hover-color': accentLight,\n 'active-color': accentBase,\n 'alt-hover-color': primaryLight,\n 'alt-active-color': primaryBase,\n };\n theme['ftr-social'] = {\n color: neutralWhite,\n };\n } else {\n theme.ftr = {\n 'bg-color': primaryDarker,\n color: neutralWhite,\n 'alt-color': primaryLighter,\n };\n theme['ftr-disc'] = {\n 'bg-color': neutralPurewhite,\n color: neutralBlack,\n 'alt-color': primaryBase,\n };\n theme['ftr-menu'] = {\n 'hover-color': accentLight,\n 'active-color': accentBase,\n 'alt-hover-color': primaryLight,\n 'alt-active-color': primaryBase,\n };\n theme['ftr-social'] = {\n color: neutralWhite,\n };\n }\n break;\n case 'star':\n if (themeStyle === 'star') {\n theme.ftr = {\n 'bg-color': secondaryLight,\n color: neutralBlack,\n 'alt-color': neutralBlack,\n };\n theme['ftr-disc'] = {\n 'bg-color': neutralPurewhite,\n color: neutralBlack,\n 'alt-color': primaryBase,\n };\n theme['ftr-menu'] = {\n 'hover-color': primaryBase,\n 'active-color': primaryLight,\n 'alt-hover-color': primaryBase,\n 'alt-active-color': primaryLight,\n };\n theme['ftr-social'] = {\n color: neutralBlack,\n };\n } else {\n theme.ftr = {\n 'bg-color': primaryDarker,\n color: neutralWhite,\n 'alt-color': primaryLighter,\n };\n theme['ftr-disc'] = {\n 'bg-color': neutralPurewhite,\n color: neutralBlack,\n 'alt-color': primaryBase,\n };\n theme['ftr-menu'] = {\n 'hover-color': accentLight,\n 'active-color': accentBase,\n 'alt-hover-color': primaryLight,\n 'alt-active-color': primaryBase,\n };\n theme['ftr-social'] = {\n color: neutralWhite,\n };\n }\n break;\n\n default:\n break;\n }\n\n return theme;\n};\n","import { Component, ElementRef, AfterViewInit, ViewEncapsulation, input, output, inject, effect, computed } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { PrivacyToolsService, LIB_CONFIG, LibConfig, RdsiteLinkDirective, MenuItem, MenuSocialMedia } from '@rededor/site-front-end-lib/core';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\nimport { FooterTheme } from './models/FooterTheme.model';\nimport { getFooterTheme } from './helpers/footerTheme.func';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'footer[sl-ftr]',\n imports: [CommonModule, RdsiteLinkDirective],\n encapsulation: ViewEncapsulation.None,\n templateUrl: './footer.component.html',\n styleUrl: './footer.component.scss',\n host: {\n '[style.--font-family]': 'this.curaApiService.theme.fonts.getFamily()',\n },\n})\nexport class FooterComponent implements AfterViewInit {\n public privacyTools = inject(PrivacyToolsService);\n public curaApiService = inject(CuraApiService);\n private elementRef = inject(ElementRef);\n\n project = input<string>('site');\n theme = input<string>('default');\n disclaimer = input<string>('');\n linkPrivacyFooter = input<string>('');\n logo = input<any>(null);\n partnerLogo = input<any>(null);\n phone = input<string>('');\n dora = input<{ number: string; link: string; imgUrl: string }>({ number: '', link: '', imgUrl: '' });\n socialMenu = input<MenuSocialMedia[]>([]);\n logoWidth = input<number>(72);\n footerMenu = input<MenuItem[]>([]);\n\n footerPrivacyClick = output<Event>();\n footerCookieClick = output<Event>();\n footerSocialMediaClick = output<Event>();\n footerMenuItemClick = output<Event>();\n\n currentYear: number = new Date().getFullYear();\n\n // Computed signals\n public assetsPath = computed(() => this.curaApiService.localAssetsPath());\n\n constructor() {\n effect(() => {\n this.updateFooterTheme();\n });\n\n effect(() => {\n this.updateLogoWidth();\n });\n }\n\n ngAfterViewInit() {\n this.updateFooterTheme();\n }\n\n private updateLogoWidth() {\n this.elementRef.nativeElement.style.setProperty('--logo-width', `${this.logoWidth()}px`);\n }\n\n private updateFooterTheme() {\n const footerTheme: FooterTheme = getFooterTheme(this.project(), this.theme(), this.curaApiService);\n Object.entries(footerTheme).forEach(([key, value]) => {\n Object.entries(value).forEach(([prop, val]) => {\n const cssVar = `--${key}-${prop}`;\n this.elementRef.nativeElement.style.setProperty(cssVar, val as string);\n });\n });\n }\n\n footerSocialMediaClicked(event: Event) {\n this.footerSocialMediaClick.emit(event);\n }\n\n toggleSubMenu(event: Event, menu: Partial<MenuItem>) {\n event.stopPropagation();\n menu.active = !menu.active;\n }\n\n footerMenuItemClicked(event: Event) {\n this.footerMenuItemClick.emit(event);\n }\n\n footerPrivacyClicked(event: Event) {\n this.footerPrivacyClick.emit(event);\n }\n\n footerCookieClicked(event: Event) {\n this.footerCookieClick.emit(event);\n }\n}\n","<div class=\"sl-ftr-content\">\n <div>\n <div class=\"sl-ftr-contact\" [class.starTheme]=\"theme() === 'star'\">\n <div class=\"logos\">\n @if (logo()) {\n <div class=\"logo\">\n <img [src]=\"logo()?.url\" [alt]=\"logo()?.alt\" [title]=\"logo()?.title\" loading=\"lazy\" fetchpriority=\"low\" />\n </div>\n }\n @if (partnerLogo()) {\n <div class=\"partner-logo\">\n <img [src]=\"partnerLogo()?.url\" [alt]=\"partnerLogo()?.alt\" [title]=\"partnerLogo()?.title\" loading=\"lazy\" fetchpriority=\"low\" />\n </div>\n }\n </div>\n <div class=\"phones\">\n @if (dora().number && dora().link) {\n <div class=\"dora\">\n <div\n class=\"img\"\n [style.background-image]=\"dora().imgUrl ? 'url(' + dora().imgUrl + ')' : 'url(' + assetsPath() + '/imgs/bg_dora_whatsapp.webp)'\"\n ></div>\n <span class=\"label\">\n <p>Fale com a Dora</p>\n <a rdsitelink [href]=\"dora().link\">\n {{ dora().number }}\n </a>\n </span>\n </div>\n }\n @if (phone()) {\n <div class=\"phone\" [class.before]=\"dora().number && dora().link\">\n <div class=\"svg\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#phone'\"></use>\n </svg>\n </div>\n <span class=\"label\">\n <p>{{ theme() === 'star' ? 'Concierge' : 'Central' }}</p>\n <a rdsitelink href=\"tel:{{ phone() }}\">\n {{ phone() }}\n </a>\n </span>\n </div>\n }\n </div>\n </div>\n\n <nav class=\"sl-ftr-medias\" [class.starTheme]=\"theme() === 'star'\">\n <ul>\n @for (social of socialMenu(); track social.title) {\n <li>\n <a [href]=\"social.link\" rdsitelink [title]=\"social.title\" (click)=\"footerSocialMediaClicked($event)\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + social.icon\"></use>\n </svg>\n </a>\n </li>\n }\n </ul>\n </nav>\n </div>\n\n <div class=\"content-menu\">\n @if (footerMenu().length) {\n <div class=\"sl-ftr-menu\">\n <nav>\n <ul class=\"sl-ftr-menu-list\">\n @for (menu of footerMenu(); track menu.title) {\n <li class=\"sl-ftr-menu-list-item\">\n @if (menu.title) {\n <div class=\"sl-ftr-menu-item\" [ngClass]=\"{ 'have-children': menu.children?.length }\" (click)=\"toggleSubMenu($event, menu)\">\n <a\n class=\"sl-ftr-menu-item-link\"\n [href]=\"menu.url\"\n rdsitelink\n [title]=\"menu.title\"\n (click)=\"toggleSubMenu($event, menu); footerMenuItemClicked($event)\"\n >\n {{ menu.title }}\n </a>\n\n @if (menu.children?.length) {\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + (menu.active ? 'up' : 'down')\"></use>\n </svg>\n }\n </div>\n\n @if (menu.children?.length) {\n <ul class=\"sl-ftr-menu-item-children\" [ngClass]=\"{ closed: !menu.active }\">\n @for (submenu of menu.children; track submenu.title) {\n <li class=\"sl-ftr-menu-item-children-item\">\n <div class=\"sl-ftr-menu-item alt\">\n <a class=\"sl-ftr-menu-item-link\" [href]=\"submenu.url\" rdsitelink [title]=\"submenu.title\" (click)=\"footerMenuItemClicked($event)\">\n {{ submenu.title }}\n </a>\n </div>\n </li>\n }\n </ul>\n }\n }\n </li>\n }\n </ul>\n </nav>\n </div>\n }\n </div>\n</div>\n\n<div class=\"sl-ftr-disc\">\n <div class=\"disc-content\">\n <div class=\"disc-content-copy\">©{{ currentYear }} {{ disclaimer() }}</div>\n <ul class=\"disc-content-links\">\n <li>\n <a [href]=\"linkPrivacyFooter() \|\| '#'\" target=\"_blank\" data-testid=\"_avisoPrivacidade\" (click)=\"footerPrivacyClicked($event)\"> Aviso de Privacidade </a>\n </li>\n <li>\n <button (click)=\"privacyTools.openCookieBanner(); footerCookieClicked($event)\" data-testid=\"_avisoCookies\">Aviso de Cookies</button>\n </li>\n </ul>\n </div>\n</div>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"rededor-site-front-end-lib-components-footer.mjs","sources":["../../../projects/site-front-end-lib/components/footer/helpers/footerTheme.func.ts","../../../projects/site-front-end-lib/components/footer/footer.component.ts","../../../projects/site-front-end-lib/components/footer/footer.component.html","../../../projects/site-front-end-lib/components/footer/rededor-site-front-end-lib-components-footer.ts"],"sourcesContent":["import { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\nimport { FooterTheme } from '../models/FooterTheme.model';\n\nexport const getFooterTheme = (project: string = 'site', themeStyle: string = 'default', curaApiService: CuraApiService) => {\n const theme: FooterTheme = {\n ftr: {},\n 'ftr-disc': {},\n 'ftr-menu': {},\n 'ftr-social': {},\n };\n\n const [primaryLighter, primaryLight, primaryBase, primaryDarker] = [\n curaApiService.theme.colors.getColor('primary-lighter'),\n curaApiService.theme.colors.getColor('primary-light'),\n curaApiService.theme.colors.getColor('primary-base'),\n curaApiService.theme.colors.getColor('primary-darker'),\n ];\n const [accentLight, accentBase] = [curaApiService.theme.colors.getColor('accent-light'), curaApiService.theme.colors.getColor('accent-base')];\n const [neutralPurewhite, neutralWhite, neutralBlack] = [\n curaApiService.theme.colors.getColor('neutral-purewhite'),\n curaApiService.theme.colors.getColor('neutral-white'),\n curaApiService.theme.colors.getColor('neutral-black'),\n ];\n const [secondaryLight] = [curaApiService.theme.colors.getColor('secondary-light')];\n\n switch (project) {\n case 'site':\n if (themeStyle === 'default') {\n theme.ftr = {\n 'bg-color': primaryDarker,\n color: neutralWhite,\n 'alt-color': primaryLighter,\n };\n theme['ftr-disc'] = {\n 'bg-color': neutralPurewhite,\n color: neutralBlack,\n 'alt-color': primaryBase,\n };\n theme['ftr-menu'] = {\n 'hover-color': accentLight,\n 'active-color': accentBase,\n 'alt-hover-color': primaryLight,\n 'alt-active-color': primaryBase,\n };\n theme['ftr-social'] = {\n color: neutralWhite,\n };\n } else {\n theme.ftr = {\n 'bg-color': primaryDarker,\n color: neutralWhite,\n 'alt-color': primaryLighter,\n };\n theme['ftr-disc'] = {\n 'bg-color': neutralPurewhite,\n color: neutralBlack,\n 'alt-color': primaryBase,\n };\n theme['ftr-menu'] = {\n 'hover-color': accentLight,\n 'active-color': accentBase,\n 'alt-hover-color': primaryLight,\n 'alt-active-color': primaryBase,\n };\n theme['ftr-social'] = {\n color: neutralWhite,\n };\n }\n break;\n case 'star':\n if (themeStyle === 'star') {\n theme.ftr = {\n 'bg-color': secondaryLight,\n color: neutralBlack,\n 'alt-color': neutralBlack,\n };\n theme['ftr-disc'] = {\n 'bg-color': neutralPurewhite,\n color: neutralBlack,\n 'alt-color': primaryBase,\n };\n theme['ftr-menu'] = {\n 'hover-color': primaryBase,\n 'active-color': primaryLight,\n 'alt-hover-color': primaryBase,\n 'alt-active-color': primaryLight,\n };\n theme['ftr-social'] = {\n color: neutralBlack,\n };\n } else {\n theme.ftr = {\n 'bg-color': primaryDarker,\n color: neutralWhite,\n 'alt-color': primaryLighter,\n };\n theme['ftr-disc'] = {\n 'bg-color': neutralPurewhite,\n color: neutralBlack,\n 'alt-color': primaryBase,\n };\n theme['ftr-menu'] = {\n 'hover-color': accentLight,\n 'active-color': accentBase,\n 'alt-hover-color': primaryLight,\n 'alt-active-color': primaryBase,\n };\n theme['ftr-social'] = {\n color: neutralWhite,\n };\n }\n break;\n\n default:\n break;\n }\n\n return theme;\n};\n","import { Component, ElementRef, AfterViewInit, ViewEncapsulation, input, output, inject, effect, computed } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { PrivacyToolsService, LIB_CONFIG, LibConfig, RdsiteLinkDirective, MenuItem, MenuSocialMedia } from '@rededor/site-front-end-lib/core';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\nimport { FooterTheme } from './models/FooterTheme.model';\nimport { getFooterTheme } from './helpers/footerTheme.func';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'footer[sl-ftr]',\n imports: [CommonModule, RdsiteLinkDirective],\n encapsulation: ViewEncapsulation.None,\n templateUrl: './footer.component.html',\n styleUrl: './footer.component.scss',\n host: {\n '[style.--font-family]': 'this.curaApiService.theme.fonts.getFamily()',\n },\n})\nexport class FooterComponent implements AfterViewInit {\n public privacyTools = inject(PrivacyToolsService);\n public curaApiService = inject(CuraApiService);\n private elementRef = inject(ElementRef);\n\n project = input<string>('site');\n theme = input<string>('default');\n disclaimer = input<string>('');\n linkPrivacyFooter = input<string>('');\n logo = input<any>(null);\n partnerLogo = input<any>(null);\n phone = input<string>('');\n dora = input<{ number: string; link: string; imgUrl: string }>({ number: '', link: '', imgUrl: '' });\n socialMenu = input<MenuSocialMedia[]>([]);\n logoWidth = input<number>(72);\n footerMenu = input<MenuItem[]>([]);\n\n footerPrivacyClick = output<Event>();\n footerCookieClick = output<Event>();\n footerSocialMediaClick = output<Event>();\n footerMenuItemClick = output<Event>();\n\n currentYear: number = new Date().getFullYear();\n\n // Computed signals\n public assetsPath = computed(() => this.curaApiService.localAssetsPath());\n\n constructor() {\n effect(() => {\n this.updateFooterTheme();\n });\n\n effect(() => {\n this.updateLogoWidth();\n });\n }\n\n ngAfterViewInit() {\n this.updateFooterTheme();\n }\n\n private updateLogoWidth() {\n this.elementRef.nativeElement.style.setProperty('--logo-width', `${this.logoWidth()}px`);\n }\n\n private updateFooterTheme() {\n const footerTheme: FooterTheme = getFooterTheme(this.project(), this.theme(), this.curaApiService);\n Object.entries(footerTheme).forEach(([key, value]) => {\n Object.entries(value).forEach(([prop, val]) => {\n const cssVar = `--${key}-${prop}`;\n this.elementRef.nativeElement.style.setProperty(cssVar, val as string);\n });\n });\n }\n\n footerSocialMediaClicked(event: Event) {\n this.footerSocialMediaClick.emit(event);\n }\n\n toggleSubMenu(event: Event, menu: Partial<MenuItem>) {\n event.stopPropagation();\n menu.active = !menu.active;\n }\n\n footerMenuItemClicked(event: Event) {\n this.footerMenuItemClick.emit(event);\n }\n\n footerPrivacyClicked(event: Event) {\n this.footerPrivacyClick.emit(event);\n }\n\n footerCookieClicked(event: Event) {\n this.footerCookieClick.emit(event);\n }\n}\n","<div class=\"sl-ftr-content\">\n <div>\n <div class=\"sl-ftr-contact\" [class.starTheme]=\"theme() === 'star'\">\n <div class=\"logos\">\n @if (logo()) {\n <div class=\"logo\">\n <img [src]=\"logo()?.url\" [alt]=\"logo()?.alt\" [title]=\"logo()?.title\" loading=\"lazy\" fetchpriority=\"low\" />\n </div>\n }\n @if (partnerLogo()) {\n <div class=\"partner-logo\">\n <img [src]=\"partnerLogo()?.url\" [alt]=\"partnerLogo()?.alt\" [title]=\"partnerLogo()?.title\" loading=\"lazy\" fetchpriority=\"low\" />\n </div>\n }\n </div>\n <div class=\"phones\">\n @if (dora().number && dora().link) {\n <div class=\"dora\">\n <div\n class=\"img\"\n [style.background-image]=\"dora().imgUrl ? 'url(' + dora().imgUrl + ')' : 'url(' + assetsPath() + '/imgs/bg_dora_whatsapp.webp)'\"\n ></div>\n <span class=\"label\">\n <p>Fale com a Dora</p>\n <a rdsitelink [href]=\"dora().link\">\n {{ dora().number }}\n </a>\n </span>\n </div>\n }\n @if (phone()) {\n <div class=\"phone\" [class.before]=\"dora().number && dora().link\">\n <div class=\"svg\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#phone'\"></use>\n </svg>\n </div>\n <span class=\"label\">\n <p>{{ theme() === 'star' ? 'Concierge' : 'Central' }}</p>\n <a rdsitelink href=\"tel:{{ phone() }}\">\n {{ phone() }}\n </a>\n </span>\n </div>\n }\n </div>\n </div>\n\n <nav class=\"sl-ftr-medias\" [class.starTheme]=\"theme() === 'star'\">\n <ul>\n @for (social of socialMenu(); track social.title) {\n <li>\n <a [href]=\"social.link\" rdsitelink [title]=\"social.title\" (click)=\"footerSocialMediaClicked($event)\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + social.icon\"></use>\n </svg>\n </a>\n </li>\n }\n </ul>\n </nav>\n </div>\n\n <div class=\"content-menu\">\n @if (footerMenu().length) {\n <div class=\"sl-ftr-menu\">\n <nav>\n <ul class=\"sl-ftr-menu-list\">\n @for (menu of footerMenu(); track menu.title) {\n <li class=\"sl-ftr-menu-list-item\">\n @if (menu.title) {\n <div class=\"sl-ftr-menu-item\" [ngClass]=\"{ 'have-children': menu.children?.length }\" (click)=\"toggleSubMenu($event, menu)\">\n <a\n class=\"sl-ftr-menu-item-link\"\n [href]=\"menu.url\"\n rdsitelink\n [title]=\"menu.title\"\n (click)=\"toggleSubMenu($event, menu); footerMenuItemClicked($event)\"\n >\n {{ menu.title }}\n </a>\n\n @if (menu.children?.length) {\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + (menu.active ? 'up' : 'down')\"></use>\n </svg>\n }\n </div>\n\n @if (menu.children?.length) {\n <ul class=\"sl-ftr-menu-item-children\" [ngClass]=\"{ closed: !menu.active }\">\n @for (submenu of menu.children; track submenu.title) {\n <li class=\"sl-ftr-menu-item-children-item\">\n <div class=\"sl-ftr-menu-item alt\">\n <a class=\"sl-ftr-menu-item-link\" [href]=\"submenu.url\" rdsitelink [title]=\"submenu.title\" (click)=\"footerMenuItemClicked($event)\">\n {{ submenu.title }}\n </a>\n </div>\n </li>\n }\n </ul>\n }\n }\n </li>\n }\n </ul>\n </nav>\n </div>\n }\n </div>\n</div>\n\n<div class=\"sl-ftr-disc\">\n <div class=\"disc-content\">\n <div class=\"disc-content-copy\">©{{ currentYear }} {{ disclaimer() }}</div>\n <ul class=\"disc-content-links\">\n <li>\n <a [href]=\"linkPrivacyFooter() \|\| '#'\" target=\"_blank\" data-testid=\"_avisoPrivacidade\" (click)=\"footerPrivacyClicked($event)\"> Aviso de Privacidade </a>\n </li>\n <li>\n <button (click)=\"privacyTools.openCookieBanner(); footerCookieClicked($event)\" data-testid=\"_avisoCookies\">Aviso de Cookies</button>\n </li>\n </ul>\n </div>\n</div>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -18,10 +18,10 @@ class HeaderActionMenuComponent {
     headerLoginClicked(event) {
         this.headerLoginClick.emit(event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: HeaderActionMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: HeaderActionMenuComponent, isStandalone: true, selector: "div[sl-hdr-act]", inputs: { loginUrl: { classPropertyName: "loginUrl", publicName: "loginUrl", isSignal: true, isRequired: false, transformFunction: null }, showSearch: { classPropertyName: "showSearch", publicName: "showSearch", isSignal: true, isRequired: false, transformFunction: null }, homeUrl: { classPropertyName: "homeUrl", publicName: "homeUrl", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { headerLoginClick: "headerLoginClick" }, ngImport: i0, template: "@if (loginUrl()) {\n  <div class=\"sl-hdr-act-login\">\n    <a [href]=\"loginUrl()\" aria-label=\"Entrar\" (click)=\"headerLoginClicked($event)\" rdsitelink class=\"sl-hdr-act-login-link\">\n      <svg class=\"icon-mobile\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n        <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#profileCircle'\"></use>\n      </svg>\n      <svg class=\"icon-desktop\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n        <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#profileCircle'\"></use>\n      </svg>\n      <span>ENTRAR</span>\n    </a>\n  </div>\n}\n@if (homeUrl()) {\n  <div class=\"sl-hdr-act-home\">\n    <a [href]=\"homeUrl()\" class=\"sl-hdr-act-home-link\" aria-label=\"P\u00E1gina inicial\" rdsitelink> Portal Rede D\u2019Or </a>\n  </div>\n}\n\n<div class=\"sl-hdr-act-acts\">\n  @if (showSearch()) {\n    <button type=\"button\" aria-label=\"Buscar\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSearch()\">\n      @if (!headerService.showSearch()) {\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n          <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#search'\"></use>\n        </svg>\n        <span>BUSCAR</span>\n      } @else {\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n          <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#close'\"></use>\n        </svg>\n        <span>FECHAR</span>\n      }\n    </button>\n  }\n  <button type=\"button\" aria-label=\"Abrir menu lateral\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSideMenu()\">\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n      <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#menuHamburguer'\"></use>\n    </svg>\n  </button>\n</div>\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;text-decoration:none;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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HeaderActionMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: HeaderActionMenuComponent, isStandalone: true, selector: "div[sl-hdr-act]", inputs: { loginUrl: { classPropertyName: "loginUrl", publicName: "loginUrl", isSignal: true, isRequired: false, transformFunction: null }, showSearch: { classPropertyName: "showSearch", publicName: "showSearch", isSignal: true, isRequired: false, transformFunction: null }, homeUrl: { classPropertyName: "homeUrl", publicName: "homeUrl", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { headerLoginClick: "headerLoginClick" }, ngImport: i0, template: "@if (loginUrl()) {\n  <div class=\"sl-hdr-act-login\">\n    <a [href]=\"loginUrl()\" aria-label=\"Entrar\" (click)=\"headerLoginClicked($event)\" rdsitelink class=\"sl-hdr-act-login-link\">\n      <svg class=\"icon-mobile\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n        <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#profileCircle'\"></use>\n      </svg>\n      <svg class=\"icon-desktop\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n        <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#profileCircle'\"></use>\n      </svg>\n      <span>ENTRAR</span>\n    </a>\n  </div>\n}\n@if (homeUrl()) {\n  <div class=\"sl-hdr-act-home\">\n    <a [href]=\"homeUrl()\" class=\"sl-hdr-act-home-link\" aria-label=\"P\u00E1gina inicial\" rdsitelink> Portal Rede D\u2019Or </a>\n  </div>\n}\n\n<div class=\"sl-hdr-act-acts\">\n  @if (showSearch()) {\n    <button type=\"button\" aria-label=\"Buscar\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSearch()\">\n      @if (!headerService.showSearch()) {\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n          <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#search'\"></use>\n        </svg>\n        <span>BUSCAR</span>\n      } @else {\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n          <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#close'\"></use>\n        </svg>\n        <span>FECHAR</span>\n      }\n    </button>\n  }\n  <button type=\"button\" aria-label=\"Abrir menu lateral\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSideMenu()\">\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n      <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#menuHamburguer'\"></use>\n    </svg>\n  </button>\n</div>\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;text-decoration:none;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: "20.3.18", ngImport: i0, type: HeaderActionMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HeaderActionMenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'div[sl-hdr-act]', imports: [RdsiteLinkDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (loginUrl()) {\n  <div class=\"sl-hdr-act-login\">\n    <a [href]=\"loginUrl()\" aria-label=\"Entrar\" (click)=\"headerLoginClicked($event)\" rdsitelink class=\"sl-hdr-act-login-link\">\n      <svg class=\"icon-mobile\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n        <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#profileCircle'\"></use>\n      </svg>\n      <svg class=\"icon-desktop\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n        <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#profileCircle'\"></use>\n      </svg>\n      <span>ENTRAR</span>\n    </a>\n  </div>\n}\n@if (homeUrl()) {\n  <div class=\"sl-hdr-act-home\">\n    <a [href]=\"homeUrl()\" class=\"sl-hdr-act-home-link\" aria-label=\"P\u00E1gina inicial\" rdsitelink> Portal Rede D\u2019Or </a>\n  </div>\n}\n\n<div class=\"sl-hdr-act-acts\">\n  @if (showSearch()) {\n    <button type=\"button\" aria-label=\"Buscar\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSearch()\">\n      @if (!headerService.showSearch()) {\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n          <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#search'\"></use>\n        </svg>\n        <span>BUSCAR</span>\n      } @else {\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n          <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#close'\"></use>\n        </svg>\n        <span>FECHAR</span>\n      }\n    </button>\n  }\n  <button type=\"button\" aria-label=\"Abrir menu lateral\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSideMenu()\">\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n      <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#menuHamburguer'\"></use>\n    </svg>\n  </button>\n</div>\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;text-decoration:none;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"] }]
         }], propDecorators: { loginUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "loginUrl", required: false }] }], showSearch: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSearch", required: false }] }], homeUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "homeUrl", required: false }] }], headerLoginClick: [{ type: i0.Output, args: ["headerLoginClick"] }] } });

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

@@ -13,10 +13,10 @@ class HeaderAuxMenuItemDropdownComponent {
     headerAuxMenuItemDDClicked(event) {
         this.headerAuxMenuItemDDClick.emit(event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: HeaderAuxMenuItemDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: HeaderAuxMenuItemDropdownComponent, isStandalone: true, selector: "div[sl-hdr-aux-item-dropdown]", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { headerAuxMenuItemDDClick: "headerAuxMenuItemDDClick" }, ngImport: i0, template: "<ul>\n  @for (dropdownItem of items(); track dropdownItem.title) {\n    <li class=\"dropdown-item\">\n      <a [href]=\"dropdownItem.url\" (click)=\"headerAuxMenuItemDDClicked($event)\" rdsitelink>{{ dropdownItem.title }}</a>\n    </li>\n  }\n</ul>\n", styles: ["div[sl-hdr-aux-item-dropdown]{position:absolute;top:calc(100% - 10px);right:0;z-index:1;margin-top:8px;min-width:220px;background-color:var(--hdr-aux-drop-bg-color);border-radius:4px;box-shadow:4px 4px 12px -5px #000;padding:20px 30px;display:block;width:100%}.dropdown-item{margin-bottom:8px;display:flex;align-items:center}.dropdown-item a{padding-block:6px;text-decoration:none}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HeaderAuxMenuItemDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: HeaderAuxMenuItemDropdownComponent, isStandalone: true, selector: "div[sl-hdr-aux-item-dropdown]", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { headerAuxMenuItemDDClick: "headerAuxMenuItemDDClick" }, ngImport: i0, template: "<ul>\n  @for (dropdownItem of items(); track dropdownItem.title) {\n    <li class=\"dropdown-item\">\n      <a [href]=\"dropdownItem.url\" (click)=\"headerAuxMenuItemDDClicked($event)\" rdsitelink>{{ dropdownItem.title }}</a>\n    </li>\n  }\n</ul>\n", styles: ["div[sl-hdr-aux-item-dropdown]{position:absolute;top:calc(100% - 10px);right:0;z-index:1;margin-top:8px;min-width:220px;background-color:var(--hdr-aux-drop-bg-color);border-radius:4px;box-shadow:4px 4px 12px -5px #000;padding:20px 30px;display:block;width:100%}.dropdown-item{margin-bottom:8px;display:flex;align-items:center}.dropdown-item a{padding-block:6px;text-decoration:none}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: HeaderAuxMenuItemDropdownComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HeaderAuxMenuItemDropdownComponent, decorators: [{
             type: Component,
             args: [{ selector: 'div[sl-hdr-aux-item-dropdown]', imports: [RdsiteLinkDirective], encapsulation: ViewEncapsulation.None, template: "<ul>\n  @for (dropdownItem of items(); track dropdownItem.title) {\n    <li class=\"dropdown-item\">\n      <a [href]=\"dropdownItem.url\" (click)=\"headerAuxMenuItemDDClicked($event)\" rdsitelink>{{ dropdownItem.title }}</a>\n    </li>\n  }\n</ul>\n", styles: ["div[sl-hdr-aux-item-dropdown]{position:absolute;top:calc(100% - 10px);right:0;z-index:1;margin-top:8px;min-width:220px;background-color:var(--hdr-aux-drop-bg-color);border-radius:4px;box-shadow:4px 4px 12px -5px #000;padding:20px 30px;display:block;width:100%}.dropdown-item{margin-bottom:8px;display:flex;align-items:center}.dropdown-item a{padding-block:6px;text-decoration:none}\n"] }]
         }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: true }] }], headerAuxMenuItemDDClick: [{ type: i0.Output, args: ["headerAuxMenuItemDDClick"] }] } });
@@ -46,12 +46,12 @@ class HeaderAuxMenuItemComponent {
     dropdownHoverChange(value) {
         this.isDropdownHover.set(value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: HeaderAuxMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: HeaderAuxMenuItemComponent, isStandalone: true, selector: "li[sl-hdr-aux-item]", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null }, altStyle: { classPropertyName: "altStyle", publicName: "altStyle", isSignal: true, isRequired: false, transformFunction: null }, onlyDesktop: { classPropertyName: "onlyDesktop", publicName: "onlyDesktop", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { headerAuxMenuItemClick: "headerAuxMenuItemClick", headerAuxMenuItemDDClick: "headerAuxMenuItemDDClick" }, ngImport: i0, template: "@if (item()) {\n  <a\n    class=\"sl-hdr-aux-item-link\"\n    [ngClass]=\"{\n      hover: isMenuHover() || isDropdownHover(),\n      alt: altStyle,\n    }\"\n    (mouseenter)=\"btnHoverChange(true)\"\n    (mouseleave)=\"btnHoverChange(false)\"\n    [href]=\"item().url\"\n    (click)=\"headerAuxMenuItemClicked($event)\"\n    rdsitelink\n  >\n    {{ item().title }}\n    @if (item().children?.length) {\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n        <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + (isMenuHover() || isDropdownHover() ? 'up' : 'down')\"></use>\n      </svg>\n    }\n  </a>\n\n  @if (item().children?.length) {\n    <div\n      sl-hdr-aux-item-dropdown\n      class=\"sl-hdr-aux-item-dropdown\"\n      [ngStyle]=\"{ display: isMenuHover() || isDropdownHover() ? 'block' : 'none' }\"\n      (mouseenter)=\"dropdownHoverChange(true)\"\n      (mouseleave)=\"dropdownHoverChange(false)\"\n      [items]=\"item().children ?? []\"\n      (headerAuxMenuItemDDClick)=\"headerAuxMenuItemDDClicked($event)\"\n    ></div>\n  }\n}\n", styles: ["li[sl-hdr-aux-item]{display:flex;align-items:center;position:relative}.sl-hdr-aux-item-link{display:flex;height:32px;align-items:center;justify-content:center;gap:8px;color:var(--hdr-aux-color)!important;padding:8px;border-radius:4px;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500!important;text-align:center;text-decoration:none}.sl-hdr-aux-item-link svg{stroke:var(--hdr-aux-color)!important}.sl-hdr-aux-item-link.hover{color:var(--hdr-aux-hover)!important}.sl-hdr-aux-item-link.hover svg{stroke:var(--hdr-aux-hover)!important}.sl-hdr-aux-item-link:active{color:var(--hdr-aux-active)!important}.sl-hdr-aux-item-link:active svg{stroke:var(--hdr-aux-active)!important}.sl-hdr-aux-item-link.alt{color:var(--hdr-aux-color-alt)!important}.sl-hdr-aux-item-link.alt svg{stroke:var(--hdr-aux-color-alt)!important}.sl-hdr-aux-item-link.alt.hover{color:var(--hdr-aux-hover-alt)!important}.sl-hdr-aux-item-link.alt.hover svg{stroke:var(--hdr-aux-hover-alt)!important}.sl-hdr-aux-item-link.alt:active{color:var(--hdr-aux-active-alt)!important}.sl-hdr-aux-item-link.alt:active svg{stroke:var(--hdr-aux-active-alt)!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: HeaderAuxMenuItemDropdownComponent, selector: "div[sl-hdr-aux-item-dropdown]", inputs: ["items"], outputs: ["headerAuxMenuItemDDClick"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HeaderAuxMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: HeaderAuxMenuItemComponent, isStandalone: true, selector: "li[sl-hdr-aux-item]", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null }, altStyle: { classPropertyName: "altStyle", publicName: "altStyle", isSignal: true, isRequired: false, transformFunction: null }, onlyDesktop: { classPropertyName: "onlyDesktop", publicName: "onlyDesktop", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { headerAuxMenuItemClick: "headerAuxMenuItemClick", headerAuxMenuItemDDClick: "headerAuxMenuItemDDClick" }, ngImport: i0, template: "@if (item()) {\n  <a\n    class=\"sl-hdr-aux-item-link\"\n    [ngClass]=\"{\n      hover: isMenuHover() || isDropdownHover(),\n      alt: altStyle(),\n    }\"\n    (mouseenter)=\"btnHoverChange(true)\"\n    (mouseleave)=\"btnHoverChange(false)\"\n    [href]=\"item().url\"\n    (click)=\"headerAuxMenuItemClicked($event)\"\n    rdsitelink\n  >\n    {{ item().title }}\n    @if (item().children?.length) {\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n        <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + (isMenuHover() || isDropdownHover() ? 'up' : 'down')\"></use>\n      </svg>\n    }\n  </a>\n\n  @if (item().children?.length) {\n    <div\n      sl-hdr-aux-item-dropdown\n      class=\"sl-hdr-aux-item-dropdown\"\n      [ngStyle]=\"{ display: isMenuHover() || isDropdownHover() ? 'block' : 'none' }\"\n      (mouseenter)=\"dropdownHoverChange(true)\"\n      (mouseleave)=\"dropdownHoverChange(false)\"\n      [items]=\"item().children ?? []\"\n      (headerAuxMenuItemDDClick)=\"headerAuxMenuItemDDClicked($event)\"\n    ></div>\n  }\n}\n", styles: ["li[sl-hdr-aux-item]{display:flex;align-items:center;position:relative}.sl-hdr-aux-item-link{display:flex;height:32px;align-items:center;justify-content:center;gap:8px;color:var(--hdr-aux-color)!important;padding:8px;border-radius:4px;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500!important;text-align:center;text-decoration:none}.sl-hdr-aux-item-link svg{stroke:var(--hdr-aux-color)!important}.sl-hdr-aux-item-link.hover{color:var(--hdr-aux-hover)!important}.sl-hdr-aux-item-link.hover svg{stroke:var(--hdr-aux-hover)!important}.sl-hdr-aux-item-link:active{color:var(--hdr-aux-active)!important}.sl-hdr-aux-item-link:active svg{stroke:var(--hdr-aux-active)!important}.sl-hdr-aux-item-link.alt{color:var(--hdr-aux-color-alt)!important}.sl-hdr-aux-item-link.alt svg{stroke:var(--hdr-aux-color-alt)!important}.sl-hdr-aux-item-link.alt.hover{color:var(--hdr-aux-hover-alt)!important}.sl-hdr-aux-item-link.alt.hover svg{stroke:var(--hdr-aux-hover-alt)!important}.sl-hdr-aux-item-link.alt:active{color:var(--hdr-aux-active-alt)!important}.sl-hdr-aux-item-link.alt:active svg{stroke:var(--hdr-aux-active-alt)!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: HeaderAuxMenuItemDropdownComponent, selector: "div[sl-hdr-aux-item-dropdown]", inputs: ["items"], outputs: ["headerAuxMenuItemDDClick"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: HeaderAuxMenuItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HeaderAuxMenuItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'li[sl-hdr-aux-item]', imports: [CommonModule, RdsiteLinkDirective, HeaderAuxMenuItemDropdownComponent], encapsulation: ViewEncapsulation.None, template: "@if (item()) {\n  <a\n    class=\"sl-hdr-aux-item-link\"\n    [ngClass]=\"{\n      hover: isMenuHover() || isDropdownHover(),\n      alt: altStyle,\n    }\"\n    (mouseenter)=\"btnHoverChange(true)\"\n    (mouseleave)=\"btnHoverChange(false)\"\n    [href]=\"item().url\"\n    (click)=\"headerAuxMenuItemClicked($event)\"\n    rdsitelink\n  >\n    {{ item().title }}\n    @if (item().children?.length) {\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n        <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + (isMenuHover() || isDropdownHover() ? 'up' : 'down')\"></use>\n      </svg>\n    }\n  </a>\n\n  @if (item().children?.length) {\n    <div\n      sl-hdr-aux-item-dropdown\n      class=\"sl-hdr-aux-item-dropdown\"\n      [ngStyle]=\"{ display: isMenuHover() || isDropdownHover() ? 'block' : 'none' }\"\n      (mouseenter)=\"dropdownHoverChange(true)\"\n      (mouseleave)=\"dropdownHoverChange(false)\"\n      [items]=\"item().children ?? []\"\n      (headerAuxMenuItemDDClick)=\"headerAuxMenuItemDDClicked($event)\"\n    ></div>\n  }\n}\n", styles: ["li[sl-hdr-aux-item]{display:flex;align-items:center;position:relative}.sl-hdr-aux-item-link{display:flex;height:32px;align-items:center;justify-content:center;gap:8px;color:var(--hdr-aux-color)!important;padding:8px;border-radius:4px;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500!important;text-align:center;text-decoration:none}.sl-hdr-aux-item-link svg{stroke:var(--hdr-aux-color)!important}.sl-hdr-aux-item-link.hover{color:var(--hdr-aux-hover)!important}.sl-hdr-aux-item-link.hover svg{stroke:var(--hdr-aux-hover)!important}.sl-hdr-aux-item-link:active{color:var(--hdr-aux-active)!important}.sl-hdr-aux-item-link:active svg{stroke:var(--hdr-aux-active)!important}.sl-hdr-aux-item-link.alt{color:var(--hdr-aux-color-alt)!important}.sl-hdr-aux-item-link.alt svg{stroke:var(--hdr-aux-color-alt)!important}.sl-hdr-aux-item-link.alt.hover{color:var(--hdr-aux-hover-alt)!important}.sl-hdr-aux-item-link.alt.hover svg{stroke:var(--hdr-aux-hover-alt)!important}.sl-hdr-aux-item-link.alt:active{color:var(--hdr-aux-active-alt)!important}.sl-hdr-aux-item-link.alt:active svg{stroke:var(--hdr-aux-active-alt)!important}\n"] }]
+            args: [{ selector: 'li[sl-hdr-aux-item]', imports: [CommonModule, RdsiteLinkDirective, HeaderAuxMenuItemDropdownComponent], encapsulation: ViewEncapsulation.None, template: "@if (item()) {\n  <a\n    class=\"sl-hdr-aux-item-link\"\n    [ngClass]=\"{\n      hover: isMenuHover() || isDropdownHover(),\n      alt: altStyle(),\n    }\"\n    (mouseenter)=\"btnHoverChange(true)\"\n    (mouseleave)=\"btnHoverChange(false)\"\n    [href]=\"item().url\"\n    (click)=\"headerAuxMenuItemClicked($event)\"\n    rdsitelink\n  >\n    {{ item().title }}\n    @if (item().children?.length) {\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n        <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + (isMenuHover() || isDropdownHover() ? 'up' : 'down')\"></use>\n      </svg>\n    }\n  </a>\n\n  @if (item().children?.length) {\n    <div\n      sl-hdr-aux-item-dropdown\n      class=\"sl-hdr-aux-item-dropdown\"\n      [ngStyle]=\"{ display: isMenuHover() || isDropdownHover() ? 'block' : 'none' }\"\n      (mouseenter)=\"dropdownHoverChange(true)\"\n      (mouseleave)=\"dropdownHoverChange(false)\"\n      [items]=\"item().children ?? []\"\n      (headerAuxMenuItemDDClick)=\"headerAuxMenuItemDDClicked($event)\"\n    ></div>\n  }\n}\n", styles: ["li[sl-hdr-aux-item]{display:flex;align-items:center;position:relative}.sl-hdr-aux-item-link{display:flex;height:32px;align-items:center;justify-content:center;gap:8px;color:var(--hdr-aux-color)!important;padding:8px;border-radius:4px;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500!important;text-align:center;text-decoration:none}.sl-hdr-aux-item-link svg{stroke:var(--hdr-aux-color)!important}.sl-hdr-aux-item-link.hover{color:var(--hdr-aux-hover)!important}.sl-hdr-aux-item-link.hover svg{stroke:var(--hdr-aux-hover)!important}.sl-hdr-aux-item-link:active{color:var(--hdr-aux-active)!important}.sl-hdr-aux-item-link:active svg{stroke:var(--hdr-aux-active)!important}.sl-hdr-aux-item-link.alt{color:var(--hdr-aux-color-alt)!important}.sl-hdr-aux-item-link.alt svg{stroke:var(--hdr-aux-color-alt)!important}.sl-hdr-aux-item-link.alt.hover{color:var(--hdr-aux-hover-alt)!important}.sl-hdr-aux-item-link.alt.hover svg{stroke:var(--hdr-aux-hover-alt)!important}.sl-hdr-aux-item-link.alt:active{color:var(--hdr-aux-active-alt)!important}.sl-hdr-aux-item-link.alt:active svg{stroke:var(--hdr-aux-active-alt)!important}\n"] }]
         }], propDecorators: { item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: true }] }], altStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "altStyle", required: false }] }], onlyDesktop: [{ type: i0.Input, args: [{ isSignal: true, alias: "onlyDesktop", required: false }] }], headerAuxMenuItemClick: [{ type: i0.Output, args: ["headerAuxMenuItemClick"] }], headerAuxMenuItemDDClick: [{ type: i0.Output, args: ["headerAuxMenuItemDDClick"] }] } });
 /**