@indigina/ui-kit 1.1.34 → 1.1.36

package/esm2022/lib/components/kit-input-label/kit-input-label.component.mjs

@@ -1,18 +1,21 @@
 import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
 import { KitSvgIcon } from '../kit-svg-icon/kit-svg-icon.const';
+import { KitTooltipPosition } from '../../directives/kit-tooltip/kit-tooltip.directive';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-label";
 import * as i2 from "../kit-svg-icon/kit-svg-icon.component";
+import * as i3 from "../../directives/kit-tooltip/kit-tooltip.directive";
 export class KitInputLabelComponent {
     constructor() {
         this.KitSvgIcon = KitSvgIcon;
+        this.KitTooltipPosition = KitTooltipPosition;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitInputLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.7", type: KitInputLabelComponent, selector: "kit-input-label", inputs: { text: "text", for: "for", tooltip: "tooltip" }, ngImport: i0, template: "<div class=\"kit-input-label\">\n  <kendo-label class=\"kit-input-label-text\"\n               [text]=\"text\"\n               [for]=\"for\"\n  ></kendo-label>\n\n  @if (tooltip) {\n    <div class=\"kit-input-label-tooltip\">\n      <kit-svg-icon class=\"kit-input-label-icon\"\n                    [icon]=\"KitSvgIcon.QUESTION_CIRCLE\"\n      ></kit-svg-icon>\n    </div>\n  }\n</div>\n", styles: [".kit-input-label{display:flex;align-items:center;gap:4px}.kit-input-label-text{color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400}.kit-input-label-icon{display:block;width:14px;height:14px;fill:var(--ui-kit-color-grey-12);stroke:none;cursor:pointer}\n"], dependencies: [{ kind: "component", type: i1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "component", type: i2.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.7", type: KitInputLabelComponent, selector: "kit-input-label", inputs: { text: "text", for: "for", tooltip: "tooltip" }, ngImport: i0, template: "<div class=\"kit-input-label\">\n  <kendo-label class=\"kit-input-label-text\"\n               [text]=\"text\"\n               [for]=\"for\"\n  ></kendo-label>\n\n  @if (tooltip) {\n    <div class=\"kit-input-label-tooltip\"\n         kitTooltip\n         kitTooltipFilter=\".kit-input-label-tooltip\"\n         [kitTooltipPosition]=\"KitTooltipPosition.TOP\"\n         [title]=\"tooltip\">\n      <kit-svg-icon class=\"kit-input-label-icon\"\n                    [icon]=\"KitSvgIcon.QUESTION_CIRCLE\"\n      ></kit-svg-icon>\n    </div>\n  }\n</div>\n", styles: [".kit-input-label{display:flex;align-items:center;gap:4px}.kit-input-label-text{color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400}.kit-input-label-icon{display:block;width:14px;height:14px;fill:var(--ui-kit-color-grey-12);stroke:none;cursor:pointer}\n"], dependencies: [{ kind: "component", type: i1.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "component", type: i2.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: i3.KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitInputLabelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kit-input-label', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-input-label\">\n  <kendo-label class=\"kit-input-label-text\"\n               [text]=\"text\"\n               [for]=\"for\"\n  ></kendo-label>\n\n  @if (tooltip) {\n    <div class=\"kit-input-label-tooltip\">\n      <kit-svg-icon class=\"kit-input-label-icon\"\n                    [icon]=\"KitSvgIcon.QUESTION_CIRCLE\"\n      ></kit-svg-icon>\n    </div>\n  }\n</div>\n", styles: [".kit-input-label{display:flex;align-items:center;gap:4px}.kit-input-label-text{color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400}.kit-input-label-icon{display:block;width:14px;height:14px;fill:var(--ui-kit-color-grey-12);stroke:none;cursor:pointer}\n"] }]
+            args: [{ selector: 'kit-input-label', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-input-label\">\n  <kendo-label class=\"kit-input-label-text\"\n               [text]=\"text\"\n               [for]=\"for\"\n  ></kendo-label>\n\n  @if (tooltip) {\n    <div class=\"kit-input-label-tooltip\"\n         kitTooltip\n         kitTooltipFilter=\".kit-input-label-tooltip\"\n         [kitTooltipPosition]=\"KitTooltipPosition.TOP\"\n         [title]=\"tooltip\">\n      <kit-svg-icon class=\"kit-input-label-icon\"\n                    [icon]=\"KitSvgIcon.QUESTION_CIRCLE\"\n      ></kit-svg-icon>\n    </div>\n  }\n</div>\n", styles: [".kit-input-label{display:flex;align-items:center;gap:4px}.kit-input-label-text{color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400}.kit-input-label-icon{display:block;width:14px;height:14px;fill:var(--ui-kit-color-grey-12);stroke:none;cursor:pointer}\n"] }]
         }], propDecorators: { text: [{
                 type: Input
             }], for: [{
@@ -20,4 +23,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImpor
             }], tooltip: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LWlucHV0LWxhYmVsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMva2l0LWlucHV0LWxhYmVsL2tpdC1pbnB1dC1sYWJlbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1pbnB1dC1sYWJlbC9raXQtaW5wdXQtbGFiZWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBYyxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdEYsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLG9DQUFvQyxDQUFDOzs7O0FBUWhFLE1BQU0sT0FBTyxzQkFBc0I7SUFObkM7UUFzQlcsZUFBVSxHQUFzQixVQUFVLENBQUM7S0FDckQ7OEdBakJZLHNCQUFzQjtrR0FBdEIsc0JBQXNCLGlIQ1RuQyxxWUFjQTs7MkZETGEsc0JBQXNCO2tCQU5sQyxTQUFTOytCQUNFLGlCQUFpQixtQkFHVix1QkFBdUIsQ0FBQyxNQUFNOzhCQU10QyxJQUFJO3NCQUFaLEtBQUs7Z0JBS0csR0FBRztzQkFBWCxLQUFLO2dCQUtHLE9BQU87c0JBQWYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBLaXRTdmdJY29uIH0gZnJvbSAnLi4va2l0LXN2Zy1pY29uL2tpdC1zdmctaWNvbi5jb25zdCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2tpdC1pbnB1dC1sYWJlbCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9raXQtaW5wdXQtbGFiZWwuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4va2l0LWlucHV0LWxhYmVsLmNvbXBvbmVudC5zY3NzJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEtpdElucHV0TGFiZWxDb21wb25lbnQge1xuICAvKipcbiAgICogRGVmaW5lcyB0aGUgdGV4dCBjb250ZW50IG9mIHRoZSBsYWJlbFxuICAgKi9cbiAgQElucHV0KCkgdGV4dD86IHN0cmluZztcblxuICAvKipcbiAgICogQXNzb2NpYXRlcyB0aGUgbGFiZWwgd2l0aCBhIGNvbXBvbmVudCBieSBhIHRlbXBsYXRlIHJlZmVyZW5jZVxuICAgKi9cbiAgQElucHV0KCkgZm9yPzogRWxlbWVudFJlZjtcblxuICAvKipcbiAgICogRGVmaW5lcyB0aGUgdG9vbHRpcCB0ZXh0XG4gICAqL1xuICBASW5wdXQoKSB0b29sdGlwPzogc3RyaW5nO1xuXG4gIHJlYWRvbmx5IEtpdFN2Z0ljb246IHR5cGVvZiBLaXRTdmdJY29uID0gS2l0U3ZnSWNvbjtcbn1cbiIsIjxkaXYgY2xhc3M9XCJraXQtaW5wdXQtbGFiZWxcIj5cbiAgPGtlbmRvLWxhYmVsIGNsYXNzPVwia2l0LWlucHV0LWxhYmVsLXRleHRcIlxuICAgICAgICAgICAgICAgW3RleHRdPVwidGV4dFwiXG4gICAgICAgICAgICAgICBbZm9yXT1cImZvclwiXG4gID48L2tlbmRvLWxhYmVsPlxuXG4gIEBpZiAodG9vbHRpcCkge1xuICAgIDxkaXYgY2xhc3M9XCJraXQtaW5wdXQtbGFiZWwtdG9vbHRpcFwiPlxuICAgICAgPGtpdC1zdmctaWNvbiBjbGFzcz1cImtpdC1pbnB1dC1sYWJlbC1pY29uXCJcbiAgICAgICAgICAgICAgICAgICAgW2ljb25dPVwiS2l0U3ZnSWNvbi5RVUVTVElPTl9DSVJDTEVcIlxuICAgICAgPjwva2l0LXN2Zy1pY29uPlxuICAgIDwvZGl2PlxuICB9XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LWlucHV0LWxhYmVsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMva2l0LWlucHV0LWxhYmVsL2tpdC1pbnB1dC1sYWJlbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1pbnB1dC1sYWJlbC9raXQtaW5wdXQtbGFiZWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBYyxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdEYsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ2hFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLG9EQUFvRCxDQUFDOzs7OztBQVF4RixNQUFNLE9BQU8sc0JBQXNCO0lBTm5DO1FBc0JXLGVBQVUsR0FBc0IsVUFBVSxDQUFDO1FBQzNDLHVCQUFrQixHQUE4QixrQkFBa0IsQ0FBQztLQUM3RTs4R0FsQlksc0JBQXNCO2tHQUF0QixzQkFBc0IsaUhDVm5DLDBpQkFrQkE7OzJGRFJhLHNCQUFzQjtrQkFObEMsU0FBUzsrQkFDRSxpQkFBaUIsbUJBR1YsdUJBQXVCLENBQUMsTUFBTTs4QkFNdEMsSUFBSTtzQkFBWixLQUFLO2dCQUtHLEdBQUc7c0JBQVgsS0FBSztnQkFLRyxPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgS2l0U3ZnSWNvbiB9IGZyb20gJy4uL2tpdC1zdmctaWNvbi9raXQtc3ZnLWljb24uY29uc3QnO1xuaW1wb3J0IHsgS2l0VG9vbHRpcFBvc2l0aW9uIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcy9raXQtdG9vbHRpcC9raXQtdG9vbHRpcC5kaXJlY3RpdmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdraXQtaW5wdXQtbGFiZWwnLFxuICB0ZW1wbGF0ZVVybDogJy4va2l0LWlucHV0LWxhYmVsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2tpdC1pbnB1dC1sYWJlbC5jb21wb25lbnQuc2NzcycsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBLaXRJbnB1dExhYmVsQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIERlZmluZXMgdGhlIHRleHQgY29udGVudCBvZiB0aGUgbGFiZWxcbiAgICovXG4gIEBJbnB1dCgpIHRleHQ/OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIEFzc29jaWF0ZXMgdGhlIGxhYmVsIHdpdGggYSBjb21wb25lbnQgYnkgYSB0ZW1wbGF0ZSByZWZlcmVuY2VcbiAgICovXG4gIEBJbnB1dCgpIGZvcj86IEVsZW1lbnRSZWY7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgdGhlIHRvb2x0aXAgdGV4dFxuICAgKi9cbiAgQElucHV0KCkgdG9vbHRpcD86IHN0cmluZztcblxuICByZWFkb25seSBLaXRTdmdJY29uOiB0eXBlb2YgS2l0U3ZnSWNvbiA9IEtpdFN2Z0ljb247XG4gIHJlYWRvbmx5IEtpdFRvb2x0aXBQb3NpdGlvbjogdHlwZW9mIEtpdFRvb2x0aXBQb3NpdGlvbiA9IEtpdFRvb2x0aXBQb3NpdGlvbjtcbn1cbiIsIjxkaXYgY2xhc3M9XCJraXQtaW5wdXQtbGFiZWxcIj5cbiAgPGtlbmRvLWxhYmVsIGNsYXNzPVwia2l0LWlucHV0LWxhYmVsLXRleHRcIlxuICAgICAgICAgICAgICAgW3RleHRdPVwidGV4dFwiXG4gICAgICAgICAgICAgICBbZm9yXT1cImZvclwiXG4gID48L2tlbmRvLWxhYmVsPlxuXG4gIEBpZiAodG9vbHRpcCkge1xuICAgIDxkaXYgY2xhc3M9XCJraXQtaW5wdXQtbGFiZWwtdG9vbHRpcFwiXG4gICAgICAgICBraXRUb29sdGlwXG4gICAgICAgICBraXRUb29sdGlwRmlsdGVyPVwiLmtpdC1pbnB1dC1sYWJlbC10b29sdGlwXCJcbiAgICAgICAgIFtraXRUb29sdGlwUG9zaXRpb25dPVwiS2l0VG9vbHRpcFBvc2l0aW9uLlRPUFwiXG4gICAgICAgICBbdGl0bGVdPVwidG9vbHRpcFwiPlxuICAgICAgPGtpdC1zdmctaWNvbiBjbGFzcz1cImtpdC1pbnB1dC1sYWJlbC1pY29uXCJcbiAgICAgICAgICAgICAgICAgICAgW2ljb25dPVwiS2l0U3ZnSWNvbi5RVUVTVElPTl9DSVJDTEVcIlxuICAgICAgPjwva2l0LXN2Zy1pY29uPlxuICAgIDwvZGl2PlxuICB9XG48L2Rpdj5cbiJdfQ==

package/esm2022/lib/components/kit-input-label/kit-input-label.module.mjs

@@ -3,15 +3,18 @@ import { CommonModule } from '@angular/common';
 import { KitInputLabelComponent } from './kit-input-label.component';
 import { LabelModule } from '@progress/kendo-angular-label';
 import { KitSvgIconModule } from '../kit-svg-icon/kit-svg-icon.module';
+import { KitTooltipModule } from '../../directives/kit-tooltip/kit-tooltip.module';
 import * as i0 from "@angular/core";
 export class KitInputLabelModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitInputLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.7", ngImport: i0, type: KitInputLabelModule, declarations: [KitInputLabelComponent], imports: [CommonModule,
             LabelModule,
-            KitSvgIconModule], exports: [KitInputLabelComponent] }); }
+            KitSvgIconModule,
+            KitTooltipModule], exports: [KitInputLabelComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitInputLabelModule, imports: [CommonModule,
             LabelModule,
-            KitSvgIconModule] }); }
+            KitSvgIconModule,
+            KitTooltipModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitInputLabelModule, decorators: [{
             type: NgModule,
@@ -23,10 +26,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImpor
                         CommonModule,
                         LabelModule,
                         KitSvgIconModule,
+                        KitTooltipModule,
                     ],
                     exports: [
                         KitInputLabelComponent,
                     ],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LWlucHV0LWxhYmVsLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMva2l0LWlucHV0LWxhYmVsL2tpdC1pbnB1dC1sYWJlbC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDckUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQzVELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHFDQUFxQyxDQUFDOztBQWV2RSxNQUFNLE9BQU8sbUJBQW1COzhHQUFuQixtQkFBbUI7K0dBQW5CLG1CQUFtQixpQkFYNUIsc0JBQXNCLGFBR3RCLFlBQVk7WUFDWixXQUFXO1lBQ1gsZ0JBQWdCLGFBR2hCLHNCQUFzQjsrR0FHYixtQkFBbUIsWUFSNUIsWUFBWTtZQUNaLFdBQVc7WUFDWCxnQkFBZ0I7OzJGQU1QLG1CQUFtQjtrQkFiL0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osc0JBQXNCO3FCQUN2QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixXQUFXO3dCQUNYLGdCQUFnQjtxQkFDakI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLHNCQUFzQjtxQkFDdkI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEtpdElucHV0TGFiZWxDb21wb25lbnQgfSBmcm9tICcuL2tpdC1pbnB1dC1sYWJlbC5jb21wb25lbnQnO1xuaW1wb3J0IHsgTGFiZWxNb2R1bGUgfSBmcm9tICdAcHJvZ3Jlc3Mva2VuZG8tYW5ndWxhci1sYWJlbCc7XG5pbXBvcnQgeyBLaXRTdmdJY29uTW9kdWxlIH0gZnJvbSAnLi4va2l0LXN2Zy1pY29uL2tpdC1zdmctaWNvbi5tb2R1bGUnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBLaXRJbnB1dExhYmVsQ29tcG9uZW50LFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIExhYmVsTW9kdWxlLFxuICAgIEtpdFN2Z0ljb25Nb2R1bGUsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBLaXRJbnB1dExhYmVsQ29tcG9uZW50LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBLaXRJbnB1dExhYmVsTW9kdWxlIHtcbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LWlucHV0LWxhYmVsLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMva2l0LWlucHV0LWxhYmVsL2tpdC1pbnB1dC1sYWJlbC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDckUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQzVELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlEQUFpRCxDQUFDOztBQWdCbkYsTUFBTSxPQUFPLG1CQUFtQjs4R0FBbkIsbUJBQW1COytHQUFuQixtQkFBbUIsaUJBWjVCLHNCQUFzQixhQUd0QixZQUFZO1lBQ1osV0FBVztZQUNYLGdCQUFnQjtZQUNoQixnQkFBZ0IsYUFHaEIsc0JBQXNCOytHQUdiLG1CQUFtQixZQVQ1QixZQUFZO1lBQ1osV0FBVztZQUNYLGdCQUFnQjtZQUNoQixnQkFBZ0I7OzJGQU1QLG1CQUFtQjtrQkFkL0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osc0JBQXNCO3FCQUN2QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixXQUFXO3dCQUNYLGdCQUFnQjt3QkFDaEIsZ0JBQWdCO3FCQUNqQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1Asc0JBQXNCO3FCQUN2QjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgS2l0SW5wdXRMYWJlbENvbXBvbmVudCB9IGZyb20gJy4va2l0LWlucHV0LWxhYmVsLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBMYWJlbE1vZHVsZSB9IGZyb20gJ0Bwcm9ncmVzcy9rZW5kby1hbmd1bGFyLWxhYmVsJztcbmltcG9ydCB7IEtpdFN2Z0ljb25Nb2R1bGUgfSBmcm9tICcuLi9raXQtc3ZnLWljb24va2l0LXN2Zy1pY29uLm1vZHVsZSc7XG5pbXBvcnQgeyBLaXRUb29sdGlwTW9kdWxlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcy9raXQtdG9vbHRpcC9raXQtdG9vbHRpcC5tb2R1bGUnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBLaXRJbnB1dExhYmVsQ29tcG9uZW50LFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIExhYmVsTW9kdWxlLFxuICAgIEtpdFN2Z0ljb25Nb2R1bGUsXG4gICAgS2l0VG9vbHRpcE1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIEtpdElucHV0TGFiZWxDb21wb25lbnQsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEtpdElucHV0TGFiZWxNb2R1bGUge1xufVxuIl19

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

@@ -20,6 +20,10 @@ export class KitNavigationMenuComponent {
          * Defines whether the component will have an animation when collapsing/expanding the menu
          */
         this.animate = true;
+        /**
+         * Defines whether menu will be collapsed
+         */
+        this.collapsed = false;
         this.KitSvgIcon = KitSvgIcon;
         this.PanelBarExpandMode = PanelBarExpandMode;
         this.setExpandedStateOnRouterChange();
@@ -40,14 +44,16 @@ export class KitNavigationMenuComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitNavigationMenuComponent, deps: [{ token: i1.Router }], 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" }, ngImport: i0, template: "<div class=\"kit-navigation-menu\">\n  <kendo-panelbar [expandMode]=\"PanelBarExpandMode.Single\"\n                  [animate]=\"animate\">\n    @for (item of items; track item) {\n      <kendo-panelbar-item class=\"menu-item\"\n                           routerLinkActive=\"active\"\n                           [ngClass]=\"item.cssClass\"\n                           [class.has-children]=\"item.items?.length\"\n                           [expanded]=\"item.expanded\"\n                           [routerLink]=\"item.link\">\n        <ng-template kendoPanelBarItemTitle>\n          <kit-svg-icon class=\"item-icon\"\n                        [icon]=\"item.icon\"\n          ></kit-svg-icon>\n          <span class=\"item-text\">{{ item.title }}</span>\n        </ng-template>\n\n        @for (child of item.items; track child) {\n          <kendo-panelbar-item class=\"menu-child-item\"\n                               routerLinkActive=\"active\"\n                               [title]=\"child.title\"\n                               [ngClass]=\"child.cssClass\"\n                               [class.has-children]=\"child.items?.length\"\n                               [expanded]=\"child.expanded\"\n                               [routerLink]=\"child.link\">\n            @for (subChild of child.items; track subChild) {\n              <kendo-panelbar-item class=\"menu-link\"\n                                   routerLinkActive=\"active\"\n                                   [ngClass]=\"subChild.cssClass\"\n                                   [routerLink]=\"subChild.link\">\n                <ng-template kendoPanelBarItemTitle>\n                  <span class=\"item-text\">{{ subChild.title }}</span>\n                  <kit-svg-icon class=\"item-icon\"\n                                [icon]=\"KitSvgIcon.CHEVRON_RIGHT\"\n                  ></kit-svg-icon>\n                </ng-template>\n              </kendo-panelbar-item>\n            }\n          </kendo-panelbar-item>\n        }\n      </kendo-panelbar-item>\n    }\n  </kendo-panelbar>\n</div>\n\n", styles: [".kit-navigation-menu .k-panelbar{display:flex;flex-direction:column;gap:20px;border:none;background:none}.kit-navigation-menu ::ng-deep .k-panelbar-group{display:flex;flex-direction:column;gap:20px;margin-top:20px}.kit-navigation-menu .menu-item{border:none}.kit-navigation-menu .menu-item .item-icon{width:16px;height:16px;fill:var(--ui-kit-color-main)}.kit-navigation-menu .menu-item .item-text{color:var(--ui-kit-color-white);font-size:14px;font-weight:400}.kit-navigation-menu .menu-item.k-expanded ::ng-deep>.k-link{background:var(--ui-kit-color-selected)}.kit-navigation-menu .menu-item.k-expanded ::ng-deep>.k-link .k-panelbar-toggle{color:var(--ui-kit-color-main)}.kit-navigation-menu .menu-item.k-expanded ::ng-deep>.k-link .item-icon{fill:var(--ui-kit-color-main)}.kit-navigation-menu .menu-item.active:not(.has-children) ::ng-deep>.k-link{background:var(--ui-kit-color-main)}.kit-navigation-menu .menu-item.active:not(.has-children) ::ng-deep>.k-link .item-text{color:var(--ui-kit-color-white)}.kit-navigation-menu .menu-item.active:not(.has-children) ::ng-deep>.k-link .item-icon{fill:var(--ui-kit-color-white)}.kit-navigation-menu .menu-item ::ng-deep .k-link{padding:9px 24px;gap:8px;color:var(--ui-kit-color-white);border-radius:8px;background:none;cursor:pointer;transition:none}.kit-navigation-menu .menu-item ::ng-deep .k-link.k-focus{box-shadow:none}.kit-navigation-menu .menu-item ::ng-deep .k-link .k-panelbar-toggle{color:var(--ui-kit-color-main)}.kit-navigation-menu .menu-item ::ng-deep .k-link:hover .item-icon{fill:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-item ::ng-deep .k-link:hover .item-text{color:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-item ::ng-deep .k-link:hover .k-panelbar-toggle{color:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-child-item.k-expanded ::ng-deep>.k-link{color:var(--ui-kit-color-main)}.kit-navigation-menu .menu-child-item.active:not(.has-children) ::ng-deep>.k-link{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-navigation-menu .menu-child-item ::ng-deep .k-panelbar-toggle{display:none}.kit-navigation-menu .menu-child-item ::ng-deep .k-selected:hover{background:none}.kit-navigation-menu .menu-child-item ::ng-deep .k-link:hover{color:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-link .item-icon{stroke:var(--ui-kit-color-grey-9);fill:none}.kit-navigation-menu .menu-link .item-text{color:var(--ui-kit-color-grey-9)}.kit-navigation-menu .menu-link ::ng-deep .k-link{padding:9px 6px 9px 36px}.kit-navigation-menu .menu-link ::ng-deep .k-link:hover .item-icon{fill:none;stroke:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-link.active ::ng-deep .k-link{background:var(--ui-kit-color-main)}.kit-navigation-menu .menu-link.active ::ng-deep .k-link .item-text{color:var(--ui-kit-color-white)}.kit-navigation-menu .menu-link.active ::ng-deep .k-link .item-icon{stroke:var(--ui-kit-color-white)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i3.PanelBarComponent, selector: "kendo-panelbar", inputs: ["expandMode", "selectable", "animate", "height", "keepItemContent", "items"], outputs: ["stateChange", "select", "expand", "collapse", "itemClick"], exportAs: ["kendoPanelbar"] }, { kind: "component", type: i3.PanelBarItemComponent, selector: "kendo-panelbar-item", inputs: ["title", "id", "icon", "iconClass", "svgIcon", "imageUrl", "disabled", "expanded", "selected", "content", "items", "template"], exportAs: ["kendoPanelbarItem"] }, { kind: "directive", type: i3.PanelBarItemTitleDirective, selector: "[kendoPanelBarItemTitle]" }, { kind: "component", type: i4.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.7", type: KitNavigationMenuComponent, selector: "kit-navigation-menu", inputs: { items: "items", animate: "animate", collapsed: "collapsed" }, ngImport: i0, template: "<div class=\"kit-navigation-menu\"\n     [class.collapsed]=\"collapsed\">\n  <kendo-panelbar [expandMode]=\"PanelBarExpandMode.Single\"\n                  [animate]=\"animate\">\n    @for (item of items; track item) {\n      <kendo-panelbar-item class=\"menu-item\"\n                           routerLinkActive=\"active\"\n                           [ngClass]=\"item.cssClass\"\n                           [class.has-children]=\"item.items?.length\"\n                           [expanded]=\"item.expanded\"\n                           [routerLink]=\"item.link\">\n        <ng-template kendoPanelBarItemTitle>\n          <kit-svg-icon class=\"item-icon\"\n                        [icon]=\"item.icon\"\n          ></kit-svg-icon>\n          <span class=\"item-text\">{{ item.title }}</span>\n          @if (item.items?.length) {\n            <kit-svg-icon class=\"toggle-icon\"\n                          [icon]=\"KitSvgIcon.CHEVRON_DOWN\"\n            ></kit-svg-icon>\n          }\n        </ng-template>\n\n        @for (child of item.items; track child) {\n          <kendo-panelbar-item class=\"menu-child-item\"\n                               routerLinkActive=\"active\"\n                               [ngClass]=\"child.cssClass\"\n                               [class.has-children]=\"child.items?.length\"\n                               [expanded]=\"child.expanded\"\n                               [routerLink]=\"child.link\">\n            <ng-template kendoPanelBarItemTitle>\n              <span class=\"item-text\">{{ child.title }}</span>\n              @if (child.items?.length) {\n                <kit-svg-icon class=\"toggle-icon\"\n                              [icon]=\"KitSvgIcon.CHEVRON_DOWN\"\n                ></kit-svg-icon>\n              }\n            </ng-template>\n\n            @for (subChild of child.items; track subChild) {\n              <kendo-panelbar-item class=\"menu-link\"\n                                   routerLinkActive=\"active\"\n                                   [ngClass]=\"subChild.cssClass\"\n                                   [routerLink]=\"subChild.link\">\n                <ng-template kendoPanelBarItemTitle>\n                  <span class=\"item-text\">{{ subChild.title }}</span>\n                  <kit-svg-icon class=\"item-icon\"\n                                [icon]=\"KitSvgIcon.CHEVRON_RIGHT\"\n                  ></kit-svg-icon>\n                </ng-template>\n              </kendo-panelbar-item>\n            }\n          </kendo-panelbar-item>\n        }\n      </kendo-panelbar-item>\n    }\n  </kendo-panelbar>\n</div>\n\n", styles: [".kit-navigation-menu{width:100%;overflow:hidden;transition:width .3s}.kit-navigation-menu .k-panelbar{display:flex;flex-direction:column;gap:20px;border:none;background:none}.kit-navigation-menu ::ng-deep .k-panelbar-group{display:flex;flex-direction:column;gap:20px;margin-top:20px}.kit-navigation-menu ::ng-deep .k-panelbar-toggle{display:none}.kit-navigation-menu .menu-item{border:none}.kit-navigation-menu .menu-item .item-icon{width:16px;height:16px;fill:var(--ui-kit-color-main);flex-shrink:0}.kit-navigation-menu .menu-item .item-text{color:var(--ui-kit-color-white);font-size:14px;font-weight:400;transition:opacity .3s ease}.kit-navigation-menu .menu-item .toggle-icon{width:16px;height:16px;stroke:var(--ui-kit-color-main);fill:none;flex-shrink:0;transition:rotate .3s ease}.kit-navigation-menu .menu-item.k-expanded ::ng-deep>.k-link{background:var(--ui-kit-color-selected)}.kit-navigation-menu .menu-item.k-expanded ::ng-deep>.k-link .item-icon{fill:var(--ui-kit-color-main)}.kit-navigation-menu .menu-item.k-expanded ::ng-deep>.k-link .toggle-icon{transform:rotate(180deg)}.kit-navigation-menu .menu-item.active:not(.has-children) ::ng-deep>.k-link{background:var(--ui-kit-color-main)}.kit-navigation-menu .menu-item.active:not(.has-children) ::ng-deep>.k-link .item-text{color:var(--ui-kit-color-white)}.kit-navigation-menu .menu-item.active:not(.has-children) ::ng-deep>.k-link .item-icon{fill:var(--ui-kit-color-white)}.kit-navigation-menu .menu-item ::ng-deep .k-link{padding:10px 24px;gap:8px;min-height:40px;color:var(--ui-kit-color-white);border-radius:8px;background:none;cursor:pointer;transition:none}.kit-navigation-menu .menu-item ::ng-deep .k-link.k-focus{box-shadow:none}.kit-navigation-menu .menu-item ::ng-deep .k-link:hover .item-icon{fill:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-item ::ng-deep .k-link:hover .item-text{color:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-item ::ng-deep .k-link:hover .toggle-icon{stroke:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-child-item.k-expanded ::ng-deep>.k-link{color:var(--ui-kit-color-main)}.kit-navigation-menu .menu-child-item.k-expanded ::ng-deep .toggle-icon{transform:rotate(180deg)}.kit-navigation-menu .menu-child-item.active:not(.has-children) ::ng-deep .k-link{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-navigation-menu .menu-child-item.active:not(.has-children) ::ng-deep .k-link:hover .item-text{color:var(--ui-kit-color-white)}.kit-navigation-menu .menu-child-item ::ng-deep .k-panelbar-toggle{display:none}.kit-navigation-menu .menu-child-item ::ng-deep .k-selected:hover{background:none}.kit-navigation-menu .menu-child-item ::ng-deep .k-link:hover{color:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-link .item-icon{stroke:var(--ui-kit-color-grey-9);fill:none}.kit-navigation-menu .menu-link .item-text{color:var(--ui-kit-color-grey-9)}.kit-navigation-menu .menu-link ::ng-deep .k-link{padding:10px 6px 10px 36px}.kit-navigation-menu .menu-link ::ng-deep .k-link:hover .item-icon{fill:none;stroke:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-link.active ::ng-deep .k-link{background:var(--ui-kit-color-main)}.kit-navigation-menu .menu-link.active ::ng-deep .k-link .item-text{color:var(--ui-kit-color-white)}.kit-navigation-menu .menu-link.active ::ng-deep .k-link .item-icon{stroke:var(--ui-kit-color-white)}.kit-navigation-menu.collapsed{width:88px}.kit-navigation-menu.collapsed .menu-item .item-text{width:0;opacity:0}.kit-navigation-menu.collapsed .menu-item .item-icon{fill:var(--ui-kit-color-white)}.kit-navigation-menu.collapsed .menu-item:hover .item-icon{fill:var(--ui-kit-color-hover)}.kit-navigation-menu.collapsed ::ng-deep .k-panelbar-group{display:none}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i3.PanelBarComponent, selector: "kendo-panelbar", inputs: ["expandMode", "selectable", "animate", "height", "keepItemContent", "items"], outputs: ["stateChange", "select", "expand", "collapse", "itemClick"], exportAs: ["kendoPanelbar"] }, { kind: "component", type: i3.PanelBarItemComponent, selector: "kendo-panelbar-item", inputs: ["title", "id", "icon", "iconClass", "svgIcon", "imageUrl", "disabled", "expanded", "selected", "content", "items", "template"], exportAs: ["kendoPanelbarItem"] }, { kind: "directive", type: i3.PanelBarItemTitleDirective, selector: "[kendoPanelBarItemTitle]" }, { kind: "component", type: i4.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitNavigationMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kit-navigation-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-navigation-menu\">\n  <kendo-panelbar [expandMode]=\"PanelBarExpandMode.Single\"\n                  [animate]=\"animate\">\n    @for (item of items; track item) {\n      <kendo-panelbar-item class=\"menu-item\"\n                           routerLinkActive=\"active\"\n                           [ngClass]=\"item.cssClass\"\n                           [class.has-children]=\"item.items?.length\"\n                           [expanded]=\"item.expanded\"\n                           [routerLink]=\"item.link\">\n        <ng-template kendoPanelBarItemTitle>\n          <kit-svg-icon class=\"item-icon\"\n                        [icon]=\"item.icon\"\n          ></kit-svg-icon>\n          <span class=\"item-text\">{{ item.title }}</span>\n        </ng-template>\n\n        @for (child of item.items; track child) {\n          <kendo-panelbar-item class=\"menu-child-item\"\n                               routerLinkActive=\"active\"\n                               [title]=\"child.title\"\n                               [ngClass]=\"child.cssClass\"\n                               [class.has-children]=\"child.items?.length\"\n                               [expanded]=\"child.expanded\"\n                               [routerLink]=\"child.link\">\n            @for (subChild of child.items; track subChild) {\n              <kendo-panelbar-item class=\"menu-link\"\n                                   routerLinkActive=\"active\"\n                                   [ngClass]=\"subChild.cssClass\"\n                                   [routerLink]=\"subChild.link\">\n                <ng-template kendoPanelBarItemTitle>\n                  <span class=\"item-text\">{{ subChild.title }}</span>\n                  <kit-svg-icon class=\"item-icon\"\n                                [icon]=\"KitSvgIcon.CHEVRON_RIGHT\"\n                  ></kit-svg-icon>\n                </ng-template>\n              </kendo-panelbar-item>\n            }\n          </kendo-panelbar-item>\n        }\n      </kendo-panelbar-item>\n    }\n  </kendo-panelbar>\n</div>\n\n", styles: [".kit-navigation-menu .k-panelbar{display:flex;flex-direction:column;gap:20px;border:none;background:none}.kit-navigation-menu ::ng-deep .k-panelbar-group{display:flex;flex-direction:column;gap:20px;margin-top:20px}.kit-navigation-menu .menu-item{border:none}.kit-navigation-menu .menu-item .item-icon{width:16px;height:16px;fill:var(--ui-kit-color-main)}.kit-navigation-menu .menu-item .item-text{color:var(--ui-kit-color-white);font-size:14px;font-weight:400}.kit-navigation-menu .menu-item.k-expanded ::ng-deep>.k-link{background:var(--ui-kit-color-selected)}.kit-navigation-menu .menu-item.k-expanded ::ng-deep>.k-link .k-panelbar-toggle{color:var(--ui-kit-color-main)}.kit-navigation-menu .menu-item.k-expanded ::ng-deep>.k-link .item-icon{fill:var(--ui-kit-color-main)}.kit-navigation-menu .menu-item.active:not(.has-children) ::ng-deep>.k-link{background:var(--ui-kit-color-main)}.kit-navigation-menu .menu-item.active:not(.has-children) ::ng-deep>.k-link .item-text{color:var(--ui-kit-color-white)}.kit-navigation-menu .menu-item.active:not(.has-children) ::ng-deep>.k-link .item-icon{fill:var(--ui-kit-color-white)}.kit-navigation-menu .menu-item ::ng-deep .k-link{padding:9px 24px;gap:8px;color:var(--ui-kit-color-white);border-radius:8px;background:none;cursor:pointer;transition:none}.kit-navigation-menu .menu-item ::ng-deep .k-link.k-focus{box-shadow:none}.kit-navigation-menu .menu-item ::ng-deep .k-link .k-panelbar-toggle{color:var(--ui-kit-color-main)}.kit-navigation-menu .menu-item ::ng-deep .k-link:hover .item-icon{fill:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-item ::ng-deep .k-link:hover .item-text{color:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-item ::ng-deep .k-link:hover .k-panelbar-toggle{color:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-child-item.k-expanded ::ng-deep>.k-link{color:var(--ui-kit-color-main)}.kit-navigation-menu .menu-child-item.active:not(.has-children) ::ng-deep>.k-link{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-navigation-menu .menu-child-item ::ng-deep .k-panelbar-toggle{display:none}.kit-navigation-menu .menu-child-item ::ng-deep .k-selected:hover{background:none}.kit-navigation-menu .menu-child-item ::ng-deep .k-link:hover{color:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-link .item-icon{stroke:var(--ui-kit-color-grey-9);fill:none}.kit-navigation-menu .menu-link .item-text{color:var(--ui-kit-color-grey-9)}.kit-navigation-menu .menu-link ::ng-deep .k-link{padding:9px 6px 9px 36px}.kit-navigation-menu .menu-link ::ng-deep .k-link:hover .item-icon{fill:none;stroke:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-link.active ::ng-deep .k-link{background:var(--ui-kit-color-main)}.kit-navigation-menu .menu-link.active ::ng-deep .k-link .item-text{color:var(--ui-kit-color-white)}.kit-navigation-menu .menu-link.active ::ng-deep .k-link .item-icon{stroke:var(--ui-kit-color-white)}\n"] }]
+            args: [{ selector: 'kit-navigation-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-navigation-menu\"\n     [class.collapsed]=\"collapsed\">\n  <kendo-panelbar [expandMode]=\"PanelBarExpandMode.Single\"\n                  [animate]=\"animate\">\n    @for (item of items; track item) {\n      <kendo-panelbar-item class=\"menu-item\"\n                           routerLinkActive=\"active\"\n                           [ngClass]=\"item.cssClass\"\n                           [class.has-children]=\"item.items?.length\"\n                           [expanded]=\"item.expanded\"\n                           [routerLink]=\"item.link\">\n        <ng-template kendoPanelBarItemTitle>\n          <kit-svg-icon class=\"item-icon\"\n                        [icon]=\"item.icon\"\n          ></kit-svg-icon>\n          <span class=\"item-text\">{{ item.title }}</span>\n          @if (item.items?.length) {\n            <kit-svg-icon class=\"toggle-icon\"\n                          [icon]=\"KitSvgIcon.CHEVRON_DOWN\"\n            ></kit-svg-icon>\n          }\n        </ng-template>\n\n        @for (child of item.items; track child) {\n          <kendo-panelbar-item class=\"menu-child-item\"\n                               routerLinkActive=\"active\"\n                               [ngClass]=\"child.cssClass\"\n                               [class.has-children]=\"child.items?.length\"\n                               [expanded]=\"child.expanded\"\n                               [routerLink]=\"child.link\">\n            <ng-template kendoPanelBarItemTitle>\n              <span class=\"item-text\">{{ child.title }}</span>\n              @if (child.items?.length) {\n                <kit-svg-icon class=\"toggle-icon\"\n                              [icon]=\"KitSvgIcon.CHEVRON_DOWN\"\n                ></kit-svg-icon>\n              }\n            </ng-template>\n\n            @for (subChild of child.items; track subChild) {\n              <kendo-panelbar-item class=\"menu-link\"\n                                   routerLinkActive=\"active\"\n                                   [ngClass]=\"subChild.cssClass\"\n                                   [routerLink]=\"subChild.link\">\n                <ng-template kendoPanelBarItemTitle>\n                  <span class=\"item-text\">{{ subChild.title }}</span>\n                  <kit-svg-icon class=\"item-icon\"\n                                [icon]=\"KitSvgIcon.CHEVRON_RIGHT\"\n                  ></kit-svg-icon>\n                </ng-template>\n              </kendo-panelbar-item>\n            }\n          </kendo-panelbar-item>\n        }\n      </kendo-panelbar-item>\n    }\n  </kendo-panelbar>\n</div>\n\n", styles: [".kit-navigation-menu{width:100%;overflow:hidden;transition:width .3s}.kit-navigation-menu .k-panelbar{display:flex;flex-direction:column;gap:20px;border:none;background:none}.kit-navigation-menu ::ng-deep .k-panelbar-group{display:flex;flex-direction:column;gap:20px;margin-top:20px}.kit-navigation-menu ::ng-deep .k-panelbar-toggle{display:none}.kit-navigation-menu .menu-item{border:none}.kit-navigation-menu .menu-item .item-icon{width:16px;height:16px;fill:var(--ui-kit-color-main);flex-shrink:0}.kit-navigation-menu .menu-item .item-text{color:var(--ui-kit-color-white);font-size:14px;font-weight:400;transition:opacity .3s ease}.kit-navigation-menu .menu-item .toggle-icon{width:16px;height:16px;stroke:var(--ui-kit-color-main);fill:none;flex-shrink:0;transition:rotate .3s ease}.kit-navigation-menu .menu-item.k-expanded ::ng-deep>.k-link{background:var(--ui-kit-color-selected)}.kit-navigation-menu .menu-item.k-expanded ::ng-deep>.k-link .item-icon{fill:var(--ui-kit-color-main)}.kit-navigation-menu .menu-item.k-expanded ::ng-deep>.k-link .toggle-icon{transform:rotate(180deg)}.kit-navigation-menu .menu-item.active:not(.has-children) ::ng-deep>.k-link{background:var(--ui-kit-color-main)}.kit-navigation-menu .menu-item.active:not(.has-children) ::ng-deep>.k-link .item-text{color:var(--ui-kit-color-white)}.kit-navigation-menu .menu-item.active:not(.has-children) ::ng-deep>.k-link .item-icon{fill:var(--ui-kit-color-white)}.kit-navigation-menu .menu-item ::ng-deep .k-link{padding:10px 24px;gap:8px;min-height:40px;color:var(--ui-kit-color-white);border-radius:8px;background:none;cursor:pointer;transition:none}.kit-navigation-menu .menu-item ::ng-deep .k-link.k-focus{box-shadow:none}.kit-navigation-menu .menu-item ::ng-deep .k-link:hover .item-icon{fill:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-item ::ng-deep .k-link:hover .item-text{color:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-item ::ng-deep .k-link:hover .toggle-icon{stroke:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-child-item.k-expanded ::ng-deep>.k-link{color:var(--ui-kit-color-main)}.kit-navigation-menu .menu-child-item.k-expanded ::ng-deep .toggle-icon{transform:rotate(180deg)}.kit-navigation-menu .menu-child-item.active:not(.has-children) ::ng-deep .k-link{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-navigation-menu .menu-child-item.active:not(.has-children) ::ng-deep .k-link:hover .item-text{color:var(--ui-kit-color-white)}.kit-navigation-menu .menu-child-item ::ng-deep .k-panelbar-toggle{display:none}.kit-navigation-menu .menu-child-item ::ng-deep .k-selected:hover{background:none}.kit-navigation-menu .menu-child-item ::ng-deep .k-link:hover{color:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-link .item-icon{stroke:var(--ui-kit-color-grey-9);fill:none}.kit-navigation-menu .menu-link .item-text{color:var(--ui-kit-color-grey-9)}.kit-navigation-menu .menu-link ::ng-deep .k-link{padding:10px 6px 10px 36px}.kit-navigation-menu .menu-link ::ng-deep .k-link:hover .item-icon{fill:none;stroke:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-link.active ::ng-deep .k-link{background:var(--ui-kit-color-main)}.kit-navigation-menu .menu-link.active ::ng-deep .k-link .item-text{color:var(--ui-kit-color-white)}.kit-navigation-menu .menu-link.active ::ng-deep .k-link .item-icon{stroke:var(--ui-kit-color-white)}.kit-navigation-menu.collapsed{width:88px}.kit-navigation-menu.collapsed .menu-item .item-text{width:0;opacity:0}.kit-navigation-menu.collapsed .menu-item .item-icon{fill:var(--ui-kit-color-white)}.kit-navigation-menu.collapsed .menu-item:hover .item-icon{fill:var(--ui-kit-color-hover)}.kit-navigation-menu.collapsed ::ng-deep .k-panelbar-group{display:none}\n"] }]
         }], ctorParameters: () => [{ type: i1.Router }], propDecorators: { items: [{
                 type: Input
             }], animate: [{
                 type: Input
+            }], collapsed: [{
+                type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LW5hdmlnYXRpb24tbWVudS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1uYXZpZ2F0aW9uLW1lbnUva2l0LW5hdmlnYXRpb24tbWVudS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1uYXZpZ2F0aW9uLW1lbnUva2l0LW5hdmlnYXRpb24tbWVudS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUxRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBVSxNQUFNLGlCQUFpQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDOUIsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7Ozs7OztBQVFoRSxNQUFNLE9BQU8sMEJBQTBCO0lBY3JDLFlBQ1UsTUFBYztRQUFkLFdBQU0sR0FBTixNQUFNLENBQVE7UUFkeEI7O1dBRUc7UUFDTSxVQUFLLEdBQTRCLEVBQUUsQ0FBQztRQUU3Qzs7V0FFRztRQUNNLFlBQU8sR0FBWSxJQUFJLENBQUM7UUFFeEIsZUFBVSxHQUFzQixVQUFVLENBQUM7UUFDM0MsdUJBQWtCLEdBQThCLGtCQUFrQixDQUFDO1FBSzFFLElBQUksQ0FBQyw4QkFBOEIsRUFBRSxDQUFDO0lBQ3hDLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUNyRCxDQUFDO0lBRU8sOEJBQThCO1FBQ3BDLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLElBQUksQ0FDckIsTUFBTSxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsS0FBSyxZQUFZLGFBQWEsQ0FBQyxFQUMvQyxrQkFBa0IsRUFBRSxDQUNyQixDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUM7SUFDeEUsQ0FBQztJQUVPLGdCQUFnQixDQUFDLEtBQThCLEVBQUUsR0FBVztRQUNsRSxLQUFLLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxFQUFFO1lBQ25CLElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLElBQUksSUFBSSxHQUFHLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO1lBQzNELElBQUksSUFBSSxDQUFDLEtBQUssRUFBRTtnQkFDZCxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxHQUFHLENBQUMsQ0FBQztnQkFDdkMsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQzthQUMxRDtRQUNILENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs4R0F2Q1UsMEJBQTBCO2tHQUExQiwwQkFBMEIsMkdDZHZDLG1oRUE2Q0E7OzJGRC9CYSwwQkFBMEI7a0JBTnRDLFNBQVM7K0JBQ0UscUJBQXFCLG1CQUdkLHVCQUF1QixDQUFDLE1BQU07MkVBTXRDLEtBQUs7c0JBQWIsS0FBSztnQkFLRyxPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgS2l0TmF2aWdhdGlvbk1lbnVJdGVtIH0gZnJvbSAnLi9raXQtbmF2aWdhdGlvbi1tZW51Lm1vZGVsJztcbmltcG9ydCB7IEtpdFN2Z0ljb24gfSBmcm9tICcuLi9raXQtc3ZnLWljb24va2l0LXN2Zy1pY29uLmNvbnN0JztcbmltcG9ydCB7IE5hdmlnYXRpb25FbmQsIFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBQYW5lbEJhckV4cGFuZE1vZGUgfSBmcm9tICdAcHJvZ3Jlc3Mva2VuZG8tYW5ndWxhci1sYXlvdXQnO1xuaW1wb3J0IHsgZmlsdGVyIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyB0YWtlVW50aWxEZXN0cm95ZWQgfSBmcm9tICdAYW5ndWxhci9jb3JlL3J4anMtaW50ZXJvcCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2tpdC1uYXZpZ2F0aW9uLW1lbnUnLFxuICB0ZW1wbGF0ZVVybDogJy4va2l0LW5hdmlnYXRpb24tbWVudS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9raXQtbmF2aWdhdGlvbi1tZW51LmNvbXBvbmVudC5zY3NzJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEtpdE5hdmlnYXRpb25NZW51Q29tcG9uZW50IHtcbiAgLyoqXG4gICAqIEFuIGl0ZW1zIGxpc3Qgd2hpY2ggaXMgZ29pbmcgdG8gYmUgcmVuZGVyZWQgYXMgbWVudSBpdGVtc1xuICAgKi9cbiAgQElucHV0KCkgaXRlbXM6IEtpdE5hdmlnYXRpb25NZW51SXRlbVtdID0gW107XG5cbiAgLyoqXG4gICAqIERlZmluZXMgd2hldGhlciB0aGUgY29tcG9uZW50IHdpbGwgaGF2ZSBhbiBhbmltYXRpb24gd2hlbiBjb2xsYXBzaW5nL2V4cGFuZGluZyB0aGUgbWVudVxuICAgKi9cbiAgQElucHV0KCkgYW5pbWF0ZTogYm9vbGVhbiA9IHRydWU7XG5cbiAgcmVhZG9ubHkgS2l0U3ZnSWNvbjogdHlwZW9mIEtpdFN2Z0ljb24gPSBLaXRTdmdJY29uO1xuICByZWFkb25seSBQYW5lbEJhckV4cGFuZE1vZGU6IHR5cGVvZiBQYW5lbEJhckV4cGFuZE1vZGUgPSBQYW5lbEJhckV4cGFuZE1vZGU7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSByb3V0ZXI6IFJvdXRlcixcbiAgKSB7XG4gICAgdGhpcy5zZXRFeHBhbmRlZFN0YXRlT25Sb3V0ZXJDaGFuZ2UoKTtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuc2V0RXhwYW5kZWRTdGF0ZSh0aGlzLml0ZW1zLCB0aGlzLnJvdXRlci51cmwpO1xuICB9XG5cbiAgcHJpdmF0ZSBzZXRFeHBhbmRlZFN0YXRlT25Sb3V0ZXJDaGFuZ2UoKTogdm9pZCB7XG4gICAgdGhpcy5yb3V0ZXIuZXZlbnRzLnBpcGUoXG4gICAgICBmaWx0ZXIoZXZlbnQgPT4gZXZlbnQgaW5zdGFuY2VvZiBOYXZpZ2F0aW9uRW5kKSxcbiAgICAgIHRha2VVbnRpbERlc3Ryb3llZCgpLFxuICAgICkuc3Vic2NyaWJlKCgpID0+IHRoaXMuc2V0RXhwYW5kZWRTdGF0ZSh0aGlzLml0ZW1zLCB0aGlzLnJvdXRlci51cmwpKTtcbiAgfVxuXG4gIHByaXZhdGUgc2V0RXhwYW5kZWRTdGF0ZShpdGVtczogS2l0TmF2aWdhdGlvbk1lbnVJdGVtW10sIHVybDogc3RyaW5nKTogdm9pZCB7XG4gICAgaXRlbXMuZm9yRWFjaChpdGVtID0+IHtcbiAgICAgIGl0ZW0uZXhwYW5kZWQgPSAhIShpdGVtLmxpbmsgJiYgdXJsLnN0YXJ0c1dpdGgoaXRlbS5saW5rKSk7XG4gICAgICBpZiAoaXRlbS5pdGVtcykge1xuICAgICAgICB0aGlzLnNldEV4cGFuZGVkU3RhdGUoaXRlbS5pdGVtcywgdXJsKTtcbiAgICAgICAgaXRlbS5leHBhbmRlZCA9IGl0ZW0uaXRlbXMuc29tZShjaGlsZCA9PiBjaGlsZC5leHBhbmRlZCk7XG4gICAgICB9XG4gICAgfSk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJraXQtbmF2aWdhdGlvbi1tZW51XCI+XG4gIDxrZW5kby1wYW5lbGJhciBbZXhwYW5kTW9kZV09XCJQYW5lbEJhckV4cGFuZE1vZGUuU2luZ2xlXCJcbiAgICAgICAgICAgICAgICAgIFthbmltYXRlXT1cImFuaW1hdGVcIj5cbiAgICBAZm9yIChpdGVtIG9mIGl0ZW1zOyB0cmFjayBpdGVtKSB7XG4gICAgICA8a2VuZG8tcGFuZWxiYXItaXRlbSBjbGFzcz1cIm1lbnUtaXRlbVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICByb3V0ZXJMaW5rQWN0aXZlPVwiYWN0aXZlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cIml0ZW0uY3NzQ2xhc3NcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgW2NsYXNzLmhhcy1jaGlsZHJlbl09XCJpdGVtLml0ZW1zPy5sZW5ndGhcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgW2V4cGFuZGVkXT1cIml0ZW0uZXhwYW5kZWRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgW3JvdXRlckxpbmtdPVwiaXRlbS5saW5rXCI+XG4gICAgICAgIDxuZy10ZW1wbGF0ZSBrZW5kb1BhbmVsQmFySXRlbVRpdGxlPlxuICAgICAgICAgIDxraXQtc3ZnLWljb24gY2xhc3M9XCJpdGVtLWljb25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2ljb25dPVwiaXRlbS5pY29uXCJcbiAgICAgICAgICA+PC9raXQtc3ZnLWljb24+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJpdGVtLXRleHRcIj57eyBpdGVtLnRpdGxlIH19PC9zcGFuPlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuXG4gICAgICAgIEBmb3IgKGNoaWxkIG9mIGl0ZW0uaXRlbXM7IHRyYWNrIGNoaWxkKSB7XG4gICAgICAgICAgPGtlbmRvLXBhbmVsYmFyLWl0ZW0gY2xhc3M9XCJtZW51LWNoaWxkLWl0ZW1cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJvdXRlckxpbmtBY3RpdmU9XCJhY3RpdmVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFt0aXRsZV09XCJjaGlsZC50aXRsZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwiY2hpbGQuY3NzQ2xhc3NcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtjbGFzcy5oYXMtY2hpbGRyZW5dPVwiY2hpbGQuaXRlbXM/Lmxlbmd0aFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2V4cGFuZGVkXT1cImNoaWxkLmV4cGFuZGVkXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbcm91dGVyTGlua109XCJjaGlsZC5saW5rXCI+XG4gICAgICAgICAgICBAZm9yIChzdWJDaGlsZCBvZiBjaGlsZC5pdGVtczsgdHJhY2sgc3ViQ2hpbGQpIHtcbiAgICAgICAgICAgICAgPGtlbmRvLXBhbmVsYmFyLWl0ZW0gY2xhc3M9XCJtZW51LWxpbmtcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByb3V0ZXJMaW5rQWN0aXZlPVwiYWN0aXZlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwic3ViQ2hpbGQuY3NzQ2xhc3NcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbcm91dGVyTGlua109XCJzdWJDaGlsZC5saW5rXCI+XG4gICAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlIGtlbmRvUGFuZWxCYXJJdGVtVGl0bGU+XG4gICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cIml0ZW0tdGV4dFwiPnt7IHN1YkNoaWxkLnRpdGxlIH19PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgPGtpdC1zdmctaWNvbiBjbGFzcz1cIml0ZW0taWNvblwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtpY29uXT1cIktpdFN2Z0ljb24uQ0hFVlJPTl9SSUdIVFwiXG4gICAgICAgICAgICAgICAgICA+PC9raXQtc3ZnLWljb24+XG4gICAgICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgICAgICAgPC9rZW5kby1wYW5lbGJhci1pdGVtPlxuICAgICAgICAgICAgfVxuICAgICAgICAgIDwva2VuZG8tcGFuZWxiYXItaXRlbT5cbiAgICAgICAgfVxuICAgICAgPC9rZW5kby1wYW5lbGJhci1pdGVtPlxuICAgIH1cbiAgPC9rZW5kby1wYW5lbGJhcj5cbjwvZGl2PlxuXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LW5hdmlnYXRpb24tbWVudS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1uYXZpZ2F0aW9uLW1lbnUva2l0LW5hdmlnYXRpb24tbWVudS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1uYXZpZ2F0aW9uLW1lbnUva2l0LW5hdmlnYXRpb24tbWVudS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUxRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBVSxNQUFNLGlCQUFpQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDOUIsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7Ozs7OztBQVFoRSxNQUFNLE9BQU8sMEJBQTBCO0lBbUJyQyxZQUNVLE1BQWM7UUFBZCxXQUFNLEdBQU4sTUFBTSxDQUFRO1FBbkJ4Qjs7V0FFRztRQUNNLFVBQUssR0FBNEIsRUFBRSxDQUFDO1FBRTdDOztXQUVHO1FBQ00sWUFBTyxHQUFZLElBQUksQ0FBQztRQUVqQzs7V0FFRztRQUNNLGNBQVMsR0FBWSxLQUFLLENBQUM7UUFFM0IsZUFBVSxHQUFzQixVQUFVLENBQUM7UUFDM0MsdUJBQWtCLEdBQThCLGtCQUFrQixDQUFDO1FBSzFFLElBQUksQ0FBQyw4QkFBOEIsRUFBRSxDQUFDO0lBQ3hDLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUNyRCxDQUFDO0lBRU8sOEJBQThCO1FBQ3BDLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLElBQUksQ0FDckIsTUFBTSxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsS0FBSyxZQUFZLGFBQWEsQ0FBQyxFQUMvQyxrQkFBa0IsRUFBRSxDQUNyQixDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUM7SUFDeEUsQ0FBQztJQUVPLGdCQUFnQixDQUFDLEtBQThCLEVBQUUsR0FBVztRQUNsRSxLQUFLLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxFQUFFO1lBQ25CLElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLElBQUksSUFBSSxHQUFHLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO1lBQzNELElBQUksSUFBSSxDQUFDLEtBQUssRUFBRTtnQkFDZCxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxHQUFHLENBQUMsQ0FBQztnQkFDdkMsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQzthQUMxRDtRQUNILENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs4R0E1Q1UsMEJBQTBCO2tHQUExQiwwQkFBMEIsbUlDZHZDLHdpRkEyREE7OzJGRDdDYSwwQkFBMEI7a0JBTnRDLFNBQVM7K0JBQ0UscUJBQXFCLG1CQUdkLHVCQUF1QixDQUFDLE1BQU07MkVBTXRDLEtBQUs7c0JBQWIsS0FBSztnQkFLRyxPQUFPO3NCQUFmLEtBQUs7Z0JBS0csU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBLaXROYXZpZ2F0aW9uTWVudUl0ZW0gfSBmcm9tICcuL2tpdC1uYXZpZ2F0aW9uLW1lbnUubW9kZWwnO1xuaW1wb3J0IHsgS2l0U3ZnSWNvbiB9IGZyb20gJy4uL2tpdC1zdmctaWNvbi9raXQtc3ZnLWljb24uY29uc3QnO1xuaW1wb3J0IHsgTmF2aWdhdGlvbkVuZCwgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7IFBhbmVsQmFyRXhwYW5kTW9kZSB9IGZyb20gJ0Bwcm9ncmVzcy9rZW5kby1hbmd1bGFyLWxheW91dCc7XG5pbXBvcnQgeyBmaWx0ZXIgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IHRha2VVbnRpbERlc3Ryb3llZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUvcnhqcy1pbnRlcm9wJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAna2l0LW5hdmlnYXRpb24tbWVudScsXG4gIHRlbXBsYXRlVXJsOiAnLi9raXQtbmF2aWdhdGlvbi1tZW51LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2tpdC1uYXZpZ2F0aW9uLW1lbnUuY29tcG9uZW50LnNjc3MnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgS2l0TmF2aWdhdGlvbk1lbnVDb21wb25lbnQge1xuICAvKipcbiAgICogQW4gaXRlbXMgbGlzdCB3aGljaCBpcyBnb2luZyB0byBiZSByZW5kZXJlZCBhcyBtZW51IGl0ZW1zXG4gICAqL1xuICBASW5wdXQoKSBpdGVtczogS2l0TmF2aWdhdGlvbk1lbnVJdGVtW10gPSBbXTtcblxuICAvKipcbiAgICogRGVmaW5lcyB3aGV0aGVyIHRoZSBjb21wb25lbnQgd2lsbCBoYXZlIGFuIGFuaW1hdGlvbiB3aGVuIGNvbGxhcHNpbmcvZXhwYW5kaW5nIHRoZSBtZW51XG4gICAqL1xuICBASW5wdXQoKSBhbmltYXRlOiBib29sZWFuID0gdHJ1ZTtcblxuICAvKipcbiAgICogRGVmaW5lcyB3aGV0aGVyIG1lbnUgd2lsbCBiZSBjb2xsYXBzZWRcbiAgICovXG4gIEBJbnB1dCgpIGNvbGxhcHNlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIHJlYWRvbmx5IEtpdFN2Z0ljb246IHR5cGVvZiBLaXRTdmdJY29uID0gS2l0U3ZnSWNvbjtcbiAgcmVhZG9ubHkgUGFuZWxCYXJFeHBhbmRNb2RlOiB0eXBlb2YgUGFuZWxCYXJFeHBhbmRNb2RlID0gUGFuZWxCYXJFeHBhbmRNb2RlO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgcm91dGVyOiBSb3V0ZXIsXG4gICkge1xuICAgIHRoaXMuc2V0RXhwYW5kZWRTdGF0ZU9uUm91dGVyQ2hhbmdlKCk7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnNldEV4cGFuZGVkU3RhdGUodGhpcy5pdGVtcywgdGhpcy5yb3V0ZXIudXJsKTtcbiAgfVxuXG4gIHByaXZhdGUgc2V0RXhwYW5kZWRTdGF0ZU9uUm91dGVyQ2hhbmdlKCk6IHZvaWQge1xuICAgIHRoaXMucm91dGVyLmV2ZW50cy5waXBlKFxuICAgICAgZmlsdGVyKGV2ZW50ID0+IGV2ZW50IGluc3RhbmNlb2YgTmF2aWdhdGlvbkVuZCksXG4gICAgICB0YWtlVW50aWxEZXN0cm95ZWQoKSxcbiAgICApLnN1YnNjcmliZSgoKSA9PiB0aGlzLnNldEV4cGFuZGVkU3RhdGUodGhpcy5pdGVtcywgdGhpcy5yb3V0ZXIudXJsKSk7XG4gIH1cblxuICBwcml2YXRlIHNldEV4cGFuZGVkU3RhdGUoaXRlbXM6IEtpdE5hdmlnYXRpb25NZW51SXRlbVtdLCB1cmw6IHN0cmluZyk6IHZvaWQge1xuICAgIGl0ZW1zLmZvckVhY2goaXRlbSA9PiB7XG4gICAgICBpdGVtLmV4cGFuZGVkID0gISEoaXRlbS5saW5rICYmIHVybC5zdGFydHNXaXRoKGl0ZW0ubGluaykpO1xuICAgICAgaWYgKGl0ZW0uaXRlbXMpIHtcbiAgICAgICAgdGhpcy5zZXRFeHBhbmRlZFN0YXRlKGl0ZW0uaXRlbXMsIHVybCk7XG4gICAgICAgIGl0ZW0uZXhwYW5kZWQgPSBpdGVtLml0ZW1zLnNvbWUoY2hpbGQgPT4gY2hpbGQuZXhwYW5kZWQpO1xuICAgICAgfVxuICAgIH0pO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwia2l0LW5hdmlnYXRpb24tbWVudVwiXG4gICAgIFtjbGFzcy5jb2xsYXBzZWRdPVwiY29sbGFwc2VkXCI+XG4gIDxrZW5kby1wYW5lbGJhciBbZXhwYW5kTW9kZV09XCJQYW5lbEJhckV4cGFuZE1vZGUuU2luZ2xlXCJcbiAgICAgICAgICAgICAgICAgIFthbmltYXRlXT1cImFuaW1hdGVcIj5cbiAgICBAZm9yIChpdGVtIG9mIGl0ZW1zOyB0cmFjayBpdGVtKSB7XG4gICAgICA8a2VuZG8tcGFuZWxiYXItaXRlbSBjbGFzcz1cIm1lbnUtaXRlbVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICByb3V0ZXJMaW5rQWN0aXZlPVwiYWN0aXZlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cIml0ZW0uY3NzQ2xhc3NcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgW2NsYXNzLmhhcy1jaGlsZHJlbl09XCJpdGVtLml0ZW1zPy5sZW5ndGhcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgW2V4cGFuZGVkXT1cIml0ZW0uZXhwYW5kZWRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgW3JvdXRlckxpbmtdPVwiaXRlbS5saW5rXCI+XG4gICAgICAgIDxuZy10ZW1wbGF0ZSBrZW5kb1BhbmVsQmFySXRlbVRpdGxlPlxuICAgICAgICAgIDxraXQtc3ZnLWljb24gY2xhc3M9XCJpdGVtLWljb25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2ljb25dPVwiaXRlbS5pY29uXCJcbiAgICAgICAgICA+PC9raXQtc3ZnLWljb24+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJpdGVtLXRleHRcIj57eyBpdGVtLnRpdGxlIH19PC9zcGFuPlxuICAgICAgICAgIEBpZiAoaXRlbS5pdGVtcz8ubGVuZ3RoKSB7XG4gICAgICAgICAgICA8a2l0LXN2Zy1pY29uIGNsYXNzPVwidG9nZ2xlLWljb25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICBbaWNvbl09XCJLaXRTdmdJY29uLkNIRVZST05fRE9XTlwiXG4gICAgICAgICAgICA+PC9raXQtc3ZnLWljb24+XG4gICAgICAgICAgfVxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuXG4gICAgICAgIEBmb3IgKGNoaWxkIG9mIGl0ZW0uaXRlbXM7IHRyYWNrIGNoaWxkKSB7XG4gICAgICAgICAgPGtlbmRvLXBhbmVsYmFyLWl0ZW0gY2xhc3M9XCJtZW51LWNoaWxkLWl0ZW1cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJvdXRlckxpbmtBY3RpdmU9XCJhY3RpdmVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cImNoaWxkLmNzc0NsYXNzXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbY2xhc3MuaGFzLWNoaWxkcmVuXT1cImNoaWxkLml0ZW1zPy5sZW5ndGhcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtleHBhbmRlZF09XCJjaGlsZC5leHBhbmRlZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3JvdXRlckxpbmtdPVwiY2hpbGQubGlua1wiPlxuICAgICAgICAgICAgPG5nLXRlbXBsYXRlIGtlbmRvUGFuZWxCYXJJdGVtVGl0bGU+XG4gICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiaXRlbS10ZXh0XCI+e3sgY2hpbGQudGl0bGUgfX08L3NwYW4+XG4gICAgICAgICAgICAgIEBpZiAoY2hpbGQuaXRlbXM/Lmxlbmd0aCkge1xuICAgICAgICAgICAgICAgIDxraXQtc3ZnLWljb24gY2xhc3M9XCJ0b2dnbGUtaWNvblwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbaWNvbl09XCJLaXRTdmdJY29uLkNIRVZST05fRE9XTlwiXG4gICAgICAgICAgICAgICAgPjwva2l0LXN2Zy1pY29uPlxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA8L25nLXRlbXBsYXRlPlxuXG4gICAgICAgICAgICBAZm9yIChzdWJDaGlsZCBvZiBjaGlsZC5pdGVtczsgdHJhY2sgc3ViQ2hpbGQpIHtcbiAgICAgICAgICAgICAgPGtlbmRvLXBhbmVsYmFyLWl0ZW0gY2xhc3M9XCJtZW51LWxpbmtcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByb3V0ZXJMaW5rQWN0aXZlPVwiYWN0aXZlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwic3ViQ2hpbGQuY3NzQ2xhc3NcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbcm91dGVyTGlua109XCJzdWJDaGlsZC5saW5rXCI+XG4gICAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlIGtlbmRvUGFuZWxCYXJJdGVtVGl0bGU+XG4gICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cIml0ZW0tdGV4dFwiPnt7IHN1YkNoaWxkLnRpdGxlIH19PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgPGtpdC1zdmctaWNvbiBjbGFzcz1cIml0ZW0taWNvblwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtpY29uXT1cIktpdFN2Z0ljb24uQ0hFVlJPTl9SSUdIVFwiXG4gICAgICAgICAgICAgICAgICA+PC9raXQtc3ZnLWljb24+XG4gICAgICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgICAgICAgPC9rZW5kby1wYW5lbGJhci1pdGVtPlxuICAgICAgICAgICAgfVxuICAgICAgICAgIDwva2VuZG8tcGFuZWxiYXItaXRlbT5cbiAgICAgICAgfVxuICAgICAgPC9rZW5kby1wYW5lbGJhci1pdGVtPlxuICAgIH1cbiAgPC9rZW5kby1wYW5lbGJhcj5cbjwvZGl2PlxuXG4iXX0=

package/esm2022/lib/directives/kit-tooltip/kit-tooltip.directive.mjs

@@ -16,12 +16,12 @@ export class KitTooltipDirective extends TooltipDirective {
         this.kitTooltipFilter = '';
     }
     ngAfterViewInit() {
-        if (!this.kitTooltipTemplateRef) {
-            return;
+        if (this.kitTooltipTemplateRef) {
+            this.tooltipTemplate = this.kitTooltipTemplateRef;
         }
-        this.tooltipTemplate = this.kitTooltipTemplateRef;
         this.filter = this.kitTooltipFilter;
         this.position = this.kitTooltipPosition;
+        this.tooltipClass = 'kit-tooltip';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitTooltipDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.7", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: { kitTooltipPosition: "kitTooltipPosition", kitTooltipFilter: "kitTooltipFilter", kitTooltipTemplateRef: "kitTooltipTemplateRef" }, providers: [
@@ -43,4 +43,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImpor
             }], kitTooltipTemplateRef: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXRvb2x0aXAuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0L3NyYy9saWIvZGlyZWN0aXZlcy9raXQtdG9vbHRpcC9raXQtdG9vbHRpcC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFpQixTQUFTLEVBQUUsS0FBSyxFQUFlLE1BQU0sZUFBZSxDQUFDO0FBQzdFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUM3RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQzs7QUFFbkUsTUFBTSxDQUFOLElBQVksa0JBS1g7QUFMRCxXQUFZLGtCQUFrQjtJQUM1QixpQ0FBVyxDQUFBO0lBQ1gsdUNBQWlCLENBQUE7SUFDakIscUNBQWUsQ0FBQTtJQUNmLG1DQUFhLENBQUE7QUFDZixDQUFDLEVBTFcsa0JBQWtCLEtBQWxCLGtCQUFrQixRQUs3QjtBQVFELE1BQU0sT0FBTyxtQkFBb0IsU0FBUSxnQkFBZ0I7SUFOekQ7O1FBT1csdUJBQWtCLEdBQXVCLGtCQUFrQixDQUFDLE1BQU0sQ0FBQztRQUNuRSxxQkFBZ0IsR0FBVyxFQUFFLENBQUM7S0FZeEM7SUFUQyxlQUFlO1FBQ2IsSUFBSSxDQUFDLElBQUksQ0FBQyxxQkFBcUIsRUFBRTtZQUMvQixPQUFPO1NBQ1I7UUFFRCxJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQyxxQkFBcUIsQ0FBQztRQUNsRCxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQztRQUNwQyxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxrQkFBa0IsQ0FBQztJQUMxQyxDQUFDOzhHQWJVLG1CQUFtQjtrR0FBbkIsbUJBQW1CLG1MQUpuQjtZQUNULFlBQVk7U0FDYjs7MkZBRVUsbUJBQW1CO2tCQU4vQixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxjQUFjO29CQUN4QixTQUFTLEVBQUU7d0JBQ1QsWUFBWTtxQkFDYjtpQkFDRjs4QkFFVSxrQkFBa0I7c0JBQTFCLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLHFCQUFxQjtzQkFBN0IsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyVmlld0luaXQsIERpcmVjdGl2ZSwgSW5wdXQsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQb3B1cFNlcnZpY2UgfSBmcm9tICdAcHJvZ3Jlc3Mva2VuZG8tYW5ndWxhci1wb3B1cCc7XG5pbXBvcnQgeyBUb29sdGlwRGlyZWN0aXZlIH0gZnJvbSAnQHByb2dyZXNzL2tlbmRvLWFuZ3VsYXItdG9vbHRpcCc7XG5cbmV4cG9ydCBlbnVtIEtpdFRvb2x0aXBQb3NpdGlvbiB7XG4gIFRPUCA9ICd0b3AnLFxuICBCT1RUT00gPSAnYm90dG9tJyxcbiAgUklHSFQgPSAncmlnaHQnLFxuICBMRUZUID0gJ2xlZnQnLFxufVxuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdba2l0VG9vbHRpcF0nLFxuICBwcm92aWRlcnM6IFtcbiAgICBQb3B1cFNlcnZpY2UsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEtpdFRvb2x0aXBEaXJlY3RpdmUgZXh0ZW5kcyBUb29sdGlwRGlyZWN0aXZlIGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG4gIEBJbnB1dCgpIGtpdFRvb2x0aXBQb3NpdGlvbjogS2l0VG9vbHRpcFBvc2l0aW9uID0gS2l0VG9vbHRpcFBvc2l0aW9uLkJPVFRPTTtcbiAgQElucHV0KCkga2l0VG9vbHRpcEZpbHRlcjogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIGtpdFRvb2x0aXBUZW1wbGF0ZVJlZj86IFRlbXBsYXRlUmVmPEhUTUxFbGVtZW50PjtcblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmtpdFRvb2x0aXBUZW1wbGF0ZVJlZikge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHRoaXMudG9vbHRpcFRlbXBsYXRlID0gdGhpcy5raXRUb29sdGlwVGVtcGxhdGVSZWY7XG4gICAgdGhpcy5maWx0ZXIgPSB0aGlzLmtpdFRvb2x0aXBGaWx0ZXI7XG4gICAgdGhpcy5wb3NpdGlvbiA9IHRoaXMua2l0VG9vbHRpcFBvc2l0aW9uO1xuICB9XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXRvb2x0aXAuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0L3NyYy9saWIvZGlyZWN0aXZlcy9raXQtdG9vbHRpcC9raXQtdG9vbHRpcC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFpQixTQUFTLEVBQUUsS0FBSyxFQUFlLE1BQU0sZUFBZSxDQUFDO0FBQzdFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUM3RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQzs7QUFFbkUsTUFBTSxDQUFOLElBQVksa0JBS1g7QUFMRCxXQUFZLGtCQUFrQjtJQUM1QixpQ0FBVyxDQUFBO0lBQ1gsdUNBQWlCLENBQUE7SUFDakIscUNBQWUsQ0FBQTtJQUNmLG1DQUFhLENBQUE7QUFDZixDQUFDLEVBTFcsa0JBQWtCLEtBQWxCLGtCQUFrQixRQUs3QjtBQVFELE1BQU0sT0FBTyxtQkFBb0IsU0FBUSxnQkFBZ0I7SUFOekQ7O1FBT1csdUJBQWtCLEdBQXVCLGtCQUFrQixDQUFDLE1BQU0sQ0FBQztRQUNuRSxxQkFBZ0IsR0FBVyxFQUFFLENBQUM7S0FZeEM7SUFUQyxlQUFlO1FBQ2IsSUFBSSxJQUFJLENBQUMscUJBQXFCLEVBQUU7WUFDOUIsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUMscUJBQXFCLENBQUM7U0FDbkQ7UUFFRCxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQztRQUNwQyxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxrQkFBa0IsQ0FBQztRQUN4QyxJQUFJLENBQUMsWUFBWSxHQUFHLGFBQWEsQ0FBQztJQUNwQyxDQUFDOzhHQWJVLG1CQUFtQjtrR0FBbkIsbUJBQW1CLG1MQUpuQjtZQUNULFlBQVk7U0FDYjs7MkZBRVUsbUJBQW1CO2tCQU4vQixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxjQUFjO29CQUN4QixTQUFTLEVBQUU7d0JBQ1QsWUFBWTtxQkFDYjtpQkFDRjs4QkFFVSxrQkFBa0I7c0JBQTFCLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLHFCQUFxQjtzQkFBN0IsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyVmlld0luaXQsIERpcmVjdGl2ZSwgSW5wdXQsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQb3B1cFNlcnZpY2UgfSBmcm9tICdAcHJvZ3Jlc3Mva2VuZG8tYW5ndWxhci1wb3B1cCc7XG5pbXBvcnQgeyBUb29sdGlwRGlyZWN0aXZlIH0gZnJvbSAnQHByb2dyZXNzL2tlbmRvLWFuZ3VsYXItdG9vbHRpcCc7XG5cbmV4cG9ydCBlbnVtIEtpdFRvb2x0aXBQb3NpdGlvbiB7XG4gIFRPUCA9ICd0b3AnLFxuICBCT1RUT00gPSAnYm90dG9tJyxcbiAgUklHSFQgPSAncmlnaHQnLFxuICBMRUZUID0gJ2xlZnQnLFxufVxuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdba2l0VG9vbHRpcF0nLFxuICBwcm92aWRlcnM6IFtcbiAgICBQb3B1cFNlcnZpY2UsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEtpdFRvb2x0aXBEaXJlY3RpdmUgZXh0ZW5kcyBUb29sdGlwRGlyZWN0aXZlIGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG4gIEBJbnB1dCgpIGtpdFRvb2x0aXBQb3NpdGlvbjogS2l0VG9vbHRpcFBvc2l0aW9uID0gS2l0VG9vbHRpcFBvc2l0aW9uLkJPVFRPTTtcbiAgQElucHV0KCkga2l0VG9vbHRpcEZpbHRlcjogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIGtpdFRvb2x0aXBUZW1wbGF0ZVJlZj86IFRlbXBsYXRlUmVmPEhUTUxFbGVtZW50PjtcblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMua2l0VG9vbHRpcFRlbXBsYXRlUmVmKSB7XG4gICAgICB0aGlzLnRvb2x0aXBUZW1wbGF0ZSA9IHRoaXMua2l0VG9vbHRpcFRlbXBsYXRlUmVmO1xuICAgIH1cblxuICAgIHRoaXMuZmlsdGVyID0gdGhpcy5raXRUb29sdGlwRmlsdGVyO1xuICAgIHRoaXMucG9zaXRpb24gPSB0aGlzLmtpdFRvb2x0aXBQb3NpdGlvbjtcbiAgICB0aGlzLnRvb2x0aXBDbGFzcyA9ICdraXQtdG9vbHRpcCc7XG4gIH1cbn1cbiJdfQ==

package/fesm2022/indigina-ui-kit.mjs

@@ -1,9 +1,12 @@
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Input, EventEmitter, ViewEncapsulation, Output, NgModule, forwardRef, ViewChild, signal, TemplateRef, ContentChild, Directive, HostListener, Host, Self, Injectable, Inject, ElementRef, ContentChildren } from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, EventEmitter, ViewEncapsulation, Output, NgModule, Directive, forwardRef, ViewChild, signal, TemplateRef, ContentChild, HostListener, Host, Self, Injectable, Inject, ElementRef, ContentChildren } from '@angular/core';
 import * as i1 from '@progress/kendo-angular-buttons';
 import { ButtonModule, ButtonGroupModule } from '@progress/kendo-angular-buttons';
 import * as i1$1 from '@angular/common';
 import { CommonModule, DOCUMENT } from '@angular/common';
+import * as i1$9 from '@progress/kendo-angular-popup';
+import { PopupService, PopupModule } from '@progress/kendo-angular-popup';
+import { TooltipDirective, TooltipModule } from '@progress/kendo-angular-tooltip';
 import * as i1$2 from '@progress/kendo-angular-label';
 import { LabelModule } from '@progress/kendo-angular-label';
 import * as i1$4 from '@angular/forms';
@@ -16,9 +19,6 @@ import * as i1$3 from '@progress/kendo-angular-dropdowns';
 import { DropDownListModule, DropDownsModule, MultiSelectModule } from '@progress/kendo-angular-dropdowns';
 import * as i2$1 from '@progress/kendo-angular-dateinputs';
 import { DateInputsModule, DateRangePopupComponent, DateRangeService, TimePickerModule } from '@progress/kendo-angular-dateinputs';
-import * as i1$9 from '@progress/kendo-angular-popup';
-import { PopupService, PopupModule } from '@progress/kendo-angular-popup';
-import { TooltipDirective, TooltipModule } from '@progress/kendo-angular-tooltip';
 import * as i1$5 from 'ngx-toastr';
 import { ToastrModule, TOAST_CONFIG, DefaultGlobalConfig } from 'ngx-toastr';
 import * as i1$6 from '@angular/router';
@@ -357,16 +357,59 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImpor
                 type: Input
             }] } });
 
+var KitTooltipPosition;
+(function (KitTooltipPosition) {
+    KitTooltipPosition["TOP"] = "top";
+    KitTooltipPosition["BOTTOM"] = "bottom";
+    KitTooltipPosition["RIGHT"] = "right";
+    KitTooltipPosition["LEFT"] = "left";
+})(KitTooltipPosition || (KitTooltipPosition = {}));
+class KitTooltipDirective extends TooltipDirective {
+    constructor() {
+        super(...arguments);
+        this.kitTooltipPosition = KitTooltipPosition.BOTTOM;
+        this.kitTooltipFilter = '';
+    }
+    ngAfterViewInit() {
+        if (this.kitTooltipTemplateRef) {
+            this.tooltipTemplate = this.kitTooltipTemplateRef;
+        }
+        this.filter = this.kitTooltipFilter;
+        this.position = this.kitTooltipPosition;
+        this.tooltipClass = 'kit-tooltip';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitTooltipDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.7", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: { kitTooltipPosition: "kitTooltipPosition", kitTooltipFilter: "kitTooltipFilter", kitTooltipTemplateRef: "kitTooltipTemplateRef" }, providers: [
+            PopupService,
+        ], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitTooltipDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kitTooltip]',
+                    providers: [
+                        PopupService,
+                    ],
+                }]
+        }], propDecorators: { kitTooltipPosition: [{
+                type: Input
+            }], kitTooltipFilter: [{
+                type: Input
+            }], kitTooltipTemplateRef: [{
+                type: Input
+            }] } });
+
 class KitInputLabelComponent {
     constructor() {
         this.KitSvgIcon = KitSvgIcon;
+        this.KitTooltipPosition = KitTooltipPosition;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitInputLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.7", type: KitInputLabelComponent, selector: "kit-input-label", inputs: { text: "text", for: "for", tooltip: "tooltip" }, ngImport: i0, template: "<div class=\"kit-input-label\">\n  <kendo-label class=\"kit-input-label-text\"\n               [text]=\"text\"\n               [for]=\"for\"\n  ></kendo-label>\n\n  @if (tooltip) {\n    <div class=\"kit-input-label-tooltip\">\n      <kit-svg-icon class=\"kit-input-label-icon\"\n                    [icon]=\"KitSvgIcon.QUESTION_CIRCLE\"\n      ></kit-svg-icon>\n    </div>\n  }\n</div>\n", styles: [".kit-input-label{display:flex;align-items:center;gap:4px}.kit-input-label-text{color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400}.kit-input-label-icon{display:block;width:14px;height:14px;fill:var(--ui-kit-color-grey-12);stroke:none;cursor:pointer}\n"], dependencies: [{ kind: "component", type: i1$2.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.7", type: KitInputLabelComponent, selector: "kit-input-label", inputs: { text: "text", for: "for", tooltip: "tooltip" }, ngImport: i0, template: "<div class=\"kit-input-label\">\n  <kendo-label class=\"kit-input-label-text\"\n               [text]=\"text\"\n               [for]=\"for\"\n  ></kendo-label>\n\n  @if (tooltip) {\n    <div class=\"kit-input-label-tooltip\"\n         kitTooltip\n         kitTooltipFilter=\".kit-input-label-tooltip\"\n         [kitTooltipPosition]=\"KitTooltipPosition.TOP\"\n         [title]=\"tooltip\">\n      <kit-svg-icon class=\"kit-input-label-icon\"\n                    [icon]=\"KitSvgIcon.QUESTION_CIRCLE\"\n      ></kit-svg-icon>\n    </div>\n  }\n</div>\n", styles: [".kit-input-label{display:flex;align-items:center;gap:4px}.kit-input-label-text{color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400}.kit-input-label-icon{display:block;width:14px;height:14px;fill:var(--ui-kit-color-grey-12);stroke:none;cursor:pointer}\n"], dependencies: [{ kind: "component", type: i1$2.LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitInputLabelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kit-input-label', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-input-label\">\n  <kendo-label class=\"kit-input-label-text\"\n               [text]=\"text\"\n               [for]=\"for\"\n  ></kendo-label>\n\n  @if (tooltip) {\n    <div class=\"kit-input-label-tooltip\">\n      <kit-svg-icon class=\"kit-input-label-icon\"\n                    [icon]=\"KitSvgIcon.QUESTION_CIRCLE\"\n      ></kit-svg-icon>\n    </div>\n  }\n</div>\n", styles: [".kit-input-label{display:flex;align-items:center;gap:4px}.kit-input-label-text{color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400}.kit-input-label-icon{display:block;width:14px;height:14px;fill:var(--ui-kit-color-grey-12);stroke:none;cursor:pointer}\n"] }]
+            args: [{ selector: 'kit-input-label', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-input-label\">\n  <kendo-label class=\"kit-input-label-text\"\n               [text]=\"text\"\n               [for]=\"for\"\n  ></kendo-label>\n\n  @if (tooltip) {\n    <div class=\"kit-input-label-tooltip\"\n         kitTooltip\n         kitTooltipFilter=\".kit-input-label-tooltip\"\n         [kitTooltipPosition]=\"KitTooltipPosition.TOP\"\n         [title]=\"tooltip\">\n      <kit-svg-icon class=\"kit-input-label-icon\"\n                    [icon]=\"KitSvgIcon.QUESTION_CIRCLE\"\n      ></kit-svg-icon>\n    </div>\n  }\n</div>\n", styles: [".kit-input-label{display:flex;align-items:center;gap:4px}.kit-input-label-text{color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400}.kit-input-label-icon{display:block;width:14px;height:14px;fill:var(--ui-kit-color-grey-12);stroke:none;cursor:pointer}\n"] }]
         }], propDecorators: { text: [{
                 type: Input
             }], for: [{
@@ -487,14 +530,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImpor
                 }]
         }] });
 
+class KitTooltipModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.7", ngImport: i0, type: KitTooltipModule, declarations: [KitTooltipDirective], exports: [KitTooltipDirective,
+            TooltipModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitTooltipModule, imports: [TooltipModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitTooltipModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        KitTooltipDirective,
+                    ],
+                    exports: [
+                        KitTooltipDirective,
+                        TooltipModule,
+                    ],
+                }]
+        }] });
+
 class KitInputLabelModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitInputLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.7", ngImport: i0, type: KitInputLabelModule, declarations: [KitInputLabelComponent], imports: [CommonModule,
             LabelModule,
