@indigina/ui-kit 1.0.152 → 1.0.153
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/components/kit-button/kit-button.component.mjs +2 -2
- package/esm2020/lib/components/kit-dialog/kit-dialog.component.mjs +2 -2
- package/esm2020/lib/components/kit-timepicker/kit-timepicker.component.mjs +2 -2
- package/esm2020/lib/components/kit-units-textbox/kit-units-textbox.component.mjs +2 -2
- package/fesm2015/indigina-ui-kit.mjs +8 -8
- package/fesm2015/indigina-ui-kit.mjs.map +1 -1
- package/fesm2020/indigina-ui-kit.mjs +8 -8
- package/fesm2020/indigina-ui-kit.mjs.map +1 -1
- package/package.json +2 -2
|
@@ -37,10 +37,10 @@ export class KitButtonComponent {
|
|
|
37
37
|
}
|
|
38
38
|
}
|
|
39
39
|
KitButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: KitButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
40
|
-
KitButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: KitButtonComponent, selector: "kit-button", inputs: { disabled: "disabled", label: "label", type: "type", icon: "icon", kind: "kind", iconPosition: "iconPosition", buttonClass: "buttonClass" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"kit-button\">\n <button kendoButton\n [disabled]=\"disabled\"\n [ngClass]=\"[type, kind, iconPosition, buttonClass]\"\n (click)=\"clicked.emit()\">\n {{ label }}\n <kit-svg-icon *ngIf=\"icon\"\n class=\"button-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n </button>\n</div>\n", styles: [":root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-main-20: #ddecfd;--ui-kit-color-grey-0: #252b30;--ui-kit-color-grey-2: #a7b2c3;--ui-kit-color-grey-3: #c2d1d9;--ui-kit-color-grey-4: #e2e7ed;--ui-kit-color-grey-5: #fafafc;--ui-kit-color-grey-6: #ebebe4;--ui-kit-color-grey-7: #a9a8a8;--ui-kit-color-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0}.kit-button .icon-right{flex-direction:row}.kit-button .icon-right .button-icon{margin-left:8px}.kit-button .icon-left{flex-direction:row-reverse}.kit-button .icon-left .button-icon{margin-right:8px}.kit-button .k-button{height:44px;padding:0 12px;color:var(--ui-kit-color-white);font-weight:500;font-size:14px;gap:0;border-radius:6px;border:1px solid transparent}.kit-button .k-button .button-icon{width:16px;height:16px;stroke:var(--ui-kit-color-white);fill:none}.kit-button .k-button.small{height:28px;line-height:1;font-size:12px}.kit-button .k-button.filled{background:var(--ui-kit-color-main)}.kit-button .k-button.filled.k-state-focused{border-color:#3678c3}.kit-button .k-button.outlined{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-white)}.kit-button .k-button.outlined .button-icon{stroke:var(--ui-kit-color-main)}.kit-button .k-button:disabled{color:#a9a8a8;background:#ebebe4}.kit-button .k-button:disabled .button-icon{stroke:#a9a8a8}.kit-button .k-button.k-state-focused{box-shadow:0 0 2px 4px #c7dff9}.kit-button .filled:hover{background:#002a3a}.kit-button .outlined:hover{background:var(--ui-kit-color-white-20)}.kit-button .outlined:disabled{border-color:#a9a8a8}.kit-button .icon-right.k-button.small .button-icon{margin-left:4px}.kit-button .icon-left.k-button.small .button-icon{margin-right:4px}\n"], dependencies: [{ kind: "directive", type: i1.ButtonDirective, selector: "button[kendoButton], span[kendoButton]", inputs: ["toggleable", "togglable", "selected", "tabIndex", "icon", "iconClass", "imageUrl", "disabled", "size", "rounded", "fillMode", "themeColor", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
40
|
+
KitButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: KitButtonComponent, selector: "kit-button", inputs: { disabled: "disabled", label: "label", type: "type", icon: "icon", kind: "kind", iconPosition: "iconPosition", buttonClass: "buttonClass" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"kit-button\">\n <button kendoButton\n [disabled]=\"disabled\"\n [ngClass]=\"[type, kind, iconPosition, buttonClass]\"\n (click)=\"clicked.emit()\">\n {{ label }}\n <kit-svg-icon *ngIf=\"icon\"\n class=\"button-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n </button>\n</div>\n", styles: [":root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-main-20: #ddecfd;--ui-kit-color-grey-0: #252b30;--ui-kit-color-grey-2: #a7b2c3;--ui-kit-color-grey-3: #c2d1d9;--ui-kit-color-grey-4: #e2e7ed;--ui-kit-color-grey-5: #fafafc;--ui-kit-color-grey-6: #ebebe4;--ui-kit-color-grey-7: #a9a8a8;--ui-kit-color-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0}.kit-button .icon-right .k-button-text{flex-direction:row}.kit-button .icon-right .button-icon{margin-left:8px}.kit-button .icon-left .k-button-text{flex-direction:row-reverse}.kit-button .icon-left .button-icon{margin-right:8px}.kit-button .k-button{height:44px;padding:0 12px;color:var(--ui-kit-color-white);font-weight:500;font-size:14px;gap:0;border-radius:6px;border:1px solid transparent}.kit-button .k-button .button-icon{display:block;width:16px;height:16px;stroke:var(--ui-kit-color-white);fill:none}.kit-button .k-button.small{height:28px;line-height:1;font-size:12px}.kit-button .k-button.filled{background:var(--ui-kit-color-main)}.kit-button .k-button.filled.k-state-focused{border-color:#3678c3}.kit-button .k-button.outlined{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-white)}.kit-button .k-button.outlined .button-icon{stroke:var(--ui-kit-color-main)}.kit-button .k-button:disabled{color:#a9a8a8;background:#ebebe4}.kit-button .k-button:disabled .button-icon{stroke:#a9a8a8}.kit-button .k-button.k-state-focused{box-shadow:0 0 2px 4px #c7dff9}.kit-button .filled:hover{background:#002a3a}.kit-button .outlined:hover{background:var(--ui-kit-color-white-20)}.kit-button .outlined:disabled{border-color:#a9a8a8}.kit-button .k-button-text{display:flex;align-items:center}.kit-button .icon-right.k-button.small .button-icon{margin-left:4px}.kit-button .icon-left.k-button.small .button-icon{margin-right:4px}\n"], dependencies: [{ kind: "directive", type: i1.ButtonDirective, selector: "button[kendoButton], span[kendoButton]", inputs: ["toggleable", "togglable", "selected", "tabIndex", "icon", "iconClass", "imageUrl", "disabled", "size", "rounded", "fillMode", "themeColor", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
41
41
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: KitButtonComponent, decorators: [{
|
|
42
42
|
type: Component,
|
|
43
|
-
args: [{ selector: 'kit-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-button\">\n <button kendoButton\n [disabled]=\"disabled\"\n [ngClass]=\"[type, kind, iconPosition, buttonClass]\"\n (click)=\"clicked.emit()\">\n {{ label }}\n <kit-svg-icon *ngIf=\"icon\"\n class=\"button-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n </button>\n</div>\n", styles: [":root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-main-20: #ddecfd;--ui-kit-color-grey-0: #252b30;--ui-kit-color-grey-2: #a7b2c3;--ui-kit-color-grey-3: #c2d1d9;--ui-kit-color-grey-4: #e2e7ed;--ui-kit-color-grey-5: #fafafc;--ui-kit-color-grey-6: #ebebe4;--ui-kit-color-grey-7: #a9a8a8;--ui-kit-color-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0}.kit-button .icon-right{flex-direction:row}.kit-button .icon-right .button-icon{margin-left:8px}.kit-button .icon-left{flex-direction:row-reverse}.kit-button .icon-left .button-icon{margin-right:8px}.kit-button .k-button{height:44px;padding:0 12px;color:var(--ui-kit-color-white);font-weight:500;font-size:14px;gap:0;border-radius:6px;border:1px solid transparent}.kit-button .k-button .button-icon{width:16px;height:16px;stroke:var(--ui-kit-color-white);fill:none}.kit-button .k-button.small{height:28px;line-height:1;font-size:12px}.kit-button .k-button.filled{background:var(--ui-kit-color-main)}.kit-button .k-button.filled.k-state-focused{border-color:#3678c3}.kit-button .k-button.outlined{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-white)}.kit-button .k-button.outlined .button-icon{stroke:var(--ui-kit-color-main)}.kit-button .k-button:disabled{color:#a9a8a8;background:#ebebe4}.kit-button .k-button:disabled .button-icon{stroke:#a9a8a8}.kit-button .k-button.k-state-focused{box-shadow:0 0 2px 4px #c7dff9}.kit-button .filled:hover{background:#002a3a}.kit-button .outlined:hover{background:var(--ui-kit-color-white-20)}.kit-button .outlined:disabled{border-color:#a9a8a8}.kit-button .icon-right.k-button.small .button-icon{margin-left:4px}.kit-button .icon-left.k-button.small .button-icon{margin-right:4px}\n"] }]
|
|
43
|
+
args: [{ selector: 'kit-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-button\">\n <button kendoButton\n [disabled]=\"disabled\"\n [ngClass]=\"[type, kind, iconPosition, buttonClass]\"\n (click)=\"clicked.emit()\">\n {{ label }}\n <kit-svg-icon *ngIf=\"icon\"\n class=\"button-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n </button>\n</div>\n", styles: [":root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-main-20: #ddecfd;--ui-kit-color-grey-0: #252b30;--ui-kit-color-grey-2: #a7b2c3;--ui-kit-color-grey-3: #c2d1d9;--ui-kit-color-grey-4: #e2e7ed;--ui-kit-color-grey-5: #fafafc;--ui-kit-color-grey-6: #ebebe4;--ui-kit-color-grey-7: #a9a8a8;--ui-kit-color-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0}.kit-button .icon-right .k-button-text{flex-direction:row}.kit-button .icon-right .button-icon{margin-left:8px}.kit-button .icon-left .k-button-text{flex-direction:row-reverse}.kit-button .icon-left .button-icon{margin-right:8px}.kit-button .k-button{height:44px;padding:0 12px;color:var(--ui-kit-color-white);font-weight:500;font-size:14px;gap:0;border-radius:6px;border:1px solid transparent}.kit-button .k-button .button-icon{display:block;width:16px;height:16px;stroke:var(--ui-kit-color-white);fill:none}.kit-button .k-button.small{height:28px;line-height:1;font-size:12px}.kit-button .k-button.filled{background:var(--ui-kit-color-main)}.kit-button .k-button.filled.k-state-focused{border-color:#3678c3}.kit-button .k-button.outlined{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-white)}.kit-button .k-button.outlined .button-icon{stroke:var(--ui-kit-color-main)}.kit-button .k-button:disabled{color:#a9a8a8;background:#ebebe4}.kit-button .k-button:disabled .button-icon{stroke:#a9a8a8}.kit-button .k-button.k-state-focused{box-shadow:0 0 2px 4px #c7dff9}.kit-button .filled:hover{background:#002a3a}.kit-button .outlined:hover{background:var(--ui-kit-color-white-20)}.kit-button .outlined:disabled{border-color:#a9a8a8}.kit-button .k-button-text{display:flex;align-items:center}.kit-button .icon-right.k-button.small .button-icon{margin-left:4px}.kit-button .icon-left.k-button.small .button-icon{margin-right:4px}\n"] }]
|
|
44
44
|
}], propDecorators: { disabled: [{
|
|
45
45
|
type: Input
|
|
46
46
|
}], label: [{
|
|
@@ -4,9 +4,9 @@ import * as i1 from "@progress/kendo-angular-dialog";
|
|
|
4
4
|
export class KitDialogComponent {
|
|
5
5
|
}
|
|
6
6
|
KitDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: KitDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7
|
-
KitDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: KitDialogComponent, selector: "kit-dialog", ngImport: i0, template: "<div class=\"kit-dialog\">\n <div class=\"kit-dialog-container\" kendoDialogContainer\n [hidden]=\"true\"\n ></div>\n</div>\n", styles: [":host ::ng-deep .kit-dialog .k-dialog{background:var(--ui-kit-color-white);border-radius:12px;border:3px solid var(--ui-kit-color-grey-2);overflow:hidden;padding:25px}:host ::ng-deep .kit-dialog .k-dialog-titlebar,:host ::ng-deep .kit-dialog .k-dialog-content{padding:0}:host ::ng-deep .kit-dialog .k-dialog-titlebar{background:var(--ui-kit-color-white);padding-bottom:25px;border-color:var(--ui-kit-color-grey-3);display:flex}:host ::ng-deep .kit-dialog .k-dialog-titlebar .k-dialog-
|
|
7
|
+
KitDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: KitDialogComponent, selector: "kit-dialog", ngImport: i0, template: "<div class=\"kit-dialog\">\n <div class=\"kit-dialog-container\" kendoDialogContainer\n [hidden]=\"true\"\n ></div>\n</div>\n", styles: [":host ::ng-deep .kit-dialog .k-dialog{background:var(--ui-kit-color-white);border-radius:12px;border:3px solid var(--ui-kit-color-grey-2);overflow:hidden;padding:25px}:host ::ng-deep .kit-dialog .k-dialog-titlebar,:host ::ng-deep .kit-dialog .k-dialog-content{padding:0}:host ::ng-deep .kit-dialog .k-dialog-titlebar{background:var(--ui-kit-color-white);padding-bottom:25px;border-color:var(--ui-kit-color-grey-3);display:flex}:host ::ng-deep .kit-dialog .k-dialog-titlebar .k-dialog-action,:host ::ng-deep .kit-dialog .k-dialog-titlebar .k-button-icon{border-radius:50%}:host ::ng-deep .kit-dialog .k-dialog-titlebar .k-dialog-action{color:var(--ui-kit-color-main);padding:0}:host ::ng-deep .kit-dialog .k-dialog-titlebar .k-button-icon{width:25px;height:25px;border:1px solid var(--ui-kit-color-main)}:host ::ng-deep .kit-dialog .k-dialog-title{padding:0 0 0 5px;border-left:1px solid var(--ui-kit-color-main);color:var(--ui-kit-color-grey-0);font-size:13px;flex:1 0}:host ::ng-deep .kit-dialog .k-dialog-actions{margin:-5em 0;margin-inline-end:-4px;padding:0;border:none}:host ::ng-deep .kit-dialog .k-dialog-content{padding-top:10px}\n"], dependencies: [{ kind: "directive", type: i1.DialogContainerDirective, selector: "[kendoDialogContainer]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
8
8
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: KitDialogComponent, decorators: [{
|
|
9
9
|
type: Component,
|
|
10
|
-
args: [{ selector: 'kit-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-dialog\">\n <div class=\"kit-dialog-container\" kendoDialogContainer\n [hidden]=\"true\"\n ></div>\n</div>\n", styles: [":host ::ng-deep .kit-dialog .k-dialog{background:var(--ui-kit-color-white);border-radius:12px;border:3px solid var(--ui-kit-color-grey-2);overflow:hidden;padding:25px}:host ::ng-deep .kit-dialog .k-dialog-titlebar,:host ::ng-deep .kit-dialog .k-dialog-content{padding:0}:host ::ng-deep .kit-dialog .k-dialog-titlebar{background:var(--ui-kit-color-white);padding-bottom:25px;border-color:var(--ui-kit-color-grey-3);display:flex}:host ::ng-deep .kit-dialog .k-dialog-titlebar .k-dialog-
|
|
10
|
+
args: [{ selector: 'kit-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-dialog\">\n <div class=\"kit-dialog-container\" kendoDialogContainer\n [hidden]=\"true\"\n ></div>\n</div>\n", styles: [":host ::ng-deep .kit-dialog .k-dialog{background:var(--ui-kit-color-white);border-radius:12px;border:3px solid var(--ui-kit-color-grey-2);overflow:hidden;padding:25px}:host ::ng-deep .kit-dialog .k-dialog-titlebar,:host ::ng-deep .kit-dialog .k-dialog-content{padding:0}:host ::ng-deep .kit-dialog .k-dialog-titlebar{background:var(--ui-kit-color-white);padding-bottom:25px;border-color:var(--ui-kit-color-grey-3);display:flex}:host ::ng-deep .kit-dialog .k-dialog-titlebar .k-dialog-action,:host ::ng-deep .kit-dialog .k-dialog-titlebar .k-button-icon{border-radius:50%}:host ::ng-deep .kit-dialog .k-dialog-titlebar .k-dialog-action{color:var(--ui-kit-color-main);padding:0}:host ::ng-deep .kit-dialog .k-dialog-titlebar .k-button-icon{width:25px;height:25px;border:1px solid var(--ui-kit-color-main)}:host ::ng-deep .kit-dialog .k-dialog-title{padding:0 0 0 5px;border-left:1px solid var(--ui-kit-color-main);color:var(--ui-kit-color-grey-0);font-size:13px;flex:1 0}:host ::ng-deep .kit-dialog .k-dialog-actions{margin:-5em 0;margin-inline-end:-4px;padding:0;border:none}:host ::ng-deep .kit-dialog .k-dialog-content{padding-top:10px}\n"] }]
|
|
11
11
|
}] });
|
|
12
12
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LWRpYWxvZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1kaWFsb2cva2l0LWRpYWxvZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1kaWFsb2cva2l0LWRpYWxvZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFRbkUsTUFBTSxPQUFPLGtCQUFrQjs7K0dBQWxCLGtCQUFrQjttR0FBbEIsa0JBQWtCLGtEQ1IvQix1SUFLQTsyRkRHYSxrQkFBa0I7a0JBTjlCLFNBQVM7K0JBQ0UsWUFBWSxtQkFHTCx1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdraXQtZGlhbG9nJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2tpdC1kaWFsb2cuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9raXQtZGlhbG9nLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBLaXREaWFsb2dDb21wb25lbnQge1xufVxuIiwiPGRpdiBjbGFzcz1cImtpdC1kaWFsb2dcIj5cbiAgPGRpdiBjbGFzcz1cImtpdC1kaWFsb2ctY29udGFpbmVyXCIga2VuZG9EaWFsb2dDb250YWluZXJcbiAgICAgICBbaGlkZGVuXT1cInRydWVcIlxuICA+PC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -55,14 +55,14 @@ KitTimepickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
|
|
|
55
55
|
provide: NG_VALUE_ACCESSOR,
|
|
56
56
|
useExisting: forwardRef(() => KitTimepickerComponent),
|
|
57
57
|
multi: true,
|
|
58
|
-
}], ngImport: i0, template: "<div class=\"kit-timepicker\" [class.kit-timepicker-disabled]=\"disabled\">\n <label *ngIf=\"label\" class=\"kit-timepicker-label display-block\">\n {{ label }}\n </label>\n\n <kendo-timepicker class=\"kit-timepicker-input\"\n [title]=\"label\"\n [placeholder]=\"placeholder\"\n [readonly]=\"readonly\"\n [min]=\"min\"\n [max]=\"max\"\n [format]=\"longFormatEnabled && longTimeFormat || shortTimeFormat\"\n [disabled]=\"disabled\"\n [value]=\"defaultValue\"\n [popupSettings]=\"datetimepickerPopupSettings\"\n (open)=\"popupOpened.emit()\"\n (close)=\"popupClosed.emit()\"\n (valueChange)=\"onInputChange($event)\"\n (blur)=\"onInputBlur()\"\n ></kendo-timepicker>\n</div>\n", styles: [":host ::ng-deep .kit-timepicker-label{font-size:13px;color:var(--ui-kit-color-grey-7);font-weight:500;margin-bottom:4px}:host ::ng-deep .kit-timepicker-input{display:flex;flex-direction:row-reverse;padding:4px 8px;height:34px;border-radius:4px;border:1px solid #efefef;gap:4px}:host ::ng-deep .kit-timepicker-input:focus,:host ::ng-deep .kit-timepicker-input:focus-within,:host ::ng-deep .kit-timepicker-input .k-input:focus,:host ::ng-deep .kit-timepicker-input .k-input:focus-within{box-shadow:none}:host ::ng-deep .kit-timepicker-input:focus,:host ::ng-deep .kit-timepicker-input:focus-within,:host ::ng-deep .kit-timepicker-input.k-focus{border:1px solid var(--ui-kit-color-green)}:host ::ng-deep .kit-timepicker-input .k-input-inner{padding:0;font-size:13px}:host ::ng-deep .kit-timepicker-input .k-input-inner::placeholder{color:#74777d}:host ::ng-deep .kit-timepicker-input .k-input-inner:focus,:host ::ng-deep .kit-timepicker-input .k-input-inner:focus-within{box-shadow:none;outline:none}:host ::ng-deep .kit-timepicker-input .k-icon-button{color:#002a3a;background:none;padding:0;width:16px;display:block}:host ::ng-deep .kit-timepicker-input .k-icon-button .k-i-clock:before{font-weight:600}:host ::ng-deep .kit-timepicker-disabled .kit-timepicker-label{color:#74777d}:host ::ng-deep .kit-timepicker-disabled .kit-timepicker-input{color:#9a9fa6;border-color:#c1c7d0;background-color:#f3f4f6}:host ::ng-deep .kit-timepicker-disabled .k-icon-button{color:#c1c7d0}::ng-deep .kit-timepicker-popup{width:296px;margin-top:8px;border-radius:6px;border:1px solid #006890;box-shadow:none;overflow:hidden;background:#f3f4f6}::ng-deep .kit-timepicker-popup .k-timeselector{background:none}::ng-deep .kit-timepicker-popup .k-time-header{margin:6px 0;padding:4px 30px;border-radius:6px 6px 0 0;background:var(--ui-kit-color-white)}::ng-deep .kit-timepicker-popup .k-time-header .k-title{padding:4px 8px;font-weight:500;display:inline-block}::ng-deep .kit-timepicker-popup .k-time-header .k-time-now{display:flex;align-items:center;padding:0;color:var(--ui-kit-color-main);font-size:16px;font-weight:400;text-transform:uppercase}::ng-deep .kit-timepicker-popup .k-time-list-container{font-size:14px;background:var(--ui-kit-color-white)}::ng-deep .kit-timepicker-popup .k-time-list-container .k-state-focused:before{top:40px}::ng-deep .kit-timepicker-popup .k-time-list-container .k-time-highlight{top:50%;height:40px;border-color:#cdd2d9;transform:none}::ng-deep .kit-timepicker-popup .k-time-list-container .k-title{display:flex;align-items:center;justify-content:center;margin:0;color:#27282a;font-size:14px;font-weight:500;height:40px;background:var(--ui-kit-color-white)}::ng-deep .kit-timepicker-popup .k-time-list-container .k-item{display:flex;align-items:center;justify-content:center;padding:0;height:40px;color:#27282a;font-size:14px;font-weight:500}::ng-deep .kit-timepicker-popup .k-time-list-container .k-time-separator{height:40px;top:18px}::ng-deep .kit-timepicker-popup .k-time-list-container .k-time-list:before{display:none}::ng-deep .kit-timepicker-popup .k-time-footer{margin-top:0;padding:12px;justify-content:center;border-top:1px solid #006890}::ng-deep .kit-timepicker-popup .k-time-footer .k-button{margin:0 5px;width:110px;height:30px;flex:0 0 auto;font-size:14px;font-weight:400;border-radius:4px;border:none;color:#27282a;background:#dadde3}::ng-deep .kit-timepicker-popup .k-time-footer .k-time-accept{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}\n"], dependencies: [{ kind: "component", type: i1.TimePickerComponent, selector: "kendo-timepicker", inputs: ["disabled", "readonly", "readOnlyInput", "format", "formatPlaceholder", "placeholder", "min", "max", "incompleteDateValidation", "cancelButton", "nowButton", "steps", "popupSettings", "tabindex", "tabIndex", "title", "rangeValidation", "value", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur", "open", "close"], exportAs: ["kendo-timepicker"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
58
|
+
}], ngImport: i0, template: "<div class=\"kit-timepicker\" [class.kit-timepicker-disabled]=\"disabled\">\n <label *ngIf=\"label\" class=\"kit-timepicker-label display-block\">\n {{ label }}\n </label>\n\n <kendo-timepicker class=\"kit-timepicker-input\"\n [title]=\"label\"\n [placeholder]=\"placeholder\"\n [readonly]=\"readonly\"\n [min]=\"min\"\n [max]=\"max\"\n [format]=\"longFormatEnabled && longTimeFormat || shortTimeFormat\"\n [disabled]=\"disabled\"\n [value]=\"defaultValue\"\n [popupSettings]=\"datetimepickerPopupSettings\"\n (open)=\"popupOpened.emit()\"\n (close)=\"popupClosed.emit()\"\n (valueChange)=\"onInputChange($event)\"\n (blur)=\"onInputBlur()\"\n ></kendo-timepicker>\n</div>\n", styles: [":host ::ng-deep .kit-timepicker-label{font-size:13px;color:var(--ui-kit-color-grey-7);font-weight:500;margin-bottom:4px}:host ::ng-deep .kit-timepicker-input{display:flex;flex-direction:row-reverse;padding:4px 8px;height:34px;border-radius:4px;border:1px solid #efefef;gap:4px}:host ::ng-deep .kit-timepicker-input:focus,:host ::ng-deep .kit-timepicker-input:focus-within,:host ::ng-deep .kit-timepicker-input .k-input:focus,:host ::ng-deep .kit-timepicker-input .k-input:focus-within{box-shadow:none}:host ::ng-deep .kit-timepicker-input:focus,:host ::ng-deep .kit-timepicker-input:focus-within,:host ::ng-deep .kit-timepicker-input.k-focus{border:1px solid var(--ui-kit-color-green)}:host ::ng-deep .kit-timepicker-input .k-input-inner{padding:0;font-size:13px}:host ::ng-deep .kit-timepicker-input .k-input-inner::placeholder{color:#74777d}:host ::ng-deep .kit-timepicker-input .k-input-inner:focus,:host ::ng-deep .kit-timepicker-input .k-input-inner:focus-within{box-shadow:none;outline:none}:host ::ng-deep .kit-timepicker-input .k-icon-button{color:#002a3a;background:none;border:none;padding:0;width:16px;display:block}:host ::ng-deep .kit-timepicker-input .k-icon-button .k-i-clock:before{font-weight:600}:host ::ng-deep .kit-timepicker-disabled .kit-timepicker-label{color:#74777d}:host ::ng-deep .kit-timepicker-disabled .kit-timepicker-input{color:#9a9fa6;border-color:#c1c7d0;background-color:#f3f4f6}:host ::ng-deep .kit-timepicker-disabled .k-icon-button{color:#c1c7d0}::ng-deep .kit-timepicker-popup{width:296px;margin-top:8px;border-radius:6px;border:1px solid #006890;box-shadow:none;overflow:hidden;background:#f3f4f6}::ng-deep .kit-timepicker-popup .k-timeselector{background:none}::ng-deep .kit-timepicker-popup .k-time-header{margin:6px 0;padding:4px 30px;border-radius:6px 6px 0 0;background:var(--ui-kit-color-white)}::ng-deep .kit-timepicker-popup .k-time-header .k-title{padding:4px 8px;font-weight:500;display:inline-block}::ng-deep .kit-timepicker-popup .k-time-header .k-time-now{display:flex;align-items:center;padding:0;color:var(--ui-kit-color-main);font-size:16px;font-weight:400;text-transform:uppercase}::ng-deep .kit-timepicker-popup .k-time-list-container{font-size:14px;background:var(--ui-kit-color-white)}::ng-deep .kit-timepicker-popup .k-time-list-container .k-state-focused:before{top:40px}::ng-deep .kit-timepicker-popup .k-time-list-container .k-time-highlight{top:50%;height:40px;border-color:#cdd2d9;transform:none}::ng-deep .kit-timepicker-popup .k-time-list-container .k-title{display:flex;align-items:center;justify-content:center;margin:0;color:#27282a;font-size:14px;font-weight:500;height:40px;background:var(--ui-kit-color-white)}::ng-deep .kit-timepicker-popup .k-time-list-container .k-item{display:flex;align-items:center;justify-content:center;padding:0;height:40px;color:#27282a;font-size:14px;font-weight:500}::ng-deep .kit-timepicker-popup .k-time-list-container .k-time-separator{height:40px;top:18px}::ng-deep .kit-timepicker-popup .k-time-list-container .k-time-list:before{display:none}::ng-deep .kit-timepicker-popup .k-time-footer{margin-top:0;padding:12px;justify-content:center;border-top:1px solid #006890}::ng-deep .kit-timepicker-popup .k-time-footer .k-button{margin:0 5px;width:110px;height:30px;flex:0 0 auto;font-size:14px;font-weight:400;border-radius:4px;border:none;color:#27282a;background:#dadde3}::ng-deep .kit-timepicker-popup .k-time-footer .k-time-accept{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}\n"], dependencies: [{ kind: "component", type: i1.TimePickerComponent, selector: "kendo-timepicker", inputs: ["disabled", "readonly", "readOnlyInput", "format", "formatPlaceholder", "placeholder", "min", "max", "incompleteDateValidation", "cancelButton", "nowButton", "steps", "popupSettings", "tabindex", "tabIndex", "title", "rangeValidation", "value", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur", "open", "close"], exportAs: ["kendo-timepicker"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
59
59
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: KitTimepickerComponent, decorators: [{
|
|
60
60
|
type: Component,
|
|
61
61
|
args: [{ selector: 'kit-timepicker', changeDetection: ChangeDetectionStrategy.OnPush, providers: [{
|
|
62
62
|
provide: NG_VALUE_ACCESSOR,
|
|
63
63
|
useExisting: forwardRef(() => KitTimepickerComponent),
|
|
64
64
|
multi: true,
|
|
65
|
-
}], template: "<div class=\"kit-timepicker\" [class.kit-timepicker-disabled]=\"disabled\">\n <label *ngIf=\"label\" class=\"kit-timepicker-label display-block\">\n {{ label }}\n </label>\n\n <kendo-timepicker class=\"kit-timepicker-input\"\n [title]=\"label\"\n [placeholder]=\"placeholder\"\n [readonly]=\"readonly\"\n [min]=\"min\"\n [max]=\"max\"\n [format]=\"longFormatEnabled && longTimeFormat || shortTimeFormat\"\n [disabled]=\"disabled\"\n [value]=\"defaultValue\"\n [popupSettings]=\"datetimepickerPopupSettings\"\n (open)=\"popupOpened.emit()\"\n (close)=\"popupClosed.emit()\"\n (valueChange)=\"onInputChange($event)\"\n (blur)=\"onInputBlur()\"\n ></kendo-timepicker>\n</div>\n", styles: [":host ::ng-deep .kit-timepicker-label{font-size:13px;color:var(--ui-kit-color-grey-7);font-weight:500;margin-bottom:4px}:host ::ng-deep .kit-timepicker-input{display:flex;flex-direction:row-reverse;padding:4px 8px;height:34px;border-radius:4px;border:1px solid #efefef;gap:4px}:host ::ng-deep .kit-timepicker-input:focus,:host ::ng-deep .kit-timepicker-input:focus-within,:host ::ng-deep .kit-timepicker-input .k-input:focus,:host ::ng-deep .kit-timepicker-input .k-input:focus-within{box-shadow:none}:host ::ng-deep .kit-timepicker-input:focus,:host ::ng-deep .kit-timepicker-input:focus-within,:host ::ng-deep .kit-timepicker-input.k-focus{border:1px solid var(--ui-kit-color-green)}:host ::ng-deep .kit-timepicker-input .k-input-inner{padding:0;font-size:13px}:host ::ng-deep .kit-timepicker-input .k-input-inner::placeholder{color:#74777d}:host ::ng-deep .kit-timepicker-input .k-input-inner:focus,:host ::ng-deep .kit-timepicker-input .k-input-inner:focus-within{box-shadow:none;outline:none}:host ::ng-deep .kit-timepicker-input .k-icon-button{color:#002a3a;background:none;padding:0;width:16px;display:block}:host ::ng-deep .kit-timepicker-input .k-icon-button .k-i-clock:before{font-weight:600}:host ::ng-deep .kit-timepicker-disabled .kit-timepicker-label{color:#74777d}:host ::ng-deep .kit-timepicker-disabled .kit-timepicker-input{color:#9a9fa6;border-color:#c1c7d0;background-color:#f3f4f6}:host ::ng-deep .kit-timepicker-disabled .k-icon-button{color:#c1c7d0}::ng-deep .kit-timepicker-popup{width:296px;margin-top:8px;border-radius:6px;border:1px solid #006890;box-shadow:none;overflow:hidden;background:#f3f4f6}::ng-deep .kit-timepicker-popup .k-timeselector{background:none}::ng-deep .kit-timepicker-popup .k-time-header{margin:6px 0;padding:4px 30px;border-radius:6px 6px 0 0;background:var(--ui-kit-color-white)}::ng-deep .kit-timepicker-popup .k-time-header .k-title{padding:4px 8px;font-weight:500;display:inline-block}::ng-deep .kit-timepicker-popup .k-time-header .k-time-now{display:flex;align-items:center;padding:0;color:var(--ui-kit-color-main);font-size:16px;font-weight:400;text-transform:uppercase}::ng-deep .kit-timepicker-popup .k-time-list-container{font-size:14px;background:var(--ui-kit-color-white)}::ng-deep .kit-timepicker-popup .k-time-list-container .k-state-focused:before{top:40px}::ng-deep .kit-timepicker-popup .k-time-list-container .k-time-highlight{top:50%;height:40px;border-color:#cdd2d9;transform:none}::ng-deep .kit-timepicker-popup .k-time-list-container .k-title{display:flex;align-items:center;justify-content:center;margin:0;color:#27282a;font-size:14px;font-weight:500;height:40px;background:var(--ui-kit-color-white)}::ng-deep .kit-timepicker-popup .k-time-list-container .k-item{display:flex;align-items:center;justify-content:center;padding:0;height:40px;color:#27282a;font-size:14px;font-weight:500}::ng-deep .kit-timepicker-popup .k-time-list-container .k-time-separator{height:40px;top:18px}::ng-deep .kit-timepicker-popup .k-time-list-container .k-time-list:before{display:none}::ng-deep .kit-timepicker-popup .k-time-footer{margin-top:0;padding:12px;justify-content:center;border-top:1px solid #006890}::ng-deep .kit-timepicker-popup .k-time-footer .k-button{margin:0 5px;width:110px;height:30px;flex:0 0 auto;font-size:14px;font-weight:400;border-radius:4px;border:none;color:#27282a;background:#dadde3}::ng-deep .kit-timepicker-popup .k-time-footer .k-time-accept{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}\n"] }]
|
|
65
|
+
}], template: "<div class=\"kit-timepicker\" [class.kit-timepicker-disabled]=\"disabled\">\n <label *ngIf=\"label\" class=\"kit-timepicker-label display-block\">\n {{ label }}\n </label>\n\n <kendo-timepicker class=\"kit-timepicker-input\"\n [title]=\"label\"\n [placeholder]=\"placeholder\"\n [readonly]=\"readonly\"\n [min]=\"min\"\n [max]=\"max\"\n [format]=\"longFormatEnabled && longTimeFormat || shortTimeFormat\"\n [disabled]=\"disabled\"\n [value]=\"defaultValue\"\n [popupSettings]=\"datetimepickerPopupSettings\"\n (open)=\"popupOpened.emit()\"\n (close)=\"popupClosed.emit()\"\n (valueChange)=\"onInputChange($event)\"\n (blur)=\"onInputBlur()\"\n ></kendo-timepicker>\n</div>\n", styles: [":host ::ng-deep .kit-timepicker-label{font-size:13px;color:var(--ui-kit-color-grey-7);font-weight:500;margin-bottom:4px}:host ::ng-deep .kit-timepicker-input{display:flex;flex-direction:row-reverse;padding:4px 8px;height:34px;border-radius:4px;border:1px solid #efefef;gap:4px}:host ::ng-deep .kit-timepicker-input:focus,:host ::ng-deep .kit-timepicker-input:focus-within,:host ::ng-deep .kit-timepicker-input .k-input:focus,:host ::ng-deep .kit-timepicker-input .k-input:focus-within{box-shadow:none}:host ::ng-deep .kit-timepicker-input:focus,:host ::ng-deep .kit-timepicker-input:focus-within,:host ::ng-deep .kit-timepicker-input.k-focus{border:1px solid var(--ui-kit-color-green)}:host ::ng-deep .kit-timepicker-input .k-input-inner{padding:0;font-size:13px}:host ::ng-deep .kit-timepicker-input .k-input-inner::placeholder{color:#74777d}:host ::ng-deep .kit-timepicker-input .k-input-inner:focus,:host ::ng-deep .kit-timepicker-input .k-input-inner:focus-within{box-shadow:none;outline:none}:host ::ng-deep .kit-timepicker-input .k-icon-button{color:#002a3a;background:none;border:none;padding:0;width:16px;display:block}:host ::ng-deep .kit-timepicker-input .k-icon-button .k-i-clock:before{font-weight:600}:host ::ng-deep .kit-timepicker-disabled .kit-timepicker-label{color:#74777d}:host ::ng-deep .kit-timepicker-disabled .kit-timepicker-input{color:#9a9fa6;border-color:#c1c7d0;background-color:#f3f4f6}:host ::ng-deep .kit-timepicker-disabled .k-icon-button{color:#c1c7d0}::ng-deep .kit-timepicker-popup{width:296px;margin-top:8px;border-radius:6px;border:1px solid #006890;box-shadow:none;overflow:hidden;background:#f3f4f6}::ng-deep .kit-timepicker-popup .k-timeselector{background:none}::ng-deep .kit-timepicker-popup .k-time-header{margin:6px 0;padding:4px 30px;border-radius:6px 6px 0 0;background:var(--ui-kit-color-white)}::ng-deep .kit-timepicker-popup .k-time-header .k-title{padding:4px 8px;font-weight:500;display:inline-block}::ng-deep .kit-timepicker-popup .k-time-header .k-time-now{display:flex;align-items:center;padding:0;color:var(--ui-kit-color-main);font-size:16px;font-weight:400;text-transform:uppercase}::ng-deep .kit-timepicker-popup .k-time-list-container{font-size:14px;background:var(--ui-kit-color-white)}::ng-deep .kit-timepicker-popup .k-time-list-container .k-state-focused:before{top:40px}::ng-deep .kit-timepicker-popup .k-time-list-container .k-time-highlight{top:50%;height:40px;border-color:#cdd2d9;transform:none}::ng-deep .kit-timepicker-popup .k-time-list-container .k-title{display:flex;align-items:center;justify-content:center;margin:0;color:#27282a;font-size:14px;font-weight:500;height:40px;background:var(--ui-kit-color-white)}::ng-deep .kit-timepicker-popup .k-time-list-container .k-item{display:flex;align-items:center;justify-content:center;padding:0;height:40px;color:#27282a;font-size:14px;font-weight:500}::ng-deep .kit-timepicker-popup .k-time-list-container .k-time-separator{height:40px;top:18px}::ng-deep .kit-timepicker-popup .k-time-list-container .k-time-list:before{display:none}::ng-deep .kit-timepicker-popup .k-time-footer{margin-top:0;padding:12px;justify-content:center;border-top:1px solid #006890}::ng-deep .kit-timepicker-popup .k-time-footer .k-button{margin:0 5px;width:110px;height:30px;flex:0 0 auto;font-size:14px;font-weight:400;border-radius:4px;border:none;color:#27282a;background:#dadde3}::ng-deep .kit-timepicker-popup .k-time-footer .k-time-accept{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}\n"] }]
|
|
66
66
|
}], propDecorators: { label: [{
|
|
67
67
|
type: Input
|
|
68
68
|
}], placeholder: [{
|
|
@@ -119,10 +119,10 @@ export class KitUnitsTextboxComponent {
|
|
|
119
119
|
}
|
|
120
120
|
}
|
|
121
121
|
KitUnitsTextboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: KitUnitsTextboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
122
|
-
KitUnitsTextboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: KitUnitsTextboxComponent, selector: "kit-units-textbox", inputs: { placeholder: "placeholder", label: "label", disabledTextBox: "disabledTextBox", disabledDropdown: "disabledDropdown", dropdownItems: "dropdownItems", selectedDropdownItem: "selectedDropdownItem", textBoxValue: "textBoxValue", textBoxFormControl: "textBoxFormControl", dropdownFormControl: "dropdownFormControl", messageIcon: "messageIcon", messageText: "messageText", messageType: "messageType", dropdownPosition: "dropdownPosition", textboxType: "textboxType", decimals: "decimals", min: "min", max: "max", maxlength: "maxlength", format: "format", state: "state" }, outputs: { blured: "blured", selected: "selected", changed: "changed" }, ngImport: i0, template: "<div class=\"kit-units-textbox {{ state }}\" [class.textbox-disabled]=\"disabledTextBox\"\n [class.dropdown-disabled]=\"disabledDropdown\"\n [class.units-left]=\"dropdownPosition === KitUnitsTextboxDropdownPosition.LEFT\">\n <kendo-label *ngIf=\"label\" class=\"label display-block\"\n [text]=\"label\"\n ></kendo-label>\n <div class=\"units-textbox-wrap\">\n <kendo-textbox *ngIf=\"textboxType === KitUnitsTextboxType.TEXT; else numericTextboxTemplate\"\n [placeholder]=\"placeholder\"\n [value]=\"textBoxFormControl.value || textBoxValue\"\n [disabled]=\"disabledTextBox\"\n [maxlength]=\"maxlength\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-textbox>\n <ng-template #numericTextboxTemplate>\n <kendo-numerictextbox [placeholder]=\"placeholder\"\n [value]=\"textBoxFormControl.value || textBoxValue\"\n [decimals]=\"decimals\"\n [min]=\"min\"\n [max]=\"max\"\n [maxlength]=\"maxlength\"\n [format]=\"format\"\n [autoCorrect]=\"true\"\n [spinners]=\"false\"\n [selectOnFocus]=\"false\"\n [disabled]=\"disabledTextBox\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-numerictextbox>\n </ng-template>\n <kendo-dropdownlist valueField=\"value\" textField=\"text\"\n [data]=\"dropdownItems\"\n [value]=\"dropdownFormControl.value || selectedDropdownItem\"\n [valuePrimitive]=\"true\"\n [disabled]=\"disabledDropdown\"\n [popupSettings]=\"dropdownPopupSettings\"\n [itemDisabled]=\"onItemDisabled()\"\n (selectionChange)=\"onItemSelect($event)\"\n (blur)=\"onDropdownBlur()\"\n ></kendo-dropdownlist>\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-units-textbox .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-units-textbox .units-textbox-wrap{display:flex;height:34px;border:1px solid #efefef;border-radius:4px;background:#ffffff;box-sizing:border-box}.kit-units-textbox .k-textbox,.kit-units-textbox .k-numerictextbox{height:100%;width:auto;opacity:1;border:none;box-shadow:none;flex-grow:1;background:none}.kit-units-textbox .k-textbox .k-input-inner,.kit-units-textbox .k-numerictextbox .k-input-inner{padding:0 8px;width:100%;color:#002a3a;font-size:13px;line-height:1}.kit-units-textbox .k-dropdownlist{width:auto;overflow:visible;border:none;background:none}.kit-units-textbox .k-dropdownlist.k-focus{box-shadow:none}.kit-units-textbox .k-dropdownlist:hover{background:none}.kit-units-textbox .k-dropdownlist .k-input-inner{padding:0;height:100%;justify-content:flex-end;font-size:13px;font-weight:500;color:#56a2f7;overflow:visible}.kit-units-textbox .k-dropdownlist .k-input-value-text{overflow:visible}.kit-units-textbox .k-dropdownlist .k-input-button{line-height:1}.kit-units-textbox .k-dropdownlist .k-icon:before{content:\"\\e015\";color:#000}.kit-units-textbox:focus-within .units-textbox-wrap{border:1px solid #00b0ad}.kit-units-textbox .k-animation-container{left:auto!important;right:0!important}.kit-units-textbox .kit-dropdown-popup{margin-top:8px;min-width:75px;border:1px solid #c1c7d0;border-radius:4px;box-shadow:0 0 8px #003e5680;background-color:#f3f4f6;padding:4px}.kit-units-textbox .kit-dropdown-popup .k-list-ul{background-color:#f3f4f6}.kit-units-textbox .kit-dropdown-popup .k-list-item{background-color:#fff;font-size:13px;font-weight:500;box-shadow:none;border-radius:2px;color:#002a3a;justify-content:flex-end;text-align:right}.kit-units-textbox .kit-dropdown-popup .k-list-item:not(:last-of-type){margin-bottom:4px}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-state-focused{background-color:#fff;color:#27282a}.kit-units-textbox .kit-dropdown-popup .k-list-item:hover,.kit-units-textbox .kit-dropdown-popup .k-list-item.k-focus:hover{background-color:#f3f5fa;color:#56a2f7}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-selected{background-color:#56a2f7;color:#fff}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-disabled{background-color:#f3f4f6;color:#9a9fa6}.kit-units-textbox.textbox-disabled .label{color:#74777d}.kit-units-textbox.textbox-disabled .units-textbox-wrap{border-color:#c1c7d0;background-color:#f3f4f6;box-shadow:none}.kit-units-textbox.textbox-disabled .k-textbox .k-input-inner,.kit-units-textbox.textbox-disabled .k-numerictextbox .k-input-inner{color:#9a9fa6}.kit-units-textbox.units-left .units-textbox-wrap{flex-direction:row-reverse}.kit-units-textbox.units-left .k-textbox,.kit-units-textbox.units-left .k-numerictextbox{grid-column:2;grid-row:1}.kit-units-textbox.units-left .k-textbox .k-input,.kit-units-textbox.units-left .k-numerictextbox .k-input{padding-left:0}.kit-units-textbox.units-left .k-dropdownlist{grid-column:1}.kit-units-textbox.units-left .k-dropdownlist .k-input-inner{padding-left:8px;width:auto}.kit-units-textbox.units-left .k-animation-container{left:0!important;right:auto!important}.kit-units-textbox.units-left .kit-dropdown-popup .k-list-item{justify-content:flex-start;text-align:left}.kit-units-textbox .k-input-prefix,.kit-units-textbox .k-input-suffix{height:0}.kit-units-textbox.dropdown-disabled .k-dropdownlist .k-input-inner,.kit-units-textbox.dropdown-disabled .k-dropdownlist .k-icon:before{color:#9a9fa6}.kit-units-textbox.danger .units-textbox-wrap{border-color:#ef3e42;background:#f8e0e0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "errorIcon", "clearButtonIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "component", type: i2.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur"], exportAs: ["kendoNumericTextBox"] }, { kind: "component", type: i3.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["iconClass", "loading", "data", "value", "textField", "valueField", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "component", type: i4.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { kind: "component", type: i5.KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
122
|
+
KitUnitsTextboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: KitUnitsTextboxComponent, selector: "kit-units-textbox", inputs: { placeholder: "placeholder", label: "label", disabledTextBox: "disabledTextBox", disabledDropdown: "disabledDropdown", dropdownItems: "dropdownItems", selectedDropdownItem: "selectedDropdownItem", textBoxValue: "textBoxValue", textBoxFormControl: "textBoxFormControl", dropdownFormControl: "dropdownFormControl", messageIcon: "messageIcon", messageText: "messageText", messageType: "messageType", dropdownPosition: "dropdownPosition", textboxType: "textboxType", decimals: "decimals", min: "min", max: "max", maxlength: "maxlength", format: "format", state: "state" }, outputs: { blured: "blured", selected: "selected", changed: "changed" }, ngImport: i0, template: "<div class=\"kit-units-textbox {{ state }}\" [class.textbox-disabled]=\"disabledTextBox\"\n [class.dropdown-disabled]=\"disabledDropdown\"\n [class.units-left]=\"dropdownPosition === KitUnitsTextboxDropdownPosition.LEFT\">\n <kendo-label *ngIf=\"label\" class=\"label display-block\"\n [text]=\"label\"\n ></kendo-label>\n <div class=\"units-textbox-wrap\">\n <kendo-textbox *ngIf=\"textboxType === KitUnitsTextboxType.TEXT; else numericTextboxTemplate\"\n [placeholder]=\"placeholder\"\n [value]=\"textBoxFormControl.value || textBoxValue\"\n [disabled]=\"disabledTextBox\"\n [maxlength]=\"maxlength\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-textbox>\n <ng-template #numericTextboxTemplate>\n <kendo-numerictextbox [placeholder]=\"placeholder\"\n [value]=\"textBoxFormControl.value || textBoxValue\"\n [decimals]=\"decimals\"\n [min]=\"min\"\n [max]=\"max\"\n [maxlength]=\"maxlength\"\n [format]=\"format\"\n [autoCorrect]=\"true\"\n [spinners]=\"false\"\n [selectOnFocus]=\"false\"\n [disabled]=\"disabledTextBox\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-numerictextbox>\n </ng-template>\n <kendo-dropdownlist valueField=\"value\" textField=\"text\"\n [data]=\"dropdownItems\"\n [value]=\"dropdownFormControl.value || selectedDropdownItem\"\n [valuePrimitive]=\"true\"\n [disabled]=\"disabledDropdown\"\n [popupSettings]=\"dropdownPopupSettings\"\n [itemDisabled]=\"onItemDisabled()\"\n (selectionChange)=\"onItemSelect($event)\"\n (blur)=\"onDropdownBlur()\"\n ></kendo-dropdownlist>\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-units-textbox .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-units-textbox .units-textbox-wrap{display:flex;height:34px;border:1px solid #efefef;border-radius:4px;background:#ffffff;box-sizing:border-box}.kit-units-textbox .k-textbox,.kit-units-textbox .k-numerictextbox{height:100%;width:auto;opacity:1;border:none;box-shadow:none;flex-grow:1;background:none}.kit-units-textbox .k-textbox .k-input-inner,.kit-units-textbox .k-numerictextbox .k-input-inner{padding:0 8px;width:100%;color:#002a3a;font-size:13px;line-height:1}.kit-units-textbox .k-dropdownlist{position:relative;width:auto;overflow:visible;border:none;background:none}.kit-units-textbox .k-dropdownlist.k-focus{box-shadow:none}.kit-units-textbox .k-dropdownlist:hover{background:none}.kit-units-textbox .k-dropdownlist .k-input-inner{padding:0;height:100%;justify-content:flex-end;font-size:13px;font-weight:500;color:#56a2f7;overflow:visible}.kit-units-textbox .k-dropdownlist .k-input-value-text{overflow:visible}.kit-units-textbox .k-dropdownlist .k-input-button{line-height:1}.kit-units-textbox .k-dropdownlist .k-icon:before{content:\"\\e015\";color:#000}.kit-units-textbox:focus-within .units-textbox-wrap{border:1px solid #00b0ad}.kit-units-textbox .k-animation-container{position:absolute;left:auto!important;right:0!important}.kit-units-textbox .kit-dropdown-popup{margin-top:8px;min-width:75px;border:1px solid #c1c7d0;border-radius:4px;box-shadow:0 0 8px #003e5680;background-color:#f3f4f6;padding:4px}.kit-units-textbox .kit-dropdown-popup .k-list-ul{background-color:#f3f4f6}.kit-units-textbox .kit-dropdown-popup .k-list-item{background-color:#fff;font-size:13px;font-weight:500;box-shadow:none;border-radius:2px;color:#002a3a;justify-content:flex-end;text-align:right}.kit-units-textbox .kit-dropdown-popup .k-list-item:not(:last-of-type){margin-bottom:4px}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-state-focused{background-color:#fff;color:#27282a}.kit-units-textbox .kit-dropdown-popup .k-list-item:hover,.kit-units-textbox .kit-dropdown-popup .k-list-item.k-focus:hover{background-color:#f3f5fa;color:#56a2f7}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-selected{background-color:#56a2f7;color:#fff}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-disabled{background-color:#f3f4f6;color:#9a9fa6}.kit-units-textbox.textbox-disabled .label{color:#74777d}.kit-units-textbox.textbox-disabled .units-textbox-wrap{border-color:#c1c7d0;background-color:#f3f4f6;box-shadow:none}.kit-units-textbox.textbox-disabled .k-textbox .k-input-inner,.kit-units-textbox.textbox-disabled .k-numerictextbox .k-input-inner{color:#9a9fa6}.kit-units-textbox.units-left .units-textbox-wrap{flex-direction:row-reverse}.kit-units-textbox.units-left .k-textbox,.kit-units-textbox.units-left .k-numerictextbox{grid-column:2;grid-row:1}.kit-units-textbox.units-left .k-textbox .k-input,.kit-units-textbox.units-left .k-numerictextbox .k-input{padding-left:0}.kit-units-textbox.units-left .k-dropdownlist{grid-column:1}.kit-units-textbox.units-left .k-dropdownlist .k-input-inner{padding-left:8px;width:auto}.kit-units-textbox.units-left .k-animation-container{left:0!important;right:auto!important}.kit-units-textbox.units-left .kit-dropdown-popup .k-list-item{justify-content:flex-start;text-align:left}.kit-units-textbox .k-input-prefix,.kit-units-textbox .k-input-suffix{height:0}.kit-units-textbox.dropdown-disabled .k-dropdownlist .k-input-inner,.kit-units-textbox.dropdown-disabled .k-dropdownlist .k-icon:before{color:#9a9fa6}.kit-units-textbox.danger .units-textbox-wrap{border-color:#ef3e42;background:#f8e0e0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "errorIcon", "clearButtonIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "component", type: i2.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur"], exportAs: ["kendoNumericTextBox"] }, { kind: "component", type: i3.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["iconClass", "loading", "data", "value", "textField", "valueField", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "component", type: i4.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { kind: "component", type: i5.KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
123
123
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: KitUnitsTextboxComponent, decorators: [{
|
|
124
124
|
type: Component,
|
|
125
|
-
args: [{ selector: 'kit-units-textbox', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"kit-units-textbox {{ state }}\" [class.textbox-disabled]=\"disabledTextBox\"\n [class.dropdown-disabled]=\"disabledDropdown\"\n [class.units-left]=\"dropdownPosition === KitUnitsTextboxDropdownPosition.LEFT\">\n <kendo-label *ngIf=\"label\" class=\"label display-block\"\n [text]=\"label\"\n ></kendo-label>\n <div class=\"units-textbox-wrap\">\n <kendo-textbox *ngIf=\"textboxType === KitUnitsTextboxType.TEXT; else numericTextboxTemplate\"\n [placeholder]=\"placeholder\"\n [value]=\"textBoxFormControl.value || textBoxValue\"\n [disabled]=\"disabledTextBox\"\n [maxlength]=\"maxlength\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-textbox>\n <ng-template #numericTextboxTemplate>\n <kendo-numerictextbox [placeholder]=\"placeholder\"\n [value]=\"textBoxFormControl.value || textBoxValue\"\n [decimals]=\"decimals\"\n [min]=\"min\"\n [max]=\"max\"\n [maxlength]=\"maxlength\"\n [format]=\"format\"\n [autoCorrect]=\"true\"\n [spinners]=\"false\"\n [selectOnFocus]=\"false\"\n [disabled]=\"disabledTextBox\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-numerictextbox>\n </ng-template>\n <kendo-dropdownlist valueField=\"value\" textField=\"text\"\n [data]=\"dropdownItems\"\n [value]=\"dropdownFormControl.value || selectedDropdownItem\"\n [valuePrimitive]=\"true\"\n [disabled]=\"disabledDropdown\"\n [popupSettings]=\"dropdownPopupSettings\"\n [itemDisabled]=\"onItemDisabled()\"\n (selectionChange)=\"onItemSelect($event)\"\n (blur)=\"onDropdownBlur()\"\n ></kendo-dropdownlist>\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-units-textbox .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-units-textbox .units-textbox-wrap{display:flex;height:34px;border:1px solid #efefef;border-radius:4px;background:#ffffff;box-sizing:border-box}.kit-units-textbox .k-textbox,.kit-units-textbox .k-numerictextbox{height:100%;width:auto;opacity:1;border:none;box-shadow:none;flex-grow:1;background:none}.kit-units-textbox .k-textbox .k-input-inner,.kit-units-textbox .k-numerictextbox .k-input-inner{padding:0 8px;width:100%;color:#002a3a;font-size:13px;line-height:1}.kit-units-textbox .k-dropdownlist{width:auto;overflow:visible;border:none;background:none}.kit-units-textbox .k-dropdownlist.k-focus{box-shadow:none}.kit-units-textbox .k-dropdownlist:hover{background:none}.kit-units-textbox .k-dropdownlist .k-input-inner{padding:0;height:100%;justify-content:flex-end;font-size:13px;font-weight:500;color:#56a2f7;overflow:visible}.kit-units-textbox .k-dropdownlist .k-input-value-text{overflow:visible}.kit-units-textbox .k-dropdownlist .k-input-button{line-height:1}.kit-units-textbox .k-dropdownlist .k-icon:before{content:\"\\e015\";color:#000}.kit-units-textbox:focus-within .units-textbox-wrap{border:1px solid #00b0ad}.kit-units-textbox .k-animation-container{left:auto!important;right:0!important}.kit-units-textbox .kit-dropdown-popup{margin-top:8px;min-width:75px;border:1px solid #c1c7d0;border-radius:4px;box-shadow:0 0 8px #003e5680;background-color:#f3f4f6;padding:4px}.kit-units-textbox .kit-dropdown-popup .k-list-ul{background-color:#f3f4f6}.kit-units-textbox .kit-dropdown-popup .k-list-item{background-color:#fff;font-size:13px;font-weight:500;box-shadow:none;border-radius:2px;color:#002a3a;justify-content:flex-end;text-align:right}.kit-units-textbox .kit-dropdown-popup .k-list-item:not(:last-of-type){margin-bottom:4px}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-state-focused{background-color:#fff;color:#27282a}.kit-units-textbox .kit-dropdown-popup .k-list-item:hover,.kit-units-textbox .kit-dropdown-popup .k-list-item.k-focus:hover{background-color:#f3f5fa;color:#56a2f7}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-selected{background-color:#56a2f7;color:#fff}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-disabled{background-color:#f3f4f6;color:#9a9fa6}.kit-units-textbox.textbox-disabled .label{color:#74777d}.kit-units-textbox.textbox-disabled .units-textbox-wrap{border-color:#c1c7d0;background-color:#f3f4f6;box-shadow:none}.kit-units-textbox.textbox-disabled .k-textbox .k-input-inner,.kit-units-textbox.textbox-disabled .k-numerictextbox .k-input-inner{color:#9a9fa6}.kit-units-textbox.units-left .units-textbox-wrap{flex-direction:row-reverse}.kit-units-textbox.units-left .k-textbox,.kit-units-textbox.units-left .k-numerictextbox{grid-column:2;grid-row:1}.kit-units-textbox.units-left .k-textbox .k-input,.kit-units-textbox.units-left .k-numerictextbox .k-input{padding-left:0}.kit-units-textbox.units-left .k-dropdownlist{grid-column:1}.kit-units-textbox.units-left .k-dropdownlist .k-input-inner{padding-left:8px;width:auto}.kit-units-textbox.units-left .k-animation-container{left:0!important;right:auto!important}.kit-units-textbox.units-left .kit-dropdown-popup .k-list-item{justify-content:flex-start;text-align:left}.kit-units-textbox .k-input-prefix,.kit-units-textbox .k-input-suffix{height:0}.kit-units-textbox.dropdown-disabled .k-dropdownlist .k-input-inner,.kit-units-textbox.dropdown-disabled .k-dropdownlist .k-icon:before{color:#9a9fa6}.kit-units-textbox.danger .units-textbox-wrap{border-color:#ef3e42;background:#f8e0e0}\n"] }]
|
|
125
|
+
args: [{ selector: 'kit-units-textbox', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"kit-units-textbox {{ state }}\" [class.textbox-disabled]=\"disabledTextBox\"\n [class.dropdown-disabled]=\"disabledDropdown\"\n [class.units-left]=\"dropdownPosition === KitUnitsTextboxDropdownPosition.LEFT\">\n <kendo-label *ngIf=\"label\" class=\"label display-block\"\n [text]=\"label\"\n ></kendo-label>\n <div class=\"units-textbox-wrap\">\n <kendo-textbox *ngIf=\"textboxType === KitUnitsTextboxType.TEXT; else numericTextboxTemplate\"\n [placeholder]=\"placeholder\"\n [value]=\"textBoxFormControl.value || textBoxValue\"\n [disabled]=\"disabledTextBox\"\n [maxlength]=\"maxlength\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-textbox>\n <ng-template #numericTextboxTemplate>\n <kendo-numerictextbox [placeholder]=\"placeholder\"\n [value]=\"textBoxFormControl.value || textBoxValue\"\n [decimals]=\"decimals\"\n [min]=\"min\"\n [max]=\"max\"\n [maxlength]=\"maxlength\"\n [format]=\"format\"\n [autoCorrect]=\"true\"\n [spinners]=\"false\"\n [selectOnFocus]=\"false\"\n [disabled]=\"disabledTextBox\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-numerictextbox>\n </ng-template>\n <kendo-dropdownlist valueField=\"value\" textField=\"text\"\n [data]=\"dropdownItems\"\n [value]=\"dropdownFormControl.value || selectedDropdownItem\"\n [valuePrimitive]=\"true\"\n [disabled]=\"disabledDropdown\"\n [popupSettings]=\"dropdownPopupSettings\"\n [itemDisabled]=\"onItemDisabled()\"\n (selectionChange)=\"onItemSelect($event)\"\n (blur)=\"onDropdownBlur()\"\n ></kendo-dropdownlist>\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-units-textbox .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-units-textbox .units-textbox-wrap{display:flex;height:34px;border:1px solid #efefef;border-radius:4px;background:#ffffff;box-sizing:border-box}.kit-units-textbox .k-textbox,.kit-units-textbox .k-numerictextbox{height:100%;width:auto;opacity:1;border:none;box-shadow:none;flex-grow:1;background:none}.kit-units-textbox .k-textbox .k-input-inner,.kit-units-textbox .k-numerictextbox .k-input-inner{padding:0 8px;width:100%;color:#002a3a;font-size:13px;line-height:1}.kit-units-textbox .k-dropdownlist{position:relative;width:auto;overflow:visible;border:none;background:none}.kit-units-textbox .k-dropdownlist.k-focus{box-shadow:none}.kit-units-textbox .k-dropdownlist:hover{background:none}.kit-units-textbox .k-dropdownlist .k-input-inner{padding:0;height:100%;justify-content:flex-end;font-size:13px;font-weight:500;color:#56a2f7;overflow:visible}.kit-units-textbox .k-dropdownlist .k-input-value-text{overflow:visible}.kit-units-textbox .k-dropdownlist .k-input-button{line-height:1}.kit-units-textbox .k-dropdownlist .k-icon:before{content:\"\\e015\";color:#000}.kit-units-textbox:focus-within .units-textbox-wrap{border:1px solid #00b0ad}.kit-units-textbox .k-animation-container{position:absolute;left:auto!important;right:0!important}.kit-units-textbox .kit-dropdown-popup{margin-top:8px;min-width:75px;border:1px solid #c1c7d0;border-radius:4px;box-shadow:0 0 8px #003e5680;background-color:#f3f4f6;padding:4px}.kit-units-textbox .kit-dropdown-popup .k-list-ul{background-color:#f3f4f6}.kit-units-textbox .kit-dropdown-popup .k-list-item{background-color:#fff;font-size:13px;font-weight:500;box-shadow:none;border-radius:2px;color:#002a3a;justify-content:flex-end;text-align:right}.kit-units-textbox .kit-dropdown-popup .k-list-item:not(:last-of-type){margin-bottom:4px}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-state-focused{background-color:#fff;color:#27282a}.kit-units-textbox .kit-dropdown-popup .k-list-item:hover,.kit-units-textbox .kit-dropdown-popup .k-list-item.k-focus:hover{background-color:#f3f5fa;color:#56a2f7}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-selected{background-color:#56a2f7;color:#fff}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-disabled{background-color:#f3f4f6;color:#9a9fa6}.kit-units-textbox.textbox-disabled .label{color:#74777d}.kit-units-textbox.textbox-disabled .units-textbox-wrap{border-color:#c1c7d0;background-color:#f3f4f6;box-shadow:none}.kit-units-textbox.textbox-disabled .k-textbox .k-input-inner,.kit-units-textbox.textbox-disabled .k-numerictextbox .k-input-inner{color:#9a9fa6}.kit-units-textbox.units-left .units-textbox-wrap{flex-direction:row-reverse}.kit-units-textbox.units-left .k-textbox,.kit-units-textbox.units-left .k-numerictextbox{grid-column:2;grid-row:1}.kit-units-textbox.units-left .k-textbox .k-input,.kit-units-textbox.units-left .k-numerictextbox .k-input{padding-left:0}.kit-units-textbox.units-left .k-dropdownlist{grid-column:1}.kit-units-textbox.units-left .k-dropdownlist .k-input-inner{padding-left:8px;width:auto}.kit-units-textbox.units-left .k-animation-container{left:0!important;right:auto!important}.kit-units-textbox.units-left .kit-dropdown-popup .k-list-item{justify-content:flex-start;text-align:left}.kit-units-textbox .k-input-prefix,.kit-units-textbox .k-input-suffix{height:0}.kit-units-textbox.dropdown-disabled .k-dropdownlist .k-input-inner,.kit-units-textbox.dropdown-disabled .k-dropdownlist .k-icon:before{color:#9a9fa6}.kit-units-textbox.danger .units-textbox-wrap{border-color:#ef3e42;background:#f8e0e0}\n"] }]
|
|
126
126
|
}], propDecorators: { placeholder: [{
|
|
127
127
|
type: Input
|
|
128
128
|
}], label: [{
|
|
@@ -98,10 +98,10 @@ class KitButtonComponent {
|
|
|
98
98
|
}
|
|
99
99
|
}
|
|
100
100
|
KitButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: KitButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
101
|
-
KitButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: KitButtonComponent, selector: "kit-button", inputs: { disabled: "disabled", label: "label", type: "type", icon: "icon", kind: "kind", iconPosition: "iconPosition", buttonClass: "buttonClass" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"kit-button\">\n <button kendoButton\n [disabled]=\"disabled\"\n [ngClass]=\"[type, kind, iconPosition, buttonClass]\"\n (click)=\"clicked.emit()\">\n {{ label }}\n <kit-svg-icon *ngIf=\"icon\"\n class=\"button-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n </button>\n</div>\n", styles: [":root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-main-20: #ddecfd;--ui-kit-color-grey-0: #252b30;--ui-kit-color-grey-2: #a7b2c3;--ui-kit-color-grey-3: #c2d1d9;--ui-kit-color-grey-4: #e2e7ed;--ui-kit-color-grey-5: #fafafc;--ui-kit-color-grey-6: #ebebe4;--ui-kit-color-grey-7: #a9a8a8;--ui-kit-color-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0}.kit-button .icon-right{flex-direction:row}.kit-button .icon-right .button-icon{margin-left:8px}.kit-button .icon-left{flex-direction:row-reverse}.kit-button .icon-left .button-icon{margin-right:8px}.kit-button .k-button{height:44px;padding:0 12px;color:var(--ui-kit-color-white);font-weight:500;font-size:14px;gap:0;border-radius:6px;border:1px solid transparent}.kit-button .k-button .button-icon{width:16px;height:16px;stroke:var(--ui-kit-color-white);fill:none}.kit-button .k-button.small{height:28px;line-height:1;font-size:12px}.kit-button .k-button.filled{background:var(--ui-kit-color-main)}.kit-button .k-button.filled.k-state-focused{border-color:#3678c3}.kit-button .k-button.outlined{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-white)}.kit-button .k-button.outlined .button-icon{stroke:var(--ui-kit-color-main)}.kit-button .k-button:disabled{color:#a9a8a8;background:#ebebe4}.kit-button .k-button:disabled .button-icon{stroke:#a9a8a8}.kit-button .k-button.k-state-focused{box-shadow:0 0 2px 4px #c7dff9}.kit-button .filled:hover{background:#002a3a}.kit-button .outlined:hover{background:var(--ui-kit-color-white-20)}.kit-button .outlined:disabled{border-color:#a9a8a8}.kit-button .icon-right.k-button.small .button-icon{margin-left:4px}.kit-button .icon-left.k-button.small .button-icon{margin-right:4px}\n"], dependencies: [{ kind: "directive", type: i1.ButtonDirective, selector: "button[kendoButton], span[kendoButton]", inputs: ["toggleable", "togglable", "selected", "tabIndex", "icon", "iconClass", "imageUrl", "disabled", "size", "rounded", "fillMode", "themeColor", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
101
|
+
KitButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: KitButtonComponent, selector: "kit-button", inputs: { disabled: "disabled", label: "label", type: "type", icon: "icon", kind: "kind", iconPosition: "iconPosition", buttonClass: "buttonClass" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"kit-button\">\n <button kendoButton\n [disabled]=\"disabled\"\n [ngClass]=\"[type, kind, iconPosition, buttonClass]\"\n (click)=\"clicked.emit()\">\n {{ label }}\n <kit-svg-icon *ngIf=\"icon\"\n class=\"button-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n </button>\n</div>\n", styles: [":root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-main-20: #ddecfd;--ui-kit-color-grey-0: #252b30;--ui-kit-color-grey-2: #a7b2c3;--ui-kit-color-grey-3: #c2d1d9;--ui-kit-color-grey-4: #e2e7ed;--ui-kit-color-grey-5: #fafafc;--ui-kit-color-grey-6: #ebebe4;--ui-kit-color-grey-7: #a9a8a8;--ui-kit-color-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0}.kit-button .icon-right .k-button-text{flex-direction:row}.kit-button .icon-right .button-icon{margin-left:8px}.kit-button .icon-left .k-button-text{flex-direction:row-reverse}.kit-button .icon-left .button-icon{margin-right:8px}.kit-button .k-button{height:44px;padding:0 12px;color:var(--ui-kit-color-white);font-weight:500;font-size:14px;gap:0;border-radius:6px;border:1px solid transparent}.kit-button .k-button .button-icon{display:block;width:16px;height:16px;stroke:var(--ui-kit-color-white);fill:none}.kit-button .k-button.small{height:28px;line-height:1;font-size:12px}.kit-button .k-button.filled{background:var(--ui-kit-color-main)}.kit-button .k-button.filled.k-state-focused{border-color:#3678c3}.kit-button .k-button.outlined{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-white)}.kit-button .k-button.outlined .button-icon{stroke:var(--ui-kit-color-main)}.kit-button .k-button:disabled{color:#a9a8a8;background:#ebebe4}.kit-button .k-button:disabled .button-icon{stroke:#a9a8a8}.kit-button .k-button.k-state-focused{box-shadow:0 0 2px 4px #c7dff9}.kit-button .filled:hover{background:#002a3a}.kit-button .outlined:hover{background:var(--ui-kit-color-white-20)}.kit-button .outlined:disabled{border-color:#a9a8a8}.kit-button .k-button-text{display:flex;align-items:center}.kit-button .icon-right.k-button.small .button-icon{margin-left:4px}.kit-button .icon-left.k-button.small .button-icon{margin-right:4px}\n"], dependencies: [{ kind: "directive", type: i1.ButtonDirective, selector: "button[kendoButton], span[kendoButton]", inputs: ["toggleable", "togglable", "selected", "tabIndex", "icon", "iconClass", "imageUrl", "disabled", "size", "rounded", "fillMode", "themeColor", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
102
102
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: KitButtonComponent, decorators: [{
|
|
103
103
|
type: Component,
|
|
104
|
-
args: [{ selector: 'kit-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-button\">\n <button kendoButton\n [disabled]=\"disabled\"\n [ngClass]=\"[type, kind, iconPosition, buttonClass]\"\n (click)=\"clicked.emit()\">\n {{ label }}\n <kit-svg-icon *ngIf=\"icon\"\n class=\"button-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n </button>\n</div>\n", styles: [":root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-main-20: #ddecfd;--ui-kit-color-grey-0: #252b30;--ui-kit-color-grey-2: #a7b2c3;--ui-kit-color-grey-3: #c2d1d9;--ui-kit-color-grey-4: #e2e7ed;--ui-kit-color-grey-5: #fafafc;--ui-kit-color-grey-6: #ebebe4;--ui-kit-color-grey-7: #a9a8a8;--ui-kit-color-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0}.kit-button .icon-right{flex-direction:row}.kit-button .icon-right .button-icon{margin-left:8px}.kit-button .icon-left{flex-direction:row-reverse}.kit-button .icon-left .button-icon{margin-right:8px}.kit-button .k-button{height:44px;padding:0 12px;color:var(--ui-kit-color-white);font-weight:500;font-size:14px;gap:0;border-radius:6px;border:1px solid transparent}.kit-button .k-button .button-icon{width:16px;height:16px;stroke:var(--ui-kit-color-white);fill:none}.kit-button .k-button.small{height:28px;line-height:1;font-size:12px}.kit-button .k-button.filled{background:var(--ui-kit-color-main)}.kit-button .k-button.filled.k-state-focused{border-color:#3678c3}.kit-button .k-button.outlined{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-white)}.kit-button .k-button.outlined .button-icon{stroke:var(--ui-kit-color-main)}.kit-button .k-button:disabled{color:#a9a8a8;background:#ebebe4}.kit-button .k-button:disabled .button-icon{stroke:#a9a8a8}.kit-button .k-button.k-state-focused{box-shadow:0 0 2px 4px #c7dff9}.kit-button .filled:hover{background:#002a3a}.kit-button .outlined:hover{background:var(--ui-kit-color-white-20)}.kit-button .outlined:disabled{border-color:#a9a8a8}.kit-button .icon-right.k-button.small .button-icon{margin-left:4px}.kit-button .icon-left.k-button.small .button-icon{margin-right:4px}\n"] }]
|
|
104
|
+
args: [{ selector: 'kit-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-button\">\n <button kendoButton\n [disabled]=\"disabled\"\n [ngClass]=\"[type, kind, iconPosition, buttonClass]\"\n (click)=\"clicked.emit()\">\n {{ label }}\n <kit-svg-icon *ngIf=\"icon\"\n class=\"button-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n </button>\n</div>\n", styles: [":root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-main-20: #ddecfd;--ui-kit-color-grey-0: #252b30;--ui-kit-color-grey-2: #a7b2c3;--ui-kit-color-grey-3: #c2d1d9;--ui-kit-color-grey-4: #e2e7ed;--ui-kit-color-grey-5: #fafafc;--ui-kit-color-grey-6: #ebebe4;--ui-kit-color-grey-7: #a9a8a8;--ui-kit-color-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0}.kit-button .icon-right .k-button-text{flex-direction:row}.kit-button .icon-right .button-icon{margin-left:8px}.kit-button .icon-left .k-button-text{flex-direction:row-reverse}.kit-button .icon-left .button-icon{margin-right:8px}.kit-button .k-button{height:44px;padding:0 12px;color:var(--ui-kit-color-white);font-weight:500;font-size:14px;gap:0;border-radius:6px;border:1px solid transparent}.kit-button .k-button .button-icon{display:block;width:16px;height:16px;stroke:var(--ui-kit-color-white);fill:none}.kit-button .k-button.small{height:28px;line-height:1;font-size:12px}.kit-button .k-button.filled{background:var(--ui-kit-color-main)}.kit-button .k-button.filled.k-state-focused{border-color:#3678c3}.kit-button .k-button.outlined{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-white)}.kit-button .k-button.outlined .button-icon{stroke:var(--ui-kit-color-main)}.kit-button .k-button:disabled{color:#a9a8a8;background:#ebebe4}.kit-button .k-button:disabled .button-icon{stroke:#a9a8a8}.kit-button .k-button.k-state-focused{box-shadow:0 0 2px 4px #c7dff9}.kit-button .filled:hover{background:#002a3a}.kit-button .outlined:hover{background:var(--ui-kit-color-white-20)}.kit-button .outlined:disabled{border-color:#a9a8a8}.kit-button .k-button-text{display:flex;align-items:center}.kit-button .icon-right.k-button.small .button-icon{margin-left:4px}.kit-button .icon-left.k-button.small .button-icon{margin-right:4px}\n"] }]
|
|
105
105
|
}], propDecorators: { disabled: [{
|
|
106
106
|
type: Input
|
|
107
107
|
}], label: [{
|
|
@@ -1446,10 +1446,10 @@ class KitUnitsTextboxComponent {
|
|
|
1446
1446
|
}
|
|
1447
1447
|
}
|
|
1448
1448
|
KitUnitsTextboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: KitUnitsTextboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1449
|
-
KitUnitsTextboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: KitUnitsTextboxComponent, selector: "kit-units-textbox", inputs: { placeholder: "placeholder", label: "label", disabledTextBox: "disabledTextBox", disabledDropdown: "disabledDropdown", dropdownItems: "dropdownItems", selectedDropdownItem: "selectedDropdownItem", textBoxValue: "textBoxValue", textBoxFormControl: "textBoxFormControl", dropdownFormControl: "dropdownFormControl", messageIcon: "messageIcon", messageText: "messageText", messageType: "messageType", dropdownPosition: "dropdownPosition", textboxType: "textboxType", decimals: "decimals", min: "min", max: "max", maxlength: "maxlength", format: "format", state: "state" }, outputs: { blured: "blured", selected: "selected", changed: "changed" }, ngImport: i0, template: "<div class=\"kit-units-textbox {{ state }}\" [class.textbox-disabled]=\"disabledTextBox\"\n [class.dropdown-disabled]=\"disabledDropdown\"\n [class.units-left]=\"dropdownPosition === KitUnitsTextboxDropdownPosition.LEFT\">\n <kendo-label *ngIf=\"label\" class=\"label display-block\"\n [text]=\"label\"\n ></kendo-label>\n <div class=\"units-textbox-wrap\">\n <kendo-textbox *ngIf=\"textboxType === KitUnitsTextboxType.TEXT; else numericTextboxTemplate\"\n [placeholder]=\"placeholder\"\n [value]=\"textBoxFormControl.value || textBoxValue\"\n [disabled]=\"disabledTextBox\"\n [maxlength]=\"maxlength\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-textbox>\n <ng-template #numericTextboxTemplate>\n <kendo-numerictextbox [placeholder]=\"placeholder\"\n [value]=\"textBoxFormControl.value || textBoxValue\"\n [decimals]=\"decimals\"\n [min]=\"min\"\n [max]=\"max\"\n [maxlength]=\"maxlength\"\n [format]=\"format\"\n [autoCorrect]=\"true\"\n [spinners]=\"false\"\n [selectOnFocus]=\"false\"\n [disabled]=\"disabledTextBox\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-numerictextbox>\n </ng-template>\n <kendo-dropdownlist valueField=\"value\" textField=\"text\"\n [data]=\"dropdownItems\"\n [value]=\"dropdownFormControl.value || selectedDropdownItem\"\n [valuePrimitive]=\"true\"\n [disabled]=\"disabledDropdown\"\n [popupSettings]=\"dropdownPopupSettings\"\n [itemDisabled]=\"onItemDisabled()\"\n (selectionChange)=\"onItemSelect($event)\"\n (blur)=\"onDropdownBlur()\"\n ></kendo-dropdownlist>\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-units-textbox .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-units-textbox .units-textbox-wrap{display:flex;height:34px;border:1px solid #efefef;border-radius:4px;background:#ffffff;box-sizing:border-box}.kit-units-textbox .k-textbox,.kit-units-textbox .k-numerictextbox{height:100%;width:auto;opacity:1;border:none;box-shadow:none;flex-grow:1;background:none}.kit-units-textbox .k-textbox .k-input-inner,.kit-units-textbox .k-numerictextbox .k-input-inner{padding:0 8px;width:100%;color:#002a3a;font-size:13px;line-height:1}.kit-units-textbox .k-dropdownlist{width:auto;overflow:visible;border:none;background:none}.kit-units-textbox .k-dropdownlist.k-focus{box-shadow:none}.kit-units-textbox .k-dropdownlist:hover{background:none}.kit-units-textbox .k-dropdownlist .k-input-inner{padding:0;height:100%;justify-content:flex-end;font-size:13px;font-weight:500;color:#56a2f7;overflow:visible}.kit-units-textbox .k-dropdownlist .k-input-value-text{overflow:visible}.kit-units-textbox .k-dropdownlist .k-input-button{line-height:1}.kit-units-textbox .k-dropdownlist .k-icon:before{content:\"\\e015\";color:#000}.kit-units-textbox:focus-within .units-textbox-wrap{border:1px solid #00b0ad}.kit-units-textbox .k-animation-container{left:auto!important;right:0!important}.kit-units-textbox .kit-dropdown-popup{margin-top:8px;min-width:75px;border:1px solid #c1c7d0;border-radius:4px;box-shadow:0 0 8px #003e5680;background-color:#f3f4f6;padding:4px}.kit-units-textbox .kit-dropdown-popup .k-list-ul{background-color:#f3f4f6}.kit-units-textbox .kit-dropdown-popup .k-list-item{background-color:#fff;font-size:13px;font-weight:500;box-shadow:none;border-radius:2px;color:#002a3a;justify-content:flex-end;text-align:right}.kit-units-textbox .kit-dropdown-popup .k-list-item:not(:last-of-type){margin-bottom:4px}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-state-focused{background-color:#fff;color:#27282a}.kit-units-textbox .kit-dropdown-popup .k-list-item:hover,.kit-units-textbox .kit-dropdown-popup .k-list-item.k-focus:hover{background-color:#f3f5fa;color:#56a2f7}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-selected{background-color:#56a2f7;color:#fff}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-disabled{background-color:#f3f4f6;color:#9a9fa6}.kit-units-textbox.textbox-disabled .label{color:#74777d}.kit-units-textbox.textbox-disabled .units-textbox-wrap{border-color:#c1c7d0;background-color:#f3f4f6;box-shadow:none}.kit-units-textbox.textbox-disabled .k-textbox .k-input-inner,.kit-units-textbox.textbox-disabled .k-numerictextbox .k-input-inner{color:#9a9fa6}.kit-units-textbox.units-left .units-textbox-wrap{flex-direction:row-reverse}.kit-units-textbox.units-left .k-textbox,.kit-units-textbox.units-left .k-numerictextbox{grid-column:2;grid-row:1}.kit-units-textbox.units-left .k-textbox .k-input,.kit-units-textbox.units-left .k-numerictextbox .k-input{padding-left:0}.kit-units-textbox.units-left .k-dropdownlist{grid-column:1}.kit-units-textbox.units-left .k-dropdownlist .k-input-inner{padding-left:8px;width:auto}.kit-units-textbox.units-left .k-animation-container{left:0!important;right:auto!important}.kit-units-textbox.units-left .kit-dropdown-popup .k-list-item{justify-content:flex-start;text-align:left}.kit-units-textbox .k-input-prefix,.kit-units-textbox .k-input-suffix{height:0}.kit-units-textbox.dropdown-disabled .k-dropdownlist .k-input-inner,.kit-units-textbox.dropdown-disabled .k-dropdownlist .k-icon:before{color:#9a9fa6}.kit-units-textbox.danger .units-textbox-wrap{border-color:#ef3e42;background:#f8e0e0}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "errorIcon", "clearButtonIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "component", type: i2.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur"], exportAs: ["kendoNumericTextBox"] }, { kind: "component", type: i2$1.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["iconClass", "loading", "data", "value", "textField", "valueField", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "component", type: i3.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { kind: "component", type: KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1449
|
+
KitUnitsTextboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: KitUnitsTextboxComponent, selector: "kit-units-textbox", inputs: { placeholder: "placeholder", label: "label", disabledTextBox: "disabledTextBox", disabledDropdown: "disabledDropdown", dropdownItems: "dropdownItems", selectedDropdownItem: "selectedDropdownItem", textBoxValue: "textBoxValue", textBoxFormControl: "textBoxFormControl", dropdownFormControl: "dropdownFormControl", messageIcon: "messageIcon", messageText: "messageText", messageType: "messageType", dropdownPosition: "dropdownPosition", textboxType: "textboxType", decimals: "decimals", min: "min", max: "max", maxlength: "maxlength", format: "format", state: "state" }, outputs: { blured: "blured", selected: "selected", changed: "changed" }, ngImport: i0, template: "<div class=\"kit-units-textbox {{ state }}\" [class.textbox-disabled]=\"disabledTextBox\"\n [class.dropdown-disabled]=\"disabledDropdown\"\n [class.units-left]=\"dropdownPosition === KitUnitsTextboxDropdownPosition.LEFT\">\n <kendo-label *ngIf=\"label\" class=\"label display-block\"\n [text]=\"label\"\n ></kendo-label>\n <div class=\"units-textbox-wrap\">\n <kendo-textbox *ngIf=\"textboxType === KitUnitsTextboxType.TEXT; else numericTextboxTemplate\"\n [placeholder]=\"placeholder\"\n [value]=\"textBoxFormControl.value || textBoxValue\"\n [disabled]=\"disabledTextBox\"\n [maxlength]=\"maxlength\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-textbox>\n <ng-template #numericTextboxTemplate>\n <kendo-numerictextbox [placeholder]=\"placeholder\"\n [value]=\"textBoxFormControl.value || textBoxValue\"\n [decimals]=\"decimals\"\n [min]=\"min\"\n [max]=\"max\"\n [maxlength]=\"maxlength\"\n [format]=\"format\"\n [autoCorrect]=\"true\"\n [spinners]=\"false\"\n [selectOnFocus]=\"false\"\n [disabled]=\"disabledTextBox\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-numerictextbox>\n </ng-template>\n <kendo-dropdownlist valueField=\"value\" textField=\"text\"\n [data]=\"dropdownItems\"\n [value]=\"dropdownFormControl.value || selectedDropdownItem\"\n [valuePrimitive]=\"true\"\n [disabled]=\"disabledDropdown\"\n [popupSettings]=\"dropdownPopupSettings\"\n [itemDisabled]=\"onItemDisabled()\"\n (selectionChange)=\"onItemSelect($event)\"\n (blur)=\"onDropdownBlur()\"\n ></kendo-dropdownlist>\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-units-textbox .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-units-textbox .units-textbox-wrap{display:flex;height:34px;border:1px solid #efefef;border-radius:4px;background:#ffffff;box-sizing:border-box}.kit-units-textbox .k-textbox,.kit-units-textbox .k-numerictextbox{height:100%;width:auto;opacity:1;border:none;box-shadow:none;flex-grow:1;background:none}.kit-units-textbox .k-textbox .k-input-inner,.kit-units-textbox .k-numerictextbox .k-input-inner{padding:0 8px;width:100%;color:#002a3a;font-size:13px;line-height:1}.kit-units-textbox .k-dropdownlist{position:relative;width:auto;overflow:visible;border:none;background:none}.kit-units-textbox .k-dropdownlist.k-focus{box-shadow:none}.kit-units-textbox .k-dropdownlist:hover{background:none}.kit-units-textbox .k-dropdownlist .k-input-inner{padding:0;height:100%;justify-content:flex-end;font-size:13px;font-weight:500;color:#56a2f7;overflow:visible}.kit-units-textbox .k-dropdownlist .k-input-value-text{overflow:visible}.kit-units-textbox .k-dropdownlist .k-input-button{line-height:1}.kit-units-textbox .k-dropdownlist .k-icon:before{content:\"\\e015\";color:#000}.kit-units-textbox:focus-within .units-textbox-wrap{border:1px solid #00b0ad}.kit-units-textbox .k-animation-container{position:absolute;left:auto!important;right:0!important}.kit-units-textbox .kit-dropdown-popup{margin-top:8px;min-width:75px;border:1px solid #c1c7d0;border-radius:4px;box-shadow:0 0 8px #003e5680;background-color:#f3f4f6;padding:4px}.kit-units-textbox .kit-dropdown-popup .k-list-ul{background-color:#f3f4f6}.kit-units-textbox .kit-dropdown-popup .k-list-item{background-color:#fff;font-size:13px;font-weight:500;box-shadow:none;border-radius:2px;color:#002a3a;justify-content:flex-end;text-align:right}.kit-units-textbox .kit-dropdown-popup .k-list-item:not(:last-of-type){margin-bottom:4px}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-state-focused{background-color:#fff;color:#27282a}.kit-units-textbox .kit-dropdown-popup .k-list-item:hover,.kit-units-textbox .kit-dropdown-popup .k-list-item.k-focus:hover{background-color:#f3f5fa;color:#56a2f7}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-selected{background-color:#56a2f7;color:#fff}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-disabled{background-color:#f3f4f6;color:#9a9fa6}.kit-units-textbox.textbox-disabled .label{color:#74777d}.kit-units-textbox.textbox-disabled .units-textbox-wrap{border-color:#c1c7d0;background-color:#f3f4f6;box-shadow:none}.kit-units-textbox.textbox-disabled .k-textbox .k-input-inner,.kit-units-textbox.textbox-disabled .k-numerictextbox .k-input-inner{color:#9a9fa6}.kit-units-textbox.units-left .units-textbox-wrap{flex-direction:row-reverse}.kit-units-textbox.units-left .k-textbox,.kit-units-textbox.units-left .k-numerictextbox{grid-column:2;grid-row:1}.kit-units-textbox.units-left .k-textbox .k-input,.kit-units-textbox.units-left .k-numerictextbox .k-input{padding-left:0}.kit-units-textbox.units-left .k-dropdownlist{grid-column:1}.kit-units-textbox.units-left .k-dropdownlist .k-input-inner{padding-left:8px;width:auto}.kit-units-textbox.units-left .k-animation-container{left:0!important;right:auto!important}.kit-units-textbox.units-left .kit-dropdown-popup .k-list-item{justify-content:flex-start;text-align:left}.kit-units-textbox .k-input-prefix,.kit-units-textbox .k-input-suffix{height:0}.kit-units-textbox.dropdown-disabled .k-dropdownlist .k-input-inner,.kit-units-textbox.dropdown-disabled .k-dropdownlist .k-icon:before{color:#9a9fa6}.kit-units-textbox.danger .units-textbox-wrap{border-color:#ef3e42;background:#f8e0e0}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "errorIcon", "clearButtonIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "component", type: i2.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur"], exportAs: ["kendoNumericTextBox"] }, { kind: "component", type: i2$1.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["iconClass", "loading", "data", "value", "textField", "valueField", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "component", type: i3.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { kind: "component", type: KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1450
1450
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: KitUnitsTextboxComponent, decorators: [{
|
|
1451
1451
|
type: Component,
|
|
1452
|
-
args: [{ selector: 'kit-units-textbox', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"kit-units-textbox {{ state }}\" [class.textbox-disabled]=\"disabledTextBox\"\n [class.dropdown-disabled]=\"disabledDropdown\"\n [class.units-left]=\"dropdownPosition === KitUnitsTextboxDropdownPosition.LEFT\">\n <kendo-label *ngIf=\"label\" class=\"label display-block\"\n [text]=\"label\"\n ></kendo-label>\n <div class=\"units-textbox-wrap\">\n <kendo-textbox *ngIf=\"textboxType === KitUnitsTextboxType.TEXT; else numericTextboxTemplate\"\n [placeholder]=\"placeholder\"\n [value]=\"textBoxFormControl.value || textBoxValue\"\n [disabled]=\"disabledTextBox\"\n [maxlength]=\"maxlength\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-textbox>\n <ng-template #numericTextboxTemplate>\n <kendo-numerictextbox [placeholder]=\"placeholder\"\n [value]=\"textBoxFormControl.value || textBoxValue\"\n [decimals]=\"decimals\"\n [min]=\"min\"\n [max]=\"max\"\n [maxlength]=\"maxlength\"\n [format]=\"format\"\n [autoCorrect]=\"true\"\n [spinners]=\"false\"\n [selectOnFocus]=\"false\"\n [disabled]=\"disabledTextBox\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-numerictextbox>\n </ng-template>\n <kendo-dropdownlist valueField=\"value\" textField=\"text\"\n [data]=\"dropdownItems\"\n [value]=\"dropdownFormControl.value || selectedDropdownItem\"\n [valuePrimitive]=\"true\"\n [disabled]=\"disabledDropdown\"\n [popupSettings]=\"dropdownPopupSettings\"\n [itemDisabled]=\"onItemDisabled()\"\n (selectionChange)=\"onItemSelect($event)\"\n (blur)=\"onDropdownBlur()\"\n ></kendo-dropdownlist>\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-units-textbox .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-units-textbox .units-textbox-wrap{display:flex;height:34px;border:1px solid #efefef;border-radius:4px;background:#ffffff;box-sizing:border-box}.kit-units-textbox .k-textbox,.kit-units-textbox .k-numerictextbox{height:100%;width:auto;opacity:1;border:none;box-shadow:none;flex-grow:1;background:none}.kit-units-textbox .k-textbox .k-input-inner,.kit-units-textbox .k-numerictextbox .k-input-inner{padding:0 8px;width:100%;color:#002a3a;font-size:13px;line-height:1}.kit-units-textbox .k-dropdownlist{width:auto;overflow:visible;border:none;background:none}.kit-units-textbox .k-dropdownlist.k-focus{box-shadow:none}.kit-units-textbox .k-dropdownlist:hover{background:none}.kit-units-textbox .k-dropdownlist .k-input-inner{padding:0;height:100%;justify-content:flex-end;font-size:13px;font-weight:500;color:#56a2f7;overflow:visible}.kit-units-textbox .k-dropdownlist .k-input-value-text{overflow:visible}.kit-units-textbox .k-dropdownlist .k-input-button{line-height:1}.kit-units-textbox .k-dropdownlist .k-icon:before{content:\"\\e015\";color:#000}.kit-units-textbox:focus-within .units-textbox-wrap{border:1px solid #00b0ad}.kit-units-textbox .k-animation-container{left:auto!important;right:0!important}.kit-units-textbox .kit-dropdown-popup{margin-top:8px;min-width:75px;border:1px solid #c1c7d0;border-radius:4px;box-shadow:0 0 8px #003e5680;background-color:#f3f4f6;padding:4px}.kit-units-textbox .kit-dropdown-popup .k-list-ul{background-color:#f3f4f6}.kit-units-textbox .kit-dropdown-popup .k-list-item{background-color:#fff;font-size:13px;font-weight:500;box-shadow:none;border-radius:2px;color:#002a3a;justify-content:flex-end;text-align:right}.kit-units-textbox .kit-dropdown-popup .k-list-item:not(:last-of-type){margin-bottom:4px}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-state-focused{background-color:#fff;color:#27282a}.kit-units-textbox .kit-dropdown-popup .k-list-item:hover,.kit-units-textbox .kit-dropdown-popup .k-list-item.k-focus:hover{background-color:#f3f5fa;color:#56a2f7}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-selected{background-color:#56a2f7;color:#fff}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-disabled{background-color:#f3f4f6;color:#9a9fa6}.kit-units-textbox.textbox-disabled .label{color:#74777d}.kit-units-textbox.textbox-disabled .units-textbox-wrap{border-color:#c1c7d0;background-color:#f3f4f6;box-shadow:none}.kit-units-textbox.textbox-disabled .k-textbox .k-input-inner,.kit-units-textbox.textbox-disabled .k-numerictextbox .k-input-inner{color:#9a9fa6}.kit-units-textbox.units-left .units-textbox-wrap{flex-direction:row-reverse}.kit-units-textbox.units-left .k-textbox,.kit-units-textbox.units-left .k-numerictextbox{grid-column:2;grid-row:1}.kit-units-textbox.units-left .k-textbox .k-input,.kit-units-textbox.units-left .k-numerictextbox .k-input{padding-left:0}.kit-units-textbox.units-left .k-dropdownlist{grid-column:1}.kit-units-textbox.units-left .k-dropdownlist .k-input-inner{padding-left:8px;width:auto}.kit-units-textbox.units-left .k-animation-container{left:0!important;right:auto!important}.kit-units-textbox.units-left .kit-dropdown-popup .k-list-item{justify-content:flex-start;text-align:left}.kit-units-textbox .k-input-prefix,.kit-units-textbox .k-input-suffix{height:0}.kit-units-textbox.dropdown-disabled .k-dropdownlist .k-input-inner,.kit-units-textbox.dropdown-disabled .k-dropdownlist .k-icon:before{color:#9a9fa6}.kit-units-textbox.danger .units-textbox-wrap{border-color:#ef3e42;background:#f8e0e0}\n"] }]
|
|
1452
|
+
args: [{ selector: 'kit-units-textbox', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"kit-units-textbox {{ state }}\" [class.textbox-disabled]=\"disabledTextBox\"\n [class.dropdown-disabled]=\"disabledDropdown\"\n [class.units-left]=\"dropdownPosition === KitUnitsTextboxDropdownPosition.LEFT\">\n <kendo-label *ngIf=\"label\" class=\"label display-block\"\n [text]=\"label\"\n ></kendo-label>\n <div class=\"units-textbox-wrap\">\n <kendo-textbox *ngIf=\"textboxType === KitUnitsTextboxType.TEXT; else numericTextboxTemplate\"\n [placeholder]=\"placeholder\"\n [value]=\"textBoxFormControl.value || textBoxValue\"\n [disabled]=\"disabledTextBox\"\n [maxlength]=\"maxlength\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-textbox>\n <ng-template #numericTextboxTemplate>\n <kendo-numerictextbox [placeholder]=\"placeholder\"\n [value]=\"textBoxFormControl.value || textBoxValue\"\n [decimals]=\"decimals\"\n [min]=\"min\"\n [max]=\"max\"\n [maxlength]=\"maxlength\"\n [format]=\"format\"\n [autoCorrect]=\"true\"\n [spinners]=\"false\"\n [selectOnFocus]=\"false\"\n [disabled]=\"disabledTextBox\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-numerictextbox>\n </ng-template>\n <kendo-dropdownlist valueField=\"value\" textField=\"text\"\n [data]=\"dropdownItems\"\n [value]=\"dropdownFormControl.value || selectedDropdownItem\"\n [valuePrimitive]=\"true\"\n [disabled]=\"disabledDropdown\"\n [popupSettings]=\"dropdownPopupSettings\"\n [itemDisabled]=\"onItemDisabled()\"\n (selectionChange)=\"onItemSelect($event)\"\n (blur)=\"onDropdownBlur()\"\n ></kendo-dropdownlist>\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-units-textbox .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-units-textbox .units-textbox-wrap{display:flex;height:34px;border:1px solid #efefef;border-radius:4px;background:#ffffff;box-sizing:border-box}.kit-units-textbox .k-textbox,.kit-units-textbox .k-numerictextbox{height:100%;width:auto;opacity:1;border:none;box-shadow:none;flex-grow:1;background:none}.kit-units-textbox .k-textbox .k-input-inner,.kit-units-textbox .k-numerictextbox .k-input-inner{padding:0 8px;width:100%;color:#002a3a;font-size:13px;line-height:1}.kit-units-textbox .k-dropdownlist{position:relative;width:auto;overflow:visible;border:none;background:none}.kit-units-textbox .k-dropdownlist.k-focus{box-shadow:none}.kit-units-textbox .k-dropdownlist:hover{background:none}.kit-units-textbox .k-dropdownlist .k-input-inner{padding:0;height:100%;justify-content:flex-end;font-size:13px;font-weight:500;color:#56a2f7;overflow:visible}.kit-units-textbox .k-dropdownlist .k-input-value-text{overflow:visible}.kit-units-textbox .k-dropdownlist .k-input-button{line-height:1}.kit-units-textbox .k-dropdownlist .k-icon:before{content:\"\\e015\";color:#000}.kit-units-textbox:focus-within .units-textbox-wrap{border:1px solid #00b0ad}.kit-units-textbox .k-animation-container{position:absolute;left:auto!important;right:0!important}.kit-units-textbox .kit-dropdown-popup{margin-top:8px;min-width:75px;border:1px solid #c1c7d0;border-radius:4px;box-shadow:0 0 8px #003e5680;background-color:#f3f4f6;padding:4px}.kit-units-textbox .kit-dropdown-popup .k-list-ul{background-color:#f3f4f6}.kit-units-textbox .kit-dropdown-popup .k-list-item{background-color:#fff;font-size:13px;font-weight:500;box-shadow:none;border-radius:2px;color:#002a3a;justify-content:flex-end;text-align:right}.kit-units-textbox .kit-dropdown-popup .k-list-item:not(:last-of-type){margin-bottom:4px}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-state-focused{background-color:#fff;color:#27282a}.kit-units-textbox .kit-dropdown-popup .k-list-item:hover,.kit-units-textbox .kit-dropdown-popup .k-list-item.k-focus:hover{background-color:#f3f5fa;color:#56a2f7}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-selected{background-color:#56a2f7;color:#fff}.kit-units-textbox .kit-dropdown-popup .k-list-item.k-disabled{background-color:#f3f4f6;color:#9a9fa6}.kit-units-textbox.textbox-disabled .label{color:#74777d}.kit-units-textbox.textbox-disabled .units-textbox-wrap{border-color:#c1c7d0;background-color:#f3f4f6;box-shadow:none}.kit-units-textbox.textbox-disabled .k-textbox .k-input-inner,.kit-units-textbox.textbox-disabled .k-numerictextbox .k-input-inner{color:#9a9fa6}.kit-units-textbox.units-left .units-textbox-wrap{flex-direction:row-reverse}.kit-units-textbox.units-left .k-textbox,.kit-units-textbox.units-left .k-numerictextbox{grid-column:2;grid-row:1}.kit-units-textbox.units-left .k-textbox .k-input,.kit-units-textbox.units-left .k-numerictextbox .k-input{padding-left:0}.kit-units-textbox.units-left .k-dropdownlist{grid-column:1}.kit-units-textbox.units-left .k-dropdownlist .k-input-inner{padding-left:8px;width:auto}.kit-units-textbox.units-left .k-animation-container{left:0!important;right:auto!important}.kit-units-textbox.units-left .kit-dropdown-popup .k-list-item{justify-content:flex-start;text-align:left}.kit-units-textbox .k-input-prefix,.kit-units-textbox .k-input-suffix{height:0}.kit-units-textbox.dropdown-disabled .k-dropdownlist .k-input-inner,.kit-units-textbox.dropdown-disabled .k-dropdownlist .k-icon:before{color:#9a9fa6}.kit-units-textbox.danger .units-textbox-wrap{border-color:#ef3e42;background:#f8e0e0}\n"] }]
|
|
1453
1453
|
}], propDecorators: { placeholder: [{
|
|
1454
1454
|
type: Input
|
|
1455
1455
|
}], label: [{
|
|
@@ -3004,10 +3004,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImpor
|
|
|
3004
3004
|
class KitDialogComponent {
|
|
3005
3005
|
}
|
|
3006
3006
|
KitDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: KitDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3007
|
-
KitDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: KitDialogComponent, selector: "kit-dialog", ngImport: i0, template: "<div class=\"kit-dialog\">\n <div class=\"kit-dialog-container\" kendoDialogContainer\n [hidden]=\"true\"\n ></div>\n</div>\n", styles: [":host ::ng-deep .kit-dialog .k-dialog{background:var(--ui-kit-color-white);border-radius:12px;border:3px solid var(--ui-kit-color-grey-2);overflow:hidden;padding:25px}:host ::ng-deep .kit-dialog .k-dialog-titlebar,:host ::ng-deep .kit-dialog .k-dialog-content{padding:0}:host ::ng-deep .kit-dialog .k-dialog-titlebar{background:var(--ui-kit-color-white);padding-bottom:25px;border-color:var(--ui-kit-color-grey-3);display:flex}:host ::ng-deep .kit-dialog .k-dialog-titlebar .k-dialog-
|
|
3007
|
+
KitDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: KitDialogComponent, selector: "kit-dialog", ngImport: i0, template: "<div class=\"kit-dialog\">\n <div class=\"kit-dialog-container\" kendoDialogContainer\n [hidden]=\"true\"\n ></div>\n</div>\n", styles: [":host ::ng-deep .kit-dialog .k-dialog{background:var(--ui-kit-color-white);border-radius:12px;border:3px solid var(--ui-kit-color-grey-2);overflow:hidden;padding:25px}:host ::ng-deep .kit-dialog .k-dialog-titlebar,:host ::ng-deep .kit-dialog .k-dialog-content{padding:0}:host ::ng-deep .kit-dialog .k-dialog-titlebar{background:var(--ui-kit-color-white);padding-bottom:25px;border-color:var(--ui-kit-color-grey-3);display:flex}:host ::ng-deep .kit-dialog .k-dialog-titlebar .k-dialog-action,:host ::ng-deep .kit-dialog .k-dialog-titlebar .k-button-icon{border-radius:50%}:host ::ng-deep .kit-dialog .k-dialog-titlebar .k-dialog-action{color:var(--ui-kit-color-main);padding:0}:host ::ng-deep .kit-dialog .k-dialog-titlebar .k-button-icon{width:25px;height:25px;border:1px solid var(--ui-kit-color-main)}:host ::ng-deep .kit-dialog .k-dialog-title{padding:0 0 0 5px;border-left:1px solid var(--ui-kit-color-main);color:var(--ui-kit-color-grey-0);font-size:13px;flex:1 0}:host ::ng-deep .kit-dialog .k-dialog-actions{margin:-5em 0;margin-inline-end:-4px;padding:0;border:none}:host ::ng-deep .kit-dialog .k-dialog-content{padding-top:10px}\n"], dependencies: [{ kind: "directive", type: i1$5.DialogContainerDirective, selector: "[kendoDialogContainer]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3008
3008
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: KitDialogComponent, decorators: [{
|
|
3009
3009
|
type: Component,
|
|
3010
|
-
args: [{ selector: 'kit-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-dialog\">\n <div class=\"kit-dialog-container\" kendoDialogContainer\n [hidden]=\"true\"\n ></div>\n</div>\n", styles: [":host ::ng-deep .kit-dialog .k-dialog{background:var(--ui-kit-color-white);border-radius:12px;border:3px solid var(--ui-kit-color-grey-2);overflow:hidden;padding:25px}:host ::ng-deep .kit-dialog .k-dialog-titlebar,:host ::ng-deep .kit-dialog .k-dialog-content{padding:0}:host ::ng-deep .kit-dialog .k-dialog-titlebar{background:var(--ui-kit-color-white);padding-bottom:25px;border-color:var(--ui-kit-color-grey-3);display:flex}:host ::ng-deep .kit-dialog .k-dialog-titlebar .k-dialog-
|
|
3010
|
+
args: [{ selector: 'kit-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-dialog\">\n <div class=\"kit-dialog-container\" kendoDialogContainer\n [hidden]=\"true\"\n ></div>\n</div>\n", styles: [":host ::ng-deep .kit-dialog .k-dialog{background:var(--ui-kit-color-white);border-radius:12px;border:3px solid var(--ui-kit-color-grey-2);overflow:hidden;padding:25px}:host ::ng-deep .kit-dialog .k-dialog-titlebar,:host ::ng-deep .kit-dialog .k-dialog-content{padding:0}:host ::ng-deep .kit-dialog .k-dialog-titlebar{background:var(--ui-kit-color-white);padding-bottom:25px;border-color:var(--ui-kit-color-grey-3);display:flex}:host ::ng-deep .kit-dialog .k-dialog-titlebar .k-dialog-action,:host ::ng-deep .kit-dialog .k-dialog-titlebar .k-button-icon{border-radius:50%}:host ::ng-deep .kit-dialog .k-dialog-titlebar .k-dialog-action{color:var(--ui-kit-color-main);padding:0}:host ::ng-deep .kit-dialog .k-dialog-titlebar .k-button-icon{width:25px;height:25px;border:1px solid var(--ui-kit-color-main)}:host ::ng-deep .kit-dialog .k-dialog-title{padding:0 0 0 5px;border-left:1px solid var(--ui-kit-color-main);color:var(--ui-kit-color-grey-0);font-size:13px;flex:1 0}:host ::ng-deep .kit-dialog .k-dialog-actions{margin:-5em 0;margin-inline-end:-4px;padding:0;border:none}:host ::ng-deep .kit-dialog .k-dialog-content{padding-top:10px}\n"] }]
|
|
3011
3011
|
}] });
|
|
3012
3012
|
|
|
3013
3013
|
class KitDialogService {
|
|
@@ -3150,14 +3150,14 @@ KitTimepickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
|
|
|
3150
3150
|
provide: NG_VALUE_ACCESSOR,
|
|
3151
3151
|
useExisting: forwardRef(() => KitTimepickerComponent),
|
|
3152
3152
|
multi: true,
|
|
3153
|
-
}], ngImport: i0, template: "<div class=\"kit-timepicker\" [class.kit-timepicker-disabled]=\"disabled\">\n <label *ngIf=\"label\" class=\"kit-timepicker-label display-block\">\n {{ label }}\n </label>\n\n <kendo-timepicker class=\"kit-timepicker-input\"\n [title]=\"label\"\n [placeholder]=\"placeholder\"\n [readonly]=\"readonly\"\n [min]=\"min\"\n [max]=\"max\"\n [format]=\"longFormatEnabled && longTimeFormat || shortTimeFormat\"\n [disabled]=\"disabled\"\n [value]=\"defaultValue\"\n [popupSettings]=\"datetimepickerPopupSettings\"\n (open)=\"popupOpened.emit()\"\n (close)=\"popupClosed.emit()\"\n (valueChange)=\"onInputChange($event)\"\n (blur)=\"onInputBlur()\"\n ></kendo-timepicker>\n</div>\n", styles: [":host ::ng-deep .kit-timepicker-label{font-size:13px;color:var(--ui-kit-color-grey-7);font-weight:500;margin-bottom:4px}:host ::ng-deep .kit-timepicker-input{display:flex;flex-direction:row-reverse;padding:4px 8px;height:34px;border-radius:4px;border:1px solid #efefef;gap:4px}:host ::ng-deep .kit-timepicker-input:focus,:host ::ng-deep .kit-timepicker-input:focus-within,:host ::ng-deep .kit-timepicker-input .k-input:focus,:host ::ng-deep .kit-timepicker-input .k-input:focus-within{box-shadow:none}:host ::ng-deep .kit-timepicker-input:focus,:host ::ng-deep .kit-timepicker-input:focus-within,:host ::ng-deep .kit-timepicker-input.k-focus{border:1px solid var(--ui-kit-color-green)}:host ::ng-deep .kit-timepicker-input .k-input-inner{padding:0;font-size:13px}:host ::ng-deep .kit-timepicker-input .k-input-inner::placeholder{color:#74777d}:host ::ng-deep .kit-timepicker-input .k-input-inner:focus,:host ::ng-deep .kit-timepicker-input .k-input-inner:focus-within{box-shadow:none;outline:none}:host ::ng-deep .kit-timepicker-input .k-icon-button{color:#002a3a;background:none;padding:0;width:16px;display:block}:host ::ng-deep .kit-timepicker-input .k-icon-button .k-i-clock:before{font-weight:600}:host ::ng-deep .kit-timepicker-disabled .kit-timepicker-label{color:#74777d}:host ::ng-deep .kit-timepicker-disabled .kit-timepicker-input{color:#9a9fa6;border-color:#c1c7d0;background-color:#f3f4f6}:host ::ng-deep .kit-timepicker-disabled .k-icon-button{color:#c1c7d0}::ng-deep .kit-timepicker-popup{width:296px;margin-top:8px;border-radius:6px;border:1px solid #006890;box-shadow:none;overflow:hidden;background:#f3f4f6}::ng-deep .kit-timepicker-popup .k-timeselector{background:none}::ng-deep .kit-timepicker-popup .k-time-header{margin:6px 0;padding:4px 30px;border-radius:6px 6px 0 0;background:var(--ui-kit-color-white)}::ng-deep .kit-timepicker-popup .k-time-header .k-title{padding:4px 8px;font-weight:500;display:inline-block}::ng-deep .kit-timepicker-popup .k-time-header .k-time-now{display:flex;align-items:center;padding:0;color:var(--ui-kit-color-main);font-size:16px;font-weight:400;text-transform:uppercase}::ng-deep .kit-timepicker-popup .k-time-list-container{font-size:14px;background:var(--ui-kit-color-white)}::ng-deep .kit-timepicker-popup .k-time-list-container .k-state-focused:before{top:40px}::ng-deep .kit-timepicker-popup .k-time-list-container .k-time-highlight{top:50%;height:40px;border-color:#cdd2d9;transform:none}::ng-deep .kit-timepicker-popup .k-time-list-container .k-title{display:flex;align-items:center;justify-content:center;margin:0;color:#27282a;font-size:14px;font-weight:500;height:40px;background:var(--ui-kit-color-white)}::ng-deep .kit-timepicker-popup .k-time-list-container .k-item{display:flex;align-items:center;justify-content:center;padding:0;height:40px;color:#27282a;font-size:14px;font-weight:500}::ng-deep .kit-timepicker-popup .k-time-list-container .k-time-separator{height:40px;top:18px}::ng-deep .kit-timepicker-popup .k-time-list-container .k-time-list:before{display:none}::ng-deep .kit-timepicker-popup .k-time-footer{margin-top:0;padding:12px;justify-content:center;border-top:1px solid #006890}::ng-deep .kit-timepicker-popup .k-time-footer .k-button{margin:0 5px;width:110px;height:30px;flex:0 0 auto;font-size:14px;font-weight:400;border-radius:4px;border:none;color:#27282a;background:#dadde3}::ng-deep .kit-timepicker-popup .k-time-footer .k-time-accept{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}\n"], dependencies: [{ kind: "component", type: i2$2.TimePickerComponent, selector: "kendo-timepicker", inputs: ["disabled", "readonly", "readOnlyInput", "format", "formatPlaceholder", "placeholder", "min", "max", "incompleteDateValidation", "cancelButton", "nowButton", "steps", "popupSettings", "tabindex", "tabIndex", "title", "rangeValidation", "value", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur", "open", "close"], exportAs: ["kendo-timepicker"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3153
|
+
}], ngImport: i0, template: "<div class=\"kit-timepicker\" [class.kit-timepicker-disabled]=\"disabled\">\n <label *ngIf=\"label\" class=\"kit-timepicker-label display-block\">\n {{ label }}\n </label>\n\n <kendo-timepicker class=\"kit-timepicker-input\"\n [title]=\"label\"\n [placeholder]=\"placeholder\"\n [readonly]=\"readonly\"\n [min]=\"min\"\n [max]=\"max\"\n [format]=\"longFormatEnabled && longTimeFormat || shortTimeFormat\"\n [disabled]=\"disabled\"\n [value]=\"defaultValue\"\n [popupSettings]=\"datetimepickerPopupSettings\"\n (open)=\"popupOpened.emit()\"\n (close)=\"popupClosed.emit()\"\n (valueChange)=\"onInputChange($event)\"\n (blur)=\"onInputBlur()\"\n ></kendo-timepicker>\n</div>\n", styles: [":host ::ng-deep .kit-timepicker-label{font-size:13px;color:var(--ui-kit-color-grey-7);font-weight:500;margin-bottom:4px}:host ::ng-deep .kit-timepicker-input{display:flex;flex-direction:row-reverse;padding:4px 8px;height:34px;border-radius:4px;border:1px solid #efefef;gap:4px}:host ::ng-deep .kit-timepicker-input:focus,:host ::ng-deep .kit-timepicker-input:focus-within,:host ::ng-deep .kit-timepicker-input .k-input:focus,:host ::ng-deep .kit-timepicker-input .k-input:focus-within{box-shadow:none}:host ::ng-deep .kit-timepicker-input:focus,:host ::ng-deep .kit-timepicker-input:focus-within,:host ::ng-deep .kit-timepicker-input.k-focus{border:1px solid var(--ui-kit-color-green)}:host ::ng-deep .kit-timepicker-input .k-input-inner{padding:0;font-size:13px}:host ::ng-deep .kit-timepicker-input .k-input-inner::placeholder{color:#74777d}:host ::ng-deep .kit-timepicker-input .k-input-inner:focus,:host ::ng-deep .kit-timepicker-input .k-input-inner:focus-within{box-shadow:none;outline:none}:host ::ng-deep .kit-timepicker-input .k-icon-button{color:#002a3a;background:none;border:none;padding:0;width:16px;display:block}:host ::ng-deep .kit-timepicker-input .k-icon-button .k-i-clock:before{font-weight:600}:host ::ng-deep .kit-timepicker-disabled .kit-timepicker-label{color:#74777d}:host ::ng-deep .kit-timepicker-disabled .kit-timepicker-input{color:#9a9fa6;border-color:#c1c7d0;background-color:#f3f4f6}:host ::ng-deep .kit-timepicker-disabled .k-icon-button{color:#c1c7d0}::ng-deep .kit-timepicker-popup{width:296px;margin-top:8px;border-radius:6px;border:1px solid #006890;box-shadow:none;overflow:hidden;background:#f3f4f6}::ng-deep .kit-timepicker-popup .k-timeselector{background:none}::ng-deep .kit-timepicker-popup .k-time-header{margin:6px 0;padding:4px 30px;border-radius:6px 6px 0 0;background:var(--ui-kit-color-white)}::ng-deep .kit-timepicker-popup .k-time-header .k-title{padding:4px 8px;font-weight:500;display:inline-block}::ng-deep .kit-timepicker-popup .k-time-header .k-time-now{display:flex;align-items:center;padding:0;color:var(--ui-kit-color-main);font-size:16px;font-weight:400;text-transform:uppercase}::ng-deep .kit-timepicker-popup .k-time-list-container{font-size:14px;background:var(--ui-kit-color-white)}::ng-deep .kit-timepicker-popup .k-time-list-container .k-state-focused:before{top:40px}::ng-deep .kit-timepicker-popup .k-time-list-container .k-time-highlight{top:50%;height:40px;border-color:#cdd2d9;transform:none}::ng-deep .kit-timepicker-popup .k-time-list-container .k-title{display:flex;align-items:center;justify-content:center;margin:0;color:#27282a;font-size:14px;font-weight:500;height:40px;background:var(--ui-kit-color-white)}::ng-deep .kit-timepicker-popup .k-time-list-container .k-item{display:flex;align-items:center;justify-content:center;padding:0;height:40px;color:#27282a;font-size:14px;font-weight:500}::ng-deep .kit-timepicker-popup .k-time-list-container .k-time-separator{height:40px;top:18px}::ng-deep .kit-timepicker-popup .k-time-list-container .k-time-list:before{display:none}::ng-deep .kit-timepicker-popup .k-time-footer{margin-top:0;padding:12px;justify-content:center;border-top:1px solid #006890}::ng-deep .kit-timepicker-popup .k-time-footer .k-button{margin:0 5px;width:110px;height:30px;flex:0 0 auto;font-size:14px;font-weight:400;border-radius:4px;border:none;color:#27282a;background:#dadde3}::ng-deep .kit-timepicker-popup .k-time-footer .k-time-accept{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}\n"], dependencies: [{ kind: "component", type: i2$2.TimePickerComponent, selector: "kendo-timepicker", inputs: ["disabled", "readonly", "readOnlyInput", "format", "formatPlaceholder", "placeholder", "min", "max", "incompleteDateValidation", "cancelButton", "nowButton", "steps", "popupSettings", "tabindex", "tabIndex", "title", "rangeValidation", "value", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur", "open", "close"], exportAs: ["kendo-timepicker"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3154
3154
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: KitTimepickerComponent, decorators: [{
|
|
3155
3155
|
type: Component,
|
|
3156
3156
|
args: [{ selector: 'kit-timepicker', changeDetection: ChangeDetectionStrategy.OnPush, providers: [{
|
|
3157
3157
|
provide: NG_VALUE_ACCESSOR,
|
|
3158
3158
|
useExisting: forwardRef(() => KitTimepickerComponent),
|
|
3159
3159
|
multi: true,
|
|
3160
|
-
}], template: "<div class=\"kit-timepicker\" [class.kit-timepicker-disabled]=\"disabled\">\n <label *ngIf=\"label\" class=\"kit-timepicker-label display-block\">\n {{ label }}\n </label>\n\n <kendo-timepicker class=\"kit-timepicker-input\"\n [title]=\"label\"\n [placeholder]=\"placeholder\"\n [readonly]=\"readonly\"\n [min]=\"min\"\n [max]=\"max\"\n [format]=\"longFormatEnabled && longTimeFormat || shortTimeFormat\"\n [disabled]=\"disabled\"\n [value]=\"defaultValue\"\n [popupSettings]=\"datetimepickerPopupSettings\"\n (open)=\"popupOpened.emit()\"\n (close)=\"popupClosed.emit()\"\n (valueChange)=\"onInputChange($event)\"\n (blur)=\"onInputBlur()\"\n ></kendo-timepicker>\n</div>\n", styles: [":host ::ng-deep .kit-timepicker-label{font-size:13px;color:var(--ui-kit-color-grey-7);font-weight:500;margin-bottom:4px}:host ::ng-deep .kit-timepicker-input{display:flex;flex-direction:row-reverse;padding:4px 8px;height:34px;border-radius:4px;border:1px solid #efefef;gap:4px}:host ::ng-deep .kit-timepicker-input:focus,:host ::ng-deep .kit-timepicker-input:focus-within,:host ::ng-deep .kit-timepicker-input .k-input:focus,:host ::ng-deep .kit-timepicker-input .k-input:focus-within{box-shadow:none}:host ::ng-deep .kit-timepicker-input:focus,:host ::ng-deep .kit-timepicker-input:focus-within,:host ::ng-deep .kit-timepicker-input.k-focus{border:1px solid var(--ui-kit-color-green)}:host ::ng-deep .kit-timepicker-input .k-input-inner{padding:0;font-size:13px}:host ::ng-deep .kit-timepicker-input .k-input-inner::placeholder{color:#74777d}:host ::ng-deep .kit-timepicker-input .k-input-inner:focus,:host ::ng-deep .kit-timepicker-input .k-input-inner:focus-within{box-shadow:none;outline:none}:host ::ng-deep .kit-timepicker-input .k-icon-button{color:#002a3a;background:none;padding:0;width:16px;display:block}:host ::ng-deep .kit-timepicker-input .k-icon-button .k-i-clock:before{font-weight:600}:host ::ng-deep .kit-timepicker-disabled .kit-timepicker-label{color:#74777d}:host ::ng-deep .kit-timepicker-disabled .kit-timepicker-input{color:#9a9fa6;border-color:#c1c7d0;background-color:#f3f4f6}:host ::ng-deep .kit-timepicker-disabled .k-icon-button{color:#c1c7d0}::ng-deep .kit-timepicker-popup{width:296px;margin-top:8px;border-radius:6px;border:1px solid #006890;box-shadow:none;overflow:hidden;background:#f3f4f6}::ng-deep .kit-timepicker-popup .k-timeselector{background:none}::ng-deep .kit-timepicker-popup .k-time-header{margin:6px 0;padding:4px 30px;border-radius:6px 6px 0 0;background:var(--ui-kit-color-white)}::ng-deep .kit-timepicker-popup .k-time-header .k-title{padding:4px 8px;font-weight:500;display:inline-block}::ng-deep .kit-timepicker-popup .k-time-header .k-time-now{display:flex;align-items:center;padding:0;color:var(--ui-kit-color-main);font-size:16px;font-weight:400;text-transform:uppercase}::ng-deep .kit-timepicker-popup .k-time-list-container{font-size:14px;background:var(--ui-kit-color-white)}::ng-deep .kit-timepicker-popup .k-time-list-container .k-state-focused:before{top:40px}::ng-deep .kit-timepicker-popup .k-time-list-container .k-time-highlight{top:50%;height:40px;border-color:#cdd2d9;transform:none}::ng-deep .kit-timepicker-popup .k-time-list-container .k-title{display:flex;align-items:center;justify-content:center;margin:0;color:#27282a;font-size:14px;font-weight:500;height:40px;background:var(--ui-kit-color-white)}::ng-deep .kit-timepicker-popup .k-time-list-container .k-item{display:flex;align-items:center;justify-content:center;padding:0;height:40px;color:#27282a;font-size:14px;font-weight:500}::ng-deep .kit-timepicker-popup .k-time-list-container .k-time-separator{height:40px;top:18px}::ng-deep .kit-timepicker-popup .k-time-list-container .k-time-list:before{display:none}::ng-deep .kit-timepicker-popup .k-time-footer{margin-top:0;padding:12px;justify-content:center;border-top:1px solid #006890}::ng-deep .kit-timepicker-popup .k-time-footer .k-button{margin:0 5px;width:110px;height:30px;flex:0 0 auto;font-size:14px;font-weight:400;border-radius:4px;border:none;color:#27282a;background:#dadde3}::ng-deep .kit-timepicker-popup .k-time-footer .k-time-accept{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}\n"] }]
|
|
3160
|
+
}], template: "<div class=\"kit-timepicker\" [class.kit-timepicker-disabled]=\"disabled\">\n <label *ngIf=\"label\" class=\"kit-timepicker-label display-block\">\n {{ label }}\n </label>\n\n <kendo-timepicker class=\"kit-timepicker-input\"\n [title]=\"label\"\n [placeholder]=\"placeholder\"\n [readonly]=\"readonly\"\n [min]=\"min\"\n [max]=\"max\"\n [format]=\"longFormatEnabled && longTimeFormat || shortTimeFormat\"\n [disabled]=\"disabled\"\n [value]=\"defaultValue\"\n [popupSettings]=\"datetimepickerPopupSettings\"\n (open)=\"popupOpened.emit()\"\n (close)=\"popupClosed.emit()\"\n (valueChange)=\"onInputChange($event)\"\n (blur)=\"onInputBlur()\"\n ></kendo-timepicker>\n</div>\n", styles: [":host ::ng-deep .kit-timepicker-label{font-size:13px;color:var(--ui-kit-color-grey-7);font-weight:500;margin-bottom:4px}:host ::ng-deep .kit-timepicker-input{display:flex;flex-direction:row-reverse;padding:4px 8px;height:34px;border-radius:4px;border:1px solid #efefef;gap:4px}:host ::ng-deep .kit-timepicker-input:focus,:host ::ng-deep .kit-timepicker-input:focus-within,:host ::ng-deep .kit-timepicker-input .k-input:focus,:host ::ng-deep .kit-timepicker-input .k-input:focus-within{box-shadow:none}:host ::ng-deep .kit-timepicker-input:focus,:host ::ng-deep .kit-timepicker-input:focus-within,:host ::ng-deep .kit-timepicker-input.k-focus{border:1px solid var(--ui-kit-color-green)}:host ::ng-deep .kit-timepicker-input .k-input-inner{padding:0;font-size:13px}:host ::ng-deep .kit-timepicker-input .k-input-inner::placeholder{color:#74777d}:host ::ng-deep .kit-timepicker-input .k-input-inner:focus,:host ::ng-deep .kit-timepicker-input .k-input-inner:focus-within{box-shadow:none;outline:none}:host ::ng-deep .kit-timepicker-input .k-icon-button{color:#002a3a;background:none;border:none;padding:0;width:16px;display:block}:host ::ng-deep .kit-timepicker-input .k-icon-button .k-i-clock:before{font-weight:600}:host ::ng-deep .kit-timepicker-disabled .kit-timepicker-label{color:#74777d}:host ::ng-deep .kit-timepicker-disabled .kit-timepicker-input{color:#9a9fa6;border-color:#c1c7d0;background-color:#f3f4f6}:host ::ng-deep .kit-timepicker-disabled .k-icon-button{color:#c1c7d0}::ng-deep .kit-timepicker-popup{width:296px;margin-top:8px;border-radius:6px;border:1px solid #006890;box-shadow:none;overflow:hidden;background:#f3f4f6}::ng-deep .kit-timepicker-popup .k-timeselector{background:none}::ng-deep .kit-timepicker-popup .k-time-header{margin:6px 0;padding:4px 30px;border-radius:6px 6px 0 0;background:var(--ui-kit-color-white)}::ng-deep .kit-timepicker-popup .k-time-header .k-title{padding:4px 8px;font-weight:500;display:inline-block}::ng-deep .kit-timepicker-popup .k-time-header .k-time-now{display:flex;align-items:center;padding:0;color:var(--ui-kit-color-main);font-size:16px;font-weight:400;text-transform:uppercase}::ng-deep .kit-timepicker-popup .k-time-list-container{font-size:14px;background:var(--ui-kit-color-white)}::ng-deep .kit-timepicker-popup .k-time-list-container .k-state-focused:before{top:40px}::ng-deep .kit-timepicker-popup .k-time-list-container .k-time-highlight{top:50%;height:40px;border-color:#cdd2d9;transform:none}::ng-deep .kit-timepicker-popup .k-time-list-container .k-title{display:flex;align-items:center;justify-content:center;margin:0;color:#27282a;font-size:14px;font-weight:500;height:40px;background:var(--ui-kit-color-white)}::ng-deep .kit-timepicker-popup .k-time-list-container .k-item{display:flex;align-items:center;justify-content:center;padding:0;height:40px;color:#27282a;font-size:14px;font-weight:500}::ng-deep .kit-timepicker-popup .k-time-list-container .k-time-separator{height:40px;top:18px}::ng-deep .kit-timepicker-popup .k-time-list-container .k-time-list:before{display:none}::ng-deep .kit-timepicker-popup .k-time-footer{margin-top:0;padding:12px;justify-content:center;border-top:1px solid #006890}::ng-deep .kit-timepicker-popup .k-time-footer .k-button{margin:0 5px;width:110px;height:30px;flex:0 0 auto;font-size:14px;font-weight:400;border-radius:4px;border:none;color:#27282a;background:#dadde3}::ng-deep .kit-timepicker-popup .k-time-footer .k-time-accept{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}\n"] }]
|
|
3161
3161
|
}], propDecorators: { label: [{
|
|
3162
3162
|
type: Input
|
|
3163
3163
|
}], placeholder: [{
|