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

package/esm2022/editing/toolbar-editing-tool-base.directive.mjs

@@ -35,6 +35,11 @@ export class ToolbarEditingToolBase extends ToolbarToolBase {
         this.editService = editService;
         this.selection = selection;
     }
+    ngAfterViewInit() {
+        super.ngAfterViewInit();
+        const commandText = this.ctx.localization.get(`${this.commandName}ToolbarToolText`);
+        this.buttonElement?.setAttribute('title', commandText);
+    }
     ngDoCheck() {
         if (!isPresent(this.editService)) {
             return;

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/boolean-filter-cell.component.mjs

@@ -5,13 +5,13 @@
 import { Component, ChangeDetectorRef } from '@angular/core';
 import { FilterService } from '../filter.service';
 import { BooleanFilterComponent } from '../boolean-filter.component';
-import { replaceMessagePlaceholder } from '../../utils';
 import { SizingOptionsService } from '../../layout/sizing-options.service';
 import { ContextService } from '../../common/provider.service';
 import { FocusableDirective } from '../../navigation/focusable.directive';
 import { FilterInputDirective } from '../filter-input.directive';
 import { FilterCellWrapperComponent } from './filter-cell-wrapper.component';
 import { DropDownListComponent } from '@progress/kendo-angular-dropdowns';
+import { replaceMessagePlaceholder } from '@progress/kendo-angular-common';
 import * as i0 from "@angular/core";
 import * as i1 from "../filter.service";
 import * as i2 from "../../common/provider.service";

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

@@ -5,13 +5,13 @@
 import { Component, Input } from '@angular/core';
 import { FilterService } from '../filter.service';
 import { DateFilterComponent } from '../date-filter.component';
-import { replaceMessagePlaceholder } from '../../utils';
 import { SizingOptionsService } from '../../layout/sizing-options.service';
 import { ContextService } from '../../common/provider.service';
 import { FocusableDirective } from '../../navigation/focusable.directive';
 import { FilterInputDirective } from '../filter-input.directive';
 import { FilterCellWrapperComponent } from './filter-cell-wrapper.component';
 import { DatePickerComponent, DatePickerCustomMessagesComponent } from '@progress/kendo-angular-dateinputs';
+import { replaceMessagePlaceholder } from '@progress/kendo-angular-common';
 import * as i0 from "@angular/core";
 import * as i1 from "../filter.service";
 import * as i2 from "../../common/provider.service";

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

@@ -4,11 +4,10 @@
 *-------------------------------------------------------------------------------------------*/
 import { Component, Input, Output, EventEmitter, HostBinding, ViewChild } from '@angular/core';
 import { DropDownListComponent } from '@progress/kendo-angular-dropdowns';
-import { Keys } from '@progress/kendo-angular-common';
+import { Keys, replaceMessagePlaceholder } from '@progress/kendo-angular-common';
 import { SizingOptionsService } from '../../layout/sizing-options.service';
 import { filterClearIcon, filterIcon } from '@progress/kendo-svg-icons';
 import { ContextService } from '../../common/provider.service';
-import { replaceMessagePlaceholder } from '../../utils';
 import { ColumnComponent } from '../../columns/column.component';
 import { FocusableDirective } from '../../navigation/focusable.directive';
 import { NgIf } from '@angular/common';
@@ -115,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();
         }
     }
@@ -126,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/cell/numeric-filter-cell.component.mjs

@@ -5,13 +5,13 @@
 import { Component, Input } from '@angular/core';
 import { FilterService } from '../filter.service';
 import { NumericFilterComponent } from '../numeric-filter.component';
-import { replaceMessagePlaceholder } from '../../utils';
 import { SizingOptionsService } from '../../layout/sizing-options.service';
 import { ContextService } from '../../common/provider.service';
 import { FilterInputDirective } from '../filter-input.directive';
 import { FocusableDirective } from '../../navigation/focusable.directive';
 import { FilterCellWrapperComponent } from './filter-cell-wrapper.component';
 import { NumericTextBoxComponent, NumericTextBoxCustomMessagesComponent } from '@progress/kendo-angular-inputs';
+import { replaceMessagePlaceholder } from '@progress/kendo-angular-common';
 import * as i0 from "@angular/core";
 import * as i1 from "../filter.service";
 import * as i2 from "../../common/provider.service";

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

@@ -5,7 +5,6 @@
 import { Component, Input } from '@angular/core';
 import { FilterService } from '../filter.service';
 import { StringFilterComponent } from "../string-filter.component";
-import { replaceMessagePlaceholder } from '../../utils';
 import { SizingOptionsService } from '../../layout/sizing-options.service';
 import { ContextService } from '../../common/provider.service';
 import { FormsModule } from '@angular/forms';
