@progress/kendo-angular-grid 19.1.2 → 19.2.0-develop.1

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

@@ -526,6 +526,21 @@ const isMultipleRangesEnabled = (selectableSettings) => {
         typeof selectableSettings === 'object' &&
         selectableSettings.selectable.multipleRanges;
 };
+/**
+ * @hidden
+ * Calculates the height of a table row by inserting a temporary row into the table body when the `rowHeight` option is not set.
+ */
+const calcRowHeight = (tableBody) => {
+    let result = 0;
+    if (tableBody) {
+        const row = tableBody.insertRow(0);
+        const cell = row.insertCell(0);
+        cell.textContent = ' ';
+        result = row.getBoundingClientRect().height;
+        tableBody.deleteRow(0);
+    }
+    return result;
+};
 
 /**
  * @hidden
@@ -19573,27 +19588,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }] } });
 
-/**
- * @hidden
- */
-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;
-}
-
 const columnCellIndex = (cell, cells) => {
     let cellIndex = 0;
     for (let idx = 0; idx < cells.length; idx++) {
@@ -19622,13 +19616,12 @@ class TableBodyComponent {
     cellSelectionService;
     columnInfoService;
     navigationService;
-    rowspanService;
     columns = [];
     allColumns;
     groups = [];
     detailTemplate;
     noRecordsTemplate;
-    data;
+    rowsToRender;
     skip = 0;
     selectable;
     filterable;
@@ -19638,7 +19631,6 @@ class TableBodyComponent {
     isVirtual;
     cellLoadingTemplate;
     skipGroupDecoration = false;
-    showGroupFooters = false;
     lockedColumnsCount = 0;
     totalColumnsCount = 0;
     virtualColumns;
@@ -19656,9 +19648,7 @@ class TableBodyComponent {
     clickTimeout;
     minusIcon = minusIcon;
     plusIcon = plusIcon;
-    dataArray;
-    rerender = false;
-    constructor(detailsService, groupsService, changeNotification, editService, ctx, ngZone, renderer, element, domEvents, selectionService, cellSelectionService, columnInfoService, navigationService, rowspanService) {
+    constructor(detailsService, groupsService, changeNotification, editService, ctx, ngZone, renderer, element, domEvents, selectionService, cellSelectionService, columnInfoService, navigationService) {
         this.detailsService = detailsService;
         this.groupsService = groupsService;
         this.changeNotification = changeNotification;
@@ -19672,7 +19662,6 @@ class TableBodyComponent {
         this.cellSelectionService = cellSelectionService;
         this.columnInfoService = columnInfoService;
         this.navigationService = navigationService;
-        this.rowspanService = rowspanService;
         this.noRecordsText = this.ctx.localization.get('noRecords');
         this.cellKeydownSubscription = this.navigationService.cellKeydown.subscribe((args) => this.cellKeydownHandler(args));
         this.trackByWrapper = this.trackByWrapper.bind(this);
@@ -19681,12 +19670,6 @@ class TableBodyComponent {
     get newDataItem() {
         return this.editService.newDataItem;
     }
-    get cachedDataArray() {
-        if (!this.dataArray) {
-            this.dataArray = this.data.map(item => item);
-        }
-        return this.dataArray;
-    }
     // Number of unlocked columns in the next table, if any
     unlockedColumnsCount(item) {
         const allColumns = this.allColumns || this.columns;
@@ -19698,25 +19681,7 @@ class TableBodyComponent {
         });
         const contentColumnsCount = this.totalColumnsCount - this.lockedColumnsCount - allColumnsCount;
         const headerFooterColumnsCount = this.totalColumnsCount - this.lockedColumnsCount - allColumns.length;
-        return item && this.isDataItem(item) ? contentColumnsCount : headerFooterColumnsCount;
-    }
-    shouldSkipCell(rowIndex, colIndex) {
-        return this.rowspanService.shouldSkip(rowIndex, colIndex);
-    }
-    getRowspan(row, column, colIndex) {
-        if (this.rerender) {
-            this.dataArray = null;
-            this.rerender = false;
-        }
-        const rowspan = column.cellRowspan(row, column, this.cachedDataArray);
-        if (rowspan > 1) {
-            this.rowspanService.addCells(row.index, colIndex, rowspan);
-        }
-        this.ngZone.runOutsideAngular(() => setTimeout(() => {
-            this.rerender = true;
-            this.rowspanService.reset();
-        }));
-        return rowspan;
+        return item && item.type === 'data' ? contentColumnsCount : headerFooterColumnsCount;
     }
     isAriaSelected(item, column) {
         return this.cellSelectionService.isCellSelected(item, column) ||
@@ -19726,44 +19691,16 @@ class TableBodyComponent {
         this.detailsService.toggleRow(index, dataItem);
         return false;
     }
-    isExpanded(viewItem) {
-        return this.detailsService.isExpanded(viewItem.index, viewItem.data);
-    }
     detailButtonIconName(viewItem) {
-        const expanded = this.isExpanded(viewItem);
-        return expanded ? 'minus' : 'plus';
+        return viewItem.isExpanded ? 'minus' : 'plus';
     }
     detailButtonSvgIcon(viewItem) {
-        const expanded = this.isExpanded(viewItem);
-        return expanded ? this.minusIcon : this.plusIcon;
+        return viewItem.isExpanded ? this.minusIcon : this.plusIcon;
     }
     detailButtonTitle(viewItem) {
-        const messageKey = this.isExpanded(viewItem) ? 'detailCollapse' : 'detailExpand';
+        const messageKey = viewItem.isExpanded ? 'detailCollapse' : 'detailExpand';
         return this.ctx.localization.get(messageKey);
     }
-    isGroup(item) {
-        return item.type === 'group';
-    }
-    isDataItem(item) {
-        return !this.isGroup(item) && !this.isFooter(item);
-    }
-    isFooter(item) {
-        return item.type === 'footer';
-    }
-    isFooterItemInExpandedGroup(item) {
-        const footerItem = { data: item.data, index: item.groupIndex, parentGroup: item.group.parentGroup };
-        return this.isInExpandedGroup(footerItem);
-    }
-    isDataItemInExpandedGroup(item) {
-        const dataItem = { data: item.group.data, index: item.groupIndex, parentGroup: item.group.parentGroup };
-        return this.isInExpandedGroup(dataItem);
-    }
-    isInExpandedGroup(item) {
-        return this.groupsService.isInExpandedGroup(item);
-    }
-    isParentGroupExpanded(item) {
-        return this.groupsService.isInExpandedGroup(item.parentGroup);
-    }
     isOdd(item) {
         return item.index % 2 !== 0;
     }
@@ -19986,7 +19923,7 @@ class TableBodyComponent {
         const columnIndex = this.lockedColumnsCount + index;
         let rowIndex = row.getAttribute('data-kendo-grid-item-index');
         rowIndex = rowIndex ? parseInt(rowIndex, 10) : -1;
-        const dataItem = rowIndex === -1 ? this.editService.newDataItem : this.data.at(rowIndex - this.skip);
+        const dataItem = rowIndex === -1 ? this.editService.newDataItem : this.rowsToRender.find(item => +item.index === rowIndex && item.type === 'data')?.data;
         const isEditedColumn = this.editService.isEditedColumn(rowIndex, column);
         const isEditedRow = this.editService.isEdited(rowIndex);
         const type = eventArg.type === 'keydown' ? 'click' : eventArg.type;
@@ -20031,8 +19968,8 @@ class TableBodyComponent {
             });
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableBodyComponent, deps: [{ token: DetailsService }, { token: GroupsService }, { token: ChangeNotificationService }, { token: EditService }, { token: ContextService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: DomEventsService }, { token: SelectionService }, { token: CellSelectionService }, { token: ColumnInfoService }, { token: NavigationService }, { token: RowspanService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TableBodyComponent, isStandalone: true, selector: "[kendoGridTableBody]", inputs: { columns: "columns", allColumns: "allColumns", groups: "groups", detailTemplate: "detailTemplate", noRecordsTemplate: "noRecordsTemplate", data: "data", skip: "skip", selectable: "selectable", filterable: "filterable", noRecordsText: "noRecordsText", isLocked: "isLocked", isLoading: "isLoading", isVirtual: "isVirtual", cellLoadingTemplate: "cellLoadingTemplate", skipGroupDecoration: "skipGroupDecoration", showGroupFooters: "showGroupFooters", lockedColumnsCount: "lockedColumnsCount", totalColumnsCount: "totalColumnsCount", virtualColumns: "virtualColumns", trackBy: "trackBy", rowSticky: "rowSticky", totalColumns: "totalColumns", rowClass: "rowClass" }, host: { properties: { "class.k-table-tbody": "this.hostClass" } }, usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableBodyComponent, deps: [{ token: DetailsService }, { token: GroupsService }, { token: ChangeNotificationService }, { token: EditService }, { token: ContextService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: DomEventsService }, { token: SelectionService }, { token: CellSelectionService }, { token: ColumnInfoService }, { token: NavigationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TableBodyComponent, isStandalone: true, selector: "[kendoGridTableBody]", inputs: { columns: "columns", allColumns: "allColumns", groups: "groups", detailTemplate: "detailTemplate", noRecordsTemplate: "noRecordsTemplate", rowsToRender: "rowsToRender", skip: "skip", selectable: "selectable", filterable: "filterable", noRecordsText: "noRecordsText", isLocked: "isLocked", isLoading: "isLoading", isVirtual: "isVirtual", cellLoadingTemplate: "cellLoadingTemplate", skipGroupDecoration: "skipGroupDecoration", lockedColumnsCount: "lockedColumnsCount", totalColumnsCount: "totalColumnsCount", virtualColumns: "virtualColumns", trackBy: "trackBy", rowSticky: "rowSticky", totalColumns: "totalColumns", rowClass: "rowClass" }, host: { properties: { "class.k-table-tbody": "this.hostClass" } }, usesOnChanges: true, ngImport: i0, template: `
     <ng-container *ngIf="editService.hasNewItem">
         <tr class="k-grid-add-row k-grid-edit-row k-master-row"
             kendoGridLogicalRow
@@ -20073,7 +20010,7 @@ class TableBodyComponent {
             </td>
         </tr>
     </ng-container>
-    <tr *ngIf="data?.length === 0 || data === null" class="k-grid-norecords" role="row">
+    <tr *ngIf="!rowsToRender?.length" class="k-grid-norecords" role="row">
         <td [attr.colspan]="colSpan" class="k-table-td">
             <ng-template
                 *ngIf="noRecordsTemplate?.templateRef"
@@ -20086,8 +20023,8 @@ class TableBodyComponent {
             </ng-container>
         </td>
     </tr>
-    <ng-container *ngFor="let item of data; trackBy: trackByWrapper; let rowIndex = index;">
-        <tr *ngIf="isGroup(item) && isParentGroupExpanded($any(item)) && showGroupHeader(item)"
+    <ng-container *ngFor="let item of rowsToRender; trackBy: trackByWrapper; let rowIndex = index;">
+        <tr *ngIf="item.type === 'group'"
             kendoGridGroupHeader
                 [columns]="columns"
                 [groups]="groups"
@@ -20105,8 +20042,7 @@ class TableBodyComponent {
                 [logicalCellsCount]="columns.length"
                 [logicalSlaveCellsCount]="groupHeaderSlaveCellsCount">
         </tr>
-        <tr
-            *ngIf="isDataItem(item) && (!$any(item).group || isDataItemInExpandedGroup($any(item)))"
+        <tr *ngIf="item.showDataItem"
             kendoGridLogicalRow
                 [dataRowIndex]="$any(item).index"
                 [dataItem]="item.data"
@@ -20119,7 +20055,7 @@ class TableBodyComponent {
             [class.k-grid-row-sticky]="rowSticky ? rowSticky({ dataItem: item.data, index: $any(item).index }) : false"
             [ngClass]="rowClass({ dataItem: item.data, index: $any(item).index })"
             [class.k-master-row]="true"
-            [class.k-expanded]="isDataItem(item) && isExpanded(item)"
+            [class.k-expanded]="item.isExpanded"
             [class.k-grid-edit-row]="isEditingRow($any(item).index)"
             [attr.aria-selected]="lockedColumnsCount < 1 ? isSelectable({ dataItem: item.data, index: $any(item).index }) && isRowSelected(item) : undefined"
             [attr.data-kendo-grid-item-index]="$any(item).index"
@@ -20148,7 +20084,7 @@ class TableBodyComponent {
                 </a>
             </td>
             <ng-container *ngFor="let column of columns; let columnIndex = index; trackBy: trackByColumns;">
-                <td *ngIf="column.cellRowspan ? !shouldSkipCell(rowIndex, lockedColumnsCount + columnIndex) : true"
+                <td *ngIf="!item.cells?.[lockedColumnsCount + columnIndex]?.skip"
                     kendoGridCell
                         [rowIndex]="$any(item).index"
                         [columnIndex]="lockedColumnsCount + columnIndex"
@@ -20165,10 +20101,7 @@ class TableBodyComponent {
                         [dataItem]="item.data"
                         [colIndex]="columnIndex"
                         [colSpan]="column.colspan"
-                        [rowSpan]="column.cellRowspan ? getRowspan({
-                                index: rowIndex,
-                                dataItem: item
-                            }, column, lockedColumnsCount + columnIndex) : 1"
+                        [rowSpan]="item.cells[lockedColumnsCount + columnIndex]?.rowspan"
                         [attr.role]="column.tableCellsRole"
                         class="k-table-td"
                         [attr.aria-selected]="lockedColumnsCount < 1 && isSelectable({ dataItem: item.data, index: $any(item).index }) ? isAriaSelected(item, column) : undefined"
@@ -20178,24 +20111,18 @@ class TableBodyComponent {
                     [class.k-grid-edit-cell]="isEditingCell($any(item).index, column)"
                     [ngStyle]="column.sticky ? addStickyColumnStyles(column) : column.style"
                     [attr.colspan]="column.colspan"
-                    [class.k-selected]="isSelectable && cellSelectionService.isCellSelected(item, column)"
-                    >
+                    [class.k-selected]="isSelectable && cellSelectionService.isCellSelected(item, column)">
                 </td>
             </ng-container>
         </tr>
-        <tr *ngIf="isDataItem(item) &&
-                (!$any(item).group || isDataItemInExpandedGroup($any(item))) &&
-                detailTemplate?.templateRef &&
-                detailTemplate.showIf(item.data, $any(item).index) &&
-                isExpanded(item)"
+        <tr *ngIf="item.showDetailRow"
             class="k-detail-row"
             kendoGridLogicalRow
                 [dataRowIndex]="$any(item).index"
                 [dataItem]="item.data"
                 [logicalRowIndex]="logicalRowIndex(rowIndex) + 1"
                 [logicalSlaveRow]="false"
-                [logicalCellsCount]="1"
-            >
+                [logicalCellsCount]="1">
             <td class="k-group-cell k-table-td k-table-group-td" *ngFor="let g of groups"></td>
             <td class="k-hierarchy-cell k-table-td"></td>
             <td class="k-detail-cell k-table-td"
@@ -20207,8 +20134,7 @@ class TableBodyComponent {
                     [dataItem]="item.data"
                     [colIndex]="0"
                     [colSpan]="allColumnsSpan + 1"
-                    role="gridcell" aria-selected="false"
-                >
+                    role="gridcell" aria-selected="false">
                 <ng-template
                     [ngTemplateOutlet]="detailTemplate.templateRef"
                     [ngTemplateOutletContext]="{
@@ -20219,10 +20145,7 @@ class TableBodyComponent {
                 </ng-template>
             </td>
         </tr>
-        <tr *ngIf="isFooter(item) &&
-                $any(item).group &&
-                (isFooterItemInExpandedGroup($any(item)) || (showGroupFooters && isParentGroupExpanded($any(item).group))) &&
-                !$any(item.data).hideFooter"
+        <tr *ngIf="item.type === 'footer'"
             class="k-group-footer"
             kendoGridLogicalRow
                 [logicalRowIndex]="logicalRowIndex(rowIndex)"
@@ -20238,8 +20161,7 @@ class TableBodyComponent {
                 kendoGridLogicalCell
                     [logicalRowIndex]="logicalRowIndex(rowIndex)"
                     [logicalColIndex]="0"
-                    aria-selected="false"
-                >
+                    aria-selected="false">
             </td>
             <td kendoGridLogicalCell
                     [logicalRowIndex]="logicalRowIndex(rowIndex)"
@@ -20308,7 +20230,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             </td>
         </tr>
     </ng-container>
-    <tr *ngIf="data?.length === 0 || data === null" class="k-grid-norecords" role="row">
+    <tr *ngIf="!rowsToRender?.length" class="k-grid-norecords" role="row">
         <td [attr.colspan]="colSpan" class="k-table-td">
             <ng-template
                 *ngIf="noRecordsTemplate?.templateRef"
@@ -20321,8 +20243,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             </ng-container>
         </td>
     </tr>
-    <ng-container *ngFor="let item of data; trackBy: trackByWrapper; let rowIndex = index;">
-        <tr *ngIf="isGroup(item) && isParentGroupExpanded($any(item)) && showGroupHeader(item)"
+    <ng-container *ngFor="let item of rowsToRender; trackBy: trackByWrapper; let rowIndex = index;">
+        <tr *ngIf="item.type === 'group'"
             kendoGridGroupHeader
                 [columns]="columns"
                 [groups]="groups"
@@ -20340,8 +20262,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 [logicalCellsCount]="columns.length"
                 [logicalSlaveCellsCount]="groupHeaderSlaveCellsCount">
         </tr>
-        <tr
-            *ngIf="isDataItem(item) && (!$any(item).group || isDataItemInExpandedGroup($any(item)))"
+        <tr *ngIf="item.showDataItem"
             kendoGridLogicalRow
                 [dataRowIndex]="$any(item).index"
                 [dataItem]="item.data"
@@ -20354,7 +20275,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             [class.k-grid-row-sticky]="rowSticky ? rowSticky({ dataItem: item.data, index: $any(item).index }) : false"
             [ngClass]="rowClass({ dataItem: item.data, index: $any(item).index })"
             [class.k-master-row]="true"
-            [class.k-expanded]="isDataItem(item) && isExpanded(item)"
+            [class.k-expanded]="item.isExpanded"
             [class.k-grid-edit-row]="isEditingRow($any(item).index)"
             [attr.aria-selected]="lockedColumnsCount < 1 ? isSelectable({ dataItem: item.data, index: $any(item).index }) && isRowSelected(item) : undefined"
             [attr.data-kendo-grid-item-index]="$any(item).index"
@@ -20383,7 +20304,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 </a>
             </td>
             <ng-container *ngFor="let column of columns; let columnIndex = index; trackBy: trackByColumns;">
-                <td *ngIf="column.cellRowspan ? !shouldSkipCell(rowIndex, lockedColumnsCount + columnIndex) : true"
+                <td *ngIf="!item.cells?.[lockedColumnsCount + columnIndex]?.skip"
                     kendoGridCell
                         [rowIndex]="$any(item).index"
                         [columnIndex]="lockedColumnsCount + columnIndex"
@@ -20400,10 +20321,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         [dataItem]="item.data"
                         [colIndex]="columnIndex"
                         [colSpan]="column.colspan"
-                        [rowSpan]="column.cellRowspan ? getRowspan({
-                                index: rowIndex,
-                                dataItem: item
-                            }, column, lockedColumnsCount + columnIndex) : 1"
+                        [rowSpan]="item.cells[lockedColumnsCount + columnIndex]?.rowspan"
                         [attr.role]="column.tableCellsRole"
                         class="k-table-td"
                         [attr.aria-selected]="lockedColumnsCount < 1 && isSelectable({ dataItem: item.data, index: $any(item).index }) ? isAriaSelected(item, column) : undefined"
@@ -20413,24 +20331,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     [class.k-grid-edit-cell]="isEditingCell($any(item).index, column)"
                     [ngStyle]="column.sticky ? addStickyColumnStyles(column) : column.style"
                     [attr.colspan]="column.colspan"
-                    [class.k-selected]="isSelectable && cellSelectionService.isCellSelected(item, column)"
-                    >
+                    [class.k-selected]="isSelectable && cellSelectionService.isCellSelected(item, column)">
                 </td>
             </ng-container>
         </tr>
-        <tr *ngIf="isDataItem(item) &&
-                (!$any(item).group || isDataItemInExpandedGroup($any(item))) &&
-                detailTemplate?.templateRef &&
-                detailTemplate.showIf(item.data, $any(item).index) &&
-                isExpanded(item)"
+        <tr *ngIf="item.showDetailRow"
             class="k-detail-row"
             kendoGridLogicalRow
                 [dataRowIndex]="$any(item).index"
                 [dataItem]="item.data"
                 [logicalRowIndex]="logicalRowIndex(rowIndex) + 1"
                 [logicalSlaveRow]="false"
-                [logicalCellsCount]="1"
-            >
+                [logicalCellsCount]="1">
             <td class="k-group-cell k-table-td k-table-group-td" *ngFor="let g of groups"></td>
             <td class="k-hierarchy-cell k-table-td"></td>
             <td class="k-detail-cell k-table-td"
@@ -20442,8 +20354,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     [dataItem]="item.data"
                     [colIndex]="0"
                     [colSpan]="allColumnsSpan + 1"
-                    role="gridcell" aria-selected="false"
-                >
+                    role="gridcell" aria-selected="false">
                 <ng-template
                     [ngTemplateOutlet]="detailTemplate.templateRef"
                     [ngTemplateOutletContext]="{
@@ -20454,10 +20365,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 </ng-template>
             </td>
         </tr>
-        <tr *ngIf="isFooter(item) &&
-                $any(item).group &&
-                (isFooterItemInExpandedGroup($any(item)) || (showGroupFooters && isParentGroupExpanded($any(item).group))) &&
-                !$any(item.data).hideFooter"
+        <tr *ngIf="item.type === 'footer'"
             class="k-group-footer"
             kendoGridLogicalRow
                 [logicalRowIndex]="logicalRowIndex(rowIndex)"
@@ -20473,8 +20381,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 kendoGridLogicalCell
                     [logicalRowIndex]="logicalRowIndex(rowIndex)"
                     [logicalColIndex]="0"
-                    aria-selected="false"
-                >
+                    aria-selected="false">
             </td>
             <td kendoGridLogicalCell
                     [logicalRowIndex]="logicalRowIndex(rowIndex)"
@@ -20503,7 +20410,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         GroupHeaderComponent, IconWrapperComponent, NgTemplateOutlet, ResizeSensorComponent
                     ]
                 }]
-        }], ctorParameters: function () { return [{ type: DetailsService }, { type: GroupsService }, { type: ChangeNotificationService }, { type: EditService }, { type: ContextService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: DomEventsService }, { type: SelectionService }, { type: CellSelectionService }, { type: ColumnInfoService }, { type: NavigationService }, { type: RowspanService }]; }, propDecorators: { columns: [{
+        }], ctorParameters: function () { return [{ type: DetailsService }, { type: GroupsService }, { type: ChangeNotificationService }, { type: EditService }, { type: ContextService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: DomEventsService }, { type: SelectionService }, { type: CellSelectionService }, { type: ColumnInfoService }, { type: NavigationService }]; }, propDecorators: { columns: [{
                 type: Input
             }], allColumns: [{
                 type: Input
@@ -20513,7 +20420,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], noRecordsTemplate: [{
                 type: Input
-            }], data: [{
+            }], rowsToRender: [{
                 type: Input
             }], skip: [{
                 type: Input
@@ -20533,8 +20440,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], skipGroupDecoration: [{
                 type: Input
-            }], showGroupFooters: [{
-                type: Input
             }], lockedColumnsCount: [{
                 type: Input
             }], totalColumnsCount: [{
@@ -21289,8 +21194,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1750771045,
-    version: '19.1.2',
+    publishDate: 1750784754,
+    version: '19.2.0-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -23323,6 +23228,141 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 args: ['style.min-width']
             }] } });
 
+/**
+ * @hidden
+ */
+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;
+}
+
+/**
+ * @hidden
+ */
+class DataMappingService {
+    rowspanService;
+    groupsService;
+    detailsService;
+    recalculateRowspan = true;
+    dataArray = null;
+    constructor(rowspanService, groupsService, detailsService) {
+        this.rowspanService = rowspanService;
+        this.groupsService = groupsService;
+        this.detailsService = detailsService;
+    }
+    isGroup(item) {
+        return item.type === 'group';
+    }
+    /**
+     * Maps the data to the Grid row items, applying rowspan and detail row logic.
+     */
+    dataMapper(data, nonLockedColumnsToRender, lockedLeafColumns, detailTemplate, showFooter) {
+        const result = [];
+        if (!data || !nonLockedColumnsToRender && !lockedLeafColumns) {
+            return [];
+        }
+        let dataIndex = 0;
+        for (const item of data) {
+            if (this.shouldRenderItem(item, detailTemplate, showFooter)) {
+                if (item.type === 'data') {
+                    item.cells = [];
+                    for (let i = 0; i < (lockedLeafColumns.length + nonLockedColumnsToRender.length); i++) {
+                        const column = i < lockedLeafColumns.length ? lockedLeafColumns.get(i) : nonLockedColumnsToRender.get(i - lockedLeafColumns.length);
+                        const cell = {};
+                        if (column.cellRowspan && this.shouldSkipCell(dataIndex, i)) {
+                            cell.skip = true;
+                        }
+                        else {
+                            cell.rowspan = column.cellRowspan ? this.getRowspan({
+                                index: dataIndex,
+                                dataItem: item
+                            }, column, i, data) : 1;
+                        }
+                        item.cells.push(cell);
+                    }
+                }
+                result.push(item);
+            }
+            dataIndex++;
+        }
+        this.recalculateRowspan = true;
+        this.rowspanService.reset();
+        return result;
+    }
+    isDataItem(item) {
+        return !this.isGroup(item) && !this.isFooter(item);
+    }
+    isFooter(item) {
+        return item.type === 'footer';
+    }
+    isFooterItemInExpandedGroup(item) {
+        const footerItem = { data: item.data, index: item.groupIndex, parentGroup: item.group.parentGroup };
+        return this.isInExpandedGroup(footerItem);
+    }
+    isDataItemInExpandedGroup(item) {
+        const dataItem = { data: item.group.data, index: item.groupIndex, parentGroup: item.group.parentGroup };
+        return this.isInExpandedGroup(dataItem);
+    }
+    isInExpandedGroup(item) {
+        return this.groupsService.isInExpandedGroup(item);
+    }
+    isParentGroupExpanded(item) {
+        return this.groupsService.isInExpandedGroup(item.parentGroup);
+    }
+    isExpanded(viewItem) {
+        return this.detailsService.isExpanded(viewItem.index, viewItem.data);
+    }
+    shouldRenderItem(item, detailTemplate, showFooter) {
+        const renderGroupHeader = this.isGroup(item) && this.isParentGroupExpanded(item);
+        const renderDataItem = this.isDataItem(item) && (!item.group || this.isDataItemInExpandedGroup(item));
+        const renderDetailTemplate = renderDataItem && detailTemplate?.templateRef && detailTemplate.showIf(item.data, item.index) && this.isExpanded(item);
+        const isVisibleFooter = this.isFooter(item) && item.group && (this.isFooterItemInExpandedGroup(item) || (showFooter && this.isParentGroupExpanded(item.group)));
+        const renderFooter = isVisibleFooter && !item.data.hideFooter;
+        item.showDataItem = renderDataItem;
+        item.showDetailRow = renderDataItem && renderDetailTemplate;
+        item.isExpanded = this.isExpanded(item);
+        return renderGroupHeader || renderDataItem || renderDetailTemplate || renderFooter;
+    }
+    shouldSkipCell(rowIndex, colIndex) {
+        return this.rowspanService.shouldSkip(rowIndex, colIndex);
+    }
+    cachedDataArray(data) {
+        if (!this.dataArray) {
+            this.dataArray = data.map(item => item);
+        }
+        return this.dataArray;
+    }
+    getRowspan(row, column, colIndex, data) {
+        if (this.recalculateRowspan) {
+            this.dataArray = null;
+            this.recalculateRowspan = false;
+        }
+        const rowspan = column.cellRowspan(row, column, this.cachedDataArray(data));
+        if (rowspan > 1) {
+            this.rowspanService.addCells(row.index, colIndex, rowspan);
+        }
+        return rowspan;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DataMappingService, deps: [{ token: RowspanService }, { token: GroupsService }, { token: DetailsService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DataMappingService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DataMappingService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: RowspanService }, { type: GroupsService }, { type: DetailsService }]; } });
+
 const elementAt = (index, elements, elementOffset) => {
     for (let idx = 0, elementIdx = 0; idx < elements.length; idx++) {
         const offset = elementOffset(elements[idx]);
@@ -23387,14 +23427,13 @@ class ListComponent {
     changeDetector;
     pdfService;
     columnInfo;
-    rowspanService;
+    dataMappingService;
     hostClass = true;
     hostRole = 'presentation';
     data;
     groups = [];
     total;
     rowHeight;
-    stickyRowHeight;
     detailRowHeight;
     take;
     skip = 0;
@@ -23419,6 +23458,7 @@ class ListComponent {
     scrollBottom = new EventEmitter();
     totalHeight;
     columnsStartIdx = 0;
+    allItems = [];
     get showFooter() {
         return this.groupable && this.groupable.showFooter;
     }
@@ -23444,6 +23484,7 @@ class ListComponent {
     columnsEndIdx;
     viewportColumnsWidth;
     scrollLeft = 0;
+    recalculateRowspan = true;
     observer;
     get lockedLeafColumns() {
         return this.columns.lockedLeafColumns;
@@ -23476,7 +23517,8 @@ 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, rowspanService) {
+    minRowHeight;
+    constructor(scrollerFactory, detailsService, changeNotification, suspendService, groupsService, ngZone, renderer, scrollSyncService, resizeService, editService, supportService, navigationService, scrollRequestService, ctx, columnResizingService, changeDetector, pdfService, columnInfo, dataMappingService) {
         this.changeNotification = changeNotification;
         this.suspendService = suspendService;
         this.groupsService = groupsService;
@@ -23492,12 +23534,13 @@ class ListComponent {
         this.changeDetector = changeDetector;
         this.pdfService = pdfService;
         this.columnInfo = columnInfo;
-        this.rowspanService = rowspanService;
+        this.dataMappingService = dataMappingService;
         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)));
     }
     ngOnInit() {
+        this.minRowHeight = this.isVirtual ? this.rowHeight || calcRowHeight(this.table.nativeElement) : this.rowHeight;
         this.init();
         this.subscriptions.add(this.ngZone.runOutsideAngular(this.handleRowSync.bind(this)));
         this.subscriptions.add(this.ngZone.runOutsideAngular(this.handleRowNavigationLocked.bind(this)));
@@ -23533,6 +23576,21 @@ class ListComponent {
         if (this.virtualColumns && (!this.viewportColumns || this.viewportWidthChange())) {
             this.updateViewportColumns();
         }
+        if (this.isVirtual && this.ctx.grid && !this.ctx.grid.pageSize) {
+            const calculatedPageSize = this.calcVirtualPageSize();
+            if (calculatedPageSize > 0) {
+                this.ngZone.onMicrotaskEmpty.pipe(take(1)).subscribe(() => {
+                    this.ctx.grid.pageSize = calculatedPageSize;
+                    this.ngZone.run(() => {
+                        this.pageChange.emit({
+                            skip: this.skip || 0,
+                            take: calculatedPageSize
+                        });
+                    });
+                });
+            }
+        }
+        this.allItems = this.dataMappingService.dataMapper(this.data, this.nonLockedColumnsToRender, this.lockedLeafColumns, this.detailTemplate, this.showFooter);
     }
     ngAfterViewInit() {
         if (!isDocumentAvailable()) {
@@ -23571,7 +23629,7 @@ class ListComponent {
         if (this.suspendService.scroll) {
             return;
         }
-        this.rowHeightService = new RowHeightService(this.total, this.rowHeight, this.detailRowHeight);
+        this.rowHeightService = new RowHeightService(this.total, this.rowHeight || this.minRowHeight, this.detailRowHeight);
         this.totalHeight = this.rowHeightService.totalHeight();
         if (!isUniversal()) {
             this.ngZone.runOutsideAngular(this.createScroller.bind(this));
@@ -23640,10 +23698,10 @@ class ListComponent {
         const observable = this.scroller
             .create(this.rowHeightService, this.skip, this.take, this.total);
         this.skipScroll = false;
-        this.scrollerSubscription = observable.pipe(filter((x) => x instanceof PageAction), filter(() => {
+        this.scrollerSubscription = observable.pipe(filter((x) => x instanceof PageAction), filter((x) => {
             const temp = this.skipScroll;
             this.skipScroll = false;
-            return !temp;
+            return !temp && x.skip !== this.skip;
         }), tap(() => this.rebind = true))
             .subscribe((x) => this.ngZone.run(() => this.pageChange.emit(x)));
         this.scrollerSubscription.add(observable.pipe(filter((x) => x instanceof ScrollAction))
@@ -23682,7 +23740,6 @@ class ListComponent {
             .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.ngZone.run(() => this.rowspanService.reset());
             this.resetNavigationViewport();
         }), filter(isLocked))
             .subscribe(() => {
@@ -23927,8 +23984,15 @@ 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: DetailsService }, { token: ChangeNotificationService }, { token: SuspendService }, { token: GroupsService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: ScrollSyncService }, { token: ResizeService }, { token: EditService }, { token: BrowserSupportService }, { token: NavigationService }, { token: ScrollRequestService }, { token: ContextService }, { token: ColumnResizingService }, { token: i0.ChangeDetectorRef }, { token: PDFService }, { token: ColumnInfoService }, { token: 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: [
+    calcVirtualPageSize = () => {
+        const containerHeight = this.container.nativeElement.offsetHeight;
+        if (containerHeight && (this.rowHeight ?? this.minRowHeight)) {
+            return Math.ceil((containerHeight / (this.rowHeight ?? this.minRowHeight)) * 1.5);
+        }
+        return 0;
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListComponent, deps: [{ token: SCROLLER_FACTORY_TOKEN }, { token: DetailsService }, { token: ChangeNotificationService }, { token: SuspendService }, { token: GroupsService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: ScrollSyncService }, { token: ResizeService }, { token: EditService }, { token: BrowserSupportService }, { token: NavigationService }, { token: ScrollRequestService }, { token: ContextService }, { token: ColumnResizingService }, { token: i0.ChangeDetectorRef }, { token: PDFService }, { token: ColumnInfoService }, { token: DataMappingService }], 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", 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,
                 useValue: DEFAULT_SCROLLER_FACTORY
@@ -23964,13 +24028,12 @@ class ListComponent {
                     role="presentation"
                     [groups]="groups"
                     [isLocked]="true"
-                    [data]="data"
+                    [rowsToRender]="allItems"
                     [noRecordsText]="''"
                     [columns]="$any(lockedLeafColumns)"
                     [totalColumnsCount]="leafColumns.length"
                     [totalColumns]="columns"
                     [detailTemplate]="detailTemplate"
-                    [showGroupFooters]="showFooter"
                     [skip]="skip"
                     [selectable]="selectable"
                     [trackBy]="trackBy"
@@ -24012,9 +24075,8 @@ class ListComponent {
                 <tbody kendoGridTableBody
                     role="rowgroup"
                     [skipGroupDecoration]="isLocked"
-                    [data]="data"
+                    [rowsToRender]="allItems"
                     [groups]="groups"
-                    [showGroupFooters]="showFooter"
                     [columns]="$any(nonLockedColumnsToRender)"
                     [allColumns]="$any(nonLockedLeafColumns)"
                     [detailTemplate]="detailTemplate"
@@ -24044,7 +24106,7 @@ class ListComponent {
             <div [style.width.px]="totalWidth"></div>
         </div>
     </div>
-    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "directive", type: TableDirective, selector: "[kendoGridResizableTable]", inputs: ["locked", "virtualColumns"] }, { kind: "directive", type: GridTableDirective, selector: "[kendoGridTable]", inputs: ["size"] }, { kind: "component", type: ColGroupComponent, selector: "[kendoGridColGroup]", inputs: ["columns", "groups", "detailTemplate", "sort"] }, { kind: "component", type: TableBodyComponent, selector: "[kendoGridTableBody]", inputs: ["columns", "allColumns", "groups", "detailTemplate", "noRecordsTemplate", "data", "skip", "selectable", "filterable", "noRecordsText", "isLocked", "isLoading", "isVirtual", "cellLoadingTemplate", "skipGroupDecoration", "showGroupFooters", "lockedColumnsCount", "totalColumnsCount", "virtualColumns", "trackBy", "rowSticky", "totalColumns", "rowClass"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "directive", type: ResizableContainerDirective, selector: "[kendoGridResizableContainer]", inputs: ["lockedWidth", "kendoGridResizableContainer"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { kind: "directive", type: TableDirective, selector: "[kendoGridResizableTable]", inputs: ["locked", "virtualColumns"] }, { kind: "directive", type: GridTableDirective, selector: "[kendoGridTable]", inputs: ["size"] }, { kind: "component", type: ColGroupComponent, selector: "[kendoGridColGroup]", inputs: ["columns", "groups", "detailTemplate", "sort"] }, { kind: "component", type: TableBodyComponent, selector: "[kendoGridTableBody]", inputs: ["columns", "allColumns", "groups", "detailTemplate", "noRecordsTemplate", "rowsToRender", "skip", "selectable", "filterable", "noRecordsText", "isLocked", "isLoading", "isVirtual", "cellLoadingTemplate", "skipGroupDecoration", "lockedColumnsCount", "totalColumnsCount", "virtualColumns", "trackBy", "rowSticky", "totalColumns", "rowClass"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "directive", type: ResizableContainerDirective, selector: "[kendoGridResizableContainer]", inputs: ["lockedWidth", "kendoGridResizableContainer"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListComponent, decorators: [{
             type: Component,
@@ -24087,13 +24149,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     role="presentation"
                     [groups]="groups"
                     [isLocked]="true"
-                    [data]="data"
+                    [rowsToRender]="allItems"
                     [noRecordsText]="''"
                     [columns]="$any(lockedLeafColumns)"
                     [totalColumnsCount]="leafColumns.length"
                     [totalColumns]="columns"
                     [detailTemplate]="detailTemplate"
-                    [showGroupFooters]="showFooter"
                     [skip]="skip"
                     [selectable]="selectable"
                     [trackBy]="trackBy"
@@ -24135,9 +24196,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 <tbody kendoGridTableBody
                     role="rowgroup"
                     [skipGroupDecoration]="isLocked"
-                    [data]="data"
+                    [rowsToRender]="allItems"
                     [groups]="groups"
-                    [showGroupFooters]="showFooter"
                     [columns]="$any(nonLockedColumnsToRender)"
                     [allColumns]="$any(nonLockedLeafColumns)"
                     [detailTemplate]="detailTemplate"
@@ -24174,7 +24234,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: DetailsService }, { type: ChangeNotificationService }, { type: SuspendService }, { type: GroupsService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: ScrollSyncService }, { type: ResizeService }, { type: EditService }, { type: BrowserSupportService }, { type: NavigationService }, { type: ScrollRequestService }, { type: ContextService }, { type: ColumnResizingService }, { type: i0.ChangeDetectorRef }, { type: PDFService }, { type: ColumnInfoService }, { type: RowspanService }]; }, propDecorators: { hostClass: [{
+                }] }, { type: DetailsService }, { type: ChangeNotificationService }, { type: SuspendService }, { type: GroupsService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: ScrollSyncService }, { type: ResizeService }, { type: EditService }, { type: BrowserSupportService }, { type: NavigationService }, { type: ScrollRequestService }, { type: ContextService }, { type: ColumnResizingService }, { type: i0.ChangeDetectorRef }, { type: PDFService }, { type: ColumnInfoService }, { type: DataMappingService }]; }, propDecorators: { hostClass: [{
                 type: HostBinding,
                 args: ['class.k-grid-container']
             }], hostRole: [{
@@ -24188,8 +24248,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], rowHeight: [{
                 type: Input
-            }], stickyRowHeight: [{
-                type: Input
             }], detailRowHeight: [{
                 type: Input
             }], take: [{
@@ -24239,10 +24297,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 args: ['container', { static: true }]
             }], lockedContainer: [{
                 type: ViewChild,
-                args: ['lockedContainer', { static: false }]
+                args: ['lockedContainer']
             }], lockedTable: [{
                 type: ViewChild,
-                args: ['lockedTable', { static: false }]
+                args: ['lockedTable']
             }], table: [{
                 type: ViewChild,
                 args: ['table', { static: true }]
@@ -27644,9 +27702,9 @@ class GridComponent {
     localization;
     ctx;
     sizingService;
-    adaptiveService;
     adaptiveGridService;
     rowReorderService;
+    dataMappingService;
     /**
      * Sets the data of the Grid. If you provide an array, the Grid gets the total count automatically.
      * ([more information and example]({% slug binding_grid %})).
@@ -28557,6 +28615,7 @@ class GridComponent {
      */
     blockArrowSelection = false;
     undoRedoService;
+    rowsToRender;
     selectionSubscription;
     stateChangeSubscription;
     groupExpandCollapseSubscription;
@@ -28582,7 +28641,7 @@ class GridComponent {
     rowReorderSubscription;
     rtl = false;
     _rowSticky;
-    constructor(supportService, selectionService, cellSelectionService, wrapper, groupInfoService, groupsService, changeNotification, detailsService, editService, filterService, pdfService, responsiveService, renderer, excelService, ngZone, scrollSyncService, domEvents, columnResizingService, changeDetectorRef, columnReorderService, columnInfoService, navigationService, sortService, scrollRequestService, localization, ctx, sizingService, adaptiveService, adaptiveGridService, rowReorderService) {
+    constructor(supportService, selectionService, cellSelectionService, wrapper, groupInfoService, groupsService, changeNotification, detailsService, editService, filterService, pdfService, responsiveService, renderer, excelService, ngZone, scrollSyncService, domEvents, columnResizingService, changeDetectorRef, columnReorderService, columnInfoService, navigationService, sortService, scrollRequestService, localization, ctx, sizingService, adaptiveGridService, rowReorderService, dataMappingService) {
         this.supportService = supportService;
         this.selectionService = selectionService;
         this.cellSelectionService = cellSelectionService;
@@ -28610,9 +28669,9 @@ class GridComponent {
         this.localization = localization;
         this.ctx = ctx;
         this.sizingService = sizingService;
-        this.adaptiveService = adaptiveService;
         this.adaptiveGridService = adaptiveGridService;
         this.rowReorderService = rowReorderService;
+        this.dataMappingService = dataMappingService;
         const isValid = validatePackage(packageMetadata);
         this.showLicenseWatermark = shouldShowValidationUI(isValid);
         this.ctx.grid = this;
@@ -28719,6 +28778,11 @@ class GridComponent {
         this.initSelectionService();
         this.updateNavigationMetadata();
     }
+    ngDoCheck() {
+        if (!this.isScrollable) {
+            this.rowsToRender = this.dataMappingService.dataMapper(this.view, this.nonLockedLeafColumns, this.lockedLeafColumns, this.detailTemplate, this.showGroupFooters);
+        }
+    }
     ngOnChanges(changes) {
         if (isChanged$1("data", changes)) {
             this.onDataChange();
@@ -29414,10 +29478,7 @@ class GridComponent {
             if (this.columnList.filter(x => x.locked && x.parent && !x.parent.isLocked).length) {
                 throw new Error(ColumnConfigurationErrorMessages.lockedParent);
             }
-            if ((this.rowHeight || this.detailRowHeight) && !this.isVirtual) {
-                console.warn(GridConfigurationErrorMessages.rowHeightVirtual);
-            }
-            if (!this.rowHeight && this.isVirtual) {
+            if (this.detailRowHeight && !this.isVirtual) {
                 console.warn(GridConfigurationErrorMessages.rowHeightVirtual);
             }
             if (!this.detailRowHeight && this.isVirtual && this.detailTemplate) {
@@ -29464,9 +29525,6 @@ class GridComponent {
                 }
                 this.dataStateChange.emit(x);
                 hasObservers(this.gridStateChange) && this.gridStateChange.emit({ ...this.currentState, ...x });
-                if (this.undoRedoService) {
-                    this.undoRedoService.originalEvent = x;
-                }
             });
         this.stateChangeSubscription.add(merge(this.columnReorder, this.columnResize, this.columnVisibilityChange, this.columnLockedChange, this.columnStickyChange).pipe(flatMap(() => this.ngZone.onStable.pipe(take(1))))
             .subscribe(() => this.ngZone.run(() => hasObservers(this.gridStateChange) && this.gridStateChange.emit(this.currentState))));
@@ -29762,7 +29820,7 @@ class GridComponent {
         this.dragTargetContainer?.notify();
         this.dropTargetContainer?.notify();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridComponent, deps: [{ token: BrowserSupportService }, { token: SelectionService }, { token: CellSelectionService }, { token: i0.ElementRef }, { token: GroupInfoService }, { token: GroupsService }, { token: ChangeNotificationService }, { token: DetailsService }, { token: EditService }, { token: FilterService }, { token: PDFService }, { token: ResponsiveService }, { token: i0.Renderer2 }, { token: ExcelService }, { token: i0.NgZone }, { token: ScrollSyncService }, { token: DomEventsService }, { token: ColumnResizingService }, { token: i0.ChangeDetectorRef }, { token: ColumnReorderService }, { token: ColumnInfoService }, { token: NavigationService }, { token: SortService }, { token: ScrollRequestService }, { token: i1$2.LocalizationService }, { token: ContextService }, { token: SizingOptionsService }, { token: i2$1.AdaptiveService }, { token: AdaptiveGridService }, { token: RowReorderService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridComponent, deps: [{ token: BrowserSupportService }, { token: SelectionService }, { token: CellSelectionService }, { token: i0.ElementRef }, { token: GroupInfoService }, { token: GroupsService }, { token: ChangeNotificationService }, { token: DetailsService }, { token: EditService }, { token: FilterService }, { token: PDFService }, { token: ResponsiveService }, { token: i0.Renderer2 }, { token: ExcelService }, { token: i0.NgZone }, { token: ScrollSyncService }, { token: DomEventsService }, { token: ColumnResizingService }, { token: i0.ChangeDetectorRef }, { token: ColumnReorderService }, { token: ColumnInfoService }, { token: NavigationService }, { token: SortService }, { token: ScrollRequestService }, { token: i1$2.LocalizationService }, { token: ContextService }, { token: SizingOptionsService }, { token: AdaptiveGridService }, { token: RowReorderService }, { token: DataMappingService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GridComponent, isStandalone: true, selector: "kendo-grid", inputs: { data: "data", pageSize: "pageSize", height: "height", rowHeight: "rowHeight", adaptiveMode: "adaptiveMode", detailRowHeight: "detailRowHeight", skip: "skip", scrollable: "scrollable", selectable: "selectable", sort: "sort", size: "size", trackBy: "trackBy", filter: "filter", group: "group", virtualColumns: "virtualColumns", filterable: "filterable", sortable: "sortable", pageable: "pageable", groupable: "groupable", gridResizable: "gridResizable", rowReorderable: "rowReorderable", navigable: "navigable", autoSize: "autoSize", rowClass: "rowClass", rowSticky: "rowSticky", rowSelected: "rowSelected", isRowSelectable: "isRowSelectable", cellSelected: "cellSelected", resizable: "resizable", reorderable: "reorderable", loading: "loading", columnMenu: "columnMenu", hideHeader: "hideHeader", showInactiveTools: "showInactiveTools", isDetailExpanded: "isDetailExpanded", isGroupExpanded: "isGroupExpanded" }, outputs: { filterChange: "filterChange", pageChange: "pageChange", groupChange: "groupChange", sortChange: "sortChange", selectionChange: "selectionChange", rowReorder: "rowReorder", dataStateChange: "dataStateChange", gridStateChange: "gridStateChange", groupExpand: "groupExpand", groupCollapse: "groupCollapse", detailExpand: "detailExpand", detailCollapse: "detailCollapse", edit: "edit", cancel: "cancel", save: "save", remove: "remove", add: "add", cellClose: "cellClose", cellClick: "cellClick", pdfExport: "pdfExport", excelExport: "excelExport", columnResize: "columnResize", columnReorder: "columnReorder", columnVisibilityChange: "columnVisibilityChange", columnLockedChange: "columnLockedChange", columnStickyChange: "columnStickyChange", scrollBottom: "scrollBottom", contentScroll: "contentScroll" }, host: { properties: { "attr.dir": "this.dir", "class.k-grid": "this.hostClass", "class.k-grid-sm": "this.sizeSmallClass", "class.k-grid-md": "this.sizeMediumClass", "class.k-grid-lockedcolumns": "this.lockedClasses", "class.k-grid-virtual": "this.virtualClasses", "class.k-grid-no-scrollbar": "this.noScrollbarClass", "class.k-grid-resizable": "this.isResizable", "style.minWidth": "this.minWidth", "style.maxWidth": "this.maxWidth", "style.minHeight": "this.minHeight", "style.maxHeight": "this.maxHeight" } }, providers: [
             BrowserSupportService,
             LocalizationService,
@@ -29812,7 +29870,8 @@ class GridComponent {
             RowspanService,
             AdaptiveGridService,
             ColumnMenuService,
-            MenuTabbingService
+            MenuTabbingService,
+            DataMappingService
         ], 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: "dialogContainer", first: true, predicate: ["dialogContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "adaptiveRenderer", first: true, predicate: AdaptiveRendererComponent, 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"
@@ -30464,7 +30523,7 @@ class GridComponent {
                     <tbody kendoGridTableBody
                         [isLoading]="loading"
                         [groups]="group"
-                        [data]="$any(view)"
+                        [rowsToRender]="rowsToRender"
                         [skip]="skip"
                         [columns]="$any(leafColumns)"
                         [totalColumnsCount]="leafColumns.length"
@@ -30473,7 +30532,6 @@ class GridComponent {
                         [filterable]="filterable"
                         [noRecordsTemplate]="noRecordsTemplate"
                         [detailTemplate]="detailTemplate"
-                        [showGroupFooters]="showGroupFooters"
                         [trackBy]="trackBy"
                         [rowClass]="rowClass"
                         kendoDraggable
@@ -30580,7 +30638,7 @@ class GridComponent {
         <kendo-grid-adaptive-renderer *ngIf="isAdaptiveModeEnabled"></kendo-grid-adaptive-renderer>
 
         <div kendoWatermarkOverlay *ngIf="showLicenseWatermark"></div>
-    `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoGridLocalizedMessages]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ToolbarComponent, selector: "kendo-grid-toolbar", inputs: ["position", "size", "navigable"] }, { kind: "component", type: GroupPanelComponent, selector: "kendo-grid-group-panel", inputs: ["text", "navigable", "groups"], outputs: ["change"] }, { kind: "directive", type: TableDirective, selector: "[kendoGridResizableTable]", inputs: ["locked", "virtualColumns"] }, { kind: "directive", type: GridTableDirective, selector: "[kendoGridTable]", inputs: ["size"] }, { kind: "component", type: ColGroupComponent, selector: "[kendoGridColGroup]", inputs: ["columns", "groups", "detailTemplate", "sort"] }, { kind: "component", type: HeaderComponent, selector: "[kendoGridHeader]", inputs: ["totalColumnLevels", "columns", "groups", "detailTemplate", "scrollable", "filterable", "sort", "filter", "sortable", "groupable", "lockedColumnsCount", "resizable", "reorderable", "columnMenu", "columnMenuTemplate", "totalColumnsCount", "totalColumns", "tabIndex", "size"] }, { kind: "directive", type: ResizableContainerDirective, selector: "[kendoGridResizableContainer]", inputs: ["lockedWidth", "kendoGridResizableContainer"] }, { kind: "component", type: ListComponent, selector: "kendo-grid-list", inputs: ["data", "groups", "total", "rowHeight", "stickyRowHeight", "detailRowHeight", "take", "skip", "columns", "detailTemplate", "noRecordsTemplate", "selectable", "groupable", "filterable", "rowClass", "rowSticky", "loading", "trackBy", "virtualColumns", "isVirtual", "cellLoadingTemplate", "loadingTemplate", "sort", "size"], outputs: ["contentScroll", "pageChange", "scrollBottom"] }, { kind: "directive", type: DragTargetContainerDirective, selector: "[kendoDragTargetContainer]", inputs: ["hint", "dragTargetFilter", "dragHandle", "dragDelay", "threshold", "dragTargetId", "dragData", "dragDisabled", "mode", "cursorStyle", "hintContext"], outputs: ["onDragReady", "onPress", "onDragStart", "onDrag", "onRelease", "onDragEnd"], exportAs: ["kendoDragTargetContainer"] }, { kind: "directive", type: DropTargetContainerDirective, selector: "[kendoDropTargetContainer]", inputs: ["dropTargetFilter", "dropDisabled"], outputs: ["onDragEnter", "onDragOver", "onDragLeave", "onDrop"], exportAs: ["kendoDropTargetContainer"] }, { kind: "directive", type: DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { kind: "directive", type: GridMarqueeDirective, selector: "[kendoGridSelectionMarquee]" }, { kind: "component", type: FooterComponent, selector: "[kendoGridFooter]", inputs: ["columns", "groups", "detailTemplate", "scrollable", "lockedColumnsCount", "logicalRowIndex", "totalColumns", "totalColumnsCount"] }, { kind: "component", type: TableBodyComponent, selector: "[kendoGridTableBody]", inputs: ["columns", "allColumns", "groups", "detailTemplate", "noRecordsTemplate", "data", "skip", "selectable", "filterable", "noRecordsText", "isLocked", "isLoading", "isVirtual", "cellLoadingTemplate", "skipGroupDecoration", "showGroupFooters", "lockedColumnsCount", "totalColumnsCount", "virtualColumns", "trackBy", "rowSticky", "totalColumns", "rowClass"] }, { kind: "component", type: LoadingComponent, selector: "[kendoGridLoading]", inputs: ["loadingTemplate"] }, { kind: "component", type: StatusBarComponent, selector: "kendo-grid-status-bar", inputs: ["statusBarTemplate"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }, { kind: "component", type: i51.CustomMessagesComponent, selector: "kendo-datapager-messages, kendo-pager-messages" }, { kind: "component", type: i51.PagerInfoComponent, selector: "kendo-datapager-info, kendo-pager-info" }, { kind: "component", type: i51.PagerInputComponent, selector: "kendo-datapager-input, kendo-pager-input", inputs: ["showPageText", "size"] }, { kind: "component", type: i51.PagerNextButtonsComponent, selector: "kendo-datapager-next-buttons, kendo-pager-next-buttons", inputs: ["size"] }, { kind: "component", type: i51.PagerNumericButtonsComponent, selector: "kendo-datapager-numeric-buttons, kendo-pager-numeric-buttons", inputs: ["buttonCount", "size"] }, { kind: "component", type: i51.PagerPageSizesComponent, selector: "kendo-datapager-page-sizes, kendo-pager-page-sizes", inputs: ["showItemsText", "pageSizes", "size", "adaptiveMode"] }, { kind: "component", type: i51.PagerPrevButtonsComponent, selector: "kendo-datapager-prev-buttons, kendo-pager-prev-buttons", inputs: ["size"] }, { kind: "directive", type: i51.PagerTemplateDirective, selector: "[kendoDataPagerTemplate], [kendoPagerTemplate]" }, { kind: "component", type: i51.PagerComponent, selector: "kendo-datapager, kendo-pager", inputs: ["externalTemplate", "total", "skip", "pageSize", "buttonCount", "info", "type", "pageSizeValues", "previousNext", "navigable", "size", "responsive", "adaptiveMode"], outputs: ["pageChange", "pageSizeChange", "pagerInputVisibilityChange", "pageTextVisibilityChange", "itemsTextVisibilityChange"], exportAs: ["kendoDataPager", "kendoPager"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: AdaptiveRendererComponent, selector: "kendo-grid-adaptive-renderer" }], encapsulation: i0.ViewEncapsulation.None });
+    `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoGridLocalizedMessages]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ToolbarComponent, selector: "kendo-grid-toolbar", inputs: ["position", "size", "navigable"] }, { kind: "component", type: GroupPanelComponent, selector: "kendo-grid-group-panel", inputs: ["text", "navigable", "groups"], outputs: ["change"] }, { kind: "directive", type: TableDirective, selector: "[kendoGridResizableTable]", inputs: ["locked", "virtualColumns"] }, { kind: "directive", type: GridTableDirective, selector: "[kendoGridTable]", inputs: ["size"] }, { kind: "component", type: ColGroupComponent, selector: "[kendoGridColGroup]", inputs: ["columns", "groups", "detailTemplate", "sort"] }, { kind: "component", type: HeaderComponent, selector: "[kendoGridHeader]", inputs: ["totalColumnLevels", "columns", "groups", "detailTemplate", "scrollable", "filterable", "sort", "filter", "sortable", "groupable", "lockedColumnsCount", "resizable", "reorderable", "columnMenu", "columnMenuTemplate", "totalColumnsCount", "totalColumns", "tabIndex", "size"] }, { kind: "directive", type: ResizableContainerDirective, selector: "[kendoGridResizableContainer]", inputs: ["lockedWidth", "kendoGridResizableContainer"] }, { kind: "component", type: ListComponent, selector: "kendo-grid-list", inputs: ["data", "groups", "total", "rowHeight", "detailRowHeight", "take", "skip", "columns", "detailTemplate", "noRecordsTemplate", "selectable", "groupable", "filterable", "rowClass", "rowSticky", "loading", "trackBy", "virtualColumns", "isVirtual", "cellLoadingTemplate", "loadingTemplate", "sort", "size"], outputs: ["contentScroll", "pageChange", "scrollBottom"] }, { kind: "directive", type: DragTargetContainerDirective, selector: "[kendoDragTargetContainer]", inputs: ["hint", "dragTargetFilter", "dragHandle", "dragDelay", "threshold", "dragTargetId", "dragData", "dragDisabled", "mode", "cursorStyle", "hintContext"], outputs: ["onDragReady", "onPress", "onDragStart", "onDrag", "onRelease", "onDragEnd"], exportAs: ["kendoDragTargetContainer"] }, { kind: "directive", type: DropTargetContainerDirective, selector: "[kendoDropTargetContainer]", inputs: ["dropTargetFilter", "dropDisabled"], outputs: ["onDragEnter", "onDragOver", "onDragLeave", "onDrop"], exportAs: ["kendoDropTargetContainer"] }, { kind: "directive", type: DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { kind: "directive", type: GridMarqueeDirective, selector: "[kendoGridSelectionMarquee]" }, { kind: "component", type: FooterComponent, selector: "[kendoGridFooter]", inputs: ["columns", "groups", "detailTemplate", "scrollable", "lockedColumnsCount", "logicalRowIndex", "totalColumns", "totalColumnsCount"] }, { kind: "component", type: TableBodyComponent, selector: "[kendoGridTableBody]", inputs: ["columns", "allColumns", "groups", "detailTemplate", "noRecordsTemplate", "rowsToRender", "skip", "selectable", "filterable", "noRecordsText", "isLocked", "isLoading", "isVirtual", "cellLoadingTemplate", "skipGroupDecoration", "lockedColumnsCount", "totalColumnsCount", "virtualColumns", "trackBy", "rowSticky", "totalColumns", "rowClass"] }, { kind: "component", type: LoadingComponent, selector: "[kendoGridLoading]", inputs: ["loadingTemplate"] }, { kind: "component", type: StatusBarComponent, selector: "kendo-grid-status-bar", inputs: ["statusBarTemplate"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay]" }, { kind: "component", type: i51.CustomMessagesComponent, selector: "kendo-datapager-messages, kendo-pager-messages" }, { kind: "component", type: i51.PagerInfoComponent, selector: "kendo-datapager-info, kendo-pager-info" }, { kind: "component", type: i51.PagerInputComponent, selector: "kendo-datapager-input, kendo-pager-input", inputs: ["showPageText", "size"] }, { kind: "component", type: i51.PagerNextButtonsComponent, selector: "kendo-datapager-next-buttons, kendo-pager-next-buttons", inputs: ["size"] }, { kind: "component", type: i51.PagerNumericButtonsComponent, selector: "kendo-datapager-numeric-buttons, kendo-pager-numeric-buttons", inputs: ["buttonCount", "size"] }, { kind: "component", type: i51.PagerPageSizesComponent, selector: "kendo-datapager-page-sizes, kendo-pager-page-sizes", inputs: ["showItemsText", "pageSizes", "size", "adaptiveMode"] }, { kind: "component", type: i51.PagerPrevButtonsComponent, selector: "kendo-datapager-prev-buttons, kendo-pager-prev-buttons", inputs: ["size"] }, { kind: "directive", type: i51.PagerTemplateDirective, selector: "[kendoDataPagerTemplate], [kendoPagerTemplate]" }, { kind: "component", type: i51.PagerComponent, selector: "kendo-datapager, kendo-pager", inputs: ["externalTemplate", "total", "skip", "pageSize", "buttonCount", "info", "type", "pageSizeValues", "previousNext", "navigable", "size", "responsive", "adaptiveMode"], outputs: ["pageChange", "pageSizeChange", "pagerInputVisibilityChange", "pageTextVisibilityChange", "itemsTextVisibilityChange"], exportAs: ["kendoDataPager", "kendoPager"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: AdaptiveRendererComponent, selector: "kendo-grid-adaptive-renderer" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridComponent, decorators: [{
             type: Component,
@@ -30636,7 +30694,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         RowspanService,
                         AdaptiveGridService,
                         ColumnMenuService,
-                        MenuTabbingService
+                        MenuTabbingService,
+                        DataMappingService
                     ],
                     selector: 'kendo-grid',
                     template: `
@@ -31290,7 +31349,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     <tbody kendoGridTableBody
                         [isLoading]="loading"
                         [groups]="group"
-                        [data]="$any(view)"
+                        [rowsToRender]="rowsToRender"
                         [skip]="skip"
                         [columns]="$any(leafColumns)"
                         [totalColumnsCount]="leafColumns.length"
@@ -31299,7 +31358,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         [filterable]="filterable"
                         [noRecordsTemplate]="noRecordsTemplate"
                         [detailTemplate]="detailTemplate"
-                        [showGroupFooters]="showGroupFooters"
                         [trackBy]="trackBy"
                         [rowClass]="rowClass"
                         kendoDraggable
@@ -31416,7 +31474,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         IconWrapperComponent, WatermarkOverlayComponent, ...KENDO_PAGER, NgTemplateOutlet, AdaptiveRendererComponent
                     ]
                 }]
-        }], ctorParameters: function () { return [{ type: BrowserSupportService }, { type: SelectionService }, { type: CellSelectionService }, { type: i0.ElementRef }, { type: GroupInfoService }, { type: GroupsService }, { type: ChangeNotificationService }, { type: DetailsService }, { type: EditService }, { type: FilterService }, { type: PDFService }, { type: ResponsiveService }, { type: i0.Renderer2 }, { type: ExcelService }, { type: i0.NgZone }, { type: ScrollSyncService }, { type: DomEventsService }, { type: ColumnResizingService }, { type: i0.ChangeDetectorRef }, { type: ColumnReorderService }, { type: ColumnInfoService }, { type: NavigationService }, { type: SortService }, { type: ScrollRequestService }, { type: i1$2.LocalizationService }, { type: ContextService }, { type: SizingOptionsService }, { type: i2$1.AdaptiveService }, { type: AdaptiveGridService }, { type: RowReorderService }]; }, propDecorators: { data: [{
+        }], ctorParameters: function () { return [{ type: BrowserSupportService }, { type: SelectionService }, { type: CellSelectionService }, { type: i0.ElementRef }, { type: GroupInfoService }, { type: GroupsService }, { type: ChangeNotificationService }, { type: DetailsService }, { type: EditService }, { type: FilterService }, { type: PDFService }, { type: ResponsiveService }, { type: i0.Renderer2 }, { type: ExcelService }, { type: i0.NgZone }, { type: ScrollSyncService }, { type: DomEventsService }, { type: ColumnResizingService }, { type: i0.ChangeDetectorRef }, { type: ColumnReorderService }, { type: ColumnInfoService }, { type: NavigationService }, { type: SortService }, { type: ScrollRequestService }, { type: i1$2.LocalizationService }, { type: ContextService }, { type: SizingOptionsService }, { type: AdaptiveGridService }, { type: RowReorderService }, { type: DataMappingService }]; }, propDecorators: { data: [{
                 type: Input
             }], pageSize: [{
                 type: Input
@@ -31841,6 +31899,12 @@ class DataBindingDirective {
         }
     }
     process(state) {
+        if (this.grid.isVirtual && (!isPresent(state.take) || state.take === 0)) {
+            return {
+                data: [],
+                total: this.originalData?.length || 0
+            };
+        }
         return process(this.originalData, state);
     }
     applyState({ skip, take, sort, group, filter }) {