@elxjs/ui 0.0.170
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/assets/fonts/electroluxsans_1_thin-demo.html +795 -0
- package/assets/fonts/electroluxsans_1_thin-webfont.eot +0 -0
- package/assets/fonts/electroluxsans_1_thin-webfont.svg +22258 -0
- package/assets/fonts/electroluxsans_1_thin-webfont.ttf +0 -0
- package/assets/fonts/electroluxsans_1_thin-webfont.woff +0 -0
- package/assets/fonts/electroluxsans_1_thin-webfont.woff2 +0 -0
- package/assets/fonts/electroluxsans_2_light-demo.html +795 -0
- package/assets/fonts/electroluxsans_2_light-webfont.eot +0 -0
- package/assets/fonts/electroluxsans_2_light-webfont.svg +22261 -0
- package/assets/fonts/electroluxsans_2_light-webfont.ttf +0 -0
- package/assets/fonts/electroluxsans_2_light-webfont.woff +0 -0
- package/assets/fonts/electroluxsans_2_light-webfont.woff2 +0 -0
- package/assets/fonts/electroluxsans_3_regular-demo.html +795 -0
- package/assets/fonts/electroluxsans_3_regular-webfont.eot +0 -0
- package/assets/fonts/electroluxsans_3_regular-webfont.svg +21871 -0
- package/assets/fonts/electroluxsans_3_regular-webfont.ttf +0 -0
- package/assets/fonts/electroluxsans_3_regular-webfont.woff +0 -0
- package/assets/fonts/electroluxsans_3_regular-webfont.woff2 +0 -0
- package/assets/fonts/electroluxsans_4_semibold-demo.html +795 -0
- package/assets/fonts/electroluxsans_4_semibold-webfont.eot +0 -0
- package/assets/fonts/electroluxsans_4_semibold-webfont.svg +24128 -0
- package/assets/fonts/electroluxsans_4_semibold-webfont.ttf +0 -0
- package/assets/fonts/electroluxsans_4_semibold-webfont.woff +0 -0
- package/assets/fonts/electroluxsans_4_semibold-webfont.woff2 +0 -0
- package/assets/fonts/electroluxsans_5_bold-demo.html +795 -0
- package/assets/fonts/electroluxsans_5_bold-webfont.eot +0 -0
- package/assets/fonts/electroluxsans_5_bold-webfont.svg +24066 -0
- package/assets/fonts/electroluxsans_5_bold-webfont.ttf +0 -0
- package/assets/fonts/electroluxsans_5_bold-webfont.woff +0 -0
- package/assets/fonts/electroluxsans_5_bold-webfont.woff2 +0 -0
- package/assets/fonts/electroluxsans_oblique_1_thin-demo.html +795 -0
- package/assets/fonts/electroluxsans_oblique_1_thin-webfont.eot +0 -0
- package/assets/fonts/electroluxsans_oblique_1_thin-webfont.svg +22374 -0
- package/assets/fonts/electroluxsans_oblique_1_thin-webfont.ttf +0 -0
- package/assets/fonts/electroluxsans_oblique_1_thin-webfont.woff +0 -0
- package/assets/fonts/electroluxsans_oblique_1_thin-webfont.woff2 +0 -0
- package/assets/fonts/electroluxsans_oblique_2_light-demo.html +795 -0
- package/assets/fonts/electroluxsans_oblique_2_light-webfont.eot +0 -0
- package/assets/fonts/electroluxsans_oblique_2_light-webfont.svg +22439 -0
- package/assets/fonts/electroluxsans_oblique_2_light-webfont.ttf +0 -0
- package/assets/fonts/electroluxsans_oblique_2_light-webfont.woff +0 -0
- package/assets/fonts/electroluxsans_oblique_2_light-webfont.woff2 +0 -0
- package/assets/fonts/electroluxsans_oblique_3_regular-demo.html +795 -0
- package/assets/fonts/electroluxsans_oblique_3_regular-webfont.eot +0 -0
- package/assets/fonts/electroluxsans_oblique_3_regular-webfont.svg +22295 -0
- package/assets/fonts/electroluxsans_oblique_3_regular-webfont.ttf +0 -0
- package/assets/fonts/electroluxsans_oblique_3_regular-webfont.woff2 +0 -0
- package/assets/fonts/electroluxsans_oblique_4_semibold-demo.html +795 -0
- package/assets/fonts/electroluxsans_oblique_4_semibold-webfont.svg +24396 -0
- package/assets/fonts/electroluxsans_oblique_4_semibold-webfont.ttf +0 -0
- package/assets/fonts/electroluxsans_oblique_4_semibold-webfont.woff +0 -0
- package/assets/fonts/electroluxsans_oblique_4_semibold-webfont.woff2 +0 -0
- package/assets/fonts/electroluxsans_oblique_5_bold-demo.html +795 -0
- package/assets/fonts/electroluxsans_oblique_5_bold-webfont.eot +0 -0
- package/assets/fonts/electroluxsans_oblique_5_bold-webfont.svg +24409 -0
- package/assets/fonts/electroluxsans_oblique_5_bold-webfont.ttf +0 -0
- package/assets/fonts/electroluxsans_oblique_5_bold-webfont.woff +0 -0
- package/assets/fonts/electroluxsans_oblique_5_bold-webfont.woff2 +0 -0
- package/assets/icons/Avatar.svg +5 -0
- package/assets/icons/Bell.svg +5 -0
- package/assets/icons/Block.svg +5 -0
- package/assets/icons/Blocked.svg +3 -0
- package/assets/icons/Book.svg +5 -0
- package/assets/icons/Calendar.svg +5 -0
- package/assets/icons/Camera.svg +3 -0
- package/assets/icons/Cart.svg +8 -0
- package/assets/icons/Chat.svg +6 -0
- package/assets/icons/Check.svg +4 -0
- package/assets/icons/Check_Tick.svg +5 -0
- package/assets/icons/Chevron_Down.svg +3 -0
- package/assets/icons/Chevron_Left.svg +3 -0
- package/assets/icons/Chevron_Left_Double.svg +8 -0
- package/assets/icons/Chevron_Right.svg +3 -0
- package/assets/icons/Chevron_Right_Double.svg +8 -0
- package/assets/icons/Chevron_Up.svg +3 -0
- package/assets/icons/Close.svg +11 -0
- package/assets/icons/Compare_Products.svg +5 -0
- package/assets/icons/Config.svg +5 -0
- package/assets/icons/Config_2.svg +5 -0
- package/assets/icons/Discount.svg +5 -0
- package/assets/icons/Edit.svg +5 -0
- package/assets/icons/Edit_2.svg +7 -0
- package/assets/icons/Eye_Hide.svg +5 -0
- package/assets/icons/Eye_View.svg +4 -0
- package/assets/icons/FAQ.svg +5 -0
- package/assets/icons/Facebook.svg +10 -0
- package/assets/icons/Fridge_And_Freezer.svg +10 -0
- package/assets/icons/Gift.svg +3 -0
- package/assets/icons/Hide.svg +9 -0
- package/assets/icons/Info.svg +6 -0
- package/assets/icons/Instagram.svg +10 -0
- package/assets/icons/Like.svg +3 -0
- package/assets/icons/Like_filled.svg +3 -0
- package/assets/icons/Link.svg +7 -0
- package/assets/icons/Load.svg +18 -0
- package/assets/icons/Loading.webp +0 -0
- package/assets/icons/Location.svg +8 -0
- package/assets/icons/Lock.svg +3 -0
- package/assets/icons/Logo.svg +20 -0
- package/assets/icons/Logo_new.svg +13 -0
- package/assets/icons/Mail.svg +6 -0
- package/assets/icons/Maintenance.svg +9 -0
- package/assets/icons/Nav.svg +5 -0
- package/assets/icons/Phone.svg +5 -0
- package/assets/icons/Pin.svg +3 -0
- package/assets/icons/Plus.svg +8 -0
- package/assets/icons/PriceTag.svg +6 -0
- package/assets/icons/Screwdriver.svg +10 -0
- package/assets/icons/Search.svg +6 -0
- package/assets/icons/Share.svg +3 -0
- package/assets/icons/Shield.svg +6 -0
- package/assets/icons/Star.svg +12 -0
- package/assets/icons/Star_Filled.svg +3 -0
- package/assets/icons/Stars.svg +9 -0
- package/assets/icons/Stars_2.svg +3 -0
- package/assets/icons/Top_Rating.svg +3 -0
- package/assets/icons/Trash.svg +5 -0
- package/assets/icons/Warning.svg +9 -0
- package/assets/icons/Whatsapp.svg +5 -0
- package/assets/icons/Youtube.svg +10 -0
- package/assets/images/placeholder.webp +0 -0
- package/assets/images/placeholder_2.webp +0 -0
- package/assets/images/placeholder_3.webp +0 -0
- package/assets/styles/colors.scss +36 -0
- package/assets/styles/fonts.scss +102 -0
- package/assets/styles/inputs.scss +139 -0
- package/assets/styles/typography.scss +117 -0
- package/esm2022/elxjs-ui.mjs +5 -0
- package/esm2022/index.mjs +2 -0
- package/esm2022/lib/components/accordion/accordion.component.mjs +28 -0
- package/esm2022/lib/components/accordion/index.mjs +2 -0
- package/esm2022/lib/components/arrow-link/arrow-link.component.mjs +29 -0
- package/esm2022/lib/components/arrow-link/index.mjs +2 -0
- package/esm2022/lib/components/breadcrumb/breadcrumb.component.mjs +48 -0
- package/esm2022/lib/components/breadcrumb/index.mjs +2 -0
- package/esm2022/lib/components/button/button.component.mjs +89 -0
- package/esm2022/lib/components/button/index.mjs +2 -0
- package/esm2022/lib/components/card-1/card1.component.mjs +20 -0
- package/esm2022/lib/components/card-1/index.mjs +2 -0
- package/esm2022/lib/components/card-2/card2.component.mjs +16 -0
- package/esm2022/lib/components/card-2/index.mjs +2 -0
- package/esm2022/lib/components/card-3/card3.component.mjs +18 -0
- package/esm2022/lib/components/card-3/index.mjs +2 -0
- package/esm2022/lib/components/card-4/card4.component.mjs +16 -0
- package/esm2022/lib/components/card-4/index.mjs +2 -0
- package/esm2022/lib/components/carousel/carousel.component.mjs +155 -0
- package/esm2022/lib/components/carousel/index.mjs +2 -0
- package/esm2022/lib/components/chip/chip.component.mjs +27 -0
- package/esm2022/lib/components/chip/index.mjs +2 -0
- package/esm2022/lib/components/datatable/datatable.component.mjs +148 -0
- package/esm2022/lib/components/datatable/datatable.component.types.mjs +2 -0
- package/esm2022/lib/components/datatable/index.mjs +3 -0
- package/esm2022/lib/components/datepicker/datepicker.component.mjs +382 -0
- package/esm2022/lib/components/datepicker/index.mjs +2 -0
- package/esm2022/lib/components/dropdown/dropdown.component.mjs +145 -0
- package/esm2022/lib/components/dropdown/index.mjs +2 -0
- package/esm2022/lib/components/dropdown-multiple/dropdown-multiple.component.mjs +76 -0
- package/esm2022/lib/components/dropdown-multiple/index.mjs +2 -0
- package/esm2022/lib/components/icon/icon.component.mjs +58 -0
- package/esm2022/lib/components/icon/index.mjs +2 -0
- package/esm2022/lib/components/index.mjs +63 -0
- package/esm2022/lib/components/input-search/index.mjs +2 -0
- package/esm2022/lib/components/input-search/input-search.component.mjs +73 -0
- package/esm2022/lib/components/input-search-modal/index.mjs +2 -0
- package/esm2022/lib/components/input-search-modal/input-search-modal.component.mjs +29 -0
- package/esm2022/lib/components/loading/index.mjs +2 -0
- package/esm2022/lib/components/loading/loading.component.mjs +21 -0
- package/esm2022/lib/components/loading-2/index.mjs +2 -0
- package/esm2022/lib/components/loading-2/loading-2.component.mjs +16 -0
- package/esm2022/lib/components/modal/index.mjs +2 -0
- package/esm2022/lib/components/modal/modal.component.mjs +31 -0
- package/esm2022/lib/components/paginator/index.mjs +2 -0
- package/esm2022/lib/components/paginator/paginator.component.mjs +128 -0
- package/esm2022/lib/components/stepbar/index.mjs +2 -0
- package/esm2022/lib/components/stepbar/stepbar.component.mjs +41 -0
- package/esm2022/lib/components/switch/index.mjs +2 -0
- package/esm2022/lib/components/switch/switch.component.mjs +47 -0
- package/esm2022/lib/components/toast/index.mjs +2 -0
- package/esm2022/lib/components/toast/toast.component.mjs +28 -0
- package/esm2022/lib/index.mjs +4 -0
- package/esm2022/lib/modules/electrolux-design-system.module.mjs +35 -0
- package/esm2022/lib/modules/index.mjs +2 -0
- package/esm2022/lib/services/index.mjs +2 -0
- package/esm2022/lib/services/toaster.service.mjs +53 -0
- package/fesm2022/elxjs-ui.mjs +1647 -0
- package/fesm2022/elxjs-ui.mjs.map +1 -0
- package/index.d.ts +1 -0
- package/lib/components/accordion/accordion.component.d.ts +10 -0
- package/lib/components/accordion/index.d.ts +1 -0
- package/lib/components/arrow-link/arrow-link.component.d.ts +9 -0
- package/lib/components/arrow-link/index.d.ts +1 -0
- package/lib/components/breadcrumb/breadcrumb.component.d.ts +17 -0
- package/lib/components/breadcrumb/index.d.ts +1 -0
- package/lib/components/button/button.component.d.ts +27 -0
- package/lib/components/button/index.d.ts +1 -0
- package/lib/components/card-1/card1.component.d.ts +8 -0
- package/lib/components/card-1/index.d.ts +1 -0
- package/lib/components/card-2/card2.component.d.ts +7 -0
- package/lib/components/card-2/index.d.ts +1 -0
- package/lib/components/card-3/card3.component.d.ts +8 -0
- package/lib/components/card-3/index.d.ts +1 -0
- package/lib/components/card-4/card4.component.d.ts +7 -0
- package/lib/components/card-4/index.d.ts +1 -0
- package/lib/components/carousel/carousel.component.d.ts +41 -0
- package/lib/components/carousel/index.d.ts +1 -0
- package/lib/components/chip/chip.component.d.ts +10 -0
- package/lib/components/chip/index.d.ts +1 -0
- package/lib/components/datatable/datatable.component.d.ts +43 -0
- package/lib/components/datatable/datatable.component.types.d.ts +55 -0
- package/lib/components/datatable/index.d.ts +2 -0
- package/lib/components/datepicker/datepicker.component.d.ts +81 -0
- package/lib/components/datepicker/index.d.ts +1 -0
- package/lib/components/dropdown/dropdown.component.d.ts +42 -0
- package/lib/components/dropdown/index.d.ts +1 -0
- package/lib/components/dropdown-multiple/dropdown-multiple.component.d.ts +27 -0
- package/lib/components/dropdown-multiple/index.d.ts +1 -0
- package/lib/components/icon/icon.component.d.ts +29 -0
- package/lib/components/icon/index.d.ts +1 -0
- package/lib/components/index.d.ts +26 -0
- package/lib/components/input-search/index.d.ts +1 -0
- package/lib/components/input-search/input-search.component.d.ts +26 -0
- package/lib/components/input-search-modal/index.d.ts +1 -0
- package/lib/components/input-search-modal/input-search-modal.component.d.ts +13 -0
- package/lib/components/loading/index.d.ts +1 -0
- package/lib/components/loading/loading.component.d.ts +7 -0
- package/lib/components/loading-2/index.d.ts +1 -0
- package/lib/components/loading-2/loading-2.component.d.ts +6 -0
- package/lib/components/modal/index.d.ts +1 -0
- package/lib/components/modal/modal.component.d.ts +10 -0
- package/lib/components/paginator/index.d.ts +1 -0
- package/lib/components/paginator/paginator.component.d.ts +33 -0
- package/lib/components/stepbar/index.d.ts +1 -0
- package/lib/components/stepbar/stepbar.component.d.ts +14 -0
- package/lib/components/switch/index.d.ts +1 -0
- package/lib/components/switch/switch.component.d.ts +10 -0
- package/lib/components/toast/index.d.ts +1 -0
- package/lib/components/toast/toast.component.d.ts +11 -0
- package/lib/index.d.ts +3 -0
- package/lib/modules/electrolux-design-system.module.d.ts +25 -0
- package/lib/modules/index.d.ts +1 -0
- package/lib/services/index.d.ts +1 -0
- package/lib/services/toaster.service.d.ts +14 -0
- package/package.json +29 -0
|
@@ -0,0 +1,145 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { Component, EventEmitter, forwardRef, HostListener, Input, Output } from '@angular/core';
|
|
3
|
+
import { FormsModule, NG_VALUE_ACCESSOR, NgControl, ReactiveFormsModule } from '@angular/forms';
|
|
4
|
+
import { EluxIcon } from '../icon';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "@angular/common";
|
|
7
|
+
export class EluxDropdown {
|
|
8
|
+
constructor(injector) {
|
|
9
|
+
this.injector = injector;
|
|
10
|
+
this.placeholder = 'Selecione';
|
|
11
|
+
this.options = [];
|
|
12
|
+
this.selectedOption = '';
|
|
13
|
+
this.disabled = false;
|
|
14
|
+
this.idInput = '';
|
|
15
|
+
this.showSearch = false;
|
|
16
|
+
this.optionSelected = new EventEmitter();
|
|
17
|
+
this.isOpen = false;
|
|
18
|
+
this.selectedOptionText = '';
|
|
19
|
+
this.optionsFiltered = [];
|
|
20
|
+
this.onChange = () => undefined;
|
|
21
|
+
this.onTouched = () => undefined;
|
|
22
|
+
}
|
|
23
|
+
ngOnInit() {
|
|
24
|
+
this.injectParentFormControl();
|
|
25
|
+
this.addPlaceholderOption();
|
|
26
|
+
this.updateSelectedOption();
|
|
27
|
+
if (!this.idInput) {
|
|
28
|
+
this.idInput = `dropdown-${Math.random().toString(36).substring(2, 11)}`;
|
|
29
|
+
}
|
|
30
|
+
this.optionsFiltered = this.options;
|
|
31
|
+
}
|
|
32
|
+
ngOnChanges(changes) {
|
|
33
|
+
if (changes['selectedOption'] && !changes['selectedOption'].isFirstChange()) {
|
|
34
|
+
this.updateSelectedOption();
|
|
35
|
+
}
|
|
36
|
+
if (changes['placeholder'] && !changes['placeholder'].isFirstChange()) {
|
|
37
|
+
this.updatePlaceholderOption();
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
injectParentFormControl() {
|
|
41
|
+
const ngControl = this.injector.get(NgControl, null);
|
|
42
|
+
if (ngControl) {
|
|
43
|
+
this.parentFormControl = ngControl.control;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
addPlaceholderOption() {
|
|
47
|
+
if (!this.options.some((option) => option.value === null)) {
|
|
48
|
+
this.options.unshift({ value: null, text: this.placeholder });
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
updateSelectedOption() {
|
|
52
|
+
const selectedOption = this.options.find((option) => option.value === this.selectedOption);
|
|
53
|
+
this.selectedOptionText = selectedOption ? selectedOption.text : this.showSearch ? '' : this.placeholder;
|
|
54
|
+
}
|
|
55
|
+
updatePlaceholderOption() {
|
|
56
|
+
const placeholderOptionIndex = this.options.findIndex(option => option.value === null);
|
|
57
|
+
if (placeholderOptionIndex !== -1) {
|
|
58
|
+
this.options[placeholderOptionIndex].text = this.placeholder;
|
|
59
|
+
}
|
|
60
|
+
else {
|
|
61
|
+
this.addPlaceholderOption();
|
|
62
|
+
}
|
|
63
|
+
if (!this.showSearch && !this.selectedOption) {
|
|
64
|
+
this.selectedOptionText = this.placeholder;
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
toggleDropdown() {
|
|
68
|
+
if (!this.disabled) {
|
|
69
|
+
this.isOpen = !this.isOpen;
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
onDocumentClick(event) {
|
|
73
|
+
const target = event.target;
|
|
74
|
+
if (!target.closest(`#${this.idInput}`)) {
|
|
75
|
+
this.isOpen = false;
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
selectOption(option) {
|
|
79
|
+
this.selectedOptionText = option.text;
|
|
80
|
+
this.optionSelected.emit(option.value);
|
|
81
|
+
this.onChange(option.value);
|
|
82
|
+
this.onTouched();
|
|
83
|
+
this.isOpen = false;
|
|
84
|
+
this.optionsFiltered = this.options;
|
|
85
|
+
}
|
|
86
|
+
writeValue(value) {
|
|
87
|
+
this.selectedOption = value;
|
|
88
|
+
this.updateSelectedOption();
|
|
89
|
+
}
|
|
90
|
+
registerOnChange(fn) {
|
|
91
|
+
this.onChange = fn;
|
|
92
|
+
}
|
|
93
|
+
registerOnTouched(fn) {
|
|
94
|
+
this.onTouched = fn;
|
|
95
|
+
}
|
|
96
|
+
setDisabledState(isDisabled) {
|
|
97
|
+
this.disabled = isDisabled;
|
|
98
|
+
}
|
|
99
|
+
onChangeFilter(event) {
|
|
100
|
+
const term = event?.target?.value?.toLowerCase() || '';
|
|
101
|
+
this.optionsFiltered = this.options.filter(option => option.text.toLowerCase().includes(term));
|
|
102
|
+
}
|
|
103
|
+
get isTouched() {
|
|
104
|
+
return this.parentFormControl?.touched || this.parentFormControl?.dirty;
|
|
105
|
+
}
|
|
106
|
+
get isInvalid() {
|
|
107
|
+
return this.parentFormControl?.invalid;
|
|
108
|
+
}
|
|
109
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxDropdown, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
110
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EluxDropdown, isStandalone: true, selector: "lib-elux-dropdown", inputs: { placeholder: "placeholder", options: "options", selectedOption: "selectedOption", disabled: "disabled", idInput: "idInput", showSearch: "showSearch" }, outputs: { optionSelected: "optionSelected" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, providers: [
|
|
111
|
+
{
|
|
112
|
+
provide: NG_VALUE_ACCESSOR,
|
|
113
|
+
useExisting: forwardRef(() => EluxDropdown),
|
|
114
|
+
multi: true,
|
|
115
|
+
},
|
|
116
|
+
], usesOnChanges: true, ngImport: i0, template: "<div class=\"custom-dropdown\">\r\n <input\r\n type=\"text\"\r\n class=\"selected-option\"\r\n [id]=\"idInput\"\r\n [readonly]=\"showSearch ? false : true\"\r\n [disabled]=\"disabled\"\r\n [placeholder]=\"placeholder\"\r\n [value]=\"selectedOptionText ? selectedOptionText : ''\"\r\n [ngClass]=\"{\r\n 'ng-invalid': isInvalid,\r\n 'ng-touched': isTouched,\r\n 'selected-option-border': !isInvalid || !isTouched,\r\n }\"\r\n (click)=\"toggleDropdown()\"\r\n (input)=\"onChangeFilter($event)\"\r\n />\r\n <lib-elux-icon\r\n class=\"arrow-icon noClick\"\r\n [color]=\"'#7A8A9B'\"\r\n [icon]=\"'Chevron_Down.svg'\"\r\n [ngClass]=\"{ 'arrow-rotate': isOpen }\"\r\n [size]=\"'16'\"\r\n [sizeType]=\"'px'\"\r\n ></lib-elux-icon>\r\n <ul class=\"dropdown-list\" *ngIf=\"isOpen\">\r\n <li *ngFor=\"let option of showSearch ? optionsFiltered : options\" (click)=\"selectOption(option)\">\r\n {{ option.text }}\r\n </li>\r\n </ul>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body,:host{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}@media screen and (max-width: 768px){.display{font-family:Electrolux Sans;font-size:40px;font-weight:700;line-height:46px}.heading-1{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-2{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body,:host{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}}:host{color:\"darkest-grey\"}:host .noClick{pointer-events:none}:host .custom-dropdown{position:relative;width:100%}:host .selected-option{padding:10px 16px;cursor:pointer}:host .selected-option-border{border:1px solid #7A8A9B}:host .dropdown-list{list-style-type:none;padding:0;margin:0;border:1px solid #EAEBED;position:absolute;top:100%;width:100%;left:0;background-color:#fff;display:block;max-height:256px;overflow:auto;z-index:10}:host .dropdown-list::-webkit-scrollbar{width:4px}:host .dropdown-list::-webkit-scrollbar-track{background:#f4f5f7}:host .dropdown-list::-webkit-scrollbar-thumb{background:#adb9c3}:host .dropdown-list li{padding:13px 16px;cursor:pointer}:host .dropdown-list li:hover{background-color:#eaebed}:host .arrow-icon{display:flex;position:absolute;top:calc(50% - 8px);right:10px;cursor:pointer;transition:all .3s ease-in-out}:host .arrow-rotate{transform:rotate(180deg)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: EluxIcon, selector: "lib-elux-icon", inputs: ["color", "useSubscription", "icon", "description", "size", "height", "width", "sizeType"] }] }); }
|
|
117
|
+
}
|
|
118
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxDropdown, decorators: [{
|
|
119
|
+
type: Component,
|
|
120
|
+
args: [{ selector: 'lib-elux-dropdown', standalone: true, imports: [CommonModule, FormsModule, ReactiveFormsModule, EluxIcon], providers: [
|
|
121
|
+
{
|
|
122
|
+
provide: NG_VALUE_ACCESSOR,
|
|
123
|
+
useExisting: forwardRef(() => EluxDropdown),
|
|
124
|
+
multi: true,
|
|
125
|
+
},
|
|
126
|
+
], template: "<div class=\"custom-dropdown\">\r\n <input\r\n type=\"text\"\r\n class=\"selected-option\"\r\n [id]=\"idInput\"\r\n [readonly]=\"showSearch ? false : true\"\r\n [disabled]=\"disabled\"\r\n [placeholder]=\"placeholder\"\r\n [value]=\"selectedOptionText ? selectedOptionText : ''\"\r\n [ngClass]=\"{\r\n 'ng-invalid': isInvalid,\r\n 'ng-touched': isTouched,\r\n 'selected-option-border': !isInvalid || !isTouched,\r\n }\"\r\n (click)=\"toggleDropdown()\"\r\n (input)=\"onChangeFilter($event)\"\r\n />\r\n <lib-elux-icon\r\n class=\"arrow-icon noClick\"\r\n [color]=\"'#7A8A9B'\"\r\n [icon]=\"'Chevron_Down.svg'\"\r\n [ngClass]=\"{ 'arrow-rotate': isOpen }\"\r\n [size]=\"'16'\"\r\n [sizeType]=\"'px'\"\r\n ></lib-elux-icon>\r\n <ul class=\"dropdown-list\" *ngIf=\"isOpen\">\r\n <li *ngFor=\"let option of showSearch ? optionsFiltered : options\" (click)=\"selectOption(option)\">\r\n {{ option.text }}\r\n </li>\r\n </ul>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body,:host{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}@media screen and (max-width: 768px){.display{font-family:Electrolux Sans;font-size:40px;font-weight:700;line-height:46px}.heading-1{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-2{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body,:host{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}}:host{color:\"darkest-grey\"}:host .noClick{pointer-events:none}:host .custom-dropdown{position:relative;width:100%}:host .selected-option{padding:10px 16px;cursor:pointer}:host .selected-option-border{border:1px solid #7A8A9B}:host .dropdown-list{list-style-type:none;padding:0;margin:0;border:1px solid #EAEBED;position:absolute;top:100%;width:100%;left:0;background-color:#fff;display:block;max-height:256px;overflow:auto;z-index:10}:host .dropdown-list::-webkit-scrollbar{width:4px}:host .dropdown-list::-webkit-scrollbar-track{background:#f4f5f7}:host .dropdown-list::-webkit-scrollbar-thumb{background:#adb9c3}:host .dropdown-list li{padding:13px 16px;cursor:pointer}:host .dropdown-list li:hover{background-color:#eaebed}:host .arrow-icon{display:flex;position:absolute;top:calc(50% - 8px);right:10px;cursor:pointer;transition:all .3s ease-in-out}:host .arrow-rotate{transform:rotate(180deg)}\n"] }]
|
|
127
|
+
}], ctorParameters: () => [{ type: i0.Injector }], propDecorators: { placeholder: [{
|
|
128
|
+
type: Input
|
|
129
|
+
}], options: [{
|
|
130
|
+
type: Input
|
|
131
|
+
}], selectedOption: [{
|
|
132
|
+
type: Input
|
|
133
|
+
}], disabled: [{
|
|
134
|
+
type: Input
|
|
135
|
+
}], idInput: [{
|
|
136
|
+
type: Input
|
|
137
|
+
}], showSearch: [{
|
|
138
|
+
type: Input
|
|
139
|
+
}], optionSelected: [{
|
|
140
|
+
type: Output
|
|
141
|
+
}], onDocumentClick: [{
|
|
142
|
+
type: HostListener,
|
|
143
|
+
args: ['document:click', ['$event']]
|
|
144
|
+
}] } });
|
|
145
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vdWkvbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvZHJvcGRvd24vZHJvcGRvd24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vdWkvbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvZHJvcGRvd24vZHJvcGRvd24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLFVBQVUsRUFBRSxZQUFZLEVBQVksS0FBSyxFQUFxQixNQUFNLEVBQWlCLE1BQU0sZUFBZSxDQUFDO0FBQzdJLE9BQU8sRUFBcUMsV0FBVyxFQUFFLGlCQUFpQixFQUFFLFNBQVMsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ25JLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxTQUFTLENBQUM7OztBQXFCbkMsTUFBTSxPQUFPLFlBQVk7SUFvQnZCLFlBQTZCLFFBQWtCO1FBQWxCLGFBQVEsR0FBUixRQUFRLENBQVU7UUFsQnRDLGdCQUFXLEdBQVcsV0FBVyxDQUFDO1FBQ2xDLFlBQU8sR0FBcUIsRUFBRSxDQUFDO1FBQy9CLG1CQUFjLEdBQVEsRUFBRSxDQUFDO1FBQ3pCLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFDMUIsWUFBTyxHQUFXLEVBQUUsQ0FBQztRQUNyQixlQUFVLEdBQVksS0FBSyxDQUFDO1FBRTNCLG1CQUFjLEdBQXNCLElBQUksWUFBWSxFQUFPLENBQUM7UUFFdEUsV0FBTSxHQUFZLEtBQUssQ0FBQztRQUN4Qix1QkFBa0IsR0FBRyxFQUFFLENBQUM7UUFFeEIsb0JBQWUsR0FBcUIsRUFBRSxDQUFDO1FBRS9CLGFBQVEsR0FBYSxHQUFHLEVBQUUsQ0FBQyxT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QUk7eUJBQ1o7cUJBQ0Y7NkVBTVEsV0FBVztzQkFBbkIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUVJLGNBQWM7c0JBQXZCLE1BQU07Z0JBd0VQLGVBQWU7c0JBRGQsWUFBWTt1QkFBQyxnQkFBZ0IsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBmb3J3YXJkUmVmLCBIb3N0TGlzdGVuZXIsIEluamVjdG9yLCBJbnB1dCwgT25DaGFuZ2VzLCBPbkluaXQsIE91dHB1dCwgU2ltcGxlQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgRm9ybUNvbnRyb2wsIEZvcm1zTW9kdWxlLCBOR19WQUxVRV9BQ0NFU1NPUiwgTmdDb250cm9sLCBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBFbHV4SWNvbiB9IGZyb20gJy4uL2ljb24nO1xyXG5cclxuZXhwb3J0IGludGVyZmFjZSBEcm9wZG93bk9wdGlvbiB7XHJcbiAgdmFsdWU6IGFueTtcclxuICB0ZXh0OiBzdHJpbmc7XHJcbn1cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWVsdXgtZHJvcGRvd24nLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgRm9ybXNNb2R1bGUsIFJlYWN0aXZlRm9ybXNNb2R1bGUsIEVsdXhJY29uXSxcclxuICBwcm92aWRlcnM6IFtcclxuICAgIHtcclxuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXHJcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IEVsdXhEcm9wZG93biksXHJcbiAgICAgIG11bHRpOiB0cnVlLFxyXG4gICAgfSxcclxuICBdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9kcm9wZG93bi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2Ryb3Bkb3duLmNvbXBvbmVudC5zY3NzJyxcclxufSlcclxuZXhwb3J0IGNsYXNzIEVsdXhEcm9wZG93biBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzLCBDb250cm9sVmFsdWVBY2Nlc3NvciB7XHJcblxyXG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyOiBzdHJpbmcgPSAnU2VsZWNpb25lJztcclxuICBASW5wdXQoKSBvcHRpb25zOiBEcm9wZG93bk9wdGlvbltdID0gW107XHJcbiAgQElucHV0KCkgc2VsZWN0ZWRPcHRpb246IGFueSA9ICcnO1xyXG4gIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgaWRJbnB1dDogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgc2hvd1NlYXJjaDogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICBAT3V0cHV0KCkgb3B0aW9uU2VsZWN0ZWQ6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcblxyXG4gIGlzT3BlbjogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIHNlbGVjdGVkT3B0aW9uVGV4dCA9ICcnO1xyXG5cclxuICBvcHRpb25zRmlsdGVyZWQ6IERyb3Bkb3duT3B0aW9uW10gPSBbXTtcclxuXHJcbiAgcHJpdmF0ZSBvbkNoYW5nZTogRnVuY3Rpb24gPSAoKSA9PiB1bmRlZmluZWQ7XHJcbiAgcHJpdmF0ZSBvblRvdWNoZWQ6IEZ1bmN0aW9uID0gKCkgPT4gdW5kZWZpbmVkO1xyXG4gIHByaXZhdGUgcGFyZW50Rm9ybUNvbnRyb2whOiBGb3JtQ29udHJvbDtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSByZWFkb25seSBpbmplY3RvcjogSW5qZWN0b3IpIHt9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5pbmplY3RQYXJlbnRGb3JtQ29udHJvbCgpO1xyXG4gICAgdGhpcy5hZGRQbGFjZWhvbGRlck9wdGlvbigpO1xyXG4gICAgdGhpcy51cGRhdGVTZWxlY3RlZE9wdGlvbigpO1xyXG4gICAgaWYgKCF0aGlzLmlkSW5wdXQpIHtcclxuICAgICAgdGhpcy5pZElucHV0ID0gYGRyb3Bkb3duLSR7TWF0aC5yYW5kb20oKS50b1N0cmluZygzNikuc3Vic3RyaW5nKDIsIDExKX1gO1xyXG4gICAgfVxyXG5cclxuICAgIHRoaXMub3B0aW9uc0ZpbHRlcmVkID0gdGhpcy5vcHRpb25zO1xyXG4gIH1cclxuXHJcbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xyXG4gICAgaWYgKGNoYW5nZXNbJ3NlbGVjdGVkT3B0aW9uJ10gJiYgIWNoYW5nZXNbJ3NlbGVjdGVkT3B0aW9uJ10uaXNGaXJzdENoYW5nZSgpKSB7XHJcbiAgICAgIHRoaXMudXBkYXRlU2VsZWN0ZWRPcHRpb24oKTtcclxuICAgIH1cclxuXHJcbiAgICBpZiAoY2hhbmdlc1sncGxhY2Vob2xkZXInXSAmJiAhY2hhbmdlc1sncGxhY2Vob2xkZXInXS5pc0ZpcnN0Q2hhbmdlKCkpIHtcclxuICAgICAgdGhpcy51cGRhdGVQbGFjZWhvbGRlck9wdGlvbigpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgaW5qZWN0UGFyZW50Rm9ybUNvbnRyb2woKSB7XHJcbiAgICBjb25zdCBuZ0NvbnRyb2wgPSB0aGlzLmluamVjdG9yLmdldChOZ0NvbnRyb2wsIG51bGwpO1xyXG4gICAgaWYgKG5nQ29udHJvbCkge1xyXG4gICAgICB0aGlzLnBhcmVudEZvcm1Db250cm9sID0gbmdDb250cm9sLmNvbnRyb2wgYXMgRm9ybUNvbnRyb2w7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBhZGRQbGFjZWhvbGRlck9wdGlvbigpOiB2b2lkIHtcclxuICAgIGlmICghdGhpcy5vcHRpb25zLnNvbWUoKG9wdGlvbikgPT4gb3B0aW9uLnZhbHVlID09PSBudWxsKSkge1xyXG4gICAgICB0aGlzLm9wdGlvbnMudW5zaGlmdCh7IHZhbHVlOiBudWxsLCB0ZXh0OiB0aGlzLnBsYWNlaG9sZGVyIH0pO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgdXBkYXRlU2VsZWN0ZWRPcHRpb24oKTogdm9pZCB7XHJcbiAgICBjb25zdCBzZWxlY3RlZE9wdGlvbiA9IHRoaXMub3B0aW9ucy5maW5kKChvcHRpb24pID0+IG9wdGlvbi52YWx1ZSA9PT0gdGhpcy5zZWxlY3RlZE9wdGlvbik7XHJcbiAgICB0aGlzLnNlbGVjdGVkT3B0aW9uVGV4dCA9IHNlbGVjdGVkT3B0aW9uID8gc2VsZWN0ZWRPcHRpb24udGV4dCA6IHRoaXMuc2hvd1NlYXJjaCA/ICcnIDogdGhpcy5wbGFjZWhvbGRlcjtcclxuICB9XHJcblxyXG4gIHVwZGF0ZVBsYWNlaG9sZGVyT3B0aW9uKCk6IHZvaWQge1xyXG4gICAgY29uc3QgcGxhY2Vob2xkZXJPcHRpb25JbmRleCA9IHRoaXMub3B0aW9ucy5maW5kSW5kZXgob3B0aW9uID0+IG9wdGlvbi52YWx1ZSA9PT0gbnVsbCk7XHJcbiAgICBpZiAocGxhY2Vob2xkZXJPcHRpb25JbmRleCAhPT0gLTEpIHtcclxuICAgICAgdGhpcy5vcHRpb25zW3BsYWNlaG9sZGVyT3B0aW9uSW5kZXhdLnRleHQgPSB0aGlzLnBsYWNlaG9sZGVyO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgdGhpcy5hZGRQbGFjZWhvbGRlck9wdGlvbigpO1xyXG4gICAgfVxyXG5cclxuICAgIGlmICghdGhpcy5zaG93U2VhcmNoICYmICF0aGlzLnNlbGVjdGVkT3B0aW9uKSB7XHJcbiAgICAgIHRoaXMuc2VsZWN0ZWRPcHRpb25UZXh0ID0gdGhpcy5wbGFjZWhvbGRlcjtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHRvZ2dsZURyb3Bkb3duKCk6IHZvaWQge1xyXG4gICAgaWYgKCF0aGlzLmRpc2FibGVkKSB7XHJcbiAgICAgIHRoaXMuaXNPcGVuID0gIXRoaXMuaXNPcGVuO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgQEhvc3RMaXN0ZW5lcignZG9jdW1lbnQ6Y2xpY2snLCBbJyRldmVudCddKVxyXG4gIG9uRG9jdW1lbnRDbGljayhldmVudDogTW91c2VFdmVudCk6IHZvaWQge1xyXG4gICAgY29uc3QgdGFyZ2V0ID0gZXZlbnQudGFyZ2V0IGFzIEhUTUxFbGVtZW50O1xyXG4gICAgaWYgKCF0YXJnZXQuY2xvc2VzdChgIyR7dGhpcy5pZElucHV0fWApKSB7XHJcbiAgICAgIHRoaXMuaXNPcGVuID0gZmFsc2U7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBzZWxlY3RPcHRpb24ob3B0aW9uOiBEcm9wZG93bk9wdGlvbikge1xyXG4gICAgdGhpcy5zZWxlY3RlZE9wdGlvblRleHQgPSBvcHRpb24udGV4dDtcclxuICAgIHRoaXMub3B0aW9uU2VsZWN0ZWQuZW1pdChvcHRpb24udmFsdWUpO1xyXG4gICAgdGhpcy5vbkNoYW5nZShvcHRpb24udmFsdWUpO1xyXG4gICAgdGhpcy5vblRvdWNoZWQoKTtcclxuICAgIHRoaXMuaXNPcGVuID0gZmFsc2U7XHJcblxyXG4gICAgdGhpcy5vcHRpb25zRmlsdGVyZWQgPSB0aGlzLm9wdGlvbnM7XHJcbiAgfVxyXG5cclxuICB3cml0ZVZhbHVlKHZhbHVlOiBzdHJpbmcpOiB2b2lkIHtcclxuICAgIHRoaXMuc2VsZWN0ZWRPcHRpb24gPSB2YWx1ZTtcclxuICAgIHRoaXMudXBkYXRlU2VsZWN0ZWRPcHRpb24oKTtcclxuICB9XHJcblxyXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IEZ1bmN0aW9uKTogdm9pZCB7XHJcbiAgICB0aGlzLm9uQ2hhbmdlID0gZm47XHJcbiAgfVxyXG5cclxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogRnVuY3Rpb24pOiB2b2lkIHtcclxuICAgIHRoaXMub25Ub3VjaGVkID0gZm47XHJcbiAgfVxyXG5cclxuICBzZXREaXNhYmxlZFN0YXRlPyhpc0Rpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XHJcbiAgICB0aGlzLmRpc2FibGVkID0gaXNEaXNhYmxlZDtcclxuICB9XHJcblxyXG4gIG9uQ2hhbmdlRmlsdGVyKGV2ZW50OiBhbnkpIHtcclxuICAgIGNvbnN0IHRlcm0gPSBldmVudD8udGFyZ2V0Py52YWx1ZT8udG9Mb3dlckNhc2UoKSB8fCAnJztcclxuICAgIHRoaXMub3B0aW9uc0ZpbHRlcmVkID0gdGhpcy5vcHRpb25zLmZpbHRlcihvcHRpb24gPT5cclxuICAgICAgb3B0aW9uLnRleHQudG9Mb3dlckNhc2UoKS5pbmNsdWRlcyh0ZXJtKVxyXG4gICAgKTtcclxuICB9XHJcblxyXG4gIGdldCBpc1RvdWNoZWQoKTogYm9vbGVhbiB7XHJcbiAgICByZXR1cm4gdGhpcy5wYXJlbnRGb3JtQ29udHJvbD8udG91Y2hlZCB8fCB0aGlzLnBhcmVudEZvcm1Db250cm9sPy5kaXJ0eTtcclxuICB9XHJcblxyXG4gIGdldCBpc0ludmFsaWQoKTogYm9vbGVhbiB7XHJcbiAgICByZXR1cm4gdGhpcy5wYXJlbnRGb3JtQ29udHJvbD8uaW52YWxpZDtcclxuICB9XHJcbn0iLCI8ZGl2IGNsYXNzPVwiY3VzdG9tLWRyb3Bkb3duXCI+XHJcbiAgPGlucHV0XHJcbiAgICB0eXBlPVwidGV4dFwiXHJcbiAgICBjbGFzcz1cInNlbGVjdGVkLW9wdGlvblwiXHJcbiAgICBbaWRdPVwiaWRJbnB1dFwiXHJcbiAgICBbcmVhZG9ubHldPVwic2hvd1NlYXJjaCA/IGZhbHNlIDogdHJ1ZVwiXHJcbiAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxyXG4gICAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcclxuICAgIFt2YWx1ZV09XCJzZWxlY3RlZE9wdGlvblRleHQgPyBzZWxlY3RlZE9wdGlvblRleHQgOiAnJ1wiXHJcbiAgICBbbmdDbGFzc109XCJ7XHJcbiAgICAgICduZy1pbnZhbGlkJzogaXNJbnZhbGlkLFxyXG4gICAgICAnbmctdG91Y2hlZCc6IGlzVG91Y2hlZCxcclxuICAgICAgJ3NlbGVjdGVkLW9wdGlvbi1ib3JkZXInOiAhaXNJbnZhbGlkIHx8ICFpc1RvdWNoZWQsXHJcbiAgICB9XCJcclxuICAgIChjbGljayk9XCJ0b2dnbGVEcm9wZG93bigpXCJcclxuICAgIChpbnB1dCk9XCJvbkNoYW5nZUZpbHRlcigkZXZlbnQpXCJcclxuICAvPlxyXG4gIDxsaWItZWx1eC1pY29uXHJcbiAgICBjbGFzcz1cImFycm93LWljb24gbm9DbGlja1wiXHJcbiAgICBbY29sb3JdPVwiJyM3QThBOUInXCJcclxuICAgIFtpY29uXT1cIidDaGV2cm9uX0Rvd24uc3ZnJ1wiXHJcbiAgICBbbmdDbGFzc109XCJ7ICdhcnJvdy1yb3RhdGUnOiBpc09wZW4gfVwiXHJcbiAgICBbc2l6ZV09XCInMTYnXCJcclxuICAgIFtzaXplVHlwZV09XCIncHgnXCJcclxuICA+PC9saWItZWx1eC1pY29uPlxyXG4gIDx1bCBjbGFzcz1cImRyb3Bkb3duLWxpc3RcIiAqbmdJZj1cImlzT3BlblwiPlxyXG4gICAgPGxpICpuZ0Zvcj1cImxldCBvcHRpb24gb2Ygc2hvd1NlYXJjaCA/IG9wdGlvbnNGaWx0ZXJlZCA6IG9wdGlvbnNcIiAoY2xpY2spPVwic2VsZWN0T3B0aW9uKG9wdGlvbilcIj5cclxuICAgICAge3sgb3B0aW9uLnRleHQgfX1cclxuICAgIDwvbGk+XHJcbiAgPC91bD5cclxuPC9kaXY+XHJcbiJdfQ==
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export * from './dropdown.component';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi91aS9saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9kcm9wZG93bi9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHNCQUFzQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9kcm9wZG93bi5jb21wb25lbnQnO1xyXG4iXX0=
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output, HostListener } from '@angular/core';
|
|
2
|
+
import { EluxIcon } from '../icon';
|
|
3
|
+
import { CommonModule } from '@angular/common';
|
|
4
|
+
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "@angular/common";
|
|
7
|
+
export class EluxDropdownMultiple {
|
|
8
|
+
constructor() {
|
|
9
|
+
this.disabled = false;
|
|
10
|
+
this.idInput = '';
|
|
11
|
+
this.placeholder = 'Selecione';
|
|
12
|
+
this.options = [];
|
|
13
|
+
this.selectedOptions = [];
|
|
14
|
+
this.optionSelected = new EventEmitter();
|
|
15
|
+
this.isOpen = false;
|
|
16
|
+
this.selectedOptionsText = [];
|
|
17
|
+
}
|
|
18
|
+
ngOnInit() {
|
|
19
|
+
this.updateSelectedOptions();
|
|
20
|
+
if (!this.idInput) {
|
|
21
|
+
this.idInput = `dropdown-multiple-${Math.random().toString(36).substring(2, 11)}`;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
ngOnChanges(changes) {
|
|
25
|
+
if (changes['selectedOptions'] && !changes['selectedOptions'].isFirstChange()) {
|
|
26
|
+
this.updateSelectedOptions();
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
updateSelectedOptions() {
|
|
30
|
+
this.selectedOptionsText = this.options.filter((option) => this.selectedOptions.includes(option.value)).map((option) => option.text);
|
|
31
|
+
}
|
|
32
|
+
toggleDropdown() {
|
|
33
|
+
if (!this.disabled) {
|
|
34
|
+
this.isOpen = !this.isOpen;
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
selectOption(option) {
|
|
38
|
+
const index = this.selectedOptions.indexOf(option.value);
|
|
39
|
+
if (index > -1) {
|
|
40
|
+
this.selectedOptions.splice(index, 1);
|
|
41
|
+
}
|
|
42
|
+
else {
|
|
43
|
+
this.selectedOptions.push(option.value);
|
|
44
|
+
}
|
|
45
|
+
this.updateSelectedOptions();
|
|
46
|
+
this.optionSelected.emit(this.selectedOptions);
|
|
47
|
+
}
|
|
48
|
+
onDocumentClick(event) {
|
|
49
|
+
const target = event.target;
|
|
50
|
+
if (!target.closest(`#${this.idInput}`)) {
|
|
51
|
+
this.isOpen = false;
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxDropdownMultiple, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
55
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EluxDropdownMultiple, isStandalone: true, selector: "lib-elux-dropdown-multiple", inputs: { disabled: "disabled", idInput: "idInput", placeholder: "placeholder", options: "options", selectedOptions: "selectedOptions" }, outputs: { optionSelected: "optionSelected" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"custom-dropdown\">\r\n <input class=\"selected-option\" type=\"text\" [id]=\"idInput\" [placeholder]=\"placeholder\" [value]=\"selectedOptionsText.length ? selectedOptionsText.join(', ') : ''\" readonly (click)=\"toggleDropdown()\" />\r\n <lib-elux-icon class=\"arrow-icon noClick\" [color]=\"'#7A8A9B'\" [icon]=\"'Chevron_Down.svg'\" [ngClass]=\"{ 'arrow-rotate': isOpen }\" [size]=\"'16'\" [sizeType]=\"'px'\"></lib-elux-icon>\r\n <ul class=\"dropdown-list\" *ngIf=\"isOpen\">\r\n <li *ngFor=\"let option of options\" (click)=\"selectOption(option)\" class=\"d-flex align-items-center\" [class.selected]=\"selectedOptions.includes(option.value)\">\r\n <input class=\"me-2 col-3 ml-\" type=\"checkbox\" [checked]=\"selectedOptions.includes(option.value)\" />\r\n <span class=\"col-9\">\r\n {{ option.text }}\r\n </span>\r\n </li>\r\n </ul>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}@media screen and (max-width: 768px){.display{font-family:Electrolux Sans;font-size:40px;font-weight:700;line-height:46px}.heading-1{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-2{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}}.display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body,:host{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}@media screen and (max-width: 768px){.display{font-family:Electrolux Sans;font-size:40px;font-weight:700;line-height:46px}.heading-1{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-2{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body,:host{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}}:host{color:\"darkest-grey\"}:host .noClick{pointer-events:none}:host .custom-dropdown{position:relative;width:100%}:host .selected-option{padding:10px 16px;border:1px solid #7A8A9B;cursor:pointer}:host .dropdown-list{list-style-type:none;padding:0;margin:0;border:1px solid #EAEBED;position:absolute;top:100%;width:100%;left:0;background-color:#fff;display:block;max-height:256px;overflow:auto;z-index:10}:host .dropdown-list::-webkit-scrollbar{width:4px}:host .dropdown-list::-webkit-scrollbar-track{background:#f4f5f7}:host .dropdown-list::-webkit-scrollbar-thumb{background:#adb9c3}:host .dropdown-list li{padding:13px 16px;cursor:pointer}:host .dropdown-list li:hover{background-color:#eaebed}:host .arrow-icon{display:flex;position:absolute;top:calc(50% - 8px);right:10px;cursor:pointer;transition:all .3s ease-in-out}:host .arrow-rotate{transform:rotate(180deg)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: EluxIcon, selector: "lib-elux-icon", inputs: ["color", "useSubscription", "icon", "description", "size", "height", "width", "sizeType"] }] }); }
|
|
56
|
+
}
|
|
57
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxDropdownMultiple, decorators: [{
|
|
58
|
+
type: Component,
|
|
59
|
+
args: [{ selector: 'lib-elux-dropdown-multiple', imports: [CommonModule, FormsModule, ReactiveFormsModule, EluxIcon], standalone: true, template: "<div class=\"custom-dropdown\">\r\n <input class=\"selected-option\" type=\"text\" [id]=\"idInput\" [placeholder]=\"placeholder\" [value]=\"selectedOptionsText.length ? selectedOptionsText.join(', ') : ''\" readonly (click)=\"toggleDropdown()\" />\r\n <lib-elux-icon class=\"arrow-icon noClick\" [color]=\"'#7A8A9B'\" [icon]=\"'Chevron_Down.svg'\" [ngClass]=\"{ 'arrow-rotate': isOpen }\" [size]=\"'16'\" [sizeType]=\"'px'\"></lib-elux-icon>\r\n <ul class=\"dropdown-list\" *ngIf=\"isOpen\">\r\n <li *ngFor=\"let option of options\" (click)=\"selectOption(option)\" class=\"d-flex align-items-center\" [class.selected]=\"selectedOptions.includes(option.value)\">\r\n <input class=\"me-2 col-3 ml-\" type=\"checkbox\" [checked]=\"selectedOptions.includes(option.value)\" />\r\n <span class=\"col-9\">\r\n {{ option.text }}\r\n </span>\r\n </li>\r\n </ul>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}@media screen and (max-width: 768px){.display{font-family:Electrolux Sans;font-size:40px;font-weight:700;line-height:46px}.heading-1{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-2{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}}.display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body,:host{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}@media screen and (max-width: 768px){.display{font-family:Electrolux Sans;font-size:40px;font-weight:700;line-height:46px}.heading-1{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-2{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body,:host{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}}:host{color:\"darkest-grey\"}:host .noClick{pointer-events:none}:host .custom-dropdown{position:relative;width:100%}:host .selected-option{padding:10px 16px;border:1px solid #7A8A9B;cursor:pointer}:host .dropdown-list{list-style-type:none;padding:0;margin:0;border:1px solid #EAEBED;position:absolute;top:100%;width:100%;left:0;background-color:#fff;display:block;max-height:256px;overflow:auto;z-index:10}:host .dropdown-list::-webkit-scrollbar{width:4px}:host .dropdown-list::-webkit-scrollbar-track{background:#f4f5f7}:host .dropdown-list::-webkit-scrollbar-thumb{background:#adb9c3}:host .dropdown-list li{padding:13px 16px;cursor:pointer}:host .dropdown-list li:hover{background-color:#eaebed}:host .arrow-icon{display:flex;position:absolute;top:calc(50% - 8px);right:10px;cursor:pointer;transition:all .3s ease-in-out}:host .arrow-rotate{transform:rotate(180deg)}\n"] }]
|
|
60
|
+
}], ctorParameters: () => [], propDecorators: { disabled: [{
|
|
61
|
+
type: Input
|
|
62
|
+
}], idInput: [{
|
|
63
|
+
type: Input
|
|
64
|
+
}], placeholder: [{
|
|
65
|
+
type: Input
|
|
66
|
+
}], options: [{
|
|
67
|
+
type: Input
|
|
68
|
+
}], selectedOptions: [{
|
|
69
|
+
type: Input
|
|
70
|
+
}], optionSelected: [{
|
|
71
|
+
type: Output
|
|
72
|
+
}], onDocumentClick: [{
|
|
73
|
+
type: HostListener,
|
|
74
|
+
args: ['document:click', ['$event']]
|
|
75
|
+
}] } });
|
|
76
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24tbXVsdGlwbGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vdWkvbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvZHJvcGRvd24tbXVsdGlwbGUvZHJvcGRvd24tbXVsdGlwbGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vdWkvbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvZHJvcGRvd24tbXVsdGlwbGUvZHJvcGRvd24tbXVsdGlwbGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBb0MsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZILE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxTQUFTLENBQUM7QUFDbkMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7O0FBUWxFLE1BQU0sT0FBTyxvQkFBb0I7SUFXL0I7UUFWUyxhQUFRLEdBQVksS0FBSyxDQUFDO1FBQzFCLFlBQU8sR0FBVyxFQUFFLENBQUM7UUFDckIsZ0JBQVcsR0FBVyxXQUFXLENBQUM7UUFDbEMsWUFBTyxHQUFtQyxFQUFFLENBQUM7UUFDN0Msb0JBQWUsR0FBVSxFQUFFLENBQUM7UUFDM0IsbUJBQWMsR0FBd0IsSUFBSSxZQUFZLEVBQVMsQ0FBQztRQUUxRSxXQUFNLEdBQVksS0FBSyxDQUFDO1FBQ3hCLHdCQUFtQixHQUFhLEVBQUUsQ0FBQztJQUVwQixDQUFDO0lBRWhCLFFBQVE7UUFDTixJQUFJLENBQUMscUJBQXFCLEVBQUUsQ0FBQztRQUM3QixJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBQ2xCLElBQUksQ0FBQyxPQUFPLEdBQUcscUJBQXFCLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQyxRQUFRLENBQUMsRUFBRSxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsRUFBRSxDQUFDO1FBQ3BGLENBQUM7SUFDSCxDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksT0FBTyxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxhQUFhLEVBQUUsRUFBRSxDQUFDO1lBQzlFLElBQUksQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1FBQy9CLENBQUM7SUFDSCxDQUFDO0lBRUQscUJBQXFCO1FBQ25CLElBQUksQ0FBQyxtQkFBbUIsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxDQUFDLE1BQU0sRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDdkksQ0FBQztJQUVELGNBQWM7UUFDWixJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQ25CLElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDO1FBQzdCLENBQUM7SUFDSCxDQUFDO0lBRUQsWUFBWSxDQUFDLE1BQW9DO1FBQy9DLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN6RCxJQUFJLEtBQUssR0FBRyxDQUFDLENBQUMsRUFBRSxDQUFDO1lBQ2YsSUFBSSxDQUFDLGVBQWUsQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBQ3hDLENBQUM7YUFBTSxDQUFDO1lBQ04sSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzFDLENBQUM7UUFDRCxJQUFJLENBQUMscUJBQXFCLEVBQUUsQ0FBQztRQUM3QixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUM7SUFDakQsQ0FBQztJQUdELGVBQWUsQ0FBQyxLQUFpQjtRQUMvQixNQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsTUFBcUIsQ0FBQztRQUMzQyxJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxJQUFJLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxFQUFFLENBQUM7WUFDeEMsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7UUFDdEIsQ0FBQztJQUNILENBQUM7K0dBckRVLG9CQUFvQjttR0FBcEIsb0JBQW9CLDBXQ1hqQyxxNEJBWUEsb3pIREpZLFlBQVksNlZBQUUsV0FBVyw4QkFBRSxtQkFBbUIsK0JBQUUsUUFBUTs7NEZBR3ZELG9CQUFvQjtrQkFQaEMsU0FBUzsrQkFDRSw0QkFBNEIsV0FHN0IsQ0FBQyxZQUFZLEVBQUUsV0FBVyxFQUFFLG1CQUFtQixFQUFFLFFBQVEsQ0FBQyxjQUN2RCxJQUFJO3dEQUdQLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0ksY0FBYztzQkFBdkIsTUFBTTtnQkEwQ1AsZUFBZTtzQkFEZCxZQUFZO3VCQUFDLGdCQUFnQixFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIE9uSW5pdCwgT25DaGFuZ2VzLCBTaW1wbGVDaGFuZ2VzLCBIb3N0TGlzdGVuZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRWx1eEljb24gfSBmcm9tICcuLi9pY29uJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgRm9ybXNNb2R1bGUsIFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWVsdXgtZHJvcGRvd24tbXVsdGlwbGUnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9kcm9wZG93bi1tdWx0aXBsZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZHJvcGRvd24tbXVsdGlwbGUuY29tcG9uZW50LnNjc3MnXSxcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBGb3Jtc01vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZSwgRWx1eEljb25dLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBFbHV4RHJvcGRvd25NdWx0aXBsZSBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzIHtcclxuICBASW5wdXQoKSBkaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGlkSW5wdXQ6IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyOiBzdHJpbmcgPSAnU2VsZWNpb25lJztcclxuICBASW5wdXQoKSBvcHRpb25zOiB7IHZhbHVlOiBhbnk7IHRleHQ6IHN0cmluZyB9W10gPSBbXTtcclxuICBASW5wdXQoKSBzZWxlY3RlZE9wdGlvbnM6IGFueVtdID0gW107XHJcbiAgQE91dHB1dCgpIG9wdGlvblNlbGVjdGVkOiBFdmVudEVtaXR0ZXI8YW55W10+ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnlbXT4oKTtcclxuXHJcbiAgaXNPcGVuOiBib29sZWFuID0gZmFsc2U7XHJcbiAgc2VsZWN0ZWRPcHRpb25zVGV4dDogc3RyaW5nW10gPSBbXTtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7fVxyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIHRoaXMudXBkYXRlU2VsZWN0ZWRPcHRpb25zKCk7XHJcbiAgICBpZiAoIXRoaXMuaWRJbnB1dCkge1xyXG4gICAgICB0aGlzLmlkSW5wdXQgPSBgZHJvcGRvd24tbXVsdGlwbGUtJHtNYXRoLnJhbmRvbSgpLnRvU3RyaW5nKDM2KS5zdWJzdHJpbmcoMiwgMTEpfWA7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKSB7XHJcbiAgICBpZiAoY2hhbmdlc1snc2VsZWN0ZWRPcHRpb25zJ10gJiYgIWNoYW5nZXNbJ3NlbGVjdGVkT3B0aW9ucyddLmlzRmlyc3RDaGFuZ2UoKSkge1xyXG4gICAgICB0aGlzLnVwZGF0ZVNlbGVjdGVkT3B0aW9ucygpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgdXBkYXRlU2VsZWN0ZWRPcHRpb25zKCkge1xyXG4gICAgdGhpcy5zZWxlY3RlZE9wdGlvbnNUZXh0ID0gdGhpcy5vcHRpb25zLmZpbHRlcigob3B0aW9uKSA9PiB0aGlzLnNlbGVjdGVkT3B0aW9ucy5pbmNsdWRlcyhvcHRpb24udmFsdWUpKS5tYXAoKG9wdGlvbikgPT4gb3B0aW9uLnRleHQpO1xyXG4gIH1cclxuXHJcbiAgdG9nZ2xlRHJvcGRvd24oKSB7XHJcbiAgICBpZiAoIXRoaXMuZGlzYWJsZWQpIHtcclxuICAgICAgdGhpcy5pc09wZW4gPSAhdGhpcy5pc09wZW47XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBzZWxlY3RPcHRpb24ob3B0aW9uOiB7IHZhbHVlOiBhbnk7IHRleHQ6IHN0cmluZyB9KSB7XHJcbiAgICBjb25zdCBpbmRleCA9IHRoaXMuc2VsZWN0ZWRPcHRpb25zLmluZGV4T2Yob3B0aW9uLnZhbHVlKTtcclxuICAgIGlmIChpbmRleCA+IC0xKSB7XHJcbiAgICAgIHRoaXMuc2VsZWN0ZWRPcHRpb25zLnNwbGljZShpbmRleCwgMSk7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICB0aGlzLnNlbGVjdGVkT3B0aW9ucy5wdXNoKG9wdGlvbi52YWx1ZSk7XHJcbiAgICB9XHJcbiAgICB0aGlzLnVwZGF0ZVNlbGVjdGVkT3B0aW9ucygpO1xyXG4gICAgdGhpcy5vcHRpb25TZWxlY3RlZC5lbWl0KHRoaXMuc2VsZWN0ZWRPcHRpb25zKTtcclxuICB9XHJcblxyXG4gIEBIb3N0TGlzdGVuZXIoJ2RvY3VtZW50OmNsaWNrJywgWyckZXZlbnQnXSlcclxuICBvbkRvY3VtZW50Q2xpY2soZXZlbnQ6IE1vdXNlRXZlbnQpOiB2b2lkIHtcclxuICAgIGNvbnN0IHRhcmdldCA9IGV2ZW50LnRhcmdldCBhcyBIVE1MRWxlbWVudDtcclxuICAgIGlmICghdGFyZ2V0LmNsb3Nlc3QoYCMke3RoaXMuaWRJbnB1dH1gKSkge1xyXG4gICAgICB0aGlzLmlzT3BlbiA9IGZhbHNlO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiY3VzdG9tLWRyb3Bkb3duXCI+XHJcbiAgPGlucHV0IGNsYXNzPVwic2VsZWN0ZWQtb3B0aW9uXCIgdHlwZT1cInRleHRcIiBbaWRdPVwiaWRJbnB1dFwiIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiIFt2YWx1ZV09XCJzZWxlY3RlZE9wdGlvbnNUZXh0Lmxlbmd0aCA/IHNlbGVjdGVkT3B0aW9uc1RleHQuam9pbignLCAnKSA6ICcnXCIgcmVhZG9ubHkgKGNsaWNrKT1cInRvZ2dsZURyb3Bkb3duKClcIiAvPlxyXG4gIDxsaWItZWx1eC1pY29uIGNsYXNzPVwiYXJyb3ctaWNvbiBub0NsaWNrXCIgW2NvbG9yXT1cIicjN0E4QTlCJ1wiIFtpY29uXT1cIidDaGV2cm9uX0Rvd24uc3ZnJ1wiIFtuZ0NsYXNzXT1cInsgJ2Fycm93LXJvdGF0ZSc6IGlzT3BlbiB9XCIgW3NpemVdPVwiJzE2J1wiIFtzaXplVHlwZV09XCIncHgnXCI+PC9saWItZWx1eC1pY29uPlxyXG4gIDx1bCBjbGFzcz1cImRyb3Bkb3duLWxpc3RcIiAqbmdJZj1cImlzT3BlblwiPlxyXG4gICAgPGxpICpuZ0Zvcj1cImxldCBvcHRpb24gb2Ygb3B0aW9uc1wiIChjbGljayk9XCJzZWxlY3RPcHRpb24ob3B0aW9uKVwiIGNsYXNzPVwiZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlclwiIFtjbGFzcy5zZWxlY3RlZF09XCJzZWxlY3RlZE9wdGlvbnMuaW5jbHVkZXMob3B0aW9uLnZhbHVlKVwiPlxyXG4gICAgICA8aW5wdXQgY2xhc3M9XCJtZS0yIGNvbC0zIG1sLVwiIHR5cGU9XCJjaGVja2JveFwiIFtjaGVja2VkXT1cInNlbGVjdGVkT3B0aW9ucy5pbmNsdWRlcyhvcHRpb24udmFsdWUpXCIgLz5cclxuICAgICAgPHNwYW4gY2xhc3M9XCJjb2wtOVwiPlxyXG4gICAgICAgIHt7IG9wdGlvbi50ZXh0IH19XHJcbiAgICAgIDwvc3Bhbj5cclxuICAgIDwvbGk+XHJcbiAgPC91bD5cclxuPC9kaXY+XHJcbiJdfQ==
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export * from './dropdown-multiple.component';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi91aS9saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9kcm9wZG93bi1tdWx0aXBsZS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLCtCQUErQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9kcm9wZG93bi1tdWx0aXBsZS5jb21wb25lbnQnOyJdfQ==
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { Component, Input, ViewChild } from '@angular/core';
|
|
3
|
+
import { ReactiveFormsModule } from '@angular/forms';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@angular/common";
|
|
6
|
+
export class EluxIcon {
|
|
7
|
+
constructor() {
|
|
8
|
+
this.color = '#011e41';
|
|
9
|
+
this.useSubscription = false;
|
|
10
|
+
this.icon = '';
|
|
11
|
+
this.description = '';
|
|
12
|
+
this.size = '';
|
|
13
|
+
this.height = '';
|
|
14
|
+
this.width = '';
|
|
15
|
+
this.sizeType = 'px';
|
|
16
|
+
}
|
|
17
|
+
iconMask() {
|
|
18
|
+
return {
|
|
19
|
+
height: this.size ? `${this.size}${this.sizeType}` : `${this.height}${this.sizeType}`,
|
|
20
|
+
width: this.size ? `${this.size}${this.sizeType}` : `${this.width}${this.sizeType}`,
|
|
21
|
+
mask: `url(./assets/icons/${this.icon}) no-repeat`,
|
|
22
|
+
'-webkit-mask': `url(./assets/icons/${this.icon}) no-repeat`,
|
|
23
|
+
'background-color': this.color,
|
|
24
|
+
'-webkit-mask-size': 'contain',
|
|
25
|
+
'mask-size': 'contain',
|
|
26
|
+
'mask-repeat': 'no-repeat',
|
|
27
|
+
'-webkit-mask-repeat': 'no-repeat',
|
|
28
|
+
'mask-position': 'center',
|
|
29
|
+
'-webkit-mask-position': 'center'
|
|
30
|
+
};
|
|
31
|
+
}
|
|
32
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxIcon, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
33
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EluxIcon, isStandalone: true, selector: "lib-elux-icon", inputs: { color: "color", useSubscription: "useSubscription", icon: "icon", description: "description", size: "size", height: "height", width: "width", sizeType: "sizeType" }, viewQueries: [{ propertyName: "iconSpan", first: true, predicate: ["iconSpan"], descendants: true }], ngImport: i0, template: "@if (icon) {\r\n<span #iconSpan class=\"icon\" [ngStyle]=\"iconMask()\"></span>\r\n}", styles: [".icon{display:inline-block;height:48px;width:48px;-webkit-mask-size:cover;mask-size:cover;vertical-align:middle}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ReactiveFormsModule }] }); }
|
|
34
|
+
}
|
|
35
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxIcon, decorators: [{
|
|
36
|
+
type: Component,
|
|
37
|
+
args: [{ selector: 'lib-elux-icon', standalone: true, imports: [CommonModule, ReactiveFormsModule], template: "@if (icon) {\r\n<span #iconSpan class=\"icon\" [ngStyle]=\"iconMask()\"></span>\r\n}", styles: [".icon{display:inline-block;height:48px;width:48px;-webkit-mask-size:cover;mask-size:cover;vertical-align:middle}\n"] }]
|
|
38
|
+
}], ctorParameters: () => [], propDecorators: { iconSpan: [{
|
|
39
|
+
type: ViewChild,
|
|
40
|
+
args: ['iconSpan']
|
|
41
|
+
}], color: [{
|
|
42
|
+
type: Input
|
|
43
|
+
}], useSubscription: [{
|
|
44
|
+
type: Input
|
|
45
|
+
}], icon: [{
|
|
46
|
+
type: Input
|
|
47
|
+
}], description: [{
|
|
48
|
+
type: Input
|
|
49
|
+
}], size: [{
|
|
50
|
+
type: Input
|
|
51
|
+
}], height: [{
|
|
52
|
+
type: Input
|
|
53
|
+
}], width: [{
|
|
54
|
+
type: Input
|
|
55
|
+
}], sizeType: [{
|
|
56
|
+
type: Input
|
|
57
|
+
}] } });
|
|
58
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi91aS9saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9pY29uL2ljb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vdWkvbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvaWNvbi9pY29uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFjLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDeEUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7OztBQVNyRCxNQUFNLE9BQU8sUUFBUTtJQVluQjtRQVRTLFVBQUssR0FBRyxTQUFTLENBQUM7UUFDbEIsb0JBQWUsR0FBRyxLQUFLLENBQUM7UUFDeEIsU0FBSSxHQUFHLEVBQUUsQ0FBQztRQUNWLGdCQUFXLEdBQUcsRUFBRSxDQUFDO1FBQ2pCLFNBQUksR0FBRyxFQUFFLENBQUM7UUFDVixXQUFNLEdBQUcsRUFBRSxDQUFDO1FBQ1osVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUNYLGFBQVEsR0FBRyxJQUFJLENBQUM7SUFHekIsQ0FBQztJQUVNLFFBQVE7UUFDYixPQUFPO1lBQ0wsTUFBTSxFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEdBQUcsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQyxDQUFDLEdBQUcsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ3JGLEtBQUssRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxHQUFHLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUMsQ0FBQyxHQUFHLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNuRixJQUFJLEVBQUUsc0JBQXNCLElBQUksQ0FBQyxJQUFJLGFBQWE7WUFDbEQsY0FBYyxFQUFFLHNCQUFzQixJQUFJLENBQUMsSUFBSSxhQUFhO1lBQzVELGtCQUFrQixFQUFFLElBQUksQ0FBQyxLQUFLO1lBQzlCLG1CQUFtQixFQUFFLFNBQVM7WUFDOUIsV0FBVyxFQUFFLFNBQVM7WUFDdEIsYUFBYSxFQUFFLFdBQVc7WUFDMUIscUJBQXFCLEVBQUUsV0FBVztZQUNsQyxlQUFlLEVBQUUsUUFBUTtZQUN6Qix1QkFBdUIsRUFBRSxRQUFRO1NBQ2xDLENBQUM7SUFDSixDQUFDOytHQTdCVSxRQUFRO21HQUFSLFFBQVEsK1ZDWHJCLHNGQUVDLDJLREtXLFlBQVksbUhBQUUsbUJBQW1COzs0RkFJaEMsUUFBUTtrQkFQcEIsU0FBUzsrQkFDRSxlQUFlLGNBQ2IsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLG1CQUFtQixDQUFDO3dEQUtyQixRQUFRO3NCQUE5QixTQUFTO3VCQUFDLFVBQVU7Z0JBRVosS0FBSztzQkFBYixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5wdXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItZWx1eC1pY29uJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFJlYWN0aXZlRm9ybXNNb2R1bGVdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9pY29uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vaWNvbi5jb21wb25lbnQuc2NzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIEVsdXhJY29uIHtcclxuICBAVmlld0NoaWxkKCdpY29uU3BhbicpIGljb25TcGFuITogRWxlbWVudFJlZjtcclxuXHJcbiAgQElucHV0KCkgY29sb3IgPSAnIzAxMWU0MSc7XHJcbiAgQElucHV0KCkgdXNlU3Vic2NyaXB0aW9uID0gZmFsc2U7XHJcbiAgQElucHV0KCkgaWNvbiA9ICcnO1xyXG4gIEBJbnB1dCgpIGRlc2NyaXB0aW9uID0gJyc7XHJcbiAgQElucHV0KCkgc2l6ZSA9ICcnO1xyXG4gIEBJbnB1dCgpIGhlaWdodCA9ICcnO1xyXG4gIEBJbnB1dCgpIHdpZHRoID0gJyc7XHJcbiAgQElucHV0KCkgc2l6ZVR5cGUgPSAncHgnO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBpY29uTWFzaygpIHtcclxuICAgIHJldHVybiB7XHJcbiAgICAgIGhlaWdodDogdGhpcy5zaXplID8gYCR7dGhpcy5zaXplfSR7dGhpcy5zaXplVHlwZX1gIDogYCR7dGhpcy5oZWlnaHR9JHt0aGlzLnNpemVUeXBlfWAsXHJcbiAgICAgIHdpZHRoOiB0aGlzLnNpemUgPyBgJHt0aGlzLnNpemV9JHt0aGlzLnNpemVUeXBlfWAgOiBgJHt0aGlzLndpZHRofSR7dGhpcy5zaXplVHlwZX1gLFxyXG4gICAgICBtYXNrOiBgdXJsKC4vYXNzZXRzL2ljb25zLyR7dGhpcy5pY29ufSkgbm8tcmVwZWF0YCxcclxuICAgICAgJy13ZWJraXQtbWFzayc6IGB1cmwoLi9hc3NldHMvaWNvbnMvJHt0aGlzLmljb259KSBuby1yZXBlYXRgLFxyXG4gICAgICAnYmFja2dyb3VuZC1jb2xvcic6IHRoaXMuY29sb3IsXHJcbiAgICAgICctd2Via2l0LW1hc2stc2l6ZSc6ICdjb250YWluJyxcclxuICAgICAgJ21hc2stc2l6ZSc6ICdjb250YWluJyxcclxuICAgICAgJ21hc2stcmVwZWF0JzogJ25vLXJlcGVhdCcsXHJcbiAgICAgICctd2Via2l0LW1hc2stcmVwZWF0JzogJ25vLXJlcGVhdCcsXHJcbiAgICAgICdtYXNrLXBvc2l0aW9uJzogJ2NlbnRlcicsXHJcbiAgICAgICctd2Via2l0LW1hc2stcG9zaXRpb24nOiAnY2VudGVyJ1xyXG4gICAgfTtcclxuICB9XHJcbn1cclxuIiwiQGlmIChpY29uKSB7XHJcbjxzcGFuICNpY29uU3BhbiBjbGFzcz1cImljb25cIiBbbmdTdHlsZV09XCJpY29uTWFzaygpXCI+PC9zcGFuPlxyXG59Il19
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export * from './icon.component';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi91aS9saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9pY29uL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsa0JBQWtCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2ljb24uY29tcG9uZW50JztcclxuIl19
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import { EluxBreadcrumb } from './breadcrumb';
|
|
2
|
+
import { EluxButton } from './button';
|
|
3
|
+
import { EluxDropdown } from './dropdown';
|
|
4
|
+
import { EluxIcon } from './icon';
|
|
5
|
+
import { EluxPaginator } from './paginator';
|
|
6
|
+
import { EluxStepBar } from './stepbar';
|
|
7
|
+
import { EluxDatepicker } from './datepicker';
|
|
8
|
+
import { EluxToast } from './toast';
|
|
9
|
+
import { EluxDataTable } from './datatable';
|
|
10
|
+
import { EluxAccordion } from './accordion';
|
|
11
|
+
import { EluxModal } from './modal';
|
|
12
|
+
import { EluxInputSearchComponent } from './input-search';
|
|
13
|
+
import { EluxLoading } from './loading';
|
|
14
|
+
import { EluxInputSearchModalComponent } from './input-search-modal/input-search-modal.component';
|
|
15
|
+
import { EluxDropdownMultiple } from './dropdown-multiple';
|
|
16
|
+
import { EluxCarouselComponent } from './carousel';
|
|
17
|
+
import { EluxSwitch } from './switch';
|
|
18
|
+
import { EluxChip } from './chip';
|
|
19
|
+
export const ElectroluxComponents = [
|
|
20
|
+
EluxBreadcrumb,
|
|
21
|
+
EluxButton,
|
|
22
|
+
EluxDatepicker,
|
|
23
|
+
EluxDropdown,
|
|
24
|
+
EluxIcon,
|
|
25
|
+
EluxPaginator,
|
|
26
|
+
EluxStepBar,
|
|
27
|
+
EluxToast,
|
|
28
|
+
EluxDataTable,
|
|
29
|
+
EluxAccordion,
|
|
30
|
+
EluxModal,
|
|
31
|
+
EluxInputSearchComponent,
|
|
32
|
+
EluxInputSearchModalComponent,
|
|
33
|
+
EluxLoading,
|
|
34
|
+
EluxDropdownMultiple,
|
|
35
|
+
EluxCarouselComponent,
|
|
36
|
+
EluxSwitch,
|
|
37
|
+
EluxChip,
|
|
38
|
+
];
|
|
39
|
+
export * from './breadcrumb';
|
|
40
|
+
export * from './button';
|
|
41
|
+
export * from './dropdown';
|
|
42
|
+
export * from './icon';
|
|
43
|
+
export * from './paginator';
|
|
44
|
+
export * from './stepbar';
|
|
45
|
+
export * from './datepicker';
|
|
46
|
+
export * from './toast';
|
|
47
|
+
export * from './datatable';
|
|
48
|
+
export * from './accordion';
|
|
49
|
+
export * from './modal';
|
|
50
|
+
export * from './loading';
|
|
51
|
+
export * from './input-search';
|
|
52
|
+
export * from './input-search-modal';
|
|
53
|
+
export * from './card-1';
|
|
54
|
+
export * from './card-2';
|
|
55
|
+
export * from './card-3';
|
|
56
|
+
export * from './card-4';
|
|
57
|
+
export * from './dropdown-multiple';
|
|
58
|
+
export * from './loading-2';
|
|
59
|
+
export * from './carousel';
|
|
60
|
+
export * from './arrow-link';
|
|
61
|
+
export * from './switch';
|
|
62
|
+
export * from './chip';
|
|
63
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi91aS9saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQzlDLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFDdEMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLFlBQVksQ0FBQztBQUMxQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sUUFBUSxDQUFDO0FBQ2xDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFDNUMsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUN4QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQzlDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxTQUFTLENBQUM7QUFDcEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUM1QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQzVDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxTQUFTLENBQUM7QUFDcEMsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDMUQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUN4QyxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSxtREFBbUQsQ0FBQztBQUNsRyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUMzRCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxZQUFZLENBQUM7QUFDbkQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUN0QyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sUUFBUSxDQUFDO0FBRWxDLE1BQU0sQ0FBQyxNQUFNLG9CQUFvQixHQUFnQjtJQUMvQyxjQUFjO0lBQ2QsVUFBVTtJQUNWLGNBQWM7SUFDZCxZQUFZO0lBQ1osUUFBUTtJQUNSLGFBQWE7SUFDYixXQUFXO0lBQ1gsU0FBUztJQUNULGFBQWE7SUFDYixhQUFhO0lBQ2IsU0FBUztJQUNULHdCQUF3QjtJQUN4Qiw2QkFBNkI7SUFDN0IsV0FBVztJQUNYLG9CQUFvQjtJQUNwQixxQkFBcUI7SUFDckIsVUFBVTtJQUNWLFFBQVE7Q0FDVCxDQUFDO0FBRUYsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYyxVQUFVLENBQUM7QUFDekIsY0FBYyxZQUFZLENBQUM7QUFDM0IsY0FBYyxRQUFRLENBQUM7QUFDdkIsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxXQUFXLENBQUM7QUFDMUIsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYyxTQUFTLENBQUM7QUFDeEIsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxTQUFTLENBQUM7QUFDeEIsY0FBYyxXQUFXLENBQUM7QUFDMUIsY0FBYyxnQkFBZ0IsQ0FBQztBQUMvQixjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsVUFBVSxDQUFDO0FBQ3pCLGNBQWMsVUFBVSxDQUFDO0FBQ3pCLGNBQWMsVUFBVSxDQUFDO0FBQ3pCLGNBQWMsVUFBVSxDQUFDO0FBQ3pCLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxZQUFZLENBQUM7QUFDM0IsY0FBYyxjQUFjLENBQUM7QUFDN0IsY0FBYyxVQUFVLENBQUM7QUFDekIsY0FBYyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBUeXBlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEVsdXhCcmVhZGNydW1iIH0gZnJvbSAnLi9icmVhZGNydW1iJztcclxuaW1wb3J0IHsgRWx1eEJ1dHRvbiB9IGZyb20gJy4vYnV0dG9uJztcclxuaW1wb3J0IHsgRWx1eERyb3Bkb3duIH0gZnJvbSAnLi9kcm9wZG93bic7XHJcbmltcG9ydCB7IEVsdXhJY29uIH0gZnJvbSAnLi9pY29uJztcclxuaW1wb3J0IHsgRWx1eFBhZ2luYXRvciB9IGZyb20gJy4vcGFnaW5hdG9yJztcclxuaW1wb3J0IHsgRWx1eFN0ZXBCYXIgfSBmcm9tICcuL3N0ZXBiYXInO1xyXG5pbXBvcnQgeyBFbHV4RGF0ZXBpY2tlciB9IGZyb20gJy4vZGF0ZXBpY2tlcic7XHJcbmltcG9ydCB7IEVsdXhUb2FzdCB9IGZyb20gJy4vdG9hc3QnO1xyXG5pbXBvcnQgeyBFbHV4RGF0YVRhYmxlIH0gZnJvbSAnLi9kYXRhdGFibGUnO1xyXG5pbXBvcnQgeyBFbHV4QWNjb3JkaW9uIH0gZnJvbSAnLi9hY2NvcmRpb24nO1xyXG5pbXBvcnQgeyBFbHV4TW9kYWwgfSBmcm9tICcuL21vZGFsJztcclxuaW1wb3J0IHsgRWx1eElucHV0U2VhcmNoQ29tcG9uZW50IH0gZnJvbSAnLi9pbnB1dC1zZWFyY2gnO1xyXG5pbXBvcnQgeyBFbHV4TG9hZGluZyB9IGZyb20gJy4vbG9hZGluZyc7XHJcbmltcG9ydCB7IEVsdXhJbnB1dFNlYXJjaE1vZGFsQ29tcG9uZW50IH0gZnJvbSAnLi9pbnB1dC1zZWFyY2gtbW9kYWwvaW5wdXQtc2VhcmNoLW1vZGFsLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEVsdXhEcm9wZG93bk11bHRpcGxlIH0gZnJvbSAnLi9kcm9wZG93bi1tdWx0aXBsZSc7XHJcbmltcG9ydCB7IEVsdXhDYXJvdXNlbENvbXBvbmVudCB9IGZyb20gJy4vY2Fyb3VzZWwnO1xyXG5pbXBvcnQgeyBFbHV4U3dpdGNoIH0gZnJvbSAnLi9zd2l0Y2gnO1xyXG5pbXBvcnQgeyBFbHV4Q2hpcCB9IGZyb20gJy4vY2hpcCc7XHJcblxyXG5leHBvcnQgY29uc3QgRWxlY3Ryb2x1eENvbXBvbmVudHM6IFR5cGU8YW55PltdID0gW1xyXG4gIEVsdXhCcmVhZGNydW1iLFxyXG4gIEVsdXhCdXR0b24sXHJcbiAgRWx1eERhdGVwaWNrZXIsXHJcbiAgRWx1eERyb3Bkb3duLFxyXG4gIEVsdXhJY29uLFxyXG4gIEVsdXhQYWdpbmF0b3IsXHJcbiAgRWx1eFN0ZXBCYXIsXHJcbiAgRWx1eFRvYXN0LFxyXG4gIEVsdXhEYXRhVGFibGUsXHJcbiAgRWx1eEFjY29yZGlvbixcclxuICBFbHV4TW9kYWwsXHJcbiAgRWx1eElucHV0U2VhcmNoQ29tcG9uZW50LFxyXG4gIEVsdXhJbnB1dFNlYXJjaE1vZGFsQ29tcG9uZW50LFxyXG4gIEVsdXhMb2FkaW5nLFxyXG4gIEVsdXhEcm9wZG93bk11bHRpcGxlLFxyXG4gIEVsdXhDYXJvdXNlbENvbXBvbmVudCxcclxuICBFbHV4U3dpdGNoLFxyXG4gIEVsdXhDaGlwLFxyXG5dO1xyXG5cclxuZXhwb3J0ICogZnJvbSAnLi9icmVhZGNydW1iJztcclxuZXhwb3J0ICogZnJvbSAnLi9idXR0b24nO1xyXG5leHBvcnQgKiBmcm9tICcuL2Ryb3Bkb3duJztcclxuZXhwb3J0ICogZnJvbSAnLi9pY29uJztcclxuZXhwb3J0ICogZnJvbSAnLi9wYWdpbmF0b3InO1xyXG5leHBvcnQgKiBmcm9tICcuL3N0ZXBiYXInO1xyXG5leHBvcnQgKiBmcm9tICcuL2RhdGVwaWNrZXInO1xyXG5leHBvcnQgKiBmcm9tICcuL3RvYXN0JztcclxuZXhwb3J0ICogZnJvbSAnLi9kYXRhdGFibGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2FjY29yZGlvbic7XHJcbmV4cG9ydCAqIGZyb20gJy4vbW9kYWwnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xvYWRpbmcnO1xyXG5leHBvcnQgKiBmcm9tICcuL2lucHV0LXNlYXJjaCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vaW5wdXQtc2VhcmNoLW1vZGFsJztcclxuZXhwb3J0ICogZnJvbSAnLi9jYXJkLTEnO1xyXG5leHBvcnQgKiBmcm9tICcuL2NhcmQtMic7XHJcbmV4cG9ydCAqIGZyb20gJy4vY2FyZC0zJztcclxuZXhwb3J0ICogZnJvbSAnLi9jYXJkLTQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2Ryb3Bkb3duLW11bHRpcGxlJztcclxuZXhwb3J0ICogZnJvbSAnLi9sb2FkaW5nLTInO1xyXG5leHBvcnQgKiBmcm9tICcuL2Nhcm91c2VsJztcclxuZXhwb3J0ICogZnJvbSAnLi9hcnJvdy1saW5rJztcclxuZXhwb3J0ICogZnJvbSAnLi9zd2l0Y2gnO1xyXG5leHBvcnQgKiBmcm9tICcuL2NoaXAnO1xyXG4iXX0=
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export * from './input-search.component';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi91aS9saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9pbnB1dC1zZWFyY2gvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYywwQkFBMEIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vaW5wdXQtc2VhcmNoLmNvbXBvbmVudCc7XHJcbiJdfQ==
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { Component, EventEmitter, HostListener, Input, Output, ViewChild } from '@angular/core';
|
|
3
|
+
import { FormsModule } from '@angular/forms';
|
|
4
|
+
import { EluxIcon } from '../icon';
|
|
5
|
+
import { debounceTime, Subject } from 'rxjs';
|
|
6
|
+
import { EluxLoading } from "../loading/loading.component";
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
import * as i1 from "@angular/common";
|
|
9
|
+
export class EluxInputSearchComponent {
|
|
10
|
+
constructor() {
|
|
11
|
+
this.options = [];
|
|
12
|
+
this.placeholder = '';
|
|
13
|
+
this.value = '';
|
|
14
|
+
this.loading = false;
|
|
15
|
+
this.disabled = false;
|
|
16
|
+
this.valueSelected = new EventEmitter();
|
|
17
|
+
this.keyUpValue = new EventEmitter();
|
|
18
|
+
this.isOpen = false;
|
|
19
|
+
this.keyUpSubject = new Subject();
|
|
20
|
+
this.keyUpSubject.pipe(debounceTime(500)).subscribe(value => {
|
|
21
|
+
if (value.length > 2) {
|
|
22
|
+
this.keyUpValue.emit(value);
|
|
23
|
+
this.isOpen = true;
|
|
24
|
+
}
|
|
25
|
+
else {
|
|
26
|
+
this.isOpen = false;
|
|
27
|
+
}
|
|
28
|
+
});
|
|
29
|
+
}
|
|
30
|
+
ngOnInit() {
|
|
31
|
+
}
|
|
32
|
+
selectOption(option) {
|
|
33
|
+
this.valueSelected.emit(option);
|
|
34
|
+
this.value = option.text;
|
|
35
|
+
this.isOpen = false;
|
|
36
|
+
}
|
|
37
|
+
keyUp(event) {
|
|
38
|
+
this.value = event.srcElement.value;
|
|
39
|
+
this.keyUpSubject.next(this.value);
|
|
40
|
+
}
|
|
41
|
+
onClickOutside(event) {
|
|
42
|
+
if (!this.inputsearch.nativeElement.contains(event.target)) {
|
|
43
|
+
this.isOpen = false;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxInputSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
47
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EluxInputSearchComponent, isStandalone: true, selector: "lib-elux-input-search", inputs: { options: "options", placeholder: "placeholder", value: "value", loading: "loading", disabled: "disabled" }, outputs: { valueSelected: "valueSelected", keyUpValue: "keyUpValue" }, host: { listeners: { "document:click": "onClickOutside($event)" } }, viewQueries: [{ propertyName: "inputsearch", first: true, predicate: ["inputsearch"], descendants: true }], ngImport: i0, template: "<div class=\"input-search\" #inputsearch>\r\n <input type=\"search\" class=\"input-field\" [disabled]=\"disabled\" [placeholder]=\"placeholder\" (keyup)=\"keyUp($event)\" [value]=\"value\" />\r\n <lib-elux-loading class=\"loading\" *ngIf=\"loading\" [size]=\"32\"></lib-elux-loading>\r\n <div class=\"search-list\" *ngIf=\"isOpen\">\r\n <div *ngFor=\"let item of options\">\r\n <div class=\"item-search\" *ngIf=\"item.text.toLowerCase().includes(value.toLowerCase())\" (click)=\"selectOption(item)\">\r\n {{ item.text }}\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}@media screen and (max-width: 768px){.display{font-family:Electrolux Sans;font-size:40px;font-weight:700;line-height:46px}.heading-1{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-2{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}}:host .input-search{position:relative}:host .input-field{width:100%;padding-left:47px;box-sizing:border-box;position:relative}:host .search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);pointer-events:none}:host .loading{position:absolute;right:10px;top:8px}:host .search-list{position:absolute;left:0;top:100%;width:100%;max-height:160px;overflow-y:auto;z-index:1;color:#515253;background-color:#fff}:host .item-search{padding:8px 15px;cursor:pointer}:host .item-search:hover{background-color:#eaebed}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: EluxLoading, selector: "lib-elux-loading", inputs: ["size", "white"] }] }); }
|
|
48
|
+
}
|
|
49
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxInputSearchComponent, decorators: [{
|
|
50
|
+
type: Component,
|
|
51
|
+
args: [{ selector: 'lib-elux-input-search', standalone: true, imports: [EluxIcon, CommonModule, FormsModule, EluxLoading, EluxLoading], template: "<div class=\"input-search\" #inputsearch>\r\n <input type=\"search\" class=\"input-field\" [disabled]=\"disabled\" [placeholder]=\"placeholder\" (keyup)=\"keyUp($event)\" [value]=\"value\" />\r\n <lib-elux-loading class=\"loading\" *ngIf=\"loading\" [size]=\"32\"></lib-elux-loading>\r\n <div class=\"search-list\" *ngIf=\"isOpen\">\r\n <div *ngFor=\"let item of options\">\r\n <div class=\"item-search\" *ngIf=\"item.text.toLowerCase().includes(value.toLowerCase())\" (click)=\"selectOption(item)\">\r\n {{ item.text }}\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}@media screen and (max-width: 768px){.display{font-family:Electrolux Sans;font-size:40px;font-weight:700;line-height:46px}.heading-1{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-2{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}}:host .input-search{position:relative}:host .input-field{width:100%;padding-left:47px;box-sizing:border-box;position:relative}:host .search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);pointer-events:none}:host .loading{position:absolute;right:10px;top:8px}:host .search-list{position:absolute;left:0;top:100%;width:100%;max-height:160px;overflow-y:auto;z-index:1;color:#515253;background-color:#fff}:host .item-search{padding:8px 15px;cursor:pointer}:host .item-search:hover{background-color:#eaebed}\n"] }]
|
|
52
|
+
}], ctorParameters: () => [], propDecorators: { options: [{
|
|
53
|
+
type: Input
|
|
54
|
+
}], placeholder: [{
|
|
55
|
+
type: Input
|
|
56
|
+
}], value: [{
|
|
57
|
+
type: Input
|
|
58
|
+
}], loading: [{
|
|
59
|
+
type: Input
|
|
60
|
+
}], disabled: [{
|
|
61
|
+
type: Input
|
|
62
|
+
}], inputsearch: [{
|
|
63
|
+
type: ViewChild,
|
|
64
|
+
args: ['inputsearch']
|
|
65
|
+
}], valueSelected: [{
|
|
66
|
+
type: Output
|
|
67
|
+
}], keyUpValue: [{
|
|
68
|
+
type: Output
|
|
69
|
+
}], onClickOutside: [{
|
|
70
|
+
type: HostListener,
|
|
71
|
+
args: ['document:click', ['$event']]
|
|
72
|
+
}] } });
|
|
73
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtc2VhcmNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3VpL2xpYnJhcnkvc3JjL2xpYi9jb21wb25lbnRzL2lucHV0LXNlYXJjaC9pbnB1dC1zZWFyY2guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vdWkvbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvaW5wdXQtc2VhcmNoL2lucHV0LXNlYXJjaC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsT0FBTyxFQUFFLFNBQVMsRUFBYyxZQUFZLEVBQUUsWUFBWSxFQUFTLEtBQUssRUFBVSxNQUFNLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNILE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sU0FBUyxDQUFDO0FBQ25DLE9BQU8sRUFBRSxZQUFZLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzdDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7O0FBYzNELE1BQU0sT0FBTyx3QkFBd0I7SUFjbkM7UUFiUyxZQUFPLEdBQWMsRUFBRSxDQUFDO1FBQ3hCLGdCQUFXLEdBQVcsRUFBRSxDQUFDO1FBQ3pCLFVBQUssR0FBVyxFQUFFLENBQUM7UUFDbkIsWUFBTyxHQUFZLEtBQUssQ0FBQztRQUN6QixhQUFRLEdBQVksS0FBSyxDQUFDO1FBR3pCLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQUM1QyxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUVsRCxXQUFNLEdBQVksS0FBSyxDQUFDO1FBQ2hCLGlCQUFZLEdBQUcsSUFBSSxPQUFPLEVBQVUsQ0FBQztRQUczQyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FDcEIsWUFBWSxDQUFDLEdBQUcsQ0FBQyxDQUNsQixDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsRUFBRTtZQUNsQixJQUFJLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFLENBQUM7Z0JBQ3JCLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO2dCQUM1QixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQztZQUNyQixDQUFDO2lCQUFNLENBQUM7Z0JBQ04sSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7WUFDdEIsQ0FBQztRQUNILENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELFFBQVE7SUFFUixDQUFDO0lBRUQsWUFBWSxDQUFDLE1BQWU7UUFDMUIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDaEMsSUFBSSxDQUFDLEtBQUssR0FBRyxNQUFNLENBQUMsSUFBSSxDQUFDO1FBQ3pCLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO0lBQ3RCLENBQUM7SUFDRCxLQUFLLENBQUMsS0FBVTtRQUNkLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUM7UUFDcEMsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3JDLENBQUM7SUFHRCxjQUFjLENBQUMsS0FBaUI7UUFDOUIsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLEVBQUUsQ0FBQztZQUMzRCxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztRQUN0QixDQUFDO0lBQ0gsQ0FBQzsrR0E5Q1Usd0JBQXdCO21HQUF4Qix3QkFBd0IsK2JDcEJyQyxvbEJBV0EsMmdFREtzQixZQUFZLCtQQUFFLFdBQVcsK0JBQUUsV0FBVzs7NEZBSS9DLHdCQUF3QjtrQkFQcEMsU0FBUzsrQkFDRSx1QkFBdUIsY0FDckIsSUFBSSxXQUNQLENBQUMsUUFBUSxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsV0FBVyxFQUFFLFdBQVcsQ0FBQzt3REFLL0QsT0FBTztzQkFBZixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNvQixXQUFXO3NCQUFwQyxTQUFTO3VCQUFDLGFBQWE7Z0JBRWQsYUFBYTtzQkFBdEIsTUFBTTtnQkFDRyxVQUFVO3NCQUFuQixNQUFNO2dCQWlDUCxjQUFjO3NCQURiLFlBQVk7dUJBQUMsZ0JBQWdCLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5cclxuaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBFdmVudEVtaXR0ZXIsIEhvc3RMaXN0ZW5lciwgaW5wdXQsIElucHV0LCBPbkluaXQsIE91dHB1dCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBFbHV4SWNvbiB9IGZyb20gJy4uL2ljb24nO1xyXG5pbXBvcnQgeyBkZWJvdW5jZVRpbWUsIFN1YmplY3QgfSBmcm9tICdyeGpzJztcclxuaW1wb3J0IHsgRWx1eExvYWRpbmcgfSBmcm9tIFwiLi4vbG9hZGluZy9sb2FkaW5nLmNvbXBvbmVudFwiO1xyXG5cclxuaW50ZXJmYWNlIE9wdGlvbnMge1xyXG4gIHZhbHVlOiBzdHJpbmc7XHJcbiAgdGV4dDogc3RyaW5nO1xyXG59XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1lbHV4LWlucHV0LXNlYXJjaCcsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbRWx1eEljb24sIENvbW1vbk1vZHVsZSwgRm9ybXNNb2R1bGUsIEVsdXhMb2FkaW5nLCBFbHV4TG9hZGluZ10sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2lucHV0LXNlYXJjaC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2lucHV0LXNlYXJjaC5jb21wb25lbnQuc2NzcycsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBFbHV4SW5wdXRTZWFyY2hDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIG9wdGlvbnM6IE9wdGlvbnNbXSA9IFtdO1xyXG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSB2YWx1ZTogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgbG9hZGluZzogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQFZpZXdDaGlsZCgnaW5wdXRzZWFyY2gnKSBpbnB1dHNlYXJjaCE6IEVsZW1lbnRSZWY7XHJcblxyXG4gIEBPdXRwdXQoKSB2YWx1ZVNlbGVjdGVkID0gbmV3IEV2ZW50RW1pdHRlcjxPcHRpb25zPigpO1xyXG4gIEBPdXRwdXQoKSBrZXlVcFZhbHVlID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XHJcblxyXG4gIGlzT3BlbjogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIHByaXZhdGUga2V5VXBTdWJqZWN0ID0gbmV3IFN1YmplY3Q8c3RyaW5nPigpO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHtcclxuICAgIHRoaXMua2V5VXBTdWJqZWN0LnBpcGUoXHJcbiAgICAgIGRlYm91bmNlVGltZSg1MDApXHJcbiAgICApLnN1YnNjcmliZSh2YWx1ZSA9PiB7XHJcbiAgICAgIGlmICh2YWx1ZS5sZW5ndGggPiAyKSB7XHJcbiAgICAgICAgdGhpcy5rZXlVcFZhbHVlLmVtaXQodmFsdWUpO1xyXG4gICAgICAgIHRoaXMuaXNPcGVuID0gdHJ1ZTtcclxuICAgICAgfSBlbHNlIHtcclxuICAgICAgICB0aGlzLmlzT3BlbiA9IGZhbHNlO1xyXG4gICAgICB9XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG5cclxuICB9XHJcblxyXG4gIHNlbGVjdE9wdGlvbihvcHRpb246IE9wdGlvbnMpIHtcclxuICAgIHRoaXMudmFsdWVTZWxlY3RlZC5lbWl0KG9wdGlvbik7XHJcbiAgICB0aGlzLnZhbHVlID0gb3B0aW9uLnRleHQ7XHJcbiAgICB0aGlzLmlzT3BlbiA9IGZhbHNlO1xyXG4gIH1cclxuICBrZXlVcChldmVudDogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLnZhbHVlID0gZXZlbnQuc3JjRWxlbWVudC52YWx1ZTtcclxuICAgIHRoaXMua2V5VXBTdWJqZWN0Lm5leHQodGhpcy52YWx1ZSk7XHJcbiAgfVxyXG5cclxuICBASG9zdExpc3RlbmVyKCdkb2N1bWVudDpjbGljaycsIFsnJGV2ZW50J10pXHJcbiAgb25DbGlja091dHNpZGUoZXZlbnQ6IE1vdXNlRXZlbnQpIHtcclxuICAgIGlmICghdGhpcy5pbnB1dHNlYXJjaC5uYXRpdmVFbGVtZW50LmNvbnRhaW5zKGV2ZW50LnRhcmdldCkpIHtcclxuICAgICAgdGhpcy5pc09wZW4gPSBmYWxzZTtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImlucHV0LXNlYXJjaFwiICNpbnB1dHNlYXJjaD5cclxuICA8aW5wdXQgdHlwZT1cInNlYXJjaFwiIGNsYXNzPVwiaW5wdXQtZmllbGRcIiBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIiBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIiAoa2V5dXApPVwia2V5VXAoJGV2ZW50KVwiIFt2YWx1ZV09XCJ2YWx1ZVwiIC8+XHJcbiAgPGxpYi1lbHV4LWxvYWRpbmcgY2xhc3M9XCJsb2FkaW5nXCIgKm5nSWY9XCJsb2FkaW5nXCIgW3NpemVdPVwiMzJcIj48L2xpYi1lbHV4LWxvYWRpbmc+XHJcbiAgPGRpdiBjbGFzcz1cInNlYXJjaC1saXN0XCIgKm5nSWY9XCJpc09wZW5cIj5cclxuICAgIDxkaXYgKm5nRm9yPVwibGV0IGl0ZW0gb2Ygb3B0aW9uc1wiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiaXRlbS1zZWFyY2hcIiAqbmdJZj1cIml0ZW0udGV4dC50b0xvd2VyQ2FzZSgpLmluY2x1ZGVzKHZhbHVlLnRvTG93ZXJDYXNlKCkpXCIgKGNsaWNrKT1cInNlbGVjdE9wdGlvbihpdGVtKVwiPlxyXG4gICAgICAgIHt7IGl0ZW0udGV4dCB9fVxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export * from './input-search-modal.component';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi91aS9saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9pbnB1dC1zZWFyY2gtbW9kYWwvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxnQ0FBZ0MsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vaW5wdXQtc2VhcmNoLW1vZGFsLmNvbXBvbmVudCc7XHJcbiJdfQ==
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
3
|
+
import { EluxButton } from '../button';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export class EluxInputSearchModalComponent {
|
|
6
|
+
constructor() {
|
|
7
|
+
this.value = '';
|
|
8
|
+
this.placeholder = '';
|
|
9
|
+
this.searchClickEvent = new EventEmitter();
|
|
10
|
+
}
|
|
11
|
+
ngOnInit() { }
|
|
12
|
+
ngOnChanges(changes) { }
|
|
13
|
+
searchClick(event) {
|
|
14
|
+
this.searchClickEvent.emit(event);
|
|
15
|
+
}
|
|
16
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxInputSearchModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EluxInputSearchModalComponent, isStandalone: true, selector: "lib-elux-input-search-modal", inputs: { value: "value", placeholder: "placeholder" }, outputs: { searchClickEvent: "searchClickEvent" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"input-search\">\r\n <input\r\n type=\"text\"\r\n class=\"input-field\"\r\n [placeholder]=\"placeholder\"\r\n [value]=\"value\"\r\n disabled\r\n />\r\n <lib-elux-button [icon]=\"'Search.svg'\" type=\"basic\" (onClick)=\"searchClick($event)\"></lib-elux-button>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}@media screen and (max-width: 768px){.display{font-family:Electrolux Sans;font-size:40px;font-weight:700;line-height:46px}.heading-1{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-2{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}}:host .input-search{position:relative;display:flex}:host .input-field{width:100%;box-sizing:border-box;position:relative;margin-right:16px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: EluxButton, selector: "lib-elux-button", inputs: ["disabled", "type", "typeButton", "content", "done", "routerLink", "link", "size", "icon", "iconAlign", "externalLink", "loading", "onlyfirstLetterUpper"], outputs: ["onClick"] }] }); }
|
|
18
|
+
}
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EluxInputSearchModalComponent, decorators: [{
|
|
20
|
+
type: Component,
|
|
21
|
+
args: [{ selector: 'lib-elux-input-search-modal', standalone: true, imports: [CommonModule, EluxButton], template: "<div class=\"input-search\">\r\n <input\r\n type=\"text\"\r\n class=\"input-field\"\r\n [placeholder]=\"placeholder\"\r\n [value]=\"value\"\r\n disabled\r\n />\r\n <lib-elux-button [icon]=\"'Search.svg'\" type=\"basic\" (onClick)=\"searchClick($event)\"></lib-elux-button>\r\n</div>\r\n", styles: [".display{font-family:Electrolux Sans;font-size:48px;font-weight:700;line-height:56px}.heading-1{font-family:Electrolux Sans;font-size:34px;font-weight:700;line-height:40px}.heading-2{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}@media screen and (max-width: 768px){.display{font-family:Electrolux Sans;font-size:40px;font-weight:700;line-height:46px}.heading-1{font-family:Electrolux Sans;font-size:28px;font-weight:600;line-height:32px}.heading-2{font-family:Electrolux Sans;font-size:24px;font-weight:600;line-height:28px}.heading-3{font-family:Electrolux Sans;font-size:20px;font-weight:600;line-height:24px}.subtitle-1{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:20px}.body{font-family:Electrolux Sans;font-size:16px;font-weight:400;line-height:21px}.caption{font-family:Electrolux Sans;font-size:14px;font-weight:400;line-height:normal}.links{font-family:Electrolux Sans;font-size:16px;font-weight:600;line-height:normal;text-decoration-line:underline}}:host .input-search{position:relative;display:flex}:host .input-field{width:100%;box-sizing:border-box;position:relative;margin-right:16px}\n"] }]
|
|
22
|
+
}], ctorParameters: () => [], propDecorators: { value: [{
|
|
23
|
+
type: Input
|
|
24
|
+
}], placeholder: [{
|
|
25
|
+
type: Input
|
|
26
|
+
}], searchClickEvent: [{
|
|
27
|
+
type: Output
|
|
28
|
+
}] } });
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtc2VhcmNoLW1vZGFsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3VpL2xpYnJhcnkvc3JjL2xpYi9jb21wb25lbnRzL2lucHV0LXNlYXJjaC1tb2RhbC9pbnB1dC1zZWFyY2gtbW9kYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vdWkvbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvaW5wdXQtc2VhcmNoLW1vZGFsL2lucHV0LXNlYXJjaC1tb2RhbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFxQixNQUFNLEVBQWlCLE1BQU0sZUFBZSxDQUFDO0FBQ3pHLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxXQUFXLENBQUM7O0FBU3ZDLE1BQU0sT0FBTyw2QkFBNkI7SUFLeEM7UUFKUyxVQUFLLEdBQVcsRUFBRSxDQUFDO1FBQ25CLGdCQUFXLEdBQVcsRUFBRSxDQUFDO1FBQ3hCLHFCQUFnQixHQUFHLElBQUksWUFBWSxFQUFTLENBQUM7SUFFeEMsQ0FBQztJQUVoQixRQUFRLEtBQVUsQ0FBQztJQUVuQixXQUFXLENBQUMsT0FBc0IsSUFBUyxDQUFDO0lBRTVDLFdBQVcsQ0FBQyxLQUFZO1FBQ3RCLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDcEMsQ0FBQzsrR0FiVSw2QkFBNkI7bUdBQTdCLDZCQUE2Qix1TkNYMUMsa1RBVUEsMG9EREhZLFlBQVksK0JBQUUsVUFBVTs7NEZBSXZCLDZCQUE2QjtrQkFQekMsU0FBUzsrQkFDRSw2QkFBNkIsY0FDM0IsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLFVBQVUsQ0FBQzt3REFLMUIsS0FBSztzQkFBYixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0ksZ0JBQWdCO3NCQUF6QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkNoYW5nZXMsIE9uSW5pdCwgT3V0cHV0LCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEVsdXhCdXR0b24gfSBmcm9tICcuLi9idXR0b24nO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItZWx1eC1pbnB1dC1zZWFyY2gtbW9kYWwnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgRWx1eEJ1dHRvbl0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2lucHV0LXNlYXJjaC1tb2RhbC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2lucHV0LXNlYXJjaC1tb2RhbC5jb21wb25lbnQuc2NzcycsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBFbHV4SW5wdXRTZWFyY2hNb2RhbENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzIHtcclxuICBASW5wdXQoKSB2YWx1ZTogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgcGxhY2Vob2xkZXI6IHN0cmluZyA9ICcnO1xyXG4gIEBPdXRwdXQoKSBzZWFyY2hDbGlja0V2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcjxFdmVudD4oKTsgIFxyXG5cclxuICBjb25zdHJ1Y3RvcigpIHt9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge31cclxuXHJcbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge31cclxuXHJcbiAgc2VhcmNoQ2xpY2soZXZlbnQ6IEV2ZW50KSB7XHJcbiAgICB0aGlzLnNlYXJjaENsaWNrRXZlbnQuZW1pdChldmVudCk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJpbnB1dC1zZWFyY2hcIj5cclxuICA8aW5wdXRcclxuICAgIHR5cGU9XCJ0ZXh0XCJcclxuICAgIGNsYXNzPVwiaW5wdXQtZmllbGRcIlxyXG4gICAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcclxuICAgIFt2YWx1ZV09XCJ2YWx1ZVwiXHJcbiAgICBkaXNhYmxlZFxyXG4gIC8+XHJcbiAgPGxpYi1lbHV4LWJ1dHRvbiBbaWNvbl09XCInU2VhcmNoLnN2ZydcIiB0eXBlPVwiYmFzaWNcIiAob25DbGljayk9XCJzZWFyY2hDbGljaygkZXZlbnQpXCI+PC9saWItZWx1eC1idXR0b24+XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export * from './loading.component';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi91aS9saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9sb2FkaW5nL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMscUJBQXFCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2xvYWRpbmcuY29tcG9uZW50JztcclxuIl19
|