@progress/kendo-angular-grid 19.3.0-develop.4 → 19.3.0-develop.41

package/esm2022/localization/messages.mjs

@@ -142,6 +142,42 @@ export class GridMessages extends ComponentMessages {
      * [See example](slug:globalization_grid#toc-custom-messages).
      */
     booleanFilterCellLabel;
+    /**
+     * The text of the AI Assistant Apply button.
+     */
+    aiAssistantApplyButtonText;
+    /**
+     * The text of the AI Assistant toolbar tool.
+     */
+    aiAssistantToolbarToolText;
+    /**
+     * The text of the AI Assistant Window title.
+     */
+    aiAssistantWindowTitle;
+    /**
+     * The title of the AI Assistant Window close button.
+     */
+    aiAssistantWindowCloseTitle;
+    /**
+     * The title of the AI Assistant Prompt Output Card.
+     */
+    aiAssistantOutputCardTitle;
+    /**
+     * The success message dispayed in the AI Assistant Prompt Output Card's body.
+     */
+    aiAssistantOutputCardBodyContent;
+    /**
+     * The title of the AI Assistant Window maximize button.
+     */
+    aiAssistantWindowMaximizeTitle;
+    /**
+     * The title of the AI Assistant Window minimize button.
+     */
+    aiAssistantWindowMinimizeTitle;
+    /**
+     * The title of the AI Assistant Window restore button.
+     */
+    aiAssistantWindowRestoreTitle;
     /**
      * Sets the text for the `Equal` (**Is equal to**) filter operator.
      */
@@ -383,11 +419,11 @@ export class GridMessages extends ComponentMessages {
      */
     columnsReset;
     /**
-     * Sets the title for the expand icon of detail rows.
+     * Sets the title for the expand icon of detail rows. Applies also to the expand button text in stacked mode.
      */
     detailExpand;
     /**
-     * Sets the title for the collapse icon of detail rows.
+     * Sets the title for the collapse icon of detail rows. Applies also to the collapse button text in stacked mode.
      */
     detailCollapse;
     /**
@@ -538,7 +574,7 @@ export class GridMessages extends ComponentMessages {
      */
     externalEditingCancelText;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", 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", 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", 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" }, usesInheritance: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", 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", 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" }, usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridMessages, decorators: [{
             type: Directive,
@@ -588,6 +624,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }], booleanFilterCellLabel: [{
                 type: Input
+            }], aiAssistantApplyButtonText: [{
+                type: Input
+            }], aiAssistantToolbarToolText: [{
+                type: Input
+            }], aiAssistantWindowTitle: [{
+                type: Input
+            }], aiAssistantWindowCloseTitle: [{
+                type: Input
+            }], aiAssistantOutputCardTitle: [{
+                type: Input
+            }], aiAssistantOutputCardBodyContent: [{
+                type: Input
+            }], aiAssistantWindowMaximizeTitle: [{
+                type: Input
+            }], aiAssistantWindowMinimizeTitle: [{
+                type: Input
+            }], aiAssistantWindowRestoreTitle: [{
+                type: Input
             }], filterEqOperator: [{
                 type: Input
             }], filterNotEqOperator: [{

package/esm2022/navigation/navigation-cursor.mjs

@@ -13,7 +13,7 @@ export class NavigationCursor {
     set metadata(value) {
         this._metadata = value;
         if (isPresent(value)) {
-            const newActiveCol = value.hasDetailTemplate ? 1 : 0;
+            const newActiveCol = value.hasDetailTemplate && !this.metadata.isStacked ? 1 : 0;
             const shouldChange = this.activeRow < value.headerRows && this.activeCol === 0;
             if (shouldChange && newActiveCol !== this.activeCol) {
                 this.activeCol = newActiveCol;
@@ -133,6 +133,9 @@ export class NavigationCursor {
             (this.metadata.hasDetailTemplate && (!row || !row.groupItem) ? 1 : 0);
     }
     offsetCol(offset) {
+        if (this.metadata.isStacked) {
+            return false;
+        }
         const prevRow = this.model.findRow(this.virtualRow);
         const lastIndex = this.lastCellIndex(prevRow);
         const virtualCol = this.virtualCol;
@@ -212,6 +215,9 @@ export class NavigationCursor {
         if (!cell && (this.metadata.virtualColumns || this.metadata.hasDetailTemplate)) {
             return this.activate(this.virtualRow + offset, this.virtualCol);
         }
+        if (!cell) {
+            return false;
+        }
         this.virtualRow = cell.rowIndex;
         return this.activate(this.virtualRow, cell.colIndex);
     }

package/esm2022/navigation/navigation-metadata.mjs

@@ -14,11 +14,12 @@ export class NavigationMetadata {
     gridElement;
     virtualColumns;
     columns;
+    isStacked;
     get maxLogicalRowIndex() {
         const dataRows = this.hasDetailTemplate ? this.dataRows * 2 : this.dataRows;
         return this.headerRows + dataRows - 1;
     }
-    constructor(dataRows, headerRows, isVirtual, hasPager, hasDetailTemplate, gridElement, virtualColumns, columns) {
+    constructor(dataRows, headerRows, isVirtual, hasPager, hasDetailTemplate, gridElement, virtualColumns, columns, isStacked) {
         this.dataRows = dataRows;
         this.headerRows = headerRows;
         this.isVirtual = isVirtual;
@@ -27,5 +28,6 @@ export class NavigationMetadata {
         this.gridElement = gridElement;
         this.virtualColumns = virtualColumns;
         this.columns = columns;
+        this.isStacked = isStacked;
     }
 }

package/esm2022/navigation/navigation.service.mjs

@@ -11,7 +11,7 @@ import { GridFocusableElement } from './grid-focusable-element';
 import { NavigationCursor } from './navigation-cursor';
 import { NavigationModel } from './navigation-model';
 import { DomEventsService } from '../common/dom-events.service';
-import { isDocumentAvailable, isPresent, Keys } from '@progress/kendo-angular-common';
+import { hasClasses, isDocumentAvailable, isPresent, Keys, normalizeNumpadKeys } from '@progress/kendo-angular-common';
 import { EditService } from '../editing/edit.service';
 import { GroupsService } from '../grouping/groups.service';
 import { PagerContextService } from '@progress/kendo-angular-pager';
@@ -212,7 +212,12 @@ export class NavigationService {
         // Closing the editor will not always trigger focusout in Firefox.
         // To get around this, we ensure that the cell is closed after editing.
         this.editService.changes.pipe(filter(e => e.action !== 'edit' && this.mode === 2 /* NavigationMode.Content */), filter((e) => e.action === 'cellClose' && !e.prevented), switchMap(onStable))
-            .subscribe(() => this.leaveCell()));
+            .subscribe((e) => {
+            const isInStackedCell = closest(e.originalEvent?.target, (el) => hasClasses(el, 'k-grid-stack-content'));
+            if (!isInStackedCell) {
+                this.leaveCell();
+            }
+        }));
         this.subs.add(this.pagerContextService.pageChange
             .subscribe(() => this.cursor.reset(0, 0)));
         this.subs.add(this.domEvents.keydown
@@ -221,10 +226,18 @@ export class NavigationService {
             .subscribe(() => {
             this.isShiftPressed = false;
         }));
-        this.subs.add(this.domEvents.keydown.pipe(filter(args => args.keyCode === Keys.Tab && this.mode === 2 /* NavigationMode.Content */), switchMapTo(this.domEvents.focusOut.pipe(takeUntil(
+        this.subs.add(this.domEvents.keydown.pipe(filter(args => args.code === Keys.Tab && this.mode === 2 /* NavigationMode.Content */), switchMapTo(this.domEvents.focusOut.pipe(takeUntil(
         // Timeout if focusOut doesn't fire very soon
         interval(0).pipe(take(1))))))
             .subscribe(() => this.onTabout()));
+        this.subs.add(this.domEvents.cellClick
+            .subscribe(() => {
+            if (this.isStackedMode) {
+                const stackedCells = this.activeCell.focusGroup.focusableChildren;
+                const currFocusedIndex = stackedCells.findIndex(el => el.hasFocus() || el.hostElement?.nativeElement === document.activeElement);
+                currFocusedIndex > -1 && (this.stackedFocusedCellIndex = currFocusedIndex);
+            }
+        }));
         if (this.focusableParent) {
             const element = new GridFocusableElement(this);
             this.focusableParent.registerElement(element);
@@ -394,7 +407,7 @@ export class NavigationService {
             success = fwd ? this.cursor.moveDown(1) : this.cursor.moveUp(1);
             if (success) {
                 const row = this.cursor.row;
-                const colIdx = fwd ? 0 : this.cursor.lastCellIndex(row);
+                const colIdx = fwd || this.isStackedMode ? 0 : this.cursor.lastCellIndex(row);
                 this.cursor.reset(row.index, colIdx);
             }
         }
@@ -412,6 +425,12 @@ export class NavigationService {
         if (!cell) {
             return;
         }
+        if (this.tableCellEntered && this.isStackedMode) {
+            this.stackedCellEntered = true;
+        }
+        else {
+            this.tableCellEntered = true;
+        }
         const group = cell.focusGroup;
         const focusable = group && group.canFocus();
         this.mode = focusable ? 2 /* NavigationMode.Content */ : 1 /* NavigationMode.Cursor */;
@@ -419,6 +438,9 @@ export class NavigationService {
         if (focusable) {
             this.activateRow();
             group.focus();
+            if (this.isStackedMode && this.stackedFocusedCellIndex === -1) {
+                this.stackedFocusedCellIndex = 0;
+            }
         }
     }
     leaveCell() {
@@ -426,11 +448,22 @@ export class NavigationService {
         if (!cell) {
             return;
         }
+        if (this.tableCellEntered) {
+            if (this.stackedCellEntered) {
+                this.stackedCellEntered = false;
+            }
+            else {
+                this.tableCellEntered = false;
+            }
+        }
         const group = cell.focusGroup;
         const focusable = group && group.canFocus();
         if (!focusable) {
             this.deactivateElements();
         }
+        if (this.isStackedMode && this.stackedFocusedCellIndex > -1) {
+            this.stackedFocusedCellIndex = -1;
+        }
         this.mode = 1 /* NavigationMode.Cursor */;
         this.cursor.announce();
     }
@@ -445,11 +478,11 @@ export class NavigationService {
             .forEach(cell => cell.focusGroup && cell.focusGroup.activate());
     }
     moveCursorFwd() {
-        this.lastCellRowIndex = this.activeCell.rowIndex;
+        this.lastCellRowIndex = this.activeCell?.rowIndex;
         return this.ctx.localization.rtl ? this.cursor.moveLeft() : this.cursor.moveRight();
     }
     moveCursorBwd() {
-        this.lastCellRowIndex = this.activeCell.rowIndex;
+        this.lastCellRowIndex = this.activeCell?.rowIndex;
         return this.ctx.localization.rtl ? this.cursor.moveRight() : this.cursor.moveLeft();
     }
     onCursorKeydown(args) {
@@ -468,14 +501,16 @@ export class NavigationService {
             return;
         }
         const row = this.cursor.row;
-        const dir = args.keyCode === Keys.ArrowDown ? 'Down' : 'Up';
-        const right = args.keyCode === Keys.ArrowRight;
-        const isArrowKey = args.code === 'ArrowDown' || args.code === 'ArrowUp' || args.code === 'ArrowLeft' || args.code === 'ArrowRight';
+        // on some keyboards arrow keys, PageUp/Down, and Home/End are mapped to Numpad keys
+        const code = normalizeNumpadKeys(args);
+        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;
         if (!this.isShiftPressed && args.shiftKey && isArrowKey) {
             startNewSelection = true;
             this.isShiftPressed = true;
         }
-        switch (args.keyCode) {
+        switch (code) {
             case Keys.ArrowDown:
             case Keys.ArrowUp:
                 if (rowspan > 1) {
@@ -589,6 +624,15 @@ export class NavigationService {
                 break;
             case Keys.Enter:
             case Keys.F2: {
+                if (this.stackedCellEntered) {
+                    if (code === Keys.F2 && row.dataRowIndex > -1) {
+                        this.zone.run(() => {
+                            this.editService.beginEdit(row.dataRowIndex);
+                        });
+                        this.enterCell();
+                    }
+                    break;
+                }
                 const groupItem = row.groupItem;
                 if (groupItem) {
                     this.zone.run(() => this.groupsService.toggleRow(groupItem));
@@ -597,6 +641,11 @@ export class NavigationService {
                     this.zone.run(() => this.detailsService.toggleRow(row.dataRowIndex, row.dataItem));
                 }
                 else {
+                    if (code === Keys.F2 && row.dataRowIndex > -1) {
+                        this.zone.run(() => {
+                            this.editService.beginEdit(row.dataRowIndex);
+                        });
+                    }
                     this.enterCell();
                     if (!this.cursor.cell.focusGroup.isNavigable()) {
                         preventDefault = true;
@@ -604,6 +653,17 @@ export class NavigationService {
                 }
                 break;
             }
+            case Keys.Backspace:
+            case Keys.Delete:
+                if (this.activeRow && this.activeRow.dataRowIndex >= 0 && this.activeRow.dataItem) {
+                    if (!row.groupItem && !this.cursor.cell.detailExpandCell) {
+                        this.zone.run(() => {
+                            this.editService.remove(this.activeRow.dataRowIndex);
+                        });
+                        preventDefault = true;
+                    }
+                }
+                break;
             default:
                 if (!args.ctrlKey && !args.altKey && isPrintableCharacter(args.key)) {
                     this.enterCell();
@@ -625,13 +685,22 @@ export class NavigationService {
         if (!this.onCellKeydown(args)) {
             return;
         }
-        const confirm = !args.defaultPrevented && args.keyCode === Keys.Enter && isTextInput(args.target);
-        if (args.keyCode === Keys.Escape || args.keyCode === Keys.F2 || confirm) {
+        // on some keyboards arrow keys, PageUp/Down, and Home/End are mapped to Numpad keys
+        const code = normalizeNumpadKeys(args);
+        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) {
+                this.zone.run(() => {
+                    this.editService.beginEdit(this.activeRow.dataRowIndex);
+                });
+                this.enterCell();
+                return;
+            }
             this.leaveCell();
             this.cursor.reset();
             args.stopPropagation();
         }
-        else if (isNavigationKey(args.keyCode) && this.cursor.cell.focusGroup.isNavigable()) {
+        else if (isNavigationKey(code) && this.cursor.cell.focusGroup.isNavigable()) {
             this.onCursorKeydown(args);
             if (args.defaultPrevented) {
                 this.leaveCell();
@@ -640,9 +709,11 @@ export class NavigationService {
     }
     onCellKeydown(args) {
         if (this.editService.isEditingCell()) {
-            const confirm = args.keyCode === Keys.Enter;
-            const cancel = args.keyCode === Keys.Escape;
-            const navigate = isNavigationKey(args.keyCode);
+            // on some keyboards arrow keys, PageUp/Down, and Home/End are mapped to Numpad keys
+            const code = normalizeNumpadKeys(args);
+            const confirm = code === Keys.Enter;
+            const cancel = code === Keys.Escape;
+            const navigate = isNavigationKey(code);
             if (confirm) {
                 this.editService.closeCell(args);
             }
@@ -695,6 +766,12 @@ export class NavigationService {
         this.cursor.announce();
     }
     onKeydown(args) {
+        if (this.isStackedMode) {
+            this.handleStackedKeydown(args);
+            if (args.defaultPrevented) {
+                return;
+            }
+        }
         if (this.mode === 1 /* NavigationMode.Cursor */) {
             this.onCursorKeydown(args);
         }
@@ -783,6 +860,75 @@ export class NavigationService {
         const offset = direction === 'Up' ? Math.abs(this.lastCellRowIndex - this.activeRowIndex) : (this.activeRowIndex + cellRowspan - this.lastCellRowIndex - 1);
         return offset;
     }
+    get isStackedMode() {
+        return this.ctx?.grid?.isStacked;
+    }
+    handleStackedKeydown(args) {
+        const target = args.target;
+        const stackedCell = closest(target, (el) => hasClasses(el, 'k-grid-stack-cell'));
+        const tableCell = closest(target, (el) => hasClasses(el, 'k-table-td'));
+        const isInStackedCell = closest(target, (el) => hasClasses(el, 'k-grid-stack-content'));
+        const isInCommandCell = closest(target, (el) => hasClasses(el, 'k-command-cell'));
+        if (!stackedCell || !tableCell) {
+            return;
+        }
+        if (args.code === Keys.Tab) {
+            this.handleStackedTabNavigation(args);
+        }
+        else if (args.code === Keys.Backspace || args.code === Keys.Delete) {
+            if (this.stackedCellEntered || this.editService.isEditing()) {
+                return;
+            }
+            if (this.activeRow && this.activeRow.dataRowIndex >= 0 && this.activeRow.dataItem) {
+                const row = this.cursor.row;
+                if (!row.groupItem && !this.cursor.cell.detailExpandCell) {
+                    this.zone.run(() => {
+                        this.editService.remove(this.activeRow.dataRowIndex);
+                    });
+                    args.preventDefault();
+                }
+            }
+        }
+        else if (isInStackedCell && (args.code === Keys.Enter || args.code === Keys.NumpadEnter || args.code === Keys.Escape)) {
+            this.editService.closeCell(args);
+            this.activeCell.focusGroup.activate();
+            this.activeCell.focusGroup.focusableChildren[this.stackedFocusedCellIndex]?.focus();
+            if (!isInCommandCell) {
+                args.preventDefault();
+            }
+        }
+    }
+    stackedFocusedCellIndex = -1;
+    tableCellEntered = false;
+    stackedCellEntered = false;
+    handleStackedTabNavigation(args) {
+        if (!isPresent(this.activeCell.focusGroup)) {
+            return;
+        }
+        if (this.stackedFocusedCellIndex === -1) {
+            return;
+        }
+        const stackedCells = this.activeCell.focusGroup.focusableChildren;
+        const currFocusedIndex = stackedCells.findIndex(el => el.hasFocus() || el.hostElement?.nativeElement === document.activeElement);
+        if (args.shiftKey) {
+            if (currFocusedIndex === 0) {
+                args.stopImmediatePropagation();
+                args.preventDefault();
+            }
+            else {
+                this.stackedFocusedCellIndex = currFocusedIndex - 1;
+            }
+        }
+        else {
+            if (currFocusedIndex === stackedCells.length - 1) {
+                args.stopImmediatePropagation();
+                args.preventDefault();
+            }
+            else {
+                this.stackedFocusedCellIndex = currFocusedIndex + 1;
+            }
+        }
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationService, deps: [{ token: i0.NgZone }, { token: i1.DomEventsService }, { token: i2.PagerContextService }, { token: i3.ScrollRequestService }, { token: i4.GroupsService }, { token: i5.DetailsService }, { token: i6.FocusRoot }, { token: i7.EditService }, { token: i0.ChangeDetectorRef }, { token: i8.ContextService }, { token: i9.ColumnResizingService }, { token: i10.FocusableDirective, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationService });
 }

package/esm2022/navigation/toolbar-tool-name.mjs

@@ -13,5 +13,6 @@ export const ToolbarToolName = {
     add: 'add',
     columns: 'columns',
     excelExport: 'excelExport',
-    pdfExport: 'pdfExport'
+    pdfExport: 'pdfExport',
+    aiAssistant: 'aiAssistant'
 };

package/esm2022/package-metadata.mjs

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

package/esm2022/pdf/export-element.mjs

@@ -80,11 +80,14 @@ const createTable = (colGroups, headers, bodies, footers, size) => {
     for (let idx = 1; idx < colGroups.length; idx++) {
         appendNodes(colGroup, colGroups[idx].querySelectorAll('col'));
     }
-    const header = createTableElement(headers);
     const body = createTableElement(bodies);
-    setFirstCellClass(header, headers);
+    let header;
+    if (headers.length > 0) {
+        header = createTableElement(headers);
+        setFirstCellClass(header, headers);
+    }
     table.appendChild(colGroup);
-    table.appendChild(header);
+    header && table.appendChild(header);
     table.appendChild(body);
     if (footers.length) {
         const footer = createTableElement(footers);
@@ -101,17 +104,23 @@ export const exportElement = (wrapper, size) => {
     let result;
     if (content) {
         const colGroups = [content.querySelector('colgroup')];
-        const headers = [query.header().querySelector('thead')];
         const bodies = [content.querySelector('tbody')];
+        const header = query.header();
         const footer = query.footer();
+        const headers = [];
         const footers = [];
+        if (header) {
+            headers.push(header.querySelector('thead'));
+        }
         if (footer) {
             footers.push(footer.querySelector('tfoot'));
         }
         const lockedContent = query.content(true);
         if (lockedContent) {
+            if (headers.length > 0) {
+                headers.unshift(query.header(true).querySelector('thead'));
+            }
             colGroups.unshift(lockedContent.querySelector('colgroup'));
-            headers.unshift(query.header(true).querySelector('thead'));
             bodies.unshift(lockedContent.querySelector('tbody'));
             if (footer) {
                 footers.unshift(query.footer(true).querySelector('tfoot'));

package/esm2022/pdf/pdf.component.mjs

@@ -164,7 +164,9 @@ export class PDFComponent extends PDFExportComponent {
             const overlayContent = overlayQuery.content();
             overlayContent.scrollTop = content.scrollTop;
             overlayContent.scrollLeft = content.scrollLeft;
-            overlayQuery.header().scrollLeft = query.header().scrollLeft;
+            if (!this.ctx?.grid?.isStacked) {
+                overlayQuery.header().scrollLeft = query.header().scrollLeft;
+            }
             const footer = query.footer();
             if (footer) {
                 overlayQuery.footer().scrollLeft = footer.scrollLeft;