@progress/kendo-angular-treelist 21.4.1-develop.1 → 22.0.0-develop.1

package/esm2022/column-menu/column-list.component.mjs

@@ -1,380 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Component, HostBinding, Input, ElementRef, NgZone, Renderer2, Output, EventEmitter, QueryList, ViewChildren, ViewChild } from '@angular/core';
-import { NgClass } from '@angular/common';
-import { CheckBoxComponent } from '@progress/kendo-angular-inputs';
-import { take } from 'rxjs/operators';
-import { ColumnMenuChooserItemCheckedDirective } from './column-chooser-item-checked.directive';
-import { ColumnMenuService } from './column-menu.service';
-import { ColumnListKeyboardNavigation } from './column-list-kb-nav.service';
-import { Subscription } from 'rxjs';
-import { Keys, normalizeKeys } from '@progress/kendo-angular-common';
-import * as i0 from "@angular/core";
-import * as i1 from "./column-list-kb-nav.service";
-/**
- * @hidden
- */
-export class ColumnListComponent {
-    element;
-    ngZone;
-    renderer;
-    listNavigationService;
-    className = true;
-    reset = new EventEmitter();
-    apply = new EventEmitter();
-    columnChange = new EventEmitter();
-    set columns(value) {
-        this._columns = value.filter(column => column.includeInChooser !== false);
-        this.allColumns = value;
-        this.updateColumnState();
-    }
-    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;
-    checkboxes;
-    hasLocked;
-    hasVisibleLocked;
-    unlockedCount = 0;
-    hasUnlockedFiltered;
-    hasFiltered;
-    handledKeys = [Keys.ArrowDown, Keys.ArrowUp, Keys.Space];
-    _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;
-        }
-        this.ngZone.runOutsideAngular(() => {
-            this.domSubscriptions.add(this.renderer.listen(this.element.nativeElement, 'click', (e) => {
-                this.ngZone.onStable.pipe(take(1)).subscribe(() => {
-                    this.handleCheckBoxClick(e);
-                });
-            }));
-            this.domSubscriptions.add(this.renderer.listen(this.element.nativeElement, 'keydown', this.onKeydown));
-        });
-    }
-    ngAfterViewInit() {
-        this.listNavigationService.items = this.options.toArray();
-        this.listNavigationService.toggle(0, true);
-        this.ngZone.onStable.pipe(take(1)).subscribe(() => this.updateDisabled());
-    }
-    ngOnChanges(changes) {
-        if (!this.service) {
-            return;
-        }
-        if (changes['isLast'] && this.isLast) {
-            this.service.menuTabbingService.lastFocusable = this.applyButton.nativeElement;
-        }
-        if (changes['isExpanded'] && this.isExpanded && this.isLast && this.applyButton) {
-            this.service.menuTabbingService.lastFocusable = this.applyButton.nativeElement;
-        }
-    }
-    ngOnDestroy() {
-        this.domSubscriptions.unsubscribe();
-    }
-    isDisabled(column) {
-        return !(this.allowHideAll || this.hasFiltered || column.hidden || this.columns.find(current => current !== column && !current.hidden)) ||
-            (this.hasVisibleLocked && !this.hasUnlockedFiltered && this.unlockedCount === 1 && !column.locked && !column.hidden);
-    }
-    cancelChanges() {
-        this.checkboxes.forEach((element, index) => {
-            element.checkedState = !this.columns[index].hidden;
-        });
-        this.updateDisabled();
-        this.reset.emit();
-    }
-    applyChanges() {
-        const changed = [];
-        this.checkboxes.forEach((item, index) => {
-            const column = this.columns[index];
-            const hidden = !item.checkedState;
-            if (Boolean(column.hidden) !== hidden) {
-                column.hidden = hidden;
-                changed.push(column);
-            }
-        });
-        this.updateDisabled();
-        this.apply.emit(changed);
-    }
-    onTab(e) {
-        if (this.isLast) {
-            e.preventDefault();
-            if (this.service) {
-                this.service.menuTabbingService.firstFocusable.focus();
-            }
-            else {
-                this.listNavigationService.toggle(this.listNavigationService.activeIndex, true);
-            }
-        }
-    }
-    onKeydown = (e) => {
-        const code = normalizeKeys(e);
-        if (this.handledKeys.includes(code)) {
-            e.preventDefault();
-        }
-        if (e.key === 'Tab' && !e.shiftKey && this.autoSync) {
-            e.preventDefault();
-        }
-        if (e.key === 'Tab' && e.shiftKey) {
-            this.ngZone.run(() => {
-                if (e.target.matches('.k-column-list-item')) {
-                    e.preventDefault();
-                    this.resetButton?.nativeElement.focus();
-                }
-            });
-        }
-        if (code === Keys.ArrowDown) {
-            this.listNavigationService.next();
-        }
-        else if (code === Keys.ArrowUp) {
-            this.listNavigationService.prev();
-        }
-        else if (code === Keys.Space && e.target.classList.contains('k-column-list-item')) {
-            this.listNavigationService.toggleCheckedState();
-        }
-    };
-    updateDisabled() {
-        if (this.allowHideAll && !this.hasLocked) {
-            return;
-        }
-        // Cache visible columns to avoid repeated checks
-        const visibleColumns = [];
-        const columnMap = new Map();
-        this.checkboxes.forEach((checkbox, index) => {
-            // Reset all disabled states first
-            this.setDisabledState(checkbox, false);
-            if (checkbox.checkedState) {
-                visibleColumns.push({ checkbox, index });
-                columnMap.set(index, this.columns[index]);
-            }
-        });
-        // Only apply disabled states where needed
-        if (!this.allowHideAll && visibleColumns.length === 1 && !this.hasFiltered) {
-            this.setDisabledState(visibleColumns[0].checkbox, true);
-        }
-        else if (this.hasLocked && !this.hasUnlockedFiltered) {
-            const checkedUnlocked = visibleColumns.filter(item => !columnMap.get(item.index).locked);
-            if (checkedUnlocked.length === 1) {
-                this.setDisabledState(checkedUnlocked[0].checkbox, true);
-            }
-        }
-    }
-    updateColumnState() {
-        this.hasLocked = this.allColumns.filter(column => column.locked && (!column.hidden || column.includeInChooser !== false)).length > 0;
-        this.hasVisibleLocked = this.allColumns.filter(column => column.locked && !column.hidden).length > 0;
-        this.unlockedCount = this.columns.filter(column => !column.locked && !column.hidden).length;
-        const filteredColumns = this.allColumns.filter(column => column.includeInChooser === false && !column.hidden);
-        if (filteredColumns.length) {
-            this.hasFiltered = filteredColumns.length > 0;
-            this.hasUnlockedFiltered = filteredColumns.filter(column => !column.locked).length > 0;
-        }
-        else {
-            this.hasFiltered = false;
-            this.hasUnlockedFiltered = false;
-        }
-    }
-    setDisabledState(checkbox, disabled) {
-        if (checkbox.disabled !== disabled) {
-            this.ngZone.runOutsideAngular(() => {
-                checkbox.disabled = disabled;
-                const checkboxElement = checkbox.hostElement.nativeElement;
-                const parentElement = checkboxElement.parentElement;
-                if (disabled) {
-                    this.renderer.setAttribute(parentElement, 'aria-disabled', 'true');
-                }
-                else {
-                    this.renderer.removeAttribute(parentElement, 'aria-disabled');
-                }
-            });
-        }
-    }
-    handleCheckBoxClick = (e) => {
-        const closestItem = e.target.closest('.k-column-list-item');
-        if (closestItem) {
-            const checkboxElement = closestItem.querySelector('.k-checkbox-wrap');
-            const index = parseInt(checkboxElement.firstElementChild.getAttribute('data-index'), 10);
-            const checkbox = this.checkboxes.toArray()[index];
-            if (e.target === checkbox.input.nativeElement) {
-                closestItem.focus();
-                e.target.classList.remove('k-focus');
-            }
-            if (this.autoSync) {
-                if (!this.columns[index]) {
-                    return;
-                }
-                const column = this.columns[index];
-                const hidden = !checkbox.checkedState;
-                if (Boolean(column.hidden) !== hidden) {
-                    this.ngZone.runOutsideAngular(() => {
-                        column.hidden = hidden;
-                        this.ngZone.run(() => {
-                            this.columnChange.emit([column]);
-                        });
-                    });
-                }
-            }
-            else {
-                this.ngZone.run(() => this.updateDisabled());
-            }
-            if (index !== this.listNavigationService.activeIndex) {
-                this.listNavigationService.toggle(this.listNavigationService.activeIndex, false);
-                this.listNavigationService.activeIndex = index;
-                this.listNavigationService.toggle(index, true);
-            }
-        }
-    };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", 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: "17.0.0", version: "18.2.14", type: ColumnListComponent, isStandalone: true, selector: "kendo-treelist-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 }, { propertyName: "checkboxes", predicate: CheckBoxComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
-        <div
-          class="k-column-list"
-          role="listbox"
-          aria-multiselectable="true"
-          [attr.aria-label]="ariaLabel">
-          @for (column of columns; track column; let index = $index) {
-            <label
-              class='k-column-list-item'
-              [kendoColumnMenuChooserItemChecked]="!column.hidden"
-              role="option">
-              <kendo-checkbox
-                [inputAttributes]="{'data-index': index.toString()}"
-                [checkedState]="!column.hidden"
-                [disabled]="isDisabled(column)"
-                [tabindex]="-1"
-              ></kendo-checkbox>
-              <span class="k-checkbox-label">{{ column.displayTitle }}</span>
-            </label>
-          }
-        </div>
-        @if (!autoSync) {
-          <div [ngClass]="actionsClass">
-            <button
-              #applyButton
-              type="button"
-              class="k-button k-button-solid-primary k-button-solid k-button-md k-rounded-md k-button-rectangle"
-              (click)="applyChanges()"
-              (keydown.enter)="$event.preventDefault(); $event.stopPropagation(); applyChanges();"
-            (keydown.space)="$event.preventDefault(); $event.stopPropagation(); applyChanges();">{{ applyText }}</button>
-            <button
-              #resetButton
-              type="button"
-              (keydown.tab)="onTab($event)"
-              class="k-button k-button-solid-base k-button-solid k-button-md k-rounded-md k-button-rectangle"
-              (click)="cancelChanges()"
-              (keydown.enter)="$event.preventDefault(); $event.stopPropagation(); cancelChanges();"
-            (keydown.space)="$event.preventDefault(); $event.stopPropagation(); cancelChanges();">{{ resetText }}</button>
-          </div>
-        }
-        `, isInline: true, dependencies: [{ kind: "directive", type: ColumnMenuChooserItemCheckedDirective, selector: "[kendoColumnMenuChooserItemChecked]", inputs: ["kendoColumnMenuChooserItemChecked"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: CheckBoxComponent, selector: "kendo-checkbox", inputs: ["checkedState", "rounded"], outputs: ["checkedStateChange"], exportAs: ["kendoCheckBox"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColumnListComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-treelist-columnlist',
-                    providers: [ColumnListKeyboardNavigation],
-                    template: `
-        <div
-          class="k-column-list"
-          role="listbox"
-          aria-multiselectable="true"
-          [attr.aria-label]="ariaLabel">
-          @for (column of columns; track column; let index = $index) {
-            <label
-              class='k-column-list-item'
-              [kendoColumnMenuChooserItemChecked]="!column.hidden"
-              role="option">
-              <kendo-checkbox
-                [inputAttributes]="{'data-index': index.toString()}"
-                [checkedState]="!column.hidden"
-                [disabled]="isDisabled(column)"
-                [tabindex]="-1"
-              ></kendo-checkbox>
-              <span class="k-checkbox-label">{{ column.displayTitle }}</span>
-            </label>
-          }
-        </div>
-        @if (!autoSync) {
-          <div [ngClass]="actionsClass">
-            <button
-              #applyButton
-              type="button"
-              class="k-button k-button-solid-primary k-button-solid k-button-md k-rounded-md k-button-rectangle"
-              (click)="applyChanges()"
-              (keydown.enter)="$event.preventDefault(); $event.stopPropagation(); applyChanges();"
-            (keydown.space)="$event.preventDefault(); $event.stopPropagation(); applyChanges();">{{ applyText }}</button>
-            <button
-              #resetButton
-              type="button"
-              (keydown.tab)="onTab($event)"
-              class="k-button k-button-solid-base k-button-solid k-button-md k-rounded-md k-button-rectangle"
-              (click)="cancelChanges()"
-              (keydown.enter)="$event.preventDefault(); $event.stopPropagation(); cancelChanges();"
-            (keydown.space)="$event.preventDefault(); $event.stopPropagation(); cancelChanges();">{{ resetText }}</button>
-          </div>
-        }
-        `,
-                    standalone: true,
-                    imports: [ColumnMenuChooserItemCheckedDirective, NgClass, CheckBoxComponent]
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i1.ColumnListKeyboardNavigation }], propDecorators: { className: [{
-                type: HostBinding,
-                args: ["class.k-column-list-wrapper"]
-            }], reset: [{
-                type: Output
-            }], apply: [{
-                type: Output
-            }], columnChange: [{
-                type: Output
-            }], columns: [{
-                type: Input
-            }], autoSync: [{
-                type: Input
-            }], ariaLabel: [{
-                type: Input
-            }], allowHideAll: [{
-                type: Input
-            }], applyText: [{
-                type: Input
-            }], resetText: [{
-                type: Input
-            }], actionsClass: [{
-                type: Input
-            }], isLast: [{
-                type: Input
-            }], isExpanded: [{
-                type: Input
-            }], service: [{
-                type: Input
-            }], resetButton: [{
-                type: ViewChild,
-                args: ['resetButton', { static: false }]
-            }], applyButton: [{
-                type: ViewChild,
-                args: ['applyButton', { static: false }]
-            }], options: [{
-                type: ViewChildren,
-                args: [ColumnMenuChooserItemCheckedDirective]
-            }], checkboxes: [{
-                type: ViewChildren,
-                args: [CheckBoxComponent]
-            }] } });

package/esm2022/column-menu/column-locked-change-event.mjs

@@ -1,21 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Represents the event arguments for the `columnLockedChange` event in the Kendo UI for Angular TreeList.
- * Use this event to access the columns whose locked state has changed.
- *
- */
-export class ColumnLockedChangeEvent {
-    /**
-     * The array of columns whose locked state has changed.
-     */
-    columns;
-    /**
-     * @hidden
-     */
-    constructor(columns) {
-        this.columns = columns;
-    }
-}

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

@@ -1,78 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Component, isDevMode } from '@angular/core';
-import { displayInlineFlexIcon } from '@progress/kendo-svg-icons';
-import { ColumnMenuErrorMessages } from '../common/error-messages';
-import { ContextService } from '../common/provider.service';
-import { ColumnMenuItemBase } from './column-menu-item-base';
-import { autoSizeColumn } from './utils';
-import { ColumnMenuItemComponent } from './column-menu-item.component';
-import * as i0 from "@angular/core";
-import * as i1 from "../common/provider.service";
-/**
- * Represents the Kendo UI TreeList column-menu item for resizing all columns to fit the widest header or cell content without wrapping. [See example](slug:columnmenu_treelist#toc-autosize-all-columns-item).
- *
- * Place this component inside a [`ColumnMenuTemplate`]({% slug api_treelist_columnmenutemplatedirective %}) directive to enable the feature.
- * Register the component as a known column menu item by setting the [`ColumnMenuService`]({% slug api_treelist_columnmenuservice %}) to the `service` input. [See example](slug:columnmenu_treelist#toc-customizing-the-content).
- *
- * @example
- * ```html
- * <kendo-treelist [columnMenu]="true" ...>
- *   <ng-template kendoTreeListColumnMenuTemplate let-service="service">
- *     <kendo-treelist-columnmenu-autosize-all-columns [service]="service">
- *     </kendo-treelist-columnmenu-autosize-all-columns>
- *   </ng-template>
- * </kendo-treelist>
- * ```
- */
-export class ColumnMenuAutoSizeAllColumnsComponent extends ColumnMenuItemBase {
-    ctx;
-    displayInlineFlexIcon = displayInlineFlexIcon;
-    constructor(ctx) {
-        super();
-        this.ctx = ctx;
-    }
-    ngOnInit() {
-        const isVirtualColumns = this.ctx.treelist.columnMenuTemplate && this.ctx.treelist.virtualColumns;
-        if (isVirtualColumns && isDevMode()) {
-            console.warn(ColumnMenuErrorMessages.autoSizeAllColumns);
-        }
-    }
-    /**
-     * Resizes all columns to the minimum possible width so that they fit the widest header or cell content without wrapping.
-     */
-    autoSizeAllColumns() {
-        autoSizeColumn(this.ctx.treelist, this.service);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColumnMenuAutoSizeAllColumnsComponent, deps: [{ token: i1.ContextService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ColumnMenuAutoSizeAllColumnsComponent, isStandalone: true, selector: "kendo-treelist-columnmenu-autosize-all-columns", usesInheritance: true, ngImport: i0, template: `
-        @if (!this.ctx.treelist.virtualColumns) {
-          <kendo-treelist-columnmenu-item
-            [text]="ctx.localization.get('autosizeAllColumns')"
-            icon="display-inline-flex"
-            [svgIcon]="displayInlineFlexIcon"
-            (itemClick)="autoSizeAllColumns()"
-          ></kendo-treelist-columnmenu-item>
-        }
-        `, isInline: true, dependencies: [{ kind: "component", type: ColumnMenuItemComponent, selector: "kendo-treelist-columnmenu-item", inputs: ["icon", "svgIcon", "text", "selected", "disabled", "expanded", "service"], outputs: ["itemClick", "expand", "collapse"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColumnMenuAutoSizeAllColumnsComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-treelist-columnmenu-autosize-all-columns',
-                    template: `
-        @if (!this.ctx.treelist.virtualColumns) {
-          <kendo-treelist-columnmenu-item
-            [text]="ctx.localization.get('autosizeAllColumns')"
-            icon="display-inline-flex"
-            [svgIcon]="displayInlineFlexIcon"
-            (itemClick)="autoSizeAllColumns()"
-          ></kendo-treelist-columnmenu-item>
-        }
-        `,
-                    standalone: true,
-                    imports: [ColumnMenuItemComponent]
-                }]
-        }], ctorParameters: () => [{ type: i1.ContextService }] });

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

@@ -1,86 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Component, Input, isDevMode } from '@angular/core';
-import { maxWidthIcon } from '@progress/kendo-svg-icons';
-import { ContextService } from '../common/provider.service';
-import { ColumnMenuItemBase } from './column-menu-item-base';
-import { autoSizeColumn } from './utils';
-import { ColumnMenuItemComponent } from './column-menu-item.component';
-import { ColumnMenuErrorMessages } from '../common/error-messages';
-import * as i0 from "@angular/core";
-import * as i1 from "../common/provider.service";
-/**
- * Represents the Kendo UI for Angular TreeList column-menu item for resizing a specified column to fit the header or cell content without wrapping. [See example](slug:columnmenu_treelist#toc-customizing-the-content).
- *
- * Place this component inside a [`ColumnMenuTemplate`]({% slug api_treelist_columnmenutemplatedirective %}) directive to enable the feature.
- * Set the [`ColumnMenuService`]({% slug api_treelist_columnmenuservice %}) and `column` inputs using the values passed by the template.
- *
- * @example
- * ```html
- * <kendo-treelist [columnMenu]="true" ...>
- *   <ng-template kendoTreeListColumnMenuTemplate let-service="service" let-column="column">
- *     <kendo-treelist-columnmenu-autosize-column [column]="column" [service]="service">
- *     </kendo-treelist-columnmenu-autosize-column>
- *   </ng-template>
- * </kendo-treelist>
- * ```
- */
-export class ColumnMenuAutoSizeColumnComponent extends ColumnMenuItemBase {
-    ctx;
-    /**
-     * The TreeList column instance to resize with the auto size column option.
-     */
-    column;
-    maxWidthIcon = maxWidthIcon;
-    constructor(ctx) {
-        super();
-        this.ctx = ctx;
-    }
-    ngOnInit() {
-        const isVirtualColumns = this.ctx.treelist.columnMenuTemplate && this.ctx.treelist.virtualColumns;
-        if (isVirtualColumns && isDevMode()) {
-            console.warn(ColumnMenuErrorMessages.autoSizeColumn);
-        }
-    }
-    /**
-     * Resizes the specified column to the minimum possible width so that it fits the widest header or cell content without wrapping.
-     */
-    autoSizeColumn() {
-        autoSizeColumn(this.ctx.treelist, this.service, this.column);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColumnMenuAutoSizeColumnComponent, deps: [{ token: i1.ContextService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ColumnMenuAutoSizeColumnComponent, isStandalone: true, selector: "kendo-treelist-columnmenu-autosize-column", inputs: { column: "column" }, usesInheritance: true, ngImport: i0, template: `
-        @if (!this.ctx.treelist.virtualColumns) {
-          <kendo-treelist-columnmenu-item
-            class="k-grid-columnmenu-autosize-column"
-            [text]="ctx.localization.get('autosizeThisColumn')"
-            icon="max-width"
-            [svgIcon]="maxWidthIcon"
-            (itemClick)="autoSizeColumn()"
-          ></kendo-treelist-columnmenu-item>
-        }
-        `, isInline: true, dependencies: [{ kind: "component", type: ColumnMenuItemComponent, selector: "kendo-treelist-columnmenu-item", inputs: ["icon", "svgIcon", "text", "selected", "disabled", "expanded", "service"], outputs: ["itemClick", "expand", "collapse"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColumnMenuAutoSizeColumnComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-treelist-columnmenu-autosize-column',
-                    template: `
-        @if (!this.ctx.treelist.virtualColumns) {
-          <kendo-treelist-columnmenu-item
-            class="k-grid-columnmenu-autosize-column"
-            [text]="ctx.localization.get('autosizeThisColumn')"
-            icon="max-width"
-            [svgIcon]="maxWidthIcon"
-            (itemClick)="autoSizeColumn()"
-          ></kendo-treelist-columnmenu-item>
-        }
-        `,
-                    standalone: true,
-                    imports: [ColumnMenuItemComponent]
-                }]
-        }], ctorParameters: () => [{ type: i1.ContextService }], propDecorators: { column: [{
-                type: Input
-            }] } });