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

package/dist/npm/columns/column.component.js

@@ -0,0 +1,204 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var core_1 = require("@angular/core");
+var cell_template_directive_1 = require("../rendering/cell-template.directive");
+var edit_template_directive_1 = require("../editing/edit-template.directive");
+var column_base_1 = require("./column-base");
+var utils_1 = require("../utils");
+var filter_cell_template_directive_1 = require("../filtering/cell/filter-cell-template.directive");
+var filter_menu_template_directive_1 = require("../filtering/menu/filter-menu-template.directive");
+var option_changes_service_1 = require("../common/option-changes.service");
+/**
+ * @hidden
+ */
+function isColumnComponent(column) {
+    return utils_1.isPresent(column.field);
+}
+exports.isColumnComponent = isColumnComponent;
+/**
+ * Represents the columns of the [Angular TreeList]({% slug getstarted_treelist %}).
+ *
+ * {% meta height:470 %}
+ * {% embed_file basic-usage/app.component.ts preview %}
+ * {% embed_file basic-usage/app.module.ts %}
+ * {% embed_file shared/main.ts %}
+ * {% embed_file shared/employees.ts %}
+ * {% endmeta %}
+ */
+var ColumnComponent = /** @class */ (function (_super) {
+    tslib_1.__extends(ColumnComponent, _super);
+    function ColumnComponent(parent, optionChanges) {
+        var _this = _super.call(this, parent, optionChanges) || this;
+        /**
+         * 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. The default value is `text`.
+         *
+         * @example
+         * ```html-no-run
+         * <kendo-treelist>
+         *    <kendo-treelist-column field="UnitPrice" editor="numeric">
+         *    </kendo-treelist-column>
+         * </kendo-treelist>
+         * ```
+         */
+        _this.editor = 'text';
+        /**
+         * Defines the filter type that is displayed inside the filter row. The default value is `text`.
+         *
+         * @example
+         * ```html-no-run
+         * <kendo-treelist>
+         *    <kendo-treelist-column field="UnitPrice" filter="numeric">
+         *    </kendo-treelist-column>
+         * </kendo-treelist>
+         * ```
+         */
+        _this.filter = 'text';
+        /**
+         * Defines if a filter UI will be displayed for this column. The default value is `true`.
+         *
+         * @example
+         * ```html-no-run
+         * <kendo-treelist>
+         *    <kendo-treelist-column field="UnitPrice" [filterable]="false">
+         *    </kendo-treelist-column>
+         * </kendo-treelist>
+         * ```
+         */
+        _this.filterable = true;
+        /**
+         * Defines whether the column is editable. The default value is `true`.
+         *
+         * @example
+         * ```html-no-run
+         * <kendo-treelist>
+         *    <kendo-treelist-column field="UnitPrice" [editable]="false">
+         *    </kendo-treelist-column>
+         * </kendo-treelist>
+         * ```
+         */
+        _this.editable = true;
+        return _this;
+    }
+    ColumnComponent_1 = ColumnComponent;
+    Object.defineProperty(ColumnComponent.prototype, "templateRef", {
+        get: function () {
+            return this.template ? this.template.templateRef : undefined;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(ColumnComponent.prototype, "editTemplateRef", {
+        get: function () {
+            return this.editTemplate ? this.editTemplate.templateRef : undefined;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(ColumnComponent.prototype, "filterCellTemplateRef", {
+        get: function () {
+            return this.filterCellTemplate ? this.filterCellTemplate.templateRef : undefined;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(ColumnComponent.prototype, "filterMenuTemplateRef", {
+        get: function () {
+            return this.filterMenuTemplate ? this.filterMenuTemplate.templateRef : undefined;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(ColumnComponent.prototype, "displayTitle", {
+        get: function () {
+            return this.title === undefined ? this.field : this.title;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(ColumnComponent.prototype, "isEditable", {
+        /**
+         * @hidden
+         */
+        get: function () {
+            return this.editable !== false;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    var ColumnComponent_1;
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Boolean)
+    ], ColumnComponent.prototype, "expandable", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String)
+    ], ColumnComponent.prototype, "field", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], ColumnComponent.prototype, "format", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], ColumnComponent.prototype, "sortable", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String)
+    ], ColumnComponent.prototype, "editor", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String)
+    ], ColumnComponent.prototype, "filter", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Boolean)
+    ], ColumnComponent.prototype, "filterable", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Boolean)
+    ], ColumnComponent.prototype, "editable", void 0);
+    tslib_1.__decorate([
+        core_1.ContentChild(cell_template_directive_1.CellTemplateDirective, { static: false }),
+        tslib_1.__metadata("design:type", cell_template_directive_1.CellTemplateDirective)
+    ], ColumnComponent.prototype, "template", void 0);
+    tslib_1.__decorate([
+        core_1.ContentChild(edit_template_directive_1.EditTemplateDirective, { static: false }),
+        tslib_1.__metadata("design:type", edit_template_directive_1.EditTemplateDirective)
+    ], ColumnComponent.prototype, "editTemplate", void 0);
+    tslib_1.__decorate([
+        core_1.ContentChild(filter_cell_template_directive_1.FilterCellTemplateDirective, { static: false }),
+        tslib_1.__metadata("design:type", filter_cell_template_directive_1.FilterCellTemplateDirective)
+    ], ColumnComponent.prototype, "filterCellTemplate", void 0);
+    tslib_1.__decorate([
+        core_1.ContentChild(filter_menu_template_directive_1.FilterMenuTemplateDirective, { static: false }),
+        tslib_1.__metadata("design:type", filter_menu_template_directive_1.FilterMenuTemplateDirective)
+    ], ColumnComponent.prototype, "filterMenuTemplate", void 0);
+    ColumnComponent = ColumnComponent_1 = tslib_1.__decorate([
+        core_1.Component({
+            providers: [
+                {
+                    provide: column_base_1.ColumnBase,
+                    useExisting: core_1.forwardRef(function () { return ColumnComponent_1; })
+                }
+            ],
+            selector: 'kendo-treelist-column',
+            template: ""
+        }),
+        tslib_1.__param(0, core_1.SkipSelf()), tslib_1.__param(0, core_1.Host()), tslib_1.__param(0, core_1.Optional()),
+        tslib_1.__metadata("design:paramtypes", [column_base_1.ColumnBase, option_changes_service_1.OptionChangesService])
+    ], ColumnComponent);
+    return ColumnComponent;
+}(column_base_1.ColumnBase));
+exports.ColumnComponent = ColumnComponent;

package/dist/npm/columns/columns-container.js

@@ -0,0 +1,100 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var core_1 = require("@angular/core");
+var column_group_component_1 = require("./column-group.component");
+var column_common_1 = require("./column-common");
+var reset = function () {
+    var lists = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        lists[_i] = arguments[_i];
+    }
+    var diff = false;
+    for (var idx = 0; idx < lists.length; idx++) {
+        var _a = lists[idx], list = _a[0], columns = _a[1];
+        diff = diff || list.length !== columns.length;
+        list.reset(columns);
+    }
+    return diff;
+};
+var ɵ0 = reset;
+exports.ɵ0 = ɵ0;
+/**
+ * @hidden
+ */
+var ColumnsContainer = /** @class */ (function () {
+    function ColumnsContainer(columns) {
+        this.columns = columns;
+        this.allColumns = new core_1.QueryList();
+        this.leafColumns = new core_1.QueryList();
+        this.lockedColumns = new core_1.QueryList();
+        this.nonLockedColumns = new core_1.QueryList();
+        this.lockedLeafColumns = new core_1.QueryList();
+        this.nonLockedLeafColumns = new core_1.QueryList();
+        this.totalLevels = 0;
+        this.changes = new core_1.EventEmitter();
+        this.leafColumnsToRender = [];
+        this.lockedColumnsToRender = [];
+        this.nonLockedColumnsToRender = [];
+        this.hasFooter = false;
+        this.unlockedWidth = 0;
+    }
+    ColumnsContainer.prototype.refresh = function () {
+        var _this = this;
+        var currentLevels = this.totalLevels;
+        var leafColumns = new Array();
+        var lockedLeafColumns = new Array();
+        var nonLockedLeafColumns = new Array();
+        var lockedColumns = new Array();
+        var nonLockedColumns = new Array();
+        var allColumns = new Array();
+        var leafColumnsToRender = new Array();
+        var lockedColumnsToRender = new Array();
+        var nonLockedColumnsToRender = new Array();
+        var hasFooter = false;
+        var unlockedWidth = 0;
+        var leafIndex = 0;
+        this.totalLevels = 0;
+        this.columns().forEach(function (column) {
+            var containerLeafColumns = column.isLocked === true ? lockedLeafColumns : nonLockedLeafColumns;
+            var containerColumns = column.isLocked === true ? lockedColumns : nonLockedColumns;
+            var toRenderContainer = column.isLocked === true ? lockedColumnsToRender : nonLockedColumnsToRender;
+            if (!column_group_component_1.isColumnGroupComponent(column)) {
+                containerLeafColumns.push(column);
+                leafColumns.push(column);
+                leafColumnsToRender.push.apply(leafColumnsToRender, column_common_1.columnsToRender([column]));
+                toRenderContainer.push.apply(toRenderContainer, column_common_1.columnsToRender([column]));
+                hasFooter = hasFooter || column_common_1.someLeafColumn(function (leaf) { return Boolean(leaf.footerTemplateRef); }, column);
+                if (!column.isLocked) {
+                    unlockedWidth += column.width || 0;
+                }
+                if (column.isSpanColumn) {
+                    column.childColumns.forEach(function (c) {
+                        c.leafIndex = leafIndex++;
+                    });
+                }
+                else {
+                    column.leafIndex = leafIndex++;
+                }
+            }
+            containerColumns.push(column);
+            allColumns.push(column);
+            _this.totalLevels = column.level > _this.totalLevels ? column.level : _this.totalLevels;
+        });
+        this.hasFooter = hasFooter;
+        this.leafColumnsToRender = leafColumnsToRender;
+        this.lockedColumnsToRender = lockedColumnsToRender;
+        this.nonLockedColumnsToRender = nonLockedColumnsToRender;
+        this.unlockedWidth = unlockedWidth;
+        var changes = reset([this.leafColumns, leafColumns], [this.lockedLeafColumns, lockedLeafColumns], [this.nonLockedLeafColumns, nonLockedLeafColumns], [this.lockedColumns, lockedColumns], [this.allColumns, allColumns], [this.nonLockedColumns, nonLockedColumns]) || currentLevels !== this.totalLevels;
+        if (changes) {
+            this.changes.emit();
+        }
+        return changes;
+    };
+    return ColumnsContainer;
+}());
+exports.ColumnsContainer = ColumnsContainer;

package/dist/npm/columns/command-column.component.js

@@ -0,0 +1,76 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var core_1 = require("@angular/core");
+var column_base_1 = require("./column-base");
+var cell_template_directive_1 = require("../rendering/cell-template.directive");
+var option_changes_service_1 = require("../common/option-changes.service");
+/**
+ * Represents the command columns of the TreeList. You have to define the content of the
+ * column inside an `<ng-template>` tag. The template context is set to the current
+ * data item. For more information and examples on using the passed fields
+ * and the command directives, refer to the article on
+ * [editing the TreeList in Angular Reactive Forms]({% slug editing_reactive_forms_treelist %}).
+ *
+ * The following additional fields are passed:
+ * - `columnIndex`&mdash;The current column index.
+ * - `rowIndex`&mdash;The current data row index. If inside a new item row, `rowIndex`is `-1`.
+ * - `dataItem`&mdash;The current data item.
+ * - `column`&mdash;The current column instance.
+ * - `isNew`&mdash;The state of the current item.
+ *
+ * Usually, the template contains CRUD command directives such as:
+ * - [`EditCommandDirective`]({% slug api_treelist_editcommanddirective %})
+ * - [`RemoveCommandDirective`]({% slug api_treelist_removecommanddirective %})
+ * - [`CancelCommandDirective`]({% slug api_treelist_cancelcommanddirective %})
+ * - [`SaveCommandDirective`]({% slug api_treelist_savecommanddirective %})
+ *
+ * {% meta height:590 %}
+ * {% embed_file editing/editing-directives/reactive-editing/app.component.ts preview %}
+ * {% embed_file shared/employees.ts %}
+ * {% embed_file editing/editing-directives/reactive-editing/app.module.ts %}
+ * {% embed_file shared/main.ts %}
+ * {% endmeta %}
+ */
+var CommandColumnComponent = /** @class */ (function (_super) {
+    tslib_1.__extends(CommandColumnComponent, _super);
+    function CommandColumnComponent(parent, optionChanges) {
+        var _this = _super.call(this, parent, optionChanges) || this;
+        _this.parent = parent;
+        _this.isCommand = true;
+        return _this;
+    }
+    CommandColumnComponent_1 = CommandColumnComponent;
+    Object.defineProperty(CommandColumnComponent.prototype, "templateRef", {
+        get: function () {
+            return this.template ? this.template.templateRef : undefined;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    var CommandColumnComponent_1;
+    tslib_1.__decorate([
+        core_1.ContentChild(cell_template_directive_1.CellTemplateDirective, { static: false }),
+        tslib_1.__metadata("design:type", cell_template_directive_1.CellTemplateDirective)
+    ], CommandColumnComponent.prototype, "template", void 0);
+    CommandColumnComponent = CommandColumnComponent_1 = tslib_1.__decorate([
+        core_1.Component({
+            providers: [
+                {
+                    provide: column_base_1.ColumnBase,
+                    useExisting: core_1.forwardRef(function () { return CommandColumnComponent_1; })
+                }
+            ],
+            selector: 'kendo-treelist-command-column',
+            template: ""
+        }),
+        tslib_1.__param(0, core_1.SkipSelf()), tslib_1.__param(0, core_1.Host()), tslib_1.__param(0, core_1.Optional()),
+        tslib_1.__metadata("design:paramtypes", [column_base_1.ColumnBase, option_changes_service_1.OptionChangesService])
+    ], CommandColumnComponent);
+    return CommandColumnComponent;
+}(column_base_1.ColumnBase));
+exports.CommandColumnComponent = CommandColumnComponent;

package/dist/npm/columns/sort-settings.js

@@ -0,0 +1,25 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * @hidden
+ */
+var DEFAULTS = {
+    allowUnsort: true,
+    mode: 'single',
+    showIndexes: true,
+    initialDirection: 'asc'
+};
+/**
+ * @hidden
+ */
+exports.normalize = function () {
+    var settings = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        settings[_i] = arguments[_i];
+    }
+    return Object.assign.apply(Object, [{}, DEFAULTS].concat(settings));
+};