npm - @indigina/ui-kit - Versions diffs - 1.1.363 → 1.1.365 - Mend

@indigina/ui-kit 1.1.363 → 1.1.365

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/fesm2022/indigina-ui-kit.mjs +108 -19
package/fesm2022/indigina-ui-kit.mjs.map +1 -1
package/index.d.ts +45 -4
package/package.json +2 -1

package/fesm2022/indigina-ui-kit.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
 import * as i1$6 from '@angular/common';
 import { NgClass, NgTemplateOutlet, CommonModule, AsyncPipe, DatePipe, TitleCasePipe, DecimalPipe } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Input, ChangeDetectionStrategy, Component, input, EventEmitter, Output, ViewEncapsulation, InjectionToken, inject, Injectable, effect, ElementRef, NgZone, Renderer2, Directive, model, output, viewChild, forwardRef, ViewChild, signal, HostListener, TemplateRef, ContentChild, computed, NgModule, RendererFactory2, DOCUMENT, ViewContainerRef, DestroyRef, contentChildren, ContentChildren, viewChildren, Pipe, contentChild, Injector, runInInjectionContext } from '@angular/core';
+import { Input, ChangeDetectionStrategy, Component, input, EventEmitter, Output, ViewEncapsulation, InjectionToken, inject, Injectable, effect, ElementRef, NgZone, Renderer2, Directive, model, output, viewChild, forwardRef, ViewChild, signal, HostListener, TemplateRef, ContentChild, computed, NgModule, RendererFactory2, DOCUMENT, ViewContainerRef, DestroyRef, contentChildren, ContentChildren, viewChildren, contentChild, Pipe, Injector, runInInjectionContext } from '@angular/core';
 import * as i1 from '@progress/kendo-angular-buttons';
 import { ButtonModule, ButtonGroupModule } from '@progress/kendo-angular-buttons';
 import { HttpClient, HttpHeaders, HttpParams } from '@angular/common/http';
@@ -805,7 +805,7 @@ class KitTextboxComponent {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => KitTextboxComponent),
                 multi: true,
