@indigina/ui-kit 1.1.115 → 1.1.116

package/fesm2022/indigina-ui-kit.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Input, EventEmitter, ViewEncapsulation, Output, NgModule, inject, ElementRef, NgZone, Renderer2, Directive, forwardRef, input, signal, TemplateRef, ContentChild, ViewChild, HostListener, Injectable, output, Host, Self, Inject, effect, ContentChildren, contentChildren, contentChild } from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, EventEmitter, ViewEncapsulation, Output, NgModule, inject, ElementRef, NgZone, Renderer2, Directive, forwardRef, input, signal, TemplateRef, ContentChild, ViewChild, HostListener, Injectable, output, Host, Self, Inject, effect, ContentChildren, viewChild, contentChildren, contentChild } from '@angular/core';
 import * as i1 from '@progress/kendo-angular-buttons';
 import { ButtonModule, ButtonGroupModule } from '@progress/kendo-angular-buttons';
 import * as i1$1 from '@angular/common';
@@ -1252,6 +1252,7 @@ class KitTextareaComponent {
             [KitTextareaState.ERROR]: KitSvgIcon.CLOSE_CIRCLE_FILLED,
             [KitTextareaState.SUCCESS]: KitSvgIcon.CHECK_CIRCLE_FILLED,
         };
+        this.kitTooltipPosition = KitTooltipPosition;
         /**
          * Function that should be called every time the form control value changes
          */
