@progress/kendo-angular-treelist 3.1.3-dev.202110041229

package/dist/es/columns/column-base.js

@@ -0,0 +1,336 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as tslib_1 from "tslib";
+import { Input, ContentChild, ContentChildren, QueryList } from '@angular/core';
+import { HeaderTemplateDirective } from '../rendering/header/header-template.directive';
+import { FooterTemplateDirective } from '../rendering/footer-template.directive';
+import { ColumnMenuTemplateDirective } from '../column-menu/column-menu-template.directive';
+/**
+ * @hidden
+ */
+export var isSpanColumn = function (column) { return column.isSpanColumn; };
+/**
+ * @hidden
+ */
+export var isCheckboxColumn = function (column) { return column.isCheckboxColumn; };
+var isColumnContainer = function (column) { return column.isColumnGroup || isSpanColumn(column); };
+var ɵ0 = isColumnContainer;
+/**
+ * The base class for the column components of the TreeList.
+ */
+var ColumnBase = /** @class */ (function () {
+    /**
+     * @hidden
+     */
+    function ColumnBase(parent, optionChanges) {
+        this.parent = parent;
+        this.optionChanges = optionChanges;
+        /**
+         * @hidden
+         */
+        this.matchesMedia = true;
+        /**
+         * The column index after reordering.
+         *
+         * > `orderIndex` is a read-only property. Setting this field does not affect column order.
+         */
+        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.
+         */
+        this.minResizableWidth = 10;
+        /**
+         * Toggles the locked (frozen) state of the columns ([more information and example]({% slug locked_columns_treelist %})).
+         *
+         * @default false
+         *
+         * @example
+         * ```ts
+         * _@Component({
+         *    selector: 'my-app',
+         *    template: `
+         *        <kendo-treelist [data]="treelistData" [scrollable]="scrollable" style="height: 200px">
+         *          <kendo-treelist-column field="ProductID" title="Product ID" width="120" [locked]="true">
+         *          </kendo-treelist-column>
+         *          <kendo-treelist-column field="ProductName" title="Product Name" width="200">
+         *          </kendo-treelist-column>
+         *          <kendo-treelist-column field="UnitPrice" title="Unit Price" width="230">
+         *          </kendo-treelist-column>
+         *        </kendo-treelist>
+         *    `
+         * })
+         *
+         * class AppComponent {
+         *    public treelistData: any[];
+         *
+         *    constructor() {
+         *        this.treelistData = products;
+         *    }
+         * }
+         *
+         * const products = [{
+         *    "ProductID": 1,
+         *    "ProductName": "Chai",
+         *    "UnitPrice": 18.0000,
+         *    "Discontinued": true
+         *  }, {
+         *    "ProductID": 2,
+         *    "ProductName": "Chang",
+         *    "UnitPrice": 19.0000,
+         *    "Discontinued": false
+         *  }
+         * ];
+         *
+         * ```
+         */
+        this.locked = false;
+        /**
+         * Specifies if the column can be locked or unlocked from the column menu or by reordering the columns.
+         */
+        this.lockable = true;
+        /**
+         * Specifies if the column menu will be shown for the column.
+         */
+        this.columnMenu = true;
+        /**
+         * Specifies if the column will be included in the column-chooser list.
+         */
+        this.includeInChooser = true;
+        /**
+         * @hidden
+         */
+        this.headerTemplates = new QueryList();
+        /**
+         * @hidden
+         */
+        this.columnMenuTemplates = new QueryList();
+        if (parent && !isColumnContainer(parent)) {
+            throw new Error('Columns can be nested only inside ColumnGroupComponent');
+        }
+    }
+    Object.defineProperty(ColumnBase.prototype, "width", {
+        get: function () { return this._width; },
+        /**
+         * The width of the column (in pixels).
+         */
+        set: function (value) {
+            this._width = parseInt(value, 10);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(ColumnBase.prototype, "level", {
+        /**
+         * @hidden
+         */
+        get: function () {
+            if (this.parent && isSpanColumn(this.parent)) {
+                return this.parent.level;
+            }
+            return this.parent ? this.parent.level + 1 : 0;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(ColumnBase.prototype, "isLocked", {
+        /**
+         * @hidden
+         */
+        get: function () {
+            return this.parent ? this.parent.isLocked : this.locked;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(ColumnBase.prototype, "colspan", {
+        /**
+         * @hidden
+         */
+        get: function () {
+            return 1;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    /**
+     * @hidden
+     */
+    ColumnBase.prototype.rowspan = function (totalColumnLevels) {
+        return this.level < totalColumnLevels ? (totalColumnLevels - this.level) + 1 : 1;
+    };
+    Object.defineProperty(ColumnBase.prototype, "headerTemplateRef", {
+        /**
+         * @hidden
+         */
+        get: function () {
+            var template = this.headerTemplates.first;
+            return template ? template.templateRef : undefined;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(ColumnBase.prototype, "footerTemplateRef", {
+        /**
+         * @hidden
+         */
+        get: function () {
+            return this.footerTemplate ? this.footerTemplate.templateRef : undefined;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(ColumnBase.prototype, "columnMenuTemplateRef", {
+        /**
+         * @hidden
+         */
+        get: function () {
+            var template = this.columnMenuTemplates.first;
+            return template ? template.templateRef : null;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(ColumnBase.prototype, "displayTitle", {
+        /**
+         * @hidden
+         */
+        get: function () {
+            return this.title;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(ColumnBase.prototype, "isVisible", {
+        /**
+         * @hidden
+         */
+        get: function () {
+            return !this.hidden && this.matchesMedia;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(ColumnBase.prototype, "isEditable", {
+        /**
+         * @hidden
+         */
+        get: function () {
+            return false;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    ColumnBase.prototype.ngOnChanges = function (_changes) {
+        if (this.optionChanges) {
+            this.optionChanges.columnChanged();
+        }
+    };
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Boolean)
+    ], ColumnBase.prototype, "resizable", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Boolean)
+    ], ColumnBase.prototype, "reorderable", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Number)
+    ], ColumnBase.prototype, "minResizableWidth", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", String)
+    ], ColumnBase.prototype, "title", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Number),
+        tslib_1.__metadata("design:paramtypes", [Number])
+    ], ColumnBase.prototype, "width", null);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Boolean)
+    ], ColumnBase.prototype, "autoSize", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Boolean)
+    ], ColumnBase.prototype, "locked", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Boolean)
+    ], ColumnBase.prototype, "hidden", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", String)
+    ], ColumnBase.prototype, "media", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Boolean)
+    ], ColumnBase.prototype, "lockable", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Boolean)
+    ], ColumnBase.prototype, "columnMenu", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Boolean)
+    ], ColumnBase.prototype, "includeInChooser", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], ColumnBase.prototype, "style", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], ColumnBase.prototype, "headerStyle", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], ColumnBase.prototype, "footerStyle", void 0);
+    tslib_1.__decorate([
+        Input('class'),
+        tslib_1.__metadata("design:type", Object)
+    ], ColumnBase.prototype, "cssClass", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], ColumnBase.prototype, "headerClass", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], ColumnBase.prototype, "footerClass", void 0);
+    tslib_1.__decorate([
+        ContentChildren(HeaderTemplateDirective, { descendants: false }),
+        tslib_1.__metadata("design:type", QueryList)
+    ], ColumnBase.prototype, "headerTemplates", void 0);
+    tslib_1.__decorate([
+        ContentChild(FooterTemplateDirective, { static: false }),
+        tslib_1.__metadata("design:type", FooterTemplateDirective)
+    ], ColumnBase.prototype, "footerTemplate", void 0);
+    tslib_1.__decorate([
+        ContentChildren(ColumnMenuTemplateDirective),
+        tslib_1.__metadata("design:type", QueryList)
+    ], ColumnBase.prototype, "columnMenuTemplates", void 0);
+    return ColumnBase;
+}());
+export { ColumnBase };
+export { ɵ0 };

package/dist/es/columns/column-common.js

@@ -0,0 +1,92 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 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 var expandColumns = function (columns) { return (columns.reduce(function (acc, column) { return acc.concat(isSpanColumnComponent(column) ? column.childrenArray : [column]); }, []) // tslint:disable-line:align
+); };
+/**
+ * @hidden
+ */
+export var expandColumnsWithSpan = function (columns) { return (columns.reduce(function (acc, column) { return acc.concat(isSpanColumnComponent(column) ?
+    [column].concat(column.childrenArray) :
+    [column]); }, []) // tslint:disable-line:align
+); };
+/**
+ * @hidden
+ */
+export var columnsToRender = function (columns) { return (expandColumns(columns).filter(function (x) { return x.isVisible; })); };
+var sumProp = function (prop) { return function (array) {
+    return (array || []).reduce(function (prev, curr) { return prev + (curr[prop] || 0); }, 0);
+}; };
+var ɵ0 = sumProp;
+/**
+ * @hidden
+ */
+export var sumColumnWidths = sumProp('width');
+/**
+ * @hidden
+ */
+export var columnsSpan = sumProp('colspan');
+// tslint:disable-next-line:max-line-length
+var validField = new RegExp("^[$A-Z_a-z][$A-Z_a-z0-9\\.]*$");
+/**
+ * @hidden
+ */
+export var isValidFieldName = function (fieldName) {
+    return !isNullOrEmptyString(fieldName) && validField.test(fieldName) &&
+        fieldName[0] !== "." && fieldName[fieldName.length - 1] !== ".";
+};
+/**
+ * @hidden
+ */
+export var children = function (column) { return column.children.filter(function (child) { return child !== column; }); };
+/**
+ * @hidden
+ */
+export var leafColumns = function (columns) {
+    return columns.reduce(function (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(function (x) { return x.isVisible; }); // tslint:disable-line:align
+};
+/**
+ * @hidden
+ */
+export var someLeafColumn = function (callback) {
+    var columns = [];
+    for (var _i = 1; _i < arguments.length; _i++) {
+        columns[_i - 1] = arguments[_i];
+    }
+    return leafColumns(columns).some(callback);
+};
+/**
+ * @hidden
+ */
+export var resizableColumns = function (columns) { return columns.filter(function (column) { return isTruthy(column.resizable) && column.isVisible; }); };
+/**
+ * @hidden
+ */
+export var sortColumns = function (columns) {
+    return orderBy(columns, [{ field: 'orderIndex', dir: 'asc' }]);
+};
+/**
+ * @hidden
+ */
+export var isInSpanColumn = function (column) {
+    return isTruthy(column.parent) && isSpanColumnComponent(column.parent);
+};
+export { ɵ0 };

package/dist/es/columns/column-group.component.js

@@ -0,0 +1,124 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as tslib_1 from "tslib";
+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';
+/**
+ * @hidden
+ */
+export function isColumnGroupComponent(column) {
+    return column.isColumnGroup;
+}
+/**
+ * Represents the column group header of the TreeList
+ * ([more information and examples]({% slug multicolumnheaders_columns_treelist %})).
+ *
+ * {% meta height:533 %}
+ * {% embed_file configuration/multi-column-headers/app.component.ts preview %}
+ * {% embed_file configuration/multi-column-headers/app.module.ts %}
+ * {% embed_file shared/main.ts %}
+ * {% embed_file shared/filesystem.ts %}
+ * {% endmeta %}
+ */
+var ColumnGroupComponent = /** @class */ (function (_super) {
+    tslib_1.__extends(ColumnGroupComponent, _super);
+    function ColumnGroupComponent(parent, optionChanges) {
+        var _this = _super.call(this, parent, optionChanges) || this;
+        /**
+         * @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');
+        }
+        return _this;
+    }
+    ColumnGroupComponent_1 = ColumnGroupComponent;
+    /**
+     * @hidden
+     */
+    ColumnGroupComponent.prototype.rowspan = function () {
+        return 1;
+    };
+    Object.defineProperty(ColumnGroupComponent.prototype, "colspan", {
+        /**
+         * @hidden
+         */
+        get: function () {
+            var _this = this;
+            if (!this.children || this.children.length === 1) {
+                return 1;
+            }
+            return columnsSpan(this.children
+                .filter(function (child) { return child !== _this && child.isVisible; }));
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(ColumnGroupComponent.prototype, "leafIndex", {
+        /**
+         * @hidden
+         */
+        get: function () {
+            return this.children ? (this.firstChild || {}).leafIndex : -1;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(ColumnGroupComponent.prototype, "childrenArray", {
+        get: function () {
+            var _this = this;
+            return this.children.filter(function (c) { return c !== _this; });
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(ColumnGroupComponent.prototype, "hasChildren", {
+        get: function () {
+            return Boolean(this.firstChild);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(ColumnGroupComponent.prototype, "firstChild", {
+        get: function () {
+            var _this = this;
+            return this.children.find(function (column) { return column !== _this; });
+        },
+        enumerable: true,
+        configurable: true
+    });
+    var ColumnGroupComponent_1;
+    tslib_1.__decorate([
+        ContentChildren(ColumnBase),
+        tslib_1.__metadata("design:type", QueryList)
+    ], ColumnGroupComponent.prototype, "children", void 0);
+    ColumnGroupComponent = ColumnGroupComponent_1 = tslib_1.__decorate([
+        Component({
+            providers: [
+                {
+                    provide: ColumnBase,
+                    useExisting: forwardRef(function () { return ColumnGroupComponent_1; })
+                }
+            ],
+            selector: 'kendo-treelist-column-group',
+            template: ""
+        }),
+        tslib_1.__param(0, SkipSelf()), tslib_1.__param(0, Host()), tslib_1.__param(0, Optional()),
+        tslib_1.__metadata("design:paramtypes", [ColumnBase, OptionChangesService])
+    ], ColumnGroupComponent);
+    return ColumnGroupComponent;
+}(ColumnBase));
+export { ColumnGroupComponent };

package/dist/es/columns/column-list.js

@@ -0,0 +1,92 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 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';
+var forEachColumn = function (list, callback) {
+    list.forEach(function (column) {
+        callback(column);
+        if (column.isColumnGroup && column.hasChildren) {
+            forEachColumn(column.childrenArray, callback);
+        }
+    });
+};
+var ɵ0 = forEachColumn;
+var forEachLevel = function (list, callback) {
+    sortColumns(list)
+        .forEach(function (column) {
+        callback(column);
+        if (column.isColumnGroup && column.hasChildren) {
+            forEachLevel(column.childrenArray, callback);
+        }
+    });
+};
+var ɵ1 = forEachLevel;
+var filterHierarchy = function (list, predicate) {
+    var result = [];
+    sortColumns(list)
+        .forEach(function (column) {
+        if (predicate(column)) {
+            if (column.isColumnGroup) {
+                var children = filterHierarchy(column.childrenArray, predicate);
+                if (children.length) {
+                    result.push.apply(result, [column].concat(children));
+                }
+            }
+            else if (!column.isSpanColumn || filterHierarchy(column.childrenArray, predicate).length) {
+                result.push(column);
+            }
+        }
+    });
+    return result;
+};
+var ɵ2 = filterHierarchy;
+/**
+ * @hidden
+ */
+var ColumnList = /** @class */ (function () {
+    function ColumnList(columns) {
+        this.columns = columns;
+    }
+    ColumnList.empty = function () {
+        return new ColumnList(new QueryList());
+    };
+    ColumnList.prototype.forEach = function (callback) {
+        forEachColumn(this.columns, callback);
+    };
+    ColumnList.prototype.filter = function (callback) {
+        var result = [];
+        forEachColumn(this.columns, function (column) {
+            if (callback(column)) {
+                result.push(column);
+            }
+        });
+        return result;
+    };
+    ColumnList.prototype.filterHierarchy = function (predicate) {
+        return filterHierarchy(this.columns.toArray(), predicate);
+    };
+    ColumnList.prototype.filterSort = function (callback) {
+        var result = [];
+        forEachLevel(this.columns.toArray(), function (column) {
+            if (callback(column)) {
+                result.push(column);
+            }
+        });
+        return result;
+    };
+    ColumnList.prototype.toArray = function () {
+        var result = [];
+        forEachColumn(this.columns, function (column) {
+            result.push(column);
+        });
+        return result;
+    };
+    ColumnList.prototype.rootColumns = function () {
+        return this.columns.toArray();
+    };
+    return ColumnList;
+}());
+export { ColumnList };
+export { ɵ0, ɵ1, ɵ2 };