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

package/esm2022/columns/checkbox-column.component.mjs

@@ -1,88 +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, forwardRef, ContentChild, SkipSelf, Host, Optional, Input } from '@angular/core';
-import { ColumnBase } from './column-base';
-import { CellTemplateDirective } from '../rendering/cell-template.directive';
-import * as i0 from "@angular/core";
-import * as i1 from "./column-base";
-/**
- * Represents the checkbox column for selecting rows in the TreeList. [See example](slug:treelist_row_selection#toc-select-all-checkbox).
- *
- * @example
- * ```html
- * <kendo-treelist ...>
- *   <kendo-treelist-checkbox-column
- *     [showSelectAll]="true"
- *     [checkChildren]="true"
- *     [expandable]="true">
- *   </kendo-treelist-checkbox-column>
- *   <kendo-treelist-column field="ProductName" title="Product Name"></kendo-treelist-column>
- * </kendo-treelist>
- * ```
- */
-export class CheckboxColumnComponent extends ColumnBase {
-    parent;
-    /**
-     * Specifies if a select-all checkbox appears in the header.
-     */
-    showSelectAll;
-    /**
-     * Specifies if clicking the checkbox selects or deselects all children.
-     */
-    checkChildren;
-    /**
-     * Specifies if the expanded indicator appears in the column.
-     * @default false
-     */
-    expandable;
-    /*
-     * @hidden
-     */
-    isCheckboxColumn = true;
-    template;
-    constructor(parent) {
-        super(parent);
-        this.parent = parent;
-    }
-    get templateRef() {
-        return this.template ? this.template.templateRef : undefined;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", 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: "18.2.14", 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: "18.2.14", ngImport: i0, type: CheckboxColumnComponent, decorators: [{
-            type: Component,
-            args: [{
-                    providers: [
-                        {
-                            provide: ColumnBase,
-                            useExisting: forwardRef(() => CheckboxColumnComponent)
-                        }
-                    ],
-                    selector: 'kendo-treelist-checkbox-column',
-                    template: ``,
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.ColumnBase, decorators: [{
-                    type: SkipSelf
-                }, {
-                    type: Host
-                }, {
-                    type: Optional
-                }] }], propDecorators: { showSelectAll: [{
-                type: Input
-            }], checkChildren: [{
-                type: Input
-            }], expandable: [{
-                type: Input
-            }], template: [{
-                type: ContentChild,
-                args: [CellTemplateDirective, { static: false }]
-            }] } });

package/esm2022/columns/column-base.mjs

