@progress/kendo-angular-grid 24.0.0-develop.3 → 24.0.0-develop.31

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-grid",
-  "version": "24.0.0-develop.3",
+  "version": "24.0.0-develop.31",
   "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",
@@ -94,7 +94,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1776940594,
+      "publishDate": 1778841783,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -105,34 +105,34 @@
     "@angular/forms": "19 - 21",
     "@angular/platform-browser": "19 - 21",
     "@progress/kendo-data-query": "^1.7.3",
-    "@progress/kendo-drawing": "^1.24.1",
+    "@progress/kendo-drawing": "^1.25.0",
     "@progress/kendo-licensing": "^1.11.0",
-    "@progress/kendo-angular-buttons": "24.0.0-develop.3",
-    "@progress/kendo-angular-common": "24.0.0-develop.3",
-    "@progress/kendo-angular-dateinputs": "24.0.0-develop.3",
-    "@progress/kendo-angular-layout": "24.0.0-develop.3",
-    "@progress/kendo-angular-navigation": "24.0.0-develop.3",
-    "@progress/kendo-angular-dropdowns": "24.0.0-develop.3",
-    "@progress/kendo-angular-excel-export": "24.0.0-develop.3",
-    "@progress/kendo-angular-icons": "24.0.0-develop.3",
-    "@progress/kendo-angular-indicators": "24.0.0-develop.3",
-    "@progress/kendo-angular-inputs": "24.0.0-develop.3",
-    "@progress/kendo-angular-conversational-ui": "24.0.0-develop.3",
-    "@progress/kendo-angular-intl": "24.0.0-develop.3",
-    "@progress/kendo-angular-l10n": "24.0.0-develop.3",
-    "@progress/kendo-angular-label": "24.0.0-develop.3",
-    "@progress/kendo-angular-menu": "24.0.0-develop.3",
-    "@progress/kendo-angular-pager": "24.0.0-develop.3",
-    "@progress/kendo-angular-pdf-export": "24.0.0-develop.3",
-    "@progress/kendo-angular-popup": "24.0.0-develop.3",
-    "@progress/kendo-angular-toolbar": "24.0.0-develop.3",
-    "@progress/kendo-angular-upload": "24.0.0-develop.3",
-    "@progress/kendo-angular-utils": "24.0.0-develop.3",
+    "@progress/kendo-angular-buttons": "24.0.0-develop.31",
+    "@progress/kendo-angular-common": "24.0.0-develop.31",
+    "@progress/kendo-angular-dateinputs": "24.0.0-develop.31",
+    "@progress/kendo-angular-layout": "24.0.0-develop.31",
+    "@progress/kendo-angular-navigation": "24.0.0-develop.31",
+    "@progress/kendo-angular-dropdowns": "24.0.0-develop.31",
+    "@progress/kendo-angular-excel-export": "24.0.0-develop.31",
+    "@progress/kendo-angular-icons": "24.0.0-develop.31",
+    "@progress/kendo-angular-indicators": "24.0.0-develop.31",
+    "@progress/kendo-angular-inputs": "24.0.0-develop.31",
+    "@progress/kendo-angular-conversational-ui": "24.0.0-develop.31",
+    "@progress/kendo-angular-intl": "24.0.0-develop.31",
+    "@progress/kendo-angular-l10n": "24.0.0-develop.31",
+    "@progress/kendo-angular-label": "24.0.0-develop.31",
+    "@progress/kendo-angular-menu": "24.0.0-develop.31",
+    "@progress/kendo-angular-pager": "24.0.0-develop.31",
+    "@progress/kendo-angular-pdf-export": "24.0.0-develop.31",
+    "@progress/kendo-angular-popup": "24.0.0-develop.31",
+    "@progress/kendo-angular-toolbar": "24.0.0-develop.31",
+    "@progress/kendo-angular-upload": "24.0.0-develop.31",
+    "@progress/kendo-angular-utils": "24.0.0-develop.31",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "24.0.0-develop.3",
+    "@progress/kendo-angular-schematics": "24.0.0-develop.31",
     "@progress/kendo-common": "^1.0.1",
     "@progress/kendo-file-saver": "^1.0.0",
     "@progress/kendo-csv": "^1.0.0"

