@progress/kendo-angular-grid 21.3.0-develop.1 → 21.3.0-develop.11

package/column-menu/column-list.component.d.ts

@@ -54,6 +54,7 @@ export declare class ColumnListComponent implements OnInit, OnDestroy {
     private _columns;
     private domSubscriptions;
     private lastDisabledCheckbox;
+    private handledKeys;
     constructor(element: ElementRef, ngZone: NgZone, renderer: Renderer2, listNavigationService: ColumnListKeyboardNavigation, cdr: ChangeDetectorRef, columnInfoService: ColumnInfoService, adaptiveGridService: AdaptiveGridService, ctx: ContextService);
     ngOnInit(): void;
     ngAfterViewInit(): void;

package/common/id.service.d.ts

@@ -2,14 +2,17 @@
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+import { OnDestroy } from "@angular/core";
 import * as i0 from "@angular/core";
 /**
  * @hidden
  */
-export declare class IdService {
+export declare class IdService implements OnDestroy {
     private prefix;
+    private gridIndex;
     private columnCounter;
     constructor();
+    ngOnDestroy(): void;
     gridId(): string;
     cellId(rowIndex: number, colIndex: number): string;
     selectionCheckboxId(itemIndex: any): string;

package/esm2022/column-menu/column-list.component.mjs

@@ -86,6 +86,7 @@ export class ColumnListComponent {
     _columns;
     domSubscriptions = new Subscription();
     lastDisabledCheckbox;
+    handledKeys = [Keys.ArrowDown, Keys.ArrowUp, Keys.Space];
     constructor(element, ngZone, renderer, listNavigationService, cdr, columnInfoService, adaptiveGridService, ctx) {
         this.element = element;
         this.ngZone = ngZone;
@@ -228,7 +229,7 @@ export class ColumnListComponent {
     }
     onKeydown = (e) => {
         const code = normalizeKeys(e);
-        if (code !== Keys.Tab) {
+        if (this.handledKeys.includes(code)) {
             e.preventDefault();
         }
         if (code === 'Tab' && e.shiftKey) {

package/esm2022/column-menu/column-menu-chooser.component.mjs

@@ -7,7 +7,6 @@ import { ColumnInfoService } from '../common/column-info.service';
 import { ColumnMenuItemBase } from './column-menu-item-base';
 import { columnsIcon } from '@progress/kendo-svg-icons';
 import { ContextService } from '../common/provider.service';
-import { ColumnListComponent } from './column-list.component';
 import { ColumnMenuItemContentTemplateDirective } from './column-menu-item-content-template.directive';
 import { ColumnMenuItemComponent } from './column-menu-item.component';
 import { ColumnChooserContentComponent } from './column-chooser-content.component';
@@ -139,7 +138,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
         </kendo-grid-columnmenu-item>
     `,
                     standalone: true,
-                    imports: [ColumnMenuItemComponent, ColumnMenuItemContentTemplateDirective, ColumnListComponent, ColumnChooserContentComponent]
+                    imports: [ColumnMenuItemComponent, ColumnMenuItemContentTemplateDirective, ColumnChooserContentComponent]
                 }]
         }], ctorParameters: () => [{ type: i1.ContextService }, { type: i2.ColumnInfoService }, { type: i0.ElementRef }], propDecorators: { expand: [{
                 type: Output

package/esm2022/column-menu/column-menu.component.mjs

@@ -15,7 +15,6 @@ import { moreVerticalIcon, columnsIcon, filterIcon, slidersIcon } from '@progres
 import { TabContentDirective, TabStripComponent, TabStripTabComponent, TabTitleDirective } from '@progress/kendo-angular-layout';
 import { ColumnInfoService } from '../common/column-info.service';
 import { IdService } from '../common/id.service';
-import { ColumnListComponent } from './column-list.component';
 import { FilterMenuContainerComponent } from '../filtering/menu/filter-menu-container.component';
 import { ColumnMenuFilterComponent } from './column-menu-filter.component';
 import { ColumnMenuAutoSizeAllColumnsComponent } from './column-menu-autosize-all.component';
@@ -437,7 +436,7 @@ export class ColumnMenuComponent {
                 >
               </kendo-grid-columnmenu-autosize-column>
             }
-        
+
             @if (hasAutoSizeAllColumns) {
               <kendo-grid-columnmenu-autosize-all-columns
                 #autoSizeAllColumnsItem
@@ -565,7 +564,7 @@ export class ColumnMenuComponent {
             }
           </kendo-tabstrip>
         </ng-template>
-        
+
         `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: ColumnMenuContainerComponent, selector: "kendo-grid-columnmenu-container" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ColumnMenuSortComponent, selector: "kendo-grid-columnmenu-sort" }, { kind: "directive", type: ColumnMenuItemDirective, selector: "[kendoGridColumnMenuItem]", inputs: ["kendoGridColumnMenuItem"] }, { kind: "component", type: ColumnMenuLockComponent, selector: "kendo-grid-columnmenu-lock" }, { kind: "component", type: ColumnMenuStickComponent, selector: "kendo-grid-columnmenu-stick" }, { kind: "component", type: ColumnMenuPositionComponent, selector: "kendo-grid-columnmenu-position", inputs: ["expanded", "showLock", "showStick", "isLast"], outputs: ["expand", "collapse"] }, { kind: "component", type: ColumnMenuChooserComponent, selector: "kendo-grid-columnmenu-chooser", inputs: ["expanded", "isLast"], outputs: ["expand", "collapse"] }, { kind: "component", type: ColumnMenuAutoSizeColumnComponent, selector: "kendo-grid-columnmenu-autosize-column", inputs: ["column"] }, { kind: "component", type: ColumnMenuAutoSizeAllColumnsComponent, selector: "kendo-grid-columnmenu-autosize-all-columns" }, { kind: "component", type: ColumnMenuFilterComponent, selector: "kendo-grid-columnmenu-filter", inputs: ["expanded", "isLast"], outputs: ["expand", "collapse"] }, { kind: "component", type: TabStripComponent, selector: "kendo-tabstrip", inputs: ["height", "animate", "tabAlignment", "tabPosition", "keepTabContent", "closable", "scrollable", "size", "closeIcon", "closeIconClass", "closeSVGIcon", "showContentArea"], outputs: ["tabSelect", "tabClose", "tabScroll"], exportAs: ["kendoTabStrip"] }, { kind: "component", type: TabStripTabComponent, selector: "kendo-tabstrip-tab", inputs: ["title", "disabled", "cssClass", "cssStyle", "selected", "closable", "closeIcon", "closeIconClass", "closeSVGIcon"], exportAs: ["kendoTabStripTab"] }, { kind: "directive", type: TabTitleDirective, selector: "[kendoTabTitle]" }, { kind: "directive", type: TabContentDirective, selector: "[kendoTabContent]" }, { kind: "component", type: FilterMenuContainerComponent, selector: "kendo-grid-filter-menu-container", inputs: ["column", "isLast", "isExpanded", "menuTabbingService", "filter", "actionsClass"], outputs: ["close"] }, { kind: "component", type: ColumnChooserContentComponent, selector: "kendo-grid-column-chooser-content", inputs: ["filterable", "showSelectAll", "showCheckedCount", "allowHideAll", "autoSync", "actionsClass", "closeOnReset", "columns", "isLast", "isExpanded", "service"], outputs: ["close"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColumnMenuComponent, decorators: [{
@@ -648,7 +647,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 >
               </kendo-grid-columnmenu-autosize-column>
             }
-        
+
             @if (hasAutoSizeAllColumns) {
               <kendo-grid-columnmenu-autosize-all-columns
                 #autoSizeAllColumnsItem
@@ -776,7 +775,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             }
           </kendo-tabstrip>
         </ng-template>
-        
+
         `,
                     standalone: true,
                     imports: [
@@ -798,7 +797,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         TabTitleDirective,
                         TabContentDirective,
                         FilterMenuContainerComponent,
-                        ColumnListComponent,
                         ColumnChooserContentComponent
                     ]
                 }]

package/esm2022/common/id.service.mjs

@@ -4,16 +4,34 @@
 *-------------------------------------------------------------------------------------------*/
 import { Injectable } from "@angular/core";
 import * as i0 from "@angular/core";
-// Incremented each time the service is instantiated.
-let sequence = 0;
+// Registry to track active Grid instances and their indices
+const activeGridIndices = new Set();
+// Get the next available grid index (reuses freed indices)
+function getNextGridIndex() {
+    let index = 0;
+    while (activeGridIndices.has(index)) {
+        index++;
+    }
+    activeGridIndices.add(index);
+    return index;
+}
+// Release a grid index when the Grid is destroyed
+function releaseGridIndex(index) {
+    activeGridIndices.delete(index);
+}
 /**
  * @hidden
  */
 export class IdService {
     prefix;
+    gridIndex;
     columnCounter = 0;
     constructor() {
-        this.prefix = `k-grid${sequence++}`;
+        this.gridIndex = getNextGridIndex();
+        this.prefix = `k-grid${this.gridIndex}`;
+    }
+    ngOnDestroy() {
+        releaseGridIndex(this.gridIndex);
     }
     gridId() {
         return this.prefix;

package/esm2022/filtering/menu/date-filter-menu-input.component.mjs

@@ -7,7 +7,7 @@ import { Component, Input } from '@angular/core';
 import { ColumnComponent } from "../../columns/column.component";
 import { FilterService } from '../filter.service';
 import { SinglePopupService } from '../../common/single-popup.service';
-import { take } from 'rxjs/operators';
+import { filter } from 'rxjs/operators';
 import { DatePickerComponent, DatePickerCustomMessagesComponent } from '@progress/kendo-angular-dateinputs';
 import { ContextService } from '../../common/provider.service';
 import { FilterInputDirective } from '../filter-input.directive';
@@ -49,12 +49,12 @@ export class DateFilterMenuInputComponent {
             this.subscription.unsubscribe();
         }
     }
-    open() {
+    open(picker) {
         if (this.subscription) {
             this.subscription.unsubscribe();
         }
         this.subscription = this.popupService.onClose
-            .pipe(take(1))
+            .pipe(filter(() => picker.isActive))
             .subscribe(e => e.preventDefault());
     }
     messageFor(key) {
@@ -76,13 +76,13 @@ export class DateFilterMenuInputComponent {
             [filterService]="filterService"
             [isFirstDropDown]="isFirstDropDown"
             [menuTabbingService]="menuTabbingService">
-            <kendo-datepicker
+            <kendo-datepicker #picker
                 kendoFilterInput
                 [adaptiveMode]="ctx.grid?.adaptiveMode"
                 [size]="ctx.grid?.isActionSheetExpanded ? 'large' : null"
                 [columnLabel]="columnLabel"
                 [filterDelay]="0"
-                (open)="open()"
+                (open)="open(picker)"
                 [value]="currentFilter?.value"
                 [placeholder]="placeholder"
                 [formatPlaceholder]="formatPlaceholder"
@@ -115,13 +115,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             [filterService]="filterService"
             [isFirstDropDown]="isFirstDropDown"
             [menuTabbingService]="menuTabbingService">
-            <kendo-datepicker
+            <kendo-datepicker #picker
                 kendoFilterInput
                 [adaptiveMode]="ctx.grid?.adaptiveMode"
                 [size]="ctx.grid?.isActionSheetExpanded ? 'large' : null"
                 [columnLabel]="columnLabel"
                 [filterDelay]="0"
-                (open)="open()"
+                (open)="open(picker)"
                 [value]="currentFilter?.value"
                 [placeholder]="placeholder"
                 [formatPlaceholder]="formatPlaceholder"

package/esm2022/package-metadata.mjs

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

package/esm2022/rendering/list.component.mjs

@@ -284,6 +284,12 @@ export class ListComponent {
             this.container.nativeElement.scrollTop = (this.isVirtual && this.ctx.grid?.pageable) ? 0 : this.rowHeightService.offset(this.skip);
         }
         if (anyChanged(['total', 'take'], changes)) {
+            // For virtual scrolling without paging, preserve scroll position when only take/pageSize changes
+            const isVirtualOnly = this.isVirtual && !this.ctx.grid?.pageable;
+            const onlyTakeChanged = isChanged('take', changes) && !isChanged('total', changes);
+            if (isVirtualOnly && onlyTakeChanged) {
+                this.skipScroll = true;
+            }
             this.init();
         }
         this.rebind = false;
@@ -438,6 +444,9 @@ export class ListComponent {
         this.rowHeightService = this.scroller.rowHeightService = new RowHeightService(total, this.rowHeight || this.minRowHeight);
         if (!isUniversal()) {
             if (this.skipScroll) {
+                // Update scroller's take value when preserving scroll position
+                this.scroller.take = this.take;
+                this.scroller.total = this.total;
                 this.setScrollerOptions();
                 this.scroller.update();
             }
@@ -808,6 +817,7 @@ export class ListComponent {
     setScrollerOptions() {
         this.scroller.scrollableVirtual = this.isVirtual;
         this.scroller.table = this.table.nativeElement;
+        this.scroller.lockedTable = this.lockedTable?.nativeElement || null;
         this.scroller.tableBody = this.table.nativeElement.tBodies[0];
         this.scroller.container = this.container.nativeElement;
         this.scroller.scrollHeightContainer = this.container.nativeElement.querySelector('.k-height-container');

package/esm2022/scrolling/scroller.service.mjs

@@ -41,6 +41,7 @@ export class ScrollerService {
     total = 0;
     rowHeightService;
     table = null;
+    lockedTable = null;
     tableBody = null;
     container = null;
     scrollHeightContainer = null;
@@ -51,12 +52,12 @@ export class ScrollerService {
     firstToLoad = 0;
     lastLoaded = 0;
     scrollSyncing = false;
-    take;
     scrollSubscription;
     subscription;
     lastScrollTop = 0;
     firstLoaded = 0;
     expandedRows = {};
+    take;
     constructor(scrollObservable, ctx) {
         this.scrollObservable = scrollObservable;
         this.ctx = ctx;
@@ -170,6 +171,9 @@ export class ScrollerService {
         if (this.scrollableVirtual && this.table) {
             if (forceSet) {
                 this.table.style.transform = 'translateY(' + dY + 'px)';
+                if (this.lockedTable) {
+                    this.lockedTable.style.transform = 'translateY(' + dY + 'px)';
+                }
             }
             else {
                 this.tableTransformOffset = dY;

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

@@ -2102,16 +2102,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                     type: Optional
                 }] }] });
 
-// Incremented each time the service is instantiated.
-let sequence = 0;
+// Registry to track active Grid instances and their indices
+const activeGridIndices = new Set();
+// Get the next available grid index (reuses freed indices)
+function getNextGridIndex() {
+    let index = 0;
+    while (activeGridIndices.has(index)) {
+        index++;
+    }
+    activeGridIndices.add(index);
+    return index;
+}
+// Release a grid index when the Grid is destroyed
+function releaseGridIndex(index) {
+    activeGridIndices.delete(index);
+}
 /**
  * @hidden
  */
 class IdService {
     prefix;
+    gridIndex;
     columnCounter = 0;
     constructor() {
-        this.prefix = `k-grid${sequence++}`;
+        this.gridIndex = getNextGridIndex();
+        this.prefix = `k-grid${this.gridIndex}`;
+    }
+    ngOnDestroy() {
+        releaseGridIndex(this.gridIndex);
     }
     gridId() {
         return this.prefix;
@@ -10240,12 +10258,12 @@ class DateFilterMenuInputComponent {
             this.subscription.unsubscribe();
         }
     }
-    open() {
+    open(picker) {
         if (this.subscription) {
             this.subscription.unsubscribe();
         }
         this.subscription = this.popupService.onClose
-            .pipe(take(1))
+            .pipe(filter(() => picker.isActive))
             .subscribe(e => e.preventDefault());
     }
     messageFor(key) {
@@ -10267,13 +10285,13 @@ class DateFilterMenuInputComponent {
             [filterService]="filterService"
             [isFirstDropDown]="isFirstDropDown"
             [menuTabbingService]="menuTabbingService">
-            <kendo-datepicker
+            <kendo-datepicker #picker
                 kendoFilterInput
                 [adaptiveMode]="ctx.grid?.adaptiveMode"
                 [size]="ctx.grid?.isActionSheetExpanded ? 'large' : null"
                 [columnLabel]="columnLabel"
                 [filterDelay]="0"
-                (open)="open()"
+                (open)="open(picker)"
                 [value]="currentFilter?.value"
                 [placeholder]="placeholder"
                 [formatPlaceholder]="formatPlaceholder"
@@ -10306,13 +10324,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             [filterService]="filterService"
             [isFirstDropDown]="isFirstDropDown"
             [menuTabbingService]="menuTabbingService">
-            <kendo-datepicker
+            <kendo-datepicker #picker
                 kendoFilterInput
                 [adaptiveMode]="ctx.grid?.adaptiveMode"
                 [size]="ctx.grid?.isActionSheetExpanded ? 'large' : null"
                 [columnLabel]="columnLabel"
                 [filterDelay]="0"
-                (open)="open()"
+                (open)="open(picker)"
                 [value]="currentFilter?.value"
                 [placeholder]="placeholder"
                 [formatPlaceholder]="formatPlaceholder"
@@ -12837,6 +12855,7 @@ class ColumnListComponent {
     _columns;
     domSubscriptions = new Subscription();
     lastDisabledCheckbox;
+    handledKeys = [Keys.ArrowDown, Keys.ArrowUp, Keys.Space];
     constructor(element, ngZone, renderer, listNavigationService, cdr, columnInfoService, adaptiveGridService, ctx) {
         this.element = element;
         this.ngZone = ngZone;
@@ -12979,7 +12998,7 @@ class ColumnListComponent {
     }
     onKeydown = (e) => {
         const code = normalizeKeys(e);
-        if (code !== Keys.Tab) {
+        if (this.handledKeys.includes(code)) {
             e.preventDefault();
         }
         if (code === 'Tab' && e.shiftKey) {
@@ -14960,7 +14979,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
         </kendo-grid-columnmenu-item>
     `,
                     standalone: true,
-                    imports: [ColumnMenuItemComponent, ColumnMenuItemContentTemplateDirective, ColumnListComponent, ColumnChooserContentComponent]
+                    imports: [ColumnMenuItemComponent, ColumnMenuItemContentTemplateDirective, ColumnChooserContentComponent]
                 }]
         }], ctorParameters: () => [{ type: ContextService }, { type: ColumnInfoService }, { type: i0.ElementRef }], propDecorators: { expand: [{
                 type: Output
@@ -16233,7 +16252,7 @@ class ColumnMenuComponent {
                 >
               </kendo-grid-columnmenu-autosize-column>
             }
-        
+
             @if (hasAutoSizeAllColumns) {
               <kendo-grid-columnmenu-autosize-all-columns
                 #autoSizeAllColumnsItem
@@ -16361,7 +16380,7 @@ class ColumnMenuComponent {
             }
           </kendo-tabstrip>
         </ng-template>
-        
+
         `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: ColumnMenuContainerComponent, selector: "kendo-grid-columnmenu-container" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ColumnMenuSortComponent, selector: "kendo-grid-columnmenu-sort" }, { kind: "directive", type: ColumnMenuItemDirective, selector: "[kendoGridColumnMenuItem]", inputs: ["kendoGridColumnMenuItem"] }, { kind: "component", type: ColumnMenuLockComponent, selector: "kendo-grid-columnmenu-lock" }, { kind: "component", type: ColumnMenuStickComponent, selector: "kendo-grid-columnmenu-stick" }, { kind: "component", type: ColumnMenuPositionComponent, selector: "kendo-grid-columnmenu-position", inputs: ["expanded", "showLock", "showStick", "isLast"], outputs: ["expand", "collapse"] }, { kind: "component", type: ColumnMenuChooserComponent, selector: "kendo-grid-columnmenu-chooser", inputs: ["expanded", "isLast"], outputs: ["expand", "collapse"] }, { kind: "component", type: ColumnMenuAutoSizeColumnComponent, selector: "kendo-grid-columnmenu-autosize-column", inputs: ["column"] }, { kind: "component", type: ColumnMenuAutoSizeAllColumnsComponent, selector: "kendo-grid-columnmenu-autosize-all-columns" }, { kind: "component", type: ColumnMenuFilterComponent, selector: "kendo-grid-columnmenu-filter", inputs: ["expanded", "isLast"], outputs: ["expand", "collapse"] }, { kind: "component", type: TabStripComponent, selector: "kendo-tabstrip", inputs: ["height", "animate", "tabAlignment", "tabPosition", "keepTabContent", "closable", "scrollable", "size", "closeIcon", "closeIconClass", "closeSVGIcon", "showContentArea"], outputs: ["tabSelect", "tabClose", "tabScroll"], exportAs: ["kendoTabStrip"] }, { kind: "component", type: TabStripTabComponent, selector: "kendo-tabstrip-tab", inputs: ["title", "disabled", "cssClass", "cssStyle", "selected", "closable", "closeIcon", "closeIconClass", "closeSVGIcon"], exportAs: ["kendoTabStripTab"] }, { kind: "directive", type: TabTitleDirective, selector: "[kendoTabTitle]" }, { kind: "directive", type: TabContentDirective, selector: "[kendoTabContent]" }, { kind: "component", type: FilterMenuContainerComponent, selector: "kendo-grid-filter-menu-container", inputs: ["column", "isLast", "isExpanded", "menuTabbingService", "filter", "actionsClass"], outputs: ["close"] }, { kind: "component", type: ColumnChooserContentComponent, selector: "kendo-grid-column-chooser-content", inputs: ["filterable", "showSelectAll", "showCheckedCount", "allowHideAll", "autoSync", "actionsClass", "closeOnReset", "columns", "isLast", "isExpanded", "service"], outputs: ["close"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColumnMenuComponent, decorators: [{
@@ -16444,7 +16463,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 >
               </kendo-grid-columnmenu-autosize-column>
             }
-        
+
             @if (hasAutoSizeAllColumns) {
               <kendo-grid-columnmenu-autosize-all-columns
                 #autoSizeAllColumnsItem
@@ -16572,7 +16591,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             }
           </kendo-tabstrip>
         </ng-template>
-        
+
         `,
                     standalone: true,
                     imports: [
@@ -16594,7 +16613,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         TabTitleDirective,
                         TabContentDirective,
                         FilterMenuContainerComponent,
-                        ColumnListComponent,
                         ColumnChooserContentComponent
                     ]
                 }]
@@ -23578,8 +23596,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1764778815,
-    version: '21.3.0-develop.1',
+    publishDate: 1765375184,
+    version: '21.3.0-develop.11',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -26178,6 +26196,7 @@ class ScrollerService {
     total = 0;
     rowHeightService;
     table = null;
+    lockedTable = null;
     tableBody = null;
     container = null;
     scrollHeightContainer = null;
@@ -26188,12 +26207,12 @@ class ScrollerService {
     firstToLoad = 0;
     lastLoaded = 0;
     scrollSyncing = false;
-    take;
     scrollSubscription;
     subscription;
     lastScrollTop = 0;
     firstLoaded = 0;
     expandedRows = {};
+    take;
     constructor(scrollObservable, ctx) {
         this.scrollObservable = scrollObservable;
         this.ctx = ctx;
@@ -26307,6 +26326,9 @@ class ScrollerService {
         if (this.scrollableVirtual && this.table) {
             if (forceSet) {
                 this.table.style.transform = 'translateY(' + dY + 'px)';
+                if (this.lockedTable) {
+                    this.lockedTable.style.transform = 'translateY(' + dY + 'px)';
+                }
             }
             else {
                 this.tableTransformOffset = dY;
@@ -26886,6 +26908,12 @@ class ListComponent {
             this.container.nativeElement.scrollTop = (this.isVirtual && this.ctx.grid?.pageable) ? 0 : this.rowHeightService.offset(this.skip);
         }
         if (anyChanged(['total', 'take'], changes)) {
+            // For virtual scrolling without paging, preserve scroll position when only take/pageSize changes
+            const isVirtualOnly = this.isVirtual && !this.ctx.grid?.pageable;
+            const onlyTakeChanged = isChanged$1('take', changes) && !isChanged$1('total', changes);
+            if (isVirtualOnly && onlyTakeChanged) {
+                this.skipScroll = true;
+            }
             this.init();
         }
         this.rebind = false;
@@ -27040,6 +27068,9 @@ class ListComponent {
         this.rowHeightService = this.scroller.rowHeightService = new RowHeightService(total, this.rowHeight || this.minRowHeight);
         if (!isUniversal()) {
             if (this.skipScroll) {
+                // Update scroller's take value when preserving scroll position
+                this.scroller.take = this.take;
+                this.scroller.total = this.total;
                 this.setScrollerOptions();
                 this.scroller.update();
             }
@@ -27410,6 +27441,7 @@ class ListComponent {
     setScrollerOptions() {
         this.scroller.scrollableVirtual = this.isVirtual;
         this.scroller.table = this.table.nativeElement;
+        this.scroller.lockedTable = this.lockedTable?.nativeElement || null;
         this.scroller.tableBody = this.table.nativeElement.tBodies[0];
         this.scroller.container = this.container.nativeElement;
         this.scroller.scrollHeightContainer = this.container.nativeElement.querySelector('.k-height-container');

package/filtering/menu/date-filter-menu-input.component.d.ts

@@ -8,7 +8,7 @@ import { FilterDescriptor, CompositeFilterDescriptor } from '@progress/kendo-dat
 import { ColumnComponent } from "../../columns/column.component";
 import { FilterService } from '../filter.service';
 import { SinglePopupService } from '../../common/single-popup.service';
-import { CalendarView, DateInputFormatPlaceholder } from '@progress/kendo-angular-dateinputs';
+import { DatePickerComponent, CalendarView, DateInputFormatPlaceholder } from '@progress/kendo-angular-dateinputs';
 import { ContextService } from '../../common/provider.service';
 import * as i0 from "@angular/core";
 /**
@@ -40,7 +40,7 @@ export declare class DateFilterMenuInputComponent implements OnDestroy {
     private subscription;
     constructor(popupService: SinglePopupService, ctx: ContextService);
     ngOnDestroy(): void;
-    open(): void;
+    open(picker: DatePickerComponent): void;
     messageFor(key: string): string;
     get columnLabel(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<DateFilterMenuInputComponent, never>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-grid",
-  "version": "21.3.0-develop.1",
+  "version": "21.3.0-develop.11",
   "description": "Kendo UI Grid for Angular - high performance data grid with paging, filtering, virtualization, CRUD, and more.",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -73,7 +73,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1764778815,
+      "publishDate": 1765375184,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -84,34 +84,34 @@
     "@angular/forms": "18 - 21",
     "@angular/platform-browser": "18 - 21",
     "@progress/kendo-data-query": "^1.0.0",
-    "@progress/kendo-drawing": "^1.21.0",
+    "@progress/kendo-drawing": "^1.23.1",
     "@progress/kendo-licensing": "^1.7.0",
-    "@progress/kendo-angular-buttons": "21.3.0-develop.1",
-    "@progress/kendo-angular-common": "21.3.0-develop.1",
-    "@progress/kendo-angular-dateinputs": "21.3.0-develop.1",
-    "@progress/kendo-angular-layout": "21.3.0-develop.1",
-    "@progress/kendo-angular-navigation": "21.3.0-develop.1",
-    "@progress/kendo-angular-dropdowns": "21.3.0-develop.1",
-    "@progress/kendo-angular-excel-export": "21.3.0-develop.1",
-    "@progress/kendo-angular-icons": "21.3.0-develop.1",
-    "@progress/kendo-angular-indicators": "21.3.0-develop.1",
-    "@progress/kendo-angular-inputs": "21.3.0-develop.1",
-    "@progress/kendo-angular-conversational-ui": "21.3.0-develop.1",
-    "@progress/kendo-angular-intl": "21.3.0-develop.1",
-    "@progress/kendo-angular-l10n": "21.3.0-develop.1",
-    "@progress/kendo-angular-label": "21.3.0-develop.1",
-    "@progress/kendo-angular-menu": "21.3.0-develop.1",
-    "@progress/kendo-angular-pager": "21.3.0-develop.1",
-    "@progress/kendo-angular-pdf-export": "21.3.0-develop.1",
-    "@progress/kendo-angular-popup": "21.3.0-develop.1",
-    "@progress/kendo-angular-toolbar": "21.3.0-develop.1",
-    "@progress/kendo-angular-upload": "21.3.0-develop.1",
-    "@progress/kendo-angular-utils": "21.3.0-develop.1",
+    "@progress/kendo-angular-buttons": "21.3.0-develop.11",
+    "@progress/kendo-angular-common": "21.3.0-develop.11",
+    "@progress/kendo-angular-dateinputs": "21.3.0-develop.11",
+    "@progress/kendo-angular-layout": "21.3.0-develop.11",
+    "@progress/kendo-angular-navigation": "21.3.0-develop.11",
+    "@progress/kendo-angular-dropdowns": "21.3.0-develop.11",
+    "@progress/kendo-angular-excel-export": "21.3.0-develop.11",
+    "@progress/kendo-angular-icons": "21.3.0-develop.11",
+    "@progress/kendo-angular-indicators": "21.3.0-develop.11",
+    "@progress/kendo-angular-inputs": "21.3.0-develop.11",
+    "@progress/kendo-angular-conversational-ui": "21.3.0-develop.11",
+    "@progress/kendo-angular-intl": "21.3.0-develop.11",
+    "@progress/kendo-angular-l10n": "21.3.0-develop.11",
+    "@progress/kendo-angular-label": "21.3.0-develop.11",
+    "@progress/kendo-angular-menu": "21.3.0-develop.11",
+    "@progress/kendo-angular-pager": "21.3.0-develop.11",
+    "@progress/kendo-angular-pdf-export": "21.3.0-develop.11",
+    "@progress/kendo-angular-popup": "21.3.0-develop.11",
+    "@progress/kendo-angular-toolbar": "21.3.0-develop.11",
+    "@progress/kendo-angular-upload": "21.3.0-develop.11",
+    "@progress/kendo-angular-utils": "21.3.0-develop.11",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "21.3.0-develop.1",
+    "@progress/kendo-angular-schematics": "21.3.0-develop.11",
     "@progress/kendo-common": "^1.0.1",
     "@progress/kendo-file-saver": "^1.0.0"
   },

package/schematics/ngAdd/index.js

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

package/scrolling/scroller.service.d.ts

@@ -39,6 +39,7 @@ export declare class ScrollerService {
     total: number;
     rowHeightService: RowHeightService;
     table: HTMLTableElement | null;
+    lockedTable: HTMLTableElement | null;
     tableBody: HTMLTableSectionElement | null;
     container: HTMLDivElement | null;
     scrollHeightContainer: HTMLDivElement | null;
@@ -49,12 +50,12 @@ export declare class ScrollerService {
     firstToLoad: number;
     lastLoaded: number;
     scrollSyncing: boolean;
-    private take;
     private scrollSubscription;
     private subscription;
     private lastScrollTop;
     private firstLoaded;
     private expandedRows;
+    take: number;
     constructor(scrollObservable: Observable<any>, ctx: ContextService);
     create(rowHeightService: RowHeightService, skip: number, take: number, total: number): BehaviorSubject<Action>;
     reset(skipScroll?: boolean): void;