@indigina/ui-kit 1.1.62 → 1.1.63
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/esm2022/lib/components/kit-autocomplete/kit-autocomplete.component.mjs +7 -12
- package/esm2022/lib/components/kit-cta-panel-confirmation/kit-cta-panel-confirmation.component.mjs +1 -1
- package/esm2022/lib/components/kit-datepicker/kit-datepicker.component.mjs +2 -2
- package/esm2022/lib/components/kit-daterange/kit-daterange.component.mjs +2 -2
- package/esm2022/lib/components/kit-datetimepicker/kit-datetimepicker.component.mjs +2 -2
- package/esm2022/lib/components/kit-dropdown/kit-dropdown.component.mjs +7 -13
- package/esm2022/lib/components/kit-multiselect/kit-multiselect.component.mjs +2 -2
- package/esm2022/lib/components/kit-numeric-textbox/kit-numeric-textbox.component.mjs +2 -2
- package/esm2022/lib/components/kit-textarea/kit-textarea.component.mjs +2 -2
- package/esm2022/lib/components/kit-textbox/kit-textbox.component.mjs +2 -2
- package/esm2022/lib/components/kit-timepicker/kit-timepicker.component.mjs +2 -2
- package/esm2022/public-api.mjs +3 -3
- package/fesm2022/indigina-ui-kit.mjs +187 -197
- package/fesm2022/indigina-ui-kit.mjs.map +1 -1
- package/lib/components/kit-autocomplete/kit-autocomplete.component.d.ts +3 -7
- package/lib/components/kit-dropdown/kit-dropdown.component.d.ts +3 -8
- package/package.json +1 -1
- package/public-api.d.ts +3 -3
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, ContentChild, EventEmitter, forwardRef, Input, Output, signal, TemplateRef, ViewChild, ViewEncapsulation } from '@angular/core';
|
|
2
2
|
import { KitSvgIcon } from '../kit-svg-icon/kit-svg-icon.const';
|
|
3
3
|
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
4
|
-
import { KitAutocompleteState } from '../kit-autocomplete/kit-autocomplete.component';
|
|
5
4
|
import * as i0 from "@angular/core";
|
|
6
5
|
import * as i1 from "@progress/kendo-angular-dropdowns";
|
|
7
6
|
import * as i2 from "@angular/common";
|
|
@@ -9,11 +8,6 @@ import * as i3 from "../kit-input-message/kit-input-message.component";
|
|
|
9
8
|
import * as i4 from "@angular/forms";
|
|
10
9
|
import * as i5 from "../kit-svg-icon/kit-svg-icon.component";
|
|
11
10
|
import * as i6 from "../kit-input-label/kit-input-label.component";
|
|
12
|
-
export var KitDropdownState;
|
|
13
|
-
(function (KitDropdownState) {
|
|
14
|
-
KitDropdownState["REGULAR"] = "regular";
|
|
15
|
-
KitDropdownState["DANGER"] = "danger";
|
|
16
|
-
})(KitDropdownState || (KitDropdownState = {}));
|
|
17
11
|
const DROPDOWN_POPUP_CLASS = 'kit-dropdown-popup';
|
|
18
12
|
const DROPDOWN_POPUP_DEFAULT_ITEM_CLASS = 'kit-dropdown-popup-default-item';
|
|
19
13
|
function buildPopupClass(hideDefaultItem) {
|
|
@@ -33,9 +27,9 @@ export class KitDropdownComponent {
|
|
|
33
27
|
*/
|
|
34
28
|
this.items = [];
|
|
35
29
|
/**
|
|
36
|
-
* Defines a
|
|
30
|
+
* Defines a state whether the component will be invalid
|
|
37
31
|
*/
|
|
38
|
-
this.
|
|
32
|
+
this.invalid = false;
|
|
39
33
|
/**
|
|
40
34
|
* Defines dropdown popup list height. By default, listHeight is 200px.
|
|
41
35
|
*/
|
|
@@ -115,11 +109,11 @@ export class KitDropdownComponent {
|
|
|
115
109
|
};
|
|
116
110
|
}
|
|
117
111
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitDropdownComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
118
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.7", type: KitDropdownComponent, selector: "kit-dropdown", inputs: { items: "items", selectedItem: "selectedItem", label: "label", disabled: "disabled", messageIcon: "messageIcon", messageText: "messageText",
|
|
112
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.7", type: KitDropdownComponent, selector: "kit-dropdown", inputs: { items: "items", selectedItem: "selectedItem", label: "label", disabled: "disabled", messageIcon: "messageIcon", messageText: "messageText", invalid: "invalid", defaultItem: "defaultItem", listHeight: "listHeight", hideDefaultItem: "hideDefaultItem", toggleIcon: "toggleIcon" }, outputs: { selected: "selected" }, providers: [{
|
|
119
113
|
provide: NG_VALUE_ACCESSOR,
|
|
120
114
|
useExisting: forwardRef(() => KitDropdownComponent),
|
|
121
115
|
multi: true,
|
|
122
|
-
}], queries: [{ propertyName: "kitDropdownValueTemplate", first: true, predicate: ["kitDropdownValueTemplate"], descendants: true, read: TemplateRef }, { propertyName: "kitDropdownItemTemplate", first: true, predicate: ["kitDropdownItemTemplate"], descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }], ngImport: i0, template: "<div class=\"kit-dropdown
|
|
116
|
+
}], queries: [{ propertyName: "kitDropdownValueTemplate", first: true, predicate: ["kitDropdownValueTemplate"], descendants: true, read: TemplateRef }, { propertyName: "kitDropdownItemTemplate", first: true, predicate: ["kitDropdownItemTemplate"], descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }], ngImport: i0, template: "<div class=\"kit-dropdown\"\n [class.disabled]=\"disabled\"\n [class.invalid]=\"invalid\">\n @if (label) {\n <kit-input-label class=\"label\"\n [text]=\"label\"\n [for]=\"$any(dropdown)\"\n ></kit-input-label>\n }\n <kendo-dropdownlist #dropdown\n valueField=\"value\"\n textField=\"text\"\n class=\"dropdown\"\n [ngClass]=\"getCssClasses()\"\n [data]=\"items\"\n [valuePrimitive]=\"true\"\n [disabled]=\"disabled\"\n [popupSettings]=\"buildPopupSettings()\"\n [itemDisabled]=\"onItemDisabled()\"\n [defaultItem]=\"defaultItem\"\n [listHeight]=\"listHeight\"\n [(ngModel)]=\"selectedItem\"\n (open)=\"onOpen()\"\n (close)=\"onClose()\"\n (selectionChange)=\"onItemSelect($event)\">\n <ng-template kendoDropDownListValueTemplate\n let-dataItem>\n @if (kitDropdownValueTemplate) {\n <div class=\"value-text\">\n <ng-container *ngTemplateOutlet=\"kitDropdownValueTemplate; context: { $implicit: dataItem }\"\n ></ng-container>\n </div>\n } @else {\n <span class=\"value-text\">{{ dataItem?.text }}</span>\n }\n <kit-svg-icon class=\"value-icon\"\n [icon]=\"toggleIcon\"\n ></kit-svg-icon>\n </ng-template>\n <ng-template kendoDropDownListItemTemplate\n let-dataItem>\n @if (kitDropdownItemTemplate) {\n <ng-container *ngTemplateOutlet=\"kitDropdownItemTemplate; context: { $implicit: dataItem }\"\n ></ng-container>\n } @else {\n <span class=\"option-text\">{{ dataItem?.text }}</span>\n <kit-svg-icon class=\"option-icon\"\n [icon]=\"KitSvgIcon.CHECK\"\n ></kit-svg-icon>\n }\n </ng-template>\n </kendo-dropdownlist>\n @if (messageText) {\n <kit-input-message [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-dropdown .label{display:block;margin-bottom:4px}.kit-dropdown .k-input-value-text{display:flex;align-items:center;height:100%;font-size:14px;font-weight:400;color:var(--ui-kit-color-grey-12)}.kit-dropdown .k-input-button{display:none}.kit-dropdown .k-input-inner{padding:0 12px}.kit-dropdown .dropdown{width:100%;height:40px;border-radius:8px;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-dropdown .dropdown:hover{border-color:var(--ui-kit-color-hover)}.kit-dropdown .dropdown.k-focus{box-shadow:none}.kit-dropdown .dropdown.has-value .k-input-value-text{color:var(--ui-kit-color-grey-10)}.kit-dropdown .dropdown.expanded .value-icon{transform:rotate(180deg)}.kit-dropdown .dropdown .value{display:flex;align-items:center}.kit-dropdown .dropdown .value-text{flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.kit-dropdown .dropdown .value-icon{display:block;margin-left:auto;width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-grey-12)}.kit-dropdown:focus-within .dropdown{border:1px solid var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-dropdown.disabled .dropdown{opacity:1;filter:none;background-color:var(--ui-kit-color-grey-13)}.kit-dropdown.disabled .k-input-value-text,.kit-dropdown.disabled .has-value .k-input-value-text{color:var(--ui-kit-color-grey-12)}.kit-dropdown.disabled .value-icon{stroke:var(--ui-kit-color-grey-12)}.kit-dropdown.invalid .dropdown{border-color:var(--ui-kit-color-red-1)}.kit-dropdown.invalid .value-icon{stroke:var(--ui-kit-color-red-1)}.kit-dropdown-popup.k-popup{margin-top:10px;padding:4px;border:none;border-radius:8px;box-shadow:0 9px 28px 8px #0000000d,0 3px 6px -4px #0000001f,0 6px 16px #00000014;background-color:var(--ui-kit-color-white)}.kit-dropdown-popup.k-popup.kit-dropdown-popup-default-item .k-list-optionlabel{display:flex}.kit-dropdown-popup.k-popup .k-list-optionlabel{display:none}.kit-dropdown-popup.k-popup .k-list-optionlabel,.kit-dropdown-popup.k-popup .k-list-item{padding:6px 12px;background-color:var(--ui-kit-color-white);font-size:14px;font-weight:400;box-shadow:none;border-radius:4px;color:var(--ui-kit-color-grey-10)}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-list-optionlabel:before,.kit-dropdown-popup.k-popup .k-list-item.k-list-optionlabel:before{display:none}.kit-dropdown-popup.k-popup .k-list-optionlabel:hover,.kit-dropdown-popup.k-popup .k-list-optionlabel.k-focus:hover,.kit-dropdown-popup.k-popup .k-list-item:hover,.kit-dropdown-popup.k-popup .k-list-item.k-focus:hover{color:var(--ui-kit-color-main)}.kit-dropdown-popup.k-popup .k-list-optionlabel .option-icon,.kit-dropdown-popup.k-popup .k-list-item .option-icon{display:none;width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-main)}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-selected,.kit-dropdown-popup.k-popup .k-list-item.k-selected{display:flex;align-items:center;background-color:var(--ui-kit-color-grey-13)}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-selected .option-text,.kit-dropdown-popup.k-popup .k-list-item.k-selected .option-text{flex:1}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-selected .option-icon,.kit-dropdown-popup.k-popup .k-list-item.k-selected .option-icon{display:block}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-disabled,.kit-dropdown-popup.k-popup .k-list-item.k-disabled{color:var(--ui-kit-color-grey-12)}\n"], dependencies: [{ kind: "component", type: i1.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: i1.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: i1.ValueTemplateDirective, selector: "[kendoDropDownListValueTemplate],[kendoDropDownTreeValueTemplate]" }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.KitInputMessageComponent, selector: "kit-input-message", inputs: ["icon", "message"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: i6.KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
123
117
|
}
|
|
124
118
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitDropdownComponent, decorators: [{
|
|
125
119
|
type: Component,
|
|
@@ -127,7 +121,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImpor
|
|
|
127
121
|
provide: NG_VALUE_ACCESSOR,
|
|
128
122
|
useExisting: forwardRef(() => KitDropdownComponent),
|
|
129
123
|
multi: true,
|
|
130
|
-
}], template: "<div class=\"kit-dropdown
|
|
124
|
+
}], template: "<div class=\"kit-dropdown\"\n [class.disabled]=\"disabled\"\n [class.invalid]=\"invalid\">\n @if (label) {\n <kit-input-label class=\"label\"\n [text]=\"label\"\n [for]=\"$any(dropdown)\"\n ></kit-input-label>\n }\n <kendo-dropdownlist #dropdown\n valueField=\"value\"\n textField=\"text\"\n class=\"dropdown\"\n [ngClass]=\"getCssClasses()\"\n [data]=\"items\"\n [valuePrimitive]=\"true\"\n [disabled]=\"disabled\"\n [popupSettings]=\"buildPopupSettings()\"\n [itemDisabled]=\"onItemDisabled()\"\n [defaultItem]=\"defaultItem\"\n [listHeight]=\"listHeight\"\n [(ngModel)]=\"selectedItem\"\n (open)=\"onOpen()\"\n (close)=\"onClose()\"\n (selectionChange)=\"onItemSelect($event)\">\n <ng-template kendoDropDownListValueTemplate\n let-dataItem>\n @if (kitDropdownValueTemplate) {\n <div class=\"value-text\">\n <ng-container *ngTemplateOutlet=\"kitDropdownValueTemplate; context: { $implicit: dataItem }\"\n ></ng-container>\n </div>\n } @else {\n <span class=\"value-text\">{{ dataItem?.text }}</span>\n }\n <kit-svg-icon class=\"value-icon\"\n [icon]=\"toggleIcon\"\n ></kit-svg-icon>\n </ng-template>\n <ng-template kendoDropDownListItemTemplate\n let-dataItem>\n @if (kitDropdownItemTemplate) {\n <ng-container *ngTemplateOutlet=\"kitDropdownItemTemplate; context: { $implicit: dataItem }\"\n ></ng-container>\n } @else {\n <span class=\"option-text\">{{ dataItem?.text }}</span>\n <kit-svg-icon class=\"option-icon\"\n [icon]=\"KitSvgIcon.CHECK\"\n ></kit-svg-icon>\n }\n </ng-template>\n </kendo-dropdownlist>\n @if (messageText) {\n <kit-input-message [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-dropdown .label{display:block;margin-bottom:4px}.kit-dropdown .k-input-value-text{display:flex;align-items:center;height:100%;font-size:14px;font-weight:400;color:var(--ui-kit-color-grey-12)}.kit-dropdown .k-input-button{display:none}.kit-dropdown .k-input-inner{padding:0 12px}.kit-dropdown .dropdown{width:100%;height:40px;border-radius:8px;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-dropdown .dropdown:hover{border-color:var(--ui-kit-color-hover)}.kit-dropdown .dropdown.k-focus{box-shadow:none}.kit-dropdown .dropdown.has-value .k-input-value-text{color:var(--ui-kit-color-grey-10)}.kit-dropdown .dropdown.expanded .value-icon{transform:rotate(180deg)}.kit-dropdown .dropdown .value{display:flex;align-items:center}.kit-dropdown .dropdown .value-text{flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.kit-dropdown .dropdown .value-icon{display:block;margin-left:auto;width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-grey-12)}.kit-dropdown:focus-within .dropdown{border:1px solid var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-dropdown.disabled .dropdown{opacity:1;filter:none;background-color:var(--ui-kit-color-grey-13)}.kit-dropdown.disabled .k-input-value-text,.kit-dropdown.disabled .has-value .k-input-value-text{color:var(--ui-kit-color-grey-12)}.kit-dropdown.disabled .value-icon{stroke:var(--ui-kit-color-grey-12)}.kit-dropdown.invalid .dropdown{border-color:var(--ui-kit-color-red-1)}.kit-dropdown.invalid .value-icon{stroke:var(--ui-kit-color-red-1)}.kit-dropdown-popup.k-popup{margin-top:10px;padding:4px;border:none;border-radius:8px;box-shadow:0 9px 28px 8px #0000000d,0 3px 6px -4px #0000001f,0 6px 16px #00000014;background-color:var(--ui-kit-color-white)}.kit-dropdown-popup.k-popup.kit-dropdown-popup-default-item .k-list-optionlabel{display:flex}.kit-dropdown-popup.k-popup .k-list-optionlabel{display:none}.kit-dropdown-popup.k-popup .k-list-optionlabel,.kit-dropdown-popup.k-popup .k-list-item{padding:6px 12px;background-color:var(--ui-kit-color-white);font-size:14px;font-weight:400;box-shadow:none;border-radius:4px;color:var(--ui-kit-color-grey-10)}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-list-optionlabel:before,.kit-dropdown-popup.k-popup .k-list-item.k-list-optionlabel:before{display:none}.kit-dropdown-popup.k-popup .k-list-optionlabel:hover,.kit-dropdown-popup.k-popup .k-list-optionlabel.k-focus:hover,.kit-dropdown-popup.k-popup .k-list-item:hover,.kit-dropdown-popup.k-popup .k-list-item.k-focus:hover{color:var(--ui-kit-color-main)}.kit-dropdown-popup.k-popup .k-list-optionlabel .option-icon,.kit-dropdown-popup.k-popup .k-list-item .option-icon{display:none;width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-main)}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-selected,.kit-dropdown-popup.k-popup .k-list-item.k-selected{display:flex;align-items:center;background-color:var(--ui-kit-color-grey-13)}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-selected .option-text,.kit-dropdown-popup.k-popup .k-list-item.k-selected .option-text{flex:1}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-selected .option-icon,.kit-dropdown-popup.k-popup .k-list-item.k-selected .option-icon{display:block}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-disabled,.kit-dropdown-popup.k-popup .k-list-item.k-disabled{color:var(--ui-kit-color-grey-12)}\n"] }]
|
|
131
125
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { items: [{
|
|
132
126
|
type: Input
|
|
133
127
|
}], selectedItem: [{
|
|
@@ -140,7 +134,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImpor
|
|
|
140
134
|
type: Input
|
|
141
135
|
}], messageText: [{
|
|
142
136
|
type: Input
|
|
143
|
-
}],
|
|
137
|
+
}], invalid: [{
|
|
144
138
|
type: Input
|
|
145
139
|
}], defaultItem: [{
|
|
146
140
|
type: Input
|
|
@@ -162,4 +156,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImpor
|
|
|
162
156
|
type: ViewChild,
|
|
163
157
|
args: ['dropdown']
|
|
164
158
|
}] } });
|
|
165
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LWRyb3Bkb3duLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMva2l0LWRyb3Bkb3duL2tpdC1kcm9wZG93bi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1kcm9wZG93bi9raXQtZHJvcGRvd24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFxQixTQUFTLEVBQUUsWUFBWSxFQUFFLFlBQVksRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBYSxNQUFNLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBa0IsTUFBTSxlQUFlLENBQUM7QUFFM04sT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ2hFLE9BQU8sRUFBd0IsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN6RSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQzs7Ozs7Ozs7QUFhdEYsTUFBTSxDQUFOLElBQVksZ0JBR1g7QUFIRCxXQUFZLGdCQUFnQjtJQUMxQix1Q0FBbUIsQ0FBQTtJQUNuQixxQ0FBaUIsQ0FBQTtBQUNuQixDQUFDLEVBSFcsZ0JBQWdCLEtBQWhCLGdCQUFnQixRQUczQjtBQUVELE1BQU0sb0JBQW9CLEdBQVcsb0JBQW9CLENBQUM7QUFDMUQsTUFBTSxpQ0FBaUMsR0FBVyxpQ0FBaUMsQ0FBQztBQUVwRixTQUFTLGVBQWUsQ0FBQyxlQUF3QjtJQUMvQyxJQUFJLGVBQWUsRUFBRTtRQUNuQixPQUFPLG9CQUFvQixDQUFDO0tBQzdCO0lBRUQsT0FBTztRQUNMLG9CQUFvQjtRQUNwQixpQ0FBaUM7S0FDbEMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7QUFDZCxDQUFDO0FBY0QsTUFBTSxPQUFPLG9CQUFvQjtJQTRFL0IsWUFDVSxpQkFBb0M7UUFBcEMsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtRQTVFOUM7O1dBRUc7UUFDTSxVQUFLLEdBQXlCLEVBQUUsQ0FBQztRQTJCMUM7O1dBRUc7UUFDTSxVQUFLLEdBQXlCLG9CQUFvQixDQUFDLE9BQU8sQ0FBQztRQVFwRTs7V0FFRztRQUNNLGVBQVUsR0FBVyxHQUFHLENBQUM7UUFFbEM7O1dBRUc7UUFDTSxvQkFBZSxHQUFZLElBQUksQ0FBQztRQUV6Qzs7V0FFRztRQUNNLGVBQVUsR0FBZSxVQUFVLENBQUMsWUFBWSxDQUFDO1FBRTFEOztXQUVHO1FBQ08sYUFBUSxHQUFxQyxJQUFJLFlBQVksRUFBc0IsQ0FBQztRQVd2RSxhQUFRLEdBQWlDLElBQUksQ0FBQztRQUU1RCxlQUFVLEdBQXNCLFVBQVUsQ0FBQztRQUMzQyxvQkFBZSxHQUE0QixNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7UUFnQmxFOztXQUVHO1FBQ0gsYUFBUSxHQUFHLENBQUMsS0FBUSxFQUFRLEVBQUU7UUFDOUIsQ0FBQyxDQUFDO1FBRUY7O1dBRUc7UUFDSCxjQUFTLEdBQUcsR0FBUyxFQUFFO1FBQ3ZCLENBQUMsQ0FBQztJQXJCRixDQUFDO0lBRUQ7O09BRUc7SUFDSCxrQkFBa0I7UUFDaEIsT0FBTztZQUNMLFVBQVUsRUFBRSxlQUFlLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQztTQUNsRCxDQUFDO0lBQ0osQ0FBQztJQWNELGNBQWM7UUFDWixPQUFPLENBQUMsQ0FBQyxPQUF5QyxFQUFXLEVBQUUsQ0FDN0QsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsUUFBUSxJQUFJLE9BQU8sQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDO0lBQ2hGLENBQUM7SUFFRDs7T0FFRztJQUNILFlBQVksQ0FBQyxJQUF3QjtRQUNuQyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMxQixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMzQixDQUFDO0lBRUQsVUFBVSxDQUFDLEtBQVE7UUFDakIsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7UUFDMUIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNyQixJQUFJLENBQUMsaUJBQWlCLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDeEMsQ0FBQztJQUVELGdCQUFnQixDQUFDLEVBQWtCO1FBQ2pDLElBQUksQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxFQUFjO1FBQzlCLElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxRQUFpQjtRQUNoQyxJQUFJLENBQUMsUUFBUSxHQUFHLFFBQVEsQ0FBQztJQUMzQixDQUFDO0lBRUQsS0FBSyxDQUFDLEtBQVE7UUFDWixJQUFJLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN4QyxDQUFDO0lBRUQsTUFBTTtRQUNKLElBQUksQ0FBQyxlQUFlLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ2pDLENBQUM7SUFFRCxPQUFPO1FBQ0wsSUFBSSxDQUFDLGVBQWUsQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDbEMsQ0FBQztJQUVELGFBQWE7UUFDWCxPQUFPO1lBQ0wsVUFBVSxFQUFFLElBQUksQ0FBQyxlQUFlLEVBQUU7WUFDbEMsV0FBVyxFQUFFLElBQUksQ0FBQyxRQUFRLEVBQUUsS0FBSztTQUNsQyxDQUFDO0lBQ0osQ0FBQzs4R0F2SlUsb0JBQW9CO2tHQUFwQixvQkFBb0Isc1dBTnBCLENBQUM7Z0JBQ1YsT0FBTyxFQUFFLGlCQUFpQjtnQkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQztnQkFDbkQsS0FBSyxFQUFFLElBQUk7YUFDWixDQUFDLHVJQW1FZ0QsV0FBVyw2SEFLWixXQUFXLG1JQ3RIOUQsNnFFQXlEQTs7MkZEVGEsb0JBQW9CO2tCQVpoQyxTQUFTOytCQUNFLGNBQWMsbUJBR1AsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxhQUMxQixDQUFDOzRCQUNWLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLHFCQUFxQixDQUFDOzRCQUNuRCxLQUFLLEVBQUUsSUFBSTt5QkFDWixDQUFDO3NGQU1PLEtBQUs7c0JBQWIsS0FBSztnQkFLRyxZQUFZO3NCQUFwQixLQUFLO2dCQUtHLEtBQUs7c0JBQWIsS0FBSztnQkFLRyxRQUFRO3NCQUFoQixLQUFLO2dCQUtHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBS0csV0FBVztzQkFBbkIsS0FBSztnQkFLRyxLQUFLO3NCQUFiLEtBQUs7Z0JBTUcsV0FBVztzQkFBbkIsS0FBSztnQkFLRyxVQUFVO3NCQUFsQixLQUFLO2dCQUtHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBS0csVUFBVTtzQkFBbEIsS0FBSztnQkFLSSxRQUFRO3NCQUFqQixNQUFNO2dCQUswRCx3QkFBd0I7c0JBQXhGLFlBQVk7dUJBQUMsMEJBQTBCLEVBQUUsRUFBRSxJQUFJLEVBQUUsV0FBVyxFQUFFO2dCQUtDLHVCQUF1QjtzQkFBdEYsWUFBWTt1QkFBQyx5QkFBeUIsRUFBRSxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUU7Z0JBQ3ZDLFFBQVE7c0JBQTlCLFNBQVM7dUJBQUMsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBDb250ZW50Q2hpbGQsIEV2ZW50RW1pdHRlciwgZm9yd2FyZFJlZiwgSW5wdXQsIE91dHB1dCwgUHJlZGljYXRlLCBzaWduYWwsIFRlbXBsYXRlUmVmLCBWaWV3Q2hpbGQsIFZpZXdFbmNhcHN1bGF0aW9uLCBXcml0YWJsZVNpZ25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRHJvcERvd25MaXN0Q29tcG9uZW50LCBJdGVtQXJncywgSXRlbURpc2FibGVkRm4sIFBvcHVwU2V0dGluZ3MgfSBmcm9tICdAcHJvZ3Jlc3Mva2VuZG8tYW5ndWxhci1kcm9wZG93bnMnO1xuaW1wb3J0IHsgS2l0U3ZnSWNvbiB9IGZyb20gJy4uL2tpdC1zdmctaWNvbi9raXQtc3ZnLWljb24uY29uc3QnO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgS2l0QXV0b2NvbXBsZXRlU3RhdGUgfSBmcm9tICcuLi9raXQtYXV0b2NvbXBsZXRlL2tpdC1hdXRvY29tcGxldGUuY29tcG9uZW50JztcblxuaW50ZXJmYWNlIEtpdERyb3Bkb3duSXRlbURpc2FibGVkRm5BcmdzPFQ+IGV4dGVuZHMgSXRlbUFyZ3Mge1xuICBkYXRhSXRlbTogS2l0RHJvcGRvd25JdGVtPFQ+O1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEtpdERyb3Bkb3duSXRlbTxULCBVID0gdW5rbm93bj4ge1xuICB0ZXh0OiBzdHJpbmc7XG4gIHZhbHVlOiBUO1xuICBkYXRhPzogVTtcbiAgZGlzYWJsZWQ/OiBQcmVkaWNhdGU8S2l0RHJvcGRvd25JdGVtPFQ+Pjtcbn1cblxuZXhwb3J0IGVudW0gS2l0RHJvcGRvd25TdGF0ZSB7XG4gIFJFR1VMQVIgPSAncmVndWxhcicsXG4gIERBTkdFUiA9ICdkYW5nZXInLFxufVxuXG5jb25zdCBEUk9QRE9XTl9QT1BVUF9DTEFTUzogc3RyaW5nID0gJ2tpdC1kcm9wZG93bi1wb3B1cCc7XG5jb25zdCBEUk9QRE9XTl9QT1BVUF9ERUZBVUxUX0lURU1fQ0xBU1M6IHN0cmluZyA9ICdraXQtZHJvcGRvd24tcG9wdXAtZGVmYXVsdC1pdGVtJztcblxuZnVuY3Rpb24gYnVpbGRQb3B1cENsYXNzKGhpZGVEZWZhdWx0SXRlbTogYm9vbGVhbik6IHN0cmluZyB7XG4gIGlmIChoaWRlRGVmYXVsdEl0ZW0pIHtcbiAgICByZXR1cm4gRFJPUERPV05fUE9QVVBfQ0xBU1M7XG4gIH1cblxuICByZXR1cm4gW1xuICAgIERST1BET1dOX1BPUFVQX0NMQVNTLFxuICAgIERST1BET1dOX1BPUFVQX0RFRkFVTFRfSVRFTV9DTEFTUyxcbiAgXS5qb2luKCcgJyk7XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2tpdC1kcm9wZG93bicsXG4gIHRlbXBsYXRlVXJsOiAnLi9raXQtZHJvcGRvd24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9raXQtZHJvcGRvd24uY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHByb3ZpZGVyczogW3tcbiAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBLaXREcm9wZG93bkNvbXBvbmVudCksXG4gICAgbXVsdGk6IHRydWUsXG4gIH1dLFxufSlcbmV4cG9ydCBjbGFzcyBLaXREcm9wZG93bkNvbXBvbmVudDxUPiBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcbiAgLyoqXG4gICAqIGFuIGl0ZW1zIGxpc3Qgd2hpY2ggaXMgZ29pbmcgdG8gYmUgcmVuZGVyZWQgYXMgZHJvcGRvd24gaXRlbXNcbiAgICovXG4gIEBJbnB1dCgpIGl0ZW1zOiBLaXREcm9wZG93bkl0ZW08VD5bXSA9IFtdO1xuXG4gIC8qKlxuICAgKiBhbiBpdGVtIHdoaWNoIG5lZWRzIHRvIGJlIHNlbGVjdGVkIGFzIGEgZGVmYXVsdCB2YWx1ZVxuICAgKi9cbiAgQElucHV0KCkgc2VsZWN0ZWRJdGVtPzogVDtcblxuICAvKipcbiAgICogYW4gaW5mb3JtYXRpdmUgdGV4dCB0aGF0IHdpbGwgYmUgYWJvdmUgdGhlIGRyb3Bkb3duXG4gICAqL1xuICBASW5wdXQoKSBsYWJlbD86IHN0cmluZztcblxuICAvKipcbiAgICogZGVmaW5lcyB3aGV0aGVyIHRoZSBjb21wb25lbnQgd2lsbCBiZSBpbiBkaXNhYmxlZCBzdGF0ZVxuICAgKi9cbiAgQElucHV0KCkgZGlzYWJsZWQ/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIGFuIGljb24gd2hpY2ggd2lsbCBiZSB1c2VkIHRvIHRoZSBsZWZ0IG9mIHRoZSBpbmZvIG1lc3NhZ2VcbiAgICovXG4gIEBJbnB1dCgpIG1lc3NhZ2VJY29uPzogS2l0U3ZnSWNvbjtcblxuICAvKipcbiAgICogRGVmaW5lcyBhIHZhbHVlIHdoaWNoIGdvaW5nIHRvIGJlIGFuIGluZm8gbWVzc2FnZSB0ZXh0XG4gICAqL1xuICBASW5wdXQoKSBtZXNzYWdlVGV4dD86IHN0cmluZztcblxuICAvKipcbiAgICogRGVmaW5lcyBhIHBhcnRpY3VsYXIgc3RhdGUgZm9yIHRoZSBjb21wb25lbnRcbiAgICovXG4gIEBJbnB1dCgpIHN0YXRlOiBLaXRBdXRvY29tcGxldGVTdGF0ZSA9IEtpdEF1dG9jb21wbGV0ZVN0YXRlLlJFR1VMQVI7XG5cbiAgLyoqXG4gICAqIEFuIGl0ZW0gdGhhdCBpcyBnb2luZyB0byBiZSBwcmVzZW50ZWQgYXMgYSBkZWZhdWx0IHZhbHVlLlxuICAgKiBVc2luZyBhcyBhIHBsYWNlaG9sZGVyXG4gICAqL1xuICBASW5wdXQoKSBkZWZhdWx0SXRlbT86IEtpdERyb3Bkb3duSXRlbTxUPjtcblxuICAvKipcbiAgICogRGVmaW5lcyBkcm9wZG93biBwb3B1cCBsaXN0IGhlaWdodC4gQnkgZGVmYXVsdCwgbGlzdEhlaWdodCBpcyAyMDBweC5cbiAgICovXG4gIEBJbnB1dCgpIGxpc3RIZWlnaHQ6IG51bWJlciA9IDIwMDtcblxuICAvKipcbiAgICogV2hldGhlciB0aGUgZGVmYXVsdCBpdGVtIHdpbGwgYmUgaGlkZGVuLiBcInRydWVcIiBieSBkZWZhdWx0XG4gICAqL1xuICBASW5wdXQoKSBoaWRlRGVmYXVsdEl0ZW06IGJvb2xlYW4gPSB0cnVlO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIHRoZSBpY29uIHdoaWNoIGdvaW5nIHRvIGJlIHRoZSBpY29uIGZvciB0aGUgZHJvcGRvd24gdG9nZ2xlIGJ1dHRvblxuICAgKi9cbiAgQElucHV0KCkgdG9nZ2xlSWNvbjogS2l0U3ZnSWNvbiA9IEtpdFN2Z0ljb24uQ0hFVlJPTl9ET1dOO1xuXG4gIC8qKlxuICAgKiBvY2N1cnMgb25jZSBhbiBpdGVtIGluIHRoZSBkcm9wZG93biBpcyBzZWxlY3RlZFxuICAgKi9cbiAgQE91dHB1dCgpIHNlbGVjdGVkOiBFdmVudEVtaXR0ZXI8S2l0RHJvcGRvd25JdGVtPFQ+PiA9IG5ldyBFdmVudEVtaXR0ZXI8S2l0RHJvcGRvd25JdGVtPFQ+PigpO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIHRlbXBsYXRlIGZvciBhIGRyb3Bkb3duIHZhbHVlXG4gICAqL1xuICBAQ29udGVudENoaWxkKCdraXREcm9wZG93blZhbHVlVGVtcGxhdGUnLCB7IHJlYWQ6IFRlbXBsYXRlUmVmIH0pIGtpdERyb3Bkb3duVmFsdWVUZW1wbGF0ZT86IFRlbXBsYXRlUmVmPEhUTUxUZW1wbGF0ZUVsZW1lbnQ+O1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIHRlbXBsYXRlIGZvciBhIGRyb3Bkb3duIGxpc3QgaXRlbVxuICAgKi9cbiAgQENvbnRlbnRDaGlsZCgna2l0RHJvcGRvd25JdGVtVGVtcGxhdGUnLCB7IHJlYWQ6IFRlbXBsYXRlUmVmIH0pIGtpdERyb3Bkb3duSXRlbVRlbXBsYXRlPzogVGVtcGxhdGVSZWY8SFRNTFRlbXBsYXRlRWxlbWVudD47XG4gIEBWaWV3Q2hpbGQoJ2Ryb3Bkb3duJykgZHJvcGRvd246IERyb3BEb3duTGlzdENvbXBvbmVudCB8IG51bGwgPSBudWxsO1xuXG4gIHJlYWRvbmx5IEtpdFN2Z0ljb246IHR5cGVvZiBLaXRTdmdJY29uID0gS2l0U3ZnSWNvbjtcbiAgcmVhZG9ubHkgaXNQb3B1cEV4cGFuZGVkOiBXcml0YWJsZVNpZ25hbDxib29sZWFuPiA9IHNpZ25hbChmYWxzZSk7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBjaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICkge1xuICB9XG5cbiAgLyoqXG4gICAqIEJ1aWxkIGFuIG9iamVjdCB3aXRoIGFwcHJvcHJpYXRlIG9wdGlvbnMsIGJhc2VkIG9uIGhpZGluZyBkZWZhdWx0IGl0ZW0gc3RhdGVcbiAgICovXG4gIGJ1aWxkUG9wdXBTZXR0aW5ncygpOiBQb3B1cFNldHRpbmdzIHtcbiAgICByZXR1cm4ge1xuICAgICAgcG9wdXBDbGFzczogYnVpbGRQb3B1cENsYXNzKHRoaXMuaGlkZURlZmF1bHRJdGVtKSxcbiAgICB9O1xuICB9XG5cbiAgLyoqXG4gICAqIEZ1bmN0aW9uIHRoYXQgc2hvdWxkIGJlIGNhbGxlZCBldmVyeSB0aW1lIHRoZSBmb3JtIGNvbnRyb2wgdmFsdWUgY2hhbmdlc1xuICAgKi9cbiAgb25DaGFuZ2UgPSAodmFsdWU6IFQpOiB2b2lkID0+IHtcbiAgfTtcblxuICAvKipcbiAgICogRnVuY3Rpb24gdGhhdCBzaG91bGQgYmUgY2FsbGVkIHdoZW4gaW5wdXQgbG9zdCBmb2N1cyBhbmQgY2hhbmdlZCBmb3JtIGNvbnRyb2wgc3RhdGUgdG8gXCJ0b3VjaGVkXCJcbiAgICovXG4gIG9uVG91Y2hlZCA9ICgpOiB2b2lkID0+IHtcbiAgfTtcblxuICBvbkl0ZW1EaXNhYmxlZCgpOiBJdGVtRGlzYWJsZWRGbiB7XG4gICAgcmV0dXJuICgoY29udGV4dDogS2l0RHJvcGRvd25JdGVtRGlzYWJsZWRGbkFyZ3M8VD4pOiBib29sZWFuID0+XG4gICAgICAhIWNvbnRleHQuZGF0YUl0ZW0uZGlzYWJsZWQgJiYgY29udGV4dC5kYXRhSXRlbS5kaXNhYmxlZChjb250ZXh0LmRhdGFJdGVtKSk7XG4gIH1cblxuICAvKipcbiAgICogRnVuY3Rpb24gdGhhdCBpcyBjYWxsZWQgd2hlbiBkcm9wZG93biBsaXN0IGl0ZW0gc2VsZWN0ZWRcbiAgICovXG4gIG9uSXRlbVNlbGVjdChpdGVtOiBLaXREcm9wZG93bkl0ZW08VD4pOiB2b2lkIHtcbiAgICB0aGlzLm9uQ2hhbmdlKGl0ZW0udmFsdWUpO1xuICAgIHRoaXMuc2VsZWN0ZWQuZW1pdChpdGVtKTtcbiAgfVxuXG4gIHdyaXRlVmFsdWUodmFsdWU6IFQpOiB2b2lkIHtcbiAgICB0aGlzLnNlbGVjdGVkSXRlbSA9IHZhbHVlO1xuICAgIHRoaXMub25DaGFuZ2UodmFsdWUpO1xuICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3JSZWYubWFya0ZvckNoZWNrKCk7XG4gIH1cblxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiAoXzogVCkgPT4gdm9pZCk6IHZvaWQge1xuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgfVxuXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiAoKSA9PiB2b2lkKTogdm9pZCB7XG4gICAgdGhpcy5vblRvdWNoZWQgPSBmbjtcbiAgfVxuXG4gIHNldERpc2FibGVkU3RhdGUoZGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLmRpc2FibGVkID0gZGlzYWJsZWQ7XG4gIH1cblxuICByZXNldCh2YWx1ZTogVCk6IHZvaWQge1xuICAgIHRoaXMud3JpdGVWYWx1ZSh2YWx1ZSk7XG4gICAgdGhpcy5jaGFuZ2VEZXRlY3RvclJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIG9uT3BlbigpOiB2b2lkIHtcbiAgICB0aGlzLmlzUG9wdXBFeHBhbmRlZC5zZXQodHJ1ZSk7XG4gIH1cblxuICBvbkNsb3NlKCk6IHZvaWQge1xuICAgIHRoaXMuaXNQb3B1cEV4cGFuZGVkLnNldChmYWxzZSk7XG4gIH1cblxuICBnZXRDc3NDbGFzc2VzKCk6IFJlY29yZDxzdHJpbmcsIGJvb2xlYW4+IHtcbiAgICByZXR1cm4ge1xuICAgICAgJ2V4cGFuZGVkJzogdGhpcy5pc1BvcHVwRXhwYW5kZWQoKSxcbiAgICAgICdoYXMtdmFsdWUnOiB0aGlzLmRyb3Bkb3duPy52YWx1ZSxcbiAgICB9O1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwia2l0LWRyb3Bkb3duIHt7IHN0YXRlIH19XCJcbiAgICAgW2NsYXNzLmRpc2FibGVkXT1cImRpc2FibGVkXCI+XG4gIEBpZiAobGFiZWwpIHtcbiAgICA8a2l0LWlucHV0LWxhYmVsIGNsYXNzPVwibGFiZWxcIlxuICAgICAgICAgICAgICAgICAgICAgW3RleHRdPVwibGFiZWxcIlxuICAgICAgICAgICAgICAgICAgICAgW2Zvcl09XCJkcm9wZG93blwiXG4gICAgPjwva2l0LWlucHV0LWxhYmVsPlxuICB9XG4gIDxrZW5kby1kcm9wZG93bmxpc3QgI2Ryb3Bkb3duXG4gICAgICAgICAgICAgICAgICAgICAgdmFsdWVGaWVsZD1cInZhbHVlXCJcbiAgICAgICAgICAgICAgICAgICAgICB0ZXh0RmllbGQ9XCJ0ZXh0XCJcbiAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImRyb3Bkb3duXCJcbiAgICAgICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJnZXRDc3NDbGFzc2VzKClcIlxuICAgICAgICAgICAgICAgICAgICAgIFtkYXRhXT1cIml0ZW1zXCJcbiAgICAgICAgICAgICAgICAgICAgICBbdmFsdWVQcmltaXRpdmVdPVwidHJ1ZVwiXG4gICAgICAgICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICAgICAgICAgICAgICAgICAgICBbcG9wdXBTZXR0aW5nc109XCJidWlsZFBvcHVwU2V0dGluZ3MoKVwiXG4gICAgICAgICAgICAgICAgICAgICAgW2l0ZW1EaXNhYmxlZF09XCJvbkl0ZW1EaXNhYmxlZCgpXCJcbiAgICAgICAgICAgICAgICAgICAgICBbZGVmYXVsdEl0ZW1dPVwiZGVmYXVsdEl0ZW1cIlxuICAgICAgICAgICAgICAgICAgICAgIFtsaXN0SGVpZ2h0XT1cImxpc3RIZWlnaHRcIlxuICAgICAgICAgICAgICAgICAgICAgIFsobmdNb2RlbCldPVwic2VsZWN0ZWRJdGVtXCJcbiAgICAgICAgICAgICAgICAgICAgICAob3Blbik9XCJvbk9wZW4oKVwiXG4gICAgICAgICAgICAgICAgICAgICAgKGNsb3NlKT1cIm9uQ2xvc2UoKVwiXG4gICAgICAgICAgICAgICAgICAgICAgKHNlbGVjdGlvbkNoYW5nZSk9XCJvbkl0ZW1TZWxlY3QoJGV2ZW50KVwiPlxuICAgIDxuZy10ZW1wbGF0ZSBrZW5kb0Ryb3BEb3duTGlzdFZhbHVlVGVtcGxhdGVcbiAgICAgICAgICAgICAgICAgbGV0LWRhdGFJdGVtPlxuICAgICAgQGlmIChraXREcm9wZG93blZhbHVlVGVtcGxhdGUpIHtcbiAgICAgICAgPGRpdiBjbGFzcz1cInZhbHVlLXRleHRcIj5cbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwia2l0RHJvcGRvd25WYWx1ZVRlbXBsYXRlOyBjb250ZXh0OiB7ICRpbXBsaWNpdDogZGF0YUl0ZW0gfVwiXG4gICAgICAgICAgPjwvbmctY29udGFpbmVyPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIH0gQGVsc2Uge1xuICAgICAgICA8c3BhbiBjbGFzcz1cInZhbHVlLXRleHRcIj57eyBkYXRhSXRlbT8udGV4dCB9fTwvc3Bhbj5cbiAgICAgIH1cbiAgICAgIDxraXQtc3ZnLWljb24gY2xhc3M9XCJ2YWx1ZS1pY29uXCJcbiAgICAgICAgICAgICAgICAgICAgW2ljb25dPVwidG9nZ2xlSWNvblwiXG4gICAgICA+PC9raXQtc3ZnLWljb24+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8bmctdGVtcGxhdGUga2VuZG9Ecm9wRG93bkxpc3RJdGVtVGVtcGxhdGVcbiAgICAgICAgICAgICAgICAgbGV0LWRhdGFJdGVtPlxuICAgICAgQGlmIChraXREcm9wZG93bkl0ZW1UZW1wbGF0ZSkge1xuICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwia2l0RHJvcGRvd25JdGVtVGVtcGxhdGU7IGNvbnRleHQ6IHsgJGltcGxpY2l0OiBkYXRhSXRlbSB9XCJcbiAgICAgICAgPjwvbmctY29udGFpbmVyPlxuICAgICAgfSBAZWxzZSB7XG4gICAgICAgIDxzcGFuIGNsYXNzPVwib3B0aW9uLXRleHRcIj57eyBkYXRhSXRlbT8udGV4dCB9fTwvc3Bhbj5cbiAgICAgICAgPGtpdC1zdmctaWNvbiBjbGFzcz1cIm9wdGlvbi1pY29uXCJcbiAgICAgICAgICAgICAgICAgICAgICBbaWNvbl09XCJLaXRTdmdJY29uLkNIRUNLXCJcbiAgICAgICAgPjwva2l0LXN2Zy1pY29uPlxuICAgICAgfVxuICAgIDwvbmctdGVtcGxhdGU+XG4gIDwva2VuZG8tZHJvcGRvd25saXN0PlxuICBAaWYgKG1lc3NhZ2VUZXh0KSB7XG4gICAgPGtpdC1pbnB1dC1tZXNzYWdlIFtpY29uXT1cIm1lc3NhZ2VJY29uXCJcbiAgICAgICAgICAgICAgICAgICAgICAgW21lc3NhZ2VdPVwibWVzc2FnZVRleHRcIlxuICAgID48L2tpdC1pbnB1dC1tZXNzYWdlPlxuICB9XG48L2Rpdj5cbiJdfQ==
|
|
159
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LWRyb3Bkb3duLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMva2l0LWRyb3Bkb3duL2tpdC1kcm9wZG93bi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1kcm9wZG93bi9raXQtZHJvcGRvd24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFxQixTQUFTLEVBQUUsWUFBWSxFQUFFLFlBQVksRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBYSxNQUFNLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBa0IsTUFBTSxlQUFlLENBQUM7QUFFM04sT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ2hFLE9BQU8sRUFBd0IsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7Ozs7QUFhekUsTUFBTSxvQkFBb0IsR0FBVyxvQkFBb0IsQ0FBQztBQUMxRCxNQUFNLGlDQUFpQyxHQUFXLGlDQUFpQyxDQUFDO0FBRXBGLFNBQVMsZUFBZSxDQUFDLGVBQXdCO0lBQy9DLElBQUksZUFBZSxFQUFFO1FBQ25CLE9BQU8sb0JBQW9CLENBQUM7S0FDN0I7SUFFRCxPQUFPO1FBQ0wsb0JBQW9CO1FBQ3BCLGlDQUFpQztLQUNsQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztBQUNkLENBQUM7QUFjRCxNQUFNLE9BQU8sb0JBQW9CO0lBNEUvQixZQUNVLGlCQUFvQztRQUFwQyxzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO1FBNUU5Qzs7V0FFRztRQUNNLFVBQUssR0FBeUIsRUFBRSxDQUFDO1FBMkIxQzs7V0FFRztRQUNNLFlBQU8sR0FBYSxLQUFLLENBQUM7UUFRbkM7O1dBRUc7UUFDTSxlQUFVLEdBQVcsR0FBRyxDQUFDO1FBRWxDOztXQUVHO1FBQ00sb0JBQWUsR0FBWSxJQUFJLENBQUM7UUFFekM7O1dBRUc7UUFDTSxlQUFVLEdBQWUsVUFBVSxDQUFDLFlBQVksQ0FBQztRQUUxRDs7V0FFRztRQUNPLGFBQVEsR0FBcUMsSUFBSSxZQUFZLEVBQXNCLENBQUM7UUFXdkUsYUFBUSxHQUFpQyxJQUFJLENBQUM7UUFFNUQsZUFBVSxHQUFzQixVQUFVLENBQUM7UUFDM0Msb0JBQWUsR0FBNEIsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBZ0JsRTs7V0FFRztRQUNILGFBQVEsR0FBRyxDQUFDLEtBQVEsRUFBUSxFQUFFO1FBQzlCLENBQUMsQ0FBQztRQUVGOztXQUVHO1FBQ0gsY0FBUyxHQUFHLEdBQVMsRUFBRTtRQUN2QixDQUFDLENBQUM7SUFyQkYsQ0FBQztJQUVEOztPQUVHO0lBQ0gsa0JBQWtCO1FBQ2hCLE9BQU87WUFDTCxVQUFVLEVBQUUsZUFBZSxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUM7U0FDbEQsQ0FBQztJQUNKLENBQUM7SUFjRCxjQUFjO1FBQ1osT0FBTyxDQUFDLENBQUMsT0FBeUMsRUFBVyxFQUFFLENBQzdELENBQUMsQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLFFBQVEsSUFBSSxPQUFPLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQztJQUNoRixDQUFDO0lBRUQ7O09BRUc7SUFDSCxZQUFZLENBQUMsSUFBd0I7UUFDbkMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDMUIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDM0IsQ0FBQztJQUVELFVBQVUsQ0FBQyxLQUFRO1FBQ2pCLElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO1FBQzFCLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDckIsSUFBSSxDQUFDLGlCQUFpQixDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3hDLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxFQUFrQjtRQUNqQyxJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsaUJBQWlCLENBQUMsRUFBYztRQUM5QixJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsUUFBaUI7UUFDaEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxRQUFRLENBQUM7SUFDM0IsQ0FBQztJQUVELEtBQUssQ0FBQyxLQUFRO1FBQ1osSUFBSSxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN2QixJQUFJLENBQUMsaUJBQWlCLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDeEMsQ0FBQztJQUVELE1BQU07UUFDSixJQUFJLENBQUMsZUFBZSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNqQyxDQUFDO0lBRUQsT0FBTztRQUNMLElBQUksQ0FBQyxlQUFlLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2xDLENBQUM7SUFFRCxhQUFhO1FBQ1gsT0FBTztZQUNMLFVBQVUsRUFBRSxJQUFJLENBQUMsZUFBZSxFQUFFO1lBQ2xDLFdBQVcsRUFBRSxJQUFJLENBQUMsUUFBUSxFQUFFLEtBQUs7U0FDbEMsQ0FBQztJQUNKLENBQUM7OEdBdkpVLG9CQUFvQjtrR0FBcEIsb0JBQW9CLDBXQU5wQixDQUFDO2dCQUNWLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsb0JBQW9CLENBQUM7Z0JBQ25ELEtBQUssRUFBRSxJQUFJO2FBQ1osQ0FBQyx1SUFtRWdELFdBQVcsNkhBS1osV0FBVyxtSUNoSDlELHlzRUEwREE7OzJGRGhCYSxvQkFBb0I7a0JBWmhDLFNBQVM7K0JBQ0UsY0FBYyxtQkFHUCx1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJLGFBQzFCLENBQUM7NEJBQ1YsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUscUJBQXFCLENBQUM7NEJBQ25ELEtBQUssRUFBRSxJQUFJO3lCQUNaLENBQUM7c0ZBTU8sS0FBSztzQkFBYixLQUFLO2dCQUtHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBS0csS0FBSztzQkFBYixLQUFLO2dCQUtHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBS0csV0FBVztzQkFBbkIsS0FBSztnQkFLRyxXQUFXO3NCQUFuQixLQUFLO2dCQUtHLE9BQU87c0JBQWYsS0FBSztnQkFNRyxXQUFXO3NCQUFuQixLQUFLO2dCQUtHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBS0csZUFBZTtzQkFBdkIsS0FBSztnQkFLRyxVQUFVO3NCQUFsQixLQUFLO2dCQUtJLFFBQVE7c0JBQWpCLE1BQU07Z0JBSzBELHdCQUF3QjtzQkFBeEYsWUFBWTt1QkFBQywwQkFBMEIsRUFBRSxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUU7Z0JBS0MsdUJBQXVCO3NCQUF0RixZQUFZO3VCQUFDLHlCQUF5QixFQUFFLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRTtnQkFDdkMsUUFBUTtzQkFBOUIsU0FBUzt1QkFBQyxVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIENvbnRlbnRDaGlsZCwgRXZlbnRFbWl0dGVyLCBmb3J3YXJkUmVmLCBJbnB1dCwgT3V0cHV0LCBQcmVkaWNhdGUsIHNpZ25hbCwgVGVtcGxhdGVSZWYsIFZpZXdDaGlsZCwgVmlld0VuY2Fwc3VsYXRpb24sIFdyaXRhYmxlU2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEcm9wRG93bkxpc3RDb21wb25lbnQsIEl0ZW1BcmdzLCBJdGVtRGlzYWJsZWRGbiwgUG9wdXBTZXR0aW5ncyB9IGZyb20gJ0Bwcm9ncmVzcy9rZW5kby1hbmd1bGFyLWRyb3Bkb3ducyc7XG5pbXBvcnQgeyBLaXRTdmdJY29uIH0gZnJvbSAnLi4va2l0LXN2Zy1pY29uL2tpdC1zdmctaWNvbi5jb25zdCc7XG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbmludGVyZmFjZSBLaXREcm9wZG93bkl0ZW1EaXNhYmxlZEZuQXJnczxUPiBleHRlbmRzIEl0ZW1BcmdzIHtcbiAgZGF0YUl0ZW06IEtpdERyb3Bkb3duSXRlbTxUPjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBLaXREcm9wZG93bkl0ZW08VCwgVSA9IHVua25vd24+IHtcbiAgdGV4dDogc3RyaW5nO1xuICB2YWx1ZTogVDtcbiAgZGF0YT86IFU7XG4gIGRpc2FibGVkPzogUHJlZGljYXRlPEtpdERyb3Bkb3duSXRlbTxUPj47XG59XG5cbmNvbnN0IERST1BET1dOX1BPUFVQX0NMQVNTOiBzdHJpbmcgPSAna2l0LWRyb3Bkb3duLXBvcHVwJztcbmNvbnN0IERST1BET1dOX1BPUFVQX0RFRkFVTFRfSVRFTV9DTEFTUzogc3RyaW5nID0gJ2tpdC1kcm9wZG93bi1wb3B1cC1kZWZhdWx0LWl0ZW0nO1xuXG5mdW5jdGlvbiBidWlsZFBvcHVwQ2xhc3MoaGlkZURlZmF1bHRJdGVtOiBib29sZWFuKTogc3RyaW5nIHtcbiAgaWYgKGhpZGVEZWZhdWx0SXRlbSkge1xuICAgIHJldHVybiBEUk9QRE9XTl9QT1BVUF9DTEFTUztcbiAgfVxuXG4gIHJldHVybiBbXG4gICAgRFJPUERPV05fUE9QVVBfQ0xBU1MsXG4gICAgRFJPUERPV05fUE9QVVBfREVGQVVMVF9JVEVNX0NMQVNTLFxuICBdLmpvaW4oJyAnKTtcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAna2l0LWRyb3Bkb3duJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2tpdC1kcm9wZG93bi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2tpdC1kcm9wZG93bi5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgcHJvdmlkZXJzOiBbe1xuICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IEtpdERyb3Bkb3duQ29tcG9uZW50KSxcbiAgICBtdWx0aTogdHJ1ZSxcbiAgfV0sXG59KVxuZXhwb3J0IGNsYXNzIEtpdERyb3Bkb3duQ29tcG9uZW50PFQ+IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xuICAvKipcbiAgICogYW4gaXRlbXMgbGlzdCB3aGljaCBpcyBnb2luZyB0byBiZSByZW5kZXJlZCBhcyBkcm9wZG93biBpdGVtc1xuICAgKi9cbiAgQElucHV0KCkgaXRlbXM6IEtpdERyb3Bkb3duSXRlbTxUPltdID0gW107XG5cbiAgLyoqXG4gICAqIGFuIGl0ZW0gd2hpY2ggbmVlZHMgdG8gYmUgc2VsZWN0ZWQgYXMgYSBkZWZhdWx0IHZhbHVlXG4gICAqL1xuICBASW5wdXQoKSBzZWxlY3RlZEl0ZW0/OiBUO1xuXG4gIC8qKlxuICAgKiBhbiBpbmZvcm1hdGl2ZSB0ZXh0IHRoYXQgd2lsbCBiZSBhYm92ZSB0aGUgZHJvcGRvd25cbiAgICovXG4gIEBJbnB1dCgpIGxhYmVsPzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBkZWZpbmVzIHdoZXRoZXIgdGhlIGNvbXBvbmVudCB3aWxsIGJlIGluIGRpc2FibGVkIHN0YXRlXG4gICAqL1xuICBASW5wdXQoKSBkaXNhYmxlZD86IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIERlZmluZXMgYW4gaWNvbiB3aGljaCB3aWxsIGJlIHVzZWQgdG8gdGhlIGxlZnQgb2YgdGhlIGluZm8gbWVzc2FnZVxuICAgKi9cbiAgQElucHV0KCkgbWVzc2FnZUljb24/OiBLaXRTdmdJY29uO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIGEgdmFsdWUgd2hpY2ggZ29pbmcgdG8gYmUgYW4gaW5mbyBtZXNzYWdlIHRleHRcbiAgICovXG4gIEBJbnB1dCgpIG1lc3NhZ2VUZXh0Pzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIGEgc3RhdGUgd2hldGhlciB0aGUgY29tcG9uZW50IHdpbGwgYmUgaW52YWxpZFxuICAgKi9cbiAgQElucHV0KCkgaW52YWxpZD86IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKipcbiAgICogQW4gaXRlbSB0aGF0IGlzIGdvaW5nIHRvIGJlIHByZXNlbnRlZCBhcyBhIGRlZmF1bHQgdmFsdWUuXG4gICAqIFVzaW5nIGFzIGEgcGxhY2Vob2xkZXJcbiAgICovXG4gIEBJbnB1dCgpIGRlZmF1bHRJdGVtPzogS2l0RHJvcGRvd25JdGVtPFQ+O1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIGRyb3Bkb3duIHBvcHVwIGxpc3QgaGVpZ2h0LiBCeSBkZWZhdWx0LCBsaXN0SGVpZ2h0IGlzIDIwMHB4LlxuICAgKi9cbiAgQElucHV0KCkgbGlzdEhlaWdodDogbnVtYmVyID0gMjAwO1xuXG4gIC8qKlxuICAgKiBXaGV0aGVyIHRoZSBkZWZhdWx0IGl0ZW0gd2lsbCBiZSBoaWRkZW4uIFwidHJ1ZVwiIGJ5IGRlZmF1bHRcbiAgICovXG4gIEBJbnB1dCgpIGhpZGVEZWZhdWx0SXRlbTogYm9vbGVhbiA9IHRydWU7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgdGhlIGljb24gd2hpY2ggZ29pbmcgdG8gYmUgdGhlIGljb24gZm9yIHRoZSBkcm9wZG93biB0b2dnbGUgYnV0dG9uXG4gICAqL1xuICBASW5wdXQoKSB0b2dnbGVJY29uOiBLaXRTdmdJY29uID0gS2l0U3ZnSWNvbi5DSEVWUk9OX0RPV047XG5cbiAgLyoqXG4gICAqIG9jY3VycyBvbmNlIGFuIGl0ZW0gaW4gdGhlIGRyb3Bkb3duIGlzIHNlbGVjdGVkXG4gICAqL1xuICBAT3V0cHV0KCkgc2VsZWN0ZWQ6IEV2ZW50RW1pdHRlcjxLaXREcm9wZG93bkl0ZW08VD4+ID0gbmV3IEV2ZW50RW1pdHRlcjxLaXREcm9wZG93bkl0ZW08VD4+KCk7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgdGVtcGxhdGUgZm9yIGEgZHJvcGRvd24gdmFsdWVcbiAgICovXG4gIEBDb250ZW50Q2hpbGQoJ2tpdERyb3Bkb3duVmFsdWVUZW1wbGF0ZScsIHsgcmVhZDogVGVtcGxhdGVSZWYgfSkga2l0RHJvcGRvd25WYWx1ZVRlbXBsYXRlPzogVGVtcGxhdGVSZWY8SFRNTFRlbXBsYXRlRWxlbWVudD47XG5cbiAgLyoqXG4gICAqIERlZmluZXMgdGVtcGxhdGUgZm9yIGEgZHJvcGRvd24gbGlzdCBpdGVtXG4gICAqL1xuICBAQ29udGVudENoaWxkKCdraXREcm9wZG93bkl0ZW1UZW1wbGF0ZScsIHsgcmVhZDogVGVtcGxhdGVSZWYgfSkga2l0RHJvcGRvd25JdGVtVGVtcGxhdGU/OiBUZW1wbGF0ZVJlZjxIVE1MVGVtcGxhdGVFbGVtZW50PjtcbiAgQFZpZXdDaGlsZCgnZHJvcGRvd24nKSBkcm9wZG93bjogRHJvcERvd25MaXN0Q29tcG9uZW50IHwgbnVsbCA9IG51bGw7XG5cbiAgcmVhZG9ubHkgS2l0U3ZnSWNvbjogdHlwZW9mIEtpdFN2Z0ljb24gPSBLaXRTdmdJY29uO1xuICByZWFkb25seSBpc1BvcHVwRXhwYW5kZWQ6IFdyaXRhYmxlU2lnbmFsPGJvb2xlYW4+ID0gc2lnbmFsKGZhbHNlKTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIGNoYW5nZURldGVjdG9yUmVmOiBDaGFuZ2VEZXRlY3RvclJlZixcbiAgKSB7XG4gIH1cblxuICAvKipcbiAgICogQnVpbGQgYW4gb2JqZWN0IHdpdGggYXBwcm9wcmlhdGUgb3B0aW9ucywgYmFzZWQgb24gaGlkaW5nIGRlZmF1bHQgaXRlbSBzdGF0ZVxuICAgKi9cbiAgYnVpbGRQb3B1cFNldHRpbmdzKCk6IFBvcHVwU2V0dGluZ3Mge1xuICAgIHJldHVybiB7XG4gICAgICBwb3B1cENsYXNzOiBidWlsZFBvcHVwQ2xhc3ModGhpcy5oaWRlRGVmYXVsdEl0ZW0pLFxuICAgIH07XG4gIH1cblxuICAvKipcbiAgICogRnVuY3Rpb24gdGhhdCBzaG91bGQgYmUgY2FsbGVkIGV2ZXJ5IHRpbWUgdGhlIGZvcm0gY29udHJvbCB2YWx1ZSBjaGFuZ2VzXG4gICAqL1xuICBvbkNoYW5nZSA9ICh2YWx1ZTogVCk6IHZvaWQgPT4ge1xuICB9O1xuXG4gIC8qKlxuICAgKiBGdW5jdGlvbiB0aGF0IHNob3VsZCBiZSBjYWxsZWQgd2hlbiBpbnB1dCBsb3N0IGZvY3VzIGFuZCBjaGFuZ2VkIGZvcm0gY29udHJvbCBzdGF0ZSB0byBcInRvdWNoZWRcIlxuICAgKi9cbiAgb25Ub3VjaGVkID0gKCk6IHZvaWQgPT4ge1xuICB9O1xuXG4gIG9uSXRlbURpc2FibGVkKCk6IEl0ZW1EaXNhYmxlZEZuIHtcbiAgICByZXR1cm4gKChjb250ZXh0OiBLaXREcm9wZG93bkl0ZW1EaXNhYmxlZEZuQXJnczxUPik6IGJvb2xlYW4gPT5cbiAgICAgICEhY29udGV4dC5kYXRhSXRlbS5kaXNhYmxlZCAmJiBjb250ZXh0LmRhdGFJdGVtLmRpc2FibGVkKGNvbnRleHQuZGF0YUl0ZW0pKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBGdW5jdGlvbiB0aGF0IGlzIGNhbGxlZCB3aGVuIGRyb3Bkb3duIGxpc3QgaXRlbSBzZWxlY3RlZFxuICAgKi9cbiAgb25JdGVtU2VsZWN0KGl0ZW06IEtpdERyb3Bkb3duSXRlbTxUPik6IHZvaWQge1xuICAgIHRoaXMub25DaGFuZ2UoaXRlbS52YWx1ZSk7XG4gICAgdGhpcy5zZWxlY3RlZC5lbWl0KGl0ZW0pO1xuICB9XG5cbiAgd3JpdGVWYWx1ZSh2YWx1ZTogVCk6IHZvaWQge1xuICAgIHRoaXMuc2VsZWN0ZWRJdGVtID0gdmFsdWU7XG4gICAgdGhpcy5vbkNoYW5nZSh2YWx1ZSk7XG4gICAgdGhpcy5jaGFuZ2VEZXRlY3RvclJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IChfOiBUKSA9PiB2b2lkKTogdm9pZCB7XG4gICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xuICB9XG5cbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46ICgpID0+IHZvaWQpOiB2b2lkIHtcbiAgICB0aGlzLm9uVG91Y2hlZCA9IGZuO1xuICB9XG5cbiAgc2V0RGlzYWJsZWRTdGF0ZShkaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xuICAgIHRoaXMuZGlzYWJsZWQgPSBkaXNhYmxlZDtcbiAgfVxuXG4gIHJlc2V0KHZhbHVlOiBUKTogdm9pZCB7XG4gICAgdGhpcy53cml0ZVZhbHVlKHZhbHVlKTtcbiAgICB0aGlzLmNoYW5nZURldGVjdG9yUmVmLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgb25PcGVuKCk6IHZvaWQge1xuICAgIHRoaXMuaXNQb3B1cEV4cGFuZGVkLnNldCh0cnVlKTtcbiAgfVxuXG4gIG9uQ2xvc2UoKTogdm9pZCB7XG4gICAgdGhpcy5pc1BvcHVwRXhwYW5kZWQuc2V0KGZhbHNlKTtcbiAgfVxuXG4gIGdldENzc0NsYXNzZXMoKTogUmVjb3JkPHN0cmluZywgYm9vbGVhbj4ge1xuICAgIHJldHVybiB7XG4gICAgICAnZXhwYW5kZWQnOiB0aGlzLmlzUG9wdXBFeHBhbmRlZCgpLFxuICAgICAgJ2hhcy12YWx1ZSc6IHRoaXMuZHJvcGRvd24/LnZhbHVlLFxuICAgIH07XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJraXQtZHJvcGRvd25cIlxuICAgICBbY2xhc3MuZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgICBbY2xhc3MuaW52YWxpZF09XCJpbnZhbGlkXCI+XG4gIEBpZiAobGFiZWwpIHtcbiAgICA8a2l0LWlucHV0LWxhYmVsIGNsYXNzPVwibGFiZWxcIlxuICAgICAgICAgICAgICAgICAgICAgW3RleHRdPVwibGFiZWxcIlxuICAgICAgICAgICAgICAgICAgICAgW2Zvcl09XCIkYW55KGRyb3Bkb3duKVwiXG4gICAgPjwva2l0LWlucHV0LWxhYmVsPlxuICB9XG4gIDxrZW5kby1kcm9wZG93bmxpc3QgI2Ryb3Bkb3duXG4gICAgICAgICAgICAgICAgICAgICAgdmFsdWVGaWVsZD1cInZhbHVlXCJcbiAgICAgICAgICAgICAgICAgICAgICB0ZXh0RmllbGQ9XCJ0ZXh0XCJcbiAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImRyb3Bkb3duXCJcbiAgICAgICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJnZXRDc3NDbGFzc2VzKClcIlxuICAgICAgICAgICAgICAgICAgICAgIFtkYXRhXT1cIml0ZW1zXCJcbiAgICAgICAgICAgICAgICAgICAgICBbdmFsdWVQcmltaXRpdmVdPVwidHJ1ZVwiXG4gICAgICAgICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICAgICAgICAgICAgICAgICAgICBbcG9wdXBTZXR0aW5nc109XCJidWlsZFBvcHVwU2V0dGluZ3MoKVwiXG4gICAgICAgICAgICAgICAgICAgICAgW2l0ZW1EaXNhYmxlZF09XCJvbkl0ZW1EaXNhYmxlZCgpXCJcbiAgICAgICAgICAgICAgICAgICAgICBbZGVmYXVsdEl0ZW1dPVwiZGVmYXVsdEl0ZW1cIlxuICAgICAgICAgICAgICAgICAgICAgIFtsaXN0SGVpZ2h0XT1cImxpc3RIZWlnaHRcIlxuICAgICAgICAgICAgICAgICAgICAgIFsobmdNb2RlbCldPVwic2VsZWN0ZWRJdGVtXCJcbiAgICAgICAgICAgICAgICAgICAgICAob3Blbik9XCJvbk9wZW4oKVwiXG4gICAgICAgICAgICAgICAgICAgICAgKGNsb3NlKT1cIm9uQ2xvc2UoKVwiXG4gICAgICAgICAgICAgICAgICAgICAgKHNlbGVjdGlvbkNoYW5nZSk9XCJvbkl0ZW1TZWxlY3QoJGV2ZW50KVwiPlxuICAgIDxuZy10ZW1wbGF0ZSBrZW5kb0Ryb3BEb3duTGlzdFZhbHVlVGVtcGxhdGVcbiAgICAgICAgICAgICAgICAgbGV0LWRhdGFJdGVtPlxuICAgICAgQGlmIChraXREcm9wZG93blZhbHVlVGVtcGxhdGUpIHtcbiAgICAgICAgPGRpdiBjbGFzcz1cInZhbHVlLXRleHRcIj5cbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwia2l0RHJvcGRvd25WYWx1ZVRlbXBsYXRlOyBjb250ZXh0OiB7ICRpbXBsaWNpdDogZGF0YUl0ZW0gfVwiXG4gICAgICAgICAgPjwvbmctY29udGFpbmVyPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIH0gQGVsc2Uge1xuICAgICAgICA8c3BhbiBjbGFzcz1cInZhbHVlLXRleHRcIj57eyBkYXRhSXRlbT8udGV4dCB9fTwvc3Bhbj5cbiAgICAgIH1cbiAgICAgIDxraXQtc3ZnLWljb24gY2xhc3M9XCJ2YWx1ZS1pY29uXCJcbiAgICAgICAgICAgICAgICAgICAgW2ljb25dPVwidG9nZ2xlSWNvblwiXG4gICAgICA+PC9raXQtc3ZnLWljb24+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8bmctdGVtcGxhdGUga2VuZG9Ecm9wRG93bkxpc3RJdGVtVGVtcGxhdGVcbiAgICAgICAgICAgICAgICAgbGV0LWRhdGFJdGVtPlxuICAgICAgQGlmIChraXREcm9wZG93bkl0ZW1UZW1wbGF0ZSkge1xuICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwia2l0RHJvcGRvd25JdGVtVGVtcGxhdGU7IGNvbnRleHQ6IHsgJGltcGxpY2l0OiBkYXRhSXRlbSB9XCJcbiAgICAgICAgPjwvbmctY29udGFpbmVyPlxuICAgICAgfSBAZWxzZSB7XG4gICAgICAgIDxzcGFuIGNsYXNzPVwib3B0aW9uLXRleHRcIj57eyBkYXRhSXRlbT8udGV4dCB9fTwvc3Bhbj5cbiAgICAgICAgPGtpdC1zdmctaWNvbiBjbGFzcz1cIm9wdGlvbi1pY29uXCJcbiAgICAgICAgICAgICAgICAgICAgICBbaWNvbl09XCJLaXRTdmdJY29uLkNIRUNLXCJcbiAgICAgICAgPjwva2l0LXN2Zy1pY29uPlxuICAgICAgfVxuICAgIDwvbmctdGVtcGxhdGU+XG4gIDwva2VuZG8tZHJvcGRvd25saXN0PlxuICBAaWYgKG1lc3NhZ2VUZXh0KSB7XG4gICAgPGtpdC1pbnB1dC1tZXNzYWdlIFtpY29uXT1cIm1lc3NhZ2VJY29uXCJcbiAgICAgICAgICAgICAgICAgICAgICAgW21lc3NhZ2VdPVwibWVzc2FnZVRleHRcIlxuICAgID48L2tpdC1pbnB1dC1tZXNzYWdlPlxuICB9XG48L2Rpdj5cbiJdfQ==
|
|
@@ -68,7 +68,7 @@ export class KitMultiselectComponent {
|
|
|
68
68
|
provide: NG_VALUE_ACCESSOR,
|
|
69
69
|
useExisting: forwardRef(() => KitMultiselectComponent),
|
|
70
70
|
multi: true,
|
|
71
|
-
}], ngImport: i0, template: "<div class=\"kit-multiselect\"\n [class.disabled]=\"disabled\">\n @if (label) {\n <kit-input-label class=\"label\"\n [text]=\"label\"\n [for]=\"multiselect\"\n ></kit-input-label>\n }\n <kendo-multiselect #multiselect\n valueField=\"value\"\n textField=\"text\"\n [data]=\"items\"\n [disabled]=\"disabled\"\n [autoClose]=\"autoClose\"\n [placeholder]=\"placeholder\"\n [valuePrimitive]=\"true\"\n [itemDisabled]=\"onItemDisabled()\"\n [popupSettings]=\"popupSettings\"\n [(ngModel)]=\"selectedItems\"\n (valueChange)=\"onValueChange($event)\">\n <ng-template kendoMultiSelectTagTemplate let-dataItem>\n <span class=\"chip-text\">{{ dataItem?.text }}</span>\n <kit-svg-icon class=\"chip-icon\"\n [icon]=\"KitSvgIcon.CROSS\"\n ></kit-svg-icon>\n </ng-template>\n <ng-template kendoMultiSelectItemTemplate let-dataItem>\n <span class=\"option-text\">{{ dataItem?.text }}</span>\n <kit-svg-icon class=\"option-icon\"\n [icon]=\"KitSvgIcon.CHECK\"\n ></kit-svg-icon>\n </ng-template>\n </kendo-multiselect>\n\n @if (messageText) {\n <kit-input-message [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-multiselect .label{display:block;margin-bottom:4px}.kit-multiselect .k-multiselect{width:100%;min-height:40px;border-radius:8px;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-multiselect .k-multiselect:hover{border-color:var(--ui-kit-color-hover)}.kit-multiselect .k-multiselect.k-focus{box-shadow:none}.kit-multiselect .k-input-inner{padding:0;font-size:14px;font-weight:400}.kit-multiselect .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-multiselect .k-input-values{padding:7px 12px}.kit-multiselect .k-chip{display:flex;align-items:center;position:relative;padding:0 8px;height:24px;border:1px solid var(--ui-kit-color-grey-11);border-radius:4px;background:var(--ui-kit-color-grey-13)}.kit-multiselect .k-chip-label{display:flex;align-items:center;gap:4px;line-height:1}.kit-multiselect .k-chip-actions{position:absolute;right:8px;width:14px;height:14px;opacity:0}.kit-multiselect .k-chip-list{display:flex;flex-wrap:wrap;gap:8px}.kit-multiselect .k-chip-action{display:flex;cursor:pointer}.kit-multiselect .k-chip-content:has(+.k-chip-actions:hover) .chip-icon{stroke:var(--ui-kit-color-main)}.kit-multiselect .k-chip .chip-text{color:var(--ui-kit-color-grey-10);font-size:12px;font-weight:500}.kit-multiselect .k-chip .chip-icon{display:block;width:14px;height:14px;stroke:var(--ui-kit-color-grey-12);cursor:pointer}.kit-multiselect .k-chip .k-icon{width:14px;height:14px}.kit-multiselect .k-clear-value{margin-right:12px;padding:0;opacity:1;color:var(--ui-kit-color-grey-12)}.kit-multiselect .k-clear-value:hover{color:var(--ui-kit-color-main)}.kit-multiselect.disabled .k-multiselect{opacity:1;filter:none;background-color:var(--ui-kit-color-grey-13)}.kit-multiselect.disabled .chip-text{color:var(--ui-kit-color-grey-12)}.kit-multiselect:focus-within .k-multiselect{box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-multiselect-popup{margin-top:10px;padding:4px;border:none;border-radius:8px;box-shadow:0 9px 28px 8px #0000000d,0 3px 6px -4px #0000001f,0 6px 16px #00000014;background-color:var(--ui-kit-color-white)}.kit-multiselect-popup .k-list-item{padding:6px 12px;background-color:var(--ui-kit-color-white);font-size:14px;font-weight:400;box-shadow:none;border-radius:4px;color:var(--ui-kit-color-grey-10)}.kit-multiselect-popup .k-list-item:hover{color:var(--ui-kit-color-main)}.kit-multiselect-popup .k-list-item .option-icon{display:none;width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-main)}.kit-multiselect-popup .k-list-item.k-disabled{color:var(--ui-kit-color-grey-12)}.kit-multiselect-popup .k-list-item.k-selected{display:flex;align-items:center;background-color:var(--ui-kit-color-grey-13)}.kit-multiselect-popup .k-list-item.k-selected .option-text{flex:1}.kit-multiselect-popup .k-list-item.k-selected .option-icon{display:block}\n"], dependencies: [{ kind: "component", type: i1.MultiSelectComponent, selector: "kendo-multiselect", inputs: ["showStickyHeader", "focusableId", "autoClose", "loading", "data", "value", "valueField", "textField", "tabindex", "tabIndex", "size", "rounded", "fillMode", "placeholder", "adaptiveMode", "title", "subtitle", "disabled", "itemDisabled", "checkboxes", "readonly", "filterable", "virtual", "popupSettings", "listHeight", "valuePrimitive", "clearButton", "tagMapper", "allowCustom", "valueNormalizer", "inputAttributes"], outputs: ["filterChange", "valueChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur", "removeTag"], exportAs: ["kendoMultiSelect"] }, { kind: "directive", type: i1.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: i1.TagTemplateDirective, selector: "[kendoMultiSelectTagTemplate],[kendoMultiSelectTreeTagTemplate]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: i4.KitInputMessageComponent, selector: "kit-input-message", inputs: ["icon", "message"] }, { kind: "component", type: i5.KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
71
|
+
}], ngImport: i0, template: "<div class=\"kit-multiselect\"\n [class.disabled]=\"disabled\">\n @if (label) {\n <kit-input-label class=\"label\"\n [text]=\"label\"\n [for]=\"multiselect\"\n ></kit-input-label>\n }\n <kendo-multiselect #multiselect\n valueField=\"value\"\n textField=\"text\"\n [data]=\"items\"\n [disabled]=\"disabled\"\n [autoClose]=\"autoClose\"\n [placeholder]=\"placeholder\"\n [valuePrimitive]=\"true\"\n [itemDisabled]=\"onItemDisabled()\"\n [popupSettings]=\"popupSettings\"\n [(ngModel)]=\"selectedItems\"\n (valueChange)=\"onValueChange($event)\">\n <ng-template kendoMultiSelectTagTemplate let-dataItem>\n <span class=\"chip-text\">{{ dataItem?.text }}</span>\n <kit-svg-icon class=\"chip-icon\"\n [icon]=\"KitSvgIcon.CROSS\"\n ></kit-svg-icon>\n </ng-template>\n <ng-template kendoMultiSelectItemTemplate let-dataItem>\n <span class=\"option-text\">{{ dataItem?.text }}</span>\n <kit-svg-icon class=\"option-icon\"\n [icon]=\"KitSvgIcon.CHECK\"\n ></kit-svg-icon>\n </ng-template>\n </kendo-multiselect>\n\n @if (messageText) {\n <kit-input-message [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-multiselect .label{display:block;margin-bottom:4px}.kit-multiselect .k-multiselect{width:100%;min-height:40px;border-radius:8px;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-multiselect .k-multiselect:hover{border-color:var(--ui-kit-color-hover)}.kit-multiselect .k-multiselect.k-focus{box-shadow:none}.kit-multiselect .k-input-inner{padding:0;font-size:14px;font-weight:400}.kit-multiselect .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-multiselect .k-input-values{padding:7px 12px}.kit-multiselect .k-chip{display:flex;align-items:center;position:relative;padding:0 8px;height:24px;border:1px solid var(--ui-kit-color-grey-11);border-radius:4px;background:var(--ui-kit-color-grey-13)}.kit-multiselect .k-chip-label{display:flex;align-items:center;gap:4px;line-height:1}.kit-multiselect .k-chip-actions{position:absolute;right:8px;width:14px;height:14px;opacity:0}.kit-multiselect .k-chip-list{display:flex;flex-wrap:wrap;gap:8px}.kit-multiselect .k-chip-action{display:flex;cursor:pointer}.kit-multiselect .k-chip-content:has(+.k-chip-actions:hover) .chip-icon{stroke:var(--ui-kit-color-main)}.kit-multiselect .k-chip .chip-text{color:var(--ui-kit-color-grey-10);font-size:12px;font-weight:500}.kit-multiselect .k-chip .chip-icon{display:block;width:14px;height:14px;stroke:var(--ui-kit-color-grey-12);cursor:pointer}.kit-multiselect .k-chip .k-icon{width:14px;height:14px}.kit-multiselect .k-clear-value{margin-right:12px;padding:0;opacity:1;color:var(--ui-kit-color-grey-12)}.kit-multiselect .k-clear-value:hover{color:var(--ui-kit-color-main)}.kit-multiselect.disabled .k-multiselect{opacity:1;filter:none;background-color:var(--ui-kit-color-grey-13)}.kit-multiselect.disabled .chip-text{color:var(--ui-kit-color-grey-12)}.kit-multiselect:focus-within .k-multiselect{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-multiselect-popup{margin-top:10px;padding:4px;border:none;border-radius:8px;box-shadow:0 9px 28px 8px #0000000d,0 3px 6px -4px #0000001f,0 6px 16px #00000014;background-color:var(--ui-kit-color-white)}.kit-multiselect-popup .k-list-item{padding:6px 12px;background-color:var(--ui-kit-color-white);font-size:14px;font-weight:400;box-shadow:none;border-radius:4px;color:var(--ui-kit-color-grey-10)}.kit-multiselect-popup .k-list-item:hover{color:var(--ui-kit-color-main)}.kit-multiselect-popup .k-list-item .option-icon{display:none;width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-main)}.kit-multiselect-popup .k-list-item.k-disabled{color:var(--ui-kit-color-grey-12)}.kit-multiselect-popup .k-list-item.k-selected{display:flex;align-items:center;background-color:var(--ui-kit-color-grey-13)}.kit-multiselect-popup .k-list-item.k-selected .option-text{flex:1}.kit-multiselect-popup .k-list-item.k-selected .option-icon{display:block}\n"], dependencies: [{ kind: "component", type: i1.MultiSelectComponent, selector: "kendo-multiselect", inputs: ["showStickyHeader", "focusableId", "autoClose", "loading", "data", "value", "valueField", "textField", "tabindex", "tabIndex", "size", "rounded", "fillMode", "placeholder", "adaptiveMode", "title", "subtitle", "disabled", "itemDisabled", "checkboxes", "readonly", "filterable", "virtual", "popupSettings", "listHeight", "valuePrimitive", "clearButton", "tagMapper", "allowCustom", "valueNormalizer", "inputAttributes"], outputs: ["filterChange", "valueChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur", "removeTag"], exportAs: ["kendoMultiSelect"] }, { kind: "directive", type: i1.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: i1.TagTemplateDirective, selector: "[kendoMultiSelectTagTemplate],[kendoMultiSelectTreeTagTemplate]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: i4.KitInputMessageComponent, selector: "kit-input-message", inputs: ["icon", "message"] }, { kind: "component", type: i5.KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
72
72
|
}
|
|
73
73
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitMultiselectComponent, decorators: [{
|
|
74
74
|
type: Component,
|
|
@@ -76,7 +76,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImpor
|
|
|
76
76
|
provide: NG_VALUE_ACCESSOR,
|
|
77
77
|
useExisting: forwardRef(() => KitMultiselectComponent),
|
|
78
78
|
multi: true,
|
|
79
|
-
}], template: "<div class=\"kit-multiselect\"\n [class.disabled]=\"disabled\">\n @if (label) {\n <kit-input-label class=\"label\"\n [text]=\"label\"\n [for]=\"multiselect\"\n ></kit-input-label>\n }\n <kendo-multiselect #multiselect\n valueField=\"value\"\n textField=\"text\"\n [data]=\"items\"\n [disabled]=\"disabled\"\n [autoClose]=\"autoClose\"\n [placeholder]=\"placeholder\"\n [valuePrimitive]=\"true\"\n [itemDisabled]=\"onItemDisabled()\"\n [popupSettings]=\"popupSettings\"\n [(ngModel)]=\"selectedItems\"\n (valueChange)=\"onValueChange($event)\">\n <ng-template kendoMultiSelectTagTemplate let-dataItem>\n <span class=\"chip-text\">{{ dataItem?.text }}</span>\n <kit-svg-icon class=\"chip-icon\"\n [icon]=\"KitSvgIcon.CROSS\"\n ></kit-svg-icon>\n </ng-template>\n <ng-template kendoMultiSelectItemTemplate let-dataItem>\n <span class=\"option-text\">{{ dataItem?.text }}</span>\n <kit-svg-icon class=\"option-icon\"\n [icon]=\"KitSvgIcon.CHECK\"\n ></kit-svg-icon>\n </ng-template>\n </kendo-multiselect>\n\n @if (messageText) {\n <kit-input-message [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-multiselect .label{display:block;margin-bottom:4px}.kit-multiselect .k-multiselect{width:100%;min-height:40px;border-radius:8px;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-multiselect .k-multiselect:hover{border-color:var(--ui-kit-color-hover)}.kit-multiselect .k-multiselect.k-focus{box-shadow:none}.kit-multiselect .k-input-inner{padding:0;font-size:14px;font-weight:400}.kit-multiselect .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-multiselect .k-input-values{padding:7px 12px}.kit-multiselect .k-chip{display:flex;align-items:center;position:relative;padding:0 8px;height:24px;border:1px solid var(--ui-kit-color-grey-11);border-radius:4px;background:var(--ui-kit-color-grey-13)}.kit-multiselect .k-chip-label{display:flex;align-items:center;gap:4px;line-height:1}.kit-multiselect .k-chip-actions{position:absolute;right:8px;width:14px;height:14px;opacity:0}.kit-multiselect .k-chip-list{display:flex;flex-wrap:wrap;gap:8px}.kit-multiselect .k-chip-action{display:flex;cursor:pointer}.kit-multiselect .k-chip-content:has(+.k-chip-actions:hover) .chip-icon{stroke:var(--ui-kit-color-main)}.kit-multiselect .k-chip .chip-text{color:var(--ui-kit-color-grey-10);font-size:12px;font-weight:500}.kit-multiselect .k-chip .chip-icon{display:block;width:14px;height:14px;stroke:var(--ui-kit-color-grey-12);cursor:pointer}.kit-multiselect .k-chip .k-icon{width:14px;height:14px}.kit-multiselect .k-clear-value{margin-right:12px;padding:0;opacity:1;color:var(--ui-kit-color-grey-12)}.kit-multiselect .k-clear-value:hover{color:var(--ui-kit-color-main)}.kit-multiselect.disabled .k-multiselect{opacity:1;filter:none;background-color:var(--ui-kit-color-grey-13)}.kit-multiselect.disabled .chip-text{color:var(--ui-kit-color-grey-12)}.kit-multiselect:focus-within .k-multiselect{box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-multiselect-popup{margin-top:10px;padding:4px;border:none;border-radius:8px;box-shadow:0 9px 28px 8px #0000000d,0 3px 6px -4px #0000001f,0 6px 16px #00000014;background-color:var(--ui-kit-color-white)}.kit-multiselect-popup .k-list-item{padding:6px 12px;background-color:var(--ui-kit-color-white);font-size:14px;font-weight:400;box-shadow:none;border-radius:4px;color:var(--ui-kit-color-grey-10)}.kit-multiselect-popup .k-list-item:hover{color:var(--ui-kit-color-main)}.kit-multiselect-popup .k-list-item .option-icon{display:none;width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-main)}.kit-multiselect-popup .k-list-item.k-disabled{color:var(--ui-kit-color-grey-12)}.kit-multiselect-popup .k-list-item.k-selected{display:flex;align-items:center;background-color:var(--ui-kit-color-grey-13)}.kit-multiselect-popup .k-list-item.k-selected .option-text{flex:1}.kit-multiselect-popup .k-list-item.k-selected .option-icon{display:block}\n"] }]
|
|
79
|
+
}], template: "<div class=\"kit-multiselect\"\n [class.disabled]=\"disabled\">\n @if (label) {\n <kit-input-label class=\"label\"\n [text]=\"label\"\n [for]=\"multiselect\"\n ></kit-input-label>\n }\n <kendo-multiselect #multiselect\n valueField=\"value\"\n textField=\"text\"\n [data]=\"items\"\n [disabled]=\"disabled\"\n [autoClose]=\"autoClose\"\n [placeholder]=\"placeholder\"\n [valuePrimitive]=\"true\"\n [itemDisabled]=\"onItemDisabled()\"\n [popupSettings]=\"popupSettings\"\n [(ngModel)]=\"selectedItems\"\n (valueChange)=\"onValueChange($event)\">\n <ng-template kendoMultiSelectTagTemplate let-dataItem>\n <span class=\"chip-text\">{{ dataItem?.text }}</span>\n <kit-svg-icon class=\"chip-icon\"\n [icon]=\"KitSvgIcon.CROSS\"\n ></kit-svg-icon>\n </ng-template>\n <ng-template kendoMultiSelectItemTemplate let-dataItem>\n <span class=\"option-text\">{{ dataItem?.text }}</span>\n <kit-svg-icon class=\"option-icon\"\n [icon]=\"KitSvgIcon.CHECK\"\n ></kit-svg-icon>\n </ng-template>\n </kendo-multiselect>\n\n @if (messageText) {\n <kit-input-message [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-multiselect .label{display:block;margin-bottom:4px}.kit-multiselect .k-multiselect{width:100%;min-height:40px;border-radius:8px;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-multiselect .k-multiselect:hover{border-color:var(--ui-kit-color-hover)}.kit-multiselect .k-multiselect.k-focus{box-shadow:none}.kit-multiselect .k-input-inner{padding:0;font-size:14px;font-weight:400}.kit-multiselect .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-multiselect .k-input-values{padding:7px 12px}.kit-multiselect .k-chip{display:flex;align-items:center;position:relative;padding:0 8px;height:24px;border:1px solid var(--ui-kit-color-grey-11);border-radius:4px;background:var(--ui-kit-color-grey-13)}.kit-multiselect .k-chip-label{display:flex;align-items:center;gap:4px;line-height:1}.kit-multiselect .k-chip-actions{position:absolute;right:8px;width:14px;height:14px;opacity:0}.kit-multiselect .k-chip-list{display:flex;flex-wrap:wrap;gap:8px}.kit-multiselect .k-chip-action{display:flex;cursor:pointer}.kit-multiselect .k-chip-content:has(+.k-chip-actions:hover) .chip-icon{stroke:var(--ui-kit-color-main)}.kit-multiselect .k-chip .chip-text{color:var(--ui-kit-color-grey-10);font-size:12px;font-weight:500}.kit-multiselect .k-chip .chip-icon{display:block;width:14px;height:14px;stroke:var(--ui-kit-color-grey-12);cursor:pointer}.kit-multiselect .k-chip .k-icon{width:14px;height:14px}.kit-multiselect .k-clear-value{margin-right:12px;padding:0;opacity:1;color:var(--ui-kit-color-grey-12)}.kit-multiselect .k-clear-value:hover{color:var(--ui-kit-color-main)}.kit-multiselect.disabled .k-multiselect{opacity:1;filter:none;background-color:var(--ui-kit-color-grey-13)}.kit-multiselect.disabled .chip-text{color:var(--ui-kit-color-grey-12)}.kit-multiselect:focus-within .k-multiselect{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-multiselect-popup{margin-top:10px;padding:4px;border:none;border-radius:8px;box-shadow:0 9px 28px 8px #0000000d,0 3px 6px -4px #0000001f,0 6px 16px #00000014;background-color:var(--ui-kit-color-white)}.kit-multiselect-popup .k-list-item{padding:6px 12px;background-color:var(--ui-kit-color-white);font-size:14px;font-weight:400;box-shadow:none;border-radius:4px;color:var(--ui-kit-color-grey-10)}.kit-multiselect-popup .k-list-item:hover{color:var(--ui-kit-color-main)}.kit-multiselect-popup .k-list-item .option-icon{display:none;width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-main)}.kit-multiselect-popup .k-list-item.k-disabled{color:var(--ui-kit-color-grey-12)}.kit-multiselect-popup .k-list-item.k-selected{display:flex;align-items:center;background-color:var(--ui-kit-color-grey-13)}.kit-multiselect-popup .k-list-item.k-selected .option-text{flex:1}.kit-multiselect-popup .k-list-item.k-selected .option-icon{display:block}\n"] }]
|
|
80
80
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { items: [{
|
|
81
81
|
type: Input
|
|
82
82
|
}], selectedItems: [{
|
|
@@ -75,7 +75,7 @@ export class KitNumericTextboxComponent {
|
|
|
75
75
|
provide: NG_VALUE_ACCESSOR,
|
|
76
76
|
useExisting: forwardRef(() => KitNumericTextboxComponent),
|
|
77
77
|
multi: true,
|
|
78
|
-
}], ngImport: i0, template: "<div class=\"kit-numeric-textbox\"\n [ngClass]=\"state\"\n [class.disabled]=\"disabled\">\n @if (label) {\n <kit-input-label class=\"label\"\n [text]=\"label\"\n [for]=\"textbox\"\n ></kit-input-label>\n }\n\n <div class=\"kit-numeric-textbox-input\">\n @if (icon) {\n <kit-svg-icon class=\"kit-numeric-textbox-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n }\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-svg-icon class=\"kit-numeric-textbox-state-icon\"\n [icon]=\"numericTextboxStateIcon[state]\"\n ></kit-svg-icon>\n </div>\n\n @if (messageText) {\n <kit-input-message [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-numeric-textbox .label{display:block;margin-bottom:4px}.kit-numeric-textbox-state-icon{flex-shrink:0;display:block;margin-left:12px;width:14px;height:14px}.kit-numeric-textbox-icon{flex-shrink:0;display:block;margin-right:8px;width:16px;height:16px;fill:var(--ui-kit-color-grey-10)}.kit-numeric-textbox-input{display:flex;align-items:center;padding:0 12px;border:1px solid var(--ui-kit-color-grey-
|
|
78
|
+
}], ngImport: i0, template: "<div class=\"kit-numeric-textbox\"\n [ngClass]=\"state\"\n [class.disabled]=\"disabled\">\n @if (label) {\n <kit-input-label class=\"label\"\n [text]=\"label\"\n [for]=\"textbox\"\n ></kit-input-label>\n }\n\n <div class=\"kit-numeric-textbox-input\">\n @if (icon) {\n <kit-svg-icon class=\"kit-numeric-textbox-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n }\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-svg-icon class=\"kit-numeric-textbox-state-icon\"\n [icon]=\"numericTextboxStateIcon[state]\"\n ></kit-svg-icon>\n </div>\n\n @if (messageText) {\n <kit-input-message [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-numeric-textbox .label{display:block;margin-bottom:4px}.kit-numeric-textbox-state-icon{flex-shrink:0;display:block;margin-left:12px;width:14px;height:14px}.kit-numeric-textbox-icon{flex-shrink:0;display:block;margin-right:8px;width:16px;height:16px;fill:var(--ui-kit-color-grey-10)}.kit-numeric-textbox-input{display:flex;align-items:center;padding:0 12px;border:1px solid var(--ui-kit-color-grey-11);border-radius:8px;background:var(--ui-kit-color-white)}.kit-numeric-textbox .k-input{padding:0;height:38px;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;opacity:1;box-shadow:none;border:none}.kit-numeric-textbox .k-input-inner{padding:0;width:100%;line-height:1}.kit-numeric-textbox .k-input-inner::placeholder{color:var(--ui-kit-color-grey-14)}.kit-numeric-textbox .k-input-prefix,.kit-numeric-textbox .k-input-suffix{height:0}.kit-numeric-textbox.default .kit-numeric-textbox-state-icon{fill:var(--ui-kit-color-grey-12)}.kit-numeric-textbox.default:hover .kit-numeric-textbox-input{border-color:var(--ui-kit-color-hover)}.kit-numeric-textbox.default:focus-within .kit-numeric-textbox-input{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-numeric-textbox.warning .kit-numeric-textbox-input{border-color:var(--ui-kit-color-orange)}.kit-numeric-textbox.warning .kit-numeric-textbox-state-icon,.kit-numeric-textbox.warning .kit-numeric-textbox-icon{fill:var(--ui-kit-color-orange)}.kit-numeric-textbox.warning:focus-within .kit-numeric-textbox-input{box-shadow:0 0 0 2px var(--ui-kit-color-orange-1)}.kit-numeric-textbox.error .kit-numeric-textbox-input{border-color:var(--ui-kit-color-red-1)}.kit-numeric-textbox.error .kit-numeric-textbox-state-icon,.kit-numeric-textbox.error .kit-numeric-textbox-icon{fill:var(--ui-kit-color-red-1)}.kit-numeric-textbox.error:focus-within .kit-numeric-textbox-input{box-shadow:0 0 0 2px var(--ui-kit-color-red-2)}.kit-numeric-textbox.success .kit-numeric-textbox-state-icon{fill:var(--ui-kit-color-green-1)}.kit-numeric-textbox.success:hover .kit-numeric-textbox-input{border-color:var(--ui-kit-color-green-1)}.kit-numeric-textbox.success:focus-within .kit-numeric-textbox-input{border-color:var(--ui-kit-color-green-1);box-shadow:0 0 0 2px var(--ui-kit-color-green-2)}.kit-numeric-textbox.disabled .k-input{color:var(--ui-kit-color-grey-12);background:var(--ui-kit-color-grey-13)}.kit-numeric-textbox.disabled .kit-numeric-textbox-input{border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-numeric-textbox.disabled .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-numeric-textbox.disabled .kit-numeric-textbox-icon{fill:var(--ui-kit-color-grey-12)}.kit-numeric-textbox.disabled:hover .kit-numeric-textbox-input{border-color:var(--ui-kit-color-grey-11)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { kind: "component", type: i3.KitInputMessageComponent, selector: "kit-input-message", inputs: ["icon", "message"] }, { kind: "component", type: i4.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: i5.KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
79
79
|
}
|
|
80
80
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitNumericTextboxComponent, decorators: [{
|
|
81
81
|
type: Component,
|
|
@@ -83,7 +83,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImpor
|
|
|
83
83
|
provide: NG_VALUE_ACCESSOR,
|
|
84
84
|
useExisting: forwardRef(() => KitNumericTextboxComponent),
|
|
85
85
|
multi: true,
|
|
86
|
-
}], template: "<div class=\"kit-numeric-textbox\"\n [ngClass]=\"state\"\n [class.disabled]=\"disabled\">\n @if (label) {\n <kit-input-label class=\"label\"\n [text]=\"label\"\n [for]=\"textbox\"\n ></kit-input-label>\n }\n\n <div class=\"kit-numeric-textbox-input\">\n @if (icon) {\n <kit-svg-icon class=\"kit-numeric-textbox-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n }\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-svg-icon class=\"kit-numeric-textbox-state-icon\"\n [icon]=\"numericTextboxStateIcon[state]\"\n ></kit-svg-icon>\n </div>\n\n @if (messageText) {\n <kit-input-message [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-numeric-textbox .label{display:block;margin-bottom:4px}.kit-numeric-textbox-state-icon{flex-shrink:0;display:block;margin-left:12px;width:14px;height:14px}.kit-numeric-textbox-icon{flex-shrink:0;display:block;margin-right:8px;width:16px;height:16px;fill:var(--ui-kit-color-grey-10)}.kit-numeric-textbox-input{display:flex;align-items:center;padding:0 12px;border:1px solid var(--ui-kit-color-grey-
|
|
86
|
+
}], template: "<div class=\"kit-numeric-textbox\"\n [ngClass]=\"state\"\n [class.disabled]=\"disabled\">\n @if (label) {\n <kit-input-label class=\"label\"\n [text]=\"label\"\n [for]=\"textbox\"\n ></kit-input-label>\n }\n\n <div class=\"kit-numeric-textbox-input\">\n @if (icon) {\n <kit-svg-icon class=\"kit-numeric-textbox-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n }\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-svg-icon class=\"kit-numeric-textbox-state-icon\"\n [icon]=\"numericTextboxStateIcon[state]\"\n ></kit-svg-icon>\n </div>\n\n @if (messageText) {\n <kit-input-message [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-numeric-textbox .label{display:block;margin-bottom:4px}.kit-numeric-textbox-state-icon{flex-shrink:0;display:block;margin-left:12px;width:14px;height:14px}.kit-numeric-textbox-icon{flex-shrink:0;display:block;margin-right:8px;width:16px;height:16px;fill:var(--ui-kit-color-grey-10)}.kit-numeric-textbox-input{display:flex;align-items:center;padding:0 12px;border:1px solid var(--ui-kit-color-grey-11);border-radius:8px;background:var(--ui-kit-color-white)}.kit-numeric-textbox .k-input{padding:0;height:38px;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;opacity:1;box-shadow:none;border:none}.kit-numeric-textbox .k-input-inner{padding:0;width:100%;line-height:1}.kit-numeric-textbox .k-input-inner::placeholder{color:var(--ui-kit-color-grey-14)}.kit-numeric-textbox .k-input-prefix,.kit-numeric-textbox .k-input-suffix{height:0}.kit-numeric-textbox.default .kit-numeric-textbox-state-icon{fill:var(--ui-kit-color-grey-12)}.kit-numeric-textbox.default:hover .kit-numeric-textbox-input{border-color:var(--ui-kit-color-hover)}.kit-numeric-textbox.default:focus-within .kit-numeric-textbox-input{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-numeric-textbox.warning .kit-numeric-textbox-input{border-color:var(--ui-kit-color-orange)}.kit-numeric-textbox.warning .kit-numeric-textbox-state-icon,.kit-numeric-textbox.warning .kit-numeric-textbox-icon{fill:var(--ui-kit-color-orange)}.kit-numeric-textbox.warning:focus-within .kit-numeric-textbox-input{box-shadow:0 0 0 2px var(--ui-kit-color-orange-1)}.kit-numeric-textbox.error .kit-numeric-textbox-input{border-color:var(--ui-kit-color-red-1)}.kit-numeric-textbox.error .kit-numeric-textbox-state-icon,.kit-numeric-textbox.error .kit-numeric-textbox-icon{fill:var(--ui-kit-color-red-1)}.kit-numeric-textbox.error:focus-within .kit-numeric-textbox-input{box-shadow:0 0 0 2px var(--ui-kit-color-red-2)}.kit-numeric-textbox.success .kit-numeric-textbox-state-icon{fill:var(--ui-kit-color-green-1)}.kit-numeric-textbox.success:hover .kit-numeric-textbox-input{border-color:var(--ui-kit-color-green-1)}.kit-numeric-textbox.success:focus-within .kit-numeric-textbox-input{border-color:var(--ui-kit-color-green-1);box-shadow:0 0 0 2px var(--ui-kit-color-green-2)}.kit-numeric-textbox.disabled .k-input{color:var(--ui-kit-color-grey-12);background:var(--ui-kit-color-grey-13)}.kit-numeric-textbox.disabled .kit-numeric-textbox-input{border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-numeric-textbox.disabled .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-numeric-textbox.disabled .kit-numeric-textbox-icon{fill:var(--ui-kit-color-grey-12)}.kit-numeric-textbox.disabled:hover .kit-numeric-textbox-input{border-color:var(--ui-kit-color-grey-11)}\n"] }]
|
|
87
87
|
}], propDecorators: { placeholder: [{
|
|
88
88
|
type: Input
|
|
89
89
|
}], label: [{
|
|
@@ -105,7 +105,7 @@ export class KitTextareaComponent {
|
|
|
105
105
|
provide: NG_VALUE_ACCESSOR,
|
|
106
106
|
useExisting: forwardRef(() => KitTextareaComponent),
|
|
107
107
|
multi: true,
|
|
108
|
-
}], usesOnChanges: true, ngImport: i0, template: "<div class=\"kit-textarea\"\n [ngClass]=\"state\"\n [class.disabled]=\"disabled\"\n [class.readonly]=\"readonly\">\n @if (label) {\n <kit-input-label class=\"label\"\n [text]=\"label\"\n [for]=\"textarea\"\n ></kit-input-label>\n }\n <div class=\"kit-textarea-input\">\n @if (icon) {\n <kit-svg-icon class=\"kit-textarea-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n }\n <textarea #textarea\n autoresize\n 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 [readonly]=\"readonly\"\n (focus)=\"onTextareaFocus()\"\n (blur)=\"onTextareaBlur()\"\n (input)=\"onTextareaChange($event)\"\n ></textarea>\n <kit-svg-icon class=\"kit-textarea-state-icon\"\n [icon]=\"textareaStateIcon[state]\"\n ></kit-svg-icon>\n </div>\n\n @if (messageText) {\n <kit-input-message [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-textarea .label{display:block;margin-bottom:4px}.kit-textarea-input{display:flex;position:relative;padding:9px 0 9px 12px;border:1px solid var(--ui-kit-color-grey-11);border-radius:8px;background:var(--ui-kit-color-
|
|
108
|
+
}], usesOnChanges: true, ngImport: i0, template: "<div class=\"kit-textarea\"\n [ngClass]=\"state\"\n [class.disabled]=\"disabled\"\n [class.readonly]=\"readonly\">\n @if (label) {\n <kit-input-label class=\"label\"\n [text]=\"label\"\n [for]=\"textarea\"\n ></kit-input-label>\n }\n <div class=\"kit-textarea-input\">\n @if (icon) {\n <kit-svg-icon class=\"kit-textarea-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n }\n <textarea #textarea\n autoresize\n 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 [readonly]=\"readonly\"\n (focus)=\"onTextareaFocus()\"\n (blur)=\"onTextareaBlur()\"\n (input)=\"onTextareaChange($event)\"\n ></textarea>\n <kit-svg-icon class=\"kit-textarea-state-icon\"\n [icon]=\"textareaStateIcon[state]\"\n ></kit-svg-icon>\n </div>\n\n @if (messageText) {\n <kit-input-message [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-textarea .label{display:block;margin-bottom:4px}.kit-textarea-input{display:flex;position:relative;padding:9px 0 9px 12px;border:1px solid var(--ui-kit-color-grey-11);border-radius:8px;background:var(--ui-kit-color-white)}.kit-textarea-icon{flex-shrink:0;display:block;margin-right:8px;margin-top:2px;width:16px;height:16px;fill:var(--ui-kit-color-grey-10)}.kit-textarea-state-icon{position:absolute;top:12px;right:12px;flex-shrink:0;display:block;margin-left:12px;width:14px;height:14px}.kit-textarea .k-input{padding:0 34px 0 0;width:100%;color:var(--ui-kit-color-grey-10);font-size:14px;border:none;border-radius:8px;box-sizing:border-box;line-height:1.4;overflow:auto;resize:none}.kit-textarea .k-input::placeholder{color:var(--ui-kit-color-grey-14)}.kit-textarea.default .kit-textarea-state-icon{fill:var(--ui-kit-color-grey-12)}.kit-textarea.default:hover .kit-textarea-input{border-color:var(--ui-kit-color-hover)}.kit-textarea.default:focus-within .kit-textarea-input{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-textarea.warning .kit-textarea-input{border-color:var(--ui-kit-color-orange)}.kit-textarea.warning .kit-textarea-state-icon,.kit-textarea.warning .kit-textarea-icon{fill:var(--ui-kit-color-orange)}.kit-textarea.warning:focus-within .kit-textarea-input{box-shadow:0 0 0 2px var(--ui-kit-color-orange-1)}.kit-textarea.error .kit-textarea-input{border-color:var(--ui-kit-color-red-1)}.kit-textarea.error .kit-textarea-state-icon,.kit-textarea.error .kit-textarea-icon{fill:var(--ui-kit-color-red-1)}.kit-textarea.error:focus-within .kit-textarea-input{box-shadow:0 0 0 2px var(--ui-kit-color-red-2)}.kit-textarea.success .kit-textarea-state-icon{fill:var(--ui-kit-color-green-1)}.kit-textarea.success:hover .kit-textarea-input{border-color:var(--ui-kit-color-green-1)}.kit-textarea.success:focus-within .kit-textarea-input{border-color:var(--ui-kit-color-green-1);box-shadow:0 0 0 2px var(--ui-kit-color-green-2)}.kit-textarea.disabled .k-input{color:var(--ui-kit-color-grey-12);background:var(--ui-kit-color-grey-13)}.kit-textarea.disabled .kit-textarea-input{border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-textarea.disabled .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-textarea.disabled .kit-textarea-icon{fill:var(--ui-kit-color-grey-12)}.kit-textarea.disabled:hover .kit-textarea-input{border-color:var(--ui-kit-color-grey-11)}.kit-textarea.readonly .k-input{color:var(--ui-kit-color-grey-14)}.kit-textarea.readonly .kit-textarea-input{border-color:var(--ui-kit-color-grey-11)}.kit-textarea.readonly .kit-textarea-icon{fill:var(--ui-kit-color-grey-10)}.kit-textarea.readonly:hover .kit-textarea-input{border-color:var(--ui-kit-color-grey-11)}.kit-textarea.readonly:focus-within .kit-textarea-input{box-shadow:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.KitInputMessageComponent, selector: "kit-input-message", inputs: ["icon", "message"] }, { kind: "component", type: i3.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: i4.KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }, { kind: "directive", type: i5.KitTextareaAutoresizeDirective, selector: "[autoresize]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
109
109
|
}
|
|
110
110
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitTextareaComponent, decorators: [{
|
|
111
111
|
type: Component,
|
|
@@ -113,7 +113,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImpor
|
|
|
113
113
|
provide: NG_VALUE_ACCESSOR,
|
|
114
114
|
useExisting: forwardRef(() => KitTextareaComponent),
|
|
115
115
|
multi: true,
|
|
116
|
-
}], template: "<div class=\"kit-textarea\"\n [ngClass]=\"state\"\n [class.disabled]=\"disabled\"\n [class.readonly]=\"readonly\">\n @if (label) {\n <kit-input-label class=\"label\"\n [text]=\"label\"\n [for]=\"textarea\"\n ></kit-input-label>\n }\n <div class=\"kit-textarea-input\">\n @if (icon) {\n <kit-svg-icon class=\"kit-textarea-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n }\n <textarea #textarea\n autoresize\n 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 [readonly]=\"readonly\"\n (focus)=\"onTextareaFocus()\"\n (blur)=\"onTextareaBlur()\"\n (input)=\"onTextareaChange($event)\"\n ></textarea>\n <kit-svg-icon class=\"kit-textarea-state-icon\"\n [icon]=\"textareaStateIcon[state]\"\n ></kit-svg-icon>\n </div>\n\n @if (messageText) {\n <kit-input-message [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-textarea .label{display:block;margin-bottom:4px}.kit-textarea-input{display:flex;position:relative;padding:9px 0 9px 12px;border:1px solid var(--ui-kit-color-grey-11);border-radius:8px;background:var(--ui-kit-color-
|
|
116
|
+
}], template: "<div class=\"kit-textarea\"\n [ngClass]=\"state\"\n [class.disabled]=\"disabled\"\n [class.readonly]=\"readonly\">\n @if (label) {\n <kit-input-label class=\"label\"\n [text]=\"label\"\n [for]=\"textarea\"\n ></kit-input-label>\n }\n <div class=\"kit-textarea-input\">\n @if (icon) {\n <kit-svg-icon class=\"kit-textarea-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n }\n <textarea #textarea\n autoresize\n 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 [readonly]=\"readonly\"\n (focus)=\"onTextareaFocus()\"\n (blur)=\"onTextareaBlur()\"\n (input)=\"onTextareaChange($event)\"\n ></textarea>\n <kit-svg-icon class=\"kit-textarea-state-icon\"\n [icon]=\"textareaStateIcon[state]\"\n ></kit-svg-icon>\n </div>\n\n @if (messageText) {\n <kit-input-message [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-textarea .label{display:block;margin-bottom:4px}.kit-textarea-input{display:flex;position:relative;padding:9px 0 9px 12px;border:1px solid var(--ui-kit-color-grey-11);border-radius:8px;background:var(--ui-kit-color-white)}.kit-textarea-icon{flex-shrink:0;display:block;margin-right:8px;margin-top:2px;width:16px;height:16px;fill:var(--ui-kit-color-grey-10)}.kit-textarea-state-icon{position:absolute;top:12px;right:12px;flex-shrink:0;display:block;margin-left:12px;width:14px;height:14px}.kit-textarea .k-input{padding:0 34px 0 0;width:100%;color:var(--ui-kit-color-grey-10);font-size:14px;border:none;border-radius:8px;box-sizing:border-box;line-height:1.4;overflow:auto;resize:none}.kit-textarea .k-input::placeholder{color:var(--ui-kit-color-grey-14)}.kit-textarea.default .kit-textarea-state-icon{fill:var(--ui-kit-color-grey-12)}.kit-textarea.default:hover .kit-textarea-input{border-color:var(--ui-kit-color-hover)}.kit-textarea.default:focus-within .kit-textarea-input{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-textarea.warning .kit-textarea-input{border-color:var(--ui-kit-color-orange)}.kit-textarea.warning .kit-textarea-state-icon,.kit-textarea.warning .kit-textarea-icon{fill:var(--ui-kit-color-orange)}.kit-textarea.warning:focus-within .kit-textarea-input{box-shadow:0 0 0 2px var(--ui-kit-color-orange-1)}.kit-textarea.error .kit-textarea-input{border-color:var(--ui-kit-color-red-1)}.kit-textarea.error .kit-textarea-state-icon,.kit-textarea.error .kit-textarea-icon{fill:var(--ui-kit-color-red-1)}.kit-textarea.error:focus-within .kit-textarea-input{box-shadow:0 0 0 2px var(--ui-kit-color-red-2)}.kit-textarea.success .kit-textarea-state-icon{fill:var(--ui-kit-color-green-1)}.kit-textarea.success:hover .kit-textarea-input{border-color:var(--ui-kit-color-green-1)}.kit-textarea.success:focus-within .kit-textarea-input{border-color:var(--ui-kit-color-green-1);box-shadow:0 0 0 2px var(--ui-kit-color-green-2)}.kit-textarea.disabled .k-input{color:var(--ui-kit-color-grey-12);background:var(--ui-kit-color-grey-13)}.kit-textarea.disabled .kit-textarea-input{border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-textarea.disabled .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-textarea.disabled .kit-textarea-icon{fill:var(--ui-kit-color-grey-12)}.kit-textarea.disabled:hover .kit-textarea-input{border-color:var(--ui-kit-color-grey-11)}.kit-textarea.readonly .k-input{color:var(--ui-kit-color-grey-14)}.kit-textarea.readonly .kit-textarea-input{border-color:var(--ui-kit-color-grey-11)}.kit-textarea.readonly .kit-textarea-icon{fill:var(--ui-kit-color-grey-10)}.kit-textarea.readonly:hover .kit-textarea-input{border-color:var(--ui-kit-color-grey-11)}.kit-textarea.readonly:focus-within .kit-textarea-input{box-shadow:none}\n"] }]
|
|
117
117
|
}], propDecorators: { placeholder: [{
|
|
118
118
|
type: Input
|
|
119
119
|
}], label: [{
|
|
@@ -79,7 +79,7 @@ export class KitTextboxComponent {
|
|
|
79
79
|
provide: NG_VALUE_ACCESSOR,
|
|
80
80
|
useExisting: forwardRef(() => KitTextboxComponent),
|
|
81
81
|
multi: true,
|
|
82
|
-
}], ngImport: i0, template: "<div class=\"kit-textbox\"\n [ngClass]=\"state\"\n [class.disabled]=\"disabled\">\n @if (label) {\n <kit-input-label class=\"label\"\n [for]=\"textbox\"\n [text]=\"label\"\n ></kit-input-label>\n }\n <div class=\"kit-textbox-input\">\n @if (icon) {\n <kit-svg-icon class=\"kit-textbox-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n }\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-svg-icon class=\"kit-textbox-state-icon\"\n [icon]=\"textboxStateIcon[state]\"\n ></kit-svg-icon>\n </div>\n\n @if (messageText) {\n <kit-input-message [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-textbox .label{display:block;margin-bottom:4px}.kit-textbox-input{display:flex;align-items:center;padding:0 12px;border:1px solid var(--ui-kit-color-grey-
|
|
82
|
+
}], ngImport: i0, template: "<div class=\"kit-textbox\"\n [ngClass]=\"state\"\n [class.disabled]=\"disabled\">\n @if (label) {\n <kit-input-label class=\"label\"\n [for]=\"textbox\"\n [text]=\"label\"\n ></kit-input-label>\n }\n <div class=\"kit-textbox-input\">\n @if (icon) {\n <kit-svg-icon class=\"kit-textbox-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n }\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-svg-icon class=\"kit-textbox-state-icon\"\n [icon]=\"textboxStateIcon[state]\"\n ></kit-svg-icon>\n </div>\n\n @if (messageText) {\n <kit-input-message [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-textbox .label{display:block;margin-bottom:4px}.kit-textbox-input{display:flex;align-items:center;padding:0 12px;border:1px solid var(--ui-kit-color-grey-11);border-radius:8px;background:var(--ui-kit-color-white)}.kit-textbox-icon{flex-shrink:0;display:block;margin-right:8px;width:16px;height:16px;fill:var(--ui-kit-color-grey-10)}.kit-textbox-state-icon{flex-shrink:0;display:block;margin-left:12px;width:14px;height:14px}.kit-textbox .k-input{padding:0;height:38px;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;opacity:1;box-shadow:none;border:none}.kit-textbox .k-input-inner{padding:0;width:100%;line-height:1}.kit-textbox .k-input-inner::placeholder{color:var(--ui-kit-color-grey-14)}.kit-textbox .k-input-prefix,.kit-textbox .k-input-suffix{height:0}.kit-textbox.default .kit-textbox-state-icon{fill:var(--ui-kit-color-grey-12)}.kit-textbox.default:hover .kit-textbox-input{border-color:var(--ui-kit-color-hover)}.kit-textbox.default:focus-within .kit-textbox-input{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-textbox.warning .kit-textbox-input{border-color:var(--ui-kit-color-orange)}.kit-textbox.warning .kit-textbox-state-icon,.kit-textbox.warning .kit-textbox-icon{fill:var(--ui-kit-color-orange)}.kit-textbox.warning:focus-within .kit-textbox-input{box-shadow:0 0 0 2px var(--ui-kit-color-orange-1)}.kit-textbox.error .kit-textbox-input{border-color:var(--ui-kit-color-red-1)}.kit-textbox.error .kit-textbox-state-icon,.kit-textbox.error .kit-textbox-icon{fill:var(--ui-kit-color-red-1)}.kit-textbox.error:focus-within .kit-textbox-input{box-shadow:0 0 0 2px var(--ui-kit-color-red-2)}.kit-textbox.success .kit-textbox-state-icon{fill:var(--ui-kit-color-green-1)}.kit-textbox.success:hover .kit-textbox-input{border-color:var(--ui-kit-color-green-1)}.kit-textbox.success:focus-within .kit-textbox-input{border-color:var(--ui-kit-color-green-1);box-shadow:0 0 0 2px var(--ui-kit-color-green-2)}.kit-textbox.disabled .k-input{color:var(--ui-kit-color-grey-12);background:var(--ui-kit-color-grey-13)}.kit-textbox.disabled .kit-textbox-input{border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-textbox.disabled .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-textbox.disabled .kit-textbox-icon{fill:var(--ui-kit-color-grey-12)}.kit-textbox.disabled:hover .kit-textbox-input{border-color:var(--ui-kit-color-grey-11)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "component", type: i3.KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }, { kind: "component", type: i4.KitInputMessageComponent, selector: "kit-input-message", inputs: ["icon", "message"] }, { kind: "component", type: i5.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
83
83
|
}
|
|
84
84
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitTextboxComponent, decorators: [{
|
|
85
85
|
type: Component,
|
|
@@ -87,7 +87,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImpor
|
|
|
87
87
|
provide: NG_VALUE_ACCESSOR,
|
|
88
88
|
useExisting: forwardRef(() => KitTextboxComponent),
|
|
89
89
|
multi: true,
|
|
90
|
-
}], template: "<div class=\"kit-textbox\"\n [ngClass]=\"state\"\n [class.disabled]=\"disabled\">\n @if (label) {\n <kit-input-label class=\"label\"\n [for]=\"textbox\"\n [text]=\"label\"\n ></kit-input-label>\n }\n <div class=\"kit-textbox-input\">\n @if (icon) {\n <kit-svg-icon class=\"kit-textbox-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n }\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-svg-icon class=\"kit-textbox-state-icon\"\n [icon]=\"textboxStateIcon[state]\"\n ></kit-svg-icon>\n </div>\n\n @if (messageText) {\n <kit-input-message [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-textbox .label{display:block;margin-bottom:4px}.kit-textbox-input{display:flex;align-items:center;padding:0 12px;border:1px solid var(--ui-kit-color-grey-
|
|
90
|
+
}], template: "<div class=\"kit-textbox\"\n [ngClass]=\"state\"\n [class.disabled]=\"disabled\">\n @if (label) {\n <kit-input-label class=\"label\"\n [for]=\"textbox\"\n [text]=\"label\"\n ></kit-input-label>\n }\n <div class=\"kit-textbox-input\">\n @if (icon) {\n <kit-svg-icon class=\"kit-textbox-icon\"\n [icon]=\"icon\"\n ></kit-svg-icon>\n }\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-svg-icon class=\"kit-textbox-state-icon\"\n [icon]=\"textboxStateIcon[state]\"\n ></kit-svg-icon>\n </div>\n\n @if (messageText) {\n <kit-input-message [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-textbox .label{display:block;margin-bottom:4px}.kit-textbox-input{display:flex;align-items:center;padding:0 12px;border:1px solid var(--ui-kit-color-grey-11);border-radius:8px;background:var(--ui-kit-color-white)}.kit-textbox-icon{flex-shrink:0;display:block;margin-right:8px;width:16px;height:16px;fill:var(--ui-kit-color-grey-10)}.kit-textbox-state-icon{flex-shrink:0;display:block;margin-left:12px;width:14px;height:14px}.kit-textbox .k-input{padding:0;height:38px;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;opacity:1;box-shadow:none;border:none}.kit-textbox .k-input-inner{padding:0;width:100%;line-height:1}.kit-textbox .k-input-inner::placeholder{color:var(--ui-kit-color-grey-14)}.kit-textbox .k-input-prefix,.kit-textbox .k-input-suffix{height:0}.kit-textbox.default .kit-textbox-state-icon{fill:var(--ui-kit-color-grey-12)}.kit-textbox.default:hover .kit-textbox-input{border-color:var(--ui-kit-color-hover)}.kit-textbox.default:focus-within .kit-textbox-input{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-textbox.warning .kit-textbox-input{border-color:var(--ui-kit-color-orange)}.kit-textbox.warning .kit-textbox-state-icon,.kit-textbox.warning .kit-textbox-icon{fill:var(--ui-kit-color-orange)}.kit-textbox.warning:focus-within .kit-textbox-input{box-shadow:0 0 0 2px var(--ui-kit-color-orange-1)}.kit-textbox.error .kit-textbox-input{border-color:var(--ui-kit-color-red-1)}.kit-textbox.error .kit-textbox-state-icon,.kit-textbox.error .kit-textbox-icon{fill:var(--ui-kit-color-red-1)}.kit-textbox.error:focus-within .kit-textbox-input{box-shadow:0 0 0 2px var(--ui-kit-color-red-2)}.kit-textbox.success .kit-textbox-state-icon{fill:var(--ui-kit-color-green-1)}.kit-textbox.success:hover .kit-textbox-input{border-color:var(--ui-kit-color-green-1)}.kit-textbox.success:focus-within .kit-textbox-input{border-color:var(--ui-kit-color-green-1);box-shadow:0 0 0 2px var(--ui-kit-color-green-2)}.kit-textbox.disabled .k-input{color:var(--ui-kit-color-grey-12);background:var(--ui-kit-color-grey-13)}.kit-textbox.disabled .kit-textbox-input{border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-textbox.disabled .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-textbox.disabled .kit-textbox-icon{fill:var(--ui-kit-color-grey-12)}.kit-textbox.disabled:hover .kit-textbox-input{border-color:var(--ui-kit-color-grey-11)}\n"] }]
|
|
91
91
|
}], propDecorators: { placeholder: [{
|
|
92
92
|
type: Input
|
|
93
93
|
}], label: [{
|
|
@@ -99,7 +99,7 @@ export class KitTimepickerComponent {
|
|
|
99
99
|
provide: NG_VALUE_ACCESSOR,
|
|
100
100
|
useExisting: forwardRef(() => KitTimepickerComponent),
|
|
101
101
|
multi: true,
|
|
102
|
-
}], ngImport: i0, template: "<div class=\"kit-timepicker\"\n [class.disabled]=\"disabled\"\n [class.invalid]=\"invalid\">\n @if (label) {\n <kit-input-label class=\"label\"\n [text]=\"label\"\n [for]=\"$any(timepicker)\"\n ></kit-input-label>\n }\n\n <kendo-timepicker #timepicker\n [title]=\"label\"\n [placeholder]=\"placeholder\"\n [min]=\"min\"\n [max]=\"max\"\n [format]=\"longFormatEnabled && longTimeFormat || shortTimeFormat\"\n [disabled]=\"disabled\"\n [value]=\"defaultValue\"\n [popupSettings]=\"timepickerPopupSettings\"\n (open)=\"popupOpened.emit()\"\n (close)=\"popupClosed.emit()\"\n (valueChange)=\"onInputChange($event)\"\n (blur)=\"onInputBlur()\">\n <kendo-timepicker-messages [accept]=\"applyButtonText\"\n [cancel]=\"cancelButtonText\"\n ></kendo-timepicker-messages>\n </kendo-timepicker>\n\n @if (messageText) {\n <kit-input-message [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-timepicker .label{display:block;margin-bottom:4px}.kit-timepicker:hover .k-timepicker{border-color:var(--ui-kit-color-hover)}.kit-timepicker .k-timepicker{height:40px;width:100%;font-size:14px;font-weight:400;border-radius:8px;border:1px solid var(--ui-kit-color-grey-
|
|
102
|
+
}], ngImport: i0, template: "<div class=\"kit-timepicker\"\n [class.disabled]=\"disabled\"\n [class.invalid]=\"invalid\">\n @if (label) {\n <kit-input-label class=\"label\"\n [text]=\"label\"\n [for]=\"$any(timepicker)\"\n ></kit-input-label>\n }\n\n <kendo-timepicker #timepicker\n [title]=\"label\"\n [placeholder]=\"placeholder\"\n [min]=\"min\"\n [max]=\"max\"\n [format]=\"longFormatEnabled && longTimeFormat || shortTimeFormat\"\n [disabled]=\"disabled\"\n [value]=\"defaultValue\"\n [popupSettings]=\"timepickerPopupSettings\"\n (open)=\"popupOpened.emit()\"\n (close)=\"popupClosed.emit()\"\n (valueChange)=\"onInputChange($event)\"\n (blur)=\"onInputBlur()\">\n <kendo-timepicker-messages [accept]=\"applyButtonText\"\n [cancel]=\"cancelButtonText\"\n ></kendo-timepicker-messages>\n </kendo-timepicker>\n\n @if (messageText) {\n <kit-input-message [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-timepicker .label{display:block;margin-bottom:4px}.kit-timepicker:hover .k-timepicker{border-color:var(--ui-kit-color-hover)}.kit-timepicker .k-timepicker{height:40px;width:100%;font-size:14px;font-weight:400;border-radius:8px;border:1px solid var(--ui-kit-color-grey-11);background-color:var(--ui-kit-color-white)}.kit-timepicker .k-timepicker.k-focus{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-timepicker .k-timepicker.k-focus .k-input-inner{box-shadow:none}.kit-timepicker .k-timepicker.k-focus .k-input-button{color:var(--ui-kit-color-main)}.kit-timepicker .k-dateinput{box-shadow:none}.kit-timepicker .k-input-inner{padding:0 0 0 12px;color:var(--ui-kit-color-grey-10);line-height:1}.kit-timepicker .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-timepicker .k-input-inner::selection{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-timepicker .k-input-button{padding:0 8px;width:auto;color:var(--ui-kit-color-grey-12);border:none;background:none;transition:none}.kit-timepicker .k-input-button .k-button-icon{width:20px;height:20px}.kit-timepicker .k-input-button:hover{color:var(--ui-kit-color-hover)}.kit-timepicker.disabled .k-timepicker{border-color:var(--ui-kit-color-grey-12)}.kit-timepicker.disabled .k-input-inner,.kit-timepicker.disabled .k-input-button{color:var(--ui-kit-color-grey-12);background-color:var(--ui-kit-color-grey-13)}.kit-timepicker.invalid .k-timepicker{border-color:var(--ui-kit-color-red-1)}.kit-timepicker.invalid .k-input-button{color:var(--ui-kit-color-red-1)}.kit-timepicker-popup.k-popup{margin-top:10px;padding:8px;width:296px;border:none;border-radius:8px;box-shadow:0 9px 28px 8px #0000000d,0 3px 6px -4px #0000001f,0 6px 16px #00000014;background-color:var(--ui-kit-color-white)}.kit-timepicker-popup.k-popup .k-time-header{padding:0 0 10px;color:var(--ui-kit-color-grey-10);font-size:14px;border-bottom:1px solid var(--ui-kit-color-grey-11)}.kit-timepicker-popup.k-popup .k-time-header .k-time-now{color:var(--ui-kit-color-grey-10)}.kit-timepicker-popup.k-popup .k-time-header .k-time-now:hover{color:var(--ui-kit-color-hover)}.kit-timepicker-popup.k-popup .k-time-header .k-time-now:hover:before{opacity:0}.kit-timepicker-popup.k-popup .k-time-header .k-title,.kit-timepicker-popup.k-popup .k-time-header .k-time-now{padding:6px 8px;font-weight:400;line-height:20px}.kit-timepicker-popup.k-popup .k-time-list-container{justify-content:center;padding:10px 0;gap:20px}.kit-timepicker-popup.k-popup .k-reset{display:flex;flex-direction:column;align-items:center;width:auto}.kit-timepicker-popup.k-popup .k-time-list-wrapper{flex-grow:0;padding:0;height:208px;min-width:auto}.kit-timepicker-popup.k-popup .k-time-list-wrapper .k-title{display:flex;align-items:center;justify-content:center;color:var(--ui-kit-color-main);font-size:14px;font-weight:400;height:24px}.kit-timepicker-popup.k-popup .k-time-list-wrapper:before,.kit-timepicker-popup.k-popup .k-time-list-wrapper:after{display:none}.kit-timepicker-popup.k-popup .k-time-list:before,.kit-timepicker-popup.k-popup .k-time-list:after{display:none}.kit-timepicker-popup.k-popup .k-item{display:flex;align-items:center;justify-content:center;padding:5px 0;height:24px;width:38px;color:var(--ui-kit-color-grey-12);font-size:16px;font-weight:400;line-height:22px}.kit-timepicker-popup.k-popup .k-item[aria-selected=true]{padding:10px 0;color:var(--ui-kit-color-main)}.kit-timepicker-popup.k-popup .k-time-separator{top:16px;color:var(--ui-kit-color-grey-10);font-size:16px}.kit-timepicker-popup.k-popup .k-time-highlight{top:50%;height:34px;border-color:var(--ui-kit-color-grey-12);transform:none}.kit-timepicker-popup.k-popup .k-time-footer{margin-top:0;padding:12px;justify-content:center;border-top:1px solid #006890}.kit-timepicker-popup.k-popup .k-time-footer .k-button{margin:0 5px;width:110px;height:30px;flex:0 0 auto;font-size:14px;font-weight:400;border-radius:4px;border:none;color:#27282a;background:#dadde3}.kit-timepicker-popup.k-popup .k-time-footer .k-time-accept{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-timepicker-popup.k-popup .k-actions{margin:0;padding:10px 0 0;flex-direction:row-reverse;justify-content:flex-start;border-top:1px solid var(--ui-kit-color-grey-11)}.kit-timepicker-popup.k-popup .k-actions .k-button{padding:0 19px;height:32px;width:auto;font-size:14px;font-weight:400;border-radius:6px;border:1px solid var(--ui-kit-color-grey-11);transition:none}.kit-timepicker-popup.k-popup .k-actions .k-button.k-time-cancel{background:var(--ui-kit-color-white)}.kit-timepicker-popup.k-popup .k-actions .k-button.k-time-cancel:hover{color:var(--ui-kit-color-hover);border-color:var(--ui-kit-color-hover)}.kit-timepicker-popup.k-popup .k-actions .k-button.k-time-cancel:active{border-color:var(--ui-kit-color-grey-11)}.kit-timepicker-popup.k-popup .k-actions .k-button.k-time-accept{border-color:transparent;background:var(--ui-kit-color-main)}.kit-timepicker-popup.k-popup .k-actions .k-button.k-time-accept:hover{background:var(--ui-kit-color-hover)}.kit-timepicker-popup.k-popup .k-actions .k-button.k-time-accept:active{background:var(--ui-kit-color-main)}.kit-timepicker-popup.k-popup .k-actions .k-button.k-time-accept:disabled{color:var(--ui-kit-color-grey-12);border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}\n"], dependencies: [{ kind: "component", type: i1.TimePickerCustomMessagesComponent, selector: "kendo-timepicker-messages" }, { kind: "component", type: i1.TimePickerComponent, selector: "kendo-timepicker", inputs: ["focusableId", "disabled", "readonly", "readOnlyInput", "format", "formatPlaceholder", "placeholder", "min", "max", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "cancelButton", "nowButton", "steps", "popupSettings", "tabindex", "tabIndex", "title", "subtitle", "rangeValidation", "adaptiveMode", "value", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "open", "close"], exportAs: ["kendo-timepicker"] }, { kind: "component", type: i2.KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }, { kind: "component", type: i3.KitInputMessageComponent, selector: "kit-input-message", inputs: ["icon", "message"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
103
103
|
}
|
|
104
104
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitTimepickerComponent, decorators: [{
|
|
105
105
|
type: Component,
|
|
@@ -107,7 +107,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImpor
|
|
|
107
107
|
provide: NG_VALUE_ACCESSOR,
|
|
108
108
|
useExisting: forwardRef(() => KitTimepickerComponent),
|
|
109
109
|
multi: true,
|
|
110
|
-
}], encapsulation: ViewEncapsulation.None, template: "<div class=\"kit-timepicker\"\n [class.disabled]=\"disabled\"\n [class.invalid]=\"invalid\">\n @if (label) {\n <kit-input-label class=\"label\"\n [text]=\"label\"\n [for]=\"$any(timepicker)\"\n ></kit-input-label>\n }\n\n <kendo-timepicker #timepicker\n [title]=\"label\"\n [placeholder]=\"placeholder\"\n [min]=\"min\"\n [max]=\"max\"\n [format]=\"longFormatEnabled && longTimeFormat || shortTimeFormat\"\n [disabled]=\"disabled\"\n [value]=\"defaultValue\"\n [popupSettings]=\"timepickerPopupSettings\"\n (open)=\"popupOpened.emit()\"\n (close)=\"popupClosed.emit()\"\n (valueChange)=\"onInputChange($event)\"\n (blur)=\"onInputBlur()\">\n <kendo-timepicker-messages [accept]=\"applyButtonText\"\n [cancel]=\"cancelButtonText\"\n ></kendo-timepicker-messages>\n </kendo-timepicker>\n\n @if (messageText) {\n <kit-input-message [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-timepicker .label{display:block;margin-bottom:4px}.kit-timepicker:hover .k-timepicker{border-color:var(--ui-kit-color-hover)}.kit-timepicker .k-timepicker{height:40px;width:100%;font-size:14px;font-weight:400;border-radius:8px;border:1px solid var(--ui-kit-color-grey-
|
|
110
|
+
}], encapsulation: ViewEncapsulation.None, template: "<div class=\"kit-timepicker\"\n [class.disabled]=\"disabled\"\n [class.invalid]=\"invalid\">\n @if (label) {\n <kit-input-label class=\"label\"\n [text]=\"label\"\n [for]=\"$any(timepicker)\"\n ></kit-input-label>\n }\n\n <kendo-timepicker #timepicker\n [title]=\"label\"\n [placeholder]=\"placeholder\"\n [min]=\"min\"\n [max]=\"max\"\n [format]=\"longFormatEnabled && longTimeFormat || shortTimeFormat\"\n [disabled]=\"disabled\"\n [value]=\"defaultValue\"\n [popupSettings]=\"timepickerPopupSettings\"\n (open)=\"popupOpened.emit()\"\n (close)=\"popupClosed.emit()\"\n (valueChange)=\"onInputChange($event)\"\n (blur)=\"onInputBlur()\">\n <kendo-timepicker-messages [accept]=\"applyButtonText\"\n [cancel]=\"cancelButtonText\"\n ></kendo-timepicker-messages>\n </kendo-timepicker>\n\n @if (messageText) {\n <kit-input-message [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-timepicker .label{display:block;margin-bottom:4px}.kit-timepicker:hover .k-timepicker{border-color:var(--ui-kit-color-hover)}.kit-timepicker .k-timepicker{height:40px;width:100%;font-size:14px;font-weight:400;border-radius:8px;border:1px solid var(--ui-kit-color-grey-11);background-color:var(--ui-kit-color-white)}.kit-timepicker .k-timepicker.k-focus{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-timepicker .k-timepicker.k-focus .k-input-inner{box-shadow:none}.kit-timepicker .k-timepicker.k-focus .k-input-button{color:var(--ui-kit-color-main)}.kit-timepicker .k-dateinput{box-shadow:none}.kit-timepicker .k-input-inner{padding:0 0 0 12px;color:var(--ui-kit-color-grey-10);line-height:1}.kit-timepicker .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-timepicker .k-input-inner::selection{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-timepicker .k-input-button{padding:0 8px;width:auto;color:var(--ui-kit-color-grey-12);border:none;background:none;transition:none}.kit-timepicker .k-input-button .k-button-icon{width:20px;height:20px}.kit-timepicker .k-input-button:hover{color:var(--ui-kit-color-hover)}.kit-timepicker.disabled .k-timepicker{border-color:var(--ui-kit-color-grey-12)}.kit-timepicker.disabled .k-input-inner,.kit-timepicker.disabled .k-input-button{color:var(--ui-kit-color-grey-12);background-color:var(--ui-kit-color-grey-13)}.kit-timepicker.invalid .k-timepicker{border-color:var(--ui-kit-color-red-1)}.kit-timepicker.invalid .k-input-button{color:var(--ui-kit-color-red-1)}.kit-timepicker-popup.k-popup{margin-top:10px;padding:8px;width:296px;border:none;border-radius:8px;box-shadow:0 9px 28px 8px #0000000d,0 3px 6px -4px #0000001f,0 6px 16px #00000014;background-color:var(--ui-kit-color-white)}.kit-timepicker-popup.k-popup .k-time-header{padding:0 0 10px;color:var(--ui-kit-color-grey-10);font-size:14px;border-bottom:1px solid var(--ui-kit-color-grey-11)}.kit-timepicker-popup.k-popup .k-time-header .k-time-now{color:var(--ui-kit-color-grey-10)}.kit-timepicker-popup.k-popup .k-time-header .k-time-now:hover{color:var(--ui-kit-color-hover)}.kit-timepicker-popup.k-popup .k-time-header .k-time-now:hover:before{opacity:0}.kit-timepicker-popup.k-popup .k-time-header .k-title,.kit-timepicker-popup.k-popup .k-time-header .k-time-now{padding:6px 8px;font-weight:400;line-height:20px}.kit-timepicker-popup.k-popup .k-time-list-container{justify-content:center;padding:10px 0;gap:20px}.kit-timepicker-popup.k-popup .k-reset{display:flex;flex-direction:column;align-items:center;width:auto}.kit-timepicker-popup.k-popup .k-time-list-wrapper{flex-grow:0;padding:0;height:208px;min-width:auto}.kit-timepicker-popup.k-popup .k-time-list-wrapper .k-title{display:flex;align-items:center;justify-content:center;color:var(--ui-kit-color-main);font-size:14px;font-weight:400;height:24px}.kit-timepicker-popup.k-popup .k-time-list-wrapper:before,.kit-timepicker-popup.k-popup .k-time-list-wrapper:after{display:none}.kit-timepicker-popup.k-popup .k-time-list:before,.kit-timepicker-popup.k-popup .k-time-list:after{display:none}.kit-timepicker-popup.k-popup .k-item{display:flex;align-items:center;justify-content:center;padding:5px 0;height:24px;width:38px;color:var(--ui-kit-color-grey-12);font-size:16px;font-weight:400;line-height:22px}.kit-timepicker-popup.k-popup .k-item[aria-selected=true]{padding:10px 0;color:var(--ui-kit-color-main)}.kit-timepicker-popup.k-popup .k-time-separator{top:16px;color:var(--ui-kit-color-grey-10);font-size:16px}.kit-timepicker-popup.k-popup .k-time-highlight{top:50%;height:34px;border-color:var(--ui-kit-color-grey-12);transform:none}.kit-timepicker-popup.k-popup .k-time-footer{margin-top:0;padding:12px;justify-content:center;border-top:1px solid #006890}.kit-timepicker-popup.k-popup .k-time-footer .k-button{margin:0 5px;width:110px;height:30px;flex:0 0 auto;font-size:14px;font-weight:400;border-radius:4px;border:none;color:#27282a;background:#dadde3}.kit-timepicker-popup.k-popup .k-time-footer .k-time-accept{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-timepicker-popup.k-popup .k-actions{margin:0;padding:10px 0 0;flex-direction:row-reverse;justify-content:flex-start;border-top:1px solid var(--ui-kit-color-grey-11)}.kit-timepicker-popup.k-popup .k-actions .k-button{padding:0 19px;height:32px;width:auto;font-size:14px;font-weight:400;border-radius:6px;border:1px solid var(--ui-kit-color-grey-11);transition:none}.kit-timepicker-popup.k-popup .k-actions .k-button.k-time-cancel{background:var(--ui-kit-color-white)}.kit-timepicker-popup.k-popup .k-actions .k-button.k-time-cancel:hover{color:var(--ui-kit-color-hover);border-color:var(--ui-kit-color-hover)}.kit-timepicker-popup.k-popup .k-actions .k-button.k-time-cancel:active{border-color:var(--ui-kit-color-grey-11)}.kit-timepicker-popup.k-popup .k-actions .k-button.k-time-accept{border-color:transparent;background:var(--ui-kit-color-main)}.kit-timepicker-popup.k-popup .k-actions .k-button.k-time-accept:hover{background:var(--ui-kit-color-hover)}.kit-timepicker-popup.k-popup .k-actions .k-button.k-time-accept:active{background:var(--ui-kit-color-main)}.kit-timepicker-popup.k-popup .k-actions .k-button.k-time-accept:disabled{color:var(--ui-kit-color-grey-12);border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}\n"] }]
|
|
111
111
|
}], propDecorators: { label: [{
|
|
112
112
|
type: Input
|
|
113
113
|
}], placeholder: [{
|