@progress/kendo-angular-grid 19.3.0-develop.9 → 19.3.1-develop.1

package/esm2022/editing-directives/editing-directive-base.mjs

@@ -11,6 +11,7 @@ import { take } from 'rxjs/operators';
 import { DialogService } from '@progress/kendo-angular-dialog';
 import { checkIcon, xIcon } from '@progress/kendo-svg-icons';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { NavigationService } from '../navigation/navigation.service';
 import * as i0 from "@angular/core";
 import * as i1 from "../grid.component";
 import * as i2 from "../editing/local-data-changes.service";
@@ -64,12 +65,14 @@ export class EditingDirectiveBase {
     subscriptions = new Subscription();
     defaultEditService;
     userEditService;
+    navigationService;
     constructor(grid, localDataChangesService) {
         this.grid = grid;
         this.localDataChangesService = localDataChangesService;
         this.defaultEditService = this.createDefaultService();
         this.dialogService = inject(DialogService);
         this.localization = inject(LocalizationService);
+        this.navigationService = inject(NavigationService);
     }
     /**
      * @hidden
@@ -118,13 +121,20 @@ export class EditingDirectiveBase {
             const confirmationCallback = typeof this.removeConfirmation === 'boolean' ? this.defaultRemoveConfirmation : this.removeConfirmation;
             const result = confirmationCallback(dataItem);
             if (result instanceof Promise) {
-                result.then(removeItem);
+                result.then((res) => {
+                    removeItem(res);
+                    this.returnFocusToGrid();
+                });
             }
             else if (result instanceof Observable) {
-                result.pipe(take(1)).subscribe(removeItem);
+                result.pipe(take(1)).subscribe((res) => {
+                    removeItem(res);
+                    this.returnFocusToGrid();
+                });
             }
             else {
                 removeItem(result);
+                this.returnFocusToGrid();
             }
         }
         else {
@@ -137,6 +147,11 @@ export class EditingDirectiveBase {
     closeEditor(rowIndex) {
         this.grid.closeRow(rowIndex);
     }
+    returnFocusToGrid() {
+        if (!this.navigationService.focusCell()) {
+            this.navigationService.focusPrevCell() || this.navigationService.focusNextCell();
+        }
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EditingDirectiveBase, deps: [{ token: i1.GridComponent }, { token: i2.LocalDataChangesService }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: EditingDirectiveBase, selector: "[kendoGridEditingDirectiveBase]", inputs: { editService: "editService", removeConfirmation: "removeConfirmation" }, ngImport: i0 });
 }

package/esm2022/editing-directives/in-cell-editing.directive.mjs

@@ -15,7 +15,7 @@ import * as i2 from "../editing/local-data-changes.service";
  * Represent the directive that manages in-cell editing operations in the Grid when using Reactive Forms ([see example]({% slug editing_directives_grid %}#toc-in-cell-editing)).
  *
  * @example
- * ```typescript
+ * ```html
  * <kendo-grid [data]="data" kendoGridInCellEditing></kendo-grid>
  * ```
  * @remarks
@@ -63,7 +63,8 @@ export class InCellEditingDirective extends EditingDirectiveBase {
     }
     cellClickHandler(args) {
         if (!args.isEdited && args.type !== 'contextmenu') {
-            this.grid.editCell(args.rowIndex, args.columnIndex, this.createFormGroup(args));
+            const colIndex = this.grid.isStacked ? args.column.leafIndex : args.columnIndex;
+            this.grid.editCell(args.rowIndex, colIndex, this.createFormGroup(args));
             this.cdr.markForCheck();
         }
     }
@@ -73,12 +74,13 @@ export class InCellEditingDirective extends EditingDirectiveBase {
             args.preventDefault();
         }
         else if (formGroup.dirty) {
-            if (args.originalEvent && args.originalEvent.keyCode === Keys.Escape) {
+            if (args.originalEvent && args.originalEvent.code === Keys.Escape) {
                 return;
             }
             this.editService.assignValues(dataItem, formGroup.value);
             this.editService.update(dataItem);
         }
+        this.cdr.markForCheck();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: InCellEditingDirective, deps: [{ token: i1.GridComponent }, { token: i2.LocalDataChangesService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: InCellEditingDirective, isStandalone: true, selector: "[kendoGridInCellEditing]", inputs: { createFormGroup: ["kendoGridInCellEditing", "createFormGroup"] }, usesInheritance: true, ngImport: i0 });

package/esm2022/editing-directives/reactive-editing.directive.mjs

@@ -14,7 +14,7 @@ import * as i2 from "../editing/local-data-changes.service";
  * Represents the directive that manages editing operations in the Grid when using Reactive Forms ([see example](slug:editing_directives_grid#toc-reactive-editing-directive)).
  *
  * @example
- * ```typescript
+ * ```html
  * <kendo-grid [data]="data" kendoGridReactiveEditing></kendo-grid>
  * ```
  * @remarks

package/esm2022/editing-directives/template-editing.directive.mjs

@@ -13,7 +13,7 @@ import * as i2 from "../editing/local-data-changes.service";
  * Represents the directive that manages editing operations in the Grid when using Template-Driven Angular Forms ([see example]({% slug editing_directives_grid %}#toc-template-editing-directive)).
  *
  * @example
- * ```typescript
+ * ```html
  * <kendo-grid [data]="data" kendoGridTemplateEditing></kendo-grid>
  * ```
  * @remarks

package/esm2022/filtering/cell/filter-cell-operators.component.mjs

@@ -114,7 +114,7 @@ export class FilterCellOperatorsComponent {
      * @hidden
      */
     clearKeydown(args) {
-        if (args.keyCode === Keys.Enter || args.keyCode === Keys.Space) {
+        if (args.code === Keys.Enter || args.code === Keys.NumpadEnter || args.code === Keys.Space) {
             this.clear.emit();
         }
     }
@@ -125,7 +125,7 @@ export class FilterCellOperatorsComponent {
         if (args.defaultPrevented) {
             return;
         }
-        if (args.keyCode === Keys.Enter && !this.dropdown.isOpen) {
+        if ((args.code === Keys.Enter || args.code === Keys.NumpadEnter) && !this.dropdown.isOpen) {
             this.dropdown.toggle(true);
             args.preventDefault();
         }

package/esm2022/filtering/filter-row.component.mjs

@@ -43,6 +43,9 @@ export class FilterRowComponent {
         const colIndex = this.lockedColumnsCount + columnIndex;
         return this.detailTemplate?.templateRef ? colIndex + 1 : colIndex;
     }
+    get isStacked() {
+        return this.ctx.grid?.isStacked;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FilterRowComponent, deps: [{ token: i1.ContextService }, { token: i2.ColumnInfoService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FilterRowComponent, isStandalone: true, selector: "[kendoGridFilterRow]", inputs: { columns: "columns", filter: "filter", groups: "groups", detailTemplate: "detailTemplate", logicalRowIndex: "logicalRowIndex", lockedColumnsCount: "lockedColumnsCount" }, host: { properties: { "class.k-filter-row": "this.filterRowClass" } }, ngImport: i0, template: `
         <td
@@ -52,7 +55,7 @@ export class FilterRowComponent {
         </td>
         <td
             class="k-table-td k-hierarchy-cell"
-            *ngIf="detailTemplate?.templateRef"
+            *ngIf="detailTemplate?.templateRef && !isStacked"
             role="presentation">
         </td>
         <td *ngFor="let column of columns; let columnIndex = index"
@@ -82,7 +85,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         </td>
         <td
             class="k-table-td k-hierarchy-cell"
-            *ngIf="detailTemplate?.templateRef"
+            *ngIf="detailTemplate?.templateRef && !isStacked"
             role="presentation">
         </td>
         <td *ngFor="let column of columns; let columnIndex = index"

package/esm2022/filtering/menu/filter-menu-dropdownlist.directive.mjs

@@ -25,7 +25,7 @@ export class FilterMenuDropDownListDirective {
         this.host.wrapper.nativeElement.removeEventListener('keydown', this.keydownHandler);
     }
     keydownHandler = (e) => {
-        if (e.keyCode === Keys.Escape && this.host.isOpen) {
+        if (e.code === Keys.Escape && this.host.isOpen) {
             e.stopPropagation();
             this.host.toggle(false);
         }