@@ -1309,11 +1310,11 @@ class KitTextareaComponent {
         this.changed.emit(target.value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitTextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: KitTextareaComponent, isStandalone: false, selector: "kit-textarea", inputs: { placeholder: "placeholder", label: "label", defaultValue: "defaultValue", maxlength: "maxlength", minLines: "minLines", maxLines: "maxLines", disabled: "disabled", messageIcon: "messageIcon", messageText: "messageText", state: "state", icon: "icon", readonly: "readonly" }, outputs: { focused: "focused", blured: "blured", changed: "changed" }, providers: [{
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: KitTextareaComponent, isStandalone: false, selector: "kit-textarea", inputs: { placeholder: "placeholder", label: "label", defaultValue: "defaultValue", maxlength: "maxlength", minLines: "minLines", maxLines: "maxLines", disabled: "disabled", messageIcon: "messageIcon", messageText: "messageText", state: "state", icon: "icon", readonly: "readonly", tooltip: "tooltip" }, outputs: { focused: "focused", blured: "blured", changed: "changed" }, providers: [{
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => KitTextareaComponent),
                 multi: true,
-            }], usesOnChanges: true, ngImport: i0, template: "<div class=\"kit-textarea\"\n     [ngClass]=\"state\"\n     [class.disabled]=\"disabled\"\n     [class.readonly]=\"readonly\">\n  @if (label) {\n    <kit-input-label class=\"label\"\n                     [text]=\"label\"\n                     [for]=\"textarea\"\n    ></kit-input-label>\n  }\n  <div class=\"kit-textarea-input\">\n    @if (icon) {\n      <kit-svg-icon class=\"kit-textarea-icon\"\n                    [icon]=\"icon\"\n      ></kit-svg-icon>\n    }\n    <textarea #textarea\n              autoresize\n              class=\"k-input\"\n              [attr.placeholder]=\"placeholder\"\n              [style.min-height.px]=\"minHeight\"\n              [style.max-height.px]=\"maxHeight\"\n              [attr.maxlength]=\"maxlength\"\n              [disabled]=\"disabled\"\n              [value]=\"defaultValue\"\n              [readonly]=\"readonly\"\n              (focus)=\"onTextareaFocus()\"\n              (blur)=\"onTextareaBlur()\"\n              (input)=\"onTextareaChange($event)\"\n    ></textarea>\n    <kit-svg-icon class=\"kit-textarea-state-icon\"\n                  [icon]=\"textareaStateIcon[state]\"\n    ></kit-svg-icon>\n  </div>\n\n  @if (messageText) {\n    <kit-input-message [icon]=\"messageIcon\"\n                       [message]=\"messageText\"\n    ></kit-input-message>\n  }\n</div>\n", styles: [".kit-textarea .label{display:block;margin-bottom:4px}.kit-textarea-input{display:flex;position:relative;padding:9px 0 9px 12px;border:1px solid var(--ui-kit-color-grey-11);border-radius:8px;background:var(--ui-kit-color-white)}.kit-textarea-icon{flex-shrink:0;display:block;margin-right:8px;margin-top:2px;width:16px;height:16px;fill:var(--ui-kit-color-grey-10)}.kit-textarea-state-icon{position:absolute;top:12px;right:12px;flex-shrink:0;display:block;margin-left:12px;width:14px;height:14px}.kit-textarea .k-input{padding:0 34px 0 0;width:100%;color:var(--ui-kit-color-grey-10);font-size:14px;border:none;border-radius:8px;box-sizing:border-box;line-height:1.4;overflow:auto;resize:none}.kit-textarea .k-input::placeholder{color:var(--ui-kit-color-grey-12)}.kit-textarea.default .kit-textarea-state-icon{fill:var(--ui-kit-color-grey-12)}.kit-textarea.default:hover .kit-textarea-input{border-color:var(--ui-kit-color-hover)}.kit-textarea.default:focus-within .kit-textarea-input{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-textarea.warning .kit-textarea-input{border-color:var(--ui-kit-color-orange)}.kit-textarea.warning .kit-textarea-state-icon,.kit-textarea.warning .kit-textarea-icon{fill:var(--ui-kit-color-orange)}.kit-textarea.warning:focus-within .kit-textarea-input{box-shadow:0 0 0 2px var(--ui-kit-color-orange-1)}.kit-textarea.error .kit-textarea-input{border-color:var(--ui-kit-color-red-1)}.kit-textarea.error .kit-textarea-state-icon,.kit-textarea.error .kit-textarea-icon{fill:var(--ui-kit-color-red-1)}.kit-textarea.error:focus-within .kit-textarea-input{box-shadow:0 0 0 2px var(--ui-kit-color-red-2)}.kit-textarea.success .kit-textarea-state-icon{fill:var(--ui-kit-color-green-1)}.kit-textarea.success:hover .kit-textarea-input{border-color:var(--ui-kit-color-green-1)}.kit-textarea.success:focus-within .kit-textarea-input{border-color:var(--ui-kit-color-green-1);box-shadow:0 0 0 2px var(--ui-kit-color-green-2)}.kit-textarea.disabled .k-input{color:var(--ui-kit-color-grey-12);background:var(--ui-kit-color-grey-13)}.kit-textarea.disabled .kit-textarea-input{border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-textarea.disabled .kit-textarea-icon{fill:var(--ui-kit-color-grey-12)}.kit-textarea.disabled:hover .kit-textarea-input{border-color:var(--ui-kit-color-grey-11)}.kit-textarea.readonly .k-input{color:var(--ui-kit-color-grey-14)}.kit-textarea.readonly .kit-textarea-input{border-color:var(--ui-kit-color-grey-11)}.kit-textarea.readonly .kit-textarea-icon{fill:var(--ui-kit-color-grey-10)}.kit-textarea.readonly:hover .kit-textarea-input{border-color:var(--ui-kit-color-grey-11)}.kit-textarea.readonly:focus-within .kit-textarea-input{box-shadow:none}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: KitInputMessageComponent, selector: "kit-input-message", inputs: ["icon", "message"] }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }, { kind: "directive", type: KitTextareaAutoresizeDirective, selector: "[autoresize]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+            }], usesOnChanges: true, ngImport: i0, template: "<div class=\"kit-textarea\"\n     [ngClass]=\"state\"\n     [class.disabled]=\"disabled\"\n     [class.readonly]=\"readonly\">\n  @if (label) {\n    <kit-input-label class=\"label\"\n                     [text]=\"label\"\n                     [for]=\"textarea\"\n    ></kit-input-label>\n  }\n  <div class=\"kit-textarea-input\">\n    @if (icon) {\n      <kit-svg-icon class=\"kit-textarea-icon\"\n                    [icon]=\"icon\"\n      ></kit-svg-icon>\n    }\n    <textarea #textarea\n              autoresize\n              class=\"k-input\"\n              [attr.placeholder]=\"placeholder\"\n              [style.min-height.px]=\"minHeight\"\n              [style.max-height.px]=\"maxHeight\"\n              [attr.maxlength]=\"maxlength\"\n              [disabled]=\"disabled\"\n              [value]=\"defaultValue\"\n              [readonly]=\"readonly\"\n              (focus)=\"onTextareaFocus()\"\n              (blur)=\"onTextareaBlur()\"\n              (input)=\"onTextareaChange($event)\"\n    ></textarea>\n    <kit-svg-icon kitTooltip\n                  kitTooltipFilter=\".kit-textarea-state-icon\"\n                  class=\"kit-textarea-state-icon\"\n                  [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n                  [title]=\"tooltip ?? ''\"\n                  [icon]=\"textareaStateIcon[state]\"\n    ></kit-svg-icon>\n  </div>\n\n  @if (messageText) {\n    <kit-input-message [icon]=\"messageIcon\"\n                       [message]=\"messageText\"\n    ></kit-input-message>\n  }\n</div>\n", styles: [".kit-textarea .label{display:block;margin-bottom:4px}.kit-textarea-input{display:flex;position:relative;padding:9px 0 9px 12px;border:1px solid var(--ui-kit-color-grey-11);border-radius:8px;background:var(--ui-kit-color-white)}.kit-textarea-icon{flex-shrink:0;display:block;margin-right:8px;margin-top:2px;width:16px;height:16px;fill:var(--ui-kit-color-grey-10)}.kit-textarea-state-icon{position:absolute;top:12px;right:12px;flex-shrink:0;display:block;margin-left:12px;width:14px;height:14px}.kit-textarea .k-input{padding:0 34px 0 0;width:100%;color:var(--ui-kit-color-grey-10);font-size:14px;border:none;border-radius:8px;box-sizing:border-box;line-height:1.4;overflow:auto;resize:none}.kit-textarea .k-input::placeholder{color:var(--ui-kit-color-grey-12)}.kit-textarea.default .kit-textarea-state-icon{fill:var(--ui-kit-color-grey-12)}.kit-textarea.default:hover .kit-textarea-input{border-color:var(--ui-kit-color-hover)}.kit-textarea.default:focus-within .kit-textarea-input{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-textarea.warning .kit-textarea-input{border-color:var(--ui-kit-color-orange)}.kit-textarea.warning .kit-textarea-state-icon,.kit-textarea.warning .kit-textarea-icon{fill:var(--ui-kit-color-orange)}.kit-textarea.warning:focus-within .kit-textarea-input{box-shadow:0 0 0 2px var(--ui-kit-color-orange-1)}.kit-textarea.error .kit-textarea-input{border-color:var(--ui-kit-color-red-1)}.kit-textarea.error .kit-textarea-state-icon,.kit-textarea.error .kit-textarea-icon{fill:var(--ui-kit-color-red-1)}.kit-textarea.error:focus-within .kit-textarea-input{box-shadow:0 0 0 2px var(--ui-kit-color-red-2)}.kit-textarea.success .kit-textarea-state-icon{fill:var(--ui-kit-color-green-1)}.kit-textarea.success:hover .kit-textarea-input{border-color:var(--ui-kit-color-green-1)}.kit-textarea.success:focus-within .kit-textarea-input{border-color:var(--ui-kit-color-green-1);box-shadow:0 0 0 2px var(--ui-kit-color-green-2)}.kit-textarea.disabled .k-input{color:var(--ui-kit-color-grey-12);background:var(--ui-kit-color-grey-13)}.kit-textarea.disabled .kit-textarea-input{border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-textarea.disabled .kit-textarea-icon{fill:var(--ui-kit-color-grey-12)}.kit-textarea.disabled:hover .kit-textarea-input{border-color:var(--ui-kit-color-grey-11)}.kit-textarea.readonly .k-input{color:var(--ui-kit-color-grey-14)}.kit-textarea.readonly .kit-textarea-input{border-color:var(--ui-kit-color-grey-11)}.kit-textarea.readonly .kit-textarea-icon{fill:var(--ui-kit-color-grey-10)}.kit-textarea.readonly:hover .kit-textarea-input{border-color:var(--ui-kit-color-grey-11)}.kit-textarea.readonly:focus-within .kit-textarea-input{box-shadow:none}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: KitInputMessageComponent, selector: "kit-input-message", inputs: ["icon", "message"] }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }, { kind: "directive", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef"] }, { kind: "directive", type: KitTextareaAutoresizeDirective, selector: "[autoresize]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitTextareaComponent, decorators: [{
             type: Component,
@@ -1321,7 +1322,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => KitTextareaComponent),
                             multi: true,
-                        }], standalone: false, template: "<div class=\"kit-textarea\"\n     [ngClass]=\"state\"\n     [class.disabled]=\"disabled\"\n     [class.readonly]=\"readonly\">\n  @if (label) {\n    <kit-input-label class=\"label\"\n                     [text]=\"label\"\n                     [for]=\"textarea\"\n    ></kit-input-label>\n  }\n  <div class=\"kit-textarea-input\">\n    @if (icon) {\n      <kit-svg-icon class=\"kit-textarea-icon\"\n                    [icon]=\"icon\"\n      ></kit-svg-icon>\n    }\n    <textarea #textarea\n              autoresize\n              class=\"k-input\"\n              [attr.placeholder]=\"placeholder\"\n              [style.min-height.px]=\"minHeight\"\n              [style.max-height.px]=\"maxHeight\"\n              [attr.maxlength]=\"maxlength\"\n              [disabled]=\"disabled\"\n              [value]=\"defaultValue\"\n              [readonly]=\"readonly\"\n              (focus)=\"onTextareaFocus()\"\n              (blur)=\"onTextareaBlur()\"\n              (input)=\"onTextareaChange($event)\"\n    ></textarea>\n    <kit-svg-icon class=\"kit-textarea-state-icon\"\n                  [icon]=\"textareaStateIcon[state]\"\n    ></kit-svg-icon>\n  </div>\n\n  @if (messageText) {\n    <kit-input-message [icon]=\"messageIcon\"\n                       [message]=\"messageText\"\n    ></kit-input-message>\n  }\n</div>\n", styles: [".kit-textarea .label{display:block;margin-bottom:4px}.kit-textarea-input{display:flex;position:relative;padding:9px 0 9px 12px;border:1px solid var(--ui-kit-color-grey-11);border-radius:8px;background:var(--ui-kit-color-white)}.kit-textarea-icon{flex-shrink:0;display:block;margin-right:8px;margin-top:2px;width:16px;height:16px;fill:var(--ui-kit-color-grey-10)}.kit-textarea-state-icon{position:absolute;top:12px;right:12px;flex-shrink:0;display:block;margin-left:12px;width:14px;height:14px}.kit-textarea .k-input{padding:0 34px 0 0;width:100%;color:var(--ui-kit-color-grey-10);font-size:14px;border:none;border-radius:8px;box-sizing:border-box;line-height:1.4;overflow:auto;resize:none}.kit-textarea .k-input::placeholder{color:var(--ui-kit-color-grey-12)}.kit-textarea.default .kit-textarea-state-icon{fill:var(--ui-kit-color-grey-12)}.kit-textarea.default:hover .kit-textarea-input{border-color:var(--ui-kit-color-hover)}.kit-textarea.default:focus-within .kit-textarea-input{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-textarea.warning .kit-textarea-input{border-color:var(--ui-kit-color-orange)}.kit-textarea.warning .kit-textarea-state-icon,.kit-textarea.warning .kit-textarea-icon{fill:var(--ui-kit-color-orange)}.kit-textarea.warning:focus-within .kit-textarea-input{box-shadow:0 0 0 2px var(--ui-kit-color-orange-1)}.kit-textarea.error .kit-textarea-input{border-color:var(--ui-kit-color-red-1)}.kit-textarea.error .kit-textarea-state-icon,.kit-textarea.error .kit-textarea-icon{fill:var(--ui-kit-color-red-1)}.kit-textarea.error:focus-within .kit-textarea-input{box-shadow:0 0 0 2px var(--ui-kit-color-red-2)}.kit-textarea.success .kit-textarea-state-icon{fill:var(--ui-kit-color-green-1)}.kit-textarea.success:hover .kit-textarea-input{border-color:var(--ui-kit-color-green-1)}.kit-textarea.success:focus-within .kit-textarea-input{border-color:var(--ui-kit-color-green-1);box-shadow:0 0 0 2px var(--ui-kit-color-green-2)}.kit-textarea.disabled .k-input{color:var(--ui-kit-color-grey-12);background:var(--ui-kit-color-grey-13)}.kit-textarea.disabled .kit-textarea-input{border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-textarea.disabled .kit-textarea-icon{fill:var(--ui-kit-color-grey-12)}.kit-textarea.disabled:hover .kit-textarea-input{border-color:var(--ui-kit-color-grey-11)}.kit-textarea.readonly .k-input{color:var(--ui-kit-color-grey-14)}.kit-textarea.readonly .kit-textarea-input{border-color:var(--ui-kit-color-grey-11)}.kit-textarea.readonly .kit-textarea-icon{fill:var(--ui-kit-color-grey-10)}.kit-textarea.readonly:hover .kit-textarea-input{border-color:var(--ui-kit-color-grey-11)}.kit-textarea.readonly:focus-within .kit-textarea-input{box-shadow:none}\n"] }]
+                        }], standalone: false, template: "<div class=\"kit-textarea\"\n     [ngClass]=\"state\"\n     [class.disabled]=\"disabled\"\n     [class.readonly]=\"readonly\">\n  @if (label) {\n    <kit-input-label class=\"label\"\n                     [text]=\"label\"\n                     [for]=\"textarea\"\n    ></kit-input-label>\n  }\n  <div class=\"kit-textarea-input\">\n    @if (icon) {\n      <kit-svg-icon class=\"kit-textarea-icon\"\n                    [icon]=\"icon\"\n      ></kit-svg-icon>\n    }\n    <textarea #textarea\n              autoresize\n              class=\"k-input\"\n              [attr.placeholder]=\"placeholder\"\n              [style.min-height.px]=\"minHeight\"\n              [style.max-height.px]=\"maxHeight\"\n              [attr.maxlength]=\"maxlength\"\n              [disabled]=\"disabled\"\n              [value]=\"defaultValue\"\n              [readonly]=\"readonly\"\n              (focus)=\"onTextareaFocus()\"\n              (blur)=\"onTextareaBlur()\"\n              (input)=\"onTextareaChange($event)\"\n    ></textarea>\n    <kit-svg-icon kitTooltip\n                  kitTooltipFilter=\".kit-textarea-state-icon\"\n                  class=\"kit-textarea-state-icon\"\n                  [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n                  [title]=\"tooltip ?? ''\"\n                  [icon]=\"textareaStateIcon[state]\"\n    ></kit-svg-icon>\n  </div>\n\n  @if (messageText) {\n    <kit-input-message [icon]=\"messageIcon\"\n                       [message]=\"messageText\"\n    ></kit-input-message>\n  }\n</div>\n", styles: [".kit-textarea .label{display:block;margin-bottom:4px}.kit-textarea-input{display:flex;position:relative;padding:9px 0 9px 12px;border:1px solid var(--ui-kit-color-grey-11);border-radius:8px;background:var(--ui-kit-color-white)}.kit-textarea-icon{flex-shrink:0;display:block;margin-right:8px;margin-top:2px;width:16px;height:16px;fill:var(--ui-kit-color-grey-10)}.kit-textarea-state-icon{position:absolute;top:12px;right:12px;flex-shrink:0;display:block;margin-left:12px;width:14px;height:14px}.kit-textarea .k-input{padding:0 34px 0 0;width:100%;color:var(--ui-kit-color-grey-10);font-size:14px;border:none;border-radius:8px;box-sizing:border-box;line-height:1.4;overflow:auto;resize:none}.kit-textarea .k-input::placeholder{color:var(--ui-kit-color-grey-12)}.kit-textarea.default .kit-textarea-state-icon{fill:var(--ui-kit-color-grey-12)}.kit-textarea.default:hover .kit-textarea-input{border-color:var(--ui-kit-color-hover)}.kit-textarea.default:focus-within .kit-textarea-input{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-textarea.warning .kit-textarea-input{border-color:var(--ui-kit-color-orange)}.kit-textarea.warning .kit-textarea-state-icon,.kit-textarea.warning .kit-textarea-icon{fill:var(--ui-kit-color-orange)}.kit-textarea.warning:focus-within .kit-textarea-input{box-shadow:0 0 0 2px var(--ui-kit-color-orange-1)}.kit-textarea.error .kit-textarea-input{border-color:var(--ui-kit-color-red-1)}.kit-textarea.error .kit-textarea-state-icon,.kit-textarea.error .kit-textarea-icon{fill:var(--ui-kit-color-red-1)}.kit-textarea.error:focus-within .kit-textarea-input{box-shadow:0 0 0 2px var(--ui-kit-color-red-2)}.kit-textarea.success .kit-textarea-state-icon{fill:var(--ui-kit-color-green-1)}.kit-textarea.success:hover .kit-textarea-input{border-color:var(--ui-kit-color-green-1)}.kit-textarea.success:focus-within .kit-textarea-input{border-color:var(--ui-kit-color-green-1);box-shadow:0 0 0 2px var(--ui-kit-color-green-2)}.kit-textarea.disabled .k-input{color:var(--ui-kit-color-grey-12);background:var(--ui-kit-color-grey-13)}.kit-textarea.disabled .kit-textarea-input{border-color:var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-13)}.kit-textarea.disabled .kit-textarea-icon{fill:var(--ui-kit-color-grey-12)}.kit-textarea.disabled:hover .kit-textarea-input{border-color:var(--ui-kit-color-grey-11)}.kit-textarea.readonly .k-input{color:var(--ui-kit-color-grey-14)}.kit-textarea.readonly .kit-textarea-input{border-color:var(--ui-kit-color-grey-11)}.kit-textarea.readonly .kit-textarea-icon{fill:var(--ui-kit-color-grey-10)}.kit-textarea.readonly:hover .kit-textarea-input{border-color:var(--ui-kit-color-grey-11)}.kit-textarea.readonly:focus-within .kit-textarea-input{box-shadow:none}\n"] }]
         }], propDecorators: { placeholder: [{
                 type: Input
             }], label: [{
@@ -1346,6 +1347,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
                 type: Input
             }], readonly: [{
                 type: Input
+            }], tooltip: [{
+                type: Input
             }], focused: [{
                 type: Output
             }], blured: [{
@@ -1360,7 +1363,8 @@ class KitTextareaModule {
             KitTextareaAutoresizeDirective], imports: [CommonModule,
             KitInputMessageModule,
             KitSvgIconModule,
-            KitInputLabelModule], exports: [KitTextareaComponent,
+            KitInputLabelModule,
+            KitTooltipDirective], exports: [KitTextareaComponent,
             KitTextareaAutoresizeDirective] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitTextareaModule, imports: [CommonModule,
             KitInputMessageModule,
@@ -1379,6 +1383,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
                         KitInputMessageModule,
                         KitSvgIconModule,
                         KitInputLabelModule,
+                        KitTooltipDirective,
                     ],
                     exports: [
                         KitTextareaComponent,
@@ -4507,14 +4512,14 @@ class KitPopupComponent {
         this.close();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitPopupComponent, deps: [{ token: i1$a.PopupService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: KitPopupComponent, isStandalone: true, selector: "kit-popup", inputs: { anchor: { classPropertyName: "anchor", publicName: "anchor", isSignal: true, isRequired: true, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: true, transformFunction: null }, closeOnOutsideClick: { classPropertyName: "closeOnOutsideClick", publicName: "closeOnOutsideClick", isSignal: true, isRequired: false, transformFunction: null }, showFooter: { classPropertyName: "showFooter", publicName: "showFooter", isSignal: true, isRequired: false, transformFunction: null }, cancelButtonLabel: { classPropertyName: "cancelButtonLabel", publicName: "cancelButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, applyButtonLabel: { classPropertyName: "applyButtonLabel", publicName: "applyButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, isApplyButtonDisabled: { classPropertyName: "isApplyButtonDisabled", publicName: "isApplyButtonDisabled", isSignal: true, isRequired: false, transformFunction: null }, positionMode: { classPropertyName: "positionMode", publicName: "positionMode", isSignal: true, isRequired: false, transformFunction: null }, popupClass: { classPropertyName: "popupClass", publicName: "popupClass", isSignal: true, isRequired: false, transformFunction: null }, closePopupOnCancel: { classPropertyName: "closePopupOnCancel", publicName: "closePopupOnCancel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onCancel: "onCancel", onApply: "onApply", onOpen: "onOpen", onClose: "onClose" }, host: { listeners: { "document:click": "documentClick($event)" } }, viewQueries: [{ propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true }], ngImport: i0, template: "<ng-template #popupTemplate>\n  <ng-container *ngTemplateOutlet=\"content()\"></ng-container>\n  @if (showFooter()) {\n    <div class=\"footer\">\n      <kit-button [label]=\"cancelButtonLabel()\"\n                  [kind]=\"kitButtonKind.MEDIUM\"\n                  [type]=\"kitButtonType.GHOST\"\n                  (clicked)=\"cancel()\"\n      ></kit-button>\n      <kit-button [label]=\"applyButtonLabel()\"\n                  [kind]=\"kitButtonKind.MEDIUM\"\n                  [disabled]=\"isApplyButtonDisabled()\"\n                  (clicked)=\"apply()\"\n      ></kit-button>\n    </div>\n  }\n</ng-template>\n", styles: ["::ng-deep .k-popup{box-sizing:border-box;padding:24px;margin-top:10px;color:var(--ui-kit-color-black);border:none;border-radius:8px;background:var(--ui-kit-color-white);box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d}::ng-deep .k-popup .footer{display:flex;align-items:center;justify-content:space-between;padding-top:15px;margin-top:10px;border-top:1px solid var(--ui-kit-color-grey-6)}\n"], dependencies: [{ kind: "ngmodule", type: KitButtonModule }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: KitPopupComponent, isStandalone: true, selector: "kit-popup", inputs: { anchor: { classPropertyName: "anchor", publicName: "anchor", isSignal: true, isRequired: true, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: true, transformFunction: null }, closeOnOutsideClick: { classPropertyName: "closeOnOutsideClick", publicName: "closeOnOutsideClick", isSignal: true, isRequired: false, transformFunction: null }, showFooter: { classPropertyName: "showFooter", publicName: "showFooter", isSignal: true, isRequired: false, transformFunction: null }, cancelButtonLabel: { classPropertyName: "cancelButtonLabel", publicName: "cancelButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, applyButtonLabel: { classPropertyName: "applyButtonLabel", publicName: "applyButtonLabel", isSignal: true, isRequired: false, transformFunction: null }, isApplyButtonDisabled: { classPropertyName: "isApplyButtonDisabled", publicName: "isApplyButtonDisabled", isSignal: true, isRequired: false, transformFunction: null }, positionMode: { classPropertyName: "positionMode", publicName: "positionMode", isSignal: true, isRequired: false, transformFunction: null }, popupClass: { classPropertyName: "popupClass", publicName: "popupClass", isSignal: true, isRequired: false, transformFunction: null }, closePopupOnCancel: { classPropertyName: "closePopupOnCancel", publicName: "closePopupOnCancel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onCancel: "onCancel", onApply: "onApply", onOpen: "onOpen", onClose: "onClose" }, host: { listeners: { "document:click": "documentClick($event)" } }, viewQueries: [{ propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true }], ngImport: i0, template: "<ng-template #popupTemplate>\n  <ng-container *ngTemplateOutlet=\"content()\"></ng-container>\n  @if (showFooter()) {\n    <div class=\"footer\">\n      <kit-button [label]=\"cancelButtonLabel()\"\n                  [kind]=\"kitButtonKind.MEDIUM\"\n                  [type]=\"kitButtonType.GHOST\"\n                  (clicked)=\"cancel()\"\n      ></kit-button>\n      <kit-button [label]=\"applyButtonLabel()\"\n                  [kind]=\"kitButtonKind.MEDIUM\"\n                  [disabled]=\"isApplyButtonDisabled()\"\n                  (clicked)=\"apply()\"\n      ></kit-button>\n    </div>\n  }\n</ng-template>\n", styles: ["::ng-deep .k-popup:not(:has(.k-tooltip)){box-sizing:border-box;padding:24px;margin-top:10px;color:var(--ui-kit-color-black);border:none;border-radius:8px;background:var(--ui-kit-color-white);box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d}::ng-deep .k-popup:not(:has(.k-tooltip)) .footer{display:flex;align-items:center;justify-content:space-between;padding-top:15px;margin-top:10px;border-top:1px solid var(--ui-kit-color-grey-6)}\n"], dependencies: [{ kind: "ngmodule", type: KitButtonModule }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitPopupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kit-popup', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         KitButtonModule,
                         NgTemplateOutlet,
-                    ], template: "<ng-template #popupTemplate>\n  <ng-container *ngTemplateOutlet=\"content()\"></ng-container>\n  @if (showFooter()) {\n    <div class=\"footer\">\n      <kit-button [label]=\"cancelButtonLabel()\"\n                  [kind]=\"kitButtonKind.MEDIUM\"\n                  [type]=\"kitButtonType.GHOST\"\n                  (clicked)=\"cancel()\"\n      ></kit-button>\n      <kit-button [label]=\"applyButtonLabel()\"\n                  [kind]=\"kitButtonKind.MEDIUM\"\n                  [disabled]=\"isApplyButtonDisabled()\"\n                  (clicked)=\"apply()\"\n      ></kit-button>\n    </div>\n  }\n</ng-template>\n", styles: ["::ng-deep .k-popup{box-sizing:border-box;padding:24px;margin-top:10px;color:var(--ui-kit-color-black);border:none;border-radius:8px;background:var(--ui-kit-color-white);box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d}::ng-deep .k-popup .footer{display:flex;align-items:center;justify-content:space-between;padding-top:15px;margin-top:10px;border-top:1px solid var(--ui-kit-color-grey-6)}\n"] }]
+                    ], template: "<ng-template #popupTemplate>\n  <ng-container *ngTemplateOutlet=\"content()\"></ng-container>\n  @if (showFooter()) {\n    <div class=\"footer\">\n      <kit-button [label]=\"cancelButtonLabel()\"\n                  [kind]=\"kitButtonKind.MEDIUM\"\n                  [type]=\"kitButtonType.GHOST\"\n                  (clicked)=\"cancel()\"\n      ></kit-button>\n      <kit-button [label]=\"applyButtonLabel()\"\n                  [kind]=\"kitButtonKind.MEDIUM\"\n                  [disabled]=\"isApplyButtonDisabled()\"\n                  (clicked)=\"apply()\"\n      ></kit-button>\n    </div>\n  }\n</ng-template>\n", styles: ["::ng-deep .k-popup:not(:has(.k-tooltip)){box-sizing:border-box;padding:24px;margin-top:10px;color:var(--ui-kit-color-black);border:none;border-radius:8px;background:var(--ui-kit-color-white);box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d}::ng-deep .k-popup:not(:has(.k-tooltip)) .footer{display:flex;align-items:center;justify-content:space-between;padding-top:15px;margin-top:10px;border-top:1px solid var(--ui-kit-color-grey-6)}\n"] }]
         }], ctorParameters: () => [{ type: i1$a.PopupService }], propDecorators: { popupTemplate: [{
                 type: ViewChild,
                 args: ['popupTemplate']
@@ -4954,6 +4959,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
                 }]
         }] });
 
