ngx-semantic 1.0.0-beta.79 → 1.0.0-beta.80
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/modules/checkbox/checkbox.component.mjs +16 -8
- package/fesm2015/ngx-semantic-modules-checkbox.mjs +15 -7
- package/fesm2015/ngx-semantic-modules-checkbox.mjs.map +1 -1
- package/fesm2020/ngx-semantic-modules-checkbox.mjs +15 -7
- package/fesm2020/ngx-semantic-modules-checkbox.mjs.map +1 -1
- package/modules/checkbox/checkbox.component.d.ts +5 -3
- package/package.json +1 -1
|
@@ -10,7 +10,7 @@ export class SuiCheckboxComponent {
|
|
|
10
10
|
constructor(changeDetectorRef) {
|
|
11
11
|
this.changeDetectorRef = changeDetectorRef;
|
|
12
12
|
this.valueChanged = new EventEmitter();
|
|
13
|
-
this.
|
|
13
|
+
this.checkedChanged = new EventEmitter();
|
|
14
14
|
this.suiType = null;
|
|
15
15
|
this.name = null;
|
|
16
16
|
this.suiValue = null;
|
|
@@ -20,6 +20,12 @@ export class SuiCheckboxComponent {
|
|
|
20
20
|
this.controlValueChangeFn = () => {
|
|
21
21
|
};
|
|
22
22
|
}
|
|
23
|
+
get checked() {
|
|
24
|
+
return this.isChecked;
|
|
25
|
+
}
|
|
26
|
+
set visible(isChecked) {
|
|
27
|
+
this.isChecked = isChecked;
|
|
28
|
+
}
|
|
23
29
|
get classes() {
|
|
24
30
|
return [
|
|
25
31
|
'ui',
|
|
@@ -50,7 +56,7 @@ export class SuiCheckboxComponent {
|
|
|
50
56
|
}
|
|
51
57
|
return 'checkbox';
|
|
52
58
|
}
|
|
53
|
-
get
|
|
59
|
+
get rawCheckedAttribute() {
|
|
54
60
|
return this.isChecked ? '' : undefined;
|
|
55
61
|
}
|
|
56
62
|
get disabledAttribute() {
|
|
@@ -63,7 +69,7 @@ export class SuiCheckboxComponent {
|
|
|
63
69
|
this.valueChanged.emit(value);
|
|
64
70
|
}
|
|
65
71
|
if (this.isChecked !== isChecked) {
|
|
66
|
-
this.
|
|
72
|
+
this.checkedChanged.emit(isChecked);
|
|
67
73
|
}
|
|
68
74
|
this.currentValue = value;
|
|
69
75
|
this.isChecked = isChecked;
|
|
@@ -82,7 +88,7 @@ export class SuiCheckboxComponent {
|
|
|
82
88
|
}
|
|
83
89
|
}
|
|
84
90
|
SuiCheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SuiCheckboxComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
85
|
-
SuiCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: SuiCheckboxComponent, selector: "sui-checkbox", inputs: { suiType: "suiType", name: "name", suiValue: "suiValue", suiReadOnly: "suiReadOnly", disabled: "disabled" }, outputs: { valueChanged: "valueChanged",
|
|
91
|
+
SuiCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: SuiCheckboxComponent, selector: "sui-checkbox", inputs: { suiType: "suiType", name: "name", suiValue: "suiValue", suiReadOnly: "suiReadOnly", disabled: "disabled", checked: "checked" }, outputs: { valueChanged: "valueChanged", checkedChanged: "checkedChanged" }, host: { listeners: { "click": "onClick()" }, properties: { "class": "this.classes" } }, providers: [{
|
|
86
92
|
provide: NG_VALUE_ACCESSOR,
|
|
87
93
|
useExisting: forwardRef(() => SuiCheckboxComponent),
|
|
88
94
|
multi: true
|
|
@@ -93,7 +99,7 @@ SuiCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
|
|
|
93
99
|
[attr.type]="inputType"
|
|
94
100
|
[attr.name]="name"
|
|
95
101
|
[attr.disabled]="disabledAttribute"
|
|
96
|
-
[attr.checked]="
|
|
102
|
+
[attr.checked]="rawCheckedAttribute"
|
|
97
103
|
[attr.value]="suiValue"/>
|
|
98
104
|
<label>
|
|
99
105
|
<ng-content></ng-content>
|
|
@@ -117,7 +123,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
117
123
|
[attr.type]="inputType"
|
|
118
124
|
[attr.name]="name"
|
|
119
125
|
[attr.disabled]="disabledAttribute"
|
|
120
|
-
[attr.checked]="
|
|
126
|
+
[attr.checked]="rawCheckedAttribute"
|
|
121
127
|
[attr.value]="suiValue"/>
|
|
122
128
|
<label>
|
|
123
129
|
<ng-content></ng-content>
|
|
@@ -131,7 +137,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
131
137
|
}]
|
|
132
138
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { valueChanged: [{
|
|
133
139
|
type: Output
|
|
134
|
-
}],
|
|
140
|
+
}], checkedChanged: [{
|
|
135
141
|
type: Output
|
|
136
142
|
}], suiType: [{
|
|
137
143
|
type: Input
|
|
@@ -143,6 +149,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
143
149
|
type: Input
|
|
144
150
|
}], disabled: [{
|
|
145
151
|
type: Input
|
|
152
|
+
}], checked: [{
|
|
153
|
+
type: Input
|
|
146
154
|
}], classes: [{
|
|
147
155
|
type: HostBinding,
|
|
148
156
|
args: ['class']
|
|
@@ -150,4 +158,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
150
158
|
type: HostListener,
|
|
151
159
|
args: ['click']
|
|
152
160
|
}] } });
|
|
153
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
161
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vZHVsZXMvY2hlY2tib3gvY2hlY2tib3guY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQTs7R0FFRztBQUVILE9BQU8sRUFFTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLFVBQVUsRUFDVixXQUFXLEVBQ1gsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBQ04saUJBQWlCLEVBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBdUIsaUJBQWlCLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUN2RSxPQUFPLEVBQUMsVUFBVSxFQUFFLFlBQVksRUFBQyxNQUFNLHdCQUF3QixDQUFDOztBQTBCaEUsTUFBTSxPQUFPLG9CQUFvQjtJQW1EL0IsWUFBb0IsaUJBQW9DO1FBQXBDLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7UUFsRHZDLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUN2QyxtQkFBYyxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7UUFDOUMsWUFBTyxHQUFvQixJQUFJLENBQUM7UUFDaEMsU0FBSSxHQUFXLElBQUksQ0FBQztRQUNwQixhQUFRLEdBQVEsSUFBSSxDQUFDO1FBQ0wsZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFDcEIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUUxQyxjQUFTLEdBQUcsS0FBSyxDQUFDO1FBRWpCLHlCQUFvQixHQUF5QixHQUFHLEVBQUU7UUFDMUQsQ0FBQyxDQUFBO0lBd0NELENBQUM7SUF0Q0QsSUFDSSxPQUFPO1FBQ1QsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDO0lBQ3hCLENBQUM7SUFFRCxJQUFJLE9BQU8sQ0FBQyxTQUFrQjtRQUM1QixJQUFJLENBQUMsU0FBUyxHQUFHLFNBQVMsQ0FBQztJQUM3QixDQUFDO0lBRUQsSUFDSSxPQUFPO1FBQ1QsT0FBTztZQUNM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RUFBRTt5REFBNEI7QUFDM0I7SUFBZixZQUFZLEVBQUU7c0RBQXlCOzJGQVB0QyxvQkFBb0I7a0JBdEJoQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxjQUFjO29CQUN4QixhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtvQkFDckMsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7R0FZVDtvQkFDRCxTQUFTLEVBQUUsQ0FBQzs0QkFDVixPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxxQkFBcUIsQ0FBQzs0QkFDbkQsS0FBSyxFQUFFLElBQUk7eUJBQ1osQ0FBQztpQkFDSDt3R0FFa0IsWUFBWTtzQkFBNUIsTUFBTTtnQkFDVSxjQUFjO3NCQUE5QixNQUFNO2dCQUNTLE9BQU87c0JBQXRCLEtBQUs7Z0JBQ1UsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUMwQixXQUFXO3NCQUExQyxLQUFLO2dCQUMwQixRQUFRO3NCQUF2QyxLQUFLO2dCQVFGLE9BQU87c0JBRFYsS0FBSztnQkFVRixPQUFPO3NCQURWLFdBQVc7dUJBQUMsT0FBTztnQkFZYixPQUFPO3NCQURiLFlBQVk7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ3JlYXRlZCBieSBib2xvciBvbiAxMC8yNC8yMDIwXG4gKi9cblxuaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBmb3J3YXJkUmVmLFxuICBIb3N0QmluZGluZyxcbiAgSG9zdExpc3RlbmVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBWaWV3RW5jYXBzdWxhdGlvblxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7Q29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQge0NsYXNzVXRpbHMsIElucHV0Qm9vbGVhbn0gZnJvbSAnbmd4LXNlbWFudGljL2NvcmUvdXRpbCc7XG5cbmV4cG9ydCB0eXBlIFN1aUNoZWNrYm94VHlwZSA9ICdyYWRpbycgfCAnc2xpZGVyJyB8ICd0b2dnbGUnIHwgbnVsbDtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3VpLWNoZWNrYm94JyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgdGVtcGxhdGU6IGBcbiAgICA8aW5wdXRcbiAgICAgIGNsYXNzPVwiaGlkZGVuXCJcbiAgICAgIHRhYmluZGV4PVwiMFwiXG4gICAgICBbYXR0ci50eXBlXT1cImlucHV0VHlwZVwiXG4gICAgICBbYXR0ci5uYW1lXT1cIm5hbWVcIlxuICAgICAgW2F0dHIuZGlzYWJsZWRdPVwiZGlzYWJsZWRBdHRyaWJ1dGVcIlxuICAgICAgW2F0dHIuY2hlY2tlZF09XCJyYXdDaGVja2VkQXR0cmlidXRlXCJcbiAgICAgIFthdHRyLnZhbHVlXT1cInN1aVZhbHVlXCIvPlxuICAgIDxsYWJlbD5cbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2xhYmVsPlxuICBgLFxuICBwcm92aWRlcnM6IFt7XG4gICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gU3VpQ2hlY2tib3hDb21wb25lbnQpLFxuICAgIG11bHRpOiB0cnVlXG4gIH1dXG59KVxuZXhwb3J0IGNsYXNzIFN1aUNoZWNrYm94Q29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xuICBAT3V0cHV0KCkgcHVibGljIHZhbHVlQ2hhbmdlZCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuICBAT3V0cHV0KCkgcHVibGljIGNoZWNrZWRDaGFuZ2VkID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuICBASW5wdXQoKSBwdWJsaWMgc3VpVHlwZTogU3VpQ2hlY2tib3hUeXBlID0gbnVsbDtcbiAgQElucHV0KCkgcHVibGljIG5hbWU6IHN0cmluZyA9IG51bGw7XG4gIEBJbnB1dCgpIHB1YmxpYyBzdWlWYWx1ZTogYW55ID0gbnVsbDtcbiAgQElucHV0KCkgQElucHV0Qm9vbGVhbigpIHB1YmxpYyBzdWlSZWFkT25seSA9IGZhbHNlO1xuICBASW5wdXQoKSBASW5wdXRCb29sZWFuKCkgcHVibGljIGRpc2FibGVkID0gZmFsc2U7XG5cbiAgcHVibGljIGlzQ2hlY2tlZCA9IGZhbHNlO1xuICBwdWJsaWMgY3VycmVudFZhbHVlOiBhbnk7XG4gIHByaXZhdGUgY29udHJvbFZhbHVlQ2hhbmdlRm46ICh2YWx1ZTogYW55KSA9PiB2b2lkID0gKCkgPT4ge1xuICB9XG5cbiAgQElucHV0KClcbiAgZ2V0IGNoZWNrZWQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuaXNDaGVja2VkO1xuICB9XG5cbiAgc2V0IHZpc2libGUoaXNDaGVja2VkOiBib29sZWFuKSB7XG4gICAgdGhpcy5pc0NoZWNrZWQgPSBpc0NoZWNrZWQ7XG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgZ2V0IGNsYXNzZXMoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gW1xuICAgICAgJ3VpJyxcbiAgICAgIHRoaXMuc3VpVHlwZSxcbiAgICAgIENsYXNzVXRpbHMuZ2V0UHJvcENsYXNzKHRoaXMuc3VpUmVhZE9ubHksICdyZWFkLW9ubHknKSxcbiAgICAgICdjaGVja2JveCcsXG4gICAgICBDbGFzc1V0aWxzLmdldFByb3BDbGFzcyh0aGlzLmlzQ2hlY2tlZCwgJ2NoZWNrZWQnKVxuICAgIF0uam9pbignICcpO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignY2xpY2snKVxuICBwdWJsaWMgb25DbGljaygpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5kaXNhYmxlZCB8fCB0aGlzLnN1aVJlYWRPbmx5KSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgaWYgKHRoaXMuaW5wdXRUeXBlID09PSAncmFkaW8nKSB7XG4gICAgICB0aGlzLmN1cnJlbnRWYWx1ZSA9IHRoaXMuc3VpVmFsdWU7XG4gICAgICB0aGlzLmlzQ2hlY2tlZCA9IHRoaXMuY3VycmVudFZhbHVlID09PSB0aGlzLnN1aVZhbHVlO1xuICAgICAgdGhpcy52YWx1ZUNoYW5nZWQuZW1pdCh0aGlzLmN1cnJlbnRWYWx1ZSk7XG4gICAgICB0aGlzLmNvbnRyb2xWYWx1ZUNoYW5nZUZuKHRoaXMuY3VycmVudFZhbHVlKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5pc0NoZWNrZWQgPSAhdGhpcy5pc0NoZWNrZWQ7XG4gICAgICB0aGlzLmNvbnRyb2xWYWx1ZUNoYW5nZUZuKHRoaXMuaXNDaGVja2VkKTtcbiAgICB9XG4gIH1cblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGNoYW5nZURldGVjdG9yUmVmOiBDaGFuZ2VEZXRlY3RvclJlZikge1xuICB9XG5cbiAgZ2V0IGlucHV0VHlwZSgpOiBzdHJpbmcge1xuICAgIGlmICh0aGlzLnN1aVR5cGUgPT09ICdyYWRpbycpIHtcbiAgICAgIHJldHVybiAncmFkaW8nO1xuICAgIH1cblxuICAgIHJldHVybiAnY2hlY2tib3gnO1xuICB9XG5cbiAgcHVibGljIGdldCByYXdDaGVja2VkQXR0cmlidXRlKCk6IHN0cmluZyB8IHVuZGVmaW5lZCB7XG4gICAgcmV0dXJuIHRoaXMuaXNDaGVja2VkID8gJycgOiB1bmRlZmluZWQ7XG4gIH1cblxuICBwdWJsaWMgZ2V0IGRpc2FibGVkQXR0cmlidXRlKCk6IHN0cmluZyB8IHVuZGVmaW5lZCB7XG4gICAgcmV0dXJuIHRoaXMuZGlzYWJsZWQgPyAnZGlzYWJsZWQnIDogdW5kZWZpbmVkO1xuICB9XG5cbiAgcHVibGljIHdyaXRlVmFsdWUodmFsdWU6IGFueSk6IHZvaWQge1xuICAgIGlmICh0aGlzLmlucHV0VHlwZSA9PT0gJ3JhZGlvJykge1xuICAgICAgY29uc3QgaXNDaGVja2VkID0gdGhpcy5zdWlWYWx1ZSA9PT0gdmFsdWU7XG5cbiAgICAgIGlmICh0aGlzLmN1cnJlbnRWYWx1ZSAhPT0gdmFsdWUpIHtcbiAgICAgICAgdGhpcy52YWx1ZUNoYW5nZWQuZW1pdCh2YWx1ZSk7XG4gICAgICB9XG5cbiAgICAgIGlmICh0aGlzLmlzQ2hlY2tlZCAhPT0gaXNDaGVja2VkKSB7XG4gICAgICAgIHRoaXMuY2hlY2tlZENoYW5nZWQuZW1pdChpc0NoZWNrZWQpO1xuICAgICAgfVxuXG4gICAgICB0aGlzLmN1cnJlbnRWYWx1ZSA9IHZhbHVlO1xuICAgICAgdGhpcy5pc0NoZWNrZWQgPSBpc0NoZWNrZWQ7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuaXNDaGVja2VkID0gIXRoaXMuaXNDaGVja2VkO1xuICAgIH1cblxuICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3JSZWYubWFya0ZvckNoZWNrKCk7XG4gIH1cblxuICBwdWJsaWMgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XG4gICAgdGhpcy5jb250cm9sVmFsdWVDaGFuZ2VGbiA9IGZuO1xuICB9XG5cbiAgcHVibGljIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHtcbiAgfVxuXG4gIHB1YmxpYyBzZXREaXNhYmxlZFN0YXRlPyhpc0Rpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -9,7 +9,7 @@ class SuiCheckboxComponent {
|
|
|
9
9
|
constructor(changeDetectorRef) {
|
|
10
10
|
this.changeDetectorRef = changeDetectorRef;
|
|
11
11
|
this.valueChanged = new EventEmitter();
|
|
12
|
-
this.
|
|
12
|
+
this.checkedChanged = new EventEmitter();
|
|
13
13
|
this.suiType = null;
|
|
14
14
|
this.name = null;
|
|
15
15
|
this.suiValue = null;
|
|
@@ -19,6 +19,12 @@ class SuiCheckboxComponent {
|
|
|
19
19
|
this.controlValueChangeFn = () => {
|
|
20
20
|
};
|
|
21
21
|
}
|
|
22
|
+
get checked() {
|
|
23
|
+
return this.isChecked;
|
|
24
|
+
}
|
|
25
|
+
set visible(isChecked) {
|
|
26
|
+
this.isChecked = isChecked;
|
|
27
|
+
}
|
|
22
28
|
get classes() {
|
|
23
29
|
return [
|
|
24
30
|
'ui',
|
|
@@ -49,7 +55,7 @@ class SuiCheckboxComponent {
|
|
|
49
55
|
}
|
|
50
56
|
return 'checkbox';
|
|
51
57
|
}
|
|
52
|
-
get
|
|
58
|
+
get rawCheckedAttribute() {
|
|
53
59
|
return this.isChecked ? '' : undefined;
|
|
54
60
|
}
|
|
55
61
|
get disabledAttribute() {
|
|
@@ -62,7 +68,7 @@ class SuiCheckboxComponent {
|
|
|
62
68
|
this.valueChanged.emit(value);
|
|
63
69
|
}
|
|
64
70
|
if (this.isChecked !== isChecked) {
|
|
65
|
-
this.
|
|
71
|
+
this.checkedChanged.emit(isChecked);
|
|
66
72
|
}
|
|
67
73
|
this.currentValue = value;
|
|
68
74
|
this.isChecked = isChecked;
|
|
@@ -81,7 +87,7 @@ class SuiCheckboxComponent {
|
|
|
81
87
|
}
|
|
82
88
|
}
|
|
83
89
|
SuiCheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SuiCheckboxComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
84
|
-
SuiCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: SuiCheckboxComponent, selector: "sui-checkbox", inputs: { suiType: "suiType", name: "name", suiValue: "suiValue", suiReadOnly: "suiReadOnly", disabled: "disabled" }, outputs: { valueChanged: "valueChanged",
|
|
90
|
+
SuiCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: SuiCheckboxComponent, selector: "sui-checkbox", inputs: { suiType: "suiType", name: "name", suiValue: "suiValue", suiReadOnly: "suiReadOnly", disabled: "disabled", checked: "checked" }, outputs: { valueChanged: "valueChanged", checkedChanged: "checkedChanged" }, host: { listeners: { "click": "onClick()" }, properties: { "class": "this.classes" } }, providers: [{
|
|
85
91
|
provide: NG_VALUE_ACCESSOR,
|
|
86
92
|
useExisting: forwardRef(() => SuiCheckboxComponent),
|
|
87
93
|
multi: true
|
|
@@ -92,7 +98,7 @@ SuiCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
|
|
|
92
98
|
[attr.type]="inputType"
|
|
93
99
|
[attr.name]="name"
|
|
94
100
|
[attr.disabled]="disabledAttribute"
|
|
95
|
-
[attr.checked]="
|
|
101
|
+
[attr.checked]="rawCheckedAttribute"
|
|
96
102
|
[attr.value]="suiValue"/>
|
|
97
103
|
<label>
|
|
98
104
|
<ng-content></ng-content>
|
|
@@ -116,7 +122,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
116
122
|
[attr.type]="inputType"
|
|
117
123
|
[attr.name]="name"
|
|
118
124
|
[attr.disabled]="disabledAttribute"
|
|
119
|
-
[attr.checked]="
|
|
125
|
+
[attr.checked]="rawCheckedAttribute"
|
|
120
126
|
[attr.value]="suiValue"/>
|
|
121
127
|
<label>
|
|
122
128
|
<ng-content></ng-content>
|
|
@@ -130,7 +136,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
130
136
|
}]
|
|
131
137
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { valueChanged: [{
|
|
132
138
|
type: Output
|
|
133
|
-
}],
|
|
139
|
+
}], checkedChanged: [{
|
|
134
140
|
type: Output
|
|
135
141
|
}], suiType: [{
|
|
136
142
|
type: Input
|
|
@@ -142,6 +148,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
142
148
|
type: Input
|
|
143
149
|
}], disabled: [{
|
|
144
150
|
type: Input
|
|
151
|
+
}], checked: [{
|
|
152
|
+
type: Input
|
|
145
153
|
}], classes: [{
|
|
146
154
|
type: HostBinding,
|
|
147
155
|
args: ['class']
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ngx-semantic-modules-checkbox.mjs","sources":["../../src/modules/checkbox/checkbox.component.ts","../../src/modules/checkbox/checkbox.module.ts","../../src/modules/checkbox/public-api.ts","../../src/modules/checkbox/ngx-semantic-modules-checkbox.ts"],"sourcesContent":["/**\n * Created by bolor on 10/24/2020\n */\n\nimport {\n ChangeDetectorRef,\n Component,\n EventEmitter,\n forwardRef,\n HostBinding,\n HostListener,\n Input,\n Output,\n ViewEncapsulation\n} from '@angular/core';\nimport {ControlValueAccessor, NG_VALUE_ACCESSOR} from '@angular/forms';\nimport {ClassUtils, InputBoolean} from 'ngx-semantic/core/util';\n\nexport type SuiCheckboxType = 'radio' | 'slider' | 'toggle' | null;\n\n@Component({\n selector: 'sui-checkbox',\n encapsulation: ViewEncapsulation.None,\n template: `\n <input\n class=\"hidden\"\n tabindex=\"0\"\n [attr.type]=\"inputType\"\n [attr.name]=\"name\"\n [attr.disabled]=\"disabledAttribute\"\n [attr.checked]=\"
|
|
1
|
+
{"version":3,"file":"ngx-semantic-modules-checkbox.mjs","sources":["../../src/modules/checkbox/checkbox.component.ts","../../src/modules/checkbox/checkbox.module.ts","../../src/modules/checkbox/public-api.ts","../../src/modules/checkbox/ngx-semantic-modules-checkbox.ts"],"sourcesContent":["/**\n * Created by bolor on 10/24/2020\n */\n\nimport {\n ChangeDetectorRef,\n Component,\n EventEmitter,\n forwardRef,\n HostBinding,\n HostListener,\n Input,\n Output,\n ViewEncapsulation\n} from '@angular/core';\nimport {ControlValueAccessor, NG_VALUE_ACCESSOR} from '@angular/forms';\nimport {ClassUtils, InputBoolean} from 'ngx-semantic/core/util';\n\nexport type SuiCheckboxType = 'radio' | 'slider' | 'toggle' | null;\n\n@Component({\n selector: 'sui-checkbox',\n encapsulation: ViewEncapsulation.None,\n template: `\n <input\n class=\"hidden\"\n tabindex=\"0\"\n [attr.type]=\"inputType\"\n [attr.name]=\"name\"\n [attr.disabled]=\"disabledAttribute\"\n [attr.checked]=\"rawCheckedAttribute\"\n [attr.value]=\"suiValue\"/>\n <label>\n <ng-content></ng-content>\n </label>\n `,\n providers: [{\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => SuiCheckboxComponent),\n multi: true\n }]\n})\nexport class SuiCheckboxComponent implements ControlValueAccessor {\n @Output() public valueChanged = new EventEmitter<any>();\n @Output() public checkedChanged = new EventEmitter<boolean>();\n @Input() public suiType: SuiCheckboxType = null;\n @Input() public name: string = null;\n @Input() public suiValue: any = null;\n @Input() @InputBoolean() public suiReadOnly = false;\n @Input() @InputBoolean() public disabled = false;\n\n public isChecked = false;\n public currentValue: any;\n private controlValueChangeFn: (value: any) => void = () => {\n }\n\n @Input()\n get checked(): boolean {\n return this.isChecked;\n }\n\n set visible(isChecked: boolean) {\n this.isChecked = isChecked;\n }\n\n @HostBinding('class')\n get classes(): string {\n return [\n 'ui',\n this.suiType,\n ClassUtils.getPropClass(this.suiReadOnly, 'read-only'),\n 'checkbox',\n ClassUtils.getPropClass(this.isChecked, 'checked')\n ].join(' ');\n }\n\n @HostListener('click')\n public onClick(): void {\n if (this.disabled || this.suiReadOnly) {\n return;\n }\n\n if (this.inputType === 'radio') {\n this.currentValue = this.suiValue;\n this.isChecked = this.currentValue === this.suiValue;\n this.valueChanged.emit(this.currentValue);\n this.controlValueChangeFn(this.currentValue);\n } else {\n this.isChecked = !this.isChecked;\n this.controlValueChangeFn(this.isChecked);\n }\n }\n\n constructor(private changeDetectorRef: ChangeDetectorRef) {\n }\n\n get inputType(): string {\n if (this.suiType === 'radio') {\n return 'radio';\n }\n\n return 'checkbox';\n }\n\n public get rawCheckedAttribute(): string | undefined {\n return this.isChecked ? '' : undefined;\n }\n\n public get disabledAttribute(): string | undefined {\n return this.disabled ? 'disabled' : undefined;\n }\n\n public writeValue(value: any): void {\n if (this.inputType === 'radio') {\n const isChecked = this.suiValue === value;\n\n if (this.currentValue !== value) {\n this.valueChanged.emit(value);\n }\n\n if (this.isChecked !== isChecked) {\n this.checkedChanged.emit(isChecked);\n }\n\n this.currentValue = value;\n this.isChecked = isChecked;\n } else {\n this.isChecked = !this.isChecked;\n }\n\n this.changeDetectorRef.markForCheck();\n }\n\n public registerOnChange(fn: any): void {\n this.controlValueChangeFn = fn;\n }\n\n public registerOnTouched(fn: any): void {\n }\n\n public setDisabledState?(isDisabled: boolean): void {\n }\n}\n","/**\n * Created by bolor on 10/24/2020\n */\n\nimport {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {SuiCheckboxComponent} from './checkbox.component';\n\n@NgModule({\n declarations: [\n SuiCheckboxComponent\n ],\n imports: [\n CommonModule,\n FormsModule\n ],\n exports: [\n SuiCheckboxComponent\n ]\n})\nexport class SuiCheckboxModule {\n}\n","/**\n * Created by bolor on 10/24/2020\n */\n\nexport * from './checkbox.component';\nexport * from './checkbox.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -9,7 +9,7 @@ class SuiCheckboxComponent {
|
|
|
9
9
|
constructor(changeDetectorRef) {
|
|
10
10
|
this.changeDetectorRef = changeDetectorRef;
|
|
11
11
|
this.valueChanged = new EventEmitter();
|
|
12
|
-
this.
|
|
12
|
+
this.checkedChanged = new EventEmitter();
|
|
13
13
|
this.suiType = null;
|
|
14
14
|
this.name = null;
|
|
15
15
|
this.suiValue = null;
|
|
@@ -19,6 +19,12 @@ class SuiCheckboxComponent {
|
|
|
19
19
|
this.controlValueChangeFn = () => {
|
|
20
20
|
};
|
|
21
21
|
}
|
|
22
|
+
get checked() {
|
|
23
|
+
return this.isChecked;
|
|
24
|
+
}
|
|
25
|
+
set visible(isChecked) {
|
|
26
|
+
this.isChecked = isChecked;
|
|
27
|
+
}
|
|
22
28
|
get classes() {
|
|
23
29
|
return [
|
|
24
30
|
'ui',
|
|
@@ -49,7 +55,7 @@ class SuiCheckboxComponent {
|
|
|
49
55
|
}
|
|
50
56
|
return 'checkbox';
|
|
51
57
|
}
|
|
52
|
-
get
|
|
58
|
+
get rawCheckedAttribute() {
|
|
53
59
|
return this.isChecked ? '' : undefined;
|
|
54
60
|
}
|
|
55
61
|
get disabledAttribute() {
|
|
@@ -62,7 +68,7 @@ class SuiCheckboxComponent {
|
|
|
62
68
|
this.valueChanged.emit(value);
|
|
63
69
|
}
|
|
64
70
|
if (this.isChecked !== isChecked) {
|
|
65
|
-
this.
|
|
71
|
+
this.checkedChanged.emit(isChecked);
|
|
66
72
|
}
|
|
67
73
|
this.currentValue = value;
|
|
68
74
|
this.isChecked = isChecked;
|
|
@@ -81,7 +87,7 @@ class SuiCheckboxComponent {
|
|
|
81
87
|
}
|
|
82
88
|
}
|
|
83
89
|
SuiCheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SuiCheckboxComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
84
|
-
SuiCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: SuiCheckboxComponent, selector: "sui-checkbox", inputs: { suiType: "suiType", name: "name", suiValue: "suiValue", suiReadOnly: "suiReadOnly", disabled: "disabled" }, outputs: { valueChanged: "valueChanged",
|
|
90
|
+
SuiCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: SuiCheckboxComponent, selector: "sui-checkbox", inputs: { suiType: "suiType", name: "name", suiValue: "suiValue", suiReadOnly: "suiReadOnly", disabled: "disabled", checked: "checked" }, outputs: { valueChanged: "valueChanged", checkedChanged: "checkedChanged" }, host: { listeners: { "click": "onClick()" }, properties: { "class": "this.classes" } }, providers: [{
|
|
85
91
|
provide: NG_VALUE_ACCESSOR,
|
|
86
92
|
useExisting: forwardRef(() => SuiCheckboxComponent),
|
|
87
93
|
multi: true
|
|
@@ -92,7 +98,7 @@ SuiCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
|
|
|
92
98
|
[attr.type]="inputType"
|
|
93
99
|
[attr.name]="name"
|
|
94
100
|
[attr.disabled]="disabledAttribute"
|
|
95
|
-
[attr.checked]="
|
|
101
|
+
[attr.checked]="rawCheckedAttribute"
|
|
96
102
|
[attr.value]="suiValue"/>
|
|
97
103
|
<label>
|
|
98
104
|
<ng-content></ng-content>
|
|
@@ -116,7 +122,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
116
122
|
[attr.type]="inputType"
|
|
117
123
|
[attr.name]="name"
|
|
118
124
|
[attr.disabled]="disabledAttribute"
|
|
119
|
-
[attr.checked]="
|
|
125
|
+
[attr.checked]="rawCheckedAttribute"
|
|
120
126
|
[attr.value]="suiValue"/>
|
|
121
127
|
<label>
|
|
122
128
|
<ng-content></ng-content>
|
|
@@ -130,7 +136,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
130
136
|
}]
|
|
131
137
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { valueChanged: [{
|
|
132
138
|
type: Output
|
|
133
|
-
}],
|
|
139
|
+
}], checkedChanged: [{
|
|
134
140
|
type: Output
|
|
135
141
|
}], suiType: [{
|
|
136
142
|
type: Input
|
|
@@ -142,6 +148,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
142
148
|
type: Input
|
|
143
149
|
}], disabled: [{
|
|
144
150
|
type: Input
|
|
151
|
+
}], checked: [{
|
|
152
|
+
type: Input
|
|
145
153
|
}], classes: [{
|
|
146
154
|
type: HostBinding,
|
|
147
155
|
args: ['class']
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ngx-semantic-modules-checkbox.mjs","sources":["../../src/modules/checkbox/checkbox.component.ts","../../src/modules/checkbox/checkbox.module.ts","../../src/modules/checkbox/public-api.ts","../../src/modules/checkbox/ngx-semantic-modules-checkbox.ts"],"sourcesContent":["/**\n * Created by bolor on 10/24/2020\n */\n\nimport {\n ChangeDetectorRef,\n Component,\n EventEmitter,\n forwardRef,\n HostBinding,\n HostListener,\n Input,\n Output,\n ViewEncapsulation\n} from '@angular/core';\nimport {ControlValueAccessor, NG_VALUE_ACCESSOR} from '@angular/forms';\nimport {ClassUtils, InputBoolean} from 'ngx-semantic/core/util';\n\nexport type SuiCheckboxType = 'radio' | 'slider' | 'toggle' | null;\n\n@Component({\n selector: 'sui-checkbox',\n encapsulation: ViewEncapsulation.None,\n template: `\n <input\n class=\"hidden\"\n tabindex=\"0\"\n [attr.type]=\"inputType\"\n [attr.name]=\"name\"\n [attr.disabled]=\"disabledAttribute\"\n [attr.checked]=\"
|
|
1
|
+
{"version":3,"file":"ngx-semantic-modules-checkbox.mjs","sources":["../../src/modules/checkbox/checkbox.component.ts","../../src/modules/checkbox/checkbox.module.ts","../../src/modules/checkbox/public-api.ts","../../src/modules/checkbox/ngx-semantic-modules-checkbox.ts"],"sourcesContent":["/**\n * Created by bolor on 10/24/2020\n */\n\nimport {\n ChangeDetectorRef,\n Component,\n EventEmitter,\n forwardRef,\n HostBinding,\n HostListener,\n Input,\n Output,\n ViewEncapsulation\n} from '@angular/core';\nimport {ControlValueAccessor, NG_VALUE_ACCESSOR} from '@angular/forms';\nimport {ClassUtils, InputBoolean} from 'ngx-semantic/core/util';\n\nexport type SuiCheckboxType = 'radio' | 'slider' | 'toggle' | null;\n\n@Component({\n selector: 'sui-checkbox',\n encapsulation: ViewEncapsulation.None,\n template: `\n <input\n class=\"hidden\"\n tabindex=\"0\"\n [attr.type]=\"inputType\"\n [attr.name]=\"name\"\n [attr.disabled]=\"disabledAttribute\"\n [attr.checked]=\"rawCheckedAttribute\"\n [attr.value]=\"suiValue\"/>\n <label>\n <ng-content></ng-content>\n </label>\n `,\n providers: [{\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => SuiCheckboxComponent),\n multi: true\n }]\n})\nexport class SuiCheckboxComponent implements ControlValueAccessor {\n @Output() public valueChanged = new EventEmitter<any>();\n @Output() public checkedChanged = new EventEmitter<boolean>();\n @Input() public suiType: SuiCheckboxType = null;\n @Input() public name: string = null;\n @Input() public suiValue: any = null;\n @Input() @InputBoolean() public suiReadOnly = false;\n @Input() @InputBoolean() public disabled = false;\n\n public isChecked = false;\n public currentValue: any;\n private controlValueChangeFn: (value: any) => void = () => {\n }\n\n @Input()\n get checked(): boolean {\n return this.isChecked;\n }\n\n set visible(isChecked: boolean) {\n this.isChecked = isChecked;\n }\n\n @HostBinding('class')\n get classes(): string {\n return [\n 'ui',\n this.suiType,\n ClassUtils.getPropClass(this.suiReadOnly, 'read-only'),\n 'checkbox',\n ClassUtils.getPropClass(this.isChecked, 'checked')\n ].join(' ');\n }\n\n @HostListener('click')\n public onClick(): void {\n if (this.disabled || this.suiReadOnly) {\n return;\n }\n\n if (this.inputType === 'radio') {\n this.currentValue = this.suiValue;\n this.isChecked = this.currentValue === this.suiValue;\n this.valueChanged.emit(this.currentValue);\n this.controlValueChangeFn(this.currentValue);\n } else {\n this.isChecked = !this.isChecked;\n this.controlValueChangeFn(this.isChecked);\n }\n }\n\n constructor(private changeDetectorRef: ChangeDetectorRef) {\n }\n\n get inputType(): string {\n if (this.suiType === 'radio') {\n return 'radio';\n }\n\n return 'checkbox';\n }\n\n public get rawCheckedAttribute(): string | undefined {\n return this.isChecked ? '' : undefined;\n }\n\n public get disabledAttribute(): string | undefined {\n return this.disabled ? 'disabled' : undefined;\n }\n\n public writeValue(value: any): void {\n if (this.inputType === 'radio') {\n const isChecked = this.suiValue === value;\n\n if (this.currentValue !== value) {\n this.valueChanged.emit(value);\n }\n\n if (this.isChecked !== isChecked) {\n this.checkedChanged.emit(isChecked);\n }\n\n this.currentValue = value;\n this.isChecked = isChecked;\n } else {\n this.isChecked = !this.isChecked;\n }\n\n this.changeDetectorRef.markForCheck();\n }\n\n public registerOnChange(fn: any): void {\n this.controlValueChangeFn = fn;\n }\n\n public registerOnTouched(fn: any): void {\n }\n\n public setDisabledState?(isDisabled: boolean): void {\n }\n}\n","/**\n * Created by bolor on 10/24/2020\n */\n\nimport {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {SuiCheckboxComponent} from './checkbox.component';\n\n@NgModule({\n declarations: [\n SuiCheckboxComponent\n ],\n imports: [\n CommonModule,\n FormsModule\n ],\n exports: [\n SuiCheckboxComponent\n ]\n})\nexport class SuiCheckboxModule {\n}\n","/**\n * Created by bolor on 10/24/2020\n */\n\nexport * from './checkbox.component';\nexport * from './checkbox.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;MA0Ca,oBAAoB,CAAA;AAmD/B,IAAA,WAAA,CAAoB,iBAAoC,EAAA;QAApC,IAAiB,CAAA,iBAAA,GAAjB,iBAAiB,CAAmB;AAlDvC,QAAA,IAAA,CAAA,YAAY,GAAG,IAAI,YAAY,EAAO,CAAC;AACvC,QAAA,IAAA,CAAA,cAAc,GAAG,IAAI,YAAY,EAAW,CAAC;QAC9C,IAAO,CAAA,OAAA,GAAoB,IAAI,CAAC;QAChC,IAAI,CAAA,IAAA,GAAW,IAAI,CAAC;QACpB,IAAQ,CAAA,QAAA,GAAQ,IAAI,CAAC;QACL,IAAW,CAAA,WAAA,GAAG,KAAK,CAAC;QACpB,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;QAE1C,IAAS,CAAA,SAAA,GAAG,KAAK,CAAC;QAEjB,IAAoB,CAAA,oBAAA,GAAyB,MAAK;AAC1D,SAAC,CAAA;KAwCA;AAtCD,IAAA,IACI,OAAO,GAAA;QACT,OAAO,IAAI,CAAC,SAAS,CAAC;KACvB;IAED,IAAI,OAAO,CAAC,SAAkB,EAAA;AAC5B,QAAA,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;KAC5B;AAED,IAAA,IACI,OAAO,GAAA;QACT,OAAO;YACL,IAAI;AACJ,YAAA,IAAI,CAAC,OAAO;YACZ,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,EAAE,WAAW,CAAC;YACtD,UAAU;YACV,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC;AACnD,SAAA,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;KACb;IAGM,OAAO,GAAA;AACZ,QAAA,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,WAAW,EAAE;YACrC,OAAO;AACR,SAAA;AAED,QAAA,IAAI,IAAI,CAAC,SAAS,KAAK,OAAO,EAAE;AAC9B,YAAA,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC;YAClC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,YAAY,KAAK,IAAI,CAAC,QAAQ,CAAC;YACrD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;AAC1C,YAAA,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;AAC9C,SAAA;AAAM,aAAA;AACL,YAAA,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC;AACjC,YAAA,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AAC3C,SAAA;KACF;AAKD,IAAA,IAAI,SAAS,GAAA;AACX,QAAA,IAAI,IAAI,CAAC,OAAO,KAAK,OAAO,EAAE;AAC5B,YAAA,OAAO,OAAO,CAAC;AAChB,SAAA;AAED,QAAA,OAAO,UAAU,CAAC;KACnB;AAED,IAAA,IAAW,mBAAmB,GAAA;QAC5B,OAAO,IAAI,CAAC,SAAS,GAAG,EAAE,GAAG,SAAS,CAAC;KACxC;AAED,IAAA,IAAW,iBAAiB,GAAA;QAC1B,OAAO,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC;KAC/C;AAEM,IAAA,UAAU,CAAC,KAAU,EAAA;AAC1B,QAAA,IAAI,IAAI,CAAC,SAAS,KAAK,OAAO,EAAE;AAC9B,YAAA,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,KAAK,KAAK,CAAC;AAE1C,YAAA,IAAI,IAAI,CAAC,YAAY,KAAK,KAAK,EAAE;AAC/B,gBAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAC/B,aAAA;AAED,YAAA,IAAI,IAAI,CAAC,SAAS,KAAK,SAAS,EAAE;AAChC,gBAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AACrC,aAAA;AAED,YAAA,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;AAC1B,YAAA,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;AAC5B,SAAA;AAAM,aAAA;AACL,YAAA,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC;AAClC,SAAA;AAED,QAAA,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE,CAAC;KACvC;AAEM,IAAA,gBAAgB,CAAC,EAAO,EAAA;AAC7B,QAAA,IAAI,CAAC,oBAAoB,GAAG,EAAE,CAAC;KAChC;AAEM,IAAA,iBAAiB,CAAC,EAAO,EAAA;KAC/B;AAEM,IAAA,gBAAgB,CAAE,UAAmB,EAAA;KAC3C;;iHAnGU,oBAAoB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,oBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,sVANpB,CAAC;AACV,YAAA,OAAO,EAAE,iBAAiB;AAC1B,YAAA,WAAW,EAAE,UAAU,CAAC,MAAM,oBAAoB,CAAC;AACnD,YAAA,KAAK,EAAE,IAAI;AACZ,SAAA,CAAC,EAjBQ,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;AAYT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;AAawB,UAAA,CAAA;AAAf,IAAA,YAAY,EAAE;AAA4B,CAAA,EAAA,oBAAA,CAAA,SAAA,EAAA,aAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAC3B,UAAA,CAAA;AAAf,IAAA,YAAY,EAAE;AAAyB,CAAA,EAAA,oBAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA,CAAA;2FAPtC,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAtBhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,cAAc;oBACxB,aAAa,EAAE,iBAAiB,CAAC,IAAI;AACrC,oBAAA,QAAQ,EAAE,CAAA;;;;;;;;;;;;AAYT,EAAA,CAAA;AACD,oBAAA,SAAS,EAAE,CAAC;AACV,4BAAA,OAAO,EAAE,iBAAiB;AAC1B,4BAAA,WAAW,EAAE,UAAU,CAAC,0BAA0B,CAAC;AACnD,4BAAA,KAAK,EAAE,IAAI;yBACZ,CAAC;AACH,iBAAA,CAAA;wGAEkB,YAAY,EAAA,CAAA;sBAA5B,MAAM;gBACU,cAAc,EAAA,CAAA;sBAA9B,MAAM;gBACS,OAAO,EAAA,CAAA;sBAAtB,KAAK;gBACU,IAAI,EAAA,CAAA;sBAAnB,KAAK;gBACU,QAAQ,EAAA,CAAA;sBAAvB,KAAK;gBAC0B,WAAW,EAAA,CAAA;sBAA1C,KAAK;gBAC0B,QAAQ,EAAA,CAAA;sBAAvC,KAAK;gBAQF,OAAO,EAAA,CAAA;sBADV,KAAK;gBAUF,OAAO,EAAA,CAAA;sBADV,WAAW;uBAAC,OAAO,CAAA;gBAYb,OAAO,EAAA,CAAA;sBADb,YAAY;uBAAC,OAAO,CAAA;;;AC5EvB;;AAEG;MAmBU,iBAAiB,CAAA;;8GAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;+GAAjB,iBAAiB,EAAA,YAAA,EAAA,CAV1B,oBAAoB,CAAA,EAAA,OAAA,EAAA,CAGpB,YAAY;AACZ,QAAA,WAAW,aAGX,oBAAoB,CAAA,EAAA,CAAA,CAAA;AAGX,iBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,YAP1B,YAAY;QACZ,WAAW,CAAA,EAAA,CAAA,CAAA;2FAMF,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAZ7B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,oBAAoB;AACrB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,WAAW;AACZ,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,oBAAoB;AACrB,qBAAA;AACF,iBAAA,CAAA;;;ACpBD;;AAEG;;ACFH;;AAEG;;;;"}
|
|
@@ -8,7 +8,7 @@ export declare type SuiCheckboxType = 'radio' | 'slider' | 'toggle' | null;
|
|
|
8
8
|
export declare class SuiCheckboxComponent implements ControlValueAccessor {
|
|
9
9
|
private changeDetectorRef;
|
|
10
10
|
valueChanged: EventEmitter<any>;
|
|
11
|
-
|
|
11
|
+
checkedChanged: EventEmitter<boolean>;
|
|
12
12
|
suiType: SuiCheckboxType;
|
|
13
13
|
name: string;
|
|
14
14
|
suiValue: any;
|
|
@@ -17,16 +17,18 @@ export declare class SuiCheckboxComponent implements ControlValueAccessor {
|
|
|
17
17
|
isChecked: boolean;
|
|
18
18
|
currentValue: any;
|
|
19
19
|
private controlValueChangeFn;
|
|
20
|
+
get checked(): boolean;
|
|
21
|
+
set visible(isChecked: boolean);
|
|
20
22
|
get classes(): string;
|
|
21
23
|
onClick(): void;
|
|
22
24
|
constructor(changeDetectorRef: ChangeDetectorRef);
|
|
23
25
|
get inputType(): string;
|
|
24
|
-
get
|
|
26
|
+
get rawCheckedAttribute(): string | undefined;
|
|
25
27
|
get disabledAttribute(): string | undefined;
|
|
26
28
|
writeValue(value: any): void;
|
|
27
29
|
registerOnChange(fn: any): void;
|
|
28
30
|
registerOnTouched(fn: any): void;
|
|
29
31
|
setDisabledState?(isDisabled: boolean): void;
|
|
30
32
|
static ɵfac: i0.ɵɵFactoryDeclaration<SuiCheckboxComponent, never>;
|
|
31
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SuiCheckboxComponent, "sui-checkbox", never, { "suiType": "suiType"; "name": "name"; "suiValue": "suiValue"; "suiReadOnly": "suiReadOnly"; "disabled": "disabled"; }, { "valueChanged": "valueChanged"; "
|
|
33
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SuiCheckboxComponent, "sui-checkbox", never, { "suiType": "suiType"; "name": "name"; "suiValue": "suiValue"; "suiReadOnly": "suiReadOnly"; "disabled": "disabled"; "checked": "checked"; }, { "valueChanged": "valueChanged"; "checkedChanged": "checkedChanged"; }, never, ["*"], false, never>;
|
|
32
34
|
}
|