@progress/kendo-angular-grid 18.1.2-develop.3 → 18.2.0-develop.1

package/columns/checkbox-column.component.d.ts

@@ -8,6 +8,7 @@ import { CellTemplateDirective } from '../rendering/cell-template.directive';
 import { IdService } from '../common/id.service';
 import { SelectionService } from '../selection/selection.service';
 import { CellSelectionService } from '../selection/cell-selection.service';
+import { CellRowspanFn } from './cell-rowspan';
 import * as i0 from "@angular/core";
 /**
  * Represents the checkbox column for selecting rows in the Grid. [See example](slug:grid_row_selection#toc-select-all-checkbox).
@@ -40,6 +41,11 @@ export declare class CheckboxColumnComponent extends ColumnBase {
      * @hidden
      */
     rowSelectable(rowIdx: number): boolean;
+    /**
+     * Defines a function that is used to determine the rowspan of each column cell.
+     */
+    set cellRowspan(cellRowspan: CellRowspanFn);
+    get cellRowspan(): CellRowspanFn;
     static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxColumnComponent, [null, null, { optional: true; host: true; skipSelf: true; }, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxColumnComponent, "kendo-grid-checkbox-column", never, { "showSelectAll": { "alias": "showSelectAll"; "required": false; }; "showDisabledCheckbox": { "alias": "showDisabledCheckbox"; "required": false; }; }, {}, ["template"], never, true, never>;
 }

package/columns/column-base.d.ts

@@ -2,7 +2,7 @@
 * 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, SimpleChanges } from '@angular/core';
+import { TemplateRef, QueryList } 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';
@@ -229,8 +229,11 @@ export declare class ColumnBase {
     };
     /**
      * Defines a function that is used to determine the rowspan of each column cell.
+     * If set to `true`, a default function is used that spans adjacent cells containing equal values.
+     * Cells have equal values when their data items' values for the respective field are equal.
      */
-    cellRowspan: CellRowspanFn;
+    set cellRowspan(cellRowspan: CellRowspanFn | boolean);
+    get cellRowspan(): CellRowspanFn;
     /**
      * @hidden
      */
@@ -251,6 +254,10 @@ export declare class ColumnBase {
      * @hidden
      */
     idService: IdService;
+    /**
+     * @hidden
+     */
+    _cellRowspan: CellRowspanFn;
     /**
      * @hidden
      */
@@ -296,7 +303,6 @@ 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; }; "cellRowspan": { "alias": "cellRowspan"; "required": false; }; }, {}, ["footerTemplate", "headerTemplates", "columnMenuTemplates"], never, false, never>;
 }

package/columns/column-group.component.d.ts

