@progress/kendo-angular-layout 6.5.2 → 7.0.0-next.202203231147

package/{dist/es → esm2015}/tilelayout/models/flowmode.type.js

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

package/{dist/es → esm2015}/tilelayout/models/gap.interface.js

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

package/{dist/es2015 → esm2015}/tilelayout/reorder-event.js

@@ -2,7 +2,7 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { PreventableEvent } from './preventable-event';
+import { PreventableEvent } from '@progress/kendo-angular-common';
 /**
  * Arguments for the `reorder` event. The event fires when the order or starting
  * positions of the items is changed via the UI. If you prevent the event, the change is canceled ([see example]({% slug reordering_tilelayout %}#toc-handling-the-reorder-event)).

package/{dist/es2015 → esm2015}/tilelayout/resize-event.js

@@ -2,7 +2,7 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { PreventableEvent } from './preventable-event';
+import { PreventableEvent } from '@progress/kendo-angular-common';
 /**
  * Arguments for the `resize` event. The `resize` event fires when any item size
  * is changed from the UI. If you cancel the event, the change is prevented ([see example]({% slug resizing_tilelayout %}#toc-handling-the-resize-event)).

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

@@ -0,0 +1,37 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, HostBinding } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Holds the main content of the TileLayoutItem component.
+ */
+export class TileLayoutItemBodyComponent {
+    constructor() {
+        this.hostClass = true;
+        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: `
+        <ng-content></ng-content>
+    `, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TileLayoutItemBodyComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-tilelayout-item-body',
+                    template: `
+        <ng-content></ng-content>
+    `
+                }]
+        }], propDecorators: { hostClass: [{
+                type: HostBinding,
+                args: ['class.k-tilelayout-item-body']
+            }, {
+                type: HostBinding,
+                args: ['class.k-card-body']
+            }], minHeight: [{
+                type: HostBinding,
+                args: ['style.min-height']
+            }] } });

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

@@ -0,0 +1,52 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, HostBinding, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Holds the content of the header section of the TileLayoutItem component.
+ * This is the area which can be dragged to reorder the items if reordering is enabled for this item.
+ */
+export class TileLayoutItemHeaderComponent {
+    constructor(hostEl, renderer) {
+        this.hostEl = hostEl;
+        this.renderer = renderer;
+        this.hostClass = true;
+    }
+    /**
+     * @hidden
+     */
+    set reorderable(value) {
+        const hostElement = this.hostEl.nativeElement;
+        if (value) {
+            this.renderer.addClass(hostElement, 'k-touch-action-none');
+            this.renderer.removeClass(hostElement, 'k-touch-action-auto');
+        }
+        else {
+            this.renderer.addClass(hostElement, 'k-touch-action-auto');
+            this.renderer.removeClass(hostElement, 'k-touch-action-none');
+        }
+    }
+}
+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: `
+        <ng-content></ng-content>
+    `, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TileLayoutItemHeaderComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-tilelayout-item-header',
+                    template: `
+        <ng-content></ng-content>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { hostClass: [{
+                type: HostBinding,
+                args: ['class.k-tilelayout-item-header']
+            }, {
+                type: HostBinding,
+                args: ['class.k-card-header']
+            }], reorderable: [{
+                type: Input
+            }] } });

package/{dist/es2015 → esm2015}/tilelayout/tilelayout-item.component.js

@@ -2,17 +2,21 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Component, ElementRef, HostBinding, Input, Renderer2 } from '@angular/core';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { Component, ContentChildren, HostBinding, Input } from '@angular/core';
 import { Subscription } from 'rxjs';
-import { TileLayoutDraggingService } from './dragging-service';
 import { isPresent } from './../common/util';
 import { RESIZE_DIRECTIONS, RTL_RESIZE_DIRECTIONS } from './constants';
+import { TileLayoutItemHeaderComponent } from './tilelayout-item-header.component';
+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";
 /**
  * Represents a tile item within the TileLayoutComponent.
  */
-let TileLayoutItemComponent = class TileLayoutItemComponent {
+export class TileLayoutItemComponent {
     constructor(elem, renderer, localization, draggingService) {
         this.elem = elem;
         this.renderer = renderer;
@@ -73,9 +77,19 @@ let TileLayoutItemComponent = class TileLayoutItemComponent {
     get rowStart() {
         return isPresent(this.row) ? this.row.toString() : undefined;
     }
+    /**
+     * @hidden
+     */
+    get reorderableHeader() {
+        return this.reorderable && this.draggingService.reorderable.getValue();
+    }
     ngAfterViewInit() {
         this.subs.add(this.draggingService.reorderable.subscribe(reorderable => {
+            var _a;
             this.toggleCursorClass(reorderable && this.reorderable);
+            if ((_a = this.headers) === null || _a === void 0 ? void 0 : _a.first) {
+                this.headers.first.reorderable = reorderable && this.reorderable;
+            }
         }));
     }
     ngOnChanges(changes) {
@@ -102,70 +116,29 @@ let TileLayoutItemComponent = class TileLayoutItemComponent {
             this.renderer.removeClass(headerEl, 'k-cursor-grab');
         }
     }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], TileLayoutItemComponent.prototype, "title", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number)
-], TileLayoutItemComponent.prototype, "rowSpan", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number)
-], TileLayoutItemComponent.prototype, "colSpan", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number),
-    tslib_1.__metadata("design:paramtypes", [Number])
-], TileLayoutItemComponent.prototype, "order", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number)
-], TileLayoutItemComponent.prototype, "col", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number)
-], TileLayoutItemComponent.prototype, "row", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], TileLayoutItemComponent.prototype, "reorderable", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], TileLayoutItemComponent.prototype, "resizable", void 0);
-tslib_1.__decorate([
-    HostBinding('class.k-tilelayout-item'),
-    HostBinding('class.k-card'),
-    tslib_1.__metadata("design:type", Boolean)
-], TileLayoutItemComponent.prototype, "itemClass", void 0);
-tslib_1.__decorate([
-    HostBinding('style.grid-column-end'),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [])
-], TileLayoutItemComponent.prototype, "colEnd", null);
-tslib_1.__decorate([
-    HostBinding('style.grid-row-end'),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [])
-], TileLayoutItemComponent.prototype, "rowEnd", null);
-tslib_1.__decorate([
-    HostBinding('style.grid-column-start'),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [])
-], TileLayoutItemComponent.prototype, "colStart", null);
-tslib_1.__decorate([
-    HostBinding('style.grid-row-start'),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [])
-], TileLayoutItemComponent.prototype, "rowStart", null);
-TileLayoutItemComponent = tslib_1.__decorate([
-    Component({
-        selector: 'kendo-tilelayout-item',
-        template: `
-        <kendo-tilelayout-item-header *ngIf="title">
+}
+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>
+        </kendo-tilelayout-item-header>
+        <ng-content></ng-content>
+        <ng-container *ngIf="resizable">
+            <div
+                *ngFor="let dir of resizeDirections"
+                class="k-resize-handle k-cursor-{{dir}}-resize k-touch-action-none"
+                kendoTileLayoutResizeHandle
+                [rtl]="rtl"
+                [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: [{
+            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>
         <ng-content></ng-content>
@@ -179,10 +152,42 @@ TileLayoutItemComponent = tslib_1.__decorate([
             </div>
         </ng-container>
     `
-    }),
-    tslib_1.__metadata("design:paramtypes", [ElementRef,
-        Renderer2,
-        LocalizationService,
-        TileLayoutDraggingService])
-], TileLayoutItemComponent);
-export { TileLayoutItemComponent };
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.LocalizationService }, { type: i2.TileLayoutDraggingService }]; }, propDecorators: { title: [{
+                type: Input
+            }], rowSpan: [{
+                type: Input
+            }], colSpan: [{
+                type: Input
+            }], order: [{
+                type: Input
+            }], col: [{
+                type: Input
+            }], row: [{
+                type: Input
+            }], reorderable: [{
+                type: Input
+            }], resizable: [{
+                type: Input
+            }], itemClass: [{
+                type: HostBinding,
+                args: ['class.k-tilelayout-item']
+            }, {
+                type: HostBinding,
+                args: ['class.k-card']
+            }], colEnd: [{
+                type: HostBinding,
+                args: ['style.grid-column-end']
+            }], rowEnd: [{
+                type: HostBinding,
+                args: ['style.grid-row-end']
+            }], colStart: [{
+                type: HostBinding,
+                args: ['style.grid-column-start']
+            }], rowStart: [{
+                type: HostBinding,
+                args: ['style.grid-row-start']
+            }], headers: [{
+                type: ContentChildren,
+                args: [TileLayoutItemHeaderComponent]
+            }] } });

package/{dist/es2015 → esm2015}/tilelayout/tilelayout-resize-handle.directive.js

@@ -2,13 +2,13 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Directive, ElementRef, Input, Renderer2 } from '@angular/core';
+import { Directive, Input } from '@angular/core';
 import { RESIZE_HANDLE_DIMENSIONS } from './constants';
+import * as i0 from "@angular/core";
 /**
  * @hidden
  */
-let TileLayoutResizeHandleDirective = class TileLayoutResizeHandleDirective {
+export class TileLayoutResizeHandleDirective {
     constructor(el, renderer) {
         this.el = el;
         this.renderer = renderer;
@@ -41,20 +41,16 @@ let TileLayoutResizeHandleDirective = class TileLayoutResizeHandleDirective {
             this.setBottom(element);
         }
     }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], TileLayoutResizeHandleDirective.prototype, "resizeDirection", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], TileLayoutResizeHandleDirective.prototype, "rtl", void 0);
-TileLayoutResizeHandleDirective = tslib_1.__decorate([
-    Directive({
-        selector: '[kendoTileLayoutResizeHandle]'
-    }),
-    tslib_1.__metadata("design:paramtypes", [ElementRef,
-        Renderer2])
-], TileLayoutResizeHandleDirective);
-export { 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: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoTileLayoutResizeHandle]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { resizeDirection: [{
+                type: Input
+            }], rtl: [{
+                type: Input
+            }] } });

package/{dist/es2015 → esm2015}/tilelayout/tilelayout.component.js

@@ -2,8 +2,7 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Component, HostBinding, Input, Output, EventEmitter, ContentChildren, QueryList, ElementRef, Renderer2, NgZone, ViewChild } from '@angular/core';
+import { Component, HostBinding, Input, Output, EventEmitter, ContentChildren, ViewChild } from '@angular/core';
 import { TileLayoutDraggingService } from './dragging-service';
 import { Subscription } from 'rxjs';
 import Draggable from '@telerik/kendo-draggable';
@@ -13,6 +12,9 @@ import { hasObservers } from '@progress/kendo-angular-common';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';
 import { isPresent } from '../common/util';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+import * as i2 from "./dragging-service";
 const autoFlowClasses = {
     column: 'k-grid-flow-col',
     row: 'k-grid-flow-row',
@@ -22,7 +24,7 @@ const autoFlowClasses = {
 /**
  * Represents the [Kendo UI TileLayout component for Angular]({% slug overview_tilelayout %})
  */
-let TileLayoutComponent = class TileLayoutComponent {
+export class TileLayoutComponent {
     constructor(elem, renderer, localization, draggingService, zone) {
         this.elem = elem;
         this.renderer = renderer;
@@ -229,79 +231,39 @@ let TileLayoutComponent = class TileLayoutComponent {
             }
         });
     }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number)
-], TileLayoutComponent.prototype, "columns", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], TileLayoutComponent.prototype, "columnWidth", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object),
-    tslib_1.__metadata("design:paramtypes", [Object])
-], TileLayoutComponent.prototype, "gap", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], TileLayoutComponent.prototype, "reorderable", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], TileLayoutComponent.prototype, "resizable", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], TileLayoutComponent.prototype, "rowHeight", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], TileLayoutComponent.prototype, "autoFlow", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], TileLayoutComponent.prototype, "reorder", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], TileLayoutComponent.prototype, "resize", void 0);
-tslib_1.__decorate([
-    HostBinding('class.k-widget'),
-    HostBinding('class.k-tilelayout'),
-    tslib_1.__metadata("design:type", Boolean)
-], TileLayoutComponent.prototype, "hostClass", void 0);
-tslib_1.__decorate([
-    HostBinding('style.gap'),
-    HostBinding('style.padding'),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [])
-], TileLayoutComponent.prototype, "gapStyle", null);
-tslib_1.__decorate([
-    HostBinding('attr.dir'),
-    tslib_1.__metadata("design:type", String)
-], TileLayoutComponent.prototype, "direction", void 0);
-tslib_1.__decorate([
-    ContentChildren(TileLayoutItemComponent),
-    tslib_1.__metadata("design:type", QueryList)
-], TileLayoutComponent.prototype, "items", void 0);
-tslib_1.__decorate([
-    ViewChild('hint', { static: false }),
-    tslib_1.__metadata("design:type", ElementRef)
-], TileLayoutComponent.prototype, "hint", void 0);
-TileLayoutComponent = tslib_1.__decorate([
-    Component({
-        selector: 'kendo-tilelayout',
-        providers: [
-            LocalizationService,
-            TileLayoutDraggingService,
-            {
-                provide: L10N_PREFIX,
-                useValue: 'kendo.tilelayout.component'
-            }
-        ],
-        template: `
+}
+TileLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TileLayoutComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }, { token: i2.TileLayoutDraggingService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+TileLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TileLayoutComponent, selector: "kendo-tilelayout", inputs: { columns: "columns", columnWidth: "columnWidth", gap: "gap", reorderable: "reorderable", resizable: "resizable", rowHeight: "rowHeight", autoFlow: "autoFlow" }, outputs: { reorder: "reorder", resize: "resize" }, host: { properties: { "class.k-widget": "this.hostClass", "class.k-tilelayout": "this.hostClass", "style.gap": "this.gapStyle", "style.padding": "this.gapStyle", "attr.dir": "this.direction" } }, providers: [
+        LocalizationService,
+        TileLayoutDraggingService,
+        {
+            provide: L10N_PREFIX,
+            useValue: 'kendo.tilelayout.component'
+        }
+    ], queries: [{ propertyName: "items", predicate: TileLayoutItemComponent }], viewQueries: [{ propertyName: "hint", first: true, predicate: ["hint"], descendants: true }], usesOnChanges: true, ngImport: i0, template: `
+        <ng-content></ng-content>
+        <div #hint class="k-layout-item-hint k-layout-item-hint-reorder"
+            [style.display]="'none'"
+            [style.order]="targetOrder"
+            [style.gridColumnEnd]="draggedItemWrapper?.style.gridColumnEnd"
+            [style.gridRowEnd]="draggedItemWrapper?.style.gridRowEnd"
+            [style.gridColumnStart]="currentColStart"
+            [style.gridRowStart]="currentRowStart"
+            [style.zIndex]="'1'"></div>
+    `, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TileLayoutComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-tilelayout',
+                    providers: [
+                        LocalizationService,
+                        TileLayoutDraggingService,
+                        {
+                            provide: L10N_PREFIX,
+                            useValue: 'kendo.tilelayout.component'
+                        }
+                    ],
+                    template: `
         <ng-content></ng-content>
         <div #hint class="k-layout-item-hint k-layout-item-hint-reorder"
             [style.display]="'none'"
@@ -312,11 +274,44 @@ TileLayoutComponent = tslib_1.__decorate([
             [style.gridRowStart]="currentRowStart"
             [style.zIndex]="'1'"></div>
     `
-    }),
-    tslib_1.__metadata("design:paramtypes", [ElementRef,
-        Renderer2,
-        LocalizationService,
-        TileLayoutDraggingService,
-        NgZone])
-], TileLayoutComponent);
-export { TileLayoutComponent };
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.LocalizationService }, { type: i2.TileLayoutDraggingService }, { type: i0.NgZone }]; }, propDecorators: { columns: [{
+                type: Input
+            }], columnWidth: [{
+                type: Input
+            }], gap: [{
+                type: Input
+            }], reorderable: [{
+                type: Input
+            }], resizable: [{
+                type: Input
+            }], rowHeight: [{
+                type: Input
+            }], autoFlow: [{
+                type: Input
+            }], reorder: [{
+                type: Output
+            }], resize: [{
+                type: Output
+            }], hostClass: [{
+                type: HostBinding,
+                args: ['class.k-widget']
+            }, {
+                type: HostBinding,
+                args: ['class.k-tilelayout']
+            }], gapStyle: [{
+                type: HostBinding,
+                args: ['style.gap']
+            }, {
+                type: HostBinding,
+                args: ['style.padding']
+            }], direction: [{
+                type: HostBinding,
+                args: ['attr.dir']
+            }], items: [{
+                type: ContentChildren,
+                args: [TileLayoutItemComponent]
+            }], hint: [{
+                type: ViewChild,
+                args: ['hint', { static: false }]
+            }] } });

