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

package/fesm2015/kendo-angular-layout.js

@@ -26,7 +26,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-layout',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1655110279,
+    publishDate: 1661863628,
     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'
 };
@@ -510,12 +510,12 @@ 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: 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-state-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-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: `
             <span
                 #header
                 [class.k-link]="true"
-                [class.k-state-selected]="!disabled && selected"
-                [class.k-state-focused]="focused && wrapperFocused"
+                [class.k-selected]="!disabled && selected"
+                [class.k-focus]="focused && wrapperFocused"
                 (click)="onItemClick($event)">
                 <span
                     *ngIf="icon || iconClass"
@@ -546,7 +546,7 @@ PanelBarItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
                 }"></ng-template>
                 <span *ngIf="hasChildItems || hasContent"
                     class="k-icon k-panelbar-toggle"
-                    [ngClass]="{'k-i-arrow-chevron-up k-panelbar-collapse': expanded, 'k-i-arrow-chevron-down k-panelbar-expand': !expanded}">
+                    [ngClass]="{'k-i-chevron-up k-panelbar-collapse': expanded, 'k-i-chevron-down k-panelbar-expand': !expanded}">
                 </span>
             </span>
             <div #contentWrapper
@@ -655,8 +655,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             <span
                 #header
                 [class.k-link]="true"
-                [class.k-state-selected]="!disabled && selected"
-                [class.k-state-focused]="focused && wrapperFocused"
+                [class.k-selected]="!disabled && selected"
+                [class.k-focus]="focused && wrapperFocused"
                 (click)="onItemClick($event)">
                 <span
                     *ngIf="icon || iconClass"
@@ -687,7 +687,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 }"></ng-template>
                 <span *ngIf="hasChildItems || hasContent"
                     class="k-icon k-panelbar-toggle"
-                    [ngClass]="{'k-i-arrow-chevron-up k-panelbar-collapse': expanded, 'k-i-arrow-chevron-down k-panelbar-expand': !expanded}">
+                    [ngClass]="{'k-i-chevron-up k-panelbar-collapse': expanded, 'k-i-chevron-down k-panelbar-expand': !expanded}">
                 </span>
             </span>
             <div #contentWrapper
@@ -811,7 +811,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 args: ['class.k-state-default']
             }], kStateDisabledClass: [{
                 type: HostBinding,
-                args: ['class.k-state-disabled']
+                args: ['class.k-disabled']
             }], kStateExpandedClass: [{
                 type: HostBinding,
                 args: ['class.k-state-expanded']
@@ -1908,7 +1908,7 @@ class SplitterBarComponent {
         const isDraggable = this.splitter.isDraggable(this.index);
         const isStatic = this.splitter.isStatic(this.index);
         return classFromObject({
-            'k-state-focused': this.focused,
+            'k-focus': this.focused,
             'k-splitbar': true,
             'k-splitbar-horizontal': isHorizontal,
             'k-splitbar-vertical': !isHorizontal,
@@ -2004,10 +2004,10 @@ class SplitterBarComponent {
             'k-icon': true,
             'k-hidden': !isCollapsible || nextPane.isHidden,
             'k-collapse-prev': isCollapsible,
-            'k-i-arrow-60-left': isCollapsible && isHorizontal && !isCollapsed,
-            'k-i-arrow-60-right': isCollapsible && isHorizontal && isCollapsed,
-            'k-i-arrow-60-up': isCollapsible && !isHorizontal && !isCollapsed,
-            'k-i-arrow-60-down': isCollapsible && !isHorizontal && isCollapsed
+            'k-i-caret-alt-left': isCollapsible && isHorizontal && !isCollapsed,
+            'k-i-caret-alt-right': isCollapsible && isHorizontal && isCollapsed,
+            'k-i-caret-alt-up': isCollapsible && !isHorizontal && !isCollapsed,
+            'k-i-caret-alt-down': isCollapsible && !isHorizontal && isCollapsed
         });
     }
     nextArrowClass() {
@@ -2020,10 +2020,10 @@ class SplitterBarComponent {
             'k-icon': true,
             'k-hidden': !isCollapsible || prevPane.isHidden,
             'k-collapse-next': isCollapsible,
-            'k-i-arrow-60-right': isCollapsible && isHorizontal && !isCollapsed,
-            'k-i-arrow-60-left': isCollapsible && isHorizontal && isCollapsed,
-            'k-i-arrow-60-down': isCollapsible && !isHorizontal && !isCollapsed,
-            'k-i-arrow-60-up': isCollapsible && !isHorizontal && isCollapsed
+            'k-i-caret-alt-right': isCollapsible && isHorizontal && !isCollapsed,
+            'k-i-caret-alt-left': isCollapsible && isHorizontal && isCollapsed,
+            'k-i-caret-alt-down': isCollapsible && !isHorizontal && !isCollapsed,
+            'k-i-caret-alt-up': isCollapsible && !isHorizontal && isCollapsed
         });
     }
     tryToggleNearest() {
@@ -2035,7 +2035,7 @@ class SplitterBarComponent {
     }
 }
 SplitterBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SplitterBarComponent, deps: [{ token: i1$1.DraggableDirective, host: true }, { token: i0.ElementRef }, { token: SplitterService }, { token: i1.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-state-focused": "this.focused", "attr.tabindex": "this.tabIndex", "class": "this.hostClasses", "style.-ms-flex-order": "this.order", "style.order": "this.order" } }, ngImport: i0, template: `
