@progress/kendo-angular-grid 21.0.0-develop.9 → 21.0.1-develop.1

package/codemods/v20/grid-kendogridgroupbinding.js

@@ -33,18 +33,18 @@ const utils_1 = require("../utils");
 const fs = __importStar(require("fs"));
 function default_1(fileInfo, api) {
     const filePath = fileInfo.path;
-    // Check if the file is an HTML file
     if (filePath.endsWith('.html')) {
-        let updatedContent = fileInfo.source;
-        updatedContent = (0, utils_1.htmlAttributeTransformer)({ ...fileInfo, source: updatedContent }, 'kendo-grid', 'kendoGridGroupBinding', 'kendoGridBinding');
-        // Only write to file once after all transformations
-        fs.writeFileSync(filePath, updatedContent, 'utf-8');
+        if ((0, utils_1.hasKendoInTemplate)(fileInfo.source)) {
+            let updatedContent = fileInfo.source;
+            updatedContent = (0, utils_1.htmlAttributeTransformer)({ ...fileInfo, source: updatedContent }, 'kendo-grid', 'kendoGridGroupBinding', 'kendoGridBinding');
+            // Only write to file once after all transformations
+            fs.writeFileSync(filePath, updatedContent, 'utf-8');
+        }
         return;
     }
     const j = api.jscodeshift;
     const rootSource = j(fileInfo.source);
     (0, index_1.templateTransformer)(rootSource, j, (root) => {
-        // Using node-html-parser to parse and manipulate the template: https://github.com/taoqf/node-html-parser
         (0, utils_1.templateAttributeTransformer)(root, 'kendo-grid', 'kendoGridGroupBinding', 'kendoGridBinding');
     });
     return rootSource.toSource();

package/codemods/v21/grid-gridtoolbaraiopenevent.js

@@ -0,0 +1,14 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = default_1;
+const utils_1 = require("../utils");
+function default_1(fileInfo, api) {
+    const j = api.jscodeshift;
+    const rootSource = j(fileInfo.source);
+    (0, utils_1.tsInterfaceTransformer)(fileInfo, rootSource, j, '@progress/kendo-angular-grid', 'GridToolbarAIOpenEvent', 'GridAIAssistantOpenEvent');
+    return rootSource.toSource();
+}

package/codemods/v21/grid-gridtoolbaraipromptrequestevent.js

@@ -0,0 +1,14 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = default_1;
+const utils_1 = require("../utils");
+function default_1(fileInfo, api) {
+    const j = api.jscodeshift;
+    const rootSource = j(fileInfo.source);
+    (0, utils_1.tsInterfaceTransformer)(fileInfo, rootSource, j, '@progress/kendo-angular-grid', 'GridToolbarAIPromptRequestEvent', 'GridAIAssistantRequestEvent');
+    return rootSource.toSource();
+}

package/codemods/v21/grid-gridtoolbaraipromptsettings.js

@@ -0,0 +1,14 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = default_1;
+const utils_1 = require("../utils");
+function default_1(fileInfo, api) {
+    const j = api.jscodeshift;
+    const rootSource = j(fileInfo.source);
+    (0, utils_1.tsInterfaceTransformer)(fileInfo, rootSource, j, '@progress/kendo-angular-grid', 'GridToolbarAIPromptSettings', 'GridAIAssistantPromptSettings');
+    return rootSource.toSource();
+}

package/codemods/v21/grid-gridtoolbarairequestoptions.js

@@ -0,0 +1,14 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = default_1;
+const utils_1 = require("../utils");
+function default_1(fileInfo, api) {
+    const j = api.jscodeshift;
+    const rootSource = j(fileInfo.source);
+    (0, utils_1.tsInterfaceTransformer)(fileInfo, rootSource, j, '@progress/kendo-angular-grid', 'GridToolbarAIRequestOptions', 'GridAIRequestOptions');
+    return rootSource.toSource();
+}

package/codemods/v21/grid-gridtoolbarairesponseerrorevent.js

@@ -0,0 +1,14 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = default_1;
+const utils_1 = require("../utils");
+function default_1(fileInfo, api) {
+    const j = api.jscodeshift;
+    const rootSource = j(fileInfo.source);
+    (0, utils_1.tsInterfaceTransformer)(fileInfo, rootSource, j, '@progress/kendo-angular-grid', 'GridToolbarAIResponseErrorEvent', 'GridAIAssistantResponseErrorEvent');
+    return rootSource.toSource();
+}

package/codemods/v21/grid-gridtoolbaraiwindowsettings.js

@@ -0,0 +1,14 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2025 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = default_1;
+const utils_1 = require("../utils");
+function default_1(fileInfo, api) {
+    const j = api.jscodeshift;
+    const rootSource = j(fileInfo.source);
+    (0, utils_1.tsInterfaceTransformer)(fileInfo, rootSource, j, '@progress/kendo-angular-grid', 'GridToolbarAIWindowSettings', 'GridAIAssistantWindowSettings');
+    return rootSource.toSource();
+}

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

@@ -56,7 +56,6 @@ export declare class ColumnChooserComponent implements OnDestroy {
      */
     allowHideAll: boolean;
     private anchor;
-    private columnList;
     get columns(): any[];
     columnsIcon: SVGIcon;
     popupRef: any;

package/common/id.service.d.ts

@@ -13,6 +13,7 @@ export declare class IdService {
     cellId(rowIndex: number, colIndex: number): string;
     selectionCheckboxId(itemIndex: any): string;
     selectAllCheckboxId(): string;
+    columnId(colIndex: number): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<IdService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<IdService>;
 }

package/common/provider.service.d.ts

@@ -9,6 +9,8 @@ import { GridToolbarNavigationService } from '../rendering/toolbar/toolbar-navig
 import type { DataBindingDirective } from '../databinding.directive';
 import type { ScrollerService } from '../scrolling/scroller.service';
 import { HighlightDirective } from '../highlight/highlight.directive';
+import type { ExcelComponent } from '../excel/excel.component';
+import type { PDFComponent } from '../pdf/pdf.component';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -29,6 +31,8 @@ export declare class ContextService {
     scroller: ScrollerService;
     dataBindingDirective: DataBindingDirective;
     highlightDirective: HighlightDirective;
+    excelComponent?: ExcelComponent;
+    pdfComponent?: PDFComponent;
     constructor(renderer: Renderer2, localization: LocalizationService);
     static ɵfac: i0.ɵɵFactoryDeclaration<ContextService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ContextService>;

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

@@ -10,7 +10,6 @@ import { Keys, guid, isDocumentAvailable } from '@progress/kendo-angular-common'
 import { columnsIcon } from '@progress/kendo-svg-icons';
 import { ButtonComponent } from '@progress/kendo-angular-buttons';
 import { ContextService } from '../common/provider.service';
-import { ColumnListComponent } from './column-list.component';
 import { ColumnChooserContentComponent } from './column-chooser-content.component';
 import * as i0 from "@angular/core";
 import * as i1 from "../common/provider.service";
@@ -63,7 +62,6 @@ export class ColumnChooserComponent {
      */
     allowHideAll = true;
     anchor;
-    columnList;
     get columns() {
         return this.columnInfoService.leafNamedColumns;
     }
@@ -158,7 +156,7 @@ export class ColumnChooserComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColumnChooserComponent, deps: [{ token: i1.ContextService }, { token: i2.ColumnInfoService }, { token: i3.PopupService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ColumnChooserComponent, isStandalone: true, selector: "kendo-grid-column-chooser", inputs: { autoSync: "autoSync", filterable: "filterable", showSelectAll: "showSelectAll", allowHideAll: "allowHideAll" }, viewQueries: [{ propertyName: "anchor", first: true, predicate: ["anchor"], descendants: true }, { propertyName: "columnList", first: true, predicate: ["columnList"], descendants: true }], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ColumnChooserComponent, isStandalone: true, selector: "kendo-grid-column-chooser", inputs: { autoSync: "autoSync", filterable: "filterable", showSelectAll: "showSelectAll", allowHideAll: "allowHideAll" }, viewQueries: [{ propertyName: "anchor", first: true, predicate: ["anchor"], descendants: true }], ngImport: i0, template: `
         <button #anchor
             kendoButton
             type="button"
@@ -216,7 +214,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
         </ng-template>
     `,
                     standalone: true,
-                    imports: [ButtonComponent, ColumnListComponent, ColumnChooserContentComponent]
+                    imports: [ButtonComponent, ColumnChooserContentComponent]
                 }]
         }], ctorParameters: () => [{ type: i1.ContextService }, { type: i2.ColumnInfoService }, { type: i3.PopupService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }], propDecorators: { autoSync: [{
                 type: Input
@@ -229,7 +227,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             }], anchor: [{
                 type: ViewChild,
                 args: ['anchor']
-            }], columnList: [{
-                type: ViewChild,
-                args: ['columnList']
             }] } });