package/{dist/es2015 → esm2015}/tilelayout.module.js

@@ -2,7 +2,6 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { TileLayoutComponent } from './tilelayout/tilelayout.component';
@@ -10,6 +9,7 @@ import { TileLayoutItemComponent } from './tilelayout/tilelayout-item.component'
 import { TileLayoutItemHeaderComponent } from './tilelayout/tilelayout-item-header.component';
 import { TileLayoutItemBodyComponent } from './tilelayout/tilelayout-item-body.component';
 import { TileLayoutResizeHandleDirective } from './tilelayout/tilelayout-resize-handle.directive';
+import * as i0 from "@angular/core";
 const exportedModules = [
     TileLayoutComponent,
     TileLayoutItemComponent,
@@ -30,13 +30,24 @@ const declarations = [
  * - `TileLayoutItemHeaderComponent`—The `TileLayoutItemHeaderComponent` component class.
  * - `TileLayoutItemBodyComponent`—The `TileLayoutItemBodyComponent` component class.
  */
-let TileLayoutModule = class TileLayoutModule {
-};
-TileLayoutModule = tslib_1.__decorate([
-    NgModule({
-        declarations: [declarations],
-        exports: [exportedModules],
-        imports: [CommonModule]
-    })
-], TileLayoutModule);
-export { TileLayoutModule };
+export class TileLayoutModule {
+}
+TileLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TileLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TileLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TileLayoutModule, declarations: [TileLayoutComponent,
+        TileLayoutItemComponent,
+        TileLayoutItemHeaderComponent,
+        TileLayoutItemBodyComponent,
+        TileLayoutResizeHandleDirective], imports: [CommonModule], exports: [TileLayoutComponent,
+        TileLayoutItemComponent,
+        TileLayoutItemHeaderComponent,
+        TileLayoutItemBodyComponent,
+        TileLayoutResizeHandleDirective] });
+TileLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TileLayoutModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TileLayoutModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [declarations],
+                    exports: [exportedModules],
+                    imports: [CommonModule]
+                }]
+        }] });

package/{dist/es2015/expansionpanel → expansionpanel}/events/action-event.d.ts

@@ -2,7 +2,7 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { PreventableEvent } from '../../common/preventable-event';
+import { PreventableEvent } from "@progress/kendo-angular-common";
 /**
  * The type of the action that will take place upon interaction with the ExpansionPanel.
  */
@@ -15,4 +15,8 @@ export declare class ExpansionPanelActionEvent extends PreventableEvent {
      * The action that will take place upon interaction with the ExpansionPanel.
      */
     action: ExpansionPanelAction;
+    /**
+     * @hidden
+     */
+    constructor(args?: any);
 }