@kms-ngx-ui/presentational 16.13.3 → 16.13.4
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.
|
@@ -8,9 +8,6 @@ import * as i1 from "@angular/material/checkbox";
|
|
|
8
8
|
import * as i2 from "@angular/forms";
|
|
9
9
|
export class CheckboxComponent {
|
|
10
10
|
constructor() {
|
|
11
|
-
/**
|
|
12
|
-
* Additional description text that will be shown below the checkbox.
|
|
13
|
-
*/
|
|
14
11
|
this.infoText = '';
|
|
15
12
|
this.checked = false;
|
|
16
13
|
this.disabled = false;
|
|
@@ -20,25 +17,15 @@ export class CheckboxComponent {
|
|
|
20
17
|
*/
|
|
21
18
|
this.name = '';
|
|
22
19
|
this.select = new EventEmitter();
|
|
23
|
-
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
24
20
|
this.onChange = () => { };
|
|
25
|
-
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
26
21
|
this.onTouch = () => { };
|
|
27
22
|
}
|
|
28
23
|
selectAction(id) {
|
|
29
24
|
this.select.emit(id);
|
|
30
25
|
this.checked = !this.checked;
|
|
31
26
|
}
|
|
32
|
-
get value() {
|
|
33
|
-
return this.checked;
|
|
34
|
-
}
|
|
35
|
-
set value(value) {
|
|
36
|
-
this.checked = value;
|
|
37
|
-
this.onChange(value);
|
|
38
|
-
this.onTouch(value);
|
|
39
|
-
}
|
|
40
27
|
writeValue(value) {
|
|
41
|
-
this.
|
|
28
|
+
this.checked = value;
|
|
42
29
|
}
|
|
43
30
|
registerOnChange(fn) {
|
|
44
31
|
this.onChange = fn;
|
|
@@ -53,7 +40,7 @@ export class CheckboxComponent {
|
|
|
53
40
|
useExisting: forwardRef(() => CheckboxComponent),
|
|
54
41
|
multi: true,
|
|
55
42
|
},
|
|
56
|
-
], ngImport: i0, template: "<div class=\"checkbox-container\" [class.disabled]=\"disabled\">\n <mat-checkbox
|
|
43
|
+
], ngImport: i0, template: "<div class=\"checkbox-container\" [class.disabled]=\"disabled\">\n <mat-checkbox\n [disabled]=\"disabled\"\n [name]=\"name\"\n [(ngModel)]=\"checked\"\n (change)=\"onChange($event.checked)\"\n >\n {{ infoText }}\n </mat-checkbox>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: i1.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
|
|
57
44
|
}
|
|
58
45
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckboxComponent, decorators: [{
|
|
59
46
|
type: Component,
|
|
@@ -63,7 +50,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
63
50
|
useExisting: forwardRef(() => CheckboxComponent),
|
|
64
51
|
multi: true,
|
|
65
52
|
},
|
|
66
|
-
], template: "<div class=\"checkbox-container\" [class.disabled]=\"disabled\">\n <mat-checkbox
|
|
53
|
+
], template: "<div class=\"checkbox-container\" [class.disabled]=\"disabled\">\n <mat-checkbox\n [disabled]=\"disabled\"\n [name]=\"name\"\n [(ngModel)]=\"checked\"\n (change)=\"onChange($event.checked)\"\n >\n {{ infoText }}\n </mat-checkbox>\n</div>\n" }]
|
|
67
54
|
}], propDecorators: { infoText: [{
|
|
68
55
|
type: Input
|
|
69
56
|
}], checked: [{
|
|
@@ -75,4 +62,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
75
62
|
}], select: [{
|
|
76
63
|
type: Output
|
|
77
64
|
}] } });
|
|
78
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva21zLW5neC11aS1wcmVzZW50YXRpb25hbC9zcmMvbGliL3VpL2NoZWNrYm94L2NoZWNrYm94LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS9jaGVja2JveC9jaGVja2JveC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLFVBQVUsRUFDVixLQUFLLEVBQ0wsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBd0IsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7OztBQWN6RSxNQUFNLE9BQU8saUJBQWlCO0lBWjlCO1FBYVcsYUFBUSxHQUFHLEVBQUUsQ0FBQztRQUNkLFlBQU8sR0FBRyxLQUFLLENBQUM7UUFDaEIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUUxQjs7O1dBR0c7UUFDTSxTQUFJLEdBQUcsRUFBRSxDQUFDO1FBRVQsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFNdEMsYUFBUSxHQUFRLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztRQUN6QixZQUFPLEdBQVEsR0FBRyxFQUFFLEdBQUUsQ0FBQyxDQUFDO0tBYXpCO0lBbkJDLFlBQVksQ0FBQyxFQUFVO1FBQ3JCLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQ3JCLElBQUksQ0FBQyxPQUFPLEdBQUcsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDO0lBQy9CLENBQUM7SUFLRCxVQUFVLENBQUMsS0FBVTtRQUNuQixJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztJQUN2QixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsRUFBTztRQUN0QixJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsaUJBQWlCLENBQUMsRUFBTztRQUN2QixJQUFJLENBQUMsT0FBTyxHQUFHLEVBQUUsQ0FBQztJQUNwQixDQUFDOytHQTlCVSxpQkFBaUI7bUdBQWpCLGlCQUFpQixnS0FSakI7WUFDVDtnQkFDRSxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGlCQUFpQixDQUFDO2dCQUNoRCxLQUFLLEVBQUUsSUFBSTthQUNaO1NBQ0YsMEJDdkJILG1RQVVBOzs0RkRlYSxpQkFBaUI7a0JBWjdCLFNBQVM7K0JBQ0UsY0FBYyxhQUdiO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLGtCQUFrQixDQUFDOzRCQUNoRCxLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRjs4QkFHUSxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQU1HLElBQUk7c0JBQVosS0FBSztnQkFFSSxNQUFNO3NCQUFmLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEBjb3B5cmlnaHQgS01TIEdtYkhcbiAqL1xuXG5pbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgZm9yd2FyZFJlZixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2ttcy1jaGVja2JveCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9jaGVja2JveC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NoZWNrYm94LmNvbXBvbmVudC5zY3NzJ10sXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gQ2hlY2tib3hDb21wb25lbnQpLFxuICAgICAgbXVsdGk6IHRydWUsXG4gICAgfSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQ2hlY2tib3hDb21wb25lbnQgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciB7XG4gIEBJbnB1dCgpIGluZm9UZXh0ID0gJyc7XG4gIEBJbnB1dCgpIGNoZWNrZWQgPSBmYWxzZTtcbiAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcblxuICAvKipcbiAgICogSW50ZXJuYWwgZGVzY3JpcHRpb24gbmFtZS4gQWxsIGNoZWNrYm94ZXMgd2l0aCB0aGUgc2FtZSBuYW1lIGJlbG9uZyB0byB0aGUgc2FtZSBncm91cC5cbiAgICogVXNlciBjYW4gc2VsZWN0IG5vbmUsIG9uZSBvciBhbGwgY2hlY2tib3hlcyB3aXRoIHRoZSBzYW1lIG5hbWUuXG4gICAqL1xuICBASW5wdXQoKSBuYW1lID0gJyc7XG5cbiAgQE91dHB1dCgpIHNlbGVjdCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgc2VsZWN0QWN0aW9uKGlkOiBzdHJpbmcpIHtcbiAgICB0aGlzLnNlbGVjdC5lbWl0KGlkKTtcbiAgICB0aGlzLmNoZWNrZWQgPSAhdGhpcy5jaGVja2VkO1xuICB9XG5cbiAgb25DaGFuZ2U6IGFueSA9ICgpID0+IHt9O1xuICBvblRvdWNoOiBhbnkgPSAoKSA9PiB7fTtcblxuICB3cml0ZVZhbHVlKHZhbHVlOiBhbnkpIHtcbiAgICB0aGlzLmNoZWNrZWQgPSB2YWx1ZTtcbiAgfVxuXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSkge1xuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgfVxuXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpIHtcbiAgICB0aGlzLm9uVG91Y2ggPSBmbjtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImNoZWNrYm94LWNvbnRhaW5lclwiIFtjbGFzcy5kaXNhYmxlZF09XCJkaXNhYmxlZFwiPlxuICA8bWF0LWNoZWNrYm94XG4gICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICBbbmFtZV09XCJuYW1lXCJcbiAgICBbKG5nTW9kZWwpXT1cImNoZWNrZWRcIlxuICAgIChjaGFuZ2UpPVwib25DaGFuZ2UoJGV2ZW50LmNoZWNrZWQpXCJcbiAgPlxuICAgIHt7IGluZm9UZXh0IH19XG4gIDwvbWF0LWNoZWNrYm94PlxuPC9kaXY+XG4iXX0=
|
|
@@ -71,9 +71,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
71
71
|
*/
|
|
72
72
|
class CheckboxComponent {
|
|
73
73
|
constructor() {
|
|
74
|
-
/**
|
|
75
|
-
* Additional description text that will be shown below the checkbox.
|
|
76
|
-
*/
|
|
77
74
|
this.infoText = '';
|
|
78
75
|
this.checked = false;
|
|
79
76
|
this.disabled = false;
|
|
@@ -83,25 +80,15 @@ class CheckboxComponent {
|
|
|
83
80
|
*/
|
|
84
81
|
this.name = '';
|
|
85
82
|
this.select = new EventEmitter();
|
|
86
|
-
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
87
83
|
this.onChange = () => { };
|
|
88
|
-
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
89
84
|
this.onTouch = () => { };
|
|
90
85
|
}
|
|
91
86
|
selectAction(id) {
|
|
92
87
|
this.select.emit(id);
|
|
93
88
|
this.checked = !this.checked;
|
|
94
89
|
}
|
|
95
|
-
get value() {
|
|
96
|
-
return this.checked;
|
|
97
|
-
}
|
|
98
|
-
set value(value) {
|
|
99
|
-
this.checked = value;
|
|
100
|
-
this.onChange(value);
|
|
101
|
-
this.onTouch(value);
|
|
102
|
-
}
|
|
103
90
|
writeValue(value) {
|
|
104
|
-
this.
|
|
91
|
+
this.checked = value;
|
|
105
92
|
}
|
|
106
93
|
registerOnChange(fn) {
|
|
107
94
|
this.onChange = fn;
|
|
@@ -116,7 +103,7 @@ class CheckboxComponent {
|
|
|
116
103
|
useExisting: forwardRef(() => CheckboxComponent),
|
|
117
104
|
multi: true,
|
|
118
105
|
},
|
|
119
|
-
], ngImport: i0, template: "<div class=\"checkbox-container\" [class.disabled]=\"disabled\">\n <mat-checkbox
|
|
106
|
+
], ngImport: i0, template: "<div class=\"checkbox-container\" [class.disabled]=\"disabled\">\n <mat-checkbox\n [disabled]=\"disabled\"\n [name]=\"name\"\n [(ngModel)]=\"checked\"\n (change)=\"onChange($event.checked)\"\n >\n {{ infoText }}\n </mat-checkbox>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: i1.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
|
|
120
107
|
}
|
|
121
108
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckboxComponent, decorators: [{
|
|
122
109
|
type: Component,
|
|
@@ -126,7 +113,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
126
113
|
useExisting: forwardRef(() => CheckboxComponent),
|
|
127
114
|
multi: true,
|
|
128
115
|
},
|
|
129
|
-
], template: "<div class=\"checkbox-container\" [class.disabled]=\"disabled\">\n <mat-checkbox
|
|
116
|
+
], template: "<div class=\"checkbox-container\" [class.disabled]=\"disabled\">\n <mat-checkbox\n [disabled]=\"disabled\"\n [name]=\"name\"\n [(ngModel)]=\"checked\"\n (change)=\"onChange($event.checked)\"\n >\n {{ infoText }}\n </mat-checkbox>\n</div>\n" }]
|
|
130
117
|
}], propDecorators: { infoText: [{
|
|
131
118
|
type: Input
|
|
132
119
|
}], checked: [{
|