@progress/kendo-angular-grid 23.0.2-develop.1 → 23.1.0-develop.1

package/databinding.directive.d.ts

@@ -68,6 +68,7 @@ export declare class DataBindingDirective implements OnInit, OnDestroy, DoCheck,
     protected originalData: any[];
     protected dataChanged: boolean;
     private stateChangeSubscription;
+    private gridStateChangeSubscription;
     private dataChangedSubscription;
     private rowReorderSubscription;
     private searchSubscription;

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

@@ -3772,6 +3772,17 @@ class NavigationService {
             el !== cell.element;
         if (focusInCell) {
             this.mode = 2 /* NavigationMode.Content */;
+            // Skip cursor.reset when clicking focusable children in detail template cells
+            // to prevent scroll and focus stealing - let the browser handle focus naturally
+            // Use cursor.assume to update position without announcing (which triggers scroll)
+            // Only apply to detail cells (k-detail-cell), not filter cells or nested grids
+            const isDetailCell = cell.element.classList.contains('k-detail-cell');
+            if (isDetailCell && el !== cell.element && isInSameGrid(el, this.meta.gridElement.nativeElement)) {
+                this.cursor.assume(cell.rowIndex, cell.colIndex);
+                this.activeRowIndex = cell.rowIndex;
+                this.activateRow();
+                return;
+            }
             this.cursor.reset(cell.rowIndex, cell.colIndex);
             this.activateRow();
         }
@@ -4201,6 +4212,24 @@ class NavigationService {
         }
         // on some keyboards arrow keys, PageUp/Down, and Home/End are mapped to Numpad keys
         const code = normalizeKeys(args);
+        // Check if we're in a detail template cell (k-detail-cell)
+        // For detail cells, only handle Escape to return focus to cell, let other keys fall through naturally
+        const cellElement = gridCell(document.activeElement, this.meta.gridElement.nativeElement);
+        const isDetailCell = cellElement?.classList.contains('k-detail-cell');
+        if (isDetailCell) {
+            if (code === Keys.Escape && document.activeElement instanceof HTMLElement) {
+                this.leaveCell();
+                const cellElement = gridCell(document.activeElement, this.meta.gridElement.nativeElement);
+                if (cellElement) {
+                    const cell = targetCell(cellElement, this.meta.gridElement.nativeElement);
+                    if (cell) {
+                        this.cursor.reset(cell.rowIndex, cell.colIndex);
+                        args.stopPropagation();
+                    }
+                }
+            }
+            return;
+        }
         const confirm = !args.defaultPrevented && code === Keys.Enter && isTextInput(args.target);
         if (code === Keys.Escape || code === Keys.F2 || confirm) {
             if (this.tableCellEntered && code === Keys.F2 && this.activeRow.dataRowIndex > -1) {
@@ -4214,7 +4243,7 @@ class NavigationService {
             this.cursor.reset();
             args.stopPropagation();
         }
-        else if (isNavigationKey(code) && this.cursor.cell.focusGroup.isNavigable()) {
+        else if (isNavigationKey(code) && this.cursor.cell?.focusGroup?.isNavigable()) {
             this.onCursorKeydown(args);
             if (args.defaultPrevented) {
                 this.leaveCell();
@@ -24140,7 +24169,7 @@ const packageMetadata = {
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
     publishDate: 0,
-    version: '23.0.2-develop.1',
+    version: '23.1.0-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -26855,6 +26884,15 @@ class ScrollerService {
             this.firstToLoad = Math.max(firstItemIndex - nonVisibleBuffer, 0);
             this.loadPage(observer);
         }
+        else if (up && this.ctx.grid?.pageable && firstItemIndex < this.virtualSkip) {
+            // Handle rapid scroll to top: sync virtualSkip and offset when scrolled above current virtual position
+            // This prevents blank grid when virtualSkip/offset are out of sync with actual scroll position
+            const nonVisibleBuffer = Math.max(Math.floor((this.virtualPageSize || this.take) * 0.3) - overflow, 0);
+            this.firstToLoad = Math.max(firstItemIndex - nonVisibleBuffer, 0);
+            this.virtualPageChange(this.firstToLoad, observer);
+            this.translate(this.rowHeightService.offset(this.firstToLoad));
+            observer.next(new ScrollAction(this.rowHeightService.offset(this.firstToLoad)));
+        }
     }
     loadPage(observer) {
         if (!this.rowHeightService) {
@@ -27338,6 +27376,7 @@ class ListComponent {
     table;
     resizeSensors = new QueryList();
     scroller;
+    scrollerFactory;
     subscriptions;
     scrollerSubscription;
     dispatcher = new Subject();
@@ -27402,6 +27441,7 @@ class ListComponent {
         this.pdfService = pdfService;
         this.columnInfo = columnInfo;
         this.dataMappingService = dataMappingService;
+        this.scrollerFactory = scrollerFactory;
         this.scroller = this.ctx.scroller = scrollerFactory(this.dispatcher, this.ctx);
         this.subscriptions = detailsService.changes.subscribe(() => this.detailExpand());
         this.subscriptions.add(scrollRequestService.requests.subscribe(req => isPresent(req.adjustIndex) ? this.scrollTo(req.request, req.adjustIndex) : this.scrollToItem(req.request)));
@@ -27480,10 +27520,18 @@ class ListComponent {
         }
         const shouldCalculatePageSize = isDocumentAvailable() && this.isVirtual && !isPresent(this.virtualPageSize) && (!isPresent(this.ctx.grid?.pageSize) || this.ctx.grid?.pageable);
         const previousTotal = this.allItems.length;
+        const previousFirstDataItem = this.allItems[0]?.data;
         this.allItems = this.dataMappingService.dataMapper(this.data, this.nonLockedColumnsToRender, this.lockedLeafColumns, this.detailTemplate, this.showFooter);
         const totalChanged = previousTotal !== this.allItems.length;
         const totalIncreased = this.allItems.length > previousTotal;
-        if (this.totalIsAllItems && totalChanged) {
+        const dataContentChanged = this.allItems.length > 0 && this.allItems[0]?.data !== previousFirstDataItem;
+        // For virtual + pageable without grouping: update itemsToRender when data content changes
+        // This handles remote data scenarios where data arrives asynchronously after page change
+        if (dataContentChanged && this.isVirtual && this.ctx.grid?.pageable && !this.ctx.grid?.group?.length && this.virtualPageSize) {
+            this.scroller.virtualSkip = 0;
+            this.itemsToRender = this.allItems.slice(0, this.virtualPageSize);
+        }
+        else if (this.totalIsAllItems && totalChanged) {
             this.scroller.reset(this.skipScroll);
             this.scroller.total = this.allItems.length;
             this.itemsToRender = this.allItems.slice(this.scroller.virtualSkip, this.scroller.virtualSkip + this.virtualPageSize);
@@ -27627,6 +27675,52 @@ class ListComponent {
             }
         }
     }
+    /**
+     * Resets all virtual scrolling state when the data source changes.
+     * Recreates everything as if the grid was just initialized for the first time.
+     * @hidden
+     */
+    resetVirtualScroll(newTotal) {
+        if (!this.isVirtual) {
+            return;
+        }
+        this.skip = 0;
+        this.skipScroll = false;
+        this.containerScrollTop = 0;
+        this.rebind = false;
+        this.scroller.destroy();
+        this.scroller = this.ctx.scroller = this.scrollerFactory(this.dispatcher, this.ctx);
+        if (!this.virtualPageSize) {
+            this.virtualPageSize = this.calcVirtualPageSize();
+        }
+        const rowHeightTotal = this.ctx.grid?.pageable ? this.ctx.grid.pageSize : newTotal;
+        this.rowHeightService = this.scroller.rowHeightService = new RowHeightService(rowHeightTotal, this.rowHeight || this.minRowHeight);
+        if (this.container?.nativeElement) {
+            this.container.nativeElement.scrollTop = 0;
+        }
+        if (this.lockedContainer?.nativeElement) {
+            this.lockedContainer.nativeElement.scrollTop = 0;
+        }
+        if (this.table?.nativeElement) {
+            this.table.nativeElement.style.transform = 'translateY(0px)';
+        }
+        if (this.lockedTable?.nativeElement) {
+            this.lockedTable.nativeElement.style.transform = 'translateY(0px)';
+        }
+        this.setScrollerOptions();
+        this.ngZone.runOutsideAngular(this.createScroller.bind(this));
+    }
+    /**
+     * Checks if the virtual scroll state is out of sync with the expected position.
+     * Used to determine if resetVirtualScroll should be called.
+     * @hidden
+     */
+    isVirtualScrollOutOfSync() {
+        if (!this.isVirtual || !this.scroller) {
+            return false;
+        }
+        return this.scroller.virtualSkip > 0 || this.scroller.tableTransformOffset > 0;
+    }
     lockedScroll() {
         if (!this.suspendService.scroll) {
             const lockedScrollTop = this.lockedContainer.nativeElement.scrollTop;
@@ -27790,6 +27884,25 @@ class ListComponent {
         if (this.lockedContainer) {
             this.lockedContainer.nativeElement.scrollTop = scrollTop;
         }
+        // Sync translateY offset during rapid scrolling with virtual+paging to prevent blank grid
+        if (this.isVirtual && this.ctx.grid?.pageable && this.scroller.rowHeightService) {
+            const expectedFirstIndex = this.scroller.rowHeightService.index(scrollTop);
+            const expectedOffset = this.scroller.rowHeightService.offset(expectedFirstIndex);
+            const currentOffset = this.scroller.tableTransformOffset;
+            // If the offset is significantly out of sync (more than one row height difference), resync
+            const rowHeight = this.rowHeight || this.minRowHeight || 36;
+            if (Math.abs(currentOffset - expectedOffset) > rowHeight) {
+                this.scroller.virtualSkip = expectedFirstIndex;
+                this.scroller.tableTransformOffset = expectedOffset;
+                [
+                    maybeNativeElement(this.table),
+                    maybeNativeElement(this.lockedTable)
+                ].filter(isPresent).forEach(translateY(this.renderer, expectedOffset));
+                if (this.virtualPageSize) {
+                    this.ngZone.run(() => this.itemsToRender = this.allItems.slice(expectedFirstIndex, expectedFirstIndex + this.virtualPageSize));
+                }
+            }
+        }
     }
     handleRowSync() {
         const isLocked = () => isPresent(this.lockedContainer);
@@ -32064,12 +32177,28 @@ class SearchService {
      * Fires when the search descriptor is set.
      */
     changes = new Subject();
+    /**
+     * The descriptor used for searching.
+     */
+    searchFilter;
+    /**
+     * The value used for searching.
+     */
+    searchValue;
     /**
      * Sets the search descriptor.
      *
      * @param {CompositeFilterDescriptor} value - The search descriptor to set.
      */
     search(value) {
+        if (!value) {
+            this.searchValue = '';
+        }
+        else {
+            const flattenDescriptors = flatten(value);
+            this.searchValue = flattenDescriptors[0] ? flattenDescriptors[0].value : '';
+        }
+        this.searchFilter = value;
         this.changes.next(value);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SearchService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
@@ -32163,6 +32292,7 @@ class GridComponent {
     dataMappingService;
     aiRequestResponseService;
     idService;
+    searchService;
     /**
      * 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)).
@@ -32580,7 +32710,8 @@ class GridComponent {
             skip: this.skip,
             take: this.pageSize,
             columnsState: this.columns.toArray().flatMap(recursiveColumnsFlatMap),
-            currentData: structuredClone(this.data)
+            currentData: structuredClone(this.data),
+            searchFilter: this.searchService?.searchFilter
         };
     }
     /**
@@ -33132,7 +33263,7 @@ class GridComponent {
     rowReorderSubscription;
     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) {
+    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) {
         this.supportService = supportService;
         this.selectionService = selectionService;
         this.cellSelectionService = cellSelectionService;
@@ -33166,6 +33297,7 @@ class GridComponent {
         this.dataMappingService = dataMappingService;
         this.aiRequestResponseService = aiRequestResponseService;
         this.idService = idService;
+        this.searchService = searchService;
         const isValid = validatePackage(packageMetadata);
         this.licenseMessage = getLicenseMessage(packageMetadata);
         this.showLicenseWatermark = shouldShowValidationUI(isValid);
@@ -33305,6 +33437,12 @@ class GridComponent {
         const leafColumns = this.columnInfoService.leafNamedColumns || [];
         this.aiRequestResponseService.processCommands(response.commands || [], columns, leafColumns);
     }
+    /**
+     * Clears the search operation applied through the SmartBox tool.
+     */
+    clearSearch() {
+        this.searchService?.search(undefined);
+    }
     /**
      * @hidden
      */
@@ -33326,6 +33464,12 @@ class GridComponent {
     ngOnChanges(changes) {
         if (isChanged$1("data", changes)) {
             this.onDataChange();
+            if (this.isVirtual && this.pageable && this.listComponent && this.skip === 0) {
+                if (this.listComponent.isVirtualScrollOutOfSync()) {
+                    const total = this._data?.total ?? this._data?.length ?? 0;
+                    this.listComponent.resetVirtualScroll(total);
+                }
+            }
         }
         if (this.lockedLeafColumns.length && anyChanged(["pageSize", "skip", "sort", "group"], changes)) {
             this.changeNotification.notify();
@@ -33689,6 +33833,9 @@ class GridComponent {
         this.filter = state.filter;
         this.skip = state.skip;
         this.pageSize = state.take;
+        if (this.searchService && !areObjectsEqual(state.searchFilter || {}, this.searchService.searchFilter || {})) {
+            this.searchService.search(state.searchFilter);
+        }
         if (state.currentData) {
             this.data = state.currentData;
         }
@@ -34185,6 +34332,11 @@ class GridComponent {
                 this.listComponent?.resetNavigationViewport();
             }
         })));
+        if (this.searchService) {
+            this.stateChangeSubscription.add(this.searchService.changes.subscribe(() => this.ngZone.run(() => {
+                hasObservers(this.gridStateChange) && this.gridStateChange.emit(this.currentState);
+            })));
+        }
     }
     attachEditHandlers() {
         if (!this.editService) {
@@ -34492,7 +34644,7 @@ class GridComponent {
         this.dragTargetContainer?.notify();
         this.dropTargetContainer?.notify();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: GridComponent, deps: [{ token: BrowserSupportService }, { token: SelectionService }, { token: CellSelectionService }, { token: i0.ElementRef }, { token: GroupInfoService }, { token: GroupsService }, { token: ChangeNotificationService }, { token: DetailsService }, { token: EditService }, { token: FilterService }, { token: PDFService }, { token: ResponsiveService }, { token: i0.Renderer2 }, { token: ExcelService }, { token: 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 }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: GridComponent, deps: [{ token: BrowserSupportService }, { token: SelectionService }, { token: CellSelectionService }, { token: i0.ElementRef }, { token: GroupInfoService }, { token: GroupsService }, { token: ChangeNotificationService }, { token: DetailsService }, { token: EditService }, { token: FilterService }, { token: PDFService }, { token: ResponsiveService }, { token: i0.Renderer2 }, { token: ExcelService }, { token: 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.18", 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: [
             BrowserSupportService,
             LocalizationService,
@@ -36472,7 +36624,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         ResizeSensorComponent
                     ]
                 }]
-        }], ctorParameters: () => [{ type: BrowserSupportService }, { type: SelectionService }, { type: CellSelectionService }, { type: i0.ElementRef }, { type: GroupInfoService }, { type: GroupsService }, { type: ChangeNotificationService }, { type: DetailsService }, { type: EditService }, { type: FilterService }, { type: PDFService }, { type: ResponsiveService }, { type: i0.Renderer2 }, { type: ExcelService }, { type: 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 }], propDecorators: { data: [{
+        }], ctorParameters: () => [{ type: BrowserSupportService }, { type: SelectionService }, { type: CellSelectionService }, { type: i0.ElementRef }, { type: GroupInfoService }, { type: GroupsService }, { type: ChangeNotificationService }, { type: DetailsService }, { type: EditService }, { type: FilterService }, { type: PDFService }, { type: ResponsiveService }, { type: i0.Renderer2 }, { type: ExcelService }, { type: 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: [{
                 type: Input
             }], pageSize: [{
                 type: Input
@@ -36827,6 +36979,7 @@ class DataBindingDirective {
     originalData = [];
     dataChanged;
     stateChangeSubscription;
+    gridStateChangeSubscription;
     dataChangedSubscription;
     rowReorderSubscription;
     searchSubscription;
@@ -36850,6 +37003,9 @@ class DataBindingDirective {
         this.stateChangeSubscription = this.grid
             .dataStateChange
             .subscribe(this.onStateChange.bind(this));
+        this.gridStateChangeSubscription = this.grid
+            .gridStateChange
+            .subscribe(this.onStateChange.bind(this));
         if (this.rowReorderService) {
             this.rowReorderSubscription = this.grid
                 .rowReorder
@@ -36879,9 +37035,17 @@ class DataBindingDirective {
         if (this.searchSubscription) {
             this.searchSubscription.unsubscribe();
         }
+        if (this.gridStateChangeSubscription) {
+            this.gridStateChangeSubscription.unsubscribe();
+        }
     }
     ngOnChanges(changes) {
         if (anyChanged(["pageSize", "skip", "sort", "group", "filter"], changes)) {
+            // Reset skip to 0 when filter changes to avoid showing stale data
+            if (isChanged$1("filter", changes)) {
+                this.state.skip = 0;
+                this.grid.skip = 0;
+            }
             this.rebind();
         }
     }
@@ -36909,9 +37073,17 @@ class DataBindingDirective {
      */
     onSearch(searchFilter) {
         this.searchFilter = searchFilter;
+        this.state.skip = 0;
+        this.grid.skip = 0;
         const combinedFilter = this.combineFilters();
         const state = { ...this.state, filter: combinedFilter };
-        this.grid.data = this.process(state);
+        const result = this.process(state);
+        this.grid.data = result;
+        if (this.grid.isVirtual && this.grid.pageable && this.grid.listComponent) {
+            if (this.grid.listComponent.isVirtualScrollOutOfSync()) {
+                this.grid.listComponent.resetVirtualScroll(result.total);
+            }
+        }
         this.grid.updateNavigationMetadata();
         this.grid.ngDoCheck();
         this.dataChanged = false;
@@ -36922,12 +37094,32 @@ class DataBindingDirective {
     rebind() {
         this.data = this.originalData;
         this.updateGridData();
-        this.notifyDataChange();
+        if (this.grid.isVirtual && this.grid.pageable && this.grid.listComponent && this.state.skip === 0) {
+            if (this.grid.listComponent.isVirtualScrollOutOfSync()) {
+                const result = this.grid.data;
+                this.grid.listComponent.resetVirtualScroll(result?.total ?? 0);
+            }
+        }
+        this.grid.onDataChange();
+        if (this.changeDetector) {
+            this.changeDetector.markForCheck();
+        }
     }
     /**
      * Notifies the Grid that its data has changed.
      */
     notifyDataChange() {
+        // Reset virtual scroll state completely when data changes
+        if (this.grid.isVirtual && this.grid.listComponent) {
+            this.state.skip = 0;
+            this.grid.skip = 0;
+            this.updateGridData();
+            const newTotal = this.originalData?.length || 0;
+            this.grid.listComponent.resetVirtualScroll(newTotal);
+        }
+        else if (this.dataChanged) {
+            this.updateGridData();
+        }
         this.grid.onDataChange();
         if (this.changeDetector) {
             this.changeDetector.markForCheck();
@@ -36962,9 +37154,8 @@ class DataBindingDirective {
                 this.state.take = this.grid.pageSize;
             }
         }
-        let combinedFilter = null;
         if (this.searchFilter) {
-            combinedFilter = this.combineFilters();
+            const combinedFilter = this.combineFilters();
             const state = { ...this.state, filter: combinedFilter };
             this.grid.data = this.process(state);
         }
@@ -38802,7 +38993,8 @@ class UndoRedoDirective {
                         take: state.take,
                         sort: state.sort,
                         filter: state.filter,
-                        group: state.group
+                        group: state.group,
+                        searchFilter: state.searchFilter
                     },
                     gridState: state
                 });
@@ -38875,7 +39067,13 @@ class UndoRedoDirective {
                     this.localDataChangesService?.changes.emit();
                 }
                 else {
-                    this.host.loadState({ ...this.stack.current.gridState, currentData: null });
+                    this.addToState = false;
+                    try {
+                        this.host.loadState({ ...this.stack.current.gridState, currentData: null });
+                    }
+                    finally {
+                        this.addToState = true;
+                    }
                     if (this.isDataStateChangeEvent(event.originalEvent)) {
                         const { skip, take, sort, filter, group } = event.gridState;
                         this.host.dataStateChange.emit({ skip, take, sort, filter, group });
@@ -38891,7 +39089,8 @@ class UndoRedoDirective {
                 take: this.host.pageSize,
                 sort: this.host.sort,
                 filter: this.host.filter,
-                group: this.host.group
+                group: this.host.group,
+                searchFilter: this.host.currentState.searchFilter
             }, gridState: this.host.currentState
         });
     }
@@ -38906,7 +39105,13 @@ class UndoRedoDirective {
     redo() {
         if (this.stack.canRedo) {
             this.stack.redo();
-            this.host.loadState(this.stack.current.gridState);
+            this.addToState = false;
+            try {
+                this.host.loadState(this.stack.current.gridState);
+            }
+            finally {
+                this.addToState = true;
+            }
             if (!this.stack.canRedo) {
                 this.undoRedoService.stackEndReached.next('end');
             }
@@ -38918,7 +39123,13 @@ class UndoRedoDirective {
     undo() {
         if (this.stack.canUndo) {
             this.stack.undo();
-            this.host.loadState(this.stack.current.gridState);
+            this.addToState = false;
+            try {
+                this.host.loadState(this.stack.current.gridState);
+            }
+            finally {
+                this.addToState = true;
+            }
             if (!this.stack.canUndo) {
                 this.undoRedoService.stackEndReached.next('start');
             }
@@ -40851,7 +41062,6 @@ class GridSmartBoxSearchEvent extends SmartBoxSearchEvent {
     }
 }
 
-const DEFAULT_SIZE$1 = 'medium';
 const SIZES_MAP = {
     small: 'sm',
     medium: 'md',
@@ -40875,10 +41085,10 @@ class SegmentedControlComponent {
     /**
      * Sets the padding of the control.
      *
-     * @default 'medium'
+     * @default undefined
      */
     set size(size) {
-        const newSize = size || DEFAULT_SIZE$1;
+        const newSize = size;
         this.handleSizeClass(newSize, this._size);
         this._size = newSize;
     }
@@ -40926,14 +41136,14 @@ class SegmentedControlComponent {
         this.renderer.setStyle(selectionIndicator, 'right', `${right}px`);
     }
     selectedButtonIndex = 0;
-    _size = DEFAULT_SIZE$1;
+    _size;
     handleSizeClass(newValue, prevValue) {
         if (!this.wrapper) {
             return;
         }
         const elem = this.wrapper.nativeElement;
         const classToRemove = prevValue ? `k-segmented-control-${SIZES_MAP[prevValue]}` : null;
-        const classToAdd = newValue ? `k-segmented-control-${SIZES_MAP[newValue]}` : `k-segmented-control-${SIZES_MAP[DEFAULT_SIZE$1]}`;
+        const classToAdd = newValue ? `k-segmented-control-${SIZES_MAP[newValue]}` : null;
         classToRemove && this.renderer.removeClass(elem, classToRemove);
         classToAdd && this.renderer.addClass(elem, classToAdd);
     }
@@ -41354,11 +41564,23 @@ class SmartBoxComponent {
         this.handleSizeClass(this._size);
         this.updateSearchListData();
         this.updateSelectedView();
+        this.searchSubscription = this.searchService.changes.subscribe((descriptor) => {
+            if (!isPresent$1(descriptor)) {
+                this.input.nativeElement.value = '';
+            }
+            else if (!this.input.nativeElement.value || this.input.nativeElement.value !== this.searchService.searchValue) {
+                this.input.nativeElement.value = this.searchService.searchValue || '';
+            }
+        });
     }
     ngOnDestroy() {
         this.destroyPopup();
         this.clearTypingTimeout();
         this.unsubscribeCurrentRequest();
+        if (this.searchSubscription) {
+            this.searchSubscription.unsubscribe();
+            this.searchSubscription = null;
+        }
     }
     focusableId = `k-${guid()}`;
     selectedView;
@@ -41447,7 +41669,12 @@ class SmartBoxComponent {
             this.selectedView = 'aiAssistant';
         }
         this.modeChange.emit(this.selectedView);
-        this.clearValue();
+        if (this.selectedView === 'search') {
+            this.input.nativeElement.value = this.lastSearchValue || '';
+        }
+        else {
+            this.input.nativeElement.value = '';
+        }
         this.cdr.detectChanges();
     }
     onSearchItemClick(item) {
@@ -41455,8 +41682,13 @@ class SmartBoxComponent {
         this.searchListData.forEach(i => i.selected = false);
         this.searchListData.find(i => i.text === item.text).selected = true;
         this.selectedView = item.text === 'Search' ? 'search' : 'semanticSearch';
+        if (this.selectedView === 'search') {
+            this.input.nativeElement.value = this.lastSearchValue || '';
+        }
+        else {
+            this.input.nativeElement.value = '';
+        }
         this.modeChange.emit(this.selectedView);
-        this.clearValue();
         this.cdr.markForCheck();
     }
     onListItemClick(item) {
@@ -41489,16 +41721,17 @@ class SmartBoxComponent {
             ev = Object.assign(new SmartBoxSearchEvent(), eventArgs);
         }
         else if (this.selectedView === 'semanticSearch') {
-            ev = { searchValue: this.input.nativeElement.value };
+            ev = eventArgs;
         }
         this[this.selectedView].emit(ev);
         if (this.selectedView === 'search' && !ev.isDefaultPrevented()) {
+            this.lastSearchValue = this.input.nativeElement.value;
             this.zone.run(() => {
                 if (this.input.nativeElement.value === '' || !this.input.nativeElement.value) {
-                    this.searchService.changes.next(undefined);
+                    this.searchService.search(undefined);
                 }
                 else {
-                    this.searchService.changes.next({ filters: ev.filters, logic: ev.logic });
+                    this.searchService.search({ filters: ev.filters, logic: ev.logic });
                 }
             });
         }
@@ -41575,12 +41808,13 @@ class SmartBoxComponent {
                 this[this.selectedView].emit(ev);
             });
             if (this.selectedView === 'search' && !ev.isDefaultPrevented()) {
+                this.lastSearchValue = inputValue;
                 this.zone.run(() => {
                     if (inputValue === '' || !inputValue) {
-                        this.searchService.changes.next(undefined);
+                        this.searchService.search(undefined);
                     }
                     else {
-                        this.searchService.changes.next({ filters: ev.filters, logic: ev.logic });
+                        this.searchService.search({ filters: ev.filters, logic: ev.logic });
                     }
                 });
             }
@@ -41661,9 +41895,11 @@ class SmartBoxComponent {
     popupMouseDownHandler = (event) => event.preventDefault();
     requestData;
     currentRequestSubscription = null;
+    searchSubscription = null;
     columns = [];
     leafColumns = [];
     searchTypingTimeout;
+    lastSearchValue = '';
     togglePopup(open) {
         const sameState = this.isOpen === open;
         if (sameState) {
@@ -41897,6 +42133,7 @@ class SmartBoxComponent {
         }
         if (this.searchMode?.enabled) {
             this.selectedView = 'search';
+            isPresent$1(this.lastSearchValue) && (this.input.nativeElement.value = this.lastSearchValue);
         }
         else if (this.semanticSearchMode?.enabled) {
             this.selectedView = 'semanticSearch';
@@ -41939,7 +42176,7 @@ class SmartBoxComponent {
         this.aiAssistantResponseError.emit(responseErrorEvent);
     }
     clearValue() {
-        this.input.nativeElement.value = '';
+        this.input.nativeElement.value = this.lastSearchValue = '';
         this.input.nativeElement.focus();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SmartBoxComponent, deps: [{ token: i2.PopupService }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i1$4.IntlService }, { token: ContextService }, { token: GridAIRequestResponseService }, { token: i1$8.HttpClient }, { token: i0.Renderer2 }, { token: ColumnInfoService }, { token: SearchService }], target: i0.ɵɵFactoryTarget.Component });
@@ -42036,10 +42273,11 @@ class SmartBoxComponent {
             @if (segmentedControlButtons.length > 0) {
                 <kendo-segmented-control
                     [buttons]="segmentedControlButtons"
-                    (buttonClick)="onModeChange($event)">
+                    (buttonClick)="onModeChange($event)"
+                    size="small">
                 </kendo-segmented-control>
             }
-            <div class="k-list k-list-md">
+            <div class="k-list">
                 <div class="k-list-content">
                     <ul class="k-list-ul">
                         @if ((selectedView === 'search' || selectedView === 'semanticSearch') && searchListData.length > 0) {
@@ -42048,7 +42286,7 @@ class SmartBoxComponent {
                                     (click)="onSearchItemClick(item)">
                                     @if (item.selected) {
                                         <kendo-icon-wrapper
-                                            innerCssClass="k-list-item-icon"
+                                            innerCssClass="k-list-item-icon k-smart-box-check-icon"
                                             name="check"
                                             [svgIcon]="checkIcon"
                                             class="k-list-item-icon-wrapper">
@@ -42309,10 +42547,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             @if (segmentedControlButtons.length > 0) {
                 <kendo-segmented-control
                     [buttons]="segmentedControlButtons"
-                    (buttonClick)="onModeChange($event)">
+                    (buttonClick)="onModeChange($event)"
+                    size="small">
                 </kendo-segmented-control>
             }
-            <div class="k-list k-list-md">
+            <div class="k-list">
                 <div class="k-list-content">
                     <ul class="k-list-ul">
                         @if ((selectedView === 'search' || selectedView === 'semanticSearch') && searchListData.length > 0) {
@@ -42321,7 +42560,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                                     (click)="onSearchItemClick(item)">
                                     @if (item.selected) {
                                         <kendo-icon-wrapper
-                                            innerCssClass="k-list-item-icon"
+                                            innerCssClass="k-list-item-icon k-smart-box-check-icon"
                                             name="check"
                                             [svgIcon]="checkIcon"
                                             class="k-list-item-icon-wrapper">

package/grid.component.d.ts

@@ -95,6 +95,7 @@ import { AdaptiveRendererComponent } from './adaptiveness/adaptive-renderer.comp
 import { DataMappingService } from './data/data-mapping.service';
 import { DataLayoutMode, DataLayoutModeSettings } from './common/data-layout-mode';
 import { GridColSize } from './common/grid-col-size';
+import { SearchService } from './rendering/toolbar/tools/smartbox/search.service';
 import * as i0 from "@angular/core";
 /**
  * Represents the Kendo UI for Angular Data Grid component.
@@ -165,6 +166,7 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
     private dataMappingService;
     private aiRequestResponseService;
     private idService;
+    private searchService;
     /**
      * 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)).
@@ -759,7 +761,7 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
     private rowReorderSubscription;
     private rtl;
     private _rowSticky;
-    constructor(supportService: BrowserSupportService, selectionService: SelectionService, cellSelectionService: CellSelectionService, wrapper: ElementRef, groupInfoService: GroupInfoService, groupsService: GroupsService, changeNotification: ChangeNotificationService, detailsService: DetailsService, editService: EditService, filterService: FilterService, pdfService: PDFService, responsiveService: ResponsiveService, renderer: Renderer2, excelService: ExcelService, csvService: CSVService, ngZone: NgZone, scrollSyncService: ScrollSyncService, domEvents: DomEventsService, columnResizingService: ColumnResizingService, changeDetectorRef: ChangeDetectorRef, columnReorderService: ColumnReorderService, columnInfoService: ColumnInfoService, navigationService: NavigationService, sortService: SortService, scrollRequestService: ScrollRequestService, localization: LocalizationService, ctx: ContextService, sizingService: SizingOptionsService, adaptiveGridService: AdaptiveGridService, rowReorderService: RowReorderService, dataMappingService: DataMappingService, aiRequestResponseService: GridAIRequestResponseService, idService: IdService);
+    constructor(supportService: BrowserSupportService, selectionService: SelectionService, cellSelectionService: CellSelectionService, wrapper: ElementRef, groupInfoService: GroupInfoService, groupsService: GroupsService, changeNotification: ChangeNotificationService, detailsService: DetailsService, editService: EditService, filterService: FilterService, pdfService: PDFService, responsiveService: ResponsiveService, renderer: Renderer2, excelService: ExcelService, csvService: CSVService, ngZone: NgZone, scrollSyncService: ScrollSyncService, domEvents: DomEventsService, columnResizingService: ColumnResizingService, changeDetectorRef: ChangeDetectorRef, columnReorderService: ColumnReorderService, columnInfoService: ColumnInfoService, navigationService: NavigationService, sortService: SortService, scrollRequestService: ScrollRequestService, localization: LocalizationService, ctx: ContextService, sizingService: SizingOptionsService, adaptiveGridService: AdaptiveGridService, rowReorderService: RowReorderService, dataMappingService: DataMappingService, aiRequestResponseService: GridAIRequestResponseService, idService: IdService, searchService: SearchService);
     /**
      * Expands the master row at the specified data row index ([see example](https://www.telerik.com/kendo-angular-ui/components/grid/master-detail)).
      *
@@ -838,6 +840,10 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
      * ```
      */
     handleAIResponse(response: any): void;
+    /**
+     * Clears the search operation applied through the SmartBox tool.
+     */
+    clearSearch(): void;
     /**
      * @hidden
      */

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1771334906,
-  "version": "23.0.2-develop.1",
+  "publishDate": 1771342428,
+  "version": "23.1.0-develop.1",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-grid",
-  "version": "23.0.2-develop.1",
+  "version": "23.1.0-develop.1",
   "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": 1771334906,
+      "publishDate": 1771342428,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -86,32 +86,32 @@
     "@progress/kendo-data-query": "^1.7.3",
     "@progress/kendo-drawing": "^1.24.0",
     "@progress/kendo-licensing": "^1.10.0",
-    "@progress/kendo-angular-buttons": "23.0.2-develop.1",
-    "@progress/kendo-angular-common": "23.0.2-develop.1",
-    "@progress/kendo-angular-dateinputs": "23.0.2-develop.1",
-    "@progress/kendo-angular-layout": "23.0.2-develop.1",
-    "@progress/kendo-angular-navigation": "23.0.2-develop.1",
-    "@progress/kendo-angular-dropdowns": "23.0.2-develop.1",
-    "@progress/kendo-angular-excel-export": "23.0.2-develop.1",
-    "@progress/kendo-angular-icons": "23.0.2-develop.1",
-    "@progress/kendo-angular-indicators": "23.0.2-develop.1",
-    "@progress/kendo-angular-inputs": "23.0.2-develop.1",
-    "@progress/kendo-angular-conversational-ui": "23.0.2-develop.1",
-    "@progress/kendo-angular-intl": "23.0.2-develop.1",
-    "@progress/kendo-angular-l10n": "23.0.2-develop.1",
-    "@progress/kendo-angular-label": "23.0.2-develop.1",
-    "@progress/kendo-angular-menu": "23.0.2-develop.1",
-    "@progress/kendo-angular-pager": "23.0.2-develop.1",
-    "@progress/kendo-angular-pdf-export": "23.0.2-develop.1",
-    "@progress/kendo-angular-popup": "23.0.2-develop.1",
-    "@progress/kendo-angular-toolbar": "23.0.2-develop.1",
-    "@progress/kendo-angular-upload": "23.0.2-develop.1",
-    "@progress/kendo-angular-utils": "23.0.2-develop.1",
+    "@progress/kendo-angular-buttons": "23.1.0-develop.1",
+    "@progress/kendo-angular-common": "23.1.0-develop.1",
+    "@progress/kendo-angular-dateinputs": "23.1.0-develop.1",
+    "@progress/kendo-angular-layout": "23.1.0-develop.1",
+    "@progress/kendo-angular-navigation": "23.1.0-develop.1",
+    "@progress/kendo-angular-dropdowns": "23.1.0-develop.1",
+    "@progress/kendo-angular-excel-export": "23.1.0-develop.1",
+    "@progress/kendo-angular-icons": "23.1.0-develop.1",
+    "@progress/kendo-angular-indicators": "23.1.0-develop.1",
+    "@progress/kendo-angular-inputs": "23.1.0-develop.1",
+    "@progress/kendo-angular-conversational-ui": "23.1.0-develop.1",
+    "@progress/kendo-angular-intl": "23.1.0-develop.1",
+    "@progress/kendo-angular-l10n": "23.1.0-develop.1",
+    "@progress/kendo-angular-label": "23.1.0-develop.1",
+    "@progress/kendo-angular-menu": "23.1.0-develop.1",
+    "@progress/kendo-angular-pager": "23.1.0-develop.1",
+    "@progress/kendo-angular-pdf-export": "23.1.0-develop.1",
+    "@progress/kendo-angular-popup": "23.1.0-develop.1",
+    "@progress/kendo-angular-toolbar": "23.1.0-develop.1",
+    "@progress/kendo-angular-upload": "23.1.0-develop.1",
+    "@progress/kendo-angular-utils": "23.1.0-develop.1",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "23.0.2-develop.1",
+    "@progress/kendo-angular-schematics": "23.1.0-develop.1",
     "@progress/kendo-common": "^1.0.1",
     "@progress/kendo-file-saver": "^1.0.0",
     "@progress/kendo-csv": "^1.0.0"

package/rendering/list.component.d.ts

@@ -101,6 +101,7 @@ export declare class ListComponent implements OnInit, OnDestroy, AfterViewInit,
     table: ElementRef;
     resizeSensors: QueryList<ResizeSensorComponent>;
     private scroller;
+    private scrollerFactory;
     private subscriptions;
     private scrollerSubscription;
     private dispatcher;
@@ -141,6 +142,18 @@ export declare class ListComponent implements OnInit, OnDestroy, AfterViewInit,
     syncRowsHeight(): void;
     ngOnDestroy(): void;
     init(): void;
+    /**
+     * Resets all virtual scrolling state when the data source changes.
+     * Recreates everything as if the grid was just initialized for the first time.
+     * @hidden
+     */
+    resetVirtualScroll(newTotal: number): void;
+    /**
+     * Checks if the virtual scroll state is out of sync with the expected position.
+     * Used to determine if resetVirtualScroll should be called.
+     * @hidden
+     */
+    isVirtualScrollOutOfSync(): boolean;
     lockedScroll(): void;
     lockedMousewheel(args: any): void;
     lockedKeydown(args: any): void;

package/rendering/toolbar/tools/smartbox/search.service.d.ts

@@ -13,6 +13,14 @@ export declare class SearchService {
      * Fires when the search descriptor is set.
      */
     changes: Subject<CompositeFilterDescriptor>;
+    /**
+     * The descriptor used for searching.
+     */
+    searchFilter: CompositeFilterDescriptor;
+    /**
+     * The value used for searching.
+     */
+    searchValue: string;
     /**
      * Sets the search descriptor.
      *

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

@@ -24,7 +24,7 @@ export declare class SegmentedControlComponent implements AfterViewInit {
     /**
      * Sets the padding of the control.
      *
-     * @default 'medium'
+     * @default undefined
      */
     set size(size: ButtonSize);
     get size(): ButtonSize;

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

@@ -122,9 +122,11 @@ export declare class SmartBoxComponent implements AfterViewInit, OnChanges, OnDe
     private popupMouseDownHandler;
     private requestData;
     private currentRequestSubscription;
+    private searchSubscription;
     private columns;
     private leafColumns;
     private searchTypingTimeout;
+    private lastSearchValue;
     togglePopup(open: boolean): void;
     onPromptSubmit(): void;
     onSpeechToTextResult(event: any): void;

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': '23.0.2-develop.1',
-            '@progress/kendo-angular-navigation': '23.0.2-develop.1',
+            '@progress/kendo-angular-treeview': '23.1.0-develop.1',
+            '@progress/kendo-angular-navigation': '23.1.0-develop.1',
             // peer dependency of kendo-angular-inputs
-            '@progress/kendo-angular-dialog': '23.0.2-develop.1',
+            '@progress/kendo-angular-dialog': '23.1.0-develop.1',
             // peer dependency of kendo-angular-icons
             '@progress/kendo-svg-icons': '^4.0.0',
             // peer dependency of kendo-angular-layout
-            '@progress/kendo-angular-progressbar': '23.0.2-develop.1',
+            '@progress/kendo-angular-progressbar': '23.1.0-develop.1',
             // transitive peer dependencies from toolbar
-            '@progress/kendo-angular-indicators': '23.0.2-develop.1',
+            '@progress/kendo-angular-indicators': '23.1.0-develop.1',
             // transitive peer dependencies from conversational-ui
-            '@progress/kendo-angular-menu': '23.0.2-develop.1',
-            '@progress/kendo-angular-upload': '23.0.2-develop.1'
+            '@progress/kendo-angular-menu': '23.1.0-develop.1',
+            '@progress/kendo-angular-upload': '23.1.0-develop.1'
         } });
     return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
 }

package/state-management/grid-state.models.d.ts

@@ -2,7 +2,7 @@
 * Copyright © 2026 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { State } from "@progress/kendo-data-query";
+import { CompositeFilterDescriptor, State } from "@progress/kendo-data-query";
 import { GridDataResult } from "../data/data.collection";
 import { PreventableEvent } from "@progress/kendo-angular-common";
 /**
@@ -36,7 +36,7 @@ export interface ColumnState {
 }
 /**
  * Describes the state of the Grid component.
- * Includes the current `State`, data, and columns state.
+ * Includes the current `State`, data, columns and search state.
  */
 export interface GridState extends State {
     /**
@@ -47,6 +47,10 @@ export interface GridState extends State {
      * The current data in the Grid.
      */
     currentData?: Array<any> | GridDataResult | null;
+    /**
+     * The descriptors used for searching.
+     */
+    searchFilter?: CompositeFilterDescriptor;
 }
 /**
  * Provides arguments for the `undo` and `redo` events.