@progress/kendo-angular-grid 23.4.0 → 24.0.0-develop.10

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

@@ -11,11 +11,11 @@ export { BrowserSupportService, ScrollbarService } from '@progress/kendo-angular
 import * as i1 from '@angular/platform-browser';
 import * as i1$1 from '@progress/kendo-angular-icons';
 import { IconWrapperComponent, IconsService, KENDO_ICONS } from '@progress/kendo-angular-icons';
-import { plusIcon, cancelIcon, lockIcon, unlockIcon, caretAltDownIcon, caretAltRightIcon, caretAltLeftIcon, arrowLeftIcon, arrowRightIcon, sortDescSmallIcon, sortAscSmallIcon, filterClearIcon, filterIcon, searchIcon, checkIcon, arrowRotateCcwIcon, columnsIcon, sparklesIcon, fileCsvIcon, filePdfIcon, fileExcelIcon, trashIcon, saveIcon, pencilIcon, chevronUpIcon, chevronDownIcon, chevronRightIcon, displayInlineFlexIcon, maxWidthIcon, stickIcon, unstickIcon, setColumnPositionIcon, slidersIcon, moreVerticalIcon, reorderIcon, minusIcon, insertMiddleIcon, xIcon, xCircleIcon, plusCircleIcon, chevronLeftIcon, undoIcon, redoIcon, arrowsSwapIcon, groupIcon, tableWizardIcon, clockArrowRotateIcon, fileClockOutlineIcon, zoomSparkleIcon, arrowUpOutlineIcon, stopSmIcon, lightbulbOutlineIcon } from '@progress/kendo-svg-icons';
+import { plusIcon, cancelIcon, lockIcon, unlockIcon, caretAltDownIcon, caretAltRightIcon, caretAltLeftIcon, arrowLeftIcon, arrowRightIcon, sortDescSmallIcon, sortAscSmallIcon, filterClearIcon, filterIcon, searchIcon, checkIcon, arrowRotateCcwIcon, columnsIcon, sparklesIcon, fileCsvIcon, filePdfIcon, fileExcelIcon, trashIcon, saveIcon, pencilIcon, chevronUpIcon, chevronDownIcon, chevronRightIcon, displayInlineFlexIcon, maxWidthIcon, stickIcon, unstickIcon, setColumnPositionIcon, slidersIcon, moreVerticalIcon, unpinOutlineIcon, pinOutlineBottomIcon, pinOutlineTopIcon, reorderIcon, pinOutlineIcon, minusIcon, insertMiddleIcon, xIcon, xCircleIcon, plusCircleIcon, chevronLeftIcon, undoIcon, redoIcon, arrowsSwapIcon, groupIcon, tableWizardIcon, clockArrowRotateIcon, fileClockOutlineIcon, zoomSparkleIcon, arrowUpOutlineIcon, stopSmIcon, lightbulbOutlineIcon } from '@progress/kendo-svg-icons';
 import { switchMap, take, map, filter, takeUntil, switchMapTo, delay, tap, throttleTime, debounceTime, distinctUntilChanged, skip, bufferCount, flatMap } from 'rxjs/operators';
 import * as i1$2 from '@progress/kendo-angular-l10n';
 import { ComponentMessages, LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
-import * as i56 from '@progress/kendo-angular-pager';
+import * as i57 from '@progress/kendo-angular-pager';
 import { PagerTemplateDirective, PagerContextService, PagerNavigationService, KENDO_PAGER } from '@progress/kendo-angular-pager';
 import { orderBy, isCompositeFilterDescriptor, filterBy, groupBy, process } from '@progress/kendo-data-query';
 import { NgTemplateOutlet, NgClass, NgStyle, KeyValuePipe } from '@angular/common';
@@ -36,7 +36,7 @@ import * as i4 from '@progress/kendo-angular-inputs';
 import { TextBoxComponent, NumericTextBoxComponent, NumericTextBoxCustomMessagesComponent, RadioButtonComponent, CheckBoxComponent, TextBoxPrefixTemplateDirective, KENDO_FORMFIELD, KENDO_TEXTBOX, KENDO_NUMERICTEXTBOX, KENDO_CHECKBOX } from '@progress/kendo-angular-inputs';
 import * as i5 from '@progress/kendo-angular-dateinputs';
 import { DatePickerComponent, DatePickerCustomMessagesComponent, KENDO_DATEPICKER, CalendarDOMService, CenturyViewService, DecadeViewService, MonthViewService, YearViewService, NavigationService as NavigationService$2 } from '@progress/kendo-angular-dateinputs';
-import * as i57 from '@progress/kendo-angular-toolbar';
+import * as i58 from '@progress/kendo-angular-toolbar';
 import { ToolBarToolComponent, KENDO_TOOLBAR } from '@progress/kendo-angular-toolbar';
 import { trigger, state, style, transition, animate } from '@angular/animations';
 import { TabStripComponent, TabStripTabComponent, TabTitleDirective, TabContentDirective } from '@progress/kendo-angular-layout';
@@ -45,6 +45,7 @@ import * as i5$1 from '@progress/kendo-angular-excel-export';
 import { workbookOptions, toDataURL, ColumnBase as ColumnBase$1, ColumnComponent as ColumnComponent$1, ColumnGroupComponent as ColumnGroupComponent$1, FooterTemplateDirective as FooterTemplateDirective$1, GroupFooterTemplateDirective as GroupFooterTemplateDirective$1, GroupHeaderColumnTemplateDirective as GroupHeaderColumnTemplateDirective$1, GroupHeaderTemplateDirective as GroupHeaderTemplateDirective$1 } from '@progress/kendo-angular-excel-export';
 import { toCSV } from '@progress/kendo-csv';
 import { PDFExportMarginComponent, PDFExportTemplateDirective, PDFExportComponent } from '@progress/kendo-angular-pdf-export';
+import { ContextMenuComponent } from '@progress/kendo-angular-menu';
 import { validatePackage } from '@progress/kendo-licensing';
 import { ActionSheetComponent, ActionSheetViewComponent, ActionSheetHeaderTemplateDirective, ActionSheetContentTemplateDirective, ActionSheetFooterTemplateDirective } from '@progress/kendo-angular-navigation';
 import * as i3 from '@progress/kendo-angular-label';
@@ -803,6 +804,10 @@ class DefaultFocusableElement {
  * @hidden
  */
 const CELL_CONTEXT = new InjectionToken('grid-cell-context');
+/**
+ * @hidden
+ */
+const IS_PIN_CONTAINER = new InjectionToken('grid-is-pin-container');
 /**
  * @hidden
  */
@@ -1568,6 +1573,7 @@ class EditService {
     changes = new EventEmitter();
     changed;
     editedIndices = [];
+    editZone = 'body';
     newItemGroup;
     keepEditCell = false;
     keepCellTimeout;
@@ -2234,6 +2240,10 @@ const isCheckboxColumn = column => column?.isCheckboxColumn;
  * @hidden
  */
 const isRowReorderColumn = column => column?.isRowReorderColumn;
+/**
+ * @hidden
+ */
+const isRowPinColumn = column => column?.isRowPinColumn;
 const isColumnContainer = column => column?.isColumnGroup || isSpanColumn(column);
 /**
  * The base class for the column components of the Grid.
@@ -4529,12 +4539,12 @@ class NavigationService {
             }
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: NavigationService, deps: [{ token: i0.NgZone }, { token: DomEventsService }, { token: i56.PagerContextService }, { token: ScrollRequestService }, { token: GroupsService }, { token: DetailsService }, { token: FocusRoot }, { token: EditService }, { token: i0.ChangeDetectorRef }, { token: ContextService }, { token: ColumnResizingService }, { token: FocusableDirective, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: NavigationService, deps: [{ token: i0.NgZone }, { token: DomEventsService }, { token: i57.PagerContextService }, { token: ScrollRequestService }, { token: GroupsService }, { token: DetailsService }, { token: FocusRoot }, { token: EditService }, { token: i0.ChangeDetectorRef }, { token: ContextService }, { token: ColumnResizingService }, { token: FocusableDirective, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: NavigationService });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: NavigationService, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i0.NgZone }, { type: DomEventsService }, { type: i56.PagerContextService }, { type: ScrollRequestService }, { type: GroupsService }, { type: DetailsService }, { type: FocusRoot }, { type: EditService }, { type: i0.ChangeDetectorRef }, { type: ContextService }, { type: ColumnResizingService }, { type: FocusableDirective, decorators: [{
+        }], ctorParameters: () => [{ type: i0.NgZone }, { type: DomEventsService }, { type: i57.PagerContextService }, { type: ScrollRequestService }, { type: GroupsService }, { type: DetailsService }, { type: FocusRoot }, { type: EditService }, { type: i0.ChangeDetectorRef }, { type: ContextService }, { type: ColumnResizingService }, { type: FocusableDirective, decorators: [{
                     type: Optional
                 }] }] });
 
@@ -5778,7 +5788,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
  * @hidden
  */
 class GridTableDirective {
-    wrapper;
     hostClass = true;
     get sizeSmallClass() {
         return this.size === 'small';
@@ -5793,10 +5802,7 @@ class GridTableDirective {
         return this._size;
     }
     _size;
-    constructor(wrapper) {
-        this.wrapper = wrapper;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: GridTableDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: GridTableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: GridTableDirective, isStandalone: true, selector: "[kendoGridTable]", inputs: { size: "size" }, host: { properties: { "class.k-table": "this.hostClass", "class.k-table-sm": "this.sizeSmallClass", "class.k-table-md": "this.sizeMediumClass" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: GridTableDirective, decorators: [{
@@ -5805,7 +5811,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                     selector: '[kendoGridTable]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { hostClass: [{
+        }], propDecorators: { hostClass: [{
                 type: HostBinding,
                 args: ['class.k-table']
             }], sizeSmallClass: [{
@@ -8457,14 +8463,13 @@ class ScrollSyncService {
     elements = [];
     source;
     subscriptions = new Subscription();
-    headerSubscription = new Subscription();
-    bodySubscription = new Subscription();
+    elementSubscriptions = new Map();
     constructor(ngZone) {
         this.ngZone = ngZone;
         this.subscriptions.add(this.changes.subscribe(args => this.scrollLeft(args)));
     }
     registerEmitter(el, sourceType) {
-        this.unregister(sourceType);
+        this.unregister(el);
         this.elements.push({ element: el, sourceType });
         if (sourceType === "body" || sourceType === "header") {
             this.ngZone.runOutsideAngular(() => {
@@ -8476,12 +8481,7 @@ class ScrollSyncService {
                     .subscribe((x) => this.changes.next(x));
                 subscription.add(obs.pipe(filter(x => this.source && this.source !== x.sourceType))
                     .subscribe(() => this.source = undefined));
-                if (sourceType === "body") {
-                    this.bodySubscription.add(subscription);
-                }
-                else {
-                    this.headerSubscription.add(subscription);
-                }
+                this.elementSubscriptions.set(el, subscription);
             });
         }
     }
@@ -8490,8 +8490,8 @@ class ScrollSyncService {
      */
     destroy() {
         this.subscriptions.unsubscribe();
-        this.headerSubscription.unsubscribe();
-        this.bodySubscription.unsubscribe();
+        this.elementSubscriptions.forEach(sub => sub.unsubscribe());
+        this.elementSubscriptions.clear();
     }
     scrollLeft({ scrollLeft, sourceType }) {
         this.ngZone.runOutsideAngular(() => {
@@ -8500,16 +8500,13 @@ class ScrollSyncService {
                 .forEach(({ element }) => element.scrollLeft = scrollLeft);
         });
     }
-    unregister(sourceType) {
-        const index = this.elements.findIndex(x => x.sourceType === sourceType);
+    unregister(el) {
+        const index = this.elements.findIndex(x => x.element === el);
         if (index > -1) {
-            if (sourceType === "header") {
-                this.headerSubscription.unsubscribe();
-                this.headerSubscription = new Subscription();
-            }
-            else if (sourceType === "body") {
-                this.bodySubscription.unsubscribe();
-                this.bodySubscription = new Subscription();
+            const sub = this.elementSubscriptions.get(el);
+            if (sub) {
+                sub.unsubscribe();
+                this.elementSubscriptions.delete(el);
             }
             this.elements.splice(index, 1);
         }
@@ -13964,13 +13961,13 @@ class ToolbarToolBase {
     get buttonElement() {
         return this.host.getButton();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ToolbarToolBase, deps: [{ token: i57.ToolBarButtonComponent }, { token: 'command' }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ToolbarToolBase, deps: [{ token: i58.ToolBarButtonComponent }, { token: 'command' }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: ToolbarToolBase, isStandalone: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ToolbarToolBase, decorators: [{
             type: Directive,
             args: [{}]
-        }], ctorParameters: () => [{ type: i57.ToolBarButtonComponent }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: i58.ToolBarButtonComponent }, { type: undefined, decorators: [{
                     type: Inject,
                     args: ['command']
                 }] }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
@@ -14172,7 +14169,7 @@ class ColumnChooserToolbarDirective extends ToolbarToolBase {
         this.host.selected = false;
         focusAnchor && this.buttonElement?.focus({ preventScroll: true });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ColumnChooserToolbarDirective, deps: [{ token: i0.Renderer2 }, { token: i2.PopupService }, { token: i57.ToolBarButtonComponent }, { token: ContextService }, { token: i0.NgZone }, { token: i57.RefreshService }, { token: AdaptiveGridService }, { token: ColumnInfoService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ColumnChooserToolbarDirective, deps: [{ token: i0.Renderer2 }, { token: i2.PopupService }, { token: i58.ToolBarButtonComponent }, { token: ContextService }, { token: i0.NgZone }, { token: i58.RefreshService }, { token: AdaptiveGridService }, { token: ColumnInfoService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: ColumnChooserToolbarDirective, isStandalone: true, selector: "[kendoGridColumnChooserTool]", inputs: { autoSync: "autoSync", allowHideAll: "allowHideAll", filterable: "filterable", showSelectAll: "showSelectAll" }, usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ColumnChooserToolbarDirective, decorators: [{
@@ -14181,7 +14178,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                     selector: '[kendoGridColumnChooserTool]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i2.PopupService }, { type: i57.ToolBarButtonComponent }, { type: ContextService }, { type: i0.NgZone }, { type: i57.RefreshService }, { type: AdaptiveGridService }, { type: ColumnInfoService }, { type: i0.ChangeDetectorRef }], propDecorators: { autoSync: [{
+        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i2.PopupService }, { type: i58.ToolBarButtonComponent }, { type: ContextService }, { type: i0.NgZone }, { type: i58.RefreshService }, { type: AdaptiveGridService }, { type: ColumnInfoService }, { type: i0.ChangeDetectorRef }], propDecorators: { autoSync: [{
                 type: Input
             }], allowHideAll: [{
                 type: Input
@@ -17539,7 +17536,7 @@ class CSVCommandToolbarDirective extends ToolbarToolBase {
         e.preventDefault();
         this.csvService.exportClick.emit();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CSVCommandToolbarDirective, deps: [{ token: CSVService }, { token: i57.ToolBarButtonComponent }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CSVCommandToolbarDirective, deps: [{ token: CSVService }, { token: i58.ToolBarButtonComponent }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: CSVCommandToolbarDirective, isStandalone: true, selector: "[kendoGridCSVTool]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CSVCommandToolbarDirective, decorators: [{
@@ -17548,7 +17545,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                     selector: '[kendoGridCSVTool]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: CSVService }, { type: i57.ToolBarButtonComponent }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
+        }], ctorParameters: () => [{ type: CSVService }, { type: i58.ToolBarButtonComponent }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
 
 /**
  * @hidden
@@ -19309,7 +19306,7 @@ class SelectionService {
         const iterator = this.getIterator();
         let next = iterator.next();
         while (!next.done) {
-            if (next.value && next.value.type === "data") {
+            if (next.value?.type === "data") {
                 const idx = next.value.index;
                 const rowArgs = { dataItem: next.value.data, index: idx };
                 if ((idx < start || idx > end) && this.isSelected(idx)) {
@@ -19508,7 +19505,7 @@ class CellSelectionService {
             const iterator = this.getIterator();
             let item = iterator.next();
             while (!item.done) {
-                if (item.value && item.value.type === "data") {
+                if (item.value?.type === "data") {
                     const rowArgs = {
                         dataItem: item.value.data,
                         index: item.value.index
@@ -19662,7 +19659,7 @@ class CellSelectionService {
         const iterator = this.getIterator();
         let next = iterator.next();
         while (!next.done) {
-            if (next.value && next.value.type === "data") {
+            if (next.value?.type === "data") {
                 const idx = next.value.index;
                 const data = next.value.data;
                 const rowArgs = {
@@ -20524,6 +20521,9 @@ class HeaderComponent {
                   @if ($any(column).isCommandColumn && !column.title && !column.headerTemplateRef) {
                     <span class="k-sr-only">{{messageFor('commandColumnHeaderLabel')}}</span>
                   }
+                  @if ($any(column).isRowPinColumn && !column.title && !column.headerTemplateRef) {
+                    <span class="k-sr-only">{{messageFor('pinColumnHeaderLabel')}}</span>
+                  }
                   @if (resizable) {
                     <span kendoGridColumnHandle
                       kendoDraggable
@@ -20783,6 +20783,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                   @if ($any(column).isCommandColumn && !column.title && !column.headerTemplateRef) {
                     <span class="k-sr-only">{{messageFor('commandColumnHeaderLabel')}}</span>
                   }
+                  @if ($any(column).isRowPinColumn && !column.title && !column.headerTemplateRef) {
+                    <span class="k-sr-only">{{messageFor('pinColumnHeaderLabel')}}</span>
+                  }
                   @if (resizable) {
                     <span kendoGridColumnHandle
                       kendoDraggable
@@ -21562,6 +21565,87 @@ const IGNORE_TARGET_CLASSSES = 'k-icon k-svg-icon';
  */
 const IGNORE_CONTAINER_CLASSES = 'k-grid k-grid-ignore-click';
 
+/**
+ * @hidden
+ */
+class RowPinService {
+    ctx;
+    localization;
+    changes = new EventEmitter();
+    constructor(ctx, localization) {
+        this.ctx = ctx;
+        this.localization = localization;
+    }
+    handleContextMenuAction(ev) {
+        const { menuItem, dataItem } = ev;
+        const pinAction = menuItem?.action;
+        let pinnedTopRows = this.ctx.grid.pinnedTopRows || [];
+        let pinnedBottomRows = this.ctx.grid.pinnedBottomRows || [];
+        switch (pinAction) {
+            case 'pinToTop': {
+                pinnedTopRows = [...pinnedTopRows, dataItem];
+                pinnedBottomRows = pinnedBottomRows.filter(r => r !== dataItem);
+                break;
+            }
+            case 'pinToBottom': {
+                pinnedBottomRows = [...pinnedBottomRows, dataItem];
+                pinnedTopRows = pinnedTopRows.filter(r => r !== dataItem);
+                break;
+            }
+            case 'unpin': {
+                pinnedTopRows = pinnedTopRows.filter(r => r !== dataItem);
+                pinnedBottomRows = pinnedBottomRows.filter(r => r !== dataItem);
+                break;
+            }
+        }
+        const eventArgs = {
+            pinnedTopRows,
+            pinnedBottomRows,
+            dataItem
+        };
+        this.changes.emit(eventArgs);
+    }
+    updatePinnedRows(ev) {
+        const { pinnedTopRows, pinnedBottomRows } = ev;
+        this.ctx.grid.pinnedTopRows = pinnedTopRows;
+        this.ctx.grid.pinnedBottomRows = pinnedBottomRows;
+    }
+    get pinnedTopRowMenuItems() {
+        return [
+            { text: this.localization.get('pinMenuUnpinText'), icon: 'unpin-outline', svgIcon: unpinOutlineIcon, action: 'unpin' },
+            { text: this.localization.get('pinMenuPinToBottomText'), icon: 'pin-outline-bottom', svgIcon: pinOutlineBottomIcon, action: 'pinToBottom' }
+        ];
+    }
+    get pinnedBottomRowMenuItems() {
+        return [
+            { text: this.localization.get('pinMenuUnpinText'), icon: 'unpin-outline', svgIcon: unpinOutlineIcon, action: 'unpin' },
+            { text: this.localization.get('pinMenuPinToTopText'), icon: 'pin-outline-top', svgIcon: pinOutlineTopIcon, action: 'pinToTop' }
+        ];
+    }
+    get unpinnedRowMenuItems() {
+        return [
+            { text: this.localization.get('pinMenuPinToTopText'), icon: 'pin-outline-top', svgIcon: pinOutlineTopIcon, action: 'pinToTop' },
+            { text: this.localization.get('pinMenuPinToBottomText'), icon: 'pin-outline-bottom', svgIcon: pinOutlineBottomIcon, action: 'pinToBottom' }
+        ];
+    }
+    get unpinRowMenuItem() {
+        return { text: this.localization.get('pinMenuUnpinText'), icon: 'unpin-outline', svgIcon: unpinOutlineIcon, action: 'unpin' };
+    }
+    get pinToTopMenuItem() {
+        return { text: this.localization.get('pinMenuPinToTopText'), icon: 'pin-outline-top', svgIcon: pinOutlineTopIcon, action: 'pinToTop' };
+    }
+    get pinToBottomMenuItem() {
+        return { text: this.localization.get('pinMenuPinToBottomText'), icon: 'pin-outline-bottom', svgIcon: pinOutlineBottomIcon, action: 'pinToBottom' };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: RowPinService, deps: [{ token: ContextService }, { token: i1$2.LocalizationService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: RowPinService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: RowPinService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: ContextService }, { type: i1$2.LocalizationService }], propDecorators: { changes: [{
+                type: Output
+            }] } });
+
 /**
  * @hidden
  */
@@ -21571,7 +21655,9 @@ class CellComponent {
     ctx;
     detailsService;
     localization;
+    rowPinService;
     cellContext;
+    inPinContainer;
     get commandCellClass() {
         return this.isCommand(this.column);
     }
@@ -21581,6 +21667,8 @@ class CellComponent {
     get dragRowHandleLabel() {
         return isRowReorderColumn(this.column) ? this.ctx.localization.get('dragRowHandleLabel') : undefined;
     }
+    pinContextMenu;
+    pinContextMenuTarget;
     column;
     columns;
     columnIndex;
@@ -21599,8 +21687,59 @@ class CellComponent {
     }
     dataItem;
     reorderIcon = reorderIcon;
+    pinOutlineIcon = pinOutlineIcon;
+    unpinOutlineIcon = unpinOutlineIcon;
     minusIcon = minusIcon;
     plusIcon = plusIcon;
+    onPinIconClick = () => {
+        const gridPinnable = this.ctx.grid?.pinnable;
+        if (!gridPinnable) {
+            return;
+        }
+        if (gridPinnable === true || gridPinnable === 'both') {
+            this.pinContextMenu.show(this.pinContextMenuTarget.nativeElement);
+        }
+        else {
+            let menuItem;
+            if ((this.isRowPinnedTop && gridPinnable === 'top') || (this.isRowPinnedBottom && gridPinnable === 'bottom')) {
+                menuItem = this.rowPinService?.unpinRowMenuItem;
+            }
+            else if (!this.isRowPinnedTop && !this.isRowPinnedBottom) {
+                if (gridPinnable === 'top') {
+                    menuItem = this.rowPinService?.pinToTopMenuItem;
+                }
+                else {
+                    menuItem = this.rowPinService?.pinToBottomMenuItem;
+                }
+            }
+            else {
+                this.pinContextMenu.show(this.pinContextMenuTarget.nativeElement);
+            }
+            const args = {
+                menuItem,
+                dataItem: this.dataItem
+            };
+            this.rowPinService?.handleContextMenuAction(args);
+        }
+    };
+    get pinMenuItems() {
+        if (this.isRowPinnedTop) {
+            return this.rowPinService?.pinnedTopRowMenuItems;
+        }
+        else if (this.isRowPinnedBottom) {
+            return this.rowPinService?.pinnedBottomRowMenuItems;
+        }
+        else {
+            return this.rowPinService?.unpinnedRowMenuItems;
+        }
+    }
+    onContextMenuSelect(ev) {
+        const eventArgs = {
+            menuItem: ev.item,
+            dataItem: this.dataItem
+        };
+        this.rowPinService?.handleContextMenuAction(eventArgs);
+    }
     detailButtonIconName(viewItem) {
         return viewItem.isExpanded ? 'minus' : 'plus';
     }
@@ -21633,6 +21772,9 @@ class CellComponent {
         if (!(this.editService.isEditing() || this.isNew) || !this.isColumnEditable(column)) {
             return false;
         }
+        if (!this.isNew && this.editService.editZone !== (this.inPinContainer ? 'pinned' : 'body')) {
+            return false;
+        }
         const editContext = this.editService.columnContext(this.rowIndex, currentColumn);
         return this.isFieldEditable(editContext, currentColumn);
     }
@@ -21663,11 +21805,11 @@ class CellComponent {
         this._editTemplateContext.rowIndex = this.rowIndex;
         return this._editTemplateContext;
     }
-    get rowReorderTemplateContext() {
-        this._rowReorderTemplateContext.$implicit = this.dataItem;
-        this._rowReorderTemplateContext.columnIndex = this.columnIndex;
-        this._rowReorderTemplateContext.rowIndex = this.rowIndex;
-        return this._rowReorderTemplateContext;
+    get rowTemplateContext() {
+        this._rowTemplateContext.$implicit = this.dataItem;
+        this._rowTemplateContext.columnIndex = this.columnIndex;
+        this._rowTemplateContext.rowIndex = this.rowIndex;
+        return this._rowTemplateContext;
     }
     get format() {
         if (isColumnComponent(this.column) && !isNullOrEmptyString(this.column.format)) {
@@ -21699,6 +21841,25 @@ class CellComponent {
         const currentColumn = column || this.column;
         return isRowReorderColumn(currentColumn) && !currentColumn.templateRef;
     }
+    isRowPinColumn(column) {
+        const currentColumn = column || this.column;
+        return isRowPinColumn(currentColumn) && !currentColumn.templateRef;
+    }
+    get isRowPinnedTop() {
+        const pinnedTopRows = this.ctx.grid?.pinnedTopRows || [];
+        return pinnedTopRows.includes(this.dataItem);
+    }
+    get isRowPinnedBottom() {
+        const pinnedBottomRows = this.ctx.grid?.pinnedBottomRows || [];
+        return pinnedBottomRows.includes(this.dataItem);
+    }
+    get isRowPinnable() {
+        const callback = this.ctx.grid?.isRowPinnable;
+        if (!callback) {
+            return true;
+        }
+        return callback({ dataItem: this.dataItem, index: this.rowIndex });
+    }
     isRowSelectable(column) {
         const currentColumn = column || this.column;
         return currentColumn.rowSelectable(this._rowIndex);
@@ -21713,14 +21874,16 @@ class CellComponent {
     }
     _templateContext = {};
     _editTemplateContext = {};
-    _rowReorderTemplateContext = {};
-    constructor(editService, idService, ctx, detailsService, localization, cellContext) {
+    _rowTemplateContext = {};
+    constructor(editService, idService, ctx, detailsService, localization, rowPinService, cellContext, inPinContainer) {
         this.editService = editService;
         this.idService = idService;
         this.ctx = ctx;
         this.detailsService = detailsService;
         this.localization = localization;
+        this.rowPinService = rowPinService;
         this.cellContext = cellContext;
+        this.inPinContainer = inPinContainer;
     }
     ngDoCheck() {
         this.updateCellContext();
@@ -21740,117 +21903,120 @@ class CellComponent {
     updateCellContext() {
         if (this.cellContext) {
             this.cellContext.rowIndex = this._rowIndex;
+            this.cellContext.inPinContainer = !!this.inPinContainer;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CellComponent, deps: [{ token: EditService }, { token: IdService }, { token: ContextService }, { token: DetailsService }, { token: i1$2.LocalizationService }, { token: CELL_CONTEXT, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: CellComponent, isStandalone: true, selector: "[kendoGridCell]", inputs: { column: "column", columns: "columns", columnIndex: "columnIndex", isNew: "isNew", isLoading: "isLoading", isVirtual: "isVirtual", loadingTemplate: "loadingTemplate", detailTemplate: "detailTemplate", item: "item", rowIndex: "rowIndex", dataItem: "dataItem" }, host: { properties: { "class.k-command-cell": "this.commandCellClass", "class.k-drag-cell": "this.dragHandleCellClass", "class.k-touch-action-none": "this.dragHandleCellClass", "attr.aria-label": "this.dragRowHandleLabel" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CellComponent, deps: [{ token: EditService }, { token: IdService }, { token: ContextService }, { token: DetailsService }, { token: i1$2.LocalizationService }, { token: RowPinService, optional: true }, { token: CELL_CONTEXT, optional: true }, { token: IS_PIN_CONTAINER, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: CellComponent, isStandalone: true, selector: "[kendoGridCell]", inputs: { column: "column", columns: "columns", columnIndex: "columnIndex", isNew: "isNew", isLoading: "isLoading", isVirtual: "isVirtual", loadingTemplate: "loadingTemplate", detailTemplate: "detailTemplate", item: "item", rowIndex: "rowIndex", dataItem: "dataItem" }, host: { properties: { "class.k-command-cell": "this.commandCellClass", "class.k-drag-cell": "this.dragHandleCellClass", "class.k-touch-action-none": "this.dragHandleCellClass", "attr.aria-label": "this.dragRowHandleLabel" } }, viewQueries: [{ propertyName: "pinContextMenu", first: true, predicate: ["pinContextMenu"], descendants: true }, { propertyName: "pinContextMenuTarget", first: true, predicate: ["target"], descendants: true, read: ElementRef }], ngImport: i0, template: `
         @if (isStackedLayoutMode) {
             <div class="k-grid-stack-row"
                 [ngClass]="stackedRowClass"
                 [ngStyle]="stackedRowStyle">
                 @for (col of columns; track $index) {
-                    <div class="k-grid-stack-cell"
-                        [class.k-grid-stack-edit-cell]="isEdited(col)"
-                        [class.k-drag-cell]="isRowReorderColumn(col) && !isNew"
-                        [class.k-command-cell]="isCommand(col)"
-                        [kendoGridFocusable]="!isCommand(col)">
-                        <div class="k-grid-stack-header">
-                            @if (!col.headerTemplateRef) {
-                                {{col.displayTitle}}
-                            } @else {
-                                <ng-template #headerTemplate
-                                    [templateContext]="{
-                                        templateRef: col.headerTemplateRef,
-                                        columnIndex: col.leafIndex,
-                                        column: col,
-                                        $implicit: col
-                                    }">
-                                </ng-template>
-                            }
-                        </div>
-                        <div class="k-grid-stack-content">
-                            @if (!isEdited(col)) {
-                                @if (!col.templateRef) {
-                                    @if (isBoundColumn(col)) {{{ dataItem | valueOf: col.field: col.format}}}
-                                    @if (isCheckboxColumn(col) && !isNew) {
-                                        @if (isRowSelectable(col)) {
-                                            <kendo-checkbox
-                                                [kendoGridSelectionCheckbox]="rowIndex"
-                                                [attr.id]="selectionCheckboxId"
-                                                [inputAttributes]="{'aria-label': selectionCheckboxLabel}"
-                                                [title]="selectionCheckboxLabel">
-                                            </kendo-checkbox>
-                                        } @else {
-                                            @if (col.showDisabledCheckbox) {
+                    @if (!col.isRowPinColumn) {
+                        <div class="k-grid-stack-cell"
+                            [class.k-grid-stack-edit-cell]="isEdited(col)"
+                            [class.k-drag-cell]="isRowReorderColumn(col) && !isNew"
+                            [class.k-command-cell]="isCommand(col)"
+                            [kendoGridFocusable]="!isCommand(col)">
+                            <div class="k-grid-stack-header">
+                                @if (!col.headerTemplateRef) {
+                                    {{col.displayTitle}}
+                                } @else {
+                                    <ng-template #headerTemplate
+                                        [templateContext]="{
+                                            templateRef: col.headerTemplateRef,
+                                            columnIndex: col.leafIndex,
+                                            column: col,
+                                            $implicit: col
+                                        }">
+                                    </ng-template>
+                                }
+                            </div>
+                            <div class="k-grid-stack-content">
+                                @if (!isEdited(col)) {
+                                    @if (!col.templateRef) {
+                                        @if (isBoundColumn(col)) {{{ dataItem | valueOf: col.field: col.format}}}
+                                        @if (isCheckboxColumn(col) && !isNew) {
+                                            @if (isRowSelectable(col)) {
                                                 <kendo-checkbox
                                                     [kendoGridSelectionCheckbox]="rowIndex"
                                                     [attr.id]="selectionCheckboxId"
                                                     [inputAttributes]="{'aria-label': selectionCheckboxLabel}"
-                                                    [title]="selectionCheckboxLabel"
-                                                    [disabled]="true"
-                                                ></kendo-checkbox>
+                                                    [title]="selectionCheckboxLabel">
+                                                </kendo-checkbox>
+                                            } @else {
+                                                @if (col.showDisabledCheckbox) {
+                                                    <kendo-checkbox
+                                                        [kendoGridSelectionCheckbox]="rowIndex"
+                                                        [attr.id]="selectionCheckboxId"
+                                                        [inputAttributes]="{'aria-label': selectionCheckboxLabel}"
+                                                        [title]="selectionCheckboxLabel"
+                                                        [disabled]="true"
+                                                    ></kendo-checkbox>
+                                                }
                                             }
                                         }
-                                    }
-                                    @if (isRowReorderColumn(col) && !isNew) {
-                                        @if (!col.dragHandleTemplate?.first) {
-                                            <kendo-icon-wrapper
-                                                name="reorder"
-                                                [svgIcon]="reorderIcon">
-                                            </kendo-icon-wrapper>
-                                        } @else {
-                                            <ng-template
-                                                [ngTemplateOutlet]="col.rowDragHandleTemplateRef"
-                                                [ngTemplateOutletContext]="rowReorderTemplateContext">
-                                            </ng-template>
+                                        @if (isRowReorderColumn(col) && !isNew) {
+                                            @if (!col.dragHandleTemplate?.first) {
+                                                <kendo-icon-wrapper
+                                                    name="reorder"
+                                                    [svgIcon]="reorderIcon">
+                                                </kendo-icon-wrapper>
+                                            } @else {
+                                                <ng-template
+                                                    [ngTemplateOutlet]="col.rowDragHandleTemplateRef"
+                                                    [ngTemplateOutletContext]="rowTemplateContext">
+                                                </ng-template>
+                                            }
                                         }
+                                    } @else {
+                                        <ng-template #template
+                                            [ngTemplateOutlet]="col.templateRef"
+                                            [ngTemplateOutletContext]="getTemplateContext(col)">
+                                        </ng-template>
                                     }
-                                } @else {
-                                    <ng-template #template
-                                        [ngTemplateOutlet]="col.templateRef"
-                                        [ngTemplateOutletContext]="getTemplateContext(col)">
-                                    </ng-template>
                                 }
-                            }
-                            @if (isEdited(col)) {
-                                @if (!col.editTemplateRef) {
-                                    @switch (col.editor) {
-                                        @case ('numeric') {
-                                            <kendo-numerictextbox
-                                                [format]="format"
-                                                [formControl]="$any(formGroup.get(col.field))"
-                                                kendoGridFocusable
-                                            ></kendo-numerictextbox>
-                                        }
-                                        @case ('date') {
-                                            <kendo-datepicker
-                                                [format]="format"
-                                                [formControl]="$any(formGroup.get(col.field))"
-                                                kendoGridFocusable
-                                            ></kendo-datepicker>
-                                        }
-                                        @case ('boolean') {
-                                            <kendo-checkbox
-                                                [formControl]="$any(formGroup.get(col.field))"
-                                                kendoGridFocusable
-                                            ></kendo-checkbox>
-                                        }
-                                        @default {
-                                            <kendo-textbox
-                                                [formControl]="$any(formGroup.get(col.field))"
-                                                kendoGridFocusable
-                                            ></kendo-textbox>
+                                @if (isEdited(col)) {
+                                    @if (!col.editTemplateRef) {
+                                        @switch (col.editor) {
+                                            @case ('numeric') {
+                                                <kendo-numerictextbox
+                                                    [format]="format"
+                                                    [formControl]="$any(formGroup.get(col.field))"
+                                                    kendoGridFocusable
+                                                ></kendo-numerictextbox>
+                                            }
+                                            @case ('date') {
+                                                <kendo-datepicker
+                                                    [format]="format"
+                                                    [formControl]="$any(formGroup.get(col.field))"
+                                                    kendoGridFocusable
+                                                ></kendo-datepicker>
+                                            }
+                                            @case ('boolean') {
+                                                <kendo-checkbox
+                                                    [formControl]="$any(formGroup.get(col.field))"
+                                                    kendoGridFocusable
+                                                ></kendo-checkbox>
+                                            }
+                                            @default {
+                                                <kendo-textbox
+                                                    [formControl]="$any(formGroup.get(col.field))"
+                                                    kendoGridFocusable
+                                                ></kendo-textbox>
+                                            }
                                         }
+                                    } @else {
+                                        <ng-template
+                                            [ngTemplateOutlet]="col.editTemplateRef"
+                                            [ngTemplateOutletContext]="getEditTemplateContext(col)">
+                                        </ng-template>
                                     }
-                                } @else {
-                                    <ng-template
-                                        [ngTemplateOutlet]="col.editTemplateRef"
-                                        [ngTemplateOutletContext]="getEditTemplateContext(col)">
-                                    </ng-template>
                                 }
-                            }
+                            </div>
                         </div>
-                    </div>
+                    }
                 }
                 @if (detailTemplate?.showIf(item.data, $any(item).index)) {
                     <div class="k-grid-stack-cell" [attr.aria-expanded]="item.isExpanded">
@@ -21914,10 +22080,23 @@ class CellComponent {
                             } @else {
                                 <ng-template
                                     [ngTemplateOutlet]="column.rowDragHandleTemplateRef"
-                                    [ngTemplateOutletContext]="rowReorderTemplateContext">
+                                    [ngTemplateOutletContext]="rowTemplateContext">
                                 </ng-template>
                             }
                         }
+                        @if (isRowPinColumn() && !isNew && isRowPinnable) {
+                            <span class="k-pin-cell" #target
+                                [kendoEventsOutsideAngular]="{
+                                    click: onPinIconClick
+                                }">
+                                <kendo-icon-wrapper
+                                    [name]="isRowPinnedTop || isRowPinnedBottom ? 'unpin-outline' : 'pin-outline'"
+                                    [svgIcon]="isRowPinnedTop || isRowPinnedBottom ? unpinOutlineIcon : pinOutlineIcon"
+                                    [innerCssClass]="isRowPinnedTop || isRowPinnedBottom ? 'k-action-icon' : ''"
+                                    >
+                                </kendo-icon-wrapper>
+                            </span>
+                        }
                     } @else {
                         @if (loadingTemplate) {
                             <ng-template
@@ -21967,8 +22146,13 @@ class CellComponent {
                     }
                 }
             }
+            <kendo-contextmenu #pinContextMenu
+                [items]="pinMenuItems"
+                (select)="onContextMenuSelect($event)"
+            ></kendo-contextmenu>
         }
-    `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }, { kind: "directive", type: SelectionCheckboxDirective, selector: "[kendoGridSelectionCheckbox]", inputs: ["kendoGridSelectionCheckbox"] }, { kind: "directive", type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { kind: "component", type: DatePickerComponent, selector: "kendo-datepicker", inputs: ["focusableId", "cellTemplate", "clearButton", "inputAttributes", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate", "footer", "navigationItemTemplate", "weekDaysFormat", "showOtherMonthDays", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "autoFill", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "adaptiveTitle", "adaptiveSubtitle", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode", "adaptiveMode"], outputs: ["valueChange", "focus", "blur", "open", "close", "escape"], exportAs: ["kendo-datepicker"] }, { kind: "pipe", type: FieldAccessorPipe, name: "valueOf" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: CheckBoxComponent, selector: "kendo-checkbox", inputs: ["checkedState", "rounded"], outputs: ["checkedStateChange"], exportAs: ["kendoCheckBox"] }, { kind: "component", type: TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
+
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }, { kind: "directive", type: SelectionCheckboxDirective, selector: "[kendoGridSelectionCheckbox]", inputs: ["kendoGridSelectionCheckbox"] }, { kind: "directive", type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { kind: "component", type: DatePickerComponent, selector: "kendo-datepicker", inputs: ["focusableId", "cellTemplate", "clearButton", "inputAttributes", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate", "footer", "navigationItemTemplate", "weekDaysFormat", "showOtherMonthDays", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "autoFill", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "adaptiveTitle", "adaptiveSubtitle", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode", "adaptiveMode"], outputs: ["valueChange", "focus", "blur", "open", "close", "escape"], exportAs: ["kendo-datepicker"] }, { kind: "pipe", type: FieldAccessorPipe, name: "valueOf" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: CheckBoxComponent, selector: "kendo-checkbox", inputs: ["checkedState", "rounded"], outputs: ["checkedStateChange"], exportAs: ["kendoCheckBox"] }, { kind: "component", type: TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: ContextMenuComponent, selector: "kendo-contextmenu", inputs: ["showOn", "target", "filter", "alignToAnchor", "vertical", "popupAnimate", "popupAlign", "anchorAlign", "collision", "appendTo", "ariaLabel"], outputs: ["popupOpen", "popupClose", "select", "open", "close"], exportAs: ["kendoContextMenu"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CellComponent, decorators: [{
             type: Component,
@@ -21980,108 +22164,110 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 [ngClass]="stackedRowClass"
                 [ngStyle]="stackedRowStyle">
                 @for (col of columns; track $index) {
-                    <div class="k-grid-stack-cell"
-                        [class.k-grid-stack-edit-cell]="isEdited(col)"
-                        [class.k-drag-cell]="isRowReorderColumn(col) && !isNew"
-                        [class.k-command-cell]="isCommand(col)"
-                        [kendoGridFocusable]="!isCommand(col)">
-                        <div class="k-grid-stack-header">
-                            @if (!col.headerTemplateRef) {
-                                {{col.displayTitle}}
-                            } @else {
-                                <ng-template #headerTemplate
-                                    [templateContext]="{
-                                        templateRef: col.headerTemplateRef,
-                                        columnIndex: col.leafIndex,
-                                        column: col,
-                                        $implicit: col
-                                    }">
-                                </ng-template>
-                            }
-                        </div>
-                        <div class="k-grid-stack-content">
-                            @if (!isEdited(col)) {
-                                @if (!col.templateRef) {
-                                    @if (isBoundColumn(col)) {{{ dataItem | valueOf: col.field: col.format}}}
-                                    @if (isCheckboxColumn(col) && !isNew) {
-                                        @if (isRowSelectable(col)) {
-                                            <kendo-checkbox
-                                                [kendoGridSelectionCheckbox]="rowIndex"
-                                                [attr.id]="selectionCheckboxId"
-                                                [inputAttributes]="{'aria-label': selectionCheckboxLabel}"
-                                                [title]="selectionCheckboxLabel">
-                                            </kendo-checkbox>
-                                        } @else {
-                                            @if (col.showDisabledCheckbox) {
+                    @if (!col.isRowPinColumn) {
+                        <div class="k-grid-stack-cell"
+                            [class.k-grid-stack-edit-cell]="isEdited(col)"
+                            [class.k-drag-cell]="isRowReorderColumn(col) && !isNew"
+                            [class.k-command-cell]="isCommand(col)"
+                            [kendoGridFocusable]="!isCommand(col)">
+                            <div class="k-grid-stack-header">
+                                @if (!col.headerTemplateRef) {
+                                    {{col.displayTitle}}
+                                } @else {
+                                    <ng-template #headerTemplate
+                                        [templateContext]="{
+                                            templateRef: col.headerTemplateRef,
+                                            columnIndex: col.leafIndex,
+                                            column: col,
+                                            $implicit: col
+                                        }">
+                                    </ng-template>
+                                }
+                            </div>
+                            <div class="k-grid-stack-content">
+                                @if (!isEdited(col)) {
+                                    @if (!col.templateRef) {
+                                        @if (isBoundColumn(col)) {{{ dataItem | valueOf: col.field: col.format}}}
+                                        @if (isCheckboxColumn(col) && !isNew) {
+                                            @if (isRowSelectable(col)) {
                                                 <kendo-checkbox
                                                     [kendoGridSelectionCheckbox]="rowIndex"
                                                     [attr.id]="selectionCheckboxId"
                                                     [inputAttributes]="{'aria-label': selectionCheckboxLabel}"
-                                                    [title]="selectionCheckboxLabel"
-                                                    [disabled]="true"
-                                                ></kendo-checkbox>
+                                                    [title]="selectionCheckboxLabel">
+                                                </kendo-checkbox>
+                                            } @else {
+                                                @if (col.showDisabledCheckbox) {
+                                                    <kendo-checkbox
+                                                        [kendoGridSelectionCheckbox]="rowIndex"
+                                                        [attr.id]="selectionCheckboxId"
+                                                        [inputAttributes]="{'aria-label': selectionCheckboxLabel}"
+                                                        [title]="selectionCheckboxLabel"
+                                                        [disabled]="true"
+                                                    ></kendo-checkbox>
+                                                }
                                             }
                                         }
-                                    }
-                                    @if (isRowReorderColumn(col) && !isNew) {
-                                        @if (!col.dragHandleTemplate?.first) {
-                                            <kendo-icon-wrapper
-                                                name="reorder"
-                                                [svgIcon]="reorderIcon">
-                                            </kendo-icon-wrapper>
-                                        } @else {
-                                            <ng-template
-                                                [ngTemplateOutlet]="col.rowDragHandleTemplateRef"
-                                                [ngTemplateOutletContext]="rowReorderTemplateContext">
-                                            </ng-template>
+                                        @if (isRowReorderColumn(col) && !isNew) {
+                                            @if (!col.dragHandleTemplate?.first) {
+                                                <kendo-icon-wrapper
+                                                    name="reorder"
+                                                    [svgIcon]="reorderIcon">
+                                                </kendo-icon-wrapper>
+                                            } @else {
+                                                <ng-template
+                                                    [ngTemplateOutlet]="col.rowDragHandleTemplateRef"
+                                                    [ngTemplateOutletContext]="rowTemplateContext">
+                                                </ng-template>
+                                            }
                                         }
+                                    } @else {
+                                        <ng-template #template
+                                            [ngTemplateOutlet]="col.templateRef"
+                                            [ngTemplateOutletContext]="getTemplateContext(col)">
+                                        </ng-template>
                                     }
-                                } @else {
-                                    <ng-template #template
-                                        [ngTemplateOutlet]="col.templateRef"
-                                        [ngTemplateOutletContext]="getTemplateContext(col)">
-                                    </ng-template>
                                 }
-                            }
-                            @if (isEdited(col)) {
-                                @if (!col.editTemplateRef) {
-                                    @switch (col.editor) {
-                                        @case ('numeric') {
-                                            <kendo-numerictextbox
-                                                [format]="format"
-                                                [formControl]="$any(formGroup.get(col.field))"
-                                                kendoGridFocusable
-                                            ></kendo-numerictextbox>
-                                        }
-                                        @case ('date') {
-                                            <kendo-datepicker
-                                                [format]="format"
-                                                [formControl]="$any(formGroup.get(col.field))"
-                                                kendoGridFocusable
-                                            ></kendo-datepicker>
-                                        }
-                                        @case ('boolean') {
-                                            <kendo-checkbox
-                                                [formControl]="$any(formGroup.get(col.field))"
-                                                kendoGridFocusable
-                                            ></kendo-checkbox>
-                                        }
-                                        @default {
-                                            <kendo-textbox
-                                                [formControl]="$any(formGroup.get(col.field))"
-                                                kendoGridFocusable
-                                            ></kendo-textbox>
+                                @if (isEdited(col)) {
+                                    @if (!col.editTemplateRef) {
+                                        @switch (col.editor) {
+                                            @case ('numeric') {
+                                                <kendo-numerictextbox
+                                                    [format]="format"
+                                                    [formControl]="$any(formGroup.get(col.field))"
+                                                    kendoGridFocusable
+                                                ></kendo-numerictextbox>
+                                            }
+                                            @case ('date') {
+                                                <kendo-datepicker
+                                                    [format]="format"
+                                                    [formControl]="$any(formGroup.get(col.field))"
+                                                    kendoGridFocusable
+                                                ></kendo-datepicker>
+                                            }
+                                            @case ('boolean') {
+                                                <kendo-checkbox
+                                                    [formControl]="$any(formGroup.get(col.field))"
+                                                    kendoGridFocusable
+                                                ></kendo-checkbox>
+                                            }
+                                            @default {
+                                                <kendo-textbox
+                                                    [formControl]="$any(formGroup.get(col.field))"
+                                                    kendoGridFocusable
+                                                ></kendo-textbox>
+                                            }
                                         }
+                                    } @else {
+                                        <ng-template
+                                            [ngTemplateOutlet]="col.editTemplateRef"
+                                            [ngTemplateOutletContext]="getEditTemplateContext(col)">
+                                        </ng-template>
                                     }
-                                } @else {
-                                    <ng-template
-                                        [ngTemplateOutlet]="col.editTemplateRef"
-                                        [ngTemplateOutletContext]="getEditTemplateContext(col)">
-                                    </ng-template>
                                 }
-                            }
+                            </div>
                         </div>
-                    </div>
+                    }
                 }
                 @if (detailTemplate?.showIf(item.data, $any(item).index)) {
                     <div class="k-grid-stack-cell" [attr.aria-expanded]="item.isExpanded">
@@ -22145,10 +22331,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                             } @else {
                                 <ng-template
                                     [ngTemplateOutlet]="column.rowDragHandleTemplateRef"
-                                    [ngTemplateOutletContext]="rowReorderTemplateContext">
+                                    [ngTemplateOutletContext]="rowTemplateContext">
                                 </ng-template>
                             }
                         }
+                        @if (isRowPinColumn() && !isNew && isRowPinnable) {
+                            <span class="k-pin-cell" #target
+                                [kendoEventsOutsideAngular]="{
+                                    click: onPinIconClick
+                                }">
+                                <kendo-icon-wrapper
+                                    [name]="isRowPinnedTop || isRowPinnedBottom ? 'unpin-outline' : 'pin-outline'"
+                                    [svgIcon]="isRowPinnedTop || isRowPinnedBottom ? unpinOutlineIcon : pinOutlineIcon"
+                                    [innerCssClass]="isRowPinnedTop || isRowPinnedBottom ? 'k-action-icon' : ''"
+                                    >
+                                </kendo-icon-wrapper>
+                            </span>
+                        }
                     } @else {
                         @if (loadingTemplate) {
                             <ng-template
@@ -22198,17 +22397,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                     }
                 }
             }
+            <kendo-contextmenu #pinContextMenu
+                [items]="pinMenuItems"
+                (select)="onContextMenuSelect($event)"
+            ></kendo-contextmenu>
         }
+
     `,
                     standalone: true,
                     imports: [NgTemplateOutlet, FocusableDirective, SelectionCheckboxDirective, TemplateContextDirective,
-                        IconWrapperComponent, NumericTextBoxComponent, DatePickerComponent, FieldAccessorPipe, ReactiveFormsModule, CheckBoxComponent, TextBoxComponent, NgClass, NgStyle, ButtonComponent]
+                        IconWrapperComponent, NumericTextBoxComponent, DatePickerComponent, FieldAccessorPipe, ReactiveFormsModule, CheckBoxComponent, TextBoxComponent, NgClass, NgStyle, ButtonComponent, ContextMenuComponent, EventsOutsideAngularDirective]
                 }]
-        }], ctorParameters: () => [{ type: EditService }, { type: IdService }, { type: ContextService }, { type: DetailsService }, { type: i1$2.LocalizationService }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: EditService }, { type: IdService }, { type: ContextService }, { type: DetailsService }, { type: i1$2.LocalizationService }, { type: RowPinService, decorators: [{
+                    type: Optional
+                }] }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
                     args: [CELL_CONTEXT]
+                }] }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [IS_PIN_CONTAINER]
                 }] }], propDecorators: { commandCellClass: [{
                 type: HostBinding,
                 args: ['class.k-command-cell']
@@ -22221,6 +22432,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             }], dragRowHandleLabel: [{
                 type: HostBinding,
                 args: ['attr.aria-label']
+            }], pinContextMenu: [{
+                type: ViewChild,
+                args: ['pinContextMenu']
+            }], pinContextMenuTarget: [{
+                type: ViewChild,
+                args: ['target', { read: ElementRef }]
             }], column: [{
                 type: Input
             }], columns: [{
@@ -22300,6 +22517,8 @@ class TableBodyComponent {
     rowClass = () => null;
     rowHeight;
     detailRowHeight;
+    isPinContainer = false;
+    pinPosition = null;
     hostClass = true;
     groupHeaderSlaveCellsCount;
     groupHeaderColumns;
@@ -22387,7 +22606,8 @@ class TableBodyComponent {
         if (this.rowsToRender) {
             this.rowsToRender.forEach((item) => {
                 if (item.type === 'data') {
-                    item.isEditing = this.editService.hasEdited(item.index);
+                    const zone = this.isPinContainer ? 'pinned' : 'body';
+                    item.isEditing = this.editService.hasEdited(item.index) && this.editService.editZone === zone;
                 }
             });
         }
@@ -22416,20 +22636,29 @@ class TableBodyComponent {
         }
     }
     logicalRowIndex(rowIndex) {
+        const addRowOffset = this.editService.hasNewItem ? 1 : 0;
+        const filterRowOffset = hasFilterRow(this.filterable) ? 1 : 0;
+        const headerRowCount = this.columnInfoService.totalLevels + filterRowOffset + addRowOffset;
+        const pinnedTopCount = this.ctx.grid?.pinnedTopRows?.length ?? 0;
+        if (this.pinPosition === 'top') {
+            return headerRowCount + rowIndex + 1;
+        }
+        if (this.pinPosition === 'bottom') {
+            const dataRows = this.navigationService.metadata?.dataRows ?? 0;
+            return headerRowCount + pinnedTopCount + dataRows + rowIndex + 1;
+        }
         const skip = this.skip + (this.ctx.scroller?.virtualSkip ?? 0);
         let pos = rowIndex + skip;
         if (this.hasDetailTemplate && !this.isStackedMode) {
             pos *= 2;
         }
         const absoluteRowIndex = this.isStackedMode ? pos : 1 + pos;
-        const addRowOffset = this.editService.hasNewItem ? 1 : 0;
-        const filterRowOffset = hasFilterRow(this.filterable) ? 1 : 0;
-        const headerRowCount = this.columnInfoService.totalLevels + filterRowOffset + addRowOffset;
-        return absoluteRowIndex + headerRowCount;
+        return absoluteRowIndex + headerRowCount + pinnedTopCount;
     }
     addRowLogicalIndex() {
-        return this.columnInfoService.totalLevels + 1 +
-            (hasFilterRow(this.filterable) ? 1 : 0);
+        const filterRowOffset = hasFilterRow(this.filterable) ? 1 : 0;
+        const pinnedTopCount = this.pinPosition ? 0 : this.ctx.grid?.pinnedTopRows?.length ?? 0;
+        return this.columnInfoService.totalLevels + 1 + filterRowOffset + pinnedTopCount;
     }
     logicalColIndex(column) {
         if (!isPresent(column.leafIndex)) {
@@ -22479,10 +22708,15 @@ class TableBodyComponent {
         clearTimeout(this.clickTimeout);
     }
     isEditingCell(index, column) {
-        return this.editService.isEditing() && this.editService.isEditedColumn(index, column);
+        const zone = this.isPinContainer ? 'pinned' : 'body';
+        return this.editService.isEditing() && this.editService.isEditedColumn(index, column) && this.editService.editZone === zone;
     }
     isEditingRow(index) {
-        return this.editService.isEditing() && this.editService.hasEdited(index);
+        const zone = this.isPinContainer ? 'pinned' : 'body';
+        return this.editService.isEditing() && this.editService.hasEdited(index) && this.editService.editZone === zone;
+    }
+    isRowPinned(dataItem) {
+        return !!(this.ctx.grid?.pinnedTopRows?.includes(dataItem) || this.ctx.grid?.pinnedBottomRows?.includes(dataItem));
     }
     get isStackedMode() {
         return this.ctx.grid?.isStacked;
@@ -22594,6 +22828,7 @@ class TableBodyComponent {
             if (!cell) {
                 return;
             }
+            this.editService.editZone = this.isPinContainer ? 'pinned' : 'body';
             this.editService.preventCellClose();
             const focusable = (!isCellTarget && target !== cell) && isFocusableWithTabKey(target, false);
             const ignoreContainer = isCellTarget ? true : !closestInScope(target, matchesClasses(IGNORE_CONTAINER_CLASSES), cell);
@@ -22675,7 +22910,10 @@ class TableBodyComponent {
             isEditedRow: isEditedRow,
             originalEvent: eventArg,
             rowIndex: rowIndex,
-            type: type
+            type: type,
+            isPinContainer: this.isPinContainer,
+            isRowPinned: this.isRowPinned(dataItem),
+            pinPosition: this.pinPosition
         };
     }
     eventTarget(args) {
@@ -22709,7 +22947,7 @@ class TableBodyComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", 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: "17.0.0", version: "19.2.20", 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", rowHeight: "rowHeight", detailRowHeight: "detailRowHeight" }, host: { properties: { "class.k-table-tbody": "this.hostClass" } }, usesOnChanges: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", 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", rowHeight: "rowHeight", detailRowHeight: "detailRowHeight", isPinContainer: "isPinContainer", pinPosition: "pinPosition" }, host: { properties: { "class.k-table-tbody": "this.hostClass" } }, usesOnChanges: true, ngImport: i0, template: `
     @if (editService.hasNewItem) {
         <tr class="k-grid-add-row k-grid-edit-row k-master-row"
             [style.height.px]="rowHeight"
@@ -22825,6 +23063,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-pinned-source]="isRowPinned(item.data) && !isPinContainer"
                 [class.k-expanded]="item.isExpanded && !isStackedMode"
                 [class.k-grid-edit-row]="isEditingRow($any(item).index)"
                 [attr.aria-selected]="(lockedColumnsCount < 1 || isStackedMode) ? isSelectable({ dataItem: item.data, index: $any(item).index }) && isRowSelected(item) : undefined"
@@ -23174,6 +23413,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", 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-pinned-source]="isRowPinned(item.data) && !isPinContainer"
                 [class.k-expanded]="item.isExpanded && !isStackedMode"
                 [class.k-grid-edit-row]="isEditingRow($any(item).index)"
                 [attr.aria-selected]="(lockedColumnsCount < 1 || isStackedMode) ? isSelectable({ dataItem: item.data, index: $any(item).index }) && isRowSelected(item) : undefined"
@@ -23456,6 +23696,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 type: Input
             }], detailRowHeight: [{
                 type: Input
+            }], isPinContainer: [{
+                type: Input
+            }], pinPosition: [{
+                type: Input
             }], hostClass: [{
                 type: HostBinding,
                 args: ['class.k-table-tbody']
@@ -23512,7 +23756,8 @@ class EditCommandDirective extends Button {
     ngDoCheck() {
         if (this.cellContext) {
             this.rowIndex = this.cellContext.rowIndex;
-            this.isEdited = this.editService.isEdited(this.rowIndex);
+            const zone = this.cellContext.inPinContainer ? 'pinned' : 'body';
+            this.isEdited = this.editService.isEdited(this.rowIndex) && this.editService.editZone === zone;
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: EditCommandDirective, deps: [{ token: EditService }, { token: CELL_CONTEXT }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: ContextService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
@@ -23626,7 +23871,8 @@ class CancelCommandDirective extends Button {
     ngDoCheck() {
         if (this.cellContext) {
             this.rowIndex = this.cellContext.rowIndex;
-            this.isEdited = this.editService.isEdited(this.rowIndex);
+            const zone = this.cellContext.inPinContainer ? 'pinned' : 'body';
+            this.isEdited = this.editService.isEdited(this.rowIndex) && this.editService.editZone === zone;
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CancelCommandDirective, deps: [{ token: EditService }, { token: CELL_CONTEXT }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: ContextService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
@@ -23739,7 +23985,8 @@ class SaveCommandDirective extends Button {
     ngDoCheck() {
         if (this.cellContext) {
             this.rowIndex = this.cellContext.rowIndex;
-            this.isEdited = this.editService.isEdited(this.rowIndex);
+            const zone = this.cellContext.inPinContainer ? 'pinned' : 'body';
+            this.isEdited = this.editService.isEdited(this.rowIndex) && this.editService.editZone === zone;
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: SaveCommandDirective, deps: [{ token: EditService }, { token: CELL_CONTEXT }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: ContextService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
@@ -24203,6 +24450,82 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 args: [RowDragHintTemplateDirective, { descendants: false }]
             }] } });
 
+/**
+ * Represents the pin column for the Grid.
+ *
+ * @example
+ * ```html
+ * <kendo-grid>
+ *   <kendo-grid-rowpin-column></kendo-grid-rowpin-column>
+ *   <kendo-grid-column field="ProductID"></kendo-grid-column>
+ * </kendo-grid>
+ * ```
+ */
+class RowPinColumnComponent extends ColumnBase {
+    parent;
+    /**
+     * Defines the name for an existing font icon in the Kendo UI theme.
+     * @hidden
+     */
+    pinIcon;
+    /**
+     * Defines an SVGIcon to be rendered as a pin icon.
+     * @hidden
+     */
+    pinSVGIcon;
+    /**
+     * @hidden
+     */
+    isRowPinColumn = true;
+    constructor(parent, idService) {
+        super(parent, idService);
+        this.parent = parent;
+        this.width = 48;
+    }
+    /**
+     * Sets a function to determine the rowspan of each column cell.
+     */
+    set cellRowspan(cellRowspan) {
+        super.cellRowspan = cellRowspan;
+    }
+    get cellRowspan() {
+        return super.cellRowspan;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: RowPinColumnComponent, deps: [{ token: ColumnBase, host: true, optional: true, skipSelf: true }, { token: IdService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: RowPinColumnComponent, isStandalone: true, selector: "kendo-grid-rowpin-column", inputs: { pinIcon: "pinIcon", pinSVGIcon: "pinSVGIcon" }, providers: [
+            {
+                provide: ColumnBase,
+                useExisting: forwardRef(() => RowPinColumnComponent)
+            }
+        ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: RowPinColumnComponent, decorators: [{
+            type: Component,
+            args: [{
+                    providers: [
+                        {
+                            provide: ColumnBase,
+                            useExisting: forwardRef(() => RowPinColumnComponent)
+                        }
+                    ],
+                    selector: 'kendo-grid-rowpin-column',
+                    template: ``,
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: ColumnBase, decorators: [{
+                    type: SkipSelf
+                }, {
+                    type: Host
+                }, {
+                    type: Optional
+                }] }, { type: IdService, decorators: [{
+                    type: Optional
+                }] }], propDecorators: { pinIcon: [{
+                type: Input
+            }], pinSVGIcon: [{
+                type: Input
+            }] } });
+
 /**
  * @hidden
  */
@@ -24246,8 +24569,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1777036997,
-    version: '23.4.0',
+    publishDate: 1777368290,
+    version: '24.0.0-develop.10',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -25784,11 +26107,13 @@ class NavigationMetadata {
     columns;
     footerRow;
     isStacked;
+    pinnedTopRowsCount;
+    pinnedBottomRowsCount;
     get maxLogicalRowIndex() {
         const dataRows = this.hasDetailTemplate ? this.dataRows * 2 : this.dataRows;
-        return this.headerRows + dataRows + this.footerRow - 1;
+        return this.headerRows + this.pinnedTopRowsCount + dataRows + this.pinnedBottomRowsCount + this.footerRow - 1;
     }
-    constructor(dataRows, headerRows, isVirtual, hasPager, hasDetailTemplate, gridElement, virtualColumns, columns, footerRow, isStacked) {
+    constructor(dataRows, headerRows, isVirtual, hasPager, hasDetailTemplate, gridElement, virtualColumns, columns, footerRow, isStacked, pinnedTopRowsCount = 0, pinnedBottomRowsCount = 0) {
         this.dataRows = dataRows;
         this.headerRows = headerRows;
         this.isVirtual = isVirtual;
@@ -25799,6 +26124,8 @@ class NavigationMetadata {
         this.columns = columns;
         this.footerRow = footerRow;
         this.isStacked = isStacked;
+        this.pinnedTopRowsCount = pinnedTopRowsCount;
+        this.pinnedBottomRowsCount = pinnedBottomRowsCount;
     }
 }
 
@@ -26617,6 +26944,10 @@ class GridMarqueeDirective {
         element.style.height = `${height}px`;
     }
     endSelection(args) {
+        if (args.isPinContainer) {
+            this.clean();
+            return;
+        }
         if (args.type === 'mouseup' || args.type === 'touchend') {
             const modifier = args.originalEvent.ctrlKey || args.originalEvent.metaKey;
             const preserveCurrentSelection = modifier &&
@@ -28277,7 +28608,7 @@ class ListComponent {
       </div>
     }
     </div>
-    `, isInline: true, dependencies: [{ 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", "rowHeight", "detailRowHeight"] }, { 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: 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", "rowHeight", "detailRowHeight", "isPinContainer", "pinPosition"] }, { 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: "19.2.20", ngImport: i0, type: ListComponent, decorators: [{
             type: Component,
@@ -29344,8 +29675,32 @@ class GridMessages extends ComponentMessages {
      * Sets the screen-reader-only content for the command column header.
      */
     commandColumnHeaderLabel;
+    /**
+     * The aria-label for the pinned top rows container.
+     */
+    pinnedTopRowsLabel;
+    /**
+     * The aria-label for the pinned bottom rows container.
+     */
+    pinnedBottomRowsLabel;
+    /**
+     * The text for the **Pin row to top** option in the pin context menu.
+     */
+    pinMenuPinToTopText;
+    /**
+     * The text for the **Pin row to bottom** option in the pin context menu.
+     */
+    pinMenuPinToBottomText;
+    /**
+     * The text for the **Unpin** option in the pin context menu.
+     */
+    pinMenuUnpinText;
+    /**
+     * Sets the screen-reader-only content for the pin column header.
+     */
+    pinColumnHeaderLabel;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: GridMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: GridMessages, isStandalone: true, selector: "kendo-grid-messages-base", inputs: { groupPanelEmpty: "groupPanelEmpty", noRecords: "noRecords", pagerLabel: "pagerLabel", pagerFirstPage: "pagerFirstPage", pagerLastPage: "pagerLastPage", pagerPreviousPage: "pagerPreviousPage", pagerNextPage: "pagerNextPage", pagerPage: "pagerPage", pagerItemsPerPage: "pagerItemsPerPage", pagerOf: "pagerOf", pagerItems: "pagerItems", pagerPageNumberInputTitle: "pagerPageNumberInputTitle", pagerInputLabel: "pagerInputLabel", pagerSelectPage: "pagerSelectPage", filter: "filter", filterInputLabel: "filterInputLabel", filterMenuTitle: "filterMenuTitle", filterMenuOperatorsDropDownLabel: "filterMenuOperatorsDropDownLabel", filterMenuLogicDropDownLabel: "filterMenuLogicDropDownLabel", filterCellOperatorLabel: "filterCellOperatorLabel", booleanFilterCellLabel: "booleanFilterCellLabel", aiAssistantApplyButtonText: "aiAssistantApplyButtonText", aiAssistantToolbarToolText: "aiAssistantToolbarToolText", aiAssistantWindowTitle: "aiAssistantWindowTitle", aiAssistantWindowCloseTitle: "aiAssistantWindowCloseTitle", aiAssistantOutputCardTitle: "aiAssistantOutputCardTitle", aiAssistantOutputCardBodyContent: "aiAssistantOutputCardBodyContent", aiAssistantSelectionNotEnabled: "aiAssistantSelectionNotEnabled", aiAssistantSelectionRowModeRequired: "aiAssistantSelectionRowModeRequired", aiAssistantSelectionCellModeRequired: "aiAssistantSelectionCellModeRequired", aiAssistantWindowMaximizeTitle: "aiAssistantWindowMaximizeTitle", aiAssistantWindowMinimizeTitle: "aiAssistantWindowMinimizeTitle", aiAssistantWindowRestoreTitle: "aiAssistantWindowRestoreTitle", filterEqOperator: "filterEqOperator", filterNotEqOperator: "filterNotEqOperator", filterIsNullOperator: "filterIsNullOperator", filterIsNotNullOperator: "filterIsNotNullOperator", filterIsEmptyOperator: "filterIsEmptyOperator", filterIsNotEmptyOperator: "filterIsNotEmptyOperator", filterStartsWithOperator: "filterStartsWithOperator", filterContainsOperator: "filterContainsOperator", filterNotContainsOperator: "filterNotContainsOperator", filterEndsWithOperator: "filterEndsWithOperator", filterGteOperator: "filterGteOperator", filterGtOperator: "filterGtOperator", filterLteOperator: "filterLteOperator", filterLtOperator: "filterLtOperator", filterIsTrue: "filterIsTrue", filterIsFalse: "filterIsFalse", filterBooleanAll: "filterBooleanAll", adaptiveFilterOperatorsTitle: "adaptiveFilterOperatorsTitle", filterAfterOrEqualOperator: "filterAfterOrEqualOperator", filterAfterOperator: "filterAfterOperator", filterBeforeOperator: "filterBeforeOperator", filterBeforeOrEqualOperator: "filterBeforeOrEqualOperator", filterFilterButton: "filterFilterButton", filterClearButton: "filterClearButton", adaptiveCloseButtonTitle: "adaptiveCloseButtonTitle", adaptiveBackButtonTitle: "adaptiveBackButtonTitle", filterAndLogic: "filterAndLogic", filterOrLogic: "filterOrLogic", filterToolbarToolText: "filterToolbarToolText", loading: "loading", gridLabel: "gridLabel", columnMenu: "columnMenu", setColumnPosition: "setColumnPosition", columns: "columns", columnChooserSelectAll: "columnChooserSelectAll", columnChooserSearchLabel: "columnChooserSearchLabel", columnChooserSelectedColumnsCount: "columnChooserSelectedColumnsCount", columnsSubtitle: "columnsSubtitle", adaptiveFilterTitle: "adaptiveFilterTitle", adaptiveSortTitle: "adaptiveSortTitle", adaptiveGroupTitle: "adaptiveGroupTitle", filterClearAllButton: "filterClearAllButton", groupClearButton: "groupClearButton", sortClearButton: "sortClearButton", sortDoneButton: "sortDoneButton", groupDoneButton: "groupDoneButton", lock: "lock", unlock: "unlock", stick: "stick", unstick: "unstick", sortable: "sortable", sortAscending: "sortAscending", sortDescending: "sortDescending", autosizeThisColumn: "autosizeThisColumn", autosizeAllColumns: "autosizeAllColumns", sortedAscending: "sortedAscending", sortedDescending: "sortedDescending", sortedDefault: "sortedDefault", sortToolbarToolText: "sortToolbarToolText", columnsApply: "columnsApply", columnsReset: "columnsReset", detailExpand: "detailExpand", detailCollapse: "detailCollapse", filterDateToday: "filterDateToday", filterDateToggle: "filterDateToggle", filterNumericDecrement: "filterNumericDecrement", filterNumericIncrement: "filterNumericIncrement", selectionCheckboxLabel: "selectionCheckboxLabel", selectAllCheckboxLabel: "selectAllCheckboxLabel", checkboxColumnHeaderLabel: "checkboxColumnHeaderLabel", groupCollapse: "groupCollapse", groupExpand: "groupExpand", topToolbarLabel: "topToolbarLabel", bottomToolbarLabel: "bottomToolbarLabel", editToolbarToolText: "editToolbarToolText", saveToolbarToolText: "saveToolbarToolText", addToolbarToolText: "addToolbarToolText", cancelToolbarToolText: "cancelToolbarToolText", removeToolbarToolText: "removeToolbarToolText", excelExportToolbarToolText: "excelExportToolbarToolText", csvExportToolbarToolText: "csvExportToolbarToolText", pdfExportToolbarToolText: "pdfExportToolbarToolText", groupPanelLabel: "groupPanelLabel", dragRowHandleLabel: "dragRowHandleLabel", columnMenuFilterTabTitle: "columnMenuFilterTabTitle", columnMenuGeneralTabTitle: "columnMenuGeneralTabTitle", columnMenuColumnsTabTitle: "columnMenuColumnsTabTitle", groupChipMenuPrevious: "groupChipMenuPrevious", groupChipMenuNext: "groupChipMenuNext", groupToolbarToolText: "groupToolbarToolText", formValidationErrorText: "formValidationErrorText", removeConfirmationDialogTitle: "removeConfirmationDialogTitle", removeConfirmationDialogContent: "removeConfirmationDialogContent", removeConfirmationDialogConfirmText: "removeConfirmationDialogConfirmText", removeConfirmationDialogRejectText: "removeConfirmationDialogRejectText", externalEditingTitle: "externalEditingTitle", externalEditingAddTitle: "externalEditingAddTitle", externalEditingSaveText: "externalEditingSaveText", externalEditingCancelText: "externalEditingCancelText", multiCheckboxFilterSearchPlaceholder: "multiCheckboxFilterSearchPlaceholder", multiCheckboxFilterSelectAllLabel: "multiCheckboxFilterSelectAllLabel", multiCheckboxFilterSelectedItemsCount: "multiCheckboxFilterSelectedItemsCount", smartBoxSpeechToTextButton: "smartBoxSpeechToTextButton", smartBoxSubmitPromptButton: "smartBoxSubmitPromptButton", smartBoxSearchPlaceholder: "smartBoxSearchPlaceholder", smartBoxSemanticSearchPlaceholder: "smartBoxSemanticSearchPlaceholder", smartBoxAIAssistantPlaceholder: "smartBoxAIAssistantPlaceholder", smartBoxSuggestedPrompts: "smartBoxSuggestedPrompts", smartBoxNoPreviousSearches: "smartBoxNoPreviousSearches", smartBoxNoPreviousPrompts: "smartBoxNoPreviousPrompts", smartBoxPreviouslySearched: "smartBoxPreviouslySearched", smartBoxPreviouslyAsked: "smartBoxPreviouslyAsked", searchModeListItemText: "searchModeListItemText", searchModeListItemDescription: "searchModeListItemDescription", semanticSearchModeListItemText: "semanticSearchModeListItemText", semanticSearchModeListItemDescription: "semanticSearchModeListItemDescription", smartBoxSearchModePopupButton: "smartBoxSearchModePopupButton", smartBoxAIAssistantModePopupButton: "smartBoxAIAssistantModePopupButton", detailColumnHeaderLabel: "detailColumnHeaderLabel", dragColumnHeaderLabel: "dragColumnHeaderLabel", commandColumnHeaderLabel: "commandColumnHeaderLabel" }, usesInheritance: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: GridMessages, isStandalone: true, selector: "kendo-grid-messages-base", inputs: { groupPanelEmpty: "groupPanelEmpty", noRecords: "noRecords", pagerLabel: "pagerLabel", pagerFirstPage: "pagerFirstPage", pagerLastPage: "pagerLastPage", pagerPreviousPage: "pagerPreviousPage", pagerNextPage: "pagerNextPage", pagerPage: "pagerPage", pagerItemsPerPage: "pagerItemsPerPage", pagerOf: "pagerOf", pagerItems: "pagerItems", pagerPageNumberInputTitle: "pagerPageNumberInputTitle", pagerInputLabel: "pagerInputLabel", pagerSelectPage: "pagerSelectPage", filter: "filter", filterInputLabel: "filterInputLabel", filterMenuTitle: "filterMenuTitle", filterMenuOperatorsDropDownLabel: "filterMenuOperatorsDropDownLabel", filterMenuLogicDropDownLabel: "filterMenuLogicDropDownLabel", filterCellOperatorLabel: "filterCellOperatorLabel", booleanFilterCellLabel: "booleanFilterCellLabel", aiAssistantApplyButtonText: "aiAssistantApplyButtonText", aiAssistantToolbarToolText: "aiAssistantToolbarToolText", aiAssistantWindowTitle: "aiAssistantWindowTitle", aiAssistantWindowCloseTitle: "aiAssistantWindowCloseTitle", aiAssistantOutputCardTitle: "aiAssistantOutputCardTitle", aiAssistantOutputCardBodyContent: "aiAssistantOutputCardBodyContent", aiAssistantSelectionNotEnabled: "aiAssistantSelectionNotEnabled", aiAssistantSelectionRowModeRequired: "aiAssistantSelectionRowModeRequired", aiAssistantSelectionCellModeRequired: "aiAssistantSelectionCellModeRequired", aiAssistantWindowMaximizeTitle: "aiAssistantWindowMaximizeTitle", aiAssistantWindowMinimizeTitle: "aiAssistantWindowMinimizeTitle", aiAssistantWindowRestoreTitle: "aiAssistantWindowRestoreTitle", filterEqOperator: "filterEqOperator", filterNotEqOperator: "filterNotEqOperator", filterIsNullOperator: "filterIsNullOperator", filterIsNotNullOperator: "filterIsNotNullOperator", filterIsEmptyOperator: "filterIsEmptyOperator", filterIsNotEmptyOperator: "filterIsNotEmptyOperator", filterStartsWithOperator: "filterStartsWithOperator", filterContainsOperator: "filterContainsOperator", filterNotContainsOperator: "filterNotContainsOperator", filterEndsWithOperator: "filterEndsWithOperator", filterGteOperator: "filterGteOperator", filterGtOperator: "filterGtOperator", filterLteOperator: "filterLteOperator", filterLtOperator: "filterLtOperator", filterIsTrue: "filterIsTrue", filterIsFalse: "filterIsFalse", filterBooleanAll: "filterBooleanAll", adaptiveFilterOperatorsTitle: "adaptiveFilterOperatorsTitle", filterAfterOrEqualOperator: "filterAfterOrEqualOperator", filterAfterOperator: "filterAfterOperator", filterBeforeOperator: "filterBeforeOperator", filterBeforeOrEqualOperator: "filterBeforeOrEqualOperator", filterFilterButton: "filterFilterButton", filterClearButton: "filterClearButton", adaptiveCloseButtonTitle: "adaptiveCloseButtonTitle", adaptiveBackButtonTitle: "adaptiveBackButtonTitle", filterAndLogic: "filterAndLogic", filterOrLogic: "filterOrLogic", filterToolbarToolText: "filterToolbarToolText", loading: "loading", gridLabel: "gridLabel", columnMenu: "columnMenu", setColumnPosition: "setColumnPosition", columns: "columns", columnChooserSelectAll: "columnChooserSelectAll", columnChooserSearchLabel: "columnChooserSearchLabel", columnChooserSelectedColumnsCount: "columnChooserSelectedColumnsCount", columnsSubtitle: "columnsSubtitle", adaptiveFilterTitle: "adaptiveFilterTitle", adaptiveSortTitle: "adaptiveSortTitle", adaptiveGroupTitle: "adaptiveGroupTitle", filterClearAllButton: "filterClearAllButton", groupClearButton: "groupClearButton", sortClearButton: "sortClearButton", sortDoneButton: "sortDoneButton", groupDoneButton: "groupDoneButton", lock: "lock", unlock: "unlock", stick: "stick", unstick: "unstick", sortable: "sortable", sortAscending: "sortAscending", sortDescending: "sortDescending", autosizeThisColumn: "autosizeThisColumn", autosizeAllColumns: "autosizeAllColumns", sortedAscending: "sortedAscending", sortedDescending: "sortedDescending", sortedDefault: "sortedDefault", sortToolbarToolText: "sortToolbarToolText", columnsApply: "columnsApply", columnsReset: "columnsReset", detailExpand: "detailExpand", detailCollapse: "detailCollapse", filterDateToday: "filterDateToday", filterDateToggle: "filterDateToggle", filterNumericDecrement: "filterNumericDecrement", filterNumericIncrement: "filterNumericIncrement", selectionCheckboxLabel: "selectionCheckboxLabel", selectAllCheckboxLabel: "selectAllCheckboxLabel", checkboxColumnHeaderLabel: "checkboxColumnHeaderLabel", groupCollapse: "groupCollapse", groupExpand: "groupExpand", topToolbarLabel: "topToolbarLabel", bottomToolbarLabel: "bottomToolbarLabel", editToolbarToolText: "editToolbarToolText", saveToolbarToolText: "saveToolbarToolText", addToolbarToolText: "addToolbarToolText", cancelToolbarToolText: "cancelToolbarToolText", removeToolbarToolText: "removeToolbarToolText", excelExportToolbarToolText: "excelExportToolbarToolText", csvExportToolbarToolText: "csvExportToolbarToolText", pdfExportToolbarToolText: "pdfExportToolbarToolText", groupPanelLabel: "groupPanelLabel", dragRowHandleLabel: "dragRowHandleLabel", columnMenuFilterTabTitle: "columnMenuFilterTabTitle", columnMenuGeneralTabTitle: "columnMenuGeneralTabTitle", columnMenuColumnsTabTitle: "columnMenuColumnsTabTitle", groupChipMenuPrevious: "groupChipMenuPrevious", groupChipMenuNext: "groupChipMenuNext", groupToolbarToolText: "groupToolbarToolText", formValidationErrorText: "formValidationErrorText", removeConfirmationDialogTitle: "removeConfirmationDialogTitle", removeConfirmationDialogContent: "removeConfirmationDialogContent", removeConfirmationDialogConfirmText: "removeConfirmationDialogConfirmText", removeConfirmationDialogRejectText: "removeConfirmationDialogRejectText", externalEditingTitle: "externalEditingTitle", externalEditingAddTitle: "externalEditingAddTitle", externalEditingSaveText: "externalEditingSaveText", externalEditingCancelText: "externalEditingCancelText", multiCheckboxFilterSearchPlaceholder: "multiCheckboxFilterSearchPlaceholder", multiCheckboxFilterSelectAllLabel: "multiCheckboxFilterSelectAllLabel", multiCheckboxFilterSelectedItemsCount: "multiCheckboxFilterSelectedItemsCount", smartBoxSpeechToTextButton: "smartBoxSpeechToTextButton", smartBoxSubmitPromptButton: "smartBoxSubmitPromptButton", smartBoxSearchPlaceholder: "smartBoxSearchPlaceholder", smartBoxSemanticSearchPlaceholder: "smartBoxSemanticSearchPlaceholder", smartBoxAIAssistantPlaceholder: "smartBoxAIAssistantPlaceholder", smartBoxSuggestedPrompts: "smartBoxSuggestedPrompts", smartBoxNoPreviousSearches: "smartBoxNoPreviousSearches", smartBoxNoPreviousPrompts: "smartBoxNoPreviousPrompts", smartBoxPreviouslySearched: "smartBoxPreviouslySearched", smartBoxPreviouslyAsked: "smartBoxPreviouslyAsked", searchModeListItemText: "searchModeListItemText", searchModeListItemDescription: "searchModeListItemDescription", semanticSearchModeListItemText: "semanticSearchModeListItemText", semanticSearchModeListItemDescription: "semanticSearchModeListItemDescription", smartBoxSearchModePopupButton: "smartBoxSearchModePopupButton", smartBoxAIAssistantModePopupButton: "smartBoxAIAssistantModePopupButton", detailColumnHeaderLabel: "detailColumnHeaderLabel", dragColumnHeaderLabel: "dragColumnHeaderLabel", commandColumnHeaderLabel: "commandColumnHeaderLabel", pinnedTopRowsLabel: "pinnedTopRowsLabel", pinnedBottomRowsLabel: "pinnedBottomRowsLabel", pinMenuPinToTopText: "pinMenuPinToTopText", pinMenuPinToBottomText: "pinMenuPinToBottomText", pinMenuUnpinText: "pinMenuUnpinText", pinColumnHeaderLabel: "pinColumnHeaderLabel" }, usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: GridMessages, decorators: [{
             type: Directive,
@@ -29660,6 +30015,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 type: Input
             }], commandColumnHeaderLabel: [{
                 type: Input
+            }], pinnedTopRowsLabel: [{
+                type: Input
+            }], pinnedBottomRowsLabel: [{
+                type: Input
+            }], pinMenuPinToTopText: [{
+                type: Input
+            }], pinMenuPinToBottomText: [{
+                type: Input
+            }], pinMenuUnpinText: [{
+                type: Input
+            }], pinColumnHeaderLabel: [{
+                type: Input
             }] } });
 
 /**
@@ -32269,6 +32636,211 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             type: Injectable
         }] });
 
+/**
+ * @hidden
+ */
+class RowPinContainerComponent {
+    localization;
+    pinnedWrapper;
+    hostClass = true;
+    get bottomClass() {
+        return this.position === 'bottom';
+    }
+    leafColumns;
+    lockedLeafColumns;
+    nonLockedLeafColumns;
+    sort;
+    position;
+    rowsToRender;
+    totalColumns;
+    lockedWidth;
+    nonLockedWidth;
+    isLocked;
+    selectable;
+    trackBy;
+    groups;
+    detailTemplate;
+    filterable;
+    constructor(localization) {
+        this.localization = localization;
+    }
+    get ariaLabel() {
+        const labelKey = this.position === 'top' ? 'pinnedTopRowsLabel' : 'pinnedBottomRowsLabel';
+        return this.localization.get(labelKey);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: RowPinContainerComponent, deps: [{ token: i1$2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: RowPinContainerComponent, isStandalone: true, selector: "kendo-grid-rowpin-container", inputs: { leafColumns: "leafColumns", lockedLeafColumns: "lockedLeafColumns", nonLockedLeafColumns: "nonLockedLeafColumns", sort: "sort", position: "position", rowsToRender: "rowsToRender", totalColumns: "totalColumns", lockedWidth: "lockedWidth", nonLockedWidth: "nonLockedWidth", isLocked: "isLocked", selectable: "selectable", trackBy: "trackBy", groups: "groups", detailTemplate: "detailTemplate", filterable: "filterable" }, host: { properties: { "class.k-grid-pinned-container": "this.hostClass", "class.k-pos-bottom": "this.bottomClass" } }, providers: [{ provide: IS_PIN_CONTAINER, useValue: true }], viewQueries: [{ propertyName: "pinnedWrapper", first: true, predicate: ["pinnedWrapper"], descendants: true, static: true }], ngImport: i0, template: `
+        @if (isLocked) {
+            <div class="k-grid-content-locked" role="presentation" [style.width.px]="lockedWidth">
+                <table class="k-grid-table"
+                    kendoGridTable
+                    kendoGridResizableTable
+                    [style.width.px]="lockedWidth">
+                    <colgroup kendoGridColGroup
+                        [groups]="groups"
+                        [columns]="$any(lockedLeafColumns)"
+                        [sort]="sort"
+                        [detailTemplate]="detailTemplate">
+                    </colgroup>
+                    <tbody kendoGridTableBody
+                        role="presentation"
+                        [isLocked]="true"
+                        [rowsToRender]="rowsToRender"
+                        [columns]="$any(lockedLeafColumns)"
+                        [totalColumnsCount]="totalColumns.leafColumns.length"
+                        [totalColumns]="totalColumns"
+                        [selectable]="selectable"
+                        [trackBy]="trackBy"
+                        [isPinContainer]="true"
+                        [pinPosition]="position"
+                        [groups]="groups"
+                        [detailTemplate]="detailTemplate"
+                        [filterable]="filterable">
+                    </tbody>
+                </table>
+            </div>
+        }
+        <div #pinnedWrapper class="k-grid-pinned-wrap">
+            <table class="k-grid-table"
+                kendoGridTable
+                kendoGridResizableTable
+                [style.width.px]="nonLockedWidth"
+                [attr.aria-label]="ariaLabel">
+                <colgroup kendoGridColGroup
+                    [columns]="$any(nonLockedLeafColumns)"
+                    [sort]="sort"
+                    [groups]="groups"
+                    [detailTemplate]="detailTemplate">
+                </colgroup>
+                <tbody kendoGridTableBody
+                    role="presentation"
+                    [rowsToRender]="rowsToRender"
+                    [columns]="$any(nonLockedLeafColumns)"
+                    [lockedColumnsCount]="isLocked ? lockedLeafColumns?.length : 0"
+                    [totalColumnsCount]="totalColumns.leafColumns.length"
+                    [totalColumns]="totalColumns"
+                    [selectable]="selectable"
+                    [trackBy]="trackBy"
+                    [isPinContainer]="true"
+                    [pinPosition]="position"
+                    [groups]="groups"
+                    [detailTemplate]="detailTemplate"
+                    [filterable]="filterable">
+                </tbody>
+            </table>
+        </div>
+    `, isInline: true, dependencies: [{ kind: "directive", type: GridTableDirective, selector: "[kendoGridTable]", inputs: ["size"] }, { kind: "directive", type: TableDirective, selector: "[kendoGridResizableTable]", inputs: ["locked", "virtualColumns"] }, { 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", "rowHeight", "detailRowHeight", "isPinContainer", "pinPosition"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: RowPinContainerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-grid-rowpin-container',
+                    template: `
+        @if (isLocked) {
+            <div class="k-grid-content-locked" role="presentation" [style.width.px]="lockedWidth">
+                <table class="k-grid-table"
+                    kendoGridTable
+                    kendoGridResizableTable
+                    [style.width.px]="lockedWidth">
+                    <colgroup kendoGridColGroup
+                        [groups]="groups"
+                        [columns]="$any(lockedLeafColumns)"
+                        [sort]="sort"
+                        [detailTemplate]="detailTemplate">
+                    </colgroup>
+                    <tbody kendoGridTableBody
+                        role="presentation"
+                        [isLocked]="true"
+                        [rowsToRender]="rowsToRender"
+                        [columns]="$any(lockedLeafColumns)"
+                        [totalColumnsCount]="totalColumns.leafColumns.length"
+                        [totalColumns]="totalColumns"
+                        [selectable]="selectable"
+                        [trackBy]="trackBy"
+                        [isPinContainer]="true"
+                        [pinPosition]="position"
+                        [groups]="groups"
+                        [detailTemplate]="detailTemplate"
+                        [filterable]="filterable">
+                    </tbody>
+                </table>
+            </div>
+        }
+        <div #pinnedWrapper class="k-grid-pinned-wrap">
+            <table class="k-grid-table"
+                kendoGridTable
+                kendoGridResizableTable
+                [style.width.px]="nonLockedWidth"
+                [attr.aria-label]="ariaLabel">
+                <colgroup kendoGridColGroup
+                    [columns]="$any(nonLockedLeafColumns)"
+                    [sort]="sort"
+                    [groups]="groups"
+                    [detailTemplate]="detailTemplate">
+                </colgroup>
+                <tbody kendoGridTableBody
+                    role="presentation"
+                    [rowsToRender]="rowsToRender"
+                    [columns]="$any(nonLockedLeafColumns)"
+                    [lockedColumnsCount]="isLocked ? lockedLeafColumns?.length : 0"
+                    [totalColumnsCount]="totalColumns.leafColumns.length"
+                    [totalColumns]="totalColumns"
+                    [selectable]="selectable"
+                    [trackBy]="trackBy"
+                    [isPinContainer]="true"
+                    [pinPosition]="position"
+                    [groups]="groups"
+                    [detailTemplate]="detailTemplate"
+                    [filterable]="filterable">
+                </tbody>
+            </table>
+        </div>
+    `,
+                    standalone: true,
+                    imports: [GridTableDirective, TableDirective, ColGroupComponent, TableBodyComponent],
+                    providers: [{ provide: IS_PIN_CONTAINER, useValue: true }]
+                }]
+        }], ctorParameters: () => [{ type: i1$2.LocalizationService }], propDecorators: { pinnedWrapper: [{
+                type: ViewChild,
+                args: ['pinnedWrapper', { static: true }]
+            }], hostClass: [{
+                type: HostBinding,
+                args: ['class.k-grid-pinned-container']
+            }], bottomClass: [{
+                type: HostBinding,
+                args: ['class.k-pos-bottom']
+            }], leafColumns: [{
+                type: Input
+            }], lockedLeafColumns: [{
+                type: Input
+            }], nonLockedLeafColumns: [{
+                type: Input
+            }], sort: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }], rowsToRender: [{
+                type: Input
+            }], totalColumns: [{
+                type: Input
+            }], lockedWidth: [{
+                type: Input
+            }], nonLockedWidth: [{
+                type: Input
+            }], isLocked: [{
+                type: Input
+            }], selectable: [{
+                type: Input
+            }], trackBy: [{
+                type: Input
+            }], groups: [{
+                type: Input
+            }], detailTemplate: [{
+                type: Input
+            }], filterable: [{
+                type: Input
+            }] } });
+
 const createControl = (source) => (acc, key) => {
     acc[key] = new FormControl(source[key]);
     return acc;
@@ -32316,6 +32888,7 @@ const NOTIFY_DELAY = 500;
  * {@link GridSpacerComponent},
  * {@link PDFComponent},
  * {@link RowReorderColumnComponent},
+ * {@link RowPinColumnComponent},
  * {@link SpanColumnComponent},
  * {@link ToolBarComponent}.
  */
@@ -32354,6 +32927,7 @@ class GridComponent {
     aiRequestResponseService;
     idService;
     searchService;
+    rowPinService;
     /**
      * Sets the data of the Grid. If you provide an array, the Grid gets the total count automatically.
      * ([more information and example](https://www.telerik.com/kendo-angular-ui/components/grid/data-binding/basics)).
@@ -32843,6 +33417,72 @@ class GridComponent {
      * @default 'columns'
      */
     dataLayoutMode = 'columns';
+    /**
+     * Enables the end user to pin rows through the UI. You can set it to `true` to allow pinning to both top and bottom, or specify the desired pinning location by providing a `GridRowPinLocation`.
+     * By default, the row pinning feature is disabled.
+     *
+     * @default false
+     */
+    set pinnable(value) {
+        if (value !== this._pinnable) {
+            this._pinnable = value;
+            this.rowPinSubscription?.unsubscribe();
+            if (value !== false) {
+                this.rowPinSubscription = this.rowPinService.changes.subscribe(args => {
+                    this.ngZone.run(() => {
+                        this.rowPinChange.emit(args);
+                    });
+                });
+            }
+        }
+    }
+    get pinnable() {
+        return this._pinnable;
+    }
+    /**
+     * The array of data items pinned to the top of the Grid.
+     * Pinned rows remain visible while the body scrolls and are immune to filtering and pagination.
+     *
+     * Requires setting pinnable to `true` or a valid `GridRowPinLocation`.
+     */
+    pinnedTopRows;
+    /**
+     * @hidden
+     */
+    get pinnedTopRowsToRender() {
+        const topPinnedView = new DataResultIterator(this.pinnedTopRows, 0, this.hasGroupFooters);
+        const items = this.dataMappingService.dataMapper(topPinnedView, this.nonLockedLeafColumns, this.lockedLeafColumns, this.detailTemplate, this.showGroupFooters);
+        this.adjustPinnedItemIndexes(items);
+        return items;
+    }
+    /**
+     * The array of data items pinned to the bottom of the Grid.
+     * Pinned rows remain visible while the body scrolls and are immune to filtering and pagination.
+     *
+     * Requires setting pinnable to `true` or a valid `GridRowPinLocation`.
+     */
+    pinnedBottomRows;
+    /**
+     * @hidden
+     */
+    get pinnedBottomRowsToRender() {
+        const bottomPinnedView = new DataResultIterator(this.pinnedBottomRows, 0, this.hasGroupFooters);
+        const items = this.dataMappingService.dataMapper(bottomPinnedView, this.nonLockedLeafColumns, this.lockedLeafColumns, this.detailTemplate, this.showGroupFooters);
+        this.adjustPinnedItemIndexes(items);
+        return items;
+    }
+    /**
+     * Sets a function to determine if a data row is pinnable.
+     */
+    set isRowPinnable(fn) {
+        if (isDevMode() && typeof fn !== 'function') {
+            throw new Error(GridConfigurationErrorMessages.functionType('isRowPinnable', fn));
+        }
+        this._isRowPinnable = fn;
+    }
+    get isRowPinnable() {
+        return this._isRowPinnable;
+    }
     /**
      * Fires when the Grid data is filtered through the UI and the filter descriptor changes.
      */
@@ -32867,6 +33507,10 @@ class GridComponent {
      * Fires when a row is reordered through the UI.
      */
     rowReorder = new EventEmitter();
+    /**
+     * Fires when a row’s pinned state is updated through the UI.
+     */
+    rowPinChange = new EventEmitter();
     /**
      * Fires when the data state of the Grid is changed.
      */
@@ -33080,6 +33724,7 @@ class GridComponent {
     columnMenuTemplates;
     lockedHeader;
     header;
+    pinnedContainers;
     footer = new QueryList();
     ariaRoot;
     dragTargetContainer;
@@ -33159,7 +33804,9 @@ class GridComponent {
         return this.groupable && this.groupable.showFooter;
     }
     get ariaRowCount() {
-        return this.totalColumnLevels + 1 + this.view.total + (hasFilterRow(this.filterable) ? 1 : 0);
+        const pinnedTopCount = this.pinnedTopRows?.length ?? 0;
+        const pinnedBottomCount = this.pinnedBottomRows?.length ?? 0;
+        return this.totalColumnLevels + 1 + this.view.total + (hasFilterRow(this.filterable) ? 1 : 0) + pinnedTopCount + pinnedBottomCount;
     }
     get ariaColCount() {
         return this.columnsContainer.leafColumnsToRender.length;
@@ -33173,6 +33820,17 @@ class GridComponent {
     get flatData() {
         return isArray(this.data) ? this.data : this.data.data;
     }
+    adjustPinnedItemIndexes(items) {
+        const flatData = this.flatData;
+        items.forEach((item) => {
+            if (item.type === 'data') {
+                const pageIdx = flatData.indexOf(item.data);
+                if (pageIdx >= 0) {
+                    item.index = this.skip + pageIdx;
+                }
+            }
+        });
+    }
     shouldGenerateColumns = true;
     direction;
     notifyTimeout = null;
@@ -33184,6 +33842,7 @@ class GridComponent {
     defaultSelection;
     _rowSelected = null;
     _isRowSelectable = null;
+    _isRowPinnable = null;
     _cellSelected = null;
     _customDetailTemplate;
     _cellLoadingTemplate;
@@ -33194,6 +33853,7 @@ class GridComponent {
     _customToolbarTemplate;
     _detailTemplateChildren;
     _rowReorderable = false;
+    _pinnable = false;
     leafViewportColumns;
     viewportColumns;
     _navigable = ['table', 'pager', 'toolbar'];
@@ -33214,6 +33874,12 @@ class GridComponent {
     get isStacked() {
         return typeof this.dataLayoutMode === 'string' ? this.dataLayoutMode !== 'columns' : this.dataLayoutMode.mode !== 'columns';
     }
+    /**
+     * @hidden
+     */
+    get isPinnable() {
+        return this._pinnable !== false;
+    }
     get visibleColumns() {
         return this.columnsContainer.allColumns;
     }
@@ -33322,9 +33988,11 @@ class GridComponent {
     focusElementSubscription;
     columnRangeChangeSubscription;
     rowReorderSubscription;
+    rowPinSubscription;
+    pinnedContainersChangeSubscription;
     rtl = false;
     _rowSticky;
-    constructor(supportService, selectionService, cellSelectionService, wrapper, groupInfoService, groupsService, changeNotification, detailsService, editService, filterService, pdfService, responsiveService, renderer, excelService, csvService, ngZone, scrollSyncService, domEvents, columnResizingService, changeDetectorRef, columnReorderService, columnInfoService, navigationService, sortService, scrollRequestService, localization, ctx, sizingService, adaptiveGridService, rowReorderService, dataMappingService, aiRequestResponseService, idService, searchService) {
+    constructor(supportService, selectionService, cellSelectionService, wrapper, groupInfoService, groupsService, changeNotification, detailsService, editService, filterService, pdfService, responsiveService, renderer, excelService, csvService, ngZone, scrollSyncService, domEvents, columnResizingService, changeDetectorRef, columnReorderService, columnInfoService, navigationService, sortService, scrollRequestService, localization, ctx, sizingService, adaptiveGridService, rowReorderService, dataMappingService, aiRequestResponseService, idService, searchService, rowPinService) {
         this.supportService = supportService;
         this.selectionService = selectionService;
         this.cellSelectionService = cellSelectionService;
@@ -33359,6 +34027,7 @@ class GridComponent {
         this.aiRequestResponseService = aiRequestResponseService;
         this.idService = idService;
         this.searchService = searchService;
+        this.rowPinService = rowPinService;
         const isValid = validatePackage(packageMetadata);
         this.licenseMessage = getLicenseMessage(packageMetadata);
         this.showLicenseWatermark = shouldShowValidationUI(isValid);
@@ -33556,6 +34225,11 @@ class GridComponent {
         if (isChanged$1("scrollable", changes) && this.isScrollable) {
             this.ngZone.onStable.pipe(take(1)).subscribe(() => this.attachScrollSync());
         }
+        if (isChanged$1("pinnable", changes) || isChanged$1("pinnedTopRows", changes) || isChanged$1("pinnedBottomRows", changes)) {
+            if (this.isPinnable) {
+                this.ngZone.onStable.pipe(take(1)).subscribe(() => this.attachScrollSync());
+            }
+        }
         if (isChanged$1("selectable", changes) && this.shouldResetSelection(changes['selectable'])) {
             if (this.defaultSelection) {
                 this.defaultSelection.reset();
@@ -33626,6 +34300,9 @@ class GridComponent {
         if (this.rowReorderSubscription) {
             this.rowReorderSubscription.unsubscribe();
         }
+        if (this.rowPinSubscription) {
+            this.rowPinSubscription.unsubscribe();
+        }
         if (this.columnReorderSubscription) {
             this.columnReorderSubscription.unsubscribe();
         }
@@ -33703,6 +34380,9 @@ class GridComponent {
             this.rowReorderSubscription.unsubscribe();
         }
         this.columnRangeChangeSubscription.unsubscribe();
+        if (this.pinnedContainersChangeSubscription) {
+            this.pinnedContainersChangeSubscription.unsubscribe();
+        }
     }
     /**
      * @hidden
@@ -33723,7 +34403,23 @@ class GridComponent {
         if (this.header) {
             this.scrollSyncService.registerEmitter(this.header.nativeElement, "header");
         }
+        if (this.pinnedContainers) {
+            if (this.pinnedContainersChangeSubscription) {
+                this.pinnedContainersChangeSubscription.unsubscribe();
+            }
+            this.pinnedContainersChangeSubscription = observe(this.pinnedContainers)
+                .subscribe(containers => containers
+                .map(container => container.pinnedWrapper.nativeElement)
+                .filter(isPresent)
+                .forEach(element => {
+                this.scrollSyncService.registerEmitter(element, 'pinnedContainer');
+                element.scrollLeft = this.wrapper.nativeElement.querySelector('.k-grid-content')?.scrollLeft;
+            }));
+        }
         if (this.footer) {
+            if (this.footerChangeSubscription) {
+                this.footerChangeSubscription.unsubscribe();
+            }
             this.footerChangeSubscription = observe(this.footer)
                 .subscribe(footers => footers
                 .map(footer => footer.nativeElement)
@@ -34416,7 +35112,7 @@ class GridComponent {
         const { action, rowIndex, formGroup } = args;
         let dataItem = this.view.at(rowIndex - this.skip);
         if (action !== 'add' && !dataItem) {
-            dataItem = formGroup.value;
+            dataItem = formGroup?.value;
         }
         this.closeCell();
         Object.assign(args, {
@@ -34609,7 +35305,7 @@ class GridComponent {
         const addRowOffset = this.editService.hasNewItem ? 1 : 0;
         const filterRowOffset = hasFilterRow(this.filterable) ? 1 : 0;
         const headerRows = this.isStacked ? 0 : this.totalColumnLevels + 1 + filterRowOffset + addRowOffset;
-        return new NavigationMetadata(dataRows, headerRows, isVirtual, this.hasPager, isPresent(this.detailTemplate), this.wrapper, this.virtualColumns, this.columnsContainer, this.showFooter ? 1 : 0, this.isStacked);
+        return new NavigationMetadata(dataRows, headerRows, isVirtual, this.hasPager, isPresent(this.detailTemplate), this.wrapper, this.virtualColumns, this.columnsContainer, this.showFooter ? 1 : 0, this.isStacked, this.pinnedTopRows?.length ?? 0, this.pinnedBottomRows?.length ?? 0);
     }
     applyAutoSize() {
         const cols = this.columns.filter((c) => this.autoSize ? c.autoSize !== false : c.autoSize);
@@ -34711,8 +35407,8 @@ class GridComponent {
         this.dragTargetContainer?.notify();
         this.dropTargetContainer?.notify();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: GridComponent, deps: [{ token: i1$3.ScrollbarService }, { 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: CSVService }, { 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 }, { token: GridAIRequestResponseService }, { token: IdService }, { token: SearchService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", 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", dataLayoutMode: "dataLayoutMode" }, 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", csvExport: "csvExport", 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-stack": "this.stackedClass", "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: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: GridComponent, deps: [{ token: i1$3.ScrollbarService }, { 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: CSVService }, { 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 }, { token: GridAIRequestResponseService }, { token: IdService }, { token: SearchService }, { token: RowPinService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", 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", dataLayoutMode: "dataLayoutMode", pinnable: "pinnable", pinnedTopRows: "pinnedTopRows", pinnedBottomRows: "pinnedBottomRows", isRowPinnable: "isRowPinnable" }, outputs: { filterChange: "filterChange", pageChange: "pageChange", groupChange: "groupChange", sortChange: "sortChange", selectionChange: "selectionChange", rowReorder: "rowReorder", rowPinChange: "rowPinChange", 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", csvExport: "csvExport", 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-stack": "this.stackedClass", "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: [
             LocalizationService,
             ColumnInfoService,
             SelectionService,
@@ -34764,8 +35460,9 @@ class GridComponent {
             ColumnMenuService,
             MenuTabbingService,
             DataMappingService,
-            SearchService
-        ], 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: "windowContainer", first: true, predicate: ["windowContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "adaptiveRenderer", first: true, predicate: AdaptiveRendererComponent, descendants: true }, { propertyName: "listComponent", first: true, predicate: ListComponent, descendants: true }, { propertyName: "footer", predicate: ["footer"], descendants: true }], exportAs: ["kendoGrid"], usesOnChanges: true, ngImport: i0, template: `
+            SearchService,
+            RowPinService
+        ], 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: "windowContainer", first: true, predicate: ["windowContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "adaptiveRenderer", first: true, predicate: AdaptiveRendererComponent, descendants: true }, { propertyName: "listComponent", first: true, predicate: ListComponent, descendants: true }, { propertyName: "pinnedContainers", predicate: RowPinContainerComponent, 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"
           groupPanelEmpty="Drag a column header and drop it here to group by that column"
@@ -35228,6 +35925,24 @@ class GridComponent {
 
           i18n-commandColumnHeaderLabel="kendo.grid.commandColumnHeaderLabel|The screen-reader-only content for the command column header"
           commandColumnHeaderLabel="Command"
+
+          i18n-pinnedTopRowsLabel="kendo.grid.pinnedTopRowsLabel|The aria-label for the pinned top rows container."
+          pinnedTopRowsLabel="Pinned top rows"
+
+          i18n-pinnedBottomRowsLabel="kendo.grid.pinnedBottomRowsLabel|The aria-label for the pinned bottom rows container."
+          pinnedBottomRowsLabel="Pinned bottom rows"
+
+          i18n-pinMenuPinToTopText="kendo.grid.pinMenuPinToTopText|The text for the **Pin row to top** option in the pin context menu."
+          pinMenuPinToTopText="Pin row to top"
+
+          i18n-pinMenuPinToBottomText="kendo.grid.pinMenuPinToBottomText|The text for the **Pin row to bottom** option in the pin context menu."
+          pinMenuPinToBottomText="Pin row to bottom"
+
+          i18n-pinMenuUnpinText="kendo.grid.pinMenuUnpinText|The text for the **Unpin** option in the pin context menu."
+          pinMenuUnpinText="Unpin"
+
+          i18n-pinColumnHeaderLabel="kendo.grid.pinColumnHeaderLabel|The screen-reader-only content for the pin column header"
+          pinColumnHeaderLabel="Actions"
           >
         </ng-container>
         @if (showTopToolbar) {
@@ -35411,6 +36126,26 @@ class GridComponent {
             </div>
           </div>
         }
+        @if (isPinnable && pinnedTopRows?.length > 0) {
+            <kendo-grid-rowpin-container
+                [leafColumns]="$any(leafColumns)"
+                [lockedLeafColumns]="lockedLeafColumns"
+                [nonLockedLeafColumns]="nonLockedLeafColumns"
+                [sort]="sort"
+                position="top"
+                [rowsToRender]="pinnedTopRowsToRender"
+                [totalColumns]="columnsContainer"
+                [lockedWidth]="lockedWidth"
+                [nonLockedWidth]="nonLockedWidth"
+                [isLocked]="isLocked"
+                [selectable]="selectable"
+                [trackBy]="trackBy"
+                [groups]="group"
+                [detailTemplate]="detailTemplate"
+                [filterable]="filterable">
+            </kendo-grid-rowpin-container>
+        }
+
         <kendo-grid-list
           [data]="$any(view)"
           [rowHeight]="rowHeight"
@@ -35442,6 +36177,26 @@ class GridComponent {
           [enableDrag]="marqueeSelection"
           [sort]="sort">
         </kendo-grid-list>
+
+        @if (isPinnable && pinnedBottomRows?.length > 0) {
+            <kendo-grid-rowpin-container
+                [leafColumns]="$any(leafColumns)"
+                [lockedLeafColumns]="lockedLeafColumns"
+                [nonLockedLeafColumns]="nonLockedLeafColumns"
+                [sort]="sort"
+                position="bottom"
+                [rowsToRender]="pinnedBottomRowsToRender"
+                [totalColumns]="columnsContainer"
+                [lockedWidth]="lockedWidth"
+                [nonLockedWidth]="nonLockedWidth"
+                [isLocked]="isLocked"
+                [selectable]="selectable"
+                [trackBy]="trackBy"
+                [groups]="group"
+                [detailTemplate]="detailTemplate"
+                [filterable]="filterable">
+            </kendo-grid-rowpin-container>
+        }
         @if (showFooter) {
           <div
             class="k-grid-footer"
@@ -35511,6 +36266,25 @@ class GridComponent {
         }
         }
         @if (!isScrollable) {
+          @if (isPinnable && pinnedTopRows?.length > 0) {
+            <kendo-grid-rowpin-container
+                [leafColumns]="$any(leafColumns)"
+                [lockedLeafColumns]="lockedLeafColumns"
+                [nonLockedLeafColumns]="nonLockedLeafColumns"
+                [sort]="$any(sort)"
+                position="top"
+                [rowsToRender]="pinnedTopRowsToRender"
+                [totalColumns]="columnsContainer"
+                [lockedWidth]="lockedWidth"
+                [nonLockedWidth]="nonLockedWidth"
+                [isLocked]="isLocked"
+                [selectable]="selectable"
+                [trackBy]="trackBy"
+                [groups]="group"
+                [detailTemplate]="detailTemplate"
+                [filterable]="filterable">
+            </kendo-grid-rowpin-container>
+          }
           <table
             [style.table-layout]="resizable ? 'fixed' : null"
             kendoGridTable
@@ -35579,6 +36353,25 @@ class GridComponent {
             </tfoot>
           }
         </table>
+          @if (isPinnable && pinnedBottomRows?.length > 0) {
+            <kendo-grid-rowpin-container
+                [leafColumns]="$any(leafColumns)"
+                [lockedLeafColumns]="lockedLeafColumns"
+                [nonLockedLeafColumns]="nonLockedLeafColumns"
+                [sort]="$any(sort)"
+                position="bottom"
+                [rowsToRender]="pinnedBottomRowsToRender"
+                [totalColumns]="columnsContainer"
+                [lockedWidth]="lockedWidth"
+                [nonLockedWidth]="nonLockedWidth"
+                [isLocked]="isLocked"
+                [selectable]="selectable"
+                [trackBy]="trackBy"
+                [groups]="group"
+                [detailTemplate]="detailTemplate"
+                [filterable]="filterable">
+            </kendo-grid-rowpin-container>
+          }
         }
         @if (loading) {
           <div [loadingTemplate]="loadingTemplate" kendoGridLoading></div>
@@ -35694,7 +36487,7 @@ class GridComponent {
         @if (showLicenseWatermark) {
           <div kendoWatermarkOverlay [licenseMessage]="licenseMessage"></div>
         }
-        `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoGridLocalizedMessages]" }, { 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", "rowHeight", "detailRowHeight"] }, { 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], kendo-watermark-overlay", inputs: ["licenseMessage"] }, { kind: "component", type: i56.CustomMessagesComponent, selector: "kendo-datapager-messages, kendo-pager-messages" }, { kind: "component", type: i56.PagerInfoComponent, selector: "kendo-datapager-info, kendo-pager-info" }, { kind: "component", type: i56.PagerInputComponent, selector: "kendo-datapager-input, kendo-pager-input", inputs: ["showPageText", "size"] }, { kind: "component", type: i56.PagerNextButtonsComponent, selector: "kendo-datapager-next-buttons, kendo-pager-next-buttons", inputs: ["size"] }, { kind: "component", type: i56.PagerNumericButtonsComponent, selector: "kendo-datapager-numeric-buttons, kendo-pager-numeric-buttons", inputs: ["buttonCount", "size"] }, { kind: "component", type: i56.PagerPageSizesComponent, selector: "kendo-datapager-page-sizes, kendo-pager-page-sizes", inputs: ["showItemsText", "pageSizes", "size", "adaptiveMode"] }, { kind: "component", type: i56.PagerPrevButtonsComponent, selector: "kendo-datapager-prev-buttons, kendo-pager-prev-buttons", inputs: ["size"] }, { kind: "directive", type: i56.PagerTemplateDirective, selector: "[kendoDataPagerTemplate], [kendoPagerTemplate]" }, { kind: "component", type: i56.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" }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], encapsulation: i0.ViewEncapsulation.None });
+        `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoGridLocalizedMessages]" }, { 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", "rowHeight", "detailRowHeight", "isPinContainer", "pinPosition"] }, { 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], kendo-watermark-overlay", inputs: ["licenseMessage"] }, { kind: "component", type: i57.CustomMessagesComponent, selector: "kendo-datapager-messages, kendo-pager-messages" }, { kind: "component", type: i57.PagerInfoComponent, selector: "kendo-datapager-info, kendo-pager-info" }, { kind: "component", type: i57.PagerInputComponent, selector: "kendo-datapager-input, kendo-pager-input", inputs: ["showPageText", "size"] }, { kind: "component", type: i57.PagerNextButtonsComponent, selector: "kendo-datapager-next-buttons, kendo-pager-next-buttons", inputs: ["size"] }, { kind: "component", type: i57.PagerNumericButtonsComponent, selector: "kendo-datapager-numeric-buttons, kendo-pager-numeric-buttons", inputs: ["buttonCount", "size"] }, { kind: "component", type: i57.PagerPageSizesComponent, selector: "kendo-datapager-page-sizes, kendo-pager-page-sizes", inputs: ["showItemsText", "pageSizes", "size", "adaptiveMode"] }, { kind: "component", type: i57.PagerPrevButtonsComponent, selector: "kendo-datapager-prev-buttons, kendo-pager-prev-buttons", inputs: ["size"] }, { kind: "directive", type: i57.PagerTemplateDirective, selector: "[kendoDataPagerTemplate], [kendoPagerTemplate]" }, { kind: "component", type: i57.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" }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: RowPinContainerComponent, selector: "kendo-grid-rowpin-container", inputs: ["leafColumns", "lockedLeafColumns", "nonLockedLeafColumns", "sort", "position", "rowsToRender", "totalColumns", "lockedWidth", "nonLockedWidth", "isLocked", "selectable", "trackBy", "groups", "detailTemplate", "filterable"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: GridComponent, decorators: [{
             type: Component,
@@ -35753,7 +36546,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         ColumnMenuService,
                         MenuTabbingService,
                         DataMappingService,
-                        SearchService
+                        SearchService,
+                        RowPinService
                     ],
                     selector: 'kendo-grid',
                     template: `
@@ -36219,6 +37013,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
 
           i18n-commandColumnHeaderLabel="kendo.grid.commandColumnHeaderLabel|The screen-reader-only content for the command column header"
           commandColumnHeaderLabel="Command"
+
+          i18n-pinnedTopRowsLabel="kendo.grid.pinnedTopRowsLabel|The aria-label for the pinned top rows container."
+          pinnedTopRowsLabel="Pinned top rows"
+
+          i18n-pinnedBottomRowsLabel="kendo.grid.pinnedBottomRowsLabel|The aria-label for the pinned bottom rows container."
+          pinnedBottomRowsLabel="Pinned bottom rows"
+
+          i18n-pinMenuPinToTopText="kendo.grid.pinMenuPinToTopText|The text for the **Pin row to top** option in the pin context menu."
+          pinMenuPinToTopText="Pin row to top"
+
+          i18n-pinMenuPinToBottomText="kendo.grid.pinMenuPinToBottomText|The text for the **Pin row to bottom** option in the pin context menu."
+          pinMenuPinToBottomText="Pin row to bottom"
+
+          i18n-pinMenuUnpinText="kendo.grid.pinMenuUnpinText|The text for the **Unpin** option in the pin context menu."
+          pinMenuUnpinText="Unpin"
+
+          i18n-pinColumnHeaderLabel="kendo.grid.pinColumnHeaderLabel|The screen-reader-only content for the pin column header"
+          pinColumnHeaderLabel="Actions"
           >
         </ng-container>
         @if (showTopToolbar) {
@@ -36402,6 +37214,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             </div>
           </div>
         }
+        @if (isPinnable && pinnedTopRows?.length > 0) {
+            <kendo-grid-rowpin-container
+                [leafColumns]="$any(leafColumns)"
+                [lockedLeafColumns]="lockedLeafColumns"
+                [nonLockedLeafColumns]="nonLockedLeafColumns"
+                [sort]="sort"
+                position="top"
+                [rowsToRender]="pinnedTopRowsToRender"
+                [totalColumns]="columnsContainer"
+                [lockedWidth]="lockedWidth"
+                [nonLockedWidth]="nonLockedWidth"
+                [isLocked]="isLocked"
+                [selectable]="selectable"
+                [trackBy]="trackBy"
+                [groups]="group"
+                [detailTemplate]="detailTemplate"
+                [filterable]="filterable">
+            </kendo-grid-rowpin-container>
+        }
+
         <kendo-grid-list
           [data]="$any(view)"
           [rowHeight]="rowHeight"
@@ -36433,6 +37265,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
           [enableDrag]="marqueeSelection"
           [sort]="sort">
         </kendo-grid-list>
+
+        @if (isPinnable && pinnedBottomRows?.length > 0) {
+            <kendo-grid-rowpin-container
+                [leafColumns]="$any(leafColumns)"
+                [lockedLeafColumns]="lockedLeafColumns"
+                [nonLockedLeafColumns]="nonLockedLeafColumns"
+                [sort]="sort"
+                position="bottom"
+                [rowsToRender]="pinnedBottomRowsToRender"
+                [totalColumns]="columnsContainer"
+                [lockedWidth]="lockedWidth"
+                [nonLockedWidth]="nonLockedWidth"
+                [isLocked]="isLocked"
+                [selectable]="selectable"
+                [trackBy]="trackBy"
+                [groups]="group"
+                [detailTemplate]="detailTemplate"
+                [filterable]="filterable">
+            </kendo-grid-rowpin-container>
+        }
         @if (showFooter) {
           <div
             class="k-grid-footer"
@@ -36502,6 +37354,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
         }
         }
         @if (!isScrollable) {
+          @if (isPinnable && pinnedTopRows?.length > 0) {
+            <kendo-grid-rowpin-container
+                [leafColumns]="$any(leafColumns)"
+                [lockedLeafColumns]="lockedLeafColumns"
+                [nonLockedLeafColumns]="nonLockedLeafColumns"
+                [sort]="$any(sort)"
+                position="top"
+                [rowsToRender]="pinnedTopRowsToRender"
+                [totalColumns]="columnsContainer"
+                [lockedWidth]="lockedWidth"
+                [nonLockedWidth]="nonLockedWidth"
+                [isLocked]="isLocked"
+                [selectable]="selectable"
+                [trackBy]="trackBy"
+                [groups]="group"
+                [detailTemplate]="detailTemplate"
+                [filterable]="filterable">
+            </kendo-grid-rowpin-container>
+          }
           <table
             [style.table-layout]="resizable ? 'fixed' : null"
             kendoGridTable
@@ -36570,6 +37441,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             </tfoot>
           }
         </table>
+          @if (isPinnable && pinnedBottomRows?.length > 0) {
+            <kendo-grid-rowpin-container
+                [leafColumns]="$any(leafColumns)"
+                [lockedLeafColumns]="lockedLeafColumns"
+                [nonLockedLeafColumns]="nonLockedLeafColumns"
+                [sort]="$any(sort)"
+                position="bottom"
+                [rowsToRender]="pinnedBottomRowsToRender"
+                [totalColumns]="columnsContainer"
+                [lockedWidth]="lockedWidth"
+                [nonLockedWidth]="nonLockedWidth"
+                [isLocked]="isLocked"
+                [selectable]="selectable"
+                [trackBy]="trackBy"
+                [groups]="group"
+                [detailTemplate]="detailTemplate"
+                [filterable]="filterable">
+            </kendo-grid-rowpin-container>
+          }
         }
         @if (loading) {
           <div [loadingTemplate]="loadingTemplate" kendoGridLoading></div>
@@ -36710,10 +37600,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         ...KENDO_PAGER,
                         NgTemplateOutlet,
                         AdaptiveRendererComponent,
-                        ResizeSensorComponent
+                        ResizeSensorComponent,
+                        RowPinContainerComponent
                     ]
                 }]
-        }], ctorParameters: () => [{ type: i1$3.ScrollbarService }, { 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: CSVService }, { 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 }, { type: GridAIRequestResponseService }, { type: IdService }, { type: SearchService }], propDecorators: { data: [{
+        }], ctorParameters: () => [{ type: i1$3.ScrollbarService }, { 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: CSVService }, { 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 }, { type: GridAIRequestResponseService }, { type: IdService }, { type: SearchService }, { type: RowPinService }], propDecorators: { data: [{
                 type: Input
             }], pageSize: [{
                 type: Input
@@ -36787,6 +37678,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 type: Input
             }], dataLayoutMode: [{
                 type: Input
+            }], pinnable: [{
+                type: Input
+            }], pinnedTopRows: [{
+                type: Input
+            }], pinnedBottomRows: [{
+                type: Input
+            }], isRowPinnable: [{
+                type: Input
             }], filterChange: [{
                 type: Output
             }], pageChange: [{
@@ -36799,6 +37698,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 type: Output
             }], rowReorder: [{
                 type: Output
+            }], rowPinChange: [{
+                type: Output
             }], dataStateChange: [{
                 type: Output
             }], gridStateChange: [{
@@ -36917,6 +37818,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             }], header: [{
                 type: ViewChild,
                 args: ['header']
+            }], pinnedContainers: [{
+                type: ViewChildren,
+                args: [RowPinContainerComponent]
             }], footer: [{
                 type: ViewChildren,
                 args: ['footer']
@@ -37009,6 +37913,7 @@ class DataBindingDirective {
     localDataChangesService;
     rowReorderService;
     searchService;
+    rowPinService;
     /**
      * Sets the number of records to skip in the Grid.
      *
@@ -37070,14 +37975,16 @@ class DataBindingDirective {
     stateChangeSubscription;
     dataChangedSubscription;
     rowReorderSubscription;
+    rowPinSubscription;
     searchSubscription;
     searchFilter;
-    constructor(grid, changeDetector, localDataChangesService, rowReorderService, searchService, ctx) {
+    constructor(grid, changeDetector, localDataChangesService, rowReorderService, searchService, rowPinService, ctx) {
         this.grid = grid;
         this.changeDetector = changeDetector;
         this.localDataChangesService = localDataChangesService;
         this.rowReorderService = rowReorderService;
         this.searchService = searchService;
+        this.rowPinService = rowPinService;
         if (localDataChangesService) {
             this.dataChangedSubscription = this.localDataChangesService.changes.subscribe(this.rebind.bind(this));
         }
@@ -37103,6 +38010,11 @@ class DataBindingDirective {
                 this.onSearch.bind(this)(searchFilter);
             });
         }
+        if (this.rowPinService) {
+            this.rowPinSubscription = this.grid
+                .rowPinChange
+                .subscribe(this.onRowPin.bind(this));
+        }
     }
     /**
      * @hidden
@@ -37120,6 +38032,9 @@ class DataBindingDirective {
         if (this.searchSubscription) {
             this.searchSubscription.unsubscribe();
         }
+        if (this.rowPinSubscription) {
+            this.rowPinSubscription.unsubscribe();
+        }
     }
     ngOnChanges(changes) {
         if (anyChanged(["pageSize", "skip", "sort", "group", "filter"], changes)) {
@@ -37150,6 +38065,12 @@ class DataBindingDirective {
         this.rowReorderService.reorderRows(ev, this.originalData);
         this.rebind();
     }
+    /**
+     * @hidden
+     */
+    onRowPin(ev) {
+        this.rowPinService.updatePinnedRows(ev);
+    }
     /**
      * @hidden
      */
@@ -37244,6 +38165,10 @@ class DataBindingDirective {
         else {
             this.grid.data = this.process(this.state);
         }
+        if (this.grid.isPinnable) {
+            this.grid.pinnedTopRows = this.processPinnedRowsData(this.grid.pinnedTopRows);
+            this.grid.pinnedBottomRows = this.processPinnedRowsData(this.grid.pinnedBottomRows);
+        }
         this.grid.updateNavigationMetadata();
         this.grid.ngDoCheck();
         this.dataChanged = false;
@@ -37259,7 +38184,13 @@ class DataBindingDirective {
         }
         return this.searchFilter || this.state.filter;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DataBindingDirective, deps: [{ token: GridComponent }, { token: i0.ChangeDetectorRef }, { token: LocalDataChangesService }, { token: RowReorderService }, { token: SearchService }, { token: ContextService }], target: i0.ɵɵFactoryTarget.Directive });
+    processPinnedRowsData(data) {
+        if (!data?.length) {
+            return [];
+        }
+        return process(data, { sort: this.state.sort }).data;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DataBindingDirective, deps: [{ token: GridComponent }, { token: i0.ChangeDetectorRef }, { token: LocalDataChangesService }, { token: RowReorderService }, { token: SearchService }, { token: RowPinService }, { token: ContextService }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: DataBindingDirective, isStandalone: true, selector: "[kendoGridBinding]", inputs: { skip: "skip", sort: "sort", filter: "filter", pageSize: "pageSize", group: "group", data: ["kendoGridBinding", "data"] }, exportAs: ["kendoGridBinding"], usesOnChanges: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DataBindingDirective, decorators: [{
@@ -37269,7 +38200,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                     exportAs: 'kendoGridBinding',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: GridComponent }, { type: i0.ChangeDetectorRef }, { type: LocalDataChangesService }, { type: RowReorderService }, { type: SearchService }, { type: ContextService }], propDecorators: { skip: [{
+        }], ctorParameters: () => [{ type: GridComponent }, { type: i0.ChangeDetectorRef }, { type: LocalDataChangesService }, { type: RowReorderService }, { type: SearchService }, { type: RowPinService }, { type: ContextService }], propDecorators: { skip: [{
                 type: Input
             }], sort: [{
                 type: Input
@@ -38556,7 +39487,7 @@ class PDFCommandToolbarDirective extends ToolbarToolBase {
         e.preventDefault();
         this.pdfService.exportClick.emit();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: PDFCommandToolbarDirective, deps: [{ token: PDFService }, { token: i57.ToolBarButtonComponent }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: PDFCommandToolbarDirective, deps: [{ token: PDFService }, { token: i58.ToolBarButtonComponent }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: PDFCommandToolbarDirective, isStandalone: true, selector: "[kendoGridPDFTool]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: PDFCommandToolbarDirective, decorators: [{
@@ -38565,7 +39496,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                     selector: '[kendoGridPDFTool]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: PDFService }, { type: i57.ToolBarButtonComponent }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
+        }], ctorParameters: () => [{ type: PDFService }, { type: i58.ToolBarButtonComponent }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
 
 /**
  * Represents the **Export to Excel** toolbar tool of the Grid.
@@ -38601,7 +39532,7 @@ class ExcelCommandToolbarDirective extends ToolbarToolBase {
         e.preventDefault();
         this.excelService.exportClick.emit();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ExcelCommandToolbarDirective, deps: [{ token: ExcelService }, { token: i57.ToolBarButtonComponent }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ExcelCommandToolbarDirective, deps: [{ token: ExcelService }, { token: i58.ToolBarButtonComponent }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: ExcelCommandToolbarDirective, isStandalone: true, selector: "[kendoGridExcelTool]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ExcelCommandToolbarDirective, decorators: [{
@@ -38610,7 +39541,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                     selector: '[kendoGridExcelTool]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: ExcelService }, { type: i57.ToolBarButtonComponent }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
+        }], ctorParameters: () => [{ type: ExcelService }, { type: i58.ToolBarButtonComponent }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
 
 /**
  * @hidden
@@ -38683,13 +39614,13 @@ class ToolbarEditingToolBase extends ToolbarToolBase {
     get isSelectionPresent() {
         return isPresent$1(this.lastSelectionIndex) && this.lastSelectionIndex > -1;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ToolbarEditingToolBase, deps: [{ token: i57.ToolBarButtonComponent }, { token: 'command' }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: EditService }, { token: SelectionService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ToolbarEditingToolBase, deps: [{ token: i58.ToolBarButtonComponent }, { token: 'command' }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: EditService }, { token: SelectionService }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: ToolbarEditingToolBase, isStandalone: true, usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ToolbarEditingToolBase, decorators: [{
             type: Directive,
             args: [{}]
-        }], ctorParameters: () => [{ type: i57.ToolBarButtonComponent }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: i58.ToolBarButtonComponent }, { type: undefined, decorators: [{
                     type: Inject,
                     args: ['command']
                 }] }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: EditService }, { type: SelectionService }] });
@@ -38729,7 +39660,7 @@ class AddCommandToolbarDirective extends ToolbarEditingToolBase {
         e.preventDefault();
         this.editService.beginAdd();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: AddCommandToolbarDirective, deps: [{ token: EditService }, { token: i57.ToolBarButtonComponent }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: AddCommandToolbarDirective, deps: [{ token: EditService }, { token: i58.ToolBarButtonComponent }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: AddCommandToolbarDirective, isStandalone: true, selector: "[kendoGridAddTool]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: AddCommandToolbarDirective, decorators: [{
@@ -38738,7 +39669,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                     selector: '[kendoGridAddTool]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: EditService }, { type: i57.ToolBarButtonComponent }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
+        }], ctorParameters: () => [{ type: EditService }, { type: i58.ToolBarButtonComponent }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
 
 /**
  * @hidden
@@ -39309,7 +40240,7 @@ class UndoCommandToolbarDirective {
         e.preventDefault();
         this.undoRedoService.onUndo.next(undefined);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UndoCommandToolbarDirective, deps: [{ token: UndoRedoService }, { token: i57.ToolBarButtonComponent }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UndoCommandToolbarDirective, deps: [{ token: UndoRedoService }, { token: i58.ToolBarButtonComponent }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: UndoCommandToolbarDirective, isStandalone: true, selector: "[kendoGridUndoTool]", ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: UndoCommandToolbarDirective, decorators: [{
@@ -39318,7 +40249,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                     selector: '[kendoGridUndoTool]',
                     standalone: true,
                 }]
-        }], ctorParameters: () => [{ type: UndoRedoService }, { type: i57.ToolBarButtonComponent }] });
+        }], ctorParameters: () => [{ type: UndoRedoService }, { type: i58.ToolBarButtonComponent }] });
 
 /**
  * Represents the command that triggers the redo action in the Grid.
@@ -39372,7 +40303,7 @@ class RedoCommandToolbarDirective {
         e.preventDefault();
         this.undoRedoService.onRedo.next(undefined);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: RedoCommandToolbarDirective, deps: [{ token: UndoRedoService }, { token: i57.ToolBarButtonComponent }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: RedoCommandToolbarDirective, deps: [{ token: UndoRedoService }, { token: i58.ToolBarButtonComponent }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: RedoCommandToolbarDirective, isStandalone: true, selector: "[kendoGridRedoTool]", ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: RedoCommandToolbarDirective, decorators: [{
@@ -39381,7 +40312,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                     selector: '[kendoGridRedoTool]',
                     standalone: true,
                 }]
-        }], ctorParameters: () => [{ type: UndoRedoService }, { type: i57.ToolBarButtonComponent }] });
+        }], ctorParameters: () => [{ type: UndoRedoService }, { type: i58.ToolBarButtonComponent }] });
 
 let incrementingId$2 = 0;
 /**
@@ -39572,7 +40503,7 @@ class SortCommandToolbarDirective {
     get buttonElement() {
         return this.host.getButton();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: SortCommandToolbarDirective, deps: [{ token: i57.ToolBarButtonComponent }, { token: i2.PopupService }, { token: ContextService }, { token: SortService }, { token: ColumnInfoService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: AdaptiveGridService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: SortCommandToolbarDirective, deps: [{ token: i58.ToolBarButtonComponent }, { token: i2.PopupService }, { token: ContextService }, { token: SortService }, { token: ColumnInfoService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: AdaptiveGridService }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: SortCommandToolbarDirective, isStandalone: true, selector: "[kendoGridSortTool]", ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: SortCommandToolbarDirective, decorators: [{
@@ -39581,7 +40512,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                     selector: '[kendoGridSortTool]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i57.ToolBarButtonComponent }, { type: i2.PopupService }, { type: ContextService }, { type: SortService }, { type: ColumnInfoService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: AdaptiveGridService }] });
+        }], ctorParameters: () => [{ type: i58.ToolBarButtonComponent }, { type: i2.PopupService }, { type: ContextService }, { type: SortService }, { type: ColumnInfoService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: AdaptiveGridService }] });
 
 /**
  * @hidden
@@ -39910,7 +40841,7 @@ class FilterCommandToolbarDirective {
     get buttonElement() {
         return this.host.getButton();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: FilterCommandToolbarDirective, deps: [{ token: i57.ToolBarButtonComponent }, { token: i2.PopupService }, { token: ContextService }, { token: FilterService }, { token: ColumnInfoService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: AdaptiveGridService }, { token: SinglePopupService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: FilterCommandToolbarDirective, deps: [{ token: i58.ToolBarButtonComponent }, { token: i2.PopupService }, { token: ContextService }, { token: FilterService }, { token: ColumnInfoService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: AdaptiveGridService }, { token: SinglePopupService }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: FilterCommandToolbarDirective, isStandalone: true, selector: "[kendoGridFilterTool]", ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: FilterCommandToolbarDirective, decorators: [{
@@ -39919,7 +40850,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                     selector: '[kendoGridFilterTool]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i57.ToolBarButtonComponent }, { type: i2.PopupService }, { type: ContextService }, { type: FilterService }, { type: ColumnInfoService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: AdaptiveGridService }, { type: SinglePopupService }] });
+        }], ctorParameters: () => [{ type: i58.ToolBarButtonComponent }, { type: i2.PopupService }, { type: ContextService }, { type: FilterService }, { type: ColumnInfoService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: AdaptiveGridService }, { type: SinglePopupService }] });
 
 /**
  * Represents the `edit` command in the Grid. Apply this directive to any `kendo-toolbar-button`
@@ -39955,7 +40886,7 @@ class EditCommandToolbarDirective extends ToolbarEditingToolBase {
         }
         this.editService.beginEdit(this.lastSelectionIndex);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: EditCommandToolbarDirective, deps: [{ token: EditService }, { token: i57.ToolBarButtonComponent }, { token: SelectionService }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: EditCommandToolbarDirective, deps: [{ token: EditService }, { token: i58.ToolBarButtonComponent }, { token: SelectionService }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: EditCommandToolbarDirective, isStandalone: true, selector: "[kendoGridEditTool]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: EditCommandToolbarDirective, decorators: [{
@@ -39964,7 +40895,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                     selector: '[kendoGridEditTool]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: EditService }, { type: i57.ToolBarButtonComponent }, { type: SelectionService }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
+        }], ctorParameters: () => [{ type: EditService }, { type: i58.ToolBarButtonComponent }, { type: SelectionService }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
 
 /**
  * Represents the `save` command in the Grid. Apply this directive to any `kendo-toolbar-button`
@@ -40005,7 +40936,7 @@ class SaveCommandToolbarDirective extends ToolbarEditingToolBase {
             this.editService.editedIndices.forEach(i => this.editService.save(i.index));
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: SaveCommandToolbarDirective, deps: [{ token: EditService }, { token: i57.ToolBarButtonComponent }, { token: SelectionService }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: SaveCommandToolbarDirective, deps: [{ token: EditService }, { token: i58.ToolBarButtonComponent }, { token: SelectionService }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: SaveCommandToolbarDirective, isStandalone: true, selector: "[kendoGridSaveTool]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: SaveCommandToolbarDirective, decorators: [{
@@ -40014,7 +40945,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                     selector: '[kendoGridSaveTool]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: EditService }, { type: i57.ToolBarButtonComponent }, { type: SelectionService }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
+        }], ctorParameters: () => [{ type: EditService }, { type: i58.ToolBarButtonComponent }, { type: SelectionService }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
 
 /**
  * Represents the `remove` command in the Grid. Apply this directive to any `kendo-toolbar-button`
@@ -40051,7 +40982,7 @@ class RemoveCommandToolbarDirective extends ToolbarEditingToolBase {
             this.editService.remove(this.lastSelectionIndex);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: RemoveCommandToolbarDirective, deps: [{ token: EditService }, { token: i57.ToolBarButtonComponent }, { token: SelectionService }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: RemoveCommandToolbarDirective, deps: [{ token: EditService }, { token: i58.ToolBarButtonComponent }, { token: SelectionService }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: RemoveCommandToolbarDirective, isStandalone: true, selector: "[kendoGridRemoveTool]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: RemoveCommandToolbarDirective, decorators: [{
@@ -40060,7 +40991,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                     selector: '[kendoGridRemoveTool]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: EditService }, { type: i57.ToolBarButtonComponent }, { type: SelectionService }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
+        }], ctorParameters: () => [{ type: EditService }, { type: i58.ToolBarButtonComponent }, { type: SelectionService }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
 
 /**
  * Represents the `cancel` command in the Grid.
@@ -40100,7 +41031,7 @@ class CancelCommandToolbarDirective extends ToolbarEditingToolBase {
             this.editService.editedIndices.forEach(i => this.editService.endEdit(i.index));
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CancelCommandToolbarDirective, deps: [{ token: EditService }, { token: i57.ToolBarButtonComponent }, { token: SelectionService }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CancelCommandToolbarDirective, deps: [{ token: EditService }, { token: i58.ToolBarButtonComponent }, { token: SelectionService }, { token: ContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: CancelCommandToolbarDirective, isStandalone: true, selector: "[kendoGridCancelTool]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CancelCommandToolbarDirective, decorators: [{
@@ -40109,7 +41040,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                     selector: '[kendoGridCancelTool]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: EditService }, { type: i57.ToolBarButtonComponent }, { type: SelectionService }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
+        }], ctorParameters: () => [{ type: EditService }, { type: i58.ToolBarButtonComponent }, { type: SelectionService }, { type: ContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }] });
 
 let incrementingId = 0;
 /**
@@ -40290,7 +41221,7 @@ class GroupCommandToolbarDirective {
     isGroupingApplied(group) {
         return isPresent$1(group) && group.length > 0;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: GroupCommandToolbarDirective, deps: [{ token: i57.ToolBarButtonComponent }, { token: i2.PopupService }, { token: ContextService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: AdaptiveGridService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: GroupCommandToolbarDirective, deps: [{ token: i58.ToolBarButtonComponent }, { token: i2.PopupService }, { token: ContextService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: AdaptiveGridService }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: GroupCommandToolbarDirective, isStandalone: true, selector: "[kendoGridGroupTool]", ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: GroupCommandToolbarDirective, decorators: [{
@@ -40299,7 +41230,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                     selector: '[kendoGridGroupTool]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i57.ToolBarButtonComponent }, { type: i2.PopupService }, { type: ContextService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: AdaptiveGridService }] });
+        }], ctorParameters: () => [{ type: i58.ToolBarButtonComponent }, { type: i2.PopupService }, { type: ContextService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: AdaptiveGridService }] });
 
 /**
  * Stores the row and cell highlight state of the Grid.
@@ -40951,7 +41882,7 @@ class AIAssistantToolbarDirective extends ToolbarToolBase {
         this.host.selected = false;
         focusAnchor && this.buttonElement?.focus();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: AIAssistantToolbarDirective, deps: [{ token: i1$7.WindowService }, { token: i57.ToolBarButtonComponent }, { token: ContextService }, { token: i0.NgZone }, { token: i57.RefreshService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: AIAssistantToolbarDirective, deps: [{ token: i1$7.WindowService }, { token: i58.ToolBarButtonComponent }, { token: ContextService }, { token: i0.NgZone }, { token: i58.RefreshService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.20", type: AIAssistantToolbarDirective, isStandalone: true, selector: "[kendoGridAIAssistantTool]", inputs: { requestUrl: "requestUrl", requestOptions: "requestOptions", aiWindowSettings: "aiWindowSettings", aiPromptSettings: "aiPromptSettings", autoClose: "autoClose", keepOutputHistory: "keepOutputHistory" }, outputs: { promptRequest: "promptRequest", cancelRequest: "cancelRequest", responseSuccess: "responseSuccess", responseError: "responseError", close: "close", open: "open" }, usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: AIAssistantToolbarDirective, decorators: [{
@@ -40960,7 +41891,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                     selector: '[kendoGridAIAssistantTool]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i1$7.WindowService }, { type: i57.ToolBarButtonComponent }, { type: ContextService }, { type: i0.NgZone }, { type: i57.RefreshService }, { type: i0.ChangeDetectorRef }], propDecorators: { requestUrl: [{
+        }], ctorParameters: () => [{ type: i1$7.WindowService }, { type: i58.ToolBarButtonComponent }, { type: ContextService }, { type: i0.NgZone }, { type: i58.RefreshService }, { type: i0.ChangeDetectorRef }], propDecorators: { requestUrl: [{
                 type: Input
             }], requestOptions: [{
                 type: Input
@@ -43190,6 +44121,7 @@ const KENDO_GRID_BODY_EXPORTS = [
     CellLoadingTemplateDirective,
     LoadingTemplateDirective,
     RowReorderColumnComponent,
+    RowPinColumnComponent,
     SortCommandToolbarDirective,
     FilterCommandToolbarDirective,
     AIAssistantToolbarDirective,
@@ -43348,9 +44280,9 @@ const KENDO_GRID = [
  */
 class GridModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: GridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: GridModule, imports: [GroupHeaderTemplateDirective, GroupHeaderColumnTemplateDirective, GroupFooterTemplateDirective, GroupHeaderComponent, GroupPanelComponent, ColumnComponent, ColumnGroupComponent, LogicalCellDirective, LogicalRowDirective, FocusableDirective, FooterTemplateDirective, ColGroupComponent, ResizableContainerDirective, i1$3.TemplateContextDirective, FieldAccessorPipe, DetailTemplateDirective, SpanColumnComponent, LoadingComponent, GridTableDirective, CommandColumnComponent, CheckboxColumnComponent, SelectionCheckboxDirective, CellTemplateDirective, EditTemplateDirective, RowDragHandleTemplateDirective, RowDragHintTemplateDirective, TableBodyComponent, NoRecordsTemplateDirective, CellComponent, EditCommandDirective, CancelCommandDirective, SaveCommandDirective, RemoveCommandDirective, AddCommandDirective, AddCommandToolbarDirective, EditCommandToolbarDirective, SaveCommandToolbarDirective, RemoveCommandToolbarDirective, CancelCommandToolbarDirective, CellLoadingTemplateDirective, LoadingTemplateDirective, RowReorderColumnComponent, SortCommandToolbarDirective, FilterCommandToolbarDirective, AIAssistantToolbarDirective, GroupCommandToolbarDirective, SelectAllToolbarToolComponent, SmartBoxToolbarToolComponent, GridSmartBoxHistoryItemTemplateDirective, GridSmartBoxPromptSuggestionTemplateDirective, HeaderComponent, HeaderTemplateDirective, ColumnHandleDirective, SelectAllCheckboxDirective, FooterComponent, i56.CustomMessagesComponent, i56.PagerFocusableDirective, i56.PagerInfoComponent, i56.PagerInputComponent, i56.PagerNextButtonsComponent, i56.PagerNumericButtonsComponent, i56.PagerPageSizesComponent, i56.PagerPrevButtonsComponent, i56.PagerTemplateDirective, i56.PagerComponent, i56.PagerSpacerComponent, i57.ToolBarComponent, i57.ToolbarCustomMessagesComponent, i57.ToolBarButtonComponent, i57.ToolBarButtonGroupComponent, i57.ToolBarDropDownButtonComponent, i57.ToolBarSeparatorComponent, i57.ToolBarSpacerComponent, i57.ToolBarSplitButtonComponent, i57.ToolBarToolComponent, FilterRowComponent, FilterCellComponent, FilterCellTemplateDirective, StringFilterCellComponent, NumericFilterCellComponent, AutoCompleteFilterCellComponent, BooleanFilterCellComponent, FilterCellHostDirective, FilterCellWrapperComponent, DateFilterCellComponent, ColumnComponent, ColumnGroupComponent, LogicalCellDirective, LogicalRowDirective, FocusableDirective, FooterTemplateDirective, ColGroupComponent, ResizableContainerDirective, i1$3.TemplateContextDirective, FieldAccessorPipe, DetailTemplateDirective, SpanColumnComponent, LoadingComponent, GridTableDirective, FilterCellOperatorsComponent, ContainsFilterOperatorComponent, DoesNotContainFilterOperatorComponent, EndsWithFilterOperatorComponent, EqualFilterOperatorComponent, IsEmptyFilterOperatorComponent, IsNotEmptyFilterOperatorComponent, IsNotNullFilterOperatorComponent, IsNullFilterOperatorComponent, NotEqualFilterOperatorComponent, StartsWithFilterOperatorComponent, GreaterFilterOperatorComponent, GreaterOrEqualToFilterOperatorComponent, LessFilterOperatorComponent, LessOrEqualToFilterOperatorComponent, AfterFilterOperatorComponent, AfterEqFilterOperatorComponent, BeforeEqFilterOperatorComponent, BeforeFilterOperatorComponent, FilterInputDirective, ColumnComponent, ColumnGroupComponent, LogicalCellDirective, LogicalRowDirective, FocusableDirective, FooterTemplateDirective, ColGroupComponent, ResizableContainerDirective, i1$3.TemplateContextDirective, FieldAccessorPipe, DetailTemplateDirective, SpanColumnComponent, LoadingComponent, GridTableDirective, FilterCellOperatorsComponent, ContainsFilterOperatorComponent, DoesNotContainFilterOperatorComponent, EndsWithFilterOperatorComponent, EqualFilterOperatorComponent, IsEmptyFilterOperatorComponent, IsNotEmptyFilterOperatorComponent, IsNotNullFilterOperatorComponent, IsNullFilterOperatorComponent, NotEqualFilterOperatorComponent, StartsWithFilterOperatorComponent, GreaterFilterOperatorComponent, GreaterOrEqualToFilterOperatorComponent, LessFilterOperatorComponent, LessOrEqualToFilterOperatorComponent, AfterFilterOperatorComponent, AfterEqFilterOperatorComponent, BeforeEqFilterOperatorComponent, BeforeFilterOperatorComponent, FilterInputDirective, FilterMenuComponent, FilterMenuContainerComponent, FilterMenuInputWrapperComponent, StringFilterMenuInputComponent, StringFilterMenuComponent, FilterMenuTemplateDirective, NumericFilterMenuComponent, NumericFilterMenuInputComponent, DateFilterMenuInputComponent, DateFilterMenuComponent, FilterMenuHostDirective, BooleanFilterMenuComponent, FilterMenuDropDownListDirective, BooleanFilterRadioButtonDirective, ColumnListComponent, ColumnChooserComponent, ColumnChooserToolbarDirective, ColumnMenuChooserComponent, ColumnMenuFilterComponent, ColumnMenuItemComponent, ColumnMenuItemContentTemplateDirective, ColumnMenuSortComponent, ColumnMenuComponent, ColumnMenuLockComponent, ColumnMenuTemplateDirective, ColumnMenuContainerComponent, ColumnMenuItemDirective, ColumnMenuStickComponent, ColumnMenuPositionComponent, ColumnMenuAutoSizeColumnComponent, ColumnMenuAutoSizeAllColumnsComponent, GridComponent, ListComponent, ToolbarComponent, LocalizedMessagesDirective, CustomMessagesComponent, DataBindingDirective, ToolbarTemplateDirective, SelectionDirective, HighlightDirective, TemplateEditingDirective, ReactiveEditingDirective, InCellEditingDirective, ExternalEditingDirective, ExpandDetailsDirective, ExpandGroupDirective, GridMarqueeDirective, GridSpacerComponent, GridToolbarFocusableDirective, StatusBarComponent, StatusBarTemplateDirective, GridClipboardDirective, FormComponent, DialogFormComponent, FormFormFieldComponent, UndoRedoDirective, i57.ToolBarComponent, i57.ToolbarCustomMessagesComponent, i57.ToolBarButtonComponent, i57.ToolBarButtonGroupComponent, i57.ToolBarDropDownButtonComponent, i57.ToolBarSeparatorComponent, i57.ToolBarSpacerComponent, i57.ToolBarSplitButtonComponent, i57.ToolBarToolComponent, TableDirective,
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: GridModule, imports: [GroupHeaderTemplateDirective, GroupHeaderColumnTemplateDirective, GroupFooterTemplateDirective, GroupHeaderComponent, GroupPanelComponent, ColumnComponent, ColumnGroupComponent, LogicalCellDirective, LogicalRowDirective, FocusableDirective, FooterTemplateDirective, ColGroupComponent, ResizableContainerDirective, i1$3.TemplateContextDirective, FieldAccessorPipe, DetailTemplateDirective, SpanColumnComponent, LoadingComponent, GridTableDirective, CommandColumnComponent, CheckboxColumnComponent, SelectionCheckboxDirective, CellTemplateDirective, EditTemplateDirective, RowDragHandleTemplateDirective, RowDragHintTemplateDirective, TableBodyComponent, NoRecordsTemplateDirective, CellComponent, EditCommandDirective, CancelCommandDirective, SaveCommandDirective, RemoveCommandDirective, AddCommandDirective, AddCommandToolbarDirective, EditCommandToolbarDirective, SaveCommandToolbarDirective, RemoveCommandToolbarDirective, CancelCommandToolbarDirective, CellLoadingTemplateDirective, LoadingTemplateDirective, RowReorderColumnComponent, RowPinColumnComponent, SortCommandToolbarDirective, FilterCommandToolbarDirective, AIAssistantToolbarDirective, GroupCommandToolbarDirective, SelectAllToolbarToolComponent, SmartBoxToolbarToolComponent, GridSmartBoxHistoryItemTemplateDirective, GridSmartBoxPromptSuggestionTemplateDirective, HeaderComponent, HeaderTemplateDirective, ColumnHandleDirective, SelectAllCheckboxDirective, FooterComponent, i57.CustomMessagesComponent, i57.PagerFocusableDirective, i57.PagerInfoComponent, i57.PagerInputComponent, i57.PagerNextButtonsComponent, i57.PagerNumericButtonsComponent, i57.PagerPageSizesComponent, i57.PagerPrevButtonsComponent, i57.PagerTemplateDirective, i57.PagerComponent, i57.PagerSpacerComponent, i58.ToolBarComponent, i58.ToolbarCustomMessagesComponent, i58.ToolBarButtonComponent, i58.ToolBarButtonGroupComponent, i58.ToolBarDropDownButtonComponent, i58.ToolBarSeparatorComponent, i58.ToolBarSpacerComponent, i58.ToolBarSplitButtonComponent, i58.ToolBarToolComponent, FilterRowComponent, FilterCellComponent, FilterCellTemplateDirective, StringFilterCellComponent, NumericFilterCellComponent, AutoCompleteFilterCellComponent, BooleanFilterCellComponent, FilterCellHostDirective, FilterCellWrapperComponent, DateFilterCellComponent, ColumnComponent, ColumnGroupComponent, LogicalCellDirective, LogicalRowDirective, FocusableDirective, FooterTemplateDirective, ColGroupComponent, ResizableContainerDirective, i1$3.TemplateContextDirective, FieldAccessorPipe, DetailTemplateDirective, SpanColumnComponent, LoadingComponent, GridTableDirective, FilterCellOperatorsComponent, ContainsFilterOperatorComponent, DoesNotContainFilterOperatorComponent, EndsWithFilterOperatorComponent, EqualFilterOperatorComponent, IsEmptyFilterOperatorComponent, IsNotEmptyFilterOperatorComponent, IsNotNullFilterOperatorComponent, IsNullFilterOperatorComponent, NotEqualFilterOperatorComponent, StartsWithFilterOperatorComponent, GreaterFilterOperatorComponent, GreaterOrEqualToFilterOperatorComponent, LessFilterOperatorComponent, LessOrEqualToFilterOperatorComponent, AfterFilterOperatorComponent, AfterEqFilterOperatorComponent, BeforeEqFilterOperatorComponent, BeforeFilterOperatorComponent, FilterInputDirective, ColumnComponent, ColumnGroupComponent, LogicalCellDirective, LogicalRowDirective, FocusableDirective, FooterTemplateDirective, ColGroupComponent, ResizableContainerDirective, i1$3.TemplateContextDirective, FieldAccessorPipe, DetailTemplateDirective, SpanColumnComponent, LoadingComponent, GridTableDirective, FilterCellOperatorsComponent, ContainsFilterOperatorComponent, DoesNotContainFilterOperatorComponent, EndsWithFilterOperatorComponent, EqualFilterOperatorComponent, IsEmptyFilterOperatorComponent, IsNotEmptyFilterOperatorComponent, IsNotNullFilterOperatorComponent, IsNullFilterOperatorComponent, NotEqualFilterOperatorComponent, StartsWithFilterOperatorComponent, GreaterFilterOperatorComponent, GreaterOrEqualToFilterOperatorComponent, LessFilterOperatorComponent, LessOrEqualToFilterOperatorComponent, AfterFilterOperatorComponent, AfterEqFilterOperatorComponent, BeforeEqFilterOperatorComponent, BeforeFilterOperatorComponent, FilterInputDirective, FilterMenuComponent, FilterMenuContainerComponent, FilterMenuInputWrapperComponent, StringFilterMenuInputComponent, StringFilterMenuComponent, FilterMenuTemplateDirective, NumericFilterMenuComponent, NumericFilterMenuInputComponent, DateFilterMenuInputComponent, DateFilterMenuComponent, FilterMenuHostDirective, BooleanFilterMenuComponent, FilterMenuDropDownListDirective, BooleanFilterRadioButtonDirective, ColumnListComponent, ColumnChooserComponent, ColumnChooserToolbarDirective, ColumnMenuChooserComponent, ColumnMenuFilterComponent, ColumnMenuItemComponent, ColumnMenuItemContentTemplateDirective, ColumnMenuSortComponent, ColumnMenuComponent, ColumnMenuLockComponent, ColumnMenuTemplateDirective, ColumnMenuContainerComponent, ColumnMenuItemDirective, ColumnMenuStickComponent, ColumnMenuPositionComponent, ColumnMenuAutoSizeColumnComponent, ColumnMenuAutoSizeAllColumnsComponent, GridComponent, ListComponent, ToolbarComponent, LocalizedMessagesDirective, CustomMessagesComponent, DataBindingDirective, ToolbarTemplateDirective, SelectionDirective, HighlightDirective, TemplateEditingDirective, ReactiveEditingDirective, InCellEditingDirective, ExternalEditingDirective, ExpandDetailsDirective, ExpandGroupDirective, GridMarqueeDirective, GridSpacerComponent, GridToolbarFocusableDirective, StatusBarComponent, StatusBarTemplateDirective, GridClipboardDirective, FormComponent, DialogFormComponent, FormFormFieldComponent, UndoRedoDirective, i58.ToolBarComponent, i58.ToolbarCustomMessagesComponent, i58.ToolBarButtonComponent, i58.ToolBarButtonGroupComponent, i58.ToolBarDropDownButtonComponent, i58.ToolBarSeparatorComponent, i58.ToolBarSpacerComponent, i58.ToolBarSplitButtonComponent, i58.ToolBarToolComponent, TableDirective,
             UndoCommandToolbarDirective,
-            RedoCommandToolbarDirective], exports: [GridComponent, ToolbarTemplateDirective, ToolbarComponent, GridSpacerComponent, StatusBarTemplateDirective, DataBindingDirective, SelectionDirective, HighlightDirective, CustomMessagesComponent, TemplateEditingDirective, ReactiveEditingDirective, InCellEditingDirective, ExternalEditingDirective, ExpandDetailsDirective, ExpandGroupDirective, GridToolbarFocusableDirective, GroupHeaderTemplateDirective, GroupHeaderColumnTemplateDirective, GroupFooterTemplateDirective, GroupHeaderComponent, GroupPanelComponent, ColumnComponent, ColumnGroupComponent, LogicalCellDirective, LogicalRowDirective, FocusableDirective, FooterTemplateDirective, ColGroupComponent, ResizableContainerDirective, i1$3.TemplateContextDirective, FieldAccessorPipe, DetailTemplateDirective, SpanColumnComponent, LoadingComponent, GridTableDirective, CommandColumnComponent, CheckboxColumnComponent, SelectionCheckboxDirective, CellTemplateDirective, EditTemplateDirective, RowDragHandleTemplateDirective, RowDragHintTemplateDirective, TableBodyComponent, NoRecordsTemplateDirective, CellComponent, EditCommandDirective, CancelCommandDirective, SaveCommandDirective, RemoveCommandDirective, AddCommandDirective, AddCommandToolbarDirective, EditCommandToolbarDirective, SaveCommandToolbarDirective, RemoveCommandToolbarDirective, CancelCommandToolbarDirective, CellLoadingTemplateDirective, LoadingTemplateDirective, RowReorderColumnComponent, SortCommandToolbarDirective, FilterCommandToolbarDirective, AIAssistantToolbarDirective, GroupCommandToolbarDirective, SelectAllToolbarToolComponent, SmartBoxToolbarToolComponent, GridSmartBoxHistoryItemTemplateDirective, GridSmartBoxPromptSuggestionTemplateDirective, HeaderComponent, HeaderTemplateDirective, ColumnHandleDirective, SelectAllCheckboxDirective, FilterRowComponent, FilterCellComponent, FilterCellTemplateDirective, StringFilterCellComponent, NumericFilterCellComponent, AutoCompleteFilterCellComponent, BooleanFilterCellComponent, FilterCellHostDirective, FilterCellWrapperComponent, DateFilterCellComponent, FilterCellOperatorsComponent, ContainsFilterOperatorComponent, DoesNotContainFilterOperatorComponent, EndsWithFilterOperatorComponent, EqualFilterOperatorComponent, IsEmptyFilterOperatorComponent, IsNotEmptyFilterOperatorComponent, IsNotNullFilterOperatorComponent, IsNullFilterOperatorComponent, NotEqualFilterOperatorComponent, StartsWithFilterOperatorComponent, GreaterFilterOperatorComponent, GreaterOrEqualToFilterOperatorComponent, LessFilterOperatorComponent, LessOrEqualToFilterOperatorComponent, AfterFilterOperatorComponent, AfterEqFilterOperatorComponent, BeforeEqFilterOperatorComponent, BeforeFilterOperatorComponent, FilterMenuComponent, FilterMenuContainerComponent, FilterMenuInputWrapperComponent, StringFilterMenuInputComponent, StringFilterMenuComponent, FilterMenuTemplateDirective, NumericFilterMenuComponent, NumericFilterMenuInputComponent, DateFilterMenuInputComponent, DateFilterMenuComponent, FilterMenuHostDirective, BooleanFilterMenuComponent, FilterMenuDropDownListDirective, BooleanFilterRadioButtonDirective, ColumnChooserComponent, ColumnChooserToolbarDirective, ColumnMenuFilterComponent, ColumnMenuItemComponent, ColumnMenuItemContentTemplateDirective, ColumnMenuSortComponent, ColumnMenuLockComponent, ColumnMenuStickComponent, ColumnMenuPositionComponent, ColumnMenuChooserComponent, ColumnMenuTemplateDirective, ColumnMenuContainerComponent, ColumnMenuItemDirective, ColumnMenuComponent, ColumnMenuAutoSizeColumnComponent, ColumnMenuAutoSizeAllColumnsComponent, GridClipboardDirective, UndoRedoDirective, UndoCommandToolbarDirective, RedoCommandToolbarDirective, i57.ToolBarComponent, i57.ToolbarCustomMessagesComponent, i57.ToolBarButtonComponent, i57.ToolBarButtonGroupComponent, i57.ToolBarDropDownButtonComponent, i57.ToolBarSeparatorComponent, i57.ToolBarSpacerComponent, i57.ToolBarSplitButtonComponent, i57.ToolBarToolComponent, i56.CustomMessagesComponent, i56.PagerFocusableDirective, i56.PagerInfoComponent, i56.PagerInputComponent, i56.PagerNextButtonsComponent, i56.PagerNumericButtonsComponent, i56.PagerPageSizesComponent, i56.PagerPrevButtonsComponent, i56.PagerTemplateDirective, i56.PagerComponent, i56.PagerSpacerComponent] });
+            RedoCommandToolbarDirective], exports: [GridComponent, ToolbarTemplateDirective, ToolbarComponent, GridSpacerComponent, StatusBarTemplateDirective, DataBindingDirective, SelectionDirective, HighlightDirective, CustomMessagesComponent, TemplateEditingDirective, ReactiveEditingDirective, InCellEditingDirective, ExternalEditingDirective, ExpandDetailsDirective, ExpandGroupDirective, GridToolbarFocusableDirective, GroupHeaderTemplateDirective, GroupHeaderColumnTemplateDirective, GroupFooterTemplateDirective, GroupHeaderComponent, GroupPanelComponent, ColumnComponent, ColumnGroupComponent, LogicalCellDirective, LogicalRowDirective, FocusableDirective, FooterTemplateDirective, ColGroupComponent, ResizableContainerDirective, i1$3.TemplateContextDirective, FieldAccessorPipe, DetailTemplateDirective, SpanColumnComponent, LoadingComponent, GridTableDirective, CommandColumnComponent, CheckboxColumnComponent, SelectionCheckboxDirective, CellTemplateDirective, EditTemplateDirective, RowDragHandleTemplateDirective, RowDragHintTemplateDirective, TableBodyComponent, NoRecordsTemplateDirective, CellComponent, EditCommandDirective, CancelCommandDirective, SaveCommandDirective, RemoveCommandDirective, AddCommandDirective, AddCommandToolbarDirective, EditCommandToolbarDirective, SaveCommandToolbarDirective, RemoveCommandToolbarDirective, CancelCommandToolbarDirective, CellLoadingTemplateDirective, LoadingTemplateDirective, RowReorderColumnComponent, RowPinColumnComponent, SortCommandToolbarDirective, FilterCommandToolbarDirective, AIAssistantToolbarDirective, GroupCommandToolbarDirective, SelectAllToolbarToolComponent, SmartBoxToolbarToolComponent, GridSmartBoxHistoryItemTemplateDirective, GridSmartBoxPromptSuggestionTemplateDirective, HeaderComponent, HeaderTemplateDirective, ColumnHandleDirective, SelectAllCheckboxDirective, FilterRowComponent, FilterCellComponent, FilterCellTemplateDirective, StringFilterCellComponent, NumericFilterCellComponent, AutoCompleteFilterCellComponent, BooleanFilterCellComponent, FilterCellHostDirective, FilterCellWrapperComponent, DateFilterCellComponent, FilterCellOperatorsComponent, ContainsFilterOperatorComponent, DoesNotContainFilterOperatorComponent, EndsWithFilterOperatorComponent, EqualFilterOperatorComponent, IsEmptyFilterOperatorComponent, IsNotEmptyFilterOperatorComponent, IsNotNullFilterOperatorComponent, IsNullFilterOperatorComponent, NotEqualFilterOperatorComponent, StartsWithFilterOperatorComponent, GreaterFilterOperatorComponent, GreaterOrEqualToFilterOperatorComponent, LessFilterOperatorComponent, LessOrEqualToFilterOperatorComponent, AfterFilterOperatorComponent, AfterEqFilterOperatorComponent, BeforeEqFilterOperatorComponent, BeforeFilterOperatorComponent, FilterMenuComponent, FilterMenuContainerComponent, FilterMenuInputWrapperComponent, StringFilterMenuInputComponent, StringFilterMenuComponent, FilterMenuTemplateDirective, NumericFilterMenuComponent, NumericFilterMenuInputComponent, DateFilterMenuInputComponent, DateFilterMenuComponent, FilterMenuHostDirective, BooleanFilterMenuComponent, FilterMenuDropDownListDirective, BooleanFilterRadioButtonDirective, ColumnChooserComponent, ColumnChooserToolbarDirective, ColumnMenuFilterComponent, ColumnMenuItemComponent, ColumnMenuItemContentTemplateDirective, ColumnMenuSortComponent, ColumnMenuLockComponent, ColumnMenuStickComponent, ColumnMenuPositionComponent, ColumnMenuChooserComponent, ColumnMenuTemplateDirective, ColumnMenuContainerComponent, ColumnMenuItemDirective, ColumnMenuComponent, ColumnMenuAutoSizeColumnComponent, ColumnMenuAutoSizeAllColumnsComponent, GridClipboardDirective, UndoRedoDirective, UndoCommandToolbarDirective, RedoCommandToolbarDirective, i58.ToolBarComponent, i58.ToolbarCustomMessagesComponent, i58.ToolBarButtonComponent, i58.ToolBarButtonGroupComponent, i58.ToolBarDropDownButtonComponent, i58.ToolBarSeparatorComponent, i58.ToolBarSpacerComponent, i58.ToolBarSplitButtonComponent, i58.ToolBarToolComponent, i57.CustomMessagesComponent, i57.PagerFocusableDirective, i57.PagerInfoComponent, i57.PagerInputComponent, i57.PagerNextButtonsComponent, i57.PagerNumericButtonsComponent, i57.PagerPageSizesComponent, i57.PagerPrevButtonsComponent, i57.PagerTemplateDirective, i57.PagerComponent, i57.PagerSpacerComponent] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: GridModule, providers: [
             PopupService,
             ResizeBatchService,
@@ -43365,7 +44297,7 @@ class GridModule {
             MonthViewService,
             YearViewService,
             NavigationService$2
-        ], imports: [GroupHeaderComponent, GroupPanelComponent, TableBodyComponent, CellComponent, EditCommandDirective, CancelCommandDirective, SaveCommandDirective, RemoveCommandDirective, AddCommandDirective, SelectAllToolbarToolComponent, SmartBoxToolbarToolComponent, HeaderComponent, i56.CustomMessagesComponent, i56.PagerInfoComponent, i56.PagerInputComponent, i56.PagerNextButtonsComponent, i56.PagerNumericButtonsComponent, i56.PagerPageSizesComponent, i56.PagerPrevButtonsComponent, i56.PagerComponent, i56.PagerSpacerComponent, i57.ToolBarComponent, i57.ToolbarCustomMessagesComponent, i57.ToolBarButtonComponent, i57.ToolBarButtonGroupComponent, i57.ToolBarDropDownButtonComponent, i57.ToolBarSeparatorComponent, i57.ToolBarSpacerComponent, i57.ToolBarSplitButtonComponent, StringFilterCellComponent, NumericFilterCellComponent, AutoCompleteFilterCellComponent, BooleanFilterCellComponent, FilterCellWrapperComponent, DateFilterCellComponent, FilterCellOperatorsComponent, FilterCellOperatorsComponent, FilterMenuComponent, FilterMenuContainerComponent, FilterMenuInputWrapperComponent, StringFilterMenuInputComponent, StringFilterMenuComponent, NumericFilterMenuComponent, NumericFilterMenuInputComponent, DateFilterMenuInputComponent, DateFilterMenuComponent, BooleanFilterMenuComponent, ColumnListComponent, ColumnChooserComponent, ColumnMenuChooserComponent, ColumnMenuFilterComponent, ColumnMenuItemComponent, ColumnMenuSortComponent, ColumnMenuComponent, ColumnMenuLockComponent, ColumnMenuStickComponent, ColumnMenuPositionComponent, ColumnMenuAutoSizeColumnComponent, ColumnMenuAutoSizeAllColumnsComponent, GridComponent, ListComponent, FormComponent, DialogFormComponent, FormFormFieldComponent, i57.ToolBarComponent, i57.ToolbarCustomMessagesComponent, i57.ToolBarButtonComponent, i57.ToolBarButtonGroupComponent, i57.ToolBarDropDownButtonComponent, i57.ToolBarSeparatorComponent, i57.ToolBarSpacerComponent, i57.ToolBarSplitButtonComponent] });
+        ], imports: [GroupHeaderComponent, GroupPanelComponent, TableBodyComponent, CellComponent, EditCommandDirective, CancelCommandDirective, SaveCommandDirective, RemoveCommandDirective, AddCommandDirective, SelectAllToolbarToolComponent, SmartBoxToolbarToolComponent, HeaderComponent, i57.CustomMessagesComponent, i57.PagerInfoComponent, i57.PagerInputComponent, i57.PagerNextButtonsComponent, i57.PagerNumericButtonsComponent, i57.PagerPageSizesComponent, i57.PagerPrevButtonsComponent, i57.PagerComponent, i57.PagerSpacerComponent, i58.ToolBarComponent, i58.ToolbarCustomMessagesComponent, i58.ToolBarButtonComponent, i58.ToolBarButtonGroupComponent, i58.ToolBarDropDownButtonComponent, i58.ToolBarSeparatorComponent, i58.ToolBarSpacerComponent, i58.ToolBarSplitButtonComponent, StringFilterCellComponent, NumericFilterCellComponent, AutoCompleteFilterCellComponent, BooleanFilterCellComponent, FilterCellWrapperComponent, DateFilterCellComponent, FilterCellOperatorsComponent, FilterCellOperatorsComponent, FilterMenuComponent, FilterMenuContainerComponent, FilterMenuInputWrapperComponent, StringFilterMenuInputComponent, StringFilterMenuComponent, NumericFilterMenuComponent, NumericFilterMenuInputComponent, DateFilterMenuInputComponent, DateFilterMenuComponent, BooleanFilterMenuComponent, ColumnListComponent, ColumnChooserComponent, ColumnMenuChooserComponent, ColumnMenuFilterComponent, ColumnMenuItemComponent, ColumnMenuSortComponent, ColumnMenuComponent, ColumnMenuLockComponent, ColumnMenuStickComponent, ColumnMenuPositionComponent, ColumnMenuAutoSizeColumnComponent, ColumnMenuAutoSizeAllColumnsComponent, GridComponent, ListComponent, FormComponent, DialogFormComponent, FormFormFieldComponent, i58.ToolBarComponent, i58.ToolbarCustomMessagesComponent, i58.ToolBarButtonComponent, i58.ToolBarButtonGroupComponent, i58.ToolBarDropDownButtonComponent, i58.ToolBarSeparatorComponent, i58.ToolBarSpacerComponent, i58.ToolBarSplitButtonComponent] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: GridModule, decorators: [{
             type: NgModule,
@@ -43510,5 +44442,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AIAssistantToolbarDirective, AdaptiveGridService, AddCommandDirective, AddCommandToolbarDirective, AfterEqFilterOperatorComponent, AfterFilterOperatorComponent, AutoCompleteFilterCellComponent, BaseFilterCellComponent, BeforeEqFilterOperatorComponent, BeforeFilterOperatorComponent, BooleanFilterCellComponent, BooleanFilterComponent, BooleanFilterMenuComponent, BooleanFilterRadioButtonDirective, CELL_CONTEXT, CSVCommandDirective, CSVCommandToolbarDirective, CSVComponent, CSVExportEvent, CSVModule, CSVService, CancelCommandDirective, CancelCommandToolbarDirective, CellCloseEvent, CellComponent, CellLoadingTemplateDirective, CellSelectionAggregateService, CellSelectionService, CellTemplateDirective, ChangeNotificationService, CheckboxColumnComponent, ColGroupComponent, ColumnBase, ColumnChooserComponent, ColumnChooserToolbarDirective, ColumnComponent, ColumnGroupComponent, ColumnHandleDirective, ColumnInfoService, ColumnListComponent, ColumnLockedChangeEvent, ColumnMenuAutoSizeAllColumnsComponent, ColumnMenuAutoSizeColumnComponent, ColumnMenuChooserComponent, ColumnMenuComponent, ColumnMenuContainerComponent, ColumnMenuFilterComponent, ColumnMenuItemComponent, ColumnMenuItemContentTemplateDirective, ColumnMenuItemDirective, ColumnMenuLockComponent, ColumnMenuPositionComponent, ColumnMenuService, ColumnMenuSortComponent, ColumnMenuStickComponent, ColumnMenuTemplateDirective, ColumnReorderEvent, ColumnReorderService, ColumnResizingService, ColumnStickyChangeEvent, ColumnVisibilityChangeEvent, ColumnsContainer, CommandColumnComponent, ContainsFilterOperatorComponent, ContextService, CustomMessagesComponent, DEFAULT_AI_REQUEST_OPTIONS, DEFAULT_SCROLLER_FACTORY, DataBindingDirective, DateFilterCellComponent, DateFilterComponent, DateFilterMenuComponent, DateFilterMenuInputComponent, DetailCollapseEvent, DetailExpandEvent, DetailTemplateDirective, DetailsService, DoesNotContainFilterOperatorComponent, DomEventsService, DragAndDropService, DragHintService, DropCueService, EditCommandDirective, EditCommandToolbarDirective, EditService as EditServiceClass, EditTemplateDirective, EditingDirectiveBase, EndsWithFilterOperatorComponent, EqualFilterOperatorComponent, ExcelCommandDirective, ExcelCommandToolbarDirective, ExcelComponent, ExcelExportEvent, ExcelModule, ExcelService, ExpandDetailsDirective, ExpandGroupDirective, ExternalEditingDirective, FieldAccessorPipe, FilterCellComponent, FilterCellHostDirective, FilterCellOperatorsComponent, FilterCellTemplateDirective, FilterCellWrapperComponent, FilterCommandToolbarDirective, FilterInputDirective, FilterMenuComponent, FilterMenuContainerComponent, FilterMenuDropDownListDirective, FilterMenuHostDirective, FilterMenuInputWrapperComponent, FilterMenuTemplateDirective, FilterOperatorBase, FilterRowComponent, FilterService, FocusRoot, FocusableDirective, FooterComponent, FooterTemplateDirective, GreaterFilterOperatorComponent, GreaterOrEqualToFilterOperatorComponent, GridAIAssistantResponseErrorEvent, GridAIAssistantResponseSuccessEvent, GridClipboardDirective, GridComponent, GridModule, GridSmartBoxHistoryItemTemplateDirective, GridSmartBoxPromptSuggestionTemplateDirective, GridSmartBoxResponseErrorEvent, GridSmartBoxResponseSuccessEvent, GridSmartBoxSearchEvent, GridSpacerComponent, GridTableDirective, GridToolbarFocusableDirective, GridToolbarNavigationService, GroupCommandToolbarDirective, GroupFooterTemplateDirective, GroupHeaderColumnTemplateDirective, GroupHeaderComponent, GroupHeaderTemplateDirective, GroupInfoService, GroupPanelComponent, GroupsService, HeaderComponent, HeaderTemplateDirective, HighlightDirective, IdService, InCellEditingDirective, IsEmptyFilterOperatorComponent, IsNotEmptyFilterOperatorComponent, IsNotNullFilterOperatorComponent, IsNullFilterOperatorComponent, KENDO_GRID, KENDO_GRID_BODY_EXPORTS, KENDO_GRID_COLUMN_DRAGANDDROP, KENDO_GRID_COLUMN_MENU_DECLARATIONS, KENDO_GRID_COLUMN_MENU_EXPORTS, KENDO_GRID_CSV_EXPORT, KENDO_GRID_DECLARATIONS, KENDO_GRID_EXCEL_EXPORT, KENDO_GRID_EXPORTS, KENDO_GRID_FILTER_MENU, KENDO_GRID_FILTER_MENU_EXPORTS, KENDO_GRID_FILTER_OPERATORS, KENDO_GRID_FILTER_ROW, KENDO_GRID_FILTER_ROW_EXPORTS, KENDO_GRID_FILTER_SHARED, KENDO_GRID_FOOTER_EXPORTS, KENDO_GRID_GROUP_EXPORTS, KENDO_GRID_HEADER_EXPORTS, KENDO_GRID_PDF_EXPORT, KENDO_GRID_SHARED, LessFilterOperatorComponent, LessOrEqualToFilterOperatorComponent, ListComponent, LoadingComponent, LoadingTemplateDirective, LocalDataChangesService, LogicalCellDirective, LogicalRowDirective, MenuTabbingService, MultiCheckboxFilterComponent, NavigationService, NoRecordsTemplateDirective, NotEqualFilterOperatorComponent, NumericFilterCellComponent, NumericFilterComponent, NumericFilterMenuComponent, NumericFilterMenuInputComponent, PDFCommandDirective, PDFCommandToolbarDirective, PDFComponent, PDFMarginComponent, PDFModule, PDFService, PDFTemplateDirective, PopupCloseEvent, ReactiveEditingDirective, RedoCommandToolbarDirective, RemoveCommandDirective, RemoveCommandToolbarDirective, ResizableContainerDirective, ResizeService, ResponsiveService, RowDragHandleTemplateDirective, RowDragHintTemplateDirective, RowEditingDirectiveBase, RowReorderColumnComponent, RowReorderService, SaveCommandDirective, SaveCommandToolbarDirective, ScrollRequestService, ScrollSyncService, SelectAllCheckboxDirective, SelectAllToolbarToolComponent, SelectionCheckboxDirective, SelectionDirective, SelectionService, SinglePopupService, SizingOptionsService, Skip, SmartBoxToolbarToolComponent, SortCommandToolbarDirective, SortService, SpanColumnComponent, StartsWithFilterOperatorComponent, StatusBarTemplateDirective, StringFilterCellComponent, StringFilterComponent, StringFilterMenuComponent, StringFilterMenuInputComponent, SuspendService, TableBodyComponent, TableDirective, TemplateEditingDirective, ToolbarComponent, ToolbarTemplateDirective, UndoCommandToolbarDirective, UndoRedoDirective, UndoRedoEvent, defaultTrackBy, hasFilterMenu, hasFilterRow, isFilterable };
+export { AIAssistantToolbarDirective, AdaptiveGridService, AddCommandDirective, AddCommandToolbarDirective, AfterEqFilterOperatorComponent, AfterFilterOperatorComponent, AutoCompleteFilterCellComponent, BaseFilterCellComponent, BeforeEqFilterOperatorComponent, BeforeFilterOperatorComponent, BooleanFilterCellComponent, BooleanFilterComponent, BooleanFilterMenuComponent, BooleanFilterRadioButtonDirective, CELL_CONTEXT, CSVCommandDirective, CSVCommandToolbarDirective, CSVComponent, CSVExportEvent, CSVModule, CSVService, CancelCommandDirective, CancelCommandToolbarDirective, CellCloseEvent, CellComponent, CellLoadingTemplateDirective, CellSelectionAggregateService, CellSelectionService, CellTemplateDirective, ChangeNotificationService, CheckboxColumnComponent, ColGroupComponent, ColumnBase, ColumnChooserComponent, ColumnChooserToolbarDirective, ColumnComponent, ColumnGroupComponent, ColumnHandleDirective, ColumnInfoService, ColumnListComponent, ColumnLockedChangeEvent, ColumnMenuAutoSizeAllColumnsComponent, ColumnMenuAutoSizeColumnComponent, ColumnMenuChooserComponent, ColumnMenuComponent, ColumnMenuContainerComponent, ColumnMenuFilterComponent, ColumnMenuItemComponent, ColumnMenuItemContentTemplateDirective, ColumnMenuItemDirective, ColumnMenuLockComponent, ColumnMenuPositionComponent, ColumnMenuService, ColumnMenuSortComponent, ColumnMenuStickComponent, ColumnMenuTemplateDirective, ColumnReorderEvent, ColumnReorderService, ColumnResizingService, ColumnStickyChangeEvent, ColumnVisibilityChangeEvent, ColumnsContainer, CommandColumnComponent, ContainsFilterOperatorComponent, ContextService, CustomMessagesComponent, DEFAULT_AI_REQUEST_OPTIONS, DEFAULT_SCROLLER_FACTORY, DataBindingDirective, DateFilterCellComponent, DateFilterComponent, DateFilterMenuComponent, DateFilterMenuInputComponent, DetailCollapseEvent, DetailExpandEvent, DetailTemplateDirective, DetailsService, DoesNotContainFilterOperatorComponent, DomEventsService, DragAndDropService, DragHintService, DropCueService, EditCommandDirective, EditCommandToolbarDirective, EditService as EditServiceClass, EditTemplateDirective, EditingDirectiveBase, EndsWithFilterOperatorComponent, EqualFilterOperatorComponent, ExcelCommandDirective, ExcelCommandToolbarDirective, ExcelComponent, ExcelExportEvent, ExcelModule, ExcelService, ExpandDetailsDirective, ExpandGroupDirective, ExternalEditingDirective, FieldAccessorPipe, FilterCellComponent, FilterCellHostDirective, FilterCellOperatorsComponent, FilterCellTemplateDirective, FilterCellWrapperComponent, FilterCommandToolbarDirective, FilterInputDirective, FilterMenuComponent, FilterMenuContainerComponent, FilterMenuDropDownListDirective, FilterMenuHostDirective, FilterMenuInputWrapperComponent, FilterMenuTemplateDirective, FilterOperatorBase, FilterRowComponent, FilterService, FocusRoot, FocusableDirective, FooterComponent, FooterTemplateDirective, GreaterFilterOperatorComponent, GreaterOrEqualToFilterOperatorComponent, GridAIAssistantResponseErrorEvent, GridAIAssistantResponseSuccessEvent, GridClipboardDirective, GridComponent, GridModule, GridSmartBoxHistoryItemTemplateDirective, GridSmartBoxPromptSuggestionTemplateDirective, GridSmartBoxResponseErrorEvent, GridSmartBoxResponseSuccessEvent, GridSmartBoxSearchEvent, GridSpacerComponent, GridTableDirective, GridToolbarFocusableDirective, GridToolbarNavigationService, GroupCommandToolbarDirective, GroupFooterTemplateDirective, GroupHeaderColumnTemplateDirective, GroupHeaderComponent, GroupHeaderTemplateDirective, GroupInfoService, GroupPanelComponent, GroupsService, HeaderComponent, HeaderTemplateDirective, HighlightDirective, IdService, InCellEditingDirective, IsEmptyFilterOperatorComponent, IsNotEmptyFilterOperatorComponent, IsNotNullFilterOperatorComponent, IsNullFilterOperatorComponent, KENDO_GRID, KENDO_GRID_BODY_EXPORTS, KENDO_GRID_COLUMN_DRAGANDDROP, KENDO_GRID_COLUMN_MENU_DECLARATIONS, KENDO_GRID_COLUMN_MENU_EXPORTS, KENDO_GRID_CSV_EXPORT, KENDO_GRID_DECLARATIONS, KENDO_GRID_EXCEL_EXPORT, KENDO_GRID_EXPORTS, KENDO_GRID_FILTER_MENU, KENDO_GRID_FILTER_MENU_EXPORTS, KENDO_GRID_FILTER_OPERATORS, KENDO_GRID_FILTER_ROW, KENDO_GRID_FILTER_ROW_EXPORTS, KENDO_GRID_FILTER_SHARED, KENDO_GRID_FOOTER_EXPORTS, KENDO_GRID_GROUP_EXPORTS, KENDO_GRID_HEADER_EXPORTS, KENDO_GRID_PDF_EXPORT, KENDO_GRID_SHARED, LessFilterOperatorComponent, LessOrEqualToFilterOperatorComponent, ListComponent, LoadingComponent, LoadingTemplateDirective, LocalDataChangesService, LogicalCellDirective, LogicalRowDirective, MenuTabbingService, MultiCheckboxFilterComponent, NavigationService, NoRecordsTemplateDirective, NotEqualFilterOperatorComponent, NumericFilterCellComponent, NumericFilterComponent, NumericFilterMenuComponent, NumericFilterMenuInputComponent, PDFCommandDirective, PDFCommandToolbarDirective, PDFComponent, PDFMarginComponent, PDFModule, PDFService, PDFTemplateDirective, PopupCloseEvent, ReactiveEditingDirective, RedoCommandToolbarDirective, RemoveCommandDirective, RemoveCommandToolbarDirective, ResizableContainerDirective, ResizeService, ResponsiveService, RowDragHandleTemplateDirective, RowDragHintTemplateDirective, RowEditingDirectiveBase, RowPinColumnComponent, RowPinService, RowReorderColumnComponent, RowReorderService, SaveCommandDirective, SaveCommandToolbarDirective, ScrollRequestService, ScrollSyncService, SelectAllCheckboxDirective, SelectAllToolbarToolComponent, SelectionCheckboxDirective, SelectionDirective, SelectionService, SinglePopupService, SizingOptionsService, Skip, SmartBoxToolbarToolComponent, SortCommandToolbarDirective, SortService, SpanColumnComponent, StartsWithFilterOperatorComponent, StatusBarTemplateDirective, StringFilterCellComponent, StringFilterComponent, StringFilterMenuComponent, StringFilterMenuInputComponent, SuspendService, TableBodyComponent, TableDirective, TemplateEditingDirective, ToolbarComponent, ToolbarTemplateDirective, UndoCommandToolbarDirective, UndoRedoDirective, UndoRedoEvent, defaultTrackBy, hasFilterMenu, hasFilterRow, isFilterable };