@progress/kendo-angular-grid 15.3.0-develop.2 → 15.3.0-develop.4

package/esm2020/grid.component.mjs

@@ -1415,7 +1415,13 @@ export class GridComponent {
      * Scrolls to the specified row and column ([see example]({% slug scrollmmodes_grid %}#toc-scrolling-to-a-specific-row-and-column-index)).
      */
     scrollTo(request) {
-        this.scrollRequestService.scrollTo(request);
+        this.scrollRequestService.scrollTo(request, false);
+    }
+    /**
+     * Scrolls to the specified data item and column ([see example]({% slug scrollmmodes_grid %}#toc-scrolling-to-a-specific-row-and-column-index)).
+     */
+    scrollToItem(request) {
+        this.scrollRequestService.scrollToItem(request);
     }
     /**
      * Changes the position of the specified column.

package/esm2020/navigation/navigation.service.mjs

@@ -152,8 +152,7 @@ export class NavigationService {
             this.zone.onStable.pipe(take(1), map(() => args), ...operators);
         const onStable = onStableSubscriber();
         this.subs = new Subscription();
-        this.subs.add(this.cursor.changes
-            .subscribe(args => this.onCursorChanges(args)));
+        this.subs.add(this.cursor.changes.subscribe(args => this.onCursorChanges(args)));
         this.subs.add(this.domEvents.focus.pipe(switchMap(onStable))
             .subscribe((args) => this.navigateTo(args.target)));
         this.subs.add(this.domEvents.focusOut.pipe(filter(() => this.mode !== 0 /* Standby */), switchMap(onStableSubscriber(takeUntil(this.domEvents.focus))))

package/esm2020/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-grid',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1710359369,
-    version: '15.3.0-develop.2',
+    publishDate: 1710412821,
+    version: '15.3.0-develop.4',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/esm2020/rendering/list.component.mjs

@@ -10,7 +10,7 @@ import { ScrollerService, PageAction, ScrollAction, ScrollBottomAction } from '.
 import { ScrollRequestService } from '../scrolling/scroll-request.service';
 import { ColumnBase } from '../columns/column-base';
 import { DetailTemplateDirective } from './details/detail-template.directive';
-import { isChanged, isPresent, isUniversal, anyChanged, isNumber, requestAnimationFrame, cancelAnimationFrame } from '../utils';
+import { isChanged, isPresent, isUniversal, anyChanged, isNumber, requestAnimationFrame, cancelAnimationFrame, recursiveFlatMap } from '../utils';
 import { DetailsService } from './details/details.service';
 import { ColumnsContainer } from '../columns/columns-container';
 import { ChangeNotificationService } from '../data/change-notification.service';
@@ -65,7 +65,7 @@ const elementAt = (index, elements, elementOffset) => {
         elementIdx += offset;
     }
 };
