@indigina/ui-kit 1.1.22 → 1.1.24
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/assets/icons/check-circle-filled.svg +3 -0
- package/assets/icons/close-circle-filled.svg +3 -0
- package/assets/icons/info-circle.svg +4 -0
- package/assets/icons/warning-circle-filled.svg +3 -0
- package/esm2022/lib/components/kit-autocomplete/kit-autocomplete.component.mjs +2 -2
- package/esm2022/lib/components/kit-checkbox/kit-checkbox.component.mjs +2 -2
- package/esm2022/lib/components/kit-dropdown/kit-dropdown.component.mjs +2 -2
- package/esm2022/lib/components/kit-multiselect/kit-multiselect.component.mjs +2 -2
- package/esm2022/lib/components/kit-radio-button/kit-radio-button.component.mjs +6 -7
- package/esm2022/lib/components/kit-svg-icon/kit-svg-icon.const.mjs +5 -1
- package/esm2022/lib/components/kit-svg-sprite/kit-svg-sprite.component.mjs +3 -3
- package/esm2022/lib/components/kit-switch/kit-switch.component.mjs +2 -2
- package/esm2022/lib/components/kit-text-label/kit-text-label.component.mjs +2 -2
- package/esm2022/lib/components/kit-textbox/kit-textbox.component.mjs +22 -5
- package/esm2022/lib/components/kit-textbox/kit-textbox.const.mjs +8 -0
- package/esm2022/lib/components/kit-textbox/kit-textbox.module.mjs +7 -3
- package/fesm2022/indigina-ui-kit.mjs +44 -22
- package/fesm2022/indigina-ui-kit.mjs.map +1 -1
- package/lib/components/kit-svg-icon/kit-svg-icon.const.d.ts +5 -1
- package/lib/components/kit-textbox/kit-textbox.component.d.ts +11 -1
- package/lib/components/kit-textbox/kit-textbox.const.d.ts +6 -0
- package/lib/components/kit-textbox/kit-textbox.module.d.ts +2 -1
- package/package.json +1 -1
- package/styles/theming.scss +4 -1
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M7.10724 13.1333C3.88558 13.1333 1.27391 10.5216 1.27391 7.30001C1.27391 4.07835 3.88558 1.46667 7.10724 1.46667C10.3289 1.46667 12.9406 4.07835 12.9406 7.30001C12.9406 10.5216 10.3289 13.1333 7.10724 13.1333ZM6.52543 9.63334L10.6502 5.50855L9.82528 4.68359L6.52543 7.98344L4.87553 6.33348L4.05057 7.15849L6.52543 9.63334Z"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M7 12.9334C3.77834 12.9334 1.16667 10.3217 1.16667 7.10006C1.16667 3.87839 3.77834 1.26672 7 1.26672C10.2216 1.26672 12.8333 3.87839 12.8333 7.10006C12.8333 10.3217 10.2216 12.9334 7 12.9334ZM7 6.27511L5.35009 4.62518L4.52513 5.45014L6.17506 7.10006L4.52513 8.74996L5.35009 9.57491L7 7.92501L8.6499 9.57491L9.47485 8.74996L7.82495 7.10006L9.47485 5.45014L8.6499 4.62518L7 6.27511Z"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<svg width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M7 0.700012C3.13437 0.700012 0 3.83439 0 7.70001C0 11.5656 3.13437 14.7 7 14.7C10.8656 14.7 14 11.5656 14 7.70001C14 3.83439 10.8656 0.700012 7 0.700012ZM7 13.5125C3.79063 13.5125 1.1875 10.9094 1.1875 7.70001C1.1875 4.49064 3.79063 1.88751 7 1.88751C10.2094 1.88751 12.8125 4.49064 12.8125 7.70001C12.8125 10.9094 10.2094 13.5125 7 13.5125Z" />
|
|
3
|
+
<path d="M6.24976 4.95001C6.24976 5.14892 6.32877 5.33969 6.46943 5.48034C6.61008 5.62099 6.80084 5.70001 6.99976 5.70001C7.19867 5.70001 7.38943 5.62099 7.53009 5.48034C7.67074 5.33969 7.74976 5.14892 7.74976 4.95001C7.74976 4.7511 7.67074 4.56033 7.53009 4.41968C7.38943 4.27903 7.19867 4.20001 6.99976 4.20001C6.80084 4.20001 6.61008 4.27903 6.46943 4.41968C6.32877 4.56033 6.24976 4.7511 6.24976 4.95001ZM7.37476 6.70001H6.62476C6.55601 6.70001 6.49976 6.75626 6.49976 6.82501V11.075C6.49976 11.1438 6.55601 11.2 6.62476 11.2H7.37476C7.44351 11.2 7.49976 11.1438 7.49976 11.075V6.82501C7.49976 6.75626 7.44351 6.70001 7.37476 6.70001Z" />
|
|
4
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M7 1.77502C3.61758 1.77502 0.875 4.5176 0.875 7.90002C0.875 11.2824 3.61758 14.025 7 14.025C10.3824 14.025 13.125 11.2824 13.125 7.90002C13.125 4.5176 10.3824 1.77502 7 1.77502ZM6.5625 4.9469C6.5625 4.88674 6.61172 4.83752 6.67188 4.83752H7.32812C7.38828 4.83752 7.4375 4.88674 7.4375 4.9469V8.66565C7.4375 8.72581 7.38828 8.77502 7.32812 8.77502H6.67188C6.61172 8.77502 6.5625 8.72581 6.5625 8.66565V4.9469ZM7 10.9625C6.82827 10.959 6.66476 10.8883 6.54455 10.7656C6.42434 10.643 6.35701 10.478 6.35701 10.3063C6.35701 10.1345 6.42434 9.96959 6.54455 9.8469C6.66476 9.72421 6.82827 9.65353 7 9.65002C7.17173 9.65353 7.33524 9.72421 7.45545 9.8469C7.57566 9.96959 7.64299 10.1345 7.64299 10.3063C7.64299 10.478 7.57566 10.643 7.45545 10.7656C7.33524 10.8883 7.17173 10.959 7 10.9625Z"/>
|
|
3
|
+
</svg>
|
|
@@ -139,7 +139,7 @@ export class KitAutocompleteComponent {
|
|
|
139
139
|
provide: NG_VALUE_ACCESSOR,
|
|
140
140
|
useExisting: forwardRef(() => KitAutocompleteComponent),
|
|
141
141
|
multi: true,
|
|
142
|
-
}], viewQueries: [{ propertyName: "combobox", first: true, predicate: ["combobox"], descendants: true }], ngImport: i0, template: "<div class=\"kit-autocomplete {{ state }}\"\n [class.autocomplete-empty]=\"!items || !items.length\"\n [class.autocomplete-disabled]=\"disabled\"\n [class.autocomplete-loading]=\"loaderVisible\">\n <kendo-label *ngIf=\"label\" class=\"label display-block\"\n [text]=\"label\"\n [for]=\"combobox\">\n </kendo-label>\n <div class=\"autocomplete-wrap\">\n <kendo-combobox #combobox textField=\"text\" valueField=\"value\"\n kendoDropDownFilter\n [data]=\"items\"\n [placeholder]=\"placeholder\"\n [filterable]=\"true\"\n [disabled]=\"disabled\"\n [clearButton]=\"false\"\n [value]=\"selectedValue\"\n [allowCustom]=\"true\"\n [valueNormalizer]=\"normalizedSelectedValue$\"\n [popupSettings]=\"dropdownPopupSettings\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n (selectionChange)=\"onValueSelect($event)\"\n (filterChange)=\"onFilterChange($event)\">\n <ng-template kendoComboBoxHeaderTemplate>\n <kit-loader *ngIf=\"loaderVisible\" class=\"popup-loader\"></kit-loader>\n </ng-template>\n <ng-template kendoComboBoxItemTemplate let-item>\n <span class=\"template\">{{ getOptionText(item) }}</span>\n </ng-template>\n </kendo-combobox>\n <kit-svg-icon class=\"input-icon\" icon=\"search\"></kit-svg-icon>\n </div>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}:root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-hover: #3678c3;--ui-kit-color-selected: #3678c366;--ui-kit-color-active: #002a3a;--ui-
|
|
142
|
+
}], viewQueries: [{ propertyName: "combobox", first: true, predicate: ["combobox"], descendants: true }], ngImport: i0, template: "<div class=\"kit-autocomplete {{ state }}\"\n [class.autocomplete-empty]=\"!items || !items.length\"\n [class.autocomplete-disabled]=\"disabled\"\n [class.autocomplete-loading]=\"loaderVisible\">\n <kendo-label *ngIf=\"label\" class=\"label display-block\"\n [text]=\"label\"\n [for]=\"combobox\">\n </kendo-label>\n <div class=\"autocomplete-wrap\">\n <kendo-combobox #combobox textField=\"text\" valueField=\"value\"\n kendoDropDownFilter\n [data]=\"items\"\n [placeholder]=\"placeholder\"\n [filterable]=\"true\"\n [disabled]=\"disabled\"\n [clearButton]=\"false\"\n [value]=\"selectedValue\"\n [allowCustom]=\"true\"\n [valueNormalizer]=\"normalizedSelectedValue$\"\n [popupSettings]=\"dropdownPopupSettings\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n (selectionChange)=\"onValueSelect($event)\"\n (filterChange)=\"onFilterChange($event)\">\n <ng-template kendoComboBoxHeaderTemplate>\n <kit-loader *ngIf=\"loaderVisible\" class=\"popup-loader\"></kit-loader>\n </ng-template>\n <ng-template kendoComboBoxItemTemplate let-item>\n <span class=\"template\">{{ getOptionText(item) }}</span>\n </ng-template>\n </kendo-combobox>\n <kit-svg-icon class=\"input-icon\" icon=\"search\"></kit-svg-icon>\n </div>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}:root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-hover: #3678c3;--ui-kit-color-selected: #3678c366;--ui-kit-color-active: #002a3a;--ui-kit-color-focus: #56a2f733;--ui-kit-color-grey-0: #252b30;--ui-kit-color-grey-2: #a7b2c3;--ui-kit-color-grey-3: #c2d1d9;--ui-kit-color-grey-4: #e2e7ed;--ui-kit-color-grey-5: #fafafc;--ui-kit-color-grey-6: #ebebe4;--ui-kit-color-grey-7: #a9a8a8;--ui-kit-color-grey-8: #efefef;--ui-kit-color-grey-9: #969696;--ui-kit-color-grey-10: #2a2b32;--ui-kit-color-grey-11: #e3e4e5;--ui-kit-color-grey-12: #a9aec3;--ui-kit-color-grey-13: #f7f7f8;--ui-kit-color-grey-14: #565963;--ui-kit-color-green: #00b0ad;--ui-kit-color-green-1: #39c237;--ui-kit-color-green-2: #39c23733;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0;--ui-kit-color-red-1: #f5222d;--ui-kit-color-red-2: #f5222d33;--ui-kit-color-cobalt: #006890;--ui-kit-color-cobalt-darkest: #002a3a;--ui-kit-color-teal: #23afd2;--ui-kit-color-orange: #faad14;--ui-kit-color-orange-1: #faad1433}.kit-autocomplete .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-autocomplete .autocomplete-wrap{position:relative;display:flex;align-items:center}.kit-autocomplete .k-input-button{display:none}.kit-autocomplete .k-combobox{position:static;padding:0 32px 0 8px;height:34px;border:1px solid #efefef;border-radius:4px;background:#fff}.kit-autocomplete .k-combobox.k-focus{box-shadow:none}.kit-autocomplete .k-input-inner{padding:0;color:#002a3a;font-size:13px;line-height:1}.kit-autocomplete .k-input-inner::selection{color:#fff;background:#00b0ad}.kit-autocomplete .popup-loader{height:100%}.kit-autocomplete .kit-loader,.kit-autocomplete .kit-loader>div{height:100%}.kit-autocomplete .kit-loader .circle{box-sizing:content-box}.kit-autocomplete .input-icon{position:absolute;right:8px;width:16px;height:16px;fill:#fff;stroke:#000}.kit-autocomplete .kit-autocomplete-popup{margin-top:4px;border:1px solid #c1c7d0;border-radius:4px;box-shadow:0 0 5px #003e5680;background-color:#f3f4f6;padding:4px}.kit-autocomplete .kit-autocomplete-popup .k-list{background-color:#f3f4f6}.kit-autocomplete .kit-autocomplete-popup .k-list-item{padding:8px;min-height:auto;background-color:#fff;font-size:13px;font-weight:500;line-height:1.26;box-shadow:none;border-radius:2px;color:#002a3a}.kit-autocomplete .kit-autocomplete-popup .k-list-item:not(:last-of-type){margin-bottom:4px}.kit-autocomplete .kit-autocomplete-popup .k-list-item:hover{background-color:#f3f5fa;color:#56a2f7}.kit-autocomplete:focus-within .k-combobox{border-color:#00b0ad}.kit-autocomplete.autocomplete-empty .kit-autocomplete-popup{display:none}.kit-autocomplete.autocomplete-loading .kit-autocomplete-popup{display:block;height:200px}.kit-autocomplete.autocomplete-loading .kit-autocomplete-popup .k-no-data,.kit-autocomplete.autocomplete-loading .kit-autocomplete-popup .k-list{display:none}.kit-autocomplete.autocomplete-disabled .label{color:#74777d}.kit-autocomplete.danger .k-combobox{border-color:#ef3e42;background:#f8e0e0}.kit-autocomplete.danger .input-icon{fill:#f8e0e0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.HeaderTemplateDirective, selector: "[kendoDropDownListHeaderTemplate],[kendoComboBoxHeaderTemplate],[kendoDropDownTreeHeaderTemplate],[kendoMultiColumnComboBoxHeaderTemplate],[kendoAutoCompleteHeaderTemplate],[kendoMultiSelectHeaderTemplate],[kendoMultiSelectTreeHeaderTemplate]" }, { kind: "directive", type: i2.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: i2.FilterDirective, selector: "[kendoDropDownFilter]", inputs: ["data", "kendoDropDownFilter", "filterable"] }, { kind: "component", type: i2.ComboBoxComponent, selector: "kendo-combobox", inputs: ["icon", "svgIcon", "showStickyHeader", "focusableId", "allowCustom", "data", "value", "textField", "valueField", "valuePrimitive", "valueNormalizer", "placeholder", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "loading", "suggest", "clearButton", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode"], outputs: ["valueChange", "selectionChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoComboBox"] }, { kind: "component", type: i3.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "component", type: i4.KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }, { kind: "component", type: i5.KitLoaderComponent, selector: "kit-loader" }, { kind: "component", type: i6.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
143
143
|
}
|
|
144
144
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitAutocompleteComponent, decorators: [{
|
|
145
145
|
type: Component,
|
|
@@ -147,7 +147,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImpor
|
|
|
147
147
|
provide: NG_VALUE_ACCESSOR,
|
|
148
148
|
useExisting: forwardRef(() => KitAutocompleteComponent),
|
|
149
149
|
multi: true,
|
|
150
|
-
}], template: "<div class=\"kit-autocomplete {{ state }}\"\n [class.autocomplete-empty]=\"!items || !items.length\"\n [class.autocomplete-disabled]=\"disabled\"\n [class.autocomplete-loading]=\"loaderVisible\">\n <kendo-label *ngIf=\"label\" class=\"label display-block\"\n [text]=\"label\"\n [for]=\"combobox\">\n </kendo-label>\n <div class=\"autocomplete-wrap\">\n <kendo-combobox #combobox textField=\"text\" valueField=\"value\"\n kendoDropDownFilter\n [data]=\"items\"\n [placeholder]=\"placeholder\"\n [filterable]=\"true\"\n [disabled]=\"disabled\"\n [clearButton]=\"false\"\n [value]=\"selectedValue\"\n [allowCustom]=\"true\"\n [valueNormalizer]=\"normalizedSelectedValue$\"\n [popupSettings]=\"dropdownPopupSettings\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n (selectionChange)=\"onValueSelect($event)\"\n (filterChange)=\"onFilterChange($event)\">\n <ng-template kendoComboBoxHeaderTemplate>\n <kit-loader *ngIf=\"loaderVisible\" class=\"popup-loader\"></kit-loader>\n </ng-template>\n <ng-template kendoComboBoxItemTemplate let-item>\n <span class=\"template\">{{ getOptionText(item) }}</span>\n </ng-template>\n </kendo-combobox>\n <kit-svg-icon class=\"input-icon\" icon=\"search\"></kit-svg-icon>\n </div>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}:root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-hover: #3678c3;--ui-kit-color-selected: #3678c366;--ui-kit-color-active: #002a3a;--ui-
|
|
150
|
+
}], template: "<div class=\"kit-autocomplete {{ state }}\"\n [class.autocomplete-empty]=\"!items || !items.length\"\n [class.autocomplete-disabled]=\"disabled\"\n [class.autocomplete-loading]=\"loaderVisible\">\n <kendo-label *ngIf=\"label\" class=\"label display-block\"\n [text]=\"label\"\n [for]=\"combobox\">\n </kendo-label>\n <div class=\"autocomplete-wrap\">\n <kendo-combobox #combobox textField=\"text\" valueField=\"value\"\n kendoDropDownFilter\n [data]=\"items\"\n [placeholder]=\"placeholder\"\n [filterable]=\"true\"\n [disabled]=\"disabled\"\n [clearButton]=\"false\"\n [value]=\"selectedValue\"\n [allowCustom]=\"true\"\n [valueNormalizer]=\"normalizedSelectedValue$\"\n [popupSettings]=\"dropdownPopupSettings\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n (selectionChange)=\"onValueSelect($event)\"\n (filterChange)=\"onFilterChange($event)\">\n <ng-template kendoComboBoxHeaderTemplate>\n <kit-loader *ngIf=\"loaderVisible\" class=\"popup-loader\"></kit-loader>\n </ng-template>\n <ng-template kendoComboBoxItemTemplate let-item>\n <span class=\"template\">{{ getOptionText(item) }}</span>\n </ng-template>\n </kendo-combobox>\n <kit-svg-icon class=\"input-icon\" icon=\"search\"></kit-svg-icon>\n </div>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}:root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-hover: #3678c3;--ui-kit-color-selected: #3678c366;--ui-kit-color-active: #002a3a;--ui-kit-color-focus: #56a2f733;--ui-kit-color-grey-0: #252b30;--ui-kit-color-grey-2: #a7b2c3;--ui-kit-color-grey-3: #c2d1d9;--ui-kit-color-grey-4: #e2e7ed;--ui-kit-color-grey-5: #fafafc;--ui-kit-color-grey-6: #ebebe4;--ui-kit-color-grey-7: #a9a8a8;--ui-kit-color-grey-8: #efefef;--ui-kit-color-grey-9: #969696;--ui-kit-color-grey-10: #2a2b32;--ui-kit-color-grey-11: #e3e4e5;--ui-kit-color-grey-12: #a9aec3;--ui-kit-color-grey-13: #f7f7f8;--ui-kit-color-grey-14: #565963;--ui-kit-color-green: #00b0ad;--ui-kit-color-green-1: #39c237;--ui-kit-color-green-2: #39c23733;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0;--ui-kit-color-red-1: #f5222d;--ui-kit-color-red-2: #f5222d33;--ui-kit-color-cobalt: #006890;--ui-kit-color-cobalt-darkest: #002a3a;--ui-kit-color-teal: #23afd2;--ui-kit-color-orange: #faad14;--ui-kit-color-orange-1: #faad1433}.kit-autocomplete .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-autocomplete .autocomplete-wrap{position:relative;display:flex;align-items:center}.kit-autocomplete .k-input-button{display:none}.kit-autocomplete .k-combobox{position:static;padding:0 32px 0 8px;height:34px;border:1px solid #efefef;border-radius:4px;background:#fff}.kit-autocomplete .k-combobox.k-focus{box-shadow:none}.kit-autocomplete .k-input-inner{padding:0;color:#002a3a;font-size:13px;line-height:1}.kit-autocomplete .k-input-inner::selection{color:#fff;background:#00b0ad}.kit-autocomplete .popup-loader{height:100%}.kit-autocomplete .kit-loader,.kit-autocomplete .kit-loader>div{height:100%}.kit-autocomplete .kit-loader .circle{box-sizing:content-box}.kit-autocomplete .input-icon{position:absolute;right:8px;width:16px;height:16px;fill:#fff;stroke:#000}.kit-autocomplete .kit-autocomplete-popup{margin-top:4px;border:1px solid #c1c7d0;border-radius:4px;box-shadow:0 0 5px #003e5680;background-color:#f3f4f6;padding:4px}.kit-autocomplete .kit-autocomplete-popup .k-list{background-color:#f3f4f6}.kit-autocomplete .kit-autocomplete-popup .k-list-item{padding:8px;min-height:auto;background-color:#fff;font-size:13px;font-weight:500;line-height:1.26;box-shadow:none;border-radius:2px;color:#002a3a}.kit-autocomplete .kit-autocomplete-popup .k-list-item:not(:last-of-type){margin-bottom:4px}.kit-autocomplete .kit-autocomplete-popup .k-list-item:hover{background-color:#f3f5fa;color:#56a2f7}.kit-autocomplete:focus-within .k-combobox{border-color:#00b0ad}.kit-autocomplete.autocomplete-empty .kit-autocomplete-popup{display:none}.kit-autocomplete.autocomplete-loading .kit-autocomplete-popup{display:block;height:200px}.kit-autocomplete.autocomplete-loading .kit-autocomplete-popup .k-no-data,.kit-autocomplete.autocomplete-loading .kit-autocomplete-popup .k-list{display:none}.kit-autocomplete.autocomplete-disabled .label{color:#74777d}.kit-autocomplete.danger .k-combobox{border-color:#ef3e42;background:#f8e0e0}.kit-autocomplete.danger .input-icon{fill:#f8e0e0}\n"] }]
|
|
151
151
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { label: [{
|
|
152
152
|
type: Input
|
|
153
153
|
}], placeholder: [{
|
|
@@ -86,7 +86,7 @@ export class KitCheckboxComponent {
|
|
|
86
86
|
provide: NG_VALUE_ACCESSOR,
|
|
87
87
|
useExisting: forwardRef(() => KitCheckboxComponent),
|
|
88
88
|
multi: true,
|
|
89
|
-
}], ngImport: i0, template: "<div class=\"kit-checkbox\">\n <label class=\"kit-checkbox-item {{ state }}\"\n [ngClass]=\"setCssClasses(checkbox)\"\n (click)=\"handleClick($event)\">\n <div class=\"kit-checkbox-input\">\n <input #checkbox\n kendoCheckBox\n type=\"checkbox\"\n [checked]=\"defaultChecked\"\n [readonly]=\"readonly\"\n [disabled]=\"disabled\"\n (change)=\"onInputStateChange($event)\" />\n <kit-svg-icon class=\"kit-checkbox-icon\"\n [icon]=\"checkIcon\"\n ></kit-svg-icon>\n </div>\n @if (label) {\n <span class=\"kit-checkbox-label\">\n {{ label }}\n </span>\n }\n </label>\n\n @if (messageText) {\n <kit-input-message [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-checkbox-item{display:flex;align-items:center;cursor:pointer}.kit-checkbox-item.readonly{pointer-events:none;cursor:default}.kit-checkbox-item.disabled{cursor:default}.kit-checkbox-item.disabled .kit-checkbox-label{color:var(--ui-kit-color-grey-12)}.kit-checkbox-item.disabled.checked .kit-checkbox-input{border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-checkbox-item.disabled.checked .kit-checkbox-icon{stroke:var(--ui-kit-color-grey-12)}.kit-checkbox-item.checked .kit-checkbox-input{border-color:var(--ui-kit-color-main);background-color:var(--ui-kit-color-main)}.kit-checkbox-item.checked .kit-checkbox-input .kit-checkbox-icon{opacity:1}.kit-checkbox-item.danger .kit-checkbox-input{border-color:var(--ui-kit-color-red);background-color:var(--ui-kit-color-red-20)}.kit-checkbox-item.danger:hover .kit-checkbox-input{background-color:var(--ui-kit-color-red-20);border-color:var(--ui-kit-color-red)}.kit-checkbox-item.danger.disabled .kit-checkbox-input{border-color:var(--ui-kit-color-grey-11)}.kit-checkbox-item.danger.checked .kit-checkbox-icon{stroke:var(--ui-kit-color-red)}.kit-checkbox-item.danger.checked.disabled .kit-checkbox-input{background-color:var(--ui-kit-color-red-20)}.kit-checkbox-item.danger.checked.disabled .kit-checkbox-icon{stroke:var(--ui-kit-color-grey-12)}.kit-checkbox-item.danger:focus-within .kit-checkbox-input{box-shadow:0 0 0 2px var(--ui-kit-color-red-20)}.kit-checkbox-item:hover:not(.readonly):not(.disabled) .kit-checkbox-input{border-color:var(--ui-kit-color-main)}.kit-checkbox-item:focus-within .kit-checkbox-input{box-shadow:0 0 0 2px var(--ui-
|
|
89
|
+
}], ngImport: i0, template: "<div class=\"kit-checkbox\">\n <label class=\"kit-checkbox-item {{ state }}\"\n [ngClass]=\"setCssClasses(checkbox)\"\n (click)=\"handleClick($event)\">\n <div class=\"kit-checkbox-input\">\n <input #checkbox\n kendoCheckBox\n type=\"checkbox\"\n [checked]=\"defaultChecked\"\n [readonly]=\"readonly\"\n [disabled]=\"disabled\"\n (change)=\"onInputStateChange($event)\" />\n <kit-svg-icon class=\"kit-checkbox-icon\"\n [icon]=\"checkIcon\"\n ></kit-svg-icon>\n </div>\n @if (label) {\n <span class=\"kit-checkbox-label\">\n {{ label }}\n </span>\n }\n </label>\n\n @if (messageText) {\n <kit-input-message [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-checkbox-item{display:flex;align-items:center;cursor:pointer}.kit-checkbox-item.readonly{pointer-events:none;cursor:default}.kit-checkbox-item.disabled{cursor:default}.kit-checkbox-item.disabled .kit-checkbox-label{color:var(--ui-kit-color-grey-12)}.kit-checkbox-item.disabled.checked .kit-checkbox-input{border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-checkbox-item.disabled.checked .kit-checkbox-icon{stroke:var(--ui-kit-color-grey-12)}.kit-checkbox-item.checked .kit-checkbox-input{border-color:var(--ui-kit-color-main);background-color:var(--ui-kit-color-main)}.kit-checkbox-item.checked .kit-checkbox-input .kit-checkbox-icon{opacity:1}.kit-checkbox-item.danger .kit-checkbox-input{border-color:var(--ui-kit-color-red);background-color:var(--ui-kit-color-red-20)}.kit-checkbox-item.danger:hover .kit-checkbox-input{background-color:var(--ui-kit-color-red-20);border-color:var(--ui-kit-color-red)}.kit-checkbox-item.danger.disabled .kit-checkbox-input{border-color:var(--ui-kit-color-grey-11)}.kit-checkbox-item.danger.checked .kit-checkbox-icon{stroke:var(--ui-kit-color-red)}.kit-checkbox-item.danger.checked.disabled .kit-checkbox-input{background-color:var(--ui-kit-color-red-20)}.kit-checkbox-item.danger.checked.disabled .kit-checkbox-icon{stroke:var(--ui-kit-color-grey-12)}.kit-checkbox-item.danger:focus-within .kit-checkbox-input{box-shadow:0 0 0 2px var(--ui-kit-color-red-20)}.kit-checkbox-item:hover:not(.readonly):not(.disabled) .kit-checkbox-input{border-color:var(--ui-kit-color-main)}.kit-checkbox-item:focus-within .kit-checkbox-input{box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-checkbox-input{display:flex;align-items:center;justify-content:center;border-radius:4px;background-color:var(--ui-kit-color-grey-13);border:1px solid var(--ui-kit-color-grey-11);width:16px;height:16px}.kit-checkbox-label{margin-left:8px;font-size:14px;color:var(--ui-kit-color-grey-10)}.kit-checkbox-icon{width:14px;height:14px;opacity:0;fill:none;stroke:var(--ui-kit-color-white)}.kit-checkbox .k-checkbox{opacity:0;width:auto;height:auto;border:none}\n"], dependencies: [{ kind: "directive", type: i1.CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i3.KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }, { kind: "component", type: i4.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
90
90
|
}
|
|
91
91
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitCheckboxComponent, decorators: [{
|
|
92
92
|
type: Component,
|
|
@@ -94,7 +94,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImpor
|
|
|
94
94
|
provide: NG_VALUE_ACCESSOR,
|
|
95
95
|
useExisting: forwardRef(() => KitCheckboxComponent),
|
|
96
96
|
multi: true,
|
|
97
|
-
}], template: "<div class=\"kit-checkbox\">\n <label class=\"kit-checkbox-item {{ state }}\"\n [ngClass]=\"setCssClasses(checkbox)\"\n (click)=\"handleClick($event)\">\n <div class=\"kit-checkbox-input\">\n <input #checkbox\n kendoCheckBox\n type=\"checkbox\"\n [checked]=\"defaultChecked\"\n [readonly]=\"readonly\"\n [disabled]=\"disabled\"\n (change)=\"onInputStateChange($event)\" />\n <kit-svg-icon class=\"kit-checkbox-icon\"\n [icon]=\"checkIcon\"\n ></kit-svg-icon>\n </div>\n @if (label) {\n <span class=\"kit-checkbox-label\">\n {{ label }}\n </span>\n }\n </label>\n\n @if (messageText) {\n <kit-input-message [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-checkbox-item{display:flex;align-items:center;cursor:pointer}.kit-checkbox-item.readonly{pointer-events:none;cursor:default}.kit-checkbox-item.disabled{cursor:default}.kit-checkbox-item.disabled .kit-checkbox-label{color:var(--ui-kit-color-grey-12)}.kit-checkbox-item.disabled.checked .kit-checkbox-input{border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-checkbox-item.disabled.checked .kit-checkbox-icon{stroke:var(--ui-kit-color-grey-12)}.kit-checkbox-item.checked .kit-checkbox-input{border-color:var(--ui-kit-color-main);background-color:var(--ui-kit-color-main)}.kit-checkbox-item.checked .kit-checkbox-input .kit-checkbox-icon{opacity:1}.kit-checkbox-item.danger .kit-checkbox-input{border-color:var(--ui-kit-color-red);background-color:var(--ui-kit-color-red-20)}.kit-checkbox-item.danger:hover .kit-checkbox-input{background-color:var(--ui-kit-color-red-20);border-color:var(--ui-kit-color-red)}.kit-checkbox-item.danger.disabled .kit-checkbox-input{border-color:var(--ui-kit-color-grey-11)}.kit-checkbox-item.danger.checked .kit-checkbox-icon{stroke:var(--ui-kit-color-red)}.kit-checkbox-item.danger.checked.disabled .kit-checkbox-input{background-color:var(--ui-kit-color-red-20)}.kit-checkbox-item.danger.checked.disabled .kit-checkbox-icon{stroke:var(--ui-kit-color-grey-12)}.kit-checkbox-item.danger:focus-within .kit-checkbox-input{box-shadow:0 0 0 2px var(--ui-kit-color-red-20)}.kit-checkbox-item:hover:not(.readonly):not(.disabled) .kit-checkbox-input{border-color:var(--ui-kit-color-main)}.kit-checkbox-item:focus-within .kit-checkbox-input{box-shadow:0 0 0 2px var(--ui-
|
|
97
|
+
}], template: "<div class=\"kit-checkbox\">\n <label class=\"kit-checkbox-item {{ state }}\"\n [ngClass]=\"setCssClasses(checkbox)\"\n (click)=\"handleClick($event)\">\n <div class=\"kit-checkbox-input\">\n <input #checkbox\n kendoCheckBox\n type=\"checkbox\"\n [checked]=\"defaultChecked\"\n [readonly]=\"readonly\"\n [disabled]=\"disabled\"\n (change)=\"onInputStateChange($event)\" />\n <kit-svg-icon class=\"kit-checkbox-icon\"\n [icon]=\"checkIcon\"\n ></kit-svg-icon>\n </div>\n @if (label) {\n <span class=\"kit-checkbox-label\">\n {{ label }}\n </span>\n }\n </label>\n\n @if (messageText) {\n <kit-input-message [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-checkbox-item{display:flex;align-items:center;cursor:pointer}.kit-checkbox-item.readonly{pointer-events:none;cursor:default}.kit-checkbox-item.disabled{cursor:default}.kit-checkbox-item.disabled .kit-checkbox-label{color:var(--ui-kit-color-grey-12)}.kit-checkbox-item.disabled.checked .kit-checkbox-input{border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-checkbox-item.disabled.checked .kit-checkbox-icon{stroke:var(--ui-kit-color-grey-12)}.kit-checkbox-item.checked .kit-checkbox-input{border-color:var(--ui-kit-color-main);background-color:var(--ui-kit-color-main)}.kit-checkbox-item.checked .kit-checkbox-input .kit-checkbox-icon{opacity:1}.kit-checkbox-item.danger .kit-checkbox-input{border-color:var(--ui-kit-color-red);background-color:var(--ui-kit-color-red-20)}.kit-checkbox-item.danger:hover .kit-checkbox-input{background-color:var(--ui-kit-color-red-20);border-color:var(--ui-kit-color-red)}.kit-checkbox-item.danger.disabled .kit-checkbox-input{border-color:var(--ui-kit-color-grey-11)}.kit-checkbox-item.danger.checked .kit-checkbox-icon{stroke:var(--ui-kit-color-red)}.kit-checkbox-item.danger.checked.disabled .kit-checkbox-input{background-color:var(--ui-kit-color-red-20)}.kit-checkbox-item.danger.checked.disabled .kit-checkbox-icon{stroke:var(--ui-kit-color-grey-12)}.kit-checkbox-item.danger:focus-within .kit-checkbox-input{box-shadow:0 0 0 2px var(--ui-kit-color-red-20)}.kit-checkbox-item:hover:not(.readonly):not(.disabled) .kit-checkbox-input{border-color:var(--ui-kit-color-main)}.kit-checkbox-item:focus-within .kit-checkbox-input{box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-checkbox-input{display:flex;align-items:center;justify-content:center;border-radius:4px;background-color:var(--ui-kit-color-grey-13);border:1px solid var(--ui-kit-color-grey-11);width:16px;height:16px}.kit-checkbox-label{margin-left:8px;font-size:14px;color:var(--ui-kit-color-grey-10)}.kit-checkbox-icon{width:14px;height:14px;opacity:0;fill:none;stroke:var(--ui-kit-color-white)}.kit-checkbox .k-checkbox{opacity:0;width:auto;height:auto;border:none}\n"] }]
|
|
98
98
|
}], propDecorators: { label: [{
|
|
99
99
|
type: Input
|
|
100
100
|
}], disabled: [{
|
|
@@ -124,7 +124,7 @@ export class KitDropdownComponent {
|
|
|
124
124
|
provide: NG_VALUE_ACCESSOR,
|
|
125
125
|
useExisting: forwardRef(() => KitDropdownComponent),
|
|
126
126
|
multi: true,
|
|
127
|
-
}], 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 {{ state }}\"\n [class.disabled]=\"disabled\">\n @if (label) {\n <kendo-label class=\"label display-block\"\n [text]=\"label\"\n [for]=\"dropdown\"\n ></kendo-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 [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-dropdown .label{margin-bottom:4px;font-weight:500;font-size:13px;color:var(--ui-kit-color-grey-7)}.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{box-shadow:0 0 0 2px var(--ui-
|
|
127
|
+
}], 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 {{ state }}\"\n [class.disabled]=\"disabled\">\n @if (label) {\n <kendo-label class=\"label display-block\"\n [text]=\"label\"\n [for]=\"dropdown\"\n ></kendo-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 [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-dropdown .label{margin-bottom:4px;font-weight:500;font-size:13px;color:var(--ui-kit-color-grey-7)}.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{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.danger .dropdown{border-color:var(--ui-kit-color-red);background:var(--ui-kit-color-red-20)}.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: "component", type: i2.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
128
128
|
}
|
|
129
129
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitDropdownComponent, decorators: [{
|
|
130
130
|
type: Component,
|
|
@@ -132,7 +132,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImpor
|
|
|
132
132
|
provide: NG_VALUE_ACCESSOR,
|
|
133
133
|
useExisting: forwardRef(() => KitDropdownComponent),
|
|
134
134
|
multi: true,
|
|
135
|
-
}], template: "<div class=\"kit-dropdown {{ state }}\"\n [class.disabled]=\"disabled\">\n @if (label) {\n <kendo-label class=\"label display-block\"\n [text]=\"label\"\n [for]=\"dropdown\"\n ></kendo-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 [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-dropdown .label{margin-bottom:4px;font-weight:500;font-size:13px;color:var(--ui-kit-color-grey-7)}.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{box-shadow:0 0 0 2px var(--ui-
|
|
135
|
+
}], template: "<div class=\"kit-dropdown {{ state }}\"\n [class.disabled]=\"disabled\">\n @if (label) {\n <kendo-label class=\"label display-block\"\n [text]=\"label\"\n [for]=\"dropdown\"\n ></kendo-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 [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-dropdown .label{margin-bottom:4px;font-weight:500;font-size:13px;color:var(--ui-kit-color-grey-7)}.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{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.danger .dropdown{border-color:var(--ui-kit-color-red);background:var(--ui-kit-color-red-20)}.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"] }]
|
|
136
136
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { items: [{
|
|
137
137
|
type: Input
|
|
138
138
|
}], selectedItem: [{
|
|
@@ -73,7 +73,7 @@ export class KitMultiselectComponent {
|
|
|
73
73
|
provide: NG_VALUE_ACCESSOR,
|
|
74
74
|
useExisting: forwardRef(() => KitMultiselectComponent),
|
|
75
75
|
multi: true,
|
|
76
|
-
}], ngImport: i0, template: "<div class=\"kit-multiselect\"\n [class.disabled]=\"disabled\">\n @if (label) {\n <kendo-label class=\"label\"\n [text]=\"label\"\n [for]=\"multiselect\"\n ></kendo-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 [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-multiselect .label{display:block;margin-bottom:4px;font-weight:500;font-size:13px;color:var(--ui-kit-color-grey-7)}.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-
|
|
76
|
+
}], ngImport: i0, template: "<div class=\"kit-multiselect\"\n [class.disabled]=\"disabled\">\n @if (label) {\n <kendo-label class=\"label\"\n [text]=\"label\"\n [for]=\"multiselect\"\n ></kendo-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 [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-multiselect .label{display:block;margin-bottom:4px;font-weight:500;font-size:13px;color:var(--ui-kit-color-grey-7)}.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"], 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.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "component", type: i5.KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
77
77
|
}
|
|
78
78
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitMultiselectComponent, decorators: [{
|
|
79
79
|
type: Component,
|
|
@@ -81,7 +81,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImpor
|
|
|
81
81
|
provide: NG_VALUE_ACCESSOR,
|
|
82
82
|
useExisting: forwardRef(() => KitMultiselectComponent),
|
|
83
83
|
multi: true,
|
|
84
|
-
}], template: "<div class=\"kit-multiselect\"\n [class.disabled]=\"disabled\">\n @if (label) {\n <kendo-label class=\"label\"\n [text]=\"label\"\n [for]=\"multiselect\"\n ></kendo-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 [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-multiselect .label{display:block;margin-bottom:4px;font-weight:500;font-size:13px;color:var(--ui-kit-color-grey-7)}.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-
|
|
84
|
+
}], template: "<div class=\"kit-multiselect\"\n [class.disabled]=\"disabled\">\n @if (label) {\n <kendo-label class=\"label\"\n [text]=\"label\"\n [for]=\"multiselect\"\n ></kendo-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 [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n }\n</div>\n", styles: [".kit-multiselect .label{display:block;margin-bottom:4px;font-weight:500;font-size:13px;color:var(--ui-kit-color-grey-7)}.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"] }]
|
|
85
85
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { items: [{
|
|
86
86
|
type: Input
|
|
87
87
|
}], selectedItems: [{
|
|
@@ -2,9 +2,8 @@ import { ChangeDetectionStrategy, Component, EventEmitter, forwardRef, Input, Ou
|
|
|
2
2
|
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
3
|
import { buildRandomUUID } from '../../utils/random.util';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "@angular
|
|
6
|
-
import * as i2 from "@progress/kendo-angular-
|
|
7
|
-
import * as i3 from "@progress/kendo-angular-inputs";
|
|
5
|
+
import * as i1 from "@progress/kendo-angular-label";
|
|
6
|
+
import * as i2 from "@progress/kendo-angular-inputs";
|
|
8
7
|
export class KitRadioButtonComponent {
|
|
9
8
|
constructor() {
|
|
10
9
|
this.items = [];
|
|
@@ -56,11 +55,11 @@ export class KitRadioButtonComponent {
|
|
|
56
55
|
return !!item.readonly || !!item.disabled;
|
|
57
56
|
}
|
|
58
57
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitRadioButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
59
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
58
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.7", type: KitRadioButtonComponent, selector: "kit-radio-button", inputs: { items: "items", label: "label", name: "name", readonly: "readonly", disabled: "disabled" }, outputs: { changed: "changed" }, providers: [{
|
|
60
59
|
provide: NG_VALUE_ACCESSOR,
|
|
61
60
|
useExisting: forwardRef(() => KitRadioButtonComponent),
|
|
62
61
|
multi: true,
|
|
63
|
-
}], ngImport: i0, template: "<div class=\"kit-radio-button\">\n <kendo-label class=\"kit-radio-button-label\"
|
|
62
|
+
}], ngImport: i0, template: "<div class=\"kit-radio-button\">\n <kendo-label class=\"kit-radio-button-label\"\n [text]=\"label\"\n ></kendo-label>\n\n @if (items.length) {\n <div class=\"kit-radio-button-items\">\n @for (item of items; track item) {\n <div class=\"kit-radio-button-item\"\n [class.readonly]=\"item.readonly || readonly || disabled\"\n [class.disabled]=\"item.disabled || disabled\">\n <input kendoRadioButton\n type=\"radio\"\n [id]=\"buildLabelId($index)\"\n [name]=\"name\"\n [value]=\"item.value\"\n [checked]=\"item.checked\"\n (click)=\"handleClick($event, item)\"\n (change)=\"onRadioValueChange(item)\" />\n\n <kendo-label [text]=\"item.label\"\n [for]=\"buildLabelId($index)\"\n ></kendo-label>\n </div>\n }\n </div>\n }\n</div>\n", styles: [".kit-radio-button-items{display:flex;gap:10px;margin-top:4px}.kit-radio-button-label{color:var(--ui-kit-color-grey-7);font-weight:500;font-size:13px}:host ::ng-deep .kit-radio-button-item{display:flex;align-items:center}:host ::ng-deep .kit-radio-button-item .k-radio{display:grid;place-content:center;box-sizing:border-box;width:16px;height:16px;padding:0;margin:0;appearance:none;border:1px solid var(--ui-kit-color-grey-11);border-radius:50%;background:var(--ui-kit-color-grey-13);cursor:pointer}:host ::ng-deep .kit-radio-button-item .k-radio:before{content:\"\";width:8px;height:8px;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;background:var(--ui-kit-color-main)}:host ::ng-deep .kit-radio-button-item .k-radio:checked{border-color:var(--ui-kit-color-main)}:host ::ng-deep .kit-radio-button-item .k-radio:checked:before{transform:scale(1)}:host ::ng-deep .kit-radio-button-item .k-radio:focus{box-shadow:0 0 0 2px var(--ui-kit-color-focus)}:host ::ng-deep .kit-radio-button-item .k-label{padding-left:8px;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;cursor:pointer}:host ::ng-deep .kit-radio-button-item:hover:not(.disabled):not(.readonly) .k-radio{border-color:var(--ui-kit-color-hover)}:host ::ng-deep .kit-radio-button-item:hover:not(.disabled):not(.readonly) .k-radio:checked{border-color:var(--ui-kit-color-main)}:host ::ng-deep .kit-radio-button-item:hover:not(.disabled):not(.readonly) .k-radio:checked:hover{border-color:var(--ui-kit-color-hover)}:host ::ng-deep .kit-radio-button-item:hover:not(.disabled):not(.readonly) .k-radio:checked:hover:before{background:var(--ui-kit-color-hover)}:host ::ng-deep .kit-radio-button .readonly .k-label,:host ::ng-deep .kit-radio-button .disabled .k-label{color:var(--ui-kit-color-grey-12);cursor:default}:host ::ng-deep .kit-radio-button .readonly .k-radio,:host ::ng-deep .kit-radio-button .disabled .k-radio{cursor:default}:host ::ng-deep .kit-radio-button .readonly .k-radio:checked,:host ::ng-deep .kit-radio-button .disabled .k-radio:checked{border-color:var(--ui-kit-color-grey-11)}:host ::ng-deep .kit-radio-button .readonly .k-radio:checked:before,:host ::ng-deep .kit-radio-button .disabled .k-radio:checked:before{background:var(--ui-kit-color-grey-11)}:host ::ng-deep .kit-radio-button .readonly .k-radio:focus,:host ::ng-deep .kit-radio-button .disabled .k-radio:focus{box-shadow:none}\n"], dependencies: [{ kind: "component", type: i1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "directive", type: i2.RadioButtonDirective, selector: "input[kendoRadioButton]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
64
63
|
}
|
|
65
64
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitRadioButtonComponent, decorators: [{
|
|
66
65
|
type: Component,
|
|
@@ -68,7 +67,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImpor
|
|
|
68
67
|
provide: NG_VALUE_ACCESSOR,
|
|
69
68
|
useExisting: forwardRef(() => KitRadioButtonComponent),
|
|
70
69
|
multi: true,
|
|
71
|
-
}], template: "<div class=\"kit-radio-button\">\n <kendo-label class=\"kit-radio-button-label\"
|
|
70
|
+
}], template: "<div class=\"kit-radio-button\">\n <kendo-label class=\"kit-radio-button-label\"\n [text]=\"label\"\n ></kendo-label>\n\n @if (items.length) {\n <div class=\"kit-radio-button-items\">\n @for (item of items; track item) {\n <div class=\"kit-radio-button-item\"\n [class.readonly]=\"item.readonly || readonly || disabled\"\n [class.disabled]=\"item.disabled || disabled\">\n <input kendoRadioButton\n type=\"radio\"\n [id]=\"buildLabelId($index)\"\n [name]=\"name\"\n [value]=\"item.value\"\n [checked]=\"item.checked\"\n (click)=\"handleClick($event, item)\"\n (change)=\"onRadioValueChange(item)\" />\n\n <kendo-label [text]=\"item.label\"\n [for]=\"buildLabelId($index)\"\n ></kendo-label>\n </div>\n }\n </div>\n }\n</div>\n", styles: [".kit-radio-button-items{display:flex;gap:10px;margin-top:4px}.kit-radio-button-label{color:var(--ui-kit-color-grey-7);font-weight:500;font-size:13px}:host ::ng-deep .kit-radio-button-item{display:flex;align-items:center}:host ::ng-deep .kit-radio-button-item .k-radio{display:grid;place-content:center;box-sizing:border-box;width:16px;height:16px;padding:0;margin:0;appearance:none;border:1px solid var(--ui-kit-color-grey-11);border-radius:50%;background:var(--ui-kit-color-grey-13);cursor:pointer}:host ::ng-deep .kit-radio-button-item .k-radio:before{content:\"\";width:8px;height:8px;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;background:var(--ui-kit-color-main)}:host ::ng-deep .kit-radio-button-item .k-radio:checked{border-color:var(--ui-kit-color-main)}:host ::ng-deep .kit-radio-button-item .k-radio:checked:before{transform:scale(1)}:host ::ng-deep .kit-radio-button-item .k-radio:focus{box-shadow:0 0 0 2px var(--ui-kit-color-focus)}:host ::ng-deep .kit-radio-button-item .k-label{padding-left:8px;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;cursor:pointer}:host ::ng-deep .kit-radio-button-item:hover:not(.disabled):not(.readonly) .k-radio{border-color:var(--ui-kit-color-hover)}:host ::ng-deep .kit-radio-button-item:hover:not(.disabled):not(.readonly) .k-radio:checked{border-color:var(--ui-kit-color-main)}:host ::ng-deep .kit-radio-button-item:hover:not(.disabled):not(.readonly) .k-radio:checked:hover{border-color:var(--ui-kit-color-hover)}:host ::ng-deep .kit-radio-button-item:hover:not(.disabled):not(.readonly) .k-radio:checked:hover:before{background:var(--ui-kit-color-hover)}:host ::ng-deep .kit-radio-button .readonly .k-label,:host ::ng-deep .kit-radio-button .disabled .k-label{color:var(--ui-kit-color-grey-12);cursor:default}:host ::ng-deep .kit-radio-button .readonly .k-radio,:host ::ng-deep .kit-radio-button .disabled .k-radio{cursor:default}:host ::ng-deep .kit-radio-button .readonly .k-radio:checked,:host ::ng-deep .kit-radio-button .disabled .k-radio:checked{border-color:var(--ui-kit-color-grey-11)}:host ::ng-deep .kit-radio-button .readonly .k-radio:checked:before,:host ::ng-deep .kit-radio-button .disabled .k-radio:checked:before{background:var(--ui-kit-color-grey-11)}:host ::ng-deep .kit-radio-button .readonly .k-radio:focus,:host ::ng-deep .kit-radio-button .disabled .k-radio:focus{box-shadow:none}\n"] }]
|
|
72
71
|
}], propDecorators: { items: [{
|
|
73
72
|
type: Input
|
|
74
73
|
}], label: [{
|
|
@@ -82,4 +81,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImpor
|
|
|
82
81
|
}], changed: [{
|
|
83
82
|
type: Output
|
|
84
83
|
}] } });
|
|
85
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
84
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXJhZGlvLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1yYWRpby1idXR0b24va2l0LXJhZGlvLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1yYWRpby1idXR0b24va2l0LXJhZGlvLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUU1RyxPQUFPLEVBQXdCLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDekUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHlCQUF5QixDQUFDOzs7O0FBYTFELE1BQU0sT0FBTyx1QkFBdUI7SUFYcEM7UUFZVyxVQUFLLEdBQXdCLEVBQUUsQ0FBQztRQUNoQyxVQUFLLEdBQWtCLElBQUksQ0FBQztRQUM1QixTQUFJLEdBQVcsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBRXBDLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFDMUIsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUV6QixZQUFPLEdBQW9DLElBQUksWUFBWSxFQUFxQixDQUFDO0tBdUQ1RjtJQXJEQyxZQUFZLENBQUMsS0FBYTtRQUN4QixNQUFNLGFBQWEsR0FBVyxJQUFJLENBQUMsSUFBSSxDQUFDO1FBQ3hDLE9BQU8sR0FBRyxhQUFhLElBQUksS0FBSyxFQUFFLENBQUM7SUFDckMsQ0FBQztJQUVELFdBQVcsQ0FBQyxLQUFpQixFQUFFLElBQXVCO1FBQ3BELElBQUksSUFBSSxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsUUFBUSxJQUFJLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLEVBQUU7WUFDOUQsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO1NBQ3hCO0lBQ0gsQ0FBQztJQUVELFFBQVEsQ0FBQyxLQUFRO0lBQ2pCLENBQUM7SUFFRCxTQUFTO0lBQ1QsQ0FBQztJQUVELFVBQVUsQ0FBQyxLQUFRO1FBQ2pCLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDdkIsQ0FBQztJQUVELGdCQUFnQixDQUFDLEVBQWtCO1FBQ2pDLElBQUksQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxFQUFjO1FBQzlCLElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxRQUFpQjtRQUNoQyxJQUFJLENBQUMsUUFBUSxHQUFHLFFBQVEsQ0FBQztJQUMzQixDQUFDO0lBRUQsa0JBQWtCLENBQUMsSUFBdUI7UUFDeEMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDMUIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDMUIsQ0FBQztJQUVPLGFBQWE7UUFDbkIsTUFBTSxRQUFRLEdBQVcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLGVBQWUsRUFBRSxDQUFDLENBQUM7UUFDcEUsTUFBTSxhQUFhLEdBQVcsY0FBYyxDQUFDO1FBRTdDLE9BQU8sR0FBRyxhQUFhLElBQUksUUFBUSxFQUFFLENBQUM7SUFDeEMsQ0FBQztJQUVPLGtCQUFrQixDQUFDLElBQVk7UUFDckMsTUFBTSxhQUFhLEdBQVcsR0FBRyxDQUFDO1FBQ2xDLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDO0lBQ3BELENBQUM7SUFFTyxhQUFhLENBQUMsSUFBdUI7UUFDM0MsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLFFBQVEsSUFBSSxDQUFDLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUM1QyxDQUFDOzhHQTlEVSx1QkFBdUI7a0dBQXZCLHVCQUF1QixrTEFOdkIsQ0FBQztnQkFDVixPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHVCQUF1QixDQUFDO2dCQUN0RCxLQUFLLEVBQUUsSUFBSTthQUNaLENBQUMsMEJDZEosaThCQTRCQTs7MkZEWmEsdUJBQXVCO2tCQVhuQyxTQUFTOytCQUNFLGtCQUFrQixtQkFHWCx1QkFBdUIsQ0FBQyxNQUFNLGFBQ3BDLENBQUM7NEJBQ1YsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsd0JBQXdCLENBQUM7NEJBQ3RELEtBQUssRUFBRSxJQUFJO3lCQUNaLENBQUM7OEJBR08sS0FBSztzQkFBYixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBRUcsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUVJLE9BQU87c0JBQWhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIGZvcndhcmRSZWYsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEtpdFJhZGlvQnV0dG9uIH0gZnJvbSAnLi9raXQtcmFkaW8tYnV0dG9uLm1vZGVsJztcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IGJ1aWxkUmFuZG9tVVVJRCB9IGZyb20gJy4uLy4uL3V0aWxzL3JhbmRvbS51dGlsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAna2l0LXJhZGlvLWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9raXQtcmFkaW8tYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4va2l0LXJhZGlvLWJ1dHRvbi5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgcHJvdmlkZXJzOiBbe1xuICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IEtpdFJhZGlvQnV0dG9uQ29tcG9uZW50KSxcbiAgICBtdWx0aTogdHJ1ZSxcbiAgfV0sXG59KVxuZXhwb3J0IGNsYXNzIEtpdFJhZGlvQnV0dG9uQ29tcG9uZW50PFQ+IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xuICBASW5wdXQoKSBpdGVtczogS2l0UmFkaW9CdXR0b248VD5bXSA9IFtdO1xuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nIHwgbnVsbCA9IG51bGw7XG4gIEBJbnB1dCgpIG5hbWU6IHN0cmluZyA9IHRoaXMuYnVpbGRVbmlxTmFtZSgpO1xuXG4gIEBJbnB1dCgpIHJlYWRvbmx5OiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgQE91dHB1dCgpIGNoYW5nZWQ6IEV2ZW50RW1pdHRlcjxLaXRSYWRpb0J1dHRvbjxUPj4gPSBuZXcgRXZlbnRFbWl0dGVyPEtpdFJhZGlvQnV0dG9uPFQ+PigpO1xuXG4gIGJ1aWxkTGFiZWxJZChpbmRleDogbnVtYmVyKTogc3RyaW5nIHtcbiAgICBjb25zdCBjb21wb25lbnROYW1lOiBzdHJpbmcgPSB0aGlzLm5hbWU7XG4gICAgcmV0dXJuIGAke2NvbXBvbmVudE5hbWV9LSR7aW5kZXh9YDtcbiAgfVxuXG4gIGhhbmRsZUNsaWNrKGV2ZW50OiBNb3VzZUV2ZW50LCBpdGVtOiBLaXRSYWRpb0J1dHRvbjxUPik6IHZvaWQge1xuICAgIGlmICh0aGlzLnJlYWRvbmx5IHx8IHRoaXMuZGlzYWJsZWQgfHwgdGhpcy5uZWVkVG9QcmV2ZW50KGl0ZW0pKSB7XG4gICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIH1cbiAgfVxuXG4gIG9uQ2hhbmdlKHZhbHVlOiBUKTogdm9pZCB7XG4gIH1cblxuICBvblRvdWNoZWQoKTogdm9pZCB7XG4gIH1cblxuICB3cml0ZVZhbHVlKHZhbHVlOiBUKTogdm9pZCB7XG4gICAgdGhpcy5vbkNoYW5nZSh2YWx1ZSk7XG4gIH1cblxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiAoXzogVCkgPT4gdm9pZCk6IHZvaWQge1xuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgfVxuXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiAoKSA9PiB2b2lkKTogdm9pZCB7XG4gICAgdGhpcy5vblRvdWNoZWQgPSBmbjtcbiAgfVxuXG4gIHNldERpc2FibGVkU3RhdGUoZGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLmRpc2FibGVkID0gZGlzYWJsZWQ7XG4gIH1cblxuICBvblJhZGlvVmFsdWVDaGFuZ2UoaXRlbTogS2l0UmFkaW9CdXR0b248VD4pOiB2b2lkIHtcbiAgICB0aGlzLm9uQ2hhbmdlKGl0ZW0udmFsdWUpO1xuICAgIHRoaXMuY2hhbmdlZC5uZXh0KGl0ZW0pO1xuICB9XG5cbiAgcHJpdmF0ZSBidWlsZFVuaXFOYW1lKCk6IHN0cmluZyB7XG4gICAgY29uc3QgdW5pcVBhcnQ6IHN0cmluZyA9IHRoaXMuZ2V0Rmlyc3RQYXJ0T2ZVVUlEKGJ1aWxkUmFuZG9tVVVJRCgpKTtcbiAgICBjb25zdCBjb21wb25lbnROYW1lOiBzdHJpbmcgPSAncmFkaW8tYnV0dG9uJztcblxuICAgIHJldHVybiBgJHtjb21wb25lbnROYW1lfS0ke3VuaXFQYXJ0fWA7XG4gIH1cblxuICBwcml2YXRlIGdldEZpcnN0UGFydE9mVVVJRCh1dWlkOiBzdHJpbmcpOiBzdHJpbmcge1xuICAgIGNvbnN0IHV1aWREZWxpbWl0ZXI6IHN0cmluZyA9ICctJztcbiAgICByZXR1cm4gdXVpZC5zbGljZSgwLCB1dWlkLmluZGV4T2YodXVpZERlbGltaXRlcikpO1xuICB9XG5cbiAgcHJpdmF0ZSBuZWVkVG9QcmV2ZW50KGl0ZW06IEtpdFJhZGlvQnV0dG9uPFQ+KTogYm9vbGVhbiB7XG4gICAgcmV0dXJuICEhaXRlbS5yZWFkb25seSB8fCAhIWl0ZW0uZGlzYWJsZWQ7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJraXQtcmFkaW8tYnV0dG9uXCI+XG4gIDxrZW5kby1sYWJlbCBjbGFzcz1cImtpdC1yYWRpby1idXR0b24tbGFiZWxcIlxuICAgICAgICAgICAgICAgW3RleHRdPVwibGFiZWxcIlxuICA+PC9rZW5kby1sYWJlbD5cblxuICBAaWYgKGl0ZW1zLmxlbmd0aCkge1xuICAgIDxkaXYgY2xhc3M9XCJraXQtcmFkaW8tYnV0dG9uLWl0ZW1zXCI+XG4gICAgICBAZm9yIChpdGVtIG9mIGl0ZW1zOyB0cmFjayBpdGVtKSB7XG4gICAgICAgIDxkaXYgY2xhc3M9XCJraXQtcmFkaW8tYnV0dG9uLWl0ZW1cIlxuICAgICAgICAgICAgIFtjbGFzcy5yZWFkb25seV09XCJpdGVtLnJlYWRvbmx5IHx8IHJlYWRvbmx5IHx8IGRpc2FibGVkXCJcbiAgICAgICAgICAgICBbY2xhc3MuZGlzYWJsZWRdPVwiaXRlbS5kaXNhYmxlZCB8fCBkaXNhYmxlZFwiPlxuICAgICAgICAgIDxpbnB1dCBrZW5kb1JhZGlvQnV0dG9uXG4gICAgICAgICAgICAgICAgIHR5cGU9XCJyYWRpb1wiXG4gICAgICAgICAgICAgICAgIFtpZF09XCJidWlsZExhYmVsSWQoJGluZGV4KVwiXG4gICAgICAgICAgICAgICAgIFtuYW1lXT1cIm5hbWVcIlxuICAgICAgICAgICAgICAgICBbdmFsdWVdPVwiaXRlbS52YWx1ZVwiXG4gICAgICAgICAgICAgICAgIFtjaGVja2VkXT1cIml0ZW0uY2hlY2tlZFwiXG4gICAgICAgICAgICAgICAgIChjbGljayk9XCJoYW5kbGVDbGljaygkZXZlbnQsIGl0ZW0pXCJcbiAgICAgICAgICAgICAgICAgKGNoYW5nZSk9XCJvblJhZGlvVmFsdWVDaGFuZ2UoaXRlbSlcIiAvPlxuXG4gICAgICAgICAgPGtlbmRvLWxhYmVsIFt0ZXh0XT1cIml0ZW0ubGFiZWxcIlxuICAgICAgICAgICAgICAgICAgICAgICBbZm9yXT1cImJ1aWxkTGFiZWxJZCgkaW5kZXgpXCJcbiAgICAgICAgICA+PC9rZW5kby1sYWJlbD5cbiAgICAgICAgPC9kaXY+XG4gICAgICB9XG4gICAgPC9kaXY+XG4gIH1cbjwvZGl2PlxuIl19
|
|
@@ -81,5 +81,9 @@ export var KitSvgIcon;
|
|
|
81
81
|
KitSvgIcon["BACK_ARROW"] = "back-arrow";
|
|
82
82
|
KitSvgIcon["USER"] = "user";
|
|
83
83
|
KitSvgIcon["CARET_DOWN"] = "caret-down";
|
|
84
|
+
KitSvgIcon["INFO_CIRCLE"] = "info-circle";
|
|
85
|
+
KitSvgIcon["CHECK_CIRCLE_FILLED"] = "check-circle-filled";
|
|
86
|
+
KitSvgIcon["WARNING_CIRCLE_FILLED"] = "warning-circle-filled";
|
|
87
|
+
KitSvgIcon["CLOSE_CIRCLE_FILLED"] = "close-circle-filled";
|
|
84
88
|
})(KitSvgIcon || (KitSvgIcon = {}));
|
|
85
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
89
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXN2Zy1pY29uLmNvbnN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9raXQtc3ZnLWljb24va2l0LXN2Zy1pY29uLmNvbnN0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBTixJQUFZLFVBc0ZYO0FBdEZELFdBQVksVUFBVTtJQUNwQiwyQkFBYSxDQUFBO0lBQ2IsMkNBQTZCLENBQUE7SUFDN0IsdUNBQXlCLENBQUE7SUFDekIsNkNBQStCLENBQUE7SUFDL0IsMkJBQWEsQ0FBQTtJQUNiLDJCQUFhLENBQUE7SUFDYixtQ0FBcUIsQ0FBQTtJQUNyQixpQ0FBbUIsQ0FBQTtJQUNuQiw2QkFBZSxDQUFBO0lBQ2YsaUNBQW1CLENBQUE7SUFDbkIseUJBQVcsQ0FBQTtJQUNYLCtCQUFpQixDQUFBO0lBQ2pCLDJCQUFhLENBQUE7SUFDYixtQ0FBcUIsQ0FBQTtJQUNyQiw2QkFBZSxDQUFBO0lBQ2YsNkJBQWUsQ0FBQTtJQUNmLDJDQUE2QixDQUFBO0lBQzdCLG1DQUFxQixDQUFBO0lBQ3JCLHFDQUF1QixDQUFBO0lBQ3ZCLCtCQUFpQixDQUFBO0lBQ2pCLGtDQUFvQixDQUFBO0lBQ3BCLDJCQUFhLENBQUE7SUFDYiw2Q0FBK0IsQ0FBQTtJQUMvQiwrQkFBaUIsQ0FBQTtJQUNqQiw2QkFBZSxDQUFBO0lBQ2YsNkJBQWUsQ0FBQTtJQUNmLDJDQUE2QixDQUFBO0lBQzdCLDZCQUFlLENBQUE7SUFDZixxQ0FBdUIsQ0FBQTtJQUN2Qix5QkFBVyxDQUFBO0lBQ1gseUJBQVcsQ0FBQTtJQUNYLHlCQUFXLENBQUE7SUFDWCxpQ0FBbUIsQ0FBQTtJQUNuQiwrQkFBaUIsQ0FBQTtJQUNqQixxQ0FBdUIsQ0FBQTtJQUN2QixpQ0FBbUIsQ0FBQTtJQUNuQiwrQkFBaUIsQ0FBQTtJQUNqQiwyQkFBYSxDQUFBO0lBQ2IsNkJBQWUsQ0FBQTtJQUNmLCtCQUFpQixDQUFBO0lBQ2pCLHVDQUF5QixDQUFBO0lBQ3pCLCtDQUFpQyxDQUFBO0lBQ2pDLGlEQUFtQyxDQUFBO0lBQ25DLHVDQUF5QixDQUFBO0lBQ3pCLCtDQUFpQyxDQUFBO0lBQ2pDLDJDQUE2QixDQUFBO0lBQzdCLHlDQUEyQixDQUFBO0lBQzNCLGlFQUFtRCxDQUFBO0lBQ25ELG1FQUFxRCxDQUFBO0lBQ3JELDJCQUFhLENBQUE7SUFDYiwrQ0FBaUMsQ0FBQTtJQUNqQywrQ0FBaUMsQ0FBQTtJQUNqQywrQkFBaUIsQ0FBQTtJQUNqQiwyQ0FBNkIsQ0FBQTtJQUM3QixxREFBdUMsQ0FBQTtJQUN2Qyw2QkFBZSxDQUFBO0lBQ2YsK0JBQWlCLENBQUE7SUFDakIsMkJBQWEsQ0FBQTtJQUNiLGlEQUFtQyxDQUFBO0lBQ25DLHlDQUEyQixDQUFBO0lBQzNCLG1DQUFxQixDQUFBO0lBQ3JCLHFDQUF1QixDQUFBO0lBQ3ZCLHVFQUF5RCxDQUFBO0lBQ3pELHVEQUF5QyxDQUFBO0lBQ3pDLDJEQUE2QyxDQUFBO0lBQzdDLDJCQUFhLENBQUE7SUFDYiw2QkFBZSxDQUFBO0lBQ2YsaUNBQW1CLENBQUE7SUFDbkIsMkJBQWEsQ0FBQTtJQUNiLCtCQUFpQixDQUFBO0lBQ2pCLDZCQUFlLENBQUE7SUFDZiw2QkFBZSxDQUFBO0lBQ2YsMkJBQWEsQ0FBQTtJQUNiLDJCQUFhLENBQUE7SUFDYiwyQkFBYSxDQUFBO0lBQ2IsaUNBQW1CLENBQUE7SUFDbkIsK0JBQWlCLENBQUE7SUFDakIsK0NBQWlDLENBQUE7SUFDakMsdUNBQXlCLENBQUE7SUFDekIsMkJBQWEsQ0FBQTtJQUNiLHVDQUF5QixDQUFBO0lBQ3pCLHlDQUEyQixDQUFBO0lBQzNCLHlEQUEyQyxDQUFBO0lBQzNDLDZEQUErQyxDQUFBO0lBQy9DLHlEQUEyQyxDQUFBO0FBQzdDLENBQUMsRUF0RlcsVUFBVSxLQUFWLFVBQVUsUUFzRnJCIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGVudW0gS2l0U3ZnSWNvbiB7XG4gIExPR08gPSAnbG9nbycsXG4gIENIRVZST05fRE9XTiA9ICdjaGV2cm9uLWRvd24nLFxuICBDSEVWUk9OX1VQID0gJ2NoZXZyb24tdXAnLFxuICBDSEVWUk9OX1JJR0hUID0gJ2NoZXZyb24tcmlnaHQnLFxuICBQTFVTID0gJ3BsdXMnLFxuICBJTkZPID0gJ2luZm8nLFxuICBDQUxFTkRBUiA9ICdjYWxlbmRhcicsXG4gIFdBUk5JTkcgPSAnd2FybmluZycsXG4gIEVSUk9SID0gJ2Vycm9yJyxcbiAgU1VDQ0VTUyA9ICdzdWNjZXNzJyxcbiAgRVlFID0gJ2V5ZScsXG4gIFNFQVJDSCA9ICdzZWFyY2gnLFxuICBFRElUID0gJ2VkaXQnLFxuICBMT0NBVElPTiA9ICdsb2NhdGlvbicsXG4gIENST1NTID0gJ2Nyb3NzJyxcbiAgQ0hFQ0sgPSAnY2hlY2snLFxuICBDSEVDS19DSVJDTEUgPSAnY2hlY2stY2lyY2xlJyxcbiAgRElTS0VUVEUgPSAnZGlza2V0dGUnLFxuICBDTElQQk9BUkQgPSAnY2xpcGJvYXJkJyxcbiAgTEFZRVJTID0gJ2xheWVycycsXG4gIEtOQVVGID0gJ2tuYXVmLWxvZ28nLFxuICBIT01FID0gJ2hvbWUnLFxuICBET1VCTEVfQ0lSQ0xFID0gJ2RvdWJsZS1jaXJjbGUnLFxuICBQRU5DSUwgPSAncGVuY2lsJyxcbiAgT1JERVIgPSAnb3JkZXInLFxuICBSRVNFVCA9ICdyZXNldCcsXG4gIENJUkNMRV9DUk9TUyA9ICdjaXJjbGUtY3Jvc3MnLFxuICBUUlVDSyA9ICd0cnVjaycsXG4gIERFTElWRVJFRCA9ICdkZWxpdmVyZWQnLFxuICBGVEwgPSAnZnRsJyxcbiAgTFRMID0gJ2x0bCcsXG4gIE9SRyA9ICdvcmcnLFxuICBBUkNISVZFID0gJ2FyY2hpdmUnLFxuICBMT0dPVVQgPSAnbG9nb3V0JyxcbiAgQ09OVEFJTkVSID0gJ2NvbnRhaW5lcicsXG4gIENBUlJJRVIgPSAnY2FycmllcicsXG4gIEVYUE9SVCA9ICdleHBvcnQnLFxuICBHRUFSID0gJ2dlYXInLFxuICBTVE9DSyA9ICdzdG9jaycsXG4gIFNUQVRVUyA9ICdzdGF0dXMnLFxuICBDTE9TRV9TSUdOID0gJ2Nsb3NlLXNpZ24nLFxuICBDTE9TRV9TSUdOX1JFRCA9ICdjbG9zZS1zaWduLXJlZCcsXG4gIE9QRU5fU0lHTl9HUkVFTiA9ICdvcGVuLXNpZ24tZ3JlZW4nLFxuICBBUlJPV19MRUZUID0gJ2Fycm93LWxlZnQnLFxuICBXQVJOSU5HX1lFTExPVyA9ICd3YXJuaW5nLXllbGxvdycsXG4gIENJUkNMRV9NSU5VUyA9ICdjaXJjbGUtbWludXMnLFxuICBDSVJDTEVfUExVUyA9ICdjaXJjbGUtcGx1cycsXG4gIFRIUkVFX0NJUkNMRV9BUlJPV19MRUZUID0gJ3RocmVlLWNpcmNsZS1hcnJvdy1sZWZ0JyxcbiAgVEhSRUVfQ0lSQ0xFX0FSUk9XX1JJR0hUID0gJ3RocmVlLWNpcmNsZS1hcnJvdy1yaWdodCcsXG4gIFNFTkQgPSAnc2VuZCcsXG4gIENBTEVOREFSX0NIRUNLID0gJ2NhbGVuZGFyLWNoZWNrJyxcbiAgQ0xJUEJPQVJEX1RISU4gPSAnY2xpcGJvYXJkLXRoaW4nLFxuICBXQUxMRVQgPSAnd2FsbGV0JyxcbiAgQ0lSQ0xFX1BVTFNFID0gJ2NpcmNsZS1wdWxzZScsXG4gIENJUkNMRV9DUk9TU19USElOID0gJ2NpcmNsZS1jcm9zcy10aGluJyxcbiAgVFJBU0ggPSAndHJhc2gnLFxuICBXUkVOQ0ggPSAnd3JlbmNoJyxcbiAgVElNRSA9ICd0aW1lJyxcbiAgV0FSTklOR19ERUZBVUxUID0gJ3dhcm5pbmctZGVmYXVsdCcsXG4gIFJPVEFURV9MRUZUID0gJ3JvdGF0ZS1sZWZ0JyxcbiAgRE9XTkxPQUQgPSAnZG93bmxvYWQnLFxuICBGSUxFX1RFWFQgPSAnZmlsZS10ZXh0JyxcbiAgQVJST1dfVVBfUklHSFRfRlJPTV9TUVVBUkUgPSAnYXJyb3ctdXAtcmlnaHQtZnJvbS1zcXVhcmUnLFxuICBDSVJDTEVfRVhDTEFNQVRJT04gPSAnY2lyY2xlLWV4Y2xhbWF0aW9uJyxcbiAgVFJJQU5HTEVfRVhDTEFNQVRJT04gPSAndHJpYW5nbGUtZXhjbGFtYXRpb24nLFxuICBTSElQID0gJ3NoaXAnLFxuICBDTE9DSyA9ICdjbG9jaycsXG4gIEZBQ1RPUlkgPSAnZmFjdG9yeScsXG4gIENPUFkgPSAnY29weScsXG4gIEdFQVJfMSA9ICdnZWFyLTEnLFxuICBIT1VTRSA9ICdob3VzZScsXG4gIENIQVJUID0gJ2NoYXJ0JyxcbiAgQ0xJUCA9ICdjbGlwJyxcbiAgTUFJTCA9ICdtYWlsJyxcbiAgTUVOVSA9ICdtZW51JyxcbiAgTUVTU0FHRSA9ICdtZXNzYWdlJyxcbiAgUkVMT0FEID0gJ3JlbG9hZCcsXG4gIFdJTkRPV19SRVNUT1JFID0gJ3dpbmRvdy1yZXN0b3JlJyxcbiAgQkFDS19BUlJPVyA9ICdiYWNrLWFycm93JyxcbiAgVVNFUiA9ICd1c2VyJyxcbiAgQ0FSRVRfRE9XTiA9ICdjYXJldC1kb3duJyxcbiAgSU5GT19DSVJDTEUgPSAnaW5mby1jaXJjbGUnLFxuICBDSEVDS19DSVJDTEVfRklMTEVEID0gJ2NoZWNrLWNpcmNsZS1maWxsZWQnLFxuICBXQVJOSU5HX0NJUkNMRV9GSUxMRUQgPSAnd2FybmluZy1jaXJjbGUtZmlsbGVkJyxcbiAgQ0xPU0VfQ0lSQ0xFX0ZJTExFRCA9ICdjbG9zZS1jaXJjbGUtZmlsbGVkJyxcbn1cbiJdfQ==
|