@@ -1,319 +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 { ContentChild, ContentChildren, Directive, Input, QueryList } from '@angular/core';
-import { ColumnMenuTemplateDirective } from '../column-menu/column-menu-template.directive';
-import { OptionChangesService } from '../common/option-changes.service';
-import { FooterTemplateDirective } from '../rendering/footer-template.directive';
-import { HeaderTemplateDirective } from '../rendering/header/header-template.directive';
-import * as i0 from "@angular/core";
-import * as i1 from "../common/option-changes.service";
-let columnId = 0;
-/**
- * @hidden
- */
-export const isSpanColumn = column => column.isSpanColumn;
-/**
- * @hidden
- */
-export const isCheckboxColumn = column => column.isCheckboxColumn;
-/**
- * @hidden
- */
-export const isRowReorderColumn = column => column.isRowReorderColumn;
-const isColumnContainer = column => column.isColumnGroup || isSpanColumn(column);
-/**
- * Serves as the base class for column components in the TreeList.
- */
-export class ColumnBase {
-    parent;
-    optionChanges;
-    /**
-     * @hidden
-     */
-    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
-     */
-    set leafIndex(value) {
-        this._leafIndex = value;
-    }
-    /**
-     * @hidden
-     */
-    get leafIndex() {
-        return this._leafIndex;
-    }
-    _leafIndex;
-    /**
-     * @hidden
-     */
-    isColumnGroup = false;
-    /**
-     * @hidden
-     */
-    isSpanColumn = false;
-    /**
-     * @hidden
-     */
-    get id() {
-        return this._id;
-    }
-    /**
-     * Indicates whether the column is resizable.
-     * @default true
-     */
-    resizable = true;
-    /**
-     * Indicates whether the column is reorderable.
-     * @default true
-     */
-    reorderable = true;
-    /**
-     * Sets the minimum width (in pixels) for resizing the column using the UI.
-     * @default 10
-     */
-    minResizableWidth = 10;
-    /**
-     * Sets the title of the column.
-     */
-    title;
-    /**
-     * Sets the width of the column (in pixels).
-     */
-    set width(value) {
-        this._width = parseInt(value, 10);
-    }
-    get width() { return this._width; }
-    /**
-     * Indicates whether the column is automatically resized during initialization to fit its header and row content.
-     */
-    autoSize;
-    /**
-     * Toggles the locked (frozen) state of the columns ([more information and example](slug:locked_columns_treelist)).
-     * @default false
-     */
-    set locked(value) {
-        this._locked = value;
-    }
-    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 must 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 is shown for the column.
-     * @default true
-     */
-    columnMenu = true;
-    /**
-     * Specifies if the column is included in the column-chooser list.
-     * @default true
-     */
-    includeInChooser = true;
-    /**
-     * Sets the `role` attribute for the table cells (excluding the footer and header) of the column.
-     * @default "gridcell"
-     */
-    tableCellsRole = 'gridcell';
-    /**
-     * Sets custom styles for the table cells (excluding the footer and header) of the column. Uses the [`NgStyle`](link:site.data.urls.angular['ngstyleapi']) directive. [See example](slug:styling_treelist_columns).
-     */
-    style;
-    /**
-     * Sets custom styles for the header cell of the column. Uses the [`NgStyle`](link:site.data.urls.angular['ngstyleapi']) directive. [See example.](slug:styling_treelist_columns)
-     */
-    headerStyle;
-    /**
-     * Sets custom styles for the footer cell of the column. Uses the [`NgStyle`](link:site.data.urls.angular['ngstyleapi']) directive. [See example.](slug:styling_treelist_columns)
-     */
-    footerStyle;
-    /**
-     * Sets custom CSS classes to the column cells. 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 custom CSS classes to the column header cell. 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
-     */
-    get level() {
-        if (this.parent && isSpanColumn(this.parent)) {
-            return this.parent.level;
-        }
-        return this.parent ? this.parent.level + 1 : 0;
-    }
-    /**
-     * @hidden
-     */
-    get isLocked() {
-        return this.parent ? this.parent.isLocked : this.locked;
-    }
-    _width;
-    /**
-     * @hidden
-     */
-    get colspan() {
-        return 1;
-    }
-    /**
-     * @hidden
-     */
-    rowspan(totalColumnLevels) {
-        return this.level < totalColumnLevels ? (totalColumnLevels - this.level) + 1 : 1;
-    }
-    /**
-     * @hidden
-     */
-    get headerTemplateRef() {
-        const template = this.headerTemplates.first;
-        return template ? template.templateRef : undefined;
-    }
-    /**
-     * @hidden
-     */
-    get footerTemplateRef() {
-        return this.footerTemplate ? this.footerTemplate.templateRef : undefined;
-    }
-    /**
-     * @hidden
-     */
-    get columnMenuTemplateRef() {
-        const template = this.columnMenuTemplates.first;
-        return template ? template.templateRef : null;
-    }
-    /**
-     * @hidden
-     */
-    get displayTitle() {
-        return this.title;
-    }
-    /**
-     * @hidden
-     */
-    get isVisible() {
-        return !this.hidden && this.matchesMedia;
-    }
-    /**
-     * @hidden
-     */
-    get isEditable() {
-        return false;
-    }
-    _id;
-    /**
-     * @hidden
-     */
-    constructor(parent, optionChanges) {
-        this.parent = parent;
-        this.optionChanges = optionChanges;
-        if (parent && !isColumnContainer(parent)) {
-            throw new Error('Columns can be nested only inside ColumnGroupComponent');
-        }
-        this._id = `k-grid-column-${columnId++}`;
-    }
-    ngOnChanges(_changes) {
-        if (this.optionChanges) {
-            this.optionChanges.columnChanged();
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColumnBase, deps: [{ token: ColumnBase }, { token: i1.OptionChangesService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", 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: "18.2.14", ngImport: i0, type: ColumnBase, decorators: [{
-            type: Directive,
-            args: [{}]
-        }], ctorParameters: () => [{ type: ColumnBase }, { type: i1.OptionChangesService }], propDecorators: { resizable: [{
-                type: Input
-            }], reorderable: [{
-                type: Input
-            }], minResizableWidth: [{
-                type: Input
-            }], title: [{
-                type: Input
-            }], width: [{
-                type: Input
-            }], autoSize: [{
-                type: Input
-            }], locked: [{
-                type: Input
-            }], hidden: [{
-                type: Input
-            }], media: [{
-                type: Input
-            }], lockable: [{
-                type: Input
-            }], columnMenu: [{
-                type: Input
-            }], includeInChooser: [{
-                type: Input
-            }], tableCellsRole: [{
-                type: Input
-            }], style: [{
-                type: Input
-            }], headerStyle: [{
-                type: Input
-            }], footerStyle: [{
-                type: Input
-            }], cssClass: [{
-                type: Input,
-                args: ['class']
-            }], headerClass: [{
-                type: Input
-            }], footerClass: [{
-                type: Input
-            }], headerTemplates: [{
-                type: ContentChildren,
-                args: [HeaderTemplateDirective, { descendants: false }]
-            }], footerTemplate: [{
-                type: ContentChild,
-                args: [FooterTemplateDirective, { static: false }]
-            }], columnMenuTemplates: [{
-                type: ContentChildren,
-                args: [ColumnMenuTemplateDirective]
-            }] } });

package/esm2022/columns/column-common.mjs

@@ -1,73 +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 { isSpanColumnComponent } from "./span-column.component";
-import { isNullOrEmptyString, isTruthy } from "../utils";
-import { orderBy } from '@progress/kendo-data-query';
-/**
- * @hidden
- */
-export const expandColumns = (columns) => (columns.reduce((acc, column) => acc.concat(isSpanColumnComponent(column) ? column.childrenArray : [column]), []));
-/**
- * @hidden
- */
-export const expandColumnsWithSpan = (columns) => (columns.reduce((acc, column) => acc.concat(isSpanColumnComponent(column) ?
-    [column].concat(column.childrenArray) :
-    [column]), []));
-/**
- * @hidden
- */
-export const columnsToRender = (columns) => (expandColumns(columns).filter(x => x.isVisible));
-const sumProp = (prop) => (array) => (array || []).reduce((prev, curr) => prev + (curr[prop] || 0), 0);
-/**
- * @hidden
- */
-export const sumColumnWidths = sumProp('width');
-/**
- * @hidden
- */
-export const columnsSpan = sumProp('colspan');
-const validField = new RegExp(`^[$A-Z\_a-z][$A-Z\_a-z0-9\\.]*$`);
-/**
- * @hidden
- */
-export const isValidFieldName = (fieldName) => !isNullOrEmptyString(fieldName) && validField.test(fieldName) &&
-    fieldName[0] !== "." && fieldName[fieldName.length - 1] !== ".";
-/**
- * @hidden
- */
-export const children = column => column.children.filter(child => child !== column);
-/**
- * @hidden
- */
-export const leafColumns = columns => {
-    return columns.reduce((acc, column) => {
-        if (column.isColumnGroup) {
-            acc = acc.concat(leafColumns(children(column)));
-        }
-        else if (column.isSpanColumn) {
-            acc = acc.concat(column.childrenArray);
-        }
-        else {
-            acc.push(column);
-        }
-        return acc;
-    }, []).filter(x => x.isVisible);
-};
-/**
- * @hidden
- */
-export const someLeafColumn = (callback, ...columns) => leafColumns(columns).some(callback);
-/**
- * @hidden
- */
-export const resizableColumns = columns => columns.filter(column => isTruthy(column.resizable) && column.isVisible);
-/**
- * @hidden
- */
-export const sortColumns = (columns) => orderBy(columns, [{ field: 'orderIndex', dir: 'asc' }]);
-/**
- * @hidden
- */
-export const isInSpanColumn = (column) => isTruthy(column.parent) && isSpanColumnComponent(column.parent);

package/esm2022/columns/column-group.component.mjs

@@ -1,115 +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, forwardRef, SkipSelf, Host, Optional, QueryList, ContentChildren } from '@angular/core';
-import { ColumnBase } from './column-base';
-import { columnsSpan } from './column-common';
-import { OptionChangesService } from '../common/option-changes.service';
-import * as i0 from "@angular/core";
-import * as i1 from "./column-base";
-import * as i2 from "../common/option-changes.service";
-/**
- * @hidden
- */
-export function isColumnGroupComponent(column) {
-    return column.isColumnGroup;
-}
-/**
- * Represents the column group header of the TreeList. ([More information and examples]({% slug multicolumnheaders_columns_treelist %})).
- *
- * @example
- * ```html
- * <kendo-treelist ...>
- *   <kendo-treelist-column-group title="File Info">
- *     <kendo-treelist-column field="type" title="Type"> </kendo-treelist-column>
- *     <kendo-treelist-column field="size" title="Size"> </kendo-treelist-column>
- *   </kendo-treelist-column-group>
- * </kendo-treelist>
- * ```
- */
-export class ColumnGroupComponent extends ColumnBase {
-    /**
-     * @hidden
-     */
-    includeInChooser = false;
-    /**
-     * @hidden
-     */
-    isColumnGroup = true;
-    /**
-     * @hidden
-     */
-    minResizableWidth = 10;
-    /**
-     * @hidden
-     */
-    children;
-    constructor(parent, optionChanges) {
-        super(parent, optionChanges);
-        if (parent && parent.isSpanColumn) {
-            throw new Error('ColumnGroupComponent cannot be nested inside SpanColumnComponent');
-        }
-    }
-    /**
-     * @hidden
-     */
-    rowspan() {
-        return 1;
-    }
-    /**
-     * @hidden
-     */
-    get colspan() {
-        if (!this.children) {
-            return 1;
-        }
-        return columnsSpan(this.children
-            .filter(child => child !== this && child.isVisible));
-    }
-    /**
-     * @hidden
-     */
-    get leafIndex() {
-        return this.children ? (this.firstChild || {}).leafIndex : -1;
-    }
-    get childrenArray() {
-        return this.children.filter(c => c !== this);
-    }
-    get hasChildren() {
-        return Boolean(this.firstChild);
-    }
-    get firstChild() {
-        return this.children.find(column => column !== this);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", 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: "18.2.14", 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: "18.2.14", ngImport: i0, type: ColumnGroupComponent, decorators: [{
-            type: Component,
-            args: [{
-                    providers: [
-                        {
-                            provide: ColumnBase,
-                            useExisting: forwardRef(() => ColumnGroupComponent)
-                        }
-                    ],
-                    selector: 'kendo-treelist-column-group',
-                    template: ``,
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.ColumnBase, decorators: [{
-                    type: SkipSelf
-                }, {
-                    type: Host
-                }, {
-                    type: Optional
-                }] }, { type: i2.OptionChangesService }], propDecorators: { children: [{
-                type: ContentChildren,
-                args: [ColumnBase]
-            }] } });