@@ -13,6 +12,7 @@ import { FilterInputDirective } from '../filter-input.directive';
 import { FocusableDirective } from '../../navigation/focusable.directive';
 import { FilterCellWrapperComponent } from './filter-cell-wrapper.component';
 import { TextBoxComponent } from '@progress/kendo-angular-inputs';
+import { replaceMessagePlaceholder } from '@progress/kendo-angular-common';
 import * as i0 from "@angular/core";
 import * as i1 from "../filter.service";
 import * as i2 from "../../common/provider.service";

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

@@ -5,11 +5,11 @@
 import { ColumnInfoService } from './../common/column-info.service';
 import { Component, Input, HostBinding } from '@angular/core';
 import { DetailTemplateDirective } from '../rendering/details/detail-template.directive';
-import { replaceMessagePlaceholder } from '../utils';
 import { ContextService } from '../common/provider.service';
 import { LogicalCellDirective } from '../navigation/logical-cell.directive';
 import { FilterCellComponent } from './cell/filter-cell.component';
 import { NgFor, NgIf, NgStyle, NgClass } from '@angular/common';
+import { replaceMessagePlaceholder } from '@progress/kendo-angular-common';
 import * as i0 from "@angular/core";
 import * as i1 from "../common/provider.service";
 import * as i2 from "./../common/column-info.service";
@@ -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/boolean-filter-menu.component.mjs

@@ -5,9 +5,8 @@
 import { Component, Input, HostBinding, QueryList, ViewChildren } from '@angular/core';
 import { FilterService } from '../filter.service';
 import { BooleanFilterComponent } from '../boolean-filter.component';
-import { guid } from '@progress/kendo-angular-common';
+import { guid, replaceMessagePlaceholder } from '@progress/kendo-angular-common';
 import { BooleanFilterRadioButtonDirective } from './filter-radio-button.directive';
-import { replaceMessagePlaceholder } from '../../utils';
 import { MenuTabbingService } from './menu-tabbing.service';
 import { ContextService } from '../../common/provider.service';
 import { NgFor } from '@angular/common';

package/esm2022/filtering/menu/date-filter-menu-input.component.mjs

@@ -9,10 +9,10 @@ import { FilterService } from '../filter.service';
 import { SinglePopupService } from '../../common/single-popup.service';
 import { filter } from 'rxjs/operators';
 import { DatePickerComponent, DatePickerCustomMessagesComponent } from '@progress/kendo-angular-dateinputs';
-import { replaceMessagePlaceholder } from '../../utils';
 import { ContextService } from '../../common/provider.service';
 import { FilterInputDirective } from '../filter-input.directive';
 import { FilterMenuInputWrapperComponent } from './filter-menu-input-wrapper.component';
+import { replaceMessagePlaceholder } from '@progress/kendo-angular-common';
 import * as i0 from "@angular/core";
 import * as i1 from "../../common/single-popup.service";
 import * as i2 from "../../common/provider.service";

package/esm2022/filtering/menu/date-filter-menu.component.mjs

@@ -7,12 +7,12 @@ import { Component, Input, HostBinding } from '@angular/core';
 import { FilterService } from '../filter.service';
 import { DateFilterComponent } from '../date-filter.component';
 import { setFilter, logicOperators } from '../base-filter-cell.component';
-import { replaceMessagePlaceholder } from '../../utils';
 import { ContextService } from '../../common/provider.service';
 import { FilterMenuDropDownListDirective } from './filter-menu-dropdownlist.directive';
 import { NgIf } from '@angular/common';
 import { DateFilterMenuInputComponent } from './date-filter-menu-input.component';
 import { DropDownListComponent } from '@progress/kendo-angular-dropdowns';
