@progress/kendo-angular-grid 17.0.0-develop.3 → 17.0.0-develop.31

package/editing/add-command-tool.directive.d.ts

@@ -0,0 +1,39 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { EditService } from './edit.service';
+import { ToolBarButtonComponent } from '@progress/kendo-angular-toolbar';
+import * as i0 from "@angular/core";
+/**
+ * Represents the command for adding a new item to the Grid.
+ * You can apply this directive to any `kendo-toolbar-button` element inside a
+ * ToolbarComponent used in the Grid.
+ *
+ * When the user clicks the toolbar button that is associated with the directive, , the
+ * [add]({% slug api_grid_gridcomponent %}#toc-add) event is triggered
+ * ([see example]({% slug basics_editing_grid %})).
+ *
+ * @example
+ * ```html-no-run
+ * <kendo-grid>
+ *      <kendo-toolbar>
+ *         <kendo-toolbar-button text="Add new" kendoGridAddTool></kendo-toolbar-button>
+ *      </kendo-toolbar>
+ * </kendo-grid>
+ * ```
+ */
+export declare class AddCommandToolbarDirective {
+    private editService;
+    private host;
+    private clickSub;
+    constructor(editService: EditService, host: ToolBarButtonComponent);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * @hidden
+     */
+    onClick(e: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AddCommandToolbarDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AddCommandToolbarDirective, "[kendoGridAddTool]", never, {}, {}, never, never, true, never>;
+}

package/editing/edit.service.d.ts

@@ -9,18 +9,18 @@ import * as i0 from "@angular/core";
 /**
  * @hidden
  */
-export declare type Entity = {
+export type Entity = {
     index: number;
     group: any;
 };
 /**
  * @hidden
  */
-export declare type CommandAction = 'edit' | 'remove' | 'cancel' | 'save' | 'add';
+export type CommandAction = 'edit' | 'remove' | 'cancel' | 'save' | 'add';
 /**
  * @hidden
  */
-export declare type CommandEvent = {
+export type CommandEvent = {
     action: CommandAction;
     formGroup?: FormGroup;
     isNew?: boolean;

package/editing-directives/editing-directive-base.d.ts

@@ -46,5 +46,5 @@ export declare abstract class EditingDirectiveBase implements OnInit, OnDestroy
     protected onStateChange(): void;
     protected closeEditor(rowIndex?: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<EditingDirectiveBase, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<EditingDirectiveBase, "[kendoGridEditingDirectiveBase]", never, { "editService": "editService"; "removeConfirmation": "removeConfirmation"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EditingDirectiveBase, "[kendoGridEditingDirectiveBase]", never, { "editService": { "alias": "editService"; "required": false; }; "removeConfirmation": { "alias": "removeConfirmation"; "required": false; }; }, {}, never, never, false, never>;
 }

package/editing-directives/in-cell-editing.directive.d.ts

@@ -31,5 +31,5 @@ export declare class InCellEditingDirective extends EditingDirectiveBase {
     protected cellClickHandler(args: any): void;
     protected cellCloseHandler(args: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<InCellEditingDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<InCellEditingDirective, "[kendoGridInCellEditing]", never, { "createFormGroup": "kendoGridInCellEditing"; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<InCellEditingDirective, "[kendoGridInCellEditing]", never, { "createFormGroup": { "alias": "kendoGridInCellEditing"; "required": false; }; }, {}, never, never, true, never>;
 }

package/editing-directives/reactive-editing.directive.d.ts

@@ -22,5 +22,5 @@ export declare class ReactiveEditingDirective extends RowEditingDirectiveBase {
     protected createModel(args: any): any;
     protected saveModel({ dataItem, formGroup, isNew }: any): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<ReactiveEditingDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ReactiveEditingDirective, "[kendoGridReactiveEditing]", never, { "createFormGroup": "kendoGridReactiveEditing"; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ReactiveEditingDirective, "[kendoGridReactiveEditing]", never, { "createFormGroup": { "alias": "kendoGridReactiveEditing"; "required": false; }; }, {}, never, never, true, never>;
 }

package/editing-directives/template-editing.directive.d.ts

@@ -26,5 +26,5 @@ export declare class TemplateEditingDirective extends RowEditingDirectiveBase {
     protected saveModel(args: any): any;
     protected clean(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TemplateEditingDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TemplateEditingDirective, "[kendoGridTemplateEditing]", never, { "createNewItem": "kendoGridTemplateEditing"; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TemplateEditingDirective, "[kendoGridTemplateEditing]", never, { "createNewItem": { "alias": "kendoGridTemplateEditing"; "required": false; }; }, {}, never, never, true, never>;
 }

package/{esm2020 → esm2022}/aggregates/selection-aggregate.service.mjs

@@ -16,24 +16,27 @@ import * as i3 from "../common/column-info.service";
  * @hidden
  */
 export class CellSelectionAggregateService {
+    ctx;
+    dataChanges;
+    columnInfoService;
+    selectedItems = [];
+    groupedAggregates = { dates: [], numbers: [], booleans: [] };
+    aggregates = {
+        sum: null,
+        average: null,
+        min: null,
+        max: null,
+        count: null,
+        isTrue: null,
+        isFalse: null,
+        earliest: null,
+        latest: null
+    };
+    sub = new Subscription();
     constructor(ctx, dataChanges, columnInfoService) {
         this.ctx = ctx;
         this.dataChanges = dataChanges;
         this.columnInfoService = columnInfoService;
-        this.selectedItems = [];
-        this.groupedAggregates = { dates: [], numbers: [], booleans: [] };
-        this.aggregates = {
-            sum: null,
-            average: null,
-            min: null,
-            max: null,
-            count: null,
-            isTrue: null,
-            isFalse: null,
-            earliest: null,
-            latest: null
-        };
-        this.sub = new Subscription();
     }
     ngOnDestroy() {
         this.sub.unsubscribe();
@@ -193,9 +196,9 @@ export class CellSelectionAggregateService {
         this.aggregates['isFalse'] = this.aggregates['isTrue'] = null;
         this.aggregates['earliest'] = this.aggregates['latest'] = null;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CellSelectionAggregateService, deps: [{ token: i1.ContextService }, { token: i2.LocalDataChangesService }, { token: i3.ColumnInfoService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CellSelectionAggregateService });
 }
-CellSelectionAggregateService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CellSelectionAggregateService, deps: [{ token: i1.ContextService }, { token: i2.LocalDataChangesService }, { token: i3.ColumnInfoService }], target: i0.ɵɵFactoryTarget.Injectable });
-CellSelectionAggregateService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CellSelectionAggregateService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CellSelectionAggregateService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CellSelectionAggregateService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.ContextService }, { type: i2.LocalDataChangesService }, { type: i3.ColumnInfoService }]; } });

package/{esm2020 → esm2022}/aggregates/status-bar-template.directive.mjs

@@ -12,13 +12,14 @@ import * as i0 from "@angular/core";
  * to loop through the aggregates as key-value pairs.
  */
 export class StatusBarTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StatusBarTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: StatusBarTemplateDirective, isStandalone: true, selector: "[kendoGridStatusBarTemplate]", ngImport: i0 });
 }
-StatusBarTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: StatusBarTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-StatusBarTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: StatusBarTemplateDirective, isStandalone: true, selector: "[kendoGridStatusBarTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: StatusBarTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StatusBarTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGridStatusBarTemplate]',

package/{esm2020 → esm2022}/aggregates/status-bar.component.mjs

@@ -12,29 +12,31 @@ import * as i1 from "./selection-aggregate.service";
  * @hidden
  */
 export class StatusBarComponent {
-    constructor(aggregateService) {
-        this.aggregateService = aggregateService;
-        this.hostClasses = true;
-    }
+    aggregateService;
+    hostClasses = true;
     get isStatusBarTemplate() {
         return this.statusBarTemplate ? '' : 'none';
     }
+    statusBarTemplate;
+    constructor(aggregateService) {
+        this.aggregateService = aggregateService;
+    }
     ngOnInit() {
         this.aggregateService.init();
     }
     get aggregates() {
         return this.aggregateService.aggregates;
     }
-}
-StatusBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: StatusBarComponent, deps: [{ token: i1.CellSelectionAggregateService }], target: i0.ɵɵFactoryTarget.Component });
-StatusBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: StatusBarComponent, isStandalone: true, selector: "kendo-grid-status-bar", inputs: { statusBarTemplate: "statusBarTemplate" }, host: { properties: { "class.k-selection-aggregates": "this.hostClasses", "class.k-grid-selection-aggregates": "this.hostClasses", "style.display": "this.isStatusBarTemplate" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StatusBarComponent, deps: [{ token: i1.CellSelectionAggregateService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: StatusBarComponent, isStandalone: true, selector: "kendo-grid-status-bar", inputs: { statusBarTemplate: "statusBarTemplate" }, host: { properties: { "class.k-selection-aggregates": "this.hostClasses", "class.k-grid-selection-aggregates": "this.hostClasses", "style.display": "this.isStatusBarTemplate" } }, ngImport: i0, template: `
         <ng-template
             *ngIf="statusBarTemplate"
             [ngTemplateOutlet]="statusBarTemplate?.templateRef"
             [ngTemplateOutletContext]="{ aggregates: aggregates }">
         </ng-template>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: StatusBarComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StatusBarComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-grid-status-bar',

package/{esm2020 → esm2022}/column-menu/column-chooser-item-checked.directive.mjs

@@ -9,10 +9,13 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class ColumnMenuChooserItemCheckedDirective {
+    host;
+    renderer;
+    kendoColumnMenuChooserItemChecked;
+    checkedChangeSub = new Subscription();
     constructor(host, renderer) {
         this.host = host;
         this.renderer = renderer;
-        this.checkedChangeSub = new Subscription();
     }
     ngAfterViewInit() {
         this.checkedChangeSub.add(this.renderer.listen(this.host.nativeElement.firstElementChild, 'change', (e) => {
@@ -22,10 +25,10 @@ export class ColumnMenuChooserItemCheckedDirective {
     ngOnDestroy() {
         this.checkedChangeSub.unsubscribe();
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnMenuChooserItemCheckedDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ColumnMenuChooserItemCheckedDirective, isStandalone: true, selector: "[kendoColumnMenuChooserItemChecked]", inputs: { kendoColumnMenuChooserItemChecked: "kendoColumnMenuChooserItemChecked" }, host: { properties: { "attr.aria-checked": "this.kendoColumnMenuChooserItemChecked" } }, ngImport: i0 });
 }
-ColumnMenuChooserItemCheckedDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnMenuChooserItemCheckedDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-ColumnMenuChooserItemCheckedDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ColumnMenuChooserItemCheckedDirective, isStandalone: true, selector: "[kendoColumnMenuChooserItemChecked]", inputs: { kendoColumnMenuChooserItemChecked: "kendoColumnMenuChooserItemChecked" }, host: { properties: { "attr.aria-checked": "this.kendoColumnMenuChooserItemChecked" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnMenuChooserItemCheckedDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnMenuChooserItemCheckedDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoColumnMenuChooserItemChecked]',

package/{esm2020 → esm2022}/column-menu/column-chooser.component.mjs

@@ -31,6 +31,37 @@ import * as i3 from "@progress/kendo-angular-popup";
  * ```
  */
 export class ColumnChooserComponent {
+    ctx;
+    columnInfoService;
+    popupService;
+    ngZone;
+    renderer;
+    changeDetector;
+    /**
+     * @hidden
+     */
+    columnsIcon = columnsIcon;
+    /**
+     * Specifies if the changes in the visibility of the column will be immediately applied.
+     *
+     * @default false
+     */
+    autoSync = false;
+    /**
+     * Specifies if all columns can be hidden.
+     *
+     * @default true
+     */
+    allowHideAll = true;
+    anchor;
+    columnList;
+    get columns() {
+        return this.columnInfoService.leafNamedColumns;
+    }
+    popupRef;
+    popupId;
+    closeClick;
+    escapeListener;
     constructor(ctx, columnInfoService, popupService, ngZone, renderer, changeDetector) {
         this.ctx = ctx;
         this.columnInfoService = columnInfoService;
@@ -38,25 +69,6 @@ export class ColumnChooserComponent {
         this.ngZone = ngZone;
         this.renderer = renderer;
         this.changeDetector = changeDetector;
-        /**
-         * @hidden
-         */
-        this.columnsIcon = columnsIcon;
-        /**
-         * Specifies if the changes in the visibility of the column will be immediately applied.
-         *
-         * @default false
-         */
-        this.autoSync = false;
-        /**
-         * Specifies if all columns can be hidden.
-         *
-         * @default true
-         */
-        this.allowHideAll = true;
-    }
-    get columns() {
-        return this.columnInfoService.leafNamedColumns;
     }
     ngOnDestroy() {
         this.close();
@@ -147,9 +159,8 @@ export class ColumnChooserComponent {
             this.closeClick = null;
         }
     }
-}
-ColumnChooserComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnChooserComponent, deps: [{ token: i1.ContextService }, { token: i2.ColumnInfoService }, { token: i3.PopupService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-ColumnChooserComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ColumnChooserComponent, isStandalone: true, selector: "kendo-grid-column-chooser", inputs: { autoSync: "autoSync", allowHideAll: "allowHideAll" }, viewQueries: [{ propertyName: "anchor", first: true, predicate: ["anchor"], descendants: true }, { propertyName: "columnList", first: true, predicate: ["columnList"], descendants: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnChooserComponent, deps: [{ token: i1.ContextService }, { token: i2.ColumnInfoService }, { token: i3.PopupService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ColumnChooserComponent, isStandalone: true, selector: "kendo-grid-column-chooser", inputs: { autoSync: "autoSync", allowHideAll: "allowHideAll" }, viewQueries: [{ propertyName: "anchor", first: true, predicate: ["anchor"], descendants: true }, { propertyName: "columnList", first: true, predicate: ["columnList"], descendants: true }], ngImport: i0, template: `
         <button #anchor
             kendoButton
             type="button"
@@ -177,8 +188,9 @@ ColumnChooserComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
                 (keydown.shift.tab)="onShiftTab($event)">
             </kendo-grid-columnlist>
         </ng-template>
-    `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: ColumnListComponent, selector: "kendo-grid-columnlist", inputs: ["columns", "autoSync", "ariaLabel", "allowHideAll", "applyText", "resetText", "actionsClass", "isLast", "isExpanded", "service"], outputs: ["reset", "apply", "columnChange"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnChooserComponent, decorators: [{
+    `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: ColumnListComponent, selector: "kendo-grid-columnlist", inputs: ["columns", "autoSync", "ariaLabel", "allowHideAll", "applyText", "resetText", "actionsClass", "isLast", "isExpanded", "service"], outputs: ["reset", "apply", "columnChange"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnChooserComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-grid-column-chooser',

package/{esm2020 → esm2022}/column-menu/column-list-kb-nav.service.mjs

@@ -8,9 +8,11 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class ColumnListKeyboardNavigation {
+    renderer;
+    items;
+    activeIndex = 0;
     constructor(renderer) {
         this.renderer = renderer;
-        this.activeIndex = 0;
     }
     next() {
         this.toggle(this.activeIndex, false);
@@ -30,9 +32,9 @@ export class ColumnListKeyboardNavigation {
     toggleCheckedState() {
         this.items[this.activeIndex].host.nativeElement.firstElementChild.click();
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnListKeyboardNavigation, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnListKeyboardNavigation });
 }
-ColumnListKeyboardNavigation.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnListKeyboardNavigation, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Injectable });
-ColumnListKeyboardNavigation.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnListKeyboardNavigation });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnListKeyboardNavigation, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnListKeyboardNavigation, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }]; } });

package/{esm2020 → esm2022}/column-menu/column-list.component.mjs

@@ -15,40 +15,19 @@ import * as i1 from "./column-list-kb-nav.service";
  * @hidden
  */
 export class ColumnListComponent {
-    constructor(element, ngZone, renderer, listNavigationService) {
-        this.element = element;
-        this.ngZone = ngZone;
-        this.renderer = renderer;
-        this.listNavigationService = listNavigationService;
-        this.reset = new EventEmitter();
-        this.apply = new EventEmitter();
-        this.columnChange = new EventEmitter();
-        this.autoSync = true;
-        this.allowHideAll = false;
-        this.actionsClass = 'k-actions k-actions-stretched k-actions-horizontal';
-        this.unlockedCount = 0;
-        this.domSubscriptions = new Subscription();
-        this.onKeydown = (e) => {
-            if (e.keyCode !== Keys.Tab) {
-                e.preventDefault();
-            }
-            if (e.keyCode === Keys.ArrowDown) {
-                this.listNavigationService.next();
-            }
-            else if (e.keyCode === Keys.ArrowUp) {
-                this.listNavigationService.prev();
-            }
-            else if (e.keyCode === Keys.Space && e.target.classList.contains('k-column-list-item')) {
-                this.listNavigationService.toggleCheckedState();
-            }
-        };
-    }
+    element;
+    ngZone;
+    renderer;
+    listNavigationService;
     get className() {
         return true;
     }
     isChecked(checkbox) {
         return checkbox.checked;
     }
+    reset = new EventEmitter();
+    apply = new EventEmitter();
+    columnChange = new EventEmitter();
     set columns(value) {
         this._columns = value.filter(column => column.includeInChooser !== false);
         this.allColumns = value;
@@ -57,6 +36,32 @@ export class ColumnListComponent {
     get columns() {
         return this._columns;
     }
+    autoSync = true;
+    ariaLabel;
+    allowHideAll = false;
+    applyText;
+    resetText;
+    actionsClass = 'k-actions k-actions-stretched k-actions-horizontal';
+    isLast;
+    isExpanded;
+    service;
+    resetButton;
+    applyButton;
+    options;
+    hasLocked;
+    hasVisibleLocked;
+    unlockedCount = 0;
+    hasUnlockedFiltered;
+    hasFiltered;
+    _columns;
+    allColumns;
+    domSubscriptions = new Subscription();
+    constructor(element, ngZone, renderer, listNavigationService) {
+        this.element = element;
+        this.ngZone = ngZone;
+        this.renderer = renderer;
+        this.listNavigationService = listNavigationService;
+    }
     ngOnInit() {
         if (!this.element) {
             return;
@@ -151,6 +156,20 @@ export class ColumnListComponent {
             }
         }
     }
+    onKeydown = (e) => {
+        if (e.keyCode !== Keys.Tab) {
+            e.preventDefault();
+        }
+        if (e.keyCode === Keys.ArrowDown) {
+            this.listNavigationService.next();
+        }
+        else if (e.keyCode === Keys.ArrowUp) {
+            this.listNavigationService.prev();
+        }
+        else if (e.keyCode === Keys.Space && e.target.classList.contains('k-column-list-item')) {
+            this.listNavigationService.toggleCheckedState();
+        }
+    };
     forEachCheckBox(callback) {
         const checkboxes = this.element.nativeElement.getElementsByClassName('k-checkbox');
         const length = checkboxes.length;
@@ -202,9 +221,8 @@ export class ColumnListComponent {
         this.renderer[classCommand](parent, 'k-disabled');
         this.renderer[attributeCommand](parent, 'aria-disabled', disabled ? 'true' : undefined);
     }
-}
-ColumnListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnListComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i1.ColumnListKeyboardNavigation }], target: i0.ɵɵFactoryTarget.Component });
-ColumnListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ColumnListComponent, isStandalone: true, selector: "kendo-grid-columnlist", inputs: { columns: "columns", autoSync: "autoSync", ariaLabel: "ariaLabel", allowHideAll: "allowHideAll", applyText: "applyText", resetText: "resetText", actionsClass: "actionsClass", isLast: "isLast", isExpanded: "isExpanded", service: "service" }, outputs: { reset: "reset", apply: "apply", columnChange: "columnChange" }, host: { properties: { "class.k-column-list-wrapper": "this.className" } }, providers: [ColumnListKeyboardNavigation], viewQueries: [{ propertyName: "resetButton", first: true, predicate: ["resetButton"], descendants: true }, { propertyName: "applyButton", first: true, predicate: ["applyButton"], descendants: true }, { propertyName: "options", predicate: ColumnMenuChooserItemCheckedDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnListComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i1.ColumnListKeyboardNavigation }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ColumnListComponent, isStandalone: true, selector: "kendo-grid-columnlist", inputs: { columns: "columns", autoSync: "autoSync", ariaLabel: "ariaLabel", allowHideAll: "allowHideAll", applyText: "applyText", resetText: "resetText", actionsClass: "actionsClass", isLast: "isLast", isExpanded: "isExpanded", service: "service" }, outputs: { reset: "reset", apply: "apply", columnChange: "columnChange" }, host: { properties: { "class.k-column-list-wrapper": "this.className" } }, providers: [ColumnListKeyboardNavigation], viewQueries: [{ propertyName: "resetButton", first: true, predicate: ["resetButton"], descendants: true }, { propertyName: "applyButton", first: true, predicate: ["applyButton"], descendants: true }, { propertyName: "options", predicate: ColumnMenuChooserItemCheckedDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
         <div 
             class="k-column-list"
             role="listbox"
@@ -244,7 +262,8 @@ ColumnListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
                 (keydown.space)="$event.preventDefault(); $event.stopPropagation; cancelChanges();">{{ resetText }}</button>
         </div>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: ColumnMenuChooserItemCheckedDirective, selector: "[kendoColumnMenuChooserItemChecked]", inputs: ["kendoColumnMenuChooserItemChecked"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnListComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnListComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-grid-columnlist',

package/{esm2020 → esm2022}/column-menu/column-locked-change-event.mjs

@@ -6,6 +6,10 @@
  * Arguments for the `columnLockedChange` event.
  */
 export class ColumnLockedChangeEvent {
+    /**
+     * The columns whose locked state is changed.
+     */
+    columns;
     /**
      * @hidden
      */

package/{esm2020 → esm2022}/column-menu/column-menu-autosize-all.component.mjs

@@ -31,10 +31,11 @@ import * as i1 from "../common/provider.service";
  * ```
  */
 export class ColumnMenuAutoSizeAllColumnsComponent extends ColumnMenuItemBase {
+    ctx;
+    displayInlineFlexIcon = displayInlineFlexIcon;
     constructor(ctx) {
         super();
         this.ctx = ctx;
-        this.displayInlineFlexIcon = displayInlineFlexIcon;
     }
     ngOnInit() {
         const isVirtualColumns = this.ctx.grid.columnMenuTemplate && this.ctx.grid.virtualColumns;
@@ -48,9 +49,8 @@ export class ColumnMenuAutoSizeAllColumnsComponent extends ColumnMenuItemBase {
     autoSizeAllColumns() {
         autoSizeColumn(this.ctx.grid, this.service);
     }
-}
-ColumnMenuAutoSizeAllColumnsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnMenuAutoSizeAllColumnsComponent, deps: [{ token: i1.ContextService }], target: i0.ɵɵFactoryTarget.Component });
-ColumnMenuAutoSizeAllColumnsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ColumnMenuAutoSizeAllColumnsComponent, isStandalone: true, selector: "kendo-grid-columnmenu-autosize-all-columns", usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnMenuAutoSizeAllColumnsComponent, deps: [{ token: i1.ContextService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ColumnMenuAutoSizeAllColumnsComponent, isStandalone: true, selector: "kendo-grid-columnmenu-autosize-all-columns", usesInheritance: true, ngImport: i0, template: `
         <kendo-grid-columnmenu-item
             *ngIf="!this.ctx.grid.virtualColumns"
             [text]="ctx.localization.get('autosizeAllColumns')"
@@ -59,7 +59,8 @@ ColumnMenuAutoSizeAllColumnsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVer
             (itemClick)="autoSizeAllColumns()"
         ></kendo-grid-columnmenu-item>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: 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: "15.2.10", ngImport: i0, type: ColumnMenuAutoSizeAllColumnsComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnMenuAutoSizeAllColumnsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-grid-columnmenu-autosize-all-columns',

package/{esm2020 → esm2022}/column-menu/column-menu-autosize.component.mjs

@@ -32,10 +32,15 @@ import * as i1 from "../common/provider.service";
  * ```
  */
 export class ColumnMenuAutoSizeColumnComponent extends ColumnMenuItemBase {
+    ctx;
+    /**
+     * The Grid column instance which will be resized through the auto size column option.
+     */
+    column;
+    maxWidthIcon = maxWidthIcon;
     constructor(ctx) {
         super();
         this.ctx = ctx;
-        this.maxWidthIcon = maxWidthIcon;
     }
     ngOnInit() {
         const isVirtualColumns = this.ctx.grid.columnMenuTemplate && this.ctx.grid.virtualColumns;
@@ -49,9 +54,8 @@ export class ColumnMenuAutoSizeColumnComponent extends ColumnMenuItemBase {
     autoSizeColumn() {
         autoSizeColumn(this.ctx.grid, this.service, this.column);
     }
-}
-ColumnMenuAutoSizeColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnMenuAutoSizeColumnComponent, deps: [{ token: i1.ContextService }], target: i0.ɵɵFactoryTarget.Component });
-ColumnMenuAutoSizeColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ColumnMenuAutoSizeColumnComponent, isStandalone: true, selector: "kendo-grid-columnmenu-autosize-column", inputs: { column: "column" }, usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnMenuAutoSizeColumnComponent, deps: [{ token: i1.ContextService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ColumnMenuAutoSizeColumnComponent, isStandalone: true, selector: "kendo-grid-columnmenu-autosize-column", inputs: { column: "column" }, usesInheritance: true, ngImport: i0, template: `
         <kendo-grid-columnmenu-item
             *ngIf="!this.ctx.grid.virtualColumns"
             class="k-grid-columnmenu-autosize-column"
@@ -61,7 +65,8 @@ ColumnMenuAutoSizeColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion
             (itemClick)="autoSizeColumn()"
         ></kendo-grid-columnmenu-item>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: 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: "15.2.10", ngImport: i0, type: ColumnMenuAutoSizeColumnComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnMenuAutoSizeColumnComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-grid-columnmenu-autosize-column',