@indigina/ui-kit 1.1.19 → 1.1.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/kit-autocomplete/kit-autocomplete.component.mjs +2 -2
- package/esm2022/lib/components/kit-checkbox/kit-checkbox.component.mjs +17 -8
- package/esm2022/lib/components/kit-checkbox/kit-checkbox.module.mjs +7 -3
- package/esm2022/lib/components/kit-cta-panel-confirmation/kit-cta-panel-confirmation.component.mjs +1 -1
- package/esm2022/lib/components/kit-dropdown/kit-dropdown.component.mjs +32 -6
- 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/fesm2022/indigina-ui-kit.mjs +54 -17
- package/fesm2022/indigina-ui-kit.mjs.map +1 -1
- package/lib/components/kit-checkbox/kit-checkbox.component.d.ts +2 -0
- package/lib/components/kit-checkbox/kit-checkbox.module.d.ts +2 -1
- package/lib/components/kit-dropdown/kit-dropdown.component.d.ts +16 -3
- package/package.json +1 -1
- package/styles/theming.scss +1 -0
|
@@ -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-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-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0;--ui-kit-color-red-1: #f5222d;--ui-kit-color-cobalt: #006890;--ui-kit-color-cobalt-darkest: #002a3a;--ui-kit-color-teal: #23afd2;--ui-kit-color-orange: #faad14}.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 }); }
|
|
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-lit-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-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0;--ui-kit-color-red-1: #f5222d;--ui-kit-color-cobalt: #006890;--ui-kit-color-cobalt-darkest: #002a3a;--ui-kit-color-teal: #23afd2;--ui-kit-color-orange: #faad14}.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-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-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0;--ui-kit-color-red-1: #f5222d;--ui-kit-color-cobalt: #006890;--ui-kit-color-cobalt-darkest: #002a3a;--ui-kit-color-teal: #23afd2;--ui-kit-color-orange: #faad14}.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"] }]
|
|
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-lit-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-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0;--ui-kit-color-red-1: #f5222d;--ui-kit-color-cobalt: #006890;--ui-kit-color-cobalt-darkest: #002a3a;--ui-kit-color-teal: #23afd2;--ui-kit-color-orange: #faad14}.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: [{
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, EventEmitter, forwardRef, Input, Output } from '@angular/core';
|
|
2
2
|
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
|
+
import { KitSvgIcon } from '../kit-svg-icon/kit-svg-icon.const';
|
|
3
4
|
import { KitInputMessageType } from '../kit-input-message/kit-input-message.component';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "@progress/kendo-angular-
|
|
6
|
-
import * as i2 from "@
|
|
7
|
-
import * as i3 from "
|
|
8
|
-
import * as i4 from "../kit-
|
|
6
|
+
import * as i1 from "@progress/kendo-angular-inputs";
|
|
7
|
+
import * as i2 from "@angular/common";
|
|
8
|
+
import * as i3 from "../kit-input-message/kit-input-message.component";
|
|
9
|
+
import * as i4 from "../kit-svg-icon/kit-svg-icon.component";
|
|
9
10
|
export var KitCheckboxState;
|
|
10
11
|
(function (KitCheckboxState) {
|
|
11
12
|
KitCheckboxState["REGULAR"] = "regular";
|
|
@@ -37,6 +38,7 @@ export class KitCheckboxComponent {
|
|
|
37
38
|
* Occurs as soon as input checked state is changed
|
|
38
39
|
*/
|
|
39
40
|
this.changed = new EventEmitter();
|
|
41
|
+
this.checkIcon = KitSvgIcon.CHECK;
|
|
40
42
|
/**
|
|
41
43
|
* Function that should be called every time the form control value changes
|
|
42
44
|
*/
|
|
@@ -72,12 +74,19 @@ export class KitCheckboxComponent {
|
|
|
72
74
|
setDisabledState(disabled) {
|
|
73
75
|
this.disabled = disabled;
|
|
74
76
|
}
|
|
77
|
+
setCssClasses(checkbox) {
|
|
78
|
+
return {
|
|
79
|
+
'checked': checkbox.checked,
|
|
80
|
+
'disabled': this.disabled,
|
|
81
|
+
'readonly': this.readonly,
|
|
82
|
+
};
|
|
83
|
+
}
|
|
75
84
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
76
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
85
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.7", type: KitCheckboxComponent, selector: "kit-checkbox", inputs: { label: "label", disabled: "disabled", defaultChecked: "defaultChecked", readonly: "readonly", state: "state", messageIcon: "messageIcon", messageText: "messageText", messageType: "messageType" }, outputs: { changed: "changed" }, providers: [{
|
|
77
86
|
provide: NG_VALUE_ACCESSOR,
|
|
78
87
|
useExisting: forwardRef(() => KitCheckboxComponent),
|
|
79
88
|
multi: true,
|
|
80
|
-
}], ngImport: i0, template: "<div class=\"kit-checkbox\" [ngClass]=\"
|
|
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-lit-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 }); }
|
|
81
90
|
}
|
|
82
91
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitCheckboxComponent, decorators: [{
|
|
83
92
|
type: Component,
|
|
@@ -85,7 +94,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImpor
|
|
|
85
94
|
provide: NG_VALUE_ACCESSOR,
|
|
86
95
|
useExisting: forwardRef(() => KitCheckboxComponent),
|
|
87
96
|
multi: true,
|
|
88
|
-
}], template: "<div class=\"kit-checkbox\" [ngClass]=\"
|
|
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-lit-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"] }]
|
|
89
98
|
}], propDecorators: { label: [{
|
|
90
99
|
type: Input
|
|
91
100
|
}], disabled: [{
|
|
@@ -105,4 +114,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImpor
|
|
|
105
114
|
}], changed: [{
|
|
106
115
|
type: Output
|
|
107
116
|
}] } });
|
|
108
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
117
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LWNoZWNrYm94LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMva2l0LWNoZWNrYm94L2tpdC1jaGVja2JveC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1jaGVja2JveC9raXQtY2hlY2tib3guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDNUcsT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3pFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUNoRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxrREFBa0QsQ0FBQzs7Ozs7O0FBRXZGLE1BQU0sQ0FBTixJQUFZLGdCQUdYO0FBSEQsV0FBWSxnQkFBZ0I7SUFDMUIsdUNBQW1CLENBQUE7SUFDbkIscUNBQWlCLENBQUE7QUFDbkIsQ0FBQyxFQUhXLGdCQUFnQixLQUFoQixnQkFBZ0IsUUFHM0I7QUFlRCxNQUFNLE9BQU8sb0JBQW9CO0lBWGpDO1FBaUJFOztXQUVHO1FBQ00sYUFBUSxHQUFZLEtBQUssQ0FBQztRQUVuQzs7V0FFRztRQUNNLG1CQUFjLEdBQVksS0FBSyxDQUFDO1FBRXpDOztXQUVHO1FBQ00sYUFBUSxHQUFZLEtBQUssQ0FBQztRQUVuQzs7V0FFRztRQUNNLFVBQUssR0FBcUIsZ0JBQWdCLENBQUMsT0FBTyxDQUFDO1FBWTVEOztXQUVHO1FBQ00sZ0JBQVcsR0FBd0IsbUJBQW1CLENBQUMsT0FBTyxDQUFDO1FBRXhFOztXQUVHO1FBQ08sWUFBTyxHQUEwQixJQUFJLFlBQVksRUFBVyxDQUFDO1FBRTlELGNBQVMsR0FBZSxVQUFVLENBQUMsS0FBSyxDQUFDO1FBRWxEOztXQUVHO1FBQ0gsYUFBUSxHQUFHLENBQUMsS0FBYyxFQUFRLEVBQUU7UUFDcEMsQ0FBQyxDQUFDO1FBRUY7O1dBRUc7UUFDSCxjQUFTLEdBQUcsQ0FBQyxLQUFjLEVBQVEsRUFBRTtRQUNyQyxDQUFDLENBQUM7S0F3Q0g7SUF0Q0Msa0JBQWtCLENBQUMsS0FBWTtRQUM3QixNQUFNLE1BQU0sR0FBd0MsS0FBSyxDQUFDLE1BQU0sQ0FBQztRQUNqRSxNQUFNLE9BQU8sR0FBWSxNQUFNLENBQUMsT0FBTyxDQUFDO1FBRXhDLElBQUksQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDdkIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDN0IsQ0FBQztJQUVELFdBQVcsQ0FBQyxLQUFpQjtRQUMzQixJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDakIsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO1NBQ3hCO0lBQ0gsQ0FBQztJQUVELGdCQUFnQixDQUFDLEVBQW1CO1FBQ2xDLElBQUksQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxFQUFtQjtRQUNuQyxJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRUQsVUFBVSxDQUFDLEtBQWM7UUFDdkIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNyQixJQUFJLENBQUMsY0FBYyxHQUFHLEtBQUssQ0FBQztJQUM5QixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsUUFBaUI7UUFDaEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxRQUFRLENBQUM7SUFDM0IsQ0FBQztJQUVELGFBQWEsQ0FBQyxRQUEwQjtRQUN0QyxPQUFPO1lBQ0wsU0FBUyxFQUFFLFFBQVEsQ0FBQyxPQUFPO1lBQzNCLFVBQVUsRUFBRSxJQUFJLENBQUMsUUFBUTtZQUN6QixVQUFVLEVBQUUsSUFBSSxDQUFDLFFBQVE7U0FDMUIsQ0FBQztJQUNKLENBQUM7OEdBakdVLG9CQUFvQjtrR0FBcEIsb0JBQW9CLHNSQU5wQixDQUFDO2dCQUNWLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsb0JBQW9CLENBQUM7Z0JBQ25ELEtBQUssRUFBRSxJQUFJO2FBQ1osQ0FBQywwQkNyQkosODVCQThCQTs7MkZEUGEsb0JBQW9CO2tCQVhoQyxTQUFTOytCQUNFLGNBQWMsbUJBR1AsdUJBQXVCLENBQUMsTUFBTSxhQUNwQyxDQUFDOzRCQUNWLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLHFCQUFxQixDQUFDOzRCQUNuRCxLQUFLLEVBQUUsSUFBSTt5QkFDWixDQUFDOzhCQU1PLEtBQUs7c0JBQWIsS0FBSztnQkFLRyxRQUFRO3NCQUFoQixLQUFLO2dCQUtHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBS0csUUFBUTtzQkFBaEIsS0FBSztnQkFLRyxLQUFLO3NCQUFiLEtBQUs7Z0JBS0csV0FBVztzQkFBbkIsS0FBSztnQkFLRyxXQUFXO3NCQUFuQixLQUFLO2dCQUtHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBS0ksT0FBTztzQkFBaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgZm9yd2FyZFJlZiwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgS2l0U3ZnSWNvbiB9IGZyb20gJy4uL2tpdC1zdmctaWNvbi9raXQtc3ZnLWljb24uY29uc3QnO1xuaW1wb3J0IHsgS2l0SW5wdXRNZXNzYWdlVHlwZSB9IGZyb20gJy4uL2tpdC1pbnB1dC1tZXNzYWdlL2tpdC1pbnB1dC1tZXNzYWdlLmNvbXBvbmVudCc7XG5cbmV4cG9ydCBlbnVtIEtpdENoZWNrYm94U3RhdGUge1xuICBSRUdVTEFSID0gJ3JlZ3VsYXInLFxuICBEQU5HRVIgPSAnZGFuZ2VyJyxcbn1cblxudHlwZSBDaGVja2JveFZhbHVlRm4gPSAodmFsdWU6IGJvb2xlYW4pID0+IHZvaWQ7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2tpdC1jaGVja2JveCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9raXQtY2hlY2tib3guY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9raXQtY2hlY2tib3guY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHByb3ZpZGVyczogW3tcbiAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBLaXRDaGVja2JveENvbXBvbmVudCksXG4gICAgbXVsdGk6IHRydWUsXG4gIH1dLFxufSlcbmV4cG9ydCBjbGFzcyBLaXRDaGVja2JveENvbXBvbmVudCBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcbiAgLyoqXG4gICAqIERlZmluZXMgYSBsYWJlbCBmb3IgY2hlY2tib3g7IGV4YWN0IHRoaXMgdGV4dCB3aWxsIGJlIGRpc3BsYXllZCBuZXh0IHRvIHRoZSBjaGVja2JveFxuICAgKi9cbiAgQElucHV0KCkgbGFiZWw/OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIFN0YXRlcyB0aGUgY29tcG9uZW50IGlzIGRpc2FibGVkXG4gICAqL1xuICBASW5wdXQoKSBkaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIGEgZGVmYXVsdCB2YWx1ZVxuICAgKi9cbiAgQElucHV0KCkgZGVmYXVsdENoZWNrZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKipcbiAgICogRGVmaW5lcyB3aGV0aGVyIGNoZWNrYm94IGJlIGluIHJlYWRvbmx5IHN0YXRlXG4gICAqL1xuICBASW5wdXQoKSByZWFkb25seTogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIGEgcGFydGljdWxhciBzdGF0ZSBmb3IgdGhlIGNvbXBvbmVudFxuICAgKi9cbiAgQElucHV0KCkgc3RhdGU6IEtpdENoZWNrYm94U3RhdGUgPSBLaXRDaGVja2JveFN0YXRlLlJFR1VMQVI7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgYW4gaWNvbiB3aGljaCB3aWxsIGJlIHVzZWQgdG8gdGhlIGxlZnQgb2YgdGhlIGluZm8gbWVzc2FnZVxuICAgKi9cbiAgQElucHV0KCkgbWVzc2FnZUljb24/OiBLaXRTdmdJY29uO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIGEgdmFsdWUgd2hpY2ggZ29pbmcgdG8gYmUgYW4gaW5mbyBtZXNzYWdlIHRleHRcbiAgICovXG4gIEBJbnB1dCgpIG1lc3NhZ2VUZXh0Pzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIGEgdmFsdWUgd2hpY2ggZ29pbmcgdG8gYmUgYW4gaW5mbyBtZXNzYWdlIHR5cGVcbiAgICovXG4gIEBJbnB1dCgpIG1lc3NhZ2VUeXBlOiBLaXRJbnB1dE1lc3NhZ2VUeXBlID0gS2l0SW5wdXRNZXNzYWdlVHlwZS5ERUZBVUxUO1xuXG4gIC8qKlxuICAgKiBPY2N1cnMgYXMgc29vbiBhcyBpbnB1dCBjaGVja2VkIHN0YXRlIGlzIGNoYW5nZWRcbiAgICovXG4gIEBPdXRwdXQoKSBjaGFuZ2VkOiBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4gPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG5cbiAgcmVhZG9ubHkgY2hlY2tJY29uOiBLaXRTdmdJY29uID0gS2l0U3ZnSWNvbi5DSEVDSztcblxuICAvKipcbiAgICogRnVuY3Rpb24gdGhhdCBzaG91bGQgYmUgY2FsbGVkIGV2ZXJ5IHRpbWUgdGhlIGZvcm0gY29udHJvbCB2YWx1ZSBjaGFuZ2VzXG4gICAqL1xuICBvbkNoYW5nZSA9ICh2YWx1ZTogYm9vbGVhbik6IHZvaWQgPT4ge1xuICB9O1xuXG4gIC8qKlxuICAgKiBGdW5jdGlvbiB0aGF0IHNob3VsZCBiZSBjYWxsZWQgd2hlbiBpbnB1dCBsb3N0IGZvY3VzIGFuZCBjaGFuZ2VkIGZvcm0gY29udHJvbCBzdGF0ZSB0byBcInRvdWNoZWRcIlxuICAgKi9cbiAgb25Ub3VjaGVkID0gKHZhbHVlOiBib29sZWFuKTogdm9pZCA9PiB7XG4gIH07XG5cbiAgb25JbnB1dFN0YXRlQ2hhbmdlKGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIGNvbnN0IHRhcmdldDogSFRNTElucHV0RWxlbWVudCA9IDxIVE1MSW5wdXRFbGVtZW50PiBldmVudC50YXJnZXQ7XG4gICAgY29uc3QgY2hlY2tlZDogYm9vbGVhbiA9IHRhcmdldC5jaGVja2VkO1xuXG4gICAgdGhpcy5vbkNoYW5nZShjaGVja2VkKTtcbiAgICB0aGlzLmNoYW5nZWQuZW1pdChjaGVja2VkKTtcbiAgfVxuXG4gIGhhbmRsZUNsaWNrKGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XG4gICAgaWYgKHRoaXMucmVhZG9ubHkpIHtcbiAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgfVxuICB9XG5cbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogQ2hlY2tib3hWYWx1ZUZuKTogdm9pZCB7XG4gICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xuICB9XG5cbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IENoZWNrYm94VmFsdWVGbik6IHZvaWQge1xuICAgIHRoaXMub25Ub3VjaGVkID0gZm47XG4gIH1cblxuICB3cml0ZVZhbHVlKHZhbHVlOiBib29sZWFuKTogdm9pZCB7XG4gICAgdGhpcy5vbkNoYW5nZSh2YWx1ZSk7XG4gICAgdGhpcy5kZWZhdWx0Q2hlY2tlZCA9IHZhbHVlO1xuICB9XG5cbiAgc2V0RGlzYWJsZWRTdGF0ZShkaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xuICAgIHRoaXMuZGlzYWJsZWQgPSBkaXNhYmxlZDtcbiAgfVxuXG4gIHNldENzc0NsYXNzZXMoY2hlY2tib3g6IEhUTUxJbnB1dEVsZW1lbnQpOiBSZWNvcmQ8c3RyaW5nLCBib29sZWFuPiB7XG4gICAgcmV0dXJuIHtcbiAgICAgICdjaGVja2VkJzogY2hlY2tib3guY2hlY2tlZCxcbiAgICAgICdkaXNhYmxlZCc6IHRoaXMuZGlzYWJsZWQsXG4gICAgICAncmVhZG9ubHknOiB0aGlzLnJlYWRvbmx5LFxuICAgIH07XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJraXQtY2hlY2tib3hcIj5cbiAgPGxhYmVsIGNsYXNzPVwia2l0LWNoZWNrYm94LWl0ZW0ge3sgc3RhdGUgfX1cIlxuICAgICAgICAgW25nQ2xhc3NdPVwic2V0Q3NzQ2xhc3NlcyhjaGVja2JveClcIlxuICAgICAgICAgKGNsaWNrKT1cImhhbmRsZUNsaWNrKCRldmVudClcIj5cbiAgICA8ZGl2IGNsYXNzPVwia2l0LWNoZWNrYm94LWlucHV0XCI+XG4gICAgICA8aW5wdXQgI2NoZWNrYm94XG4gICAgICAgICAgICAga2VuZG9DaGVja0JveFxuICAgICAgICAgICAgIHR5cGU9XCJjaGVja2JveFwiXG4gICAgICAgICAgICAgW2NoZWNrZWRdPVwiZGVmYXVsdENoZWNrZWRcIlxuICAgICAgICAgICAgIFtyZWFkb25seV09XCJyZWFkb25seVwiXG4gICAgICAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICAgICAgICAgICAoY2hhbmdlKT1cIm9uSW5wdXRTdGF0ZUNoYW5nZSgkZXZlbnQpXCIgLz5cbiAgICAgIDxraXQtc3ZnLWljb24gY2xhc3M9XCJraXQtY2hlY2tib3gtaWNvblwiXG4gICAgICAgICAgICAgICAgICAgIFtpY29uXT1cImNoZWNrSWNvblwiXG4gICAgICA+PC9raXQtc3ZnLWljb24+XG4gICAgPC9kaXY+XG4gICAgQGlmIChsYWJlbCkge1xuICAgICAgPHNwYW4gY2xhc3M9XCJraXQtY2hlY2tib3gtbGFiZWxcIj5cbiAgICAgICAge3sgbGFiZWwgfX1cbiAgICAgIDwvc3Bhbj5cbiAgICB9XG4gIDwvbGFiZWw+XG5cbiAgQGlmIChtZXNzYWdlVGV4dCkge1xuICAgIDxraXQtaW5wdXQtbWVzc2FnZSBbdHlwZV09XCJtZXNzYWdlVHlwZVwiXG4gICAgICAgICAgICAgICAgICAgICAgIFtpY29uXT1cIm1lc3NhZ2VJY29uXCJcbiAgICAgICAgICAgICAgICAgICAgICAgW21lc3NhZ2VdPVwibWVzc2FnZVRleHRcIlxuICAgID48L2tpdC1pbnB1dC1tZXNzYWdlPlxuICB9XG48L2Rpdj5cbiJdfQ==
|
|
@@ -4,17 +4,20 @@ import { LabelModule } from '@progress/kendo-angular-label';
|
|
|
4
4
|
import { CheckBoxModule } from '@progress/kendo-angular-inputs';
|
|
5
5
|
import { CommonModule } from '@angular/common';
|
|
6
6
|
import { KitInputMessageModule } from '../kit-input-message/kit-input-message.module';
|
|
7
|
+
import { KitSvgIconModule } from '../kit-svg-icon/kit-svg-icon.module';
|
|
7
8
|
import * as i0 from "@angular/core";
|
|
8
9
|
export class KitCheckboxModule {
|
|
9
10
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10
11
|
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.7", ngImport: i0, type: KitCheckboxModule, declarations: [KitCheckboxComponent], imports: [LabelModule,
|
|
11
12
|
CheckBoxModule,
|
|
12
13
|
CommonModule,
|
|
13
|
-
KitInputMessageModule
|
|
14
|
+
KitInputMessageModule,
|
|
15
|
+
KitSvgIconModule], exports: [KitCheckboxComponent] }); }
|
|
14
16
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitCheckboxModule, imports: [LabelModule,
|
|
15
17
|
CheckBoxModule,
|
|
16
18
|
CommonModule,
|
|
17
|
-
KitInputMessageModule
|
|
19
|
+
KitInputMessageModule,
|
|
20
|
+
KitSvgIconModule] }); }
|
|
18
21
|
}
|
|
19
22
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitCheckboxModule, decorators: [{
|
|
20
23
|
type: NgModule,
|
|
@@ -30,7 +33,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImpor
|
|
|
30
33
|
CheckBoxModule,
|
|
31
34
|
CommonModule,
|
|
32
35
|
KitInputMessageModule,
|
|
36
|
+
KitSvgIconModule,
|
|
33
37
|
],
|
|
34
38
|
}]
|
|
35
39
|
}] });
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LWNoZWNrYm94Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMva2l0LWNoZWNrYm94L2tpdC1jaGVja2JveC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDNUQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ2hFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwrQ0FBK0MsQ0FBQztBQUN0RixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQzs7QUFpQnZFLE1BQU0sT0FBTyxpQkFBaUI7OEdBQWpCLGlCQUFpQjsrR0FBakIsaUJBQWlCLGlCQWIxQixvQkFBb0IsYUFNcEIsV0FBVztZQUNYLGNBQWM7WUFDZCxZQUFZO1lBQ1oscUJBQXFCO1lBQ3JCLGdCQUFnQixhQVBoQixvQkFBb0I7K0dBVVgsaUJBQWlCLFlBUDFCLFdBQVc7WUFDWCxjQUFjO1lBQ2QsWUFBWTtZQUNaLHFCQUFxQjtZQUNyQixnQkFBZ0I7OzJGQUdQLGlCQUFpQjtrQkFmN0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osb0JBQW9CO3FCQUNyQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1Asb0JBQW9CO3FCQUNyQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsV0FBVzt3QkFDWCxjQUFjO3dCQUNkLFlBQVk7d0JBQ1oscUJBQXFCO3dCQUNyQixnQkFBZ0I7cUJBQ2pCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEtpdENoZWNrYm94Q29tcG9uZW50IH0gZnJvbSAnLi9raXQtY2hlY2tib3guY29tcG9uZW50JztcbmltcG9ydCB7IExhYmVsTW9kdWxlIH0gZnJvbSAnQHByb2dyZXNzL2tlbmRvLWFuZ3VsYXItbGFiZWwnO1xuaW1wb3J0IHsgQ2hlY2tCb3hNb2R1bGUgfSBmcm9tICdAcHJvZ3Jlc3Mva2VuZG8tYW5ndWxhci1pbnB1dHMnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEtpdElucHV0TWVzc2FnZU1vZHVsZSB9IGZyb20gJy4uL2tpdC1pbnB1dC1tZXNzYWdlL2tpdC1pbnB1dC1tZXNzYWdlLm1vZHVsZSc7XG5pbXBvcnQgeyBLaXRTdmdJY29uTW9kdWxlIH0gZnJvbSAnLi4va2l0LXN2Zy1pY29uL2tpdC1zdmctaWNvbi5tb2R1bGUnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBLaXRDaGVja2JveENvbXBvbmVudCxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIEtpdENoZWNrYm94Q29tcG9uZW50LFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgTGFiZWxNb2R1bGUsXG4gICAgQ2hlY2tCb3hNb2R1bGUsXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEtpdElucHV0TWVzc2FnZU1vZHVsZSxcbiAgICBLaXRTdmdJY29uTW9kdWxlLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBLaXRDaGVja2JveE1vZHVsZSB7XG59XG4iXX0=
|
package/esm2022/lib/components/kit-cta-panel-confirmation/kit-cta-panel-confirmation.component.mjs
CHANGED
|
@@ -25,7 +25,7 @@ export class KitCtaPanelConfirmationComponent {
|
|
|
25
25
|
this.confirmClicked.emit(this.form.value);
|
|
26
26
|
}
|
|
27
27
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitCtaPanelConfirmationComponent, deps: [{ token: i1.UntypedFormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
28
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: KitCtaPanelConfirmationComponent, selector: "kit-cta-panel-confirmation", inputs: { data: "data", confirmButtonDisabled: "confirmButtonDisabled", dropdownListHeight: "dropdownListHeight", quitText: "quitText", confirmText: "confirmText" }, outputs: { quitClicked: "quitClicked", confirmClicked: "confirmClicked" }, ngImport: i0, template: "<div class=\"kit-cta-panel-confirmation\">\n <div class=\"confirmation-head\">\n <kit-svg-icon *ngIf=\"data?.icon\" class=\"head-icon\"\n [icon]=\"data?.icon\"\n ></kit-svg-icon>\n <div class=\"head-text\">\n <div class=\"head-title\">{{ data?.title }}</div>\n <div *ngIf=\"data?.description\" class=\"head-description\">\n {{ data?.description }}\n </div>\n </div>\n </div>\n <div class=\"confirmation-main\">\n <form [formGroup]=\"form\" class=\"confirmation-main-form\">\n <kit-dropdown *ngIf=\"data?.dropdownItems\"\n formControlName=\"reason\"\n [defaultItem]=\"data?.defaultDropdownItem\"\n [label]=\"data?.dropdownLabel\"\n [items]=\"data?.dropdownItems\"\n [listHeight]=\"dropdownListHeight\"\n ></kit-dropdown>\n\n <kit-checkbox *ngIf=\"data?.checkboxLabel\"\n formControlName=\"checkbox\"\n [label]=\"data?.checkboxLabel\"\n ></kit-checkbox>\n </form>\n </div>\n <kit-cta-panel-action [disabled]=\"data?.dropdownItems && form.invalid\"\n [quitText]=\"quitText\"\n [confirmText]=\"confirmText\"\n (quitClicked)=\"quitClicked.emit()\"\n (confirmClicked)=\"onConfirmButtonClick()\"\n ></kit-cta-panel-action>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-cta-panel-confirmation{padding:15px 20px;border:2px solid #00b0ad;background:#f8f9fe;line-height:1.26}.kit-cta-panel-confirmation .confirmation-head{display:flex;margin-bottom:24px}.kit-cta-panel-confirmation .head-icon{width:24px;height:24px;margin-right:20px;flex-shrink:0;stroke:#00b0ad;fill:none}.kit-cta-panel-confirmation .head-icon .reset-icon{stroke:none;fill:#00b0ad}.kit-cta-panel-confirmation .head-title{color:#002a3a;font-weight:700}.kit-cta-panel-confirmation .head-description{margin-top:24px;color:#000}.kit-cta-panel-confirmation .confirmation-main{margin-bottom:24px}.kit-cta-panel-confirmation .confirmation-main-form{display:flex;flex-direction:column;gap:8px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: i4.KitDropdownComponent, selector: "kit-dropdown", inputs: ["items", "selectedItem", "label", "disabled", "messageIcon", "messageText", "messageType", "state", "defaultItem", "listHeight", "hideDefaultItem"], outputs: ["selected"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i5.KitCtaPanelActionComponent, selector: "kit-cta-panel-action", inputs: ["disabled", "confirmText", "quitText"], outputs: ["quitClicked", "confirmClicked"] }, { kind: "component", type: i6.KitCheckboxComponent, selector: "kit-checkbox", inputs: ["label", "disabled", "defaultChecked", "readonly", "state", "messageIcon", "messageText", "messageType"], outputs: ["changed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
28
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: KitCtaPanelConfirmationComponent, selector: "kit-cta-panel-confirmation", inputs: { data: "data", confirmButtonDisabled: "confirmButtonDisabled", dropdownListHeight: "dropdownListHeight", quitText: "quitText", confirmText: "confirmText" }, outputs: { quitClicked: "quitClicked", confirmClicked: "confirmClicked" }, ngImport: i0, template: "<div class=\"kit-cta-panel-confirmation\">\n <div class=\"confirmation-head\">\n <kit-svg-icon *ngIf=\"data?.icon\" class=\"head-icon\"\n [icon]=\"data?.icon\"\n ></kit-svg-icon>\n <div class=\"head-text\">\n <div class=\"head-title\">{{ data?.title }}</div>\n <div *ngIf=\"data?.description\" class=\"head-description\">\n {{ data?.description }}\n </div>\n </div>\n </div>\n <div class=\"confirmation-main\">\n <form [formGroup]=\"form\" class=\"confirmation-main-form\">\n <kit-dropdown *ngIf=\"data?.dropdownItems\"\n formControlName=\"reason\"\n [defaultItem]=\"data?.defaultDropdownItem\"\n [label]=\"data?.dropdownLabel\"\n [items]=\"data?.dropdownItems\"\n [listHeight]=\"dropdownListHeight\"\n ></kit-dropdown>\n\n <kit-checkbox *ngIf=\"data?.checkboxLabel\"\n formControlName=\"checkbox\"\n [label]=\"data?.checkboxLabel\"\n ></kit-checkbox>\n </form>\n </div>\n <kit-cta-panel-action [disabled]=\"data?.dropdownItems && form.invalid\"\n [quitText]=\"quitText\"\n [confirmText]=\"confirmText\"\n (quitClicked)=\"quitClicked.emit()\"\n (confirmClicked)=\"onConfirmButtonClick()\"\n ></kit-cta-panel-action>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-cta-panel-confirmation{padding:15px 20px;border:2px solid #00b0ad;background:#f8f9fe;line-height:1.26}.kit-cta-panel-confirmation .confirmation-head{display:flex;margin-bottom:24px}.kit-cta-panel-confirmation .head-icon{width:24px;height:24px;margin-right:20px;flex-shrink:0;stroke:#00b0ad;fill:none}.kit-cta-panel-confirmation .head-icon .reset-icon{stroke:none;fill:#00b0ad}.kit-cta-panel-confirmation .head-title{color:#002a3a;font-weight:700}.kit-cta-panel-confirmation .head-description{margin-top:24px;color:#000}.kit-cta-panel-confirmation .confirmation-main{margin-bottom:24px}.kit-cta-panel-confirmation .confirmation-main-form{display:flex;flex-direction:column;gap:8px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: i4.KitDropdownComponent, selector: "kit-dropdown", inputs: ["items", "selectedItem", "label", "disabled", "messageIcon", "messageText", "messageType", "state", "defaultItem", "listHeight", "hideDefaultItem", "toggleIcon"], outputs: ["selected"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i5.KitCtaPanelActionComponent, selector: "kit-cta-panel-action", inputs: ["disabled", "confirmText", "quitText"], outputs: ["quitClicked", "confirmClicked"] }, { kind: "component", type: i6.KitCheckboxComponent, selector: "kit-checkbox", inputs: ["label", "disabled", "defaultChecked", "readonly", "state", "messageIcon", "messageText", "messageType"], outputs: ["changed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
29
29
|
}
|
|
30
30
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitCtaPanelConfirmationComponent, decorators: [{
|
|
31
31
|
type: Component,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, ContentChild, EventEmitter, forwardRef, Input, Output, TemplateRef,
|
|
1
|
+
import { ChangeDetectionStrategy, Component, ContentChild, EventEmitter, forwardRef, Input, Output, signal, TemplateRef, ViewChild, ViewEncapsulation } from '@angular/core';
|
|
2
2
|
import { KitSvgIcon } from '../kit-svg-icon/kit-svg-icon.const';
|
|
3
3
|
import { KitInputMessageType } from '../kit-input-message/kit-input-message.component';
|
|
4
4
|
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
@@ -49,11 +49,17 @@ export class KitDropdownComponent {
|
|
|
49
49
|
* Whether the default item will be hidden. "true" by default
|
|
50
50
|
*/
|
|
51
51
|
this.hideDefaultItem = true;
|
|
52
|
+
/**
|
|
53
|
+
* Defines the icon which going to be the icon for the dropdown toggle button
|
|
54
|
+
*/
|
|
55
|
+
this.toggleIcon = KitSvgIcon.CHEVRON_DOWN;
|
|
52
56
|
/**
|
|
53
57
|
* occurs once an item in the dropdown is selected
|
|
54
58
|
*/
|
|
55
59
|
this.selected = new EventEmitter();
|
|
60
|
+
this.dropdown = null;
|
|
56
61
|
this.KitSvgIcon = KitSvgIcon;
|
|
62
|
+
this.isPopupExpanded = signal(false);
|
|
57
63
|
/**
|
|
58
64
|
* Function that should be called every time the form control value changes
|
|
59
65
|
*/
|
|
@@ -101,12 +107,24 @@ export class KitDropdownComponent {
|
|
|
101
107
|
this.writeValue(value);
|
|
102
108
|
this.changeDetectorRef.markForCheck();
|
|
103
109
|
}
|
|
110
|
+
onOpen() {
|
|
111
|
+
this.isPopupExpanded.set(true);
|
|
112
|
+
}
|
|
113
|
+
onClose() {
|
|
114
|
+
this.isPopupExpanded.set(false);
|
|
115
|
+
}
|
|
116
|
+
getCssClasses() {
|
|
117
|
+
return {
|
|
118
|
+
'expanded': this.isPopupExpanded(),
|
|
119
|
+
'has-value': this.dropdown?.value,
|
|
120
|
+
};
|
|
121
|
+
}
|
|
104
122
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitDropdownComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
105
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
123
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.7", type: KitDropdownComponent, selector: "kit-dropdown", inputs: { items: "items", selectedItem: "selectedItem", label: "label", disabled: "disabled", messageIcon: "messageIcon", messageText: "messageText", messageType: "messageType", state: "state", defaultItem: "defaultItem", listHeight: "listHeight", hideDefaultItem: "hideDefaultItem", toggleIcon: "toggleIcon" }, outputs: { selected: "selected" }, providers: [{
|
|
106
124
|
provide: NG_VALUE_ACCESSOR,
|
|
107
125
|
useExisting: forwardRef(() => KitDropdownComponent),
|
|
108
126
|
multi: true,
|
|
109
|
-
}], queries: [{ propertyName: "kitDropdownItemTemplate", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<div class=\"kit-dropdown {{ state }}\"
|
|
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: [".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-lit-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-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0;--ui-kit-color-red-1: #f5222d;--ui-kit-color-cobalt: #006890;--ui-kit-color-cobalt-darkest: #002a3a;--ui-kit-color-teal: #23afd2;--ui-kit-color-orange: #faad14}.kit-dropdown .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-dropdown .k-state-disabled{color:var(--ui-kit-color-grey-12);background-color:var(--ui-kit-color-grey-13)}.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-lit-color-focus)}.kit-dropdown.disabled .label{color:#74777d}.kit-dropdown.disabled .value-icon{stroke:#74777d}.kit-dropdown.danger .dropdown{border-color:#ef3e42;background:#f8e0e0}.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 }); }
|
|
110
128
|
}
|
|
111
129
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitDropdownComponent, decorators: [{
|
|
112
130
|
type: Component,
|
|
@@ -114,7 +132,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImpor
|
|
|
114
132
|
provide: NG_VALUE_ACCESSOR,
|
|
115
133
|
useExisting: forwardRef(() => KitDropdownComponent),
|
|
116
134
|
multi: true,
|
|
117
|
-
}], template: "<div class=\"kit-dropdown {{ state }}\"
|
|
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: [".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-lit-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-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0;--ui-kit-color-red-1: #f5222d;--ui-kit-color-cobalt: #006890;--ui-kit-color-cobalt-darkest: #002a3a;--ui-kit-color-teal: #23afd2;--ui-kit-color-orange: #faad14}.kit-dropdown .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-dropdown .k-state-disabled{color:var(--ui-kit-color-grey-12);background-color:var(--ui-kit-color-grey-13)}.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-lit-color-focus)}.kit-dropdown.disabled .label{color:#74777d}.kit-dropdown.disabled .value-icon{stroke:#74777d}.kit-dropdown.danger .dropdown{border-color:#ef3e42;background:#f8e0e0}.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"] }]
|
|
118
136
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { items: [{
|
|
119
137
|
type: Input
|
|
120
138
|
}], selectedItem: [{
|
|
@@ -137,10 +155,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImpor
|
|
|
137
155
|
type: Input
|
|
138
156
|
}], hideDefaultItem: [{
|
|
139
157
|
type: Input
|
|
158
|
+
}], toggleIcon: [{
|
|
159
|
+
type: Input
|
|
140
160
|
}], selected: [{
|
|
141
161
|
type: Output
|
|
162
|
+
}], kitDropdownValueTemplate: [{
|
|
163
|
+
type: ContentChild,
|
|
164
|
+
args: ['kitDropdownValueTemplate', { read: TemplateRef }]
|
|
142
165
|
}], kitDropdownItemTemplate: [{
|
|
143
166
|
type: ContentChild,
|
|
144
|
-
args: [TemplateRef]
|
|
167
|
+
args: ['kitDropdownItemTemplate', { read: TemplateRef }]
|
|
168
|
+
}], dropdown: [{
|
|
169
|
+
type: ViewChild,
|
|
170
|
+
args: ['dropdown']
|
|
145
171
|
}] } });
|
|
146
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LWRyb3Bkb3duLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMva2l0LWRyb3Bkb3duL2tpdC1kcm9wZG93bi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1kcm9wZG93bi9raXQtZHJvcGRvd24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUV2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLFlBQVksRUFDWixVQUFVLEVBQ1YsS0FBSyxFQUNMLE1BQU0sRUFFTixXQUFXLEVBQ1gsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUNoRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxrREFBa0QsQ0FBQztBQUN2RixPQUFPLEVBQXdCLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDekUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sZ0RBQWdELENBQUM7Ozs7Ozs7O0FBYXRGLE1BQU0sQ0FBTixJQUFZLGdCQUdYO0FBSEQsV0FBWSxnQkFBZ0I7SUFDMUIsdUNBQW1CLENBQUE7SUFDbkIscUNBQWlCLENBQUE7QUFDbkIsQ0FBQyxFQUhXLGdCQUFnQixLQUFoQixnQkFBZ0IsUUFHM0I7QUFFRCxNQUFNLG9CQUFvQixHQUFXLG9CQUFvQixDQUFDO0FBQzFELE1BQU0saUNBQWlDLEdBQVcsaUNBQWlDLENBQUM7QUFFcEYsU0FBUyxlQUFlLENBQUMsZUFBd0I7SUFDL0MsSUFBSSxlQUFlLEVBQUU7UUFDbkIsT0FBTyxvQkFBb0IsQ0FBQztLQUM3QjtJQUVELE9BQU87UUFDTCxvQkFBb0I7UUFDcEIsaUNBQWlDO0tBQ2xDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0FBQ2QsQ0FBQztBQWNELE1BQU0sT0FBTyxvQkFBb0I7SUFxRS9CLFlBQ1UsaUJBQW9DO1FBQXBDLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7UUFyRTlDOztXQUVHO1FBQ00sVUFBSyxHQUF5QixFQUFFLENBQUM7UUEyQjFDOztXQUVHO1FBQ00sZ0JBQVcsR0FBd0IsbUJBQW1CLENBQUMsT0FBTyxDQUFDO1FBRXhFOztXQUVHO1FBQ00sVUFBSyxHQUF5QixvQkFBb0IsQ0FBQyxPQUFPLENBQUM7UUFRcEU7O1dBRUc7UUFDTSxlQUFVLEdBQVcsR0FBRyxDQUFDO1FBRWxDOztXQUVHO1FBQ00sb0JBQWUsR0FBWSxJQUFJLENBQUM7UUFFekM7O1dBRUc7UUFDTyxhQUFRLEdBQXFDLElBQUksWUFBWSxFQUFzQixDQUFDO1FBT3JGLGVBQVUsR0FBc0IsVUFBVSxDQUFDO1FBZ0JwRDs7V0FFRztRQUNILGFBQVEsR0FBRyxDQUFDLEtBQVEsRUFBUSxFQUFFO1FBQzlCLENBQUMsQ0FBQztRQUVGOztXQUVHO1FBQ0gsY0FBUyxHQUFHLEdBQVMsRUFBRTtRQUN2QixDQUFDLENBQUM7SUFyQkYsQ0FBQztJQUVEOztPQUVHO0lBQ0gsa0JBQWtCO1FBQ2hCLE9BQU87WUFDTCxVQUFVLEVBQUUsZUFBZSxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUM7U0FDbEQsQ0FBQztJQUNKLENBQUM7SUFjRCxjQUFjO1FBQ1osT0FBTyxDQUFDLENBQUMsT0FBeUMsRUFBVyxFQUFFLENBQzdELENBQUMsQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLFFBQVEsSUFBSSxPQUFPLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQztJQUNoRixDQUFDO0lBRUQ7O09BRUc7SUFDSCxZQUFZLENBQUMsSUFBd0I7UUFDbkMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDMUIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDM0IsQ0FBQztJQUVELFVBQVUsQ0FBQyxLQUFRO1FBQ2pCLElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO1FBQzFCLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDckIsSUFBSSxDQUFDLGlCQUFpQixDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3hDLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxFQUFrQjtRQUNqQyxJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsaUJBQWlCLENBQUMsRUFBYztRQUM5QixJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsUUFBaUI7UUFDaEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxRQUFRLENBQUM7SUFDM0IsQ0FBQztJQUVELEtBQUssQ0FBQyxLQUFRO1FBQ1osSUFBSSxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN2QixJQUFJLENBQUMsaUJBQWlCLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDeEMsQ0FBQzs4R0FqSVUsb0JBQW9CO2tHQUFwQixvQkFBb0Isd1dBTnBCLENBQUM7Z0JBQ1YsT0FBTyxFQUFFLGlCQUFpQjtnQkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQztnQkFDbkQsS0FBSyxFQUFFLElBQUk7YUFDWixDQUFDLCtFQW1FWSxXQUFXLGdEQzlIM0IseWdEQWdDQTs7MkZENkJhLG9CQUFvQjtrQkFaaEMsU0FBUzsrQkFDRSxjQUFjLG1CQUdQLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksYUFDMUIsQ0FBQzs0QkFDVixPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxxQkFBcUIsQ0FBQzs0QkFDbkQsS0FBSyxFQUFFLElBQUk7eUJBQ1osQ0FBQztzRkFNTyxLQUFLO3NCQUFiLEtBQUs7Z0JBS0csWUFBWTtzQkFBcEIsS0FBSztnQkFLRyxLQUFLO3NCQUFiLEtBQUs7Z0JBS0csUUFBUTtzQkFBaEIsS0FBSztnQkFLRyxXQUFXO3NCQUFuQixLQUFLO2dCQUtHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBS0csV0FBVztzQkFBbkIsS0FBSztnQkFLRyxLQUFLO3NCQUFiLEtBQUs7Z0JBTUcsV0FBVztzQkFBbkIsS0FBSztnQkFLRyxVQUFVO3NCQUFsQixLQUFLO2dCQUtHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBS0ksUUFBUTtzQkFBakIsTUFBTTtnQkFLb0IsdUJBQXVCO3NCQUFqRCxZQUFZO3VCQUFDLFdBQVciLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCxcbiAgQ29udGVudENoaWxkLFxuICBFdmVudEVtaXR0ZXIsXG4gIGZvcndhcmRSZWYsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIFByZWRpY2F0ZSxcbiAgVGVtcGxhdGVSZWYsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEl0ZW1BcmdzLCBJdGVtRGlzYWJsZWRGbiwgUG9wdXBTZXR0aW5ncyB9IGZyb20gJ0Bwcm9ncmVzcy9rZW5kby1hbmd1bGFyLWRyb3Bkb3ducyc7XG5pbXBvcnQgeyBLaXRTdmdJY29uIH0gZnJvbSAnLi4va2l0LXN2Zy1pY29uL2tpdC1zdmctaWNvbi5jb25zdCc7XG5pbXBvcnQgeyBLaXRJbnB1dE1lc3NhZ2VUeXBlIH0gZnJvbSAnLi4va2l0LWlucHV0LW1lc3NhZ2Uva2l0LWlucHV0LW1lc3NhZ2UuY29tcG9uZW50JztcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEtpdEF1dG9jb21wbGV0ZVN0YXRlIH0gZnJvbSAnLi4va2l0LWF1dG9jb21wbGV0ZS9raXQtYXV0b2NvbXBsZXRlLmNvbXBvbmVudCc7XG5cbmludGVyZmFjZSBLaXREcm9wZG93bkl0ZW1EaXNhYmxlZEZuQXJnczxUPiBleHRlbmRzIEl0ZW1BcmdzIHtcbiAgZGF0YUl0ZW06IEtpdERyb3Bkb3duSXRlbTxUPjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBLaXREcm9wZG93bkl0ZW08VCwgVSA9IHVua25vd24+IHtcbiAgdGV4dDogc3RyaW5nO1xuICB2YWx1ZTogVDtcbiAgZGF0YT86IFU7XG4gIGRpc2FibGVkPzogUHJlZGljYXRlPEtpdERyb3Bkb3duSXRlbTxUPj47XG59XG5cbmV4cG9ydCBlbnVtIEtpdERyb3Bkb3duU3RhdGUge1xuICBSRUdVTEFSID0gJ3JlZ3VsYXInLFxuICBEQU5HRVIgPSAnZGFuZ2VyJyxcbn1cblxuY29uc3QgRFJPUERPV05fUE9QVVBfQ0xBU1M6IHN0cmluZyA9ICdraXQtZHJvcGRvd24tcG9wdXAnO1xuY29uc3QgRFJPUERPV05fUE9QVVBfREVGQVVMVF9JVEVNX0NMQVNTOiBzdHJpbmcgPSAna2l0LWRyb3Bkb3duLXBvcHVwLWRlZmF1bHQtaXRlbSc7XG5cbmZ1bmN0aW9uIGJ1aWxkUG9wdXBDbGFzcyhoaWRlRGVmYXVsdEl0ZW06IGJvb2xlYW4pOiBzdHJpbmcge1xuICBpZiAoaGlkZURlZmF1bHRJdGVtKSB7XG4gICAgcmV0dXJuIERST1BET1dOX1BPUFVQX0NMQVNTO1xuICB9XG5cbiAgcmV0dXJuIFtcbiAgICBEUk9QRE9XTl9QT1BVUF9DTEFTUyxcbiAgICBEUk9QRE9XTl9QT1BVUF9ERUZBVUxUX0lURU1fQ0xBU1MsXG4gIF0uam9pbignICcpO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdraXQtZHJvcGRvd24nLFxuICB0ZW1wbGF0ZVVybDogJy4va2l0LWRyb3Bkb3duLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4va2l0LWRyb3Bkb3duLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBwcm92aWRlcnM6IFt7XG4gICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gS2l0RHJvcGRvd25Db21wb25lbnQpLFxuICAgIG11bHRpOiB0cnVlLFxuICB9XSxcbn0pXG5leHBvcnQgY2xhc3MgS2l0RHJvcGRvd25Db21wb25lbnQ8VD4gaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciB7XG4gIC8qKlxuICAgKiBhbiBpdGVtcyBsaXN0IHdoaWNoIGlzIGdvaW5nIHRvIGJlIHJlbmRlcmVkIGFzIGRyb3Bkb3duIGl0ZW1zXG4gICAqL1xuICBASW5wdXQoKSBpdGVtczogS2l0RHJvcGRvd25JdGVtPFQ+W10gPSBbXTtcblxuICAvKipcbiAgICogYW4gaXRlbSB3aGljaCBuZWVkcyB0byBiZSBzZWxlY3RlZCBhcyBhIGRlZmF1bHQgdmFsdWVcbiAgICovXG4gIEBJbnB1dCgpIHNlbGVjdGVkSXRlbT86IFQ7XG5cbiAgLyoqXG4gICAqIGFuIGluZm9ybWF0aXZlIHRleHQgdGhhdCB3aWxsIGJlIGFib3ZlIHRoZSBkcm9wZG93blxuICAgKi9cbiAgQElucHV0KCkgbGFiZWw/OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIGRlZmluZXMgd2hldGhlciB0aGUgY29tcG9uZW50IHdpbGwgYmUgaW4gZGlzYWJsZWQgc3RhdGVcbiAgICovXG4gIEBJbnB1dCgpIGRpc2FibGVkPzogYm9vbGVhbjtcblxuICAvKipcbiAgICogRGVmaW5lcyBhbiBpY29uIHdoaWNoIHdpbGwgYmUgdXNlZCB0byB0aGUgbGVmdCBvZiB0aGUgaW5mbyBtZXNzYWdlXG4gICAqL1xuICBASW5wdXQoKSBtZXNzYWdlSWNvbj86IEtpdFN2Z0ljb247XG5cbiAgLyoqXG4gICAqIERlZmluZXMgYSB2YWx1ZSB3aGljaCBnb2luZyB0byBiZSBhbiBpbmZvIG1lc3NhZ2UgdGV4dFxuICAgKi9cbiAgQElucHV0KCkgbWVzc2FnZVRleHQ/OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgYSB2YWx1ZSB3aGljaCBnb2luZyB0byBiZSBhbiBpbmZvIG1lc3NhZ2UgdHlwZVxuICAgKi9cbiAgQElucHV0KCkgbWVzc2FnZVR5cGU6IEtpdElucHV0TWVzc2FnZVR5cGUgPSBLaXRJbnB1dE1lc3NhZ2VUeXBlLkRFRkFVTFQ7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgYSBwYXJ0aWN1bGFyIHN0YXRlIGZvciB0aGUgY29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBzdGF0ZTogS2l0QXV0b2NvbXBsZXRlU3RhdGUgPSBLaXRBdXRvY29tcGxldGVTdGF0ZS5SRUdVTEFSO1xuXG4gIC8qKlxuICAgKiBBbiBpdGVtIHRoYXQgaXMgZ29pbmcgdG8gYmUgcHJlc2VudGVkIGFzIGEgZGVmYXVsdCB2YWx1ZS5cbiAgICogVXNpbmcgYXMgYSBwbGFjZWhvbGRlclxuICAgKi9cbiAgQElucHV0KCkgZGVmYXVsdEl0ZW0/OiBLaXREcm9wZG93bkl0ZW08VD47XG5cbiAgLyoqXG4gICAqIERlZmluZXMgZHJvcGRvd24gcG9wdXAgbGlzdCBoZWlnaHQuIEJ5IGRlZmF1bHQsIGxpc3RIZWlnaHQgaXMgMjAwcHguXG4gICAqL1xuICBASW5wdXQoKSBsaXN0SGVpZ2h0OiBudW1iZXIgPSAyMDA7XG5cbiAgLyoqXG4gICAqIFdoZXRoZXIgdGhlIGRlZmF1bHQgaXRlbSB3aWxsIGJlIGhpZGRlbi4gXCJ0cnVlXCIgYnkgZGVmYXVsdFxuICAgKi9cbiAgQElucHV0KCkgaGlkZURlZmF1bHRJdGVtOiBib29sZWFuID0gdHJ1ZTtcblxuICAvKipcbiAgICogb2NjdXJzIG9uY2UgYW4gaXRlbSBpbiB0aGUgZHJvcGRvd24gaXMgc2VsZWN0ZWRcbiAgICovXG4gIEBPdXRwdXQoKSBzZWxlY3RlZDogRXZlbnRFbWl0dGVyPEtpdERyb3Bkb3duSXRlbTxUPj4gPSBuZXcgRXZlbnRFbWl0dGVyPEtpdERyb3Bkb3duSXRlbTxUPj4oKTtcblxuICAvKipcbiAgICogRGVmaW5lcyB0ZW1wbGF0ZSBmb3IgYSBkcm9wZG93biBsaXN0IGl0ZW1cbiAgICovXG4gIEBDb250ZW50Q2hpbGQoVGVtcGxhdGVSZWYpIGtpdERyb3Bkb3duSXRlbVRlbXBsYXRlPzogVGVtcGxhdGVSZWY8SFRNTFRlbXBsYXRlRWxlbWVudD47XG5cbiAgcmVhZG9ubHkgS2l0U3ZnSWNvbjogdHlwZW9mIEtpdFN2Z0ljb24gPSBLaXRTdmdJY29uO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgY2hhbmdlRGV0ZWN0b3JSZWY6IENoYW5nZURldGVjdG9yUmVmLFxuICApIHtcbiAgfVxuXG4gIC8qKlxuICAgKiBCdWlsZCBhbiBvYmplY3Qgd2l0aCBhcHByb3ByaWF0ZSBvcHRpb25zLCBiYXNlZCBvbiBoaWRpbmcgZGVmYXVsdCBpdGVtIHN0YXRlXG4gICAqL1xuICBidWlsZFBvcHVwU2V0dGluZ3MoKTogUG9wdXBTZXR0aW5ncyB7XG4gICAgcmV0dXJuIHtcbiAgICAgIHBvcHVwQ2xhc3M6IGJ1aWxkUG9wdXBDbGFzcyh0aGlzLmhpZGVEZWZhdWx0SXRlbSksXG4gICAgfTtcbiAgfVxuXG4gIC8qKlxuICAgKiBGdW5jdGlvbiB0aGF0IHNob3VsZCBiZSBjYWxsZWQgZXZlcnkgdGltZSB0aGUgZm9ybSBjb250cm9sIHZhbHVlIGNoYW5nZXNcbiAgICovXG4gIG9uQ2hhbmdlID0gKHZhbHVlOiBUKTogdm9pZCA9PiB7XG4gIH07XG5cbiAgLyoqXG4gICAqIEZ1bmN0aW9uIHRoYXQgc2hvdWxkIGJlIGNhbGxlZCB3aGVuIGlucHV0IGxvc3QgZm9jdXMgYW5kIGNoYW5nZWQgZm9ybSBjb250cm9sIHN0YXRlIHRvIFwidG91Y2hlZFwiXG4gICAqL1xuICBvblRvdWNoZWQgPSAoKTogdm9pZCA9PiB7XG4gIH07XG5cbiAgb25JdGVtRGlzYWJsZWQoKTogSXRlbURpc2FibGVkRm4ge1xuICAgIHJldHVybiAoKGNvbnRleHQ6IEtpdERyb3Bkb3duSXRlbURpc2FibGVkRm5BcmdzPFQ+KTogYm9vbGVhbiA9PlxuICAgICAgISFjb250ZXh0LmRhdGFJdGVtLmRpc2FibGVkICYmIGNvbnRleHQuZGF0YUl0ZW0uZGlzYWJsZWQoY29udGV4dC5kYXRhSXRlbSkpO1xuICB9XG5cbiAgLyoqXG4gICAqIEZ1bmN0aW9uIHRoYXQgaXMgY2FsbGVkIHdoZW4gZHJvcGRvd24gbGlzdCBpdGVtIHNlbGVjdGVkXG4gICAqL1xuICBvbkl0ZW1TZWxlY3QoaXRlbTogS2l0RHJvcGRvd25JdGVtPFQ+KTogdm9pZCB7XG4gICAgdGhpcy5vbkNoYW5nZShpdGVtLnZhbHVlKTtcbiAgICB0aGlzLnNlbGVjdGVkLmVtaXQoaXRlbSk7XG4gIH1cblxuICB3cml0ZVZhbHVlKHZhbHVlOiBUKTogdm9pZCB7XG4gICAgdGhpcy5zZWxlY3RlZEl0ZW0gPSB2YWx1ZTtcbiAgICB0aGlzLm9uQ2hhbmdlKHZhbHVlKTtcbiAgICB0aGlzLmNoYW5nZURldGVjdG9yUmVmLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogKF86IFQpID0+IHZvaWQpOiB2b2lkIHtcbiAgICB0aGlzLm9uQ2hhbmdlID0gZm47XG4gIH1cblxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogKCkgPT4gdm9pZCk6IHZvaWQge1xuICAgIHRoaXMub25Ub3VjaGVkID0gZm47XG4gIH1cblxuICBzZXREaXNhYmxlZFN0YXRlKGRpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XG4gICAgdGhpcy5kaXNhYmxlZCA9IGRpc2FibGVkO1xuICB9XG5cbiAgcmVzZXQodmFsdWU6IFQpOiB2b2lkIHtcbiAgICB0aGlzLndyaXRlVmFsdWUodmFsdWUpO1xuICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3JSZWYubWFya0ZvckNoZWNrKCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJraXQtZHJvcGRvd24ge3sgc3RhdGUgfX1cIiBbY2xhc3MuZGlzYWJsZWRdPVwiZGlzYWJsZWRcIj5cbiAgPGtlbmRvLWxhYmVsICpuZ0lmPVwibGFiZWxcIiBjbGFzcz1cImxhYmVsIGRpc3BsYXktYmxvY2tcIlxuICAgICAgICAgICAgICAgW3RleHRdPVwibGFiZWxcIlxuICAgICAgICAgICAgICAgW2Zvcl09XCJkcm9wZG93blwiXG4gID48L2tlbmRvLWxhYmVsPlxuICA8a2VuZG8tZHJvcGRvd25saXN0ICNkcm9wZG93biB2YWx1ZUZpZWxkPVwidmFsdWVcIiB0ZXh0RmllbGQ9XCJ0ZXh0XCIgY2xhc3M9XCJkcm9wZG93blwiXG4gICAgICAgICAgICAgICAgICAgICAgW2RhdGFdPVwiaXRlbXNcIlxuICAgICAgICAgICAgICAgICAgICAgIFsobmdNb2RlbCldPVwic2VsZWN0ZWRJdGVtXCJcbiAgICAgICAgICAgICAgICAgICAgICBbdmFsdWVQcmltaXRpdmVdPVwidHJ1ZVwiXG4gICAgICAgICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICAgICAgICAgICAgICAgICAgICBbcG9wdXBTZXR0aW5nc109XCJidWlsZFBvcHVwU2V0dGluZ3MoKVwiXG4gICAgICAgICAgICAgICAgICAgICAgW2l0ZW1EaXNhYmxlZF09XCJvbkl0ZW1EaXNhYmxlZCgpXCJcbiAgICAgICAgICAgICAgICAgICAgICBbZGVmYXVsdEl0ZW1dPVwiZGVmYXVsdEl0ZW1cIlxuICAgICAgICAgICAgICAgICAgICAgIFtsaXN0SGVpZ2h0XT1cImxpc3RIZWlnaHRcIlxuICAgICAgICAgICAgICAgICAgICAgIChzZWxlY3Rpb25DaGFuZ2UpPVwib25JdGVtU2VsZWN0KCRldmVudClcIj5cbiAgICA8bmctdGVtcGxhdGUga2VuZG9Ecm9wRG93bkxpc3RWYWx1ZVRlbXBsYXRlIGxldC1kYXRhSXRlbT5cbiAgICAgIDxzcGFuIGNsYXNzPVwidmFsdWUtdGV4dFwiPnt7IGRhdGFJdGVtPy50ZXh0IH19PC9zcGFuPlxuICAgICAgPGtpdC1zdmctaWNvbiBjbGFzcz1cInZhbHVlLWljb25cIlxuICAgICAgICAgICAgICAgICAgICBbaWNvbl09XCJLaXRTdmdJY29uLkNIRVZST05fRE9XTlwiXG4gICAgICA+PC9raXQtc3ZnLWljb24+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8bmctdGVtcGxhdGUgKm5nSWY9XCJraXREcm9wZG93bkl0ZW1UZW1wbGF0ZVwiIGtlbmRvRHJvcERvd25MaXN0SXRlbVRlbXBsYXRlIGxldC1kYXRhSXRlbT5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJraXREcm9wZG93bkl0ZW1UZW1wbGF0ZTsgY29udGV4dDogeyAkaW1wbGljaXQ6IGRhdGFJdGVtIH1cIlxuICAgICAgPjwvbmctY29udGFpbmVyPlxuICAgIDwvbmctdGVtcGxhdGU+XG4gIDwva2VuZG8tZHJvcGRvd25saXN0PlxuICA8a2l0LWlucHV0LW1lc3NhZ2UgKm5nSWY9XCJtZXNzYWdlVGV4dFwiXG4gICAgICAgICAgICAgICAgICAgICBbdHlwZV09XCJtZXNzYWdlVHlwZVwiXG4gICAgICAgICAgICAgICAgICAgICBbaWNvbl09XCJtZXNzYWdlSWNvblwiXG4gICAgICAgICAgICAgICAgICAgICBbbWVzc2FnZV09XCJtZXNzYWdlVGV4dFwiXG4gID48L2tpdC1pbnB1dC1tZXNzYWdlPlxuPC9kaXY+XG4iXX0=
|
|
172
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LWRyb3Bkb3duLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMva2l0LWRyb3Bkb3duL2tpdC1kcm9wZG93bi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1kcm9wZG93bi9raXQtZHJvcGRvd24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFxQixTQUFTLEVBQUUsWUFBWSxFQUFFLFlBQVksRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBYSxNQUFNLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBa0IsTUFBTSxlQUFlLENBQUM7QUFFM04sT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ2hFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGtEQUFrRCxDQUFDO0FBQ3ZGLE9BQU8sRUFBd0IsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN6RSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQzs7Ozs7Ozs7QUFhdEYsTUFBTSxDQUFOLElBQVksZ0JBR1g7QUFIRCxXQUFZLGdCQUFnQjtJQUMxQix1Q0FBbUIsQ0FBQTtJQUNuQixxQ0FBaUIsQ0FBQTtBQUNuQixDQUFDLEVBSFcsZ0JBQWdCLEtBQWhCLGdCQUFnQixRQUczQjtBQUVELE1BQU0sb0JBQW9CLEdBQVcsb0JBQW9CLENBQUM7QUFDMUQsTUFBTSxpQ0FBaUMsR0FBVyxpQ0FBaUMsQ0FBQztBQUVwRixTQUFTLGVBQWUsQ0FBQyxlQUF3QjtJQUMvQyxJQUFJLGVBQWUsRUFBRTtRQUNuQixPQUFPLG9CQUFvQixDQUFDO0tBQzdCO0lBRUQsT0FBTztR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b3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIENvbnRlbnRDaGlsZCwgRXZlbnRFbWl0dGVyLCBmb3J3YXJkUmVmLCBJbnB1dCwgT3V0cHV0LCBQcmVkaWNhdGUsIHNpZ25hbCwgVGVtcGxhdGVSZWYsIFZpZXdDaGlsZCwgVmlld0VuY2Fwc3VsYXRpb24sIFdyaXRhYmxlU2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEcm9wRG93bkxpc3RDb21wb25lbnQsIEl0ZW1BcmdzLCBJdGVtRGlzYWJsZWRGbiwgUG9wdXBTZXR0aW5ncyB9IGZyb20gJ0Bwcm9ncmVzcy9rZW5kby1hbmd1bGFyLWRyb3Bkb3ducyc7XG5pbXBvcnQgeyBLaXRTdmdJY29uIH0gZnJvbSAnLi4va2l0LXN2Zy1pY29uL2tpdC1zdmctaWNvbi5jb25zdCc7XG5pbXBvcnQgeyBLaXRJbnB1dE1lc3NhZ2VUeXBlIH0gZnJvbSAnLi4va2l0LWlucHV0LW1lc3NhZ2Uva2l0LWlucHV0LW1lc3NhZ2UuY29tcG9uZW50JztcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEtpdEF1dG9jb21wbGV0ZVN0YXRlIH0gZnJvbSAnLi4va2l0LWF1dG9jb21wbGV0ZS9raXQtYXV0b2NvbXBsZXRlLmNvbXBvbmVudCc7XG5cbmludGVyZmFjZSBLaXREcm9wZG93bkl0ZW1EaXNhYmxlZEZuQXJnczxUPiBleHRlbmRzIEl0ZW1BcmdzIHtcbiAgZGF0YUl0ZW06IEtpdERyb3Bkb3duSXRlbTxUPjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBLaXREcm9wZG93bkl0ZW08VCwgVSA9IHVua25vd24+IHtcbiAgdGV4dDogc3RyaW5nO1xuICB2YWx1ZTogVDtcbiAgZGF0YT86IFU7XG4gIGRpc2FibGVkPzogUHJlZGljYXRlPEtpdERyb3Bkb3duSXRlbTxUPj47XG59XG5cbmV4cG9ydCBlbnVtIEtpdERyb3Bkb3duU3RhdGUge1xuICBSRUdVTEFSID0gJ3JlZ3VsYXInLFxuICBEQU5HRVIgPSAnZGFuZ2VyJyxcbn1cblxuY29uc3QgRFJPUERPV05fUE9QVVBfQ0xBU1M6IHN0cmluZyA9ICdraXQtZHJvcGRvd24tcG9wdXAnO1xuY29uc3QgRFJPUERPV05fUE9QVVBfREVGQVVMVF9JVEVNX0NMQVNTOiBzdHJpbmcgPSAna2l0LWRyb3Bkb3duLXBvcHVwLWRlZmF1bHQtaXRlbSc7XG5cbmZ1bmN0aW9uIGJ1aWxkUG9wdXBDbGFzcyhoaWRlRGVmYXVsdEl0ZW06IGJvb2xlYW4pOiBzdHJpbmcge1xuICBpZiAoaGlkZURlZmF1bHRJdGVtKSB7XG4gICAgcmV0dXJuIERST1BET1dOX1BPUFVQX0NMQVNTO1xuICB9XG5cbiAgcmV0dXJuIFtcbiAgICBEUk9QRE9XTl9QT1BVUF9DTEFTUyxcbiAgICBEUk9QRE9XTl9QT1BVUF9ERUZBVUxUX0lURU1fQ0xBU1MsXG4gIF0uam9pbignICcpO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdraXQtZHJvcGRvd24nLFxuICB0ZW1wbGF0ZVVybDogJy4va2l0LWRyb3Bkb3duLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4va2l0LWRyb3Bkb3duLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBwcm92aWRlcnM6IFt7XG4gICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gS2l0RHJvcGRvd25Db21wb25lbnQpLFxuICAgIG11bHRpOiB0cnVlLFxuICB9XSxcbn0pXG5leHBvcnQgY2xhc3MgS2l0RHJvcGRvd25Db21wb25lbnQ8VD4gaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciB7XG4gIC8qKlxuICAgKiBhbiBpdGVtcyBsaXN0IHdoaWNoIGlzIGdvaW5nIHRvIGJlIHJlbmRlcmVkIGFzIGRyb3Bkb3duIGl0ZW1zXG4gICAqL1xuICBASW5wdXQoKSBpdGVtczogS2l0RHJvcGRvd25JdGVtPFQ+W10gPSBbXTtcblxuICAvKipcbiAgICogYW4gaXRlbSB3aGljaCBuZWVkcyB0byBiZSBzZWxlY3RlZCBhcyBhIGRlZmF1bHQgdmFsdWVcbiAgICovXG4gIEBJbnB1dCgpIHNlbGVjdGVkSXRlbT86IFQ7XG5cbiAgLyoqXG4gICAqIGFuIGluZm9ybWF0aXZlIHRleHQgdGhhdCB3aWxsIGJlIGFib3ZlIHRoZSBkcm9wZG93blxuICAgKi9cbiAgQElucHV0KCkgbGFiZWw/OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIGRlZmluZXMgd2hldGhlciB0aGUgY29tcG9uZW50IHdpbGwgYmUgaW4gZGlzYWJsZWQgc3RhdGVcbiAgICovXG4gIEBJbnB1dCgpIGRpc2FibGVkPzogYm9vbGVhbjtcblxuICAvKipcbiAgICogRGVmaW5lcyBhbiBpY29uIHdoaWNoIHdpbGwgYmUgdXNlZCB0byB0aGUgbGVmdCBvZiB0aGUgaW5mbyBtZXNzYWdlXG4gICAqL1xuICBASW5wdXQoKSBtZXNzYWdlSWNvbj86IEtpdFN2Z0ljb247XG5cbiAgLyoqXG4gICAqIERlZmluZXMgYSB2YWx1ZSB3aGljaCBnb2luZyB0byBiZSBhbiBpbmZvIG1lc3NhZ2UgdGV4dFxuICAgKi9cbiAgQElucHV0KCkgbWVzc2FnZVRleHQ/OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgYSB2YWx1ZSB3aGljaCBnb2luZyB0byBiZSBhbiBpbmZvIG1lc3NhZ2UgdHlwZVxuICAgKi9cbiAgQElucHV0KCkgbWVzc2FnZVR5cGU6IEtpdElucHV0TWVzc2FnZVR5cGUgPSBLaXRJbnB1dE1lc3NhZ2VUeXBlLkRFRkFVTFQ7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgYSBwYXJ0aWN1bGFyIHN0YXRlIGZvciB0aGUgY29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKSBzdGF0ZTogS2l0QXV0b2NvbXBsZXRlU3RhdGUgPSBLaXRBdXRvY29tcGxldGVTdGF0ZS5SRUdVTEFSO1xuXG4gIC8qKlxuICAgKiBBbiBpdGVtIHRoYXQgaXMgZ29pbmcgdG8gYmUgcHJlc2VudGVkIGFzIGEgZGVmYXVsdCB2YWx1ZS5cbiAgICogVXNpbmcgYXMgYSBwbGFjZWhvbGRlclxuICAgKi9cbiAgQElucHV0KCkgZGVmYXVsdEl0ZW0/OiBLaXREcm9wZG93bkl0ZW08VD47XG5cbiAgLyoqXG4gICAqIERlZmluZXMgZHJvcGRvd24gcG9wdXAgbGlzdCBoZWlnaHQuIEJ5IGRlZmF1bHQsIGxpc3RIZWlnaHQgaXMgMjAwcHguXG4gICAqL1xuICBASW5wdXQoKSBsaXN0SGVpZ2h0OiBudW1iZXIgPSAyMDA7XG5cbiAgLyoqXG4gICAqIFdoZXRoZXIgdGhlIGRlZmF1bHQgaXRlbSB3aWxsIGJlIGhpZGRlbi4gXCJ0cnVlXCIgYnkgZGVmYXVsdFxuICAgKi9cbiAgQElucHV0KCkgaGlkZURlZmF1bHRJdGVtOiBib29sZWFuID0gdHJ1ZTtcblxuICAvKipcbiAgICogRGVmaW5lcyB0aGUgaWNvbiB3aGljaCBnb2luZyB0byBiZSB0aGUgaWNvbiBmb3IgdGhlIGRyb3Bkb3duIHRvZ2dsZSBidXR0b25cbiAgICovXG4gIEBJbnB1dCgpIHRvZ2dsZUljb246IEtpdFN2Z0ljb24gPSBLaXRTdmdJY29uLkNIRVZST05fRE9XTjtcblxuICAvKipcbiAgICogb2NjdXJzIG9uY2UgYW4gaXRlbSBpbiB0aGUgZHJvcGRvd24gaXMgc2VsZWN0ZWRcbiAgICovXG4gIEBPdXRwdXQoKSBzZWxlY3RlZDogRXZlbnRFbWl0dGVyPEtpdERyb3Bkb3duSXRlbTxUPj4gPSBuZXcgRXZlbnRFbWl0dGVyPEtpdERyb3Bkb3duSXRlbTxUPj4oKTtcblxuICAvKipcbiAgICogRGVmaW5lcyB0ZW1wbGF0ZSBmb3IgYSBkcm9wZG93biB2YWx1ZVxuICAgKi9cbiAgQENvbnRlbnRDaGlsZCgna2l0RHJvcGRvd25WYWx1ZVRlbXBsYXRlJywgeyByZWFkOiBUZW1wbGF0ZVJlZiB9KSBraXREcm9wZG93blZhbHVlVGVtcGxhdGU/OiBUZW1wbGF0ZVJlZjxIVE1MVGVtcGxhdGVFbGVtZW50PjtcblxuICAvKipcbiAgICogRGVmaW5lcyB0ZW1wbGF0ZSBmb3IgYSBkcm9wZG93biBsaXN0IGl0ZW1cbiAgICovXG4gIEBDb250ZW50Q2hpbGQoJ2tpdERyb3Bkb3duSXRlbVRlbXBsYXRlJywgeyByZWFkOiBUZW1wbGF0ZVJlZiB9KSBraXREcm9wZG93bkl0ZW1UZW1wbGF0ZT86IFRlbXBsYXRlUmVmPEhUTUxUZW1wbGF0ZUVsZW1lbnQ+O1xuICBAVmlld0NoaWxkKCdkcm9wZG93bicpIGRyb3Bkb3duOiBEcm9wRG93bkxpc3RDb21wb25lbnQgfCBudWxsID0gbnVsbDtcblxuICByZWFkb25seSBLaXRTdmdJY29uOiB0eXBlb2YgS2l0U3ZnSWNvbiA9IEtpdFN2Z0ljb247XG4gIHJlYWRvbmx5IGlzUG9wdXBFeHBhbmRlZDogV3JpdGFibGVTaWduYWw8Ym9vbGVhbj4gPSBzaWduYWwoZmFsc2UpO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgY2hhbmdlRGV0ZWN0b3JSZWY6IENoYW5nZURldGVjdG9yUmVmLFxuICApIHtcbiAgfVxuXG4gIC8qKlxuICAgKiBCdWlsZCBhbiBvYmplY3Qgd2l0aCBhcHByb3ByaWF0ZSBvcHRpb25zLCBiYXNlZCBvbiBoaWRpbmcgZGVmYXVsdCBpdGVtIHN0YXRlXG4gICAqL1xuICBidWlsZFBvcHVwU2V0dGluZ3MoKTogUG9wdXBTZXR0aW5ncyB7XG4gICAgcmV0dXJuIHtcbiAgICAgIHBvcHVwQ2xhc3M6IGJ1aWxkUG9wdXBDbGFzcyh0aGlzLmhpZGVEZWZhdWx0SXRlbSksXG4gICAgfTtcbiAgfVxuXG4gIC8qKlxuICAgKiBGdW5jdGlvbiB0aGF0IHNob3VsZCBiZSBjYWxsZWQgZXZlcnkgdGltZSB0aGUgZm9ybSBjb250cm9sIHZhbHVlIGNoYW5nZXNcbiAgICovXG4gIG9uQ2hhbmdlID0gKHZhbHVlOiBUKTogdm9pZCA9PiB7XG4gIH07XG5cbiAgLyoqXG4gICAqIEZ1bmN0aW9uIHRoYXQgc2hvdWxkIGJlIGNhbGxlZCB3aGVuIGlucHV0IGxvc3QgZm9jdXMgYW5kIGNoYW5nZWQgZm9ybSBjb250cm9sIHN0YXRlIHRvIFwidG91Y2hlZFwiXG4gICAqL1xuICBvblRvdWNoZWQgPSAoKTogdm9pZCA9PiB7XG4gIH07XG5cbiAgb25JdGVtRGlzYWJsZWQoKTogSXRlbURpc2FibGVkRm4ge1xuICAgIHJldHVybiAoKGNvbnRleHQ6IEtpdERyb3Bkb3duSXRlbURpc2FibGVkRm5BcmdzPFQ+KTogYm9vbGVhbiA9PlxuICAgICAgISFjb250ZXh0LmRhdGFJdGVtLmRpc2FibGVkICYmIGNvbnRleHQuZGF0YUl0ZW0uZGlzYWJsZWQoY29udGV4dC5kYXRhSXRlbSkpO1xuICB9XG5cbiAgLyoqXG4gICAqIEZ1bmN0aW9uIHRoYXQgaXMgY2FsbGVkIHdoZW4gZHJvcGRvd24gbGlzdCBpdGVtIHNlbGVjdGVkXG4gICAqL1xuICBvbkl0ZW1TZWxlY3QoaXRlbTogS2l0RHJvcGRvd25JdGVtPFQ+KTogdm9pZCB7XG4gICAgdGhpcy5vbkNoYW5nZShpdGVtLnZhbHVlKTtcbiAgICB0aGlzLnNlbGVjdGVkLmVtaXQoaXRlbSk7XG4gIH1cblxuICB3cml0ZVZhbHVlKHZhbHVlOiBUKTogdm9pZCB7XG4gICAgdGhpcy5zZWxlY3RlZEl0ZW0gPSB2YWx1ZTtcbiAgICB0aGlzLm9uQ2hhbmdlKHZhbHVlKTtcbiAgICB0aGlzLmNoYW5nZURldGVjdG9yUmVmLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogKF86IFQpID0+IHZvaWQpOiB2b2lkIHtcbiAgICB0aGlzLm9uQ2hhbmdlID0gZm47XG4gIH1cblxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogKCkgPT4gdm9pZCk6IHZvaWQge1xuICAgIHRoaXMub25Ub3VjaGVkID0gZm47XG4gIH1cblxuICBzZXREaXNhYmxlZFN0YXRlKGRpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XG4gICAgdGhpcy5kaXNhYmxlZCA9IGRpc2FibGVkO1xuICB9XG5cbiAgcmVzZXQodmFsdWU6IFQpOiB2b2lkIHtcbiAgICB0aGlzLndyaXRlVmFsdWUodmFsdWUpO1xuICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3JSZWYubWFya0ZvckNoZWNrKCk7XG4gIH1cblxuICBvbk9wZW4oKTogdm9pZCB7XG4gICAgdGhpcy5pc1BvcHVwRXhwYW5kZWQuc2V0KHRydWUpO1xuICB9XG5cbiAgb25DbG9zZSgpOiB2b2lkIHtcbiAgICB0aGlzLmlzUG9wdXBFeHBhbmRlZC5zZXQoZmFsc2UpO1xuICB9XG5cbiAgZ2V0Q3NzQ2xhc3NlcygpOiBSZWNvcmQ8c3RyaW5nLCBib29sZWFuPiB7XG4gICAgcmV0dXJuIHtcbiAgICAgICdleHBhbmRlZCc6IHRoaXMuaXNQb3B1cEV4cGFuZGVkKCksXG4gICAgICAnaGFzLXZhbHVlJzogdGhpcy5kcm9wZG93bj8udmFsdWUsXG4gICAgfTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImtpdC1kcm9wZG93biB7eyBzdGF0ZSB9fVwiXG4gICAgIFtjbGFzcy5kaXNhYmxlZF09XCJkaXNhYmxlZFwiPlxuICBAaWYgKGxhYmVsKSB7XG4gICAgPGtlbmRvLWxhYmVsIGNsYXNzPVwibGFiZWwgZGlzcGxheS1ibG9ja1wiXG4gICAgICAgICAgICAgICAgIFt0ZXh0XT1cImxhYmVsXCJcbiAgICAgICAgICAgICAgICAgW2Zvcl09XCJkcm9wZG93blwiXG4gICAgPjwva2VuZG8tbGFiZWw+XG4gIH1cbiAgPGtlbmRvLWRyb3Bkb3dubGlzdCAjZHJvcGRvd25cbiAgICAgICAgICAgICAgICAgICAgICB2YWx1ZUZpZWxkPVwidmFsdWVcIlxuICAgICAgICAgICAgICAgICAgICAgIHRleHRGaWVsZD1cInRleHRcIlxuICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiZHJvcGRvd25cIlxuICAgICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cImdldENzc0NsYXNzZXMoKVwiXG4gICAgICAgICAgICAgICAgICAgICAgW2RhdGFdPVwiaXRlbXNcIlxuICAgICAgICAgICAgICAgICAgICAgIFt2YWx1ZVByaW1pdGl2ZV09XCJ0cnVlXCJcbiAgICAgICAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgICAgICAgICAgICAgICAgICAgIFtwb3B1cFNldHRpbmdzXT1cImJ1aWxkUG9wdXBTZXR0aW5ncygpXCJcbiAgICAgICAgICAgICAgICAgICAgICBbaXRlbURpc2FibGVkXT1cIm9uSXRlbURpc2FibGVkKClcIlxuICAgICAgICAgICAgICAgICAgICAgIFtkZWZhdWx0SXRlbV09XCJkZWZhdWx0SXRlbVwiXG4gICAgICAgICAgICAgICAgICAgICAgW2xpc3RIZWlnaHRdPVwibGlzdEhlaWdodFwiXG4gICAgICAgICAgICAgICAgICAgICAgWyhuZ01vZGVsKV09XCJzZWxlY3RlZEl0ZW1cIlxuICAgICAgICAgICAgICAgICAgICAgIChvcGVuKT1cIm9uT3BlbigpXCJcbiAgICAgICAgICAgICAgICAgICAgICAoY2xvc2UpPVwib25DbG9zZSgpXCJcbiAgICAgICAgICAgICAgICAgICAgICAoc2VsZWN0aW9uQ2hhbmdlKT1cIm9uSXRlbVNlbGVjdCgkZXZlbnQpXCI+XG4gICAgPG5nLXRlbXBsYXRlIGtlbmRvRHJvcERvd25MaXN0VmFsdWVUZW1wbGF0ZVxuICAgICAgICAgICAgICAgICBsZXQtZGF0YUl0ZW0+XG4gICAgICBAaWYgKGtpdERyb3Bkb3duVmFsdWVUZW1wbGF0ZSkge1xuICAgICAgICA8ZGl2IGNsYXNzPVwidmFsdWUtdGV4dFwiPlxuICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJraXREcm9wZG93blZhbHVlVGVtcGxhdGU7IGNvbnRleHQ6IHsgJGltcGxpY2l0OiBkYXRhSXRlbSB9XCJcbiAgICAgICAgICA+PC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvZGl2PlxuICAgICAgfSBAZWxzZSB7XG4gICAgICAgIDxzcGFuIGNsYXNzPVwidmFsdWUtdGV4dFwiPnt7IGRhdGFJdGVtPy50ZXh0IH19PC9zcGFuPlxuICAgICAgfVxuICAgICAgPGtpdC1zdmctaWNvbiBjbGFzcz1cInZhbHVlLWljb25cIlxuICAgICAgICAgICAgICAgICAgICBbaWNvbl09XCJ0b2dnbGVJY29uXCJcbiAgICAgID48L2tpdC1zdmctaWNvbj5cbiAgICA8L25nLXRlbXBsYXRlPlxuICAgIDxuZy10ZW1wbGF0ZSBrZW5kb0Ryb3BEb3duTGlzdEl0ZW1UZW1wbGF0ZVxuICAgICAgICAgICAgICAgICBsZXQtZGF0YUl0ZW0+XG4gICAgICBAaWYgKGtpdERyb3Bkb3duSXRlbVRlbXBsYXRlKSB7XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJraXREcm9wZG93bkl0ZW1UZW1wbGF0ZTsgY29udGV4dDogeyAkaW1wbGljaXQ6IGRhdGFJdGVtIH1cIlxuICAgICAgICA+PC9uZy1jb250YWluZXI+XG4gICAgICB9IEBlbHNlIHtcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJvcHRpb24tdGV4dFwiPnt7IGRhdGFJdGVtPy50ZXh0IH19PC9zcGFuPlxuICAgICAgICA8a2l0LXN2Zy1pY29uIGNsYXNzPVwib3B0aW9uLWljb25cIlxuICAgICAgICAgICAgICAgICAgICAgIFtpY29uXT1cIktpdFN2Z0ljb24uQ0hFQ0tcIlxuICAgICAgICA+PC9raXQtc3ZnLWljb24+XG4gICAgICB9XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgPC9rZW5kby1kcm9wZG93bmxpc3Q+XG4gIEBpZiAobWVzc2FnZVRleHQpIHtcbiAgICA8a2l0LWlucHV0LW1lc3NhZ2UgW3R5cGVdPVwibWVzc2FnZVR5cGVcIlxuICAgICAgICAgICAgICAgICAgICAgICBbaWNvbl09XCJtZXNzYWdlSWNvblwiXG4gICAgICAgICAgICAgICAgICAgICAgIFttZXNzYWdlXT1cIm1lc3NhZ2VUZXh0XCJcbiAgICA+PC9raXQtaW5wdXQtbWVzc2FnZT5cbiAgfVxuPC9kaXY+XG4iXX0=
|
|
@@ -73,11 +73,11 @@ export class KitSwitchComponent {
|
|
|
73
73
|
return this.mode === KitSwitchMode.SINGLE;
|
|
74
74
|
}
|
|
75
75
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitSwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
76
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: KitSwitchComponent, selector: "kit-switch", inputs: { items: "items", mode: "mode", label: "label", disabled: "disabled", selection: "selection", messageIcon: "messageIcon", messageText: "messageText", messageType: "messageType", state: "state" }, outputs: { selected: "selected" }, ngImport: i0, template: "<div class=\"kit-switch {{ state }}\">\n <ng-container *ngIf=\"items.length\">\n <label *ngIf=\"label\" class=\"label display-block\"\n [title]=\"label\"\n >{{ label }}</label>\n\n <kendo-buttongroup look=\"outline\" class=\"button-group\"\n [selection]=\"mode\"\n [class.disabled]=\"disabled\">\n <button *ngFor=\"let item of items\" class=\"button\" kendoButton\n [selected]=\"isItemSelected(item)\"\n [togglable]=\"true\"\n [disabled]=\"item.disabled && item.disabled(item)\"\n (selectedChange)=\"onItemSelect($event, item)\">\n <ng-container *ngIf=\"item.title; else icon\">\n {{ item.title }}\n </ng-container>\n\n <ng-template #icon>\n <kit-svg-icon class=\"icon-wrapper\"\n [icon]=\"item.icon\"\n ></kit-svg-icon>\n </ng-template>\n </button>\n </kendo-buttongroup>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n </ng-container>\n</div>\n", styles: [":root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-hover: #3678c3;--ui-kit-color-selected: #3678c366;--ui-kit-color-active: #002a3a;--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-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0;--ui-kit-color-red-1: #f5222d;--ui-kit-color-cobalt: #006890;--ui-kit-color-cobalt-darkest: #002a3a;--ui-kit-color-teal: #23afd2;--ui-kit-color-orange: #faad14}.display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-switch .label{margin-bottom:4px;color:#27282a;font-weight:500;font-size:13px}.kit-switch .button-group{background:#fff;border:1px solid #c1c7d0;border-radius:4px;overflow:hidden}.kit-switch .button-group.disabled{color:#fff;pointer-events:none}.kit-switch .button-group.disabled .button{color:#c1c7d0}.kit-switch .button-group.disabled .icon{stroke:#c1c7d0}.kit-switch .button-group.disabled .button.k-state-selected{background-color:#abcad6;color:#fff}.kit-switch .button.k-button{border:0;color:var(--ui-kit-color-cobalt);padding:8px;border-radius:4px;opacity:1;box-shadow:none}.kit-switch .button.k-button:not(:first-child),.kit-switch .button.k-button:not(:last-child){border-radius:4px}.kit-switch .button.k-button .icon{stroke:var(--ui-kit-color-cobalt);fill:none}.kit-switch .button.k-button.k-selected,.kit-switch .button.k-button:hover,.kit-switch .button.k-button.k-state-hover{background-color:var(--ui-kit-color-cobalt-darkest);color:#fff}.kit-switch .button.k-button.k-selected .icon,.kit-switch .button.k-button:hover .icon,.kit-switch .button.k-button.k-state-hover .icon{stroke:#fff}.kit-switch .button.k-button.k-disabled{color:#c1c7d0}.kit-switch .button.k-button.k-selected.k-disabled{background-color:#abcad6;color:#fff}.kit-switch .icon-wrapper{display:block;width:16px;height:16px}.kit-switch.danger .k-button-group{border-color:#ef3e42;background:#f8e0e0}\n"], dependencies: [{ kind: "component", type: i1.ButtonGroupComponent, selector: "kendo-buttongroup", inputs: ["disabled", "selection", "width", "tabIndex", "navigable"], outputs: ["navigate"], exportAs: ["kendoButtonGroup"] }, { kind: "component", type: i1.ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: i4.KitInputMessageComponent, selector: "kit-input-message", inputs: ["type", "icon", "message"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
76
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: KitSwitchComponent, selector: "kit-switch", inputs: { items: "items", mode: "mode", label: "label", disabled: "disabled", selection: "selection", messageIcon: "messageIcon", messageText: "messageText", messageType: "messageType", state: "state" }, outputs: { selected: "selected" }, ngImport: i0, template: "<div class=\"kit-switch {{ state }}\">\n <ng-container *ngIf=\"items.length\">\n <label *ngIf=\"label\" class=\"label display-block\"\n [title]=\"label\"\n >{{ label }}</label>\n\n <kendo-buttongroup look=\"outline\" class=\"button-group\"\n [selection]=\"mode\"\n [class.disabled]=\"disabled\">\n <button *ngFor=\"let item of items\" class=\"button\" kendoButton\n [selected]=\"isItemSelected(item)\"\n [togglable]=\"true\"\n [disabled]=\"item.disabled && item.disabled(item)\"\n (selectedChange)=\"onItemSelect($event, item)\">\n <ng-container *ngIf=\"item.title; else icon\">\n {{ item.title }}\n </ng-container>\n\n <ng-template #icon>\n <kit-svg-icon class=\"icon-wrapper\"\n [icon]=\"item.icon\"\n ></kit-svg-icon>\n </ng-template>\n </button>\n </kendo-buttongroup>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n </ng-container>\n</div>\n", styles: [":root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-hover: #3678c3;--ui-kit-color-selected: #3678c366;--ui-kit-color-active: #002a3a;--ui-lit-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-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0;--ui-kit-color-red-1: #f5222d;--ui-kit-color-cobalt: #006890;--ui-kit-color-cobalt-darkest: #002a3a;--ui-kit-color-teal: #23afd2;--ui-kit-color-orange: #faad14}.display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-switch .label{margin-bottom:4px;color:#27282a;font-weight:500;font-size:13px}.kit-switch .button-group{background:#fff;border:1px solid #c1c7d0;border-radius:4px;overflow:hidden}.kit-switch .button-group.disabled{color:#fff;pointer-events:none}.kit-switch .button-group.disabled .button{color:#c1c7d0}.kit-switch .button-group.disabled .icon{stroke:#c1c7d0}.kit-switch .button-group.disabled .button.k-state-selected{background-color:#abcad6;color:#fff}.kit-switch .button.k-button{border:0;color:var(--ui-kit-color-cobalt);padding:8px;border-radius:4px;opacity:1;box-shadow:none}.kit-switch .button.k-button:not(:first-child),.kit-switch .button.k-button:not(:last-child){border-radius:4px}.kit-switch .button.k-button .icon{stroke:var(--ui-kit-color-cobalt);fill:none}.kit-switch .button.k-button.k-selected,.kit-switch .button.k-button:hover,.kit-switch .button.k-button.k-state-hover{background-color:var(--ui-kit-color-cobalt-darkest);color:#fff}.kit-switch .button.k-button.k-selected .icon,.kit-switch .button.k-button:hover .icon,.kit-switch .button.k-button.k-state-hover .icon{stroke:#fff}.kit-switch .button.k-button.k-disabled{color:#c1c7d0}.kit-switch .button.k-button.k-selected.k-disabled{background-color:#abcad6;color:#fff}.kit-switch .icon-wrapper{display:block;width:16px;height:16px}.kit-switch.danger .k-button-group{border-color:#ef3e42;background:#f8e0e0}\n"], dependencies: [{ kind: "component", type: i1.ButtonGroupComponent, selector: "kendo-buttongroup", inputs: ["disabled", "selection", "width", "tabIndex", "navigable"], outputs: ["navigate"], exportAs: ["kendoButtonGroup"] }, { kind: "component", type: i1.ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: i4.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: KitSwitchComponent, decorators: [{
|
|
79
79
|
type: Component,
|
|
80
|
-
args: [{ selector: 'kit-switch', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"kit-switch {{ state }}\">\n <ng-container *ngIf=\"items.length\">\n <label *ngIf=\"label\" class=\"label display-block\"\n [title]=\"label\"\n >{{ label }}</label>\n\n <kendo-buttongroup look=\"outline\" class=\"button-group\"\n [selection]=\"mode\"\n [class.disabled]=\"disabled\">\n <button *ngFor=\"let item of items\" class=\"button\" kendoButton\n [selected]=\"isItemSelected(item)\"\n [togglable]=\"true\"\n [disabled]=\"item.disabled && item.disabled(item)\"\n (selectedChange)=\"onItemSelect($event, item)\">\n <ng-container *ngIf=\"item.title; else icon\">\n {{ item.title }}\n </ng-container>\n\n <ng-template #icon>\n <kit-svg-icon class=\"icon-wrapper\"\n [icon]=\"item.icon\"\n ></kit-svg-icon>\n </ng-template>\n </button>\n </kendo-buttongroup>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n </ng-container>\n</div>\n", styles: [":root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-hover: #3678c3;--ui-kit-color-selected: #3678c366;--ui-kit-color-active: #002a3a;--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-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0;--ui-kit-color-red-1: #f5222d;--ui-kit-color-cobalt: #006890;--ui-kit-color-cobalt-darkest: #002a3a;--ui-kit-color-teal: #23afd2;--ui-kit-color-orange: #faad14}.display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-switch .label{margin-bottom:4px;color:#27282a;font-weight:500;font-size:13px}.kit-switch .button-group{background:#fff;border:1px solid #c1c7d0;border-radius:4px;overflow:hidden}.kit-switch .button-group.disabled{color:#fff;pointer-events:none}.kit-switch .button-group.disabled .button{color:#c1c7d0}.kit-switch .button-group.disabled .icon{stroke:#c1c7d0}.kit-switch .button-group.disabled .button.k-state-selected{background-color:#abcad6;color:#fff}.kit-switch .button.k-button{border:0;color:var(--ui-kit-color-cobalt);padding:8px;border-radius:4px;opacity:1;box-shadow:none}.kit-switch .button.k-button:not(:first-child),.kit-switch .button.k-button:not(:last-child){border-radius:4px}.kit-switch .button.k-button .icon{stroke:var(--ui-kit-color-cobalt);fill:none}.kit-switch .button.k-button.k-selected,.kit-switch .button.k-button:hover,.kit-switch .button.k-button.k-state-hover{background-color:var(--ui-kit-color-cobalt-darkest);color:#fff}.kit-switch .button.k-button.k-selected .icon,.kit-switch .button.k-button:hover .icon,.kit-switch .button.k-button.k-state-hover .icon{stroke:#fff}.kit-switch .button.k-button.k-disabled{color:#c1c7d0}.kit-switch .button.k-button.k-selected.k-disabled{background-color:#abcad6;color:#fff}.kit-switch .icon-wrapper{display:block;width:16px;height:16px}.kit-switch.danger .k-button-group{border-color:#ef3e42;background:#f8e0e0}\n"] }]
|
|
80
|
+
args: [{ selector: 'kit-switch', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"kit-switch {{ state }}\">\n <ng-container *ngIf=\"items.length\">\n <label *ngIf=\"label\" class=\"label display-block\"\n [title]=\"label\"\n >{{ label }}</label>\n\n <kendo-buttongroup look=\"outline\" class=\"button-group\"\n [selection]=\"mode\"\n [class.disabled]=\"disabled\">\n <button *ngFor=\"let item of items\" class=\"button\" kendoButton\n [selected]=\"isItemSelected(item)\"\n [togglable]=\"true\"\n [disabled]=\"item.disabled && item.disabled(item)\"\n (selectedChange)=\"onItemSelect($event, item)\">\n <ng-container *ngIf=\"item.title; else icon\">\n {{ item.title }}\n </ng-container>\n\n <ng-template #icon>\n <kit-svg-icon class=\"icon-wrapper\"\n [icon]=\"item.icon\"\n ></kit-svg-icon>\n </ng-template>\n </button>\n </kendo-buttongroup>\n <kit-input-message *ngIf=\"messageText\"\n [type]=\"messageType\"\n [icon]=\"messageIcon\"\n [message]=\"messageText\"\n ></kit-input-message>\n </ng-container>\n</div>\n", styles: [":root{--ui-kit-color-white: #ffffff;--ui-kit-color-black: #000000;--ui-kit-color-main: #56a2f7;--ui-kit-color-hover: #3678c3;--ui-kit-color-selected: #3678c366;--ui-kit-color-active: #002a3a;--ui-lit-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-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0;--ui-kit-color-red-1: #f5222d;--ui-kit-color-cobalt: #006890;--ui-kit-color-cobalt-darkest: #002a3a;--ui-kit-color-teal: #23afd2;--ui-kit-color-orange: #faad14}.display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-switch .label{margin-bottom:4px;color:#27282a;font-weight:500;font-size:13px}.kit-switch .button-group{background:#fff;border:1px solid #c1c7d0;border-radius:4px;overflow:hidden}.kit-switch .button-group.disabled{color:#fff;pointer-events:none}.kit-switch .button-group.disabled .button{color:#c1c7d0}.kit-switch .button-group.disabled .icon{stroke:#c1c7d0}.kit-switch .button-group.disabled .button.k-state-selected{background-color:#abcad6;color:#fff}.kit-switch .button.k-button{border:0;color:var(--ui-kit-color-cobalt);padding:8px;border-radius:4px;opacity:1;box-shadow:none}.kit-switch .button.k-button:not(:first-child),.kit-switch .button.k-button:not(:last-child){border-radius:4px}.kit-switch .button.k-button .icon{stroke:var(--ui-kit-color-cobalt);fill:none}.kit-switch .button.k-button.k-selected,.kit-switch .button.k-button:hover,.kit-switch .button.k-button.k-state-hover{background-color:var(--ui-kit-color-cobalt-darkest);color:#fff}.kit-switch .button.k-button.k-selected .icon,.kit-switch .button.k-button:hover .icon,.kit-switch .button.k-button.k-state-hover .icon{stroke:#fff}.kit-switch .button.k-button.k-disabled{color:#c1c7d0}.kit-switch .button.k-button.k-selected.k-disabled{background-color:#abcad6;color:#fff}.kit-switch .icon-wrapper{display:block;width:16px;height:16px}.kit-switch.danger .k-button-group{border-color:#ef3e42;background:#f8e0e0}\n"] }]
|
|
81
81
|
}], propDecorators: { items: [{
|
|
82
82
|
type: Input
|
|
83
83
|
}], mode: [{
|