-const rowAt = (index, rows) => elementAt(index, rows, row => row.hasAttribute('data-kendo-grid-item-index') ? 1 : 0);
+const rowAt = (index, rows) => elementAt(index, rows, () => 1);
 const cellAt = (index, cells) => elementAt(index, cells, cell => !hasClasses(cell, NON_DATA_CELL_CLASSES) ? parseInt(cell.getAttribute('colSpan'), 10) || 1 : 0);
 const EMPTY_OBJECT = {};
 /**
@@ -142,7 +142,7 @@ export class ListComponent {
         this.rtl = false;
         this.scroller = scrollerFactory(this.dispatcher);
         this.subscriptions = detailsService.changes.subscribe(x => this.detailExpand(x));
-        this.subscriptions.add(scrollRequestService.requests.subscribe(x => this.scrollTo(x)));
+        this.subscriptions.add(scrollRequestService.requests.subscribe(req => isPresent(req.adjustIndex) ? this.scrollTo(req.request, req.adjustIndex) : this.scrollToItem(req.request)));
     }
     get showFooter() {
         return this.groupable && this.groupable.showFooter;
@@ -385,21 +385,21 @@ export class ListComponent {
             }
         });
     }
-    scrollToVirtualRow(itemIndex) {
+    scrollToVirtualRow(itemIndex, adjustIndexForDetailTemplate = true) {
         if (!isDocumentAvailable()) {
             return;
         }
-        if (isPresent(this.detailTemplate)) {
+        if (isPresent(this.detailTemplate) && adjustIndexForDetailTemplate) {
             itemIndex = Math.floor(itemIndex / 2);
         }
-        const offset = this.rowHeightService.offset(itemIndex);
+        const offset = this.rowHeightService.offset(itemIndex, !adjustIndexForDetailTemplate);
         this.container.nativeElement.scrollTop = offset;
         this.resetNavigationViewport();
     }
-    scrollTo({ row, column }) {
+    scrollTo({ row, column }, adjustIndex = false) {
         if (isNumber(row)) {
             if (this.isVirtual) {
-                this.scrollToVirtualRow(row);
+                this.scrollToVirtualRow(row, adjustIndex);
             }
             else {
                 const element = rowAt(row, this.table.nativeElement.rows);
@@ -433,6 +433,23 @@ export class ListComponent {
             }
         }
     }
+    scrollToItem(item) {
+        if (!isDocumentAvailable()) {
+            return;
+        }
+        const data = this.ctx.grid.data;
+        const gridData = Array.isArray(data) ? data : data.data;
+        const gridDataItems = gridData.flatMap(recursiveFlatMap);
+        const dataItemIndex = gridDataItems.findIndex(dataItem => dataItem[item.idField] === item.id);
+        if (dataItemIndex !== -1) {
+            const row = Array.from(this.table.nativeElement.rows).find((r) => {
+                const dataAttribute = r.getAttribute('data-kendo-grid-item-index');
+                return dataAttribute && +dataAttribute === this.ctx.grid.skip + dataItemIndex;
+            });
+            row && row.scrollIntoView();
+            this.isVirtual && this.resetNavigationViewport();
+        }
+    }
     resetNavigationViewport() {
         if (!isDocumentAvailable) {
             return;

package/esm2020/scrolling/row-height.service.mjs

@@ -60,7 +60,26 @@ export class RowHeightService {
         }, undefined);
         return result === undefined ? this.total - 1 : result;
     }
-    offset(rowIndex) {
+    offset(rowIndex, adjustIndex = false) {
+        if (adjustIndex) {
+            let targetOffset = 0;
+            let targetIndex = 0;
+            for (let i = 0; i < rowIndex; i++) {
+                targetOffset += this.rowHeight;
+                targetIndex++;
+                if (targetIndex === rowIndex) {
+                    return targetOffset;
+                }
+                if (this.isExpanded(i)) {
+                    targetOffset += this.detailRowHeight;
+                    targetIndex++;
+                    if (targetIndex === rowIndex) {
+                        return targetOffset;
+                    }
+                }
+            }
+            return targetOffset;
+        }
         return this.offsets[rowIndex];
     }
     totalHeight() {

package/esm2020/scrolling/scroll-request.service.mjs

@@ -12,8 +12,11 @@ export class ScrollRequestService {
     constructor() {
         this.requests = new Subject();
     }
-    scrollTo(request) {
-        this.requests.next(request);
+    scrollTo(request, adjustIndex = true) {
+        this.requests.next({ request, adjustIndex });
+    }
+    scrollToItem(request) {
+        this.requests.next({ request });
     }
 }
 ScrollRequestService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ScrollRequestService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });

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

@@ -2526,8 +2526,11 @@ class ScrollRequestService {
     constructor() {
         this.requests = new Subject();
     }
-    scrollTo(request) {
-        this.requests.next(request);
+    scrollTo(request, adjustIndex = true) {
+        this.requests.next({ request, adjustIndex });
+    }
+    scrollToItem(request) {
+        this.requests.next({ request });
     }
 }
 ScrollRequestService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ScrollRequestService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
@@ -3238,8 +3241,7 @@ class NavigationService {
             this.zone.onStable.pipe(take(1), map(() => args), ...operators);
         const onStable = onStableSubscriber();
         this.subs = new Subscription();
-        this.subs.add(this.cursor.changes
-            .subscribe(args => this.onCursorChanges(args)));
+        this.subs.add(this.cursor.changes.subscribe(args => this.onCursorChanges(args)));
         this.subs.add(this.domEvents.focus.pipe(switchMap(onStable))
             .subscribe((args) => this.navigateTo(args.target)));
         this.subs.add(this.domEvents.focusOut.pipe(filter(() => this.mode !== 0 /* Standby */), switchMap(onStableSubscriber(takeUntil(this.domEvents.focus))))
