@progress/kendo-angular-layout 7.1.2-dev.202208301247 → 7.1.3-dev.202209091352

package/esm2015/avatar/avatar.component.js

@@ -241,7 +241,9 @@ AvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
         </ng-container>
 
         <ng-container *ngIf="icon || iconClass">
-            <span class="k-avatar-icon" [ngStyle]="cssStyle" [ngClass]="iconClasses()"></span>
+            <span class="k-avatar-icon">
+                <span [ngStyle]="cssStyle" [ngClass]="iconClasses()"></span>
+            </span>
         </ng-container>
     `, isInline: true, directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AvatarComponent, decorators: [{
@@ -262,7 +264,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
         </ng-container>
 
         <ng-container *ngIf="icon || iconClass">
-            <span class="k-avatar-icon" [ngStyle]="cssStyle" [ngClass]="iconClasses()"></span>
+            <span class="k-avatar-icon">
+                <span [ngStyle]="cssStyle" [ngClass]="iconClasses()"></span>
+            </span>
         </ng-container>
     `
                 }]

package/esm2015/drawer/drawer-container.component.js

@@ -28,7 +28,7 @@ export class DrawerContainerComponent {
         return this.drawer.mode === 'overlay';
     }
     get miniClass() {
-        return this.drawer.mini;
+        return this.drawer.mini && !this.drawer.expanded;
     }
     get pushClass() {
         return this.drawer.mode === 'push';

package/esm2015/package-metadata.js

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-layout',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1661863628,
+    publishDate: 1662731489,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };

package/esm2015/panelbar/panelbar-item.component.js