-            KitSvgIconModule], exports: [KitInputLabelComponent] }); }
+            KitSvgIconModule,
+            KitTooltipModule], exports: [KitInputLabelComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitInputLabelModule, imports: [CommonModule,
             LabelModule,
-            KitSvgIconModule] }); }
+            KitSvgIconModule,
+            KitTooltipModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitInputLabelModule, decorators: [{
             type: NgModule,
@@ -506,6 +570,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImpor
                         CommonModule,
                         LabelModule,
                         KitSvgIconModule,
+                        KitTooltipModule,
                     ],
                     exports: [
                         KitInputLabelComponent,
@@ -1879,48 +1944,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImpor
                 }]
         }] });
 
-var KitTooltipPosition;
-(function (KitTooltipPosition) {
-    KitTooltipPosition["TOP"] = "top";
-    KitTooltipPosition["BOTTOM"] = "bottom";
-    KitTooltipPosition["RIGHT"] = "right";
-    KitTooltipPosition["LEFT"] = "left";
-})(KitTooltipPosition || (KitTooltipPosition = {}));
-class KitTooltipDirective extends TooltipDirective {
-    constructor() {
-        super(...arguments);
-        this.kitTooltipPosition = KitTooltipPosition.BOTTOM;
-        this.kitTooltipFilter = '';
-    }
-    ngAfterViewInit() {
-        if (!this.kitTooltipTemplateRef) {
-            return;
-        }
-        this.tooltipTemplate = this.kitTooltipTemplateRef;
-        this.filter = this.kitTooltipFilter;
-        this.position = this.kitTooltipPosition;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitTooltipDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.7", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: { kitTooltipPosition: "kitTooltipPosition", kitTooltipFilter: "kitTooltipFilter", kitTooltipTemplateRef: "kitTooltipTemplateRef" }, providers: [
-            PopupService,
-        ], usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitTooltipDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kitTooltip]',
-                    providers: [
-                        PopupService,
-                    ],
-                }]
-        }], propDecorators: { kitTooltipPosition: [{
-                type: Input
-            }], kitTooltipFilter: [{
-                type: Input
-            }], kitTooltipTemplateRef: [{
-                type: Input
-            }] } });
-
 class KitLocationStepperComponent {
     constructor() {
         /**
@@ -1942,25 +1965,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImpor
                 type: Input
             }] } });
 
-class KitTooltipModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.7", ngImport: i0, type: KitTooltipModule, declarations: [KitTooltipDirective], exports: [KitTooltipDirective,
-            TooltipModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitTooltipModule, imports: [TooltipModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitTooltipModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        KitTooltipDirective,
-                    ],
-                    exports: [
-                        KitTooltipDirective,
-                        TooltipModule,
-                    ],
-                }]
-        }] });
-
 class KitLocationStepperModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitLocationStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.7", ngImport: i0, type: KitLocationStepperModule, declarations: [KitLocationStepperComponent], imports: [CommonModule,
@@ -3686,6 +3690,10 @@ class KitNavigationMenuComponent {
          * Defines whether the component will have an animation when collapsing/expanding the menu
          */
         this.animate = true;
+        /**
+         * Defines whether menu will be collapsed
+         */
+        this.collapsed = false;
         this.KitSvgIcon = KitSvgIcon;
         this.PanelBarExpandMode = PanelBarExpandMode;
         this.setExpandedStateOnRouterChange();
@@ -3706,15 +3714,17 @@ class KitNavigationMenuComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitNavigationMenuComponent, deps: [{ token: i1$6.Router }], 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" }, ngImport: i0, template: "<div class=\"kit-navigation-menu\">\n  <kendo-panelbar [expandMode]=\"PanelBarExpandMode.Single\"\n                  [animate]=\"animate\">\n    @for (item of items; track item) {\n      <kendo-panelbar-item class=\"menu-item\"\n                           routerLinkActive=\"active\"\n                           [ngClass]=\"item.cssClass\"\n                           [class.has-children]=\"item.items?.length\"\n                           [expanded]=\"item.expanded\"\n                           [routerLink]=\"item.link\">\n        <ng-template kendoPanelBarItemTitle>\n          <kit-svg-icon class=\"item-icon\"\n                        [icon]=\"item.icon\"\n          ></kit-svg-icon>\n          <span class=\"item-text\">{{ item.title }}</span>\n        </ng-template>\n\n        @for (child of item.items; track child) {\n          <kendo-panelbar-item class=\"menu-child-item\"\n                               routerLinkActive=\"active\"\n                               [title]=\"child.title\"\n                               [ngClass]=\"child.cssClass\"\n                               [class.has-children]=\"child.items?.length\"\n                               [expanded]=\"child.expanded\"\n                               [routerLink]=\"child.link\">\n            @for (subChild of child.items; track subChild) {\n              <kendo-panelbar-item class=\"menu-link\"\n                                   routerLinkActive=\"active\"\n                                   [ngClass]=\"subChild.cssClass\"\n                                   [routerLink]=\"subChild.link\">\n                <ng-template kendoPanelBarItemTitle>\n                  <span class=\"item-text\">{{ subChild.title }}</span>\n                  <kit-svg-icon class=\"item-icon\"\n                                [icon]=\"KitSvgIcon.CHEVRON_RIGHT\"\n                  ></kit-svg-icon>\n                </ng-template>\n              </kendo-panelbar-item>\n            }\n          </kendo-panelbar-item>\n        }\n      </kendo-panelbar-item>\n    }\n  </kendo-panelbar>\n</div>\n\n", styles: [".kit-navigation-menu .k-panelbar{display:flex;flex-direction:column;gap:20px;border:none;background:none}.kit-navigation-menu ::ng-deep .k-panelbar-group{display:flex;flex-direction:column;gap:20px;margin-top:20px}.kit-navigation-menu .menu-item{border:none}.kit-navigation-menu .menu-item .item-icon{width:16px;height:16px;fill:var(--ui-kit-color-main)}.kit-navigation-menu .menu-item .item-text{color:var(--ui-kit-color-white);font-size:14px;font-weight:400}.kit-navigation-menu .menu-item.k-expanded ::ng-deep>.k-link{background:var(--ui-kit-color-selected)}.kit-navigation-menu .menu-item.k-expanded ::ng-deep>.k-link .k-panelbar-toggle{color:var(--ui-kit-color-main)}.kit-navigation-menu .menu-item.k-expanded ::ng-deep>.k-link .item-icon{fill:var(--ui-kit-color-main)}.kit-navigation-menu .menu-item.active:not(.has-children) ::ng-deep>.k-link{background:var(--ui-kit-color-main)}.kit-navigation-menu .menu-item.active:not(.has-children) ::ng-deep>.k-link .item-text{color:var(--ui-kit-color-white)}.kit-navigation-menu .menu-item.active:not(.has-children) ::ng-deep>.k-link .item-icon{fill:var(--ui-kit-color-white)}.kit-navigation-menu .menu-item ::ng-deep .k-link{padding:9px 24px;gap:8px;color:var(--ui-kit-color-white);border-radius:8px;background:none;cursor:pointer;transition:none}.kit-navigation-menu .menu-item ::ng-deep .k-link.k-focus{box-shadow:none}.kit-navigation-menu .menu-item ::ng-deep .k-link .k-panelbar-toggle{color:var(--ui-kit-color-main)}.kit-navigation-menu .menu-item ::ng-deep .k-link:hover .item-icon{fill:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-item ::ng-deep .k-link:hover .item-text{color:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-item ::ng-deep .k-link:hover .k-panelbar-toggle{color:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-child-item.k-expanded ::ng-deep>.k-link{color:var(--ui-kit-color-main)}.kit-navigation-menu .menu-child-item.active:not(.has-children) ::ng-deep>.k-link{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-navigation-menu .menu-child-item ::ng-deep .k-panelbar-toggle{display:none}.kit-navigation-menu .menu-child-item ::ng-deep .k-selected:hover{background:none}.kit-navigation-menu .menu-child-item ::ng-deep .k-link:hover{color:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-link .item-icon{stroke:var(--ui-kit-color-grey-9);fill:none}.kit-navigation-menu .menu-link .item-text{color:var(--ui-kit-color-grey-9)}.kit-navigation-menu .menu-link ::ng-deep .k-link{padding:9px 6px 9px 36px}.kit-navigation-menu .menu-link ::ng-deep .k-link:hover .item-icon{fill:none;stroke:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-link.active ::ng-deep .k-link{background:var(--ui-kit-color-main)}.kit-navigation-menu .menu-link.active ::ng-deep .k-link .item-text{color:var(--ui-kit-color-white)}.kit-navigation-menu .menu-link.active ::ng-deep .k-link .item-icon{stroke:var(--ui-kit-color-white)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2$3.PanelBarComponent, selector: "kendo-panelbar", inputs: ["expandMode", "selectable", "animate", "height", "keepItemContent", "items"], outputs: ["stateChange", "select", "expand", "collapse", "itemClick"], exportAs: ["kendoPanelbar"] }, { kind: "component", type: i2$3.PanelBarItemComponent, selector: "kendo-panelbar-item", inputs: ["title", "id", "icon", "iconClass", "svgIcon", "imageUrl", "disabled", "expanded", "selected", "content", "items", "template"], exportAs: ["kendoPanelbarItem"] }, { kind: "directive", type: i2$3.PanelBarItemTitleDirective, selector: "[kendoPanelBarItemTitle]" }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: i1$6.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$6.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.7", type: KitNavigationMenuComponent, selector: "kit-navigation-menu", inputs: { items: "items", animate: "animate", collapsed: "collapsed" }, ngImport: i0, template: "<div class=\"kit-navigation-menu\"\n     [class.collapsed]=\"collapsed\">\n  <kendo-panelbar [expandMode]=\"PanelBarExpandMode.Single\"\n                  [animate]=\"animate\">\n    @for (item of items; track item) {\n      <kendo-panelbar-item class=\"menu-item\"\n                           routerLinkActive=\"active\"\n                           [ngClass]=\"item.cssClass\"\n                           [class.has-children]=\"item.items?.length\"\n                           [expanded]=\"item.expanded\"\n                           [routerLink]=\"item.link\">\n        <ng-template kendoPanelBarItemTitle>\n          <kit-svg-icon class=\"item-icon\"\n                        [icon]=\"item.icon\"\n          ></kit-svg-icon>\n          <span class=\"item-text\">{{ item.title }}</span>\n          @if (item.items?.length) {\n            <kit-svg-icon class=\"toggle-icon\"\n                          [icon]=\"KitSvgIcon.CHEVRON_DOWN\"\n            ></kit-svg-icon>\n          }\n        </ng-template>\n\n        @for (child of item.items; track child) {\n          <kendo-panelbar-item class=\"menu-child-item\"\n                               routerLinkActive=\"active\"\n                               [ngClass]=\"child.cssClass\"\n                               [class.has-children]=\"child.items?.length\"\n                               [expanded]=\"child.expanded\"\n                               [routerLink]=\"child.link\">\n            <ng-template kendoPanelBarItemTitle>\n              <span class=\"item-text\">{{ child.title }}</span>\n              @if (child.items?.length) {\n                <kit-svg-icon class=\"toggle-icon\"\n                              [icon]=\"KitSvgIcon.CHEVRON_DOWN\"\n                ></kit-svg-icon>\n              }\n            </ng-template>\n\n            @for (subChild of child.items; track subChild) {\n              <kendo-panelbar-item class=\"menu-link\"\n                                   routerLinkActive=\"active\"\n                                   [ngClass]=\"subChild.cssClass\"\n                                   [routerLink]=\"subChild.link\">\n                <ng-template kendoPanelBarItemTitle>\n                  <span class=\"item-text\">{{ subChild.title }}</span>\n                  <kit-svg-icon class=\"item-icon\"\n                                [icon]=\"KitSvgIcon.CHEVRON_RIGHT\"\n                  ></kit-svg-icon>\n                </ng-template>\n              </kendo-panelbar-item>\n            }\n          </kendo-panelbar-item>\n        }\n      </kendo-panelbar-item>\n    }\n  </kendo-panelbar>\n</div>\n\n", styles: [".kit-navigation-menu{width:100%;overflow:hidden;transition:width .3s}.kit-navigation-menu .k-panelbar{display:flex;flex-direction:column;gap:20px;border:none;background:none}.kit-navigation-menu ::ng-deep .k-panelbar-group{display:flex;flex-direction:column;gap:20px;margin-top:20px}.kit-navigation-menu ::ng-deep .k-panelbar-toggle{display:none}.kit-navigation-menu .menu-item{border:none}.kit-navigation-menu .menu-item .item-icon{width:16px;height:16px;fill:var(--ui-kit-color-main);flex-shrink:0}.kit-navigation-menu .menu-item .item-text{color:var(--ui-kit-color-white);font-size:14px;font-weight:400;transition:opacity .3s ease}.kit-navigation-menu .menu-item .toggle-icon{width:16px;height:16px;stroke:var(--ui-kit-color-main);fill:none;flex-shrink:0;transition:rotate .3s ease}.kit-navigation-menu .menu-item.k-expanded ::ng-deep>.k-link{background:var(--ui-kit-color-selected)}.kit-navigation-menu .menu-item.k-expanded ::ng-deep>.k-link .item-icon{fill:var(--ui-kit-color-main)}.kit-navigation-menu .menu-item.k-expanded ::ng-deep>.k-link .toggle-icon{transform:rotate(180deg)}.kit-navigation-menu .menu-item.active:not(.has-children) ::ng-deep>.k-link{background:var(--ui-kit-color-main)}.kit-navigation-menu .menu-item.active:not(.has-children) ::ng-deep>.k-link .item-text{color:var(--ui-kit-color-white)}.kit-navigation-menu .menu-item.active:not(.has-children) ::ng-deep>.k-link .item-icon{fill:var(--ui-kit-color-white)}.kit-navigation-menu .menu-item ::ng-deep .k-link{padding:10px 24px;gap:8px;min-height:40px;color:var(--ui-kit-color-white);border-radius:8px;background:none;cursor:pointer;transition:none}.kit-navigation-menu .menu-item ::ng-deep .k-link.k-focus{box-shadow:none}.kit-navigation-menu .menu-item ::ng-deep .k-link:hover .item-icon{fill:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-item ::ng-deep .k-link:hover .item-text{color:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-item ::ng-deep .k-link:hover .toggle-icon{stroke:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-child-item.k-expanded ::ng-deep>.k-link{color:var(--ui-kit-color-main)}.kit-navigation-menu .menu-child-item.k-expanded ::ng-deep .toggle-icon{transform:rotate(180deg)}.kit-navigation-menu .menu-child-item.active:not(.has-children) ::ng-deep .k-link{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-navigation-menu .menu-child-item.active:not(.has-children) ::ng-deep .k-link:hover .item-text{color:var(--ui-kit-color-white)}.kit-navigation-menu .menu-child-item ::ng-deep .k-panelbar-toggle{display:none}.kit-navigation-menu .menu-child-item ::ng-deep .k-selected:hover{background:none}.kit-navigation-menu .menu-child-item ::ng-deep .k-link:hover{color:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-link .item-icon{stroke:var(--ui-kit-color-grey-9);fill:none}.kit-navigation-menu .menu-link .item-text{color:var(--ui-kit-color-grey-9)}.kit-navigation-menu .menu-link ::ng-deep .k-link{padding:10px 6px 10px 36px}.kit-navigation-menu .menu-link ::ng-deep .k-link:hover .item-icon{fill:none;stroke:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-link.active ::ng-deep .k-link{background:var(--ui-kit-color-main)}.kit-navigation-menu .menu-link.active ::ng-deep .k-link .item-text{color:var(--ui-kit-color-white)}.kit-navigation-menu .menu-link.active ::ng-deep .k-link .item-icon{stroke:var(--ui-kit-color-white)}.kit-navigation-menu.collapsed{width:88px}.kit-navigation-menu.collapsed .menu-item .item-text{width:0;opacity:0}.kit-navigation-menu.collapsed .menu-item .item-icon{fill:var(--ui-kit-color-white)}.kit-navigation-menu.collapsed .menu-item:hover .item-icon{fill:var(--ui-kit-color-hover)}.kit-navigation-menu.collapsed ::ng-deep .k-panelbar-group{display:none}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2$3.PanelBarComponent, selector: "kendo-panelbar", inputs: ["expandMode", "selectable", "animate", "height", "keepItemContent", "items"], outputs: ["stateChange", "select", "expand", "collapse", "itemClick"], exportAs: ["kendoPanelbar"] }, { kind: "component", type: i2$3.PanelBarItemComponent, selector: "kendo-panelbar-item", inputs: ["title", "id", "icon", "iconClass", "svgIcon", "imageUrl", "disabled", "expanded", "selected", "content", "items", "template"], exportAs: ["kendoPanelbarItem"] }, { kind: "directive", type: i2$3.PanelBarItemTitleDirective, selector: "[kendoPanelBarItemTitle]" }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: i1$6.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$6.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitNavigationMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kit-navigation-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-navigation-menu\">\n  <kendo-panelbar [expandMode]=\"PanelBarExpandMode.Single\"\n                  [animate]=\"animate\">\n    @for (item of items; track item) {\n      <kendo-panelbar-item class=\"menu-item\"\n                           routerLinkActive=\"active\"\n                           [ngClass]=\"item.cssClass\"\n                           [class.has-children]=\"item.items?.length\"\n                           [expanded]=\"item.expanded\"\n                           [routerLink]=\"item.link\">\n        <ng-template kendoPanelBarItemTitle>\n          <kit-svg-icon class=\"item-icon\"\n                        [icon]=\"item.icon\"\n          ></kit-svg-icon>\n          <span class=\"item-text\">{{ item.title }}</span>\n        </ng-template>\n\n        @for (child of item.items; track child) {\n          <kendo-panelbar-item class=\"menu-child-item\"\n                               routerLinkActive=\"active\"\n                               [title]=\"child.title\"\n                               [ngClass]=\"child.cssClass\"\n                               [class.has-children]=\"child.items?.length\"\n                               [expanded]=\"child.expanded\"\n                               [routerLink]=\"child.link\">\n            @for (subChild of child.items; track subChild) {\n              <kendo-panelbar-item class=\"menu-link\"\n                                   routerLinkActive=\"active\"\n                                   [ngClass]=\"subChild.cssClass\"\n                                   [routerLink]=\"subChild.link\">\n                <ng-template kendoPanelBarItemTitle>\n                  <span class=\"item-text\">{{ subChild.title }}</span>\n                  <kit-svg-icon class=\"item-icon\"\n                                [icon]=\"KitSvgIcon.CHEVRON_RIGHT\"\n                  ></kit-svg-icon>\n                </ng-template>\n              </kendo-panelbar-item>\n            }\n          </kendo-panelbar-item>\n        }\n      </kendo-panelbar-item>\n    }\n  </kendo-panelbar>\n</div>\n\n", styles: [".kit-navigation-menu .k-panelbar{display:flex;flex-direction:column;gap:20px;border:none;background:none}.kit-navigation-menu ::ng-deep .k-panelbar-group{display:flex;flex-direction:column;gap:20px;margin-top:20px}.kit-navigation-menu .menu-item{border:none}.kit-navigation-menu .menu-item .item-icon{width:16px;height:16px;fill:var(--ui-kit-color-main)}.kit-navigation-menu .menu-item .item-text{color:var(--ui-kit-color-white);font-size:14px;font-weight:400}.kit-navigation-menu .menu-item.k-expanded ::ng-deep>.k-link{background:var(--ui-kit-color-selected)}.kit-navigation-menu .menu-item.k-expanded ::ng-deep>.k-link .k-panelbar-toggle{color:var(--ui-kit-color-main)}.kit-navigation-menu .menu-item.k-expanded ::ng-deep>.k-link .item-icon{fill:var(--ui-kit-color-main)}.kit-navigation-menu .menu-item.active:not(.has-children) ::ng-deep>.k-link{background:var(--ui-kit-color-main)}.kit-navigation-menu .menu-item.active:not(.has-children) ::ng-deep>.k-link .item-text{color:var(--ui-kit-color-white)}.kit-navigation-menu .menu-item.active:not(.has-children) ::ng-deep>.k-link .item-icon{fill:var(--ui-kit-color-white)}.kit-navigation-menu .menu-item ::ng-deep .k-link{padding:9px 24px;gap:8px;color:var(--ui-kit-color-white);border-radius:8px;background:none;cursor:pointer;transition:none}.kit-navigation-menu .menu-item ::ng-deep .k-link.k-focus{box-shadow:none}.kit-navigation-menu .menu-item ::ng-deep .k-link .k-panelbar-toggle{color:var(--ui-kit-color-main)}.kit-navigation-menu .menu-item ::ng-deep .k-link:hover .item-icon{fill:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-item ::ng-deep .k-link:hover .item-text{color:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-item ::ng-deep .k-link:hover .k-panelbar-toggle{color:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-child-item.k-expanded ::ng-deep>.k-link{color:var(--ui-kit-color-main)}.kit-navigation-menu .menu-child-item.active:not(.has-children) ::ng-deep>.k-link{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-navigation-menu .menu-child-item ::ng-deep .k-panelbar-toggle{display:none}.kit-navigation-menu .menu-child-item ::ng-deep .k-selected:hover{background:none}.kit-navigation-menu .menu-child-item ::ng-deep .k-link:hover{color:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-link .item-icon{stroke:var(--ui-kit-color-grey-9);fill:none}.kit-navigation-menu .menu-link .item-text{color:var(--ui-kit-color-grey-9)}.kit-navigation-menu .menu-link ::ng-deep .k-link{padding:9px 6px 9px 36px}.kit-navigation-menu .menu-link ::ng-deep .k-link:hover .item-icon{fill:none;stroke:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-link.active ::ng-deep .k-link{background:var(--ui-kit-color-main)}.kit-navigation-menu .menu-link.active ::ng-deep .k-link .item-text{color:var(--ui-kit-color-white)}.kit-navigation-menu .menu-link.active ::ng-deep .k-link .item-icon{stroke:var(--ui-kit-color-white)}\n"] }]
+            args: [{ selector: 'kit-navigation-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-navigation-menu\"\n     [class.collapsed]=\"collapsed\">\n  <kendo-panelbar [expandMode]=\"PanelBarExpandMode.Single\"\n                  [animate]=\"animate\">\n    @for (item of items; track item) {\n      <kendo-panelbar-item class=\"menu-item\"\n                           routerLinkActive=\"active\"\n                           [ngClass]=\"item.cssClass\"\n                           [class.has-children]=\"item.items?.length\"\n                           [expanded]=\"item.expanded\"\n                           [routerLink]=\"item.link\">\n        <ng-template kendoPanelBarItemTitle>\n          <kit-svg-icon class=\"item-icon\"\n                        [icon]=\"item.icon\"\n          ></kit-svg-icon>\n          <span class=\"item-text\">{{ item.title }}</span>\n          @if (item.items?.length) {\n            <kit-svg-icon class=\"toggle-icon\"\n                          [icon]=\"KitSvgIcon.CHEVRON_DOWN\"\n            ></kit-svg-icon>\n          }\n        </ng-template>\n\n        @for (child of item.items; track child) {\n          <kendo-panelbar-item class=\"menu-child-item\"\n                               routerLinkActive=\"active\"\n                               [ngClass]=\"child.cssClass\"\n                               [class.has-children]=\"child.items?.length\"\n                               [expanded]=\"child.expanded\"\n                               [routerLink]=\"child.link\">\n            <ng-template kendoPanelBarItemTitle>\n              <span class=\"item-text\">{{ child.title }}</span>\n              @if (child.items?.length) {\n                <kit-svg-icon class=\"toggle-icon\"\n                              [icon]=\"KitSvgIcon.CHEVRON_DOWN\"\n                ></kit-svg-icon>\n              }\n            </ng-template>\n\n            @for (subChild of child.items; track subChild) {\n              <kendo-panelbar-item class=\"menu-link\"\n                                   routerLinkActive=\"active\"\n                                   [ngClass]=\"subChild.cssClass\"\n                                   [routerLink]=\"subChild.link\">\n                <ng-template kendoPanelBarItemTitle>\n                  <span class=\"item-text\">{{ subChild.title }}</span>\n                  <kit-svg-icon class=\"item-icon\"\n                                [icon]=\"KitSvgIcon.CHEVRON_RIGHT\"\n                  ></kit-svg-icon>\n                </ng-template>\n              </kendo-panelbar-item>\n            }\n          </kendo-panelbar-item>\n        }\n      </kendo-panelbar-item>\n    }\n  </kendo-panelbar>\n</div>\n\n", styles: [".kit-navigation-menu{width:100%;overflow:hidden;transition:width .3s}.kit-navigation-menu .k-panelbar{display:flex;flex-direction:column;gap:20px;border:none;background:none}.kit-navigation-menu ::ng-deep .k-panelbar-group{display:flex;flex-direction:column;gap:20px;margin-top:20px}.kit-navigation-menu ::ng-deep .k-panelbar-toggle{display:none}.kit-navigation-menu .menu-item{border:none}.kit-navigation-menu .menu-item .item-icon{width:16px;height:16px;fill:var(--ui-kit-color-main);flex-shrink:0}.kit-navigation-menu .menu-item .item-text{color:var(--ui-kit-color-white);font-size:14px;font-weight:400;transition:opacity .3s ease}.kit-navigation-menu .menu-item .toggle-icon{width:16px;height:16px;stroke:var(--ui-kit-color-main);fill:none;flex-shrink:0;transition:rotate .3s ease}.kit-navigation-menu .menu-item.k-expanded ::ng-deep>.k-link{background:var(--ui-kit-color-selected)}.kit-navigation-menu .menu-item.k-expanded ::ng-deep>.k-link .item-icon{fill:var(--ui-kit-color-main)}.kit-navigation-menu .menu-item.k-expanded ::ng-deep>.k-link .toggle-icon{transform:rotate(180deg)}.kit-navigation-menu .menu-item.active:not(.has-children) ::ng-deep>.k-link{background:var(--ui-kit-color-main)}.kit-navigation-menu .menu-item.active:not(.has-children) ::ng-deep>.k-link .item-text{color:var(--ui-kit-color-white)}.kit-navigation-menu .menu-item.active:not(.has-children) ::ng-deep>.k-link .item-icon{fill:var(--ui-kit-color-white)}.kit-navigation-menu .menu-item ::ng-deep .k-link{padding:10px 24px;gap:8px;min-height:40px;color:var(--ui-kit-color-white);border-radius:8px;background:none;cursor:pointer;transition:none}.kit-navigation-menu .menu-item ::ng-deep .k-link.k-focus{box-shadow:none}.kit-navigation-menu .menu-item ::ng-deep .k-link:hover .item-icon{fill:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-item ::ng-deep .k-link:hover .item-text{color:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-item ::ng-deep .k-link:hover .toggle-icon{stroke:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-child-item.k-expanded ::ng-deep>.k-link{color:var(--ui-kit-color-main)}.kit-navigation-menu .menu-child-item.k-expanded ::ng-deep .toggle-icon{transform:rotate(180deg)}.kit-navigation-menu .menu-child-item.active:not(.has-children) ::ng-deep .k-link{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-navigation-menu .menu-child-item.active:not(.has-children) ::ng-deep .k-link:hover .item-text{color:var(--ui-kit-color-white)}.kit-navigation-menu .menu-child-item ::ng-deep .k-panelbar-toggle{display:none}.kit-navigation-menu .menu-child-item ::ng-deep .k-selected:hover{background:none}.kit-navigation-menu .menu-child-item ::ng-deep .k-link:hover{color:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-link .item-icon{stroke:var(--ui-kit-color-grey-9);fill:none}.kit-navigation-menu .menu-link .item-text{color:var(--ui-kit-color-grey-9)}.kit-navigation-menu .menu-link ::ng-deep .k-link{padding:10px 6px 10px 36px}.kit-navigation-menu .menu-link ::ng-deep .k-link:hover .item-icon{fill:none;stroke:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-link.active ::ng-deep .k-link{background:var(--ui-kit-color-main)}.kit-navigation-menu .menu-link.active ::ng-deep .k-link .item-text{color:var(--ui-kit-color-white)}.kit-navigation-menu .menu-link.active ::ng-deep .k-link .item-icon{stroke:var(--ui-kit-color-white)}.kit-navigation-menu.collapsed{width:88px}.kit-navigation-menu.collapsed .menu-item .item-text{width:0;opacity:0}.kit-navigation-menu.collapsed .menu-item .item-icon{fill:var(--ui-kit-color-white)}.kit-navigation-menu.collapsed .menu-item:hover .item-icon{fill:var(--ui-kit-color-hover)}.kit-navigation-menu.collapsed ::ng-deep .k-panelbar-group{display:none}\n"] }]
         }], ctorParameters: () => [{ type: i1$6.Router }], propDecorators: { items: [{
                 type: Input
             }], animate: [{
                 type: Input
+            }], collapsed: [{
+                type: Input
             }] } });
 
 class KitNavigationMenuModule {