@@ -4564,8 +4566,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-grid',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1710359369,
-    version: '15.3.0-develop.2',
+    publishDate: 1710412821,
+    version: '15.3.0-develop.4',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -16791,7 +16793,26 @@ class RowHeightService {
         }, undefined);
         return result === undefined ? this.total - 1 : result;
     }
-    offset(rowIndex) {
+    offset(rowIndex, adjustIndex = false) {
+        if (adjustIndex) {
+            let targetOffset = 0;
+            let targetIndex = 0;
+            for (let i = 0; i < rowIndex; i++) {
+                targetOffset += this.rowHeight;
+                targetIndex++;
+                if (targetIndex === rowIndex) {
+                    return targetOffset;
+                }
+                if (this.isExpanded(i)) {
+                    targetOffset += this.detailRowHeight;
+                    targetIndex++;
+                    if (targetIndex === rowIndex) {
+                        return targetOffset;
+                    }
+                }
+            }
+            return targetOffset;
+        }
         return this.offsets[rowIndex];
     }
     totalHeight() {
@@ -18791,7 +18812,7 @@ const elementAt = (index, elements, elementOffset) => {
         elementIdx += offset;
     }
 };
-const rowAt = (index, rows) => elementAt(index, rows, row => row.hasAttribute('data-kendo-grid-item-index') ? 1 : 0);
+const rowAt = (index, rows) => elementAt(index, rows, () => 1);
 const cellAt = (index, cells) => elementAt(index, cells, cell => !hasClasses(cell, NON_DATA_CELL_CLASSES) ? parseInt(cell.getAttribute('colSpan'), 10) || 1 : 0);
 const EMPTY_OBJECT = {};
 /**
@@ -18868,7 +18889,7 @@ class ListComponent {
         this.rtl = false;
         this.scroller = scrollerFactory(this.dispatcher);
         this.subscriptions = detailsService.changes.subscribe(x => this.detailExpand(x));
-        this.subscriptions.add(scrollRequestService.requests.subscribe(x => this.scrollTo(x)));
+        this.subscriptions.add(scrollRequestService.requests.subscribe(req => isPresent(req.adjustIndex) ? this.scrollTo(req.request, req.adjustIndex) : this.scrollToItem(req.request)));
     }
     get showFooter() {
         return this.groupable && this.groupable.showFooter;
@@ -19111,21 +19132,21 @@ class ListComponent {
             }
         });
     }
-    scrollToVirtualRow(itemIndex) {
+    scrollToVirtualRow(itemIndex, adjustIndexForDetailTemplate = true) {
         if (!isDocumentAvailable()) {
             return;
         }
-        if (isPresent(this.detailTemplate)) {
+        if (isPresent(this.detailTemplate) && adjustIndexForDetailTemplate) {
             itemIndex = Math.floor(itemIndex / 2);
         }
-        const offset = this.rowHeightService.offset(itemIndex);
+        const offset = this.rowHeightService.offset(itemIndex, !adjustIndexForDetailTemplate);
         this.container.nativeElement.scrollTop = offset;
         this.resetNavigationViewport();
     }
-    scrollTo({ row, column }) {
+    scrollTo({ row, column }, adjustIndex = false) {
         if (isNumber(row)) {
             if (this.isVirtual) {
-                this.scrollToVirtualRow(row);
+                this.scrollToVirtualRow(row, adjustIndex);
             }
             else {
                 const element = rowAt(row, this.table.nativeElement.rows);
@@ -19159,6 +19180,23 @@ class ListComponent {
             }
         }
     }
+    scrollToItem(item) {
+        if (!isDocumentAvailable()) {
+            return;
+        }
+        const data = this.ctx.grid.data;
+        const gridData = Array.isArray(data) ? data : data.data;
+        const gridDataItems = gridData.flatMap(recursiveFlatMap);
+        const dataItemIndex = gridDataItems.findIndex(dataItem => dataItem[item.idField] === item.id);
+        if (dataItemIndex !== -1) {
+            const row = Array.from(this.table.nativeElement.rows).find((r) => {
+                const dataAttribute = r.getAttribute('data-kendo-grid-item-index');
+                return dataAttribute && +dataAttribute === this.ctx.grid.skip + dataItemIndex;
+            });
+            row && row.scrollIntoView();
+            this.isVirtual && this.resetNavigationViewport();
+        }
+    }
     resetNavigationViewport() {
         if (!isDocumentAvailable) {
             return;
@@ -21380,7 +21418,13 @@ class GridComponent {
      * Scrolls to the specified row and column ([see example]({% slug scrollmmodes_grid %}#toc-scrolling-to-a-specific-row-and-column-index)).
      */
     scrollTo(request) {
-        this.scrollRequestService.scrollTo(request);
+        this.scrollRequestService.scrollTo(request, false);
+    }
+    /**
+     * Scrolls to the specified data item and column ([see example]({% slug scrollmmodes_grid %}#toc-scrolling-to-a-specific-row-and-column-index)).
+     */
+    scrollToItem(request) {
+        this.scrollRequestService.scrollToItem(request);
     }
     /**
      * Changes the position of the specified column.

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

@@ -1520,8 +1520,11 @@ class ScrollRequestService {
     constructor() {
         this.requests = new Subject();
     }
-    scrollTo(request) {
-        this.requests.next(request);
+    scrollTo(request, adjustIndex = true) {
+        this.requests.next({ request, adjustIndex });
+    }
+    scrollToItem(request) {
+        this.requests.next({ request });
     }
 }
 ScrollRequestService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ScrollRequestService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
@@ -1653,8 +1656,7 @@ class NavigationService {
             this.zone.onStable.pipe(take(1), map(() => args), ...operators);
         const onStable = onStableSubscriber();
         this.subs = new Subscription();
-        this.subs.add(this.cursor.changes
-            .subscribe(args => this.onCursorChanges(args)));
+        this.subs.add(this.cursor.changes.subscribe(args => this.onCursorChanges(args)));
         this.subs.add(this.domEvents.focus.pipe(switchMap(onStable))
             .subscribe((args) => this.navigateTo(args.target)));
         this.subs.add(this.domEvents.focusOut.pipe(filter(() => this.mode !== 0 /* Standby */), switchMap(onStableSubscriber(takeUntil(this.domEvents.focus))))
