@indigina/ui-kit 1.1.254 → 1.1.255

package/fesm2022/indigina-ui-kit.mjs

@@ -20,23 +20,23 @@ import { DateInputsModule, DateRangePopupComponent, DateRangeService, TimePicker
 import { trigger, transition, style, animate, state } from '@angular/animations';
 import { v4 } from 'uuid';
 import { DefaultGlobalConfig, TOAST_CONFIG, ToastrModule, ToastrService } from 'ngx-toastr';
-import * as i1$4 from '@angular/router';
+import * as i2$2 from '@angular/router';
 import { RouterModule, ActivatedRoute, Router, NavigationEnd, RouterLink } from '@angular/router';
 import { BehaviorSubject, filter, Subject, startWith, pairwise, takeUntil, combineLatest, tap, debounceTime, distinctUntilChanged, map, take, switchMap, of, catchError, forkJoin } from 'rxjs';
-import * as i1$5 from '@progress/kendo-angular-dialog';
+import * as i1$4 from '@progress/kendo-angular-dialog';
 import { DialogService, KENDO_DIALOGS, DialogActionsComponent, DialogContentBase, DialogRef, DialogCloseResult } from '@progress/kendo-angular-dialog';
 export { DialogAction, DialogCloseResult, DialogContentBase, DialogRef } from '@progress/kendo-angular-dialog';
-import * as i1$6 from '@progress/kendo-angular-indicators';
+import * as i1$5 from '@progress/kendo-angular-indicators';
 import { IndicatorsModule, KENDO_INDICATORS } from '@progress/kendo-angular-indicators';
-import * as i1$7 from '@progress/kendo-angular-upload';
+import * as i1$6 from '@progress/kendo-angular-upload';
 import { UploadModule } from '@progress/kendo-angular-upload';
 import { provideHttpClient, withInterceptorsFromDi, HttpClient } from '@angular/common/http';
 import { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
 import initials from 'initials';
 import * as i3$2 from '@ngx-translate/core';
 import { TranslateService, TranslateModule, TranslatePipe } from '@ngx-translate/core';
-import * as i2$2 from '@progress/kendo-angular-layout';
-import { LayoutModule, TileLayoutModule } from '@progress/kendo-angular-layout';
+import * as i1$7 from '@progress/kendo-angular-layout';
+import { KENDO_LAYOUT, TileLayoutModule } from '@progress/kendo-angular-layout';
 import * as i2$3 from '@progress/kendo-angular-grid';
 import { GridComponent, GridModule, ExcelModule, PDFModule } from '@progress/kendo-angular-grid';
 import * as i3$1 from '@progress/kendo-angular-pager';
@@ -422,52 +422,15 @@ class KitLoaderComponent {
         this.SvgIconLogo = KitSvgIcon.LOGO;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitLoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: KitLoaderComponent, isStandalone: false, selector: "kit-loader", ngImport: i0, template: "<div class=\"kit-loader\">\n  <div class=\"display-flex flex-justify-content-center flex-align-items-center\">\n    <div class=\"pulsing\">\n      <div class=\"circle\"></div>\n      <div class=\"circle slow-circle\"></div>\n    </div>\n\n    <div class=\"icon-wrapper\">\n      <kit-svg-icon class=\"icon\"\n                    [icon]=\"SvgIconLogo\"\n      ></kit-svg-icon>\n    </div>\n  </div>\n</div>\n", styles: ["@keyframes pulsing{0%{top:36px;left:36px;width:0;height:0;opacity:1}to{top:0;left:0;width:72px;height:72px;opacity:0}}.kit-loader .icon{display:block;width:20px;height:20px}.kit-loader .icon-wrapper{padding:10px;background-color:#fff;border-radius:50%;z-index:2}.kit-loader .pulsing{display:inline-block;width:80px;height:80px;position:absolute;z-index:1}.kit-loader .circle{position:absolute;background-color:#fff;padding:4px;opacity:1;border-radius:50%;animation:pulsing 1.5s cubic-bezier(0,.2,.8,1) infinite;box-shadow:0 0 40px #000}.kit-loader .slow-circle{animation-delay:-.5s}\n"], dependencies: [{ kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: KitLoaderComponent, isStandalone: true, selector: "kit-loader", ngImport: i0, template: "<div class=\"kit-loader\">\n  <div class=\"display-flex flex-justify-content-center flex-align-items-center\">\n    <div class=\"pulsing\">\n      <div class=\"circle\"></div>\n      <div class=\"circle slow-circle\"></div>\n    </div>\n\n    <div class=\"icon-wrapper\">\n      <kit-svg-icon class=\"icon\"\n                    [icon]=\"SvgIconLogo\"\n      ></kit-svg-icon>\n    </div>\n  </div>\n</div>\n", styles: ["@keyframes pulsing{0%{top:36px;left:36px;width:0;height:0;opacity:1}to{top:0;left:0;width:72px;height:72px;opacity:0}}.kit-loader .icon{display:block;width:20px;height:20px}.kit-loader .icon-wrapper{padding:10px;background-color:#fff;border-radius:50%;z-index:2}.kit-loader .pulsing{display:inline-block;width:80px;height:80px;position:absolute;z-index:1}.kit-loader .circle{position:absolute;background-color:#fff;padding:4px;opacity:1;border-radius:50%;animation:pulsing 1.5s cubic-bezier(0,.2,.8,1) infinite;box-shadow:0 0 40px #000}.kit-loader .slow-circle{animation-delay:-.5s}\n"], dependencies: [{ kind: "ngmodule", type: KitSvgIconModule }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitLoaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kit-loader', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"kit-loader\">\n  <div class=\"display-flex flex-justify-content-center flex-align-items-center\">\n    <div class=\"pulsing\">\n      <div class=\"circle\"></div>\n      <div class=\"circle slow-circle\"></div>\n    </div>\n\n    <div class=\"icon-wrapper\">\n      <kit-svg-icon class=\"icon\"\n                    [icon]=\"SvgIconLogo\"\n      ></kit-svg-icon>\n    </div>\n  </div>\n</div>\n", styles: ["@keyframes pulsing{0%{top:36px;left:36px;width:0;height:0;opacity:1}to{top:0;left:0;width:72px;height:72px;opacity:0}}.kit-loader .icon{display:block;width:20px;height:20px}.kit-loader .icon-wrapper{padding:10px;background-color:#fff;border-radius:50%;z-index:2}.kit-loader .pulsing{display:inline-block;width:80px;height:80px;position:absolute;z-index:1}.kit-loader .circle{position:absolute;background-color:#fff;padding:4px;opacity:1;border-radius:50%;animation:pulsing 1.5s cubic-bezier(0,.2,.8,1) infinite;box-shadow:0 0 40px #000}.kit-loader .slow-circle{animation-delay:-.5s}\n"] }]
-        }] });
-
-class KitLoaderModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitLoaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: KitLoaderModule, declarations: [KitLoaderComponent], imports: [KitSvgIconModule], exports: [KitLoaderComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitLoaderModule, imports: [KitSvgIconModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitLoaderModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        KitLoaderComponent,
-                    ],
-                    exports: [
-                        KitLoaderComponent,
-                    ],
-                    imports: [
+            args: [{ selector: 'kit-loader', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         KitSvgIconModule,
-                    ],
-                }]
+                    ], template: "<div class=\"kit-loader\">\n  <div class=\"display-flex flex-justify-content-center flex-align-items-center\">\n    <div class=\"pulsing\">\n      <div class=\"circle\"></div>\n      <div class=\"circle slow-circle\"></div>\n    </div>\n\n    <div class=\"icon-wrapper\">\n      <kit-svg-icon class=\"icon\"\n                    [icon]=\"SvgIconLogo\"\n      ></kit-svg-icon>\n    </div>\n  </div>\n</div>\n", styles: ["@keyframes pulsing{0%{top:36px;left:36px;width:0;height:0;opacity:1}to{top:0;left:0;width:72px;height:72px;opacity:0}}.kit-loader .icon{display:block;width:20px;height:20px}.kit-loader .icon-wrapper{padding:10px;background-color:#fff;border-radius:50%;z-index:2}.kit-loader .pulsing{display:inline-block;width:80px;height:80px;position:absolute;z-index:1}.kit-loader .circle{position:absolute;background-color:#fff;padding:4px;opacity:1;border-radius:50%;animation:pulsing 1.5s cubic-bezier(0,.2,.8,1) infinite;box-shadow:0 0 40px #000}.kit-loader .slow-circle{animation-delay:-.5s}\n"] }]
         }] });
 
-class KitInputMessageComponent {
-    constructor() {
-        /**
-         * Defines a value which going to be an info message text
-         */
-        this.message = '';
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitInputMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitInputMessageComponent, isStandalone: false, selector: "kit-input-message", inputs: { icon: "icon", message: "message" }, ngImport: i0, template: "<div class=\"kit-input-message display-flex flex-align-items-center\">\n  @if (icon) {\n    <kit-svg-icon class=\"message-icon\"\n                  [icon]=\"icon\"\n    ></kit-svg-icon>\n  }\n  <div class=\"message-text\">{{ message }}</div>\n</div>\n", styles: [".kit-input-message{margin-top:6px}.kit-input-message .message-icon{margin-right:4px;flex-shrink:0;width:16px;height:16px}.kit-input-message .icon{fill:none}.kit-input-message .message-text{font-size:13px;font-weight:400;color:var(--ui-kit-color-grey-14)}\n"], dependencies: [{ kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitInputMessageComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'kit-input-message', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"kit-input-message display-flex flex-align-items-center\">\n  @if (icon) {\n    <kit-svg-icon class=\"message-icon\"\n                  [icon]=\"icon\"\n    ></kit-svg-icon>\n  }\n  <div class=\"message-text\">{{ message }}</div>\n</div>\n", styles: [".kit-input-message{margin-top:6px}.kit-input-message .message-icon{margin-right:4px;flex-shrink:0;width:16px;height:16px}.kit-input-message .icon{fill:none}.kit-input-message .message-text{font-size:13px;font-weight:400;color:var(--ui-kit-color-grey-14)}\n"] }]
-        }], propDecorators: { icon: [{
-                type: Input
-            }], message: [{
-                type: Input
-            }] } });
-
 var KitTooltipPosition;
 (function (KitTooltipPosition) {
     KitTooltipPosition["TOP"] = "top";
@@ -533,6 +496,76 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
                 type: Input
             }] } });
 
+class KitInputLabelModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitInputLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: KitInputLabelModule, declarations: [KitInputLabelComponent], imports: [CommonModule,
+            LabelModule,
+            KitSvgIconModule,
+            KitTooltipDirective], exports: [KitInputLabelComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitInputLabelModule, imports: [CommonModule,
+            LabelModule,
+            KitSvgIconModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitInputLabelModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        KitInputLabelComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        LabelModule,
+                        KitSvgIconModule,
+                        KitTooltipDirective,
+                    ],
+                    exports: [
+                        KitInputLabelComponent,
+                    ],
+                }]
+        }] });
+
+class KitInputMessageComponent {
+    constructor() {
+        /**
+         * Defines a value which going to be an info message text
+         */
+        this.message = '';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitInputMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitInputMessageComponent, isStandalone: false, selector: "kit-input-message", inputs: { icon: "icon", message: "message" }, ngImport: i0, template: "<div class=\"kit-input-message display-flex flex-align-items-center\">\n  @if (icon) {\n    <kit-svg-icon class=\"message-icon\"\n                  [icon]=\"icon\"\n    ></kit-svg-icon>\n  }\n  <div class=\"message-text\">{{ message }}</div>\n</div>\n", styles: [".kit-input-message{margin-top:6px}.kit-input-message .message-icon{margin-right:4px;flex-shrink:0;width:16px;height:16px}.kit-input-message .icon{fill:none}.kit-input-message .message-text{font-size:13px;font-weight:400;color:var(--ui-kit-color-grey-14)}\n"], dependencies: [{ kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitInputMessageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kit-input-message', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"kit-input-message display-flex flex-align-items-center\">\n  @if (icon) {\n    <kit-svg-icon class=\"message-icon\"\n                  [icon]=\"icon\"\n    ></kit-svg-icon>\n  }\n  <div class=\"message-text\">{{ message }}</div>\n</div>\n", styles: [".kit-input-message{margin-top:6px}.kit-input-message .message-icon{margin-right:4px;flex-shrink:0;width:16px;height:16px}.kit-input-message .icon{fill:none}.kit-input-message .message-text{font-size:13px;font-weight:400;color:var(--ui-kit-color-grey-14)}\n"] }]
+        }], propDecorators: { icon: [{
+                type: Input
+            }], message: [{
+                type: Input
+            }] } });
+
+class KitInputMessageModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitInputMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: KitInputMessageModule, declarations: [KitInputMessageComponent], imports: [CommonModule,
+            KitSvgIconModule], exports: [KitInputMessageComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitInputMessageModule, imports: [CommonModule,
+            KitSvgIconModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitInputMessageModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        KitInputMessageComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        KitSvgIconModule,
+                    ],
+                    exports: [
+                        KitInputMessageComponent,
+                    ],
+                }]
+        }] });
+
 var KitSwitchMode;
 (function (KitSwitchMode) {
     KitSwitchMode["SINGLE"] = "single";
@@ -597,11 +630,17 @@ class KitSwitchComponent {
         return this.mode === KitSwitchMode.SINGLE;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitSwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitSwitchComponent, isStandalone: false, selector: "kit-switch", inputs: { items: "items", mode: "mode", label: "label", disabled: "disabled", selection: "selection", messageIcon: "messageIcon", messageText: "messageText", state: "state" }, outputs: { selected: "selected" }, ngImport: i0, template: "<div class=\"kit-switch {{ state }}\">\n  @if (items.length) {\n    @if (label) {\n      <kit-input-label class=\"label\"\n                       [text]=\"label\"\n      ></kit-input-label>\n    }\n    <kendo-buttongroup look=\"outline\"\n                       class=\"button-group\"\n                       [selection]=\"mode\"\n                       [class.disabled]=\"disabled\">\n      @for (item of items; track $index) {\n        <button class=\"button\" kendoButton\n                [selected]=\"isItemSelected(item)\"\n                [togglable]=\"true\"\n                [disabled]=\"item.disabled && item.disabled(item)\"\n                (selectedChange)=\"onItemSelect($event, item)\">\n          @if (item.title) {\n            {{ item.title }}\n          } @else {\n            <kit-svg-icon class=\"icon-wrapper\"\n                          [icon]=\"item.icon\"\n            ></kit-svg-icon>\n          }\n        </button>\n      }\n    </kendo-buttongroup>\n    @if (messageText) {\n      <kit-input-message [icon]=\"messageIcon\"\n                         [message]=\"messageText\"\n      ></kit-input-message>\n    }\n  }\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}div[kendowatermarkoverlay]{display:none}:root{--ui-kit-header-height: 86px;--ui-kit-sidebar-collapsed-width: 56px;--ui-kit-sidebar-expanded-width: 256px;--ui-kit-layout-gap: 25px}.kit-switch .label{display:block;margin-bottom:4px}.kit-switch .button-group{background:#fff;border:1px solid #c1c7d0;border-radius:4px;overflow:hidden}.kit-switch .button-group.disabled{color:#fff;pointer-events:none}.kit-switch .button-group.disabled .button{color:#c1c7d0}.kit-switch .button-group.disabled .icon{fill:#c1c7d0}.kit-switch .button-group.disabled .button.k-state-selected{background-color:#abcad6;color:#fff}.kit-switch .button.k-button{border:0;color:var(--ui-kit-color-cobalt);padding:8px;border-radius:4px;opacity:1;box-shadow:none}.kit-switch .button.k-button:not(:first-child),.kit-switch .button.k-button:not(:last-child){border-radius:4px}.kit-switch .button.k-button .icon{fill:var(--ui-kit-color-cobalt);stroke:none}.kit-switch .button.k-button.k-selected,.kit-switch .button.k-button:hover,.kit-switch .button.k-button.k-state-hover{background-color:var(--ui-kit-color-cobalt-darkest);color:#fff}.kit-switch .button.k-button.k-selected .icon,.kit-switch .button.k-button:hover .icon,.kit-switch .button.k-button.k-state-hover .icon{fill:#fff}.kit-switch .button.k-button.k-disabled{color:#c1c7d0}.kit-switch .button.k-button.k-selected.k-disabled{background-color:#abcad6;color:#fff}.kit-switch .icon-wrapper{display:block;width:16px;height:16px}.kit-switch.danger .k-button-group{border-color:#ef3e42;background:#f8e0e0}\n"], dependencies: [{ kind: "component", type: i1.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: i1.ButtonGroupComponent, selector: "kendo-buttongroup", inputs: ["disabled", "selection", "width", "tabIndex", "navigable"], outputs: ["navigate"], exportAs: ["kendoButtonGroup"] }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: KitInputMessageComponent, selector: "kit-input-message", inputs: ["icon", "message"] }, { kind: "component", type: KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitSwitchComponent, isStandalone: true, selector: "kit-switch", inputs: { items: "items", mode: "mode", label: "label", disabled: "disabled", selection: "selection", messageIcon: "messageIcon", messageText: "messageText", state: "state" }, outputs: { selected: "selected" }, ngImport: i0, template: "<div class=\"kit-switch {{ state }}\">\n  @if (items.length) {\n    @if (label) {\n      <kit-input-label class=\"label\"\n                       [text]=\"label\"\n      ></kit-input-label>\n    }\n    <kendo-buttongroup look=\"outline\"\n                       class=\"button-group\"\n                       [selection]=\"mode\"\n                       [class.disabled]=\"disabled\">\n      @for (item of items; track $index) {\n        <button class=\"button\" kendoButton\n                [selected]=\"isItemSelected(item)\"\n                [togglable]=\"true\"\n                [disabled]=\"item.disabled && item.disabled(item)\"\n                (selectedChange)=\"onItemSelect($event, item)\">\n          @if (item.title) {\n            {{ item.title }}\n          } @else {\n            <kit-svg-icon class=\"icon-wrapper\"\n                          [icon]=\"item.icon\"\n            ></kit-svg-icon>\n          }\n        </button>\n      }\n    </kendo-buttongroup>\n    @if (messageText) {\n      <kit-input-message [icon]=\"messageIcon\"\n                         [message]=\"messageText\"\n      ></kit-input-message>\n    }\n  }\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}div[kendowatermarkoverlay]{display:none}:root{--ui-kit-header-height: 86px;--ui-kit-sidebar-collapsed-width: 56px;--ui-kit-sidebar-expanded-width: 256px;--ui-kit-layout-gap: 25px}.kit-switch .label{display:block;margin-bottom:4px}.kit-switch .button-group{background:#fff;border:1px solid #c1c7d0;border-radius:4px;overflow:hidden}.kit-switch .button-group.disabled{color:#fff;pointer-events:none}.kit-switch .button-group.disabled .button{color:#c1c7d0}.kit-switch .button-group.disabled .icon{fill:#c1c7d0}.kit-switch .button-group.disabled .button.k-state-selected{background-color:#abcad6;color:#fff}.kit-switch .button.k-button{border:0;color:var(--ui-kit-color-cobalt);padding:8px;border-radius:4px;opacity:1;box-shadow:none}.kit-switch .button.k-button:not(:first-child),.kit-switch .button.k-button:not(:last-child){border-radius:4px}.kit-switch .button.k-button .icon{fill:var(--ui-kit-color-cobalt);stroke:none}.kit-switch .button.k-button.k-selected,.kit-switch .button.k-button:hover,.kit-switch .button.k-button.k-state-hover{background-color:var(--ui-kit-color-cobalt-darkest);color:#fff}.kit-switch .button.k-button.k-selected .icon,.kit-switch .button.k-button:hover .icon,.kit-switch .button.k-button.k-state-hover .icon{fill:#fff}.kit-switch .button.k-button.k-disabled{color:#c1c7d0}.kit-switch .button.k-button.k-selected.k-disabled{background-color:#abcad6;color:#fff}.kit-switch .icon-wrapper{display:block;width:16px;height:16px}.kit-switch.danger .k-button-group{border-color:#ef3e42;background:#f8e0e0}\n"], dependencies: [{ kind: "ngmodule", type: ButtonGroupModule }, { kind: "component", type: i1.ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: i1.ButtonGroupComponent, selector: "kendo-buttongroup", inputs: ["disabled", "selection", "width", "tabIndex", "navigable"], outputs: ["navigate"], exportAs: ["kendoButtonGroup"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "ngmodule", type: KitSvgIconModule }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "ngmodule", type: KitInputMessageModule }, { kind: "component", type: KitInputMessageComponent, selector: "kit-input-message", inputs: ["icon", "message"] }, { kind: "ngmodule", type: KitInputLabelModule }, { kind: "component", type: KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitSwitchComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kit-switch', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "<div class=\"kit-switch {{ state }}\">\n  @if (items.length) {\n    @if (label) {\n      <kit-input-label class=\"label\"\n                       [text]=\"label\"\n      ></kit-input-label>\n    }\n    <kendo-buttongroup look=\"outline\"\n                       class=\"button-group\"\n                       [selection]=\"mode\"\n                       [class.disabled]=\"disabled\">\n      @for (item of items; track $index) {\n        <button class=\"button\" kendoButton\n                [selected]=\"isItemSelected(item)\"\n                [togglable]=\"true\"\n                [disabled]=\"item.disabled && item.disabled(item)\"\n                (selectedChange)=\"onItemSelect($event, item)\">\n          @if (item.title) {\n            {{ item.title }}\n          } @else {\n            <kit-svg-icon class=\"icon-wrapper\"\n                          [icon]=\"item.icon\"\n            ></kit-svg-icon>\n          }\n        </button>\n      }\n    </kendo-buttongroup>\n    @if (messageText) {\n      <kit-input-message [icon]=\"messageIcon\"\n                         [message]=\"messageText\"\n      ></kit-input-message>\n    }\n  }\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}div[kendowatermarkoverlay]{display:none}:root{--ui-kit-header-height: 86px;--ui-kit-sidebar-collapsed-width: 56px;--ui-kit-sidebar-expanded-width: 256px;--ui-kit-layout-gap: 25px}.kit-switch .label{display:block;margin-bottom:4px}.kit-switch .button-group{background:#fff;border:1px solid #c1c7d0;border-radius:4px;overflow:hidden}.kit-switch .button-group.disabled{color:#fff;pointer-events:none}.kit-switch .button-group.disabled .button{color:#c1c7d0}.kit-switch .button-group.disabled .icon{fill:#c1c7d0}.kit-switch .button-group.disabled .button.k-state-selected{background-color:#abcad6;color:#fff}.kit-switch .button.k-button{border:0;color:var(--ui-kit-color-cobalt);padding:8px;border-radius:4px;opacity:1;box-shadow:none}.kit-switch .button.k-button:not(:first-child),.kit-switch .button.k-button:not(:last-child){border-radius:4px}.kit-switch .button.k-button .icon{fill:var(--ui-kit-color-cobalt);stroke:none}.kit-switch .button.k-button.k-selected,.kit-switch .button.k-button:hover,.kit-switch .button.k-button.k-state-hover{background-color:var(--ui-kit-color-cobalt-darkest);color:#fff}.kit-switch .button.k-button.k-selected .icon,.kit-switch .button.k-button:hover .icon,.kit-switch .button.k-button.k-state-hover .icon{fill:#fff}.kit-switch .button.k-button.k-disabled{color:#c1c7d0}.kit-switch .button.k-button.k-selected.k-disabled{background-color:#abcad6;color:#fff}.kit-switch .icon-wrapper{display:block;width:16px;height:16px}.kit-switch.danger .k-button-group{border-color:#ef3e42;background:#f8e0e0}\n"] }]
+            args: [{ selector: 'kit-switch', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
+                        ButtonGroupModule,
+                        ButtonModule,
+                        KitSvgIconModule,
+                        KitInputMessageModule,
+                        KitInputLabelModule,
+                    ], template: "<div class=\"kit-switch {{ state }}\">\n  @if (items.length) {\n    @if (label) {\n      <kit-input-label class=\"label\"\n                       [text]=\"label\"\n      ></kit-input-label>\n    }\n    <kendo-buttongroup look=\"outline\"\n                       class=\"button-group\"\n                       [selection]=\"mode\"\n                       [class.disabled]=\"disabled\">\n      @for (item of items; track $index) {\n        <button class=\"button\" kendoButton\n                [selected]=\"isItemSelected(item)\"\n                [togglable]=\"true\"\n                [disabled]=\"item.disabled && item.disabled(item)\"\n                (selectedChange)=\"onItemSelect($event, item)\">\n          @if (item.title) {\n            {{ item.title }}\n          } @else {\n            <kit-svg-icon class=\"icon-wrapper\"\n                          [icon]=\"item.icon\"\n            ></kit-svg-icon>\n          }\n        </button>\n      }\n    </kendo-buttongroup>\n    @if (messageText) {\n      <kit-input-message [icon]=\"messageIcon\"\n                         [message]=\"messageText\"\n      ></kit-input-message>\n    }\n  }\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}div[kendowatermarkoverlay]{display:none}:root{--ui-kit-header-height: 86px;--ui-kit-sidebar-collapsed-width: 56px;--ui-kit-sidebar-expanded-width: 256px;--ui-kit-layout-gap: 25px}.kit-switch .label{display:block;margin-bottom:4px}.kit-switch .button-group{background:#fff;border:1px solid #c1c7d0;border-radius:4px;overflow:hidden}.kit-switch .button-group.disabled{color:#fff;pointer-events:none}.kit-switch .button-group.disabled .button{color:#c1c7d0}.kit-switch .button-group.disabled .icon{fill:#c1c7d0}.kit-switch .button-group.disabled .button.k-state-selected{background-color:#abcad6;color:#fff}.kit-switch .button.k-button{border:0;color:var(--ui-kit-color-cobalt);padding:8px;border-radius:4px;opacity:1;box-shadow:none}.kit-switch .button.k-button:not(:first-child),.kit-switch .button.k-button:not(:last-child){border-radius:4px}.kit-switch .button.k-button .icon{fill:var(--ui-kit-color-cobalt);stroke:none}.kit-switch .button.k-button.k-selected,.kit-switch .button.k-button:hover,.kit-switch .button.k-button.k-state-hover{background-color:var(--ui-kit-color-cobalt-darkest);color:#fff}.kit-switch .button.k-button.k-selected .icon,.kit-switch .button.k-button:hover .icon,.kit-switch .button.k-button.k-state-hover .icon{fill:#fff}.kit-switch .button.k-button.k-disabled{color:#c1c7d0}.kit-switch .button.k-button.k-selected.k-disabled{background-color:#abcad6;color:#fff}.kit-switch .icon-wrapper{display:block;width:16px;height:16px}.kit-switch.danger .k-button-group{border-color:#ef3e42;background:#f8e0e0}\n"] }]
         }], propDecorators: { items: [{
                 type: Input
             }], mode: [{
@@ -622,92 +661,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
                 type: Output
             }] } });
 
-class KitInputMessageModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitInputMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: KitInputMessageModule, declarations: [KitInputMessageComponent], imports: [CommonModule,
-            KitSvgIconModule], exports: [KitInputMessageComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitInputMessageModule, imports: [CommonModule,
-            KitSvgIconModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitInputMessageModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        KitInputMessageComponent,
-                    ],
-                    imports: [
-                        CommonModule,
-                        KitSvgIconModule,
-                    ],
-                    exports: [
-                        KitInputMessageComponent,
-                    ],
-                }]
-        }] });
-
-class KitInputLabelModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitInputLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: KitInputLabelModule, declarations: [KitInputLabelComponent], imports: [CommonModule,
-            LabelModule,
-            KitSvgIconModule,
-            KitTooltipDirective], exports: [KitInputLabelComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitInputLabelModule, imports: [CommonModule,
-            LabelModule,
-            KitSvgIconModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitInputLabelModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        KitInputLabelComponent,
-                    ],
-                    imports: [
-                        CommonModule,
-                        LabelModule,
-                        KitSvgIconModule,
-                        KitTooltipDirective,
-                    ],
-                    exports: [
-                        KitInputLabelComponent,
-                    ],
-                }]
-        }] });
-
-class KitSwitchModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitSwitchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: KitSwitchModule, declarations: [KitSwitchComponent], imports: [ButtonGroupModule,
-            ButtonModule,
-            CommonModule,
-            KitSvgIconModule,
-            KitInputMessageModule,
-            KitInputLabelModule], exports: [KitSwitchComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitSwitchModule, imports: [ButtonGroupModule,
-            ButtonModule,
-            CommonModule,
-            KitSvgIconModule,
-            KitInputMessageModule,
-            KitInputLabelModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitSwitchModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        KitSwitchComponent,
-                    ],
-                    exports: [
-                        KitSwitchComponent,
-                    ],
-                    imports: [
-                        ButtonGroupModule,
-                        ButtonModule,
-                        CommonModule,
-                        KitSvgIconModule,
-                        KitInputMessageModule,
-                        KitInputLabelModule,
-                    ],
-                }]
-        }] });
-
 var KitTextboxState;
 (function (KitTextboxState) {
     KitTextboxState["DEFAULT"] = "default";
@@ -1279,14 +1232,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
                 }]
         }] });
 
-var KitTextareaState;
-(function (KitTextareaState) {
-    KitTextareaState["DEFAULT"] = "default";
-    KitTextareaState["WARNING"] = "warning";
-    KitTextareaState["ERROR"] = "error";
-    KitTextareaState["SUCCESS"] = "success";
-})(KitTextareaState || (KitTextareaState = {}));
-
 class KitTextareaAutoresizeDirective {
     constructor() {
         this.elementRef = inject(ElementRef);
@@ -1305,19 +1250,26 @@ class KitTextareaAutoresizeDirective {
         this.elementRef.nativeElement.style.height = `${scrollHeight}px`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitTextareaAutoresizeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.3", type: KitTextareaAutoresizeDirective, isStandalone: false, selector: "[autoresize]", host: { listeners: { ":input": "onInput()" } }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.3", type: KitTextareaAutoresizeDirective, isStandalone: true, selector: "[autoresize]", host: { listeners: { ":input": "onInput()" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitTextareaAutoresizeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[autoresize]',
-                    standalone: false,
                 }]
         }], propDecorators: { onInput: [{
                 type: HostListener,
                 args: [':input']
             }] } });
 
+var KitTextareaState;
+(function (KitTextareaState) {
+    KitTextareaState["DEFAULT"] = "default";
+    KitTextareaState["WARNING"] = "warning";
+    KitTextareaState["ERROR"] = "error";
+    KitTextareaState["SUCCESS"] = "success";
+})(KitTextareaState || (KitTextareaState = {}));
+
 class KitTextareaComponent {
     constructor() {
         /**
@@ -1358,7 +1310,7 @@ class KitTextareaComponent {
         /**
          * Function that should be called every time the form control value changes
          */
-        this.onChange = (value) => {
+        this.onChange = (_value) => {
         };
         /**
          * Function that should be called when textarea lost focus and changed form control state to "touched"
@@ -1412,11 +1364,11 @@ class KitTextareaComponent {
         this.changed.emit(target.value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitTextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitTextareaComponent, isStandalone: false, selector: "kit-textarea", inputs: { placeholder: "placeholder", label: "label", defaultValue: "defaultValue", maxlength: "maxlength", minLines: "minLines", maxLines: "maxLines", disabled: "disabled", messageIcon: "messageIcon", messageText: "messageText", state: "state", icon: "icon", readonly: "readonly", tooltip: "tooltip" }, outputs: { focused: "focused", blured: "blured", changed: "changed" }, providers: [{
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitTextareaComponent, isStandalone: true, selector: "kit-textarea", inputs: { placeholder: "placeholder", label: "label", defaultValue: "defaultValue", maxlength: "maxlength", minLines: "minLines", maxLines: "maxLines", disabled: "disabled", messageIcon: "messageIcon", messageText: "messageText", state: "state", icon: "icon", readonly: "readonly", tooltip: "tooltip" }, outputs: { focused: "focused", blured: "blured", changed: "changed" }, providers: [{
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => KitTextareaComponent),
                 multi: true,
-            }], usesOnChanges: true, ngImport: i0, template: "<div class=\"kit-textarea\"\n     [ngClass]=\"state\"\n     [class.disabled]=\"disabled\"\n     [class.readonly]=\"readonly\">\n  @if (label) {\n    <kit-input-label class=\"label\"\n                     [text]=\"label\"\n                     [for]=\"textarea\"\n    ></kit-input-label>\n  }\n  <div class=\"kit-textarea-input\">\n    @if (icon) {\n      <kit-svg-icon class=\"kit-textarea-icon\"\n                    [icon]=\"icon\"\n      ></kit-svg-icon>\n    }\n    <textarea #textarea\n              autoresize\n              class=\"k-input\"\n              [attr.placeholder]=\"placeholder\"\n              [style.min-height.px]=\"minHeight\"\n              [style.max-height.px]=\"maxHeight\"\n              [attr.maxlength]=\"maxlength\"\n              [disabled]=\"disabled\"\n              [value]=\"defaultValue\"\n              [readonly]=\"readonly\"\n              (focus)=\"onTextareaFocus()\"\n              (blur)=\"onTextareaBlur()\"\n              (input)=\"onTextareaChange($event)\"\n    ></textarea>\n    <kit-svg-icon kitTooltip\n                  kitTooltipFilter=\".kit-textarea-state-icon\"\n                  class=\"kit-textarea-state-icon\"\n                  [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n                  [title]=\"tooltip ?? ''\"\n                  [icon]=\"textareaStateIcon[state]\"\n    ></kit-svg-icon>\n  </div>\n\n  @if (messageText) {\n    <kit-input-message [icon]=\"messageIcon\"\n                       [message]=\"messageText\"\n    ></kit-input-message>\n  }\n</div>\n", styles: [".kit-textarea .label{display:block;margin-bottom:4px}.kit-textarea-input{display:flex;position:relative;padding:9px 0 9px 12px;border:1px solid var(--ui-kit-color-grey-11);border-radius:8px;background:var(--ui-kit-color-white)}.kit-textarea-icon{flex-shrink:0;display:block;margin-right:8px;margin-top:2px;width:16px;height:16px;fill:var(--ui-kit-color-grey-10)}.kit-textarea-state-icon{position:absolute;top:12px;right:12px;flex-shrink:0;display:block;margin-left:12px;width:14px;height:14px}.kit-textarea .k-input{padding:0 34px 0 0;width:100%;color:var(--ui-kit-color-grey-10);font-size:14px;border:none;border-radius:8px;box-sizing:border-box;line-height:1.4;overflow:auto;resize:none}.kit-textarea .k-input::placeholder{color:var(--ui-kit-color-grey-12)}.kit-textarea.default .kit-textarea-state-icon{fill:var(--ui-kit-color-grey-12)}.kit-textarea.default:hover .kit-textarea-input{border-color:var(--ui-kit-color-hover)}.kit-textarea.default:focus-within .kit-textarea-input{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-textarea.warning .kit-textarea-input{border-color:var(--ui-kit-color-orange)}.kit-textarea.warning .kit-textarea-state-icon,.kit-textarea.warning .kit-textarea-icon{fill:var(--ui-kit-color-orange)}.kit-textarea.warning:focus-within .kit-textarea-input{box-shadow:0 0 0 2px var(--ui-kit-color-orange-1)}.kit-textarea.error .kit-textarea-input{border-color:var(--ui-kit-color-red-1)}.kit-textarea.error .kit-textarea-state-icon,.kit-textarea.error .kit-textarea-icon{fill:var(--ui-kit-color-red-1)}.kit-textarea.error:focus-within .kit-textarea-input{box-shadow:0 0 0 2px var(--ui-kit-color-red-2)}.kit-textarea.success .kit-textarea-state-icon{fill:var(--ui-kit-color-green-1)}.kit-textarea.success:hover .kit-textarea-input{border-color:var(--ui-kit-color-green-1)}.kit-textarea.success:focus-within .kit-textarea-input{border-color:var(--ui-kit-color-green-1);box-shadow:0 0 0 2px var(--ui-kit-color-green-2)}.kit-textarea.disabled .k-input{color:var(--ui-kit-color-grey-12);background:var(--ui-kit-color-grey-13)}.kit-textarea.disabled .kit-textarea-input{border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-textarea.disabled .kit-textarea-icon{fill:var(--ui-kit-color-grey-12)}.kit-textarea.disabled:hover .kit-textarea-input{border-color:var(--ui-kit-color-grey-11)}.kit-textarea.readonly .k-input{color:var(--ui-kit-color-grey-14)}.kit-textarea.readonly .kit-textarea-input{border-color:var(--ui-kit-color-grey-11)}.kit-textarea.readonly .kit-textarea-icon{fill:var(--ui-kit-color-grey-10)}.kit-textarea.readonly:hover .kit-textarea-input{border-color:var(--ui-kit-color-grey-11)}.kit-textarea.readonly:focus-within .kit-textarea-input{box-shadow:none}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: KitInputMessageComponent, selector: "kit-input-message", inputs: ["icon", "message"] }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }, { kind: "directive", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef", "kitTooltipVisible"] }, { kind: "directive", type: KitTextareaAutoresizeDirective, selector: "[autoresize]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+            }], usesOnChanges: true, ngImport: i0, template: "<div class=\"kit-textarea\"\n     [ngClass]=\"state\"\n     [class.disabled]=\"disabled\"\n     [class.readonly]=\"readonly\">\n  @if (label) {\n    <kit-input-label class=\"label\"\n                     [text]=\"label\"\n                     [for]=\"textarea\"\n    ></kit-input-label>\n  }\n  <div class=\"kit-textarea-input\">\n    @if (icon) {\n      <kit-svg-icon class=\"kit-textarea-icon\"\n                    [icon]=\"icon\"\n      ></kit-svg-icon>\n    }\n    <textarea #textarea\n              autoresize\n              class=\"k-input\"\n              [attr.placeholder]=\"placeholder\"\n              [style.min-height.px]=\"minHeight\"\n              [style.max-height.px]=\"maxHeight\"\n              [attr.maxlength]=\"maxlength\"\n              [disabled]=\"disabled\"\n              [value]=\"defaultValue\"\n              [readonly]=\"readonly\"\n              (focus)=\"onTextareaFocus()\"\n              (blur)=\"onTextareaBlur()\"\n              (input)=\"onTextareaChange($event)\"\n    ></textarea>\n    <kit-svg-icon kitTooltip\n                  kitTooltipFilter=\".kit-textarea-state-icon\"\n                  class=\"kit-textarea-state-icon\"\n                  [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n                  [title]=\"tooltip ?? ''\"\n                  [icon]=\"textareaStateIcon[state]\"\n    ></kit-svg-icon>\n  </div>\n\n  @if (messageText) {\n    <kit-input-message [icon]=\"messageIcon\"\n                       [message]=\"messageText\"\n    ></kit-input-message>\n  }\n</div>\n", styles: [".kit-textarea .label{display:block;margin-bottom:4px}.kit-textarea-input{display:flex;position:relative;padding:9px 0 9px 12px;border:1px solid var(--ui-kit-color-grey-11);border-radius:8px;background:var(--ui-kit-color-white)}.kit-textarea-icon{flex-shrink:0;display:block;margin-right:8px;margin-top:2px;width:16px;height:16px;fill:var(--ui-kit-color-grey-10)}.kit-textarea-state-icon{position:absolute;top:12px;right:12px;flex-shrink:0;display:block;margin-left:12px;width:14px;height:14px}.kit-textarea .k-input{padding:0 34px 0 0;width:100%;color:var(--ui-kit-color-grey-10);font-size:14px;border:none;border-radius:8px;box-sizing:border-box;line-height:1.4;overflow:auto;resize:none}.kit-textarea .k-input::placeholder{color:var(--ui-kit-color-grey-12)}.kit-textarea.default .kit-textarea-state-icon{fill:var(--ui-kit-color-grey-12)}.kit-textarea.default:hover .kit-textarea-input{border-color:var(--ui-kit-color-hover)}.kit-textarea.default:focus-within .kit-textarea-input{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-textarea.warning .kit-textarea-input{border-color:var(--ui-kit-color-orange)}.kit-textarea.warning .kit-textarea-state-icon,.kit-textarea.warning .kit-textarea-icon{fill:var(--ui-kit-color-orange)}.kit-textarea.warning:focus-within .kit-textarea-input{box-shadow:0 0 0 2px var(--ui-kit-color-orange-1)}.kit-textarea.error .kit-textarea-input{border-color:var(--ui-kit-color-red-1)}.kit-textarea.error .kit-textarea-state-icon,.kit-textarea.error .kit-textarea-icon{fill:var(--ui-kit-color-red-1)}.kit-textarea.error:focus-within .kit-textarea-input{box-shadow:0 0 0 2px var(--ui-kit-color-red-2)}.kit-textarea.success .kit-textarea-state-icon{fill:var(--ui-kit-color-green-1)}.kit-textarea.success:hover .kit-textarea-input{border-color:var(--ui-kit-color-green-1)}.kit-textarea.success:focus-within .kit-textarea-input{border-color:var(--ui-kit-color-green-1);box-shadow:0 0 0 2px var(--ui-kit-color-green-2)}.kit-textarea.disabled .k-input{color:var(--ui-kit-color-grey-12);background:var(--ui-kit-color-grey-13)}.kit-textarea.disabled .kit-textarea-input{border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-textarea.disabled .kit-textarea-icon{fill:var(--ui-kit-color-grey-12)}.kit-textarea.disabled:hover .kit-textarea-input{border-color:var(--ui-kit-color-grey-11)}.kit-textarea.readonly .k-input{color:var(--ui-kit-color-grey-14)}.kit-textarea.readonly .kit-textarea-input{border-color:var(--ui-kit-color-grey-11)}.kit-textarea.readonly .kit-textarea-icon{fill:var(--ui-kit-color-grey-10)}.kit-textarea.readonly:hover .kit-textarea-input{border-color:var(--ui-kit-color-grey-11)}.kit-textarea.readonly:focus-within .kit-textarea-input{box-shadow:none}\n"], dependencies: [{ kind: "ngmodule", type: KitInputMessageModule }, { kind: "component", type: KitInputMessageComponent, selector: "kit-input-message", inputs: ["icon", "message"] }, { kind: "ngmodule", type: KitSvgIconModule }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "ngmodule", type: KitInputLabelModule }, { kind: "component", type: KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }, { kind: "directive", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef", "kitTooltipVisible"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: KitTextareaAutoresizeDirective, selector: "[autoresize]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitTextareaComponent, decorators: [{
             type: Component,
@@ -1424,7 +1376,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => KitTextareaComponent),
                             multi: true,
-                        }], standalone: false, template: "<div class=\"kit-textarea\"\n     [ngClass]=\"state\"\n     [class.disabled]=\"disabled\"\n     [class.readonly]=\"readonly\">\n  @if (label) {\n    <kit-input-label class=\"label\"\n                     [text]=\"label\"\n                     [for]=\"textarea\"\n    ></kit-input-label>\n  }\n  <div class=\"kit-textarea-input\">\n    @if (icon) {\n      <kit-svg-icon class=\"kit-textarea-icon\"\n                    [icon]=\"icon\"\n      ></kit-svg-icon>\n    }\n    <textarea #textarea\n              autoresize\n              class=\"k-input\"\n              [attr.placeholder]=\"placeholder\"\n              [style.min-height.px]=\"minHeight\"\n              [style.max-height.px]=\"maxHeight\"\n              [attr.maxlength]=\"maxlength\"\n              [disabled]=\"disabled\"\n              [value]=\"defaultValue\"\n              [readonly]=\"readonly\"\n              (focus)=\"onTextareaFocus()\"\n              (blur)=\"onTextareaBlur()\"\n              (input)=\"onTextareaChange($event)\"\n    ></textarea>\n    <kit-svg-icon kitTooltip\n                  kitTooltipFilter=\".kit-textarea-state-icon\"\n                  class=\"kit-textarea-state-icon\"\n                  [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n                  [title]=\"tooltip ?? ''\"\n                  [icon]=\"textareaStateIcon[state]\"\n    ></kit-svg-icon>\n  </div>\n\n  @if (messageText) {\n    <kit-input-message [icon]=\"messageIcon\"\n                       [message]=\"messageText\"\n    ></kit-input-message>\n  }\n</div>\n", styles: [".kit-textarea .label{display:block;margin-bottom:4px}.kit-textarea-input{display:flex;position:relative;padding:9px 0 9px 12px;border:1px solid var(--ui-kit-color-grey-11);border-radius:8px;background:var(--ui-kit-color-white)}.kit-textarea-icon{flex-shrink:0;display:block;margin-right:8px;margin-top:2px;width:16px;height:16px;fill:var(--ui-kit-color-grey-10)}.kit-textarea-state-icon{position:absolute;top:12px;right:12px;flex-shrink:0;display:block;margin-left:12px;width:14px;height:14px}.kit-textarea .k-input{padding:0 34px 0 0;width:100%;color:var(--ui-kit-color-grey-10);font-size:14px;border:none;border-radius:8px;box-sizing:border-box;line-height:1.4;overflow:auto;resize:none}.kit-textarea .k-input::placeholder{color:var(--ui-kit-color-grey-12)}.kit-textarea.default .kit-textarea-state-icon{fill:var(--ui-kit-color-grey-12)}.kit-textarea.default:hover .kit-textarea-input{border-color:var(--ui-kit-color-hover)}.kit-textarea.default:focus-within .kit-textarea-input{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-textarea.warning .kit-textarea-input{border-color:var(--ui-kit-color-orange)}.kit-textarea.warning .kit-textarea-state-icon,.kit-textarea.warning .kit-textarea-icon{fill:var(--ui-kit-color-orange)}.kit-textarea.warning:focus-within .kit-textarea-input{box-shadow:0 0 0 2px var(--ui-kit-color-orange-1)}.kit-textarea.error .kit-textarea-input{border-color:var(--ui-kit-color-red-1)}.kit-textarea.error .kit-textarea-state-icon,.kit-textarea.error .kit-textarea-icon{fill:var(--ui-kit-color-red-1)}.kit-textarea.error:focus-within .kit-textarea-input{box-shadow:0 0 0 2px var(--ui-kit-color-red-2)}.kit-textarea.success .kit-textarea-state-icon{fill:var(--ui-kit-color-green-1)}.kit-textarea.success:hover .kit-textarea-input{border-color:var(--ui-kit-color-green-1)}.kit-textarea.success:focus-within .kit-textarea-input{border-color:var(--ui-kit-color-green-1);box-shadow:0 0 0 2px var(--ui-kit-color-green-2)}.kit-textarea.disabled .k-input{color:var(--ui-kit-color-grey-12);background:var(--ui-kit-color-grey-13)}.kit-textarea.disabled .kit-textarea-input{border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-textarea.disabled .kit-textarea-icon{fill:var(--ui-kit-color-grey-12)}.kit-textarea.disabled:hover .kit-textarea-input{border-color:var(--ui-kit-color-grey-11)}.kit-textarea.readonly .k-input{color:var(--ui-kit-color-grey-14)}.kit-textarea.readonly .kit-textarea-input{border-color:var(--ui-kit-color-grey-11)}.kit-textarea.readonly .kit-textarea-icon{fill:var(--ui-kit-color-grey-10)}.kit-textarea.readonly:hover .kit-textarea-input{border-color:var(--ui-kit-color-grey-11)}.kit-textarea.readonly:focus-within .kit-textarea-input{box-shadow:none}\n"] }]
+                        }], imports: [
+                        KitInputMessageModule,
+                        KitSvgIconModule,
+                        KitInputLabelModule,
+                        KitTooltipDirective,
+                        NgClass,
+                        KitTextareaAutoresizeDirective,
+                    ], template: "<div class=\"kit-textarea\"\n     [ngClass]=\"state\"\n     [class.disabled]=\"disabled\"\n     [class.readonly]=\"readonly\">\n  @if (label) {\n    <kit-input-label class=\"label\"\n                     [text]=\"label\"\n                     [for]=\"textarea\"\n    ></kit-input-label>\n  }\n  <div class=\"kit-textarea-input\">\n    @if (icon) {\n      <kit-svg-icon class=\"kit-textarea-icon\"\n                    [icon]=\"icon\"\n      ></kit-svg-icon>\n    }\n    <textarea #textarea\n              autoresize\n              class=\"k-input\"\n              [attr.placeholder]=\"placeholder\"\n              [style.min-height.px]=\"minHeight\"\n              [style.max-height.px]=\"maxHeight\"\n              [attr.maxlength]=\"maxlength\"\n              [disabled]=\"disabled\"\n              [value]=\"defaultValue\"\n              [readonly]=\"readonly\"\n              (focus)=\"onTextareaFocus()\"\n              (blur)=\"onTextareaBlur()\"\n              (input)=\"onTextareaChange($event)\"\n    ></textarea>\n    <kit-svg-icon kitTooltip\n                  kitTooltipFilter=\".kit-textarea-state-icon\"\n                  class=\"kit-textarea-state-icon\"\n                  [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n                  [title]=\"tooltip ?? ''\"\n                  [icon]=\"textareaStateIcon[state]\"\n    ></kit-svg-icon>\n  </div>\n\n  @if (messageText) {\n    <kit-input-message [icon]=\"messageIcon\"\n                       [message]=\"messageText\"\n    ></kit-input-message>\n  }\n</div>\n", styles: [".kit-textarea .label{display:block;margin-bottom:4px}.kit-textarea-input{display:flex;position:relative;padding:9px 0 9px 12px;border:1px solid var(--ui-kit-color-grey-11);border-radius:8px;background:var(--ui-kit-color-white)}.kit-textarea-icon{flex-shrink:0;display:block;margin-right:8px;margin-top:2px;width:16px;height:16px;fill:var(--ui-kit-color-grey-10)}.kit-textarea-state-icon{position:absolute;top:12px;right:12px;flex-shrink:0;display:block;margin-left:12px;width:14px;height:14px}.kit-textarea .k-input{padding:0 34px 0 0;width:100%;color:var(--ui-kit-color-grey-10);font-size:14px;border:none;border-radius:8px;box-sizing:border-box;line-height:1.4;overflow:auto;resize:none}.kit-textarea .k-input::placeholder{color:var(--ui-kit-color-grey-12)}.kit-textarea.default .kit-textarea-state-icon{fill:var(--ui-kit-color-grey-12)}.kit-textarea.default:hover .kit-textarea-input{border-color:var(--ui-kit-color-hover)}.kit-textarea.default:focus-within .kit-textarea-input{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-textarea.warning .kit-textarea-input{border-color:var(--ui-kit-color-orange)}.kit-textarea.warning .kit-textarea-state-icon,.kit-textarea.warning .kit-textarea-icon{fill:var(--ui-kit-color-orange)}.kit-textarea.warning:focus-within .kit-textarea-input{box-shadow:0 0 0 2px var(--ui-kit-color-orange-1)}.kit-textarea.error .kit-textarea-input{border-color:var(--ui-kit-color-red-1)}.kit-textarea.error .kit-textarea-state-icon,.kit-textarea.error .kit-textarea-icon{fill:var(--ui-kit-color-red-1)}.kit-textarea.error:focus-within .kit-textarea-input{box-shadow:0 0 0 2px var(--ui-kit-color-red-2)}.kit-textarea.success .kit-textarea-state-icon{fill:var(--ui-kit-color-green-1)}.kit-textarea.success:hover .kit-textarea-input{border-color:var(--ui-kit-color-green-1)}.kit-textarea.success:focus-within .kit-textarea-input{border-color:var(--ui-kit-color-green-1);box-shadow:0 0 0 2px var(--ui-kit-color-green-2)}.kit-textarea.disabled .k-input{color:var(--ui-kit-color-grey-12);background:var(--ui-kit-color-grey-13)}.kit-textarea.disabled .kit-textarea-input{border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-textarea.disabled .kit-textarea-icon{fill:var(--ui-kit-color-grey-12)}.kit-textarea.disabled:hover .kit-textarea-input{border-color:var(--ui-kit-color-grey-11)}.kit-textarea.readonly .k-input{color:var(--ui-kit-color-grey-14)}.kit-textarea.readonly .kit-textarea-input{border-color:var(--ui-kit-color-grey-11)}.kit-textarea.readonly .kit-textarea-icon{fill:var(--ui-kit-color-grey-10)}.kit-textarea.readonly:hover .kit-textarea-input{border-color:var(--ui-kit-color-grey-11)}.kit-textarea.readonly:focus-within .kit-textarea-input{box-shadow:none}\n"] }]
         }], propDecorators: { placeholder: [{
                 type: Input
             }], label: [{
@@ -1459,41 +1418,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
                 type: Output
             }] } });
 
-class KitTextareaModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitTextareaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: KitTextareaModule, declarations: [KitTextareaComponent,
-            KitTextareaAutoresizeDirective], imports: [CommonModule,
-            KitInputMessageModule,
-            KitSvgIconModule,
-            KitInputLabelModule,
-            KitTooltipDirective], exports: [KitTextareaComponent,
-            KitTextareaAutoresizeDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitTextareaModule, imports: [CommonModule,
-            KitInputMessageModule,
-            KitSvgIconModule,
-            KitInputLabelModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitTextareaModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        KitTextareaComponent,
-                        KitTextareaAutoresizeDirective,
-                    ],
-                    imports: [
-                        CommonModule,
-                        KitInputMessageModule,
-                        KitSvgIconModule,
-                        KitInputLabelModule,
-                        KitTooltipDirective,
-                    ],
-                    exports: [
-                        KitTextareaComponent,
-                        KitTextareaAutoresizeDirective,
-                    ],
-                }]
-        }] });
-
 var KitTextLabelState;
 (function (KitTextLabelState) {
     KitTextLabelState["REGULAR"] = "regular";
@@ -2195,11 +2119,11 @@ class KitAutocompleteComponent {
         this.disabled = disabled;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitAutocompleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitAutocompleteComponent, isStandalone: false, selector: "kit-autocomplete", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: false, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: false, isRequired: false, transformFunction: null }, selectedValue: { classPropertyName: "selectedValue", publicName: "selectedValue", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, loaderVisible: { classPropertyName: "loaderVisible", publicName: "loaderVisible", isSignal: false, isRequired: false, transformFunction: null }, messageIcon: { classPropertyName: "messageIcon", publicName: "messageIcon", isSignal: false, isRequired: false, transformFunction: null }, messageText: { classPropertyName: "messageText", publicName: "messageText", isSignal: false, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: false, isRequired: false, transformFunction: null }, allowCustom: { classPropertyName: "allowCustom", publicName: "allowCustom", isSignal: true, isRequired: false, transformFunction: null }, closePopupIfDataNotFound: { classPropertyName: "closePopupIfDataNotFound", publicName: "closePopupIfDataNotFound", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filterChanged: "filterChanged", valueChanged: "valueChanged", selectionChanged: "selectionChanged", blured: "blured", focused: "focused" }, providers: [{
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitAutocompleteComponent, isStandalone: true, selector: "kit-autocomplete", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: false, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: false, isRequired: false, transformFunction: null }, selectedValue: { classPropertyName: "selectedValue", publicName: "selectedValue", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, loaderVisible: { classPropertyName: "loaderVisible", publicName: "loaderVisible", isSignal: false, isRequired: false, transformFunction: null }, messageIcon: { classPropertyName: "messageIcon", publicName: "messageIcon", isSignal: false, isRequired: false, transformFunction: null }, messageText: { classPropertyName: "messageText", publicName: "messageText", isSignal: false, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: false, isRequired: false, transformFunction: null }, allowCustom: { classPropertyName: "allowCustom", publicName: "allowCustom", isSignal: true, isRequired: false, transformFunction: null }, closePopupIfDataNotFound: { classPropertyName: "closePopupIfDataNotFound", publicName: "closePopupIfDataNotFound", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filterChanged: "filterChanged", valueChanged: "valueChanged", selectionChanged: "selectionChanged", blured: "blured", focused: "focused" }, providers: [{
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => KitAutocompleteComponent),
                 multi: true,
-            }], viewQueries: [{ propertyName: "combobox", first: true, predicate: ["combobox"], descendants: true }], ngImport: i0, template: "<div class=\"kit-autocomplete\"\n     [class.empty]=\"!items || !items.length\"\n     [class.disabled]=\"disabled\"\n     [class.loading]=\"loaderVisible\"\n     [class.invalid]=\"invalid\">\n  @if (label) {\n    <kit-input-label class=\"label\"\n                     [text]=\"label\"\n                     [for]=\"$any(combobox)\"\n    ></kit-input-label>\n  }\n  <div class=\"autocomplete-wrap\">\n    <kendo-combobox #combobox\n                    textField=\"text\"\n                    valueField=\"value\"\n                    kendoDropDownFilter\n                    [data]=\"items\"\n                    [placeholder]=\"placeholder\"\n                    [filterable]=\"true\"\n                    [valuePrimitive]=\"true\"\n                    [disabled]=\"disabled\"\n                    [clearButton]=\"false\"\n                    [value]=\"selectedValue\"\n                    [allowCustom]=\"allowCustom()\"\n                    [popupSettings]=\"dropdownPopupSettings\"\n                    [suggest]=\"true\"\n                    (focus)=\"onFocus()\"\n                    (blur)=\"onBlur()\"\n                    (selectionChange)=\"onSelectionChange($event)\"\n                    (valueChange)=\"onValueChange($event)\"\n                    (filterChange)=\"onFilterChange($event)\">\n      <ng-template kendoComboBoxHeaderTemplate>\n        @if (loaderVisible) {\n          <kit-loader class=\"popup-loader\"\n          ></kit-loader>\n        }\n      </ng-template>\n      <ng-template kendoComboBoxItemTemplate\n                   let-item>\n        <span class=\"template\">{{ getOptionText(item) }}</span>\n      </ng-template>\n    </kendo-combobox>\n    <kit-svg-icon class=\"input-icon\"\n                  icon=\"search\"\n    ></kit-svg-icon>\n  </div>\n  @if (messageText) {\n    <kit-input-message [icon]=\"messageIcon\"\n                       [message]=\"messageText\"\n    ></kit-input-message>\n  }\n</div>\n", styles: [".kit-autocomplete .label{display:block;margin-bottom:4px}.kit-autocomplete .autocomplete-wrap{position:relative;display:flex;align-items:center}.kit-autocomplete .k-input-button{display:none}.kit-autocomplete:hover .k-combobox{border-color:var(--ui-kit-color-hover)}.kit-autocomplete .k-combobox{height:40px;font-size:14px;font-weight:400;border-radius:8px;border:1px solid var(--ui-kit-color-grey-11);background-color:var(--ui-kit-color-white)}.kit-autocomplete .k-combobox.k-focus{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-autocomplete .k-combobox.k-focus+.input-icon{stroke:var(--ui-kit-color-main)}.kit-autocomplete .k-input-inner{padding:0 36px 0 12px;color:var(--ui-kit-color-grey-10);line-height:1}.kit-autocomplete .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-autocomplete .k-input-inner::selection{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-autocomplete .popup-loader{height:100%}.kit-autocomplete .kit-loader,.kit-autocomplete .kit-loader>div{height:100%}.kit-autocomplete .kit-loader .circle{box-sizing:content-box}.kit-autocomplete .input-icon{position:absolute;right:0;padding:0 12px 0 8px;width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-grey-12)}.kit-autocomplete.disabled .k-combobox{border-color:var(--ui-kit-color-grey-12)}.kit-autocomplete.disabled .k-input-inner{color:var(--ui-kit-color-grey-12);background-color:var(--ui-kit-color-grey-13)}.kit-autocomplete.disabled .input-icon{stroke:var(--ui-kit-color-grey-12)}.kit-autocomplete.empty .kit-autocomplete-popup{display:none}.kit-autocomplete.loading .kit-autocomplete-popup{display:block;height:200px}.kit-autocomplete.loading .kit-autocomplete-popup .k-no-data,.kit-autocomplete.loading .kit-autocomplete-popup .k-list{display:none}.kit-autocomplete.invalid .k-combobox{border-color:var(--ui-kit-color-red-1)}.kit-autocomplete.invalid .input-icon{stroke:var(--ui-kit-color-red-1)}.kit-autocomplete .kit-autocomplete-popup{margin-top:10px;padding:8px;width:296px;border:none;border-radius:8px;box-shadow:0 9px 28px 8px #0000000d,0 3px 6px -4px #0000001f,0 6px 16px #00000014;background-color:var(--ui-kit-color-white)}.kit-autocomplete .kit-autocomplete-popup .k-list-item{padding:6px 12px;font-size:14px;font-weight:400;line-height:1.26;box-shadow:none;border-radius:4px;background-color:var(--ui-kit-color-white);color:var(--ui-kit-color-grey-10)}.kit-autocomplete .kit-autocomplete-popup .k-list-item:hover{color:var(--ui-kit-color-main)}\n"], dependencies: [{ kind: "directive", type: i1$3.HeaderTemplateDirective, selector: "[kendoDropDownListHeaderTemplate],[kendoComboBoxHeaderTemplate],[kendoDropDownTreeHeaderTemplate],[kendoMultiColumnComboBoxHeaderTemplate],[kendoAutoCompleteHeaderTemplate],[kendoMultiSelectHeaderTemplate],[kendoMultiSelectTreeHeaderTemplate]" }, { kind: "directive", type: i1$3.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: i1$3.FilterDirective, selector: "[kendoDropDownFilter]", inputs: ["data", "kendoDropDownFilter", "filterable"] }, { kind: "component", type: i1$3.ComboBoxComponent, selector: "kendo-combobox", inputs: ["icon", "svgIcon", "inputAttributes", "showStickyHeader", "focusableId", "allowCustom", "data", "value", "textField", "valueField", "valuePrimitive", "valueNormalizer", "placeholder", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "loading", "suggest", "clearButton", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode"], outputs: ["valueChange", "selectionChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur", "escape"], exportAs: ["kendoComboBox"] }, { kind: "component", type: KitInputMessageComponent, selector: "kit-input-message", inputs: ["icon", "message"] }, { kind: "component", type: KitLoaderComponent, selector: "kit-loader" }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+            }], viewQueries: [{ propertyName: "combobox", first: true, predicate: ["combobox"], descendants: true }], ngImport: i0, template: "<div class=\"kit-autocomplete\"\n     [class.empty]=\"!items || !items.length\"\n     [class.disabled]=\"disabled\"\n     [class.loading]=\"loaderVisible\"\n     [class.invalid]=\"invalid\">\n  @if (label) {\n    <kit-input-label class=\"label\"\n                     [text]=\"label\"\n                     [for]=\"$any(combobox)\"\n    ></kit-input-label>\n  }\n  <div class=\"autocomplete-wrap\">\n    <kendo-combobox #combobox\n                    textField=\"text\"\n                    valueField=\"value\"\n                    kendoDropDownFilter\n                    [data]=\"items\"\n                    [placeholder]=\"placeholder\"\n                    [filterable]=\"true\"\n                    [valuePrimitive]=\"true\"\n                    [disabled]=\"disabled\"\n                    [clearButton]=\"false\"\n                    [value]=\"selectedValue\"\n                    [allowCustom]=\"allowCustom()\"\n                    [popupSettings]=\"dropdownPopupSettings\"\n                    [suggest]=\"true\"\n                    (focus)=\"onFocus()\"\n                    (blur)=\"onBlur()\"\n                    (selectionChange)=\"onSelectionChange($event)\"\n                    (valueChange)=\"onValueChange($event)\"\n                    (filterChange)=\"onFilterChange($event)\">\n      <ng-template kendoComboBoxHeaderTemplate>\n        @if (loaderVisible) {\n          <kit-loader class=\"popup-loader\"\n          ></kit-loader>\n        }\n      </ng-template>\n      <ng-template kendoComboBoxItemTemplate\n                   let-item>\n        <span class=\"template\">{{ getOptionText(item) }}</span>\n      </ng-template>\n    </kendo-combobox>\n    <kit-svg-icon class=\"input-icon\"\n                  icon=\"search\"\n    ></kit-svg-icon>\n  </div>\n  @if (messageText) {\n    <kit-input-message [icon]=\"messageIcon\"\n                       [message]=\"messageText\"\n    ></kit-input-message>\n  }\n</div>\n", styles: [".kit-autocomplete .label{display:block;margin-bottom:4px}.kit-autocomplete .autocomplete-wrap{position:relative;display:flex;align-items:center}.kit-autocomplete .k-input-button{display:none}.kit-autocomplete:hover .k-combobox{border-color:var(--ui-kit-color-hover)}.kit-autocomplete .k-combobox{height:40px;font-size:14px;font-weight:400;border-radius:8px;border:1px solid var(--ui-kit-color-grey-11);background-color:var(--ui-kit-color-white)}.kit-autocomplete .k-combobox.k-focus{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-autocomplete .k-combobox.k-focus+.input-icon{stroke:var(--ui-kit-color-main)}.kit-autocomplete .k-input-inner{padding:0 36px 0 12px;color:var(--ui-kit-color-grey-10);line-height:1}.kit-autocomplete .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-autocomplete .k-input-inner::selection{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-autocomplete .popup-loader{height:100%}.kit-autocomplete .kit-loader,.kit-autocomplete .kit-loader>div{height:100%}.kit-autocomplete .kit-loader .circle{box-sizing:content-box}.kit-autocomplete .input-icon{position:absolute;right:0;padding:0 12px 0 8px;width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-grey-12)}.kit-autocomplete.disabled .k-combobox{border-color:var(--ui-kit-color-grey-12)}.kit-autocomplete.disabled .k-input-inner{color:var(--ui-kit-color-grey-12);background-color:var(--ui-kit-color-grey-13)}.kit-autocomplete.disabled .input-icon{stroke:var(--ui-kit-color-grey-12)}.kit-autocomplete.empty .kit-autocomplete-popup{display:none}.kit-autocomplete.loading .kit-autocomplete-popup{display:block;height:200px}.kit-autocomplete.loading .kit-autocomplete-popup .k-no-data,.kit-autocomplete.loading .kit-autocomplete-popup .k-list{display:none}.kit-autocomplete.invalid .k-combobox{border-color:var(--ui-kit-color-red-1)}.kit-autocomplete.invalid .input-icon{stroke:var(--ui-kit-color-red-1)}.kit-autocomplete .kit-autocomplete-popup{margin-top:10px;padding:8px;width:296px;border:none;border-radius:8px;box-shadow:0 9px 28px 8px #0000000d,0 3px 6px -4px #0000001f,0 6px 16px #00000014;background-color:var(--ui-kit-color-white)}.kit-autocomplete .kit-autocomplete-popup .k-list-item{padding:6px 12px;font-size:14px;font-weight:400;line-height:1.26;box-shadow:none;border-radius:4px;background-color:var(--ui-kit-color-white);color:var(--ui-kit-color-grey-10)}.kit-autocomplete .kit-autocomplete-popup .k-list-item:hover{color:var(--ui-kit-color-main)}\n"], dependencies: [{ kind: "ngmodule", type: DropDownsModule }, { kind: "directive", type: i1$3.HeaderTemplateDirective, selector: "[kendoDropDownListHeaderTemplate],[kendoComboBoxHeaderTemplate],[kendoDropDownTreeHeaderTemplate],[kendoMultiColumnComboBoxHeaderTemplate],[kendoAutoCompleteHeaderTemplate],[kendoMultiSelectHeaderTemplate],[kendoMultiSelectTreeHeaderTemplate]" }, { kind: "directive", type: i1$3.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: i1$3.FilterDirective, selector: "[kendoDropDownFilter]", inputs: ["data", "kendoDropDownFilter", "filterable"] }, { kind: "component", type: i1$3.ComboBoxComponent, selector: "kendo-combobox", inputs: ["icon", "svgIcon", "inputAttributes", "showStickyHeader", "focusableId", "allowCustom", "data", "value", "textField", "valueField", "valuePrimitive", "valueNormalizer", "placeholder", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "loading", "suggest", "clearButton", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode"], outputs: ["valueChange", "selectionChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur", "escape"], exportAs: ["kendoComboBox"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: InputsModule }, { kind: "ngmodule", type: KitInputMessageModule }, { kind: "component", type: KitInputMessageComponent, selector: "kit-input-message", inputs: ["icon", "message"] }, { kind: "component", type: KitLoaderComponent, selector: "kit-loader" }, { kind: "ngmodule", type: KitSvgIconModule }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "ngmodule", type: KitInputLabelModule }, { kind: "component", type: KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitAutocompleteComponent, decorators: [{
             type: Component,
@@ -2207,7 +2131,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => KitAutocompleteComponent),
                             multi: true,
-                        }], standalone: false, template: "<div class=\"kit-autocomplete\"\n     [class.empty]=\"!items || !items.length\"\n     [class.disabled]=\"disabled\"\n     [class.loading]=\"loaderVisible\"\n     [class.invalid]=\"invalid\">\n  @if (label) {\n    <kit-input-label class=\"label\"\n                     [text]=\"label\"\n                     [for]=\"$any(combobox)\"\n    ></kit-input-label>\n  }\n  <div class=\"autocomplete-wrap\">\n    <kendo-combobox #combobox\n                    textField=\"text\"\n                    valueField=\"value\"\n                    kendoDropDownFilter\n                    [data]=\"items\"\n                    [placeholder]=\"placeholder\"\n                    [filterable]=\"true\"\n                    [valuePrimitive]=\"true\"\n                    [disabled]=\"disabled\"\n                    [clearButton]=\"false\"\n                    [value]=\"selectedValue\"\n                    [allowCustom]=\"allowCustom()\"\n                    [popupSettings]=\"dropdownPopupSettings\"\n                    [suggest]=\"true\"\n                    (focus)=\"onFocus()\"\n                    (blur)=\"onBlur()\"\n                    (selectionChange)=\"onSelectionChange($event)\"\n                    (valueChange)=\"onValueChange($event)\"\n                    (filterChange)=\"onFilterChange($event)\">\n      <ng-template kendoComboBoxHeaderTemplate>\n        @if (loaderVisible) {\n          <kit-loader class=\"popup-loader\"\n          ></kit-loader>\n        }\n      </ng-template>\n      <ng-template kendoComboBoxItemTemplate\n                   let-item>\n        <span class=\"template\">{{ getOptionText(item) }}</span>\n      </ng-template>\n    </kendo-combobox>\n    <kit-svg-icon class=\"input-icon\"\n                  icon=\"search\"\n    ></kit-svg-icon>\n  </div>\n  @if (messageText) {\n    <kit-input-message [icon]=\"messageIcon\"\n                       [message]=\"messageText\"\n    ></kit-input-message>\n  }\n</div>\n", styles: [".kit-autocomplete .label{display:block;margin-bottom:4px}.kit-autocomplete .autocomplete-wrap{position:relative;display:flex;align-items:center}.kit-autocomplete .k-input-button{display:none}.kit-autocomplete:hover .k-combobox{border-color:var(--ui-kit-color-hover)}.kit-autocomplete .k-combobox{height:40px;font-size:14px;font-weight:400;border-radius:8px;border:1px solid var(--ui-kit-color-grey-11);background-color:var(--ui-kit-color-white)}.kit-autocomplete .k-combobox.k-focus{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-autocomplete .k-combobox.k-focus+.input-icon{stroke:var(--ui-kit-color-main)}.kit-autocomplete .k-input-inner{padding:0 36px 0 12px;color:var(--ui-kit-color-grey-10);line-height:1}.kit-autocomplete .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-autocomplete .k-input-inner::selection{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-autocomplete .popup-loader{height:100%}.kit-autocomplete .kit-loader,.kit-autocomplete .kit-loader>div{height:100%}.kit-autocomplete .kit-loader .circle{box-sizing:content-box}.kit-autocomplete .input-icon{position:absolute;right:0;padding:0 12px 0 8px;width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-grey-12)}.kit-autocomplete.disabled .k-combobox{border-color:var(--ui-kit-color-grey-12)}.kit-autocomplete.disabled .k-input-inner{color:var(--ui-kit-color-grey-12);background-color:var(--ui-kit-color-grey-13)}.kit-autocomplete.disabled .input-icon{stroke:var(--ui-kit-color-grey-12)}.kit-autocomplete.empty .kit-autocomplete-popup{display:none}.kit-autocomplete.loading .kit-autocomplete-popup{display:block;height:200px}.kit-autocomplete.loading .kit-autocomplete-popup .k-no-data,.kit-autocomplete.loading .kit-autocomplete-popup .k-list{display:none}.kit-autocomplete.invalid .k-combobox{border-color:var(--ui-kit-color-red-1)}.kit-autocomplete.invalid .input-icon{stroke:var(--ui-kit-color-red-1)}.kit-autocomplete .kit-autocomplete-popup{margin-top:10px;padding:8px;width:296px;border:none;border-radius:8px;box-shadow:0 9px 28px 8px #0000000d,0 3px 6px -4px #0000001f,0 6px 16px #00000014;background-color:var(--ui-kit-color-white)}.kit-autocomplete .kit-autocomplete-popup .k-list-item{padding:6px 12px;font-size:14px;font-weight:400;line-height:1.26;box-shadow:none;border-radius:4px;background-color:var(--ui-kit-color-white);color:var(--ui-kit-color-grey-10)}.kit-autocomplete .kit-autocomplete-popup .k-list-item:hover{color:var(--ui-kit-color-main)}\n"] }]
+                        }], imports: [
+                        DropDownsModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        InputsModule,
+                        KitInputMessageModule,
+                        KitLoaderComponent,
+                        KitSvgIconModule,
+                        KitInputLabelModule,
+                    ], template: "<div class=\"kit-autocomplete\"\n     [class.empty]=\"!items || !items.length\"\n     [class.disabled]=\"disabled\"\n     [class.loading]=\"loaderVisible\"\n     [class.invalid]=\"invalid\">\n  @if (label) {\n    <kit-input-label class=\"label\"\n                     [text]=\"label\"\n                     [for]=\"$any(combobox)\"\n    ></kit-input-label>\n  }\n  <div class=\"autocomplete-wrap\">\n    <kendo-combobox #combobox\n                    textField=\"text\"\n                    valueField=\"value\"\n                    kendoDropDownFilter\n                    [data]=\"items\"\n                    [placeholder]=\"placeholder\"\n                    [filterable]=\"true\"\n                    [valuePrimitive]=\"true\"\n                    [disabled]=\"disabled\"\n                    [clearButton]=\"false\"\n                    [value]=\"selectedValue\"\n                    [allowCustom]=\"allowCustom()\"\n                    [popupSettings]=\"dropdownPopupSettings\"\n                    [suggest]=\"true\"\n                    (focus)=\"onFocus()\"\n                    (blur)=\"onBlur()\"\n                    (selectionChange)=\"onSelectionChange($event)\"\n                    (valueChange)=\"onValueChange($event)\"\n                    (filterChange)=\"onFilterChange($event)\">\n      <ng-template kendoComboBoxHeaderTemplate>\n        @if (loaderVisible) {\n          <kit-loader class=\"popup-loader\"\n          ></kit-loader>\n        }\n      </ng-template>\n      <ng-template kendoComboBoxItemTemplate\n                   let-item>\n        <span class=\"template\">{{ getOptionText(item) }}</span>\n      </ng-template>\n    </kendo-combobox>\n    <kit-svg-icon class=\"input-icon\"\n                  icon=\"search\"\n    ></kit-svg-icon>\n  </div>\n  @if (messageText) {\n    <kit-input-message [icon]=\"messageIcon\"\n                       [message]=\"messageText\"\n    ></kit-input-message>\n  }\n</div>\n", styles: [".kit-autocomplete .label{display:block;margin-bottom:4px}.kit-autocomplete .autocomplete-wrap{position:relative;display:flex;align-items:center}.kit-autocomplete .k-input-button{display:none}.kit-autocomplete:hover .k-combobox{border-color:var(--ui-kit-color-hover)}.kit-autocomplete .k-combobox{height:40px;font-size:14px;font-weight:400;border-radius:8px;border:1px solid var(--ui-kit-color-grey-11);background-color:var(--ui-kit-color-white)}.kit-autocomplete .k-combobox.k-focus{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-autocomplete .k-combobox.k-focus+.input-icon{stroke:var(--ui-kit-color-main)}.kit-autocomplete .k-input-inner{padding:0 36px 0 12px;color:var(--ui-kit-color-grey-10);line-height:1}.kit-autocomplete .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-autocomplete .k-input-inner::selection{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-autocomplete .popup-loader{height:100%}.kit-autocomplete .kit-loader,.kit-autocomplete .kit-loader>div{height:100%}.kit-autocomplete .kit-loader .circle{box-sizing:content-box}.kit-autocomplete .input-icon{position:absolute;right:0;padding:0 12px 0 8px;width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-grey-12)}.kit-autocomplete.disabled .k-combobox{border-color:var(--ui-kit-color-grey-12)}.kit-autocomplete.disabled .k-input-inner{color:var(--ui-kit-color-grey-12);background-color:var(--ui-kit-color-grey-13)}.kit-autocomplete.disabled .input-icon{stroke:var(--ui-kit-color-grey-12)}.kit-autocomplete.empty .kit-autocomplete-popup{display:none}.kit-autocomplete.loading .kit-autocomplete-popup{display:block;height:200px}.kit-autocomplete.loading .kit-autocomplete-popup .k-no-data,.kit-autocomplete.loading .kit-autocomplete-popup .k-list{display:none}.kit-autocomplete.invalid .k-combobox{border-color:var(--ui-kit-color-red-1)}.kit-autocomplete.invalid .input-icon{stroke:var(--ui-kit-color-red-1)}.kit-autocomplete .kit-autocomplete-popup{margin-top:10px;padding:8px;width:296px;border:none;border-radius:8px;box-shadow:0 9px 28px 8px #0000000d,0 3px 6px -4px #0000001f,0 6px 16px #00000014;background-color:var(--ui-kit-color-white)}.kit-autocomplete .kit-autocomplete-popup .k-list-item{padding:6px 12px;font-size:14px;font-weight:400;line-height:1.26;box-shadow:none;border-radius:4px;background-color:var(--ui-kit-color-white);color:var(--ui-kit-color-grey-10)}.kit-autocomplete .kit-autocomplete-popup .k-list-item:hover{color:var(--ui-kit-color-main)}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], placeholder: [{
@@ -2243,62 +2176,13 @@ class KitAutocompleteDirective {
         this.kitAutocompleteComponent.togglePopup();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitAutocompleteDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.3", type: KitAutocompleteDirective, isStandalone: false, selector: "[kitAutocomplete]", exportAs: ["kitAutocomplete"], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.3", type: KitAutocompleteDirective, isStandalone: true, selector: "[kitAutocomplete]", exportAs: ["kitAutocomplete"], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitAutocompleteDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kitAutocomplete]',
                     exportAs: 'kitAutocomplete',
-                    standalone: false,
-                }]
-        }] });
-
-class KitAutocompleteModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitAutocompleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: KitAutocompleteModule, declarations: [KitAutocompleteComponent,
-            KitAutocompleteDirective], imports: [CommonModule,
-            DropDownsModule,
-            FormsModule,
-            ReactiveFormsModule,
-            InputsModule,
-            KitInputMessageModule,
-            KitLoaderModule,
-            KitSvgIconModule,
-            KitInputLabelModule], exports: [KitAutocompleteComponent,
-            KitAutocompleteDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitAutocompleteModule, imports: [CommonModule,
-            DropDownsModule,
-            FormsModule,
-            ReactiveFormsModule,
-            InputsModule,
-            KitInputMessageModule,
-            KitLoaderModule,
-            KitSvgIconModule,
-            KitInputLabelModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitAutocompleteModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        KitAutocompleteComponent,
-                        KitAutocompleteDirective,
-                    ],
-                    imports: [
-                        CommonModule,
-                        DropDownsModule,
-                        FormsModule,
-                        ReactiveFormsModule,
-                        InputsModule,
-                        KitInputMessageModule,
-                        KitLoaderModule,
-                        KitSvgIconModule,
-                        KitInputLabelModule,
-                    ],
-                    exports: [
-                        KitAutocompleteComponent,
-                        KitAutocompleteDirective,
-                    ],
                 }]
         }] });
 
@@ -3031,7 +2915,7 @@ class KitCtaPanelItemComponent {
         this.clicked.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitCtaPanelItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitCtaPanelItemComponent, isStandalone: false, selector: "kit-cta-panel-item", inputs: { item: "item", type: "type" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"kit-cta-panel-item\">\n  <div class=\"panel-item-inner\">\n    @if (item?.icon) {\n      <kit-svg-icon class=\"panel-item-icon\"\n                    [icon]=\"item?.icon\"\n      ></kit-svg-icon>\n    }\n    <div class=\"panel-item-text\">\n      @if (item?.title) {\n        <div class=\"panel-item-title\">\n          {{ item?.title }}\n        </div>\n      }\n\n      @switch (type) {\n        @case (KitCtaPanelItemType.BUTTON) {\n          @if (item?.buttonText) {\n            <button class=\"panel-item-button\"\n                    (click)=\"onButtonClick()\">\n              <span class=\"button-label\">\n                {{ item?.buttonText }}\n              </span>\n              <kit-svg-icon class=\"button-icon\"\n                            [icon]=\"KitSvgIcon.CHEVRON_RIGHT\"\n              ></kit-svg-icon>\n            </button>\n          }\n        }\n        @case (KitCtaPanelItemType.LINK) {\n          @if (item?.buttonText) {\n            <a class=\"panel-item-button\"\n               [routerLink]=\"item?.link\">\n              <span class=\"button-label\">\n                {{ item?.buttonText }}\n              </span>\n              <kit-svg-icon class=\"button-icon\"\n                            [icon]=\"KitSvgIcon.CHEVRON_RIGHT\"\n              ></kit-svg-icon>\n            </a>\n          }\n        }\n      }\n\n      @if (item?.copyItem; as copyItem) {\n        <div class=\"panel-item-copy\">\n          <kit-copy-text [textToCopy]=\"copyItem.textToCopy\"\n                         [tooltipTextBefore]=\"copyItem.tooltipTextBefore\"\n                         [tooltipTextAfter]=\"copyItem.tooltipTextAfter\"\n          ></kit-copy-text>\n        </div>\n      }\n    </div>\n  </div>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}div[kendowatermarkoverlay]{display:none}:root{--ui-kit-header-height: 86px;--ui-kit-sidebar-collapsed-width: 56px;--ui-kit-sidebar-expanded-width: 256px;--ui-kit-layout-gap: 25px}.kit-cta-panel-item{padding:15px 20px;background:#fff}.kit-cta-panel-item .panel-item-inner{display:flex;padding-bottom:24px;border-bottom:6px solid #efefef}.kit-cta-panel-item .panel-item-icon{margin-right:20px;width:24px;height:24px;stroke:#a9a8a8;fill:none;flex-shrink:0}.kit-cta-panel-item .panel-item-icon .order-icon,.kit-cta-panel-item .panel-item-icon .reset-icon{stroke:none;fill:#a9a8a8}.kit-cta-panel-item .panel-item-title{margin-bottom:8px;color:#002a3a;font-size:14px}.kit-cta-panel-item .panel-item-button{display:flex;align-items:center;padding:0;color:#56a2f7;font-size:14px;font-weight:500;font-family:inherit;border:none;background:none;cursor:pointer;text-decoration:none}.kit-cta-panel-item .panel-item-button:hover{text-decoration:underline}.kit-cta-panel-item .button-label{margin-right:10px}.kit-cta-panel-item .button-icon{width:12px;height:12px;fill:#56a2f7}.kit-cta-panel-item .panel-item-copy{margin-top:8px}\n"], dependencies: [{ kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: i1$4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: KitCopyTextComponent, selector: "kit-copy-text", inputs: ["textToCopy", "tooltipTextBefore", "tooltipTextAfter"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitCtaPanelItemComponent, isStandalone: false, selector: "kit-cta-panel-item", inputs: { item: "item", type: "type" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"kit-cta-panel-item\">\n  <div class=\"panel-item-inner\">\n    @if (item?.icon) {\n      <kit-svg-icon class=\"panel-item-icon\"\n                    [icon]=\"item?.icon\"\n      ></kit-svg-icon>\n    }\n    <div class=\"panel-item-text\">\n      @if (item?.title) {\n        <div class=\"panel-item-title\">\n          {{ item?.title }}\n        </div>\n      }\n\n      @switch (type) {\n        @case (KitCtaPanelItemType.BUTTON) {\n          @if (item?.buttonText) {\n            <button class=\"panel-item-button\"\n                    (click)=\"onButtonClick()\">\n              <span class=\"button-label\">\n                {{ item?.buttonText }}\n              </span>\n              <kit-svg-icon class=\"button-icon\"\n                            [icon]=\"KitSvgIcon.CHEVRON_RIGHT\"\n              ></kit-svg-icon>\n            </button>\n          }\n        }\n        @case (KitCtaPanelItemType.LINK) {\n          @if (item?.buttonText) {\n            <a class=\"panel-item-button\"\n               [routerLink]=\"item?.link\">\n              <span class=\"button-label\">\n                {{ item?.buttonText }}\n              </span>\n              <kit-svg-icon class=\"button-icon\"\n                            [icon]=\"KitSvgIcon.CHEVRON_RIGHT\"\n              ></kit-svg-icon>\n            </a>\n          }\n        }\n      }\n\n      @if (item?.copyItem; as copyItem) {\n        <div class=\"panel-item-copy\">\n          <kit-copy-text [textToCopy]=\"copyItem.textToCopy\"\n                         [tooltipTextBefore]=\"copyItem.tooltipTextBefore\"\n                         [tooltipTextAfter]=\"copyItem.tooltipTextAfter\"\n          ></kit-copy-text>\n        </div>\n      }\n    </div>\n  </div>\n</div>\n", styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}div[kendowatermarkoverlay]{display:none}:root{--ui-kit-header-height: 86px;--ui-kit-sidebar-collapsed-width: 56px;--ui-kit-sidebar-expanded-width: 256px;--ui-kit-layout-gap: 25px}.kit-cta-panel-item{padding:15px 20px;background:#fff}.kit-cta-panel-item .panel-item-inner{display:flex;padding-bottom:24px;border-bottom:6px solid #efefef}.kit-cta-panel-item .panel-item-icon{margin-right:20px;width:24px;height:24px;stroke:#a9a8a8;fill:none;flex-shrink:0}.kit-cta-panel-item .panel-item-icon .order-icon,.kit-cta-panel-item .panel-item-icon .reset-icon{stroke:none;fill:#a9a8a8}.kit-cta-panel-item .panel-item-title{margin-bottom:8px;color:#002a3a;font-size:14px}.kit-cta-panel-item .panel-item-button{display:flex;align-items:center;padding:0;color:#56a2f7;font-size:14px;font-weight:500;font-family:inherit;border:none;background:none;cursor:pointer;text-decoration:none}.kit-cta-panel-item .panel-item-button:hover{text-decoration:underline}.kit-cta-panel-item .button-label{margin-right:10px}.kit-cta-panel-item .button-icon{width:12px;height:12px;fill:#56a2f7}.kit-cta-panel-item .panel-item-copy{margin-top:8px}\n"], dependencies: [{ kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: i2$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: KitCopyTextComponent, selector: "kit-copy-text", inputs: ["textToCopy", "tooltipTextBefore", "tooltipTextAfter"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitCtaPanelItemComponent, decorators: [{
             type: Component,
@@ -3311,28 +3195,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
 
 class KitNoteComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitNoteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: KitNoteComponent, isStandalone: false, selector: "kit-note", ngImport: i0, template: "<div class=\"kit-note\">\n  <div class=\"kit-note-content\">\n    <ng-content select=\".content\"\n    ></ng-content>\n  </div>\n\n  <div class=\"kit-note-footer\">\n    <div class=\"kit-note-footer-text\">\n      <ng-content select=\".footer-content\"\n      ></ng-content>\n    </div>\n\n    <div class=\"kit-note-footer-actions\">\n      <ng-content select=\".footer-actions\"\n      ></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [".kit-note{border-radius:6px;background:var(--ui-kit-color-white);border:1px solid var(--ui-kit-color-grey-3);border-bottom-width:2px;font-size:12px;overflow:hidden}.kit-note-content{margin-bottom:20px;padding:8px;line-height:15px;color:var(--ui-kit-color-grey-0)}.kit-note-footer{display:flex;padding:4px 8px;height:30px;box-sizing:border-box;background:var(--ui-kit-color-grey-5)}.kit-note-footer-text{color:var(--ui-kit-color-grey-2);flex:1 0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: KitNoteComponent, isStandalone: true, selector: "kit-note", ngImport: i0, template: "<div class=\"kit-note\">\n  <div class=\"kit-note-content\">\n    <ng-content select=\".content\"\n    ></ng-content>\n  </div>\n\n  <div class=\"kit-note-footer\">\n    <div class=\"kit-note-footer-text\">\n      <ng-content select=\".footer-content\"\n      ></ng-content>\n    </div>\n\n    <div class=\"kit-note-footer-actions\">\n      <ng-content select=\".footer-actions\"\n      ></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [".kit-note{border-radius:6px;background:var(--ui-kit-color-white);border:1px solid var(--ui-kit-color-grey-3);border-bottom-width:2px;font-size:12px;overflow:hidden}.kit-note-content{margin-bottom:20px;padding:8px;line-height:15px;color:var(--ui-kit-color-grey-0)}.kit-note-footer{display:flex;padding:4px 8px;height:30px;box-sizing:border-box;background:var(--ui-kit-color-grey-5)}.kit-note-footer-text{color:var(--ui-kit-color-grey-2);flex:1 0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitNoteComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kit-note', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"kit-note\">\n  <div class=\"kit-note-content\">\n    <ng-content select=\".content\"\n    ></ng-content>\n  </div>\n\n  <div class=\"kit-note-footer\">\n    <div class=\"kit-note-footer-text\">\n      <ng-content select=\".footer-content\"\n      ></ng-content>\n    </div>\n\n    <div class=\"kit-note-footer-actions\">\n      <ng-content select=\".footer-actions\"\n      ></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [".kit-note{border-radius:6px;background:var(--ui-kit-color-white);border:1px solid var(--ui-kit-color-grey-3);border-bottom-width:2px;font-size:12px;overflow:hidden}.kit-note-content{margin-bottom:20px;padding:8px;line-height:15px;color:var(--ui-kit-color-grey-0)}.kit-note-footer{display:flex;padding:4px 8px;height:30px;box-sizing:border-box;background:var(--ui-kit-color-grey-5)}.kit-note-footer-text{color:var(--ui-kit-color-grey-2);flex:1 0}\n"] }]
-        }] });
-
-class KitNoteModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitNoteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: KitNoteModule, declarations: [KitNoteComponent], exports: [KitNoteComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitNoteModule }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitNoteModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        KitNoteComponent,
-                    ],
-                    exports: [
-                        KitNoteComponent,
-                    ],
-                }]
+            args: [{ selector: 'kit-note', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-note\">\n  <div class=\"kit-note-content\">\n    <ng-content select=\".content\"\n    ></ng-content>\n  </div>\n\n  <div class=\"kit-note-footer\">\n    <div class=\"kit-note-footer-text\">\n      <ng-content select=\".footer-content\"\n      ></ng-content>\n    </div>\n\n    <div class=\"kit-note-footer-actions\">\n      <ng-content select=\".footer-actions\"\n      ></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [".kit-note{border-radius:6px;background:var(--ui-kit-color-white);border:1px solid var(--ui-kit-color-grey-3);border-bottom-width:2px;font-size:12px;overflow:hidden}.kit-note-content{margin-bottom:20px;padding:8px;line-height:15px;color:var(--ui-kit-color-grey-0)}.kit-note-footer{display:flex;padding:4px 8px;height:30px;box-sizing:border-box;background:var(--ui-kit-color-grey-5)}.kit-note-footer-text{color:var(--ui-kit-color-grey-2);flex:1 0}\n"] }]
         }] });
 
 var KitQueryParamsName;
@@ -3529,7 +3396,7 @@ class KitNavigationTabsComponent {
         return item.iconType ?? KitSvgIconType.FILL;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitNavigationTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitNavigationTabsComponent, isStandalone: false, selector: "kit-navigation-tabs", inputs: { items: "items", type: "type" }, ngImport: i0, template: "<div class=\"kit-navigation-tabs\">\n  <div class=\"tabs-nav\"\n       [ngClass]=\"type\">\n    @for (item of items; track item) {\n      <a class=\"tab-item\"\n         routerLinkActive=\"active\"\n         [class.disabled]=\"item.disabled\"\n         [routerLink]=\"getRouterLink(item)\">\n        @if (item.icon) {\n          <kit-svg-icon class=\"tab-item-icon\"\n                        [icon]=\"item.icon\"\n                        [ngClass]=\"getItemIconCssClass(item)\"\n          ></kit-svg-icon>\n        }\n        <span class=\"tab-item-title\"\n              [innerHTML]=\"item.title\"\n        ></span>\n      </a>\n    }\n  </div>\n</div>\n", styles: [".kit-navigation-tabs .tabs-nav{display:flex;align-items:center}.kit-navigation-tabs .tab-item{display:flex;align-items:center;gap:6px;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;text-decoration:none}.kit-navigation-tabs .tab-item.disabled{color:var(--ui-kit-color-grey-12)}.kit-navigation-tabs .tab-item.disabled .tab-item-icon.fill{fill:var(--ui-kit-color-grey-12);stroke:none}.kit-navigation-tabs .tab-item.disabled .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-12)}.kit-navigation-tabs .tab-item-icon{display:block;width:16px;height:16px}.kit-navigation-tabs .tab-item-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-navigation-tabs .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-10)}.kit-navigation-tabs .text.tabs-nav{gap:32px}.kit-navigation-tabs .text .tab-item{height:46px;border-bottom:2px solid transparent}.kit-navigation-tabs .text .tab-item:hover:not(.disabled){color:var(--ui-kit-color-main)}.kit-navigation-tabs .text .tab-item:hover:not(.disabled) .tab-item-icon{fill:var(--ui-kit-color-main)}.kit-navigation-tabs .text .tab-item:hover:not(.disabled) .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}.kit-navigation-tabs .text .tab-item.active{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main)}.kit-navigation-tabs .text .tab-item.active .tab-item-icon{fill:var(--ui-kit-color-main)}.kit-navigation-tabs .text .tab-item.active .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}.kit-navigation-tabs .button .tab-item{padding:0 16px;height:32px;border:1px solid var(--ui-kit-color-grey-11)}.kit-navigation-tabs .button .tab-item:not(:last-child){border-right:none}.kit-navigation-tabs .button .tab-item:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}.kit-navigation-tabs .button .tab-item:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}.kit-navigation-tabs .button .tab-item:hover:not(.disabled):not(.active){color:var(--ui-kit-color-main)}.kit-navigation-tabs .button .tab-item:hover:not(.disabled):not(.active) .tab-item-icon{fill:var(--ui-kit-color-main)}.kit-navigation-tabs .button .tab-item:hover:not(.disabled):not(.active) .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}.kit-navigation-tabs .button .tab-item.active{color:var(--ui-kit-color-white);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-main)}.kit-navigation-tabs .button .tab-item.active .tab-item-icon{fill:var(--ui-kit-color-white)}.kit-navigation-tabs .button .tab-item.active .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-white)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$4.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { 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: "20.1.3", type: KitNavigationTabsComponent, isStandalone: false, selector: "kit-navigation-tabs", inputs: { items: "items", type: "type" }, ngImport: i0, template: "<div class=\"kit-navigation-tabs\">\n  <div class=\"tabs-nav\"\n       [ngClass]=\"type\">\n    @for (item of items; track item) {\n      <a class=\"tab-item\"\n         routerLinkActive=\"active\"\n         [class.disabled]=\"item.disabled\"\n         [routerLink]=\"getRouterLink(item)\">\n        @if (item.icon) {\n          <kit-svg-icon class=\"tab-item-icon\"\n                        [icon]=\"item.icon\"\n                        [ngClass]=\"getItemIconCssClass(item)\"\n          ></kit-svg-icon>\n        }\n        <span class=\"tab-item-title\"\n              [innerHTML]=\"item.title\"\n        ></span>\n      </a>\n    }\n  </div>\n</div>\n", styles: [".kit-navigation-tabs .tabs-nav{display:flex;align-items:center}.kit-navigation-tabs .tab-item{display:flex;align-items:center;gap:6px;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;text-decoration:none}.kit-navigation-tabs .tab-item.disabled{color:var(--ui-kit-color-grey-12)}.kit-navigation-tabs .tab-item.disabled .tab-item-icon.fill{fill:var(--ui-kit-color-grey-12);stroke:none}.kit-navigation-tabs .tab-item.disabled .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-12)}.kit-navigation-tabs .tab-item-icon{display:block;width:16px;height:16px}.kit-navigation-tabs .tab-item-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-navigation-tabs .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-10)}.kit-navigation-tabs .text.tabs-nav{gap:32px}.kit-navigation-tabs .text .tab-item{height:46px;border-bottom:2px solid transparent}.kit-navigation-tabs .text .tab-item:hover:not(.disabled){color:var(--ui-kit-color-main)}.kit-navigation-tabs .text .tab-item:hover:not(.disabled) .tab-item-icon{fill:var(--ui-kit-color-main)}.kit-navigation-tabs .text .tab-item:hover:not(.disabled) .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}.kit-navigation-tabs .text .tab-item.active{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main)}.kit-navigation-tabs .text .tab-item.active .tab-item-icon{fill:var(--ui-kit-color-main)}.kit-navigation-tabs .text .tab-item.active .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}.kit-navigation-tabs .button .tab-item{padding:0 16px;height:32px;border:1px solid var(--ui-kit-color-grey-11)}.kit-navigation-tabs .button .tab-item:not(:last-child){border-right:none}.kit-navigation-tabs .button .tab-item:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}.kit-navigation-tabs .button .tab-item:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}.kit-navigation-tabs .button .tab-item:hover:not(.disabled):not(.active){color:var(--ui-kit-color-main)}.kit-navigation-tabs .button .tab-item:hover:not(.disabled):not(.active) .tab-item-icon{fill:var(--ui-kit-color-main)}.kit-navigation-tabs .button .tab-item:hover:not(.disabled):not(.active) .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}.kit-navigation-tabs .button .tab-item.active{color:var(--ui-kit-color-white);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-main)}.kit-navigation-tabs .button .tab-item.active .tab-item-icon{fill:var(--ui-kit-color-white)}.kit-navigation-tabs .button .tab-item.active .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-white)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2$2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitNavigationTabsComponent, decorators: [{
             type: Component,
@@ -3604,7 +3471,7 @@ class KitDialogComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: KitDialogComponent, isStandalone: true, selector: "kit-dialog", providers: [
             KitDialogService,
-        ], ngImport: i0, template: "<div class=\"kit-dialog\">\n  <div class=\"kit-dialog-container\" kendoDialogContainer\n       [hidden]=\"true\"\n  ></div>\n</div>\n", styles: [".kit-button .default.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-button .default.primary:hover{background:var(--ui-kit-color-hover)}.kit-button .default.primary.active,.kit-button .default.primary:active{background:var(--ui-kit-color-main)}.kit-button .default.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}.kit-button .default.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}.kit-button .default.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-button .default.ghost:hover{color:var(--ui-kit-color-hover);border-color:var(--ui-kit-color-hover)}.kit-button .default.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}.kit-button .default.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-button .default.ghost.active,.kit-button .default.ghost:active{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-background)}.kit-button .default.ghost.active .kit-button-icon.fill,.kit-button .default.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-button .default.ghost.active .kit-button-icon.stroke,.kit-button .default.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-button .default.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .default.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .default.text{color:var(--ui-kit-color-grey-10);background:none}.kit-button .default.text:disabled{border:none;background:none}.kit-button .default.text:hover,.kit-button .default.text.active,.kit-button .default.text:active{background:var(--ui-kit-color-grey-13)}.kit-button .default.text:hover{color:var(--ui-kit-color-hover)}.kit-button .default.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}.kit-button .default.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-button .default.text.active,.kit-button .default.text:active{color:var(--ui-kit-color-grey-10)}.kit-button .default.text.active .kit-button-icon.fill,.kit-button .default.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .default.text.active .kit-button-icon.stroke,.kit-button .default.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .default.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .default.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .default.link{color:var(--ui-kit-color-main);background:none}.kit-button .default.link:disabled{border:none;background:none}.kit-button .default.link:hover{color:var(--ui-kit-color-hover)}.kit-button .default.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}.kit-button .default.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-button .default.link.active,.kit-button .default.link:active{color:var(--ui-kit-color-main)}.kit-button .default.link.active .kit-button-icon.fill,.kit-button .default.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-button .default.link.active .kit-button-icon.stroke,.kit-button .default.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-button .default.link .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-button .default.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-button .default.dashed{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);border-style:dashed;background:var(--ui-kit-color-white)}.kit-button .default.dashed:disabled{border-style:dashed}.kit-button .default.dashed:hover{color:var(--ui-kit-color-hover);border-color:var(--ui-kit-color-hover)}.kit-button .default.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}.kit-button .default.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-button .default.dashed.active,.kit-button .default.dashed:active{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main)}.kit-button .default.dashed.active .kit-button-icon.fill,.kit-button .default.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-button .default.dashed.active .kit-button-icon.stroke,.kit-button .default.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-button .default.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-button .default.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-button .success.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-green-1)}.kit-button .success.primary:hover{background:var(--ui-kit-color-green-6)}.kit-button .success.primary.active,.kit-button .success.primary:active{background:var(--ui-kit-color-green-1)}.kit-button .success.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}.kit-button .success.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}.kit-button .success.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-button .success.ghost:hover{color:var(--ui-kit-color-green-6);border-color:var(--ui-kit-color-green-6)}.kit-button .success.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}.kit-button .success.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}.kit-button .success.ghost.active,.kit-button .success.ghost:active{color:var(--ui-kit-color-green-7);border-color:var(--ui-kit-color-green-7);background:var(--ui-kit-color-green-5)}.kit-button .success.ghost.active .kit-button-icon.fill,.kit-button .success.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-green-7);stroke:none}.kit-button .success.ghost.active .kit-button-icon.stroke,.kit-button .success.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-7);fill:none}.kit-button .success.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .success.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .success.text{color:var(--ui-kit-color-grey-10);background:none}.kit-button .success.text:disabled{border:none;background:none}.kit-button .success.text:hover,.kit-button .success.text.active,.kit-button .success.text:active{background:var(--ui-kit-color-grey-13)}.kit-button .success.text:hover{color:var(--ui-kit-color-green-6)}.kit-button .success.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}.kit-button .success.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}.kit-button .success.text.active,.kit-button .success.text:active{color:var(--ui-kit-color-grey-10)}.kit-button .success.text.active .kit-button-icon.fill,.kit-button .success.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .success.text.active .kit-button-icon.stroke,.kit-button .success.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .success.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .success.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .success.link{color:var(--ui-kit-color-green-1);background:none}.kit-button .success.link:disabled{border:none;background:none}.kit-button .success.link:hover{color:var(--ui-kit-color-green-6)}.kit-button .success.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}.kit-button .success.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}.kit-button .success.link.active,.kit-button .success.link:active{color:var(--ui-kit-color-green-1)}.kit-button .success.link.active .kit-button-icon.fill,.kit-button .success.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}.kit-button .success.link.active .kit-button-icon.stroke,.kit-button .success.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}.kit-button .success.link .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}.kit-button .success.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}.kit-button .success.dashed{color:var(--ui-kit-color-green-1);border-color:var(--ui-kit-color-green-1);border-style:dashed;background:var(--ui-kit-color-white)}.kit-button .success.dashed:disabled{border-style:dashed}.kit-button .success.dashed:hover{color:var(--ui-kit-color-green-6);border-color:var(--ui-kit-color-green-6)}.kit-button .success.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}.kit-button .success.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}.kit-button .success.dashed.active,.kit-button .success.dashed:active{color:var(--ui-kit-color-green-1);border-color:var(--ui-kit-color-green-1)}.kit-button .success.dashed.active .kit-button-icon.fill,.kit-button .success.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}.kit-button .success.dashed.active .kit-button-icon.stroke,.kit-button .success.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}.kit-button .success.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}.kit-button .success.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}.kit-button .warning.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-orange)}.kit-button .warning.primary:hover{background:var(--ui-kit-color-orange-6)}.kit-button .warning.primary.active,.kit-button .warning.primary:active{background:var(--ui-kit-color-orange)}.kit-button .warning.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}.kit-button .warning.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}.kit-button .warning.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-orange);background:var(--ui-kit-color-orange-4)}.kit-button .warning.ghost:hover{color:var(--ui-kit-color-orange-6);border-color:var(--ui-kit-color-orange-6)}.kit-button .warning.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}.kit-button .warning.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}.kit-button .warning.ghost.active,.kit-button .warning.ghost:active{color:var(--ui-kit-color-orange-7);border-color:var(--ui-kit-color-orange-7);background:var(--ui-kit-color-orange-4)}.kit-button .warning.ghost.active .kit-button-icon.fill,.kit-button .warning.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-orange-7);stroke:none}.kit-button .warning.ghost.active .kit-button-icon.stroke,.kit-button .warning.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-7);fill:none}.kit-button .warning.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .warning.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .warning.text{color:var(--ui-kit-color-grey-10);background:none}.kit-button .warning.text:disabled{border:none;background:none}.kit-button .warning.text:hover,.kit-button .warning.text.active,.kit-button .warning.text:active{background:var(--ui-kit-color-grey-13)}.kit-button .warning.text:hover{color:var(--ui-kit-color-orange-6)}.kit-button .warning.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}.kit-button .warning.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}.kit-button .warning.text.active,.kit-button .warning.text:active{color:var(--ui-kit-color-grey-10)}.kit-button .warning.text.active .kit-button-icon.fill,.kit-button .warning.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .warning.text.active .kit-button-icon.stroke,.kit-button .warning.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .warning.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .warning.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .warning.link{color:var(--ui-kit-color-orange);background:none}.kit-button .warning.link:disabled{border:none;background:none}.kit-button .warning.link:hover{color:var(--ui-kit-color-orange-6)}.kit-button .warning.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}.kit-button .warning.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}.kit-button .warning.link.active,.kit-button .warning.link:active{color:var(--ui-kit-color-orange)}.kit-button .warning.link.active .kit-button-icon.fill,.kit-button .warning.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}.kit-button .warning.link.active .kit-button-icon.stroke,.kit-button .warning.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}.kit-button .warning.link .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}.kit-button .warning.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}.kit-button .warning.dashed{color:var(--ui-kit-color-orange);border-color:var(--ui-kit-color-orange);border-style:dashed;background:var(--ui-kit-color-white)}.kit-button .warning.dashed:disabled{border-style:dashed}.kit-button .warning.dashed:hover{color:var(--ui-kit-color-orange-6);border-color:var(--ui-kit-color-orange-6)}.kit-button .warning.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}.kit-button .warning.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}.kit-button .warning.dashed.active,.kit-button .warning.dashed:active{color:var(--ui-kit-color-orange);border-color:var(--ui-kit-color-orange)}.kit-button .warning.dashed.active .kit-button-icon.fill,.kit-button .warning.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}.kit-button .warning.dashed.active .kit-button-icon.stroke,.kit-button .warning.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}.kit-button .warning.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}.kit-button .warning.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}.kit-button .k-button-text{display:flex;align-items:center;gap:8px}.kit-button .kit-button-icon{display:block}.kit-button .k-button{font-weight:400;border:1px solid transparent;transition:none}.kit-button .k-button:focus{box-shadow:none}.kit-button .k-button:disabled{color:var(--ui-kit-color-grey-12);border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-button .k-button:disabled .kit-button-icon.fill{fill:var(--ui-kit-color-grey-12);stroke:none}.kit-button .k-button:disabled .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-12);fill:none}.kit-button .large{padding:0 16px;height:40px;font-size:16px;border-radius:8px}.kit-button .large .kit-button-icon{width:18px;height:18px}.kit-button .medium{padding:0 16px;height:32px;font-size:14px;border-radius:6px}.kit-button .medium .kit-button-icon{width:16px;height:16px}.kit-button .small{padding:0 8px;height:24px;font-size:14px;border-radius:4px}.kit-button .small .kit-button-icon{width:14px;height:14px}.kit-button .leading .k-button-text{flex-direction:row-reverse}.kit-button .trailing .k-button-text{flex-direction:row}.kit-button .no-label.large{padding:0 11px}.kit-button .no-label.medium{padding:0 8px}.kit-button .no-label.small{padding:0 6px}\n", "::ng-deep .kit-dialog .k-overlay{opacity:.25}::ng-deep .kit-dialog .k-dialog{background:var(--ui-kit-color-white);border-radius:8px;box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d;overflow:hidden}::ng-deep .kit-dialog .k-dialog-titlebar{display:flex;margin:0 24px;padding:16px 0 8px;border-bottom:1px solid var(--ui-kit-color-grey-11);background:none}::ng-deep .kit-dialog .k-dialog-titlebar-action{padding:0}::ng-deep .kit-dialog .k-dialog-titlebar-action:before,::ng-deep .kit-dialog .k-dialog-titlebar-action:after{opacity:0}::ng-deep .kit-dialog .k-dialog-titlebar .k-button-icon{width:18px;height:18px;min-width:auto;min-height:auto;color:var(--ui-kit-color-grey-12)}::ng-deep .kit-dialog .k-dialog-titlebar .k-button-icon:hover{color:var(--ui-kit-color-hover);background:none}::ng-deep .kit-dialog .k-dialog-titlebar .k-button-icon>svg{width:18px;height:18px}::ng-deep .kit-dialog .k-dialog-title{color:var(--ui-kit-color-grey-10);font-size:18px;flex:1 0}::ng-deep .kit-dialog .k-dialog-content{padding:24px}::ng-deep .kit-dialog .k-dialog-actions{display:flex;justify-content:space-between;padding:24px;border:none;background:var(--ui-kit-color-grey-13)}::ng-deep .kit-dialog .k-dialog-actions .k-button{flex:none}::ng-deep .kit-dialog .k-dialog-actions .default.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}::ng-deep .kit-dialog .k-dialog-actions .default.primary:hover{background:var(--ui-kit-color-hover)}::ng-deep .kit-dialog .k-dialog-actions .default.primary.active,::ng-deep .kit-dialog .k-dialog-actions .default.primary:active{background:var(--ui-kit-color-main)}::ng-deep .kit-dialog .k-dialog-actions .default.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}::ng-deep .kit-dialog .k-dialog-actions .default.ghost:hover{color:var(--ui-kit-color-hover);border-color:var(--ui-kit-color-hover)}::ng-deep .kit-dialog .k-dialog-actions .default.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.ghost.active,::ng-deep .kit-dialog .k-dialog-actions .default.ghost:active{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-background)}::ng-deep .kit-dialog .k-dialog-actions .default.ghost.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .default.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.ghost.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .default.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.text{color:var(--ui-kit-color-grey-10);background:none}::ng-deep .kit-dialog .k-dialog-actions .default.text:disabled{border:none;background:none}::ng-deep .kit-dialog .k-dialog-actions .default.text:hover,::ng-deep .kit-dialog .k-dialog-actions .default.text.active,::ng-deep .kit-dialog .k-dialog-actions .default.text:active{background:var(--ui-kit-color-grey-13)}::ng-deep .kit-dialog .k-dialog-actions .default.text:hover{color:var(--ui-kit-color-hover)}::ng-deep .kit-dialog .k-dialog-actions .default.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.text.active,::ng-deep .kit-dialog .k-dialog-actions .default.text:active{color:var(--ui-kit-color-grey-10)}::ng-deep .kit-dialog .k-dialog-actions .default.text.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .default.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.text.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .default.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.link{color:var(--ui-kit-color-main);background:none}::ng-deep .kit-dialog .k-dialog-actions .default.link:disabled{border:none;background:none}::ng-deep .kit-dialog .k-dialog-actions .default.link:hover{color:var(--ui-kit-color-hover)}::ng-deep .kit-dialog .k-dialog-actions .default.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.link.active,::ng-deep .kit-dialog .k-dialog-actions .default.link:active{color:var(--ui-kit-color-main)}::ng-deep .kit-dialog .k-dialog-actions .default.link.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .default.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.link.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .default.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.link .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.dashed{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);border-style:dashed;background:var(--ui-kit-color-white)}::ng-deep .kit-dialog .k-dialog-actions .default.dashed:disabled{border-style:dashed}::ng-deep .kit-dialog .k-dialog-actions .default.dashed:hover{color:var(--ui-kit-color-hover);border-color:var(--ui-kit-color-hover)}::ng-deep .kit-dialog .k-dialog-actions .default.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.dashed.active,::ng-deep .kit-dialog .k-dialog-actions .default.dashed:active{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main)}::ng-deep .kit-dialog .k-dialog-actions .default.dashed.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .default.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.dashed.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .default.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-green-1)}::ng-deep .kit-dialog .k-dialog-actions .success.primary:hover{background:var(--ui-kit-color-green-6)}::ng-deep .kit-dialog .k-dialog-actions .success.primary.active,::ng-deep .kit-dialog .k-dialog-actions .success.primary:active{background:var(--ui-kit-color-green-1)}::ng-deep .kit-dialog .k-dialog-actions .success.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}::ng-deep .kit-dialog .k-dialog-actions .success.ghost:hover{color:var(--ui-kit-color-green-6);border-color:var(--ui-kit-color-green-6)}::ng-deep .kit-dialog .k-dialog-actions .success.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.ghost.active,::ng-deep .kit-dialog .k-dialog-actions .success.ghost:active{color:var(--ui-kit-color-green-7);border-color:var(--ui-kit-color-green-7);background:var(--ui-kit-color-green-5)}::ng-deep .kit-dialog .k-dialog-actions .success.ghost.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .success.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-green-7);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.ghost.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .success.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-7);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.text{color:var(--ui-kit-color-grey-10);background:none}::ng-deep .kit-dialog .k-dialog-actions .success.text:disabled{border:none;background:none}::ng-deep .kit-dialog .k-dialog-actions .success.text:hover,::ng-deep .kit-dialog .k-dialog-actions .success.text.active,::ng-deep .kit-dialog .k-dialog-actions .success.text:active{background:var(--ui-kit-color-grey-13)}::ng-deep .kit-dialog .k-dialog-actions .success.text:hover{color:var(--ui-kit-color-green-6)}::ng-deep .kit-dialog .k-dialog-actions .success.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.text.active,::ng-deep .kit-dialog .k-dialog-actions .success.text:active{color:var(--ui-kit-color-grey-10)}::ng-deep .kit-dialog .k-dialog-actions .success.text.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .success.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.text.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .success.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.link{color:var(--ui-kit-color-green-1);background:none}::ng-deep .kit-dialog .k-dialog-actions .success.link:disabled{border:none;background:none}::ng-deep .kit-dialog .k-dialog-actions .success.link:hover{color:var(--ui-kit-color-green-6)}::ng-deep .kit-dialog .k-dialog-actions .success.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.link.active,::ng-deep .kit-dialog .k-dialog-actions .success.link:active{color:var(--ui-kit-color-green-1)}::ng-deep .kit-dialog .k-dialog-actions .success.link.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .success.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.link.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .success.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.link .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.dashed{color:var(--ui-kit-color-green-1);border-color:var(--ui-kit-color-green-1);border-style:dashed;background:var(--ui-kit-color-white)}::ng-deep .kit-dialog .k-dialog-actions .success.dashed:disabled{border-style:dashed}::ng-deep .kit-dialog .k-dialog-actions .success.dashed:hover{color:var(--ui-kit-color-green-6);border-color:var(--ui-kit-color-green-6)}::ng-deep .kit-dialog .k-dialog-actions .success.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.dashed.active,::ng-deep .kit-dialog .k-dialog-actions .success.dashed:active{color:var(--ui-kit-color-green-1);border-color:var(--ui-kit-color-green-1)}::ng-deep .kit-dialog .k-dialog-actions .success.dashed.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .success.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.dashed.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .success.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-orange)}::ng-deep .kit-dialog .k-dialog-actions .warning.primary:hover{background:var(--ui-kit-color-orange-6)}::ng-deep .kit-dialog .k-dialog-actions .warning.primary.active,::ng-deep .kit-dialog .k-dialog-actions .warning.primary:active{background:var(--ui-kit-color-orange)}::ng-deep .kit-dialog .k-dialog-actions .warning.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-orange);background:var(--ui-kit-color-orange-4)}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost:hover{color:var(--ui-kit-color-orange-6);border-color:var(--ui-kit-color-orange-6)}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost.active,::ng-deep .kit-dialog .k-dialog-actions .warning.ghost:active{color:var(--ui-kit-color-orange-7);border-color:var(--ui-kit-color-orange-7);background:var(--ui-kit-color-orange-4)}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .warning.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-orange-7);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .warning.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-7);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text{color:var(--ui-kit-color-grey-10);background:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text:disabled{border:none;background:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text:hover,::ng-deep .kit-dialog .k-dialog-actions .warning.text.active,::ng-deep .kit-dialog .k-dialog-actions .warning.text:active{background:var(--ui-kit-color-grey-13)}::ng-deep .kit-dialog .k-dialog-actions .warning.text:hover{color:var(--ui-kit-color-orange-6)}::ng-deep .kit-dialog .k-dialog-actions .warning.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text.active,::ng-deep .kit-dialog .k-dialog-actions .warning.text:active{color:var(--ui-kit-color-grey-10)}::ng-deep .kit-dialog .k-dialog-actions .warning.text.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .warning.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .warning.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link{color:var(--ui-kit-color-orange);background:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link:disabled{border:none;background:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link:hover{color:var(--ui-kit-color-orange-6)}::ng-deep .kit-dialog .k-dialog-actions .warning.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link.active,::ng-deep .kit-dialog .k-dialog-actions .warning.link:active{color:var(--ui-kit-color-orange)}::ng-deep .kit-dialog .k-dialog-actions .warning.link.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .warning.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .warning.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed{color:var(--ui-kit-color-orange);border-color:var(--ui-kit-color-orange);border-style:dashed;background:var(--ui-kit-color-white)}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:disabled{border-style:dashed}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:hover{color:var(--ui-kit-color-orange-6);border-color:var(--ui-kit-color-orange-6)}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed.active,::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:active{color:var(--ui-kit-color-orange);border-color:var(--ui-kit-color-orange)}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}::ng-deep .kit-dialog .k-dialog-actions .k-button-text{display:flex;align-items:center;gap:8px}::ng-deep .kit-dialog .k-dialog-actions .kit-button-icon{display:block}::ng-deep .kit-dialog .k-dialog-actions .k-button{font-weight:400;border:1px solid transparent;transition:none}::ng-deep .kit-dialog .k-dialog-actions .k-button:focus{box-shadow:none}::ng-deep .kit-dialog .k-dialog-actions .k-button:disabled{color:var(--ui-kit-color-grey-12);border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}::ng-deep .kit-dialog .k-dialog-actions .k-button:disabled .kit-button-icon.fill{fill:var(--ui-kit-color-grey-12);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .k-button:disabled .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-12);fill:none}::ng-deep .kit-dialog .k-dialog-actions .large{padding:0 16px;height:40px;font-size:16px;border-radius:8px}::ng-deep .kit-dialog .k-dialog-actions .large .kit-button-icon{width:18px;height:18px}::ng-deep .kit-dialog .k-dialog-actions .medium{padding:0 16px;height:32px;font-size:14px;border-radius:6px}::ng-deep .kit-dialog .k-dialog-actions .medium .kit-button-icon{width:16px;height:16px}::ng-deep .kit-dialog .k-dialog-actions .small{padding:0 8px;height:24px;font-size:14px;border-radius:4px}::ng-deep .kit-dialog .k-dialog-actions .small .kit-button-icon{width:14px;height:14px}::ng-deep .kit-dialog .k-dialog-actions .leading .k-button-text{flex-direction:row-reverse}::ng-deep .kit-dialog .k-dialog-actions .trailing .k-button-text{flex-direction:row}::ng-deep .kit-dialog .k-dialog-actions .no-label.large{padding:0 11px}::ng-deep .kit-dialog .k-dialog-actions .no-label.medium{padding:0 8px}::ng-deep .kit-dialog .k-dialog-actions .no-label.small{padding:0 6px}\n"], dependencies: [{ kind: "directive", type: i1$5.DialogContainerDirective, selector: "[kendoDialogContainer]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], ngImport: i0, template: "<div class=\"kit-dialog\">\n  <div class=\"kit-dialog-container\" kendoDialogContainer\n       [hidden]=\"true\"\n  ></div>\n</div>\n", styles: [".kit-button .default.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-button .default.primary:hover{background:var(--ui-kit-color-hover)}.kit-button .default.primary.active,.kit-button .default.primary:active{background:var(--ui-kit-color-main)}.kit-button .default.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}.kit-button .default.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}.kit-button .default.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-button .default.ghost:hover{color:var(--ui-kit-color-hover);border-color:var(--ui-kit-color-hover)}.kit-button .default.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}.kit-button .default.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-button .default.ghost.active,.kit-button .default.ghost:active{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-background)}.kit-button .default.ghost.active .kit-button-icon.fill,.kit-button .default.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-button .default.ghost.active .kit-button-icon.stroke,.kit-button .default.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-button .default.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .default.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .default.text{color:var(--ui-kit-color-grey-10);background:none}.kit-button .default.text:disabled{border:none;background:none}.kit-button .default.text:hover,.kit-button .default.text.active,.kit-button .default.text:active{background:var(--ui-kit-color-grey-13)}.kit-button .default.text:hover{color:var(--ui-kit-color-hover)}.kit-button .default.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}.kit-button .default.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-button .default.text.active,.kit-button .default.text:active{color:var(--ui-kit-color-grey-10)}.kit-button .default.text.active .kit-button-icon.fill,.kit-button .default.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .default.text.active .kit-button-icon.stroke,.kit-button .default.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .default.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .default.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .default.link{color:var(--ui-kit-color-main);background:none}.kit-button .default.link:disabled{border:none;background:none}.kit-button .default.link:hover{color:var(--ui-kit-color-hover)}.kit-button .default.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}.kit-button .default.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-button .default.link.active,.kit-button .default.link:active{color:var(--ui-kit-color-main)}.kit-button .default.link.active .kit-button-icon.fill,.kit-button .default.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-button .default.link.active .kit-button-icon.stroke,.kit-button .default.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-button .default.link .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-button .default.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-button .default.dashed{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);border-style:dashed;background:var(--ui-kit-color-white)}.kit-button .default.dashed:disabled{border-style:dashed}.kit-button .default.dashed:hover{color:var(--ui-kit-color-hover);border-color:var(--ui-kit-color-hover)}.kit-button .default.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}.kit-button .default.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-button .default.dashed.active,.kit-button .default.dashed:active{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main)}.kit-button .default.dashed.active .kit-button-icon.fill,.kit-button .default.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-button .default.dashed.active .kit-button-icon.stroke,.kit-button .default.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-button .default.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-button .default.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-button .success.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-green-1)}.kit-button .success.primary:hover{background:var(--ui-kit-color-green-6)}.kit-button .success.primary.active,.kit-button .success.primary:active{background:var(--ui-kit-color-green-1)}.kit-button .success.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}.kit-button .success.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}.kit-button .success.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-button .success.ghost:hover{color:var(--ui-kit-color-green-6);border-color:var(--ui-kit-color-green-6)}.kit-button .success.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}.kit-button .success.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}.kit-button .success.ghost.active,.kit-button .success.ghost:active{color:var(--ui-kit-color-green-7);border-color:var(--ui-kit-color-green-7);background:var(--ui-kit-color-green-5)}.kit-button .success.ghost.active .kit-button-icon.fill,.kit-button .success.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-green-7);stroke:none}.kit-button .success.ghost.active .kit-button-icon.stroke,.kit-button .success.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-7);fill:none}.kit-button .success.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .success.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .success.text{color:var(--ui-kit-color-grey-10);background:none}.kit-button .success.text:disabled{border:none;background:none}.kit-button .success.text:hover,.kit-button .success.text.active,.kit-button .success.text:active{background:var(--ui-kit-color-grey-13)}.kit-button .success.text:hover{color:var(--ui-kit-color-green-6)}.kit-button .success.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}.kit-button .success.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}.kit-button .success.text.active,.kit-button .success.text:active{color:var(--ui-kit-color-grey-10)}.kit-button .success.text.active .kit-button-icon.fill,.kit-button .success.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .success.text.active .kit-button-icon.stroke,.kit-button .success.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .success.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .success.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .success.link{color:var(--ui-kit-color-green-1);background:none}.kit-button .success.link:disabled{border:none;background:none}.kit-button .success.link:hover{color:var(--ui-kit-color-green-6)}.kit-button .success.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}.kit-button .success.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}.kit-button .success.link.active,.kit-button .success.link:active{color:var(--ui-kit-color-green-1)}.kit-button .success.link.active .kit-button-icon.fill,.kit-button .success.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}.kit-button .success.link.active .kit-button-icon.stroke,.kit-button .success.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}.kit-button .success.link .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}.kit-button .success.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}.kit-button .success.dashed{color:var(--ui-kit-color-green-1);border-color:var(--ui-kit-color-green-1);border-style:dashed;background:var(--ui-kit-color-white)}.kit-button .success.dashed:disabled{border-style:dashed}.kit-button .success.dashed:hover{color:var(--ui-kit-color-green-6);border-color:var(--ui-kit-color-green-6)}.kit-button .success.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}.kit-button .success.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}.kit-button .success.dashed.active,.kit-button .success.dashed:active{color:var(--ui-kit-color-green-1);border-color:var(--ui-kit-color-green-1)}.kit-button .success.dashed.active .kit-button-icon.fill,.kit-button .success.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}.kit-button .success.dashed.active .kit-button-icon.stroke,.kit-button .success.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}.kit-button .success.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}.kit-button .success.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}.kit-button .warning.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-orange)}.kit-button .warning.primary:hover{background:var(--ui-kit-color-orange-6)}.kit-button .warning.primary.active,.kit-button .warning.primary:active{background:var(--ui-kit-color-orange)}.kit-button .warning.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}.kit-button .warning.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}.kit-button .warning.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-orange);background:var(--ui-kit-color-orange-4)}.kit-button .warning.ghost:hover{color:var(--ui-kit-color-orange-6);border-color:var(--ui-kit-color-orange-6)}.kit-button .warning.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}.kit-button .warning.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}.kit-button .warning.ghost.active,.kit-button .warning.ghost:active{color:var(--ui-kit-color-orange-7);border-color:var(--ui-kit-color-orange-7);background:var(--ui-kit-color-orange-4)}.kit-button .warning.ghost.active .kit-button-icon.fill,.kit-button .warning.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-orange-7);stroke:none}.kit-button .warning.ghost.active .kit-button-icon.stroke,.kit-button .warning.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-7);fill:none}.kit-button .warning.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .warning.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .warning.text{color:var(--ui-kit-color-grey-10);background:none}.kit-button .warning.text:disabled{border:none;background:none}.kit-button .warning.text:hover,.kit-button .warning.text.active,.kit-button .warning.text:active{background:var(--ui-kit-color-grey-13)}.kit-button .warning.text:hover{color:var(--ui-kit-color-orange-6)}.kit-button .warning.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}.kit-button .warning.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}.kit-button .warning.text.active,.kit-button .warning.text:active{color:var(--ui-kit-color-grey-10)}.kit-button .warning.text.active .kit-button-icon.fill,.kit-button .warning.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .warning.text.active .kit-button-icon.stroke,.kit-button .warning.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .warning.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-button .warning.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-button .warning.link{color:var(--ui-kit-color-orange);background:none}.kit-button .warning.link:disabled{border:none;background:none}.kit-button .warning.link:hover{color:var(--ui-kit-color-orange-6)}.kit-button .warning.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}.kit-button .warning.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}.kit-button .warning.link.active,.kit-button .warning.link:active{color:var(--ui-kit-color-orange)}.kit-button .warning.link.active .kit-button-icon.fill,.kit-button .warning.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}.kit-button .warning.link.active .kit-button-icon.stroke,.kit-button .warning.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}.kit-button .warning.link .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}.kit-button .warning.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}.kit-button .warning.dashed{color:var(--ui-kit-color-orange);border-color:var(--ui-kit-color-orange);border-style:dashed;background:var(--ui-kit-color-white)}.kit-button .warning.dashed:disabled{border-style:dashed}.kit-button .warning.dashed:hover{color:var(--ui-kit-color-orange-6);border-color:var(--ui-kit-color-orange-6)}.kit-button .warning.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}.kit-button .warning.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}.kit-button .warning.dashed.active,.kit-button .warning.dashed:active{color:var(--ui-kit-color-orange);border-color:var(--ui-kit-color-orange)}.kit-button .warning.dashed.active .kit-button-icon.fill,.kit-button .warning.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}.kit-button .warning.dashed.active .kit-button-icon.stroke,.kit-button .warning.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}.kit-button .warning.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}.kit-button .warning.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}.kit-button .k-button-text{display:flex;align-items:center;gap:8px}.kit-button .kit-button-icon{display:block}.kit-button .k-button{font-weight:400;border:1px solid transparent;transition:none}.kit-button .k-button:focus{box-shadow:none}.kit-button .k-button:disabled{color:var(--ui-kit-color-grey-12);border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-button .k-button:disabled .kit-button-icon.fill{fill:var(--ui-kit-color-grey-12);stroke:none}.kit-button .k-button:disabled .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-12);fill:none}.kit-button .large{padding:0 16px;height:40px;font-size:16px;border-radius:8px}.kit-button .large .kit-button-icon{width:18px;height:18px}.kit-button .medium{padding:0 16px;height:32px;font-size:14px;border-radius:6px}.kit-button .medium .kit-button-icon{width:16px;height:16px}.kit-button .small{padding:0 8px;height:24px;font-size:14px;border-radius:4px}.kit-button .small .kit-button-icon{width:14px;height:14px}.kit-button .leading .k-button-text{flex-direction:row-reverse}.kit-button .trailing .k-button-text{flex-direction:row}.kit-button .no-label.large{padding:0 11px}.kit-button .no-label.medium{padding:0 8px}.kit-button .no-label.small{padding:0 6px}\n", "::ng-deep .kit-dialog .k-overlay{opacity:.25}::ng-deep .kit-dialog .k-dialog{background:var(--ui-kit-color-white);border-radius:8px;box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d;overflow:hidden}::ng-deep .kit-dialog .k-dialog-titlebar{display:flex;margin:0 24px;padding:16px 0 8px;border-bottom:1px solid var(--ui-kit-color-grey-11);background:none}::ng-deep .kit-dialog .k-dialog-titlebar-action{padding:0}::ng-deep .kit-dialog .k-dialog-titlebar-action:before,::ng-deep .kit-dialog .k-dialog-titlebar-action:after{opacity:0}::ng-deep .kit-dialog .k-dialog-titlebar .k-button-icon{width:18px;height:18px;min-width:auto;min-height:auto;color:var(--ui-kit-color-grey-12)}::ng-deep .kit-dialog .k-dialog-titlebar .k-button-icon:hover{color:var(--ui-kit-color-hover);background:none}::ng-deep .kit-dialog .k-dialog-titlebar .k-button-icon>svg{width:18px;height:18px}::ng-deep .kit-dialog .k-dialog-title{color:var(--ui-kit-color-grey-10);font-size:18px;flex:1 0}::ng-deep .kit-dialog .k-dialog-content{padding:24px}::ng-deep .kit-dialog .k-dialog-actions{display:flex;justify-content:space-between;padding:24px;border:none;background:var(--ui-kit-color-grey-13)}::ng-deep .kit-dialog .k-dialog-actions .k-button{flex:none}::ng-deep .kit-dialog .k-dialog-actions .default.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}::ng-deep .kit-dialog .k-dialog-actions .default.primary:hover{background:var(--ui-kit-color-hover)}::ng-deep .kit-dialog .k-dialog-actions .default.primary.active,::ng-deep .kit-dialog .k-dialog-actions .default.primary:active{background:var(--ui-kit-color-main)}::ng-deep .kit-dialog .k-dialog-actions .default.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}::ng-deep .kit-dialog .k-dialog-actions .default.ghost:hover{color:var(--ui-kit-color-hover);border-color:var(--ui-kit-color-hover)}::ng-deep .kit-dialog .k-dialog-actions .default.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.ghost.active,::ng-deep .kit-dialog .k-dialog-actions .default.ghost:active{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-background)}::ng-deep .kit-dialog .k-dialog-actions .default.ghost.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .default.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.ghost.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .default.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.text{color:var(--ui-kit-color-grey-10);background:none}::ng-deep .kit-dialog .k-dialog-actions .default.text:disabled{border:none;background:none}::ng-deep .kit-dialog .k-dialog-actions .default.text:hover,::ng-deep .kit-dialog .k-dialog-actions .default.text.active,::ng-deep .kit-dialog .k-dialog-actions .default.text:active{background:var(--ui-kit-color-grey-13)}::ng-deep .kit-dialog .k-dialog-actions .default.text:hover{color:var(--ui-kit-color-hover)}::ng-deep .kit-dialog .k-dialog-actions .default.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.text.active,::ng-deep .kit-dialog .k-dialog-actions .default.text:active{color:var(--ui-kit-color-grey-10)}::ng-deep .kit-dialog .k-dialog-actions .default.text.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .default.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.text.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .default.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.link{color:var(--ui-kit-color-main);background:none}::ng-deep .kit-dialog .k-dialog-actions .default.link:disabled{border:none;background:none}::ng-deep .kit-dialog .k-dialog-actions .default.link:hover{color:var(--ui-kit-color-hover)}::ng-deep .kit-dialog .k-dialog-actions .default.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.link.active,::ng-deep .kit-dialog .k-dialog-actions .default.link:active{color:var(--ui-kit-color-main)}::ng-deep .kit-dialog .k-dialog-actions .default.link.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .default.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.link.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .default.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.link .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.dashed{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);border-style:dashed;background:var(--ui-kit-color-white)}::ng-deep .kit-dialog .k-dialog-actions .default.dashed:disabled{border-style:dashed}::ng-deep .kit-dialog .k-dialog-actions .default.dashed:hover{color:var(--ui-kit-color-hover);border-color:var(--ui-kit-color-hover)}::ng-deep .kit-dialog .k-dialog-actions .default.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-hover);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.dashed.active,::ng-deep .kit-dialog .k-dialog-actions .default.dashed:active{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main)}::ng-deep .kit-dialog .k-dialog-actions .default.dashed.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .default.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.dashed.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .default.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}::ng-deep .kit-dialog .k-dialog-actions .default.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .default.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-green-1)}::ng-deep .kit-dialog .k-dialog-actions .success.primary:hover{background:var(--ui-kit-color-green-6)}::ng-deep .kit-dialog .k-dialog-actions .success.primary.active,::ng-deep .kit-dialog .k-dialog-actions .success.primary:active{background:var(--ui-kit-color-green-1)}::ng-deep .kit-dialog .k-dialog-actions .success.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}::ng-deep .kit-dialog .k-dialog-actions .success.ghost:hover{color:var(--ui-kit-color-green-6);border-color:var(--ui-kit-color-green-6)}::ng-deep .kit-dialog .k-dialog-actions .success.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.ghost.active,::ng-deep .kit-dialog .k-dialog-actions .success.ghost:active{color:var(--ui-kit-color-green-7);border-color:var(--ui-kit-color-green-7);background:var(--ui-kit-color-green-5)}::ng-deep .kit-dialog .k-dialog-actions .success.ghost.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .success.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-green-7);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.ghost.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .success.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-7);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.text{color:var(--ui-kit-color-grey-10);background:none}::ng-deep .kit-dialog .k-dialog-actions .success.text:disabled{border:none;background:none}::ng-deep .kit-dialog .k-dialog-actions .success.text:hover,::ng-deep .kit-dialog .k-dialog-actions .success.text.active,::ng-deep .kit-dialog .k-dialog-actions .success.text:active{background:var(--ui-kit-color-grey-13)}::ng-deep .kit-dialog .k-dialog-actions .success.text:hover{color:var(--ui-kit-color-green-6)}::ng-deep .kit-dialog .k-dialog-actions .success.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.text.active,::ng-deep .kit-dialog .k-dialog-actions .success.text:active{color:var(--ui-kit-color-grey-10)}::ng-deep .kit-dialog .k-dialog-actions .success.text.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .success.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.text.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .success.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.link{color:var(--ui-kit-color-green-1);background:none}::ng-deep .kit-dialog .k-dialog-actions .success.link:disabled{border:none;background:none}::ng-deep .kit-dialog .k-dialog-actions .success.link:hover{color:var(--ui-kit-color-green-6)}::ng-deep .kit-dialog .k-dialog-actions .success.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.link.active,::ng-deep .kit-dialog .k-dialog-actions .success.link:active{color:var(--ui-kit-color-green-1)}::ng-deep .kit-dialog .k-dialog-actions .success.link.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .success.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.link.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .success.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.link .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.dashed{color:var(--ui-kit-color-green-1);border-color:var(--ui-kit-color-green-1);border-style:dashed;background:var(--ui-kit-color-white)}::ng-deep .kit-dialog .k-dialog-actions .success.dashed:disabled{border-style:dashed}::ng-deep .kit-dialog .k-dialog-actions .success.dashed:hover{color:var(--ui-kit-color-green-6);border-color:var(--ui-kit-color-green-6)}::ng-deep .kit-dialog .k-dialog-actions .success.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-green-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.dashed.active,::ng-deep .kit-dialog .k-dialog-actions .success.dashed:active{color:var(--ui-kit-color-green-1);border-color:var(--ui-kit-color-green-1)}::ng-deep .kit-dialog .k-dialog-actions .success.dashed.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .success.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.dashed.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .success.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}::ng-deep .kit-dialog .k-dialog-actions .success.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .success.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-green-1);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.primary{color:var(--ui-kit-color-white);background:var(--ui-kit-color-orange)}::ng-deep .kit-dialog .k-dialog-actions .warning.primary:hover{background:var(--ui-kit-color-orange-6)}::ng-deep .kit-dialog .k-dialog-actions .warning.primary.active,::ng-deep .kit-dialog .k-dialog-actions .warning.primary:active{background:var(--ui-kit-color-orange)}::ng-deep .kit-dialog .k-dialog-actions .warning.primary .kit-button-icon.fill{fill:var(--ui-kit-color-white);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.primary .kit-button-icon.stroke{stroke:var(--ui-kit-color-white);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-orange);background:var(--ui-kit-color-orange-4)}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost:hover{color:var(--ui-kit-color-orange-6);border-color:var(--ui-kit-color-orange-6)}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost.active,::ng-deep .kit-dialog .k-dialog-actions .warning.ghost:active{color:var(--ui-kit-color-orange-7);border-color:var(--ui-kit-color-orange-7);background:var(--ui-kit-color-orange-4)}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .warning.ghost:active .kit-button-icon.fill{fill:var(--ui-kit-color-orange-7);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .warning.ghost:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-7);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.ghost .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text{color:var(--ui-kit-color-grey-10);background:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text:disabled{border:none;background:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text:hover,::ng-deep .kit-dialog .k-dialog-actions .warning.text.active,::ng-deep .kit-dialog .k-dialog-actions .warning.text:active{background:var(--ui-kit-color-grey-13)}::ng-deep .kit-dialog .k-dialog-actions .warning.text:hover{color:var(--ui-kit-color-orange-6)}::ng-deep .kit-dialog .k-dialog-actions .warning.text:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text.active,::ng-deep .kit-dialog .k-dialog-actions .warning.text:active{color:var(--ui-kit-color-grey-10)}::ng-deep .kit-dialog .k-dialog-actions .warning.text.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .warning.text:active .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .warning.text:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text .kit-button-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.text .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link{color:var(--ui-kit-color-orange);background:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link:disabled{border:none;background:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link:hover{color:var(--ui-kit-color-orange-6)}::ng-deep .kit-dialog .k-dialog-actions .warning.link:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link.active,::ng-deep .kit-dialog .k-dialog-actions .warning.link:active{color:var(--ui-kit-color-orange)}::ng-deep .kit-dialog .k-dialog-actions .warning.link.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .warning.link:active .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .warning.link:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.link .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed{color:var(--ui-kit-color-orange);border-color:var(--ui-kit-color-orange);border-style:dashed;background:var(--ui-kit-color-white)}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:disabled{border-style:dashed}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:hover{color:var(--ui-kit-color-orange-6);border-color:var(--ui-kit-color-orange-6)}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:hover .kit-button-icon.fill{fill:var(--ui-kit-color-orange-6);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:hover .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange-6);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed.active,::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:active{color:var(--ui-kit-color-orange);border-color:var(--ui-kit-color-orange)}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed.active .kit-button-icon.fill,::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:active .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed.active .kit-button-icon.stroke,::ng-deep .kit-dialog .k-dialog-actions .warning.dashed:active .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed .kit-button-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .warning.dashed .kit-button-icon.stroke{stroke:var(--ui-kit-color-orange);fill:none}::ng-deep .kit-dialog .k-dialog-actions .k-button-text{display:flex;align-items:center;gap:8px}::ng-deep .kit-dialog .k-dialog-actions .kit-button-icon{display:block}::ng-deep .kit-dialog .k-dialog-actions .k-button{font-weight:400;border:1px solid transparent;transition:none}::ng-deep .kit-dialog .k-dialog-actions .k-button:focus{box-shadow:none}::ng-deep .kit-dialog .k-dialog-actions .k-button:disabled{color:var(--ui-kit-color-grey-12);border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}::ng-deep .kit-dialog .k-dialog-actions .k-button:disabled .kit-button-icon.fill{fill:var(--ui-kit-color-grey-12);stroke:none}::ng-deep .kit-dialog .k-dialog-actions .k-button:disabled .kit-button-icon.stroke{stroke:var(--ui-kit-color-grey-12);fill:none}::ng-deep .kit-dialog .k-dialog-actions .large{padding:0 16px;height:40px;font-size:16px;border-radius:8px}::ng-deep .kit-dialog .k-dialog-actions .large .kit-button-icon{width:18px;height:18px}::ng-deep .kit-dialog .k-dialog-actions .medium{padding:0 16px;height:32px;font-size:14px;border-radius:6px}::ng-deep .kit-dialog .k-dialog-actions .medium .kit-button-icon{width:16px;height:16px}::ng-deep .kit-dialog .k-dialog-actions .small{padding:0 8px;height:24px;font-size:14px;border-radius:4px}::ng-deep .kit-dialog .k-dialog-actions .small .kit-button-icon{width:14px;height:14px}::ng-deep .kit-dialog .k-dialog-actions .leading .k-button-text{flex-direction:row-reverse}::ng-deep .kit-dialog .k-dialog-actions .trailing .k-button-text{flex-direction:row}::ng-deep .kit-dialog .k-dialog-actions .no-label.large{padding:0 11px}::ng-deep .kit-dialog .k-dialog-actions .no-label.medium{padding:0 8px}::ng-deep .kit-dialog .k-dialog-actions .no-label.small{padding:0 6px}\n"], dependencies: [{ kind: "directive", type: i1$4.DialogContainerDirective, selector: "[kendoDialogContainer]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitDialogComponent, decorators: [{
             type: Component,
@@ -3829,11 +3696,13 @@ class KitSkeletonComponent {
         this.animation = KitSkeletonAnimation.WAVE;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: KitSkeletonComponent, isStandalone: false, selector: "kit-skeleton", inputs: { width: "width", height: "height", shape: "shape", animation: "animation" }, ngImport: i0, template: "<kendo-skeleton class=\"kit-skeleton\"\n                [width]=\"width\"\n                [height]=\"height\"\n                [shape]=\"shape\"\n                [animation]=\"animation\"\n></kendo-skeleton>\n", dependencies: [{ kind: "component", type: i1$6.SkeletonComponent, selector: "kendo-skeleton", inputs: ["animation", "shape", "width", "height"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: KitSkeletonComponent, isStandalone: true, selector: "kit-skeleton", inputs: { width: "width", height: "height", shape: "shape", animation: "animation" }, ngImport: i0, template: "<kendo-skeleton class=\"kit-skeleton\"\n                [width]=\"width\"\n                [height]=\"height\"\n                [shape]=\"shape\"\n                [animation]=\"animation\"\n></kendo-skeleton>\n", dependencies: [{ kind: "ngmodule", type: IndicatorsModule }, { kind: "component", type: i1$5.SkeletonComponent, selector: "kendo-skeleton", inputs: ["animation", "shape", "width", "height"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitSkeletonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kit-skeleton', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<kendo-skeleton class=\"kit-skeleton\"\n                [width]=\"width\"\n                [height]=\"height\"\n                [shape]=\"shape\"\n                [animation]=\"animation\"\n></kendo-skeleton>\n" }]
+            args: [{ selector: 'kit-skeleton', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        IndicatorsModule,
+                    ], template: "<kendo-skeleton class=\"kit-skeleton\"\n                [width]=\"width\"\n                [height]=\"height\"\n                [shape]=\"shape\"\n                [animation]=\"animation\"\n></kendo-skeleton>\n" }]
         }], propDecorators: { width: [{
                 type: Input
             }], height: [{
@@ -3844,29 +3713,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
                 type: Input
             }] } });
 
-class KitSkeletonModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitSkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: KitSkeletonModule, declarations: [KitSkeletonComponent], imports: [CommonModule,
-            IndicatorsModule], exports: [KitSkeletonComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitSkeletonModule, imports: [CommonModule,
-            IndicatorsModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitSkeletonModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        KitSkeletonComponent,
-                    ],
-                    imports: [
-                        CommonModule,
-                        IndicatorsModule,
-                    ],
-                    exports: [
-                        KitSkeletonComponent,
-                    ],
-                }]
-        }] });
-
 var KitFileUploadValidationError;
 (function (KitFileUploadValidationError) {
     KitFileUploadValidationError["INVALID_FILE_EXTENSION"] = "invalidFileExtension";
@@ -3923,7 +3769,7 @@ class KitFileUploadComponent {
         return files;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitFileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitFileUploadComponent, isStandalone: false, selector: "kit-file-upload", inputs: { saveUrl: "saveUrl", files: "files", selectFilesLabel: "selectFilesLabel", dropzoneLabel: "dropzoneLabel", restrictions: "restrictions", restrictionsErrorMessages: "restrictionsErrorMessages", hasActionButton: "hasActionButton", actionButtonLabel: "actionButtonLabel" }, outputs: { fileDownloaded: "fileDownloaded", filesSelected: "filesSelected", actionButtonClicked: "actionButtonClicked" }, ngImport: i0, template: "<div class=\"kit-file-upload\">\n  <kendo-upload [saveUrl]=\"saveUrl\"\n                [withCredentials]=\"false\"\n                [restrictions]=\"restrictions\"\n                [autoUpload]=\"false\"\n                [(ngModel)]=\"files\"\n                (select)=\"onFilesSelect($event.files)\">\n    <kendo-upload-messages [select]=\"selectFilesLabel\"\n                           [dropFilesHere]=\"dropzoneLabel\"\n    ></kendo-upload-messages>\n\n    <ng-template kendoUploadFileTemplate let-files>\n      @if (getTypedFiles(files); as files) {\n        @for (file of files; track $index) {\n          <div class=\"file-info\">\n            <div class=\"file-name\"\n                 [title]=\"file.name\">\n              {{ file.name }}\n            </div>\n            @for (error of file.validationErrors; track $index) {\n              <div class=\"file-validation-message\">\n                {{ getValidationError(error) }}\n              </div>\n            }\n          </div>\n          @if (!file.validationErrors) {\n            <button class=\"download-button\">\n              <kit-svg-icon class=\"download-button-icon\"\n                            [icon]=\"KitSvgIcon.DOWNLOAD\"\n                            (click)=\"onFileDownload(file)\"\n              ></kit-svg-icon>\n            </button>\n          }\n        }\n      }\n    </ng-template>\n  </kendo-upload>\n\n  @if (hasActionButton) {\n    <div class=\"kit-file-upload-action\">\n      <kit-button [label]=\"actionButtonLabel\"\n                  [icon]=\"KitSvgIcon.DOWNLOAD\"\n                  [kind]=\"KitButtonKind.SMALL\"\n                  (clicked)=\"onActionButtonClick()\"\n      ></kit-button>\n    </div>\n  }\n</div>\n", styles: [".kit-file-upload .k-upload{display:flex;flex-direction:column;gap:8px;border:none}.kit-file-upload .k-upload .k-upload-button{position:relative;padding:0;display:flex;align-items:center;min-width:initial;gap:6px;color:var(--ui-kit-color-main);font-weight:500;font-size:14px;border:none;background:none}.kit-file-upload .k-upload .k-upload-button:focus{box-shadow:none}.kit-file-upload .k-upload .k-upload-button:hover .k-button-text{text-decoration:underline}.kit-file-upload .k-upload .k-upload-button:after{content:\"\\e11e\";display:inline-block;position:static;opacity:1;line-height:1;font-size:16px;font-family:WebComponentsIcons,sans-serif}.kit-file-upload .k-upload .k-dropzone{padding:12px 10px;border:2px dashed transparent;background:none}.kit-file-upload .k-upload .k-dropzone.k-hover{border-color:var(--ui-kit-color-main);background:none}.kit-file-upload .k-upload .k-upload-status{display:none}.kit-file-upload .k-upload .k-upload-status+.k-dropzone-hint{display:block}.kit-file-upload .k-upload .k-upload-files{display:flex;flex-direction:column;gap:8px;max-height:initial;border:none}.kit-file-upload .k-upload .k-upload-files .k-file{align-items:center;padding:10px;border:none;background:var(--ui-kit-color-grey-8)}.kit-file-upload .k-upload .k-upload-files .k-file.k-focus{box-shadow:none}.kit-file-upload .k-upload .file-info{flex:1;min-width:0}.kit-file-upload .k-upload .file-name{color:var(--ui-kit-color-cobalt-darkest);font-size:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.kit-file-upload .k-upload .file-validation-message{color:var(--ui-kit-color-red);font-size:12px}.kit-file-upload .k-upload .download-button{margin-left:10px;padding:0;border:none;background:none;cursor:pointer}.kit-file-upload .k-upload .download-button:hover .download-button-icon{stroke:var(--ui-kit-color-main)}.kit-file-upload .k-upload .download-button-icon{display:block;width:24px;height:24px;stroke:var(--ui-kit-color-grey-7);fill:none}.kit-file-upload .k-upload .k-actions{display:none}.kit-file-upload-action{display:flex;justify-content:flex-end;margin-top:8px}\n"], dependencies: [{ kind: "component", type: i1$7.UploadComponent, selector: "kendo-upload", inputs: ["autoUpload", "batch", "withCredentials", "saveField", "saveHeaders", "saveMethod", "saveUrl", "responseType", "removeField", "removeHeaders", "removeMethod", "removeUrl", "chunkable", "concurrent", "showFileList", "tabIndex", "actionsLayout"], outputs: ["cancel", "clear", "complete", "error", "pause", "resume", "success", "upload", "uploadProgress", "valueChange"], exportAs: ["kendoUpload"] }, { kind: "directive", type: i1$7.FileTemplateDirective, selector: "[kendoUploadFileTemplate], [kendoFileSelectFileTemplate]" }, { kind: "component", type: i1$7.CustomMessagesComponent, selector: "kendo-upload-messages, kendo-fileselect-messages, kendo-uploaddropzone-messages" }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitFileUploadComponent, isStandalone: false, selector: "kit-file-upload", inputs: { saveUrl: "saveUrl", files: "files", selectFilesLabel: "selectFilesLabel", dropzoneLabel: "dropzoneLabel", restrictions: "restrictions", restrictionsErrorMessages: "restrictionsErrorMessages", hasActionButton: "hasActionButton", actionButtonLabel: "actionButtonLabel" }, outputs: { fileDownloaded: "fileDownloaded", filesSelected: "filesSelected", actionButtonClicked: "actionButtonClicked" }, ngImport: i0, template: "<div class=\"kit-file-upload\">\n  <kendo-upload [saveUrl]=\"saveUrl\"\n                [withCredentials]=\"false\"\n                [restrictions]=\"restrictions\"\n                [autoUpload]=\"false\"\n                [(ngModel)]=\"files\"\n                (select)=\"onFilesSelect($event.files)\">\n    <kendo-upload-messages [select]=\"selectFilesLabel\"\n                           [dropFilesHere]=\"dropzoneLabel\"\n    ></kendo-upload-messages>\n\n    <ng-template kendoUploadFileTemplate let-files>\n      @if (getTypedFiles(files); as files) {\n        @for (file of files; track $index) {\n          <div class=\"file-info\">\n            <div class=\"file-name\"\n                 [title]=\"file.name\">\n              {{ file.name }}\n            </div>\n            @for (error of file.validationErrors; track $index) {\n              <div class=\"file-validation-message\">\n                {{ getValidationError(error) }}\n              </div>\n            }\n          </div>\n          @if (!file.validationErrors) {\n            <button class=\"download-button\">\n              <kit-svg-icon class=\"download-button-icon\"\n                            [icon]=\"KitSvgIcon.DOWNLOAD\"\n                            (click)=\"onFileDownload(file)\"\n              ></kit-svg-icon>\n            </button>\n          }\n        }\n      }\n    </ng-template>\n  </kendo-upload>\n\n  @if (hasActionButton) {\n    <div class=\"kit-file-upload-action\">\n      <kit-button [label]=\"actionButtonLabel\"\n                  [icon]=\"KitSvgIcon.DOWNLOAD\"\n                  [kind]=\"KitButtonKind.SMALL\"\n                  (clicked)=\"onActionButtonClick()\"\n      ></kit-button>\n    </div>\n  }\n</div>\n", styles: [".kit-file-upload .k-upload{display:flex;flex-direction:column;gap:8px;border:none}.kit-file-upload .k-upload .k-upload-button{position:relative;padding:0;display:flex;align-items:center;min-width:initial;gap:6px;color:var(--ui-kit-color-main);font-weight:500;font-size:14px;border:none;background:none}.kit-file-upload .k-upload .k-upload-button:focus{box-shadow:none}.kit-file-upload .k-upload .k-upload-button:hover .k-button-text{text-decoration:underline}.kit-file-upload .k-upload .k-upload-button:after{content:\"\\e11e\";display:inline-block;position:static;opacity:1;line-height:1;font-size:16px;font-family:WebComponentsIcons,sans-serif}.kit-file-upload .k-upload .k-dropzone{padding:12px 10px;border:2px dashed transparent;background:none}.kit-file-upload .k-upload .k-dropzone.k-hover{border-color:var(--ui-kit-color-main);background:none}.kit-file-upload .k-upload .k-upload-status{display:none}.kit-file-upload .k-upload .k-upload-status+.k-dropzone-hint{display:block}.kit-file-upload .k-upload .k-upload-files{display:flex;flex-direction:column;gap:8px;max-height:initial;border:none}.kit-file-upload .k-upload .k-upload-files .k-file{align-items:center;padding:10px;border:none;background:var(--ui-kit-color-grey-8)}.kit-file-upload .k-upload .k-upload-files .k-file.k-focus{box-shadow:none}.kit-file-upload .k-upload .file-info{flex:1;min-width:0}.kit-file-upload .k-upload .file-name{color:var(--ui-kit-color-cobalt-darkest);font-size:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.kit-file-upload .k-upload .file-validation-message{color:var(--ui-kit-color-red);font-size:12px}.kit-file-upload .k-upload .download-button{margin-left:10px;padding:0;border:none;background:none;cursor:pointer}.kit-file-upload .k-upload .download-button:hover .download-button-icon{stroke:var(--ui-kit-color-main)}.kit-file-upload .k-upload .download-button-icon{display:block;width:24px;height:24px;stroke:var(--ui-kit-color-grey-7);fill:none}.kit-file-upload .k-upload .k-actions{display:none}.kit-file-upload-action{display:flex;justify-content:flex-end;margin-top:8px}\n"], dependencies: [{ kind: "component", type: i1$6.UploadComponent, selector: "kendo-upload", inputs: ["autoUpload", "batch", "withCredentials", "saveField", "saveHeaders", "saveMethod", "saveUrl", "responseType", "removeField", "removeHeaders", "removeMethod", "removeUrl", "chunkable", "concurrent", "showFileList", "tabIndex", "actionsLayout"], outputs: ["cancel", "clear", "complete", "error", "pause", "resume", "success", "upload", "uploadProgress", "valueChange"], exportAs: ["kendoUpload"] }, { kind: "directive", type: i1$6.FileTemplateDirective, selector: "[kendoUploadFileTemplate], [kendoFileSelectFileTemplate]" }, { kind: "component", type: i1$6.CustomMessagesComponent, selector: "kendo-upload-messages, kendo-fileselect-messages, kendo-uploaddropzone-messages" }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitFileUploadComponent, decorators: [{
             type: Component,
@@ -4006,13 +3852,12 @@ class KitPermissionDirective {
         return permissions.map(permission => userPermissions.includes(permission)).every(Boolean);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitPermissionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.3", type: KitPermissionDirective, isStandalone: false, selector: "[kitPermission]", inputs: { kitPermission: "kitPermission", kitPermissionUser: "kitPermissionUser" }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.3", type: KitPermissionDirective, isStandalone: true, selector: "[kitPermission]", inputs: { kitPermission: "kitPermission", kitPermissionUser: "kitPermissionUser" }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitPermissionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kitPermission]',
-                    standalone: false,
                 }]
         }], propDecorators: { kitPermission: [{
                 type: Input
@@ -4020,47 +3865,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
                 type: Input
             }] } });
 
-class KitPermissionModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitPermissionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: KitPermissionModule, declarations: [KitPermissionDirective], exports: [KitPermissionDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitPermissionModule }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitPermissionModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        KitPermissionDirective,
-                    ],
-                    exports: [
-                        KitPermissionDirective,
-                    ],
-                }]
-        }] });
-
-class KitNavigationMenuService {
-    constructor() {
-        this.collapsed = signal(true, ...(ngDevMode ? [{ debugName: "collapsed" }] : []));
-        this.selected = signal(false, ...(ngDevMode ? [{ debugName: "selected" }] : []));
-    }
-    getCollapsedState() {
-        return this.collapsed;
-    }
-    setCollapsedState(collapsed) {
-        this.collapsed.set(collapsed);
-    }
-    setSelectedState(hasSelectedMenu, hasSelectedApps) {
-        this.selected.set(hasSelectedMenu || hasSelectedApps);
-    }
-    getSelectedState() {
-        return this.selected;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitNavigationMenuService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitNavigationMenuService }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitNavigationMenuService, decorators: [{
-            type: Injectable
-        }] });
-
 const expandCollapseAnimation = (property) => trigger(`${property}ExpandCollapseAnimation`, [
     state('void', style({
         [property]: '0',
@@ -4109,7 +3913,7 @@ class KitNavigationMenuSubmenuComponent {
         return `${location?.origin}/` === url;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitNavigationMenuSubmenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitNavigationMenuSubmenuComponent, isStandalone: false, selector: "kit-navigation-menu-submenu", inputs: { menuItem: "menuItem", appsMenuItems: "appsMenuItems", logoPath: "logoPath" }, outputs: { logoClicked: "logoClicked" }, ngImport: i0, template: "<div class=\"kit-navigation-menu-submenu\">\n  <div class=\"nav-logo\">\n    <a class=\"nav-logo-link\"\n       [routerLink]=\"rootPath\"\n       (click)=\"logoClicked.emit()\">\n      @if (logoPath) {\n        <div class=\"logo-wrapper\">\n          <img [src]=\"logoPath\" alt=\"Logo\"/>\n        </div>\n      } @else {\n        <kit-svg-icon class=\"seko-icon\"\n                [icon]=\"KitSvgIcon.SEKO\"\n        ></kit-svg-icon>\n        <kit-svg-icon class=\"seko-360-icon\"\n                [icon]=\"KitSvgIcon.SEKO_360\"\n        ></kit-svg-icon>\n      }\n    </a>\n  </div>\n  @if (appsMenuItems) {\n    <div class=\"apps-menu\">\n      @for (item of appsMenuItems; track item) {\n        <a class=\"app-link\"\n           [class.active]=\"isAppItemActive(item.url)\"\n           [href]=\"item.url\">\n          <span class=\"app-link-btn\">\n            <kit-svg-icon class=\"app-link-icon\"\n                          [icon]=\"item.name.toLowerCase()\"\n            ></kit-svg-icon>\n          </span>\n          <span class=\"app-link-title\">{{ item.name }}</span>\n        </a>\n      }\n    </div>\n  } @else {\n    <div class=\"main-menu\">\n      <div class=\"nav-title\">{{ menuItem?.title }}</div>\n      <div class=\"nav-list\">\n        @for (child of menuItem?.items; track child) {\n          @if (!child.items?.length) {\n            @if (child.link) {\n              @if (isAbsoluteLink(child.link)) {\n                <a class=\"nav-link\"\n                   routerLinkActive=\"active\"\n                   [href]=\"child.link\">\n                  {{ child.title }}\n                </a>\n              } @else {\n                <a class=\"nav-link\"\n                   routerLinkActive=\"active\"\n                   [routerLink]=\"child.link\">\n                  {{ child.title }}\n                </a>\n              }\n            }\n          }\n\n          @if (child.items?.length) {\n            <a class=\"nav-link\"\n               [class.expanded]=\"child.expanded\"\n               (click)=\"handleClick(child)\">\n              {{ child.title }}\n              <kit-svg-icon class=\"toggle-icon\"\n                            [icon]=\"KitSvgIcon.CHEVRON_DOWN\"\n              ></kit-svg-icon>\n            </a>\n\n            @if (child?.expanded) {\n              <div @heightExpandCollapseAnimation\n                   class=\"nav-list\">\n                @for (subChild of child.items; track subChild) {\n                  @if (subChild.link) {\n                    @if (isAbsoluteLink(subChild.link)) {\n                      <a class=\"child-link\"\n                         routerLinkActive=\"active\"\n                         [href]=\"subChild.link\">\n                        {{ subChild.title }}\n                      </a>\n                    } @else {\n                      <a class=\"child-link\"\n                         routerLinkActive=\"active\"\n                         [routerLink]=\"subChild.link\">\n                        {{ subChild.title }}\n                      </a>                      \n                    }\n                  }\n                }\n              </div>\n            }\n          }\n        }\n      </div>\n    </div>\n  }\n</div>\n", styles: [".kit-navigation-menu-submenu{padding:0 15px;width:200px;height:100vh;color:var(--ui-kit-color-grey-10);box-sizing:border-box;border-right:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white);overflow-y:auto;scrollbar-width:none}.kit-navigation-menu-submenu::-webkit-scrollbar{display:none}.kit-navigation-menu-submenu .nav-logo{position:sticky;top:0;padding:20px 5px;border-bottom:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white);height:var(--ui-kit-header-height, 86px);box-sizing:border-box;display:flex;justify-content:center;align-items:center;z-index:1}.kit-navigation-menu-submenu .nav-logo-link{display:flex;align-items:center;gap:5px;height:100%;margin:auto;overflow:hidden}.kit-navigation-menu-submenu .nav-logo .logo-wrapper{width:100%;height:100%}.kit-navigation-menu-submenu .nav-logo .seko-icon{width:97px;height:29px}.kit-navigation-menu-submenu .nav-logo .seko-360-icon{height:20px;width:59px;fill:var(--ui-kit-color-main)}.kit-navigation-menu-submenu .apps-menu{display:flex;flex-direction:column;gap:15px;padding:15px 0}.kit-navigation-menu-submenu .app-link{display:flex;flex-direction:column;align-items:center;padding:20px;gap:20px;border-radius:8px;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13);text-decoration:none}.kit-navigation-menu-submenu .app-link:not(.active):hover{border-color:var(--ui-kit-color-grey-12);background:var(--ui-kit-color-grey-11)}.kit-navigation-menu-submenu .app-link:not(.active):hover .app-link-title{border-color:var(--ui-kit-color-grey-12)}.kit-navigation-menu-submenu .app-link-btn{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:8px;background:var(--ui-kit-color-white);box-shadow:0 4px 6px #0000000d,0 10px 15px #0000001a}.kit-navigation-menu-submenu .app-link-icon{width:32px;height:32px;fill:var(--ui-kit-color-main);stroke:none}.kit-navigation-menu-submenu .app-link-title{display:flex;justify-content:center;padding-top:10px;width:100%;color:var(--ui-kit-color-grey-10);border-top:1px solid var(--ui-kit-color-grey-11);font-size:14px;font-weight:500;text-transform:uppercase}.kit-navigation-menu-submenu .app-link.active{cursor:default;pointer-events:none}.kit-navigation-menu-submenu .app-link.active .app-link-btn{background:var(--ui-kit-color-main)}.kit-navigation-menu-submenu .app-link.active .app-link-icon{fill:var(--ui-kit-color-white)}.kit-navigation-menu-submenu .nav-title{padding:15px 0;font-size:18px;font-weight:600}.kit-navigation-menu-submenu .nav-list{display:flex;flex-direction:column;gap:5px;overflow:hidden}.kit-navigation-menu-submenu .nav-link{display:flex;align-items:center;gap:8px;padding:10px 0;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:500;text-decoration:none;line-height:20px;cursor:pointer}.kit-navigation-menu-submenu .nav-link .toggle-icon{width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-grey-12)}.kit-navigation-menu-submenu .nav-link:hover,.kit-navigation-menu-submenu .nav-link.active{color:var(--ui-kit-color-main)}.kit-navigation-menu-submenu .nav-link.active{pointer-events:none}.kit-navigation-menu-submenu .nav-link.expanded{color:var(--ui-kit-color-main)}.kit-navigation-menu-submenu .nav-link.expanded .toggle-icon{stroke:var(--ui-kit-color-main);transform:rotate(180deg)}.kit-navigation-menu-submenu .child-link{display:flex;align-items:center;gap:12px;position:relative;padding:10px 20px;color:var(--ui-kit-color-grey-14);font-size:14px;font-weight:400;border-radius:8px;line-height:20px;text-decoration:none}.kit-navigation-menu-submenu .child-link:hover{background:var(--ui-kit-color-grey-11)}.kit-navigation-menu-submenu .child-link.active{pointer-events:none}.kit-navigation-menu-submenu .child-link.active:before{content:\"\";position:absolute;left:0;width:7px;height:7px;border-radius:2px;background:var(--ui-kit-color-main)}.kit-navigation-menu-submenu .child-link.active:hover{background:none}\n"], dependencies: [{ kind: "directive", type: i1$4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$4.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], animations: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitNavigationMenuSubmenuComponent, isStandalone: true, selector: "kit-navigation-menu-submenu", inputs: { menuItem: "menuItem", appsMenuItems: "appsMenuItems", logoPath: "logoPath" }, outputs: { logoClicked: "logoClicked" }, ngImport: i0, template: "<div class=\"kit-navigation-menu-submenu\">\n  <div class=\"nav-logo\">\n    <a class=\"nav-logo-link\"\n       [routerLink]=\"rootPath\"\n       (click)=\"logoClicked.emit()\">\n      @if (logoPath) {\n        <div class=\"logo-wrapper\">\n          <img [src]=\"logoPath\" alt=\"Logo\"/>\n        </div>\n      } @else {\n        <kit-svg-icon class=\"seko-icon\"\n                [icon]=\"KitSvgIcon.SEKO\"\n        ></kit-svg-icon>\n        <kit-svg-icon class=\"seko-360-icon\"\n                [icon]=\"KitSvgIcon.SEKO_360\"\n        ></kit-svg-icon>\n      }\n    </a>\n  </div>\n  @if (appsMenuItems) {\n    <div class=\"apps-menu\">\n      @for (item of appsMenuItems; track item) {\n        <a class=\"app-link\"\n           [class.active]=\"isAppItemActive(item.url)\"\n           [href]=\"item.url\">\n          <span class=\"app-link-btn\">\n            <kit-svg-icon class=\"app-link-icon\"\n                          [icon]=\"item.name.toLowerCase()\"\n            ></kit-svg-icon>\n          </span>\n          <span class=\"app-link-title\">{{ item.name }}</span>\n        </a>\n      }\n    </div>\n  } @else {\n    <div class=\"main-menu\">\n      <div class=\"nav-title\">{{ menuItem?.title }}</div>\n      <div class=\"nav-list\">\n        @for (child of menuItem?.items; track child) {\n          @if (!child.items?.length) {\n            @if (child.link) {\n              @if (isAbsoluteLink(child.link)) {\n                <a class=\"nav-link\"\n                   routerLinkActive=\"active\"\n                   [href]=\"child.link\">\n                  {{ child.title }}\n                </a>\n              } @else {\n                <a class=\"nav-link\"\n                   routerLinkActive=\"active\"\n                   [routerLink]=\"child.link\">\n                  {{ child.title }}\n                </a>\n              }\n            }\n          }\n\n          @if (child.items?.length) {\n            <a class=\"nav-link\"\n               [class.expanded]=\"child.expanded\"\n               (click)=\"handleClick(child)\">\n              {{ child.title }}\n              <kit-svg-icon class=\"toggle-icon\"\n                            [icon]=\"KitSvgIcon.CHEVRON_DOWN\"\n              ></kit-svg-icon>\n            </a>\n\n            @if (child?.expanded) {\n              <div @heightExpandCollapseAnimation\n                   class=\"nav-list\">\n                @for (subChild of child.items; track subChild) {\n                  @if (subChild.link) {\n                    @if (isAbsoluteLink(subChild.link)) {\n                      <a class=\"child-link\"\n                         routerLinkActive=\"active\"\n                         [href]=\"subChild.link\">\n                        {{ subChild.title }}\n                      </a>\n                    } @else {\n                      <a class=\"child-link\"\n                         routerLinkActive=\"active\"\n                         [routerLink]=\"subChild.link\">\n                        {{ subChild.title }}\n                      </a>                      \n                    }\n                  }\n                }\n              </div>\n            }\n          }\n        }\n      </div>\n    </div>\n  }\n</div>\n", styles: [".kit-navigation-menu-submenu{padding:0 15px;width:200px;height:100vh;color:var(--ui-kit-color-grey-10);box-sizing:border-box;border-right:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white);overflow-y:auto;scrollbar-width:none}.kit-navigation-menu-submenu::-webkit-scrollbar{display:none}.kit-navigation-menu-submenu .nav-logo{position:sticky;top:0;padding:20px 5px;border-bottom:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white);height:var(--ui-kit-header-height, 86px);box-sizing:border-box;display:flex;justify-content:center;align-items:center;z-index:1}.kit-navigation-menu-submenu .nav-logo-link{display:flex;align-items:center;gap:5px;height:100%;margin:auto;overflow:hidden}.kit-navigation-menu-submenu .nav-logo .logo-wrapper{width:100%;height:100%}.kit-navigation-menu-submenu .nav-logo .seko-icon{width:97px;height:29px}.kit-navigation-menu-submenu .nav-logo .seko-360-icon{height:20px;width:59px;fill:var(--ui-kit-color-main)}.kit-navigation-menu-submenu .apps-menu{display:flex;flex-direction:column;gap:15px;padding:15px 0}.kit-navigation-menu-submenu .app-link{display:flex;flex-direction:column;align-items:center;padding:20px;gap:20px;border-radius:8px;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13);text-decoration:none}.kit-navigation-menu-submenu .app-link:not(.active):hover{border-color:var(--ui-kit-color-grey-12);background:var(--ui-kit-color-grey-11)}.kit-navigation-menu-submenu .app-link:not(.active):hover .app-link-title{border-color:var(--ui-kit-color-grey-12)}.kit-navigation-menu-submenu .app-link-btn{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:8px;background:var(--ui-kit-color-white);box-shadow:0 4px 6px #0000000d,0 10px 15px #0000001a}.kit-navigation-menu-submenu .app-link-icon{width:32px;height:32px;fill:var(--ui-kit-color-main);stroke:none}.kit-navigation-menu-submenu .app-link-title{display:flex;justify-content:center;padding-top:10px;width:100%;color:var(--ui-kit-color-grey-10);border-top:1px solid var(--ui-kit-color-grey-11);font-size:14px;font-weight:500;text-transform:uppercase}.kit-navigation-menu-submenu .app-link.active{cursor:default;pointer-events:none}.kit-navigation-menu-submenu .app-link.active .app-link-btn{background:var(--ui-kit-color-main)}.kit-navigation-menu-submenu .app-link.active .app-link-icon{fill:var(--ui-kit-color-white)}.kit-navigation-menu-submenu .nav-title{padding:15px 0;font-size:18px;font-weight:600}.kit-navigation-menu-submenu .nav-list{display:flex;flex-direction:column;gap:5px;overflow:hidden}.kit-navigation-menu-submenu .nav-link{display:flex;align-items:center;gap:8px;padding:10px 0;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:500;text-decoration:none;line-height:20px;cursor:pointer}.kit-navigation-menu-submenu .nav-link .toggle-icon{width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-grey-12)}.kit-navigation-menu-submenu .nav-link:hover,.kit-navigation-menu-submenu .nav-link.active{color:var(--ui-kit-color-main)}.kit-navigation-menu-submenu .nav-link.active{pointer-events:none}.kit-navigation-menu-submenu .nav-link.expanded{color:var(--ui-kit-color-main)}.kit-navigation-menu-submenu .nav-link.expanded .toggle-icon{stroke:var(--ui-kit-color-main);transform:rotate(180deg)}.kit-navigation-menu-submenu .child-link{display:flex;align-items:center;gap:12px;position:relative;padding:10px 20px;color:var(--ui-kit-color-grey-14);font-size:14px;font-weight:400;border-radius:8px;line-height:20px;text-decoration:none}.kit-navigation-menu-submenu .child-link:hover{background:var(--ui-kit-color-grey-11)}.kit-navigation-menu-submenu .child-link.active{pointer-events:none}.kit-navigation-menu-submenu .child-link.active:before{content:\"\";position:absolute;left:0;width:7px;height:7px;border-radius:2px;background:var(--ui-kit-color-main)}.kit-navigation-menu-submenu .child-link.active:hover{background:none}\n"], dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2$2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "ngmodule", type: KitSvgIconModule }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], animations: [
             expandCollapseAnimation('height'),
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
@@ -4117,7 +3921,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
             type: Component,
             args: [{ selector: 'kit-navigation-menu-submenu', changeDetection: ChangeDetectionStrategy.OnPush, animations: [
                         expandCollapseAnimation('height'),
-                    ], standalone: false, template: "<div class=\"kit-navigation-menu-submenu\">\n  <div class=\"nav-logo\">\n    <a class=\"nav-logo-link\"\n       [routerLink]=\"rootPath\"\n       (click)=\"logoClicked.emit()\">\n      @if (logoPath) {\n        <div class=\"logo-wrapper\">\n          <img [src]=\"logoPath\" alt=\"Logo\"/>\n        </div>\n      } @else {\n        <kit-svg-icon class=\"seko-icon\"\n                [icon]=\"KitSvgIcon.SEKO\"\n        ></kit-svg-icon>\n        <kit-svg-icon class=\"seko-360-icon\"\n                [icon]=\"KitSvgIcon.SEKO_360\"\n        ></kit-svg-icon>\n      }\n    </a>\n  </div>\n  @if (appsMenuItems) {\n    <div class=\"apps-menu\">\n      @for (item of appsMenuItems; track item) {\n        <a class=\"app-link\"\n           [class.active]=\"isAppItemActive(item.url)\"\n           [href]=\"item.url\">\n          <span class=\"app-link-btn\">\n            <kit-svg-icon class=\"app-link-icon\"\n                          [icon]=\"item.name.toLowerCase()\"\n            ></kit-svg-icon>\n          </span>\n          <span class=\"app-link-title\">{{ item.name }}</span>\n        </a>\n      }\n    </div>\n  } @else {\n    <div class=\"main-menu\">\n      <div class=\"nav-title\">{{ menuItem?.title }}</div>\n      <div class=\"nav-list\">\n        @for (child of menuItem?.items; track child) {\n          @if (!child.items?.length) {\n            @if (child.link) {\n              @if (isAbsoluteLink(child.link)) {\n                <a class=\"nav-link\"\n                   routerLinkActive=\"active\"\n                   [href]=\"child.link\">\n                  {{ child.title }}\n                </a>\n              } @else {\n                <a class=\"nav-link\"\n                   routerLinkActive=\"active\"\n                   [routerLink]=\"child.link\">\n                  {{ child.title }}\n                </a>\n              }\n            }\n          }\n\n          @if (child.items?.length) {\n            <a class=\"nav-link\"\n               [class.expanded]=\"child.expanded\"\n               (click)=\"handleClick(child)\">\n              {{ child.title }}\n              <kit-svg-icon class=\"toggle-icon\"\n                            [icon]=\"KitSvgIcon.CHEVRON_DOWN\"\n              ></kit-svg-icon>\n            </a>\n\n            @if (child?.expanded) {\n              <div @heightExpandCollapseAnimation\n                   class=\"nav-list\">\n                @for (subChild of child.items; track subChild) {\n                  @if (subChild.link) {\n                    @if (isAbsoluteLink(subChild.link)) {\n                      <a class=\"child-link\"\n                         routerLinkActive=\"active\"\n                         [href]=\"subChild.link\">\n                        {{ subChild.title }}\n                      </a>\n                    } @else {\n                      <a class=\"child-link\"\n                         routerLinkActive=\"active\"\n                         [routerLink]=\"subChild.link\">\n                        {{ subChild.title }}\n                      </a>                      \n                    }\n                  }\n                }\n              </div>\n            }\n          }\n        }\n      </div>\n    </div>\n  }\n</div>\n", styles: [".kit-navigation-menu-submenu{padding:0 15px;width:200px;height:100vh;color:var(--ui-kit-color-grey-10);box-sizing:border-box;border-right:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white);overflow-y:auto;scrollbar-width:none}.kit-navigation-menu-submenu::-webkit-scrollbar{display:none}.kit-navigation-menu-submenu .nav-logo{position:sticky;top:0;padding:20px 5px;border-bottom:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white);height:var(--ui-kit-header-height, 86px);box-sizing:border-box;display:flex;justify-content:center;align-items:center;z-index:1}.kit-navigation-menu-submenu .nav-logo-link{display:flex;align-items:center;gap:5px;height:100%;margin:auto;overflow:hidden}.kit-navigation-menu-submenu .nav-logo .logo-wrapper{width:100%;height:100%}.kit-navigation-menu-submenu .nav-logo .seko-icon{width:97px;height:29px}.kit-navigation-menu-submenu .nav-logo .seko-360-icon{height:20px;width:59px;fill:var(--ui-kit-color-main)}.kit-navigation-menu-submenu .apps-menu{display:flex;flex-direction:column;gap:15px;padding:15px 0}.kit-navigation-menu-submenu .app-link{display:flex;flex-direction:column;align-items:center;padding:20px;gap:20px;border-radius:8px;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13);text-decoration:none}.kit-navigation-menu-submenu .app-link:not(.active):hover{border-color:var(--ui-kit-color-grey-12);background:var(--ui-kit-color-grey-11)}.kit-navigation-menu-submenu .app-link:not(.active):hover .app-link-title{border-color:var(--ui-kit-color-grey-12)}.kit-navigation-menu-submenu .app-link-btn{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:8px;background:var(--ui-kit-color-white);box-shadow:0 4px 6px #0000000d,0 10px 15px #0000001a}.kit-navigation-menu-submenu .app-link-icon{width:32px;height:32px;fill:var(--ui-kit-color-main);stroke:none}.kit-navigation-menu-submenu .app-link-title{display:flex;justify-content:center;padding-top:10px;width:100%;color:var(--ui-kit-color-grey-10);border-top:1px solid var(--ui-kit-color-grey-11);font-size:14px;font-weight:500;text-transform:uppercase}.kit-navigation-menu-submenu .app-link.active{cursor:default;pointer-events:none}.kit-navigation-menu-submenu .app-link.active .app-link-btn{background:var(--ui-kit-color-main)}.kit-navigation-menu-submenu .app-link.active .app-link-icon{fill:var(--ui-kit-color-white)}.kit-navigation-menu-submenu .nav-title{padding:15px 0;font-size:18px;font-weight:600}.kit-navigation-menu-submenu .nav-list{display:flex;flex-direction:column;gap:5px;overflow:hidden}.kit-navigation-menu-submenu .nav-link{display:flex;align-items:center;gap:8px;padding:10px 0;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:500;text-decoration:none;line-height:20px;cursor:pointer}.kit-navigation-menu-submenu .nav-link .toggle-icon{width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-grey-12)}.kit-navigation-menu-submenu .nav-link:hover,.kit-navigation-menu-submenu .nav-link.active{color:var(--ui-kit-color-main)}.kit-navigation-menu-submenu .nav-link.active{pointer-events:none}.kit-navigation-menu-submenu .nav-link.expanded{color:var(--ui-kit-color-main)}.kit-navigation-menu-submenu .nav-link.expanded .toggle-icon{stroke:var(--ui-kit-color-main);transform:rotate(180deg)}.kit-navigation-menu-submenu .child-link{display:flex;align-items:center;gap:12px;position:relative;padding:10px 20px;color:var(--ui-kit-color-grey-14);font-size:14px;font-weight:400;border-radius:8px;line-height:20px;text-decoration:none}.kit-navigation-menu-submenu .child-link:hover{background:var(--ui-kit-color-grey-11)}.kit-navigation-menu-submenu .child-link.active{pointer-events:none}.kit-navigation-menu-submenu .child-link.active:before{content:\"\";position:absolute;left:0;width:7px;height:7px;border-radius:2px;background:var(--ui-kit-color-main)}.kit-navigation-menu-submenu .child-link.active:hover{background:none}\n"] }]
+                    ], imports: [
+                        RouterModule,
+                        KitSvgIconModule,
+                    ], template: "<div class=\"kit-navigation-menu-submenu\">\n  <div class=\"nav-logo\">\n    <a class=\"nav-logo-link\"\n       [routerLink]=\"rootPath\"\n       (click)=\"logoClicked.emit()\">\n      @if (logoPath) {\n        <div class=\"logo-wrapper\">\n          <img [src]=\"logoPath\" alt=\"Logo\"/>\n        </div>\n      } @else {\n        <kit-svg-icon class=\"seko-icon\"\n                [icon]=\"KitSvgIcon.SEKO\"\n        ></kit-svg-icon>\n        <kit-svg-icon class=\"seko-360-icon\"\n                [icon]=\"KitSvgIcon.SEKO_360\"\n        ></kit-svg-icon>\n      }\n    </a>\n  </div>\n  @if (appsMenuItems) {\n    <div class=\"apps-menu\">\n      @for (item of appsMenuItems; track item) {\n        <a class=\"app-link\"\n           [class.active]=\"isAppItemActive(item.url)\"\n           [href]=\"item.url\">\n          <span class=\"app-link-btn\">\n            <kit-svg-icon class=\"app-link-icon\"\n                          [icon]=\"item.name.toLowerCase()\"\n            ></kit-svg-icon>\n          </span>\n          <span class=\"app-link-title\">{{ item.name }}</span>\n        </a>\n      }\n    </div>\n  } @else {\n    <div class=\"main-menu\">\n      <div class=\"nav-title\">{{ menuItem?.title }}</div>\n      <div class=\"nav-list\">\n        @for (child of menuItem?.items; track child) {\n          @if (!child.items?.length) {\n            @if (child.link) {\n              @if (isAbsoluteLink(child.link)) {\n                <a class=\"nav-link\"\n                   routerLinkActive=\"active\"\n                   [href]=\"child.link\">\n                  {{ child.title }}\n                </a>\n              } @else {\n                <a class=\"nav-link\"\n                   routerLinkActive=\"active\"\n                   [routerLink]=\"child.link\">\n                  {{ child.title }}\n                </a>\n              }\n            }\n          }\n\n          @if (child.items?.length) {\n            <a class=\"nav-link\"\n               [class.expanded]=\"child.expanded\"\n               (click)=\"handleClick(child)\">\n              {{ child.title }}\n              <kit-svg-icon class=\"toggle-icon\"\n                            [icon]=\"KitSvgIcon.CHEVRON_DOWN\"\n              ></kit-svg-icon>\n            </a>\n\n            @if (child?.expanded) {\n              <div @heightExpandCollapseAnimation\n                   class=\"nav-list\">\n                @for (subChild of child.items; track subChild) {\n                  @if (subChild.link) {\n                    @if (isAbsoluteLink(subChild.link)) {\n                      <a class=\"child-link\"\n                         routerLinkActive=\"active\"\n                         [href]=\"subChild.link\">\n                        {{ subChild.title }}\n                      </a>\n                    } @else {\n                      <a class=\"child-link\"\n                         routerLinkActive=\"active\"\n                         [routerLink]=\"subChild.link\">\n                        {{ subChild.title }}\n                      </a>                      \n                    }\n                  }\n                }\n              </div>\n            }\n          }\n        }\n      </div>\n    </div>\n  }\n</div>\n", styles: [".kit-navigation-menu-submenu{padding:0 15px;width:200px;height:100vh;color:var(--ui-kit-color-grey-10);box-sizing:border-box;border-right:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white);overflow-y:auto;scrollbar-width:none}.kit-navigation-menu-submenu::-webkit-scrollbar{display:none}.kit-navigation-menu-submenu .nav-logo{position:sticky;top:0;padding:20px 5px;border-bottom:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white);height:var(--ui-kit-header-height, 86px);box-sizing:border-box;display:flex;justify-content:center;align-items:center;z-index:1}.kit-navigation-menu-submenu .nav-logo-link{display:flex;align-items:center;gap:5px;height:100%;margin:auto;overflow:hidden}.kit-navigation-menu-submenu .nav-logo .logo-wrapper{width:100%;height:100%}.kit-navigation-menu-submenu .nav-logo .seko-icon{width:97px;height:29px}.kit-navigation-menu-submenu .nav-logo .seko-360-icon{height:20px;width:59px;fill:var(--ui-kit-color-main)}.kit-navigation-menu-submenu .apps-menu{display:flex;flex-direction:column;gap:15px;padding:15px 0}.kit-navigation-menu-submenu .app-link{display:flex;flex-direction:column;align-items:center;padding:20px;gap:20px;border-radius:8px;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13);text-decoration:none}.kit-navigation-menu-submenu .app-link:not(.active):hover{border-color:var(--ui-kit-color-grey-12);background:var(--ui-kit-color-grey-11)}.kit-navigation-menu-submenu .app-link:not(.active):hover .app-link-title{border-color:var(--ui-kit-color-grey-12)}.kit-navigation-menu-submenu .app-link-btn{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:8px;background:var(--ui-kit-color-white);box-shadow:0 4px 6px #0000000d,0 10px 15px #0000001a}.kit-navigation-menu-submenu .app-link-icon{width:32px;height:32px;fill:var(--ui-kit-color-main);stroke:none}.kit-navigation-menu-submenu .app-link-title{display:flex;justify-content:center;padding-top:10px;width:100%;color:var(--ui-kit-color-grey-10);border-top:1px solid var(--ui-kit-color-grey-11);font-size:14px;font-weight:500;text-transform:uppercase}.kit-navigation-menu-submenu .app-link.active{cursor:default;pointer-events:none}.kit-navigation-menu-submenu .app-link.active .app-link-btn{background:var(--ui-kit-color-main)}.kit-navigation-menu-submenu .app-link.active .app-link-icon{fill:var(--ui-kit-color-white)}.kit-navigation-menu-submenu .nav-title{padding:15px 0;font-size:18px;font-weight:600}.kit-navigation-menu-submenu .nav-list{display:flex;flex-direction:column;gap:5px;overflow:hidden}.kit-navigation-menu-submenu .nav-link{display:flex;align-items:center;gap:8px;padding:10px 0;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:500;text-decoration:none;line-height:20px;cursor:pointer}.kit-navigation-menu-submenu .nav-link .toggle-icon{width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-grey-12)}.kit-navigation-menu-submenu .nav-link:hover,.kit-navigation-menu-submenu .nav-link.active{color:var(--ui-kit-color-main)}.kit-navigation-menu-submenu .nav-link.active{pointer-events:none}.kit-navigation-menu-submenu .nav-link.expanded{color:var(--ui-kit-color-main)}.kit-navigation-menu-submenu .nav-link.expanded .toggle-icon{stroke:var(--ui-kit-color-main);transform:rotate(180deg)}.kit-navigation-menu-submenu .child-link{display:flex;align-items:center;gap:12px;position:relative;padding:10px 20px;color:var(--ui-kit-color-grey-14);font-size:14px;font-weight:400;border-radius:8px;line-height:20px;text-decoration:none}.kit-navigation-menu-submenu .child-link:hover{background:var(--ui-kit-color-grey-11)}.kit-navigation-menu-submenu .child-link.active{pointer-events:none}.kit-navigation-menu-submenu .child-link.active:before{content:\"\";position:absolute;left:0;width:7px;height:7px;border-radius:2px;background:var(--ui-kit-color-main)}.kit-navigation-menu-submenu .child-link.active:hover{background:none}\n"] }]
         }], propDecorators: { menuItem: [{
                 type: Input
             }], appsMenuItems: [{
@@ -4128,6 +3935,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
                 type: Output
             }] } });
 
+class KitNavigationMenuService {
+    constructor() {
+        this.collapsed = signal(true, ...(ngDevMode ? [{ debugName: "collapsed" }] : []));
+        this.selected = signal(false, ...(ngDevMode ? [{ debugName: "selected" }] : []));
+    }
+    getCollapsedState() {
+        return this.collapsed;
+    }
+    setCollapsedState(collapsed) {
+        this.collapsed.set(collapsed);
+    }
+    setSelectedState(hasSelectedMenu, hasSelectedApps) {
+        this.selected.set(hasSelectedMenu || hasSelectedApps);
+    }
+    getSelectedState() {
+        return this.selected;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitNavigationMenuService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitNavigationMenuService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitNavigationMenuService, decorators: [{
+            type: Injectable
+        }] });
+
 class KitNavigationMenuComponent {
     constructor() {
         this.router = inject(Router);
@@ -4229,7 +4060,7 @@ class KitNavigationMenuComponent {
         this.kitNavigationMenuService.setSelectedState(!!this.selectedItem()?.items, !!this.selectedAppsItems());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitNavigationMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitNavigationMenuComponent, isStandalone: false, selector: "kit-navigation-menu", inputs: { menuItems: { classPropertyName: "menuItems", publicName: "menuItems", isSignal: true, isRequired: false, transformFunction: null }, appsMenuItems: { classPropertyName: "appsMenuItems", publicName: "appsMenuItems", isSignal: true, isRequired: false, transformFunction: null }, logoPath: { classPropertyName: "logoPath", publicName: "logoPath", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { menuItems: "menuItemsChange" }, ngImport: i0, template: "<div class=\"kit-navigation-menu\"\n     [class.collapsed]=\"collapsed()\">\n  <div class=\"main-panel\">\n    @if (appsMenuItems().length > 1) {\n      <button class=\"app-btn\"\n              [class.active]=\"selectedAppsItems() && !collapsed()\"\n              (click)=\"onAppsMenuButtonClick()\">\n        <kit-svg-icon class=\"app-btn-icon\"\n                      [icon]=\"KitSvgIcon.FOUR_SQUARE\"\n        ></kit-svg-icon>\n      </button>\n    }\n    <div class=\"nav-list\">\n      @for (item of menuItems(); track $index) {\n        @if (item.items?.length) {\n          <a class=\"nav-link\"\n             kitTooltip\n             kitTooltipFilter=\".nav-link\"\n             [kitTooltipPosition]=\"KitTooltipPosition.RIGHT\"\n             [title]=\"item.title\"\n             [class.active]=\"item.active\"\n             (click)=\"handleClick(item)\">\n            @if (item.icon) {\n              <ng-container *ngTemplateOutlet=\"linkIconTemplate; context: { $implicit: item }\"\n              ></ng-container>\n            }\n          </a>\n        } @else {\n          @if (item.link) {\n            @if (isAbsoluteLink(item.link)) {\n              <a class=\"nav-link\"\n                 kitTooltip\n                 kitTooltipFilter=\".nav-link\"\n                 [kitTooltipPosition]=\"KitTooltipPosition.RIGHT\"\n                 [title]=\"item.title\"\n                 [href]=\"item.link\"\n                 (click)=\"handleClick(item)\">\n                @if (item.icon) {\n                  <ng-container *ngTemplateOutlet=\"linkIconTemplate; context: { $implicit: item }\"\n                  ></ng-container>\n                }\n              </a>\n            } @else {\n              <a class=\"nav-link\"\n                 kitTooltip\n                 kitTooltipFilter=\".nav-link\"\n                 [kitTooltipPosition]=\"KitTooltipPosition.RIGHT\"\n                 [title]=\"item.title\"\n                 [class.active]=\"item.active\"\n                 [routerLink]=\"item.link\"\n                 (click)=\"handleClick(item)\">\n                @if (item.icon) {\n                  <ng-container *ngTemplateOutlet=\"linkIconTemplate; context: { $implicit: item }\"\n                  ></ng-container>\n                }\n              </a>\n            }\n          }\n        }\n      }\n    </div>\n  </div>\n\n  @if (!collapsed() && (selectedItem()?.items || selectedAppsItems())) {\n    <kit-navigation-menu-submenu class=\"sub-panel\"\n                                 [@widthExpandCollapseAnimation]\n                                 [menuItem]=\"selectedItem()\"\n                                 [appsMenuItems]=\"selectedAppsItems()\"\n                                 [logoPath]=\"logoPath\"\n                                 (logoClicked)=\"handleLogoClick()\"\n    ></kit-navigation-menu-submenu>\n  }\n\n  <ng-template #linkIconTemplate let-item>\n    <kit-svg-icon class=\"nav-link-icon\"\n                  [icon]=\"item.icon\"\n                  [ngClass]=\"item?.iconType ?? KitSvgIconType.FILL\"\n    ></kit-svg-icon>\n  </ng-template>\n</div>\n", styles: [".kit-navigation-menu{display:flex;height:100%}.kit-navigation-menu .app-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:none;border-radius:8px;cursor:pointer}.kit-navigation-menu .app-btn-icon{width:16px;height:16px;fill:var(--ui-kit-color-white);stroke:var(--ui-kit-color-white)}.kit-navigation-menu .app-btn:hover{background:var(--ui-kit-color-grey-14)}.kit-navigation-menu .app-btn.active{background:var(--ui-kit-color-main)}.kit-navigation-menu .main-panel{display:flex;flex-direction:column;padding:25px 10px;width:56px;box-sizing:border-box}.kit-navigation-menu .main-panel:has(.app-btn){gap:46px}.kit-navigation-menu .main-panel:has(.app-btn) .nav-list{margin-top:0}.kit-navigation-menu .sub-panel{display:block;width:200px;overflow:hidden}.kit-navigation-menu .nav-list{display:flex;flex-direction:column;gap:30px;margin-top:82px}.kit-navigation-menu .nav-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;cursor:pointer}.kit-navigation-menu .nav-link:hover{background:var(--ui-kit-color-grey-14)}.kit-navigation-menu .nav-link.active{background:var(--ui-kit-color-main)}.kit-navigation-menu .nav-link-icon{display:block;width:16px;height:16px;flex-shrink:0}.kit-navigation-menu .nav-link-icon.fill{fill:var(--ui-kit-color-white);stroke:none}.kit-navigation-menu .nav-link-icon.stroke{fill:none;stroke:var(--ui-kit-color-white)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: i1$4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: KitNavigationMenuSubmenuComponent, selector: "kit-navigation-menu-submenu", inputs: ["menuItem", "appsMenuItems", "logoPath"], outputs: ["logoClicked"] }, { kind: "directive", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef", "kitTooltipVisible"] }], animations: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitNavigationMenuComponent, isStandalone: true, selector: "kit-navigation-menu", inputs: { menuItems: { classPropertyName: "menuItems", publicName: "menuItems", isSignal: true, isRequired: false, transformFunction: null }, appsMenuItems: { classPropertyName: "appsMenuItems", publicName: "appsMenuItems", isSignal: true, isRequired: false, transformFunction: null }, logoPath: { classPropertyName: "logoPath", publicName: "logoPath", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { menuItems: "menuItemsChange" }, ngImport: i0, template: "<div class=\"kit-navigation-menu\"\n     [class.collapsed]=\"collapsed()\">\n  <div class=\"main-panel\">\n    @if (appsMenuItems().length > 1) {\n      <button class=\"app-btn\"\n              [class.active]=\"selectedAppsItems() && !collapsed()\"\n              (click)=\"onAppsMenuButtonClick()\">\n        <kit-svg-icon class=\"app-btn-icon\"\n                      [icon]=\"KitSvgIcon.FOUR_SQUARE\"\n        ></kit-svg-icon>\n      </button>\n    }\n    <div class=\"nav-list\">\n      @for (item of menuItems(); track $index) {\n        @if (item.items?.length) {\n          <a class=\"nav-link\"\n             kitTooltip\n             kitTooltipFilter=\".nav-link\"\n             [kitTooltipPosition]=\"KitTooltipPosition.RIGHT\"\n             [title]=\"item.title\"\n             [class.active]=\"item.active\"\n             (click)=\"handleClick(item)\">\n            @if (item.icon) {\n              <ng-container *ngTemplateOutlet=\"linkIconTemplate; context: { $implicit: item }\"\n              ></ng-container>\n            }\n          </a>\n        } @else {\n          @if (item.link) {\n            @if (isAbsoluteLink(item.link)) {\n              <a class=\"nav-link\"\n                 kitTooltip\n                 kitTooltipFilter=\".nav-link\"\n                 [kitTooltipPosition]=\"KitTooltipPosition.RIGHT\"\n                 [title]=\"item.title\"\n                 [href]=\"item.link\"\n                 (click)=\"handleClick(item)\">\n                @if (item.icon) {\n                  <ng-container *ngTemplateOutlet=\"linkIconTemplate; context: { $implicit: item }\"\n                  ></ng-container>\n                }\n              </a>\n            } @else {\n              <a class=\"nav-link\"\n                 kitTooltip\n                 kitTooltipFilter=\".nav-link\"\n                 [kitTooltipPosition]=\"KitTooltipPosition.RIGHT\"\n                 [title]=\"item.title\"\n                 [class.active]=\"item.active\"\n                 [routerLink]=\"item.link\"\n                 (click)=\"handleClick(item)\">\n                @if (item.icon) {\n                  <ng-container *ngTemplateOutlet=\"linkIconTemplate; context: { $implicit: item }\"\n                  ></ng-container>\n                }\n              </a>\n            }\n          }\n        }\n      }\n    </div>\n  </div>\n\n  @if (!collapsed() && (selectedItem()?.items || selectedAppsItems())) {\n    <kit-navigation-menu-submenu class=\"sub-panel\"\n                                 [@widthExpandCollapseAnimation]\n                                 [menuItem]=\"selectedItem()\"\n                                 [appsMenuItems]=\"selectedAppsItems()\"\n                                 [logoPath]=\"logoPath\"\n                                 (logoClicked)=\"handleLogoClick()\"\n    ></kit-navigation-menu-submenu>\n  }\n\n  <ng-template #linkIconTemplate let-item>\n    <kit-svg-icon class=\"nav-link-icon\"\n                  [icon]=\"item.icon\"\n                  [ngClass]=\"item?.iconType ?? KitSvgIconType.FILL\"\n    ></kit-svg-icon>\n  </ng-template>\n</div>\n", styles: [".kit-navigation-menu{display:flex;height:100%}.kit-navigation-menu .app-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:none;border-radius:8px;cursor:pointer}.kit-navigation-menu .app-btn-icon{width:16px;height:16px;fill:var(--ui-kit-color-white);stroke:var(--ui-kit-color-white)}.kit-navigation-menu .app-btn:hover{background:var(--ui-kit-color-grey-14)}.kit-navigation-menu .app-btn.active{background:var(--ui-kit-color-main)}.kit-navigation-menu .main-panel{display:flex;flex-direction:column;padding:25px 10px;width:56px;box-sizing:border-box}.kit-navigation-menu .main-panel:has(.app-btn){gap:46px}.kit-navigation-menu .main-panel:has(.app-btn) .nav-list{margin-top:0}.kit-navigation-menu .sub-panel{display:block;width:200px;overflow:hidden}.kit-navigation-menu .nav-list{display:flex;flex-direction:column;gap:30px;margin-top:82px}.kit-navigation-menu .nav-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;cursor:pointer}.kit-navigation-menu .nav-link:hover{background:var(--ui-kit-color-grey-14)}.kit-navigation-menu .nav-link.active{background:var(--ui-kit-color-main)}.kit-navigation-menu .nav-link-icon{display:block;width:16px;height:16px;flex-shrink:0}.kit-navigation-menu .nav-link-icon.fill{fill:var(--ui-kit-color-white);stroke:none}.kit-navigation-menu .nav-link-icon.stroke{fill:none;stroke:var(--ui-kit-color-white)}\n"], dependencies: [{ kind: "ngmodule", type: KitSvgIconModule }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: KitNavigationMenuSubmenuComponent, selector: "kit-navigation-menu-submenu", inputs: ["menuItem", "appsMenuItems", "logoPath"], outputs: ["logoClicked"] }, { kind: "directive", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef", "kitTooltipVisible"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [
             expandCollapseAnimation('width'),
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
@@ -4237,72 +4068,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
             type: Component,
             args: [{ selector: 'kit-navigation-menu', changeDetection: ChangeDetectionStrategy.OnPush, animations: [
                         expandCollapseAnimation('width'),
-                    ], standalone: false, template: "<div class=\"kit-navigation-menu\"\n     [class.collapsed]=\"collapsed()\">\n  <div class=\"main-panel\">\n    @if (appsMenuItems().length > 1) {\n      <button class=\"app-btn\"\n              [class.active]=\"selectedAppsItems() && !collapsed()\"\n              (click)=\"onAppsMenuButtonClick()\">\n        <kit-svg-icon class=\"app-btn-icon\"\n                      [icon]=\"KitSvgIcon.FOUR_SQUARE\"\n        ></kit-svg-icon>\n      </button>\n    }\n    <div class=\"nav-list\">\n      @for (item of menuItems(); track $index) {\n        @if (item.items?.length) {\n          <a class=\"nav-link\"\n             kitTooltip\n             kitTooltipFilter=\".nav-link\"\n             [kitTooltipPosition]=\"KitTooltipPosition.RIGHT\"\n             [title]=\"item.title\"\n             [class.active]=\"item.active\"\n             (click)=\"handleClick(item)\">\n            @if (item.icon) {\n              <ng-container *ngTemplateOutlet=\"linkIconTemplate; context: { $implicit: item }\"\n              ></ng-container>\n            }\n          </a>\n        } @else {\n          @if (item.link) {\n            @if (isAbsoluteLink(item.link)) {\n              <a class=\"nav-link\"\n                 kitTooltip\n                 kitTooltipFilter=\".nav-link\"\n                 [kitTooltipPosition]=\"KitTooltipPosition.RIGHT\"\n                 [title]=\"item.title\"\n                 [href]=\"item.link\"\n                 (click)=\"handleClick(item)\">\n                @if (item.icon) {\n                  <ng-container *ngTemplateOutlet=\"linkIconTemplate; context: { $implicit: item }\"\n                  ></ng-container>\n                }\n              </a>\n            } @else {\n              <a class=\"nav-link\"\n                 kitTooltip\n                 kitTooltipFilter=\".nav-link\"\n                 [kitTooltipPosition]=\"KitTooltipPosition.RIGHT\"\n                 [title]=\"item.title\"\n                 [class.active]=\"item.active\"\n                 [routerLink]=\"item.link\"\n                 (click)=\"handleClick(item)\">\n                @if (item.icon) {\n                  <ng-container *ngTemplateOutlet=\"linkIconTemplate; context: { $implicit: item }\"\n                  ></ng-container>\n                }\n              </a>\n            }\n          }\n        }\n      }\n    </div>\n  </div>\n\n  @if (!collapsed() && (selectedItem()?.items || selectedAppsItems())) {\n    <kit-navigation-menu-submenu class=\"sub-panel\"\n                                 [@widthExpandCollapseAnimation]\n                                 [menuItem]=\"selectedItem()\"\n                                 [appsMenuItems]=\"selectedAppsItems()\"\n                                 [logoPath]=\"logoPath\"\n                                 (logoClicked)=\"handleLogoClick()\"\n    ></kit-navigation-menu-submenu>\n  }\n\n  <ng-template #linkIconTemplate let-item>\n    <kit-svg-icon class=\"nav-link-icon\"\n                  [icon]=\"item.icon\"\n                  [ngClass]=\"item?.iconType ?? KitSvgIconType.FILL\"\n    ></kit-svg-icon>\n  </ng-template>\n</div>\n", styles: [".kit-navigation-menu{display:flex;height:100%}.kit-navigation-menu .app-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:none;border-radius:8px;cursor:pointer}.kit-navigation-menu .app-btn-icon{width:16px;height:16px;fill:var(--ui-kit-color-white);stroke:var(--ui-kit-color-white)}.kit-navigation-menu .app-btn:hover{background:var(--ui-kit-color-grey-14)}.kit-navigation-menu .app-btn.active{background:var(--ui-kit-color-main)}.kit-navigation-menu .main-panel{display:flex;flex-direction:column;padding:25px 10px;width:56px;box-sizing:border-box}.kit-navigation-menu .main-panel:has(.app-btn){gap:46px}.kit-navigation-menu .main-panel:has(.app-btn) .nav-list{margin-top:0}.kit-navigation-menu .sub-panel{display:block;width:200px;overflow:hidden}.kit-navigation-menu .nav-list{display:flex;flex-direction:column;gap:30px;margin-top:82px}.kit-navigation-menu .nav-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;cursor:pointer}.kit-navigation-menu .nav-link:hover{background:var(--ui-kit-color-grey-14)}.kit-navigation-menu .nav-link.active{background:var(--ui-kit-color-main)}.kit-navigation-menu .nav-link-icon{display:block;width:16px;height:16px;flex-shrink:0}.kit-navigation-menu .nav-link-icon.fill{fill:var(--ui-kit-color-white);stroke:none}.kit-navigation-menu .nav-link-icon.stroke{fill:none;stroke:var(--ui-kit-color-white)}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { logoPath: [{
-                type: Input
-            }] } });
-
-class KitNavigationMenuSubmenuModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitNavigationMenuSubmenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: KitNavigationMenuSubmenuModule, declarations: [KitNavigationMenuSubmenuComponent], imports: [CommonModule,
-            RouterModule,
-            KitSvgIconModule], exports: [KitNavigationMenuSubmenuComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitNavigationMenuSubmenuModule, imports: [CommonModule,
-            RouterModule,
-            KitSvgIconModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitNavigationMenuSubmenuModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        KitNavigationMenuSubmenuComponent,
-                    ],
-                    imports: [
-                        CommonModule,
-                        RouterModule,
-                        KitSvgIconModule,
-                    ],
-                    exports: [
-                        KitNavigationMenuSubmenuComponent,
-                    ],
-                }]
-        }] });
-
-class KitNavigationMenuModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitNavigationMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: KitNavigationMenuModule, declarations: [KitNavigationMenuComponent], imports: [CommonModule,
-            KitSvgIconModule,
-            RouterModule,
-            KitNavigationMenuSubmenuModule,
-            KitTooltipDirective], exports: [KitNavigationMenuComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitNavigationMenuModule, providers: [
-            KitNavigationMenuService,
-        ], imports: [CommonModule,
-            KitSvgIconModule,
-            RouterModule,
-            KitNavigationMenuSubmenuModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitNavigationMenuModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        KitNavigationMenuComponent,
-                    ],
-                    imports: [
-                        CommonModule,
+                    ], imports: [
                         KitSvgIconModule,
                         RouterModule,
-                        KitNavigationMenuSubmenuModule,
+                        KitNavigationMenuSubmenuComponent,
                         KitTooltipDirective,
-                    ],
-                    providers: [
-                        KitNavigationMenuService,
-                    ],
-                    exports: [
-                        KitNavigationMenuComponent,
-                    ],
-                }]
-        }] });
+                        NgClass,
+                        NgTemplateOutlet,
+                    ], template: "<div class=\"kit-navigation-menu\"\n     [class.collapsed]=\"collapsed()\">\n  <div class=\"main-panel\">\n    @if (appsMenuItems().length > 1) {\n      <button class=\"app-btn\"\n              [class.active]=\"selectedAppsItems() && !collapsed()\"\n              (click)=\"onAppsMenuButtonClick()\">\n        <kit-svg-icon class=\"app-btn-icon\"\n                      [icon]=\"KitSvgIcon.FOUR_SQUARE\"\n        ></kit-svg-icon>\n      </button>\n    }\n    <div class=\"nav-list\">\n      @for (item of menuItems(); track $index) {\n        @if (item.items?.length) {\n          <a class=\"nav-link\"\n             kitTooltip\n             kitTooltipFilter=\".nav-link\"\n             [kitTooltipPosition]=\"KitTooltipPosition.RIGHT\"\n             [title]=\"item.title\"\n             [class.active]=\"item.active\"\n             (click)=\"handleClick(item)\">\n            @if (item.icon) {\n              <ng-container *ngTemplateOutlet=\"linkIconTemplate; context: { $implicit: item }\"\n              ></ng-container>\n            }\n          </a>\n        } @else {\n          @if (item.link) {\n            @if (isAbsoluteLink(item.link)) {\n              <a class=\"nav-link\"\n                 kitTooltip\n                 kitTooltipFilter=\".nav-link\"\n                 [kitTooltipPosition]=\"KitTooltipPosition.RIGHT\"\n                 [title]=\"item.title\"\n                 [href]=\"item.link\"\n                 (click)=\"handleClick(item)\">\n                @if (item.icon) {\n                  <ng-container *ngTemplateOutlet=\"linkIconTemplate; context: { $implicit: item }\"\n                  ></ng-container>\n                }\n              </a>\n            } @else {\n              <a class=\"nav-link\"\n                 kitTooltip\n                 kitTooltipFilter=\".nav-link\"\n                 [kitTooltipPosition]=\"KitTooltipPosition.RIGHT\"\n                 [title]=\"item.title\"\n                 [class.active]=\"item.active\"\n                 [routerLink]=\"item.link\"\n                 (click)=\"handleClick(item)\">\n                @if (item.icon) {\n                  <ng-container *ngTemplateOutlet=\"linkIconTemplate; context: { $implicit: item }\"\n                  ></ng-container>\n                }\n              </a>\n            }\n          }\n        }\n      }\n    </div>\n  </div>\n\n  @if (!collapsed() && (selectedItem()?.items || selectedAppsItems())) {\n    <kit-navigation-menu-submenu class=\"sub-panel\"\n                                 [@widthExpandCollapseAnimation]\n                                 [menuItem]=\"selectedItem()\"\n                                 [appsMenuItems]=\"selectedAppsItems()\"\n                                 [logoPath]=\"logoPath\"\n                                 (logoClicked)=\"handleLogoClick()\"\n    ></kit-navigation-menu-submenu>\n  }\n\n  <ng-template #linkIconTemplate let-item>\n    <kit-svg-icon class=\"nav-link-icon\"\n                  [icon]=\"item.icon\"\n                  [ngClass]=\"item?.iconType ?? KitSvgIconType.FILL\"\n    ></kit-svg-icon>\n  </ng-template>\n</div>\n", styles: [".kit-navigation-menu{display:flex;height:100%}.kit-navigation-menu .app-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:none;border-radius:8px;cursor:pointer}.kit-navigation-menu .app-btn-icon{width:16px;height:16px;fill:var(--ui-kit-color-white);stroke:var(--ui-kit-color-white)}.kit-navigation-menu .app-btn:hover{background:var(--ui-kit-color-grey-14)}.kit-navigation-menu .app-btn.active{background:var(--ui-kit-color-main)}.kit-navigation-menu .main-panel{display:flex;flex-direction:column;padding:25px 10px;width:56px;box-sizing:border-box}.kit-navigation-menu .main-panel:has(.app-btn){gap:46px}.kit-navigation-menu .main-panel:has(.app-btn) .nav-list{margin-top:0}.kit-navigation-menu .sub-panel{display:block;width:200px;overflow:hidden}.kit-navigation-menu .nav-list{display:flex;flex-direction:column;gap:30px;margin-top:82px}.kit-navigation-menu .nav-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;cursor:pointer}.kit-navigation-menu .nav-link:hover{background:var(--ui-kit-color-grey-14)}.kit-navigation-menu .nav-link.active{background:var(--ui-kit-color-main)}.kit-navigation-menu .nav-link-icon{display:block;width:16px;height:16px;flex-shrink:0}.kit-navigation-menu .nav-link-icon.fill{fill:var(--ui-kit-color-white);stroke:none}.kit-navigation-menu .nav-link-icon.stroke{fill:none;stroke:var(--ui-kit-color-white)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { logoPath: [{
+                type: Input
+            }] } });
 
 var KitBadgeTheme;
 (function (KitBadgeTheme) {
@@ -4387,11 +4163,14 @@ class KitAvatarComponent {
         return initials(name);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitAvatarComponent, isStandalone: false, selector: "kit-avatar", inputs: { name: "name", imageSrc: "imageSrc", size: "size" }, ngImport: i0, template: "<div class=\"kit-avatar\"\n     [ngClass]=\"size\">\n  @if (imageSrc) {\n    <img class=\"kit-avatar-image\"\n         alt\n         [src]=\"imageSrc\">\n  } @else if (name) {\n    {{ getInitialsByName(name) }}\n  } @else {\n    <kit-svg-icon class=\"kit-avatar-icon\"\n                  [icon]=\"userIcon\"\n    ></kit-svg-icon>\n  }\n</div>\n", styles: [".kit-avatar{display:flex;align-items:center;justify-content:center;color:var(--ui-kit-color-white);font-size:10px;font-weight:500;border-radius:50%;background:var(--ui-kit-color-teal);text-transform:uppercase}.kit-avatar.large{width:40px;height:40px}.kit-avatar.large .kit-avatar-icon{width:24px;height:24px}.kit-avatar.default{width:32px;height:32px}.kit-avatar.default .kit-avatar-icon{width:18px;height:18px}.kit-avatar.small{width:24px;height:24px}.kit-avatar.small .kit-avatar-icon{width:14px;height:14px}.kit-avatar-icon{display:block;fill:var(--ui-kit-color-white)}.kit-avatar-image{object-fit:cover;width:100%;height:100%;border-radius:50%;overflow:hidden}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: "20.1.3", type: KitAvatarComponent, isStandalone: true, selector: "kit-avatar", inputs: { name: "name", imageSrc: "imageSrc", size: "size" }, ngImport: i0, template: "<div class=\"kit-avatar\"\n     [ngClass]=\"size\">\n  @if (imageSrc) {\n    <img class=\"kit-avatar-image\"\n         alt\n         [src]=\"imageSrc\">\n  } @else if (name) {\n    {{ getInitialsByName(name) }}\n  } @else {\n    <kit-svg-icon class=\"kit-avatar-icon\"\n                  [icon]=\"userIcon\"\n    ></kit-svg-icon>\n  }\n</div>\n", styles: [".kit-avatar{display:flex;align-items:center;justify-content:center;color:var(--ui-kit-color-white);font-size:10px;font-weight:500;border-radius:50%;background:var(--ui-kit-color-teal);text-transform:uppercase}.kit-avatar.large{width:40px;height:40px}.kit-avatar.large .kit-avatar-icon{width:24px;height:24px}.kit-avatar.default{width:32px;height:32px}.kit-avatar.default .kit-avatar-icon{width:18px;height:18px}.kit-avatar.small{width:24px;height:24px}.kit-avatar.small .kit-avatar-icon{width:14px;height:14px}.kit-avatar-icon{display:block;fill:var(--ui-kit-color-white)}.kit-avatar-image{object-fit:cover;width:100%;height:100%;border-radius:50%;overflow:hidden}\n"], dependencies: [{ kind: "ngmodule", type: KitSvgIconModule }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitAvatarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kit-avatar', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"kit-avatar\"\n     [ngClass]=\"size\">\n  @if (imageSrc) {\n    <img class=\"kit-avatar-image\"\n         alt\n         [src]=\"imageSrc\">\n  } @else if (name) {\n    {{ getInitialsByName(name) }}\n  } @else {\n    <kit-svg-icon class=\"kit-avatar-icon\"\n                  [icon]=\"userIcon\"\n    ></kit-svg-icon>\n  }\n</div>\n", styles: [".kit-avatar{display:flex;align-items:center;justify-content:center;color:var(--ui-kit-color-white);font-size:10px;font-weight:500;border-radius:50%;background:var(--ui-kit-color-teal);text-transform:uppercase}.kit-avatar.large{width:40px;height:40px}.kit-avatar.large .kit-avatar-icon{width:24px;height:24px}.kit-avatar.default{width:32px;height:32px}.kit-avatar.default .kit-avatar-icon{width:18px;height:18px}.kit-avatar.small{width:24px;height:24px}.kit-avatar.small .kit-avatar-icon{width:14px;height:14px}.kit-avatar-icon{display:block;fill:var(--ui-kit-color-white)}.kit-avatar-image{object-fit:cover;width:100%;height:100%;border-radius:50%;overflow:hidden}\n"] }]
+            args: [{ selector: 'kit-avatar', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        KitSvgIconModule,
+                        NgClass,
+                    ], template: "<div class=\"kit-avatar\"\n     [ngClass]=\"size\">\n  @if (imageSrc) {\n    <img class=\"kit-avatar-image\"\n         alt\n         [src]=\"imageSrc\">\n  } @else if (name) {\n    {{ getInitialsByName(name) }}\n  } @else {\n    <kit-svg-icon class=\"kit-avatar-icon\"\n                  [icon]=\"userIcon\"\n    ></kit-svg-icon>\n  }\n</div>\n", styles: [".kit-avatar{display:flex;align-items:center;justify-content:center;color:var(--ui-kit-color-white);font-size:10px;font-weight:500;border-radius:50%;background:var(--ui-kit-color-teal);text-transform:uppercase}.kit-avatar.large{width:40px;height:40px}.kit-avatar.large .kit-avatar-icon{width:24px;height:24px}.kit-avatar.default{width:32px;height:32px}.kit-avatar.default .kit-avatar-icon{width:18px;height:18px}.kit-avatar.small{width:24px;height:24px}.kit-avatar.small .kit-avatar-icon{width:14px;height:14px}.kit-avatar-icon{display:block;fill:var(--ui-kit-color-white)}.kit-avatar-image{object-fit:cover;width:100%;height:100%;border-radius:50%;overflow:hidden}\n"] }]
         }], propDecorators: { name: [{
                 type: Input
             }], imageSrc: [{
@@ -4400,29 +4179,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
                 type: Input
             }] } });
 
-class KitAvatarModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: KitAvatarModule, declarations: [KitAvatarComponent], imports: [CommonModule,
-            KitSvgIconModule], exports: [KitAvatarComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitAvatarModule, imports: [CommonModule,
-            KitSvgIconModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitAvatarModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        KitAvatarComponent,
-                    ],
-                    imports: [
-                        CommonModule,
-                        KitSvgIconModule,
-                    ],
-                    exports: [
-                        KitAvatarComponent,
-                    ],
-                }]
-        }] });
-
 class KitMultiselectComponent {
     constructor() {
         this.elementRef = inject(ElementRef);
@@ -4962,13 +4718,13 @@ class KitProfileMenuComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitProfileMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitProfileMenuComponent, isStandalone: true, selector: "kit-profile-menu", inputs: { menuItems: "menuItems", userName: "userName", companyName: "companyName", avatarImageSrc: "avatarImageSrc" }, viewQueries: [{ propertyName: "popup", first: true, predicate: ["popup"], descendants: true }], ngImport: i0, template: "<div class=\"profile-menu\">\n  <button #menuButton\n          class=\"menu-button\"\n          [class.active]=\"popupIsOpen()\"\n          (click)=\"toggle()\">\n    <kit-avatar [size]=\"KitAvatarSize.LARGE\"\n                [name]=\"userName\"\n                [imageSrc]=\"avatarImageSrc\"\n    ></kit-avatar>\n    <kit-svg-icon class=\"menu-button-icon\"\n                  [icon]=\"KitSvgIcon.CARET_DOWN\"\n    ></kit-svg-icon>\n  </button>\n\n  <kit-popup #popup\n             popupClass=\"menu-popup\"\n             [anchor]=\"menuButton\"\n             [content]=\"content\"\n             (opened)=\"popupIsOpen.set(true)\"\n             (closed)=\"popupIsOpen.set(false)\">\n  </kit-popup>\n</div>\n\n<ng-template #content>\n  <div class=\"popup-content\">\n    <div class=\"popup-header\">\n      <kit-avatar class=\"popup-header-avatar\"\n                  [name]=\"userName\"\n                  [size]=\"KitAvatarSize.LARGE\"\n                  [imageSrc]=\"avatarImageSrc\"\n      ></kit-avatar>\n      <div class=\"popup-header-details\">\n        @if (userName) {\n          <div class=\"popup-header-name\">{{ userName }}</div>\n        }\n        @if (companyName) {\n          <div class=\"popup-header-company\">{{ companyName }}</div>\n        }\n      </div>\n    </div>\n    <div class=\"popup-menu\">\n      @for (item of menuItems; track item) {\n        <a class=\"menu-item\"\n           [ngClass]=\"item.cssClass\"\n           [routerLink]=\"item.link\"\n           (click)=\"onClick(item)\">\n          @if (item.icon) {\n            <kit-svg-icon class=\"menu-item-icon\"\n                          [icon]=\"item.icon\"\n                          [ngClass]=\"item?.iconType ?? KitSvgIconType.FILL\"\n            ></kit-svg-icon>\n          }\n          <span class=\"menu-item-text\">{{ item.title }}</span>\n        </a>\n      }\n    </div>\n  </div>\n</ng-template>\n", styles: [".profile-menu .menu-button{display:flex;align-items:center;gap:14px;padding:0;border:none;background:none;cursor:pointer}.profile-menu .menu-button-icon{display:block;width:20px;height:20px}.profile-menu .menu-button ::ng-deep .kit-badge-content{top:4px;right:5px;border-color:var(--ui-kit-color-white)}.profile-menu .menu-button.active .menu-button-icon{transform:rotate(180deg)}::ng-deep .kit-popup.menu-popup{padding:0}::ng-deep .kit-popup.menu-popup .popup-content{display:flex;flex-direction:column;gap:4px;padding:8px 4px;width:280px}::ng-deep .kit-popup.menu-popup .popup-header{display:flex;align-items:center;gap:14px;padding:6px 12px}::ng-deep .kit-popup.menu-popup .popup-header-details{min-width:0;font-size:14px}::ng-deep .kit-popup.menu-popup .popup-header-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}::ng-deep .kit-popup.menu-popup .popup-menu{display:flex;flex-direction:column;gap:4px}::ng-deep .kit-popup.menu-popup .menu-item{display:flex;align-items:center;gap:8px;padding:6px 12px;color:var(--ui-kit-color-grey-10);border-radius:4px;text-decoration:none;cursor:pointer}::ng-deep .kit-popup.menu-popup .menu-item:hover{color:var(--ui-kit-color-main);background:var(--ui-kit-color-grey-13)}::ng-deep .kit-popup.menu-popup .menu-item-icon{display:block;width:18px;height:18px}::ng-deep .kit-popup.menu-popup .menu-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-popup.menu-popup .menu-item-icon.fill{stroke:none;fill:var(--ui-kit-color-main)}::ng-deep .kit-popup.menu-popup .menu-item-text{font-size:14px;font-weight:400}::ng-deep .kit-popup.menu-popup .k-popup{padding:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: KitAvatarModule }, { kind: "component", type: KitAvatarComponent, selector: "kit-avatar", inputs: ["name", "imageSrc", "size"] }, { kind: "component", type: KitPopupComponent, selector: "kit-popup", inputs: ["anchor", "content", "closeOnOutsideClick", "showFooter", "cancelButtonLabel", "applyButtonLabel", "isApplyButtonDisabled", "positionMode", "popupClass", "closePopupOnCancel", "extraInsideSelectors"], outputs: ["cancelAction", "applyAction", "opened", "closed"] }, { kind: "ngmodule", type: KitSvgIconModule }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitProfileMenuComponent, isStandalone: true, selector: "kit-profile-menu", inputs: { menuItems: "menuItems", userName: "userName", companyName: "companyName", avatarImageSrc: "avatarImageSrc" }, viewQueries: [{ propertyName: "popup", first: true, predicate: ["popup"], descendants: true }], ngImport: i0, template: "<div class=\"profile-menu\">\n  <button #menuButton\n          class=\"menu-button\"\n          [class.active]=\"popupIsOpen()\"\n          (click)=\"toggle()\">\n    <kit-avatar [size]=\"KitAvatarSize.LARGE\"\n                [name]=\"userName\"\n                [imageSrc]=\"avatarImageSrc\"\n    ></kit-avatar>\n    <kit-svg-icon class=\"menu-button-icon\"\n                  [icon]=\"KitSvgIcon.CARET_DOWN\"\n    ></kit-svg-icon>\n  </button>\n\n  <kit-popup #popup\n             popupClass=\"menu-popup\"\n             [anchor]=\"menuButton\"\n             [content]=\"content\"\n             (opened)=\"popupIsOpen.set(true)\"\n             (closed)=\"popupIsOpen.set(false)\">\n  </kit-popup>\n</div>\n\n<ng-template #content>\n  <div class=\"popup-content\">\n    <div class=\"popup-header\">\n      <kit-avatar class=\"popup-header-avatar\"\n                  [name]=\"userName\"\n                  [size]=\"KitAvatarSize.LARGE\"\n                  [imageSrc]=\"avatarImageSrc\"\n      ></kit-avatar>\n      <div class=\"popup-header-details\">\n        @if (userName) {\n          <div class=\"popup-header-name\">{{ userName }}</div>\n        }\n        @if (companyName) {\n          <div class=\"popup-header-company\">{{ companyName }}</div>\n        }\n      </div>\n    </div>\n    <div class=\"popup-menu\">\n      @for (item of menuItems; track item) {\n        <a class=\"menu-item\"\n           [ngClass]=\"item.cssClass\"\n           [routerLink]=\"item.link\"\n           (click)=\"onClick(item)\">\n          @if (item.icon) {\n            <kit-svg-icon class=\"menu-item-icon\"\n                          [icon]=\"item.icon\"\n                          [ngClass]=\"item?.iconType ?? KitSvgIconType.FILL\"\n            ></kit-svg-icon>\n          }\n          <span class=\"menu-item-text\">{{ item.title }}</span>\n        </a>\n      }\n    </div>\n  </div>\n</ng-template>\n", styles: [".profile-menu .menu-button{display:flex;align-items:center;gap:14px;padding:0;border:none;background:none;cursor:pointer}.profile-menu .menu-button-icon{display:block;width:20px;height:20px}.profile-menu .menu-button ::ng-deep .kit-badge-content{top:4px;right:5px;border-color:var(--ui-kit-color-white)}.profile-menu .menu-button.active .menu-button-icon{transform:rotate(180deg)}::ng-deep .kit-popup.menu-popup{padding:0}::ng-deep .kit-popup.menu-popup .popup-content{display:flex;flex-direction:column;gap:4px;padding:8px 4px;width:280px}::ng-deep .kit-popup.menu-popup .popup-header{display:flex;align-items:center;gap:14px;padding:6px 12px}::ng-deep .kit-popup.menu-popup .popup-header-details{min-width:0;font-size:14px}::ng-deep .kit-popup.menu-popup .popup-header-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}::ng-deep .kit-popup.menu-popup .popup-menu{display:flex;flex-direction:column;gap:4px}::ng-deep .kit-popup.menu-popup .menu-item{display:flex;align-items:center;gap:8px;padding:6px 12px;color:var(--ui-kit-color-grey-10);border-radius:4px;text-decoration:none;cursor:pointer}::ng-deep .kit-popup.menu-popup .menu-item:hover{color:var(--ui-kit-color-main);background:var(--ui-kit-color-grey-13)}::ng-deep .kit-popup.menu-popup .menu-item-icon{display:block;width:18px;height:18px}::ng-deep .kit-popup.menu-popup .menu-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-popup.menu-popup .menu-item-icon.fill{stroke:none;fill:var(--ui-kit-color-main)}::ng-deep .kit-popup.menu-popup .menu-item-text{font-size:14px;font-weight:400}::ng-deep .kit-popup.menu-popup .k-popup{padding:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: KitAvatarComponent, selector: "kit-avatar", inputs: ["name", "imageSrc", "size"] }, { kind: "component", type: KitPopupComponent, selector: "kit-popup", inputs: ["anchor", "content", "closeOnOutsideClick", "showFooter", "cancelButtonLabel", "applyButtonLabel", "isApplyButtonDisabled", "positionMode", "popupClass", "closePopupOnCancel", "extraInsideSelectors"], outputs: ["cancelAction", "applyAction", "opened", "closed"] }, { kind: "ngmodule", type: KitSvgIconModule }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitProfileMenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kit-profile-menu', imports: [
                         CommonModule,
-                        KitAvatarModule,
+                        KitAvatarComponent,
                         KitPopupComponent,
                         KitSvgIconModule,
                         RouterLink,
@@ -4986,26 +4742,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
                 args: ['popup']
             }] } });
 
-class KitTitleTemplateDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitTitleTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.3", type: KitTitleTemplateDirective, isStandalone: true, selector: "[kitTitleTemplate]", ngImport: i0 }); }
+class KitTabContentDirective {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitTabContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.3", type: KitTabContentDirective, isStandalone: true, selector: "[kitTabContent]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitTitleTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitTabContentDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kitTitleTemplate]',
+                    selector: '[kitTabContent]',
                     standalone: true,
                 }]
         }] });
 
-class KitTabContentDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitTabContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.3", type: KitTabContentDirective, isStandalone: true, selector: "[kitTabContent]", ngImport: i0 }); }
+class KitTitleTemplateDirective {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitTitleTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.3", type: KitTitleTemplateDirective, isStandalone: true, selector: "[kitTitleTemplate]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitTabContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitTitleTemplateDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[kitTabContent]',
+                    selector: '[kitTitleTemplate]',
                     standalone: true,
                 }]
         }] });
@@ -5038,11 +4794,11 @@ class KitTabComponent {
         this.kitTabContent = null;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.3", type: KitTabComponent, isStandalone: false, selector: "kit-tab", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: false, isRequired: false, transformFunction: null }, iconType: { classPropertyName: "iconType", publicName: "iconType", isSignal: false, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "kitTitleTemplate", first: true, predicate: KitTitleTemplateDirective, descendants: true, read: TemplateRef }, { propertyName: "kitTabContent", first: true, predicate: KitTabContentDirective, descendants: true, read: TemplateRef }], ngImport: i0, template: '', isInline: true, styles: ["::ng-deep .kit-tabs .k-tabstrip .k-item{display:flex;align-items:center;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;border:none;background:none;cursor:pointer}::ng-deep .kit-tabs .k-tabstrip .k-item.k-disabled{opacity:1;color:var(--ui-kit-color-grey-12)}::ng-deep .kit-tabs .k-tabstrip .k-item:focus{box-shadow:none}::ng-deep .kit-tabs .k-tabstrip .k-item:active{margin:0}::ng-deep .kit-tabs .k-tabstrip .k-link{padding:0}::ng-deep .kit-tabs .k-tabstrip.text .k-tabstrip-items{gap:32px}::ng-deep .kit-tabs .k-tabstrip.text .k-item{height:46px;border-bottom:2px solid transparent}::ng-deep .kit-tabs .k-tabstrip.text .k-item:hover{color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.text .k-item:hover .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .k-tabstrip.text .k-item:hover .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.text .k-item.k-active{margin:0;color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main)!important}::ng-deep .kit-tabs .k-tabstrip.text .k-item.k-active .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .k-tabstrip.text .k-item.k-active .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.segmented .k-tabstrip-items{justify-content:space-between}::ng-deep .kit-tabs .k-tabstrip.segmented .k-item{color:var(--ui-kit-color-grey-14)}::ng-deep .kit-tabs .k-tabstrip.segmented .k-item.k-disabled{color:var(--ui-kit-color-grey-12)}::ng-deep .kit-tabs .k-tabstrip.segmented .k-item.k-active{text-decoration:underline}::ng-deep .kit-tabs .k-tabstrip.segmented .k-item.k-active,::ng-deep .kit-tabs .k-tabstrip.segmented .k-item:hover{color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.segmented .k-item.k-active .tab-title-icon.fill,::ng-deep .kit-tabs .k-tabstrip.segmented .k-item:hover .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .k-tabstrip.segmented .k-item.k-active .tab-title-icon.stroke,::ng-deep .kit-tabs .k-tabstrip.segmented .k-item:hover .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.segmented.small .tab-title-icon{width:14px;height:14px}::ng-deep .kit-tabs .button .k-item{padding:0 16px;height:32px;border:1px solid var(--ui-kit-color-grey-11);border-radius:0}::ng-deep .kit-tabs .button .k-item:not(:last-child){border-right:none}::ng-deep .kit-tabs .button .k-item:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}::ng-deep .kit-tabs .button .k-item:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}::ng-deep .kit-tabs .button .k-item:hover{color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-item:hover .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .button .k-item:hover .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-item.k-active{margin:0;color:var(--ui-kit-color-white);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-item.k-active .tab-title-icon.fill{fill:var(--ui-kit-color-white);stroke:none}::ng-deep .kit-tabs .button .k-item.k-active .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-white)}::ng-deep .kit-tabs .k-tabstrip-content{padding:0;border:none;background:none}::ng-deep .kit-tabs .k-tabstrip-content:focus{outline:none}::ng-deep .kit-tabs .k-tabstrip-items-wrapper{border:none}::ng-deep .kit-tabs .k-tabstrip-items{display:flex;align-items:center}::ng-deep .kit-tabs .tab-title{display:flex;align-items:center;gap:6px}::ng-deep .kit-tabs .tab-title-icon{display:block;width:16px;height:16px}::ng-deep .kit-tabs .tab-title-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-tabs .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-10)}::ng-deep .kit-tabs .k-tabstrip.large .k-item span{font-size:18px;line-height:24px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.3", type: KitTabComponent, isStandalone: true, selector: "kit-tab", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: false, isRequired: false, transformFunction: null }, iconType: { classPropertyName: "iconType", publicName: "iconType", isSignal: false, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "kitTitleTemplate", first: true, predicate: KitTitleTemplateDirective, descendants: true, read: TemplateRef }, { propertyName: "kitTabContent", first: true, predicate: KitTabContentDirective, descendants: true, read: TemplateRef }], ngImport: i0, template: '', isInline: true, styles: ["::ng-deep .kit-tabs .k-tabstrip .k-item{display:flex;align-items:center;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;border:none;background:none;cursor:pointer}::ng-deep .kit-tabs .k-tabstrip .k-item.k-disabled{opacity:1;color:var(--ui-kit-color-grey-12)}::ng-deep .kit-tabs .k-tabstrip .k-item:focus{box-shadow:none}::ng-deep .kit-tabs .k-tabstrip .k-item:active{margin:0}::ng-deep .kit-tabs .k-tabstrip .k-link{padding:0}::ng-deep .kit-tabs .k-tabstrip.text .k-tabstrip-items{gap:32px}::ng-deep .kit-tabs .k-tabstrip.text .k-item{height:46px;border-bottom:2px solid transparent}::ng-deep .kit-tabs .k-tabstrip.text .k-item:hover{color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.text .k-item:hover .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .k-tabstrip.text .k-item:hover .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.text .k-item.k-active{margin:0;color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main)!important}::ng-deep .kit-tabs .k-tabstrip.text .k-item.k-active .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .k-tabstrip.text .k-item.k-active .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.segmented .k-tabstrip-items{justify-content:space-between}::ng-deep .kit-tabs .k-tabstrip.segmented .k-item{color:var(--ui-kit-color-grey-14)}::ng-deep .kit-tabs .k-tabstrip.segmented .k-item.k-disabled{color:var(--ui-kit-color-grey-12)}::ng-deep .kit-tabs .k-tabstrip.segmented .k-item.k-active{text-decoration:underline}::ng-deep .kit-tabs .k-tabstrip.segmented .k-item.k-active,::ng-deep .kit-tabs .k-tabstrip.segmented .k-item:hover{color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.segmented .k-item.k-active .tab-title-icon.fill,::ng-deep .kit-tabs .k-tabstrip.segmented .k-item:hover .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .k-tabstrip.segmented .k-item.k-active .tab-title-icon.stroke,::ng-deep .kit-tabs .k-tabstrip.segmented .k-item:hover .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.segmented.small .tab-title-icon{width:14px;height:14px}::ng-deep .kit-tabs .button .k-item{padding:0 16px;height:32px;border:1px solid var(--ui-kit-color-grey-11);border-radius:0}::ng-deep .kit-tabs .button .k-item:not(:last-child){border-right:none}::ng-deep .kit-tabs .button .k-item:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}::ng-deep .kit-tabs .button .k-item:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}::ng-deep .kit-tabs .button .k-item:hover{color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-item:hover .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .button .k-item:hover .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-item.k-active{margin:0;color:var(--ui-kit-color-white);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-item.k-active .tab-title-icon.fill{fill:var(--ui-kit-color-white);stroke:none}::ng-deep .kit-tabs .button .k-item.k-active .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-white)}::ng-deep .kit-tabs .k-tabstrip-content{padding:0;border:none;background:none}::ng-deep .kit-tabs .k-tabstrip-content:focus{outline:none}::ng-deep .kit-tabs .k-tabstrip-items-wrapper{border:none}::ng-deep .kit-tabs .k-tabstrip-items{display:flex;align-items:center}::ng-deep .kit-tabs .tab-title{display:flex;align-items:center;gap:6px}::ng-deep .kit-tabs .tab-title-icon{display:block;width:16px;height:16px}::ng-deep .kit-tabs .tab-title-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-tabs .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-10)}::ng-deep .kit-tabs .k-tabstrip.large .k-item span{font-size:18px;line-height:24px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitTabComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kit-tab', template: '', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, styles: ["::ng-deep .kit-tabs .k-tabstrip .k-item{display:flex;align-items:center;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;border:none;background:none;cursor:pointer}::ng-deep .kit-tabs .k-tabstrip .k-item.k-disabled{opacity:1;color:var(--ui-kit-color-grey-12)}::ng-deep .kit-tabs .k-tabstrip .k-item:focus{box-shadow:none}::ng-deep .kit-tabs .k-tabstrip .k-item:active{margin:0}::ng-deep .kit-tabs .k-tabstrip .k-link{padding:0}::ng-deep .kit-tabs .k-tabstrip.text .k-tabstrip-items{gap:32px}::ng-deep .kit-tabs .k-tabstrip.text .k-item{height:46px;border-bottom:2px solid transparent}::ng-deep .kit-tabs .k-tabstrip.text .k-item:hover{color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.text .k-item:hover .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .k-tabstrip.text .k-item:hover .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.text .k-item.k-active{margin:0;color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main)!important}::ng-deep .kit-tabs .k-tabstrip.text .k-item.k-active .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .k-tabstrip.text .k-item.k-active .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.segmented .k-tabstrip-items{justify-content:space-between}::ng-deep .kit-tabs .k-tabstrip.segmented .k-item{color:var(--ui-kit-color-grey-14)}::ng-deep .kit-tabs .k-tabstrip.segmented .k-item.k-disabled{color:var(--ui-kit-color-grey-12)}::ng-deep .kit-tabs .k-tabstrip.segmented .k-item.k-active{text-decoration:underline}::ng-deep .kit-tabs .k-tabstrip.segmented .k-item.k-active,::ng-deep .kit-tabs .k-tabstrip.segmented .k-item:hover{color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.segmented .k-item.k-active .tab-title-icon.fill,::ng-deep .kit-tabs .k-tabstrip.segmented .k-item:hover .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .k-tabstrip.segmented .k-item.k-active .tab-title-icon.stroke,::ng-deep .kit-tabs .k-tabstrip.segmented .k-item:hover .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.segmented.small .tab-title-icon{width:14px;height:14px}::ng-deep .kit-tabs .button .k-item{padding:0 16px;height:32px;border:1px solid var(--ui-kit-color-grey-11);border-radius:0}::ng-deep .kit-tabs .button .k-item:not(:last-child){border-right:none}::ng-deep .kit-tabs .button .k-item:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}::ng-deep .kit-tabs .button .k-item:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}::ng-deep .kit-tabs .button .k-item:hover{color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-item:hover .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .button .k-item:hover .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-item.k-active{margin:0;color:var(--ui-kit-color-white);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-item.k-active .tab-title-icon.fill{fill:var(--ui-kit-color-white);stroke:none}::ng-deep .kit-tabs .button .k-item.k-active .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-white)}::ng-deep .kit-tabs .k-tabstrip-content{padding:0;border:none;background:none}::ng-deep .kit-tabs .k-tabstrip-content:focus{outline:none}::ng-deep .kit-tabs .k-tabstrip-items-wrapper{border:none}::ng-deep .kit-tabs .k-tabstrip-items{display:flex;align-items:center}::ng-deep .kit-tabs .tab-title{display:flex;align-items:center;gap:6px}::ng-deep .kit-tabs .tab-title-icon{display:block;width:16px;height:16px}::ng-deep .kit-tabs .tab-title-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-tabs .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-10)}::ng-deep .kit-tabs .k-tabstrip.large .k-item span{font-size:18px;line-height:24px}\n"] }]
+            args: [{ selector: 'kit-tab', template: '', changeDetection: ChangeDetectionStrategy.OnPush, styles: ["::ng-deep .kit-tabs .k-tabstrip .k-item{display:flex;align-items:center;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;border:none;background:none;cursor:pointer}::ng-deep .kit-tabs .k-tabstrip .k-item.k-disabled{opacity:1;color:var(--ui-kit-color-grey-12)}::ng-deep .kit-tabs .k-tabstrip .k-item:focus{box-shadow:none}::ng-deep .kit-tabs .k-tabstrip .k-item:active{margin:0}::ng-deep .kit-tabs .k-tabstrip .k-link{padding:0}::ng-deep .kit-tabs .k-tabstrip.text .k-tabstrip-items{gap:32px}::ng-deep .kit-tabs .k-tabstrip.text .k-item{height:46px;border-bottom:2px solid transparent}::ng-deep .kit-tabs .k-tabstrip.text .k-item:hover{color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.text .k-item:hover .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .k-tabstrip.text .k-item:hover .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.text .k-item.k-active{margin:0;color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main)!important}::ng-deep .kit-tabs .k-tabstrip.text .k-item.k-active .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .k-tabstrip.text .k-item.k-active .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.segmented .k-tabstrip-items{justify-content:space-between}::ng-deep .kit-tabs .k-tabstrip.segmented .k-item{color:var(--ui-kit-color-grey-14)}::ng-deep .kit-tabs .k-tabstrip.segmented .k-item.k-disabled{color:var(--ui-kit-color-grey-12)}::ng-deep .kit-tabs .k-tabstrip.segmented .k-item.k-active{text-decoration:underline}::ng-deep .kit-tabs .k-tabstrip.segmented .k-item.k-active,::ng-deep .kit-tabs .k-tabstrip.segmented .k-item:hover{color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.segmented .k-item.k-active .tab-title-icon.fill,::ng-deep .kit-tabs .k-tabstrip.segmented .k-item:hover .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .k-tabstrip.segmented .k-item.k-active .tab-title-icon.stroke,::ng-deep .kit-tabs .k-tabstrip.segmented .k-item:hover .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.segmented.small .tab-title-icon{width:14px;height:14px}::ng-deep .kit-tabs .button .k-item{padding:0 16px;height:32px;border:1px solid var(--ui-kit-color-grey-11);border-radius:0}::ng-deep .kit-tabs .button .k-item:not(:last-child){border-right:none}::ng-deep .kit-tabs .button .k-item:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}::ng-deep .kit-tabs .button .k-item:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}::ng-deep .kit-tabs .button .k-item:hover{color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-item:hover .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .button .k-item:hover .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-item.k-active{margin:0;color:var(--ui-kit-color-white);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-item.k-active .tab-title-icon.fill{fill:var(--ui-kit-color-white);stroke:none}::ng-deep .kit-tabs .button .k-item.k-active .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-white)}::ng-deep .kit-tabs .k-tabstrip-content{padding:0;border:none;background:none}::ng-deep .kit-tabs .k-tabstrip-content:focus{outline:none}::ng-deep .kit-tabs .k-tabstrip-items-wrapper{border:none}::ng-deep .kit-tabs .k-tabstrip-items{display:flex;align-items:center}::ng-deep .kit-tabs .tab-title{display:flex;align-items:center;gap:6px}::ng-deep .kit-tabs .tab-title-icon{display:block;width:16px;height:16px}::ng-deep .kit-tabs .tab-title-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-tabs .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-10)}::ng-deep .kit-tabs .k-tabstrip.large .k-item span{font-size:18px;line-height:24px}\n"] }]
         }], propDecorators: { icon: [{
                 type: Input
             }], iconType: [{
@@ -5118,11 +4874,16 @@ class KitTabsComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitTabsComponent, isStandalone: false, selector: "kit-tabs", inputs: { type: "type", size: "size", animate: "animate" }, outputs: { tabSelected: "tabSelected" }, queries: [{ propertyName: "tabs", predicate: KitTabComponent, isSignal: true }], ngImport: i0, template: "<div class=\"kit-tabs\">\n  <kendo-tabstrip [ngClass]=\"[type, size]\"\n                  [animate]=\"animate\"\n                  (tabSelect)=\"onTabSelect($event)\">\n    @for (tab of tabs(); track tab) {\n      <kendo-tabstrip-tab [title]=\"tab.title()\"\n                          [selected]=\"tab.selected\"\n                          [disabled]=\"tab.disabled()\">\n        @if (tab.kitTitleTemplate) {\n          <ng-template kendoTabTitle>\n            <ng-container *ngTemplateOutlet=\"tab.kitTitleTemplate\"\n            ></ng-container>\n          </ng-template>\n        } @else if (tab.icon) {\n          <ng-template kendoTabTitle>\n            <div class=\"tab-title\">\n              <kit-svg-icon class=\"tab-title-icon\"\n                            [icon]=\"tab.icon\"\n                            [ngClass]=\"tab.iconType\"\n              ></kit-svg-icon>\n              <div class=\"tab title-text\">\n                {{ tab.title() }}\n              </div>\n            </div>\n          </ng-template>\n        }\n        <ng-template kendoTabContent>\n          <ng-container *ngTemplateOutlet=\"tab.kitTabContent\"\n          ></ng-container>\n        </ng-template>\n      </kendo-tabstrip-tab>\n    }\n  </kendo-tabstrip>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$2.TabStripComponent, selector: "kendo-tabstrip", inputs: ["height", "animate", "tabAlignment", "tabPosition", "keepTabContent", "closable", "scrollable", "size", "closeIcon", "closeIconClass", "closeSVGIcon", "showContentArea"], outputs: ["tabSelect", "tabClose", "tabScroll"], exportAs: ["kendoTabStrip"] }, { kind: "component", type: i2$2.TabStripTabComponent, selector: "kendo-tabstrip-tab", inputs: ["title", "disabled", "cssClass", "cssStyle", "selected", "closable", "closeIcon", "closeIconClass", "closeSVGIcon"], exportAs: ["kendoTabStripTab"] }, { kind: "directive", type: i2$2.TabContentDirective, selector: "[kendoTabContent]" }, { kind: "directive", type: i2$2.TabTitleDirective, selector: "[kendoTabTitle]" }, { 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: "20.1.3", type: KitTabsComponent, isStandalone: true, selector: "kit-tabs", inputs: { type: "type", size: "size", animate: "animate" }, outputs: { tabSelected: "tabSelected" }, queries: [{ propertyName: "tabs", predicate: KitTabComponent, isSignal: true }], ngImport: i0, template: "<div class=\"kit-tabs\">\n  <kendo-tabstrip [ngClass]=\"[type, size]\"\n                  [animate]=\"animate\"\n                  (tabSelect)=\"onTabSelect($event)\">\n    @for (tab of tabs(); track tab) {\n      <kendo-tabstrip-tab [title]=\"tab.title()\"\n                          [selected]=\"tab.selected\"\n                          [disabled]=\"tab.disabled()\">\n        @if (tab.kitTitleTemplate) {\n          <ng-template kendoTabTitle>\n            <ng-container *ngTemplateOutlet=\"tab.kitTitleTemplate\"\n            ></ng-container>\n          </ng-template>\n        } @else if (tab.icon) {\n          <ng-template kendoTabTitle>\n            <div class=\"tab-title\">\n              <kit-svg-icon class=\"tab-title-icon\"\n                            [icon]=\"tab.icon\"\n                            [ngClass]=\"tab.iconType\"\n              ></kit-svg-icon>\n              <div class=\"tab title-text\">\n                {{ tab.title() }}\n              </div>\n            </div>\n          </ng-template>\n        }\n        <ng-template kendoTabContent>\n          <ng-container *ngTemplateOutlet=\"tab.kitTabContent\"\n          ></ng-container>\n        </ng-template>\n      </kendo-tabstrip-tab>\n    }\n  </kendo-tabstrip>\n</div>\n", dependencies: [{ kind: "component", type: i1$7.TabStripComponent, selector: "kendo-tabstrip", inputs: ["height", "animate", "tabAlignment", "tabPosition", "keepTabContent", "closable", "scrollable", "size", "closeIcon", "closeIconClass", "closeSVGIcon", "showContentArea"], outputs: ["tabSelect", "tabClose", "tabScroll"], exportAs: ["kendoTabStrip"] }, { kind: "component", type: i1$7.TabStripTabComponent, selector: "kendo-tabstrip-tab", inputs: ["title", "disabled", "cssClass", "cssStyle", "selected", "closable", "closeIcon", "closeIconClass", "closeSVGIcon"], exportAs: ["kendoTabStripTab"] }, { kind: "directive", type: i1$7.TabContentDirective, selector: "[kendoTabContent]" }, { kind: "directive", type: i1$7.TabTitleDirective, selector: "[kendoTabTitle]" }, { kind: "ngmodule", type: KitSvgIconModule }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitTabsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kit-tabs', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"kit-tabs\">\n  <kendo-tabstrip [ngClass]=\"[type, size]\"\n                  [animate]=\"animate\"\n                  (tabSelect)=\"onTabSelect($event)\">\n    @for (tab of tabs(); track tab) {\n      <kendo-tabstrip-tab [title]=\"tab.title()\"\n                          [selected]=\"tab.selected\"\n                          [disabled]=\"tab.disabled()\">\n        @if (tab.kitTitleTemplate) {\n          <ng-template kendoTabTitle>\n            <ng-container *ngTemplateOutlet=\"tab.kitTitleTemplate\"\n            ></ng-container>\n          </ng-template>\n        } @else if (tab.icon) {\n          <ng-template kendoTabTitle>\n            <div class=\"tab-title\">\n              <kit-svg-icon class=\"tab-title-icon\"\n                            [icon]=\"tab.icon\"\n                            [ngClass]=\"tab.iconType\"\n              ></kit-svg-icon>\n              <div class=\"tab title-text\">\n                {{ tab.title() }}\n              </div>\n            </div>\n          </ng-template>\n        }\n        <ng-template kendoTabContent>\n          <ng-container *ngTemplateOutlet=\"tab.kitTabContent\"\n          ></ng-container>\n        </ng-template>\n      </kendo-tabstrip-tab>\n    }\n  </kendo-tabstrip>\n</div>\n" }]
+            args: [{ selector: 'kit-tabs', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        KENDO_LAYOUT,
+                        KitSvgIconModule,
+                        NgClass,
+                        NgTemplateOutlet,
+                    ], template: "<div class=\"kit-tabs\">\n  <kendo-tabstrip [ngClass]=\"[type, size]\"\n                  [animate]=\"animate\"\n                  (tabSelect)=\"onTabSelect($event)\">\n    @for (tab of tabs(); track tab) {\n      <kendo-tabstrip-tab [title]=\"tab.title()\"\n                          [selected]=\"tab.selected\"\n                          [disabled]=\"tab.disabled()\">\n        @if (tab.kitTitleTemplate) {\n          <ng-template kendoTabTitle>\n            <ng-container *ngTemplateOutlet=\"tab.kitTitleTemplate\"\n            ></ng-container>\n          </ng-template>\n        } @else if (tab.icon) {\n          <ng-template kendoTabTitle>\n            <div class=\"tab-title\">\n              <kit-svg-icon class=\"tab-title-icon\"\n                            [icon]=\"tab.icon\"\n                            [ngClass]=\"tab.iconType\"\n              ></kit-svg-icon>\n              <div class=\"tab title-text\">\n                {{ tab.title() }}\n              </div>\n            </div>\n          </ng-template>\n        }\n        <ng-template kendoTabContent>\n          <ng-container *ngTemplateOutlet=\"tab.kitTabContent\"\n          ></ng-container>\n        </ng-template>\n      </kendo-tabstrip-tab>\n    }\n  </kendo-tabstrip>\n</div>\n" }]
         }], propDecorators: { type: [{
                 type: Input
             }], size: [{
@@ -5133,44 +4894,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
                 type: Output
             }] } });
 
-class KitTabsModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: KitTabsModule, declarations: [KitTabsComponent,
-            KitTabComponent], imports: [CommonModule,
-            LayoutModule,
-            KitSvgIconModule,
-            KitTitleTemplateDirective,
-            KitTabContentDirective], exports: [KitTabsComponent,
-            KitTabComponent,
-            KitTitleTemplateDirective,
-            KitTabContentDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitTabsModule, imports: [CommonModule,
-            LayoutModule,
-            KitSvgIconModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitTabsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        KitTabsComponent,
-                        KitTabComponent,
-                    ],
-                    imports: [
-                        CommonModule,
-                        LayoutModule,
-                        KitSvgIconModule,
-                        KitTitleTemplateDirective,
-                        KitTabContentDirective,
-                    ],
-                    exports: [
-                        KitTabsComponent,
-                        KitTabComponent,
-                        KitTitleTemplateDirective,
-                        KitTabContentDirective,
-                    ],
-                }]
-        }] });
-
 var KitCardTheme;
 (function (KitCardTheme) {
     KitCardTheme["DEFAULT"] = "default";
@@ -5214,7 +4937,7 @@ class KitCardComponent {
         this.toggleClicked.emit(this.itemsExpanded);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitCardComponent, isStandalone: false, selector: "kit-card", inputs: { data: "data", theme: "theme", itemsExpanded: "itemsExpanded" }, outputs: { buttonClicked: "buttonClicked", toggleClicked: "toggleClicked" }, ngImport: i0, template: "@if (data) {\n  <div class=\"kit-card {{ theme }}-theme\">\n    <div class=\"kit-card-head\">\n      <kit-svg-icon class=\"head-icon\"\n                    [icon]=\"data.titleIcon\"\n                    [ngClass]=\"data?.titleIconType\"\n      ></kit-svg-icon>\n      <div class=\"head-title\">{{ data.title }}</div>\n    </div>\n    <div class=\"kit-card-content\">\n      <div class=\"card-count\">{{ data.count }}</div>\n      <div class=\"card-label\">{{ data.label }}</div>\n      @if (data.items?.length) {\n        <div class=\"card-items\"\n             [@expandCollapse]=\"itemsExpanded\">\n          @for (item of data.items; track item) {\n            <a class=\"card-item\"\n               [class.disabled]=\"item.disabled\"\n               [routerLink]=\"item.disabled ? null : item.link\">\n              @if (item.count) {\n                <div class=\"card-item-count\">{{ item.count }}</div>\n              }\n              <div class=\"card-item-text\">{{ item.label }}</div>\n              @if (item.tooltip) {\n                <kit-svg-icon kitTooltip\n                              kitTooltipFilter=\".card-item-icon\"\n                              class=\"card-item-icon\"\n                              [kitTooltipPosition]=\"KitTooltipPosition.RIGHT\"\n                              [title]=\"item.tooltip\"\n                              [icon]=\"KitSvgIcon.INFO_CIRCLE\"\n                ></kit-svg-icon>\n              } @else if (item.icon) {\n                <kit-svg-icon class=\"card-item-icon\"\n                              [icon]=\"item.icon\"\n                              [ngClass]=\"item.iconType\"\n                ></kit-svg-icon>\n              }\n            </a>\n          }\n        </div>\n      }\n      @if (data.items?.length > 1) {\n        <button class=\"toggle-btn\"\n                (click)=\"toggleList()\">\n          @if (itemsExpanded) {\n            <span class=\"toggle-btn-label\">Show less</span>\n            <kit-svg-icon class=\"toggle-btn-icon\"\n                          [icon]=\"KitSvgIcon.CARET_UP\"\n            ></kit-svg-icon>\n          } @else {\n            <span class=\"toggle-btn-label\">Show more</span>\n            <kit-svg-icon class=\"toggle-btn-icon\"\n                          [icon]=\"KitSvgIcon.CARET_DOWN\"\n            ></kit-svg-icon>\n          }\n        </button>\n      }\n    </div>\n    <div class=\"kit-card-action\">\n      <a [routerLink]=\"data.buttonDisabled ? null : data.link\">\n        <kit-button class=\"action-button\"\n                    [type]=\"KitButtonType.GHOST\"\n                    [kind]=\"KitButtonKind.MEDIUM\"\n                    [label]=\"data.buttonLabel\"\n                    [disabled]=\"data.buttonDisabled\"\n                    (clicked)=\"buttonClicked.emit()\"\n        ></kit-button>\n      </a>\n    </div>\n  </div>\n}\n", styles: [".kit-card{display:flex;flex-direction:column;padding:25px;width:100%;height:100%;color:var(--ui-kit-color-grey-10);font-weight:400;border:1px solid var(--ui-kit-color-grey-11);border-radius:10px;background:var(--ui-kit-color-white);box-sizing:border-box}.kit-card-head{display:flex;align-items:center;gap:12px;padding-bottom:15px;border-bottom:1px solid var(--ui-kit-color-grey-11)}.kit-card .head-icon{width:32px;height:32px}.kit-card .head-title{display:flex;align-items:center;flex:1;height:36px;font-size:18px}.kit-card-content{display:flex;flex-direction:column;margin-top:10px;flex-grow:1;text-align:center}.kit-card .card-count{padding-bottom:10px;font-size:48px;border-bottom:2px solid var(--ui-kit-color-main);line-height:40px;letter-spacing:-2.4px}.kit-card .card-label{margin-top:10px;font-size:16px}.kit-card .card-items{display:flex;flex-direction:column;flex-grow:1;gap:5px;margin-top:15px;overflow:hidden}.kit-card .card-item{display:flex;align-items:center;justify-content:center;gap:5px;color:var(--ui-kit-color-grey-14);font-size:14px;text-decoration:none}.kit-card .card-item:hover:not(.disabled){color:var(--ui-kit-color-hover)}.kit-card .card-item-count{font-weight:600}.kit-card .card-item-icon{width:16px;height:16px}.kit-card .toggle-btn{display:inline-flex;justify-content:center;gap:3px;margin-top:5px;padding:0;color:var(--ui-kit-color-main);border:none;background:transparent;cursor:pointer}.kit-card .toggle-btn-label{font-size:14px;font-weight:500}.kit-card .toggle-btn-icon{width:16px;height:16px}.kit-card-action{margin-top:auto;padding-top:15px}.kit-card .action-button ::ng-deep .k-button{width:100%}.kit-card:hover{border-color:var(--ui-kit-color-hover)}.kit-card.default-theme .head-icon{fill:var(--ui-kit-color-main);stroke:none}.kit-card.default-theme .head-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-card.default-theme .card-count{border-color:var(--ui-kit-color-main)}.kit-card.default-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.default-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.default-theme .card-item-icon{fill:var(--ui-kit-color-main);stroke:none}.kit-card.default-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-card.default-theme .toggle-btn{color:var(--ui-kit-color-main)}.kit-card.default-theme .toggle-btn-icon{fill:var(--ui-kit-color-main);stroke:none}.kit-card.green-theme .head-icon{fill:var(--ui-kit-color-green-3);stroke:none}.kit-card.green-theme .head-icon.stroke{stroke:var(--ui-kit-color-green-3);fill:none}.kit-card.green-theme .card-count{border-color:var(--ui-kit-color-green-3)}.kit-card.green-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.green-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.green-theme .card-item-icon{fill:var(--ui-kit-color-green-3);stroke:none}.kit-card.green-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-green-3);fill:none}.kit-card.green-theme .toggle-btn{color:var(--ui-kit-color-green-3)}.kit-card.green-theme .toggle-btn-icon{fill:var(--ui-kit-color-green-3);stroke:none}.kit-card.pink-theme .head-icon{fill:var(--ui-kit-color-pink);stroke:none}.kit-card.pink-theme .head-icon.stroke{stroke:var(--ui-kit-color-pink);fill:none}.kit-card.pink-theme .card-count{border-color:var(--ui-kit-color-pink)}.kit-card.pink-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.pink-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.pink-theme .card-item-icon{fill:var(--ui-kit-color-pink);stroke:none}.kit-card.pink-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-pink);fill:none}.kit-card.pink-theme .toggle-btn{color:var(--ui-kit-color-pink)}.kit-card.pink-theme .toggle-btn-icon{fill:var(--ui-kit-color-pink);stroke:none}.kit-card.purple-theme .head-icon{fill:var(--ui-kit-color-purple);stroke:none}.kit-card.purple-theme .head-icon.stroke{stroke:var(--ui-kit-color-purple);fill:none}.kit-card.purple-theme .card-count{border-color:var(--ui-kit-color-purple)}.kit-card.purple-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.purple-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.purple-theme .card-item-icon{fill:var(--ui-kit-color-purple);stroke:none}.kit-card.purple-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-purple);fill:none}.kit-card.purple-theme .toggle-btn{color:var(--ui-kit-color-purple)}.kit-card.purple-theme .toggle-btn-icon{fill:var(--ui-kit-color-purple);stroke:none}.kit-card.teal-theme .head-icon{fill:var(--ui-kit-color-teal);stroke:none}.kit-card.teal-theme .head-icon.stroke{stroke:var(--ui-kit-color-teal);fill:none}.kit-card.teal-theme .card-count{border-color:var(--ui-kit-color-teal)}.kit-card.teal-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.teal-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.teal-theme .card-item-icon{fill:var(--ui-kit-color-teal);stroke:none}.kit-card.teal-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-teal);fill:none}.kit-card.teal-theme .toggle-btn{color:var(--ui-kit-color-teal)}.kit-card.teal-theme .toggle-btn-icon{fill:var(--ui-kit-color-teal);stroke:none}.kit-card.grey-theme .head-icon{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-card.grey-theme .head-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-card.grey-theme .card-count{border-color:var(--ui-kit-color-grey-10)}.kit-card.grey-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.grey-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.grey-theme .card-item-icon{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-card.grey-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-card.grey-theme .toggle-btn{color:var(--ui-kit-color-grey-10)}.kit-card.grey-theme .toggle-btn-icon{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-card.orange-theme .head-icon{fill:var(--ui-kit-color-orange-2);stroke:none}.kit-card.orange-theme .head-icon.stroke{stroke:var(--ui-kit-color-orange-2);fill:none}.kit-card.orange-theme .card-count{border-color:var(--ui-kit-color-orange-2)}.kit-card.orange-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.orange-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.orange-theme .card-item-icon{fill:var(--ui-kit-color-orange-2);stroke:none}.kit-card.orange-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-orange-2);fill:none}.kit-card.orange-theme .toggle-btn{color:var(--ui-kit-color-orange-2)}.kit-card.orange-theme .toggle-btn-icon{fill:var(--ui-kit-color-orange-2);stroke:none}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "directive", type: i1$4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef", "kitTooltipVisible"] }], animations: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitCardComponent, isStandalone: true, selector: "kit-card", inputs: { data: "data", theme: "theme", itemsExpanded: "itemsExpanded" }, outputs: { buttonClicked: "buttonClicked", toggleClicked: "toggleClicked" }, ngImport: i0, template: "@if (data) {\n  <div class=\"kit-card {{ theme }}-theme\">\n    <div class=\"kit-card-head\">\n      <kit-svg-icon class=\"head-icon\"\n                    [icon]=\"data.titleIcon\"\n                    [ngClass]=\"data?.titleIconType\"\n      ></kit-svg-icon>\n      <div class=\"head-title\">{{ data.title }}</div>\n    </div>\n    <div class=\"kit-card-content\">\n      <div class=\"card-count\">{{ data.count }}</div>\n      <div class=\"card-label\">{{ data.label }}</div>\n      @if (data.items?.length) {\n        <div class=\"card-items\"\n             [@expandCollapse]=\"itemsExpanded\">\n          @for (item of data.items; track item) {\n            <a class=\"card-item\"\n               [class.disabled]=\"item.disabled\"\n               [routerLink]=\"item.disabled ? null : item.link\">\n              @if (item.count) {\n                <div class=\"card-item-count\">{{ item.count }}</div>\n              }\n              <div class=\"card-item-text\">{{ item.label }}</div>\n              @if (item.tooltip) {\n                <kit-svg-icon kitTooltip\n                              kitTooltipFilter=\".card-item-icon\"\n                              class=\"card-item-icon\"\n                              [kitTooltipPosition]=\"KitTooltipPosition.RIGHT\"\n                              [title]=\"item.tooltip\"\n                              [icon]=\"KitSvgIcon.INFO_CIRCLE\"\n                ></kit-svg-icon>\n              } @else if (item.icon) {\n                <kit-svg-icon class=\"card-item-icon\"\n                              [icon]=\"item.icon\"\n                              [ngClass]=\"item.iconType\"\n                ></kit-svg-icon>\n              }\n            </a>\n          }\n        </div>\n      }\n      @if (data.items?.length > 1) {\n        <button class=\"toggle-btn\"\n                (click)=\"toggleList()\">\n          @if (itemsExpanded) {\n            <span class=\"toggle-btn-label\">Show less</span>\n            <kit-svg-icon class=\"toggle-btn-icon\"\n                          [icon]=\"KitSvgIcon.CARET_UP\"\n            ></kit-svg-icon>\n          } @else {\n            <span class=\"toggle-btn-label\">Show more</span>\n            <kit-svg-icon class=\"toggle-btn-icon\"\n                          [icon]=\"KitSvgIcon.CARET_DOWN\"\n            ></kit-svg-icon>\n          }\n        </button>\n      }\n    </div>\n    <div class=\"kit-card-action\">\n      <a [routerLink]=\"data.buttonDisabled ? null : data.link\">\n        <kit-button class=\"action-button\"\n                    [type]=\"KitButtonType.GHOST\"\n                    [kind]=\"KitButtonKind.MEDIUM\"\n                    [label]=\"data.buttonLabel\"\n                    [disabled]=\"data.buttonDisabled\"\n                    (clicked)=\"buttonClicked.emit()\"\n        ></kit-button>\n      </a>\n    </div>\n  </div>\n}\n", styles: [".kit-card{display:flex;flex-direction:column;padding:25px;width:100%;height:100%;color:var(--ui-kit-color-grey-10);font-weight:400;border:1px solid var(--ui-kit-color-grey-11);border-radius:10px;background:var(--ui-kit-color-white);box-sizing:border-box}.kit-card-head{display:flex;align-items:center;gap:12px;padding-bottom:15px;border-bottom:1px solid var(--ui-kit-color-grey-11)}.kit-card .head-icon{width:32px;height:32px}.kit-card .head-title{display:flex;align-items:center;flex:1;height:36px;font-size:18px}.kit-card-content{display:flex;flex-direction:column;margin-top:10px;flex-grow:1;text-align:center}.kit-card .card-count{padding-bottom:10px;font-size:48px;border-bottom:2px solid var(--ui-kit-color-main);line-height:40px;letter-spacing:-2.4px}.kit-card .card-label{margin-top:10px;font-size:16px}.kit-card .card-items{display:flex;flex-direction:column;flex-grow:1;gap:5px;margin-top:15px;overflow:hidden}.kit-card .card-item{display:flex;align-items:center;justify-content:center;gap:5px;color:var(--ui-kit-color-grey-14);font-size:14px;text-decoration:none}.kit-card .card-item:hover:not(.disabled){color:var(--ui-kit-color-hover)}.kit-card .card-item-count{font-weight:600}.kit-card .card-item-icon{width:16px;height:16px}.kit-card .toggle-btn{display:inline-flex;justify-content:center;gap:3px;margin-top:5px;padding:0;color:var(--ui-kit-color-main);border:none;background:transparent;cursor:pointer}.kit-card .toggle-btn-label{font-size:14px;font-weight:500}.kit-card .toggle-btn-icon{width:16px;height:16px}.kit-card-action{margin-top:auto;padding-top:15px}.kit-card .action-button ::ng-deep .k-button{width:100%}.kit-card:hover{border-color:var(--ui-kit-color-hover)}.kit-card.default-theme .head-icon{fill:var(--ui-kit-color-main);stroke:none}.kit-card.default-theme .head-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-card.default-theme .card-count{border-color:var(--ui-kit-color-main)}.kit-card.default-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.default-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.default-theme .card-item-icon{fill:var(--ui-kit-color-main);stroke:none}.kit-card.default-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-card.default-theme .toggle-btn{color:var(--ui-kit-color-main)}.kit-card.default-theme .toggle-btn-icon{fill:var(--ui-kit-color-main);stroke:none}.kit-card.green-theme .head-icon{fill:var(--ui-kit-color-green-3);stroke:none}.kit-card.green-theme .head-icon.stroke{stroke:var(--ui-kit-color-green-3);fill:none}.kit-card.green-theme .card-count{border-color:var(--ui-kit-color-green-3)}.kit-card.green-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.green-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.green-theme .card-item-icon{fill:var(--ui-kit-color-green-3);stroke:none}.kit-card.green-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-green-3);fill:none}.kit-card.green-theme .toggle-btn{color:var(--ui-kit-color-green-3)}.kit-card.green-theme .toggle-btn-icon{fill:var(--ui-kit-color-green-3);stroke:none}.kit-card.pink-theme .head-icon{fill:var(--ui-kit-color-pink);stroke:none}.kit-card.pink-theme .head-icon.stroke{stroke:var(--ui-kit-color-pink);fill:none}.kit-card.pink-theme .card-count{border-color:var(--ui-kit-color-pink)}.kit-card.pink-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.pink-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.pink-theme .card-item-icon{fill:var(--ui-kit-color-pink);stroke:none}.kit-card.pink-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-pink);fill:none}.kit-card.pink-theme .toggle-btn{color:var(--ui-kit-color-pink)}.kit-card.pink-theme .toggle-btn-icon{fill:var(--ui-kit-color-pink);stroke:none}.kit-card.purple-theme .head-icon{fill:var(--ui-kit-color-purple);stroke:none}.kit-card.purple-theme .head-icon.stroke{stroke:var(--ui-kit-color-purple);fill:none}.kit-card.purple-theme .card-count{border-color:var(--ui-kit-color-purple)}.kit-card.purple-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.purple-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.purple-theme .card-item-icon{fill:var(--ui-kit-color-purple);stroke:none}.kit-card.purple-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-purple);fill:none}.kit-card.purple-theme .toggle-btn{color:var(--ui-kit-color-purple)}.kit-card.purple-theme .toggle-btn-icon{fill:var(--ui-kit-color-purple);stroke:none}.kit-card.teal-theme .head-icon{fill:var(--ui-kit-color-teal);stroke:none}.kit-card.teal-theme .head-icon.stroke{stroke:var(--ui-kit-color-teal);fill:none}.kit-card.teal-theme .card-count{border-color:var(--ui-kit-color-teal)}.kit-card.teal-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.teal-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.teal-theme .card-item-icon{fill:var(--ui-kit-color-teal);stroke:none}.kit-card.teal-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-teal);fill:none}.kit-card.teal-theme .toggle-btn{color:var(--ui-kit-color-teal)}.kit-card.teal-theme .toggle-btn-icon{fill:var(--ui-kit-color-teal);stroke:none}.kit-card.grey-theme .head-icon{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-card.grey-theme .head-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-card.grey-theme .card-count{border-color:var(--ui-kit-color-grey-10)}.kit-card.grey-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.grey-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.grey-theme .card-item-icon{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-card.grey-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-card.grey-theme .toggle-btn{color:var(--ui-kit-color-grey-10)}.kit-card.grey-theme .toggle-btn-icon{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-card.orange-theme .head-icon{fill:var(--ui-kit-color-orange-2);stroke:none}.kit-card.orange-theme .head-icon.stroke{stroke:var(--ui-kit-color-orange-2);fill:none}.kit-card.orange-theme .card-count{border-color:var(--ui-kit-color-orange-2)}.kit-card.orange-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.orange-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.orange-theme .card-item-icon{fill:var(--ui-kit-color-orange-2);stroke:none}.kit-card.orange-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-orange-2);fill:none}.kit-card.orange-theme .toggle-btn{color:var(--ui-kit-color-orange-2)}.kit-card.orange-theme .toggle-btn-icon{fill:var(--ui-kit-color-orange-2);stroke:none}\n"], dependencies: [{ kind: "ngmodule", type: KitSvgIconModule }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "ngmodule", type: KitButtonModule }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef", "kitTooltipVisible"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], animations: [
             trigger('expandCollapse', [
                 state('true', style({ height: '*' })),
                 state('false', style({
@@ -5246,7 +4969,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
                                 animate('0.2s ease-in'),
                             ]),
                         ]),
-                    ], standalone: false, template: "@if (data) {\n  <div class=\"kit-card {{ theme }}-theme\">\n    <div class=\"kit-card-head\">\n      <kit-svg-icon class=\"head-icon\"\n                    [icon]=\"data.titleIcon\"\n                    [ngClass]=\"data?.titleIconType\"\n      ></kit-svg-icon>\n      <div class=\"head-title\">{{ data.title }}</div>\n    </div>\n    <div class=\"kit-card-content\">\n      <div class=\"card-count\">{{ data.count }}</div>\n      <div class=\"card-label\">{{ data.label }}</div>\n      @if (data.items?.length) {\n        <div class=\"card-items\"\n             [@expandCollapse]=\"itemsExpanded\">\n          @for (item of data.items; track item) {\n            <a class=\"card-item\"\n               [class.disabled]=\"item.disabled\"\n               [routerLink]=\"item.disabled ? null : item.link\">\n              @if (item.count) {\n                <div class=\"card-item-count\">{{ item.count }}</div>\n              }\n              <div class=\"card-item-text\">{{ item.label }}</div>\n              @if (item.tooltip) {\n                <kit-svg-icon kitTooltip\n                              kitTooltipFilter=\".card-item-icon\"\n                              class=\"card-item-icon\"\n                              [kitTooltipPosition]=\"KitTooltipPosition.RIGHT\"\n                              [title]=\"item.tooltip\"\n                              [icon]=\"KitSvgIcon.INFO_CIRCLE\"\n                ></kit-svg-icon>\n              } @else if (item.icon) {\n                <kit-svg-icon class=\"card-item-icon\"\n                              [icon]=\"item.icon\"\n                              [ngClass]=\"item.iconType\"\n                ></kit-svg-icon>\n              }\n            </a>\n          }\n        </div>\n      }\n      @if (data.items?.length > 1) {\n        <button class=\"toggle-btn\"\n                (click)=\"toggleList()\">\n          @if (itemsExpanded) {\n            <span class=\"toggle-btn-label\">Show less</span>\n            <kit-svg-icon class=\"toggle-btn-icon\"\n                          [icon]=\"KitSvgIcon.CARET_UP\"\n            ></kit-svg-icon>\n          } @else {\n            <span class=\"toggle-btn-label\">Show more</span>\n            <kit-svg-icon class=\"toggle-btn-icon\"\n                          [icon]=\"KitSvgIcon.CARET_DOWN\"\n            ></kit-svg-icon>\n          }\n        </button>\n      }\n    </div>\n    <div class=\"kit-card-action\">\n      <a [routerLink]=\"data.buttonDisabled ? null : data.link\">\n        <kit-button class=\"action-button\"\n                    [type]=\"KitButtonType.GHOST\"\n                    [kind]=\"KitButtonKind.MEDIUM\"\n                    [label]=\"data.buttonLabel\"\n                    [disabled]=\"data.buttonDisabled\"\n                    (clicked)=\"buttonClicked.emit()\"\n        ></kit-button>\n      </a>\n    </div>\n  </div>\n}\n", styles: [".kit-card{display:flex;flex-direction:column;padding:25px;width:100%;height:100%;color:var(--ui-kit-color-grey-10);font-weight:400;border:1px solid var(--ui-kit-color-grey-11);border-radius:10px;background:var(--ui-kit-color-white);box-sizing:border-box}.kit-card-head{display:flex;align-items:center;gap:12px;padding-bottom:15px;border-bottom:1px solid var(--ui-kit-color-grey-11)}.kit-card .head-icon{width:32px;height:32px}.kit-card .head-title{display:flex;align-items:center;flex:1;height:36px;font-size:18px}.kit-card-content{display:flex;flex-direction:column;margin-top:10px;flex-grow:1;text-align:center}.kit-card .card-count{padding-bottom:10px;font-size:48px;border-bottom:2px solid var(--ui-kit-color-main);line-height:40px;letter-spacing:-2.4px}.kit-card .card-label{margin-top:10px;font-size:16px}.kit-card .card-items{display:flex;flex-direction:column;flex-grow:1;gap:5px;margin-top:15px;overflow:hidden}.kit-card .card-item{display:flex;align-items:center;justify-content:center;gap:5px;color:var(--ui-kit-color-grey-14);font-size:14px;text-decoration:none}.kit-card .card-item:hover:not(.disabled){color:var(--ui-kit-color-hover)}.kit-card .card-item-count{font-weight:600}.kit-card .card-item-icon{width:16px;height:16px}.kit-card .toggle-btn{display:inline-flex;justify-content:center;gap:3px;margin-top:5px;padding:0;color:var(--ui-kit-color-main);border:none;background:transparent;cursor:pointer}.kit-card .toggle-btn-label{font-size:14px;font-weight:500}.kit-card .toggle-btn-icon{width:16px;height:16px}.kit-card-action{margin-top:auto;padding-top:15px}.kit-card .action-button ::ng-deep .k-button{width:100%}.kit-card:hover{border-color:var(--ui-kit-color-hover)}.kit-card.default-theme .head-icon{fill:var(--ui-kit-color-main);stroke:none}.kit-card.default-theme .head-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-card.default-theme .card-count{border-color:var(--ui-kit-color-main)}.kit-card.default-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.default-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.default-theme .card-item-icon{fill:var(--ui-kit-color-main);stroke:none}.kit-card.default-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-card.default-theme .toggle-btn{color:var(--ui-kit-color-main)}.kit-card.default-theme .toggle-btn-icon{fill:var(--ui-kit-color-main);stroke:none}.kit-card.green-theme .head-icon{fill:var(--ui-kit-color-green-3);stroke:none}.kit-card.green-theme .head-icon.stroke{stroke:var(--ui-kit-color-green-3);fill:none}.kit-card.green-theme .card-count{border-color:var(--ui-kit-color-green-3)}.kit-card.green-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.green-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.green-theme .card-item-icon{fill:var(--ui-kit-color-green-3);stroke:none}.kit-card.green-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-green-3);fill:none}.kit-card.green-theme .toggle-btn{color:var(--ui-kit-color-green-3)}.kit-card.green-theme .toggle-btn-icon{fill:var(--ui-kit-color-green-3);stroke:none}.kit-card.pink-theme .head-icon{fill:var(--ui-kit-color-pink);stroke:none}.kit-card.pink-theme .head-icon.stroke{stroke:var(--ui-kit-color-pink);fill:none}.kit-card.pink-theme .card-count{border-color:var(--ui-kit-color-pink)}.kit-card.pink-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.pink-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.pink-theme .card-item-icon{fill:var(--ui-kit-color-pink);stroke:none}.kit-card.pink-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-pink);fill:none}.kit-card.pink-theme .toggle-btn{color:var(--ui-kit-color-pink)}.kit-card.pink-theme .toggle-btn-icon{fill:var(--ui-kit-color-pink);stroke:none}.kit-card.purple-theme .head-icon{fill:var(--ui-kit-color-purple);stroke:none}.kit-card.purple-theme .head-icon.stroke{stroke:var(--ui-kit-color-purple);fill:none}.kit-card.purple-theme .card-count{border-color:var(--ui-kit-color-purple)}.kit-card.purple-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.purple-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.purple-theme .card-item-icon{fill:var(--ui-kit-color-purple);stroke:none}.kit-card.purple-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-purple);fill:none}.kit-card.purple-theme .toggle-btn{color:var(--ui-kit-color-purple)}.kit-card.purple-theme .toggle-btn-icon{fill:var(--ui-kit-color-purple);stroke:none}.kit-card.teal-theme .head-icon{fill:var(--ui-kit-color-teal);stroke:none}.kit-card.teal-theme .head-icon.stroke{stroke:var(--ui-kit-color-teal);fill:none}.kit-card.teal-theme .card-count{border-color:var(--ui-kit-color-teal)}.kit-card.teal-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.teal-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.teal-theme .card-item-icon{fill:var(--ui-kit-color-teal);stroke:none}.kit-card.teal-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-teal);fill:none}.kit-card.teal-theme .toggle-btn{color:var(--ui-kit-color-teal)}.kit-card.teal-theme .toggle-btn-icon{fill:var(--ui-kit-color-teal);stroke:none}.kit-card.grey-theme .head-icon{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-card.grey-theme .head-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-card.grey-theme .card-count{border-color:var(--ui-kit-color-grey-10)}.kit-card.grey-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.grey-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.grey-theme .card-item-icon{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-card.grey-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-card.grey-theme .toggle-btn{color:var(--ui-kit-color-grey-10)}.kit-card.grey-theme .toggle-btn-icon{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-card.orange-theme .head-icon{fill:var(--ui-kit-color-orange-2);stroke:none}.kit-card.orange-theme .head-icon.stroke{stroke:var(--ui-kit-color-orange-2);fill:none}.kit-card.orange-theme .card-count{border-color:var(--ui-kit-color-orange-2)}.kit-card.orange-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.orange-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.orange-theme .card-item-icon{fill:var(--ui-kit-color-orange-2);stroke:none}.kit-card.orange-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-orange-2);fill:none}.kit-card.orange-theme .toggle-btn{color:var(--ui-kit-color-orange-2)}.kit-card.orange-theme .toggle-btn-icon{fill:var(--ui-kit-color-orange-2);stroke:none}\n"] }]
+                    ], imports: [
+                        KitSvgIconModule,
+                        KitButtonModule,
+                        RouterLink,
+                        KitTooltipDirective,
+                        NgClass,
+                    ], template: "@if (data) {\n  <div class=\"kit-card {{ theme }}-theme\">\n    <div class=\"kit-card-head\">\n      <kit-svg-icon class=\"head-icon\"\n                    [icon]=\"data.titleIcon\"\n                    [ngClass]=\"data?.titleIconType\"\n      ></kit-svg-icon>\n      <div class=\"head-title\">{{ data.title }}</div>\n    </div>\n    <div class=\"kit-card-content\">\n      <div class=\"card-count\">{{ data.count }}</div>\n      <div class=\"card-label\">{{ data.label }}</div>\n      @if (data.items?.length) {\n        <div class=\"card-items\"\n             [@expandCollapse]=\"itemsExpanded\">\n          @for (item of data.items; track item) {\n            <a class=\"card-item\"\n               [class.disabled]=\"item.disabled\"\n               [routerLink]=\"item.disabled ? null : item.link\">\n              @if (item.count) {\n                <div class=\"card-item-count\">{{ item.count }}</div>\n              }\n              <div class=\"card-item-text\">{{ item.label }}</div>\n              @if (item.tooltip) {\n                <kit-svg-icon kitTooltip\n                              kitTooltipFilter=\".card-item-icon\"\n                              class=\"card-item-icon\"\n                              [kitTooltipPosition]=\"KitTooltipPosition.RIGHT\"\n                              [title]=\"item.tooltip\"\n                              [icon]=\"KitSvgIcon.INFO_CIRCLE\"\n                ></kit-svg-icon>\n              } @else if (item.icon) {\n                <kit-svg-icon class=\"card-item-icon\"\n                              [icon]=\"item.icon\"\n                              [ngClass]=\"item.iconType\"\n                ></kit-svg-icon>\n              }\n            </a>\n          }\n        </div>\n      }\n      @if (data.items?.length > 1) {\n        <button class=\"toggle-btn\"\n                (click)=\"toggleList()\">\n          @if (itemsExpanded) {\n            <span class=\"toggle-btn-label\">Show less</span>\n            <kit-svg-icon class=\"toggle-btn-icon\"\n                          [icon]=\"KitSvgIcon.CARET_UP\"\n            ></kit-svg-icon>\n          } @else {\n            <span class=\"toggle-btn-label\">Show more</span>\n            <kit-svg-icon class=\"toggle-btn-icon\"\n                          [icon]=\"KitSvgIcon.CARET_DOWN\"\n            ></kit-svg-icon>\n          }\n        </button>\n      }\n    </div>\n    <div class=\"kit-card-action\">\n      <a [routerLink]=\"data.buttonDisabled ? null : data.link\">\n        <kit-button class=\"action-button\"\n                    [type]=\"KitButtonType.GHOST\"\n                    [kind]=\"KitButtonKind.MEDIUM\"\n                    [label]=\"data.buttonLabel\"\n                    [disabled]=\"data.buttonDisabled\"\n                    (clicked)=\"buttonClicked.emit()\"\n        ></kit-button>\n      </a>\n    </div>\n  </div>\n}\n", styles: [".kit-card{display:flex;flex-direction:column;padding:25px;width:100%;height:100%;color:var(--ui-kit-color-grey-10);font-weight:400;border:1px solid var(--ui-kit-color-grey-11);border-radius:10px;background:var(--ui-kit-color-white);box-sizing:border-box}.kit-card-head{display:flex;align-items:center;gap:12px;padding-bottom:15px;border-bottom:1px solid var(--ui-kit-color-grey-11)}.kit-card .head-icon{width:32px;height:32px}.kit-card .head-title{display:flex;align-items:center;flex:1;height:36px;font-size:18px}.kit-card-content{display:flex;flex-direction:column;margin-top:10px;flex-grow:1;text-align:center}.kit-card .card-count{padding-bottom:10px;font-size:48px;border-bottom:2px solid var(--ui-kit-color-main);line-height:40px;letter-spacing:-2.4px}.kit-card .card-label{margin-top:10px;font-size:16px}.kit-card .card-items{display:flex;flex-direction:column;flex-grow:1;gap:5px;margin-top:15px;overflow:hidden}.kit-card .card-item{display:flex;align-items:center;justify-content:center;gap:5px;color:var(--ui-kit-color-grey-14);font-size:14px;text-decoration:none}.kit-card .card-item:hover:not(.disabled){color:var(--ui-kit-color-hover)}.kit-card .card-item-count{font-weight:600}.kit-card .card-item-icon{width:16px;height:16px}.kit-card .toggle-btn{display:inline-flex;justify-content:center;gap:3px;margin-top:5px;padding:0;color:var(--ui-kit-color-main);border:none;background:transparent;cursor:pointer}.kit-card .toggle-btn-label{font-size:14px;font-weight:500}.kit-card .toggle-btn-icon{width:16px;height:16px}.kit-card-action{margin-top:auto;padding-top:15px}.kit-card .action-button ::ng-deep .k-button{width:100%}.kit-card:hover{border-color:var(--ui-kit-color-hover)}.kit-card.default-theme .head-icon{fill:var(--ui-kit-color-main);stroke:none}.kit-card.default-theme .head-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-card.default-theme .card-count{border-color:var(--ui-kit-color-main)}.kit-card.default-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.default-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.default-theme .card-item-icon{fill:var(--ui-kit-color-main);stroke:none}.kit-card.default-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-main);fill:none}.kit-card.default-theme .toggle-btn{color:var(--ui-kit-color-main)}.kit-card.default-theme .toggle-btn-icon{fill:var(--ui-kit-color-main);stroke:none}.kit-card.green-theme .head-icon{fill:var(--ui-kit-color-green-3);stroke:none}.kit-card.green-theme .head-icon.stroke{stroke:var(--ui-kit-color-green-3);fill:none}.kit-card.green-theme .card-count{border-color:var(--ui-kit-color-green-3)}.kit-card.green-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.green-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.green-theme .card-item-icon{fill:var(--ui-kit-color-green-3);stroke:none}.kit-card.green-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-green-3);fill:none}.kit-card.green-theme .toggle-btn{color:var(--ui-kit-color-green-3)}.kit-card.green-theme .toggle-btn-icon{fill:var(--ui-kit-color-green-3);stroke:none}.kit-card.pink-theme .head-icon{fill:var(--ui-kit-color-pink);stroke:none}.kit-card.pink-theme .head-icon.stroke{stroke:var(--ui-kit-color-pink);fill:none}.kit-card.pink-theme .card-count{border-color:var(--ui-kit-color-pink)}.kit-card.pink-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.pink-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.pink-theme .card-item-icon{fill:var(--ui-kit-color-pink);stroke:none}.kit-card.pink-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-pink);fill:none}.kit-card.pink-theme .toggle-btn{color:var(--ui-kit-color-pink)}.kit-card.pink-theme .toggle-btn-icon{fill:var(--ui-kit-color-pink);stroke:none}.kit-card.purple-theme .head-icon{fill:var(--ui-kit-color-purple);stroke:none}.kit-card.purple-theme .head-icon.stroke{stroke:var(--ui-kit-color-purple);fill:none}.kit-card.purple-theme .card-count{border-color:var(--ui-kit-color-purple)}.kit-card.purple-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.purple-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.purple-theme .card-item-icon{fill:var(--ui-kit-color-purple);stroke:none}.kit-card.purple-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-purple);fill:none}.kit-card.purple-theme .toggle-btn{color:var(--ui-kit-color-purple)}.kit-card.purple-theme .toggle-btn-icon{fill:var(--ui-kit-color-purple);stroke:none}.kit-card.teal-theme .head-icon{fill:var(--ui-kit-color-teal);stroke:none}.kit-card.teal-theme .head-icon.stroke{stroke:var(--ui-kit-color-teal);fill:none}.kit-card.teal-theme .card-count{border-color:var(--ui-kit-color-teal)}.kit-card.teal-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.teal-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.teal-theme .card-item-icon{fill:var(--ui-kit-color-teal);stroke:none}.kit-card.teal-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-teal);fill:none}.kit-card.teal-theme .toggle-btn{color:var(--ui-kit-color-teal)}.kit-card.teal-theme .toggle-btn-icon{fill:var(--ui-kit-color-teal);stroke:none}.kit-card.grey-theme .head-icon{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-card.grey-theme .head-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-card.grey-theme .card-count{border-color:var(--ui-kit-color-grey-10)}.kit-card.grey-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.grey-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.grey-theme .card-item-icon{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-card.grey-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-card.grey-theme .toggle-btn{color:var(--ui-kit-color-grey-10)}.kit-card.grey-theme .toggle-btn-icon{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-card.orange-theme .head-icon{fill:var(--ui-kit-color-orange-2);stroke:none}.kit-card.orange-theme .head-icon.stroke{stroke:var(--ui-kit-color-orange-2);fill:none}.kit-card.orange-theme .card-count{border-color:var(--ui-kit-color-orange-2)}.kit-card.orange-theme .card-item:hover:not(.disabled) .card-item-icon{fill:var(--ui-kit-color-hover);stroke:none}.kit-card.orange-theme .card-item:hover:not(.disabled) .card-item-icon.stroke{stroke:var(--ui-kit-color-hover);fill:none}.kit-card.orange-theme .card-item-icon{fill:var(--ui-kit-color-orange-2);stroke:none}.kit-card.orange-theme .card-item-icon.stroke{stroke:var(--ui-kit-color-orange-2);fill:none}.kit-card.orange-theme .toggle-btn{color:var(--ui-kit-color-orange-2)}.kit-card.orange-theme .toggle-btn-icon{fill:var(--ui-kit-color-orange-2);stroke:none}\n"] }]
         }], propDecorators: { data: [{
                 type: Input
             }], theme: [{
@@ -5259,38 +4988,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
                 type: Output
             }] } });
 
-class KitCardModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: KitCardModule, declarations: [KitCardComponent], imports: [CommonModule,
-            KitSvgIconModule,
-            KitButtonModule,
-            RouterLink,
-            KitTooltipDirective,
-            NgClass], exports: [KitCardComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitCardModule, imports: [CommonModule,
-            KitSvgIconModule,
-            KitButtonModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitCardModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        KitCardComponent,
-                    ],
-                    imports: [
-                        CommonModule,
-                        KitSvgIconModule,
-                        KitButtonModule,
-                        RouterLink,
-                        KitTooltipDirective,
-                        NgClass,
-                    ],
-                    exports: [
-                        KitCardComponent,
-                    ],
-                }]
-        }] });
-
 class KitBreadcrumbsComponent {
     constructor() {
         /**
@@ -5299,37 +4996,17 @@ class KitBreadcrumbsComponent {
         this.items = [];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitBreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitBreadcrumbsComponent, isStandalone: false, selector: "kit-breadcrumbs", inputs: { items: "items" }, ngImport: i0, template: "@if (items.length) {\n  <div class=\"kit-breadcrumbs\">\n    @for (item of items; track $index) {\n      <div class=\"kit-breadcrumbs-item\">\n        @if ($last) {\n          <span class=\"kit-breadcrumbs-last\">{{ item.text }}</span>\n        } @else {\n          <a class=\"kit-breadcrumbs-link\"\n             [routerLink]=\"item.url\">{{ item.text }}</a>\n          <span class=\"kit-breadcrumbs-delimiter\">/</span>\n        }\n      </div>\n    }\n  </div>\n}\n", styles: [".kit-breadcrumbs{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:400;line-height:22px}.kit-breadcrumbs-link{padding:0 4px;color:var(--ui-kit-color-grey-14);font-size:14px;text-decoration:none}.kit-breadcrumbs-link:hover{color:var(--ui-kit-color-hover)}.kit-breadcrumbs-last{padding:0 4px;color:var(--ui-kit-color-main)}.kit-breadcrumbs-delimiter{padding:0 4px;color:var(--ui-kit-color-grey-12)}\n"], dependencies: [{ kind: "directive", type: i1$4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitBreadcrumbsComponent, isStandalone: true, selector: "kit-breadcrumbs", inputs: { items: "items" }, ngImport: i0, template: "@if (items.length) {\n  <div class=\"kit-breadcrumbs\">\n    @for (item of items; track $index) {\n      <div class=\"kit-breadcrumbs-item\">\n        @if ($last) {\n          <span class=\"kit-breadcrumbs-last\">{{ item.text }}</span>\n        } @else {\n          <a class=\"kit-breadcrumbs-link\"\n             [routerLink]=\"item.url\">{{ item.text }}</a>\n          <span class=\"kit-breadcrumbs-delimiter\">/</span>\n        }\n      </div>\n    }\n  </div>\n}\n", styles: [".kit-breadcrumbs{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:400;line-height:22px}.kit-breadcrumbs-link{padding:0 4px;color:var(--ui-kit-color-grey-14);font-size:14px;text-decoration:none}.kit-breadcrumbs-link:hover{color:var(--ui-kit-color-hover)}.kit-breadcrumbs-last{padding:0 4px;color:var(--ui-kit-color-main)}.kit-breadcrumbs-delimiter{padding:0 4px;color:var(--ui-kit-color-grey-12)}\n"], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitBreadcrumbsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kit-breadcrumbs', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (items.length) {\n  <div class=\"kit-breadcrumbs\">\n    @for (item of items; track $index) {\n      <div class=\"kit-breadcrumbs-item\">\n        @if ($last) {\n          <span class=\"kit-breadcrumbs-last\">{{ item.text }}</span>\n        } @else {\n          <a class=\"kit-breadcrumbs-link\"\n             [routerLink]=\"item.url\">{{ item.text }}</a>\n          <span class=\"kit-breadcrumbs-delimiter\">/</span>\n        }\n      </div>\n    }\n  </div>\n}\n", styles: [".kit-breadcrumbs{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:400;line-height:22px}.kit-breadcrumbs-link{padding:0 4px;color:var(--ui-kit-color-grey-14);font-size:14px;text-decoration:none}.kit-breadcrumbs-link:hover{color:var(--ui-kit-color-hover)}.kit-breadcrumbs-last{padding:0 4px;color:var(--ui-kit-color-main)}.kit-breadcrumbs-delimiter{padding:0 4px;color:var(--ui-kit-color-grey-12)}\n"] }]
+            args: [{ selector: 'kit-breadcrumbs', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        RouterLink,
+                    ], template: "@if (items.length) {\n  <div class=\"kit-breadcrumbs\">\n    @for (item of items; track $index) {\n      <div class=\"kit-breadcrumbs-item\">\n        @if ($last) {\n          <span class=\"kit-breadcrumbs-last\">{{ item.text }}</span>\n        } @else {\n          <a class=\"kit-breadcrumbs-link\"\n             [routerLink]=\"item.url\">{{ item.text }}</a>\n          <span class=\"kit-breadcrumbs-delimiter\">/</span>\n        }\n      </div>\n    }\n  </div>\n}\n", styles: [".kit-breadcrumbs{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:400;line-height:22px}.kit-breadcrumbs-link{padding:0 4px;color:var(--ui-kit-color-grey-14);font-size:14px;text-decoration:none}.kit-breadcrumbs-link:hover{color:var(--ui-kit-color-hover)}.kit-breadcrumbs-last{padding:0 4px;color:var(--ui-kit-color-main)}.kit-breadcrumbs-delimiter{padding:0 4px;color:var(--ui-kit-color-grey-12)}\n"] }]
         }], propDecorators: { items: [{
                 type: Input
             }] } });
 
-class KitBreadcrumbsModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitBreadcrumbsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: KitBreadcrumbsModule, declarations: [KitBreadcrumbsComponent], imports: [CommonModule,
-            RouterLink], exports: [KitBreadcrumbsComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitBreadcrumbsModule, imports: [CommonModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitBreadcrumbsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        KitBreadcrumbsComponent,
-                    ],
-                    imports: [
-                        CommonModule,
-                        RouterLink,
-                    ],
-                    exports: [
-                        KitBreadcrumbsComponent,
-                    ],
-                }]
-        }] });
-
 class KitBreadcrumbsService {
     constructor() {
         this.router = inject(Router);
@@ -5758,7 +5435,7 @@ var KitGridSortSettingsMode;
 
 class KitTileLayoutItemComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitTileLayoutItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: KitTileLayoutItemComponent, isStandalone: false, selector: "kit-tilelayout-item", viewQueries: [{ propertyName: "template", first: true, predicate: ["itemTemplate"], descendants: true, static: true }], ngImport: i0, template: '<ng-template #itemTemplate><ng-content></ng-content></ng-template>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: KitTileLayoutItemComponent, isStandalone: true, selector: "kit-tilelayout-item", viewQueries: [{ propertyName: "template", first: true, predicate: ["itemTemplate"], descendants: true, static: true }], ngImport: i0, template: '<ng-template #itemTemplate><ng-content></ng-content></ng-template>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitTileLayoutItemComponent, decorators: [{
             type: Component,
@@ -5766,7 +5443,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
                     selector: 'kit-tilelayout-item',
                     template: '<ng-template #itemTemplate><ng-content></ng-content></ng-template>',
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    standalone: false,
                 }]
         }], propDecorators: { template: [{
                 type: ViewChild,
@@ -5805,11 +5481,14 @@ class KitTileLayoutComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitTileLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitTileLayoutComponent, isStandalone: false, selector: "kit-tilelayout", inputs: { columnsConfig: "columnsConfig" }, host: { listeners: { "window:resize": "onResize()" } }, queries: [{ propertyName: "tileItems", predicate: KitTileLayoutItemComponent }], ngImport: i0, template: "<div class=\"kit-tilelayout\">\n  <kendo-tilelayout\n    class=\"tilelayout-container\"\n    autoFlow=\"row\"\n    [columns]=\"columns\"\n  >\n    @for (item of tileItems; track item) {\n    <kendo-tilelayout-item>\n      <div class=\"item-content\">\n        <ng-container *ngTemplateOutlet=\"item.template\"></ng-container>\n      </div>\n    </kendo-tilelayout-item>\n    }\n  </kendo-tilelayout>\n</div>\n", styles: [".kit-tilelayout .item-content{height:100%}.kit-tilelayout .k-tilelayout{background:none}.kit-tilelayout .k-tilelayout .k-card{border:none;background:none}\n"], dependencies: [{ kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$2.TileLayoutComponent, selector: "kendo-tilelayout", inputs: ["columns", "columnWidth", "gap", "reorderable", "resizable", "rowHeight", "autoFlow", "navigable"], outputs: ["reorder", "resize"] }, { kind: "component", type: i2$2.TileLayoutItemComponent, selector: "kendo-tilelayout-item", inputs: ["title", "rowSpan", "colSpan", "order", "col", "row", "reorderable", "resizable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitTileLayoutComponent, isStandalone: true, selector: "kit-tilelayout", inputs: { columnsConfig: "columnsConfig" }, host: { listeners: { "window:resize": "onResize()" } }, queries: [{ propertyName: "tileItems", predicate: KitTileLayoutItemComponent }], ngImport: i0, template: "<div class=\"kit-tilelayout\">\n  <kendo-tilelayout\n    class=\"tilelayout-container\"\n    autoFlow=\"row\"\n    [columns]=\"columns\"\n  >\n    @for (item of tileItems; track item) {\n    <kendo-tilelayout-item>\n      <div class=\"item-content\">\n        <ng-container *ngTemplateOutlet=\"item.template\"></ng-container>\n      </div>\n    </kendo-tilelayout-item>\n    }\n  </kendo-tilelayout>\n</div>\n", styles: [".kit-tilelayout .item-content{height:100%}.kit-tilelayout .k-tilelayout{background:none}.kit-tilelayout .k-tilelayout .k-card{border:none;background:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TileLayoutModule }, { kind: "component", type: i1$7.TileLayoutComponent, selector: "kendo-tilelayout", inputs: ["columns", "columnWidth", "gap", "reorderable", "resizable", "rowHeight", "autoFlow", "navigable"], outputs: ["reorder", "resize"] }, { kind: "component", type: i1$7.TileLayoutItemComponent, selector: "kendo-tilelayout-item", inputs: ["title", "rowSpan", "colSpan", "order", "col", "row", "reorderable", "resizable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitTileLayoutComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kit-tilelayout', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"kit-tilelayout\">\n  <kendo-tilelayout\n    class=\"tilelayout-container\"\n    autoFlow=\"row\"\n    [columns]=\"columns\"\n  >\n    @for (item of tileItems; track item) {\n    <kendo-tilelayout-item>\n      <div class=\"item-content\">\n        <ng-container *ngTemplateOutlet=\"item.template\"></ng-container>\n      </div>\n    </kendo-tilelayout-item>\n    }\n  </kendo-tilelayout>\n</div>\n", styles: [".kit-tilelayout .item-content{height:100%}.kit-tilelayout .k-tilelayout{background:none}.kit-tilelayout .k-tilelayout .k-card{border:none;background:none}\n"] }]
+            args: [{ selector: 'kit-tilelayout', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                        TileLayoutModule,
+                    ], template: "<div class=\"kit-tilelayout\">\n  <kendo-tilelayout\n    class=\"tilelayout-container\"\n    autoFlow=\"row\"\n    [columns]=\"columns\"\n  >\n    @for (item of tileItems; track item) {\n    <kendo-tilelayout-item>\n      <div class=\"item-content\">\n        <ng-container *ngTemplateOutlet=\"item.template\"></ng-container>\n      </div>\n    </kendo-tilelayout-item>\n    }\n  </kendo-tilelayout>\n</div>\n", styles: [".kit-tilelayout .item-content{height:100%}.kit-tilelayout .k-tilelayout{background:none}.kit-tilelayout .k-tilelayout .k-card{border:none;background:none}\n"] }]
         }], propDecorators: { tileItems: [{
                 type: ContentChildren,
                 args: [KitTileLayoutItemComponent]
@@ -5820,33 +5499,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
                 args: ['window:resize']
             }] } });
 
-class KitTileLayoutModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitTileLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: KitTileLayoutModule, declarations: [KitTileLayoutComponent,
-            KitTileLayoutItemComponent], imports: [CommonModule,
-            TileLayoutModule], exports: [KitTileLayoutComponent,
-            KitTileLayoutItemComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitTileLayoutModule, imports: [CommonModule,
-            TileLayoutModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitTileLayoutModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        KitTileLayoutComponent,
-                        KitTileLayoutItemComponent,
-                    ],
-                    imports: [
-                        CommonModule,
-                        TileLayoutModule,
-                    ],
-                    exports: [
-                        KitTileLayoutComponent,
-                        KitTileLayoutItemComponent,
-                    ],
-                }]
-        }] });
-
 var KitCollapsedListDropdownAlign;
 (function (KitCollapsedListDropdownAlign) {
     KitCollapsedListDropdownAlign["INLINE"] = "inline";
@@ -6562,11 +6214,15 @@ class KitSearchBarComponent {
         this.closeButtonClick.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitSearchBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitSearchBarComponent, isStandalone: false, selector: "kit-search-bar", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null }, searchButtonLabel: { classPropertyName: "searchButtonLabel", publicName: "searchButtonLabel", isSignal: false, isRequired: false, transformFunction: null }, closeButtonLabel: { classPropertyName: "closeButtonLabel", publicName: "closeButtonLabel", isSignal: false, isRequired: false, transformFunction: null }, searchString: { classPropertyName: "searchString", publicName: "searchString", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changed: "changed", searchButtonClick: "searchButtonClick", closeButtonClick: "closeButtonClick" }, viewQueries: [{ propertyName: "searchTextboxElementRef", first: true, predicate: ["searchTextboxElement"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div class=\"kit-search-bar\">\n  <div class=\"search-wrapper\">\n    @if (!searchVisible()) {\n      <kit-button [label]=\"searchButtonLabel\"\n                  [type]=\"kitButtonType.GHOST\"\n                  [kind]=\"kitButtonKind.MEDIUM\"\n                  [icon]=\"KitSvgIcon.SEARCH\"\n                  [iconType]=\"kitSvgIconType.STROKE\"\n                  [iconPosition]=\"KitButtonIconPosition.LEADING\"\n                  (clicked)=\"onSearchButtonClick()\"\n      ></kit-button>\n    } @else {\n      <div class=\"textbox-wrapper\">\n        <kit-textbox #searchTextboxElement\n                     class=\"search-textbox\"\n                     [placeholder]=\"placeholder\"\n                     [size]=\"kitTextboxSize.SMALL\"\n                     [icon]=\"KitSvgIcon.SEARCH\"\n                     [defaultValue]=\"searchString() ?? ''\"\n                     (changed)=\"onSearchChange($event)\"\n        ></kit-textbox>\n        <button class=\"clear-button\"\n                (click)=\"clearSearch()\">\n          <kit-svg-icon [icon]=\"KitSvgIcon.CIRCLE_CROSS_THIN\"\n          ></kit-svg-icon>\n        </button>\n      </div>\n      <kit-button [label]=\"closeButtonLabel\"\n                  [type]=\"kitButtonType.GHOST\"\n                  [kind]=\"kitButtonKind.MEDIUM\"\n                  (clicked)=\"onCloseButtonClick()\"\n      ></kit-button>\n    }\n  </div>\n</div>\n", styles: [".kit-search-bar .search-wrapper{display:flex;position:relative}.kit-search-bar .textbox-wrapper{position:relative;display:flex;flex:1;margin-right:15px}.kit-search-bar .search-textbox{flex:1}.kit-search-bar .search-textbox .kit-textbox-state-icon{display:none}.kit-search-bar .search-textbox .kit-textbox-input .kit-svg-icon{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-search-bar .clear-button{position:absolute;top:50%;right:3px;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;z-index:1}.kit-search-bar .clear-button .kit-svg-icon{display:block;width:16px;height:16px;stroke:var(--ui-kit-color-grey-12);fill:none}\n"], dependencies: [{ kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "component", type: KitTextboxComponent, selector: "kit-textbox", inputs: ["placeholder", "label", "labelTooltip", "defaultValue", "messageIcon", "messageText", "messageTemplate", "disabled", "maxlength", "state", "size", "icon"], outputs: ["blured", "changed"] }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitSearchBarComponent, isStandalone: true, selector: "kit-search-bar", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null }, searchButtonLabel: { classPropertyName: "searchButtonLabel", publicName: "searchButtonLabel", isSignal: false, isRequired: false, transformFunction: null }, closeButtonLabel: { classPropertyName: "closeButtonLabel", publicName: "closeButtonLabel", isSignal: false, isRequired: false, transformFunction: null }, searchString: { classPropertyName: "searchString", publicName: "searchString", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changed: "changed", searchButtonClick: "searchButtonClick", closeButtonClick: "closeButtonClick" }, viewQueries: [{ propertyName: "searchTextboxElementRef", first: true, predicate: ["searchTextboxElement"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div class=\"kit-search-bar\">\n  <div class=\"search-wrapper\">\n    @if (!searchVisible()) {\n      <kit-button [label]=\"searchButtonLabel\"\n                  [type]=\"kitButtonType.GHOST\"\n                  [kind]=\"kitButtonKind.MEDIUM\"\n                  [icon]=\"KitSvgIcon.SEARCH\"\n                  [iconType]=\"kitSvgIconType.STROKE\"\n                  [iconPosition]=\"KitButtonIconPosition.LEADING\"\n                  (clicked)=\"onSearchButtonClick()\"\n      ></kit-button>\n    } @else {\n      <div class=\"textbox-wrapper\">\n        <kit-textbox #searchTextboxElement\n                     class=\"search-textbox\"\n                     [placeholder]=\"placeholder\"\n                     [size]=\"kitTextboxSize.SMALL\"\n                     [icon]=\"KitSvgIcon.SEARCH\"\n                     [defaultValue]=\"searchString() ?? ''\"\n                     (changed)=\"onSearchChange($event)\"\n        ></kit-textbox>\n        <button class=\"clear-button\"\n                (click)=\"clearSearch()\">\n          <kit-svg-icon [icon]=\"KitSvgIcon.CIRCLE_CROSS_THIN\"\n          ></kit-svg-icon>\n        </button>\n      </div>\n      <kit-button [label]=\"closeButtonLabel\"\n                  [type]=\"kitButtonType.GHOST\"\n                  [kind]=\"kitButtonKind.MEDIUM\"\n                  (clicked)=\"onCloseButtonClick()\"\n      ></kit-button>\n    }\n  </div>\n</div>\n", styles: [".kit-search-bar .search-wrapper{display:flex;position:relative}.kit-search-bar .textbox-wrapper{position:relative;display:flex;flex:1;margin-right:15px}.kit-search-bar .search-textbox{flex:1}.kit-search-bar .search-textbox .kit-textbox-state-icon{display:none}.kit-search-bar .search-textbox .kit-textbox-input .kit-svg-icon{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-search-bar .clear-button{position:absolute;top:50%;right:3px;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;z-index:1}.kit-search-bar .clear-button .kit-svg-icon{display:block;width:16px;height:16px;stroke:var(--ui-kit-color-grey-12);fill:none}\n"], dependencies: [{ kind: "ngmodule", type: KitButtonModule }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "ngmodule", type: KitTextboxModule }, { kind: "component", type: KitTextboxComponent, selector: "kit-textbox", inputs: ["placeholder", "label", "labelTooltip", "defaultValue", "messageIcon", "messageText", "messageTemplate", "disabled", "maxlength", "state", "size", "icon"], outputs: ["blured", "changed"] }, { kind: "ngmodule", type: KitSvgIconModule }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitSearchBarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kit-search-bar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "<div class=\"kit-search-bar\">\n  <div class=\"search-wrapper\">\n    @if (!searchVisible()) {\n      <kit-button [label]=\"searchButtonLabel\"\n                  [type]=\"kitButtonType.GHOST\"\n                  [kind]=\"kitButtonKind.MEDIUM\"\n                  [icon]=\"KitSvgIcon.SEARCH\"\n                  [iconType]=\"kitSvgIconType.STROKE\"\n                  [iconPosition]=\"KitButtonIconPosition.LEADING\"\n                  (clicked)=\"onSearchButtonClick()\"\n      ></kit-button>\n    } @else {\n      <div class=\"textbox-wrapper\">\n        <kit-textbox #searchTextboxElement\n                     class=\"search-textbox\"\n                     [placeholder]=\"placeholder\"\n                     [size]=\"kitTextboxSize.SMALL\"\n                     [icon]=\"KitSvgIcon.SEARCH\"\n                     [defaultValue]=\"searchString() ?? ''\"\n                     (changed)=\"onSearchChange($event)\"\n        ></kit-textbox>\n        <button class=\"clear-button\"\n                (click)=\"clearSearch()\">\n          <kit-svg-icon [icon]=\"KitSvgIcon.CIRCLE_CROSS_THIN\"\n          ></kit-svg-icon>\n        </button>\n      </div>\n      <kit-button [label]=\"closeButtonLabel\"\n                  [type]=\"kitButtonType.GHOST\"\n                  [kind]=\"kitButtonKind.MEDIUM\"\n                  (clicked)=\"onCloseButtonClick()\"\n      ></kit-button>\n    }\n  </div>\n</div>\n", styles: [".kit-search-bar .search-wrapper{display:flex;position:relative}.kit-search-bar .textbox-wrapper{position:relative;display:flex;flex:1;margin-right:15px}.kit-search-bar .search-textbox{flex:1}.kit-search-bar .search-textbox .kit-textbox-state-icon{display:none}.kit-search-bar .search-textbox .kit-textbox-input .kit-svg-icon{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-search-bar .clear-button{position:absolute;top:50%;right:3px;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;z-index:1}.kit-search-bar .clear-button .kit-svg-icon{display:block;width:16px;height:16px;stroke:var(--ui-kit-color-grey-12);fill:none}\n"] }]
+            args: [{ selector: 'kit-search-bar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
+                        KitButtonModule,
+                        KitTextboxModule,
+                        KitSvgIconModule,
+                    ], template: "<div class=\"kit-search-bar\">\n  <div class=\"search-wrapper\">\n    @if (!searchVisible()) {\n      <kit-button [label]=\"searchButtonLabel\"\n                  [type]=\"kitButtonType.GHOST\"\n                  [kind]=\"kitButtonKind.MEDIUM\"\n                  [icon]=\"KitSvgIcon.SEARCH\"\n                  [iconType]=\"kitSvgIconType.STROKE\"\n                  [iconPosition]=\"KitButtonIconPosition.LEADING\"\n                  (clicked)=\"onSearchButtonClick()\"\n      ></kit-button>\n    } @else {\n      <div class=\"textbox-wrapper\">\n        <kit-textbox #searchTextboxElement\n                     class=\"search-textbox\"\n                     [placeholder]=\"placeholder\"\n                     [size]=\"kitTextboxSize.SMALL\"\n                     [icon]=\"KitSvgIcon.SEARCH\"\n                     [defaultValue]=\"searchString() ?? ''\"\n                     (changed)=\"onSearchChange($event)\"\n        ></kit-textbox>\n        <button class=\"clear-button\"\n                (click)=\"clearSearch()\">\n          <kit-svg-icon [icon]=\"KitSvgIcon.CIRCLE_CROSS_THIN\"\n          ></kit-svg-icon>\n        </button>\n      </div>\n      <kit-button [label]=\"closeButtonLabel\"\n                  [type]=\"kitButtonType.GHOST\"\n                  [kind]=\"kitButtonKind.MEDIUM\"\n                  (clicked)=\"onCloseButtonClick()\"\n      ></kit-button>\n    }\n  </div>\n</div>\n", styles: [".kit-search-bar .search-wrapper{display:flex;position:relative}.kit-search-bar .textbox-wrapper{position:relative;display:flex;flex:1;margin-right:15px}.kit-search-bar .search-textbox{flex:1}.kit-search-bar .search-textbox .kit-textbox-state-icon{display:none}.kit-search-bar .search-textbox .kit-textbox-input .kit-svg-icon{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-search-bar .clear-button{position:absolute;top:50%;right:3px;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;z-index:1}.kit-search-bar .clear-button .kit-svg-icon{display:block;width:16px;height:16px;stroke:var(--ui-kit-color-grey-12);fill:none}\n"] }]
         }], ctorParameters: () => [], propDecorators: { placeholder: [{
                 type: Input
             }], searchButtonLabel: [{
@@ -6584,31 +6240,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
                 args: ['searchTextboxElement', { read: ElementRef }]
             }] } });
 
-class KitSearchBarModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitSearchBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: KitSearchBarModule, declarations: [KitSearchBarComponent], imports: [CommonModule,
-            KitButtonModule,
-            KitTextboxModule,
-            KitSvgIconModule], exports: [KitSearchBarComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitSearchBarModule, imports: [CommonModule,
-            KitButtonModule,
-            KitTextboxModule,
-            KitSvgIconModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitSearchBarModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [KitSearchBarComponent],
-                    imports: [
-                        CommonModule,
-                        KitButtonModule,
-                        KitTextboxModule,
-                        KitSvgIconModule,
-                    ],
-                    exports: [KitSearchBarComponent],
-                }]
-        }] });
-
 const KIT_DATE_FORMAT = 'dd MMM yyyy';
 const KIT_DATETIME_FORMAT_LONG = 'dd MMM yyyy HH:mm:ss';
 
@@ -6966,7 +6597,7 @@ class KitGlobalSearchComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitGlobalSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitGlobalSearchComponent, isStandalone: true, selector: "kit-global-search", inputs: { searchFn: { classPropertyName: "searchFn", publicName: "searchFn", isSignal: true, isRequired: true, transformFunction: null }, displayedLineItemsNumber: { classPropertyName: "displayedLineItemsNumber", publicName: "displayedLineItemsNumber", isSignal: true, isRequired: false, transformFunction: null }, prompts: { classPropertyName: "prompts", publicName: "prompts", isSignal: true, isRequired: true, transformFunction: null }, filters: { classPropertyName: "filters", publicName: "filters", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "document:click": "documentClick($event)" } }, providers: [
             DatePipe,
-        ], viewQueries: [{ propertyName: "textbox", first: true, predicate: TextBoxComponent, descendants: true, isSignal: true }, { propertyName: "anchor", first: true, predicate: TextBoxComponent, descendants: true, read: ElementRef, isSignal: true }, { propertyName: "popup", first: true, predicate: ["popup"], descendants: true, read: KitPopupComponent, isSignal: true }, { propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, isSignal: true }], ngImport: i0, template: "<div #container\n     class=\"global-search\"\n     [class.expanded]=\"isPopupOpen\">\n  <kendo-textbox #textbox\n                 class=\"textbox\"\n                 [placeholder]=\"'kit.globalSearch.placeholder' | translate\"\n                 [size]=\"'none'\"\n                 [(ngModel)]=\"searchValue\"\n                 (click)=\"openPopup()\">\n    <ng-template kendoTextBoxPrefixTemplate>\n      <kit-svg-icon [icon]=\"kitSvgIcon.SEARCH\"/>\n    </ng-template>\n    <ng-template kendoTextBoxSuffixTemplate>\n      <kit-svg-icon [icon]=\"kitSvgIcon.CIRCLE_CROSS_THIN\" \n                    (click)=\"clearSearch()\"/>\n    </ng-template>\n  </kendo-textbox>\n\n  <kit-popup #popup\n             [popupClass]=\"popupClass\"\n             [anchor]=\"anchor()\"\n             [content]=\"content\"\n             [closeOnOutsideClick]=\"false\" />\n\n  <ng-template #content>\n    @if (userPermissions$ | async; as userPermissions) {\n      <div class=\"popup-content\">\n        @if (showPropmts()) {\n          <div class=\"prompts\">\n            @for (prompt of prompts(); track prompt) {\n              @if (hasPermissionToShowPrompt(userPermissions, prompt.permissions)) {\n                <kit-pill [theme]=\"kitPillTheme.MAIN\"\n                          [selectable]=\"true\" \n                          (clicked)=\"onSelectPrompt(prompt)\">\n                  {{ prompt.label }}\n                </kit-pill>\n              }\n            }\n          </div>\n        } @else {\n          @if (isLoading()) {\n            <div class=\"search-results\">\n              <kendo-loader class=\"loader\"/>\n            </div>\n          } @else if (searchResults().length) {\n            <div class=\"search-results\">\n              @for (category of searchResults(); track category?.name) {\n                @if (category) {\n                  <div class=\"category\">\n                    <p class=\"header\"\n                      [class.empty]=\"!category.total\">\n                      <kit-svg-icon [icon]=\"kitSvgIcon.CHECK_STICKER\"/>\n                      <span class=\"title\">{{ category.name.toUpperCase() }} ({{ category.total }})</span>\n                    </p>\n\n                    @for (lineItem of category.items.slice(0, this.displayedLineItemsNumber()); track lineItem) {\n                      <div class=\"line-item\"\n                           [class.has-link]=\"lineItem.routeConfig\"\n                           (click)=\"navigate(lineItem.routeConfig)\">\n                        <div class=\"main-content\">\n                          <div class=\"title\">\n                            <span [innerHTML]=\"lineItem.title | highlight:searchValue\"></span>\n                          </div>\n                          <div>\n                            <kit-pill class=\"status\"\n                                      [theme]=\"kitPillTheme.MAIN\">\n                              {{ lineItem.status }}\n                            </kit-pill>\n                          </div>\n\n                          <div class=\"subtitle\"\n                               kitHideBelowWidth\n                               kitHideBelowWidthClass=\"hide\"\n                               [kitHideBelowWidth]=\"61\">\n                            <kit-truncate-text>\n                              <span [innerHTML]=\"lineItem.subtitle || '' | highlight:searchValue\"></span>\n                            </kit-truncate-text>\n                          </div>\n\n                          @if (lineItem.routePath?.from || lineItem.routePath?.to) {\n                            <kit-route-path class=\"route\"\n                                            kitHideBelowWidth\n                                            kitHideBelowWidthClass=\"hide\"\n                                            [kitHideBelowWidth]=\"132\"\n                                            [containerMode]=\"lineItem.routePath?.containerMode\"\n                                            [destinationPort]=\"lineItem.routePath?.to\"\n                                            [originPort]=\"lineItem.routePath?.from\"\n                                            [type]=\"lineItem.routePath?.type\"/>\n                          }\n                          @if (lineItem.dates?.firstDate.value) {\n                            <div class=\"dates\">\n                            <div class=\"date-wrapper first-date\">\n                              <p class=\"date-label\">\n                                <kit-svg-icon [icon]=\"kitSvgIcon.CALENDAR\"/>\n                                <span>{{ lineItem.dates?.firstDate.label }}</span>\n                              </p>\n                              <span class=\"date\">{{ lineItem.dates?.firstDate.value | date: dateFormat : 'UTC' }}</span>\n                            </div>\n                            </div>\n                          }\n                          @if (lineItem.dates?.secondDate.value) {\n                            <div class=\"dates\">\n                            <div class=\"date-wrapper second-date\">\n                                <p class=\"date-label\">\n                                  <kit-svg-icon [icon]=\"kitSvgIcon.CALENDAR\"/>\n                                  <span>{{ lineItem.dates?.secondDate.label }}</span>\n                                </p>\n                                <span class=\"date\">{{ lineItem.dates?.secondDate.value | date: dateFormat : 'UTC' }}</span>\n                            </div>\n                            </div>\n                          }\n                        </div>\n\n                        <div class=\"additional-content\">\n                          @for (item of lineItem.additionalContent; track item.key) {\n                            <div>\n                              <span class=\"label\">{{ item.translateKey | translate }} </span>\n                              <span class=\"value\"\n                                    [innerHTML]=\"formatValue(item.value) | highlight:searchValue\"></span>\n                            </div>\n                          }\n                        </div>\n                      </div>\n                    }\n                    \n                    @if (category.total > this.displayedLineItemsNumber()) {\n                      <kit-button [label]=\"'kit.globalSearch.showResults' | translate\"\n                                  [type]=\"kitButtonType.GHOST\"\n                                  [kind]=\"kitButtonKind.SMALL\"\n                                  (clicked)=\"navigate(category.routeConfig)\"/>\n                    }\n                  </div>\n                }\n              }\n            </div>\n          } @else {\n            <kit-empty-section class=\"empty-section\"\n                               [text]=\"'kit.globalSearch.noData' | translate\"/>\n          }\n\n          @if (filters().length) {\n            <div class=\"filters\">\n              @for (filter of filters(); track $index) {\n                <div>\n                  <p class=\"label\">{{ filter.label }}</p>\n                  @for (value of filter.values.slice(0, isFilterExpanded($index) ? filter.values.length : 3); track $index) {\n                    <kit-pill @heightExpandCollapseAnimation\n                              class=\"filter-value\"\n                              [theme]=\"kitPillTheme.MAIN\"\n                              [selectable]=\"true\"\n                              [selected]=\"isFilterSelected(value)\"\n                              (clicked)=\"onSelectFilter(value, filter.appliedTo)\">\n                      {{ value.title | translate }}\n                    </kit-pill>\n                  }\n                  @if (filter.values.length > 3) {\n                    <kit-button class=\"toggle-btn\"\n                                [label]=\"`kit.globalSearch.${isFilterExpanded($index) ? 'showLess' : 'showMore'}` | translate\"\n                                [icon]=\"isFilterExpanded($index) ? kitSvgIcon.CHEVRON_UP : kitSvgIcon.CHEVRON_DOWN\"\n                                [iconPosition]=\"kitButtonIconPosition.LEADING\"\n                                [iconType]=\"kitSvgIconType.STROKE\"\n                                [kind]=\"kitButtonKind.SMALL\"\n                                [type]=\"kitButtonType.GHOST\"\n                                (clicked)=\"toggleFilterExpanded($index)\"/>\n                  }\n                </div>\n              }\n            </div>\n          }\n        }\n      </div>\n    }\n  </ng-template>\n</div>\n", styles: [":host{display:block}:host .global-search{max-width:360px}:host .global-search.expanded{max-width:100%}:host .global-search .textbox{border-color:var(--ui-kit-color-grey-11);box-shadow:none;border-radius:8px}:host .global-search .textbox.k-focus{border-color:var(--ui-kit-color-main)}:host ::ng-deep .k-animation-container{width:calc(100% - 145px)}:host ::ng-deep .kit-global-search-popup{overflow:auto;padding:0}:host ::ng-deep .kit-global-search-popup .popup-content{display:flex;justify-content:space-between}:host ::ng-deep .global-search .k-textbox.k-input .k-input-inner{padding:11px 8px}:host ::ng-deep .global-search .k-textbox.k-input .kit-svg-icon .search-icon{width:37px;height:37px;fill:none;stroke:var(--ui-kit-color-grey-10);padding-left:12px}:host ::ng-deep .global-search .k-textbox.k-input .kit-svg-icon .circle-cross-thin-icon{width:30px;height:30px;fill:none;stroke:var(--ui-kit-color-grey-12);padding-right:12px;cursor:pointer}:host ::ng-deep .search-results{padding:24px;flex:1}:host ::ng-deep .search-results .loader{display:flex;justify-content:center;height:100%;align-items:center;color:var(--ui-kit-color-main)}:host ::ng-deep .search-results .category:not(:last-child){margin-bottom:20px}:host ::ng-deep .search-results .category .header{display:flex;align-items:center;margin:0 0 20px}:host ::ng-deep .search-results .category .header .icon.check-sticker-icon{width:16px;height:16px;fill:var(--ui-kit-color-main);margin-right:10px}:host ::ng-deep .search-results .category .header .title{color:var(--ui-kit-color-main)}:host ::ng-deep .search-results .category .header.empty{margin:0}:host ::ng-deep .search-results .category .header.empty .icon.check-sticker-icon{fill:var(--ui-kit-color-grey-12)}:host ::ng-deep .search-results .category .header.empty .title{color:var(--ui-kit-color-grey-12)}:host ::ng-deep .search-results .category .line-item{min-width:575px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--ui-kit-color-grey-11)}:host ::ng-deep .search-results .category .line-item.has-link{cursor:pointer}:host ::ng-deep .search-results .category .line-item.has-link:hover{opacity:.7}:host ::ng-deep .search-results .category .line-item .highlighted{color:var(--ui-kit-color-main)}:host ::ng-deep .search-results .category .line-item .main-content{display:grid;grid-template-columns:minmax(170px,max-content) minmax(115px,max-content) repeat(auto-fit,minmax(60px,1fr));gap:20px;align-items:center;grid-auto-flow:column}:host ::ng-deep .search-results .category .line-item .main-content .title{font-size:16px;line-height:22px;font-weight:500}:host ::ng-deep .search-results .category .line-item .main-content .subtitle{width:100%}:host ::ng-deep .search-results .category .line-item .main-content .subtitle.hide{display:none}:host ::ng-deep .search-results .category .line-item .main-content .title,:host ::ng-deep .search-results .category .line-item .main-content .subtitle{color:var(--ui-kit-color-grey-10)}:host ::ng-deep .search-results .category .line-item .main-content .icon.calendar-icon{width:18px;height:18px;fill:var(--ui-kit-color-grey-12);margin-right:3px}:host ::ng-deep .search-results .category .line-item .main-content .route{container:route/inline-size;width:100%}:host ::ng-deep .search-results .category .line-item .main-content .route.hide{display:none;container:none}:host ::ng-deep .search-results .category .line-item .main-content .route .route-path{justify-content:left}:host ::ng-deep .search-results .category .line-item .main-content .status{white-space:nowrap;display:block;margin:auto}:host ::ng-deep .search-results .category .line-item .main-content .kit-pill-content{margin:auto}:host ::ng-deep .search-results .category .line-item .main-content .dates{display:flex;align-items:center;font-size:12px;line-height:14px;container:dates/inline-size;width:100%}:host ::ng-deep .search-results .category .line-item .main-content .dates .date-wrapper{display:flex;justify-content:left;align-items:center;flex-wrap:wrap;text-align:center}:host ::ng-deep .search-results .category .line-item .main-content .dates .date-wrapper .date{text-wrap:nowrap}:host ::ng-deep .search-results .category .line-item .main-content .dates .date-label{display:flex;align-items:center;justify-content:center;margin-right:5px;text-wrap:nowrap}:host ::ng-deep .search-results .category .line-item .main-content .dates.first-date{color:var(--ui-kit-color-grey-14)}:host ::ng-deep .search-results .category .line-item .main-content .dates.second-date{color:var(--ui-kit-color-grey-10)}:host ::ng-deep .search-results .category .line-item .main-content:has(.route:not(.hide)){grid-template-columns:minmax(170px,max-content) minmax(115px,max-content) minmax(70px,1fr) minmax(99px,2fr) repeat(auto-fit,minmax(50px,1fr))}:host ::ng-deep .search-results .category .line-item .main-content>:last-child{justify-self:end;justify-content:end;text-align:right}:host ::ng-deep .search-results .category .line-item .main-content>:last-child .date-wrapper{justify-content:end}:host ::ng-deep .search-results .category .line-item .additional-content{text-align:right}:host ::ng-deep .search-results .category .line-item .additional-content .label{color:var(--ui-kit-color-grey-14)}:host ::ng-deep .search-results .category .line-item .additional-content .value{color:var(--ui-kit-color-grey-10)}@container route (max-width: 190px){:host ::ng-deep .search-results .category .route-origin-port,:host ::ng-deep .search-results .category .icon.arrow{display:none}:host ::ng-deep .search-results .category .line-item .main-content .route .route-path{grid-template-columns:minmax(0,auto) min-content;justify-content:stretch}}@container route (max-width: 150px){:host ::ng-deep .search-results .category .route-mode{display:none}}@container dates (max-width: 120px){:host ::ng-deep .search-results .category .date-wrapper{flex-direction:column}:host ::ng-deep .search-results .category .date-label{margin-right:0}}:host ::ng-deep .filters{background-color:var(--ui-kit-color-grey-13);padding:24px;min-width:175px}:host ::ng-deep .filters .label{font-size:12px;line-height:14px;color:var(--ui-kit-color-grey-10);margin-bottom:10px;text-transform:uppercase}:host ::ng-deep .filters .filter-value{margin-bottom:10px;display:block}:host ::ng-deep .filters .filter-value .kit-pill{line-height:16px;text-align:left;display:inline-block;padding:7px 16px;font-size:13px}:host ::ng-deep .filters .toggle-btn{margin-bottom:40px;display:block}:host ::ng-deep .filters .toggle-btn .k-button{min-width:125px;padding:6px 16px;min-height:32px}:host ::ng-deep .prompts{display:flex;gap:10px;padding:24px}:host ::ng-deep .empty-section{container:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: KitTextboxModule }, { kind: "ngmodule", type: KitSvgIconModule }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: i2.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "directive", type: i2.TextBoxSuffixTemplateDirective, selector: "[kendoTextBoxSuffixTemplate]", inputs: ["showSeparator"] }, { kind: "directive", type: i2.TextBoxPrefixTemplateDirective, selector: "[kendoTextBoxPrefixTemplate]", inputs: ["showSeparator"] }, { kind: "component", type: i1$6.LoaderComponent, selector: "kendo-loader", inputs: ["type", "themeColor", "size"] }, { kind: "component", type: KitPopupComponent, selector: "kit-popup", inputs: ["anchor", "content", "closeOnOutsideClick", "showFooter", "cancelButtonLabel", "applyButtonLabel", "isApplyButtonDisabled", "positionMode", "popupClass", "closePopupOnCancel", "extraInsideSelectors"], outputs: ["cancelAction", "applyAction", "opened", "closed"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: KitRoutePathComponent, selector: "kit-route-path", inputs: ["originPort", "destinationPort", "type", "containerMode"] }, { kind: "ngmodule", type: KitButtonModule }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "component", type: KitTruncateTextComponent, selector: "kit-truncate-text" }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: KitEmptySectionComponent, selector: "kit-empty-section", inputs: ["text"] }, { kind: "component", type: KitPillComponent, selector: "kit-pill", inputs: ["removable", "selectable", "selected", "type", "theme", "icon", "iconType"], outputs: ["clicked", "removed"] }, { kind: "directive", type: KitHideBelowWidthDirective, selector: "[kitHideBelowWidth]", inputs: ["kitHideBelowWidth", "kitHideBelowWidthClass"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }, { kind: "pipe", type: i3$2.TranslatePipe, name: "translate" }, { kind: "pipe", type: HighlightPipe, name: "highlight" }], animations: [
+        ], viewQueries: [{ propertyName: "textbox", first: true, predicate: TextBoxComponent, descendants: true, isSignal: true }, { propertyName: "anchor", first: true, predicate: TextBoxComponent, descendants: true, read: ElementRef, isSignal: true }, { propertyName: "popup", first: true, predicate: ["popup"], descendants: true, read: KitPopupComponent, isSignal: true }, { propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, isSignal: true }], ngImport: i0, template: "<div #container\n     class=\"global-search\"\n     [class.expanded]=\"isPopupOpen\">\n  <kendo-textbox #textbox\n                 class=\"textbox\"\n                 [placeholder]=\"'kit.globalSearch.placeholder' | translate\"\n                 [size]=\"'none'\"\n                 [(ngModel)]=\"searchValue\"\n                 (click)=\"openPopup()\">\n    <ng-template kendoTextBoxPrefixTemplate>\n      <kit-svg-icon [icon]=\"kitSvgIcon.SEARCH\"/>\n    </ng-template>\n    <ng-template kendoTextBoxSuffixTemplate>\n      <kit-svg-icon [icon]=\"kitSvgIcon.CIRCLE_CROSS_THIN\" \n                    (click)=\"clearSearch()\"/>\n    </ng-template>\n  </kendo-textbox>\n\n  <kit-popup #popup\n             [popupClass]=\"popupClass\"\n             [anchor]=\"anchor()\"\n             [content]=\"content\"\n             [closeOnOutsideClick]=\"false\" />\n\n  <ng-template #content>\n    @if (userPermissions$ | async; as userPermissions) {\n      <div class=\"popup-content\">\n        @if (showPropmts()) {\n          <div class=\"prompts\">\n            @for (prompt of prompts(); track prompt) {\n              @if (hasPermissionToShowPrompt(userPermissions, prompt.permissions)) {\n                <kit-pill [theme]=\"kitPillTheme.MAIN\"\n                          [selectable]=\"true\" \n                          (clicked)=\"onSelectPrompt(prompt)\">\n                  {{ prompt.label }}\n                </kit-pill>\n              }\n            }\n          </div>\n        } @else {\n          @if (isLoading()) {\n            <div class=\"search-results\">\n              <kendo-loader class=\"loader\"/>\n            </div>\n          } @else if (searchResults().length) {\n            <div class=\"search-results\">\n              @for (category of searchResults(); track category?.name) {\n                @if (category) {\n                  <div class=\"category\">\n                    <p class=\"header\"\n                      [class.empty]=\"!category.total\">\n                      <kit-svg-icon [icon]=\"kitSvgIcon.CHECK_STICKER\"/>\n                      <span class=\"title\">{{ category.name.toUpperCase() }} ({{ category.total }})</span>\n                    </p>\n\n                    @for (lineItem of category.items.slice(0, this.displayedLineItemsNumber()); track lineItem) {\n                      <div class=\"line-item\"\n                           [class.has-link]=\"lineItem.routeConfig\"\n                           (click)=\"navigate(lineItem.routeConfig)\">\n                        <div class=\"main-content\">\n                          <div class=\"title\">\n                            <span [innerHTML]=\"lineItem.title | highlight:searchValue\"></span>\n                          </div>\n                          <div>\n                            <kit-pill class=\"status\"\n                                      [theme]=\"kitPillTheme.MAIN\">\n                              {{ lineItem.status }}\n                            </kit-pill>\n                          </div>\n\n                          <div class=\"subtitle\"\n                               kitHideBelowWidth\n                               kitHideBelowWidthClass=\"hide\"\n                               [kitHideBelowWidth]=\"61\">\n                            <kit-truncate-text>\n                              <span [innerHTML]=\"lineItem.subtitle || '' | highlight:searchValue\"></span>\n                            </kit-truncate-text>\n                          </div>\n\n                          @if (lineItem.routePath?.from || lineItem.routePath?.to) {\n                            <kit-route-path class=\"route\"\n                                            kitHideBelowWidth\n                                            kitHideBelowWidthClass=\"hide\"\n                                            [kitHideBelowWidth]=\"132\"\n                                            [containerMode]=\"lineItem.routePath?.containerMode\"\n                                            [destinationPort]=\"lineItem.routePath?.to\"\n                                            [originPort]=\"lineItem.routePath?.from\"\n                                            [type]=\"lineItem.routePath?.type\"/>\n                          }\n                          @if (lineItem.dates?.firstDate.value) {\n                            <div class=\"dates\">\n                            <div class=\"date-wrapper first-date\">\n                              <p class=\"date-label\">\n                                <kit-svg-icon [icon]=\"kitSvgIcon.CALENDAR\"/>\n                                <span>{{ lineItem.dates?.firstDate.label }}</span>\n                              </p>\n                              <span class=\"date\">{{ lineItem.dates?.firstDate.value | date: dateFormat : 'UTC' }}</span>\n                            </div>\n                            </div>\n                          }\n                          @if (lineItem.dates?.secondDate.value) {\n                            <div class=\"dates\">\n                            <div class=\"date-wrapper second-date\">\n                                <p class=\"date-label\">\n                                  <kit-svg-icon [icon]=\"kitSvgIcon.CALENDAR\"/>\n                                  <span>{{ lineItem.dates?.secondDate.label }}</span>\n                                </p>\n                                <span class=\"date\">{{ lineItem.dates?.secondDate.value | date: dateFormat : 'UTC' }}</span>\n                            </div>\n                            </div>\n                          }\n                        </div>\n\n                        <div class=\"additional-content\">\n                          @for (item of lineItem.additionalContent; track item.key) {\n                            <div>\n                              <span class=\"label\">{{ item.translateKey | translate }} </span>\n                              <span class=\"value\"\n                                    [innerHTML]=\"formatValue(item.value) | highlight:searchValue\"></span>\n                            </div>\n                          }\n                        </div>\n                      </div>\n                    }\n                    \n                    @if (category.total > this.displayedLineItemsNumber()) {\n                      <kit-button [label]=\"'kit.globalSearch.showResults' | translate\"\n                                  [type]=\"kitButtonType.GHOST\"\n                                  [kind]=\"kitButtonKind.SMALL\"\n                                  (clicked)=\"navigate(category.routeConfig)\"/>\n                    }\n                  </div>\n                }\n              }\n            </div>\n          } @else {\n            <kit-empty-section class=\"empty-section\"\n                               [text]=\"'kit.globalSearch.noData' | translate\"/>\n          }\n\n          @if (filters().length) {\n            <div class=\"filters\">\n              @for (filter of filters(); track $index) {\n                <div>\n                  <p class=\"label\">{{ filter.label }}</p>\n                  @for (value of filter.values.slice(0, isFilterExpanded($index) ? filter.values.length : 3); track $index) {\n                    <kit-pill @heightExpandCollapseAnimation\n                              class=\"filter-value\"\n                              [theme]=\"kitPillTheme.MAIN\"\n                              [selectable]=\"true\"\n                              [selected]=\"isFilterSelected(value)\"\n                              (clicked)=\"onSelectFilter(value, filter.appliedTo)\">\n                      {{ value.title | translate }}\n                    </kit-pill>\n                  }\n                  @if (filter.values.length > 3) {\n                    <kit-button class=\"toggle-btn\"\n                                [label]=\"`kit.globalSearch.${isFilterExpanded($index) ? 'showLess' : 'showMore'}` | translate\"\n                                [icon]=\"isFilterExpanded($index) ? kitSvgIcon.CHEVRON_UP : kitSvgIcon.CHEVRON_DOWN\"\n                                [iconPosition]=\"kitButtonIconPosition.LEADING\"\n                                [iconType]=\"kitSvgIconType.STROKE\"\n                                [kind]=\"kitButtonKind.SMALL\"\n                                [type]=\"kitButtonType.GHOST\"\n                                (clicked)=\"toggleFilterExpanded($index)\"/>\n                  }\n                </div>\n              }\n            </div>\n          }\n        }\n      </div>\n    }\n  </ng-template>\n</div>\n", styles: [":host{display:block}:host .global-search{max-width:360px}:host .global-search.expanded{max-width:100%}:host .global-search .textbox{border-color:var(--ui-kit-color-grey-11);box-shadow:none;border-radius:8px}:host .global-search .textbox.k-focus{border-color:var(--ui-kit-color-main)}:host ::ng-deep .k-animation-container{width:calc(100% - 145px)}:host ::ng-deep .kit-global-search-popup{overflow:auto;padding:0}:host ::ng-deep .kit-global-search-popup .popup-content{display:flex;justify-content:space-between}:host ::ng-deep .global-search .k-textbox.k-input .k-input-inner{padding:11px 8px}:host ::ng-deep .global-search .k-textbox.k-input .kit-svg-icon .search-icon{width:37px;height:37px;fill:none;stroke:var(--ui-kit-color-grey-10);padding-left:12px}:host ::ng-deep .global-search .k-textbox.k-input .kit-svg-icon .circle-cross-thin-icon{width:30px;height:30px;fill:none;stroke:var(--ui-kit-color-grey-12);padding-right:12px;cursor:pointer}:host ::ng-deep .search-results{padding:24px;flex:1}:host ::ng-deep .search-results .loader{display:flex;justify-content:center;height:100%;align-items:center;color:var(--ui-kit-color-main)}:host ::ng-deep .search-results .category:not(:last-child){margin-bottom:20px}:host ::ng-deep .search-results .category .header{display:flex;align-items:center;margin:0 0 20px}:host ::ng-deep .search-results .category .header .icon.check-sticker-icon{width:16px;height:16px;fill:var(--ui-kit-color-main);margin-right:10px}:host ::ng-deep .search-results .category .header .title{color:var(--ui-kit-color-main)}:host ::ng-deep .search-results .category .header.empty{margin:0}:host ::ng-deep .search-results .category .header.empty .icon.check-sticker-icon{fill:var(--ui-kit-color-grey-12)}:host ::ng-deep .search-results .category .header.empty .title{color:var(--ui-kit-color-grey-12)}:host ::ng-deep .search-results .category .line-item{min-width:575px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--ui-kit-color-grey-11)}:host ::ng-deep .search-results .category .line-item.has-link{cursor:pointer}:host ::ng-deep .search-results .category .line-item.has-link:hover{opacity:.7}:host ::ng-deep .search-results .category .line-item .highlighted{color:var(--ui-kit-color-main)}:host ::ng-deep .search-results .category .line-item .main-content{display:grid;grid-template-columns:minmax(170px,max-content) minmax(115px,max-content) repeat(auto-fit,minmax(60px,1fr));gap:20px;align-items:center;grid-auto-flow:column}:host ::ng-deep .search-results .category .line-item .main-content .title{font-size:16px;line-height:22px;font-weight:500}:host ::ng-deep .search-results .category .line-item .main-content .subtitle{width:100%}:host ::ng-deep .search-results .category .line-item .main-content .subtitle.hide{display:none}:host ::ng-deep .search-results .category .line-item .main-content .title,:host ::ng-deep .search-results .category .line-item .main-content .subtitle{color:var(--ui-kit-color-grey-10)}:host ::ng-deep .search-results .category .line-item .main-content .icon.calendar-icon{width:18px;height:18px;fill:var(--ui-kit-color-grey-12);margin-right:3px}:host ::ng-deep .search-results .category .line-item .main-content .route{container:route/inline-size;width:100%}:host ::ng-deep .search-results .category .line-item .main-content .route.hide{display:none;container:none}:host ::ng-deep .search-results .category .line-item .main-content .route .route-path{justify-content:left}:host ::ng-deep .search-results .category .line-item .main-content .status{white-space:nowrap;display:block;margin:auto}:host ::ng-deep .search-results .category .line-item .main-content .kit-pill-content{margin:auto}:host ::ng-deep .search-results .category .line-item .main-content .dates{display:flex;align-items:center;font-size:12px;line-height:14px;container:dates/inline-size;width:100%}:host ::ng-deep .search-results .category .line-item .main-content .dates .date-wrapper{display:flex;justify-content:left;align-items:center;flex-wrap:wrap;text-align:center}:host ::ng-deep .search-results .category .line-item .main-content .dates .date-wrapper .date{text-wrap:nowrap}:host ::ng-deep .search-results .category .line-item .main-content .dates .date-label{display:flex;align-items:center;justify-content:center;margin-right:5px;text-wrap:nowrap}:host ::ng-deep .search-results .category .line-item .main-content .dates.first-date{color:var(--ui-kit-color-grey-14)}:host ::ng-deep .search-results .category .line-item .main-content .dates.second-date{color:var(--ui-kit-color-grey-10)}:host ::ng-deep .search-results .category .line-item .main-content:has(.route:not(.hide)){grid-template-columns:minmax(170px,max-content) minmax(115px,max-content) minmax(70px,1fr) minmax(99px,2fr) repeat(auto-fit,minmax(50px,1fr))}:host ::ng-deep .search-results .category .line-item .main-content>:last-child{justify-self:end;justify-content:end;text-align:right}:host ::ng-deep .search-results .category .line-item .main-content>:last-child .date-wrapper{justify-content:end}:host ::ng-deep .search-results .category .line-item .additional-content{text-align:right}:host ::ng-deep .search-results .category .line-item .additional-content .label{color:var(--ui-kit-color-grey-14)}:host ::ng-deep .search-results .category .line-item .additional-content .value{color:var(--ui-kit-color-grey-10)}@container route (max-width: 190px){:host ::ng-deep .search-results .category .route-origin-port,:host ::ng-deep .search-results .category .icon.arrow{display:none}:host ::ng-deep .search-results .category .line-item .main-content .route .route-path{grid-template-columns:minmax(0,auto) min-content;justify-content:stretch}}@container route (max-width: 150px){:host ::ng-deep .search-results .category .route-mode{display:none}}@container dates (max-width: 120px){:host ::ng-deep .search-results .category .date-wrapper{flex-direction:column}:host ::ng-deep .search-results .category .date-label{margin-right:0}}:host ::ng-deep .filters{background-color:var(--ui-kit-color-grey-13);padding:24px;min-width:175px}:host ::ng-deep .filters .label{font-size:12px;line-height:14px;color:var(--ui-kit-color-grey-10);margin-bottom:10px;text-transform:uppercase}:host ::ng-deep .filters .filter-value{margin-bottom:10px;display:block}:host ::ng-deep .filters .filter-value .kit-pill{line-height:16px;text-align:left;display:inline-block;padding:7px 16px;font-size:13px}:host ::ng-deep .filters .toggle-btn{margin-bottom:40px;display:block}:host ::ng-deep .filters .toggle-btn .k-button{min-width:125px;padding:6px 16px;min-height:32px}:host ::ng-deep .prompts{display:flex;gap:10px;padding:24px}:host ::ng-deep .empty-section{container:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: KitTextboxModule }, { kind: "ngmodule", type: KitSvgIconModule }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: i2.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "directive", type: i2.TextBoxSuffixTemplateDirective, selector: "[kendoTextBoxSuffixTemplate]", inputs: ["showSeparator"] }, { kind: "directive", type: i2.TextBoxPrefixTemplateDirective, selector: "[kendoTextBoxPrefixTemplate]", inputs: ["showSeparator"] }, { kind: "component", type: i1$5.LoaderComponent, selector: "kendo-loader", inputs: ["type", "themeColor", "size"] }, { kind: "component", type: KitPopupComponent, selector: "kit-popup", inputs: ["anchor", "content", "closeOnOutsideClick", "showFooter", "cancelButtonLabel", "applyButtonLabel", "isApplyButtonDisabled", "positionMode", "popupClass", "closePopupOnCancel", "extraInsideSelectors"], outputs: ["cancelAction", "applyAction", "opened", "closed"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: KitRoutePathComponent, selector: "kit-route-path", inputs: ["originPort", "destinationPort", "type", "containerMode"] }, { kind: "ngmodule", type: KitButtonModule }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "component", type: KitTruncateTextComponent, selector: "kit-truncate-text" }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: KitEmptySectionComponent, selector: "kit-empty-section", inputs: ["text"] }, { kind: "component", type: KitPillComponent, selector: "kit-pill", inputs: ["removable", "selectable", "selected", "type", "theme", "icon", "iconType"], outputs: ["clicked", "removed"] }, { kind: "directive", type: KitHideBelowWidthDirective, selector: "[kitHideBelowWidth]", inputs: ["kitHideBelowWidth", "kitHideBelowWidthClass"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }, { kind: "pipe", type: i3$2.TranslatePipe, name: "translate" }, { kind: "pipe", type: HighlightPipe, name: "highlight" }], animations: [
             expandCollapseAnimation('height'),
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
@@ -8020,14 +7651,14 @@ class KitGridViewsSaveComponent {
         this.viewName.set(value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitGridViewsSaveComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.1.3", type: KitGridViewsSaveComponent, isStandalone: true, selector: "kit-grid-views-save", inputs: { viewGroup: { classPropertyName: "viewGroup", publicName: "viewGroup", isSignal: true, isRequired: true, transformFunction: null }, views: { classPropertyName: "views", publicName: "views", isSignal: true, isRequired: true, transformFunction: null }, viewsAutocompleteItems: { classPropertyName: "viewsAutocompleteItems", publicName: "viewsAutocompleteItems", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { resetQueryParams: "resetQueryParams" }, viewQueries: [{ propertyName: "anchor", first: true, predicate: ["toggleButton"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "popup", first: true, predicate: ["popup"], descendants: true, read: KitPopupComponent, isSignal: true }], ngImport: i0, template: "<kit-button #toggleButton\n            kitTooltip\n            class=\"grid-views-save-btn\"\n            kitTooltipFilter=\".grid-views-save-btn\"\n            [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n            [title]=\"hasUnsavedChanges() ? ('kit.views.saveView' | translate) : ('kit.views.noUnsavedChanges' | translate)\"\n            [active]=\"popup.isPopupOpen\"\n            [kind]=\"kitButtonKind.MEDIUM\"\n            [type]=\"kitButtonType.GHOST\"\n            [icon]=\"kitSvgIcon.DISKETTE\"\n            [disabled]=\"!hasUnsavedChanges()\"\n            (clicked)=\"onPopupToggle()\"\n></kit-button>\n\n<kit-popup #popup\n          [anchor]=\"anchor()\"\n          [content]=\"content\">\n</kit-popup>\n\n<ng-template #content>\n  <div class=\"grid-views-save\">\n    <kit-autocomplete class=\"grid-views-save-input\"\n                      [placeholder]=\"'kit.views.enterText' | translate\"\n                      [allowCustom]=\"true\"\n                      [items]=\"viewsAutocompleteItems() ?? []\"\n                      [closePopupIfDataNotFound]=\"true\"\n                      [invalid]=\"!isViewNameValid\"\n                      [messageText]=\"inputMessage\"\n                      (filterChanged)=\"onValueChange($event)\"\n                      (valueChanged)=\"viewName.set($event)\"\n                      (selectionChanged)=\"onValueChange($event)\"\n    ></kit-autocomplete>\n    <kit-button [label]=\"'kit.views.save' | translate\"\n                [disabled]=\"!viewName() || !isViewNameValid\"\n                (clicked)=\"onViewSave()\"\n    ></kit-button>\n  </div>\n</ng-template>\n", styles: [".grid-views-save{display:flex;flex-direction:row;gap:12px;width:352px}.grid-views-save-input{flex:1}\n"], dependencies: [{ kind: "ngmodule", type: KitButtonModule }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "component", type: KitPopupComponent, selector: "kit-popup", inputs: ["anchor", "content", "closeOnOutsideClick", "showFooter", "cancelButtonLabel", "applyButtonLabel", "isApplyButtonDisabled", "positionMode", "popupClass", "closePopupOnCancel", "extraInsideSelectors"], outputs: ["cancelAction", "applyAction", "opened", "closed"] }, { kind: "ngmodule", type: KitAutocompleteModule }, { kind: "component", type: KitAutocompleteComponent, selector: "kit-autocomplete", inputs: ["label", "placeholder", "items", "selectedValue", "disabled", "loaderVisible", "messageIcon", "messageText", "invalid", "allowCustom", "closePopupIfDataNotFound"], outputs: ["filterChanged", "valueChanged", "selectionChanged", "blured", "focused"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef", "kitTooltipVisible"] }, { kind: "pipe", type: i3$2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.1.3", type: KitGridViewsSaveComponent, isStandalone: true, selector: "kit-grid-views-save", inputs: { viewGroup: { classPropertyName: "viewGroup", publicName: "viewGroup", isSignal: true, isRequired: true, transformFunction: null }, views: { classPropertyName: "views", publicName: "views", isSignal: true, isRequired: true, transformFunction: null }, viewsAutocompleteItems: { classPropertyName: "viewsAutocompleteItems", publicName: "viewsAutocompleteItems", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { resetQueryParams: "resetQueryParams" }, viewQueries: [{ propertyName: "anchor", first: true, predicate: ["toggleButton"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "popup", first: true, predicate: ["popup"], descendants: true, read: KitPopupComponent, isSignal: true }], ngImport: i0, template: "<kit-button #toggleButton\n            kitTooltip\n            class=\"grid-views-save-btn\"\n            kitTooltipFilter=\".grid-views-save-btn\"\n            [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n            [title]=\"hasUnsavedChanges() ? ('kit.views.saveView' | translate) : ('kit.views.noUnsavedChanges' | translate)\"\n            [active]=\"popup.isPopupOpen\"\n            [kind]=\"kitButtonKind.MEDIUM\"\n            [type]=\"kitButtonType.GHOST\"\n            [icon]=\"kitSvgIcon.DISKETTE\"\n            [disabled]=\"!hasUnsavedChanges()\"\n            (clicked)=\"onPopupToggle()\"\n></kit-button>\n\n<kit-popup #popup\n          [anchor]=\"anchor()\"\n          [content]=\"content\">\n</kit-popup>\n\n<ng-template #content>\n  <div class=\"grid-views-save\">\n    <kit-autocomplete class=\"grid-views-save-input\"\n                      [placeholder]=\"'kit.views.enterText' | translate\"\n                      [allowCustom]=\"true\"\n                      [items]=\"viewsAutocompleteItems() ?? []\"\n                      [closePopupIfDataNotFound]=\"true\"\n                      [invalid]=\"!isViewNameValid\"\n                      [messageText]=\"inputMessage\"\n                      (filterChanged)=\"onValueChange($event)\"\n                      (valueChanged)=\"viewName.set($event)\"\n                      (selectionChanged)=\"onValueChange($event)\"\n    ></kit-autocomplete>\n    <kit-button [label]=\"'kit.views.save' | translate\"\n                [disabled]=\"!viewName() || !isViewNameValid\"\n                (clicked)=\"onViewSave()\"\n    ></kit-button>\n  </div>\n</ng-template>\n", styles: [".grid-views-save{display:flex;flex-direction:row;gap:12px;width:352px}.grid-views-save-input{flex:1}\n"], dependencies: [{ kind: "ngmodule", type: KitButtonModule }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "component", type: KitPopupComponent, selector: "kit-popup", inputs: ["anchor", "content", "closeOnOutsideClick", "showFooter", "cancelButtonLabel", "applyButtonLabel", "isApplyButtonDisabled", "positionMode", "popupClass", "closePopupOnCancel", "extraInsideSelectors"], outputs: ["cancelAction", "applyAction", "opened", "closed"] }, { kind: "component", type: KitAutocompleteComponent, selector: "kit-autocomplete", inputs: ["label", "placeholder", "items", "selectedValue", "disabled", "loaderVisible", "messageIcon", "messageText", "invalid", "allowCustom", "closePopupIfDataNotFound"], outputs: ["filterChanged", "valueChanged", "selectionChanged", "blured", "focused"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef", "kitTooltipVisible"] }, { kind: "pipe", type: i3$2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitGridViewsSaveComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kit-grid-views-save', imports: [
                         KitButtonModule,
                         KitPopupComponent,
-                        KitAutocompleteModule,
+                        KitAutocompleteComponent,
                         TranslateModule,
                         KitTooltipDirective,
                     ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<kit-button #toggleButton\n            kitTooltip\n            class=\"grid-views-save-btn\"\n            kitTooltipFilter=\".grid-views-save-btn\"\n            [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n            [title]=\"hasUnsavedChanges() ? ('kit.views.saveView' | translate) : ('kit.views.noUnsavedChanges' | translate)\"\n            [active]=\"popup.isPopupOpen\"\n            [kind]=\"kitButtonKind.MEDIUM\"\n            [type]=\"kitButtonType.GHOST\"\n            [icon]=\"kitSvgIcon.DISKETTE\"\n            [disabled]=\"!hasUnsavedChanges()\"\n            (clicked)=\"onPopupToggle()\"\n></kit-button>\n\n<kit-popup #popup\n          [anchor]=\"anchor()\"\n          [content]=\"content\">\n</kit-popup>\n\n<ng-template #content>\n  <div class=\"grid-views-save\">\n    <kit-autocomplete class=\"grid-views-save-input\"\n                      [placeholder]=\"'kit.views.enterText' | translate\"\n                      [allowCustom]=\"true\"\n                      [items]=\"viewsAutocompleteItems() ?? []\"\n                      [closePopupIfDataNotFound]=\"true\"\n                      [invalid]=\"!isViewNameValid\"\n                      [messageText]=\"inputMessage\"\n                      (filterChanged)=\"onValueChange($event)\"\n                      (valueChanged)=\"viewName.set($event)\"\n                      (selectionChanged)=\"onValueChange($event)\"\n    ></kit-autocomplete>\n    <kit-button [label]=\"'kit.views.save' | translate\"\n                [disabled]=\"!viewName() || !isViewNameValid\"\n                (clicked)=\"onViewSave()\"\n    ></kit-button>\n  </div>\n</ng-template>\n", styles: [".grid-views-save{display:flex;flex-direction:row;gap:12px;width:352px}.grid-views-save-input{flex:1}\n"] }]
@@ -8281,13 +7912,13 @@ class KitGridViewsComponent {
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitGridViewsComponent, isStandalone: true, selector: "kit-grid-views", inputs: { viewGroup: { classPropertyName: "viewGroup", publicName: "viewGroup", isSignal: true, isRequired: true, transformFunction: null }, viewConfigGroup: { classPropertyName: "viewConfigGroup", publicName: "viewConfigGroup", isSignal: true, isRequired: true, transformFunction: null }, defaultColumns: { classPropertyName: "defaultColumns", publicName: "defaultColumns", isSignal: true, isRequired: true, transformFunction: null }, defaultViewName: { classPropertyName: "defaultViewName", publicName: "defaultViewName", isSignal: true, isRequired: true, transformFunction: null }, defaultSorting: { classPropertyName: "defaultSorting", publicName: "defaultSorting", isSignal: true, isRequired: true, transformFunction: null }, systemViews: { classPropertyName: "systemViews", publicName: "systemViews", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { viewChanged: "viewChanged" }, providers: [
             TitleCasePipe,
             KitGridUrlStateService,
-        ], viewQueries: [{ propertyName: "anchor", first: true, predicate: ["toggleButton"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "collapsedList", first: true, predicate: (KitCollapsedListComponent), descendants: true, isSignal: true }, { propertyName: "createNewViewPopup", first: true, predicate: ["popup"], descendants: true, read: KitPopupComponent, isSignal: true }], ngImport: i0, template: "<div class=\"kit-grid-views\">\n  @if (viewsState$ | async; as viewsState) {\n    @if (!viewsState.loading) {\n      <div class=\"views-actions\">\n        <kit-button #toggleButton\n                    kitTooltip\n                    kitTooltipFilter=\"kit-button\"\n                    [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n                    [title]=\"'kit.views.addView' | translate\"\n                    [icon]=\"kitSvgIcon.PLUS\"\n                    [kind]=\"kitButtonKind.MEDIUM\"\n                    [type]=\"kitButtonType.GHOST\"\n                    (clicked)=\"onCreateViewPopupToggle()\"\n        ></kit-button>\n        <kit-grid-views-save [viewGroup]=\"viewGroup()\"\n                             [views]=\"views()\"\n                             [viewsAutocompleteItems]=\"viewsAutocompleteItems$ | async\"\n                             (resetQueryParams)=\"resetQueryParams()\"\n        ></kit-grid-views-save>\n        <kit-button kitTooltip\n                    kitTooltipFilter=\"kit-button\"\n                    [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n                    [title]=\"'kit.views.manageViews' | translate\"\n                    [icon]=\"kitSvgIcon.VIEWS\"\n                    [kind]=\"kitButtonKind.MEDIUM\"\n                    [type]=\"kitButtonType.GHOST\"\n                    [disabled]=\"views().length < 2\"\n                    (clicked)=\"openViewsManagerModal()\"\n        ></kit-button>\n      </div>\n      <div class=\"views-list\">\n        <kit-collapsed-list [itemList]=\"collapsedListItems()\"\n                            [dropdownDefaultValueText]=\"collapsedListDropdownText()\"\n                            [lineHeight]=\"32\"\n                            [gap]=\"0\"\n                            [itemTemplate]=\"collapsedListItem\"\n                            [dropdownAlign]=\"kitCollapsedListDropdownAlign.INLINE\"\n                            (selectItem)=\"onSelectView($event)\"/>\n      </div>\n    } @else {\n      <kit-skeleton [width]=\"200\"\n                    [height]=\"32\"\n      ></kit-skeleton>\n    }\n  }\n</div>\n\n<ng-template #collapsedListItem let-item>\n  <kit-button class=\"views-item\"\n              [ngClass]=\"item.type\"\n              [active]=\"item.title === selectedView()?.title && item.type === selectedView()?.type\"\n              [label]=\"item.title | titlecase\"\n              [type]=\"item.title === selectedView()?.title && item.type === selectedView()?.type &&\n              kitButtonType.GHOST || kitButtonType.LINK\"\n              [kind]=\"kitButtonKind.MEDIUM\"\n              [iconType]=\"item.type === gridViewType.SYSTEM && kitSvgIconType.STROKE || kitSvgIconType.FILL\"\n              [iconPosition]=\"kitButtonIconPosition.LEADING\"/>\n</ng-template>\n\n<kit-popup #popup\n           popupClass=\"kit-grid-new-view-popup\"\n           [anchor]=\"$any(anchor())\"\n           [content]=\"content\">\n</kit-popup>\n\n<ng-template #content>\n  <div class=\"new-view\">\n    <kit-textbox class=\"new-view-input\"\n                 [defaultValue]=\"createNewViewName()\"\n                 [placeholder]=\"'kit.views.enterText' | translate\"\n                 [state]=\"isViewNameValid && kitTextboxState.DEFAULT || kitTextboxState.ERROR\"\n                 [messageText]=\"inputMessage\"\n                 (changed)=\"createNewViewName.set($event)\"\n    ></kit-textbox>\n    <kit-button [label]=\"'kit.views.save' | translate\"\n                [disabled]=\"!createNewViewName() || !isViewNameValid || isViewSaving()\"\n                (clicked)=\"onViewCreate()\"\n    ></kit-button>\n  </div>\n</ng-template>\n", styles: [".kit-grid-views{display:flex;gap:16px}.kit-grid-views .views-actions{display:flex;gap:16px;padding-right:16px;border-right:1px solid var(--ui-kit-color-grey-11)}.kit-grid-views .views-list{width:100%;min-width:0}::ng-deep .views-list .views-item.system .k-button{color:var(--ui-kit-color-blue)}::ng-deep .views-list .views-item:hover .k-button{color:var(--ui-kit-color-main)}::ng-deep .views-list .views-item .k-button.active{color:var(--ui-kit-color-main)}::ng-deep .views-list .collapsed-list-dropdown .dropdown .k-input-inner{padding:0 16px}::ng-deep .views-list .collapsed-list-dropdown .dropdown .k-input-inner .value-icon{margin-left:5px}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown:focus-within .dropdown{box-shadow:none}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown .dropdown{border-color:transparent;background-color:transparent}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown .dropdown .k-input-value-text span{color:var(--ui-kit-color-main)}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown .dropdown .k-input-value-text svg{stroke:var(--ui-kit-color-main)}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown.selected .dropdown{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-background)}::ng-deep .kit-dropdown-popup.k-popup.collapsed-list-popup{width:360px}::ng-deep .kit-popup.kit-grid-new-view-popup{width:400px}::ng-deep .kit-popup.kit-grid-new-view-popup .new-view{display:flex;flex-direction:row;gap:12px}::ng-deep .kit-popup.kit-grid-new-view-popup .new-view-input{flex:1}\n"], dependencies: [{ kind: "ngmodule", type: KitSkeletonModule }, { kind: "component", type: KitSkeletonComponent, selector: "kit-skeleton", inputs: ["width", "height", "shape", "animation"] }, { kind: "component", type: KitGridViewsSaveComponent, selector: "kit-grid-views-save", inputs: ["viewGroup", "views", "viewsAutocompleteItems"], outputs: ["resetQueryParams"] }, { kind: "component", type: KitCollapsedListComponent, selector: "kit-collapsed-list", inputs: ["itemList", "lineHeight", "dropdownDefaultValueText", "gap", "disableActions", "itemTemplate", "dropdownFooterTemplate", "dropdownItemTemplate", "dropdownNoDataTemplate", "appendTo", "alwaysShowDropdown", "dropdownAlign"], outputs: ["selectItem"] }, { kind: "ngmodule", type: KitSvgIconModule }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: KitButtonModule }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: KitPopupComponent, selector: "kit-popup", inputs: ["anchor", "content", "closeOnOutsideClick", "showFooter", "cancelButtonLabel", "applyButtonLabel", "isApplyButtonDisabled", "positionMode", "popupClass", "closePopupOnCancel", "extraInsideSelectors"], outputs: ["cancelAction", "applyAction", "opened", "closed"] }, { kind: "ngmodule", type: KitTextboxModule }, { kind: "component", type: KitTextboxComponent, selector: "kit-textbox", inputs: ["placeholder", "label", "labelTooltip", "defaultValue", "messageIcon", "messageText", "messageTemplate", "disabled", "maxlength", "state", "size", "icon"], outputs: ["blured", "changed"] }, { kind: "directive", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef", "kitTooltipVisible"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: i3$2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], viewQueries: [{ propertyName: "anchor", first: true, predicate: ["toggleButton"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "collapsedList", first: true, predicate: (KitCollapsedListComponent), descendants: true, isSignal: true }, { propertyName: "createNewViewPopup", first: true, predicate: ["popup"], descendants: true, read: KitPopupComponent, isSignal: true }], ngImport: i0, template: "<div class=\"kit-grid-views\">\n  @if (viewsState$ | async; as viewsState) {\n    @if (!viewsState.loading) {\n      <div class=\"views-actions\">\n        <kit-button #toggleButton\n                    kitTooltip\n                    kitTooltipFilter=\"kit-button\"\n                    [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n                    [title]=\"'kit.views.addView' | translate\"\n                    [icon]=\"kitSvgIcon.PLUS\"\n                    [kind]=\"kitButtonKind.MEDIUM\"\n                    [type]=\"kitButtonType.GHOST\"\n                    (clicked)=\"onCreateViewPopupToggle()\"\n        ></kit-button>\n        <kit-grid-views-save [viewGroup]=\"viewGroup()\"\n                             [views]=\"views()\"\n                             [viewsAutocompleteItems]=\"viewsAutocompleteItems$ | async\"\n                             (resetQueryParams)=\"resetQueryParams()\"\n        ></kit-grid-views-save>\n        <kit-button kitTooltip\n                    kitTooltipFilter=\"kit-button\"\n                    [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n                    [title]=\"'kit.views.manageViews' | translate\"\n                    [icon]=\"kitSvgIcon.VIEWS\"\n                    [kind]=\"kitButtonKind.MEDIUM\"\n                    [type]=\"kitButtonType.GHOST\"\n                    [disabled]=\"views().length < 2\"\n                    (clicked)=\"openViewsManagerModal()\"\n        ></kit-button>\n      </div>\n      <div class=\"views-list\">\n        <kit-collapsed-list [itemList]=\"collapsedListItems()\"\n                            [dropdownDefaultValueText]=\"collapsedListDropdownText()\"\n                            [lineHeight]=\"32\"\n                            [gap]=\"0\"\n                            [itemTemplate]=\"collapsedListItem\"\n                            [dropdownAlign]=\"kitCollapsedListDropdownAlign.INLINE\"\n                            (selectItem)=\"onSelectView($event)\"/>\n      </div>\n    } @else {\n      <kit-skeleton [width]=\"200\"\n                    [height]=\"32\"\n      ></kit-skeleton>\n    }\n  }\n</div>\n\n<ng-template #collapsedListItem let-item>\n  <kit-button class=\"views-item\"\n              [ngClass]=\"item.type\"\n              [active]=\"item.title === selectedView()?.title && item.type === selectedView()?.type\"\n              [label]=\"item.title | titlecase\"\n              [type]=\"item.title === selectedView()?.title && item.type === selectedView()?.type &&\n              kitButtonType.GHOST || kitButtonType.LINK\"\n              [kind]=\"kitButtonKind.MEDIUM\"\n              [iconType]=\"item.type === gridViewType.SYSTEM && kitSvgIconType.STROKE || kitSvgIconType.FILL\"\n              [iconPosition]=\"kitButtonIconPosition.LEADING\"/>\n</ng-template>\n\n<kit-popup #popup\n           popupClass=\"kit-grid-new-view-popup\"\n           [anchor]=\"$any(anchor())\"\n           [content]=\"content\">\n</kit-popup>\n\n<ng-template #content>\n  <div class=\"new-view\">\n    <kit-textbox class=\"new-view-input\"\n                 [defaultValue]=\"createNewViewName()\"\n                 [placeholder]=\"'kit.views.enterText' | translate\"\n                 [state]=\"isViewNameValid && kitTextboxState.DEFAULT || kitTextboxState.ERROR\"\n                 [messageText]=\"inputMessage\"\n                 (changed)=\"createNewViewName.set($event)\"\n    ></kit-textbox>\n    <kit-button [label]=\"'kit.views.save' | translate\"\n                [disabled]=\"!createNewViewName() || !isViewNameValid || isViewSaving()\"\n                (clicked)=\"onViewCreate()\"\n    ></kit-button>\n  </div>\n</ng-template>\n", styles: [".kit-grid-views{display:flex;gap:16px}.kit-grid-views .views-actions{display:flex;gap:16px;padding-right:16px;border-right:1px solid var(--ui-kit-color-grey-11)}.kit-grid-views .views-list{width:100%;min-width:0}::ng-deep .views-list .views-item.system .k-button{color:var(--ui-kit-color-blue)}::ng-deep .views-list .views-item:hover .k-button{color:var(--ui-kit-color-main)}::ng-deep .views-list .views-item .k-button.active{color:var(--ui-kit-color-main)}::ng-deep .views-list .collapsed-list-dropdown .dropdown .k-input-inner{padding:0 16px}::ng-deep .views-list .collapsed-list-dropdown .dropdown .k-input-inner .value-icon{margin-left:5px}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown:focus-within .dropdown{box-shadow:none}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown .dropdown{border-color:transparent;background-color:transparent}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown .dropdown .k-input-value-text span{color:var(--ui-kit-color-main)}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown .dropdown .k-input-value-text svg{stroke:var(--ui-kit-color-main)}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown.selected .dropdown{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-background)}::ng-deep .kit-dropdown-popup.k-popup.collapsed-list-popup{width:360px}::ng-deep .kit-popup.kit-grid-new-view-popup{width:400px}::ng-deep .kit-popup.kit-grid-new-view-popup .new-view{display:flex;flex-direction:row;gap:12px}::ng-deep .kit-popup.kit-grid-new-view-popup .new-view-input{flex:1}\n"], dependencies: [{ kind: "component", type: KitSkeletonComponent, selector: "kit-skeleton", inputs: ["width", "height", "shape", "animation"] }, { kind: "component", type: KitGridViewsSaveComponent, selector: "kit-grid-views-save", inputs: ["viewGroup", "views", "viewsAutocompleteItems"], outputs: ["resetQueryParams"] }, { kind: "component", type: KitCollapsedListComponent, selector: "kit-collapsed-list", inputs: ["itemList", "lineHeight", "dropdownDefaultValueText", "gap", "disableActions", "itemTemplate", "dropdownFooterTemplate", "dropdownItemTemplate", "dropdownNoDataTemplate", "appendTo", "alwaysShowDropdown", "dropdownAlign"], outputs: ["selectItem"] }, { kind: "ngmodule", type: KitSvgIconModule }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: KitButtonModule }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: KitPopupComponent, selector: "kit-popup", inputs: ["anchor", "content", "closeOnOutsideClick", "showFooter", "cancelButtonLabel", "applyButtonLabel", "isApplyButtonDisabled", "positionMode", "popupClass", "closePopupOnCancel", "extraInsideSelectors"], outputs: ["cancelAction", "applyAction", "opened", "closed"] }, { kind: "ngmodule", type: KitTextboxModule }, { kind: "component", type: KitTextboxComponent, selector: "kit-textbox", inputs: ["placeholder", "label", "labelTooltip", "defaultValue", "messageIcon", "messageText", "messageTemplate", "disabled", "maxlength", "state", "size", "icon"], outputs: ["blured", "changed"] }, { kind: "directive", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef", "kitTooltipVisible"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: i3$2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitGridViewsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kit-grid-views', imports: [
                         AsyncPipe,
-                        KitSkeletonModule,
+                        KitSkeletonComponent,
                         KitGridViewsSaveComponent,
                         KitCollapsedListComponent,
                         KitSvgIconModule,
@@ -9462,13 +9093,13 @@ class KitGridSearchComponent {
         this.kitSearchBarComponent().onCloseButtonClick();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitGridSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.1.3", type: KitGridSearchComponent, isStandalone: true, selector: "kit-grid-search", viewQueries: [{ propertyName: "kitSearchBarComponent", first: true, predicate: KitSearchBarComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<kit-search-bar [placeholder]=\"'kit.search.placeholder' | translate\"\n                [searchButtonLabel]=\"'kit.search.searchButtonLabel' | translate\"\n                [searchString]=\"(gridState$ | async)?.search\"\n                [closeButtonLabel]=\"'kit.search.closeButtonLabel' | translate\"\n                (closeButtonClick)=\"closeButtonClick()\"\n></kit-search-bar>\n", dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: KitSearchBarModule }, { kind: "component", type: KitSearchBarComponent, selector: "kit-search-bar", inputs: ["placeholder", "searchButtonLabel", "closeButtonLabel", "searchString"], outputs: ["changed", "searchButtonClick", "closeButtonClick"] }, { kind: "pipe", type: i3$2.TranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.1.3", type: KitGridSearchComponent, isStandalone: true, selector: "kit-grid-search", viewQueries: [{ propertyName: "kitSearchBarComponent", first: true, predicate: KitSearchBarComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<kit-search-bar [placeholder]=\"'kit.search.placeholder' | translate\"\n                [searchButtonLabel]=\"'kit.search.searchButtonLabel' | translate\"\n                [searchString]=\"(gridState$ | async)?.search\"\n                [closeButtonLabel]=\"'kit.search.closeButtonLabel' | translate\"\n                (closeButtonClick)=\"closeButtonClick()\"\n></kit-search-bar>\n", dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "component", type: KitSearchBarComponent, selector: "kit-search-bar", inputs: ["placeholder", "searchButtonLabel", "closeButtonLabel", "searchString"], outputs: ["changed", "searchButtonClick", "closeButtonClick"] }, { kind: "pipe", type: i3$2.TranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitGridSearchComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kit-grid-search', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         TranslateModule,
-                        KitSearchBarModule,
+                        KitSearchBarComponent,
                         AsyncPipe,
                     ], template: "<kit-search-bar [placeholder]=\"'kit.search.placeholder' | translate\"\n                [searchButtonLabel]=\"'kit.search.searchButtonLabel' | translate\"\n                [searchString]=\"(gridState$ | async)?.search\"\n                [closeButtonLabel]=\"'kit.search.closeButtonLabel' | translate\"\n                (closeButtonClick)=\"closeButtonClick()\"\n></kit-search-bar>\n" }]
         }] });
@@ -9548,7 +9179,7 @@ class KitGridDetailsButtonComponent {
         this.kitSvgIconType = KitSvgIconType;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitGridDetailsButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.3", type: KitGridDetailsButtonComponent, isStandalone: true, selector: "kit-grid-details-button", inputs: { link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"kit-grid-details-button\">\n  <a class=\"button-link\"\n     [routerLink]=\"link()\">\n    <kit-svg-icon class=\"button-icon\"\n                  kitTooltip\n                  kitTooltipFilter=\".button-icon\"\n                  [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n                  [title]=\"'kit.grid.view' | translate\"\n                  [icon]=\"kitSvgIcon.DETAILS\" />\n  </a>\n</div>\n", styles: [".kit-grid-details-button{display:flex;justify-content:center;align-items:center}.kit-grid-details-button .button-link{padding:0 8px}.kit-grid-details-button .button-link:hover .button-icon{fill:var(--color-main)}.kit-grid-details-button .button-icon{display:block;fill:var(--color-grey-4);stroke:none;width:16px;height:16px;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef", "kitTooltipVisible"] }, { kind: "ngmodule", type: KitSvgIconModule }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.3", type: KitGridDetailsButtonComponent, isStandalone: true, selector: "kit-grid-details-button", inputs: { link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"kit-grid-details-button\">\n  <a class=\"button-link\"\n     [routerLink]=\"link()\">\n    <kit-svg-icon class=\"button-icon\"\n                  kitTooltip\n                  kitTooltipFilter=\".button-icon\"\n                  [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n                  [title]=\"'kit.grid.view' | translate\"\n                  [icon]=\"kitSvgIcon.DETAILS\" />\n  </a>\n</div>\n", styles: [".kit-grid-details-button{display:flex;justify-content:center;align-items:center}.kit-grid-details-button .button-link{padding:0 8px}.kit-grid-details-button .button-link:hover .button-icon{fill:var(--color-main)}.kit-grid-details-button .button-icon{display:block;fill:var(--color-grey-4);stroke:none;width:16px;height:16px;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef", "kitTooltipVisible"] }, { kind: "ngmodule", type: KitSvgIconModule }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitGridDetailsButtonComponent, decorators: [{
             type: Component,
@@ -9569,12 +9200,12 @@ class KitSkeletonGridComponent {
         return Array(this.itemsCount());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitSkeletonGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitSkeletonGridComponent, isStandalone: true, selector: "kit-skeleton-grid", inputs: { itemsCount: { classPropertyName: "itemsCount", publicName: "itemsCount", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"kit-skeleton-grid\">\n  <kit-skeleton [height]=\"39\"\n  ></kit-skeleton>\n\n  @for (item of items; track item) {\n    <div class=\"kit-skeleton-grid-items\">\n      @for (child of childItems; track child) {\n        <kit-skeleton class=\"kit-skeleton-grid-item\"\n                      [height]=\"44\"\n        ></kit-skeleton>\n      }\n    </div>\n  }\n</div>\n", styles: [".kit-skeleton-grid{display:flex;flex-direction:column;gap:1px}.kit-skeleton-grid-items{display:flex;justify-content:space-between;gap:1px}.kit-skeleton-grid-item{flex:1}\n"], dependencies: [{ kind: "ngmodule", type: KitSkeletonModule }, { kind: "component", type: KitSkeletonComponent, selector: "kit-skeleton", inputs: ["width", "height", "shape", "animation"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitSkeletonGridComponent, isStandalone: true, selector: "kit-skeleton-grid", inputs: { itemsCount: { classPropertyName: "itemsCount", publicName: "itemsCount", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"kit-skeleton-grid\">\n  <kit-skeleton [height]=\"39\"\n  ></kit-skeleton>\n\n  @for (item of items; track item) {\n    <div class=\"kit-skeleton-grid-items\">\n      @for (child of childItems; track child) {\n        <kit-skeleton class=\"kit-skeleton-grid-item\"\n                      [height]=\"44\"\n        ></kit-skeleton>\n      }\n    </div>\n  }\n</div>\n", styles: [".kit-skeleton-grid{display:flex;flex-direction:column;gap:1px}.kit-skeleton-grid-items{display:flex;justify-content:space-between;gap:1px}.kit-skeleton-grid-item{flex:1}\n"], dependencies: [{ kind: "component", type: KitSkeletonComponent, selector: "kit-skeleton", inputs: ["width", "height", "shape", "animation"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitSkeletonGridComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kit-skeleton-grid', imports: [
-                        KitSkeletonModule,
+                        KitSkeletonComponent,
                     ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-skeleton-grid\">\n  <kit-skeleton [height]=\"39\"\n  ></kit-skeleton>\n\n  @for (item of items; track item) {\n    <div class=\"kit-skeleton-grid-items\">\n      @for (child of childItems; track child) {\n        <kit-skeleton class=\"kit-skeleton-grid-item\"\n                      [height]=\"44\"\n        ></kit-skeleton>\n      }\n    </div>\n  }\n</div>\n", styles: [".kit-skeleton-grid{display:flex;flex-direction:column;gap:1px}.kit-skeleton-grid-items{display:flex;justify-content:space-between;gap:1px}.kit-skeleton-grid-item{flex:1}\n"] }]
         }] });
 
@@ -9650,13 +9281,13 @@ class KitEntityGridComponent {
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitEntityGridComponent, isStandalone: true, selector: "kit-entity-grid", inputs: { gridData: { classPropertyName: "gridData", publicName: "gridData", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, gridColumns: { classPropertyName: "gridColumns", publicName: "gridColumns", isSignal: true, isRequired: true, transformFunction: null }, defaultViewName: { classPropertyName: "defaultViewName", publicName: "defaultViewName", isSignal: true, isRequired: true, transformFunction: null }, viewGroup: { classPropertyName: "viewGroup", publicName: "viewGroup", isSignal: true, isRequired: true, transformFunction: null }, viewGroupConfig: { classPropertyName: "viewGroupConfig", publicName: "viewGroupConfig", isSignal: true, isRequired: true, transformFunction: null }, pdfOptions: { classPropertyName: "pdfOptions", publicName: "pdfOptions", isSignal: true, isRequired: true, transformFunction: null }, getExportedData: { classPropertyName: "getExportedData", publicName: "getExportedData", isSignal: true, isRequired: true, transformFunction: null }, defaultSorting: { classPropertyName: "defaultSorting", publicName: "defaultSorting", isSignal: true, isRequired: false, transformFunction: null }, filterExcludedColumns: { classPropertyName: "filterExcludedColumns", publicName: "filterExcludedColumns", isSignal: true, isRequired: false, transformFunction: null }, systemViews: { classPropertyName: "systemViews", publicName: "systemViews", isSignal: true, isRequired: false, transformFunction: null }, translationMap: { classPropertyName: "translationMap", publicName: "translationMap", isSignal: true, isRequired: false, transformFunction: null }, isDetailTemplateVisible: { classPropertyName: "isDetailTemplateVisible", publicName: "isDetailTemplateVisible", isSignal: true, isRequired: false, transformFunction: null }, detailTemplateExpandDisableIf: { classPropertyName: "detailTemplateExpandDisableIf", publicName: "detailTemplateExpandDisableIf", isSignal: true, isRequired: false, transformFunction: null }, gridHasData: { classPropertyName: "gridHasData", publicName: "gridHasData", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, pagerInfoText: { classPropertyName: "pagerInfoText", publicName: "pagerInfoText", isSignal: true, isRequired: false, transformFunction: null }, showBreadcrumbs: { classPropertyName: "showBreadcrumbs", publicName: "showBreadcrumbs", isSignal: true, isRequired: false, transformFunction: null }, pageSizes: { classPropertyName: "pageSizes", publicName: "pageSizes", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { gridViewChanged: "gridViewChanged" }, providers: [
             KitBreadcrumbsService,
             KitGridUrlStateService,
-        ], queries: [{ propertyName: "columns", predicate: KitGridColumnComponent, isSignal: true }, { propertyName: "gridDetailTemplate", first: true, predicate: KitGridDetailTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }], viewQueries: [{ propertyName: "kitGridComponent", first: true, predicate: (KitGridComponent), descendants: true, isSignal: true }, { propertyName: "gridExportComponent", first: true, predicate: KitGridExportComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"kit-entity-grid\">\n  @if (showBreadcrumbs()) {\n    <kit-breadcrumbs [items]=\"breadcrumbs()\"></kit-breadcrumbs>\n  }\n  <kit-entity-title>{{ title() }}</kit-entity-title>\n  <div class=\"grid-header\">\n    <div class=\"grid-header-content\">\n      <kit-grid-views class=\"grid-header-views\"\n                      [viewGroup]=\"viewGroup()\"\n                      [viewConfigGroup]=\"viewGroupConfig()\"\n                      [systemViews]=\"systemViews()\"\n                      [defaultColumns]=\"gridColumns()\"\n                      [defaultViewName]=\"defaultViewName()\"\n                      [defaultSorting]=\"defaultSorting()\"\n                      (viewChanged)=\"onGridViewChange()\"\n      ></kit-grid-views>\n      <div class=\"grid-header-actions\">\n        <kit-grid-export [gridHasData]=\"gridHasData()\"\n                         [exportedFileName]=\"pdfOptions().fileName ?? ''\"\n                         [getExportedData]=\"getExportedData()\"\n                         [translationMap]=\"translationMap()\"\n                         [drawPdf]=\"drawPdf()\" />\n        @if (filters$ | async; as filters) {\n          <kit-button kitBadge\n                      [kitBadgeText]=\"filters.length\"\n                      [kitBadgeTheme]=\"kitBadgeTheme.DANGER\"\n                      [kitBadgeVisible]=\"filters.length > 0\"\n                      [label]=\"'filters.title' | translate\"\n                      [type]=\"kitButtonType.GHOST\"\n                      [kind]=\"kitButtonKind.MEDIUM\"\n                      [icon]=\"kitSvgIcon.FILTER\"\n                      [iconPosition]=\"kitButtonIconPosition.LEADING\"\n                      [active]=\"filtersVisible()\"\n                      (clicked)=\"onFiltersToggle()\"\n          ></kit-button>\n          <kit-grid-column-manager />\n        }\n      </div>\n      <div class=\"grid-header-search\">\n        <kit-grid-search />\n      </div>\n    </div>\n    @if (filtersVisible()) {\n      <ng-content select=\"[filters]\"></ng-content>\n    }\n  </div>\n  <ng-content select=\"[post-header-content]\"></ng-content>\n  @if (gridData(); as data) {\n    @if (!data.loading) {\n      <kit-grid class=\"grid\"\n                [data]=\"data.results\"\n                [pageable]=\"true\"\n                [pageSize]=\"(gridState$ | async)?.take ?? pageSize\"\n                [sort]=\"(gridState$ | async)?.sort ?? defaultSorting()\"\n                [sortable]=\"sortable\"\n                [detailTemplateShowIf]=\"isDetailTemplateVisible()\"\n                [detailTemplateExpandDisableIf]=\"detailTemplateExpandDisableIf()\"\n                [pdfOptions]=\"pdfOptions()\"\n                [loading]=\"isExporting() || isLoading()\"\n                [skip]=\"(gridState$ | async)?.skip ?? 0\"\n                [pagerInfoText]=\"pagerInfoText()\"\n                [pageSizes]=\"pageSizes()\"\n                [gridDetailTemplate]=\"gridDetailTemplate()\"\n                (pageChanged)=\"onPageSizeChanged($event)\"\n                (dataStateChanged)=\"onDataStateChange($event)\"\n      ></kit-grid>\n    } @else {\n      <kit-skeleton-grid\n      ></kit-skeleton-grid>\n    }\n  }\n  <ng-content select=\"[actions]\"></ng-content>\n</div>\n\n", styles: [".kit-entity-grid{display:flex;flex-direction:column;gap:25px;height:calc(100vh - var(--ui-kit-header-height) - 40px)}.kit-entity-grid .grid{overflow:auto}.grid-header{display:flex;flex-direction:column;gap:16px;container-type:inline-size}.grid-header-content{display:flex;gap:16px;width:100%}@container (max-width: 780px){.grid-header-content{display:grid;gap:10px;grid-template-areas:\"views .\" \"actions search\";grid-template-columns:repeat(2,1fr)}}.grid-header-views{min-width:0;flex:1;grid-area:views;grid-column:1/3}.grid-header:has(.search-textbox) .grid-header-views,.grid-header:has(.search-textbox) .grid-header-actions{display:none}.grid-header:has(.search-textbox) .grid-header-search{padding:0;width:100%;border:none}@container (max-width: 780px){.grid-header:has(.search-textbox) .grid-header-search{grid-column-start:1;display:block}}.grid-header-actions{display:flex;gap:16px;grid-area:actions}.grid-header-search{grid-area:search}@container (max-width: 780px){.grid-header-search{border:none;padding:0;display:flex;justify-content:flex-end}}.grid-header-filters{width:100%}::ng-deep .k-loading-pdf-mask{display:none}::ng-deep .k-pdf-export tbody>tr>td>a{display:none}\n"], dependencies: [{ kind: "ngmodule", type: KitBreadcrumbsModule }, { kind: "component", type: KitBreadcrumbsComponent, selector: "kit-breadcrumbs", inputs: ["items"] }, { kind: "ngmodule", type: KitEntityTitleModule }, { kind: "component", type: KitEntityTitleComponent, selector: "kit-entity-title" }, { kind: "component", type: KitGridViewsComponent, selector: "kit-grid-views", inputs: ["viewGroup", "viewConfigGroup", "defaultColumns", "defaultViewName", "defaultSorting", "systemViews"], outputs: ["viewChanged"] }, { kind: "component", type: KitGridExportComponent, selector: "kit-grid-export", inputs: ["getExportedData", "translationMap", "exportedFileName", "drawPdf", "gridHasData", "visibleColumns"] }, { kind: "ngmodule", type: KitButtonModule }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "directive", type: KitBadgeDirective, selector: "[kitBadge]", inputs: ["kitBadgeText", "kitBadgeTheme", "kitBadgeVisible"] }, { kind: "component", type: KitGridColumnManagerComponent, selector: "kit-grid-column-manager" }, { kind: "component", type: KitGridSearchComponent, selector: "kit-grid-search" }, { kind: "ngmodule", type: KitGridModule }, { kind: "component", type: KitGridComponent, selector: "kit-grid", inputs: ["data", "gridDataBinding", "sortable", "sort", "pageable", "pageSize", "skip", "loading", "detailTemplateShowIf", "detailTemplateExpandDisableIf", "showFooter", "footerTitle", "footerData", "pdfOptions", "pagerButtonCount", "pageSizes", "pagerInfoText", "resizable", "gridDetailTemplate"], outputs: ["pageChanged", "sortChanged", "dataStateChanged", "detailExpanded", "detailCollapsed", "cellClicked", "excelExport"] }, { kind: "component", type: KitSkeletonGridComponent, selector: "kit-skeleton-grid", inputs: ["itemsCount"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], queries: [{ propertyName: "columns", predicate: KitGridColumnComponent, isSignal: true }, { propertyName: "gridDetailTemplate", first: true, predicate: KitGridDetailTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }], viewQueries: [{ propertyName: "kitGridComponent", first: true, predicate: (KitGridComponent), descendants: true, isSignal: true }, { propertyName: "gridExportComponent", first: true, predicate: KitGridExportComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"kit-entity-grid\">\n  @if (showBreadcrumbs()) {\n    <kit-breadcrumbs [items]=\"breadcrumbs()\"></kit-breadcrumbs>\n  }\n  <kit-entity-title>{{ title() }}</kit-entity-title>\n  <div class=\"grid-header\">\n    <div class=\"grid-header-content\">\n      <kit-grid-views class=\"grid-header-views\"\n                      [viewGroup]=\"viewGroup()\"\n                      [viewConfigGroup]=\"viewGroupConfig()\"\n                      [systemViews]=\"systemViews()\"\n                      [defaultColumns]=\"gridColumns()\"\n                      [defaultViewName]=\"defaultViewName()\"\n                      [defaultSorting]=\"defaultSorting()\"\n                      (viewChanged)=\"onGridViewChange()\"\n      ></kit-grid-views>\n      <div class=\"grid-header-actions\">\n        <kit-grid-export [gridHasData]=\"gridHasData()\"\n                         [exportedFileName]=\"pdfOptions().fileName ?? ''\"\n                         [getExportedData]=\"getExportedData()\"\n                         [translationMap]=\"translationMap()\"\n                         [drawPdf]=\"drawPdf()\" />\n        @if (filters$ | async; as filters) {\n          <kit-button kitBadge\n                      [kitBadgeText]=\"filters.length\"\n                      [kitBadgeTheme]=\"kitBadgeTheme.DANGER\"\n                      [kitBadgeVisible]=\"filters.length > 0\"\n                      [label]=\"'filters.title' | translate\"\n                      [type]=\"kitButtonType.GHOST\"\n                      [kind]=\"kitButtonKind.MEDIUM\"\n                      [icon]=\"kitSvgIcon.FILTER\"\n                      [iconPosition]=\"kitButtonIconPosition.LEADING\"\n                      [active]=\"filtersVisible()\"\n                      (clicked)=\"onFiltersToggle()\"\n          ></kit-button>\n          <kit-grid-column-manager />\n        }\n      </div>\n      <div class=\"grid-header-search\">\n        <kit-grid-search />\n      </div>\n    </div>\n    @if (filtersVisible()) {\n      <ng-content select=\"[filters]\"></ng-content>\n    }\n  </div>\n  <ng-content select=\"[post-header-content]\"></ng-content>\n  @if (gridData(); as data) {\n    @if (!data.loading) {\n      <kit-grid class=\"grid\"\n                [data]=\"data.results\"\n                [pageable]=\"true\"\n                [pageSize]=\"(gridState$ | async)?.take ?? pageSize\"\n                [sort]=\"(gridState$ | async)?.sort ?? defaultSorting()\"\n                [sortable]=\"sortable\"\n                [detailTemplateShowIf]=\"isDetailTemplateVisible()\"\n                [detailTemplateExpandDisableIf]=\"detailTemplateExpandDisableIf()\"\n                [pdfOptions]=\"pdfOptions()\"\n                [loading]=\"isExporting() || isLoading()\"\n                [skip]=\"(gridState$ | async)?.skip ?? 0\"\n                [pagerInfoText]=\"pagerInfoText()\"\n                [pageSizes]=\"pageSizes()\"\n                [gridDetailTemplate]=\"gridDetailTemplate()\"\n                (pageChanged)=\"onPageSizeChanged($event)\"\n                (dataStateChanged)=\"onDataStateChange($event)\"\n      ></kit-grid>\n    } @else {\n      <kit-skeleton-grid\n      ></kit-skeleton-grid>\n    }\n  }\n  <ng-content select=\"[actions]\"></ng-content>\n</div>\n\n", styles: [".kit-entity-grid{display:flex;flex-direction:column;gap:25px;height:calc(100vh - var(--ui-kit-header-height) - 40px)}.kit-entity-grid .grid{overflow:auto}.grid-header{display:flex;flex-direction:column;gap:16px;container-type:inline-size}.grid-header-content{display:flex;gap:16px;width:100%}@container (max-width: 780px){.grid-header-content{display:grid;gap:10px;grid-template-areas:\"views .\" \"actions search\";grid-template-columns:repeat(2,1fr)}}.grid-header-views{min-width:0;flex:1;grid-area:views;grid-column:1/3}.grid-header:has(.search-textbox) .grid-header-views,.grid-header:has(.search-textbox) .grid-header-actions{display:none}.grid-header:has(.search-textbox) .grid-header-search{padding:0;width:100%;border:none}@container (max-width: 780px){.grid-header:has(.search-textbox) .grid-header-search{grid-column-start:1;display:block}}.grid-header-actions{display:flex;gap:16px;grid-area:actions}.grid-header-search{grid-area:search}@container (max-width: 780px){.grid-header-search{border:none;padding:0;display:flex;justify-content:flex-end}}.grid-header-filters{width:100%}::ng-deep .k-loading-pdf-mask{display:none}::ng-deep .k-pdf-export tbody>tr>td>a{display:none}\n"], dependencies: [{ kind: "component", type: KitBreadcrumbsComponent, selector: "kit-breadcrumbs", inputs: ["items"] }, { kind: "ngmodule", type: KitEntityTitleModule }, { kind: "component", type: KitEntityTitleComponent, selector: "kit-entity-title" }, { kind: "component", type: KitGridViewsComponent, selector: "kit-grid-views", inputs: ["viewGroup", "viewConfigGroup", "defaultColumns", "defaultViewName", "defaultSorting", "systemViews"], outputs: ["viewChanged"] }, { kind: "component", type: KitGridExportComponent, selector: "kit-grid-export", inputs: ["getExportedData", "translationMap", "exportedFileName", "drawPdf", "gridHasData", "visibleColumns"] }, { kind: "ngmodule", type: KitButtonModule }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "directive", type: KitBadgeDirective, selector: "[kitBadge]", inputs: ["kitBadgeText", "kitBadgeTheme", "kitBadgeVisible"] }, { kind: "component", type: KitGridColumnManagerComponent, selector: "kit-grid-column-manager" }, { kind: "component", type: KitGridSearchComponent, selector: "kit-grid-search" }, { kind: "ngmodule", type: KitGridModule }, { kind: "component", type: KitGridComponent, selector: "kit-grid", inputs: ["data", "gridDataBinding", "sortable", "sort", "pageable", "pageSize", "skip", "loading", "detailTemplateShowIf", "detailTemplateExpandDisableIf", "showFooter", "footerTitle", "footerData", "pdfOptions", "pagerButtonCount", "pageSizes", "pagerInfoText", "resizable", "gridDetailTemplate"], outputs: ["pageChanged", "sortChanged", "dataStateChanged", "detailExpanded", "detailCollapsed", "cellClicked", "excelExport"] }, { kind: "component", type: KitSkeletonGridComponent, selector: "kit-skeleton-grid", inputs: ["itemsCount"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitEntityGridComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kit-entity-grid', imports: [
                         TranslatePipe,
-                        KitBreadcrumbsModule,
+                        KitBreadcrumbsComponent,
                         KitEntityTitleModule,
                         KitGridViewsComponent,
                         KitGridExportComponent,
@@ -9773,12 +9404,12 @@ class KitSidebarComponent {
         this.store.dispatch(new FetchUserApplications());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitSidebarComponent, isStandalone: true, selector: "kit-sidebar", inputs: { menuItems: { classPropertyName: "menuItems", publicName: "menuItems", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"kit-sidebar\">\n  @if (menuItems$ | async; as menuItems) {\n    <kit-navigation-menu class=\"navigation-menu\"\n                         logoPath=\"assets/config/logo.svg\"\n                         [menuItems]=\"menuItems\"\n                         [appsMenuItems]=\"(appsMenuItems$ | async) ?? []\"\n    ></kit-navigation-menu>\n  }\n</div>\n\n", styles: [".kit-sidebar{height:100%}.kit-sidebar .navigation-menu{display:block;height:100%}.kit-sidebar .navigation-menu ::ng-deep .logo-wrapper{display:flex;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: KitNavigationMenuModule }, { kind: "component", type: KitNavigationMenuComponent, selector: "kit-navigation-menu", inputs: ["menuItems", "appsMenuItems", "logoPath"], outputs: ["menuItemsChange"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitSidebarComponent, isStandalone: true, selector: "kit-sidebar", inputs: { menuItems: { classPropertyName: "menuItems", publicName: "menuItems", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"kit-sidebar\">\n  @if (menuItems$ | async; as menuItems) {\n    <kit-navigation-menu class=\"navigation-menu\"\n                         logoPath=\"assets/config/logo.svg\"\n                         [menuItems]=\"menuItems\"\n                         [appsMenuItems]=\"(appsMenuItems$ | async) ?? []\"\n    ></kit-navigation-menu>\n  }\n</div>\n\n", styles: [".kit-sidebar{height:100%}.kit-sidebar .navigation-menu{display:block;height:100%}.kit-sidebar .navigation-menu ::ng-deep .logo-wrapper{display:flex;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "component", type: KitNavigationMenuComponent, selector: "kit-navigation-menu", inputs: ["menuItems", "appsMenuItems", "logoPath"], outputs: ["menuItemsChange"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitSidebarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kit-sidebar', imports: [
-                        KitNavigationMenuModule,
+                        KitNavigationMenuComponent,
                         AsyncPipe,
                     ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-sidebar\">\n  @if (menuItems$ | async; as menuItems) {\n    <kit-navigation-menu class=\"navigation-menu\"\n                         logoPath=\"assets/config/logo.svg\"\n                         [menuItems]=\"menuItems\"\n                         [appsMenuItems]=\"(appsMenuItems$ | async) ?? []\"\n    ></kit-navigation-menu>\n  }\n</div>\n\n", styles: [".kit-sidebar{height:100%}.kit-sidebar .navigation-menu{display:block;height:100%}.kit-sidebar .navigation-menu ::ng-deep .logo-wrapper{display:flex;justify-content:center;align-items:center}\n"] }]
         }] });
@@ -9841,12 +9472,12 @@ class KitTopBarUserComponent {
         this.store.dispatch(new FetchUser());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitTopBarUserComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitTopBarUserComponent, isStandalone: true, selector: "kit-top-bar-user", inputs: { menuItems: { classPropertyName: "menuItems", publicName: "menuItems", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"kit-top-bar-user\">\n  @if (user$ | async; as user) {\n    @if (!user.loading) {\n      @if (menuItems$ | async; as menuItems) {\n        <kit-profile-menu [userName]=\"buildUserName(user?.data)\"\n                          [companyName]=\"user.data?.companyName\"\n                          [menuItems]=\"menuItems\"\n        ></kit-profile-menu>\n      }\n    } @else {\n      <kit-skeleton class=\"header-profile-skeleton\"\n                    [width]=\"40\"\n                    [height]=\"40\"\n                    [shape]=\"kitSkeletonShape.CIRCLE\"\n      ></kit-skeleton>\n    }\n  }\n</div>\n", styles: [".kit-top-bar-user-skeleton{display:block;margin-right:34px}\n"], dependencies: [{ kind: "ngmodule", type: KitSkeletonModule }, { kind: "component", type: KitSkeletonComponent, selector: "kit-skeleton", inputs: ["width", "height", "shape", "animation"] }, { kind: "component", type: KitProfileMenuComponent, selector: "kit-profile-menu", inputs: ["menuItems", "userName", "companyName", "avatarImageSrc"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitTopBarUserComponent, isStandalone: true, selector: "kit-top-bar-user", inputs: { menuItems: { classPropertyName: "menuItems", publicName: "menuItems", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"kit-top-bar-user\">\n  @if (user$ | async; as user) {\n    @if (!user.loading) {\n      @if (menuItems$ | async; as menuItems) {\n        <kit-profile-menu [userName]=\"buildUserName(user?.data)\"\n                          [companyName]=\"user.data?.companyName\"\n                          [menuItems]=\"menuItems\"\n        ></kit-profile-menu>\n      }\n    } @else {\n      <kit-skeleton class=\"header-profile-skeleton\"\n                    [width]=\"40\"\n                    [height]=\"40\"\n                    [shape]=\"kitSkeletonShape.CIRCLE\"\n      ></kit-skeleton>\n    }\n  }\n</div>\n", styles: [".kit-top-bar-user-skeleton{display:block;margin-right:34px}\n"], dependencies: [{ kind: "component", type: KitSkeletonComponent, selector: "kit-skeleton", inputs: ["width", "height", "shape", "animation"] }, { kind: "component", type: KitProfileMenuComponent, selector: "kit-profile-menu", inputs: ["menuItems", "userName", "companyName", "avatarImageSrc"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitTopBarUserComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kit-top-bar-user', imports: [
-                        KitSkeletonModule,
+                        KitSkeletonComponent,
                         KitProfileMenuComponent,
                         AsyncPipe,
                     ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-top-bar-user\">\n  @if (user$ | async; as user) {\n    @if (!user.loading) {\n      @if (menuItems$ | async; as menuItems) {\n        <kit-profile-menu [userName]=\"buildUserName(user?.data)\"\n                          [companyName]=\"user.data?.companyName\"\n                          [menuItems]=\"menuItems\"\n        ></kit-profile-menu>\n      }\n    } @else {\n      <kit-skeleton class=\"header-profile-skeleton\"\n                    [width]=\"40\"\n                    [height]=\"40\"\n                    [shape]=\"kitSkeletonShape.CIRCLE\"\n      ></kit-skeleton>\n    }\n  }\n</div>\n", styles: [".kit-top-bar-user-skeleton{display:block;margin-right:34px}\n"] }]
@@ -10129,5 +9760,5 @@ const kitUserPermissionsGuard = (route) => {
  * Generated bundle index. Do not edit.
  */
 
-export { AbstractKitCtaPanelConfirmationComponent, AddGridFilter, FetchUser, FetchUserPermissions, FetchUserSettings, HighlightPipe, KIT_BASE_PATH, KIT_DATETIME_FORMAT_LONG, KIT_DATE_FORMAT, KIT_GRID_CELL_DATE_FORMAT_CONFIG, KIT_GRID_STATE_TOKEN, KIT_USER_PATH, KIT_USER_PERMISSIONS_PATH, KIT_USER_PERMISSIONS_STATE_TOKEN, KIT_USER_STATE_TOKEN, KitAutocompleteComponent, KitAutocompleteDirective, KitAutocompleteModule, KitAvatarComponent, KitAvatarModule, KitAvatarSize, KitBadgeDirective, KitBadgeTheme, KitBreadcrumbsComponent, KitBreadcrumbsModule, KitBreadcrumbsService, KitButtonComponent, KitButtonIconPosition, KitButtonKind, KitButtonModule, KitButtonState, KitButtonType, KitCardComponent, KitCardModule, KitCardTheme, KitCheckboxComponent, KitCheckboxModule, KitCheckboxState, KitCollapsedListComponent, KitCollapsedListDropdownAlign, KitCopyTextComponent, KitCopyTextModule, KitCtaPanelAbstractConfirmationComponent, KitCtaPanelAbstractConfirmationModule, KitCtaPanelActionComponent, KitCtaPanelActionModule, KitCtaPanelConfirmationComponent, KitCtaPanelConfirmationModule, KitCtaPanelItemComponent, KitCtaPanelItemModule, KitCtaPanelItemType, KitDataFieldComponent, KitDataFieldState, KitDatepickerComponent, KitDatepickerModule, KitDatepickerSize, KitDaterangeComponent, KitDaterangeModule, KitDaterangeType, KitDatetimepickerComponent, KitDatetimepickerModule, KitDialogActionsComponent, KitDialogComponent, KitDialogService, KitDropdownComponent, KitDropdownItemTemplateDirective, KitDropdownModule, KitDropdownSize, KitEmptySectionComponent, KitEntityGridComponent, KitEntitySectionComponent, KitEntitySectionContainerComponent, KitEntityTitleComponent, KitEntityTitleModule, KitFileCardComponent, KitFileCardMessagesComponent, KitFileCardModule, KitFileUploadComponent, KitFileUploadModule, KitFilterCheckboxComponent, KitFilterLogic, KitFilterOperator, KitFilterType, KitGlobalSearchComponent, KitGridCellComponent, KitGridCellService, KitGridCellTemplateDirective, KitGridColumnComponent, KitGridColumnManagerComponent, KitGridComponent, KitGridDetailTemplateDirective, KitGridDetailsButtonComponent, KitGridExportComponent, KitGridFiltersComponent, KitGridModule, KitGridSearchComponent, KitGridSortSettingsMode, KitGridState, KitGridUrlStateService, KitGridViewType, KitGridViewsComponent, KitGridViewsState, KitInputLabelComponent, KitInputLabelModule, KitInputMessageComponent, KitInputMessageModule, KitLoaderComponent, KitLoaderModule, KitLocationStepperComponent, KitLocationStepperModule, KitMobileHeaderComponent, KitMobileMenuComponent, KitMobileMenuState, KitMultiselectComponent, KitMultiselectModule, KitNavigationMenuComponent, KitNavigationMenuModule, KitNavigationMenuService, KitNavigationMenuSubmenuComponent, KitNavigationTabsComponent, KitNavigationTabsModule, KitNavigationTabsType, KitNoteComponent, KitNoteModule, KitNotificationComponent, KitNotificationService, KitNotificationType, KitNumericTextboxComponent, KitNumericTextboxModule, KitNumericTextboxSize, KitNumericTextboxState, KitOptionToggleComponent, KitPageLayoutComponent, KitPermissionDirective, KitPermissionModule, KitPillComponent, KitPillTheme, KitPillType, KitPopupAlignHorizontal, KitPopupAlignVertical, KitPopupComponent, KitPopupPositionMode, KitProfileMenuComponent, KitQueryParamsName, KitQueryParamsService, KitRadioButtonComponent, KitRadioButtonModule, KitRadioButtonType, KitRoutePathComponent, KitSchedulerComponent, KitSchedulerMonthEventTemplateDirective, KitSchedulerWeekEventTemplateDirective, KitScrollNavigationComponent, KitScrollNavigationSectionComponent, KitSearchBarComponent, KitSearchBarModule, KitSidebarComponent, KitSkeletonAnimation, KitSkeletonComponent, KitSkeletonModule, KitSkeletonShape, KitSortDirection, KitSortableComponent, KitSvgIcon, KitSvgIconComponent, KitSvgIconModule, KitSvgIconType, KitSvgSpriteComponent, KitSvgSpriteModule, KitSwitchComponent, KitSwitchMode, KitSwitchModule, KitSwitchState, KitTabComponent, KitTabContentDirective, KitTabsComponent, KitTabsModule, KitTabsSize, KitTabsType, KitTextLabelComponent, KitTextLabelModule, KitTextLabelState, KitTextareaAutoresizeDirective, KitTextareaComponent, KitTextareaModule, KitTextareaState, KitTextboxComponent, KitTextboxModule, KitTextboxSize, KitTextboxState, KitThemeService, KitThemes, KitTileLayoutComponent, KitTileLayoutItemComponent, KitTileLayoutModule, KitTimelineCardComponent, KitTimelineComponent, KitTimelineTheme, KitTimelineType, KitTimepickerComponent, KitTimepickerModule, KitTitleTemplateDirective, KitToastrModule, KitToastrPosition, KitToastrService, KitToastrType, KitToggleComponent, KitToggleSize, KitTooltipDirective, KitTooltipPosition, KitTopBarComponent, KitTrackingCardComponent, KitTrackingTimelineComponent, KitTranslateLoader, KitTranslateService, KitTruncateTextComponent, KitUnitsTextboxComponent, KitUnitsTextboxDropdownPosition, KitUnitsTextboxModule, KitUnitsTextboxType, KitUserApplicationsState, KitUserPermissionsState, KitUserSettingsComponent, KitUserSettingsKeys, KitUserSettingsState, KitUserState, RemoveGridFilter, SetGridColumns, SetGridFilters, SetGridSearch, SetGridSkip, SetGridSort, SetGridTake, UpdateGridFilter, buildRandomUUID, changeFilterField, createDataFetcherFactory, ensureTrailingSlash, findMatches, kitBuildFilterBooleanOptions, kitBuildFilterListOptions, kitBuildFilters, kitBuildGridColumn, kitBuildGridDataResults, kitBuildOdataFilter, kitBuildSortString, kitDataStateToODataString, kitEncodeViewNameToUrl, kitGetPermissionTypesByCategory, kitHasPermission, kitUserPermissionsGuard, mapGlobalSearchResult };
+export { AbstractKitCtaPanelConfirmationComponent, AddGridFilter, FetchUser, FetchUserPermissions, FetchUserSettings, HighlightPipe, KIT_BASE_PATH, KIT_DATETIME_FORMAT_LONG, KIT_DATE_FORMAT, KIT_GRID_CELL_DATE_FORMAT_CONFIG, KIT_GRID_STATE_TOKEN, KIT_USER_PATH, KIT_USER_PERMISSIONS_PATH, KIT_USER_PERMISSIONS_STATE_TOKEN, KIT_USER_STATE_TOKEN, KitAutocompleteComponent, KitAutocompleteDirective, KitAvatarComponent, KitAvatarSize, KitBadgeDirective, KitBadgeTheme, KitBreadcrumbsComponent, KitBreadcrumbsService, KitButtonComponent, KitButtonIconPosition, KitButtonKind, KitButtonModule, KitButtonState, KitButtonType, KitCardComponent, KitCardTheme, KitCheckboxComponent, KitCheckboxModule, KitCheckboxState, KitCollapsedListComponent, KitCollapsedListDropdownAlign, KitCopyTextComponent, KitCopyTextModule, KitCtaPanelAbstractConfirmationComponent, KitCtaPanelAbstractConfirmationModule, KitCtaPanelActionComponent, KitCtaPanelActionModule, KitCtaPanelConfirmationComponent, KitCtaPanelConfirmationModule, KitCtaPanelItemComponent, KitCtaPanelItemModule, KitCtaPanelItemType, KitDataFieldComponent, KitDataFieldState, KitDatepickerComponent, KitDatepickerModule, KitDatepickerSize, KitDaterangeComponent, KitDaterangeModule, KitDaterangeType, KitDatetimepickerComponent, KitDatetimepickerModule, KitDialogActionsComponent, KitDialogComponent, KitDialogService, KitDropdownComponent, KitDropdownItemTemplateDirective, KitDropdownModule, KitDropdownSize, KitEmptySectionComponent, KitEntityGridComponent, KitEntitySectionComponent, KitEntitySectionContainerComponent, KitEntityTitleComponent, KitEntityTitleModule, KitFileCardComponent, KitFileCardMessagesComponent, KitFileCardModule, KitFileUploadComponent, KitFileUploadModule, KitFilterCheckboxComponent, KitFilterLogic, KitFilterOperator, KitFilterType, KitGlobalSearchComponent, KitGridCellComponent, KitGridCellService, KitGridCellTemplateDirective, KitGridColumnComponent, KitGridColumnManagerComponent, KitGridComponent, KitGridDetailTemplateDirective, KitGridDetailsButtonComponent, KitGridExportComponent, KitGridFiltersComponent, KitGridModule, KitGridSearchComponent, KitGridSortSettingsMode, KitGridState, KitGridUrlStateService, KitGridViewType, KitGridViewsComponent, KitGridViewsState, KitInputLabelComponent, KitInputLabelModule, KitInputMessageComponent, KitInputMessageModule, KitLoaderComponent, KitLocationStepperComponent, KitLocationStepperModule, KitMobileHeaderComponent, KitMobileMenuComponent, KitMobileMenuState, KitMultiselectComponent, KitMultiselectModule, KitNavigationMenuComponent, KitNavigationMenuService, KitNavigationMenuSubmenuComponent, KitNavigationTabsComponent, KitNavigationTabsModule, KitNavigationTabsType, KitNoteComponent, KitNotificationComponent, KitNotificationService, KitNotificationType, KitNumericTextboxComponent, KitNumericTextboxModule, KitNumericTextboxSize, KitNumericTextboxState, KitOptionToggleComponent, KitPageLayoutComponent, KitPermissionDirective, KitPillComponent, KitPillTheme, KitPillType, KitPopupAlignHorizontal, KitPopupAlignVertical, KitPopupComponent, KitPopupPositionMode, KitProfileMenuComponent, KitQueryParamsName, KitQueryParamsService, KitRadioButtonComponent, KitRadioButtonModule, KitRadioButtonType, KitRoutePathComponent, KitSchedulerComponent, KitSchedulerMonthEventTemplateDirective, KitSchedulerWeekEventTemplateDirective, KitScrollNavigationComponent, KitScrollNavigationSectionComponent, KitSearchBarComponent, KitSidebarComponent, KitSkeletonAnimation, KitSkeletonComponent, KitSkeletonShape, KitSortDirection, KitSortableComponent, KitSvgIcon, KitSvgIconComponent, KitSvgIconModule, KitSvgIconType, KitSvgSpriteComponent, KitSvgSpriteModule, KitSwitchComponent, KitSwitchMode, KitSwitchState, KitTabComponent, KitTabContentDirective, KitTabsComponent, KitTabsSize, KitTabsType, KitTextLabelComponent, KitTextLabelModule, KitTextLabelState, KitTextareaAutoresizeDirective, KitTextareaComponent, KitTextareaState, KitTextboxComponent, KitTextboxModule, KitTextboxSize, KitTextboxState, KitThemeService, KitThemes, KitTileLayoutComponent, KitTileLayoutItemComponent, KitTimelineCardComponent, KitTimelineComponent, KitTimelineTheme, KitTimelineType, KitTimepickerComponent, KitTimepickerModule, KitTitleTemplateDirective, KitToastrModule, KitToastrPosition, KitToastrService, KitToastrType, KitToggleComponent, KitToggleSize, KitTooltipDirective, KitTooltipPosition, KitTopBarComponent, KitTrackingCardComponent, KitTrackingTimelineComponent, KitTranslateLoader, KitTranslateService, KitTruncateTextComponent, KitUnitsTextboxComponent, KitUnitsTextboxDropdownPosition, KitUnitsTextboxModule, KitUnitsTextboxType, KitUserApplicationsState, KitUserPermissionsState, KitUserSettingsComponent, KitUserSettingsKeys, KitUserSettingsState, KitUserState, RemoveGridFilter, SetGridColumns, SetGridFilters, SetGridSearch, SetGridSkip, SetGridSort, SetGridTake, UpdateGridFilter, buildRandomUUID, changeFilterField, createDataFetcherFactory, ensureTrailingSlash, findMatches, kitBuildFilterBooleanOptions, kitBuildFilterListOptions, kitBuildFilters, kitBuildGridColumn, kitBuildGridDataResults, kitBuildOdataFilter, kitBuildSortString, kitDataStateToODataString, kitEncodeViewNameToUrl, kitGetPermissionTypesByCategory, kitHasPermission, kitUserPermissionsGuard, mapGlobalSearchResult };
 //# sourceMappingURL=indigina-ui-kit.mjs.map