+class KitTruncateTextComponent {
+    constructor() {
+        this.tooltip = viewChild.required(TooltipDirective);
+        this.anchor = viewChild.required('anchor');
+        this.content = viewChild.required('content');
+    }
+    onMouseEnter() {
+        const el = this.content().nativeElement;
+        if (el.offsetWidth < el.scrollWidth) {
+            this.anchor().nativeElement.setAttribute('title', el.innerText);
+            this.tooltip().tooltipClass = 'kit-tooltip';
+            this.tooltip().toggle(this.anchor().nativeElement);
+        }
+    }
+    onMouseOver() {
+        this.tooltip().hide();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitTruncateTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.1.4", type: KitTruncateTextComponent, isStandalone: true, selector: "kit-truncate-text", host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseOver()" } }, viewQueries: [{ propertyName: "tooltip", first: true, predicate: TooltipDirective, descendants: true, isSignal: true }, { propertyName: "anchor", first: true, predicate: ["anchor"], descendants: true, isSignal: true }, { propertyName: "content", first: true, predicate: ["content"], descendants: true, isSignal: true }], ngImport: i0, template: "<div #anchor\n     kendoTooltip\n     class=\"kit-tooltip\"\n     showOn=\"none\">\n  <div #content \n       class=\"truncate-text\">\n    <ng-content/>\n  </div>\n</div>\n", styles: [":host{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%}:host .truncate-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}\n"], dependencies: [{ kind: "directive", type: TooltipDirective, selector: "[kendoTooltip]", inputs: ["filter", "position", "titleTemplate", "showOn", "showAfter", "callout", "closable", "offset", "tooltipWidth", "tooltipHeight", "tooltipClass", "tooltipContentClass", "collision", "closeTitle", "tooltipTemplate"], exportAs: ["kendoTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitTruncateTextComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kit-truncate-text', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        TooltipDirective,
+                    ], template: "<div #anchor\n     kendoTooltip\n     class=\"kit-tooltip\"\n     showOn=\"none\">\n  <div #content \n       class=\"truncate-text\">\n    <ng-content/>\n  </div>\n</div>\n", styles: [":host{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%}:host .truncate-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}\n"] }]
+        }], propDecorators: { onMouseEnter: [{
+                type: HostListener,
+                args: ['mouseenter']
+            }], onMouseOver: [{
+                type: HostListener,
+                args: ['mouseleave']
+            }] } });
+
 class KitShipmentCard {
     constructor() {
         this.data = input.required();
@@ -4992,7 +5030,7 @@ class KitShipmentCard {
         this.timelineExpanded = true;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitShipmentCard, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: KitShipmentCard, isStandalone: true, selector: "kit-shipment-card", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, headLabel: { classPropertyName: "headLabel", publicName: "headLabel", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"kit-shipment-card\"\n     [ngClass]=\"{ selected: selected() }\">\n  <div class=\"kit-shipment-card-head\">\n    <div class=\"head-title text-ellipsis\">{{ data().reference }}</div>\n    <div class=\"text-ellipsis\">\n      <ng-container *ngTemplateOutlet=\"headLabel()\"/>\n    </div>\n  </div>\n  <div class=\"kit-shipment-card-content\">\n    <div class=\"content-row\">\n      <kit-svg-icon class=\"icon info\"\n                    [icon]=\"kitSvgIcon.CHECK_STICKER\"/>\n      <span class=\"title text-ellipsis\">{{ data().latestRequiredByDate }}</span>\n    </div>\n\n    <div class=\"content-row\">\n      <kit-svg-icon class=\"{{ 'icon ' + shipmentModeIcon.toLowerCase() }} \"\n                    [icon]=\"shipmentModeIcon\"/>\n      <span class=\"text-ellipsis\">{{ data().vesselName }}</span>\n    </div>\n\n    <div class=\"content-row route\">\n      <kit-pill class=\"route-origin-port\">\n        <span class=\"text-ellipsis\">{{ data().originPort }}</span>\n      </kit-pill>\n      <kit-svg-icon class=\"icon arrow\"\n                    [icon]=\"kitSvgIcon.CHEVRON_RIGHT\"/>\n      <kit-pill class=\"route-destination-port\">\n        <span class=\"text-ellipsis\">{{ data().destinationPort }}</span>\n      </kit-pill>\n      <span>by</span>\n      <kit-pill class=\"route-mode\">\n        <span class=\"text-ellipsis\">{{ data().type }} {{ data().containerMode }}</span>\n      </kit-pill>\n    </div>\n\n    <div class=\"content-footer\">\n      <div class=\"footer-buttons\">\n        <kit-button class=\"text-ellipsis\"\n                    [ngClass]=\"{ active: timelineExpanded }\"\n                    [label]=\"data().timelineActionBtnLabel\"\n                    [type]=\"kitButtonType.LINK\"\n                    (clicked)=\"showTimeline($event)\"/>\n        @if (containerItems.length) {\n          <kit-button class=\"text-ellipsis\"\n                      [ngClass]=\"{ active: containersExpanded }\"\n                      [label]=\"data().containerActionBtnLabel\"\n                      [type]=\"kitButtonType.LINK\"\n                      (clicked)=\"showContainers($event)\"/>\n        }\n      </div>\n  \n      @if (timelineExpanded) {\n        <div class=\"card-timeline-content\">\n          @for (timelineItem of timelineItems; track $index) {\n            <div class=\"timeline-row\">\n              <div class=\"timeline-item\">\n                <div class=\"timeline-content text-ellipsis\">\n                  <span class=\"title\">{{ timelineItem.label }}: </span>\n                  {{ timelineItem.value }}\n                </div>\n              </div>\n            </div>\n          }\n        </div>\n      }\n\n      @if (containersExpanded) {\n        <div class=\"card-container-content\">\n          @for (containerItem of containerItems; track $index) {\n            <p class=\"container-item text-ellipsis\">\n              <span class=\"title\">{{ containerItem.value }} </span>\n              {{ containerItem.label }}\n            </p>\n          }\n        </div>\n      }\n    </div>\n  </div>\n</div>\n", styles: [".kit-shipment-card{display:flex;flex-direction:column;padding:25px;color:var(--ui-kit-color-grey-10);font-weight:400;border:2px solid var(--ui-kit-color-grey-11);border-radius:10px;background:var(--ui-kit-color-white);box-sizing:border-box;background-color:var(--ui-kit-color-white);width:360px;font-size:14px;min-height:337px;line-height:20px}.kit-shipment-card.selected{border:2px solid var(--ui-kit-color-main)}.kit-shipment-card .text-ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.kit-shipment-card-head{border-bottom:1px solid var(--ui-kit-color-grey-11);padding-bottom:12px;display:flex;justify-content:space-between;gap:15px}.kit-shipment-card-head .head-title{font-size:16px;line-height:22px}.kit-shipment-card-content{padding-top:15px;display:flex;flex-direction:column;gap:12px;justify-content:space-between;min-height:233px}.kit-shipment-card-content .content-row{display:flex;align-items:center}.kit-shipment-card-content .content-row .icon{width:24px;height:24px;margin-right:10px}.kit-shipment-card-content .content-row .icon.info{fill:var(--ui-kit-color-grey-12)}.kit-shipment-card-content .content-row .icon.ship{fill:none;stroke:var(--ui-kit-color-teal);width:26px}.kit-shipment-card-content .content-row .icon.air{fill:var(--ui-kit-color-teal)}.kit-shipment-card-content .content-row .icon.logistics{fill:none;stroke:var(--ui-kit-color-teal)}.kit-shipment-card-content .content-row .icon.arrow{fill:none;stroke:var(--ui-kit-color-grey-10);margin-right:0;width:22px}.kit-shipment-card-content .content-row .title{font-size:18px;font-weight:500;line-height:24px}.kit-shipment-card-content .content-row.route{height:22px}.kit-shipment-card-content .content-row.route ::ng-deep span{font-size:13px;color:var(--ui-kit-color-grey-14)}.kit-shipment-card-content .content-row.route ::ng-deep .kit-pill{padding:0 8px;font-weight:400}.kit-shipment-card-content .content-row.route ::ng-deep .kit-pill .kit-pill-content,.kit-shipment-card-content .content-row.route ::ng-deep .kit-pill span{width:100%;font-size:12px}.kit-shipment-card-content .content-row.route ::ng-deep .route-origin-port{max-width:30%}.kit-shipment-card-content .content-row.route ::ng-deep .route-origin-port .kit-pill{border:1px solid var(--ui-kit-color-orange-5);background-color:var(--ui-kit-color-orange-3);color:var(--ui-kit-color-orange-2)}.kit-shipment-card-content .content-row.route ::ng-deep .route-destination-port{margin-right:5px;max-width:30%}.kit-shipment-card-content .content-row.route ::ng-deep .route-destination-port .kit-pill{border:1px solid var(--ui-kit-color-purple-2);background-color:var(--ui-kit-color-purple-1);color:var(--ui-kit-color-purple)}.kit-shipment-card-content .content-row.route ::ng-deep .route-mode{margin-left:5px;max-width:25%}.kit-shipment-card-content .content-row.route ::ng-deep .route-mode .kit-pill{border:1px solid var(--ui-kit-color-teal-2);background-color:var(--ui-kit-color-teal-1);color:var(--ui-kit-color-teal)}.kit-shipment-card-content .content-footer{background-color:var(--ui-kit-color-grey-13);border-radius:8px;padding:10px;min-height:105px}.kit-shipment-card-content .content-footer .footer-buttons{display:flex;justify-content:space-between;margin-bottom:12px}.kit-shipment-card-content .content-footer ::ng-deep .k-button{color:var(--ui-kit-color-grey-14);padding:0;height:auto;font-size:14px}.kit-shipment-card-content .content-footer ::ng-deep .k-button:hover{color:var(--ui-kit-color-main)}.kit-shipment-card-content .content-footer ::ng-deep .active .k-button{color:var(--ui-kit-color-main);text-decoration:underline}.kit-shipment-card .card-timeline-content .timeline-row{padding-bottom:5px}.kit-shipment-card .card-timeline-content .timeline-row .timeline-content{padding-left:30px}.kit-shipment-card .card-timeline-content .timeline-row .timeline-content:before{transform:translate(calc(-50% - 20px))}.kit-shipment-card .card-timeline-content .timeline-row:first-child .timeline-item:after{top:10px}.kit-shipment-card .card-timeline-content .timeline-row:first-child .timeline-item:before{display:none}.kit-shipment-card .card-timeline-content .timeline-row:last-child{padding-bottom:0}.kit-shipment-card .card-timeline-content .timeline-row:last-child .timeline-item:before{display:none}.kit-shipment-card .card-timeline-content .timeline-row:last-child .timeline-item:after{bottom:10px;display:none}.kit-shipment-card .card-timeline-content .timeline-item{display:flex;position:relative}.kit-shipment-card .card-timeline-content .timeline-item:after,.kit-shipment-card .card-timeline-content .timeline-item:before{content:\"\";position:absolute;width:1px;background:var(--ui-kit-color-grey-12);height:calc(100% + 10px);transform:translate(10px)}.kit-shipment-card .card-timeline-content .timeline-content{position:relative;font-weight:500;color:var(--ui-kit-color-grey-19)}.kit-shipment-card .card-timeline-content .timeline-content .title{font-weight:400;color:var(--ui-kit-color-grey-10);font-size:13px}.kit-shipment-card .card-timeline-content .timeline-content:before{content:\"\";position:absolute;top:5px;width:10px;height:10px;border-radius:50%;background:var(--ui-kit-color-grey-12);box-sizing:border-box}.kit-shipment-card .card-container-content{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.kit-shipment-card .card-container-content .container-item{padding:0;margin:0;color:var(--ui-kit-color-grey-14);width:95%}.kit-shipment-card .card-container-content .container-item .title{font-weight:500;color:var(--ui-kit-color-grey-10);max-width:45%}.kit-shipment-card .card-container-content>*:nth-child(2n){text-align:right}@media screen and (max-width: 1512px){.kit-shipment-card{width:320px;min-height:320px}.kit-shipment-card-content{min-height:200px}.kit-shipment-card .content-footer{background-color:inherit;padding:0}}\n"], dependencies: [{ kind: "ngmodule", type: KitButtonModule }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "ngmodule", type: KitSvgIconModule }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: KitPillComponent, selector: "kit-pill", inputs: ["removable", "selectable", "selected", "type", "theme", "icon", "iconType"], outputs: ["clicked", "removed"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: KitShipmentCard, isStandalone: true, selector: "kit-shipment-card", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, headLabel: { classPropertyName: "headLabel", publicName: "headLabel", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"kit-shipment-card\"\n     [ngClass]=\"{ selected: selected() }\">\n  <div class=\"kit-shipment-card-head\">\n    <kit-truncate-text class=\"head-title\">{{ data().reference }}</kit-truncate-text>\n    <kit-truncate-text>\n      <ng-container *ngTemplateOutlet=\"headLabel()\"/>\n    </kit-truncate-text>\n  </div>\n  <div class=\"kit-shipment-card-content\">\n    <div class=\"content-row\">\n      <kit-svg-icon class=\"icon info\"\n                    [icon]=\"kitSvgIcon.CHECK_STICKER\"/>\n      <kit-truncate-text class=\"title\">{{ data().latestRequiredByDate }}</kit-truncate-text>\n    </div>\n\n    <div class=\"content-row\">\n      <kit-svg-icon class=\"{{ 'icon ' + shipmentModeIcon.toLowerCase() }} \"\n                    [icon]=\"shipmentModeIcon\"/>\n      <kit-truncate-text>{{ data().vesselName }}</kit-truncate-text>\n    </div>\n\n    <div class=\"content-row route\">\n      <kit-pill class=\"route-origin-port\">\n        <kit-truncate-text>{{ data().originPort }}</kit-truncate-text>\n      </kit-pill>\n      <kit-svg-icon class=\"icon arrow\"\n                    [icon]=\"kitSvgIcon.CHEVRON_RIGHT\"/>\n      <kit-pill class=\"route-destination-port\">\n        <kit-truncate-text>{{ data().destinationPort }}</kit-truncate-text>\n      </kit-pill>\n      <span>by</span>\n      <kit-pill class=\"route-mode\">\n        <kit-truncate-text>{{ data().type }} {{ data().containerMode }}</kit-truncate-text>\n      </kit-pill>\n    </div>\n\n    <div class=\"content-footer\">\n      <div class=\"footer-buttons\">\n        <kit-button class=\"text-ellipsis\"\n                    [ngClass]=\"{ active: timelineExpanded }\"\n                    [label]=\"data().timelineActionBtnLabel\"\n                    [type]=\"kitButtonType.LINK\"\n                    (clicked)=\"showTimeline($event)\"/>\n        @if (containerItems.length) {\n          <kit-button class=\"text-ellipsis\"\n                      [ngClass]=\"{ active: containersExpanded }\"\n                      [label]=\"data().containerActionBtnLabel\"\n                      [type]=\"kitButtonType.LINK\"\n                      (clicked)=\"showContainers($event)\"/>\n        }\n      </div>\n  \n      @if (timelineExpanded) {\n        <div class=\"card-timeline-content\">\n          @for (timelineItem of timelineItems; track $index) {\n            <div class=\"timeline-row\">\n              <div class=\"timeline-item\">\n                <div class=\"timeline-content\">\n                  <kit-truncate-text>\n                    <span class=\"title\">{{ timelineItem.label }}: </span>\n                    {{ timelineItem.value }}\n                  </kit-truncate-text>\n                </div>\n              </div>\n            </div>\n          }\n        </div>\n      }\n\n      @if (containersExpanded) {\n        <div class=\"card-container-content\">\n          @for (containerItem of containerItems; track $index) {\n            <kit-truncate-text>\n              <p class=\"container-item\">\n                <span class=\"title\">{{ containerItem.value }} </span>\n                {{ containerItem.label }}\n              </p>\n            </kit-truncate-text>\n          }\n        </div>\n      }\n    </div>\n  </div>\n</div>\n", styles: [".kit-shipment-card{display:flex;flex-direction:column;padding:25px;color:var(--ui-kit-color-grey-10);font-weight:400;border:2px solid var(--ui-kit-color-grey-11);border-radius:10px;background:var(--ui-kit-color-white);box-sizing:border-box;background-color:var(--ui-kit-color-white);width:360px;font-size:14px;min-height:337px;line-height:20px}.kit-shipment-card.selected{border:2px solid var(--ui-kit-color-main)}.kit-shipment-card .text-ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.kit-shipment-card-head{border-bottom:1px solid var(--ui-kit-color-grey-11);padding-bottom:12px;display:flex;justify-content:space-between;gap:15px}.kit-shipment-card-head .head-title{font-size:16px;line-height:22px}.kit-shipment-card-content{padding-top:15px;display:flex;flex-direction:column;gap:12px;justify-content:space-between;min-height:233px}.kit-shipment-card-content .content-row{display:flex;align-items:center}.kit-shipment-card-content .content-row .icon{width:24px;height:24px;margin-right:10px}.kit-shipment-card-content .content-row .icon.info{fill:var(--ui-kit-color-grey-12)}.kit-shipment-card-content .content-row .icon.ship{fill:none;stroke:var(--ui-kit-color-teal);width:26px}.kit-shipment-card-content .content-row .icon.air{fill:var(--ui-kit-color-teal)}.kit-shipment-card-content .content-row .icon.logistics{fill:none;stroke:var(--ui-kit-color-teal)}.kit-shipment-card-content .content-row .icon.arrow{fill:none;stroke:var(--ui-kit-color-grey-10);margin-right:0;width:22px}.kit-shipment-card-content .content-row .title{font-size:18px;font-weight:500;line-height:24px}.kit-shipment-card-content .content-row.route{height:22px}.kit-shipment-card-content .content-row.route ::ng-deep span{font-size:13px;color:var(--ui-kit-color-grey-14)}.kit-shipment-card-content .content-row.route ::ng-deep .kit-pill{padding:0 8px;font-weight:400}.kit-shipment-card-content .content-row.route ::ng-deep .kit-pill .kit-pill-content,.kit-shipment-card-content .content-row.route ::ng-deep .kit-pill span{width:100%;font-size:12px}.kit-shipment-card-content .content-row.route ::ng-deep .route-origin-port{max-width:30%}.kit-shipment-card-content .content-row.route ::ng-deep .route-origin-port .kit-pill{border:1px solid var(--ui-kit-color-orange-5);background-color:var(--ui-kit-color-orange-3);color:var(--ui-kit-color-orange-2)}.kit-shipment-card-content .content-row.route ::ng-deep .route-destination-port{margin-right:5px;max-width:30%}.kit-shipment-card-content .content-row.route ::ng-deep .route-destination-port .kit-pill{border:1px solid var(--ui-kit-color-purple-2);background-color:var(--ui-kit-color-purple-1);color:var(--ui-kit-color-purple)}.kit-shipment-card-content .content-row.route ::ng-deep .route-mode{margin-left:5px;max-width:25%}.kit-shipment-card-content .content-row.route ::ng-deep .route-mode .kit-pill{border:1px solid var(--ui-kit-color-teal-2);background-color:var(--ui-kit-color-teal-1);color:var(--ui-kit-color-teal)}.kit-shipment-card-content .content-footer{background-color:var(--ui-kit-color-grey-13);border-radius:8px;padding:10px;min-height:105px}.kit-shipment-card-content .content-footer .footer-buttons{display:flex;justify-content:space-between;margin-bottom:12px}.kit-shipment-card-content .content-footer ::ng-deep .k-button{color:var(--ui-kit-color-grey-14);padding:0;height:auto;font-size:14px}.kit-shipment-card-content .content-footer ::ng-deep .k-button:hover{color:var(--ui-kit-color-main)}.kit-shipment-card-content .content-footer ::ng-deep .active .k-button{color:var(--ui-kit-color-main);text-decoration:underline}.kit-shipment-card .card-timeline-content .timeline-row{padding-bottom:5px}.kit-shipment-card .card-timeline-content .timeline-row .timeline-content{padding-left:30px}.kit-shipment-card .card-timeline-content .timeline-row .timeline-content:before{transform:translate(calc(-50% - 20px))}.kit-shipment-card .card-timeline-content .timeline-row:first-child .timeline-item:after{top:10px}.kit-shipment-card .card-timeline-content .timeline-row:first-child .timeline-item:before{display:none}.kit-shipment-card .card-timeline-content .timeline-row:last-child{padding-bottom:0}.kit-shipment-card .card-timeline-content .timeline-row:last-child .timeline-item:before{display:none}.kit-shipment-card .card-timeline-content .timeline-row:last-child .timeline-item:after{bottom:10px;display:none}.kit-shipment-card .card-timeline-content .timeline-item{display:flex;position:relative}.kit-shipment-card .card-timeline-content .timeline-item:after,.kit-shipment-card .card-timeline-content .timeline-item:before{content:\"\";position:absolute;width:1px;background:var(--ui-kit-color-grey-12);height:calc(100% + 10px);transform:translate(10px)}.kit-shipment-card .card-timeline-content .timeline-content{position:relative;font-weight:500;color:var(--ui-kit-color-grey-19);width:90%}.kit-shipment-card .card-timeline-content .timeline-content .title{font-weight:400;color:var(--ui-kit-color-grey-10);font-size:13px}.kit-shipment-card .card-timeline-content .timeline-content:before{content:\"\";position:absolute;top:5px;width:10px;height:10px;border-radius:50%;background:var(--ui-kit-color-grey-12);box-sizing:border-box}.kit-shipment-card .card-container-content{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.kit-shipment-card .card-container-content .container-item{padding:0;margin:0;color:var(--ui-kit-color-grey-14);width:95%}.kit-shipment-card .card-container-content .container-item .title{font-weight:500;color:var(--ui-kit-color-grey-10);max-width:45%}.kit-shipment-card .card-container-content>*:nth-child(2n){text-align:right}@media screen and (max-width: 1512px){.kit-shipment-card{width:320px;min-height:320px}.kit-shipment-card-content{min-height:200px}.kit-shipment-card .content-footer{background-color:inherit;padding:0}}\n"], dependencies: [{ kind: "ngmodule", type: KitButtonModule }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "ngmodule", type: KitSvgIconModule }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: KitPillComponent, selector: "kit-pill", inputs: ["removable", "selectable", "selected", "type", "theme", "icon", "iconType"], outputs: ["clicked", "removed"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: KitTruncateTextComponent, selector: "kit-truncate-text" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitShipmentCard, decorators: [{
             type: Component,
@@ -5002,7 +5040,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
                         KitPillComponent,
                         NgClass,
                         NgTemplateOutlet,
-                    ], template: "<div class=\"kit-shipment-card\"\n     [ngClass]=\"{ selected: selected() }\">\n  <div class=\"kit-shipment-card-head\">\n    <div class=\"head-title text-ellipsis\">{{ data().reference }}</div>\n    <div class=\"text-ellipsis\">\n      <ng-container *ngTemplateOutlet=\"headLabel()\"/>\n    </div>\n  </div>\n  <div class=\"kit-shipment-card-content\">\n    <div class=\"content-row\">\n      <kit-svg-icon class=\"icon info\"\n                    [icon]=\"kitSvgIcon.CHECK_STICKER\"/>\n      <span class=\"title text-ellipsis\">{{ data().latestRequiredByDate }}</span>\n    </div>\n\n    <div class=\"content-row\">\n      <kit-svg-icon class=\"{{ 'icon ' + shipmentModeIcon.toLowerCase() }} \"\n                    [icon]=\"shipmentModeIcon\"/>\n      <span class=\"text-ellipsis\">{{ data().vesselName }}</span>\n    </div>\n\n    <div class=\"content-row route\">\n      <kit-pill class=\"route-origin-port\">\n        <span class=\"text-ellipsis\">{{ data().originPort }}</span>\n      </kit-pill>\n      <kit-svg-icon class=\"icon arrow\"\n                    [icon]=\"kitSvgIcon.CHEVRON_RIGHT\"/>\n      <kit-pill class=\"route-destination-port\">\n        <span class=\"text-ellipsis\">{{ data().destinationPort }}</span>\n      </kit-pill>\n      <span>by</span>\n      <kit-pill class=\"route-mode\">\n        <span class=\"text-ellipsis\">{{ data().type }} {{ data().containerMode }}</span>\n      </kit-pill>\n    </div>\n\n    <div class=\"content-footer\">\n      <div class=\"footer-buttons\">\n        <kit-button class=\"text-ellipsis\"\n                    [ngClass]=\"{ active: timelineExpanded }\"\n                    [label]=\"data().timelineActionBtnLabel\"\n                    [type]=\"kitButtonType.LINK\"\n                    (clicked)=\"showTimeline($event)\"/>\n        @if (containerItems.length) {\n          <kit-button class=\"text-ellipsis\"\n                      [ngClass]=\"{ active: containersExpanded }\"\n                      [label]=\"data().containerActionBtnLabel\"\n                      [type]=\"kitButtonType.LINK\"\n                      (clicked)=\"showContainers($event)\"/>\n        }\n      </div>\n  \n      @if (timelineExpanded) {\n        <div class=\"card-timeline-content\">\n          @for (timelineItem of timelineItems; track $index) {\n            <div class=\"timeline-row\">\n              <div class=\"timeline-item\">\n                <div class=\"timeline-content text-ellipsis\">\n                  <span class=\"title\">{{ timelineItem.label }}: </span>\n                  {{ timelineItem.value }}\n                </div>\n              </div>\n            </div>\n          }\n        </div>\n      }\n\n      @if (containersExpanded) {\n        <div class=\"card-container-content\">\n          @for (containerItem of containerItems; track $index) {\n            <p class=\"container-item text-ellipsis\">\n              <span class=\"title\">{{ containerItem.value }} </span>\n              {{ containerItem.label }}\n            </p>\n          }\n        </div>\n      }\n    </div>\n  </div>\n</div>\n", styles: [".kit-shipment-card{display:flex;flex-direction:column;padding:25px;color:var(--ui-kit-color-grey-10);font-weight:400;border:2px solid var(--ui-kit-color-grey-11);border-radius:10px;background:var(--ui-kit-color-white);box-sizing:border-box;background-color:var(--ui-kit-color-white);width:360px;font-size:14px;min-height:337px;line-height:20px}.kit-shipment-card.selected{border:2px solid var(--ui-kit-color-main)}.kit-shipment-card .text-ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.kit-shipment-card-head{border-bottom:1px solid var(--ui-kit-color-grey-11);padding-bottom:12px;display:flex;justify-content:space-between;gap:15px}.kit-shipment-card-head .head-title{font-size:16px;line-height:22px}.kit-shipment-card-content{padding-top:15px;display:flex;flex-direction:column;gap:12px;justify-content:space-between;min-height:233px}.kit-shipment-card-content .content-row{display:flex;align-items:center}.kit-shipment-card-content .content-row .icon{width:24px;height:24px;margin-right:10px}.kit-shipment-card-content .content-row .icon.info{fill:var(--ui-kit-color-grey-12)}.kit-shipment-card-content .content-row .icon.ship{fill:none;stroke:var(--ui-kit-color-teal);width:26px}.kit-shipment-card-content .content-row .icon.air{fill:var(--ui-kit-color-teal)}.kit-shipment-card-content .content-row .icon.logistics{fill:none;stroke:var(--ui-kit-color-teal)}.kit-shipment-card-content .content-row .icon.arrow{fill:none;stroke:var(--ui-kit-color-grey-10);margin-right:0;width:22px}.kit-shipment-card-content .content-row .title{font-size:18px;font-weight:500;line-height:24px}.kit-shipment-card-content .content-row.route{height:22px}.kit-shipment-card-content .content-row.route ::ng-deep span{font-size:13px;color:var(--ui-kit-color-grey-14)}.kit-shipment-card-content .content-row.route ::ng-deep .kit-pill{padding:0 8px;font-weight:400}.kit-shipment-card-content .content-row.route ::ng-deep .kit-pill .kit-pill-content,.kit-shipment-card-content .content-row.route ::ng-deep .kit-pill span{width:100%;font-size:12px}.kit-shipment-card-content .content-row.route ::ng-deep .route-origin-port{max-width:30%}.kit-shipment-card-content .content-row.route ::ng-deep .route-origin-port .kit-pill{border:1px solid var(--ui-kit-color-orange-5);background-color:var(--ui-kit-color-orange-3);color:var(--ui-kit-color-orange-2)}.kit-shipment-card-content .content-row.route ::ng-deep .route-destination-port{margin-right:5px;max-width:30%}.kit-shipment-card-content .content-row.route ::ng-deep .route-destination-port .kit-pill{border:1px solid var(--ui-kit-color-purple-2);background-color:var(--ui-kit-color-purple-1);color:var(--ui-kit-color-purple)}.kit-shipment-card-content .content-row.route ::ng-deep .route-mode{margin-left:5px;max-width:25%}.kit-shipment-card-content .content-row.route ::ng-deep .route-mode .kit-pill{border:1px solid var(--ui-kit-color-teal-2);background-color:var(--ui-kit-color-teal-1);color:var(--ui-kit-color-teal)}.kit-shipment-card-content .content-footer{background-color:var(--ui-kit-color-grey-13);border-radius:8px;padding:10px;min-height:105px}.kit-shipment-card-content .content-footer .footer-buttons{display:flex;justify-content:space-between;margin-bottom:12px}.kit-shipment-card-content .content-footer ::ng-deep .k-button{color:var(--ui-kit-color-grey-14);padding:0;height:auto;font-size:14px}.kit-shipment-card-content .content-footer ::ng-deep .k-button:hover{color:var(--ui-kit-color-main)}.kit-shipment-card-content .content-footer ::ng-deep .active .k-button{color:var(--ui-kit-color-main);text-decoration:underline}.kit-shipment-card .card-timeline-content .timeline-row{padding-bottom:5px}.kit-shipment-card .card-timeline-content .timeline-row .timeline-content{padding-left:30px}.kit-shipment-card .card-timeline-content .timeline-row .timeline-content:before{transform:translate(calc(-50% - 20px))}.kit-shipment-card .card-timeline-content .timeline-row:first-child .timeline-item:after{top:10px}.kit-shipment-card .card-timeline-content .timeline-row:first-child .timeline-item:before{display:none}.kit-shipment-card .card-timeline-content .timeline-row:last-child{padding-bottom:0}.kit-shipment-card .card-timeline-content .timeline-row:last-child .timeline-item:before{display:none}.kit-shipment-card .card-timeline-content .timeline-row:last-child .timeline-item:after{bottom:10px;display:none}.kit-shipment-card .card-timeline-content .timeline-item{display:flex;position:relative}.kit-shipment-card .card-timeline-content .timeline-item:after,.kit-shipment-card .card-timeline-content .timeline-item:before{content:\"\";position:absolute;width:1px;background:var(--ui-kit-color-grey-12);height:calc(100% + 10px);transform:translate(10px)}.kit-shipment-card .card-timeline-content .timeline-content{position:relative;font-weight:500;color:var(--ui-kit-color-grey-19)}.kit-shipment-card .card-timeline-content .timeline-content .title{font-weight:400;color:var(--ui-kit-color-grey-10);font-size:13px}.kit-shipment-card .card-timeline-content .timeline-content:before{content:\"\";position:absolute;top:5px;width:10px;height:10px;border-radius:50%;background:var(--ui-kit-color-grey-12);box-sizing:border-box}.kit-shipment-card .card-container-content{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.kit-shipment-card .card-container-content .container-item{padding:0;margin:0;color:var(--ui-kit-color-grey-14);width:95%}.kit-shipment-card .card-container-content .container-item .title{font-weight:500;color:var(--ui-kit-color-grey-10);max-width:45%}.kit-shipment-card .card-container-content>*:nth-child(2n){text-align:right}@media screen and (max-width: 1512px){.kit-shipment-card{width:320px;min-height:320px}.kit-shipment-card-content{min-height:200px}.kit-shipment-card .content-footer{background-color:inherit;padding:0}}\n"] }]
+                        KitTruncateTextComponent,
+                    ], template: "<div class=\"kit-shipment-card\"\n     [ngClass]=\"{ selected: selected() }\">\n  <div class=\"kit-shipment-card-head\">\n    <kit-truncate-text class=\"head-title\">{{ data().reference }}</kit-truncate-text>\n    <kit-truncate-text>\n      <ng-container *ngTemplateOutlet=\"headLabel()\"/>\n    </kit-truncate-text>\n  </div>\n  <div class=\"kit-shipment-card-content\">\n    <div class=\"content-row\">\n      <kit-svg-icon class=\"icon info\"\n                    [icon]=\"kitSvgIcon.CHECK_STICKER\"/>\n      <kit-truncate-text class=\"title\">{{ data().latestRequiredByDate }}</kit-truncate-text>\n    </div>\n\n    <div class=\"content-row\">\n      <kit-svg-icon class=\"{{ 'icon ' + shipmentModeIcon.toLowerCase() }} \"\n                    [icon]=\"shipmentModeIcon\"/>\n      <kit-truncate-text>{{ data().vesselName }}</kit-truncate-text>\n    </div>\n\n    <div class=\"content-row route\">\n      <kit-pill class=\"route-origin-port\">\n        <kit-truncate-text>{{ data().originPort }}</kit-truncate-text>\n      </kit-pill>\n      <kit-svg-icon class=\"icon arrow\"\n                    [icon]=\"kitSvgIcon.CHEVRON_RIGHT\"/>\n      <kit-pill class=\"route-destination-port\">\n        <kit-truncate-text>{{ data().destinationPort }}</kit-truncate-text>\n      </kit-pill>\n      <span>by</span>\n      <kit-pill class=\"route-mode\">\n        <kit-truncate-text>{{ data().type }} {{ data().containerMode }}</kit-truncate-text>\n      </kit-pill>\n    </div>\n\n    <div class=\"content-footer\">\n      <div class=\"footer-buttons\">\n        <kit-button class=\"text-ellipsis\"\n                    [ngClass]=\"{ active: timelineExpanded }\"\n                    [label]=\"data().timelineActionBtnLabel\"\n                    [type]=\"kitButtonType.LINK\"\n                    (clicked)=\"showTimeline($event)\"/>\n        @if (containerItems.length) {\n          <kit-button class=\"text-ellipsis\"\n                      [ngClass]=\"{ active: containersExpanded }\"\n                      [label]=\"data().containerActionBtnLabel\"\n                      [type]=\"kitButtonType.LINK\"\n                      (clicked)=\"showContainers($event)\"/>\n        }\n      </div>\n  \n      @if (timelineExpanded) {\n        <div class=\"card-timeline-content\">\n          @for (timelineItem of timelineItems; track $index) {\n            <div class=\"timeline-row\">\n              <div class=\"timeline-item\">\n                <div class=\"timeline-content\">\n                  <kit-truncate-text>\n                    <span class=\"title\">{{ timelineItem.label }}: </span>\n                    {{ timelineItem.value }}\n                  </kit-truncate-text>\n                </div>\n              </div>\n            </div>\n          }\n        </div>\n      }\n\n      @if (containersExpanded) {\n        <div class=\"card-container-content\">\n          @for (containerItem of containerItems; track $index) {\n            <kit-truncate-text>\n              <p class=\"container-item\">\n                <span class=\"title\">{{ containerItem.value }} </span>\n                {{ containerItem.label }}\n              </p>\n            </kit-truncate-text>\n          }\n        </div>\n      }\n    </div>\n  </div>\n</div>\n", styles: [".kit-shipment-card{display:flex;flex-direction:column;padding:25px;color:var(--ui-kit-color-grey-10);font-weight:400;border:2px solid var(--ui-kit-color-grey-11);border-radius:10px;background:var(--ui-kit-color-white);box-sizing:border-box;background-color:var(--ui-kit-color-white);width:360px;font-size:14px;min-height:337px;line-height:20px}.kit-shipment-card.selected{border:2px solid var(--ui-kit-color-main)}.kit-shipment-card .text-ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.kit-shipment-card-head{border-bottom:1px solid var(--ui-kit-color-grey-11);padding-bottom:12px;display:flex;justify-content:space-between;gap:15px}.kit-shipment-card-head .head-title{font-size:16px;line-height:22px}.kit-shipment-card-content{padding-top:15px;display:flex;flex-direction:column;gap:12px;justify-content:space-between;min-height:233px}.kit-shipment-card-content .content-row{display:flex;align-items:center}.kit-shipment-card-content .content-row .icon{width:24px;height:24px;margin-right:10px}.kit-shipment-card-content .content-row .icon.info{fill:var(--ui-kit-color-grey-12)}.kit-shipment-card-content .content-row .icon.ship{fill:none;stroke:var(--ui-kit-color-teal);width:26px}.kit-shipment-card-content .content-row .icon.air{fill:var(--ui-kit-color-teal)}.kit-shipment-card-content .content-row .icon.logistics{fill:none;stroke:var(--ui-kit-color-teal)}.kit-shipment-card-content .content-row .icon.arrow{fill:none;stroke:var(--ui-kit-color-grey-10);margin-right:0;width:22px}.kit-shipment-card-content .content-row .title{font-size:18px;font-weight:500;line-height:24px}.kit-shipment-card-content .content-row.route{height:22px}.kit-shipment-card-content .content-row.route ::ng-deep span{font-size:13px;color:var(--ui-kit-color-grey-14)}.kit-shipment-card-content .content-row.route ::ng-deep .kit-pill{padding:0 8px;font-weight:400}.kit-shipment-card-content .content-row.route ::ng-deep .kit-pill .kit-pill-content,.kit-shipment-card-content .content-row.route ::ng-deep .kit-pill span{width:100%;font-size:12px}.kit-shipment-card-content .content-row.route ::ng-deep .route-origin-port{max-width:30%}.kit-shipment-card-content .content-row.route ::ng-deep .route-origin-port .kit-pill{border:1px solid var(--ui-kit-color-orange-5);background-color:var(--ui-kit-color-orange-3);color:var(--ui-kit-color-orange-2)}.kit-shipment-card-content .content-row.route ::ng-deep .route-destination-port{margin-right:5px;max-width:30%}.kit-shipment-card-content .content-row.route ::ng-deep .route-destination-port .kit-pill{border:1px solid var(--ui-kit-color-purple-2);background-color:var(--ui-kit-color-purple-1);color:var(--ui-kit-color-purple)}.kit-shipment-card-content .content-row.route ::ng-deep .route-mode{margin-left:5px;max-width:25%}.kit-shipment-card-content .content-row.route ::ng-deep .route-mode .kit-pill{border:1px solid var(--ui-kit-color-teal-2);background-color:var(--ui-kit-color-teal-1);color:var(--ui-kit-color-teal)}.kit-shipment-card-content .content-footer{background-color:var(--ui-kit-color-grey-13);border-radius:8px;padding:10px;min-height:105px}.kit-shipment-card-content .content-footer .footer-buttons{display:flex;justify-content:space-between;margin-bottom:12px}.kit-shipment-card-content .content-footer ::ng-deep .k-button{color:var(--ui-kit-color-grey-14);padding:0;height:auto;font-size:14px}.kit-shipment-card-content .content-footer ::ng-deep .k-button:hover{color:var(--ui-kit-color-main)}.kit-shipment-card-content .content-footer ::ng-deep .active .k-button{color:var(--ui-kit-color-main);text-decoration:underline}.kit-shipment-card .card-timeline-content .timeline-row{padding-bottom:5px}.kit-shipment-card .card-timeline-content .timeline-row .timeline-content{padding-left:30px}.kit-shipment-card .card-timeline-content .timeline-row .timeline-content:before{transform:translate(calc(-50% - 20px))}.kit-shipment-card .card-timeline-content .timeline-row:first-child .timeline-item:after{top:10px}.kit-shipment-card .card-timeline-content .timeline-row:first-child .timeline-item:before{display:none}.kit-shipment-card .card-timeline-content .timeline-row:last-child{padding-bottom:0}.kit-shipment-card .card-timeline-content .timeline-row:last-child .timeline-item:before{display:none}.kit-shipment-card .card-timeline-content .timeline-row:last-child .timeline-item:after{bottom:10px;display:none}.kit-shipment-card .card-timeline-content .timeline-item{display:flex;position:relative}.kit-shipment-card .card-timeline-content .timeline-item:after,.kit-shipment-card .card-timeline-content .timeline-item:before{content:\"\";position:absolute;width:1px;background:var(--ui-kit-color-grey-12);height:calc(100% + 10px);transform:translate(10px)}.kit-shipment-card .card-timeline-content .timeline-content{position:relative;font-weight:500;color:var(--ui-kit-color-grey-19);width:90%}.kit-shipment-card .card-timeline-content .timeline-content .title{font-weight:400;color:var(--ui-kit-color-grey-10);font-size:13px}.kit-shipment-card .card-timeline-content .timeline-content:before{content:\"\";position:absolute;top:5px;width:10px;height:10px;border-radius:50%;background:var(--ui-kit-color-grey-12);box-sizing:border-box}.kit-shipment-card .card-container-content{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.kit-shipment-card .card-container-content .container-item{padding:0;margin:0;color:var(--ui-kit-color-grey-14);width:95%}.kit-shipment-card .card-container-content .container-item .title{font-weight:500;color:var(--ui-kit-color-grey-10);max-width:45%}.kit-shipment-card .card-container-content>*:nth-child(2n){text-align:right}@media screen and (max-width: 1512px){.kit-shipment-card{width:320px;min-height:320px}.kit-shipment-card-content{min-height:200px}.kit-shipment-card .content-footer{background-color:inherit;padding:0}}\n"] }]
         }] });
 
 class KitBreadcrumbsComponent {
@@ -5682,14 +5721,14 @@ class KitTimelineComponent {
         this.items = [];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitTimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: KitTimelineComponent, isStandalone: true, selector: "kit-timeline", inputs: { items: "items" }, ngImport: i0, template: "<div class=\"kit-timeline\">\n  @for (item of items; track $index) {\n    <div class=\"kit-timeline-row\">\n      <div class=\"kit-timeline-item\">\n        <kit-timeline-card class=\"kit-timeline-card\"\n                           [item]=\"item\"\n        ></kit-timeline-card>\n      </div>\n    </div>\n  }\n</div>\n", styles: [".kit-timeline-row{display:flex}.kit-timeline-row:nth-child(odd){justify-content:flex-end}.kit-timeline-row:nth-child(odd) .kit-timeline-card{padding-left:50px}.kit-timeline-row:nth-child(odd) .kit-timeline-card:before{left:0;transform:translate(-50%)}.kit-timeline-row:nth-child(2n) .kit-timeline-item{justify-content:flex-end}.kit-timeline-row:nth-child(2n) .kit-timeline-item:before,.kit-timeline-row:nth-child(2n) .kit-timeline-item:after{right:-1px}.kit-timeline-row:nth-child(2n) .kit-timeline-card{padding-right:50px}.kit-timeline-row:nth-child(2n) .kit-timeline-card:before{right:0;transform:translate(50%)}.kit-timeline-row:first-child .kit-timeline-item:before{display:none}.kit-timeline-row:last-child .kit-timeline-item:after{display:none}.kit-timeline-item{display:flex;position:relative;width:50%}.kit-timeline-item:after,.kit-timeline-item:before{content:\"\";position:absolute;height:calc(50% - 12px);width:1px;background:var(--ui-kit-color-grey-12)}.kit-timeline-item:before{top:0}.kit-timeline-item:after{bottom:0}.kit-timeline-card{position:relative}.kit-timeline-card:before{content:\"\";position:absolute;top:calc(50% - 10px);width:19px;height:19px;border:2px solid var(--ui-kit-color-white);border-radius:50%;background:var(--ui-kit-color-blue);box-sizing:border-box}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: KitTimelineCardComponent, selector: "kit-timeline-card", inputs: ["item"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: KitTimelineComponent, isStandalone: true, selector: "kit-timeline", inputs: { items: "items" }, ngImport: i0, template: "<div class=\"kit-timeline\">\n  @for (item of items; track $index) {\n    <div class=\"kit-timeline-row\">\n      <div class=\"kit-timeline-item\">\n        <kit-timeline-card class=\"kit-timeline-card\"\n                           [item]=\"item\"\n        ></kit-timeline-card>\n      </div>\n    </div>\n  }\n</div>\n", styles: [":host{container:timeline/inline-size;display:block;width:auto}.kit-timeline-row{display:flex}.kit-timeline-row:nth-child(odd){justify-content:flex-end}.kit-timeline-row:nth-child(odd) .kit-timeline-card{padding-left:50px}.kit-timeline-row:nth-child(odd) .kit-timeline-card:before{left:0;transform:translate(-50%)}.kit-timeline-row:nth-child(2n) .kit-timeline-item{justify-content:flex-end}.kit-timeline-row:nth-child(2n) .kit-timeline-item:before,.kit-timeline-row:nth-child(2n) .kit-timeline-item:after{right:-1px}.kit-timeline-row:nth-child(2n) .kit-timeline-card{padding-right:50px}.kit-timeline-row:nth-child(2n) .kit-timeline-card:before{right:0;transform:translate(50%)}.kit-timeline-row:first-child .kit-timeline-item:before{display:none}.kit-timeline-row:last-child .kit-timeline-item:after{display:none}.kit-timeline-item{display:flex;position:relative;width:50%}.kit-timeline-item:after,.kit-timeline-item:before{content:\"\";position:absolute;height:calc(50% - 12px);width:1px;background:var(--ui-kit-color-grey-12)}.kit-timeline-item:before{top:0}.kit-timeline-item:after{bottom:0}.kit-timeline-card{position:relative}.kit-timeline-card:before{content:\"\";position:absolute;top:calc(50% - 10px);width:19px;height:19px;border:2px solid var(--ui-kit-color-white);border-radius:50%;background:var(--ui-kit-color-blue);box-sizing:border-box}@container timeline (max-width: 800px){.kit-timeline{width:360px;margin:auto}.kit-timeline-row:nth-child(2n) .kit-timeline-item{justify-content:flex-start}.kit-timeline-row:nth-child(2n) .kit-timeline-card:before{left:0;transform:translate(-50%)}.kit-timeline-row .kit-timeline-item{width:100%}.kit-timeline-row .kit-timeline-item .kit-timeline-card{padding:0 0 50px 50px}.kit-timeline-row .kit-timeline-item:before{left:0;height:calc(50% - 25px)}.kit-timeline-row .kit-timeline-item:after{height:calc(50% + 20px);left:0}.kit-timeline-row .kit-timeline-card:before{top:calc(50% - 40px)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: KitTimelineCardComponent, selector: "kit-timeline-card", inputs: ["item"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitTimelineComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kit-timeline', imports: [
                         CommonModule,
                         KitTimelineCardComponent,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-timeline\">\n  @for (item of items; track $index) {\n    <div class=\"kit-timeline-row\">\n      <div class=\"kit-timeline-item\">\n        <kit-timeline-card class=\"kit-timeline-card\"\n                           [item]=\"item\"\n        ></kit-timeline-card>\n      </div>\n    </div>\n  }\n</div>\n", styles: [".kit-timeline-row{display:flex}.kit-timeline-row:nth-child(odd){justify-content:flex-end}.kit-timeline-row:nth-child(odd) .kit-timeline-card{padding-left:50px}.kit-timeline-row:nth-child(odd) .kit-timeline-card:before{left:0;transform:translate(-50%)}.kit-timeline-row:nth-child(2n) .kit-timeline-item{justify-content:flex-end}.kit-timeline-row:nth-child(2n) .kit-timeline-item:before,.kit-timeline-row:nth-child(2n) .kit-timeline-item:after{right:-1px}.kit-timeline-row:nth-child(2n) .kit-timeline-card{padding-right:50px}.kit-timeline-row:nth-child(2n) .kit-timeline-card:before{right:0;transform:translate(50%)}.kit-timeline-row:first-child .kit-timeline-item:before{display:none}.kit-timeline-row:last-child .kit-timeline-item:after{display:none}.kit-timeline-item{display:flex;position:relative;width:50%}.kit-timeline-item:after,.kit-timeline-item:before{content:\"\";position:absolute;height:calc(50% - 12px);width:1px;background:var(--ui-kit-color-grey-12)}.kit-timeline-item:before{top:0}.kit-timeline-item:after{bottom:0}.kit-timeline-card{position:relative}.kit-timeline-card:before{content:\"\";position:absolute;top:calc(50% - 10px);width:19px;height:19px;border:2px solid var(--ui-kit-color-white);border-radius:50%;background:var(--ui-kit-color-blue);box-sizing:border-box}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-timeline\">\n  @for (item of items; track $index) {\n    <div class=\"kit-timeline-row\">\n      <div class=\"kit-timeline-item\">\n        <kit-timeline-card class=\"kit-timeline-card\"\n                           [item]=\"item\"\n        ></kit-timeline-card>\n      </div>\n    </div>\n  }\n</div>\n", styles: [":host{container:timeline/inline-size;display:block;width:auto}.kit-timeline-row{display:flex}.kit-timeline-row:nth-child(odd){justify-content:flex-end}.kit-timeline-row:nth-child(odd) .kit-timeline-card{padding-left:50px}.kit-timeline-row:nth-child(odd) .kit-timeline-card:before{left:0;transform:translate(-50%)}.kit-timeline-row:nth-child(2n) .kit-timeline-item{justify-content:flex-end}.kit-timeline-row:nth-child(2n) .kit-timeline-item:before,.kit-timeline-row:nth-child(2n) .kit-timeline-item:after{right:-1px}.kit-timeline-row:nth-child(2n) .kit-timeline-card{padding-right:50px}.kit-timeline-row:nth-child(2n) .kit-timeline-card:before{right:0;transform:translate(50%)}.kit-timeline-row:first-child .kit-timeline-item:before{display:none}.kit-timeline-row:last-child .kit-timeline-item:after{display:none}.kit-timeline-item{display:flex;position:relative;width:50%}.kit-timeline-item:after,.kit-timeline-item:before{content:\"\";position:absolute;height:calc(50% - 12px);width:1px;background:var(--ui-kit-color-grey-12)}.kit-timeline-item:before{top:0}.kit-timeline-item:after{bottom:0}.kit-timeline-card{position:relative}.kit-timeline-card:before{content:\"\";position:absolute;top:calc(50% - 10px);width:19px;height:19px;border:2px solid var(--ui-kit-color-white);border-radius:50%;background:var(--ui-kit-color-blue);box-sizing:border-box}@container timeline (max-width: 800px){.kit-timeline{width:360px;margin:auto}.kit-timeline-row:nth-child(2n) .kit-timeline-item{justify-content:flex-start}.kit-timeline-row:nth-child(2n) .kit-timeline-card:before{left:0;transform:translate(-50%)}.kit-timeline-row .kit-timeline-item{width:100%}.kit-timeline-row .kit-timeline-item .kit-timeline-card{padding:0 0 50px 50px}.kit-timeline-row .kit-timeline-item:before{left:0;height:calc(50% - 25px)}.kit-timeline-row .kit-timeline-item:after{height:calc(50% + 20px);left:0}.kit-timeline-row .kit-timeline-card:before{top:calc(50% - 40px)}}\n"] }]
         }], propDecorators: { items: [{
                 type: Input
             }] } });
