@progress/kendo-angular-treelist 17.0.0-develop.8 → 17.0.0

package/{esm2020 → esm2022}/column-resizing/table.directive.mjs

@@ -37,17 +37,26 @@ const pipe = (...fns) => data => fns.reduce((state, fn) => state ? fn(state) : 0
  * @hidden
  */
 export class TableDirective {
+    element;
+    renderer;
+    service;
+    zone;
+    cdr;
+    locked = false;
+    virtualColumns;
+    get minWidth() {
+        return this.firstResize ? 0 : null;
+    }
+    originalWidth;
+    firstResize = false;
+    subscription;
+    autoFitSubscription;
     constructor(element, renderer, service, zone, cdr) {
         this.element = element;
         this.renderer = renderer;
         this.service = service;
         this.zone = zone;
         this.cdr = cdr;
-        this.locked = false;
-        this.firstResize = false;
-    }
-    get minWidth() {
-        return this.firstResize ? 0 : null;
     }
     ngOnInit() {
         const obs = this.service
@@ -102,10 +111,10 @@ export class TableDirective {
         }
         return Math.max(header, data);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.ColumnResizingService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TableDirective, isStandalone: true, selector: "[kendoTreeListResizableTable]", inputs: { locked: "locked", virtualColumns: "virtualColumns" }, host: { properties: { "style.min-width": "this.minWidth" } }, ngImport: i0 });
 }
-TableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TableDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.ColumnResizingService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-TableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TableDirective, isStandalone: true, selector: "[kendoTreeListResizableTable]", inputs: { locked: "locked", virtualColumns: "virtualColumns" }, host: { properties: { "style.min-width": "this.minWidth" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TableDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoTreeListResizableTable]',

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

@@ -11,26 +11,41 @@ import * as i1 from "./column-base";
  * Represents the checkbox for selecting rows in the TreeList. [See example](slug:treelist_row_selection#toc-select-all-checkbox).
  */
 export class CheckboxColumnComponent extends ColumnBase {
+    parent;
+    /**
+     * Determines whether a select-all checkbox will be displayed in the header.
+     */
+    showSelectAll;
+    /**
+     * Determines whether checkbox click should select / unselect all children
+     */
+    checkChildren;
+    /**
+     * Defines whether the expanded indicator should be rendered in the column.
+     * @default false
+     */
+    expandable;
+    /*
+     * @hidden
+     */
+    isCheckboxColumn = true;
+    template;
     constructor(parent) {
         super(parent);
         this.parent = parent;
-        /*
-         * @hidden
-         */
-        this.isCheckboxColumn = true;
     }
     get templateRef() {
         return this.template ? this.template.templateRef : undefined;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckboxColumnComponent, deps: [{ token: i1.ColumnBase, host: true, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CheckboxColumnComponent, isStandalone: true, selector: "kendo-treelist-checkbox-column", inputs: { showSelectAll: "showSelectAll", checkChildren: "checkChildren", expandable: "expandable" }, providers: [
+            {
+                provide: ColumnBase,
+                useExisting: forwardRef(() => CheckboxColumnComponent)
+            }
+        ], queries: [{ propertyName: "template", first: true, predicate: CellTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
-CheckboxColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CheckboxColumnComponent, deps: [{ token: i1.ColumnBase, host: true, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component });
-CheckboxColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CheckboxColumnComponent, isStandalone: true, selector: "kendo-treelist-checkbox-column", inputs: { showSelectAll: "showSelectAll", checkChildren: "checkChildren", expandable: "expandable" }, providers: [
-        {
-            provide: ColumnBase,
-            useExisting: forwardRef(() => CheckboxColumnComponent)
-        }
-    ], queries: [{ propertyName: "template", first: true, predicate: CellTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CheckboxColumnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckboxColumnComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [

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

@@ -26,78 +26,18 @@ const isColumnContainer = column => column.isColumnGroup || isSpanColumn(column)
  * The base class for the column components of the TreeList.
  */
 export class ColumnBase {
+    parent;
+    optionChanges;
     /**
      * @hidden
      */
-    constructor(parent, optionChanges) {
-        this.parent = parent;
-        this.optionChanges = optionChanges;
-        /**
-         * @hidden
-         */
-        this.matchesMedia = true;
-        /**
-         * The column index after reordering.
-         * The orderIndex` is a read-only property. Setting this field does not affect column order.
-         * @default 0
-         */
-        this.orderIndex = 0;
-        /**
-         * @hidden
-         */
-        this.isColumnGroup = false;
-        /**
-         * @hidden
-         */
-        this.isSpanColumn = false;
-        /**
-         * Indicates whether the column is resizable.
-         * @default true
-         */
-        this.resizable = true;
-        /**
-         * Indicates whether the column is reorderable.
-         * @default true
-         */
-        this.reorderable = true;
-        /**
-         * The width (in pixels) below which the user is not able to resize the column by using the UI.
-         * @default 10
-         */
-        this.minResizableWidth = 10;
-        this._locked = false;
-        /**
-         * Specifies if the column can be locked or unlocked from the column menu or by reordering the columns.
-         * @default true
-         */
-        this.lockable = true;
-        /**
-         * Specifies if the column menu will be shown for the column.
-         * @default true
-         */
-        this.columnMenu = true;
-        /**
-         * Specifies if the column will be included in the column-chooser list.
-         * @default true
-         */
-        this.includeInChooser = true;
-        /**
-         * Allows setting the `role` attribute for the table cells (excluding the footer and header ones) of the column.
-         * @default "gridcell"
-         */
-        this.tableCellsRole = 'gridcell';
-        /**
-         * @hidden
-         */
-        this.headerTemplates = new QueryList();
-        /**
-         * @hidden
-         */
-        this.columnMenuTemplates = new QueryList();
-        if (parent && !isColumnContainer(parent)) {
-            throw new Error('Columns can be nested only inside ColumnGroupComponent');
-        }
-    }
+    matchesMedia = true;
+    /**
+     * The column index after reordering.
+     * The orderIndex` is a read-only property. Setting this field does not affect column order.
+     * @default 0
+     */
+    orderIndex = 0;
     /**
      * @hidden
      */
@@ -110,6 +50,34 @@ export class ColumnBase {
     get leafIndex() {
         return this._leafIndex;
     }
+    _leafIndex;
+    /**
+     * @hidden
+     */
+    isColumnGroup = false;
+    /**
+     * @hidden
+     */
+    isSpanColumn = false;
+    /**
+     * Indicates whether the column is resizable.
+     * @default true
+     */
+    resizable = true;
+    /**
+     * Indicates whether the column is reorderable.
+     * @default true
+     */
+    reorderable = true;
+    /**
+     * The width (in pixels) below which the user is not able to resize the column by using the UI.
+     * @default 10
+     */
+    minResizableWidth = 10;
+    /**
+     * The title of the column.
+     */
+    title;
     /**
      * The width of the column (in pixels).
      */
@@ -117,6 +85,10 @@ export class ColumnBase {
         this._width = parseInt(value, 10);
     }
     get width() { return this._width; }
+    /**
+     * Indicates whether the column will be resized during initialization so that it fits its header and row content.
+     */
+    autoSize;
     /**
      * Toggles the locked (frozen) state of the columns ([more information and example](slug:locked_columns_treelist)).
      *
@@ -128,6 +100,91 @@ export class ColumnBase {
     get locked() {
         return this._locked;
     }
+    _locked = false;
+    /**
+     * Sets the visibility of the column ([see example](slug:hidden_columns_treelist#toc-using-the-built-in-options)).
+     *
+     * @default false
+     */
+    hidden;
+    /**
+     * Sets the condition that needs to be satisfied for a column to remain visible ([see example](slug:responsive_treelist#toc-columns)).
+     * If you set the `hidden` property, the behavior of `media` is overridden.
+     */
+    media;
+    /**
+     * Specifies if the column can be locked or unlocked from the column menu or by reordering the columns.
+     * @default true
+     */
+    lockable = true;
+    /**
+     * Specifies if the column menu will be shown for the column.
+     * @default true
+     */
+    columnMenu = true;
+    /**
+     * Specifies if the column will be included in the column-chooser list.
+     * @default true
+     */
+    includeInChooser = true;
+    /**
+     * Allows setting the `role` attribute for the table cells (excluding the footer and header ones) of the column.
+     * @default "gridcell"
+     */
+    tableCellsRole = 'gridcell';
+    /**
+     * Sets the custom styles for the table cells (excluding the footer and header ones) of the column. Under the hood,
+     * to apply the property, the `style` option uses the
+     * [NgStyle](link:site.data.urls.angular['ngstyleapi']) directive. [See example](slug:styling_treelist_columns).
+     */
+    style;
+    /**
+     * Sets the custom styles for the header cell of the column. Under the hood, to apply the property,
+     * the `headerStyle` option uses the
+     * [NgStyle](link:site.data.urls.angular['ngstyleapi']) directive. [See example](slug:styling_treelist_columns).
+     */
+    headerStyle;
+    /**
+     * Sets the custom styles for the footer cell of the column. Under the hood, to apply the property,
+     * the `footerStyle` option uses the
+     * [NgStyle](link:site.data.urls.angular['ngstyleapi']) directive. [See example](slug:styling_treelist_columns).
+     */
+    footerStyle;
+    /**
+     * Sets the custom CSS classes to the column cells. Under the hood, to apply the property, the `class` option uses the
+     * [NgClass](link:site.data.urls.angular['ngclassapi']) directive.
+     * To customize header and footer column cells, use the [`headerClass`]({% slug api_treelist_columncomponent %}#toc-headerclass)
+     * and [`footerClass`]({% slug api_treelist_columncomponent %}#toc-footerclass) inputs.
+     */
+    cssClass;
+    /**
+     * Sets the custom CSS classes to the column header cell. Under the hood, to apply the property,
+     * the `headerClass` option uses the
+     * [NgClass](link:site.data.urls.angular['ngclassapi']) directive. [See example](slug:styling_treelist_columns).
+     */
+    headerClass;
+    /**
+     * Sets the custom CSS classes to the column footer cell. Under the hood, to apply the property,
+     * the `footerClass` option uses the
+     * [NgClass](link:site.data.urls.angular['ngclassapi']) directive. [See example](slug:styling_treelist_columns).
+     */
+    footerClass;
+    /**
+     * @hidden
+     */
+    headerTemplates = new QueryList();
+    /**
+     * @hidden
+     */
+    footerTemplate;
+    /**
+     * @hidden
+     */
+    columnMenuTemplates = new QueryList();
+    /**
+     * @hidden
+     */
+    resizeStartWidth;
     /**
      * @hidden
      */
@@ -143,6 +200,7 @@ export class ColumnBase {
     get isLocked() {
         return this.parent ? this.parent.isLocked : this.locked;
     }
+    _width;
     /**
      * @hidden
      */
@@ -193,15 +251,25 @@ export class ColumnBase {
     get isEditable() {
         return false;
     }
+    /**
+     * @hidden
+     */
+    constructor(parent, optionChanges) {
+        this.parent = parent;
+        this.optionChanges = optionChanges;
+        if (parent && !isColumnContainer(parent)) {
+            throw new Error('Columns can be nested only inside ColumnGroupComponent');
+        }
+    }
     ngOnChanges(_changes) {
         if (this.optionChanges) {
             this.optionChanges.columnChanged();
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnBase, deps: [{ token: ColumnBase }, { token: i1.OptionChangesService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ColumnBase, inputs: { resizable: "resizable", reorderable: "reorderable", minResizableWidth: "minResizableWidth", title: "title", width: "width", autoSize: "autoSize", locked: "locked", hidden: "hidden", media: "media", lockable: "lockable", columnMenu: "columnMenu", includeInChooser: "includeInChooser", tableCellsRole: "tableCellsRole", style: "style", headerStyle: "headerStyle", footerStyle: "footerStyle", cssClass: ["class", "cssClass"], headerClass: "headerClass", footerClass: "footerClass" }, queries: [{ propertyName: "footerTemplate", first: true, predicate: FooterTemplateDirective, descendants: true }, { propertyName: "headerTemplates", predicate: HeaderTemplateDirective }, { propertyName: "columnMenuTemplates", predicate: ColumnMenuTemplateDirective }], usesOnChanges: true, ngImport: i0 });
 }
-ColumnBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnBase, deps: [{ token: ColumnBase }, { token: i1.OptionChangesService }], target: i0.ɵɵFactoryTarget.Directive });
-ColumnBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ColumnBase, inputs: { resizable: "resizable", reorderable: "reorderable", minResizableWidth: "minResizableWidth", title: "title", width: "width", autoSize: "autoSize", locked: "locked", hidden: "hidden", media: "media", lockable: "lockable", columnMenu: "columnMenu", includeInChooser: "includeInChooser", tableCellsRole: "tableCellsRole", style: "style", headerStyle: "headerStyle", footerStyle: "footerStyle", cssClass: ["class", "cssClass"], headerClass: "headerClass", footerClass: "footerClass" }, queries: [{ propertyName: "footerTemplate", first: true, predicate: FooterTemplateDirective, descendants: true }, { propertyName: "headerTemplates", predicate: HeaderTemplateDirective }, { propertyName: "columnMenuTemplates", predicate: ColumnMenuTemplateDirective }], usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnBase, decorators: [{
             type: Directive,
             args: [{}]
         }], ctorParameters: function () { return [{ type: ColumnBase }, { type: i1.OptionChangesService }]; }, propDecorators: { resizable: [{

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

@@ -30,20 +30,24 @@ export function isColumnGroupComponent(column) {
  * ```
  */
 export class ColumnGroupComponent extends ColumnBase {
+    /**
+     * @hidden
+     */
+    includeInChooser = false;
+    /**
+     * @hidden
+     */
+    isColumnGroup = true;
+    /**
+     * @hidden
+     */
+    minResizableWidth = 10;
+    /**
+     * @hidden
+     */
+    children;
     constructor(parent, optionChanges) {
         super(parent, optionChanges);
-        /**
-         * @hidden
-         */
-        this.includeInChooser = false;
-        /**
-         * @hidden
-         */
-        this.isColumnGroup = true;
-        /**
-         * @hidden
-         */
-        this.minResizableWidth = 10;
         if (parent && parent.isSpanColumn) {
             throw new Error('ColumnGroupComponent cannot be nested inside SpanColumnComponent');
         }
@@ -79,15 +83,15 @@ export class ColumnGroupComponent extends ColumnBase {
     get firstChild() {
         return this.children.find(column => column !== this);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnGroupComponent, deps: [{ token: i1.ColumnBase, host: true, optional: true, skipSelf: true }, { token: i2.OptionChangesService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ColumnGroupComponent, isStandalone: true, selector: "kendo-treelist-column-group", providers: [
+            {
+                provide: ColumnBase,
+                useExisting: forwardRef(() => ColumnGroupComponent)
+            }
+        ], queries: [{ propertyName: "children", predicate: ColumnBase }], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
-ColumnGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnGroupComponent, deps: [{ token: i1.ColumnBase, host: true, optional: true, skipSelf: true }, { token: i2.OptionChangesService }], target: i0.ɵɵFactoryTarget.Component });
-ColumnGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ColumnGroupComponent, isStandalone: true, selector: "kendo-treelist-column-group", providers: [
-        {
-            provide: ColumnBase,
-            useExisting: forwardRef(() => ColumnGroupComponent)
-        }
-    ], queries: [{ propertyName: "children", predicate: ColumnBase }], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnGroupComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [

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

@@ -43,12 +43,13 @@ const filterHierarchy = (list, predicate) => {
  * @hidden
  */
 export class ColumnList {
-    constructor(columns) {
-        this.columns = columns;
-    }
+    columns;
     static empty() {
         return new ColumnList(new QueryList());
     }
+    constructor(columns) {
+        this.columns = columns;
+    }
     forEach(callback) {
         forEachColumn(this.columns, callback);
     }

package/{esm2020 → esm2022}/columns/column.component.mjs

@@ -31,38 +31,56 @@ export function isColumnComponent(column) {
  * ```
  */
 export class ColumnComponent extends ColumnBase {
+    /**
+     * Defines whether the expanded indicator should be rendered in the column.
+     * @default false
+     */
+    expandable;
+    /**
+     * The field to which the column is bound.
+     */
+    field;
+    /**
+     * The format that is applied to the value before it is displayed. For more information on the supported date and number formats,
+     * refer to the [Column Formats](slug:formats_columns_treelist) documentation article.
+     */
+    format;
+    /**
+     * Allows the column headers to be clicked and the `sortChange` event emitted.
+     * You have to handle the `sortChange` event yourself and sort the data.
+     */
+    sortable = true;
+    /**
+     * Defines the editor type ([see example]({% slug editing_reactive_forms_treelist %}#toc-setup)).
+     * Used when the column enters the edit mode. [See example](slug:editing_reactive_forms_treelist).
+     *
+     * @default 'text'
+     */
+    editor = 'text';
+    /**
+     * Defines the filter type that is displayed inside the filter row.
+     *
+     * @default 'text'
+     */
+    filter = 'text';
+    /**
+     * Defines if a filter UI will be displayed for this column.
+     *
+     * @default true
+     */
+    filterable = true;
+    /**
+     * Defines whether the column is editable.
+     *
+     * @default true
+     */
+    editable = true;
+    template;
+    editTemplate;
+    filterCellTemplate;
+    filterMenuTemplate;
     constructor(parent, optionChanges) {
         super(parent, optionChanges);
-        /**
-         * Allows the column headers to be clicked and the `sortChange` event emitted.
-         * You have to handle the `sortChange` event yourself and sort the data.
-         */
-        this.sortable = true;
-        /**
-         * Defines the editor type ([see example]({% slug editing_reactive_forms_treelist %}#toc-setup)).
-         * Used when the column enters the edit mode. [See example](slug:editing_reactive_forms_treelist).
-         *
-         * @default 'text'
-         */
-        this.editor = 'text';
-        /**
-         * Defines the filter type that is displayed inside the filter row.
-         *
-         * @default 'text'
-         */
-        this.filter = 'text';
-        /**
-         * Defines if a filter UI will be displayed for this column.
-         *
-         * @default true
-         */
-        this.filterable = true;
-        /**
-         * Defines whether the column is editable.
-         *
-         * @default true
-         */
-        this.editable = true;
     }
     get templateRef() {
         return this.template ? this.template.templateRef : undefined;
@@ -85,15 +103,15 @@ export class ColumnComponent extends ColumnBase {
     get isEditable() {
         return this.editable !== false;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnComponent, deps: [{ token: i1.ColumnBase, host: true, optional: true, skipSelf: true }, { token: i2.OptionChangesService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ColumnComponent, isStandalone: true, selector: "kendo-treelist-column", inputs: { expandable: "expandable", field: "field", format: "format", sortable: "sortable", editor: "editor", filter: "filter", filterable: "filterable", editable: "editable" }, providers: [
+            {
+                provide: ColumnBase,
+                useExisting: forwardRef(() => ColumnComponent)
+            }
+        ], queries: [{ propertyName: "template", first: true, predicate: CellTemplateDirective, descendants: true }, { propertyName: "editTemplate", first: true, predicate: EditTemplateDirective, descendants: true }, { propertyName: "filterCellTemplate", first: true, predicate: FilterCellTemplateDirective, descendants: true }, { propertyName: "filterMenuTemplate", first: true, predicate: FilterMenuTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
-ColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnComponent, deps: [{ token: i1.ColumnBase, host: true, optional: true, skipSelf: true }, { token: i2.OptionChangesService }], target: i0.ɵɵFactoryTarget.Component });
-ColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ColumnComponent, isStandalone: true, selector: "kendo-treelist-column", inputs: { expandable: "expandable", field: "field", format: "format", sortable: "sortable", editor: "editor", filter: "filter", filterable: "filterable", editable: "editable" }, providers: [
-        {
-            provide: ColumnBase,
-            useExisting: forwardRef(() => ColumnComponent)
-        }
-    ], queries: [{ propertyName: "template", first: true, predicate: CellTemplateDirective, descendants: true }, { propertyName: "editTemplate", first: true, predicate: EditTemplateDirective, descendants: true }, { propertyName: "filterCellTemplate", first: true, predicate: FilterCellTemplateDirective, descendants: true }, { propertyName: "filterMenuTemplate", first: true, predicate: FilterMenuTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ColumnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [

package/{esm2020 → esm2022}/columns/columns-container.mjs

@@ -18,21 +18,22 @@ const reset = (...lists) => {
  * @hidden
  */
 export class ColumnsContainer {
+    columns;
+    allColumns = new QueryList();
+    leafColumns = new QueryList();
+    lockedColumns = new QueryList();
+    nonLockedColumns = new QueryList();
+    lockedLeafColumns = new QueryList();
+    nonLockedLeafColumns = new QueryList();
+    totalLevels = 0;
+    changes = new EventEmitter();
+    leafColumnsToRender = [];
+    lockedColumnsToRender = [];
+    nonLockedColumnsToRender = [];
+    hasFooter = false;
+    unlockedWidth = 0;
     constructor(columns) {
         this.columns = columns;
-        this.allColumns = new QueryList();
-        this.leafColumns = new QueryList();
-        this.lockedColumns = new QueryList();
-        this.nonLockedColumns = new QueryList();
-        this.lockedLeafColumns = new QueryList();
-        this.nonLockedLeafColumns = new QueryList();
-        this.totalLevels = 0;
-        this.changes = new EventEmitter();
-        this.leafColumnsToRender = [];
-        this.lockedColumnsToRender = [];
-        this.nonLockedColumnsToRender = [];
-        this.hasFooter = false;
-        this.unlockedWidth = 0;
     }
     refresh() {
         const currentLevels = this.totalLevels;

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

@@ -35,23 +35,25 @@ import * as i2 from "../common/option-changes.service";
  * ```
  */
 export class CommandColumnComponent extends ColumnBase {
+    parent;
+    template;
+    isCommand = true;
     constructor(parent, optionChanges) {
         super(parent, optionChanges);
         this.parent = parent;
-        this.isCommand = true;
     }
     get templateRef() {
         return this.template ? this.template.templateRef : undefined;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CommandColumnComponent, deps: [{ token: i1.ColumnBase, host: true, optional: true, skipSelf: true }, { token: i2.OptionChangesService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CommandColumnComponent, isStandalone: true, selector: "kendo-treelist-command-column", providers: [
+            {
+                provide: ColumnBase,
+                useExisting: forwardRef(() => CommandColumnComponent)
+            }
+        ], queries: [{ propertyName: "template", first: true, predicate: CellTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
-CommandColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CommandColumnComponent, deps: [{ token: i1.ColumnBase, host: true, optional: true, skipSelf: true }, { token: i2.OptionChangesService }], target: i0.ɵɵFactoryTarget.Component });
-CommandColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CommandColumnComponent, isStandalone: true, selector: "kendo-treelist-command-column", providers: [
-        {
-            provide: ColumnBase,
-            useExisting: forwardRef(() => CommandColumnComponent)
-        }
-    ], queries: [{ propertyName: "template", first: true, predicate: CellTemplateDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CommandColumnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CommandColumnComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [

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

@@ -10,23 +10,24 @@ import * as i1 from "./column-base";
  * Represents the drag handle for reordering rows in the TreeList.
  */
 export class RowReorderColumnComponent extends ColumnBase {
+    parent;
+    /**
+     * @hidden
+     */
+    isRowReorderColumn = true;
     constructor(parent) {
         super(parent);
         this.parent = parent;
-        /**
-         * @hidden
-         */
-        this.isRowReorderColumn = true;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RowReorderColumnComponent, deps: [{ token: i1.ColumnBase, host: true, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RowReorderColumnComponent, isStandalone: true, selector: "kendo-treelist-rowreorder-column", providers: [
+            {
+                provide: ColumnBase,
+                useExisting: forwardRef(() => RowReorderColumnComponent)
+            }
+        ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
-RowReorderColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RowReorderColumnComponent, deps: [{ token: i1.ColumnBase, host: true, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component });
-RowReorderColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RowReorderColumnComponent, isStandalone: true, selector: "kendo-treelist-rowreorder-column", providers: [
-        {
-            provide: ColumnBase,
-            useExisting: forwardRef(() => RowReorderColumnComponent)
-        }
-    ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RowReorderColumnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RowReorderColumnComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [