@rededor/site-front-end-lib 20.0.32 → 20.0.34

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.
@@ -48,9 +48,12 @@ declare class CuraCheckboxComponent implements ControlValueAccessor {
48
48
  disableCheckIcon: _angular_core.InputSignal<boolean>;
49
49
  /**
50
50
  * Reflects the checked state of the checkbox.
51
- * Using model for two-way binding and form control integration.
51
+ * checkedInput receives the external binding; checked is a linkedSignal
52
+ * so it always resets when the parent updates the input.
52
53
  */
53
- checked: _angular_core.ModelSignal<boolean>;
54
+ readonly checkedInput: _angular_core.InputSignal<boolean>;
55
+ readonly checkedChange: _angular_core.OutputEmitterRef<boolean>;
56
+ readonly checked: _angular_core.WritableSignal<boolean>;
54
57
  /**
55
58
  * Reflects the indeterminate state of the checkbox.
56
59
  * Using model for two-way binding and form control integration.
@@ -150,7 +153,7 @@ declare class CuraCheckboxComponent implements ControlValueAccessor {
150
153
  containerClasses: _angular_core.Signal<string>;
151
154
  handleClick(): void;
152
155
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<CuraCheckboxComponent, never>;
153
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<CuraCheckboxComponent, "cura-checkbox", never, { "disableCheckIcon": { "alias": "disableCheckIcon"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "ontabindex": { "alias": "ontabindex"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "background": { "alias": "background"; "required": false; "isSignal": true; }; "iconColor": { "alias": "iconColor"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "overflowLabel": { "alias": "overflowLabel"; "required": false; "isSignal": true; }; "overflowHelper": { "alias": "overflowHelper"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "indeterminate": "indeterminateChange"; "value": "valueChange"; "onchange": "onchange"; }, never, ["*"], true, never>;
156
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<CuraCheckboxComponent, "cura-checkbox", never, { "disableCheckIcon": { "alias": "disableCheckIcon"; "required": false; "isSignal": true; }; "checkedInput": { "alias": "checked"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "ontabindex": { "alias": "ontabindex"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "background": { "alias": "background"; "required": false; "isSignal": true; }; "iconColor": { "alias": "iconColor"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "overflowLabel": { "alias": "overflowLabel"; "required": false; "isSignal": true; }; "overflowHelper": { "alias": "overflowHelper"; "required": false; "isSignal": true; }; }, { "checkedChange": "checkedChange"; "indeterminate": "indeterminateChange"; "value": "valueChange"; "onchange": "onchange"; }, never, ["*"], true, never>;
154
157
  }
155
158
 
156
159
  export { CuraCheckboxComponent };
@@ -101,7 +101,7 @@ declare class CuraSelectComponent implements ControlValueAccessor, AfterViewInit
101
101
  isFocused: _angular_core.WritableSignal<boolean>;
102
102
  isOpen: _angular_core.WritableSignal<boolean>;
103
103
  activeIndex: _angular_core.WritableSignal<number>;
104
- textInput: _angular_core.WritableSignal<string>;
104
+ textInput: _angular_core.WritableSignal<any>;
105
105
  private componentId;
106
106
  private onChange;
107
107
  private onTouched;
@@ -132,8 +132,7 @@ declare class CuraSelectComponent implements ControlValueAccessor, AfterViewInit
132
132
  registerOnTouched(fn: () => void): void;
133
133
  private getTextColor;
134
134
  private initializeOptions;
135
- private handleOptionSelected;
136
- private clearSelectedAttributes;
135
+ private selectOption;
137
136
  private removeAccents;
138
137
  private filterOptions;
139
138
  handleKeyNavigation(event: KeyboardEvent): void;
@@ -174,10 +174,10 @@ class FilterGenericComponent {
174
174
  if (section.type === 'checkbox-group') {
175
175
  const resetOptions = section?.config?.options?.map((option) => ({ ...option, checked: false })) || [];
176
176
  section.config.options = resetOptions;
177
- section.config.control.setValue(resetOptions, { emitEvent: false });
177
+ section.config.control.setValue(resetOptions, { emitEvent: true });
178
178
  }
179
179
  else {
180
- section.config.control.reset('', { emitEvent: false });
180
+ section.config.control.reset('', { emitEvent: true });
181
181
  }
182
182
  });
183
183
  this.controlsChange.update((v) => v + 1);
@@ -219,7 +219,7 @@ class FilterGenericComponent {
219
219
  return Object.values(filterData).every((val) => val === null || val === '' || (Array.isArray(val) && val.length === 0));
220
220
  }
221
221
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: FilterGenericComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
222
- 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 }, isStarTheme: { classPropertyName: "isStarTheme", publicName: "isStarTheme", isSignal: true, isRequired: false, transformFunction: null }, isMaternityStarTheme: { classPropertyName: "isMaternityStarTheme", publicName: "isMaternityStarTheme", 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 size=\"large\"\n [placeholder]=\"section.config.placeholder || ''\"\n [name]=\"section.config.name || ''\"\n [iconName]=\"section.config.iconName || ''\"\n [value]=\"section.config.control.value\"\n [style.--border-radius]=\"isStarTheme() ? '0px' : isMaternityStarTheme() ? '2rem' : '4px'\"\n (valueChange)=\"handleInputChange($event, section.config.control)\"\n ></cura-input-text>\n }\n @case ('select') {\n <cura-select\n size=\"large\"\n [label]=\"section.config.label || ''\"\n [placeholder]=\"section.config.placeholder || ''\"\n [value]=\"section.config.control.value\"\n [style.--border-radius]=\"isStarTheme() ? '0px' : isMaternityStarTheme() ? '2rem' : '4px'\"\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=\"primary-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 [style.--border-radius]=\"isStarTheme() ? '0px' : '4px'\"\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 [style.--border-radius]=\"isStarTheme() ? '0px' : isMaternityStarTheme() ? '2rem' : '4px'\"\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: ["name", "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: ["disableCheckIcon", "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"] }] }); }
222
+ 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 }, isStarTheme: { classPropertyName: "isStarTheme", publicName: "isStarTheme", isSignal: true, isRequired: false, transformFunction: null }, isMaternityStarTheme: { classPropertyName: "isMaternityStarTheme", publicName: "isMaternityStarTheme", 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 size=\"large\"\n [placeholder]=\"section.config.placeholder || ''\"\n [name]=\"section.config.name || ''\"\n [iconName]=\"section.config.iconName || ''\"\n [value]=\"section.config.control.value\"\n [style.--border-radius]=\"isStarTheme() ? '0px' : isMaternityStarTheme() ? '2rem' : '4px'\"\n (valueChange)=\"handleInputChange($event, section.config.control)\"\n ></cura-input-text>\n }\n @case ('select') {\n <cura-select\n size=\"large\"\n [label]=\"section.config.label || ''\"\n [placeholder]=\"section.config.placeholder || ''\"\n [(value)]=\"section.config.control.value\"\n [style.--border-radius]=\"isStarTheme() ? '0px' : isMaternityStarTheme() ? '2rem' : '4px'\"\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=\"primary-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\"\n [style.--border-radius]=\"isStarTheme() ? '0px' : '4px'\"\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 [style.--border-radius]=\"isStarTheme() ? '0px' : isMaternityStarTheme() ? '2rem' : '4px'\"\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: ["name", "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: ["disableCheckIcon", "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"] }] }); }
223
223
  }
224
224
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: FilterGenericComponent, decorators: [{
225
225
  type: Component,
@@ -238,7 +238,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
238
238
  CuraRadioComponent,
239
239
  CuraButtonComponent,
240
240
  CuraParagraphComponent,
241
- ], 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 size=\"large\"\n [placeholder]=\"section.config.placeholder || ''\"\n [name]=\"section.config.name || ''\"\n [iconName]=\"section.config.iconName || ''\"\n [value]=\"section.config.control.value\"\n [style.--border-radius]=\"isStarTheme() ? '0px' : isMaternityStarTheme() ? '2rem' : '4px'\"\n (valueChange)=\"handleInputChange($event, section.config.control)\"\n ></cura-input-text>\n }\n @case ('select') {\n <cura-select\n size=\"large\"\n [label]=\"section.config.label || ''\"\n [placeholder]=\"section.config.placeholder || ''\"\n [value]=\"section.config.control.value\"\n [style.--border-radius]=\"isStarTheme() ? '0px' : isMaternityStarTheme() ? '2rem' : '4px'\"\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=\"primary-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 [style.--border-radius]=\"isStarTheme() ? '0px' : '4px'\"\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 [style.--border-radius]=\"isStarTheme() ? '0px' : isMaternityStarTheme() ? '2rem' : '4px'\"\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"] }]
241
+ ], 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 size=\"large\"\n [placeholder]=\"section.config.placeholder || ''\"\n [name]=\"section.config.name || ''\"\n [iconName]=\"section.config.iconName || ''\"\n [value]=\"section.config.control.value\"\n [style.--border-radius]=\"isStarTheme() ? '0px' : isMaternityStarTheme() ? '2rem' : '4px'\"\n (valueChange)=\"handleInputChange($event, section.config.control)\"\n ></cura-input-text>\n }\n @case ('select') {\n <cura-select\n size=\"large\"\n [label]=\"section.config.label || ''\"\n [placeholder]=\"section.config.placeholder || ''\"\n [(value)]=\"section.config.control.value\"\n [style.--border-radius]=\"isStarTheme() ? '0px' : isMaternityStarTheme() ? '2rem' : '4px'\"\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=\"primary-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\"\n [style.--border-radius]=\"isStarTheme() ? '0px' : '4px'\"\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 [style.--border-radius]=\"isStarTheme() ? '0px' : isMaternityStarTheme() ? '2rem' : '4px'\"\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"] }]
242
242
  }], propDecorators: { filterChange: [{ type: i0.Output, args: ["filterChange"] }], closeModal: [{ type: i0.Output, args: ["closeModal"] }], openMobileFilter: [{ type: i0.Output, args: ["openMobileFilter"] }], withContainerStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "withContainerStyle", required: false }] }], showClearButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showClearButton", required: false }] }], showApplyButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showApplyButton", required: false }] }], showCloseButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCloseButton", required: false }] }], disableButtons: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableButtons", required: false }] }], showBadge: [{ type: i0.Input, args: [{ isSignal: true, alias: "showBadge", required: false }] }], showToggleIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "showToggleIcon", required: false }] }], isFilterOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "isFilterOpen", required: false }] }, { type: i0.Output, args: ["isFilterOpenChange"] }], mobileBehavior: [{ type: i0.Input, args: [{ isSignal: true, alias: "mobileBehavior", required: false }] }], forceCollapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "forceCollapsed", required: false }] }], emitOnReset: [{ type: i0.Input, args: [{ isSignal: true, alias: "emitOnReset", required: false }] }], textTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "textTitle", required: false }] }], sections: [{ type: i0.Input, args: [{ isSignal: true, alias: "sections", required: false }] }], isStarTheme: [{ type: i0.Input, args: [{ isSignal: true, alias: "isStarTheme", required: false }] }], isMaternityStarTheme: [{ type: i0.Input, args: [{ isSignal: true, alias: "isMaternityStarTheme", required: false }] }], styleBinding: [{
243
243
  type: HostBinding,
244
244
  args: ['style']
@@ -1 +1 @@
1
- {"version":3,"file":"rededor-site-front-end-lib-components-filters-filter-generic.mjs","sources":["../../../projects/site-front-end-lib/components/filters/filter-generic/filter-generic.component.ts","../../../projects/site-front-end-lib/components/filters/filter-generic/filter-generic.component.html","../../../projects/site-front-end-lib/components/filters/filter-generic/rededor-site-front-end-lib-components-filters-filter-generic.ts"],"sourcesContent":["import { CommonModule, isPlatformBrowser } from '@angular/common';\nimport { ChangeDetectorRef, Component, HostBinding, OnInit, PLATFORM_ID, input, model, output, inject, computed, signal } from '@angular/core';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { FilterAction, FilterControlValue, FilterSection, FilterEvent, FilterPlanosConveniosChange } from '@rededor/site-front-end-lib/core';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\nimport { CuraBadgeCounterComponent } from '@rededor/site-front-end-lib/cura/badges/cura-badge-counter';\nimport { CuraButtonComponent } from '@rededor/site-front-end-lib/cura/buttons/cura-button';\nimport { CuraButtonTransparentComponent } from '@rededor/site-front-end-lib/cura/buttons/cura-button-transparent';\nimport { CheckboxChangeEvent } from '@rededor/site-front-end-lib/cura/forms/cura-checkbox';\nimport { CuraCheckboxComponent } from '@rededor/site-front-end-lib/cura/forms/cura-checkbox';\nimport { CuraInputTextComponent } from '@rededor/site-front-end-lib/cura/forms/cura-input-text';\nimport { CuraLabelComponent } from '@rededor/site-front-end-lib/cura/forms/cura-label';\nimport { RadioChangeEvent } from '@rededor/site-front-end-lib/cura/forms/cura-radio';\nimport { CuraRadioComponent } from '@rededor/site-front-end-lib/cura/forms/cura-radio';\nimport { SelectSelectedEvent } from '@rededor/site-front-end-lib/cura/forms/cura-select';\nimport { CuraSelectComponent } from '@rededor/site-front-end-lib/cura/forms/cura-select';\nimport { CuraSelectOptionComponent } from '@rededor/site-front-end-lib/cura/forms/cura-select-option';\nimport { CuraIconComponent } from '@rededor/site-front-end-lib/cura/icons/cura-icon';\nimport { CuraHeadingComponent } from '@rededor/site-front-end-lib/cura/texts/cura-heading';\nimport { CuraParagraphComponent } from '@rededor/site-front-end-lib/cura/texts/cura-paragraph';\nimport { MediaQueries } from '@rededor/site-front-end-lib/shared';\n\n@Component({\n selector: 'rdsite-filter-generic',\n imports: [\n CommonModule,\n ReactiveFormsModule,\n CuraLabelComponent,\n CuraBadgeCounterComponent,\n CuraButtonTransparentComponent,\n CuraInputTextComponent,\n CuraIconComponent,\n CuraSelectComponent,\n CuraSelectOptionComponent,\n CuraHeadingComponent,\n CuraCheckboxComponent,\n CuraRadioComponent,\n CuraButtonComponent,\n CuraParagraphComponent,\n ],\n templateUrl: './filter-generic.component.html',\n styleUrls: ['./filter-generic.component.scss'],\n})\nexport class FilterGenericComponent implements OnInit {\n private readonly curaApiService = inject(CuraApiService);\n private readonly cdr = inject(ChangeDetectorRef);\n private readonly platformId = inject(PLATFORM_ID);\n\n readonly filterChange = output<FilterEvent>();\n readonly closeModal = output<boolean>();\n readonly openMobileFilter = output<void>();\n\n readonly withContainerStyle = input(true);\n readonly showClearButton = input(true);\n readonly showApplyButton = input(true);\n readonly showCloseButton = input(false);\n readonly disableButtons = input(false);\n readonly showBadge = input(true);\n readonly showToggleIcon = input(true);\n isFilterOpen = model(true);\n readonly mobileBehavior = input(false);\n readonly forceCollapsed = input(false);\n readonly emitOnReset = input(false);\n readonly textTitle = input('Filtrar por');\n readonly sections = input<FilterSection[]>([]);\n\n readonly windowWidth = signal(0);\n private readonly controlsChange = signal(0);\n\n readonly isStarTheme = input<boolean>(false);\n readonly isMaternityStarTheme = input<boolean>(false);\n\n readonly selectedFiltersCount = computed(() => {\n this.controlsChange();\n return this.sections().reduce((count, section) => {\n if ((section.type !== 'custom' && !section.config?.control) || (section.type === 'custom' && !section.config?.count)) return count;\n\n const value = section.config.control?.value || null;\n\n switch (section.type) {\n case 'checkbox-group':\n return count + (Array.isArray(value) ? value.filter((item) => item?.checked).length : 0);\n case 'radio-group':\n return count + (value?.value ? 1 : 0);\n case 'custom':\n const customCount = section.config.count || 0;\n return count + customCount;\n default:\n return count + (value ? 1 : 0);\n }\n }, 0);\n });\n\n @HostBinding('style') styleBinding = {\n '--font-family': this.curaApiService.theme.fonts.getFamily(''),\n '--neutral-opacity-black': this.curaApiService.theme.colors.getColor('neutral-black', 0.2),\n '--neutral-dark': this.curaApiService.theme.colors.getColor('neutral-dark'),\n '--neutral-darker': this.curaApiService.theme.colors.getColor('neutral-darker'),\n '--neutral-medium': this.curaApiService.theme.colors.getColor('neutral-medium'),\n '--neutral-light': this.curaApiService.theme.colors.getColor('neutral-light'),\n '--neutral-lighter': this.curaApiService.theme.colors.getColor('neutral-lighter'),\n '--neutral-purewhite': this.curaApiService.theme.colors.getColor('neutral-purewhite'),\n '--primary-base': this.curaApiService.theme.colors.getColor('primary-base'),\n '--primary-lighter': this.curaApiService.theme.colors.getColor('primary-lighter'),\n };\n\n ngOnInit(): void {\n if (isPlatformBrowser(this.platformId)) {\n this.windowWidth.set(window.innerWidth);\n }\n\n if (this.forceCollapsed() && this.isMobile()) {\n this.isFilterOpen.set(false);\n }\n }\n\n handleInputChange(event: any | number, control: FormControl): void {\n control.setValue(event.value);\n this.controlsChange.update((v) => v + 1);\n }\n\n handleSelectChange({ value }: SelectSelectedEvent, control: FormControl): void {\n if (value !== undefined) {\n control.setValue(value);\n this.controlsChange.update((v) => v + 1);\n }\n }\n\n handleCheckboxChange({ value, checked }: CheckboxChangeEvent, options: any[]): void {\n const changedOption = options.find((opt) => opt.value === value);\n if (changedOption) changedOption.checked = checked;\n\n this.updateCheckboxGroup(options);\n }\n\n handleRadioChange({ value }: RadioChangeEvent, control: FormControl): void {\n const selectedValue = value;\n control.setValue(control.value?.value === selectedValue ? null : { value: selectedValue });\n this.controlsChange.update((v) => v + 1);\n }\n\n filter(): void {\n this.emitFilterChange('filter');\n if (this.mobileBehavior() || this.showCloseButton()) this.close();\n }\n\n reset(): void {\n this.resetAllControls();\n\n if (this.emitOnReset()) {\n this.emitFilterChange('reset');\n this.close();\n }\n }\n\n close(): void {\n this.closeModal.emit(true);\n }\n\n toggleFilter(): void {\n if (this.mobileBehavior() && this.isMobile()) {\n this.openMobileFilter.emit(undefined);\n } else {\n this.isFilterOpen.set(!this.isFilterOpen());\n }\n this.cdr.detectChanges();\n }\n\n hasSelection(): boolean {\n return this.selectedFiltersCount() > 0;\n }\n\n readonly isMobile = computed(() => {\n return this.windowWidth() <= MediaQueries.smallBreakpoint;\n });\n\n getRadioGroupValue(control?: FormControl<FilterControlValue>): any {\n const value = control?.value;\n return value && typeof value === 'object' && 'value' in value ? value.value : null;\n }\n\n hasScroll(section: FilterSection): boolean {\n switch (section.type) {\n case 'checkbox-group':\n return section.config.options && section.config.options.length > 6;\n case 'radio-group':\n return section.config.options && section.config.options.length > 6;\n default:\n return false;\n }\n }\n\n getSectionClass(section: FilterSection): string {\n return this.hasScroll(section) ? 'scrollable' : '';\n }\n\n shouldHandleMobileClick(): boolean {\n return this.mobileBehavior() && this.isMobile() && this.forceCollapsed();\n }\n\n handleMobileClick(): void {\n if (this.shouldHandleMobileClick()) {\n this.openMobileFilter.emit();\n }\n }\n\n private emitFilterChange(action: FilterAction): void {\n const filterData = this.buildFilterData();\n const isEmpty = this.isFilterDataEmpty(filterData);\n\n this.filterChange.emit({\n data: this.emitOnReset() || !isEmpty ? filterData : null,\n action: action,\n });\n }\n\n private resetAllControls(): void {\n this.sections().forEach((section) => {\n if (!section.config?.control) return;\n\n if (section.type === 'checkbox-group') {\n const resetOptions = section?.config?.options?.map((option: any) => ({ ...option, checked: false })) || [];\n section.config.options = resetOptions;\n section.config.control.setValue(resetOptions, { emitEvent: false });\n } else {\n section.config.control.reset('', { emitEvent: false });\n }\n });\n this.controlsChange.update((v) => v + 1);\n }\n\n private updateCheckboxGroup(options: any[]): void {\n this.sections()\n .filter((section) => section.type === 'checkbox-group')\n .forEach((section) => {\n section.config.options = [...options];\n section.config.control.setValue([...options]);\n });\n this.controlsChange.update((v) => v + 1);\n }\n\n private buildFilterData(): FilterPlanosConveniosChange | any {\n const filterData: FilterPlanosConveniosChange = {\n unidade: '',\n estado: '',\n cobertura: [],\n };\n\n this.sections().forEach((section) => {\n if (!section.config?.control) return;\n\n const value = section.config.control.value;\n\n switch (section.type) {\n case 'input':\n filterData.unidade = value || '';\n break;\n case 'select':\n filterData.estado = value || '';\n break;\n case 'checkbox-group':\n filterData.cobertura = Array.isArray(value) ? value.filter((item) => item.checked) : [];\n break;\n }\n });\n\n return filterData;\n }\n\n private isFilterDataEmpty(filterData: FilterPlanosConveniosChange): boolean {\n return Object.values(filterData).every((val) => val === null || val === '' || (Array.isArray(val) && val.length === 0));\n }\n}\n","<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 size=\"large\"\n [placeholder]=\"section.config.placeholder || ''\"\n [name]=\"section.config.name || ''\"\n [iconName]=\"section.config.iconName || ''\"\n [value]=\"section.config.control.value\"\n [style.--border-radius]=\"isStarTheme() ? '0px' : isMaternityStarTheme() ? '2rem' : '4px'\"\n (valueChange)=\"handleInputChange($event, section.config.control)\"\n ></cura-input-text>\n }\n @case ('select') {\n <cura-select\n size=\"large\"\n [label]=\"section.config.label || ''\"\n [placeholder]=\"section.config.placeholder || ''\"\n [value]=\"section.config.control.value\"\n [style.--border-radius]=\"isStarTheme() ? '0px' : isMaternityStarTheme() ? '2rem' : '4px'\"\n (selected)=\"handleSelectChange($event, section.config.control)\"\n >\n @if (section.config.includeDefaultOption) {\n <cura-select-option [value]=\"''\">{{ section.config.defaultOptionText || 'Faça a sua Seleção' }}</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=\"primary-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 [style.--border-radius]=\"isStarTheme() ? '0px' : '4px'\"\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 [style.--border-radius]=\"isStarTheme() ? '0px' : isMaternityStarTheme() ? '2rem' : '4px'\"\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","/**\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-filters-filter-generic.mjs","sources":["../../../projects/site-front-end-lib/components/filters/filter-generic/filter-generic.component.ts","../../../projects/site-front-end-lib/components/filters/filter-generic/filter-generic.component.html","../../../projects/site-front-end-lib/components/filters/filter-generic/rededor-site-front-end-lib-components-filters-filter-generic.ts"],"sourcesContent":["import { CommonModule, isPlatformBrowser } from '@angular/common';\nimport { ChangeDetectorRef, Component, HostBinding, OnInit, PLATFORM_ID, input, model, output, inject, computed, signal } from '@angular/core';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { FilterAction, FilterControlValue, FilterSection, FilterEvent, FilterPlanosConveniosChange } from '@rededor/site-front-end-lib/core';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\nimport { CuraBadgeCounterComponent } from '@rededor/site-front-end-lib/cura/badges/cura-badge-counter';\nimport { CuraButtonComponent } from '@rededor/site-front-end-lib/cura/buttons/cura-button';\nimport { CuraButtonTransparentComponent } from '@rededor/site-front-end-lib/cura/buttons/cura-button-transparent';\nimport { CheckboxChangeEvent } from '@rededor/site-front-end-lib/cura/forms/cura-checkbox';\nimport { CuraCheckboxComponent } from '@rededor/site-front-end-lib/cura/forms/cura-checkbox';\nimport { CuraInputTextComponent } from '@rededor/site-front-end-lib/cura/forms/cura-input-text';\nimport { CuraLabelComponent } from '@rededor/site-front-end-lib/cura/forms/cura-label';\nimport { RadioChangeEvent } from '@rededor/site-front-end-lib/cura/forms/cura-radio';\nimport { CuraRadioComponent } from '@rededor/site-front-end-lib/cura/forms/cura-radio';\nimport { SelectSelectedEvent } from '@rededor/site-front-end-lib/cura/forms/cura-select';\nimport { CuraSelectComponent } from '@rededor/site-front-end-lib/cura/forms/cura-select';\nimport { CuraSelectOptionComponent } from '@rededor/site-front-end-lib/cura/forms/cura-select-option';\nimport { CuraIconComponent } from '@rededor/site-front-end-lib/cura/icons/cura-icon';\nimport { CuraHeadingComponent } from '@rededor/site-front-end-lib/cura/texts/cura-heading';\nimport { CuraParagraphComponent } from '@rededor/site-front-end-lib/cura/texts/cura-paragraph';\nimport { MediaQueries } from '@rededor/site-front-end-lib/shared';\n\n@Component({\n selector: 'rdsite-filter-generic',\n imports: [\n CommonModule,\n ReactiveFormsModule,\n CuraLabelComponent,\n CuraBadgeCounterComponent,\n CuraButtonTransparentComponent,\n CuraInputTextComponent,\n CuraIconComponent,\n CuraSelectComponent,\n CuraSelectOptionComponent,\n CuraHeadingComponent,\n CuraCheckboxComponent,\n CuraRadioComponent,\n CuraButtonComponent,\n CuraParagraphComponent,\n ],\n templateUrl: './filter-generic.component.html',\n styleUrls: ['./filter-generic.component.scss'],\n})\nexport class FilterGenericComponent implements OnInit {\n private readonly curaApiService = inject(CuraApiService);\n private readonly cdr = inject(ChangeDetectorRef);\n private readonly platformId = inject(PLATFORM_ID);\n\n readonly filterChange = output<FilterEvent>();\n readonly closeModal = output<boolean>();\n readonly openMobileFilter = output<void>();\n\n readonly withContainerStyle = input(true);\n readonly showClearButton = input(true);\n readonly showApplyButton = input(true);\n readonly showCloseButton = input(false);\n readonly disableButtons = input(false);\n readonly showBadge = input(true);\n readonly showToggleIcon = input(true);\n isFilterOpen = model(true);\n readonly mobileBehavior = input(false);\n readonly forceCollapsed = input(false);\n readonly emitOnReset = input(false);\n readonly textTitle = input('Filtrar por');\n readonly sections = input<FilterSection[]>([]);\n\n readonly windowWidth = signal(0);\n private readonly controlsChange = signal(0);\n\n readonly isStarTheme = input<boolean>(false);\n readonly isMaternityStarTheme = input<boolean>(false);\n\n readonly selectedFiltersCount = computed(() => {\n this.controlsChange();\n return this.sections().reduce((count, section) => {\n if ((section.type !== 'custom' && !section.config?.control) || (section.type === 'custom' && !section.config?.count)) return count;\n\n const value = section.config.control?.value || null;\n\n switch (section.type) {\n case 'checkbox-group':\n return count + (Array.isArray(value) ? value.filter((item) => item?.checked).length : 0);\n case 'radio-group':\n return count + (value?.value ? 1 : 0);\n case 'custom':\n const customCount = section.config.count || 0;\n return count + customCount;\n default:\n return count + (value ? 1 : 0);\n }\n }, 0);\n });\n\n @HostBinding('style') styleBinding = {\n '--font-family': this.curaApiService.theme.fonts.getFamily(''),\n '--neutral-opacity-black': this.curaApiService.theme.colors.getColor('neutral-black', 0.2),\n '--neutral-dark': this.curaApiService.theme.colors.getColor('neutral-dark'),\n '--neutral-darker': this.curaApiService.theme.colors.getColor('neutral-darker'),\n '--neutral-medium': this.curaApiService.theme.colors.getColor('neutral-medium'),\n '--neutral-light': this.curaApiService.theme.colors.getColor('neutral-light'),\n '--neutral-lighter': this.curaApiService.theme.colors.getColor('neutral-lighter'),\n '--neutral-purewhite': this.curaApiService.theme.colors.getColor('neutral-purewhite'),\n '--primary-base': this.curaApiService.theme.colors.getColor('primary-base'),\n '--primary-lighter': this.curaApiService.theme.colors.getColor('primary-lighter'),\n };\n\n ngOnInit(): void {\n if (isPlatformBrowser(this.platformId)) {\n this.windowWidth.set(window.innerWidth);\n }\n\n if (this.forceCollapsed() && this.isMobile()) {\n this.isFilterOpen.set(false);\n }\n }\n\n handleInputChange(event: any | number, control: FormControl): void {\n control.setValue(event.value);\n this.controlsChange.update((v) => v + 1);\n }\n\n handleSelectChange({ value }: SelectSelectedEvent, control: FormControl): void {\n if (value !== undefined) {\n control.setValue(value);\n this.controlsChange.update((v) => v + 1);\n }\n }\n\n handleCheckboxChange({ value, checked }: CheckboxChangeEvent, options: any[]): void {\n const changedOption = options.find((opt) => opt.value === value);\n if (changedOption) changedOption.checked = checked;\n\n this.updateCheckboxGroup(options);\n }\n\n handleRadioChange({ value }: RadioChangeEvent, control: FormControl): void {\n const selectedValue = value;\n control.setValue(control.value?.value === selectedValue ? null : { value: selectedValue });\n this.controlsChange.update((v) => v + 1);\n }\n\n filter(): void {\n this.emitFilterChange('filter');\n if (this.mobileBehavior() || this.showCloseButton()) this.close();\n }\n\n reset(): void {\n this.resetAllControls();\n\n if (this.emitOnReset()) {\n this.emitFilterChange('reset');\n this.close();\n }\n }\n\n close(): void {\n this.closeModal.emit(true);\n }\n\n toggleFilter(): void {\n if (this.mobileBehavior() && this.isMobile()) {\n this.openMobileFilter.emit(undefined);\n } else {\n this.isFilterOpen.set(!this.isFilterOpen());\n }\n this.cdr.detectChanges();\n }\n\n hasSelection(): boolean {\n return this.selectedFiltersCount() > 0;\n }\n\n readonly isMobile = computed(() => {\n return this.windowWidth() <= MediaQueries.smallBreakpoint;\n });\n\n getRadioGroupValue(control?: FormControl<FilterControlValue>): any {\n const value = control?.value;\n return value && typeof value === 'object' && 'value' in value ? value.value : null;\n }\n\n hasScroll(section: FilterSection): boolean {\n switch (section.type) {\n case 'checkbox-group':\n return section.config.options && section.config.options.length > 6;\n case 'radio-group':\n return section.config.options && section.config.options.length > 6;\n default:\n return false;\n }\n }\n\n getSectionClass(section: FilterSection): string {\n return this.hasScroll(section) ? 'scrollable' : '';\n }\n\n shouldHandleMobileClick(): boolean {\n return this.mobileBehavior() && this.isMobile() && this.forceCollapsed();\n }\n\n handleMobileClick(): void {\n if (this.shouldHandleMobileClick()) {\n this.openMobileFilter.emit();\n }\n }\n\n private emitFilterChange(action: FilterAction): void {\n const filterData = this.buildFilterData();\n const isEmpty = this.isFilterDataEmpty(filterData);\n\n this.filterChange.emit({\n data: this.emitOnReset() || !isEmpty ? filterData : null,\n action: action,\n });\n }\n\n private resetAllControls(): void {\n this.sections().forEach((section) => {\n if (!section.config?.control) return;\n\n if (section.type === 'checkbox-group') {\n const resetOptions = section?.config?.options?.map((option: any) => ({ ...option, checked: false })) || [];\n section.config.options = resetOptions;\n section.config.control.setValue(resetOptions, { emitEvent: true });\n } else {\n section.config.control.reset('', { emitEvent: true });\n }\n });\n this.controlsChange.update((v) => v + 1);\n }\n\n private updateCheckboxGroup(options: any[]): void {\n this.sections()\n .filter((section) => section.type === 'checkbox-group')\n .forEach((section) => {\n section.config.options = [...options];\n section.config.control.setValue([...options]);\n });\n this.controlsChange.update((v) => v + 1);\n }\n\n private buildFilterData(): FilterPlanosConveniosChange | any {\n const filterData: FilterPlanosConveniosChange = {\n unidade: '',\n estado: '',\n cobertura: [],\n };\n\n this.sections().forEach((section) => {\n if (!section.config?.control) return;\n\n const value = section.config.control.value;\n\n switch (section.type) {\n case 'input':\n filterData.unidade = value || '';\n break;\n case 'select':\n filterData.estado = value || '';\n break;\n case 'checkbox-group':\n filterData.cobertura = Array.isArray(value) ? value.filter((item) => item.checked) : [];\n break;\n }\n });\n\n return filterData;\n }\n\n private isFilterDataEmpty(filterData: FilterPlanosConveniosChange): boolean {\n return Object.values(filterData).every((val) => val === null || val === '' || (Array.isArray(val) && val.length === 0));\n }\n}\n","<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 size=\"large\"\n [placeholder]=\"section.config.placeholder || ''\"\n [name]=\"section.config.name || ''\"\n [iconName]=\"section.config.iconName || ''\"\n [value]=\"section.config.control.value\"\n [style.--border-radius]=\"isStarTheme() ? '0px' : isMaternityStarTheme() ? '2rem' : '4px'\"\n (valueChange)=\"handleInputChange($event, section.config.control)\"\n ></cura-input-text>\n }\n @case ('select') {\n <cura-select\n size=\"large\"\n [label]=\"section.config.label || ''\"\n [placeholder]=\"section.config.placeholder || ''\"\n [(value)]=\"section.config.control.value\"\n [style.--border-radius]=\"isStarTheme() ? '0px' : isMaternityStarTheme() ? '2rem' : '4px'\"\n (selected)=\"handleSelectChange($event, section.config.control)\"\n >\n @if (section.config.includeDefaultOption) {\n <cura-select-option [value]=\"''\">{{ section.config.defaultOptionText || 'Faça a sua Seleção' }}</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=\"primary-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\"\n [style.--border-radius]=\"isStarTheme() ? '0px' : '4px'\"\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 [style.--border-radius]=\"isStarTheme() ? '0px' : isMaternityStarTheme() ? '2rem' : '4px'\"\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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
@@ -363,7 +363,7 @@ class HeaderComponent {
363
363
  this.headerService.toggleShowSearch(false);
364
364
  }
365
365
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
366
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: HeaderComponent, isStandalone: true, selector: "header[sl-hdr]", inputs: { project: { classPropertyName: "project", publicName: "project", isSignal: true, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, loginUrl: { classPropertyName: "loginUrl", publicName: "loginUrl", isSignal: true, isRequired: false, transformFunction: null }, homeUrl: { classPropertyName: "homeUrl", publicName: "homeUrl", isSignal: true, isRequired: false, transformFunction: null }, showSearch: { classPropertyName: "showSearch", publicName: "showSearch", isSignal: true, isRequired: false, transformFunction: null }, logo: { classPropertyName: "logo", publicName: "logo", isSignal: true, isRequired: false, transformFunction: null }, searchControl: { classPropertyName: "searchControl", publicName: "searchControl", isSignal: true, isRequired: false, transformFunction: null }, mainMenu: { classPropertyName: "mainMenu", publicName: "mainMenu", isSignal: true, isRequired: false, transformFunction: null }, auxMenuGroups: { classPropertyName: "auxMenuGroups", publicName: "auxMenuGroups", isSignal: true, isRequired: false, transformFunction: null }, auxMenuGeoloc: { classPropertyName: "auxMenuGeoloc", publicName: "auxMenuGeoloc", isSignal: true, isRequired: false, transformFunction: null }, sideMenuGroups: { classPropertyName: "sideMenuGroups", publicName: "sideMenuGroups", isSignal: true, isRequired: false, transformFunction: null }, sideMenuGeoloc: { classPropertyName: "sideMenuGeoloc", publicName: "sideMenuGeoloc", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { headerAuxMenuItemClick: "headerAuxMenuItemClick", headerAuxMenuItemDDClick: "headerAuxMenuItemDDClick", headerMainMenuCtaDDClick: "headerMainMenuCtaDDClick", searchChange: "searchChange" }, host: { listeners: { "window:resize": "checkWindowWidth($event)" }, properties: { "style.--font-family": "this.curaApiService.theme.fonts.getFamily()" } }, ngImport: i0, template: "<div class=\"sl-hdr-content\" [ngClass]=\"{ 'show-search': headerService.showSearch() }\">\n @defer (hydrate on hover) {\n <div sl-hdr-logo [href]=\"logo().href\" [title]=\"logo().title\" [alt]=\"logo().alt\" [src]=\"logo().src\" (click)=\"overlayClick()\"></div>\n }\n\n <nav class=\"sl-hdr-aux\" (click)=\"overlayClick()\">\n <div class=\"sl-hdr-aux-wrapper\">\n @for (auxMenuGroup of auxMenuGroups(); track $index; let firstGroup = $first; let lastGroup = $last) {\n @if (firstGroup) {\n <ul class=\"sl-hdr-aux-container\">\n @for (auxMenuItem of auxMenuGroup; track auxMenuItem.title) {\n <li\n sl-hdr-aux-item\n [item]=\"auxMenuItem\"\n (headerAuxMenuItemClick)=\"headerAuxMenuItemClick.emit($event)\"\n (headerAuxMenuItemDDClick)=\"headerAuxMenuItemDDClick.emit($event)\"\n ></li>\n }\n </ul>\n } @else if (isDesktop()) {\n <ul class=\"sl-hdr-aux-container\">\n @for (auxMenuItem of auxMenuGroup; track auxMenuItem.title) {\n <li\n sl-hdr-aux-item\n [item]=\"auxMenuItem\"\n [altStyle]=\"true\"\n (headerAuxMenuItemClick)=\"headerAuxMenuItemClick.emit($event)\"\n (headerAuxMenuItemDDClick)=\"headerAuxMenuItemDDClick.emit($event)\"\n ></li>\n }\n </ul>\n }\n }\n @if (auxMenuGeoloc()) {\n <ul class=\"sl-hdr-aux-container\">\n <ng-container *ngTemplateOutlet=\"auxMenuGeoloc()\"></ng-container>\n </ul>\n }\n </div>\n </nav>\n\n @defer (hydrate on hover) {\n <div sl-hdr-act [loginUrl]=\"loginUrl()\" [showSearch]=\"showSearch()\" [homeUrl]=\"homeUrl()\"></div>\n }\n\n <nav class=\"sl-hdr-main\">\n <ul class=\"sl-hdr-main-list\">\n @for (mainItem of mainMenu(); track mainItem.title) {\n @defer (hydrate on hover) {\n <li sl-hdr-main-item [item]=\"mainItem\" (headerMainMenuCtaDDClick)=\"headerMainMenuCtaDDClick.emit({ event: $event, item: mainItem })\"></li>\n }\n }\n </ul>\n </nav>\n\n @defer (hydrate when headerService.showSideMenu()) {\n <div sl-hdr-side [sideMenuGroups]=\"sideMenuGroups()\" [sideMenuGeoloc]=\"sideMenuGeoloc()\"></div>\n }\n\n @if (searchControl()) {\n @defer (hydrate when headerService.showSearch()) {\n <rdsite-search\n class=\"sl-hdr-search\"\n [searchControl]=\"searchControl()!\"\n [label]=\"'O que voc\u00EA procura?'\"\n [debounceTime]=\"1500\"\n [setFocus]=\"true\"\n (enterPress)=\"doSearch($event)\"\n >\n </rdsite-search>\n }\n }\n</div>\n\n@defer (hydrate when headerService.showSearch()) {\n <rdsite-overlay\n class=\"search-overlay\"\n [ngClass]=\"{ active: headerService.showSearch(), opacity: headerService.showSearchOpacity() }\"\n (overlayClick)=\"overlayClick()\"\n ></rdsite-overlay>\n}\n", styles: ["header[sl-hdr]{position:sticky;top:0;z-index:9999;display:grid!important;grid-template-areas:\". content .\";grid-template-columns:minmax(0px,1fr) minmax(auto,1366px) minmax(0px,1fr);grid-template-rows:80px;background-color:var(--hdr-bg-color);height:80px;box-shadow:0 1px 4px #26262629}header[sl-hdr] *{font-family:var(--font-family)!important}header[sl-hdr] svg{stroke:#fff;stroke-width:2.1px;fill:none}header[sl-hdr] .sl-hdr-content{grid-area:content;display:grid!important;grid-template-areas:\"logo . action\" \"logo . action\" \"main main main\";grid-template-columns:144px 1fr auto;grid-template-rows:36px 44px 0px}header[sl-hdr] .sl-hdr-content div[sl-hdr-logo]{grid-area:logo}header[sl-hdr] .sl-hdr-content .sl-hdr-aux{display:none;grid-area:aux;background-color:var(--hdr-aux-bg-color);justify-content:flex-start}header[sl-hdr] .sl-hdr-content .sl-hdr-aux .sl-hdr-aux-wrapper{display:flex;width:100%;height:100%;justify-content:flex-start;gap:2px}header[sl-hdr] .sl-hdr-content .sl-hdr-aux .sl-hdr-aux-wrapper ul.sl-hdr-aux-container{display:flex;height:100%;justify-content:space-around;background-color:var(--hdr-aux-container-bg-color);list-style-type:none;padding:0 12px;flex-grow:1}header[sl-hdr] .sl-hdr-content div[sl-hdr-act]{grid-area:action;background-color:var(--hdr-act-bg-color)}header[sl-hdr] .sl-hdr-content nav.sl-hdr-main{grid-area:main}header[sl-hdr] .sl-hdr-content nav.sl-hdr-main ul.sl-hdr-main-list{list-style-type:none;display:flex;width:100%;height:100%;justify-content:flex-start;gap:8px}header[sl-hdr] .sl-hdr-content .sl-hdr-search{grid-area:search;display:none;position:relative;z-index:-1;background-color:#fff;width:100%;height:100%}header[sl-hdr] .sl-hdr-content.show-search{grid-template-areas:\"logo . action\" \"logo . action\" \"search search search\"}header[sl-hdr] .sl-hdr-content.show-search .sl-hdr-main{display:none}header[sl-hdr] .sl-hdr-content.show-search .sl-hdr-search{height:48px;display:block;z-index:1000}header[sl-hdr] .search-overlay{top:100%;right:0;z-index:-1;width:100vw;height:calc(100vh - 100%);transition:all .3s ease-out;opacity:0;background-color:var(--hdr-over-bg-color);pointer-events:none}header[sl-hdr] .search-overlay.active{z-index:999;opacity:.9;pointer-events:all}header[sl-hdr] .search-overlay.opacity{opacity:1}@media only screen and (min-width: 1024px){header[sl-hdr] .sl-hdr-content{grid-template-areas:\"logo aux action\" \"logo main main\";grid-template-columns:144px 1fr auto}header[sl-hdr] .sl-hdr-content.show-search{grid-template-areas:\"logo aux action\" \"logo search search\"}header[sl-hdr] .sl-hdr-content.show-search .sl-hdr-search{height:auto}header[sl-hdr] .sl-hdr-content .sl-hdr-aux{display:block}header[sl-hdr] .sl-hdr-content .sl-hdr-main{display:block}}@media only screen and (min-width: 1366px){header[sl-hdr]{height:88px}header[sl-hdr] .sl-hdr-content{grid-template-rows:36px 52px;height:88px}}\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: "component", type: HeaderAuxMenuItemComponent, selector: "li[sl-hdr-aux-item]", inputs: ["item", "altStyle", "onlyDesktop"], outputs: ["headerAuxMenuItemClick", "headerAuxMenuItemDDClick"] }], encapsulation: i0.ViewEncapsulation.None, deferBlockDependencies: [() => [Promise.resolve().then(function () { return headerLogo_component; }).then(m => m.HeaderLogoComponent)], () => [import('@rededor/site-front-end-lib/components/header/components/action').then(m => m.HeaderActionMenuComponent)], () => [import('@rededor/site-front-end-lib/components/header/components/main').then(m => m.HeaderMainMenuItemComponent)], () => [import('@rededor/site-front-end-lib/components/header/components/side').then(m => m.HeaderSideMenuComponent)], () => [import('@rededor/site-front-end-lib/components/search').then(m => m.SearchComponent)], () => [i1.NgClass, import('@rededor/site-front-end-lib/components/overlay').then(m => m.OverlayComponent)]] }); }
366
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: HeaderComponent, isStandalone: true, selector: "header[sl-hdr]", inputs: { project: { classPropertyName: "project", publicName: "project", isSignal: true, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, loginUrl: { classPropertyName: "loginUrl", publicName: "loginUrl", isSignal: true, isRequired: false, transformFunction: null }, homeUrl: { classPropertyName: "homeUrl", publicName: "homeUrl", isSignal: true, isRequired: false, transformFunction: null }, showSearch: { classPropertyName: "showSearch", publicName: "showSearch", isSignal: true, isRequired: false, transformFunction: null }, logo: { classPropertyName: "logo", publicName: "logo", isSignal: true, isRequired: false, transformFunction: null }, searchControl: { classPropertyName: "searchControl", publicName: "searchControl", isSignal: true, isRequired: false, transformFunction: null }, mainMenu: { classPropertyName: "mainMenu", publicName: "mainMenu", isSignal: true, isRequired: false, transformFunction: null }, auxMenuGroups: { classPropertyName: "auxMenuGroups", publicName: "auxMenuGroups", isSignal: true, isRequired: false, transformFunction: null }, auxMenuGeoloc: { classPropertyName: "auxMenuGeoloc", publicName: "auxMenuGeoloc", isSignal: true, isRequired: false, transformFunction: null }, sideMenuGroups: { classPropertyName: "sideMenuGroups", publicName: "sideMenuGroups", isSignal: true, isRequired: false, transformFunction: null }, sideMenuGeoloc: { classPropertyName: "sideMenuGeoloc", publicName: "sideMenuGeoloc", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { headerAuxMenuItemClick: "headerAuxMenuItemClick", headerAuxMenuItemDDClick: "headerAuxMenuItemDDClick", headerMainMenuCtaDDClick: "headerMainMenuCtaDDClick", searchChange: "searchChange" }, host: { listeners: { "window:resize": "checkWindowWidth($event)" }, properties: { "style.--font-family": "this.curaApiService.theme.fonts.getFamily()" } }, ngImport: i0, template: "<div class=\"sl-hdr-content\" [ngClass]=\"{ 'show-search': headerService.showSearch() }\">\n @defer (hydrate on hover) {\n <div sl-hdr-logo [href]=\"logo().href\" [title]=\"logo().title\" [alt]=\"logo().alt\" [src]=\"logo().src\" (click)=\"overlayClick()\"></div>\n }\n\n <nav class=\"sl-hdr-aux\" (click)=\"overlayClick()\">\n <div class=\"sl-hdr-aux-wrapper\">\n @for (auxMenuGroup of auxMenuGroups(); track $index; let firstGroup = $first; let lastGroup = $last) {\n @if (firstGroup) {\n <ul class=\"sl-hdr-aux-container\">\n @for (auxMenuItem of auxMenuGroup; track auxMenuItem.title) {\n <li\n sl-hdr-aux-item\n [item]=\"auxMenuItem\"\n (headerAuxMenuItemClick)=\"headerAuxMenuItemClick.emit($event)\"\n (headerAuxMenuItemDDClick)=\"headerAuxMenuItemDDClick.emit($event)\"\n ></li>\n }\n </ul>\n } @else if (isDesktop() && auxMenuGroup.length > 0) {\n <ul class=\"sl-hdr-aux-container\">\n @for (auxMenuItem of auxMenuGroup; track auxMenuItem.title) {\n <li\n sl-hdr-aux-item\n [item]=\"auxMenuItem\"\n [altStyle]=\"true\"\n (headerAuxMenuItemClick)=\"headerAuxMenuItemClick.emit($event)\"\n (headerAuxMenuItemDDClick)=\"headerAuxMenuItemDDClick.emit($event)\"\n ></li>\n }\n </ul>\n }\n }\n @if (auxMenuGeoloc()) {\n <ul class=\"sl-hdr-aux-container\">\n <ng-container *ngTemplateOutlet=\"auxMenuGeoloc()\"></ng-container>\n </ul>\n }\n </div>\n </nav>\n\n @defer (hydrate on hover) {\n <div sl-hdr-act [loginUrl]=\"loginUrl()\" [showSearch]=\"showSearch()\" [homeUrl]=\"homeUrl()\"></div>\n }\n\n <nav class=\"sl-hdr-main\">\n <ul class=\"sl-hdr-main-list\">\n @for (mainItem of mainMenu(); track mainItem.title) {\n @defer (hydrate on hover) {\n <li sl-hdr-main-item [item]=\"mainItem\" (headerMainMenuCtaDDClick)=\"headerMainMenuCtaDDClick.emit({ event: $event, item: mainItem })\"></li>\n }\n }\n </ul>\n </nav>\n\n @defer (hydrate when headerService.showSideMenu()) {\n <div sl-hdr-side [sideMenuGroups]=\"sideMenuGroups()\" [sideMenuGeoloc]=\"sideMenuGeoloc()\"></div>\n }\n\n @if (searchControl()) {\n @defer (hydrate when headerService.showSearch()) {\n <rdsite-search\n class=\"sl-hdr-search\"\n [searchControl]=\"searchControl()!\"\n [label]=\"'O que voc\u00EA procura?'\"\n [debounceTime]=\"1500\"\n [setFocus]=\"true\"\n (enterPress)=\"doSearch($event)\"\n >\n </rdsite-search>\n }\n }\n</div>\n\n@defer (hydrate when headerService.showSearch()) {\n <rdsite-overlay\n class=\"search-overlay\"\n [ngClass]=\"{ active: headerService.showSearch(), opacity: headerService.showSearchOpacity() }\"\n (overlayClick)=\"overlayClick()\"\n ></rdsite-overlay>\n}\n", styles: ["header[sl-hdr]{position:sticky;top:0;z-index:9999;display:grid!important;grid-template-areas:\". content .\";grid-template-columns:minmax(0px,1fr) minmax(auto,1366px) minmax(0px,1fr);grid-template-rows:80px;background-color:var(--hdr-bg-color);height:80px;box-shadow:0 1px 4px #26262629}header[sl-hdr] *{font-family:var(--font-family)!important}header[sl-hdr] svg{stroke:#fff;stroke-width:2.1px;fill:none}header[sl-hdr] .sl-hdr-content{grid-area:content;display:grid!important;grid-template-areas:\"logo . action\" \"logo . action\" \"main main main\";grid-template-columns:144px 1fr auto;grid-template-rows:36px 44px 0px}header[sl-hdr] .sl-hdr-content div[sl-hdr-logo]{grid-area:logo}header[sl-hdr] .sl-hdr-content .sl-hdr-aux{display:none;grid-area:aux;background-color:var(--hdr-aux-bg-color);justify-content:flex-start}header[sl-hdr] .sl-hdr-content .sl-hdr-aux .sl-hdr-aux-wrapper{display:flex;width:100%;height:100%;justify-content:flex-start;gap:2px}header[sl-hdr] .sl-hdr-content .sl-hdr-aux .sl-hdr-aux-wrapper ul.sl-hdr-aux-container{display:flex;height:100%;justify-content:space-around;background-color:var(--hdr-aux-container-bg-color);list-style-type:none;padding:0 12px;flex-grow:1}header[sl-hdr] .sl-hdr-content div[sl-hdr-act]{grid-area:action;background-color:var(--hdr-act-bg-color)}header[sl-hdr] .sl-hdr-content nav.sl-hdr-main{grid-area:main}header[sl-hdr] .sl-hdr-content nav.sl-hdr-main ul.sl-hdr-main-list{list-style-type:none;display:flex;width:100%;height:100%;justify-content:flex-start;gap:8px}header[sl-hdr] .sl-hdr-content .sl-hdr-search{grid-area:search;display:none;position:relative;z-index:-1;background-color:#fff;width:100%;height:100%}header[sl-hdr] .sl-hdr-content.show-search{grid-template-areas:\"logo . action\" \"logo . action\" \"search search search\"}header[sl-hdr] .sl-hdr-content.show-search .sl-hdr-main{display:none}header[sl-hdr] .sl-hdr-content.show-search .sl-hdr-search{height:48px;display:block;z-index:1000}header[sl-hdr] .search-overlay{top:100%;right:0;z-index:-1;width:100vw;height:calc(100vh - 100%);transition:all .3s ease-out;opacity:0;background-color:var(--hdr-over-bg-color);pointer-events:none}header[sl-hdr] .search-overlay.active{z-index:999;opacity:.9;pointer-events:all}header[sl-hdr] .search-overlay.opacity{opacity:1}@media only screen and (min-width: 1024px){header[sl-hdr] .sl-hdr-content{grid-template-areas:\"logo aux action\" \"logo main main\";grid-template-columns:144px 1fr auto}header[sl-hdr] .sl-hdr-content.show-search{grid-template-areas:\"logo aux action\" \"logo search search\"}header[sl-hdr] .sl-hdr-content.show-search .sl-hdr-search{height:auto}header[sl-hdr] .sl-hdr-content .sl-hdr-aux{display:block}header[sl-hdr] .sl-hdr-content .sl-hdr-main{display:block}}@media only screen and (min-width: 1366px){header[sl-hdr]{height:88px}header[sl-hdr] .sl-hdr-content{grid-template-rows:36px 52px;height:88px}}\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: "component", type: HeaderAuxMenuItemComponent, selector: "li[sl-hdr-aux-item]", inputs: ["item", "altStyle", "onlyDesktop"], outputs: ["headerAuxMenuItemClick", "headerAuxMenuItemDDClick"] }], encapsulation: i0.ViewEncapsulation.None, deferBlockDependencies: [() => [Promise.resolve().then(function () { return headerLogo_component; }).then(m => m.HeaderLogoComponent)], () => [import('@rededor/site-front-end-lib/components/header/components/action').then(m => m.HeaderActionMenuComponent)], () => [import('@rededor/site-front-end-lib/components/header/components/main').then(m => m.HeaderMainMenuItemComponent)], () => [import('@rededor/site-front-end-lib/components/header/components/side').then(m => m.HeaderSideMenuComponent)], () => [import('@rededor/site-front-end-lib/components/search').then(m => m.SearchComponent)], () => [i1.NgClass, import('@rededor/site-front-end-lib/components/overlay').then(m => m.OverlayComponent)]] }); }
367
367
  }
368
368
  i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "20.3.18", ngImport: i0, type: HeaderComponent, resolveDeferredDeps: () => [Promise.resolve().then(function () { return headerLogo_component; }).then(m => m.HeaderLogoComponent), import('@rededor/site-front-end-lib/components/header/components/action').then(m => m.HeaderActionMenuComponent), import('@rededor/site-front-end-lib/components/header/components/main').then(m => m.HeaderMainMenuItemComponent), import('@rededor/site-front-end-lib/components/header/components/side').then(m => m.HeaderSideMenuComponent), import('@rededor/site-front-end-lib/components/search').then(m => m.SearchComponent), import('@rededor/site-front-end-lib/components/overlay').then(m => m.OverlayComponent)], resolveMetadata: (HeaderLogoComponent, HeaderActionMenuComponent, HeaderMainMenuItemComponent, HeaderSideMenuComponent, SearchComponent, OverlayComponent) => ({ decorators: [{
369
369
  type: Component,
@@ -378,7 +378,7 @@ i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "20.3.18", n
378
378
  HeaderAuxMenuItemComponent,
379
379
  ], encapsulation: ViewEncapsulation.None, host: {
380
380
  '[style.--font-family]': 'this.curaApiService.theme.fonts.getFamily()',
381
- }, template: "<div class=\"sl-hdr-content\" [ngClass]=\"{ 'show-search': headerService.showSearch() }\">\n @defer (hydrate on hover) {\n <div sl-hdr-logo [href]=\"logo().href\" [title]=\"logo().title\" [alt]=\"logo().alt\" [src]=\"logo().src\" (click)=\"overlayClick()\"></div>\n }\n\n <nav class=\"sl-hdr-aux\" (click)=\"overlayClick()\">\n <div class=\"sl-hdr-aux-wrapper\">\n @for (auxMenuGroup of auxMenuGroups(); track $index; let firstGroup = $first; let lastGroup = $last) {\n @if (firstGroup) {\n <ul class=\"sl-hdr-aux-container\">\n @for (auxMenuItem of auxMenuGroup; track auxMenuItem.title) {\n <li\n sl-hdr-aux-item\n [item]=\"auxMenuItem\"\n (headerAuxMenuItemClick)=\"headerAuxMenuItemClick.emit($event)\"\n (headerAuxMenuItemDDClick)=\"headerAuxMenuItemDDClick.emit($event)\"\n ></li>\n }\n </ul>\n } @else if (isDesktop()) {\n <ul class=\"sl-hdr-aux-container\">\n @for (auxMenuItem of auxMenuGroup; track auxMenuItem.title) {\n <li\n sl-hdr-aux-item\n [item]=\"auxMenuItem\"\n [altStyle]=\"true\"\n (headerAuxMenuItemClick)=\"headerAuxMenuItemClick.emit($event)\"\n (headerAuxMenuItemDDClick)=\"headerAuxMenuItemDDClick.emit($event)\"\n ></li>\n }\n </ul>\n }\n }\n @if (auxMenuGeoloc()) {\n <ul class=\"sl-hdr-aux-container\">\n <ng-container *ngTemplateOutlet=\"auxMenuGeoloc()\"></ng-container>\n </ul>\n }\n </div>\n </nav>\n\n @defer (hydrate on hover) {\n <div sl-hdr-act [loginUrl]=\"loginUrl()\" [showSearch]=\"showSearch()\" [homeUrl]=\"homeUrl()\"></div>\n }\n\n <nav class=\"sl-hdr-main\">\n <ul class=\"sl-hdr-main-list\">\n @for (mainItem of mainMenu(); track mainItem.title) {\n @defer (hydrate on hover) {\n <li sl-hdr-main-item [item]=\"mainItem\" (headerMainMenuCtaDDClick)=\"headerMainMenuCtaDDClick.emit({ event: $event, item: mainItem })\"></li>\n }\n }\n </ul>\n </nav>\n\n @defer (hydrate when headerService.showSideMenu()) {\n <div sl-hdr-side [sideMenuGroups]=\"sideMenuGroups()\" [sideMenuGeoloc]=\"sideMenuGeoloc()\"></div>\n }\n\n @if (searchControl()) {\n @defer (hydrate when headerService.showSearch()) {\n <rdsite-search\n class=\"sl-hdr-search\"\n [searchControl]=\"searchControl()!\"\n [label]=\"'O que voc\u00EA procura?'\"\n [debounceTime]=\"1500\"\n [setFocus]=\"true\"\n (enterPress)=\"doSearch($event)\"\n >\n </rdsite-search>\n }\n }\n</div>\n\n@defer (hydrate when headerService.showSearch()) {\n <rdsite-overlay\n class=\"search-overlay\"\n [ngClass]=\"{ active: headerService.showSearch(), opacity: headerService.showSearchOpacity() }\"\n (overlayClick)=\"overlayClick()\"\n ></rdsite-overlay>\n}\n", styles: ["header[sl-hdr]{position:sticky;top:0;z-index:9999;display:grid!important;grid-template-areas:\". content .\";grid-template-columns:minmax(0px,1fr) minmax(auto,1366px) minmax(0px,1fr);grid-template-rows:80px;background-color:var(--hdr-bg-color);height:80px;box-shadow:0 1px 4px #26262629}header[sl-hdr] *{font-family:var(--font-family)!important}header[sl-hdr] svg{stroke:#fff;stroke-width:2.1px;fill:none}header[sl-hdr] .sl-hdr-content{grid-area:content;display:grid!important;grid-template-areas:\"logo . action\" \"logo . action\" \"main main main\";grid-template-columns:144px 1fr auto;grid-template-rows:36px 44px 0px}header[sl-hdr] .sl-hdr-content div[sl-hdr-logo]{grid-area:logo}header[sl-hdr] .sl-hdr-content .sl-hdr-aux{display:none;grid-area:aux;background-color:var(--hdr-aux-bg-color);justify-content:flex-start}header[sl-hdr] .sl-hdr-content .sl-hdr-aux .sl-hdr-aux-wrapper{display:flex;width:100%;height:100%;justify-content:flex-start;gap:2px}header[sl-hdr] .sl-hdr-content .sl-hdr-aux .sl-hdr-aux-wrapper ul.sl-hdr-aux-container{display:flex;height:100%;justify-content:space-around;background-color:var(--hdr-aux-container-bg-color);list-style-type:none;padding:0 12px;flex-grow:1}header[sl-hdr] .sl-hdr-content div[sl-hdr-act]{grid-area:action;background-color:var(--hdr-act-bg-color)}header[sl-hdr] .sl-hdr-content nav.sl-hdr-main{grid-area:main}header[sl-hdr] .sl-hdr-content nav.sl-hdr-main ul.sl-hdr-main-list{list-style-type:none;display:flex;width:100%;height:100%;justify-content:flex-start;gap:8px}header[sl-hdr] .sl-hdr-content .sl-hdr-search{grid-area:search;display:none;position:relative;z-index:-1;background-color:#fff;width:100%;height:100%}header[sl-hdr] .sl-hdr-content.show-search{grid-template-areas:\"logo . action\" \"logo . action\" \"search search search\"}header[sl-hdr] .sl-hdr-content.show-search .sl-hdr-main{display:none}header[sl-hdr] .sl-hdr-content.show-search .sl-hdr-search{height:48px;display:block;z-index:1000}header[sl-hdr] .search-overlay{top:100%;right:0;z-index:-1;width:100vw;height:calc(100vh - 100%);transition:all .3s ease-out;opacity:0;background-color:var(--hdr-over-bg-color);pointer-events:none}header[sl-hdr] .search-overlay.active{z-index:999;opacity:.9;pointer-events:all}header[sl-hdr] .search-overlay.opacity{opacity:1}@media only screen and (min-width: 1024px){header[sl-hdr] .sl-hdr-content{grid-template-areas:\"logo aux action\" \"logo main main\";grid-template-columns:144px 1fr auto}header[sl-hdr] .sl-hdr-content.show-search{grid-template-areas:\"logo aux action\" \"logo search search\"}header[sl-hdr] .sl-hdr-content.show-search .sl-hdr-search{height:auto}header[sl-hdr] .sl-hdr-content .sl-hdr-aux{display:block}header[sl-hdr] .sl-hdr-content .sl-hdr-main{display:block}}@media only screen and (min-width: 1366px){header[sl-hdr]{height:88px}header[sl-hdr] .sl-hdr-content{grid-template-rows:36px 52px;height:88px}}\n"] }]
381
+ }, template: "<div class=\"sl-hdr-content\" [ngClass]=\"{ 'show-search': headerService.showSearch() }\">\n @defer (hydrate on hover) {\n <div sl-hdr-logo [href]=\"logo().href\" [title]=\"logo().title\" [alt]=\"logo().alt\" [src]=\"logo().src\" (click)=\"overlayClick()\"></div>\n }\n\n <nav class=\"sl-hdr-aux\" (click)=\"overlayClick()\">\n <div class=\"sl-hdr-aux-wrapper\">\n @for (auxMenuGroup of auxMenuGroups(); track $index; let firstGroup = $first; let lastGroup = $last) {\n @if (firstGroup) {\n <ul class=\"sl-hdr-aux-container\">\n @for (auxMenuItem of auxMenuGroup; track auxMenuItem.title) {\n <li\n sl-hdr-aux-item\n [item]=\"auxMenuItem\"\n (headerAuxMenuItemClick)=\"headerAuxMenuItemClick.emit($event)\"\n (headerAuxMenuItemDDClick)=\"headerAuxMenuItemDDClick.emit($event)\"\n ></li>\n }\n </ul>\n } @else if (isDesktop() && auxMenuGroup.length > 0) {\n <ul class=\"sl-hdr-aux-container\">\n @for (auxMenuItem of auxMenuGroup; track auxMenuItem.title) {\n <li\n sl-hdr-aux-item\n [item]=\"auxMenuItem\"\n [altStyle]=\"true\"\n (headerAuxMenuItemClick)=\"headerAuxMenuItemClick.emit($event)\"\n (headerAuxMenuItemDDClick)=\"headerAuxMenuItemDDClick.emit($event)\"\n ></li>\n }\n </ul>\n }\n }\n @if (auxMenuGeoloc()) {\n <ul class=\"sl-hdr-aux-container\">\n <ng-container *ngTemplateOutlet=\"auxMenuGeoloc()\"></ng-container>\n </ul>\n }\n </div>\n </nav>\n\n @defer (hydrate on hover) {\n <div sl-hdr-act [loginUrl]=\"loginUrl()\" [showSearch]=\"showSearch()\" [homeUrl]=\"homeUrl()\"></div>\n }\n\n <nav class=\"sl-hdr-main\">\n <ul class=\"sl-hdr-main-list\">\n @for (mainItem of mainMenu(); track mainItem.title) {\n @defer (hydrate on hover) {\n <li sl-hdr-main-item [item]=\"mainItem\" (headerMainMenuCtaDDClick)=\"headerMainMenuCtaDDClick.emit({ event: $event, item: mainItem })\"></li>\n }\n }\n </ul>\n </nav>\n\n @defer (hydrate when headerService.showSideMenu()) {\n <div sl-hdr-side [sideMenuGroups]=\"sideMenuGroups()\" [sideMenuGeoloc]=\"sideMenuGeoloc()\"></div>\n }\n\n @if (searchControl()) {\n @defer (hydrate when headerService.showSearch()) {\n <rdsite-search\n class=\"sl-hdr-search\"\n [searchControl]=\"searchControl()!\"\n [label]=\"'O que voc\u00EA procura?'\"\n [debounceTime]=\"1500\"\n [setFocus]=\"true\"\n (enterPress)=\"doSearch($event)\"\n >\n </rdsite-search>\n }\n }\n</div>\n\n@defer (hydrate when headerService.showSearch()) {\n <rdsite-overlay\n class=\"search-overlay\"\n [ngClass]=\"{ active: headerService.showSearch(), opacity: headerService.showSearchOpacity() }\"\n (overlayClick)=\"overlayClick()\"\n ></rdsite-overlay>\n}\n", styles: ["header[sl-hdr]{position:sticky;top:0;z-index:9999;display:grid!important;grid-template-areas:\". content .\";grid-template-columns:minmax(0px,1fr) minmax(auto,1366px) minmax(0px,1fr);grid-template-rows:80px;background-color:var(--hdr-bg-color);height:80px;box-shadow:0 1px 4px #26262629}header[sl-hdr] *{font-family:var(--font-family)!important}header[sl-hdr] svg{stroke:#fff;stroke-width:2.1px;fill:none}header[sl-hdr] .sl-hdr-content{grid-area:content;display:grid!important;grid-template-areas:\"logo . action\" \"logo . action\" \"main main main\";grid-template-columns:144px 1fr auto;grid-template-rows:36px 44px 0px}header[sl-hdr] .sl-hdr-content div[sl-hdr-logo]{grid-area:logo}header[sl-hdr] .sl-hdr-content .sl-hdr-aux{display:none;grid-area:aux;background-color:var(--hdr-aux-bg-color);justify-content:flex-start}header[sl-hdr] .sl-hdr-content .sl-hdr-aux .sl-hdr-aux-wrapper{display:flex;width:100%;height:100%;justify-content:flex-start;gap:2px}header[sl-hdr] .sl-hdr-content .sl-hdr-aux .sl-hdr-aux-wrapper ul.sl-hdr-aux-container{display:flex;height:100%;justify-content:space-around;background-color:var(--hdr-aux-container-bg-color);list-style-type:none;padding:0 12px;flex-grow:1}header[sl-hdr] .sl-hdr-content div[sl-hdr-act]{grid-area:action;background-color:var(--hdr-act-bg-color)}header[sl-hdr] .sl-hdr-content nav.sl-hdr-main{grid-area:main}header[sl-hdr] .sl-hdr-content nav.sl-hdr-main ul.sl-hdr-main-list{list-style-type:none;display:flex;width:100%;height:100%;justify-content:flex-start;gap:8px}header[sl-hdr] .sl-hdr-content .sl-hdr-search{grid-area:search;display:none;position:relative;z-index:-1;background-color:#fff;width:100%;height:100%}header[sl-hdr] .sl-hdr-content.show-search{grid-template-areas:\"logo . action\" \"logo . action\" \"search search search\"}header[sl-hdr] .sl-hdr-content.show-search .sl-hdr-main{display:none}header[sl-hdr] .sl-hdr-content.show-search .sl-hdr-search{height:48px;display:block;z-index:1000}header[sl-hdr] .search-overlay{top:100%;right:0;z-index:-1;width:100vw;height:calc(100vh - 100%);transition:all .3s ease-out;opacity:0;background-color:var(--hdr-over-bg-color);pointer-events:none}header[sl-hdr] .search-overlay.active{z-index:999;opacity:.9;pointer-events:all}header[sl-hdr] .search-overlay.opacity{opacity:1}@media only screen and (min-width: 1024px){header[sl-hdr] .sl-hdr-content{grid-template-areas:\"logo aux action\" \"logo main main\";grid-template-columns:144px 1fr auto}header[sl-hdr] .sl-hdr-content.show-search{grid-template-areas:\"logo aux action\" \"logo search search\"}header[sl-hdr] .sl-hdr-content.show-search .sl-hdr-search{height:auto}header[sl-hdr] .sl-hdr-content .sl-hdr-aux{display:block}header[sl-hdr] .sl-hdr-content .sl-hdr-main{display:block}}@media only screen and (min-width: 1366px){header[sl-hdr]{height:88px}header[sl-hdr] .sl-hdr-content{grid-template-rows:36px 52px;height:88px}}\n"] }]
382
382
  }], ctorParameters: () => [], propDecorators: { project: [{ type: i0.Input, args: [{ isSignal: true, alias: "project", required: false }] }], theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: false }] }], loginUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "loginUrl", required: false }] }], homeUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "homeUrl", required: false }] }], showSearch: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSearch", required: false }] }], logo: [{ type: i0.Input, args: [{ isSignal: true, alias: "logo", required: false }] }], searchControl: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchControl", required: false }] }], mainMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "mainMenu", required: false }] }], auxMenuGroups: [{ type: i0.Input, args: [{ isSignal: true, alias: "auxMenuGroups", required: false }] }], auxMenuGeoloc: [{ type: i0.Input, args: [{ isSignal: true, alias: "auxMenuGeoloc", required: false }] }], sideMenuGroups: [{ type: i0.Input, args: [{ isSignal: true, alias: "sideMenuGroups", required: false }] }], sideMenuGeoloc: [{ type: i0.Input, args: [{ isSignal: true, alias: "sideMenuGeoloc", required: false }] }], headerAuxMenuItemClick: [{ type: i0.Output, args: ["headerAuxMenuItemClick"] }], headerAuxMenuItemDDClick: [{ type: i0.Output, args: ["headerAuxMenuItemDDClick"] }], headerMainMenuCtaDDClick: [{ type: i0.Output, args: ["headerMainMenuCtaDDClick"] }], searchChange: [{ type: i0.Output, args: ["searchChange"] }], checkWindowWidth: [{
383
383
  type: HostListener,
384
384
  args: ['window:resize', ['$event']]