@indigina/ui-kit 1.0.123 → 1.0.126
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-cta-panel-item/kit-cta-panel-item.component.mjs +13 -3
- package/esm2020/lib/components/kit-cta-panel-item/kit-cta-panel-item.module.mjs +6 -2
- package/esm2020/lib/components/kit-toggle/kit-toggle.component.mjs +18 -6
- package/esm2020/public-api.mjs +2 -2
- package/fesm2015/indigina-ui-kit.mjs +52 -27
- package/fesm2015/indigina-ui-kit.mjs.map +1 -1
- package/fesm2020/indigina-ui-kit.mjs +52 -27
- package/fesm2020/indigina-ui-kit.mjs.map +1 -1
- package/lib/components/kit-cta-panel-item/kit-cta-panel-item.component.d.ts +8 -1
- package/lib/components/kit-cta-panel-item/kit-cta-panel-item.module.d.ts +2 -1
- package/lib/components/kit-toggle/kit-toggle.component.d.ts +9 -1
- package/package.json +1 -1
- package/public-api.d.ts +1 -1
|
@@ -2,25 +2,26 @@ import * as i0 from '@angular/core';
|
|
|
2
2
|
import { Component, ChangeDetectionStrategy, Input, EventEmitter, Output, NgModule, ViewEncapsulation, forwardRef, Directive, HostListener, ViewChild, Injectable } from '@angular/core';
|
|
3
3
|
import * as i1 from '@progress/kendo-angular-buttons';
|
|
4
4
|
import { ButtonModule, ButtonGroupModule } from '@progress/kendo-angular-buttons';
|
|
5
|
-
import * as
|
|
5
|
+
import * as i2 from '@angular/common';
|
|
6
6
|
import { CommonModule } from '@angular/common';
|
|
7
7
|
import * as i1$2 from '@angular/forms';
|
|
8
8
|
import { NG_VALUE_ACCESSOR, ReactiveFormsModule, FormsModule, FormControl, Validators } from '@angular/forms';
|
|
9
9
|
import * as i1$1 from '@progress/kendo-angular-label';
|
|
10
10
|
import { LabelModule } from '@progress/kendo-angular-label';
|
|
11
|
-
import * as i2 from '@progress/kendo-angular-inputs';
|
|
11
|
+
import * as i2$1 from '@progress/kendo-angular-inputs';
|
|
12
12
|
import { TextBoxModule, NumericTextBoxModule, InputsModule, CheckBoxModule, SwitchModule } from '@progress/kendo-angular-inputs';
|
|
13
13
|
import '@progress/kendo-angular-intl/locales/en-GB/all';
|
|
14
14
|
import { map } from 'rxjs/operators';
|
|
15
|
-
import * as i2$
|
|
15
|
+
import * as i2$2 from '@progress/kendo-angular-dropdowns';
|
|
16
16
|
import { DropDownListModule, DropDownsModule } from '@progress/kendo-angular-dropdowns';
|
|
17
|
-
import * as i2$
|
|
17
|
+
import * as i2$3 from '@progress/kendo-angular-dateinputs';
|
|
18
18
|
import { DateInputsModule, DateRangePopupComponent, DateRangeService } from '@progress/kendo-angular-dateinputs';
|
|
19
19
|
import { PopupService } from '@progress/kendo-angular-popup';
|
|
20
20
|
import { TooltipDirective, TooltipModule } from '@progress/kendo-angular-tooltip';
|
|
21
21
|
import * as i1$3 from 'ngx-toastr';
|
|
22
22
|
import { ToastrModule } from 'ngx-toastr';
|
|
23
23
|
import * as i1$4 from '@angular/router';
|
|
24
|
+
import { RouterModule } from '@angular/router';
|
|
24
25
|
|
|
25
26
|
var KitButtonType;
|
|
26
27
|
(function (KitButtonType) {
|
|
@@ -90,7 +91,7 @@ class KitButtonComponent {
|
|
|
90
91
|
}
|
|
91
92
|
}
|
|
92
93
|
KitButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
93
|
-
KitButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: KitButtonComponent, selector: "kit-button", inputs: { disabled: "disabled", label: "label", type: "type", icon: "icon", kind: "kind", iconPosition: "iconPosition" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"kit-button\">\n <button kendoButton\n [disabled]=\"disabled\"\n [ngClass]=\"[type, kind, iconPosition]\"\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-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"], components: [{ type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], directives: [{ type: i1.ButtonDirective, selector: "button[kendoButton], span[kendoButton]", inputs: ["toggleable", "role", "togglable", "selected", "tabIndex", "icon", "iconClass", "imageUrl", "disabled", "size", "rounded", "fillMode", "themeColor", "shape", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { type:
|
|
94
|
+
KitButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: KitButtonComponent, selector: "kit-button", inputs: { disabled: "disabled", label: "label", type: "type", icon: "icon", kind: "kind", iconPosition: "iconPosition" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"kit-button\">\n <button kendoButton\n [disabled]=\"disabled\"\n [ngClass]=\"[type, kind, iconPosition]\"\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-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"], components: [{ type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], directives: [{ type: i1.ButtonDirective, selector: "button[kendoButton], span[kendoButton]", inputs: ["toggleable", "role", "togglable", "selected", "tabIndex", "icon", "iconClass", "imageUrl", "disabled", "size", "rounded", "fillMode", "themeColor", "shape", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
94
95
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitButtonComponent, decorators: [{
|
|
95
96
|
type: Component,
|
|
96
97
|
args: [{ selector: 'kit-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-button\">\n <button kendoButton\n [disabled]=\"disabled\"\n [ngClass]=\"[type, kind, iconPosition]\"\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-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"] }]
|
|
@@ -294,7 +295,7 @@ class KitInputMessageComponent {
|
|
|
294
295
|
}
|
|
295
296
|
}
|
|
296
297
|
KitInputMessageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitInputMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
297
|
-
KitInputMessageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: KitInputMessageComponent, selector: "kit-input-message", inputs: { type: "type", icon: "icon", message: "message" }, ngImport: i0, template: "<div class=\"kit-input-message kit-input-message-{{type}} display-flex flex-align-items-center\">\n <kit-svg-icon *ngIf=\"icon\"\n class=\"message-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n <div class=\"message-text\">{{ message }}</div>\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-input-message{margin-top:4px}.kit-input-message .message-icon{margin-right:4px;flex-shrink:0;width:16px;height:16px}.kit-input-message .icon{fill:none}.kit-input-message .message-text{font-size:13px;font-weight:400;color:#27282a}.kit-input-message.kit-input-message-hint .message-text{color:#4d5053}.kit-input-message.kit-input-message-success .message-text{color:#0f8732}\n"], components: [{ type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], directives: [{ type:
|
|
298
|
+
KitInputMessageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: KitInputMessageComponent, selector: "kit-input-message", inputs: { type: "type", icon: "icon", message: "message" }, ngImport: i0, template: "<div class=\"kit-input-message kit-input-message-{{type}} display-flex flex-align-items-center\">\n <kit-svg-icon *ngIf=\"icon\"\n class=\"message-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n <div class=\"message-text\">{{ message }}</div>\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-input-message{margin-top:4px}.kit-input-message .message-icon{margin-right:4px;flex-shrink:0;width:16px;height:16px}.kit-input-message .icon{fill:none}.kit-input-message .message-text{font-size:13px;font-weight:400;color:#27282a}.kit-input-message.kit-input-message-hint .message-text{color:#4d5053}.kit-input-message.kit-input-message-success .message-text{color:#0f8732}\n"], components: [{ type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
298
299
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitInputMessageComponent, decorators: [{
|
|
299
300
|
type: Component,
|
|
300
301
|
args: [{ selector: 'kit-input-message', encapsulation: ViewEncapsulation.None, template: "<div class=\"kit-input-message kit-input-message-{{type}} display-flex flex-align-items-center\">\n <kit-svg-icon *ngIf=\"icon\"\n class=\"message-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n <div class=\"message-text\">{{ message }}</div>\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-input-message{margin-top:4px}.kit-input-message .message-icon{margin-right:4px;flex-shrink:0;width:16px;height:16px}.kit-input-message .icon{fill:none}.kit-input-message .message-text{font-size:13px;font-weight:400;color:#27282a}.kit-input-message.kit-input-message-hint .message-text{color:#4d5053}.kit-input-message.kit-input-message-success .message-text{color:#0f8732}\n"] }]
|
|
@@ -375,7 +376,7 @@ class KitSwitchComponent {
|
|
|
375
376
|
}
|
|
376
377
|
}
|
|
377
378
|
KitSwitchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitSwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
378
|
-
KitSwitchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: KitSwitchComponent, selector: "kit-switch", inputs: { items: "items", mode: "mode", label: "label", disabled: "disabled", selection: "selection", messageIcon: "messageIcon", messageText: "messageText", messageType: "messageType", state: "state" }, outputs: { selected: "selected" }, ngImport: i0, template: "<div class=\"kit-switch {{ state }}\">\n <ng-container *ngIf=\"items.length\">\n <label *ngIf=\"label\" class=\"label display-block\"\n [title]=\"label\"\n >{{ label }}</label>\n\n <kendo-buttongroup look=\"outline\" class=\"button-group\"\n [selection]=\"mode\"\n [class.disabled]=\"disabled\">\n <button *ngFor=\"let item of items\" class=\"button\" kendoButton\n [selected]=\"isItemSelected(item)\"\n [togglable]=\"true\"\n [disabled]=\"item.disabled && item.disabled(item)\"\n (selectedChange)=\"onItemSelect($event, item)\">\n <ng-container *ngIf=\"item.title; else icon\">\n {{ item.title }}\n </ng-container>\n\n <ng-template #icon>\n <kit-svg-icon class=\"icon-wrapper\"\n [icon]=\"item.icon\"\n ></kit-svg-icon>\n </ng-template>\n </button>\n </kendo-buttongroup>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n </ng-container>\n</div>\n", 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-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0}.display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-switch .label{margin-bottom:4px;color:#27282a;font-weight:500;font-size:13px}.kit-switch .button-group{background:#ffffff;border:1px solid #c1c7d0;border-radius:4px;overflow:hidden}.kit-switch .button-group.disabled{color:#fff;pointer-events:none}.kit-switch .button-group.disabled .button{color:#c1c7d0}.kit-switch .button-group.disabled .icon{stroke:#c1c7d0}.kit-switch .button-group.disabled .button.k-state-selected{background-color:#abcad6;color:#fff}.kit-switch .button.k-button{border:0;color:var(--theme-color-1, #006890);padding:8px;border-radius:4px;opacity:1;box-shadow:none}.kit-switch .button.k-button:not(:first-child),.kit-switch .button.k-button:not(:last-child){border-radius:4px}.kit-switch .button.k-button .icon{stroke:var(--theme-color-1, #006890);fill:none}.kit-switch .button.k-button.k-selected,.kit-switch .button.k-button:hover,.kit-switch .button.k-button.k-state-hover{background-color:var(--theme-color-5, #002a3a);color:#fff}.kit-switch .button.k-button.k-selected .icon,.kit-switch .button.k-button:hover .icon,.kit-switch .button.k-button.k-state-hover .icon{stroke:#fff}.kit-switch .button.k-button.k-disabled{color:#c1c7d0}.kit-switch .button.k-button.k-selected.k-disabled{background-color:#abcad6;color:#fff}.kit-switch .icon-wrapper{width:16px;height:16px}.kit-switch.danger .k-button-group{border-color:#ef3e42;background:#f8e0e0}\n"], components: [{ type: i1.ButtonGroupComponent, selector: "kendo-buttongroup", inputs: ["selection", "tabIndex", "disabled", "width"], outputs: ["navigate"], exportAs: ["kendoButtonGroup"] }, { type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { type: KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], directives: [{ type:
|
|
379
|
+
KitSwitchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: KitSwitchComponent, selector: "kit-switch", inputs: { items: "items", mode: "mode", label: "label", disabled: "disabled", selection: "selection", messageIcon: "messageIcon", messageText: "messageText", messageType: "messageType", state: "state" }, outputs: { selected: "selected" }, ngImport: i0, template: "<div class=\"kit-switch {{ state }}\">\n <ng-container *ngIf=\"items.length\">\n <label *ngIf=\"label\" class=\"label display-block\"\n [title]=\"label\"\n >{{ label }}</label>\n\n <kendo-buttongroup look=\"outline\" class=\"button-group\"\n [selection]=\"mode\"\n [class.disabled]=\"disabled\">\n <button *ngFor=\"let item of items\" class=\"button\" kendoButton\n [selected]=\"isItemSelected(item)\"\n [togglable]=\"true\"\n [disabled]=\"item.disabled && item.disabled(item)\"\n (selectedChange)=\"onItemSelect($event, item)\">\n <ng-container *ngIf=\"item.title; else icon\">\n {{ item.title }}\n </ng-container>\n\n <ng-template #icon>\n <kit-svg-icon class=\"icon-wrapper\"\n [icon]=\"item.icon\"\n ></kit-svg-icon>\n </ng-template>\n </button>\n </kendo-buttongroup>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n </ng-container>\n</div>\n", 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-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0}.display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-switch .label{margin-bottom:4px;color:#27282a;font-weight:500;font-size:13px}.kit-switch .button-group{background:#ffffff;border:1px solid #c1c7d0;border-radius:4px;overflow:hidden}.kit-switch .button-group.disabled{color:#fff;pointer-events:none}.kit-switch .button-group.disabled .button{color:#c1c7d0}.kit-switch .button-group.disabled .icon{stroke:#c1c7d0}.kit-switch .button-group.disabled .button.k-state-selected{background-color:#abcad6;color:#fff}.kit-switch .button.k-button{border:0;color:var(--theme-color-1, #006890);padding:8px;border-radius:4px;opacity:1;box-shadow:none}.kit-switch .button.k-button:not(:first-child),.kit-switch .button.k-button:not(:last-child){border-radius:4px}.kit-switch .button.k-button .icon{stroke:var(--theme-color-1, #006890);fill:none}.kit-switch .button.k-button.k-selected,.kit-switch .button.k-button:hover,.kit-switch .button.k-button.k-state-hover{background-color:var(--theme-color-5, #002a3a);color:#fff}.kit-switch .button.k-button.k-selected .icon,.kit-switch .button.k-button:hover .icon,.kit-switch .button.k-button.k-state-hover .icon{stroke:#fff}.kit-switch .button.k-button.k-disabled{color:#c1c7d0}.kit-switch .button.k-button.k-selected.k-disabled{background-color:#abcad6;color:#fff}.kit-switch .icon-wrapper{width:16px;height:16px}.kit-switch.danger .k-button-group{border-color:#ef3e42;background:#f8e0e0}\n"], components: [{ type: i1.ButtonGroupComponent, selector: "kendo-buttongroup", inputs: ["selection", "tabIndex", "disabled", "width"], outputs: ["navigate"], exportAs: ["kendoButtonGroup"] }, { type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { type: KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.ButtonDirective, selector: "button[kendoButton], span[kendoButton]", inputs: ["toggleable", "role", "togglable", "selected", "tabIndex", "icon", "iconClass", "imageUrl", "disabled", "size", "rounded", "fillMode", "themeColor", "shape", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
379
380
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitSwitchComponent, decorators: [{
|
|
380
381
|
type: Component,
|
|
381
382
|
args: [{ selector: 'kit-switch', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"kit-switch {{ state }}\">\n <ng-container *ngIf=\"items.length\">\n <label *ngIf=\"label\" class=\"label display-block\"\n [title]=\"label\"\n >{{ label }}</label>\n\n <kendo-buttongroup look=\"outline\" class=\"button-group\"\n [selection]=\"mode\"\n [class.disabled]=\"disabled\">\n <button *ngFor=\"let item of items\" class=\"button\" kendoButton\n [selected]=\"isItemSelected(item)\"\n [togglable]=\"true\"\n [disabled]=\"item.disabled && item.disabled(item)\"\n (selectedChange)=\"onItemSelect($event, item)\">\n <ng-container *ngIf=\"item.title; else icon\">\n {{ item.title }}\n </ng-container>\n\n <ng-template #icon>\n <kit-svg-icon class=\"icon-wrapper\"\n [icon]=\"item.icon\"\n ></kit-svg-icon>\n </ng-template>\n </button>\n </kendo-buttongroup>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n </ng-container>\n</div>\n", 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-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0}.display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-switch .label{margin-bottom:4px;color:#27282a;font-weight:500;font-size:13px}.kit-switch .button-group{background:#ffffff;border:1px solid #c1c7d0;border-radius:4px;overflow:hidden}.kit-switch .button-group.disabled{color:#fff;pointer-events:none}.kit-switch .button-group.disabled .button{color:#c1c7d0}.kit-switch .button-group.disabled .icon{stroke:#c1c7d0}.kit-switch .button-group.disabled .button.k-state-selected{background-color:#abcad6;color:#fff}.kit-switch .button.k-button{border:0;color:var(--theme-color-1, #006890);padding:8px;border-radius:4px;opacity:1;box-shadow:none}.kit-switch .button.k-button:not(:first-child),.kit-switch .button.k-button:not(:last-child){border-radius:4px}.kit-switch .button.k-button .icon{stroke:var(--theme-color-1, #006890);fill:none}.kit-switch .button.k-button.k-selected,.kit-switch .button.k-button:hover,.kit-switch .button.k-button.k-state-hover{background-color:var(--theme-color-5, #002a3a);color:#fff}.kit-switch .button.k-button.k-selected .icon,.kit-switch .button.k-button:hover .icon,.kit-switch .button.k-button.k-state-hover .icon{stroke:#fff}.kit-switch .button.k-button.k-disabled{color:#c1c7d0}.kit-switch .button.k-button.k-selected.k-disabled{background-color:#abcad6;color:#fff}.kit-switch .icon-wrapper{width:16px;height:16px}.kit-switch.danger .k-button-group{border-color:#ef3e42;background:#f8e0e0}\n"] }]
|
|
@@ -526,7 +527,7 @@ KitTextboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
|
526
527
|
provide: NG_VALUE_ACCESSOR,
|
|
527
528
|
useExisting: forwardRef(() => KitTextboxComponent),
|
|
528
529
|
multi: true,
|
|
529
|
-
}], ngImport: i0, template: "<div class=\"kit-textbox textbox-{{ messageType }}\"\n [class.textbox-disabled]=\"disabled\">\n <kendo-label *ngIf=\"label\" class=\"label\" [text]=\"label\" [for]=\"textbox\"></kendo-label>\n <kendo-textbox #textbox\n [placeholder]=\"placeholder\"\n [disabled]=\"disabled\"\n [value]=\"defaultValue\"\n [maxlength]=\"maxlength\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-textbox>\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-textbox .label{display:block;margin-bottom:4px;color:#a9a8a8;font-weight:500;font-size:13px}.kit-textbox .k-input{padding:0 8px;height:34px;color:#002a3a;font-size:13px;opacity:1;box-shadow:none;border:1px solid #efefef;border-radius:4px;background:#ffffff}.kit-textbox .k-input:focus-within{border-color:#00b0ad}.kit-textbox .k-input.k-disabled{color:#9a9fa6;background:#f3f4f6}.kit-textbox .k-input.k-disabled .k-input-inner::placeholder{color:#9a9fa6}.kit-textbox .k-input-inner{padding:0;width:100%;line-height:1}.kit-textbox .k-input-inner::placeholder{color:#74777d}.kit-textbox .k-input-prefix,.kit-textbox .k-input-suffix{height:0}.kit-textbox.textbox-disabled .label{color:#74777d}.kit-textbox.textbox-danger .k-input{border-color:#ef3e42;background:#f8e0e0}\n"], components: [{ type: i1$1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { type: i2.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "size", "rounded", "fillMode", "tabIndex", "successIcon", "errorIcon", "clearButtonIcon", "placeholder", "maxlength"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { type: KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], directives: [{ type:
|
|
530
|
+
}], ngImport: i0, template: "<div class=\"kit-textbox textbox-{{ messageType }}\"\n [class.textbox-disabled]=\"disabled\">\n <kendo-label *ngIf=\"label\" class=\"label\" [text]=\"label\" [for]=\"textbox\"></kendo-label>\n <kendo-textbox #textbox\n [placeholder]=\"placeholder\"\n [disabled]=\"disabled\"\n [value]=\"defaultValue\"\n [maxlength]=\"maxlength\"\n (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-textbox>\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-textbox .label{display:block;margin-bottom:4px;color:#a9a8a8;font-weight:500;font-size:13px}.kit-textbox .k-input{padding:0 8px;height:34px;color:#002a3a;font-size:13px;opacity:1;box-shadow:none;border:1px solid #efefef;border-radius:4px;background:#ffffff}.kit-textbox .k-input:focus-within{border-color:#00b0ad}.kit-textbox .k-input.k-disabled{color:#9a9fa6;background:#f3f4f6}.kit-textbox .k-input.k-disabled .k-input-inner::placeholder{color:#9a9fa6}.kit-textbox .k-input-inner{padding:0;width:100%;line-height:1}.kit-textbox .k-input-inner::placeholder{color:#74777d}.kit-textbox .k-input-prefix,.kit-textbox .k-input-suffix{height:0}.kit-textbox.textbox-disabled .label{color:#74777d}.kit-textbox.textbox-danger .k-input{border-color:#ef3e42;background:#f8e0e0}\n"], components: [{ type: i1$1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { type: i2$1.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "size", "rounded", "fillMode", "tabIndex", "successIcon", "errorIcon", "clearButtonIcon", "placeholder", "maxlength"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { type: KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
530
531
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitTextboxComponent, decorators: [{
|
|
531
532
|
type: Component,
|
|
532
533
|
args: [{ selector: 'kit-textbox', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{
|
|
@@ -649,7 +650,7 @@ KitNumericTextboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
|
|
|
649
650
|
provide: NG_VALUE_ACCESSOR,
|
|
650
651
|
useExisting: forwardRef(() => KitNumericTextboxComponent),
|
|
651
652
|
multi: true,
|
|
652
|
-
}], ngImport: i0, template: "<div class=\"kit-numeric-textbox textbox-{{ messageType }}\"\n [class.textbox-disabled]=\"disabled\">\n <kendo-label *ngIf=\"label\" class=\"label\" [text]=\"label\" [for]=\"textbox\"></kendo-label>\n <kendo-numerictextbox #textbox\n [placeholder]=\"placeholder\"\n [disabled]=\"disabled\"\n [value]=\"defaultValue\"\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 (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-numerictextbox>\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-numeric-textbox .label{display:block;margin-bottom:4px;color:#a9a8a8;font-weight:500;font-size:13px}.kit-numeric-textbox .k-input{padding:0 8px;height:34px;color:#002a3a;font-size:13px;opacity:1;box-shadow:none;border:1px solid #efefef;border-radius:4px;background:#ffffff}.kit-numeric-textbox .k-input:focus-within{border-color:#00b0ad}.kit-numeric-textbox .k-input.k-disabled{color:#9a9fa6;background:#f3f4f6}.kit-numeric-textbox .k-input.k-disabled .k-input-inner::placeholder{color:#9a9fa6}.kit-numeric-textbox .k-input-inner{padding:0;width:100%;line-height:1}.kit-numeric-textbox .k-input-inner::placeholder{color:#74777d}.kit-numeric-textbox .k-input-prefix,.kit-numeric-textbox .k-input-suffix{height:0}.kit-numeric-textbox.textbox-disabled .label{color:#74777d}.kit-numeric-textbox.textbox-danger .k-input{border-color:#ef3e42;background:#f8e0e0}\n"], components: [{ type: i1$1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { type: i2.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "decimals", "step", "spinners", "rangeValidation", "tabindex", "changeValueOnScroll", "selectOnFocus", "value", "format", "tabIndex", "size", "rounded", "fillMode", "max", "min", "placeholder", "maxlength"], outputs: ["valueChange", "focus", "blur"], exportAs: ["kendoNumericTextBox"] }, { type: KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], directives: [{ type:
|
|
653
|
+
}], ngImport: i0, template: "<div class=\"kit-numeric-textbox textbox-{{ messageType }}\"\n [class.textbox-disabled]=\"disabled\">\n <kendo-label *ngIf=\"label\" class=\"label\" [text]=\"label\" [for]=\"textbox\"></kendo-label>\n <kendo-numerictextbox #textbox\n [placeholder]=\"placeholder\"\n [disabled]=\"disabled\"\n [value]=\"defaultValue\"\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 (blur)=\"onInputBlur()\"\n (valueChange)=\"onInputChange($event)\"\n ></kendo-numerictextbox>\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-numeric-textbox .label{display:block;margin-bottom:4px;color:#a9a8a8;font-weight:500;font-size:13px}.kit-numeric-textbox .k-input{padding:0 8px;height:34px;color:#002a3a;font-size:13px;opacity:1;box-shadow:none;border:1px solid #efefef;border-radius:4px;background:#ffffff}.kit-numeric-textbox .k-input:focus-within{border-color:#00b0ad}.kit-numeric-textbox .k-input.k-disabled{color:#9a9fa6;background:#f3f4f6}.kit-numeric-textbox .k-input.k-disabled .k-input-inner::placeholder{color:#9a9fa6}.kit-numeric-textbox .k-input-inner{padding:0;width:100%;line-height:1}.kit-numeric-textbox .k-input-inner::placeholder{color:#74777d}.kit-numeric-textbox .k-input-prefix,.kit-numeric-textbox .k-input-suffix{height:0}.kit-numeric-textbox.textbox-disabled .label{color:#74777d}.kit-numeric-textbox.textbox-danger .k-input{border-color:#ef3e42;background:#f8e0e0}\n"], components: [{ type: i1$1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { type: i2$1.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "decimals", "step", "spinners", "rangeValidation", "tabindex", "changeValueOnScroll", "selectOnFocus", "value", "format", "tabIndex", "size", "rounded", "fillMode", "max", "min", "placeholder", "maxlength"], outputs: ["valueChange", "focus", "blur"], exportAs: ["kendoNumericTextBox"] }, { type: KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
653
654
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitNumericTextboxComponent, decorators: [{
|
|
654
655
|
type: Component,
|
|
655
656
|
args: [{ selector: 'kit-numeric-textbox', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{
|
|
@@ -837,7 +838,7 @@ KitAutocompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0
|
|
|
837
838
|
provide: NG_VALUE_ACCESSOR,
|
|
838
839
|
useExisting: forwardRef(() => KitAutocompleteComponent),
|
|
839
840
|
multi: true,
|
|
840
|
-
}], ngImport: i0, template: "<div class=\"kit-autocomplete {{ state }}\"\n [class.autocomplete-empty]=\"!items || !items.length\"\n [class.autocomplete-disabled]=\"disabled\"\n [class.autocomplete-loading]=\"loaderVisible\">\n <kendo-label *ngIf=\"label\" class=\"label display-block\"\n [text]=\"label\"\n [for]=\"combobox\">\n </kendo-label>\n <div class=\"autocomplete-wrap\">\n <kendo-combobox #combobox textField=\"text\" valueField=\"value\"\n kendoDropDownFilter\n [data]=\"items\"\n [placeholder]=\"placeholder\"\n [filterable]=\"true\"\n [disabled]=\"disabled\"\n [clearButton]=\"false\"\n [value]=\"selectedValue\"\n [allowCustom]=\"true\"\n [valueNormalizer]=\"normalizedSelectedValue$\"\n [popupSettings]=\"dropdownPopupSettings\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n (selectionChange)=\"onValueSelect($event)\"\n (filterChange)=\"onFilterChange($event)\"\n >\n <ng-template kendoAutoCompleteNoDataTemplate></ng-template>\n <ng-template kendoComboBoxHeaderTemplate>\n <kit-loader *ngIf=\"loaderVisible\" class=\"popup-loader\"></kit-loader>\n </ng-template>\n <ng-template kendoComboBoxItemTemplate let-item>\n <span class=\"template\">{{ getOptionText(item) }}</span>\n </ng-template>\n </kendo-combobox>\n <kit-svg-icon class=\"input-icon\" icon=\"search\"></kit-svg-icon>\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}: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-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0}.kit-autocomplete .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-autocomplete .autocomplete-wrap{position:relative;display:flex;align-items:center}.kit-autocomplete .k-input-button{display:none}.kit-autocomplete .k-combobox{position:static;padding:0 32px 0 8px;height:34px;border:1px solid #efefef;border-radius:4px;background:#ffffff}.kit-autocomplete .k-combobox.k-focus{box-shadow:none}.kit-autocomplete .k-input-inner{padding:0;color:#002a3a;font-size:13px;line-height:1}.kit-autocomplete .k-input-inner::selection{color:#fff;background:#00b0ad}.kit-autocomplete .popup-loader{height:100%}.kit-autocomplete .kit-loader,.kit-autocomplete .kit-loader>div{height:100%}.kit-autocomplete .kit-loader .circle{box-sizing:content-box}.kit-autocomplete .input-icon{position:absolute;right:8px;width:16px;height:16px;fill:#fff;stroke:#000}.kit-autocomplete .kit-autocomplete-popup{margin-top:4px;border:1px solid #c1c7d0;border-radius:4px;box-shadow:0 0 5px #003e5680;background-color:#f3f4f6;padding:4px}.kit-autocomplete .kit-autocomplete-popup .k-list{background-color:#f3f4f6}.kit-autocomplete .kit-autocomplete-popup .k-list-item{padding:8px;min-height:auto;background-color:#fff;font-size:13px;font-weight:500;line-height:1.26;box-shadow:none;border-radius:2px;color:#002a3a}.kit-autocomplete .kit-autocomplete-popup .k-list-item:not(:last-of-type){margin-bottom:4px}.kit-autocomplete .kit-autocomplete-popup .k-list-item:hover{background-color:#f3f5fa;color:#56a2f7}.kit-autocomplete:focus-within .k-combobox{border-color:#00b0ad}.kit-autocomplete.autocomplete-empty .kit-autocomplete-popup{display:none}.kit-autocomplete.autocomplete-loading .kit-autocomplete-popup{display:block;height:200px}.kit-autocomplete.autocomplete-loading .kit-autocomplete-popup .k-no-data,.kit-autocomplete.autocomplete-loading .kit-autocomplete-popup .k-list{display:none}.kit-autocomplete.autocomplete-disabled .label{color:#74777d}.kit-autocomplete.danger .k-combobox{border-color:#ef3e42;background:#f8e0e0}.kit-autocomplete.danger .input-icon{fill:#f8e0e0}\n"], components: [{ type: i1$1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { type: i2$
|
|
841
|
+
}], ngImport: i0, template: "<div class=\"kit-autocomplete {{ state }}\"\n [class.autocomplete-empty]=\"!items || !items.length\"\n [class.autocomplete-disabled]=\"disabled\"\n [class.autocomplete-loading]=\"loaderVisible\">\n <kendo-label *ngIf=\"label\" class=\"label display-block\"\n [text]=\"label\"\n [for]=\"combobox\">\n </kendo-label>\n <div class=\"autocomplete-wrap\">\n <kendo-combobox #combobox textField=\"text\" valueField=\"value\"\n kendoDropDownFilter\n [data]=\"items\"\n [placeholder]=\"placeholder\"\n [filterable]=\"true\"\n [disabled]=\"disabled\"\n [clearButton]=\"false\"\n [value]=\"selectedValue\"\n [allowCustom]=\"true\"\n [valueNormalizer]=\"normalizedSelectedValue$\"\n [popupSettings]=\"dropdownPopupSettings\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n (selectionChange)=\"onValueSelect($event)\"\n (filterChange)=\"onFilterChange($event)\"\n >\n <ng-template kendoAutoCompleteNoDataTemplate></ng-template>\n <ng-template kendoComboBoxHeaderTemplate>\n <kit-loader *ngIf=\"loaderVisible\" class=\"popup-loader\"></kit-loader>\n </ng-template>\n <ng-template kendoComboBoxItemTemplate let-item>\n <span class=\"template\">{{ getOptionText(item) }}</span>\n </ng-template>\n </kendo-combobox>\n <kit-svg-icon class=\"input-icon\" icon=\"search\"></kit-svg-icon>\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}: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-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0}.kit-autocomplete .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-autocomplete .autocomplete-wrap{position:relative;display:flex;align-items:center}.kit-autocomplete .k-input-button{display:none}.kit-autocomplete .k-combobox{position:static;padding:0 32px 0 8px;height:34px;border:1px solid #efefef;border-radius:4px;background:#ffffff}.kit-autocomplete .k-combobox.k-focus{box-shadow:none}.kit-autocomplete .k-input-inner{padding:0;color:#002a3a;font-size:13px;line-height:1}.kit-autocomplete .k-input-inner::selection{color:#fff;background:#00b0ad}.kit-autocomplete .popup-loader{height:100%}.kit-autocomplete .kit-loader,.kit-autocomplete .kit-loader>div{height:100%}.kit-autocomplete .kit-loader .circle{box-sizing:content-box}.kit-autocomplete .input-icon{position:absolute;right:8px;width:16px;height:16px;fill:#fff;stroke:#000}.kit-autocomplete .kit-autocomplete-popup{margin-top:4px;border:1px solid #c1c7d0;border-radius:4px;box-shadow:0 0 5px #003e5680;background-color:#f3f4f6;padding:4px}.kit-autocomplete .kit-autocomplete-popup .k-list{background-color:#f3f4f6}.kit-autocomplete .kit-autocomplete-popup .k-list-item{padding:8px;min-height:auto;background-color:#fff;font-size:13px;font-weight:500;line-height:1.26;box-shadow:none;border-radius:2px;color:#002a3a}.kit-autocomplete .kit-autocomplete-popup .k-list-item:not(:last-of-type){margin-bottom:4px}.kit-autocomplete .kit-autocomplete-popup .k-list-item:hover{background-color:#f3f5fa;color:#56a2f7}.kit-autocomplete:focus-within .k-combobox{border-color:#00b0ad}.kit-autocomplete.autocomplete-empty .kit-autocomplete-popup{display:none}.kit-autocomplete.autocomplete-loading .kit-autocomplete-popup{display:block;height:200px}.kit-autocomplete.autocomplete-loading .kit-autocomplete-popup .k-no-data,.kit-autocomplete.autocomplete-loading .kit-autocomplete-popup .k-list{display:none}.kit-autocomplete.autocomplete-disabled .label{color:#74777d}.kit-autocomplete.danger .k-combobox{border-color:#ef3e42;background:#f8e0e0}.kit-autocomplete.danger .input-icon{fill:#f8e0e0}\n"], components: [{ type: i1$1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { type: i2$2.ComboBoxComponent, selector: "kendo-combobox", inputs: ["focusableId", "allowCustom", "valueNormalizer", "placeholder", "listHeight", "suggest", "clearButton", "disabled", "readonly", "tabindex", "filterable", "data", "value", "valuePrimitive", "popupSettings", "itemDisabled", "tabIndex", "virtual", "size", "rounded", "fillMode", "loading", "textField", "valueField", "iconClass"], outputs: ["valueChange", "selectionChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoComboBox"] }, { type: KitLoaderComponent, selector: "kit-loader" }, { type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { type: KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2$2.FilterDirective, selector: "[kendoDropDownFilter]", inputs: ["filterable", "data", "kendoDropDownFilter"] }, { type: i2$2.NoDataTemplateDirective, selector: "[kendoDropDownListNoDataTemplate],[kendoDropDownTreeNoDataTemplate],[kendoComboBoxNoDataTemplate],[kendoMultiColumnComboBoxNoDataTemplate],[kendoAutoCompleteNoDataTemplate],[kendoMultiSelectNoDataTemplate],[kendoMultiSelectTreeNoDataTemplate]" }, { type: i2$2.HeaderTemplateDirective, selector: "[kendoDropDownListHeaderTemplate],[kendoComboBoxHeaderTemplate],[kendoDropDownTreeHeaderTemplate],[kendoMultiColumnComboBoxHeaderTemplate],[kendoAutoCompleteHeaderTemplate],[kendoMultiSelectHeaderTemplate],[kendoMultiSelectTreeHeaderTemplate]" }, { type: i2$2.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
841
842
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitAutocompleteComponent, decorators: [{
|
|
842
843
|
type: Component,
|
|
843
844
|
args: [{ selector: 'kit-autocomplete', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{
|
|
@@ -951,7 +952,7 @@ KitDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
|
|
|
951
952
|
provide: NG_VALUE_ACCESSOR,
|
|
952
953
|
useExisting: forwardRef(() => KitDropdownComponent),
|
|
953
954
|
multi: true,
|
|
954
|
-
}], ngImport: i0, template: "<div class=\"kit-dropdown {{ state }}\" [class.disabled]=\"disabled\">\n <kendo-label *ngIf=\"label\" class=\"label display-block\"\n [text]=\"label\"\n [for]=\"dropdown\"\n ></kendo-label>\n <kendo-dropdownlist #dropdown valueField=\"value\" textField=\"text\" class=\"dropdown\"\n [data]=\"items\"\n [(ngModel)]=\"selectedItem\"\n [valuePrimitive]=\"true\"\n [disabled]=\"disabled\"\n [popupSettings]=\"dropdownPopupSettings\"\n [itemDisabled]=\"onItemDisabled()\"\n [defaultItem]=\"defaultItem\"\n [listHeight]=\"listHeight\"\n (selectionChange)=\"onItemSelect($event)\"\n ></kendo-dropdownlist>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", 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}: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-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0}.kit-dropdown .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-dropdown .k-state-disabled{background-color:#f3f4f6}.kit-dropdown .k-input-value-text{display:flex;align-items:center;height:100%;font-size:13px;font-weight:400;color:#002a3a;line-height:1}.kit-dropdown .k-icon:before{content:\"\\e015\";color:#002a3a}.kit-dropdown .dropdown{width:100%;height:34px;border-radius:4px;background:#ffffff;border:1px solid #efefef}.kit-dropdown .dropdown:hover{background-color:#fff}.kit-dropdown .dropdown.k-focus{box-shadow:none}.kit-dropdown:focus-within .dropdown{border:1px solid #00b0ad}.kit-dropdown.disabled .label{color:#74777d}.kit-dropdown.danger .dropdown{border-color:#ef3e42;background:#f8e0e0}.kit-dropdown-popup.k-popup{margin-top:4px;border:1px solid #c1c7d0;border-radius:4px;box-shadow:0 0 8px #003e5680;background-color:#f3f4f6;padding:4px}.kit-dropdown-popup.k-popup .k-list-optionlabel{display:none}.kit-dropdown-popup.k-popup .k-list-ul{background-color:#f3f4f6}.kit-dropdown-popup.k-popup .k-list-item{padding:8px;background-color:#fff;font-size:13px;font-weight:500;box-shadow:none;border-radius:2px;color:#002a3a}.kit-dropdown-popup.k-popup .k-list-item:not(:last-of-type){margin-bottom:4px}.kit-dropdown-popup.k-popup .k-list-item:hover,.kit-dropdown-popup.k-popup .k-list-item.k-focus:hover{background-color:#f3f5fa;color:#56a2f7}.kit-dropdown-popup.k-popup .k-list-item.k-selected{background-color:#56a2f7;color:#fff}.kit-dropdown-popup.k-popup .k-list-item.k-disabled{background-color:#f3f4f6;color:#9a9fa6}\n"], components: [{ type: i1$1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { type: i2$
|
|
955
|
+
}], ngImport: i0, template: "<div class=\"kit-dropdown {{ state }}\" [class.disabled]=\"disabled\">\n <kendo-label *ngIf=\"label\" class=\"label display-block\"\n [text]=\"label\"\n [for]=\"dropdown\"\n ></kendo-label>\n <kendo-dropdownlist #dropdown valueField=\"value\" textField=\"text\" class=\"dropdown\"\n [data]=\"items\"\n [(ngModel)]=\"selectedItem\"\n [valuePrimitive]=\"true\"\n [disabled]=\"disabled\"\n [popupSettings]=\"dropdownPopupSettings\"\n [itemDisabled]=\"onItemDisabled()\"\n [defaultItem]=\"defaultItem\"\n [listHeight]=\"listHeight\"\n (selectionChange)=\"onItemSelect($event)\"\n ></kendo-dropdownlist>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", 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}: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-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0}.kit-dropdown .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-dropdown .k-state-disabled{background-color:#f3f4f6}.kit-dropdown .k-input-value-text{display:flex;align-items:center;height:100%;font-size:13px;font-weight:400;color:#002a3a;line-height:1}.kit-dropdown .k-icon:before{content:\"\\e015\";color:#002a3a}.kit-dropdown .dropdown{width:100%;height:34px;border-radius:4px;background:#ffffff;border:1px solid #efefef}.kit-dropdown .dropdown:hover{background-color:#fff}.kit-dropdown .dropdown.k-focus{box-shadow:none}.kit-dropdown:focus-within .dropdown{border:1px solid #00b0ad}.kit-dropdown.disabled .label{color:#74777d}.kit-dropdown.danger .dropdown{border-color:#ef3e42;background:#f8e0e0}.kit-dropdown-popup.k-popup{margin-top:4px;border:1px solid #c1c7d0;border-radius:4px;box-shadow:0 0 8px #003e5680;background-color:#f3f4f6;padding:4px}.kit-dropdown-popup.k-popup .k-list-optionlabel{display:none}.kit-dropdown-popup.k-popup .k-list-ul{background-color:#f3f4f6}.kit-dropdown-popup.k-popup .k-list-item{padding:8px;background-color:#fff;font-size:13px;font-weight:500;box-shadow:none;border-radius:2px;color:#002a3a}.kit-dropdown-popup.k-popup .k-list-item:not(:last-of-type){margin-bottom:4px}.kit-dropdown-popup.k-popup .k-list-item:hover,.kit-dropdown-popup.k-popup .k-list-item.k-focus:hover{background-color:#f3f5fa;color:#56a2f7}.kit-dropdown-popup.k-popup .k-list-item.k-selected{background-color:#56a2f7;color:#fff}.kit-dropdown-popup.k-popup .k-list-item.k-disabled{background-color:#f3f4f6;color:#9a9fa6}\n"], components: [{ type: i1$1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { type: i2$2.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["listHeight", "disabled", "readonly", "filterable", "ignoreCase", "delay", "tabindex", "id", "data", "value", "popupSettings", "itemDisabled", "virtual", "valuePrimitive", "tabIndex", "size", "rounded", "fillMode", "iconClass", "loading", "textField", "valueField", "defaultItem"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { type: KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
955
956
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitDropdownComponent, decorators: [{
|
|
956
957
|
type: Component,
|
|
957
958
|
args: [{ selector: 'kit-dropdown', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{
|
|
@@ -1143,7 +1144,7 @@ KitTextareaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
|
|
|
1143
1144
|
provide: NG_VALUE_ACCESSOR,
|
|
1144
1145
|
useExisting: forwardRef(() => KitTextareaComponent),
|
|
1145
1146
|
multi: true,
|
|
1146
|
-
}], usesOnChanges: true, ngImport: i0, template: "<div class=\"kit-textarea {{ state }}\" [class.textarea-disabled]=\"disabled\">\n <kendo-label *ngIf=\"label\" [text]=\"label\" [for]=\"textarea\"></kendo-label>\n <div class=\"textarea-wrapper\">\n <textarea autoresize #textarea class=\"k-input\"\n [attr.placeholder]=\"placeholder\"\n [style.min-height.px]=\"minHeight\"\n [style.max-height.px]=\"maxHeight\"\n [attr.maxlength]=\"maxlength\"\n [disabled]=\"disabled\"\n [value]=\"defaultValue\"\n (focus)=\"onTextareaFocus()\"\n (blur)=\"onTextareaBlur()\"\n (input)=\"onTextareaChange($event)\"\n ></textarea>\n </div>\n <kit-input-message *ngIf=\"messageText\"\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-textarea .k-label{display:block;margin-bottom:4px;color:#a9a8a8;font-weight:500;font-size:13px}.kit-textarea .textarea-wrapper{border:1px solid #efefef;border-radius:4px;background:#ffffff}.kit-textarea .textarea-wrapper:focus-within{border-color:#00b0ad}.kit-textarea .k-input{padding:8px;width:100%;min-height:32px;color:#002a3a;font-size:13px;border:none;border-radius:4px;box-sizing:border-box;line-height:1.26;overflow:auto;resize:none}.kit-textarea .k-input::placeholder{color:#74777d}.kit-textarea .k-input:disabled{color:#9a9fa6;background:#f3f4f6}.kit-textarea .k-input:disabled::placeholder{color:#9a9fa6}.kit-textarea.textarea-disabled .k-label{color:#74777d}.kit-textarea.danger .textarea-wrapper{border-color:#ef3e42}.kit-textarea.danger .k-input{background:#f8e0e0}\n"], components: [{ type: i1$1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { type: KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], directives: [{ type:
|
|
1147
|
+
}], usesOnChanges: true, ngImport: i0, template: "<div class=\"kit-textarea {{ state }}\" [class.textarea-disabled]=\"disabled\">\n <kendo-label *ngIf=\"label\" [text]=\"label\" [for]=\"textarea\"></kendo-label>\n <div class=\"textarea-wrapper\">\n <textarea autoresize #textarea class=\"k-input\"\n [attr.placeholder]=\"placeholder\"\n [style.min-height.px]=\"minHeight\"\n [style.max-height.px]=\"maxHeight\"\n [attr.maxlength]=\"maxlength\"\n [disabled]=\"disabled\"\n [value]=\"defaultValue\"\n (focus)=\"onTextareaFocus()\"\n (blur)=\"onTextareaBlur()\"\n (input)=\"onTextareaChange($event)\"\n ></textarea>\n </div>\n <kit-input-message *ngIf=\"messageText\"\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-textarea .k-label{display:block;margin-bottom:4px;color:#a9a8a8;font-weight:500;font-size:13px}.kit-textarea .textarea-wrapper{border:1px solid #efefef;border-radius:4px;background:#ffffff}.kit-textarea .textarea-wrapper:focus-within{border-color:#00b0ad}.kit-textarea .k-input{padding:8px;width:100%;min-height:32px;color:#002a3a;font-size:13px;border:none;border-radius:4px;box-sizing:border-box;line-height:1.26;overflow:auto;resize:none}.kit-textarea .k-input::placeholder{color:#74777d}.kit-textarea .k-input:disabled{color:#9a9fa6;background:#f3f4f6}.kit-textarea .k-input:disabled::placeholder{color:#9a9fa6}.kit-textarea.textarea-disabled .k-label{color:#74777d}.kit-textarea.danger .textarea-wrapper{border-color:#ef3e42}.kit-textarea.danger .k-input{background:#f8e0e0}\n"], components: [{ type: i1$1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { type: KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: KitTextareaAutoresizeDirective, selector: "[autoresize]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1147
1148
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitTextareaComponent, decorators: [{
|
|
1148
1149
|
type: Component,
|
|
1149
1150
|
args: [{ selector: 'kit-textarea', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{
|
|
@@ -1241,7 +1242,7 @@ class KitTextLabelComponent {
|
|
|
1241
1242
|
}
|
|
1242
1243
|
}
|
|
1243
1244
|
KitTextLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitTextLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1244
|
-
KitTextLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: KitTextLabelComponent, selector: "kit-text-label", inputs: { label: "label", value: "value", htmlMode: "htmlMode", noValueMessage: "noValueMessage", messageText: "messageText", messageType: "messageType", state: "state" }, ngImport: i0, template: "<div class=\"kit-text-label {{ state }}\" tabindex=\"0\" [class.text-label-empty]=\"!value\">\n <kendo-label *ngIf=\"value\" [text]=\"label\"></kendo-label>\n <kendo-label *ngIf=\"!value\" [text]=\"noValueMessage || label\"></kendo-label>\n <div *ngIf=\"!htmlMode; else htmlModeTemplate\" class=\"value\">{{ value }}</div>\n <ng-template #htmlModeTemplate>\n <div class=\"value\" [innerHTML]=\"value\"></div>\n </ng-template>\n <kit-input-message *ngIf=\"messageText && value\"\n [type]=\"messageType\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", 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}: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-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0}.kit-text-label{padding:6px 4px 4px;border-radius:4px;border:1px solid transparent;outline:none;background:#ffffff}.kit-text-label:focus{border-color:#006890;box-shadow:0 0 0 3px #e7f4ec}.kit-text-label .k-label{display:block;margin-bottom:4px;color:#a9a8a8;font-weight:500;font-size:13px}.kit-text-label .value{color:#002a3a;font-weight:400;font-size:13px;border-radius:4px;line-height:17px}.kit-text-label.text-label-empty .value{height:22px;min-width:112px;background:#f3f4f6}.kit-text-label.danger{border-color:#ef3e42;background:#f8e0e0}\n"], components: [{ type: i1$1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { type: KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], directives: [{ type:
|
|
1245
|
+
KitTextLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: KitTextLabelComponent, selector: "kit-text-label", inputs: { label: "label", value: "value", htmlMode: "htmlMode", noValueMessage: "noValueMessage", messageText: "messageText", messageType: "messageType", state: "state" }, ngImport: i0, template: "<div class=\"kit-text-label {{ state }}\" tabindex=\"0\" [class.text-label-empty]=\"!value\">\n <kendo-label *ngIf=\"value\" [text]=\"label\"></kendo-label>\n <kendo-label *ngIf=\"!value\" [text]=\"noValueMessage || label\"></kendo-label>\n <div *ngIf=\"!htmlMode; else htmlModeTemplate\" class=\"value\">{{ value }}</div>\n <ng-template #htmlModeTemplate>\n <div class=\"value\" [innerHTML]=\"value\"></div>\n </ng-template>\n <kit-input-message *ngIf=\"messageText && value\"\n [type]=\"messageType\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", 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}: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-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0}.kit-text-label{padding:6px 4px 4px;border-radius:4px;border:1px solid transparent;outline:none;background:#ffffff}.kit-text-label:focus{border-color:#006890;box-shadow:0 0 0 3px #e7f4ec}.kit-text-label .k-label{display:block;margin-bottom:4px;color:#a9a8a8;font-weight:500;font-size:13px}.kit-text-label .value{color:#002a3a;font-weight:400;font-size:13px;border-radius:4px;line-height:17px}.kit-text-label.text-label-empty .value{height:22px;min-width:112px;background:#f3f4f6}.kit-text-label.danger{border-color:#ef3e42;background:#f8e0e0}\n"], components: [{ type: i1$1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { type: KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1245
1246
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitTextLabelComponent, decorators: [{
|
|
1246
1247
|
type: Component,
|
|
1247
1248
|
args: [{ selector: 'kit-text-label', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"kit-text-label {{ state }}\" tabindex=\"0\" [class.text-label-empty]=\"!value\">\n <kendo-label *ngIf=\"value\" [text]=\"label\"></kendo-label>\n <kendo-label *ngIf=\"!value\" [text]=\"noValueMessage || label\"></kendo-label>\n <div *ngIf=\"!htmlMode; else htmlModeTemplate\" class=\"value\">{{ value }}</div>\n <ng-template #htmlModeTemplate>\n <div class=\"value\" [innerHTML]=\"value\"></div>\n </ng-template>\n <kit-input-message *ngIf=\"messageText && value\"\n [type]=\"messageType\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", 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}: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-green: #00b0ad;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0}.kit-text-label{padding:6px 4px 4px;border-radius:4px;border:1px solid transparent;outline:none;background:#ffffff}.kit-text-label:focus{border-color:#006890;box-shadow:0 0 0 3px #e7f4ec}.kit-text-label .k-label{display:block;margin-bottom:4px;color:#a9a8a8;font-weight:500;font-size:13px}.kit-text-label .value{color:#002a3a;font-weight:400;font-size:13px;border-radius:4px;line-height:17px}.kit-text-label.text-label-empty .value{height:22px;min-width:112px;background:#f3f4f6}.kit-text-label.danger{border-color:#ef3e42;background:#f8e0e0}\n"] }]
|
|
@@ -1401,7 +1402,7 @@ class KitUnitsTextboxComponent {
|
|
|
1401
1402
|
}
|
|
1402
1403
|
}
|
|
1403
1404
|
KitUnitsTextboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitUnitsTextboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1404
|
-
KitUnitsTextboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", 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"], components: [{ type: i1$1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { type: i2.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "size", "rounded", "fillMode", "tabIndex", "successIcon", "errorIcon", "clearButtonIcon", "placeholder", "maxlength"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { type: i2.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "decimals", "step", "spinners", "rangeValidation", "tabindex", "changeValueOnScroll", "selectOnFocus", "value", "format", "tabIndex", "size", "rounded", "fillMode", "max", "min", "placeholder", "maxlength"], outputs: ["valueChange", "focus", "blur"], exportAs: ["kendoNumericTextBox"] }, { type: i2$
|
|
1405
|
+
KitUnitsTextboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", 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"], components: [{ type: i1$1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { type: i2$1.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "size", "rounded", "fillMode", "tabIndex", "successIcon", "errorIcon", "clearButtonIcon", "placeholder", "maxlength"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { type: i2$1.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "decimals", "step", "spinners", "rangeValidation", "tabindex", "changeValueOnScroll", "selectOnFocus", "value", "format", "tabIndex", "size", "rounded", "fillMode", "max", "min", "placeholder", "maxlength"], outputs: ["valueChange", "focus", "blur"], exportAs: ["kendoNumericTextBox"] }, { type: i2$2.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["listHeight", "disabled", "readonly", "filterable", "ignoreCase", "delay", "tabindex", "id", "data", "value", "popupSettings", "itemDisabled", "virtual", "valuePrimitive", "tabIndex", "size", "rounded", "fillMode", "iconClass", "loading", "textField", "valueField", "defaultItem"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { type: KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1405
1406
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitUnitsTextboxComponent, decorators: [{
|
|
1406
1407
|
type: Component,
|
|
1407
1408
|
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"] }]
|
|
@@ -1581,7 +1582,7 @@ KitDatetimepickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
|
|
|
1581
1582
|
provide: NG_VALUE_ACCESSOR,
|
|
1582
1583
|
useExisting: forwardRef(() => KitDatetimepickerComponent),
|
|
1583
1584
|
multi: true,
|
|
1584
|
-
}], viewQueries: [{ propertyName: "datetimepicker", first: true, predicate: ["datetimepicker"], descendants: true }], ngImport: i0, template: "<div class=\"kit-datetimepicker\"\n [class.datetimepicker-disabled]=\"disabled\"\n [class.datetimepicker-invalid]=\"!isValid\"\n [class.datetimepicker-opened]=\"datetimepicker.isOpen\"\n>\n <kendo-label *ngIf=\"label\" class=\"label display-block\"\n [text]=\"label\"\n [for]=\"datetimepicker\"\n ></kendo-label>\n <div class=\"datetimepicker-wrap\">\n <button class=\"toggle-btn\" (click)=\"onPopupToggle()\">\n <kit-svg-icon *ngIf=\"icon\"\n class=\"button-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n </button>\n <kendo-datetimepicker #datetimepicker\n [placeholder]=\"placeholder\"\n [format]=\"format\"\n [disabled]=\"disabled\"\n [popupSettings]=\"datetimepickerPopupSettings\"\n [value]=\"defaultDate\"\n [min]=\"min\" [max]=\"max\"\n [focusedDate]=\"defaultDate\"\n (valueChange)=\"onValueChange($event)\"\n (blur)=\"onBlur()\"\n (close)=\"onClose()\"\n ></kendo-datetimepicker>\n </div>\n <kit-input-message *ngIf=\"messageText\"\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-datetimepicker .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-datetimepicker .datetimepicker-wrap{position:relative}.kit-datetimepicker .k-datetimepicker{padding:4px 8px 4px 28px;height:34px;width:100%;font-size:13px;font-weight:400;color:#002a3a;border-radius:4px;border:1px solid #efefef}.kit-datetimepicker .k-datetimepicker.k-focus{border-color:#00b0ad;box-shadow:none}.kit-datetimepicker .k-dateinput{box-shadow:none}.kit-datetimepicker .k-input-inner{padding:0;line-height:1}.kit-datetimepicker .k-input-inner::placeholder{color:#74777d}.kit-datetimepicker .k-input-inner::selection{color:#fff;background:#00b0ad}.kit-datetimepicker .toggle-btn{position:absolute;top:0;left:0;padding:0 8px;height:100%;border:none;background:none;cursor:pointer;z-index:1}.kit-datetimepicker .toggle-btn .button-icon{display:block;width:16px;height:16px;fill:transparent;stroke:#002a3a}.kit-datetimepicker.datetimepicker-opened .toggle-btn .button-icon{stroke:#00b0ad}.kit-datetimepicker:focus-within .k-datetimepicker{color:#27282a}.kit-datetimepicker.datetimepicker-disabled .label{color:#74777d}.kit-datetimepicker.datetimepicker-disabled .k-datetimepicker{color:#9a9fa6;border-color:#c1c7d0;background-color:#f3f4f6}.kit-datetimepicker.datetimepicker-disabled .toggle-btn{cursor:default}.kit-datetimepicker.datetimepicker-disabled .toggle-btn .button-icon{stroke:#c1c7d0}.kit-datetimepicker.datetimepicker-invalid .k-datetimepicker{color:#27282a;border-color:#ef3e42;background-color:#f8e0e0}.kit-datetimepicker .k-input-button{display:none}.kit-datetimepicker-popup.k-popup{margin-top:8px;border-radius:6px;border:1px solid #006890;box-shadow:none;background:#f3f4f6}.kit-datetimepicker-popup.k-popup .k-datetime-wrap{width:296px}.kit-datetimepicker-popup.k-popup .k-datetime-buttongroup{padding:4px;border-radius:6px 6px 0 0;background:#dadde3}.kit-datetimepicker-popup.k-popup .k-datetime-buttongroup .k-button{height:32px;color:#27282a;font-size:13px;font-weight:400;border-radius:6px 6px 0 0;border:1px solid #c1c7d0;background:#dadde3}.kit-datetimepicker-popup.k-popup .k-datetime-buttongroup .k-button.k-active{background:#ffffff}.kit-datetimepicker-popup.k-popup .k-datetime-selector{padding-top:6px;background:none}.kit-datetimepicker-popup.k-popup .kalendar-view{padding:0}.kit-datetimepicker-popup.k-popup .k-datetime-time-wrap,.kit-datetimepicker-popup.k-popup .k-datetime-calendar-wrap{flex-basis:296px}.kit-datetimepicker-popup.k-popup .k-calendar{width:100%;background:none}.kit-datetimepicker-popup.k-popup .k-link{align-items:center;width:100%;height:100%;color:#27282a;font-size:13px;font-weight:500;border-radius:50%;box-shadow:none}.kit-datetimepicker-popup.k-popup .k-link:hover{color:#7ccdf4;background:none}.kit-datetimepicker-popup.k-popup .k-calendar-view{padding:0;width:100%}.kit-datetimepicker-popup.k-popup .k-calendar-view:after{display:none}.kit-datetimepicker-popup.k-popup .k-calendar-view .k-calendar-th{padding:6px 0;height:auto;color:#9a9fa6;font-size:16px;font-weight:700}.kit-datetimepicker-popup.k-popup .k-calendar-view .k-link{width:100%}.kit-datetimepicker-popup.k-popup .k-calendar-table{border-collapse:collapse}.kit-datetimepicker-popup.k-popup .k-calendar-header,.kit-datetimepicker-popup.k-popup .k-time-header{margin:0 0 6px;padding:4px 30px;border-radius:6px 6px 0 0;background:#ffffff}.kit-datetimepicker-popup.k-popup .k-calendar-header .k-calendar-title,.kit-datetimepicker-popup.k-popup .k-time-header .k-calendar-title{padding:0;color:#27282a;font-size:16px;font-weight:700}.kit-datetimepicker-popup.k-popup .k-calendar-header .k-today,.kit-datetimepicker-popup.k-popup .k-calendar-header .k-time-now,.kit-datetimepicker-popup.k-popup .k-time-header .k-today,.kit-datetimepicker-popup.k-popup .k-time-header .k-time-now{display:flex;align-items:center;padding:0;color:#7ccdf4;font-size:16px;font-weight:400;text-transform:uppercase}.kit-datetimepicker-popup.k-popup .k-calendar-header .k-today:hover,.kit-datetimepicker-popup.k-popup .k-calendar-header .k-time-now:hover,.kit-datetimepicker-popup.k-popup .k-time-header .k-today:hover,.kit-datetimepicker-popup.k-popup .k-time-header .k-time-now:hover{color:#7ccdf4}.kit-datetimepicker-popup.k-popup .k-calendar-weekdays{padding:6px 8px 0}.kit-datetimepicker-popup.k-popup .k-calendar-weekdays .k-calendar-th{padding:0;height:40px;color:#27282a;font-size:13px;font-weight:500;line-height:1;text-transform:uppercase}.kit-datetimepicker-popup.k-popup .k-calendar-content{margin:0;padding:0 8px;box-sizing:border-box}.kit-datetimepicker-popup.k-popup .k-calendar-content>.k-calendar-table{margin:0;width:100%}.kit-datetimepicker-popup.k-popup .k-calendar-td{width:40px;height:40px;border:1px solid #dfdfdf}.kit-datetimepicker-popup.k-popup .k-calendar-td:hover .k-link{background:none}.kit-datetimepicker-popup.k-popup .k-calendar-td.k-empty{border:none}.kit-datetimepicker-popup.k-popup .k-calendar-td.k-today .k-link{color:#7ccdf4}.kit-datetimepicker-popup.k-popup .k-calendar-td.k-state-selected .k-link{color:#fff;border:1px solid #dfdfdf;background:#7ccdf4}.kit-datetimepicker-popup.k-popup .k-calendar-td.k-state-focused .k-link{box-shadow:none}.kit-datetimepicker-popup.k-popup .k-action-buttons{margin-top:0;padding:12px;justify-content:center;border-top:1px solid #006890}.kit-datetimepicker-popup.k-popup .k-action-buttons .k-button{margin:0 5px;width:110px;height:30px;flex:0 0 auto;font-size:14px;font-weight:400;border-radius:4px;border:none}.kit-datetimepicker-popup.k-popup .k-time-cancel{color:#27282a;background:#dadde3}.kit-datetimepicker-popup.k-popup .k-time-accept{color:#fff;background:#006890}.kit-datetimepicker-popup.k-popup .k-time-list-wrapper{padding:0;height:252px;background:#ffffff}.kit-datetimepicker-popup.k-popup .k-time-list-wrapper:before,.kit-datetimepicker-popup.k-popup .k-time-list-wrapper:after{display:none}.kit-datetimepicker-popup.k-popup .k-time-list-wrapper.k-state-focused{background:#f3f4f6}.kit-datetimepicker-popup.k-popup .k-time-list-wrapper .k-title{display:flex;align-items:center;justify-content:center;margin:0;color:#27282a;font-size:14px;font-weight:500;height:40px}.kit-datetimepicker-popup.k-popup .k-time-list:before,.kit-datetimepicker-popup.k-popup .k-time-list:after{display:none}.kit-datetimepicker-popup.k-popup .k-time-list .k-item{display:flex;align-items:center;justify-content:center;padding:0;height:40px;color:#27282a;font-size:14px;font-weight:500}.kit-datetimepicker-popup.k-popup .k-time-highlight{top:50%;height:40px;border-color:#cdd2d9;transform:none}.kit-datetimepicker-popup.k-popup .k-time-separator{margin-top:20px}\n"], components: [{ type: i1$1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { type: i2$
|
|
1585
|
+
}], viewQueries: [{ propertyName: "datetimepicker", first: true, predicate: ["datetimepicker"], descendants: true }], ngImport: i0, template: "<div class=\"kit-datetimepicker\"\n [class.datetimepicker-disabled]=\"disabled\"\n [class.datetimepicker-invalid]=\"!isValid\"\n [class.datetimepicker-opened]=\"datetimepicker.isOpen\"\n>\n <kendo-label *ngIf=\"label\" class=\"label display-block\"\n [text]=\"label\"\n [for]=\"datetimepicker\"\n ></kendo-label>\n <div class=\"datetimepicker-wrap\">\n <button class=\"toggle-btn\" (click)=\"onPopupToggle()\">\n <kit-svg-icon *ngIf=\"icon\"\n class=\"button-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n </button>\n <kendo-datetimepicker #datetimepicker\n [placeholder]=\"placeholder\"\n [format]=\"format\"\n [disabled]=\"disabled\"\n [popupSettings]=\"datetimepickerPopupSettings\"\n [value]=\"defaultDate\"\n [min]=\"min\" [max]=\"max\"\n [focusedDate]=\"defaultDate\"\n (valueChange)=\"onValueChange($event)\"\n (blur)=\"onBlur()\"\n (close)=\"onClose()\"\n ></kendo-datetimepicker>\n </div>\n <kit-input-message *ngIf=\"messageText\"\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-datetimepicker .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-datetimepicker .datetimepicker-wrap{position:relative}.kit-datetimepicker .k-datetimepicker{padding:4px 8px 4px 28px;height:34px;width:100%;font-size:13px;font-weight:400;color:#002a3a;border-radius:4px;border:1px solid #efefef}.kit-datetimepicker .k-datetimepicker.k-focus{border-color:#00b0ad;box-shadow:none}.kit-datetimepicker .k-dateinput{box-shadow:none}.kit-datetimepicker .k-input-inner{padding:0;line-height:1}.kit-datetimepicker .k-input-inner::placeholder{color:#74777d}.kit-datetimepicker .k-input-inner::selection{color:#fff;background:#00b0ad}.kit-datetimepicker .toggle-btn{position:absolute;top:0;left:0;padding:0 8px;height:100%;border:none;background:none;cursor:pointer;z-index:1}.kit-datetimepicker .toggle-btn .button-icon{display:block;width:16px;height:16px;fill:transparent;stroke:#002a3a}.kit-datetimepicker.datetimepicker-opened .toggle-btn .button-icon{stroke:#00b0ad}.kit-datetimepicker:focus-within .k-datetimepicker{color:#27282a}.kit-datetimepicker.datetimepicker-disabled .label{color:#74777d}.kit-datetimepicker.datetimepicker-disabled .k-datetimepicker{color:#9a9fa6;border-color:#c1c7d0;background-color:#f3f4f6}.kit-datetimepicker.datetimepicker-disabled .toggle-btn{cursor:default}.kit-datetimepicker.datetimepicker-disabled .toggle-btn .button-icon{stroke:#c1c7d0}.kit-datetimepicker.datetimepicker-invalid .k-datetimepicker{color:#27282a;border-color:#ef3e42;background-color:#f8e0e0}.kit-datetimepicker .k-input-button{display:none}.kit-datetimepicker-popup.k-popup{margin-top:8px;border-radius:6px;border:1px solid #006890;box-shadow:none;background:#f3f4f6}.kit-datetimepicker-popup.k-popup .k-datetime-wrap{width:296px}.kit-datetimepicker-popup.k-popup .k-datetime-buttongroup{padding:4px;border-radius:6px 6px 0 0;background:#dadde3}.kit-datetimepicker-popup.k-popup .k-datetime-buttongroup .k-button{height:32px;color:#27282a;font-size:13px;font-weight:400;border-radius:6px 6px 0 0;border:1px solid #c1c7d0;background:#dadde3}.kit-datetimepicker-popup.k-popup .k-datetime-buttongroup .k-button.k-active{background:#ffffff}.kit-datetimepicker-popup.k-popup .k-datetime-selector{padding-top:6px;background:none}.kit-datetimepicker-popup.k-popup .kalendar-view{padding:0}.kit-datetimepicker-popup.k-popup .k-datetime-time-wrap,.kit-datetimepicker-popup.k-popup .k-datetime-calendar-wrap{flex-basis:296px}.kit-datetimepicker-popup.k-popup .k-calendar{width:100%;background:none}.kit-datetimepicker-popup.k-popup .k-link{align-items:center;width:100%;height:100%;color:#27282a;font-size:13px;font-weight:500;border-radius:50%;box-shadow:none}.kit-datetimepicker-popup.k-popup .k-link:hover{color:#7ccdf4;background:none}.kit-datetimepicker-popup.k-popup .k-calendar-view{padding:0;width:100%}.kit-datetimepicker-popup.k-popup .k-calendar-view:after{display:none}.kit-datetimepicker-popup.k-popup .k-calendar-view .k-calendar-th{padding:6px 0;height:auto;color:#9a9fa6;font-size:16px;font-weight:700}.kit-datetimepicker-popup.k-popup .k-calendar-view .k-link{width:100%}.kit-datetimepicker-popup.k-popup .k-calendar-table{border-collapse:collapse}.kit-datetimepicker-popup.k-popup .k-calendar-header,.kit-datetimepicker-popup.k-popup .k-time-header{margin:0 0 6px;padding:4px 30px;border-radius:6px 6px 0 0;background:#ffffff}.kit-datetimepicker-popup.k-popup .k-calendar-header .k-calendar-title,.kit-datetimepicker-popup.k-popup .k-time-header .k-calendar-title{padding:0;color:#27282a;font-size:16px;font-weight:700}.kit-datetimepicker-popup.k-popup .k-calendar-header .k-today,.kit-datetimepicker-popup.k-popup .k-calendar-header .k-time-now,.kit-datetimepicker-popup.k-popup .k-time-header .k-today,.kit-datetimepicker-popup.k-popup .k-time-header .k-time-now{display:flex;align-items:center;padding:0;color:#7ccdf4;font-size:16px;font-weight:400;text-transform:uppercase}.kit-datetimepicker-popup.k-popup .k-calendar-header .k-today:hover,.kit-datetimepicker-popup.k-popup .k-calendar-header .k-time-now:hover,.kit-datetimepicker-popup.k-popup .k-time-header .k-today:hover,.kit-datetimepicker-popup.k-popup .k-time-header .k-time-now:hover{color:#7ccdf4}.kit-datetimepicker-popup.k-popup .k-calendar-weekdays{padding:6px 8px 0}.kit-datetimepicker-popup.k-popup .k-calendar-weekdays .k-calendar-th{padding:0;height:40px;color:#27282a;font-size:13px;font-weight:500;line-height:1;text-transform:uppercase}.kit-datetimepicker-popup.k-popup .k-calendar-content{margin:0;padding:0 8px;box-sizing:border-box}.kit-datetimepicker-popup.k-popup .k-calendar-content>.k-calendar-table{margin:0;width:100%}.kit-datetimepicker-popup.k-popup .k-calendar-td{width:40px;height:40px;border:1px solid #dfdfdf}.kit-datetimepicker-popup.k-popup .k-calendar-td:hover .k-link{background:none}.kit-datetimepicker-popup.k-popup .k-calendar-td.k-empty{border:none}.kit-datetimepicker-popup.k-popup .k-calendar-td.k-today .k-link{color:#7ccdf4}.kit-datetimepicker-popup.k-popup .k-calendar-td.k-state-selected .k-link{color:#fff;border:1px solid #dfdfdf;background:#7ccdf4}.kit-datetimepicker-popup.k-popup .k-calendar-td.k-state-focused .k-link{box-shadow:none}.kit-datetimepicker-popup.k-popup .k-action-buttons{margin-top:0;padding:12px;justify-content:center;border-top:1px solid #006890}.kit-datetimepicker-popup.k-popup .k-action-buttons .k-button{margin:0 5px;width:110px;height:30px;flex:0 0 auto;font-size:14px;font-weight:400;border-radius:4px;border:none}.kit-datetimepicker-popup.k-popup .k-time-cancel{color:#27282a;background:#dadde3}.kit-datetimepicker-popup.k-popup .k-time-accept{color:#fff;background:#006890}.kit-datetimepicker-popup.k-popup .k-time-list-wrapper{padding:0;height:252px;background:#ffffff}.kit-datetimepicker-popup.k-popup .k-time-list-wrapper:before,.kit-datetimepicker-popup.k-popup .k-time-list-wrapper:after{display:none}.kit-datetimepicker-popup.k-popup .k-time-list-wrapper.k-state-focused{background:#f3f4f6}.kit-datetimepicker-popup.k-popup .k-time-list-wrapper .k-title{display:flex;align-items:center;justify-content:center;margin:0;color:#27282a;font-size:14px;font-weight:500;height:40px}.kit-datetimepicker-popup.k-popup .k-time-list:before,.kit-datetimepicker-popup.k-popup .k-time-list:after{display:none}.kit-datetimepicker-popup.k-popup .k-time-list .k-item{display:flex;align-items:center;justify-content:center;padding:0;height:40px;color:#27282a;font-size:14px;font-weight:500}.kit-datetimepicker-popup.k-popup .k-time-highlight{top:50%;height:40px;border-color:#cdd2d9;transform:none}.kit-datetimepicker-popup.k-popup .k-time-separator{margin-top:20px}\n"], components: [{ type: i1$1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { type: i2$3.DateTimePickerComponent, selector: "kendo-datetimepicker", inputs: ["twoDigitYearMax", "focusableId", "title", "disabled", "readonly", "readOnlyInput", "cancelButton", "steps", "calendarType", "animateCalendarNavigation", "weekNumber", "rangeValidation", "disabledDatesValidation", "incompleteDateValidation", "value", "format", "tabindex", "disabledDates", "popupSettings", "min", "max", "defaultTab", "size", "rounded", "fillMode", "formatPlaceholder", "placeholder", "focusedDate"], outputs: ["valueChange", "open", "close", "focus", "blur"], exportAs: ["kendo-datetimepicker"] }, { type: KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1585
1586
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitDatetimepickerComponent, decorators: [{
|
|
1586
1587
|
type: Component,
|
|
1587
1588
|
args: [{ selector: 'kit-datetimepicker', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{
|
|
@@ -1755,7 +1756,7 @@ class KitLocationStepperComponent {
|
|
|
1755
1756
|
}
|
|
1756
1757
|
}
|
|
1757
1758
|
KitLocationStepperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitLocationStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1758
|
-
KitLocationStepperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: KitLocationStepperComponent, selector: "kit-location-stepper", inputs: { items: "items", toolTipPosition: "toolTipPosition" }, ngImport: i0, template: "<ng-template #icon let-item=\"item\">\n <kit-svg-icon [icon]=\"item.icon\" class=\"display-block location-icon\"\n [title]=\"item.title\"\n ></kit-svg-icon>\n</ng-template>\n\n<ng-template #description let-item=\"item\">\n <ng-template #toolTip>\n <span class=\"location-tooltip\">{{ item.toolTipText }}</span>\n </ng-template>\n <div *ngIf=\"item.toolTipText\" class=\"description-location\" kitTooltip\n kitTooltipFilter=\"div.description-location\"\n tooltipClass=\"location-tooltip-wrapper\"\n [kitTooltipTemplateRef]=\"toolTip\"\n [kitTooltipPosition]=\"toolTipPosition\">\n <div class=\"title\">{{ item.title }}</div>\n <div *ngIf=\"item.description\" class=\"caption\">{{ item.description }}</div>\n </div>\n\n <div *ngIf=\"!item.toolTipText\" class=\"description-location\">\n <div class=\"title\">{{ item.title }}</div>\n <div *ngIf=\"item.description\" class=\"caption\">{{ item.description }}</div>\n </div>\n\n <div *ngIf=\"item.name\" class=\"description-name\">{{ item.name }}</div>\n</ng-template>\n\n<ng-template #dates let-dates=\"dates\">\n <div *ngFor=\"let date of dates\" class=\"date display-flex\">\n <span class=\"date-description\">{{ date.description }}</span>\n <span>{{ date.value }}</span>\n </div>\n</ng-template>\n\n<div class=\"kit-location-stepper\">\n <div *ngFor=\"let item of items; let first = first; let last = last\" class=\"step {{ item.cssClass }}\"\n [class.first]=\"first\"\n [class.last]=\"last\"\n [class.has-sub-items]=\"!!item.subItems\">\n <div class=\"step-inner display-flex\">\n <div *ngIf=\"item.dates?.length\" class=\"dates\">\n <ng-container *ngTemplateOutlet=\"dates; context: { dates: item.dates }\"></ng-container>\n </div>\n\n <ng-container *ngTemplateOutlet=\"icon; context: { item: item }\"></ng-container>\n\n <div class=\"description\">\n <ng-container *ngTemplateOutlet=\"description; context: { item: item }\"></ng-container>\n </div>\n </div>\n <div *ngIf=\"item.subItems?.length\" class=\"sub-items\">\n <div *ngFor=\"let subItem of item.subItems\" class=\"sub-item display-flex {{ subItem.cssClass }}\">\n <div *ngIf=\"subItem.dates?.length\" class=\"dates\">\n <ng-container *ngTemplateOutlet=\"dates; context: { dates: subItem.dates }\"></ng-container>\n </div>\n\n <ng-container *ngTemplateOutlet=\"icon; context: { item: subItem }\"></ng-container>\n\n <div class=\"description\">\n <ng-container *ngTemplateOutlet=\"description; context: { item: subItem }\"></ng-container>\n </div>\n </div>\n </div>\n <div class=\"step-line\"></div>\n </div>\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-location-stepper .step{position:relative}.kit-location-stepper .step:not(:first-child){margin-top:1px}.kit-location-stepper .step:last-child .step-line{display:none}.kit-location-stepper .step-line{position:absolute;top:24px;left:197px;width:2px;height:100%;background-color:#efefef}.kit-location-stepper .step-inner{position:relative;padding:20px 0 12px;z-index:2}.kit-location-stepper .caption{margin-top:6px;color:#002a3a;font-size:14px;font-weight:500}.kit-location-stepper .title{text-transform:uppercase;color:#00b0ad;font-size:12px;font-weight:500;letter-spacing:.2em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kit-location-stepper .date:not(:first-child){margin-top:10px}.kit-location-stepper .description{display:flex;justify-content:space-between;margin-left:10px;flex:1 0;text-overflow:ellipsis;overflow:hidden}.kit-location-stepper .description-location,.kit-location-stepper .description-name{text-overflow:ellipsis;overflow:hidden}.kit-location-stepper .description-location{display:inline-block}.kit-location-stepper .description-name{padding-left:10px;text-transform:uppercase;color:#56a2f7;font-size:12px;font-weight:500;letter-spacing:.2em;text-align:right}.kit-location-stepper .location-icon{flex-shrink:0;width:24px;height:24px;background:#ffffff;stroke:#a9a8a8;fill:#fff;position:relative;z-index:1}.kit-location-stepper .last .location-icon{stroke:#4e4696}.kit-location-stepper .first .location-icon{stroke:#00b0ad}.kit-location-stepper .dates{padding-left:10px;min-width:176px;min-height:40px;color:#002a3a;font-size:13px}.kit-location-stepper .date-description{margin-right:18px;width:30px;color:#a9a8a8;font-weight:500;text-align:right}.kit-location-stepper .danger .step-inner{border:1px solid #ef3e42;border-radius:4px;background-color:#f8e0e0}.kit-location-stepper .danger .location-icon{fill:#f8e0e0;background-color:#f8e0e0}.kit-location-stepper .danger:not(:first-child){margin-top:20px}.kit-location-stepper .sub-item{position:relative;padding:14px 0 12px;z-index:1}.kit-location-stepper .sub-item .dates{margin-right:34px}.kit-location-stepper .sub-item .location-icon{background:#ffffff}.kit-location-stepper .sub-item .location-icon:before{content:\"\";position:absolute;left:calc(50% - 1px);top:-18px;width:2px;height:18px;background-color:#efefef}.kit-location-stepper .sub-item .description{margin-left:6px}.kit-location-stepper .sub-item.danger{margin-top:20px;border:1px solid #ef3e42;border-radius:4px;background-color:#f8e0e0}.kit-location-stepper .sub-item.danger .location-icon{background-color:#f8e0e0}.kit-location-stepper .sub-item.danger .location-icon:before{display:none}.location-tooltip-wrapper .location-tooltip{white-space:pre-wrap}\n"], components: [{ type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], directives: [{ type:
|
|
1759
|
+
KitLocationStepperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: KitLocationStepperComponent, selector: "kit-location-stepper", inputs: { items: "items", toolTipPosition: "toolTipPosition" }, ngImport: i0, template: "<ng-template #icon let-item=\"item\">\n <kit-svg-icon [icon]=\"item.icon\" class=\"display-block location-icon\"\n [title]=\"item.title\"\n ></kit-svg-icon>\n</ng-template>\n\n<ng-template #description let-item=\"item\">\n <ng-template #toolTip>\n <span class=\"location-tooltip\">{{ item.toolTipText }}</span>\n </ng-template>\n <div *ngIf=\"item.toolTipText\" class=\"description-location\" kitTooltip\n kitTooltipFilter=\"div.description-location\"\n tooltipClass=\"location-tooltip-wrapper\"\n [kitTooltipTemplateRef]=\"toolTip\"\n [kitTooltipPosition]=\"toolTipPosition\">\n <div class=\"title\">{{ item.title }}</div>\n <div *ngIf=\"item.description\" class=\"caption\">{{ item.description }}</div>\n </div>\n\n <div *ngIf=\"!item.toolTipText\" class=\"description-location\">\n <div class=\"title\">{{ item.title }}</div>\n <div *ngIf=\"item.description\" class=\"caption\">{{ item.description }}</div>\n </div>\n\n <div *ngIf=\"item.name\" class=\"description-name\">{{ item.name }}</div>\n</ng-template>\n\n<ng-template #dates let-dates=\"dates\">\n <div *ngFor=\"let date of dates\" class=\"date display-flex\">\n <span class=\"date-description\">{{ date.description }}</span>\n <span>{{ date.value }}</span>\n </div>\n</ng-template>\n\n<div class=\"kit-location-stepper\">\n <div *ngFor=\"let item of items; let first = first; let last = last\" class=\"step {{ item.cssClass }}\"\n [class.first]=\"first\"\n [class.last]=\"last\"\n [class.has-sub-items]=\"!!item.subItems\">\n <div class=\"step-inner display-flex\">\n <div *ngIf=\"item.dates?.length\" class=\"dates\">\n <ng-container *ngTemplateOutlet=\"dates; context: { dates: item.dates }\"></ng-container>\n </div>\n\n <ng-container *ngTemplateOutlet=\"icon; context: { item: item }\"></ng-container>\n\n <div class=\"description\">\n <ng-container *ngTemplateOutlet=\"description; context: { item: item }\"></ng-container>\n </div>\n </div>\n <div *ngIf=\"item.subItems?.length\" class=\"sub-items\">\n <div *ngFor=\"let subItem of item.subItems\" class=\"sub-item display-flex {{ subItem.cssClass }}\">\n <div *ngIf=\"subItem.dates?.length\" class=\"dates\">\n <ng-container *ngTemplateOutlet=\"dates; context: { dates: subItem.dates }\"></ng-container>\n </div>\n\n <ng-container *ngTemplateOutlet=\"icon; context: { item: subItem }\"></ng-container>\n\n <div class=\"description\">\n <ng-container *ngTemplateOutlet=\"description; context: { item: subItem }\"></ng-container>\n </div>\n </div>\n </div>\n <div class=\"step-line\"></div>\n </div>\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-location-stepper .step{position:relative}.kit-location-stepper .step:not(:first-child){margin-top:1px}.kit-location-stepper .step:last-child .step-line{display:none}.kit-location-stepper .step-line{position:absolute;top:24px;left:197px;width:2px;height:100%;background-color:#efefef}.kit-location-stepper .step-inner{position:relative;padding:20px 0 12px;z-index:2}.kit-location-stepper .caption{margin-top:6px;color:#002a3a;font-size:14px;font-weight:500}.kit-location-stepper .title{text-transform:uppercase;color:#00b0ad;font-size:12px;font-weight:500;letter-spacing:.2em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kit-location-stepper .date:not(:first-child){margin-top:10px}.kit-location-stepper .description{display:flex;justify-content:space-between;margin-left:10px;flex:1 0;text-overflow:ellipsis;overflow:hidden}.kit-location-stepper .description-location,.kit-location-stepper .description-name{text-overflow:ellipsis;overflow:hidden}.kit-location-stepper .description-location{display:inline-block}.kit-location-stepper .description-name{padding-left:10px;text-transform:uppercase;color:#56a2f7;font-size:12px;font-weight:500;letter-spacing:.2em;text-align:right}.kit-location-stepper .location-icon{flex-shrink:0;width:24px;height:24px;background:#ffffff;stroke:#a9a8a8;fill:#fff;position:relative;z-index:1}.kit-location-stepper .last .location-icon{stroke:#4e4696}.kit-location-stepper .first .location-icon{stroke:#00b0ad}.kit-location-stepper .dates{padding-left:10px;min-width:176px;min-height:40px;color:#002a3a;font-size:13px}.kit-location-stepper .date-description{margin-right:18px;width:30px;color:#a9a8a8;font-weight:500;text-align:right}.kit-location-stepper .danger .step-inner{border:1px solid #ef3e42;border-radius:4px;background-color:#f8e0e0}.kit-location-stepper .danger .location-icon{fill:#f8e0e0;background-color:#f8e0e0}.kit-location-stepper .danger:not(:first-child){margin-top:20px}.kit-location-stepper .sub-item{position:relative;padding:14px 0 12px;z-index:1}.kit-location-stepper .sub-item .dates{margin-right:34px}.kit-location-stepper .sub-item .location-icon{background:#ffffff}.kit-location-stepper .sub-item .location-icon:before{content:\"\";position:absolute;left:calc(50% - 1px);top:-18px;width:2px;height:18px;background-color:#efefef}.kit-location-stepper .sub-item .description{margin-left:6px}.kit-location-stepper .sub-item.danger{margin-top:20px;border:1px solid #ef3e42;border-radius:4px;background-color:#f8e0e0}.kit-location-stepper .sub-item.danger .location-icon{background-color:#f8e0e0}.kit-location-stepper .sub-item.danger .location-icon:before{display:none}.location-tooltip-wrapper .location-tooltip{white-space:pre-wrap}\n"], components: [{ type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1759
1760
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitLocationStepperComponent, decorators: [{
|
|
1760
1761
|
type: Component,
|
|
1761
1762
|
args: [{ selector: 'kit-location-stepper', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-template #icon let-item=\"item\">\n <kit-svg-icon [icon]=\"item.icon\" class=\"display-block location-icon\"\n [title]=\"item.title\"\n ></kit-svg-icon>\n</ng-template>\n\n<ng-template #description let-item=\"item\">\n <ng-template #toolTip>\n <span class=\"location-tooltip\">{{ item.toolTipText }}</span>\n </ng-template>\n <div *ngIf=\"item.toolTipText\" class=\"description-location\" kitTooltip\n kitTooltipFilter=\"div.description-location\"\n tooltipClass=\"location-tooltip-wrapper\"\n [kitTooltipTemplateRef]=\"toolTip\"\n [kitTooltipPosition]=\"toolTipPosition\">\n <div class=\"title\">{{ item.title }}</div>\n <div *ngIf=\"item.description\" class=\"caption\">{{ item.description }}</div>\n </div>\n\n <div *ngIf=\"!item.toolTipText\" class=\"description-location\">\n <div class=\"title\">{{ item.title }}</div>\n <div *ngIf=\"item.description\" class=\"caption\">{{ item.description }}</div>\n </div>\n\n <div *ngIf=\"item.name\" class=\"description-name\">{{ item.name }}</div>\n</ng-template>\n\n<ng-template #dates let-dates=\"dates\">\n <div *ngFor=\"let date of dates\" class=\"date display-flex\">\n <span class=\"date-description\">{{ date.description }}</span>\n <span>{{ date.value }}</span>\n </div>\n</ng-template>\n\n<div class=\"kit-location-stepper\">\n <div *ngFor=\"let item of items; let first = first; let last = last\" class=\"step {{ item.cssClass }}\"\n [class.first]=\"first\"\n [class.last]=\"last\"\n [class.has-sub-items]=\"!!item.subItems\">\n <div class=\"step-inner display-flex\">\n <div *ngIf=\"item.dates?.length\" class=\"dates\">\n <ng-container *ngTemplateOutlet=\"dates; context: { dates: item.dates }\"></ng-container>\n </div>\n\n <ng-container *ngTemplateOutlet=\"icon; context: { item: item }\"></ng-container>\n\n <div class=\"description\">\n <ng-container *ngTemplateOutlet=\"description; context: { item: item }\"></ng-container>\n </div>\n </div>\n <div *ngIf=\"item.subItems?.length\" class=\"sub-items\">\n <div *ngFor=\"let subItem of item.subItems\" class=\"sub-item display-flex {{ subItem.cssClass }}\">\n <div *ngIf=\"subItem.dates?.length\" class=\"dates\">\n <ng-container *ngTemplateOutlet=\"dates; context: { dates: subItem.dates }\"></ng-container>\n </div>\n\n <ng-container *ngTemplateOutlet=\"icon; context: { item: subItem }\"></ng-container>\n\n <div class=\"description\">\n <ng-container *ngTemplateOutlet=\"description; context: { item: subItem }\"></ng-container>\n </div>\n </div>\n </div>\n <div class=\"step-line\"></div>\n </div>\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-location-stepper .step{position:relative}.kit-location-stepper .step:not(:first-child){margin-top:1px}.kit-location-stepper .step:last-child .step-line{display:none}.kit-location-stepper .step-line{position:absolute;top:24px;left:197px;width:2px;height:100%;background-color:#efefef}.kit-location-stepper .step-inner{position:relative;padding:20px 0 12px;z-index:2}.kit-location-stepper .caption{margin-top:6px;color:#002a3a;font-size:14px;font-weight:500}.kit-location-stepper .title{text-transform:uppercase;color:#00b0ad;font-size:12px;font-weight:500;letter-spacing:.2em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kit-location-stepper .date:not(:first-child){margin-top:10px}.kit-location-stepper .description{display:flex;justify-content:space-between;margin-left:10px;flex:1 0;text-overflow:ellipsis;overflow:hidden}.kit-location-stepper .description-location,.kit-location-stepper .description-name{text-overflow:ellipsis;overflow:hidden}.kit-location-stepper .description-location{display:inline-block}.kit-location-stepper .description-name{padding-left:10px;text-transform:uppercase;color:#56a2f7;font-size:12px;font-weight:500;letter-spacing:.2em;text-align:right}.kit-location-stepper .location-icon{flex-shrink:0;width:24px;height:24px;background:#ffffff;stroke:#a9a8a8;fill:#fff;position:relative;z-index:1}.kit-location-stepper .last .location-icon{stroke:#4e4696}.kit-location-stepper .first .location-icon{stroke:#00b0ad}.kit-location-stepper .dates{padding-left:10px;min-width:176px;min-height:40px;color:#002a3a;font-size:13px}.kit-location-stepper .date-description{margin-right:18px;width:30px;color:#a9a8a8;font-weight:500;text-align:right}.kit-location-stepper .danger .step-inner{border:1px solid #ef3e42;border-radius:4px;background-color:#f8e0e0}.kit-location-stepper .danger .location-icon{fill:#f8e0e0;background-color:#f8e0e0}.kit-location-stepper .danger:not(:first-child){margin-top:20px}.kit-location-stepper .sub-item{position:relative;padding:14px 0 12px;z-index:1}.kit-location-stepper .sub-item .dates{margin-right:34px}.kit-location-stepper .sub-item .location-icon{background:#ffffff}.kit-location-stepper .sub-item .location-icon:before{content:\"\";position:absolute;left:calc(50% - 1px);top:-18px;width:2px;height:18px;background-color:#efefef}.kit-location-stepper .sub-item .description{margin-left:6px}.kit-location-stepper .sub-item.danger{margin-top:20px;border:1px solid #ef3e42;border-radius:4px;background-color:#f8e0e0}.kit-location-stepper .sub-item.danger .location-icon{background-color:#f8e0e0}.kit-location-stepper .sub-item.danger .location-icon:before{display:none}.location-tooltip-wrapper .location-tooltip{white-space:pre-wrap}\n"] }]
|
|
@@ -1921,7 +1922,7 @@ KitCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
|
|
|
1921
1922
|
provide: NG_VALUE_ACCESSOR,
|
|
1922
1923
|
useExisting: forwardRef(() => KitCheckboxComponent),
|
|
1923
1924
|
multi: true,
|
|
1924
|
-
}], ngImport: i0, template: "<div class=\"kit-checkbox\" [ngClass]=\"state\">\n <div class=\"display-flex flex-align-items-center\">\n <input kendoCheckBox #checkbox type=\"checkbox\" class=\"kit-checkbox-input\"\n [checked]=\"defaultChecked\"\n [disabled]=\"disabled\"\n (change)=\"onInputStateChange($event)\" />\n <kendo-label *ngIf=\"label\" class=\"kit-checkbox-label\"\n [text]=\"label\"\n [for]=\"checkbox\"\n ></kendo-label>\n </div>\n\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", styles: [".kit-checkbox-input{border-radius:2px;background-color:var(--ui-kit-color-white);border:2px solid var(--ui-kit-color-green);opacity:1;width:18px;height:18px}.kit-checkbox-input:hover:not([disabled]),.kit-checkbox-input:hover:not([disabled]):focus{box-shadow:0 0 0 4px var(--ui-kit-color-grey-4)}.kit-checkbox-input:hover:not([disabled]):checked,.kit-checkbox-input:hover:not([disabled]):focus:checked{background-color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main)}.kit-checkbox-input:hover:not([disabled]):not(:checked),.kit-checkbox-input:hover:not([disabled]):focus:not(:checked){background-color:var(--ui-kit-color-grey-4)}.kit-checkbox-input:focus{box-shadow:none}.kit-checkbox-input:checked{background-color:var(--ui-kit-color-green)}.kit-checkbox-input[disabled]{border-color:var(--ui-kit-color-grey-6);background-color:var(--ui-kit-color-white)}.kit-checkbox-input[disabled]:checked{background-color:var(--ui-kit-color-grey-6)}.kit-checkbox-label{font-size:12px;color:var(--ui-kit-color-grey-0);margin-left:12px}.kit-checkbox.danger .kit-checkbox-input{border-color:var(--ui-kit-color-red);background-color:var(--ui-kit-color-red-20)}.kit-checkbox.danger .kit-checkbox-input[disabled]{opacity:.6}.kit-checkbox.danger .kit-checkbox-input:hover:not([disabled]){background-color:var(--ui-kit-color-red-20);border-color:var(--ui-kit-color-red);box-shadow:0 0 0 4px var(--ui-kit-color-red-20)}.kit-checkbox.danger .kit-checkbox-input:checked{background-color:var(--ui-kit-color-red-20)}:host ::ng-deep .kit-checkbox-input:not([disabled])+.kit-checkbox-label .k-label:hover{cursor:pointer}\n"], components: [{ type: i1$1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { type: KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], directives: [{ type:
|
|
1925
|
+
}], ngImport: i0, template: "<div class=\"kit-checkbox\" [ngClass]=\"state\">\n <div class=\"display-flex flex-align-items-center\">\n <input kendoCheckBox #checkbox type=\"checkbox\" class=\"kit-checkbox-input\"\n [checked]=\"defaultChecked\"\n [disabled]=\"disabled\"\n (change)=\"onInputStateChange($event)\" />\n <kendo-label *ngIf=\"label\" class=\"kit-checkbox-label\"\n [text]=\"label\"\n [for]=\"checkbox\"\n ></kendo-label>\n </div>\n\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", styles: [".kit-checkbox-input{border-radius:2px;background-color:var(--ui-kit-color-white);border:2px solid var(--ui-kit-color-green);opacity:1;width:18px;height:18px}.kit-checkbox-input:hover:not([disabled]),.kit-checkbox-input:hover:not([disabled]):focus{box-shadow:0 0 0 4px var(--ui-kit-color-grey-4)}.kit-checkbox-input:hover:not([disabled]):checked,.kit-checkbox-input:hover:not([disabled]):focus:checked{background-color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main)}.kit-checkbox-input:hover:not([disabled]):not(:checked),.kit-checkbox-input:hover:not([disabled]):focus:not(:checked){background-color:var(--ui-kit-color-grey-4)}.kit-checkbox-input:focus{box-shadow:none}.kit-checkbox-input:checked{background-color:var(--ui-kit-color-green)}.kit-checkbox-input[disabled]{border-color:var(--ui-kit-color-grey-6);background-color:var(--ui-kit-color-white)}.kit-checkbox-input[disabled]:checked{background-color:var(--ui-kit-color-grey-6)}.kit-checkbox-label{font-size:12px;color:var(--ui-kit-color-grey-0);margin-left:12px}.kit-checkbox.danger .kit-checkbox-input{border-color:var(--ui-kit-color-red);background-color:var(--ui-kit-color-red-20)}.kit-checkbox.danger .kit-checkbox-input[disabled]{opacity:.6}.kit-checkbox.danger .kit-checkbox-input:hover:not([disabled]){background-color:var(--ui-kit-color-red-20);border-color:var(--ui-kit-color-red);box-shadow:0 0 0 4px var(--ui-kit-color-red-20)}.kit-checkbox.danger .kit-checkbox-input:checked{background-color:var(--ui-kit-color-red-20)}:host ::ng-deep .kit-checkbox-input:not([disabled])+.kit-checkbox-label .k-label:hover{cursor:pointer}\n"], components: [{ type: i1$1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { type: KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2$1.CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1925
1926
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitCheckboxComponent, decorators: [{
|
|
1926
1927
|
type: Component,
|
|
1927
1928
|
args: [{ selector: 'kit-checkbox', changeDetection: ChangeDetectionStrategy.OnPush, providers: [{
|
|
@@ -1988,6 +1989,14 @@ class KitToggleComponent {
|
|
|
1988
1989
|
* Defines a default value
|
|
1989
1990
|
*/
|
|
1990
1991
|
this.defaultChecked = false;
|
|
1992
|
+
/**
|
|
1993
|
+
* Defines On label of the toggle, default is "On"
|
|
1994
|
+
*/
|
|
1995
|
+
this.onLabel = '';
|
|
1996
|
+
/**
|
|
1997
|
+
* Defines Off label of the toggle, default is "Off"
|
|
1998
|
+
*/
|
|
1999
|
+
this.offLabel = '';
|
|
1991
2000
|
/**
|
|
1992
2001
|
* Defines a value which going to be an info message type
|
|
1993
2002
|
*/
|
|
@@ -2029,24 +2038,28 @@ class KitToggleComponent {
|
|
|
2029
2038
|
}
|
|
2030
2039
|
}
|
|
2031
2040
|
KitToggleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2032
|
-
KitToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: KitToggleComponent, selector: "kit-toggle", inputs: { label: "label", disabled: "disabled", defaultChecked: "defaultChecked", messageIcon: "messageIcon", messageText: "messageText", messageType: "messageType" }, outputs: { changed: "changed" }, providers: [{
|
|
2041
|
+
KitToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: KitToggleComponent, selector: "kit-toggle", inputs: { label: "label", disabled: "disabled", defaultChecked: "defaultChecked", onLabel: "onLabel", offLabel: "offLabel", messageIcon: "messageIcon", messageText: "messageText", messageType: "messageType" }, outputs: { changed: "changed" }, providers: [{
|
|
2033
2042
|
provide: NG_VALUE_ACCESSOR,
|
|
2034
2043
|
useExisting: forwardRef(() => KitToggleComponent),
|
|
2035
2044
|
multi: true,
|
|
2036
|
-
}], ngImport: i0, template: "<div class=\"kit-toggle\">\n <
|
|
2045
|
+
}], ngImport: i0, template: "<div class=\"kit-toggle\">\n <kendo-label class=\"label\" [text]=\"label\"></kendo-label>\n <div class=\"kit-toggle-wrapper\">\n <kendo-switch [checked]=\"defaultChecked\"\n [disabled]=\"disabled\"\n [onLabel]=\"onLabel\"\n [offLabel]=\"offLabel\"\n (valueChange)=\"onInputStateChange($event)\"\n ></kendo-switch>\n </div>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-toggle .label{display:block;margin-bottom:4px;font-size:13px;font-weight:500;color:#a9a8a8}.kit-toggle-wrapper{padding:8px}.kit-toggle .k-switch-track{display:flex;align-items:center;width:100%;height:100%;color:#27282a;box-shadow:none;border:none;border-radius:14px;background:#a9a8a8}.kit-toggle .k-switch-thumb{width:12px;height:12px;border:none;border-radius:50%;background:#ffffff}.kit-toggle .k-switch-label-on,.kit-toggle .k-switch-label-off{right:auto;left:auto;font-size:14px;padding-left:60px}.kit-toggle .k-focus .k-switch-track{outline:none}.kit-toggle .k-switch-off .k-switch-label-on{display:none}.kit-toggle .k-switch-off .k-switch-thumb-wrap{left:8px}.kit-toggle .k-switch-on .k-switch-track{background:#56a2f7}.kit-toggle .k-switch-on .k-switch-thumb-wrap{left:calc(100% - 8px)}.kit-toggle .k-switch-on .k-switch-label-off{display:none}.kit-toggle .k-switch{width:32px;height:16px}.kit-toggle .k-switch .k-switch-track:hover{box-shadow:none}.kit-toggle .k-disabled{opacity:1}.kit-toggle .k-disabled .k-switch-track{background:#ebebe4}\n"], components: [{ type: i1$1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { type: i2$1.SwitchComponent, selector: "kendo-switch", inputs: ["focusableId", "disabled", "readonly", "tabindex", "checked", "size", "thumbRounded", "trackRounded", "tabIndex", "onLabel", "offLabel"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoSwitch"] }, { type: KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
2037
2046
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitToggleComponent, decorators: [{
|
|
2038
2047
|
type: Component,
|
|
2039
2048
|
args: [{ selector: 'kit-toggle', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{
|
|
2040
2049
|
provide: NG_VALUE_ACCESSOR,
|
|
2041
2050
|
useExisting: forwardRef(() => KitToggleComponent),
|
|
2042
2051
|
multi: true,
|
|
2043
|
-
}], template: "<div class=\"kit-toggle\">\n <
|
|
2052
|
+
}], template: "<div class=\"kit-toggle\">\n <kendo-label class=\"label\" [text]=\"label\"></kendo-label>\n <div class=\"kit-toggle-wrapper\">\n <kendo-switch [checked]=\"defaultChecked\"\n [disabled]=\"disabled\"\n [onLabel]=\"onLabel\"\n [offLabel]=\"offLabel\"\n (valueChange)=\"onInputStateChange($event)\"\n ></kendo-switch>\n </div>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-toggle .label{display:block;margin-bottom:4px;font-size:13px;font-weight:500;color:#a9a8a8}.kit-toggle-wrapper{padding:8px}.kit-toggle .k-switch-track{display:flex;align-items:center;width:100%;height:100%;color:#27282a;box-shadow:none;border:none;border-radius:14px;background:#a9a8a8}.kit-toggle .k-switch-thumb{width:12px;height:12px;border:none;border-radius:50%;background:#ffffff}.kit-toggle .k-switch-label-on,.kit-toggle .k-switch-label-off{right:auto;left:auto;font-size:14px;padding-left:60px}.kit-toggle .k-focus .k-switch-track{outline:none}.kit-toggle .k-switch-off .k-switch-label-on{display:none}.kit-toggle .k-switch-off .k-switch-thumb-wrap{left:8px}.kit-toggle .k-switch-on .k-switch-track{background:#56a2f7}.kit-toggle .k-switch-on .k-switch-thumb-wrap{left:calc(100% - 8px)}.kit-toggle .k-switch-on .k-switch-label-off{display:none}.kit-toggle .k-switch{width:32px;height:16px}.kit-toggle .k-switch .k-switch-track:hover{box-shadow:none}.kit-toggle .k-disabled{opacity:1}.kit-toggle .k-disabled .k-switch-track{background:#ebebe4}\n"] }]
|
|
2044
2053
|
}], propDecorators: { label: [{
|
|
2045
2054
|
type: Input
|
|
2046
2055
|
}], disabled: [{
|
|
2047
2056
|
type: Input
|
|
2048
2057
|
}], defaultChecked: [{
|
|
2049
2058
|
type: Input
|
|
2059
|
+
}], onLabel: [{
|
|
2060
|
+
type: Input
|
|
2061
|
+
}], offLabel: [{
|
|
2062
|
+
type: Input
|
|
2050
2063
|
}], messageIcon: [{
|
|
2051
2064
|
type: Input
|
|
2052
2065
|
}], messageText: [{
|
|
@@ -2105,7 +2118,7 @@ class KitPillComponent {
|
|
|
2105
2118
|
}
|
|
2106
2119
|
}
|
|
2107
2120
|
KitPillComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitPillComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2108
|
-
KitPillComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: KitPillComponent, selector: "kit-pill", inputs: { removable: "removable", selectable: "selectable", selected: "selected" }, outputs: { clicked: "clicked", removed: "removed" }, host: { listeners: { "click": "onComponentClick()" } }, ngImport: i0, template: "<div class=\"kit-pill display-flex flex-align-items-center\"\n [class.kit-pill-selectable]=\"selectable\"\n [class.kit-pill-selected]=\"selected\">\n <div class=\"kit-pill-content display-flex flex-align-items-center\">\n <ng-content\n ></ng-content>\n </div>\n <button *ngIf=\"removable\" class=\"kit-pill-button\" (click)=\"removed.next()\">\n <kit-svg-icon class=\"display-block kit-pill-button-icon\"\n [icon]=\"closeIcon\"\n ></kit-svg-icon>\n </button>\n</div>\n", styles: [".kit-pill{padding:5px 8px;background:#ffffff;border:1px solid #ebebe4;color:#9a9fa6;border-radius:20px;font-weight:400;font-size:12px;text-align:center}.kit-pill:not(.kit-pill-selectable),.kit-pill.kit-pill-selectable.kit-pill-selected{border:1px solid #a9a8a8;color:#002a3a}.kit-pill.kit-pill-selectable{cursor:pointer}.kit-pill.kit-pill-selectable:hover{background:#efefef}.kit-pill-button{margin-left:8px;cursor:pointer;background:none;outline:none;border:none;padding:0}.kit-pill-button-icon{height:14px;width:14px;stroke:#74777d}\n"], components: [{ type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], directives: [{ type:
|
|
2121
|
+
KitPillComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: KitPillComponent, selector: "kit-pill", inputs: { removable: "removable", selectable: "selectable", selected: "selected" }, outputs: { clicked: "clicked", removed: "removed" }, host: { listeners: { "click": "onComponentClick()" } }, ngImport: i0, template: "<div class=\"kit-pill display-flex flex-align-items-center\"\n [class.kit-pill-selectable]=\"selectable\"\n [class.kit-pill-selected]=\"selected\">\n <div class=\"kit-pill-content display-flex flex-align-items-center\">\n <ng-content\n ></ng-content>\n </div>\n <button *ngIf=\"removable\" class=\"kit-pill-button\" (click)=\"removed.next()\">\n <kit-svg-icon class=\"display-block kit-pill-button-icon\"\n [icon]=\"closeIcon\"\n ></kit-svg-icon>\n </button>\n</div>\n", styles: [".kit-pill{padding:5px 8px;background:#ffffff;border:1px solid #ebebe4;color:#9a9fa6;border-radius:20px;font-weight:400;font-size:12px;text-align:center}.kit-pill:not(.kit-pill-selectable),.kit-pill.kit-pill-selectable.kit-pill-selected{border:1px solid #a9a8a8;color:#002a3a}.kit-pill.kit-pill-selectable{cursor:pointer}.kit-pill.kit-pill-selectable:hover{background:#efefef}.kit-pill-button{margin-left:8px;cursor:pointer;background:none;outline:none;border:none;padding:0}.kit-pill-button-icon{height:14px;width:14px;stroke:#74777d}\n"], components: [{ type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2109
2122
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitPillComponent, decorators: [{
|
|
2110
2123
|
type: Component,
|
|
2111
2124
|
args: [{ selector: 'kit-pill', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-pill display-flex flex-align-items-center\"\n [class.kit-pill-selectable]=\"selectable\"\n [class.kit-pill-selected]=\"selected\">\n <div class=\"kit-pill-content display-flex flex-align-items-center\">\n <ng-content\n ></ng-content>\n </div>\n <button *ngIf=\"removable\" class=\"kit-pill-button\" (click)=\"removed.next()\">\n <kit-svg-icon class=\"display-block kit-pill-button-icon\"\n [icon]=\"closeIcon\"\n ></kit-svg-icon>\n </button>\n</div>\n", styles: [".kit-pill{padding:5px 8px;background:#ffffff;border:1px solid #ebebe4;color:#9a9fa6;border-radius:20px;font-weight:400;font-size:12px;text-align:center}.kit-pill:not(.kit-pill-selectable),.kit-pill.kit-pill-selectable.kit-pill-selected{border:1px solid #a9a8a8;color:#002a3a}.kit-pill.kit-pill-selectable{cursor:pointer}.kit-pill.kit-pill-selectable:hover{background:#efefef}.kit-pill-button{margin-left:8px;cursor:pointer;background:none;outline:none;border:none;padding:0}.kit-pill-button-icon{height:14px;width:14px;stroke:#74777d}\n"] }]
|
|
@@ -2303,7 +2316,7 @@ class KitDaterangeComponent {
|
|
|
2303
2316
|
}
|
|
2304
2317
|
}
|
|
2305
2318
|
KitDaterangeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitDaterangeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2306
|
-
KitDaterangeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: KitDaterangeComponent, selector: "kit-daterange", inputs: { type: "type", label: "label", startLabel: "startLabel", endLabel: "endLabel", startPlaceholder: "startPlaceholder", endPlaceholder: "endPlaceholder", format: "format", defaultStartDate: "defaultStartDate", defaultEndDate: "defaultEndDate", min: "min", max: "max", disabled: "disabled", isValid: "isValid", iconPosition: "iconPosition", messageIcon: "messageIcon", messageText: "messageText", startDateControl: "startDateControl", endDateControl: "endDateControl" }, outputs: { startDateChanged: "startDateChanged", closed: "closed", endDateChanged: "endDateChanged" }, viewQueries: [{ propertyName: "popup", first: true, predicate: ["popup"], descendants: true, read: DateRangePopupComponent }], ngImport: i0, template: "<div class=\"kit-daterange\"\n [class.disabled]=\"disabled\"\n [class.invalid]=\"!isValid\"\n [ngClass]=\"[iconPosition, type]\">\n <button #anchor\n class=\"daterange-button\"\n [disabled]=\"disabled\"\n (click)=\"openCalendarPopup()\">\n <div class=\"button-text\">{{ label }}</div>\n <kit-svg-icon *ngIf=\"icon\"\n class=\"button-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n </button>\n <kendo-daterange class=\"daterange-wrapper\">\n <div class=\"daterange-input-wrapper\">\n <kendo-label *ngIf=\"startLabel\" class=\"label display-block\"\n [text]=\"startLabel\"\n [for]=\"startInput\"\n ></kendo-label>\n <div class=\"daterange-input\">\n <kendo-dateinput #startInput\n kendoDateRangeStartInput\n [placeholder]=\"startPlaceholder\"\n [format]=\"format\"\n [value]=\"startDateControl.value || defaultStartDate\"\n [min]=\"min\"\n [disabled]=\"disabled\"\n (blur)=\"onBlur()\"\n (valueChange)=\"onStartDateChange($event)\"\n ></kendo-dateinput>\n <button class=\"daterange-input-button\"\n (click)=\"openCalendarPopup()\">\n <kit-svg-icon *ngIf=\"icon\"\n class=\"button-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n </button>\n </div>\n </div>\n <div class=\"daterange-input-wrapper\">\n <kendo-label *ngIf=\"endLabel\" class=\"label display-block\"\n [text]=\"endLabel\"\n [for]=\"endInput\"\n ></kendo-label>\n <div class=\"daterange-input\">\n <kendo-dateinput #endInput\n kendoDateRangeEndInput\n [placeholder]=\"endPlaceholder\"\n [format]=\"format\"\n [value]=\"endDateControl.value || defaultEndDate\"\n [max]=\"max\"\n [disabled]=\"disabled\"\n (blur)=\"onBlur()\"\n (valueChange)=\"onEndDateChange($event)\"\n ></kendo-dateinput>\n <button class=\"daterange-input-button\"\n (click)=\"openCalendarPopup()\">\n <kit-svg-icon *ngIf=\"icon\"\n class=\"button-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n </button>\n </div>\n </div>\n <kendo-daterange-popup *ngIf=\"type === KitDaterangeType.DEFAULT\"\n #popup appendTo=\"component\"\n (close)=\"onClose()\"></kendo-daterange-popup>\n <kendo-daterange-popup *ngIf=\"type === KitDaterangeType.BUTTON\"\n #popup appendTo=\"component\"\n [anchor]=\"$any(anchor)\"\n (close)=\"onClose()\"></kendo-daterange-popup>\n </kendo-daterange>\n <kit-input-message *ngIf=\"messageText\"\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-daterange.button .daterange-button{display:flex}.kit-daterange.button .daterange-input-wrapper{display:none}.kit-daterange.invalid .daterange-button{border-color:#ef3e42;background-color:#f8e0e0}.kit-daterange.invalid .daterange-button .button-text{color:#27282a}.kit-daterange.invalid .k-input-inner{color:#27282a;border-color:#ef3e42;background-color:#f8e0e0}.kit-daterange.disabled .daterange-button{border-color:#c1c7d0;background-color:#f3f4f6;cursor:default}.kit-daterange.disabled .daterange-button .button-text{color:#9a9fa6}.kit-daterange.disabled .daterange-button .button-icon{stroke:#c1c7d0}.kit-daterange.disabled .label{color:#74777d}.kit-daterange.disabled .k-input-inner{color:#9a9fa6;border-color:#c1c7d0;background-color:#f3f4f6}.kit-daterange.disabled .daterange-input-button .button-icon{stroke:#c1c7d0}.kit-daterange.left .daterange-input-button{left:0;right:initial}.kit-daterange.left .k-input-inner{padding:4px 8px 4px 28px}.kit-daterange.left .daterange-button{flex-direction:row-reverse}.kit-daterange .daterange-button{display:none;align-items:center;padding:8px;width:100%;height:34px;gap:8px;border-radius:4px;border:1px solid #efefef;background:#ffffff;cursor:pointer}.kit-daterange .daterange-button .button-text{flex-grow:1;color:#27282a;font-size:13px;text-align:left}.kit-daterange .daterange-button .button-icon{display:block;width:16px;height:16px;fill:transparent;stroke:#002a3a}.kit-daterange .daterange-wrapper{display:flex;gap:8px}.kit-daterange .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-daterange .daterange-input{display:flex;align-items:center;position:relative}.kit-daterange .daterange-input-button{position:absolute;right:0;padding:0 8px;border:none;background:none;cursor:pointer;z-index:1}.kit-daterange .daterange-input-button .button-icon{display:block;width:16px;height:16px;fill:transparent;stroke:#002a3a}.kit-daterange .kit-daterange-default{display:flex}.kit-daterange .k-dateinput{border:none;border-radius:0;background:none}.kit-daterange .k-dateinput.k-focus{box-shadow:none}.kit-daterange .k-dateinput.k-focus .k-input-inner{border-color:#00b0ad}.kit-daterange .k-input-inner{padding:4px 28px 4px 8px;width:100%;height:34px;font-size:13px;font-weight:400;color:#002a3a;border-radius:4px;background-color:#fff;border:1px solid #efefef}.kit-daterange .k-input-inner::placeholder{color:#74777d}.kit-daterange .k-input-inner::selection{color:#fff;background:#00b0ad}.kit-daterange .k-popup{border:1px solid #efefef;box-shadow:none}.kit-daterange .k-popup .k-calendar-header{margin-bottom:20px;padding:6px;font-size:14px;font-weight:500}.kit-daterange .k-popup .k-calendar-title{padding:0;color:#000;line-height:1.26}.kit-daterange .k-popup .k-button:hover:before{background:none}.kit-daterange .k-popup .k-button-icon{padding:0;width:16px;height:16px;color:#002a3a}.kit-daterange .k-popup .k-prev-view .k-icon:before,.kit-daterange .k-popup .k-next-view .k-icon:before{position:absolute}.kit-daterange .k-popup .k-prev-view .k-icon:before{content:\"\\e016\"}.kit-daterange .k-popup .k-next-view .k-icon:before{content:\"\\e014\"}.kit-daterange .k-popup .k-today{display:flex;align-items:center;padding:0 6px;color:#56a2f7;text-transform:uppercase}.kit-daterange .k-popup .k-today:hover{color:#56a2f7}.kit-daterange .k-popup .k-calendar-tr{display:flex}.kit-daterange .k-popup .k-calendar-th,.kit-daterange .k-popup .k-calendar-td{padding:0;width:40px;height:40px;color:#000;font-weight:500;font-size:13px;line-height:1}.kit-daterange .k-popup .k-calendar-th{height:24px;text-transform:uppercase}.kit-daterange .k-popup .k-calendar-td{display:flex;border-radius:0;border:1px solid #dfdfdf;box-sizing:border-box}.kit-daterange .k-popup .k-calendar-td:hover .k-link{color:#56a2f7;background:#ffffff}.kit-daterange .k-popup .k-calendar-td.k-state-focused .k-link,.kit-daterange .k-popup .k-calendar-td.k-state-active .k-link{box-shadow:none}.kit-daterange .k-popup .k-calendar-td.k-range-start,.kit-daterange .k-popup .k-calendar-td.k-range-end{background:none}.kit-daterange .k-popup .k-calendar-td.k-range-start.k-today .k-link,.kit-daterange .k-popup .k-calendar-td.k-range-end.k-today .k-link{color:#fff}.kit-daterange .k-popup .k-calendar-td.k-range-start .k-link,.kit-daterange .k-popup .k-calendar-td.k-range-end .k-link{color:#fff;border:1px solid #dfdfdf;border-radius:50%;background:#56a2f7}.kit-daterange .k-popup .k-calendar-td.k-range-mid{background:#aad0fb}.kit-daterange .k-popup .k-calendar-td.k-today .k-link{color:#56a2f7}.kit-daterange .k-popup .k-calendar-td.k-other-month .k-link{color:#a9a8a8}.kit-daterange .k-popup .k-link{display:flex;align-items:center;justify-content:center;margin:0;padding:0;width:100%;height:100%}.kit-daterange .k-popup .k-calendar-view{padding:0;gap:0}.kit-daterange .k-popup .k-calendar-content{padding:0 10px 10px}.kit-daterange .k-popup .k-calendar-yearview .k-calendar-td,.kit-daterange .k-popup .k-calendar-decadeview .k-calendar-td,.kit-daterange .k-popup .k-calendar-centuryview .k-calendar-td{width:76px;height:76px}.kit-daterange .k-popup .k-range-split-start:after,.kit-daterange .k-popup .k-range-split-end:after{background-image:none}\n"], components: [{ type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { type: i2$2.DateRangeComponent, selector: "kendo-daterange" }, { type: i1$1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { type: i2$2.DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "disabled", "readonly", "title", "tabindex", "role", "ariaReadOnly", "format", "placeholder", "steps", "rangeValidation", "autoCorrect", "incompleteDateValidation", "twoDigitYearMax", "spinners", "isPopupOpen", "hasPopup", "tabIndex", "value", "size", "rounded", "fillMode", "formatPlaceholder", "max", "min"], outputs: ["valueChange", "valueUpdate", "focus", "blur"], exportAs: ["kendo-dateinput"] }, { type: i2$2.DateRangePopupComponent, selector: "kendo-daterange-popup", inputs: ["animate", "collision", "anchor", "anchorAlign", "appendTo", "popupAlign", "margin"], outputs: ["open", "close", "blur", "focus", "cancel"], exportAs: ["kendo-daterange-popup"] }, { type: KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2$2.DateRangeStartInputDirective, selector: "[kendoDateRangeStartInput]", inputs: ["navigateCalendarOnFocus", "autoCorrectOn"] }, { type: i2$2.DateRangeEndInputDirective, selector: "[kendoDateRangeEndInput]", inputs: ["navigateCalendarOnFocus", "autoCorrectOn"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
2319
|
+
KitDaterangeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: KitDaterangeComponent, selector: "kit-daterange", inputs: { type: "type", label: "label", startLabel: "startLabel", endLabel: "endLabel", startPlaceholder: "startPlaceholder", endPlaceholder: "endPlaceholder", format: "format", defaultStartDate: "defaultStartDate", defaultEndDate: "defaultEndDate", min: "min", max: "max", disabled: "disabled", isValid: "isValid", iconPosition: "iconPosition", messageIcon: "messageIcon", messageText: "messageText", startDateControl: "startDateControl", endDateControl: "endDateControl" }, outputs: { startDateChanged: "startDateChanged", closed: "closed", endDateChanged: "endDateChanged" }, viewQueries: [{ propertyName: "popup", first: true, predicate: ["popup"], descendants: true, read: DateRangePopupComponent }], ngImport: i0, template: "<div class=\"kit-daterange\"\n [class.disabled]=\"disabled\"\n [class.invalid]=\"!isValid\"\n [ngClass]=\"[iconPosition, type]\">\n <button #anchor\n class=\"daterange-button\"\n [disabled]=\"disabled\"\n (click)=\"openCalendarPopup()\">\n <div class=\"button-text\">{{ label }}</div>\n <kit-svg-icon *ngIf=\"icon\"\n class=\"button-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n </button>\n <kendo-daterange class=\"daterange-wrapper\">\n <div class=\"daterange-input-wrapper\">\n <kendo-label *ngIf=\"startLabel\" class=\"label display-block\"\n [text]=\"startLabel\"\n [for]=\"startInput\"\n ></kendo-label>\n <div class=\"daterange-input\">\n <kendo-dateinput #startInput\n kendoDateRangeStartInput\n [placeholder]=\"startPlaceholder\"\n [format]=\"format\"\n [value]=\"startDateControl.value || defaultStartDate\"\n [min]=\"min\"\n [disabled]=\"disabled\"\n (blur)=\"onBlur()\"\n (valueChange)=\"onStartDateChange($event)\"\n ></kendo-dateinput>\n <button class=\"daterange-input-button\"\n (click)=\"openCalendarPopup()\">\n <kit-svg-icon *ngIf=\"icon\"\n class=\"button-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n </button>\n </div>\n </div>\n <div class=\"daterange-input-wrapper\">\n <kendo-label *ngIf=\"endLabel\" class=\"label display-block\"\n [text]=\"endLabel\"\n [for]=\"endInput\"\n ></kendo-label>\n <div class=\"daterange-input\">\n <kendo-dateinput #endInput\n kendoDateRangeEndInput\n [placeholder]=\"endPlaceholder\"\n [format]=\"format\"\n [value]=\"endDateControl.value || defaultEndDate\"\n [max]=\"max\"\n [disabled]=\"disabled\"\n (blur)=\"onBlur()\"\n (valueChange)=\"onEndDateChange($event)\"\n ></kendo-dateinput>\n <button class=\"daterange-input-button\"\n (click)=\"openCalendarPopup()\">\n <kit-svg-icon *ngIf=\"icon\"\n class=\"button-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n </button>\n </div>\n </div>\n <kendo-daterange-popup *ngIf=\"type === KitDaterangeType.DEFAULT\"\n #popup appendTo=\"component\"\n (close)=\"onClose()\"></kendo-daterange-popup>\n <kendo-daterange-popup *ngIf=\"type === KitDaterangeType.BUTTON\"\n #popup appendTo=\"component\"\n [anchor]=\"$any(anchor)\"\n (close)=\"onClose()\"></kendo-daterange-popup>\n </kendo-daterange>\n <kit-input-message *ngIf=\"messageText\"\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-daterange.button .daterange-button{display:flex}.kit-daterange.button .daterange-input-wrapper{display:none}.kit-daterange.invalid .daterange-button{border-color:#ef3e42;background-color:#f8e0e0}.kit-daterange.invalid .daterange-button .button-text{color:#27282a}.kit-daterange.invalid .k-input-inner{color:#27282a;border-color:#ef3e42;background-color:#f8e0e0}.kit-daterange.disabled .daterange-button{border-color:#c1c7d0;background-color:#f3f4f6;cursor:default}.kit-daterange.disabled .daterange-button .button-text{color:#9a9fa6}.kit-daterange.disabled .daterange-button .button-icon{stroke:#c1c7d0}.kit-daterange.disabled .label{color:#74777d}.kit-daterange.disabled .k-input-inner{color:#9a9fa6;border-color:#c1c7d0;background-color:#f3f4f6}.kit-daterange.disabled .daterange-input-button .button-icon{stroke:#c1c7d0}.kit-daterange.left .daterange-input-button{left:0;right:initial}.kit-daterange.left .k-input-inner{padding:4px 8px 4px 28px}.kit-daterange.left .daterange-button{flex-direction:row-reverse}.kit-daterange .daterange-button{display:none;align-items:center;padding:8px;width:100%;height:34px;gap:8px;border-radius:4px;border:1px solid #efefef;background:#ffffff;cursor:pointer}.kit-daterange .daterange-button .button-text{flex-grow:1;color:#27282a;font-size:13px;text-align:left}.kit-daterange .daterange-button .button-icon{display:block;width:16px;height:16px;fill:transparent;stroke:#002a3a}.kit-daterange .daterange-wrapper{display:flex;gap:8px}.kit-daterange .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-daterange .daterange-input{display:flex;align-items:center;position:relative}.kit-daterange .daterange-input-button{position:absolute;right:0;padding:0 8px;border:none;background:none;cursor:pointer;z-index:1}.kit-daterange .daterange-input-button .button-icon{display:block;width:16px;height:16px;fill:transparent;stroke:#002a3a}.kit-daterange .kit-daterange-default{display:flex}.kit-daterange .k-dateinput{border:none;border-radius:0;background:none}.kit-daterange .k-dateinput.k-focus{box-shadow:none}.kit-daterange .k-dateinput.k-focus .k-input-inner{border-color:#00b0ad}.kit-daterange .k-input-inner{padding:4px 28px 4px 8px;width:100%;height:34px;font-size:13px;font-weight:400;color:#002a3a;border-radius:4px;background-color:#fff;border:1px solid #efefef}.kit-daterange .k-input-inner::placeholder{color:#74777d}.kit-daterange .k-input-inner::selection{color:#fff;background:#00b0ad}.kit-daterange .k-popup{border:1px solid #efefef;box-shadow:none}.kit-daterange .k-popup .k-calendar-header{margin-bottom:20px;padding:6px;font-size:14px;font-weight:500}.kit-daterange .k-popup .k-calendar-title{padding:0;color:#000;line-height:1.26}.kit-daterange .k-popup .k-button:hover:before{background:none}.kit-daterange .k-popup .k-button-icon{padding:0;width:16px;height:16px;color:#002a3a}.kit-daterange .k-popup .k-prev-view .k-icon:before,.kit-daterange .k-popup .k-next-view .k-icon:before{position:absolute}.kit-daterange .k-popup .k-prev-view .k-icon:before{content:\"\\e016\"}.kit-daterange .k-popup .k-next-view .k-icon:before{content:\"\\e014\"}.kit-daterange .k-popup .k-today{display:flex;align-items:center;padding:0 6px;color:#56a2f7;text-transform:uppercase}.kit-daterange .k-popup .k-today:hover{color:#56a2f7}.kit-daterange .k-popup .k-calendar-tr{display:flex}.kit-daterange .k-popup .k-calendar-th,.kit-daterange .k-popup .k-calendar-td{padding:0;width:40px;height:40px;color:#000;font-weight:500;font-size:13px;line-height:1}.kit-daterange .k-popup .k-calendar-th{height:24px;text-transform:uppercase}.kit-daterange .k-popup .k-calendar-td{display:flex;border-radius:0;border:1px solid #dfdfdf;box-sizing:border-box}.kit-daterange .k-popup .k-calendar-td:hover .k-link{color:#56a2f7;background:#ffffff}.kit-daterange .k-popup .k-calendar-td.k-state-focused .k-link,.kit-daterange .k-popup .k-calendar-td.k-state-active .k-link{box-shadow:none}.kit-daterange .k-popup .k-calendar-td.k-range-start,.kit-daterange .k-popup .k-calendar-td.k-range-end{background:none}.kit-daterange .k-popup .k-calendar-td.k-range-start.k-today .k-link,.kit-daterange .k-popup .k-calendar-td.k-range-end.k-today .k-link{color:#fff}.kit-daterange .k-popup .k-calendar-td.k-range-start .k-link,.kit-daterange .k-popup .k-calendar-td.k-range-end .k-link{color:#fff;border:1px solid #dfdfdf;border-radius:50%;background:#56a2f7}.kit-daterange .k-popup .k-calendar-td.k-range-mid{background:#aad0fb}.kit-daterange .k-popup .k-calendar-td.k-today .k-link{color:#56a2f7}.kit-daterange .k-popup .k-calendar-td.k-other-month .k-link{color:#a9a8a8}.kit-daterange .k-popup .k-link{display:flex;align-items:center;justify-content:center;margin:0;padding:0;width:100%;height:100%}.kit-daterange .k-popup .k-calendar-view{padding:0;gap:0}.kit-daterange .k-popup .k-calendar-content{padding:0 10px 10px}.kit-daterange .k-popup .k-calendar-yearview .k-calendar-td,.kit-daterange .k-popup .k-calendar-decadeview .k-calendar-td,.kit-daterange .k-popup .k-calendar-centuryview .k-calendar-td{width:76px;height:76px}.kit-daterange .k-popup .k-range-split-start:after,.kit-daterange .k-popup .k-range-split-end:after{background-image:none}\n"], components: [{ type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { type: i2$3.DateRangeComponent, selector: "kendo-daterange" }, { type: i1$1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional"], exportAs: ["kendoLabel"] }, { type: i2$3.DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "disabled", "readonly", "title", "tabindex", "role", "ariaReadOnly", "format", "placeholder", "steps", "rangeValidation", "autoCorrect", "incompleteDateValidation", "twoDigitYearMax", "spinners", "isPopupOpen", "hasPopup", "tabIndex", "value", "size", "rounded", "fillMode", "formatPlaceholder", "max", "min"], outputs: ["valueChange", "valueUpdate", "focus", "blur"], exportAs: ["kendo-dateinput"] }, { type: i2$3.DateRangePopupComponent, selector: "kendo-daterange-popup", inputs: ["animate", "collision", "anchor", "anchorAlign", "appendTo", "popupAlign", "margin"], outputs: ["open", "close", "blur", "focus", "cancel"], exportAs: ["kendo-daterange-popup"] }, { type: KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2$3.DateRangeStartInputDirective, selector: "[kendoDateRangeStartInput]", inputs: ["navigateCalendarOnFocus", "autoCorrectOn"] }, { type: i2$3.DateRangeEndInputDirective, selector: "[kendoDateRangeEndInput]", inputs: ["navigateCalendarOnFocus", "autoCorrectOn"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
2307
2320
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitDaterangeComponent, decorators: [{
|
|
2308
2321
|
type: Component,
|
|
2309
2322
|
args: [{ selector: 'kit-daterange', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"kit-daterange\"\n [class.disabled]=\"disabled\"\n [class.invalid]=\"!isValid\"\n [ngClass]=\"[iconPosition, type]\">\n <button #anchor\n class=\"daterange-button\"\n [disabled]=\"disabled\"\n (click)=\"openCalendarPopup()\">\n <div class=\"button-text\">{{ label }}</div>\n <kit-svg-icon *ngIf=\"icon\"\n class=\"button-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n </button>\n <kendo-daterange class=\"daterange-wrapper\">\n <div class=\"daterange-input-wrapper\">\n <kendo-label *ngIf=\"startLabel\" class=\"label display-block\"\n [text]=\"startLabel\"\n [for]=\"startInput\"\n ></kendo-label>\n <div class=\"daterange-input\">\n <kendo-dateinput #startInput\n kendoDateRangeStartInput\n [placeholder]=\"startPlaceholder\"\n [format]=\"format\"\n [value]=\"startDateControl.value || defaultStartDate\"\n [min]=\"min\"\n [disabled]=\"disabled\"\n (blur)=\"onBlur()\"\n (valueChange)=\"onStartDateChange($event)\"\n ></kendo-dateinput>\n <button class=\"daterange-input-button\"\n (click)=\"openCalendarPopup()\">\n <kit-svg-icon *ngIf=\"icon\"\n class=\"button-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n </button>\n </div>\n </div>\n <div class=\"daterange-input-wrapper\">\n <kendo-label *ngIf=\"endLabel\" class=\"label display-block\"\n [text]=\"endLabel\"\n [for]=\"endInput\"\n ></kendo-label>\n <div class=\"daterange-input\">\n <kendo-dateinput #endInput\n kendoDateRangeEndInput\n [placeholder]=\"endPlaceholder\"\n [format]=\"format\"\n [value]=\"endDateControl.value || defaultEndDate\"\n [max]=\"max\"\n [disabled]=\"disabled\"\n (blur)=\"onBlur()\"\n (valueChange)=\"onEndDateChange($event)\"\n ></kendo-dateinput>\n <button class=\"daterange-input-button\"\n (click)=\"openCalendarPopup()\">\n <kit-svg-icon *ngIf=\"icon\"\n class=\"button-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n </button>\n </div>\n </div>\n <kendo-daterange-popup *ngIf=\"type === KitDaterangeType.DEFAULT\"\n #popup appendTo=\"component\"\n (close)=\"onClose()\"></kendo-daterange-popup>\n <kendo-daterange-popup *ngIf=\"type === KitDaterangeType.BUTTON\"\n #popup appendTo=\"component\"\n [anchor]=\"$any(anchor)\"\n (close)=\"onClose()\"></kendo-daterange-popup>\n </kendo-daterange>\n <kit-input-message *ngIf=\"messageText\"\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-daterange.button .daterange-button{display:flex}.kit-daterange.button .daterange-input-wrapper{display:none}.kit-daterange.invalid .daterange-button{border-color:#ef3e42;background-color:#f8e0e0}.kit-daterange.invalid .daterange-button .button-text{color:#27282a}.kit-daterange.invalid .k-input-inner{color:#27282a;border-color:#ef3e42;background-color:#f8e0e0}.kit-daterange.disabled .daterange-button{border-color:#c1c7d0;background-color:#f3f4f6;cursor:default}.kit-daterange.disabled .daterange-button .button-text{color:#9a9fa6}.kit-daterange.disabled .daterange-button .button-icon{stroke:#c1c7d0}.kit-daterange.disabled .label{color:#74777d}.kit-daterange.disabled .k-input-inner{color:#9a9fa6;border-color:#c1c7d0;background-color:#f3f4f6}.kit-daterange.disabled .daterange-input-button .button-icon{stroke:#c1c7d0}.kit-daterange.left .daterange-input-button{left:0;right:initial}.kit-daterange.left .k-input-inner{padding:4px 8px 4px 28px}.kit-daterange.left .daterange-button{flex-direction:row-reverse}.kit-daterange .daterange-button{display:none;align-items:center;padding:8px;width:100%;height:34px;gap:8px;border-radius:4px;border:1px solid #efefef;background:#ffffff;cursor:pointer}.kit-daterange .daterange-button .button-text{flex-grow:1;color:#27282a;font-size:13px;text-align:left}.kit-daterange .daterange-button .button-icon{display:block;width:16px;height:16px;fill:transparent;stroke:#002a3a}.kit-daterange .daterange-wrapper{display:flex;gap:8px}.kit-daterange .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-daterange .daterange-input{display:flex;align-items:center;position:relative}.kit-daterange .daterange-input-button{position:absolute;right:0;padding:0 8px;border:none;background:none;cursor:pointer;z-index:1}.kit-daterange .daterange-input-button .button-icon{display:block;width:16px;height:16px;fill:transparent;stroke:#002a3a}.kit-daterange .kit-daterange-default{display:flex}.kit-daterange .k-dateinput{border:none;border-radius:0;background:none}.kit-daterange .k-dateinput.k-focus{box-shadow:none}.kit-daterange .k-dateinput.k-focus .k-input-inner{border-color:#00b0ad}.kit-daterange .k-input-inner{padding:4px 28px 4px 8px;width:100%;height:34px;font-size:13px;font-weight:400;color:#002a3a;border-radius:4px;background-color:#fff;border:1px solid #efefef}.kit-daterange .k-input-inner::placeholder{color:#74777d}.kit-daterange .k-input-inner::selection{color:#fff;background:#00b0ad}.kit-daterange .k-popup{border:1px solid #efefef;box-shadow:none}.kit-daterange .k-popup .k-calendar-header{margin-bottom:20px;padding:6px;font-size:14px;font-weight:500}.kit-daterange .k-popup .k-calendar-title{padding:0;color:#000;line-height:1.26}.kit-daterange .k-popup .k-button:hover:before{background:none}.kit-daterange .k-popup .k-button-icon{padding:0;width:16px;height:16px;color:#002a3a}.kit-daterange .k-popup .k-prev-view .k-icon:before,.kit-daterange .k-popup .k-next-view .k-icon:before{position:absolute}.kit-daterange .k-popup .k-prev-view .k-icon:before{content:\"\\e016\"}.kit-daterange .k-popup .k-next-view .k-icon:before{content:\"\\e014\"}.kit-daterange .k-popup .k-today{display:flex;align-items:center;padding:0 6px;color:#56a2f7;text-transform:uppercase}.kit-daterange .k-popup .k-today:hover{color:#56a2f7}.kit-daterange .k-popup .k-calendar-tr{display:flex}.kit-daterange .k-popup .k-calendar-th,.kit-daterange .k-popup .k-calendar-td{padding:0;width:40px;height:40px;color:#000;font-weight:500;font-size:13px;line-height:1}.kit-daterange .k-popup .k-calendar-th{height:24px;text-transform:uppercase}.kit-daterange .k-popup .k-calendar-td{display:flex;border-radius:0;border:1px solid #dfdfdf;box-sizing:border-box}.kit-daterange .k-popup .k-calendar-td:hover .k-link{color:#56a2f7;background:#ffffff}.kit-daterange .k-popup .k-calendar-td.k-state-focused .k-link,.kit-daterange .k-popup .k-calendar-td.k-state-active .k-link{box-shadow:none}.kit-daterange .k-popup .k-calendar-td.k-range-start,.kit-daterange .k-popup .k-calendar-td.k-range-end{background:none}.kit-daterange .k-popup .k-calendar-td.k-range-start.k-today .k-link,.kit-daterange .k-popup .k-calendar-td.k-range-end.k-today .k-link{color:#fff}.kit-daterange .k-popup .k-calendar-td.k-range-start .k-link,.kit-daterange .k-popup .k-calendar-td.k-range-end .k-link{color:#fff;border:1px solid #dfdfdf;border-radius:50%;background:#56a2f7}.kit-daterange .k-popup .k-calendar-td.k-range-mid{background:#aad0fb}.kit-daterange .k-popup .k-calendar-td.k-today .k-link{color:#56a2f7}.kit-daterange .k-popup .k-calendar-td.k-other-month .k-link{color:#a9a8a8}.kit-daterange .k-popup .k-link{display:flex;align-items:center;justify-content:center;margin:0;padding:0;width:100%;height:100%}.kit-daterange .k-popup .k-calendar-view{padding:0;gap:0}.kit-daterange .k-popup .k-calendar-content{padding:0 10px 10px}.kit-daterange .k-popup .k-calendar-yearview .k-calendar-td,.kit-daterange .k-popup .k-calendar-decadeview .k-calendar-td,.kit-daterange .k-popup .k-calendar-centuryview .k-calendar-td{width:76px;height:76px}.kit-daterange .k-popup .k-range-split-start:after,.kit-daterange .k-popup .k-range-split-end:after{background-image:none}\n"] }]
|
|
@@ -2393,10 +2406,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImpor
|
|
|
2393
2406
|
}]
|
|
2394
2407
|
}] });
|
|
2395
2408
|
|
|
2409
|
+
var KitCtaPanelItemType;
|
|
2410
|
+
(function (KitCtaPanelItemType) {
|
|
2411
|
+
KitCtaPanelItemType["BUTTON"] = "button";
|
|
2412
|
+
KitCtaPanelItemType["LINK"] = "link";
|
|
2413
|
+
})(KitCtaPanelItemType || (KitCtaPanelItemType = {}));
|
|
2396
2414
|
class KitCtaPanelItemComponent {
|
|
2397
2415
|
constructor() {
|
|
2416
|
+
this.type = KitCtaPanelItemType.BUTTON;
|
|
2398
2417
|
this.clicked = new EventEmitter();
|
|
2399
2418
|
this.KitSvgIcon = KitSvgIcon;
|
|
2419
|
+
this.KitCtaPanelItemType = KitCtaPanelItemType;
|
|
2400
2420
|
}
|
|
2401
2421
|
onButtonClick() {
|
|
2402
2422
|
var _a;
|
|
@@ -2407,12 +2427,14 @@ class KitCtaPanelItemComponent {
|
|
|
2407
2427
|
}
|
|
2408
2428
|
}
|
|
2409
2429
|
KitCtaPanelItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitCtaPanelItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2410
|
-
KitCtaPanelItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: KitCtaPanelItemComponent, selector: "kit-cta-panel-item", inputs: { item: "item" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"kit-cta-panel-item\">\n <div class=\"panel-item-inner\">\n <kit-svg-icon *ngIf=\"item?.icon\" class=\"panel-item-icon\" [icon]=\"item?.icon\"></kit-svg-icon>\n <div class=\"panel-item-text\">\n <div *ngIf=\"item?.title\" class=\"panel-item-title\">{{ item?.title }}</div>\n <button *ngIf=\"item?.buttonText\" class=\"panel-item-button\" (click)=\"onButtonClick()\">\n
|
|
2430
|
+
KitCtaPanelItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: KitCtaPanelItemComponent, selector: "kit-cta-panel-item", inputs: { item: "item", type: "type" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"kit-cta-panel-item\">\n <div class=\"panel-item-inner\">\n <kit-svg-icon *ngIf=\"item?.icon\" class=\"panel-item-icon\" [icon]=\"item?.icon\"></kit-svg-icon>\n <div class=\"panel-item-text\">\n <div *ngIf=\"item?.title\" class=\"panel-item-title\">{{ item?.title }}</div>\n <ng-container [ngSwitch]=\"type\">\n <ng-container *ngSwitchCase=\"KitCtaPanelItemType.BUTTON\">\n <button *ngIf=\"item?.buttonText\" class=\"panel-item-button\" (click)=\"onButtonClick()\">\n <span class=\"button-label\">{{ item?.buttonText }}</span>\n <kit-svg-icon class=\"button-icon\" [icon]=\"KitSvgIcon.CHEVRON_RIGHT\"></kit-svg-icon>\n </button>\n </ng-container>\n <ng-container *ngSwitchCase=\"KitCtaPanelItemType.LINK\">\n <a *ngIf=\"item?.buttonText\" [routerLink]=\"item?.link\" class=\"panel-item-button\">\n <span class=\"button-label\">{{ item?.buttonText }}</span>\n <kit-svg-icon class=\"button-icon\" [icon]=\"KitSvgIcon.CHEVRON_RIGHT\"></kit-svg-icon>\n </a>\n </ng-container>\n </ng-container>\n </div>\n </div>\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-cta-panel-item{padding:15px 20px;background:#ffffff}.kit-cta-panel-item .panel-item-inner{display:flex;padding-bottom:24px;border-bottom:6px solid #efefef}.kit-cta-panel-item .panel-item-icon{margin-right:20px;width:24px;height:24px;stroke:#a9a8a8;fill:none;flex-shrink:0}.kit-cta-panel-item .panel-item-icon .order-icon,.kit-cta-panel-item .panel-item-icon .reset-icon{stroke:none;fill:#a9a8a8}.kit-cta-panel-item .panel-item-title{margin-bottom:8px;color:#002a3a;font-size:14px}.kit-cta-panel-item .panel-item-button{display:flex;align-items:center;padding:0;color:#56a2f7;font-size:14px;font-weight:500;font-family:inherit;border:none;background:none;cursor:pointer;text-decoration:none}.kit-cta-panel-item .panel-item-button:hover{text-decoration:underline}.kit-cta-panel-item .button-label{margin-right:6px}.kit-cta-panel-item .button-icon{width:16px;height:16px;stroke:#56a2f7;fill:none}\n"], components: [{ type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i1$4.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
2411
2431
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitCtaPanelItemComponent, decorators: [{
|
|
2412
2432
|
type: Component,
|
|
2413
|
-
args: [{ selector: 'kit-cta-panel-item', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"kit-cta-panel-item\">\n <div class=\"panel-item-inner\">\n <kit-svg-icon *ngIf=\"item?.icon\" class=\"panel-item-icon\" [icon]=\"item?.icon\"></kit-svg-icon>\n <div class=\"panel-item-text\">\n <div *ngIf=\"item?.title\" class=\"panel-item-title\">{{ item?.title }}</div>\n <button *ngIf=\"item?.buttonText\" class=\"panel-item-button\" (click)=\"onButtonClick()\">\n
|
|
2433
|
+
args: [{ selector: 'kit-cta-panel-item', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"kit-cta-panel-item\">\n <div class=\"panel-item-inner\">\n <kit-svg-icon *ngIf=\"item?.icon\" class=\"panel-item-icon\" [icon]=\"item?.icon\"></kit-svg-icon>\n <div class=\"panel-item-text\">\n <div *ngIf=\"item?.title\" class=\"panel-item-title\">{{ item?.title }}</div>\n <ng-container [ngSwitch]=\"type\">\n <ng-container *ngSwitchCase=\"KitCtaPanelItemType.BUTTON\">\n <button *ngIf=\"item?.buttonText\" class=\"panel-item-button\" (click)=\"onButtonClick()\">\n <span class=\"button-label\">{{ item?.buttonText }}</span>\n <kit-svg-icon class=\"button-icon\" [icon]=\"KitSvgIcon.CHEVRON_RIGHT\"></kit-svg-icon>\n </button>\n </ng-container>\n <ng-container *ngSwitchCase=\"KitCtaPanelItemType.LINK\">\n <a *ngIf=\"item?.buttonText\" [routerLink]=\"item?.link\" class=\"panel-item-button\">\n <span class=\"button-label\">{{ item?.buttonText }}</span>\n <kit-svg-icon class=\"button-icon\" [icon]=\"KitSvgIcon.CHEVRON_RIGHT\"></kit-svg-icon>\n </a>\n </ng-container>\n </ng-container>\n </div>\n </div>\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-cta-panel-item{padding:15px 20px;background:#ffffff}.kit-cta-panel-item .panel-item-inner{display:flex;padding-bottom:24px;border-bottom:6px solid #efefef}.kit-cta-panel-item .panel-item-icon{margin-right:20px;width:24px;height:24px;stroke:#a9a8a8;fill:none;flex-shrink:0}.kit-cta-panel-item .panel-item-icon .order-icon,.kit-cta-panel-item .panel-item-icon .reset-icon{stroke:none;fill:#a9a8a8}.kit-cta-panel-item .panel-item-title{margin-bottom:8px;color:#002a3a;font-size:14px}.kit-cta-panel-item .panel-item-button{display:flex;align-items:center;padding:0;color:#56a2f7;font-size:14px;font-weight:500;font-family:inherit;border:none;background:none;cursor:pointer;text-decoration:none}.kit-cta-panel-item .panel-item-button:hover{text-decoration:underline}.kit-cta-panel-item .button-label{margin-right:6px}.kit-cta-panel-item .button-icon{width:16px;height:16px;stroke:#56a2f7;fill:none}\n"] }]
|
|
2414
2434
|
}], propDecorators: { item: [{
|
|
2415
2435
|
type: Input
|
|
2436
|
+
}], type: [{
|
|
2437
|
+
type: Input
|
|
2416
2438
|
}], clicked: [{
|
|
2417
2439
|
type: Output
|
|
2418
2440
|
}] } });
|
|
@@ -2421,10 +2443,12 @@ class KitCtaPanelItemModule {
|
|
|
2421
2443
|
}
|
|
2422
2444
|
KitCtaPanelItemModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitCtaPanelItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2423
2445
|
KitCtaPanelItemModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitCtaPanelItemModule, declarations: [KitCtaPanelItemComponent], imports: [CommonModule,
|
|
2424
|
-
KitSvgIconModule
|
|
2446
|
+
KitSvgIconModule,
|
|
2447
|
+
RouterModule], exports: [KitCtaPanelItemComponent] });
|
|
2425
2448
|
KitCtaPanelItemModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitCtaPanelItemModule, imports: [[
|
|
2426
2449
|
CommonModule,
|
|
2427
2450
|
KitSvgIconModule,
|
|
2451
|
+
RouterModule,
|
|
2428
2452
|
]] });
|
|
2429
2453
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitCtaPanelItemModule, decorators: [{
|
|
2430
2454
|
type: NgModule,
|
|
@@ -2435,6 +2459,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImpor
|
|
|
2435
2459
|
imports: [
|
|
2436
2460
|
CommonModule,
|
|
2437
2461
|
KitSvgIconModule,
|
|
2462
|
+
RouterModule,
|
|
2438
2463
|
],
|
|
2439
2464
|
exports: [
|
|
2440
2465
|
KitCtaPanelItemComponent,
|
|
@@ -2537,7 +2562,7 @@ class KitCtaPanelConfirmationComponent {
|
|
|
2537
2562
|
}
|
|
2538
2563
|
}
|
|
2539
2564
|
KitCtaPanelConfirmationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitCtaPanelConfirmationComponent, deps: [{ token: i1$2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
|
|
2540
|
-
KitCtaPanelConfirmationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: KitCtaPanelConfirmationComponent, selector: "kit-cta-panel-confirmation", inputs: { data: "data", confirmButtonDisabled: "confirmButtonDisabled", dropdownListHeight: "dropdownListHeight", quitText: "quitText", confirmText: "confirmText" }, outputs: { quitClicked: "quitClicked", confirmClicked: "confirmClicked" }, ngImport: i0, template: "<div class=\"kit-cta-panel-confirmation\">\n <div class=\"confirmation-head\">\n <kit-svg-icon *ngIf=\"data?.icon\" class=\"head-icon\"\n [icon]=\"data?.icon\"\n ></kit-svg-icon>\n <div class=\"head-text\">\n <div class=\"head-title\">{{ data?.title }}</div>\n <div *ngIf=\"data?.description\" class=\"head-description\">{{ data?.description }}</div>\n </div>\n </div>\n <div *ngIf=\"data?.dropdownItems\" class=\"confirmation-main\">\n <form [formGroup]=\"form\">\n <kit-dropdown formControlName=\"reason\"\n [label]=\"data?.dropdownLabel\"\n [items]=\"data?.dropdownItems\"\n [listHeight]=\"dropdownListHeight\"\n ></kit-dropdown>\n </form>\n </div>\n <kit-cta-panel-action [disabled]=\"data?.dropdownItems && form.invalid\"\n [quitText]=\"quitText\"\n [confirmText]=\"confirmText\"\n (quitClicked)=\"quitClicked.emit()\"\n (confirmClicked)=\"onConfirmButtonClick()\"\n ></kit-cta-panel-action>\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-cta-panel-confirmation{padding:15px 20px;border:2px solid #00b0ad;background:#f8f9fe;line-height:1.26}.kit-cta-panel-confirmation .confirmation-head{display:flex;margin-bottom:24px}.kit-cta-panel-confirmation .head-icon{width:24px;height:24px;margin-right:20px;flex-shrink:0;stroke:#00b0ad;fill:none}.kit-cta-panel-confirmation .head-icon .reset-icon{stroke:none;fill:#00b0ad}.kit-cta-panel-confirmation .head-title{color:#002a3a;font-weight:700}.kit-cta-panel-confirmation .head-description{margin-top:24px;color:#000}.kit-cta-panel-confirmation .confirmation-main{margin-bottom:24px}\n"], components: [{ type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { type: KitDropdownComponent, selector: "kit-dropdown", inputs: ["items", "selectedItem", "label", "disabled", "messageIcon", "messageText", "messageType", "state", "defaultItem", "listHeight"], outputs: ["selected"] }, { type: KitCtaPanelActionComponent, selector: "kit-cta-panel-action", inputs: ["disabled", "confirmText", "quitText"], outputs: ["quitClicked", "confirmClicked"] }], directives: [{ type:
|
|
2565
|
+
KitCtaPanelConfirmationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: KitCtaPanelConfirmationComponent, selector: "kit-cta-panel-confirmation", inputs: { data: "data", confirmButtonDisabled: "confirmButtonDisabled", dropdownListHeight: "dropdownListHeight", quitText: "quitText", confirmText: "confirmText" }, outputs: { quitClicked: "quitClicked", confirmClicked: "confirmClicked" }, ngImport: i0, template: "<div class=\"kit-cta-panel-confirmation\">\n <div class=\"confirmation-head\">\n <kit-svg-icon *ngIf=\"data?.icon\" class=\"head-icon\"\n [icon]=\"data?.icon\"\n ></kit-svg-icon>\n <div class=\"head-text\">\n <div class=\"head-title\">{{ data?.title }}</div>\n <div *ngIf=\"data?.description\" class=\"head-description\">{{ data?.description }}</div>\n </div>\n </div>\n <div *ngIf=\"data?.dropdownItems\" class=\"confirmation-main\">\n <form [formGroup]=\"form\">\n <kit-dropdown formControlName=\"reason\"\n [label]=\"data?.dropdownLabel\"\n [items]=\"data?.dropdownItems\"\n [listHeight]=\"dropdownListHeight\"\n ></kit-dropdown>\n </form>\n </div>\n <kit-cta-panel-action [disabled]=\"data?.dropdownItems && form.invalid\"\n [quitText]=\"quitText\"\n [confirmText]=\"confirmText\"\n (quitClicked)=\"quitClicked.emit()\"\n (confirmClicked)=\"onConfirmButtonClick()\"\n ></kit-cta-panel-action>\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-cta-panel-confirmation{padding:15px 20px;border:2px solid #00b0ad;background:#f8f9fe;line-height:1.26}.kit-cta-panel-confirmation .confirmation-head{display:flex;margin-bottom:24px}.kit-cta-panel-confirmation .head-icon{width:24px;height:24px;margin-right:20px;flex-shrink:0;stroke:#00b0ad;fill:none}.kit-cta-panel-confirmation .head-icon .reset-icon{stroke:none;fill:#00b0ad}.kit-cta-panel-confirmation .head-title{color:#002a3a;font-weight:700}.kit-cta-panel-confirmation .head-description{margin-top:24px;color:#000}.kit-cta-panel-confirmation .confirmation-main{margin-bottom:24px}\n"], components: [{ type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { type: KitDropdownComponent, selector: "kit-dropdown", inputs: ["items", "selectedItem", "label", "disabled", "messageIcon", "messageText", "messageType", "state", "defaultItem", "listHeight"], outputs: ["selected"] }, { type: KitCtaPanelActionComponent, selector: "kit-cta-panel-action", inputs: ["disabled", "confirmText", "quitText"], outputs: ["quitClicked", "confirmClicked"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
2541
2566
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: KitCtaPanelConfirmationComponent, decorators: [{
|
|
2542
2567
|
type: Component,
|
|
2543
2568
|
args: [{ selector: 'kit-cta-panel-confirmation', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"kit-cta-panel-confirmation\">\n <div class=\"confirmation-head\">\n <kit-svg-icon *ngIf=\"data?.icon\" class=\"head-icon\"\n [icon]=\"data?.icon\"\n ></kit-svg-icon>\n <div class=\"head-text\">\n <div class=\"head-title\">{{ data?.title }}</div>\n <div *ngIf=\"data?.description\" class=\"head-description\">{{ data?.description }}</div>\n </div>\n </div>\n <div *ngIf=\"data?.dropdownItems\" class=\"confirmation-main\">\n <form [formGroup]=\"form\">\n <kit-dropdown formControlName=\"reason\"\n [label]=\"data?.dropdownLabel\"\n [items]=\"data?.dropdownItems\"\n [listHeight]=\"dropdownListHeight\"\n ></kit-dropdown>\n </form>\n </div>\n <kit-cta-panel-action [disabled]=\"data?.dropdownItems && form.invalid\"\n [quitText]=\"quitText\"\n [confirmText]=\"confirmText\"\n (quitClicked)=\"quitClicked.emit()\"\n (confirmClicked)=\"onConfirmButtonClick()\"\n ></kit-cta-panel-action>\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-cta-panel-confirmation{padding:15px 20px;border:2px solid #00b0ad;background:#f8f9fe;line-height:1.26}.kit-cta-panel-confirmation .confirmation-head{display:flex;margin-bottom:24px}.kit-cta-panel-confirmation .head-icon{width:24px;height:24px;margin-right:20px;flex-shrink:0;stroke:#00b0ad;fill:none}.kit-cta-panel-confirmation .head-icon .reset-icon{stroke:none;fill:#00b0ad}.kit-cta-panel-confirmation .head-title{color:#002a3a;font-weight:700}.kit-cta-panel-confirmation .head-description{margin-top:24px;color:#000}.kit-cta-panel-confirmation .confirmation-main{margin-bottom:24px}\n"] }]
|
|
@@ -2725,5 +2750,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImpor
|
|
|
2725
2750
|
* Generated bundle index. Do not edit.
|
|
2726
2751
|
*/
|
|
2727
2752
|
|
|
2728
|
-
export { AbstractKitCtaPanelConfirmationComponent, KitAutocompleteComponent, KitAutocompleteModule, KitAutocompleteState, KitButtonComponent, KitButtonIconPosition, KitButtonKind, KitButtonModule, KitButtonType, KitCheckboxComponent, KitCheckboxModule, KitCheckboxState, KitCtaPanelAbstractConfirmationComponent, KitCtaPanelAbstractConfirmationModule, KitCtaPanelActionComponent, KitCtaPanelActionModule, KitCtaPanelConfirmationComponent, KitCtaPanelConfirmationModule, KitCtaPanelItemComponent, KitCtaPanelItemModule, KitDaterangeComponent, KitDaterangeIconPosition, KitDaterangeModule, KitDaterangeType, KitDatetimepickerComponent, KitDatetimepickerModule, KitDropdownComponent, KitDropdownModule, KitDropdownState, KitInputMessageComponent, KitInputMessageModule, KitInputMessageType, KitLoaderComponent, KitLoaderModule, KitLocationStepperComponent, KitLocationStepperModule, KitNoteComponent, KitNoteModule, KitNotificationComponent, KitNotificationModule, KitNotificationType, KitNumericTextboxComponent, KitNumericTextboxModule, KitPillComponent, KitPillModule, KitQueryParamsName, KitQueryParamsService, KitSvgIcon, KitSvgIconComponent, KitSvgIconModule, KitSvgSpriteComponent, KitSvgSpriteModule, KitSwitchComponent, KitSwitchMode, KitSwitchModule, KitSwitchState, KitTextLabelComponent, KitTextLabelModule, KitTextareaAutoresizeDirective, KitTextareaComponent, KitTextareaModule, KitTextareaState, KitTextboxComponent, KitTextboxModule, KitToastrModule, KitToastrService, KitToastrType, KitToggleComponent, KitToggleModule, KitTooltipDirective, KitTooltipModule, KitTooltipPosition, KitUnitsTextboxComponent, KitUnitsTextboxDropdownPosition, KitUnitsTextboxModule, KitUnitsTextboxType };
|
|
2753
|
+
export { AbstractKitCtaPanelConfirmationComponent, KitAutocompleteComponent, KitAutocompleteModule, KitAutocompleteState, KitButtonComponent, KitButtonIconPosition, KitButtonKind, KitButtonModule, KitButtonType, KitCheckboxComponent, KitCheckboxModule, KitCheckboxState, KitCtaPanelAbstractConfirmationComponent, KitCtaPanelAbstractConfirmationModule, KitCtaPanelActionComponent, KitCtaPanelActionModule, KitCtaPanelConfirmationComponent, KitCtaPanelConfirmationModule, KitCtaPanelItemComponent, KitCtaPanelItemModule, KitCtaPanelItemType, KitDaterangeComponent, KitDaterangeIconPosition, KitDaterangeModule, KitDaterangeType, KitDatetimepickerComponent, KitDatetimepickerModule, KitDropdownComponent, KitDropdownModule, KitDropdownState, KitInputMessageComponent, KitInputMessageModule, KitInputMessageType, KitLoaderComponent, KitLoaderModule, KitLocationStepperComponent, KitLocationStepperModule, KitNoteComponent, KitNoteModule, KitNotificationComponent, KitNotificationModule, KitNotificationType, KitNumericTextboxComponent, KitNumericTextboxModule, KitPillComponent, KitPillModule, KitQueryParamsName, KitQueryParamsService, KitSvgIcon, KitSvgIconComponent, KitSvgIconModule, KitSvgSpriteComponent, KitSvgSpriteModule, KitSwitchComponent, KitSwitchMode, KitSwitchModule, KitSwitchState, KitTextLabelComponent, KitTextLabelModule, KitTextareaAutoresizeDirective, KitTextareaComponent, KitTextareaModule, KitTextareaState, KitTextboxComponent, KitTextboxModule, KitToastrModule, KitToastrService, KitToastrType, KitToggleComponent, KitToggleModule, KitTooltipDirective, KitTooltipModule, KitTooltipPosition, KitUnitsTextboxComponent, KitUnitsTextboxDropdownPosition, KitUnitsTextboxModule, KitUnitsTextboxType };
|
|
2729
2754
|
//# sourceMappingURL=indigina-ui-kit.mjs.map
|