@3kles/kles-material-dynamicforms 15.0.0 → 16.0.3
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/{esm2020 → esm2022}/lib/directive/dynamic-component.directive.mjs +4 -4
- package/esm2022/lib/directive/dynamic-field.directive.mjs +83 -0
- package/{esm2020 → esm2022}/lib/dynamic-form.component.mjs +6 -6
- package/{esm2020 → esm2022}/lib/fields/array.component.mjs +6 -6
- package/{esm2020 → esm2022}/lib/fields/badge.component.mjs +6 -6
- package/{esm2020 → esm2022}/lib/fields/button-form.component.mjs +6 -6
- package/{esm2020 → esm2022}/lib/fields/button-submit.component.mjs +6 -6
- package/{esm2020 → esm2022}/lib/fields/button-toogle-group.component.mjs +6 -6
- package/{esm2020 → esm2022}/lib/fields/buttonchecker-form.component.mjs +12 -8
- package/{esm2020 → esm2022}/lib/fields/buttonfile-form.component.mjs +9 -6
- package/{esm2020 → esm2022}/lib/fields/checkbox.component.mjs +6 -6
- package/{esm2020 → esm2022}/lib/fields/chip.component.mjs +6 -6
- package/esm2022/lib/fields/clear.component.mjs +30 -0
- package/{esm2020 → esm2022}/lib/fields/color.component.mjs +8 -8
- package/esm2022/lib/fields/date-time.component.mjs +61 -0
- package/{esm2020 → esm2022}/lib/fields/date.component.mjs +8 -8
- package/{esm2020 → esm2022}/lib/fields/field.abstract.mjs +4 -4
- package/{esm2020 → esm2022}/lib/fields/group.component.mjs +6 -6
- package/{esm2020 → esm2022}/lib/fields/icon.component.mjs +6 -6
- package/{esm2020 → esm2022}/lib/fields/input.clearable.component.mjs +6 -6
- package/{esm2020 → esm2022}/lib/fields/input.component.mjs +8 -8
- package/{esm2020 → esm2022}/lib/fields/label.component.mjs +6 -6
- package/{esm2020 → esm2022}/lib/fields/line-break.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/fields/link.component.mjs +6 -6
- package/esm2022/lib/fields/list-field.component.mjs +122 -0
- package/{esm2020 → esm2022}/lib/fields/radio.component.mjs +6 -6
- package/{esm2020 → esm2022}/lib/fields/range.component.mjs +6 -6
- package/{esm2020 → esm2022}/lib/fields/select.component.mjs +8 -8
- package/esm2022/lib/fields/select.lazy-search.component.mjs +278 -0
- package/esm2022/lib/fields/select.search.component.mjs +396 -0
- package/{esm2020 → esm2022}/lib/fields/selection-list.component.mjs +6 -6
- package/{esm2020 → esm2022}/lib/fields/slide-toggle.component.mjs +6 -6
- package/{esm2020 → esm2022}/lib/fields/text.component.mjs +6 -6
- package/{esm2020 → esm2022}/lib/fields/textarea.component.mjs +8 -8
- package/esm2022/lib/forms/button-control.component.mjs +121 -0
- package/{esm2020 → esm2022}/lib/forms/buttonchecker-control.component.mjs +12 -12
- package/esm2022/lib/forms/buttonfile-control.component.mjs +124 -0
- package/esm2022/lib/interfaces/field.config.interface.mjs +2 -0
- package/esm2022/lib/kles-material-dynamicforms.module.mjs +219 -0
- package/{esm2020 → esm2022}/lib/matcher/form-error.matcher.mjs +4 -4
- package/esm2022/lib/modules/material.module.mjs +279 -0
- package/{esm2020 → esm2022}/lib/pipe/array.pipe.mjs +4 -4
- package/{esm2020 → esm2022}/lib/pipe/transform.pipe.mjs +4 -4
- package/esm2022/public-api.mjs +72 -0
- package/{fesm2020 → fesm2022}/3kles-kles-material-dynamicforms.mjs +623 -537
- package/fesm2022/3kles-kles-material-dynamicforms.mjs.map +1 -0
- package/lib/directive/dynamic-component.directive.d.ts +1 -1
- package/lib/directive/dynamic-field.directive.d.ts +1 -1
- package/lib/dynamic-form.component.d.ts +1 -1
- package/lib/fields/date-time.component.d.ts +9 -0
- package/lib/forms/button-control.component.d.ts +1 -1
- package/lib/forms/buttonfile-control.component.d.ts +1 -1
- package/lib/interfaces/field.config.interface.d.ts +5 -1
- package/lib/kles-material-dynamicforms.module.d.ts +14 -12
- package/lib/modules/material.module.d.ts +3 -2
- package/package.json +19 -25
- package/public-api.d.ts +1 -0
- package/esm2020/lib/directive/dynamic-field.directive.mjs +0 -78
- package/esm2020/lib/fields/clear.component.mjs +0 -31
- package/esm2020/lib/fields/list-field.component.mjs +0 -114
- package/esm2020/lib/fields/select.lazy-search.component.mjs +0 -278
- package/esm2020/lib/fields/select.search.component.mjs +0 -396
- package/esm2020/lib/forms/button-control.component.mjs +0 -119
- package/esm2020/lib/forms/buttonfile-control.component.mjs +0 -122
- package/esm2020/lib/interfaces/field.config.interface.mjs +0 -2
- package/esm2020/lib/kles-material-dynamicforms.module.mjs +0 -208
- package/esm2020/lib/modules/material.module.mjs +0 -272
- package/esm2020/public-api.mjs +0 -71
- package/fesm2015/3kles-kles-material-dynamicforms.mjs +0 -3598
- package/fesm2015/3kles-kles-material-dynamicforms.mjs.map +0 -1
- package/fesm2020/3kles-kles-material-dynamicforms.mjs.map +0 -1
- /package/{esm2020 → esm2022}/3kles-kles-material-dynamicforms.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/controls/array.control.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/controls/control.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/controls/default.control.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/controls/group.control.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/controls/range.control.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/decorators/component.decorator.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/enums/type.enum.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/factories/field.factory.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/interfaces/clear-control.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/interfaces/component.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/interfaces/directive.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/interfaces/field.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/interfaces/validator.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/validators/autocomplete.validator.mjs +0 -0
|
@@ -1,278 +0,0 @@
|
|
|
1
|
-
import { Component } from '@angular/core';
|
|
2
|
-
import { of } from 'rxjs';
|
|
3
|
-
import { map, switchMap, take, takeUntil } from 'rxjs/operators';
|
|
4
|
-
import { KlesFormSelectSearchComponent } from './select.search.component';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
import * as i1 from "@angular/common";
|
|
7
|
-
import * as i2 from "@angular/forms";
|
|
8
|
-
import * as i3 from "@angular/flex-layout/flex";
|
|
9
|
-
import * as i4 from "@angular/flex-layout/extended";
|
|
10
|
-
import * as i5 from "@angular/material/form-field";
|
|
11
|
-
import * as i6 from "@angular/material/select";
|
|
12
|
-
import * as i7 from "@angular/material/core";
|
|
13
|
-
import * as i8 from "@angular/material/tooltip";
|
|
14
|
-
import * as i9 from "@angular/material/progress-spinner";
|
|
15
|
-
import * as i10 from "@angular/material/checkbox";
|
|
16
|
-
import * as i11 from "@angular/cdk/scrolling";
|
|
17
|
-
import * as i12 from "ngx-mat-select-search";
|
|
18
|
-
import * as i13 from "../directive/dynamic-component.directive";
|
|
19
|
-
import * as i14 from "@ngx-translate/core";
|
|
20
|
-
import * as i15 from "../pipe/transform.pipe";
|
|
21
|
-
export class KlesFormSelectLazySearchComponent extends KlesFormSelectSearchComponent {
|
|
22
|
-
constructor(viewRef, ref) {
|
|
23
|
-
super(viewRef, ref);
|
|
24
|
-
this.viewRef = viewRef;
|
|
25
|
-
this.ref = ref;
|
|
26
|
-
}
|
|
27
|
-
ngOnInit() {
|
|
28
|
-
this.field.lazy = true;
|
|
29
|
-
this.field.debounceTime = this.field.debounceTime ? this.field.debounceTime : 500;
|
|
30
|
-
super.ngOnInit();
|
|
31
|
-
}
|
|
32
|
-
ngOnDestroy() {
|
|
33
|
-
super.ngOnDestroy();
|
|
34
|
-
}
|
|
35
|
-
onSearchChange(value) {
|
|
36
|
-
if (this.field.options instanceof Function) {
|
|
37
|
-
if (this.openChange$.getValue() && this.field.options instanceof Function) {
|
|
38
|
-
if (value) {
|
|
39
|
-
return this.field.options(value).pipe(take(1));
|
|
40
|
-
}
|
|
41
|
-
else {
|
|
42
|
-
return this.field.options().pipe(take(1));
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
return of(this.group.controls[this.field.name].value ? [this.group.controls[this.field.name].value] : []);
|
|
46
|
-
}
|
|
47
|
-
else {
|
|
48
|
-
return super.onSearchChange(value);
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
openChangeEvent() {
|
|
52
|
-
this.openChange$
|
|
53
|
-
.pipe(takeUntil(this._onDestroy), switchMap((isOpen) => {
|
|
54
|
-
return this.onOpenChange(isOpen).pipe(map((options) => ({ options, isOpen })));
|
|
55
|
-
}))
|
|
56
|
-
.subscribe(({ options, isOpen }) => {
|
|
57
|
-
if (!isOpen) {
|
|
58
|
-
this.searchControl.reset(null, { emitEvent: false });
|
|
59
|
-
}
|
|
60
|
-
this.optionsFiltered$.next(options);
|
|
61
|
-
this.isLoading = false;
|
|
62
|
-
this.ref.markForCheck();
|
|
63
|
-
});
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
KlesFormSelectLazySearchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: KlesFormSelectLazySearchComponent, deps: [{ token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
67
|
-
KlesFormSelectLazySearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: KlesFormSelectLazySearchComponent, selector: "kles-form-select-lazy-search", usesInheritance: true, ngImport: i0, template: `
|
|
68
|
-
<mat-form-field class="margin-top" [color]="field.color" [formGroup]="group">
|
|
69
|
-
<mat-select matTooltip="{{field.tooltip}}" [attr.id]="field.id" [ngClass]="field.ngClass"
|
|
70
|
-
(openedChange)="openChange($event)" [compareWith]="compareFn"
|
|
71
|
-
[placeholder]="field.placeholder | translate" [formControlName]="field.name" [multiple]="field.multiple">
|
|
72
|
-
<mat-select-trigger *ngIf="field.triggerComponent">
|
|
73
|
-
<ng-container klesComponent [component]="field.triggerComponent" [value]="group.controls[field.name].value" [field]="field"></ng-container>
|
|
74
|
-
</mat-select-trigger>
|
|
75
|
-
|
|
76
|
-
<ng-container *ngIf="field.virtualScroll">
|
|
77
|
-
<mat-option>
|
|
78
|
-
<ngx-mat-select-search [formControl]="searchControl" [clearSearchInput]="false"
|
|
79
|
-
placeholderLabel="" noEntriesFoundLabel =""></ngx-mat-select-search>
|
|
80
|
-
</mat-option>
|
|
81
|
-
|
|
82
|
-
<cdk-virtual-scroll-viewport [itemSize]="field.itemSize || 50" [style.height.px]=4*48>
|
|
83
|
-
<ng-container *ngIf="!isLoading; else emptyOption">
|
|
84
|
-
<mat-checkbox *ngIf="field.multiple" class="selectAll" [formControl]="selectAllControl"
|
|
85
|
-
(change)="toggleAllSelection($event)">
|
|
86
|
-
{{'selectAll' | translate}}
|
|
87
|
-
</mat-checkbox>
|
|
88
|
-
<ng-container *ngIf="!field.autocompleteComponent">
|
|
89
|
-
<mat-option *cdkVirtualFor="let item of optionsFiltered$ | async" [value]="item" [disabled]="item?.disabled">{{(field.property ? item[field.property] : item) | klesTransform:field.pipeTransform}}</mat-option>
|
|
90
|
-
|
|
91
|
-
<ng-container *ngIf="field.multiple">
|
|
92
|
-
<mat-option *ngFor="let item of group.controls[field.name].value | slice:0:30" [value]="item"
|
|
93
|
-
style="display:none">
|
|
94
|
-
{{(field.property ? item[field.property] : item) | klesTransform:field.pipeTransform}}
|
|
95
|
-
</mat-option>
|
|
96
|
-
</ng-container>
|
|
97
|
-
|
|
98
|
-
<ng-container *ngIf="!field.multiple && group.controls[field.name].value">
|
|
99
|
-
<mat-option *ngFor="let item of [group?.controls[field.name]?.value]" [value]="item" style="display:none">
|
|
100
|
-
{{(field.property ? item[field.property] : item) | klesTransform:field.pipeTransform}}
|
|
101
|
-
</mat-option>
|
|
102
|
-
</ng-container>
|
|
103
|
-
</ng-container>
|
|
104
|
-
|
|
105
|
-
<ng-container *ngIf="field.autocompleteComponent">
|
|
106
|
-
<mat-option *cdkVirtualFor="let item of optionsFiltered$ | async" [value]="item" [disabled]="item?.disabled">
|
|
107
|
-
<ng-container klesComponent [component]="field.autocompleteComponent" [value]="item" [field]="field"></ng-container>
|
|
108
|
-
</mat-option>
|
|
109
|
-
|
|
110
|
-
<ng-container *ngIf="field.multiple">
|
|
111
|
-
<mat-option *ngFor="let item of group.controls[field.name].value | slice:0:30" [value]="item"
|
|
112
|
-
style="display:none">
|
|
113
|
-
<ng-container klesComponent [component]="field.autocompleteComponent" [value]="item" [field]="field"></ng-container>
|
|
114
|
-
</mat-option>
|
|
115
|
-
</ng-container>
|
|
116
|
-
|
|
117
|
-
<ng-container *ngIf="!field.multiple && group.controls[field.name].value">
|
|
118
|
-
<mat-option *ngFor="let item of [group?.controls[field.name]?.value]" [value]="item" style="display:none">
|
|
119
|
-
<ng-container klesComponent [component]="field.autocompleteComponent" [value]="item" [field]="field"></ng-container>
|
|
120
|
-
</mat-option>
|
|
121
|
-
</ng-container>
|
|
122
|
-
</ng-container>
|
|
123
|
-
</ng-container>
|
|
124
|
-
<ng-template #emptyOption>
|
|
125
|
-
<mat-option class="hide-checkbox" disabled><div fxLayout="row" fxLayoutAlign="space-between center">{{'loading' | translate}}... <mat-spinner class="spinner" diameter="20"></mat-spinner></div></mat-option>
|
|
126
|
-
</ng-template>
|
|
127
|
-
</cdk-virtual-scroll-viewport>
|
|
128
|
-
|
|
129
|
-
</ng-container>
|
|
130
|
-
|
|
131
|
-
<ng-container *ngIf="!field.virtualScroll">
|
|
132
|
-
<mat-option>
|
|
133
|
-
<ngx-mat-select-search [formControl]="searchControl" [clearSearchInput]="false"
|
|
134
|
-
placeholderLabel="" noEntriesFoundLabel =""></ngx-mat-select-search>
|
|
135
|
-
</mat-option>
|
|
136
|
-
|
|
137
|
-
<ng-container *ngIf="!isLoading; else emptyOption">
|
|
138
|
-
<mat-checkbox *ngIf="field.multiple" class="selectAll" [formControl]="selectAllControl"
|
|
139
|
-
(change)="toggleAllSelection($event)">
|
|
140
|
-
{{'selectAll' | translate}}
|
|
141
|
-
</mat-checkbox>
|
|
142
|
-
<ng-container *ngIf="!field.autocompleteComponent">
|
|
143
|
-
<mat-option *ngFor="let item of optionsFiltered$ | async" [value]="item" [disabled]="item?.disabled">{{(field.property ? item[field.property] : item) | klesTransform:field.pipeTransform}}</mat-option>
|
|
144
|
-
</ng-container>
|
|
145
|
-
|
|
146
|
-
<ng-container *ngIf="field.autocompleteComponent">
|
|
147
|
-
<mat-option *ngFor="let item of optionsFiltered$ | async" [value]="item" [disabled]="item?.disabled">
|
|
148
|
-
<ng-container klesComponent [component]="field.autocompleteComponent" [value]="item" [field]="field"></ng-container>
|
|
149
|
-
</mat-option>
|
|
150
|
-
</ng-container>
|
|
151
|
-
</ng-container>
|
|
152
|
-
|
|
153
|
-
<ng-template #emptyOption>
|
|
154
|
-
<mat-option class="hide-checkbox" disabled><div fxLayout="row" fxLayoutAlign="space-between center">{{'loading' | translate}}... <mat-spinner class="spinner" diameter="20"></mat-spinner></div></mat-option>
|
|
155
|
-
</ng-template>
|
|
156
|
-
</ng-container>
|
|
157
|
-
</mat-select>
|
|
158
|
-
|
|
159
|
-
<div matSuffix>
|
|
160
|
-
<ng-content></ng-content>
|
|
161
|
-
</div>
|
|
162
|
-
|
|
163
|
-
<ng-container *ngFor="let validation of field.validations;" ngProjectAs="mat-error">
|
|
164
|
-
<mat-error *ngIf="group.get(field.name).hasError(validation.name)">{{validation.message | translate}}</mat-error>
|
|
165
|
-
</ng-container>
|
|
166
|
-
<ng-container *ngFor="let validation of field.asyncValidations;" ngProjectAs="mat-error">
|
|
167
|
-
<mat-error *ngIf="group.get(field.name).hasError(validation.name)">{{validation.message | translate}}</mat-error>
|
|
168
|
-
</ng-container>
|
|
169
|
-
</mat-form-field>
|
|
170
|
-
`, isInline: true, styles: ["mat-form-field{width:100%}\n", ".selectAll{padding:10px 16px}\n", "::ng-deep .hide-checkbox .mat-pseudo-checkbox{display:none!important}\n"], dependencies: [{ 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: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i3.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i5.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i6.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator"], exportAs: ["matSelect"] }, { kind: "directive", type: i6.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i7.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i9.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i10.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i11.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i11.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i11.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: i12.MatSelectSearchComponent, selector: "ngx-mat-select-search", inputs: ["placeholderLabel", "type", "closeIcon", "closeSvgIcon", "noEntriesFoundLabel", "clearSearchInput", "searching", "disableInitialFocus", "enableClearOnEscapePressed", "preventHomeEndKeyPropagation", "disableScrollToActiveOnOptionsChanged", "ariaLabel", "showToggleAllCheckbox", "toggleAllCheckboxChecked", "toggleAllCheckboxIndeterminate", "toggleAllCheckboxTooltipMessage", "toggleAllCheckboxTooltipPosition", "hideClearSearchButton", "alwaysRestoreSelectedOptionsMulti"], outputs: ["toggleAll"] }, { kind: "directive", type: i13.KlesComponentDirective, selector: "[klesComponent]", inputs: ["component", "value", "field"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.SlicePipe, name: "slice" }, { kind: "pipe", type: i14.TranslatePipe, name: "translate" }, { kind: "pipe", type: i15.KlesTransformPipe, name: "klesTransform" }] });
|
|
171
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: KlesFormSelectLazySearchComponent, decorators: [{
|
|
172
|
-
type: Component,
|
|
173
|
-
args: [{ selector: 'kles-form-select-lazy-search', template: `
|
|
174
|
-
<mat-form-field class="margin-top" [color]="field.color" [formGroup]="group">
|
|
175
|
-
<mat-select matTooltip="{{field.tooltip}}" [attr.id]="field.id" [ngClass]="field.ngClass"
|
|
176
|
-
(openedChange)="openChange($event)" [compareWith]="compareFn"
|
|
177
|
-
[placeholder]="field.placeholder | translate" [formControlName]="field.name" [multiple]="field.multiple">
|
|
178
|
-
<mat-select-trigger *ngIf="field.triggerComponent">
|
|
179
|
-
<ng-container klesComponent [component]="field.triggerComponent" [value]="group.controls[field.name].value" [field]="field"></ng-container>
|
|
180
|
-
</mat-select-trigger>
|
|
181
|
-
|
|
182
|
-
<ng-container *ngIf="field.virtualScroll">
|
|
183
|
-
<mat-option>
|
|
184
|
-
<ngx-mat-select-search [formControl]="searchControl" [clearSearchInput]="false"
|
|
185
|
-
placeholderLabel="" noEntriesFoundLabel =""></ngx-mat-select-search>
|
|
186
|
-
</mat-option>
|
|
187
|
-
|
|
188
|
-
<cdk-virtual-scroll-viewport [itemSize]="field.itemSize || 50" [style.height.px]=4*48>
|
|
189
|
-
<ng-container *ngIf="!isLoading; else emptyOption">
|
|
190
|
-
<mat-checkbox *ngIf="field.multiple" class="selectAll" [formControl]="selectAllControl"
|
|
191
|
-
(change)="toggleAllSelection($event)">
|
|
192
|
-
{{'selectAll' | translate}}
|
|
193
|
-
</mat-checkbox>
|
|
194
|
-
<ng-container *ngIf="!field.autocompleteComponent">
|
|
195
|
-
<mat-option *cdkVirtualFor="let item of optionsFiltered$ | async" [value]="item" [disabled]="item?.disabled">{{(field.property ? item[field.property] : item) | klesTransform:field.pipeTransform}}</mat-option>
|
|
196
|
-
|
|
197
|
-
<ng-container *ngIf="field.multiple">
|
|
198
|
-
<mat-option *ngFor="let item of group.controls[field.name].value | slice:0:30" [value]="item"
|
|
199
|
-
style="display:none">
|
|
200
|
-
{{(field.property ? item[field.property] : item) | klesTransform:field.pipeTransform}}
|
|
201
|
-
</mat-option>
|
|
202
|
-
</ng-container>
|
|
203
|
-
|
|
204
|
-
<ng-container *ngIf="!field.multiple && group.controls[field.name].value">
|
|
205
|
-
<mat-option *ngFor="let item of [group?.controls[field.name]?.value]" [value]="item" style="display:none">
|
|
206
|
-
{{(field.property ? item[field.property] : item) | klesTransform:field.pipeTransform}}
|
|
207
|
-
</mat-option>
|
|
208
|
-
</ng-container>
|
|
209
|
-
</ng-container>
|
|
210
|
-
|
|
211
|
-
<ng-container *ngIf="field.autocompleteComponent">
|
|
212
|
-
<mat-option *cdkVirtualFor="let item of optionsFiltered$ | async" [value]="item" [disabled]="item?.disabled">
|
|
213
|
-
<ng-container klesComponent [component]="field.autocompleteComponent" [value]="item" [field]="field"></ng-container>
|
|
214
|
-
</mat-option>
|
|
215
|
-
|
|
216
|
-
<ng-container *ngIf="field.multiple">
|
|
217
|
-
<mat-option *ngFor="let item of group.controls[field.name].value | slice:0:30" [value]="item"
|
|
218
|
-
style="display:none">
|
|
219
|
-
<ng-container klesComponent [component]="field.autocompleteComponent" [value]="item" [field]="field"></ng-container>
|
|
220
|
-
</mat-option>
|
|
221
|
-
</ng-container>
|
|
222
|
-
|
|
223
|
-
<ng-container *ngIf="!field.multiple && group.controls[field.name].value">
|
|
224
|
-
<mat-option *ngFor="let item of [group?.controls[field.name]?.value]" [value]="item" style="display:none">
|
|
225
|
-
<ng-container klesComponent [component]="field.autocompleteComponent" [value]="item" [field]="field"></ng-container>
|
|
226
|
-
</mat-option>
|
|
227
|
-
</ng-container>
|
|
228
|
-
</ng-container>
|
|
229
|
-
</ng-container>
|
|
230
|
-
<ng-template #emptyOption>
|
|
231
|
-
<mat-option class="hide-checkbox" disabled><div fxLayout="row" fxLayoutAlign="space-between center">{{'loading' | translate}}... <mat-spinner class="spinner" diameter="20"></mat-spinner></div></mat-option>
|
|
232
|
-
</ng-template>
|
|
233
|
-
</cdk-virtual-scroll-viewport>
|
|
234
|
-
|
|
235
|
-
</ng-container>
|
|
236
|
-
|
|
237
|
-
<ng-container *ngIf="!field.virtualScroll">
|
|
238
|
-
<mat-option>
|
|
239
|
-
<ngx-mat-select-search [formControl]="searchControl" [clearSearchInput]="false"
|
|
240
|
-
placeholderLabel="" noEntriesFoundLabel =""></ngx-mat-select-search>
|
|
241
|
-
</mat-option>
|
|
242
|
-
|
|
243
|
-
<ng-container *ngIf="!isLoading; else emptyOption">
|
|
244
|
-
<mat-checkbox *ngIf="field.multiple" class="selectAll" [formControl]="selectAllControl"
|
|
245
|
-
(change)="toggleAllSelection($event)">
|
|
246
|
-
{{'selectAll' | translate}}
|
|
247
|
-
</mat-checkbox>
|
|
248
|
-
<ng-container *ngIf="!field.autocompleteComponent">
|
|
249
|
-
<mat-option *ngFor="let item of optionsFiltered$ | async" [value]="item" [disabled]="item?.disabled">{{(field.property ? item[field.property] : item) | klesTransform:field.pipeTransform}}</mat-option>
|
|
250
|
-
</ng-container>
|
|
251
|
-
|
|
252
|
-
<ng-container *ngIf="field.autocompleteComponent">
|
|
253
|
-
<mat-option *ngFor="let item of optionsFiltered$ | async" [value]="item" [disabled]="item?.disabled">
|
|
254
|
-
<ng-container klesComponent [component]="field.autocompleteComponent" [value]="item" [field]="field"></ng-container>
|
|
255
|
-
</mat-option>
|
|
256
|
-
</ng-container>
|
|
257
|
-
</ng-container>
|
|
258
|
-
|
|
259
|
-
<ng-template #emptyOption>
|
|
260
|
-
<mat-option class="hide-checkbox" disabled><div fxLayout="row" fxLayoutAlign="space-between center">{{'loading' | translate}}... <mat-spinner class="spinner" diameter="20"></mat-spinner></div></mat-option>
|
|
261
|
-
</ng-template>
|
|
262
|
-
</ng-container>
|
|
263
|
-
</mat-select>
|
|
264
|
-
|
|
265
|
-
<div matSuffix>
|
|
266
|
-
<ng-content></ng-content>
|
|
267
|
-
</div>
|
|
268
|
-
|
|
269
|
-
<ng-container *ngFor="let validation of field.validations;" ngProjectAs="mat-error">
|
|
270
|
-
<mat-error *ngIf="group.get(field.name).hasError(validation.name)">{{validation.message | translate}}</mat-error>
|
|
271
|
-
</ng-container>
|
|
272
|
-
<ng-container *ngFor="let validation of field.asyncValidations;" ngProjectAs="mat-error">
|
|
273
|
-
<mat-error *ngIf="group.get(field.name).hasError(validation.name)">{{validation.message | translate}}</mat-error>
|
|
274
|
-
</ng-container>
|
|
275
|
-
</mat-form-field>
|
|
276
|
-
`, styles: ["mat-form-field{width:100%}\n", ".selectAll{padding:10px 16px}\n", "::ng-deep .hide-checkbox .mat-pseudo-checkbox{display:none!important}\n"] }]
|
|
277
|
-
}], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.ChangeDetectorRef }]; } });
|
|
278
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0Lmxhenktc2VhcmNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tsZXMtbWF0ZXJpYWwtZHluYW1pY2Zvcm1zL3NyYy9saWIvZmllbGRzL3NlbGVjdC5sYXp5LXNlYXJjaC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEsT0FBTyxFQUFxQixTQUFTLEVBQTJFLE1BQU0sZUFBZSxDQUFDO0FBR3RJLE9BQU8sRUFBK0IsRUFBRSxFQUEwQixNQUFNLE1BQU0sQ0FBQztBQUMvRSxPQUFPLEVBQUUsR0FBRyxFQUFhLFNBQVMsRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFNUUsT0FBTyxFQUFFLDZCQUE2QixFQUFFLE1BQU0sMkJBQTJCLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBK0cxRSxNQUFNLE9BQU8saUNBQWtDLFNBQVEsNkJBQTZCO0lBRWhGLFlBQXNCLE9BQXlCLEVBQVksR0FBc0I7UUFDN0UsS0FBSyxDQUFDLE9BQU8sRUFBRSxHQUFHLENBQUMsQ0FBQztRQURGLFlBQU8sR0FBUCxPQUFPLENBQWtCO1FBQVksUUFBRyxHQUFILEdBQUcsQ0FBbUI7SUFFakYsQ0FBQztJQUVELFFBQVE7UUFDSixJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksR0FBRyxJQUFJLENBQUM7UUFDdkIsSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUM7UUFDbEYsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxXQUFXO1FBQ1AsS0FBSyxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ3hCLENBQUM7SUFFUyxjQUFjLENBQUMsS0FBYTtRQUNsQyxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxZQUFZLFFBQVEsRUFBRTtZQUN4QyxJQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxFQUFFLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLFlBQVksUUFBUSxFQUFFO2dCQUN2RSxJQUFJLEtBQUssRUFBRTtvQkFDUCxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztpQkFDbEQ7cUJBQU07b0JBQ0gsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sRUFBRSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztpQkFDN0M7YUFDSjtZQUNELE9BQU8sRUFBRSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1NBQzdHO2FBQ0k7WUFDRCxPQUFPLEtBQUssQ0FBQyxjQUFjLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDdEM7SUFDTCxDQUFDO0lBRVMsZUFBZTtRQUNyQixJQUFJLENBQUMsV0FBVzthQUNYLElBQUksQ0FDRCxTQUFTLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxFQUMxQixTQUFTLENBQUMsQ0FBQyxNQUFNLEVBQUUsRUFBRTtZQUNqQixPQUFPLElBQUksQ0FBQyxZQUFZLENBQUMsTUFBTSxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLE9BQU8sRUFBRSxFQUFFLENBQUMsQ0FBQyxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNuRixDQUFDLENBQUMsQ0FDTDthQUNBLFNBQVMsQ0FBQyxDQUFDLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxFQUFFLEVBQUU7WUFDL0IsSUFBSSxDQUFDLE1BQU0sRUFBRTtnQkFDVCxJQUFJLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUUsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQzthQUN4RDtZQUNELElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7WUFDcEMsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7WUFDdkIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUM1QixDQUFDLENBQUMsQ0FBQztJQUNYLENBQUM7OzhIQWhEUSxpQ0FBaUM7a0hBQWpDLGlDQUFpQywyRkEzR2hDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0NBdUdiOzJGQUlZLGlDQUFpQztrQkE3RzdDLFNBQVM7K0JBQ0ksOEJBQThCLFlBQzlCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0NBdUdiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2RrVmlydHVhbFNjcm9sbFZpZXdwb3J0IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL3Njcm9sbGluZyc7XG5pbXBvcnQgeyBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvbXBpbGVyJztcbmltcG9ydCB7IENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIE9uRGVzdHJveSwgT25Jbml0LCBRdWVyeUxpc3QsIFZpZXdDaGlsZCwgVmlld0NoaWxkcmVuLCBWaWV3Q29udGFpbmVyUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBVbnR5cGVkRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBNYXRPcHRpb24gfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9jb3JlJztcbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCwgT2JzZXJ2YWJsZSwgb2YsIFJlcGxheVN1YmplY3QsIFN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IG1hcCwgc3RhcnRXaXRoLCBzd2l0Y2hNYXAsIHRha2UsIHRha2VVbnRpbCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcbmltcG9ydCB7IEtsZXNGaWVsZEFic3RyYWN0IH0gZnJvbSAnLi9maWVsZC5hYnN0cmFjdCc7XG5pbXBvcnQgeyBLbGVzRm9ybVNlbGVjdFNlYXJjaENvbXBvbmVudCB9IGZyb20gJy4vc2VsZWN0LnNlYXJjaC5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2tsZXMtZm9ybS1zZWxlY3QtbGF6eS1zZWFyY2gnLFxuICAgIHRlbXBsYXRlOiBgXG4gICAgPG1hdC1mb3JtLWZpZWxkIGNsYXNzPVwibWFyZ2luLXRvcFwiIFtjb2xvcl09XCJmaWVsZC5jb2xvclwiIFtmb3JtR3JvdXBdPVwiZ3JvdXBcIj5cbiAgICAgICAgPG1hdC1zZWxlY3QgbWF0VG9vbHRpcD1cInt7ZmllbGQudG9vbHRpcH19XCIgW2F0dHIuaWRdPVwiZmllbGQuaWRcIiBbbmdDbGFzc109XCJmaWVsZC5uZ0NsYXNzXCJcbiAgICAgICAgKG9wZW5lZENoYW5nZSk9XCJvcGVuQ2hhbmdlKCRldmVudClcIiBbY29tcGFyZVdpdGhdPVwiY29tcGFyZUZuXCJcbiAgICAgICAgW3BsYWNlaG9sZGVyXT1cImZpZWxkLnBsYWNlaG9sZGVyIHwgdHJhbnNsYXRlXCIgW2Zvcm1Db250cm9sTmFtZV09XCJmaWVsZC5uYW1lXCIgW211bHRpcGxlXT1cImZpZWxkLm11bHRpcGxlXCI+XG4gICAgICAgIDxtYXQtc2VsZWN0LXRyaWdnZXIgKm5nSWY9XCJmaWVsZC50cmlnZ2VyQ29tcG9uZW50XCI+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyIGtsZXNDb21wb25lbnQgW2NvbXBvbmVudF09XCJmaWVsZC50cmlnZ2VyQ29tcG9uZW50XCIgW3ZhbHVlXT1cImdyb3VwLmNvbnRyb2xzW2ZpZWxkLm5hbWVdLnZhbHVlXCIgW2ZpZWxkXT1cImZpZWxkXCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvbWF0LXNlbGVjdC10cmlnZ2VyPlxuXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJmaWVsZC52aXJ0dWFsU2Nyb2xsXCI+XG4gICAgICAgICAgICA8bWF0LW9wdGlvbj5cbiAgICAgICAgICAgICAgICA8bmd4LW1hdC1zZWxlY3Qtc2VhcmNoIFtmb3JtQ29udHJvbF09XCJzZWFyY2hDb250cm9sXCIgW2NsZWFyU2VhcmNoSW5wdXRdPVwiZmFsc2VcIlxuICAgICAgICAgICAgICAgIHBsYWNlaG9sZGVyTGFiZWw9XCJcIiBub0VudHJpZXNGb3VuZExhYmVsID1cIlwiPjwvbmd4LW1hdC1zZWxlY3Qtc2VhcmNoPlxuICAgICAgICAgICAgPC9tYXQtb3B0aW9uPlxuXG4gICAgICAgICAgICA8Y2RrLXZpcnR1YWwtc2Nyb2xsLXZpZXdwb3J0IFtpdGVtU2l6ZV09XCJmaWVsZC5pdGVtU2l6ZSB8fCA1MFwiIFtzdHlsZS5oZWlnaHQucHhdPTQqNDg+XG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFpc0xvYWRpbmc7IGVsc2UgZW1wdHlPcHRpb25cIj5cbiAgICAgICAgICAgICAgICAgICAgPG1hdC1jaGVja2JveCAqbmdJZj1cImZpZWxkLm11bHRpcGxlXCIgY2xhc3M9XCJzZWxlY3RBbGxcIiBbZm9ybUNvbnRyb2xdPVwic2VsZWN0QWxsQ29udHJvbFwiXG4gICAgICAgICAgICAgICAgICAgIChjaGFuZ2UpPVwidG9nZ2xlQWxsU2VsZWN0aW9uKCRldmVudClcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIHt7J3NlbGVjdEFsbCcgfCB0cmFuc2xhdGV9fVxuICAgICAgICAgICAgICAgICAgICA8L21hdC1jaGVja2JveD5cbiAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFmaWVsZC5hdXRvY29tcGxldGVDb21wb25lbnRcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxtYXQtb3B0aW9uICpjZGtWaXJ0dWFsRm9yPVwibGV0IGl0ZW0gb2Ygb3B0aW9uc0ZpbHRlcmVkJCB8IGFzeW5jXCIgW3ZhbHVlXT1cIml0ZW1cIiBbZGlzYWJsZWRdPVwiaXRlbT8uZGlzYWJsZWRcIj57eyhmaWVsZC5wcm9wZXJ0eSA/IGl0ZW1bZmllbGQucHJvcGVydHldIDogaXRlbSkgfCBrbGVzVHJhbnNmb3JtOmZpZWxkLnBpcGVUcmFuc2Zvcm19fTwvbWF0LW9wdGlvbj5cblxuICAgICAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImZpZWxkLm11bHRpcGxlXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPG1hdC1vcHRpb24gKm5nRm9yPVwibGV0IGl0ZW0gb2YgZ3JvdXAuY29udHJvbHNbZmllbGQubmFtZV0udmFsdWUgfCBzbGljZTowOjMwXCIgW3ZhbHVlXT1cIml0ZW1cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHN0eWxlPVwiZGlzcGxheTpub25lXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7KGZpZWxkLnByb3BlcnR5ID8gaXRlbVtmaWVsZC5wcm9wZXJ0eV0gOiBpdGVtKSB8IGtsZXNUcmFuc2Zvcm06ZmllbGQucGlwZVRyYW5zZm9ybX19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9tYXQtb3B0aW9uPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhZmllbGQubXVsdGlwbGUgJiYgZ3JvdXAuY29udHJvbHNbZmllbGQubmFtZV0udmFsdWVcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bWF0LW9wdGlvbiAqbmdGb3I9XCJsZXQgaXRlbSBvZiBbZ3JvdXA/LmNvbnRyb2xzW2ZpZWxkLm5hbWVdPy52YWx1ZV1cIiBbdmFsdWVdPVwiaXRlbVwiIHN0eWxlPVwiZGlzcGxheTpub25lXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7KGZpZWxkLnByb3BlcnR5ID8gaXRlbVtmaWVsZC5wcm9wZXJ0eV0gOiBpdGVtKSB8IGtsZXNUcmFuc2Zvcm06ZmllbGQucGlwZVRyYW5zZm9ybX19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9tYXQtb3B0aW9uPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJmaWVsZC5hdXRvY29tcGxldGVDb21wb25lbnRcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxtYXQtb3B0aW9uICpjZGtWaXJ0dWFsRm9yPVwibGV0IGl0ZW0gb2Ygb3B0aW9uc0ZpbHRlcmVkJCB8IGFzeW5jXCIgW3ZhbHVlXT1cIml0ZW1cIiBbZGlzYWJsZWRdPVwiaXRlbT8uZGlzYWJsZWRcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyIGtsZXNDb21wb25lbnQgW2NvbXBvbmVudF09XCJmaWVsZC5hdXRvY29tcGxldGVDb21wb25lbnRcIiBbdmFsdWVdPVwiaXRlbVwiIFtmaWVsZF09XCJmaWVsZFwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9tYXQtb3B0aW9uPlxuXG4gICAgICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiZmllbGQubXVsdGlwbGVcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bWF0LW9wdGlvbiAqbmdGb3I9XCJsZXQgaXRlbSBvZiBncm91cC5jb250cm9sc1tmaWVsZC5uYW1lXS52YWx1ZSB8IHNsaWNlOjA6MzBcIiBbdmFsdWVdPVwiaXRlbVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgc3R5bGU9XCJkaXNwbGF5Om5vbmVcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyIGtsZXNDb21wb25lbnQgW2NvbXBvbmVudF09XCJmaWVsZC5hdXRvY29tcGxldGVDb21wb25lbnRcIiBbdmFsdWVdPVwiaXRlbVwiIFtmaWVsZF09XCJmaWVsZFwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvbWF0LW9wdGlvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiIWZpZWxkLm11bHRpcGxlICYmIGdyb3VwLmNvbnRyb2xzW2ZpZWxkLm5hbWVdLnZhbHVlXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPG1hdC1vcHRpb24gKm5nRm9yPVwibGV0IGl0ZW0gb2YgW2dyb3VwPy5jb250cm9sc1tmaWVsZC5uYW1lXT8udmFsdWVdXCIgW3ZhbHVlXT1cIml0ZW1cIiBzdHlsZT1cImRpc3BsYXk6bm9uZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyIGtsZXNDb21wb25lbnQgW2NvbXBvbmVudF09XCJmaWVsZC5hdXRvY29tcGxldGVDb21wb25lbnRcIiBbdmFsdWVdPVwiaXRlbVwiIFtmaWVsZF09XCJmaWVsZFwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvbWF0LW9wdGlvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICA8bmctdGVtcGxhdGUgI2VtcHR5T3B0aW9uPlxuICAgICAgICAgICAgICAgICAgICA8bWF0LW9wdGlvbiBjbGFzcz1cImhpZGUtY2hlY2tib3hcIiBkaXNhYmxlZD48ZGl2IGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cInNwYWNlLWJldHdlZW4gY2VudGVyXCI+e3snbG9hZGluZycgfCB0cmFuc2xhdGV9fS4uLiA8bWF0LXNwaW5uZXIgY2xhc3M9XCJzcGlubmVyXCIgZGlhbWV0ZXI9XCIyMFwiPjwvbWF0LXNwaW5uZXI+PC9kaXY+PC9tYXQtb3B0aW9uPlxuICAgICAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgICAgICA8L2Nkay12aXJ0dWFsLXNjcm9sbC12aWV3cG9ydD5cblxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiIWZpZWxkLnZpcnR1YWxTY3JvbGxcIj5cbiAgICAgICAgICAgIDxtYXQtb3B0aW9uPlxuICAgICAgICAgICAgICAgIDxuZ3gtbWF0LXNlbGVjdC1zZWFyY2ggW2Zvcm1Db250cm9sXT1cInNlYXJjaENvbnRyb2xcIiBbY2xlYXJTZWFyY2hJbnB1dF09XCJmYWxzZVwiIFxuICAgICAgICAgICAgICAgIHBsYWNlaG9sZGVyTGFiZWw9XCJcIiBub0VudHJpZXNGb3VuZExhYmVsID1cIlwiPjwvbmd4LW1hdC1zZWxlY3Qtc2VhcmNoPlxuICAgICAgICAgICAgPC9tYXQtb3B0aW9uPlxuXG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiIWlzTG9hZGluZzsgZWxzZSBlbXB0eU9wdGlvblwiPlxuICAgICAgICAgICAgICAgIDxtYXQtY2hlY2tib3ggKm5nSWY9XCJmaWVsZC5tdWx0aXBsZVwiIGNsYXNzPVwic2VsZWN0QWxsXCIgW2Zvcm1Db250cm9sXT1cInNlbGVjdEFsbENvbnRyb2xcIlxuICAgICAgICAgICAgICAgICAgICAgICAgKGNoYW5nZSk9XCJ0b2dnbGVBbGxTZWxlY3Rpb24oJGV2ZW50KVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAge3snc2VsZWN0QWxsJyB8IHRyYW5zbGF0ZX19XG4gICAgICAgICAgICAgICAgPC9tYXQtY2hlY2tib3g+XG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFmaWVsZC5hdXRvY29tcGxldGVDb21wb25lbnRcIj5cbiAgICAgICAgICAgICAgICAgICAgPG1hdC1vcHRpb24gKm5nRm9yPVwibGV0IGl0ZW0gb2Ygb3B0aW9uc0ZpbHRlcmVkJCB8IGFzeW5jXCIgW3ZhbHVlXT1cIml0ZW1cIiBbZGlzYWJsZWRdPVwiaXRlbT8uZGlzYWJsZWRcIj57eyhmaWVsZC5wcm9wZXJ0eSA/IGl0ZW1bZmllbGQucHJvcGVydHldIDogaXRlbSkgfCBrbGVzVHJhbnNmb3JtOmZpZWxkLnBpcGVUcmFuc2Zvcm19fTwvbWF0LW9wdGlvbj5cbiAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJmaWVsZC5hdXRvY29tcGxldGVDb21wb25lbnRcIj5cbiAgICAgICAgICAgICAgICAgICAgPG1hdC1vcHRpb24gKm5nRm9yPVwibGV0IGl0ZW0gb2Ygb3B0aW9uc0ZpbHRlcmVkJCB8IGFzeW5jXCIgW3ZhbHVlXT1cIml0ZW1cIiBbZGlzYWJsZWRdPVwiaXRlbT8uZGlzYWJsZWRcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIga2xlc0NvbXBvbmVudCBbY29tcG9uZW50XT1cImZpZWxkLmF1dG9jb21wbGV0ZUNvbXBvbmVudFwiIFt2YWx1ZV09XCJpdGVtXCIgW2ZpZWxkXT1cImZpZWxkXCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICAgICAgICAgIDwvbWF0LW9wdGlvbj5cbiAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICAgICAgICA8bmctdGVtcGxhdGUgI2VtcHR5T3B0aW9uPlxuICAgICAgICAgICAgICAgIDxtYXQtb3B0aW9uIGNsYXNzPVwiaGlkZS1jaGVja2JveFwiIGRpc2FibGVkPjxkaXYgZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dEFsaWduPVwic3BhY2UtYmV0d2VlbiBjZW50ZXJcIj57eydsb2FkaW5nJyB8IHRyYW5zbGF0ZX19Li4uIDxtYXQtc3Bpbm5lciBjbGFzcz1cInNwaW5uZXJcIiBkaWFtZXRlcj1cIjIwXCI+PC9tYXQtc3Bpbm5lcj48L2Rpdj48L21hdC1vcHRpb24+XG4gICAgICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC9tYXQtc2VsZWN0PlxuXG4gICAgICAgIDxkaXYgbWF0U3VmZml4PlxuICAgICAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IHZhbGlkYXRpb24gb2YgZmllbGQudmFsaWRhdGlvbnM7XCIgbmdQcm9qZWN0QXM9XCJtYXQtZXJyb3JcIj5cbiAgICAgICAgICAgICAgICA8bWF0LWVycm9yICpuZ0lmPVwiZ3JvdXAuZ2V0KGZpZWxkLm5hbWUpLmhhc0Vycm9yKHZhbGlkYXRpb24ubmFtZSlcIj57e3ZhbGlkYXRpb24ubWVzc2FnZSB8IHRyYW5zbGF0ZX19PC9tYXQtZXJyb3I+XG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IHZhbGlkYXRpb24gb2YgZmllbGQuYXN5bmNWYWxpZGF0aW9ucztcIiBuZ1Byb2plY3RBcz1cIm1hdC1lcnJvclwiPlxuICAgICAgICAgICAgICAgIDxtYXQtZXJyb3IgKm5nSWY9XCJncm91cC5nZXQoZmllbGQubmFtZSkuaGFzRXJyb3IodmFsaWRhdGlvbi5uYW1lKVwiPnt7dmFsaWRhdGlvbi5tZXNzYWdlIHwgdHJhbnNsYXRlfX08L21hdC1lcnJvcj5cbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwvbWF0LWZvcm0tZmllbGQ+XG5gLFxuICAgIHN0eWxlczogWydtYXQtZm9ybS1maWVsZCB7d2lkdGg6IGNhbGMoMTAwJSl9JywgJy5zZWxlY3RBbGwge3BhZGRpbmc6IDEwcHggMTZweDt9JyxcbiAgICAgICAgYDo6bmctZGVlcCAuaGlkZS1jaGVja2JveCAubWF0LXBzZXVkby1jaGVja2JveCB7IGRpc3BsYXk6IG5vbmUgIWltcG9ydGFudDsgIH1gXSxcbn0pXG5leHBvcnQgY2xhc3MgS2xlc0Zvcm1TZWxlY3RMYXp5U2VhcmNoQ29tcG9uZW50IGV4dGVuZHMgS2xlc0Zvcm1TZWxlY3RTZWFyY2hDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG5cbiAgICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgdmlld1JlZjogVmlld0NvbnRhaW5lclJlZiwgcHJvdGVjdGVkIHJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHtcbiAgICAgICAgc3VwZXIodmlld1JlZiwgcmVmKTtcbiAgICB9XG5cbiAgICBuZ09uSW5pdCgpIHtcbiAgICAgICAgdGhpcy5maWVsZC5sYXp5ID0gdHJ1ZTtcbiAgICAgICAgdGhpcy5maWVsZC5kZWJvdW5jZVRpbWUgPSB0aGlzLmZpZWxkLmRlYm91bmNlVGltZSA/IHRoaXMuZmllbGQuZGVib3VuY2VUaW1lIDogNTAwO1xuICAgICAgICBzdXBlci5uZ09uSW5pdCgpO1xuICAgIH1cblxuICAgIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgICAgICBzdXBlci5uZ09uRGVzdHJveSgpO1xuICAgIH1cblxuICAgIHByb3RlY3RlZCBvblNlYXJjaENoYW5nZSh2YWx1ZTogc3RyaW5nKTogT2JzZXJ2YWJsZTxhbnlbXT4ge1xuICAgICAgICBpZiAodGhpcy5maWVsZC5vcHRpb25zIGluc3RhbmNlb2YgRnVuY3Rpb24pIHtcbiAgICAgICAgICAgIGlmICh0aGlzLm9wZW5DaGFuZ2UkLmdldFZhbHVlKCkgJiYgdGhpcy5maWVsZC5vcHRpb25zIGluc3RhbmNlb2YgRnVuY3Rpb24pIHtcbiAgICAgICAgICAgICAgICBpZiAodmFsdWUpIHtcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIHRoaXMuZmllbGQub3B0aW9ucyh2YWx1ZSkucGlwZSh0YWtlKDEpKTtcbiAgICAgICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAgICAgICByZXR1cm4gdGhpcy5maWVsZC5vcHRpb25zKCkucGlwZSh0YWtlKDEpKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICByZXR1cm4gb2YodGhpcy5ncm91cC5jb250cm9sc1t0aGlzLmZpZWxkLm5hbWVdLnZhbHVlID8gW3RoaXMuZ3JvdXAuY29udHJvbHNbdGhpcy5maWVsZC5uYW1lXS52YWx1ZV0gOiBbXSk7XG4gICAgICAgIH1cbiAgICAgICAgZWxzZSB7XG4gICAgICAgICAgICByZXR1cm4gc3VwZXIub25TZWFyY2hDaGFuZ2UodmFsdWUpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIG9wZW5DaGFuZ2VFdmVudCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5vcGVuQ2hhbmdlJFxuICAgICAgICAgICAgLnBpcGUoXG4gICAgICAgICAgICAgICAgdGFrZVVudGlsKHRoaXMuX29uRGVzdHJveSksXG4gICAgICAgICAgICAgICAgc3dpdGNoTWFwKChpc09wZW4pID0+IHtcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIHRoaXMub25PcGVuQ2hhbmdlKGlzT3BlbikucGlwZShtYXAoKG9wdGlvbnMpID0+ICh7IG9wdGlvbnMsIGlzT3BlbiB9KSkpO1xuICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICApXG4gICAgICAgICAgICAuc3Vic2NyaWJlKCh7IG9wdGlvbnMsIGlzT3BlbiB9KSA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKCFpc09wZW4pIHtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5zZWFyY2hDb250cm9sLnJlc2V0KG51bGwsIHsgZW1pdEV2ZW50OiBmYWxzZSB9KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgdGhpcy5vcHRpb25zRmlsdGVyZWQkLm5leHQob3B0aW9ucyk7XG4gICAgICAgICAgICAgICAgdGhpcy5pc0xvYWRpbmcgPSBmYWxzZTtcbiAgICAgICAgICAgICAgICB0aGlzLnJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgICAgICAgICAgIH0pO1xuICAgIH1cbn1cbiJdfQ==
|