@indigina/ui-kit 1.1.33 → 1.1.35

package/esm2022/lib/components/kit-navigation-menu/kit-navigation-menu.component.mjs

@@ -20,6 +20,10 @@ export class KitNavigationMenuComponent {
          * Defines whether the component will have an animation when collapsing/expanding the menu
          */
         this.animate = true;
+        /**
+         * Defines whether menu will be collapsed
+         */
+        this.collapsed = false;
         this.KitSvgIcon = KitSvgIcon;
         this.PanelBarExpandMode = PanelBarExpandMode;
         this.setExpandedStateOnRouterChange();
@@ -40,14 +44,16 @@ export class KitNavigationMenuComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitNavigationMenuComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.7", type: KitNavigationMenuComponent, selector: "kit-navigation-menu", inputs: { items: "items", animate: "animate" }, ngImport: i0, template: "<div class=\"kit-navigation-menu\">\n  <kendo-panelbar [expandMode]=\"PanelBarExpandMode.Single\"\n                  [animate]=\"animate\">\n    @for (item of items; track item) {\n      <kendo-panelbar-item class=\"menu-item\"\n                           routerLinkActive=\"active\"\n                           [ngClass]=\"item.cssClass\"\n                           [class.has-children]=\"item.items?.length\"\n                           [expanded]=\"item.expanded\"\n                           [routerLink]=\"item.link\">\n        <ng-template kendoPanelBarItemTitle>\n          <kit-svg-icon class=\"item-icon\"\n                        [icon]=\"item.icon\"\n          ></kit-svg-icon>\n          <span class=\"item-text\">{{ item.title }}</span>\n        </ng-template>\n\n        @for (child of item.items; track child) {\n          <kendo-panelbar-item class=\"menu-child-item\"\n                               routerLinkActive=\"active\"\n                               [title]=\"child.title\"\n                               [ngClass]=\"child.cssClass\"\n                               [class.has-children]=\"child.items?.length\"\n                               [expanded]=\"child.expanded\"\n                               [routerLink]=\"child.link\">\n            @for (subChild of child.items; track subChild) {\n              <kendo-panelbar-item class=\"menu-link\"\n                                   routerLinkActive=\"active\"\n                                   [ngClass]=\"subChild.cssClass\"\n                                   [routerLink]=\"subChild.link\">\n                <ng-template kendoPanelBarItemTitle>\n                  <span class=\"item-text\">{{ subChild.title }}</span>\n                  <kit-svg-icon class=\"item-icon\"\n                                [icon]=\"KitSvgIcon.CHEVRON_RIGHT\"\n                  ></kit-svg-icon>\n                </ng-template>\n              </kendo-panelbar-item>\n            }\n          </kendo-panelbar-item>\n        }\n      </kendo-panelbar-item>\n    }\n  </kendo-panelbar>\n</div>\n\n", styles: [".kit-navigation-menu .k-panelbar{display:flex;flex-direction:column;gap:20px;border:none;background:none}.kit-navigation-menu ::ng-deep .k-panelbar-group{display:flex;flex-direction:column;gap:20px;margin-top:20px}.kit-navigation-menu .menu-item{border:none}.kit-navigation-menu .menu-item .item-icon{width:16px;height:16px;fill:var(--ui-kit-color-main)}.kit-navigation-menu .menu-item .item-text{color:var(--ui-kit-color-white);font-size:14px;font-weight:400}.kit-navigation-menu .menu-item.k-expanded ::ng-deep>.k-link{background:var(--ui-kit-color-selected)}.kit-navigation-menu .menu-item.k-expanded ::ng-deep>.k-link .k-panelbar-toggle{color:var(--ui-kit-color-main)}.kit-navigation-menu .menu-item.k-expanded ::ng-deep>.k-link .item-icon{fill:var(--ui-kit-color-main)}.kit-navigation-menu .menu-item.active:not(.has-children) ::ng-deep>.k-link{background:var(--ui-kit-color-main)}.kit-navigation-menu .menu-item.active:not(.has-children) ::ng-deep>.k-link .item-text{color:var(--ui-kit-color-white)}.kit-navigation-menu .menu-item.active:not(.has-children) ::ng-deep>.k-link .item-icon{fill:var(--ui-kit-color-white)}.kit-navigation-menu .menu-item ::ng-deep .k-link{padding:9px 24px;gap:8px;color:var(--ui-kit-color-white);border-radius:8px;background:none;cursor:pointer;transition:none}.kit-navigation-menu .menu-item ::ng-deep .k-link.k-focus{box-shadow:none}.kit-navigation-menu .menu-item ::ng-deep .k-link .k-panelbar-toggle{color:var(--ui-kit-color-main)}.kit-navigation-menu .menu-item ::ng-deep .k-link:hover .item-icon{fill:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-item ::ng-deep .k-link:hover .item-text{color:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-item ::ng-deep .k-link:hover .k-panelbar-toggle{color:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-child-item.k-expanded ::ng-deep>.k-link{color:var(--ui-kit-color-main)}.kit-navigation-menu .menu-child-item.active:not(.has-children) ::ng-deep>.k-link{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-navigation-menu .menu-child-item ::ng-deep .k-panelbar-toggle{display:none}.kit-navigation-menu .menu-child-item ::ng-deep .k-selected:hover{background:none}.kit-navigation-menu .menu-child-item ::ng-deep .k-link:hover{color:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-link .item-icon{stroke:var(--ui-kit-color-grey-9);fill:none}.kit-navigation-menu .menu-link .item-text{color:var(--ui-kit-color-grey-9)}.kit-navigation-menu .menu-link ::ng-deep .k-link{padding:9px 6px 9px 36px}.kit-navigation-menu .menu-link ::ng-deep .k-link:hover .item-icon{fill:none;stroke:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-link.active ::ng-deep .k-link{background:var(--ui-kit-color-main)}.kit-navigation-menu .menu-link.active ::ng-deep .k-link .item-text{color:var(--ui-kit-color-white)}.kit-navigation-menu .menu-link.active ::ng-deep .k-link .item-icon{stroke:var(--ui-kit-color-white)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i3.PanelBarComponent, selector: "kendo-panelbar", inputs: ["expandMode", "selectable", "animate", "height", "keepItemContent", "items"], outputs: ["stateChange", "select", "expand", "collapse", "itemClick"], exportAs: ["kendoPanelbar"] }, { kind: "component", type: i3.PanelBarItemComponent, selector: "kendo-panelbar-item", inputs: ["title", "id", "icon", "iconClass", "svgIcon", "imageUrl", "disabled", "expanded", "selected", "content", "items", "template"], exportAs: ["kendoPanelbarItem"] }, { kind: "directive", type: i3.PanelBarItemTitleDirective, selector: "[kendoPanelBarItemTitle]" }, { kind: "component", type: i4.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.7", type: KitNavigationMenuComponent, selector: "kit-navigation-menu", inputs: { items: "items", animate: "animate", collapsed: "collapsed" }, ngImport: i0, template: "<div class=\"kit-navigation-menu\"\n     [class.collapsed]=\"collapsed\">\n  <kendo-panelbar [expandMode]=\"PanelBarExpandMode.Single\"\n                  [animate]=\"animate\">\n    @for (item of items; track item) {\n      <kendo-panelbar-item class=\"menu-item\"\n                           routerLinkActive=\"active\"\n                           [ngClass]=\"item.cssClass\"\n                           [class.has-children]=\"item.items?.length\"\n                           [expanded]=\"item.expanded\"\n                           [routerLink]=\"item.link\">\n        <ng-template kendoPanelBarItemTitle>\n          <kit-svg-icon class=\"item-icon\"\n                        [icon]=\"item.icon\"\n          ></kit-svg-icon>\n          <span class=\"item-text\">{{ item.title }}</span>\n          @if (item.items?.length) {\n            <kit-svg-icon class=\"toggle-icon\"\n                          [icon]=\"KitSvgIcon.CHEVRON_DOWN\"\n            ></kit-svg-icon>\n          }\n        </ng-template>\n\n        @for (child of item.items; track child) {\n          <kendo-panelbar-item class=\"menu-child-item\"\n                               routerLinkActive=\"active\"\n                               [ngClass]=\"child.cssClass\"\n                               [class.has-children]=\"child.items?.length\"\n                               [expanded]=\"child.expanded\"\n                               [routerLink]=\"child.link\">\n            <ng-template kendoPanelBarItemTitle>\n              <span class=\"item-text\">{{ child.title }}</span>\n              @if (child.items?.length) {\n                <kit-svg-icon class=\"toggle-icon\"\n                              [icon]=\"KitSvgIcon.CHEVRON_DOWN\"\n                ></kit-svg-icon>\n              }\n            </ng-template>\n\n            @for (subChild of child.items; track subChild) {\n              <kendo-panelbar-item class=\"menu-link\"\n                                   routerLinkActive=\"active\"\n                                   [ngClass]=\"subChild.cssClass\"\n                                   [routerLink]=\"subChild.link\">\n                <ng-template kendoPanelBarItemTitle>\n                  <span class=\"item-text\">{{ subChild.title }}</span>\n                  <kit-svg-icon class=\"item-icon\"\n                                [icon]=\"KitSvgIcon.CHEVRON_RIGHT\"\n                  ></kit-svg-icon>\n                </ng-template>\n              </kendo-panelbar-item>\n            }\n          </kendo-panelbar-item>\n        }\n      </kendo-panelbar-item>\n    }\n  </kendo-panelbar>\n</div>\n\n", styles: [".kit-navigation-menu{width:100%;overflow:hidden;transition:width .3s}.kit-navigation-menu .k-panelbar{display:flex;flex-direction:column;gap:20px;border:none;background:none}.kit-navigation-menu ::ng-deep .k-panelbar-group{display:flex;flex-direction:column;gap:20px;margin-top:20px}.kit-navigation-menu ::ng-deep .k-panelbar-toggle{display:none}.kit-navigation-menu .menu-item{border:none}.kit-navigation-menu .menu-item .item-icon{width:16px;height:16px;fill:var(--ui-kit-color-main);flex-shrink:0}.kit-navigation-menu .menu-item .item-text{color:var(--ui-kit-color-white);font-size:14px;font-weight:400;transition:opacity .3s ease}.kit-navigation-menu .menu-item .toggle-icon{width:16px;height:16px;stroke:var(--ui-kit-color-main);fill:none;flex-shrink:0;transition:rotate .3s ease}.kit-navigation-menu .menu-item.k-expanded ::ng-deep>.k-link{background:var(--ui-kit-color-selected)}.kit-navigation-menu .menu-item.k-expanded ::ng-deep>.k-link .item-icon{fill:var(--ui-kit-color-main)}.kit-navigation-menu .menu-item.k-expanded ::ng-deep>.k-link .toggle-icon{transform:rotate(180deg)}.kit-navigation-menu .menu-item.active:not(.has-children) ::ng-deep>.k-link{background:var(--ui-kit-color-main)}.kit-navigation-menu .menu-item.active:not(.has-children) ::ng-deep>.k-link .item-text{color:var(--ui-kit-color-white)}.kit-navigation-menu .menu-item.active:not(.has-children) ::ng-deep>.k-link .item-icon{fill:var(--ui-kit-color-white)}.kit-navigation-menu .menu-item ::ng-deep .k-link{padding:10px 24px;gap:8px;min-height:40px;color:var(--ui-kit-color-white);border-radius:8px;background:none;cursor:pointer;transition:none}.kit-navigation-menu .menu-item ::ng-deep .k-link.k-focus{box-shadow:none}.kit-navigation-menu .menu-item ::ng-deep .k-link:hover .item-icon{fill:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-item ::ng-deep .k-link:hover .item-text{color:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-item ::ng-deep .k-link:hover .toggle-icon{stroke:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-child-item.k-expanded ::ng-deep>.k-link{color:var(--ui-kit-color-main)}.kit-navigation-menu .menu-child-item.k-expanded ::ng-deep .toggle-icon{transform:rotate(180deg)}.kit-navigation-menu .menu-child-item.active:not(.has-children) ::ng-deep .k-link{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-navigation-menu .menu-child-item.active:not(.has-children) ::ng-deep .k-link:hover .item-text{color:var(--ui-kit-color-white)}.kit-navigation-menu .menu-child-item ::ng-deep .k-panelbar-toggle{display:none}.kit-navigation-menu .menu-child-item ::ng-deep .k-selected:hover{background:none}.kit-navigation-menu .menu-child-item ::ng-deep .k-link:hover{color:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-link .item-icon{stroke:var(--ui-kit-color-grey-9);fill:none}.kit-navigation-menu .menu-link .item-text{color:var(--ui-kit-color-grey-9)}.kit-navigation-menu .menu-link ::ng-deep .k-link{padding:10px 6px 10px 36px}.kit-navigation-menu .menu-link ::ng-deep .k-link:hover .item-icon{fill:none;stroke:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-link.active ::ng-deep .k-link{background:var(--ui-kit-color-main)}.kit-navigation-menu .menu-link.active ::ng-deep .k-link .item-text{color:var(--ui-kit-color-white)}.kit-navigation-menu .menu-link.active ::ng-deep .k-link .item-icon{stroke:var(--ui-kit-color-white)}.kit-navigation-menu.collapsed{width:88px}.kit-navigation-menu.collapsed .menu-item .item-text{width:0;opacity:0}.kit-navigation-menu.collapsed .menu-item .item-icon{fill:var(--ui-kit-color-white)}.kit-navigation-menu.collapsed .menu-item:hover .item-icon{fill:var(--ui-kit-color-hover)}.kit-navigation-menu.collapsed ::ng-deep .k-panelbar-group{display:none}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i3.PanelBarComponent, selector: "kendo-panelbar", inputs: ["expandMode", "selectable", "animate", "height", "keepItemContent", "items"], outputs: ["stateChange", "select", "expand", "collapse", "itemClick"], exportAs: ["kendoPanelbar"] }, { kind: "component", type: i3.PanelBarItemComponent, selector: "kendo-panelbar-item", inputs: ["title", "id", "icon", "iconClass", "svgIcon", "imageUrl", "disabled", "expanded", "selected", "content", "items", "template"], exportAs: ["kendoPanelbarItem"] }, { kind: "directive", type: i3.PanelBarItemTitleDirective, selector: "[kendoPanelBarItemTitle]" }, { kind: "component", type: i4.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitNavigationMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kit-navigation-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-navigation-menu\">\n  <kendo-panelbar [expandMode]=\"PanelBarExpandMode.Single\"\n                  [animate]=\"animate\">\n    @for (item of items; track item) {\n      <kendo-panelbar-item class=\"menu-item\"\n                           routerLinkActive=\"active\"\n                           [ngClass]=\"item.cssClass\"\n                           [class.has-children]=\"item.items?.length\"\n                           [expanded]=\"item.expanded\"\n                           [routerLink]=\"item.link\">\n        <ng-template kendoPanelBarItemTitle>\n          <kit-svg-icon class=\"item-icon\"\n                        [icon]=\"item.icon\"\n          ></kit-svg-icon>\n          <span class=\"item-text\">{{ item.title }}</span>\n        </ng-template>\n\n        @for (child of item.items; track child) {\n          <kendo-panelbar-item class=\"menu-child-item\"\n                               routerLinkActive=\"active\"\n                               [title]=\"child.title\"\n                               [ngClass]=\"child.cssClass\"\n                               [class.has-children]=\"child.items?.length\"\n                               [expanded]=\"child.expanded\"\n                               [routerLink]=\"child.link\">\n            @for (subChild of child.items; track subChild) {\n              <kendo-panelbar-item class=\"menu-link\"\n                                   routerLinkActive=\"active\"\n                                   [ngClass]=\"subChild.cssClass\"\n                                   [routerLink]=\"subChild.link\">\n                <ng-template kendoPanelBarItemTitle>\n                  <span class=\"item-text\">{{ subChild.title }}</span>\n                  <kit-svg-icon class=\"item-icon\"\n                                [icon]=\"KitSvgIcon.CHEVRON_RIGHT\"\n                  ></kit-svg-icon>\n                </ng-template>\n              </kendo-panelbar-item>\n            }\n          </kendo-panelbar-item>\n        }\n      </kendo-panelbar-item>\n    }\n  </kendo-panelbar>\n</div>\n\n", styles: [".kit-navigation-menu .k-panelbar{display:flex;flex-direction:column;gap:20px;border:none;background:none}.kit-navigation-menu ::ng-deep .k-panelbar-group{display:flex;flex-direction:column;gap:20px;margin-top:20px}.kit-navigation-menu .menu-item{border:none}.kit-navigation-menu .menu-item .item-icon{width:16px;height:16px;fill:var(--ui-kit-color-main)}.kit-navigation-menu .menu-item .item-text{color:var(--ui-kit-color-white);font-size:14px;font-weight:400}.kit-navigation-menu .menu-item.k-expanded ::ng-deep>.k-link{background:var(--ui-kit-color-selected)}.kit-navigation-menu .menu-item.k-expanded ::ng-deep>.k-link .k-panelbar-toggle{color:var(--ui-kit-color-main)}.kit-navigation-menu .menu-item.k-expanded ::ng-deep>.k-link .item-icon{fill:var(--ui-kit-color-main)}.kit-navigation-menu .menu-item.active:not(.has-children) ::ng-deep>.k-link{background:var(--ui-kit-color-main)}.kit-navigation-menu .menu-item.active:not(.has-children) ::ng-deep>.k-link .item-text{color:var(--ui-kit-color-white)}.kit-navigation-menu .menu-item.active:not(.has-children) ::ng-deep>.k-link .item-icon{fill:var(--ui-kit-color-white)}.kit-navigation-menu .menu-item ::ng-deep .k-link{padding:9px 24px;gap:8px;color:var(--ui-kit-color-white);border-radius:8px;background:none;cursor:pointer;transition:none}.kit-navigation-menu .menu-item ::ng-deep .k-link.k-focus{box-shadow:none}.kit-navigation-menu .menu-item ::ng-deep .k-link .k-panelbar-toggle{color:var(--ui-kit-color-main)}.kit-navigation-menu .menu-item ::ng-deep .k-link:hover .item-icon{fill:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-item ::ng-deep .k-link:hover .item-text{color:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-item ::ng-deep .k-link:hover .k-panelbar-toggle{color:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-child-item.k-expanded ::ng-deep>.k-link{color:var(--ui-kit-color-main)}.kit-navigation-menu .menu-child-item.active:not(.has-children) ::ng-deep>.k-link{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-navigation-menu .menu-child-item ::ng-deep .k-panelbar-toggle{display:none}.kit-navigation-menu .menu-child-item ::ng-deep .k-selected:hover{background:none}.kit-navigation-menu .menu-child-item ::ng-deep .k-link:hover{color:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-link .item-icon{stroke:var(--ui-kit-color-grey-9);fill:none}.kit-navigation-menu .menu-link .item-text{color:var(--ui-kit-color-grey-9)}.kit-navigation-menu .menu-link ::ng-deep .k-link{padding:9px 6px 9px 36px}.kit-navigation-menu .menu-link ::ng-deep .k-link:hover .item-icon{fill:none;stroke:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-link.active ::ng-deep .k-link{background:var(--ui-kit-color-main)}.kit-navigation-menu .menu-link.active ::ng-deep .k-link .item-text{color:var(--ui-kit-color-white)}.kit-navigation-menu .menu-link.active ::ng-deep .k-link .item-icon{stroke:var(--ui-kit-color-white)}\n"] }]
+            args: [{ selector: 'kit-navigation-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-navigation-menu\"\n     [class.collapsed]=\"collapsed\">\n  <kendo-panelbar [expandMode]=\"PanelBarExpandMode.Single\"\n                  [animate]=\"animate\">\n    @for (item of items; track item) {\n      <kendo-panelbar-item class=\"menu-item\"\n                           routerLinkActive=\"active\"\n                           [ngClass]=\"item.cssClass\"\n                           [class.has-children]=\"item.items?.length\"\n                           [expanded]=\"item.expanded\"\n                           [routerLink]=\"item.link\">\n        <ng-template kendoPanelBarItemTitle>\n          <kit-svg-icon class=\"item-icon\"\n                        [icon]=\"item.icon\"\n          ></kit-svg-icon>\n          <span class=\"item-text\">{{ item.title }}</span>\n          @if (item.items?.length) {\n            <kit-svg-icon class=\"toggle-icon\"\n                          [icon]=\"KitSvgIcon.CHEVRON_DOWN\"\n            ></kit-svg-icon>\n          }\n        </ng-template>\n\n        @for (child of item.items; track child) {\n          <kendo-panelbar-item class=\"menu-child-item\"\n                               routerLinkActive=\"active\"\n                               [ngClass]=\"child.cssClass\"\n                               [class.has-children]=\"child.items?.length\"\n                               [expanded]=\"child.expanded\"\n                               [routerLink]=\"child.link\">\n            <ng-template kendoPanelBarItemTitle>\n              <span class=\"item-text\">{{ child.title }}</span>\n              @if (child.items?.length) {\n                <kit-svg-icon class=\"toggle-icon\"\n                              [icon]=\"KitSvgIcon.CHEVRON_DOWN\"\n                ></kit-svg-icon>\n              }\n            </ng-template>\n\n            @for (subChild of child.items; track subChild) {\n              <kendo-panelbar-item class=\"menu-link\"\n                                   routerLinkActive=\"active\"\n                                   [ngClass]=\"subChild.cssClass\"\n                                   [routerLink]=\"subChild.link\">\n                <ng-template kendoPanelBarItemTitle>\n                  <span class=\"item-text\">{{ subChild.title }}</span>\n                  <kit-svg-icon class=\"item-icon\"\n                                [icon]=\"KitSvgIcon.CHEVRON_RIGHT\"\n                  ></kit-svg-icon>\n                </ng-template>\n              </kendo-panelbar-item>\n            }\n          </kendo-panelbar-item>\n        }\n      </kendo-panelbar-item>\n    }\n  </kendo-panelbar>\n</div>\n\n", styles: [".kit-navigation-menu{width:100%;overflow:hidden;transition:width .3s}.kit-navigation-menu .k-panelbar{display:flex;flex-direction:column;gap:20px;border:none;background:none}.kit-navigation-menu ::ng-deep .k-panelbar-group{display:flex;flex-direction:column;gap:20px;margin-top:20px}.kit-navigation-menu ::ng-deep .k-panelbar-toggle{display:none}.kit-navigation-menu .menu-item{border:none}.kit-navigation-menu .menu-item .item-icon{width:16px;height:16px;fill:var(--ui-kit-color-main);flex-shrink:0}.kit-navigation-menu .menu-item .item-text{color:var(--ui-kit-color-white);font-size:14px;font-weight:400;transition:opacity .3s ease}.kit-navigation-menu .menu-item .toggle-icon{width:16px;height:16px;stroke:var(--ui-kit-color-main);fill:none;flex-shrink:0;transition:rotate .3s ease}.kit-navigation-menu .menu-item.k-expanded ::ng-deep>.k-link{background:var(--ui-kit-color-selected)}.kit-navigation-menu .menu-item.k-expanded ::ng-deep>.k-link .item-icon{fill:var(--ui-kit-color-main)}.kit-navigation-menu .menu-item.k-expanded ::ng-deep>.k-link .toggle-icon{transform:rotate(180deg)}.kit-navigation-menu .menu-item.active:not(.has-children) ::ng-deep>.k-link{background:var(--ui-kit-color-main)}.kit-navigation-menu .menu-item.active:not(.has-children) ::ng-deep>.k-link .item-text{color:var(--ui-kit-color-white)}.kit-navigation-menu .menu-item.active:not(.has-children) ::ng-deep>.k-link .item-icon{fill:var(--ui-kit-color-white)}.kit-navigation-menu .menu-item ::ng-deep .k-link{padding:10px 24px;gap:8px;min-height:40px;color:var(--ui-kit-color-white);border-radius:8px;background:none;cursor:pointer;transition:none}.kit-navigation-menu .menu-item ::ng-deep .k-link.k-focus{box-shadow:none}.kit-navigation-menu .menu-item ::ng-deep .k-link:hover .item-icon{fill:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-item ::ng-deep .k-link:hover .item-text{color:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-item ::ng-deep .k-link:hover .toggle-icon{stroke:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-child-item.k-expanded ::ng-deep>.k-link{color:var(--ui-kit-color-main)}.kit-navigation-menu .menu-child-item.k-expanded ::ng-deep .toggle-icon{transform:rotate(180deg)}.kit-navigation-menu .menu-child-item.active:not(.has-children) ::ng-deep .k-link{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-navigation-menu .menu-child-item.active:not(.has-children) ::ng-deep .k-link:hover .item-text{color:var(--ui-kit-color-white)}.kit-navigation-menu .menu-child-item ::ng-deep .k-panelbar-toggle{display:none}.kit-navigation-menu .menu-child-item ::ng-deep .k-selected:hover{background:none}.kit-navigation-menu .menu-child-item ::ng-deep .k-link:hover{color:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-link .item-icon{stroke:var(--ui-kit-color-grey-9);fill:none}.kit-navigation-menu .menu-link .item-text{color:var(--ui-kit-color-grey-9)}.kit-navigation-menu .menu-link ::ng-deep .k-link{padding:10px 6px 10px 36px}.kit-navigation-menu .menu-link ::ng-deep .k-link:hover .item-icon{fill:none;stroke:var(--ui-kit-color-hover)}.kit-navigation-menu .menu-link.active ::ng-deep .k-link{background:var(--ui-kit-color-main)}.kit-navigation-menu .menu-link.active ::ng-deep .k-link .item-text{color:var(--ui-kit-color-white)}.kit-navigation-menu .menu-link.active ::ng-deep .k-link .item-icon{stroke:var(--ui-kit-color-white)}.kit-navigation-menu.collapsed{width:88px}.kit-navigation-menu.collapsed .menu-item .item-text{width:0;opacity:0}.kit-navigation-menu.collapsed .menu-item .item-icon{fill:var(--ui-kit-color-white)}.kit-navigation-menu.collapsed .menu-item:hover .item-icon{fill:var(--ui-kit-color-hover)}.kit-navigation-menu.collapsed ::ng-deep .k-panelbar-group{display:none}\n"] }]
         }], ctorParameters: () => [{ type: i1.Router }], propDecorators: { items: [{
                 type: Input
             }], animate: [{
                 type: Input
+            }], collapsed: [{
+                type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LW5hdmlnYXRpb24tbWVudS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1uYXZpZ2F0aW9uLW1lbnUva2l0LW5hdmlnYXRpb24tbWVudS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1uYXZpZ2F0aW9uLW1lbnUva2l0LW5hdmlnYXRpb24tbWVudS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUxRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBVSxNQUFNLGlCQUFpQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDOUIsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7Ozs7OztBQVFoRSxNQUFNLE9BQU8sMEJBQTBCO0lBY3JDLFlBQ1UsTUFBYztRQUFkLFdBQU0sR0FBTixNQUFNLENBQVE7UUFkeEI7O1dBRUc7UUFDTSxVQUFLLEdBQTRCLEVBQUUsQ0FBQztRQUU3Qzs7V0FFRztRQUNNLFlBQU8sR0FBWSxJQUFJLENBQUM7UUFFeEIsZUFBVSxHQUFzQixVQUFVLENBQUM7UUFDM0MsdUJBQWtCLEdBQThCLGtCQUFrQixDQUFDO1FBSzFFLElBQUksQ0FBQyw4QkFBOEIsRUFBRSxDQUFDO0lBQ3hDLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUNyRCxDQUFDO0lBRU8sOEJBQThCO1FBQ3BDLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLElBQUksQ0FDckIsTUFBTSxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsS0FBSyxZQUFZLGFBQWEsQ0FBQyxFQUMvQyxrQkFBa0IsRUFBRSxDQUNyQixDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUM7SUFDeEUsQ0FBQztJQUVPLGdCQUFnQixDQUFDLEtBQThCLEVBQUUsR0FBVztRQUNsRSxLQUFLLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxFQUFFO1lBQ25CLElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLElBQUksSUFBSSxHQUFHLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO1lBQzNELElBQUksSUFBSSxDQUFDLEtBQUssRUFBRTtnQkFDZCxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxHQUFHLENBQUMsQ0FBQztnQkFDdkMsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQzthQUMxRDtRQUNILENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs4R0F2Q1UsMEJBQTBCO2tHQUExQiwwQkFBMEIsMkdDZHZDLG1oRUE2Q0E7OzJGRC9CYSwwQkFBMEI7a0JBTnRDLFNBQVM7K0JBQ0UscUJBQXFCLG1CQUdkLHVCQUF1QixDQUFDLE1BQU07MkVBTXRDLEtBQUs7c0JBQWIsS0FBSztnQkFLRyxPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgS2l0TmF2aWdhdGlvbk1lbnVJdGVtIH0gZnJvbSAnLi9raXQtbmF2aWdhdGlvbi1tZW51Lm1vZGVsJztcbmltcG9ydCB7IEtpdFN2Z0ljb24gfSBmcm9tICcuLi9raXQtc3ZnLWljb24va2l0LXN2Zy1pY29uLmNvbnN0JztcbmltcG9ydCB7IE5hdmlnYXRpb25FbmQsIFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBQYW5lbEJhckV4cGFuZE1vZGUgfSBmcm9tICdAcHJvZ3Jlc3Mva2VuZG8tYW5ndWxhci1sYXlvdXQnO1xuaW1wb3J0IHsgZmlsdGVyIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyB0YWtlVW50aWxEZXN0cm95ZWQgfSBmcm9tICdAYW5ndWxhci9jb3JlL3J4anMtaW50ZXJvcCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2tpdC1uYXZpZ2F0aW9uLW1lbnUnLFxuICB0ZW1wbGF0ZVVybDogJy4va2l0LW5hdmlnYXRpb24tbWVudS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9raXQtbmF2aWdhdGlvbi1tZW51LmNvbXBvbmVudC5zY3NzJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEtpdE5hdmlnYXRpb25NZW51Q29tcG9uZW50IHtcbiAgLyoqXG4gICAqIEFuIGl0ZW1zIGxpc3Qgd2hpY2ggaXMgZ29pbmcgdG8gYmUgcmVuZGVyZWQgYXMgbWVudSBpdGVtc1xuICAgKi9cbiAgQElucHV0KCkgaXRlbXM6IEtpdE5hdmlnYXRpb25NZW51SXRlbVtdID0gW107XG5cbiAgLyoqXG4gICAqIERlZmluZXMgd2hldGhlciB0aGUgY29tcG9uZW50IHdpbGwgaGF2ZSBhbiBhbmltYXRpb24gd2hlbiBjb2xsYXBzaW5nL2V4cGFuZGluZyB0aGUgbWVudVxuICAgKi9cbiAgQElucHV0KCkgYW5pbWF0ZTogYm9vbGVhbiA9IHRydWU7XG5cbiAgcmVhZG9ubHkgS2l0U3ZnSWNvbjogdHlwZW9mIEtpdFN2Z0ljb24gPSBLaXRTdmdJY29uO1xuICByZWFkb25seSBQYW5lbEJhckV4cGFuZE1vZGU6IHR5cGVvZiBQYW5lbEJhckV4cGFuZE1vZGUgPSBQYW5lbEJhckV4cGFuZE1vZGU7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSByb3V0ZXI6IFJvdXRlcixcbiAgKSB7XG4gICAgdGhpcy5zZXRFeHBhbmRlZFN0YXRlT25Sb3V0ZXJDaGFuZ2UoKTtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuc2V0RXhwYW5kZWRTdGF0ZSh0aGlzLml0ZW1zLCB0aGlzLnJvdXRlci51cmwpO1xuICB9XG5cbiAgcHJpdmF0ZSBzZXRFeHBhbmRlZFN0YXRlT25Sb3V0ZXJDaGFuZ2UoKTogdm9pZCB7XG4gICAgdGhpcy5yb3V0ZXIuZXZlbnRzLnBpcGUoXG4gICAgICBmaWx0ZXIoZXZlbnQgPT4gZXZlbnQgaW5zdGFuY2VvZiBOYXZpZ2F0aW9uRW5kKSxcbiAgICAgIHRha2VVbnRpbERlc3Ryb3llZCgpLFxuICAgICkuc3Vic2NyaWJlKCgpID0+IHRoaXMuc2V0RXhwYW5kZWRTdGF0ZSh0aGlzLml0ZW1zLCB0aGlzLnJvdXRlci51cmwpKTtcbiAgfVxuXG4gIHByaXZhdGUgc2V0RXhwYW5kZWRTdGF0ZShpdGVtczogS2l0TmF2aWdhdGlvbk1lbnVJdGVtW10sIHVybDogc3RyaW5nKTogdm9pZCB7XG4gICAgaXRlbXMuZm9yRWFjaChpdGVtID0+IHtcbiAgICAgIGl0ZW0uZXhwYW5kZWQgPSAhIShpdGVtLmxpbmsgJiYgdXJsLnN0YXJ0c1dpdGgoaXRlbS5saW5rKSk7XG4gICAgICBpZiAoaXRlbS5pdGVtcykge1xuICAgICAgICB0aGlzLnNldEV4cGFuZGVkU3RhdGUoaXRlbS5pdGVtcywgdXJsKTtcbiAgICAgICAgaXRlbS5leHBhbmRlZCA9IGl0ZW0uaXRlbXMuc29tZShjaGlsZCA9PiBjaGlsZC5leHBhbmRlZCk7XG4gICAgICB9XG4gICAgfSk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJraXQtbmF2aWdhdGlvbi1tZW51XCI+XG4gIDxrZW5kby1wYW5lbGJhciBbZXhwYW5kTW9kZV09XCJQYW5lbEJhckV4cGFuZE1vZGUuU2luZ2xlXCJcbiAgICAgICAgICAgICAgICAgIFthbmltYXRlXT1cImFuaW1hdGVcIj5cbiAgICBAZm9yIChpdGVtIG9mIGl0ZW1zOyB0cmFjayBpdGVtKSB7XG4gICAgICA8a2VuZG8tcGFuZWxiYXItaXRlbSBjbGFzcz1cIm1lbnUtaXRlbVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICByb3V0ZXJMaW5rQWN0aXZlPVwiYWN0aXZlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cIml0ZW0uY3NzQ2xhc3NcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgW2NsYXNzLmhhcy1jaGlsZHJlbl09XCJpdGVtLml0ZW1zPy5sZW5ndGhcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgW2V4cGFuZGVkXT1cIml0ZW0uZXhwYW5kZWRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgW3JvdXRlckxpbmtdPVwiaXRlbS5saW5rXCI+XG4gICAgICAgIDxuZy10ZW1wbGF0ZSBrZW5kb1BhbmVsQmFySXRlbVRpdGxlPlxuICAgICAgICAgIDxraXQtc3ZnLWljb24gY2xhc3M9XCJpdGVtLWljb25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2ljb25dPVwiaXRlbS5pY29uXCJcbiAgICAgICAgICA+PC9raXQtc3ZnLWljb24+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJpdGVtLXRleHRcIj57eyBpdGVtLnRpdGxlIH19PC9zcGFuPlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuXG4gICAgICAgIEBmb3IgKGNoaWxkIG9mIGl0ZW0uaXRlbXM7IHRyYWNrIGNoaWxkKSB7XG4gICAgICAgICAgPGtlbmRvLXBhbmVsYmFyLWl0ZW0gY2xhc3M9XCJtZW51LWNoaWxkLWl0ZW1cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJvdXRlckxpbmtBY3RpdmU9XCJhY3RpdmVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFt0aXRsZV09XCJjaGlsZC50aXRsZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwiY2hpbGQuY3NzQ2xhc3NcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtjbGFzcy5oYXMtY2hpbGRyZW5dPVwiY2hpbGQuaXRlbXM/Lmxlbmd0aFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2V4cGFuZGVkXT1cImNoaWxkLmV4cGFuZGVkXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbcm91dGVyTGlua109XCJjaGlsZC5saW5rXCI+XG4gICAgICAgICAgICBAZm9yIChzdWJDaGlsZCBvZiBjaGlsZC5pdGVtczsgdHJhY2sgc3ViQ2hpbGQpIHtcbiAgICAgICAgICAgICAgPGtlbmRvLXBhbmVsYmFyLWl0ZW0gY2xhc3M9XCJtZW51LWxpbmtcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByb3V0ZXJMaW5rQWN0aXZlPVwiYWN0aXZlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwic3ViQ2hpbGQuY3NzQ2xhc3NcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbcm91dGVyTGlua109XCJzdWJDaGlsZC5saW5rXCI+XG4gICAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlIGtlbmRvUGFuZWxCYXJJdGVtVGl0bGU+XG4gICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cIml0ZW0tdGV4dFwiPnt7IHN1YkNoaWxkLnRpdGxlIH19PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgPGtpdC1zdmctaWNvbiBjbGFzcz1cIml0ZW0taWNvblwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtpY29uXT1cIktpdFN2Z0ljb24uQ0hFVlJPTl9SSUdIVFwiXG4gICAgICAgICAgICAgICAgICA+PC9raXQtc3ZnLWljb24+XG4gICAgICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgICAgICAgPC9rZW5kby1wYW5lbGJhci1pdGVtPlxuICAgICAgICAgICAgfVxuICAgICAgICAgIDwva2VuZG8tcGFuZWxiYXItaXRlbT5cbiAgICAgICAgfVxuICAgICAgPC9rZW5kby1wYW5lbGJhci1pdGVtPlxuICAgIH1cbiAgPC9rZW5kby1wYW5lbGJhcj5cbjwvZGl2PlxuXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LW5hdmlnYXRpb24tbWVudS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1uYXZpZ2F0aW9uLW1lbnUva2l0LW5hdmlnYXRpb24tbWVudS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1uYXZpZ2F0aW9uLW1lbnUva2l0LW5hdmlnYXRpb24tbWVudS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUxRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBVSxNQUFNLGlCQUFpQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDOUIsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7Ozs7OztBQVFoRSxNQUFNLE9BQU8sMEJBQTBCO0lBbUJyQyxZQUNVLE1BQWM7UUFBZCxXQUFNLEdBQU4sTUFBTSxDQUFRO1FBbkJ4Qjs7V0FFRztRQUNNLFVBQUssR0FBNEIsRUFBRSxDQUFDO1FBRTdDOztXQUVHO1FBQ00sWUFBTyxHQUFZLElBQUksQ0FBQztRQUVqQzs7V0FFRztRQUNNLGNBQVMsR0FBWSxLQUFLLENBQUM7UUFFM0IsZUFBVSxHQUFzQixVQUFVLENBQUM7UUFDM0MsdUJBQWtCLEdBQThCLGtCQUFrQixDQUFDO1FBSzFFLElBQUksQ0FBQyw4QkFBOEIsRUFBRSxDQUFDO0lBQ3hDLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUNyRCxDQUFDO0lBRU8sOEJBQThCO1FBQ3BDLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLElBQUksQ0FDckIsTUFBTSxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsS0FBSyxZQUFZLGFBQWEsQ0FBQyxFQUMvQyxrQkFBa0IsRUFBRSxDQUNyQixDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUM7SUFDeEUsQ0FBQztJQUVPLGdCQUFnQixDQUFDLEtBQThCLEVBQUUsR0FBVztRQUNsRSxLQUFLLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxFQUFFO1lBQ25CLElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLElBQUksSUFBSSxHQUFHLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO1lBQzNELElBQUksSUFBSSxDQUFDLEtBQUssRUFBRTtnQkFDZCxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxHQUFHLENBQUMsQ0FBQztnQkFDdkMsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQzthQUMxRDtRQUNILENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs4R0E1Q1UsMEJBQTBCO2tHQUExQiwwQkFBMEIsbUlDZHZDLHdpRkEyREE7OzJGRDdDYSwwQkFBMEI7a0JBTnRDLFNBQVM7K0JBQ0UscUJBQXFCLG1CQUdkLHVCQUF1QixDQUFDLE1BQU07MkVBTXRDLEtBQUs7c0JBQWIsS0FBSztnQkFLRyxPQUFPO3NCQUFmLEtBQUs7Z0JBS0csU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBLaXROYXZpZ2F0aW9uTWVudUl0ZW0gfSBmcm9tICcuL2tpdC1uYXZpZ2F0aW9uLW1lbnUubW9kZWwnO1xuaW1wb3J0IHsgS2l0U3ZnSWNvbiB9IGZyb20gJy4uL2tpdC1zdmctaWNvbi9raXQtc3ZnLWljb24uY29uc3QnO1xuaW1wb3J0IHsgTmF2aWdhdGlvbkVuZCwgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7IFBhbmVsQmFyRXhwYW5kTW9kZSB9IGZyb20gJ0Bwcm9ncmVzcy9rZW5kby1hbmd1bGFyLWxheW91dCc7XG5pbXBvcnQgeyBmaWx0ZXIgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IHRha2VVbnRpbERlc3Ryb3llZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUvcnhqcy1pbnRlcm9wJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAna2l0LW5hdmlnYXRpb24tbWVudScsXG4gIHRlbXBsYXRlVXJsOiAnLi9raXQtbmF2aWdhdGlvbi1tZW51LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2tpdC1uYXZpZ2F0aW9uLW1lbnUuY29tcG9uZW50LnNjc3MnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgS2l0TmF2aWdhdGlvbk1lbnVDb21wb25lbnQge1xuICAvKipcbiAgICogQW4gaXRlbXMgbGlzdCB3aGljaCBpcyBnb2luZyB0byBiZSByZW5kZXJlZCBhcyBtZW51IGl0ZW1zXG4gICAqL1xuICBASW5wdXQoKSBpdGVtczogS2l0TmF2aWdhdGlvbk1lbnVJdGVtW10gPSBbXTtcblxuICAvKipcbiAgICogRGVmaW5lcyB3aGV0aGVyIHRoZSBjb21wb25lbnQgd2lsbCBoYXZlIGFuIGFuaW1hdGlvbiB3aGVuIGNvbGxhcHNpbmcvZXhwYW5kaW5nIHRoZSBtZW51XG4gICAqL1xuICBASW5wdXQoKSBhbmltYXRlOiBib29sZWFuID0gdHJ1ZTtcblxuICAvKipcbiAgICogRGVmaW5lcyB3aGV0aGVyIG1lbnUgd2lsbCBiZSBjb2xsYXBzZWRcbiAgICovXG4gIEBJbnB1dCgpIGNvbGxhcHNlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIHJlYWRvbmx5IEtpdFN2Z0ljb246IHR5cGVvZiBLaXRTdmdJY29uID0gS2l0U3ZnSWNvbjtcbiAgcmVhZG9ubHkgUGFuZWxCYXJFeHBhbmRNb2RlOiB0eXBlb2YgUGFuZWxCYXJFeHBhbmRNb2RlID0gUGFuZWxCYXJFeHBhbmRNb2RlO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgcm91dGVyOiBSb3V0ZXIsXG4gICkge1xuICAgIHRoaXMuc2V0RXhwYW5kZWRTdGF0ZU9uUm91dGVyQ2hhbmdlKCk7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnNldEV4cGFuZGVkU3RhdGUodGhpcy5pdGVtcywgdGhpcy5yb3V0ZXIudXJsKTtcbiAgfVxuXG4gIHByaXZhdGUgc2V0RXhwYW5kZWRTdGF0ZU9uUm91dGVyQ2hhbmdlKCk6IHZvaWQge1xuICAgIHRoaXMucm91dGVyLmV2ZW50cy5waXBlKFxuICAgICAgZmlsdGVyKGV2ZW50ID0+IGV2ZW50IGluc3RhbmNlb2YgTmF2aWdhdGlvbkVuZCksXG4gICAgICB0YWtlVW50aWxEZXN0cm95ZWQoKSxcbiAgICApLnN1YnNjcmliZSgoKSA9PiB0aGlzLnNldEV4cGFuZGVkU3RhdGUodGhpcy5pdGVtcywgdGhpcy5yb3V0ZXIudXJsKSk7XG4gIH1cblxuICBwcml2YXRlIHNldEV4cGFuZGVkU3RhdGUoaXRlbXM6IEtpdE5hdmlnYXRpb25NZW51SXRlbVtdLCB1cmw6IHN0cmluZyk6IHZvaWQge1xuICAgIGl0ZW1zLmZvckVhY2goaXRlbSA9PiB7XG4gICAgICBpdGVtLmV4cGFuZGVkID0gISEoaXRlbS5saW5rICYmIHVybC5zdGFydHNXaXRoKGl0ZW0ubGluaykpO1xuICAgICAgaWYgKGl0ZW0uaXRlbXMpIHtcbiAgICAgICAgdGhpcy5zZXRFeHBhbmRlZFN0YXRlKGl0ZW0uaXRlbXMsIHVybCk7XG4gICAgICAgIGl0ZW0uZXhwYW5kZWQgPSBpdGVtLml0ZW1zLnNvbWUoY2hpbGQgPT4gY2hpbGQuZXhwYW5kZWQpO1xuICAgICAgfVxuICAgIH0pO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwia2l0LW5hdmlnYXRpb24tbWVudVwiXG4gICAgIFtjbGFzcy5jb2xsYXBzZWRdPVwiY29sbGFwc2VkXCI+XG4gIDxrZW5kby1wYW5lbGJhciBbZXhwYW5kTW9kZV09XCJQYW5lbEJhckV4cGFuZE1vZGUuU2luZ2xlXCJcbiAgICAgICAgICAgICAgICAgIFthbmltYXRlXT1cImFuaW1hdGVcIj5cbiAgICBAZm9yIChpdGVtIG9mIGl0ZW1zOyB0cmFjayBpdGVtKSB7XG4gICAgICA8a2VuZG8tcGFuZWxiYXItaXRlbSBjbGFzcz1cIm1lbnUtaXRlbVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICByb3V0ZXJMaW5rQWN0aXZlPVwiYWN0aXZlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cIml0ZW0uY3NzQ2xhc3NcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgW2NsYXNzLmhhcy1jaGlsZHJlbl09XCJpdGVtLml0ZW1zPy5sZW5ndGhcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgW2V4cGFuZGVkXT1cIml0ZW0uZXhwYW5kZWRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgW3JvdXRlckxpbmtdPVwiaXRlbS5saW5rXCI+XG4gICAgICAgIDxuZy10ZW1wbGF0ZSBrZW5kb1BhbmVsQmFySXRlbVRpdGxlPlxuICAgICAgICAgIDxraXQtc3ZnLWljb24gY2xhc3M9XCJpdGVtLWljb25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2ljb25dPVwiaXRlbS5pY29uXCJcbiAgICAgICAgICA+PC9raXQtc3ZnLWljb24+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJpdGVtLXRleHRcIj57eyBpdGVtLnRpdGxlIH19PC9zcGFuPlxuICAgICAgICAgIEBpZiAoaXRlbS5pdGVtcz8ubGVuZ3RoKSB7XG4gICAgICAgICAgICA8a2l0LXN2Zy1pY29uIGNsYXNzPVwidG9nZ2xlLWljb25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICBbaWNvbl09XCJLaXRTdmdJY29uLkNIRVZST05fRE9XTlwiXG4gICAgICAgICAgICA+PC9raXQtc3ZnLWljb24+XG4gICAgICAgICAgfVxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuXG4gICAgICAgIEBmb3IgKGNoaWxkIG9mIGl0ZW0uaXRlbXM7IHRyYWNrIGNoaWxkKSB7XG4gICAgICAgICAgPGtlbmRvLXBhbmVsYmFyLWl0ZW0gY2xhc3M9XCJtZW51LWNoaWxkLWl0ZW1cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJvdXRlckxpbmtBY3RpdmU9XCJhY3RpdmVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cImNoaWxkLmNzc0NsYXNzXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbY2xhc3MuaGFzLWNoaWxkcmVuXT1cImNoaWxkLml0ZW1zPy5sZW5ndGhcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtleHBhbmRlZF09XCJjaGlsZC5leHBhbmRlZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3JvdXRlckxpbmtdPVwiY2hpbGQubGlua1wiPlxuICAgICAgICAgICAgPG5nLXRlbXBsYXRlIGtlbmRvUGFuZWxCYXJJdGVtVGl0bGU+XG4gICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiaXRlbS10ZXh0XCI+e3sgY2hpbGQudGl0bGUgfX08L3NwYW4+XG4gICAgICAgICAgICAgIEBpZiAoY2hpbGQuaXRlbXM/Lmxlbmd0aCkge1xuICAgICAgICAgICAgICAgIDxraXQtc3ZnLWljb24gY2xhc3M9XCJ0b2dnbGUtaWNvblwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbaWNvbl09XCJLaXRTdmdJY29uLkNIRVZST05fRE9XTlwiXG4gICAgICAgICAgICAgICAgPjwva2l0LXN2Zy1pY29uPlxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA8L25nLXRlbXBsYXRlPlxuXG4gICAgICAgICAgICBAZm9yIChzdWJDaGlsZCBvZiBjaGlsZC5pdGVtczsgdHJhY2sgc3ViQ2hpbGQpIHtcbiAgICAgICAgICAgICAgPGtlbmRvLXBhbmVsYmFyLWl0ZW0gY2xhc3M9XCJtZW51LWxpbmtcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByb3V0ZXJMaW5rQWN0aXZlPVwiYWN0aXZlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwic3ViQ2hpbGQuY3NzQ2xhc3NcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbcm91dGVyTGlua109XCJzdWJDaGlsZC5saW5rXCI+XG4gICAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlIGtlbmRvUGFuZWxCYXJJdGVtVGl0bGU+XG4gICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cIml0ZW0tdGV4dFwiPnt7IHN1YkNoaWxkLnRpdGxlIH19PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgPGtpdC1zdmctaWNvbiBjbGFzcz1cIml0ZW0taWNvblwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtpY29uXT1cIktpdFN2Z0ljb24uQ0hFVlJPTl9SSUdIVFwiXG4gICAgICAgICAgICAgICAgICA+PC9raXQtc3ZnLWljb24+XG4gICAgICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgICAgICAgPC9rZW5kby1wYW5lbGJhci1pdGVtPlxuICAgICAgICAgICAgfVxuICAgICAgICAgIDwva2VuZG8tcGFuZWxiYXItaXRlbT5cbiAgICAgICAgfVxuICAgICAgPC9rZW5kby1wYW5lbGJhci1pdGVtPlxuICAgIH1cbiAgPC9rZW5kby1wYW5lbGJhcj5cbjwvZGl2PlxuXG4iXX0=

package/esm2022/lib/components/kit-navigation-tabs/kit-navigation-tabs.component.mjs

@@ -1,19 +1,20 @@
 import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { KitNavigationTabsType } from './kit-navigation-tabs.const';
+import { KitSvgIconType } from '../kit-svg-icon/kit-svg-icon.const';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "@angular/router";
 import * as i3 from "../kit-svg-icon/kit-svg-icon.component";
-export var KitNavigationTabsItemIconType;
-(function (KitNavigationTabsItemIconType) {
-    KitNavigationTabsItemIconType["FILL"] = "fill";
-    KitNavigationTabsItemIconType["STROKE"] = "stroke";
-})(KitNavigationTabsItemIconType || (KitNavigationTabsItemIconType = {}));
 export class KitNavigationTabsComponent {
     constructor() {
         /**
          * Items which are going to be rendered as tabs navigation items
          */
         this.items = [];
+        /**
+         * Defines the type of tabs
+         */
+        this.type = KitNavigationTabsType.TEXT;
     }
     getRouterLink(item) {
         if (item.disabled && item.disabled(item)) {
@@ -22,15 +23,17 @@ export class KitNavigationTabsComponent {
         return item.link;
     }
     getItemIconCssClass(item) {
-        return item.iconType || KitNavigationTabsItemIconType.STROKE;
+        return item.iconType ?? KitSvgIconType.FILL;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitNavigationTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: KitNavigationTabsComponent, selector: "kit-navigation-tabs", inputs: { items: "items" }, ngImport: i0, template: "<div class=\"kit-navigation-tabs\">\n  <div class=\"tabs-nav\">\n    <a *ngFor=\"let item of items\"\n       class=\"tab-item\"\n       routerLinkActive=\"tab-item-active\"\n       [routerLink]=\"getRouterLink(item)\">\n      <kit-svg-icon *ngIf=\"item.icon\"\n                    class=\"tab-item-icon\"\n                    [icon]=\"item.icon\"\n                    [ngClass]=\"getItemIconCssClass(item)\"\n      ></kit-svg-icon>\n      \n      <span class=\"tab-item-title\"\n            [innerHTML]=\"item.title\"\n      ></span>\n    </a>\n  </div>\n</div>\n", styles: [".kit-navigation-tabs .tabs-nav{display:flex;padding:12px 8px;gap:40px;box-shadow:0 4px 4px #505d6833;background:var(--ui-kit-color-white)}.kit-navigation-tabs .tab-item{display:flex;align-items:center;color:var(--ui-kit-color-grey-2);text-decoration:none}.kit-navigation-tabs .tab-item-icon{display:block;margin-right:4px;width:24px;height:24px}.kit-navigation-tabs .tab-item-icon.fill{fill:var(--ui-kit-color-grey-2);stroke:none}.kit-navigation-tabs .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-2)}.kit-navigation-tabs .tab-item-title{font-weight:500;font-size:14px}.kit-navigation-tabs .tab-item-active{color:var(--ui-kit-color-grey-0)}.kit-navigation-tabs .tab-item-active .tab-item-icon.fill{fill:var(--ui-kit-color-grey-0)}.kit-navigation-tabs .tab-item-active .tab-item-icon.stroke{stroke:var(--ui-kit-color-grey-0)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i3.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.7", type: KitNavigationTabsComponent, selector: "kit-navigation-tabs", inputs: { items: "items", type: "type" }, ngImport: i0, template: "<div class=\"kit-navigation-tabs\">\n  <div class=\"tabs-nav\"\n       [ngClass]=\"type\">\n    @for (item of items; track item) {\n      <a class=\"tab-item\"\n         routerLinkActive=\"active\"\n         [class.disabled]=\"item.disabled\"\n         [routerLink]=\"getRouterLink(item)\">\n        @if (item.icon) {\n          <kit-svg-icon class=\"tab-item-icon\"\n                        [icon]=\"item.icon\"\n                        [ngClass]=\"getItemIconCssClass(item)\"\n          ></kit-svg-icon>\n        }\n        <span class=\"tab-item-title\"\n              [innerHTML]=\"item.title\"\n        ></span>\n      </a>\n    }\n  </div>\n</div>\n", styles: [".kit-navigation-tabs .tabs-nav{display:flex;align-items:center}.kit-navigation-tabs .tab-item{display:flex;align-items:center;gap:6px;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;text-decoration:none}.kit-navigation-tabs .tab-item.disabled{color:var(--ui-kit-color-grey-12)}.kit-navigation-tabs .tab-item.disabled .tab-item-icon.fill{fill:var(--ui-kit-color-grey-12);stroke:none}.kit-navigation-tabs .tab-item.disabled .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-12)}.kit-navigation-tabs .tab-item-icon{display:block;width:16px;height:16px}.kit-navigation-tabs .tab-item-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-navigation-tabs .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-10)}.kit-navigation-tabs .text.tabs-nav{gap:32px}.kit-navigation-tabs .text .tab-item{height:46px;border-bottom:2px solid transparent}.kit-navigation-tabs .text .tab-item:hover:not(.disabled){color:var(--ui-kit-color-main)}.kit-navigation-tabs .text .tab-item:hover:not(.disabled) .tab-item-icon{fill:var(--ui-kit-color-main)}.kit-navigation-tabs .text .tab-item:hover:not(.disabled) .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}.kit-navigation-tabs .text .tab-item.active{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main)}.kit-navigation-tabs .text .tab-item.active .tab-item-icon{fill:var(--ui-kit-color-main)}.kit-navigation-tabs .text .tab-item.active .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}.kit-navigation-tabs .button .tab-item{padding:0 16px;height:32px;border:1px solid var(--ui-kit-color-grey-11)}.kit-navigation-tabs .button .tab-item:not(:last-child){border-right:none}.kit-navigation-tabs .button .tab-item:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}.kit-navigation-tabs .button .tab-item:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}.kit-navigation-tabs .button .tab-item:hover:not(.disabled):not(.active){color:var(--ui-kit-color-main)}.kit-navigation-tabs .button .tab-item:hover:not(.disabled):not(.active) .tab-item-icon{fill:var(--ui-kit-color-main)}.kit-navigation-tabs .button .tab-item:hover:not(.disabled):not(.active) .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}.kit-navigation-tabs .button .tab-item.active{color:var(--ui-kit-color-white);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-main)}.kit-navigation-tabs .button .tab-item.active .tab-item-icon{fill:var(--ui-kit-color-white)}.kit-navigation-tabs .button .tab-item.active .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-white)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i3.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitNavigationTabsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kit-navigation-tabs', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-navigation-tabs\">\n  <div class=\"tabs-nav\">\n    <a *ngFor=\"let item of items\"\n       class=\"tab-item\"\n       routerLinkActive=\"tab-item-active\"\n       [routerLink]=\"getRouterLink(item)\">\n      <kit-svg-icon *ngIf=\"item.icon\"\n                    class=\"tab-item-icon\"\n                    [icon]=\"item.icon\"\n                    [ngClass]=\"getItemIconCssClass(item)\"\n      ></kit-svg-icon>\n      \n      <span class=\"tab-item-title\"\n            [innerHTML]=\"item.title\"\n      ></span>\n    </a>\n  </div>\n</div>\n", styles: [".kit-navigation-tabs .tabs-nav{display:flex;padding:12px 8px;gap:40px;box-shadow:0 4px 4px #505d6833;background:var(--ui-kit-color-white)}.kit-navigation-tabs .tab-item{display:flex;align-items:center;color:var(--ui-kit-color-grey-2);text-decoration:none}.kit-navigation-tabs .tab-item-icon{display:block;margin-right:4px;width:24px;height:24px}.kit-navigation-tabs .tab-item-icon.fill{fill:var(--ui-kit-color-grey-2);stroke:none}.kit-navigation-tabs .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-2)}.kit-navigation-tabs .tab-item-title{font-weight:500;font-size:14px}.kit-navigation-tabs .tab-item-active{color:var(--ui-kit-color-grey-0)}.kit-navigation-tabs .tab-item-active .tab-item-icon.fill{fill:var(--ui-kit-color-grey-0)}.kit-navigation-tabs .tab-item-active .tab-item-icon.stroke{stroke:var(--ui-kit-color-grey-0)}\n"] }]
+            args: [{ selector: 'kit-navigation-tabs', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-navigation-tabs\">\n  <div class=\"tabs-nav\"\n       [ngClass]=\"type\">\n    @for (item of items; track item) {\n      <a class=\"tab-item\"\n         routerLinkActive=\"active\"\n         [class.disabled]=\"item.disabled\"\n         [routerLink]=\"getRouterLink(item)\">\n        @if (item.icon) {\n          <kit-svg-icon class=\"tab-item-icon\"\n                        [icon]=\"item.icon\"\n                        [ngClass]=\"getItemIconCssClass(item)\"\n          ></kit-svg-icon>\n        }\n        <span class=\"tab-item-title\"\n              [innerHTML]=\"item.title\"\n        ></span>\n      </a>\n    }\n  </div>\n</div>\n", styles: [".kit-navigation-tabs .tabs-nav{display:flex;align-items:center}.kit-navigation-tabs .tab-item{display:flex;align-items:center;gap:6px;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;text-decoration:none}.kit-navigation-tabs .tab-item.disabled{color:var(--ui-kit-color-grey-12)}.kit-navigation-tabs .tab-item.disabled .tab-item-icon.fill{fill:var(--ui-kit-color-grey-12);stroke:none}.kit-navigation-tabs .tab-item.disabled .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-12)}.kit-navigation-tabs .tab-item-icon{display:block;width:16px;height:16px}.kit-navigation-tabs .tab-item-icon.fill{fill:var(--ui-kit-color-grey-10);stroke:none}.kit-navigation-tabs .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-10)}.kit-navigation-tabs .text.tabs-nav{gap:32px}.kit-navigation-tabs .text .tab-item{height:46px;border-bottom:2px solid transparent}.kit-navigation-tabs .text .tab-item:hover:not(.disabled){color:var(--ui-kit-color-main)}.kit-navigation-tabs .text .tab-item:hover:not(.disabled) .tab-item-icon{fill:var(--ui-kit-color-main)}.kit-navigation-tabs .text .tab-item:hover:not(.disabled) .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}.kit-navigation-tabs .text .tab-item.active{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main)}.kit-navigation-tabs .text .tab-item.active .tab-item-icon{fill:var(--ui-kit-color-main)}.kit-navigation-tabs .text .tab-item.active .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}.kit-navigation-tabs .button .tab-item{padding:0 16px;height:32px;border:1px solid var(--ui-kit-color-grey-11)}.kit-navigation-tabs .button .tab-item:not(:last-child){border-right:none}.kit-navigation-tabs .button .tab-item:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}.kit-navigation-tabs .button .tab-item:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}.kit-navigation-tabs .button .tab-item:hover:not(.disabled):not(.active){color:var(--ui-kit-color-main)}.kit-navigation-tabs .button .tab-item:hover:not(.disabled):not(.active) .tab-item-icon{fill:var(--ui-kit-color-main)}.kit-navigation-tabs .button .tab-item:hover:not(.disabled):not(.active) .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}.kit-navigation-tabs .button .tab-item.active{color:var(--ui-kit-color-white);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-main)}.kit-navigation-tabs .button .tab-item.active .tab-item-icon{fill:var(--ui-kit-color-white)}.kit-navigation-tabs .button .tab-item.active .tab-item-icon.stroke{fill:none;stroke:var(--ui-kit-color-white)}\n"] }]
         }], propDecorators: { items: [{
                 type: Input
+            }], type: [{
+                type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LW5hdmlnYXRpb24tdGFicy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1uYXZpZ2F0aW9uLXRhYnMva2l0LW5hdmlnYXRpb24tdGFicy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1uYXZpZ2F0aW9uLXRhYnMva2l0LW5hdmlnYXRpb24tdGFicy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBYSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFhckYsTUFBTSxDQUFOLElBQVksNkJBR1g7QUFIRCxXQUFZLDZCQUE2QjtJQUN2Qyw4Q0FBYSxDQUFBO0lBQ2Isa0RBQWlCLENBQUE7QUFDbkIsQ0FBQyxFQUhXLDZCQUE2QixLQUE3Qiw2QkFBNkIsUUFHeEM7QUFRRCxNQUFNLE9BQU8sMEJBQTBCO0lBTnZDO1FBT0U7O1dBRUc7UUFDTSxVQUFLLEdBQTRCLEVBQUUsQ0FBQztLQWE5QztJQVhDLGFBQWEsQ0FBQyxJQUEyQjtRQUN2QyxJQUFJLElBQUksQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsRUFBRTtZQUN4QyxPQUFPLElBQUksQ0FBQztTQUNiO1FBRUQsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDO0lBQ25CLENBQUM7SUFFRCxtQkFBbUIsQ0FBQyxJQUEyQjtRQUM3QyxPQUFPLElBQUksQ0FBQyxRQUFRLElBQUksNkJBQTZCLENBQUMsTUFBTSxDQUFDO0lBQy9ELENBQUM7OEdBaEJVLDBCQUEwQjtrR0FBMUIsMEJBQTBCLHVGQ3hCdkMscWpCQWtCQTs7MkZETWEsMEJBQTBCO2tCQU50QyxTQUFTOytCQUNFLHFCQUFxQixtQkFHZCx1QkFBdUIsQ0FBQyxNQUFNOzhCQU10QyxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCwgUHJlZGljYXRlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBLaXRTdmdJY29uIH0gZnJvbSAnLi4va2l0LXN2Zy1pY29uL2tpdC1zdmctaWNvbi5jb25zdCc7XG5cbmV4cG9ydCB0eXBlIEtpdE5hdmlnYXRpb25UYWJzSXRlbUxpbmsgPSBzdHJpbmcgfCBudW1iZXI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgS2l0TmF2aWdhdGlvblRhYnNJdGVtIHtcbiAgdGl0bGU6IHN0cmluZztcbiAgbGluazogc3RyaW5nIHwgS2l0TmF2aWdhdGlvblRhYnNJdGVtTGlua1tdO1xuICBpY29uPzogS2l0U3ZnSWNvbjtcbiAgaWNvblR5cGU/OiBLaXROYXZpZ2F0aW9uVGFic0l0ZW1JY29uVHlwZTtcbiAgZGlzYWJsZWQ/OiBQcmVkaWNhdGU8S2l0TmF2aWdhdGlvblRhYnNJdGVtPjtcbn1cblxuZXhwb3J0IGVudW0gS2l0TmF2aWdhdGlvblRhYnNJdGVtSWNvblR5cGUge1xuICBGSUxMID0gJ2ZpbGwnLFxuICBTVFJPS0UgPSAnc3Ryb2tlJyxcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAna2l0LW5hdmlnYXRpb24tdGFicycsXG4gIHRlbXBsYXRlVXJsOiAnLi9raXQtbmF2aWdhdGlvbi10YWJzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4va2l0LW5hdmlnYXRpb24tdGFicy5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgS2l0TmF2aWdhdGlvblRhYnNDb21wb25lbnQge1xuICAvKipcbiAgICogSXRlbXMgd2hpY2ggYXJlIGdvaW5nIHRvIGJlIHJlbmRlcmVkIGFzIHRhYnMgbmF2aWdhdGlvbiBpdGVtc1xuICAgKi9cbiAgQElucHV0KCkgaXRlbXM6IEtpdE5hdmlnYXRpb25UYWJzSXRlbVtdID0gW107XG5cbiAgZ2V0Um91dGVyTGluayhpdGVtOiBLaXROYXZpZ2F0aW9uVGFic0l0ZW0pOiBzdHJpbmcgfCBLaXROYXZpZ2F0aW9uVGFic0l0ZW1MaW5rW10gfCBudWxsIHtcbiAgICBpZiAoaXRlbS5kaXNhYmxlZCAmJiBpdGVtLmRpc2FibGVkKGl0ZW0pKSB7XG4gICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG5cbiAgICByZXR1cm4gaXRlbS5saW5rO1xuICB9XG5cbiAgZ2V0SXRlbUljb25Dc3NDbGFzcyhpdGVtOiBLaXROYXZpZ2F0aW9uVGFic0l0ZW0pOiBLaXROYXZpZ2F0aW9uVGFic0l0ZW1JY29uVHlwZSB7XG4gICAgcmV0dXJuIGl0ZW0uaWNvblR5cGUgfHwgS2l0TmF2aWdhdGlvblRhYnNJdGVtSWNvblR5cGUuU1RST0tFO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwia2l0LW5hdmlnYXRpb24tdGFic1wiPlxuICA8ZGl2IGNsYXNzPVwidGFicy1uYXZcIj5cbiAgICA8YSAqbmdGb3I9XCJsZXQgaXRlbSBvZiBpdGVtc1wiXG4gICAgICAgY2xhc3M9XCJ0YWItaXRlbVwiXG4gICAgICAgcm91dGVyTGlua0FjdGl2ZT1cInRhYi1pdGVtLWFjdGl2ZVwiXG4gICAgICAgW3JvdXRlckxpbmtdPVwiZ2V0Um91dGVyTGluayhpdGVtKVwiPlxuICAgICAgPGtpdC1zdmctaWNvbiAqbmdJZj1cIml0ZW0uaWNvblwiXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwidGFiLWl0ZW0taWNvblwiXG4gICAgICAgICAgICAgICAgICAgIFtpY29uXT1cIml0ZW0uaWNvblwiXG4gICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cImdldEl0ZW1JY29uQ3NzQ2xhc3MoaXRlbSlcIlxuICAgICAgPjwva2l0LXN2Zy1pY29uPlxuICAgICAgXG4gICAgICA8c3BhbiBjbGFzcz1cInRhYi1pdGVtLXRpdGxlXCJcbiAgICAgICAgICAgIFtpbm5lckhUTUxdPVwiaXRlbS50aXRsZVwiXG4gICAgICA+PC9zcGFuPlxuICAgIDwvYT5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LW5hdmlnYXRpb24tdGFicy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1uYXZpZ2F0aW9uLXRhYnMva2l0LW5hdmlnYXRpb24tdGFicy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC1uYXZpZ2F0aW9uLXRhYnMva2l0LW5hdmlnYXRpb24tdGFicy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxRSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUVwRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sb0NBQW9DLENBQUM7Ozs7O0FBUXBFLE1BQU0sT0FBTywwQkFBMEI7SUFOdkM7UUFPRTs7V0FFRztRQUNNLFVBQUssR0FBNEIsRUFBRSxDQUFDO1FBRTdDOztXQUVHO1FBQ00sU0FBSSxHQUEwQixxQkFBcUIsQ0FBQyxJQUFJLENBQUM7S0FhbkU7SUFYQyxhQUFhLENBQUMsSUFBMkI7UUFDdkMsSUFBSSxJQUFJLENBQUMsUUFBUSxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEVBQUU7WUFDeEMsT0FBTyxJQUFJLENBQUM7U0FDYjtRQUVELE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQztJQUNuQixDQUFDO0lBRUQsbUJBQW1CLENBQUMsSUFBMkI7UUFDN0MsT0FBTyxJQUFJLENBQUMsUUFBUSxJQUFJLGNBQWMsQ0FBQyxJQUFJLENBQUM7SUFDOUMsQ0FBQzs4R0FyQlUsMEJBQTBCO2tHQUExQiwwQkFBMEIscUdDWHZDLGlwQkFxQkE7OzJGRFZhLDBCQUEwQjtrQkFOdEMsU0FBUzsrQkFDRSxxQkFBcUIsbUJBR2QsdUJBQXVCLENBQUMsTUFBTTs4QkFNdEMsS0FBSztzQkFBYixLQUFLO2dCQUtHLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBLaXROYXZpZ2F0aW9uVGFic1R5cGUgfSBmcm9tICcuL2tpdC1uYXZpZ2F0aW9uLXRhYnMuY29uc3QnO1xuaW1wb3J0IHsgS2l0TmF2aWdhdGlvblRhYnNJdGVtLCBLaXROYXZpZ2F0aW9uVGFic0l0ZW1MaW5rIH0gZnJvbSAnLi9raXQtbmF2aWdhdGlvbi10YWJzLm1vZGVsJztcbmltcG9ydCB7IEtpdFN2Z0ljb25UeXBlIH0gZnJvbSAnLi4va2l0LXN2Zy1pY29uL2tpdC1zdmctaWNvbi5jb25zdCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2tpdC1uYXZpZ2F0aW9uLXRhYnMnLFxuICB0ZW1wbGF0ZVVybDogJy4va2l0LW5hdmlnYXRpb24tdGFicy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2tpdC1uYXZpZ2F0aW9uLXRhYnMuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEtpdE5hdmlnYXRpb25UYWJzQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIEl0ZW1zIHdoaWNoIGFyZSBnb2luZyB0byBiZSByZW5kZXJlZCBhcyB0YWJzIG5hdmlnYXRpb24gaXRlbXNcbiAgICovXG4gIEBJbnB1dCgpIGl0ZW1zOiBLaXROYXZpZ2F0aW9uVGFic0l0ZW1bXSA9IFtdO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIHRoZSB0eXBlIG9mIHRhYnNcbiAgICovXG4gIEBJbnB1dCgpIHR5cGU6IEtpdE5hdmlnYXRpb25UYWJzVHlwZSA9IEtpdE5hdmlnYXRpb25UYWJzVHlwZS5URVhUO1xuXG4gIGdldFJvdXRlckxpbmsoaXRlbTogS2l0TmF2aWdhdGlvblRhYnNJdGVtKTogc3RyaW5nIHwgS2l0TmF2aWdhdGlvblRhYnNJdGVtTGlua1tdIHwgbnVsbCB7XG4gICAgaWYgKGl0ZW0uZGlzYWJsZWQgJiYgaXRlbS5kaXNhYmxlZChpdGVtKSkge1xuICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxuXG4gICAgcmV0dXJuIGl0ZW0ubGluaztcbiAgfVxuXG4gIGdldEl0ZW1JY29uQ3NzQ2xhc3MoaXRlbTogS2l0TmF2aWdhdGlvblRhYnNJdGVtKTogS2l0U3ZnSWNvblR5cGUge1xuICAgIHJldHVybiBpdGVtLmljb25UeXBlID8/IEtpdFN2Z0ljb25UeXBlLkZJTEw7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJraXQtbmF2aWdhdGlvbi10YWJzXCI+XG4gIDxkaXYgY2xhc3M9XCJ0YWJzLW5hdlwiXG4gICAgICAgW25nQ2xhc3NdPVwidHlwZVwiPlxuICAgIEBmb3IgKGl0ZW0gb2YgaXRlbXM7IHRyYWNrIGl0ZW0pIHtcbiAgICAgIDxhIGNsYXNzPVwidGFiLWl0ZW1cIlxuICAgICAgICAgcm91dGVyTGlua0FjdGl2ZT1cImFjdGl2ZVwiXG4gICAgICAgICBbY2xhc3MuZGlzYWJsZWRdPVwiaXRlbS5kaXNhYmxlZFwiXG4gICAgICAgICBbcm91dGVyTGlua109XCJnZXRSb3V0ZXJMaW5rKGl0ZW0pXCI+XG4gICAgICAgIEBpZiAoaXRlbS5pY29uKSB7XG4gICAgICAgICAgPGtpdC1zdmctaWNvbiBjbGFzcz1cInRhYi1pdGVtLWljb25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2ljb25dPVwiaXRlbS5pY29uXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cImdldEl0ZW1JY29uQ3NzQ2xhc3MoaXRlbSlcIlxuICAgICAgICAgID48L2tpdC1zdmctaWNvbj5cbiAgICAgICAgfVxuICAgICAgICA8c3BhbiBjbGFzcz1cInRhYi1pdGVtLXRpdGxlXCJcbiAgICAgICAgICAgICAgW2lubmVySFRNTF09XCJpdGVtLnRpdGxlXCJcbiAgICAgICAgPjwvc3Bhbj5cbiAgICAgIDwvYT5cbiAgICB9XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=

package/esm2022/lib/components/kit-navigation-tabs/kit-navigation-tabs.const.mjs

@@ -0,0 +1,6 @@
+export var KitNavigationTabsType;
+(function (KitNavigationTabsType) {
+    KitNavigationTabsType["TEXT"] = "text";
+    KitNavigationTabsType["BUTTON"] = "button";
+})(KitNavigationTabsType || (KitNavigationTabsType = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LW5hdmlnYXRpb24tdGFicy5jb25zdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMva2l0LW5hdmlnYXRpb24tdGFicy9raXQtbmF2aWdhdGlvbi10YWJzLmNvbnN0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBTixJQUFZLHFCQUdYO0FBSEQsV0FBWSxxQkFBcUI7SUFDL0Isc0NBQWEsQ0FBQTtJQUNiLDBDQUFpQixDQUFBO0FBQ25CLENBQUMsRUFIVyxxQkFBcUIsS0FBckIscUJBQXFCLFFBR2hDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGVudW0gS2l0TmF2aWdhdGlvblRhYnNUeXBlIHtcbiAgVEVYVCA9ICd0ZXh0JyxcbiAgQlVUVE9OID0gJ2J1dHRvbicsXG59XG4iXX0=

package/esm2022/lib/components/kit-navigation-tabs/kit-navigation-tabs.model.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LW5hdmlnYXRpb24tdGFicy5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMva2l0LW5hdmlnYXRpb24tdGFicy9raXQtbmF2aWdhdGlvbi10YWJzLm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBLaXRTdmdJY29uLCBLaXRTdmdJY29uVHlwZSB9IGZyb20gJy4uL2tpdC1zdmctaWNvbi9raXQtc3ZnLWljb24uY29uc3QnO1xuaW1wb3J0IHsgUHJlZGljYXRlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmV4cG9ydCB0eXBlIEtpdE5hdmlnYXRpb25UYWJzSXRlbUxpbmsgPSBzdHJpbmcgfCBudW1iZXI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgS2l0TmF2aWdhdGlvblRhYnNJdGVtIHtcbiAgdGl0bGU6IHN0cmluZztcbiAgbGluazogS2l0TmF2aWdhdGlvblRhYnNJdGVtTGlua1tdIHwgc3RyaW5nIHwgbnVsbDtcbiAgaWNvbj86IEtpdFN2Z0ljb247XG4gIGljb25UeXBlPzogS2l0U3ZnSWNvblR5cGU7XG4gIGRpc2FibGVkPzogUHJlZGljYXRlPEtpdE5hdmlnYXRpb25UYWJzSXRlbT47XG59XG4iXX0=

package/esm2022/lib/components/kit-svg-icon/kit-svg-icon.const.mjs

@@ -88,4 +88,9 @@ export var KitSvgIcon;
     KitSvgIcon["QUESTION_CIRCLE"] = "question-circle";
     KitSvgIcon["STAR"] = "star";
 })(KitSvgIcon || (KitSvgIcon = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXN2Zy1pY29uLmNvbnN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9raXQtc3ZnLWljb24va2l0LXN2Zy1pY29uLmNvbnN0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBTixJQUFZLFVBd0ZYO0FBeEZELFdBQVksVUFBVTtJQUNwQiwyQkFBYSxDQUFBO0lBQ2IsMkNBQTZCLENBQUE7SUFDN0IsdUNBQXlCLENBQUE7SUFDekIsNkNBQStCLENBQUE7SUFDL0IsMkJBQWEsQ0FBQTtJQUNiLDJCQUFhLENBQUE7SUFDYixtQ0FBcUIsQ0FBQTtJQUNyQixpQ0FBbUIsQ0FBQTtJQUNuQiw2QkFBZSxDQUFBO0lBQ2YsaUNBQW1CLENBQUE7SUFDbkIseUJBQVcsQ0FBQTtJQUNYLCtCQUFpQixDQUFBO0lBQ2pCLDJCQUFhLENBQUE7SUFDYixtQ0FBcUIsQ0FBQTtJQUNyQiw2QkFBZSxDQUFBO0lBQ2YsNkJBQWUsQ0FBQTtJQUNmLDJDQUE2QixDQUFBO0lBQzdCLG1DQUFxQixDQUFBO0lBQ3JCLHFDQUF1QixDQUFBO0lBQ3ZCLCtCQUFpQixDQUFBO0lBQ2pCLGtDQUFvQixDQUFBO0lBQ3BCLDJCQUFhLENBQUE7SUFDYiw2Q0FBK0IsQ0FBQTtJQUMvQiwrQkFBaUIsQ0FBQTtJQUNqQiw2QkFBZSxDQUFBO0lBQ2YsNkJBQWUsQ0FBQTtJQUNmLDJDQUE2QixDQUFBO0lBQzdCLDZCQUFlLENBQUE7SUFDZixxQ0FBdUIsQ0FBQTtJQUN2Qix5QkFBVyxDQUFBO0lBQ1gseUJBQVcsQ0FBQTtJQUNYLHlCQUFXLENBQUE7SUFDWCxpQ0FBbUIsQ0FBQTtJQUNuQiwrQkFBaUIsQ0FBQTtJQUNqQixxQ0FBdUIsQ0FBQTtJQUN2QixpQ0FBbUIsQ0FBQTtJQUNuQiwrQkFBaUIsQ0FBQTtJQUNqQiwyQkFBYSxDQUFBO0lBQ2IsNkJBQWUsQ0FBQTtJQUNmLCtCQUFpQixDQUFBO0lBQ2pCLHVDQUF5QixDQUFBO0lBQ3pCLCtDQUFpQyxDQUFBO0lBQ2pDLGlEQUFtQyxDQUFBO0lBQ25DLHVDQUF5QixDQUFBO0lBQ3pCLCtDQUFpQyxDQUFBO0lBQ2pDLDJDQUE2QixDQUFBO0lBQzdCLHlDQUEyQixDQUFBO0lBQzNCLGlFQUFtRCxDQUFBO0lBQ25ELG1FQUFxRCxDQUFBO0lBQ3JELDJCQUFhLENBQUE7SUFDYiwrQ0FBaUMsQ0FBQTtJQUNqQywrQ0FBaUMsQ0FBQTtJQUNqQywrQkFBaUIsQ0FBQTtJQUNqQiwyQ0FBNkIsQ0FBQTtJQUM3QixxREFBdUMsQ0FBQTtJQUN2Qyw2QkFBZSxDQUFBO0lBQ2YsK0JBQWlCLENBQUE7SUFDakIsMkJBQWEsQ0FBQTtJQUNiLGlEQUFtQyxDQUFBO0lBQ25DLHlDQUEyQixDQUFBO0lBQzNCLG1DQUFxQixDQUFBO0lBQ3JCLHFDQUF1QixDQUFBO0lBQ3ZCLHVFQUF5RCxDQUFBO0lBQ3pELHVEQUF5QyxDQUFBO0lBQ3pDLDJEQUE2QyxDQUFBO0lBQzdDLDJCQUFhLENBQUE7SUFDYiw2QkFBZSxDQUFBO0lBQ2YsaUNBQW1CLENBQUE7SUFDbkIsMkJBQWEsQ0FBQTtJQUNiLCtCQUFpQixDQUFBO0lBQ2pCLDZCQUFlLENBQUE7SUFDZiw2QkFBZSxDQUFBO0lBQ2YsMkJBQWEsQ0FBQTtJQUNiLDJCQUFhLENBQUE7SUFDYiwyQkFBYSxDQUFBO0lBQ2IsaUNBQW1CLENBQUE7SUFDbkIsK0JBQWlCLENBQUE7SUFDakIsK0NBQWlDLENBQUE7SUFDakMsdUNBQXlCLENBQUE7SUFDekIsMkJBQWEsQ0FBQTtJQUNiLHVDQUF5QixDQUFBO0lBQ3pCLHlDQUEyQixDQUFBO0lBQzNCLHlEQUEyQyxDQUFBO0lBQzNDLDZEQUErQyxDQUFBO0lBQy9DLHlEQUEyQyxDQUFBO0lBQzNDLGlEQUFtQyxDQUFBO0lBQ25DLDJCQUFhLENBQUE7QUFDZixDQUFDLEVBeEZXLFVBQVUsS0FBVixVQUFVLFFBd0ZyQiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBlbnVtIEtpdFN2Z0ljb24ge1xuICBMT0dPID0gJ2xvZ28nLFxuICBDSEVWUk9OX0RPV04gPSAnY2hldnJvbi1kb3duJyxcbiAgQ0hFVlJPTl9VUCA9ICdjaGV2cm9uLXVwJyxcbiAgQ0hFVlJPTl9SSUdIVCA9ICdjaGV2cm9uLXJpZ2h0JyxcbiAgUExVUyA9ICdwbHVzJyxcbiAgSU5GTyA9ICdpbmZvJyxcbiAgQ0FMRU5EQVIgPSAnY2FsZW5kYXInLFxuICBXQVJOSU5HID0gJ3dhcm5pbmcnLFxuICBFUlJPUiA9ICdlcnJvcicsXG4gIFNVQ0NFU1MgPSAnc3VjY2VzcycsXG4gIEVZRSA9ICdleWUnLFxuICBTRUFSQ0ggPSAnc2VhcmNoJyxcbiAgRURJVCA9ICdlZGl0JyxcbiAgTE9DQVRJT04gPSAnbG9jYXRpb24nLFxuICBDUk9TUyA9ICdjcm9zcycsXG4gIENIRUNLID0gJ2NoZWNrJyxcbiAgQ0hFQ0tfQ0lSQ0xFID0gJ2NoZWNrLWNpcmNsZScsXG4gIERJU0tFVFRFID0gJ2Rpc2tldHRlJyxcbiAgQ0xJUEJPQVJEID0gJ2NsaXBib2FyZCcsXG4gIExBWUVSUyA9ICdsYXllcnMnLFxuICBLTkFVRiA9ICdrbmF1Zi1sb2dvJyxcbiAgSE9NRSA9ICdob21lJyxcbiAgRE9VQkxFX0NJUkNMRSA9ICdkb3VibGUtY2lyY2xlJyxcbiAgUEVOQ0lMID0gJ3BlbmNpbCcsXG4gIE9SREVSID0gJ29yZGVyJyxcbiAgUkVTRVQgPSAncmVzZXQnLFxuICBDSVJDTEVfQ1JPU1MgPSAnY2lyY2xlLWNyb3NzJyxcbiAgVFJVQ0sgPSAndHJ1Y2snLFxuICBERUxJVkVSRUQgPSAnZGVsaXZlcmVkJyxcbiAgRlRMID0gJ2Z0bCcsXG4gIExUTCA9ICdsdGwnLFxuICBPUkcgPSAnb3JnJyxcbiAgQVJDSElWRSA9ICdhcmNoaXZlJyxcbiAgTE9HT1VUID0gJ2xvZ291dCcsXG4gIENPTlRBSU5FUiA9ICdjb250YWluZXInLFxuICBDQVJSSUVSID0gJ2NhcnJpZXInLFxuICBFWFBPUlQgPSAnZXhwb3J0JyxcbiAgR0VBUiA9ICdnZWFyJyxcbiAgU1RPQ0sgPSAnc3RvY2snLFxuICBTVEFUVVMgPSAnc3RhdHVzJyxcbiAgQ0xPU0VfU0lHTiA9ICdjbG9zZS1zaWduJyxcbiAgQ0xPU0VfU0lHTl9SRUQgPSAnY2xvc2Utc2lnbi1yZWQnLFxuICBPUEVOX1NJR05fR1JFRU4gPSAnb3Blbi1zaWduLWdyZWVuJyxcbiAgQVJST1dfTEVGVCA9ICdhcnJvdy1sZWZ0JyxcbiAgV0FSTklOR19ZRUxMT1cgPSAnd2FybmluZy15ZWxsb3cnLFxuICBDSVJDTEVfTUlOVVMgPSAnY2lyY2xlLW1pbnVzJyxcbiAgQ0lSQ0xFX1BMVVMgPSAnY2lyY2xlLXBsdXMnLFxuICBUSFJFRV9DSVJDTEVfQVJST1dfTEVGVCA9ICd0aHJlZS1jaXJjbGUtYXJyb3ctbGVmdCcsXG4gIFRIUkVFX0NJUkNMRV9BUlJPV19SSUdIVCA9ICd0aHJlZS1jaXJjbGUtYXJyb3ctcmlnaHQnLFxuICBTRU5EID0gJ3NlbmQnLFxuICBDQUxFTkRBUl9DSEVDSyA9ICdjYWxlbmRhci1jaGVjaycsXG4gIENMSVBCT0FSRF9USElOID0gJ2NsaXBib2FyZC10aGluJyxcbiAgV0FMTEVUID0gJ3dhbGxldCcsXG4gIENJUkNMRV9QVUxTRSA9ICdjaXJjbGUtcHVsc2UnLFxuICBDSVJDTEVfQ1JPU1NfVEhJTiA9ICdjaXJjbGUtY3Jvc3MtdGhpbicsXG4gIFRSQVNIID0gJ3RyYXNoJyxcbiAgV1JFTkNIID0gJ3dyZW5jaCcsXG4gIFRJTUUgPSAndGltZScsXG4gIFdBUk5JTkdfREVGQVVMVCA9ICd3YXJuaW5nLWRlZmF1bHQnLFxuICBST1RBVEVfTEVGVCA9ICdyb3RhdGUtbGVmdCcsXG4gIERPV05MT0FEID0gJ2Rvd25sb2FkJyxcbiAgRklMRV9URVhUID0gJ2ZpbGUtdGV4dCcsXG4gIEFSUk9XX1VQX1JJR0hUX0ZST01fU1FVQVJFID0gJ2Fycm93LXVwLXJpZ2h0LWZyb20tc3F1YXJlJyxcbiAgQ0lSQ0xFX0VYQ0xBTUFUSU9OID0gJ2NpcmNsZS1leGNsYW1hdGlvbicsXG4gIFRSSUFOR0xFX0VYQ0xBTUFUSU9OID0gJ3RyaWFuZ2xlLWV4Y2xhbWF0aW9uJyxcbiAgU0hJUCA9ICdzaGlwJyxcbiAgQ0xPQ0sgPSAnY2xvY2snLFxuICBGQUNUT1JZID0gJ2ZhY3RvcnknLFxuICBDT1BZID0gJ2NvcHknLFxuICBHRUFSXzEgPSAnZ2Vhci0xJyxcbiAgSE9VU0UgPSAnaG91c2UnLFxuICBDSEFSVCA9ICdjaGFydCcsXG4gIENMSVAgPSAnY2xpcCcsXG4gIE1BSUwgPSAnbWFpbCcsXG4gIE1FTlUgPSAnbWVudScsXG4gIE1FU1NBR0UgPSAnbWVzc2FnZScsXG4gIFJFTE9BRCA9ICdyZWxvYWQnLFxuICBXSU5ET1dfUkVTVE9SRSA9ICd3aW5kb3ctcmVzdG9yZScsXG4gIEJBQ0tfQVJST1cgPSAnYmFjay1hcnJvdycsXG4gIFVTRVIgPSAndXNlcicsXG4gIENBUkVUX0RPV04gPSAnY2FyZXQtZG93bicsXG4gIElORk9fQ0lSQ0xFID0gJ2luZm8tY2lyY2xlJyxcbiAgQ0hFQ0tfQ0lSQ0xFX0ZJTExFRCA9ICdjaGVjay1jaXJjbGUtZmlsbGVkJyxcbiAgV0FSTklOR19DSVJDTEVfRklMTEVEID0gJ3dhcm5pbmctY2lyY2xlLWZpbGxlZCcsXG4gIENMT1NFX0NJUkNMRV9GSUxMRUQgPSAnY2xvc2UtY2lyY2xlLWZpbGxlZCcsXG4gIFFVRVNUSU9OX0NJUkNMRSA9ICdxdWVzdGlvbi1jaXJjbGUnLFxuICBTVEFSID0gJ3N0YXInLFxufVxuIl19
+export var KitSvgIconType;
+(function (KitSvgIconType) {
+    KitSvgIconType["FILL"] = "fill";
+    KitSvgIconType["STROKE"] = "stroke";
+})(KitSvgIconType || (KitSvgIconType = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXN2Zy1pY29uLmNvbnN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9raXQtc3ZnLWljb24va2l0LXN2Zy1pY29uLmNvbnN0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBTixJQUFZLFVBd0ZYO0FBeEZELFdBQVksVUFBVTtJQUNwQiwyQkFBYSxDQUFBO0lBQ2IsMkNBQTZCLENBQUE7SUFDN0IsdUNBQXlCLENBQUE7SUFDekIsNkNBQStCLENBQUE7SUFDL0IsMkJBQWEsQ0FBQTtJQUNiLDJCQUFhLENBQUE7SUFDYixtQ0FBcUIsQ0FBQTtJQUNyQixpQ0FBbUIsQ0FBQTtJQUNuQiw2QkFBZSxDQUFBO0lBQ2YsaUNBQW1CLENBQUE7SUFDbkIseUJBQVcsQ0FBQTtJQUNYLCtCQUFpQixDQUFBO0lBQ2pCLDJCQUFhLENBQUE7SUFDYixtQ0FBcUIsQ0FBQTtJQUNyQiw2QkFBZSxDQUFBO0lBQ2YsNkJBQWUsQ0FBQTtJQUNmLDJDQUE2QixDQUFBO0lBQzdCLG1DQUFxQixDQUFBO0lBQ3JCLHFDQUF1QixDQUFBO0lBQ3ZCLCtCQUFpQixDQUFBO0lBQ2pCLGtDQUFvQixDQUFBO0lBQ3BCLDJCQUFhLENBQUE7SUFDYiw2Q0FBK0IsQ0FBQTtJQUMvQiwrQkFBaUIsQ0FBQTtJQUNqQiw2QkFBZSxDQUFBO0lBQ2YsNkJBQWUsQ0FBQTtJQUNmLDJDQUE2QixDQUFBO0lBQzdCLDZCQUFlLENBQUE7SUFDZixxQ0FBdUIsQ0FBQTtJQUN2Qix5QkFBVyxDQUFBO0lBQ1gseUJBQVcsQ0FBQTtJQUNYLHlCQUFXLENBQUE7SUFDWCxpQ0FBbUIsQ0FBQTtJQUNuQiwrQkFBaUIsQ0FBQTtJQUNqQixxQ0FBdUIsQ0FBQTtJQUN2QixpQ0FBbUIsQ0FBQTtJQUNuQiwrQkFBaUIsQ0FBQTtJQUNqQiwyQkFBYSxDQUFBO0lBQ2IsNkJBQWUsQ0FBQTtJQUNmLCtCQUFpQixDQUFBO0lBQ2pCLHVDQUF5QixDQUFBO0lBQ3pCLCtDQUFpQyxDQUFBO0lBQ2pDLGlEQUFtQyxDQUFBO0lBQ25DLHVDQUF5QixDQUFBO0lBQ3pCLCtDQUFpQyxDQUFBO0lBQ2pDLDJDQUE2QixDQUFBO0lBQzdCLHlDQUEyQixDQUFBO0lBQzNCLGlFQUFtRCxDQUFBO0lBQ25ELG1FQUFxRCxDQUFBO0lBQ3JELDJCQUFhLENBQUE7SUFDYiwrQ0FBaUMsQ0FBQTtJQUNqQywrQ0FBaUMsQ0FBQTtJQUNqQywrQkFBaUIsQ0FBQTtJQUNqQiwyQ0FBNkIsQ0FBQTtJQUM3QixxREFBdUMsQ0FBQTtJQUN2Qyw2QkFBZSxDQUFBO0lBQ2YsK0JBQWlCLENBQUE7SUFDakIsMkJBQWEsQ0FBQTtJQUNiLGlEQUFtQyxDQUFBO0lBQ25DLHlDQUEyQixDQUFBO0lBQzNCLG1DQUFxQixDQUFBO0lBQ3JCLHFDQUF1QixDQUFBO0lBQ3ZCLHVFQUF5RCxDQUFBO0lBQ3pELHVEQUF5QyxDQUFBO0lBQ3pDLDJEQUE2QyxDQUFBO0lBQzdDLDJCQUFhLENBQUE7SUFDYiw2QkFBZSxDQUFBO0lBQ2YsaUNBQW1CLENBQUE7SUFDbkIsMkJBQWEsQ0FBQTtJQUNiLCtCQUFpQixDQUFBO0lBQ2pCLDZCQUFlLENBQUE7SUFDZiw2QkFBZSxDQUFBO0lBQ2YsMkJBQWEsQ0FBQTtJQUNiLDJCQUFhLENBQUE7SUFDYiwyQkFBYSxDQUFBO0lBQ2IsaUNBQW1CLENBQUE7SUFDbkIsK0JBQWlCLENBQUE7SUFDakIsK0NBQWlDLENBQUE7SUFDakMsdUNBQXlCLENBQUE7SUFDekIsMkJBQWEsQ0FBQTtJQUNiLHVDQUF5QixDQUFBO0lBQ3pCLHlDQUEyQixDQUFBO0lBQzNCLHlEQUEyQyxDQUFBO0lBQzNDLDZEQUErQyxDQUFBO0lBQy9DLHlEQUEyQyxDQUFBO0lBQzNDLGlEQUFtQyxDQUFBO0lBQ25DLDJCQUFhLENBQUE7QUFDZixDQUFDLEVBeEZXLFVBQVUsS0FBVixVQUFVLFFBd0ZyQjtBQUVELE1BQU0sQ0FBTixJQUFZLGNBR1g7QUFIRCxXQUFZLGNBQWM7SUFDeEIsK0JBQWEsQ0FBQTtJQUNiLG1DQUFpQixDQUFBO0FBQ25CLENBQUMsRUFIVyxjQUFjLEtBQWQsY0FBYyxRQUd6QiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBlbnVtIEtpdFN2Z0ljb24ge1xuICBMT0dPID0gJ2xvZ28nLFxuICBDSEVWUk9OX0RPV04gPSAnY2hldnJvbi1kb3duJyxcbiAgQ0hFVlJPTl9VUCA9ICdjaGV2cm9uLXVwJyxcbiAgQ0hFVlJPTl9SSUdIVCA9ICdjaGV2cm9uLXJpZ2h0JyxcbiAgUExVUyA9ICdwbHVzJyxcbiAgSU5GTyA9ICdpbmZvJyxcbiAgQ0FMRU5EQVIgPSAnY2FsZW5kYXInLFxuICBXQVJOSU5HID0gJ3dhcm5pbmcnLFxuICBFUlJPUiA9ICdlcnJvcicsXG4gIFNVQ0NFU1MgPSAnc3VjY2VzcycsXG4gIEVZRSA9ICdleWUnLFxuICBTRUFSQ0ggPSAnc2VhcmNoJyxcbiAgRURJVCA9ICdlZGl0JyxcbiAgTE9DQVRJT04gPSAnbG9jYXRpb24nLFxuICBDUk9TUyA9ICdjcm9zcycsXG4gIENIRUNLID0gJ2NoZWNrJyxcbiAgQ0hFQ0tfQ0lSQ0xFID0gJ2NoZWNrLWNpcmNsZScsXG4gIERJU0tFVFRFID0gJ2Rpc2tldHRlJyxcbiAgQ0xJUEJPQVJEID0gJ2NsaXBib2FyZCcsXG4gIExBWUVSUyA9ICdsYXllcnMnLFxuICBLTkFVRiA9ICdrbmF1Zi1sb2dvJyxcbiAgSE9NRSA9ICdob21lJyxcbiAgRE9VQkxFX0NJUkNMRSA9ICdkb3VibGUtY2lyY2xlJyxcbiAgUEVOQ0lMID0gJ3BlbmNpbCcsXG4gIE9SREVSID0gJ29yZGVyJyxcbiAgUkVTRVQgPSAncmVzZXQnLFxuICBDSVJDTEVfQ1JPU1MgPSAnY2lyY2xlLWNyb3NzJyxcbiAgVFJVQ0sgPSAndHJ1Y2snLFxuICBERUxJVkVSRUQgPSAnZGVsaXZlcmVkJyxcbiAgRlRMID0gJ2Z0bCcsXG4gIExUTCA9ICdsdGwnLFxuICBPUkcgPSAnb3JnJyxcbiAgQVJDSElWRSA9ICdhcmNoaXZlJyxcbiAgTE9HT1VUID0gJ2xvZ291dCcsXG4gIENPTlRBSU5FUiA9ICdjb250YWluZXInLFxuICBDQVJSSUVSID0gJ2NhcnJpZXInLFxuICBFWFBPUlQgPSAnZXhwb3J0JyxcbiAgR0VBUiA9ICdnZWFyJyxcbiAgU1RPQ0sgPSAnc3RvY2snLFxuICBTVEFUVVMgPSAnc3RhdHVzJyxcbiAgQ0xPU0VfU0lHTiA9ICdjbG9zZS1zaWduJyxcbiAgQ0xPU0VfU0lHTl9SRUQgPSAnY2xvc2Utc2lnbi1yZWQnLFxuICBPUEVOX1NJR05fR1JFRU4gPSAnb3Blbi1zaWduLWdyZWVuJyxcbiAgQVJST1dfTEVGVCA9ICdhcnJvdy1sZWZ0JyxcbiAgV0FSTklOR19ZRUxMT1cgPSAnd2FybmluZy15ZWxsb3cnLFxuICBDSVJDTEVfTUlOVVMgPSAnY2lyY2xlLW1pbnVzJyxcbiAgQ0lSQ0xFX1BMVVMgPSAnY2lyY2xlLXBsdXMnLFxuICBUSFJFRV9DSVJDTEVfQVJST1dfTEVGVCA9ICd0aHJlZS1jaXJjbGUtYXJyb3ctbGVmdCcsXG4gIFRIUkVFX0NJUkNMRV9BUlJPV19SSUdIVCA9ICd0aHJlZS1jaXJjbGUtYXJyb3ctcmlnaHQnLFxuICBTRU5EID0gJ3NlbmQnLFxuICBDQUxFTkRBUl9DSEVDSyA9ICdjYWxlbmRhci1jaGVjaycsXG4gIENMSVBCT0FSRF9USElOID0gJ2NsaXBib2FyZC10aGluJyxcbiAgV0FMTEVUID0gJ3dhbGxldCcsXG4gIENJUkNMRV9QVUxTRSA9ICdjaXJjbGUtcHVsc2UnLFxuICBDSVJDTEVfQ1JPU1NfVEhJTiA9ICdjaXJjbGUtY3Jvc3MtdGhpbicsXG4gIFRSQVNIID0gJ3RyYXNoJyxcbiAgV1JFTkNIID0gJ3dyZW5jaCcsXG4gIFRJTUUgPSAndGltZScsXG4gIFdBUk5JTkdfREVGQVVMVCA9ICd3YXJuaW5nLWRlZmF1bHQnLFxuICBST1RBVEVfTEVGVCA9ICdyb3RhdGUtbGVmdCcsXG4gIERPV05MT0FEID0gJ2Rvd25sb2FkJyxcbiAgRklMRV9URVhUID0gJ2ZpbGUtdGV4dCcsXG4gIEFSUk9XX1VQX1JJR0hUX0ZST01fU1FVQVJFID0gJ2Fycm93LXVwLXJpZ2h0LWZyb20tc3F1YXJlJyxcbiAgQ0lSQ0xFX0VYQ0xBTUFUSU9OID0gJ2NpcmNsZS1leGNsYW1hdGlvbicsXG4gIFRSSUFOR0xFX0VYQ0xBTUFUSU9OID0gJ3RyaWFuZ2xlLWV4Y2xhbWF0aW9uJyxcbiAgU0hJUCA9ICdzaGlwJyxcbiAgQ0xPQ0sgPSAnY2xvY2snLFxuICBGQUNUT1JZID0gJ2ZhY3RvcnknLFxuICBDT1BZID0gJ2NvcHknLFxuICBHRUFSXzEgPSAnZ2Vhci0xJyxcbiAgSE9VU0UgPSAnaG91c2UnLFxuICBDSEFSVCA9ICdjaGFydCcsXG4gIENMSVAgPSAnY2xpcCcsXG4gIE1BSUwgPSAnbWFpbCcsXG4gIE1FTlUgPSAnbWVudScsXG4gIE1FU1NBR0UgPSAnbWVzc2FnZScsXG4gIFJFTE9BRCA9ICdyZWxvYWQnLFxuICBXSU5ET1dfUkVTVE9SRSA9ICd3aW5kb3ctcmVzdG9yZScsXG4gIEJBQ0tfQVJST1cgPSAnYmFjay1hcnJvdycsXG4gIFVTRVIgPSAndXNlcicsXG4gIENBUkVUX0RPV04gPSAnY2FyZXQtZG93bicsXG4gIElORk9fQ0lSQ0xFID0gJ2luZm8tY2lyY2xlJyxcbiAgQ0hFQ0tfQ0lSQ0xFX0ZJTExFRCA9ICdjaGVjay1jaXJjbGUtZmlsbGVkJyxcbiAgV0FSTklOR19DSVJDTEVfRklMTEVEID0gJ3dhcm5pbmctY2lyY2xlLWZpbGxlZCcsXG4gIENMT1NFX0NJUkNMRV9GSUxMRUQgPSAnY2xvc2UtY2lyY2xlLWZpbGxlZCcsXG4gIFFVRVNUSU9OX0NJUkNMRSA9ICdxdWVzdGlvbi1jaXJjbGUnLFxuICBTVEFSID0gJ3N0YXInLFxufVxuXG5leHBvcnQgZW51bSBLaXRTdmdJY29uVHlwZSB7XG4gIEZJTEwgPSAnZmlsbCcsXG4gIFNUUk9LRSA9ICdzdHJva2UnLFxufVxuIl19

package/esm2022/lib/components/kit-tabs/kit-tab/kit-tab.component.mjs

@@ -0,0 +1,47 @@
+import { ChangeDetectionStrategy, Component, ContentChild, Input } from '@angular/core';
+import { KitSvgIconType } from '../../kit-svg-icon/kit-svg-icon.const';
+import * as i0 from "@angular/core";
+export class KitTabComponent {
+    constructor() {
+        /**
+         * Defines the tab title
+         */
+        this.title = '';
+        /**
+         * Defines the icon type
+         */
+        this.iconType = KitSvgIconType.FILL;
+        /**
+         * Defines which tab will be selected when tabs are initially loaded
+         */
+        this.selected = false;
+        /**
+         * Defines which tab will be disabled
+         */
+        this.disabled = false;
+        /**
+         * Defines a reference to the tab content
+         */
+        this.kitTabContent = null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.7", type: KitTabComponent, selector: "kit-tab", inputs: { title: "title", icon: "icon", iconType: "iconType", selected: "selected", disabled: "disabled" }, queries: [{ propertyName: "kitTabContent", first: true, predicate: ["kitTabContent"], descendants: true }], 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;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 .text .k-tabstrip-items{gap:32px}::ng-deep .kit-tabs .text .k-item{height:46px;border-bottom:2px solid transparent}::ng-deep .kit-tabs .text .k-item:hover{color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .text .k-item:hover .tab-title-icon{fill:var(--ui-kit-color-main)}::ng-deep .kit-tabs .text .k-item:hover .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .text .k-item.k-active{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .text .k-item.k-active .tab-title-icon{fill:var(--ui-kit-color-main)}::ng-deep .kit-tabs .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)}::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:var(--ui-kit-color-main)}::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{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:var(--ui-kit-color-white)}::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-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;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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitTabComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kit-tab', template: '', changeDetection: ChangeDetectionStrategy.OnPush, styles: ["::ng-deep .kit-tabs .k-tabstrip .k-item{display:flex;align-items:center;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;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 .text .k-tabstrip-items{gap:32px}::ng-deep .kit-tabs .text .k-item{height:46px;border-bottom:2px solid transparent}::ng-deep .kit-tabs .text .k-item:hover{color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .text .k-item:hover .tab-title-icon{fill:var(--ui-kit-color-main)}::ng-deep .kit-tabs .text .k-item:hover .tab-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}::ng-deep .kit-tabs .text .k-item.k-active{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main)}::ng-deep .kit-tabs .text .k-item.k-active .tab-title-icon{fill:var(--ui-kit-color-main)}::ng-deep .kit-tabs .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)}::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:var(--ui-kit-color-main)}::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{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:var(--ui-kit-color-white)}::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-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;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: [{
+                type: Input
+            }], iconType: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], kitTabContent: [{
+                type: ContentChild,
+                args: ['kitTabContent']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXRhYi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC10YWJzL2tpdC10YWIva2l0LXRhYi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFlLE1BQU0sZUFBZSxDQUFDO0FBQ3JHLE9BQU8sRUFBYyxjQUFjLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQzs7QUFRbkYsTUFBTSxPQUFPLGVBQWU7SUFONUI7UUFPRTs7V0FFRztRQUNNLFVBQUssR0FBVyxFQUFFLENBQUM7UUFPNUI7O1dBRUc7UUFDTSxhQUFRLEdBQW1CLGNBQWMsQ0FBQyxJQUFJLENBQUM7UUFFeEQ7O1dBRUc7UUFDTSxhQUFRLEdBQVksS0FBSyxDQUFDO1FBRW5DOztXQUVHO1FBQ00sYUFBUSxHQUFZLEtBQUssQ0FBQztRQUVuQzs7V0FFRztRQUM0QixrQkFBYSxHQUFvQyxJQUFJLENBQUM7S0FDdEY7OEdBOUJZLGVBQWU7a0dBQWYsZUFBZSx1UUFKaEIsRUFBRTs7MkZBSUQsZUFBZTtrQkFOM0IsU0FBUzsrQkFDRSxTQUFTLFlBQ1QsRUFBRSxtQkFFSyx1QkFBdUIsQ0FBQyxNQUFNOzhCQU10QyxLQUFLO3NCQUFiLEtBQUs7Z0JBS0csSUFBSTtzQkFBWixLQUFLO2dCQUtHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBS0csUUFBUTtzQkFBaEIsS0FBSztnQkFLRyxRQUFRO3NCQUFoQixLQUFLO2dCQUt5QixhQUFhO3NCQUEzQyxZQUFZO3VCQUFDLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBDb250ZW50Q2hpbGQsIElucHV0LCBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgS2l0U3ZnSWNvbiwgS2l0U3ZnSWNvblR5cGUgfSBmcm9tICcuLi8uLi9raXQtc3ZnLWljb24va2l0LXN2Zy1pY29uLmNvbnN0JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAna2l0LXRhYicsXG4gIHRlbXBsYXRlOiAnJyxcbiAgc3R5bGVVcmw6ICcuL2tpdC10YWIuY29tcG9uZW50LnNjc3MnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgS2l0VGFiQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIERlZmluZXMgdGhlIHRhYiB0aXRsZVxuICAgKi9cbiAgQElucHV0KCkgdGl0bGU6IHN0cmluZyA9ICcnO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIHRoZSBpY29uIHdoaWNoIHdpbGwgYmUgdXNlZCB3aXRoIHRoZSB0YWIgdGl0bGVcbiAgICovXG4gIEBJbnB1dCgpIGljb24/OiBLaXRTdmdJY29uO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIHRoZSBpY29uIHR5cGVcbiAgICovXG4gIEBJbnB1dCgpIGljb25UeXBlOiBLaXRTdmdJY29uVHlwZSA9IEtpdFN2Z0ljb25UeXBlLkZJTEw7XG5cbiAgLyoqXG4gICAqIERlZmluZXMgd2hpY2ggdGFiIHdpbGwgYmUgc2VsZWN0ZWQgd2hlbiB0YWJzIGFyZSBpbml0aWFsbHkgbG9hZGVkXG4gICAqL1xuICBASW5wdXQoKSBzZWxlY3RlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIHdoaWNoIHRhYiB3aWxsIGJlIGRpc2FibGVkXG4gICAqL1xuICBASW5wdXQoKSBkaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIGEgcmVmZXJlbmNlIHRvIHRoZSB0YWIgY29udGVudFxuICAgKi9cbiAgQENvbnRlbnRDaGlsZCgna2l0VGFiQ29udGVudCcpIGtpdFRhYkNvbnRlbnQ6IFRlbXBsYXRlUmVmPEhUTUxFbGVtZW50PiB8IG51bGwgPSBudWxsO1xufVxuIl19

package/esm2022/lib/components/kit-tabs/kit-tabs.component.mjs

@@ -0,0 +1,49 @@
+import { ChangeDetectionStrategy, Component, ContentChildren, EventEmitter, Input, Output } from '@angular/core';
+import { KitTabComponent } from './kit-tab/kit-tab.component';
+import { KitTabsType } from './kit-tabs.const';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@progress/kendo-angular-layout";
+import * as i3 from "../kit-svg-icon/kit-svg-icon.component";
+export class KitTabsComponent {
+    constructor() {
+        /**
+         * Defines the type of tabs
+         */
+        this.type = KitTabsType.TEXT;
+        /**
+         * Enables the tab animation
+         */
+        this.animate = false;
+        /**
+         * An action which is emitted when tab is selected
+         */
+        this.tabSelected = new EventEmitter();
+        /**
+         * Defines the reference to the tabs content
+         */
+        this.tabs = null;
+    }
+    onTabSelect(event) {
+        this.tabSelected.emit({
+            index: event.index,
+            title: event.title,
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.7", type: KitTabsComponent, 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.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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.TabStripComponent, selector: "kendo-tabstrip", inputs: ["height", "animate", "tabAlignment", "tabPosition", "keepTabContent", "closable", "scrollable", "closeIcon", "closeIconClass", "closeSVGIcon", "showContentArea"], outputs: ["tabSelect", "tabClose", "tabScroll"], exportAs: ["kendoTabStrip"] }, { kind: "component", type: i2.TabStripTabComponent, selector: "kendo-tabstrip-tab", inputs: ["title", "disabled", "cssClass", "cssStyle", "selected", "closable", "closeIcon", "closeIconClass", "closeSVGIcon"], exportAs: ["kendoTabStripTab"] }, { kind: "directive", type: i2.TabContentDirective, selector: "[kendoTabContent]" }, { kind: "directive", type: i2.TabTitleDirective, selector: "[kendoTabTitle]" }, { kind: "component", type: i3.KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitTabsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kit-tabs', changeDetection: ChangeDetectionStrategy.OnPush, 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.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
+            }], animate: [{
+                type: Input
+            }], tabSelected: [{
+                type: Output
+            }], tabs: [{
+                type: ContentChildren,
+                args: [KitTabComponent]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXRhYnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9raXQtdGFicy9raXQtdGFicy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC10YWJzL2tpdC10YWJzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsZUFBZSxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFhLE1BQU0sZUFBZSxDQUFDO0FBQzVILE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUM5RCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7Ozs7O0FBUy9DLE1BQU0sT0FBTyxnQkFBZ0I7SUFMN0I7UUFNRTs7V0FFRztRQUNNLFNBQUksR0FBZ0IsV0FBVyxDQUFDLElBQUksQ0FBQztRQUU5Qzs7V0FFRztRQUNNLFlBQU8sR0FBWSxLQUFLLENBQUM7UUFFbEM7O1dBRUc7UUFDTyxnQkFBVyxHQUFxQyxJQUFJLFlBQVksRUFBc0IsQ0FBQztRQUVqRzs7V0FFRztRQUMrQixTQUFJLEdBQXNDLElBQUksQ0FBQztLQVFsRjtJQU5DLFdBQVcsQ0FBQyxLQUFrQjtRQUM1QixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQztZQUNwQixLQUFLLEVBQUUsS0FBSyxDQUFDLEtBQUs7WUFDbEIsS0FBSyxFQUFFLEtBQUssQ0FBQyxLQUFLO1NBQ25CLENBQUMsQ0FBQztJQUNMLENBQUM7OEdBMUJVLGdCQUFnQjtrR0FBaEIsZ0JBQWdCLDRKQW1CVixlQUFlLDZCQzlCbEMsMGdDQTZCQTs7MkZEbEJhLGdCQUFnQjtrQkFMNUIsU0FBUzsrQkFDRSxVQUFVLG1CQUVILHVCQUF1QixDQUFDLE1BQU07OEJBTXRDLElBQUk7c0JBQVosS0FBSztnQkFLRyxPQUFPO3NCQUFmLEtBQUs7Z0JBS0ksV0FBVztzQkFBcEIsTUFBTTtnQkFLMkIsSUFBSTtzQkFBckMsZUFBZTt1QkFBQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgQ29udGVudENoaWxkcmVuLCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFF1ZXJ5TGlzdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgS2l0VGFiQ29tcG9uZW50IH0gZnJvbSAnLi9raXQtdGFiL2tpdC10YWIuY29tcG9uZW50JztcbmltcG9ydCB7IEtpdFRhYnNUeXBlIH0gZnJvbSAnLi9raXQtdGFicy5jb25zdCc7XG5pbXBvcnQgeyBLaXRUYWJzU2VsZWN0RXZlbnQgfSBmcm9tICcuL2tpdC10YWJzLm1vZGVsJztcbmltcG9ydCB7IFNlbGVjdEV2ZW50IH0gZnJvbSAnQHByb2dyZXNzL2tlbmRvLWFuZ3VsYXItbGF5b3V0JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAna2l0LXRhYnMnLFxuICB0ZW1wbGF0ZVVybDogJy4va2l0LXRhYnMuY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgS2l0VGFic0NvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBEZWZpbmVzIHRoZSB0eXBlIG9mIHRhYnNcbiAgICovXG4gIEBJbnB1dCgpIHR5cGU6IEtpdFRhYnNUeXBlID0gS2l0VGFic1R5cGUuVEVYVDtcblxuICAvKipcbiAgICogRW5hYmxlcyB0aGUgdGFiIGFuaW1hdGlvblxuICAgKi9cbiAgQElucHV0KCkgYW5pbWF0ZTogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBBbiBhY3Rpb24gd2hpY2ggaXMgZW1pdHRlZCB3aGVuIHRhYiBpcyBzZWxlY3RlZFxuICAgKi9cbiAgQE91dHB1dCgpIHRhYlNlbGVjdGVkOiBFdmVudEVtaXR0ZXI8S2l0VGFic1NlbGVjdEV2ZW50PiA9IG5ldyBFdmVudEVtaXR0ZXI8S2l0VGFic1NlbGVjdEV2ZW50PigpO1xuXG4gIC8qKlxuICAgKiBEZWZpbmVzIHRoZSByZWZlcmVuY2UgdG8gdGhlIHRhYnMgY29udGVudFxuICAgKi9cbiAgQENvbnRlbnRDaGlsZHJlbihLaXRUYWJDb21wb25lbnQpIHRhYnM6IFF1ZXJ5TGlzdDxLaXRUYWJDb21wb25lbnQ+IHwgbnVsbCA9IG51bGw7XG5cbiAgb25UYWJTZWxlY3QoZXZlbnQ6IFNlbGVjdEV2ZW50KTogdm9pZCB7XG4gICAgdGhpcy50YWJTZWxlY3RlZC5lbWl0KHtcbiAgICAgIGluZGV4OiBldmVudC5pbmRleCxcbiAgICAgIHRpdGxlOiBldmVudC50aXRsZSxcbiAgICB9KTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImtpdC10YWJzXCI+XG4gIDxrZW5kby10YWJzdHJpcCBbbmdDbGFzc109XCJ0eXBlXCJcbiAgICAgICAgICAgICAgICAgIFthbmltYXRlXT1cImFuaW1hdGVcIlxuICAgICAgICAgICAgICAgICAgKHRhYlNlbGVjdCk9XCJvblRhYlNlbGVjdCgkZXZlbnQpXCI+XG4gICAgQGZvciAodGFiIG9mIHRhYnM7IHRyYWNrIHRhYikge1xuICAgICAgPGtlbmRvLXRhYnN0cmlwLXRhYiBbdGl0bGVdPVwidGFiLnRpdGxlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgW3NlbGVjdGVkXT1cInRhYi5zZWxlY3RlZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJ0YWIuZGlzYWJsZWRcIj5cbiAgICAgICAgQGlmICh0YWIuaWNvbikge1xuICAgICAgICAgIDxuZy10ZW1wbGF0ZSBrZW5kb1RhYlRpdGxlPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRhYi10aXRsZVwiPlxuICAgICAgICAgICAgICA8a2l0LXN2Zy1pY29uIGNsYXNzPVwidGFiLXRpdGxlLWljb25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtpY29uXT1cInRhYi5pY29uXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJ0YWIuaWNvblR5cGVcIlxuICAgICAgICAgICAgICA+PC9raXQtc3ZnLWljb24+XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0YWIgdGl0bGUtdGV4dFwiPlxuICAgICAgICAgICAgICAgIHt7IHRhYi50aXRsZSB9fVxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgIH1cbiAgICAgICAgPG5nLXRlbXBsYXRlIGtlbmRvVGFiQ29udGVudD5cbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwidGFiLmtpdFRhYkNvbnRlbnRcIlxuICAgICAgICAgID48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgIDwva2VuZG8tdGFic3RyaXAtdGFiPlxuICAgIH1cbiAgPC9rZW5kby10YWJzdHJpcD5cbjwvZGl2PlxuIl19

package/esm2022/lib/components/kit-tabs/kit-tabs.const.mjs

@@ -0,0 +1,6 @@
+export var KitTabsType;
+(function (KitTabsType) {
+    KitTabsType["TEXT"] = "text";
+    KitTabsType["BUTTON"] = "button";
+})(KitTabsType || (KitTabsType = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXRhYnMuY29uc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC10YWJzL2tpdC10YWJzLmNvbnN0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBTixJQUFZLFdBR1g7QUFIRCxXQUFZLFdBQVc7SUFDckIsNEJBQWEsQ0FBQTtJQUNiLGdDQUFpQixDQUFBO0FBQ25CLENBQUMsRUFIVyxXQUFXLEtBQVgsV0FBVyxRQUd0QiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBlbnVtIEtpdFRhYnNUeXBlIHtcbiAgVEVYVCA9ICd0ZXh0JyxcbiAgQlVUVE9OID0gJ2J1dHRvbicsXG59XG4iXX0=

package/esm2022/lib/components/kit-tabs/kit-tabs.model.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXRhYnMubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2tpdC10YWJzL2tpdC10YWJzLm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgaW50ZXJmYWNlIEtpdFRhYnNTZWxlY3RFdmVudCB7XG4gIGluZGV4OiBudW1iZXI7XG4gIHRpdGxlOiBzdHJpbmc7XG59XG4iXX0=

package/esm2022/lib/components/kit-tabs/kit-tabs.module.mjs

@@ -0,0 +1,37 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { KitTabsComponent } from './kit-tabs.component';
+import { LayoutModule } from '@progress/kendo-angular-layout';
+import { KitSvgIconModule } from '../kit-svg-icon/kit-svg-icon.module';
+import { KitTabComponent } from './kit-tab/kit-tab.component';
+import * as i0 from "@angular/core";
+export class KitTabsModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.7", ngImport: i0, type: KitTabsModule, declarations: [KitTabsComponent,
+            KitTabComponent], imports: [CommonModule,
+            LayoutModule,
+            KitSvgIconModule], exports: [KitTabsComponent,
+            KitTabComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitTabsModule, imports: [CommonModule,
+            LayoutModule,
+            KitSvgIconModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.7", ngImport: i0, type: KitTabsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        KitTabsComponent,
+                        KitTabComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        LayoutModule,
+                        KitSvgIconModule,
+                    ],
+                    exports: [
+                        KitTabsComponent,
+                        KitTabComponent,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2l0LXRhYnMubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9raXQtdGFicy9raXQtdGFicy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDeEQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQzlELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQzs7QUFpQjlELE1BQU0sT0FBTyxhQUFhOzhHQUFiLGFBQWE7K0dBQWIsYUFBYSxpQkFidEIsZ0JBQWdCO1lBQ2hCLGVBQWUsYUFHZixZQUFZO1lBQ1osWUFBWTtZQUNaLGdCQUFnQixhQUdoQixnQkFBZ0I7WUFDaEIsZUFBZTsrR0FHTixhQUFhLFlBVHRCLFlBQVk7WUFDWixZQUFZO1lBQ1osZ0JBQWdCOzsyRkFPUCxhQUFhO2tCQWZ6QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixnQkFBZ0I7d0JBQ2hCLGVBQWU7cUJBQ2hCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLFlBQVk7d0JBQ1osZ0JBQWdCO3FCQUNqQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsZ0JBQWdCO3dCQUNoQixlQUFlO3FCQUNoQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgS2l0VGFic0NvbXBvbmVudCB9IGZyb20gJy4va2l0LXRhYnMuY29tcG9uZW50JztcbmltcG9ydCB7IExheW91dE1vZHVsZSB9IGZyb20gJ0Bwcm9ncmVzcy9rZW5kby1hbmd1bGFyLWxheW91dCc7XG5pbXBvcnQgeyBLaXRTdmdJY29uTW9kdWxlIH0gZnJvbSAnLi4va2l0LXN2Zy1pY29uL2tpdC1zdmctaWNvbi5tb2R1bGUnO1xuaW1wb3J0IHsgS2l0VGFiQ29tcG9uZW50IH0gZnJvbSAnLi9raXQtdGFiL2tpdC10YWIuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgS2l0VGFic0NvbXBvbmVudCxcbiAgICBLaXRUYWJDb21wb25lbnQsXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgTGF5b3V0TW9kdWxlLFxuICAgIEtpdFN2Z0ljb25Nb2R1bGUsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBLaXRUYWJzQ29tcG9uZW50LFxuICAgIEtpdFRhYkNvbXBvbmVudCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgS2l0VGFic01vZHVsZSB7XG59XG4iXX0=