@3kles/kles-material-dynamicforms 18.1.2 → 19.0.1
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 +1719 -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,35 +0,0 @@
|
|
|
1
|
-
import { Component } from "@angular/core";
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/material/button";
|
|
4
|
-
import * as i2 from "@angular/material/icon";
|
|
5
|
-
export class KlesFormClearComponent {
|
|
6
|
-
clear(event) {
|
|
7
|
-
event.stopPropagation();
|
|
8
|
-
this.group.controls[this.field.name].reset();
|
|
9
|
-
}
|
|
10
|
-
isDisable() {
|
|
11
|
-
return this.group.get(this.field.name).disabled
|
|
12
|
-
|| !this.group.get(this.field.name).value
|
|
13
|
-
|| (Array.isArray(this.group.get(this.field.name).value) && !this.group.get(this.field.name).value.length);
|
|
14
|
-
}
|
|
15
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KlesFormClearComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: KlesFormClearComponent, selector: "kles-form-clear", ngImport: i0, template: `
|
|
17
|
-
<button [disabled]="isDisable()" mat-icon-button aria-label="Clear" type="button"
|
|
18
|
-
(click)="clear($event)">
|
|
19
|
-
<mat-icon>close</mat-icon>
|
|
20
|
-
</button>
|
|
21
|
-
`, isInline: true, dependencies: [{ kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
|
|
22
|
-
}
|
|
23
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KlesFormClearComponent, decorators: [{
|
|
24
|
-
type: Component,
|
|
25
|
-
args: [{
|
|
26
|
-
selector: 'kles-form-clear',
|
|
27
|
-
template: `
|
|
28
|
-
<button [disabled]="isDisable()" mat-icon-button aria-label="Clear" type="button"
|
|
29
|
-
(click)="clear($event)">
|
|
30
|
-
<mat-icon>close</mat-icon>
|
|
31
|
-
</button>
|
|
32
|
-
`,
|
|
33
|
-
}]
|
|
34
|
-
}] });
|
|
35
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2xlYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2xlcy1tYXRlcmlhbC1keW5hbWljZm9ybXMvc3JjL2xpYi9maWVsZHMvY2xlYXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFlMUMsTUFBTSxPQUFPLHNCQUFzQjtJQUsvQixLQUFLLENBQUMsS0FBSztRQUNQLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUN4QixJQUFJLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQ2pELENBQUM7SUFFRCxTQUFTO1FBQ0wsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDLFFBQVE7ZUFDeEMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDLEtBQUs7ZUFDdEMsQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUVuSCxDQUFDOytHQWZRLHNCQUFzQjttR0FBdEIsc0JBQXNCLHVEQVJyQjs7Ozs7S0FLVDs7NEZBR1Esc0JBQXNCO2tCQVZsQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxpQkFBaUI7b0JBQzNCLFFBQVEsRUFBRTs7Ozs7S0FLVDtpQkFFSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBVbnR5cGVkRm9ybUdyb3VwIH0gZnJvbSBcIkBhbmd1bGFyL2Zvcm1zXCI7XG5pbXBvcnQgeyBJS2xlc0NsZWFyQ29udHJvbCB9IGZyb20gXCIuLi9pbnRlcmZhY2VzL2NsZWFyLWNvbnRyb2wuaW50ZXJmYWNlXCI7XG5pbXBvcnQgeyBJS2xlc0ZpZWxkQ29uZmlnIH0gZnJvbSBcIi4uL2ludGVyZmFjZXMvZmllbGQuY29uZmlnLmludGVyZmFjZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2tsZXMtZm9ybS1jbGVhcicsXG4gICAgdGVtcGxhdGU6IGBcbiAgICA8YnV0dG9uIFtkaXNhYmxlZF09XCJpc0Rpc2FibGUoKVwiIG1hdC1pY29uLWJ1dHRvbiBhcmlhLWxhYmVsPVwiQ2xlYXJcIiB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgKGNsaWNrKT1cImNsZWFyKCRldmVudClcIj5cbiAgICAgICAgPG1hdC1pY29uPmNsb3NlPC9tYXQtaWNvbj5cbiAgICA8L2J1dHRvbj5cbiAgICBgLFxuXG59KVxuZXhwb3J0IGNsYXNzIEtsZXNGb3JtQ2xlYXJDb21wb25lbnQgaW1wbGVtZW50cyBJS2xlc0NsZWFyQ29udHJvbCB7XG4gICAgZmllbGQ6IElLbGVzRmllbGRDb25maWc7XG4gICAgZ3JvdXA6IFVudHlwZWRGb3JtR3JvdXA7XG4gICAgc2libGluZ0ZpZWxkczogSUtsZXNGaWVsZENvbmZpZ1tdO1xuXG4gICAgY2xlYXIoZXZlbnQpOiB2b2lkIHtcbiAgICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgIHRoaXMuZ3JvdXAuY29udHJvbHNbdGhpcy5maWVsZC5uYW1lXS5yZXNldCgpO1xuICAgIH1cblxuICAgIGlzRGlzYWJsZSgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZ3JvdXAuZ2V0KHRoaXMuZmllbGQubmFtZSkuZGlzYWJsZWRcbiAgICAgICAgICAgIHx8ICF0aGlzLmdyb3VwLmdldCh0aGlzLmZpZWxkLm5hbWUpLnZhbHVlXG4gICAgICAgICAgICB8fCAoQXJyYXkuaXNBcnJheSh0aGlzLmdyb3VwLmdldCh0aGlzLmZpZWxkLm5hbWUpLnZhbHVlKSAmJiAhdGhpcy5ncm91cC5nZXQodGhpcy5maWVsZC5uYW1lKS52YWx1ZS5sZW5ndGgpO1xuXG4gICAgfVxufSJdfQ==
|
|
@@ -1,134 +0,0 @@
|
|
|
1
|
-
import { KlesFieldAbstract } from './field.abstract';
|
|
2
|
-
import { Component } from '@angular/core';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@angular/common";
|
|
5
|
-
import * as i2 from "@angular/forms";
|
|
6
|
-
import * as i3 from "@angular/material/input";
|
|
7
|
-
import * as i4 from "@angular/material/form-field";
|
|
8
|
-
import * as i5 from "@angular/material/tooltip";
|
|
9
|
-
import * as i6 from "ngx-color-picker";
|
|
10
|
-
import * as i7 from "../directive/mat-error-message.directive";
|
|
11
|
-
import * as i8 from "@ngx-translate/core";
|
|
12
|
-
export class KlesFormColorComponent extends KlesFieldAbstract {
|
|
13
|
-
ngOnInit() {
|
|
14
|
-
if (!this.field.colorOption) {
|
|
15
|
-
this.field.colorOption = {
|
|
16
|
-
position: 'auto',
|
|
17
|
-
mode: 'color',
|
|
18
|
-
format: 'auto',
|
|
19
|
-
positionOffset: '0%'
|
|
20
|
-
};
|
|
21
|
-
}
|
|
22
|
-
if (!this.field.colorOption.position) {
|
|
23
|
-
this.field.colorOption = {
|
|
24
|
-
...this.field.colorOption,
|
|
25
|
-
position: 'auto'
|
|
26
|
-
};
|
|
27
|
-
}
|
|
28
|
-
if (!this.field.colorOption.mode) {
|
|
29
|
-
this.field.colorOption = {
|
|
30
|
-
...this.field.colorOption,
|
|
31
|
-
mode: 'color'
|
|
32
|
-
};
|
|
33
|
-
}
|
|
34
|
-
if (!this.field.colorOption.format) {
|
|
35
|
-
this.field.colorOption = {
|
|
36
|
-
...this.field.colorOption,
|
|
37
|
-
format: 'auto'
|
|
38
|
-
};
|
|
39
|
-
}
|
|
40
|
-
if (!this.field.colorOption.positionOffset) {
|
|
41
|
-
this.field.colorOption = {
|
|
42
|
-
...this.field.colorOption,
|
|
43
|
-
positionOffset: '0%'
|
|
44
|
-
};
|
|
45
|
-
}
|
|
46
|
-
super.ngOnInit();
|
|
47
|
-
}
|
|
48
|
-
invertColor(hex, bw) {
|
|
49
|
-
if (hex.indexOf('#') === 0) {
|
|
50
|
-
hex = hex.slice(1);
|
|
51
|
-
}
|
|
52
|
-
// convert 3-digit hex to 6-digits.
|
|
53
|
-
if (hex.length === 3) {
|
|
54
|
-
hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];
|
|
55
|
-
}
|
|
56
|
-
if (hex.length !== 6) {
|
|
57
|
-
return '#000000';
|
|
58
|
-
}
|
|
59
|
-
let r = parseInt(hex.slice(0, 2), 16);
|
|
60
|
-
let g = parseInt(hex.slice(2, 4), 16);
|
|
61
|
-
let b = parseInt(hex.slice(4, 6), 16);
|
|
62
|
-
if (bw) {
|
|
63
|
-
return (r * 0.299 + g * 0.587 + b * 0.114) > 186
|
|
64
|
-
? '#000000'
|
|
65
|
-
: '#FFFFFF';
|
|
66
|
-
}
|
|
67
|
-
// invert color components
|
|
68
|
-
const r1 = (255 - r).toString(16);
|
|
69
|
-
const g1 = (255 - g).toString(16);
|
|
70
|
-
const b1 = (255 - b).toString(16);
|
|
71
|
-
// pad each with zeros and return
|
|
72
|
-
return "#" + r1 + g1 + b1;
|
|
73
|
-
}
|
|
74
|
-
ngOnDestroy() {
|
|
75
|
-
super.ngOnDestroy();
|
|
76
|
-
}
|
|
77
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KlesFormColorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
78
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: KlesFormColorComponent, selector: "kles-form-color", usesInheritance: true, ngImport: i0, template: `
|
|
79
|
-
<mat-form-field [subscriptSizing]="field.subscriptSizing" [formGroup]="group" class="form-element"
|
|
80
|
-
[colorPicker]="group.get(field.name).value"
|
|
81
|
-
(colorPickerChange)="group.get(field.name).setValue($event)"
|
|
82
|
-
[cpPosition]="field.colorOption.position"
|
|
83
|
-
[cpColorMode]="field.colorOption.mode"
|
|
84
|
-
[cpOutputFormat]="field.colorOption.format"
|
|
85
|
-
[cpPositionOffset]="field.colorOption.positionOffset"
|
|
86
|
-
[appearance]="field.appearance"
|
|
87
|
-
>
|
|
88
|
-
<input matInput matTooltip="{{field.tooltip}}" [attr.id]="field.id" [ngClass]="field.ngClass" [placeholder]="field.placeholder | translate"
|
|
89
|
-
[value]="group.get(field.name).value"
|
|
90
|
-
class="colorPicker"
|
|
91
|
-
[style.background]="group.get(field.name).value"
|
|
92
|
-
[style.color]="invertColor(group.get(field.name).value,true)"
|
|
93
|
-
[formControlName]="field.name">
|
|
94
|
-
|
|
95
|
-
@if (field.subComponents || field.clearable) {
|
|
96
|
-
<div matSuffix>
|
|
97
|
-
<ng-content></ng-content>
|
|
98
|
-
</div>
|
|
99
|
-
}
|
|
100
|
-
|
|
101
|
-
<mat-error matErrorMessage [validations]="field.validations" [asyncValidations]="field.asyncValidations"></mat-error>
|
|
102
|
-
</mat-form-field>
|
|
103
|
-
`, isInline: true, styles: ["mat-form-field{width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[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.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i6.ColorPickerDirective, selector: "[colorPicker]", inputs: ["colorPicker", "cpWidth", "cpHeight", "cpToggle", "cpDisabled", "cpIgnoredElements", "cpFallbackColor", "cpColorMode", "cpCmykEnabled", "cpOutputFormat", "cpAlphaChannel", "cpDisableInput", "cpDialogDisplay", "cpSaveClickOutside", "cpCloseClickOutside", "cpUseRootViewContainer", "cpPosition", "cpPositionOffset", "cpPositionRelativeToArrow", "cpOKButton", "cpOKButtonText", "cpOKButtonClass", "cpCancelButton", "cpCancelButtonText", "cpCancelButtonClass", "cpEyeDropper", "cpPresetLabel", "cpPresetColors", "cpPresetColorsClass", "cpMaxPresetColorsLength", "cpPresetEmptyMessage", "cpPresetEmptyMessageClass", "cpAddColorButton", "cpAddColorButtonText", "cpAddColorButtonClass", "cpRemoveColorButtonClass", "cpArrowPosition", "cpExtraTemplate"], outputs: ["cpInputChange", "cpToggleChange", "cpSliderChange", "cpSliderDragEnd", "cpSliderDragStart", "colorPickerOpen", "colorPickerClose", "colorPickerCancel", "colorPickerSelect", "colorPickerChange", "cpCmykColorChange", "cpPresetColorsChange"], exportAs: ["ngxColorPicker"] }, { kind: "component", type: i7.MatErrorMessageDirective, selector: "[matErrorMessage]", inputs: ["validations", "asyncValidations"] }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }] }); }
|
|
104
|
-
}
|
|
105
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KlesFormColorComponent, decorators: [{
|
|
106
|
-
type: Component,
|
|
107
|
-
args: [{ selector: 'kles-form-color', template: `
|
|
108
|
-
<mat-form-field [subscriptSizing]="field.subscriptSizing" [formGroup]="group" class="form-element"
|
|
109
|
-
[colorPicker]="group.get(field.name).value"
|
|
110
|
-
(colorPickerChange)="group.get(field.name).setValue($event)"
|
|
111
|
-
[cpPosition]="field.colorOption.position"
|
|
112
|
-
[cpColorMode]="field.colorOption.mode"
|
|
113
|
-
[cpOutputFormat]="field.colorOption.format"
|
|
114
|
-
[cpPositionOffset]="field.colorOption.positionOffset"
|
|
115
|
-
[appearance]="field.appearance"
|
|
116
|
-
>
|
|
117
|
-
<input matInput matTooltip="{{field.tooltip}}" [attr.id]="field.id" [ngClass]="field.ngClass" [placeholder]="field.placeholder | translate"
|
|
118
|
-
[value]="group.get(field.name).value"
|
|
119
|
-
class="colorPicker"
|
|
120
|
-
[style.background]="group.get(field.name).value"
|
|
121
|
-
[style.color]="invertColor(group.get(field.name).value,true)"
|
|
122
|
-
[formControlName]="field.name">
|
|
123
|
-
|
|
124
|
-
@if (field.subComponents || field.clearable) {
|
|
125
|
-
<div matSuffix>
|
|
126
|
-
<ng-content></ng-content>
|
|
127
|
-
</div>
|
|
128
|
-
}
|
|
129
|
-
|
|
130
|
-
<mat-error matErrorMessage [validations]="field.validations" [asyncValidations]="field.asyncValidations"></mat-error>
|
|
131
|
-
</mat-form-field>
|
|
132
|
-
`, styles: ["mat-form-field{width:100%}\n"] }]
|
|
133
|
-
}] });
|
|
134
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2xlcy1tYXRlcmlhbC1keW5hbWljZm9ybXMvc3JjL2xpYi9maWVsZHMvY29sb3IuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ3JELE9BQU8sRUFBVSxTQUFTLEVBQWEsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7Ozs7QUErQjdELE1BQU0sT0FBTyxzQkFBdUIsU0FBUSxpQkFBaUI7SUFFM0QsUUFBUTtRQUNOLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLFdBQVcsRUFBRSxDQUFDO1lBQzVCLElBQUksQ0FBQyxLQUFLLENBQUMsV0FBVyxHQUFHO2dCQUN2QixRQUFRLEVBQUUsTUFBTTtnQkFDaEIsSUFBSSxFQUFFLE9BQU87Z0JBQ2IsTUFBTSxFQUFFLE1BQU07Z0JBQ2QsY0FBYyxFQUFFLElBQUk7YUFDckIsQ0FBQTtRQUNILENBQUM7UUFDRCxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxXQUFXLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDckMsSUFBSSxDQUFDLEtBQUssQ0FBQyxXQUFXLEdBQUc7Z0JBQ3ZCLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxXQUFXO2dCQUN6QixRQUFRLEVBQUUsTUFBTTthQUNqQixDQUFBO1FBQ0gsQ0FBQztRQUNELElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxJQUFJLEVBQUUsQ0FBQztZQUNqQyxJQUFJLENBQUMsS0FBSyxDQUFDLFdBQVcsR0FBRztnQkFDdkIsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLFdBQVc7Z0JBQ3pCLElBQUksRUFBRSxPQUFPO2FBQ2QsQ0FBQTtRQUNILENBQUM7UUFDRCxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxX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S2xlc0ZpZWxkQWJzdHJhY3QgfSBmcm9tICcuL2ZpZWxkLmFic3RyYWN0JztcbmltcG9ydCB7IE9uSW5pdCwgQ29tcG9uZW50LCBPbkRlc3Ryb3kgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2tsZXMtZm9ybS1jb2xvcicsXG4gIHRlbXBsYXRlOiBgXG4gICAgPG1hdC1mb3JtLWZpZWxkIFtzdWJzY3JpcHRTaXppbmddPVwiZmllbGQuc3Vic2NyaXB0U2l6aW5nXCIgW2Zvcm1Hcm91cF09XCJncm91cFwiIGNsYXNzPVwiZm9ybS1lbGVtZW50XCJcbiAgICBbY29sb3JQaWNrZXJdPVwiZ3JvdXAuZ2V0KGZpZWxkLm5hbWUpLnZhbHVlXCJcbiAgICAoY29sb3JQaWNrZXJDaGFuZ2UpPVwiZ3JvdXAuZ2V0KGZpZWxkLm5hbWUpLnNldFZhbHVlKCRldmVudClcIlxuICAgIFtjcFBvc2l0aW9uXT1cImZpZWxkLmNvbG9yT3B0aW9uLnBvc2l0aW9uXCJcbiAgICBbY3BDb2xvck1vZGVdPVwiZmllbGQuY29sb3JPcHRpb24ubW9kZVwiXG4gICAgW2NwT3V0cHV0Rm9ybWF0XT1cImZpZWxkLmNvbG9yT3B0aW9uLmZvcm1hdFwiXG4gICAgW2NwUG9zaXRpb25PZmZzZXRdPVwiZmllbGQuY29sb3JPcHRpb24ucG9zaXRpb25PZmZzZXRcIlxuICAgIFthcHBlYXJhbmNlXT1cImZpZWxkLmFwcGVhcmFuY2VcIlxuICAgID5cbiAgICAgICAgPGlucHV0IG1hdElucHV0IG1hdFRvb2x0aXA9XCJ7e2ZpZWxkLnRvb2x0aXB9fVwiIFthdHRyLmlkXT1cImZpZWxkLmlkXCIgW25nQ2xhc3NdPVwiZmllbGQubmdDbGFzc1wiIFtwbGFjZWhvbGRlcl09XCJmaWVsZC5wbGFjZWhvbGRlciB8IHRyYW5zbGF0ZVwiXG4gICAgICAgICAgICBbdmFsdWVdPVwiZ3JvdXAuZ2V0KGZpZWxkLm5hbWUpLnZhbHVlXCJcbiAgICAgICAgICAgIGNsYXNzPVwiY29sb3JQaWNrZXJcIlxuICAgICAgICAgICAgW3N0eWxlLmJhY2tncm91bmRdPVwiZ3JvdXAuZ2V0KGZpZWxkLm5hbWUpLnZhbHVlXCJcbiAgICAgICAgICAgIFtzdHlsZS5jb2xvcl09XCJpbnZlcnRDb2xvcihncm91cC5nZXQoZmllbGQubmFtZSkudmFsdWUsdHJ1ZSlcIlxuICAgICAgICAgICAgW2Zvcm1Db250cm9sTmFtZV09XCJmaWVsZC5uYW1lXCI+XG5cbiAgICAgICAgQGlmIChmaWVsZC5zdWJDb21wb25lbnRzIHx8IGZpZWxkLmNsZWFyYWJsZSkge1xuICAgICAgICAgICAgPGRpdiBtYXRTdWZmaXg+XG4gICAgICAgICAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIH1cblxuICAgICAgICA8bWF0LWVycm9yIG1hdEVycm9yTWVzc2FnZSBbdmFsaWRhdGlvbnNdPVwiZmllbGQudmFsaWRhdGlvbnNcIiBbYXN5bmNWYWxpZGF0aW9uc109XCJmaWVsZC5hc3luY1ZhbGlkYXRpb25zXCI+PC9tYXQtZXJyb3I+XG4gICAgPC9tYXQtZm9ybS1maWVsZD5cbiAgICBgLFxuICBzdHlsZXM6IFsnbWF0LWZvcm0tZmllbGQge3dpZHRoOiBjYWxjKDEwMCUpfSddXG59KVxuZXhwb3J0IGNsYXNzIEtsZXNGb3JtQ29sb3JDb21wb25lbnQgZXh0ZW5kcyBLbGVzRmllbGRBYnN0cmFjdCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcblxuICBuZ09uSW5pdCgpIHtcbiAgICBpZiAoIXRoaXMuZmllbGQuY29sb3JPcHRpb24pIHtcbiAgICAgIHRoaXMuZmllbGQuY29sb3JPcHRpb24gPSB7XG4gICAgICAgIHBvc2l0aW9uOiAnYXV0bycsXG4gICAgICAgIG1vZGU6ICdjb2xvcicsXG4gICAgICAgIGZvcm1hdDogJ2F1dG8nLFxuICAgICAgICBwb3NpdGlvbk9mZnNldDogJzAlJ1xuICAgICAgfVxuICAgIH1cbiAgICBpZiAoIXRoaXMuZmllbGQuY29sb3JPcHRpb24ucG9zaXRpb24pIHtcbiAgICAgIHRoaXMuZmllbGQuY29sb3JPcHRpb24gPSB7XG4gICAgICAgIC4uLnRoaXMuZmllbGQuY29sb3JPcHRpb24sXG4gICAgICAgIHBvc2l0aW9uOiAnYXV0bydcbiAgICAgIH1cbiAgICB9XG4gICAgaWYgKCF0aGlzLmZpZWxkLmNvbG9yT3B0aW9uLm1vZGUpIHtcbiAgICAgIHRoaXMuZmllbGQuY29sb3JPcHRpb24gPSB7XG4gICAgICAgIC4uLnRoaXMuZmllbGQuY29sb3JPcHRpb24sXG4gICAgICAgIG1vZGU6ICdjb2xvcidcbiAgICAgIH1cbiAgICB9XG4gICAgaWYgKCF0aGlzLmZpZWxkLmNvbG9yT3B0aW9uLmZvcm1hdCkge1xuICAgICAgdGhpcy5maWVsZC5jb2xvck9wdGlvbiA9IHtcbiAgICAgICAgLi4udGhpcy5maWVsZC5jb2xvck9wdGlvbixcbiAgICAgICAgZm9ybWF0OiAnYXV0bydcbiAgICAgIH1cbiAgICB9XG4gICAgaWYgKCF0aGlzLmZpZWxkLmNvbG9yT3B0aW9uLnBvc2l0aW9uT2Zmc2V0KSB7XG4gICAgICB0aGlzLmZpZWxkLmNvbG9yT3B0aW9uID0ge1xuICAgICAgICAuLi50aGlzLmZpZWxkLmNvbG9yT3B0aW9uLFxuICAgICAgICBwb3NpdGlvbk9mZnNldDogJzAlJ1xuICAgICAgfVxuICAgIH1cbiAgICBzdXBlci5uZ09uSW5pdCgpO1xuICB9XG5cbiAgaW52ZXJ0Q29sb3IoaGV4LCBidyk6IHN0cmluZyB7XG4gICAgaWYgKGhleC5pbmRleE9mKCcjJykgPT09IDApIHtcbiAgICAgIGhleCA9IGhleC5zbGljZSgxKTtcbiAgICB9XG4gICAgLy8gY29udmVydCAzLWRpZ2l0IGhleCB0byA2LWRpZ2l0cy5cbiAgICBpZiAoaGV4Lmxlbmd0aCA9PT0gMykge1xuICAgICAgaGV4ID0gaGV4WzBdICsgaGV4WzBdICsgaGV4WzFdICsgaGV4WzFdICsgaGV4WzJdICsgaGV4WzJdO1xuICAgIH1cbiAgICBpZiAoaGV4Lmxlbmd0aCAhPT0gNikge1xuICAgICAgcmV0dXJuICcjMDAwMDAwJztcbiAgICB9XG4gICAgbGV0IHIgPSBwYXJzZUludChoZXguc2xpY2UoMCwgMiksIDE2KTtcbiAgICBsZXQgZyA9IHBhcnNlSW50KGhleC5zbGljZSgyLCA0KSwgMTYpO1xuICAgIGxldCBiID0gcGFyc2VJbnQoaGV4LnNsaWNlKDQsIDYpLCAxNik7XG4gICAgaWYgKGJ3KSB7XG4gICAgICByZXR1cm4gKHIgKiAwLjI5OSArIGcgKiAwLjU4NyArIGIgKiAwLjExNCkgPiAxODZcbiAgICAgICAgPyAnIzAwMDAwMCdcbiAgICAgICAgOiAnI0ZGRkZGRic7XG4gICAgfVxuICAgIC8vIGludmVydCBjb2xvciBjb21wb25lbnRzXG4gICAgY29uc3QgcjEgPSAoMjU1IC0gcikudG9TdHJpbmcoMTYpO1xuICAgIGNvbnN0IGcxID0gKDI1NSAtIGcpLnRvU3RyaW5nKDE2KTtcbiAgICBjb25zdCBiMSA9ICgyNTUgLSBiKS50b1N0cmluZygxNik7XG4gICAgLy8gcGFkIGVhY2ggd2l0aCB6ZXJvcyBhbmQgcmV0dXJuXG4gICAgcmV0dXJuIFwiI1wiICsgcjEgKyBnMSArIGIxO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgc3VwZXIubmdPbkRlc3Ryb3koKTtcbiAgfVxufVxuIl19
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import { Component, ViewChild } from "@angular/core";
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/cdk/clipboard";
|
|
4
|
-
import * as i2 from "@angular/material/button";
|
|
5
|
-
import * as i3 from "@angular/material/icon";
|
|
6
|
-
import * as i4 from "@angular/material/tooltip";
|
|
7
|
-
export class KlesFormCopyComponent {
|
|
8
|
-
constructor(clipBoard) {
|
|
9
|
-
this.clipBoard = clipBoard;
|
|
10
|
-
}
|
|
11
|
-
ngOnInit() {
|
|
12
|
-
this.tooltipText = this.field.copyTooltip || '';
|
|
13
|
-
}
|
|
14
|
-
copy(event) {
|
|
15
|
-
event.stopPropagation();
|
|
16
|
-
const copyText = (this.field.property ? this.group.controls[this.field.name].value?.[this.field.property] : this.group.controls[this.field.name].value) || '';
|
|
17
|
-
this.clipBoard.copy(copyText);
|
|
18
|
-
this.tooltip.disabled = false;
|
|
19
|
-
this.tooltip.show();
|
|
20
|
-
setTimeout(() => {
|
|
21
|
-
this.tooltip.disabled = true;
|
|
22
|
-
}, 200);
|
|
23
|
-
}
|
|
24
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KlesFormCopyComponent, deps: [{ token: i1.Clipboard }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
25
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: KlesFormCopyComponent, selector: "kles-form-copy", viewQueries: [{ propertyName: "tooltip", first: true, predicate: ["tooltip"], descendants: true }], ngImport: i0, template: `
|
|
26
|
-
<button #tooltip="matTooltip" mat-icon-button color="primary" type="button" (click)="copy($event)" [matTooltipDisabled]="true" [matTooltip]="tooltipText" matTooltipPosition="above">
|
|
27
|
-
<mat-icon>content_copy</mat-icon>
|
|
28
|
-
</button>
|
|
29
|
-
`, isInline: true, dependencies: [{ kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-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"] }] }); }
|
|
30
|
-
}
|
|
31
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KlesFormCopyComponent, decorators: [{
|
|
32
|
-
type: Component,
|
|
33
|
-
args: [{
|
|
34
|
-
selector: 'kles-form-copy',
|
|
35
|
-
template: `
|
|
36
|
-
<button #tooltip="matTooltip" mat-icon-button color="primary" type="button" (click)="copy($event)" [matTooltipDisabled]="true" [matTooltip]="tooltipText" matTooltipPosition="above">
|
|
37
|
-
<mat-icon>content_copy</mat-icon>
|
|
38
|
-
</button>
|
|
39
|
-
`
|
|
40
|
-
}]
|
|
41
|
-
}], ctorParameters: () => [{ type: i1.Clipboard }], propDecorators: { tooltip: [{
|
|
42
|
-
type: ViewChild,
|
|
43
|
-
args: ["tooltip"]
|
|
44
|
-
}] } });
|
|
45
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29weS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rbGVzLW1hdGVyaWFsLWR5bmFtaWNmb3Jtcy9zcmMvbGliL2ZpZWxkcy9jb3B5LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBZTdELE1BQU0sT0FBTyxxQkFBcUI7SUFTOUIsWUFBb0IsU0FBb0I7UUFBcEIsY0FBUyxHQUFULFNBQVMsQ0FBVztJQUFJLENBQUM7SUFFN0MsUUFBUTtRQUNKLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxXQUFXLElBQUksRUFBRSxDQUFDO0lBQ3BELENBQUM7SUFFRCxJQUFJLENBQUMsS0FBSztRQUNOLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUN4QixNQUFNLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDLEtBQUssRUFBRSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUMsS0FBSyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQzlKLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBRTlCLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztRQUM5QixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3BCLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDWixJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUM7UUFDakMsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDO0lBQ1osQ0FBQzsrR0F6QlEscUJBQXFCO21HQUFyQixxQkFBcUIsMEpBTnBCOzs7O0tBSVQ7OzRGQUVRLHFCQUFxQjtrQkFSakMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsZ0JBQWdCO29CQUMxQixRQUFRLEVBQUU7Ozs7S0FJVDtpQkFDSjs4RUFFeUIsT0FBTztzQkFBNUIsU0FBUzt1QkFBQyxTQUFTIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIFZpZXdDaGlsZCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBVbnR5cGVkRm9ybUdyb3VwIH0gZnJvbSBcIkBhbmd1bGFyL2Zvcm1zXCI7XG5pbXBvcnQgeyBNYXRUb29sdGlwIH0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL3Rvb2x0aXBcIjtcbmltcG9ydCB7IENsaXBib2FyZCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9jbGlwYm9hcmQnO1xuaW1wb3J0IHsgSUtsZXNGaWVsZENvbmZpZyB9IGZyb20gXCIuLi9pbnRlcmZhY2VzL2ZpZWxkLmNvbmZpZy5pbnRlcmZhY2VcIjtcbmltcG9ydCB7IElLbGVzRmllbGQgfSBmcm9tIFwiLi4vaW50ZXJmYWNlcy9maWVsZC5pbnRlcmZhY2VcIjtcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdrbGVzLWZvcm0tY29weScsXG4gICAgdGVtcGxhdGU6IGBcbiAgICA8YnV0dG9uICN0b29sdGlwPVwibWF0VG9vbHRpcFwiIG1hdC1pY29uLWJ1dHRvbiBjb2xvcj1cInByaW1hcnlcIiB0eXBlPVwiYnV0dG9uXCIgKGNsaWNrKT1cImNvcHkoJGV2ZW50KVwiIFttYXRUb29sdGlwRGlzYWJsZWRdPVwidHJ1ZVwiIFttYXRUb29sdGlwXT1cInRvb2x0aXBUZXh0XCIgbWF0VG9vbHRpcFBvc2l0aW9uPVwiYWJvdmVcIj5cbiAgICAgICAgPG1hdC1pY29uPmNvbnRlbnRfY29weTwvbWF0LWljb24+XG4gICAgPC9idXR0b24+XG4gICAgYFxufSlcbmV4cG9ydCBjbGFzcyBLbGVzRm9ybUNvcHlDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIElLbGVzRmllbGQge1xuICAgIEBWaWV3Q2hpbGQoXCJ0b29sdGlwXCIpIHRvb2x0aXA6IE1hdFRvb2x0aXA7XG5cbiAgICBmaWVsZDogSUtsZXNGaWVsZENvbmZpZztcbiAgICBncm91cDogVW50eXBlZEZvcm1Hcm91cDtcbiAgICBzaWJsaW5nRmllbGRzOiBJS2xlc0ZpZWxkQ29uZmlnW107XG5cbiAgICB0b29sdGlwVGV4dDogc3RyaW5nO1xuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBjbGlwQm9hcmQ6IENsaXBib2FyZCkgeyB9XG5cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy50b29sdGlwVGV4dCA9IHRoaXMuZmllbGQuY29weVRvb2x0aXAgfHwgJyc7XG4gICAgfVxuXG4gICAgY29weShldmVudCk6IHZvaWQge1xuICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgY29uc3QgY29weVRleHQgPSAodGhpcy5maWVsZC5wcm9wZXJ0eSA/IHRoaXMuZ3JvdXAuY29udHJvbHNbdGhpcy5maWVsZC5uYW1lXS52YWx1ZT8uW3RoaXMuZmllbGQucHJvcGVydHldIDogdGhpcy5ncm91cC5jb250cm9sc1t0aGlzLmZpZWxkLm5hbWVdLnZhbHVlKSB8fCAnJztcbiAgICAgICAgdGhpcy5jbGlwQm9hcmQuY29weShjb3B5VGV4dCk7XG5cbiAgICAgICAgdGhpcy50b29sdGlwLmRpc2FibGVkID0gZmFsc2U7XG4gICAgICAgIHRoaXMudG9vbHRpcC5zaG93KCk7XG4gICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgICAgdGhpcy50b29sdGlwLmRpc2FibGVkID0gdHJ1ZTtcbiAgICAgICAgfSwgMjAwKTtcbiAgICB9XG59XG4iXX0=
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
import { Component } from "@angular/core";
|
|
2
|
-
import { KlesFieldAbstract } from './field.abstract';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@angular/common";
|
|
5
|
-
import * as i2 from "@angular/forms";
|
|
6
|
-
import * as i3 from "@angular/material/input";
|
|
7
|
-
import * as i4 from "@angular/material/form-field";
|
|
8
|
-
import * as i5 from "@angular/material/datepicker";
|
|
9
|
-
import * as i6 from "@angular/material/tooltip";
|
|
10
|
-
import * as i7 from "@3kles/kles-material-datepicker";
|
|
11
|
-
import * as i8 from "../directive/mat-error-message.directive";
|
|
12
|
-
import * as i9 from "@ngx-translate/core";
|
|
13
|
-
export class KlesFormDateTimeComponent extends KlesFieldAbstract {
|
|
14
|
-
ngOnInit() { super.ngOnInit(); }
|
|
15
|
-
ngOnDestroy() {
|
|
16
|
-
super.ngOnDestroy();
|
|
17
|
-
}
|
|
18
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KlesFormDateTimeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
19
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: KlesFormDateTimeComponent, selector: "kles-form-datetimepicker", usesInheritance: true, ngImport: i0, template: `
|
|
20
|
-
<mat-form-field [subscriptSizing]="field.subscriptSizing" class="margin-top" [color]="field.color" [formGroup]="group" [appearance]="field.appearance">
|
|
21
|
-
@if (field.label) {
|
|
22
|
-
<mat-label>{{field.label}}</mat-label>
|
|
23
|
-
}
|
|
24
|
-
<input matInput matTooltip="{{field.tooltip}}" [attr.id]="field.id" [ngClass]="field.ngClass" [matDatepicker]="picker" [formControlName]="field.name" [placeholder]="field.placeholder | translate"
|
|
25
|
-
[min]="field.min" [max]="field.max">
|
|
26
|
-
<div matSuffix class="suffix">
|
|
27
|
-
<mat-datepicker-toggle [for]="picker"></mat-datepicker-toggle>
|
|
28
|
-
<ng-content></ng-content>
|
|
29
|
-
</div>
|
|
30
|
-
<kles-mat-datepicker #picker [hasBackdrop]="false"></kles-mat-datepicker>
|
|
31
|
-
@if (field.hint) {
|
|
32
|
-
<mat-hint>{{field.hint}}</mat-hint>
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
<mat-error matErrorMessage [validations]="field.validations" [asyncValidations]="field.asyncValidations"></mat-error>
|
|
36
|
-
</mat-form-field>
|
|
37
|
-
`, isInline: true, styles: ["mat-form-field{width:100%}\n", ".suffix{display:flex;flex-direction:row}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[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.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i5.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i5.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "directive", type: i6.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i7.KlesMatDatepicker, selector: "kles-mat-datepicker", outputs: ["timeSelected"], exportAs: ["klesMatDatepicker"] }, { kind: "component", type: i8.MatErrorMessageDirective, selector: "[matErrorMessage]", inputs: ["validations", "asyncValidations"] }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] }); }
|
|
38
|
-
}
|
|
39
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KlesFormDateTimeComponent, decorators: [{
|
|
40
|
-
type: Component,
|
|
41
|
-
args: [{ selector: "kles-form-datetimepicker", template: `
|
|
42
|
-
<mat-form-field [subscriptSizing]="field.subscriptSizing" class="margin-top" [color]="field.color" [formGroup]="group" [appearance]="field.appearance">
|
|
43
|
-
@if (field.label) {
|
|
44
|
-
<mat-label>{{field.label}}</mat-label>
|
|
45
|
-
}
|
|
46
|
-
<input matInput matTooltip="{{field.tooltip}}" [attr.id]="field.id" [ngClass]="field.ngClass" [matDatepicker]="picker" [formControlName]="field.name" [placeholder]="field.placeholder | translate"
|
|
47
|
-
[min]="field.min" [max]="field.max">
|
|
48
|
-
<div matSuffix class="suffix">
|
|
49
|
-
<mat-datepicker-toggle [for]="picker"></mat-datepicker-toggle>
|
|
50
|
-
<ng-content></ng-content>
|
|
51
|
-
</div>
|
|
52
|
-
<kles-mat-datepicker #picker [hasBackdrop]="false"></kles-mat-datepicker>
|
|
53
|
-
@if (field.hint) {
|
|
54
|
-
<mat-hint>{{field.hint}}</mat-hint>
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
<mat-error matErrorMessage [validations]="field.validations" [asyncValidations]="field.asyncValidations"></mat-error>
|
|
58
|
-
</mat-form-field>
|
|
59
|
-
`, styles: ["mat-form-field{width:100%}\n", ".suffix{display:flex;flex-direction:row}\n"] }]
|
|
60
|
-
}] });
|
|
61
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS10aW1lLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tsZXMtbWF0ZXJpYWwtZHluYW1pY2Zvcm1zL3NyYy9saWIvZmllbGRzL2RhdGUtdGltZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBcUIsTUFBTSxlQUFlLENBQUM7QUFDN0QsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7Ozs7Ozs7Ozs7O0FBMEJyRCxNQUFNLE9BQU8seUJBQTBCLFNBQVEsaUJBQWlCO0lBQzVELFFBQVEsS0FBSyxLQUFLLENBQUMsUUFBUSxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBRWhDLFdBQVc7UUFDUCxLQUFLLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDeEIsQ0FBQzsrR0FMUSx5QkFBeUI7bUdBQXpCLHlCQUF5Qix1RkF0QnhCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7S0FrQlQ7OzRGQUlRLHlCQUF5QjtrQkF4QnJDLFNBQVM7K0JBQ0ksMEJBQTBCLFlBQzFCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7S0FrQlQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uRGVzdHJveSwgT25Jbml0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IEtsZXNGaWVsZEFic3RyYWN0IH0gZnJvbSAnLi9maWVsZC5hYnN0cmFjdCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiBcImtsZXMtZm9ybS1kYXRldGltZXBpY2tlclwiLFxuICAgIHRlbXBsYXRlOiBgXG4gICAgPG1hdC1mb3JtLWZpZWxkIFtzdWJzY3JpcHRTaXppbmddPVwiZmllbGQuc3Vic2NyaXB0U2l6aW5nXCIgY2xhc3M9XCJtYXJnaW4tdG9wXCIgW2NvbG9yXT1cImZpZWxkLmNvbG9yXCIgW2Zvcm1Hcm91cF09XCJncm91cFwiIFthcHBlYXJhbmNlXT1cImZpZWxkLmFwcGVhcmFuY2VcIj5cbiAgICAgICAgQGlmIChmaWVsZC5sYWJlbCkge1xuICAgICAgICAgICAgPG1hdC1sYWJlbD57e2ZpZWxkLmxhYmVsfX08L21hdC1sYWJlbD5cbiAgICAgICAgfVxuICAgICAgICA8aW5wdXQgbWF0SW5wdXQgbWF0VG9vbHRpcD1cInt7ZmllbGQudG9vbHRpcH19XCIgW2F0dHIuaWRdPVwiZmllbGQuaWRcIiBbbmdDbGFzc109XCJmaWVsZC5uZ0NsYXNzXCIgW21hdERhdGVwaWNrZXJdPVwicGlja2VyXCIgW2Zvcm1Db250cm9sTmFtZV09XCJmaWVsZC5uYW1lXCIgW3BsYWNlaG9sZGVyXT1cImZpZWxkLnBsYWNlaG9sZGVyIHwgdHJhbnNsYXRlXCJcbiAgICAgICAgW21pbl09XCJmaWVsZC5taW5cIiBbbWF4XT1cImZpZWxkLm1heFwiPlxuICAgICAgICA8ZGl2IG1hdFN1ZmZpeCBjbGFzcz1cInN1ZmZpeFwiPlxuICAgICAgICAgICAgPG1hdC1kYXRlcGlja2VyLXRvZ2dsZSBbZm9yXT1cInBpY2tlclwiPjwvbWF0LWRhdGVwaWNrZXItdG9nZ2xlPlxuICAgICAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGtsZXMtbWF0LWRhdGVwaWNrZXIgI3BpY2tlciBbaGFzQmFja2Ryb3BdPVwiZmFsc2VcIj48L2tsZXMtbWF0LWRhdGVwaWNrZXI+XG4gICAgICAgIEBpZiAoZmllbGQuaGludCkge1xuICAgICAgICAgICAgPG1hdC1oaW50Pnt7ZmllbGQuaGludH19PC9tYXQtaGludD5cbiAgICAgICAgfVxuXG4gICAgICAgIDxtYXQtZXJyb3IgbWF0RXJyb3JNZXNzYWdlIFt2YWxpZGF0aW9uc109XCJmaWVsZC52YWxpZGF0aW9uc1wiIFthc3luY1ZhbGlkYXRpb25zXT1cImZpZWxkLmFzeW5jVmFsaWRhdGlvbnNcIj48L21hdC1lcnJvcj5cbiAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cbiAgICBgLFxuICAgIHN0eWxlczogWydtYXQtZm9ybS1maWVsZCB7d2lkdGg6IGNhbGMoMTAwJSl9JyxcbiAgICAgICAgJy5zdWZmaXggeyBkaXNwbGF5OiBmbGV4OyBmbGV4LWRpcmVjdGlvbjogcm93fSddXG59KVxuZXhwb3J0IGNsYXNzIEtsZXNGb3JtRGF0ZVRpbWVDb21wb25lbnQgZXh0ZW5kcyBLbGVzRmllbGRBYnN0cmFjdCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgICBuZ09uSW5pdCgpIHsgc3VwZXIubmdPbkluaXQoKTsgfVxuXG4gICAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgICAgIHN1cGVyLm5nT25EZXN0cm95KCk7XG4gICAgfVxufVxuIl19
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
import { Component } from "@angular/core";
|
|
2
|
-
import { KlesFieldAbstract } from './field.abstract';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@angular/common";
|
|
5
|
-
import * as i2 from "@angular/forms";
|
|
6
|
-
import * as i3 from "@angular/material/input";
|
|
7
|
-
import * as i4 from "@angular/material/form-field";
|
|
8
|
-
import * as i5 from "@angular/material/datepicker";
|
|
9
|
-
import * as i6 from "@angular/material/tooltip";
|
|
10
|
-
import * as i7 from "../directive/mat-error-message.directive";
|
|
11
|
-
import * as i8 from "@ngx-translate/core";
|
|
12
|
-
export class KlesFormDateComponent extends KlesFieldAbstract {
|
|
13
|
-
ngOnInit() { super.ngOnInit(); }
|
|
14
|
-
ngOnDestroy() {
|
|
15
|
-
super.ngOnDestroy();
|
|
16
|
-
}
|
|
17
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KlesFormDateComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: KlesFormDateComponent, selector: "kles-form-datepicker", usesInheritance: true, ngImport: i0, template: `
|
|
19
|
-
<mat-form-field [subscriptSizing]="field.subscriptSizing" class="margin-top" [color]="field.color" [formGroup]="group" [appearance]="field.appearance">
|
|
20
|
-
@if (field.label) {
|
|
21
|
-
<mat-label>{{field.label}}</mat-label>
|
|
22
|
-
}
|
|
23
|
-
<input matInput matTooltip="{{field.tooltip}}" [attr.id]="field.id" [ngClass]="field.ngClass" [matDatepicker]="picker" [formControlName]="field.name" [placeholder]="field.placeholder | translate"
|
|
24
|
-
[min]="field.min" [max]="field.max">
|
|
25
|
-
<div matSuffix class="suffix">
|
|
26
|
-
<mat-datepicker-toggle [for]="picker"></mat-datepicker-toggle>
|
|
27
|
-
<ng-content></ng-content>
|
|
28
|
-
</div>
|
|
29
|
-
<mat-datepicker #picker></mat-datepicker>
|
|
30
|
-
@if (field.hint) {
|
|
31
|
-
<mat-hint>{{field.hint}}</mat-hint>
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
<mat-error matErrorMessage [validations]="field.validations" [asyncValidations]="field.asyncValidations"></mat-error>
|
|
35
|
-
</mat-form-field>
|
|
36
|
-
`, isInline: true, styles: ["mat-form-field{width:100%}\n", ".suffix{display:flex;flex-direction:row}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[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.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i5.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i5.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i5.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "directive", type: i6.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i7.MatErrorMessageDirective, selector: "[matErrorMessage]", inputs: ["validations", "asyncValidations"] }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }] }); }
|
|
37
|
-
}
|
|
38
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KlesFormDateComponent, decorators: [{
|
|
39
|
-
type: Component,
|
|
40
|
-
args: [{ selector: 'kles-form-datepicker', template: `
|
|
41
|
-
<mat-form-field [subscriptSizing]="field.subscriptSizing" class="margin-top" [color]="field.color" [formGroup]="group" [appearance]="field.appearance">
|
|
42
|
-
@if (field.label) {
|
|
43
|
-
<mat-label>{{field.label}}</mat-label>
|
|
44
|
-
}
|
|
45
|
-
<input matInput matTooltip="{{field.tooltip}}" [attr.id]="field.id" [ngClass]="field.ngClass" [matDatepicker]="picker" [formControlName]="field.name" [placeholder]="field.placeholder | translate"
|
|
46
|
-
[min]="field.min" [max]="field.max">
|
|
47
|
-
<div matSuffix class="suffix">
|
|
48
|
-
<mat-datepicker-toggle [for]="picker"></mat-datepicker-toggle>
|
|
49
|
-
<ng-content></ng-content>
|
|
50
|
-
</div>
|
|
51
|
-
<mat-datepicker #picker></mat-datepicker>
|
|
52
|
-
@if (field.hint) {
|
|
53
|
-
<mat-hint>{{field.hint}}</mat-hint>
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
<mat-error matErrorMessage [validations]="field.validations" [asyncValidations]="field.asyncValidations"></mat-error>
|
|
57
|
-
</mat-form-field>
|
|
58
|
-
`, styles: ["mat-form-field{width:100%}\n", ".suffix{display:flex;flex-direction:row}\n"] }]
|
|
59
|
-
}] });
|
|
60
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rbGVzLW1hdGVyaWFsLWR5bmFtaWNmb3Jtcy9zcmMvbGliL2ZpZWxkcy9kYXRlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFxQixNQUFNLGVBQWUsQ0FBQztBQUM3RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7Ozs7Ozs7OztBQTJCckQsTUFBTSxPQUFPLHFCQUFzQixTQUFRLGlCQUFpQjtJQUN4RCxRQUFRLEtBQUssS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUMsQ0FBQztJQUVoQyxXQUFXO1FBQ1AsS0FBSyxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ3hCLENBQUM7K0dBTFEscUJBQXFCO21HQUFyQixxQkFBcUIsbUZBdkJwQjs7Ozs7Ozs7Ozs7Ozs7Ozs7O0tBa0JUOzs0RkFLUSxxQkFBcUI7a0JBekJqQyxTQUFTOytCQUNJLHNCQUFzQixZQUN0Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7O0tBa0JUIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkRlc3Ryb3ksIE9uSW5pdCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBLbGVzRmllbGRBYnN0cmFjdCB9IGZyb20gJy4vZmllbGQuYWJzdHJhY3QnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2tsZXMtZm9ybS1kYXRlcGlja2VyJyxcbiAgICB0ZW1wbGF0ZTogYFxuICAgIDxtYXQtZm9ybS1maWVsZCBbc3Vic2NyaXB0U2l6aW5nXT1cImZpZWxkLnN1YnNjcmlwdFNpemluZ1wiIGNsYXNzPVwibWFyZ2luLXRvcFwiIFtjb2xvcl09XCJmaWVsZC5jb2xvclwiIFtmb3JtR3JvdXBdPVwiZ3JvdXBcIiBbYXBwZWFyYW5jZV09XCJmaWVsZC5hcHBlYXJhbmNlXCI+XG4gICAgICAgIEBpZiAoZmllbGQubGFiZWwpIHtcbiAgICAgICAgICAgIDxtYXQtbGFiZWw+e3tmaWVsZC5sYWJlbH19PC9tYXQtbGFiZWw+XG4gICAgICAgIH1cbiAgICAgICAgPGlucHV0IG1hdElucHV0IG1hdFRvb2x0aXA9XCJ7e2ZpZWxkLnRvb2x0aXB9fVwiIFthdHRyLmlkXT1cImZpZWxkLmlkXCIgW25nQ2xhc3NdPVwiZmllbGQubmdDbGFzc1wiIFttYXREYXRlcGlja2VyXT1cInBpY2tlclwiIFtmb3JtQ29udHJvbE5hbWVdPVwiZmllbGQubmFtZVwiIFtwbGFjZWhvbGRlcl09XCJmaWVsZC5wbGFjZWhvbGRlciB8IHRyYW5zbGF0ZVwiXG4gICAgICAgIFttaW5dPVwiZmllbGQubWluXCIgW21heF09XCJmaWVsZC5tYXhcIj5cbiAgICAgICAgPGRpdiBtYXRTdWZmaXggY2xhc3M9XCJzdWZmaXhcIj5cbiAgICAgICAgICAgIDxtYXQtZGF0ZXBpY2tlci10b2dnbGUgW2Zvcl09XCJwaWNrZXJcIj48L21hdC1kYXRlcGlja2VyLXRvZ2dsZT5cbiAgICAgICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxtYXQtZGF0ZXBpY2tlciAjcGlja2VyPjwvbWF0LWRhdGVwaWNrZXI+XG4gICAgICAgIEBpZiAoZmllbGQuaGludCkge1xuICAgICAgICAgICAgPG1hdC1oaW50Pnt7ZmllbGQuaGludH19PC9tYXQtaGludD5cbiAgICAgICAgfVxuXG4gICAgICAgIDxtYXQtZXJyb3IgbWF0RXJyb3JNZXNzYWdlIFt2YWxpZGF0aW9uc109XCJmaWVsZC52YWxpZGF0aW9uc1wiIFthc3luY1ZhbGlkYXRpb25zXT1cImZpZWxkLmFzeW5jVmFsaWRhdGlvbnNcIj48L21hdC1lcnJvcj5cbiAgICAgICAgPC9tYXQtZm9ybS1maWVsZD5cbiAgICBgLFxuICAgIHN0eWxlczogWydtYXQtZm9ybS1maWVsZCB7d2lkdGg6IGNhbGMoMTAwJSl9JyxcbiAgICAgICAgJy5zdWZmaXggeyBkaXNwbGF5OiBmbGV4OyBmbGV4LWRpcmVjdGlvbjogcm93fSdcbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIEtsZXNGb3JtRGF0ZUNvbXBvbmVudCBleHRlbmRzIEtsZXNGaWVsZEFic3RyYWN0IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICAgIG5nT25Jbml0KCkgeyBzdXBlci5uZ09uSW5pdCgpOyB9XG5cbiAgICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICAgICAgc3VwZXIubmdPbkRlc3Ryb3koKTtcbiAgICB9XG59XG4iXX0=
|
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
import { Directive, HostBinding } from '@angular/core';
|
|
2
|
-
import { Subject } from 'rxjs';
|
|
3
|
-
import { takeUntil } from 'rxjs/operators';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export class KlesFieldAbstract {
|
|
6
|
-
constructor(viewRef) {
|
|
7
|
-
this.viewRef = viewRef;
|
|
8
|
-
this._onDestroy = new Subject();
|
|
9
|
-
}
|
|
10
|
-
ngOnInit() {
|
|
11
|
-
if (!this.field.appearance) {
|
|
12
|
-
this.field.appearance = 'fill';
|
|
13
|
-
}
|
|
14
|
-
if (this.field.valueChanges) {
|
|
15
|
-
this.field.valueChanges(this.field, this.group, this.siblingFields);
|
|
16
|
-
}
|
|
17
|
-
this.group.controls[this.field.name]?.valueChanges
|
|
18
|
-
.pipe(takeUntil(this._onDestroy))
|
|
19
|
-
.subscribe(val => {
|
|
20
|
-
if (this.field.valueChanges) {
|
|
21
|
-
this.field.valueChanges(this.field, this.group, this.siblingFields, val);
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
if (this.field.directive) {
|
|
25
|
-
this.directive = new this.field.directive(this.viewRef, this);
|
|
26
|
-
this.directive.ngOnInit();
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
ngAfterViewInit() {
|
|
30
|
-
if (this.directive && this.directive.ngAfterViewInit) {
|
|
31
|
-
this.directive?.ngAfterViewInit();
|
|
32
|
-
}
|
|
33
|
-
if (this.field.autofocus) {
|
|
34
|
-
setTimeout(() => {
|
|
35
|
-
this.group.controls[this.field.name]?.nativeElement.focus();
|
|
36
|
-
});
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
ngOnDestroy() {
|
|
40
|
-
this.directive?.ngOnDestroy();
|
|
41
|
-
this._onDestroy.next();
|
|
42
|
-
this._onDestroy.complete();
|
|
43
|
-
}
|
|
44
|
-
applyPipeTransform() {
|
|
45
|
-
if (this.group && this.field) {
|
|
46
|
-
const control = this.group.controls[this.field.name];
|
|
47
|
-
if (control) {
|
|
48
|
-
const val = this.group.controls[this.field.name].value;
|
|
49
|
-
if (this.field.pipeTransform) {
|
|
50
|
-
this.field.pipeTransform.forEach(p => {
|
|
51
|
-
let pipeVal = control.value;
|
|
52
|
-
if (p.options) {
|
|
53
|
-
p.options.forEach(opt => {
|
|
54
|
-
pipeVal = p.pipe.transform(val, opt);
|
|
55
|
-
});
|
|
56
|
-
}
|
|
57
|
-
else {
|
|
58
|
-
pipeVal = p.pipe.transform(val);
|
|
59
|
-
}
|
|
60
|
-
control.patchValue(pipeVal, { onlySelf: true, emitEvent: false });
|
|
61
|
-
});
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
isPending() {
|
|
67
|
-
return (this.group.controls[this.field.name].pending || this.field.pending);
|
|
68
|
-
}
|
|
69
|
-
onFocus() {
|
|
70
|
-
if (this.field?.onFocus) {
|
|
71
|
-
this.field.onFocus(this.field, this.group);
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
onBlur() {
|
|
75
|
-
if (this.field?.onBlur) {
|
|
76
|
-
this.field.onBlur(this.field, this.group);
|
|
77
|
-
}
|
|
78
|
-
}
|
|
79
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KlesFieldAbstract, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
80
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: KlesFieldAbstract, host: { properties: { "attr.klesDirective": "this.directive" } }, ngImport: i0 }); }
|
|
81
|
-
}
|
|
82
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KlesFieldAbstract, decorators: [{
|
|
83
|
-
type: Directive
|
|
84
|
-
}], ctorParameters: () => [{ type: i0.ViewContainerRef }], propDecorators: { directive: [{
|
|
85
|
-
type: HostBinding,
|
|
86
|
-
args: ['attr.klesDirective']
|
|
87
|
-
}] } });
|
|
88
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmllbGQuYWJzdHJhY3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rbGVzLW1hdGVyaWFsLWR5bmFtaWNmb3Jtcy9zcmMvbGliL2ZpZWxkcy9maWVsZC5hYnN0cmFjdC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHQSxPQUFPLEVBQW9DLFNBQVMsRUFBb0IsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNHLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDL0IsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDOztBQUczQyxNQUFNLE9BQWdCLGlCQUFpQjtJQVNyQyxZQUFzQixPQUF5QjtRQUF6QixZQUFPLEdBQVAsT0FBTyxDQUFrQjtRQUZyQyxlQUFVLEdBQUcsSUFBSSxPQUFPLEVBQVEsQ0FBQztJQUkzQyxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLFVBQVUsRUFBRSxDQUFDO1lBQzNCLElBQUksQ0FBQyxLQUFLLENBQUMsVUFBVSxHQUFHLE1BQU0sQ0FBQztRQUNqQyxDQUFDO1FBQ0QsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLFlBQVksRUFBRSxDQUFDO1lBQzVCLElBQUksQ0FBQyxLQUFLLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDdEUsQ0FBQztRQUVELElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEVBQUUsWUFBWTthQUMvQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQzthQUNoQyxTQUFTLENBQUMsR0FBRyxDQUFDLEVBQUU7WUFDZixJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsWUFBWSxFQUFF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QUssQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUM5RSxDQUFDO0lBRUQsT0FBTztRQUNMLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRSxPQUFPLEVBQUUsQ0FBQztZQUN4QixJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUM3QyxDQUFDO0lBQ0gsQ0FBQztJQUVELE1BQU07UUFDSixJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUUsTUFBTSxFQUFFLENBQUM7WUFDdkIsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDNUMsQ0FBQztJQUNILENBQUM7K0dBMUZtQixpQkFBaUI7bUdBQWpCLGlCQUFpQjs7NEZBQWpCLGlCQUFpQjtrQkFEdEMsU0FBUztxRkFNMkIsU0FBUztzQkFBM0MsV0FBVzt1QkFBQyxvQkFBb0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJS2xlc0ZpZWxkIH0gZnJvbSAnLi4vaW50ZXJmYWNlcy9maWVsZC5pbnRlcmZhY2UnO1xuaW1wb3J0IHsgSUtsZXNGaWVsZENvbmZpZyB9IGZyb20gJy4uL2ludGVyZmFjZXMvZmllbGQuY29uZmlnLmludGVyZmFjZSc7XG5pbXBvcnQgeyBVbnR5cGVkRm9ybUdyb3VwIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgT25EZXN0cm95LCBPbkluaXQsIERpcmVjdGl2ZSwgVmlld0NvbnRhaW5lclJlZiwgSG9zdEJpbmRpbmcgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IHRha2VVbnRpbCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuQERpcmVjdGl2ZSgpXG5leHBvcnQgYWJzdHJhY3QgY2xhc3MgS2xlc0ZpZWxkQWJzdHJhY3QgaW1wbGVtZW50cyBJS2xlc0ZpZWxkLCBPbkluaXQsIEFmdGVyVmlld0luaXQsIE9uRGVzdHJveSB7XG4gIGZpZWxkOiBJS2xlc0ZpZWxkQ29uZmlnO1xuICBncm91cDogVW50eXBlZEZvcm1Hcm91cDtcbiAgc2libGluZ0ZpZWxkczogSUtsZXNGaWVsZENvbmZpZ1tdO1xuXG4gIEBIb3N0QmluZGluZygnYXR0ci5rbGVzRGlyZWN0aXZlJykgZGlyZWN0aXZlO1xuXG4gIHByb3RlY3RlZCBfb25EZXN0cm95ID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcblxuICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgdmlld1JlZjogVmlld0NvbnRhaW5lclJlZikge1xuXG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuZmllbGQuYXBwZWFyYW5jZSkge1xuICAgICAgdGhpcy5maWVsZC5hcHBlYXJhbmNlID0gJ2ZpbGwnO1xuICAgIH1cbiAgICBpZiAodGhpcy5maWVsZC52YWx1ZUNoYW5nZXMpIHtcbiAgICAgIHRoaXMuZmllbGQudmFsdWVDaGFuZ2VzKHRoaXMuZmllbGQsIHRoaXMuZ3JvdXAsIHRoaXMuc2libGluZ0ZpZWxkcyk7XG4gICAgfVxuXG4gICAgdGhpcy5ncm91cC5jb250cm9sc1t0aGlzLmZpZWxkLm5hbWVdPy52YWx1ZUNoYW5nZXNcbiAgICAgIC5waXBlKHRha2VVbnRpbCh0aGlzLl9vbkRlc3Ryb3kpKVxuICAgICAgLnN1YnNjcmliZSh2YWwgPT4ge1xuICAgICAgICBpZiAodGhpcy5maWVsZC52YWx1ZUNoYW5nZXMpIHtcbiAgICAgICAgICB0aGlzLmZpZWxkLnZhbHVlQ2hhbmdlcyh0aGlzLmZpZWxkLCB0aGlzLmdyb3VwLCB0aGlzLnNpYmxpbmdGaWVsZHMsIHZhbCk7XG4gICAgICAgIH1cbiAgICAgIH0pO1xuXG4gICAgaWYgKHRoaXMuZmllbGQuZGlyZWN0aXZlKSB7XG4gICAgICB0aGlzLmRpcmVjdGl2ZSA9IG5ldyB0aGlzLmZpZWxkLmRpcmVjdGl2ZSh0aGlzLnZpZXdSZWYsIHRoaXMpO1xuICAgICAgdGhpcy5kaXJlY3RpdmUubmdPbkluaXQoKTtcbiAgICB9XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuZGlyZWN0aXZlICYmIHRoaXMuZGlyZWN0aXZlLm5nQWZ0ZXJWaWV3SW5pdCkge1xuICAgICAgdGhpcy5kaXJlY3RpdmU/Lm5nQWZ0ZXJWaWV3SW5pdCgpO1xuICAgIH1cblxuXG4gICAgaWYgKHRoaXMuZmllbGQuYXV0b2ZvY3VzKSB7XG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgKDxhbnk+dGhpcy5ncm91cC5jb250cm9sc1t0aGlzLmZpZWxkLm5hbWVdKT8ubmF0aXZlRWxlbWVudC5mb2N1cygpO1xuICAgICAgfSlcbiAgICB9XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLmRpcmVjdGl2ZT8ubmdPbkRlc3Ryb3koKTtcbiAgICB0aGlzLl9vbkRlc3Ryb3kubmV4dCgpO1xuICAgIHRoaXMuX29uRGVzdHJveS5jb21wbGV0ZSgpO1xuICB9XG5cbiAgYXBwbHlQaXBlVHJhbnNmb3JtKCkge1xuICAgIGlmICh0aGlzLmdyb3VwICYmIHRoaXMuZmllbGQpIHtcbiAgICAgIGNvbnN0IGNvbnRyb2wgPSB0aGlzLmdyb3VwLmNvbnRyb2xzW3RoaXMuZmllbGQubmFtZV07XG4gICAgICBpZiAoY29udHJvbCkge1xuICAgICAgICBjb25zdCB2YWwgPSB0aGlzLmdyb3VwLmNvbnRyb2xzW3RoaXMuZmllbGQubmFtZV0udmFsdWU7XG4gICAgICAgIGlmICh0aGlzLmZpZWxkLnBpcGVUcmFuc2Zvcm0pIHtcbiAgICAgICAgICB0aGlzLmZpZWxkLnBpcGVUcmFuc2Zvcm0uZm9yRWFjaChwID0+IHtcbiAgICAgICAgICAgIGxldCBwaXBlVmFsID0gY29udHJvbC52YWx1ZTtcbiAgICAgICAgICAgIGlmIChwLm9wdGlvbnMpIHtcbiAgICAgICAgICAgICAgcC5vcHRpb25zLmZvckVhY2gob3B0ID0+IHtcbiAgICAgICAgICAgICAgICBwaXBlVmFsID0gcC5waXBlLnRyYW5zZm9ybSh2YWwsIG9wdCk7XG4gICAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgcGlwZVZhbCA9IHAucGlwZS50cmFuc2Zvcm0odmFsKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGNvbnRyb2wucGF0Y2hWYWx1ZShwaXBlVmFsLCB7IG9ubHlTZWxmOiB0cnVlLCBlbWl0RXZlbnQ6IGZhbHNlIH0pO1xuICAgICAgICAgIH0pO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgaXNQZW5kaW5nKCkge1xuICAgIHJldHVybiAodGhpcy5ncm91cC5jb250cm9sc1t0aGlzLmZpZWxkLm5hbWVdLnBlbmRpbmcgfHwgdGhpcy5maWVsZC5wZW5kaW5nKTtcbiAgfVxuXG4gIG9uRm9jdXMoKSB7XG4gICAgaWYgKHRoaXMuZmllbGQ/Lm9uRm9jdXMpIHtcbiAgICAgIHRoaXMuZmllbGQub25Gb2N1cyh0aGlzLmZpZWxkLCB0aGlzLmdyb3VwKTtcbiAgICB9XG4gIH1cblxuICBvbkJsdXIoKSB7XG4gICAgaWYgKHRoaXMuZmllbGQ/Lm9uQmx1cikge1xuICAgICAgdGhpcy5maWVsZC5vbkJsdXIodGhpcy5maWVsZCwgdGhpcy5ncm91cCk7XG4gICAgfVxuICB9XG59XG4iXX0=
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import { __decorate } from "tslib";
|
|
2
|
-
import { KlesFieldAbstract } from './field.abstract';
|
|
3
|
-
import { Component } from '@angular/core';
|
|
4
|
-
import { EnumType } from '../enums/type.enum';
|
|
5
|
-
import { FieldMapper } from '../decorators/component.decorator';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
import * as i1 from "@angular/forms";
|
|
8
|
-
import * as i2 from "../forms/file-control.component";
|
|
9
|
-
let KlesFormFileComponent = class KlesFormFileComponent extends KlesFieldAbstract {
|
|
10
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KlesFormFileComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
11
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: KlesFormFileComponent, selector: "kles-form-file", usesInheritance: true, ngImport: i0, template: `
|
|
12
|
-
<div [formGroup]="group">
|
|
13
|
-
<kles-file-control
|
|
14
|
-
[attr.id]="field.id"
|
|
15
|
-
[formControlName]="field.name"
|
|
16
|
-
[accept]="field.accept"
|
|
17
|
-
[disabled]="field.disabled"
|
|
18
|
-
[multiple]="field.multiple"
|
|
19
|
-
></kles-file-control>
|
|
20
|
-
</div>
|
|
21
|
-
`, isInline: true, styles: ["mat-form-field{width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2.KlesFileControlComponent, selector: "kles-file-control", inputs: ["disabled", "accept", "multiple"] }] }); }
|
|
22
|
-
};
|
|
23
|
-
KlesFormFileComponent = __decorate([
|
|
24
|
-
FieldMapper({ type: EnumType.file })
|
|
25
|
-
], KlesFormFileComponent);
|
|
26
|
-
export { KlesFormFileComponent };
|
|
27
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KlesFormFileComponent, decorators: [{
|
|
28
|
-
type: Component,
|
|
29
|
-
args: [{ selector: 'kles-form-file', template: `
|
|
30
|
-
<div [formGroup]="group">
|
|
31
|
-
<kles-file-control
|
|
32
|
-
[attr.id]="field.id"
|
|
33
|
-
[formControlName]="field.name"
|
|
34
|
-
[accept]="field.accept"
|
|
35
|
-
[disabled]="field.disabled"
|
|
36
|
-
[multiple]="field.multiple"
|
|
37
|
-
></kles-file-control>
|
|
38
|
-
</div>
|
|
39
|
-
`, styles: ["mat-form-field{width:100%}\n"] }]
|
|
40
|
-
}] });
|
|
41
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rbGVzLW1hdGVyaWFsLWR5bmFtaWNmb3Jtcy9zcmMvbGliL2ZpZWxkcy9maWxlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDckQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDOUMsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLG1DQUFtQyxDQUFDOzs7O0FBa0J6RCxJQUFNLHFCQUFxQixHQUEzQixNQUFNLHFCQUFzQixTQUFRLGlCQUFpQjsrR0FBL0MscUJBQXFCO21HQUFyQixxQkFBcUIsNkVBYnBCOzs7Ozs7Ozs7O0tBVVQ7O0FBR1EscUJBQXFCO0lBaEJqQyxXQUFXLENBQUMsRUFBRSxJQUFJLEVBQUUsUUFBUSxDQUFDLElBQUksRUFBRSxDQUFDO0dBZ0J4QixxQkFBcUIsQ0FDakM7OzRGQURZLHFCQUFxQjtrQkFmakMsU0FBUzsrQkFDSSxnQkFBZ0IsWUFDaEI7Ozs7Ozs7Ozs7S0FVVCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEtsZXNGaWVsZEFic3RyYWN0IH0gZnJvbSAnLi9maWVsZC5hYnN0cmFjdCc7XG5pbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEVudW1UeXBlIH0gZnJvbSAnLi4vZW51bXMvdHlwZS5lbnVtJztcbmltcG9ydCB7IEZpZWxkTWFwcGVyIH0gZnJvbSAnLi4vZGVjb3JhdG9ycy9jb21wb25lbnQuZGVjb3JhdG9yJztcblxuQEZpZWxkTWFwcGVyKHsgdHlwZTogRW51bVR5cGUuZmlsZSB9KVxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdrbGVzLWZvcm0tZmlsZScsXG4gICAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IFtmb3JtR3JvdXBdPVwiZ3JvdXBcIj5cbiAgICAgICAgPGtsZXMtZmlsZS1jb250cm9sXG4gICAgICAgICAgICBbYXR0ci5pZF09XCJmaWVsZC5pZFwiXG4gICAgICAgICAgICBbZm9ybUNvbnRyb2xOYW1lXT1cImZpZWxkLm5hbWVcIlxuICAgICAgICAgICAgW2FjY2VwdF09XCJmaWVsZC5hY2NlcHRcIlxuICAgICAgICAgICAgW2Rpc2FibGVkXT1cImZpZWxkLmRpc2FibGVkXCJcbiAgICAgICAgICAgIFttdWx0aXBsZV09XCJmaWVsZC5tdWx0aXBsZVwiXG4gICAgICAgID48L2tsZXMtZmlsZS1jb250cm9sPlxuICAgIDwvZGl2PlxuICAgIGAsXG4gICAgc3R5bGVzOiBbJ21hdC1mb3JtLWZpZWxkIHt3aWR0aDogY2FsYygxMDAlKX0nXVxufSlcbmV4cG9ydCBjbGFzcyBLbGVzRm9ybUZpbGVDb21wb25lbnQgZXh0ZW5kcyBLbGVzRmllbGRBYnN0cmFjdCB7XG59XG4iXX0=
|