package/esm2022/columns/column-list.mjs

@@ -1,94 +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 { QueryList } from '@angular/core';
-import { sortColumns } from './column-common';
-const forEachColumn = (list, callback) => {
-    list.forEach((column) => {
-        callback(column);
-        if (column.isColumnGroup && column.hasChildren) {
-            forEachColumn(column.childrenArray, callback);
-        }
-    });
-};
-const forEachLevel = (list, callback) => {
-    sortColumns(list)
-        .forEach((column) => {
-        callback(column);
-        if (column.isColumnGroup && column.hasChildren) {
-            forEachLevel(column.childrenArray, callback);
-        }
-    });
-};
-const filterHierarchy = (list, predicate) => {
-    const result = [];
-    sortColumns(list)
-        .forEach((column) => {
-        if (predicate(column)) {
-            if (column.isColumnGroup) {
-                const children = filterHierarchy(column.childrenArray, predicate);
-                if (children.length) {
-                    result.push(column, ...children);
-                }
-            }
-            else if (!column.isSpanColumn || filterHierarchy(column.childrenArray, predicate).length) {
-                result.push(column);
-            }
-        }
-    });
-    return result.sort((a, b) => Number(b.locked) - Number(a.locked));
-};
-/**
- * @hidden
- */
-export class ColumnList {
-    columns;
-    static empty() {
-        return new ColumnList(new QueryList());
-    }
-    constructor(columns) {
-        this.columns = columns;
-    }
-    forEach(callback) {
-        forEachColumn(this.columns, callback);
-    }
-    filter(callback) {
-        const result = [];
-        forEachColumn(this.columns, (column) => {
-            if (callback(column)) {
-                result.push(column);
-            }
-        });
-        return result;
-    }
-    filterHierarchy(predicate) {
-        return filterHierarchy(this.columns.toArray(), predicate);
-    }
-    filterSort(callback) {
-        const result = [];
-        forEachLevel(this.columns.toArray(), (column) => {
-            if (callback(column)) {
-                result.push(column);
-            }
-        });
-        return result;
-    }
-    toArray() {
-        const result = [];
-        forEachColumn(this.columns, (column) => {
-            result.push(column);
-        });
-        return result;
-    }
-    rootColumns() {
-        return this.columns.toArray();
-    }
-    totalColumnLevels() {
-        let totalLevels = 0;
-        this.forEach(column => {
-            totalLevels = Math.max(column.level, totalLevels);
-        });
-        return totalLevels;
-    }
-}