@indigina/ui-kit 1.1.44 → 1.1.46

package/esm2022/lib/components/kit-autocomplete/kit-autocomplete.component.mjs

@@ -133,7 +133,7 @@ export class KitAutocompleteComponent {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => KitAutocompleteComponent),
                 multi: true,
-            }], 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  @if (label) {\n    <kit-input-label class=\"label\"\n                     [text]=\"label\"\n                     [for]=\"combobox\"\n    ></kit-input-label>\n  }\n  <div class=\"autocomplete-wrap\">\n    <kendo-combobox #combobox\n                    textField=\"text\"\n                    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        @if (loaderVisible) {\n          <kit-loader class=\"popup-loader\"\n          ></kit-loader>\n        }\n      </ng-template>\n      <ng-template kendoComboBoxItemTemplate\n                   let-item>\n        <span class=\"template\">{{ getOptionText(item) }}</span>\n      </ng-template>\n    </kendo-combobox>\n    <kit-svg-icon class=\"input-icon\"\n                  icon=\"search\"\n    ></kit-svg-icon>\n  </div>\n  @if (messageText) {\n    <kit-input-message [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}div[kendowatermarkoverlay]{display:none}: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: #3678c3;--ui-kit-color-focus: #56a2f733;--ui-kit-color-grey-0: #252b30;--ui-kit-color-grey-2: #a7b2c3;--ui-kit-color-grey-3: #c2d1d9;--ui-kit-color-grey-4: #e2e7ed;--ui-kit-color-grey-5: #fafafc;--ui-kit-color-grey-6: #ebebe4;--ui-kit-color-grey-7: #a9a8a8;--ui-kit-color-grey-8: #efefef;--ui-kit-color-grey-9: #969696;--ui-kit-color-grey-10: #2a2b32;--ui-kit-color-grey-11: #e3e4e5;--ui-kit-color-grey-12: #a9aec3;--ui-kit-color-grey-13: #f7f7f8;--ui-kit-color-grey-14: #565963;--ui-kit-color-green: #00b0ad;--ui-kit-color-green-1: #39c237;--ui-kit-color-green-2: #39c23733;--ui-kit-color-green-3: #1cb589;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0;--ui-kit-color-red-1: #f5222d;--ui-kit-color-red-2: #f5222d33;--ui-kit-color-cobalt: #006890;--ui-kit-color-cobalt-darkest: #002a3a;--ui-kit-color-teal: #23afd2;--ui-kit-color-orange: #faad14;--ui-kit-color-orange-1: #faad1433;--ui-kit-color-pink: #cd1159;--ui-kit-color-purple: #7673ce}.kit-autocomplete .label{display:block;margin-bottom:4px}.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.danger .k-combobox{border-color:#ef3e42;background:#f8e0e0}.kit-autocomplete.danger .input-icon{fill:#f8e0e0}\n"], dependencies: [{ kind: "directive", type: i1.HeaderTemplateDirective, selector: "[kendoDropDownListHeaderTemplate],[kendoComboBoxHeaderTemplate],[kendoDropDownTreeHeaderTemplate],[kendoMultiColumnComboBoxHeaderTemplate],[kendoAutoCompleteHeaderTemplate],[kendoMultiSelectHeaderTemplate],[kendoMultiSelectTreeHeaderTemplate]" }, { kind: "directive", type: i1.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: i1.FilterDirective, selector: "[kendoDropDownFilter]", inputs: ["data", "kendoDropDownFilter", "filterable"] }, { kind: "component", type: i1.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: i2.KitInputMessageComponent, selector: "kit-input-message", inputs: ["icon", "message"] }, { kind: "component", type: i3.KitLoaderComponent, selector: "kit-loader" }, { kind: "component", type: i4.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: i5.KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+            }], 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  @if (label) {\n    <kit-input-label class=\"label\"\n                     [text]=\"label\"\n                     [for]=\"combobox\"\n    ></kit-input-label>\n  }\n  <div class=\"autocomplete-wrap\">\n    <kendo-combobox #combobox\n                    textField=\"text\"\n                    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        @if (loaderVisible) {\n          <kit-loader class=\"popup-loader\"\n          ></kit-loader>\n        }\n      </ng-template>\n      <ng-template kendoComboBoxItemTemplate\n                   let-item>\n        <span class=\"template\">{{ getOptionText(item) }}</span>\n      </ng-template>\n    </kendo-combobox>\n    <kit-svg-icon class=\"input-icon\"\n                  icon=\"search\"\n    ></kit-svg-icon>\n  </div>\n  @if (messageText) {\n    <kit-input-message [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}div[kendowatermarkoverlay]{display:none}: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: #3678c3;--ui-kit-color-focus: #56a2f733;--ui-kit-color-grey-0: #252b30;--ui-kit-color-grey-2: #a7b2c3;--ui-kit-color-grey-3: #c2d1d9;--ui-kit-color-grey-4: #e2e7ed;--ui-kit-color-grey-5: #fafafc;--ui-kit-color-grey-6: #ebebe4;--ui-kit-color-grey-7: #a9a8a8;--ui-kit-color-grey-8: #efefef;--ui-kit-color-grey-9: #969696;--ui-kit-color-grey-10: #2a2b32;--ui-kit-color-grey-11: #e3e4e5;--ui-kit-color-grey-12: #a9aec3;--ui-kit-color-grey-13: #f7f7f8;--ui-kit-color-grey-14: #565963;--ui-kit-color-green: #00b0ad;--ui-kit-color-green-1: #39c237;--ui-kit-color-green-2: #39c23733;--ui-kit-color-green-3: #1cb589;--ui-kit-color-red: #ef3e42;--ui-kit-color-red-20: #f8e0e0;--ui-kit-color-red-1: #f5222d;--ui-kit-color-red-2: #f5222d33;--ui-kit-color-cobalt: #006890;--ui-kit-color-cobalt-darkest: #002a3a;--ui-kit-color-teal: #23afd2;--ui-kit-color-orange: #faad14;--ui-kit-color-orange-1: #faad1433;--ui-kit-color-pink: #cd1159;--ui-kit-color-purple: #7673ce}.kit-autocomplete .label{display:block;margin-bottom:4px}.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.danger .k-combobox{border-color:#ef3e42;background:#f8e0e0}.kit-autocomplete.danger .input-icon{fill:#f8e0e0}\n"], dependencies: [{ kind: "directive", type: i1.HeaderTemplateDirective, selector: "[kendoDropDownListHeaderTemplate],[kendoComboBoxHeaderTemplate],[kendoDropDownTreeHeaderTemplate],[kendoMultiColumnComboBoxHeaderTemplate],[kendoAutoCompleteHeaderTemplate],[kendoMultiSelectHeaderTemplate],[kendoMultiSelectTreeHeaderTemplate]" }, { kind: "directive", type: i1.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: i1.FilterDirective, selector: "[kendoDropDownFilter]", inputs: ["data", "kendoDropDownFilter", "filterable"] }, { kind: "component", type: i1.ComboBoxComponent, selector: "kendo-combobox", inputs: ["icon", "svgIcon", "inputAttributes", "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: i2.KitInputMessageComponent, selector: "kit-input-message", inputs: ["icon", "message"] }, { kind: "component", type: i3.KitLoaderComponent, selector: "kit-loader" }, { kind: "component", type: i4.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: i5.KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitAutocompleteComponent, decorators: [{
             type: Component,

package/esm2022/lib/components/kit-cta-panel-confirmation/kit-cta-panel-confirmation.component.mjs

@@ -17,7 +17,10 @@ export class KitCtaPanelConfirmationComponent {
         this.quitClicked = new EventEmitter();
         this.confirmClicked = new EventEmitter();
         this.form = this.formBuilder.group({
-            reason: [null, Validators.required],
+            reason: [
+                null,
+                Validators.required,
+            ],
             checkbox: false,
         });
     }
@@ -45,4 +48,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImpor
             }], confirmClicked: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LWN0YS1wYW5lbC1jb25maXJtYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9raXQtY3RhLXBhbmVsLWNvbmZpcm1hdGlvbi9raXQtY3RhLXBhbmVsLWNvbmZpcm1hdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1jdGEtcGFuZWwtY29uZmlybWF0aW9uL2tpdC1jdGEtcGFuZWwtY29uZmlybWF0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkgsT0FBTyxFQUF3QyxVQUFVLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7Ozs7QUFVbEYsTUFBTSxPQUFPLGdDQUFnQztJQWdCM0MsWUFDVSxXQUErQjtRQUEvQixnQkFBVyxHQUFYLFdBQVcsQ0FBb0I7UUFmaEMsMEJBQXFCLEdBQVksS0FBSyxDQUFDO1FBQ3ZDLHVCQUFrQixHQUFXLEdBQUcsQ0FBQztRQUVqQyxhQUFRLEdBQVcsRUFBRSxDQUFDO1FBQ3RCLGdCQUFXLEdBQVcsRUFBRSxDQUFDO1FBRXhCLGdCQUFXLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7UUFDM0QsbUJBQWMsR0FBa0QsSUFBSSxZQUFZLEVBQW1DLENBQUM7UUFFckgsU0FBSSxHQUFxQixJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQztZQUN2RCxNQUFNLEVBQUUsQ0FBQyxJQUFJLEVBQUUsVUFBVSxDQUFDLFFBQVEsQ0FBQztZQUNuQyxRQUFRLEVBQUUsS0FBSztTQUNoQixDQUFDLENBQUM7SUFLSCxDQUFDO0lBRUQsb0JBQW9CO1FBQ2xCLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDNUMsQ0FBQzs4R0F2QlUsZ0NBQWdDO2tHQUFoQyxnQ0FBZ0MsbVRDWDdDLDI1Q0FtQ0E7OzJGRHhCYSxnQ0FBZ0M7a0JBUDVDLFNBQVM7K0JBQ0UsNEJBQTRCLG1CQUdyQix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJO3VGQUc1QixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0cscUJBQXFCO3NCQUE3QixLQUFLO2dCQUNHLGtCQUFrQjtzQkFBMUIsS0FBSztnQkFFRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBRUksV0FBVztzQkFBcEIsTUFBTTtnQkFDRyxjQUFjO3NCQUF2QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVW50eXBlZEZvcm1CdWlsZGVyLCBVbnR5cGVkRm9ybUdyb3VwLCBWYWxpZGF0b3JzIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgS2l0Q3RhUGFuZWxDb25maXJtYXRpb24sIEtpdEN0YVBhbmVsQ29uZmlybWF0aW9uVmFsdWUgfSBmcm9tICcuL2tpdC1jdGEtcGFuZWwtY29uZmlybWF0aW9uLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAna2l0LWN0YS1wYW5lbC1jb25maXJtYXRpb24nLFxuICB0ZW1wbGF0ZVVybDogJy4va2l0LWN0YS1wYW5lbC1jb25maXJtYXRpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9raXQtY3RhLXBhbmVsLWNvbmZpcm1hdGlvbi5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgS2l0Q3RhUGFuZWxDb25maXJtYXRpb25Db21wb25lbnQ8VD4ge1xuICBASW5wdXQoKSBkYXRhPzogS2l0Q3RhUGFuZWxDb25maXJtYXRpb248VD47XG4gIEBJbnB1dCgpIGNvbmZpcm1CdXR0b25EaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBkcm9wZG93bkxpc3RIZWlnaHQ6IG51bWJlciA9IDIwMDtcblxuICBASW5wdXQoKSBxdWl0VGV4dDogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIGNvbmZpcm1UZXh0OiBzdHJpbmcgPSAnJztcblxuICBAT3V0cHV0KCkgcXVpdENsaWNrZWQ6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgQE91dHB1dCgpIGNvbmZpcm1DbGlja2VkOiBFdmVudEVtaXR0ZXI8S2l0Q3RhUGFuZWxDb25maXJtYXRpb25WYWx1ZTxUPj4gPSBuZXcgRXZlbnRFbWl0dGVyPEtpdEN0YVBhbmVsQ29uZmlybWF0aW9uVmFsdWU8VD4+KCk7XG5cbiAgcmVhZG9ubHkgZm9ybTogVW50eXBlZEZvcm1Hcm91cCA9IHRoaXMuZm9ybUJ1aWxkZXIuZ3JvdXAoe1xuICAgIHJlYXNvbjogW251bGwsIFZhbGlkYXRvcnMucmVxdWlyZWRdLFxuICAgIGNoZWNrYm94OiBmYWxzZSxcbiAgfSk7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBmb3JtQnVpbGRlcjogVW50eXBlZEZvcm1CdWlsZGVyLFxuICApIHtcbiAgfVxuXG4gIG9uQ29uZmlybUJ1dHRvbkNsaWNrKCk6IHZvaWQge1xuICAgIHRoaXMuY29uZmlybUNsaWNrZWQuZW1pdCh0aGlzLmZvcm0udmFsdWUpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwia2l0LWN0YS1wYW5lbC1jb25maXJtYXRpb25cIj5cbiAgPGRpdiBjbGFzcz1cImNvbmZpcm1hdGlvbi1oZWFkXCI+XG4gICAgPGtpdC1zdmctaWNvbiAqbmdJZj1cImRhdGE/Lmljb25cIiBjbGFzcz1cImhlYWQtaWNvblwiXG4gICAgICAgICAgICAgICAgICBbaWNvbl09XCJkYXRhPy5pY29uXCJcbiAgICA+PC9raXQtc3ZnLWljb24+XG4gICAgPGRpdiBjbGFzcz1cImhlYWQtdGV4dFwiPlxuICAgICAgPGRpdiBjbGFzcz1cImhlYWQtdGl0bGVcIj57eyBkYXRhPy50aXRsZSB9fTwvZGl2PlxuICAgICAgPGRpdiAqbmdJZj1cImRhdGE/LmRlc2NyaXB0aW9uXCIgY2xhc3M9XCJoZWFkLWRlc2NyaXB0aW9uXCI+XG4gICAgICAgIHt7IGRhdGE/LmRlc2NyaXB0aW9uIH19XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJjb25maXJtYXRpb24tbWFpblwiPlxuICAgIDxmb3JtIFtmb3JtR3JvdXBdPVwiZm9ybVwiIGNsYXNzPVwiY29uZmlybWF0aW9uLW1haW4tZm9ybVwiPlxuICAgICAgPGtpdC1kcm9wZG93biAqbmdJZj1cImRhdGE/LmRyb3Bkb3duSXRlbXNcIlxuICAgICAgICAgICAgICAgICAgICBmb3JtQ29udHJvbE5hbWU9XCJyZWFzb25cIlxuICAgICAgICAgICAgICAgICAgICBbZGVmYXVsdEl0ZW1dPVwiZGF0YT8uZGVmYXVsdERyb3Bkb3duSXRlbVwiXG4gICAgICAgICAgICAgICAgICAgIFtsYWJlbF09XCJkYXRhPy5kcm9wZG93bkxhYmVsXCJcbiAgICAgICAgICAgICAgICAgICAgW2l0ZW1zXT1cImRhdGE/LmRyb3Bkb3duSXRlbXNcIlxuICAgICAgICAgICAgICAgICAgICBbbGlzdEhlaWdodF09XCJkcm9wZG93bkxpc3RIZWlnaHRcIlxuICAgICAgPjwva2l0LWRyb3Bkb3duPlxuXG4gICAgICA8a2l0LWNoZWNrYm94ICpuZ0lmPVwiZGF0YT8uY2hlY2tib3hMYWJlbFwiXG4gICAgICAgICAgICAgICAgICAgIGZvcm1Db250cm9sTmFtZT1cImNoZWNrYm94XCJcbiAgICAgICAgICAgICAgICAgICAgW2xhYmVsXT1cImRhdGE/LmNoZWNrYm94TGFiZWxcIlxuICAgICAgPjwva2l0LWNoZWNrYm94PlxuICAgIDwvZm9ybT5cbiAgPC9kaXY+XG4gIDxraXQtY3RhLXBhbmVsLWFjdGlvbiBbZGlzYWJsZWRdPVwiZGF0YT8uZHJvcGRvd25JdGVtcyAmJiBmb3JtLmludmFsaWRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW3F1aXRUZXh0XT1cInF1aXRUZXh0XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtjb25maXJtVGV4dF09XCJjb25maXJtVGV4dFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAocXVpdENsaWNrZWQpPVwicXVpdENsaWNrZWQuZW1pdCgpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIChjb25maXJtQ2xpY2tlZCk9XCJvbkNvbmZpcm1CdXR0b25DbGljaygpXCJcbiAgPjwva2l0LWN0YS1wYW5lbC1hY3Rpb24+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LWN0YS1wYW5lbC1jb25maXJtYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9raXQtY3RhLXBhbmVsLWNvbmZpcm1hdGlvbi9raXQtY3RhLXBhbmVsLWNvbmZpcm1hdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1jdGEtcGFuZWwtY29uZmlybWF0aW9uL2tpdC1jdGEtcGFuZWwtY29uZmlybWF0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkgsT0FBTyxFQUF3QyxVQUFVLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7Ozs7QUFVbEYsTUFBTSxPQUFPLGdDQUFnQztJQW1CM0MsWUFDVSxXQUErQjtRQUEvQixnQkFBVyxHQUFYLFdBQVcsQ0FBb0I7UUFsQmhDLDBCQUFxQixHQUFZLEtBQUssQ0FBQztRQUN2Qyx1QkFBa0IsR0FBVyxHQUFHLENBQUM7UUFFakMsYUFBUSxHQUFXLEVBQUUsQ0FBQztRQUN0QixnQkFBVyxHQUFXLEVBQUUsQ0FBQztRQUV4QixnQkFBVyxHQUF1QixJQUFJLFlBQVksRUFBUSxDQUFDO1FBQzNELG1CQUFjLEdBQWtELElBQUksWUFBWSxFQUFtQyxDQUFDO1FBRXJILFNBQUksR0FBcUIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUM7WUFDdkQsTUFBTSxFQUFFO2dCQUNOLElBQUk7Z0JBQ0osVUFBVSxDQUFDLFFBQVE7YUFDcEI7WUFDRCxRQUFRLEVBQUUsS0FBSztTQUNoQixDQUFDLENBQUM7SUFLSCxDQUFDO0lBRUQsb0JBQW9CO1FBQ2xCLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDNUMsQ0FBQzs4R0ExQlUsZ0NBQWdDO2tHQUFoQyxnQ0FBZ0MsbVRDWDdDLDI1Q0FtQ0E7OzJGRHhCYSxnQ0FBZ0M7a0JBUDVDLFNBQVM7K0JBQ0UsNEJBQTRCLG1CQUdyQix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJO3VGQUc1QixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0cscUJBQXFCO3NCQUE3QixLQUFLO2dCQUNHLGtCQUFrQjtzQkFBMUIsS0FBSztnQkFFRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBRUksV0FBVztzQkFBcEIsTUFBTTtnQkFDRyxjQUFjO3NCQUF2QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVW50eXBlZEZvcm1CdWlsZGVyLCBVbnR5cGVkRm9ybUdyb3VwLCBWYWxpZGF0b3JzIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgS2l0Q3RhUGFuZWxDb25maXJtYXRpb24sIEtpdEN0YVBhbmVsQ29uZmlybWF0aW9uVmFsdWUgfSBmcm9tICcuL2tpdC1jdGEtcGFuZWwtY29uZmlybWF0aW9uLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAna2l0LWN0YS1wYW5lbC1jb25maXJtYXRpb24nLFxuICB0ZW1wbGF0ZVVybDogJy4va2l0LWN0YS1wYW5lbC1jb25maXJtYXRpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9raXQtY3RhLXBhbmVsLWNvbmZpcm1hdGlvbi5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgS2l0Q3RhUGFuZWxDb25maXJtYXRpb25Db21wb25lbnQ8VD4ge1xuICBASW5wdXQoKSBkYXRhPzogS2l0Q3RhUGFuZWxDb25maXJtYXRpb248VD47XG4gIEBJbnB1dCgpIGNvbmZpcm1CdXR0b25EaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBkcm9wZG93bkxpc3RIZWlnaHQ6IG51bWJlciA9IDIwMDtcblxuICBASW5wdXQoKSBxdWl0VGV4dDogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIGNvbmZpcm1UZXh0OiBzdHJpbmcgPSAnJztcblxuICBAT3V0cHV0KCkgcXVpdENsaWNrZWQ6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgQE91dHB1dCgpIGNvbmZpcm1DbGlja2VkOiBFdmVudEVtaXR0ZXI8S2l0Q3RhUGFuZWxDb25maXJtYXRpb25WYWx1ZTxUPj4gPSBuZXcgRXZlbnRFbWl0dGVyPEtpdEN0YVBhbmVsQ29uZmlybWF0aW9uVmFsdWU8VD4+KCk7XG5cbiAgcmVhZG9ubHkgZm9ybTogVW50eXBlZEZvcm1Hcm91cCA9IHRoaXMuZm9ybUJ1aWxkZXIuZ3JvdXAoe1xuICAgIHJlYXNvbjogW1xuICAgICAgbnVsbCxcbiAgICAgIFZhbGlkYXRvcnMucmVxdWlyZWQsXG4gICAgXSxcbiAgICBjaGVja2JveDogZmFsc2UsXG4gIH0pO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgZm9ybUJ1aWxkZXI6IFVudHlwZWRGb3JtQnVpbGRlcixcbiAgKSB7XG4gIH1cblxuICBvbkNvbmZpcm1CdXR0b25DbGljaygpOiB2b2lkIHtcbiAgICB0aGlzLmNvbmZpcm1DbGlja2VkLmVtaXQodGhpcy5mb3JtLnZhbHVlKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImtpdC1jdGEtcGFuZWwtY29uZmlybWF0aW9uXCI+XG4gIDxkaXYgY2xhc3M9XCJjb25maXJtYXRpb24taGVhZFwiPlxuICAgIDxraXQtc3ZnLWljb24gKm5nSWY9XCJkYXRhPy5pY29uXCIgY2xhc3M9XCJoZWFkLWljb25cIlxuICAgICAgICAgICAgICAgICAgW2ljb25dPVwiZGF0YT8uaWNvblwiXG4gICAgPjwva2l0LXN2Zy1pY29uPlxuICAgIDxkaXYgY2xhc3M9XCJoZWFkLXRleHRcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJoZWFkLXRpdGxlXCI+e3sgZGF0YT8udGl0bGUgfX08L2Rpdj5cbiAgICAgIDxkaXYgKm5nSWY9XCJkYXRhPy5kZXNjcmlwdGlvblwiIGNsYXNzPVwiaGVhZC1kZXNjcmlwdGlvblwiPlxuICAgICAgICB7eyBkYXRhPy5kZXNjcmlwdGlvbiB9fVxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiY29uZmlybWF0aW9uLW1haW5cIj5cbiAgICA8Zm9ybSBbZm9ybUdyb3VwXT1cImZvcm1cIiBjbGFzcz1cImNvbmZpcm1hdGlvbi1tYWluLWZvcm1cIj5cbiAgICAgIDxraXQtZHJvcGRvd24gKm5nSWY9XCJkYXRhPy5kcm9wZG93bkl0ZW1zXCJcbiAgICAgICAgICAgICAgICAgICAgZm9ybUNvbnRyb2xOYW1lPVwicmVhc29uXCJcbiAgICAgICAgICAgICAgICAgICAgW2RlZmF1bHRJdGVtXT1cImRhdGE/LmRlZmF1bHREcm9wZG93bkl0ZW1cIlxuICAgICAgICAgICAgICAgICAgICBbbGFiZWxdPVwiZGF0YT8uZHJvcGRvd25MYWJlbFwiXG4gICAgICAgICAgICAgICAgICAgIFtpdGVtc109XCJkYXRhPy5kcm9wZG93bkl0ZW1zXCJcbiAgICAgICAgICAgICAgICAgICAgW2xpc3RIZWlnaHRdPVwiZHJvcGRvd25MaXN0SGVpZ2h0XCJcbiAgICAgID48L2tpdC1kcm9wZG93bj5cblxuICAgICAgPGtpdC1jaGVja2JveCAqbmdJZj1cImRhdGE/LmNoZWNrYm94TGFiZWxcIlxuICAgICAgICAgICAgICAgICAgICBmb3JtQ29udHJvbE5hbWU9XCJjaGVja2JveFwiXG4gICAgICAgICAgICAgICAgICAgIFtsYWJlbF09XCJkYXRhPy5jaGVja2JveExhYmVsXCJcbiAgICAgID48L2tpdC1jaGVja2JveD5cbiAgICA8L2Zvcm0+XG4gIDwvZGl2PlxuICA8a2l0LWN0YS1wYW5lbC1hY3Rpb24gW2Rpc2FibGVkXT1cImRhdGE/LmRyb3Bkb3duSXRlbXMgJiYgZm9ybS5pbnZhbGlkXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtxdWl0VGV4dF09XCJxdWl0VGV4dFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbY29uZmlybVRleHRdPVwiY29uZmlybVRleHRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgKHF1aXRDbGlja2VkKT1cInF1aXRDbGlja2VkLmVtaXQoKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAoY29uZmlybUNsaWNrZWQpPVwib25Db25maXJtQnV0dG9uQ2xpY2soKVwiXG4gID48L2tpdC1jdGEtcGFuZWwtYWN0aW9uPlxuPC9kaXY+XG4iXX0=

package/esm2022/lib/components/kit-datepicker/kit-datepicker.component.mjs

@@ -75,7 +75,7 @@ export class KitDatepickerComponent {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => KitDatepickerComponent),
                 multi: true,
-            }], viewQueries: [{ propertyName: "datepicker", first: true, predicate: ["datepicker"], descendants: true }], ngImport: i0, template: "<div class=\"kit-datepicker\"\n     [class.disabled]=\"disabled\">\n  @if (label) {\n    <kit-input-label class=\"label\"\n                     [text]=\"label\"\n                     [for]=\"datepicker\"\n    ></kit-input-label>\n  }\n\n  <div class=\"kit-datepicker-input\">\n    <kendo-datepicker #datepicker\n                      calendarType=\"classic\"\n                      [placeholder]=\"placeholder\"\n                      [disabled]=\"disabled\"\n                      [format]=\"format\"\n                      [min]=\"min\"\n                      [max]=\"max\"\n                      [popupSettings]=\"datepickerPopupSettings\"\n                      [value]=\"defaultDate\"\n                      [focusedDate]=\"defaultDate\"\n                      (blur)=\"onBlur()\"\n                      (close)=\"onClose($event)\"\n                      (valueChange)=\"onValueChange($event)\"\n    ></kendo-datepicker>\n    <button class=\"toggle-btn\"\n            (click)=\"onPopupToggle()\">\n      <kit-svg-icon class=\"button-icon\"\n                    [icon]=\"calendarIcon\"\n      ></kit-svg-icon>\n    </button>\n  </div>\n\n  @if (messageText) {\n    <kit-input-message [icon]=\"messageIcon\"\n                       [message]=\"messageText\"\n    ></kit-input-message>\n  }\n</div>\n", styles: [".kit-datepicker .label{display:block;margin-bottom:4px}.kit-datepicker-input{position:relative}.kit-datepicker .k-input-button{display:none}.kit-datepicker .toggle-btn{position:absolute;top:0;right:0;padding:0 12px;height:100%;border:none;background:none;cursor:pointer;z-index:1}.kit-datepicker .toggle-btn .button-icon{display:block;width:16px;height:16px;fill:transparent;stroke:var(--ui-kit-color-grey-12)}.kit-datepicker .toggle-btn:hover .button-icon{stroke:var(--ui-kit-color-main)}.kit-datepicker:hover .k-datepicker{border-color:var(--ui-kit-color-hover)}.kit-datepicker .k-datepicker{height:40px;border-radius:8px;border:1px solid var(--ui-kit-color-grey-12);box-shadow:none}.kit-datepicker .k-datepicker.k-focus{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-datepicker .k-datepicker.k-focus+.toggle-btn .button-icon{stroke:var(--ui-kit-color-main)}.kit-datepicker .k-input-inner{padding:0 12px;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400}.kit-datepicker .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-datepicker .k-input-inner::selection{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-datepicker.disabled .k-datepicker{border-color:var(--ui-kit-color-grey-11)}.kit-datepicker.disabled .k-input-inner{color:var(--ui-kit-color-grey-12)}.kit-datepicker.disabled .toggle-btn{cursor:default}.kit-datepicker.disabled .toggle-btn .button-icon{stroke:var(--ui-kit-color-grey-12)}.kit-datepicker-popup.k-popup{margin-top:10px;padding:8px;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-datepicker-popup.k-popup .k-calendar-table{display:flex;flex-direction:column;gap:6px}.kit-datepicker-popup.k-popup .k-calendar-header{padding:3px 0 13px;border-bottom:1px solid var(--ui-kit-color-grey-11)}.kit-datepicker-popup.k-popup .k-calendar-title{padding:2px 8px;font-size:14px;font-weight:400;border-radius:4px;border:none}.kit-datepicker-popup.k-popup .k-calendar-title:hover{background:var(--ui-kit-color-grey-13)}.kit-datepicker-popup.k-popup .k-calendar-nav-today{padding:2px 8px;color:var(--ui-kit-color-grey-10)}.kit-datepicker-popup.k-popup .k-calendar-nav-today:hover{color:var(--ui-kit-color-hover)}.kit-datepicker-popup.k-popup .k-calendar-nav-today:hover:before{opacity:0}.kit-datepicker-popup.k-popup .k-calendar-nav-prev,.kit-datepicker-popup.k-popup .k-calendar-nav-next{padding:0;width:32px;height:32px;color:var(--ui-kit-color-grey-12)}.kit-datepicker-popup.k-popup .k-calendar-nav-prev:before,.kit-datepicker-popup.k-popup .k-calendar-nav-next:before{opacity:0}.kit-datepicker-popup.k-popup .k-calendar-nav-prev:hover,.kit-datepicker-popup.k-popup .k-calendar-nav-next:hover{color:var(--ui-kit-color-hover)}.kit-datepicker-popup.k-popup .k-calendar-view{padding:13px 6px 3px;min-height:auto}.kit-datepicker-popup.k-popup .k-calendar-view .k-calendar-td{width:auto;height:auto;border-radius:6px}.kit-datepicker-popup.k-popup .k-calendar-view .k-calendar-td:hover .k-link{border:none;background:var(--ui-kit-color-grey-13)}.kit-datepicker-popup.k-popup .k-calendar-view .k-calendar-td:focus .k-link{box-shadow:none}.kit-datepicker-popup.k-popup .k-calendar-view .k-calendar-td.k-today .k-link{color:var(--ui-kit-color-main);background:var(--ui-kit-color-grey-13)}.kit-datepicker-popup.k-popup .k-calendar-view .k-calendar-td.k-other-month .k-link{color:var(--ui-kit-color-grey-12)}.kit-datepicker-popup.k-popup .k-calendar-view .k-calendar-td.k-focus .k-link{box-shadow:none}.kit-datepicker-popup.k-popup .k-calendar-view .k-link{padding:0;width:60px;height:24px;color:var(--ui-kit-color-grey-10);border-radius:6px}.kit-datepicker-popup.k-popup .k-calendar-view .k-calendar-tbody{display:flex;flex-direction:column;row-gap:16px}.kit-datepicker-popup.k-popup .k-calendar-view .k-calendar-tr{display:flex;gap:16px}.kit-datepicker-popup.k-popup .k-calendar-view .k-calendar-th{width:24px;height:24px;color:var(--ui-kit-color-main);font-size:14px;text-transform:capitalize}.kit-datepicker-popup.k-popup .k-calendar-monthview .k-link{width:24px}.kit-datepicker-popup.k-popup .k-calendar-monthview .k-calendar-tbody{row-gap:6px}.kit-datepicker-popup.k-popup .k-calendar-monthview .k-calendar-td.k-today .k-link{color:var(--ui-kit-color-grey-10);border:1px solid var(--ui-kit-color-main);background:var(--ui-kit-color-white)}.kit-datepicker-popup.k-popup .k-calendar-monthview .k-calendar-td.k-selected .k-link{color:var(--ui-kit-color-white);border:none;background:var(--ui-kit-color-main);box-shadow:none}\n"], dependencies: [{ kind: "component", type: i1.DatePickerComponent, selector: "kendo-datepicker", inputs: ["focusableId", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "navigationItemTemplate", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "autoFill", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "title", "subtitle", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode", "adaptiveMode"], outputs: ["valueChange", "focus", "blur", "open", "close"], exportAs: ["kendo-datepicker"] }, { kind: "component", type: i2.KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }, { kind: "component", type: i3.KitInputMessageComponent, selector: "kit-input-message", inputs: ["icon", "message"] }, { kind: "component", type: i4.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+            }], viewQueries: [{ propertyName: "datepicker", first: true, predicate: ["datepicker"], descendants: true }], ngImport: i0, template: "<div class=\"kit-datepicker\"\n     [class.disabled]=\"disabled\">\n  @if (label) {\n    <kit-input-label class=\"label\"\n                     [text]=\"label\"\n                     [for]=\"datepicker\"\n    ></kit-input-label>\n  }\n\n  <div class=\"kit-datepicker-input\">\n    <kendo-datepicker #datepicker\n                      calendarType=\"classic\"\n                      [placeholder]=\"placeholder\"\n                      [disabled]=\"disabled\"\n                      [format]=\"format\"\n                      [min]=\"min\"\n                      [max]=\"max\"\n                      [popupSettings]=\"datepickerPopupSettings\"\n                      [value]=\"defaultDate\"\n                      [focusedDate]=\"defaultDate\"\n                      (blur)=\"onBlur()\"\n                      (close)=\"onClose($event)\"\n                      (valueChange)=\"onValueChange($event)\"\n    ></kendo-datepicker>\n    <button class=\"toggle-btn\"\n            (click)=\"onPopupToggle()\">\n      <kit-svg-icon class=\"button-icon\"\n                    [icon]=\"calendarIcon\"\n      ></kit-svg-icon>\n    </button>\n  </div>\n\n  @if (messageText) {\n    <kit-input-message [icon]=\"messageIcon\"\n                       [message]=\"messageText\"\n    ></kit-input-message>\n  }\n</div>\n", styles: [".kit-datepicker .label{display:block;margin-bottom:4px}.kit-datepicker-input{position:relative}.kit-datepicker .k-input-button{display:none}.kit-datepicker .toggle-btn{position:absolute;top:0;right:0;padding:0 12px;height:100%;border:none;background:none;cursor:pointer;z-index:1}.kit-datepicker .toggle-btn .button-icon{display:block;width:16px;height:16px;fill:transparent;stroke:var(--ui-kit-color-grey-12)}.kit-datepicker .toggle-btn:hover .button-icon{stroke:var(--ui-kit-color-main)}.kit-datepicker:hover .k-datepicker{border-color:var(--ui-kit-color-hover)}.kit-datepicker .k-datepicker{height:40px;border-radius:8px;border:1px solid var(--ui-kit-color-grey-12);box-shadow:none}.kit-datepicker .k-datepicker.k-focus{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-datepicker .k-datepicker.k-focus+.toggle-btn .button-icon{stroke:var(--ui-kit-color-main)}.kit-datepicker .k-input-inner{padding:0 12px;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400}.kit-datepicker .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-datepicker .k-input-inner::selection{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-datepicker.disabled .k-datepicker{border-color:var(--ui-kit-color-grey-11)}.kit-datepicker.disabled .k-input-inner{color:var(--ui-kit-color-grey-12)}.kit-datepicker.disabled .toggle-btn{cursor:default}.kit-datepicker.disabled .toggle-btn .button-icon{stroke:var(--ui-kit-color-grey-12)}.kit-datepicker-popup.k-popup{margin-top:10px;padding:8px;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-datepicker-popup.k-popup .k-calendar-table{display:flex;flex-direction:column;gap:6px}.kit-datepicker-popup.k-popup .k-calendar-header{padding:3px 0 13px;border-bottom:1px solid var(--ui-kit-color-grey-11)}.kit-datepicker-popup.k-popup .k-calendar-title{padding:2px 8px;font-size:14px;font-weight:400;border-radius:4px;border:none}.kit-datepicker-popup.k-popup .k-calendar-title:hover{background:var(--ui-kit-color-grey-13)}.kit-datepicker-popup.k-popup .k-calendar-nav-today{padding:2px 8px;color:var(--ui-kit-color-grey-10)}.kit-datepicker-popup.k-popup .k-calendar-nav-today:hover{color:var(--ui-kit-color-hover)}.kit-datepicker-popup.k-popup .k-calendar-nav-today:hover:before{opacity:0}.kit-datepicker-popup.k-popup .k-calendar-nav-prev,.kit-datepicker-popup.k-popup .k-calendar-nav-next{padding:0;width:32px;height:32px;color:var(--ui-kit-color-grey-12)}.kit-datepicker-popup.k-popup .k-calendar-nav-prev:before,.kit-datepicker-popup.k-popup .k-calendar-nav-next:before{opacity:0}.kit-datepicker-popup.k-popup .k-calendar-nav-prev:hover,.kit-datepicker-popup.k-popup .k-calendar-nav-next:hover{color:var(--ui-kit-color-hover)}.kit-datepicker-popup.k-popup .k-calendar-view{padding:13px 6px 3px;min-height:auto}.kit-datepicker-popup.k-popup .k-calendar-view .k-calendar-td{width:auto;height:auto;border-radius:6px}.kit-datepicker-popup.k-popup .k-calendar-view .k-calendar-td:hover .k-link{border:none;background:var(--ui-kit-color-grey-13)}.kit-datepicker-popup.k-popup .k-calendar-view .k-calendar-td:focus .k-link{box-shadow:none}.kit-datepicker-popup.k-popup .k-calendar-view .k-calendar-td.k-today .k-link{color:var(--ui-kit-color-main);background:var(--ui-kit-color-grey-13)}.kit-datepicker-popup.k-popup .k-calendar-view .k-calendar-td.k-other-month .k-link{color:var(--ui-kit-color-grey-12)}.kit-datepicker-popup.k-popup .k-calendar-view .k-calendar-td.k-focus .k-link{box-shadow:none}.kit-datepicker-popup.k-popup .k-calendar-view .k-link{padding:0;width:60px;height:24px;color:var(--ui-kit-color-grey-10);border-radius:6px}.kit-datepicker-popup.k-popup .k-calendar-view .k-calendar-tbody{display:flex;flex-direction:column;row-gap:16px}.kit-datepicker-popup.k-popup .k-calendar-view .k-calendar-tr{display:flex;gap:16px}.kit-datepicker-popup.k-popup .k-calendar-view .k-calendar-th{width:24px;height:24px;color:var(--ui-kit-color-main);font-size:14px;text-transform:capitalize}.kit-datepicker-popup.k-popup .k-calendar-monthview .k-link{width:24px}.kit-datepicker-popup.k-popup .k-calendar-monthview .k-calendar-tbody{row-gap:6px}.kit-datepicker-popup.k-popup .k-calendar-monthview .k-calendar-td.k-today .k-link{color:var(--ui-kit-color-grey-10);border:1px solid var(--ui-kit-color-main);background:var(--ui-kit-color-white)}.kit-datepicker-popup.k-popup .k-calendar-monthview .k-calendar-td.k-selected .k-link{color:var(--ui-kit-color-white);border:none;background:var(--ui-kit-color-main);box-shadow:none}\n"], dependencies: [{ kind: "component", type: i1.DatePickerComponent, selector: "kendo-datepicker", inputs: ["focusableId", "cellTemplate", "inputAttributes", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate", "footer", "navigationItemTemplate", "weekDaysFormat", "showOtherMonthDays", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "autoFill", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "title", "subtitle", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode", "adaptiveMode"], outputs: ["valueChange", "focus", "blur", "open", "close"], exportAs: ["kendo-datepicker"] }, { kind: "component", type: i2.KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }, { kind: "component", type: i3.KitInputMessageComponent, selector: "kit-input-message", inputs: ["icon", "message"] }, { kind: "component", type: i4.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitDatepickerComponent, decorators: [{
             type: Component,

package/esm2022/lib/components/kit-daterange/kit-daterange.component.mjs

@@ -84,7 +84,7 @@ export class KitDaterangeComponent {
         this.closed.emit(rangeValue);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitDaterangeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.7", type: KitDaterangeComponent, selector: "kit-daterange", inputs: { type: "type", label: "label", startLabel: "startLabel", endLabel: "endLabel", startPlaceholder: "startPlaceholder", endPlaceholder: "endPlaceholder", format: "format", defaultStartDate: "defaultStartDate", defaultEndDate: "defaultEndDate", min: "min", max: "max", disabled: "disabled", isValid: "isValid", iconPosition: "iconPosition", messageIcon: "messageIcon", messageText: "messageText", startDateControl: "startDateControl", endDateControl: "endDateControl" }, outputs: { startDateChanged: "startDateChanged", closed: "closed", endDateChanged: "endDateChanged" }, viewQueries: [{ propertyName: "popup", first: true, predicate: ["popup"], descendants: true, read: DateRangePopupComponent }], ngImport: i0, template: "<div class=\"kit-daterange\"\n     [class.disabled]=\"disabled\"\n     [class.invalid]=\"!isValid\"\n     [ngClass]=\"[iconPosition, type]\">\n  <button #anchor\n          class=\"daterange-button\"\n          [disabled]=\"disabled\"\n          (click)=\"openCalendarPopup()\">\n    <div class=\"button-text\">{{ label }}</div>\n    <kit-svg-icon *ngIf=\"icon\"\n                  class=\"button-icon\"\n                  [icon]=\"icon\"\n    ></kit-svg-icon>\n  </button>\n  <kendo-daterange class=\"daterange-wrapper\">\n    <div class=\"daterange-input-wrapper\">\n      @if (startLabel) {\n        <kit-input-label class=\"label\"\n                         [text]=\"startLabel\"\n                         [for]=\"startInput\"\n        ></kit-input-label>\n      }\n      <div class=\"daterange-input\">\n        <kendo-dateinput #startInput\n                         kendoDateRangeStartInput\n                         [placeholder]=\"startPlaceholder\"\n                         [format]=\"format\"\n                         [value]=\"startDateControl.value || defaultStartDate\"\n                         [min]=\"min\"\n                         [disabled]=\"disabled\"\n                         (blur)=\"onBlur()\"\n                         (valueChange)=\"onStartDateChange($event)\"\n        ></kendo-dateinput>\n        <button class=\"daterange-input-button\"\n                (click)=\"openCalendarPopup()\">\n          <kit-svg-icon *ngIf=\"icon\"\n                        class=\"button-icon\"\n                        [icon]=\"icon\"\n          ></kit-svg-icon>\n        </button>\n      </div>\n    </div>\n    <div class=\"daterange-input-wrapper\">\n      @if (endLabel) {\n        <kit-input-label class=\"label\"\n                         [text]=\"endLabel\"\n                         [for]=\"endInput\"\n        ></kit-input-label>\n      }\n      <div class=\"daterange-input\">\n        <kendo-dateinput #endInput\n                         kendoDateRangeEndInput\n                         [placeholder]=\"endPlaceholder\"\n                         [format]=\"format\"\n                         [value]=\"endDateControl.value || defaultEndDate\"\n                         [max]=\"max\"\n                         [disabled]=\"disabled\"\n                         (blur)=\"onBlur()\"\n                         (valueChange)=\"onEndDateChange($event)\"\n        ></kendo-dateinput>\n        <button class=\"daterange-input-button\"\n                (click)=\"openCalendarPopup()\">\n          <kit-svg-icon *ngIf=\"icon\"\n                        class=\"button-icon\"\n                        [icon]=\"icon\"\n          ></kit-svg-icon>\n        </button>\n      </div>\n    </div>\n    <kendo-daterange-popup *ngIf=\"type === KitDaterangeType.DEFAULT\"\n                           #popup appendTo=\"component\"\n                           (close)=\"onClose()\"></kendo-daterange-popup>\n    <kendo-daterange-popup *ngIf=\"type === KitDaterangeType.BUTTON\"\n                           #popup appendTo=\"component\"\n                           [anchor]=\"$any(anchor)\"\n                           (close)=\"onClose()\"></kendo-daterange-popup>\n  </kendo-daterange>\n  <kit-input-message *ngIf=\"messageText\"\n                     [icon]=\"messageIcon\"\n                     [message]=\"messageText\"\n  ></kit-input-message>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}div[kendowatermarkoverlay]{display:none}.kit-daterange.button .daterange-button{display:flex}.kit-daterange.button .daterange-input-wrapper{display:none}.kit-daterange.invalid .daterange-button{border-color:#ef3e42;background-color:#f8e0e0}.kit-daterange.invalid .daterange-button .button-text{color:#27282a}.kit-daterange.invalid .k-input-inner{color:#27282a;border-color:#ef3e42;background-color:#f8e0e0}.kit-daterange.disabled .daterange-button{border-color:#c1c7d0;background-color:#f3f4f6;cursor:default}.kit-daterange.disabled .daterange-button .button-text{color:#9a9fa6}.kit-daterange.disabled .daterange-button .button-icon{stroke:#c1c7d0}.kit-daterange.disabled .k-input-inner{color:#9a9fa6;border-color:#c1c7d0;background-color:#f3f4f6}.kit-daterange.disabled .daterange-input-button .button-icon{stroke:#c1c7d0}.kit-daterange.left .daterange-input-button{left:0;right:initial}.kit-daterange.left .k-input-inner{padding:4px 8px 4px 28px}.kit-daterange.left .daterange-button{flex-direction:row-reverse}.kit-daterange .daterange-button{display:none;align-items:center;padding:8px;width:100%;height:34px;gap:8px;border-radius:4px;border:1px solid #efefef;background:#fff;cursor:pointer}.kit-daterange .daterange-button .button-text{flex-grow:1;color:#27282a;font-size:13px;text-align:left}.kit-daterange .daterange-button .button-icon{display:block;width:16px;height:16px;fill:transparent;stroke:#002a3a}.kit-daterange .daterange-wrapper{display:flex;gap:8px}.kit-daterange .label{display:block;margin-bottom:4px}.kit-daterange .daterange-input{display:flex;align-items:center;position:relative}.kit-daterange .daterange-input-button{position:absolute;right:0;padding:0 8px;border:none;background:none;cursor:pointer;z-index:1}.kit-daterange .daterange-input-button .button-icon{display:block;width:16px;height:16px;fill:transparent;stroke:#002a3a}.kit-daterange .kit-daterange-default{display:flex}.kit-daterange .k-dateinput{border:none;border-radius:0;background:none}.kit-daterange .k-dateinput.k-focus{box-shadow:none}.kit-daterange .k-dateinput.k-focus .k-input-inner{border-color:#00b0ad}.kit-daterange .k-input-inner{padding:4px 28px 4px 8px;width:100%;height:34px;font-size:13px;font-weight:400;color:#002a3a;border-radius:4px;background-color:#fff;border:1px solid #efefef}.kit-daterange .k-input-inner::placeholder{color:#74777d}.kit-daterange .k-input-inner::selection{color:#fff;background:#00b0ad}.kit-daterange .k-popup{border:1px solid #efefef;box-shadow:none}.kit-daterange .k-popup .k-calendar-header{padding:6px;font-size:14px;font-weight:500}.kit-daterange .k-popup .k-calendar-title{padding:0;color:#000;font-weight:500;line-height:1.26}.kit-daterange .k-popup .k-button{padding:0}.kit-daterange .k-popup .k-button:hover:before{background:none}.kit-daterange .k-popup .k-button-icon{padding:0;width:16px;height:16px;color:#002a3a}.kit-daterange .k-popup .k-prev-view .k-icon:before,.kit-daterange .k-popup .k-next-view .k-icon:before{position:absolute}.kit-daterange .k-popup .k-prev-view .k-icon:before{content:\"\\e016\"}.kit-daterange .k-popup .k-next-view .k-icon:before{content:\"\\e014\"}.kit-daterange .k-popup .k-calendar-nav-today{display:flex;align-items:center;padding:0 6px;color:#56a2f7}.kit-daterange .k-popup .k-calendar-nav-today:hover{color:#56a2f7}.kit-daterange .k-popup .k-calendar-table{padding:0 10px 10px}.kit-daterange .k-popup .k-calendar-tr{display:flex}.kit-daterange .k-popup .k-calendar-th,.kit-daterange .k-popup .k-calendar-td{display:flex;padding:0;width:40px;height:40px;color:#000;font-weight:500;font-size:13px;line-height:1;border-radius:0;box-sizing:border-box}.kit-daterange .k-popup .k-calendar-th{align-items:center;justify-content:center;text-transform:capitalize}.kit-daterange .k-popup .k-calendar-td{border:1px solid #dfdfdf}.kit-daterange .k-popup .k-calendar-td:hover .k-link{color:#56a2f7;background:#fff}.kit-daterange .k-popup .k-calendar-td.k-state-focused .k-link,.kit-daterange .k-popup .k-calendar-td.k-state-active .k-link{box-shadow:none}.kit-daterange .k-popup .k-calendar-td.k-range-start,.kit-daterange .k-popup .k-calendar-td.k-range-end{background:none}.kit-daterange .k-popup .k-calendar-td.k-range-start.k-today .k-link,.kit-daterange .k-popup .k-calendar-td.k-range-end.k-today .k-link{color:#fff}.kit-daterange .k-popup .k-calendar-td.k-range-start .k-link,.kit-daterange .k-popup .k-calendar-td.k-range-end .k-link{color:#fff;border:1px solid #dfdfdf;border-radius:50%;background:#56a2f7}.kit-daterange .k-popup .k-calendar-td.k-range-mid{background:#aad0fb}.kit-daterange .k-popup .k-calendar-td.k-today .k-link{color:#56a2f7}.kit-daterange .k-popup .k-calendar-td.k-today.k-focus .k-link{box-shadow:none}.kit-daterange .k-popup .k-calendar-td.k-other-month .k-link{color:#a9a8a8}.kit-daterange .k-popup .k-link{display:flex;align-items:center;justify-content:center;margin:0;padding:0;width:100%;height:100%}.kit-daterange .k-popup .k-calendar-view{padding:0;gap:0}.kit-daterange .k-popup .k-calendar-content{padding:0 10px 10px}.kit-daterange .k-popup .k-calendar-yearview .k-calendar-td,.kit-daterange .k-popup .k-calendar-decadeview .k-calendar-td,.kit-daterange .k-popup .k-calendar-centuryview .k-calendar-td{width:76px;height:76px}.kit-daterange .k-popup .k-range-split-start:after,.kit-daterange .k-popup .k-range-split-end:after{background-image:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "disabled", "readonly", "title", "tabindex", "role", "ariaReadOnly", "tabIndex", "format", "formatPlaceholder", "placeholder", "steps", "max", "min", "rangeValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "allowCaretMode", "autoFill", "incompleteDateValidation", "twoDigitYearMax", "enableMouseWheel", "value", "spinners", "isPopupOpen", "hasPopup", "size", "rounded", "fillMode"], outputs: ["valueChange", "valueUpdate", "focus", "blur"], exportAs: ["kendo-dateinput"] }, { kind: "component", type: i2.DateRangeComponent, selector: "kendo-daterange" }, { kind: "component", type: i2.DateRangePopupComponent, selector: "kendo-daterange-popup", inputs: ["animate", "anchor", "anchorAlign", "appendTo", "collision", "popupAlign", "margin", "adaptiveMode", "title", "subtitle"], outputs: ["open", "close", "blur", "focus", "cancel"], exportAs: ["kendo-daterange-popup"] }, { kind: "directive", type: i2.DateRangeStartInputDirective, selector: "[kendoDateRangeStartInput]", inputs: ["autoCorrectOn", "navigateCalendarOnFocus"] }, { kind: "directive", type: i2.DateRangeEndInputDirective, selector: "[kendoDateRangeEndInput]", inputs: ["autoCorrectOn", "navigateCalendarOnFocus"] }, { kind: "component", type: i3.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: i4.KitInputMessageComponent, selector: "kit-input-message", inputs: ["icon", "message"] }, { kind: "component", type: i5.KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.7", type: KitDaterangeComponent, selector: "kit-daterange", inputs: { type: "type", label: "label", startLabel: "startLabel", endLabel: "endLabel", startPlaceholder: "startPlaceholder", endPlaceholder: "endPlaceholder", format: "format", defaultStartDate: "defaultStartDate", defaultEndDate: "defaultEndDate", min: "min", max: "max", disabled: "disabled", isValid: "isValid", iconPosition: "iconPosition", messageIcon: "messageIcon", messageText: "messageText", startDateControl: "startDateControl", endDateControl: "endDateControl" }, outputs: { startDateChanged: "startDateChanged", closed: "closed", endDateChanged: "endDateChanged" }, viewQueries: [{ propertyName: "popup", first: true, predicate: ["popup"], descendants: true, read: DateRangePopupComponent }], ngImport: i0, template: "<div class=\"kit-daterange\"\n     [class.disabled]=\"disabled\"\n     [class.invalid]=\"!isValid\"\n     [ngClass]=\"[iconPosition, type]\">\n  <button #anchor\n          class=\"daterange-button\"\n          [disabled]=\"disabled\"\n          (click)=\"openCalendarPopup()\">\n    <div class=\"button-text\">{{ label }}</div>\n    <kit-svg-icon *ngIf=\"icon\"\n                  class=\"button-icon\"\n                  [icon]=\"icon\"\n    ></kit-svg-icon>\n  </button>\n  <kendo-daterange class=\"daterange-wrapper\">\n    <div class=\"daterange-input-wrapper\">\n      @if (startLabel) {\n        <kit-input-label class=\"label\"\n                         [text]=\"startLabel\"\n                         [for]=\"startInput\"\n        ></kit-input-label>\n      }\n      <div class=\"daterange-input\">\n        <kendo-dateinput #startInput\n                         kendoDateRangeStartInput\n                         [placeholder]=\"startPlaceholder\"\n                         [format]=\"format\"\n                         [value]=\"startDateControl.value || defaultStartDate\"\n                         [min]=\"min\"\n                         [disabled]=\"disabled\"\n                         (blur)=\"onBlur()\"\n                         (valueChange)=\"onStartDateChange($event)\"\n        ></kendo-dateinput>\n        <button class=\"daterange-input-button\"\n                (click)=\"openCalendarPopup()\">\n          <kit-svg-icon *ngIf=\"icon\"\n                        class=\"button-icon\"\n                        [icon]=\"icon\"\n          ></kit-svg-icon>\n        </button>\n      </div>\n    </div>\n    <div class=\"daterange-input-wrapper\">\n      @if (endLabel) {\n        <kit-input-label class=\"label\"\n                         [text]=\"endLabel\"\n                         [for]=\"endInput\"\n        ></kit-input-label>\n      }\n      <div class=\"daterange-input\">\n        <kendo-dateinput #endInput\n                         kendoDateRangeEndInput\n                         [placeholder]=\"endPlaceholder\"\n                         [format]=\"format\"\n                         [value]=\"endDateControl.value || defaultEndDate\"\n                         [max]=\"max\"\n                         [disabled]=\"disabled\"\n                         (blur)=\"onBlur()\"\n                         (valueChange)=\"onEndDateChange($event)\"\n        ></kendo-dateinput>\n        <button class=\"daterange-input-button\"\n                (click)=\"openCalendarPopup()\">\n          <kit-svg-icon *ngIf=\"icon\"\n                        class=\"button-icon\"\n                        [icon]=\"icon\"\n          ></kit-svg-icon>\n        </button>\n      </div>\n    </div>\n    <kendo-daterange-popup *ngIf=\"type === KitDaterangeType.DEFAULT\"\n                           #popup appendTo=\"component\"\n                           (close)=\"onClose()\"></kendo-daterange-popup>\n    <kendo-daterange-popup *ngIf=\"type === KitDaterangeType.BUTTON\"\n                           #popup appendTo=\"component\"\n                           [anchor]=\"$any(anchor)\"\n                           (close)=\"onClose()\"></kendo-daterange-popup>\n  </kendo-daterange>\n  <kit-input-message *ngIf=\"messageText\"\n                     [icon]=\"messageIcon\"\n                     [message]=\"messageText\"\n  ></kit-input-message>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}div[kendowatermarkoverlay]{display:none}.kit-daterange.button .daterange-button{display:flex}.kit-daterange.button .daterange-input-wrapper{display:none}.kit-daterange.invalid .daterange-button{border-color:#ef3e42;background-color:#f8e0e0}.kit-daterange.invalid .daterange-button .button-text{color:#27282a}.kit-daterange.invalid .k-input-inner{color:#27282a;border-color:#ef3e42;background-color:#f8e0e0}.kit-daterange.disabled .daterange-button{border-color:#c1c7d0;background-color:#f3f4f6;cursor:default}.kit-daterange.disabled .daterange-button .button-text{color:#9a9fa6}.kit-daterange.disabled .daterange-button .button-icon{stroke:#c1c7d0}.kit-daterange.disabled .k-input-inner{color:#9a9fa6;border-color:#c1c7d0;background-color:#f3f4f6}.kit-daterange.disabled .daterange-input-button .button-icon{stroke:#c1c7d0}.kit-daterange.left .daterange-input-button{left:0;right:initial}.kit-daterange.left .k-input-inner{padding:4px 8px 4px 28px}.kit-daterange.left .daterange-button{flex-direction:row-reverse}.kit-daterange .daterange-button{display:none;align-items:center;padding:8px;width:100%;height:34px;gap:8px;border-radius:4px;border:1px solid #efefef;background:#fff;cursor:pointer}.kit-daterange .daterange-button .button-text{flex-grow:1;color:#27282a;font-size:13px;text-align:left}.kit-daterange .daterange-button .button-icon{display:block;width:16px;height:16px;fill:transparent;stroke:#002a3a}.kit-daterange .daterange-wrapper{display:flex;gap:8px}.kit-daterange .label{display:block;margin-bottom:4px}.kit-daterange .daterange-input{display:flex;align-items:center;position:relative}.kit-daterange .daterange-input-button{position:absolute;right:0;padding:0 8px;border:none;background:none;cursor:pointer;z-index:1}.kit-daterange .daterange-input-button .button-icon{display:block;width:16px;height:16px;fill:transparent;stroke:#002a3a}.kit-daterange .kit-daterange-default{display:flex}.kit-daterange .k-dateinput{border:none;border-radius:0;background:none}.kit-daterange .k-dateinput.k-focus{box-shadow:none}.kit-daterange .k-dateinput.k-focus .k-input-inner{border-color:#00b0ad}.kit-daterange .k-input-inner{padding:4px 28px 4px 8px;width:100%;height:34px;font-size:13px;font-weight:400;color:#002a3a;border-radius:4px;background-color:#fff;border:1px solid #efefef}.kit-daterange .k-input-inner::placeholder{color:#74777d}.kit-daterange .k-input-inner::selection{color:#fff;background:#00b0ad}.kit-daterange .k-popup{border:1px solid #efefef;box-shadow:none}.kit-daterange .k-popup .k-calendar-header{padding:6px;font-size:14px;font-weight:500}.kit-daterange .k-popup .k-calendar-title{padding:0;color:#000;font-weight:500;line-height:1.26}.kit-daterange .k-popup .k-button{padding:0}.kit-daterange .k-popup .k-button:hover:before{background:none}.kit-daterange .k-popup .k-button-icon{padding:0;width:16px;height:16px;color:#002a3a}.kit-daterange .k-popup .k-prev-view .k-icon:before,.kit-daterange .k-popup .k-next-view .k-icon:before{position:absolute}.kit-daterange .k-popup .k-prev-view .k-icon:before{content:\"\\e016\"}.kit-daterange .k-popup .k-next-view .k-icon:before{content:\"\\e014\"}.kit-daterange .k-popup .k-calendar-nav-today{display:flex;align-items:center;padding:0 6px;color:#56a2f7}.kit-daterange .k-popup .k-calendar-nav-today:hover{color:#56a2f7}.kit-daterange .k-popup .k-calendar-table{padding:0 10px 10px}.kit-daterange .k-popup .k-calendar-tr{display:flex}.kit-daterange .k-popup .k-calendar-th,.kit-daterange .k-popup .k-calendar-td{display:flex;padding:0;width:40px;height:40px;color:#000;font-weight:500;font-size:13px;line-height:1;border-radius:0;box-sizing:border-box}.kit-daterange .k-popup .k-calendar-th{align-items:center;justify-content:center;text-transform:capitalize}.kit-daterange .k-popup .k-calendar-td{border:1px solid #dfdfdf}.kit-daterange .k-popup .k-calendar-td:hover .k-link{color:#56a2f7;background:#fff}.kit-daterange .k-popup .k-calendar-td.k-state-focused .k-link,.kit-daterange .k-popup .k-calendar-td.k-state-active .k-link{box-shadow:none}.kit-daterange .k-popup .k-calendar-td.k-range-start,.kit-daterange .k-popup .k-calendar-td.k-range-end{background:none}.kit-daterange .k-popup .k-calendar-td.k-range-start.k-today .k-link,.kit-daterange .k-popup .k-calendar-td.k-range-end.k-today .k-link{color:#fff}.kit-daterange .k-popup .k-calendar-td.k-range-start .k-link,.kit-daterange .k-popup .k-calendar-td.k-range-end .k-link{color:#fff;border:1px solid #dfdfdf;border-radius:50%;background:#56a2f7}.kit-daterange .k-popup .k-calendar-td.k-range-mid{background:#aad0fb}.kit-daterange .k-popup .k-calendar-td.k-today .k-link{color:#56a2f7}.kit-daterange .k-popup .k-calendar-td.k-today.k-focus .k-link{box-shadow:none}.kit-daterange .k-popup .k-calendar-td.k-other-month .k-link{color:#a9a8a8}.kit-daterange .k-popup .k-link{display:flex;align-items:center;justify-content:center;margin:0;padding:0;width:100%;height:100%}.kit-daterange .k-popup .k-calendar-view{padding:0;gap:0}.kit-daterange .k-popup .k-calendar-content{padding:0 10px 10px}.kit-daterange .k-popup .k-calendar-yearview .k-calendar-td,.kit-daterange .k-popup .k-calendar-decadeview .k-calendar-td,.kit-daterange .k-popup .k-calendar-centuryview .k-calendar-td{width:76px;height:76px}.kit-daterange .k-popup .k-range-split-start:after,.kit-daterange .k-popup .k-range-split-end:after{background-image:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "pickerType", "disabled", "readonly", "title", "tabindex", "role", "ariaReadOnly", "tabIndex", "isRequired", "format", "formatPlaceholder", "placeholder", "steps", "max", "min", "rangeValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "allowCaretMode", "autoFill", "incompleteDateValidation", "twoDigitYearMax", "enableMouseWheel", "value", "spinners", "isPopupOpen", "hasPopup", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "valueUpdate", "focus", "blur"], exportAs: ["kendo-dateinput"] }, { kind: "component", type: i2.DateRangeComponent, selector: "kendo-daterange" }, { kind: "component", type: i2.DateRangePopupComponent, selector: "kendo-daterange-popup", inputs: ["animate", "anchor", "anchorAlign", "appendTo", "collision", "popupAlign", "margin", "adaptiveMode", "title", "subtitle"], outputs: ["open", "close", "blur", "focus", "cancel"], exportAs: ["kendo-daterange-popup"] }, { kind: "directive", type: i2.DateRangeStartInputDirective, selector: "[kendoDateRangeStartInput]", inputs: ["autoCorrectOn", "navigateCalendarOnFocus"] }, { kind: "directive", type: i2.DateRangeEndInputDirective, selector: "[kendoDateRangeEndInput]", inputs: ["autoCorrectOn", "navigateCalendarOnFocus"] }, { kind: "component", type: i3.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: i4.KitInputMessageComponent, selector: "kit-input-message", inputs: ["icon", "message"] }, { kind: "component", type: i5.KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitDaterangeComponent, decorators: [{
             type: Component,

package/esm2022/lib/components/kit-datetimepicker/kit-datetimepicker.component.mjs

@@ -91,7 +91,7 @@ export class KitDatetimepickerComponent {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => KitDatetimepickerComponent),
                 multi: true,
-            }], viewQueries: [{ propertyName: "datetimepicker", first: true, predicate: ["datetimepicker"], descendants: true }], ngImport: i0, template: "<div class=\"kit-datetimepicker\"\n     [class.datetimepicker-disabled]=\"disabled\"\n     [class.datetimepicker-invalid]=\"!isValid\"\n     [class.datetimepicker-opened]=\"datetimepicker.isOpen\"\n>\n  @if (label) {\n    <kit-input-label class=\"label\"\n                     [text]=\"label\"\n                     [for]=\"datetimepicker\"\n    ></kit-input-label>\n  }\n  <div class=\"datetimepicker-wrap\">\n    <button class=\"toggle-btn\" (click)=\"onPopupToggle()\">\n      <kit-svg-icon *ngIf=\"icon\"\n                    class=\"button-icon\"\n                    [icon]=\"icon\"\n      ></kit-svg-icon>\n    </button>\n    <kendo-datetimepicker #datetimepicker\n                          [placeholder]=\"placeholder\"\n                          [format]=\"format\"\n                          [disabled]=\"disabled\"\n                          [popupSettings]=\"datetimepickerPopupSettings\"\n                          [value]=\"defaultDate\"\n                          [min]=\"min\" [max]=\"max\"\n                          [focusedDate]=\"defaultDate\"\n                          (valueChange)=\"onValueChange($event)\"\n                          (blur)=\"onBlur()\"\n                          (close)=\"onClose()\"\n    ></kendo-datetimepicker>\n  </div>\n  <kit-input-message *ngIf=\"messageText\"\n                     [icon]=\"messageIcon\"\n                     [message]=\"messageText\"\n  ></kit-input-message>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}div[kendowatermarkoverlay]{display:none}.kit-datetimepicker .label{display:block;margin-bottom:4px}.kit-datetimepicker .datetimepicker-wrap{position:relative}.kit-datetimepicker .k-datetimepicker{padding:4px 8px 4px 28px;height:34px;width:100%;font-size:13px;font-weight:400;color:#002a3a;border-radius:4px;border:1px solid #efefef}.kit-datetimepicker .k-datetimepicker.k-focus{border-color:#00b0ad;box-shadow:none}.kit-datetimepicker .k-dateinput{box-shadow:none}.kit-datetimepicker .k-input-inner{padding:0;line-height:1}.kit-datetimepicker .k-input-inner::placeholder{color:#74777d}.kit-datetimepicker .k-input-inner::selection{color:#fff;background:#00b0ad}.kit-datetimepicker .toggle-btn{position:absolute;top:0;left:0;padding:0 8px;height:100%;border:none;background:none;cursor:pointer;z-index:1}.kit-datetimepicker .toggle-btn .button-icon{display:block;width:16px;height:16px;fill:transparent;stroke:#002a3a}.kit-datetimepicker.datetimepicker-opened .toggle-btn .button-icon{stroke:#00b0ad}.kit-datetimepicker:focus-within .k-datetimepicker{color:#27282a}.kit-datetimepicker.datetimepicker-disabled .k-datetimepicker{color:#9a9fa6;border-color:#c1c7d0;background-color:#f3f4f6}.kit-datetimepicker.datetimepicker-disabled .toggle-btn{cursor:default}.kit-datetimepicker.datetimepicker-disabled .toggle-btn .button-icon{stroke:#c1c7d0}.kit-datetimepicker.datetimepicker-invalid .k-datetimepicker{color:#27282a;border-color:#ef3e42;background-color:#f8e0e0}.kit-datetimepicker .k-input-button{display:none}.kit-datetimepicker-popup.k-popup{margin-top:8px;border-radius:6px;border:1px solid #006890;box-shadow:none;background:#f3f4f6}.kit-datetimepicker-popup.k-popup .k-datetime-wrap{width:296px}.kit-datetimepicker-popup.k-popup .k-datetime-buttongroup{padding:4px;border-radius:6px 6px 0 0;background:#dadde3}.kit-datetimepicker-popup.k-popup .k-datetime-buttongroup .k-button{height:32px;color:#27282a;font-size:13px;font-weight:400;border-radius:6px 6px 0 0;border:1px solid #c1c7d0;background:#dadde3}.kit-datetimepicker-popup.k-popup .k-datetime-buttongroup .k-button.k-active{background:#fff}.kit-datetimepicker-popup.k-popup .k-datetime-selector{padding-top:6px;background:none}.kit-datetimepicker-popup.k-popup .kalendar-view{padding:0}.kit-datetimepicker-popup.k-popup .k-datetime-time-wrap,.kit-datetimepicker-popup.k-popup .k-datetime-calendar-wrap{flex-basis:296px}.kit-datetimepicker-popup.k-popup .k-calendar{width:100%;background:none}.kit-datetimepicker-popup.k-popup .k-link{align-items:center;width:100%;height:100%;color:#27282a;font-size:13px;font-weight:500;line-height:1;border-radius:50%;box-shadow:none}.kit-datetimepicker-popup.k-popup .k-link:hover{color:#7ccdf4;background:none}.kit-datetimepicker-popup.k-popup .k-calendar-view{padding:0;width:100%}.kit-datetimepicker-popup.k-popup .k-calendar-view:after{display:none}.kit-datetimepicker-popup.k-popup .k-calendar-view .k-calendar-th{padding:6px 0;height:auto;color:#9a9fa6;font-size:16px;font-weight:700}.kit-datetimepicker-popup.k-popup .k-calendar-view .k-link{width:100%}.kit-datetimepicker-popup.k-popup .k-calendar-table{border-collapse:collapse}.kit-datetimepicker-popup.k-popup .k-calendar-header,.kit-datetimepicker-popup.k-popup .k-time-header{margin:0 0 6px;padding:4px 30px;border-radius:6px 6px 0 0;background:#fff}.kit-datetimepicker-popup.k-popup .k-calendar-header .k-calendar-title,.kit-datetimepicker-popup.k-popup .k-time-header .k-calendar-title{padding:0;color:#27282a;font-size:16px;font-weight:700}.kit-datetimepicker-popup.k-popup .k-calendar-header .k-calendar-nav-today,.kit-datetimepicker-popup.k-popup .k-calendar-header .k-time-now,.kit-datetimepicker-popup.k-popup .k-time-header .k-calendar-nav-today,.kit-datetimepicker-popup.k-popup .k-time-header .k-time-now{display:flex;align-items:center;padding:0;color:#7ccdf4;font-size:16px;font-weight:400;text-transform:uppercase}.kit-datetimepicker-popup.k-popup .k-calendar-header .k-calendar-nav-today:hover,.kit-datetimepicker-popup.k-popup .k-calendar-header .k-time-now:hover,.kit-datetimepicker-popup.k-popup .k-time-header .k-calendar-nav-today:hover,.kit-datetimepicker-popup.k-popup .k-time-header .k-time-now:hover{color:#7ccdf4}.kit-datetimepicker-popup.k-popup .k-calendar-weekdays{padding:6px 8px 0}.kit-datetimepicker-popup.k-popup .k-calendar-weekdays .k-calendar-th{padding:0;height:40px;color:#27282a;font-size:13px;font-weight:500;line-height:1;text-transform:uppercase}.kit-datetimepicker-popup.k-popup .k-calendar-content{margin:0;padding:0 8px;box-sizing:border-box}.kit-datetimepicker-popup.k-popup .k-calendar-content>.k-calendar-table{margin:0;width:100%}.kit-datetimepicker-popup.k-popup .k-calendar-td{width:40px;height:40px;border:1px solid #dfdfdf}.kit-datetimepicker-popup.k-popup .k-calendar-td:hover .k-link{background:none}.kit-datetimepicker-popup.k-popup .k-calendar-td.k-empty{border:none}.kit-datetimepicker-popup.k-popup .k-calendar-td.k-today .k-link{color:#7ccdf4}.kit-datetimepicker-popup.k-popup .k-calendar-td.k-selected .k-link{color:#fff;border:1px solid #dfdfdf;background:#7ccdf4}.kit-datetimepicker-popup.k-popup .k-calendar-td.k-selected.k-focus .k-link,.kit-datetimepicker-popup.k-popup .k-calendar-td.k-state-focused .k-link{box-shadow:none}.kit-datetimepicker-popup.k-popup .k-actions{margin-top:0;padding:12px;justify-content:center;flex-direction:row-reverse;border-top:1px solid #006890}.kit-datetimepicker-popup.k-popup .k-actions .k-button{margin:0 5px;width:110px;height:30px;flex:0 0 auto;font-size:14px;font-weight:400;border-radius:4px;border:none}.kit-datetimepicker-popup.k-popup .k-time-cancel{color:#27282a;background:#dadde3}.kit-datetimepicker-popup.k-popup .k-time-accept{color:#fff;background:#006890}.kit-datetimepicker-popup.k-popup .k-time-list-wrapper{padding:0;height:252px;background:#fff}.kit-datetimepicker-popup.k-popup .k-time-list-wrapper:before,.kit-datetimepicker-popup.k-popup .k-time-list-wrapper:after{display:none}.kit-datetimepicker-popup.k-popup .k-time-list-wrapper.k-state-focused{background:#f3f4f6}.kit-datetimepicker-popup.k-popup .k-time-list-wrapper .k-title{display:flex;align-items:center;justify-content:center;margin:0;color:#27282a;font-size:14px;font-weight:500;height:40px}.kit-datetimepicker-popup.k-popup .k-time-list:before,.kit-datetimepicker-popup.k-popup .k-time-list:after{display:none}.kit-datetimepicker-popup.k-popup .k-time-list .k-item{display:flex;align-items:center;justify-content:center;padding:0;height:40px;color:#27282a;font-size:14px;font-weight:500}.kit-datetimepicker-popup.k-popup .k-time-highlight{top:50%;height:40px;border-color:#cdd2d9;transform:none}.kit-datetimepicker-popup.k-popup .k-time-separator{margin-top:20px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DateTimePickerComponent, selector: "kendo-datetimepicker", inputs: ["focusableId", "value", "format", "twoDigitYearMax", "tabindex", "disabledDates", "popupSettings", "title", "subtitle", "disabled", "readonly", "readOnlyInput", "cancelButton", "formatPlaceholder", "placeholder", "steps", "focusedDate", "calendarType", "animateCalendarNavigation", "weekNumber", "min", "max", "rangeValidation", "disabledDatesValidation", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "autoFill", "adaptiveMode", "defaultTab", "size", "rounded", "fillMode"], outputs: ["valueChange", "open", "close", "focus", "blur"], exportAs: ["kendo-datetimepicker"] }, { kind: "component", type: i3.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: i4.KitInputMessageComponent, selector: "kit-input-message", inputs: ["icon", "message"] }, { kind: "component", type: i5.KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+            }], viewQueries: [{ propertyName: "datetimepicker", first: true, predicate: ["datetimepicker"], descendants: true }], ngImport: i0, template: "<div class=\"kit-datetimepicker\"\n     [class.datetimepicker-disabled]=\"disabled\"\n     [class.datetimepicker-invalid]=\"!isValid\"\n     [class.datetimepicker-opened]=\"datetimepicker.isOpen\"\n>\n  @if (label) {\n    <kit-input-label class=\"label\"\n                     [text]=\"label\"\n                     [for]=\"datetimepicker\"\n    ></kit-input-label>\n  }\n  <div class=\"datetimepicker-wrap\">\n    <button class=\"toggle-btn\" (click)=\"onPopupToggle()\">\n      <kit-svg-icon *ngIf=\"icon\"\n                    class=\"button-icon\"\n                    [icon]=\"icon\"\n      ></kit-svg-icon>\n    </button>\n    <kendo-datetimepicker #datetimepicker\n                          [placeholder]=\"placeholder\"\n                          [format]=\"format\"\n                          [disabled]=\"disabled\"\n                          [popupSettings]=\"datetimepickerPopupSettings\"\n                          [value]=\"defaultDate\"\n                          [min]=\"min\" [max]=\"max\"\n                          [focusedDate]=\"defaultDate\"\n                          (valueChange)=\"onValueChange($event)\"\n                          (blur)=\"onBlur()\"\n                          (close)=\"onClose()\"\n    ></kendo-datetimepicker>\n  </div>\n  <kit-input-message *ngIf=\"messageText\"\n                     [icon]=\"messageIcon\"\n                     [message]=\"messageText\"\n  ></kit-input-message>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}div[kendowatermarkoverlay]{display:none}.kit-datetimepicker .label{display:block;margin-bottom:4px}.kit-datetimepicker .datetimepicker-wrap{position:relative}.kit-datetimepicker .k-datetimepicker{padding:4px 8px 4px 28px;height:34px;width:100%;font-size:13px;font-weight:400;color:#002a3a;border-radius:4px;border:1px solid #efefef}.kit-datetimepicker .k-datetimepicker.k-focus{border-color:#00b0ad;box-shadow:none}.kit-datetimepicker .k-dateinput{box-shadow:none}.kit-datetimepicker .k-input-inner{padding:0;line-height:1}.kit-datetimepicker .k-input-inner::placeholder{color:#74777d}.kit-datetimepicker .k-input-inner::selection{color:#fff;background:#00b0ad}.kit-datetimepicker .toggle-btn{position:absolute;top:0;left:0;padding:0 8px;height:100%;border:none;background:none;cursor:pointer;z-index:1}.kit-datetimepicker .toggle-btn .button-icon{display:block;width:16px;height:16px;fill:transparent;stroke:#002a3a}.kit-datetimepicker.datetimepicker-opened .toggle-btn .button-icon{stroke:#00b0ad}.kit-datetimepicker:focus-within .k-datetimepicker{color:#27282a}.kit-datetimepicker.datetimepicker-disabled .k-datetimepicker{color:#9a9fa6;border-color:#c1c7d0;background-color:#f3f4f6}.kit-datetimepicker.datetimepicker-disabled .toggle-btn{cursor:default}.kit-datetimepicker.datetimepicker-disabled .toggle-btn .button-icon{stroke:#c1c7d0}.kit-datetimepicker.datetimepicker-invalid .k-datetimepicker{color:#27282a;border-color:#ef3e42;background-color:#f8e0e0}.kit-datetimepicker .k-input-button{display:none}.kit-datetimepicker-popup.k-popup{margin-top:8px;border-radius:6px;border:1px solid #006890;box-shadow:none;background:#f3f4f6}.kit-datetimepicker-popup.k-popup .k-datetime-wrap{width:296px}.kit-datetimepicker-popup.k-popup .k-datetime-buttongroup{padding:4px;border-radius:6px 6px 0 0;background:#dadde3}.kit-datetimepicker-popup.k-popup .k-datetime-buttongroup .k-button{height:32px;color:#27282a;font-size:13px;font-weight:400;border-radius:6px 6px 0 0;border:1px solid #c1c7d0;background:#dadde3}.kit-datetimepicker-popup.k-popup .k-datetime-buttongroup .k-button.k-active{background:#fff}.kit-datetimepicker-popup.k-popup .k-datetime-selector{padding-top:6px;background:none}.kit-datetimepicker-popup.k-popup .kalendar-view{padding:0}.kit-datetimepicker-popup.k-popup .k-datetime-time-wrap,.kit-datetimepicker-popup.k-popup .k-datetime-calendar-wrap{flex-basis:296px}.kit-datetimepicker-popup.k-popup .k-calendar{width:100%;background:none}.kit-datetimepicker-popup.k-popup .k-link{align-items:center;width:100%;height:100%;color:#27282a;font-size:13px;font-weight:500;line-height:1;border-radius:50%;box-shadow:none}.kit-datetimepicker-popup.k-popup .k-link:hover{color:#7ccdf4;background:none}.kit-datetimepicker-popup.k-popup .k-calendar-view{padding:0;width:100%}.kit-datetimepicker-popup.k-popup .k-calendar-view:after{display:none}.kit-datetimepicker-popup.k-popup .k-calendar-view .k-calendar-th{padding:6px 0;height:auto;color:#9a9fa6;font-size:16px;font-weight:700}.kit-datetimepicker-popup.k-popup .k-calendar-view .k-link{width:100%}.kit-datetimepicker-popup.k-popup .k-calendar-table{border-collapse:collapse}.kit-datetimepicker-popup.k-popup .k-calendar-header,.kit-datetimepicker-popup.k-popup .k-time-header{margin:0 0 6px;padding:4px 30px;border-radius:6px 6px 0 0;background:#fff}.kit-datetimepicker-popup.k-popup .k-calendar-header .k-calendar-title,.kit-datetimepicker-popup.k-popup .k-time-header .k-calendar-title{padding:0;color:#27282a;font-size:16px;font-weight:700}.kit-datetimepicker-popup.k-popup .k-calendar-header .k-calendar-nav-today,.kit-datetimepicker-popup.k-popup .k-calendar-header .k-time-now,.kit-datetimepicker-popup.k-popup .k-time-header .k-calendar-nav-today,.kit-datetimepicker-popup.k-popup .k-time-header .k-time-now{display:flex;align-items:center;padding:0;color:#7ccdf4;font-size:16px;font-weight:400;text-transform:uppercase}.kit-datetimepicker-popup.k-popup .k-calendar-header .k-calendar-nav-today:hover,.kit-datetimepicker-popup.k-popup .k-calendar-header .k-time-now:hover,.kit-datetimepicker-popup.k-popup .k-time-header .k-calendar-nav-today:hover,.kit-datetimepicker-popup.k-popup .k-time-header .k-time-now:hover{color:#7ccdf4}.kit-datetimepicker-popup.k-popup .k-calendar-weekdays{padding:6px 8px 0}.kit-datetimepicker-popup.k-popup .k-calendar-weekdays .k-calendar-th{padding:0;height:40px;color:#27282a;font-size:13px;font-weight:500;line-height:1;text-transform:uppercase}.kit-datetimepicker-popup.k-popup .k-calendar-content{margin:0;padding:0 8px;box-sizing:border-box}.kit-datetimepicker-popup.k-popup .k-calendar-content>.k-calendar-table{margin:0;width:100%}.kit-datetimepicker-popup.k-popup .k-calendar-td{width:40px;height:40px;border:1px solid #dfdfdf}.kit-datetimepicker-popup.k-popup .k-calendar-td:hover .k-link{background:none}.kit-datetimepicker-popup.k-popup .k-calendar-td.k-empty{border:none}.kit-datetimepicker-popup.k-popup .k-calendar-td.k-today .k-link{color:#7ccdf4}.kit-datetimepicker-popup.k-popup .k-calendar-td.k-selected .k-link{color:#fff;border:1px solid #dfdfdf;background:#7ccdf4}.kit-datetimepicker-popup.k-popup .k-calendar-td.k-selected.k-focus .k-link,.kit-datetimepicker-popup.k-popup .k-calendar-td.k-state-focused .k-link{box-shadow:none}.kit-datetimepicker-popup.k-popup .k-actions{margin-top:0;padding:12px;justify-content:center;flex-direction:row-reverse;border-top:1px solid #006890}.kit-datetimepicker-popup.k-popup .k-actions .k-button{margin:0 5px;width:110px;height:30px;flex:0 0 auto;font-size:14px;font-weight:400;border-radius:4px;border:none}.kit-datetimepicker-popup.k-popup .k-time-cancel{color:#27282a;background:#dadde3}.kit-datetimepicker-popup.k-popup .k-time-accept{color:#fff;background:#006890}.kit-datetimepicker-popup.k-popup .k-time-list-wrapper{padding:0;height:252px;background:#fff}.kit-datetimepicker-popup.k-popup .k-time-list-wrapper:before,.kit-datetimepicker-popup.k-popup .k-time-list-wrapper:after{display:none}.kit-datetimepicker-popup.k-popup .k-time-list-wrapper.k-state-focused{background:#f3f4f6}.kit-datetimepicker-popup.k-popup .k-time-list-wrapper .k-title{display:flex;align-items:center;justify-content:center;margin:0;color:#27282a;font-size:14px;font-weight:500;height:40px}.kit-datetimepicker-popup.k-popup .k-time-list:before,.kit-datetimepicker-popup.k-popup .k-time-list:after{display:none}.kit-datetimepicker-popup.k-popup .k-time-list .k-item{display:flex;align-items:center;justify-content:center;padding:0;height:40px;color:#27282a;font-size:14px;font-weight:500}.kit-datetimepicker-popup.k-popup .k-time-highlight{top:50%;height:40px;border-color:#cdd2d9;transform:none}.kit-datetimepicker-popup.k-popup .k-time-separator{margin-top:20px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DateTimePickerComponent, selector: "kendo-datetimepicker", inputs: ["focusableId", "weekDaysFormat", "showOtherMonthDays", "value", "format", "twoDigitYearMax", "tabindex", "disabledDates", "popupSettings", "title", "subtitle", "disabled", "readonly", "readOnlyInput", "cancelButton", "formatPlaceholder", "placeholder", "steps", "focusedDate", "calendarType", "animateCalendarNavigation", "weekNumber", "min", "max", "rangeValidation", "disabledDatesValidation", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "autoFill", "adaptiveMode", "inputAttributes", "defaultTab", "size", "rounded", "fillMode", "headerTemplate", "footerTemplate", "footer"], outputs: ["valueChange", "open", "close", "focus", "blur"], exportAs: ["kendo-datetimepicker"] }, { kind: "component", type: i3.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: i4.KitInputMessageComponent, selector: "kit-input-message", inputs: ["icon", "message"] }, { kind: "component", type: i5.KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitDatetimepickerComponent, decorators: [{
             type: Component,

package/esm2022/lib/components/kit-dialog/kit-dialog.component.mjs

@@ -3,10 +3,10 @@ import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-dialog";
 export class KitDialogComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: KitDialogComponent, selector: "kit-dialog", ngImport: i0, template: "<div class=\"kit-dialog\">\n  <div class=\"kit-dialog-container\" kendoDialogContainer\n       [hidden]=\"true\"\n  ></div>\n</div>\n", styles: [":host ::ng-deep .kit-dialog .k-overlay{opacity:.25}:host ::ng-deep .kit-dialog .k-dialog{background:var(--ui-kit-color-white);border-radius:8px;box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d;overflow:hidden}:host ::ng-deep .kit-dialog .k-dialog-titlebar{display:flex;margin:0 24px;padding:16px 0 8px;border-bottom:1px solid var(--ui-kit-color-grey-11)}:host ::ng-deep .kit-dialog .k-dialog-titlebar-action{padding:0}:host ::ng-deep .kit-dialog .k-dialog-titlebar-action:before,:host ::ng-deep .kit-dialog .k-dialog-titlebar-action:after{opacity:0}:host ::ng-deep .kit-dialog .k-dialog-titlebar .k-button-icon{width:18px;height:18px;min-width:auto;min-height:auto;color:var(--ui-kit-color-grey-12)}:host ::ng-deep .kit-dialog .k-dialog-titlebar .k-button-icon:hover{color:var(--ui-kit-color-hover);background:none}:host ::ng-deep .kit-dialog .k-dialog-titlebar .k-button-icon>svg{width:18px;height:18px}:host ::ng-deep .kit-dialog .k-dialog-title{color:var(--ui-kit-color-grey-10);font-size:18px;flex:1 0}:host ::ng-deep .kit-dialog .k-dialog-content{padding:24px}\n"], dependencies: [{ kind: "directive", type: i1.DialogContainerDirective, selector: "[kendoDialogContainer]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: KitDialogComponent, selector: "kit-dialog", ngImport: i0, template: "<div class=\"kit-dialog\">\n  <div class=\"kit-dialog-container\" kendoDialogContainer\n       [hidden]=\"true\"\n  ></div>\n</div>\n", styles: [":host ::ng-deep .kit-dialog .k-overlay{opacity:.25}:host ::ng-deep .kit-dialog .k-dialog{background:var(--ui-kit-color-white);border-radius:8px;box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d;overflow:hidden}:host ::ng-deep .kit-dialog .k-dialog-titlebar{display:flex;margin:0 24px;padding:16px 0 8px;border-bottom:1px solid var(--ui-kit-color-grey-11);background:none}:host ::ng-deep .kit-dialog .k-dialog-titlebar-action{padding:0}:host ::ng-deep .kit-dialog .k-dialog-titlebar-action:before,:host ::ng-deep .kit-dialog .k-dialog-titlebar-action:after{opacity:0}:host ::ng-deep .kit-dialog .k-dialog-titlebar .k-button-icon{width:18px;height:18px;min-width:auto;min-height:auto;color:var(--ui-kit-color-grey-12)}:host ::ng-deep .kit-dialog .k-dialog-titlebar .k-button-icon:hover{color:var(--ui-kit-color-hover);background:none}:host ::ng-deep .kit-dialog .k-dialog-titlebar .k-button-icon>svg{width:18px;height:18px}:host ::ng-deep .kit-dialog .k-dialog-title{color:var(--ui-kit-color-grey-10);font-size:18px;flex:1 0}:host ::ng-deep .kit-dialog .k-dialog-content{padding:24px}\n"], dependencies: [{ kind: "directive", type: i1.DialogContainerDirective, selector: "[kendoDialogContainer]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kit-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-dialog\">\n  <div class=\"kit-dialog-container\" kendoDialogContainer\n       [hidden]=\"true\"\n  ></div>\n</div>\n", styles: [":host ::ng-deep .kit-dialog .k-overlay{opacity:.25}:host ::ng-deep .kit-dialog .k-dialog{background:var(--ui-kit-color-white);border-radius:8px;box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d;overflow:hidden}:host ::ng-deep .kit-dialog .k-dialog-titlebar{display:flex;margin:0 24px;padding:16px 0 8px;border-bottom:1px solid var(--ui-kit-color-grey-11)}:host ::ng-deep .kit-dialog .k-dialog-titlebar-action{padding:0}:host ::ng-deep .kit-dialog .k-dialog-titlebar-action:before,:host ::ng-deep .kit-dialog .k-dialog-titlebar-action:after{opacity:0}:host ::ng-deep .kit-dialog .k-dialog-titlebar .k-button-icon{width:18px;height:18px;min-width:auto;min-height:auto;color:var(--ui-kit-color-grey-12)}:host ::ng-deep .kit-dialog .k-dialog-titlebar .k-button-icon:hover{color:var(--ui-kit-color-hover);background:none}:host ::ng-deep .kit-dialog .k-dialog-titlebar .k-button-icon>svg{width:18px;height:18px}:host ::ng-deep .kit-dialog .k-dialog-title{color:var(--ui-kit-color-grey-10);font-size:18px;flex:1 0}:host ::ng-deep .kit-dialog .k-dialog-content{padding:24px}\n"] }]
+            args: [{ selector: 'kit-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-dialog\">\n  <div class=\"kit-dialog-container\" kendoDialogContainer\n       [hidden]=\"true\"\n  ></div>\n</div>\n", styles: [":host ::ng-deep .kit-dialog .k-overlay{opacity:.25}:host ::ng-deep .kit-dialog .k-dialog{background:var(--ui-kit-color-white);border-radius:8px;box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d;overflow:hidden}:host ::ng-deep .kit-dialog .k-dialog-titlebar{display:flex;margin:0 24px;padding:16px 0 8px;border-bottom:1px solid var(--ui-kit-color-grey-11);background:none}:host ::ng-deep .kit-dialog .k-dialog-titlebar-action{padding:0}:host ::ng-deep .kit-dialog .k-dialog-titlebar-action:before,:host ::ng-deep .kit-dialog .k-dialog-titlebar-action:after{opacity:0}:host ::ng-deep .kit-dialog .k-dialog-titlebar .k-button-icon{width:18px;height:18px;min-width:auto;min-height:auto;color:var(--ui-kit-color-grey-12)}:host ::ng-deep .kit-dialog .k-dialog-titlebar .k-button-icon:hover{color:var(--ui-kit-color-hover);background:none}:host ::ng-deep .kit-dialog .k-dialog-titlebar .k-button-icon>svg{width:18px;height:18px}:host ::ng-deep .kit-dialog .k-dialog-title{color:var(--ui-kit-color-grey-10);font-size:18px;flex:1 0}:host ::ng-deep .kit-dialog .k-dialog-content{padding:24px}\n"] }]
         }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LWRpYWxvZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1kaWFsb2cva2l0LWRpYWxvZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1kaWFsb2cva2l0LWRpYWxvZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFRbkUsTUFBTSxPQUFPLGtCQUFrQjs4R0FBbEIsa0JBQWtCO2tHQUFsQixrQkFBa0Isa0RDUi9CLHVJQUtBOzsyRkRHYSxrQkFBa0I7a0JBTjlCLFNBQVM7K0JBQ0UsWUFBWSxtQkFHTCx1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdraXQtZGlhbG9nJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2tpdC1kaWFsb2cuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9raXQtZGlhbG9nLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBLaXREaWFsb2dDb21wb25lbnQge1xufVxuIiwiPGRpdiBjbGFzcz1cImtpdC1kaWFsb2dcIj5cbiAgPGRpdiBjbGFzcz1cImtpdC1kaWFsb2ctY29udGFpbmVyXCIga2VuZG9EaWFsb2dDb250YWluZXJcbiAgICAgICBbaGlkZGVuXT1cInRydWVcIlxuICA+PC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2022/lib/components/kit-multiselect/kit-multiselect.component.mjs

@@ -68,7 +68,7 @@ export class KitMultiselectComponent {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => KitMultiselectComponent),
                 multi: true,
-            }], ngImport: i0, template: "<div class=\"kit-multiselect\"\n     [class.disabled]=\"disabled\">\n  @if (label) {\n    <kit-input-label class=\"label\"\n                     [text]=\"label\"\n                     [for]=\"multiselect\"\n    ></kit-input-label>\n  }\n  <kendo-multiselect #multiselect\n                     valueField=\"value\"\n                     textField=\"text\"\n                     [data]=\"items\"\n                     [disabled]=\"disabled\"\n                     [autoClose]=\"autoClose\"\n                     [placeholder]=\"placeholder\"\n                     [valuePrimitive]=\"true\"\n                     [itemDisabled]=\"onItemDisabled()\"\n                     [popupSettings]=\"popupSettings\"\n                     [(ngModel)]=\"selectedItems\"\n                     (valueChange)=\"onValueChange($event)\">\n    <ng-template kendoMultiSelectTagTemplate let-dataItem>\n      <span class=\"chip-text\">{{ dataItem?.text }}</span>\n      <kit-svg-icon class=\"chip-icon\"\n                    [icon]=\"KitSvgIcon.CROSS\"\n      ></kit-svg-icon>\n    </ng-template>\n    <ng-template kendoMultiSelectItemTemplate let-dataItem>\n      <span class=\"option-text\">{{ dataItem?.text }}</span>\n      <kit-svg-icon class=\"option-icon\"\n                    [icon]=\"KitSvgIcon.CHECK\"\n      ></kit-svg-icon>\n    </ng-template>\n  </kendo-multiselect>\n\n  @if (messageText) {\n    <kit-input-message [icon]=\"messageIcon\"\n                       [message]=\"messageText\"\n    ></kit-input-message>\n  }\n</div>\n", styles: [".kit-multiselect .label{display:block;margin-bottom:4px}.kit-multiselect .k-multiselect{width:100%;min-height:40px;border-radius:8px;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-multiselect .k-multiselect:hover{border-color:var(--ui-kit-color-hover)}.kit-multiselect .k-multiselect.k-focus{box-shadow:none}.kit-multiselect .k-input-inner{padding:0;font-size:14px;font-weight:400}.kit-multiselect .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-multiselect .k-input-values{padding:7px 12px}.kit-multiselect .k-chip{display:flex;align-items:center;position:relative;padding:0 8px;height:24px;border:1px solid var(--ui-kit-color-grey-11);border-radius:4px;background:var(--ui-kit-color-grey-13)}.kit-multiselect .k-chip-label{display:flex;align-items:center;gap:4px;line-height:1}.kit-multiselect .k-chip-actions{position:absolute;right:8px;width:14px;height:14px;opacity:0}.kit-multiselect .k-chip-list{display:flex;flex-wrap:wrap;gap:8px}.kit-multiselect .k-chip-action{display:flex;cursor:pointer}.kit-multiselect .k-chip-content:has(+.k-chip-actions:hover) .chip-icon{stroke:var(--ui-kit-color-main)}.kit-multiselect .k-chip .chip-text{color:var(--ui-kit-color-grey-10);font-size:12px;font-weight:500}.kit-multiselect .k-chip .chip-icon{display:block;width:14px;height:14px;stroke:var(--ui-kit-color-grey-12);cursor:pointer}.kit-multiselect .k-chip .k-icon{width:14px;height:14px}.kit-multiselect .k-clear-value{margin-right:12px;padding:0;opacity:1;color:var(--ui-kit-color-grey-12)}.kit-multiselect .k-clear-value:hover{color:var(--ui-kit-color-main)}.kit-multiselect.disabled .k-multiselect{opacity:1;filter:none;background-color:var(--ui-kit-color-grey-13)}.kit-multiselect.disabled .chip-text{color:var(--ui-kit-color-grey-12)}.kit-multiselect:focus-within .k-multiselect{box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-multiselect-popup{margin-top:10px;padding:4px;border:none;border-radius:8px;box-shadow:0 9px 28px 8px #0000000d,0 3px 6px -4px #0000001f,0 6px 16px #00000014;background-color:var(--ui-kit-color-white)}.kit-multiselect-popup .k-list-item{padding:6px 12px;background-color:var(--ui-kit-color-white);font-size:14px;font-weight:400;box-shadow:none;border-radius:4px;color:var(--ui-kit-color-grey-10)}.kit-multiselect-popup .k-list-item:hover{color:var(--ui-kit-color-main)}.kit-multiselect-popup .k-list-item .option-icon{display:none;width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-main)}.kit-multiselect-popup .k-list-item.k-disabled{color:var(--ui-kit-color-grey-12)}.kit-multiselect-popup .k-list-item.k-selected{display:flex;align-items:center;background-color:var(--ui-kit-color-grey-13)}.kit-multiselect-popup .k-list-item.k-selected .option-text{flex:1}.kit-multiselect-popup .k-list-item.k-selected .option-icon{display:block}\n"], dependencies: [{ kind: "component", type: i1.MultiSelectComponent, selector: "kendo-multiselect", inputs: ["showStickyHeader", "focusableId", "autoClose", "loading", "data", "value", "valueField", "textField", "tabindex", "tabIndex", "size", "rounded", "fillMode", "placeholder", "adaptiveMode", "title", "subtitle", "disabled", "itemDisabled", "checkboxes", "readonly", "filterable", "virtual", "popupSettings", "listHeight", "valuePrimitive", "clearButton", "tagMapper", "allowCustom", "valueNormalizer"], outputs: ["filterChange", "valueChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur", "removeTag"], exportAs: ["kendoMultiSelect"] }, { kind: "directive", type: i1.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: i1.TagTemplateDirective, selector: "[kendoMultiSelectTagTemplate],[kendoMultiSelectTreeTagTemplate]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: i4.KitInputMessageComponent, selector: "kit-input-message", inputs: ["icon", "message"] }, { kind: "component", type: i5.KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+            }], ngImport: i0, template: "<div class=\"kit-multiselect\"\n     [class.disabled]=\"disabled\">\n  @if (label) {\n    <kit-input-label class=\"label\"\n                     [text]=\"label\"\n                     [for]=\"multiselect\"\n    ></kit-input-label>\n  }\n  <kendo-multiselect #multiselect\n                     valueField=\"value\"\n                     textField=\"text\"\n                     [data]=\"items\"\n                     [disabled]=\"disabled\"\n                     [autoClose]=\"autoClose\"\n                     [placeholder]=\"placeholder\"\n                     [valuePrimitive]=\"true\"\n                     [itemDisabled]=\"onItemDisabled()\"\n                     [popupSettings]=\"popupSettings\"\n                     [(ngModel)]=\"selectedItems\"\n                     (valueChange)=\"onValueChange($event)\">\n    <ng-template kendoMultiSelectTagTemplate let-dataItem>\n      <span class=\"chip-text\">{{ dataItem?.text }}</span>\n      <kit-svg-icon class=\"chip-icon\"\n                    [icon]=\"KitSvgIcon.CROSS\"\n      ></kit-svg-icon>\n    </ng-template>\n    <ng-template kendoMultiSelectItemTemplate let-dataItem>\n      <span class=\"option-text\">{{ dataItem?.text }}</span>\n      <kit-svg-icon class=\"option-icon\"\n                    [icon]=\"KitSvgIcon.CHECK\"\n      ></kit-svg-icon>\n    </ng-template>\n  </kendo-multiselect>\n\n  @if (messageText) {\n    <kit-input-message [icon]=\"messageIcon\"\n                       [message]=\"messageText\"\n    ></kit-input-message>\n  }\n</div>\n", styles: [".kit-multiselect .label{display:block;margin-bottom:4px}.kit-multiselect .k-multiselect{width:100%;min-height:40px;border-radius:8px;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-multiselect .k-multiselect:hover{border-color:var(--ui-kit-color-hover)}.kit-multiselect .k-multiselect.k-focus{box-shadow:none}.kit-multiselect .k-input-inner{padding:0;font-size:14px;font-weight:400}.kit-multiselect .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-multiselect .k-input-values{padding:7px 12px}.kit-multiselect .k-chip{display:flex;align-items:center;position:relative;padding:0 8px;height:24px;border:1px solid var(--ui-kit-color-grey-11);border-radius:4px;background:var(--ui-kit-color-grey-13)}.kit-multiselect .k-chip-label{display:flex;align-items:center;gap:4px;line-height:1}.kit-multiselect .k-chip-actions{position:absolute;right:8px;width:14px;height:14px;opacity:0}.kit-multiselect .k-chip-list{display:flex;flex-wrap:wrap;gap:8px}.kit-multiselect .k-chip-action{display:flex;cursor:pointer}.kit-multiselect .k-chip-content:has(+.k-chip-actions:hover) .chip-icon{stroke:var(--ui-kit-color-main)}.kit-multiselect .k-chip .chip-text{color:var(--ui-kit-color-grey-10);font-size:12px;font-weight:500}.kit-multiselect .k-chip .chip-icon{display:block;width:14px;height:14px;stroke:var(--ui-kit-color-grey-12);cursor:pointer}.kit-multiselect .k-chip .k-icon{width:14px;height:14px}.kit-multiselect .k-clear-value{margin-right:12px;padding:0;opacity:1;color:var(--ui-kit-color-grey-12)}.kit-multiselect .k-clear-value:hover{color:var(--ui-kit-color-main)}.kit-multiselect.disabled .k-multiselect{opacity:1;filter:none;background-color:var(--ui-kit-color-grey-13)}.kit-multiselect.disabled .chip-text{color:var(--ui-kit-color-grey-12)}.kit-multiselect:focus-within .k-multiselect{box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-multiselect-popup{margin-top:10px;padding:4px;border:none;border-radius:8px;box-shadow:0 9px 28px 8px #0000000d,0 3px 6px -4px #0000001f,0 6px 16px #00000014;background-color:var(--ui-kit-color-white)}.kit-multiselect-popup .k-list-item{padding:6px 12px;background-color:var(--ui-kit-color-white);font-size:14px;font-weight:400;box-shadow:none;border-radius:4px;color:var(--ui-kit-color-grey-10)}.kit-multiselect-popup .k-list-item:hover{color:var(--ui-kit-color-main)}.kit-multiselect-popup .k-list-item .option-icon{display:none;width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-main)}.kit-multiselect-popup .k-list-item.k-disabled{color:var(--ui-kit-color-grey-12)}.kit-multiselect-popup .k-list-item.k-selected{display:flex;align-items:center;background-color:var(--ui-kit-color-grey-13)}.kit-multiselect-popup .k-list-item.k-selected .option-text{flex:1}.kit-multiselect-popup .k-list-item.k-selected .option-icon{display:block}\n"], dependencies: [{ kind: "component", type: i1.MultiSelectComponent, selector: "kendo-multiselect", inputs: ["showStickyHeader", "focusableId", "autoClose", "loading", "data", "value", "valueField", "textField", "tabindex", "tabIndex", "size", "rounded", "fillMode", "placeholder", "adaptiveMode", "title", "subtitle", "disabled", "itemDisabled", "checkboxes", "readonly", "filterable", "virtual", "popupSettings", "listHeight", "valuePrimitive", "clearButton", "tagMapper", "allowCustom", "valueNormalizer", "inputAttributes"], outputs: ["filterChange", "valueChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur", "removeTag"], exportAs: ["kendoMultiSelect"] }, { kind: "directive", type: i1.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: i1.TagTemplateDirective, selector: "[kendoMultiSelectTagTemplate],[kendoMultiSelectTreeTagTemplate]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: i4.KitInputMessageComponent, selector: "kit-input-message", inputs: ["icon", "message"] }, { kind: "component", type: i5.KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitMultiselectComponent, decorators: [{
             type: Component,

package/esm2022/lib/components/kit-navigation-menu/kit-navigation-menu-submenu/kit-navigation-menu-submenu.component.mjs

@@ -18,7 +18,7 @@ export class KitNavigationMenuSubmenuComponent extends KitNavigationMenuBaseComp
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitNavigationMenuSubmenuComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.7", type: KitNavigationMenuSubmenuComponent, selector: "kit-navigation-menu-submenu", inputs: { item: "item" }, usesInheritance: true, ngImport: i0, template: "<div class=\"kit-navigation-menu-submenu\"\n     [class.collapsed]=\"collapsed\">\n  <div class=\"nav-list nav-list-child\">\n    @for (child of item?.items; track child) {\n      @if (!child.items?.length) {\n        <a class=\"nav-link\"\n           routerLinkActive=\"active\"\n           [routerLink]=\"child.link\"\n           (click)=\"collapseMenu(item)\">\n          {{ child.title }}\n          @if (collapsed) {\n            <kit-svg-icon class=\"nav-link-active\"\n                          [icon]=\"KitSvgIcon.CHECK\"\n            ></kit-svg-icon>\n          }\n        </a>\n      }\n\n      @if (child.items?.length) {\n        <div class=\"nav-item\"\n             [class.expanded]=\"child.expanded\"\n             (mouseenter)=\"handleHover(child, true)\"\n             (mouseleave)=\"handleHover(child, false)\">\n          <a class=\"nav-link\"\n             (mouseleave)=\"$event.stopPropagation()\"\n             (click)=\"handleClick(child)\">\n            {{ child.title }}\n            <kit-svg-icon class=\"nav-link-toggle\"\n                          [icon]=\"KitSvgIcon.CHEVRON_DOWN\"\n            ></kit-svg-icon>\n          </a>\n\n          @if (child?.expanded) {\n            <div @expandCollapseAnimation\n                 class=\"nav-list nav-list-sub-child\"\n                 [@.disabled]=\"collapsed\">\n              @for (subChild of child.items; track subChild) {\n                <a class=\"nav-link child-link\"\n                   routerLinkActive=\"active\"\n                   [routerLink]=\"subChild.link\"\n                   (click)=\"collapseMenu(item)\">\n                  {{ subChild.title }}\n                  <kit-svg-icon class=\"nav-link-toggle\"\n                                [icon]=\"KitSvgIcon.CHEVRON_RIGHT\"\n                  ></kit-svg-icon>\n                  @if (collapsed) {\n                    <kit-svg-icon class=\"nav-link-active\"\n                                  [icon]=\"KitSvgIcon.CHECK\"\n                    ></kit-svg-icon>\n                  }\n                </a>\n              }\n            </div>\n          }\n        </div>\n      }\n    }\n  </div>\n</div>\n", styles: [".kit-navigation-menu-submenu .nav-list{display:flex;flex-direction:column;gap:20px;margin-top:20px}.kit-navigation-menu-submenu .nav-item{position:relative}.kit-navigation-menu-submenu .nav-item.expanded>.nav-link .nav-link-toggle{transform:rotate(180deg)}.kit-navigation-menu-submenu .nav-link{display:flex;align-items:center;gap:8px;padding:10px 24px;color:var(--ui-kit-color-white);font-size:14px;font-weight:400;border-radius:8px;text-decoration:none;line-height:20px;cursor:pointer}.kit-navigation-menu-submenu .nav-link:hover{color:var(--ui-kit-color-hover)}.kit-navigation-menu-submenu .nav-link:hover .nav-link-toggle{stroke:var(--ui-kit-color-hover)}.kit-navigation-menu-submenu .nav-link-toggle{width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-main)}.kit-navigation-menu-submenu .nav-link.active{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-navigation-menu-submenu .nav-link.active .nav-link-toggle{stroke:var(--ui-kit-color-white)}.kit-navigation-menu-submenu .nav-link.active .nav-link-active{display:block}.kit-navigation-menu-submenu .nav-link-active{display:none;margin-left:auto;width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-main)}.kit-navigation-menu-submenu .child-link{padding:10px 6px 10px 36px;color:var(--ui-kit-color-grey-12)}.kit-navigation-menu-submenu .child-link .nav-link-toggle{stroke:var(--ui-kit-color-grey-12)}.kit-navigation-menu-submenu.collapsed .nav-list{position:absolute;left:100%;top:0;gap:0;margin:0;padding:4px;width:220px;line-height:20px;border-radius:8px;background:var(--ui-kit-color-white);box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d;box-sizing:border-box;z-index:5}.kit-navigation-menu-submenu.collapsed .nav-list:before{content:\"\";position:absolute;top:0;height:100%;background:none}.kit-navigation-menu-submenu.collapsed .nav-list-child{margin-left:14px}.kit-navigation-menu-submenu.collapsed .nav-list-child:before{width:14px;left:-14px}.kit-navigation-menu-submenu.collapsed .nav-list-sub-child{top:-4px;margin-left:4px}.kit-navigation-menu-submenu.collapsed .nav-list-sub-child:before{width:4px;left:-4px}.kit-navigation-menu-submenu.collapsed .nav-list-sub-child .nav-link-toggle{display:none}.kit-navigation-menu-submenu.collapsed .nav-item.expanded>.nav-link{background:var(--ui-kit-color-grey-13)}.kit-navigation-menu-submenu.collapsed .nav-item.expanded>.nav-link .nav-link-toggle{transform:rotate(-90deg)}.kit-navigation-menu-submenu.collapsed .nav-link{padding:6px 12px;color:var(--ui-kit-color-grey-10)}.kit-navigation-menu-submenu.collapsed .nav-link-toggle{margin-left:auto;width:18px;height:18px;transform:rotate(-90deg)}.kit-navigation-menu-submenu.collapsed .nav-link:hover,.kit-navigation-menu-submenu.collapsed .nav-link.active{background:var(--ui-kit-color-grey-13)}\n"], dependencies: [{ kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i2.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], animations: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.7", type: KitNavigationMenuSubmenuComponent, selector: "kit-navigation-menu-submenu", inputs: { item: "item" }, usesInheritance: true, ngImport: i0, template: "<div class=\"kit-navigation-menu-submenu\"\n     [class.collapsed]=\"collapsed\">\n  <div class=\"nav-list nav-list-child\">\n    @for (child of item?.items; track child) {\n      @if (!child.items?.length) {\n        @if (child.link) {\n          <a class=\"nav-link\"\n             routerLinkActive=\"active\"\n             [routerLink]=\"child.link\"\n             (click)=\"collapseMenu(item)\">\n            {{ child.title }}\n            @if (collapsed) {\n              <kit-svg-icon class=\"nav-link-active\"\n                            [icon]=\"KitSvgIcon.CHECK\"\n              ></kit-svg-icon>\n            }\n          </a>\n        }\n      }\n\n      @if (child.items?.length) {\n        <div class=\"nav-item\"\n             [class.expanded]=\"child.expanded\"\n             (mouseenter)=\"handleHover(child, true)\"\n             (mouseleave)=\"handleHover(child, false)\">\n          <a class=\"nav-link\"\n             (mouseleave)=\"$event.stopPropagation()\"\n             (click)=\"handleClick(child)\">\n            {{ child.title }}\n            <kit-svg-icon class=\"nav-link-toggle\"\n                          [icon]=\"KitSvgIcon.CHEVRON_DOWN\"\n            ></kit-svg-icon>\n          </a>\n\n          @if (child?.expanded) {\n            <div @expandCollapseAnimation\n                 class=\"nav-list nav-list-sub-child\"\n                 [@.disabled]=\"collapsed\">\n              @for (subChild of child.items; track subChild) {\n                @if (subChild.link) {\n                  <a class=\"nav-link child-link\"\n                     routerLinkActive=\"active\"\n                     [routerLink]=\"subChild.link\"\n                     (click)=\"collapseMenu(item)\">\n                    {{ subChild.title }}\n                    <kit-svg-icon class=\"nav-link-toggle\"\n                                  [icon]=\"KitSvgIcon.CHEVRON_RIGHT\"\n                    ></kit-svg-icon>\n                    @if (collapsed) {\n                      <kit-svg-icon class=\"nav-link-active\"\n                                    [icon]=\"KitSvgIcon.CHECK\"\n                      ></kit-svg-icon>\n                    }\n                  </a>\n                }\n              }\n            </div>\n          }\n        </div>\n      }\n    }\n  </div>\n</div>\n", styles: [".kit-navigation-menu-submenu .nav-list{display:flex;flex-direction:column;gap:20px;margin-top:20px}.kit-navigation-menu-submenu .nav-item{position:relative}.kit-navigation-menu-submenu .nav-item.expanded>.nav-link .nav-link-toggle{transform:rotate(180deg)}.kit-navigation-menu-submenu .nav-link{display:flex;align-items:center;gap:8px;padding:10px 24px;color:var(--ui-kit-color-white);font-size:14px;font-weight:400;border-radius:8px;text-decoration:none;line-height:20px;cursor:pointer}.kit-navigation-menu-submenu .nav-link:hover{color:var(--ui-kit-color-hover)}.kit-navigation-menu-submenu .nav-link:hover .nav-link-toggle{stroke:var(--ui-kit-color-hover)}.kit-navigation-menu-submenu .nav-link-toggle{width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-main)}.kit-navigation-menu-submenu .nav-link.active{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-navigation-menu-submenu .nav-link.active .nav-link-toggle{stroke:var(--ui-kit-color-white)}.kit-navigation-menu-submenu .nav-link.active .nav-link-active{display:block}.kit-navigation-menu-submenu .nav-link-active{display:none;margin-left:auto;width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-main)}.kit-navigation-menu-submenu .child-link{padding:10px 6px 10px 36px;color:var(--ui-kit-color-grey-12)}.kit-navigation-menu-submenu .child-link .nav-link-toggle{stroke:var(--ui-kit-color-grey-12)}.kit-navigation-menu-submenu.collapsed .nav-list{position:absolute;left:100%;top:0;gap:0;margin:0;padding:4px;width:220px;line-height:20px;border-radius:8px;background:var(--ui-kit-color-white);box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d;box-sizing:border-box;z-index:5}.kit-navigation-menu-submenu.collapsed .nav-list:before{content:\"\";position:absolute;top:0;height:100%;background:none}.kit-navigation-menu-submenu.collapsed .nav-list-child{margin-left:14px}.kit-navigation-menu-submenu.collapsed .nav-list-child:before{width:14px;left:-14px}.kit-navigation-menu-submenu.collapsed .nav-list-sub-child{top:-4px;margin-left:4px}.kit-navigation-menu-submenu.collapsed .nav-list-sub-child:before{width:4px;left:-4px}.kit-navigation-menu-submenu.collapsed .nav-list-sub-child .nav-link-toggle{display:none}.kit-navigation-menu-submenu.collapsed .nav-item.expanded>.nav-link{background:var(--ui-kit-color-grey-13)}.kit-navigation-menu-submenu.collapsed .nav-item.expanded>.nav-link .nav-link-toggle{transform:rotate(-90deg)}.kit-navigation-menu-submenu.collapsed .nav-link{padding:6px 12px;color:var(--ui-kit-color-grey-10)}.kit-navigation-menu-submenu.collapsed .nav-link-toggle{margin-left:auto;width:18px;height:18px;transform:rotate(-90deg)}.kit-navigation-menu-submenu.collapsed .nav-link:hover,.kit-navigation-menu-submenu.collapsed .nav-link.active{background:var(--ui-kit-color-grey-13)}\n"], dependencies: [{ kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i2.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], animations: [
             expandCollapseAnimation,
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
@@ -26,8 +26,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImpor
             type: Component,
             args: [{ selector: 'kit-navigation-menu-submenu', changeDetection: ChangeDetectionStrategy.OnPush, animations: [
                         expandCollapseAnimation,
-                    ], template: "<div class=\"kit-navigation-menu-submenu\"\n     [class.collapsed]=\"collapsed\">\n  <div class=\"nav-list nav-list-child\">\n    @for (child of item?.items; track child) {\n      @if (!child.items?.length) {\n        <a class=\"nav-link\"\n           routerLinkActive=\"active\"\n           [routerLink]=\"child.link\"\n           (click)=\"collapseMenu(item)\">\n          {{ child.title }}\n          @if (collapsed) {\n            <kit-svg-icon class=\"nav-link-active\"\n                          [icon]=\"KitSvgIcon.CHECK\"\n            ></kit-svg-icon>\n          }\n        </a>\n      }\n\n      @if (child.items?.length) {\n        <div class=\"nav-item\"\n             [class.expanded]=\"child.expanded\"\n             (mouseenter)=\"handleHover(child, true)\"\n             (mouseleave)=\"handleHover(child, false)\">\n          <a class=\"nav-link\"\n             (mouseleave)=\"$event.stopPropagation()\"\n             (click)=\"handleClick(child)\">\n            {{ child.title }}\n            <kit-svg-icon class=\"nav-link-toggle\"\n                          [icon]=\"KitSvgIcon.CHEVRON_DOWN\"\n            ></kit-svg-icon>\n          </a>\n\n          @if (child?.expanded) {\n            <div @expandCollapseAnimation\n                 class=\"nav-list nav-list-sub-child\"\n                 [@.disabled]=\"collapsed\">\n              @for (subChild of child.items; track subChild) {\n                <a class=\"nav-link child-link\"\n                   routerLinkActive=\"active\"\n                   [routerLink]=\"subChild.link\"\n                   (click)=\"collapseMenu(item)\">\n                  {{ subChild.title }}\n                  <kit-svg-icon class=\"nav-link-toggle\"\n                                [icon]=\"KitSvgIcon.CHEVRON_RIGHT\"\n                  ></kit-svg-icon>\n                  @if (collapsed) {\n                    <kit-svg-icon class=\"nav-link-active\"\n                                  [icon]=\"KitSvgIcon.CHECK\"\n                    ></kit-svg-icon>\n                  }\n                </a>\n              }\n            </div>\n          }\n        </div>\n      }\n    }\n  </div>\n</div>\n", styles: [".kit-navigation-menu-submenu .nav-list{display:flex;flex-direction:column;gap:20px;margin-top:20px}.kit-navigation-menu-submenu .nav-item{position:relative}.kit-navigation-menu-submenu .nav-item.expanded>.nav-link .nav-link-toggle{transform:rotate(180deg)}.kit-navigation-menu-submenu .nav-link{display:flex;align-items:center;gap:8px;padding:10px 24px;color:var(--ui-kit-color-white);font-size:14px;font-weight:400;border-radius:8px;text-decoration:none;line-height:20px;cursor:pointer}.kit-navigation-menu-submenu .nav-link:hover{color:var(--ui-kit-color-hover)}.kit-navigation-menu-submenu .nav-link:hover .nav-link-toggle{stroke:var(--ui-kit-color-hover)}.kit-navigation-menu-submenu .nav-link-toggle{width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-main)}.kit-navigation-menu-submenu .nav-link.active{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-navigation-menu-submenu .nav-link.active .nav-link-toggle{stroke:var(--ui-kit-color-white)}.kit-navigation-menu-submenu .nav-link.active .nav-link-active{display:block}.kit-navigation-menu-submenu .nav-link-active{display:none;margin-left:auto;width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-main)}.kit-navigation-menu-submenu .child-link{padding:10px 6px 10px 36px;color:var(--ui-kit-color-grey-12)}.kit-navigation-menu-submenu .child-link .nav-link-toggle{stroke:var(--ui-kit-color-grey-12)}.kit-navigation-menu-submenu.collapsed .nav-list{position:absolute;left:100%;top:0;gap:0;margin:0;padding:4px;width:220px;line-height:20px;border-radius:8px;background:var(--ui-kit-color-white);box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d;box-sizing:border-box;z-index:5}.kit-navigation-menu-submenu.collapsed .nav-list:before{content:\"\";position:absolute;top:0;height:100%;background:none}.kit-navigation-menu-submenu.collapsed .nav-list-child{margin-left:14px}.kit-navigation-menu-submenu.collapsed .nav-list-child:before{width:14px;left:-14px}.kit-navigation-menu-submenu.collapsed .nav-list-sub-child{top:-4px;margin-left:4px}.kit-navigation-menu-submenu.collapsed .nav-list-sub-child:before{width:4px;left:-4px}.kit-navigation-menu-submenu.collapsed .nav-list-sub-child .nav-link-toggle{display:none}.kit-navigation-menu-submenu.collapsed .nav-item.expanded>.nav-link{background:var(--ui-kit-color-grey-13)}.kit-navigation-menu-submenu.collapsed .nav-item.expanded>.nav-link .nav-link-toggle{transform:rotate(-90deg)}.kit-navigation-menu-submenu.collapsed .nav-link{padding:6px 12px;color:var(--ui-kit-color-grey-10)}.kit-navigation-menu-submenu.collapsed .nav-link-toggle{margin-left:auto;width:18px;height:18px;transform:rotate(-90deg)}.kit-navigation-menu-submenu.collapsed .nav-link:hover,.kit-navigation-menu-submenu.collapsed .nav-link.active{background:var(--ui-kit-color-grey-13)}\n"] }]
+                    ], template: "<div class=\"kit-navigation-menu-submenu\"\n     [class.collapsed]=\"collapsed\">\n  <div class=\"nav-list nav-list-child\">\n    @for (child of item?.items; track child) {\n      @if (!child.items?.length) {\n        @if (child.link) {\n          <a class=\"nav-link\"\n             routerLinkActive=\"active\"\n             [routerLink]=\"child.link\"\n             (click)=\"collapseMenu(item)\">\n            {{ child.title }}\n            @if (collapsed) {\n              <kit-svg-icon class=\"nav-link-active\"\n                            [icon]=\"KitSvgIcon.CHECK\"\n              ></kit-svg-icon>\n            }\n          </a>\n        }\n      }\n\n      @if (child.items?.length) {\n        <div class=\"nav-item\"\n             [class.expanded]=\"child.expanded\"\n             (mouseenter)=\"handleHover(child, true)\"\n             (mouseleave)=\"handleHover(child, false)\">\n          <a class=\"nav-link\"\n             (mouseleave)=\"$event.stopPropagation()\"\n             (click)=\"handleClick(child)\">\n            {{ child.title }}\n            <kit-svg-icon class=\"nav-link-toggle\"\n                          [icon]=\"KitSvgIcon.CHEVRON_DOWN\"\n            ></kit-svg-icon>\n          </a>\n\n          @if (child?.expanded) {\n            <div @expandCollapseAnimation\n                 class=\"nav-list nav-list-sub-child\"\n                 [@.disabled]=\"collapsed\">\n              @for (subChild of child.items; track subChild) {\n                @if (subChild.link) {\n                  <a class=\"nav-link child-link\"\n                     routerLinkActive=\"active\"\n                     [routerLink]=\"subChild.link\"\n                     (click)=\"collapseMenu(item)\">\n                    {{ subChild.title }}\n                    <kit-svg-icon class=\"nav-link-toggle\"\n                                  [icon]=\"KitSvgIcon.CHEVRON_RIGHT\"\n                    ></kit-svg-icon>\n                    @if (collapsed) {\n                      <kit-svg-icon class=\"nav-link-active\"\n                                    [icon]=\"KitSvgIcon.CHECK\"\n                      ></kit-svg-icon>\n                    }\n                  </a>\n                }\n              }\n            </div>\n          }\n        </div>\n      }\n    }\n  </div>\n</div>\n", styles: [".kit-navigation-menu-submenu .nav-list{display:flex;flex-direction:column;gap:20px;margin-top:20px}.kit-navigation-menu-submenu .nav-item{position:relative}.kit-navigation-menu-submenu .nav-item.expanded>.nav-link .nav-link-toggle{transform:rotate(180deg)}.kit-navigation-menu-submenu .nav-link{display:flex;align-items:center;gap:8px;padding:10px 24px;color:var(--ui-kit-color-white);font-size:14px;font-weight:400;border-radius:8px;text-decoration:none;line-height:20px;cursor:pointer}.kit-navigation-menu-submenu .nav-link:hover{color:var(--ui-kit-color-hover)}.kit-navigation-menu-submenu .nav-link:hover .nav-link-toggle{stroke:var(--ui-kit-color-hover)}.kit-navigation-menu-submenu .nav-link-toggle{width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-main)}.kit-navigation-menu-submenu .nav-link.active{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-navigation-menu-submenu .nav-link.active .nav-link-toggle{stroke:var(--ui-kit-color-white)}.kit-navigation-menu-submenu .nav-link.active .nav-link-active{display:block}.kit-navigation-menu-submenu .nav-link-active{display:none;margin-left:auto;width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-main)}.kit-navigation-menu-submenu .child-link{padding:10px 6px 10px 36px;color:var(--ui-kit-color-grey-12)}.kit-navigation-menu-submenu .child-link .nav-link-toggle{stroke:var(--ui-kit-color-grey-12)}.kit-navigation-menu-submenu.collapsed .nav-list{position:absolute;left:100%;top:0;gap:0;margin:0;padding:4px;width:220px;line-height:20px;border-radius:8px;background:var(--ui-kit-color-white);box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d;box-sizing:border-box;z-index:5}.kit-navigation-menu-submenu.collapsed .nav-list:before{content:\"\";position:absolute;top:0;height:100%;background:none}.kit-navigation-menu-submenu.collapsed .nav-list-child{margin-left:14px}.kit-navigation-menu-submenu.collapsed .nav-list-child:before{width:14px;left:-14px}.kit-navigation-menu-submenu.collapsed .nav-list-sub-child{top:-4px;margin-left:4px}.kit-navigation-menu-submenu.collapsed .nav-list-sub-child:before{width:4px;left:-4px}.kit-navigation-menu-submenu.collapsed .nav-list-sub-child .nav-link-toggle{display:none}.kit-navigation-menu-submenu.collapsed .nav-item.expanded>.nav-link{background:var(--ui-kit-color-grey-13)}.kit-navigation-menu-submenu.collapsed .nav-item.expanded>.nav-link .nav-link-toggle{transform:rotate(-90deg)}.kit-navigation-menu-submenu.collapsed .nav-link{padding:6px 12px;color:var(--ui-kit-color-grey-10)}.kit-navigation-menu-submenu.collapsed .nav-link-toggle{margin-left:auto;width:18px;height:18px;transform:rotate(-90deg)}.kit-navigation-menu-submenu.collapsed .nav-link:hover,.kit-navigation-menu-submenu.collapsed .nav-link.active{background:var(--ui-kit-color-grey-13)}\n"] }]
         }], propDecorators: { item: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LW5hdmlnYXRpb24tbWVudS1zdWJtZW51LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMva2l0LW5hdmlnYXRpb24tbWVudS9raXQtbmF2aWdhdGlvbi1tZW51LXN1Ym1lbnUva2l0LW5hdmlnYXRpb24tbWVudS1zdWJtZW51LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMva2l0LW5hdmlnYXRpb24tbWVudS9raXQtbmF2aWdhdGlvbi1tZW51LXN1Ym1lbnUva2l0LW5hdmlnYXRpb24tbWVudS1zdWJtZW51LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTFFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3RFLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLHVDQUF1QyxDQUFDOzs7O0FBV3ZGLE1BQU0sT0FBTyxpQ0FBa0MsU0FBUSw4QkFBOEI7SUFUckY7O1FBVVcsU0FBSSxHQUFpQyxJQUFJLENBQUM7S0FVcEQ7SUFSQyxZQUFZLENBQUMsSUFBa0M7UUFDN0MsSUFBSSxJQUFJLENBQUMsU0FBUyxJQUFJLElBQUksRUFBRTtZQUMxQixJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztZQUN0QixJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUU7Z0JBQ2QsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7YUFDOUI7U0FDRjtJQUNILENBQUM7OEdBVlUsaUNBQWlDO2tHQUFqQyxpQ0FBaUMsb0hDZDlDLHltRUEyREEsKzJHRGpEYztZQUNWLHVCQUF1QjtTQUN4Qjs7MkZBRVUsaUNBQWlDO2tCQVQ3QyxTQUFTOytCQUNFLDZCQUE2QixtQkFHdEIsdUJBQXVCLENBQUMsTUFBTSxjQUNuQzt3QkFDVix1QkFBdUI7cUJBQ3hCOzhCQUdRLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBLaXROYXZpZ2F0aW9uTWVudUl0ZW0gfSBmcm9tICcuLi9raXQtbmF2aWdhdGlvbi1tZW51Lm1vZGVsJztcbmltcG9ydCB7IGV4cGFuZENvbGxhcHNlQW5pbWF0aW9uIH0gZnJvbSAnLi4va2l0LW5hdmlnYXRpb24tbWVudS51dGlsJztcbmltcG9ydCB7IEtpdE5hdmlnYXRpb25NZW51QmFzZUNvbXBvbmVudCB9IGZyb20gJy4uL2tpdC1uYXZpZ2F0aW9uLW1lbnUtYmFzZS5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdraXQtbmF2aWdhdGlvbi1tZW51LXN1Ym1lbnUnLFxuICB0ZW1wbGF0ZVVybDogJy4va2l0LW5hdmlnYXRpb24tbWVudS1zdWJtZW51LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2tpdC1uYXZpZ2F0aW9uLW1lbnUtc3VibWVudS5jb21wb25lbnQuc2NzcycsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBhbmltYXRpb25zOiBbXG4gICAgZXhwYW5kQ29sbGFwc2VBbmltYXRpb24sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEtpdE5hdmlnYXRpb25NZW51U3VibWVudUNvbXBvbmVudCBleHRlbmRzIEtpdE5hdmlnYXRpb25NZW51QmFzZUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGl0ZW06IEtpdE5hdmlnYXRpb25NZW51SXRlbSB8IG51bGwgPSBudWxsO1xuXG4gIGNvbGxhcHNlTWVudShpdGVtOiBLaXROYXZpZ2F0aW9uTWVudUl0ZW0gfCBudWxsKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuY29sbGFwc2VkICYmIGl0ZW0pIHtcbiAgICAgIGl0ZW0uZXhwYW5kZWQgPSBmYWxzZTtcbiAgICAgIGlmIChpdGVtLml0ZW1zKSB7XG4gICAgICAgIHRoaXMuY29sbGFwc2VBbGwoaXRlbS5pdGVtcyk7XG4gICAgICB9XG4gICAgfVxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwia2l0LW5hdmlnYXRpb24tbWVudS1zdWJtZW51XCJcbiAgICAgW2NsYXNzLmNvbGxhcHNlZF09XCJjb2xsYXBzZWRcIj5cbiAgPGRpdiBjbGFzcz1cIm5hdi1saXN0IG5hdi1saXN0LWNoaWxkXCI+XG4gICAgQGZvciAoY2hpbGQgb2YgaXRlbT8uaXRlbXM7IHRyYWNrIGNoaWxkKSB7XG4gICAgICBAaWYgKCFjaGlsZC5pdGVtcz8ubGVuZ3RoKSB7XG4gICAgICAgIDxhIGNsYXNzPVwibmF2LWxpbmtcIlxuICAgICAgICAgICByb3V0ZXJMaW5rQWN0aXZlPVwiYWN0aXZlXCJcbiAgICAgICAgICAgW3JvdXRlckxpbmtdPVwiY2hpbGQubGlua1wiXG4gICAgICAgICAgIChjbGljayk9XCJjb2xsYXBzZU1lbnUoaXRlbSlcIj5cbiAgICAgICAgICB7eyBjaGlsZC50aXRsZSB9fVxuICAgICAgICAgIEBpZiAoY29sbGFwc2VkKSB7XG4gICAgICAgICAgICA8a2l0LXN2Zy1pY29uIGNsYXNzPVwibmF2LWxpbmstYWN0aXZlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgW2ljb25dPVwiS2l0U3ZnSWNvbi5DSEVDS1wiXG4gICAgICAgICAgICA+PC9raXQtc3ZnLWljb24+XG4gICAgICAgICAgfVxuICAgICAgICA8L2E+XG4gICAgICB9XG5cbiAgICAgIEBpZiAoY2hpbGQuaXRlbXM/Lmxlbmd0aCkge1xuICAgICAgICA8ZGl2IGNsYXNzPVwibmF2LWl0ZW1cIlxuICAgICAgICAgICAgIFtjbGFzcy5leHBhbmRlZF09XCJjaGlsZC5leHBhbmRlZFwiXG4gICAgICAgICAgICAgKG1vdXNlZW50ZXIpPVwiaGFuZGxlSG92ZXIoY2hpbGQsIHRydWUpXCJcbiAgICAgICAgICAgICAobW91c2VsZWF2ZSk9XCJoYW5kbGVIb3ZlcihjaGlsZCwgZmFsc2UpXCI+XG4gICAgICAgICAgPGEgY2xhc3M9XCJuYXYtbGlua1wiXG4gICAgICAgICAgICAgKG1vdXNlbGVhdmUpPVwiJGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXCJcbiAgICAgICAgICAgICAoY2xpY2spPVwiaGFuZGxlQ2xpY2soY2hpbGQpXCI+XG4gICAgICAgICAgICB7eyBjaGlsZC50aXRsZSB9fVxuICAgICAgICAgICAgPGtpdC1zdmctaWNvbiBjbGFzcz1cIm5hdi1saW5rLXRvZ2dsZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgIFtpY29uXT1cIktpdFN2Z0ljb24uQ0hFVlJPTl9ET1dOXCJcbiAgICAgICAgICAgID48L2tpdC1zdmctaWNvbj5cbiAgICAgICAgICA8L2E+XG5cbiAgICAgICAgICBAaWYgKGNoaWxkPy5leHBhbmRlZCkge1xuICAgICAgICAgICAgPGRpdiBAZXhwYW5kQ29sbGFwc2VBbmltYXRpb25cbiAgICAgICAgICAgICAgICAgY2xhc3M9XCJuYXYtbGlzdCBuYXYtbGlzdC1zdWItY2hpbGRcIlxuICAgICAgICAgICAgICAgICBbQC5kaXNhYmxlZF09XCJjb2xsYXBzZWRcIj5cbiAgICAgICAgICAgICAgQGZvciAoc3ViQ2hpbGQgb2YgY2hpbGQuaXRlbXM7IHRyYWNrIHN1YkNoaWxkKSB7XG4gICAgICAgICAgICAgICAgPGEgY2xhc3M9XCJuYXYtbGluayBjaGlsZC1saW5rXCJcbiAgICAgICAgICAgICAgICAgICByb3V0ZXJMaW5rQWN0aXZlPVwiYWN0aXZlXCJcbiAgICAgICAgICAgICAgICAgICBbcm91dGVyTGlua109XCJzdWJDaGlsZC5saW5rXCJcbiAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwiY29sbGFwc2VNZW51KGl0ZW0pXCI+XG4gICAgICAgICAgICAgICAgICB7eyBzdWJDaGlsZC50aXRsZSB9fVxuICAgICAgICAgICAgICAgICAgPGtpdC1zdmctaWNvbiBjbGFzcz1cIm5hdi1saW5rLXRvZ2dsZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtpY29uXT1cIktpdFN2Z0ljb24uQ0hFVlJPTl9SSUdIVFwiXG4gICAgICAgICAgICAgICAgICA+PC9raXQtc3ZnLWljb24+XG4gICAgICAgICAgICAgICAgICBAaWYgKGNvbGxhcHNlZCkge1xuICAgICAgICAgICAgICAgICAgICA8a2l0LXN2Zy1pY29uIGNsYXNzPVwibmF2LWxpbmstYWN0aXZlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbaWNvbl09XCJLaXRTdmdJY29uLkNIRUNLXCJcbiAgICAgICAgICAgICAgICAgICAgPjwva2l0LXN2Zy1pY29uPlxuICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIDwvYT5cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgfVxuICAgICAgICA8L2Rpdj5cbiAgICAgIH1cbiAgICB9XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LW5hdmlnYXRpb24tbWVudS1zdWJtZW51LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMva2l0LW5hdmlnYXRpb24tbWVudS9raXQtbmF2aWdhdGlvbi1tZW51LXN1Ym1lbnUva2l0LW5hdmlnYXRpb24tbWVudS1zdWJtZW51LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMva2l0LW5hdmlnYXRpb24tbWVudS9raXQtbmF2aWdhdGlvbi1tZW51LXN1Ym1lbnUva2l0LW5hdmlnYXRpb24tbWVudS1zdWJtZW51LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTFFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3RFLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLHVDQUF1QyxDQUFDOzs7O0FBV3ZGLE1BQU0sT0FBTyxpQ0FBa0MsU0FBUSw4QkFBOEI7SUFUckY7O1FBVVcsU0FBSSxHQUFpQyxJQUFJLENBQUM7S0FVcEQ7SUFSQyxZQUFZLENBQUMsSUFBa0M7UUFDN0MsSUFBSSxJQUFJLENBQUMsU0FBUyxJQUFJLElBQUksRUFBRTtZQUMxQixJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztZQUN0QixJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUU7Z0JBQ2QsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7YUFDOUI7U0FDRjtJQUNILENBQUM7OEdBVlUsaUNBQWlDO2tHQUFqQyxpQ0FBaUMsb0hDZDlDLDR2RUErREEsKzJHRHJEYztZQUNWLHVCQUF1QjtTQUN4Qjs7MkZBRVUsaUNBQWlDO2tCQVQ3QyxTQUFTOytCQUNFLDZCQUE2QixtQkFHdEIsdUJBQXVCLENBQUMsTUFBTSxjQUNuQzt3QkFDVix1QkFBdUI7cUJBQ3hCOzhCQUdRLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBLaXROYXZpZ2F0aW9uTWVudUl0ZW0gfSBmcm9tICcuLi9raXQtbmF2aWdhdGlvbi1tZW51Lm1vZGVsJztcbmltcG9ydCB7IGV4cGFuZENvbGxhcHNlQW5pbWF0aW9uIH0gZnJvbSAnLi4va2l0LW5hdmlnYXRpb24tbWVudS51dGlsJztcbmltcG9ydCB7IEtpdE5hdmlnYXRpb25NZW51QmFzZUNvbXBvbmVudCB9IGZyb20gJy4uL2tpdC1uYXZpZ2F0aW9uLW1lbnUtYmFzZS5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdraXQtbmF2aWdhdGlvbi1tZW51LXN1Ym1lbnUnLFxuICB0ZW1wbGF0ZVVybDogJy4va2l0LW5hdmlnYXRpb24tbWVudS1zdWJtZW51LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2tpdC1uYXZpZ2F0aW9uLW1lbnUtc3VibWVudS5jb21wb25lbnQuc2NzcycsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBhbmltYXRpb25zOiBbXG4gICAgZXhwYW5kQ29sbGFwc2VBbmltYXRpb24sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEtpdE5hdmlnYXRpb25NZW51U3VibWVudUNvbXBvbmVudCBleHRlbmRzIEtpdE5hdmlnYXRpb25NZW51QmFzZUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGl0ZW06IEtpdE5hdmlnYXRpb25NZW51SXRlbSB8IG51bGwgPSBudWxsO1xuXG4gIGNvbGxhcHNlTWVudShpdGVtOiBLaXROYXZpZ2F0aW9uTWVudUl0ZW0gfCBudWxsKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuY29sbGFwc2VkICYmIGl0ZW0pIHtcbiAgICAgIGl0ZW0uZXhwYW5kZWQgPSBmYWxzZTtcbiAgICAgIGlmIChpdGVtLml0ZW1zKSB7XG4gICAgICAgIHRoaXMuY29sbGFwc2VBbGwoaXRlbS5pdGVtcyk7XG4gICAgICB9XG4gICAgfVxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwia2l0LW5hdmlnYXRpb24tbWVudS1zdWJtZW51XCJcbiAgICAgW2NsYXNzLmNvbGxhcHNlZF09XCJjb2xsYXBzZWRcIj5cbiAgPGRpdiBjbGFzcz1cIm5hdi1saXN0IG5hdi1saXN0LWNoaWxkXCI+XG4gICAgQGZvciAoY2hpbGQgb2YgaXRlbT8uaXRlbXM7IHRyYWNrIGNoaWxkKSB7XG4gICAgICBAaWYgKCFjaGlsZC5pdGVtcz8ubGVuZ3RoKSB7XG4gICAgICAgIEBpZiAoY2hpbGQubGluaykge1xuICAgICAgICAgIDxhIGNsYXNzPVwibmF2LWxpbmtcIlxuICAgICAgICAgICAgIHJvdXRlckxpbmtBY3RpdmU9XCJhY3RpdmVcIlxuICAgICAgICAgICAgIFtyb3V0ZXJMaW5rXT1cImNoaWxkLmxpbmtcIlxuICAgICAgICAgICAgIChjbGljayk9XCJjb2xsYXBzZU1lbnUoaXRlbSlcIj5cbiAgICAgICAgICAgIHt7IGNoaWxkLnRpdGxlIH19XG4gICAgICAgICAgICBAaWYgKGNvbGxhcHNlZCkge1xuICAgICAgICAgICAgICA8a2l0LXN2Zy1pY29uIGNsYXNzPVwibmF2LWxpbmstYWN0aXZlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbaWNvbl09XCJLaXRTdmdJY29uLkNIRUNLXCJcbiAgICAgICAgICAgICAgPjwva2l0LXN2Zy1pY29uPlxuICAgICAgICAgICAgfVxuICAgICAgICAgIDwvYT5cbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICBAaWYgKGNoaWxkLml0ZW1zPy5sZW5ndGgpIHtcbiAgICAgICAgPGRpdiBjbGFzcz1cIm5hdi1pdGVtXCJcbiAgICAgICAgICAgICBbY2xhc3MuZXhwYW5kZWRdPVwiY2hpbGQuZXhwYW5kZWRcIlxuICAgICAgICAgICAgIChtb3VzZWVudGVyKT1cImhhbmRsZUhvdmVyKGNoaWxkLCB0cnVlKVwiXG4gICAgICAgICAgICAgKG1vdXNlbGVhdmUpPVwiaGFuZGxlSG92ZXIoY2hpbGQsIGZhbHNlKVwiPlxuICAgICAgICAgIDxhIGNsYXNzPVwibmF2LWxpbmtcIlxuICAgICAgICAgICAgIChtb3VzZWxlYXZlKT1cIiRldmVudC5zdG9wUHJvcGFnYXRpb24oKVwiXG4gICAgICAgICAgICAgKGNsaWNrKT1cImhhbmRsZUNsaWNrKGNoaWxkKVwiPlxuICAgICAgICAgICAge3sgY2hpbGQudGl0bGUgfX1cbiAgICAgICAgICAgIDxraXQtc3ZnLWljb24gY2xhc3M9XCJuYXYtbGluay10b2dnbGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICBbaWNvbl09XCJLaXRTdmdJY29uLkNIRVZST05fRE9XTlwiXG4gICAgICAgICAgICA+PC9raXQtc3ZnLWljb24+XG4gICAgICAgICAgPC9hPlxuXG4gICAgICAgICAgQGlmIChjaGlsZD8uZXhwYW5kZWQpIHtcbiAgICAgICAgICAgIDxkaXYgQGV4cGFuZENvbGxhcHNlQW5pbWF0aW9uXG4gICAgICAgICAgICAgICAgIGNsYXNzPVwibmF2LWxpc3QgbmF2LWxpc3Qtc3ViLWNoaWxkXCJcbiAgICAgICAgICAgICAgICAgW0AuZGlzYWJsZWRdPVwiY29sbGFwc2VkXCI+XG4gICAgICAgICAgICAgIEBmb3IgKHN1YkNoaWxkIG9mIGNoaWxkLml0ZW1zOyB0cmFjayBzdWJDaGlsZCkge1xuICAgICAgICAgICAgICAgIEBpZiAoc3ViQ2hpbGQubGluaykge1xuICAgICAgICAgICAgICAgICAgPGEgY2xhc3M9XCJuYXYtbGluayBjaGlsZC1saW5rXCJcbiAgICAgICAgICAgICAgICAgICAgIHJvdXRlckxpbmtBY3RpdmU9XCJhY3RpdmVcIlxuICAgICAgICAgICAgICAgICAgICAgW3JvdXRlckxpbmtdPVwic3ViQ2hpbGQubGlua1wiXG4gICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwiY29sbGFwc2VNZW51KGl0ZW0pXCI+XG4gICAgICAgICAgICAgICAgICAgIHt7IHN1YkNoaWxkLnRpdGxlIH19XG4gICAgICAgICAgICAgICAgICAgIDxraXQtc3ZnLWljb24gY2xhc3M9XCJuYXYtbGluay10b2dnbGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtpY29uXT1cIktpdFN2Z0ljb24uQ0hFVlJPTl9SSUdIVFwiXG4gICAgICAgICAgICAgICAgICAgID48L2tpdC1zdmctaWNvbj5cbiAgICAgICAgICAgICAgICAgICAgQGlmIChjb2xsYXBzZWQpIHtcbiAgICAgICAgICAgICAgICAgICAgICA8a2l0LXN2Zy1pY29uIGNsYXNzPVwibmF2LWxpbmstYWN0aXZlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtpY29uXT1cIktpdFN2Z0ljb24uQ0hFQ0tcIlxuICAgICAgICAgICAgICAgICAgICAgID48L2tpdC1zdmctaWNvbj5cbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgPC9hPlxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgfVxuICAgICAgICA8L2Rpdj5cbiAgICAgIH1cbiAgICB9XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=

package/esm2022/lib/components/kit-navigation-menu/kit-navigation-menu.component.mjs

@@ -61,7 +61,7 @@ export class KitNavigationMenuComponent extends KitNavigationMenuBaseComponent {
         this.changeDetectorRef.markForCheck();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitNavigationMenuComponent, deps: [{ token: i1.Router }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.7", type: KitNavigationMenuComponent, selector: "kit-navigation-menu", inputs: { items: "items", animate: "animate", multiple: "multiple" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"kit-navigation-menu\"\n     [class.collapsed]=\"collapsed\">\n  @for (item of items; track item) {\n    @if (item.items?.length) {\n      <div class=\"nav-item\"\n           [class.expanded]=\"item.expanded\"\n           (mouseenter)=\"handleHover(item, true)\"\n           (mouseleave)=\"handleHover(item, false)\">\n        <a class=\"nav-link\"\n           (mouseleave)=\"$event.stopPropagation()\"\n           (click)=\"handleClick(item)\">\n          @if (item.icon) {\n            <kit-svg-icon class=\"nav-link-icon\"\n                          [icon]=\"item.icon\"\n                          [ngClass]=\"item?.iconType ?? KitSvgIconType.FILL\"\n            ></kit-svg-icon>\n          }\n          <span class=\"nav-link-title\">{{ item.title }}</span>\n          <kit-svg-icon class=\"nav-link-toggle\"\n                        [icon]=\"KitSvgIcon.CHEVRON_DOWN\"\n          ></kit-svg-icon>\n        </a>\n\n        @if (item.expanded) {\n          <kit-navigation-menu-submenu class=\"display-block\"\n                                       [@expandCollapseAnimation]\n                                       [@.disabled]=\"!animate || collapsed\"\n                                       [item]=\"item\"\n                                       [collapsed]=\"collapsed\"\n          ></kit-navigation-menu-submenu>\n        }\n      </div>\n    } @else {\n      <div class=\"nav-item\">\n        <a class=\"nav-link\"\n           routerLinkActive=\"active\"\n           [routerLink]=\"item?.link\"\n           [title]=\"item.title\">\n          @if (item.icon) {\n            <kit-svg-icon class=\"nav-link-icon\"\n                          [icon]=\"item.icon\"\n                          [ngClass]=\"item?.iconType ?? KitSvgIconType.FILL\"\n            ></kit-svg-icon>\n          }\n          <span class=\"nav-link-title\">{{ item.title }}</span>\n        </a>\n      </div>\n    }\n  }\n</div>\n", styles: [".kit-navigation-menu{display:flex;flex-direction:column;gap:20px;width:100%;box-sizing:border-box;transition:width .2s}.kit-navigation-menu.collapsed{width:84px}.kit-navigation-menu.collapsed .nav-item.expanded .nav-link-icon.fill{fill:var(--ui-kit-color-white)}.kit-navigation-menu.collapsed .nav-item.expanded .nav-link-icon.stroke{stroke:var(--ui-kit-color-white)}.kit-navigation-menu.collapsed .nav-link-title{width:0;opacity:0}.kit-navigation-menu.collapsed .nav-link-icon.fill{fill:var(--ui-kit-color-white)}.kit-navigation-menu.collapsed .nav-link-icon.stroke{stroke:var(--ui-kit-color-white)}.kit-navigation-menu .nav-item{position:relative}.kit-navigation-menu .nav-item.expanded .nav-link{background:var(--ui-kit-color-selected)}.kit-navigation-menu .nav-item.expanded .nav-link-icon.fill{fill:var(--ui-kit-color-main)}.kit-navigation-menu .nav-item.expanded .nav-link-icon.stroke{stroke:var(--ui-kit-color-main)}.kit-navigation-menu .nav-item.expanded .nav-link-toggle{transform:rotate(180deg)}.kit-navigation-menu .nav-link{display:flex;align-items:center;padding:10px 24px;gap:8px;min-height:40px;color:var(--ui-kit-color-white);font-size:14px;font-weight:400;border-radius:8px;text-decoration:none;cursor:pointer;overflow:hidden;box-sizing:border-box}.kit-navigation-menu .nav-link:hover{color:var(--ui-kit-color-hover)}.kit-navigation-menu .nav-link:hover .nav-link-icon.fill{fill:var(--ui-kit-color-hover)}.kit-navigation-menu .nav-link:hover .nav-link-icon.stroke,.kit-navigation-menu .nav-link:hover .nav-link-toggle{stroke:var(--ui-kit-color-hover)}.kit-navigation-menu .nav-link-icon{display:block;width:16px;height:16px;flex-shrink:0}.kit-navigation-menu .nav-link-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-navigation-menu .nav-link-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}.kit-navigation-menu .nav-link-title{transition:opacity .2s}.kit-navigation-menu .nav-link-toggle{width:16px;height:16px;stroke:var(--ui-kit-color-main);fill:none;flex-shrink:0}.kit-navigation-menu .nav-link.active{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-navigation-menu .nav-link.active .nav-link-icon.fill{fill:var(--ui-kit-color-white);stroke:none}.kit-navigation-menu .nav-link.active .nav-link-icon.stroke{fill:none;stroke:var(--ui-kit-color-white)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i3.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i4.KitNavigationMenuSubmenuComponent, selector: "kit-navigation-menu-submenu", inputs: ["item"] }], animations: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.7", type: KitNavigationMenuComponent, selector: "kit-navigation-menu", inputs: { items: "items", animate: "animate", multiple: "multiple" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"kit-navigation-menu\"\n     [class.collapsed]=\"collapsed\">\n  @for (item of items; track item) {\n    @if (item.items?.length) {\n      <div class=\"nav-item\"\n           [class.expanded]=\"item.expanded\"\n           (mouseenter)=\"handleHover(item, true)\"\n           (mouseleave)=\"handleHover(item, false)\">\n        <a class=\"nav-link\"\n           (mouseleave)=\"$event.stopPropagation()\"\n           (click)=\"handleClick(item)\">\n          @if (item.icon) {\n            <kit-svg-icon class=\"nav-link-icon\"\n                          [icon]=\"item.icon\"\n                          [ngClass]=\"item?.iconType ?? KitSvgIconType.FILL\"\n            ></kit-svg-icon>\n          }\n          <span class=\"nav-link-title\">{{ item.title }}</span>\n          <kit-svg-icon class=\"nav-link-toggle\"\n                        [icon]=\"KitSvgIcon.CHEVRON_DOWN\"\n          ></kit-svg-icon>\n        </a>\n\n        @if (item.expanded) {\n          <kit-navigation-menu-submenu class=\"display-block\"\n                                       [@expandCollapseAnimation]\n                                       [@.disabled]=\"!animate || collapsed\"\n                                       [item]=\"item\"\n                                       [collapsed]=\"collapsed\"\n          ></kit-navigation-menu-submenu>\n        }\n      </div>\n    } @else {\n      @if (item.link) {\n        <div class=\"nav-item\">\n          <a class=\"nav-link\"\n             routerLinkActive=\"active\"\n             [routerLink]=\"item?.link\"\n             [title]=\"item.title\">\n            @if (item.icon) {\n              <kit-svg-icon class=\"nav-link-icon\"\n                            [icon]=\"item.icon\"\n                            [ngClass]=\"item?.iconType ?? KitSvgIconType.FILL\"\n              ></kit-svg-icon>\n            }\n            <span class=\"nav-link-title\">{{ item.title }}</span>\n          </a>\n        </div>\n      }\n    }\n  }\n</div>\n", styles: [".kit-navigation-menu{display:flex;flex-direction:column;gap:20px;width:100%;box-sizing:border-box;transition:width .2s}.kit-navigation-menu.collapsed{width:84px}.kit-navigation-menu.collapsed .nav-item.expanded .nav-link-icon.fill{fill:var(--ui-kit-color-white)}.kit-navigation-menu.collapsed .nav-item.expanded .nav-link-icon.stroke{stroke:var(--ui-kit-color-white)}.kit-navigation-menu.collapsed .nav-link-title{width:0;opacity:0}.kit-navigation-menu.collapsed .nav-link-icon.fill{fill:var(--ui-kit-color-white)}.kit-navigation-menu.collapsed .nav-link-icon.stroke{stroke:var(--ui-kit-color-white)}.kit-navigation-menu .nav-item{position:relative}.kit-navigation-menu .nav-item.expanded .nav-link{background:var(--ui-kit-color-selected)}.kit-navigation-menu .nav-item.expanded .nav-link-icon.fill{fill:var(--ui-kit-color-main)}.kit-navigation-menu .nav-item.expanded .nav-link-icon.stroke{stroke:var(--ui-kit-color-main)}.kit-navigation-menu .nav-item.expanded .nav-link-toggle{transform:rotate(180deg)}.kit-navigation-menu .nav-link{display:flex;align-items:center;padding:10px 24px;gap:8px;min-height:40px;color:var(--ui-kit-color-white);font-size:14px;font-weight:400;border-radius:8px;text-decoration:none;cursor:pointer;overflow:hidden;box-sizing:border-box}.kit-navigation-menu .nav-link:hover{color:var(--ui-kit-color-hover)}.kit-navigation-menu .nav-link:hover .nav-link-icon.fill{fill:var(--ui-kit-color-hover)}.kit-navigation-menu .nav-link:hover .nav-link-icon.stroke,.kit-navigation-menu .nav-link:hover .nav-link-toggle{stroke:var(--ui-kit-color-hover)}.kit-navigation-menu .nav-link-icon{display:block;width:16px;height:16px;flex-shrink:0}.kit-navigation-menu .nav-link-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-navigation-menu .nav-link-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}.kit-navigation-menu .nav-link-title{transition:opacity .2s}.kit-navigation-menu .nav-link-toggle{width:16px;height:16px;stroke:var(--ui-kit-color-main);fill:none;flex-shrink:0}.kit-navigation-menu .nav-link.active{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-navigation-menu .nav-link.active .nav-link-icon.fill{fill:var(--ui-kit-color-white);stroke:none}.kit-navigation-menu .nav-link.active .nav-link-icon.stroke{fill:none;stroke:var(--ui-kit-color-white)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i3.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i4.KitNavigationMenuSubmenuComponent, selector: "kit-navigation-menu-submenu", inputs: ["item"] }], animations: [
             expandCollapseAnimation,
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
@@ -69,7 +69,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImpor
             type: Component,
             args: [{ selector: 'kit-navigation-menu', changeDetection: ChangeDetectionStrategy.OnPush, animations: [
                         expandCollapseAnimation,
-                    ], template: "<div class=\"kit-navigation-menu\"\n     [class.collapsed]=\"collapsed\">\n  @for (item of items; track item) {\n    @if (item.items?.length) {\n      <div class=\"nav-item\"\n           [class.expanded]=\"item.expanded\"\n           (mouseenter)=\"handleHover(item, true)\"\n           (mouseleave)=\"handleHover(item, false)\">\n        <a class=\"nav-link\"\n           (mouseleave)=\"$event.stopPropagation()\"\n           (click)=\"handleClick(item)\">\n          @if (item.icon) {\n            <kit-svg-icon class=\"nav-link-icon\"\n                          [icon]=\"item.icon\"\n                          [ngClass]=\"item?.iconType ?? KitSvgIconType.FILL\"\n            ></kit-svg-icon>\n          }\n          <span class=\"nav-link-title\">{{ item.title }}</span>\n          <kit-svg-icon class=\"nav-link-toggle\"\n                        [icon]=\"KitSvgIcon.CHEVRON_DOWN\"\n          ></kit-svg-icon>\n        </a>\n\n        @if (item.expanded) {\n          <kit-navigation-menu-submenu class=\"display-block\"\n                                       [@expandCollapseAnimation]\n                                       [@.disabled]=\"!animate || collapsed\"\n                                       [item]=\"item\"\n                                       [collapsed]=\"collapsed\"\n          ></kit-navigation-menu-submenu>\n        }\n      </div>\n    } @else {\n      <div class=\"nav-item\">\n        <a class=\"nav-link\"\n           routerLinkActive=\"active\"\n           [routerLink]=\"item?.link\"\n           [title]=\"item.title\">\n          @if (item.icon) {\n            <kit-svg-icon class=\"nav-link-icon\"\n                          [icon]=\"item.icon\"\n                          [ngClass]=\"item?.iconType ?? KitSvgIconType.FILL\"\n            ></kit-svg-icon>\n          }\n          <span class=\"nav-link-title\">{{ item.title }}</span>\n        </a>\n      </div>\n    }\n  }\n</div>\n", styles: [".kit-navigation-menu{display:flex;flex-direction:column;gap:20px;width:100%;box-sizing:border-box;transition:width .2s}.kit-navigation-menu.collapsed{width:84px}.kit-navigation-menu.collapsed .nav-item.expanded .nav-link-icon.fill{fill:var(--ui-kit-color-white)}.kit-navigation-menu.collapsed .nav-item.expanded .nav-link-icon.stroke{stroke:var(--ui-kit-color-white)}.kit-navigation-menu.collapsed .nav-link-title{width:0;opacity:0}.kit-navigation-menu.collapsed .nav-link-icon.fill{fill:var(--ui-kit-color-white)}.kit-navigation-menu.collapsed .nav-link-icon.stroke{stroke:var(--ui-kit-color-white)}.kit-navigation-menu .nav-item{position:relative}.kit-navigation-menu .nav-item.expanded .nav-link{background:var(--ui-kit-color-selected)}.kit-navigation-menu .nav-item.expanded .nav-link-icon.fill{fill:var(--ui-kit-color-main)}.kit-navigation-menu .nav-item.expanded .nav-link-icon.stroke{stroke:var(--ui-kit-color-main)}.kit-navigation-menu .nav-item.expanded .nav-link-toggle{transform:rotate(180deg)}.kit-navigation-menu .nav-link{display:flex;align-items:center;padding:10px 24px;gap:8px;min-height:40px;color:var(--ui-kit-color-white);font-size:14px;font-weight:400;border-radius:8px;text-decoration:none;cursor:pointer;overflow:hidden;box-sizing:border-box}.kit-navigation-menu .nav-link:hover{color:var(--ui-kit-color-hover)}.kit-navigation-menu .nav-link:hover .nav-link-icon.fill{fill:var(--ui-kit-color-hover)}.kit-navigation-menu .nav-link:hover .nav-link-icon.stroke,.kit-navigation-menu .nav-link:hover .nav-link-toggle{stroke:var(--ui-kit-color-hover)}.kit-navigation-menu .nav-link-icon{display:block;width:16px;height:16px;flex-shrink:0}.kit-navigation-menu .nav-link-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-navigation-menu .nav-link-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}.kit-navigation-menu .nav-link-title{transition:opacity .2s}.kit-navigation-menu .nav-link-toggle{width:16px;height:16px;stroke:var(--ui-kit-color-main);fill:none;flex-shrink:0}.kit-navigation-menu .nav-link.active{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-navigation-menu .nav-link.active .nav-link-icon.fill{fill:var(--ui-kit-color-white);stroke:none}.kit-navigation-menu .nav-link.active .nav-link-icon.stroke{fill:none;stroke:var(--ui-kit-color-white)}\n"] }]
+                    ], template: "<div class=\"kit-navigation-menu\"\n     [class.collapsed]=\"collapsed\">\n  @for (item of items; track item) {\n    @if (item.items?.length) {\n      <div class=\"nav-item\"\n           [class.expanded]=\"item.expanded\"\n           (mouseenter)=\"handleHover(item, true)\"\n           (mouseleave)=\"handleHover(item, false)\">\n        <a class=\"nav-link\"\n           (mouseleave)=\"$event.stopPropagation()\"\n           (click)=\"handleClick(item)\">\n          @if (item.icon) {\n            <kit-svg-icon class=\"nav-link-icon\"\n                          [icon]=\"item.icon\"\n                          [ngClass]=\"item?.iconType ?? KitSvgIconType.FILL\"\n            ></kit-svg-icon>\n          }\n          <span class=\"nav-link-title\">{{ item.title }}</span>\n          <kit-svg-icon class=\"nav-link-toggle\"\n                        [icon]=\"KitSvgIcon.CHEVRON_DOWN\"\n          ></kit-svg-icon>\n        </a>\n\n        @if (item.expanded) {\n          <kit-navigation-menu-submenu class=\"display-block\"\n                                       [@expandCollapseAnimation]\n                                       [@.disabled]=\"!animate || collapsed\"\n                                       [item]=\"item\"\n                                       [collapsed]=\"collapsed\"\n          ></kit-navigation-menu-submenu>\n        }\n      </div>\n    } @else {\n      @if (item.link) {\n        <div class=\"nav-item\">\n          <a class=\"nav-link\"\n             routerLinkActive=\"active\"\n             [routerLink]=\"item?.link\"\n             [title]=\"item.title\">\n            @if (item.icon) {\n              <kit-svg-icon class=\"nav-link-icon\"\n                            [icon]=\"item.icon\"\n                            [ngClass]=\"item?.iconType ?? KitSvgIconType.FILL\"\n              ></kit-svg-icon>\n            }\n            <span class=\"nav-link-title\">{{ item.title }}</span>\n          </a>\n        </div>\n      }\n    }\n  }\n</div>\n", styles: [".kit-navigation-menu{display:flex;flex-direction:column;gap:20px;width:100%;box-sizing:border-box;transition:width .2s}.kit-navigation-menu.collapsed{width:84px}.kit-navigation-menu.collapsed .nav-item.expanded .nav-link-icon.fill{fill:var(--ui-kit-color-white)}.kit-navigation-menu.collapsed .nav-item.expanded .nav-link-icon.stroke{stroke:var(--ui-kit-color-white)}.kit-navigation-menu.collapsed .nav-link-title{width:0;opacity:0}.kit-navigation-menu.collapsed .nav-link-icon.fill{fill:var(--ui-kit-color-white)}.kit-navigation-menu.collapsed .nav-link-icon.stroke{stroke:var(--ui-kit-color-white)}.kit-navigation-menu .nav-item{position:relative}.kit-navigation-menu .nav-item.expanded .nav-link{background:var(--ui-kit-color-selected)}.kit-navigation-menu .nav-item.expanded .nav-link-icon.fill{fill:var(--ui-kit-color-main)}.kit-navigation-menu .nav-item.expanded .nav-link-icon.stroke{stroke:var(--ui-kit-color-main)}.kit-navigation-menu .nav-item.expanded .nav-link-toggle{transform:rotate(180deg)}.kit-navigation-menu .nav-link{display:flex;align-items:center;padding:10px 24px;gap:8px;min-height:40px;color:var(--ui-kit-color-white);font-size:14px;font-weight:400;border-radius:8px;text-decoration:none;cursor:pointer;overflow:hidden;box-sizing:border-box}.kit-navigation-menu .nav-link:hover{color:var(--ui-kit-color-hover)}.kit-navigation-menu .nav-link:hover .nav-link-icon.fill{fill:var(--ui-kit-color-hover)}.kit-navigation-menu .nav-link:hover .nav-link-icon.stroke,.kit-navigation-menu .nav-link:hover .nav-link-toggle{stroke:var(--ui-kit-color-hover)}.kit-navigation-menu .nav-link-icon{display:block;width:16px;height:16px;flex-shrink:0}.kit-navigation-menu .nav-link-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-navigation-menu .nav-link-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}.kit-navigation-menu .nav-link-title{transition:opacity .2s}.kit-navigation-menu .nav-link-toggle{width:16px;height:16px;stroke:var(--ui-kit-color-main);fill:none;flex-shrink:0}.kit-navigation-menu .nav-link.active{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-navigation-menu .nav-link.active .nav-link-icon.fill{fill:var(--ui-kit-color-white);stroke:none}.kit-navigation-menu .nav-link.active .nav-link-icon.stroke{fill:none;stroke:var(--ui-kit-color-white)}\n"] }]
         }], ctorParameters: () => [{ type: i1.Router }, { type: i0.ChangeDetectorRef }], propDecorators: { items: [{
                 type: Input
             }], animate: [{
@@ -77,4 +77,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImpor
             }], multiple: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LW5hdmlnYXRpb24tbWVudS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1uYXZpZ2F0aW9uLW1lbnUva2l0LW5hdmlnYXRpb24tbWVudS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1uYXZpZ2F0aW9uLW1lbnUva2l0LW5hdmlnYXRpb24tbWVudS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQXFCLFNBQVMsRUFBRSxLQUFLLEVBQW9DLE1BQU0sZUFBZSxDQUFDO0FBRS9ILE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3JFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUNwRSxPQUFPLEVBQUUsYUFBYSxFQUFVLE1BQU0saUJBQWlCLENBQUM7QUFDeEQsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUM5QixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQzs7Ozs7O0FBV3RGLE1BQU0sT0FBTywwQkFBMkIsU0FBUSw4QkFBOEI7SUFrQjVFLFlBQ1UsTUFBYyxFQUNkLGlCQUFvQztRQUU1QyxLQUFLLEVBQUUsQ0FBQztRQUhBLFdBQU0sR0FBTixNQUFNLENBQVE7UUFDZCxzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO1FBbkI5Qzs7V0FFRztRQUNNLFVBQUssR0FBNEIsRUFBRSxDQUFDO1FBRTdDOztXQUVHO1FBQ00sWUFBTyxHQUFZLElBQUksQ0FBQztRQUVqQzs7V0FFRztRQUNNLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFFMUIsbUJBQWMsR0FBMEIsY0FBYyxDQUFDO1FBTzlELElBQUksQ0FBQyw4QkFBOEIsRUFBRSxDQUFDO0lBQ3hDLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUNyRCxDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksT0FBTyxDQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUU7WUFDbkMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDOUI7SUFDSCxDQUFDO0lBRVEsV0FBVyxDQUFDLElBQTJCO1FBQzlDLElBQUcsQ0FBQyxJQUFJLENBQUMsUUFBUSxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNuQyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUM5QjtRQUVELEtBQUssQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDMUIsQ0FBQztJQUVPLDhCQUE4QjtRQUNwQyxJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQ3JCLE1BQU0sQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLEtBQUssWUFBWSxhQUFhLENBQUMsRUFDL0Msa0JBQWtCLEVBQUUsQ0FDckIsQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDO0lBQ3hFLENBQUM7SUFFTyxnQkFBZ0IsQ0FBQyxLQUE4QixFQUFFLEdBQVc7UUFDbEUsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ2xCLE9BQU87U0FDUjtRQUVELEtBQUssQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEVBQUU7WUFDbkIsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxJQUFJLEdBQUcsQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUM7WUFDM0QsSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFO2dCQUNkLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLEdBQUcsQ0FBQyxDQUFDO2dCQUN2QyxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDO2FBQzFEO1FBQ0gsQ0FBQyxDQUFDLENBQUM7UUFDSCxJQUFJLENBQUMsaUJBQWlCLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDeEMsQ0FBQzs4R0FoRVUsMEJBQTBCO2tHQUExQiwwQkFBMEIsNktDbEJ2QyxpNERBa0RBLHdrR0RwQ2M7WUFDVix1QkFBdUI7U0FDeEI7OzJGQUVVLDBCQUEwQjtrQkFUdEMsU0FBUzsrQkFDRSxxQkFBcUIsbUJBR2QsdUJBQXVCLENBQUMsTUFBTSxjQUNuQzt3QkFDVix1QkFBdUI7cUJBQ3hCOzJHQU1RLEtBQUs7c0JBQWIsS0FBSztnQkFLRyxPQUFPO3NCQUFmLEtBQUs7Z0JBS0csUUFBUTtzQkFBaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBJbnB1dCwgT25DaGFuZ2VzLCBPbkluaXQsIFNpbXBsZUNoYW5nZXMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEtpdE5hdmlnYXRpb25NZW51SXRlbSB9IGZyb20gJy4va2l0LW5hdmlnYXRpb24tbWVudS5tb2RlbCc7XG5pbXBvcnQgeyBleHBhbmRDb2xsYXBzZUFuaW1hdGlvbiB9IGZyb20gJy4va2l0LW5hdmlnYXRpb24tbWVudS51dGlsJztcbmltcG9ydCB7IEtpdFN2Z0ljb25UeXBlIH0gZnJvbSAnLi4va2l0LXN2Zy1pY29uL2tpdC1zdmctaWNvbi5jb25zdCc7XG5pbXBvcnQgeyBOYXZpZ2F0aW9uRW5kLCBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgZmlsdGVyIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyB0YWtlVW50aWxEZXN0cm95ZWQgfSBmcm9tICdAYW5ndWxhci9jb3JlL3J4anMtaW50ZXJvcCc7XG5pbXBvcnQgeyBLaXROYXZpZ2F0aW9uTWVudUJhc2VDb21wb25lbnQgfSBmcm9tICcuL2tpdC1uYXZpZ2F0aW9uLW1lbnUtYmFzZS5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdraXQtbmF2aWdhdGlvbi1tZW51JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2tpdC1uYXZpZ2F0aW9uLW1lbnUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4va2l0LW5hdmlnYXRpb24tbWVudS5jb21wb25lbnQuc2NzcycsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBhbmltYXRpb25zOiBbXG4gICAgZXhwYW5kQ29sbGFwc2VBbmltYXRpb24sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEtpdE5hdmlnYXRpb25NZW51Q29tcG9uZW50IGV4dGVuZHMgS2l0TmF2aWdhdGlvbk1lbnVCYXNlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMge1xuICAvKipcbiAgICogQW4gaXRlbXMgbGlzdCB3aGljaCBpcyBnb2luZyB0byBiZSByZW5kZXJlZCBhcyBtZW51IGl0ZW1zXG4gICAqL1xuICBASW5wdXQoKSBpdGVtczogS2l0TmF2aWdhdGlvbk1lbnVJdGVtW10gPSBbXTtcblxuICAvKipcbiAgICogRGVmaW5lcyB3aGV0aGVyIHRoZSBjb21wb25lbnQgd2lsbCBoYXZlIGFuIGFuaW1hdGlvbiB3aGVuIGNvbGxhcHNpbmcvZXhwYW5kaW5nIHRoZSBtZW51XG4gICAqL1xuICBASW5wdXQoKSBhbmltYXRlOiBib29sZWFuID0gdHJ1ZTtcblxuICAvKipcbiAgICogRGVmaW5lcyB3aGV0aGVyIHRoZSBjb21wb25lbnQgY2FuIGhhdmUgbW9yZSB0aGFuIG9uZSBpdGVtIGV4cGFuZGVkIGF0IHRoZSBzYW1lIHRpbWVcbiAgICovXG4gIEBJbnB1dCgpIG11bHRpcGxlOiBib29sZWFuID0gZmFsc2U7XG5cbiAgcmVhZG9ubHkgS2l0U3ZnSWNvblR5cGU6IHR5cGVvZiBLaXRTdmdJY29uVHlwZSA9IEtpdFN2Z0ljb25UeXBlO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgcm91dGVyOiBSb3V0ZXIsXG4gICAgcHJpdmF0ZSBjaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICkge1xuICAgIHN1cGVyKCk7XG4gICAgdGhpcy5zZXRFeHBhbmRlZFN0YXRlT25Sb3V0ZXJDaGFuZ2UoKTtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuc2V0RXhwYW5kZWRTdGF0ZSh0aGlzLml0ZW1zLCB0aGlzLnJvdXRlci51cmwpO1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgIGlmIChjaGFuZ2VzLmNvbGxhcHNlZD8uY3VycmVudFZhbHVlKSB7XG4gICAgICB0aGlzLmNvbGxhcHNlQWxsKHRoaXMuaXRlbXMpO1xuICAgIH1cbiAgfVxuXG4gIG92ZXJyaWRlIGhhbmRsZUNsaWNrKGl0ZW06IEtpdE5hdmlnYXRpb25NZW51SXRlbSk6IHZvaWQge1xuICAgIGlmKCF0aGlzLm11bHRpcGxlICYmICFpdGVtLmV4cGFuZGVkKSB7XG4gICAgICB0aGlzLmNvbGxhcHNlQWxsKHRoaXMuaXRlbXMpO1xuICAgIH1cblxuICAgIHN1cGVyLmhhbmRsZUNsaWNrKGl0ZW0pO1xuICB9XG5cbiAgcHJpdmF0ZSBzZXRFeHBhbmRlZFN0YXRlT25Sb3V0ZXJDaGFuZ2UoKTogdm9pZCB7XG4gICAgdGhpcy5yb3V0ZXIuZXZlbnRzLnBpcGUoXG4gICAgICBmaWx0ZXIoZXZlbnQgPT4gZXZlbnQgaW5zdGFuY2VvZiBOYXZpZ2F0aW9uRW5kKSxcbiAgICAgIHRha2VVbnRpbERlc3Ryb3llZCgpLFxuICAgICkuc3Vic2NyaWJlKCgpID0+IHRoaXMuc2V0RXhwYW5kZWRTdGF0ZSh0aGlzLml0ZW1zLCB0aGlzLnJvdXRlci51cmwpKTtcbiAgfVxuXG4gIHByaXZhdGUgc2V0RXhwYW5kZWRTdGF0ZShpdGVtczogS2l0TmF2aWdhdGlvbk1lbnVJdGVtW10sIHVybDogc3RyaW5nKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuY29sbGFwc2VkKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgaXRlbXMuZm9yRWFjaChpdGVtID0+IHtcbiAgICAgIGl0ZW0uZXhwYW5kZWQgPSAhIShpdGVtLmxpbmsgJiYgdXJsLnN0YXJ0c1dpdGgoaXRlbS5saW5rKSk7XG4gICAgICBpZiAoaXRlbS5pdGVtcykge1xuICAgICAgICB0aGlzLnNldEV4cGFuZGVkU3RhdGUoaXRlbS5pdGVtcywgdXJsKTtcbiAgICAgICAgaXRlbS5leHBhbmRlZCA9IGl0ZW0uaXRlbXMuc29tZShjaGlsZCA9PiBjaGlsZC5leHBhbmRlZCk7XG4gICAgICB9XG4gICAgfSk7XG4gICAgdGhpcy5jaGFuZ2VEZXRlY3RvclJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImtpdC1uYXZpZ2F0aW9uLW1lbnVcIlxuICAgICBbY2xhc3MuY29sbGFwc2VkXT1cImNvbGxhcHNlZFwiPlxuICBAZm9yIChpdGVtIG9mIGl0ZW1zOyB0cmFjayBpdGVtKSB7XG4gICAgQGlmIChpdGVtLml0ZW1zPy5sZW5ndGgpIHtcbiAgICAgIDxkaXYgY2xhc3M9XCJuYXYtaXRlbVwiXG4gICAgICAgICAgIFtjbGFzcy5leHBhbmRlZF09XCJpdGVtLmV4cGFuZGVkXCJcbiAgICAgICAgICAgKG1vdXNlZW50ZXIpPVwiaGFuZGxlSG92ZXIoaXRlbSwgdHJ1ZSlcIlxuICAgICAgICAgICAobW91c2VsZWF2ZSk9XCJoYW5kbGVIb3ZlcihpdGVtLCBmYWxzZSlcIj5cbiAgICAgICAgPGEgY2xhc3M9XCJuYXYtbGlua1wiXG4gICAgICAgICAgIChtb3VzZWxlYXZlKT1cIiRldmVudC5zdG9wUHJvcGFnYXRpb24oKVwiXG4gICAgICAgICAgIChjbGljayk9XCJoYW5kbGVDbGljayhpdGVtKVwiPlxuICAgICAgICAgIEBpZiAoaXRlbS5pY29uKSB7XG4gICAgICAgICAgICA8a2l0LXN2Zy1pY29uIGNsYXNzPVwibmF2LWxpbmstaWNvblwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgIFtpY29uXT1cIml0ZW0uaWNvblwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cIml0ZW0/Lmljb25UeXBlID8/IEtpdFN2Z0ljb25UeXBlLkZJTExcIlxuICAgICAgICAgICAgPjwva2l0LXN2Zy1pY29uPlxuICAgICAgICAgIH1cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cIm5hdi1saW5rLXRpdGxlXCI+e3sgaXRlbS50aXRsZSB9fTwvc3Bhbj5cbiAgICAgICAgICA8a2l0LXN2Zy1pY29uIGNsYXNzPVwibmF2LWxpbmstdG9nZ2xlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtpY29uXT1cIktpdFN2Z0ljb24uQ0hFVlJPTl9ET1dOXCJcbiAgICAgICAgICA+PC9raXQtc3ZnLWljb24+XG4gICAgICAgIDwvYT5cblxuICAgICAgICBAaWYgKGl0ZW0uZXhwYW5kZWQpIHtcbiAgICAgICAgICA8a2l0LW5hdmlnYXRpb24tbWVudS1zdWJtZW51IGNsYXNzPVwiZGlzcGxheS1ibG9ja1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbQGV4cGFuZENvbGxhcHNlQW5pbWF0aW9uXVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW0AuZGlzYWJsZWRdPVwiIWFuaW1hdGUgfHwgY29sbGFwc2VkXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtpdGVtXT1cIml0ZW1cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2NvbGxhcHNlZF09XCJjb2xsYXBzZWRcIlxuICAgICAgICAgID48L2tpdC1uYXZpZ2F0aW9uLW1lbnUtc3VibWVudT5cbiAgICAgICAgfVxuICAgICAgPC9kaXY+XG4gICAgfSBAZWxzZSB7XG4gICAgICA8ZGl2IGNsYXNzPVwibmF2LWl0ZW1cIj5cbiAgICAgICAgPGEgY2xhc3M9XCJuYXYtbGlua1wiXG4gICAgICAgICAgIHJvdXRlckxpbmtBY3RpdmU9XCJhY3RpdmVcIlxuICAgICAgICAgICBbcm91dGVyTGlua109XCJpdGVtPy5saW5rXCJcbiAgICAgICAgICAgW3RpdGxlXT1cIml0ZW0udGl0bGVcIj5cbiAgICAgICAgICBAaWYgKGl0ZW0uaWNvbikge1xuICAgICAgICAgICAgPGtpdC1zdmctaWNvbiBjbGFzcz1cIm5hdi1saW5rLWljb25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICBbaWNvbl09XCJpdGVtLmljb25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJpdGVtPy5pY29uVHlwZSA/PyBLaXRTdmdJY29uVHlwZS5GSUxMXCJcbiAgICAgICAgICAgID48L2tpdC1zdmctaWNvbj5cbiAgICAgICAgICB9XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJuYXYtbGluay10aXRsZVwiPnt7IGl0ZW0udGl0bGUgfX08L3NwYW4+XG4gICAgICAgIDwvYT5cbiAgICAgIDwvZGl2PlxuICAgIH1cbiAgfVxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LW5hdmlnYXRpb24tbWVudS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1uYXZpZ2F0aW9uLW1lbnUva2l0LW5hdmlnYXRpb24tbWVudS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1uYXZpZ2F0aW9uLW1lbnUva2l0LW5hdmlnYXRpb24tbWVudS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQXFCLFNBQVMsRUFBRSxLQUFLLEVBQW9DLE1BQU0sZUFBZSxDQUFDO0FBRS9ILE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3JFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUNwRSxPQUFPLEVBQUUsYUFBYSxFQUFVLE1BQU0saUJBQWlCLENBQUM7QUFDeEQsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUM5QixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQzs7Ozs7O0FBV3RGLE1BQU0sT0FBTywwQkFBMkIsU0FBUSw4QkFBOEI7SUFrQjVFLFlBQ1UsTUFBYyxFQUNkLGlCQUFvQztRQUU1QyxLQUFLLEVBQUUsQ0FBQztRQUhBLFdBQU0sR0FBTixNQUFNLENBQVE7UUFDZCxzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO1FBbkI5Qzs7V0FFRztRQUNNLFVBQUssR0FBNEIsRUFBRSxDQUFDO1FBRTdDOztXQUVHO1FBQ00sWUFBTyxHQUFZLElBQUksQ0FBQztRQUVqQzs7V0FFRztRQUNNLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFFMUIsbUJBQWMsR0FBMEIsY0FBYyxDQUFDO1FBTzlELElBQUksQ0FBQyw4QkFBOEIsRUFBRSxDQUFDO0lBQ3hDLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUNyRCxDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksT0FBTyxDQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUU7WUFDbkMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDOUI7SUFDSCxDQUFDO0lBRVEsV0FBVyxDQUFDLElBQTJCO1FBQzlDLElBQUcsQ0FBQyxJQUFJLENBQUMsUUFBUSxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNuQyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUM5QjtRQUVELEtBQUssQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDMUIsQ0FBQztJQUVPLDhCQUE4QjtRQUNwQyxJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQ3JCLE1BQU0sQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLEtBQUssWUFBWSxhQUFhLENBQUMsRUFDL0Msa0JBQWtCLEVBQUUsQ0FDckIsQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDO0lBQ3hFLENBQUM7SUFFTyxnQkFBZ0IsQ0FBQyxLQUE4QixFQUFFLEdBQVc7UUFDbEUsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ2xCLE9BQU87U0FDUjtRQUVELEtBQUssQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEVBQUU7WUFDbkIsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxJQUFJLEdBQUcsQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUM7WUFDM0QsSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFO2dCQUNkLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLEdBQUcsQ0FBQyxDQUFDO2dCQUN2QyxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDO2FBQzFEO1FBQ0gsQ0FBQyxDQUFDLENBQUM7UUFDSCxJQUFJLENBQUMsaUJBQWlCLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDeEMsQ0FBQzs4R0FoRVUsMEJBQTBCO2tHQUExQiwwQkFBMEIsNktDbEJ2QywrN0RBb0RBLHdrR0R0Q2M7WUFDVix1QkFBdUI7U0FDeEI7OzJGQUVVLDBCQUEwQjtrQkFUdEMsU0FBUzsrQkFDRSxxQkFBcUIsbUJBR2QsdUJBQXVCLENBQUMsTUFBTSxjQUNuQzt3QkFDVix1QkFBdUI7cUJBQ3hCOzJHQU1RLEtBQUs7c0JBQWIsS0FBSztnQkFLRyxPQUFPO3NCQUFmLEtBQUs7Z0JBS0csUUFBUTtzQkFBaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBJbnB1dCwgT25DaGFuZ2VzLCBPbkluaXQsIFNpbXBsZUNoYW5nZXMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEtpdE5hdmlnYXRpb25NZW51SXRlbSB9IGZyb20gJy4va2l0LW5hdmlnYXRpb24tbWVudS5tb2RlbCc7XG5pbXBvcnQgeyBleHBhbmRDb2xsYXBzZUFuaW1hdGlvbiB9IGZyb20gJy4va2l0LW5hdmlnYXRpb24tbWVudS51dGlsJztcbmltcG9ydCB7IEtpdFN2Z0ljb25UeXBlIH0gZnJvbSAnLi4va2l0LXN2Zy1pY29uL2tpdC1zdmctaWNvbi5jb25zdCc7XG5pbXBvcnQgeyBOYXZpZ2F0aW9uRW5kLCBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgZmlsdGVyIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyB0YWtlVW50aWxEZXN0cm95ZWQgfSBmcm9tICdAYW5ndWxhci9jb3JlL3J4anMtaW50ZXJvcCc7XG5pbXBvcnQgeyBLaXROYXZpZ2F0aW9uTWVudUJhc2VDb21wb25lbnQgfSBmcm9tICcuL2tpdC1uYXZpZ2F0aW9uLW1lbnUtYmFzZS5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdraXQtbmF2aWdhdGlvbi1tZW51JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2tpdC1uYXZpZ2F0aW9uLW1lbnUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4va2l0LW5hdmlnYXRpb24tbWVudS5jb21wb25lbnQuc2NzcycsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBhbmltYXRpb25zOiBbXG4gICAgZXhwYW5kQ29sbGFwc2VBbmltYXRpb24sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEtpdE5hdmlnYXRpb25NZW51Q29tcG9uZW50IGV4dGVuZHMgS2l0TmF2aWdhdGlvbk1lbnVCYXNlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMge1xuICAvKipcbiAgICogQW4gaXRlbXMgbGlzdCB3aGljaCBpcyBnb2luZyB0byBiZSByZW5kZXJlZCBhcyBtZW51IGl0ZW1zXG4gICAqL1xuICBASW5wdXQoKSBpdGVtczogS2l0TmF2aWdhdGlvbk1lbnVJdGVtW10gPSBbXTtcblxuICAvKipcbiAgICogRGVmaW5lcyB3aGV0aGVyIHRoZSBjb21wb25lbnQgd2lsbCBoYXZlIGFuIGFuaW1hdGlvbiB3aGVuIGNvbGxhcHNpbmcvZXhwYW5kaW5nIHRoZSBtZW51XG4gICAqL1xuICBASW5wdXQoKSBhbmltYXRlOiBib29sZWFuID0gdHJ1ZTtcblxuICAvKipcbiAgICogRGVmaW5lcyB3aGV0aGVyIHRoZSBjb21wb25lbnQgY2FuIGhhdmUgbW9yZSB0aGFuIG9uZSBpdGVtIGV4cGFuZGVkIGF0IHRoZSBzYW1lIHRpbWVcbiAgICovXG4gIEBJbnB1dCgpIG11bHRpcGxlOiBib29sZWFuID0gZmFsc2U7XG5cbiAgcmVhZG9ubHkgS2l0U3ZnSWNvblR5cGU6IHR5cGVvZiBLaXRTdmdJY29uVHlwZSA9IEtpdFN2Z0ljb25UeXBlO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgcm91dGVyOiBSb3V0ZXIsXG4gICAgcHJpdmF0ZSBjaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICkge1xuICAgIHN1cGVyKCk7XG4gICAgdGhpcy5zZXRFeHBhbmRlZFN0YXRlT25Sb3V0ZXJDaGFuZ2UoKTtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuc2V0RXhwYW5kZWRTdGF0ZSh0aGlzLml0ZW1zLCB0aGlzLnJvdXRlci51cmwpO1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgIGlmIChjaGFuZ2VzLmNvbGxhcHNlZD8uY3VycmVudFZhbHVlKSB7XG4gICAgICB0aGlzLmNvbGxhcHNlQWxsKHRoaXMuaXRlbXMpO1xuICAgIH1cbiAgfVxuXG4gIG92ZXJyaWRlIGhhbmRsZUNsaWNrKGl0ZW06IEtpdE5hdmlnYXRpb25NZW51SXRlbSk6IHZvaWQge1xuICAgIGlmKCF0aGlzLm11bHRpcGxlICYmICFpdGVtLmV4cGFuZGVkKSB7XG4gICAgICB0aGlzLmNvbGxhcHNlQWxsKHRoaXMuaXRlbXMpO1xuICAgIH1cblxuICAgIHN1cGVyLmhhbmRsZUNsaWNrKGl0ZW0pO1xuICB9XG5cbiAgcHJpdmF0ZSBzZXRFeHBhbmRlZFN0YXRlT25Sb3V0ZXJDaGFuZ2UoKTogdm9pZCB7XG4gICAgdGhpcy5yb3V0ZXIuZXZlbnRzLnBpcGUoXG4gICAgICBmaWx0ZXIoZXZlbnQgPT4gZXZlbnQgaW5zdGFuY2VvZiBOYXZpZ2F0aW9uRW5kKSxcbiAgICAgIHRha2VVbnRpbERlc3Ryb3llZCgpLFxuICAgICkuc3Vic2NyaWJlKCgpID0+IHRoaXMuc2V0RXhwYW5kZWRTdGF0ZSh0aGlzLml0ZW1zLCB0aGlzLnJvdXRlci51cmwpKTtcbiAgfVxuXG4gIHByaXZhdGUgc2V0RXhwYW5kZWRTdGF0ZShpdGVtczogS2l0TmF2aWdhdGlvbk1lbnVJdGVtW10sIHVybDogc3RyaW5nKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuY29sbGFwc2VkKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgaXRlbXMuZm9yRWFjaChpdGVtID0+IHtcbiAgICAgIGl0ZW0uZXhwYW5kZWQgPSAhIShpdGVtLmxpbmsgJiYgdXJsLnN0YXJ0c1dpdGgoaXRlbS5saW5rKSk7XG4gICAgICBpZiAoaXRlbS5pdGVtcykge1xuICAgICAgICB0aGlzLnNldEV4cGFuZGVkU3RhdGUoaXRlbS5pdGVtcywgdXJsKTtcbiAgICAgICAgaXRlbS5leHBhbmRlZCA9IGl0ZW0uaXRlbXMuc29tZShjaGlsZCA9PiBjaGlsZC5leHBhbmRlZCk7XG4gICAgICB9XG4gICAgfSk7XG4gICAgdGhpcy5jaGFuZ2VEZXRlY3RvclJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImtpdC1uYXZpZ2F0aW9uLW1lbnVcIlxuICAgICBbY2xhc3MuY29sbGFwc2VkXT1cImNvbGxhcHNlZFwiPlxuICBAZm9yIChpdGVtIG9mIGl0ZW1zOyB0cmFjayBpdGVtKSB7XG4gICAgQGlmIChpdGVtLml0ZW1zPy5sZW5ndGgpIHtcbiAgICAgIDxkaXYgY2xhc3M9XCJuYXYtaXRlbVwiXG4gICAgICAgICAgIFtjbGFzcy5leHBhbmRlZF09XCJpdGVtLmV4cGFuZGVkXCJcbiAgICAgICAgICAgKG1vdXNlZW50ZXIpPVwiaGFuZGxlSG92ZXIoaXRlbSwgdHJ1ZSlcIlxuICAgICAgICAgICAobW91c2VsZWF2ZSk9XCJoYW5kbGVIb3ZlcihpdGVtLCBmYWxzZSlcIj5cbiAgICAgICAgPGEgY2xhc3M9XCJuYXYtbGlua1wiXG4gICAgICAgICAgIChtb3VzZWxlYXZlKT1cIiRldmVudC5zdG9wUHJvcGFnYXRpb24oKVwiXG4gICAgICAgICAgIChjbGljayk9XCJoYW5kbGVDbGljayhpdGVtKVwiPlxuICAgICAgICAgIEBpZiAoaXRlbS5pY29uKSB7XG4gICAgICAgICAgICA8a2l0LXN2Zy1pY29uIGNsYXNzPVwibmF2LWxpbmstaWNvblwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgIFtpY29uXT1cIml0ZW0uaWNvblwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cIml0ZW0/Lmljb25UeXBlID8/IEtpdFN2Z0ljb25UeXBlLkZJTExcIlxuICAgICAgICAgICAgPjwva2l0LXN2Zy1pY29uPlxuICAgICAgICAgIH1cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cIm5hdi1saW5rLXRpdGxlXCI+e3sgaXRlbS50aXRsZSB9fTwvc3Bhbj5cbiAgICAgICAgICA8a2l0LXN2Zy1pY29uIGNsYXNzPVwibmF2LWxpbmstdG9nZ2xlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtpY29uXT1cIktpdFN2Z0ljb24uQ0hFVlJPTl9ET1dOXCJcbiAgICAgICAgICA+PC9raXQtc3ZnLWljb24+XG4gICAgICAgIDwvYT5cblxuICAgICAgICBAaWYgKGl0ZW0uZXhwYW5kZWQpIHtcbiAgICAgICAgICA8a2l0LW5hdmlnYXRpb24tbWVudS1zdWJtZW51IGNsYXNzPVwiZGlzcGxheS1ibG9ja1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbQGV4cGFuZENvbGxhcHNlQW5pbWF0aW9uXVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW0AuZGlzYWJsZWRdPVwiIWFuaW1hdGUgfHwgY29sbGFwc2VkXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtpdGVtXT1cIml0ZW1cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2NvbGxhcHNlZF09XCJjb2xsYXBzZWRcIlxuICAgICAgICAgID48L2tpdC1uYXZpZ2F0aW9uLW1lbnUtc3VibWVudT5cbiAgICAgICAgfVxuICAgICAgPC9kaXY+XG4gICAgfSBAZWxzZSB7XG4gICAgICBAaWYgKGl0ZW0ubGluaykge1xuICAgICAgICA8ZGl2IGNsYXNzPVwibmF2LWl0ZW1cIj5cbiAgICAgICAgICA8YSBjbGFzcz1cIm5hdi1saW5rXCJcbiAgICAgICAgICAgICByb3V0ZXJMaW5rQWN0aXZlPVwiYWN0aXZlXCJcbiAgICAgICAgICAgICBbcm91dGVyTGlua109XCJpdGVtPy5saW5rXCJcbiAgICAgICAgICAgICBbdGl0bGVdPVwiaXRlbS50aXRsZVwiPlxuICAgICAgICAgICAgQGlmIChpdGVtLmljb24pIHtcbiAgICAgICAgICAgICAgPGtpdC1zdmctaWNvbiBjbGFzcz1cIm5hdi1saW5rLWljb25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtpY29uXT1cIml0ZW0uaWNvblwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwiaXRlbT8uaWNvblR5cGUgPz8gS2l0U3ZnSWNvblR5cGUuRklMTFwiXG4gICAgICAgICAgICAgID48L2tpdC1zdmctaWNvbj5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwibmF2LWxpbmstdGl0bGVcIj57eyBpdGVtLnRpdGxlIH19PC9zcGFuPlxuICAgICAgICAgIDwvYT5cbiAgICAgICAgPC9kaXY+XG4gICAgICB9XG4gICAgfVxuICB9XG48L2Rpdj5cbiJdfQ==