@progress/kendo-angular-grid 19.3.0-develop.8 → 19.3.0

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);
         }