-            }], viewQueries: [{ propertyName: "textboxComponent", first: true, predicate: TextBoxComponent, descendants: true, isSignal: true }, { propertyName: "textbox", first: true, predicate: ["textbox"], descendants: true }], ngImport: i0, template: "<div class=\"kit-textbox\"\n     [ngClass]=\"[state(), size()]\"\n     [class.disabled]=\"disabled()\"\n     [class.readonly]=\"readonly()\">\n  @if (label()) {\n    <kit-input-label class=\"label\"\n                     [for]=\"$any(textbox)\"\n                     [text]=\"label()\"\n                     [tooltip]=\"labelTooltip()\"\n    ></kit-input-label>\n  }\n  <div class=\"kit-textbox-input\">\n    @if (icon()) {\n      <kit-svg-icon class=\"kit-textbox-icon\"\n                    [icon]=\"icon()\"\n      ></kit-svg-icon>\n    }\n    <kendo-textbox #textbox\n                   [placeholder]=\"placeholder()\"\n                   [disabled]=\"disabled()\"\n                   [readonly]=\"readonly()\"\n                   [value]=\"defaultValue()\"\n                   [maxlength]=\"maxlength()\"\n                   [clearButton]=\"clearButton()\"\n                   (blur)=\"onInputBlur()\"\n                   (focus)=\"focused.emit()\"\n                   (valueChange)=\"onInputChange($event)\"\n    ></kendo-textbox>\n    @if (showStateIcon()) {\n      <kit-svg-icon class=\"kit-textbox-state-icon\"\n                    [icon]=\"textboxStateIcon[state()]\"\n      ></kit-svg-icon>\n    }\n  </div>\n\n  <ng-container *ngTemplateOutlet=\"messageTemplate()\" />\n\n  @if (messageText() && !messageTemplate()) {\n    <kit-input-message [icon]=\"messageIcon()\"\n                       [message]=\"messageText()\"\n    ></kit-input-message>\n  }\n</div> \n", styles: [".kit-textbox.large .kit-textbox-input{padding:0 12px;border-radius:8px}.kit-textbox.large .k-input{height:44px}.kit-textbox.regular .kit-textbox-input{padding:0 12px;border-radius:8px}.kit-textbox.regular .k-input{height:38px}.kit-textbox.small .kit-textbox-input{padding:0 8px;border-radius:4px}.kit-textbox.small .k-input{height:30px}.kit-textbox .label{display:block;margin-bottom:4px}.kit-textbox-input{display:flex;align-items:center;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-textbox-icon{flex-shrink:0;display:block;margin-right:8px;width:16px;height:16px;fill:var(--ui-kit-color-grey-10)}.kit-textbox-state-icon{flex-shrink:0;display:block;margin-left:12px;width:14px;height:14px}.kit-textbox .k-input{padding:0;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;opacity:1;box-shadow:none;border:none}.kit-textbox .k-input-inner{padding:0;width:100%;color:inherit;line-height:1}.kit-textbox .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-textbox .k-input-prefix,.kit-textbox .k-input-suffix{height:0}.kit-textbox.default .kit-textbox-state-icon{fill:var(--ui-kit-color-grey-12)}.kit-textbox.default:hover .kit-textbox-input{border-color:var(--ui-kit-color-hover)}.kit-textbox.default:focus-within .kit-textbox-input{border-color:var(--ui-kit-color-main);outline:2px solid var(--ui-kit-color-focus);outline-offset:0}.kit-textbox.warning .kit-textbox-input{border-color:var(--ui-kit-color-orange)}.kit-textbox.warning .kit-textbox-state-icon,.kit-textbox.warning .kit-textbox-icon{fill:var(--ui-kit-color-orange)}.kit-textbox.warning:focus-within .kit-textbox-input{outline:2px solid var(--ui-kit-color-orange-1);outline-offset:0}.kit-textbox.error .kit-textbox-input{border-color:var(--ui-kit-color-red-1)}.kit-textbox.error .kit-textbox-state-icon,.kit-textbox.error .kit-textbox-icon{fill:var(--ui-kit-color-red-1)}.kit-textbox.error:focus-within .kit-textbox-input{outline:2px solid var(--ui-kit-color-red-2);outline-offset:0}.kit-textbox.success .kit-textbox-state-icon{fill:var(--ui-kit-color-green-1)}.kit-textbox.success:hover .kit-textbox-input{border-color:var(--ui-kit-color-green-1)}.kit-textbox.success:focus-within .kit-textbox-input{border-color:var(--ui-kit-color-green-1);outline:2px solid var(--ui-kit-color-green-2);outline-offset:0}.kit-textbox.disabled .k-input{color:var(--ui-kit-color-grey-12);background:var(--ui-kit-color-grey-13)}.kit-textbox.disabled .kit-textbox-input{border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-textbox.disabled .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-textbox.disabled .kit-textbox-icon{fill:var(--ui-kit-color-grey-12)}.kit-textbox.disabled:hover .kit-textbox-input{border-color:var(--ui-kit-color-grey-11)}.kit-textbox.readonly{background:none;cursor:default}.kit-textbox.readonly .k-input{color:var(--ui-kit-color-grey-12)}\n"], dependencies: [{ kind: "ngmodule", type: TextBoxModule }, { kind: "component", type: i1$2.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: "component", type: KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }, { kind: "component", type: KitInputMessageComponent, selector: "kit-input-message", inputs: ["icon", "message"] }, { 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, encapsulation: i0.ViewEncapsulation.None }); }
+            }], viewQueries: [{ propertyName: "textboxComponent", first: true, predicate: TextBoxComponent, descendants: true, isSignal: true }, { propertyName: "textbox", first: true, predicate: ["textbox"], descendants: true }], ngImport: i0, template: "<div class=\"kit-textbox\"\n     [ngClass]=\"[state(), size()]\"\n     [class.disabled]=\"disabled()\"\n     [class.readonly]=\"readonly()\">\n  @if (label()) {\n    <kit-input-label class=\"label\"\n                     [for]=\"$any(textbox)\"\n                     [text]=\"label()\"\n                     [tooltip]=\"labelTooltip()\"\n    ></kit-input-label>\n  }\n  <div class=\"kit-textbox-input\">\n    @if (icon()) {\n      <kit-svg-icon class=\"kit-textbox-icon\"\n                    [icon]=\"icon()\"\n      ></kit-svg-icon>\n    }\n    <kendo-textbox #textbox\n                   [placeholder]=\"placeholder()\"\n                   [disabled]=\"disabled()\"\n                   [readonly]=\"readonly()\"\n                   [value]=\"defaultValue()\"\n                   [maxlength]=\"maxlength()\"\n                   [clearButton]=\"clearButton()\"\n                   (blur)=\"onInputBlur()\"\n                   (focus)=\"focused.emit()\"\n                   (valueChange)=\"onInputChange($event)\"\n    ></kendo-textbox>\n    @if (showStateIcon()) {\n      <kit-svg-icon class=\"kit-textbox-state-icon\"\n                    [icon]=\"textboxStateIcon[state()]\"\n      ></kit-svg-icon>\n    }\n  </div>\n\n  <ng-container *ngTemplateOutlet=\"messageTemplate()\" />\n\n  @if (messageText() && !messageTemplate()) {\n    <kit-input-message [icon]=\"messageIcon()\"\n                       [message]=\"messageText()\"\n    ></kit-input-message>\n  }\n</div> \n", styles: [".kit-textbox.large .kit-textbox-input{padding:0 12px;border-radius:8px}.kit-textbox.large .k-input{height:44px}.kit-textbox.regular .kit-textbox-input{padding:0 12px;border-radius:8px}.kit-textbox.regular .k-input{height:38px}.kit-textbox.small .kit-textbox-input{padding:0 8px;border-radius:4px}.kit-textbox.small .k-input{height:30px}.kit-textbox .label{display:block;margin-bottom:4px}.kit-textbox-input{display:flex;align-items:center;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-textbox-icon{flex-shrink:0;display:block;margin-right:8px;width:16px;height:16px;fill:var(--ui-kit-color-grey-10)}.kit-textbox-state-icon{flex-shrink:0;display:block;margin-left:12px;width:14px;height:14px}.kit-textbox .k-input{padding:0;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;opacity:1;box-shadow:none;border:none}.kit-textbox .k-input-inner{padding:0;width:100%;color:inherit;line-height:1}.kit-textbox .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-textbox .k-input-prefix,.kit-textbox .k-input-suffix{height:0}.kit-textbox.default .kit-textbox-state-icon{fill:var(--ui-kit-color-grey-12)}.kit-textbox.default:hover .kit-textbox-input{border-color:var(--ui-kit-color-hover)}.kit-textbox.default:focus-within .kit-textbox-input{border-color:var(--ui-kit-color-main);outline:2px solid var(--ui-kit-color-focus);outline-offset:0}.kit-textbox.warning .kit-textbox-input{border-color:var(--ui-kit-color-orange)}.kit-textbox.warning .kit-textbox-state-icon,.kit-textbox.warning .kit-textbox-icon{fill:var(--ui-kit-color-orange)}.kit-textbox.warning:focus-within .kit-textbox-input{outline:2px solid var(--ui-kit-color-orange-1);outline-offset:0}.kit-textbox.error .kit-textbox-input{border-color:var(--ui-kit-color-red-1)}.kit-textbox.error .kit-textbox-state-icon,.kit-textbox.error .kit-textbox-icon{fill:var(--ui-kit-color-red-1)}.kit-textbox.error:focus-within .kit-textbox-input{outline:2px solid var(--ui-kit-color-red-2);outline-offset:0}.kit-textbox.success .kit-textbox-state-icon{fill:var(--ui-kit-color-green-1)}.kit-textbox.success:hover .kit-textbox-input{border-color:var(--ui-kit-color-green-1)}.kit-textbox.success:focus-within .kit-textbox-input{border-color:var(--ui-kit-color-green-1);outline:2px solid var(--ui-kit-color-green-2);outline-offset:0}.kit-textbox.disabled .k-input{color:var(--ui-kit-color-grey-12);background:var(--ui-kit-color-grey-13)}.kit-textbox.disabled .kit-textbox-input{border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-textbox.disabled .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-textbox.disabled .kit-textbox-icon{fill:var(--ui-kit-color-grey-12)}.kit-textbox.disabled:hover .kit-textbox-input{border-color:var(--ui-kit-color-grey-11)}.kit-textbox.readonly{background:none}.kit-textbox.readonly .k-input{color:var(--ui-kit-color-grey-12)}.kit-textbox.readonly .k-input-inner{cursor:default}.kit-textbox.readonly:focus-within .kit-textbox-input{border-color:var(--ui-kit-color-grey-11);outline:none}.kit-textbox.readonly:hover .kit-textbox-input{border-color:var(--ui-kit-color-grey-11)}\n"], dependencies: [{ kind: "ngmodule", type: TextBoxModule }, { kind: "component", type: i1$2.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: "component", type: KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }, { kind: "component", type: KitInputMessageComponent, selector: "kit-input-message", inputs: ["icon", "message"] }, { 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, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: KitTextboxComponent, decorators: [{
             type: Component,
@@ -820,7 +820,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                         KitSvgIconComponent,
                         NgClass,
                         NgTemplateOutlet,
-                    ], template: "<div class=\"kit-textbox\"\n     [ngClass]=\"[state(), size()]\"\n     [class.disabled]=\"disabled()\"\n     [class.readonly]=\"readonly()\">\n  @if (label()) {\n    <kit-input-label class=\"label\"\n                     [for]=\"$any(textbox)\"\n                     [text]=\"label()\"\n                     [tooltip]=\"labelTooltip()\"\n    ></kit-input-label>\n  }\n  <div class=\"kit-textbox-input\">\n    @if (icon()) {\n      <kit-svg-icon class=\"kit-textbox-icon\"\n                    [icon]=\"icon()\"\n      ></kit-svg-icon>\n    }\n    <kendo-textbox #textbox\n                   [placeholder]=\"placeholder()\"\n                   [disabled]=\"disabled()\"\n                   [readonly]=\"readonly()\"\n                   [value]=\"defaultValue()\"\n                   [maxlength]=\"maxlength()\"\n                   [clearButton]=\"clearButton()\"\n                   (blur)=\"onInputBlur()\"\n                   (focus)=\"focused.emit()\"\n                   (valueChange)=\"onInputChange($event)\"\n    ></kendo-textbox>\n    @if (showStateIcon()) {\n      <kit-svg-icon class=\"kit-textbox-state-icon\"\n                    [icon]=\"textboxStateIcon[state()]\"\n      ></kit-svg-icon>\n    }\n  </div>\n\n  <ng-container *ngTemplateOutlet=\"messageTemplate()\" />\n\n  @if (messageText() && !messageTemplate()) {\n    <kit-input-message [icon]=\"messageIcon()\"\n                       [message]=\"messageText()\"\n    ></kit-input-message>\n  }\n</div> \n", styles: [".kit-textbox.large .kit-textbox-input{padding:0 12px;border-radius:8px}.kit-textbox.large .k-input{height:44px}.kit-textbox.regular .kit-textbox-input{padding:0 12px;border-radius:8px}.kit-textbox.regular .k-input{height:38px}.kit-textbox.small .kit-textbox-input{padding:0 8px;border-radius:4px}.kit-textbox.small .k-input{height:30px}.kit-textbox .label{display:block;margin-bottom:4px}.kit-textbox-input{display:flex;align-items:center;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-textbox-icon{flex-shrink:0;display:block;margin-right:8px;width:16px;height:16px;fill:var(--ui-kit-color-grey-10)}.kit-textbox-state-icon{flex-shrink:0;display:block;margin-left:12px;width:14px;height:14px}.kit-textbox .k-input{padding:0;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;opacity:1;box-shadow:none;border:none}.kit-textbox .k-input-inner{padding:0;width:100%;color:inherit;line-height:1}.kit-textbox .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-textbox .k-input-prefix,.kit-textbox .k-input-suffix{height:0}.kit-textbox.default .kit-textbox-state-icon{fill:var(--ui-kit-color-grey-12)}.kit-textbox.default:hover .kit-textbox-input{border-color:var(--ui-kit-color-hover)}.kit-textbox.default:focus-within .kit-textbox-input{border-color:var(--ui-kit-color-main);outline:2px solid var(--ui-kit-color-focus);outline-offset:0}.kit-textbox.warning .kit-textbox-input{border-color:var(--ui-kit-color-orange)}.kit-textbox.warning .kit-textbox-state-icon,.kit-textbox.warning .kit-textbox-icon{fill:var(--ui-kit-color-orange)}.kit-textbox.warning:focus-within .kit-textbox-input{outline:2px solid var(--ui-kit-color-orange-1);outline-offset:0}.kit-textbox.error .kit-textbox-input{border-color:var(--ui-kit-color-red-1)}.kit-textbox.error .kit-textbox-state-icon,.kit-textbox.error .kit-textbox-icon{fill:var(--ui-kit-color-red-1)}.kit-textbox.error:focus-within .kit-textbox-input{outline:2px solid var(--ui-kit-color-red-2);outline-offset:0}.kit-textbox.success .kit-textbox-state-icon{fill:var(--ui-kit-color-green-1)}.kit-textbox.success:hover .kit-textbox-input{border-color:var(--ui-kit-color-green-1)}.kit-textbox.success:focus-within .kit-textbox-input{border-color:var(--ui-kit-color-green-1);outline:2px solid var(--ui-kit-color-green-2);outline-offset:0}.kit-textbox.disabled .k-input{color:var(--ui-kit-color-grey-12);background:var(--ui-kit-color-grey-13)}.kit-textbox.disabled .kit-textbox-input{border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-textbox.disabled .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-textbox.disabled .kit-textbox-icon{fill:var(--ui-kit-color-grey-12)}.kit-textbox.disabled:hover .kit-textbox-input{border-color:var(--ui-kit-color-grey-11)}.kit-textbox.readonly{background:none;cursor:default}.kit-textbox.readonly .k-input{color:var(--ui-kit-color-grey-12)}\n"] }]
+                    ], template: "<div class=\"kit-textbox\"\n     [ngClass]=\"[state(), size()]\"\n     [class.disabled]=\"disabled()\"\n     [class.readonly]=\"readonly()\">\n  @if (label()) {\n    <kit-input-label class=\"label\"\n                     [for]=\"$any(textbox)\"\n                     [text]=\"label()\"\n                     [tooltip]=\"labelTooltip()\"\n    ></kit-input-label>\n  }\n  <div class=\"kit-textbox-input\">\n    @if (icon()) {\n      <kit-svg-icon class=\"kit-textbox-icon\"\n                    [icon]=\"icon()\"\n      ></kit-svg-icon>\n    }\n    <kendo-textbox #textbox\n                   [placeholder]=\"placeholder()\"\n                   [disabled]=\"disabled()\"\n                   [readonly]=\"readonly()\"\n                   [value]=\"defaultValue()\"\n                   [maxlength]=\"maxlength()\"\n                   [clearButton]=\"clearButton()\"\n                   (blur)=\"onInputBlur()\"\n                   (focus)=\"focused.emit()\"\n                   (valueChange)=\"onInputChange($event)\"\n    ></kendo-textbox>\n    @if (showStateIcon()) {\n      <kit-svg-icon class=\"kit-textbox-state-icon\"\n                    [icon]=\"textboxStateIcon[state()]\"\n      ></kit-svg-icon>\n    }\n  </div>\n\n  <ng-container *ngTemplateOutlet=\"messageTemplate()\" />\n\n  @if (messageText() && !messageTemplate()) {\n    <kit-input-message [icon]=\"messageIcon()\"\n                       [message]=\"messageText()\"\n    ></kit-input-message>\n  }\n</div> \n", styles: [".kit-textbox.large .kit-textbox-input{padding:0 12px;border-radius:8px}.kit-textbox.large .k-input{height:44px}.kit-textbox.regular .kit-textbox-input{padding:0 12px;border-radius:8px}.kit-textbox.regular .k-input{height:38px}.kit-textbox.small .kit-textbox-input{padding:0 8px;border-radius:4px}.kit-textbox.small .k-input{height:30px}.kit-textbox .label{display:block;margin-bottom:4px}.kit-textbox-input{display:flex;align-items:center;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-textbox-icon{flex-shrink:0;display:block;margin-right:8px;width:16px;height:16px;fill:var(--ui-kit-color-grey-10)}.kit-textbox-state-icon{flex-shrink:0;display:block;margin-left:12px;width:14px;height:14px}.kit-textbox .k-input{padding:0;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;opacity:1;box-shadow:none;border:none}.kit-textbox .k-input-inner{padding:0;width:100%;color:inherit;line-height:1}.kit-textbox .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-textbox .k-input-prefix,.kit-textbox .k-input-suffix{height:0}.kit-textbox.default .kit-textbox-state-icon{fill:var(--ui-kit-color-grey-12)}.kit-textbox.default:hover .kit-textbox-input{border-color:var(--ui-kit-color-hover)}.kit-textbox.default:focus-within .kit-textbox-input{border-color:var(--ui-kit-color-main);outline:2px solid var(--ui-kit-color-focus);outline-offset:0}.kit-textbox.warning .kit-textbox-input{border-color:var(--ui-kit-color-orange)}.kit-textbox.warning .kit-textbox-state-icon,.kit-textbox.warning .kit-textbox-icon{fill:var(--ui-kit-color-orange)}.kit-textbox.warning:focus-within .kit-textbox-input{outline:2px solid var(--ui-kit-color-orange-1);outline-offset:0}.kit-textbox.error .kit-textbox-input{border-color:var(--ui-kit-color-red-1)}.kit-textbox.error .kit-textbox-state-icon,.kit-textbox.error .kit-textbox-icon{fill:var(--ui-kit-color-red-1)}.kit-textbox.error:focus-within .kit-textbox-input{outline:2px solid var(--ui-kit-color-red-2);outline-offset:0}.kit-textbox.success .kit-textbox-state-icon{fill:var(--ui-kit-color-green-1)}.kit-textbox.success:hover .kit-textbox-input{border-color:var(--ui-kit-color-green-1)}.kit-textbox.success:focus-within .kit-textbox-input{border-color:var(--ui-kit-color-green-1);outline:2px solid var(--ui-kit-color-green-2);outline-offset:0}.kit-textbox.disabled .k-input{color:var(--ui-kit-color-grey-12);background:var(--ui-kit-color-grey-13)}.kit-textbox.disabled .kit-textbox-input{border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-textbox.disabled .k-input-inner::placeholder{color:var(--ui-kit-color-grey-12)}.kit-textbox.disabled .kit-textbox-icon{fill:var(--ui-kit-color-grey-12)}.kit-textbox.disabled:hover .kit-textbox-input{border-color:var(--ui-kit-color-grey-11)}.kit-textbox.readonly{background:none}.kit-textbox.readonly .k-input{color:var(--ui-kit-color-grey-12)}.kit-textbox.readonly .k-input-inner{cursor:default}.kit-textbox.readonly:focus-within .kit-textbox-input{border-color:var(--ui-kit-color-grey-11);outline:none}.kit-textbox.readonly:hover .kit-textbox-input{border-color:var(--ui-kit-color-grey-11)}\n"] }]
         }], propDecorators: { textbox: [{
                 type: ViewChild,
                 args: ['textbox']
@@ -1347,7 +1347,7 @@ class KitDropdownComponent {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => KitDropdownComponent),
                 multi: true,
-            }], queries: [{ propertyName: "kitDropdownValueTemplate", first: true, predicate: ["kitDropdownValueTemplate"], descendants: true, read: TemplateRef }, { propertyName: "kitDropdownItemTemplate", first: true, predicate: KitDropdownItemTemplateDirective, descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }], ngImport: i0, template: "<div class=\"kit-dropdown {{ size() }}\"\n     [class.disabled]=\"disabled()\"\n     [class.readonly]=\"readonly()\"\n     [class.invalid]=\"invalid()\">\n  @if (label()) {\n    <kit-input-label class=\"label\"\n                     [text]=\"label()\"\n                     [for]=\"$any(dropdown)\"\n    ></kit-input-label>\n  }\n  <kendo-dropdownlist #dropdown\n                      valueField=\"value\"\n                      textField=\"text\"\n                      class=\"dropdown\"\n                      [ngClass]=\"getCssClasses()\"\n                      [data]=\"items()\"\n                      [valuePrimitive]=\"isValuePrimitive()\"\n                      [disabled]=\"disabled()\"\n                      [readonly]=\"readonly()\"\n                      [popupSettings]=\"buildPopupSettings()\"\n                      [itemDisabled]=\"onItemDisabled()\"\n                      [defaultItem]=\"defaultItem()\"\n                      [listHeight]=\"listHeight()\"\n                      [value]=\"selectedItem()\"\n                      (open)=\"onOpen()\"\n                      (close)=\"onClose()\"\n                      (selectionChange)=\"onItemSelect($event)\">\n    <ng-template kendoDropDownListValueTemplate\n                 let-dataItem>\n      @if (kitDropdownValueTemplate) {\n        <div class=\"value-text\">\n          <ng-container *ngTemplateOutlet=\"kitDropdownValueTemplate; context: { $implicit: dataItem }\"\n          ></ng-container>\n        </div>\n      } @else {\n        <span class=\"value-text\">{{ dataItem?.text }}</span>\n      }\n      <kit-svg-icon class=\"value-icon\"\n                    [icon]=\"toggleIcon()\"\n      ></kit-svg-icon>\n    </ng-template>\n    <ng-template kendoDropDownListItemTemplate\n                 let-dataItem>\n      @if (kitDropdownItemTemplate) {\n        <ng-container *ngTemplateOutlet=\"kitDropdownItemTemplate; context: { $implicit: dataItem }\"\n        ></ng-container>\n      } @else {\n        <kit-truncate-text class=\"option-text\">{{ dataItem?.text }}</kit-truncate-text>\n        <kit-svg-icon class=\"option-icon\"\n                      [icon]=\"KitSvgIcon.CHECK\"\n        ></kit-svg-icon>\n      }\n    </ng-template>\n    @if (footerTemplate()) {\n      <ng-template kendoDropDownListFooterTemplate>\n        <ng-container *ngTemplateOutlet=\"footerTemplate()\" />\n      </ng-template>\n    }\n    @if (noDataTemplate()) {\n      <ng-template kendoDropDownListNoDataTemplate>\n        <ng-container *ngTemplateOutlet=\"noDataTemplate()\"/>\n      </ng-template>\n    }\n  </kendo-dropdownlist>\n  @if (messageText()) {\n    <kit-input-message [icon]=\"messageIcon()\"\n                       [message]=\"messageText()\"\n    ></kit-input-message>\n  }\n</div>\n", styles: [".kit-dropdown.default .dropdown{height:40px;border-radius:8px}.kit-dropdown.default .k-input-inner{padding:0 12px}.kit-dropdown.small .dropdown{height:32px;border-radius:4px}.kit-dropdown.small .k-input-inner{padding:0 8px}.kit-dropdown .label{display:block;margin-bottom:4px}.kit-dropdown .k-input-value-text{display:flex;align-items:center;height:100%;font-size:14px;font-weight:400;color:var(--ui-kit-color-grey-12)}.kit-dropdown .k-input-button{display:none}.kit-dropdown .dropdown{width:100%;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-dropdown .dropdown:hover{border-color:var(--ui-kit-color-hover)}.kit-dropdown .dropdown.k-focus{box-shadow:none}.kit-dropdown .dropdown.has-value .k-input-value-text{color:var(--ui-kit-color-grey-10)}.kit-dropdown .dropdown.expanded .value-icon{transform:rotate(180deg)}.kit-dropdown .dropdown .value{display:flex;align-items:center}.kit-dropdown .dropdown .value-text{flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.kit-dropdown .dropdown .value-icon{display:block;margin-left:auto;width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-grey-12)}.kit-dropdown:focus-within .dropdown{border:1px solid var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-dropdown.disabled .dropdown{opacity:1;filter:none;background-color:var(--ui-kit-color-grey-13)}.kit-dropdown.disabled .k-input-value-text,.kit-dropdown.disabled .has-value .k-input-value-text{color:var(--ui-kit-color-grey-12)}.kit-dropdown.disabled .value-icon{stroke:var(--ui-kit-color-grey-12)}.kit-dropdown.readonly{background:none;cursor:default}.kit-dropdown.readonly .k-input-value-text,.kit-dropdown.readonly .has-value .k-input-value-text{color:var(--ui-kit-color-grey-12)}.kit-dropdown.invalid .dropdown{border-color:var(--ui-kit-color-red-1)}.kit-dropdown.invalid .value-icon{stroke:var(--ui-kit-color-red-1)}.kit-dropdown-popup.k-popup{margin-top:10px;padding:4px;border:none;border-radius:8px;box-shadow:0 9px 28px 8px #0000000d,0 3px 6px -4px #0000001f,0 6px 16px #00000014;background-color:var(--ui-kit-color-white)}.kit-dropdown-popup.k-popup.kit-dropdown-popup-default-item .k-list-optionlabel{display:flex}.kit-dropdown-popup.k-popup .k-list-optionlabel{display:none}.kit-dropdown-popup.k-popup .k-list-optionlabel,.kit-dropdown-popup.k-popup .k-list-item{padding:6px 12px;background-color:var(--ui-kit-color-white);font-size:14px;font-weight:400;box-shadow:none;border-radius:4px;color:var(--ui-kit-color-grey-10)}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-list-optionlabel:before,.kit-dropdown-popup.k-popup .k-list-item.k-list-optionlabel:before{display:none}.kit-dropdown-popup.k-popup .k-list-optionlabel:hover,.kit-dropdown-popup.k-popup .k-list-optionlabel.k-focus:hover,.kit-dropdown-popup.k-popup .k-list-item:hover,.kit-dropdown-popup.k-popup .k-list-item.k-focus:hover{color:var(--ui-kit-color-main)}.kit-dropdown-popup.k-popup .k-list-optionlabel .option-icon,.kit-dropdown-popup.k-popup .k-list-item .option-icon{flex-shrink:0;display:none;width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-main)}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-selected,.kit-dropdown-popup.k-popup .k-list-item.k-selected{display:flex;align-items:center;background-color:var(--ui-kit-color-grey-13)}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-selected .option-text,.kit-dropdown-popup.k-popup .k-list-item.k-selected .option-text{flex:1}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-selected .option-icon,.kit-dropdown-popup.k-popup .k-list-item.k-selected .option-icon{display:block}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-disabled,.kit-dropdown-popup.k-popup .k-list-item.k-disabled{color:var(--ui-kit-color-grey-12)}\n"], dependencies: [{ kind: "ngmodule", type: DropDownListModule }, { kind: "component", type: i1$3.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: i1$3.FooterTemplateDirective, selector: "[kendoDropDownListFooterTemplate],[kendoComboBoxFooterTemplate],[kendoDropDownTreeFooterTemplate],[kendoMultiColumnComboBoxFooterTemplate],[kendoAutoCompleteFooterTemplate],[kendoMultiSelectFooterTemplate],[kendoMultiSelectTreeFooterTemplate]" }, { kind: "directive", type: i1$3.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: i1$3.ValueTemplateDirective, selector: "[kendoDropDownListValueTemplate],[kendoDropDownTreeValueTemplate]" }, { kind: "directive", type: i1$3.NoDataTemplateDirective, selector: "[kendoDropDownListNoDataTemplate],[kendoDropDownTreeNoDataTemplate],[kendoComboBoxNoDataTemplate],[kendoMultiColumnComboBoxNoDataTemplate],[kendoAutoCompleteNoDataTemplate],[kendoMultiSelectNoDataTemplate],[kendoMultiSelectTreeNoDataTemplate]" }, { kind: "component", type: KitInputMessageComponent, selector: "kit-input-message", inputs: ["icon", "message"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }, { kind: "component", type: KitTruncateTextComponent, selector: "kit-truncate-text" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+            }], queries: [{ propertyName: "kitDropdownValueTemplate", first: true, predicate: ["kitDropdownValueTemplate"], descendants: true, read: TemplateRef }, { propertyName: "kitDropdownItemTemplate", first: true, predicate: KitDropdownItemTemplateDirective, descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }], ngImport: i0, template: "<div class=\"kit-dropdown {{ size() }}\"\n     [class.disabled]=\"disabled()\"\n     [class.readonly]=\"readonly()\"\n     [class.invalid]=\"invalid()\">\n  @if (label()) {\n    <kit-input-label class=\"label\"\n                     [text]=\"label()\"\n                     [for]=\"$any(dropdown)\"\n    ></kit-input-label>\n  }\n  <kendo-dropdownlist #dropdown\n                      valueField=\"value\"\n                      textField=\"text\"\n                      class=\"dropdown\"\n                      [ngClass]=\"getCssClasses()\"\n                      [data]=\"items()\"\n                      [valuePrimitive]=\"isValuePrimitive()\"\n                      [disabled]=\"disabled()\"\n                      [readonly]=\"readonly()\"\n                      [popupSettings]=\"buildPopupSettings()\"\n                      [itemDisabled]=\"onItemDisabled()\"\n                      [defaultItem]=\"defaultItem()\"\n                      [listHeight]=\"listHeight()\"\n                      [value]=\"selectedItem()\"\n                      (open)=\"onOpen()\"\n                      (close)=\"onClose()\"\n                      (selectionChange)=\"onItemSelect($event)\">\n    <ng-template kendoDropDownListValueTemplate\n                 let-dataItem>\n      @if (kitDropdownValueTemplate) {\n        <div class=\"value-text\">\n          <ng-container *ngTemplateOutlet=\"kitDropdownValueTemplate; context: { $implicit: dataItem }\"\n          ></ng-container>\n        </div>\n      } @else {\n        <span class=\"value-text\">{{ dataItem?.text }}</span>\n      }\n      <kit-svg-icon class=\"value-icon\"\n                    [icon]=\"toggleIcon()\"\n      ></kit-svg-icon>\n    </ng-template>\n    <ng-template kendoDropDownListItemTemplate\n                 let-dataItem>\n      @if (kitDropdownItemTemplate) {\n        <ng-container *ngTemplateOutlet=\"kitDropdownItemTemplate; context: { $implicit: dataItem }\"\n        ></ng-container>\n      } @else {\n        <kit-truncate-text class=\"option-text\">{{ dataItem?.text }}</kit-truncate-text>\n        <kit-svg-icon class=\"option-icon\"\n                      [icon]=\"KitSvgIcon.CHECK\"\n        ></kit-svg-icon>\n      }\n    </ng-template>\n    @if (footerTemplate()) {\n      <ng-template kendoDropDownListFooterTemplate>\n        <ng-container *ngTemplateOutlet=\"footerTemplate()\" />\n      </ng-template>\n    }\n    @if (noDataTemplate()) {\n      <ng-template kendoDropDownListNoDataTemplate>\n        <ng-container *ngTemplateOutlet=\"noDataTemplate()\"/>\n      </ng-template>\n    }\n  </kendo-dropdownlist>\n  @if (messageText()) {\n    <kit-input-message [icon]=\"messageIcon()\"\n                       [message]=\"messageText()\"\n    ></kit-input-message>\n  }\n</div>\n", styles: [".kit-dropdown.default .dropdown{height:40px;border-radius:8px}.kit-dropdown.default .k-input-inner{padding:0 12px}.kit-dropdown.small .dropdown{height:32px;border-radius:4px}.kit-dropdown.small .k-input-inner{padding:0 8px}.kit-dropdown .label{display:block;margin-bottom:4px}.kit-dropdown .k-input-value-text{display:flex;align-items:center;height:100%;font-size:14px;font-weight:400;color:var(--ui-kit-color-grey-12)}.kit-dropdown .k-input-button{display:none}.kit-dropdown .dropdown{width:100%;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-dropdown .dropdown:hover{border-color:var(--ui-kit-color-hover)}.kit-dropdown .dropdown.k-focus{box-shadow:none}.kit-dropdown .dropdown.has-value .k-input-value-text{color:var(--ui-kit-color-grey-10)}.kit-dropdown .dropdown.expanded .value-icon{transform:rotate(180deg)}.kit-dropdown .dropdown .value{display:flex;align-items:center}.kit-dropdown .dropdown .value-text{flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.kit-dropdown .dropdown .value-icon{display:block;margin-left:auto;width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-grey-12)}.kit-dropdown:focus-within .dropdown{border:1px solid var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-dropdown.disabled .dropdown{opacity:1;filter:none;background-color:var(--ui-kit-color-grey-13)}.kit-dropdown.disabled .k-input-value-text,.kit-dropdown.disabled .has-value .k-input-value-text{color:var(--ui-kit-color-grey-12)}.kit-dropdown.disabled .value-icon{stroke:var(--ui-kit-color-grey-12)}.kit-dropdown.readonly{background:none}.kit-dropdown.readonly .dropdown{cursor:default}.kit-dropdown.readonly .k-input-value-text,.kit-dropdown.readonly .has-value .k-input-value-text{color:var(--ui-kit-color-grey-12)}.kit-dropdown.readonly:focus-within .dropdown{border-color:var(--ui-kit-color-grey-11);box-shadow:none}.kit-dropdown.readonly:hover .dropdown{border-color:var(--ui-kit-color-grey-11)}.kit-dropdown.invalid .dropdown{border-color:var(--ui-kit-color-red-1)}.kit-dropdown.invalid .value-icon{stroke:var(--ui-kit-color-red-1)}.kit-dropdown-popup.k-popup{margin-top:10px;padding:4px;border:none;border-radius:8px;box-shadow:0 9px 28px 8px #0000000d,0 3px 6px -4px #0000001f,0 6px 16px #00000014;background-color:var(--ui-kit-color-white)}.kit-dropdown-popup.k-popup.kit-dropdown-popup-default-item .k-list-optionlabel{display:flex}.kit-dropdown-popup.k-popup .k-list-optionlabel{display:none}.kit-dropdown-popup.k-popup .k-list-optionlabel,.kit-dropdown-popup.k-popup .k-list-item{padding:6px 12px;background-color:var(--ui-kit-color-white);font-size:14px;font-weight:400;box-shadow:none;border-radius:4px;color:var(--ui-kit-color-grey-10)}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-list-optionlabel:before,.kit-dropdown-popup.k-popup .k-list-item.k-list-optionlabel:before{display:none}.kit-dropdown-popup.k-popup .k-list-optionlabel:hover,.kit-dropdown-popup.k-popup .k-list-optionlabel.k-focus:hover,.kit-dropdown-popup.k-popup .k-list-item:hover,.kit-dropdown-popup.k-popup .k-list-item.k-focus:hover{color:var(--ui-kit-color-main)}.kit-dropdown-popup.k-popup .k-list-optionlabel .option-icon,.kit-dropdown-popup.k-popup .k-list-item .option-icon{flex-shrink:0;display:none;width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-main)}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-selected,.kit-dropdown-popup.k-popup .k-list-item.k-selected{display:flex;align-items:center;background-color:var(--ui-kit-color-grey-13)}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-selected .option-text,.kit-dropdown-popup.k-popup .k-list-item.k-selected .option-text{flex:1}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-selected .option-icon,.kit-dropdown-popup.k-popup .k-list-item.k-selected .option-icon{display:block}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-disabled,.kit-dropdown-popup.k-popup .k-list-item.k-disabled{color:var(--ui-kit-color-grey-12)}\n"], dependencies: [{ kind: "ngmodule", type: DropDownListModule }, { kind: "component", type: i1$3.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: i1$3.FooterTemplateDirective, selector: "[kendoDropDownListFooterTemplate],[kendoComboBoxFooterTemplate],[kendoDropDownTreeFooterTemplate],[kendoMultiColumnComboBoxFooterTemplate],[kendoAutoCompleteFooterTemplate],[kendoMultiSelectFooterTemplate],[kendoMultiSelectTreeFooterTemplate]" }, { kind: "directive", type: i1$3.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: i1$3.ValueTemplateDirective, selector: "[kendoDropDownListValueTemplate],[kendoDropDownTreeValueTemplate]" }, { kind: "directive", type: i1$3.NoDataTemplateDirective, selector: "[kendoDropDownListNoDataTemplate],[kendoDropDownTreeNoDataTemplate],[kendoComboBoxNoDataTemplate],[kendoMultiColumnComboBoxNoDataTemplate],[kendoAutoCompleteNoDataTemplate],[kendoMultiSelectNoDataTemplate],[kendoMultiSelectTreeNoDataTemplate]" }, { kind: "component", type: KitInputMessageComponent, selector: "kit-input-message", inputs: ["icon", "message"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }, { kind: "component", type: KitTruncateTextComponent, selector: "kit-truncate-text" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: KitDropdownComponent, decorators: [{
             type: Component,
@@ -1365,7 +1365,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                         KitTruncateTextComponent,
                         NgClass,
                         NgTemplateOutlet,
-                    ], template: "<div class=\"kit-dropdown {{ size() }}\"\n     [class.disabled]=\"disabled()\"\n     [class.readonly]=\"readonly()\"\n     [class.invalid]=\"invalid()\">\n  @if (label()) {\n    <kit-input-label class=\"label\"\n                     [text]=\"label()\"\n                     [for]=\"$any(dropdown)\"\n    ></kit-input-label>\n  }\n  <kendo-dropdownlist #dropdown\n                      valueField=\"value\"\n                      textField=\"text\"\n                      class=\"dropdown\"\n                      [ngClass]=\"getCssClasses()\"\n                      [data]=\"items()\"\n                      [valuePrimitive]=\"isValuePrimitive()\"\n                      [disabled]=\"disabled()\"\n                      [readonly]=\"readonly()\"\n                      [popupSettings]=\"buildPopupSettings()\"\n                      [itemDisabled]=\"onItemDisabled()\"\n                      [defaultItem]=\"defaultItem()\"\n                      [listHeight]=\"listHeight()\"\n                      [value]=\"selectedItem()\"\n                      (open)=\"onOpen()\"\n                      (close)=\"onClose()\"\n                      (selectionChange)=\"onItemSelect($event)\">\n    <ng-template kendoDropDownListValueTemplate\n                 let-dataItem>\n      @if (kitDropdownValueTemplate) {\n        <div class=\"value-text\">\n          <ng-container *ngTemplateOutlet=\"kitDropdownValueTemplate; context: { $implicit: dataItem }\"\n          ></ng-container>\n        </div>\n      } @else {\n        <span class=\"value-text\">{{ dataItem?.text }}</span>\n      }\n      <kit-svg-icon class=\"value-icon\"\n                    [icon]=\"toggleIcon()\"\n      ></kit-svg-icon>\n    </ng-template>\n    <ng-template kendoDropDownListItemTemplate\n                 let-dataItem>\n      @if (kitDropdownItemTemplate) {\n        <ng-container *ngTemplateOutlet=\"kitDropdownItemTemplate; context: { $implicit: dataItem }\"\n        ></ng-container>\n      } @else {\n        <kit-truncate-text class=\"option-text\">{{ dataItem?.text }}</kit-truncate-text>\n        <kit-svg-icon class=\"option-icon\"\n                      [icon]=\"KitSvgIcon.CHECK\"\n        ></kit-svg-icon>\n      }\n    </ng-template>\n    @if (footerTemplate()) {\n      <ng-template kendoDropDownListFooterTemplate>\n        <ng-container *ngTemplateOutlet=\"footerTemplate()\" />\n      </ng-template>\n    }\n    @if (noDataTemplate()) {\n      <ng-template kendoDropDownListNoDataTemplate>\n        <ng-container *ngTemplateOutlet=\"noDataTemplate()\"/>\n      </ng-template>\n    }\n  </kendo-dropdownlist>\n  @if (messageText()) {\n    <kit-input-message [icon]=\"messageIcon()\"\n                       [message]=\"messageText()\"\n    ></kit-input-message>\n  }\n</div>\n", styles: [".kit-dropdown.default .dropdown{height:40px;border-radius:8px}.kit-dropdown.default .k-input-inner{padding:0 12px}.kit-dropdown.small .dropdown{height:32px;border-radius:4px}.kit-dropdown.small .k-input-inner{padding:0 8px}.kit-dropdown .label{display:block;margin-bottom:4px}.kit-dropdown .k-input-value-text{display:flex;align-items:center;height:100%;font-size:14px;font-weight:400;color:var(--ui-kit-color-grey-12)}.kit-dropdown .k-input-button{display:none}.kit-dropdown .dropdown{width:100%;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-dropdown .dropdown:hover{border-color:var(--ui-kit-color-hover)}.kit-dropdown .dropdown.k-focus{box-shadow:none}.kit-dropdown .dropdown.has-value .k-input-value-text{color:var(--ui-kit-color-grey-10)}.kit-dropdown .dropdown.expanded .value-icon{transform:rotate(180deg)}.kit-dropdown .dropdown .value{display:flex;align-items:center}.kit-dropdown .dropdown .value-text{flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.kit-dropdown .dropdown .value-icon{display:block;margin-left:auto;width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-grey-12)}.kit-dropdown:focus-within .dropdown{border:1px solid var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-dropdown.disabled .dropdown{opacity:1;filter:none;background-color:var(--ui-kit-color-grey-13)}.kit-dropdown.disabled .k-input-value-text,.kit-dropdown.disabled .has-value .k-input-value-text{color:var(--ui-kit-color-grey-12)}.kit-dropdown.disabled .value-icon{stroke:var(--ui-kit-color-grey-12)}.kit-dropdown.readonly{background:none;cursor:default}.kit-dropdown.readonly .k-input-value-text,.kit-dropdown.readonly .has-value .k-input-value-text{color:var(--ui-kit-color-grey-12)}.kit-dropdown.invalid .dropdown{border-color:var(--ui-kit-color-red-1)}.kit-dropdown.invalid .value-icon{stroke:var(--ui-kit-color-red-1)}.kit-dropdown-popup.k-popup{margin-top:10px;padding:4px;border:none;border-radius:8px;box-shadow:0 9px 28px 8px #0000000d,0 3px 6px -4px #0000001f,0 6px 16px #00000014;background-color:var(--ui-kit-color-white)}.kit-dropdown-popup.k-popup.kit-dropdown-popup-default-item .k-list-optionlabel{display:flex}.kit-dropdown-popup.k-popup .k-list-optionlabel{display:none}.kit-dropdown-popup.k-popup .k-list-optionlabel,.kit-dropdown-popup.k-popup .k-list-item{padding:6px 12px;background-color:var(--ui-kit-color-white);font-size:14px;font-weight:400;box-shadow:none;border-radius:4px;color:var(--ui-kit-color-grey-10)}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-list-optionlabel:before,.kit-dropdown-popup.k-popup .k-list-item.k-list-optionlabel:before{display:none}.kit-dropdown-popup.k-popup .k-list-optionlabel:hover,.kit-dropdown-popup.k-popup .k-list-optionlabel.k-focus:hover,.kit-dropdown-popup.k-popup .k-list-item:hover,.kit-dropdown-popup.k-popup .k-list-item.k-focus:hover{color:var(--ui-kit-color-main)}.kit-dropdown-popup.k-popup .k-list-optionlabel .option-icon,.kit-dropdown-popup.k-popup .k-list-item .option-icon{flex-shrink:0;display:none;width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-main)}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-selected,.kit-dropdown-popup.k-popup .k-list-item.k-selected{display:flex;align-items:center;background-color:var(--ui-kit-color-grey-13)}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-selected .option-text,.kit-dropdown-popup.k-popup .k-list-item.k-selected .option-text{flex:1}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-selected .option-icon,.kit-dropdown-popup.k-popup .k-list-item.k-selected .option-icon{display:block}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-disabled,.kit-dropdown-popup.k-popup .k-list-item.k-disabled{color:var(--ui-kit-color-grey-12)}\n"] }]
+                    ], template: "<div class=\"kit-dropdown {{ size() }}\"\n     [class.disabled]=\"disabled()\"\n     [class.readonly]=\"readonly()\"\n     [class.invalid]=\"invalid()\">\n  @if (label()) {\n    <kit-input-label class=\"label\"\n                     [text]=\"label()\"\n                     [for]=\"$any(dropdown)\"\n    ></kit-input-label>\n  }\n  <kendo-dropdownlist #dropdown\n                      valueField=\"value\"\n                      textField=\"text\"\n                      class=\"dropdown\"\n                      [ngClass]=\"getCssClasses()\"\n                      [data]=\"items()\"\n                      [valuePrimitive]=\"isValuePrimitive()\"\n                      [disabled]=\"disabled()\"\n                      [readonly]=\"readonly()\"\n                      [popupSettings]=\"buildPopupSettings()\"\n                      [itemDisabled]=\"onItemDisabled()\"\n                      [defaultItem]=\"defaultItem()\"\n                      [listHeight]=\"listHeight()\"\n                      [value]=\"selectedItem()\"\n                      (open)=\"onOpen()\"\n                      (close)=\"onClose()\"\n                      (selectionChange)=\"onItemSelect($event)\">\n    <ng-template kendoDropDownListValueTemplate\n                 let-dataItem>\n      @if (kitDropdownValueTemplate) {\n        <div class=\"value-text\">\n          <ng-container *ngTemplateOutlet=\"kitDropdownValueTemplate; context: { $implicit: dataItem }\"\n          ></ng-container>\n        </div>\n      } @else {\n        <span class=\"value-text\">{{ dataItem?.text }}</span>\n      }\n      <kit-svg-icon class=\"value-icon\"\n                    [icon]=\"toggleIcon()\"\n      ></kit-svg-icon>\n    </ng-template>\n    <ng-template kendoDropDownListItemTemplate\n                 let-dataItem>\n      @if (kitDropdownItemTemplate) {\n        <ng-container *ngTemplateOutlet=\"kitDropdownItemTemplate; context: { $implicit: dataItem }\"\n        ></ng-container>\n      } @else {\n        <kit-truncate-text class=\"option-text\">{{ dataItem?.text }}</kit-truncate-text>\n        <kit-svg-icon class=\"option-icon\"\n                      [icon]=\"KitSvgIcon.CHECK\"\n        ></kit-svg-icon>\n      }\n    </ng-template>\n    @if (footerTemplate()) {\n      <ng-template kendoDropDownListFooterTemplate>\n        <ng-container *ngTemplateOutlet=\"footerTemplate()\" />\n      </ng-template>\n    }\n    @if (noDataTemplate()) {\n      <ng-template kendoDropDownListNoDataTemplate>\n        <ng-container *ngTemplateOutlet=\"noDataTemplate()\"/>\n      </ng-template>\n    }\n  </kendo-dropdownlist>\n  @if (messageText()) {\n    <kit-input-message [icon]=\"messageIcon()\"\n                       [message]=\"messageText()\"\n    ></kit-input-message>\n  }\n</div>\n", styles: [".kit-dropdown.default .dropdown{height:40px;border-radius:8px}.kit-dropdown.default .k-input-inner{padding:0 12px}.kit-dropdown.small .dropdown{height:32px;border-radius:4px}.kit-dropdown.small .k-input-inner{padding:0 8px}.kit-dropdown .label{display:block;margin-bottom:4px}.kit-dropdown .k-input-value-text{display:flex;align-items:center;height:100%;font-size:14px;font-weight:400;color:var(--ui-kit-color-grey-12)}.kit-dropdown .k-input-button{display:none}.kit-dropdown .dropdown{width:100%;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-dropdown .dropdown:hover{border-color:var(--ui-kit-color-hover)}.kit-dropdown .dropdown.k-focus{box-shadow:none}.kit-dropdown .dropdown.has-value .k-input-value-text{color:var(--ui-kit-color-grey-10)}.kit-dropdown .dropdown.expanded .value-icon{transform:rotate(180deg)}.kit-dropdown .dropdown .value{display:flex;align-items:center}.kit-dropdown .dropdown .value-text{flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.kit-dropdown .dropdown .value-icon{display:block;margin-left:auto;width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-grey-12)}.kit-dropdown:focus-within .dropdown{border:1px solid var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-dropdown.disabled .dropdown{opacity:1;filter:none;background-color:var(--ui-kit-color-grey-13)}.kit-dropdown.disabled .k-input-value-text,.kit-dropdown.disabled .has-value .k-input-value-text{color:var(--ui-kit-color-grey-12)}.kit-dropdown.disabled .value-icon{stroke:var(--ui-kit-color-grey-12)}.kit-dropdown.readonly{background:none}.kit-dropdown.readonly .dropdown{cursor:default}.kit-dropdown.readonly .k-input-value-text,.kit-dropdown.readonly .has-value .k-input-value-text{color:var(--ui-kit-color-grey-12)}.kit-dropdown.readonly:focus-within .dropdown{border-color:var(--ui-kit-color-grey-11);box-shadow:none}.kit-dropdown.readonly:hover .dropdown{border-color:var(--ui-kit-color-grey-11)}.kit-dropdown.invalid .dropdown{border-color:var(--ui-kit-color-red-1)}.kit-dropdown.invalid .value-icon{stroke:var(--ui-kit-color-red-1)}.kit-dropdown-popup.k-popup{margin-top:10px;padding:4px;border:none;border-radius:8px;box-shadow:0 9px 28px 8px #0000000d,0 3px 6px -4px #0000001f,0 6px 16px #00000014;background-color:var(--ui-kit-color-white)}.kit-dropdown-popup.k-popup.kit-dropdown-popup-default-item .k-list-optionlabel{display:flex}.kit-dropdown-popup.k-popup .k-list-optionlabel{display:none}.kit-dropdown-popup.k-popup .k-list-optionlabel,.kit-dropdown-popup.k-popup .k-list-item{padding:6px 12px;background-color:var(--ui-kit-color-white);font-size:14px;font-weight:400;box-shadow:none;border-radius:4px;color:var(--ui-kit-color-grey-10)}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-list-optionlabel:before,.kit-dropdown-popup.k-popup .k-list-item.k-list-optionlabel:before{display:none}.kit-dropdown-popup.k-popup .k-list-optionlabel:hover,.kit-dropdown-popup.k-popup .k-list-optionlabel.k-focus:hover,.kit-dropdown-popup.k-popup .k-list-item:hover,.kit-dropdown-popup.k-popup .k-list-item.k-focus:hover{color:var(--ui-kit-color-main)}.kit-dropdown-popup.k-popup .k-list-optionlabel .option-icon,.kit-dropdown-popup.k-popup .k-list-item .option-icon{flex-shrink:0;display:none;width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-main)}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-selected,.kit-dropdown-popup.k-popup .k-list-item.k-selected{display:flex;align-items:center;background-color:var(--ui-kit-color-grey-13)}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-selected .option-text,.kit-dropdown-popup.k-popup .k-list-item.k-selected .option-text{flex:1}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-selected .option-icon,.kit-dropdown-popup.k-popup .k-list-item.k-selected .option-icon{display:block}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-disabled,.kit-dropdown-popup.k-popup .k-list-item.k-disabled{color:var(--ui-kit-color-grey-12)}\n"] }]
         }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], selectedItem: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedItem", required: false }] }, { type: i0.Output, args: ["selectedItemChange"] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], messageIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageIcon", required: false }] }], messageText: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageText", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], defaultItem: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultItem", required: false }] }], listHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "listHeight", required: false }] }], hideDefaultItem: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideDefaultItem", required: false }] }], toggleIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "toggleIcon", required: false }] }], popupSettings: [{ type: i0.Input, args: [{ isSignal: true, alias: "popupSettings", required: false }] }], isValuePrimitive: [{ type: i0.Input, args: [{ isSignal: true, alias: "isValuePrimitive", required: false }] }], footerTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "footerTemplate", required: false }] }], noDataTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "noDataTemplate", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], selected: [{ type: i0.Output, args: ["selected"] }], kitDropdownValueTemplate: [{
                 type: ContentChild,
                 args: ['kitDropdownValueTemplate', { read: TemplateRef }]
