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

package/column-menu/column-menu-container.component.d.ts

@@ -3,18 +3,19 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { ColumnMenuItemDirective } from './column-menu-item.directive';
-import { AfterContentInit, NgZone, QueryList } from '@angular/core';
+import { AfterViewInit, NgZone, QueryList } from '@angular/core';
 import { ColumnMenuService } from './column-menu.service';
 import * as i0 from "@angular/core";
 /**
  * @hidden
  */
-export declare class ColumnMenuContainerComponent implements AfterContentInit {
+export declare class ColumnMenuContainerComponent implements AfterViewInit {
     private service;
     private ngZone;
     columnMenuItems: QueryList<ColumnMenuItemDirective>;
+    templateMenuItems: any[];
     constructor(service: ColumnMenuService, ngZone: NgZone);
-    ngAfterContentInit(): void;
+    ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ColumnMenuContainerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ColumnMenuContainerComponent, "kendo-grid-columnmenu-container", never, {}, {}, ["columnMenuItems"], ["*"]>;
 }

package/column-menu/column-menu-item.component.d.ts

@@ -5,6 +5,7 @@
 import { EventEmitter, OnChanges } from '@angular/core';
 import { ColumnMenuItemContentTemplateDirective } from './column-menu-item-content-template.directive';
 import { SVGIcon } from '@progress/kendo-svg-icons';
+import { ColumnMenuService } from './column-menu.service';
 import * as i0 from "@angular/core";
 /**
  * Represents an item that can be placed inside a
@@ -58,6 +59,11 @@ export declare class ColumnMenuItemComponent implements OnChanges {
      * Specifies if the item is expanded.
      */
     expanded: boolean;
+    /**
+     * Represents the [ColumnMenuService]({% slug api_grid_columnmenuservice %}) class.
+     * Required to include the item in the column menu keyboard navigation sequence.
+     */
+    service: ColumnMenuService;
     contentTemplate: ColumnMenuItemContentTemplateDirective;
     contentState: string;
     contentId: string;
@@ -69,5 +75,5 @@ export declare class ColumnMenuItemComponent implements OnChanges {
     onClick(e: any): void;
     private updateContentState;
     static ɵfac: i0.ɵɵFactoryDeclaration<ColumnMenuItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnMenuItemComponent, "kendo-grid-columnmenu-item", never, { "icon": "icon"; "svgIcon": "svgIcon"; "text": "text"; "selected": "selected"; "disabled": "disabled"; "expanded": "expanded"; }, { "itemClick": "itemClick"; "expand": "expand"; "collapse": "collapse"; }, ["contentTemplate"], never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnMenuItemComponent, "kendo-grid-columnmenu-item", never, { "icon": "icon"; "svgIcon": "svgIcon"; "text": "text"; "selected": "selected"; "disabled": "disabled"; "expanded": "expanded"; "service": "service"; }, { "itemClick": "itemClick"; "expand": "expand"; "collapse": "collapse"; }, ["contentTemplate"], never>;
 }

package/column-menu/column-menu-item.directive.d.ts

@@ -4,19 +4,31 @@
 *-------------------------------------------------------------------------------------------*/
 import { ElementRef, NgZone, Renderer2 } from '@angular/core';
 import * as i0 from "@angular/core";
-/**
- * @hidden
- */
 export declare class ColumnMenuItemDirective {
     hostElement: ElementRef;
     private renderer;
     private ngZone;
+    /**
+     * The reference to the Grid column menu item. Required to include the item in the built-in keyboard navigation.
+     */
     menuItemComponent: any;
     firstFocusableElement: HTMLElement;
     lastFocusableElement: HTMLElement;
+    /**
+     * @hidden
+     */
     set isFirst(value: boolean);
+    /**
+     * @hidden
+     */
     get isFirst(): boolean;
+    /**
+     * @hidden
+     */
     set isLast(value: boolean);
+    /**
+     * @hidden
+     */
     get isLast(): boolean;
     private _isFirst;
     private _isLast;

package/column-menu/column-menu.service.d.ts

@@ -4,6 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { MenuTabbingService } from './../filtering/menu/menu-tabbing.service';
 import { EventEmitter } from '@angular/core';
+import type { ColumnMenuContainerComponent } from './column-menu-container.component';
 import * as i0 from "@angular/core";
 /**
  * Represents the service that is passed to the
@@ -51,6 +52,10 @@ export declare class ColumnMenuService {
      * Closes the column menu.
      */
     close(): void;
+    /**
+     * @hidden
+     */
+    columnMenuContainer: ColumnMenuContainerComponent;
     /**
      * @hidden
      */

package/dragdrop/context-types.d.ts

@@ -13,4 +13,5 @@ export declare type DragAndDropContext = {
     lastColumn?: boolean;
     column?: ColumnBase;
     type?: 'column' | 'groupIndicator' | 'columnGroup';
+    target?: any;
 };

package/esm2020/column-menu/column-menu-autosize-all.component.mjs

@@ -58,7 +58,7 @@ ColumnMenuAutoSizeAllColumnsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVer
             [svgIcon]="displayInlineFlexIcon"
             (itemClick)="autoSizeAllColumns()"
         ></kendo-grid-columnmenu-item>
-    `, isInline: true, components: [{ type: i2.ColumnMenuItemComponent, selector: "kendo-grid-columnmenu-item", inputs: ["icon", "svgIcon", "text", "selected", "disabled", "expanded"], outputs: ["itemClick", "expand", "collapse"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    `, isInline: true, components: [{ type: i2.ColumnMenuItemComponent, selector: "kendo-grid-columnmenu-item", inputs: ["icon", "svgIcon", "text", "selected", "disabled", "expanded", "service"], outputs: ["itemClick", "expand", "collapse"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ColumnMenuAutoSizeAllColumnsComponent, decorators: [{
             type: Component,
             args: [{

package/esm2020/column-menu/column-menu-autosize.component.mjs

@@ -60,7 +60,7 @@ ColumnMenuAutoSizeColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion
             [svgIcon]="maxWidthIcon"
             (itemClick)="autoSizeColumn()"
         ></kendo-grid-columnmenu-item>
-    `, isInline: true, components: [{ type: i2.ColumnMenuItemComponent, selector: "kendo-grid-columnmenu-item", inputs: ["icon", "svgIcon", "text", "selected", "disabled", "expanded"], outputs: ["itemClick", "expand", "collapse"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    `, isInline: true, components: [{ type: i2.ColumnMenuItemComponent, selector: "kendo-grid-columnmenu-item", inputs: ["icon", "svgIcon", "text", "selected", "disabled", "expanded", "service"], outputs: ["itemClick", "expand", "collapse"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ColumnMenuAutoSizeColumnComponent, decorators: [{
             type: Component,
             args: [{

package/esm2020/column-menu/column-menu-chooser.component.mjs

@@ -115,7 +115,7 @@ ColumnMenuChooserComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
                 </kendo-grid-columnlist>
             </ng-template>
         </kendo-grid-columnmenu-item>
-    `, isInline: true, components: [{ type: i3.ColumnMenuItemComponent, selector: "kendo-grid-columnmenu-item", inputs: ["icon", "svgIcon", "text", "selected", "disabled", "expanded"], outputs: ["itemClick", "expand", "collapse"] }, { type: i4.ColumnListComponent, selector: "kendo-grid-columnlist", inputs: ["columns", "autoSync", "ariaLabel", "allowHideAll", "applyText", "resetText", "actionsClass", "isLast", "isExpanded", "service"], outputs: ["reset", "apply", "columnChange"] }], directives: [{ type: i5.ColumnMenuItemContentTemplateDirective, selector: "[kendoGridColumnMenuItemContentTemplate]" }] });
+    `, isInline: true, components: [{ type: i3.ColumnMenuItemComponent, selector: "kendo-grid-columnmenu-item", inputs: ["icon", "svgIcon", "text", "selected", "disabled", "expanded", "service"], outputs: ["itemClick", "expand", "collapse"] }, { type: i4.ColumnListComponent, selector: "kendo-grid-columnlist", inputs: ["columns", "autoSync", "ariaLabel", "allowHideAll", "applyText", "resetText", "actionsClass", "isLast", "isExpanded", "service"], outputs: ["reset", "apply", "columnChange"] }], directives: [{ type: i5.ColumnMenuItemContentTemplateDirective, selector: "[kendoGridColumnMenuItemContentTemplate]" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ColumnMenuChooserComponent, decorators: [{
             type: Component,
             args: [{

package/esm2020/column-menu/column-menu-container.component.mjs

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { ColumnMenuItemDirective } from './column-menu-item.directive';
-import { Component, ContentChildren, NgZone, QueryList } from '@angular/core';
+import { Component, ContentChildren, Inject, NgZone, QueryList } from '@angular/core';
 import { take } from 'rxjs/operators';
 import { ColumnMenuService } from './column-menu.service';
 import * as i0 from "@angular/core";
@@ -15,17 +15,25 @@ export class ColumnMenuContainerComponent {
     constructor(service, ngZone) {
         this.service = service;
         this.ngZone = ngZone;
+        this.templateMenuItems = [];
+        service.columnMenuContainer = this;
     }
-    ngAfterContentInit() {
-        if (!this.columnMenuItems.length) {
+    ngAfterViewInit() {
+        if (this.columnMenuItems.length) {
+            this.columnMenuItems.first.isFirst = true;
+            this.columnMenuItems.last.isLast = true;
+        }
+        else if (this.templateMenuItems.length) {
+            this.templateMenuItems[0].isFirst = true;
+            this.templateMenuItems[this.templateMenuItems.length - 1].isLast = true;
+        }
+        else {
             return;
         }
-        this.columnMenuItems.first.isFirst = true;
-        this.columnMenuItems.last.isLast = true;
         this.ngZone.onStable.pipe(take(1)).subscribe(() => this.service.menuTabbingService.firstFocusable.focus());
     }
 }
-ColumnMenuContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ColumnMenuContainerComponent, deps: [{ token: i1.ColumnMenuService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+ColumnMenuContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ColumnMenuContainerComponent, deps: [{ token: i1.ColumnMenuService }, { token: NgZone }], target: i0.ɵɵFactoryTarget.Component });
 ColumnMenuContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: ColumnMenuContainerComponent, selector: "kendo-grid-columnmenu-container", queries: [{ propertyName: "columnMenuItems", predicate: ColumnMenuItemDirective, descendants: true }], ngImport: i0, template: `
         <ng-content></ng-content>
     `, isInline: true });
@@ -37,7 +45,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
         <ng-content></ng-content>
     `
                 }]
-        }], ctorParameters: function () { return [{ type: i1.ColumnMenuService }, { type: i0.NgZone }]; }, propDecorators: { columnMenuItems: [{
+        }], ctorParameters: function () { return [{ type: i1.ColumnMenuService }, { type: i0.NgZone, decorators: [{
+                    type: Inject,
+                    args: [NgZone]
+                }] }]; }, propDecorators: { columnMenuItems: [{
                 type: ContentChildren,
                 args: [ColumnMenuItemDirective, { descendants: true }]
             }] } });

package/esm2020/column-menu/column-menu-filter.component.mjs

@@ -96,7 +96,7 @@ ColumnMenuFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
                 </kendo-grid-filter-menu-container>
             </ng-template>
         </kendo-grid-columnmenu-item>
-    `, isInline: true, components: [{ type: i2.ColumnMenuItemComponent, selector: "kendo-grid-columnmenu-item", inputs: ["icon", "svgIcon", "text", "selected", "disabled", "expanded"], outputs: ["itemClick", "expand", "collapse"] }, { type: i3.FilterMenuContainerComponent, selector: "kendo-grid-filter-menu-container", inputs: ["column", "isLast", "isExpanded", "menuTabbingService", "filter", "actionsClass"], outputs: ["close"] }], directives: [{ type: i4.ColumnMenuItemContentTemplateDirective, selector: "[kendoGridColumnMenuItemContentTemplate]" }] });
+    `, isInline: true, components: [{ type: i2.ColumnMenuItemComponent, selector: "kendo-grid-columnmenu-item", inputs: ["icon", "svgIcon", "text", "selected", "disabled", "expanded", "service"], outputs: ["itemClick", "expand", "collapse"] }, { type: i3.FilterMenuContainerComponent, selector: "kendo-grid-filter-menu-container", inputs: ["column", "isLast", "isExpanded", "menuTabbingService", "filter", "actionsClass"], outputs: ["close"] }], directives: [{ type: i4.ColumnMenuItemContentTemplateDirective, selector: "[kendoGridColumnMenuItemContentTemplate]" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ColumnMenuFilterComponent, decorators: [{
             type: Component,
             args: [{

package/esm2020/column-menu/column-menu-item.component.mjs

@@ -6,6 +6,7 @@ import { Component, Input, Output, EventEmitter, ContentChild } from '@angular/c
 import { trigger, transition, style, animate, state } from '@angular/animations';
 import { ColumnMenuItemContentTemplateDirective } from './column-menu-item-content-template.directive';
 import { guid } from '@progress/kendo-angular-common';
+import { ColumnMenuService } from './column-menu.service';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-icons";
 import * as i2 from "@angular/common";
@@ -67,7 +68,7 @@ export class ColumnMenuItemComponent {
     }
 }
 ColumnMenuItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ColumnMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ColumnMenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: ColumnMenuItemComponent, selector: "kendo-grid-columnmenu-item", inputs: { icon: "icon", svgIcon: "svgIcon", text: "text", selected: "selected", disabled: "disabled", expanded: "expanded" }, outputs: { itemClick: "itemClick", expand: "expand", collapse: "collapse" }, queries: [{ propertyName: "contentTemplate", first: true, predicate: ColumnMenuItemContentTemplateDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
+ColumnMenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: ColumnMenuItemComponent, selector: "kendo-grid-columnmenu-item", inputs: { icon: "icon", svgIcon: "svgIcon", text: "text", selected: "selected", disabled: "disabled", expanded: "expanded", service: "service" }, outputs: { itemClick: "itemClick", expand: "expand", collapse: "collapse" }, queries: [{ propertyName: "contentTemplate", first: true, predicate: ColumnMenuItemContentTemplateDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
         <div
             class="k-columnmenu-item"
             (click)="onClick($event)"
@@ -175,6 +176,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Input
             }], expanded: [{
                 type: Input
+            }], service: [{
+                type: Input
             }], contentTemplate: [{
                 type: ContentChild,
                 args: [ColumnMenuItemContentTemplateDirective]

package/esm2020/column-menu/column-menu-item.directive.mjs

@@ -9,9 +9,6 @@ import { ColumnMenuPositionComponent } from './column-menu-position.component';
 import { ColumnMenuChooserComponent } from './column-menu-chooser.component';
 import { ColumnMenuFilterComponent } from './column-menu-filter.component';
 import * as i0 from "@angular/core";
-/**
- * @hidden
- */
 export class ColumnMenuItemDirective {
     constructor(hostElement, renderer, ngZone) {
         this.hostElement = hostElement;
@@ -38,6 +35,9 @@ export class ColumnMenuItemDirective {
             }
         };
     }
+    /**
+     * @hidden
+     */
     set isFirst(value) {
         if (value) {
             const focusableElement = this.columnMenuItems[0];
@@ -49,9 +49,15 @@ export class ColumnMenuItemDirective {
         }
         this._isFirst = value;
     }
+    /**
+     * @hidden
+     */
     get isFirst() {
         return this._isFirst;
     }
+    /**
+     * @hidden
+     */
     set isLast(value) {
         if (!this.columnMenuItems) {
             return;
@@ -69,6 +75,9 @@ export class ColumnMenuItemDirective {
         }
         this._isLast = value;
     }
+    /**
+     * @hidden
+     */
     get isLast() {
         return this._isLast;
     }
@@ -78,6 +87,7 @@ export class ColumnMenuItemDirective {
         if (this.menuItemComponent instanceof ColumnMenuFilterComponent) {
             this.menuItemComponent.service.menuTabbingService.isColumnMenu = true;
         }
+        this.menuItemComponent.service?.columnMenuContainer.templateMenuItems.push(this);
     }
     ngOnDestroy() {
         if (this.subs) {

package/esm2020/column-menu/column-menu-lock.component.mjs

@@ -87,7 +87,7 @@ ColumnMenuLockComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
             (itemClick)="toggleColumn()"
             [disabled]="disabled">
        </kendo-grid-columnmenu-item>
-    `, isInline: true, components: [{ type: i3.ColumnMenuItemComponent, selector: "kendo-grid-columnmenu-item", inputs: ["icon", "svgIcon", "text", "selected", "disabled", "expanded"], outputs: ["itemClick", "expand", "collapse"] }] });
+    `, isInline: true, components: [{ type: i3.ColumnMenuItemComponent, selector: "kendo-grid-columnmenu-item", inputs: ["icon", "svgIcon", "text", "selected", "disabled", "expanded", "service"], outputs: ["itemClick", "expand", "collapse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ColumnMenuLockComponent, decorators: [{
             type: Component,
             args: [{

package/esm2020/column-menu/column-menu-position.component.mjs

@@ -129,7 +129,7 @@ ColumnMenuPositionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.
                 </kendo-grid-columnmenu-stick>
             </ng-template>
         </kendo-grid-columnmenu-item>
-    `, isInline: true, components: [{ type: i2.ColumnMenuItemComponent, selector: "kendo-grid-columnmenu-item", inputs: ["icon", "svgIcon", "text", "selected", "disabled", "expanded"], outputs: ["itemClick", "expand", "collapse"] }, { type: i3.ColumnMenuLockComponent, selector: "kendo-grid-columnmenu-lock" }, { type: i4.ColumnMenuStickComponent, selector: "kendo-grid-columnmenu-stick" }], directives: [{ type: i5.ColumnMenuItemContentTemplateDirective, selector: "[kendoGridColumnMenuItemContentTemplate]" }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    `, isInline: true, components: [{ type: i2.ColumnMenuItemComponent, selector: "kendo-grid-columnmenu-item", inputs: ["icon", "svgIcon", "text", "selected", "disabled", "expanded", "service"], outputs: ["itemClick", "expand", "collapse"] }, { type: i3.ColumnMenuLockComponent, selector: "kendo-grid-columnmenu-lock" }, { type: i4.ColumnMenuStickComponent, selector: "kendo-grid-columnmenu-stick" }], directives: [{ type: i5.ColumnMenuItemContentTemplateDirective, selector: "[kendoGridColumnMenuItemContentTemplate]" }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ColumnMenuPositionComponent, decorators: [{
             type: Component,
             args: [{

package/esm2020/column-menu/column-menu-sort.component.mjs

@@ -89,7 +89,7 @@ ColumnMenuSortComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
             (itemClick)="toggleSort('desc')"
             [selected]="sortedDesc">
         </kendo-grid-columnmenu-item>
-    `, isInline: true, components: [{ type: i3.ColumnMenuItemComponent, selector: "kendo-grid-columnmenu-item", inputs: ["icon", "svgIcon", "text", "selected", "disabled", "expanded"], outputs: ["itemClick", "expand", "collapse"] }] });
+    `, isInline: true, components: [{ type: i3.ColumnMenuItemComponent, selector: "kendo-grid-columnmenu-item", inputs: ["icon", "svgIcon", "text", "selected", "disabled", "expanded", "service"], outputs: ["itemClick", "expand", "collapse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ColumnMenuSortComponent, decorators: [{
             type: Component,
             args: [{

package/esm2020/column-menu/column-menu-stick.component.mjs

@@ -89,7 +89,7 @@ ColumnMenuStickComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0
            (itemClick)="toggleColumn()"
            [disabled]="disabled">
         </kendo-grid-columnmenu-item>
-    `, isInline: true, components: [{ type: i3.ColumnMenuItemComponent, selector: "kendo-grid-columnmenu-item", inputs: ["icon", "svgIcon", "text", "selected", "disabled", "expanded"], outputs: ["itemClick", "expand", "collapse"] }] });
+    `, isInline: true, components: [{ type: i3.ColumnMenuItemComponent, selector: "kendo-grid-columnmenu-item", inputs: ["icon", "svgIcon", "text", "selected", "disabled", "expanded", "service"], outputs: ["itemClick", "expand", "collapse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ColumnMenuStickComponent, decorators: [{
             type: Component,
             args: [{

package/esm2020/column-menu/column-menu.component.mjs

@@ -316,10 +316,14 @@ ColumnMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
                 [svgIcon]="moreVerticalIcon"></kendo-icon-wrapper>
         </a>
         <ng-template #template>
-            <ng-container
-                [ngTemplateOutlet]="this.column.columnMenuTemplateRef || this.columnMenuTemplate || (this.settings.view === 'tabbed' ? this.tabbedInterfaceTemplate : this.defaultTemplate)"
-                [ngTemplateOutletContext]="{ service: service, column: column }">
-            </ng-container>
+            <kendo-grid-columnmenu-container
+                (keydown.escape)="close(true)"
+                (keydown.enter)="$event.stopImmediatePropagation()">
+                <ng-container
+                    [ngTemplateOutlet]="this.column.columnMenuTemplateRef || this.columnMenuTemplate || (this.settings.view === 'tabbed' ? this.tabbedInterfaceTemplate : this.defaultTemplate)"
+                    [ngTemplateOutletContext]="{ service: service, column: column }">
+                </ng-container>
+            </kendo-grid-columnmenu-container>
         </ng-template>
         <ng-template #defaultTemplate>
             <kendo-grid-columnmenu-container
@@ -487,10 +491,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 [svgIcon]="moreVerticalIcon"></kendo-icon-wrapper>
         </a>
         <ng-template #template>
-            <ng-container
-                [ngTemplateOutlet]="this.column.columnMenuTemplateRef || this.columnMenuTemplate || (this.settings.view === 'tabbed' ? this.tabbedInterfaceTemplate : this.defaultTemplate)"
-                [ngTemplateOutletContext]="{ service: service, column: column }">
-            </ng-container>
+            <kendo-grid-columnmenu-container
+                (keydown.escape)="close(true)"
+                (keydown.enter)="$event.stopImmediatePropagation()">
+                <ng-container
+                    [ngTemplateOutlet]="this.column.columnMenuTemplateRef || this.columnMenuTemplate || (this.settings.view === 'tabbed' ? this.tabbedInterfaceTemplate : this.defaultTemplate)"
+                    [ngTemplateOutletContext]="{ service: service, column: column }">
+                </ng-container>
+            </kendo-grid-columnmenu-container>
         </ng-template>
         <ng-template #defaultTemplate>
             <kendo-grid-columnmenu-container

package/esm2020/grid.component.mjs

@@ -2214,6 +2214,12 @@ GridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
             i18n-sortedDefault="kendo.grid.sortedDefault|The status announcement when a column is no longer sorted"
             sortedDefault="Not Sorted"
 
+            i18n-sortedAscending="kendo.grid.sortedAscending|The title of the Group Chip indicating the ascending sorting order of the groups"
+            sortedAscending="Sorted Ascending"
+            
+            i18n-sortedDescending="kendo.grid.sortedDescending|The title of the Group Chip indicating the descending sorting order of the groups"
+            sortedDescending="Sorted Descending"
+
             i18n-columnsApply="kendo.grid.columnsApply|The text shown in the column menu or column chooser for the columns apply button"
             columnsApply="Apply"
 
@@ -2273,6 +2279,12 @@ GridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
 
             i18n-columnMenuColumnsTabTitle="kendo.grid.columnMenuColumnsTabTitle|The title for the column menu Columns tab"
             columnMenuColumnsTabTitle="Columns"
+
+            i18n-groupChipMenuPrevious="kendo.grid.groupChipMenuPrevious|The text for the Group pane Chip Menu Move as previous item"
+            groupChipMenuPrevious="Move as previous"
+
+            i18n-groupChipMenuNext="kendo.grid.groupChipMenuNext|The text for the Group pane Chip Menu Move as next item"
+            groupChipMenuNext="Move as next"
         >
         </ng-container>
         <kendo-grid-toolbar
@@ -2832,6 +2844,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             i18n-sortedDefault="kendo.grid.sortedDefault|The status announcement when a column is no longer sorted"
             sortedDefault="Not Sorted"
 
+            i18n-sortedAscending="kendo.grid.sortedAscending|The title of the Group Chip indicating the ascending sorting order of the groups"
+            sortedAscending="Sorted Ascending"
+            
+            i18n-sortedDescending="kendo.grid.sortedDescending|The title of the Group Chip indicating the descending sorting order of the groups"
+            sortedDescending="Sorted Descending"
+
             i18n-columnsApply="kendo.grid.columnsApply|The text shown in the column menu or column chooser for the columns apply button"
             columnsApply="Apply"
 
@@ -2891,6 +2909,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
 
             i18n-columnMenuColumnsTabTitle="kendo.grid.columnMenuColumnsTabTitle|The title for the column menu Columns tab"
             columnMenuColumnsTabTitle="Columns"
+
+            i18n-groupChipMenuPrevious="kendo.grid.groupChipMenuPrevious|The text for the Group pane Chip Menu Move as previous item"
+            groupChipMenuPrevious="Move as previous"
+
+            i18n-groupChipMenuNext="kendo.grid.groupChipMenuNext|The text for the Group pane Chip Menu Move as next item"
+            groupChipMenuNext="Move as next"
         >
         </ng-container>
         <kendo-grid-toolbar