@rededor/site-front-end-lib 20.0.27 → 20.0.28

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

@@ -0,0 +1,245 @@
+import * as i1 from '@angular/common';
+import { isPlatformBrowser, CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, ChangeDetectorRef, PLATFORM_ID, output, input, model, signal, computed, HostBinding, Component } from '@angular/core';
+import { ReactiveFormsModule } from '@angular/forms';
+import { CuraApiService } from '@rededor/site-front-end-lib/cura/api';
+import { CuraBadgeCounterComponent } from '@rededor/site-front-end-lib/cura/badges/cura-badge-counter';
+import { CuraButtonComponent } from '@rededor/site-front-end-lib/cura/buttons/cura-button';
+import { CuraButtonTransparentComponent } from '@rededor/site-front-end-lib/cura/buttons/cura-button-transparent';
+import { CuraCheckboxComponent } from '@rededor/site-front-end-lib/cura/forms/cura-checkbox';
+import { CuraInputTextComponent } from '@rededor/site-front-end-lib/cura/forms/cura-input-text';
+import { CuraLabelComponent } from '@rededor/site-front-end-lib/cura/forms/cura-label';
+import { CuraRadioComponent } from '@rededor/site-front-end-lib/cura/forms/cura-radio';
+import { CuraSelectComponent } from '@rededor/site-front-end-lib/cura/forms/cura-select';
+import { CuraSelectOptionComponent } from '@rededor/site-front-end-lib/cura/forms/cura-select-option';
+import { CuraIconComponent } from '@rededor/site-front-end-lib/cura/icons/cura-icon';
+import { CuraHeadingComponent } from '@rededor/site-front-end-lib/cura/texts/cura-heading';
+import { CuraParagraphComponent } from '@rededor/site-front-end-lib/cura/texts/cura-paragraph';
+import { MediaQueries } from '@rededor/site-front-end-lib/shared';
+
+class FilterGenericComponent {
+    constructor() {
+        this.curaApiService = inject(CuraApiService);
+        this.cdr = inject(ChangeDetectorRef);
+        this.platformId = inject(PLATFORM_ID);
+        this.filterChange = output();
+        this.closeModal = output();
+        this.openMobileFilter = output();
+        this.withContainerStyle = input(true, ...(ngDevMode ? [{ debugName: "withContainerStyle" }] : []));
+        this.showClearButton = input(true, ...(ngDevMode ? [{ debugName: "showClearButton" }] : []));
+        this.showApplyButton = input(true, ...(ngDevMode ? [{ debugName: "showApplyButton" }] : []));
+        this.showCloseButton = input(false, ...(ngDevMode ? [{ debugName: "showCloseButton" }] : []));
+        this.disableButtons = input(false, ...(ngDevMode ? [{ debugName: "disableButtons" }] : []));
+        this.showBadge = input(true, ...(ngDevMode ? [{ debugName: "showBadge" }] : []));
+        this.showToggleIcon = input(true, ...(ngDevMode ? [{ debugName: "showToggleIcon" }] : []));
+        this.isFilterOpen = model(true, ...(ngDevMode ? [{ debugName: "isFilterOpen" }] : []));
+        this.mobileBehavior = input(false, ...(ngDevMode ? [{ debugName: "mobileBehavior" }] : []));
+        this.forceCollapsed = input(false, ...(ngDevMode ? [{ debugName: "forceCollapsed" }] : []));
+        this.emitOnReset = input(false, ...(ngDevMode ? [{ debugName: "emitOnReset" }] : []));
+        this.textTitle = input('Filtrar por', ...(ngDevMode ? [{ debugName: "textTitle" }] : []));
+        this.sections = input([], ...(ngDevMode ? [{ debugName: "sections" }] : []));
+        this.windowWidth = signal(0, ...(ngDevMode ? [{ debugName: "windowWidth" }] : []));
+        this.isStarTheme = input(false, ...(ngDevMode ? [{ debugName: "isStarTheme" }] : []));
+        this.isMaternityStarTheme = input(false, ...(ngDevMode ? [{ debugName: "isMaternityStarTheme" }] : []));
+        this.selectedFiltersCount = computed(() => {
+            return this.sections().reduce((count, section) => {
+                if ((section.type !== 'custom' && !section.config?.control) || (section.type === 'custom' && !section.config?.count))
+                    return count;
+                const value = section.config.control?.value || null;
+                switch (section.type) {
+                    case 'checkbox-group':
+                        return count + (Array.isArray(value) ? value.filter((item) => item?.checked).length : 0);
+                    case 'radio-group':
+                        return count + (value?.value ? 1 : 0);
+                    case 'custom':
+                        const customCount = section.config.count || 0;
+                        return count + customCount;
+                    default:
+                        return count + (value ? 1 : 0);
+                }
+            }, 0);
+        }, ...(ngDevMode ? [{ debugName: "selectedFiltersCount" }] : []));
+        this.styleBinding = {
+            '--font-family': this.curaApiService.theme.fonts.getFamily(''),
+            '--neutral-opacity-black': this.curaApiService.theme.colors.getColor('neutral-black', 0.2),
+            '--neutral-dark': this.curaApiService.theme.colors.getColor('neutral-dark'),
+            '--neutral-darker': this.curaApiService.theme.colors.getColor('neutral-darker'),
+            '--neutral-medium': this.curaApiService.theme.colors.getColor('neutral-medium'),
+            '--neutral-light': this.curaApiService.theme.colors.getColor('neutral-light'),
+            '--neutral-lighter': this.curaApiService.theme.colors.getColor('neutral-lighter'),
+            '--neutral-purewhite': this.curaApiService.theme.colors.getColor('neutral-purewhite'),
+            '--primary-base': this.curaApiService.theme.colors.getColor('primary-base'),
+            '--primary-lighter': this.curaApiService.theme.colors.getColor('primary-lighter'),
+        };
+        this.isMobile = computed(() => {
+            return this.windowWidth() <= MediaQueries.smallBreakpoint;
+        }, ...(ngDevMode ? [{ debugName: "isMobile" }] : []));
+    }
+    ngOnInit() {
+        if (isPlatformBrowser(this.platformId)) {
+            this.windowWidth.set(window.innerWidth);
+        }
+        if (this.forceCollapsed() && this.isMobile()) {
+            this.isFilterOpen.set(false);
+        }
+    }
+    handleInputChange(event, control) {
+        control.setValue(event);
+    }
+    handleSelectChange({ value }, control) {
+        if (value !== undefined) {
+            control.setValue(value);
+        }
+    }
+    handleCheckboxChange({ value, checked }, options) {
+        const changedOption = options.find((opt) => opt.value === value);
+        if (changedOption)
+            changedOption.checked = checked;
+        this.updateCheckboxGroup(options);
+    }
+    handleRadioChange({ value }, control) {
+        const selectedValue = value;
+        control.setValue(control.value?.value === selectedValue ? null : { value: selectedValue });
+    }
+    filter() {
+        this.emitFilterChange('filter');
+        if (this.mobileBehavior() || this.showCloseButton())
+            this.close();
+    }
+    reset() {
+        this.resetAllControls();
+        if (this.emitOnReset()) {
+            this.emitFilterChange('reset');
+            this.close();
+        }
+    }
+    close() {
+        this.closeModal.emit(true);
+    }
+    toggleFilter() {
+        if (this.mobileBehavior() && this.isMobile()) {
+            this.openMobileFilter.emit(undefined);
+        }
+        else {
+            this.isFilterOpen.set(!this.isFilterOpen());
+        }
+        this.cdr.detectChanges();
+    }
+    hasSelection() {
+        return this.selectedFiltersCount() > 0;
+    }
+    getRadioGroupValue(control) {
+        const value = control?.value;
+        return value && typeof value === 'object' && 'value' in value ? value.value : null;
+    }
+    hasScroll(section) {
+        switch (section.type) {
+            case 'checkbox-group':
+                return section.config.options && section.config.options.length > 6;
+            case 'radio-group':
+                return section.config.options && section.config.options.length > 6;
+            default:
+                return false;
+        }
+    }
+    getSectionClass(section) {
+        return this.hasScroll(section) ? 'scrollable' : '';
+    }
+    shouldHandleMobileClick() {
+        return this.mobileBehavior() && this.isMobile() && this.forceCollapsed();
+    }
+    handleMobileClick() {
+        if (this.shouldHandleMobileClick()) {
+            this.openMobileFilter.emit();
+        }
+    }
+    emitFilterChange(action) {
+        const filterData = this.buildFilterData();
+        const isEmpty = this.isFilterDataEmpty(filterData);
+        this.filterChange.emit({
+            data: this.emitOnReset() || !isEmpty ? filterData : null,
+            action: action,
+        });
+    }
+    resetAllControls() {
+        this.sections().forEach((section) => {
+            if (!section.config?.control)
+                return;
+            if (section.type === 'checkbox-group') {
+                const resetOptions = section?.config?.options?.map((option) => ({ ...option, checked: false })) || [];
+                section.config.options = resetOptions;
+                section.config.control.setValue(resetOptions, { emitEvent: false });
+            }
+            else {
+                section.config.control.reset('', { emitEvent: false });
+            }
+        });
+    }
+    updateCheckboxGroup(options) {
+        this.sections()
+            .filter((section) => section.type === 'checkbox-group')
+            .forEach((section) => {
+            section.config.options = [...options];
+            section.config.control.setValue([...options]);
+        });
+    }
+    buildFilterData() {
+        const filterData = {
+            unidade: '',
+            estado: '',
+            cobertura: [],
+        };
+        this.sections().forEach((section) => {
+            if (!section.config?.control)
+                return;
+            const value = section.config.control.value;
+            switch (section.type) {
+                case 'input':
+                    filterData.unidade = value || '';
+                    break;
+                case 'select':
+                    filterData.estado = value || '';
+                    break;
+                case 'checkbox-group':
+                    filterData.cobertura = Array.isArray(value) ? value.filter((item) => item.checked) : [];
+                    break;
+            }
+        });
+        return filterData;
+    }
+    isFilterDataEmpty(filterData) {
+        return Object.values(filterData).every((val) => val === null || val === '' || (Array.isArray(val) && val.length === 0));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: FilterGenericComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: FilterGenericComponent, isStandalone: true, selector: "rdsite-filter-generic", inputs: { withContainerStyle: { classPropertyName: "withContainerStyle", publicName: "withContainerStyle", isSignal: true, isRequired: false, transformFunction: null }, showClearButton: { classPropertyName: "showClearButton", publicName: "showClearButton", isSignal: true, isRequired: false, transformFunction: null }, showApplyButton: { classPropertyName: "showApplyButton", publicName: "showApplyButton", isSignal: true, isRequired: false, transformFunction: null }, showCloseButton: { classPropertyName: "showCloseButton", publicName: "showCloseButton", isSignal: true, isRequired: false, transformFunction: null }, disableButtons: { classPropertyName: "disableButtons", publicName: "disableButtons", isSignal: true, isRequired: false, transformFunction: null }, showBadge: { classPropertyName: "showBadge", publicName: "showBadge", isSignal: true, isRequired: false, transformFunction: null }, showToggleIcon: { classPropertyName: "showToggleIcon", publicName: "showToggleIcon", isSignal: true, isRequired: false, transformFunction: null }, isFilterOpen: { classPropertyName: "isFilterOpen", publicName: "isFilterOpen", isSignal: true, isRequired: false, transformFunction: null }, mobileBehavior: { classPropertyName: "mobileBehavior", publicName: "mobileBehavior", isSignal: true, isRequired: false, transformFunction: null }, forceCollapsed: { classPropertyName: "forceCollapsed", publicName: "forceCollapsed", isSignal: true, isRequired: false, transformFunction: null }, emitOnReset: { classPropertyName: "emitOnReset", publicName: "emitOnReset", isSignal: true, isRequired: false, transformFunction: null }, textTitle: { classPropertyName: "textTitle", publicName: "textTitle", isSignal: true, isRequired: false, transformFunction: null }, sections: { classPropertyName: "sections", publicName: "sections", isSignal: true, isRequired: false, transformFunction: null }, 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                [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                [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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: FilterGenericComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rdsite-filter-generic', imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        CuraLabelComponent,
+                        CuraBadgeCounterComponent,
+                        CuraButtonTransparentComponent,
+                        CuraInputTextComponent,
+                        CuraIconComponent,
+                        CuraSelectComponent,
+                        CuraSelectOptionComponent,
+                        CuraHeadingComponent,
+                        CuraCheckboxComponent,
+                        CuraRadioComponent,
+                        CuraButtonComponent,
+                        CuraParagraphComponent,
+                    ], template: "<div\n  class=\"filter-generic\"\n  [ngClass]=\"{ 'container-style': withContainerStyle(), 'clickable-mobile': shouldHandleMobileClick() }\"\n  aria-label=\"Filtros\"\n  (click)=\"handleMobileClick()\"\n>\n  <div class=\"filter-header-container\" [ngClass]=\"{ 'no-padding': !isFilterOpen(), hidden: !isFilterOpen() }\">\n    <div class=\"filter-title-wrapper\">\n      <cura-label size=\"medium\" level=\"4\" color=\"neutral-black\" weight=\"regular\" marginBlock=\"0\" lineHeight=\"16px\">\n        {{ textTitle() }}\n      </cura-label>\n\n      @if (showBadge()) {\n        <cura-badge-counter\n          [type]=\"'solid'\"\n          [color]=\"hasSelection() ? 'primary' : 'neutral'\"\n          [number]=\"selectedFiltersCount()\"\n          class=\"filter-badge\"\n        ></cura-badge-counter>\n      }\n    </div>\n\n    @if (showToggleIcon()) {\n      <cura-button-transparent\n        size=\"small\"\n        fontColor=\"dark\"\n        color=\"primary\"\n        textAlign=\"center\"\n        (click)=\"toggleFilter()\"\n        [attr.aria-expanded]=\"isFilterOpen()\"\n        [ariaLabel]=\"isFilterOpen() ? 'Fechar filtros' : 'Abrir filtros'\"\n      >\n        <cura-icon [name]=\"isFilterOpen() ? 'up' : 'down'\" size=\"16\" class=\"filter-icon\" color=\"primary-dark\"></cura-icon>\n      </cura-button-transparent>\n    }\n  </div>\n\n  <div class=\"filter-content\" [class.hidden]=\"!isFilterOpen() || (forceCollapsed() && isMobile())\">\n    @for (section of sections(); track section.type) {\n      @if (section.visible !== false) {\n        <div class=\"filter-section\">\n          @switch (section.type) {\n            @case ('input') {\n              <cura-input-text\n                [placeholder]=\"section.config.placeholder || ''\"\n                [name]=\"section.config.name || ''\"\n                [iconName]=\"section.config.iconName || ''\"\n                [value]=\"section.config.control.value\"\n                [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                [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"] }]
+        }], 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: [{
+                type: HostBinding,
+                args: ['style']
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FilterGenericComponent };
+//# sourceMappingURL=rededor-site-front-end-lib-components-filters-filter-generic.mjs.map

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

@@ -0,0 +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\n  readonly isStarTheme = input<boolean>(false);\n  readonly isMaternityStarTheme = input<boolean>(false);\n\n  readonly selectedFiltersCount = computed(() => {\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: string | number, control: FormControl): void {\n    control.setValue(event);\n  }\n\n  handleSelectChange({ value }: SelectSelectedEvent, control: FormControl): void {\n    if (value !== undefined) {\n      control.setValue(value);\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  }\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  }\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  }\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                [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                [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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"}

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

@@ -0,0 +1,139 @@
+import * as i0 from '@angular/core';
+import { inject, output, input, HostBinding, Component } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { FormControl, ReactiveFormsModule } from '@angular/forms';
+import { CuraApiService } from '@rededor/site-front-end-lib/cura/api';
+import { Estados } from '@rededor/site-front-end-lib/enums';
+import { CuraHeadingComponent } from '@rededor/site-front-end-lib/cura/texts/cura-heading';
+import { CuraInputTextComponent } from '@rededor/site-front-end-lib/cura/forms/cura-input-text';
+import { CuraSelectComponent } from '@rededor/site-front-end-lib/cura/forms/cura-select';
+import { CuraSelectOptionComponent } from '@rededor/site-front-end-lib/cura/forms/cura-select-option';
+import { CuraIconComponent } from '@rededor/site-front-end-lib/cura/icons/cura-icon';
+import { CuraParagraphComponent } from '@rededor/site-front-end-lib/cura/texts/cura-paragraph';
+import { CuraCheckboxComponent } from '@rededor/site-front-end-lib/cura/forms/cura-checkbox';
+import { CuraButtonTransparentComponent } from '@rededor/site-front-end-lib/cura/buttons/cura-button-transparent';
+import { CuraButtonComponent } from '@rededor/site-front-end-lib/cura/buttons/cura-button';
+import { CuraLoaderCircleComponent } from '@rededor/site-front-end-lib/cura/loaders/cura-loader-circle';
+
+class FilterPlanosConveniosComponent {
+    constructor() {
+        this.curaApiService = inject(CuraApiService);
+        this.filterChange = output();
+        this.closeModal = output();
+        this.withContainerStyle = input(false, ...(ngDevMode ? [{ debugName: "withContainerStyle" }] : []));
+        this.isLoading = input(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
+        this.emitOnChange = input(false, ...(ngDevMode ? [{ debugName: "emitOnChange" }] : []));
+        this.initialEstado = input(null, ...(ngDevMode ? [{ debugName: "initialEstado" }] : []));
+        this.estados = input(Object.entries(Estados).map(([key, value]) => ({
+            label: value,
+            value: key,
+        })), ...(ngDevMode ? [{ debugName: "estados" }] : []));
+        this.coberturas = input([
+            { label: 'Consultas', value: 'FLAG_ACEITA_AMBULATORIO', checked: false },
+            { label: 'Emergência', value: 'FLAG_ACEITA_PS', checked: false },
+            { label: 'Exames', value: 'FLAG_ACEITA_EXAME', checked: false },
+            { label: 'Internação', value: 'FLAG_ACEITA_INTERNACAO', checked: false },
+        ], ...(ngDevMode ? [{ debugName: "coberturas" }] : []));
+        this.unidadeControl = input(new FormControl(''), ...(ngDevMode ? [{ debugName: "unidadeControl" }] : []));
+        this.estadoControl = input(new FormControl(''), ...(ngDevMode ? [{ debugName: "estadoControl" }] : []));
+        this.coberturaControl = new FormControl(this.coberturas() || []);
+        this.styleBinding = {
+            '--neutral-darker': this.curaApiService.theme.colors.getColor('neutral-darker'),
+            '--neutral-light': this.curaApiService.theme.colors.getColor('neutral-light'),
+            '--neutral-lighter': this.curaApiService.theme.colors.getColor('neutral-lighter'),
+            '--neutral-purewhite': this.curaApiService.theme.colors.getColor('neutral-purewhite'),
+        };
+    }
+    ngAfterViewInit() {
+        const estados = this.estados();
+        if (this.initialEstado() && Array.isArray(estados) && estados.find((estado) => estado.value === this.initialEstado())) {
+            setTimeout(() => {
+                this.estadoControl().setValue(this.initialEstado());
+                this.filter();
+            }, 50);
+        }
+    }
+    inputTextChange(detail) {
+        this.unidadeControl().setValue(detail);
+        if (this.emitOnChange()) {
+            this.filterChange.emit({
+                unidade: detail,
+                estado: this.estadoControl().value,
+                cobertura: this.coberturaControl.value || [],
+            });
+        }
+    }
+    selectChange({ value }) {
+        this.estadoControl().setValue(value);
+        if (this.emitOnChange()) {
+            this.filterChange.emit({
+                unidade: this.unidadeControl().value,
+                estado: value,
+                cobertura: this.coberturaControl.value || [],
+            });
+        }
+    }
+    checkboxChange(detail) {
+        const coberturas = this.coberturas();
+        if (!coberturas)
+            return;
+        const currOption = coberturas.find((option) => option.value == detail.value);
+        if (currOption) {
+            currOption.checked = detail.checked;
+        }
+        this.coberturaControl.setValue(coberturas);
+        if (this.emitOnChange()) {
+            this.filterChange.emit({
+                unidade: this.unidadeControl().value,
+                estado: this.estadoControl().value,
+                cobertura: this.coberturaControl.value || [],
+            });
+        }
+    }
+    filter() {
+        this.filterChange.emit({
+            unidade: this.unidadeControl().value,
+            estado: this.estadoControl().value,
+            cobertura: this.coberturaControl.value || [],
+        });
+    }
+    reset() {
+        const hasCoverage = this.coberturaControl.value.some((cob) => cob.checked);
+        const hasFilter = Boolean(this.unidadeControl().value) || Boolean(this.estadoControl().value) || Boolean(hasCoverage);
+        this.closeModal.emit(!hasFilter);
+        this.unidadeControl().reset('');
+        this.estadoControl().reset('');
+        this.coberturas().forEach((cobertura) => (cobertura.checked = false));
+        this.coberturaControl.reset(this.coberturas());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: FilterPlanosConveniosComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: FilterPlanosConveniosComponent, isStandalone: true, selector: "rdsite-filter-planos-convenios", inputs: { withContainerStyle: { classPropertyName: "withContainerStyle", publicName: "withContainerStyle", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, emitOnChange: { classPropertyName: "emitOnChange", publicName: "emitOnChange", isSignal: true, isRequired: false, transformFunction: null }, initialEstado: { classPropertyName: "initialEstado", publicName: "initialEstado", isSignal: true, isRequired: false, transformFunction: null }, estados: { classPropertyName: "estados", publicName: "estados", isSignal: true, isRequired: false, transformFunction: null }, coberturas: { classPropertyName: "coberturas", publicName: "coberturas", isSignal: true, isRequired: false, transformFunction: null }, unidadeControl: { classPropertyName: "unidadeControl", publicName: "unidadeControl", isSignal: true, isRequired: false, transformFunction: null }, estadoControl: { classPropertyName: "estadoControl", publicName: "estadoControl", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filterChange: "filterChange", closeModal: "closeModal" }, host: { properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "<div class=\"filter-planos-convenios\" [ngClass]=\"{ 'container-style': withContainerStyle() }\">\n  @if (!isLoading()) {\n    <cura-heading size=\"small\" [level]=\"4\" weight=\"bold\" color=\"neutral-black\" marginBlock=\"0\" lineHeight=\"16px\"> Refine sua busca </cura-heading>\n\n    <div class=\"filter-planos-convenios-unidade\">\n      <cura-input-text\n        placeholder=\"Nome da unidade\"\n        name=\"unidade-input\"\n        iconName=\"search\"\n        autocomplete=\"off\"\n        [value]=\"unidadeControl().value\"\n        (valueChange)=\"inputTextChange($event)\"\n      ></cura-input-text>\n    </div>\n\n    <div class=\"filter-planos-convenios-estado\">\n      @if (estados()) {\n        <cura-select\n          label=\"Selecione o estado\"\n          placeholder=\"Fa\u00E7a a sua Sele\u00E7\u00E3o\"\n          mode=\"default\"\n          size=\"medium\"\n          status=\"default\"\n          [value]=\"estadoControl().value\"\n          (selected)=\"selectChange($event)\"\n        >\n          <cura-select-option [value]=\"''\">Fa\u00E7a a sua Sele\u00E7\u00E3o</cura-select-option>\n\n          @for (estado of estados() || []; track estado?.value) {\n            <cura-select-option [value]=\"estado?.value\">{{ estado?.label }}</cura-select-option>\n          }\n        </cura-select>\n      }\n    </div>\n\n    <div class=\"filter-planos-convenios-cobertura\">\n      <cura-icon name=\"filter\" size=\"20\" color=\"info-dark\"></cura-icon>\n      <cura-heading size=\"xsmall\" [level]=\"5\" weight=\"bold\" color=\"neutral-black\" marginBlock=\"0\" lineHeight=\"16px\">\n        Filtre pela cobertura do seu plano\n      </cura-heading>\n    </div>\n\n    <div class=\"filter-planos-convenios-content\">\n      <cura-heading size=\"xsmall\" [level]=\"5\" color=\"neutral-black\" marginBlock=\"0\" lineHeight=\"16px\"> Tipos de cobertura </cura-heading>\n      <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" marginBlock=\"0\">\n        Voc\u00EA pode selecionar uma ou mais portas de entrada, de acordo com a cobertura do seu plano.\n      </cura-paragraph>\n    </div>\n\n    <div class=\"filter-planos-convenios-checkboxes\">\n      @for (option of coberturas() || []; track option.value) {\n        <cura-checkbox\n          color=\"primary\"\n          size=\"small\"\n          iconColor=\"light\"\n          [name]=\"option.label\"\n          [label]=\"option.label\"\n          [value]=\"option.value\"\n          [checked]=\"option.checked\"\n          (onchange)=\"checkboxChange($event)\"\n        >\n        </cura-checkbox>\n      }\n    </div>\n\n    <div class=\"filter-planos-convenios-buttons\">\n      <cura-button-transparent size=\"small\" color=\"primary\" fontColor=\"dark\" textAlign=\"center\" (click)=\"reset()\">\n        <span> Limpar todos os filtros </span>\n      </cura-button-transparent>\n\n      <cura-button size=\"medium\" color=\"primary\" fontColor=\"light\" background=\"light\" textAlign=\"center\" (click)=\"filter()\"> Filtrar </cura-button>\n    </div>\n  } @else {\n    <cura-loader-circle color=\"primary\" size=\"small\"> </cura-loader-circle>\n  }\n</div>\n", styles: [".filter-planos-convenios{display:flex;flex-direction:column;gap:23px}.filter-planos-convenios.container-style{width:100%;padding:20px;border-radius:4px;border:1px solid var(--neutral-lighter, #e2e2e2);background-color:var(--neutral-purewhite, #ffffff)}.filter-planos-convenios-cobertura{color:var(--neutral-darker);display:flex;align-items:center;gap:14px}.filter-planos-convenios-content{display:flex;flex-direction:column;gap:10px}.filter-planos-convenios-content:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:13px}.filter-planos-convenios-checkboxes{display:grid;grid-template-columns:repeat(2,1fr);gap:11px 0px}.filter-planos-convenios-checkboxes:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:12px;grid-column:1/-1}.filter-planos-convenios-buttons{display:flex;gap:10px;justify-content:space-between}.filter-planos-convenios-buttons cura-button-transparent{display:flex;flex:1 0 0;max-width:170px}.filter-planos-convenios-buttons cura-button-transparent span{line-height:13px;letter-spacing:.72px;text-align:left}.filter-planos-convenios-buttons cura-button{display:flex;flex:0 0 100px}cura-loader-circle{display:flex;justify-content:center;align-items:center;width:100%;min-height:100px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: CuraHeadingComponent, selector: "cura-heading", inputs: ["level", "size", "weight", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: CuraInputTextComponent, selector: "cura-input-text", inputs: ["mode", "status", "size", "type", "inputMode", "label", "name", "placeholder", "value", "iconName", "disabled", "required", "maskPreset", "enableSelectionMode", "maskRegex", "maskAdvanced", "maxlength", "readOnly", "isLoading", "clearIcon", "hideErrorIcon", "autocomplete"], outputs: ["valueChange", "inputClear"] }, { kind: "component", type: CuraSelectComponent, selector: "cura-select", inputs: ["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: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }, { kind: "component", type: CuraParagraphComponent, selector: "cura-paragraph", inputs: ["size", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: CuraCheckboxComponent, selector: "cura-checkbox", inputs: ["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: CuraButtonTransparentComponent, selector: "cura-button-transparent", inputs: ["type", "size", "disabled", "isLoading", "iconName", "iconset", "iconPosition", "iconOnly", "href", "target", "color", "fontColor", "textAlign", "justify", "ariaLabel"], outputs: ["buttonClick"] }, { kind: "component", type: CuraButtonComponent, selector: "cura-button", inputs: ["type", "size", "disabled", "isLoading", "iconName", "iconset", "iconPosition", "iconOnly", "href", "target", "color", "background", "fontColor", "textAlign", "justify", "ariaLabel"], outputs: ["buttonClick"] }, { kind: "component", type: CuraLoaderCircleComponent, selector: "cura-loader-circle", inputs: ["size", "color"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: FilterPlanosConveniosComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rdsite-filter-planos-convenios', imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        CuraHeadingComponent,
+                        CuraInputTextComponent,
+                        CuraSelectComponent,
+                        CuraSelectOptionComponent,
+                        CuraIconComponent,
+                        CuraParagraphComponent,
+                        CuraCheckboxComponent,
+                        CuraButtonTransparentComponent,
+                        CuraButtonComponent,
+                        CuraLoaderCircleComponent,
+                    ], template: "<div class=\"filter-planos-convenios\" [ngClass]=\"{ 'container-style': withContainerStyle() }\">\n  @if (!isLoading()) {\n    <cura-heading size=\"small\" [level]=\"4\" weight=\"bold\" color=\"neutral-black\" marginBlock=\"0\" lineHeight=\"16px\"> Refine sua busca </cura-heading>\n\n    <div class=\"filter-planos-convenios-unidade\">\n      <cura-input-text\n        placeholder=\"Nome da unidade\"\n        name=\"unidade-input\"\n        iconName=\"search\"\n        autocomplete=\"off\"\n        [value]=\"unidadeControl().value\"\n        (valueChange)=\"inputTextChange($event)\"\n      ></cura-input-text>\n    </div>\n\n    <div class=\"filter-planos-convenios-estado\">\n      @if (estados()) {\n        <cura-select\n          label=\"Selecione o estado\"\n          placeholder=\"Fa\u00E7a a sua Sele\u00E7\u00E3o\"\n          mode=\"default\"\n          size=\"medium\"\n          status=\"default\"\n          [value]=\"estadoControl().value\"\n          (selected)=\"selectChange($event)\"\n        >\n          <cura-select-option [value]=\"''\">Fa\u00E7a a sua Sele\u00E7\u00E3o</cura-select-option>\n\n          @for (estado of estados() || []; track estado?.value) {\n            <cura-select-option [value]=\"estado?.value\">{{ estado?.label }}</cura-select-option>\n          }\n        </cura-select>\n      }\n    </div>\n\n    <div class=\"filter-planos-convenios-cobertura\">\n      <cura-icon name=\"filter\" size=\"20\" color=\"info-dark\"></cura-icon>\n      <cura-heading size=\"xsmall\" [level]=\"5\" weight=\"bold\" color=\"neutral-black\" marginBlock=\"0\" lineHeight=\"16px\">\n        Filtre pela cobertura do seu plano\n      </cura-heading>\n    </div>\n\n    <div class=\"filter-planos-convenios-content\">\n      <cura-heading size=\"xsmall\" [level]=\"5\" color=\"neutral-black\" marginBlock=\"0\" lineHeight=\"16px\"> Tipos de cobertura </cura-heading>\n      <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" marginBlock=\"0\">\n        Voc\u00EA pode selecionar uma ou mais portas de entrada, de acordo com a cobertura do seu plano.\n      </cura-paragraph>\n    </div>\n\n    <div class=\"filter-planos-convenios-checkboxes\">\n      @for (option of coberturas() || []; track option.value) {\n        <cura-checkbox\n          color=\"primary\"\n          size=\"small\"\n          iconColor=\"light\"\n          [name]=\"option.label\"\n          [label]=\"option.label\"\n          [value]=\"option.value\"\n          [checked]=\"option.checked\"\n          (onchange)=\"checkboxChange($event)\"\n        >\n        </cura-checkbox>\n      }\n    </div>\n\n    <div class=\"filter-planos-convenios-buttons\">\n      <cura-button-transparent size=\"small\" color=\"primary\" fontColor=\"dark\" textAlign=\"center\" (click)=\"reset()\">\n        <span> Limpar todos os filtros </span>\n      </cura-button-transparent>\n\n      <cura-button size=\"medium\" color=\"primary\" fontColor=\"light\" background=\"light\" textAlign=\"center\" (click)=\"filter()\"> Filtrar </cura-button>\n    </div>\n  } @else {\n    <cura-loader-circle color=\"primary\" size=\"small\"> </cura-loader-circle>\n  }\n</div>\n", styles: [".filter-planos-convenios{display:flex;flex-direction:column;gap:23px}.filter-planos-convenios.container-style{width:100%;padding:20px;border-radius:4px;border:1px solid var(--neutral-lighter, #e2e2e2);background-color:var(--neutral-purewhite, #ffffff)}.filter-planos-convenios-cobertura{color:var(--neutral-darker);display:flex;align-items:center;gap:14px}.filter-planos-convenios-content{display:flex;flex-direction:column;gap:10px}.filter-planos-convenios-content:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:13px}.filter-planos-convenios-checkboxes{display:grid;grid-template-columns:repeat(2,1fr);gap:11px 0px}.filter-planos-convenios-checkboxes:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:12px;grid-column:1/-1}.filter-planos-convenios-buttons{display:flex;gap:10px;justify-content:space-between}.filter-planos-convenios-buttons cura-button-transparent{display:flex;flex:1 0 0;max-width:170px}.filter-planos-convenios-buttons cura-button-transparent span{line-height:13px;letter-spacing:.72px;text-align:left}.filter-planos-convenios-buttons cura-button{display:flex;flex:0 0 100px}cura-loader-circle{display:flex;justify-content:center;align-items:center;width:100%;min-height:100px}\n"] }]
+        }], propDecorators: { filterChange: [{ type: i0.Output, args: ["filterChange"] }], closeModal: [{ type: i0.Output, args: ["closeModal"] }], withContainerStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "withContainerStyle", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], emitOnChange: [{ type: i0.Input, args: [{ isSignal: true, alias: "emitOnChange", required: false }] }], initialEstado: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialEstado", required: false }] }], estados: [{ type: i0.Input, args: [{ isSignal: true, alias: "estados", required: false }] }], coberturas: [{ type: i0.Input, args: [{ isSignal: true, alias: "coberturas", required: false }] }], unidadeControl: [{ type: i0.Input, args: [{ isSignal: true, alias: "unidadeControl", required: false }] }], estadoControl: [{ type: i0.Input, args: [{ isSignal: true, alias: "estadoControl", required: false }] }], styleBinding: [{
+                type: HostBinding,
+                args: ['style']
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FilterPlanosConveniosComponent };
+//# sourceMappingURL=rededor-site-front-end-lib-components-filters-filter-planos-convenios.mjs.map