@@ -5547,16 +5547,86 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
             }] } });
 class KitEntitySectionComponent {
-    constructor() {
-        this.isActive = input(false, ...(ngDevMode ? [{ debugName: "isActive" }] : []));
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: KitEntitySectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.15", type: KitEntitySectionComponent, isStandalone: true, selector: "kit-entity-section", inputs: { isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"kit-entity-section\"\n     [class.active]=\"isActive()\">\n  <div class=\"kit-entity-section-header\">\n    <ng-content select=\"[header]\"></ng-content>\n  </div>\n  <div class=\"kit-entity-section-content\">\n    <ng-content select=\"[content]\"></ng-content>\n  </div>\n</div>\n", styles: [".kit-entity-section{display:flex;flex-direction:column;gap:25px;padding:25px;color:var(--ui-kit-color-grey-10);border-radius:10px;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-entity-section.active{border-color:var(--ui-kit-color-main)}.kit-entity-section-header{padding-bottom:10px;font-size:16px;font-weight:400;line-height:22px;border-bottom:1px solid var(--ui-kit-color-grey-11)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: KitEntitySectionComponent, isStandalone: true, selector: "kit-entity-section", ngImport: i0, template: "<div class=\"kit-entity-section\">\n  <div class=\"kit-entity-section-header\">\n    <ng-content select=\"[header]\"></ng-content>\n  </div>\n  <div class=\"kit-entity-section-content\">\n    <ng-content select=\"[content]\"></ng-content>\n  </div>\n</div>\n", styles: [".kit-entity-section{display:flex;flex-direction:column;gap:25px;padding:25px;color:var(--ui-kit-color-grey-10);border-radius:10px;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-entity-section-header{padding-bottom:10px;font-size:16px;font-weight:400;line-height:22px;border-bottom:1px solid var(--ui-kit-color-grey-11)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: KitEntitySectionComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kit-entity-section', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-entity-section\"\n     [class.active]=\"isActive()\">\n  <div class=\"kit-entity-section-header\">\n    <ng-content select=\"[header]\"></ng-content>\n  </div>\n  <div class=\"kit-entity-section-content\">\n    <ng-content select=\"[content]\"></ng-content>\n  </div>\n</div>\n", styles: [".kit-entity-section{display:flex;flex-direction:column;gap:25px;padding:25px;color:var(--ui-kit-color-grey-10);border-radius:10px;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-entity-section.active{border-color:var(--ui-kit-color-main)}.kit-entity-section-header{padding-bottom:10px;font-size:16px;font-weight:400;line-height:22px;border-bottom:1px solid var(--ui-kit-color-grey-11)}\n"] }]
-        }], propDecorators: { isActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "isActive", required: false }] }] } });
+            args: [{ selector: 'kit-entity-section', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-entity-section\">\n  <div class=\"kit-entity-section-header\">\n    <ng-content select=\"[header]\"></ng-content>\n  </div>\n  <div class=\"kit-entity-section-content\">\n    <ng-content select=\"[content]\"></ng-content>\n  </div>\n</div>\n", styles: [".kit-entity-section{display:flex;flex-direction:column;gap:25px;padding:25px;color:var(--ui-kit-color-grey-10);border-radius:10px;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-entity-section-header{padding-bottom:10px;font-size:16px;font-weight:400;line-height:22px;border-bottom:1px solid var(--ui-kit-color-grey-11)}\n"] }]
+        }] });
+var KitEntitySectionEditableMode;
+(function (KitEntitySectionEditableMode) {
+    KitEntitySectionEditableMode["View"] = "view";
+    KitEntitySectionEditableMode["Edit"] = "edit";
+})(KitEntitySectionEditableMode || (KitEntitySectionEditableMode = {}));
+class KitEntitySectionEditableViewTemplateDirective {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: KitEntitySectionEditableViewTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: KitEntitySectionEditableViewTemplateDirective, isStandalone: true, selector: "[kitEntitySectionEditableViewTemplate]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: KitEntitySectionEditableViewTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kitEntitySectionEditableViewTemplate]',
+                }]
+        }] });
+class KitEntitySectionEditableEditTemplateDirective {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: KitEntitySectionEditableEditTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: KitEntitySectionEditableEditTemplateDirective, isStandalone: true, selector: "[kitEntitySectionEditableEditTemplate]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: KitEntitySectionEditableEditTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kitEntitySectionEditableEditTemplate]',
+                }]
+        }] });
+class KitEntitySectionEditableComponent {
+    constructor() {
+        this.mode = model(KitEntitySectionEditableMode.View, ...(ngDevMode ? [{ debugName: "mode" }] : []));
+        this.hasActions = input(true, ...(ngDevMode ? [{ debugName: "hasActions" }] : []));
+        this.editButtonDisabled = input(false, ...(ngDevMode ? [{ debugName: "editButtonDisabled" }] : []));
+        this.saveButtonDisabled = input(false, ...(ngDevMode ? [{ debugName: "saveButtonDisabled" }] : []));
+        this.hasCancelButton = input(true, ...(ngDevMode ? [{ debugName: "hasCancelButton" }] : []));
+        this.changeModeOnSave = input(true, ...(ngDevMode ? [{ debugName: "changeModeOnSave" }] : []));
+        this.isLoading = input(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
+        this.saveButtonClicked = output();
+        this.viewTemplate = contentChild(KitEntitySectionEditableViewTemplateDirective, ...(ngDevMode ? [{ debugName: "viewTemplate", read: TemplateRef }] : [{ read: TemplateRef }]));
+        this.editTemplate = contentChild(KitEntitySectionEditableEditTemplateDirective, ...(ngDevMode ? [{ debugName: "editTemplate", read: TemplateRef }] : [{ read: TemplateRef }]));
+        this.isViewMode = computed(() => this.mode() === KitEntitySectionEditableMode.View, ...(ngDevMode ? [{ debugName: "isViewMode" }] : []));
+        this.isEditMode = computed(() => this.mode() === KitEntitySectionEditableMode.Edit, ...(ngDevMode ? [{ debugName: "isEditMode" }] : []));
+        this.kitButtonKind = KitButtonKind;
+        this.kitButtonType = KitButtonType;
+        this.kitButtonIconPosition = KitButtonIconPosition;
+        this.kitSvgIcon = KitSvgIcon;
+        this.kitSvgIconType = KitSvgIconType;
+    }
+    onEditClick() {
+        this.mode.set(KitEntitySectionEditableMode.Edit);
+    }
+    onCancelClick() {
+        this.mode.set(KitEntitySectionEditableMode.View);
+    }
+    onSaveClick() {
+        if (this.changeModeOnSave()) {
+            this.mode.set(KitEntitySectionEditableMode.View);
+        }
+        this.saveButtonClicked.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: KitEntitySectionEditableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: KitEntitySectionEditableComponent, isStandalone: true, selector: "kit-entity-section-editable", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, hasActions: { classPropertyName: "hasActions", publicName: "hasActions", isSignal: true, isRequired: false, transformFunction: null }, editButtonDisabled: { classPropertyName: "editButtonDisabled", publicName: "editButtonDisabled", isSignal: true, isRequired: false, transformFunction: null }, saveButtonDisabled: { classPropertyName: "saveButtonDisabled", publicName: "saveButtonDisabled", isSignal: true, isRequired: false, transformFunction: null }, hasCancelButton: { classPropertyName: "hasCancelButton", publicName: "hasCancelButton", isSignal: true, isRequired: false, transformFunction: null }, changeModeOnSave: { classPropertyName: "changeModeOnSave", publicName: "changeModeOnSave", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { mode: "modeChange", saveButtonClicked: "saveButtonClicked" }, queries: [{ propertyName: "viewTemplate", first: true, predicate: KitEntitySectionEditableViewTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "editTemplate", first: true, predicate: KitEntitySectionEditableEditTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }], ngImport: i0, template: "<kit-entity-section class=\"kit-entity-section-editable\"\n                    [class.editing]=\"isEditMode()\">\n  <div header>\n    <div class=\"kit-entity-section-editable-header\">\n      <div class=\"kit-entity-section-editable-title\">\n        <ng-content select=\"[title]\"></ng-content>\n      </div>\n      @if (hasActions()) {\n        <div class=\"kit-entity-section-editable-actions\">\n          @if (isViewMode()) {\n            <kit-button [label]=\"'kit.entitySectionEditable.edit' | translate\"\n                        [kind]=\"kitButtonKind.SMALL\"\n                        [type]=\"kitButtonType.GHOST\"\n                        [icon]=\"kitSvgIcon.EDIT\"\n                        [iconPosition]=\"kitButtonIconPosition.LEADING\"\n                        [iconType]=\"kitSvgIconType.STROKE\"\n                        [disabled]=\"editButtonDisabled()\"\n                        (clicked)=\"onEditClick()\"\n            ></kit-button>\n          }\n          @if (isEditMode()) {\n            @if (hasCancelButton()) {\n              <kit-button [label]=\"'kit.entitySectionEditable.cancel' | translate\"\n                          [kind]=\"kitButtonKind.SMALL\"\n                          [type]=\"kitButtonType.GHOST\"\n                          [icon]=\"kitSvgIcon.CROSS\"\n                          [iconPosition]=\"kitButtonIconPosition.LEADING\"\n                          (clicked)=\"onCancelClick()\"\n              ></kit-button>\n            }\n            <kit-button [label]=\"'kit.entitySectionEditable.save' | translate\"\n                        [kind]=\"kitButtonKind.SMALL\"\n                        [type]=\"kitButtonType.GHOST\"\n                        [icon]=\"kitSvgIcon.DISKETTE\"\n                        [iconPosition]=\"kitButtonIconPosition.LEADING\"\n                        [disabled]=\"saveButtonDisabled()\"\n                        (clicked)=\"onSaveClick()\"\n            ></kit-button>\n          }\n        </div>\n      }\n    </div>\n  </div>\n  <div content\n       class=\"kit-entity-section-editable-content\"\n       [class.loading]=\"isLoading()\">\n    @if (isViewMode()) {\n      <ng-container *ngTemplateOutlet=\"viewTemplate()\" />\n    }\n    @if (isEditMode()) {\n      <ng-container *ngTemplateOutlet=\"editTemplate()\" />\n    }\n  </div>\n</kit-entity-section>\n", styles: [".kit-entity-section-editable-header{display:flex;align-items:center;justify-content:space-between}.kit-entity-section-editable-actions{display:flex;align-items:center;gap:10px}.kit-entity-section-editable.editing ::ng-deep .kit-entity-section{border-color:var(--ui-kit-color-main)}.kit-entity-section-editable-content.loading{pointer-events:none;opacity:.6;filter:blur(3px)}\n"], dependencies: [{ kind: "component", type: KitEntitySectionComponent, selector: "kit-entity-section" }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: KitEntitySectionEditableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kit-entity-section-editable', imports: [
+                        KitEntitySectionComponent,
+                        KitButtonComponent,
+                        TranslatePipe,
+                        NgTemplateOutlet,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<kit-entity-section class=\"kit-entity-section-editable\"\n                    [class.editing]=\"isEditMode()\">\n  <div header>\n    <div class=\"kit-entity-section-editable-header\">\n      <div class=\"kit-entity-section-editable-title\">\n        <ng-content select=\"[title]\"></ng-content>\n      </div>\n      @if (hasActions()) {\n        <div class=\"kit-entity-section-editable-actions\">\n          @if (isViewMode()) {\n            <kit-button [label]=\"'kit.entitySectionEditable.edit' | translate\"\n                        [kind]=\"kitButtonKind.SMALL\"\n                        [type]=\"kitButtonType.GHOST\"\n                        [icon]=\"kitSvgIcon.EDIT\"\n                        [iconPosition]=\"kitButtonIconPosition.LEADING\"\n                        [iconType]=\"kitSvgIconType.STROKE\"\n                        [disabled]=\"editButtonDisabled()\"\n                        (clicked)=\"onEditClick()\"\n            ></kit-button>\n          }\n          @if (isEditMode()) {\n            @if (hasCancelButton()) {\n              <kit-button [label]=\"'kit.entitySectionEditable.cancel' | translate\"\n                          [kind]=\"kitButtonKind.SMALL\"\n                          [type]=\"kitButtonType.GHOST\"\n                          [icon]=\"kitSvgIcon.CROSS\"\n                          [iconPosition]=\"kitButtonIconPosition.LEADING\"\n                          (clicked)=\"onCancelClick()\"\n              ></kit-button>\n            }\n            <kit-button [label]=\"'kit.entitySectionEditable.save' | translate\"\n                        [kind]=\"kitButtonKind.SMALL\"\n                        [type]=\"kitButtonType.GHOST\"\n                        [icon]=\"kitSvgIcon.DISKETTE\"\n                        [iconPosition]=\"kitButtonIconPosition.LEADING\"\n                        [disabled]=\"saveButtonDisabled()\"\n                        (clicked)=\"onSaveClick()\"\n            ></kit-button>\n          }\n        </div>\n      }\n    </div>\n  </div>\n  <div content\n       class=\"kit-entity-section-editable-content\"\n       [class.loading]=\"isLoading()\">\n    @if (isViewMode()) {\n      <ng-container *ngTemplateOutlet=\"viewTemplate()\" />\n    }\n    @if (isEditMode()) {\n      <ng-container *ngTemplateOutlet=\"editTemplate()\" />\n    }\n  </div>\n</kit-entity-section>\n", styles: [".kit-entity-section-editable-header{display:flex;align-items:center;justify-content:space-between}.kit-entity-section-editable-actions{display:flex;align-items:center;gap:10px}.kit-entity-section-editable.editing ::ng-deep .kit-entity-section{border-color:var(--ui-kit-color-main)}.kit-entity-section-editable-content.loading{pointer-events:none;opacity:.6;filter:blur(3px)}\n"] }]
+        }], propDecorators: { mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }, { type: i0.Output, args: ["modeChange"] }], hasActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasActions", required: false }] }], editButtonDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "editButtonDisabled", required: false }] }], saveButtonDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "saveButtonDisabled", required: false }] }], hasCancelButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasCancelButton", required: false }] }], changeModeOnSave: [{ type: i0.Input, args: [{ isSignal: true, alias: "changeModeOnSave", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], saveButtonClicked: [{ type: i0.Output, args: ["saveButtonClicked"] }], viewTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KitEntitySectionEditableViewTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }], editTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KitEntitySectionEditableEditTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }] } });
 class KitEntitySectionContainerComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: KitEntitySectionContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
