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

package/dist/npm/binding-directives/base-binding.directive.js

@@ -0,0 +1,178 @@
+/**-----------------------------------------------------------------------------------------
+* 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 rxjs_1 = require("rxjs");
+var kendo_data_query_1 = require("@progress/kendo-data-query");
+var utils_1 = require("../utils");
+var BaseBindingDirective = /** @class */ (function () {
+    function BaseBindingDirective(component) {
+        this.component = component;
+        this.state = {};
+        this.cache = new Map();
+        this.originalData = [];
+        this.subscriptions = new rxjs_1.Subscription();
+        this.component.fetchChildren = this.fetchChildren.bind(this);
+        this.component.hasChildren = this.hasChildren.bind(this);
+    }
+    Object.defineProperty(BaseBindingDirective.prototype, "sort", {
+        /**
+         * Defines the descriptors by which the data will be sorted.
+         */
+        set: function (value) {
+            this.component.sort = this.state.sort = value;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(BaseBindingDirective.prototype, "filter", {
+        /**
+         * Defines the descriptor by which the data will be filtered.
+         */
+        set: function (value) {
+            this.component.filter = this.state.filter = value;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(BaseBindingDirective.prototype, "aggregate", {
+        /**
+         * Defines the descriptor by which the data will be aggregated.
+         */
+        set: function (value) {
+            this._aggregate = value;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    /**
+     * @hidden
+     */
+    BaseBindingDirective.prototype.ngOnInit = function () {
+        this.applyState(this.state);
+        this.subscriptions.add(this.component.dataStateChange
+            .subscribe(this.onStateChange.bind(this)));
+    };
+    /**
+     * @hidden
+     */
+    BaseBindingDirective.prototype.ngOnDestroy = function () {
+        if (this.subscriptions) {
+            this.subscriptions.unsubscribe();
+        }
+    };
+    BaseBindingDirective.prototype.ngDoCheck = function () {
+        if (this.dataChanged) {
+            this.dataChanged = false;
+            this.rebind();
+        }
+    };
+    /**
+     * @hidden
+     */
+    BaseBindingDirective.prototype.ngOnChanges = function (changes) {
+        if (utils_1.anyChanged(['sort', 'filter', 'aggregate'], changes)) {
+            this.rebind();
+        }
+    };
+    /**
+     * @hidden
+     */
+    BaseBindingDirective.prototype.onStateChange = function (state) {
+        this.applyState(state);
+        this.rebind();
+    };
+    /**
+     * Clears the directive cache and reloads the component data.
+     */
+    BaseBindingDirective.prototype.rebind = function () {
+        this.cache.clear();
+        this.component.data = this.fetchChildren();
+    };
+    BaseBindingDirective.prototype.applyState = function (_a) {
+        var sort = _a.sort, filter = _a.filter;
+        this.sort = sort;
+        this.filter = filter;
+    };
+    BaseBindingDirective.prototype.fetchChildren = function (item) {
+        var key = this.itemKey(item);
+        if (this.cache.has(key)) {
+            return this.cache.get(key);
+        }
+        var children = this.getChildren(item);
+        var items = this.filterItems(children);
+        var aggregates;
+        if (items.length) {
+            if (this.state.sort) {
+                items = kendo_data_query_1.process(items, { sort: this.state.sort }).data;
+            }
+            if (this._aggregate) {
+                aggregates = this.calculateAggregates(items);
+            }
+        }
+        var result = {
+            data: items,
+            aggregates: aggregates
+        };
+        this.cache.set(key, result);
+        return result;
+    };
+    BaseBindingDirective.prototype.hasChildren = function (item) {
+        var items = this.fetchChildren(item).data;
+        return items && items.length > 0;
+    };
+    BaseBindingDirective.prototype.filterItems = function (items) {
+        var _this = this;
+        if (this.state.filter) {
+            var filter = {
+                logic: 'or',
+                filters: [this.state.filter, {
+                        operator: function (item) {
+                            var children = _this.fetchChildren(item);
+                            return Boolean(children.data && children.data.length);
+                        }
+                    }]
+            };
+            return kendo_data_query_1.process(items, {
+                filter: filter
+            }).data;
+        }
+        return items;
+    };
+    BaseBindingDirective.prototype.calculateAggregates = function (items) {
+        var list = [];
+        var toAdd = items.slice(0);
+        while (toAdd.length) {
+            var current = toAdd.shift();
+            list.push(current);
+            if (this.hasChildren(current)) {
+                toAdd.push.apply(toAdd, this.fetchChildren(current).data);
+            }
+        }
+        // can accumulate from children aggregates except for average
+        // for average we need the children count that have numeric value
+        // maybe move the aggregates implementation here ???
+        return kendo_data_query_1.aggregateBy(list, this._aggregate);
+    };
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Array),
+        tslib_1.__metadata("design:paramtypes", [Array])
+    ], BaseBindingDirective.prototype, "sort", null);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Object),
+        tslib_1.__metadata("design:paramtypes", [Object])
+    ], BaseBindingDirective.prototype, "filter", null);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Object),
+        tslib_1.__metadata("design:paramtypes", [Object])
+    ], BaseBindingDirective.prototype, "aggregate", null);
+    return BaseBindingDirective;
+}());
+exports.BaseBindingDirective = BaseBindingDirective;

