@progress/kendo-angular-layout 7.1.6 → 7.2.0-dev.202211241203

package/esm2015/tabstrip/localization/custom-messages.component.js

@@ -19,14 +19,14 @@ export class TabStripCustomMessagesComponent extends TabStripMessages {
         return true;
     }
 }
-TabStripCustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TabStripCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-TabStripCustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TabStripCustomMessagesComponent, selector: "kendo-tabstrip-messages", providers: [
+TabStripCustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TabStripCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+TabStripCustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TabStripCustomMessagesComponent, selector: "kendo-tabstrip-messages", providers: [
         {
             provide: TabStripMessages,
             useExisting: forwardRef(() => TabStripCustomMessagesComponent)
         }
     ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TabStripCustomMessagesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TabStripCustomMessagesComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [

package/esm2015/tabstrip/localization/localized-messages.directive.js

@@ -15,14 +15,14 @@ export class LocalizedTabStripMessagesDirective extends TabStripMessages {
         this.service = service;
     }
 }
-LocalizedTabStripMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LocalizedTabStripMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-LocalizedTabStripMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: LocalizedTabStripMessagesDirective, selector: "[kendoTabStripLocalizedMessages]", providers: [
+LocalizedTabStripMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: LocalizedTabStripMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+LocalizedTabStripMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: LocalizedTabStripMessagesDirective, selector: "[kendoTabStripLocalizedMessages]", providers: [
         {
             provide: TabStripMessages,
             useExisting: forwardRef(() => LocalizedTabStripMessagesDirective)
         }
     ], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: LocalizedTabStripMessagesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: LocalizedTabStripMessagesDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [

package/esm2015/tabstrip/localization/messages.js

@@ -10,9 +10,9 @@ import * as i0 from "@angular/core";
  */
 export class TabStripMessages extends ComponentMessages {
 }
-TabStripMessages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TabStripMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-TabStripMessages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TabStripMessages, selector: "kendo-tabstrip-messages-base", inputs: { closeTitle: "closeTitle", previousTabButton: "previousTabButton", nextTabButton: "nextTabButton" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TabStripMessages, decorators: [{
+TabStripMessages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TabStripMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+TabStripMessages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TabStripMessages, selector: "kendo-tabstrip-messages-base", inputs: { closeTitle: "closeTitle", previousTabButton: "previousTabButton", nextTabButton: "nextTabButton" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TabStripMessages, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector

package/esm2015/tabstrip/models/tabstrip-tab.component.js

@@ -33,9 +33,9 @@ export class TabStripTabComponent {
         return this._tabTitleDirective.first;
     }
 }
-TabStripTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TabStripTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TabStripTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TabStripTabComponent, selector: "kendo-tabstrip-tab", inputs: { title: "title", disabled: "disabled", cssClass: "cssClass", cssStyle: "cssStyle", selected: "selected", closable: "closable", closeIcon: "closeIcon" }, queries: [{ propertyName: "_tabContent", predicate: TabContentDirective }, { propertyName: "_tabTitleDirective", predicate: TabTitleDirective }], exportAs: ["kendoTabStripTab"], ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TabStripTabComponent, decorators: [{
+TabStripTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TabStripTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TabStripTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TabStripTabComponent, selector: "kendo-tabstrip-tab", inputs: { title: "title", disabled: "disabled", cssClass: "cssClass", cssStyle: "cssStyle", selected: "selected", closable: "closable", closeIcon: "closeIcon" }, queries: [{ propertyName: "_tabContent", predicate: TabContentDirective }, { propertyName: "_tabTitleDirective", predicate: TabTitleDirective }], exportAs: ["kendoTabStripTab"], ngImport: i0, template: ``, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TabStripTabComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoTabStripTab',

package/esm2015/tabstrip/rendering/tab.component.js

@@ -49,8 +49,8 @@ export class TabComponent {
         this.tabClose.emit(closeArgs);
     }
 }
-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-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: `
+TabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TabComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+TabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", 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">
@@ -65,7 +65,7 @@ TabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
             <span [ngClass]="closeButtonClasses"></span>
         </span>
     `, isInline: true, directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TabComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TabComponent, decorators: [{
             type: Component,
             args: [{
                     // eslint-disable-next-line @angular-eslint/component-selector

package/esm2015/tabstrip/scrollable-button.component.js

@@ -73,11 +73,11 @@ export class TabStripScrollableButtonComponent {
         return scrollEvent;
     }
 }
-TabStripScrollableButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TabStripScrollableButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-TabStripScrollableButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TabStripScrollableButtonComponent, selector: "[kendoTabStripScrollableButton]", inputs: { prev: "prev", tabPosition: "tabPosition", scrollable: "scrollable" }, outputs: { tabScroll: "tabScroll", onClick: "onClick" }, host: { properties: { "class.k-button": "this.btnClasses", "class.k-button-md": "this.btnClasses", "class.k-icon-button": "this.btnClasses", "class.k-rounded-md": "this.btnClasses", "class.k-button-flat": "this.btnClasses", "class.k-button-flat-base": "this.btnClasses", "class.k-tabstrip-prev": "this.prevClass", "class.k-tabstrip-next": "this.nextClass" } }, ngImport: i0, template: `
+TabStripScrollableButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TabStripScrollableButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+TabStripScrollableButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TabStripScrollableButtonComponent, selector: "[kendoTabStripScrollableButton]", inputs: { prev: "prev", tabPosition: "tabPosition", scrollable: "scrollable" }, outputs: { tabScroll: "tabScroll", onClick: "onClick" }, host: { properties: { "class.k-button": "this.btnClasses", "class.k-button-md": "this.btnClasses", "class.k-icon-button": "this.btnClasses", "class.k-rounded-md": "this.btnClasses", "class.k-button-flat": "this.btnClasses", "class.k-button-flat-base": "this.btnClasses", "class.k-tabstrip-prev": "this.prevClass", "class.k-tabstrip-next": "this.nextClass" } }, ngImport: i0, template: `
         <span class="k-icon k-button-icon" [ngClass]="iconClass"></span>
     `, isInline: true, directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TabStripScrollableButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TabStripScrollableButtonComponent, decorators: [{
             type: Component,
             args: [{
                     template: `

package/esm2015/tabstrip/tabstrip-scroll.service.js

@@ -172,8 +172,8 @@ export class ScrollService {
         this.scrollButtonActiveStateChange.next({ buttonType, active });
     }
 }
-ScrollService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ScrollService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
-ScrollService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ScrollService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ScrollService, decorators: [{
+ScrollService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ScrollService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+ScrollService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ScrollService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ScrollService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i0.NgZone }]; } });

package/esm2015/tabstrip/tabstrip.component.js

@@ -350,8 +350,8 @@ 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.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: [
+TabStripComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", 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.17", 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,
@@ -464,7 +464,7 @@ TabStripComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
             ])
         ])
     ] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TabStripComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TabStripComponent, decorators: [{
             type: Component,
             args: [{
                     animations: [

package/esm2015/tabstrip/tabstrip.service.js

@@ -143,8 +143,8 @@ export class TabStripService {
         return selectedIndex + 1;
     }
 }
-TabStripService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TabStripService, deps: [{ token: i1.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
-TabStripService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TabStripService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TabStripService, decorators: [{
+TabStripService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TabStripService, deps: [{ token: i1.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+TabStripService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TabStripService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TabStripService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i0.NgZone }]; } });

package/esm2015/tabstrip.module.js

@@ -39,8 +39,8 @@ const declarations = [
  */
 export class TabStripModule {
 }
-TabStripModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TabStripModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-TabStripModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TabStripModule, declarations: [TabStripComponent,
+TabStripModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TabStripModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TabStripModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TabStripModule, declarations: [TabStripComponent,
         TabStripTabComponent,
         TabContentDirective,
         TabTitleDirective,
@@ -53,8 +53,8 @@ TabStripModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version:
         TabComponent,
         TabStripCustomMessagesComponent,
         LocalizedTabStripMessagesDirective] });
-TabStripModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TabStripModule, imports: [[CommonModule, ResizeSensorModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TabStripModule, decorators: [{
+TabStripModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TabStripModule, imports: [[CommonModule, ResizeSensorModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TabStripModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [declarations],

package/esm2015/tilelayout/dragging-service.js

@@ -391,8 +391,8 @@ export class TileLayoutDraggingService {
         return hintHeight;
     }
 }
-TileLayoutDraggingService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TileLayoutDraggingService, deps: [{ token: i0.NgZone }, { token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Injectable });
-TileLayoutDraggingService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TileLayoutDraggingService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TileLayoutDraggingService, decorators: [{
+TileLayoutDraggingService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TileLayoutDraggingService, deps: [{ token: i0.NgZone }, { token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Injectable });
+TileLayoutDraggingService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TileLayoutDraggingService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TileLayoutDraggingService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i0.Renderer2 }, { type: i1.LocalizationService }]; } });

package/esm2015/tilelayout/keyboard-navigation.service.js

@@ -0,0 +1,148 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/* eslint-disable no-unused-expressions */
+import { Injectable } from '@angular/core';
+import { Keys } from '@progress/kendo-angular-common';
+import { BehaviorSubject } from 'rxjs';
+import { focusableSelector } from '../common/util';
+import { getCurrentCol, shouldReorder, shouldResize } from './util';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+/**
+ * @hidden
+ */
+export class TileLayoutKeyboardNavigationService {
+    constructor(zone, renderer, localization) {
+        this.zone = zone;
+        this.renderer = renderer;
+        this.localization = localization;
+        this.navigable = new BehaviorSubject(false);
+        this.localizationSubscription = this.localization.changes.subscribe(({ rtl }) => this.rtl = rtl);
+    }
+    ngOnDestroy() {
+        this.localizationSubscription.unsubscribe();
+    }
+    onKeyDown(event, elem, focusableItems, settings) {
+        const keyCode = event.keyCode;
+        const isTileFocused = document.activeElement === elem;
+        const focusedTile = settings.items.find(item => item.elem.nativeElement === elem);
+        const col = getCurrentCol(focusedTile, settings, this.rtl);
+        if (keyCode === Keys.Enter && isTileFocused && focusableItems.length > 0) {
+            this.changeTabIndex('0', elem, focusableItems);
+            focusableItems[0].focus();
+        }
+        else if (keyCode === Keys.Escape) {
+            this.changeTabIndex('-1', elem, focusableItems);
+            elem.focus();
+        }
+        else if ((event.ctrlKey || event.metaKey) && isTileFocused && focusedTile.isResizable) {
+            event.preventDefault();
+            this.zone.run(() => {
+                this.resizeItem(keyCode, focusedTile, settings, col);
+            });
+        }
+        else if (event.shiftKey && isTileFocused && focusedTile.isReorderable) {
+            this.zone.run(() => {
+                this.reorderItem(keyCode, focusedTile, settings, col);
+            });
+        }
+        else if (keyCode === Keys.Tab && !isTileFocused) {
+            this.keepFocusWithinComponent(event, elem);
+        }
+    }
+    onFocusOut(event, elem, focusableItems) {
+        var _a;
+        const isTargetFocusable = focusableItems.includes(event.target);
+        const isRelatedTargetFocusable = focusableItems.includes(event.relatedTarget);
+        if (isTargetFocusable && !isRelatedTargetFocusable) {
+            this.changeTabIndex('-1', elem, focusableItems);
+            (_a = event.relatedTarget) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+    }
+    onClick(event, elem, focusableItems) {
+        const isTargetFocusable = focusableItems.includes(event.target);
+        if (isTargetFocusable) {
+            this.changeTabIndex('0', elem, focusableItems);
+            event.target.focus();
+        }
+    }
+    changeTabIndex(tabIndex, elem, focusableItems) {
+        this.renderer.setAttribute(elem, 'tabindex', tabIndex === '0' ? '-1' : '0');
+        focusableItems.forEach((focusItem) => {
+            this.renderer.setAttribute(focusItem, 'tabindex', tabIndex);
+        });
+    }
+    getAllFocusableChildren(parent) {
+        return Array.from(parent.querySelectorAll(focusableSelector)).filter((element) => element.offsetParent !== null);
+    }
+    ;
+    resizeItem(keyCode, focusedTile, settings, col) {
+        const { resizeRight, resizeLeft, resizeDown, resizeUp } = shouldResize(keyCode, col, focusedTile, settings);
+        const resizeHorizontal = resizeLeft || resizeRight;
+        const resizeVertical = resizeDown || resizeUp;
+        const resizeDir = resizeLeft || resizeUp ? -1 : 1;
+        if (resizeHorizontal) {
+            focusedTile.colSpan += resizeDir;
+        }
+        else if (resizeVertical) {
+            focusedTile.rowSpan += resizeDir;
+        }
+    }
+    reorderItem(keyCode, focusedTile, settings, col) {
+        const { reorderLeft, reorderRight } = shouldReorder(keyCode, col, focusedTile, settings);
+        const onReorderRight = () => {
+            const nextTile = this.targetTile(focusedTile, settings.items, 1);
+            if (nextTile) {
+                focusedTile.order += 1;
+                nextTile.order -= 1;
+            }
+        };
+        const onReorderLeft = () => {
+            const prevTile = this.targetTile(focusedTile, settings.items, -1);
+            if (prevTile) {
+                focusedTile.order -= 1;
+                prevTile.order += 1;
+            }
+        };
+        if (reorderRight || reorderLeft) {
+            const reorderDir = reorderRight ? 1 : -1;
+            if (focusedTile.col) {
+                focusedTile.col += reorderDir;
+            }
+            else {
+                reorderRight ? onReorderRight() : onReorderLeft();
+            }
+        }
+    }
+    keepFocusWithinComponent(event, wrapper) {
+        const [firstFocusable, lastFocusable] = this.getFirstAndLastFocusable(wrapper);
+        const tabAfterLastFocusable = !event.shiftKey && event.target === lastFocusable;
+        const shiftTabAfterFirstFocusable = event.shiftKey && event.target === firstFocusable;
+        if (tabAfterLastFocusable) {
+            event.preventDefault();
+            firstFocusable.focus();
+            wrapper.blur();
+        }
+        if (shiftTabAfterFirstFocusable) {
+            event.preventDefault();
+            lastFocusable.focus();
+        }
+    }
+    getFirstAndLastFocusable(parent) {
+        const all = this.getAllFocusableChildren(parent);
+        const firstFocusable = all.length > 0 ? all[0] : parent;
+        const lastFocusable = all.length > 0 ? all[all.length - 1] : parent;
+        return [firstFocusable, lastFocusable];
+    }
+    ;
+    targetTile(focusedTile, items, offset) {
+        return items.find(item => item.order === focusedTile.order + offset);
+    }
+}
+TileLayoutKeyboardNavigationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TileLayoutKeyboardNavigationService, deps: [{ token: i0.NgZone }, { token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Injectable });
+TileLayoutKeyboardNavigationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TileLayoutKeyboardNavigationService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TileLayoutKeyboardNavigationService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i0.Renderer2 }, { type: i1.LocalizationService }]; } });

package/esm2015/tilelayout/models/navigation.interface.js

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export {};

package/esm2015/tilelayout/tilelayout-item-body.component.js

@@ -13,11 +13,11 @@ export class TileLayoutItemBodyComponent {
         this.minHeight = 0;
     }
 }
-TileLayoutItemBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TileLayoutItemBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TileLayoutItemBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TileLayoutItemBodyComponent, selector: "kendo-tilelayout-item-body", host: { properties: { "class.k-tilelayout-item-body": "this.hostClass", "class.k-card-body": "this.hostClass", "style.min-height": "this.minHeight" } }, ngImport: i0, template: `
+TileLayoutItemBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TileLayoutItemBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TileLayoutItemBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TileLayoutItemBodyComponent, selector: "kendo-tilelayout-item-body", host: { properties: { "class.k-tilelayout-item-body": "this.hostClass", "class.k-card-body": "this.hostClass", "style.min-height": "this.minHeight" } }, ngImport: i0, template: `
         <ng-content></ng-content>
     `, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TileLayoutItemBodyComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TileLayoutItemBodyComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-tilelayout-item-body',

package/esm2015/tilelayout/tilelayout-item-header.component.js

@@ -29,11 +29,11 @@ export class TileLayoutItemHeaderComponent {
         }
     }
 }
-TileLayoutItemHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TileLayoutItemHeaderComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-TileLayoutItemHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TileLayoutItemHeaderComponent, selector: "kendo-tilelayout-item-header", inputs: { reorderable: "reorderable" }, host: { properties: { "class.k-tilelayout-item-header": "this.hostClass", "class.k-card-header": "this.hostClass" } }, ngImport: i0, template: `
+TileLayoutItemHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TileLayoutItemHeaderComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+TileLayoutItemHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TileLayoutItemHeaderComponent, selector: "kendo-tilelayout-item-header", inputs: { reorderable: "reorderable" }, host: { properties: { "class.k-tilelayout-item-header": "this.hostClass", "class.k-card-header": "this.hostClass" } }, ngImport: i0, template: `
         <ng-content></ng-content>
     `, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TileLayoutItemHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TileLayoutItemHeaderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-tilelayout-item-header',

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

@@ -7,21 +7,25 @@ import { Subscription } from 'rxjs';
 import { isPresent } from './../common/util';
 import { RESIZE_DIRECTIONS, RTL_RESIZE_DIRECTIONS } from './constants';
 import { TileLayoutItemHeaderComponent } from './tilelayout-item-header.component';
+import { getId } from './util';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
 import * as i2 from "./dragging-service";
-import * as i3 from "./tilelayout-item-header.component";
-import * as i4 from "@angular/common";
-import * as i5 from "./tilelayout-resize-handle.directive";
+import * as i3 from "./keyboard-navigation.service";
+import * as i4 from "./tilelayout-item-header.component";
+import * as i5 from "@angular/common";
+import * as i6 from "./tilelayout-resize-handle.directive";
 /**
  * Represents a tile item within the TileLayoutComponent.
  */
 export class TileLayoutItemComponent {
-    constructor(elem, renderer, localization, draggingService) {
+    constructor(elem, zone, renderer, localization, draggingService, keyboardNavigationService) {
         this.elem = elem;
+        this.zone = zone;
         this.renderer = renderer;
         this.localization = localization;
         this.draggingService = draggingService;
+        this.keyboardNavigationService = keyboardNavigationService;
         /**
          * Determines how many rows will the tile item span ([see example]({% slug tiles_tilelayout %}#toc-tile-size-and-position)).
          * @default 1
@@ -44,6 +48,11 @@ export class TileLayoutItemComponent {
          */
         this.resizable = true;
         this.itemClass = true;
+        this.hostRole = 'listitem';
+        /**
+         * @hidden
+         */
+        this.titleId = '';
         this.subs = new Subscription();
         this.subs.add(this.localization.changes.subscribe(({ rtl }) => {
             this.rtl = rtl;
@@ -52,6 +61,7 @@ export class TileLayoutItemComponent {
             this.resizeDirections = resizable && this.resizable ?
                 this.rtl ? RTL_RESIZE_DIRECTIONS : RESIZE_DIRECTIONS : undefined;
         }));
+        this.titleId = getId('k-tilelayout-title');
     }
     /**
      * Determines the order of the tile items within the TileLayout.
@@ -65,6 +75,21 @@ export class TileLayoutItemComponent {
     get order() {
         return this._order;
     }
+    get hostDropEffect() {
+        return this.isResizable || this.isReorderable ? 'execute' : undefined;
+    }
+    get hostTabindex() {
+        return this.isNavigable ? '0' : undefined;
+    }
+    get ariaKeyShortcuts() {
+        return this.isNavigable ? 'Enter' : undefined;
+    }
+    get hostGrabbed() {
+        return this.isResizable || this.isReorderable;
+    }
+    get hostLabelledBy() {
+        return this.title ? this.titleId : undefined;
+    }
     get colEnd() {
         return `span ${this.colSpan}`;
     }
@@ -80,10 +105,24 @@ export class TileLayoutItemComponent {
     /**
      * @hidden
      */
-    get reorderableHeader() {
+    get isReorderable() {
         return this.reorderable && this.draggingService.reorderable.getValue();
     }
+    /**
+     * @hidden
+     */
+    get isNavigable() {
+        return this.keyboardNavigationService.navigable.getValue();
+    }
+    /**
+     * @hidden
+     */
+    get isResizable() {
+        return this.resizable && this.draggingService.resizable.getValue();
+    }
     ngAfterViewInit() {
+        const elem = this.elem.nativeElement;
+        const keyboardNavigation = this.keyboardNavigationService;
         this.subs.add(this.draggingService.reorderable.subscribe(reorderable => {
             var _a;
             this.toggleCursorClass(reorderable && this.reorderable);
@@ -91,6 +130,24 @@ export class TileLayoutItemComponent {
                 this.headers.first.reorderable = reorderable && this.reorderable;
             }
         }));
+        this.subs.add(keyboardNavigation.navigable.subscribe(isNavigable => {
+            if (isNavigable) {
+                this.keyboardNavigationSubs = new Subscription();
+                this.focusableItems = keyboardNavigation.getAllFocusableChildren(elem);
+                this.zone.runOutsideAngular(() => {
+                    keyboardNavigation.changeTabIndex('-1', elem, this.focusableItems);
+                    this.keyboardNavigationSubs.add(this.renderer.listen(elem, 'keydown', event => keyboardNavigation.onKeyDown(event, elem, this.focusableItems, this.draggingService.tileLayoutSettings)));
+                    this.keyboardNavigationSubs.add(this.renderer.listen(elem, 'click', event => keyboardNavigation.onClick(event, elem, this.focusableItems)));
+                    this.keyboardNavigationSubs.add(this.renderer.listen(elem, 'focusout', event => keyboardNavigation.onFocusOut(event, elem, this.focusableItems)));
+                });
+            }
+            else if (this.focusableItems) {
+                this.focusableItems.forEach((focusItem) => {
+                    this.renderer.setAttribute(focusItem, 'tabindex', '0');
+                });
+                this.keyboardNavigationSubs.unsubscribe();
+            }
+        }));
     }
     ngOnChanges(changes) {
         if (changes.reorderable && !changes.reorderable.firstChange) {
@@ -103,6 +160,9 @@ export class TileLayoutItemComponent {
     }
     ngOnDestroy() {
         this.subs.unsubscribe();
+        if (this.keyboardNavigationSubs) {
+            this.keyboardNavigationSubs.unsubscribe();
+        }
     }
     toggleCursorClass(isReorderable) {
         const headerEl = this.elem.nativeElement.querySelector('.k-tilelayout-item-header');
@@ -117,10 +177,10 @@ export class TileLayoutItemComponent {
         }
     }
 }
-TileLayoutItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TileLayoutItemComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }, { token: i2.TileLayoutDraggingService }], target: i0.ɵɵFactoryTarget.Component });
-TileLayoutItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TileLayoutItemComponent, selector: "kendo-tilelayout-item", inputs: { title: "title", rowSpan: "rowSpan", colSpan: "colSpan", order: "order", col: "col", row: "row", reorderable: "reorderable", resizable: "resizable" }, host: { properties: { "class.k-tilelayout-item": "this.itemClass", "class.k-card": "this.itemClass", "style.grid-column-end": "this.colEnd", "style.grid-row-end": "this.rowEnd", "style.grid-column-start": "this.colStart", "style.grid-row-start": "this.rowStart" } }, queries: [{ propertyName: "headers", predicate: TileLayoutItemHeaderComponent }], usesOnChanges: true, ngImport: i0, template: `
-        <kendo-tilelayout-item-header [reorderable]="reorderableHeader" *ngIf="title">
-            <h5 class="k-card-title">{{ title }}</h5>
+TileLayoutItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TileLayoutItemComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i1.LocalizationService }, { token: i2.TileLayoutDraggingService }, { token: i3.TileLayoutKeyboardNavigationService }], target: i0.ɵɵFactoryTarget.Component });
+TileLayoutItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TileLayoutItemComponent, selector: "kendo-tilelayout-item", inputs: { title: "title", rowSpan: "rowSpan", colSpan: "colSpan", order: "order", col: "col", row: "row", reorderable: "reorderable", resizable: "resizable" }, host: { properties: { "class.k-tilelayout-item": "this.itemClass", "class.k-card": "this.itemClass", "attr.role": "this.hostRole", "attr.aria-dropeffect": "this.hostDropEffect", "attr.tabindex": "this.hostTabindex", "attr.aria-keyshortcuts": "this.ariaKeyShortcuts", "attr.aria-grabbed": "this.hostGrabbed", "attr.aria-labelledby": "this.hostLabelledBy", "style.grid-column-end": "this.colEnd", "style.grid-row-end": "this.rowEnd", "style.grid-column-start": "this.colStart", "style.grid-row-start": "this.rowStart" } }, queries: [{ propertyName: "headers", predicate: TileLayoutItemHeaderComponent }], usesOnChanges: true, ngImport: i0, template: `
+        <kendo-tilelayout-item-header [reorderable]="isReorderable" *ngIf="title">
+            <h5 [id]="titleId" class="k-card-title">{{ title }}</h5>
         </kendo-tilelayout-item-header>
         <ng-content></ng-content>
         <ng-container *ngIf="resizable">
@@ -132,14 +192,14 @@ TileLayoutItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
                 [resizeDirection]="dir">
             </div>
         </ng-container>
-    `, isInline: true, components: [{ type: i3.TileLayoutItemHeaderComponent, selector: "kendo-tilelayout-item-header", inputs: ["reorderable"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.TileLayoutResizeHandleDirective, selector: "[kendoTileLayoutResizeHandle]", inputs: ["resizeDirection", "rtl"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TileLayoutItemComponent, decorators: [{
+    `, isInline: true, components: [{ type: i4.TileLayoutItemHeaderComponent, selector: "kendo-tilelayout-item-header", inputs: ["reorderable"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6.TileLayoutResizeHandleDirective, selector: "[kendoTileLayoutResizeHandle]", inputs: ["resizeDirection", "rtl"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TileLayoutItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-tilelayout-item',
                     template: `
-        <kendo-tilelayout-item-header [reorderable]="reorderableHeader" *ngIf="title">
-            <h5 class="k-card-title">{{ title }}</h5>
+        <kendo-tilelayout-item-header [reorderable]="isReorderable" *ngIf="title">
+            <h5 [id]="titleId" class="k-card-title">{{ title }}</h5>
         </kendo-tilelayout-item-header>
         <ng-content></ng-content>
         <ng-container *ngIf="resizable">
@@ -153,7 +213,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
         </ng-container>
     `
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.LocalizationService }, { type: i2.TileLayoutDraggingService }]; }, propDecorators: { title: [{
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i1.LocalizationService }, { type: i2.TileLayoutDraggingService }, { type: i3.TileLayoutKeyboardNavigationService }]; }, propDecorators: { title: [{
                 type: Input
             }], rowSpan: [{
                 type: Input
@@ -175,6 +235,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             }, {
                 type: HostBinding,
                 args: ['class.k-card']
+            }], hostRole: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }], hostDropEffect: [{
+                type: HostBinding,
+                args: ['attr.aria-dropeffect']
+            }], hostTabindex: [{
+                type: HostBinding,
+                args: ['attr.tabindex']
+            }], ariaKeyShortcuts: [{
+                type: HostBinding,
+                args: ['attr.aria-keyshortcuts']
+            }], hostGrabbed: [{
+                type: HostBinding,
+                args: ['attr.aria-grabbed']
+            }], hostLabelledBy: [{
+                type: HostBinding,
+                args: ['attr.aria-labelledby']
             }], colEnd: [{
                 type: HostBinding,
                 args: ['style.grid-column-end']

package/esm2015/tilelayout/tilelayout-resize-handle.directive.js

@@ -42,9 +42,9 @@ export class TileLayoutResizeHandleDirective {
         }
     }
 }
-TileLayoutResizeHandleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TileLayoutResizeHandleDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-TileLayoutResizeHandleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TileLayoutResizeHandleDirective, selector: "[kendoTileLayoutResizeHandle]", inputs: { resizeDirection: "resizeDirection", rtl: "rtl" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TileLayoutResizeHandleDirective, decorators: [{
+TileLayoutResizeHandleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TileLayoutResizeHandleDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+TileLayoutResizeHandleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TileLayoutResizeHandleDirective, selector: "[kendoTileLayoutResizeHandle]", inputs: { resizeDirection: "resizeDirection", rtl: "rtl" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TileLayoutResizeHandleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoTileLayoutResizeHandle]'