@indigina/ui-kit 1.0.123 → 1.0.124
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.
|
@@ -2,8 +2,8 @@ import { ChangeDetectionStrategy, Component, EventEmitter, forwardRef, Input, Ou
|
|
|
2
2
|
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
3
|
import { KitInputMessageType } from '../kit-input-message/kit-input-message.component';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "@progress/kendo-angular-
|
|
6
|
-
import * as i2 from "@progress/kendo-angular-
|
|
5
|
+
import * as i1 from "@progress/kendo-angular-label";
|
|
6
|
+
import * as i2 from "@progress/kendo-angular-inputs";
|
|
7
7
|
import * as i3 from "../kit-input-message/kit-input-message.component";
|
|
8
8
|
import * as i4 from "@angular/common";
|
|
9
9
|
export class KitToggleComponent {
|
|
@@ -61,14 +61,14 @@ KitToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
|
|
|
61
61
|
provide: NG_VALUE_ACCESSOR,
|
|
62
62
|
useExisting: forwardRef(() => KitToggleComponent),
|
|
63
63
|
multi: true,
|
|
64
|
-
}], ngImport: i0, template: "<div class=\"kit-toggle\">\n <
|
|
64
|
+
}], ngImport: i0, template: "<div class=\"kit-toggle\">\n <kendo-label class=\"label\" [text]=\"label\"></kendo-label>\n <div class=\"kit-toggle-wrapper\">\n <kendo-switch [checked]=\"defaultChecked\"\n [disabled]=\"disabled\"\n (valueChange)=\"onInputStateChange($event)\"\n ></kendo-switch>\n </div>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-toggle .label{display:block;margin-bottom:4px;font-size:14px;font-weight:400;color:#a9a8a8}.kit-toggle-wrapper{padding:8px}.kit-toggle .k-switch-track{display:flex;align-items:center;width:100%;height:100%;color:#27282a;box-shadow:none;border:none;border-radius:14px;background:#a9a8a8}.kit-toggle .k-switch-thumb{width:12px;height:12px;border:none;border-radius:50%;background:#ffffff}.kit-toggle .k-switch-label-on,.kit-toggle .k-switch-label-off{position:absolute;right:-52px;left:auto;width:auto;font-size:14px}.kit-toggle .k-focus .k-switch-track{outline:none}.kit-toggle .k-switch-off .k-switch-thumb-wrap{left:8px}.kit-toggle .k-switch-on .k-switch-track{background:#56a2f7}.kit-toggle .k-switch-on .k-switch-thumb-wrap{left:calc(100% - 8px)}.kit-toggle .k-switch{width:32px;height:16px}.kit-toggle .k-switch .k-switch-track:hover{box-shadow:none}.kit-toggle .k-disabled{opacity:1}.kit-toggle .k-disabled .k-switch-track{background:#ebebe4}\n"], components: [{ type: i1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { type: i2.SwitchComponent, selector: "kendo-switch", inputs: ["focusableId", "disabled", "readonly", "tabindex", "checked", "size", "thumbRounded", "trackRounded", "tabIndex", "onLabel", "offLabel"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoSwitch"] }, { type: i3.KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
65
65
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitToggleComponent, decorators: [{
|
|
66
66
|
type: Component,
|
|
67
67
|
args: [{ selector: 'kit-toggle', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{
|
|
68
68
|
provide: NG_VALUE_ACCESSOR,
|
|
69
69
|
useExisting: forwardRef(() => KitToggleComponent),
|
|
70
70
|
multi: true,
|
|
71
|
-
}], template: "<div class=\"kit-toggle\">\n <
|
|
71
|
+
}], template: "<div class=\"kit-toggle\">\n <kendo-label class=\"label\" [text]=\"label\"></kendo-label>\n <div class=\"kit-toggle-wrapper\">\n <kendo-switch [checked]=\"defaultChecked\"\n [disabled]=\"disabled\"\n (valueChange)=\"onInputStateChange($event)\"\n ></kendo-switch>\n </div>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-toggle .label{display:block;margin-bottom:4px;font-size:14px;font-weight:400;color:#a9a8a8}.kit-toggle-wrapper{padding:8px}.kit-toggle .k-switch-track{display:flex;align-items:center;width:100%;height:100%;color:#27282a;box-shadow:none;border:none;border-radius:14px;background:#a9a8a8}.kit-toggle .k-switch-thumb{width:12px;height:12px;border:none;border-radius:50%;background:#ffffff}.kit-toggle .k-switch-label-on,.kit-toggle .k-switch-label-off{position:absolute;right:-52px;left:auto;width:auto;font-size:14px}.kit-toggle .k-focus .k-switch-track{outline:none}.kit-toggle .k-switch-off .k-switch-thumb-wrap{left:8px}.kit-toggle .k-switch-on .k-switch-track{background:#56a2f7}.kit-toggle .k-switch-on .k-switch-thumb-wrap{left:calc(100% - 8px)}.kit-toggle .k-switch{width:32px;height:16px}.kit-toggle .k-switch .k-switch-track:hover{box-shadow:none}.kit-toggle .k-disabled{opacity:1}.kit-toggle .k-disabled .k-switch-track{background:#ebebe4}\n"] }]
|
|
72
72
|
}], propDecorators: { label: [{
|
|
73
73
|
type: Input
|
|
74
74
|
}], disabled: [{
|
|
@@ -84,4 +84,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImpor
|
|
|
84
84
|
}], changed: [{
|
|
85
85
|
type: Output
|
|
86
86
|
}] } });
|
|
87
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
87
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXRvZ2dsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC10b2dnbGUva2l0LXRvZ2dsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC10b2dnbGUva2l0LXRvZ2dsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvSCxPQUFPLEVBQXdCLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFekUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sa0RBQWtELENBQUM7Ozs7OztBQWN2RixNQUFNLE9BQU8sa0JBQWtCO0lBWi9CO1FBa0JFOztXQUVHO1FBQ00sYUFBUSxHQUFZLEtBQUssQ0FBQztRQUVuQzs7V0FFRztRQUNNLG1CQUFjLEdBQVksS0FBSyxDQUFDO1FBWXpDOztXQUVHO1FBQ00sZ0JBQVcsR0FBd0IsbUJBQW1CLENBQUMsT0FBTyxDQUFDO1FBRXhFOztXQUVHO1FBQ08sWUFBTyxHQUEwQixJQUFJLFlBQVksRUFBVyxDQUFDO1FBVXZFOztXQUVHO1FBQ0gsYUFBUSxHQUFHLENBQUMsS0FBYyxFQUFRLEVBQUU7UUFDcEMsQ0FBQyxDQUFDO1FBRUY7O1dBRUc7UUFDSCxjQUFTLEdBQUcsR0FBUyxFQUFFO1FBQ3ZCLENBQUMsQ0FBQztLQWtCSDtJQXBDQzs7T0FFRztJQUNILGtCQUFrQixDQUFDLE9BQWdCO1FBQ2pDLElBQUksQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDdkIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDN0IsQ0FBQztJQWNELGdCQUFnQixDQUFDLEVBQXdCO1FBQ3ZDLElBQUksQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxFQUFjO1FBQzlCLElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxVQUFVLENBQUMsS0FBYztRQUN2QixJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3JCLElBQUksQ0FBQyxjQUFjLEdBQUcsS0FBSyxDQUFDO0lBQzlCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxRQUFpQjtRQUNoQyxJQUFJLENBQUMsUUFBUSxHQUFHLFFBQVEsQ0FBQztJQUMzQixDQUFDOzsrR0F2RVUsa0JBQWtCO21HQUFsQixrQkFBa0IsOE9BTmxCLENBQUM7WUFDVixPQUFPLEVBQUUsaUJBQWlCO1lBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsa0JBQWtCLENBQUM7WUFDakQsS0FBSyxFQUFFLElBQUk7U0FDWixDQUFDLDBCQ2ZKLHNoQkFjQTsyRkRHYSxrQkFBa0I7a0JBWjlCLFNBQVM7K0JBQ0UsWUFBWSxtQkFHTCx1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJLGFBQzFCLENBQUM7NEJBQ1YsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsbUJBQW1CLENBQUM7NEJBQ2pELEtBQUssRUFBRSxJQUFJO3lCQUNaLENBQUM7OEJBTU8sS0FBSztzQkFBYixLQUFLO2dCQUtHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBS0csY0FBYztzQkFBdEIsS0FBSztnQkFLRyxXQUFXO3NCQUFuQixLQUFLO2dCQUtHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBS0csV0FBVztzQkFBbkIsS0FBSztnQkFLSSxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBmb3J3YXJkUmVmLCBJbnB1dCwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgS2l0U3ZnSWNvbiB9IGZyb20gJy4uL2tpdC1zdmctaWNvbi9raXQtc3ZnLWljb24uY29uc3QnO1xuaW1wb3J0IHsgS2l0SW5wdXRNZXNzYWdlVHlwZSB9IGZyb20gJy4uL2tpdC1pbnB1dC1tZXNzYWdlL2tpdC1pbnB1dC1tZXNzYWdlLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2tpdC10b2dnbGUnLFxuICB0ZW1wbGF0ZVVybDogJy4va2l0LXRvZ2dsZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2tpdC10b2dnbGUuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHByb3ZpZGVyczogW3tcbiAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBLaXRUb2dnbGVDb21wb25lbnQpLFxuICAgIG11bHRpOiB0cnVlLFxuICB9XSxcbn0pXG5leHBvcnQgY2xhc3MgS2l0VG9nZ2xlQ29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xuICAvKipcbiAgICogRGVmaW5lcyBhIGxhYmVsIHRleHQgd2hpY2ggd2lsbCBiZSBkaXNwbGF5ZWQgbmV4dCB0byB0aGUgdG9nZ2xlXG4gICAqL1xuICBASW5wdXQoKSBsYWJlbD86IHN0cmluZztcblxuICAvKipcbiAgICogRGVmaW5lcyB3aGV0aGVyIHRoZSBjb21wb25lbnQgd2lsbCBiZSBpbiBkaXNhYmxlZCBzdGF0ZVxuICAgKi9cbiAgQElucHV0KCkgZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKipcbiAgICogRGVmaW5lcyBhIGRlZmF1bHQgdmFsdWVcbiAgICovXG4gIEBJbnB1dCgpIGRlZmF1bHRDaGVja2VkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgYW4gaWNvbiB3aGljaCB3aWxsIGJlIHVzZWQgdG8gdGhlIGxlZnQgb2YgdGhlIGluZm8gbWVzc2FnZVxuICAgKi9cbiAgQElucHV0KCkgbWVzc2FnZUljb24/OiBLaXRTdmdJY29uO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIGEgdmFsdWUgd2hpY2ggZ29pbmcgdG8gYmUgYW4gaW5mbyBtZXNzYWdlIHRleHRcbiAgICovXG4gIEBJbnB1dCgpIG1lc3NhZ2VUZXh0Pzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIGEgdmFsdWUgd2hpY2ggZ29pbmcgdG8gYmUgYW4gaW5mbyBtZXNzYWdlIHR5cGVcbiAgICovXG4gIEBJbnB1dCgpIG1lc3NhZ2VUeXBlOiBLaXRJbnB1dE1lc3NhZ2VUeXBlID0gS2l0SW5wdXRNZXNzYWdlVHlwZS5ERUZBVUxUO1xuXG4gIC8qKlxuICAgKiBPY2N1cnMgYXMgc29vbiBhcyB0b2dnbGUgc3RhdGUgaXMgY2hhbmdlZFxuICAgKi9cbiAgQE91dHB1dCgpIGNoYW5nZWQ6IEV2ZW50RW1pdHRlcjxib29sZWFuPiA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICAvKipcbiAgICogRnVuY3Rpb24gdGhhdCBpcyBjYWxsZWQgd2hlbiB0b2dnbGUgc3RhdGUgY2hhbmdlZFxuICAgKi9cbiAgb25JbnB1dFN0YXRlQ2hhbmdlKGNoZWNrZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLm9uQ2hhbmdlKGNoZWNrZWQpO1xuICAgIHRoaXMuY2hhbmdlZC5lbWl0KGNoZWNrZWQpO1xuICB9XG5cbiAgLyoqXG4gICAqIEZ1bmN0aW9uIHRoYXQgc2hvdWxkIGJlIGNhbGxlZCBldmVyeSB0aW1lIHRoZSBmb3JtIGNvbnRyb2wgdmFsdWUgY2hhbmdlc1xuICAgKi9cbiAgb25DaGFuZ2UgPSAodmFsdWU6IGJvb2xlYW4pOiB2b2lkID0+IHtcbiAgfTtcblxuICAvKipcbiAgICogRnVuY3Rpb24gdGhhdCBzaG91bGQgYmUgY2FsbGVkIHdoZW4gaW5wdXQgbG9zdCBmb2N1cyBhbmQgY2hhbmdlZCBmb3JtIGNvbnRyb2wgc3RhdGUgdG8gXCJ0b3VjaGVkXCJcbiAgICovXG4gIG9uVG91Y2hlZCA9ICgpOiB2b2lkID0+IHtcbiAgfTtcblxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiAoXzogYm9vbGVhbikgPT4gdm9pZCk6IHZvaWQge1xuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgfVxuXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiAoKSA9PiB2b2lkKTogdm9pZCB7XG4gICAgdGhpcy5vblRvdWNoZWQgPSBmbjtcbiAgfVxuXG4gIHdyaXRlVmFsdWUodmFsdWU6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLm9uQ2hhbmdlKHZhbHVlKTtcbiAgICB0aGlzLmRlZmF1bHRDaGVja2VkID0gdmFsdWU7XG4gIH1cblxuICBzZXREaXNhYmxlZFN0YXRlKGRpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XG4gICAgdGhpcy5kaXNhYmxlZCA9IGRpc2FibGVkO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwia2l0LXRvZ2dsZVwiPlxuICA8a2VuZG8tbGFiZWwgY2xhc3M9XCJsYWJlbFwiIFt0ZXh0XT1cImxhYmVsXCI+PC9rZW5kby1sYWJlbD5cbiAgPGRpdiBjbGFzcz1cImtpdC10b2dnbGUtd3JhcHBlclwiPlxuICAgIDxrZW5kby1zd2l0Y2ggW2NoZWNrZWRdPVwiZGVmYXVsdENoZWNrZWRcIlxuICAgICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICAgICAgICAgICAgICAgICh2YWx1ZUNoYW5nZSk9XCJvbklucHV0U3RhdGVDaGFuZ2UoJGV2ZW50KVwiXG4gICAgPjwva2VuZG8tc3dpdGNoPlxuICA8L2Rpdj5cbiAgPGtpdC1pbnB1dC1tZXNzYWdlICpuZ0lmPVwibWVzc2FnZVRleHRcIlxuICAgICAgICAgICAgICAgICAgICAgW3R5cGVdPVwibWVzc2FnZVR5cGVcIlxuICAgICAgICAgICAgICAgICAgICAgW2ljb25dPVwibWVzc2FnZUljb25cIlxuICAgICAgICAgICAgICAgICAgICAgW21lc3NhZ2VdPVwibWVzc2FnZVRleHRcIlxuICA+PC9raXQtaW5wdXQtbWVzc2FnZT5cbjwvZGl2PlxuIl19
|
|
@@ -2033,14 +2033,14 @@ KitToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
|
|
|
2033
2033
|
provide: NG_VALUE_ACCESSOR,
|
|
2034
2034
|
useExisting: forwardRef(() => KitToggleComponent),
|
|
2035
2035
|
multi: true,
|
|
2036
|
-
}], ngImport: i0, template: "<div class=\"kit-toggle\">\n <
|
|
2036
|
+
}], ngImport: i0, template: "<div class=\"kit-toggle\">\n <kendo-label class=\"label\" [text]=\"label\"></kendo-label>\n <div class=\"kit-toggle-wrapper\">\n <kendo-switch [checked]=\"defaultChecked\"\n [disabled]=\"disabled\"\n (valueChange)=\"onInputStateChange($event)\"\n ></kendo-switch>\n </div>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-toggle .label{display:block;margin-bottom:4px;font-size:14px;font-weight:400;color:#a9a8a8}.kit-toggle-wrapper{padding:8px}.kit-toggle .k-switch-track{display:flex;align-items:center;width:100%;height:100%;color:#27282a;box-shadow:none;border:none;border-radius:14px;background:#a9a8a8}.kit-toggle .k-switch-thumb{width:12px;height:12px;border:none;border-radius:50%;background:#ffffff}.kit-toggle .k-switch-label-on,.kit-toggle .k-switch-label-off{position:absolute;right:-52px;left:auto;width:auto;font-size:14px}.kit-toggle .k-focus .k-switch-track{outline:none}.kit-toggle .k-switch-off .k-switch-thumb-wrap{left:8px}.kit-toggle .k-switch-on .k-switch-track{background:#56a2f7}.kit-toggle .k-switch-on .k-switch-thumb-wrap{left:calc(100% - 8px)}.kit-toggle .k-switch{width:32px;height:16px}.kit-toggle .k-switch .k-switch-track:hover{box-shadow:none}.kit-toggle .k-disabled{opacity:1}.kit-toggle .k-disabled .k-switch-track{background:#ebebe4}\n"], components: [{ type: i1$1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { type: i2.SwitchComponent, selector: "kendo-switch", inputs: ["focusableId", "disabled", "readonly", "tabindex", "checked", "size", "thumbRounded", "trackRounded", "tabIndex", "onLabel", "offLabel"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoSwitch"] }, { type: KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
2037
2037
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitToggleComponent, decorators: [{
|
|
2038
2038
|
type: Component,
|
|
2039
2039
|
args: [{ selector: 'kit-toggle', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{
|
|
2040
2040
|
provide: NG_VALUE_ACCESSOR,
|
|
2041
2041
|
useExisting: forwardRef(() => KitToggleComponent),
|
|
2042
2042
|
multi: true,
|
|
2043
|
-
}], template: "<div class=\"kit-toggle\">\n <
|
|
2043
|
+
}], template: "<div class=\"kit-toggle\">\n <kendo-label class=\"label\" [text]=\"label\"></kendo-label>\n <div class=\"kit-toggle-wrapper\">\n <kendo-switch [checked]=\"defaultChecked\"\n [disabled]=\"disabled\"\n (valueChange)=\"onInputStateChange($event)\"\n ></kendo-switch>\n </div>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-toggle .label{display:block;margin-bottom:4px;font-size:14px;font-weight:400;color:#a9a8a8}.kit-toggle-wrapper{padding:8px}.kit-toggle .k-switch-track{display:flex;align-items:center;width:100%;height:100%;color:#27282a;box-shadow:none;border:none;border-radius:14px;background:#a9a8a8}.kit-toggle .k-switch-thumb{width:12px;height:12px;border:none;border-radius:50%;background:#ffffff}.kit-toggle .k-switch-label-on,.kit-toggle .k-switch-label-off{position:absolute;right:-52px;left:auto;width:auto;font-size:14px}.kit-toggle .k-focus .k-switch-track{outline:none}.kit-toggle .k-switch-off .k-switch-thumb-wrap{left:8px}.kit-toggle .k-switch-on .k-switch-track{background:#56a2f7}.kit-toggle .k-switch-on .k-switch-thumb-wrap{left:calc(100% - 8px)}.kit-toggle .k-switch{width:32px;height:16px}.kit-toggle .k-switch .k-switch-track:hover{box-shadow:none}.kit-toggle .k-disabled{opacity:1}.kit-toggle .k-disabled .k-switch-track{background:#ebebe4}\n"] }]
|
|
2044
2044
|
}], propDecorators: { label: [{
|
|
2045
2045
|
type: Input
|
|
2046
2046
|
}], disabled: [{
|