@progress/kendo-angular-grid 21.0.0-develop.2 → 21.0.0-develop.21

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/column-resizing/column-resizing.service.d.ts

@@ -33,6 +33,7 @@ export declare class ColumnResizingService {
     }): () => void;
     measureColumns(info: Array<any>): void;
     autoFit(...columns: ColumnBase[]): void;
+    autoFitToGrid(gridEl: HTMLElement, scrollbarWidth: number, ...columns: ColumnBase[]): void;
     private trackColumns;
     private autoFitStart;
     private autoFitBatch;

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/column-resizing/column-resizing.service.mjs

@@ -4,8 +4,8 @@
 *-------------------------------------------------------------------------------------------*/
 import { Injectable, EventEmitter } from '@angular/core';
 import { zip } from 'rxjs';
-import { leafColumns } from '../columns/column-common';
 import { take } from 'rxjs/operators';
+import { leafColumns } from '../columns/column-common';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -18,6 +18,21 @@ const resizeArgs = (column, extra) => Object.assign({
     columns: leafColumns([column]),
     locked: isLocked(column)
 }, extra);
+/**
+ * @hidden
+ */
+const measure = (col, gridEl) => {
+    const rowIndex = col.level + 1;
+    const selector = `tr[aria-rowindex="${rowIndex}"] > th[aria-colindex="${col.leafIndex + 1}"], tr[aria-rowindex="${rowIndex}"] > th[data-kendo-grid-column-index="${col.leafIndex}"]`;
+    const headerCell = gridEl.querySelector(selector);
+    if (headerCell) {
+        const headerCellWidth = headerCell.offsetWidth;
+        if (headerCellWidth > 0) {
+            return headerCellWidth;
+        }
+    }
+    return 0;
+};
 /**
  * @hidden
  */
@@ -100,6 +115,45 @@ export class ColumnResizingService {
             }
         });
     }
+    autoFitToGrid(gridEl, scrollbarWidth, ...columns) {
+        const gridWidth = gridEl.clientWidth - scrollbarWidth - 1;
+        if (gridWidth <= 0) {
+            return;
+        }
+        const columnsWidths = columns.map(c => measure(c, gridEl));
+        const totalColumnsWidth = columnsWidths.reduce((sum, w) => sum + w, 0);
+        if (totalColumnsWidth === 0 || Math.abs(totalColumnsWidth - gridWidth) <= 1) {
+            return;
+        }
+        this.start(columns[0]);
+        const calculateNewWidths = (columnsWidths) => {
+            const totalWidth = columnsWidths.reduce((s, w) => s + w, 0);
+            const nonZeroColumns = columnsWidths.filter(w => w > 0).length;
+            const diff = (gridWidth - totalWidth) / nonZeroColumns;
+            const newWidths = columnsWidths.slice();
+            newWidths.forEach((w, i) => {
+                newWidths[i] = Math.max(0, w + diff);
+            });
+            return newWidths;
+        };
+        let newWidths = calculateNewWidths(columnsWidths);
+        const newTotal = newWidths.reduce((s, w) => s + w, 0);
+        if (newTotal !== gridWidth) {
+            newWidths = calculateNewWidths(newWidths);
+        }
+        columns.forEach((col, idx) => {
+            const oldWidth = columnsWidths[idx];
+            const newWidth = newWidths[idx];
+            col.width = newWidth;
+            this.resizedColumn({ column: col, oldWidth, newWidth });
+        });
+        const totalNew = newWidths.reduce((s, w) => s + w, 0);
+        const tableDelta = totalNew - totalColumnsWidth;
+        if (tableDelta < 0) {
+            this.resizeTable(columns[0], tableDelta);
+        }
+        this.end();
+    }
     trackColumns(column) {
         this.resizedColumns = [];
         this.column = column;

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/excel/excel.component.mjs

@@ -126,12 +126,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);

package/esm2022/grid.component.mjs

@@ -1693,6 +1693,24 @@ export class GridComponent {
         }
         this.columnResizingService.autoFit(...cols);
     }
+    /**
+     * Adjusts the width of the Grid columns to fit the entire Grid width.
+     * - when the sum of all columns widths is less than the available Grid width—the available space is distributed evenly between all columns.
+     * - when the sum of all columns widths is greater than the available Grid width—the columns are shrinked equally to fit the Grid width.
+     *
+     * Run this method after the Grid is populated with data.
+     */
+    autoFitColumnsToGrid() {
+        const gridElement = this.wrapper.nativeElement;
+        if (!gridElement) {
+            return;
+        }
+        const leafColumns = this.columnsContainer.leafColumns.toArray();
+        if (!leafColumns.length || leafColumns.length === 0) {
+            return;
+        }
+        this.columnResizingService.autoFitToGrid(gridElement, this.scrollbarWidth, ...leafColumns);
+    }
     /**
      * @hidden
      */
@@ -2866,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' }}"
 
@@ -3735,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;
                     }
@@ -792,7 +802,7 @@ export class NavigationService {
     onTabout() {
         // Tabbed out of the last focusable content element
         // reset to cursor mode and recapture focus.
-        if (this.cursor.cell.focusGroup.isNavigable()) {
+        if (this.cursor.cell?.focusGroup.isNavigable()) {
             // Unless the cell has a single focusable element,
             // otherwise we'd return to Content mode and enter an endless loop
             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: 1761752966,
-    version: '21.0.0-develop.2',
+    publishDate: 1762426875,
+    version: '21.0.0-develop.21',
     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