@progress/kendo-angular-treelist 17.0.0-develop.4 → 17.0.0-develop.40

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-chooser.component.mjs

@@ -23,32 +23,35 @@ import * as i2 from "../common/column-info.service";
  *
  */
 export class ColumnMenuChooserComponent extends ColumnMenuItemBase {
+    localization;
+    columnInfoService;
+    changeDetector;
+    /**
+     * Fires when the content is expanded.
+     */
+    expand = new EventEmitter();
+    /**
+     * Fires when the content is collapsed.
+     */
+    collapse = new EventEmitter();
+    /**
+     * Specifies if the content is expanded.
+     * @default false
+     */
+    expanded = false;
+    /**
+     * @hidden
+     */
+    actionsClass = 'k-actions';
+    get columns() {
+        return this.columnInfoService.leafNamedColumns;
+    }
+    columnsIcon = columnsIcon;
     constructor(localization, columnInfoService, changeDetector) {
         super();
         this.localization = localization;
         this.columnInfoService = columnInfoService;
         this.changeDetector = changeDetector;
-        /**
-         * Fires when the content is expanded.
-         */
-        this.expand = new EventEmitter();
-        /**
-         * Fires when the content is collapsed.
-         */
-        this.collapse = new EventEmitter();
-        /**
-         * Specifies if the content is expanded.
-         * @default false
-         */
-        this.expanded = false;
-        /**
-         * @hidden
-         */
-        this.actionsClass = 'k-actions';
-        this.columnsIcon = columnsIcon;
-    }
-    get columns() {
-        return this.columnInfoService.leafNamedColumns;
     }
     /**
      * @hidden
@@ -60,9 +63,8 @@ export class ColumnMenuChooserComponent extends ColumnMenuItemBase {
             this.columnInfoService.changeVisibility(changed);
         }
     }
-}
-ColumnMenuChooserComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnMenuChooserComponent, deps: [{ token: i1.LocalizationService }, { token: i2.ColumnInfoService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-ColumnMenuChooserComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ColumnMenuChooserComponent, isStandalone: true, selector: "kendo-treelist-columnmenu-chooser", inputs: { expanded: "expanded" }, outputs: { expand: "expand", collapse: "collapse" }, usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnMenuChooserComponent, deps: [{ token: i1.LocalizationService }, { token: i2.ColumnInfoService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ColumnMenuChooserComponent, isStandalone: true, selector: "kendo-treelist-columnmenu-chooser", inputs: { expanded: "expanded" }, outputs: { expand: "expand", collapse: "collapse" }, usesInheritance: true, ngImport: i0, template: `
         <kendo-treelist-columnmenu-item
             [text]="localization.get('columns')"
             icon="columns"
@@ -83,7 +85,8 @@ ColumnMenuChooserComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0
             </ng-template>
         </kendo-treelist-columnmenu-item>
     `, isInline: true, dependencies: [{ kind: "component", type: ColumnMenuItemComponent, selector: "kendo-treelist-columnmenu-item", inputs: ["icon", "svgIcon", "text", "selected", "disabled", "expanded"], outputs: ["itemClick", "expand", "collapse"] }, { kind: "directive", type: ColumnMenuItemContentTemplateDirective, selector: "[kendoTreeListColumnMenuItemContentTemplate]" }, { kind: "component", type: ColumnListComponent, selector: "kendo-treelist-columnlist", inputs: ["columns", "autoSync", "allowHideAll", "applyText", "resetText", "actionsClass"], outputs: ["reset", "apply", "columnChange"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnMenuChooserComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnMenuChooserComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-treelist-columnmenu-chooser',

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

@@ -21,31 +21,31 @@ import * as i1 from "@progress/kendo-angular-l10n";
  *
  */
 export class ColumnMenuFilterComponent extends ColumnMenuItemBase {
+    localization;
+    /**
+     * Fires when the content is expanded.
+     */
+    expand = new EventEmitter();
+    /**
+     * Fires when the content is collapsed.
+     */
+    collapse = new EventEmitter();
+    /**
+     * Specifies if the content is expanded.
+     * @default false
+     */
+    expanded = false;
+    /**
+     * @hidden
+     */
+    actionsClass = 'k-actions';
+    filterIcon = filterIcon;
     constructor(localization) {
         super();
         this.localization = localization;
-        /**
-         * Fires when the content is expanded.
-         */
-        this.expand = new EventEmitter();
-        /**
-         * Fires when the content is collapsed.
-         */
-        this.collapse = new EventEmitter();
-        /**
-         * Specifies if the content is expanded.
-         * @default false
-         */
-        this.expanded = false;
-        /**
-         * @hidden
-         */
-        this.actionsClass = 'k-actions';
-        this.filterIcon = filterIcon;
     }
-}
-ColumnMenuFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnMenuFilterComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-ColumnMenuFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ColumnMenuFilterComponent, isStandalone: true, selector: "kendo-treelist-columnmenu-filter", inputs: { expanded: "expanded" }, outputs: { expand: "expand", collapse: "collapse" }, usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnMenuFilterComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ColumnMenuFilterComponent, isStandalone: true, selector: "kendo-treelist-columnmenu-filter", inputs: { expanded: "expanded" }, outputs: { expand: "expand", collapse: "collapse" }, usesInheritance: true, ngImport: i0, template: `
         <kendo-treelist-columnmenu-item
             [text]="localization.get('filter')"
             icon="filter"
@@ -63,7 +63,8 @@ ColumnMenuFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
                 </ng-template>
         </kendo-treelist-columnmenu-item>
     `, isInline: true, dependencies: [{ kind: "component", type: ColumnMenuItemComponent, selector: "kendo-treelist-columnmenu-item", inputs: ["icon", "svgIcon", "text", "selected", "disabled", "expanded"], outputs: ["itemClick", "expand", "collapse"] }, { kind: "directive", type: ColumnMenuItemContentTemplateDirective, selector: "[kendoTreeListColumnMenuItemContentTemplate]" }, { kind: "component", type: FilterMenuContainerComponent, selector: "kendo-treelist-filter-menu-container", inputs: ["column", "filter", "actionsClass"], outputs: ["close"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnMenuFilterComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnMenuFilterComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-treelist-columnmenu-filter',

package/{esm2020 → esm2022}/column-menu/column-menu-item-base.mjs

@@ -9,9 +9,12 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class ColumnMenuItemBase {
-    constructor() {
-        this.hostClass = true;
-    }
+    /**
+     * Represents the [`ColumnMenuService`]({% slug api_treelist_columnmenuservice %}) class.
+     * Requires a mandatory input.
+     */
+    service;
+    hostClass = true;
     ngOnInit() {
         if (isDevMode() && !this.service) {
             throw new Error('The service input of the predefined column menu components is mandatory.');
@@ -23,10 +26,10 @@ export class ColumnMenuItemBase {
     close() {
         this.service.close();
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnMenuItemBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ColumnMenuItemBase, inputs: { service: "service" }, host: { properties: { "class.k-columnmenu-item-wrapper": "this.hostClass" } }, ngImport: i0 });
 }
-ColumnMenuItemBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnMenuItemBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-ColumnMenuItemBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ColumnMenuItemBase, inputs: { service: "service" }, host: { properties: { "class.k-columnmenu-item-wrapper": "this.hostClass" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnMenuItemBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnMenuItemBase, decorators: [{
             type: Directive,
             args: [{}]
         }], propDecorators: { service: [{

package/{esm2020 → esm2022}/column-menu/column-menu-item-content-template.directive.mjs

@@ -27,13 +27,14 @@ import * as i0 from "@angular/core";
  * ```
  */
 export class ColumnMenuItemContentTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnMenuItemContentTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ColumnMenuItemContentTemplateDirective, isStandalone: true, selector: "[kendoTreeListColumnMenuItemContentTemplate]", ngImport: i0 });
 }
-ColumnMenuItemContentTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnMenuItemContentTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-ColumnMenuItemContentTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ColumnMenuItemContentTemplateDirective, isStandalone: true, selector: "[kendoTreeListColumnMenuItemContentTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnMenuItemContentTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnMenuItemContentTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoTreeListColumnMenuItemContentTemplate]',

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

@@ -23,23 +23,48 @@ import * as i0 from "@angular/core";
  * ```
  */
 export class ColumnMenuItemComponent {
-    constructor() {
-        /**
-         * Fires when the item is clicked.
-         */
-        this.itemClick = new EventEmitter();
-        /**
-         * Fires when the content is expanded.
-         */
-        this.expand = new EventEmitter();
-        /**
-         * Fires when the content is collapsed.
-         */
-        this.collapse = new EventEmitter();
-        this.contentState = 'collapsed';
-        this.chevronUpIcon = chevronUpIcon;
-        this.chevronDownIcon = chevronDownIcon;
-    }
+    /**
+     * Fires when the item is clicked.
+     */
+    itemClick = new EventEmitter();
+    /**
+     * Fires when the content is expanded.
+     */
+    expand = new EventEmitter();
+    /**
+     * Fires when the content is collapsed.
+     */
+    collapse = new EventEmitter();
+    /**
+     * Specifies the name of the [font icon]({% slug icons %}#toc-list-of-font-icons)
+     * that will be rendered for the item.
+     */
+    icon;
+    /**
+     * Specifies the name of the [SVG icon]({% slug svgicon_list %})
+     * that will be rendered for the item.
+     */
+    svgIcon;
+    /**
+     * Specifies the item text.
+     */
+    text;
+    /**
+     * Specifies if the item is selected.
+     */
+    selected;
+    /**
+     * Specifies if the item is disabled.
+     */
+    disabled;
+    /**
+     * Specifies if the item is expanded.
+     */
+    expanded;
+    contentTemplate;
+    contentState = 'collapsed';
+    chevronUpIcon = chevronUpIcon;
+    chevronDownIcon = chevronDownIcon;
     get expandedIcon() {
         return this.expanded ? 'arrow-chevron-up' : 'arrow-chevron-down';
     }
@@ -70,9 +95,8 @@ export class ColumnMenuItemComponent {
     updateContentState() {
         this.contentState = this.expanded ? 'expanded' : 'collapsed';
     }
-}
-ColumnMenuItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ColumnMenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ColumnMenuItemComponent, isStandalone: true, selector: "kendo-treelist-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: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ColumnMenuItemComponent, isStandalone: true, selector: "kendo-treelist-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: `
         <div *ngIf="contentTemplate; else content" class="k-expander">
             <ng-container [ngTemplateOutlet]="content"></ng-container>
         </div>
@@ -97,29 +121,30 @@ ColumnMenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
             </div>
         </ng-template>
     `, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [
-        trigger('state', [
-            state('collapsed', style({ display: 'none' })),
-            state('expanded', style({ display: 'block' })),
-            transition('collapsed => expanded', [
-                style({
-                    height: '0px',
-                    display: 'block'
-                }),
-                animate('100ms ease-in', style({
-                    height: '*'
-                }))
-            ]),
-            transition('expanded => collapsed', [
-                style({
-                    height: '*'
-                }),
-                animate('100ms ease-in', style({
-                    height: '0px'
-                }))
+            trigger('state', [
+                state('collapsed', style({ display: 'none' })),
+                state('expanded', style({ display: 'block' })),
+                transition('collapsed => expanded', [
+                    style({
+                        height: '0px',
+                        display: 'block'
+                    }),
+                    animate('100ms ease-in', style({
+                        height: '*'
+                    }))
+                ]),
+                transition('expanded => collapsed', [
+                    style({
+                        height: '*'
+                    }),
+                    animate('100ms ease-in', style({
+                        height: '0px'
+                    }))
+                ])
             ])
-        ])
-    ] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnMenuItemComponent, decorators: [{
+        ] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnMenuItemComponent, decorators: [{
             type: Component,
             args: [{
                     animations: [

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

@@ -21,13 +21,16 @@ import * as i2 from "../common/column-info.service";
  *
  */
 export class ColumnMenuLockComponent extends ColumnMenuItemBase {
+    localization;
+    columnInfoService;
+    changeDetector;
+    unlockIcon = unlockIcon;
+    lockIcon = lockIcon;
     constructor(localization, columnInfoService, changeDetector) {
         super();
         this.localization = localization;
         this.columnInfoService = columnInfoService;
         this.changeDetector = changeDetector;
-        this.unlockIcon = unlockIcon;
-        this.lockIcon = lockIcon;
     }
     get text() {
         return this.localization.get(this.locked ? 'unlock' : 'lock');
@@ -69,9 +72,8 @@ export class ColumnMenuLockComponent extends ColumnMenuItemBase {
     get locked() {
         return this.service.column.locked;
     }
-}
-ColumnMenuLockComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnMenuLockComponent, deps: [{ token: i1.LocalizationService }, { token: i2.ColumnInfoService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-ColumnMenuLockComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ColumnMenuLockComponent, isStandalone: true, selector: "kendo-treelist-columnmenu-lock", usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnMenuLockComponent, deps: [{ token: i1.LocalizationService }, { token: i2.ColumnInfoService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ColumnMenuLockComponent, isStandalone: true, selector: "kendo-treelist-columnmenu-lock", usesInheritance: true, ngImport: i0, template: `
        <kendo-treelist-columnmenu-item
            [text]="text"
            [icon]="icon"
@@ -80,7 +82,8 @@ ColumnMenuLockComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
            [disabled]="disabled">
        </kendo-treelist-columnmenu-item>
     `, isInline: true, dependencies: [{ kind: "component", type: ColumnMenuItemComponent, selector: "kendo-treelist-columnmenu-item", inputs: ["icon", "svgIcon", "text", "selected", "disabled", "expanded"], outputs: ["itemClick", "expand", "collapse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnMenuLockComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnMenuLockComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-treelist-columnmenu-lock',

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

@@ -22,12 +22,14 @@ import * as i2 from "../common/sort.service";
  *
  */
 export class ColumnMenuSortComponent extends ColumnMenuItemBase {
+    localization;
+    sortService;
+    sortAscSmallIcon = sortAscSmallIcon;
+    sortDescSmallIcon = sortDescSmallIcon;
     constructor(localization, sortService) {
         super();
         this.localization = localization;
         this.sortService = sortService;
-        this.sortAscSmallIcon = sortAscSmallIcon;
-        this.sortDescSmallIcon = sortDescSmallIcon;
     }
     get sortedAsc() {
         const descriptor = this.descriptor;
@@ -59,9 +61,8 @@ export class ColumnMenuSortComponent extends ColumnMenuItemBase {
     get descriptor() {
         return [].concat(this.service.sort || []).find(s => s.field === this.service.column.field);
     }
-}
-ColumnMenuSortComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnMenuSortComponent, deps: [{ token: i1.LocalizationService }, { token: i2.SortService }], target: i0.ɵɵFactoryTarget.Component });
-ColumnMenuSortComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ColumnMenuSortComponent, isStandalone: true, selector: "kendo-treelist-columnmenu-sort", usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnMenuSortComponent, deps: [{ token: i1.LocalizationService }, { token: i2.SortService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ColumnMenuSortComponent, isStandalone: true, selector: "kendo-treelist-columnmenu-sort", usesInheritance: true, ngImport: i0, template: `
         <kendo-treelist-columnmenu-item
             [text]="localization.get('sortAscending')"
             icon="sort-asc-small"
@@ -77,7 +78,8 @@ ColumnMenuSortComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
             [selected]="sortedDesc">
         </kendo-treelist-columnmenu-item>
     `, isInline: true, dependencies: [{ kind: "component", type: ColumnMenuItemComponent, selector: "kendo-treelist-columnmenu-item", inputs: ["icon", "svgIcon", "text", "selected", "disabled", "expanded"], outputs: ["itemClick", "expand", "collapse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnMenuSortComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnMenuSortComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-treelist-columnmenu-sort',

package/{esm2020 → esm2022}/column-menu/column-menu-template.directive.mjs

@@ -31,13 +31,14 @@ import * as i0 from "@angular/core";
  * ```
  */
 export class ColumnMenuTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnMenuTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ColumnMenuTemplateDirective, isStandalone: true, selector: "[kendoTreeListColumnMenuTemplate]", ngImport: i0 });
 }
-ColumnMenuTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnMenuTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-ColumnMenuTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ColumnMenuTemplateDirective, isStandalone: true, selector: "[kendoTreeListColumnMenuTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnMenuTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnMenuTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoTreeListColumnMenuTemplate]',

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

@@ -24,32 +24,56 @@ const POPUP_CLASSES = 'k-grid-columnmenu-popup k-column-menu';
  * Represents the [column menu]({% slug columnmenu_treelist %}) component of the TreeList.
  */
 export class ColumnMenuComponent {
+    popupService;
+    localization;
+    service;
+    cdr;
+    /**
+     * @hidden
+     */
+    standalone = true;
+    /**
+     * The TreeList column instance to control with the menu.
+     */
+    column;
+    /**
+     * The settings for the Column Menu.
+     */
+    settings = {};
+    /**
+     * The descriptors by which the data will be sorted.
+     * Typically bound to the same value as [TreeListComponent.sort]({% slug api_treelist_treelistcomponent %}#toc-sort).
+     */
+    sort;
+    /**
+     * The descriptor by which the data will be filtered.
+     * Typically bound to the same value as [TreeListComponent.filter]({% slug api_treelist_treelistcomponent %}#toc-filter).
+     */
+    filter;
+    /**
+     * @hidden
+     */
+    sortable = true;
+    /**
+     * @hidden
+     */
+    columnMenuTemplate;
+    /**
+     * @hidden
+     */
+    expandedFilter = false;
+    /**
+     * @hidden
+     */
+    expandedColumns = false;
+    moreVerticalIcon = moreVerticalIcon;
+    popupRef;
+    closeSubscription;
     constructor(popupService, localization, service, cdr) {
         this.popupService = popupService;
         this.localization = localization;
         this.service = service;
         this.cdr = cdr;
-        /**
-         * @hidden
-         */
-        this.standalone = true;
-        /**
-         * The settings for the Column Menu.
-         */
-        this.settings = {};
-        /**
-         * @hidden
-         */
-        this.sortable = true;
-        /**
-         * @hidden
-         */
-        this.expandedFilter = false;
-        /**
-         * @hidden
-         */
-        this.expandedColumns = false;
-        this.moreVerticalIcon = moreVerticalIcon;
         this.closeSubscription = service.closeMenu.subscribe(this.close.bind(this));
     }
     /**
@@ -124,9 +148,8 @@ export class ColumnMenuComponent {
         this.expandedFilter = true;
         this.expandedColumns = false;
     }
-}
-ColumnMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnMenuComponent, deps: [{ token: i1.SinglePopupService }, { token: i2.LocalizationService }, { token: i3.ColumnMenuService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-ColumnMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ColumnMenuComponent, isStandalone: true, selector: "kendo-treelist-column-menu", inputs: { standalone: "standalone", column: "column", settings: "settings", sort: "sort", filter: "filter", sortable: "sortable", columnMenuTemplate: "columnMenuTemplate" }, host: { properties: { "class.k-grid-column-menu-standalone": "this.standalone" } }, providers: [ColumnMenuService], usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnMenuComponent, deps: [{ token: i1.SinglePopupService }, { token: i2.LocalizationService }, { token: i3.ColumnMenuService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ColumnMenuComponent, isStandalone: true, selector: "kendo-treelist-column-menu", inputs: { standalone: "standalone", column: "column", settings: "settings", sort: "sort", filter: "filter", sortable: "sortable", columnMenuTemplate: "columnMenuTemplate" }, host: { properties: { "class.k-grid-column-menu-standalone": "this.standalone" } }, providers: [ColumnMenuService], usesOnChanges: true, ngImport: i0, template: `
         <a #anchor
             class="k-grid-column-menu k-grid-header-menu"
             [ngClass]="{ 'k-active': isActive }"
@@ -156,7 +179,8 @@ ColumnMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
             </kendo-treelist-columnmenu-filter>
         </ng-template>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ColumnMenuSortComponent, selector: "kendo-treelist-columnmenu-sort" }, { kind: "component", type: ColumnMenuLockComponent, selector: "kendo-treelist-columnmenu-lock" }, { kind: "component", type: ColumnMenuChooserComponent, selector: "kendo-treelist-columnmenu-chooser", inputs: ["expanded"], outputs: ["expand", "collapse"] }, { kind: "component", type: ColumnMenuFilterComponent, selector: "kendo-treelist-columnmenu-filter", inputs: ["expanded"], outputs: ["expand", "collapse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnMenuComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnMenuComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [ColumnMenuService],

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

@@ -21,21 +21,35 @@ import * as i0 from "@angular/core";
  * ```
  */
 export class ColumnMenuService {
-    constructor() {
-        /**
-         * @hidden
-         */
-        this.closeMenu = new EventEmitter();
-    }
+    /**
+     * @hidden
+     */
+    closeMenu = new EventEmitter();
+    /**
+     * @hidden
+     */
+    column;
+    /**
+     * @hidden
+     */
+    sort;
+    /**
+     * @hidden
+     */
+    filter;
+    /**
+     * @hidden
+     */
+    sortable;
     /**
      * Closes the column menu.
      */
     close() {
         this.closeMenu.emit();
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnMenuService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnMenuService });
 }
-ColumnMenuService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnMenuService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-ColumnMenuService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnMenuService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnMenuService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnMenuService, decorators: [{
             type: Injectable
         }] });

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

@@ -6,6 +6,10 @@
  * Arguments for the `columnVisibilityChange` event.
  */
 export class ColumnVisibilityChangeEvent {
+    /**
+     * The columns whose visibility is changed.
+     */
+    columns;
     /**
      * @hidden
      */