@indigina/ui-kit 1.1.123 → 1.1.125

package/fesm2022/indigina-ui-kit.mjs

@@ -4748,7 +4748,7 @@ class KitTabComponent {
         /**
          * Defines the tab title
          */
-        this.title = '';
+        this.title = input('');
         /**
          * Defines the icon type
          */
@@ -4760,7 +4760,7 @@ class KitTabComponent {
         /**
          * Defines which tab will be disabled
          */
-        this.disabled = false;
+        this.disabled = input(false);
         /**
          * Defines a reference to the tab title
          */
@@ -4771,21 +4771,17 @@ class KitTabComponent {
         this.kitTabContent = null;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.4", type: KitTabComponent, isStandalone: false, selector: "kit-tab", inputs: { title: "title", icon: "icon", iconType: "iconType", selected: "selected", disabled: "disabled" }, queries: [{ propertyName: "kitTitleTemplate", first: true, predicate: KitTitleTemplateDirective, descendants: true, read: TemplateRef }, { propertyName: "kitTabContent", first: true, predicate: KitTabContentDirective, descendants: true, read: TemplateRef }], ngImport: i0, template: '', isInline: true, styles: ["::ng-deep .kit-tabs .k-tabstrip .k-item{display:flex;align-items:center;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;border:none;background:none;cursor:pointer}::ng-deep .kit-tabs .k-tabstrip .k-item.k-disabled{opacity:1;color:var(--ui-kit-color-grey-12)}::ng-deep .kit-tabs .k-tabstrip .k-item:focus{box-shadow:none}::ng-deep .kit-tabs .k-tabstrip .k-item:active{margin:0}::ng-deep .kit-tabs .k-tabstrip .k-link{padding:0}::ng-deep .kit-tabs .k-tabstrip.text .k-tabstrip-items{gap:32px}::ng-deep .kit-tabs .k-tabstrip.text .k-item{height:46px;border-bottom:2px solid transparent}::ng-deep .kit-tabs .k-tabstrip.text .k-item:hover{color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.text .k-item:hover .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .k-tabstrip.text .k-item:hover .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.text .k-item.k-active{margin:0;color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main)!important}::ng-deep .kit-tabs .k-tabstrip.text .k-item.k-active .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .k-tabstrip.text .k-item.k-active .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-item{padding:0 16px;height:32px;border:1px solid var(--ui-kit-color-grey-11);border-radius:0}::ng-deep .kit-tabs .button .k-item:not(:last-child){border-right:none}::ng-deep .kit-tabs .button .k-item:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}::ng-deep .kit-tabs .button .k-item:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}::ng-deep .kit-tabs .button .k-item:hover{color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-item:hover .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .button .k-item:hover .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-item.k-active{margin:0;color:var(--ui-kit-color-white);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-item.k-active .tab-title-icon.fill{fill:var(--ui-kit-color-white);stroke:none}::ng-deep .kit-tabs .button .k-item.k-active .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-white)}::ng-deep .kit-tabs .k-tabstrip-content{padding:0;border:none;background:none}::ng-deep .kit-tabs .k-tabstrip-content:focus{outline:none}::ng-deep .kit-tabs .k-tabstrip-items-wrapper{border:none}::ng-deep .kit-tabs .k-tabstrip-items{display:flex;align-items:center}::ng-deep .kit-tabs .tab-title{display:flex;align-items:center;gap:6px}::ng-deep .kit-tabs .tab-title-icon{display:block;width:16px;height:16px}::ng-deep .kit-tabs .tab-title-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-tabs .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-10)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.4", type: KitTabComponent, isStandalone: false, selector: "kit-tab", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: false, isRequired: false, transformFunction: null }, iconType: { classPropertyName: "iconType", publicName: "iconType", isSignal: false, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "kitTitleTemplate", first: true, predicate: KitTitleTemplateDirective, descendants: true, read: TemplateRef }, { propertyName: "kitTabContent", first: true, predicate: KitTabContentDirective, descendants: true, read: TemplateRef }], ngImport: i0, template: '', isInline: true, styles: ["::ng-deep .kit-tabs .k-tabstrip .k-item{display:flex;align-items:center;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;border:none;background:none;cursor:pointer}::ng-deep .kit-tabs .k-tabstrip .k-item.k-disabled{opacity:1;color:var(--ui-kit-color-grey-12)}::ng-deep .kit-tabs .k-tabstrip .k-item:focus{box-shadow:none}::ng-deep .kit-tabs .k-tabstrip .k-item:active{margin:0}::ng-deep .kit-tabs .k-tabstrip .k-link{padding:0}::ng-deep .kit-tabs .k-tabstrip.text .k-tabstrip-items{gap:32px}::ng-deep .kit-tabs .k-tabstrip.text .k-item{height:46px;border-bottom:2px solid transparent}::ng-deep .kit-tabs .k-tabstrip.text .k-item:hover{color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.text .k-item:hover .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .k-tabstrip.text .k-item:hover .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.text .k-item.k-active{margin:0;color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main)!important}::ng-deep .kit-tabs .k-tabstrip.text .k-item.k-active .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .k-tabstrip.text .k-item.k-active .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.segmented .k-tabstrip-items{justify-content:space-between}::ng-deep .kit-tabs .k-tabstrip.segmented .k-item{color:var(--ui-kit-color-grey-14)}::ng-deep .kit-tabs .k-tabstrip.segmented .k-item.k-disabled{color:var(--ui-kit-color-grey-12)}::ng-deep .kit-tabs .k-tabstrip.segmented .k-item.k-active{text-decoration:underline}::ng-deep .kit-tabs .k-tabstrip.segmented .k-item.k-active,::ng-deep .kit-tabs .k-tabstrip.segmented .k-item:hover{color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.segmented .k-item.k-active .tab-title-icon.fill,::ng-deep .kit-tabs .k-tabstrip.segmented .k-item:hover .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .k-tabstrip.segmented .k-item.k-active .tab-title-icon.stroke,::ng-deep .kit-tabs .k-tabstrip.segmented .k-item:hover .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.segmented.small .tab-title-icon{width:14px;height:14px}::ng-deep .kit-tabs .button .k-item{padding:0 16px;height:32px;border:1px solid var(--ui-kit-color-grey-11);border-radius:0}::ng-deep .kit-tabs .button .k-item:not(:last-child){border-right:none}::ng-deep .kit-tabs .button .k-item:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}::ng-deep .kit-tabs .button .k-item:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}::ng-deep .kit-tabs .button .k-item:hover{color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-item:hover .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .button .k-item:hover .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-item.k-active{margin:0;color:var(--ui-kit-color-white);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-item.k-active .tab-title-icon.fill{fill:var(--ui-kit-color-white);stroke:none}::ng-deep .kit-tabs .button .k-item.k-active .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-white)}::ng-deep .kit-tabs .k-tabstrip-content{padding:0;border:none;background:none}::ng-deep .kit-tabs .k-tabstrip-content:focus{outline:none}::ng-deep .kit-tabs .k-tabstrip-items-wrapper{border:none}::ng-deep .kit-tabs .k-tabstrip-items{display:flex;align-items:center}::ng-deep .kit-tabs .tab-title{display:flex;align-items:center;gap:6px}::ng-deep .kit-tabs .tab-title-icon{display:block;width:16px;height:16px}::ng-deep .kit-tabs .tab-title-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-tabs .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-10)}::ng-deep .kit-tabs .k-tabstrip.large .k-item span{font-size:18px;line-height:24px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitTabComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kit-tab', template: '', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, styles: ["::ng-deep .kit-tabs .k-tabstrip .k-item{display:flex;align-items:center;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;border:none;background:none;cursor:pointer}::ng-deep .kit-tabs .k-tabstrip .k-item.k-disabled{opacity:1;color:var(--ui-kit-color-grey-12)}::ng-deep .kit-tabs .k-tabstrip .k-item:focus{box-shadow:none}::ng-deep .kit-tabs .k-tabstrip .k-item:active{margin:0}::ng-deep .kit-tabs .k-tabstrip .k-link{padding:0}::ng-deep .kit-tabs .k-tabstrip.text .k-tabstrip-items{gap:32px}::ng-deep .kit-tabs .k-tabstrip.text .k-item{height:46px;border-bottom:2px solid transparent}::ng-deep .kit-tabs .k-tabstrip.text .k-item:hover{color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.text .k-item:hover .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .k-tabstrip.text .k-item:hover .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.text .k-item.k-active{margin:0;color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main)!important}::ng-deep .kit-tabs .k-tabstrip.text .k-item.k-active .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .k-tabstrip.text .k-item.k-active .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-item{padding:0 16px;height:32px;border:1px solid var(--ui-kit-color-grey-11);border-radius:0}::ng-deep .kit-tabs .button .k-item:not(:last-child){border-right:none}::ng-deep .kit-tabs .button .k-item:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}::ng-deep .kit-tabs .button .k-item:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}::ng-deep .kit-tabs .button .k-item:hover{color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-item:hover .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .button .k-item:hover .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-item.k-active{margin:0;color:var(--ui-kit-color-white);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-item.k-active .tab-title-icon.fill{fill:var(--ui-kit-color-white);stroke:none}::ng-deep .kit-tabs .button .k-item.k-active .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-white)}::ng-deep .kit-tabs .k-tabstrip-content{padding:0;border:none;background:none}::ng-deep .kit-tabs .k-tabstrip-content:focus{outline:none}::ng-deep .kit-tabs .k-tabstrip-items-wrapper{border:none}::ng-deep .kit-tabs .k-tabstrip-items{display:flex;align-items:center}::ng-deep .kit-tabs .tab-title{display:flex;align-items:center;gap:6px}::ng-deep .kit-tabs .tab-title-icon{display:block;width:16px;height:16px}::ng-deep .kit-tabs .tab-title-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-tabs .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-10)}\n"] }]
-        }], propDecorators: { title: [{
-                type: Input
-            }], icon: [{
+            args: [{ selector: 'kit-tab', template: '', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, styles: ["::ng-deep .kit-tabs .k-tabstrip .k-item{display:flex;align-items:center;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;border:none;background:none;cursor:pointer}::ng-deep .kit-tabs .k-tabstrip .k-item.k-disabled{opacity:1;color:var(--ui-kit-color-grey-12)}::ng-deep .kit-tabs .k-tabstrip .k-item:focus{box-shadow:none}::ng-deep .kit-tabs .k-tabstrip .k-item:active{margin:0}::ng-deep .kit-tabs .k-tabstrip .k-link{padding:0}::ng-deep .kit-tabs .k-tabstrip.text .k-tabstrip-items{gap:32px}::ng-deep .kit-tabs .k-tabstrip.text .k-item{height:46px;border-bottom:2px solid transparent}::ng-deep .kit-tabs .k-tabstrip.text .k-item:hover{color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.text .k-item:hover .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .k-tabstrip.text .k-item:hover .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.text .k-item.k-active{margin:0;color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main)!important}::ng-deep .kit-tabs .k-tabstrip.text .k-item.k-active .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .k-tabstrip.text .k-item.k-active .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.segmented .k-tabstrip-items{justify-content:space-between}::ng-deep .kit-tabs .k-tabstrip.segmented .k-item{color:var(--ui-kit-color-grey-14)}::ng-deep .kit-tabs .k-tabstrip.segmented .k-item.k-disabled{color:var(--ui-kit-color-grey-12)}::ng-deep .kit-tabs .k-tabstrip.segmented .k-item.k-active{text-decoration:underline}::ng-deep .kit-tabs .k-tabstrip.segmented .k-item.k-active,::ng-deep .kit-tabs .k-tabstrip.segmented .k-item:hover{color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.segmented .k-item.k-active .tab-title-icon.fill,::ng-deep .kit-tabs .k-tabstrip.segmented .k-item:hover .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .k-tabstrip.segmented .k-item.k-active .tab-title-icon.stroke,::ng-deep .kit-tabs .k-tabstrip.segmented .k-item:hover .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .k-tabstrip.segmented.small .tab-title-icon{width:14px;height:14px}::ng-deep .kit-tabs .button .k-item{padding:0 16px;height:32px;border:1px solid var(--ui-kit-color-grey-11);border-radius:0}::ng-deep .kit-tabs .button .k-item:not(:last-child){border-right:none}::ng-deep .kit-tabs .button .k-item:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}::ng-deep .kit-tabs .button .k-item:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}::ng-deep .kit-tabs .button .k-item:hover{color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-item:hover .tab-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}::ng-deep .kit-tabs .button .k-item:hover .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-item.k-active{margin:0;color:var(--ui-kit-color-white);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-main)}::ng-deep .kit-tabs .button .k-item.k-active .tab-title-icon.fill{fill:var(--ui-kit-color-white);stroke:none}::ng-deep .kit-tabs .button .k-item.k-active .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-white)}::ng-deep .kit-tabs .k-tabstrip-content{padding:0;border:none;background:none}::ng-deep .kit-tabs .k-tabstrip-content:focus{outline:none}::ng-deep .kit-tabs .k-tabstrip-items-wrapper{border:none}::ng-deep .kit-tabs .k-tabstrip-items{display:flex;align-items:center}::ng-deep .kit-tabs .tab-title{display:flex;align-items:center;gap:6px}::ng-deep .kit-tabs .tab-title-icon{display:block;width:16px;height:16px}::ng-deep .kit-tabs .tab-title-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}::ng-deep .kit-tabs .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-10)}::ng-deep .kit-tabs .k-tabstrip.large .k-item span{font-size:18px;line-height:24px}\n"] }]
+        }], propDecorators: { icon: [{
                 type: Input
             }], iconType: [{
                 type: Input
             }], selected: [{
                 type: Input
-            }], disabled: [{
-                type: Input
             }], kitTitleTemplate: [{
                 type: ContentChild,
                 args: [KitTitleTemplateDirective, { read: TemplateRef }]
@@ -4798,7 +4794,13 @@ var KitTabsType;
 (function (KitTabsType) {
     KitTabsType["TEXT"] = "text";
     KitTabsType["BUTTON"] = "button";
+    KitTabsType["SEGMENTED"] = "segmented";
 })(KitTabsType || (KitTabsType = {}));
+var KitTabsSize;
+(function (KitTabsSize) {
+    KitTabsSize["LARGE"] = "large";
+    KitTabsSize["SMALL"] = "small";
+})(KitTabsSize || (KitTabsSize = {}));
 
 class KitTabsComponent {
     constructor() {
@@ -4806,6 +4808,7 @@ class KitTabsComponent {
          * Defines the type of tabs
          */
         this.type = KitTabsType.TEXT;
+        this.size = KitTabsSize.SMALL;
         /**
          * Enables the tab animation
          */
@@ -4823,16 +4826,19 @@ class KitTabsComponent {
         this.tabSelected.emit({
             index: event.index,
             title: event.title,
+            preventDefault: () => event.preventDefault(),
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: KitTabsComponent, isStandalone: false, selector: "kit-tabs", inputs: { type: "type", animate: "animate" }, outputs: { tabSelected: "tabSelected" }, queries: [{ propertyName: "tabs", predicate: KitTabComponent }], ngImport: i0, template: "<div class=\"kit-tabs\">\n  <kendo-tabstrip [ngClass]=\"type\"\n                  [animate]=\"animate\"\n                  (tabSelect)=\"onTabSelect($event)\">\n    @for (tab of tabs; track tab) {\n      <kendo-tabstrip-tab [title]=\"tab.title\"\n                          [selected]=\"tab.selected\"\n                          [disabled]=\"tab.disabled\">\n        @if (tab.kitTitleTemplate) {\n          <ng-template kendoTabTitle>\n            <ng-container *ngTemplateOutlet=\"tab.kitTitleTemplate\"\n            ></ng-container>\n          </ng-template>\n        } @else if (tab.icon) {\n          <ng-template kendoTabTitle>\n            <div class=\"tab-title\">\n              <kit-svg-icon class=\"tab-title-icon\"\n                            [icon]=\"tab.icon\"\n                            [ngClass]=\"tab.iconType\"\n              ></kit-svg-icon>\n              <div class=\"tab title-text\">\n                {{ tab.title }}\n              </div>\n            </div>\n          </ng-template>\n        }\n        <ng-template kendoTabContent>\n          <ng-container *ngTemplateOutlet=\"tab.kitTabContent\"\n          ></ng-container>\n        </ng-template>\n      </kendo-tabstrip-tab>\n    }\n  </kendo-tabstrip>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$2.TabStripComponent, selector: "kendo-tabstrip", inputs: ["height", "animate", "tabAlignment", "tabPosition", "keepTabContent", "closable", "scrollable", "size", "closeIcon", "closeIconClass", "closeSVGIcon", "showContentArea"], outputs: ["tabSelect", "tabClose", "tabScroll"], exportAs: ["kendoTabStrip"] }, { kind: "component", type: i2$2.TabStripTabComponent, selector: "kendo-tabstrip-tab", inputs: ["title", "disabled", "cssClass", "cssStyle", "selected", "closable", "closeIcon", "closeIconClass", "closeSVGIcon"], exportAs: ["kendoTabStripTab"] }, { kind: "directive", type: i2$2.TabContentDirective, selector: "[kendoTabContent]" }, { kind: "directive", type: i2$2.TabTitleDirective, selector: "[kendoTabTitle]" }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: KitTabsComponent, isStandalone: false, selector: "kit-tabs", inputs: { type: "type", size: "size", animate: "animate" }, outputs: { tabSelected: "tabSelected" }, queries: [{ propertyName: "tabs", predicate: KitTabComponent }], ngImport: i0, template: "<div class=\"kit-tabs\">\n  <kendo-tabstrip [ngClass]=\"[type, size]\"\n                  [animate]=\"animate\"\n                  (tabSelect)=\"onTabSelect($event)\">\n    @for (tab of tabs; track tab) {\n      <kendo-tabstrip-tab [title]=\"tab.title()\"\n                          [selected]=\"tab.selected\"\n                          [disabled]=\"tab.disabled()\">\n        @if (tab.kitTitleTemplate) {\n          <ng-template kendoTabTitle>\n            <ng-container *ngTemplateOutlet=\"tab.kitTitleTemplate\"\n            ></ng-container>\n          </ng-template>\n        } @else if (tab.icon) {\n          <ng-template kendoTabTitle>\n            <div class=\"tab-title\">\n              <kit-svg-icon class=\"tab-title-icon\"\n                            [icon]=\"tab.icon\"\n                            [ngClass]=\"tab.iconType\"\n              ></kit-svg-icon>\n              <div class=\"tab title-text\">\n                {{ tab.title() }}\n              </div>\n            </div>\n          </ng-template>\n        }\n        <ng-template kendoTabContent>\n          <ng-container *ngTemplateOutlet=\"tab.kitTabContent\"\n          ></ng-container>\n        </ng-template>\n      </kendo-tabstrip-tab>\n    }\n  </kendo-tabstrip>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$2.TabStripComponent, selector: "kendo-tabstrip", inputs: ["height", "animate", "tabAlignment", "tabPosition", "keepTabContent", "closable", "scrollable", "size", "closeIcon", "closeIconClass", "closeSVGIcon", "showContentArea"], outputs: ["tabSelect", "tabClose", "tabScroll"], exportAs: ["kendoTabStrip"] }, { kind: "component", type: i2$2.TabStripTabComponent, selector: "kendo-tabstrip-tab", inputs: ["title", "disabled", "cssClass", "cssStyle", "selected", "closable", "closeIcon", "closeIconClass", "closeSVGIcon"], exportAs: ["kendoTabStripTab"] }, { kind: "directive", type: i2$2.TabContentDirective, selector: "[kendoTabContent]" }, { kind: "directive", type: i2$2.TabTitleDirective, selector: "[kendoTabTitle]" }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitTabsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kit-tabs', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"kit-tabs\">\n  <kendo-tabstrip [ngClass]=\"type\"\n                  [animate]=\"animate\"\n                  (tabSelect)=\"onTabSelect($event)\">\n    @for (tab of tabs; track tab) {\n      <kendo-tabstrip-tab [title]=\"tab.title\"\n                          [selected]=\"tab.selected\"\n                          [disabled]=\"tab.disabled\">\n        @if (tab.kitTitleTemplate) {\n          <ng-template kendoTabTitle>\n            <ng-container *ngTemplateOutlet=\"tab.kitTitleTemplate\"\n            ></ng-container>\n          </ng-template>\n        } @else if (tab.icon) {\n          <ng-template kendoTabTitle>\n            <div class=\"tab-title\">\n              <kit-svg-icon class=\"tab-title-icon\"\n                            [icon]=\"tab.icon\"\n                            [ngClass]=\"tab.iconType\"\n              ></kit-svg-icon>\n              <div class=\"tab title-text\">\n                {{ tab.title }}\n              </div>\n            </div>\n          </ng-template>\n        }\n        <ng-template kendoTabContent>\n          <ng-container *ngTemplateOutlet=\"tab.kitTabContent\"\n          ></ng-container>\n        </ng-template>\n      </kendo-tabstrip-tab>\n    }\n  </kendo-tabstrip>\n</div>\n" }]
+            args: [{ selector: 'kit-tabs', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"kit-tabs\">\n  <kendo-tabstrip [ngClass]=\"[type, size]\"\n                  [animate]=\"animate\"\n                  (tabSelect)=\"onTabSelect($event)\">\n    @for (tab of tabs; track tab) {\n      <kendo-tabstrip-tab [title]=\"tab.title()\"\n                          [selected]=\"tab.selected\"\n                          [disabled]=\"tab.disabled()\">\n        @if (tab.kitTitleTemplate) {\n          <ng-template kendoTabTitle>\n            <ng-container *ngTemplateOutlet=\"tab.kitTitleTemplate\"\n            ></ng-container>\n          </ng-template>\n        } @else if (tab.icon) {\n          <ng-template kendoTabTitle>\n            <div class=\"tab-title\">\n              <kit-svg-icon class=\"tab-title-icon\"\n                            [icon]=\"tab.icon\"\n                            [ngClass]=\"tab.iconType\"\n              ></kit-svg-icon>\n              <div class=\"tab title-text\">\n                {{ tab.title() }}\n              </div>\n            </div>\n          </ng-template>\n        }\n        <ng-template kendoTabContent>\n          <ng-container *ngTemplateOutlet=\"tab.kitTabContent\"\n          ></ng-container>\n        </ng-template>\n      </kendo-tabstrip-tab>\n    }\n  </kendo-tabstrip>\n</div>\n" }]
         }], propDecorators: { type: [{
                 type: Input
+            }], size: [{
+                type: Input
             }], animate: [{
                 type: Input
             }], tabSelected: [{
@@ -6296,13 +6302,13 @@ class KitEmptySectionComponent {
         this.KitSvgIcon = KitSvgIcon;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitEmptySectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.4", type: KitEmptySectionComponent, isStandalone: true, selector: "kit-empty-section", inputs: { text: "text" }, ngImport: i0, template: "<div class=\"kit-empty-section\">\n  <div class=\"empty-icon-wrapper\">\n    <kit-svg-icon class=\"empty-icon\"\n                  [icon]=\"KitSvgIcon.EMPTY\"\n    ></kit-svg-icon>\n  </div>\n  <span class=\"empty-text\">{{ text }}</span>\n</div>\n", styles: [".kit-empty-section{display:flex;box-sizing:border-box;min-height:250px;align-items:center;padding:50px;border-radius:10px;background-color:var(--ui-kit-color-white);gap:30px}.kit-empty-section .empty-icon-wrapper{display:flex;align-items:center;justify-content:center;width:150px;height:150px;border-radius:50%;background-color:var(--ui-kit-color-grey-13);flex-shrink:0}.kit-empty-section .empty-icon{width:80px;height:80px;fill:none}.kit-empty-section .empty-text{font-size:24px;line-height:30px;font-weight:300}\n"], dependencies: [{ kind: "ngmodule", type: KitSvgIconModule }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.4", type: KitEmptySectionComponent, isStandalone: true, selector: "kit-empty-section", inputs: { text: "text" }, ngImport: i0, template: "<div class=\"kit-empty-section\">\n  <div class=\"empty-icon-wrapper\">\n    <kit-svg-icon class=\"empty-icon\"\n                  [icon]=\"KitSvgIcon.EMPTY\"\n    ></kit-svg-icon>\n  </div>\n  <span class=\"empty-text\">{{ text }}</span>\n</div>\n", styles: [":host{container:empty-section/inline-size;display:block;width:auto}.kit-empty-section{display:flex;box-sizing:border-box;min-height:250px;align-items:center;padding:50px;border-radius:10px;background-color:var(--ui-kit-color-white);gap:30px}.kit-empty-section .empty-icon-wrapper{display:flex;align-items:center;justify-content:center;width:150px;height:150px;border-radius:50%;background-color:var(--ui-kit-color-grey-13);flex-shrink:0}.kit-empty-section .empty-icon{width:80px;height:80px;fill:none}.kit-empty-section .empty-text{font-size:24px;line-height:30px;font-weight:300}@container empty-section (max-width: 360px){.kit-empty-section{min-height:180px;padding:30px;gap:20px}.kit-empty-section .empty-icon-wrapper{width:60px;height:60px}.kit-empty-section .empty-icon{width:40px;height:40px}.kit-empty-section .empty-text{font-size:14px;line-height:18px}}\n"], dependencies: [{ kind: "ngmodule", type: KitSvgIconModule }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: KitEmptySectionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kit-empty-section', imports: [
                         KitSvgIconModule,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-empty-section\">\n  <div class=\"empty-icon-wrapper\">\n    <kit-svg-icon class=\"empty-icon\"\n                  [icon]=\"KitSvgIcon.EMPTY\"\n    ></kit-svg-icon>\n  </div>\n  <span class=\"empty-text\">{{ text }}</span>\n</div>\n", styles: [".kit-empty-section{display:flex;box-sizing:border-box;min-height:250px;align-items:center;padding:50px;border-radius:10px;background-color:var(--ui-kit-color-white);gap:30px}.kit-empty-section .empty-icon-wrapper{display:flex;align-items:center;justify-content:center;width:150px;height:150px;border-radius:50%;background-color:var(--ui-kit-color-grey-13);flex-shrink:0}.kit-empty-section .empty-icon{width:80px;height:80px;fill:none}.kit-empty-section .empty-text{font-size:24px;line-height:30px;font-weight:300}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-empty-section\">\n  <div class=\"empty-icon-wrapper\">\n    <kit-svg-icon class=\"empty-icon\"\n                  [icon]=\"KitSvgIcon.EMPTY\"\n    ></kit-svg-icon>\n  </div>\n  <span class=\"empty-text\">{{ text }}</span>\n</div>\n", styles: [":host{container:empty-section/inline-size;display:block;width:auto}.kit-empty-section{display:flex;box-sizing:border-box;min-height:250px;align-items:center;padding:50px;border-radius:10px;background-color:var(--ui-kit-color-white);gap:30px}.kit-empty-section .empty-icon-wrapper{display:flex;align-items:center;justify-content:center;width:150px;height:150px;border-radius:50%;background-color:var(--ui-kit-color-grey-13);flex-shrink:0}.kit-empty-section .empty-icon{width:80px;height:80px;fill:none}.kit-empty-section .empty-text{font-size:24px;line-height:30px;font-weight:300}@container empty-section (max-width: 360px){.kit-empty-section{min-height:180px;padding:30px;gap:20px}.kit-empty-section .empty-icon-wrapper{width:60px;height:60px}.kit-empty-section .empty-icon{width:40px;height:40px}.kit-empty-section .empty-text{font-size:14px;line-height:18px}}\n"] }]
         }], propDecorators: { text: [{
                 type: Input
             }] } });
@@ -6345,5 +6351,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, KitCollapsedListComponent, 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, KitTabContentDirective, KitTabsComponent, KitTabsModule, KitTabsType, KitTextLabelComponent, KitTextLabelModule, KitTextLabelState, KitTextareaAutoresizeDirective, KitTextareaComponent, KitTextareaModule, KitTextareaState, KitTextboxComponent, KitTextboxModule, KitTextboxSize, KitTextboxState, KitTileLayoutComponent, KitTileLayoutItemComponent, KitTileLayoutModule, KitTimelineCardComponent, KitTimelineComponent, KitTimelineTheme, KitTimelineType, KitTimepickerComponent, KitTimepickerModule, KitTitleTemplateDirective, KitToastrModule, KitToastrPosition, KitToastrService, KitToastrType, KitToggleComponent, KitToggleModule, KitTooltipDirective, KitTooltipPosition, KitTruncateTextComponent, 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, KitCollapsedListComponent, 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, KitTabContentDirective, KitTabsComponent, KitTabsModule, KitTabsSize, KitTabsType, KitTextLabelComponent, KitTextLabelModule, KitTextLabelState, KitTextareaAutoresizeDirective, KitTextareaComponent, KitTextareaModule, KitTextareaState, KitTextboxComponent, KitTextboxModule, KitTextboxSize, KitTextboxState, KitTileLayoutComponent, KitTileLayoutItemComponent, KitTileLayoutModule, KitTimelineCardComponent, KitTimelineComponent, KitTimelineTheme, KitTimelineType, KitTimepickerComponent, KitTimepickerModule, KitTitleTemplateDirective, KitToastrModule, KitToastrPosition, KitToastrService, KitToastrType, KitToggleComponent, KitToggleModule, KitTooltipDirective, KitTooltipPosition, KitTruncateTextComponent, KitUnitsTextboxComponent, KitUnitsTextboxDropdownPosition, KitUnitsTextboxModule, KitUnitsTextboxType, buildRandomUUID, kitDataStateToODataString };
 //# sourceMappingURL=indigina-ui-kit.mjs.map