@@ -6726,6 +6796,11 @@ const kitTranslations = {
                 failedToCopy: 'Failed to copy',
                 deleteConfirmation: 'Are you sure you want to permanently delete',
             },
+            entitySectionEditable: {
+                edit: 'Edit',
+                save: 'Save',
+                cancel: 'Cancel',
+            },
         },
     },
     ru: {
@@ -6877,6 +6952,11 @@ const kitTranslations = {
                 failedToCopy: 'Не удалось скопировать',
                 deleteConfirmation: 'Вы уверены, что хотите удалить',
             },
+            entitySectionEditable: {
+                edit: 'Редактировать',
+                save: 'Сохранить',
+                cancel: 'Отмена',
+            },
         },
     },
 };
@@ -9632,13 +9712,17 @@ class KitMenuBuilderService {
     constructor() {
         this.translateService = inject(TranslateService);
     }
-    build(items, permissions) {
-        return this.filter(items, permissions);
+    build(items, permissions, hasSelectedClient = true) {
+        return this.filter(items, permissions, hasSelectedClient);
     }
-    filter(items, permissions) {
+    filter(items, permissions, hasSelectedClient) {
         return items.reduce((menuItems, item) => {
             const hasPermission = item.permission ? kitHasPermission(item.permission, permissions) : false;
-            const childItems = item.items ? this.filter(item.items, permissions) : [];
+            const childItems = item.items ? this.filter(item.items, permissions, hasSelectedClient) : [];
+            const shouldSkip = (item.requiresClient ?? false) && !hasSelectedClient;
+            if (shouldSkip) {
+                return menuItems;
+            }
             if (hasPermission || childItems.length || !item.permission && !item.items) {
                 menuItems.push({
                     ...item,
@@ -9716,7 +9800,12 @@ class KitSidebarComponent {
         this.store = inject(Store);
         this.kitMenuBuilderService = inject(KitMenuBuilderService);
         this.menuItems = input.required(...(ngDevMode ? [{ debugName: "menuItems" }] : []));
-        this.menuItems$ = this.store.select(KIT_USER_PERMISSIONS_STATE_TOKEN).pipe(map(permissions => this.kitMenuBuilderService.build(this.menuItems(), permissions)));
+        this.hasSelectedClient = input(true, ...(ngDevMode ? [{ debugName: "hasSelectedClient" }] : []));
+        this.menuItems$ = combineLatest([
+            this.store.select(KIT_USER_PERMISSIONS_STATE_TOKEN),
+            toObservable(this.menuItems),
+            toObservable(this.hasSelectedClient),
+        ]).pipe(map(([permissions, menuItems, hasSelectedClient,]) => this.kitMenuBuilderService.build(menuItems, permissions, hasSelectedClient)));
         this.appsMenuItems$ = this.store.select(KIT_USER_APPLICATIONS_STATE_TOKEN).pipe(map(userApplications => userApplications?.applications?.map(({ name, url }) => ({
             name,
             url,
@@ -9729,7 +9818,7 @@ class KitSidebarComponent {
         this.store.dispatch(new FetchUserApplications());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: KitSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", 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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: KitSidebarComponent, isStandalone: true, selector: "kit-sidebar", inputs: { menuItems: { classPropertyName: "menuItems", publicName: "menuItems", isSignal: true, isRequired: true, transformFunction: null }, hasSelectedClient: { classPropertyName: "hasSelectedClient", publicName: "hasSelectedClient", isSignal: true, isRequired: false, 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.3.15", ngImport: i0, type: KitSidebarComponent, decorators: [{
             type: Component,
@@ -9737,7 +9826,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                         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"] }]
-        }], propDecorators: { menuItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "menuItems", required: true }] }] } });
+        }], propDecorators: { menuItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "menuItems", required: true }] }], hasSelectedClient: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasSelectedClient", required: false }] }] } });
 class FetchUser {
     static { this.type = '[User] Fetch'; }
@@ -11254,5 +11343,5 @@ var KitApiTokensPermissionCategories;
  * Generated bundle index. Do not edit.
  */
-export { AbstractKitCtaPanelConfirmationComponent, AddGridFilter, FetchApiTokens, FetchUser, FetchUserIdentities, FetchUserPermissions, FetchUserSettings, HighlightPipe, KIT_API_TOKENS_STATE_TOKEN, KIT_BASE_PATH, KIT_DATETIME_FORMAT_LONG, KIT_DATE_FORMAT, KIT_GRID_CELL_DATE_FORMAT_CONFIG, KIT_GRID_COLUMN_WIDTH, KIT_GRID_PAGE_SIZE, KIT_GRID_STATE_TOKEN, KIT_TIME_FORMAT_SHORT, KIT_USER_APPLICATIONS_PATH, KIT_USER_IDENTITIES_STATE_TOKEN, KIT_USER_PATH, KIT_USER_PERMISSIONS_PATH, KIT_USER_PERMISSIONS_STATE_TOKEN, KIT_USER_STATE_TOKEN, KitAbstractIdPayloadAction, KitAbstractPayloadAction, KitAccountService, KitApiTokenMaintenanceListComponent, KitApiTokenMaintenanceListState, KitApiTokensPermissionCategories, KitAutocompleteComponent, KitAutocompleteDirective, KitAvatarComponent, KitAvatarSize, KitBadgeDirective, KitBadgeTheme, KitBreadcrumbsComponent, KitBreadcrumbsService, KitButtonComponent, KitButtonIconPosition, KitButtonKind, KitButtonState, KitButtonType, KitCardComponent, KitCardDetailsComponent, KitCardTheme, KitCheckboxComponent, KitCheckboxState, KitClipboardService, KitCollapsedListComponent, KitCollapsedListDropdownAlign, KitCopyTextComponent, KitCtaPanelAbstractConfirmationComponent, KitCtaPanelActionComponent, KitCtaPanelConfirmationComponent, KitCtaPanelItemComponent, KitCtaPanelItemType, KitDataFieldComponent, KitDataFieldState, KitDatepickerComponent, KitDatepickerSize, KitDaterangeComponent, KitDaterangeType, KitDatetimepickerComponent, KitDeferredFailedRequestService, KitDialogActionsComponent, KitDialogComponent, KitDialogService, KitDialogTitlebarComponent, KitDialogType, KitDropdownComponent, KitDropdownItemTemplateDirective, KitDropdownSize, KitEmptySectionComponent, KitEntityGridComponent, KitEntitySectionComponent, KitEntitySectionContainerComponent, KitEntityTitleComponent, KitFileCardComponent, KitFileCardMessagesComponent, KitFileUploadComponent, KitFilterCheckboxComponent, KitFilterDateRange, KitFilterLogic, KitFilterOperator, KitFilterType, KitForbiddenComponent, KitFormErrors, KitGlobalSearchComponent, KitGridArchiveToggle, KitGridCellComponent, KitGridCellService, KitGridCellTemplateDirective, KitGridColumnComponent, KitGridColumnManagerComponent, KitGridComponent, KitGridDetailTemplateDirective, KitGridDetailsButtonComponent, KitGridExportComponent, KitGridFiltersComponent, KitGridLiveUpdatesControlComponent, KitGridSearchComponent, KitGridSortSettingsMode, KitGridState, KitGridUrlStateService, KitGridViewType, KitGridViewsComponent, KitGridViewsState, KitInputLabelComponent, KitInputMessageComponent, KitListComponent, KitLoaderComponent, KitLocationStepperComponent, KitMobileHeaderComponent, KitMobileMenuComponent, KitMobileMenuState, KitMultiselectComponent, KitNavigationMenuComponent, KitNavigationMenuService, KitNavigationMenuSubmenuComponent, KitNavigationTabsComponent, KitNavigationTabsType, KitNotFoundComponent, KitNoteComponent, KitNotificationComponent, KitNotificationService, KitNotificationType, KitNumericTextboxComponent, KitNumericTextboxSize, KitNumericTextboxState, KitOptionToggleComponent, KitPageLayoutComponent, KitPermissionDirective, KitPillComponent, KitPillTheme, KitPillType, KitPopupAlignHorizontal, KitPopupAlignVertical, KitPopupComponent, KitPopupPositionMode, KitProfileMenuComponent, KitQueryParamsName, KitQueryParamsService, KitRadioButtonComponent, KitRadioButtonType, KitRoutePathComponent, KitSchedulerAgendaTimeTemplateDirective, KitSchedulerComponent, KitSchedulerCustomViewTemplateDirective, KitSchedulerMonthEventTemplateDirective, KitSchedulerWeekEventTemplateDirective, KitScrollNavigationComponent, KitScrollNavigationSectionComponent, KitSearchBarComponent, KitSidebarComponent, KitSkeletonAnimation, KitSkeletonComponent, KitSkeletonGridComponent, KitSkeletonShape, KitSortDirection, KitSortableComponent, KitSplitContainerComponent, KitStatusLabelColor, KitStatusLabelComponent, KitStatusLabelSize, KitSvgIcon, KitSvgIconComponent, KitSvgIconType, KitSvgSpriteComponent, KitSwitchComponent, KitSwitchMode, KitSwitchState, KitTabComponent, KitTabContentDirective, KitTabsComponent, KitTabsSize, KitTabsType, KitTextLabelComponent, KitTextLabelState, KitTextareaAutoresizeDirective, KitTextareaComponent, KitTextareaState, KitTextboxActionsComponent, KitTextboxComponent, KitTextboxSize, KitTextboxState, KitThemeService, KitThemes, KitTileLayoutComponent, KitTileLayoutItemComponent, KitTimelineCardComponent, KitTimelineComponent, KitTimelineTheme, KitTimelineType, KitTimepickerComponent, KitTitleTemplateDirective, KitToastrModule, KitToastrPosition, KitToastrService, KitToastrType, KitToggleComponent, KitToggleSize, KitTooltipDirective, KitTooltipPosition, KitTopBarComponent, KitTrackingCardComponent, KitTrackingTimelineComponent, KitTranslateLoader, KitTranslateService, KitTruncateTextComponent, KitUnitsTextboxComponent, KitUnitsTextboxDropdownPosition, KitUnitsTextboxType, KitUserApplicationsState, KitUserIdentitiesInterceptor, KitUserIdentitiesSelector, KitUserIdentitiesState, KitUserPermissionsState, KitUserSettingsComponent, KitUserSettingsKeys, KitUserSettingsState, KitUserState, KitUserType, RemoveGridFilter, SetGridColumns, SetGridFilters, SetGridSearch, SetGridSkip, SetGridSort, SetGridTake, SetUserIdentity, UpdateGridFilter, buildRandomUUID, changeFilterField, createDataFetcherFactory, findMatches, kitApiResponseDefaultEntities, kitApiTokenMaintenanceConfig, kitApiTokenMaintenanceRoutes, kitBuildFilterBooleanOptions, kitBuildFilterListOptions, kitBuildFilters, kitBuildGridColumn, kitBuildGridDataResults, kitBuildHttpParams, kitBuildOdataFilter, kitBuildSortString, kitDataStateToODataString, kitEncodeViewNameToUrl, kitExportExcel, kitFetchExportGridData, kitFetchGridData, kitFilterBy, kitFormatStringForSearch, kitGetPermissionTypesByCategory, kitHasPermission, kitTranslations, kitUserPermissionsGuard, mapGlobalSearchResult, trimTrailingSlash };
+export { AbstractKitCtaPanelConfirmationComponent, AddGridFilter, FetchApiTokens, FetchUser, FetchUserIdentities, FetchUserPermissions, FetchUserSettings, HighlightPipe, KIT_API_TOKENS_STATE_TOKEN, KIT_BASE_PATH, KIT_DATETIME_FORMAT_LONG, KIT_DATE_FORMAT, KIT_GRID_CELL_DATE_FORMAT_CONFIG, KIT_GRID_COLUMN_WIDTH, KIT_GRID_PAGE_SIZE, KIT_GRID_STATE_TOKEN, KIT_TIME_FORMAT_SHORT, KIT_USER_APPLICATIONS_PATH, KIT_USER_IDENTITIES_STATE_TOKEN, KIT_USER_PATH, KIT_USER_PERMISSIONS_PATH, KIT_USER_PERMISSIONS_STATE_TOKEN, KIT_USER_STATE_TOKEN, KitAbstractIdPayloadAction, KitAbstractPayloadAction, KitAccountService, KitApiTokenMaintenanceListComponent, KitApiTokenMaintenanceListState, KitApiTokensPermissionCategories, KitAutocompleteComponent, KitAutocompleteDirective, KitAvatarComponent, KitAvatarSize, KitBadgeDirective, KitBadgeTheme, KitBreadcrumbsComponent, KitBreadcrumbsService, KitButtonComponent, KitButtonIconPosition, KitButtonKind, KitButtonState, KitButtonType, KitCardComponent, KitCardDetailsComponent, KitCardTheme, KitCheckboxComponent, KitCheckboxState, KitClipboardService, KitCollapsedListComponent, KitCollapsedListDropdownAlign, KitCopyTextComponent, KitCtaPanelAbstractConfirmationComponent, KitCtaPanelActionComponent, KitCtaPanelConfirmationComponent, KitCtaPanelItemComponent, KitCtaPanelItemType, KitDataFieldComponent, KitDataFieldState, KitDatepickerComponent, KitDatepickerSize, KitDaterangeComponent, KitDaterangeType, KitDatetimepickerComponent, KitDeferredFailedRequestService, KitDialogActionsComponent, KitDialogComponent, KitDialogService, KitDialogTitlebarComponent, KitDialogType, KitDropdownComponent, KitDropdownItemTemplateDirective, KitDropdownSize, KitEmptySectionComponent, KitEntityGridComponent, KitEntitySectionComponent, KitEntitySectionContainerComponent, KitEntitySectionEditableComponent, KitEntitySectionEditableEditTemplateDirective, KitEntitySectionEditableMode, KitEntitySectionEditableViewTemplateDirective, KitEntityTitleComponent, KitFileCardComponent, KitFileCardMessagesComponent, KitFileUploadComponent, KitFilterCheckboxComponent, KitFilterDateRange, KitFilterLogic, KitFilterOperator, KitFilterType, KitForbiddenComponent, KitFormErrors, KitGlobalSearchComponent, KitGridArchiveToggle, KitGridCellComponent, KitGridCellService, KitGridCellTemplateDirective, KitGridColumnComponent, KitGridColumnManagerComponent, KitGridComponent, KitGridDetailTemplateDirective, KitGridDetailsButtonComponent, KitGridExportComponent, KitGridFiltersComponent, KitGridLiveUpdatesControlComponent, KitGridSearchComponent, KitGridSortSettingsMode, KitGridState, KitGridUrlStateService, KitGridViewType, KitGridViewsComponent, KitGridViewsState, KitInputLabelComponent, KitInputMessageComponent, KitListComponent, KitLoaderComponent, KitLocationStepperComponent, KitMobileHeaderComponent, KitMobileMenuComponent, KitMobileMenuState, KitMultiselectComponent, KitNavigationMenuComponent, KitNavigationMenuService, KitNavigationMenuSubmenuComponent, KitNavigationTabsComponent, KitNavigationTabsType, KitNotFoundComponent, KitNoteComponent, KitNotificationComponent, KitNotificationService, KitNotificationType, KitNumericTextboxComponent, KitNumericTextboxSize, KitNumericTextboxState, KitOptionToggleComponent, KitPageLayoutComponent, KitPermissionDirective, KitPillComponent, KitPillTheme, KitPillType, KitPopupAlignHorizontal, KitPopupAlignVertical, KitPopupComponent, KitPopupPositionMode, KitProfileMenuComponent, KitQueryParamsName, KitQueryParamsService, KitRadioButtonComponent, KitRadioButtonType, KitRoutePathComponent, KitSchedulerAgendaTimeTemplateDirective, KitSchedulerComponent, KitSchedulerCustomViewTemplateDirective, KitSchedulerMonthEventTemplateDirective, KitSchedulerWeekEventTemplateDirective, KitScrollNavigationComponent, KitScrollNavigationSectionComponent, KitSearchBarComponent, KitSidebarComponent, KitSkeletonAnimation, KitSkeletonComponent, KitSkeletonGridComponent, KitSkeletonShape, KitSortDirection, KitSortableComponent, KitSplitContainerComponent, KitStatusLabelColor, KitStatusLabelComponent, KitStatusLabelSize, KitSvgIcon, KitSvgIconComponent, KitSvgIconType, KitSvgSpriteComponent, KitSwitchComponent, KitSwitchMode, KitSwitchState, KitTabComponent, KitTabContentDirective, KitTabsComponent, KitTabsSize, KitTabsType, KitTextLabelComponent, KitTextLabelState, KitTextareaAutoresizeDirective, KitTextareaComponent, KitTextareaState, KitTextboxActionsComponent, KitTextboxComponent, KitTextboxSize, KitTextboxState, KitThemeService, KitThemes, KitTileLayoutComponent, KitTileLayoutItemComponent, KitTimelineCardComponent, KitTimelineComponent, KitTimelineTheme, KitTimelineType, KitTimepickerComponent, KitTitleTemplateDirective, KitToastrModule, KitToastrPosition, KitToastrService, KitToastrType, KitToggleComponent, KitToggleSize, KitTooltipDirective, KitTooltipPosition, KitTopBarComponent, KitTrackingCardComponent, KitTrackingTimelineComponent, KitTranslateLoader, KitTranslateService, KitTruncateTextComponent, KitUnitsTextboxComponent, KitUnitsTextboxDropdownPosition, KitUnitsTextboxType, KitUserApplicationsState, KitUserIdentitiesInterceptor, KitUserIdentitiesSelector, KitUserIdentitiesState, KitUserPermissionsState, KitUserSettingsComponent, KitUserSettingsKeys, KitUserSettingsState, KitUserState, KitUserType, RemoveGridFilter, SetGridColumns, SetGridFilters, SetGridSearch, SetGridSkip, SetGridSort, SetGridTake, SetUserIdentity, UpdateGridFilter, buildRandomUUID, changeFilterField, createDataFetcherFactory, findMatches, kitApiResponseDefaultEntities, kitApiTokenMaintenanceConfig, kitApiTokenMaintenanceRoutes, kitBuildFilterBooleanOptions, kitBuildFilterListOptions, kitBuildFilters, kitBuildGridColumn, kitBuildGridDataResults, kitBuildHttpParams, kitBuildOdataFilter, kitBuildSortString, kitDataStateToODataString, kitEncodeViewNameToUrl, kitExportExcel, kitFetchExportGridData, kitFetchGridData, kitFilterBy, kitFormatStringForSearch, kitGetPermissionTypesByCategory, kitHasPermission, kitTranslations, kitUserPermissionsGuard, mapGlobalSearchResult, trimTrailingSlash };
 //# sourceMappingURL=indigina-ui-kit.mjs.map