@@ -4532,8 +4534,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-grid',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1710359369,
-    version: '15.3.0-develop.2',
+    publishDate: 1710412821,
+    version: '15.3.0-develop.4',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -16711,7 +16713,26 @@ class RowHeightService {
         }, undefined);
         return result === undefined ? this.total - 1 : result;
     }
-    offset(rowIndex) {
+    offset(rowIndex, adjustIndex = false) {
+        if (adjustIndex) {
+            let targetOffset = 0;
+            let targetIndex = 0;
+            for (let i = 0; i < rowIndex; i++) {
+                targetOffset += this.rowHeight;
+                targetIndex++;
+                if (targetIndex === rowIndex) {
+                    return targetOffset;
+                }
+                if (this.isExpanded(i)) {
+                    targetOffset += this.detailRowHeight;
+                    targetIndex++;
+                    if (targetIndex === rowIndex) {
+                        return targetOffset;
+                    }
+                }
+            }
+            return targetOffset;
+        }
         return this.offsets[rowIndex];
     }
     totalHeight() {
@@ -18707,7 +18728,7 @@ const elementAt = (index, elements, elementOffset) => {
         elementIdx += offset;
     }
 };
-const rowAt = (index, rows) => elementAt(index, rows, row => row.hasAttribute('data-kendo-grid-item-index') ? 1 : 0);
+const rowAt = (index, rows) => elementAt(index, rows, () => 1);
 const cellAt = (index, cells) => elementAt(index, cells, cell => !hasClasses(cell, NON_DATA_CELL_CLASSES) ? parseInt(cell.getAttribute('colSpan'), 10) || 1 : 0);
 const EMPTY_OBJECT = {};
 /**
@@ -18784,7 +18805,7 @@ class ListComponent {
         this.rtl = false;
         this.scroller = scrollerFactory(this.dispatcher);
         this.subscriptions = detailsService.changes.subscribe(x => this.detailExpand(x));
-        this.subscriptions.add(scrollRequestService.requests.subscribe(x => this.scrollTo(x)));
+        this.subscriptions.add(scrollRequestService.requests.subscribe(req => isPresent(req.adjustIndex) ? this.scrollTo(req.request, req.adjustIndex) : this.scrollToItem(req.request)));
     }
     get showFooter() {
         return this.groupable && this.groupable.showFooter;
@@ -19027,21 +19048,21 @@ class ListComponent {
             }
         });
     }
-    scrollToVirtualRow(itemIndex) {
+    scrollToVirtualRow(itemIndex, adjustIndexForDetailTemplate = true) {
         if (!isDocumentAvailable()) {
             return;
         }
-        if (isPresent(this.detailTemplate)) {
+        if (isPresent(this.detailTemplate) && adjustIndexForDetailTemplate) {
             itemIndex = Math.floor(itemIndex / 2);
         }
-        const offset = this.rowHeightService.offset(itemIndex);
+        const offset = this.rowHeightService.offset(itemIndex, !adjustIndexForDetailTemplate);
         this.container.nativeElement.scrollTop = offset;
         this.resetNavigationViewport();
     }
-    scrollTo({ row, column }) {
+    scrollTo({ row, column }, adjustIndex = false) {
         if (isNumber(row)) {
             if (this.isVirtual) {
-                this.scrollToVirtualRow(row);
+                this.scrollToVirtualRow(row, adjustIndex);
             }
             else {
                 const element = rowAt(row, this.table.nativeElement.rows);
@@ -19075,6 +19096,23 @@ class ListComponent {
             }
         }
     }
+    scrollToItem(item) {
+        if (!isDocumentAvailable()) {
+            return;
+        }
+        const data = this.ctx.grid.data;
+        const gridData = Array.isArray(data) ? data : data.data;
+        const gridDataItems = gridData.flatMap(recursiveFlatMap);
+        const dataItemIndex = gridDataItems.findIndex(dataItem => dataItem[item.idField] === item.id);
+        if (dataItemIndex !== -1) {
+            const row = Array.from(this.table.nativeElement.rows).find((r) => {
+                const dataAttribute = r.getAttribute('data-kendo-grid-item-index');
+                return dataAttribute && +dataAttribute === this.ctx.grid.skip + dataItemIndex;
+            });
+            row && row.scrollIntoView();
+            this.isVirtual && this.resetNavigationViewport();
+        }
+    }
     resetNavigationViewport() {
         if (!isDocumentAvailable) {
             return;
@@ -21292,7 +21330,13 @@ class GridComponent {
      * Scrolls to the specified row and column ([see example]({% slug scrollmmodes_grid %}#toc-scrolling-to-a-specific-row-and-column-index)).
      */
     scrollTo(request) {
-        this.scrollRequestService.scrollTo(request);
+        this.scrollRequestService.scrollTo(request, false);
+    }
+    /**
+     * Scrolls to the specified data item and column ([see example]({% slug scrollmmodes_grid %}#toc-scrolling-to-a-specific-row-and-column-index)).
+     */
+    scrollToItem(request) {
+        this.scrollRequestService.scrollToItem(request);
     }
     /**
      * Changes the position of the specified column.

package/grid.component.d.ts

@@ -57,7 +57,7 @@ import { NavigationService } from './navigation/navigation.service';
 import { NavigationCell } from './navigation/navigation-cell.interface';
 import { NavigationRow } from './navigation/navigation-row.interface';
 import { ColumnInfoService } from "./common/column-info.service";
-import { ScrollRequestService, ScrollRequest } from './scrolling/scroll-request.service';
+import { ScrollRequestService, ScrollRequest, ScrollToItemRequest } from './scrolling/scroll-request.service';
 import { SortService } from './common/sort.service';
 import { ColumnMenuTemplateDirective } from './column-menu/column-menu-template.directive';
 import { ColumnMenuSettings } from './column-menu/column-menu-settings.interface';
@@ -845,6 +845,10 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
      * Scrolls to the specified row and column ([see example]({% slug scrollmmodes_grid %}#toc-scrolling-to-a-specific-row-and-column-index)).
      */
     scrollTo(request: ScrollRequest): void;
+    /**
+     * Scrolls to the specified data item and column ([see example]({% slug scrollmmodes_grid %}#toc-scrolling-to-a-specific-row-and-column-index)).
+     */
+    scrollToItem(request: ScrollToItemRequest): void;
     /**
      * Changes the position of the specified column.
      * The reordering of columns operates only on the level

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-grid",
-  "version": "15.3.0-develop.2",
+  "version": "15.3.0-develop.4",
   "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",
@@ -33,26 +33,26 @@
     "@progress/kendo-data-query": "^1.0.0",
     "@progress/kendo-drawing": "^1.19.0",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-buttons": "15.3.0-develop.2",
-    "@progress/kendo-angular-common": "15.3.0-develop.2",
-    "@progress/kendo-angular-dateinputs": "15.3.0-develop.2",
-    "@progress/kendo-angular-layout": "15.3.0-develop.2",
-    "@progress/kendo-angular-dropdowns": "15.3.0-develop.2",
-    "@progress/kendo-angular-excel-export": "15.3.0-develop.2",
-    "@progress/kendo-angular-icons": "15.3.0-develop.2",
-    "@progress/kendo-angular-inputs": "15.3.0-develop.2",
-    "@progress/kendo-angular-intl": "15.3.0-develop.2",
-    "@progress/kendo-angular-l10n": "15.3.0-develop.2",
-    "@progress/kendo-angular-label": "15.3.0-develop.2",
-    "@progress/kendo-angular-pdf-export": "15.3.0-develop.2",
-    "@progress/kendo-angular-popup": "15.3.0-develop.2",
-    "@progress/kendo-angular-utils": "15.3.0-develop.2",
+    "@progress/kendo-angular-buttons": "15.3.0-develop.4",
+    "@progress/kendo-angular-common": "15.3.0-develop.4",
+    "@progress/kendo-angular-dateinputs": "15.3.0-develop.4",
+    "@progress/kendo-angular-layout": "15.3.0-develop.4",
+    "@progress/kendo-angular-dropdowns": "15.3.0-develop.4",
+    "@progress/kendo-angular-excel-export": "15.3.0-develop.4",
+    "@progress/kendo-angular-icons": "15.3.0-develop.4",
+    "@progress/kendo-angular-inputs": "15.3.0-develop.4",
+    "@progress/kendo-angular-intl": "15.3.0-develop.4",
+    "@progress/kendo-angular-l10n": "15.3.0-develop.4",
+    "@progress/kendo-angular-label": "15.3.0-develop.4",
+    "@progress/kendo-angular-pdf-export": "15.3.0-develop.4",
+    "@progress/kendo-angular-popup": "15.3.0-develop.4",
+    "@progress/kendo-angular-utils": "15.3.0-develop.4",
     "rxjs": "^6.5.3 || ^7.0.0",
-    "@progress/kendo-angular-spreadsheet": "15.3.0-develop.2"
+    "@progress/kendo-angular-spreadsheet": "15.3.0-develop.4"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "15.3.0-develop.2",
+    "@progress/kendo-angular-schematics": "15.3.0-develop.4",
     "@progress/kendo-common": "^0.2.0",
     "@progress/kendo-file-saver": "^1.0.0"
   },

package/rendering/list.component.d.ts

@@ -143,6 +143,7 @@ export declare class ListComponent implements OnInit, OnDestroy, AfterViewInit,
     private handleRowNavigationLocked;
     private scrollToVirtualRow;
     private scrollTo;
+    private scrollToItem;
     private resetNavigationViewport;
     private cleanupScroller;
     private initResizeService;

package/schematics/ngAdd/index.js

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

package/scrolling/row-height.service.d.ts

@@ -17,7 +17,7 @@ export declare class RowHeightService {
     collapseDetail(rowIndex: number): void;
     isExpanded(rowIndex: number): boolean;
     index(position: number): number;
-    offset(rowIndex: number): number;
+    offset(rowIndex: number, adjustIndex?: boolean): number;
     totalHeight(): number;
     private updateRowHeight;
 }

package/scrolling/scroll-request.service.d.ts

@@ -18,12 +18,30 @@ export interface ScrollRequest {
      */
     column?: number;
 }
+/**
+ * Arguments for the `scrollToItem` method. Specifies to which data item and column should the Grid scroll to.
+ * [See example](slug:scrollmmodes_grid#toc-scrolling-to-a-specific-row-and-column-index).
+ */
+export interface ScrollToItemRequest {
+    /**
+     * The property of the Grid data items that represents the unique ID of the item.
+     */
+    idField: string;
+    /**
+     * The value of the data item unique identifier.
+     */
+    id: any;
+}
 /**
  * @hidden
  */
 export declare class ScrollRequestService {
-    requests: Subject<ScrollRequest>;
-    scrollTo(request: ScrollRequest): void;
+    requests: Subject<{
+        request: ScrollRequest | ScrollToItemRequest;
+        adjustIndex?: boolean;
+    }>;
+    scrollTo(request: ScrollRequest, adjustIndex?: boolean): void;
+    scrollToItem(request: ScrollToItemRequest): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScrollRequestService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ScrollRequestService>;
 }