npm - @progress/kendo-angular-layout - Versions diffs - 17.0.0-develop.35 → 17.0.0-develop.37 - Mend

@progress/kendo-angular-layout 17.0.0-develop.35 → 17.0.0-develop.37

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/esm2022/package-metadata.mjs CHANGED Viewed

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

package/esm2022/panelbar/panelbar-item.component.mjs CHANGED Viewed

@@ -350,7 +350,7 @@ export class PanelBarItemComponent {
                 }"></ng-template>
                 <kendo-icon-wrapper
                     *ngIf="hasChildItems || hasContent"
-                    [name]="expanded ? 'arrow-chevron-up' : 'chevron-down'"
+                    [name]="expanded ? 'chevron-up' : 'chevron-down'"
                     [svgIcon]="expanderSVGIcon"
                     [innerCssClass]="dirInnerCssClasses"
                 >
@@ -504,7 +504,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }"></ng-template>
                 <kendo-icon-wrapper
                     *ngIf="hasChildItems || hasContent"
-                    [name]="expanded ? 'arrow-chevron-up' : 'chevron-down'"
+                    [name]="expanded ? 'chevron-up' : 'chevron-down'"
                     [svgIcon]="expanderSVGIcon"
                     [innerCssClass]="dirInnerCssClasses"
                 >

package/esm2022/stepper/stepper.component.mjs CHANGED Viewed

@@ -310,7 +310,7 @@ export class StepperComponent {
             [attr.aria-hidden]='true'
             [animation]='progressAnimation'
             [max]='steps.length - 1'
-            [label]='false'
+            [label]='{position: "start", visible: false}'
             [orientation]='orientation'
             [reverse]='!isHorizontal'
             [value]='currentStep'
@@ -363,7 +363,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             [attr.aria-hidden]='true'
             [animation]='progressAnimation'
             [max]='steps.length - 1'
-            [label]='false'
+            [label]='{position: "start", visible: false}'
             [orientation]='orientation'
             [reverse]='!isHorizontal'
             [value]='currentStep'

package/esm2022/tilelayout/dragging-service.mjs CHANGED Viewed

@@ -135,8 +135,6 @@ export class TileLayoutDraggingService {
                 this.currentColStart = this.draggedItem.colStart;
                 this.currentRowStart = this.draggedItem.rowStart;
             });