package/rendering/cell.component.d.ts

@@ -2,7 +2,7 @@
 * Copyright © 2026 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { DoCheck, TemplateRef } from '@angular/core';
+import { DoCheck, OnInit, OnDestroy, TemplateRef, ElementRef, NgZone, Renderer2 } from '@angular/core';
 import { EditService } from '../editing/edit.service';
 import { CommandColumnComponent } from '../columns/command-column.component';
 import { ColumnComponent } from '../columns/column.component';
@@ -14,20 +14,32 @@ import { ContextService } from '../common/provider.service';
 import { DetailTemplateDirective } from './details/detail-template.directive';
 import { DetailsService } from './details/details.service';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { ContextMenuSelectEvent } from '@progress/kendo-angular-menu';
+import { RowPinService } from '../row-pinning/row-pin.service';
+import { ScrollSyncService } from '../scrolling/scroll-sync.service';
 import * as i0 from "@angular/core";
 /**
  * @hidden
  */
-export declare class CellComponent implements DoCheck {
+export declare class CellComponent implements DoCheck, OnInit, OnDestroy {
     private editService;
     private idService;
     private ctx;
     private detailsService;
     private localization;
+    private elementRef;
+    private ngZone;
+    private renderer;
+    private rowPinService;
     private cellContext;
+    private inPinContainer;
+    private scrollSyncService;
     get commandCellClass(): boolean;
     get dragHandleCellClass(): boolean;
     get dragRowHandleLabel(): string;
+    get rowPinLabel(): string;
+    private pinContextMenu;
+    private pinContextMenuTarget;
     column: any;
     columns: Array<any>;
     columnIndex: number;
@@ -41,8 +53,13 @@ export declare class CellComponent implements DoCheck {
     get rowIndex(): number;
     dataItem: any;
     reorderIcon: SVGIcon;
+    pinIcon: SVGIcon;
+    unpinIcon: SVGIcon;
     minusIcon: SVGIcon;
     plusIcon: SVGIcon;
+    onPinIconClick: () => void;
+    get pinMenuItems(): any[];
+    onContextMenuSelect(ev: ContextMenuSelectEvent): void;
     detailButtonIconName(viewItem: any): string;
     detailButtonSvgIcon(viewItem: any): SVGIcon;
     detailButtonText(viewItem: any): string;
@@ -55,7 +72,7 @@ export declare class CellComponent implements DoCheck {
     getTemplateContext(column?: any): any;
     get isStackedLayoutMode(): boolean;
     getEditTemplateContext(column?: any): any;
-    get rowReorderTemplateContext(): any;
+    get rowTemplateContext(): any;
     get format(): any;
     isBoundColumn(column?: any): boolean;
     isCheckboxColumn(column?: any): boolean;
@@ -64,17 +81,27 @@ export declare class CellComponent implements DoCheck {
     get isSpanColumn(): boolean;
     get children(): ColumnComponent[];
     isRowReorderColumn(column?: any): boolean;
+    isRowPinColumn(column?: any): boolean;
+    get isRowPinnedTop(): boolean;
+    get isRowPinnedBottom(): boolean;
+    get isRowPinnable(): boolean;
     isRowSelectable(column?: any): boolean;
     private _rowIndex;
     private isColumnEditable;
     private _templateContext;
     private _editTemplateContext;
-    private _rowReorderTemplateContext;
-    constructor(editService: EditService, idService: IdService, ctx: ContextService, detailsService: DetailsService, localization: LocalizationService, cellContext: CellContext);
+    private _rowTemplateContext;
+    private keyDownSub;
+    private scrollCloseSub;
+    constructor(editService: EditService, idService: IdService, ctx: ContextService, detailsService: DetailsService, localization: LocalizationService, elementRef: ElementRef, ngZone: NgZone, renderer: Renderer2, rowPinService: RowPinService, cellContext: CellContext, inPinContainer: boolean, scrollSyncService: ScrollSyncService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
     ngDoCheck(): void;
+    private subscribeToScrollClose;
+    private onHostKeydown;
     isCommand(column: any): column is CommandColumnComponent;
     private isFieldEditable;
     private updateCellContext;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CellComponent, [null, null, null, null, null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CellComponent, [null, null, null, null, null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CellComponent, "[kendoGridCell]", never, { "column": { "alias": "column"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "columnIndex": { "alias": "columnIndex"; "required": false; }; "isNew": { "alias": "isNew"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "isVirtual": { "alias": "isVirtual"; "required": false; }; "loadingTemplate": { "alias": "loadingTemplate"; "required": false; }; "detailTemplate": { "alias": "detailTemplate"; "required": false; }; "item": { "alias": "item"; "required": false; }; "rowIndex": { "alias": "rowIndex"; "required": false; }; "dataItem": { "alias": "dataItem"; "required": false; }; }, {}, never, never, true, never>;
 }

package/rendering/common/cell-context.d.ts

@@ -8,12 +8,17 @@ import { FocusGroup } from '../../navigation/focus-group';
  * @hidden
  */
 export declare const CELL_CONTEXT: InjectionToken<string>;
+/**
+ * @hidden
+ */
+export declare const IS_PIN_CONTAINER: InjectionToken<boolean>;
 /**
  * @hidden
  */
 export type CellContext = {
     rowIndex?: number;
     focusGroup?: FocusGroup;
+    inPinContainer?: boolean;
 };
 /**
  * @hidden

package/rendering/grid-table.directive.d.ts

@@ -2,21 +2,18 @@
 * Copyright © 2026 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { ElementRef } from '@angular/core';
 import { GridSize } from '../common/size-options';
 import * as i0 from "@angular/core";
 /**
  * @hidden
  */
 export declare class GridTableDirective {
-    private wrapper;
     hostClass: boolean;
     get sizeSmallClass(): boolean;
     get sizeMediumClass(): boolean;
     set size(size: GridSize);
     get size(): GridSize;
     private _size;
-    constructor(wrapper: ElementRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<GridTableDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<GridTableDirective, "[kendoGridTable]", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
 }

package/rendering/list.component.d.ts

@@ -33,6 +33,8 @@ import { ColumnInfoService } from '../common/column-info.service';
 import { GridSize } from '../common/size-options';
 import { ContextService } from '../common/provider.service';
 import { DataMappingService } from '../data/data-mapping.service';
+import { StickyGroupContainerComponent } from '../grouping/sticky-groups/sticky-group-container.component';
+import { StickyGroupsService } from '../grouping/sticky-groups/sticky-groups.service';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -62,6 +64,7 @@ export declare class ListComponent implements OnInit, OnDestroy, AfterViewInit,
     private pdfService;
     private columnInfo;
     private dataMappingService;
+    private stickyGroupsService;
     hostClass: boolean;
     hostRole: string;
     data: Array<any>;
@@ -93,6 +96,15 @@ export declare class ListComponent implements OnInit, OnDestroy, AfterViewInit,
     columnsStartIdx: number;
     allItems: any[];
     itemsToRender: any[];
+    stickyGroupHeaderColumns: any[];
+    private stickyNeedsUpdate;
+    private stickyWasEnabled;
+    private pendingToggleScroll;
+    private skipScrollerAdjust;
+    private suppressStickyUpdates;
+    private suppressFocusScrollAdjust;
+    get hasStickyHeaders(): boolean;
+    get hasStickyFooters(): boolean;
     get showFooter(): boolean;
     get totalWidth(): number;
     container: ElementRef;
@@ -100,6 +112,8 @@ export declare class ListComponent implements OnInit, OnDestroy, AfterViewInit,
     lockedTable: ElementRef;
     table: ElementRef;
     resizeSensors: QueryList<ResizeSensorComponent>;
+    stickyHeaderContainer: StickyGroupContainerComponent;
+    stickyFooterContainer: StickyGroupContainerComponent;
     private scroller;
     private scrollerFactory;
     private subscriptions;
@@ -128,7 +142,7 @@ export declare class ListComponent implements OnInit, OnDestroy, AfterViewInit,
     private minRowHeight;
     private handleSkipOnData;
     private scrollToIndex;
-    constructor(scrollerFactory: any, detailsService: DetailsService, changeNotification: ChangeNotificationService, suspendService: SuspendService, groupsService: GroupsService, ngZone: NgZone, renderer: Renderer2, scrollSyncService: ScrollSyncService, resizeService: ResizeService, editService: EditService, supportService: ScrollbarService, navigationService: NavigationService, scrollRequestService: ScrollRequestService, ctx: ContextService, columnResizingService: ColumnResizingService, changeDetector: ChangeDetectorRef, pdfService: PDFService, columnInfo: ColumnInfoService, dataMappingService: DataMappingService);
+    constructor(scrollerFactory: any, detailsService: DetailsService, changeNotification: ChangeNotificationService, suspendService: SuspendService, groupsService: GroupsService, ngZone: NgZone, renderer: Renderer2, scrollSyncService: ScrollSyncService, resizeService: ResizeService, editService: EditService, supportService: ScrollbarService, navigationService: NavigationService, scrollRequestService: ScrollRequestService, ctx: ContextService, columnResizingService: ColumnResizingService, changeDetector: ChangeDetectorRef, pdfService: PDFService, columnInfo: ColumnInfoService, dataMappingService: DataMappingService, stickyGroupsService: StickyGroupsService);
     ngOnInit(): void;
     ngOnChanges(changes: {
         [propertyName: string]: SimpleChange;
@@ -156,6 +170,13 @@ export declare class ListComponent implements OnInit, OnDestroy, AfterViewInit,
      * @hidden
      */
     fillViewportAfterColumnChange(): void;
+    /**
+     * Recalculates the virtual page size after the scrollable container height changes
+     * due to pinned row containers appearing or disappearing. Expands itemsToRender
+     * if the new viewport can display more rows than currently rendered.
+     * @hidden
+     */
+    onPinnedContainerHeightChange(): void;
     /**
      * Checks if the virtual scroll state is out of sync with the expected position.
      * Used to determine if resetVirtualScroll should be called.
@@ -170,6 +191,50 @@ export declare class ListComponent implements OnInit, OnDestroy, AfterViewInit,
      * @hidden
      */
     get isStacked(): boolean;
+    /**
+     * @hidden
+     * Updates sticky group header columns for the overlay. Called in ngDoCheck or on column changes.
+     */
+    updateStickyGroupHeaderColumns(): void;
+    /**
+     * Measures actual rendered row heights from the DOM and feeds them into
+     * RowHeightService so its offsets reflect reality. Called in ngAfterViewChecked
+     * when stickyNeedsUpdate is true (data changed or scroll-to-group requested).
+     */
+    private updateStickyRowHeights;
+    /**
+     * Handles sticky overlay header click: scrolls to the topmost sticky
+     * group header's real position so all overlay headers become visible
+     * real rows, then toggles the clicked group.
+     */
+    private handleStickyScrollAndToggle;
+    /**
+     * After toggle, fixes up the virtual page so the correct rows are rendered
+     * around the target scroll position that was set pre-toggle.
+     */
+    private applyPendingToggleScroll;
+    /**
+     * Scrolls the container so the real footer row at the pending flat index
+     * is visible at the bottom edge of the viewport.
+     */
+    private scrollToStickyFooterTarget;
+    /**
+     * Scrolls the real grid body until the requested row is rendered in the real
+     * tbody, then focuses the corresponding real grid cell.
+     */
+    private scrollToStickyRowTarget;
+    /**
+     * Focuses the rendered row requested from the sticky overlay.
+     */
+    private focusRenderedStickyRow;
+    private getStickyTargetTbody;
+    private findStickyTargetRow;
+    /**
+     * Converts a sticky overlay flat-index request into a logical grid cell
+     * position that NavigationService can focus.
+     */
+    private stickyTargetToLogicalCell;
+    private updateStickyGroups;
     resetNavigationViewport(): void;
     private detailExpand;
     private attachContainerScroll;
@@ -179,6 +244,7 @@ export declare class ListComponent implements OnInit, OnDestroy, AfterViewInit,
     private handleRowSync;
     private handleRowNavigationLocked;
     private scrollToVirtualRow;
+    private getStickyAdjustedScrollTop;
     private scrollTo;
     private scrollToItem;
     private cleanupScroller;

package/rendering/table-body.component.d.ts

@@ -72,9 +72,12 @@ export declare class TableBodyComponent implements OnInit, OnDestroy, OnChanges,
     rowClass: RowClassFn;
     rowHeight: number;
     detailRowHeight: number;
+    isPinContainer: boolean;
+    pinPosition: 'top' | 'bottom' | null;
     hostClass: boolean;
     groupHeaderSlaveCellsCount: number;
     groupHeaderColumns: any[];
+    private cachedDataRows;
     private clickSubscription;
     private touchSubscription;
     private l10nSubscription;
@@ -108,6 +111,7 @@ export declare class TableBodyComponent implements OnInit, OnDestroy, OnChanges,
     ngOnDestroy(): void;
     isEditingCell(index: number, column: any): boolean;
     isEditingRow(index: number): boolean;
+    isRowPinned(dataItem: any): boolean;
     get isStackedMode(): boolean;
     get hasGroupHeaderColumn(): boolean;
     get columnsContainer(): any;
@@ -127,5 +131,5 @@ export declare class TableBodyComponent implements OnInit, OnDestroy, OnChanges,
     private eventTarget;
     private applyStickyRowsStyling;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableBodyComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableBodyComponent, "[kendoGridTableBody]", never, { "columns": { "alias": "columns"; "required": false; }; "allColumns": { "alias": "allColumns"; "required": false; }; "groups": { "alias": "groups"; "required": false; }; "detailTemplate": { "alias": "detailTemplate"; "required": false; }; "noRecordsTemplate": { "alias": "noRecordsTemplate"; "required": false; }; "rowsToRender": { "alias": "rowsToRender"; "required": false; }; "skip": { "alias": "skip"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "filterable": { "alias": "filterable"; "required": false; }; "noRecordsText": { "alias": "noRecordsText"; "required": false; }; "isLocked": { "alias": "isLocked"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "isVirtual": { "alias": "isVirtual"; "required": false; }; "cellLoadingTemplate": { "alias": "cellLoadingTemplate"; "required": false; }; "skipGroupDecoration": { "alias": "skipGroupDecoration"; "required": false; }; "lockedColumnsCount": { "alias": "lockedColumnsCount"; "required": false; }; "totalColumnsCount": { "alias": "totalColumnsCount"; "required": false; }; "virtualColumns": { "alias": "virtualColumns"; "required": false; }; "trackBy": { "alias": "trackBy"; "required": false; }; "rowSticky": { "alias": "rowSticky"; "required": false; }; "totalColumns": { "alias": "totalColumns"; "required": false; }; "rowClass": { "alias": "rowClass"; "required": false; }; "rowHeight": { "alias": "rowHeight"; "required": false; }; "detailRowHeight": { "alias": "detailRowHeight"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableBodyComponent, "[kendoGridTableBody]", never, { "columns": { "alias": "columns"; "required": false; }; "allColumns": { "alias": "allColumns"; "required": false; }; "groups": { "alias": "groups"; "required": false; }; "detailTemplate": { "alias": "detailTemplate"; "required": false; }; "noRecordsTemplate": { "alias": "noRecordsTemplate"; "required": false; }; "rowsToRender": { "alias": "rowsToRender"; "required": false; }; "skip": { "alias": "skip"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "filterable": { "alias": "filterable"; "required": false; }; "noRecordsText": { "alias": "noRecordsText"; "required": false; }; "isLocked": { "alias": "isLocked"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "isVirtual": { "alias": "isVirtual"; "required": false; }; "cellLoadingTemplate": { "alias": "cellLoadingTemplate"; "required": false; }; "skipGroupDecoration": { "alias": "skipGroupDecoration"; "required": false; }; "lockedColumnsCount": { "alias": "lockedColumnsCount"; "required": false; }; "totalColumnsCount": { "alias": "totalColumnsCount"; "required": false; }; "virtualColumns": { "alias": "virtualColumns"; "required": false; }; "trackBy": { "alias": "trackBy"; "required": false; }; "rowSticky": { "alias": "rowSticky"; "required": false; }; "totalColumns": { "alias": "totalColumns"; "required": false; }; "rowClass": { "alias": "rowClass"; "required": false; }; "rowHeight": { "alias": "rowHeight"; "required": false; }; "detailRowHeight": { "alias": "detailRowHeight"; "required": false; }; "isPinContainer": { "alias": "isPinContainer"; "required": false; }; "pinPosition": { "alias": "pinPosition"; "required": false; }; }, {}, never, never, true, never>;
 }

package/rendering/toolbar/tools/smartbox/smartbox-component/smartbox.component.d.ts

@@ -77,14 +77,14 @@ export declare class SmartBoxComponent implements AfterViewInit, OnChanges, OnDe
     isOpen: boolean;
     checkIcon: SVGIcon;
     clockArrowRotateIcon: SVGIcon;
-    fileClockOutlineIcon: SVGIcon;
+    fileClockIcon: SVGIcon;
     searchIcon: SVGIcon;
     zoomSparkleIcon: SVGIcon;
     sparklesIcon: SVGIcon;
-    arrowUpOutlineIcon: SVGIcon;
-    stopSmIcon: SVGIcon;
+    arrowUpIcon: SVGIcon;
+    stopIcon: SVGIcon;
     xIcon: SVGIcon;
-    lightbulbOutlineIcon: SVGIcon;
+    lightbulbIcon: SVGIcon;
     searchListData: Array<{
         text: string;
         description: string;

package/row-pinning/pinned-row-tracking.service.d.ts

@@ -0,0 +1,64 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2026 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as i0 from "@angular/core";
+/**
+ * Tracks the relationship between pinned rows and their counterparts in the main data table.
+ * Use this service to find the main row index for a given pinned row data item,
+ * or to find the pinned counterpart of a main row.
+ *
+ * The service is updated automatically by the Grid when `pinnedTopRows`, `pinnedBottomRows`,
+ * or `data` changes. For reliable index resolution, pinned row data items must be
+ * reference-equal to the corresponding items in the main data array.
+ *
+ * @hidden
+ */
+export declare class PinnedRowTrackingService {
+    private topIndexMap;
+    private bottomIndexMap;
+    private mainIndexMap;
+    /**
+     * Updates the internal tracking maps based on the current pinned rows and main data.
+     * Called automatically by the Grid when relevant inputs change.
+     *
+     * @param topRows - The array of data items pinned to the top.
+     * @param bottomRows - The array of data items pinned to the bottom.
+     * @param data - The flat main data array for the current page.
+     * @param skip - The current page skip offset used to compute absolute row indices.
+     */
+    update(topRows: any[], bottomRows: any[], data: any[], skip: number): void;
+    /**
+     * Updates the internal tracking maps using a pre-built data-item-to-index map from the main view.
+     * This handles grouping, sorting, and pagination correctly.
+     *
+     * @param topRows - The array of data items pinned to the top.
+     * @param bottomRows - The array of data items pinned to the bottom.
+     * @param dataToIndex - A map from data item references to their absolute row indices in the main view.
+     */
+    updateFromIndexMap(topRows: any[], bottomRows: any[], dataToIndex: Map<any, number>): void;
+    /**
+     * Returns the absolute main row index for a pinned row data item, or `-1` if not found.
+     * The returned index matches the `index` property used by selection and editing services.
+     */
+    getMainRowIndex(dataItem: any): number;
+    /**
+     * Returns `true` if the given data item is currently pinned to the top or bottom.
+     */
+    isRowPinned(dataItem: any): boolean;
+    /**
+     * Returns the pin position (`'top'` or `'bottom'`) for the given data item,
+     * or `null` if the item is not pinned.
+     */
+    getPinnedPosition(dataItem: any): 'top' | 'bottom' | null;
+    /**
+     * Returns the pinned counterpart for a given main row index,
+     * or `null` if the main row has no pinned counterpart.
+     */
+    getPinnedCounterpart(mainIndex: number): {
+        dataItem: any;
+        position: 'top' | 'bottom';
+    } | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PinnedRowTrackingService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<PinnedRowTrackingService>;
+}

package/row-pinning/row-pin-container.component.d.ts

@@ -0,0 +1,56 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2026 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { AfterViewChecked, ElementRef, TrackByFunction, QueryList } from '@angular/core';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { GridItem } from '../data/grid-item.interface';
+import { ColumnsContainer } from '../columns/columns-container';
+import { SelectableSettings } from '../selection/types';
+import { ColumnBase } from '../columns/column-base';
+import { GroupDescriptor } from '@progress/kendo-data-query';
+import { DetailTemplateDirective } from '../rendering/details/detail-template.directive';
+import { FilterableSettings } from '../filtering/filterable';
+import { GridSize } from '../common/size-options';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare class RowPinContainerComponent implements AfterViewChecked {
+    private readonly localization;
+    pinnedWrapper: ElementRef;
+    private readonly lockedTable;
+    private readonly pinnedTable;
+    hostClass: boolean;
+    get bottomClass(): boolean;
+    leafColumns: any[];
+    lockedLeafColumns: QueryList<ColumnBase>;
+    nonLockedLeafColumns: QueryList<ColumnBase>;
+    sort: any;
+    position: 'top' | 'bottom';
+    rowsToRender: Array<GridItem & {
+        showDetailRow?: boolean;
+        cells?: any[];
+        isExpanded?: boolean;
+        showDataItem?: boolean;
+        isHighlighted?: boolean;
+    }>;
+    totalColumns: ColumnsContainer;
+    lockedWidth: number;
+    nonLockedWidth: number;
+    isLocked: boolean;
+    selectable: SelectableSettings | boolean;
+    trackBy: TrackByFunction<any>;
+    groups: Array<GroupDescriptor>;
+    detailTemplate: DetailTemplateDirective;
+    filterable: FilterableSettings;
+    rowHeight: number;
+    detailRowHeight: number;
+    loading: boolean;
+    size: GridSize;
+    constructor(localization: LocalizationService);
+    ngAfterViewChecked(): void;
+    get ariaLabel(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RowPinContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RowPinContainerComponent, "kendo-grid-rowpin-container", never, { "leafColumns": { "alias": "leafColumns"; "required": false; }; "lockedLeafColumns": { "alias": "lockedLeafColumns"; "required": false; }; "nonLockedLeafColumns": { "alias": "nonLockedLeafColumns"; "required": false; }; "sort": { "alias": "sort"; "required": false; }; "position": { "alias": "position"; "required": false; }; "rowsToRender": { "alias": "rowsToRender"; "required": false; }; "totalColumns": { "alias": "totalColumns"; "required": false; }; "lockedWidth": { "alias": "lockedWidth"; "required": false; }; "nonLockedWidth": { "alias": "nonLockedWidth"; "required": false; }; "isLocked": { "alias": "isLocked"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "trackBy": { "alias": "trackBy"; "required": false; }; "groups": { "alias": "groups"; "required": false; }; "detailTemplate": { "alias": "detailTemplate"; "required": false; }; "filterable": { "alias": "filterable"; "required": false; }; "rowHeight": { "alias": "rowHeight"; "required": false; }; "detailRowHeight": { "alias": "detailRowHeight"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
+}

package/row-pinning/row-pin.service.d.ts

@@ -0,0 +1,28 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2026 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { EventEmitter } from '@angular/core';
+import { ContextService } from '../common/provider.service';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { RowPinEvent } from './types';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare class RowPinService {
+    private ctx;
+    private localization;
+    changes: EventEmitter<RowPinEvent>;
+    constructor(ctx: ContextService, localization: LocalizationService);
+    handleContextMenuAction(ev: any): void;
+    updatePinnedRows(ev: RowPinEvent): void;
+    get pinnedTopRowMenuItems(): any[];
+    get pinnedBottomRowMenuItems(): any[];
+    get unpinnedRowMenuItems(): any[];
+    get unpinRowMenuItem(): any;
+    get pinToTopMenuItem(): any;
+    get pinToBottomMenuItem(): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RowPinService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<RowPinService>;
+}

package/row-pinning/types.d.ts

@@ -0,0 +1,42 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2026 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { RowArgs } from "../rendering/common/row-args";
+/**
+ * Arguments for the [`rowPinChange`](https://www.telerik.com/kendo-angular-ui/components/grid/api/gridcomponent#rowpinchange) event.
+ */
+export interface RowPinEvent {
+    /**
+     * The data item that triggered the pin update.
+     */
+    dataItem: any;
+    /**
+     * The updated collection of items pinned to the top of the Grid.
+     */
+    pinnedTopRows: Array<any>;
+    /**
+     * The updated collection of items pinned to the bottom of the Grid.
+     */
+    pinnedBottomRows: Array<any>;
+}
+/**
+ * Sets the allowed position for pinning rows in the Grid.
+ *
+ * The available values are:
+ * * `top`&mdash;Allows pinning rows to the top of the Grid only.
+ * * `bottom`&mdash;Allows pinning rows to the bottom of the Grid only.
+ * * `both`&mdash;Allows pinning rows to both the top and bottom of the Grid.
+ */
+export type GridRowPinLocation = 'top' | 'bottom' | 'both';
+/**
+ * Represents the callback used to determine whether a data row is pinnable. Used by the [`isRowPinnable`](https://www.telerik.com/kendo-angular-ui/components/grid/api/gridcomponent#isrowpinnable) property.
+ *
+ * @example
+ * ```typescript
+ * isRowPinnableCallback({ dataItem, index }) {
+ *   return index % 2 === 0;
+ * }
+ * ```
+ */
+export type RowPinnableFn = (context: RowArgs) => boolean;

package/schematics/ngAdd/index.js

@@ -9,19 +9,19 @@ const schematics_1 = require("@angular-devkit/schematics");
 function default_1(options) {
     const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'GridModule', package: 'grid', peerDependencies: {
             // peer deps of the dropdowns
-            '@progress/kendo-angular-treeview': '24.0.0-develop.3',
-            '@progress/kendo-angular-navigation': '24.0.0-develop.3',
+            '@progress/kendo-angular-treeview': '24.0.0-develop.31',
+            '@progress/kendo-angular-navigation': '24.0.0-develop.31',
             // peer dependency of kendo-angular-inputs
-            '@progress/kendo-angular-dialog': '24.0.0-develop.3',
+            '@progress/kendo-angular-dialog': '24.0.0-develop.31',
             // peer dependency of kendo-angular-icons
             '@progress/kendo-svg-icons': '^4.0.0',
             // peer dependency of kendo-angular-layout
-            '@progress/kendo-angular-progressbar': '24.0.0-develop.3',
+            '@progress/kendo-angular-progressbar': '24.0.0-develop.31',
             // transitive peer dependencies from toolbar
-            '@progress/kendo-angular-indicators': '24.0.0-develop.3',
+            '@progress/kendo-angular-indicators': '24.0.0-develop.31',
             // transitive peer dependencies from conversational-ui
-            '@progress/kendo-angular-menu': '24.0.0-develop.3',
-            '@progress/kendo-angular-upload': '24.0.0-develop.3'
+            '@progress/kendo-angular-menu': '24.0.0-develop.31',
+            '@progress/kendo-angular-upload': '24.0.0-develop.31'
         } });
     return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
 }

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

@@ -21,10 +21,9 @@ export declare class ScrollSyncService {
     private elements;
     private source;
     private subscriptions;
-    private headerSubscription;
-    private bodySubscription;
+    private elementSubscriptions;
     constructor(ngZone: NgZone);
-    registerEmitter(el: any, sourceType: "body" | "header" | "footer"): void;
+    registerEmitter(el: any, sourceType: "body" | "header" | "footer" | "pinnedContainer"): void;
     /**
      * destroy
      */