package/esm2022/columns/column-base.mjs

@@ -355,7 +355,7 @@ export class ColumnBase {
         if (parent && idService && parent.idService.gridId() === idService.gridId() && !isColumnContainer(parent)) {
             throw new Error(ColumnConfigurationErrorMessages.columnNested);
         }
-        this._id = `k-grid-column-${columnId++}`;
+        this._id = this.idService?.columnId(columnId++);
     }
     ngAfterViewInit() {
         this.initialMinResizableWidth = this.minResizableWidth || 10;

package/esm2022/common/id.service.mjs

@@ -26,6 +26,9 @@ export class IdService {
     selectAllCheckboxId() {
         return `${this.prefix}-select-all`;
     }
+    columnId(colIndex) {
+        return `${this.prefix}-col${colIndex}`;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IdService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IdService });
 }

package/esm2022/common/provider.service.mjs

@@ -26,6 +26,8 @@ export class ContextService {
     scroller;
     dataBindingDirective;
     highlightDirective;
+    excelComponent;
+    pdfComponent;
     constructor(renderer, localization) {
         this.renderer = renderer;
         this.localization = localization;

package/esm2022/dragdrop/drag-hint.service.mjs

@@ -39,7 +39,7 @@ const decorate = (element) => {
 };
 const svgIconsMarkup = (viewBox, content, safeTitle) => `
     <span class="k-icon k-svg-icon k-drag-status k-svg-i-cancel">
-        <svg 
+        <svg
             xmlns="http://www.w3.org/2000/svg"
             xmlns:xlink="http://www.w3.org/1999/xlink"
             viewBox="${viewBox}"
@@ -95,7 +95,11 @@ export class DragHintService {
     remove() {
         if (this.dom && this.dom.parentNode) {
             (function (el) {
-                setTimeout(() => document.body.removeChild(el));
+                setTimeout(() => {
+                    if (isDocumentAvailable()) {
+                        document.body.removeChild(el);
+                    }
+                });
             })(this.dom); // hack for IE + pointer events!
             this.dom = null;
         }

package/esm2022/excel/excel.component.mjs

@@ -2,7 +2,7 @@
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Component, Input, ContentChildren, QueryList, NgZone } from '@angular/core';
+import { Component, Input, ContentChildren, QueryList, NgZone, EventEmitter, Output } from '@angular/core';
 import { Observable } from 'rxjs';
 import { take } from 'rxjs/operators';
 import { saveAs } from '@progress/kendo-file-saver';
@@ -116,6 +116,10 @@ export class ExcelComponent {
      * Specifies if groups in the Excel file are collapsible.
      */
     collapsible;
+    /**
+     * @hidden
+     */
+    fileCreated = new EventEmitter();
     /**
      * @hidden
      */
@@ -126,12 +130,16 @@ export class ExcelComponent {
         this.ctx = ctx;
         this.zone = zone;
         this.saveSubscription = excelService.saveToExcel.subscribe(this.save.bind(this));
+        this.ctx.excelComponent = this;
     }
     ngOnDestroy() {
         this.saveSubscription.unsubscribe();
         if (this.dataSubscription) {
             this.dataSubscription.unsubscribe();
         }
+        if (this.ctx.excelComponent === this) {
+            this.ctx.excelComponent = undefined;
+        }
     }
     save(component) {
         const data = (this.fetchData || fetchComponentData)(component);
@@ -174,10 +182,11 @@ export class ExcelComponent {
                 forceProxy: this.forceProxy,
                 proxyURL: this.proxyURL
             });
+            this.fileCreated.emit();
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ExcelComponent, deps: [{ token: i1.ExcelService }, { token: i2.ContextService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ExcelComponent, isStandalone: true, selector: "kendo-grid-excel", inputs: { fileName: "fileName", filterable: "filterable", creator: "creator", date: "date", forceProxy: "forceProxy", proxyURL: "proxyURL", fetchData: "fetchData", paddingCellOptions: "paddingCellOptions", headerPaddingCellOptions: "headerPaddingCellOptions", collapsible: "collapsible" }, queries: [{ propertyName: "columns", predicate: ColumnBase, descendants: true }], ngImport: i0, template: ``, isInline: true });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ExcelComponent, isStandalone: true, selector: "kendo-grid-excel", inputs: { fileName: "fileName", filterable: "filterable", creator: "creator", date: "date", forceProxy: "forceProxy", proxyURL: "proxyURL", fetchData: "fetchData", paddingCellOptions: "paddingCellOptions", headerPaddingCellOptions: "headerPaddingCellOptions", collapsible: "collapsible" }, outputs: { fileCreated: "fileCreated" }, queries: [{ propertyName: "columns", predicate: ColumnBase, descendants: true }], ngImport: i0, template: ``, isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ExcelComponent, decorators: [{
             type: Component,
@@ -206,6 +215,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Input
             }], collapsible: [{
                 type: Input
+            }], fileCreated: [{
+                type: Output
             }], columns: [{
                 type: ContentChildren,
                 args: [ColumnBase, { descendants: true }]

package/esm2022/grid.component.mjs

@@ -2884,6 +2884,15 @@ export class GridComponent {
             i18n-aiAssistantOutputCardBodyContent="kendo.grid.aiAssistantOutputCardBodyContent|The success message dispayed in the AI Assistant Prompt Output Card's body"
             aiAssistantOutputCardBodyContent="Operation is successful. Data is:"
 
+            i18n-aiAssistantSelectionNotEnabled="kendo.grid.aiAssistantSelectionNotEnabled|The message shown when AI selection requires the Grid selectable option"
+            aiAssistantSelectionNotEnabled="Selection can be applied only when the Grid selectable option is enabled."
+
+            i18n-aiAssistantSelectionRowModeRequired="kendo.grid.aiAssistantSelectionRowModeRequired|The message shown when AI selection requires row selection mode"
+            aiAssistantSelectionRowModeRequired="Selection can be applied only when row selection mode is enabled."
+
+            i18n-aiAssistantSelectionCellModeRequired="kendo.grid.aiAssistantSelectionCellModeRequired|The message shown when AI selection requires cell selection mode"
+            aiAssistantSelectionCellModeRequired="Selection can be applied only when cell selection mode is enabled."
+
             i18n-columnChooserSelectedColumnsCount="kendo.grid.columnChooserSelectedColumnsCount|The text displayed in the Column Chooser for the number of selected columns"
             columnChooserSelectedColumnsCount="{{ '{selectedColumnsCount} Selected items' }}"
 
@@ -3753,6 +3762,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             i18n-aiAssistantOutputCardBodyContent="kendo.grid.aiAssistantOutputCardBodyContent|The success message dispayed in the AI Assistant Prompt Output Card's body"
             aiAssistantOutputCardBodyContent="Operation is successful. Data is:"
 
+            i18n-aiAssistantSelectionNotEnabled="kendo.grid.aiAssistantSelectionNotEnabled|The message shown when AI selection requires the Grid selectable option"
+            aiAssistantSelectionNotEnabled="Selection can be applied only when the Grid selectable option is enabled."
+
+            i18n-aiAssistantSelectionRowModeRequired="kendo.grid.aiAssistantSelectionRowModeRequired|The message shown when AI selection requires row selection mode"
+            aiAssistantSelectionRowModeRequired="Selection can be applied only when row selection mode is enabled."
+
+            i18n-aiAssistantSelectionCellModeRequired="kendo.grid.aiAssistantSelectionCellModeRequired|The message shown when AI selection requires cell selection mode"
+            aiAssistantSelectionCellModeRequired="Selection can be applied only when cell selection mode is enabled."
+
             i18n-columnChooserSelectedColumnsCount="kendo.grid.columnChooserSelectedColumnsCount|The text displayed in the Column Chooser for the number of selected columns"
             columnChooserSelectedColumnsCount="{{ '{selectedColumnsCount} Selected items' }}"
 

package/esm2022/localization/messages.mjs

@@ -166,6 +166,18 @@ export class GridMessages extends ComponentMessages {
      * The success message dispayed in the AI Assistant Prompt Output Card's body.
      */
     aiAssistantOutputCardBodyContent;
+    /**
+     * The message shown when AI selection requires the Grid selectable option.
+     */
+    aiAssistantSelectionNotEnabled;
+    /**
+     * The message shown when AI selection requires row selection mode.
+     */
+    aiAssistantSelectionRowModeRequired;
+    /**
+     * The message shown when AI selection requires cell selection mode.
+     */
+    aiAssistantSelectionCellModeRequired;
     /**
      * The title of the AI Assistant Window maximize button.
      */
@@ -604,7 +616,7 @@ export class GridMessages extends ComponentMessages {
      */
     multiCheckboxFilterSelectedItemsCount;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GridMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: GridMessages, 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", 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", 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", groupCollapse: "groupCollapse", groupExpand: "groupExpand", topToolbarLabel: "topToolbarLabel", bottomToolbarLabel: "bottomToolbarLabel", editToolbarToolText: "editToolbarToolText", saveToolbarToolText: "saveToolbarToolText", addToolbarToolText: "addToolbarToolText", cancelToolbarToolText: "cancelToolbarToolText", removeToolbarToolText: "removeToolbarToolText", excelExportToolbarToolText: "excelExportToolbarToolText", 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" }, usesInheritance: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: GridMessages, 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", 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", groupCollapse: "groupCollapse", groupExpand: "groupExpand", topToolbarLabel: "topToolbarLabel", bottomToolbarLabel: "bottomToolbarLabel", editToolbarToolText: "editToolbarToolText", saveToolbarToolText: "saveToolbarToolText", addToolbarToolText: "addToolbarToolText", cancelToolbarToolText: "cancelToolbarToolText", removeToolbarToolText: "removeToolbarToolText", excelExportToolbarToolText: "excelExportToolbarToolText", 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" }, usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GridMessages, decorators: [{
             type: Directive,
@@ -666,6 +678,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Input
             }], aiAssistantOutputCardBodyContent: [{
                 type: Input
+            }], aiAssistantSelectionNotEnabled: [{
+                type: Input
+            }], aiAssistantSelectionRowModeRequired: [{
+                type: Input
+            }], aiAssistantSelectionCellModeRequired: [{
+                type: Input
             }], aiAssistantWindowMaximizeTitle: [{
                 type: Input
             }], aiAssistantWindowMinimizeTitle: [{

package/esm2022/navigation/navigation.service.mjs

@@ -511,6 +511,13 @@ export class NavigationService {
         const row = this.cursor.row;
         // on some keyboards arrow keys, PageUp/Down, and Home/End are mapped to Numpad keys
         const code = normalizeNumpadKeys(args);
+        // Handle row reordering keyboard shortcuts (Ctrl/Cmd + Shift + Up/Down Arrow)
+        if (modifier && args.shiftKey && (code === Keys.ArrowUp || code === Keys.ArrowDown)) {
+            if (this.handleRowReorderKeyboard(args, code, row)) {
+                args.preventDefault();
+                return;
+            }
+        }
         const dir = code === Keys.ArrowDown ? 'Down' : 'Up';
         const right = code === Keys.ArrowRight;
         const isArrowKey = code === Keys.ArrowDown || code === Keys.ArrowUp || code === Keys.ArrowLeft || code === Keys.ArrowRight;
@@ -518,6 +525,9 @@ export class NavigationService {
             startNewSelection = true;
             this.isShiftPressed = true;
         }
+        const cellElement = args.target;
+        const isDragCell = cellElement ? closest(cellElement, (el) => hasClasses(el, 'k-drag-cell')) : false;
+        const isRowReorderable = this.ctx.grid.rowReorderable;
         switch (code) {
             case Keys.ArrowDown:
             case Keys.ArrowUp:
@@ -525,7 +535,7 @@ export class NavigationService {
                     rowspanOffset = this.calculateRowspanOffset(dir, rowspan);
                     step += rowspanOffset;
                 }
-                if (args.shiftKey) {
+                if (args.shiftKey && !(isDragCell && isRowReorderable)) {
                     if (this.ctx.grid.blockArrowSelection) {
                         return;
                     }
@@ -873,6 +883,42 @@ export class NavigationService {
     get isStackedMode() {
         return this.ctx?.grid?.isStacked;
     }
+    handleRowReorderKeyboard(args, code, row) {
+        if (!this.ctx.grid.rowReorderable || !this.activeCell) {
+            return false;
+        }
+        const cell = this.activeCell;
+        const cellElement = args.target;
+        if (!cellElement) {
+            return false;
+        }
+        const dragCell = closest(cellElement, (el) => hasClasses(el, 'k-drag-cell'));
+        if (!dragCell || row.dataRowIndex < 0 || !row.dataItem) {
+            return false;
+        }
+        const isUpArrow = code === Keys.ArrowUp;
+        const currentRowIndex = row.dataRowIndex;
+        const data = this.ctx.grid.flatData;
+        if (!data || data.length === 0) {
+            return false;
+        }
+        const targetRowIndex = currentRowIndex + (isUpArrow ? -1 : 1);
+        if (targetRowIndex < 0 || targetRowIndex >= data.length) {
+            return false;
+        }
+        const dropPosition = isUpArrow ? 'before' : 'after';
+        this.zone.run(() => {
+            const skip = this.ctx.grid.skip || 0;
+            this.ctx.grid.rowReorderService.reorderViaKeyboard(currentRowIndex + skip, targetRowIndex + skip, dropPosition, data);
+            // Move focus to follow the reordered row
+            // After reordering, the row will be at the target position
+            this.zone.onStable.pipe(take(1)).subscribe(() => {
+                const newRowIndex = this.meta.headerRows + targetRowIndex;
+                this.cursor.reset(newRowIndex, cell.colIndex);
+            });
+        });
+        return true;
+    }
     handleStackedKeydown(args) {
         const target = args.target;
         const stackedCell = closest(target, (el) => hasClasses(el, 'k-grid-stack-cell'));

package/esm2022/package-metadata.mjs

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

package/esm2022/pdf/pdf.component.mjs

@@ -90,11 +90,17 @@ export class PDFComponent extends PDFExportComponent {
         this.drawSubscription = pdfService.drawPDF.subscribe(this.drawPDF.bind(this));
         this.reset = this.reset.bind(this);
         this.draw = this.draw.bind(this);
+        if (this.ctx) {
+            this.ctx.pdfComponent = this;
+        }
     }
     ngOnDestroy() {
         this.saveSubscription.unsubscribe();
         this.drawSubscription.unsubscribe();
         this.reset();
+        if (this.ctx?.pdfComponent === this) {
+            this.ctx.pdfComponent = undefined;
+        }
     }
     /**
      * @hidden

package/esm2022/rendering/list.component.mjs

@@ -304,17 +304,28 @@ export class ListComponent {
         const shouldCalculatePageSize = isDocumentAvailable() && this.isVirtual && !isPresent(this.virtualPageSize) && (!isPresent(this.ctx.grid?.pageSize) || this.ctx.grid?.pageable);
         const previousTotal = this.allItems.length;
         this.allItems = this.dataMappingService.dataMapper(this.data, this.nonLockedColumnsToRender, this.lockedLeafColumns, this.detailTemplate, this.showFooter);
-        if (!this.isVirtual || (this.isVirtual && !this.ctx.grid?.pageable && !this.ctx.grid?.group?.length)) {
-            this.itemsToRender = this.allItems;
-        }
         const totalChanged = previousTotal !== this.allItems.length;
+        const totalIncreased = this.allItems.length > previousTotal;
         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);
         }
         else if (totalChanged && !this.ctx.grid?.group?.length) {
-            this.scroller.reset(this.skipScroll);
-            this.scroller.total = this.total;
+            // Preserve scroll position for non-virtual endless scrolling (scrollBottom event)
+            if (!this.isVirtual && totalIncreased) {
+                this.scroller.total = this.total;
+            }
+            else {
+                this.scroller.reset(this.skipScroll);
+                this.scroller.total = this.total;
+                // Clear flags to allow viewport update on next change detection (virtual scrolling fix)
+                this.skipScroll = false;
+                this.scroller.scrollSyncing = false;
+            }
+        }
+        if (!this.isVirtual || (this.isVirtual && !this.ctx.grid?.pageable && !this.ctx.grid?.group?.length)) {
+            this.itemsToRender = this.allItems;
         }
         const rebindGroupedData = this.isVirtual && !totalChanged && this.ctx.grid?.group?.length && !this.rebindGroupedDataFlag;
         if (rebindGroupedData) {