@indigina/ui-kit 1.0.131 → 1.0.132
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/lib/components/kit-checkbox/kit-checkbox.component.mjs +15 -4
- package/esm2020/lib/components/kit-radio-button/kit-radio-button.component.mjs +3 -3
- package/esm2020/lib/components/kit-radio-button/kit-radio-button.model.mjs +1 -1
- package/fesm2015/indigina-ui-kit.mjs +16 -5
- package/fesm2015/indigina-ui-kit.mjs.map +1 -1
- package/fesm2020/indigina-ui-kit.mjs +16 -5
- package/fesm2020/indigina-ui-kit.mjs.map +1 -1
- package/lib/components/kit-checkbox/kit-checkbox.component.d.ts +6 -1
- package/lib/components/kit-radio-button/kit-radio-button.model.d.ts +1 -0
- package/package.json +1 -1
|
@@ -21,6 +21,10 @@ export class KitCheckboxComponent {
|
|
|
21
21
|
* Defines a default value
|
|
22
22
|
*/
|
|
23
23
|
this.defaultChecked = false;
|
|
24
|
+
/**
|
|
25
|
+
* Defines whether checkbox be in readonly state
|
|
26
|
+
*/
|
|
27
|
+
this.readonly = false;
|
|
24
28
|
/**
|
|
25
29
|
* Defines a particular state for the component
|
|
26
30
|
*/
|
|
@@ -50,6 +54,11 @@ export class KitCheckboxComponent {
|
|
|
50
54
|
this.onChange(checked);
|
|
51
55
|
this.changed.emit(checked);
|
|
52
56
|
}
|
|
57
|
+
handleClick(event) {
|
|
58
|
+
if (this.readonly) {
|
|
59
|
+
event.preventDefault();
|
|
60
|
+
}
|
|
61
|
+
}
|
|
53
62
|
registerOnChange(fn) {
|
|
54
63
|
this.onChange = fn;
|
|
55
64
|
}
|
|
@@ -65,24 +74,26 @@ export class KitCheckboxComponent {
|
|
|
65
74
|
}
|
|
66
75
|
}
|
|
67
76
|
KitCheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
68
|
-
KitCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: KitCheckboxComponent, selector: "kit-checkbox", inputs: { label: "label", disabled: "disabled", defaultChecked: "defaultChecked", state: "state", messageIcon: "messageIcon", messageText: "messageText", messageType: "messageType" }, outputs: { changed: "changed" }, providers: [{
|
|
77
|
+
KitCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: KitCheckboxComponent, selector: "kit-checkbox", inputs: { label: "label", disabled: "disabled", defaultChecked: "defaultChecked", readonly: "readonly", state: "state", messageIcon: "messageIcon", messageText: "messageText", messageType: "messageType" }, outputs: { changed: "changed" }, providers: [{
|
|
69
78
|
provide: NG_VALUE_ACCESSOR,
|
|
70
79
|
useExisting: forwardRef(() => KitCheckboxComponent),
|
|
71
80
|
multi: true,
|
|
72
|
-
}], ngImport: i0, template: "<div class=\"kit-checkbox\" [ngClass]=\"state\">\n <div class=\"display-flex flex-align-items-center\">\n <input kendoCheckBox #checkbox type=\"checkbox\" class=\"kit-checkbox-input\"\n [checked]=\"defaultChecked\"\n [disabled]=\"disabled\"\n (change)=\"onInputStateChange($event)\" />\n <kendo-label *ngIf=\"label\" class=\"kit-checkbox-label\"\n [text]=\"label\"\n [for]=\"checkbox\"\n ></kendo-label>\n </div>\n\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", styles: [".kit-checkbox-input{border-radius:2px;background-color:var(--ui-kit-color-white);border:2px solid var(--ui-kit-color-green);opacity:1;width:18px;height:18px}.kit-checkbox-input:hover:not([disabled]),.kit-checkbox-input:hover:not([disabled]):focus{box-shadow:0 0 0 4px var(--ui-kit-color-grey-4)}.kit-checkbox-input:hover:not([disabled]):checked,.kit-checkbox-input:hover:not([disabled]):focus:checked{background-color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main)}.kit-checkbox-input:hover:not([disabled]):not(:checked),.kit-checkbox-input:hover:not([disabled]):focus:not(:checked){background-color:var(--ui-kit-color-grey-4)}.kit-checkbox-input:focus{box-shadow:none}.kit-checkbox-input:checked{background-color:var(--ui-kit-color-green)}.kit-checkbox-input[disabled]{border-color:var(--ui-kit-color-grey-6);background-color:var(--ui-kit-color-white)}.kit-checkbox-input[disabled]:checked{background-color:var(--ui-kit-color-grey-6)}.kit-checkbox-label{font-size:12px;color:var(--ui-kit-color-grey-0);margin-left:12px}.kit-checkbox.danger .kit-checkbox-input{border-color:var(--ui-kit-color-red);background-color:var(--ui-kit-color-red-20)}.kit-checkbox.danger .kit-checkbox-input[disabled]{opacity:.6}.kit-checkbox.danger .kit-checkbox-input:hover:not([disabled]){background-color:var(--ui-kit-color-red-20);border-color:var(--ui-kit-color-red);box-shadow:0 0 0 4px var(--ui-kit-color-red-20)}.kit-checkbox.danger .kit-checkbox-input:checked{background-color:var(--ui-kit-color-red-20)}:host ::ng-deep .kit-checkbox-input:not([disabled])+.kit-checkbox-label .k-label:hover{cursor:pointer}\n"], components: [{ type: i1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { type: i2.KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
81
|
+
}], ngImport: i0, template: "<div class=\"kit-checkbox\" [ngClass]=\"state\">\n <div class=\"display-flex flex-align-items-center\">\n <input kendoCheckBox #checkbox type=\"checkbox\" class=\"kit-checkbox-input\"\n [checked]=\"defaultChecked\"\n [class.readonly]=\"readonly\"\n [disabled]=\"disabled\"\n (click)=\"handleClick($event)\"\n (change)=\"onInputStateChange($event)\" />\n <kendo-label *ngIf=\"label\" class=\"kit-checkbox-label\"\n [text]=\"label\"\n [for]=\"checkbox\"\n ></kendo-label>\n </div>\n\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", styles: [".kit-checkbox-input{border-radius:2px;background-color:var(--ui-kit-color-white);border:2px solid var(--ui-kit-color-green);opacity:1;width:18px;height:18px}.kit-checkbox-input:hover:not([disabled]):not(.readonly),.kit-checkbox-input:hover:not([disabled]):not(.readonly):focus{box-shadow:0 0 0 4px var(--ui-kit-color-grey-4)}.kit-checkbox-input:hover:not([disabled]):not(.readonly):checked,.kit-checkbox-input:hover:not([disabled]):not(.readonly):focus:checked{background-color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main)}.kit-checkbox-input:hover:not([disabled]):not(.readonly):not(:checked),.kit-checkbox-input:hover:not([disabled]):not(.readonly):focus:not(:checked){background-color:var(--ui-kit-color-grey-4)}.kit-checkbox-input:focus{box-shadow:none}.kit-checkbox-input:checked{background-color:var(--ui-kit-color-green)}.kit-checkbox-input[disabled]{border-color:var(--ui-kit-color-grey-6);background-color:var(--ui-kit-color-white)}.kit-checkbox-input[disabled]:checked{background-color:var(--ui-kit-color-grey-6)}.kit-checkbox-input.readonly{cursor:default}.kit-checkbox-label{font-size:12px;color:var(--ui-kit-color-grey-0);margin-left:12px}.kit-checkbox.danger .kit-checkbox-input{border-color:var(--ui-kit-color-red);background-color:var(--ui-kit-color-red-20)}.kit-checkbox.danger .kit-checkbox-input[disabled]{opacity:.6}.kit-checkbox.danger .kit-checkbox-input:hover:not([disabled]){background-color:var(--ui-kit-color-red-20);border-color:var(--ui-kit-color-red);box-shadow:0 0 0 4px var(--ui-kit-color-red-20)}.kit-checkbox.danger .kit-checkbox-input:checked{background-color:var(--ui-kit-color-red-20)}:host ::ng-deep .kit-checkbox-input:not([disabled])+.kit-checkbox-label .k-label:hover{cursor:pointer}\n"], components: [{ type: i1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { type: i2.KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
73
82
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitCheckboxComponent, decorators: [{
|
|
74
83
|
type: Component,
|
|
75
84
|
args: [{ selector: 'kit-checkbox', changeDetection: ChangeDetectionStrategy.OnPush, providers: [{
|
|
76
85
|
provide: NG_VALUE_ACCESSOR,
|
|
77
86
|
useExisting: forwardRef(() => KitCheckboxComponent),
|
|
78
87
|
multi: true,
|
|
79
|
-
}], template: "<div class=\"kit-checkbox\" [ngClass]=\"state\">\n <div class=\"display-flex flex-align-items-center\">\n <input kendoCheckBox #checkbox type=\"checkbox\" class=\"kit-checkbox-input\"\n [checked]=\"defaultChecked\"\n [disabled]=\"disabled\"\n (change)=\"onInputStateChange($event)\" />\n <kendo-label *ngIf=\"label\" class=\"kit-checkbox-label\"\n [text]=\"label\"\n [for]=\"checkbox\"\n ></kendo-label>\n </div>\n\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", styles: [".kit-checkbox-input{border-radius:2px;background-color:var(--ui-kit-color-white);border:2px solid var(--ui-kit-color-green);opacity:1;width:18px;height:18px}.kit-checkbox-input:hover:not([disabled]),.kit-checkbox-input:hover:not([disabled]):focus{box-shadow:0 0 0 4px var(--ui-kit-color-grey-4)}.kit-checkbox-input:hover:not([disabled]):checked,.kit-checkbox-input:hover:not([disabled]):focus:checked{background-color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main)}.kit-checkbox-input:hover:not([disabled]):not(:checked),.kit-checkbox-input:hover:not([disabled]):focus:not(:checked){background-color:var(--ui-kit-color-grey-4)}.kit-checkbox-input:focus{box-shadow:none}.kit-checkbox-input:checked{background-color:var(--ui-kit-color-green)}.kit-checkbox-input[disabled]{border-color:var(--ui-kit-color-grey-6);background-color:var(--ui-kit-color-white)}.kit-checkbox-input[disabled]:checked{background-color:var(--ui-kit-color-grey-6)}.kit-checkbox-label{font-size:12px;color:var(--ui-kit-color-grey-0);margin-left:12px}.kit-checkbox.danger .kit-checkbox-input{border-color:var(--ui-kit-color-red);background-color:var(--ui-kit-color-red-20)}.kit-checkbox.danger .kit-checkbox-input[disabled]{opacity:.6}.kit-checkbox.danger .kit-checkbox-input:hover:not([disabled]){background-color:var(--ui-kit-color-red-20);border-color:var(--ui-kit-color-red);box-shadow:0 0 0 4px var(--ui-kit-color-red-20)}.kit-checkbox.danger .kit-checkbox-input:checked{background-color:var(--ui-kit-color-red-20)}:host ::ng-deep .kit-checkbox-input:not([disabled])+.kit-checkbox-label .k-label:hover{cursor:pointer}\n"] }]
|
|
88
|
+
}], template: "<div class=\"kit-checkbox\" [ngClass]=\"state\">\n <div class=\"display-flex flex-align-items-center\">\n <input kendoCheckBox #checkbox type=\"checkbox\" class=\"kit-checkbox-input\"\n [checked]=\"defaultChecked\"\n [class.readonly]=\"readonly\"\n [disabled]=\"disabled\"\n (click)=\"handleClick($event)\"\n (change)=\"onInputStateChange($event)\" />\n <kendo-label *ngIf=\"label\" class=\"kit-checkbox-label\"\n [text]=\"label\"\n [for]=\"checkbox\"\n ></kendo-label>\n </div>\n\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", styles: [".kit-checkbox-input{border-radius:2px;background-color:var(--ui-kit-color-white);border:2px solid var(--ui-kit-color-green);opacity:1;width:18px;height:18px}.kit-checkbox-input:hover:not([disabled]):not(.readonly),.kit-checkbox-input:hover:not([disabled]):not(.readonly):focus{box-shadow:0 0 0 4px var(--ui-kit-color-grey-4)}.kit-checkbox-input:hover:not([disabled]):not(.readonly):checked,.kit-checkbox-input:hover:not([disabled]):not(.readonly):focus:checked{background-color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main)}.kit-checkbox-input:hover:not([disabled]):not(.readonly):not(:checked),.kit-checkbox-input:hover:not([disabled]):not(.readonly):focus:not(:checked){background-color:var(--ui-kit-color-grey-4)}.kit-checkbox-input:focus{box-shadow:none}.kit-checkbox-input:checked{background-color:var(--ui-kit-color-green)}.kit-checkbox-input[disabled]{border-color:var(--ui-kit-color-grey-6);background-color:var(--ui-kit-color-white)}.kit-checkbox-input[disabled]:checked{background-color:var(--ui-kit-color-grey-6)}.kit-checkbox-input.readonly{cursor:default}.kit-checkbox-label{font-size:12px;color:var(--ui-kit-color-grey-0);margin-left:12px}.kit-checkbox.danger .kit-checkbox-input{border-color:var(--ui-kit-color-red);background-color:var(--ui-kit-color-red-20)}.kit-checkbox.danger .kit-checkbox-input[disabled]{opacity:.6}.kit-checkbox.danger .kit-checkbox-input:hover:not([disabled]){background-color:var(--ui-kit-color-red-20);border-color:var(--ui-kit-color-red);box-shadow:0 0 0 4px var(--ui-kit-color-red-20)}.kit-checkbox.danger .kit-checkbox-input:checked{background-color:var(--ui-kit-color-red-20)}:host ::ng-deep .kit-checkbox-input:not([disabled])+.kit-checkbox-label .k-label:hover{cursor:pointer}\n"] }]
|
|
80
89
|
}], propDecorators: { label: [{
|
|
81
90
|
type: Input
|
|
82
91
|
}], disabled: [{
|
|
83
92
|
type: Input
|
|
84
93
|
}], defaultChecked: [{
|
|
85
94
|
type: Input
|
|
95
|
+
}], readonly: [{
|
|
96
|
+
type: Input
|
|
86
97
|
}], state: [{
|
|
87
98
|
type: Input
|
|
88
99
|
}], messageIcon: [{
|
|
@@ -94,4 +105,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImpor
|
|
|
94
105
|
}], changed: [{
|
|
95
106
|
type: Output
|
|
96
107
|
}] } });
|
|
97
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
108
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LWNoZWNrYm94LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMva2l0LWNoZWNrYm94L2tpdC1jaGVja2JveC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1jaGVja2JveC9raXQtY2hlY2tib3guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDNUcsT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRXpFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGtEQUFrRCxDQUFDOzs7Ozs7QUFFdkYsTUFBTSxDQUFOLElBQVksZ0JBR1g7QUFIRCxXQUFZLGdCQUFnQjtJQUMxQix1Q0FBbUIsQ0FBQTtJQUNuQixxQ0FBaUIsQ0FBQTtBQUNuQixDQUFDLEVBSFcsZ0JBQWdCLEtBQWhCLGdCQUFnQixRQUczQjtBQWVELE1BQU0sT0FBTyxvQkFBb0I7SUFYakM7UUFpQkU7O1dBRUc7UUFDTSxhQUFRLEdBQVksS0FBSyxDQUFDO1FBRW5DOztXQUVHO1FBQ00sbUJBQWMsR0FBWSxLQUFLLENBQUM7UUFFekM7O1dBRUc7UUFDTSxhQUFRLEdBQVksS0FBSyxDQUFDO1FBRW5DOztXQUVHO1FBQ00sVUFBSyxHQUFxQixnQkFBZ0IsQ0FBQyxPQUFPLENBQUM7UUFZNUQ7O1dBRUc7UUFDTSxnQkFBVyxHQUF3QixtQkFBbUIsQ0FBQyxPQUFPLENBQUM7UUFFeEU7O1dBRUc7UUFDTyxZQUFPLEdBQTBCLElBQUksWUFBWSxFQUFXLENBQUM7UUFFdkU7O1dBRUc7UUFDSCxhQUFRLEdBQUcsQ0FBQyxLQUFjLEVBQVEsRUFBRTtRQUNwQyxDQUFDLENBQUM7UUFFRjs7V0FFRztRQUNILGNBQVMsR0FBRyxDQUFDLEtBQWMsRUFBUSxFQUFFO1FBQ3JDLENBQUMsQ0FBQztLQWdDSDtJQTlCQyxrQkFBa0IsQ0FBQyxLQUFZO1FBQzdCLE1BQU0sTUFBTSxHQUF3QyxLQUFLLENBQUMsTUFBTSxDQUFDO1FBQ2pFLE1BQU0sT0FBTyxHQUFZLE1BQU0sQ0FBQyxPQUFPLENBQUM7UUFFeEMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUN2QixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUM3QixDQUFDO0lBRUQsV0FBVyxDQUFDLEtBQWlCO1FBQzNCLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNqQixLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7U0FDeEI7SUFDSCxDQUFDO0lBRUQsZ0JBQWdCLENBQUMsRUFBbUI7UUFDbEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELGlCQUFpQixDQUFDLEVBQW1CO1FBQ25DLElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxVQUFVLENBQUMsS0FBYztRQUN2QixJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3JCLElBQUksQ0FBQyxjQUFjLEdBQUcsS0FBSyxDQUFDO0lBQzlCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxRQUFpQjtRQUNoQyxJQUFJLENBQUMsUUFBUSxHQUFHLFFBQVEsQ0FBQztJQUMzQixDQUFDOztpSEF2RlUsb0JBQW9CO3FHQUFwQixvQkFBb0Isc1JBTnBCLENBQUM7WUFDVixPQUFPLEVBQUUsaUJBQWlCO1lBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsb0JBQW9CLENBQUM7WUFDbkQsS0FBSyxFQUFFLElBQUk7U0FDWixDQUFDLDBCQ3JCSix3eEJBb0JBOzJGREdhLG9CQUFvQjtrQkFYaEMsU0FBUzsrQkFDRSxjQUFjLG1CQUdQLHVCQUF1QixDQUFDLE1BQU0sYUFDcEMsQ0FBQzs0QkFDVixPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxxQkFBcUIsQ0FBQzs0QkFDbkQsS0FBSyxFQUFFLElBQUk7eUJBQ1osQ0FBQzs4QkFNTyxLQUFLO3NCQUFiLEtBQUs7Z0JBS0csUUFBUTtzQkFBaEIsS0FBSztnQkFLRyxjQUFjO3NCQUF0QixLQUFLO2dCQUtHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBS0csS0FBSztzQkFBYixLQUFLO2dCQUtHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBS0csV0FBVztzQkFBbkIsS0FBSztnQkFLRyxXQUFXO3NCQUFuQixLQUFLO2dCQUtJLE9BQU87c0JBQWhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIGZvcndhcmRSZWYsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEtpdFN2Z0ljb24gfSBmcm9tICcuLi9raXQtc3ZnLWljb24va2l0LXN2Zy1pY29uLmNvbnN0JztcbmltcG9ydCB7IEtpdElucHV0TWVzc2FnZVR5cGUgfSBmcm9tICcuLi9raXQtaW5wdXQtbWVzc2FnZS9raXQtaW5wdXQtbWVzc2FnZS5jb21wb25lbnQnO1xuXG5leHBvcnQgZW51bSBLaXRDaGVja2JveFN0YXRlIHtcbiAgUkVHVUxBUiA9ICdyZWd1bGFyJyxcbiAgREFOR0VSID0gJ2RhbmdlcicsXG59XG5cbnR5cGUgQ2hlY2tib3hWYWx1ZUZuID0gKHZhbHVlOiBib29sZWFuKSA9PiB2b2lkO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdraXQtY2hlY2tib3gnLFxuICB0ZW1wbGF0ZVVybDogJy4va2l0LWNoZWNrYm94LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4va2l0LWNoZWNrYm94LmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBwcm92aWRlcnM6IFt7XG4gICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gS2l0Q2hlY2tib3hDb21wb25lbnQpLFxuICAgIG11bHRpOiB0cnVlLFxuICB9XSxcbn0pXG5leHBvcnQgY2xhc3MgS2l0Q2hlY2tib3hDb21wb25lbnQgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciB7XG4gIC8qKlxuICAgKiBEZWZpbmVzIGEgbGFiZWwgZm9yIGNoZWNrYm94OyBleGFjdCB0aGlzIHRleHQgd2lsbCBiZSBkaXNwbGF5ZWQgbmV4dCB0byB0aGUgY2hlY2tib3hcbiAgICovXG4gIEBJbnB1dCgpIGxhYmVsPzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBTdGF0ZXMgdGhlIGNvbXBvbmVudCBpcyBkaXNhYmxlZFxuICAgKi9cbiAgQElucHV0KCkgZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKipcbiAgICogRGVmaW5lcyBhIGRlZmF1bHQgdmFsdWVcbiAgICovXG4gIEBJbnB1dCgpIGRlZmF1bHRDaGVja2VkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgd2hldGhlciBjaGVja2JveCBiZSBpbiByZWFkb25seSBzdGF0ZVxuICAgKi9cbiAgQElucHV0KCkgcmVhZG9ubHk6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKipcbiAgICogRGVmaW5lcyBhIHBhcnRpY3VsYXIgc3RhdGUgZm9yIHRoZSBjb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIHN0YXRlOiBLaXRDaGVja2JveFN0YXRlID0gS2l0Q2hlY2tib3hTdGF0ZS5SRUdVTEFSO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIGFuIGljb24gd2hpY2ggd2lsbCBiZSB1c2VkIHRvIHRoZSBsZWZ0IG9mIHRoZSBpbmZvIG1lc3NhZ2VcbiAgICovXG4gIEBJbnB1dCgpIG1lc3NhZ2VJY29uPzogS2l0U3ZnSWNvbjtcblxuICAvKipcbiAgICogRGVmaW5lcyBhIHZhbHVlIHdoaWNoIGdvaW5nIHRvIGJlIGFuIGluZm8gbWVzc2FnZSB0ZXh0XG4gICAqL1xuICBASW5wdXQoKSBtZXNzYWdlVGV4dD86IHN0cmluZztcblxuICAvKipcbiAgICogRGVmaW5lcyBhIHZhbHVlIHdoaWNoIGdvaW5nIHRvIGJlIGFuIGluZm8gbWVzc2FnZSB0eXBlXG4gICAqL1xuICBASW5wdXQoKSBtZXNzYWdlVHlwZTogS2l0SW5wdXRNZXNzYWdlVHlwZSA9IEtpdElucHV0TWVzc2FnZVR5cGUuREVGQVVMVDtcblxuICAvKipcbiAgICogT2NjdXJzIGFzIHNvb24gYXMgaW5wdXQgY2hlY2tlZCBzdGF0ZSBpcyBjaGFuZ2VkXG4gICAqL1xuICBAT3V0cHV0KCkgY2hhbmdlZDogRXZlbnRFbWl0dGVyPGJvb2xlYW4+ID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuXG4gIC8qKlxuICAgKiBGdW5jdGlvbiB0aGF0IHNob3VsZCBiZSBjYWxsZWQgZXZlcnkgdGltZSB0aGUgZm9ybSBjb250cm9sIHZhbHVlIGNoYW5nZXNcbiAgICovXG4gIG9uQ2hhbmdlID0gKHZhbHVlOiBib29sZWFuKTogdm9pZCA9PiB7XG4gIH07XG5cbiAgLyoqXG4gICAqIEZ1bmN0aW9uIHRoYXQgc2hvdWxkIGJlIGNhbGxlZCB3aGVuIGlucHV0IGxvc3QgZm9jdXMgYW5kIGNoYW5nZWQgZm9ybSBjb250cm9sIHN0YXRlIHRvIFwidG91Y2hlZFwiXG4gICAqL1xuICBvblRvdWNoZWQgPSAodmFsdWU6IGJvb2xlYW4pOiB2b2lkID0+IHtcbiAgfTtcblxuICBvbklucHV0U3RhdGVDaGFuZ2UoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgY29uc3QgdGFyZ2V0OiBIVE1MSW5wdXRFbGVtZW50ID0gPEhUTUxJbnB1dEVsZW1lbnQ+IGV2ZW50LnRhcmdldDtcbiAgICBjb25zdCBjaGVja2VkOiBib29sZWFuID0gdGFyZ2V0LmNoZWNrZWQ7XG5cbiAgICB0aGlzLm9uQ2hhbmdlKGNoZWNrZWQpO1xuICAgIHRoaXMuY2hhbmdlZC5lbWl0KGNoZWNrZWQpO1xuICB9XG5cbiAgaGFuZGxlQ2xpY2soZXZlbnQ6IE1vdXNlRXZlbnQpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5yZWFkb25seSkge1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICB9XG4gIH1cblxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiBDaGVja2JveFZhbHVlRm4pOiB2b2lkIHtcbiAgICB0aGlzLm9uQ2hhbmdlID0gZm47XG4gIH1cblxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogQ2hlY2tib3hWYWx1ZUZuKTogdm9pZCB7XG4gICAgdGhpcy5vblRvdWNoZWQgPSBmbjtcbiAgfVxuXG4gIHdyaXRlVmFsdWUodmFsdWU6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLm9uQ2hhbmdlKHZhbHVlKTtcbiAgICB0aGlzLmRlZmF1bHRDaGVja2VkID0gdmFsdWU7XG4gIH1cblxuICBzZXREaXNhYmxlZFN0YXRlKGRpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XG4gICAgdGhpcy5kaXNhYmxlZCA9IGRpc2FibGVkO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwia2l0LWNoZWNrYm94XCIgW25nQ2xhc3NdPVwic3RhdGVcIj5cbiAgPGRpdiBjbGFzcz1cImRpc3BsYXktZmxleCBmbGV4LWFsaWduLWl0ZW1zLWNlbnRlclwiPlxuICAgIDxpbnB1dCBrZW5kb0NoZWNrQm94ICNjaGVja2JveCB0eXBlPVwiY2hlY2tib3hcIiBjbGFzcz1cImtpdC1jaGVja2JveC1pbnB1dFwiXG4gICAgICAgICAgIFtjaGVja2VkXT1cImRlZmF1bHRDaGVja2VkXCJcbiAgICAgICAgICAgW2NsYXNzLnJlYWRvbmx5XT1cInJlYWRvbmx5XCJcbiAgICAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICAgICAgICAgKGNsaWNrKT1cImhhbmRsZUNsaWNrKCRldmVudClcIlxuICAgICAgICAgICAoY2hhbmdlKT1cIm9uSW5wdXRTdGF0ZUNoYW5nZSgkZXZlbnQpXCIgLz5cbiAgICA8a2VuZG8tbGFiZWwgKm5nSWY9XCJsYWJlbFwiIGNsYXNzPVwia2l0LWNoZWNrYm94LWxhYmVsXCJcbiAgICAgICAgICAgICAgICAgW3RleHRdPVwibGFiZWxcIlxuICAgICAgICAgICAgICAgICBbZm9yXT1cImNoZWNrYm94XCJcbiAgICA+PC9rZW5kby1sYWJlbD5cbiAgPC9kaXY+XG5cbiAgPGtpdC1pbnB1dC1tZXNzYWdlICpuZ0lmPVwibWVzc2FnZVRleHRcIlxuICAgICAgICAgICAgICAgICAgICAgW3R5cGVdPVwibWVzc2FnZVR5cGVcIlxuICAgICAgICAgICAgICAgICAgICAgW2ljb25dPVwibWVzc2FnZUljb25cIlxuICAgICAgICAgICAgICAgICAgICAgW21lc3NhZ2VdPVwibWVzc2FnZVRleHRcIlxuICA+PC9raXQtaW5wdXQtbWVzc2FnZT5cbjwvZGl2PlxuIl19
|
|
@@ -61,14 +61,14 @@ KitRadioButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
|
|
|
61
61
|
provide: NG_VALUE_ACCESSOR,
|
|
62
62
|
useExisting: forwardRef(() => KitRadioButtonComponent),
|
|
63
63
|
multi: true,
|
|
64
|
-
}], ngImport: i0, template: "<div class=\"kit-radio-button\">\n <kendo-label class=\"kit-radio-button-label\" [text]=\"label\"\n ></kendo-label>\n\n <div *ngIf=\"items.length\" class=\"kit-radio-button-items\">\n <div *ngFor=\"let item of items; let index = index\" class=\"kit-radio-button-item\"\n [class.readonly]=\"item.readonly || readonly || disabled\"\n [class.disabled]=\"item.disabled || disabled\">\n <input kendoRadioButton type=\"radio\"\n [id]=\"buildLabelId(index)\"\n [name]=\"name\"\n [value]=\"item.value\"\n (click)=\"handleClick($event, item)\"\n (change)=\"onRadioValueChange(item)\" />\n\n <kendo-label [text]=\"item.label\"\n [for]=\"buildLabelId(index)\"\n ></kendo-label>\n </div>\n </div>\n</div>\n", styles: [".kit-radio-button-items{display:flex;gap:10px;margin-top:10px}.kit-radio-button-label{color:var(--ui-kit-color-grey-7);font-weight:500;font-size:13px}:host ::ng-deep .kit-radio-button-item{display:flex;align-items:center;gap:10px}:host ::ng-deep .kit-radio-button-item .k-radio{display:grid;place-content:center;box-sizing:border-box;width:20px;height:20px;padding:0;margin:0;-webkit-appearance:none;appearance:none;border:2px solid var(--ui-kit-color-grey-0);border-radius:50%;cursor:pointer}:host ::ng-deep .kit-radio-button-item .k-radio:before{content:\"\";width:10px;height:10px;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;background:var(--ui-kit-color-main)}:host ::ng-deep .kit-radio-button-item .k-radio:checked{border-color:var(--ui-kit-color-main)}:host ::ng-deep .kit-radio-button-item .k-radio:checked:before{transform:scale(1)}:host ::ng-deep .kit-radio-button-item .k-label{color:var(--ui-kit-color-grey-0);font-size:12px;cursor:pointer}:host ::ng-deep .kit-radio-button .readonly .k-radio,:host ::ng-deep .kit-radio-button .readonly .k-label,:host ::ng-deep .kit-radio-button .disabled .k-radio,:host ::ng-deep .kit-radio-button .disabled .k-label{cursor:default}:host ::ng-deep .kit-radio-button .disabled .k-radio,:host ::ng-deep .kit-radio-button .disabled .k-label{opacity:.6}\n"], components: [{ type: i1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.RadioButtonDirective, selector: "input[kendoRadioButton]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
64
|
+
}], ngImport: i0, template: "<div class=\"kit-radio-button\">\n <kendo-label class=\"kit-radio-button-label\" [text]=\"label\"\n ></kendo-label>\n\n <div *ngIf=\"items.length\" class=\"kit-radio-button-items\">\n <div *ngFor=\"let item of items; let index = index\" class=\"kit-radio-button-item\"\n [class.readonly]=\"item.readonly || readonly || disabled\"\n [class.disabled]=\"item.disabled || disabled\">\n <input kendoRadioButton type=\"radio\"\n [id]=\"buildLabelId(index)\"\n [name]=\"name\"\n [value]=\"item.value\"\n [checked]=\"item.checked\"\n (click)=\"handleClick($event, item)\"\n (change)=\"onRadioValueChange(item)\" />\n\n <kendo-label [text]=\"item.label\"\n [for]=\"buildLabelId(index)\"\n ></kendo-label>\n </div>\n </div>\n</div>\n", styles: [".kit-radio-button-items{display:flex;gap:10px;margin-top:10px}.kit-radio-button-label{color:var(--ui-kit-color-grey-7);font-weight:500;font-size:13px}:host ::ng-deep .kit-radio-button-item{display:flex;align-items:center;gap:10px}:host ::ng-deep .kit-radio-button-item .k-radio{display:grid;place-content:center;box-sizing:border-box;width:20px;height:20px;padding:0;margin:0;-webkit-appearance:none;appearance:none;border:2px solid var(--ui-kit-color-grey-0);border-radius:50%;cursor:pointer}:host ::ng-deep .kit-radio-button-item .k-radio:before{content:\"\";width:10px;height:10px;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;background:var(--ui-kit-color-main)}:host ::ng-deep .kit-radio-button-item .k-radio:checked{border-color:var(--ui-kit-color-main)}:host ::ng-deep .kit-radio-button-item .k-radio:checked:before{transform:scale(1)}:host ::ng-deep .kit-radio-button-item .k-label{color:var(--ui-kit-color-grey-0);font-size:12px;cursor:pointer}:host ::ng-deep .kit-radio-button .readonly .k-radio,:host ::ng-deep .kit-radio-button .readonly .k-label,:host ::ng-deep .kit-radio-button .disabled .k-radio,:host ::ng-deep .kit-radio-button .disabled .k-label{cursor:default}:host ::ng-deep .kit-radio-button .disabled .k-radio,:host ::ng-deep .kit-radio-button .disabled .k-label{opacity:.6}\n"], components: [{ type: i1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.RadioButtonDirective, selector: "input[kendoRadioButton]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
65
65
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitRadioButtonComponent, decorators: [{
|
|
66
66
|
type: Component,
|
|
67
67
|
args: [{ selector: 'kit-radio-button', changeDetection: ChangeDetectionStrategy.OnPush, providers: [{
|
|
68
68
|
provide: NG_VALUE_ACCESSOR,
|
|
69
69
|
useExisting: forwardRef(() => KitRadioButtonComponent),
|
|
70
70
|
multi: true,
|
|
71
|
-
}], template: "<div class=\"kit-radio-button\">\n <kendo-label class=\"kit-radio-button-label\" [text]=\"label\"\n ></kendo-label>\n\n <div *ngIf=\"items.length\" class=\"kit-radio-button-items\">\n <div *ngFor=\"let item of items; let index = index\" class=\"kit-radio-button-item\"\n [class.readonly]=\"item.readonly || readonly || disabled\"\n [class.disabled]=\"item.disabled || disabled\">\n <input kendoRadioButton type=\"radio\"\n [id]=\"buildLabelId(index)\"\n [name]=\"name\"\n [value]=\"item.value\"\n (click)=\"handleClick($event, item)\"\n (change)=\"onRadioValueChange(item)\" />\n\n <kendo-label [text]=\"item.label\"\n [for]=\"buildLabelId(index)\"\n ></kendo-label>\n </div>\n </div>\n</div>\n", styles: [".kit-radio-button-items{display:flex;gap:10px;margin-top:10px}.kit-radio-button-label{color:var(--ui-kit-color-grey-7);font-weight:500;font-size:13px}:host ::ng-deep .kit-radio-button-item{display:flex;align-items:center;gap:10px}:host ::ng-deep .kit-radio-button-item .k-radio{display:grid;place-content:center;box-sizing:border-box;width:20px;height:20px;padding:0;margin:0;-webkit-appearance:none;appearance:none;border:2px solid var(--ui-kit-color-grey-0);border-radius:50%;cursor:pointer}:host ::ng-deep .kit-radio-button-item .k-radio:before{content:\"\";width:10px;height:10px;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;background:var(--ui-kit-color-main)}:host ::ng-deep .kit-radio-button-item .k-radio:checked{border-color:var(--ui-kit-color-main)}:host ::ng-deep .kit-radio-button-item .k-radio:checked:before{transform:scale(1)}:host ::ng-deep .kit-radio-button-item .k-label{color:var(--ui-kit-color-grey-0);font-size:12px;cursor:pointer}:host ::ng-deep .kit-radio-button .readonly .k-radio,:host ::ng-deep .kit-radio-button .readonly .k-label,:host ::ng-deep .kit-radio-button .disabled .k-radio,:host ::ng-deep .kit-radio-button .disabled .k-label{cursor:default}:host ::ng-deep .kit-radio-button .disabled .k-radio,:host ::ng-deep .kit-radio-button .disabled .k-label{opacity:.6}\n"] }]
|
|
71
|
+
}], template: "<div class=\"kit-radio-button\">\n <kendo-label class=\"kit-radio-button-label\" [text]=\"label\"\n ></kendo-label>\n\n <div *ngIf=\"items.length\" class=\"kit-radio-button-items\">\n <div *ngFor=\"let item of items; let index = index\" class=\"kit-radio-button-item\"\n [class.readonly]=\"item.readonly || readonly || disabled\"\n [class.disabled]=\"item.disabled || disabled\">\n <input kendoRadioButton type=\"radio\"\n [id]=\"buildLabelId(index)\"\n [name]=\"name\"\n [value]=\"item.value\"\n [checked]=\"item.checked\"\n (click)=\"handleClick($event, item)\"\n (change)=\"onRadioValueChange(item)\" />\n\n <kendo-label [text]=\"item.label\"\n [for]=\"buildLabelId(index)\"\n ></kendo-label>\n </div>\n </div>\n</div>\n", styles: [".kit-radio-button-items{display:flex;gap:10px;margin-top:10px}.kit-radio-button-label{color:var(--ui-kit-color-grey-7);font-weight:500;font-size:13px}:host ::ng-deep .kit-radio-button-item{display:flex;align-items:center;gap:10px}:host ::ng-deep .kit-radio-button-item .k-radio{display:grid;place-content:center;box-sizing:border-box;width:20px;height:20px;padding:0;margin:0;-webkit-appearance:none;appearance:none;border:2px solid var(--ui-kit-color-grey-0);border-radius:50%;cursor:pointer}:host ::ng-deep .kit-radio-button-item .k-radio:before{content:\"\";width:10px;height:10px;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;background:var(--ui-kit-color-main)}:host ::ng-deep .kit-radio-button-item .k-radio:checked{border-color:var(--ui-kit-color-main)}:host ::ng-deep .kit-radio-button-item .k-radio:checked:before{transform:scale(1)}:host ::ng-deep .kit-radio-button-item .k-label{color:var(--ui-kit-color-grey-0);font-size:12px;cursor:pointer}:host ::ng-deep .kit-radio-button .readonly .k-radio,:host ::ng-deep .kit-radio-button .readonly .k-label,:host ::ng-deep .kit-radio-button .disabled .k-radio,:host ::ng-deep .kit-radio-button .disabled .k-label{cursor:default}:host ::ng-deep .kit-radio-button .disabled .k-radio,:host ::ng-deep .kit-radio-button .disabled .k-label{opacity:.6}\n"] }]
|
|
72
72
|
}], propDecorators: { items: [{
|
|
73
73
|
type: Input
|
|
74
74
|
}], label: [{
|
|
@@ -82,4 +82,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImpor
|
|
|
82
82
|
}], changed: [{
|
|
83
83
|
type: Output
|
|
84
84
|
}] } });
|
|
85
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
85
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXJhZGlvLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1yYWRpby1idXR0b24va2l0LXJhZGlvLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1yYWRpby1idXR0b24va2l0LXJhZGlvLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUU1RyxPQUFPLEVBQXdCLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDekUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHlCQUF5QixDQUFDOzs7OztBQWExRCxNQUFNLE9BQU8sdUJBQXVCO0lBWHBDO1FBWVcsVUFBSyxHQUF3QixFQUFFLENBQUM7UUFDaEMsVUFBSyxHQUFrQixJQUFJLENBQUM7UUFDNUIsU0FBSSxHQUFXLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUVwQyxhQUFRLEdBQVksS0FBSyxDQUFDO1FBQzFCLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFFekIsWUFBTyxHQUFvQyxJQUFJLFlBQVksRUFBcUIsQ0FBQztLQXVENUY7SUFyREMsWUFBWSxDQUFDLEtBQWE7UUFDeEIsTUFBTSxhQUFhLEdBQVcsSUFBSSxDQUFDLElBQUksQ0FBQztRQUN4QyxPQUFPLEdBQUcsYUFBYSxJQUFJLEtBQUssRUFBRSxDQUFDO0lBQ3JDLENBQUM7SUFFRCxXQUFXLENBQUMsS0FBaUIsRUFBRSxJQUF1QjtRQUNwRCxJQUFJLElBQUksQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxFQUFFO1lBQzlELEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztTQUN4QjtJQUNILENBQUM7SUFFRCxRQUFRLENBQUMsS0FBUTtJQUNqQixDQUFDO0lBRUQsU0FBUztJQUNULENBQUM7SUFFRCxVQUFVLENBQUMsS0FBUTtRQUNqQixJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3ZCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxFQUFrQjtRQUNqQyxJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsaUJBQWlCLENBQUMsRUFBYztRQUM5QixJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsUUFBaUI7UUFDaEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxRQUFRLENBQUM7SUFDM0IsQ0FBQztJQUVELGtCQUFrQixDQUFDLElBQXVCO1FBQ3hDLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzFCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzFCLENBQUM7SUFFTyxhQUFhO1FBQ25CLE1BQU0sUUFBUSxHQUFXLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxlQUFlLEVBQUUsQ0FBQyxDQUFDO1FBQ3BFLE1BQU0sYUFBYSxHQUFXLGNBQWMsQ0FBQztRQUU3QyxPQUFPLEdBQUcsYUFBYSxJQUFJLFFBQVEsRUFBRSxDQUFDO0lBQ3hDLENBQUM7SUFFTyxrQkFBa0IsQ0FBQyxJQUFZO1FBQ3JDLE1BQU0sYUFBYSxHQUFXLEdBQUcsQ0FBQztRQUNsQyxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQztJQUNwRCxDQUFDO0lBRU8sYUFBYSxDQUFDLElBQXVCO1FBQzNDLE9BQU8sQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLElBQUksQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDNUMsQ0FBQzs7b0hBOURVLHVCQUF1Qjt3R0FBdkIsdUJBQXVCLGtMQU52QixDQUFDO1lBQ1YsT0FBTyxFQUFFLGlCQUFpQjtZQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHVCQUF1QixDQUFDO1lBQ3RELEtBQUssRUFBRSxJQUFJO1NBQ1osQ0FBQywwQkNkSix3MUJBc0JBOzJGRE5hLHVCQUF1QjtrQkFYbkMsU0FBUzsrQkFDRSxrQkFBa0IsbUJBR1gsdUJBQXVCLENBQUMsTUFBTSxhQUNwQyxDQUFDOzRCQUNWLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLHdCQUF3QixDQUFDOzRCQUN0RCxLQUFLLEVBQUUsSUFBSTt5QkFDWixDQUFDOzhCQUdPLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUVHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFFSSxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBmb3J3YXJkUmVmLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBLaXRSYWRpb0J1dHRvbiB9IGZyb20gJy4va2l0LXJhZGlvLWJ1dHRvbi5tb2RlbCc7XG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBidWlsZFJhbmRvbVVVSUQgfSBmcm9tICcuLi8uLi91dGlscy9yYW5kb20udXRpbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2tpdC1yYWRpby1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4va2l0LXJhZGlvLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2tpdC1yYWRpby1idXR0b24uY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHByb3ZpZGVyczogW3tcbiAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBLaXRSYWRpb0J1dHRvbkNvbXBvbmVudCksXG4gICAgbXVsdGk6IHRydWUsXG4gIH1dLFxufSlcbmV4cG9ydCBjbGFzcyBLaXRSYWRpb0J1dHRvbkNvbXBvbmVudDxUPiBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcbiAgQElucHV0KCkgaXRlbXM6IEtpdFJhZGlvQnV0dG9uPFQ+W10gPSBbXTtcbiAgQElucHV0KCkgbGFiZWw6IHN0cmluZyB8IG51bGwgPSBudWxsO1xuICBASW5wdXQoKSBuYW1lOiBzdHJpbmcgPSB0aGlzLmJ1aWxkVW5pcU5hbWUoKTtcblxuICBASW5wdXQoKSByZWFkb25seTogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBkaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIEBPdXRwdXQoKSBjaGFuZ2VkOiBFdmVudEVtaXR0ZXI8S2l0UmFkaW9CdXR0b248VD4+ID0gbmV3IEV2ZW50RW1pdHRlcjxLaXRSYWRpb0J1dHRvbjxUPj4oKTtcblxuICBidWlsZExhYmVsSWQoaW5kZXg6IG51bWJlcik6IHN0cmluZyB7XG4gICAgY29uc3QgY29tcG9uZW50TmFtZTogc3RyaW5nID0gdGhpcy5uYW1lO1xuICAgIHJldHVybiBgJHtjb21wb25lbnROYW1lfS0ke2luZGV4fWA7XG4gIH1cblxuICBoYW5kbGVDbGljayhldmVudDogTW91c2VFdmVudCwgaXRlbTogS2l0UmFkaW9CdXR0b248VD4pOiB2b2lkIHtcbiAgICBpZiAodGhpcy5yZWFkb25seSB8fCB0aGlzLmRpc2FibGVkIHx8IHRoaXMubmVlZFRvUHJldmVudChpdGVtKSkge1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICB9XG4gIH1cblxuICBvbkNoYW5nZSh2YWx1ZTogVCk6IHZvaWQge1xuICB9XG5cbiAgb25Ub3VjaGVkKCk6IHZvaWQge1xuICB9XG5cbiAgd3JpdGVWYWx1ZSh2YWx1ZTogVCk6IHZvaWQge1xuICAgIHRoaXMub25DaGFuZ2UodmFsdWUpO1xuICB9XG5cbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogKF86IFQpID0+IHZvaWQpOiB2b2lkIHtcbiAgICB0aGlzLm9uQ2hhbmdlID0gZm47XG4gIH1cblxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogKCkgPT4gdm9pZCk6IHZvaWQge1xuICAgIHRoaXMub25Ub3VjaGVkID0gZm47XG4gIH1cblxuICBzZXREaXNhYmxlZFN0YXRlKGRpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XG4gICAgdGhpcy5kaXNhYmxlZCA9IGRpc2FibGVkO1xuICB9XG5cbiAgb25SYWRpb1ZhbHVlQ2hhbmdlKGl0ZW06IEtpdFJhZGlvQnV0dG9uPFQ+KTogdm9pZCB7XG4gICAgdGhpcy5vbkNoYW5nZShpdGVtLnZhbHVlKTtcbiAgICB0aGlzLmNoYW5nZWQubmV4dChpdGVtKTtcbiAgfVxuXG4gIHByaXZhdGUgYnVpbGRVbmlxTmFtZSgpOiBzdHJpbmcge1xuICAgIGNvbnN0IHVuaXFQYXJ0OiBzdHJpbmcgPSB0aGlzLmdldEZpcnN0UGFydE9mVVVJRChidWlsZFJhbmRvbVVVSUQoKSk7XG4gICAgY29uc3QgY29tcG9uZW50TmFtZTogc3RyaW5nID0gJ3JhZGlvLWJ1dHRvbic7XG5cbiAgICByZXR1cm4gYCR7Y29tcG9uZW50TmFtZX0tJHt1bmlxUGFydH1gO1xuICB9XG5cbiAgcHJpdmF0ZSBnZXRGaXJzdFBhcnRPZlVVSUQodXVpZDogc3RyaW5nKTogc3RyaW5nIHtcbiAgICBjb25zdCB1dWlkRGVsaW1pdGVyOiBzdHJpbmcgPSAnLSc7XG4gICAgcmV0dXJuIHV1aWQuc2xpY2UoMCwgdXVpZC5pbmRleE9mKHV1aWREZWxpbWl0ZXIpKTtcbiAgfVxuXG4gIHByaXZhdGUgbmVlZFRvUHJldmVudChpdGVtOiBLaXRSYWRpb0J1dHRvbjxUPik6IGJvb2xlYW4ge1xuICAgIHJldHVybiAhIWl0ZW0ucmVhZG9ubHkgfHwgISFpdGVtLmRpc2FibGVkO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwia2l0LXJhZGlvLWJ1dHRvblwiPlxuICA8a2VuZG8tbGFiZWwgY2xhc3M9XCJraXQtcmFkaW8tYnV0dG9uLWxhYmVsXCIgW3RleHRdPVwibGFiZWxcIlxuICA+PC9rZW5kby1sYWJlbD5cblxuICA8ZGl2ICpuZ0lmPVwiaXRlbXMubGVuZ3RoXCIgY2xhc3M9XCJraXQtcmFkaW8tYnV0dG9uLWl0ZW1zXCI+XG4gICAgPGRpdiAqbmdGb3I9XCJsZXQgaXRlbSBvZiBpdGVtczsgbGV0IGluZGV4ID0gaW5kZXhcIiBjbGFzcz1cImtpdC1yYWRpby1idXR0b24taXRlbVwiXG4gICAgICAgICBbY2xhc3MucmVhZG9ubHldPVwiaXRlbS5yZWFkb25seSB8fCByZWFkb25seSB8fCBkaXNhYmxlZFwiXG4gICAgICAgICBbY2xhc3MuZGlzYWJsZWRdPVwiaXRlbS5kaXNhYmxlZCB8fCBkaXNhYmxlZFwiPlxuICAgICAgPGlucHV0IGtlbmRvUmFkaW9CdXR0b24gdHlwZT1cInJhZGlvXCJcbiAgICAgICAgICAgICBbaWRdPVwiYnVpbGRMYWJlbElkKGluZGV4KVwiXG4gICAgICAgICAgICAgW25hbWVdPVwibmFtZVwiXG4gICAgICAgICAgICAgW3ZhbHVlXT1cIml0ZW0udmFsdWVcIlxuICAgICAgICAgICAgIFtjaGVja2VkXT1cIml0ZW0uY2hlY2tlZFwiXG4gICAgICAgICAgICAgKGNsaWNrKT1cImhhbmRsZUNsaWNrKCRldmVudCwgaXRlbSlcIlxuICAgICAgICAgICAgIChjaGFuZ2UpPVwib25SYWRpb1ZhbHVlQ2hhbmdlKGl0ZW0pXCIgLz5cblxuICAgICAgPGtlbmRvLWxhYmVsIFt0ZXh0XT1cIml0ZW0ubGFiZWxcIlxuICAgICAgICAgICAgICAgICAgIFtmb3JdPVwiYnVpbGRMYWJlbElkKGluZGV4KVwiXG4gICAgICA+PC9rZW5kby1sYWJlbD5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXJhZGlvLWJ1dHRvbi5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMva2l0LXJhZGlvLWJ1dHRvbi9raXQtcmFkaW8tYnV0dG9uLm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgaW50ZXJmYWNlIEtpdFJhZGlvQnV0dG9uPFQ+IHtcbiAgbGFiZWw6IHN0cmluZztcbiAgdmFsdWU6IFQ7XG4gIHJlYWRvbmx5PzogYm9vbGVhbjtcbiAgZGlzYWJsZWQ/
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXJhZGlvLWJ1dHRvbi5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMva2l0LXJhZGlvLWJ1dHRvbi9raXQtcmFkaW8tYnV0dG9uLm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgaW50ZXJmYWNlIEtpdFJhZGlvQnV0dG9uPFQ+IHtcbiAgbGFiZWw6IHN0cmluZztcbiAgdmFsdWU6IFQ7XG4gIHJlYWRvbmx5PzogYm9vbGVhbjtcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBjaGVja2VkPzogYm9vbGVhbjtcbn1cbiJdfQ==
|
|
@@ -1882,6 +1882,10 @@ class KitCheckboxComponent {
|
|
|
1882
1882
|
* Defines a default value
|
|
1883
1883
|
*/
|
|
1884
1884
|
this.defaultChecked = false;
|
|
1885
|
+
/**
|
|
1886
|
+
* Defines whether checkbox be in readonly state
|
|
1887
|
+
*/
|
|
1888
|
+
this.readonly = false;
|
|
1885
1889
|
/**
|
|
1886
1890
|
* Defines a particular state for the component
|
|
1887
1891
|
*/
|
|
@@ -1911,6 +1915,11 @@ class KitCheckboxComponent {
|
|
|
1911
1915
|
this.onChange(checked);
|
|
1912
1916
|
this.changed.emit(checked);
|
|
1913
1917
|
}
|
|
1918
|
+
handleClick(event) {
|
|
1919
|
+
if (this.readonly) {
|
|
1920
|
+
event.preventDefault();
|
|
1921
|
+
}
|
|
1922
|
+
}
|
|
1914
1923
|
registerOnChange(fn) {
|
|
1915
1924
|
this.onChange = fn;
|
|
1916
1925
|
}
|
|
@@ -1926,24 +1935,26 @@ class KitCheckboxComponent {
|
|
|
1926
1935
|
}
|
|
1927
1936
|
}
|
|
1928
1937
|
KitCheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1929
|
-
KitCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: KitCheckboxComponent, selector: "kit-checkbox", inputs: { label: "label", disabled: "disabled", defaultChecked: "defaultChecked", state: "state", messageIcon: "messageIcon", messageText: "messageText", messageType: "messageType" }, outputs: { changed: "changed" }, providers: [{
|
|
1938
|
+
KitCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: KitCheckboxComponent, selector: "kit-checkbox", inputs: { label: "label", disabled: "disabled", defaultChecked: "defaultChecked", readonly: "readonly", state: "state", messageIcon: "messageIcon", messageText: "messageText", messageType: "messageType" }, outputs: { changed: "changed" }, providers: [{
|
|
1930
1939
|
provide: NG_VALUE_ACCESSOR,
|
|
1931
1940
|
useExisting: forwardRef(() => KitCheckboxComponent),
|
|
1932
1941
|
multi: true,
|
|
1933
|
-
}], ngImport: i0, template: "<div class=\"kit-checkbox\" [ngClass]=\"state\">\n <div class=\"display-flex flex-align-items-center\">\n <input kendoCheckBox #checkbox type=\"checkbox\" class=\"kit-checkbox-input\"\n [checked]=\"defaultChecked\"\n [disabled]=\"disabled\"\n (change)=\"onInputStateChange($event)\" />\n <kendo-label *ngIf=\"label\" class=\"kit-checkbox-label\"\n [text]=\"label\"\n [for]=\"checkbox\"\n ></kendo-label>\n </div>\n\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", styles: [".kit-checkbox-input{border-radius:2px;background-color:var(--ui-kit-color-white);border:2px solid var(--ui-kit-color-green);opacity:1;width:18px;height:18px}.kit-checkbox-input:hover:not([disabled]),.kit-checkbox-input:hover:not([disabled]):focus{box-shadow:0 0 0 4px var(--ui-kit-color-grey-4)}.kit-checkbox-input:hover:not([disabled]):checked,.kit-checkbox-input:hover:not([disabled]):focus:checked{background-color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main)}.kit-checkbox-input:hover:not([disabled]):not(:checked),.kit-checkbox-input:hover:not([disabled]):focus:not(:checked){background-color:var(--ui-kit-color-grey-4)}.kit-checkbox-input:focus{box-shadow:none}.kit-checkbox-input:checked{background-color:var(--ui-kit-color-green)}.kit-checkbox-input[disabled]{border-color:var(--ui-kit-color-grey-6);background-color:var(--ui-kit-color-white)}.kit-checkbox-input[disabled]:checked{background-color:var(--ui-kit-color-grey-6)}.kit-checkbox-label{font-size:12px;color:var(--ui-kit-color-grey-0);margin-left:12px}.kit-checkbox.danger .kit-checkbox-input{border-color:var(--ui-kit-color-red);background-color:var(--ui-kit-color-red-20)}.kit-checkbox.danger .kit-checkbox-input[disabled]{opacity:.6}.kit-checkbox.danger .kit-checkbox-input:hover:not([disabled]){background-color:var(--ui-kit-color-red-20);border-color:var(--ui-kit-color-red);box-shadow:0 0 0 4px var(--ui-kit-color-red-20)}.kit-checkbox.danger .kit-checkbox-input:checked{background-color:var(--ui-kit-color-red-20)}:host ::ng-deep .kit-checkbox-input:not([disabled])+.kit-checkbox-label .k-label:hover{cursor:pointer}\n"], components: [{ type: i1$1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { type: KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2$1.CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1942
|
+
}], ngImport: i0, template: "<div class=\"kit-checkbox\" [ngClass]=\"state\">\n <div class=\"display-flex flex-align-items-center\">\n <input kendoCheckBox #checkbox type=\"checkbox\" class=\"kit-checkbox-input\"\n [checked]=\"defaultChecked\"\n [class.readonly]=\"readonly\"\n [disabled]=\"disabled\"\n (click)=\"handleClick($event)\"\n (change)=\"onInputStateChange($event)\" />\n <kendo-label *ngIf=\"label\" class=\"kit-checkbox-label\"\n [text]=\"label\"\n [for]=\"checkbox\"\n ></kendo-label>\n </div>\n\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", styles: [".kit-checkbox-input{border-radius:2px;background-color:var(--ui-kit-color-white);border:2px solid var(--ui-kit-color-green);opacity:1;width:18px;height:18px}.kit-checkbox-input:hover:not([disabled]):not(.readonly),.kit-checkbox-input:hover:not([disabled]):not(.readonly):focus{box-shadow:0 0 0 4px var(--ui-kit-color-grey-4)}.kit-checkbox-input:hover:not([disabled]):not(.readonly):checked,.kit-checkbox-input:hover:not([disabled]):not(.readonly):focus:checked{background-color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main)}.kit-checkbox-input:hover:not([disabled]):not(.readonly):not(:checked),.kit-checkbox-input:hover:not([disabled]):not(.readonly):focus:not(:checked){background-color:var(--ui-kit-color-grey-4)}.kit-checkbox-input:focus{box-shadow:none}.kit-checkbox-input:checked{background-color:var(--ui-kit-color-green)}.kit-checkbox-input[disabled]{border-color:var(--ui-kit-color-grey-6);background-color:var(--ui-kit-color-white)}.kit-checkbox-input[disabled]:checked{background-color:var(--ui-kit-color-grey-6)}.kit-checkbox-input.readonly{cursor:default}.kit-checkbox-label{font-size:12px;color:var(--ui-kit-color-grey-0);margin-left:12px}.kit-checkbox.danger .kit-checkbox-input{border-color:var(--ui-kit-color-red);background-color:var(--ui-kit-color-red-20)}.kit-checkbox.danger .kit-checkbox-input[disabled]{opacity:.6}.kit-checkbox.danger .kit-checkbox-input:hover:not([disabled]){background-color:var(--ui-kit-color-red-20);border-color:var(--ui-kit-color-red);box-shadow:0 0 0 4px var(--ui-kit-color-red-20)}.kit-checkbox.danger .kit-checkbox-input:checked{background-color:var(--ui-kit-color-red-20)}:host ::ng-deep .kit-checkbox-input:not([disabled])+.kit-checkbox-label .k-label:hover{cursor:pointer}\n"], components: [{ type: i1$1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { type: KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2$1.CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1934
1943
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitCheckboxComponent, decorators: [{
|
|
1935
1944
|
type: Component,
|
|
1936
1945
|
args: [{ selector: 'kit-checkbox', changeDetection: ChangeDetectionStrategy.OnPush, providers: [{
|
|
1937
1946
|
provide: NG_VALUE_ACCESSOR,
|
|
1938
1947
|
useExisting: forwardRef(() => KitCheckboxComponent),
|
|
1939
1948
|
multi: true,
|
|
1940
|
-
}], template: "<div class=\"kit-checkbox\" [ngClass]=\"state\">\n <div class=\"display-flex flex-align-items-center\">\n <input kendoCheckBox #checkbox type=\"checkbox\" class=\"kit-checkbox-input\"\n [checked]=\"defaultChecked\"\n [disabled]=\"disabled\"\n (change)=\"onInputStateChange($event)\" />\n <kendo-label *ngIf=\"label\" class=\"kit-checkbox-label\"\n [text]=\"label\"\n [for]=\"checkbox\"\n ></kendo-label>\n </div>\n\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", styles: [".kit-checkbox-input{border-radius:2px;background-color:var(--ui-kit-color-white);border:2px solid var(--ui-kit-color-green);opacity:1;width:18px;height:18px}.kit-checkbox-input:hover:not([disabled]),.kit-checkbox-input:hover:not([disabled]):focus{box-shadow:0 0 0 4px var(--ui-kit-color-grey-4)}.kit-checkbox-input:hover:not([disabled]):checked,.kit-checkbox-input:hover:not([disabled]):focus:checked{background-color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main)}.kit-checkbox-input:hover:not([disabled]):not(:checked),.kit-checkbox-input:hover:not([disabled]):focus:not(:checked){background-color:var(--ui-kit-color-grey-4)}.kit-checkbox-input:focus{box-shadow:none}.kit-checkbox-input:checked{background-color:var(--ui-kit-color-green)}.kit-checkbox-input[disabled]{border-color:var(--ui-kit-color-grey-6);background-color:var(--ui-kit-color-white)}.kit-checkbox-input[disabled]:checked{background-color:var(--ui-kit-color-grey-6)}.kit-checkbox-label{font-size:12px;color:var(--ui-kit-color-grey-0);margin-left:12px}.kit-checkbox.danger .kit-checkbox-input{border-color:var(--ui-kit-color-red);background-color:var(--ui-kit-color-red-20)}.kit-checkbox.danger .kit-checkbox-input[disabled]{opacity:.6}.kit-checkbox.danger .kit-checkbox-input:hover:not([disabled]){background-color:var(--ui-kit-color-red-20);border-color:var(--ui-kit-color-red);box-shadow:0 0 0 4px var(--ui-kit-color-red-20)}.kit-checkbox.danger .kit-checkbox-input:checked{background-color:var(--ui-kit-color-red-20)}:host ::ng-deep .kit-checkbox-input:not([disabled])+.kit-checkbox-label .k-label:hover{cursor:pointer}\n"] }]
|
|
1949
|
+
}], template: "<div class=\"kit-checkbox\" [ngClass]=\"state\">\n <div class=\"display-flex flex-align-items-center\">\n <input kendoCheckBox #checkbox type=\"checkbox\" class=\"kit-checkbox-input\"\n [checked]=\"defaultChecked\"\n [class.readonly]=\"readonly\"\n [disabled]=\"disabled\"\n (click)=\"handleClick($event)\"\n (change)=\"onInputStateChange($event)\" />\n <kendo-label *ngIf=\"label\" class=\"kit-checkbox-label\"\n [text]=\"label\"\n [for]=\"checkbox\"\n ></kendo-label>\n </div>\n\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", styles: [".kit-checkbox-input{border-radius:2px;background-color:var(--ui-kit-color-white);border:2px solid var(--ui-kit-color-green);opacity:1;width:18px;height:18px}.kit-checkbox-input:hover:not([disabled]):not(.readonly),.kit-checkbox-input:hover:not([disabled]):not(.readonly):focus{box-shadow:0 0 0 4px var(--ui-kit-color-grey-4)}.kit-checkbox-input:hover:not([disabled]):not(.readonly):checked,.kit-checkbox-input:hover:not([disabled]):not(.readonly):focus:checked{background-color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main)}.kit-checkbox-input:hover:not([disabled]):not(.readonly):not(:checked),.kit-checkbox-input:hover:not([disabled]):not(.readonly):focus:not(:checked){background-color:var(--ui-kit-color-grey-4)}.kit-checkbox-input:focus{box-shadow:none}.kit-checkbox-input:checked{background-color:var(--ui-kit-color-green)}.kit-checkbox-input[disabled]{border-color:var(--ui-kit-color-grey-6);background-color:var(--ui-kit-color-white)}.kit-checkbox-input[disabled]:checked{background-color:var(--ui-kit-color-grey-6)}.kit-checkbox-input.readonly{cursor:default}.kit-checkbox-label{font-size:12px;color:var(--ui-kit-color-grey-0);margin-left:12px}.kit-checkbox.danger .kit-checkbox-input{border-color:var(--ui-kit-color-red);background-color:var(--ui-kit-color-red-20)}.kit-checkbox.danger .kit-checkbox-input[disabled]{opacity:.6}.kit-checkbox.danger .kit-checkbox-input:hover:not([disabled]){background-color:var(--ui-kit-color-red-20);border-color:var(--ui-kit-color-red);box-shadow:0 0 0 4px var(--ui-kit-color-red-20)}.kit-checkbox.danger .kit-checkbox-input:checked{background-color:var(--ui-kit-color-red-20)}:host ::ng-deep .kit-checkbox-input:not([disabled])+.kit-checkbox-label .k-label:hover{cursor:pointer}\n"] }]
|
|
1941
1950
|
}], propDecorators: { label: [{
|
|
1942
1951
|
type: Input
|
|
1943
1952
|
}], disabled: [{
|
|
1944
1953
|
type: Input
|
|
1945
1954
|
}], defaultChecked: [{
|
|
1946
1955
|
type: Input
|
|
1956
|
+
}], readonly: [{
|
|
1957
|
+
type: Input
|
|
1947
1958
|
}], state: [{
|
|
1948
1959
|
type: Input
|
|
1949
1960
|
}], messageIcon: [{
|
|
@@ -2810,14 +2821,14 @@ KitRadioButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
|
|
|
2810
2821
|
provide: NG_VALUE_ACCESSOR,
|
|
2811
2822
|
useExisting: forwardRef(() => KitRadioButtonComponent),
|
|
2812
2823
|
multi: true,
|
|
2813
|
-
}], ngImport: i0, template: "<div class=\"kit-radio-button\">\n <kendo-label class=\"kit-radio-button-label\" [text]=\"label\"\n ></kendo-label>\n\n <div *ngIf=\"items.length\" class=\"kit-radio-button-items\">\n <div *ngFor=\"let item of items; let index = index\" class=\"kit-radio-button-item\"\n [class.readonly]=\"item.readonly || readonly || disabled\"\n [class.disabled]=\"item.disabled || disabled\">\n <input kendoRadioButton type=\"radio\"\n [id]=\"buildLabelId(index)\"\n [name]=\"name\"\n [value]=\"item.value\"\n (click)=\"handleClick($event, item)\"\n (change)=\"onRadioValueChange(item)\" />\n\n <kendo-label [text]=\"item.label\"\n [for]=\"buildLabelId(index)\"\n ></kendo-label>\n </div>\n </div>\n</div>\n", styles: [".kit-radio-button-items{display:flex;gap:10px;margin-top:10px}.kit-radio-button-label{color:var(--ui-kit-color-grey-7);font-weight:500;font-size:13px}:host ::ng-deep .kit-radio-button-item{display:flex;align-items:center;gap:10px}:host ::ng-deep .kit-radio-button-item .k-radio{display:grid;place-content:center;box-sizing:border-box;width:20px;height:20px;padding:0;margin:0;-webkit-appearance:none;appearance:none;border:2px solid var(--ui-kit-color-grey-0);border-radius:50%;cursor:pointer}:host ::ng-deep .kit-radio-button-item .k-radio:before{content:\"\";width:10px;height:10px;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;background:var(--ui-kit-color-main)}:host ::ng-deep .kit-radio-button-item .k-radio:checked{border-color:var(--ui-kit-color-main)}:host ::ng-deep .kit-radio-button-item .k-radio:checked:before{transform:scale(1)}:host ::ng-deep .kit-radio-button-item .k-label{color:var(--ui-kit-color-grey-0);font-size:12px;cursor:pointer}:host ::ng-deep .kit-radio-button .readonly .k-radio,:host ::ng-deep .kit-radio-button .readonly .k-label,:host ::ng-deep .kit-radio-button .disabled .k-radio,:host ::ng-deep .kit-radio-button .disabled .k-label{cursor:default}:host ::ng-deep .kit-radio-button .disabled .k-radio,:host ::ng-deep .kit-radio-button .disabled .k-label{opacity:.6}\n"], components: [{ type: i1$1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2$1.RadioButtonDirective, selector: "input[kendoRadioButton]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2824
|
+
}], ngImport: i0, template: "<div class=\"kit-radio-button\">\n <kendo-label class=\"kit-radio-button-label\" [text]=\"label\"\n ></kendo-label>\n\n <div *ngIf=\"items.length\" class=\"kit-radio-button-items\">\n <div *ngFor=\"let item of items; let index = index\" class=\"kit-radio-button-item\"\n [class.readonly]=\"item.readonly || readonly || disabled\"\n [class.disabled]=\"item.disabled || disabled\">\n <input kendoRadioButton type=\"radio\"\n [id]=\"buildLabelId(index)\"\n [name]=\"name\"\n [value]=\"item.value\"\n [checked]=\"item.checked\"\n (click)=\"handleClick($event, item)\"\n (change)=\"onRadioValueChange(item)\" />\n\n <kendo-label [text]=\"item.label\"\n [for]=\"buildLabelId(index)\"\n ></kendo-label>\n </div>\n </div>\n</div>\n", styles: [".kit-radio-button-items{display:flex;gap:10px;margin-top:10px}.kit-radio-button-label{color:var(--ui-kit-color-grey-7);font-weight:500;font-size:13px}:host ::ng-deep .kit-radio-button-item{display:flex;align-items:center;gap:10px}:host ::ng-deep .kit-radio-button-item .k-radio{display:grid;place-content:center;box-sizing:border-box;width:20px;height:20px;padding:0;margin:0;-webkit-appearance:none;appearance:none;border:2px solid var(--ui-kit-color-grey-0);border-radius:50%;cursor:pointer}:host ::ng-deep .kit-radio-button-item .k-radio:before{content:\"\";width:10px;height:10px;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;background:var(--ui-kit-color-main)}:host ::ng-deep .kit-radio-button-item .k-radio:checked{border-color:var(--ui-kit-color-main)}:host ::ng-deep .kit-radio-button-item .k-radio:checked:before{transform:scale(1)}:host ::ng-deep .kit-radio-button-item .k-label{color:var(--ui-kit-color-grey-0);font-size:12px;cursor:pointer}:host ::ng-deep .kit-radio-button .readonly .k-radio,:host ::ng-deep .kit-radio-button .readonly .k-label,:host ::ng-deep .kit-radio-button .disabled .k-radio,:host ::ng-deep .kit-radio-button .disabled .k-label{cursor:default}:host ::ng-deep .kit-radio-button .disabled .k-radio,:host ::ng-deep .kit-radio-button .disabled .k-label{opacity:.6}\n"], components: [{ type: i1$1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2$1.RadioButtonDirective, selector: "input[kendoRadioButton]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2814
2825
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitRadioButtonComponent, decorators: [{
|
|
2815
2826
|
type: Component,
|
|
2816
2827
|
args: [{ selector: 'kit-radio-button', changeDetection: ChangeDetectionStrategy.OnPush, providers: [{
|
|
2817
2828
|
provide: NG_VALUE_ACCESSOR,
|
|
2818
2829
|
useExisting: forwardRef(() => KitRadioButtonComponent),
|
|
2819
2830
|
multi: true,
|
|
2820
|
-
}], template: "<div class=\"kit-radio-button\">\n <kendo-label class=\"kit-radio-button-label\" [text]=\"label\"\n ></kendo-label>\n\n <div *ngIf=\"items.length\" class=\"kit-radio-button-items\">\n <div *ngFor=\"let item of items; let index = index\" class=\"kit-radio-button-item\"\n [class.readonly]=\"item.readonly || readonly || disabled\"\n [class.disabled]=\"item.disabled || disabled\">\n <input kendoRadioButton type=\"radio\"\n [id]=\"buildLabelId(index)\"\n [name]=\"name\"\n [value]=\"item.value\"\n (click)=\"handleClick($event, item)\"\n (change)=\"onRadioValueChange(item)\" />\n\n <kendo-label [text]=\"item.label\"\n [for]=\"buildLabelId(index)\"\n ></kendo-label>\n </div>\n </div>\n</div>\n", styles: [".kit-radio-button-items{display:flex;gap:10px;margin-top:10px}.kit-radio-button-label{color:var(--ui-kit-color-grey-7);font-weight:500;font-size:13px}:host ::ng-deep .kit-radio-button-item{display:flex;align-items:center;gap:10px}:host ::ng-deep .kit-radio-button-item .k-radio{display:grid;place-content:center;box-sizing:border-box;width:20px;height:20px;padding:0;margin:0;-webkit-appearance:none;appearance:none;border:2px solid var(--ui-kit-color-grey-0);border-radius:50%;cursor:pointer}:host ::ng-deep .kit-radio-button-item .k-radio:before{content:\"\";width:10px;height:10px;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;background:var(--ui-kit-color-main)}:host ::ng-deep .kit-radio-button-item .k-radio:checked{border-color:var(--ui-kit-color-main)}:host ::ng-deep .kit-radio-button-item .k-radio:checked:before{transform:scale(1)}:host ::ng-deep .kit-radio-button-item .k-label{color:var(--ui-kit-color-grey-0);font-size:12px;cursor:pointer}:host ::ng-deep .kit-radio-button .readonly .k-radio,:host ::ng-deep .kit-radio-button .readonly .k-label,:host ::ng-deep .kit-radio-button .disabled .k-radio,:host ::ng-deep .kit-radio-button .disabled .k-label{cursor:default}:host ::ng-deep .kit-radio-button .disabled .k-radio,:host ::ng-deep .kit-radio-button .disabled .k-label{opacity:.6}\n"] }]
|
|
2831
|
+
}], template: "<div class=\"kit-radio-button\">\n <kendo-label class=\"kit-radio-button-label\" [text]=\"label\"\n ></kendo-label>\n\n <div *ngIf=\"items.length\" class=\"kit-radio-button-items\">\n <div *ngFor=\"let item of items; let index = index\" class=\"kit-radio-button-item\"\n [class.readonly]=\"item.readonly || readonly || disabled\"\n [class.disabled]=\"item.disabled || disabled\">\n <input kendoRadioButton type=\"radio\"\n [id]=\"buildLabelId(index)\"\n [name]=\"name\"\n [value]=\"item.value\"\n [checked]=\"item.checked\"\n (click)=\"handleClick($event, item)\"\n (change)=\"onRadioValueChange(item)\" />\n\n <kendo-label [text]=\"item.label\"\n [for]=\"buildLabelId(index)\"\n ></kendo-label>\n </div>\n </div>\n</div>\n", styles: [".kit-radio-button-items{display:flex;gap:10px;margin-top:10px}.kit-radio-button-label{color:var(--ui-kit-color-grey-7);font-weight:500;font-size:13px}:host ::ng-deep .kit-radio-button-item{display:flex;align-items:center;gap:10px}:host ::ng-deep .kit-radio-button-item .k-radio{display:grid;place-content:center;box-sizing:border-box;width:20px;height:20px;padding:0;margin:0;-webkit-appearance:none;appearance:none;border:2px solid var(--ui-kit-color-grey-0);border-radius:50%;cursor:pointer}:host ::ng-deep .kit-radio-button-item .k-radio:before{content:\"\";width:10px;height:10px;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;background:var(--ui-kit-color-main)}:host ::ng-deep .kit-radio-button-item .k-radio:checked{border-color:var(--ui-kit-color-main)}:host ::ng-deep .kit-radio-button-item .k-radio:checked:before{transform:scale(1)}:host ::ng-deep .kit-radio-button-item .k-label{color:var(--ui-kit-color-grey-0);font-size:12px;cursor:pointer}:host ::ng-deep .kit-radio-button .readonly .k-radio,:host ::ng-deep .kit-radio-button .readonly .k-label,:host ::ng-deep .kit-radio-button .disabled .k-radio,:host ::ng-deep .kit-radio-button .disabled .k-label{cursor:default}:host ::ng-deep .kit-radio-button .disabled .k-radio,:host ::ng-deep .kit-radio-button .disabled .k-label{opacity:.6}\n"] }]
|
|
2821
2832
|
}], propDecorators: { items: [{
|
|
2822
2833
|
type: Input
|
|
2823
2834
|
}], label: [{
|