valtech-components 2.0.396 → 2.0.397
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/esm2022/lib/components/molecules/select-search/select-search.component.mjs +316 -254
- package/esm2022/lib/components/organisms/form/form.component.mjs +2 -18
- package/esm2022/public-api.mjs +15 -17
- package/fesm2022/valtech-components.mjs +1454 -2195
- package/fesm2022/valtech-components.mjs.map +1 -1
- package/lib/components/molecules/select-search/select-search.component.d.ts +40 -22
- package/lib/components/organisms/article/article.component.d.ts +1 -1
- package/package.json +1 -1
- package/public-api.d.ts +14 -16
- package/esm2022/lib/components/molecules/multi-select-search/multi-select-search.component.mjs +0 -405
- package/esm2022/lib/components/molecules/multi-select-simple/multi-select-simple.component.mjs +0 -406
- package/lib/components/molecules/multi-select-search/multi-select-search.component.d.ts +0 -49
- package/lib/components/molecules/multi-select-simple/multi-select-simple.component.d.ts +0 -48
package/esm2022/lib/components/molecules/multi-select-simple/multi-select-simple.component.mjs
DELETED
|
@@ -1,406 +0,0 @@
|
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
|
2
|
-
import { ChangeDetectorRef, Component, forwardRef, inject, Input, ViewChild } from '@angular/core';
|
|
3
|
-
import { NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
4
|
-
import { IonicModule } from '@ionic/angular';
|
|
5
|
-
import { LangService } from '../../../services/lang-provider/lang-provider.service';
|
|
6
|
-
import { applyDefaultValueToControl } from '../../../shared/utils/form-defaults';
|
|
7
|
-
import { replaceSpecialChars } from '../../../shared/utils/text';
|
|
8
|
-
import * as i0 from "@angular/core";
|
|
9
|
-
import * as i1 from "@angular/common";
|
|
10
|
-
import * as i2 from "@ionic/angular";
|
|
11
|
-
import * as i3 from "@angular/forms";
|
|
12
|
-
export class MultiSelectSimpleComponent {
|
|
13
|
-
constructor() {
|
|
14
|
-
this.labelProperty = 'name';
|
|
15
|
-
this.valueProperty = 'id';
|
|
16
|
-
this.placeholder = '';
|
|
17
|
-
this.langService = inject(LangService);
|
|
18
|
-
this.changeDetector = inject(ChangeDetectorRef);
|
|
19
|
-
// Classic Angular properties
|
|
20
|
-
this.isOpen = false;
|
|
21
|
-
this.searchTerm = '';
|
|
22
|
-
this.selectedValues = [];
|
|
23
|
-
this.displayValue = '';
|
|
24
|
-
this.filteredOptions = [];
|
|
25
|
-
this.searchPlaceholder = '';
|
|
26
|
-
// ControlValueAccessor
|
|
27
|
-
this.onChange = (_value) => { };
|
|
28
|
-
this.onTouched = () => { };
|
|
29
|
-
this.placeholder = this.langService.getText('_global', 'selectOptions', 'Seleccione opciones');
|
|
30
|
-
this.searchPlaceholder = this.langService.getText('_global', 'search', 'Buscar');
|
|
31
|
-
// Close dropdown when clicking outside
|
|
32
|
-
document.addEventListener('click', this.handleClickOutside.bind(this));
|
|
33
|
-
}
|
|
34
|
-
ngOnInit() {
|
|
35
|
-
this.applyDefaultValue();
|
|
36
|
-
this.initializeOptions();
|
|
37
|
-
this.syncSelectedValues();
|
|
38
|
-
this.updateDisplayValue();
|
|
39
|
-
}
|
|
40
|
-
ngOnDestroy() {
|
|
41
|
-
document.removeEventListener('click', this.handleClickOutside.bind(this));
|
|
42
|
-
}
|
|
43
|
-
ngOnChanges(changes) {
|
|
44
|
-
if (changes['props'] && this.props) {
|
|
45
|
-
this.initializeOptions();
|
|
46
|
-
this.syncSelectedValues();
|
|
47
|
-
this.updateDisplayValue();
|
|
48
|
-
this.changeDetector.detectChanges();
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
// ControlValueAccessor implementation
|
|
52
|
-
writeValue(value) {
|
|
53
|
-
const valueArray = this.parseValue(value);
|
|
54
|
-
this.selectedValues = valueArray;
|
|
55
|
-
this.updateDisplayValue();
|
|
56
|
-
}
|
|
57
|
-
registerOnChange(fn) {
|
|
58
|
-
this.onChange = fn;
|
|
59
|
-
}
|
|
60
|
-
registerOnTouched(fn) {
|
|
61
|
-
this.onTouched = fn;
|
|
62
|
-
}
|
|
63
|
-
setDisabledState(_isDisabled) {
|
|
64
|
-
// Handle disabled state if needed
|
|
65
|
-
}
|
|
66
|
-
// Component methods
|
|
67
|
-
toggleDropdown(event) {
|
|
68
|
-
event.stopPropagation();
|
|
69
|
-
this.isOpen = !this.isOpen;
|
|
70
|
-
if (this.isOpen) {
|
|
71
|
-
this.onTouched();
|
|
72
|
-
// Focus search bar when opening
|
|
73
|
-
setTimeout(() => {
|
|
74
|
-
const searchbar = this.dropdownRef?.nativeElement?.querySelector('ion-searchbar');
|
|
75
|
-
if (searchbar) {
|
|
76
|
-
searchbar.setFocus();
|
|
77
|
-
}
|
|
78
|
-
}, 100);
|
|
79
|
-
}
|
|
80
|
-
}
|
|
81
|
-
onSearch(event) {
|
|
82
|
-
this.searchTerm = event.detail.value || '';
|
|
83
|
-
this.filterOptions();
|
|
84
|
-
}
|
|
85
|
-
toggleOption(option) {
|
|
86
|
-
const value = String(option[this.valueProperty]);
|
|
87
|
-
if (this.isSelected(option)) {
|
|
88
|
-
// Remove from selection
|
|
89
|
-
this.selectedValues = this.selectedValues.filter(v => v !== value);
|
|
90
|
-
}
|
|
91
|
-
else {
|
|
92
|
-
// Add to selection
|
|
93
|
-
this.selectedValues = [...this.selectedValues, value];
|
|
94
|
-
}
|
|
95
|
-
this.updateDisplayValue();
|
|
96
|
-
this.emitValue();
|
|
97
|
-
}
|
|
98
|
-
selectAll() {
|
|
99
|
-
const allValues = this.filteredOptions.map(option => String(option[this.valueProperty]));
|
|
100
|
-
// Add only new values to avoid duplicates
|
|
101
|
-
const newValues = allValues.filter(value => !this.selectedValues.includes(value));
|
|
102
|
-
this.selectedValues = [...this.selectedValues, ...newValues];
|
|
103
|
-
this.updateDisplayValue();
|
|
104
|
-
this.emitValue();
|
|
105
|
-
}
|
|
106
|
-
clearAll() {
|
|
107
|
-
this.selectedValues = [];
|
|
108
|
-
this.updateDisplayValue();
|
|
109
|
-
this.emitValue();
|
|
110
|
-
}
|
|
111
|
-
isSelected(option) {
|
|
112
|
-
return this.selectedValues.includes(String(option[this.valueProperty]));
|
|
113
|
-
}
|
|
114
|
-
trackByFn(_index, option) {
|
|
115
|
-
return option[this.valueProperty];
|
|
116
|
-
}
|
|
117
|
-
handleClickOutside(event) {
|
|
118
|
-
if (this.isOpen &&
|
|
119
|
-
!this.mainInputRef?.nativeElement?.contains(event.target) &&
|
|
120
|
-
!this.dropdownRef?.nativeElement?.contains(event.target)) {
|
|
121
|
-
this.isOpen = false;
|
|
122
|
-
this.searchTerm = '';
|
|
123
|
-
this.initializeOptions();
|
|
124
|
-
}
|
|
125
|
-
}
|
|
126
|
-
parseValue(value) {
|
|
127
|
-
if (!value)
|
|
128
|
-
return [];
|
|
129
|
-
if (Array.isArray(value))
|
|
130
|
-
return value.map(v => String(v));
|
|
131
|
-
if (typeof value === 'string') {
|
|
132
|
-
return value.split(',').map(v => v.trim()).filter(v => v !== '');
|
|
133
|
-
}
|
|
134
|
-
return [String(value)];
|
|
135
|
-
}
|
|
136
|
-
emitValue() {
|
|
137
|
-
const value = this.selectedValues.join(',');
|
|
138
|
-
this.onChange(value);
|
|
139
|
-
if (this.props?.control) {
|
|
140
|
-
this.props.control.setValue(value);
|
|
141
|
-
this.props.control.markAsDirty();
|
|
142
|
-
this.props.control.markAsTouched();
|
|
143
|
-
}
|
|
144
|
-
}
|
|
145
|
-
getOptionByValue(value) {
|
|
146
|
-
return this.filteredOptions.find(option => String(option[this.valueProperty]) === String(value));
|
|
147
|
-
}
|
|
148
|
-
applyDefaultValue() {
|
|
149
|
-
if (this.props) {
|
|
150
|
-
applyDefaultValueToControl(this.props);
|
|
151
|
-
}
|
|
152
|
-
}
|
|
153
|
-
initializeOptions() {
|
|
154
|
-
this.filteredOptions = this.props?.options || [];
|
|
155
|
-
}
|
|
156
|
-
filterOptions() {
|
|
157
|
-
if (!this.searchTerm) {
|
|
158
|
-
this.initializeOptions();
|
|
159
|
-
return;
|
|
160
|
-
}
|
|
161
|
-
const search = replaceSpecialChars(this.searchTerm.toLowerCase());
|
|
162
|
-
this.filteredOptions = (this.props?.options || []).filter(option => {
|
|
163
|
-
const label = option[this.labelProperty]
|
|
164
|
-
? replaceSpecialChars(String(option[this.labelProperty]).toLowerCase())
|
|
165
|
-
: '';
|
|
166
|
-
const value = option[this.valueProperty]
|
|
167
|
-
? replaceSpecialChars(String(option[this.valueProperty]).toLowerCase())
|
|
168
|
-
: '';
|
|
169
|
-
return label.includes(search) || value.includes(search);
|
|
170
|
-
});
|
|
171
|
-
}
|
|
172
|
-
updateDisplayValue() {
|
|
173
|
-
if (this.selectedValues.length === 0) {
|
|
174
|
-
this.displayValue = '';
|
|
175
|
-
return;
|
|
176
|
-
}
|
|
177
|
-
if (this.selectedValues.length === 1) {
|
|
178
|
-
const option = this.getOptionByValue(this.selectedValues[0]);
|
|
179
|
-
this.displayValue = option ? option[this.labelProperty] : '';
|
|
180
|
-
}
|
|
181
|
-
else {
|
|
182
|
-
this.displayValue = `${this.selectedValues.length} elementos seleccionados`;
|
|
183
|
-
}
|
|
184
|
-
}
|
|
185
|
-
syncSelectedValues() {
|
|
186
|
-
if (this.props?.control?.value) {
|
|
187
|
-
const valueArray = this.parseValue(this.props.control.value);
|
|
188
|
-
this.selectedValues = valueArray;
|
|
189
|
-
}
|
|
190
|
-
}
|
|
191
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MultiSelectSimpleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
192
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MultiSelectSimpleComponent, isStandalone: true, selector: "val-multi-select-simple", inputs: { props: "props", labelProperty: "labelProperty", valueProperty: "valueProperty", placeholder: "placeholder" }, providers: [
|
|
193
|
-
{
|
|
194
|
-
provide: NG_VALUE_ACCESSOR,
|
|
195
|
-
useExisting: forwardRef(() => MultiSelectSimpleComponent),
|
|
196
|
-
multi: true
|
|
197
|
-
}
|
|
198
|
-
], viewQueries: [{ propertyName: "dropdownRef", first: true, predicate: ["dropdown"], descendants: true }, { propertyName: "mainInputRef", first: true, predicate: ["mainInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
|
|
199
|
-
<div class="multi-select-container" (click)="toggleDropdown($event)">
|
|
200
|
-
<!-- Main input display -->
|
|
201
|
-
<ion-input
|
|
202
|
-
#mainInput
|
|
203
|
-
type="text"
|
|
204
|
-
[value]="displayValue"
|
|
205
|
-
[placeholder]="props?.placeholder || placeholder"
|
|
206
|
-
readonly
|
|
207
|
-
class="main-input"
|
|
208
|
-
[class.is-open]="isOpen"
|
|
209
|
-
/>
|
|
210
|
-
|
|
211
|
-
<!-- Dropdown icon -->
|
|
212
|
-
<ion-icon
|
|
213
|
-
name="chevron-down-outline"
|
|
214
|
-
class="dropdown-icon"
|
|
215
|
-
[class.rotated]="isOpen"
|
|
216
|
-
></ion-icon>
|
|
217
|
-
|
|
218
|
-
<!-- Hidden input for form control -->
|
|
219
|
-
<ion-input
|
|
220
|
-
style="position: absolute; opacity: 0; pointer-events: none;"
|
|
221
|
-
[formControl]="props?.control"
|
|
222
|
-
type="hidden"
|
|
223
|
-
/>
|
|
224
|
-
</div>
|
|
225
|
-
|
|
226
|
-
<!-- Dropdown overlay -->
|
|
227
|
-
<div
|
|
228
|
-
class="dropdown-overlay"
|
|
229
|
-
[class.visible]="isOpen"
|
|
230
|
-
#dropdown
|
|
231
|
-
>
|
|
232
|
-
<!-- Search bar -->
|
|
233
|
-
<div class="search-container">
|
|
234
|
-
<ion-searchbar
|
|
235
|
-
#searchbar
|
|
236
|
-
[placeholder]="searchPlaceholder"
|
|
237
|
-
(ionInput)="onSearch($event)"
|
|
238
|
-
[value]="searchTerm"
|
|
239
|
-
show-clear-button="focus"
|
|
240
|
-
></ion-searchbar>
|
|
241
|
-
</div>
|
|
242
|
-
|
|
243
|
-
<!-- Action buttons -->
|
|
244
|
-
<div class="actions-container">
|
|
245
|
-
<ion-button
|
|
246
|
-
fill="clear"
|
|
247
|
-
size="small"
|
|
248
|
-
(click)="selectAll()"
|
|
249
|
-
[disabled]="filteredOptions.length === 0"
|
|
250
|
-
>
|
|
251
|
-
Seleccionar todos
|
|
252
|
-
</ion-button>
|
|
253
|
-
<ion-button
|
|
254
|
-
fill="clear"
|
|
255
|
-
size="small"
|
|
256
|
-
color="medium"
|
|
257
|
-
(click)="clearAll()"
|
|
258
|
-
[disabled]="selectedValues.length === 0"
|
|
259
|
-
>
|
|
260
|
-
Limpiar
|
|
261
|
-
</ion-button>
|
|
262
|
-
</div>
|
|
263
|
-
|
|
264
|
-
<!-- Options list -->
|
|
265
|
-
<div class="options-container">
|
|
266
|
-
<ion-list class="options-list">
|
|
267
|
-
<ion-item
|
|
268
|
-
*ngFor="let option of filteredOptions; trackBy: trackByFn"
|
|
269
|
-
button
|
|
270
|
-
(click)="toggleOption(option)"
|
|
271
|
-
class="option-item"
|
|
272
|
-
>
|
|
273
|
-
<ion-checkbox
|
|
274
|
-
slot="start"
|
|
275
|
-
[checked]="isSelected(option)"
|
|
276
|
-
></ion-checkbox>
|
|
277
|
-
<ion-label>{{ option[labelProperty] }}</ion-label>
|
|
278
|
-
</ion-item>
|
|
279
|
-
|
|
280
|
-
<!-- No results message -->
|
|
281
|
-
<ion-item *ngIf="filteredOptions.length === 0" class="no-results">
|
|
282
|
-
<ion-label color="medium">
|
|
283
|
-
{{ searchTerm ? 'No se encontraron resultados' : 'No hay opciones disponibles' }}
|
|
284
|
-
</ion-label>
|
|
285
|
-
</ion-item>
|
|
286
|
-
</ion-list>
|
|
287
|
-
</div>
|
|
288
|
-
</div>
|
|
289
|
-
`, isInline: true, styles: [":host{display:block;position:relative;width:100%}.multi-select-container{position:relative;display:flex;align-items:center;cursor:pointer}.multi-select-container .main-input{flex:1;cursor:pointer}.multi-select-container .main-input.is-open{--border-color: var(--ion-color-primary)}.multi-select-container .dropdown-icon{position:absolute;right:12px;font-size:16px;color:var(--ion-color-medium);transition:transform .2s ease;pointer-events:none;z-index:2}.multi-select-container .dropdown-icon.rotated{transform:rotate(180deg)}.dropdown-overlay{position:absolute;top:100%;left:0;right:0;background:var(--ion-background-color);border:1px solid var(--ion-color-light);border-radius:8px;box-shadow:0 4px 16px #0000001a;z-index:1000;max-height:400px;opacity:0;transform:translateY(-8px);pointer-events:none;transition:all .2s ease}.dropdown-overlay.visible{opacity:1;transform:translateY(4px);pointer-events:all}.search-container{padding:12px;border-bottom:1px solid var(--ion-color-light)}.search-container ion-searchbar{--background: var(--ion-color-light);--border-radius: 8px;--box-shadow: none;--padding-start: 12px;--padding-end: 12px;height:40px}.actions-container{display:flex;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--ion-color-light)}.actions-container ion-button{--padding-start: 8px;--padding-end: 8px;height:32px;font-size:14px}.options-container{max-height:240px;overflow-y:auto}.options-container .options-list{padding:0}.options-container .option-item{--padding-start: 16px;--padding-end: 16px;--min-height: 48px;cursor:pointer}.options-container .option-item:hover{--background: var(--ion-color-light)}.options-container .option-item ion-checkbox{--size: 20px;margin-right:12px}.options-container .option-item ion-label{font-size:16px;line-height:1.4}.options-container .no-results{--padding-start: 16px;--padding-end: 16px;--min-height: 48px;text-align:center}.options-container .no-results ion-label{font-style:italic;font-size:14px}@media (max-width: 768px){.dropdown-overlay{max-height:300px}.options-container{max-height:200px}.actions-container ion-button{font-size:12px;--padding-start: 6px;--padding-end: 6px}}@media (prefers-color-scheme: dark){.dropdown-overlay{box-shadow:0 4px 16px #0000004d}}.option-item:focus-within{--background: var(--ion-color-primary-tint);outline:2px solid var(--ion-color-primary);outline-offset:-2px}.option-item{transition:background-color .15s ease}.dropdown-icon{transition:transform .2s cubic-bezier(.4,0,.2,1)}\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: IonicModule }, { kind: "component", type: i2.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i2.IonCheckbox, selector: "ion-checkbox", inputs: ["alignment", "checked", "color", "disabled", "indeterminate", "justify", "labelPlacement", "mode", "name", "value"] }, { kind: "component", type: i2.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i2.IonInput, selector: "ion-input", inputs: ["autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "counter", "counterFormatter", "debounce", "disabled", "enterkeyhint", "errorText", "fill", "helperText", "inputmode", "label", "labelPlacement", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "shape", "spellcheck", "step", "type", "value"] }, { kind: "component", type: i2.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i2.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i2.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i2.IonSearchbar, selector: "ion-searchbar", inputs: ["animated", "autocapitalize", "autocomplete", "autocorrect", "cancelButtonIcon", "cancelButtonText", "clearIcon", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "maxlength", "minlength", "mode", "name", "placeholder", "searchIcon", "showCancelButton", "showClearButton", "spellcheck", "type", "value"] }, { kind: "directive", type: i2.BooleanValueAccessor, selector: "ion-checkbox,ion-toggle" }, { kind: "directive", type: i2.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
|
|
290
|
-
}
|
|
291
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MultiSelectSimpleComponent, decorators: [{
|
|
292
|
-
type: Component,
|
|
293
|
-
args: [{ selector: 'val-multi-select-simple', standalone: true, imports: [CommonModule, IonicModule, FormsModule, ReactiveFormsModule], providers: [
|
|
294
|
-
{
|
|
295
|
-
provide: NG_VALUE_ACCESSOR,
|
|
296
|
-
useExisting: forwardRef(() => MultiSelectSimpleComponent),
|
|
297
|
-
multi: true
|
|
298
|
-
}
|
|
299
|
-
], template: `
|
|
300
|
-
<div class="multi-select-container" (click)="toggleDropdown($event)">
|
|
301
|
-
<!-- Main input display -->
|
|
302
|
-
<ion-input
|
|
303
|
-
#mainInput
|
|
304
|
-
type="text"
|
|
305
|
-
[value]="displayValue"
|
|
306
|
-
[placeholder]="props?.placeholder || placeholder"
|
|
307
|
-
readonly
|
|
308
|
-
class="main-input"
|
|
309
|
-
[class.is-open]="isOpen"
|
|
310
|
-
/>
|
|
311
|
-
|
|
312
|
-
<!-- Dropdown icon -->
|
|
313
|
-
<ion-icon
|
|
314
|
-
name="chevron-down-outline"
|
|
315
|
-
class="dropdown-icon"
|
|
316
|
-
[class.rotated]="isOpen"
|
|
317
|
-
></ion-icon>
|
|
318
|
-
|
|
319
|
-
<!-- Hidden input for form control -->
|
|
320
|
-
<ion-input
|
|
321
|
-
style="position: absolute; opacity: 0; pointer-events: none;"
|
|
322
|
-
[formControl]="props?.control"
|
|
323
|
-
type="hidden"
|
|
324
|
-
/>
|
|
325
|
-
</div>
|
|
326
|
-
|
|
327
|
-
<!-- Dropdown overlay -->
|
|
328
|
-
<div
|
|
329
|
-
class="dropdown-overlay"
|
|
330
|
-
[class.visible]="isOpen"
|
|
331
|
-
#dropdown
|
|
332
|
-
>
|
|
333
|
-
<!-- Search bar -->
|
|
334
|
-
<div class="search-container">
|
|
335
|
-
<ion-searchbar
|
|
336
|
-
#searchbar
|
|
337
|
-
[placeholder]="searchPlaceholder"
|
|
338
|
-
(ionInput)="onSearch($event)"
|
|
339
|
-
[value]="searchTerm"
|
|
340
|
-
show-clear-button="focus"
|
|
341
|
-
></ion-searchbar>
|
|
342
|
-
</div>
|
|
343
|
-
|
|
344
|
-
<!-- Action buttons -->
|
|
345
|
-
<div class="actions-container">
|
|
346
|
-
<ion-button
|
|
347
|
-
fill="clear"
|
|
348
|
-
size="small"
|
|
349
|
-
(click)="selectAll()"
|
|
350
|
-
[disabled]="filteredOptions.length === 0"
|
|
351
|
-
>
|
|
352
|
-
Seleccionar todos
|
|
353
|
-
</ion-button>
|
|
354
|
-
<ion-button
|
|
355
|
-
fill="clear"
|
|
356
|
-
size="small"
|
|
357
|
-
color="medium"
|
|
358
|
-
(click)="clearAll()"
|
|
359
|
-
[disabled]="selectedValues.length === 0"
|
|
360
|
-
>
|
|
361
|
-
Limpiar
|
|
362
|
-
</ion-button>
|
|
363
|
-
</div>
|
|
364
|
-
|
|
365
|
-
<!-- Options list -->
|
|
366
|
-
<div class="options-container">
|
|
367
|
-
<ion-list class="options-list">
|
|
368
|
-
<ion-item
|
|
369
|
-
*ngFor="let option of filteredOptions; trackBy: trackByFn"
|
|
370
|
-
button
|
|
371
|
-
(click)="toggleOption(option)"
|
|
372
|
-
class="option-item"
|
|
373
|
-
>
|
|
374
|
-
<ion-checkbox
|
|
375
|
-
slot="start"
|
|
376
|
-
[checked]="isSelected(option)"
|
|
377
|
-
></ion-checkbox>
|
|
378
|
-
<ion-label>{{ option[labelProperty] }}</ion-label>
|
|
379
|
-
</ion-item>
|
|
380
|
-
|
|
381
|
-
<!-- No results message -->
|
|
382
|
-
<ion-item *ngIf="filteredOptions.length === 0" class="no-results">
|
|
383
|
-
<ion-label color="medium">
|
|
384
|
-
{{ searchTerm ? 'No se encontraron resultados' : 'No hay opciones disponibles' }}
|
|
385
|
-
</ion-label>
|
|
386
|
-
</ion-item>
|
|
387
|
-
</ion-list>
|
|
388
|
-
</div>
|
|
389
|
-
</div>
|
|
390
|
-
`, styles: [":host{display:block;position:relative;width:100%}.multi-select-container{position:relative;display:flex;align-items:center;cursor:pointer}.multi-select-container .main-input{flex:1;cursor:pointer}.multi-select-container .main-input.is-open{--border-color: var(--ion-color-primary)}.multi-select-container .dropdown-icon{position:absolute;right:12px;font-size:16px;color:var(--ion-color-medium);transition:transform .2s ease;pointer-events:none;z-index:2}.multi-select-container .dropdown-icon.rotated{transform:rotate(180deg)}.dropdown-overlay{position:absolute;top:100%;left:0;right:0;background:var(--ion-background-color);border:1px solid var(--ion-color-light);border-radius:8px;box-shadow:0 4px 16px #0000001a;z-index:1000;max-height:400px;opacity:0;transform:translateY(-8px);pointer-events:none;transition:all .2s ease}.dropdown-overlay.visible{opacity:1;transform:translateY(4px);pointer-events:all}.search-container{padding:12px;border-bottom:1px solid var(--ion-color-light)}.search-container ion-searchbar{--background: var(--ion-color-light);--border-radius: 8px;--box-shadow: none;--padding-start: 12px;--padding-end: 12px;height:40px}.actions-container{display:flex;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--ion-color-light)}.actions-container ion-button{--padding-start: 8px;--padding-end: 8px;height:32px;font-size:14px}.options-container{max-height:240px;overflow-y:auto}.options-container .options-list{padding:0}.options-container .option-item{--padding-start: 16px;--padding-end: 16px;--min-height: 48px;cursor:pointer}.options-container .option-item:hover{--background: var(--ion-color-light)}.options-container .option-item ion-checkbox{--size: 20px;margin-right:12px}.options-container .option-item ion-label{font-size:16px;line-height:1.4}.options-container .no-results{--padding-start: 16px;--padding-end: 16px;--min-height: 48px;text-align:center}.options-container .no-results ion-label{font-style:italic;font-size:14px}@media (max-width: 768px){.dropdown-overlay{max-height:300px}.options-container{max-height:200px}.actions-container ion-button{font-size:12px;--padding-start: 6px;--padding-end: 6px}}@media (prefers-color-scheme: dark){.dropdown-overlay{box-shadow:0 4px 16px #0000004d}}.option-item:focus-within{--background: var(--ion-color-primary-tint);outline:2px solid var(--ion-color-primary);outline-offset:-2px}.option-item{transition:background-color .15s ease}.dropdown-icon{transition:transform .2s cubic-bezier(.4,0,.2,1)}\n"] }]
|
|
391
|
-
}], ctorParameters: () => [], propDecorators: { dropdownRef: [{
|
|
392
|
-
type: ViewChild,
|
|
393
|
-
args: ['dropdown']
|
|
394
|
-
}], mainInputRef: [{
|
|
395
|
-
type: ViewChild,
|
|
396
|
-
args: ['mainInput']
|
|
397
|
-
}], props: [{
|
|
398
|
-
type: Input
|
|
399
|
-
}], labelProperty: [{
|
|
400
|
-
type: Input
|
|
401
|
-
}], valueProperty: [{
|
|
402
|
-
type: Input
|
|
403
|
-
}], placeholder: [{
|
|
404
|
-
type: Input
|
|
405
|
-
}] } });
|
|
406
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXVsdGktc2VsZWN0LXNpbXBsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92YWx0ZWNoLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL21vbGVjdWxlcy9tdWx0aS1zZWxlY3Qtc2ltcGxlL211bHRpLXNlbGVjdC1zaW1wbGUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQ0wsaUJBQWlCLEVBQ2pCLFNBQVMsRUFFVCxVQUFVLEVBQ1YsTUFBTSxFQUNOLEtBQUssRUFLTCxTQUFTLEVBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUMzRyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHVEQUF1RCxDQUFDO0FBQ3BGLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ2pGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDRCQUE0QixDQUFDOzs7OztBQTRHakUsTUFBTSxPQUFPLDBCQUEwQjtJQXdCckM7UUFuQlMsa0JBQWEsR0FBVyxNQUFNLENBQUM7UUFDL0Isa0JBQWEsR0FBVyxJQUFJLENBQUM7UUFDN0IsZ0JBQVcsR0FBVyxFQUFFLENBQUM7UUFFMUIsZ0JBQVcsR0FBRyxNQUFNLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDbEMsbUJBQWMsR0FBRyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQztRQUVuRCw2QkFBNkI7UUFDN0IsV0FBTSxHQUFHLEtBQUssQ0FBQztRQUNmLGVBQVUsR0FBRyxFQUFFLENBQUM7UUFDaEIsbUJBQWMsR0FB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LHNJQUFFLG1CQUFtQjs7NEZBc0cxRCwwQkFBMEI7a0JBekd0QyxTQUFTOytCQUNFLHlCQUF5QixjQUN2QixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsV0FBVyxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsQ0FBQyxhQUMzRDt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSwyQkFBMkIsQ0FBQzs0QkFDekQsS0FBSyxFQUFFLElBQUk7eUJBQ1o7cUJBQ0YsWUFDUzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTJGVDt3REFJc0IsV0FBVztzQkFBakMsU0FBUzt1QkFBQyxVQUFVO2dCQUNHLFlBQVk7c0JBQW5DLFNBQVM7dUJBQUMsV0FBVztnQkFFYixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgZm9yd2FyZFJlZixcbiAgaW5qZWN0LFxuICBJbnB1dCxcbiAgT25Jbml0LFxuICBPbkRlc3Ryb3ksXG4gIE9uQ2hhbmdlcyxcbiAgU2ltcGxlQ2hhbmdlcyxcbiAgVmlld0NoaWxkXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SLCBGb3Jtc01vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IElvbmljTW9kdWxlIH0gZnJvbSAnQGlvbmljL2FuZ3VsYXInO1xuaW1wb3J0IHsgTGFuZ1NlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9zZXJ2aWNlcy9sYW5nLXByb3ZpZGVyL2xhbmctcHJvdmlkZXIuc2VydmljZSc7XG5pbXBvcnQgeyBhcHBseURlZmF1bHRWYWx1ZVRvQ29udHJvbCB9IGZyb20gJy4uLy4uLy4uL3NoYXJlZC91dGlscy9mb3JtLWRlZmF1bHRzJztcbmltcG9ydCB7IHJlcGxhY2VTcGVjaWFsQ2hhcnMgfSBmcm9tICcuLi8uLi8uLi9zaGFyZWQvdXRpbHMvdGV4dCc7XG5pbXBvcnQgeyBJbnB1dE1ldGFkYXRhLCBJbnB1dE9wdGlvbiB9IGZyb20gJy4uLy4uL3R5cGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndmFsLW11bHRpLXNlbGVjdC1zaW1wbGUnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBJb25pY01vZHVsZSwgRm9ybXNNb2R1bGUsIFJlYWN0aXZlRm9ybXNNb2R1bGVdLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IE11bHRpU2VsZWN0U2ltcGxlQ29tcG9uZW50KSxcbiAgICAgIG11bHRpOiB0cnVlXG4gICAgfVxuICBdLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJtdWx0aS1zZWxlY3QtY29udGFpbmVyXCIgKGNsaWNrKT1cInRvZ2dsZURyb3Bkb3duKCRldmVudClcIj5cbiAgICAgIDwhLS0gTWFpbiBpbnB1dCBkaXNwbGF5IC0tPlxuICAgICAgPGlvbi1pbnB1dFxuICAgICAgICAjbWFpbklucHV0XG4gICAgICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAgICAgW3ZhbHVlXT1cImRpc3BsYXlWYWx1ZVwiXG4gICAgICAgIFtwbGFjZWhvbGRlcl09XCJwcm9wcz8ucGxhY2Vob2xkZXIgfHwgcGxhY2Vob2xkZXJcIlxuICAgICAgICByZWFkb25seVxuICAgICAgICBjbGFzcz1cIm1haW4taW5wdXRcIlxuICAgICAgICBbY2xhc3MuaXMtb3Blbl09XCJpc09wZW5cIlxuICAgICAgLz5cbiAgICAgIFxuICAgICAgPCEtLSBEcm9wZG93biBpY29uIC0tPlxuICAgICAgPGlvbi1pY29uIFxuICAgICAgICBuYW1lPVwiY2hldnJvbi1kb3duLW91dGxpbmVcIiBcbiAgICAgICAgY2xhc3M9XCJkcm9wZG93bi1pY29uXCIgXG4gICAgICAgIFtjbGFzcy5yb3RhdGVkXT1cImlzT3BlblwiXG4gICAgICA+PC9pb24taWNvbj5cbiAgICAgIFxuICAgICAgPCEtLSBIaWRkZW4gaW5wdXQgZm9yIGZvcm0gY29udHJvbCAtLT5cbiAgICAgIDxpb24taW5wdXQgXG4gICAgICAgIHN0eWxlPVwicG9zaXRpb246IGFic29sdXRlOyBvcGFjaXR5OiAwOyBwb2ludGVyLWV2ZW50czogbm9uZTtcIiBcbiAgICAgICAgW2Zvcm1Db250cm9sXT1cInByb3BzPy5jb250cm9sXCIgXG4gICAgICAgIHR5cGU9XCJoaWRkZW5cIlxuICAgICAgLz5cbiAgICA8L2Rpdj5cblxuICAgIDwhLS0gRHJvcGRvd24gb3ZlcmxheSAtLT5cbiAgICA8ZGl2IFxuICAgICAgY2xhc3M9XCJkcm9wZG93bi1vdmVybGF5XCIgXG4gICAgICBbY2xhc3MudmlzaWJsZV09XCJpc09wZW5cIlxuICAgICAgI2Ryb3Bkb3duXG4gICAgPlxuICAgICAgPCEtLSBTZWFyY2ggYmFyIC0tPlxuICAgICAgPGRpdiBjbGFzcz1cInNlYXJjaC1jb250YWluZXJcIj5cbiAgICAgICAgPGlvbi1zZWFyY2hiYXJcbiAgICAgICAgICAjc2VhcmNoYmFyXG4gICAgICAgICAgW3BsYWNlaG9sZGVyXT1cInNlYXJjaFBsYWNlaG9sZGVyXCJcbiAgICAgICAgICAoaW9uSW5wdXQpPVwib25TZWFyY2goJGV2ZW50KVwiXG4gICAgICAgICAgW3ZhbHVlXT1cInNlYXJjaFRlcm1cIlxuICAgICAgICAgIHNob3ctY2xlYXItYnV0dG9uPVwiZm9jdXNcIlxuICAgICAgICA+PC9pb24tc2VhcmNoYmFyPlxuICAgICAgPC9kaXY+XG4gICAgICBcbiAgICAgIDwhLS0gQWN0aW9uIGJ1dHRvbnMgLS0+XG4gICAgICA8ZGl2IGNsYXNzPVwiYWN0aW9ucy1jb250YWluZXJcIj5cbiAgICAgICAgPGlvbi1idXR0b24gXG4gICAgICAgICAgZmlsbD1cImNsZWFyXCIgXG4gICAgICAgICAgc2l6ZT1cInNtYWxsXCIgXG4gICAgICAgICAgKGNsaWNrKT1cInNlbGVjdEFsbCgpXCJcbiAgICAgICAgICBbZGlzYWJsZWRdPVwiZmlsdGVyZWRPcHRpb25zLmxlbmd0aCA9PT0gMFwiXG4gICAgICAgID5cbiAgICAgICAgICBTZWxlY2Npb25hciB0b2Rvc1xuICAgICAgICA8L2lvbi1idXR0b24+XG4gICAgICAgIDxpb24tYnV0dG9uIFxuICAgICAgICAgIGZpbGw9XCJjbGVhclwiIFxuICAgICAgICAgIHNpemU9XCJzbWFsbFwiIFxuICAgICAgICAgIGNvbG9yPVwibWVkaXVtXCIgXG4gICAgICAgICAgKGNsaWNrKT1cImNsZWFyQWxsKClcIlxuICAgICAgICAgIFtkaXNhYmxlZF09XCJzZWxlY3RlZFZhbHVlcy5sZW5ndGggPT09IDBcIlxuICAgICAgICA+XG4gICAgICAgICAgTGltcGlhclxuICAgICAgICA8L2lvbi1idXR0b24+XG4gICAgICA8L2Rpdj5cbiAgICAgIFxuICAgICAgPCEtLSBPcHRpb25zIGxpc3QgLS0+XG4gICAgICA8ZGl2IGNsYXNzPVwib3B0aW9ucy1jb250YWluZXJcIj5cbiAgICAgICAgPGlvbi1saXN0IGNsYXNzPVwib3B0aW9ucy1saXN0XCI+XG4gICAgICAgICAgPGlvbi1pdGVtIFxuICAgICAgICAgICAgKm5nRm9yPVwibGV0IG9wdGlvbiBvZiBmaWx0ZXJlZE9wdGlvbnM7IHRyYWNrQnk6IHRyYWNrQnlGblwiIFxuICAgICAgICAgICAgYnV0dG9uIFxuICAgICAgICAgICAgKGNsaWNrKT1cInRvZ2dsZU9wdGlvbihvcHRpb24pXCJcbiAgICAgICAgICAgIGNsYXNzPVwib3B0aW9uLWl0ZW1cIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxpb24tY2hlY2tib3hcbiAgICAgICAgICAgICAgc2xvdD1cInN0YXJ0XCJcbiAgICAgICAgICAgICAgW2NoZWNrZWRdPVwiaXNTZWxlY3RlZChvcHRpb24pXCJcbiAgICAgICAgICAgID48L2lvbi1jaGVja2JveD5cbiAgICAgICAgICAgIDxpb24tbGFiZWw+e3sgb3B0aW9uW2xhYmVsUHJvcGVydHldIH19PC9pb24tbGFiZWw+XG4gICAgICAgICAgPC9pb24taXRlbT5cbiAgICAgICAgICBcbiAgICAgICAgICA8IS0tIE5vIHJlc3VsdHMgbWVzc2FnZSAtLT5cbiAgICAgICAgICA8aW9uLWl0ZW0gKm5nSWY9XCJmaWx0ZXJlZE9wdGlvbnMubGVuZ3RoID09PSAwXCIgY2xhc3M9XCJuby1yZXN1bHRzXCI+XG4gICAgICAgICAgICA8aW9uLWxhYmVsIGNvbG9yPVwibWVkaXVtXCI+XG4gICAgICAgICAgICAgIHt7IHNlYXJjaFRlcm0gPyAnTm8gc2UgZW5jb250cmFyb24gcmVzdWx0YWRvcycgOiAnTm8gaGF5IG9wY2lvbmVzIGRpc3BvbmlibGVzJyB9fVxuICAgICAgICAgICAgPC9pb24tbGFiZWw+XG4gICAgICAgICAgPC9pb24taXRlbT5cbiAgICAgICAgPC9pb24tbGlzdD5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi9tdWx0aS1zZWxlY3Qtc2ltcGxlLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgTXVsdGlTZWxlY3RTaW1wbGVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSwgT25DaGFuZ2VzLCBDb250cm9sVmFsdWVBY2Nlc3NvciB7XG4gIEBWaWV3Q2hpbGQoJ2Ryb3Bkb3duJykgZHJvcGRvd25SZWYhOiBFbGVtZW50UmVmO1xuICBAVmlld0NoaWxkKCdtYWluSW5wdXQnKSBtYWluSW5wdXRSZWYhOiBFbGVtZW50UmVmO1xuXG4gIEBJbnB1dCgpIHByb3BzITogSW5wdXRNZXRhZGF0YTtcbiAgQElucHV0KCkgbGFiZWxQcm9wZXJ0eTogc3RyaW5nID0gJ25hbWUnO1xuICBASW5wdXQoKSB2YWx1ZVByb3BlcnR5OiBzdHJpbmcgPSAnaWQnO1xuICBASW5wdXQoKSBwbGFjZWhvbGRlcjogc3RyaW5nID0gJyc7XG5cbiAgcHJpdmF0ZSBsYW5nU2VydmljZSA9IGluamVjdChMYW5nU2VydmljZSk7XG4gIHByaXZhdGUgY2hhbmdlRGV0ZWN0b3IgPSBpbmplY3QoQ2hhbmdlRGV0ZWN0b3JSZWYpO1xuICBcbiAgLy8gQ2xhc3NpYyBBbmd1bGFyIHByb3BlcnRpZXNcbiAgaXNPcGVuID0gZmFsc2U7XG4gIHNlYXJjaFRlcm0gPSAnJztcbiAgc2VsZWN0ZWRWYWx1ZXM6IHN0cmluZ1tdID0gW107XG4gIGRpc3BsYXlWYWx1ZSA9ICcnO1xuICBmaWx0ZXJlZE9wdGlvbnM6IElucHV0T3B0aW9uW10gPSBbXTtcbiAgc2VhcmNoUGxhY2Vob2xkZXI6IHN0cmluZyA9ICcnO1xuXG4gIC8vIENvbnRyb2xWYWx1ZUFjY2Vzc29yXG4gIHByaXZhdGUgb25DaGFuZ2UgPSAoX3ZhbHVlOiBhbnkpID0+IHt9O1xuICBwcml2YXRlIG9uVG91Y2hlZCA9ICgpID0+IHt9O1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHRoaXMucGxhY2Vob2xkZXIgPSB0aGlzLmxhbmdTZXJ2aWNlLmdldFRleHQoJ19nbG9iYWwnLCAnc2VsZWN0T3B0aW9ucycsICdTZWxlY2Npb25lIG9wY2lvbmVzJyk7XG4gICAgdGhpcy5zZWFyY2hQbGFjZWhvbGRlciA9IHRoaXMubGFuZ1NlcnZpY2UuZ2V0VGV4dCgnX2dsb2JhbCcsICdzZWFyY2gnLCAnQnVzY2FyJyk7XG4gICAgXG4gICAgLy8gQ2xvc2UgZHJvcGRvd24gd2hlbiBjbGlja2luZyBvdXRzaWRlXG4gICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcignY2xpY2snLCB0aGlzLmhhbmRsZUNsaWNrT3V0c2lkZS5iaW5kKHRoaXMpKTtcbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuYXBwbHlEZWZhdWx0VmFsdWUoKTtcbiAgICB0aGlzLmluaXRpYWxpemVPcHRpb25zKCk7XG4gICAgdGhpcy5zeW5jU2VsZWN0ZWRWYWx1ZXMoKTtcbiAgICB0aGlzLnVwZGF0ZURpc3BsYXlWYWx1ZSgpO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcignY2xpY2snLCB0aGlzLmhhbmRsZUNsaWNrT3V0c2lkZS5iaW5kKHRoaXMpKTtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICBpZiAoY2hhbmdlc1sncHJvcHMnXSAmJiB0aGlzLnByb3BzKSB7XG4gICAgICB0aGlzLmluaXRpYWxpemVPcHRpb25zKCk7XG4gICAgICB0aGlzLnN5bmNTZWxlY3RlZFZhbHVlcygpO1xuICAgICAgdGhpcy51cGRhdGVEaXNwbGF5VmFsdWUoKTtcbiAgICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3IuZGV0ZWN0Q2hhbmdlcygpO1xuICAgIH1cbiAgfVxuXG4gIC8vIENvbnRyb2xWYWx1ZUFjY2Vzc29yIGltcGxlbWVudGF0aW9uXG4gIHdyaXRlVmFsdWUodmFsdWU6IGFueSk6IHZvaWQge1xuICAgIGNvbnN0IHZhbHVlQXJyYXkgPSB0aGlzLnBhcnNlVmFsdWUodmFsdWUpO1xuICAgIHRoaXMuc2VsZWN0ZWRWYWx1ZXMgPSB2YWx1ZUFycmF5O1xuICAgIHRoaXMudXBkYXRlRGlzcGxheVZhbHVlKCk7XG4gIH1cblxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLm9uQ2hhbmdlID0gZm47XG4gIH1cblxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZCB7XG4gICAgdGhpcy5vblRvdWNoZWQgPSBmbjtcbiAgfVxuXG4gIHNldERpc2FibGVkU3RhdGUoX2lzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICAvLyBIYW5kbGUgZGlzYWJsZWQgc3RhdGUgaWYgbmVlZGVkXG4gIH1cblxuICAvLyBDb21wb25lbnQgbWV0aG9kc1xuICB0b2dnbGVEcm9wZG93bihldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICB0aGlzLmlzT3BlbiA9ICF0aGlzLmlzT3BlbjtcbiAgICBcbiAgICBpZiAodGhpcy5pc09wZW4pIHtcbiAgICAgIHRoaXMub25Ub3VjaGVkKCk7XG4gICAgICAvLyBGb2N1cyBzZWFyY2ggYmFyIHdoZW4gb3BlbmluZ1xuICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgIGNvbnN0IHNlYXJjaGJhciA9IHRoaXMuZHJvcGRvd25SZWY/Lm5hdGl2ZUVsZW1lbnQ/LnF1ZXJ5U2VsZWN0b3IoJ2lvbi1zZWFyY2hiYXInKTtcbiAgICAgICAgaWYgKHNlYXJjaGJhcikge1xuICAgICAgICAgIHNlYXJjaGJhci5zZXRGb2N1cygpO1xuICAgICAgICB9XG4gICAgICB9LCAxMDApO1xuICAgIH1cbiAgfVxuXG4gIG9uU2VhcmNoKGV2ZW50OiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLnNlYXJjaFRlcm0gPSBldmVudC5kZXRhaWwudmFsdWUgfHwgJyc7XG4gICAgdGhpcy5maWx0ZXJPcHRpb25zKCk7XG4gIH1cblxuICB0b2dnbGVPcHRpb24ob3B0aW9uOiBJbnB1dE9wdGlvbik6IHZvaWQge1xuICAgIGNvbnN0IHZhbHVlID0gU3RyaW5nKG9wdGlvblt0aGlzLnZhbHVlUHJvcGVydHldKTtcbiAgICBcbiAgICBpZiAodGhpcy5pc1NlbGVjdGVkKG9wdGlvbikpIHtcbiAgICAgIC8vIFJlbW92ZSBmcm9tIHNlbGVjdGlvblxuICAgICAgdGhpcy5zZWxlY3RlZFZhbHVlcyA9IHRoaXMuc2VsZWN0ZWRWYWx1ZXMuZmlsdGVyKHYgPT4gdiAhPT0gdmFsdWUpO1xuICAgIH0gZWxzZSB7XG4gICAgICAvLyBBZGQgdG8gc2VsZWN0aW9uXG4gICAgICB0aGlzLnNlbGVjdGVkVmFsdWVzID0gWy4uLnRoaXMuc2VsZWN0ZWRWYWx1ZXMsIHZhbHVlXTtcbiAgICB9XG4gICAgXG4gICAgdGhpcy51cGRhdGVEaXNwbGF5VmFsdWUoKTtcbiAgICB0aGlzLmVtaXRWYWx1ZSgpO1xuICB9XG5cbiAgc2VsZWN0QWxsKCk6IHZvaWQge1xuICAgIGNvbnN0IGFsbFZhbHVlcyA9IHRoaXMuZmlsdGVyZWRPcHRpb25zLm1hcChvcHRpb24gPT4gU3RyaW5nKG9wdGlvblt0aGlzLnZhbHVlUHJvcGVydHldKSk7XG4gICAgXG4gICAgLy8gQWRkIG9ubHkgbmV3IHZhbHVlcyB0byBhdm9pZCBkdXBsaWNhdGVzXG4gICAgY29uc3QgbmV3VmFsdWVzID0gYWxsVmFsdWVzLmZpbHRlcih2YWx1ZSA9PiAhdGhpcy5zZWxlY3RlZFZhbHVlcy5pbmNsdWRlcyh2YWx1ZSkpO1xuICAgIHRoaXMuc2VsZWN0ZWRWYWx1ZXMgPSBbLi4udGhpcy5zZWxlY3RlZFZhbHVlcywgLi4ubmV3VmFsdWVzXTtcbiAgICBcbiAgICB0aGlzLnVwZGF0ZURpc3BsYXlWYWx1ZSgpO1xuICAgIHRoaXMuZW1pdFZhbHVlKCk7XG4gIH1cblxuICBjbGVhckFsbCgpOiB2b2lkIHtcbiAgICB0aGlzLnNlbGVjdGVkVmFsdWVzID0gW107XG4gICAgdGhpcy51cGRhdGVEaXNwbGF5VmFsdWUoKTtcbiAgICB0aGlzLmVtaXRWYWx1ZSgpO1xuICB9XG5cbiAgaXNTZWxlY3RlZChvcHRpb246IElucHV0T3B0aW9uKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuc2VsZWN0ZWRWYWx1ZXMuaW5jbHVkZXMoU3RyaW5nKG9wdGlvblt0aGlzLnZhbHVlUHJvcGVydHldKSk7XG4gIH1cblxuICB0cmFja0J5Rm4oX2luZGV4OiBudW1iZXIsIG9wdGlvbjogSW5wdXRPcHRpb24pOiBhbnkge1xuICAgIHJldHVybiBvcHRpb25bdGhpcy52YWx1ZVByb3BlcnR5XTtcbiAgfVxuXG4gIHByaXZhdGUgaGFuZGxlQ2xpY2tPdXRzaWRlKGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmlzT3BlbiAmJiBcbiAgICAgICAgIXRoaXMubWFpbklucHV0UmVmPy5uYXRpdmVFbGVtZW50Py5jb250YWlucyhldmVudC50YXJnZXQpICYmXG4gICAgICAgICF0aGlzLmRyb3Bkb3duUmVmPy5uYXRpdmVFbGVtZW50Py5jb250YWlucyhldmVudC50YXJnZXQpKSB7XG4gICAgICB0aGlzLmlzT3BlbiA9IGZhbHNlO1xuICAgICAgdGhpcy5zZWFyY2hUZXJtID0gJyc7XG4gICAgICB0aGlzLmluaXRpYWxpemVPcHRpb25zKCk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBwYXJzZVZhbHVlKHZhbHVlOiBhbnkpOiBzdHJpbmdbXSB7XG4gICAgaWYgKCF2YWx1ZSkgcmV0dXJuIFtdO1xuICAgIGlmIChBcnJheS5pc0FycmF5KHZhbHVlKSkgcmV0dXJuIHZhbHVlLm1hcCh2ID0+IFN0cmluZyh2KSk7XG4gICAgaWYgKHR5cGVvZiB2YWx1ZSA9PT0gJ3N0cmluZycpIHtcbiAgICAgIHJldHVybiB2YWx1ZS5zcGxpdCgnLCcpLm1hcCh2ID0+IHYudHJpbSgpKS5maWx0ZXIodiA9PiB2ICE9PSAnJyk7XG4gICAgfVxuICAgIHJldHVybiBbU3RyaW5nKHZhbHVlKV07XG4gIH1cblxuICBwcml2YXRlIGVtaXRWYWx1ZSgpOiB2b2lkIHtcbiAgICBjb25zdCB2YWx1ZSA9IHRoaXMuc2VsZWN0ZWRWYWx1ZXMuam9pbignLCcpO1xuICAgIHRoaXMub25DaGFuZ2UodmFsdWUpO1xuICAgIFxuICAgIGlmICh0aGlzLnByb3BzPy5jb250cm9sKSB7XG4gICAgICB0aGlzLnByb3BzLmNvbnRyb2wuc2V0VmFsdWUodmFsdWUpO1xuICAgICAgdGhpcy5wcm9wcy5jb250cm9sLm1hcmtBc0RpcnR5KCk7XG4gICAgICB0aGlzLnByb3BzLmNvbnRyb2wubWFya0FzVG91Y2hlZCgpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgZ2V0T3B0aW9uQnlWYWx1ZSh2YWx1ZTogc3RyaW5nKTogSW5wdXRPcHRpb24gfCB1bmRlZmluZWQge1xuICAgIHJldHVybiB0aGlzLmZpbHRlcmVkT3B0aW9ucy5maW5kKG9wdGlvbiA9PiBcbiAgICAgIFN0cmluZyhvcHRpb25bdGhpcy52YWx1ZVByb3BlcnR5XSkgPT09IFN0cmluZyh2YWx1ZSlcbiAgICApO1xuICB9XG5cbiAgcHJpdmF0ZSBhcHBseURlZmF1bHRWYWx1ZSgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5wcm9wcykge1xuICAgICAgYXBwbHlEZWZhdWx0VmFsdWVUb0NvbnRyb2wodGhpcy5wcm9wcyk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBpbml0aWFsaXplT3B0aW9ucygpOiB2b2lkIHtcbiAgICB0aGlzLmZpbHRlcmVkT3B0aW9ucyA9IHRoaXMucHJvcHM/Lm9wdGlvbnMgfHwgW107XG4gIH1cbiAgXG4gIHByaXZhdGUgZmlsdGVyT3B0aW9ucygpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuc2VhcmNoVGVybSkge1xuICAgICAgdGhpcy5pbml0aWFsaXplT3B0aW9ucygpO1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBcbiAgICBjb25zdCBzZWFyY2ggPSByZXBsYWNlU3BlY2lhbENoYXJzKHRoaXMuc2VhcmNoVGVybS50b0xvd2VyQ2FzZSgpKTtcbiAgICB0aGlzLmZpbHRlcmVkT3B0aW9ucyA9ICh0aGlzLnByb3BzPy5vcHRpb25zIHx8IFtdKS5maWx0ZXIob3B0aW9uID0+IHtcbiAgICAgIGNvbnN0IGxhYmVsID0gb3B0aW9uW3RoaXMubGFiZWxQcm9wZXJ0eV1cbiAgICAgICAgPyByZXBsYWNlU3BlY2lhbENoYXJzKFN0cmluZyhvcHRpb25bdGhpcy5sYWJlbFByb3BlcnR5XSkudG9Mb3dlckNhc2UoKSlcbiAgICAgICAgOiAnJztcbiAgICAgIGNvbnN0IHZhbHVlID0gb3B0aW9uW3RoaXMudmFsdWVQcm9wZXJ0eV1cbiAgICAgICAgPyByZXBsYWNlU3BlY2lhbENoYXJzKFN0cmluZyhvcHRpb25bdGhpcy52YWx1ZVByb3BlcnR5XSkudG9Mb3dlckNhc2UoKSlcbiAgICAgICAgOiAnJztcbiAgICAgIHJldHVybiBsYWJlbC5pbmNsdWRlcyhzZWFyY2gpIHx8IHZhbHVlLmluY2x1ZGVzKHNlYXJjaCk7XG4gICAgfSk7XG4gIH1cbiAgXG4gIHByaXZhdGUgdXBkYXRlRGlzcGxheVZhbHVlKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLnNlbGVjdGVkVmFsdWVzLmxlbmd0aCA9PT0gMCkge1xuICAgICAgdGhpcy5kaXNwbGF5VmFsdWUgPSAnJztcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBpZiAodGhpcy5zZWxlY3RlZFZhbHVlcy5sZW5ndGggPT09IDEpIHtcbiAgICAgIGNvbnN0IG9wdGlvbiA9IHRoaXMuZ2V0T3B0aW9uQnlWYWx1ZSh0aGlzLnNlbGVjdGVkVmFsdWVzWzBdKTtcbiAgICAgIHRoaXMuZGlzcGxheVZhbHVlID0gb3B0aW9uID8gb3B0aW9uW3RoaXMubGFiZWxQcm9wZXJ0eV0gOiAnJztcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5kaXNwbGF5VmFsdWUgPSBgJHt0aGlzLnNlbGVjdGVkVmFsdWVzLmxlbmd0aH0gZWxlbWVudG9zIHNlbGVjY2lvbmFkb3NgO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgc3luY1NlbGVjdGVkVmFsdWVzKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLnByb3BzPy5jb250cm9sPy52YWx1ZSkge1xuICAgICAgY29uc3QgdmFsdWVBcnJheSA9IHRoaXMucGFyc2VWYWx1ZSh0aGlzLnByb3BzLmNvbnRyb2wudmFsdWUpO1xuICAgICAgdGhpcy5zZWxlY3RlZFZhbHVlcyA9IHZhbHVlQXJyYXk7XG4gICAgfVxuICB9XG59Il19
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import { OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
|
|
2
|
-
import { IonModal } from '@ionic/angular';
|
|
3
|
-
import { IconService } from '../../../services/icons.service';
|
|
4
|
-
import { InputMetadata, InputOption } from '../../types';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
export declare class MultiSelectSearchComponent implements OnChanges, OnDestroy {
|
|
7
|
-
modal: IonModal;
|
|
8
|
-
label: string;
|
|
9
|
-
labelProperty: string;
|
|
10
|
-
valueProperty: string;
|
|
11
|
-
placeholder: string;
|
|
12
|
-
props: InputMetadata;
|
|
13
|
-
private langService;
|
|
14
|
-
icon: IconService;
|
|
15
|
-
private changeDetector;
|
|
16
|
-
searchTerm: string;
|
|
17
|
-
filteredItems: InputOption[];
|
|
18
|
-
selectedItems: InputOption[];
|
|
19
|
-
tempSelectedItems: InputOption[];
|
|
20
|
-
displayValue: string;
|
|
21
|
-
private previousOptions;
|
|
22
|
-
private isProcessingChanges;
|
|
23
|
-
private valueChangesSubscription?;
|
|
24
|
-
constructor();
|
|
25
|
-
ngOnInit(): void;
|
|
26
|
-
ngOnDestroy(): void;
|
|
27
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
28
|
-
ionViewWillEnter(): void;
|
|
29
|
-
private subscribeToValueChanges;
|
|
30
|
-
private areOptionsEqual;
|
|
31
|
-
private initializeItems;
|
|
32
|
-
private syncControlValueWithSelectedItems;
|
|
33
|
-
private applyDefaultValue;
|
|
34
|
-
onFilter(event: any): void;
|
|
35
|
-
onFocus(): void;
|
|
36
|
-
onBlur(): void;
|
|
37
|
-
openModal(): void;
|
|
38
|
-
preventDefaultBehavior(event: MouseEvent): void;
|
|
39
|
-
cancelModal(): void;
|
|
40
|
-
selectItem(item: any): void;
|
|
41
|
-
isItemSelected(item: any): boolean;
|
|
42
|
-
clearSelection(): void;
|
|
43
|
-
applySelection(): void;
|
|
44
|
-
updateDisplayValue(): void;
|
|
45
|
-
applyChanges(): void;
|
|
46
|
-
reset(): void;
|
|
47
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectSearchComponent, never>;
|
|
48
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectSearchComponent, "val-multi-select-search", never, { "label": { "alias": "label"; "required": false; }; "labelProperty": { "alias": "labelProperty"; "required": false; }; "valueProperty": { "alias": "valueProperty"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
|
|
49
|
-
}
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import { ElementRef, OnInit, OnDestroy, OnChanges, SimpleChanges } from '@angular/core';
|
|
2
|
-
import { ControlValueAccessor } from '@angular/forms';
|
|
3
|
-
import { InputMetadata, InputOption } from '../../types';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export declare class MultiSelectSimpleComponent implements OnInit, OnDestroy, OnChanges, ControlValueAccessor {
|
|
6
|
-
dropdownRef: ElementRef;
|
|
7
|
-
mainInputRef: ElementRef;
|
|
8
|
-
props: InputMetadata;
|
|
9
|
-
labelProperty: string;
|
|
10
|
-
valueProperty: string;
|
|
11
|
-
placeholder: string;
|
|
12
|
-
private langService;
|
|
13
|
-
private changeDetector;
|
|
14
|
-
isOpen: boolean;
|
|
15
|
-
searchTerm: string;
|
|
16
|
-
selectedValues: string[];
|
|
17
|
-
displayValue: string;
|
|
18
|
-
filteredOptions: InputOption[];
|
|
19
|
-
searchPlaceholder: string;
|
|
20
|
-
private onChange;
|
|
21
|
-
private onTouched;
|
|
22
|
-
constructor();
|
|
23
|
-
ngOnInit(): void;
|
|
24
|
-
ngOnDestroy(): void;
|
|
25
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
26
|
-
writeValue(value: any): void;
|
|
27
|
-
registerOnChange(fn: any): void;
|
|
28
|
-
registerOnTouched(fn: any): void;
|
|
29
|
-
setDisabledState(_isDisabled: boolean): void;
|
|
30
|
-
toggleDropdown(event: Event): void;
|
|
31
|
-
onSearch(event: any): void;
|
|
32
|
-
toggleOption(option: InputOption): void;
|
|
33
|
-
selectAll(): void;
|
|
34
|
-
clearAll(): void;
|
|
35
|
-
isSelected(option: InputOption): boolean;
|
|
36
|
-
trackByFn(_index: number, option: InputOption): any;
|
|
37
|
-
private handleClickOutside;
|
|
38
|
-
private parseValue;
|
|
39
|
-
private emitValue;
|
|
40
|
-
private getOptionByValue;
|
|
41
|
-
private applyDefaultValue;
|
|
42
|
-
private initializeOptions;
|
|
43
|
-
private filterOptions;
|
|
44
|
-
private updateDisplayValue;
|
|
45
|
-
private syncSelectedValues;
|
|
46
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectSimpleComponent, never>;
|
|
47
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectSimpleComponent, "val-multi-select-simple", never, { "props": { "alias": "props"; "required": false; }; "labelProperty": { "alias": "labelProperty"; "required": false; }; "valueProperty": { "alias": "valueProperty"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; }, {}, never, never, true, never>;
|
|
48
|
-
}
|