@@ -6092,5 +6131,5 @@ const kitDataStateToODataString = (state) => toODataString(state);
  * Generated bundle index. Do not edit.
  */
 
-export { AbstractKitCtaPanelConfirmationComponent, KitAutocompleteComponent, KitAutocompleteDirective, KitAutocompleteModule, KitAvatarComponent, KitAvatarModule, KitAvatarSize, KitBadgeDirective, KitBadgeModule, KitBadgeTheme, KitBreadcrumbsComponent, KitBreadcrumbsModule, KitButtonComponent, KitButtonIconPosition, KitButtonKind, KitButtonModule, KitButtonType, KitCardComponent, KitCardModule, KitCardTheme, KitCheckboxComponent, KitCheckboxModule, KitCheckboxState, KitCopyTextComponent, KitCopyTextModule, KitCtaPanelAbstractConfirmationComponent, KitCtaPanelAbstractConfirmationModule, KitCtaPanelActionComponent, KitCtaPanelActionModule, KitCtaPanelConfirmationComponent, KitCtaPanelConfirmationModule, KitCtaPanelItemComponent, KitCtaPanelItemModule, KitCtaPanelItemType, KitDataFieldComponent, KitDatepickerComponent, KitDatepickerModule, KitDaterangeComponent, KitDaterangeModule, KitDaterangeType, KitDatetimepickerComponent, KitDatetimepickerModule, KitDialogActionsComponent, KitDialogComponent, KitDialogService, KitDropdownComponent, KitDropdownModule, KitDropdownSize, KitEmptySectionComponent, KitEntitySectionComponent, KitEntitySectionContainerComponent, KitEntityTitleComponent, KitEntityTitleModule, KitFileCardComponent, KitFileCardMessagesComponent, KitFileCardModule, KitFileUploadComponent, KitFileUploadModule, KitFilterLogic, KitFilterOperator, KitGridCellTemplateDirective, KitGridColumnComponent, KitGridComponent, KitGridDetailTemplateDirective, KitGridModule, KitGridSortSettingsMode, KitInputLabelComponent, KitInputLabelModule, KitInputMessageComponent, KitInputMessageModule, KitLoaderComponent, KitLoaderModule, KitLocationStepperComponent, KitLocationStepperModule, KitMultiselectComponent, KitMultiselectModule, KitNavigationMenuComponent, KitNavigationMenuModule, KitNavigationMenuService, KitNavigationMenuSubmenuComponent, KitNavigationTabsComponent, KitNavigationTabsModule, KitNavigationTabsType, KitNoteComponent, KitNoteModule, KitNotificationComponent, KitNotificationService, KitNotificationType, KitNumericTextboxComponent, KitNumericTextboxModule, KitNumericTextboxState, KitPermissionDirective, KitPermissionModule, KitPillComponent, KitPillTheme, KitPillType, KitPopupAlignHorizontal, KitPopupAlignVertical, KitPopupComponent, KitPopupPositionMode, KitProfileMenuComponent, KitQueryParamsName, KitQueryParamsService, KitRadioButtonComponent, KitRadioButtonModule, KitRadioButtonType, KitScrollNavigationComponent, KitScrollNavigationModule, KitScrollNavigationSectionComponent, KitSearchBarComponent, KitSearchBarModule, KitShipmentCard, KitSkeletonAnimation, KitSkeletonComponent, KitSkeletonModule, KitSkeletonShape, KitSortDirection, KitSortableComponent, KitSvgIcon, KitSvgIconComponent, KitSvgIconModule, KitSvgIconType, KitSvgSpriteComponent, KitSvgSpriteModule, KitSwitchComponent, KitSwitchMode, KitSwitchModule, KitSwitchState, KitTabComponent, KitTabsComponent, KitTabsModule, KitTabsType, KitTextLabelComponent, KitTextLabelModule, KitTextLabelState, KitTextareaAutoresizeDirective, KitTextareaComponent, KitTextareaModule, KitTextareaState, KitTextboxComponent, KitTextboxModule, KitTextboxSize, KitTextboxState, KitTileLayoutComponent, KitTileLayoutItemComponent, KitTileLayoutModule, KitTimelineCardComponent, KitTimelineComponent, KitTimelineTheme, KitTimelineType, KitTimepickerComponent, KitTimepickerModule, KitToastrModule, KitToastrPosition, KitToastrService, KitToastrType, KitToggleComponent, KitToggleModule, KitTooltipDirective, KitTooltipPosition, KitUnitsTextboxComponent, KitUnitsTextboxDropdownPosition, KitUnitsTextboxModule, KitUnitsTextboxType, buildRandomUUID, kitDataStateToODataString };
+export { AbstractKitCtaPanelConfirmationComponent, KitAutocompleteComponent, KitAutocompleteDirective, KitAutocompleteModule, KitAvatarComponent, KitAvatarModule, KitAvatarSize, KitBadgeDirective, KitBadgeModule, KitBadgeTheme, KitBreadcrumbsComponent, KitBreadcrumbsModule, KitButtonComponent, KitButtonIconPosition, KitButtonKind, KitButtonModule, KitButtonType, KitCardComponent, KitCardModule, KitCardTheme, KitCheckboxComponent, KitCheckboxModule, KitCheckboxState, KitCopyTextComponent, KitCopyTextModule, KitCtaPanelAbstractConfirmationComponent, KitCtaPanelAbstractConfirmationModule, KitCtaPanelActionComponent, KitCtaPanelActionModule, KitCtaPanelConfirmationComponent, KitCtaPanelConfirmationModule, KitCtaPanelItemComponent, KitCtaPanelItemModule, KitCtaPanelItemType, KitDataFieldComponent, KitDatepickerComponent, KitDatepickerModule, KitDaterangeComponent, KitDaterangeModule, KitDaterangeType, KitDatetimepickerComponent, KitDatetimepickerModule, KitDialogActionsComponent, KitDialogComponent, KitDialogService, KitDropdownComponent, KitDropdownModule, KitDropdownSize, KitEmptySectionComponent, KitEntitySectionComponent, KitEntitySectionContainerComponent, KitEntityTitleComponent, KitEntityTitleModule, KitFileCardComponent, KitFileCardMessagesComponent, KitFileCardModule, KitFileUploadComponent, KitFileUploadModule, KitFilterLogic, KitFilterOperator, KitGridCellTemplateDirective, KitGridColumnComponent, KitGridComponent, KitGridDetailTemplateDirective, KitGridModule, KitGridSortSettingsMode, KitInputLabelComponent, KitInputLabelModule, KitInputMessageComponent, KitInputMessageModule, KitLoaderComponent, KitLoaderModule, KitLocationStepperComponent, KitLocationStepperModule, KitMultiselectComponent, KitMultiselectModule, KitNavigationMenuComponent, KitNavigationMenuModule, KitNavigationMenuService, KitNavigationMenuSubmenuComponent, KitNavigationTabsComponent, KitNavigationTabsModule, KitNavigationTabsType, KitNoteComponent, KitNoteModule, KitNotificationComponent, KitNotificationService, KitNotificationType, KitNumericTextboxComponent, KitNumericTextboxModule, KitNumericTextboxState, KitPermissionDirective, KitPermissionModule, KitPillComponent, KitPillTheme, KitPillType, KitPopupAlignHorizontal, KitPopupAlignVertical, KitPopupComponent, KitPopupPositionMode, KitProfileMenuComponent, KitQueryParamsName, KitQueryParamsService, KitRadioButtonComponent, KitRadioButtonModule, KitRadioButtonType, KitScrollNavigationComponent, KitScrollNavigationModule, KitScrollNavigationSectionComponent, KitSearchBarComponent, KitSearchBarModule, KitShipmentCard, KitSkeletonAnimation, KitSkeletonComponent, KitSkeletonModule, KitSkeletonShape, KitSortDirection, KitSortableComponent, KitSvgIcon, KitSvgIconComponent, KitSvgIconModule, KitSvgIconType, KitSvgSpriteComponent, KitSvgSpriteModule, KitSwitchComponent, KitSwitchMode, KitSwitchModule, KitSwitchState, KitTabComponent, KitTabsComponent, KitTabsModule, KitTabsType, KitTextLabelComponent, KitTextLabelModule, KitTextLabelState, KitTextareaAutoresizeDirective, KitTextareaComponent, KitTextareaModule, KitTextareaState, KitTextboxComponent, KitTextboxModule, KitTextboxSize, KitTextboxState, KitTileLayoutComponent, KitTileLayoutItemComponent, KitTileLayoutModule, KitTimelineCardComponent, KitTimelineComponent, KitTimelineTheme, KitTimelineType, KitTimepickerComponent, KitTimepickerModule, KitToastrModule, KitToastrPosition, KitToastrService, KitToastrType, KitToggleComponent, KitToggleModule, KitTooltipDirective, KitTooltipPosition, KitTruncateTextComponent, KitUnitsTextboxComponent, KitUnitsTextboxDropdownPosition, KitUnitsTextboxModule, KitUnitsTextboxType, buildRandomUUID, kitDataStateToODataString };
 //# sourceMappingURL=indigina-ui-kit.mjs.map