package/dist/npm/binding-directives/data-bound-tree-component.js

@@ -0,0 +1,22 @@
+/**-----------------------------------------------------------------------------------------
+* 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");
+/**
+ * @hidden
+ *
+ * An injection token used by the data binding directives to interface with the TreeList or the Gantt.
+ */
+var DataBoundTreeComponent = /** @class */ (function () {
+    function DataBoundTreeComponent() {
+    }
+    DataBoundTreeComponent = tslib_1.__decorate([
+        core_1.Injectable()
+    ], DataBoundTreeComponent);
+    return DataBoundTreeComponent;
+}());
+exports.DataBoundTreeComponent = DataBoundTreeComponent;

package/dist/npm/binding-directives/flat-binding.directive.js

@@ -0,0 +1,103 @@
+/**-----------------------------------------------------------------------------------------
+* 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 kendo_common_1 = require("@progress/kendo-common");
+var base_binding_directive_1 = require("./base-binding.directive");
+var flat_edit_service_1 = require("../editing-directives/flat-edit.service");
+var data_bound_tree_component_1 = require("./data-bound-tree-component");
+var utils_1 = require("../utils");
+var ROOT_ID = null;
+/**
+ * A directive which binds the TreeList to an array of objects by using
+ * an ID and parentID field to define the hierarchy.
+ *
+ * The directive encapsulates the in-memory handling of data operations such as
+ * [sorting]({% slug sorting_treelist %}), [aggregation]({% slug treelist_with_aggregates %})
+ * and [filtering]({% slug filtering_treelist %}) ([more information and examples]({% slug databinding_treelist %})).
+ */
+var FlatBindingDirective = /** @class */ (function (_super) {
+    tslib_1.__extends(FlatBindingDirective, _super);
+    function FlatBindingDirective(component) {
+        var _this = _super.call(this, component) || this;
+        _this.component = component;
+        _this.idGetter = kendo_common_1.getter('id');
+        _this.idSetter = kendo_common_1.setter('id');
+        _this.parentIdGetter = kendo_common_1.getter('parentId');
+        _this.parentIdSetter = kendo_common_1.setter('parentId');
+        component.localEditService = new flat_edit_service_1.FlatEditService(_this);
+        return _this;
+    }
+    Object.defineProperty(FlatBindingDirective.prototype, "parentIdField", {
+        /**
+         * The name of the field which contains the identifier of the parent node.
+         */
+        set: function (value) {
+            this.parentIdGetter = kendo_common_1.getter(value);
+            this.parentIdSetter = kendo_common_1.setter(value);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(FlatBindingDirective.prototype, "idField", {
+        /**
+         * The name of the field which contains the unique identifier of the node.
+         */
+        set: function (value) {
+            this.idGetter = kendo_common_1.getter(value);
+            this.idSetter = kendo_common_1.setter(value);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(FlatBindingDirective.prototype, "data", {
+        /**
+         * The array of data which will be used to populate the TreeList.
+         */
+        set: function (value) {
+            this.originalData = value || [];
+            this.dataChanged = true;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    FlatBindingDirective.prototype.getChildren = function (item) {
+        var _this = this;
+        var id = this.itemKey(item);
+        var children = id === ROOT_ID ?
+            this.originalData.filter(function (o) { return !utils_1.isPresent(_this.parentIdGetter(o)); }) :
+            this.originalData.filter(function (o) { return _this.parentIdGetter(o) === id; });
+        return children;
+    };
+    FlatBindingDirective.prototype.itemKey = function (item) {
+        return item ? this.idGetter(item) : ROOT_ID;
+    };
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String),
+        tslib_1.__metadata("design:paramtypes", [String])
+    ], FlatBindingDirective.prototype, "parentIdField", null);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String),
+        tslib_1.__metadata("design:paramtypes", [String])
+    ], FlatBindingDirective.prototype, "idField", null);
+    tslib_1.__decorate([
+        core_1.Input("kendoTreeListFlatBinding"),
+        tslib_1.__metadata("design:type", Array),
+        tslib_1.__metadata("design:paramtypes", [Array])
+    ], FlatBindingDirective.prototype, "data", null);
+    FlatBindingDirective = tslib_1.__decorate([
+        core_1.Directive({
+            exportAs: 'kendoTreeListFlatBinding',
+            selector: '[kendoTreeListFlatBinding]'
+        }),
+        tslib_1.__metadata("design:paramtypes", [data_bound_tree_component_1.DataBoundTreeComponent])
+    ], FlatBindingDirective);
+    return FlatBindingDirective;
+}(base_binding_directive_1.BaseBindingDirective));
+exports.FlatBindingDirective = FlatBindingDirective;

package/dist/npm/binding-directives/hierarchy-binding.directive.js

@@ -0,0 +1,77 @@
+/**-----------------------------------------------------------------------------------------
+* 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 kendo_common_1 = require("@progress/kendo-common");
+var base_binding_directive_1 = require("./base-binding.directive");
+var hierarchy_edit_service_1 = require("../editing-directives/hierarchy-edit.service");
+var data_bound_tree_component_1 = require("./data-bound-tree-component");
+/**
+ * A directive which binds the TreeList to a tree of objects.
+ *
+ * The directive encapsulates the in-memory handling of data operations such as
+ * [sorting]({% slug sorting_treelist %}), [aggregation]({% slug treelist_with_aggregates %})
+ * and [filtering]({% slug filtering_treelist %}) ([more information and examples]({% slug databinding_treelist %})).
+ */
+var HierarchyBindingDirective = /** @class */ (function (_super) {
+    tslib_1.__extends(HierarchyBindingDirective, _super);
+    function HierarchyBindingDirective(component) {
+        var _this = _super.call(this, component) || this;
+        _this.component = component;
+        _this.childrenGetter = kendo_common_1.getter('items');
+        _this.childrenSetter = kendo_common_1.setter('items');
+        component.localEditService = new hierarchy_edit_service_1.HierarchyEditService(_this);
+        return _this;
+    }
+    Object.defineProperty(HierarchyBindingDirective.prototype, "childrenField", {
+        /**
+         *  The name of the field which holds the child data items of the node.
+         */
+        set: function (value) {
+            this.childrenGetter = kendo_common_1.getter(value);
+            this.childrenSetter = kendo_common_1.setter(value);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(HierarchyBindingDirective.prototype, "data", {
+        /**
+         * The array of data which will be used to populate the TreeList.
+         */
+        set: function (value) {
+            this.originalData = value || [];
+            this.dataChanged = true;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    HierarchyBindingDirective.prototype.getChildren = function (item) {
+        return item ? this.childrenGetter(item) || [] : this.originalData;
+    };
+    HierarchyBindingDirective.prototype.itemKey = function (item) {
+        return item;
+    };
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String),
+        tslib_1.__metadata("design:paramtypes", [String])
+    ], HierarchyBindingDirective.prototype, "childrenField", null);
+    tslib_1.__decorate([
+        core_1.Input("kendoTreeListHierarchyBinding"),
+        tslib_1.__metadata("design:type", Array),
+        tslib_1.__metadata("design:paramtypes", [Array])
+    ], HierarchyBindingDirective.prototype, "data", null);
+    HierarchyBindingDirective = tslib_1.__decorate([
+        core_1.Directive({
+            exportAs: 'kendoTreeListHierarchyBinding',
+            selector: '[kendoTreeListHierarchyBinding]'
+        }),
+        tslib_1.__metadata("design:paramtypes", [data_bound_tree_component_1.DataBoundTreeComponent])
+    ], HierarchyBindingDirective);
+    return HierarchyBindingDirective;
+}(base_binding_directive_1.BaseBindingDirective));
+exports.HierarchyBindingDirective = HierarchyBindingDirective;

package/dist/npm/column-menu/column-chooser.component.js

@@ -0,0 +1,131 @@
+/**-----------------------------------------------------------------------------------------
+* 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 kendo_angular_popup_1 = require("@progress/kendo-angular-popup");
+var column_info_service_1 = require("../common/column-info.service");
+var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
+var dom_queries_1 = require("../rendering/common/dom-queries");
+/**
+ * Represents the component for selecting columns in the TreeList. To enable the user to show or hide columns,
+ * add the component inside a [`ToolbarTemplate`]({% slug api_treelist_toolbartemplatedirective %}) directive.
+ *
+ * {% meta height:500 %}
+ * {% embed_file column-menu/chooser-toolbar/app.component.ts preview %}
+ * {% embed_file column-menu/chooser-toolbar/app.module.ts %}
+ * {% embed_file shared/main.ts %}
+ * {% embed_file shared/employees.ts %}
+ * {% endmeta %}
+ */
+var ColumnChooserComponent = /** @class */ (function () {
+    function ColumnChooserComponent(localization, columnInfoService, popupService, ngZone, renderer, changeDetector) {
+        this.localization = localization;
+        this.columnInfoService = columnInfoService;
+        this.popupService = popupService;
+        this.ngZone = ngZone;
+        this.renderer = renderer;
+        this.changeDetector = changeDetector;
+        /**
+         * Specifies if the changes in the visibility of the column will be immediately applied.
+         */
+        this.autoSync = false;
+        /**
+         * Specifies if all columns can be hidden.
+         */
+        this.allowHideAll = true;
+    }
+    Object.defineProperty(ColumnChooserComponent.prototype, "columns", {
+        get: function () {
+            return this.columnInfoService.leafNamedColumns;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    ColumnChooserComponent.prototype.ngOnDestroy = function () {
+        this.close();
+    };
+    /**
+     * @hidden
+     */
+    ColumnChooserComponent.prototype.toggle = function (anchor, template) {
+        var _this = this;
+        if (!this.popupRef) {
+            var direction = this.localization.rtl ? 'right' : 'left';
+            this.popupRef = this.popupService.open({
+                anchor: anchor,
+                content: template,
+                positionMode: 'absolute',
+                anchorAlign: { vertical: 'bottom', horizontal: direction },
+                popupAlign: { vertical: 'top', horizontal: direction }
+            });
+            this.renderer.setAttribute(this.popupRef.popupElement, 'dir', this.localization.rtl ? 'rtl' : 'ltr');
+            this.ngZone.runOutsideAngular(function () {
+                return _this.closeClick = _this.renderer.listen("document", "click", function (_a) {
+                    var target = _a.target;
+                    if (!dom_queries_1.closest(target, function (node) { return node === _this.popupRef.popupElement || node === anchor; })) {
+                        _this.close();
+                    }
+                });
+            });
+        }
+        else {
+            this.close();
+        }
+    };
+    /**
+     * @hidden
+     */
+    ColumnChooserComponent.prototype.onApply = function (changed) {
+        this.close();
+        if (changed.length) {
+            this.changeDetector.markForCheck();
+            this.columnInfoService.changeVisibility(changed);
+        }
+    };
+    /**
+     * @hidden
+     */
+    ColumnChooserComponent.prototype.onChange = function (changed) {
+        this.changeDetector.markForCheck();
+        this.columnInfoService.changeVisibility(changed);
+    };
+    ColumnChooserComponent.prototype.close = function () {
+        if (this.popupRef) {
+            this.popupRef.close();
+            this.popupRef = null;
+        }
+        this.detachClose();
+    };
+    ColumnChooserComponent.prototype.detachClose = function () {
+        if (this.closeClick) {
+            this.closeClick();
+            this.closeClick = null;
+        }
+    };
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Boolean)
+    ], ColumnChooserComponent.prototype, "autoSync", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Boolean)
+    ], ColumnChooserComponent.prototype, "allowHideAll", void 0);
+    ColumnChooserComponent = tslib_1.__decorate([
+        core_1.Component({
+            selector: 'kendo-treelist-column-chooser',
+            template: "\n        <button #anchor\n            type=\"button\"\n            (click)=\"toggle(anchor, template)\"\n            class=\"k-button k-bare k-button-icon\"\n            [attr.title]=\"localization.get('columns')\">\n            <span class=\"k-icon k-i-columns\"></span>\n        </button>\n        <ng-template #template>\n            <span class='k-column-chooser-title'>{{ localization.get('columns') }}</span>\n            <kendo-treelist-columnlist\n                [columns]=\"columns\"\n                [applyText]=\"localization.get('columnsApply')\"\n                [resetText]=\"localization.get('columnsReset')\"\n                [autoSync]=\"autoSync\"\n                [allowHideAll]=\"allowHideAll\"\n                (apply)=\"onApply($event)\"\n                (columnChange)=\"onChange($event)\">\n            </kendo-treelist-columnlist>\n        </ng-template>\n    "
+        }),
+        tslib_1.__metadata("design:paramtypes", [kendo_angular_l10n_1.LocalizationService,
+            column_info_service_1.ColumnInfoService,
+            kendo_angular_popup_1.PopupService,
+            core_1.NgZone,
+            core_1.Renderer2,
+            core_1.ChangeDetectorRef])
+    ], ColumnChooserComponent);
+    return ColumnChooserComponent;
+}());
+exports.ColumnChooserComponent = ColumnChooserComponent;