+import { replaceMessagePlaceholder } from '@progress/kendo-angular-common';
 import * as i0 from "@angular/core";
 import * as i1 from "../../common/provider.service";
 /**

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

package/esm2022/filtering/menu/filter-menu-input-wrapper.component.mjs

@@ -7,11 +7,11 @@ import { DropDownListComponent } from '@progress/kendo-angular-dropdowns';
 import { MenuTabbingService } from './menu-tabbing.service';
 import { FilterService } from '../filter.service';
 import { FilterInputWrapperComponent } from "../filter-input-wrapper.component";
-import { replaceMessagePlaceholder } from '../../utils';
 import { ContextService } from '../../common/provider.service';
 import { FilterMenuDropDownListDirective } from './filter-menu-dropdownlist.directive';
 import { AdaptiveGridService } from '../../common/adaptiveness.service';
 import { Subscription } from 'rxjs';
+import { replaceMessagePlaceholder } from '@progress/kendo-angular-common';
 import * as i0 from "@angular/core";
 import * as i1 from "../../common/provider.service";
 import * as i2 from "../../common/adaptiveness.service";

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

@@ -8,13 +8,13 @@ import { FilterService } from "../filter.service";
 import { ColumnComponent } from '../../columns/column.component';
 import { SinglePopupService } from '../../common/single-popup.service';
 import { filtersByField } from '../base-filter-cell.component';
-import { replaceMessagePlaceholder } from '../../utils';
 import { filterIcon } from '@progress/kendo-svg-icons';
 import { ContextService } from '../../common/provider.service';
 import { IdService } from '../../common/id.service';
 import { FilterMenuContainerComponent } from './filter-menu-container.component';
 import { IconWrapperComponent } from '@progress/kendo-angular-icons';
 import { AdaptiveGridService } from '../../common/adaptiveness.service';
+import { replaceMessagePlaceholder } from '@progress/kendo-angular-common';
 import * as i0 from "@angular/core";
 import * as i1 from "../filter.service";
 import * as i2 from "../../common/single-popup.service";

package/esm2022/filtering/menu/numeric-filter-menu-input.component.mjs

@@ -5,12 +5,12 @@
 import { Component, Input } from '@angular/core';
 import { ColumnComponent } from "../../columns/column.component";
 import { FilterService } from '../filter.service';
-import { replaceMessagePlaceholder } from '../../utils';
 import { MenuTabbingService } from './menu-tabbing.service';
 import { ContextService } from '../../common/provider.service';
 import { FilterInputDirective } from '../filter-input.directive';
 import { FilterMenuInputWrapperComponent } from './filter-menu-input-wrapper.component';
 import { NumericTextBoxComponent, NumericTextBoxCustomMessagesComponent } from '@progress/kendo-angular-inputs';
+import { replaceMessagePlaceholder } from '@progress/kendo-angular-common';
 import * as i0 from "@angular/core";
 import * as i1 from "../../common/provider.service";
 /**

package/esm2022/filtering/menu/numeric-filter-menu.component.mjs

@@ -6,13 +6,13 @@ import { Component, Input, HostBinding } from '@angular/core';
 import { FilterService } from '../filter.service';
 import { NumericFilterComponent } from '../numeric-filter.component';
 import { setFilter, logicOperators } from '../base-filter-cell.component';
-import { replaceMessagePlaceholder } from '../../utils';
 import { MenuTabbingService } from './menu-tabbing.service';
 import { ContextService } from '../../common/provider.service';
 import { FilterMenuDropDownListDirective } from './filter-menu-dropdownlist.directive';
 import { NgIf } from '@angular/common';
 import { NumericFilterMenuInputComponent } from './numeric-filter-menu-input.component';
 import { DropDownListComponent } from '@progress/kendo-angular-dropdowns';
+import { replaceMessagePlaceholder } from '@progress/kendo-angular-common';
 import * as i0 from "@angular/core";
 import * as i1 from "../../common/provider.service";
 /**

package/esm2022/filtering/menu/string-filter-menu-input.component.mjs

@@ -5,13 +5,13 @@
 import { Component, Input } from '@angular/core';
 import { ColumnComponent } from "../../columns/column.component";
 import { FilterService } from '../filter.service';
-import { replaceMessagePlaceholder } from '../../utils';
 import { MenuTabbingService } from './menu-tabbing.service';
 import { ContextService } from '../../common/provider.service';
 import { FilterInputDirective } from '../filter-input.directive';
 import { FormsModule } from '@angular/forms';
 import { FilterMenuInputWrapperComponent } from './filter-menu-input-wrapper.component';
 import { TextBoxComponent } from '@progress/kendo-angular-inputs';
+import { replaceMessagePlaceholder } from '@progress/kendo-angular-common';
 import * as i0 from "@angular/core";
 import * as i1 from "../../common/provider.service";
 import * as i2 from "@angular/forms";

package/esm2022/filtering/menu/string-filter-menu.component.mjs

@@ -7,12 +7,12 @@ import { Component, Input, HostBinding } from '@angular/core';
 import { StringFilterComponent } from '../string-filter.component';
 import { FilterService } from '../filter.service';
 import { setFilter, logicOperators } from '../base-filter-cell.component';
-import { replaceMessagePlaceholder } from '../../utils';
 import { ContextService } from '../../common/provider.service';
 import { FilterMenuDropDownListDirective } from './filter-menu-dropdownlist.directive';
 import { NgIf } from '@angular/common';
 import { StringFilterMenuInputComponent } from './string-filter-menu-input.component';
 import { DropDownListComponent } from '@progress/kendo-angular-dropdowns';
+import { replaceMessagePlaceholder } from '@progress/kendo-angular-common';
 import * as i0 from "@angular/core";
 import * as i1 from "../../common/provider.service";
 /**