ngx-semantic 1.0.2-beta.1 → 1.0.2-beta.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/modules/checkbox/checkbox.component.mjs +6 -6
- package/fesm2015/ngx-semantic-modules-checkbox.mjs +5 -5
- package/fesm2015/ngx-semantic-modules-checkbox.mjs.map +1 -1
- package/fesm2020/ngx-semantic-modules-checkbox.mjs +5 -5
- package/fesm2020/ngx-semantic-modules-checkbox.mjs.map +1 -1
- package/modules/checkbox/checkbox.component.d.ts +2 -2
- 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.checkedChange = new EventEmitter();
|
|
14
14
|
this.suiType = null;
|
|
15
15
|
this.name = null;
|
|
16
16
|
this.suiValue = null;
|
|
@@ -25,7 +25,6 @@ export class SuiCheckboxComponent {
|
|
|
25
25
|
}
|
|
26
26
|
set checked(isChecked) {
|
|
27
27
|
this.isChecked = isChecked;
|
|
28
|
-
this.checkedChanged.emit(isChecked);
|
|
29
28
|
}
|
|
30
29
|
get classes() {
|
|
31
30
|
return [
|
|
@@ -48,6 +47,7 @@ export class SuiCheckboxComponent {
|
|
|
48
47
|
}
|
|
49
48
|
else {
|
|
50
49
|
this.isChecked = !this.isChecked;
|
|
50
|
+
this.checkedChange.emit(this.isChecked);
|
|
51
51
|
this.controlValueChangeFn(this.isChecked);
|
|
52
52
|
}
|
|
53
53
|
}
|
|
@@ -70,7 +70,7 @@ export class SuiCheckboxComponent {
|
|
|
70
70
|
this.valueChanged.emit(value);
|
|
71
71
|
}
|
|
72
72
|
if (this.isChecked !== isChecked) {
|
|
73
|
-
this.
|
|
73
|
+
this.checkedChange.emit(isChecked);
|
|
74
74
|
}
|
|
75
75
|
this.currentValue = value;
|
|
76
76
|
this.isChecked = isChecked;
|
|
@@ -89,7 +89,7 @@ export class SuiCheckboxComponent {
|
|
|
89
89
|
}
|
|
90
90
|
}
|
|
91
91
|
SuiCheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SuiCheckboxComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
92
|
-
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",
|
|
92
|
+
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", checkedChange: "checkedChange" }, host: { listeners: { "click": "onClick()" }, properties: { "class": "this.classes" } }, providers: [{
|
|
93
93
|
provide: NG_VALUE_ACCESSOR,
|
|
94
94
|
useExisting: forwardRef(() => SuiCheckboxComponent),
|
|
95
95
|
multi: true
|
|
@@ -138,7 +138,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
138
138
|
}]
|
|
139
139
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { valueChanged: [{
|
|
140
140
|
type: Output
|
|
141
|
-
}],
|
|
141
|
+
}], checkedChange: [{
|
|
142
142
|
type: Output
|
|
143
143
|
}], suiType: [{
|
|
144
144
|
type: Input
|
|
@@ -159,4 +159,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
159
159
|
type: HostListener,
|
|
160
160
|
args: ['click']
|
|
161
161
|
}] } });
|
|
162
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
162
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vZHVsZXMvY2hlY2tib3gvY2hlY2tib3guY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQTs7R0FFRztBQUVILE9BQU8sRUFFTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLFVBQVUsRUFDVixXQUFXLEVBQ1gsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBQ04saUJBQWlCLEVBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBdUIsaUJBQWlCLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUN2RSxPQUFPLEVBQUMsVUFBVSxFQUFFLFlBQVksRUFBQyxNQUFNLHdCQUF3QixDQUFDOztBQTBCaEUsTUFBTSxPQUFPLG9CQUFvQjtJQW9EL0IsWUFBb0IsaUJBQW9DO1FBQXBDLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7UUFuRHZDLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUN2QyxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7UUFDN0MsWUFBTyxHQUFvQixJQUFJLENBQUM7UUFDaEMsU0FBSSxHQUFXLElBQUksQ0FBQztRQUNwQixhQUFRLEdBQVEsSUFBSSxDQUFDO1FBQ0wsZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFDcEIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUUxQyxjQUFTLEdBQUcsS0FBSyxDQUFDO1FBRWpCLHlCQUFvQixHQUF5QixHQUFHLEVBQUU7UUFDMUQsQ0FBQyxDQUFBO0lBeUNELENBQUM7SUF2Q0QsSUFDSSxPQUFPO1FBQ1QsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDO0lBQ3hCLENBQUM7SUFFRCxJQUFJLE9BQU8sQ0FBQyxTQUFrQjtRQUM1QixJQUFJLENBQUMsU0FBUyxHQUFHLFNBQVMsQ0FBQztJQUM3QixDQUFDO0lBRUQsSUFDSSxPQUFPO1FBQ1QsT0FBTztZQUNM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SyxFQUFFLElBQUk7U0FDWixDQUFDLDBCQWpCUTs7Ozs7Ozs7Ozs7O0dBWVQ7QUFhd0I7SUFBZixZQUFZLEVBQUU7eURBQTRCO0FBQzNCO0lBQWYsWUFBWSxFQUFFO3NEQUF5QjsyRkFQdEMsb0JBQW9CO2tCQXRCaEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsY0FBYztvQkFDeEIsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7b0JBQ3JDLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7O0dBWVQ7b0JBQ0QsU0FBUyxFQUFFLENBQUM7NEJBQ1YsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUscUJBQXFCLENBQUM7NEJBQ25ELEtBQUssRUFBRSxJQUFJO3lCQUNaLENBQUM7aUJBQ0g7d0dBRWtCLFlBQVk7c0JBQTVCLE1BQU07Z0JBQ1UsYUFBYTtzQkFBN0IsTUFBTTtnQkFDUyxPQUFPO3NCQUF0QixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFDMEIsV0FBVztzQkFBMUMsS0FBSztnQkFDMEIsUUFBUTtzQkFBdkMsS0FBSztnQkFRRixPQUFPO3NCQURWLEtBQUs7Z0JBVUYsT0FBTztzQkFEVixXQUFXO3VCQUFDLE9BQU87Z0JBWWIsT0FBTztzQkFEYixZQUFZO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENyZWF0ZWQgYnkgYm9sb3Igb24gMTAvMjQvMjAyMFxuICovXG5cbmltcG9ydCB7XG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgZm9yd2FyZFJlZixcbiAgSG9zdEJpbmRpbmcsXG4gIEhvc3RMaXN0ZW5lcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgVmlld0VuY2Fwc3VsYXRpb25cbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0NvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUn0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHtDbGFzc1V0aWxzLCBJbnB1dEJvb2xlYW59IGZyb20gJ25neC1zZW1hbnRpYy9jb3JlL3V0aWwnO1xuXG5leHBvcnQgdHlwZSBTdWlDaGVja2JveFR5cGUgPSAncmFkaW8nIHwgJ3NsaWRlcicgfCAndG9nZ2xlJyB8IG51bGw7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1aS1jaGVja2JveCcsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGlucHV0XG4gICAgICBjbGFzcz1cImhpZGRlblwiXG4gICAgICB0YWJpbmRleD1cIjBcIlxuICAgICAgW2F0dHIudHlwZV09XCJpbnB1dFR5cGVcIlxuICAgICAgW2F0dHIubmFtZV09XCJuYW1lXCJcbiAgICAgIFthdHRyLmRpc2FibGVkXT1cImRpc2FibGVkQXR0cmlidXRlXCJcbiAgICAgIFthdHRyLmNoZWNrZWRdPVwicmF3Q2hlY2tlZEF0dHJpYnV0ZVwiXG4gICAgICBbYXR0ci52YWx1ZV09XCJzdWlWYWx1ZVwiLz5cbiAgICA8bGFiZWw+XG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9sYWJlbD5cbiAgYCxcbiAgcHJvdmlkZXJzOiBbe1xuICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFN1aUNoZWNrYm94Q29tcG9uZW50KSxcbiAgICBtdWx0aTogdHJ1ZVxuICB9XVxufSlcbmV4cG9ydCBjbGFzcyBTdWlDaGVja2JveENvbXBvbmVudCBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcbiAgQE91dHB1dCgpIHB1YmxpYyB2YWx1ZUNoYW5nZWQgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcbiAgQE91dHB1dCgpIHB1YmxpYyBjaGVja2VkQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuICBASW5wdXQoKSBwdWJsaWMgc3VpVHlwZTogU3VpQ2hlY2tib3hUeXBlID0gbnVsbDtcbiAgQElucHV0KCkgcHVibGljIG5hbWU6IHN0cmluZyA9IG51bGw7XG4gIEBJbnB1dCgpIHB1YmxpYyBzdWlWYWx1ZTogYW55ID0gbnVsbDtcbiAgQElucHV0KCkgQElucHV0Qm9vbGVhbigpIHB1YmxpYyBzdWlSZWFkT25seSA9IGZhbHNlO1xuICBASW5wdXQoKSBASW5wdXRCb29sZWFuKCkgcHVibGljIGRpc2FibGVkID0gZmFsc2U7XG5cbiAgcHVibGljIGlzQ2hlY2tlZCA9IGZhbHNlO1xuICBwdWJsaWMgY3VycmVudFZhbHVlOiBhbnk7XG4gIHByaXZhdGUgY29udHJvbFZhbHVlQ2hhbmdlRm46ICh2YWx1ZTogYW55KSA9PiB2b2lkID0gKCkgPT4ge1xuICB9XG5cbiAgQElucHV0KClcbiAgZ2V0IGNoZWNrZWQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuaXNDaGVja2VkO1xuICB9XG5cbiAgc2V0IGNoZWNrZWQoaXNDaGVja2VkOiBib29sZWFuKSB7XG4gICAgdGhpcy5pc0NoZWNrZWQgPSBpc0NoZWNrZWQ7XG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgZ2V0IGNsYXNzZXMoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gW1xuICAgICAgJ3VpJyxcbiAgICAgIHRoaXMuc3VpVHlwZSxcbiAgICAgIENsYXNzVXRpbHMuZ2V0UHJvcENsYXNzKHRoaXMuc3VpUmVhZE9ubHksICdyZWFkLW9ubHknKSxcbiAgICAgICdjaGVja2JveCcsXG4gICAgICBDbGFzc1V0aWxzLmdldFByb3BDbGFzcyh0aGlzLmlzQ2hlY2tlZCwgJ2NoZWNrZWQnKVxuICAgIF0uam9pbignICcpO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignY2xpY2snKVxuICBwdWJsaWMgb25DbGljaygpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5kaXNhYmxlZCB8fCB0aGlzLnN1aVJlYWRPbmx5KSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgaWYgKHRoaXMuaW5wdXRUeXBlID09PSAncmFkaW8nKSB7XG4gICAgICB0aGlzLmN1cnJlbnRWYWx1ZSA9IHRoaXMuc3VpVmFsdWU7XG4gICAgICB0aGlzLmlzQ2hlY2tlZCA9IHRoaXMuY3VycmVudFZhbHVlID09PSB0aGlzLnN1aVZhbHVlO1xuICAgICAgdGhpcy52YWx1ZUNoYW5nZWQuZW1pdCh0aGlzLmN1cnJlbnRWYWx1ZSk7XG4gICAgICB0aGlzLmNvbnRyb2xWYWx1ZUNoYW5nZUZuKHRoaXMuY3VycmVudFZhbHVlKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5pc0NoZWNrZWQgPSAhdGhpcy5pc0NoZWNrZWQ7XG4gICAgICB0aGlzLmNoZWNrZWRDaGFuZ2UuZW1pdCh0aGlzLmlzQ2hlY2tlZCk7XG4gICAgICB0aGlzLmNvbnRyb2xWYWx1ZUNoYW5nZUZuKHRoaXMuaXNDaGVja2VkKTtcbiAgICB9XG4gIH1cblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGNoYW5nZURldGVjdG9yUmVmOiBDaGFuZ2VEZXRlY3RvclJlZikge1xuICB9XG5cbiAgZ2V0IGlucHV0VHlwZSgpOiBzdHJpbmcge1xuICAgIGlmICh0aGlzLnN1aVR5cGUgPT09ICdyYWRpbycpIHtcbiAgICAgIHJldHVybiAncmFkaW8nO1xuICAgIH1cblxuICAgIHJldHVybiAnY2hlY2tib3gnO1xuICB9XG5cbiAgcHVibGljIGdldCByYXdDaGVja2VkQXR0cmlidXRlKCk6IHN0cmluZyB8IHVuZGVmaW5lZCB7XG4gICAgcmV0dXJuIHRoaXMuaXNDaGVja2VkID8gJycgOiB1bmRlZmluZWQ7XG4gIH1cblxuICBwdWJsaWMgZ2V0IGRpc2FibGVkQXR0cmlidXRlKCk6IHN0cmluZyB8IHVuZGVmaW5lZCB7XG4gICAgcmV0dXJuIHRoaXMuZGlzYWJsZWQgPyAnZGlzYWJsZWQnIDogdW5kZWZpbmVkO1xuICB9XG5cbiAgcHVibGljIHdyaXRlVmFsdWUodmFsdWU6IGFueSk6IHZvaWQge1xuICAgIGlmICh0aGlzLmlucHV0VHlwZSA9PT0gJ3JhZGlvJykge1xuICAgICAgY29uc3QgaXNDaGVja2VkID0gdGhpcy5zdWlWYWx1ZSA9PT0gdmFsdWU7XG5cbiAgICAgIGlmICh0aGlzLmN1cnJlbnRWYWx1ZSAhPT0gdmFsdWUpIHtcbiAgICAgICAgdGhpcy52YWx1ZUNoYW5nZWQuZW1pdCh2YWx1ZSk7XG4gICAgICB9XG5cbiAgICAgIGlmICh0aGlzLmlzQ2hlY2tlZCAhPT0gaXNDaGVja2VkKSB7XG4gICAgICAgIHRoaXMuY2hlY2tlZENoYW5nZS5lbWl0KGlzQ2hlY2tlZCk7XG4gICAgICB9XG5cbiAgICAgIHRoaXMuY3VycmVudFZhbHVlID0gdmFsdWU7XG4gICAgICB0aGlzLmlzQ2hlY2tlZCA9IGlzQ2hlY2tlZDtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5pc0NoZWNrZWQgPSAhdGhpcy5pc0NoZWNrZWQ7XG4gICAgfVxuXG4gICAgdGhpcy5jaGFuZ2VEZXRlY3RvclJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIHB1YmxpYyByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLmNvbnRyb2xWYWx1ZUNoYW5nZUZuID0gZm47XG4gIH1cblxuICBwdWJsaWMgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSk6IHZvaWQge1xuICB9XG5cbiAgcHVibGljIHNldERpc2FibGVkU3RhdGU/KGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgfVxufVxuIl19
|
|
@@ -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.checkedChange = new EventEmitter();
|
|
13
13
|
this.suiType = null;
|
|
14
14
|
this.name = null;
|
|
15
15
|
this.suiValue = null;
|
|
@@ -24,7 +24,6 @@ class SuiCheckboxComponent {
|
|
|
24
24
|
}
|
|
25
25
|
set checked(isChecked) {
|
|
26
26
|
this.isChecked = isChecked;
|
|
27
|
-
this.checkedChanged.emit(isChecked);
|
|
28
27
|
}
|
|
29
28
|
get classes() {
|
|
30
29
|
return [
|
|
@@ -47,6 +46,7 @@ class SuiCheckboxComponent {
|
|
|
47
46
|
}
|
|
48
47
|
else {
|
|
49
48
|
this.isChecked = !this.isChecked;
|
|
49
|
+
this.checkedChange.emit(this.isChecked);
|
|
50
50
|
this.controlValueChangeFn(this.isChecked);
|
|
51
51
|
}
|
|
52
52
|
}
|
|
@@ -69,7 +69,7 @@ class SuiCheckboxComponent {
|
|
|
69
69
|
this.valueChanged.emit(value);
|
|
70
70
|
}
|
|
71
71
|
if (this.isChecked !== isChecked) {
|
|
72
|
-
this.
|
|
72
|
+
this.checkedChange.emit(isChecked);
|
|
73
73
|
}
|
|
74
74
|
this.currentValue = value;
|
|
75
75
|
this.isChecked = isChecked;
|
|
@@ -88,7 +88,7 @@ class SuiCheckboxComponent {
|
|
|
88
88
|
}
|
|
89
89
|
}
|
|
90
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 });
|
|
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",
|
|
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", checkedChange: "checkedChange" }, host: { listeners: { "click": "onClick()" }, properties: { "class": "this.classes" } }, providers: [{
|
|
92
92
|
provide: NG_VALUE_ACCESSOR,
|
|
93
93
|
useExisting: forwardRef(() => SuiCheckboxComponent),
|
|
94
94
|
multi: true
|
|
@@ -137,7 +137,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
137
137
|
}]
|
|
138
138
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { valueChanged: [{
|
|
139
139
|
type: Output
|
|
140
|
-
}],
|
|
140
|
+
}], checkedChange: [{
|
|
141
141
|
type: Output
|
|
142
142
|
}], suiType: [{
|
|
143
143
|
type: Input
|
|
@@ -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]=\"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
|
|
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 checkedChange = 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 checked(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.checkedChange.emit(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.checkedChange.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.checkedChange = new EventEmitter();
|
|
13
13
|
this.suiType = null;
|
|
14
14
|
this.name = null;
|
|
15
15
|
this.suiValue = null;
|
|
@@ -24,7 +24,6 @@ class SuiCheckboxComponent {
|
|
|
24
24
|
}
|
|
25
25
|
set checked(isChecked) {
|
|
26
26
|
this.isChecked = isChecked;
|
|
27
|
-
this.checkedChanged.emit(isChecked);
|
|
28
27
|
}
|
|
29
28
|
get classes() {
|
|
30
29
|
return [
|
|
@@ -47,6 +46,7 @@ class SuiCheckboxComponent {
|
|
|
47
46
|
}
|
|
48
47
|
else {
|
|
49
48
|
this.isChecked = !this.isChecked;
|
|
49
|
+
this.checkedChange.emit(this.isChecked);
|
|
50
50
|
this.controlValueChangeFn(this.isChecked);
|
|
51
51
|
}
|
|
52
52
|
}
|
|
@@ -69,7 +69,7 @@ class SuiCheckboxComponent {
|
|
|
69
69
|
this.valueChanged.emit(value);
|
|
70
70
|
}
|
|
71
71
|
if (this.isChecked !== isChecked) {
|
|
72
|
-
this.
|
|
72
|
+
this.checkedChange.emit(isChecked);
|
|
73
73
|
}
|
|
74
74
|
this.currentValue = value;
|
|
75
75
|
this.isChecked = isChecked;
|
|
@@ -88,7 +88,7 @@ class SuiCheckboxComponent {
|
|
|
88
88
|
}
|
|
89
89
|
}
|
|
90
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 });
|
|
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",
|
|
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", checkedChange: "checkedChange" }, host: { listeners: { "click": "onClick()" }, properties: { "class": "this.classes" } }, providers: [{
|
|
92
92
|
provide: NG_VALUE_ACCESSOR,
|
|
93
93
|
useExisting: forwardRef(() => SuiCheckboxComponent),
|
|
94
94
|
multi: true
|
|
@@ -137,7 +137,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
137
137
|
}]
|
|
138
138
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { valueChanged: [{
|
|
139
139
|
type: Output
|
|
140
|
-
}],
|
|
140
|
+
}], checkedChange: [{
|
|
141
141
|
type: Output
|
|
142
142
|
}], suiType: [{
|
|
143
143
|
type: Input
|
|
@@ -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]=\"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
|
|
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 checkedChange = 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 checked(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.checkedChange.emit(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.checkedChange.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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"}
|
|
@@ -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
|
+
checkedChange: EventEmitter<boolean>;
|
|
12
12
|
suiType: SuiCheckboxType;
|
|
13
13
|
name: string;
|
|
14
14
|
suiValue: any;
|
|
@@ -30,5 +30,5 @@ export declare class SuiCheckboxComponent implements ControlValueAccessor {
|
|
|
30
30
|
registerOnTouched(fn: any): void;
|
|
31
31
|
setDisabledState?(isDisabled: boolean): void;
|
|
32
32
|
static ɵfac: i0.ɵɵFactoryDeclaration<SuiCheckboxComponent, never>;
|
|
33
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SuiCheckboxComponent, "sui-checkbox", never, { "suiType": "suiType"; "name": "name"; "suiValue": "suiValue"; "suiReadOnly": "suiReadOnly"; "disabled": "disabled"; "checked": "checked"; }, { "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"; "checkedChange": "checkedChange"; }, never, ["*"], false, never>;
|
|
34
34
|
}
|