@@ -52,6 +52,12 @@ export declare class ColumnGroupComponent extends ColumnBase {
      * @hidden
      */
     rowspan(): number;
+    /**
+     * @hidden
+     *
+     * Used to hide the cellRowspan property from the public API.
+     */
+    set cellRowspan(cellRowSpan: any);
     /**
      * @hidden
      */

package/columns/command-column.component.d.ts

@@ -6,6 +6,7 @@ import { TemplateRef } from '@angular/core';
 import { ColumnBase } from './column-base';
 import { CellTemplateDirective } from '../rendering/cell-template.directive';
 import { IdService } from '../common/id.service';
+import { CellRowspanFn } from './cell-rowspan';
 import * as i0 from "@angular/core";
 /**
  * Represents the command columns of the Grid. You have to define the content of the
@@ -30,6 +31,11 @@ export declare class CommandColumnComponent extends ColumnBase {
     template: CellTemplateDirective;
     constructor(parent?: ColumnBase, idService?: IdService);
     get templateRef(): TemplateRef<any>;
+    /**
+     * Defines a function that is used to determine the rowspan of each column cell.
+     */
+    set cellRowspan(cellRowspan: CellRowspanFn);
+    get cellRowspan(): CellRowspanFn;
     static ɵfac: i0.ɵɵFactoryDeclaration<CommandColumnComponent, [{ optional: true; host: true; skipSelf: true; }, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CommandColumnComponent, "kendo-grid-command-column", never, {}, {}, ["template"], never, true, never>;
 }

package/columns/reorder-column.component.d.ts

@@ -8,6 +8,7 @@ import { IdService } from '../common/id.service';
 import { SVGIcon } from '@progress/kendo-svg-icons';
 import { RowDragHandleTemplateDirective } from '../row-reordering/drag-handle-template.directive';
 import { RowDragHintTemplateDirective } from '../row-reordering/drag-hint-template.directive';
+import { CellRowspanFn } from './cell-rowspan';
 import * as i0 from "@angular/core";
 /**
  * Represents the drag handle for reordering rows in the Grid ([see example](slug:reordering_rows_grid))
@@ -45,6 +46,11 @@ export declare class RowReorderColumnComponent extends ColumnBase {
      */
     get rowDragHintTemplateRef(): TemplateRef<any>;
     constructor(parent?: ColumnBase, idService?: IdService);
+    /**
+     * Defines a function that is used to determine the rowspan of each column cell.
+     */
+    set cellRowspan(cellRowspan: CellRowspanFn);
+    get cellRowspan(): CellRowspanFn;
     static ɵfac: i0.ɵɵFactoryDeclaration<RowReorderColumnComponent, [{ optional: true; host: true; skipSelf: true; }, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<RowReorderColumnComponent, "kendo-grid-rowreorder-column", never, { "dragHandleIcon": { "alias": "dragHandleIcon"; "required": false; }; "dragHandleSVGIcon": { "alias": "dragHandleSVGIcon"; "required": false; }; }, {}, ["dragHandleTemplate", "dragHintTemplate"], never, true, never>;
 }

package/columns/span-column.component.d.ts

@@ -111,6 +111,12 @@ export declare class SpanColumnComponent extends ColumnBase {
     get locked(): boolean;
     get childrenArray(): any[];
     get hasChildren(): boolean;
+    /**
+     * @hidden
+     *
+     * Used to hide the cellRowspan property from the public API.
+     */
+    set cellRowspan(cellRowSpan: any);
     static ɵfac: i0.ɵɵFactoryDeclaration<SpanColumnComponent, [{ optional: true; host: true; skipSelf: true; }, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SpanColumnComponent, "kendo-grid-span-column", never, { "editable": { "alias": "editable"; "required": false; }; "locked": { "alias": "locked"; "required": false; }; }, {}, ["template", "editTemplate", "childColumns"], never, true, never>;
 }

package/esm2022/columns/checkbox-column.component.mjs

@@ -56,6 +56,15 @@ export class CheckboxColumnComponent extends ColumnBase {
     rowSelectable(rowIdx) {
         return !this.selectionService.nonSelectableRows.has(rowIdx) && !this.cellSelectionService.nonSelectableRows.has(rowIdx);
     }
+    /**
+     * Defines a function that is used to determine the rowspan of each column cell.
+     */
+    set cellRowspan(cellRowspan) {
+        super.cellRowspan = cellRowspan;
+    }
+    get cellRowspan() {
+        return super.cellRowspan;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckboxColumnComponent, deps: [{ token: i1.SelectionService }, { token: i2.CellSelectionService }, { token: i3.ColumnBase, host: true, optional: true, skipSelf: true }, { token: i4.IdService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CheckboxColumnComponent, isStandalone: true, selector: "kendo-grid-checkbox-column", inputs: { showSelectAll: "showSelectAll", showDisabledCheckbox: "showDisabledCheckbox" }, providers: [
             {

package/esm2022/columns/column-base.mjs

@@ -7,7 +7,8 @@ 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, GridConfigurationErrorMessages } from '../common/error-messages';
+import { ColumnConfigurationErrorMessages } from '../common/error-messages';
+import { defaultCellRowSpan } from '../utils';
 import * as i0 from "@angular/core";
 import * as i1 from "../common/id.service";
 /**
@@ -233,8 +234,28 @@ export class ColumnBase {
     footerClass;
     /**
      * Defines a function that is used to determine the rowspan of each column cell.
+     * If set to `true`, a default function is used that spans adjacent cells containing equal values.
+     * Cells have equal values when their data items' values for the respective field are equal.
      */
-    cellRowspan;
+    set cellRowspan(cellRowspan) {
+        if (isDevMode() && (this.isSpanColumn || this.isColumnGroup)) {
+            throw new Error(ColumnConfigurationErrorMessages.cellRowspanSpanGroupedColumns);
+        }
+        if (cellRowspan) {
+            const isFunction = typeof cellRowspan === 'function';
+            const isBoolean = typeof cellRowspan === 'boolean';
+            if (isDevMode() && !this.field && !isFunction) {
+                throw new Error(ColumnConfigurationErrorMessages.cellRowspanNonBoundColumns);
+            }
+            if (isDevMode() && !(isBoolean || isFunction)) {
+                throw new Error(ColumnConfigurationErrorMessages.cellRowspan);
+            }
+            this._cellRowspan = isBoolean ? defaultCellRowSpan : cellRowspan;
+        }
+    }
+    get cellRowspan() {
+        return this._cellRowspan;
+    }
     /**
      * @hidden
      */
@@ -255,6 +276,10 @@ export class ColumnBase {
      * @hidden
      */
     idService;
+    /**
+     * @hidden
+     */
+    _cellRowspan;
     /**
      * @hidden
      */
@@ -329,13 +354,8 @@ 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", 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 });
+    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 }], ngImport: i0, template: ``, isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnBase, decorators: [{
             type: Component,

package/esm2022/columns/column-group.component.mjs

@@ -66,6 +66,14 @@ export class ColumnGroupComponent extends ColumnBase {
     rowspan() {
         return 1;
     }
+    /**
+     * @hidden
+     *
+     * Used to hide the cellRowspan property from the public API.
+     */
+    set cellRowspan(cellRowSpan) {
+        super.cellRowspan = cellRowSpan;
+    }
     /**
      * @hidden
      */

package/esm2022/columns/command-column.component.mjs

@@ -37,6 +37,15 @@ export class CommandColumnComponent extends ColumnBase {
     get templateRef() {
         return this.template ? this.template.templateRef : undefined;
     }
+    /**
+     * Defines a function that is used to determine the rowspan of each column cell.
+     */
+    set cellRowspan(cellRowspan) {
+        super.cellRowspan = cellRowspan;
+    }
+    get cellRowspan() {
+        return super.cellRowspan;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CommandColumnComponent, deps: [{ token: i1.ColumnBase, host: true, optional: true, skipSelf: true }, { token: i2.IdService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CommandColumnComponent, isStandalone: true, selector: "kendo-grid-command-column", providers: [
             {

package/esm2022/columns/reorder-column.component.mjs

@@ -55,6 +55,15 @@ export class RowReorderColumnComponent extends ColumnBase {
         super(parent, idService);
         this.parent = parent;
     }
+    /**
+     * Defines a function that is used to determine the rowspan of each column cell.
+     */
+    set cellRowspan(cellRowspan) {
+        super.cellRowspan = cellRowspan;
+    }
+    get cellRowspan() {
+        return super.cellRowspan;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RowReorderColumnComponent, deps: [{ token: i1.ColumnBase, host: true, optional: true, skipSelf: true }, { token: i2.IdService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RowReorderColumnComponent, isStandalone: true, selector: "kendo-grid-rowreorder-column", inputs: { dragHandleIcon: "dragHandleIcon", dragHandleSVGIcon: "dragHandleSVGIcon" }, providers: [
             {

package/esm2022/columns/span-column.component.mjs

@@ -142,6 +142,14 @@ export class SpanColumnComponent extends ColumnBase {
     get hasChildren() {
         return this.childColumns.length > 0;
     }
+    /**
+     * @hidden
+     *
+     * Used to hide the cellRowspan property from the public API.
+     */
+    set cellRowspan(cellRowSpan) {
+        super.cellRowspan = cellRowSpan;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpanColumnComponent, deps: [{ token: i1.ColumnBase, host: true, optional: true, skipSelf: true }, { token: i2.IdService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SpanColumnComponent, isStandalone: true, selector: "kendo-grid-span-column", inputs: { editable: "editable", locked: "locked" }, providers: [
             {

package/esm2022/common/error-messages.mjs

@@ -38,7 +38,10 @@ export const ColumnConfigurationErrorMessages = {
     groupColumnContent: 'ColumnGroupComponent should contain ColumnComponent or CommandColumnComponent.',
     lockedParent: 'Locked child columns require their parent columns to be locked.',
     columnNested: 'Columns can be nested only inside ColumnGroupComponent',
-    nestedInside: (nestedColumnNameType, parentColumnType) => `${nestedColumnNameType} cannot be nested inside ${parentColumnType}.`
+    nestedInside: (nestedColumnNameType, parentColumnType) => `${nestedColumnNameType} cannot be nested inside ${parentColumnType}.`,
+    cellRowspanNonBoundColumns: 'cellRowspan must be a function for non-bound columns.',
+    cellRowspanSpanGroupedColumns: 'cellRowspan is not supported for SpanColumn and GroupColumn.',
+    cellRowspan: `cellRowspan must be a function or boolean.`
 };
 /**
  * @hidden

package/esm2022/package-metadata.mjs

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

package/esm2022/utils.mjs

@@ -143,3 +143,50 @@ export const isGroupResult = (obj) => {
  * @hidden
  */
 export const roundDown = (value) => Math.floor(value * 100) / 100;
+/**
+ * @hidden
+ */
+export const defaultCellRowSpan = (row, column, data) => {
+    const field = column.field;
+    let rowspan = 1;
+    const rowIndex = row.index;
+    if (!data[0].items) {
+        //If no groups are present.
+        rowspan = findRowSpan(data, rowIndex, field);
+    }
+    else {
+        // If groups are present.
+        const group = row.dataItem.group;
+        if (field === group.data.field) {
+            // Set the rowspan to the number of data items in the same group if the column containing the current row matches the grouping field.
+            rowspan = group.data.items.length;
+        }
+        else {
+            //The index of the current row in the group.
+            const rowIndex = row.dataItem.group.data.items.indexOf(row.dataItem.data);
+            const groupItems = row.dataItem.group.data.items;
+            rowspan = findRowSpan(groupItems, rowIndex, field);
+        }
+    }
+    return rowspan;
+};
+/**
+ * @hidden
+ * Returns the rowspan number based on the provided data array, index of the item, and field that is checked.
+ */
+const findRowSpan = (data, index, field) => {
+    let rowspan = 1;
+    if (typeof data[index][field]?.getTime === 'function') {
+        while (data[index][field].getTime() === data[index + 1]?.[field].getTime()) {
+            rowspan++;
+            index++;
+        }
+    }
+    else {
+        while (data[index][field] === data[index + 1]?.[field]) {
+            rowspan++;
+            index++;
+        }
+    }
+    return rowspan;
+};

package/fesm2022/progress-kendo-angular-grid.mjs

@@ -459,6 +459,53 @@ const isGroupResult = (obj) => {
  * @hidden
  */
 const roundDown = (value) => Math.floor(value * 100) / 100;
+/**
+ * @hidden
+ */
+const defaultCellRowSpan = (row, column, data) => {
+    const field = column.field;
+    let rowspan = 1;
+    const rowIndex = row.index;
+    if (!data[0].items) {
+        //If no groups are present.
+        rowspan = findRowSpan(data, rowIndex, field);
+    }
+    else {
+        // If groups are present.
+        const group = row.dataItem.group;
+        if (field === group.data.field) {
+            // Set the rowspan to the number of data items in the same group if the column containing the current row matches the grouping field.
+            rowspan = group.data.items.length;
+        }
+        else {
+            //The index of the current row in the group.
+            const rowIndex = row.dataItem.group.data.items.indexOf(row.dataItem.data);
+            const groupItems = row.dataItem.group.data.items;
+            rowspan = findRowSpan(groupItems, rowIndex, field);
+        }
+    }
+    return rowspan;
+};
+/**
+ * @hidden
+ * Returns the rowspan number based on the provided data array, index of the item, and field that is checked.
+ */
+const findRowSpan = (data, index, field) => {
+    let rowspan = 1;
+    if (typeof data[index][field]?.getTime === 'function') {
+        while (data[index][field].getTime() === data[index + 1]?.[field].getTime()) {
+            rowspan++;
+            index++;
+        }
+    }
+    else {
+        while (data[index][field] === data[index + 1]?.[field]) {
+            rowspan++;
+            index++;
+        }
+    }
+    return rowspan;
+};
 
 /**
  * @hidden
@@ -2046,7 +2093,10 @@ const ColumnConfigurationErrorMessages = {
     groupColumnContent: 'ColumnGroupComponent should contain ColumnComponent or CommandColumnComponent.',
     lockedParent: 'Locked child columns require their parent columns to be locked.',
     columnNested: 'Columns can be nested only inside ColumnGroupComponent',
-    nestedInside: (nestedColumnNameType, parentColumnType) => `${nestedColumnNameType} cannot be nested inside ${parentColumnType}.`
+    nestedInside: (nestedColumnNameType, parentColumnType) => `${nestedColumnNameType} cannot be nested inside ${parentColumnType}.`,
+    cellRowspanNonBoundColumns: 'cellRowspan must be a function for non-bound columns.',
+    cellRowspanSpanGroupedColumns: 'cellRowspan is not supported for SpanColumn and GroupColumn.',
+    cellRowspan: `cellRowspan must be a function or boolean.`
 };
 /**
  * @hidden
@@ -2297,8 +2347,28 @@ class ColumnBase {
     footerClass;
     /**
      * Defines a function that is used to determine the rowspan of each column cell.
+     * If set to `true`, a default function is used that spans adjacent cells containing equal values.
+     * Cells have equal values when their data items' values for the respective field are equal.
      */
-    cellRowspan;
+    set cellRowspan(cellRowspan) {
+        if (isDevMode() && (this.isSpanColumn || this.isColumnGroup)) {
+            throw new Error(ColumnConfigurationErrorMessages.cellRowspanSpanGroupedColumns);
+        }
+        if (cellRowspan) {
+            const isFunction = typeof cellRowspan === 'function';
+            const isBoolean = typeof cellRowspan === 'boolean';
+            if (isDevMode() && !this.field && !isFunction) {
+                throw new Error(ColumnConfigurationErrorMessages.cellRowspanNonBoundColumns);
+            }
+            if (isDevMode() && !(isBoolean || isFunction)) {
+                throw new Error(ColumnConfigurationErrorMessages.cellRowspan);
+            }
+            this._cellRowspan = isBoolean ? defaultCellRowSpan : cellRowspan;
+        }
+    }
+    get cellRowspan() {
+        return this._cellRowspan;
+    }
     /**
      * @hidden
      */
@@ -2319,6 +2389,10 @@ class ColumnBase {
      * @hidden
      */
     idService;
+    /**
+     * @hidden
+     */
+    _cellRowspan;
     /**
      * @hidden
      */
@@ -2393,13 +2467,8 @@ 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: 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", 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 });
+    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 }], ngImport: i0, template: ``, isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnBase, decorators: [{
             type: Component,
@@ -2972,6 +3041,14 @@ class SpanColumnComponent extends ColumnBase {
     get hasChildren() {
         return this.childColumns.length > 0;
     }
+    /**
+     * @hidden
+     *
+     * Used to hide the cellRowspan property from the public API.
+     */
+    set cellRowspan(cellRowSpan) {
+        super.cellRowspan = cellRowSpan;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SpanColumnComponent, deps: [{ token: ColumnBase, host: true, optional: true, skipSelf: true }, { token: IdService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SpanColumnComponent, isStandalone: true, selector: "kendo-grid-span-column", inputs: { editable: "editable", locked: "locked" }, providers: [
             {
@@ -4202,6 +4279,14 @@ class ColumnGroupComponent extends ColumnBase {
     rowspan() {
         return 1;
     }
+    /**
+     * @hidden
+     *
+     * Used to hide the cellRowspan property from the public API.
+     */
+    set cellRowspan(cellRowSpan) {
+        super.cellRowspan = cellRowSpan;
+    }
     /**
      * @hidden
      */
@@ -17333,6 +17418,15 @@ class CommandColumnComponent extends ColumnBase {
     get templateRef() {
         return this.template ? this.template.templateRef : undefined;
     }
+    /**
+     * Defines a function that is used to determine the rowspan of each column cell.
+     */
+    set cellRowspan(cellRowspan) {
+        super.cellRowspan = cellRowspan;
+    }
+    get cellRowspan() {
+        return super.cellRowspan;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CommandColumnComponent, deps: [{ token: ColumnBase, host: true, optional: true, skipSelf: true }, { token: IdService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CommandColumnComponent, isStandalone: true, selector: "kendo-grid-command-column", providers: [
             {
@@ -17410,6 +17504,15 @@ class CheckboxColumnComponent extends ColumnBase {
     rowSelectable(rowIdx) {
         return !this.selectionService.nonSelectableRows.has(rowIdx) && !this.cellSelectionService.nonSelectableRows.has(rowIdx);
     }
+    /**
+     * Defines a function that is used to determine the rowspan of each column cell.
+     */
+    set cellRowspan(cellRowspan) {
+        super.cellRowspan = cellRowspan;
+    }
+    get cellRowspan() {
+        return super.cellRowspan;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckboxColumnComponent, deps: [{ token: SelectionService }, { token: CellSelectionService }, { token: ColumnBase, host: true, optional: true, skipSelf: true }, { token: IdService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CheckboxColumnComponent, isStandalone: true, selector: "kendo-grid-checkbox-column", inputs: { showSelectAll: "showSelectAll", showDisabledCheckbox: "showDisabledCheckbox" }, providers: [
             {
@@ -19632,6 +19735,15 @@ class RowReorderColumnComponent extends ColumnBase {
         super(parent, idService);
         this.parent = parent;
     }
+    /**
+     * Defines a function that is used to determine the rowspan of each column cell.
+     */
+    set cellRowspan(cellRowspan) {
+        super.cellRowspan = cellRowspan;
+    }
+    get cellRowspan() {
+        return super.cellRowspan;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RowReorderColumnComponent, deps: [{ token: ColumnBase, host: true, optional: true, skipSelf: true }, { token: IdService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RowReorderColumnComponent, isStandalone: true, selector: "kendo-grid-rowreorder-column", inputs: { dragHandleIcon: "dragHandleIcon", dragHandleSVGIcon: "dragHandleSVGIcon" }, providers: [
             {
@@ -19716,8 +19828,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1741597660,
-    version: '18.1.2-develop.3',
+    publishDate: 1741947639,
+    version: '18.2.0-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-grid",
-  "version": "18.1.2-develop.3",
+  "version": "18.2.0-develop.1",
   "description": "Kendo UI Grid for Angular - high performance data grid with paging, filtering, virtualization, CRUD, and more.",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -26,7 +26,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1741597660,
+      "publishDate": 1741947639,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -39,27 +39,27 @@
     "@progress/kendo-data-query": "^1.0.0",
     "@progress/kendo-drawing": "^1.21.0",
     "@progress/kendo-licensing": "^1.5.0",
-    "@progress/kendo-angular-buttons": "18.1.2-develop.3",
-    "@progress/kendo-angular-common": "18.1.2-develop.3",
-    "@progress/kendo-angular-dateinputs": "18.1.2-develop.3",
-    "@progress/kendo-angular-layout": "18.1.2-develop.3",
-    "@progress/kendo-angular-dropdowns": "18.1.2-develop.3",
-    "@progress/kendo-angular-excel-export": "18.1.2-develop.3",
-    "@progress/kendo-angular-icons": "18.1.2-develop.3",
-    "@progress/kendo-angular-inputs": "18.1.2-develop.3",
-    "@progress/kendo-angular-intl": "18.1.2-develop.3",
-    "@progress/kendo-angular-l10n": "18.1.2-develop.3",
-    "@progress/kendo-angular-label": "18.1.2-develop.3",
-    "@progress/kendo-angular-pager": "18.1.2-develop.3",
-    "@progress/kendo-angular-pdf-export": "18.1.2-develop.3",
-    "@progress/kendo-angular-popup": "18.1.2-develop.3",
-    "@progress/kendo-angular-toolbar": "18.1.2-develop.3",
-    "@progress/kendo-angular-utils": "18.1.2-develop.3",
+    "@progress/kendo-angular-buttons": "18.2.0-develop.1",
+    "@progress/kendo-angular-common": "18.2.0-develop.1",
+    "@progress/kendo-angular-dateinputs": "18.2.0-develop.1",
+    "@progress/kendo-angular-layout": "18.2.0-develop.1",
+    "@progress/kendo-angular-dropdowns": "18.2.0-develop.1",
+    "@progress/kendo-angular-excel-export": "18.2.0-develop.1",
+    "@progress/kendo-angular-icons": "18.2.0-develop.1",
+    "@progress/kendo-angular-inputs": "18.2.0-develop.1",
+    "@progress/kendo-angular-intl": "18.2.0-develop.1",
+    "@progress/kendo-angular-l10n": "18.2.0-develop.1",
+    "@progress/kendo-angular-label": "18.2.0-develop.1",
+    "@progress/kendo-angular-pager": "18.2.0-develop.1",
+    "@progress/kendo-angular-pdf-export": "18.2.0-develop.1",
+    "@progress/kendo-angular-popup": "18.2.0-develop.1",
+    "@progress/kendo-angular-toolbar": "18.2.0-develop.1",
+    "@progress/kendo-angular-utils": "18.2.0-develop.1",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "18.1.2-develop.3",
+    "@progress/kendo-angular-schematics": "18.2.0-develop.1",
     "@progress/kendo-common": "^1.0.1",
     "@progress/kendo-file-saver": "^1.0.0"
   },

package/schematics/ngAdd/index.js

@@ -4,14 +4,14 @@ const schematics_1 = require("@angular-devkit/schematics");
 function default_1(options) {
     const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'GridModule', package: 'grid', peerDependencies: {
             // peer deps of the dropdowns
-            '@progress/kendo-angular-treeview': '18.1.2-develop.3',
-            '@progress/kendo-angular-navigation': '18.1.2-develop.3',
+            '@progress/kendo-angular-treeview': '18.2.0-develop.1',
+            '@progress/kendo-angular-navigation': '18.2.0-develop.1',
             // peer dependency of kendo-angular-inputs
-            '@progress/kendo-angular-dialog': '18.1.2-develop.3',
+            '@progress/kendo-angular-dialog': '18.2.0-develop.1',
             // peer dependency of kendo-angular-icons
             '@progress/kendo-svg-icons': '^4.0.0',
             // peer dependency of kendo-angular-layout
-            '@progress/kendo-angular-progressbar': '18.1.2-develop.3'
+            '@progress/kendo-angular-progressbar': '18.2.0-develop.1'
         } });
     return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
 }

package/utils.d.ts

@@ -4,6 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { QueryList, InjectionToken } from '@angular/core';
 import { Observable } from 'rxjs';
+import { ColumnBase, RowArgs } from '.';
 export { isChanged, anyChanged, hasObservers } from '@progress/kendo-angular-common';
 /**
  * @hidden
@@ -100,3 +101,7 @@ export declare const isGroupResult: (obj: any) => boolean;
  * @hidden
  */
 export declare const roundDown: (value: number) => number;
+/**
+ * @hidden
+ */
+export declare const defaultCellRowSpan: (row: RowArgs, column: ColumnBase, data: any[]) => number;