@progress/kendo-angular-grid 18.0.1-develop.3 → 18.1.0-develop.10

package/columns/cell-rowspan.d.ts

@@ -0,0 +1,10 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { RowArgs } from "../rendering/common/row-args";
+import { ColumnBase } from "./column-base";
+/**
+ * Represents the callback that is used to determine the rowspan of each cell in a given column.
+ */
+export type CellRowspanFn = (row: RowArgs, column: ColumnBase, data: any[]) => number;

package/columns/column-base.d.ts

@@ -2,11 +2,12 @@
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { TemplateRef, QueryList } from '@angular/core';
+import { TemplateRef, QueryList, SimpleChanges } from '@angular/core';
 import { HeaderTemplateDirective } from '../rendering/header/header-template.directive';
 import { FooterTemplateDirective } from '../rendering/footer/footer-template.directive';
 import { ColumnMenuTemplateDirective } from '../column-menu/column-menu-template.directive';
 import { IdService } from '../common/id.service';
+import { CellRowspanFn } from './cell-rowspan';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -214,6 +215,10 @@ export declare class ColumnBase {
     footerClass: string | string[] | Set<string> | {
         [key: string]: any;
     };
+    /**
+     * Defines a function that is used to determine the rowspan of each column cell.
+     */
+    cellRowspan: CellRowspanFn;
     /**
      * @hidden
      */
@@ -279,6 +284,7 @@ export declare class ColumnBase {
      * @hidden
      */
     constructor(parent?: ColumnBase, idService?: IdService);
+    ngOnChanges(changes: SimpleChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ColumnBase, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnBase, "kendo-grid-column-base", never, { "resizable": { "alias": "resizable"; "required": false; }; "reorderable": { "alias": "reorderable"; "required": false; }; "minResizableWidth": { "alias": "minResizableWidth"; "required": false; }; "maxResizableWidth": { "alias": "maxResizableWidth"; "required": false; }; "title": { "alias": "title"; "required": false; }; "width": { "alias": "width"; "required": false; }; "autoSize": { "alias": "autoSize"; "required": false; }; "locked": { "alias": "locked"; "required": false; }; "sticky": { "alias": "sticky"; "required": false; }; "hidden": { "alias": "hidden"; "required": false; }; "media": { "alias": "media"; "required": false; }; "lockable": { "alias": "lockable"; "required": false; }; "stickable": { "alias": "stickable"; "required": false; }; "columnMenu": { "alias": "columnMenu"; "required": false; }; "includeInChooser": { "alias": "includeInChooser"; "required": false; }; "tableCellsRole": { "alias": "tableCellsRole"; "required": false; }; "style": { "alias": "style"; "required": false; }; "headerStyle": { "alias": "headerStyle"; "required": false; }; "filterStyle": { "alias": "filterStyle"; "required": false; }; "footerStyle": { "alias": "footerStyle"; "required": false; }; "cssClass": { "alias": "class"; "required": false; }; "headerClass": { "alias": "headerClass"; "required": false; }; "filterClass": { "alias": "filterClass"; "required": false; }; "footerClass": { "alias": "footerClass"; "required": false; }; }, {}, ["footerTemplate", "headerTemplates", "columnMenuTemplates"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnBase, "kendo-grid-column-base", never, { "resizable": { "alias": "resizable"; "required": false; }; "reorderable": { "alias": "reorderable"; "required": false; }; "minResizableWidth": { "alias": "minResizableWidth"; "required": false; }; "maxResizableWidth": { "alias": "maxResizableWidth"; "required": false; }; "title": { "alias": "title"; "required": false; }; "width": { "alias": "width"; "required": false; }; "autoSize": { "alias": "autoSize"; "required": false; }; "locked": { "alias": "locked"; "required": false; }; "sticky": { "alias": "sticky"; "required": false; }; "hidden": { "alias": "hidden"; "required": false; }; "media": { "alias": "media"; "required": false; }; "lockable": { "alias": "lockable"; "required": false; }; "stickable": { "alias": "stickable"; "required": false; }; "columnMenu": { "alias": "columnMenu"; "required": false; }; "includeInChooser": { "alias": "includeInChooser"; "required": false; }; "tableCellsRole": { "alias": "tableCellsRole"; "required": false; }; "style": { "alias": "style"; "required": false; }; "headerStyle": { "alias": "headerStyle"; "required": false; }; "filterStyle": { "alias": "filterStyle"; "required": false; }; "footerStyle": { "alias": "footerStyle"; "required": false; }; "cssClass": { "alias": "class"; "required": false; }; "headerClass": { "alias": "headerClass"; "required": false; }; "filterClass": { "alias": "filterClass"; "required": false; }; "footerClass": { "alias": "footerClass"; "required": false; }; "cellRowspan": { "alias": "cellRowspan"; "required": false; }; }, {}, ["footerTemplate", "headerTemplates", "columnMenuTemplates"], never, false, never>;
 }

package/editing-directives/local-row-edit.service.d.ts

@@ -7,5 +7,5 @@ import { LocalEditService } from './local-edit.service';
  * @hidden
  */
 export declare class LocalRowEditService extends LocalEditService {
-    update(_item: any): void;
+    update(): void;
 }

package/esm2022/aggregates/selection-aggregate.service.mjs

@@ -49,7 +49,7 @@ export class CellSelectionAggregateService {
         return true;
     }
     init() {
-        this.sub.add(this.ctx.grid.dataStateChange.subscribe(_ => {
+        this.sub.add(this.ctx.grid.dataStateChange.subscribe(() => {
             // nullifies aggregates and sets default count to avoid mismatching state -
             // https://github.com/telerik/kendo-angular-private/issues/2964
             this.nullifyAggregates();

package/esm2022/columns/cell-rowspan.mjs

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

package/esm2022/columns/column-base.mjs

@@ -7,7 +7,7 @@ import { HeaderTemplateDirective } from '../rendering/header/header-template.dir
 import { FooterTemplateDirective } from '../rendering/footer/footer-template.directive';
 import { ColumnMenuTemplateDirective } from '../column-menu/column-menu-template.directive';
 import { IdService } from '../common/id.service';
-import { ColumnConfigurationErrorMessages } from '../common/error-messages';
+import { ColumnConfigurationErrorMessages, GridConfigurationErrorMessages } from '../common/error-messages';
 import * as i0 from "@angular/core";
 import * as i1 from "../common/id.service";
 /**
@@ -219,6 +219,10 @@ export class ColumnBase {
      *
      */
     footerClass;
+    /**
+     * Defines a function that is used to determine the rowspan of each column cell.
+     */
+    cellRowspan;
     /**
      * @hidden
      */
@@ -313,8 +317,13 @@ export class ColumnBase {
             throw new Error(ColumnConfigurationErrorMessages.columnNested);
         }
     }
+    ngOnChanges(changes) {
+        if (isDevMode() && changes['cellRowspan'] && typeof changes['cellRowspan'].currentValue !== 'function') {
+            throw new Error(GridConfigurationErrorMessages.functionType('cellRowspan', changes['cellRowspan'].currentValue));
+        }
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnBase, deps: [{ token: ColumnBase }, { token: i1.IdService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ColumnBase, selector: "kendo-grid-column-base", inputs: { resizable: "resizable", reorderable: "reorderable", minResizableWidth: "minResizableWidth", maxResizableWidth: "maxResizableWidth", title: "title", width: "width", autoSize: "autoSize", locked: "locked", sticky: "sticky", hidden: "hidden", media: "media", lockable: "lockable", stickable: "stickable", columnMenu: "columnMenu", includeInChooser: "includeInChooser", tableCellsRole: "tableCellsRole", style: "style", headerStyle: "headerStyle", filterStyle: "filterStyle", footerStyle: "footerStyle", cssClass: ["class", "cssClass"], headerClass: "headerClass", filterClass: "filterClass", footerClass: "footerClass" }, queries: [{ propertyName: "footerTemplate", first: true, predicate: FooterTemplateDirective, descendants: true }, { propertyName: "headerTemplates", predicate: HeaderTemplateDirective }, { propertyName: "columnMenuTemplates", predicate: ColumnMenuTemplateDirective }], ngImport: i0, template: ``, isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ColumnBase, selector: "kendo-grid-column-base", inputs: { resizable: "resizable", reorderable: "reorderable", minResizableWidth: "minResizableWidth", maxResizableWidth: "maxResizableWidth", title: "title", width: "width", autoSize: "autoSize", locked: "locked", sticky: "sticky", hidden: "hidden", media: "media", lockable: "lockable", stickable: "stickable", columnMenu: "columnMenu", includeInChooser: "includeInChooser", tableCellsRole: "tableCellsRole", style: "style", headerStyle: "headerStyle", filterStyle: "filterStyle", footerStyle: "footerStyle", cssClass: ["class", "cssClass"], headerClass: "headerClass", filterClass: "filterClass", footerClass: "footerClass", cellRowspan: "cellRowspan" }, queries: [{ propertyName: "footerTemplate", first: true, predicate: FooterTemplateDirective, descendants: true }, { propertyName: "headerTemplates", predicate: HeaderTemplateDirective }, { propertyName: "columnMenuTemplates", predicate: ColumnMenuTemplateDirective }], usesOnChanges: true, ngImport: i0, template: ``, isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnBase, decorators: [{
             type: Component,
@@ -371,6 +380,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], footerClass: [{
                 type: Input
+            }], cellRowspan: [{
+                type: Input
             }], headerTemplates: [{
                 type: ContentChildren,
                 args: [HeaderTemplateDirective, { descendants: false }]

package/esm2022/dragdrop/draggable-column.directive.mjs

@@ -64,13 +64,13 @@ export class DraggableColumnDirective {
         this.renderer = renderer;
     }
     ngOnInit() {
-        this.subscriptions.add(this.zone.runOutsideAngular(() => this.draggable.kendoPress.pipe(filter(_ => this.enabled), filter(({ originalEvent: { target } }) => target === this.element.nativeElement || skipButtons(target)), tap((e) => {
+        this.subscriptions.add(this.zone.runOutsideAngular(() => this.draggable.kendoPress.pipe(filter(() => this.enabled), filter(({ originalEvent: { target } }) => target === this.element.nativeElement || skipButtons(target)), tap((e) => {
             const originalEvent = e.originalEvent;
             if (!e.isTouch) {
                 originalEvent.preventDefault();
             }
             this.nav.navigateTo(originalEvent.target);
-        }), switchMap(preventOnDblClick(this.draggable.kendoRelease)), tap((_) => {
+        }), switchMap(preventOnDblClick(this.draggable.kendoRelease)), tap(() => {
             this.hint.create(this.context.hint);
             this.cue.create();
         }), switchMap(down => this.draggable.kendoDrag.pipe(tap((e) => {

package/esm2022/editing-directives/local-row-edit.service.mjs

@@ -7,7 +7,7 @@ import { LocalEditService } from './local-edit.service';
  * @hidden
  */
 export class LocalRowEditService extends LocalEditService {
-    update(_item) {
+    update() {
         this.dataChanged();
     }
 }

package/esm2022/grid.component.mjs

@@ -95,6 +95,7 @@ import { ToolbarComponent as GridToolbarComponent } from './rendering/toolbar/to
 import { LocalizedMessagesDirective } from './localization/localized-messages.directive';
 import { IconWrapperComponent } from '@progress/kendo-angular-icons';
 import { PagerTemplateDirective, PagerContextService, PagerNavigationService, KENDO_PAGER } from '@progress/kendo-angular-pager';
+import { RowspanService } from './rendering/rowspan.service';
 import * as i0 from "@angular/core";
 import * as i1 from "./layout/browser-support.service";
 import * as i2 from "./selection/selection.service";
@@ -2069,7 +2070,7 @@ export class GridComponent {
     applyAutoSize() {
         const cols = this.columns.filter((c) => this.autoSize ? c.autoSize !== false : c.autoSize);
         if (cols.length > 0) {
-            this.ngZone.onStable.pipe(take(1)).subscribe(_ => this.autoFitColumns(cols));
+            this.ngZone.onStable.pipe(take(1)).subscribe(() => this.autoFitColumns(cols));
         }
     }
     onColumnRangeChange(range) {
@@ -2213,7 +2214,8 @@ export class GridComponent {
             ContextService,
             SizingOptionsService,
             RowReorderService,
-            ClipboardService
+            ClipboardService,
+            RowspanService
         ], queries: [{ propertyName: "columns", predicate: ColumnBase }, { propertyName: "detailTemplateChildren", predicate: DetailTemplateDirective }, { propertyName: "cellLoadingTemplateChildren", predicate: CellLoadingTemplateDirective }, { propertyName: "loadingTemplateChildren", predicate: LoadingTemplateDirective }, { propertyName: "statusBarTemplateChildren", predicate: StatusBarTemplateDirective }, { propertyName: "noRecordsTemplateChildren", predicate: NoRecordsTemplateDirective }, { propertyName: "pagerTemplateChildren", predicate: PagerTemplateDirective }, { propertyName: "toolbarTemplateChildren", predicate: ToolbarTemplateDirective }, { propertyName: "columnMenuTemplates", predicate: ColumnMenuTemplateDirective }], viewQueries: [{ propertyName: "lockedHeader", first: true, predicate: ["lockedHeader"], descendants: true }, { propertyName: "header", first: true, predicate: ["header"], descendants: true }, { propertyName: "ariaRoot", first: true, predicate: ["ariaRoot"], descendants: true, static: true }, { propertyName: "dragTargetContainer", first: true, predicate: DragTargetContainerDirective, descendants: true }, { propertyName: "dropTargetContainer", first: true, predicate: DropTargetContainerDirective, descendants: true }, { propertyName: "footer", predicate: ["footer"], descendants: true }], exportAs: ["kendoGrid"], usesOnChanges: true, ngImport: i0, template: `
         <ng-container kendoGridLocalizedMessages
             i18n-groupPanelEmpty="kendo.grid.groupPanelEmpty|The label visible in the Grid group panel when it is empty"
@@ -2920,7 +2922,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         ContextService,
                         SizingOptionsService,
                         RowReorderService,
-                        ClipboardService
+                        ClipboardService,
+                        RowspanService
                     ],
                     selector: 'kendo-grid',
                     template: `

package/esm2022/grouping/group-panel.component.mjs

@@ -227,7 +227,7 @@ export class GroupPanelComponent {
             .reduce((acc, target) => merge(acc, target.leave), from([]));
         const dropStream = this.dropTargets
             .reduce((acc, target) => merge(acc, target.drop), from([]));
-        this.targetSubscription.add(enterStream.pipe(tap(_ => {
+        this.targetSubscription.add(enterStream.pipe(tap(() => {
             this.hint.removeLock();
             this.destroyMenu();
         }), filter(({ draggable, target }) => this.canDrop(draggable.context, target.context)), tap(this.enter.bind(this)), switchMapTo(dropStream.pipe(takeUntil(leaveStream.pipe(tap(this.leave.bind(this))))))).subscribe(this.drop.bind(this)));

package/esm2022/navigation/logical-cell.directive.mjs

@@ -47,6 +47,9 @@ export class LogicalCellDirective {
             return this.idService.cellId(this.logicalRowIndex, this.logicalColIndex);
         }
     }
+    get cellRowspan() {
+        return String(this.rowSpan);
+    }
     get ariaColIndex() {
         if (this.logicalSlaveCell || this.logicalColIndex === -1) {
             return undefined;
@@ -153,7 +156,7 @@ export class LogicalCellDirective {
         return this.navigationService.isCellFocused(this);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LogicalCellDirective, deps: [{ token: i1.FocusGroup }, { token: i0.ElementRef }, { token: i2.ColumnInfoService }, { token: i3.IdService }, { token: i4.NavigationService }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: CELL_CONTEXT, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: LogicalCellDirective, isStandalone: true, selector: "[kendoGridLogicalCell]", inputs: { logicalColIndex: "logicalColIndex", logicalRowIndex: "logicalRowIndex", logicalSlaveCell: "logicalSlaveCell", colIndex: "colIndex", colSpan: "colSpan", rowSpan: "rowSpan", groupItem: "groupItem", dataRowIndex: "dataRowIndex", dataItem: "dataItem", detailExpandCell: "detailExpandCell", headerLabelText: "headerLabelText" }, host: { properties: { "attr.id": "this.id", "attr.aria-colindex": "this.ariaColIndex" } }, providers: [{
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: LogicalCellDirective, isStandalone: true, selector: "[kendoGridLogicalCell]", inputs: { logicalColIndex: "logicalColIndex", logicalRowIndex: "logicalRowIndex", logicalSlaveCell: "logicalSlaveCell", colIndex: "colIndex", colSpan: "colSpan", rowSpan: "rowSpan", groupItem: "groupItem", dataRowIndex: "dataRowIndex", dataItem: "dataItem", detailExpandCell: "detailExpandCell", headerLabelText: "headerLabelText" }, host: { properties: { "attr.id": "this.id", "attr.rowspan": "this.cellRowspan", "attr.aria-colindex": "this.ariaColIndex" } }, providers: [{
                 provide: FocusGroup,
                 deps: [FocusRoot],
                 useClass: FocusGroup
@@ -200,6 +203,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }], id: [{
                 type: HostBinding,
                 args: ['attr.id']
+            }], cellRowspan: [{
+                type: HostBinding,
+                args: ['attr.rowspan']
             }], ariaColIndex: [{
                 type: HostBinding,
                 args: ['attr.aria-colindex']

package/esm2022/navigation/navigation.service.mjs

@@ -152,6 +152,7 @@ export class NavigationService {
     pagerIsNavigable = false;
     tableIsNavigable = false;
     toolbarIsNavigable = false;
+    lastCellRowIndex;
     get activeDataRow() {
         return Math.max(0, this.activeRowIndex - this.meta.headerRows);
     }
@@ -420,78 +421,62 @@ export class NavigationService {
             .forEach(cell => cell.focusGroup && cell.focusGroup.activate());
     }
     moveCursorFwd() {
+        this.lastCellRowIndex = this.activeCell.rowIndex;
         return this.ctx.localization.rtl ? this.cursor.moveLeft() : this.cursor.moveRight();
     }
     moveCursorBwd() {
+        this.lastCellRowIndex = this.activeCell.rowIndex;
         return this.ctx.localization.rtl ? this.cursor.moveRight() : this.cursor.moveLeft();
     }
     onCursorKeydown(args) {
         let preventDefault = false;
         const modifier = args.ctrlKey || args.metaKey;
-        const step = modifier ? 5 : 1;
+        let step = modifier ? 5 : 1;
+        const rowspan = +args.target?.getAttribute('rowspan');
+        let rowspanOffset = 0;
         if (!this.onCellKeydown(args)) {
             return;
         }
         const row = this.cursor.row;
+        const dir = args.keyCode === Keys.ArrowDown ? 'Down' : 'Up';
+        const right = args.keyCode === Keys.ArrowRight;
         switch (args.keyCode) {
             case Keys.ArrowDown:
-                if (args.shiftKey) {
-                    if (this.ctx.grid.blockArrowSelection) {
-                        return;
-                    }
-                    preventDefault = this.cursor.moveDown(step);
-                    if (this.activeRow?.dataItem) {
-                        this.handleVerticalArrowSelection(step);
-                    }
-                }
-                else {
-                    preventDefault = this.cursor.moveDown(step);
-                }
-                break;
             case Keys.ArrowUp:
+                if (rowspan > 1) {
+                    rowspanOffset = this.calculateRowspanOffset(dir, rowspan);
+                    step += rowspanOffset;
+                }
                 if (args.shiftKey) {
                     if (this.ctx.grid.blockArrowSelection) {
                         return;
                     }
-                    preventDefault = this.cursor.moveUp(step);
+                    preventDefault = this.cursor[`move${dir}`](step);
                     if (this.activeRow?.dataItem) {
-                        this.handleVerticalArrowSelection(-step);
+                        const sign = dir === 'Down' ? 1 : -1;
+                        this.handleVerticalArrowSelection(sign * step);
                     }
                 }
                 else {
-                    preventDefault = this.cursor.moveUp(step);
+                    preventDefault = this.cursor[`move${dir}`](step);
                 }
+                this.lastCellRowIndex = this.activeRowIndex;
                 break;
             case Keys.ArrowRight:
-                if (args.altKey && this.ctx.grid.resizable && this.isColumnResizable) {
-                    this.columnResize(true);
-                    break;
-                }
-                if (args.shiftKey) {
-                    if (this.ctx.grid.blockArrowSelection) {
-                        return;
-                    }
-                    preventDefault = this.moveCursorFwd();
-                    this.handleHorizontalArrowSelection(args);
-                }
-                else {
-                    preventDefault = this.moveCursorFwd();
-                }
-                break;
             case Keys.ArrowLeft:
                 if (args.altKey && this.ctx.grid.resizable && this.isColumnResizable) {
-                    this.columnResize(false);
+                    this.columnResize(right);
                     break;
                 }
                 if (args.shiftKey) {
                     if (this.ctx.grid.blockArrowSelection) {
                         return;
                     }
-                    preventDefault = this.moveCursorBwd();
+                    preventDefault = this[`moveCursor${right ? 'Fwd' : 'Bwd'}`]();
                     this.handleHorizontalArrowSelection(args);
                 }
                 else {
-                    preventDefault = this.moveCursorBwd();
+                    preventDefault = this[`moveCursor${right ? 'Fwd' : 'Bwd'}`]();
                 }
                 break;
             case Keys.PageDown:
@@ -744,6 +729,13 @@ export class NavigationService {
         const ev = rowSelectionService.selectRange(startRowIndex, endRowIndex);
         rowSelectionService.changes.emit(ev);
     }
+    calculateRowspanOffset(direction, cellRowspan) {
+        if (!isPresent(this.lastCellRowIndex)) {
+            return 0;
+        }
+        const offset = direction === 'Up' ? Math.abs(this.lastCellRowIndex - this.activeRowIndex) : (this.activeRowIndex + cellRowspan - this.lastCellRowIndex - 1);
+        return offset;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationService, deps: [{ token: i0.NgZone }, { token: i1.DomEventsService }, { token: i2.PagerContextService }, { token: i3.ScrollRequestService }, { token: i4.GroupsService }, { token: i5.DetailsService }, { token: i6.FocusRoot }, { token: i7.EditService }, { token: i0.ChangeDetectorRef }, { token: i8.ContextService }, { token: i9.ColumnResizingService }, { token: i10.FocusableDirective, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationService });
 }

package/esm2022/package-metadata.mjs

@@ -10,7 +10,7 @@ export const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1738076727,
-    version: '18.0.1-develop.3',
+    publishDate: 1738357372,
+    version: '18.1.0-develop.10',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/esm2022/pdf/pdf.component.mjs

@@ -88,7 +88,7 @@ export class PDFComponent extends PDFExportComponent {
     /**
      * @hidden
      */
-    saveAs(_) {
+    saveAs() {
         throw new Error(GridConfigurationErrorMessages.unsupportedMethod('saveAs', 'GridComponent.saveAsPDF'));
     }
     /**

package/esm2022/rendering/cell.component.mjs

@@ -138,7 +138,7 @@ export class CellComponent {
     ngDoCheck() {
         this.updateCellContext();
     }
-    ngOnChanges(_changes) {
+    ngOnChanges() {
         this.updateTemplateContext();
     }
     ngAfterContentChecked() {

package/esm2022/rendering/common/col-group.component.mjs

@@ -19,7 +19,7 @@ export class ColGroupComponent {
     get columnsToRender() {
         return columnsToRender(this.columns);
     }
-    trackBy(index, _item) {
+    trackBy(index) {
         return index;
     }
     isSorted(column) {

package/esm2022/rendering/footer/footer.component.mjs

@@ -38,7 +38,7 @@ export class FooterComponent {
     get columnsToRender() {
         return columnsToRender(this.columns || []);
     }
-    trackByIndex(index, _item) {
+    trackByIndex(index) {
         return index;
     }
     logicalColumnIndex(column) {

package/esm2022/rendering/header/header.component.mjs

@@ -343,7 +343,7 @@ export class HeaderComponent {
     }
     canDrop(draggable, target) {
         isDocumentAvailable() && this.zone.runOutsideAngular(() => {
-            document.addEventListener('pointerup', e => {
+            document.addEventListener('pointerup', () => {
                 this.stopSorting = true;
                 setTimeout(() => this.stopSorting = false);
             }, {
@@ -368,7 +368,7 @@ export class HeaderComponent {
     isCheckboxColumn(column) {
         return isCheckboxColumn(column) && !column.templateRef;
     }
-    trackByIndex(index, _item) {
+    trackByIndex(index) {
         return index;
     }
     addStickyStyles(column) {

package/esm2022/rendering/list.component.mjs

@@ -40,6 +40,7 @@ import { ColGroupComponent } from './common/col-group.component';
 import { GridTableDirective } from './grid-table.directive';
 import { TableDirective } from '../column-resizing/table.directive';
 import { NgIf } from '@angular/common';
+import { RowspanService } from './rowspan.service';
 import * as i0 from "@angular/core";
 import * as i1 from "./details/details.service";
 import * as i2 from "../data/change-notification.service";
@@ -55,6 +56,7 @@ import * as i11 from "../common/provider.service";
 import * as i12 from "../column-resizing/column-resizing.service";
 import * as i13 from "../pdf/pdf.service";
 import * as i14 from "../common/column-info.service";
+import * as i15 from "./rowspan.service";
 const elementAt = (index, elements, elementOffset) => {
     for (let idx = 0, elementIdx = 0; idx < elements.length; idx++) {
         const offset = elementOffset(elements[idx]);
@@ -119,6 +121,7 @@ export class ListComponent {
     changeDetector;
     pdfService;
     columnInfo;
+    rowspanService;
     hostClass = true;
     hostRole = 'presentation';
     data;
@@ -175,6 +178,7 @@ export class ListComponent {
     columnsEndIdx;
     viewportColumnsWidth;
     scrollLeft = 0;
+    observer;
     get lockedLeafColumns() {
         return this.columns.lockedLeafColumns;
     }
@@ -206,7 +210,7 @@ export class ListComponent {
     rtl = false;
     columnUpdateFrame;
     hasLockedContainer;
-    constructor(scrollerFactory, detailsService, changeNotification, suspendService, groupsService, ngZone, renderer, scrollSyncService, resizeService, editService, supportService, navigationService, scrollRequestService, ctx, columnResizingService, changeDetector, pdfService, columnInfo) {
+    constructor(scrollerFactory, detailsService, changeNotification, suspendService, groupsService, ngZone, renderer, scrollSyncService, resizeService, editService, supportService, navigationService, scrollRequestService, ctx, columnResizingService, changeDetector, pdfService, columnInfo, rowspanService) {
         this.changeNotification = changeNotification;
         this.suspendService = suspendService;
         this.groupsService = groupsService;
@@ -222,6 +226,7 @@ export class ListComponent {
         this.changeDetector = changeDetector;
         this.pdfService = pdfService;
         this.columnInfo = columnInfo;
+        this.rowspanService = rowspanService;
         this.scroller = scrollerFactory(this.dispatcher);
         this.subscriptions = detailsService.changes.subscribe(x => this.detailExpand(x));
         this.subscriptions.add(scrollRequestService.requests.subscribe(req => isPresent(req.adjustIndex) ? this.scrollTo(req.request, req.adjustIndex) : this.scrollToItem(req.request)));
@@ -293,6 +298,7 @@ export class ListComponent {
         if (this.resizeService) {
             this.resizeService.destroy();
         }
+        this.observer?.disconnect();
         this.cleanupScroller();
     }
     init() {
@@ -398,7 +404,7 @@ export class ListComponent {
         const shouldScroll = () => this.isVirtual && this.skip > 0 && this.total > 0;
         const sub = this.changeNotification.changes
             .pipe(filter(shouldScroll))
-            .subscribe(_ => {
+            .subscribe(() => {
             this.scrollTo({ row: this.skip });
             sub.unsubscribe();
         });
@@ -409,7 +415,10 @@ export class ListComponent {
         return merge(this.changeNotification.changes, this.groupsService.changes
             .pipe(filter(isLocked), switchMapTo(onStable())), this.editService.changed, this.resizeService.changes, this.columnResizingService.changes
             .pipe(filter(change => change.type === 'end')), this.supportService.changes)
-            .pipe(tap(() => this.resetNavigationViewport()), filter(isLocked))
+            .pipe(tap(() => {
+            this.ngZone.run(() => this.rowspanService.reset());
+            this.resetNavigationViewport();
+        }), filter(isLocked))
             .subscribe(() => {
             const scrollTop = this.container.nativeElement.scrollTop;
             const scrollLeft = this.container.nativeElement.scrollLeft;
@@ -652,7 +661,7 @@ export class ListComponent {
         }
         return element.offsetLeft;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListComponent, deps: [{ token: SCROLLER_FACTORY_TOKEN }, { token: i1.DetailsService }, { token: i2.ChangeNotificationService }, { token: i3.SuspendService }, { token: i4.GroupsService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i5.ScrollSyncService }, { token: i6.ResizeService }, { token: i7.EditService }, { token: i8.BrowserSupportService }, { token: i9.NavigationService }, { token: i10.ScrollRequestService }, { token: i11.ContextService }, { token: i12.ColumnResizingService }, { token: i0.ChangeDetectorRef }, { token: i13.PDFService }, { token: i14.ColumnInfoService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListComponent, deps: [{ token: SCROLLER_FACTORY_TOKEN }, { token: i1.DetailsService }, { token: i2.ChangeNotificationService }, { token: i3.SuspendService }, { token: i4.GroupsService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i5.ScrollSyncService }, { token: i6.ResizeService }, { token: i7.EditService }, { token: i8.BrowserSupportService }, { token: i9.NavigationService }, { token: i10.ScrollRequestService }, { token: i11.ContextService }, { token: i12.ColumnResizingService }, { token: i0.ChangeDetectorRef }, { token: i13.PDFService }, { token: i14.ColumnInfoService }, { token: i15.RowspanService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ListComponent, isStandalone: true, selector: "kendo-grid-list", inputs: { data: "data", groups: "groups", total: "total", rowHeight: "rowHeight", stickyRowHeight: "stickyRowHeight", detailRowHeight: "detailRowHeight", take: "take", skip: "skip", columns: "columns", detailTemplate: "detailTemplate", noRecordsTemplate: "noRecordsTemplate", selectable: "selectable", groupable: "groupable", filterable: "filterable", rowClass: "rowClass", rowSticky: "rowSticky", loading: "loading", trackBy: "trackBy", virtualColumns: "virtualColumns", isVirtual: "isVirtual", cellLoadingTemplate: "cellLoadingTemplate", loadingTemplate: "loadingTemplate", sort: "sort", size: "size" }, outputs: { contentScroll: "contentScroll", pageChange: "pageChange", scrollBottom: "scrollBottom" }, host: { properties: { "class.k-grid-container": "this.hostClass", "attr.role": "this.hostRole" } }, providers: [
             {
                 provide: SCROLLER_FACTORY_TOKEN,
@@ -899,7 +908,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [SCROLLER_FACTORY_TOKEN]
-                }] }, { type: i1.DetailsService }, { type: i2.ChangeNotificationService }, { type: i3.SuspendService }, { type: i4.GroupsService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i5.ScrollSyncService }, { type: i6.ResizeService }, { type: i7.EditService }, { type: i8.BrowserSupportService }, { type: i9.NavigationService }, { type: i10.ScrollRequestService }, { type: i11.ContextService }, { type: i12.ColumnResizingService }, { type: i0.ChangeDetectorRef }, { type: i13.PDFService }, { type: i14.ColumnInfoService }]; }, propDecorators: { hostClass: [{
+                }] }, { type: i1.DetailsService }, { type: i2.ChangeNotificationService }, { type: i3.SuspendService }, { type: i4.GroupsService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i5.ScrollSyncService }, { type: i6.ResizeService }, { type: i7.EditService }, { type: i8.BrowserSupportService }, { type: i9.NavigationService }, { type: i10.ScrollRequestService }, { type: i11.ContextService }, { type: i12.ColumnResizingService }, { type: i0.ChangeDetectorRef }, { type: i13.PDFService }, { type: i14.ColumnInfoService }, { type: i15.RowspanService }]; }, propDecorators: { hostClass: [{
                 type: HostBinding,
                 args: ['class.k-grid-container']
             }], hostRole: [{

package/esm2022/rendering/rowspan.service.mjs

@@ -0,0 +1,24 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * @hidden
+ */
+export class RowspanService {
+    skipCells = [];
+    addCells(rowIndex, colIndex, rowspan) {
+        for (let i = 1; i < rowspan; i++) {
+            if (!this.skipCells.some(this.cellExists(rowIndex + i, colIndex))) {
+                this.skipCells.push({ rowIndex: rowIndex + i, colIndex });
+            }
+        }
+    }
+    reset() {
+        this.skipCells = [];
+    }
+    shouldSkip(rowIndex, colIndex) {
+        return !!this.skipCells.find(this.cellExists(rowIndex, colIndex));
+    }
+    cellExists = (rowIndex, colIndex) => cell => cell.rowIndex === rowIndex && cell.colIndex === colIndex;
+}