npm - @indigina/ui-kit - Versions diffs - 1.1.104 → 1.1.105 - Mend

@indigina/ui-kit 1.1.104 → 1.1.105

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

Files changed (16) hide show

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

@@ -1,14 +1,14 @@
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Input, EventEmitter, ViewEncapsulation, Output, NgModule, Directive, forwardRef, input, signal, TemplateRef, ContentChild, ViewChild, HostListener, Injectable, output, Host, Self, Inject, effect, ElementRef, 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, 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';
 import { CommonModule, NgClass, DOCUMENT, DatePipe } from '@angular/common';
-import * as i1$a from '@progress/kendo-angular-popup';
-import { PopupService, PopupModule } from '@progress/kendo-angular-popup';
-import { TooltipDirective, TooltipModule } from '@progress/kendo-angular-tooltip';
 import * as i1$2 from '@progress/kendo-angular-label';
 import { LabelModule } from '@progress/kendo-angular-label';
+import { TooltipDirective, TooltipSettings } from '@progress/kendo-angular-tooltip';
+import * as i1$a from '@progress/kendo-angular-popup';
+import { PopupService, PopupModule } from '@progress/kendo-angular-popup';
 import * as i1$5 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, ReactiveFormsModule, FormsModule, UntypedFormControl, Validators } from '@angular/forms';
 import * as i1$3 from '@progress/kendo-angular-inputs';
@@ -434,9 +434,10 @@ var KitTooltipPosition;
     KitTooltipPosition["RIGHT"] = "right";
     KitTooltipPosition["LEFT"] = "left";
 })(KitTooltipPosition || (KitTooltipPosition = {}));
 class KitTooltipDirective extends TooltipDirective {
     constructor() {
-        super(...arguments);
+        super(inject(ElementRef), inject(NgZone), inject(Renderer2), inject(PopupService), inject(TooltipSettings), inject(TooltipSettings));
         this.kitTooltipPosition = KitTooltipPosition.BOTTOM;
         this.kitTooltipFilter = '';
     }
@@ -444,14 +445,14 @@ class KitTooltipDirective extends TooltipDirective {
         if (this.kitTooltipTemplateRef) {
             this.tooltipTemplate = this.kitTooltipTemplateRef;
         }
-        super.ngOnInit();
         this.filter = this.kitTooltipFilter;
         this.position = this.kitTooltipPosition;
         this.tooltipClass = 'kit-tooltip';
+        super.ngOnInit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitTooltipDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.4", type: KitTooltipDirective, isStandalone: false, selector: "[kitTooltip]", inputs: { kitTooltipPosition: "kitTooltipPosition", kitTooltipFilter: "kitTooltipFilter", kitTooltipTemplateRef: "kitTooltipTemplateRef" }, providers: [
-            PopupService,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitTooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.4", type: KitTooltipDirective, isStandalone: true, selector: "[kitTooltip]", inputs: { kitTooltipPosition: "kitTooltipPosition", kitTooltipFilter: "kitTooltipFilter", kitTooltipTemplateRef: "kitTooltipTemplateRef" }, providers: [
+            TooltipSettings,
         ], usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitTooltipDirective, decorators: [{
@@ -459,11 +460,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
             args: [{
                     selector: '[kitTooltip]',
                     providers: [
-                        PopupService,
+                        TooltipSettings,
                     ],
-                    standalone: false,
                 }]
-        }], propDecorators: { kitTooltipPosition: [{
+        }], ctorParameters: () => [], propDecorators: { kitTooltipPosition: [{
                 type: Input
             }], kitTooltipFilter: [{
                 type: Input
@@ -602,35 +602,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
                 }]
         }] });
-class KitTooltipModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.4", ngImport: i0, type: KitTooltipModule, declarations: [KitTooltipDirective], exports: [KitTooltipDirective,
-            TooltipModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitTooltipModule, imports: [TooltipModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitTooltipModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        KitTooltipDirective,
-                    ],
-                    exports: [
-                        KitTooltipDirective,
-                        TooltipModule,
-                    ],
-                }]
-        }] });
 class KitInputLabelModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitInputLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.4", ngImport: i0, type: KitInputLabelModule, declarations: [KitInputLabelComponent], imports: [CommonModule,
             LabelModule,
             KitSvgIconModule,
