@indigina/ui-kit 1.0.41 → 1.0.45
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/bundles/indigina-ui-kit.umd.js +382 -208
- package/bundles/indigina-ui-kit.umd.js.map +1 -1
- package/bundles/indigina-ui-kit.umd.min.js +1 -1
- package/bundles/indigina-ui-kit.umd.min.js.map +1 -1
- package/esm2015/lib/components/kit-autocomplete/kit-autocomplete.component.js +13 -3
- package/esm2015/lib/components/kit-checkbox/kit-checkbox.component.js +10 -2
- package/esm2015/lib/components/kit-checkbox/kit-checkbox.module.js +3 -1
- package/esm2015/lib/components/kit-datetimepicker/kit-datetimepicker.component.js +4 -1
- package/esm2015/lib/components/kit-dropdown/kit-dropdown.component.js +14 -3
- package/esm2015/lib/components/kit-switch/kit-switch.component.js +21 -3
- package/esm2015/lib/components/kit-switch/kit-switch.module.js +3 -1
- package/esm2015/lib/components/kit-text-label/kit-text-label.component.js +14 -4
- package/esm2015/lib/components/kit-textarea/kit-textarea.component.js +14 -4
- package/esm2015/lib/components/kit-toggle/kit-toggle.component.js +77 -0
- package/esm2015/lib/components/kit-toggle/kit-toggle.module.js +25 -0
- package/esm2015/lib/components/kit-units-textbox/kit-units-textbox.component.js +14 -4
- package/esm2015/public-api.js +8 -5
- package/fesm2015/indigina-ui-kit.js +369 -197
- package/fesm2015/indigina-ui-kit.js.map +1 -1
- package/indigina-ui-kit.metadata.json +1 -1
- package/lib/components/kit-autocomplete/kit-autocomplete.component.d.ts +8 -0
- package/lib/components/kit-checkbox/kit-checkbox.component.d.ts +14 -0
- package/lib/components/kit-dropdown/kit-dropdown.component.d.ts +9 -0
- package/lib/components/kit-switch/kit-switch.component.d.ts +22 -0
- package/lib/components/kit-text-label/kit-text-label.component.d.ts +8 -0
- package/lib/components/kit-textarea/kit-textarea.component.d.ts +8 -0
- package/lib/components/kit-toggle/kit-toggle.component.d.ts +50 -0
- package/lib/components/kit-toggle/kit-toggle.module.d.ts +2 -0
- package/lib/components/kit-units-textbox/kit-units-textbox.component.d.ts +8 -0
- package/package.json +1 -1
- package/public-api.d.ts +6 -4
- package/styles/colors.scss +1 -0
- package/styles/styles.scss +1 -0
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, EventEmitter, forwardRef, Input, Output } from '@angular/core';
|
|
2
2
|
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
|
+
import { KitInputMessageType } from '../kit-input-message/kit-input-message.component';
|
|
3
4
|
export var KitCheckboxState;
|
|
4
5
|
(function (KitCheckboxState) {
|
|
5
6
|
KitCheckboxState["REGULAR"] = "regular";
|
|
@@ -19,6 +20,10 @@ export class KitCheckboxComponent {
|
|
|
19
20
|
* Defines a particular state for the component
|
|
20
21
|
*/
|
|
21
22
|
this.state = KitCheckboxState.REGULAR;
|
|
23
|
+
/**
|
|
24
|
+
* Defines a value which going to be an info message type
|
|
25
|
+
*/
|
|
26
|
+
this.messageType = KitInputMessageType.DEFAULT;
|
|
22
27
|
/**
|
|
23
28
|
* Occurs as soon as input checked state is changed
|
|
24
29
|
*/
|
|
@@ -57,7 +62,7 @@ export class KitCheckboxComponent {
|
|
|
57
62
|
KitCheckboxComponent.decorators = [
|
|
58
63
|
{ type: Component, args: [{
|
|
59
64
|
selector: 'kit-checkbox',
|
|
60
|
-
template: "<div class=\"kit-checkbox
|
|
65
|
+
template: "<div class=\"kit-checkbox\"\n [class.disabled]=\"disabled\"\n [ngClass]=\"state\">\n <div class=\"display-flex flex-align-items-center\">\n <input kendoCheckBox #checkbox type=\"checkbox\" class=\"checkbox\"\n [checked]=\"defaultChecked\"\n [disabled]=\"disabled\"\n (change)=\"onInputStateChange($event)\" />\n <kendo-label class=\"label\" [text]=\"label\"\n [for]=\"checkbox\"\n ></kendo-label>\n </div>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n",
|
|
61
66
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
62
67
|
providers: [{
|
|
63
68
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -72,6 +77,9 @@ KitCheckboxComponent.propDecorators = {
|
|
|
72
77
|
disabled: [{ type: Input }],
|
|
73
78
|
defaultChecked: [{ type: Input }],
|
|
74
79
|
state: [{ type: Input }],
|
|
80
|
+
messageIcon: [{ type: Input }],
|
|
81
|
+
messageText: [{ type: Input }],
|
|
82
|
+
messageType: [{ type: Input }],
|
|
75
83
|
changed: [{ type: Output }]
|
|
76
84
|
};
|
|
77
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
85
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LWNoZWNrYm94LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMva2l0LWNoZWNrYm94L2tpdC1jaGVja2JveC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDNUcsT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRXpFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGtEQUFrRCxDQUFDO0FBRXZGLE1BQU0sQ0FBTixJQUFZLGdCQUdYO0FBSEQsV0FBWSxnQkFBZ0I7SUFDMUIsdUNBQW1CLENBQUE7SUFDbkIscUNBQWlCLENBQUE7QUFDbkIsQ0FBQyxFQUhXLGdCQUFnQixLQUFoQixnQkFBZ0IsUUFHM0I7QUFlRCxNQUFNLE9BQU8sb0JBQW9CO0lBWGpDO1FBaUJFOztXQUVHO1FBQ00sYUFBUSxHQUFZLEtBQUssQ0FBQztRQUVuQzs7V0FFRztRQUNNLG1CQUFjLEdBQVksS0FBSyxDQUFDO1FBRXpDOztXQUVHO1FBQ00sVUFBSyxHQUFxQixnQkFBZ0IsQ0FBQyxPQUFPLENBQUM7UUFZNUQ7O1dBRUc7UUFDTSxnQkFBVyxHQUF3QixtQkFBbUIsQ0FBQyxPQUFPLENBQUM7UUFFeEU7O1dBRUc7UUFDTyxZQUFPLEdBQTBCLElBQUksWUFBWSxFQUFXLENBQUM7UUFHdkU7O1dBRUc7UUFDSCxhQUFRLEdBQUcsQ0FBQyxLQUFjLEVBQVEsRUFBRTtRQUNwQyxDQUFDLENBQUM7UUFFRjs7V0FFRztRQUNILGNBQVMsR0FBRyxDQUFDLEtBQWMsRUFBUSxFQUFFO1FBQ3JDLENBQUMsQ0FBQztJQTBCSixDQUFDO0lBeEJDLGtCQUFrQixDQUFDLEtBQVk7UUFDN0IsTUFBTSxNQUFNLEdBQXdDLEtBQUssQ0FBQyxNQUFNLENBQUM7UUFDakUsTUFBTSxPQUFPLEdBQVksTUFBTSxDQUFDLE9BQU8sQ0FBQztRQUV4QyxJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQzdCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxFQUFtQjtRQUNsQyxJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsaUJBQWlCLENBQUMsRUFBbUI7UUFDbkMsSUFBSSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVELFVBQVUsQ0FBQyxLQUFjO1FBQ3ZCLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDckIsSUFBSSxDQUFDLGNBQWMsR0FBRyxLQUFLLENBQUM7SUFDOUIsQ0FBQztJQUVELGdCQUFnQixDQUFDLFFBQWlCO1FBQ2hDLElBQUksQ0FBQyxRQUFRLEdBQUcsUUFBUSxDQUFDO0lBQzNCLENBQUM7OztZQXhGRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGNBQWM7Z0JBQ3hCLDJyQkFBNEM7Z0JBRTVDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2dCQUMvQyxTQUFTLEVBQUUsQ0FBQzt3QkFDVixPQUFPLEVBQUUsaUJBQWlCO3dCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLG9CQUFvQixDQUFDO3dCQUNuRCxLQUFLLEVBQUUsSUFBSTtxQkFDWixDQUFDOzthQUNIOzs7b0JBS0UsS0FBSzt1QkFLTCxLQUFLOzZCQUtMLEtBQUs7b0JBS0wsS0FBSzswQkFLTCxLQUFLOzBCQUtMLEtBQUs7MEJBS0wsS0FBSztzQkFLTCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBmb3J3YXJkUmVmLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBLaXRTdmdJY29uIH0gZnJvbSAnLi4va2l0LXN2Zy1pY29uL2tpdC1zdmctaWNvbi5jb25zdCc7XG5pbXBvcnQgeyBLaXRJbnB1dE1lc3NhZ2VUeXBlIH0gZnJvbSAnLi4va2l0LWlucHV0LW1lc3NhZ2Uva2l0LWlucHV0LW1lc3NhZ2UuY29tcG9uZW50JztcblxuZXhwb3J0IGVudW0gS2l0Q2hlY2tib3hTdGF0ZSB7XG4gIFJFR1VMQVIgPSAncmVndWxhcicsXG4gIERBTkdFUiA9ICdkYW5nZXInLFxufVxuXG50eXBlIENoZWNrYm94VmFsdWVGbiA9ICh2YWx1ZTogYm9vbGVhbikgPT4gdm9pZDtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAna2l0LWNoZWNrYm94JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2tpdC1jaGVja2JveC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2tpdC1jaGVja2JveC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgcHJvdmlkZXJzOiBbe1xuICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IEtpdENoZWNrYm94Q29tcG9uZW50KSxcbiAgICBtdWx0aTogdHJ1ZSxcbiAgfV0sXG59KVxuZXhwb3J0IGNsYXNzIEtpdENoZWNrYm94Q29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xuICAvKipcbiAgICogRGVmaW5lcyBhIGxhYmVsIGZvciBjaGVja2JveDsgZXhhY3QgdGhpcyB0ZXh0IHdpbGwgYmUgZGlzcGxheWVkIG5leHQgdG8gdGhlIGNoZWNrYm94XG4gICAqL1xuICBASW5wdXQoKSBsYWJlbD86IHN0cmluZztcblxuICAvKipcbiAgICogU3RhdGVzIHRoZSBjb21wb25lbnQgaXMgZGlzYWJsZWRcbiAgICovXG4gIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgYSBkZWZhdWx0IHZhbHVlXG4gICAqL1xuICBASW5wdXQoKSBkZWZhdWx0Q2hlY2tlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIGEgcGFydGljdWxhciBzdGF0ZSBmb3IgdGhlIGNvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgc3RhdGU6IEtpdENoZWNrYm94U3RhdGUgPSBLaXRDaGVja2JveFN0YXRlLlJFR1VMQVI7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgYW4gaWNvbiB3aGljaCB3aWxsIGJlIHVzZWQgdG8gdGhlIGxlZnQgb2YgdGhlIGluZm8gbWVzc2FnZVxuICAgKi9cbiAgQElucHV0KCkgbWVzc2FnZUljb24/OiBLaXRTdmdJY29uO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIGEgdmFsdWUgd2hpY2ggZ29pbmcgdG8gYmUgYW4gaW5mbyBtZXNzYWdlIHRleHRcbiAgICovXG4gIEBJbnB1dCgpIG1lc3NhZ2VUZXh0Pzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIGEgdmFsdWUgd2hpY2ggZ29pbmcgdG8gYmUgYW4gaW5mbyBtZXNzYWdlIHR5cGVcbiAgICovXG4gIEBJbnB1dCgpIG1lc3NhZ2VUeXBlOiBLaXRJbnB1dE1lc3NhZ2VUeXBlID0gS2l0SW5wdXRNZXNzYWdlVHlwZS5ERUZBVUxUO1xuXG4gIC8qKlxuICAgKiBPY2N1cnMgYXMgc29vbiBhcyBpbnB1dCBjaGVja2VkIHN0YXRlIGlzIGNoYW5nZWRcbiAgICovXG4gIEBPdXRwdXQoKSBjaGFuZ2VkOiBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4gPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG5cblxuICAvKipcbiAgICogRnVuY3Rpb24gdGhhdCBzaG91bGQgYmUgY2FsbGVkIGV2ZXJ5IHRpbWUgdGhlIGZvcm0gY29udHJvbCB2YWx1ZSBjaGFuZ2VzXG4gICAqL1xuICBvbkNoYW5nZSA9ICh2YWx1ZTogYm9vbGVhbik6IHZvaWQgPT4ge1xuICB9O1xuXG4gIC8qKlxuICAgKiBGdW5jdGlvbiB0aGF0IHNob3VsZCBiZSBjYWxsZWQgd2hlbiBpbnB1dCBsb3N0IGZvY3VzIGFuZCBjaGFuZ2VkIGZvcm0gY29udHJvbCBzdGF0ZSB0byBcInRvdWNoZWRcIlxuICAgKi9cbiAgb25Ub3VjaGVkID0gKHZhbHVlOiBib29sZWFuKTogdm9pZCA9PiB7XG4gIH07XG5cbiAgb25JbnB1dFN0YXRlQ2hhbmdlKGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIGNvbnN0IHRhcmdldDogSFRNTElucHV0RWxlbWVudCA9IDxIVE1MSW5wdXRFbGVtZW50PiBldmVudC50YXJnZXQ7XG4gICAgY29uc3QgY2hlY2tlZDogYm9vbGVhbiA9IHRhcmdldC5jaGVja2VkO1xuXG4gICAgdGhpcy5vbkNoYW5nZShjaGVja2VkKTtcbiAgICB0aGlzLmNoYW5nZWQuZW1pdChjaGVja2VkKTtcbiAgfVxuXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IENoZWNrYm94VmFsdWVGbik6IHZvaWQge1xuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgfVxuXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBDaGVja2JveFZhbHVlRm4pOiB2b2lkIHtcbiAgICB0aGlzLm9uVG91Y2hlZCA9IGZuO1xuICB9XG5cbiAgd3JpdGVWYWx1ZSh2YWx1ZTogYm9vbGVhbik6IHZvaWQge1xuICAgIHRoaXMub25DaGFuZ2UodmFsdWUpO1xuICAgIHRoaXMuZGVmYXVsdENoZWNrZWQgPSB2YWx1ZTtcbiAgfVxuXG4gIHNldERpc2FibGVkU3RhdGUoZGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLmRpc2FibGVkID0gZGlzYWJsZWQ7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -3,6 +3,7 @@ import { KitCheckboxComponent } from './kit-checkbox.component';
|
|
|
3
3
|
import { LabelModule } from '@progress/kendo-angular-label';
|
|
4
4
|
import { CheckBoxModule } from '@progress/kendo-angular-inputs';
|
|
5
5
|
import { CommonModule } from '@angular/common';
|
|
6
|
+
import { KitInputMessageModule } from '../kit-input-message/kit-input-message.module';
|
|
6
7
|
export class KitCheckboxModule {
|
|
7
8
|
}
|
|
8
9
|
KitCheckboxModule.decorators = [
|
|
@@ -17,7 +18,8 @@ KitCheckboxModule.decorators = [
|
|
|
17
18
|
LabelModule,
|
|
18
19
|
CheckBoxModule,
|
|
19
20
|
CommonModule,
|
|
21
|
+
KitInputMessageModule,
|
|
20
22
|
],
|
|
21
23
|
},] }
|
|
22
24
|
];
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LWNoZWNrYm94Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMva2l0LWNoZWNrYm94L2tpdC1jaGVja2JveC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDNUQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ2hFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwrQ0FBK0MsQ0FBQztBQWdCdEYsTUFBTSxPQUFPLGlCQUFpQjs7O1lBZDdCLFFBQVEsU0FBQztnQkFDUixZQUFZLEVBQUU7b0JBQ1osb0JBQW9CO2lCQUNyQjtnQkFDRCxPQUFPLEVBQUU7b0JBQ1Asb0JBQW9CO2lCQUNyQjtnQkFDRCxPQUFPLEVBQUU7b0JBQ1AsV0FBVztvQkFDWCxjQUFjO29CQUNkLFlBQVk7b0JBQ1oscUJBQXFCO2lCQUN0QjthQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEtpdENoZWNrYm94Q29tcG9uZW50IH0gZnJvbSAnLi9raXQtY2hlY2tib3guY29tcG9uZW50JztcbmltcG9ydCB7IExhYmVsTW9kdWxlIH0gZnJvbSAnQHByb2dyZXNzL2tlbmRvLWFuZ3VsYXItbGFiZWwnO1xuaW1wb3J0IHsgQ2hlY2tCb3hNb2R1bGUgfSBmcm9tICdAcHJvZ3Jlc3Mva2VuZG8tYW5ndWxhci1pbnB1dHMnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEtpdElucHV0TWVzc2FnZU1vZHVsZSB9IGZyb20gJy4uL2tpdC1pbnB1dC1tZXNzYWdlL2tpdC1pbnB1dC1tZXNzYWdlLm1vZHVsZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIEtpdENoZWNrYm94Q29tcG9uZW50LFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgS2l0Q2hlY2tib3hDb21wb25lbnQsXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBMYWJlbE1vZHVsZSxcbiAgICBDaGVja0JveE1vZHVsZSxcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgS2l0SW5wdXRNZXNzYWdlTW9kdWxlLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBLaXRDaGVja2JveE1vZHVsZSB7XG59XG4iXX0=
|
|
@@ -62,6 +62,9 @@ export class KitDatetimepickerComponent {
|
|
|
62
62
|
this.onChange(value);
|
|
63
63
|
}
|
|
64
64
|
writeValue(value) {
|
|
65
|
+
if (!value) {
|
|
66
|
+
return;
|
|
67
|
+
}
|
|
65
68
|
this.onChange(new Date(value));
|
|
66
69
|
this.defaultDate = new Date(value);
|
|
67
70
|
}
|
|
@@ -103,4 +106,4 @@ KitDatetimepickerComponent.propDecorators = {
|
|
|
103
106
|
changed: [{ type: Output }],
|
|
104
107
|
datetimepicker: [{ type: ViewChild, args: ['datetimepicker',] }]
|
|
105
108
|
};
|
|
106
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
109
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LWRhdGV0aW1lcGlja2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMva2l0LWRhdGV0aW1lcGlja2VyL2tpdC1kYXRldGltZXBpY2tlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLFVBQVUsRUFDVixLQUFLLEVBQ0wsTUFBTSxFQUNOLFNBQVMsRUFDVCxpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBRWhFLE9BQU8sRUFBd0IsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQWN6RSxNQUFNLE9BQU8sMEJBQTBCO0lBWnZDO1FBc0NFOztXQUVHO1FBQ00sWUFBTyxHQUFhLElBQUksQ0FBQztRQUVsQzs7V0FFRztRQUNNLFdBQU0sR0FBVyxtQkFBbUIsQ0FBQztRQWlCOUM7O1dBRUc7UUFDTyxZQUFPLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7UUFPakU7O1dBRUc7UUFDSCxTQUFJLEdBQWUsVUFBVSxDQUFDLFFBQVEsQ0FBQztRQUV2Qzs7V0FFRztRQUNNLGdDQUEyQixHQUFrQjtZQUNwRCxVQUFVLEVBQUUsMEJBQTBCO1NBQ3ZDLENBQUM7UUErQkY7O1dBRUc7UUFDSCxhQUFRLEdBQUcsQ0FBQyxLQUFXLEVBQVEsRUFBRTtRQUNqQyxDQUFDLENBQUM7UUFFRjs7V0FFRztRQUNILGNBQVMsR0FBRyxHQUFTLEVBQUU7UUFDdkIsQ0FBQyxDQUFDO0lBc0JKLENBQUM7SUE3REM7O09BRUc7SUFDSCxhQUFhO1FBQ1gsSUFBSSxDQUFDLGNBQWMsQ0FBQyxLQUFLLEVBQUUsQ0FBQztRQUM1QixJQUFJLENBQUMsY0FBYyxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQy9CLENBQUM7SUFFRDs7T0FFRztJQUNILE1BQU07UUFDSixJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7SUFDbkIsQ0FBQztJQUVEOztPQUVHO0lBQ0gsT0FBTztJQUNQLENBQUM7SUFFRDs7T0FFRztJQUNILGFBQWEsQ0FBQyxLQUFXO1FBQ3ZCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3pCLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDdkIsQ0FBQztJQWNELFVBQVUsQ0FBQyxLQUFhO1FBQ3RCLElBQUksQ0FBQyxLQUFLLEVBQUU7WUFDVixPQUFPO1NBQ1I7UUFFRCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7UUFDL0IsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNyQyxDQUFDO0lBRUQsZ0JBQWdCLENBQUMsRUFBcUI7UUFDcEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELGlCQUFpQixDQUFDLEVBQWM7UUFDOUIsSUFBSSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVELGdCQUFnQixDQUFDLFFBQWlCO1FBQ2hDLElBQUksQ0FBQyxRQUFRLEdBQUcsUUFBUSxDQUFDO0lBQzNCLENBQUM7OztZQWpKRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLG9CQUFvQjtnQkFDOUIsaTJDQUFrRDtnQkFFbEQsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07Z0JBQy9DLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO2dCQUNyQyxTQUFTLEVBQUUsQ0FBQzt3QkFDVixPQUFPLEVBQUUsaUJBQWlCO3dCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLDBCQUEwQixDQUFDO3dCQUN6RCxLQUFLLEVBQUUsSUFBSTtxQkFDWixDQUFDOzthQUNIOzs7b0JBS0UsS0FBSzswQkFLTCxLQUFLO3VCQUtMLEtBQUs7MEJBS0wsS0FBSzswQkFLTCxLQUFLO3NCQUtMLEtBQUs7cUJBS0wsS0FBSzswQkFLTCxLQUFLO2tCQUtMLEtBQUs7a0JBS0wsS0FBSztzQkFLTCxNQUFNOzZCQUtOLFNBQVMsU0FBQyxnQkFBZ0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIGZvcndhcmRSZWYsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIFZpZXdDaGlsZCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUG9wdXBTZXR0aW5ncyB9IGZyb20gJ0Bwcm9ncmVzcy9rZW5kby1hbmd1bGFyLWRyb3Bkb3ducyc7XG5pbXBvcnQgeyBLaXRTdmdJY29uIH0gZnJvbSAnLi4va2l0LXN2Zy1pY29uL2tpdC1zdmctaWNvbi5jb25zdCc7XG5pbXBvcnQgeyBEYXRlVGltZVBpY2tlckNvbXBvbmVudCB9IGZyb20gJ0Bwcm9ncmVzcy9rZW5kby1hbmd1bGFyLWRhdGVpbnB1dHMnO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdraXQtZGF0ZXRpbWVwaWNrZXInLFxuICB0ZW1wbGF0ZVVybDogJy4va2l0LWRhdGV0aW1lcGlja2VyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4va2l0LWRhdGV0aW1lcGlja2VyLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBwcm92aWRlcnM6IFt7XG4gICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gS2l0RGF0ZXRpbWVwaWNrZXJDb21wb25lbnQpLFxuICAgIG11bHRpOiB0cnVlLFxuICB9XSxcbn0pXG5leHBvcnQgY2xhc3MgS2l0RGF0ZXRpbWVwaWNrZXJDb21wb25lbnQgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciB7XG4gIC8qKlxuICAgKiBEZWZpbmVzIGEgdmFsdWUgdGhhdCBpcyBnb2luZyB0byBiZSBhcHBsaWVkIGFzIGEgZGF0ZXRpbWVwaWNrZXIgbGFiZWxcbiAgICovXG4gIEBJbnB1dCgpIGxhYmVsPzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIGEgdmFsdWUgdGhhdCBpcyBnb2luZyB0byBiZSBhcHBsaWVkIGFzIGEgZGF0ZXRpbWVwaWNrZXIgcGxhY2Vob2xkZXJcbiAgICovXG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyPzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIHdoZXRoZXIgdGhlIGNvbXBvbmVudCB3aWxsIGJlIGluIGRpc2FibGVkIHN0YXRlXG4gICAqL1xuICBASW5wdXQoKSBkaXNhYmxlZD86IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIERlZmluZXMgYW4gaWNvbiB3aGljaCB3aWxsIGJlIHVzZWQgdG8gdGhlIGxlZnQgb2YgdGhlIGluZm8gbWVzc2FnZVxuICAgKi9cbiAgQElucHV0KCkgbWVzc2FnZUljb24/OiBLaXRTdmdJY29uO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIGEgdmFsdWUgd2hpY2ggZ29pbmcgdG8gYmUgYW4gaW5mbyBtZXNzYWdlIHRleHRcbiAgICovXG4gIEBJbnB1dCgpIG1lc3NhZ2VUZXh0Pzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIGEgc3RhdGUgd2hldGhlciB0aGUgY29tcG9uZW50IHdpbGwgYmUgdmFsaWQgb3Igbm90XG4gICAqL1xuICBASW5wdXQoKSBpc1ZhbGlkPzogYm9vbGVhbiA9IHRydWU7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgYSB2YWx1ZSB0aGF0IGlzIGdvaW5nIHRvIGJlIGFwcGxpZWQgYXMgYSBkYXRldGltZXBpY2tlciBmb3JtYXRcbiAgICovXG4gIEBJbnB1dCgpIGZvcm1hdDogc3RyaW5nID0gJ2RkIE1NTSB5eXl5IEhIOm1tJztcblxuICAvKipcbiAgICogRGVmaW5lcyBhIHZhbHVlIHRoYXQgaXMgZ29pbmcgdG8gYmUgYXBwbGllZCBhcyBhIGRlZmF1bHQgZGF0ZXRpbWVwaWNrZXIgdmFsdWVcbiAgICovXG4gIEBJbnB1dCgpIGRlZmF1bHREYXRlPzogRGF0ZTtcblxuICAvKipcbiAgICogU3BlY2lmaWVzIHRoZSBzbWFsbGVzdCB2YWxpZCBkYXRlXG4gICAqL1xuICBASW5wdXQoKSBtaW4/OiBEYXRlO1xuXG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgdGhlIGJpZ2dlc3QgdmFsaWQgZGF0ZVxuICAgKi9cbiAgQElucHV0KCkgbWF4PzogRGF0ZTtcblxuICAvKipcbiAgICogQW4gYWN0aW9uIHdoaWNoIGlzIGVtaXR0ZWQgd2hlbiBkYXRldGltZXBpY2tlciB2YWx1ZSBjaGFuZ2VkXG4gICAqL1xuICBAT3V0cHV0KCkgY2hhbmdlZDogRXZlbnRFbWl0dGVyPERhdGU+ID0gbmV3IEV2ZW50RW1pdHRlcjxEYXRlPigpO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIGEgcmVmZXJlbmNlIG9mIHRoZSBEYXRlVGltZVBpY2tlciBjb21wb25lbnRcbiAgICovXG4gIEBWaWV3Q2hpbGQoJ2RhdGV0aW1lcGlja2VyJykgZGF0ZXRpbWVwaWNrZXIhOiBEYXRlVGltZVBpY2tlckNvbXBvbmVudDtcblxuICAvKipcbiAgICogQW4gaWNvbiB3aGljaCB3aWxsIGJlIHVzZWQgaW4gYSBkYXRldGltZXBpY2tlciB0b2dnbGUgYnV0dG9uXG4gICAqL1xuICBpY29uOiBLaXRTdmdJY29uID0gS2l0U3ZnSWNvbi5DQUxFTkRBUjtcblxuICAvKipcbiAgICogU2V0dGluZ3MgZm9yIGRhdGV0aW1lcGlja2VyIHBvcHVwIHRoYXQgd2lsbCBiZSBvcGVuZWRcbiAgICovXG4gIHJlYWRvbmx5IGRhdGV0aW1lcGlja2VyUG9wdXBTZXR0aW5nczogUG9wdXBTZXR0aW5ncyA9IHtcbiAgICBwb3B1cENsYXNzOiAna2l0LWRhdGV0aW1lcGlja2VyLXBvcHVwJyxcbiAgfTtcblxuICAvKipcbiAgICogRnVuY3Rpb24gdXNlZCB0byB0b2dnbGUgdmlzaWJpbGl0eSBvZiB0aGUgZGF0ZXRpbWVwaWNrZXIgcG9wdXBcbiAgICovXG4gIG9uUG9wdXBUb2dnbGUoKTogdm9pZCB7XG4gICAgdGhpcy5kYXRldGltZXBpY2tlci5mb2N1cygpO1xuICAgIHRoaXMuZGF0ZXRpbWVwaWNrZXIudG9nZ2xlKCk7XG4gIH1cblxuICAvKipcbiAgICogRnVuY3Rpb24gdGhhdCBpcyBjYWxsZWQgd2hlbiBkYXRldGltZXBpY2tlciBsb3N0IGZvY3VzXG4gICAqL1xuICBvbkJsdXIoKTogdm9pZCB7XG4gICAgdGhpcy5vblRvdWNoZWQoKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBGdW5jdGlvbiB0aGF0IGlzIGNhbGxlZCB3aGVuIGRhdGV0aW1lcGlja2VyIHBvcHVwIGNsb3Nlc1xuICAgKi9cbiAgb25DbG9zZSgpOiB2b2lkIHtcbiAgfVxuXG4gIC8qKlxuICAgKiBGdW5jdGlvbiB0aGF0IHNob3VsZCBiZSBjYWxsZWQgZXZlcnkgdGltZSBkYXRldGltZXBpY2tlciB2YWx1ZSBjaGFuZ2VzXG4gICAqL1xuICBvblZhbHVlQ2hhbmdlKHZhbHVlOiBEYXRlKTogdm9pZCB7XG4gICAgdGhpcy5jaGFuZ2VkLmVtaXQodmFsdWUpO1xuICAgIHRoaXMub25DaGFuZ2UodmFsdWUpO1xuICB9XG5cbiAgLyoqXG4gICAqIEZ1bmN0aW9uIHRoYXQgc2hvdWxkIGJlIGNhbGxlZCBldmVyeSB0aW1lIHRoZSBmb3JtIGNvbnRyb2wgdmFsdWUgY2hhbmdlc1xuICAgKi9cbiAgb25DaGFuZ2UgPSAodmFsdWU6IERhdGUpOiB2b2lkID0+IHtcbiAgfTtcblxuICAvKipcbiAgICogRnVuY3Rpb24gdGhhdCBzaG91bGQgYmUgY2FsbGVkIHdoZW4gaW5wdXQgbG9zdCBmb2N1cyBhbmQgY2hhbmdlZCBmb3JtIGNvbnRyb2wgc3RhdGUgdG8gXCJ0b3VjaGVkXCJcbiAgICovXG4gIG9uVG91Y2hlZCA9ICgpOiB2b2lkID0+IHtcbiAgfTtcblxuICB3cml0ZVZhbHVlKHZhbHVlOiBzdHJpbmcpOiB2b2lkIHtcbiAgICBpZiAoIXZhbHVlKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgdGhpcy5vbkNoYW5nZShuZXcgRGF0ZSh2YWx1ZSkpO1xuICAgIHRoaXMuZGVmYXVsdERhdGUgPSBuZXcgRGF0ZSh2YWx1ZSk7XG4gIH1cblxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiAoXzogRGF0ZSkgPT4gdm9pZCk6IHZvaWQge1xuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgfVxuXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiAoKSA9PiB2b2lkKTogdm9pZCB7XG4gICAgdGhpcy5vblRvdWNoZWQgPSBmbjtcbiAgfVxuXG4gIHNldERpc2FibGVkU3RhdGUoZGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLmRpc2FibGVkID0gZGlzYWJsZWQ7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -1,6 +1,12 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, EventEmitter, forwardRef, Input, Output, ViewEncapsulation } from '@angular/core';
|
|
2
2
|
import { KitInputMessageType } from '../kit-input-message/kit-input-message.component';
|
|
3
3
|
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
4
|
+
import { KitAutocompleteState } from '../kit-autocomplete/kit-autocomplete.component';
|
|
5
|
+
export var KitDropdownState;
|
|
6
|
+
(function (KitDropdownState) {
|
|
7
|
+
KitDropdownState["REGULAR"] = "regular";
|
|
8
|
+
KitDropdownState["DANGER"] = "danger";
|
|
9
|
+
})(KitDropdownState || (KitDropdownState = {}));
|
|
4
10
|
export class KitDropdownComponent {
|
|
5
11
|
constructor() {
|
|
6
12
|
/**
|
|
@@ -11,6 +17,10 @@ export class KitDropdownComponent {
|
|
|
11
17
|
* Defines a value which going to be an info message type
|
|
12
18
|
*/
|
|
13
19
|
this.messageType = KitInputMessageType.DEFAULT;
|
|
20
|
+
/**
|
|
21
|
+
* Defines a particular state for the component
|
|
22
|
+
*/
|
|
23
|
+
this.state = KitAutocompleteState.REGULAR;
|
|
14
24
|
/**
|
|
15
25
|
* occurs once an item in the dropdown is selected
|
|
16
26
|
*/
|
|
@@ -59,7 +69,7 @@ export class KitDropdownComponent {
|
|
|
59
69
|
KitDropdownComponent.decorators = [
|
|
60
70
|
{ type: Component, args: [{
|
|
61
71
|
selector: 'kit-dropdown',
|
|
62
|
-
template: "<div class=\"kit-dropdown\" [class.disabled]=\"disabled\">\n <kendo-label *ngIf=\"label\" class=\"label display-block\"\n [text]=\"label\"\n [for]=\"dropdown\"\n ></kendo-label>\n <kendo-dropdownlist #dropdown valueField=\"value\" textField=\"text\" class=\"dropdown\"\n [data]=\"items\"\n [value]=\"selectedItem\"\n [valuePrimitive]=\"true\"\n [disabled]=\"disabled\"\n [popupSettings]=\"dropdownPopupSettings\"\n [itemDisabled]=\"onItemDisabled()\"\n (selectionChange)=\"onItemSelect($event)\"\n ></kendo-dropdownlist>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n",
|
|
72
|
+
template: "<div class=\"kit-dropdown {{ state }}\" [class.disabled]=\"disabled\">\n <kendo-label *ngIf=\"label\" class=\"label display-block\"\n [text]=\"label\"\n [for]=\"dropdown\"\n ></kendo-label>\n <kendo-dropdownlist #dropdown valueField=\"value\" textField=\"text\" class=\"dropdown\"\n [data]=\"items\"\n [value]=\"selectedItem\"\n [valuePrimitive]=\"true\"\n [disabled]=\"disabled\"\n [popupSettings]=\"dropdownPopupSettings\"\n [itemDisabled]=\"onItemDisabled()\"\n (selectionChange)=\"onItemSelect($event)\"\n ></kendo-dropdownlist>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n",
|
|
63
73
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
64
74
|
encapsulation: ViewEncapsulation.None,
|
|
65
75
|
providers: [{
|
|
@@ -67,7 +77,7 @@ KitDropdownComponent.decorators = [
|
|
|
67
77
|
useExisting: forwardRef(() => KitDropdownComponent),
|
|
68
78
|
multi: true,
|
|
69
79
|
}],
|
|
70
|
-
styles: ["@charset \"UTF-8\";.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-dropdown .label{color:#27282a;font-size:13px;font-weight:500;margin-bottom:4px}.kit-dropdown .k-state-disabled{background-color:#f3f4f6}.kit-dropdown .k-input{color:#27282a;font-size:14px;font-weight:400;height:100%}.kit-dropdown .k-icon:before{color:#000;content:\"\uE015\"}.kit-dropdown .k-dropdown{height:34px;width:100%}.kit-dropdown .k-dropdown-wrap{background-color:#fff;border:1px solid #c1c7d0;border-radius:4px}.kit-dropdown .k-dropdown-wrap:hover{background-color:#fff}.kit-dropdown .k-dropdown-wrap.k-state-focused{box-shadow:none}.kit-dropdown:focus-within .k-dropdown-wrap{border:1px solid #006890}.kit-dropdown:focus-within .k-dropdown-wrap .k-icon:before{color:#006890}.kit-dropdown.disabled .label{color:#74777d}.kit-dropdown-popup.k-popup{background-color:#f3f4f6;border:1px solid #c1c7d0;border-radius:4px;box-shadow:0 0 8px rgba(0,62,86,.5);margin-top:4px;padding:4px}.kit-dropdown-popup.k-popup .k-item{background-color:#fff;border-radius:2px;box-shadow:none!important;color:#27282a;font-size:13px;font-weight:500;line-height:1}.kit-dropdown-popup.k-popup .k-item:not(:last-of-type){margin-bottom:4px}.kit-dropdown-popup.k-popup .k-item.k-state-focused:hover,.kit-dropdown-popup.k-popup .k-item:hover{background-color:#f3f5fa;color:#006890}.kit-dropdown-popup.k-popup .k-item.k-state-selected{background-color:#006890;color:#fff}.kit-dropdown-popup.k-popup .k-item.k-state-disabled{background-color:#f3f4f6;color:#9a9fa6}"]
|
|
80
|
+
styles: ["@charset \"UTF-8\";.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-dropdown .label{color:#27282a;font-size:13px;font-weight:500;margin-bottom:4px}.kit-dropdown .k-state-disabled{background-color:#f3f4f6}.kit-dropdown .k-input{color:#27282a;font-size:14px;font-weight:400;height:100%}.kit-dropdown .k-icon:before{color:#000;content:\"\uE015\"}.kit-dropdown .k-dropdown{height:34px;width:100%}.kit-dropdown .k-dropdown-wrap{background-color:#fff;border:1px solid #c1c7d0;border-radius:4px}.kit-dropdown .k-dropdown-wrap:hover{background-color:#fff}.kit-dropdown .k-dropdown-wrap.k-state-focused{box-shadow:none}.kit-dropdown:focus-within .k-dropdown-wrap{border:1px solid #006890}.kit-dropdown:focus-within .k-dropdown-wrap .k-icon:before{color:#006890}.kit-dropdown.disabled .label{color:#74777d}.kit-dropdown.danger .k-dropdown-wrap{background:#f8e0e0;border-color:#ef3e42}.kit-dropdown-popup.k-popup{background-color:#f3f4f6;border:1px solid #c1c7d0;border-radius:4px;box-shadow:0 0 8px rgba(0,62,86,.5);margin-top:4px;padding:4px}.kit-dropdown-popup.k-popup .k-item{background-color:#fff;border-radius:2px;box-shadow:none!important;color:#27282a;font-size:13px;font-weight:500;line-height:1}.kit-dropdown-popup.k-popup .k-item:not(:last-of-type){margin-bottom:4px}.kit-dropdown-popup.k-popup .k-item.k-state-focused:hover,.kit-dropdown-popup.k-popup .k-item:hover{background-color:#f3f5fa;color:#006890}.kit-dropdown-popup.k-popup .k-item.k-state-selected{background-color:#006890;color:#fff}.kit-dropdown-popup.k-popup .k-item.k-state-disabled{background-color:#f3f4f6;color:#9a9fa6}"]
|
|
71
81
|
},] }
|
|
72
82
|
];
|
|
73
83
|
KitDropdownComponent.propDecorators = {
|
|
@@ -78,6 +88,7 @@ KitDropdownComponent.propDecorators = {
|
|
|
78
88
|
messageIcon: [{ type: Input }],
|
|
79
89
|
messageText: [{ type: Input }],
|
|
80
90
|
messageType: [{ type: Input }],
|
|
91
|
+
state: [{ type: Input }],
|
|
81
92
|
selected: [{ type: Output }]
|
|
82
93
|
};
|
|
83
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
94
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LWRyb3Bkb3duLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMva2l0LWRyb3Bkb3duL2tpdC1kcm9wZG93bi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQWEsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFHMUksT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFDdkYsT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3pFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBWXRGLE1BQU0sQ0FBTixJQUFZLGdCQUdYO0FBSEQsV0FBWSxnQkFBZ0I7SUFDMUIsdUNBQW1CLENBQUE7SUFDbkIscUNBQWlCLENBQUE7QUFDbkIsQ0FBQyxFQUhXLGdCQUFnQixLQUFoQixnQkFBZ0IsUUFHM0I7QUFjRCxNQUFNLE9BQU8sb0JBQW9CO0lBWmpDO1FBYUU7O1dBRUc7UUFDTSxVQUFLLEdBQXlCLEVBQUUsQ0FBQztRQTJCMUM7O1dBRUc7UUFDTSxnQkFBVyxHQUF3QixtQkFBbUIsQ0FBQyxPQUFPLENBQUM7UUFFeEU7O1dBRUc7UUFDTSxVQUFLLEdBQXlCLG9CQUFvQixDQUFDLE9BQU8sQ0FBQztRQUVwRTs7V0FFRztRQUNPLGFBQVEsR0FBcUMsSUFBSSxZQUFZLEVBQXNCLENBQUM7UUFFOUY7O1dBRUc7UUFDTSwwQkFBcUIsR0FBa0I7WUFDOUMsVUFBVSxFQUFFLG9CQUFvQjtTQUNqQyxDQUFDO1FBRUY7O1dBRUc7UUFDSCxhQUFRLEdBQUcsQ0FBQyxLQUFRLEVBQVEsRUFBRTtRQUM5QixDQUFDLENBQUM7UUFFRjs7V0FFRztRQUNILGNBQVMsR0FBRyxHQUFTLEVBQUU7UUFDdkIsQ0FBQyxDQUFDO0lBK0JKLENBQUM7SUE3QkMsY0FBYztRQUNaLE9BQU8sQ0FBQyxDQUFDLE9BQXlDLEVBQVcsRUFBRSxDQUM3RCxDQUFDLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxRQUFRLElBQUksT0FBTyxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUM7SUFDaEYsQ0FBQztJQUVEOztPQUVHO0lBQ0gsWUFBWSxDQUFDLElBQXdCO1FBQ25DLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzFCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzNCLENBQUM7SUFFRCxVQUFVLENBQUMsS0FBUTtRQUNqQixJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQztRQUMxQixJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3ZCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxFQUFrQjtRQUNqQyxJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsaUJBQWlCLENBQUMsRUFBYztRQUM5QixJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsUUFBaUI7UUFDaEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxRQUFRLENBQUM7SUFDM0IsQ0FBQzs7O1lBekdGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsY0FBYztnQkFDeEIsNDZCQUE0QztnQkFFNUMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07Z0JBQy9DLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO2dCQUNyQyxTQUFTLEVBQUUsQ0FBQzt3QkFDVixPQUFPLEVBQUUsaUJBQWlCO3dCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLG9CQUFvQixDQUFDO3dCQUNuRCxLQUFLLEVBQUUsSUFBSTtxQkFDWixDQUFDOzthQUNIOzs7b0JBS0UsS0FBSzsyQkFLTCxLQUFLO29CQUtMLEtBQUs7dUJBS0wsS0FBSzswQkFLTCxLQUFLOzBCQUtMLEtBQUs7MEJBS0wsS0FBSztvQkFLTCxLQUFLO3VCQUtMLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIGZvcndhcmRSZWYsIElucHV0LCBPdXRwdXQsIFByZWRpY2F0ZSwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEl0ZW1BcmdzLCBJdGVtRGlzYWJsZWRGbiwgUG9wdXBTZXR0aW5ncyB9IGZyb20gJ0Bwcm9ncmVzcy9rZW5kby1hbmd1bGFyLWRyb3Bkb3ducyc7XG5pbXBvcnQgeyBLaXRTdmdJY29uIH0gZnJvbSAnLi4va2l0LXN2Zy1pY29uL2tpdC1zdmctaWNvbi5jb25zdCc7XG5pbXBvcnQgeyBLaXRJbnB1dE1lc3NhZ2VUeXBlIH0gZnJvbSAnLi4va2l0LWlucHV0LW1lc3NhZ2Uva2l0LWlucHV0LW1lc3NhZ2UuY29tcG9uZW50JztcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEtpdEF1dG9jb21wbGV0ZVN0YXRlIH0gZnJvbSAnLi4va2l0LWF1dG9jb21wbGV0ZS9raXQtYXV0b2NvbXBsZXRlLmNvbXBvbmVudCc7XG5cbmludGVyZmFjZSBLaXREcm9wZG93bkl0ZW1EaXNhYmxlZEZuQXJnczxUPiBleHRlbmRzIEl0ZW1BcmdzIHtcbiAgZGF0YUl0ZW06IEtpdERyb3Bkb3duSXRlbTxUPjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBLaXREcm9wZG93bkl0ZW08VD4ge1xuICB0ZXh0OiBzdHJpbmc7XG4gIHZhbHVlOiBUO1xuICBkaXNhYmxlZD86IFByZWRpY2F0ZTxLaXREcm9wZG93bkl0ZW08VD4+O1xufVxuXG5leHBvcnQgZW51bSBLaXREcm9wZG93blN0YXRlIHtcbiAgUkVHVUxBUiA9ICdyZWd1bGFyJyxcbiAgREFOR0VSID0gJ2RhbmdlcicsXG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2tpdC1kcm9wZG93bicsXG4gIHRlbXBsYXRlVXJsOiAnLi9raXQtZHJvcGRvd24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9raXQtZHJvcGRvd24uY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHByb3ZpZGVyczogW3tcbiAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBLaXREcm9wZG93bkNvbXBvbmVudCksXG4gICAgbXVsdGk6IHRydWUsXG4gIH1dLFxufSlcbmV4cG9ydCBjbGFzcyBLaXREcm9wZG93bkNvbXBvbmVudDxUPiBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcbiAgLyoqXG4gICAqIGFuIGl0ZW1zIGxpc3Qgd2hpY2ggaXMgZ29pbmcgdG8gYmUgcmVuZGVyZWQgYXMgZHJvcGRvd24gaXRlbXNcbiAgICovXG4gIEBJbnB1dCgpIGl0ZW1zOiBLaXREcm9wZG93bkl0ZW08VD5bXSA9IFtdO1xuXG4gIC8qKlxuICAgKiBhbiBpdGVtIHdoaWNoIG5lZWRzIHRvIGJlIHNlbGVjdGVkIGFzIGEgZGVmYXVsdCB2YWx1ZVxuICAgKi9cbiAgQElucHV0KCkgc2VsZWN0ZWRJdGVtPzogVDtcblxuICAvKipcbiAgICogYW4gaW5mb3JtYXRpdmUgdGV4dCB0aGF0IHdpbGwgYmUgYWJvdmUgdGhlIGRyb3Bkb3duXG4gICAqL1xuICBASW5wdXQoKSBsYWJlbD86IHN0cmluZztcblxuICAvKipcbiAgICogZGVmaW5lcyB3aGV0aGVyIHRoZSBjb21wb25lbnQgd2lsbCBiZSBpbiBkaXNhYmxlZCBzdGF0ZVxuICAgKi9cbiAgQElucHV0KCkgZGlzYWJsZWQ/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIGFuIGljb24gd2hpY2ggd2lsbCBiZSB1c2VkIHRvIHRoZSBsZWZ0IG9mIHRoZSBpbmZvIG1lc3NhZ2VcbiAgICovXG4gIEBJbnB1dCgpIG1lc3NhZ2VJY29uPzogS2l0U3ZnSWNvbjtcblxuICAvKipcbiAgICogRGVmaW5lcyBhIHZhbHVlIHdoaWNoIGdvaW5nIHRvIGJlIGFuIGluZm8gbWVzc2FnZSB0ZXh0XG4gICAqL1xuICBASW5wdXQoKSBtZXNzYWdlVGV4dD86IHN0cmluZztcblxuICAvKipcbiAgICogRGVmaW5lcyBhIHZhbHVlIHdoaWNoIGdvaW5nIHRvIGJlIGFuIGluZm8gbWVzc2FnZSB0eXBlXG4gICAqL1xuICBASW5wdXQoKSBtZXNzYWdlVHlwZTogS2l0SW5wdXRNZXNzYWdlVHlwZSA9IEtpdElucHV0TWVzc2FnZVR5cGUuREVGQVVMVDtcblxuICAvKipcbiAgICogRGVmaW5lcyBhIHBhcnRpY3VsYXIgc3RhdGUgZm9yIHRoZSBjb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIHN0YXRlOiBLaXRBdXRvY29tcGxldGVTdGF0ZSA9IEtpdEF1dG9jb21wbGV0ZVN0YXRlLlJFR1VMQVI7XG5cbiAgLyoqXG4gICAqIG9jY3VycyBvbmNlIGFuIGl0ZW0gaW4gdGhlIGRyb3Bkb3duIGlzIHNlbGVjdGVkXG4gICAqL1xuICBAT3V0cHV0KCkgc2VsZWN0ZWQ6IEV2ZW50RW1pdHRlcjxLaXREcm9wZG93bkl0ZW08VD4+ID0gbmV3IEV2ZW50RW1pdHRlcjxLaXREcm9wZG93bkl0ZW08VD4+KCk7XG5cbiAgLyoqXG4gICAqIHNldHRpbmdzIGZvciBwb3B1cCB0aGF0IHdpbGwgYmUgb3BlbmVkIGFzIGRyb3Bkb3duIG9wdGlvbnMgbGlzdFxuICAgKi9cbiAgcmVhZG9ubHkgZHJvcGRvd25Qb3B1cFNldHRpbmdzOiBQb3B1cFNldHRpbmdzID0ge1xuICAgIHBvcHVwQ2xhc3M6ICdraXQtZHJvcGRvd24tcG9wdXAnLFxuICB9O1xuXG4gIC8qKlxuICAgKiBGdW5jdGlvbiB0aGF0IHNob3VsZCBiZSBjYWxsZWQgZXZlcnkgdGltZSB0aGUgZm9ybSBjb250cm9sIHZhbHVlIGNoYW5nZXNcbiAgICovXG4gIG9uQ2hhbmdlID0gKHZhbHVlOiBUKTogdm9pZCA9PiB7XG4gIH07XG5cbiAgLyoqXG4gICAqIEZ1bmN0aW9uIHRoYXQgc2hvdWxkIGJlIGNhbGxlZCB3aGVuIGlucHV0IGxvc3QgZm9jdXMgYW5kIGNoYW5nZWQgZm9ybSBjb250cm9sIHN0YXRlIHRvIFwidG91Y2hlZFwiXG4gICAqL1xuICBvblRvdWNoZWQgPSAoKTogdm9pZCA9PiB7XG4gIH07XG5cbiAgb25JdGVtRGlzYWJsZWQoKTogSXRlbURpc2FibGVkRm4ge1xuICAgIHJldHVybiAoKGNvbnRleHQ6IEtpdERyb3Bkb3duSXRlbURpc2FibGVkRm5BcmdzPFQ+KTogYm9vbGVhbiA9PlxuICAgICAgISFjb250ZXh0LmRhdGFJdGVtLmRpc2FibGVkICYmIGNvbnRleHQuZGF0YUl0ZW0uZGlzYWJsZWQoY29udGV4dC5kYXRhSXRlbSkpO1xuICB9XG5cbiAgLyoqXG4gICAqIEZ1bmN0aW9uIHRoYXQgaXMgY2FsbGVkIHdoZW4gZHJvcGRvd24gbGlzdCBpdGVtIHNlbGVjdGVkXG4gICAqL1xuICBvbkl0ZW1TZWxlY3QoaXRlbTogS2l0RHJvcGRvd25JdGVtPFQ+KTogdm9pZCB7XG4gICAgdGhpcy5vbkNoYW5nZShpdGVtLnZhbHVlKTtcbiAgICB0aGlzLnNlbGVjdGVkLmVtaXQoaXRlbSk7XG4gIH1cblxuICB3cml0ZVZhbHVlKHZhbHVlOiBUKTogdm9pZCB7XG4gICAgdGhpcy5zZWxlY3RlZEl0ZW0gPSB2YWx1ZTtcbiAgICB0aGlzLm9uQ2hhbmdlKHZhbHVlKTtcbiAgfVxuXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IChfOiBUKSA9PiB2b2lkKTogdm9pZCB7XG4gICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xuICB9XG5cbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46ICgpID0+IHZvaWQpOiB2b2lkIHtcbiAgICB0aGlzLm9uVG91Y2hlZCA9IGZuO1xuICB9XG5cbiAgc2V0RGlzYWJsZWRTdGF0ZShkaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xuICAgIHRoaXMuZGlzYWJsZWQgPSBkaXNhYmxlZDtcbiAgfVxufVxuIl19
|
|
@@ -1,9 +1,15 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
|
|
2
|
+
import { KitInputMessageType } from '../kit-input-message/kit-input-message.component';
|
|
2
3
|
export var KitSwitchMode;
|
|
3
4
|
(function (KitSwitchMode) {
|
|
4
5
|
KitSwitchMode["SINGLE"] = "single";
|
|
5
6
|
KitSwitchMode["MULTI"] = "multiple";
|
|
6
7
|
})(KitSwitchMode || (KitSwitchMode = {}));
|
|
8
|
+
export var KitSwitchState;
|
|
9
|
+
(function (KitSwitchState) {
|
|
10
|
+
KitSwitchState["REGULAR"] = "regular";
|
|
11
|
+
KitSwitchState["DANGER"] = "danger";
|
|
12
|
+
})(KitSwitchState || (KitSwitchState = {}));
|
|
7
13
|
export class KitSwitchComponent {
|
|
8
14
|
constructor() {
|
|
9
15
|
/**
|
|
@@ -15,6 +21,14 @@ export class KitSwitchComponent {
|
|
|
15
21
|
* defines whether it will be possible to choose several options at time
|
|
16
22
|
*/
|
|
17
23
|
this.mode = KitSwitchMode.SINGLE;
|
|
24
|
+
/**
|
|
25
|
+
* Defines a value which going to be an info message type
|
|
26
|
+
*/
|
|
27
|
+
this.messageType = KitInputMessageType.DEFAULT;
|
|
28
|
+
/**
|
|
29
|
+
* Defines a particular state for the component
|
|
30
|
+
*/
|
|
31
|
+
this.state = KitSwitchState.REGULAR;
|
|
18
32
|
/**
|
|
19
33
|
* emits when an items has been selected
|
|
20
34
|
*/
|
|
@@ -57,10 +71,10 @@ export class KitSwitchComponent {
|
|
|
57
71
|
KitSwitchComponent.decorators = [
|
|
58
72
|
{ type: Component, args: [{
|
|
59
73
|
selector: 'kit-switch',
|
|
60
|
-
template: "<div class=\"kit-switch\">\n <ng-container *ngIf=\"items.length\">\n <label *ngIf=\"label\" class=\"label display-block\"\n [title]=\"label\"\n >{{ label }}</label>\n\n <kendo-buttongroup look=\"outline\" class=\"button-group\"\n [selection]=\"mode\"\n [class.disabled]=\"disabled\">\n <button *ngFor=\"let item of items\" class=\"button\" kendoButton\n [selected]=\"isItemSelected(item)\"\n [togglable]=\"true\"\n [disabled]=\"item.disabled && item.disabled(item)\"\n (selectedChange)=\"onItemSelect($event, item)\">\n <ng-container *ngIf=\"item.title; else icon\">\n {{ item.title }}\n </ng-container>\n\n <ng-template #icon>\n <kit-svg-icon class=\"icon-wrapper\"\n [icon]=\"item.icon\"\n ></kit-svg-icon>\n </ng-template>\n </button>\n </kendo-buttongroup>\n </ng-container>\n</div>\n",
|
|
74
|
+
template: "<div class=\"kit-switch {{ state }}\">\n <ng-container *ngIf=\"items.length\">\n <label *ngIf=\"label\" class=\"label display-block\"\n [title]=\"label\"\n >{{ label }}</label>\n\n <kendo-buttongroup look=\"outline\" class=\"button-group\"\n [selection]=\"mode\"\n [class.disabled]=\"disabled\">\n <button *ngFor=\"let item of items\" class=\"button\" kendoButton\n [selected]=\"isItemSelected(item)\"\n [togglable]=\"true\"\n [disabled]=\"item.disabled && item.disabled(item)\"\n (selectedChange)=\"onItemSelect($event, item)\">\n <ng-container *ngIf=\"item.title; else icon\">\n {{ item.title }}\n </ng-container>\n\n <ng-template #icon>\n <kit-svg-icon class=\"icon-wrapper\"\n [icon]=\"item.icon\"\n ></kit-svg-icon>\n </ng-template>\n </button>\n </kendo-buttongroup>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n </ng-container>\n</div>\n",
|
|
61
75
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
62
76
|
encapsulation: ViewEncapsulation.None,
|
|
63
|
-
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-switch .label{color:#27282a;font-size:13px;font-weight:500;margin-bottom:4px}.kit-switch .button-group{background:#fff;border:1px solid #c1c7d0;border-radius:4px;overflow:hidden}.kit-switch .button-group.disabled{color:#fff;pointer-events:none}.kit-switch .button-group.disabled .button{color:#c1c7d0}.kit-switch .button-group.disabled .icon{stroke:#c1c7d0}.kit-switch .button-group.disabled .button.k-state-selected{background-color:#abcad6;color:#fff}.kit-switch .button.k-button{border:0;border-radius:4px;box-shadow:none;color:var(--theme-color-1,#006890);opacity:1;padding:8px}.kit-switch .button.k-button .icon{fill:none;stroke:var(--theme-color-1,#006890)}.kit-switch .button.k-button.k-state-hover,.kit-switch .button.k-button.k-state-selected,.kit-switch .button.k-button:hover{background-color:var(--theme-color-5,#002a3a);color:#fff}.kit-switch .button.k-button.k-state-hover .icon,.kit-switch .button.k-button.k-state-selected .icon,.kit-switch .button.k-button:hover .icon{stroke:#fff}.kit-switch .button.k-button.k-state-disabled{color:#c1c7d0}.kit-switch .button.k-button.k-state-selected.k-state-disabled{background-color:#abcad6;color:#fff}.kit-switch .icon-wrapper{height:16px;width:16px}"]
|
|
77
|
+
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-switch .label{color:#27282a;font-size:13px;font-weight:500;margin-bottom:4px}.kit-switch .button-group{background:#fff;border:1px solid #c1c7d0;border-radius:4px;overflow:hidden}.kit-switch .button-group.disabled{color:#fff;pointer-events:none}.kit-switch .button-group.disabled .button{color:#c1c7d0}.kit-switch .button-group.disabled .icon{stroke:#c1c7d0}.kit-switch .button-group.disabled .button.k-state-selected{background-color:#abcad6;color:#fff}.kit-switch .button.k-button{border:0;border-radius:4px;box-shadow:none;color:var(--theme-color-1,#006890);opacity:1;padding:8px}.kit-switch .button.k-button .icon{fill:none;stroke:var(--theme-color-1,#006890)}.kit-switch .button.k-button.k-state-hover,.kit-switch .button.k-button.k-state-selected,.kit-switch .button.k-button:hover{background-color:var(--theme-color-5,#002a3a);color:#fff}.kit-switch .button.k-button.k-state-hover .icon,.kit-switch .button.k-button.k-state-selected .icon,.kit-switch .button.k-button:hover .icon{stroke:#fff}.kit-switch .button.k-button.k-state-disabled{color:#c1c7d0}.kit-switch .button.k-button.k-state-selected.k-state-disabled{background-color:#abcad6;color:#fff}.kit-switch .icon-wrapper{height:16px;width:16px}.kit-switch.danger .k-button-group{background:#f8e0e0;border-color:#ef3e42}"]
|
|
64
78
|
},] }
|
|
65
79
|
];
|
|
66
80
|
KitSwitchComponent.propDecorators = {
|
|
@@ -69,6 +83,10 @@ KitSwitchComponent.propDecorators = {
|
|
|
69
83
|
label: [{ type: Input }],
|
|
70
84
|
disabled: [{ type: Input }],
|
|
71
85
|
selection: [{ type: Input }],
|
|
86
|
+
messageIcon: [{ type: Input }],
|
|
87
|
+
messageText: [{ type: Input }],
|
|
88
|
+
messageType: [{ type: Input }],
|
|
89
|
+
state: [{ type: Input }],
|
|
72
90
|
selected: [{ type: Output }]
|
|
73
91
|
};
|
|
74
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
92
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXN3aXRjaC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1zd2l0Y2gva2l0LXN3aXRjaC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUduSCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxrREFBa0QsQ0FBQztBQUV2RixNQUFNLENBQU4sSUFBWSxhQUdYO0FBSEQsV0FBWSxhQUFhO0lBQ3ZCLGtDQUFpQixDQUFBO0lBQ2pCLG1DQUFrQixDQUFBO0FBQ3BCLENBQUMsRUFIVyxhQUFhLEtBQWIsYUFBYSxRQUd4QjtBQVFELE1BQU0sQ0FBTixJQUFZLGNBR1g7QUFIRCxXQUFZLGNBQWM7SUFDeEIscUNBQW1CLENBQUE7SUFDbkIsbUNBQWlCLENBQUE7QUFDbkIsQ0FBQyxFQUhXLGNBQWMsS0FBZCxjQUFjLFFBR3pCO0FBU0QsTUFBTSxPQUFPLGtCQUFrQjtJQVAvQjtRQVFFOzs7V0FHRztRQUNNLFVBQUssR0FBb0IsRUFBRSxDQUFDO1FBRXJDOztXQUVHO1FBQ00sU0FBSSxHQUFrQixhQUFhLENBQUMsTUFBTSxDQUFDO1FBNkJwRDs7V0FFRztRQUNNLGdCQUFXLEdBQXdCLG1CQUFtQixDQUFDLE9BQU8sQ0FBQztRQUV4RTs7V0FFRztRQUNNLFVBQUssR0FBbUIsY0FBYyxDQUFDLE9BQU8sQ0FBQztRQUV4RDs7V0FFRztRQUNPLGFBQVEsR0FBeUMsSUFBSSxZQUFZLEVBQTBCLENBQUM7SUFzQ3hHLENBQUM7SUFwQ0M7Ozs7O09BS0c7SUFDSCxZQUFZLENBQUMsUUFBaUIsRUFBRSxJQUFtQjtRQUNqRCwwRkFBMEY7UUFDMUYsSUFBSSxJQUFJLENBQUMsWUFBWSxFQUFFLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDcEMsT0FBTztTQUNSO1FBRUQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUM7WUFDakIsSUFBSTtZQUNKLFFBQVE7WUFDUixJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUk7U0FDaEIsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVEOzs7O09BSUc7SUFDSCxjQUFjLENBQUMsSUFBbUI7UUFDaEMsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsSUFBSSxJQUFJLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDakUsQ0FBQztJQUVEOzs7O09BSUc7SUFDSyxZQUFZO1FBQ2xCLE9BQU8sSUFBSSxDQUFDLElBQUksS0FBSyxhQUFhLENBQUMsTUFBTSxDQUFDO0lBQzVDLENBQUM7OztZQWhHRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLFlBQVk7Z0JBQ3RCLHF0Q0FBMEM7Z0JBRTFDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2dCQUMvQyxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTs7YUFDdEM7OztvQkFNRSxLQUFLO21CQUtMLEtBQUs7b0JBS0wsS0FBSzt1QkFLTCxLQUFLO3dCQU1MLEtBQUs7MEJBTUwsS0FBSzswQkFLTCxLQUFLOzBCQUtMLEtBQUs7b0JBS0wsS0FBSzt1QkFLTCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgS2l0U3dpdGNoSXRlbSB9IGZyb20gJy4va2l0LXN3aXRjaC1pdGVtLm1vZGVsJztcbmltcG9ydCB7IEtpdFN2Z0ljb24gfSBmcm9tICcuLi9raXQtc3ZnLWljb24va2l0LXN2Zy1pY29uLmNvbnN0JztcbmltcG9ydCB7IEtpdElucHV0TWVzc2FnZVR5cGUgfSBmcm9tICcuLi9raXQtaW5wdXQtbWVzc2FnZS9raXQtaW5wdXQtbWVzc2FnZS5jb21wb25lbnQnO1xuXG5leHBvcnQgZW51bSBLaXRTd2l0Y2hNb2RlIHtcbiAgU0lOR0xFID0gJ3NpbmdsZScsXG4gIE1VTFRJID0gJ211bHRpcGxlJyxcbn1cblxuZXhwb3J0IGludGVyZmFjZSBLaXRTd2l0Y2hJdGVtU2VsZWN0aW9uIHtcbiAgc2VsZWN0ZWQ6IGJvb2xlYW47XG4gIGl0ZW06IEtpdFN3aXRjaEl0ZW07XG4gIG1vZGU6IEtpdFN3aXRjaE1vZGU7XG59XG5cbmV4cG9ydCBlbnVtIEtpdFN3aXRjaFN0YXRlIHtcbiAgUkVHVUxBUiA9ICdyZWd1bGFyJyxcbiAgREFOR0VSID0gJ2RhbmdlcicsXG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2tpdC1zd2l0Y2gnLFxuICB0ZW1wbGF0ZVVybDogJy4va2l0LXN3aXRjaC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2tpdC1zd2l0Y2guY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEtpdFN3aXRjaENvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBpdGVtcyBsaXN0IHdoaWNoIGlzIGdvaW5nIHRvIGJlIHJlbmRlcmVkIGFzIHN3aXRjaCBidXR0b25zXG4gICAqIGVhY2ggb2YgdGhlbSBzaG91bGQgaGF2ZSB1bmlxIHZhbHVlIGJ1dCBub3QgdW5pcSB0aXRsZVxuICAgKi9cbiAgQElucHV0KCkgaXRlbXM6IEtpdFN3aXRjaEl0ZW1bXSA9IFtdO1xuXG4gIC8qKlxuICAgKiBkZWZpbmVzIHdoZXRoZXIgaXQgd2lsbCBiZSBwb3NzaWJsZSB0byBjaG9vc2Ugc2V2ZXJhbCBvcHRpb25zIGF0IHRpbWVcbiAgICovXG4gIEBJbnB1dCgpIG1vZGU6IEtpdFN3aXRjaE1vZGUgPSBLaXRTd2l0Y2hNb2RlLlNJTkdMRTtcblxuICAvKipcbiAgICogYSBsYWJlbCB3aGljaCB3aWxsIGJlIHNob3duIGFib3ZlIHRoZSBzd2l0Y2ggZ3JvdXBcbiAgICovXG4gIEBJbnB1dCgpIGxhYmVsPzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBkZWZpbmVzIHdoZXRoZXIgdGhlIGVudGlyZSBncm91cCB3aWxsIGJlIGRpc2FibGVkIGFuZCB3aWxsIG5vIGhhdmUgYW4gYWJpbGl0eSB0byBiZSBjaGFuZ2VkXG4gICAqL1xuICBASW5wdXQoKSBkaXNhYmxlZD86IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIGRlZmluZXMgd2hhdCB2YWx1ZXMgaGF2ZSB0byBiZSBzZWxlY3RlZFxuICAgKiBpbiBjYXNlIG9mIFwic2luZ2xlXCIgbW9kZSBpdCBzaG91bGQgYmUgb25seSBvbmUgdmFsdWVcbiAgICovXG4gIEBJbnB1dCgpIHNlbGVjdGlvbj86IHN0cmluZ1tdO1xuXG5cbiAgLyoqXG4gICAqIERlZmluZXMgYW4gaWNvbiB3aGljaCB3aWxsIGJlIHVzZWQgdG8gdGhlIGxlZnQgb2YgdGhlIGluZm8gbWVzc2FnZVxuICAgKi9cbiAgQElucHV0KCkgbWVzc2FnZUljb24/OiBLaXRTdmdJY29uO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIGEgdmFsdWUgd2hpY2ggZ29pbmcgdG8gYmUgYW4gaW5mbyBtZXNzYWdlIHRleHRcbiAgICovXG4gIEBJbnB1dCgpIG1lc3NhZ2VUZXh0Pzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIGEgdmFsdWUgd2hpY2ggZ29pbmcgdG8gYmUgYW4gaW5mbyBtZXNzYWdlIHR5cGVcbiAgICovXG4gIEBJbnB1dCgpIG1lc3NhZ2VUeXBlOiBLaXRJbnB1dE1lc3NhZ2VUeXBlID0gS2l0SW5wdXRNZXNzYWdlVHlwZS5ERUZBVUxUO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIGEgcGFydGljdWxhciBzdGF0ZSBmb3IgdGhlIGNvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgc3RhdGU6IEtpdFN3aXRjaFN0YXRlID0gS2l0U3dpdGNoU3RhdGUuUkVHVUxBUjtcblxuICAvKipcbiAgICogZW1pdHMgd2hlbiBhbiBpdGVtcyBoYXMgYmVlbiBzZWxlY3RlZFxuICAgKi9cbiAgQE91dHB1dCgpIHNlbGVjdGVkOiBFdmVudEVtaXR0ZXI8S2l0U3dpdGNoSXRlbVNlbGVjdGlvbj4gPSBuZXcgRXZlbnRFbWl0dGVyPEtpdFN3aXRjaEl0ZW1TZWxlY3Rpb24+KCk7XG5cbiAgLyoqXG4gICAqIG9jY3VycyB3aGVuIGFuIGl0ZW0gaGFzIGJlZW4gc2VsZWN0ZWRcbiAgICpcbiAgICogQHBhcmFtIHNlbGVjdGVkIGZhbHNlIGlmIGEgcHJldmlvdXMgdmFsdWUgY29tZXNcbiAgICogQHBhcmFtIGl0ZW0gYW4gaXRlbSB3aGljaCBpcyBzZWxlY3RlZCBjdXJyZW50bHkgb3IgYSBwcmV2aW91cyBvbmVcbiAgICovXG4gIG9uSXRlbVNlbGVjdChzZWxlY3RlZDogYm9vbGVhbiwgaXRlbTogS2l0U3dpdGNoSXRlbSk6IHZvaWQge1xuICAgIC8vIHdlIGRvbid0IG5lZWQgdG8gZW1pdCBhbiBldmVudCBpbiBjYXNlIGl0J3MgYW4gb2xkIHZhbHVlIGFuZCBcInNpbmdsZVwiIG1vZGUgaXMgdHVybmVkIG9uXG4gICAgaWYgKHRoaXMuaXNTaW5nbGVNb2RlKCkgJiYgIXNlbGVjdGVkKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgdGhpcy5zZWxlY3RlZC5lbWl0KHtcbiAgICAgIGl0ZW0sXG4gICAgICBzZWxlY3RlZCxcbiAgICAgIG1vZGU6IHRoaXMubW9kZSxcbiAgICB9KTtcbiAgfVxuXG4gIC8qKlxuICAgKiByZXR1cm5zIHRydWUgaWYgXCJzZWxlY3Rpb25cIiBpbnB1dCBjb250YWlucyBhIHZhbHVlIGZvciBhbiBpdGVtXG4gICAqXG4gICAqIEBwYXJhbSBpdGVtIGFuIGl0ZW0gZm9yIHdoaWNoIG5lZWQgdG8gY2hlY2sgd2hldGhlciBpdCBuZWVkcyB0byBiZSBzZWxlY3RlZFxuICAgKi9cbiAgaXNJdGVtU2VsZWN0ZWQoaXRlbTogS2l0U3dpdGNoSXRlbSk6IGJvb2xlYW4ge1xuICAgIHJldHVybiAhIXRoaXMuc2VsZWN0aW9uICYmIHRoaXMuc2VsZWN0aW9uLmluY2x1ZGVzKGl0ZW0udmFsdWUpO1xuICB9XG5cbiAgLyoqXG4gICAqIHJldHVybnMgXCJ0cnVlXCIgaW4gY2FzZSB0aGUgbW9kZSBpcyBzZXQgdG8gXCJzaW5nbGVcIlxuICAgKlxuICAgKiBAcHJpdmF0ZVxuICAgKi9cbiAgcHJpdmF0ZSBpc1NpbmdsZU1vZGUoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMubW9kZSA9PT0gS2l0U3dpdGNoTW9kZS5TSU5HTEU7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -3,6 +3,7 @@ import { KitSwitchComponent } from './kit-switch.component';
|
|
|
3
3
|
import { ButtonGroupModule, ButtonModule } from '@progress/kendo-angular-buttons';
|
|
4
4
|
import { CommonModule } from '@angular/common';
|
|
5
5
|
import { KitSvgIconModule } from '../kit-svg-icon/kit-svg-icon.module';
|
|
6
|
+
import { KitInputMessageModule } from '../kit-input-message/kit-input-message.module';
|
|
6
7
|
export class KitSwitchModule {
|
|
7
8
|
}
|
|
8
9
|
KitSwitchModule.decorators = [
|
|
@@ -18,7 +19,8 @@ KitSwitchModule.decorators = [
|
|
|
18
19
|
ButtonModule,
|
|
19
20
|
CommonModule,
|
|
20
21
|
KitSvgIconModule,
|
|
22
|
+
KitInputMessageModule,
|
|
21
23
|
],
|
|
22
24
|
},] }
|
|
23
25
|
];
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXN3aXRjaC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1zd2l0Y2gva2l0LXN3aXRjaC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM1RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsWUFBWSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDbEYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLCtDQUErQyxDQUFDO0FBaUJ0RixNQUFNLE9BQU8sZUFBZTs7O1lBZjNCLFFBQVEsU0FBQztnQkFDUixZQUFZLEVBQUU7b0JBQ1osa0JBQWtCO2lCQUNuQjtnQkFDRCxPQUFPLEVBQUU7b0JBQ1Asa0JBQWtCO2lCQUNuQjtnQkFDRCxPQUFPLEVBQUU7b0JBQ1AsaUJBQWlCO29CQUNqQixZQUFZO29CQUNaLFlBQVk7b0JBQ1osZ0JBQWdCO29CQUNoQixxQkFBcUI7aUJBQ3RCO2FBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgS2l0U3dpdGNoQ29tcG9uZW50IH0gZnJvbSAnLi9raXQtc3dpdGNoLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBCdXR0b25Hcm91cE1vZHVsZSwgQnV0dG9uTW9kdWxlIH0gZnJvbSAnQHByb2dyZXNzL2tlbmRvLWFuZ3VsYXItYnV0dG9ucyc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgS2l0U3ZnSWNvbk1vZHVsZSB9IGZyb20gJy4uL2tpdC1zdmctaWNvbi9raXQtc3ZnLWljb24ubW9kdWxlJztcbmltcG9ydCB7IEtpdElucHV0TWVzc2FnZU1vZHVsZSB9IGZyb20gJy4uL2tpdC1pbnB1dC1tZXNzYWdlL2tpdC1pbnB1dC1tZXNzYWdlLm1vZHVsZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIEtpdFN3aXRjaENvbXBvbmVudCxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIEtpdFN3aXRjaENvbXBvbmVudCxcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIEJ1dHRvbkdyb3VwTW9kdWxlLFxuICAgIEJ1dHRvbk1vZHVsZSxcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgS2l0U3ZnSWNvbk1vZHVsZSxcbiAgICBLaXRJbnB1dE1lc3NhZ2VNb2R1bGUsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEtpdFN3aXRjaE1vZHVsZSB7XG59XG4iXX0=
|
|
@@ -1,5 +1,10 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';
|
|
2
2
|
import { KitInputMessageType } from '../kit-input-message/kit-input-message.component';
|
|
3
|
+
export var KitTextLabelState;
|
|
4
|
+
(function (KitTextLabelState) {
|
|
5
|
+
KitTextLabelState["REGULAR"] = "regular";
|
|
6
|
+
KitTextLabelState["DANGER"] = "danger";
|
|
7
|
+
})(KitTextLabelState || (KitTextLabelState = {}));
|
|
3
8
|
export class KitTextLabelComponent {
|
|
4
9
|
constructor() {
|
|
5
10
|
/**
|
|
@@ -18,15 +23,19 @@ export class KitTextLabelComponent {
|
|
|
18
23
|
* Defines a value which going to be an info message type
|
|
19
24
|
*/
|
|
20
25
|
this.messageType = KitInputMessageType.HINT;
|
|
26
|
+
/**
|
|
27
|
+
* Defines a particular state for the component
|
|
28
|
+
*/
|
|
29
|
+
this.state = KitTextLabelState.REGULAR;
|
|
21
30
|
}
|
|
22
31
|
}
|
|
23
32
|
KitTextLabelComponent.decorators = [
|
|
24
33
|
{ type: Component, args: [{
|
|
25
34
|
selector: 'kit-text-label',
|
|
26
|
-
template: "<div class=\"kit-text-label\" tabindex=\"0\" [class.text-label-empty]=\"!value\">\n <kendo-label *ngIf=\"value\" [text]=\"label\"></kendo-label>\n <kendo-label *ngIf=\"!value\" [text]=\"noValueMessage || label\"></kendo-label>\n <div *ngIf=\"!htmlMode; else htmlModeTemplate\" class=\"value\">{{ value }}</div>\n <ng-template #htmlModeTemplate>\n <div class=\"value\" [innerHTML]=\"value\"></div>\n </ng-template>\n <kit-input-message *ngIf=\"messageText && value\"\n [type]=\"messageType\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n",
|
|
35
|
+
template: "<div class=\"kit-text-label {{ state }}\" tabindex=\"0\" [class.text-label-empty]=\"!value\">\n <kendo-label *ngIf=\"value\" [text]=\"label\"></kendo-label>\n <kendo-label *ngIf=\"!value\" [text]=\"noValueMessage || label\"></kendo-label>\n <div *ngIf=\"!htmlMode; else htmlModeTemplate\" class=\"value\">{{ value }}</div>\n <ng-template #htmlModeTemplate>\n <div class=\"value\" [innerHTML]=\"value\"></div>\n </ng-template>\n <kit-input-message *ngIf=\"messageText && value\"\n [type]=\"messageType\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n",
|
|
27
36
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
28
37
|
encapsulation: ViewEncapsulation.None,
|
|
29
|
-
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-text-label{background:#fff;border:1px solid transparent;border-radius:4px;display:inline-block;outline:none;padding:6px 4px 4px}.kit-text-label:focus{border-color:#006890;box-shadow:0 0 0 3px #e7f4ec}.kit-text-label .k-label{color:#27282a;display:block;font-size:13px;font-weight:500;margin-bottom:4px}.kit-text-label .value{border-radius:4px;color:#27282a;font-size:14px;font-weight:400}.kit-text-label.text-label-empty .value{background:#f3f4f6;height:22px;min-width:112px}"]
|
|
38
|
+
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-text-label{background:#fff;border:1px solid transparent;border-radius:4px;display:inline-block;outline:none;padding:6px 4px 4px}.kit-text-label:focus{border-color:#006890;box-shadow:0 0 0 3px #e7f4ec}.kit-text-label .k-label{color:#27282a;display:block;font-size:13px;font-weight:500;margin-bottom:4px}.kit-text-label .value{border-radius:4px;color:#27282a;font-size:14px;font-weight:400}.kit-text-label.text-label-empty .value{background:#f3f4f6;height:22px;min-width:112px}.kit-text-label.danger{background:#f8e0e0;border-color:#ef3e42}"]
|
|
30
39
|
},] }
|
|
31
40
|
];
|
|
32
41
|
KitTextLabelComponent.propDecorators = {
|
|
@@ -35,6 +44,7 @@ KitTextLabelComponent.propDecorators = {
|
|
|
35
44
|
htmlMode: [{ type: Input }],
|
|
36
45
|
noValueMessage: [{ type: Input }],
|
|
37
46
|
messageText: [{ type: Input }],
|
|
38
|
-
messageType: [{ type: Input }]
|
|
47
|
+
messageType: [{ type: Input }],
|
|
48
|
+
state: [{ type: Input }]
|
|
39
49
|
};
|
|
40
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
50
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXRleHQtbGFiZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9raXQtdGV4dC1sYWJlbC9raXQtdGV4dC1sYWJlbC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDN0YsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFFdkYsTUFBTSxDQUFOLElBQVksaUJBR1g7QUFIRCxXQUFZLGlCQUFpQjtJQUMzQix3Q0FBbUIsQ0FBQTtJQUNuQixzQ0FBaUIsQ0FBQTtBQUNuQixDQUFDLEVBSFcsaUJBQWlCLEtBQWpCLGlCQUFpQixRQUc1QjtBQVNELE1BQU0sT0FBTyxxQkFBcUI7SUFQbEM7UUFRRTs7V0FFRztRQUNNLFVBQUssR0FBVyxFQUFFLENBQUM7UUFFNUI7O1dBRUc7UUFDTSxVQUFLLEdBQVcsRUFBRSxDQUFDO1FBRTVCOztXQUVHO1FBQ00sYUFBUSxHQUFZLEtBQUssQ0FBQztRQVluQzs7V0FFRztRQUNNLGdCQUFXLEdBQXdCLG1CQUFtQixDQUFDLElBQUksQ0FBQztRQUVyRTs7V0FFRztRQUNNLFVBQUssR0FBc0IsaUJBQWlCLENBQUMsT0FBTyxDQUFDO0lBQ2hFLENBQUM7OztZQTFDQSxTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGdCQUFnQjtnQkFDMUIsa25CQUE4QztnQkFFOUMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07Z0JBQy9DLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJOzthQUN0Qzs7O29CQUtFLEtBQUs7b0JBS0wsS0FBSzt1QkFLTCxLQUFLOzZCQUtMLEtBQUs7MEJBS0wsS0FBSzswQkFLTCxLQUFLO29CQUtMLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEtpdElucHV0TWVzc2FnZVR5cGUgfSBmcm9tICcuLi9raXQtaW5wdXQtbWVzc2FnZS9raXQtaW5wdXQtbWVzc2FnZS5jb21wb25lbnQnO1xuXG5leHBvcnQgZW51bSBLaXRUZXh0TGFiZWxTdGF0ZSB7XG4gIFJFR1VMQVIgPSAncmVndWxhcicsXG4gIERBTkdFUiA9ICdkYW5nZXInLFxufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdraXQtdGV4dC1sYWJlbCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9raXQtdGV4dC1sYWJlbC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2tpdC10ZXh0LWxhYmVsLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBLaXRUZXh0TGFiZWxDb21wb25lbnQge1xuICAvKipcbiAgICogRGVmaW5lcyBhIHZhbHVlIHRoYXQgaXMgZ29pbmcgdG8gYmUgYXBwbGllZCBhcyBhIGxhYmVsIHRvcCB0ZXh0XG4gICAqL1xuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nID0gJyc7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgYSB2YWx1ZSB0aGF0IGlzIGdvaW5nIHRvIGJlIGFwcGxpZWQgYXMgYSBsYWJlbCBtYWluIHRleHRcbiAgICovXG4gIEBJbnB1dCgpIHZhbHVlOiBzdHJpbmcgPSAnJztcblxuICAvKipcbiAgICogRGVmaW5lcyB3aGV0aGVyIHRoZSBtZXNzYWdlIHdpbGwgYmUgZGlzcGxheWVkIGFzIEhUTUwgKGluY2x1ZGluZyByZW5kZXJpbmcgSFRNTCB0YWdzKVxuICAgKi9cbiAgQElucHV0KCkgaHRtbE1vZGU6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKipcbiAgICogRGVmaW5lcyBhIHZhbHVlIHRoYXQgaXMgZ29pbmcgdG8gYmUgYXBwbGllZCBhcyBhIGxhYmVsIHRvcCB0ZXh0IGluIGNhc2Ugd2hlbiBubyB2YWx1ZSBwYXNzZWRcbiAgICovXG4gIEBJbnB1dCgpIG5vVmFsdWVNZXNzYWdlPzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIGEgdmFsdWUgd2hpY2ggZ29pbmcgdG8gYmUgYXMgYSBsYWJlbCBpbmZvIG1lc3NhZ2UgdGV4dFxuICAgKi9cbiAgQElucHV0KCkgbWVzc2FnZVRleHQ/OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgYSB2YWx1ZSB3aGljaCBnb2luZyB0byBiZSBhbiBpbmZvIG1lc3NhZ2UgdHlwZVxuICAgKi9cbiAgQElucHV0KCkgbWVzc2FnZVR5cGU6IEtpdElucHV0TWVzc2FnZVR5cGUgPSBLaXRJbnB1dE1lc3NhZ2VUeXBlLkhJTlQ7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgYSBwYXJ0aWN1bGFyIHN0YXRlIGZvciB0aGUgY29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBzdGF0ZTogS2l0VGV4dExhYmVsU3RhdGUgPSBLaXRUZXh0TGFiZWxTdGF0ZS5SRUdVTEFSO1xufVxuIl19
|
|
@@ -1,5 +1,10 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, EventEmitter, forwardRef, Input, Output, ViewEncapsulation
|
|
1
|
+
import { ChangeDetectionStrategy, Component, EventEmitter, forwardRef, Input, Output, ViewEncapsulation } from '@angular/core';
|
|
2
2
|
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
|
+
export var KitTextareaState;
|
|
4
|
+
(function (KitTextareaState) {
|
|
5
|
+
KitTextareaState["REGULAR"] = "regular";
|
|
6
|
+
KitTextareaState["DANGER"] = "danger";
|
|
7
|
+
})(KitTextareaState || (KitTextareaState = {}));
|
|
3
8
|
export class KitTextareaComponent {
|
|
4
9
|
constructor() {
|
|
5
10
|
/**
|
|
@@ -10,6 +15,10 @@ export class KitTextareaComponent {
|
|
|
10
15
|
* Defines a state whether the textarea will be disabled or not
|
|
11
16
|
*/
|
|
12
17
|
this.disabled = false;
|
|
18
|
+
/**
|
|
19
|
+
* Defines a particular state for the component
|
|
20
|
+
*/
|
|
21
|
+
this.state = KitTextareaState.REGULAR;
|
|
13
22
|
/**
|
|
14
23
|
* An action which is emitted when textarea field received focus
|
|
15
24
|
*/
|
|
@@ -82,7 +91,7 @@ export class KitTextareaComponent {
|
|
|
82
91
|
KitTextareaComponent.decorators = [
|
|
83
92
|
{ type: Component, args: [{
|
|
84
93
|
selector: 'kit-textarea',
|
|
85
|
-
template: "<div class=\"kit-textarea\" [class.textarea-disabled]=\"disabled\">\n <kendo-label *ngIf=\"label\" [text]=\"label\" [for]=\"textarea\"></kendo-label>\n <textarea autoresize #textarea class=\"k-input\"\n [attr.placeholder]=\"placeholder\"\n [style.min-height.px]=\"minHeight\"\n [style.max-height.px]=\"maxHeight\"\n [attr.maxlength]=\"maxlength\"\n [disabled]=\"disabled\"\n [value]=\"defaultValue\"\n (focus)=\"onTextareaFocus()\"\n (blur)=\"onTextareaBlur()\"\n (input)=\"onTextareaChange($event)\"\n ></textarea>\n <kit-input-message *ngIf=\"messageText\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n",
|
|
94
|
+
template: "<div class=\"kit-textarea {{ state }}\" [class.textarea-disabled]=\"disabled\">\n <kendo-label *ngIf=\"label\" [text]=\"label\" [for]=\"textarea\"></kendo-label>\n <textarea autoresize #textarea class=\"k-input\"\n [attr.placeholder]=\"placeholder\"\n [style.min-height.px]=\"minHeight\"\n [style.max-height.px]=\"maxHeight\"\n [attr.maxlength]=\"maxlength\"\n [disabled]=\"disabled\"\n [value]=\"defaultValue\"\n (focus)=\"onTextareaFocus()\"\n (blur)=\"onTextareaBlur()\"\n (input)=\"onTextareaChange($event)\"\n ></textarea>\n <kit-input-message *ngIf=\"messageText\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n",
|
|
86
95
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
87
96
|
encapsulation: ViewEncapsulation.None,
|
|
88
97
|
providers: [{
|
|
@@ -90,7 +99,7 @@ KitTextareaComponent.decorators = [
|
|
|
90
99
|
useExisting: forwardRef(() => KitTextareaComponent),
|
|
91
100
|
multi: true,
|
|
92
101
|
}],
|
|
93
|
-
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-textarea .k-label{color:#27282a;display:block;font-size:13px;font-weight:500;margin-bottom:4px}.kit-textarea .k-input{background:#fff;border:1px solid #c1c7d0;border-radius:4px;box-sizing:border-box;color:#27282a;font-size:14px;line-height:1.2;min-height:34px;overflow:auto;padding:8px;resize:none;width:100%}.kit-textarea .k-input::-moz-placeholder{color:#74777d}.kit-textarea .k-input:-ms-input-placeholder{color:#74777d}.kit-textarea .k-input::placeholder{color:#74777d}.kit-textarea .k-input:focus{border-color:#006890}.kit-textarea .k-input:disabled{background:#f3f4f6;color:#9a9fa6}.kit-textarea .k-input:disabled::-moz-placeholder{color:#9a9fa6}.kit-textarea .k-input:disabled:-ms-input-placeholder{color:#9a9fa6}.kit-textarea .k-input:disabled::placeholder{color:#9a9fa6}.kit-textarea.textarea-disabled .k-label{color:#74777d}"]
|
|
102
|
+
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-textarea .k-label{color:#27282a;display:block;font-size:13px;font-weight:500;margin-bottom:4px}.kit-textarea .k-input{background:#fff;border:1px solid #c1c7d0;border-radius:4px;box-sizing:border-box;color:#27282a;font-size:14px;line-height:1.2;min-height:34px;overflow:auto;padding:8px;resize:none;width:100%}.kit-textarea .k-input::-moz-placeholder{color:#74777d}.kit-textarea .k-input:-ms-input-placeholder{color:#74777d}.kit-textarea .k-input::placeholder{color:#74777d}.kit-textarea .k-input:focus{border-color:#006890}.kit-textarea .k-input:disabled{background:#f3f4f6;color:#9a9fa6}.kit-textarea .k-input:disabled::-moz-placeholder{color:#9a9fa6}.kit-textarea .k-input:disabled:-ms-input-placeholder{color:#9a9fa6}.kit-textarea .k-input:disabled::placeholder{color:#9a9fa6}.kit-textarea.textarea-disabled .k-label{color:#74777d}.kit-textarea.danger .k-input{background:#f8e0e0;border-color:#ef3e42}"]
|
|
94
103
|
},] }
|
|
95
104
|
];
|
|
96
105
|
KitTextareaComponent.propDecorators = {
|
|
@@ -103,8 +112,9 @@ KitTextareaComponent.propDecorators = {
|
|
|
103
112
|
disabled: [{ type: Input }],
|
|
104
113
|
messageIcon: [{ type: Input }],
|
|
105
114
|
messageText: [{ type: Input }],
|
|
115
|
+
state: [{ type: Input }],
|
|
106
116
|
focused: [{ type: Output }],
|
|
107
117
|
blured: [{ type: Output }],
|
|
108
118
|
changed: [{ type: Output }]
|
|
109
119
|
};
|
|
110
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
120
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXRleHRhcmVhLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMva2l0LXRleHRhcmVhL2tpdC10ZXh0YXJlYS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBYSxNQUFNLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUksT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBR3pFLE1BQU0sQ0FBTixJQUFZLGdCQUdYO0FBSEQsV0FBWSxnQkFBZ0I7SUFDMUIsdUNBQW1CLENBQUE7SUFDbkIscUNBQWlCLENBQUE7QUFDbkIsQ0FBQyxFQUhXLGdCQUFnQixLQUFoQixnQkFBZ0IsUUFHM0I7QUFjRCxNQUFNLE9BQU8sb0JBQW9CO0lBWmpDO1FBdUJFOztXQUVHO1FBQ00saUJBQVksR0FBWSxFQUFFLENBQUM7UUFtQnBDOztXQUVHO1FBQ00sYUFBUSxHQUFZLEtBQUssQ0FBQztRQWFuQzs7V0FFRztRQUNNLFVBQUssR0FBcUIsZ0JBQWdCLENBQUMsT0FBTyxDQUFDO1FBWTVEOztXQUVHO1FBQ08sWUFBTyxHQUF1QixJQUFJLFlBQVksRUFBUSxDQUFDO1FBRWpFOztXQUVHO1FBQ08sV0FBTSxHQUF1QixJQUFJLFlBQVksRUFBUSxDQUFDO1FBRWhFOztXQUVHO1FBQ08sWUFBTyxHQUF5QixJQUFJLFlBQVksRUFBVSxDQUFDO1FBa0JyRTs7V0FFRztRQUNILGFBQVEsR0FBRyxDQUFDLEtBQWEsRUFBUSxFQUFFO1FBQ25DLENBQUMsQ0FBQztRQUVGOztXQUVHO1FBQ0gsY0FBUyxHQUFHLEdBQVMsRUFBRTtRQUN2QixDQUFDLENBQUM7SUEwQ0osQ0FBQztJQXBFQyxXQUFXO1FBQ1QsSUFBSSxDQUFDLG1CQUFtQixFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUVEOztPQUVHO0lBQ0gsbUJBQW1CO1FBQ2pCLE1BQU0sUUFBUSxHQUFXLEVBQUUsRUFDekIsVUFBVSxHQUFXLEdBQUcsRUFDeEIsT0FBTyxHQUFXLEVBQUUsQ0FBQztRQUV2QixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLFFBQVEsR0FBRyxRQUFRLEdBQUcsVUFBVSxHQUFHLE9BQU8sQ0FBQztRQUNsRixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLFFBQVEsR0FBRyxRQUFRLEdBQUcsVUFBVSxHQUFHLE9BQU8sQ0FBQztJQUNwRixDQUFDO0lBY0QsVUFBVSxDQUFDLEtBQWE7UUFDdEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNyQixJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQztJQUM1QixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsRUFBdUI7UUFDdEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELGlCQUFpQixDQUFDLEVBQWM7UUFDOUIsSUFBSSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVELGdCQUFnQixDQUFDLFFBQWlCO1FBQ2hDLElBQUksQ0FBQyxRQUFRLEdBQUcsUUFBUSxDQUFDO0lBQzNCLENBQUM7SUFFRDs7T0FFRztJQUNILGVBQWU7UUFDYixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRDs7T0FFRztJQUNILGNBQWM7UUFDWixJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7UUFDakIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQ7O09BRUc7SUFDSCxnQkFBZ0IsQ0FBQyxLQUFZO1FBQzNCLE1BQU0sTUFBTSxHQUF3QyxLQUFLLENBQUMsTUFBTSxDQUFDO1FBQ2pFLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzVCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNsQyxDQUFDOzs7WUE5SkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxjQUFjO2dCQUN4Qiw2eUJBQTRDO2dCQUU1QyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtnQkFDL0MsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7Z0JBQ3JDLFNBQVMsRUFBRSxDQUFDO3dCQUNWLE9BQU8sRUFBRSxpQkFBaUI7d0JBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsb0JBQW9CLENBQUM7d0JBQ25ELEtBQUssRUFBRSxJQUFJO3FCQUNaLENBQUM7O2FBQ0g7OzswQkFLRSxLQUFLO29CQUtMLEtBQUs7MkJBS0wsS0FBSzt3QkFLTCxLQUFLO3VCQU1MLEtBQUs7dUJBTUwsS0FBSzt1QkFLTCxLQUFLOzBCQUtMLEtBQUs7MEJBS0wsS0FBSztvQkFNTCxLQUFLO3NCQWVMLE1BQU07cUJBS04sTUFBTTtzQkFLTixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBmb3J3YXJkUmVmLCBJbnB1dCwgT25DaGFuZ2VzLCBPdXRwdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBLaXRTdmdJY29uIH0gZnJvbSAnLi4va2l0LXN2Zy1pY29uL2tpdC1zdmctaWNvbi5jb25zdCc7XG5cbmV4cG9ydCBlbnVtIEtpdFRleHRhcmVhU3RhdGUge1xuICBSRUdVTEFSID0gJ3JlZ3VsYXInLFxuICBEQU5HRVIgPSAnZGFuZ2VyJyxcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAna2l0LXRleHRhcmVhJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2tpdC10ZXh0YXJlYS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2tpdC10ZXh0YXJlYS5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgcHJvdmlkZXJzOiBbe1xuICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IEtpdFRleHRhcmVhQ29tcG9uZW50KSxcbiAgICBtdWx0aTogdHJ1ZSxcbiAgfV0sXG59KVxuZXhwb3J0IGNsYXNzIEtpdFRleHRhcmVhQ29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE9uQ2hhbmdlcyB7XG4gIC8qKlxuICAgKiBEZWZpbmVzIGEgdmFsdWUgdGhhdCBpcyBnb2luZyB0byBiZSBhcHBsaWVkIGFzIGEgdGV4dGFyZWEgcGxhY2Vob2xkZXJcbiAgICovXG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyPzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIGEgdmFsdWUgdGhhdCBpcyBnb2luZyB0byBiZSBhcHBsaWVkIGFzIGEgdGV4dGFyZWEgbGFiZWxcbiAgICovXG4gIEBJbnB1dCgpIGxhYmVsPzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIGEgdmFsdWUgdGhhdCBpcyBnb2luZyB0byBiZSBhcHBsaWVkIGFzIGEgZGVmYXVsdCB0ZXh0YXJlYSB2YWx1ZVxuICAgKi9cbiAgQElucHV0KCkgZGVmYXVsdFZhbHVlPzogc3RyaW5nID0gJyc7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgYSB2YWx1ZSB0aGF0IHdpbGwgZGV0ZXJtaW5lIHRoZSBtYXhpbXVtIG51bWJlciBvZiBjaGFyYWN0ZXJzIGluIHRoZSB0ZXh0YXJlYSBmaWVsZFxuICAgKi9cbiAgQElucHV0KCkgbWF4bGVuZ3RoPzogbnVtYmVyO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIGEgdmFsdWUgdGhhdCBpcyBnb2luZyB0byBiZSBhcHBsaWVkIGFzIGEgbWluaW1hbCBudW1iZXIgb2YgdmlzaWJsZSB0ZXh0IGxpbmVzIGluXG4gICAqIHRoZSB0ZXh0YXJlYSBmaWVsZFxuICAgKi9cbiAgQElucHV0KCkgbWluTGluZXM/OiBudW1iZXI7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgYSB2YWx1ZSB0aGF0IGlzIGdvaW5nIHRvIGJlIGFwcGxpZWQgYXMgYSBtYXhpbWFsIG51bWJlciBvZiB2aXNpYmxlIHRleHQgbGluZXMgaW5cbiAgICogdGhlIHRleHRhcmVhIGZpZWxkXG4gICAqL1xuICBASW5wdXQoKSBtYXhMaW5lcz86IG51bWJlcjtcblxuICAvKipcbiAgICogRGVmaW5lcyBhIHN0YXRlIHdoZXRoZXIgdGhlIHRleHRhcmVhIHdpbGwgYmUgZGlzYWJsZWQgb3Igbm90XG4gICAqL1xuICBASW5wdXQoKSBkaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIGFuIGljb24gd2hpY2ggd2lsbCBiZSB1c2VkIHRvIHRoZSBsZWZ0IG9mIHRoZSBpbmZvIG1lc3NhZ2VcbiAgICovXG4gIEBJbnB1dCgpIG1lc3NhZ2VJY29uPzogS2l0U3ZnSWNvbjtcblxuICAvKipcbiAgICogRGVmaW5lcyBhIHZhbHVlIHdoaWNoIGdvaW5nIHRvIGJlIGFuIGluZm8gbWVzc2FnZSB0ZXh0XG4gICAqL1xuICBASW5wdXQoKSBtZXNzYWdlVGV4dD86IHN0cmluZztcblxuXG4gIC8qKlxuICAgKiBEZWZpbmVzIGEgcGFydGljdWxhciBzdGF0ZSBmb3IgdGhlIGNvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgc3RhdGU6IEtpdFRleHRhcmVhU3RhdGUgPSBLaXRUZXh0YXJlYVN0YXRlLlJFR1VMQVI7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgYSB2YWx1ZSB0aGF0IGlzIGdvaW5nIHRvIGJlIGFwcGxpZWQgYXMgYSBtaW5pbWFsIHRleHRhcmVhIGhlaWdodFxuICAgKi9cbiAgbWluSGVpZ2h0PzogbnVtYmVyO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIGEgdmFsdWUgdGhhdCBpcyBnb2luZyB0byBiZSBhcHBsaWVkIGFzIGEgbWF4aW1hbCB0ZXh0YXJlYSBoZWlnaHRcbiAgICovXG4gIG1heEhlaWdodD86IG51bWJlcjtcblxuICAvKipcbiAgICogQW4gYWN0aW9uIHdoaWNoIGlzIGVtaXR0ZWQgd2hlbiB0ZXh0YXJlYSBmaWVsZCByZWNlaXZlZCBmb2N1c1xuICAgKi9cbiAgQE91dHB1dCgpIGZvY3VzZWQ6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICAvKipcbiAgICogQW4gYWN0aW9uIHdoaWNoIGlzIGVtaXR0ZWQgd2hlbiB0ZXh0YXJlYSBmaWVsZCBsb3N0IGZvY3VzXG4gICAqL1xuICBAT3V0cHV0KCkgYmx1cmVkOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgLyoqXG4gICAqIEFuIGFjdGlvbiB3aGljaCBpcyBlbWl0dGVkIHdoZW4gdGV4dGFyZWEgdmFsdWUgY2hhbmdlZFxuICAgKi9cbiAgQE91dHB1dCgpIGNoYW5nZWQ6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgbmdPbkNoYW5nZXMoKTogdm9pZCB7XG4gICAgdGhpcy5jYWxjdWxhdGVMaW5lSGVpZ2h0KCk7XG4gIH1cblxuICAvKipcbiAgICogRnVuY3Rpb24gdGhhdCBzaG91bGQgYmUgY2FsbGVkIGV2ZXJ5IHRpbWUgdmFsdWVzIG9mIG1pbkxpbmVzIGFuZCBtYXhMaW5lcyBjaGFuZ2VzXG4gICAqL1xuICBjYWxjdWxhdGVMaW5lSGVpZ2h0KCk6IHZvaWQge1xuICAgIGNvbnN0IGZvbnRTaXplOiBudW1iZXIgPSAxNCxcbiAgICAgIGxpbmVIZWlnaHQ6IG51bWJlciA9IDEuMixcbiAgICAgIHBhZGRpbmc6IG51bWJlciA9IDE2O1xuXG4gICAgdGhpcy5taW5IZWlnaHQgPSB0aGlzLm1pbkxpbmVzICYmIHRoaXMubWluTGluZXMgKiBmb250U2l6ZSAqIGxpbmVIZWlnaHQgKyBwYWRkaW5nO1xuICAgIHRoaXMubWF4SGVpZ2h0ID0gdGhpcy5tYXhMaW5lcyAmJiB0aGlzLm1heExpbmVzICogZm9udFNpemUgKiBsaW5lSGVpZ2h0ICsgcGFkZGluZztcbiAgfVxuXG4gIC8qKlxuICAgKiBGdW5jdGlvbiB0aGF0IHNob3VsZCBiZSBjYWxsZWQgZXZlcnkgdGltZSB0aGUgZm9ybSBjb250cm9sIHZhbHVlIGNoYW5nZXNcbiAgICovXG4gIG9uQ2hhbmdlID0gKHZhbHVlOiBzdHJpbmcpOiB2b2lkID0+IHtcbiAgfTtcblxuICAvKipcbiAgICogRnVuY3Rpb24gdGhhdCBzaG91bGQgYmUgY2FsbGVkIHdoZW4gdGV4dGFyZWEgbG9zdCBmb2N1cyBhbmQgY2hhbmdlZCBmb3JtIGNvbnRyb2wgc3RhdGUgdG8gXCJ0b3VjaGVkXCJcbiAgICovXG4gIG9uVG91Y2hlZCA9ICgpOiB2b2lkID0+IHtcbiAgfTtcblxuICB3cml0ZVZhbHVlKHZhbHVlOiBzdHJpbmcpOiB2b2lkIHtcbiAgICB0aGlzLm9uQ2hhbmdlKHZhbHVlKTtcbiAgICB0aGlzLmRlZmF1bHRWYWx1ZSA9IHZhbHVlO1xuICB9XG5cbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogKF86IHN0cmluZykgPT4gdm9pZCk6IHZvaWQge1xuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgfVxuXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiAoKSA9PiB2b2lkKTogdm9pZCB7XG4gICAgdGhpcy5vblRvdWNoZWQgPSBmbjtcbiAgfVxuXG4gIHNldERpc2FibGVkU3RhdGUoZGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLmRpc2FibGVkID0gZGlzYWJsZWQ7XG4gIH1cblxuICAvKipcbiAgICogRnVuY3Rpb24gdGhhdCBpcyBjYWxsZWQgd2hlbiB0ZXh0YXJlYSBmaWVsZCByZWNlaXZlZCBmb2N1c1xuICAgKi9cbiAgb25UZXh0YXJlYUZvY3VzKCk6IHZvaWQge1xuICAgIHRoaXMuZm9jdXNlZC5lbWl0KCk7XG4gIH1cblxuICAvKipcbiAgICogRnVuY3Rpb24gdGhhdCBpcyBjYWxsZWQgd2hlbiB0ZXh0YXJlYSBmaWVsZCBsb3N0IGZvY3VzXG4gICAqL1xuICBvblRleHRhcmVhQmx1cigpOiB2b2lkIHtcbiAgICB0aGlzLm9uVG91Y2hlZCgpO1xuICAgIHRoaXMuYmx1cmVkLmVtaXQoKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBGdW5jdGlvbiB0aGF0IGlzIGNhbGxlZCB3aGVuIHRleHRhcmVhIHZhbHVlIGNoYW5nZWRcbiAgICovXG4gIG9uVGV4dGFyZWFDaGFuZ2UoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgY29uc3QgdGFyZ2V0OiBIVE1MSW5wdXRFbGVtZW50ID0gPEhUTUxJbnB1dEVsZW1lbnQ+IGV2ZW50LnRhcmdldDtcbiAgICB0aGlzLm9uQ2hhbmdlKHRhcmdldC52YWx1ZSk7XG4gICAgdGhpcy5jaGFuZ2VkLmVtaXQodGFyZ2V0LnZhbHVlKTtcbiAgfVxufVxuIl19
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, EventEmitter, forwardRef, Input, Output, ViewEncapsulation } from '@angular/core';
|
|
2
|
+
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
|
+
import { KitInputMessageType } from '../kit-input-message/kit-input-message.component';
|
|
4
|
+
export class KitToggleComponent {
|
|
5
|
+
constructor() {
|
|
6
|
+
/**
|
|
7
|
+
* Defines whether the component will be in disabled state
|
|
8
|
+
*/
|
|
9
|
+
this.disabled = false;
|
|
10
|
+
/**
|
|
11
|
+
* Defines a default value
|
|
12
|
+
*/
|
|
13
|
+
this.defaultChecked = false;
|
|
14
|
+
/**
|
|
15
|
+
* Defines a value which going to be an info message type
|
|
16
|
+
*/
|
|
17
|
+
this.messageType = KitInputMessageType.DEFAULT;
|
|
18
|
+
/**
|
|
19
|
+
* Occurs as soon as toggle state is changed
|
|
20
|
+
*/
|
|
21
|
+
this.changed = new EventEmitter();
|
|
22
|
+
/**
|
|
23
|
+
* Function that should be called every time the form control value changes
|
|
24
|
+
*/
|
|
25
|
+
this.onChange = (value) => {
|
|
26
|
+
};
|
|
27
|
+
/**
|
|
28
|
+
* Function that should be called when input lost focus and changed form control state to "touched"
|
|
29
|
+
*/
|
|
30
|
+
this.onTouched = () => {
|
|
31
|
+
};
|
|
32
|
+
}
|
|
33
|
+
/**
|
|
34
|
+
* Function that is called when toggle state changed
|
|
35
|
+
*/
|
|
36
|
+
onInputStateChange(checked) {
|
|
37
|
+
this.onChange(checked);
|
|
38
|
+
this.changed.emit(checked);
|
|
39
|
+
}
|
|
40
|
+
registerOnChange(fn) {
|
|
41
|
+
this.onChange = fn;
|
|
42
|
+
}
|
|
43
|
+
registerOnTouched(fn) {
|
|
44
|
+
this.onTouched = fn;
|
|
45
|
+
}
|
|
46
|
+
writeValue(value) {
|
|
47
|
+
this.onChange(value);
|
|
48
|
+
this.defaultChecked = value;
|
|
49
|
+
}
|
|
50
|
+
setDisabledState(disabled) {
|
|
51
|
+
this.disabled = disabled;
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
KitToggleComponent.decorators = [
|
|
55
|
+
{ type: Component, args: [{
|
|
56
|
+
selector: 'kit-toggle',
|
|
57
|
+
template: "<div class=\"kit-toggle\">\n <div class=\"display-flex flex-align-items-center\">\n <kendo-switch [checked]=\"defaultChecked\"\n [disabled]=\"disabled\"\n (valueChange)=\"onInputStateChange($event)\"\n ></kendo-switch>\n <kendo-label class=\"label\" [text]=\"label\"></kendo-label>\n </div>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n",
|
|
58
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
59
|
+
encapsulation: ViewEncapsulation.None,
|
|
60
|
+
providers: [{
|
|
61
|
+
provide: NG_VALUE_ACCESSOR,
|
|
62
|
+
useExisting: forwardRef(() => KitToggleComponent),
|
|
63
|
+
multi: true,
|
|
64
|
+
}],
|
|
65
|
+
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{color:#27282a;font-size:14px;font-weight:400;margin-left:20px}.kit-toggle .k-switch-container{align-items:center;background:#fff;border:2px solid;border-radius:20px;box-shadow:none;display:flex;width:100%}.kit-toggle .k-switch-handle{border:none;height:8px;width:8px}.kit-toggle .k-switch-label-off,.kit-toggle .k-switch-label-on{display:none}.kit-toggle .k-state-focused .k-switch-container{box-shadow:none}.kit-toggle .k-switch-off .k-switch-container{border-color:#c1c7d0}.kit-toggle .k-switch-off .k-switch-handle{background:#c1c7d0;left:2px}.kit-toggle .k-switch-on .k-switch-container{background:#fff;border-color:#006890}.kit-toggle .k-switch-on .k-switch-handle{background:#006890;left:calc(100% - 10px)}.kit-toggle .k-switch{height:16px;width:32px}.kit-toggle .k-switch .k-switch-container:hover{box-shadow:none}.kit-toggle .k-state-disabled{opacity:1}.kit-toggle .k-state-disabled.k-switch-off .k-switch-container{border-color:#e6e9ec}.kit-toggle .k-state-disabled.k-switch-off .k-switch-handle{background:#e6e9ec}.kit-toggle .k-state-disabled.k-switch-on .k-switch-container{border-color:#cce1e9}.kit-toggle .k-state-disabled.k-switch-on .k-switch-handle{background:#cce1e9}"]
|
|
66
|
+
},] }
|
|
67
|
+
];
|
|
68
|
+
KitToggleComponent.propDecorators = {
|
|
69
|
+
label: [{ type: Input }],
|
|
70
|
+
disabled: [{ type: Input }],
|
|
71
|
+
defaultChecked: [{ type: Input }],
|
|
72
|
+
messageIcon: [{ type: Input }],
|
|
73
|
+
messageText: [{ type: Input }],
|
|
74
|
+
messageType: [{ type: Input }],
|
|
75
|
+
changed: [{ type: Output }]
|
|
76
|
+
};
|
|
77
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXRvZ2dsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC10b2dnbGUva2l0LXRvZ2dsZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDL0gsT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRXpFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGtEQUFrRCxDQUFDO0FBY3ZGLE1BQU0sT0FBTyxrQkFBa0I7SUFaL0I7UUFrQkU7O1dBRUc7UUFDTSxhQUFRLEdBQVksS0FBSyxDQUFDO1FBRW5DOztXQUVHO1FBQ00sbUJBQWMsR0FBWSxLQUFLLENBQUM7UUFZekM7O1dBRUc7UUFDTSxnQkFBVyxHQUF3QixtQkFBbUIsQ0FBQyxPQUFPLENBQUM7UUFFeEU7O1dBRUc7UUFDTyxZQUFPLEdBQTBCLElBQUksWUFBWSxFQUFXLENBQUM7UUFVdkU7O1dBRUc7UUFDSCxhQUFRLEdBQUcsQ0FBQyxLQUFjLEVBQVEsRUFBRTtRQUNwQyxDQUFDLENBQUM7UUFFRjs7V0FFRztRQUNILGNBQVMsR0FBRyxHQUFTLEVBQUU7UUFDdkIsQ0FBQyxDQUFDO0lBa0JKLENBQUM7SUFwQ0M7O09BRUc7SUFDSCxrQkFBa0IsQ0FBQyxPQUFnQjtRQUNqQyxJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQzdCLENBQUM7SUFjRCxnQkFBZ0IsQ0FBQyxFQUF3QjtRQUN2QyxJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsaUJBQWlCLENBQUMsRUFBYztRQUM5QixJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRUQsVUFBVSxDQUFDLEtBQWM7UUFDdkIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNyQixJQUFJLENBQUMsY0FBYyxHQUFHLEtBQUssQ0FBQztJQUM5QixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsUUFBaUI7UUFDaEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxRQUFRLENBQUM7SUFDM0IsQ0FBQzs7O1lBbkZGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsWUFBWTtnQkFDdEIsb2pCQUEwQztnQkFFMUMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07Z0JBQy9DLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO2dCQUNyQyxTQUFTLEVBQUUsQ0FBQzt3QkFDVixPQUFPLEVBQUUsaUJBQWlCO3dCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGtCQUFrQixDQUFDO3dCQUNqRCxLQUFLLEVBQUUsSUFBSTtxQkFDWixDQUFDOzthQUNIOzs7b0JBS0UsS0FBSzt1QkFLTCxLQUFLOzZCQUtMLEtBQUs7MEJBS0wsS0FBSzswQkFLTCxLQUFLOzBCQUtMLEtBQUs7c0JBS0wsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgZm9yd2FyZFJlZiwgSW5wdXQsIE91dHB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEtpdFN2Z0ljb24gfSBmcm9tICcuLi9raXQtc3ZnLWljb24va2l0LXN2Zy1pY29uLmNvbnN0JztcbmltcG9ydCB7IEtpdElucHV0TWVzc2FnZVR5cGUgfSBmcm9tICcuLi9raXQtaW5wdXQtbWVzc2FnZS9raXQtaW5wdXQtbWVzc2FnZS5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdraXQtdG9nZ2xlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2tpdC10b2dnbGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9raXQtdG9nZ2xlLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBwcm92aWRlcnM6IFt7XG4gICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gS2l0VG9nZ2xlQ29tcG9uZW50KSxcbiAgICBtdWx0aTogdHJ1ZSxcbiAgfV0sXG59KVxuZXhwb3J0IGNsYXNzIEtpdFRvZ2dsZUNvbXBvbmVudCBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcbiAgLyoqXG4gICAqIERlZmluZXMgYSBsYWJlbCB0ZXh0IHdoaWNoIHdpbGwgYmUgZGlzcGxheWVkIG5leHQgdG8gdGhlIHRvZ2dsZVxuICAgKi9cbiAgQElucHV0KCkgbGFiZWw/OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgd2hldGhlciB0aGUgY29tcG9uZW50IHdpbGwgYmUgaW4gZGlzYWJsZWQgc3RhdGVcbiAgICovXG4gIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgYSBkZWZhdWx0IHZhbHVlXG4gICAqL1xuICBASW5wdXQoKSBkZWZhdWx0Q2hlY2tlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIGFuIGljb24gd2hpY2ggd2lsbCBiZSB1c2VkIHRvIHRoZSBsZWZ0IG9mIHRoZSBpbmZvIG1lc3NhZ2VcbiAgICovXG4gIEBJbnB1dCgpIG1lc3NhZ2VJY29uPzogS2l0U3ZnSWNvbjtcblxuICAvKipcbiAgICogRGVmaW5lcyBhIHZhbHVlIHdoaWNoIGdvaW5nIHRvIGJlIGFuIGluZm8gbWVzc2FnZSB0ZXh0XG4gICAqL1xuICBASW5wdXQoKSBtZXNzYWdlVGV4dD86IHN0cmluZztcblxuICAvKipcbiAgICogRGVmaW5lcyBhIHZhbHVlIHdoaWNoIGdvaW5nIHRvIGJlIGFuIGluZm8gbWVzc2FnZSB0eXBlXG4gICAqL1xuICBASW5wdXQoKSBtZXNzYWdlVHlwZTogS2l0SW5wdXRNZXNzYWdlVHlwZSA9IEtpdElucHV0TWVzc2FnZVR5cGUuREVGQVVMVDtcblxuICAvKipcbiAgICogT2NjdXJzIGFzIHNvb24gYXMgdG9nZ2xlIHN0YXRlIGlzIGNoYW5nZWRcbiAgICovXG4gIEBPdXRwdXQoKSBjaGFuZ2VkOiBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4gPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG5cbiAgLyoqXG4gICAqIEZ1bmN0aW9uIHRoYXQgaXMgY2FsbGVkIHdoZW4gdG9nZ2xlIHN0YXRlIGNoYW5nZWRcbiAgICovXG4gIG9uSW5wdXRTdGF0ZUNoYW5nZShjaGVja2VkOiBib29sZWFuKTogdm9pZCB7XG4gICAgdGhpcy5vbkNoYW5nZShjaGVja2VkKTtcbiAgICB0aGlzLmNoYW5nZWQuZW1pdChjaGVja2VkKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBGdW5jdGlvbiB0aGF0IHNob3VsZCBiZSBjYWxsZWQgZXZlcnkgdGltZSB0aGUgZm9ybSBjb250cm9sIHZhbHVlIGNoYW5nZXNcbiAgICovXG4gIG9uQ2hhbmdlID0gKHZhbHVlOiBib29sZWFuKTogdm9pZCA9PiB7XG4gIH07XG5cbiAgLyoqXG4gICAqIEZ1bmN0aW9uIHRoYXQgc2hvdWxkIGJlIGNhbGxlZCB3aGVuIGlucHV0IGxvc3QgZm9jdXMgYW5kIGNoYW5nZWQgZm9ybSBjb250cm9sIHN0YXRlIHRvIFwidG91Y2hlZFwiXG4gICAqL1xuICBvblRvdWNoZWQgPSAoKTogdm9pZCA9PiB7XG4gIH07XG5cbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogKF86IGJvb2xlYW4pID0+IHZvaWQpOiB2b2lkIHtcbiAgICB0aGlzLm9uQ2hhbmdlID0gZm47XG4gIH1cblxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogKCkgPT4gdm9pZCk6IHZvaWQge1xuICAgIHRoaXMub25Ub3VjaGVkID0gZm47XG4gIH1cblxuICB3cml0ZVZhbHVlKHZhbHVlOiBib29sZWFuKTogdm9pZCB7XG4gICAgdGhpcy5vbkNoYW5nZSh2YWx1ZSk7XG4gICAgdGhpcy5kZWZhdWx0Q2hlY2tlZCA9IHZhbHVlO1xuICB9XG5cbiAgc2V0RGlzYWJsZWRTdGF0ZShkaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xuICAgIHRoaXMuZGlzYWJsZWQgPSBkaXNhYmxlZDtcbiAgfVxufVxuIl19
|