@@ -89,9 +89,6 @@ export class PanelBarItemComponent {
     get kStateDefaultClass() {
         return !this.disabled;
     }
-    get kStateDisabledClass() {
-        return this.disabled;
-    }
     get kStateExpandedClass() {
         return !this.disabled && this.expanded && (this.hasChildItems || this.hasContent);
     }
@@ -110,9 +107,6 @@ export class PanelBarItemComponent {
     get headerClass() {
         return this.parent ? null : true;
     }
-    get childClass() {
-        return this.parent ? true : null;
-    }
     /**
      * @hidden
      */
@@ -244,12 +238,13 @@ export class PanelBarItemComponent {
     }
 }
 PanelBarItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PanelBarItemComponent, deps: [{ token: PanelBarItemComponent, host: true, optional: true, skipSelf: true }, { token: i1.PanelBarService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-PanelBarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: PanelBarItemComponent, selector: "kendo-panelbar-item", inputs: { title: "title", id: "id", icon: "icon", iconClass: "iconClass", imageUrl: "imageUrl", disabled: "disabled", expanded: "expanded", selected: "selected", content: "content", items: "items", template: "template" }, host: { properties: { "attr.role": "this.role", "attr.title": "this.titleAttribute", "class.k-item": "this.kItemClass", "class.k-state-default": "this.kStateDefaultClass", "class.k-disabled": "this.kStateDisabledClass", "class.k-state-expanded": "this.kStateExpandedClass", "id": "this.itemId", "attr.aria-expanded": "this.ariaExpanded", "attr.aria-selected": "this.ariaSelected", "attr.aria-disabled": "this.ariaDisabled", "class.k-panelbar-header": "this.headerClass", "class.k-panelbar-item": "this.childClass" } }, queries: [{ propertyName: "contentItems", predicate: PanelBarItemComponent }, { propertyName: "contentTemplate", predicate: PanelBarContentDirective }, { propertyName: "titleTemplates", predicate: PanelBarItemTitleDirective }], viewQueries: [{ propertyName: "header", first: true, predicate: ["header"], descendants: true }, { propertyName: "contentWrapper", first: true, predicate: ["contentWrapper"], descendants: true }, { propertyName: "viewChildItems", predicate: PanelBarItemComponent, descendants: true }], exportAs: ["kendoPanelbarItem"], ngImport: i0, template: `
+PanelBarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: PanelBarItemComponent, selector: "kendo-panelbar-item", inputs: { title: "title", id: "id", icon: "icon", iconClass: "iconClass", imageUrl: "imageUrl", disabled: "disabled", expanded: "expanded", selected: "selected", content: "content", items: "items", template: "template" }, host: { properties: { "attr.role": "this.role", "attr.title": "this.titleAttribute", "class.k-panelbar-item": "this.kItemClass", "class.k-state-default": "this.kStateDefaultClass", "class.k-expanded": "this.kStateExpandedClass", "id": "this.itemId", "attr.aria-expanded": "this.ariaExpanded", "attr.aria-selected": "this.ariaSelected", "attr.aria-disabled": "this.ariaDisabled", "class.k-panelbar-header": "this.headerClass" } }, queries: [{ propertyName: "contentItems", predicate: PanelBarItemComponent }, { propertyName: "contentTemplate", predicate: PanelBarContentDirective }, { propertyName: "titleTemplates", predicate: PanelBarItemTitleDirective }], viewQueries: [{ propertyName: "header", first: true, predicate: ["header"], descendants: true }, { propertyName: "contentWrapper", first: true, predicate: ["contentWrapper"], descendants: true }, { propertyName: "viewChildItems", predicate: PanelBarItemComponent, descendants: true }], exportAs: ["kendoPanelbarItem"], ngImport: i0, template: `
             <span
                 #header
                 [class.k-link]="true"
                 [class.k-selected]="!disabled && selected"
                 [class.k-focus]="focused && wrapperFocused"
+                [class.k-disabled]="disabled"
                 (click)="onItemClick($event)">
                 <span
                     *ngIf="icon || iconClass"
@@ -391,6 +386,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 [class.k-link]="true"
                 [class.k-selected]="!disabled && selected"
                 [class.k-focus]="focused && wrapperFocused"
+                [class.k-disabled]="disabled"
                 (click)="onItemClick($event)">
                 <span
                     *ngIf="icon || iconClass"
@@ -539,16 +535,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 args: ['attr.title']
             }], kItemClass: [{
                 type: HostBinding,
-                args: ['class.k-item']
+                args: ['class.k-panelbar-item']
             }], kStateDefaultClass: [{
                 type: HostBinding,
                 args: ['class.k-state-default']
-            }], kStateDisabledClass: [{
-                type: HostBinding,
-                args: ['class.k-disabled']
             }], kStateExpandedClass: [{
                 type: HostBinding,
-                args: ['class.k-state-expanded']
+                args: ['class.k-expanded']
             }], itemId: [{
                 type: HostBinding,
                 args: ['id']
@@ -564,9 +557,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             }], headerClass: [{
                 type: HostBinding,
                 args: ['class.k-panelbar-header']
-            }], childClass: [{
-                type: HostBinding,
-                args: ['class.k-panelbar-item']
             }], viewChildItems: [{
                 type: ViewChildren,
                 args: [PanelBarItemComponent]

package/esm2015/splitter/splitter-bar.component.js

@@ -10,6 +10,7 @@ import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-common";
 import * as i2 from "./splitter.service";
 import * as i3 from "@progress/kendo-angular-l10n";
+import * as i4 from "@angular/common";
 const stopPropagation = ({ originalEvent: event }) => {
     event.stopPropagation();
     event.preventDefault();
@@ -135,16 +136,26 @@ export class SplitterBarComponent {
     toggleNext() {
         this.splitter.tryToggle(this.index + 1);
     }
+    shouldShowIcon(iconName) {
+        const paneIndex = iconName === 'prev' ? this.index : this.index + 1;
+        const relatedPaneIndex = iconName === 'prev' ? this.index + 1 : this.index;
+        const pane = this.splitter.pane(paneIndex);
+        const relatedPane = this.splitter.pane(relatedPaneIndex);
+        const isCollapsible = pane.collapsible;
+        return isCollapsible && !relatedPane.isHidden;
+    }
+    collapseClass(order) {
+        const pane = this.splitter.pane(this.index);
+        const isCollapsible = pane.collapsible;
+        return isCollapsible ? `k-collapse-${order}` : '';
+    }
     previousArrowClass() {
         const pane = this.splitter.pane(this.index);
-        const nextPane = this.splitter.pane(this.index + 1);
         const isCollapsible = pane.collapsible;
         const isCollapsed = pane.collapsed;
         const isHorizontal = this.orientation === 'horizontal';
         return classFromObject({
             'k-icon': true,
-            'k-hidden': !isCollapsible || nextPane.isHidden,
-            'k-collapse-prev': isCollapsible,
             'k-i-caret-alt-left': isCollapsible && isHorizontal && !isCollapsed,
             'k-i-caret-alt-right': isCollapsible && isHorizontal && isCollapsed,
             'k-i-caret-alt-up': isCollapsible && !isHorizontal && !isCollapsed,
@@ -153,14 +164,11 @@ export class SplitterBarComponent {
     }
     nextArrowClass() {
         const pane = this.splitter.pane(this.index + 1);
-        const prevPane = this.splitter.pane(this.index);
         const isCollapsible = pane.collapsible;
         const isCollapsed = pane.collapsed;
         const isHorizontal = this.orientation === 'horizontal';
         return classFromObject({
             'k-icon': true,
-            'k-hidden': !isCollapsible || prevPane.isHidden,
-            'k-collapse-next': isCollapsible,
             'k-i-caret-alt-right': isCollapsible && isHorizontal && !isCollapsed,
             'k-i-caret-alt-left': isCollapsible && isHorizontal && isCollapsed,
             'k-i-caret-alt-down': isCollapsible && !isHorizontal && !isCollapsed,
@@ -177,18 +185,26 @@ export class SplitterBarComponent {
 }
 SplitterBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SplitterBarComponent, deps: [{ token: i1.DraggableDirective, host: true }, { token: i0.ElementRef }, { token: i2.SplitterService }, { token: i3.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
 SplitterBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SplitterBarComponent, selector: "kendo-splitter-bar", inputs: { orientation: "orientation", index: "index" }, host: { listeners: { "dblclick": "collapseAny()", "focusin": "onFocusIn()", "focusout": "onFocusOut()", "keydown": "onKeyDown($event)" }, properties: { "attr.aria-orientation": "this.orientation", "attr.role": "this.ariaRole", "class.k-focus": "this.focused", "attr.tabindex": "this.tabIndex", "class": "this.hostClasses", "style.-ms-flex-order": "this.order", "style.order": "this.order" } }, ngImport: i0, template: `
-      <div [class]="previousArrowClass()" (click)="togglePrevious()"></div>
-      <div class="k-resize-handle"></div>
-      <div [class]="nextArrowClass()" (click)="toggleNext()"></div>
-    `, isInline: true });
+        <div *ngIf="shouldShowIcon('prev')" [class]="collapseClass('prev')" (click)="togglePrevious()">
+            <span [class]="previousArrowClass()"></span>
+        </div>
+        <div class="k-resize-handle"></div>
+        <div *ngIf="shouldShowIcon('next')" [class]="collapseClass('next')" (click)="toggleNext()">
+            <span [class]="nextArrowClass()"></span>
+        </div>
+    `, isInline: true, directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SplitterBarComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-splitter-bar',
                     template: `
-      <div [class]="previousArrowClass()" (click)="togglePrevious()"></div>
-      <div class="k-resize-handle"></div>
-      <div [class]="nextArrowClass()" (click)="toggleNext()"></div>
+        <div *ngIf="shouldShowIcon('prev')" [class]="collapseClass('prev')" (click)="togglePrevious()">
+            <span [class]="previousArrowClass()"></span>
+        </div>
+        <div class="k-resize-handle"></div>
+        <div *ngIf="shouldShowIcon('next')" [class]="collapseClass('next')" (click)="toggleNext()">
+            <span [class]="nextArrowClass()"></span>
+        </div>
     `
                 }]
         }], ctorParameters: function () { return [{ type: i1.DraggableDirective, decorators: [{

package/esm2015/splitter/splitter-pane.component.js

@@ -119,11 +119,11 @@ export class SplitterPaneComponent {
     ngAfterViewChecked() {
         const element = this.element.nativeElement;
         if (this.isHidden) {
-            this.renderer.addClass(element, 'k-state-hidden');
+            this.renderer.addClass(element, 'k-hidden');
             this.renderer.addClass(element, 'hidden');
         }
         else {
-            this.renderer.removeClass(element, 'k-state-hidden');
+            this.renderer.removeClass(element, 'k-hidden');
             this.renderer.removeClass(element, 'hidden');
         }
     }

package/esm2015/stepper/list.component.js

@@ -6,15 +6,17 @@ import { Component, EventEmitter, Input, Output } from "@angular/core";
 import { closestItem, itemIndex, hasClass } from '../common/dom-queries';
 import { STEPPER_STEP_INDEX } from '../stepper/models/constants';
 import * as i0 from "@angular/core";
-import * as i1 from "./step.component";
-import * as i2 from "@angular/common";
+import * as i1 from "./stepper.service";
+import * as i2 from "./step.component";
+import * as i3 from "@angular/common";
 /**
  * @hidden
  */
 export class StepperListComponent {
-    constructor(renderer, ngZone, element) {
+    constructor(renderer, ngZone, service, element) {
         this.renderer = renderer;
         this.ngZone = ngZone;
+        this.service = service;
         this.element = element;
         this.listKeydown = new EventEmitter();
         this.listClick = new EventEmitter();
@@ -33,6 +35,9 @@ export class StepperListComponent {
     get maxStepHeight() {
         return this.maxStepDimension('height');
     }
+    get focusedStep() {
+        return this.service.focusedStep;
+    }
     maxStepDimension(dimension) {
         if (dimension === 'width' && this.orientation === 'vertical') {
             return null;
@@ -82,8 +87,8 @@ export class StepperListComponent {
         }
     }
 }
-StepperListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: StepperListComponent, deps: [{ token: i0.Renderer2 }, { token: i0.NgZone }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-StepperListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: StepperListComponent, selector: "[kendoStepperList]", inputs: { linear: "linear", stepType: "stepType", orientation: "orientation", currentStep: "currentStep", steps: "steps", successIcon: "successIcon", errorIcon: "errorIcon", indicatorTemplate: "indicatorTemplate", labelTemplate: "labelTemplate", stepTemplate: "stepTemplate" }, outputs: { listKeydown: "listKeydown", listClick: "listClick" }, ngImport: i0, template: "\n        <ng-container *ngFor='let step of steps; let idx = index'>\n            <li kendoStepperStep\n                [attr.data-kendo-stepper-index]='idx'\n                [type]='stepType'\n                [step]='step'\n                [index]='idx'\n                [current]='currentStep'\n                [successIcon]='successIcon'\n                [errorIcon]='errorIcon'\n                [indicatorTemplate]='indicatorTemplate'\n                [labelTemplate]='labelTemplate'\n                [stepTemplate]='stepTemplate'\n                class='k-step'\n                [class.k-step-first]='idx === 0'\n                [class.k-step-last]='idx === steps.length - 1'\n                [class.k-step-done]='idx < currentStep'\n                [class.k-step-current]='idx === currentStep'\n                [class.k-step-optional]='step.optional'\n                [class.k-step-disabled]='step.disabled'\n                [ngClass]='step.cssClass'\n                [ngStyle]='step.cssStyle'\n                [style.max-width.%] = 'maxStepWidth'\n                [style.max-height.%] = 'maxStepHeight'\n            >\n            </li>\n        </ng-container>\n    ", isInline: true, components: [{ type: i1.StepperStepComponent, selector: "[kendoStepperStep]", inputs: ["step", "index", "current", "type", "successIcon", "errorIcon", "indicatorTemplate", "labelTemplate", "stepTemplate"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+StepperListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: StepperListComponent, deps: [{ token: i0.Renderer2 }, { token: i0.NgZone }, { token: i1.StepperService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+StepperListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: StepperListComponent, selector: "[kendoStepperList]", inputs: { linear: "linear", stepType: "stepType", orientation: "orientation", currentStep: "currentStep", steps: "steps", successIcon: "successIcon", errorIcon: "errorIcon", indicatorTemplate: "indicatorTemplate", labelTemplate: "labelTemplate", stepTemplate: "stepTemplate" }, outputs: { listKeydown: "listKeydown", listClick: "listClick" }, ngImport: i0, template: "\n        <ng-container *ngFor='let step of steps; let idx = index'>\n            <li kendoStepperStep\n                [attr.data-kendo-stepper-index]='idx'\n                [type]='stepType'\n                [step]='step'\n                [index]='idx'\n                [current]='currentStep'\n                [successIcon]='successIcon'\n                [errorIcon]='errorIcon'\n                [indicatorTemplate]='indicatorTemplate'\n                [labelTemplate]='labelTemplate'\n                [stepTemplate]='stepTemplate'\n                class='k-step'\n                [class.k-step-first]='idx === 0'\n                [class.k-step-last]='idx === steps.length - 1'\n                [class.k-step-done]='idx < currentStep'\n                [class.k-step-current]='idx === currentStep'\n                [class.k-step-optional]='step.optional'\n                [class.k-disabled]='step.disabled'\n                [class.k-focus]='idx === focusedStep'\n                [ngClass]='step.cssClass'\n                [ngStyle]='step.cssStyle'\n                [style.max-width.%] = 'maxStepWidth'\n                [style.max-height.%] = 'maxStepHeight'\n            >\n            </li>\n        </ng-container>\n    ", isInline: true, components: [{ type: i2.StepperStepComponent, selector: "[kendoStepperStep]", inputs: ["step", "index", "current", "type", "successIcon", "errorIcon", "indicatorTemplate", "labelTemplate", "stepTemplate"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: StepperListComponent, decorators: [{
             type: Component,
             args: [{
@@ -108,7 +113,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 [class.k-step-done]='idx < currentStep'
                 [class.k-step-current]='idx === currentStep'
                 [class.k-step-optional]='step.optional'
-                [class.k-step-disabled]='step.disabled'
+                [class.k-disabled]='step.disabled'
+                [class.k-focus]='idx === focusedStep'
                 [ngClass]='step.cssClass'
                 [ngStyle]='step.cssStyle'
                 [style.max-width.%] = 'maxStepWidth'
@@ -118,7 +124,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
         </ng-container>
     `
                 }]
-        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.NgZone }, { type: i0.ElementRef }]; }, propDecorators: { linear: [{
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.NgZone }, { type: i1.StepperService }, { type: i0.ElementRef }]; }, propDecorators: { linear: [{
                 type: Input
             }], stepType: [{
                 type: Input

package/esm2015/stepper/step.component.js

@@ -103,7 +103,7 @@ export class StepperStepComponent {
     }
     get validationIconClasses() {
         if (this.isStepValid) {
-            return this.successIcon ? `${this.successIcon}` : 'k-icon k-i-check';
+            return this.successIcon ? `${this.successIcon}` : 'k-icon k-i-check-circle';
         }
         else {
             return this.errorIcon ? `${this.errorIcon}` : 'k-icon k-i-exclamation-circle';

package/esm2015/tabstrip/tabstrip.component.js

@@ -83,7 +83,7 @@ export class TabStripComponent {
          * The event is preventable.
          */
         this.tabScroll = new EventEmitter();
-        this.hostClasses = true;
+        this.hostClass = true;
         /**
          * A query list of all declared tabs.
          */
@@ -351,7 +351,7 @@ export class TabStripComponent {
     }
 }
 TabStripComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TabStripComponent, deps: [{ token: i1.LocalizationService }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i2.TabStripService }, { token: i3.ScrollService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-TabStripComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TabStripComponent, selector: "kendo-tabstrip", inputs: { height: "height", animate: "animate", tabAlignment: "tabAlignment", tabPosition: "tabPosition", keepTabContent: "keepTabContent", closable: "closable", scrollable: "scrollable", closeIcon: "closeIcon" }, outputs: { tabSelect: "tabSelect", tabClose: "tabClose", tabScroll: "tabScroll" }, host: { properties: { "class.k-tabstrip": "this.hostClasses", "class.k-floatwrap": "this.hostClasses", "class.k-tabstrip-top": "this.tabsAtTop", "class.k-tabstrip-right": "this.tabsAtRight", "class.k-tabstrip-bottom": "this.tabsAtBottom", "class.k-tabstrip-left": "this.tabsAtLeft", "attr.dir": "this.dir", "class.k-tabstrip-scrollable": "this.tabStripScrollable" } }, providers: [
+TabStripComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TabStripComponent, selector: "kendo-tabstrip", inputs: { height: "height", animate: "animate", tabAlignment: "tabAlignment", tabPosition: "tabPosition", keepTabContent: "keepTabContent", closable: "closable", scrollable: "scrollable", closeIcon: "closeIcon" }, outputs: { tabSelect: "tabSelect", tabClose: "tabClose", tabScroll: "tabScroll" }, host: { properties: { "class.k-tabstrip": "this.hostClass", "class.k-tabstrip-top": "this.tabsAtTop", "class.k-tabstrip-right": "this.tabsAtRight", "class.k-tabstrip-bottom": "this.tabsAtBottom", "class.k-tabstrip-left": "this.tabsAtLeft", "attr.dir": "this.dir", "class.k-tabstrip-scrollable": "this.tabStripScrollable" } }, providers: [
         TabStripService,
         ScrollService,
         LocalizationService,
@@ -581,12 +581,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: Output
             }], tabScroll: [{
                 type: Output
-            }], hostClasses: [{
+            }], hostClass: [{
                 type: HostBinding,
                 args: ['class.k-tabstrip']
-            }, {
-                type: HostBinding,
-                args: ['class.k-floatwrap']
             }], tabsAtTop: [{
                 type: HostBinding,
                 args: ['class.k-tabstrip-top']