-            KitTooltipModule], exports: [KitInputLabelComponent] }); }
+            KitTooltipDirective], exports: [KitInputLabelComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitInputLabelModule, imports: [CommonModule,
             LabelModule,
-            KitSvgIconModule,
-            KitTooltipModule] }); }
+            KitSvgIconModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitInputLabelModule, decorators: [{
             type: NgModule,
@@ -642,7 +622,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
                         CommonModule,
                         LabelModule,
                         KitSvgIconModule,
-                        KitTooltipModule,
+                        KitTooltipDirective,
                     ],
                     exports: [
                         KitInputLabelComponent,
@@ -1947,10 +1927,9 @@ class KitLocationStepperModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitLocationStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.4", ngImport: i0, type: KitLocationStepperModule, declarations: [KitLocationStepperComponent], imports: [CommonModule,
             KitSvgIconModule,
-            KitTooltipModule], exports: [KitLocationStepperComponent] }); }
+            KitTooltipDirective], exports: [KitLocationStepperComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitLocationStepperModule, imports: [CommonModule,
-            KitSvgIconModule,
-            KitTooltipModule] }); }
+            KitSvgIconModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitLocationStepperModule, decorators: [{
             type: NgModule,
@@ -1958,7 +1937,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
                     imports: [
                         CommonModule,
                         KitSvgIconModule,
-                        KitTooltipModule,
+                        KitTooltipDirective,
                     ],
                     declarations: [
                         KitLocationStepperComponent,
@@ -4140,14 +4119,13 @@ class KitNavigationMenuModule {
             KitSvgIconModule,
             RouterModule,
             KitNavigationMenuSubmenuModule,
-            KitTooltipModule], exports: [KitNavigationMenuComponent] }); }
+            KitTooltipDirective], exports: [KitNavigationMenuComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitNavigationMenuModule, providers: [
             KitNavigationMenuService,
         ], imports: [CommonModule,
             KitSvgIconModule,
             RouterModule,
-            KitNavigationMenuSubmenuModule,
-            KitTooltipModule] }); }
+            KitNavigationMenuSubmenuModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitNavigationMenuModule, decorators: [{
             type: NgModule,
@@ -4160,7 +4138,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
                         KitSvgIconModule,
                         RouterModule,
                         KitNavigationMenuSubmenuModule,
-                        KitTooltipModule,
+                        KitTooltipDirective,
                     ],
                     providers: [
                         KitNavigationMenuService,
@@ -4946,12 +4924,11 @@ class KitCardModule {
             KitSvgIconModule,
             KitButtonModule,
             RouterLink,
-            KitTooltipModule,
+            KitTooltipDirective,
             NgClass], exports: [KitCardComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitCardModule, imports: [CommonModule,
             KitSvgIconModule,
-            KitButtonModule,
-            KitTooltipModule] }); }
+            KitButtonModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitCardModule, decorators: [{
             type: NgModule,
@@ -4964,7 +4941,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
                         KitSvgIconModule,
                         KitButtonModule,
                         RouterLink,
-                        KitTooltipModule,
+                        KitTooltipDirective,
                         NgClass,
                     ],
                     exports: [
@@ -5615,14 +5592,14 @@ class KitTimelineCardComponent {
         this.kitTooltipPosition = KitTooltipPosition;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitTimelineCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: KitTimelineCardComponent, isStandalone: true, selector: "kit-timeline-card", inputs: { item: "item" }, ngImport: i0, template: "@if (item) {\n  <div class=\"kit-timeline-card {{ item.theme }}-theme\">\n    <div class=\"card-header\">\n      @if (item.icon) {\n        <div class=\"card-icon-wrapper\">\n          <kit-svg-icon class=\"card-icon\"\n                        [icon]=\"item.icon\"\n                        [ngClass]=\"item.iconType ?? kitSvgIconType.FILL\"\n          ></kit-svg-icon>\n        </div>\n      }\n      <div class=\"card-info\">\n        <div class=\"card-info-top\">\n          <div class=\"card-title\">{{ item.title }}</div>\n          @if (item?.textBadge) {\n            <div class=\"card-badge text-badge\">{{ item.textBadge }}</div>\n          }\n          @if (item?.countBadge) {\n            <div class=\"card-badge count-badge\">{{ item.countBadge }}</div>\n          }\n        </div>\n        <div class=\"card-info-bottom\">{{ item.subTitle }}</div>\n      </div>\n    </div>\n    @if (item?.transportationType) {\n      <div class=\"card-main\">\n        <div class=\"card-route\"\n             [ngClass]=\"item.transportationType\">\n          <div kitTooltip\n               kitTooltipFilter=\".card-route-item\"\n               class=\"card-route-item card-route-original\"\n               [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n               [title]=\"item?.originalPort\">\n            {{ item?.originalPort }}\n          </div>\n          <kit-svg-icon class=\"card-route-icon\"\n                        [icon]=\"kitSvgIcon.CHEVRON_RIGHT\"\n          ></kit-svg-icon>\n          <div kitTooltip\n               kitTooltipFilter=\".card-route-item\"\n               class=\"card-route-item card-route-destination\"\n               [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n               [title]=\"item?.destinationPort\">\n            {{ item?.destinationPort }}\n          </div>\n          <div class=\"card-route-label\">by</div>\n          <div kitTooltip\n               kitTooltipFilter=\".card-route-item\"\n               class=\"card-route-item card-route-type\"\n               [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n               [title]=\"item?.transitMode\">\n            {{ item?.transitMode }}\n          </div>\n        </div>\n      </div>\n    }\n    <div class=\"card-footer\">\n      @for (date of item.date; track $index) {\n        <div class=\"card-date\">\n          <div class=\"card-date-top\">\n            <kit-svg-icon class=\"card-date-icon\"\n                          [icon]=\"kitSvgIcon.CALENDAR\"\n            ></kit-svg-icon>\n            <div class=\"card-date-label\">{{ date.label }}</div>\n          </div>\n          <div class=\"card-date-value\">{{ date.value }}</div>\n        </div>\n      }\n    </div>\n  </div>\n}\n", styles: [".kit-timeline-card{display:flex;flex-direction:column;gap:15px;padding:25px;width:323px;color:var(--ui-kit-color-grey-10);border-radius:10px;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white);box-sizing:border-box}.kit-timeline-card.success-theme,.kit-timeline-card.warning-theme,.kit-timeline-card.danger-theme{border-width:2px}.kit-timeline-card.success-theme{border-color:var(--ui-kit-color-green-1)}.kit-timeline-card.warning-theme{border-color:var(--ui-kit-color-orange)}.kit-timeline-card.danger-theme{border-color:var(--ui-kit-color-red-1)}.kit-timeline-card .card-header{display:flex;align-items:center;gap:12px}.kit-timeline-card .card-icon{display:block;width:18px;height:18px}.kit-timeline-card .card-icon.fill{fill:var(--ui-kit-color-white);stroke:none}.kit-timeline-card .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-white)}.kit-timeline-card .card-icon-wrapper{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%}.kit-timeline-card .card-info{flex:1}.kit-timeline-card .card-info-top{display:flex;align-items:center}.kit-timeline-card .card-info-bottom{font-size:14px;font-weight:400;line-height:20px}.kit-timeline-card .card-title{flex:1;font-size:16px;font-weight:600;line-height:22px}.kit-timeline-card .card-badge{display:flex;align-items:center;justify-content:center;padding:0 8px;font-size:12px;font-weight:500}.kit-timeline-card .text-badge{height:20px;border:1px solid;border-radius:4px}.kit-timeline-card .count-badge{height:24px;color:var(--ui-kit-color-white);border-radius:16px}.kit-timeline-card .card-route{display:flex;align-items:center;padding-bottom:7px}.kit-timeline-card .card-route-item{padding:0 8px;height:20px;font-size:12px;font-weight:500;line-height:20px;border-radius:4px;border:1px solid;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kit-timeline-card .card-route-icon{display:block;margin:0 3px;width:16px;height:16px;stroke:var(--ui-kit-color-grey-14);fill:none}.kit-timeline-card .card-route-original,.kit-timeline-card .card-route-destination{color:var(--ui-kit-color-grey-14);border-color:var(--ui-kit-color-grey-12);background:var(--ui-kit-color-white)}.kit-timeline-card .card-route-label{margin:0 7px;color:var(--ui-kit-color-grey-14);font-size:13px;font-weight:400}.kit-timeline-card .card-route-type{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-grey-14);background:var(--ui-kit-color-grey-16)}.kit-timeline-card .card-footer{display:grid;grid-template-columns:1fr auto;gap:12px;padding-top:15px;border-top:1px solid var(--ui-kit-color-grey-11)}.kit-timeline-card .card-date{display:flex;flex-direction:column;gap:3px;font-size:14px;font-weight:500;line-height:20px}.kit-timeline-card .card-date-top{display:flex;align-items:center;gap:3px}.kit-timeline-card .card-date-label{color:var(--ui-kit-color-grey-14);font-size:12px;font-weight:500}.kit-timeline-card .card-date-icon{display:block;width:18px;height:18px;stroke:none;fill:var(--ui-kit-color-grey-12)}.kit-timeline-card .card-date-value{color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:600;line-height:20px}.kit-timeline-card.purple-theme .card-icon.fill{fill:var(--ui-kit-color-purple);stroke:none}.kit-timeline-card.purple-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-purple)}.kit-timeline-card.purple-theme .card-icon-wrapper{background:var(--ui-kit-color-purple-1)}.kit-timeline-card.purple-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-purple)}.kit-timeline-card.purple-theme .text-badge{color:var(--ui-kit-color-purple);background:var(--ui-kit-color-purple-1)}.kit-timeline-card.purple-theme .count-badge{background:var(--ui-kit-color-purple)}.kit-timeline-card.purple-theme .card-route.departure .card-route-original,.kit-timeline-card.purple-theme .card-route.arrival .card-route-destination,.kit-timeline-card.purple-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-purple);border-color:var(--ui-kit-color-purple);background:var(--ui-kit-color-purple-1)}.kit-timeline-card.green-theme .card-icon.fill{fill:var(--ui-kit-color-green-3);stroke:none}.kit-timeline-card.green-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-green-3)}.kit-timeline-card.green-theme .card-icon-wrapper{background:var(--ui-kit-color-green-4)}.kit-timeline-card.green-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-green-3)}.kit-timeline-card.green-theme .text-badge{color:var(--ui-kit-color-green-3);background:var(--ui-kit-color-green-4)}.kit-timeline-card.green-theme .count-badge{background:var(--ui-kit-color-green-3)}.kit-timeline-card.green-theme .card-route.departure .card-route-original,.kit-timeline-card.green-theme .card-route.arrival .card-route-destination,.kit-timeline-card.green-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-green-3);border-color:var(--ui-kit-color-green-3);background:var(--ui-kit-color-green-4)}.kit-timeline-card.blue-theme .card-icon.fill{fill:var(--ui-kit-color-blue);stroke:none}.kit-timeline-card.blue-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-blue)}.kit-timeline-card.blue-theme .card-icon-wrapper{background:var(--ui-kit-color-blue-1)}.kit-timeline-card.blue-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-blue)}.kit-timeline-card.blue-theme .text-badge{color:var(--ui-kit-color-blue);background:var(--ui-kit-color-blue-1)}.kit-timeline-card.blue-theme .count-badge{background:var(--ui-kit-color-blue)}.kit-timeline-card.blue-theme .card-route.departure .card-route-original,.kit-timeline-card.blue-theme .card-route.arrival .card-route-destination,.kit-timeline-card.blue-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-blue);border-color:var(--ui-kit-color-blue);background:var(--ui-kit-color-blue-1)}.kit-timeline-card.grey-theme .card-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-timeline-card.grey-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-10)}.kit-timeline-card.grey-theme .card-icon-wrapper{background:var(--ui-kit-color-grey-16)}.kit-timeline-card.grey-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-grey-10)}.kit-timeline-card.grey-theme .text-badge{color:var(--ui-kit-color-grey-10);background:var(--ui-kit-color-grey-16)}.kit-timeline-card.grey-theme .count-badge{background:var(--ui-kit-color-grey-10)}.kit-timeline-card.grey-theme .card-route.departure .card-route-original,.kit-timeline-card.grey-theme .card-route.arrival .card-route-destination,.kit-timeline-card.grey-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-grey-10);background:var(--ui-kit-color-grey-16)}.kit-timeline-card.teal-theme .card-icon.fill{fill:var(--ui-kit-color-teal);stroke:none}.kit-timeline-card.teal-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-teal)}.kit-timeline-card.teal-theme .card-icon-wrapper{background:var(--ui-kit-color-teal-1)}.kit-timeline-card.teal-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-teal)}.kit-timeline-card.teal-theme .text-badge{color:var(--ui-kit-color-teal);background:var(--ui-kit-color-teal-1)}.kit-timeline-card.teal-theme .count-badge{background:var(--ui-kit-color-teal)}.kit-timeline-card.teal-theme .card-route.departure .card-route-original,.kit-timeline-card.teal-theme .card-route.arrival .card-route-destination,.kit-timeline-card.teal-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-teal);border-color:var(--ui-kit-color-teal);background:var(--ui-kit-color-teal-1)}.kit-timeline-card.pink-theme .card-icon.fill{fill:var(--ui-kit-color-pink);stroke:none}.kit-timeline-card.pink-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-pink)}.kit-timeline-card.pink-theme .card-icon-wrapper{background:var(--ui-kit-color-pink-1)}.kit-timeline-card.pink-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-pink)}.kit-timeline-card.pink-theme .text-badge{color:var(--ui-kit-color-pink);background:var(--ui-kit-color-pink-1)}.kit-timeline-card.pink-theme .count-badge{background:var(--ui-kit-color-pink)}.kit-timeline-card.pink-theme .card-route.departure .card-route-original,.kit-timeline-card.pink-theme .card-route.arrival .card-route-destination,.kit-timeline-card.pink-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-pink);border-color:var(--ui-kit-color-pink);background:var(--ui-kit-color-pink-1)}.kit-timeline-card.success-theme .card-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}.kit-timeline-card.success-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-green-1)}.kit-timeline-card.success-theme .card-icon-wrapper{background:var(--ui-kit-color-green-5)}.kit-timeline-card.success-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-green-1)}.kit-timeline-card.success-theme .text-badge{color:var(--ui-kit-color-green-1);background:var(--ui-kit-color-green-5)}.kit-timeline-card.success-theme .count-badge{background:var(--ui-kit-color-green-1)}.kit-timeline-card.success-theme .card-route.departure .card-route-original,.kit-timeline-card.success-theme .card-route.arrival .card-route-destination,.kit-timeline-card.success-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-green-1);border-color:var(--ui-kit-color-green-1);background:var(--ui-kit-color-green-5)}.kit-timeline-card.warning-theme .card-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}.kit-timeline-card.warning-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-orange)}.kit-timeline-card.warning-theme .card-icon-wrapper{background:var(--ui-kit-color-orange-4)}.kit-timeline-card.warning-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-orange)}.kit-timeline-card.warning-theme .text-badge{color:var(--ui-kit-color-orange);background:var(--ui-kit-color-orange-4)}.kit-timeline-card.warning-theme .count-badge{background:var(--ui-kit-color-orange)}.kit-timeline-card.warning-theme .card-route.departure .card-route-original,.kit-timeline-card.warning-theme .card-route.arrival .card-route-destination,.kit-timeline-card.warning-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-orange);border-color:var(--ui-kit-color-orange);background:var(--ui-kit-color-orange-4)}.kit-timeline-card.danger-theme .card-icon.fill{fill:var(--ui-kit-color-red-1);stroke:none}.kit-timeline-card.danger-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-red-1)}.kit-timeline-card.danger-theme .card-icon-wrapper{background:var(--ui-kit-color-red-3)}.kit-timeline-card.danger-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-red-1)}.kit-timeline-card.danger-theme .text-badge{color:var(--ui-kit-color-red-1);background:var(--ui-kit-color-red-3)}.kit-timeline-card.danger-theme .count-badge{background:var(--ui-kit-color-red-1)}.kit-timeline-card.danger-theme .card-route.departure .card-route-original,.kit-timeline-card.danger-theme .card-route.arrival .card-route-destination,.kit-timeline-card.danger-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-red-1);border-color:var(--ui-kit-color-red-1);background:var(--ui-kit-color-red-3)}\n"], dependencies: [{ kind: "ngmodule", type: KitSvgIconModule }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: KitTooltipModule }, { kind: "directive", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: KitTimelineCardComponent, isStandalone: true, selector: "kit-timeline-card", inputs: { item: "item" }, ngImport: i0, template: "@if (item) {\n  <div class=\"kit-timeline-card {{ item.theme }}-theme\">\n    <div class=\"card-header\">\n      @if (item.icon) {\n        <div class=\"card-icon-wrapper\">\n          <kit-svg-icon class=\"card-icon\"\n                        [icon]=\"item.icon\"\n                        [ngClass]=\"item.iconType ?? kitSvgIconType.FILL\"\n          ></kit-svg-icon>\n        </div>\n      }\n      <div class=\"card-info\">\n        <div class=\"card-info-top\">\n          <div class=\"card-title\">{{ item.title }}</div>\n          @if (item?.textBadge) {\n            <div class=\"card-badge text-badge\">{{ item.textBadge }}</div>\n          }\n          @if (item?.countBadge) {\n            <div class=\"card-badge count-badge\">{{ item.countBadge }}</div>\n          }\n        </div>\n        <div class=\"card-info-bottom\">{{ item.subTitle }}</div>\n      </div>\n    </div>\n    @if (item?.transportationType) {\n      <div class=\"card-main\">\n        <div class=\"card-route\"\n             [ngClass]=\"item.transportationType\">\n          <div kitTooltip\n               kitTooltipFilter=\".card-route-item\"\n               class=\"card-route-item card-route-original\"\n               [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n               [title]=\"item?.originalPort\">\n            {{ item?.originalPort }}\n          </div>\n          <kit-svg-icon class=\"card-route-icon\"\n                        [icon]=\"kitSvgIcon.CHEVRON_RIGHT\"\n          ></kit-svg-icon>\n          <div kitTooltip\n               kitTooltipFilter=\".card-route-item\"\n               class=\"card-route-item card-route-destination\"\n               [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n               [title]=\"item?.destinationPort\">\n            {{ item?.destinationPort }}\n          </div>\n          <div class=\"card-route-label\">by</div>\n          <div kitTooltip\n               kitTooltipFilter=\".card-route-item\"\n               class=\"card-route-item card-route-type\"\n               [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n               [title]=\"item?.transitMode\">\n            {{ item?.transitMode }}\n          </div>\n        </div>\n      </div>\n    }\n    <div class=\"card-footer\">\n      @for (date of item.date; track $index) {\n        <div class=\"card-date\">\n          <div class=\"card-date-top\">\n            <kit-svg-icon class=\"card-date-icon\"\n                          [icon]=\"kitSvgIcon.CALENDAR\"\n            ></kit-svg-icon>\n            <div class=\"card-date-label\">{{ date.label }}</div>\n          </div>\n          <div class=\"card-date-value\">{{ date.value }}</div>\n        </div>\n      }\n    </div>\n  </div>\n}\n", styles: [".kit-timeline-card{display:flex;flex-direction:column;gap:15px;padding:25px;width:323px;color:var(--ui-kit-color-grey-10);border-radius:10px;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white);box-sizing:border-box}.kit-timeline-card.success-theme,.kit-timeline-card.warning-theme,.kit-timeline-card.danger-theme{border-width:2px}.kit-timeline-card.success-theme{border-color:var(--ui-kit-color-green-1)}.kit-timeline-card.warning-theme{border-color:var(--ui-kit-color-orange)}.kit-timeline-card.danger-theme{border-color:var(--ui-kit-color-red-1)}.kit-timeline-card .card-header{display:flex;align-items:center;gap:12px}.kit-timeline-card .card-icon{display:block;width:18px;height:18px}.kit-timeline-card .card-icon.fill{fill:var(--ui-kit-color-white);stroke:none}.kit-timeline-card .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-white)}.kit-timeline-card .card-icon-wrapper{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%}.kit-timeline-card .card-info{flex:1}.kit-timeline-card .card-info-top{display:flex;align-items:center}.kit-timeline-card .card-info-bottom{font-size:14px;font-weight:400;line-height:20px}.kit-timeline-card .card-title{flex:1;font-size:16px;font-weight:600;line-height:22px}.kit-timeline-card .card-badge{display:flex;align-items:center;justify-content:center;padding:0 8px;font-size:12px;font-weight:500}.kit-timeline-card .text-badge{height:20px;border:1px solid;border-radius:4px}.kit-timeline-card .count-badge{height:24px;color:var(--ui-kit-color-white);border-radius:16px}.kit-timeline-card .card-route{display:flex;align-items:center;padding-bottom:7px}.kit-timeline-card .card-route-item{padding:0 8px;height:20px;font-size:12px;font-weight:500;line-height:20px;border-radius:4px;border:1px solid;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kit-timeline-card .card-route-icon{display:block;margin:0 3px;width:16px;height:16px;stroke:var(--ui-kit-color-grey-14);fill:none}.kit-timeline-card .card-route-original,.kit-timeline-card .card-route-destination{color:var(--ui-kit-color-grey-14);border-color:var(--ui-kit-color-grey-12);background:var(--ui-kit-color-white)}.kit-timeline-card .card-route-label{margin:0 7px;color:var(--ui-kit-color-grey-14);font-size:13px;font-weight:400}.kit-timeline-card .card-route-type{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-grey-14);background:var(--ui-kit-color-grey-16)}.kit-timeline-card .card-footer{display:grid;grid-template-columns:1fr auto;gap:12px;padding-top:15px;border-top:1px solid var(--ui-kit-color-grey-11)}.kit-timeline-card .card-date{display:flex;flex-direction:column;gap:3px;font-size:14px;font-weight:500;line-height:20px}.kit-timeline-card .card-date-top{display:flex;align-items:center;gap:3px}.kit-timeline-card .card-date-label{color:var(--ui-kit-color-grey-14);font-size:12px;font-weight:500}.kit-timeline-card .card-date-icon{display:block;width:18px;height:18px;stroke:none;fill:var(--ui-kit-color-grey-12)}.kit-timeline-card .card-date-value{color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:600;line-height:20px}.kit-timeline-card.purple-theme .card-icon.fill{fill:var(--ui-kit-color-purple);stroke:none}.kit-timeline-card.purple-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-purple)}.kit-timeline-card.purple-theme .card-icon-wrapper{background:var(--ui-kit-color-purple-1)}.kit-timeline-card.purple-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-purple)}.kit-timeline-card.purple-theme .text-badge{color:var(--ui-kit-color-purple);background:var(--ui-kit-color-purple-1)}.kit-timeline-card.purple-theme .count-badge{background:var(--ui-kit-color-purple)}.kit-timeline-card.purple-theme .card-route.departure .card-route-original,.kit-timeline-card.purple-theme .card-route.arrival .card-route-destination,.kit-timeline-card.purple-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-purple);border-color:var(--ui-kit-color-purple);background:var(--ui-kit-color-purple-1)}.kit-timeline-card.green-theme .card-icon.fill{fill:var(--ui-kit-color-green-3);stroke:none}.kit-timeline-card.green-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-green-3)}.kit-timeline-card.green-theme .card-icon-wrapper{background:var(--ui-kit-color-green-4)}.kit-timeline-card.green-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-green-3)}.kit-timeline-card.green-theme .text-badge{color:var(--ui-kit-color-green-3);background:var(--ui-kit-color-green-4)}.kit-timeline-card.green-theme .count-badge{background:var(--ui-kit-color-green-3)}.kit-timeline-card.green-theme .card-route.departure .card-route-original,.kit-timeline-card.green-theme .card-route.arrival .card-route-destination,.kit-timeline-card.green-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-green-3);border-color:var(--ui-kit-color-green-3);background:var(--ui-kit-color-green-4)}.kit-timeline-card.blue-theme .card-icon.fill{fill:var(--ui-kit-color-blue);stroke:none}.kit-timeline-card.blue-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-blue)}.kit-timeline-card.blue-theme .card-icon-wrapper{background:var(--ui-kit-color-blue-1)}.kit-timeline-card.blue-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-blue)}.kit-timeline-card.blue-theme .text-badge{color:var(--ui-kit-color-blue);background:var(--ui-kit-color-blue-1)}.kit-timeline-card.blue-theme .count-badge{background:var(--ui-kit-color-blue)}.kit-timeline-card.blue-theme .card-route.departure .card-route-original,.kit-timeline-card.blue-theme .card-route.arrival .card-route-destination,.kit-timeline-card.blue-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-blue);border-color:var(--ui-kit-color-blue);background:var(--ui-kit-color-blue-1)}.kit-timeline-card.grey-theme .card-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-timeline-card.grey-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-10)}.kit-timeline-card.grey-theme .card-icon-wrapper{background:var(--ui-kit-color-grey-16)}.kit-timeline-card.grey-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-grey-10)}.kit-timeline-card.grey-theme .text-badge{color:var(--ui-kit-color-grey-10);background:var(--ui-kit-color-grey-16)}.kit-timeline-card.grey-theme .count-badge{background:var(--ui-kit-color-grey-10)}.kit-timeline-card.grey-theme .card-route.departure .card-route-original,.kit-timeline-card.grey-theme .card-route.arrival .card-route-destination,.kit-timeline-card.grey-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-grey-10);background:var(--ui-kit-color-grey-16)}.kit-timeline-card.teal-theme .card-icon.fill{fill:var(--ui-kit-color-teal);stroke:none}.kit-timeline-card.teal-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-teal)}.kit-timeline-card.teal-theme .card-icon-wrapper{background:var(--ui-kit-color-teal-1)}.kit-timeline-card.teal-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-teal)}.kit-timeline-card.teal-theme .text-badge{color:var(--ui-kit-color-teal);background:var(--ui-kit-color-teal-1)}.kit-timeline-card.teal-theme .count-badge{background:var(--ui-kit-color-teal)}.kit-timeline-card.teal-theme .card-route.departure .card-route-original,.kit-timeline-card.teal-theme .card-route.arrival .card-route-destination,.kit-timeline-card.teal-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-teal);border-color:var(--ui-kit-color-teal);background:var(--ui-kit-color-teal-1)}.kit-timeline-card.pink-theme .card-icon.fill{fill:var(--ui-kit-color-pink);stroke:none}.kit-timeline-card.pink-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-pink)}.kit-timeline-card.pink-theme .card-icon-wrapper{background:var(--ui-kit-color-pink-1)}.kit-timeline-card.pink-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-pink)}.kit-timeline-card.pink-theme .text-badge{color:var(--ui-kit-color-pink);background:var(--ui-kit-color-pink-1)}.kit-timeline-card.pink-theme .count-badge{background:var(--ui-kit-color-pink)}.kit-timeline-card.pink-theme .card-route.departure .card-route-original,.kit-timeline-card.pink-theme .card-route.arrival .card-route-destination,.kit-timeline-card.pink-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-pink);border-color:var(--ui-kit-color-pink);background:var(--ui-kit-color-pink-1)}.kit-timeline-card.success-theme .card-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}.kit-timeline-card.success-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-green-1)}.kit-timeline-card.success-theme .card-icon-wrapper{background:var(--ui-kit-color-green-5)}.kit-timeline-card.success-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-green-1)}.kit-timeline-card.success-theme .text-badge{color:var(--ui-kit-color-green-1);background:var(--ui-kit-color-green-5)}.kit-timeline-card.success-theme .count-badge{background:var(--ui-kit-color-green-1)}.kit-timeline-card.success-theme .card-route.departure .card-route-original,.kit-timeline-card.success-theme .card-route.arrival .card-route-destination,.kit-timeline-card.success-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-green-1);border-color:var(--ui-kit-color-green-1);background:var(--ui-kit-color-green-5)}.kit-timeline-card.warning-theme .card-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}.kit-timeline-card.warning-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-orange)}.kit-timeline-card.warning-theme .card-icon-wrapper{background:var(--ui-kit-color-orange-4)}.kit-timeline-card.warning-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-orange)}.kit-timeline-card.warning-theme .text-badge{color:var(--ui-kit-color-orange);background:var(--ui-kit-color-orange-4)}.kit-timeline-card.warning-theme .count-badge{background:var(--ui-kit-color-orange)}.kit-timeline-card.warning-theme .card-route.departure .card-route-original,.kit-timeline-card.warning-theme .card-route.arrival .card-route-destination,.kit-timeline-card.warning-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-orange);border-color:var(--ui-kit-color-orange);background:var(--ui-kit-color-orange-4)}.kit-timeline-card.danger-theme .card-icon.fill{fill:var(--ui-kit-color-red-1);stroke:none}.kit-timeline-card.danger-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-red-1)}.kit-timeline-card.danger-theme .card-icon-wrapper{background:var(--ui-kit-color-red-3)}.kit-timeline-card.danger-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-red-1)}.kit-timeline-card.danger-theme .text-badge{color:var(--ui-kit-color-red-1);background:var(--ui-kit-color-red-3)}.kit-timeline-card.danger-theme .count-badge{background:var(--ui-kit-color-red-1)}.kit-timeline-card.danger-theme .card-route.departure .card-route-original,.kit-timeline-card.danger-theme .card-route.arrival .card-route-destination,.kit-timeline-card.danger-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-red-1);border-color:var(--ui-kit-color-red-1);background:var(--ui-kit-color-red-3)}\n"], dependencies: [{ kind: "ngmodule", type: KitSvgIconModule }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitTimelineCardComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kit-timeline-card', imports: [
                         KitSvgIconModule,
                         NgClass,
-                        KitTooltipModule,
+                        KitTooltipDirective,
                     ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (item) {\n  <div class=\"kit-timeline-card {{ item.theme }}-theme\">\n    <div class=\"card-header\">\n      @if (item.icon) {\n        <div class=\"card-icon-wrapper\">\n          <kit-svg-icon class=\"card-icon\"\n                        [icon]=\"item.icon\"\n                        [ngClass]=\"item.iconType ?? kitSvgIconType.FILL\"\n          ></kit-svg-icon>\n        </div>\n      }\n      <div class=\"card-info\">\n        <div class=\"card-info-top\">\n          <div class=\"card-title\">{{ item.title }}</div>\n          @if (item?.textBadge) {\n            <div class=\"card-badge text-badge\">{{ item.textBadge }}</div>\n          }\n          @if (item?.countBadge) {\n            <div class=\"card-badge count-badge\">{{ item.countBadge }}</div>\n          }\n        </div>\n        <div class=\"card-info-bottom\">{{ item.subTitle }}</div>\n      </div>\n    </div>\n    @if (item?.transportationType) {\n      <div class=\"card-main\">\n        <div class=\"card-route\"\n             [ngClass]=\"item.transportationType\">\n          <div kitTooltip\n               kitTooltipFilter=\".card-route-item\"\n               class=\"card-route-item card-route-original\"\n               [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n               [title]=\"item?.originalPort\">\n            {{ item?.originalPort }}\n          </div>\n          <kit-svg-icon class=\"card-route-icon\"\n                        [icon]=\"kitSvgIcon.CHEVRON_RIGHT\"\n          ></kit-svg-icon>\n          <div kitTooltip\n               kitTooltipFilter=\".card-route-item\"\n               class=\"card-route-item card-route-destination\"\n               [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n               [title]=\"item?.destinationPort\">\n            {{ item?.destinationPort }}\n          </div>\n          <div class=\"card-route-label\">by</div>\n          <div kitTooltip\n               kitTooltipFilter=\".card-route-item\"\n               class=\"card-route-item card-route-type\"\n               [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n               [title]=\"item?.transitMode\">\n            {{ item?.transitMode }}\n          </div>\n        </div>\n      </div>\n    }\n    <div class=\"card-footer\">\n      @for (date of item.date; track $index) {\n        <div class=\"card-date\">\n          <div class=\"card-date-top\">\n            <kit-svg-icon class=\"card-date-icon\"\n                          [icon]=\"kitSvgIcon.CALENDAR\"\n            ></kit-svg-icon>\n            <div class=\"card-date-label\">{{ date.label }}</div>\n          </div>\n          <div class=\"card-date-value\">{{ date.value }}</div>\n        </div>\n      }\n    </div>\n  </div>\n}\n", styles: [".kit-timeline-card{display:flex;flex-direction:column;gap:15px;padding:25px;width:323px;color:var(--ui-kit-color-grey-10);border-radius:10px;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white);box-sizing:border-box}.kit-timeline-card.success-theme,.kit-timeline-card.warning-theme,.kit-timeline-card.danger-theme{border-width:2px}.kit-timeline-card.success-theme{border-color:var(--ui-kit-color-green-1)}.kit-timeline-card.warning-theme{border-color:var(--ui-kit-color-orange)}.kit-timeline-card.danger-theme{border-color:var(--ui-kit-color-red-1)}.kit-timeline-card .card-header{display:flex;align-items:center;gap:12px}.kit-timeline-card .card-icon{display:block;width:18px;height:18px}.kit-timeline-card .card-icon.fill{fill:var(--ui-kit-color-white);stroke:none}.kit-timeline-card .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-white)}.kit-timeline-card .card-icon-wrapper{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%}.kit-timeline-card .card-info{flex:1}.kit-timeline-card .card-info-top{display:flex;align-items:center}.kit-timeline-card .card-info-bottom{font-size:14px;font-weight:400;line-height:20px}.kit-timeline-card .card-title{flex:1;font-size:16px;font-weight:600;line-height:22px}.kit-timeline-card .card-badge{display:flex;align-items:center;justify-content:center;padding:0 8px;font-size:12px;font-weight:500}.kit-timeline-card .text-badge{height:20px;border:1px solid;border-radius:4px}.kit-timeline-card .count-badge{height:24px;color:var(--ui-kit-color-white);border-radius:16px}.kit-timeline-card .card-route{display:flex;align-items:center;padding-bottom:7px}.kit-timeline-card .card-route-item{padding:0 8px;height:20px;font-size:12px;font-weight:500;line-height:20px;border-radius:4px;border:1px solid;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kit-timeline-card .card-route-icon{display:block;margin:0 3px;width:16px;height:16px;stroke:var(--ui-kit-color-grey-14);fill:none}.kit-timeline-card .card-route-original,.kit-timeline-card .card-route-destination{color:var(--ui-kit-color-grey-14);border-color:var(--ui-kit-color-grey-12);background:var(--ui-kit-color-white)}.kit-timeline-card .card-route-label{margin:0 7px;color:var(--ui-kit-color-grey-14);font-size:13px;font-weight:400}.kit-timeline-card .card-route-type{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-grey-14);background:var(--ui-kit-color-grey-16)}.kit-timeline-card .card-footer{display:grid;grid-template-columns:1fr auto;gap:12px;padding-top:15px;border-top:1px solid var(--ui-kit-color-grey-11)}.kit-timeline-card .card-date{display:flex;flex-direction:column;gap:3px;font-size:14px;font-weight:500;line-height:20px}.kit-timeline-card .card-date-top{display:flex;align-items:center;gap:3px}.kit-timeline-card .card-date-label{color:var(--ui-kit-color-grey-14);font-size:12px;font-weight:500}.kit-timeline-card .card-date-icon{display:block;width:18px;height:18px;stroke:none;fill:var(--ui-kit-color-grey-12)}.kit-timeline-card .card-date-value{color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:600;line-height:20px}.kit-timeline-card.purple-theme .card-icon.fill{fill:var(--ui-kit-color-purple);stroke:none}.kit-timeline-card.purple-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-purple)}.kit-timeline-card.purple-theme .card-icon-wrapper{background:var(--ui-kit-color-purple-1)}.kit-timeline-card.purple-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-purple)}.kit-timeline-card.purple-theme .text-badge{color:var(--ui-kit-color-purple);background:var(--ui-kit-color-purple-1)}.kit-timeline-card.purple-theme .count-badge{background:var(--ui-kit-color-purple)}.kit-timeline-card.purple-theme .card-route.departure .card-route-original,.kit-timeline-card.purple-theme .card-route.arrival .card-route-destination,.kit-timeline-card.purple-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-purple);border-color:var(--ui-kit-color-purple);background:var(--ui-kit-color-purple-1)}.kit-timeline-card.green-theme .card-icon.fill{fill:var(--ui-kit-color-green-3);stroke:none}.kit-timeline-card.green-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-green-3)}.kit-timeline-card.green-theme .card-icon-wrapper{background:var(--ui-kit-color-green-4)}.kit-timeline-card.green-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-green-3)}.kit-timeline-card.green-theme .text-badge{color:var(--ui-kit-color-green-3);background:var(--ui-kit-color-green-4)}.kit-timeline-card.green-theme .count-badge{background:var(--ui-kit-color-green-3)}.kit-timeline-card.green-theme .card-route.departure .card-route-original,.kit-timeline-card.green-theme .card-route.arrival .card-route-destination,.kit-timeline-card.green-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-green-3);border-color:var(--ui-kit-color-green-3);background:var(--ui-kit-color-green-4)}.kit-timeline-card.blue-theme .card-icon.fill{fill:var(--ui-kit-color-blue);stroke:none}.kit-timeline-card.blue-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-blue)}.kit-timeline-card.blue-theme .card-icon-wrapper{background:var(--ui-kit-color-blue-1)}.kit-timeline-card.blue-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-blue)}.kit-timeline-card.blue-theme .text-badge{color:var(--ui-kit-color-blue);background:var(--ui-kit-color-blue-1)}.kit-timeline-card.blue-theme .count-badge{background:var(--ui-kit-color-blue)}.kit-timeline-card.blue-theme .card-route.departure .card-route-original,.kit-timeline-card.blue-theme .card-route.arrival .card-route-destination,.kit-timeline-card.blue-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-blue);border-color:var(--ui-kit-color-blue);background:var(--ui-kit-color-blue-1)}.kit-timeline-card.grey-theme .card-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-timeline-card.grey-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-10)}.kit-timeline-card.grey-theme .card-icon-wrapper{background:var(--ui-kit-color-grey-16)}.kit-timeline-card.grey-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-grey-10)}.kit-timeline-card.grey-theme .text-badge{color:var(--ui-kit-color-grey-10);background:var(--ui-kit-color-grey-16)}.kit-timeline-card.grey-theme .count-badge{background:var(--ui-kit-color-grey-10)}.kit-timeline-card.grey-theme .card-route.departure .card-route-original,.kit-timeline-card.grey-theme .card-route.arrival .card-route-destination,.kit-timeline-card.grey-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-grey-10);border-color:var(--ui-kit-color-grey-10);background:var(--ui-kit-color-grey-16)}.kit-timeline-card.teal-theme .card-icon.fill{fill:var(--ui-kit-color-teal);stroke:none}.kit-timeline-card.teal-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-teal)}.kit-timeline-card.teal-theme .card-icon-wrapper{background:var(--ui-kit-color-teal-1)}.kit-timeline-card.teal-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-teal)}.kit-timeline-card.teal-theme .text-badge{color:var(--ui-kit-color-teal);background:var(--ui-kit-color-teal-1)}.kit-timeline-card.teal-theme .count-badge{background:var(--ui-kit-color-teal)}.kit-timeline-card.teal-theme .card-route.departure .card-route-original,.kit-timeline-card.teal-theme .card-route.arrival .card-route-destination,.kit-timeline-card.teal-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-teal);border-color:var(--ui-kit-color-teal);background:var(--ui-kit-color-teal-1)}.kit-timeline-card.pink-theme .card-icon.fill{fill:var(--ui-kit-color-pink);stroke:none}.kit-timeline-card.pink-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-pink)}.kit-timeline-card.pink-theme .card-icon-wrapper{background:var(--ui-kit-color-pink-1)}.kit-timeline-card.pink-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-pink)}.kit-timeline-card.pink-theme .text-badge{color:var(--ui-kit-color-pink);background:var(--ui-kit-color-pink-1)}.kit-timeline-card.pink-theme .count-badge{background:var(--ui-kit-color-pink)}.kit-timeline-card.pink-theme .card-route.departure .card-route-original,.kit-timeline-card.pink-theme .card-route.arrival .card-route-destination,.kit-timeline-card.pink-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-pink);border-color:var(--ui-kit-color-pink);background:var(--ui-kit-color-pink-1)}.kit-timeline-card.success-theme .card-icon.fill{fill:var(--ui-kit-color-green-1);stroke:none}.kit-timeline-card.success-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-green-1)}.kit-timeline-card.success-theme .card-icon-wrapper{background:var(--ui-kit-color-green-5)}.kit-timeline-card.success-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-green-1)}.kit-timeline-card.success-theme .text-badge{color:var(--ui-kit-color-green-1);background:var(--ui-kit-color-green-5)}.kit-timeline-card.success-theme .count-badge{background:var(--ui-kit-color-green-1)}.kit-timeline-card.success-theme .card-route.departure .card-route-original,.kit-timeline-card.success-theme .card-route.arrival .card-route-destination,.kit-timeline-card.success-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-green-1);border-color:var(--ui-kit-color-green-1);background:var(--ui-kit-color-green-5)}.kit-timeline-card.warning-theme .card-icon.fill{fill:var(--ui-kit-color-orange);stroke:none}.kit-timeline-card.warning-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-orange)}.kit-timeline-card.warning-theme .card-icon-wrapper{background:var(--ui-kit-color-orange-4)}.kit-timeline-card.warning-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-orange)}.kit-timeline-card.warning-theme .text-badge{color:var(--ui-kit-color-orange);background:var(--ui-kit-color-orange-4)}.kit-timeline-card.warning-theme .count-badge{background:var(--ui-kit-color-orange)}.kit-timeline-card.warning-theme .card-route.departure .card-route-original,.kit-timeline-card.warning-theme .card-route.arrival .card-route-destination,.kit-timeline-card.warning-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-orange);border-color:var(--ui-kit-color-orange);background:var(--ui-kit-color-orange-4)}.kit-timeline-card.danger-theme .card-icon.fill{fill:var(--ui-kit-color-red-1);stroke:none}.kit-timeline-card.danger-theme .card-icon.stroke{fill:none;stroke:var(--ui-kit-color-red-1)}.kit-timeline-card.danger-theme .card-icon-wrapper{background:var(--ui-kit-color-red-3)}.kit-timeline-card.danger-theme .card-date:nth-child(n+2):last-child .card-date-icon{fill:var(--ui-kit-color-red-1)}.kit-timeline-card.danger-theme .text-badge{color:var(--ui-kit-color-red-1);background:var(--ui-kit-color-red-3)}.kit-timeline-card.danger-theme .count-badge{background:var(--ui-kit-color-red-1)}.kit-timeline-card.danger-theme .card-route.departure .card-route-original,.kit-timeline-card.danger-theme .card-route.arrival .card-route-destination,.kit-timeline-card.danger-theme .card-route.confirmed .card-route-original{color:var(--ui-kit-color-red-1);border-color:var(--ui-kit-color-red-1);background:var(--ui-kit-color-red-3)}\n"] }]
         }], propDecorators: { item: [{
                 type: Input
@@ -6046,5 +6023,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, KitDialogActionsModule, KitDialogComponent, KitDialogModule, 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, KitPillType, KitPopupAlignHorizontal, KitPopupAlignVertical, KitPopupComponent, KitPopupPositionMode, KitProfileMenuComponent, KitQueryParamsName, KitQueryParamsService, KitRadioButtonComponent, KitRadioButtonModule, KitRadioButtonType, KitScrollNavigationComponent, KitScrollNavigationModule, KitScrollNavigationSectionComponent, KitSearchBarComponent, KitSearchBarModule, 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, KitTooltipModule, 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, KitDialogActionsModule, KitDialogComponent, KitDialogModule, 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, KitPillType, KitPopupAlignHorizontal, KitPopupAlignVertical, KitPopupComponent, KitPopupPositionMode, KitProfileMenuComponent, KitQueryParamsName, KitQueryParamsService, KitRadioButtonComponent, KitRadioButtonModule, KitRadioButtonType, KitScrollNavigationComponent, KitScrollNavigationModule, KitScrollNavigationSectionComponent, KitSearchBarComponent, KitSearchBarModule, 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 };
 //# sourceMappingURL=indigina-ui-kit.mjs.map