@3kles/kles-material-dynamicforms 18.1.2 → 19.0.0
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/README.md +0 -1
- package/fesm2022/3kles-kles-material-dynamicforms.mjs +1735 -1880
- package/fesm2022/3kles-kles-material-dynamicforms.mjs.map +1 -1
- package/lib/directive/dynamic-component.directive.d.ts +1 -1
- package/lib/directive/dynamic-field.directive.d.ts +2 -2
- package/lib/directive/mat-error-form.directive.d.ts +1 -1
- package/lib/directive/mat-error-message.directive.d.ts +1 -1
- package/lib/dynamic-form-intl.d.ts +7 -0
- package/lib/dynamic-form.component.d.ts +1 -1
- package/lib/fields/array.component.d.ts +1 -1
- package/lib/fields/badge.component.d.ts +1 -1
- package/lib/fields/button-fab.component.d.ts +1 -1
- package/lib/fields/button-form.component.d.ts +1 -1
- package/lib/fields/button-icon.component.d.ts +1 -1
- package/lib/fields/button-mini-fab.component.d.ts +1 -1
- package/lib/fields/button-toogle-group.component.d.ts +1 -1
- package/lib/fields/buttonchecker-form.component.d.ts +1 -1
- package/lib/fields/buttonfile-form.component.d.ts +1 -1
- package/lib/fields/checkbox-indeterminate.component.d.ts +1 -1
- package/lib/fields/checkbox.component.d.ts +1 -1
- package/lib/fields/chip.component.d.ts +1 -1
- package/lib/fields/clear.component.d.ts +1 -1
- package/lib/fields/color.component.d.ts +1 -1
- package/lib/fields/copy.component.d.ts +6 -6
- package/lib/fields/date.component.d.ts +1 -1
- package/lib/fields/field.abstract.d.ts +1 -1
- package/lib/fields/file.component.d.ts +1 -1
- package/lib/fields/group.component.d.ts +1 -1
- package/lib/fields/icon.component.d.ts +1 -1
- package/lib/fields/input.clearable.component.d.ts +6 -2
- package/lib/fields/input.component.d.ts +6 -2
- package/lib/fields/label.component.d.ts +1 -1
- package/lib/fields/line-break.component.d.ts +1 -1
- package/lib/fields/link.component.d.ts +3 -3
- package/lib/fields/list-field.component.d.ts +1 -1
- package/lib/fields/radio.component.d.ts +1 -1
- package/lib/fields/range.component.d.ts +2 -2
- package/lib/fields/select.component.d.ts +4 -2
- package/lib/fields/select.lazy-search.component.d.ts +4 -2
- package/lib/fields/select.search.component.d.ts +4 -2
- package/lib/fields/selection-list.component.d.ts +1 -1
- package/lib/fields/selection-list.search.component.d.ts +1 -1
- package/lib/fields/slide-toggle.component.d.ts +2 -2
- package/lib/fields/text.component.d.ts +1 -1
- package/lib/fields/textarea.component.d.ts +1 -1
- package/lib/forms/button-control-base.d.ts +1 -1
- package/lib/forms/button-control.component.d.ts +1 -1
- package/lib/forms/buttonchecker-control.component.d.ts +1 -1
- package/lib/forms/buttonfile-control.component.d.ts +1 -1
- package/lib/forms/fab-control.component.d.ts +1 -1
- package/lib/forms/file-control.component.d.ts +1 -1
- package/lib/forms/icon-button-control.component.d.ts +1 -1
- package/lib/forms/indeterminate-checkbox.d.ts +2 -1
- package/lib/forms/mini-fab-control.component.d.ts +1 -1
- package/lib/kles-material-dynamicforms.module.d.ts +58 -60
- package/lib/modules/material.module.d.ts +4 -5
- package/lib/pipe/array.pipe.d.ts +1 -1
- package/lib/pipe/transform.pipe.d.ts +1 -1
- package/package.json +13 -22
- package/public-api.d.ts +2 -1
- package/esm2022/3kles-kles-material-dynamicforms.mjs +0 -5
- package/esm2022/lib/controls/array.control.mjs +0 -57
- package/esm2022/lib/controls/control.abstract.mjs +0 -31
- package/esm2022/lib/controls/control.interface.mjs +0 -2
- package/esm2022/lib/controls/default.control.mjs +0 -34
- package/esm2022/lib/controls/group.control.mjs +0 -49
- package/esm2022/lib/controls/range.control.mjs +0 -18
- package/esm2022/lib/decorators/component.decorator.mjs +0 -12
- package/esm2022/lib/directive/dynamic-component.directive.mjs +0 -44
- package/esm2022/lib/directive/dynamic-field.directive.mjs +0 -109
- package/esm2022/lib/directive/mat-error-form.directive.mjs +0 -54
- package/esm2022/lib/directive/mat-error-message.directive.mjs +0 -53
- package/esm2022/lib/dynamic-form.component.mjs +0 -214
- package/esm2022/lib/enums/button-attribute.enum.mjs +0 -8
- package/esm2022/lib/enums/type.enum.mjs +0 -21
- package/esm2022/lib/factories/field.factory.mjs +0 -6
- package/esm2022/lib/fields/array.component.mjs +0 -61
- package/esm2022/lib/fields/badge.component.mjs +0 -39
- package/esm2022/lib/fields/button-fab.component.mjs +0 -48
- package/esm2022/lib/fields/button-form.component.mjs +0 -50
- package/esm2022/lib/fields/button-icon.component.mjs +0 -48
- package/esm2022/lib/fields/button-mini-fab.component.mjs +0 -48
- package/esm2022/lib/fields/button-toogle-group.component.mjs +0 -55
- package/esm2022/lib/fields/buttonchecker-form.component.mjs +0 -48
- package/esm2022/lib/fields/buttonfile-form.component.mjs +0 -51
- package/esm2022/lib/fields/checkbox-indeterminate.component.mjs +0 -42
- package/esm2022/lib/fields/checkbox.component.mjs +0 -42
- package/esm2022/lib/fields/chip.component.mjs +0 -44
- package/esm2022/lib/fields/clear.component.mjs +0 -35
- package/esm2022/lib/fields/color.component.mjs +0 -134
- package/esm2022/lib/fields/copy.component.mjs +0 -45
- package/esm2022/lib/fields/date-time.component.mjs +0 -61
- package/esm2022/lib/fields/date.component.mjs +0 -60
- package/esm2022/lib/fields/field.abstract.mjs +0 -88
- package/esm2022/lib/fields/file.component.mjs +0 -41
- package/esm2022/lib/fields/group.component.mjs +0 -80
- package/esm2022/lib/fields/icon.component.mjs +0 -27
- package/esm2022/lib/fields/input.clearable.component.mjs +0 -144
- package/esm2022/lib/fields/input.component.mjs +0 -252
- package/esm2022/lib/fields/label.component.mjs +0 -39
- package/esm2022/lib/fields/line-break.component.mjs +0 -26
- package/esm2022/lib/fields/link.component.mjs +0 -31
- package/esm2022/lib/fields/list-field.component.mjs +0 -157
- package/esm2022/lib/fields/radio.component.mjs +0 -50
- package/esm2022/lib/fields/range.component.mjs +0 -81
- package/esm2022/lib/fields/select.component.mjs +0 -358
- package/esm2022/lib/fields/select.lazy-search.component.mjs +0 -303
- package/esm2022/lib/fields/select.search.component.mjs +0 -475
- package/esm2022/lib/fields/selection-list.component.mjs +0 -149
- package/esm2022/lib/fields/selection-list.search.component.mjs +0 -193
- package/esm2022/lib/fields/slide-toggle.component.mjs +0 -29
- package/esm2022/lib/fields/text.component.mjs +0 -42
- package/esm2022/lib/fields/textarea.component.mjs +0 -64
- package/esm2022/lib/forms/button-control-base.mjs +0 -89
- package/esm2022/lib/forms/button-control.component.mjs +0 -91
- package/esm2022/lib/forms/buttonchecker-control.component.mjs +0 -98
- package/esm2022/lib/forms/buttonfile-control.component.mjs +0 -124
- package/esm2022/lib/forms/fab-control.component.mjs +0 -60
- package/esm2022/lib/forms/file-control.component.mjs +0 -72
- package/esm2022/lib/forms/icon-button-control.component.mjs +0 -55
- package/esm2022/lib/forms/indeterminate-checkbox.mjs +0 -91
- package/esm2022/lib/forms/mini-fab-control.component.mjs +0 -60
- package/esm2022/lib/interfaces/clear-control.interface.mjs +0 -2
- package/esm2022/lib/interfaces/component.interface.mjs +0 -2
- package/esm2022/lib/interfaces/directive.interface.mjs +0 -2
- package/esm2022/lib/interfaces/field.config.interface.mjs +0 -2
- package/esm2022/lib/interfaces/field.interface.mjs +0 -2
- package/esm2022/lib/interfaces/validator.interface.mjs +0 -2
- package/esm2022/lib/kles-material-dynamicforms.module.mjs +0 -261
- package/esm2022/lib/matcher/form-error.matcher.mjs +0 -16
- package/esm2022/lib/modules/material.module.mjs +0 -279
- package/esm2022/lib/pipe/array.pipe.mjs +0 -22
- package/esm2022/lib/pipe/transform.pipe.mjs +0 -28
- package/esm2022/lib/selection/selection-model.mjs +0 -231
- package/esm2022/lib/utils/destroyable.guard.mjs +0 -5
- package/esm2022/lib/validators/autocomplete.validator.mjs +0 -23
- package/esm2022/public-api.mjs +0 -92
- package/lib/fields/date-time.component.d.ts +0 -9
|
@@ -1,89 +0,0 @@
|
|
|
1
|
-
import { Input, Component } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export class KlesButtonBase {
|
|
4
|
-
constructor() {
|
|
5
|
-
this.name = '';
|
|
6
|
-
this.label = '';
|
|
7
|
-
this.color = 'accent';
|
|
8
|
-
this.icon = '';
|
|
9
|
-
this.iconSvg = '';
|
|
10
|
-
this.disabled = false;
|
|
11
|
-
this.classButton = '';
|
|
12
|
-
this.value = {};
|
|
13
|
-
this._type = 'button';
|
|
14
|
-
this.onChange = () => { };
|
|
15
|
-
this.onTouched = () => { };
|
|
16
|
-
}
|
|
17
|
-
get type() {
|
|
18
|
-
return this._type;
|
|
19
|
-
}
|
|
20
|
-
set type(value) {
|
|
21
|
-
this._type = value || this._type;
|
|
22
|
-
}
|
|
23
|
-
ngOnInit() {
|
|
24
|
-
}
|
|
25
|
-
click(event) {
|
|
26
|
-
if (!this.disabled && this.value && this._type === 'button') {
|
|
27
|
-
this.value.event = this.name;
|
|
28
|
-
this.onChange(this.value);
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
writeValue(value) {
|
|
32
|
-
if (!value) {
|
|
33
|
-
value = { event: this.name };
|
|
34
|
-
}
|
|
35
|
-
if (!value.event) {
|
|
36
|
-
value.event = this.name;
|
|
37
|
-
}
|
|
38
|
-
if (value.uiButton) {
|
|
39
|
-
const uiButton = value.uiButton;
|
|
40
|
-
this.label = (uiButton.label) ? uiButton.label : this.label;
|
|
41
|
-
this.color = (uiButton.color) ? uiButton.color : this.color;
|
|
42
|
-
this.icon = (uiButton.icon) ? uiButton.icon : this.icon;
|
|
43
|
-
this.iconSvg = (uiButton.iconSvg) ? uiButton.iconSvg : this.iconSvg;
|
|
44
|
-
this.disabled = (uiButton.disabled) ? uiButton.disabled : this.disabled;
|
|
45
|
-
this.classButton = (uiButton.class) ? uiButton.class : this.classButton;
|
|
46
|
-
this.type = (uiButton.type) ? uiButton.type : 'submit';
|
|
47
|
-
}
|
|
48
|
-
this.value = value;
|
|
49
|
-
}
|
|
50
|
-
registerOnChange(fn) {
|
|
51
|
-
this.onChange = fn;
|
|
52
|
-
}
|
|
53
|
-
registerOnTouched(fn) {
|
|
54
|
-
this.onTouched = fn;
|
|
55
|
-
}
|
|
56
|
-
setDisabledState(isDisabled) {
|
|
57
|
-
this.disabled = isDisabled;
|
|
58
|
-
}
|
|
59
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KlesButtonBase, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
60
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: KlesButtonBase, selector: "ng-component", inputs: { name: "name", label: "label", color: "color", icon: "icon", iconSvg: "iconSvg", disabled: "disabled", type: "type", classButton: "classButton", value: "value", tooltip: "tooltip" }, ngImport: i0, template: '', isInline: true }); }
|
|
61
|
-
}
|
|
62
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KlesButtonBase, decorators: [{
|
|
63
|
-
type: Component,
|
|
64
|
-
args: [{
|
|
65
|
-
template: ''
|
|
66
|
-
}]
|
|
67
|
-
}], propDecorators: { name: [{
|
|
68
|
-
type: Input
|
|
69
|
-
}], label: [{
|
|
70
|
-
type: Input
|
|
71
|
-
}], color: [{
|
|
72
|
-
type: Input
|
|
73
|
-
}], icon: [{
|
|
74
|
-
type: Input
|
|
75
|
-
}], iconSvg: [{
|
|
76
|
-
type: Input
|
|
77
|
-
}], disabled: [{
|
|
78
|
-
type: Input
|
|
79
|
-
}], type: [{
|
|
80
|
-
type: Input,
|
|
81
|
-
args: ['type']
|
|
82
|
-
}], classButton: [{
|
|
83
|
-
type: Input
|
|
84
|
-
}], value: [{
|
|
85
|
-
type: Input
|
|
86
|
-
}], tooltip: [{
|
|
87
|
-
type: Input
|
|
88
|
-
}] } });
|
|
89
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWNvbnRyb2wtYmFzZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tsZXMtbWF0ZXJpYWwtZHluYW1pY2Zvcm1zL3NyYy9saWIvZm9ybXMvYnV0dG9uLWNvbnRyb2wtYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQVUsS0FBSyxFQUFjLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFzQnJFLE1BQU0sT0FBZ0IsY0FBYztJQUhwQztRQUlhLFNBQUksR0FBRyxFQUFFLENBQUM7UUFDVixVQUFLLEdBQUcsRUFBRSxDQUFDO1FBQ1gsVUFBSyxHQUFHLFFBQVEsQ0FBQztRQUNqQixTQUFJLEdBQUcsRUFBRSxDQUFDO1FBQ1YsWUFBTyxHQUFHLEVBQUUsQ0FBQztRQUNiLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFPakIsZ0JBQVcsR0FBRyxFQUFFLENBQUM7UUFDakIsVUFBSyxHQUFZLEVBQUUsQ0FBQztRQUduQixVQUFLLEdBQUcsUUFBUSxDQUFDO1FBRTNCLGFBQVEsR0FBUSxHQUFHLEVBQUUsR0FBRyxDQUFDLENBQUM7UUFDMUIsY0FBUyxHQUFRLEdBQUcsRUFBRSxHQUFHLENBQUMsQ0FBQztLQTJDOUI7SUF4REcsSUFBbUIsSUFBSTtRQUNuQixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDdEIsQ0FBQztJQUNELElBQUksSUFBSSxDQUFDLEtBQVU7UUFDZixJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDO0lBQ3JDLENBQUM7SUFVRCxRQUFRO0lBQ1IsQ0FBQztJQUVELEtBQUssQ0FBQyxLQUFLO1FBQ1AsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLEtBQUssSUFBSSxJQUFJLENBQUMsS0FBSyxLQUFLLFFBQVEsRUFBRSxDQUFDO1lBQzFELElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxHQUFH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cnQgeyBPbkluaXQsIElucHV0LCBJbmplY3RhYmxlLCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5leHBvcnQgaW50ZXJmYWNlIElCdXR0b24ge1xuICAgIGV2ZW50PzogYW55O1xuICAgIHVpQnV0dG9uPzogSVVJQnV0dG9uO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIElVSUJ1dHRvbiB7XG4gICAgbGFiZWw/OiBzdHJpbmc7XG4gICAgY29sb3I/OiBzdHJpbmc7XG4gICAgaWNvbj86IHN0cmluZztcbiAgICBpY29uU3ZnPzogc3RyaW5nO1xuICAgIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgICBjbGFzcz86IHN0cmluZztcbiAgICB0eXBlPzogc3RyaW5nO1xuICAgIGFjY2VwdD86IHN0cmluZztcbn1cblxuQENvbXBvbmVudCh7XG4gICAgdGVtcGxhdGU6ICcnXG59KVxuZXhwb3J0IGFic3RyYWN0IGNsYXNzIEtsZXNCdXR0b25CYXNlIGltcGxlbWVudHMgT25Jbml0LCBDb250cm9sVmFsdWVBY2Nlc3NvciB7XG4gICAgQElucHV0KCkgbmFtZSA9ICcnO1xuICAgIEBJbnB1dCgpIGxhYmVsID0gJyc7XG4gICAgQElucHV0KCkgY29sb3IgPSAnYWNjZW50JztcbiAgICBASW5wdXQoKSBpY29uID0gJyc7XG4gICAgQElucHV0KCkgaWNvblN2ZyA9ICcnO1xuICAgIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG4gICAgQElucHV0KCd0eXBlJykgZ2V0IHR5cGUoKTogYW55IHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX3R5cGU7XG4gICAgfVxuICAgIHNldCB0eXBlKHZhbHVlOiBhbnkpIHtcbiAgICAgICAgdGhpcy5fdHlwZSA9IHZhbHVlIHx8IHRoaXMuX3R5cGU7XG4gICAgfVxuICAgIEBJbnB1dCgpIGNsYXNzQnV0dG9uID0gJyc7XG4gICAgQElucHV0KCkgdmFsdWU6IElCdXR0b24gPSB7fTtcbiAgICBASW5wdXQoKSB0b29sdGlwPzogc3RyaW5nO1xuXG4gICAgcHJvdGVjdGVkIF90eXBlID0gJ2J1dHRvbic7XG5cbiAgICBvbkNoYW5nZTogYW55ID0gKCkgPT4geyB9O1xuICAgIG9uVG91Y2hlZDogYW55ID0gKCkgPT4geyB9O1xuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgfVxuXG4gICAgY2xpY2soZXZlbnQpIHtcbiAgICAgICAgaWYgKCF0aGlzLmRpc2FibGVkICYmIHRoaXMudmFsdWUgJiYgdGhpcy5fdHlwZSA9PT0gJ2J1dHRvbicpIHtcbiAgICAgICAgICAgIHRoaXMudmFsdWUuZXZlbnQgPSB0aGlzLm5hbWU7XG4gICAgICAgICAgICB0aGlzLm9uQ2hhbmdlKHRoaXMudmFsdWUpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgd3JpdGVWYWx1ZSh2YWx1ZTogSUJ1dHRvbik6IHZvaWQge1xuICAgICAgICBpZiAoIXZhbHVlKSB7XG4gICAgICAgICAgICB2YWx1ZSA9IHsgZXZlbnQ6IHRoaXMubmFtZSB9O1xuICAgICAgICB9XG4gICAgICAgIGlmICghdmFsdWUuZXZlbnQpIHtcbiAgICAgICAgICAgIHZhbHVlLmV2ZW50ID0gdGhpcy5uYW1lO1xuICAgICAgICB9XG4gICAgICAgIGlmICh2YWx1ZS51aUJ1dHRvbikge1xuICAgICAgICAgICAgY29uc3QgdWlCdXR0b24gPSB2YWx1ZS51aUJ1dHRvbjtcbiAgICAgICAgICAgIHRoaXMubGFiZWwgPSAodWlCdXR0b24ubGFiZWwpID8gdWlCdXR0b24ubGFiZWwgOiB0aGlzLmxhYmVsO1xuICAgICAgICAgICAgdGhpcy5jb2xvciA9ICh1aUJ1dHRvbi5jb2xvcikgPyB1aUJ1dHRvbi5jb2xvciA6IHRoaXMuY29sb3I7XG4gICAgICAgICAgICB0aGlzLmljb24gPSAodWlCdXR0b24uaWNvbikgPyB1aUJ1dHRvbi5pY29uIDogdGhpcy5pY29uO1xuICAgICAgICAgICAgdGhpcy5pY29uU3ZnID0gKHVpQnV0dG9uLmljb25TdmcpID8gdWlCdXR0b24uaWNvblN2ZyA6IHRoaXMuaWNvblN2ZztcbiAgICAgICAgICAgIHRoaXMuZGlzYWJsZWQgPSAodWlCdXR0b24uZGlzYWJsZWQpID8gdWlCdXR0b24uZGlzYWJsZWQgOiB0aGlzLmRpc2FibGVkO1xuICAgICAgICAgICAgdGhpcy5jbGFzc0J1dHRvbiA9ICh1aUJ1dHRvbi5jbGFzcykgPyB1aUJ1dHRvbi5jbGFzcyA6IHRoaXMuY2xhc3NCdXR0b247XG4gICAgICAgICAgICB0aGlzLnR5cGUgPSAodWlCdXR0b24udHlwZSkgPyB1aUJ1dHRvbi50eXBlIDogJ3N1Ym1pdCc7XG4gICAgICAgIH1cbiAgICAgICAgdGhpcy52YWx1ZSA9IHZhbHVlO1xuICAgIH1cblxuICAgIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xuICAgICAgICB0aGlzLm9uQ2hhbmdlID0gZm47XG4gICAgfVxuXG4gICAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSk6IHZvaWQge1xuICAgICAgICB0aGlzLm9uVG91Y2hlZCA9IGZuO1xuICAgIH1cblxuICAgIHNldERpc2FibGVkU3RhdGU/KGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICAgICAgdGhpcy5kaXNhYmxlZCA9IGlzRGlzYWJsZWQ7XG4gICAgfVxufSJdfQ==
|
|
@@ -1,91 +0,0 @@
|
|
|
1
|
-
import { Component, Input, forwardRef, signal } from '@angular/core';
|
|
2
|
-
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
|
-
import { KlesButtonBase } from './button-control-base';
|
|
4
|
-
import { EnumButtonAttribute } from '../enums/button-attribute.enum';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
import * as i1 from "@angular/common";
|
|
7
|
-
import * as i2 from "@angular/material/button";
|
|
8
|
-
import * as i3 from "@angular/material/icon";
|
|
9
|
-
import * as i4 from "@angular/material/tooltip";
|
|
10
|
-
import * as i5 from "@ngx-translate/core";
|
|
11
|
-
/*From angular material
|
|
12
|
-
https://github.com/angular/components/blob/17.0.x/src/material/button/button-base.ts#L40C1-L56C5
|
|
13
|
-
*/
|
|
14
|
-
const HOST_SELECTOR_MDC_CLASS_PAIR = [
|
|
15
|
-
{
|
|
16
|
-
attribute: EnumButtonAttribute['mat-button'],
|
|
17
|
-
mdcClasses: ['mdc-button', 'mat-mdc-button'],
|
|
18
|
-
},
|
|
19
|
-
{
|
|
20
|
-
attribute: EnumButtonAttribute['mat-flat-button'],
|
|
21
|
-
mdcClasses: ['mdc-button', 'mdc-button--unelevated', 'mat-mdc-unelevated-button'],
|
|
22
|
-
},
|
|
23
|
-
{
|
|
24
|
-
attribute: EnumButtonAttribute['mat-raised-button'],
|
|
25
|
-
mdcClasses: ['mdc-button', 'mdc-button--raised', 'mat-mdc-raised-button'],
|
|
26
|
-
},
|
|
27
|
-
{
|
|
28
|
-
attribute: EnumButtonAttribute['mat-stroked-button'],
|
|
29
|
-
mdcClasses: ['mdc-button', 'mdc-button--outlined', 'mat-mdc-outlined-button'],
|
|
30
|
-
}
|
|
31
|
-
];
|
|
32
|
-
export class KlesButtonComponent extends KlesButtonBase {
|
|
33
|
-
constructor() {
|
|
34
|
-
super(...arguments);
|
|
35
|
-
this.mdcClasses = signal(HOST_SELECTOR_MDC_CLASS_PAIR[0].mdcClasses);
|
|
36
|
-
}
|
|
37
|
-
set attribute(attribute) {
|
|
38
|
-
this.mdcClasses.set(HOST_SELECTOR_MDC_CLASS_PAIR.find(selector => selector.attribute === attribute)?.mdcClasses || []);
|
|
39
|
-
}
|
|
40
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KlesButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
41
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: KlesButtonComponent, selector: "kles-button", inputs: { attribute: "attribute" }, providers: [
|
|
42
|
-
{
|
|
43
|
-
provide: NG_VALUE_ACCESSOR,
|
|
44
|
-
useExisting: forwardRef(() => KlesButtonComponent),
|
|
45
|
-
multi: true
|
|
46
|
-
}
|
|
47
|
-
], usesInheritance: true, ngImport: i0, template: `
|
|
48
|
-
<button mat-button [type]="type" [ngClass]="classButton || mdcClasses()" [color]="(color)?color:'primary'" [disabled]="disabled"
|
|
49
|
-
(click)="click($event)" [matTooltip]="tooltip">
|
|
50
|
-
{{label | translate}}
|
|
51
|
-
|
|
52
|
-
@if (icon) {
|
|
53
|
-
<mat-icon>{{icon}}</mat-icon>
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
@if (iconSvg) {
|
|
57
|
-
<mat-icon svgIcon="{{iconSvg}}"></mat-icon>
|
|
58
|
-
}
|
|
59
|
-
</button>
|
|
60
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] }); }
|
|
61
|
-
}
|
|
62
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KlesButtonComponent, decorators: [{
|
|
63
|
-
type: Component,
|
|
64
|
-
args: [{
|
|
65
|
-
selector: 'kles-button',
|
|
66
|
-
template: `
|
|
67
|
-
<button mat-button [type]="type" [ngClass]="classButton || mdcClasses()" [color]="(color)?color:'primary'" [disabled]="disabled"
|
|
68
|
-
(click)="click($event)" [matTooltip]="tooltip">
|
|
69
|
-
{{label | translate}}
|
|
70
|
-
|
|
71
|
-
@if (icon) {
|
|
72
|
-
<mat-icon>{{icon}}</mat-icon>
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
@if (iconSvg) {
|
|
76
|
-
<mat-icon svgIcon="{{iconSvg}}"></mat-icon>
|
|
77
|
-
}
|
|
78
|
-
</button>
|
|
79
|
-
`,
|
|
80
|
-
providers: [
|
|
81
|
-
{
|
|
82
|
-
provide: NG_VALUE_ACCESSOR,
|
|
83
|
-
useExisting: forwardRef(() => KlesButtonComponent),
|
|
84
|
-
multi: true
|
|
85
|
-
}
|
|
86
|
-
]
|
|
87
|
-
}]
|
|
88
|
-
}], propDecorators: { attribute: [{
|
|
89
|
-
type: Input
|
|
90
|
-
}] } });
|
|
91
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWNvbnRyb2wuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2xlcy1tYXRlcmlhbC1keW5hbWljZm9ybXMvc3JjL2xpYi9mb3Jtcy9idXR0b24tY29udHJvbC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQWtCLFVBQVUsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDckYsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDbkQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdDQUFnQyxDQUFDOzs7Ozs7O0FBRXJFOztHQUVHO0FBQ0gsTUFBTSw0QkFBNEIsR0FBa0Q7SUFDaEY7UUFDSSxTQUFTLEVBQUUsbUJBQW1CLENBQUMsWUFBWSxDQUFDO1FBQzVDLFVBQVUsRUFBRSxDQUFDLFlBQVksRUFBRSxnQkFBZ0IsQ0FBQztLQUMvQztJQUNEO1FBQ0ksU0FBUyxFQUFFLG1CQUFtQixDQUFDLGlCQUFpQixDQUFDO1FBQ2pELFVBQVUsRUFBRSxDQUFDLFlBQVksRUFBRSx3QkFBd0IsRUFBRSwyQkFBMkIsQ0FBQztLQUNwRjtJQUNEO1FBQ0ksU0FBUyxFQUFFLG1CQUFtQixDQUFDLG1CQUFtQixDQUFDO1FBQ25ELFVBQVUsRUFBRSxDQUFDLFlBQVksRUFBRSxvQkFBb0IsRUFBRSx1QkFBdUIsQ0FBQztLQUM1RTtJQUNEO1FBQ0ksU0FBUyxFQUFFLG1CQUFtQixDQUFDLG9CQUFvQixDQUFDO1FBQ3BELFVBQVUsRUFBRSxDQUFDLFlBQVksRUFBRSxzQkFBc0IsRUFBRSx5QkFBeUIsQ0FBQztLQUNoRjtDQUNKLENBQUM7QUEyQkYsTUFBTSxPQUFPLG1CQUFvQixTQUFRLGNBQWM7SUF4QnZEOztRQTBCSSxlQUFVLEdBQUcsTUFBTSxDQUFDLDRCQUE0QixDQUFDLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDO0tBS25FO0lBSEcsSUFBYSxTQUFTLENBQUMsU0FBOEI7UUFDakQsSUFBSSxDQUFDLFVBQVUsQ0FBQyxHQUFHLENBQUMsNEJBQTRCLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLFNBQVMsS0FBSyxTQUFTLENBQUMsRUFBRSxVQUFVLElBQUksRUFBRSxDQUFDLENBQUM7SUFDM0gsQ0FBQzsrR0FOUSxtQkFBbUI7bUdBQW5CLG1CQUFtQiwwRUFSakI7WUFDUDtnQkFDSSxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLG1CQUFtQixDQUFDO2dCQUNsRCxLQUFLLEVBQUUsSUFBSTthQUNkO1NBQ0osaURBcEJTOzs7Ozs7Ozs7Ozs7O0tBYVQ7OzRGQVNRLG1CQUFtQjtrQkF4Qi9CLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLGFBQWE7b0JBQ3ZCLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7OztLQWFUO29CQUNELFNBQVMsRUFBRTt3QkFDUDs0QkFDSSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxvQkFBb0IsQ0FBQzs0QkFDbEQsS0FBSyxFQUFFLElBQUk7eUJBQ2Q7cUJBQ0o7aUJBQ0o7OEJBS2dCLFNBQVM7c0JBQXJCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQsIFNpZ25hbCwgZm9yd2FyZFJlZiwgc2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEtsZXNCdXR0b25CYXNlIH0gZnJvbSAnLi9idXR0b24tY29udHJvbC1iYXNlJztcbmltcG9ydCB7IEVudW1CdXR0b25BdHRyaWJ1dGUgfSBmcm9tICcuLi9lbnVtcy9idXR0b24tYXR0cmlidXRlLmVudW0nO1xuXG4vKkZyb20gYW5ndWxhciBtYXRlcmlhbCBcbiAgICBodHRwczovL2dpdGh1Yi5jb20vYW5ndWxhci9jb21wb25lbnRzL2Jsb2IvMTcuMC54L3NyYy9tYXRlcmlhbC9idXR0b24vYnV0dG9uLWJhc2UudHMjTDQwQzEtTDU2QzVcbiAqL1xuY29uc3QgSE9TVF9TRUxFQ1RPUl9NRENfQ0xBU1NfUEFJUjogeyBhdHRyaWJ1dGU6IHN0cmluZzsgbWRjQ2xhc3Nlczogc3RyaW5nW10gfVtdID0gW1xuICAgIHtcbiAgICAgICAgYXR0cmlidXRlOiBFbnVtQnV0dG9uQXR0cmlidXRlWydtYXQtYnV0dG9uJ10sXG4gICAgICAgIG1kY0NsYXNzZXM6IFsnbWRjLWJ1dHRvbicsICdtYXQtbWRjLWJ1dHRvbiddLFxuICAgIH0sXG4gICAge1xuICAgICAgICBhdHRyaWJ1dGU6IEVudW1CdXR0b25BdHRyaWJ1dGVbJ21hdC1mbGF0LWJ1dHRvbiddLFxuICAgICAgICBtZGNDbGFzc2VzOiBbJ21kYy1idXR0b24nLCAnbWRjLWJ1dHRvbi0tdW5lbGV2YXRlZCcsICdtYXQtbWRjLXVuZWxldmF0ZWQtYnV0dG9uJ10sXG4gICAgfSxcbiAgICB7XG4gICAgICAgIGF0dHJpYnV0ZTogRW51bUJ1dHRvbkF0dHJpYnV0ZVsnbWF0LXJhaXNlZC1idXR0b24nXSxcbiAgICAgICAgbWRjQ2xhc3NlczogWydtZGMtYnV0dG9uJywgJ21kYy1idXR0b24tLXJhaXNlZCcsICdtYXQtbWRjLXJhaXNlZC1idXR0b24nXSxcbiAgICB9LFxuICAgIHtcbiAgICAgICAgYXR0cmlidXRlOiBFbnVtQnV0dG9uQXR0cmlidXRlWydtYXQtc3Ryb2tlZC1idXR0b24nXSxcbiAgICAgICAgbWRjQ2xhc3NlczogWydtZGMtYnV0dG9uJywgJ21kYy1idXR0b24tLW91dGxpbmVkJywgJ21hdC1tZGMtb3V0bGluZWQtYnV0dG9uJ10sXG4gICAgfVxuXTtcblxuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2tsZXMtYnV0dG9uJyxcbiAgICB0ZW1wbGF0ZTogYFxuICAgICAgICAgICAgPGJ1dHRvbiBtYXQtYnV0dG9uIFt0eXBlXT1cInR5cGVcIiBbbmdDbGFzc109XCJjbGFzc0J1dHRvbiB8fCBtZGNDbGFzc2VzKClcIiBbY29sb3JdPVwiKGNvbG9yKT9jb2xvcjoncHJpbWFyeSdcIiBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgICAgICAgICAgKGNsaWNrKT1cImNsaWNrKCRldmVudClcIiBbbWF0VG9vbHRpcF09XCJ0b29sdGlwXCI+XG4gICAgICAgICAgICAgICAge3tsYWJlbCB8IHRyYW5zbGF0ZX19XG5cbiAgICAgICAgICAgICAgICBAaWYgKGljb24pIHtcbiAgICAgICAgICAgICAgICAgICAgPG1hdC1pY29uPnt7aWNvbn19PC9tYXQtaWNvbj5cbiAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICBAaWYgKGljb25TdmcpIHtcbiAgICAgICAgICAgICAgICAgICAgPG1hdC1pY29uIHN2Z0ljb249XCJ7e2ljb25Tdmd9fVwiPjwvbWF0LWljb24+XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgPC9idXR0b24+XG4gICAgYCxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAge1xuICAgICAgICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICAgICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBLbGVzQnV0dG9uQ29tcG9uZW50KSxcbiAgICAgICAgICAgIG11bHRpOiB0cnVlXG4gICAgICAgIH1cbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIEtsZXNCdXR0b25Db21wb25lbnQgZXh0ZW5kcyBLbGVzQnV0dG9uQmFzZSBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgICBtZGNDbGFzc2VzID0gc2lnbmFsKEhPU1RfU0VMRUNUT1JfTURDX0NMQVNTX1BBSVJbMF0ubWRjQ2xhc3Nlcyk7XG5cbiAgICBASW5wdXQoKSBzZXQgYXR0cmlidXRlKGF0dHJpYnV0ZTogRW51bUJ1dHRvbkF0dHJpYnV0ZSkge1xuICAgICAgICB0aGlzLm1kY0NsYXNzZXMuc2V0KEhPU1RfU0VMRUNUT1JfTURDX0NMQVNTX1BBSVIuZmluZChzZWxlY3RvciA9PiBzZWxlY3Rvci5hdHRyaWJ1dGUgPT09IGF0dHJpYnV0ZSk/Lm1kY0NsYXNzZXMgfHwgW10pO1xuICAgIH1cbn0iXX0=
|
|
@@ -1,98 +0,0 @@
|
|
|
1
|
-
import { Component, forwardRef } from '@angular/core';
|
|
2
|
-
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
|
-
import { KlesButtonBase } from './button-control-base';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "@angular/material/badge";
|
|
6
|
-
import * as i2 from "@angular/material/progress-spinner";
|
|
7
|
-
import * as i3 from "./button-control.component";
|
|
8
|
-
import * as i4 from "@ngx-translate/core";
|
|
9
|
-
export class KlesButtonCheckerComponent extends KlesButtonBase {
|
|
10
|
-
constructor() {
|
|
11
|
-
super(...arguments);
|
|
12
|
-
this.value = {
|
|
13
|
-
busy: false,
|
|
14
|
-
error: [],
|
|
15
|
-
event: false
|
|
16
|
-
};
|
|
17
|
-
}
|
|
18
|
-
countError() {
|
|
19
|
-
return (this.value.error) ? this.value.error.length : 0;
|
|
20
|
-
}
|
|
21
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KlesButtonCheckerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
22
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: KlesButtonCheckerComponent, selector: "kles-button-checker", providers: [
|
|
23
|
-
{
|
|
24
|
-
provide: NG_VALUE_ACCESSOR,
|
|
25
|
-
useExisting: forwardRef(() => KlesButtonCheckerComponent),
|
|
26
|
-
multi: true
|
|
27
|
-
}
|
|
28
|
-
], usesInheritance: true, ngImport: i0, template: `
|
|
29
|
-
@if (value.error && !value.busy) {
|
|
30
|
-
<span>
|
|
31
|
-
<kles-button
|
|
32
|
-
[classButton]="classButton"
|
|
33
|
-
[name]="name" [label]="label" [color]="color"
|
|
34
|
-
[icon]="icon" [iconSvg]="iconSvg"
|
|
35
|
-
[value]="value"
|
|
36
|
-
[tooltip]="tooltip"
|
|
37
|
-
[disabled]="disabled"
|
|
38
|
-
matBadge="{{countError()}}" (click)="click($event)">
|
|
39
|
-
</kles-button>
|
|
40
|
-
</span>
|
|
41
|
-
}
|
|
42
|
-
<span style="text-align: center;">
|
|
43
|
-
@if (value.busy || false) {
|
|
44
|
-
<span style="text-align: center;margin-right: 10px">
|
|
45
|
-
<mat-spinner [diameter]="25"></mat-spinner>
|
|
46
|
-
</span>
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
@if (value.message) {
|
|
50
|
-
<span style="margin-right: 10px">
|
|
51
|
-
{{value.message|translate}}
|
|
52
|
-
</span>
|
|
53
|
-
}
|
|
54
|
-
</span>
|
|
55
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: i1.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i3.KlesButtonComponent, selector: "kles-button", inputs: ["attribute"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
|
|
56
|
-
}
|
|
57
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KlesButtonCheckerComponent, decorators: [{
|
|
58
|
-
type: Component,
|
|
59
|
-
args: [{
|
|
60
|
-
selector: 'kles-button-checker',
|
|
61
|
-
template: `
|
|
62
|
-
@if (value.error && !value.busy) {
|
|
63
|
-
<span>
|
|
64
|
-
<kles-button
|
|
65
|
-
[classButton]="classButton"
|
|
66
|
-
[name]="name" [label]="label" [color]="color"
|
|
67
|
-
[icon]="icon" [iconSvg]="iconSvg"
|
|
68
|
-
[value]="value"
|
|
69
|
-
[tooltip]="tooltip"
|
|
70
|
-
[disabled]="disabled"
|
|
71
|
-
matBadge="{{countError()}}" (click)="click($event)">
|
|
72
|
-
</kles-button>
|
|
73
|
-
</span>
|
|
74
|
-
}
|
|
75
|
-
<span style="text-align: center;">
|
|
76
|
-
@if (value.busy || false) {
|
|
77
|
-
<span style="text-align: center;margin-right: 10px">
|
|
78
|
-
<mat-spinner [diameter]="25"></mat-spinner>
|
|
79
|
-
</span>
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
@if (value.message) {
|
|
83
|
-
<span style="margin-right: 10px">
|
|
84
|
-
{{value.message|translate}}
|
|
85
|
-
</span>
|
|
86
|
-
}
|
|
87
|
-
</span>
|
|
88
|
-
`,
|
|
89
|
-
providers: [
|
|
90
|
-
{
|
|
91
|
-
provide: NG_VALUE_ACCESSOR,
|
|
92
|
-
useExisting: forwardRef(() => KlesButtonCheckerComponent),
|
|
93
|
-
multi: true
|
|
94
|
-
}
|
|
95
|
-
]
|
|
96
|
-
}]
|
|
97
|
-
}] });
|
|
98
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uY2hlY2tlci1jb250cm9sLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tsZXMtbWF0ZXJpYWwtZHluYW1pY2Zvcm1zL3NyYy9saWIvZm9ybXMvYnV0dG9uY2hlY2tlci1jb250cm9sLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN0RCxPQUFPLEVBQXdCLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDekUsT0FBTyxFQUFXLGNBQWMsRUFBRSxNQUFNLHVCQUF1QixDQUFDOzs7Ozs7QUErQ2hFLE1BQU0sT0FBTywwQkFBMkIsU0FBUSxjQUFjO0lBdEM5RDs7UUF1Q0ksVUFBSyxHQUFtQjtZQUNwQixJQUFJLEVBQUUsS0FBSztZQUNYLEtBQUssRUFBRSxFQUFFO1lBQ1QsS0FBSyxFQUFFLEtBQUs7U0FDZixDQUFDO0tBS0w7SUFIRyxVQUFVO1FBQ04sT0FBTyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQzVELENBQUM7K0dBVFEsMEJBQTBCO21HQUExQiwwQkFBMEIsOENBUnhCO1lBQ1A7Z0JBQ0ksT0FBTyxFQUFFLGlCQUFpQjtnQkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQywwQkFBMEIsQ0FBQztnQkFDekQsS0FBSyxFQUFFLElBQUk7YUFDZDtTQUNKLGlEQWxDUzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0tBMkJUOzs0RkFTUSwwQkFBMEI7a0JBdEN0QyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxxQkFBcUI7b0JBQy9CLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0tBMkJUO29CQUNELFNBQVMsRUFBRTt3QkFDUDs0QkFDSSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSwyQkFBMkIsQ0FBQzs0QkFDekQsS0FBSyxFQUFFLElBQUk7eUJBQ2Q7cUJBQ0o7aUJBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGZvcndhcmRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IElCdXR0b24sIEtsZXNCdXR0b25CYXNlIH0gZnJvbSAnLi9idXR0b24tY29udHJvbC1iYXNlJztcblxuXG5leHBvcnQgaW50ZXJmYWNlIElCdXR0b25DaGVja2VyIGV4dGVuZHMgSUJ1dHRvbiB7XG4gICAgYnVzeTogYm9vbGVhbjtcbiAgICBlcnJvcj86IGFueVtdO1xuICAgIG1lc3NhZ2U/OiBzdHJpbmc7XG59XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAna2xlcy1idXR0b24tY2hlY2tlcicsXG4gICAgdGVtcGxhdGU6IGBcbiAgICAgICAgQGlmICh2YWx1ZS5lcnJvciAmJiAhdmFsdWUuYnVzeSkge1xuICAgICAgICAgICAgPHNwYW4+XG4gICAgICAgICAgICAgICAgPGtsZXMtYnV0dG9uIFxuICAgICAgICAgICAgICAgICAgICBbY2xhc3NCdXR0b25dPVwiY2xhc3NCdXR0b25cIiBcbiAgICAgICAgICAgICAgICAgICAgW25hbWVdPVwibmFtZVwiIFtsYWJlbF09XCJsYWJlbFwiIFtjb2xvcl09XCJjb2xvclwiIFxuICAgICAgICAgICAgICAgICAgICBbaWNvbl09XCJpY29uXCIgW2ljb25TdmddPVwiaWNvblN2Z1wiXG4gICAgICAgICAgICAgICAgICAgIFt2YWx1ZV09XCJ2YWx1ZVwiIFxuICAgICAgICAgICAgICAgICAgICBbdG9vbHRpcF09XCJ0b29sdGlwXCJcbiAgICAgICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICAgICAgICAgICAgICAgICAgbWF0QmFkZ2U9XCJ7e2NvdW50RXJyb3IoKX19XCIgKGNsaWNrKT1cImNsaWNrKCRldmVudClcIj5cbiAgICAgICAgICAgICAgICA8L2tsZXMtYnV0dG9uPlxuICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICB9XG4gICAgICAgIDxzcGFuIHN0eWxlPVwidGV4dC1hbGlnbjogY2VudGVyO1wiPlxuICAgICAgICAgICAgQGlmICh2YWx1ZS5idXN5IHx8IGZhbHNlKSB7XG4gICAgICAgICAgICAgICAgPHNwYW4gc3R5bGU9XCJ0ZXh0LWFsaWduOiBjZW50ZXI7bWFyZ2luLXJpZ2h0OiAxMHB4XCI+XG4gICAgICAgICAgICAgICAgICAgIDxtYXQtc3Bpbm5lciBbZGlhbWV0ZXJdPVwiMjVcIj48L21hdC1zcGlubmVyPlxuICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgQGlmICh2YWx1ZS5tZXNzYWdlKSB7XG4gICAgICAgICAgICAgICAgPHNwYW4gc3R5bGU9XCJtYXJnaW4tcmlnaHQ6IDEwcHhcIj5cbiAgICAgICAgICAgICAgICAgICAge3t2YWx1ZS5tZXNzYWdlfHRyYW5zbGF0ZX19XG4gICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgfVxuICAgICAgICA8L3NwYW4+XG4gICAgYCxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAge1xuICAgICAgICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICAgICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBLbGVzQnV0dG9uQ2hlY2tlckNvbXBvbmVudCksXG4gICAgICAgICAgICBtdWx0aTogdHJ1ZVxuICAgICAgICB9XG4gICAgXVxufSlcbmV4cG9ydCBjbGFzcyBLbGVzQnV0dG9uQ2hlY2tlckNvbXBvbmVudCBleHRlbmRzIEtsZXNCdXR0b25CYXNlIGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xuICAgIHZhbHVlOiBJQnV0dG9uQ2hlY2tlciA9IHtcbiAgICAgICAgYnVzeTogZmFsc2UsXG4gICAgICAgIGVycm9yOiBbXSxcbiAgICAgICAgZXZlbnQ6IGZhbHNlXG4gICAgfTtcblxuICAgIGNvdW50RXJyb3IoKTogbnVtYmVyIHtcbiAgICAgICAgcmV0dXJuICh0aGlzLnZhbHVlLmVycm9yKSA/IHRoaXMudmFsdWUuZXJyb3IubGVuZ3RoIDogMDtcbiAgICB9XG59Il19
|
|
@@ -1,124 +0,0 @@
|
|
|
1
|
-
import { Input } from '@angular/core';
|
|
2
|
-
import { Component, forwardRef, ViewChild } from '@angular/core';
|
|
3
|
-
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
4
|
-
import { KlesButtonBase } from './button-control-base';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
import * as i1 from "./button-control.component";
|
|
7
|
-
export class KlesButtonFileComponent extends KlesButtonBase {
|
|
8
|
-
constructor() {
|
|
9
|
-
super(...arguments);
|
|
10
|
-
this.accept = '*.*';
|
|
11
|
-
this.fileReader = new FileReader();
|
|
12
|
-
this.value = {};
|
|
13
|
-
}
|
|
14
|
-
click(event) {
|
|
15
|
-
if (!this.disabled) {
|
|
16
|
-
this.file.nativeElement.click();
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
writeValue(value) {
|
|
20
|
-
if (!value) {
|
|
21
|
-
value = { event: this.name };
|
|
22
|
-
}
|
|
23
|
-
if (!value.event) {
|
|
24
|
-
value.event = this.name;
|
|
25
|
-
}
|
|
26
|
-
if (value.uiButton) {
|
|
27
|
-
const uiButton = value.uiButton;
|
|
28
|
-
this.label = (uiButton.label) ? uiButton.label : this.label;
|
|
29
|
-
this.color = (uiButton.color) ? uiButton.color : this.color;
|
|
30
|
-
this.icon = (uiButton.icon) ? uiButton.icon : this.icon;
|
|
31
|
-
this.iconSvg = (uiButton.iconSvg) ? uiButton.iconSvg : this.iconSvg;
|
|
32
|
-
this.disabled = (uiButton.disabled) ? uiButton.disabled : this.disabled;
|
|
33
|
-
this.classButton = (uiButton.class) ? uiButton.class : this.classButton;
|
|
34
|
-
this.accept = (uiButton.accept) ? uiButton.accept : this.accept;
|
|
35
|
-
}
|
|
36
|
-
this.value = value;
|
|
37
|
-
}
|
|
38
|
-
onFileLoad(fileLoadedEvent) {
|
|
39
|
-
const textFromFileLoaded = fileLoadedEvent.target.result;
|
|
40
|
-
this.fileContent = textFromFileLoaded;
|
|
41
|
-
}
|
|
42
|
-
async onFileSelect(input) {
|
|
43
|
-
if (input.files.length > 0) {
|
|
44
|
-
const files = input.files;
|
|
45
|
-
let fileContent = [];
|
|
46
|
-
if (files && files.length) {
|
|
47
|
-
for (let i = 0; i < files.length; i++) {
|
|
48
|
-
try {
|
|
49
|
-
fileContent[i] = await this.readUploadedFile(files[i]);
|
|
50
|
-
}
|
|
51
|
-
catch (e) {
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
if (fileContent.length === 1) {
|
|
55
|
-
fileContent = fileContent[0];
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
this.value.event = this.name;
|
|
59
|
-
this.value.fileContent = fileContent;
|
|
60
|
-
this.onChange(this.value);
|
|
61
|
-
input.value = '';
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
readUploadedFile(inputFile) {
|
|
65
|
-
const temporaryFileReader = new FileReader();
|
|
66
|
-
return new Promise((resolve, reject) => {
|
|
67
|
-
temporaryFileReader.onerror = () => {
|
|
68
|
-
temporaryFileReader.abort();
|
|
69
|
-
const error = new DOMException('Problem parsing input file.');
|
|
70
|
-
reject(error);
|
|
71
|
-
};
|
|
72
|
-
temporaryFileReader.onload = () => {
|
|
73
|
-
resolve(temporaryFileReader.result);
|
|
74
|
-
};
|
|
75
|
-
temporaryFileReader.readAsArrayBuffer(inputFile);
|
|
76
|
-
});
|
|
77
|
-
}
|
|
78
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KlesButtonFileComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
79
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: KlesButtonFileComponent, selector: "kles-button-file", inputs: { accept: "accept" }, providers: [
|
|
80
|
-
{
|
|
81
|
-
provide: NG_VALUE_ACCESSOR,
|
|
82
|
-
useExisting: forwardRef(() => KlesButtonFileComponent),
|
|
83
|
-
multi: true
|
|
84
|
-
}
|
|
85
|
-
], viewQueries: [{ propertyName: "file", first: true, predicate: ["file"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
|
|
86
|
-
<input type="file" #file style="display: none" [accept]="accept" (change)="onFileSelect($event.target)" multiple />
|
|
87
|
-
<kles-button
|
|
88
|
-
[classButton]="classButton"
|
|
89
|
-
[name]="name" [label]="label" [color]="color"
|
|
90
|
-
[icon]="icon" [iconSvg]="iconSvg"
|
|
91
|
-
[disabled]="disabled"
|
|
92
|
-
[value]="value" (click)="click($event)">
|
|
93
|
-
</kles-button>
|
|
94
|
-
`, isInline: true, dependencies: [{ kind: "component", type: i1.KlesButtonComponent, selector: "kles-button", inputs: ["attribute"] }] }); }
|
|
95
|
-
}
|
|
96
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KlesButtonFileComponent, decorators: [{
|
|
97
|
-
type: Component,
|
|
98
|
-
args: [{
|
|
99
|
-
selector: 'kles-button-file',
|
|
100
|
-
template: `
|
|
101
|
-
<input type="file" #file style="display: none" [accept]="accept" (change)="onFileSelect($event.target)" multiple />
|
|
102
|
-
<kles-button
|
|
103
|
-
[classButton]="classButton"
|
|
104
|
-
[name]="name" [label]="label" [color]="color"
|
|
105
|
-
[icon]="icon" [iconSvg]="iconSvg"
|
|
106
|
-
[disabled]="disabled"
|
|
107
|
-
[value]="value" (click)="click($event)">
|
|
108
|
-
</kles-button>
|
|
109
|
-
`,
|
|
110
|
-
providers: [
|
|
111
|
-
{
|
|
112
|
-
provide: NG_VALUE_ACCESSOR,
|
|
113
|
-
useExisting: forwardRef(() => KlesButtonFileComponent),
|
|
114
|
-
multi: true
|
|
115
|
-
}
|
|
116
|
-
]
|
|
117
|
-
}]
|
|
118
|
-
}], propDecorators: { file: [{
|
|
119
|
-
type: ViewChild,
|
|
120
|
-
args: ['file']
|
|
121
|
-
}], accept: [{
|
|
122
|
-
type: Input
|
|
123
|
-
}] } });
|
|
124
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uZmlsZS1jb250cm9sLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tsZXMtbWF0ZXJpYWwtZHluYW1pY2Zvcm1zL3NyYy9saWIvZm9ybXMvYnV0dG9uZmlsZS1jb250cm9sLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3RDLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNuRCxPQUFPLEVBQVcsY0FBYyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7OztBQTBCaEUsTUFBTSxPQUFPLHVCQUF3QixTQUFRLGNBQWM7SUFwQjNEOztRQXNCYSxXQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ3hCLGVBQVUsR0FBRyxJQUFJLFVBQVUsRUFBRSxDQUFDO1FBRTlCLFVBQUssR0FBZ0IsRUFBRSxDQUFDO0tBdUUzQjtJQXBFRyxLQUFLLENBQUMsS0FBSztRQUNQLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDakIsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDcEMsQ0FBQztJQUNMLENBQUM7SUFFRCxVQUFVLENBQUMsS0FBYztRQUNyQixJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDVCxLQUFLLEdBQUcsRUFBRSxLQUFLLEVBQUUsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ2pDLENBQUM7UUFDRCxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssRUFBRSxDQUFDO1lBQ2YsS0FBSyxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDO1FBQzVCLENBQUM7UUFDRCxJQUFJLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNqQixNQUFNLFFBQVEsR0FBRyxLQUFLLENBQUMsUUFBUSxDQUFDO1lBQ2hDLElBQUksQ0FBQyxLQUFLLEdBQUcsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUM7WUFDNUQsSUFBSSxDQUFDLEtBQUssR0FBRyxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQztZQUM1RCxJQUFJLENBQUMsSUFBSSxHQUFHLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDO1lBQ3hELElBQUksQ0FBQyxPQUFPLEdBQUcsQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUM7WUFDcEUsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQztZQUN4RSxJQUFJLENBQUMsV0FBVyxHQUFHLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDO1lBQ3hFLElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUM7UUFDcEUsQ0FBQztRQUNELElBQUksQ0FBQyxLQUFLLEdB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QVM7dUJBQUMsTUFBTTtnQkFDUixNQUFNO3NCQUFkLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBmb3J3YXJkUmVmLCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgSUJ1dHRvbiwgS2xlc0J1dHRvbkJhc2UgfSBmcm9tICcuL2J1dHRvbi1jb250cm9sLWJhc2UnO1xuXG5leHBvcnQgaW50ZXJmYWNlIElCdXR0b25GaWxlIGV4dGVuZHMgSUJ1dHRvbiB7XG4gICAgZmlsZUNvbnRlbnQ/OiBzdHJpbmcgfCBzdHJpbmdbXTtcbn1cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdrbGVzLWJ1dHRvbi1maWxlJyxcbiAgICB0ZW1wbGF0ZTogYFxuICAgICAgICA8aW5wdXQgdHlwZT1cImZpbGVcIiAjZmlsZSBzdHlsZT1cImRpc3BsYXk6IG5vbmVcIiBbYWNjZXB0XT1cImFjY2VwdFwiIChjaGFuZ2UpPVwib25GaWxlU2VsZWN0KCRldmVudC50YXJnZXQpXCIgbXVsdGlwbGUgLz5cbiAgICAgICAgPGtsZXMtYnV0dG9uXG4gICAgICAgICAgICBbY2xhc3NCdXR0b25dPVwiY2xhc3NCdXR0b25cIlxuICAgICAgICAgICAgW25hbWVdPVwibmFtZVwiIFtsYWJlbF09XCJsYWJlbFwiIFtjb2xvcl09XCJjb2xvclwiXG4gICAgICAgICAgICBbaWNvbl09XCJpY29uXCIgW2ljb25TdmddPVwiaWNvblN2Z1wiXG4gICAgICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgICAgICAgICAgW3ZhbHVlXT1cInZhbHVlXCIgKGNsaWNrKT1cImNsaWNrKCRldmVudClcIj5cbiAgICAgICAgPC9rbGVzLWJ1dHRvbj5cbiAgICBgLFxuICAgIHByb3ZpZGVyczogW1xuICAgICAgICB7XG4gICAgICAgICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgICAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IEtsZXNCdXR0b25GaWxlQ29tcG9uZW50KSxcbiAgICAgICAgICAgIG11bHRpOiB0cnVlXG4gICAgICAgIH1cbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIEtsZXNCdXR0b25GaWxlQ29tcG9uZW50IGV4dGVuZHMgS2xlc0J1dHRvbkJhc2Uge1xuICAgIEBWaWV3Q2hpbGQoJ2ZpbGUnKSBmaWxlO1xuICAgIEBJbnB1dCgpIGFjY2VwdCA9ICcqLionO1xuICAgIGZpbGVSZWFkZXIgPSBuZXcgRmlsZVJlYWRlcigpO1xuICAgIGZpbGVDb250ZW50OiBzdHJpbmcgfCBzdHJpbmdbXTtcbiAgICB2YWx1ZTogSUJ1dHRvbkZpbGUgPSB7fTtcblxuXG4gICAgY2xpY2soZXZlbnQpIHtcbiAgICAgICAgaWYgKCF0aGlzLmRpc2FibGVkKSB7XG4gICAgICAgICAgICB0aGlzLmZpbGUubmF0aXZlRWxlbWVudC5jbGljaygpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgd3JpdGVWYWx1ZSh2YWx1ZTogSUJ1dHRvbik6IHZvaWQge1xuICAgICAgICBpZiAoIXZhbHVlKSB7XG4gICAgICAgICAgICB2YWx1ZSA9IHsgZXZlbnQ6IHRoaXMubmFtZSB9O1xuICAgICAgICB9XG4gICAgICAgIGlmICghdmFsdWUuZXZlbnQpIHtcbiAgICAgICAgICAgIHZhbHVlLmV2ZW50ID0gdGhpcy5uYW1lO1xuICAgICAgICB9XG4gICAgICAgIGlmICh2YWx1ZS51aUJ1dHRvbikge1xuICAgICAgICAgICAgY29uc3QgdWlCdXR0b24gPSB2YWx1ZS51aUJ1dHRvbjtcbiAgICAgICAgICAgIHRoaXMubGFiZWwgPSAodWlCdXR0b24ubGFiZWwpID8gdWlCdXR0b24ubGFiZWwgOiB0aGlzLmxhYmVsO1xuICAgICAgICAgICAgdGhpcy5jb2xvciA9ICh1aUJ1dHRvbi5jb2xvcikgPyB1aUJ1dHRvbi5jb2xvciA6IHRoaXMuY29sb3I7XG4gICAgICAgICAgICB0aGlzLmljb24gPSAodWlCdXR0b24uaWNvbikgPyB1aUJ1dHRvbi5pY29uIDogdGhpcy5pY29uO1xuICAgICAgICAgICAgdGhpcy5pY29uU3ZnID0gKHVpQnV0dG9uLmljb25TdmcpID8gdWlCdXR0b24uaWNvblN2ZyA6IHRoaXMuaWNvblN2ZztcbiAgICAgICAgICAgIHRoaXMuZGlzYWJsZWQgPSAodWlCdXR0b24uZGlzYWJsZWQpID8gdWlCdXR0b24uZGlzYWJsZWQgOiB0aGlzLmRpc2FibGVkO1xuICAgICAgICAgICAgdGhpcy5jbGFzc0J1dHRvbiA9ICh1aUJ1dHRvbi5jbGFzcykgPyB1aUJ1dHRvbi5jbGFzcyA6IHRoaXMuY2xhc3NCdXR0b247XG4gICAgICAgICAgICB0aGlzLmFjY2VwdCA9ICh1aUJ1dHRvbi5hY2NlcHQpID8gdWlCdXR0b24uYWNjZXB0IDogdGhpcy5hY2NlcHQ7XG4gICAgICAgIH1cbiAgICAgICAgdGhpcy52YWx1ZSA9IHZhbHVlO1xuICAgIH1cblxuXG4gICAgb25GaWxlTG9hZChmaWxlTG9hZGVkRXZlbnQpIHtcbiAgICAgICAgY29uc3QgdGV4dEZyb21GaWxlTG9hZGVkID0gZmlsZUxvYWRlZEV2ZW50LnRhcmdldC5yZXN1bHQ7XG4gICAgICAgIHRoaXMuZmlsZUNvbnRlbnQgPSB0ZXh0RnJvbUZpbGVMb2FkZWQ7XG4gICAgfVxuXG4gICAgYXN5bmMgb25GaWxlU2VsZWN0KGlucHV0OiBIVE1MSW5wdXRFbGVtZW50KSB7XG4gICAgICAgIGlmIChpbnB1dC5maWxlcy5sZW5ndGggPiAwKSB7XG4gICAgICAgICAgICBjb25zdCBmaWxlcyA9IGlucHV0LmZpbGVzO1xuICAgICAgICAgICAgbGV0IGZpbGVDb250ZW50ID0gW107XG4gICAgICAgICAgICBpZiAoZmlsZXMgJiYgZmlsZXMubGVuZ3RoKSB7XG4gICAgICAgICAgICAgICAgZm9yIChsZXQgaSA9IDA7IGkgPCBmaWxlcy5sZW5ndGg7IGkrKykge1xuICAgICAgICAgICAgICAgICAgICB0cnkge1xuICAgICAgICAgICAgICAgICAgICAgICAgZmlsZUNvbnRlbnRbaV0gPSBhd2FpdCB0aGlzLnJlYWRVcGxvYWRlZEZpbGUoZmlsZXNbaV0pO1xuICAgICAgICAgICAgICAgICAgICB9IGNhdGNoIChlKSB7XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgaWYgKGZpbGVDb250ZW50Lmxlbmd0aCA9PT0gMSkge1xuICAgICAgICAgICAgICAgICAgICBmaWxlQ29udGVudCA9IGZpbGVDb250ZW50WzBdO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIHRoaXMudmFsdWUuZXZlbnQgPSB0aGlzLm5hbWU7XG4gICAgICAgICAgICB0aGlzLnZhbHVlLmZpbGVDb250ZW50ID0gZmlsZUNvbnRlbnQ7XG4gICAgICAgICAgICB0aGlzLm9uQ2hhbmdlKHRoaXMudmFsdWUpO1xuICAgICAgICAgICAgaW5wdXQudmFsdWUgPSAnJztcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHJlYWRVcGxvYWRlZEZpbGUoaW5wdXRGaWxlKTogUHJvbWlzZTxhbnk+IHtcbiAgICAgICAgY29uc3QgdGVtcG9yYXJ5RmlsZVJlYWRlciA9IG5ldyBGaWxlUmVhZGVyKCk7XG4gICAgICAgIHJldHVybiBuZXcgUHJvbWlzZSgocmVzb2x2ZSwgcmVqZWN0KSA9PiB7XG4gICAgICAgICAgICB0ZW1wb3JhcnlGaWxlUmVhZGVyLm9uZXJyb3IgPSAoKSA9PiB7XG4gICAgICAgICAgICAgICAgdGVtcG9yYXJ5RmlsZVJlYWRlci5hYm9ydCgpO1xuICAgICAgICAgICAgICAgIGNvbnN0IGVycm9yOiBET01FeGNlcHRpb24gPSBuZXcgRE9NRXhjZXB0aW9uKCdQcm9ibGVtIHBhcnNpbmcgaW5wdXQgZmlsZS4nKTtcbiAgICAgICAgICAgICAgICByZWplY3QoZXJyb3IpO1xuICAgICAgICAgICAgfTtcbiAgICAgICAgICAgIHRlbXBvcmFyeUZpbGVSZWFkZXIub25sb2FkID0gKCkgPT4ge1xuICAgICAgICAgICAgICAgIHJlc29sdmUodGVtcG9yYXJ5RmlsZVJlYWRlci5yZXN1bHQpO1xuICAgICAgICAgICAgfTtcbiAgICAgICAgICAgIHRlbXBvcmFyeUZpbGVSZWFkZXIucmVhZEFzQXJyYXlCdWZmZXIoaW5wdXRGaWxlKTtcbiAgICAgICAgfSk7XG4gICAgfVxufVxuIl19
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
import { Component, forwardRef } from '@angular/core';
|
|
2
|
-
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
|
-
import { KlesButtonBase } from './button-control-base';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "@angular/common";
|
|
6
|
-
import * as i2 from "@angular/material/button";
|
|
7
|
-
import * as i3 from "@angular/material/icon";
|
|
8
|
-
import * as i4 from "@angular/material/tooltip";
|
|
9
|
-
import * as i5 from "@ngx-translate/core";
|
|
10
|
-
export class KlesFabComponent extends KlesButtonBase {
|
|
11
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KlesFabComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
12
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: KlesFabComponent, selector: "kles-fab", providers: [
|
|
13
|
-
{
|
|
14
|
-
provide: NG_VALUE_ACCESSOR,
|
|
15
|
-
useExisting: forwardRef(() => KlesFabComponent),
|
|
16
|
-
multi: true
|
|
17
|
-
}
|
|
18
|
-
], usesInheritance: true, ngImport: i0, template: `
|
|
19
|
-
<button mat-fab [extended]="!!label" [type]="type" [ngClass]="classButton" [color]="(color)?color:'primary'" [disabled]="disabled"
|
|
20
|
-
(click)="click($event)" [matTooltip]="tooltip">
|
|
21
|
-
{{label | translate}}
|
|
22
|
-
|
|
23
|
-
@if (icon) {
|
|
24
|
-
<mat-icon>{{icon}}</mat-icon>
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
@if (iconSvg) {
|
|
28
|
-
<mat-icon svgIcon="{{iconSvg}}"></mat-icon>
|
|
29
|
-
}
|
|
30
|
-
</button>
|
|
31
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.MatFabButton, selector: "button[mat-fab]", inputs: ["extended"], exportAs: ["matButton"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] }); }
|
|
32
|
-
}
|
|
33
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KlesFabComponent, decorators: [{
|
|
34
|
-
type: Component,
|
|
35
|
-
args: [{
|
|
36
|
-
selector: 'kles-fab',
|
|
37
|
-
template: `
|
|
38
|
-
<button mat-fab [extended]="!!label" [type]="type" [ngClass]="classButton" [color]="(color)?color:'primary'" [disabled]="disabled"
|
|
39
|
-
(click)="click($event)" [matTooltip]="tooltip">
|
|
40
|
-
{{label | translate}}
|
|
41
|
-
|
|
42
|
-
@if (icon) {
|
|
43
|
-
<mat-icon>{{icon}}</mat-icon>
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
@if (iconSvg) {
|
|
47
|
-
<mat-icon svgIcon="{{iconSvg}}"></mat-icon>
|
|
48
|
-
}
|
|
49
|
-
</button>
|
|
50
|
-
`,
|
|
51
|
-
providers: [
|
|
52
|
-
{
|
|
53
|
-
provide: NG_VALUE_ACCESSOR,
|
|
54
|
-
useExisting: forwardRef(() => KlesFabComponent),
|
|
55
|
-
multi: true
|
|
56
|
-
}
|
|
57
|
-
]
|
|
58
|
-
}]
|
|
59
|
-
}] });
|
|
60
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFiLWNvbnRyb2wuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2xlcy1tYXRlcmlhbC1keW5hbWljZm9ybXMvc3JjL2xpYi9mb3Jtcy9mYWItY29udHJvbC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBaUIsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQzs7Ozs7OztBQTRCdkQsTUFBTSxPQUFPLGdCQUFpQixTQUFRLGNBQWM7K0dBQXZDLGdCQUFnQjttR0FBaEIsZ0JBQWdCLG1DQVJkO1lBQ1A7Z0JBQ0ksT0FBTyxFQUFFLGlCQUFpQjtnQkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQztnQkFDL0MsS0FBSyxFQUFFLElBQUk7YUFDZDtTQUNKLGlEQXBCUzs7Ozs7Ozs7Ozs7OztLQWFUOzs0RkFTUSxnQkFBZ0I7a0JBeEI1QixTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxVQUFVO29CQUNwQixRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7S0FhVDtvQkFDRCxTQUFTLEVBQUU7d0JBQ1A7NEJBQ0ksT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsaUJBQWlCLENBQUM7NEJBQy9DLEtBQUssRUFBRSxJQUFJO3lCQUNkO3FCQUNKO2lCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0LCBmb3J3YXJkUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEtsZXNCdXR0b25CYXNlIH0gZnJvbSAnLi9idXR0b24tY29udHJvbC1iYXNlJztcblxuXG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAna2xlcy1mYWInLFxuICAgIHRlbXBsYXRlOiBgXG4gICAgICAgICAgICA8YnV0dG9uIG1hdC1mYWIgW2V4dGVuZGVkXT1cIiEhbGFiZWxcIiBbdHlwZV09XCJ0eXBlXCIgW25nQ2xhc3NdPVwiY2xhc3NCdXR0b25cIiBbY29sb3JdPVwiKGNvbG9yKT9jb2xvcjoncHJpbWFyeSdcIiBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgICAgICAgICAgKGNsaWNrKT1cImNsaWNrKCRldmVudClcIiBbbWF0VG9vbHRpcF09XCJ0b29sdGlwXCI+XG4gICAgICAgICAgICAgICAge3tsYWJlbCB8IHRyYW5zbGF0ZX19XG5cbiAgICAgICAgICAgICAgICBAaWYgKGljb24pIHtcbiAgICAgICAgICAgICAgICAgICAgPG1hdC1pY29uPnt7aWNvbn19PC9tYXQtaWNvbj5cbiAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICBAaWYgKGljb25TdmcpIHtcbiAgICAgICAgICAgICAgICAgICAgPG1hdC1pY29uIHN2Z0ljb249XCJ7e2ljb25Tdmd9fVwiPjwvbWF0LWljb24+XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgPC9idXR0b24+XG4gICAgYCxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAge1xuICAgICAgICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICAgICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBLbGVzRmFiQ29tcG9uZW50KSxcbiAgICAgICAgICAgIG11bHRpOiB0cnVlXG4gICAgICAgIH1cbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIEtsZXNGYWJDb21wb25lbnQgZXh0ZW5kcyBLbGVzQnV0dG9uQmFzZSBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbn0iXX0=
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
import { Component, forwardRef, Input } from '@angular/core';
|
|
2
|
-
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export class KlesFileControlComponent {
|
|
5
|
-
constructor() {
|
|
6
|
-
this.disabled = false;
|
|
7
|
-
this.accept = '*.*';
|
|
8
|
-
this.multiple = false;
|
|
9
|
-
this.onChange = () => { };
|
|
10
|
-
this.onTouched = () => { };
|
|
11
|
-
}
|
|
12
|
-
writeValue(obj) {
|
|
13
|
-
}
|
|
14
|
-
async onFileSelected(input) {
|
|
15
|
-
if (input.files.length > 0) {
|
|
16
|
-
const file = input.files;
|
|
17
|
-
let files = [];
|
|
18
|
-
for (let i = 0; i < file.length; i++) {
|
|
19
|
-
const currentFile = file.item(i);
|
|
20
|
-
files[i] = { name: currentFile.name, content: await currentFile.arrayBuffer() };
|
|
21
|
-
}
|
|
22
|
-
this.value = files;
|
|
23
|
-
this.onChange(this.value);
|
|
24
|
-
}
|
|
25
|
-
else {
|
|
26
|
-
this.value = null;
|
|
27
|
-
this.onChange(this.value);
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
registerOnChange(fn) {
|
|
31
|
-
this.onChange = fn;
|
|
32
|
-
}
|
|
33
|
-
registerOnTouched(fn) {
|
|
34
|
-
this.onTouched = fn;
|
|
35
|
-
}
|
|
36
|
-
setDisabledState(isDisabled) {
|
|
37
|
-
this.disabled = isDisabled;
|
|
38
|
-
}
|
|
39
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KlesFileControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
40
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: KlesFileControlComponent, selector: "kles-file-control", inputs: { disabled: "disabled", accept: "accept", multiple: "multiple" }, providers: [
|
|
41
|
-
{
|
|
42
|
-
provide: NG_VALUE_ACCESSOR,
|
|
43
|
-
useExisting: forwardRef(() => KlesFileControlComponent),
|
|
44
|
-
multi: true
|
|
45
|
-
}
|
|
46
|
-
], ngImport: i0, template: `
|
|
47
|
-
<input [accept]="accept" [multiple]="multiple" (change)="onFileSelected($event.target)" type="file">
|
|
48
|
-
`, isInline: true }); }
|
|
49
|
-
}
|
|
50
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KlesFileControlComponent, decorators: [{
|
|
51
|
-
type: Component,
|
|
52
|
-
args: [{
|
|
53
|
-
selector: 'kles-file-control',
|
|
54
|
-
template: `
|
|
55
|
-
<input [accept]="accept" [multiple]="multiple" (change)="onFileSelected($event.target)" type="file">
|
|
56
|
-
`,
|
|
57
|
-
providers: [
|
|
58
|
-
{
|
|
59
|
-
provide: NG_VALUE_ACCESSOR,
|
|
60
|
-
useExisting: forwardRef(() => KlesFileControlComponent),
|
|
61
|
-
multi: true
|
|
62
|
-
}
|
|
63
|
-
]
|
|
64
|
-
}]
|
|
65
|
-
}], propDecorators: { disabled: [{
|
|
66
|
-
type: Input
|
|
67
|
-
}], accept: [{
|
|
68
|
-
type: Input
|
|
69
|
-
}], multiple: [{
|
|
70
|
-
type: Input
|
|
71
|
-
}] } });
|
|
72
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS1jb250cm9sLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tsZXMtbWF0ZXJpYWwtZHluYW1pY2Zvcm1zL3NyYy9saWIvZm9ybXMvZmlsZS1jb250cm9sLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDN0QsT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDOztBQWV6RSxNQUFNLE9BQU8sd0JBQXdCO0lBYnJDO1FBY2EsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixXQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ2YsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUkxQixhQUFRLEdBQVEsR0FBRyxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBQzFCLGNBQVMsR0FBUSxHQUFHLEVBQUUsR0FBRyxDQUFDLENBQUM7S0FvQzlCO0lBbENHLFVBQVUsQ0FBQyxHQUFRO0lBQ25CLENBQUM7SUFFRCxLQUFLLENBQUMsY0FBYyxDQUFDLEtBQXVCO1FBQ3hDLElBQUksS0FBSyxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFLENBQUM7WUFDekIsTUFBTSxJQUFJLEdBQWEsS0FBSyxDQUFDLEtBQUssQ0FBQztZQUNuQyxJQUFJLEtBQUssR0FBRyxFQUFFLENBQUM7WUFFZixLQUFLLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDO2dCQUNuQyxNQUFNLFdBQVcsR0FBUyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO2dCQUV2QyxLQUFLLENBQUMsQ0FBQyxDQUFDLEdBQUcsRUFBRSxJQUFJLEVBQUUsV0FBVyxDQUFDLElBQUksRUFBRSxPQUFPLEVBQUUsTUFBTSxXQUFXLENBQUMsV0FBVyxFQUFFLEVBQUUsQ0FBQztZQUNwRixDQUFDO1lBRUQsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7WUFDbkIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDOUIsQ0FBQzthQUNJLENBQUM7WUFDRixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQztZQUNsQixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUM5QixDQUFDO0lBQ0wsQ0FBQztJQUVELGdCQUFnQixDQUFDLEVBQU87UUFDcEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7SUFDdkIsQ0FBQztJQUVELGlCQUFpQixDQUFDLEVBQU87UUFDckIsSUFBSSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQUVELGdCQUFnQixDQUFFLFVBQW1CO1FBQ2pDLElBQUksQ0FBQyxRQUFRLEdBQUcsVUFBVSxDQUFDO0lBQy9CLENBQUM7K0dBM0NRLHdCQUF3QjttR0FBeEIsd0JBQXdCLHNIQVJ0QjtZQUNQO2dCQUNJLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsd0JBQXdCLENBQUM7Z0JBQ3ZELEtBQUssRUFBRSxJQUFJO2FBQ2Q7U0FDSiwwQkFUUzs7S0FFVDs7NEZBU1Esd0JBQXdCO2tCQWJwQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxtQkFBbUI7b0JBQzdCLFFBQVEsRUFBRTs7S0FFVDtvQkFDRCxTQUFTLEVBQUU7d0JBQ1A7NEJBQ0ksT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUseUJBQXlCLENBQUM7NEJBQ3ZELEtBQUssRUFBRSxJQUFJO3lCQUNkO3FCQUNKO2lCQUNKOzhCQUVZLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGZvcndhcmRSZWYsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAna2xlcy1maWxlLWNvbnRyb2wnLFxuICAgIHRlbXBsYXRlOiBgXG4gICAgICAgIDxpbnB1dCBbYWNjZXB0XT1cImFjY2VwdFwiIFttdWx0aXBsZV09XCJtdWx0aXBsZVwiIChjaGFuZ2UpPVwib25GaWxlU2VsZWN0ZWQoJGV2ZW50LnRhcmdldClcIiB0eXBlPVwiZmlsZVwiPlxuICAgIGAsXG4gICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIHtcbiAgICAgICAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gS2xlc0ZpbGVDb250cm9sQ29tcG9uZW50KSxcbiAgICAgICAgICAgIG11bHRpOiB0cnVlXG4gICAgICAgIH1cbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIEtsZXNGaWxlQ29udHJvbENvbXBvbmVudCBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcbiAgICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIGFjY2VwdCA9ICcqLionO1xuICAgIEBJbnB1dCgpIG11bHRpcGxlID0gZmFsc2U7XG5cbiAgICB2YWx1ZTogeyBuYW1lOiBzdHJpbmc7IGNvbnRlbnQ6IEFycmF5QnVmZmVyOyB9W107XG5cbiAgICBvbkNoYW5nZTogYW55ID0gKCkgPT4geyB9O1xuICAgIG9uVG91Y2hlZDogYW55ID0gKCkgPT4geyB9O1xuXG4gICAgd3JpdGVWYWx1ZShvYmo6IGFueSk6IHZvaWQge1xuICAgIH1cblxuICAgIGFzeW5jIG9uRmlsZVNlbGVjdGVkKGlucHV0OiBIVE1MSW5wdXRFbGVtZW50KTogUHJvbWlzZTx2b2lkPiB7XG4gICAgICAgIGlmIChpbnB1dC5maWxlcy5sZW5ndGggPiAwKSB7XG4gICAgICAgICAgICBjb25zdCBmaWxlOiBGaWxlTGlzdCA9IGlucHV0LmZpbGVzO1xuICAgICAgICAgICAgbGV0IGZpbGVzID0gW107XG5cbiAgICAgICAgICAgIGZvciAobGV0IGkgPSAwOyBpIDwgZmlsZS5sZW5ndGg7IGkrKykge1xuICAgICAgICAgICAgICAgIGNvbnN0IGN1cnJlbnRGaWxlOiBGaWxlID0gZmlsZS5pdGVtKGkpO1xuXG4gICAgICAgICAgICAgICAgZmlsZXNbaV0gPSB7IG5hbWU6IGN1cnJlbnRGaWxlLm5hbWUsIGNvbnRlbnQ6IGF3YWl0IGN1cnJlbnRGaWxlLmFycmF5QnVmZmVyKCkgfTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgdGhpcy52YWx1ZSA9IGZpbGVzO1xuICAgICAgICAgICAgdGhpcy5vbkNoYW5nZSh0aGlzLnZhbHVlKTtcbiAgICAgICAgfVxuICAgICAgICBlbHNlIHtcbiAgICAgICAgICAgIHRoaXMudmFsdWUgPSBudWxsO1xuICAgICAgICAgICAgdGhpcy5vbkNoYW5nZSh0aGlzLnZhbHVlKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xuICAgICAgICB0aGlzLm9uQ2hhbmdlID0gZm47XG4gICAgfVxuXG4gICAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSk6IHZvaWQge1xuICAgICAgICB0aGlzLm9uVG91Y2hlZCA9IGZuO1xuICAgIH1cblxuICAgIHNldERpc2FibGVkU3RhdGU/KGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICAgICAgdGhpcy5kaXNhYmxlZCA9IGlzRGlzYWJsZWQ7XG4gICAgfVxufVxuIl19
|