@rededor/site-front-end-lib 20.0.30 → 20.0.31
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.
- package/components/filters/filter-generic/index.d.ts +2 -1
- package/fesm2022/rededor-site-front-end-lib-components-filters-filter-generic.mjs +10 -3
- package/fesm2022/rededor-site-front-end-lib-components-filters-filter-generic.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-input-text.mjs +2 -3
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-input-text.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -27,6 +27,7 @@ declare class FilterGenericComponent implements OnInit {
|
|
|
27
27
|
readonly textTitle: _angular_core.InputSignal<string>;
|
|
28
28
|
readonly sections: _angular_core.InputSignal<FilterSection[]>;
|
|
29
29
|
readonly windowWidth: _angular_core.WritableSignal<number>;
|
|
30
|
+
private readonly controlsChange;
|
|
30
31
|
readonly isStarTheme: _angular_core.InputSignal<boolean>;
|
|
31
32
|
readonly isMaternityStarTheme: _angular_core.InputSignal<boolean>;
|
|
32
33
|
readonly selectedFiltersCount: _angular_core.Signal<number>;
|
|
@@ -43,7 +44,7 @@ declare class FilterGenericComponent implements OnInit {
|
|
|
43
44
|
'--primary-lighter': string;
|
|
44
45
|
};
|
|
45
46
|
ngOnInit(): void;
|
|
46
|
-
handleInputChange(event:
|
|
47
|
+
handleInputChange(event: any | number, control: FormControl): void;
|
|
47
48
|
handleSelectChange({ value }: SelectSelectedEvent, control: FormControl): void;
|
|
48
49
|
handleCheckboxChange({ value, checked }: CheckboxChangeEvent, options: any[]): void;
|
|
49
50
|
handleRadioChange({ value }: RadioChangeEvent, control: FormControl): void;
|
|
@@ -40,9 +40,11 @@ class FilterGenericComponent {
|
|
|
40
40
|
this.textTitle = input('Filtrar por', ...(ngDevMode ? [{ debugName: "textTitle" }] : []));
|
|
41
41
|
this.sections = input([], ...(ngDevMode ? [{ debugName: "sections" }] : []));
|
|
42
42
|
this.windowWidth = signal(0, ...(ngDevMode ? [{ debugName: "windowWidth" }] : []));
|
|
43
|
+
this.controlsChange = signal(0, ...(ngDevMode ? [{ debugName: "controlsChange" }] : []));
|
|
43
44
|
this.isStarTheme = input(false, ...(ngDevMode ? [{ debugName: "isStarTheme" }] : []));
|
|
44
45
|
this.isMaternityStarTheme = input(false, ...(ngDevMode ? [{ debugName: "isMaternityStarTheme" }] : []));
|
|
45
46
|
this.selectedFiltersCount = computed(() => {
|
|
47
|
+
this.controlsChange();
|
|
46
48
|
return this.sections().reduce((count, section) => {
|
|
47
49
|
if ((section.type !== 'custom' && !section.config?.control) || (section.type === 'custom' && !section.config?.count))
|
|
48
50
|
return count;
|
|
@@ -85,11 +87,13 @@ class FilterGenericComponent {
|
|
|
85
87
|
}
|
|
86
88
|
}
|
|
87
89
|
handleInputChange(event, control) {
|
|
88
|
-
control.setValue(event);
|
|
90
|
+
control.setValue(event.value);
|
|
91
|
+
this.controlsChange.update((v) => v + 1);
|
|
89
92
|
}
|
|
90
93
|
handleSelectChange({ value }, control) {
|
|
91
94
|
if (value !== undefined) {
|
|
92
95
|
control.setValue(value);
|
|
96
|
+
this.controlsChange.update((v) => v + 1);
|
|
93
97
|
}
|
|
94
98
|
}
|
|
95
99
|
handleCheckboxChange({ value, checked }, options) {
|
|
@@ -101,6 +105,7 @@ class FilterGenericComponent {
|
|
|
101
105
|
handleRadioChange({ value }, control) {
|
|
102
106
|
const selectedValue = value;
|
|
103
107
|
control.setValue(control.value?.value === selectedValue ? null : { value: selectedValue });
|
|
108
|
+
this.controlsChange.update((v) => v + 1);
|
|
104
109
|
}
|
|
105
110
|
filter() {
|
|
106
111
|
this.emitFilterChange('filter');
|
|
@@ -175,6 +180,7 @@ class FilterGenericComponent {
|
|
|
175
180
|
section.config.control.reset('', { emitEvent: false });
|
|
176
181
|
}
|
|
177
182
|
});
|
|
183
|
+
this.controlsChange.update((v) => v + 1);
|
|
178
184
|
}
|
|
179
185
|
updateCheckboxGroup(options) {
|
|
180
186
|
this.sections()
|
|
@@ -183,6 +189,7 @@ class FilterGenericComponent {
|
|
|
183
189
|
section.config.options = [...options];
|
|
184
190
|
section.config.control.setValue([...options]);
|
|
185
191
|
});
|
|
192
|
+
this.controlsChange.update((v) => v + 1);
|
|
186
193
|
}
|
|
187
194
|
buildFilterData() {
|
|
188
195
|
const filterData = {
|
|
@@ -212,7 +219,7 @@ class FilterGenericComponent {
|
|
|
212
219
|
return Object.values(filterData).every((val) => val === null || val === '' || (Array.isArray(val) && val.length === 0));
|
|
213
220
|
}
|
|
214
221
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: FilterGenericComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
215
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: FilterGenericComponent, isStandalone: true, selector: "rdsite-filter-generic", inputs: { withContainerStyle: { classPropertyName: "withContainerStyle", publicName: "withContainerStyle", isSignal: true, isRequired: false, transformFunction: null }, showClearButton: { classPropertyName: "showClearButton", publicName: "showClearButton", isSignal: true, isRequired: false, transformFunction: null }, showApplyButton: { classPropertyName: "showApplyButton", publicName: "showApplyButton", isSignal: true, isRequired: false, transformFunction: null }, showCloseButton: { classPropertyName: "showCloseButton", publicName: "showCloseButton", isSignal: true, isRequired: false, transformFunction: null }, disableButtons: { classPropertyName: "disableButtons", publicName: "disableButtons", isSignal: true, isRequired: false, transformFunction: null }, showBadge: { classPropertyName: "showBadge", publicName: "showBadge", isSignal: true, isRequired: false, transformFunction: null }, showToggleIcon: { classPropertyName: "showToggleIcon", publicName: "showToggleIcon", isSignal: true, isRequired: false, transformFunction: null }, isFilterOpen: { classPropertyName: "isFilterOpen", publicName: "isFilterOpen", isSignal: true, isRequired: false, transformFunction: null }, mobileBehavior: { classPropertyName: "mobileBehavior", publicName: "mobileBehavior", isSignal: true, isRequired: false, transformFunction: null }, forceCollapsed: { classPropertyName: "forceCollapsed", publicName: "forceCollapsed", isSignal: true, isRequired: false, transformFunction: null }, emitOnReset: { classPropertyName: "emitOnReset", publicName: "emitOnReset", isSignal: true, isRequired: false, transformFunction: null }, textTitle: { classPropertyName: "textTitle", publicName: "textTitle", isSignal: true, isRequired: false, transformFunction: null }, sections: { classPropertyName: "sections", publicName: "sections", isSignal: true, isRequired: false, transformFunction: null }, 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"] }] }); }
|
|
222
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: FilterGenericComponent, isStandalone: true, selector: "rdsite-filter-generic", inputs: { withContainerStyle: { classPropertyName: "withContainerStyle", publicName: "withContainerStyle", isSignal: true, isRequired: false, transformFunction: null }, showClearButton: { classPropertyName: "showClearButton", publicName: "showClearButton", isSignal: true, isRequired: false, transformFunction: null }, showApplyButton: { classPropertyName: "showApplyButton", publicName: "showApplyButton", isSignal: true, isRequired: false, transformFunction: null }, showCloseButton: { classPropertyName: "showCloseButton", publicName: "showCloseButton", isSignal: true, isRequired: false, transformFunction: null }, disableButtons: { classPropertyName: "disableButtons", publicName: "disableButtons", isSignal: true, isRequired: false, transformFunction: null }, showBadge: { classPropertyName: "showBadge", publicName: "showBadge", isSignal: true, isRequired: false, transformFunction: null }, showToggleIcon: { classPropertyName: "showToggleIcon", publicName: "showToggleIcon", isSignal: true, isRequired: false, transformFunction: null }, isFilterOpen: { classPropertyName: "isFilterOpen", publicName: "isFilterOpen", isSignal: true, isRequired: false, transformFunction: null }, mobileBehavior: { classPropertyName: "mobileBehavior", publicName: "mobileBehavior", isSignal: true, isRequired: false, transformFunction: null }, forceCollapsed: { classPropertyName: "forceCollapsed", publicName: "forceCollapsed", isSignal: true, isRequired: false, transformFunction: null }, emitOnReset: { classPropertyName: "emitOnReset", publicName: "emitOnReset", isSignal: true, isRequired: false, transformFunction: null }, textTitle: { classPropertyName: "textTitle", publicName: "textTitle", isSignal: true, isRequired: false, transformFunction: null }, sections: { classPropertyName: "sections", publicName: "sections", isSignal: true, isRequired: false, transformFunction: null }, 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"] }] }); }
|
|
216
223
|
}
|
|
217
224
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: FilterGenericComponent, decorators: [{
|
|
218
225
|
type: Component,
|
|
@@ -231,7 +238,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
|
|
|
231
238
|
CuraRadioComponent,
|
|
232
239
|
CuraButtonComponent,
|
|
233
240
|
CuraParagraphComponent,
|
|
234
|
-
], 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"] }]
|
|
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"] }]
|
|
235
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: [{
|
|
236
243
|
type: HostBinding,
|
|
237
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\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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"}
|
|
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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"}
|
|
@@ -2,7 +2,6 @@ import * as i0 from '@angular/core';
|
|
|
2
2
|
import { inject, ElementRef, PLATFORM_ID, input, model, output, signal, viewChild, computed, effect, forwardRef, Component } from '@angular/core';
|
|
3
3
|
import * as i1 from '@angular/common';
|
|
4
4
|
import { isPlatformBrowser, CommonModule } from '@angular/common';
|
|
5
|
-
import * as i2 from '@angular/forms';
|
|
6
5
|
import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
7
6
|
import { CuraApiService } from '@rededor/site-front-end-lib/cura/api';
|
|
8
7
|
import { CuraLabelComponent } from '@rededor/site-front-end-lib/cura/forms/cura-label';
|
|
@@ -561,7 +560,7 @@ class CuraInputTextComponent {
|
|
|
561
560
|
useExisting: forwardRef(() => CuraInputTextComponent),
|
|
562
561
|
multi: true,
|
|
563
562
|
},
|
|
564
|
-
], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"cura-input-group\" [ngClass]=\"classes()\" [style]=\"styles()\" (mouseenter)=\"handleMouseEnter()\" (mouseleave)=\"handleMouseLeave()\">\n <div class=\"input-wrapper\">\n @if (label()) {\n <cura-label class=\"label\" weight=\"bold\" [size]=\"size() === 'large' ? 'small' : 'xsmall'\" [color]=\"labelColor()\">\n {{ label() }}\n @if (required()) {\n <span class=\"required\">*</span>\n }\n </cura-label>\n }\n\n <div class=\"cura-input-field\" [style]=\"styles()\">\n @if (iconConfig().icon) {\n <div class=\"feedback-icon\" [style]=\"styles()\">\n <cura-icon [name]=\"iconConfig().icon!.name\" iconset=\"default\" [size]=\"iconConfig().size\" [color]=\"iconConfig().icon!.color\"> </cura-icon>\n </div>\n }\n\n <input\n #inputElement\n [attr.id]=\"name() || null\"\n [attr.name]=\"name() || null\"\n [type]=\"type()\"\n [placeholder]=\"placeholder()\"\n [disabled]=\"disabled() || isLoading()\"\n [required]=\"required()\"\n [readonly]=\"readOnly()\"\n [attr.maxlength]=\"maxlength()\"\n [(ngModel)]=\"value\"\n [attr.inputmode]=\"maskPreset() ? 'tel' : inputMode()\"\n [autocomplete]=\"autocomplete()\"\n [ngClass]=\"classes()\"\n [style]=\"styles()\"\n (focus)=\"handleInputFocus()\"\n (blur)=\"handleInputBlur()\"\n (input)=\"handleInputChange($event)\"\n (keydown)=\"handleKeyDown($event)\"\n />\n\n @if (shouldShowClearButton()) {\n <cura-icon\n [size]=\"size() === 'large' || mode() === 'transparent' ? 20 : 16\"\n color=\"primary-base\"\n name=\"closeCircle\"\n iconset=\"default\"\n class=\"clear-button\"\n (click)=\"handleClearInput()\"\n >\n </cura-icon>\n }\n\n @if (isLoading()) {\n <cura-loader-circle [size]=\"size() === 'large' ? 'medium' : 'small'\" color=\"primary-base\"> </cura-loader-circle>\n }\n </div>\n\n @if (helperText()) {\n <div [style]=\"styles()\" class=\"helper-text\" part=\"cura-input-text-helper\">\n <cura-label size=\"xsmall\" lineHeight=\"xsmall\" [color]=\"helperText().color\">\n <ng-content></ng-content>\n </cura-label>\n </div>\n }\n </div>\n</div>\n", styles: [":host{display:block;box-sizing:border-box;width:100%}.required{color:var(--error-base)}.cura-input-group{width:100%;font-family:var(--font-family);text-align:left!important}.cura-input-group cura-label{margin-bottom:8px}.cura-input-group .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group .cura-input-field cura-loader-circle{margin:0 12px}.cura-input-group .cura-input-field .feedback-icon{padding-left:12px;padding-top:6px}.cura-input-group .cura-input-field .clear-button{margin-right:12px;cursor:pointer}.cura-input-group .helper-text{margin-top:8px;color:var(--neutral-dark)}.cura-input-group.success:not(.transparent) .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box;border:2px solid var(--success-dark)!important;background-color:var(--success-lighter)!important}.cura-input-group.success:not(.transparent) .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.success:not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success:not(.transparent) .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.error:not(.transparent) .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box;border:2px solid var(--error-dark)!important;background-color:var(--error-lighter)!important}.cura-input-group.error:not(.transparent) .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.error:not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error:not(.transparent) .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field{border-color:var(--neutral-dark)}.cura-input-group:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field input{color:var(--neutral-dark)}.cura-input-group:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group:focus-within:not(.selection) .cura-input-field{border:2px solid var(--info-base)!important;background-color:var(--neutral-purewhite);outline:none}.cura-input-group:focus-within:not(.selection) .cura-input-field input{color:var(--neutral-black)!important}.cura-input-group:focus-within.selection .cura-input-field{border-radius:var(--border-radius) var(--border-radius) 0px 0px}.cura-input-group.isLoading{cursor:wait}.cura-input-group.isLoading .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box;background-color:var(--neutral-white)!important;border:2px solid var(--primary-base)!important}.cura-input-group.isLoading .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.isLoading .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.isLoading .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.isLoading .cura-input-field input{cursor:wait;color:var(--primary-base)!important}.cura-input-group.isLoading .cura-input-field input::placeholder{color:var(--primary-base)!important}.cura-input-group.readOnly[read-only] .cura-input-field,.cura-input-group.readOnly[read-only] .cura-input-field input{cursor:default}.cura-input-group.small .cura-input-field{width:100%;height:32px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.small .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:12px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.small .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.small .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.small .cura-input-field input{line-height:13px;letter-spacing:.72px}.cura-input-group.small .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.medium .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.medium .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.medium .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.medium .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.medium .cura-input-field input{line-height:16px;letter-spacing:.56px}.cura-input-group.medium .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.large .cura-input-field{width:100%;height:44px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.large .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:16px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.large .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.large .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.large .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-bold)}.cura-input-group.disabled .cura-input-field{background-color:var(--neutral-white);border:2px solid var(--neutral-base)}.cura-input-group.disabled .cura-input-field input{color:var(--neutral-medium)}.cura-input-group.disabled .cura-input-field input::placeholder{color:var(--neutral-medium)}.cura-input-group.transparent{background-color:transparent;padding:0;max-height:80px}.cura-input-group.transparent .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box;background-color:transparent!important;border:none!important;border-radius:0;height:27px}.cura-input-group.transparent .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.transparent .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.transparent .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.transparent .cura-input-field input{color:var(--neutral-black)!important;font-size:16px;font-weight:var(--font-weight-bold)!important;padding:0}.cura-input-group.transparent .cura-input-field input::placeholder{color:var(--neutral-black)}.cura-input-group.transparent .cura-input-field .feedback-icon{order:3;margin:0 20px 0 0}.cura-input-group.transparent:focus-within .cura-input-field{border:none!important;background-color:transparent!important}.cura-input-group.transparent:focus-within .cura-input-field input{border:none!important;outline:none}.cura-input-group.transparent .helper-text{margin-top:0}.cura-input-group.transparent.transparent{display:flex;background-color:transparent;padding:0;justify-content:start;align-items:center;max-height:80px;gap:4px}.cura-input-group.transparent.transparent .input-wrapper{display:flex;width:100%;flex-direction:column;justify-content:start}.cura-input-group.transparent.transparent cura-label{margin-bottom:4px;--color-body: var(--neutral-dark) !important}.cura-input-group.transparent.transparent.error cura-label{--color-body: var(--neutral-black) !important}.cura-input-group.transparent.transparent .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;box-sizing:border-box;background-color:transparent!important;border:none!important;border-radius:var(--border-radius, 0)!important;height:27px;overflow:hidden}.cura-input-group.transparent.transparent .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.transparent.transparent .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.transparent.transparent .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.transparent.transparent .cura-input-field input{order:1;color:var(--neutral-black)!important;font-size:16px;font-weight:var(--font-weight-bold)!important;padding:0}.cura-input-group.transparent.transparent .cura-input-field input::placeholder{color:var(--neutral-black)}.cura-input-group.transparent.transparent .cura-input-field .clear-button{order:2;cursor:pointer;margin:0 20px 0 0;padding:0}.cura-input-group.transparent.transparent .cura-input-field .feedback-icon{padding:6px 0 0}.cura-input-group.transparent.transparent .cura-input-field cura-loader-circle{order:2;margin:0 20px 0 0}.cura-input-group.error .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.error .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.error .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.error .cura-input-field input{color:var(--error-darker)!important}.cura-input-group.error .cura-input-field input::placeholder{color:var(--error-darker)!important}.cura-input-group.error.small .cura-input-field{width:100%;height:32px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.error.small .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:12px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.error.small .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error.small .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.error.small .cura-input-field input{line-height:13px;letter-spacing:.72px}.cura-input-group.error.small .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.error.medium .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.error.medium .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.error.medium .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error.medium .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.error.medium .cura-input-field input{line-height:16px;letter-spacing:.56px}.cura-input-group.error.medium .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.error.large .cura-input-field{width:100%;height:44px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.error.large .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:16px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.error.large .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error.large .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.error.large .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-bold)}.cura-input-group.error:not(.transparent).large .cura-input-field{width:100%;height:44px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box;border:2px solid var(--error-dark)!important;background-color:var(--error-lighter)!important}.cura-input-group.error:not(.transparent).large .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:16px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.error:not(.transparent).large .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error:not(.transparent).large .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.success .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.success .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.success .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.success .cura-input-field input{color:var(--success-darker)!important}.cura-input-group.success .cura-input-field input::placeholder{color:var(--success-darker)!important}.cura-input-group.success.small .cura-input-field{width:100%;height:32px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.success.small .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:12px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.success.small .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success.small .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.success.small .cura-input-field input{line-height:13px;letter-spacing:.72px}.cura-input-group.success.small .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.success.medium .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.success.medium .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.success.medium .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success.medium .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.success.medium .cura-input-field input{line-height:16px;letter-spacing:.56px}.cura-input-group.success.medium .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.success.large .cura-input-field{width:100%;height:44px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.success.large .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:16px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.success.large .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success.large .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.success.large .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-bold)}.cura-input-group.success:not(.transparent).large .cura-input-field{width:100%;height:44px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box;border:2px solid var(--success-dark)!important;background-color:var(--success-lighter)!important}.cura-input-group.success:not(.transparent).large .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:16px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.success:not(.transparent).large .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success:not(.transparent).large .cura-input-field .feedback-icon{padding-left:12px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: CuraLabelComponent, selector: "cura-label", inputs: ["size", "weight", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }, { kind: "component", type: CuraLoaderCircleComponent, selector: "cura-loader-circle", inputs: ["size", "color"] }] }); }
|
|
563
|
+
], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"cura-input-group\" [ngClass]=\"classes()\" [style]=\"styles()\" (mouseenter)=\"handleMouseEnter()\" (mouseleave)=\"handleMouseLeave()\">\n <div class=\"input-wrapper\">\n @if (label()) {\n <cura-label class=\"label\" weight=\"bold\" [size]=\"size() === 'large' ? 'small' : 'xsmall'\" [color]=\"labelColor()\">\n {{ label() }}\n @if (required()) {\n <span class=\"required\">*</span>\n }\n </cura-label>\n }\n\n <div class=\"cura-input-field\" [style]=\"styles()\">\n @if (iconConfig().icon) {\n <div class=\"feedback-icon\" [style]=\"styles()\">\n <cura-icon [name]=\"iconConfig().icon!.name\" iconset=\"default\" [size]=\"iconConfig().size\" [color]=\"iconConfig().icon!.color\"> </cura-icon>\n </div>\n }\n\n <input\n #inputElement\n [attr.id]=\"name() || null\"\n [attr.name]=\"name() || null\"\n [type]=\"type()\"\n [placeholder]=\"placeholder()\"\n [disabled]=\"disabled() || isLoading()\"\n [required]=\"required()\"\n [readonly]=\"readOnly()\"\n [attr.maxlength]=\"maxlength()\"\n [value]=\"value()\"\n [attr.inputmode]=\"maskPreset() ? 'tel' : inputMode()\"\n [autocomplete]=\"autocomplete()\"\n [ngClass]=\"classes()\"\n [style]=\"styles()\"\n (focus)=\"handleInputFocus()\"\n (blur)=\"handleInputBlur()\"\n (input)=\"handleInputChange($event)\"\n (keydown)=\"handleKeyDown($event)\"\n />\n\n @if (shouldShowClearButton()) {\n <cura-icon\n [size]=\"size() === 'large' || mode() === 'transparent' ? 20 : 16\"\n color=\"primary-base\"\n name=\"closeCircle\"\n iconset=\"default\"\n class=\"clear-button\"\n (click)=\"handleClearInput()\"\n >\n </cura-icon>\n }\n\n @if (isLoading()) {\n <cura-loader-circle [size]=\"size() === 'large' ? 'medium' : 'small'\" color=\"primary-base\"> </cura-loader-circle>\n }\n </div>\n\n @if (helperText()) {\n <div [style]=\"styles()\" class=\"helper-text\" part=\"cura-input-text-helper\">\n <cura-label size=\"xsmall\" lineHeight=\"xsmall\" [color]=\"helperText().color\">\n <ng-content></ng-content>\n </cura-label>\n </div>\n }\n </div>\n</div>\n", styles: [":host{display:block;box-sizing:border-box;width:100%}.required{color:var(--error-base)}.cura-input-group{width:100%;font-family:var(--font-family);text-align:left!important}.cura-input-group cura-label{margin-bottom:8px}.cura-input-group .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group .cura-input-field cura-loader-circle{margin:0 12px}.cura-input-group .cura-input-field .feedback-icon{padding-left:12px;padding-top:6px}.cura-input-group .cura-input-field .clear-button{margin-right:12px;cursor:pointer}.cura-input-group .helper-text{margin-top:8px;color:var(--neutral-dark)}.cura-input-group.success:not(.transparent) .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box;border:2px solid var(--success-dark)!important;background-color:var(--success-lighter)!important}.cura-input-group.success:not(.transparent) .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.success:not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success:not(.transparent) .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.error:not(.transparent) .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box;border:2px solid var(--error-dark)!important;background-color:var(--error-lighter)!important}.cura-input-group.error:not(.transparent) .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.error:not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error:not(.transparent) .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field{border-color:var(--neutral-dark)}.cura-input-group:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field input{color:var(--neutral-dark)}.cura-input-group:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group:focus-within:not(.selection) .cura-input-field{border:2px solid var(--info-base)!important;background-color:var(--neutral-purewhite);outline:none}.cura-input-group:focus-within:not(.selection) .cura-input-field input{color:var(--neutral-black)!important}.cura-input-group:focus-within.selection .cura-input-field{border-radius:var(--border-radius) var(--border-radius) 0px 0px}.cura-input-group.isLoading{cursor:wait}.cura-input-group.isLoading .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box;background-color:var(--neutral-white)!important;border:2px solid var(--primary-base)!important}.cura-input-group.isLoading .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.isLoading .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.isLoading .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.isLoading .cura-input-field input{cursor:wait;color:var(--primary-base)!important}.cura-input-group.isLoading .cura-input-field input::placeholder{color:var(--primary-base)!important}.cura-input-group.readOnly[read-only] .cura-input-field,.cura-input-group.readOnly[read-only] .cura-input-field input{cursor:default}.cura-input-group.small .cura-input-field{width:100%;height:32px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.small .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:12px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.small .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.small .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.small .cura-input-field input{line-height:13px;letter-spacing:.72px}.cura-input-group.small .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.medium .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.medium .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.medium .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.medium .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.medium .cura-input-field input{line-height:16px;letter-spacing:.56px}.cura-input-group.medium .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.large .cura-input-field{width:100%;height:44px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.large .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:16px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.large .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.large .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.large .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-bold)}.cura-input-group.disabled .cura-input-field{background-color:var(--neutral-white);border:2px solid var(--neutral-base)}.cura-input-group.disabled .cura-input-field input{color:var(--neutral-medium)}.cura-input-group.disabled .cura-input-field input::placeholder{color:var(--neutral-medium)}.cura-input-group.transparent{background-color:transparent;padding:0;max-height:80px}.cura-input-group.transparent .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box;background-color:transparent!important;border:none!important;border-radius:0;height:27px}.cura-input-group.transparent .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.transparent .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.transparent .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.transparent .cura-input-field input{color:var(--neutral-black)!important;font-size:16px;font-weight:var(--font-weight-bold)!important;padding:0}.cura-input-group.transparent .cura-input-field input::placeholder{color:var(--neutral-black)}.cura-input-group.transparent .cura-input-field .feedback-icon{order:3;margin:0 20px 0 0}.cura-input-group.transparent:focus-within .cura-input-field{border:none!important;background-color:transparent!important}.cura-input-group.transparent:focus-within .cura-input-field input{border:none!important;outline:none}.cura-input-group.transparent .helper-text{margin-top:0}.cura-input-group.transparent.transparent{display:flex;background-color:transparent;padding:0;justify-content:start;align-items:center;max-height:80px;gap:4px}.cura-input-group.transparent.transparent .input-wrapper{display:flex;width:100%;flex-direction:column;justify-content:start}.cura-input-group.transparent.transparent cura-label{margin-bottom:4px;--color-body: var(--neutral-dark) !important}.cura-input-group.transparent.transparent.error cura-label{--color-body: var(--neutral-black) !important}.cura-input-group.transparent.transparent .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;box-sizing:border-box;background-color:transparent!important;border:none!important;border-radius:var(--border-radius, 0)!important;height:27px;overflow:hidden}.cura-input-group.transparent.transparent .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.transparent.transparent .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.transparent.transparent .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.transparent.transparent .cura-input-field input{order:1;color:var(--neutral-black)!important;font-size:16px;font-weight:var(--font-weight-bold)!important;padding:0}.cura-input-group.transparent.transparent .cura-input-field input::placeholder{color:var(--neutral-black)}.cura-input-group.transparent.transparent .cura-input-field .clear-button{order:2;cursor:pointer;margin:0 20px 0 0;padding:0}.cura-input-group.transparent.transparent .cura-input-field .feedback-icon{padding:6px 0 0}.cura-input-group.transparent.transparent .cura-input-field cura-loader-circle{order:2;margin:0 20px 0 0}.cura-input-group.error .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.error .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.error .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.error .cura-input-field input{color:var(--error-darker)!important}.cura-input-group.error .cura-input-field input::placeholder{color:var(--error-darker)!important}.cura-input-group.error.small .cura-input-field{width:100%;height:32px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.error.small .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:12px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.error.small .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error.small .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.error.small .cura-input-field input{line-height:13px;letter-spacing:.72px}.cura-input-group.error.small .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.error.medium .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.error.medium .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.error.medium .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error.medium .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.error.medium .cura-input-field input{line-height:16px;letter-spacing:.56px}.cura-input-group.error.medium .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.error.large .cura-input-field{width:100%;height:44px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.error.large .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:16px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.error.large .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error.large .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.error.large .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-bold)}.cura-input-group.error:not(.transparent).large .cura-input-field{width:100%;height:44px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box;border:2px solid var(--error-dark)!important;background-color:var(--error-lighter)!important}.cura-input-group.error:not(.transparent).large .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:16px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.error:not(.transparent).large .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error:not(.transparent).large .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.success .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.success .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.success .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.success .cura-input-field input{color:var(--success-darker)!important}.cura-input-group.success .cura-input-field input::placeholder{color:var(--success-darker)!important}.cura-input-group.success.small .cura-input-field{width:100%;height:32px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.success.small .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:12px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.success.small .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success.small .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.success.small .cura-input-field input{line-height:13px;letter-spacing:.72px}.cura-input-group.success.small .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.success.medium .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.success.medium .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.success.medium .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success.medium .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.success.medium .cura-input-field input{line-height:16px;letter-spacing:.56px}.cura-input-group.success.medium .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.success.large .cura-input-field{width:100%;height:44px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.success.large .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:16px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.success.large .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success.large .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.success.large .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-bold)}.cura-input-group.success:not(.transparent).large .cura-input-field{width:100%;height:44px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box;border:2px solid var(--success-dark)!important;background-color:var(--success-lighter)!important}.cura-input-group.success:not(.transparent).large .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:16px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.success:not(.transparent).large .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success:not(.transparent).large .cura-input-field .feedback-icon{padding-left:12px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: CuraLabelComponent, selector: "cura-label", inputs: ["size", "weight", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }, { kind: "component", type: CuraLoaderCircleComponent, selector: "cura-loader-circle", inputs: ["size", "color"] }] }); }
|
|
565
564
|
}
|
|
566
565
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CuraInputTextComponent, decorators: [{
|
|
567
566
|
type: Component,
|
|
@@ -576,7 +575,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
|
|
|
576
575
|
useExisting: forwardRef(() => CuraInputTextComponent),
|
|
577
576
|
multi: true,
|
|
578
577
|
},
|
|
579
|
-
], template: "<div class=\"cura-input-group\" [ngClass]=\"classes()\" [style]=\"styles()\" (mouseenter)=\"handleMouseEnter()\" (mouseleave)=\"handleMouseLeave()\">\n <div class=\"input-wrapper\">\n @if (label()) {\n <cura-label class=\"label\" weight=\"bold\" [size]=\"size() === 'large' ? 'small' : 'xsmall'\" [color]=\"labelColor()\">\n {{ label() }}\n @if (required()) {\n <span class=\"required\">*</span>\n }\n </cura-label>\n }\n\n <div class=\"cura-input-field\" [style]=\"styles()\">\n @if (iconConfig().icon) {\n <div class=\"feedback-icon\" [style]=\"styles()\">\n <cura-icon [name]=\"iconConfig().icon!.name\" iconset=\"default\" [size]=\"iconConfig().size\" [color]=\"iconConfig().icon!.color\"> </cura-icon>\n </div>\n }\n\n <input\n #inputElement\n [attr.id]=\"name() || null\"\n [attr.name]=\"name() || null\"\n [type]=\"type()\"\n [placeholder]=\"placeholder()\"\n [disabled]=\"disabled() || isLoading()\"\n [required]=\"required()\"\n [readonly]=\"readOnly()\"\n [attr.maxlength]=\"maxlength()\"\n [(ngModel)]=\"value\"\n [attr.inputmode]=\"maskPreset() ? 'tel' : inputMode()\"\n [autocomplete]=\"autocomplete()\"\n [ngClass]=\"classes()\"\n [style]=\"styles()\"\n (focus)=\"handleInputFocus()\"\n (blur)=\"handleInputBlur()\"\n (input)=\"handleInputChange($event)\"\n (keydown)=\"handleKeyDown($event)\"\n />\n\n @if (shouldShowClearButton()) {\n <cura-icon\n [size]=\"size() === 'large' || mode() === 'transparent' ? 20 : 16\"\n color=\"primary-base\"\n name=\"closeCircle\"\n iconset=\"default\"\n class=\"clear-button\"\n (click)=\"handleClearInput()\"\n >\n </cura-icon>\n }\n\n @if (isLoading()) {\n <cura-loader-circle [size]=\"size() === 'large' ? 'medium' : 'small'\" color=\"primary-base\"> </cura-loader-circle>\n }\n </div>\n\n @if (helperText()) {\n <div [style]=\"styles()\" class=\"helper-text\" part=\"cura-input-text-helper\">\n <cura-label size=\"xsmall\" lineHeight=\"xsmall\" [color]=\"helperText().color\">\n <ng-content></ng-content>\n </cura-label>\n </div>\n }\n </div>\n</div>\n", styles: [":host{display:block;box-sizing:border-box;width:100%}.required{color:var(--error-base)}.cura-input-group{width:100%;font-family:var(--font-family);text-align:left!important}.cura-input-group cura-label{margin-bottom:8px}.cura-input-group .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group .cura-input-field cura-loader-circle{margin:0 12px}.cura-input-group .cura-input-field .feedback-icon{padding-left:12px;padding-top:6px}.cura-input-group .cura-input-field .clear-button{margin-right:12px;cursor:pointer}.cura-input-group .helper-text{margin-top:8px;color:var(--neutral-dark)}.cura-input-group.success:not(.transparent) .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box;border:2px solid var(--success-dark)!important;background-color:var(--success-lighter)!important}.cura-input-group.success:not(.transparent) .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.success:not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success:not(.transparent) .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.error:not(.transparent) .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box;border:2px solid var(--error-dark)!important;background-color:var(--error-lighter)!important}.cura-input-group.error:not(.transparent) .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.error:not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error:not(.transparent) .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field{border-color:var(--neutral-dark)}.cura-input-group:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field input{color:var(--neutral-dark)}.cura-input-group:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group:focus-within:not(.selection) .cura-input-field{border:2px solid var(--info-base)!important;background-color:var(--neutral-purewhite);outline:none}.cura-input-group:focus-within:not(.selection) .cura-input-field input{color:var(--neutral-black)!important}.cura-input-group:focus-within.selection .cura-input-field{border-radius:var(--border-radius) var(--border-radius) 0px 0px}.cura-input-group.isLoading{cursor:wait}.cura-input-group.isLoading .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box;background-color:var(--neutral-white)!important;border:2px solid var(--primary-base)!important}.cura-input-group.isLoading .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.isLoading .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.isLoading .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.isLoading .cura-input-field input{cursor:wait;color:var(--primary-base)!important}.cura-input-group.isLoading .cura-input-field input::placeholder{color:var(--primary-base)!important}.cura-input-group.readOnly[read-only] .cura-input-field,.cura-input-group.readOnly[read-only] .cura-input-field input{cursor:default}.cura-input-group.small .cura-input-field{width:100%;height:32px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.small .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:12px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.small .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.small .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.small .cura-input-field input{line-height:13px;letter-spacing:.72px}.cura-input-group.small .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.medium .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.medium .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.medium .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.medium .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.medium .cura-input-field input{line-height:16px;letter-spacing:.56px}.cura-input-group.medium .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.large .cura-input-field{width:100%;height:44px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.large .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:16px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.large .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.large .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.large .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-bold)}.cura-input-group.disabled .cura-input-field{background-color:var(--neutral-white);border:2px solid var(--neutral-base)}.cura-input-group.disabled .cura-input-field input{color:var(--neutral-medium)}.cura-input-group.disabled .cura-input-field input::placeholder{color:var(--neutral-medium)}.cura-input-group.transparent{background-color:transparent;padding:0;max-height:80px}.cura-input-group.transparent .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box;background-color:transparent!important;border:none!important;border-radius:0;height:27px}.cura-input-group.transparent .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.transparent .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.transparent .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.transparent .cura-input-field input{color:var(--neutral-black)!important;font-size:16px;font-weight:var(--font-weight-bold)!important;padding:0}.cura-input-group.transparent .cura-input-field input::placeholder{color:var(--neutral-black)}.cura-input-group.transparent .cura-input-field .feedback-icon{order:3;margin:0 20px 0 0}.cura-input-group.transparent:focus-within .cura-input-field{border:none!important;background-color:transparent!important}.cura-input-group.transparent:focus-within .cura-input-field input{border:none!important;outline:none}.cura-input-group.transparent .helper-text{margin-top:0}.cura-input-group.transparent.transparent{display:flex;background-color:transparent;padding:0;justify-content:start;align-items:center;max-height:80px;gap:4px}.cura-input-group.transparent.transparent .input-wrapper{display:flex;width:100%;flex-direction:column;justify-content:start}.cura-input-group.transparent.transparent cura-label{margin-bottom:4px;--color-body: var(--neutral-dark) !important}.cura-input-group.transparent.transparent.error cura-label{--color-body: var(--neutral-black) !important}.cura-input-group.transparent.transparent .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;box-sizing:border-box;background-color:transparent!important;border:none!important;border-radius:var(--border-radius, 0)!important;height:27px;overflow:hidden}.cura-input-group.transparent.transparent .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.transparent.transparent .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.transparent.transparent .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.transparent.transparent .cura-input-field input{order:1;color:var(--neutral-black)!important;font-size:16px;font-weight:var(--font-weight-bold)!important;padding:0}.cura-input-group.transparent.transparent .cura-input-field input::placeholder{color:var(--neutral-black)}.cura-input-group.transparent.transparent .cura-input-field .clear-button{order:2;cursor:pointer;margin:0 20px 0 0;padding:0}.cura-input-group.transparent.transparent .cura-input-field .feedback-icon{padding:6px 0 0}.cura-input-group.transparent.transparent .cura-input-field cura-loader-circle{order:2;margin:0 20px 0 0}.cura-input-group.error .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.error .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.error .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.error .cura-input-field input{color:var(--error-darker)!important}.cura-input-group.error .cura-input-field input::placeholder{color:var(--error-darker)!important}.cura-input-group.error.small .cura-input-field{width:100%;height:32px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.error.small .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:12px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.error.small .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error.small .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.error.small .cura-input-field input{line-height:13px;letter-spacing:.72px}.cura-input-group.error.small .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.error.medium .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.error.medium .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.error.medium .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error.medium .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.error.medium .cura-input-field input{line-height:16px;letter-spacing:.56px}.cura-input-group.error.medium .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.error.large .cura-input-field{width:100%;height:44px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.error.large .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:16px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.error.large .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error.large .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.error.large .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-bold)}.cura-input-group.error:not(.transparent).large .cura-input-field{width:100%;height:44px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box;border:2px solid var(--error-dark)!important;background-color:var(--error-lighter)!important}.cura-input-group.error:not(.transparent).large .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:16px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.error:not(.transparent).large .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error:not(.transparent).large .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.success .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.success .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.success .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.success .cura-input-field input{color:var(--success-darker)!important}.cura-input-group.success .cura-input-field input::placeholder{color:var(--success-darker)!important}.cura-input-group.success.small .cura-input-field{width:100%;height:32px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.success.small .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:12px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.success.small .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success.small .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.success.small .cura-input-field input{line-height:13px;letter-spacing:.72px}.cura-input-group.success.small .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.success.medium .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.success.medium .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.success.medium .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success.medium .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.success.medium .cura-input-field input{line-height:16px;letter-spacing:.56px}.cura-input-group.success.medium .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.success.large .cura-input-field{width:100%;height:44px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.success.large .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:16px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.success.large .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success.large .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.success.large .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-bold)}.cura-input-group.success:not(.transparent).large .cura-input-field{width:100%;height:44px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box;border:2px solid var(--success-dark)!important;background-color:var(--success-lighter)!important}.cura-input-group.success:not(.transparent).large .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:16px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.success:not(.transparent).large .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success:not(.transparent).large .cura-input-field .feedback-icon{padding-left:12px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}\n"] }]
|
|
578
|
+
], template: "<div class=\"cura-input-group\" [ngClass]=\"classes()\" [style]=\"styles()\" (mouseenter)=\"handleMouseEnter()\" (mouseleave)=\"handleMouseLeave()\">\n <div class=\"input-wrapper\">\n @if (label()) {\n <cura-label class=\"label\" weight=\"bold\" [size]=\"size() === 'large' ? 'small' : 'xsmall'\" [color]=\"labelColor()\">\n {{ label() }}\n @if (required()) {\n <span class=\"required\">*</span>\n }\n </cura-label>\n }\n\n <div class=\"cura-input-field\" [style]=\"styles()\">\n @if (iconConfig().icon) {\n <div class=\"feedback-icon\" [style]=\"styles()\">\n <cura-icon [name]=\"iconConfig().icon!.name\" iconset=\"default\" [size]=\"iconConfig().size\" [color]=\"iconConfig().icon!.color\"> </cura-icon>\n </div>\n }\n\n <input\n #inputElement\n [attr.id]=\"name() || null\"\n [attr.name]=\"name() || null\"\n [type]=\"type()\"\n [placeholder]=\"placeholder()\"\n [disabled]=\"disabled() || isLoading()\"\n [required]=\"required()\"\n [readonly]=\"readOnly()\"\n [attr.maxlength]=\"maxlength()\"\n [value]=\"value()\"\n [attr.inputmode]=\"maskPreset() ? 'tel' : inputMode()\"\n [autocomplete]=\"autocomplete()\"\n [ngClass]=\"classes()\"\n [style]=\"styles()\"\n (focus)=\"handleInputFocus()\"\n (blur)=\"handleInputBlur()\"\n (input)=\"handleInputChange($event)\"\n (keydown)=\"handleKeyDown($event)\"\n />\n\n @if (shouldShowClearButton()) {\n <cura-icon\n [size]=\"size() === 'large' || mode() === 'transparent' ? 20 : 16\"\n color=\"primary-base\"\n name=\"closeCircle\"\n iconset=\"default\"\n class=\"clear-button\"\n (click)=\"handleClearInput()\"\n >\n </cura-icon>\n }\n\n @if (isLoading()) {\n <cura-loader-circle [size]=\"size() === 'large' ? 'medium' : 'small'\" color=\"primary-base\"> </cura-loader-circle>\n }\n </div>\n\n @if (helperText()) {\n <div [style]=\"styles()\" class=\"helper-text\" part=\"cura-input-text-helper\">\n <cura-label size=\"xsmall\" lineHeight=\"xsmall\" [color]=\"helperText().color\">\n <ng-content></ng-content>\n </cura-label>\n </div>\n }\n </div>\n</div>\n", styles: [":host{display:block;box-sizing:border-box;width:100%}.required{color:var(--error-base)}.cura-input-group{width:100%;font-family:var(--font-family);text-align:left!important}.cura-input-group cura-label{margin-bottom:8px}.cura-input-group .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group .cura-input-field cura-loader-circle{margin:0 12px}.cura-input-group .cura-input-field .feedback-icon{padding-left:12px;padding-top:6px}.cura-input-group .cura-input-field .clear-button{margin-right:12px;cursor:pointer}.cura-input-group .helper-text{margin-top:8px;color:var(--neutral-dark)}.cura-input-group.success:not(.transparent) .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box;border:2px solid var(--success-dark)!important;background-color:var(--success-lighter)!important}.cura-input-group.success:not(.transparent) .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.success:not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success:not(.transparent) .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.error:not(.transparent) .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box;border:2px solid var(--error-dark)!important;background-color:var(--error-lighter)!important}.cura-input-group.error:not(.transparent) .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.error:not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error:not(.transparent) .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field{border-color:var(--neutral-dark)}.cura-input-group:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field input{color:var(--neutral-dark)}.cura-input-group:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group:focus-within:not(.selection) .cura-input-field{border:2px solid var(--info-base)!important;background-color:var(--neutral-purewhite);outline:none}.cura-input-group:focus-within:not(.selection) .cura-input-field input{color:var(--neutral-black)!important}.cura-input-group:focus-within.selection .cura-input-field{border-radius:var(--border-radius) var(--border-radius) 0px 0px}.cura-input-group.isLoading{cursor:wait}.cura-input-group.isLoading .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box;background-color:var(--neutral-white)!important;border:2px solid var(--primary-base)!important}.cura-input-group.isLoading .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.isLoading .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.isLoading .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.isLoading .cura-input-field input{cursor:wait;color:var(--primary-base)!important}.cura-input-group.isLoading .cura-input-field input::placeholder{color:var(--primary-base)!important}.cura-input-group.readOnly[read-only] .cura-input-field,.cura-input-group.readOnly[read-only] .cura-input-field input{cursor:default}.cura-input-group.small .cura-input-field{width:100%;height:32px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.small .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:12px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.small .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.small .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.small .cura-input-field input{line-height:13px;letter-spacing:.72px}.cura-input-group.small .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.medium .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.medium .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.medium .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.medium .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.medium .cura-input-field input{line-height:16px;letter-spacing:.56px}.cura-input-group.medium .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.large .cura-input-field{width:100%;height:44px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.large .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:16px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.large .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.large .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.large .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-bold)}.cura-input-group.disabled .cura-input-field{background-color:var(--neutral-white);border:2px solid var(--neutral-base)}.cura-input-group.disabled .cura-input-field input{color:var(--neutral-medium)}.cura-input-group.disabled .cura-input-field input::placeholder{color:var(--neutral-medium)}.cura-input-group.transparent{background-color:transparent;padding:0;max-height:80px}.cura-input-group.transparent .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box;background-color:transparent!important;border:none!important;border-radius:0;height:27px}.cura-input-group.transparent .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.transparent .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.transparent .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.transparent .cura-input-field input{color:var(--neutral-black)!important;font-size:16px;font-weight:var(--font-weight-bold)!important;padding:0}.cura-input-group.transparent .cura-input-field input::placeholder{color:var(--neutral-black)}.cura-input-group.transparent .cura-input-field .feedback-icon{order:3;margin:0 20px 0 0}.cura-input-group.transparent:focus-within .cura-input-field{border:none!important;background-color:transparent!important}.cura-input-group.transparent:focus-within .cura-input-field input{border:none!important;outline:none}.cura-input-group.transparent .helper-text{margin-top:0}.cura-input-group.transparent.transparent{display:flex;background-color:transparent;padding:0;justify-content:start;align-items:center;max-height:80px;gap:4px}.cura-input-group.transparent.transparent .input-wrapper{display:flex;width:100%;flex-direction:column;justify-content:start}.cura-input-group.transparent.transparent cura-label{margin-bottom:4px;--color-body: var(--neutral-dark) !important}.cura-input-group.transparent.transparent.error cura-label{--color-body: var(--neutral-black) !important}.cura-input-group.transparent.transparent .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;box-sizing:border-box;background-color:transparent!important;border:none!important;border-radius:var(--border-radius, 0)!important;height:27px;overflow:hidden}.cura-input-group.transparent.transparent .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.transparent.transparent .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.transparent.transparent .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.transparent.transparent .cura-input-field input{order:1;color:var(--neutral-black)!important;font-size:16px;font-weight:var(--font-weight-bold)!important;padding:0}.cura-input-group.transparent.transparent .cura-input-field input::placeholder{color:var(--neutral-black)}.cura-input-group.transparent.transparent .cura-input-field .clear-button{order:2;cursor:pointer;margin:0 20px 0 0;padding:0}.cura-input-group.transparent.transparent .cura-input-field .feedback-icon{padding:6px 0 0}.cura-input-group.transparent.transparent .cura-input-field cura-loader-circle{order:2;margin:0 20px 0 0}.cura-input-group.error .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.error .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.error .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.error .cura-input-field input{color:var(--error-darker)!important}.cura-input-group.error .cura-input-field input::placeholder{color:var(--error-darker)!important}.cura-input-group.error.small .cura-input-field{width:100%;height:32px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.error.small .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:12px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.error.small .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error.small .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.error.small .cura-input-field input{line-height:13px;letter-spacing:.72px}.cura-input-group.error.small .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.error.medium .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.error.medium .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.error.medium .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error.medium .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.error.medium .cura-input-field input{line-height:16px;letter-spacing:.56px}.cura-input-group.error.medium .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.error.large .cura-input-field{width:100%;height:44px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.error.large .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:16px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.error.large .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error.large .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.error.large .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-bold)}.cura-input-group.error:not(.transparent).large .cura-input-field{width:100%;height:44px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box;border:2px solid var(--error-dark)!important;background-color:var(--error-lighter)!important}.cura-input-group.error:not(.transparent).large .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:16px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.error:not(.transparent).large .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.error:not(.transparent).large .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.success .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.success .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.success .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.success .cura-input-field input{color:var(--success-darker)!important}.cura-input-group.success .cura-input-field input::placeholder{color:var(--success-darker)!important}.cura-input-group.success.small .cura-input-field{width:100%;height:32px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.success.small .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:12px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.success.small .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success.small .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.success.small .cura-input-field input{line-height:13px;letter-spacing:.72px}.cura-input-group.success.small .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.success.medium .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.success.medium .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.success.medium .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success.medium .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.success.medium .cura-input-field input{line-height:16px;letter-spacing:.56px}.cura-input-group.success.medium .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.success.large .cura-input-field{width:100%;height:44px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.cura-input-group.success.large .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:16px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.success.large .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success.large .cura-input-field .feedback-icon{padding-left:12px}.cura-input-group.success.large .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-bold)}.cura-input-group.success:not(.transparent).large .cura-input-field{width:100%;height:44px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:var(--border-radius, 4px);color:var(--primary-base);letter-spacing:.32px;line-height:20px;overflow:hidden;box-sizing:border-box;border:2px solid var(--success-dark)!important;background-color:var(--success-lighter)!important}.cura-input-group.success:not(.transparent).large .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:16px;box-sizing:border-box;padding:0 12px 0 8px}.cura-input-group.success:not(.transparent).large .cura-input-field input::placeholder{color:var(--neutral-dark)}.cura-input-group.success:not(.transparent).large .cura-input-field .feedback-icon{padding-left:12px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}\n"] }]
|
|
580
579
|
}], ctorParameters: () => [], propDecorators: { mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], inputMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputMode", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], iconName: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconName", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], maskPreset: [{ type: i0.Input, args: [{ isSignal: true, alias: "maskPreset", required: false }] }], enableSelectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableSelectionMode", required: false }] }], maskRegex: [{ type: i0.Input, args: [{ isSignal: true, alias: "maskRegex", required: false }] }], maskAdvanced: [{ type: i0.Input, args: [{ isSignal: true, alias: "maskAdvanced", required: false }] }], maxlength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxlength", required: false }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], clearIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearIcon", required: false }] }], hideErrorIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideErrorIcon", required: false }] }], autocomplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "autocomplete", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }], inputClear: [{ type: i0.Output, args: ["inputClear"] }], inputElement: [{ type: i0.ViewChild, args: ['inputElement', { isSignal: true }] }] } });
|
|
581
580
|
|
|
582
581
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rededor-site-front-end-lib-cura-forms-cura-input-text.mjs","sources":["../../../projects/site-front-end-lib/cura/forms/cura-input-text/cura-input-text.definitions.ts","../../../projects/site-front-end-lib/cura/forms/cura-input-text/cura-input-text.component.ts","../../../projects/site-front-end-lib/cura/forms/cura-input-text/cura-input-text.component.html","../../../projects/site-front-end-lib/cura/forms/cura-input-text/rededor-site-front-end-lib-cura-forms-cura-input-text.ts"],"sourcesContent":["/**\n * Display mode options for the input text component\n */\nexport type InputTextMode = 'default' | 'transparent';\n\n/**\n * Size options for the input text component\n */\nexport type InputTextSize = 'small' | 'medium' | 'large';\n\n/**\n * Status options for the input text component\n */\nexport type InputTextStatus = 'success' | 'error' | 'default';\n\n/**\n * Input type options for the input text component\n */\nexport type InputTextType = 'text' | 'number' | 'email' | 'password' | 'tel' | 'url';\n\n/**\n * Input mode options for the input text component\n */\nexport type InputTextInputMode = 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';\n\n/**\n * Mask preset options for input formatting\n */\nexport type MaskPreset = 'cpf' | 'cnpj' | 'cpf_cnpj' | 'phone' | 'date' | 'dateRange';\n\n/**\n * Event payload emitted when the input value changes\n */\nexport interface InputTextValueChangeEvent {\n /**\n * The new value of the input\n */\n value: string | number;\n}\n\n/**\n * Event payload emitted when the clear button is clicked\n */\nexport interface InputTextClearEvent {\n /**\n * The value that was cleared (usually empty string)\n */\n value: string | number;\n}\n\n/**\n * Mask options map for IMask library\n */\nexport interface MaskOptionsMap {\n [key: string]: any;\n}\n\n/**\n * Mask configuration for different presets\n */\nexport const maskOptions: MaskOptionsMap = {\n cpf_cnpj: {\n mask: [{ mask: '000.000.000-00' }, { mask: '00.000.000/0000-00' }],\n placeholderChar: '_',\n },\n cpf: {\n mask: '000.000.000-00',\n placeholderChar: '_',\n },\n cnpj: {\n mask: '00.000.000/0000-00',\n placeholderChar: '_',\n },\n phone: {\n mask: '(00) 00000-0000',\n blocks: {\n '(00)': {\n mask: '(00)',\n maxLength: 2,\n placeholderChar: '',\n },\n '00000': {\n mask: '00000',\n maxLength: 5,\n placeholderChar: '_',\n },\n '-': {\n mask: '-',\n },\n '0000': {\n mask: '0000',\n maxLength: 4,\n placeholderChar: '_',\n },\n },\n placeholderChar: '_',\n },\n date: {\n mask: '00/00/0000',\n },\n dateRange: {\n mask: '00/00/0000 - 00/00/0000',\n },\n};\n","import {\n Component,\n input,\n output,\n signal,\n computed,\n inject,\n forwardRef,\n ElementRef,\n AfterViewInit,\n OnDestroy,\n viewChild,\n model,\n effect,\n PLATFORM_ID,\n} from '@angular/core';\nimport { CommonModule, isPlatformBrowser } from '@angular/common';\nimport { ControlValueAccessor, FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\nimport { CuraLabelComponent } from '@rededor/site-front-end-lib/cura/forms/cura-label';\nimport { CuraIconComponent } from '@rededor/site-front-end-lib/cura/icons/cura-icon';\nimport { CuraLoaderCircleComponent } from '@rededor/site-front-end-lib/cura/loaders/cura-loader-circle';\nimport IMask, { FactoryArg, InputMask } from 'imask';\nimport {\n InputTextMode,\n InputTextSize,\n InputTextStatus,\n InputTextType,\n InputTextInputMode,\n MaskPreset,\n InputTextValueChangeEvent,\n InputTextClearEvent,\n maskOptions,\n} from './cura-input-text.definitions';\n\n@Component({\n selector: 'cura-input-text',\n imports: [CommonModule, FormsModule, CuraLabelComponent, CuraIconComponent, CuraLoaderCircleComponent],\n templateUrl: './cura-input-text.component.html',\n styleUrls: ['./cura-input-text.component.scss'],\n host: {\n role: 'textbox',\n '[attr.aria-disabled]': 'disabled()',\n '[attr.aria-required]': 'required()',\n '[attr.aria-invalid]': 'status() === \"error\"',\n },\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => CuraInputTextComponent),\n multi: true,\n },\n ],\n})\nexport class CuraInputTextComponent implements ControlValueAccessor, AfterViewInit, OnDestroy {\n private curaApi: CuraApiService = inject(CuraApiService);\n private elementRef = inject(ElementRef);\n private platformId = inject(PLATFORM_ID);\n /**\n * Mode of the input: 'default' or 'transparent'\n */\n mode = input<InputTextMode>('default');\n\n /**\n * Status of the input component\n */\n status = input<InputTextStatus>('default');\n\n /**\n * Size of the input component\n */\n size = input<InputTextSize>('medium');\n\n /**\n * Type of the input\n */\n type = input<InputTextType>('text');\n\n /**\n * Input mode for mobile keyboards\n */\n inputMode = input<InputTextInputMode>('text');\n\n /**\n * Label text for the input\n */\n label = input<string>('');\n\n /**\n * Name attribute for the input\n */\n name = input<string>('');\n\n /**\n * Placeholder text for the input\n */\n placeholder = input<string | null>(null);\n\n /**\n * Current value of the input\n */\n value = model<string | number | any>('');\n\n /**\n * Icon name to display\n */\n iconName = input<string>('');\n\n /**\n * Helper text displayed below the input\n */\n // helperText = input<string>(''); // Não está sendo usado\n\n /**\n * Whether the input is disabled\n */\n disabled = input<boolean>(false);\n\n /**\n * Whether the input is required\n */\n required = input<boolean>(false);\n\n /**\n * Mask preset for input formatting\n */\n maskPreset = input<MaskPreset | undefined>(undefined);\n\n /**\n * Controls whether the selection functionality is active\n */\n enableSelectionMode = input<boolean>(false);\n\n /**\n * Regular expression for custom input masking\n */\n maskRegex = input<string | null>(null);\n\n /**\n * Advanced mask object for IMask library\n */\n maskAdvanced = input<any | string | null>(null);\n\n /**\n * Maximum length of the input value\n */\n maxlength = input<number | undefined>(undefined);\n\n /**\n * Whether the input is read-only\n */\n readOnly = input<boolean>(false);\n\n /**\n * Whether the input is in loading state\n */\n isLoading = input<boolean>(false);\n\n /**\n * Whether to show the clear button\n */\n clearIcon = input<boolean>(true);\n\n /**\n * Removes the error icon when necessary\n */\n hideErrorIcon = input<boolean>(false);\n\n /**\n * Autocomplete attribute for the input\n */\n autocomplete = input<string>('on');\n\n /**\n * Event emitted when the value changes\n */\n valueChange = output<InputTextValueChangeEvent>();\n\n /**\n * Event emitted when the clear button is clicked\n */\n inputClear = output<InputTextClearEvent>();\n\n // Internal state signals\n private isHovered = signal<boolean>(false);\n private isFocused = signal<boolean>(false);\n\n // Form control callbacks\n private onChange = (value: string | number) => {};\n private onTouched = () => {};\n\n // ViewChild references\n inputElement = viewChild<ElementRef<HTMLInputElement>>('inputElement');\n\n /**\n * Instance of InputMask is returned when IMask constructor is called.\n */\n maskedInput?: InputMask<FactoryArg>;\n\n private _isWriting = false;\n\n // Reference to input element (equivalent to inputRef in Stencil)\n private inputRef?: HTMLInputElement;\n\n // Utility functions (equivalent to Stencil utils)\n private checkMobile(): boolean {\n if (isPlatformBrowser(this.platformId)) {\n return window?.innerWidth < 768; // Static.breakpoints.medium.min equivalent\n }\n return false;\n }\n\n private checkIOS(): boolean {\n if (isPlatformBrowser(this.platformId)) {\n return (\n ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'].includes(navigator.userAgent) ||\n // iPad on iOS 13 detection\n (navigator.userAgent.includes('Mac') && 'ontouchend' in document)\n );\n }\n return false;\n }\n\n private fakeInputIOSHack(targetElement: HTMLElement): HTMLInputElement | null {\n if (!this.checkMobile() || !this.checkIOS()) return null;\n const fakeInput = document.createElement('input');\n fakeInput.setAttribute('type', 'text');\n fakeInput.style.position = 'absolute';\n fakeInput.style.opacity = '0';\n fakeInput.style.height = '0';\n fakeInput.style.fontSize = '16px'; // disable auto zoom\n targetElement.prepend(fakeInput);\n // focus so that subsequent async focus will work\n fakeInput.focus();\n return fakeInput;\n }\n\n // Computed styles\n styles = computed(() => {\n const { fonts, colors } = this.curaApi?.theme || { fonts: null, colors: null };\n\n const baseStyles: { [key: string]: string } = {};\n\n if (fonts) {\n const fontWeights = fonts.getWeights();\n baseStyles['--font-weight-medium'] = fontWeights.medium;\n baseStyles['--font-weight-bold'] = fontWeights.bold;\n baseStyles['--font-weight-regular'] = fontWeights.regular;\n baseStyles['--font-color'] = fonts.getColor();\n baseStyles['--font-family'] = fonts.getFamily();\n baseStyles['--font-size'] = fonts.getSize();\n }\n\n if (colors) {\n const colorKeys = [\n 'primary-base',\n 'neutral-purewhite',\n 'neutral-white',\n 'neutral-black',\n 'neutral-medium',\n 'neutral-base',\n 'neutral-dark',\n 'success-dark',\n 'success-darker',\n 'success-lighter',\n 'error-lighter',\n 'error-dark',\n 'error-darker',\n 'error-base',\n 'info-base',\n ];\n\n colorKeys.forEach((key) => {\n baseStyles[`--${key}`] = colors.getColor(key);\n });\n }\n\n return baseStyles;\n });\n\n constructor() {\n effect(() => {\n if (this.inputRef && (this.maskPreset() || this.maskRegex() || this.maskAdvanced())) {\n this.initializeMask();\n } else {\n this.destroyMask();\n }\n });\n }\n\n ngAfterViewInit() {\n const inputEl = this.inputElement();\n if (inputEl) {\n this.inputRef = inputEl.nativeElement;\n this.initializeMask();\n }\n }\n\n ngOnDestroy() {\n this.destroyMask();\n }\n\n // ControlValueAccessor implementation\n writeValue(value: string | number): void {\n this._isWriting = true;\n try {\n if (this.maskedInput) {\n if (this.maskedInput.mask === Date || this.maskedInput.mask === Number) {\n this.maskedInput.typedValue = value ?? '';\n } else {\n this.maskedInput.value = String(value ?? '');\n }\n this.maskedInput.updateValue();\n this.value.set(this.maskedInput.value);\n } else {\n this.value.set(value ?? '');\n }\n } finally {\n this._isWriting = false;\n }\n }\n\n registerOnChange(fn: (value: string | number) => void): void {\n this.onChange = fn;\n }\n\n registerOnTouched(fn: () => void): void {\n this.onTouched = fn;\n }\n\n // Public methods\n async setFocus(): Promise<void> {\n // IOS needs large timeout value to work\n const timeoutMs = this.checkMobile() && this.checkIOS() ? 1000 : 200;\n // IOS fake input hack\n let fakeInput = this.fakeInputIOSHack(this.elementRef.nativeElement);\n\n setTimeout(() => {\n if (this.inputRef) {\n this.inputRef.focus();\n }\n if (fakeInput) {\n fakeInput.remove();\n }\n }, timeoutMs);\n }\n\n // Computed signals\n classes = computed(() => ({\n [this.size().toLowerCase()]: this.mode() === 'default',\n disabled: this.disabled(),\n isLoading: this.isLoading(),\n isFocused: this.isFocused() && !this.disabled() && !this.readOnly() && !this.isLoading(),\n isHovered: this.isHovered(),\n [this.status()]: true,\n transparent: this.mode() === 'transparent',\n selection: this.enableSelectionMode(),\n }));\n\n labelColor = computed(() => {\n if (this.disabled()) {\n return 'neutral-medium';\n } else if (this.isLoading() && this.mode() === 'transparent' && !this.isHovered()) {\n return 'neutral-dark';\n } else if (((this.isFocused() || this.isHovered() || this.status() === 'success' || this.status() === 'error') && !this.readOnly()) || this.isHovered()) {\n return 'neutral-black';\n } else {\n return 'neutral-dark';\n }\n });\n\n iconConfig = computed(() => {\n const shouldShowIcon = (() => {\n if (\n (this.iconName() === '' && this.status() === 'default') ||\n (this.mode() === 'transparent' && this.isLoading()) ||\n (this.mode() === 'transparent' && this.status() === 'default')\n ) {\n return false;\n }\n if (this.status() === 'error' && this.hideErrorIcon()) {\n return false;\n }\n return true;\n })();\n\n if (!shouldShowIcon) {\n return {\n icon: null,\n size: 0,\n };\n }\n\n const iconSizeDefaultMode = this.size() === 'large' ? 20 : 16;\n const size = this.mode() === 'transparent' ? 20 : iconSizeDefaultMode;\n\n const iconMap: { [key: string]: { name: string; color: string } } = {\n loading: { name: this.iconName(), color: 'primary-base' },\n success: { name: 'checkCircle', color: 'success-dark' },\n error: { name: 'alertCircle', color: 'error-dark' },\n default: { name: this.iconName(), color: 'neutral-dark' },\n disabled: { name: this.iconName(), color: 'neutral-medium' },\n };\n\n const icon = iconMap[this.isLoading() ? 'loading' : this.disabled() ? 'disabled' : this.status() || 'default'];\n\n return {\n icon,\n size,\n };\n });\n\n helperText = computed(() => {\n const isError = this.status() === 'error';\n const isSuccess = this.status() === 'success';\n const isDefault = this.status() === 'default';\n const helperTextSize = this.size() === 'large' ? 'small' : 'xsmall';\n\n const colorText = (() => {\n if (this.disabled()) return 'neutral-medium';\n if (this.isLoading()) return 'primary-base';\n if (this.isFocused() || this.isHovered()) return 'neutral-black';\n return 'neutral-dark';\n })();\n\n return {\n size: helperTextSize,\n color: isDefault ? colorText : isError ? (this.mode() === 'transparent' ? 'neutral-black' : 'error-dark') : isSuccess ? 'success-dark' : colorText,\n };\n });\n\n shouldShowClearButton = computed(() => {\n return !!(this.clearIcon() && !this.readOnly() && !this.isLoading() && !this.disabled() && this.value() && this.isFocused());\n });\n\n // Event handlers\n handleMouseEnter(): void {\n this.isHovered.set(true);\n }\n\n handleMouseLeave(): void {\n this.isHovered.set(false);\n }\n\n handleInputFocus(): void {\n this.handleMaskUpdate();\n this.isFocused.set(true);\n }\n\n handleInputBlur(): void {\n this.handleMaskUpdate();\n this.onTouched();\n setTimeout(() => {\n this.isFocused.set(false);\n }, 150);\n }\n\n handleInputChange(event: Event): void {\n const inputValue = (event.target as HTMLInputElement).value;\n\n if (this.type() === 'number') {\n this.handleNumberInputChange(inputValue);\n } else {\n this.handleTextInputChange(inputValue);\n }\n }\n\n handleKeyDown(event: KeyboardEvent): void {\n if (this.type() === 'number') {\n this.handleBlockInvalidNumber(event);\n }\n }\n\n handleClearInput(): void {\n this.handleMaskUpdate();\n this.value.set('');\n if (this.inputRef) {\n this.inputRef.value = '';\n }\n this.valueChange.emit({ value: this.value() });\n this.inputClear.emit({ value: this.value() });\n this.onChange(this.value());\n this.handleMaskUpdate();\n this.setFocus();\n }\n\n // Private methods\n private handleNumberInputChange(inputValue: string): void {\n const numericValue = parseFloat(inputValue);\n if (!isNaN(numericValue)) {\n this.value.set(numericValue);\n } else {\n console.error('Invalid numeric input:', inputValue);\n }\n this.valueChange.emit({ value: inputValue });\n }\n\n private handleTextInputChange(inputValue: string): void {\n if (this.maskedInput) {\n // IMask's own event listener (registered after Angular's) processes the input\n // and fires the 'accept' event which handles signal sync, onChange, and valueChange.\n return;\n }\n this.value.set(inputValue);\n this.onChange(inputValue);\n this.valueChange.emit({ value: inputValue });\n }\n\n private handleBlockInvalidNumber(e: KeyboardEvent): void {\n if (['e', 'E', '+', '-'].includes(e.key)) {\n e.preventDefault();\n }\n }\n\n private shouldDisplayMask(): boolean {\n return !!(this.maskPreset() || this.maskRegex() || this.maskAdvanced());\n }\n\n private initializeMask(): void {\n if (this.shouldDisplayMask()) {\n if (this.maskedInput) {\n this.destroyMask();\n }\n if (this.maskPreset()) {\n this.initializePresetMask();\n } else if (this.maskRegex()) {\n this.initializeRegexMask();\n } else if (this.maskAdvanced()) {\n this.initializeAdvancedMask();\n }\n this.applyValueToMask();\n } else {\n this.clearMaskValue();\n }\n }\n\n initializePresetMask() {\n const preset = this.maskPreset();\n if (!preset) return;\n\n const options = maskOptions[preset];\n\n if (options && this.inputRef) {\n this.maskedInput = IMask(this.inputRef, options);\n this.subscribeToMaskEvents();\n } else {\n console.error(`Mask preset \"${preset}\" not found.`);\n }\n }\n\n initializeRegexMask() {\n const regex = this.maskRegex();\n if (!regex || !this.inputRef) return;\n\n const cleanedRegexString = regex.replace(/^\\/|\\/[gimsuy]*$/g, '');\n const flags = (regex.match(/\\/[gimsuy]*$/g) || [''])[0].slice(1);\n this.maskedInput = IMask(this.inputRef, { mask: new RegExp(cleanedRegexString, flags) });\n this.subscribeToMaskEvents();\n }\n\n initializeAdvancedMask() {\n if (!this.inputRef) return;\n\n try {\n const config = typeof this.maskAdvanced() === 'string' ? JSON.parse(this.maskAdvanced()) : this.maskAdvanced();\n this.maskedInput = IMask(this.inputRef, config);\n this.subscribeToMaskEvents();\n } catch (error) {\n console.error('Error defining maskAdvanced:', error);\n }\n }\n\n private subscribeToMaskEvents(): void {\n if (!this.maskedInput) return;\n this.maskedInput.on('accept', () => {\n if (this.maskedInput) {\n this.value.set(this.maskedInput.value);\n if (!this._isWriting) {\n this.onChange(this.maskedInput.value);\n this.valueChange.emit({ value: this.maskedInput.value });\n }\n }\n });\n }\n\n private applyValueToMask(): void {\n if (this.maskedInput) {\n this._isWriting = true;\n try {\n if (this.maskedInput.mask === Date || this.maskedInput.mask === Number) {\n this.maskedInput.typedValue = this.value();\n } else {\n this.maskedInput.value = this.value() as string;\n }\n this.handleMaskUpdate();\n this.value.set(this.maskedInput.value);\n } finally {\n this._isWriting = false;\n }\n }\n }\n\n private clearMaskValue(): void {\n if (this.inputRef) {\n this.inputRef.value = this.value() as string;\n }\n }\n\n private destroyMask(): void {\n if (this.maskedInput) {\n this.maskedInput.destroy();\n this.maskedInput = undefined;\n }\n }\n\n private handleMaskUpdate(): void {\n if (this.maskedInput) {\n this.maskedInput.updateValue();\n }\n }\n}\n","<div class=\"cura-input-group\" [ngClass]=\"classes()\" [style]=\"styles()\" (mouseenter)=\"handleMouseEnter()\" (mouseleave)=\"handleMouseLeave()\">\n <div class=\"input-wrapper\">\n @if (label()) {\n <cura-label class=\"label\" weight=\"bold\" [size]=\"size() === 'large' ? 'small' : 'xsmall'\" [color]=\"labelColor()\">\n {{ label() }}\n @if (required()) {\n <span class=\"required\">*</span>\n }\n </cura-label>\n }\n\n <div class=\"cura-input-field\" [style]=\"styles()\">\n @if (iconConfig().icon) {\n <div class=\"feedback-icon\" [style]=\"styles()\">\n <cura-icon [name]=\"iconConfig().icon!.name\" iconset=\"default\" [size]=\"iconConfig().size\" [color]=\"iconConfig().icon!.color\"> </cura-icon>\n </div>\n }\n\n <input\n #inputElement\n [attr.id]=\"name() || null\"\n [attr.name]=\"name() || null\"\n [type]=\"type()\"\n [placeholder]=\"placeholder()\"\n [disabled]=\"disabled() || isLoading()\"\n [required]=\"required()\"\n [readonly]=\"readOnly()\"\n [attr.maxlength]=\"maxlength()\"\n [(ngModel)]=\"value\"\n [attr.inputmode]=\"maskPreset() ? 'tel' : inputMode()\"\n [autocomplete]=\"autocomplete()\"\n [ngClass]=\"classes()\"\n [style]=\"styles()\"\n (focus)=\"handleInputFocus()\"\n (blur)=\"handleInputBlur()\"\n (input)=\"handleInputChange($event)\"\n (keydown)=\"handleKeyDown($event)\"\n />\n\n @if (shouldShowClearButton()) {\n <cura-icon\n [size]=\"size() === 'large' || mode() === 'transparent' ? 20 : 16\"\n color=\"primary-base\"\n name=\"closeCircle\"\n iconset=\"default\"\n class=\"clear-button\"\n (click)=\"handleClearInput()\"\n >\n </cura-icon>\n }\n\n @if (isLoading()) {\n <cura-loader-circle [size]=\"size() === 'large' ? 'medium' : 'small'\" color=\"primary-base\"> </cura-loader-circle>\n }\n </div>\n\n @if (helperText()) {\n <div [style]=\"styles()\" class=\"helper-text\" part=\"cura-input-text-helper\">\n <cura-label size=\"xsmall\" lineHeight=\"xsmall\" [color]=\"helperText().color\">\n <ng-content></ng-content>\n </cura-label>\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-cura-forms-cura-input-text.mjs","sources":["../../../projects/site-front-end-lib/cura/forms/cura-input-text/cura-input-text.definitions.ts","../../../projects/site-front-end-lib/cura/forms/cura-input-text/cura-input-text.component.ts","../../../projects/site-front-end-lib/cura/forms/cura-input-text/cura-input-text.component.html","../../../projects/site-front-end-lib/cura/forms/cura-input-text/rededor-site-front-end-lib-cura-forms-cura-input-text.ts"],"sourcesContent":["/**\n * Display mode options for the input text component\n */\nexport type InputTextMode = 'default' | 'transparent';\n\n/**\n * Size options for the input text component\n */\nexport type InputTextSize = 'small' | 'medium' | 'large';\n\n/**\n * Status options for the input text component\n */\nexport type InputTextStatus = 'success' | 'error' | 'default';\n\n/**\n * Input type options for the input text component\n */\nexport type InputTextType = 'text' | 'number' | 'email' | 'password' | 'tel' | 'url';\n\n/**\n * Input mode options for the input text component\n */\nexport type InputTextInputMode = 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';\n\n/**\n * Mask preset options for input formatting\n */\nexport type MaskPreset = 'cpf' | 'cnpj' | 'cpf_cnpj' | 'phone' | 'date' | 'dateRange';\n\n/**\n * Event payload emitted when the input value changes\n */\nexport interface InputTextValueChangeEvent {\n /**\n * The new value of the input\n */\n value: string | number;\n}\n\n/**\n * Event payload emitted when the clear button is clicked\n */\nexport interface InputTextClearEvent {\n /**\n * The value that was cleared (usually empty string)\n */\n value: string | number;\n}\n\n/**\n * Mask options map for IMask library\n */\nexport interface MaskOptionsMap {\n [key: string]: any;\n}\n\n/**\n * Mask configuration for different presets\n */\nexport const maskOptions: MaskOptionsMap = {\n cpf_cnpj: {\n mask: [{ mask: '000.000.000-00' }, { mask: '00.000.000/0000-00' }],\n placeholderChar: '_',\n },\n cpf: {\n mask: '000.000.000-00',\n placeholderChar: '_',\n },\n cnpj: {\n mask: '00.000.000/0000-00',\n placeholderChar: '_',\n },\n phone: {\n mask: '(00) 00000-0000',\n blocks: {\n '(00)': {\n mask: '(00)',\n maxLength: 2,\n placeholderChar: '',\n },\n '00000': {\n mask: '00000',\n maxLength: 5,\n placeholderChar: '_',\n },\n '-': {\n mask: '-',\n },\n '0000': {\n mask: '0000',\n maxLength: 4,\n placeholderChar: '_',\n },\n },\n placeholderChar: '_',\n },\n date: {\n mask: '00/00/0000',\n },\n dateRange: {\n mask: '00/00/0000 - 00/00/0000',\n },\n};\n","import {\n Component,\n input,\n output,\n signal,\n computed,\n inject,\n forwardRef,\n ElementRef,\n AfterViewInit,\n OnDestroy,\n viewChild,\n model,\n effect,\n PLATFORM_ID,\n} from '@angular/core';\nimport { CommonModule, isPlatformBrowser } from '@angular/common';\nimport { ControlValueAccessor, FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\nimport { CuraLabelComponent } from '@rededor/site-front-end-lib/cura/forms/cura-label';\nimport { CuraIconComponent } from '@rededor/site-front-end-lib/cura/icons/cura-icon';\nimport { CuraLoaderCircleComponent } from '@rededor/site-front-end-lib/cura/loaders/cura-loader-circle';\nimport IMask, { FactoryArg, InputMask } from 'imask';\nimport {\n InputTextMode,\n InputTextSize,\n InputTextStatus,\n InputTextType,\n InputTextInputMode,\n MaskPreset,\n InputTextValueChangeEvent,\n InputTextClearEvent,\n maskOptions,\n} from './cura-input-text.definitions';\n\n@Component({\n selector: 'cura-input-text',\n imports: [CommonModule, FormsModule, CuraLabelComponent, CuraIconComponent, CuraLoaderCircleComponent],\n templateUrl: './cura-input-text.component.html',\n styleUrls: ['./cura-input-text.component.scss'],\n host: {\n role: 'textbox',\n '[attr.aria-disabled]': 'disabled()',\n '[attr.aria-required]': 'required()',\n '[attr.aria-invalid]': 'status() === \"error\"',\n },\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => CuraInputTextComponent),\n multi: true,\n },\n ],\n})\nexport class CuraInputTextComponent implements ControlValueAccessor, AfterViewInit, OnDestroy {\n private curaApi: CuraApiService = inject(CuraApiService);\n private elementRef = inject(ElementRef);\n private platformId = inject(PLATFORM_ID);\n /**\n * Mode of the input: 'default' or 'transparent'\n */\n mode = input<InputTextMode>('default');\n\n /**\n * Status of the input component\n */\n status = input<InputTextStatus>('default');\n\n /**\n * Size of the input component\n */\n size = input<InputTextSize>('medium');\n\n /**\n * Type of the input\n */\n type = input<InputTextType>('text');\n\n /**\n * Input mode for mobile keyboards\n */\n inputMode = input<InputTextInputMode>('text');\n\n /**\n * Label text for the input\n */\n label = input<string>('');\n\n /**\n * Name attribute for the input\n */\n name = input<string>('');\n\n /**\n * Placeholder text for the input\n */\n placeholder = input<string | null>(null);\n\n /**\n * Current value of the input\n */\n value = model<string | number | any>('');\n\n /**\n * Icon name to display\n */\n iconName = input<string>('');\n\n /**\n * Helper text displayed below the input\n */\n // helperText = input<string>(''); // Não está sendo usado\n\n /**\n * Whether the input is disabled\n */\n disabled = input<boolean>(false);\n\n /**\n * Whether the input is required\n */\n required = input<boolean>(false);\n\n /**\n * Mask preset for input formatting\n */\n maskPreset = input<MaskPreset | undefined>(undefined);\n\n /**\n * Controls whether the selection functionality is active\n */\n enableSelectionMode = input<boolean>(false);\n\n /**\n * Regular expression for custom input masking\n */\n maskRegex = input<string | null>(null);\n\n /**\n * Advanced mask object for IMask library\n */\n maskAdvanced = input<any | string | null>(null);\n\n /**\n * Maximum length of the input value\n */\n maxlength = input<number | undefined>(undefined);\n\n /**\n * Whether the input is read-only\n */\n readOnly = input<boolean>(false);\n\n /**\n * Whether the input is in loading state\n */\n isLoading = input<boolean>(false);\n\n /**\n * Whether to show the clear button\n */\n clearIcon = input<boolean>(true);\n\n /**\n * Removes the error icon when necessary\n */\n hideErrorIcon = input<boolean>(false);\n\n /**\n * Autocomplete attribute for the input\n */\n autocomplete = input<string>('on');\n\n /**\n * Event emitted when the value changes\n */\n valueChange = output<InputTextValueChangeEvent>();\n\n /**\n * Event emitted when the clear button is clicked\n */\n inputClear = output<InputTextClearEvent>();\n\n // Internal state signals\n private isHovered = signal<boolean>(false);\n private isFocused = signal<boolean>(false);\n\n // Form control callbacks\n private onChange = (value: string | number) => {};\n private onTouched = () => {};\n\n // ViewChild references\n inputElement = viewChild<ElementRef<HTMLInputElement>>('inputElement');\n\n /**\n * Instance of InputMask is returned when IMask constructor is called.\n */\n maskedInput?: InputMask<FactoryArg>;\n\n private _isWriting = false;\n\n // Reference to input element (equivalent to inputRef in Stencil)\n private inputRef?: HTMLInputElement;\n\n // Utility functions (equivalent to Stencil utils)\n private checkMobile(): boolean {\n if (isPlatformBrowser(this.platformId)) {\n return window?.innerWidth < 768; // Static.breakpoints.medium.min equivalent\n }\n return false;\n }\n\n private checkIOS(): boolean {\n if (isPlatformBrowser(this.platformId)) {\n return (\n ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod'].includes(navigator.userAgent) ||\n // iPad on iOS 13 detection\n (navigator.userAgent.includes('Mac') && 'ontouchend' in document)\n );\n }\n return false;\n }\n\n private fakeInputIOSHack(targetElement: HTMLElement): HTMLInputElement | null {\n if (!this.checkMobile() || !this.checkIOS()) return null;\n const fakeInput = document.createElement('input');\n fakeInput.setAttribute('type', 'text');\n fakeInput.style.position = 'absolute';\n fakeInput.style.opacity = '0';\n fakeInput.style.height = '0';\n fakeInput.style.fontSize = '16px'; // disable auto zoom\n targetElement.prepend(fakeInput);\n // focus so that subsequent async focus will work\n fakeInput.focus();\n return fakeInput;\n }\n\n // Computed styles\n styles = computed(() => {\n const { fonts, colors } = this.curaApi?.theme || { fonts: null, colors: null };\n\n const baseStyles: { [key: string]: string } = {};\n\n if (fonts) {\n const fontWeights = fonts.getWeights();\n baseStyles['--font-weight-medium'] = fontWeights.medium;\n baseStyles['--font-weight-bold'] = fontWeights.bold;\n baseStyles['--font-weight-regular'] = fontWeights.regular;\n baseStyles['--font-color'] = fonts.getColor();\n baseStyles['--font-family'] = fonts.getFamily();\n baseStyles['--font-size'] = fonts.getSize();\n }\n\n if (colors) {\n const colorKeys = [\n 'primary-base',\n 'neutral-purewhite',\n 'neutral-white',\n 'neutral-black',\n 'neutral-medium',\n 'neutral-base',\n 'neutral-dark',\n 'success-dark',\n 'success-darker',\n 'success-lighter',\n 'error-lighter',\n 'error-dark',\n 'error-darker',\n 'error-base',\n 'info-base',\n ];\n\n colorKeys.forEach((key) => {\n baseStyles[`--${key}`] = colors.getColor(key);\n });\n }\n\n return baseStyles;\n });\n\n constructor() {\n effect(() => {\n if (this.inputRef && (this.maskPreset() || this.maskRegex() || this.maskAdvanced())) {\n this.initializeMask();\n } else {\n this.destroyMask();\n }\n });\n }\n\n ngAfterViewInit() {\n const inputEl = this.inputElement();\n if (inputEl) {\n this.inputRef = inputEl.nativeElement;\n this.initializeMask();\n }\n }\n\n ngOnDestroy() {\n this.destroyMask();\n }\n\n // ControlValueAccessor implementation\n writeValue(value: string | number): void {\n this._isWriting = true;\n try {\n if (this.maskedInput) {\n if (this.maskedInput.mask === Date || this.maskedInput.mask === Number) {\n this.maskedInput.typedValue = value ?? '';\n } else {\n this.maskedInput.value = String(value ?? '');\n }\n this.maskedInput.updateValue();\n this.value.set(this.maskedInput.value);\n } else {\n this.value.set(value ?? '');\n }\n } finally {\n this._isWriting = false;\n }\n }\n\n registerOnChange(fn: (value: string | number) => void): void {\n this.onChange = fn;\n }\n\n registerOnTouched(fn: () => void): void {\n this.onTouched = fn;\n }\n\n // Public methods\n async setFocus(): Promise<void> {\n // IOS needs large timeout value to work\n const timeoutMs = this.checkMobile() && this.checkIOS() ? 1000 : 200;\n // IOS fake input hack\n let fakeInput = this.fakeInputIOSHack(this.elementRef.nativeElement);\n\n setTimeout(() => {\n if (this.inputRef) {\n this.inputRef.focus();\n }\n if (fakeInput) {\n fakeInput.remove();\n }\n }, timeoutMs);\n }\n\n // Computed signals\n classes = computed(() => ({\n [this.size().toLowerCase()]: this.mode() === 'default',\n disabled: this.disabled(),\n isLoading: this.isLoading(),\n isFocused: this.isFocused() && !this.disabled() && !this.readOnly() && !this.isLoading(),\n isHovered: this.isHovered(),\n [this.status()]: true,\n transparent: this.mode() === 'transparent',\n selection: this.enableSelectionMode(),\n }));\n\n labelColor = computed(() => {\n if (this.disabled()) {\n return 'neutral-medium';\n } else if (this.isLoading() && this.mode() === 'transparent' && !this.isHovered()) {\n return 'neutral-dark';\n } else if (((this.isFocused() || this.isHovered() || this.status() === 'success' || this.status() === 'error') && !this.readOnly()) || this.isHovered()) {\n return 'neutral-black';\n } else {\n return 'neutral-dark';\n }\n });\n\n iconConfig = computed(() => {\n const shouldShowIcon = (() => {\n if (\n (this.iconName() === '' && this.status() === 'default') ||\n (this.mode() === 'transparent' && this.isLoading()) ||\n (this.mode() === 'transparent' && this.status() === 'default')\n ) {\n return false;\n }\n if (this.status() === 'error' && this.hideErrorIcon()) {\n return false;\n }\n return true;\n })();\n\n if (!shouldShowIcon) {\n return {\n icon: null,\n size: 0,\n };\n }\n\n const iconSizeDefaultMode = this.size() === 'large' ? 20 : 16;\n const size = this.mode() === 'transparent' ? 20 : iconSizeDefaultMode;\n\n const iconMap: { [key: string]: { name: string; color: string } } = {\n loading: { name: this.iconName(), color: 'primary-base' },\n success: { name: 'checkCircle', color: 'success-dark' },\n error: { name: 'alertCircle', color: 'error-dark' },\n default: { name: this.iconName(), color: 'neutral-dark' },\n disabled: { name: this.iconName(), color: 'neutral-medium' },\n };\n\n const icon = iconMap[this.isLoading() ? 'loading' : this.disabled() ? 'disabled' : this.status() || 'default'];\n\n return {\n icon,\n size,\n };\n });\n\n helperText = computed(() => {\n const isError = this.status() === 'error';\n const isSuccess = this.status() === 'success';\n const isDefault = this.status() === 'default';\n const helperTextSize = this.size() === 'large' ? 'small' : 'xsmall';\n\n const colorText = (() => {\n if (this.disabled()) return 'neutral-medium';\n if (this.isLoading()) return 'primary-base';\n if (this.isFocused() || this.isHovered()) return 'neutral-black';\n return 'neutral-dark';\n })();\n\n return {\n size: helperTextSize,\n color: isDefault ? colorText : isError ? (this.mode() === 'transparent' ? 'neutral-black' : 'error-dark') : isSuccess ? 'success-dark' : colorText,\n };\n });\n\n shouldShowClearButton = computed(() => {\n return !!(this.clearIcon() && !this.readOnly() && !this.isLoading() && !this.disabled() && this.value() && this.isFocused());\n });\n\n // Event handlers\n handleMouseEnter(): void {\n this.isHovered.set(true);\n }\n\n handleMouseLeave(): void {\n this.isHovered.set(false);\n }\n\n handleInputFocus(): void {\n this.handleMaskUpdate();\n this.isFocused.set(true);\n }\n\n handleInputBlur(): void {\n this.handleMaskUpdate();\n this.onTouched();\n setTimeout(() => {\n this.isFocused.set(false);\n }, 150);\n }\n\n handleInputChange(event: Event): void {\n const inputValue = (event.target as HTMLInputElement).value;\n\n if (this.type() === 'number') {\n this.handleNumberInputChange(inputValue);\n } else {\n this.handleTextInputChange(inputValue);\n }\n }\n\n handleKeyDown(event: KeyboardEvent): void {\n if (this.type() === 'number') {\n this.handleBlockInvalidNumber(event);\n }\n }\n\n handleClearInput(): void {\n this.handleMaskUpdate();\n this.value.set('');\n if (this.inputRef) {\n this.inputRef.value = '';\n }\n this.valueChange.emit({ value: this.value() });\n this.inputClear.emit({ value: this.value() });\n this.onChange(this.value());\n this.handleMaskUpdate();\n this.setFocus();\n }\n\n // Private methods\n private handleNumberInputChange(inputValue: string): void {\n const numericValue = parseFloat(inputValue);\n if (!isNaN(numericValue)) {\n this.value.set(numericValue);\n } else {\n console.error('Invalid numeric input:', inputValue);\n }\n this.valueChange.emit({ value: inputValue });\n }\n\n private handleTextInputChange(inputValue: string): void {\n if (this.maskedInput) {\n // IMask's own event listener (registered after Angular's) processes the input\n // and fires the 'accept' event which handles signal sync, onChange, and valueChange.\n return;\n }\n this.value.set(inputValue);\n this.onChange(inputValue);\n this.valueChange.emit({ value: inputValue });\n }\n\n private handleBlockInvalidNumber(e: KeyboardEvent): void {\n if (['e', 'E', '+', '-'].includes(e.key)) {\n e.preventDefault();\n }\n }\n\n private shouldDisplayMask(): boolean {\n return !!(this.maskPreset() || this.maskRegex() || this.maskAdvanced());\n }\n\n private initializeMask(): void {\n if (this.shouldDisplayMask()) {\n if (this.maskedInput) {\n this.destroyMask();\n }\n if (this.maskPreset()) {\n this.initializePresetMask();\n } else if (this.maskRegex()) {\n this.initializeRegexMask();\n } else if (this.maskAdvanced()) {\n this.initializeAdvancedMask();\n }\n this.applyValueToMask();\n } else {\n this.clearMaskValue();\n }\n }\n\n initializePresetMask() {\n const preset = this.maskPreset();\n if (!preset) return;\n\n const options = maskOptions[preset];\n\n if (options && this.inputRef) {\n this.maskedInput = IMask(this.inputRef, options);\n this.subscribeToMaskEvents();\n } else {\n console.error(`Mask preset \"${preset}\" not found.`);\n }\n }\n\n initializeRegexMask() {\n const regex = this.maskRegex();\n if (!regex || !this.inputRef) return;\n\n const cleanedRegexString = regex.replace(/^\\/|\\/[gimsuy]*$/g, '');\n const flags = (regex.match(/\\/[gimsuy]*$/g) || [''])[0].slice(1);\n this.maskedInput = IMask(this.inputRef, { mask: new RegExp(cleanedRegexString, flags) });\n this.subscribeToMaskEvents();\n }\n\n initializeAdvancedMask() {\n if (!this.inputRef) return;\n\n try {\n const config = typeof this.maskAdvanced() === 'string' ? JSON.parse(this.maskAdvanced()) : this.maskAdvanced();\n this.maskedInput = IMask(this.inputRef, config);\n this.subscribeToMaskEvents();\n } catch (error) {\n console.error('Error defining maskAdvanced:', error);\n }\n }\n\n private subscribeToMaskEvents(): void {\n if (!this.maskedInput) return;\n this.maskedInput.on('accept', () => {\n if (this.maskedInput) {\n this.value.set(this.maskedInput.value);\n if (!this._isWriting) {\n this.onChange(this.maskedInput.value);\n this.valueChange.emit({ value: this.maskedInput.value });\n }\n }\n });\n }\n\n private applyValueToMask(): void {\n if (this.maskedInput) {\n this._isWriting = true;\n try {\n if (this.maskedInput.mask === Date || this.maskedInput.mask === Number) {\n this.maskedInput.typedValue = this.value();\n } else {\n this.maskedInput.value = this.value() as string;\n }\n this.handleMaskUpdate();\n this.value.set(this.maskedInput.value);\n } finally {\n this._isWriting = false;\n }\n }\n }\n\n private clearMaskValue(): void {\n if (this.inputRef) {\n this.inputRef.value = this.value() as string;\n }\n }\n\n private destroyMask(): void {\n if (this.maskedInput) {\n this.maskedInput.destroy();\n this.maskedInput = undefined;\n }\n }\n\n private handleMaskUpdate(): void {\n if (this.maskedInput) {\n this.maskedInput.updateValue();\n }\n }\n}\n","<div class=\"cura-input-group\" [ngClass]=\"classes()\" [style]=\"styles()\" (mouseenter)=\"handleMouseEnter()\" (mouseleave)=\"handleMouseLeave()\">\n <div class=\"input-wrapper\">\n @if (label()) {\n <cura-label class=\"label\" weight=\"bold\" [size]=\"size() === 'large' ? 'small' : 'xsmall'\" [color]=\"labelColor()\">\n {{ label() }}\n @if (required()) {\n <span class=\"required\">*</span>\n }\n </cura-label>\n }\n\n <div class=\"cura-input-field\" [style]=\"styles()\">\n @if (iconConfig().icon) {\n <div class=\"feedback-icon\" [style]=\"styles()\">\n <cura-icon [name]=\"iconConfig().icon!.name\" iconset=\"default\" [size]=\"iconConfig().size\" [color]=\"iconConfig().icon!.color\"> </cura-icon>\n </div>\n }\n\n <input\n #inputElement\n [attr.id]=\"name() || null\"\n [attr.name]=\"name() || null\"\n [type]=\"type()\"\n [placeholder]=\"placeholder()\"\n [disabled]=\"disabled() || isLoading()\"\n [required]=\"required()\"\n [readonly]=\"readOnly()\"\n [attr.maxlength]=\"maxlength()\"\n [value]=\"value()\"\n [attr.inputmode]=\"maskPreset() ? 'tel' : inputMode()\"\n [autocomplete]=\"autocomplete()\"\n [ngClass]=\"classes()\"\n [style]=\"styles()\"\n (focus)=\"handleInputFocus()\"\n (blur)=\"handleInputBlur()\"\n (input)=\"handleInputChange($event)\"\n (keydown)=\"handleKeyDown($event)\"\n />\n\n @if (shouldShowClearButton()) {\n <cura-icon\n [size]=\"size() === 'large' || mode() === 'transparent' ? 20 : 16\"\n color=\"primary-base\"\n name=\"closeCircle\"\n iconset=\"default\"\n class=\"clear-button\"\n (click)=\"handleClearInput()\"\n >\n </cura-icon>\n }\n\n @if (isLoading()) {\n <cura-loader-circle [size]=\"size() === 'large' ? 'medium' : 'small'\" color=\"primary-base\"> </cura-loader-circle>\n }\n </div>\n\n @if (helperText()) {\n <div [style]=\"styles()\" class=\"helper-text\" part=\"cura-input-text-helper\">\n <cura-label size=\"xsmall\" lineHeight=\"xsmall\" [color]=\"helperText().color\">\n <ng-content></ng-content>\n </cura-label>\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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"}
|