-            const headerEl = this.draggedItem.elem.nativeElement.querySelector('.k-tilelayout-item-header');
-            this.renderer.addClass(headerEl, 'k-cursor-grabbing');
             this.cdr.markForCheck();
         }
         else if (this.resizable && resizing) {
@@ -356,10 +354,6 @@ export class TileLayoutDraggingService {
         this.resizing = this.reordering = false;
         this.direction = null;
         if (this.draggedItemWrapper) {
-            const grabHandle = this.draggedItemWrapper.querySelector('.k-cursor-grab');
-            if (grabHandle) {
-                this.renderer.removeClass(grabHandle, 'k-cursor-grabbing');
-            }
             setElementStyles(this.renderer, this.draggedItemWrapper, {
                 top: '',
                 left: '',

package/esm2022/tilelayout/tilelayout-item-header.component.mjs CHANGED Viewed

@@ -2,36 +2,16 @@
 * Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Component, ElementRef, HostBinding, Input, Renderer2 } from '@angular/core';
+import { Component, HostBinding } 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 {
-    hostEl;
-    renderer;
     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');
-        }
-    }
-    constructor(hostEl, renderer) {
-        this.hostEl = hostEl;
-        this.renderer = renderer;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TileLayoutItemHeaderComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TileLayoutItemHeaderComponent, isStandalone: true, 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: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TileLayoutItemHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TileLayoutItemHeaderComponent, isStandalone: true, selector: "kendo-tilelayout-item-header", host: { properties: { "class.k-tilelayout-item-header": "this.hostClass", "class.k-card-header": "this.hostClass" } }, ngImport: i0, template: `
         <ng-content></ng-content>
     `, isInline: true });
 }
@@ -44,12 +24,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
     `,
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { hostClass: [{
+        }], propDecorators: { hostClass: [{
                 type: HostBinding,
                 args: ['class.k-tilelayout-item-header']
             }, {
                 type: HostBinding,
                 args: ['class.k-card-header']
-            }], reorderable: [{
-                type: Input
             }] } });

package/esm2022/tilelayout/tilelayout-item.component.mjs CHANGED Viewed

@@ -157,9 +157,6 @@ export class TileLayoutItemComponent {
         const keyboardNavigation = this.keyboardNavigationService;
         this.subs.add(this.draggingService.reorderable.subscribe(reorderable => {
             this.toggleCursorClass(reorderable && this.reorderable);
-            if (this.headers?.first) {
-                this.headers.first.reorderable = reorderable && this.reorderable;
-            }
         }));
         this.subs.add(keyboardNavigation.navigable.subscribe(isNavigable => {
             if (isNavigable) {
@@ -201,42 +198,42 @@ export class TileLayoutItemComponent {
             return;
         }
         if (isReorderable) {
-            this.renderer.addClass(headerEl, 'k-cursor-grab');
+            this.renderer.addClass(headerEl, 'k-cursor-move');
         }
         else {
-            this.renderer.removeClass(headerEl, 'k-cursor-grab');
+            this.renderer.removeClass(headerEl, 'k-cursor-move');
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", 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 });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TileLayoutItemComponent, isStandalone: true, 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">
+        <kendo-tilelayout-item-header *ngIf="title">
             <h5 [id]="titleId" 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"
+                class="k-resize-handle k-cursor-{{dir}}-resize"
                 kendoTileLayoutResizeHandle
                 [rtl]="rtl"
                 [resizeDirection]="dir">
             </div>
         </ng-container>
-    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TileLayoutItemHeaderComponent, selector: "kendo-tilelayout-item-header", inputs: ["reorderable"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: TileLayoutResizeHandleDirective, selector: "[kendoTileLayoutResizeHandle]", inputs: ["resizeDirection", "rtl"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TileLayoutItemHeaderComponent, selector: "kendo-tilelayout-item-header" }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: TileLayoutResizeHandleDirective, selector: "[kendoTileLayoutResizeHandle]", inputs: ["resizeDirection", "rtl"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TileLayoutItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-tilelayout-item',
                     template: `
-        <kendo-tilelayout-item-header [reorderable]="isReorderable" *ngIf="title">
+        <kendo-tilelayout-item-header *ngIf="title">
             <h5 [id]="titleId" 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"
+                class="k-resize-handle k-cursor-{{dir}}-resize"
                 kendoTileLayoutResizeHandle
                 [rtl]="rtl"
                 [resizeDirection]="dir">

package/esm2022/tilelayout/tilelayout.component.mjs CHANGED Viewed

@@ -266,7 +266,7 @@ export class TileLayoutComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TileLayoutComponent, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }, { token: i2.TileLayoutDraggingService }, { token: i3.TileLayoutKeyboardNavigationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TileLayoutComponent, isStandalone: true, selector: "kendo-tilelayout", inputs: { columns: "columns", columnWidth: "columnWidth", gap: "gap", reorderable: "reorderable", resizable: "resizable", rowHeight: "rowHeight", autoFlow: "autoFlow", navigable: "navigable" }, outputs: { reorder: "reorder", resize: "resize" }, host: { properties: { "class.k-tilelayout": "this.hostClass", "class.k-pos-relative": "this.hostClass", "attr.role": "this.hostRole", "style.gap": "this.gapStyle", "style.padding": "this.gapStyle", "attr.dir": "this.direction" } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TileLayoutComponent, isStandalone: true, selector: "kendo-tilelayout", inputs: { columns: "columns", columnWidth: "columnWidth", gap: "gap", reorderable: "reorderable", resizable: "resizable", rowHeight: "rowHeight", autoFlow: "autoFlow", navigable: "navigable" }, outputs: { reorder: "reorder", resize: "resize" }, host: { properties: { "class.k-tilelayout": "this.hostClass", "attr.role": "this.hostRole", "style.gap": "this.gapStyle", "style.padding": "this.gapStyle", "attr.dir": "this.direction" } }, providers: [
             LocalizationService,
             TileLayoutDraggingService,
             TileLayoutKeyboardNavigationService,
@@ -276,7 +276,7 @@ export class TileLayoutComponent {
             }
         ], 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"
+        <div #hint class="k-layout-item-hint"
             [style.display]="'none'"
             [style.order]="targetOrder"
             [style.gridColumnEnd]="draggedItemWrapper?.style.gridColumnEnd"
@@ -303,7 +303,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     ],
                     template: `
         <ng-content></ng-content>
-        <div #hint class="k-layout-item-hint k-layout-item-hint-reorder"
+        <div #hint class="k-layout-item-hint"
             [style.display]="'none'"
             [style.order]="targetOrder"
             [style.gridColumnEnd]="draggedItemWrapper?.style.gridColumnEnd"
@@ -340,9 +340,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }], hostClass: [{
                 type: HostBinding,
                 args: ['class.k-tilelayout']
-            }, {
-                type: HostBinding,
-                args: ['class.k-pos-relative']
             }], hostRole: [{
                 type: HostBinding,
                 args: ['attr.role']

package/fesm2022/progress-kendo-angular-layout.mjs CHANGED Viewed

@@ -28,8 +28,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-layout',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1730714497,
-    version: '17.0.0-develop.35',
+    publishDate: 1730722699,
+    version: '17.0.0-develop.37',
     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'
 };
@@ -630,7 +630,7 @@ class PanelBarItemComponent {
                 }"></ng-template>
                 <kendo-icon-wrapper
                     *ngIf="hasChildItems || hasContent"
-                    [name]="expanded ? 'arrow-chevron-up' : 'chevron-down'"
+                    [name]="expanded ? 'chevron-up' : 'chevron-down'"
                     [svgIcon]="expanderSVGIcon"
                     [innerCssClass]="dirInnerCssClasses"
                 >
@@ -784,7 +784,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }"></ng-template>
                 <kendo-icon-wrapper
                     *ngIf="hasChildItems || hasContent"
-                    [name]="expanded ? 'arrow-chevron-up' : 'chevron-down'"
+                    [name]="expanded ? 'chevron-up' : 'chevron-down'"
                     [svgIcon]="expanderSVGIcon"
                     [innerCssClass]="dirInnerCssClasses"
                 >
@@ -7127,7 +7127,7 @@ class StepperComponent {
             [attr.aria-hidden]='true'
             [animation]='progressAnimation'
             [max]='steps.length - 1'
-            [label]='false'
+            [label]='{position: "start", visible: false}'
             [orientation]='orientation'
             [reverse]='!isHorizontal'
             [value]='currentStep'
@@ -7180,7 +7180,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             [attr.aria-hidden]='true'
             [animation]='progressAnimation'
             [max]='steps.length - 1'
-            [label]='false'
+            [label]='{position: "start", visible: false}'
             [orientation]='orientation'
             [reverse]='!isHorizontal'
             [value]='currentStep'
@@ -9179,8 +9179,6 @@ class TileLayoutDraggingService {
                 this.currentColStart = this.draggedItem.colStart;
                 this.currentRowStart = this.draggedItem.rowStart;
             });
-            const headerEl = this.draggedItem.elem.nativeElement.querySelector('.k-tilelayout-item-header');
-            this.renderer.addClass(headerEl, 'k-cursor-grabbing');
             this.cdr.markForCheck();
         }
         else if (this.resizable && resizing) {
@@ -9400,10 +9398,6 @@ class TileLayoutDraggingService {
         this.resizing = this.reordering = false;
         this.direction = null;
         if (this.draggedItemWrapper) {
-            const grabHandle = this.draggedItemWrapper.querySelector('.k-cursor-grab');
-            if (grabHandle) {
-                this.renderer.removeClass(grabHandle, 'k-cursor-grabbing');
-            }
             setElementStyles(this.renderer, this.draggedItemWrapper, {
                 top: '',
                 left: '',
@@ -9613,29 +9607,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * This is the area which can be dragged to reorder the items if reordering is enabled for this item.
  */
 class TileLayoutItemHeaderComponent {
-    hostEl;
-    renderer;
     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');
-        }
-    }
-    constructor(hostEl, renderer) {
-        this.hostEl = hostEl;
-        this.renderer = renderer;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TileLayoutItemHeaderComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TileLayoutItemHeaderComponent, isStandalone: true, 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: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TileLayoutItemHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TileLayoutItemHeaderComponent, isStandalone: true, selector: "kendo-tilelayout-item-header", host: { properties: { "class.k-tilelayout-item-header": "this.hostClass", "class.k-card-header": "this.hostClass" } }, ngImport: i0, template: `
         <ng-content></ng-content>
     `, isInline: true });
 }
@@ -9648,14 +9622,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
     `,
                     standalone: true
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { hostClass: [{
+        }], propDecorators: { hostClass: [{
                 type: HostBinding,
                 args: ['class.k-tilelayout-item-header']
             }, {
                 type: HostBinding,
                 args: ['class.k-card-header']
-            }], reorderable: [{
-                type: Input
             }] } });
 /**
@@ -9853,9 +9825,6 @@ class TileLayoutItemComponent {
         const keyboardNavigation = this.keyboardNavigationService;
         this.subs.add(this.draggingService.reorderable.subscribe(reorderable => {
             this.toggleCursorClass(reorderable && this.reorderable);
-            if (this.headers?.first) {
-                this.headers.first.reorderable = reorderable && this.reorderable;
-            }
         }));
         this.subs.add(keyboardNavigation.navigable.subscribe(isNavigable => {
             if (isNavigable) {
@@ -9897,42 +9866,42 @@ class TileLayoutItemComponent {
             return;
         }
         if (isReorderable) {
-            this.renderer.addClass(headerEl, 'k-cursor-grab');
+            this.renderer.addClass(headerEl, 'k-cursor-move');
         }
         else {
-            this.renderer.removeClass(headerEl, 'k-cursor-grab');
+            this.renderer.removeClass(headerEl, 'k-cursor-move');
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TileLayoutItemComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i1.LocalizationService }, { token: TileLayoutDraggingService }, { token: TileLayoutKeyboardNavigationService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TileLayoutItemComponent, isStandalone: true, 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">
+        <kendo-tilelayout-item-header *ngIf="title">
             <h5 [id]="titleId" 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"
+                class="k-resize-handle k-cursor-{{dir}}-resize"
                 kendoTileLayoutResizeHandle
                 [rtl]="rtl"
                 [resizeDirection]="dir">
             </div>
         </ng-container>
-    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TileLayoutItemHeaderComponent, selector: "kendo-tilelayout-item-header", inputs: ["reorderable"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: TileLayoutResizeHandleDirective, selector: "[kendoTileLayoutResizeHandle]", inputs: ["resizeDirection", "rtl"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TileLayoutItemHeaderComponent, selector: "kendo-tilelayout-item-header" }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: TileLayoutResizeHandleDirective, selector: "[kendoTileLayoutResizeHandle]", inputs: ["resizeDirection", "rtl"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TileLayoutItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-tilelayout-item',
                     template: `
-        <kendo-tilelayout-item-header [reorderable]="isReorderable" *ngIf="title">
+        <kendo-tilelayout-item-header *ngIf="title">
             <h5 [id]="titleId" 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"
+                class="k-resize-handle k-cursor-{{dir}}-resize"
                 kendoTileLayoutResizeHandle
                 [rtl]="rtl"
                 [resizeDirection]="dir">
@@ -10247,7 +10216,7 @@ class TileLayoutComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TileLayoutComponent, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }, { token: TileLayoutDraggingService }, { token: TileLayoutKeyboardNavigationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TileLayoutComponent, isStandalone: true, selector: "kendo-tilelayout", inputs: { columns: "columns", columnWidth: "columnWidth", gap: "gap", reorderable: "reorderable", resizable: "resizable", rowHeight: "rowHeight", autoFlow: "autoFlow", navigable: "navigable" }, outputs: { reorder: "reorder", resize: "resize" }, host: { properties: { "class.k-tilelayout": "this.hostClass", "class.k-pos-relative": "this.hostClass", "attr.role": "this.hostRole", "style.gap": "this.gapStyle", "style.padding": "this.gapStyle", "attr.dir": "this.direction" } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TileLayoutComponent, isStandalone: true, selector: "kendo-tilelayout", inputs: { columns: "columns", columnWidth: "columnWidth", gap: "gap", reorderable: "reorderable", resizable: "resizable", rowHeight: "rowHeight", autoFlow: "autoFlow", navigable: "navigable" }, outputs: { reorder: "reorder", resize: "resize" }, host: { properties: { "class.k-tilelayout": "this.hostClass", "attr.role": "this.hostRole", "style.gap": "this.gapStyle", "style.padding": "this.gapStyle", "attr.dir": "this.direction" } }, providers: [
             LocalizationService,
             TileLayoutDraggingService,
             TileLayoutKeyboardNavigationService,
@@ -10257,7 +10226,7 @@ class TileLayoutComponent {
             }
         ], 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"
+        <div #hint class="k-layout-item-hint"
             [style.display]="'none'"
             [style.order]="targetOrder"
             [style.gridColumnEnd]="draggedItemWrapper?.style.gridColumnEnd"
@@ -10284,7 +10253,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     ],
                     template: `
         <ng-content></ng-content>
-        <div #hint class="k-layout-item-hint k-layout-item-hint-reorder"
+        <div #hint class="k-layout-item-hint"
             [style.display]="'none'"
             [style.order]="targetOrder"
             [style.gridColumnEnd]="draggedItemWrapper?.style.gridColumnEnd"
@@ -10321,9 +10290,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }], hostClass: [{
                 type: HostBinding,
                 args: ['class.k-tilelayout']
-            }, {
-                type: HostBinding,
-                args: ['class.k-pos-relative']
             }], hostRole: [{
                 type: HostBinding,
                 args: ['attr.role']

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-layout",
-  "version": "17.0.0-develop.35",
+  "version": "17.0.0-develop.37",
   "description": "Kendo UI for Angular Layout Package - a collection of components to create professional application layoyts",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -39,17 +39,17 @@
     "@angular/core": "16 - 18",
     "@angular/platform-browser": "16 - 18",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-common": "17.0.0-develop.35",
-    "@progress/kendo-angular-l10n": "17.0.0-develop.35",
-    "@progress/kendo-angular-progressbar": "17.0.0-develop.35",
-    "@progress/kendo-angular-icons": "17.0.0-develop.35",
-    "@progress/kendo-angular-buttons": "17.0.0-develop.35",
-    "@progress/kendo-angular-intl": "17.0.0-develop.35",
+    "@progress/kendo-angular-common": "17.0.0-develop.37",
+    "@progress/kendo-angular-l10n": "17.0.0-develop.37",
+    "@progress/kendo-angular-progressbar": "17.0.0-develop.37",
+    "@progress/kendo-angular-icons": "17.0.0-develop.37",
+    "@progress/kendo-angular-buttons": "17.0.0-develop.37",
+    "@progress/kendo-angular-intl": "17.0.0-develop.37",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "17.0.0-develop.35",
+    "@progress/kendo-angular-schematics": "17.0.0-develop.37",
     "@progress/kendo-draggable": "^3.0.2"
   },
   "schematics": "./schematics/collection.json",

package/tilelayout/tilelayout-item-header.component.d.ts CHANGED Viewed

@@ -2,21 +2,13 @@
 * Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { ElementRef, Renderer2 } 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 declare class TileLayoutItemHeaderComponent {
-    private hostEl;
-    private renderer;
     hostClass: boolean;
-    /**
-     * @hidden
-     */
-    set reorderable(value: boolean);
-    constructor(hostEl: ElementRef, renderer: Renderer2);
     static ɵfac: i0.ɵɵFactoryDeclaration<TileLayoutItemHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TileLayoutItemHeaderComponent, "kendo-tilelayout-item-header", never, { "reorderable": { "alias": "reorderable"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TileLayoutItemHeaderComponent, "kendo-tilelayout-item-header", never, {}, {}, never, ["*"], true, never>;
 }