+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>
@@ -2064,7 +2064,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 args: ['attr.role']
             }], focused: [{
                 type: HostBinding,
-                args: ['class.k-state-focused']
+                args: ['class.k-focus']
             }], tabIndex: [{
                 type: HostBinding,
                 args: ['attr.tabindex']
@@ -2748,10 +2748,10 @@ const HIDDEN_CLASS = 'k-hidden';
  * @hidden
  */
 const DIRECTION_CLASSES = {
-    left: 'k-i-arrow-60-left',
-    right: 'k-i-arrow-60-right',
-    up: 'k-i-arrow-60-up',
-    down: 'k-i-arrow-60-down'
+    left: 'k-i-caret-alt-left',
+    right: 'k-i-caret-alt-right',
+    up: 'k-i-caret-alt-up',
+    down: 'k-i-caret-alt-down'
 };
 /**
  * @hidden
@@ -3115,7 +3115,7 @@ class TabComponent {
     }
 }
 TabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TabComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-TabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TabComponent, selector: "[kendoTabStripTab]", inputs: { tab: "tab", index: "index", tabStripClosable: "tabStripClosable", tabStripCloseIcon: "tabStripCloseIcon" }, outputs: { tabClose: "tabClose" }, host: { properties: { "class.k-item": "this.hostClasses", "class.k-state-default": "this.hostClasses", "attr.aria-selected]": "this.activeClass", "class.k-state-active": "this.activeClass", "attr.aria-disabled]": "this.disabledClass", "class.k-state-disabled": "this.disabledClass", "class.k-state-focused": "this.focusedClass", "attr.tabindex": "this.tabIndex" } }, ngImport: i0, template: `
+TabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TabComponent, selector: "[kendoTabStripTab]", inputs: { tab: "tab", index: "index", tabStripClosable: "tabStripClosable", tabStripCloseIcon: "tabStripCloseIcon" }, outputs: { tabClose: "tabClose" }, host: { properties: { "class.k-item": "this.hostClasses", "class.k-state-default": "this.hostClasses", "attr.aria-selected]": "this.activeClass", "class.k-active": "this.activeClass", "attr.aria-disabled]": "this.disabledClass", "class.k-disabled": "this.disabledClass", "class.k-focus": "this.focusedClass", "attr.tabindex": "this.tabIndex" } }, ngImport: i0, template: `
         <span class="k-link" *ngIf="!tab.tabTitle">{{ tab.title }}</span>
         <span class="k-link" *ngIf="tab.tabTitle">
             <ng-template [ngTemplateOutlet]="tab.tabTitle?.templateRef">
@@ -3172,16 +3172,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 args: ['attr.aria-selected]']
             }, {
                 type: HostBinding,
-                args: ['class.k-state-active']
+                args: ['class.k-active']
             }], disabledClass: [{
                 type: HostBinding,
                 args: ['attr.aria-disabled]']
             }, {
                 type: HostBinding,
-                args: ['class.k-state-disabled']
+                args: ['class.k-disabled']
             }], focusedClass: [{
                 type: HostBinding,
-                args: ['class.k-state-focused']
+                args: ['class.k-focus']
             }], tabIndex: [{
                 type: HostBinding,
                 args: ['attr.tabindex']
@@ -3634,7 +3634,7 @@ TabStripComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
                 <div
                     [@state]="tab.selected && animate ? 'active' : 'inactive'"
                     *ngIf="tab.selected || keepTabContent"
-                    [ngClass]="!this.keepTabContent || tab.selected ? 'k-content k-state-active' : 'k-content'"
+                    [ngClass]="!this.keepTabContent || tab.selected ? 'k-content k-active' : 'k-content'"
                     [tabIndex]="0"
                     role="tabpanel"
                     [id]="'k-tabstrip-tabpanel-' + i"
@@ -3749,7 +3749,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 <div
                     [@state]="tab.selected && animate ? 'active' : 'inactive'"
                     *ngIf="tab.selected || keepTabContent"
-                    [ngClass]="!this.keepTabContent || tab.selected ? 'k-content k-state-active' : 'k-content'"
+                    [ngClass]="!this.keepTabContent || tab.selected ? 'k-content k-active' : 'k-content'"
                     [tabIndex]="0"
                     role="tabpanel"
                     [id]="'k-tabstrip-tabpanel-' + i"
@@ -4174,7 +4174,7 @@ const DRAWER_LINK_SELECTOR = '.k-drawer-link';
 /**
  * @hidden
  */
-const ACTIVE_NESTED_LINK_SELECTOR = ':focus:not(.k-state-disabled) .k-drawer-link';
+const ACTIVE_NESTED_LINK_SELECTOR = ':focus:not(.k-disabled) .k-drawer-link';
 /**
  * @hidden
  */
@@ -4233,7 +4233,7 @@ class DrawerItemComponent {
     }
 }
 DrawerItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DrawerItemComponent, deps: [{ token: DrawerService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-DrawerItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DrawerItemComponent, selector: "[kendoDrawerItem]", inputs: { viewItem: "viewItem", index: "index", itemTemplate: "itemTemplate", mini: "mini", expanded: "expanded", disabled: "disabled", cssClass: "cssClass", cssStyle: "cssStyle" }, host: { properties: { "attr.aria-disabled": "this.disabledClass", "class.k-state-disabled": "this.disabledClass", "attr.aria-current": "this.selectedClass", "class.k-state-selected": "this.selectedClass", "attr.aria-label": "this.label" } }, ngImport: i0, template: `
+DrawerItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DrawerItemComponent, selector: "[kendoDrawerItem]", inputs: { viewItem: "viewItem", index: "index", itemTemplate: "itemTemplate", mini: "mini", expanded: "expanded", disabled: "disabled", cssClass: "cssClass", cssStyle: "cssStyle" }, host: { properties: { "attr.aria-disabled": "this.disabledClass", "class.k-disabled": "this.disabledClass", "attr.aria-current": "this.selectedClass", "class.k-selected": "this.selectedClass", "attr.aria-label": "this.label" } }, ngImport: i0, template: `
         <ng-template *ngIf="itemTemplate; else defaultTemplate"
             [ngTemplateOutlet]="itemTemplate"
             [ngTemplateOutletContext]="{
@@ -4250,8 +4250,8 @@ DrawerItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
                 <span class="k-item-text">{{ item.text }}</span>
                 <span *ngIf="viewItem.hasChildren"
                       class="k-icon k-drawer-toggle"
-                      [class.k-i-arrow-chevron-up]="viewItem.isExpanded"
-                      [class.k-i-arrow-chevron-down]="!viewItem.isExpanded"
+                      [class.k-i-chevron-up]="viewItem.isExpanded"
+                      [class.k-i-chevron-down]="!viewItem.isExpanded"
                 ></span>
             </ng-container>
             <ng-container *ngIf="mini && !expanded">
@@ -4281,8 +4281,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 <span class="k-item-text">{{ item.text }}</span>
                 <span *ngIf="viewItem.hasChildren"
                       class="k-icon k-drawer-toggle"
-                      [class.k-i-arrow-chevron-up]="viewItem.isExpanded"
-                      [class.k-i-arrow-chevron-down]="!viewItem.isExpanded"
+                      [class.k-i-chevron-up]="viewItem.isExpanded"
+                      [class.k-i-chevron-down]="!viewItem.isExpanded"
                 ></span>
             </ng-container>
             <ng-container *ngIf="mini && !expanded">
@@ -4312,13 +4312,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 args: ['attr.aria-disabled']
             }, {
                 type: HostBinding,
-                args: ['class.k-state-disabled']
+                args: ['class.k-disabled']
             }], selectedClass: [{
                 type: HostBinding,
                 args: ['attr.aria-current']
             }, {
                 type: HostBinding,
-                args: ['class.k-state-selected']
+                args: ['class.k-selected']
             }], label: [{
                 type: HostBinding,
                 args: ['attr.aria-label']
@@ -5291,7 +5291,7 @@ class StepperStepComponent {
             return this.successIcon ? `${this.successIcon}` : 'k-icon k-i-check';
         }
         else {
-            return this.errorIcon ? `${this.errorIcon}` : 'k-icon k-i-warning';
+            return this.errorIcon ? `${this.errorIcon}` : 'k-icon k-i-exclamation-circle';
         }
     }
     get indicatorText() {
@@ -7031,10 +7031,10 @@ class ExpansionPanelComponent {
      */
     get indicatorClasses() {
         if (this.expanded) {
-            return this.collapseIcon ? this.collapseIcon : `k-icon k-i-arrow-chevron-up`;
+            return this.collapseIcon ? this.collapseIcon : `k-icon k-i-chevron-up`;
         }
         else {
-            return this.expandIcon ? this.expandIcon : `k-icon k-i-arrow-chevron-down`;
+            return this.expandIcon ? this.expandIcon : `k-icon k-i-chevron-down`;
         }
     }
     /**
@@ -7102,7 +7102,7 @@ class ExpansionPanelComponent {
     }
 }
 ExpansionPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ExpansionPanelComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i1.LocalizationService }, { token: i1$2.AnimationBuilder }], target: i0.ɵɵFactoryTarget.Component });
-ExpansionPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ExpansionPanelComponent, selector: "kendo-expansionpanel", inputs: { title: "title", subtitle: "subtitle", disabled: "disabled", expanded: "expanded", expandIcon: "expandIcon", collapseIcon: "collapseIcon", animation: "animation" }, outputs: { expandedChange: "expandedChange", action: "action", expand: "expand", collapse: "collapse" }, host: { listeners: { "blur": "onComponentBlur()", "focus": "onComponentFocus()" }, properties: { "class.k-expander": "this.hostClass", "class.k-expanded": "this.expandedClass", "class.k-state-focus": "this.focusClass", "attr.aria-disabled": "this.disabledClass", "class.k-state-disabled": "this.disabledClass", "attr.dir": "this.direction", "attr.tabindex": "this.tabindex" } }, providers: [
+ExpansionPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ExpansionPanelComponent, selector: "kendo-expansionpanel", inputs: { title: "title", subtitle: "subtitle", disabled: "disabled", expanded: "expanded", expandIcon: "expandIcon", collapseIcon: "collapseIcon", animation: "animation" }, outputs: { expandedChange: "expandedChange", action: "action", expand: "expand", collapse: "collapse" }, host: { listeners: { "blur": "onComponentBlur()", "focus": "onComponentFocus()" }, properties: { "class.k-expander": "this.hostClass", "class.k-expanded": "this.expandedClass", "class.k-focus": "this.focusClass", "attr.aria-disabled": "this.disabledClass", "class.k-disabled": "this.disabledClass", "attr.dir": "this.direction", "attr.tabindex": "this.tabindex" } }, providers: [
         LocalizationService,
         {
             provide: L10N_PREFIX,
@@ -7211,13 +7211,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 args: ['class.k-expanded']
             }], focusClass: [{
                 type: HostBinding,
-                args: ['class.k-state-focus']
+                args: ['class.k-focus']
             }], disabledClass: [{
                 type: HostBinding,
                 args: ['attr.aria-disabled']
             }, {
                 type: HostBinding,
-                args: ['class.k-state-disabled']
+                args: ['class.k-disabled']
             }], direction: [{
                 type: HostBinding,
                 args: ['attr.dir']
@@ -8154,12 +8154,12 @@ class TileLayoutComponent {
          */
         this.autoFlow = 'column';
         /**
-         * Fires when the user completes the reordering of the item ([see example]({% slug overview_tilelayout %}#toc-events)).
+         * Fires when the user completes the reordering of the item ([see example]({% slug reordering_tilelayout %})).
          * This event is preventable. If you cancel it, the item will not be reordered.
          */
         this.reorder = new EventEmitter();
         /**
-         * Fires when the user completes the resizing of the item ([see example]({% slug overview_tilelayout %}#toc-events)).
+         * Fires when the user completes the resizing of the item ([see example]({% slug resizing_tilelayout %})).
          * This event is preventable. If you cancel it, the item will not be resized.
          */
         this.resize = new EventEmitter();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-layout",
-  "version": "7.1.0",
+  "version": "7.1.2-dev.202208301247",
   "description": "Kendo UI for Angular Layout Package - a collection of components to create professional application layoyts",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",

package/tilelayout/tilelayout.component.d.ts

@@ -69,12 +69,12 @@ export declare class TileLayoutComponent implements OnInit, AfterViewInit, After
      */
     autoFlow: TileLayoutFlowMode;
     /**
-     * Fires when the user completes the reordering of the item ([see example]({% slug overview_tilelayout %}#toc-events)).
+     * Fires when the user completes the reordering of the item ([see example]({% slug reordering_tilelayout %})).
      * This event is preventable. If you cancel it, the item will not be reordered.
      */
     reorder: EventEmitter<TileLayoutReorderEvent>;
     /**
-     * Fires when the user completes the resizing of the item ([see example]({% slug overview_tilelayout %}#toc-events)).
+     * Fires when the user completes the resizing of the item ([see example]({% slug resizing_tilelayout %})).
      * This event is preventable. If you cancel it, the item will not be resized.
      */
     resize: EventEmitter<TileLayoutResizeEvent>;