@datarailsshared/datarailsshared 1.4.187 → 1.4.188

package/bundles/datarailsshared-datarailsshared.umd.js

@@ -4686,6 +4686,776 @@
         _chatSuggestions: [{ type: i0.ViewChild, args: [DrChatSuggestionsComponent,] }]
     };
 
+    var TreeviewI18n = /** @class */ (function () {
+        function TreeviewI18n() {
+        }
+        return TreeviewI18n;
+    }());
+    TreeviewI18n.decorators = [
+        { type: i0.Injectable }
+    ];
+    var DefaultTreeviewI18n = /** @class */ (function (_super) {
+        __extends(DefaultTreeviewI18n, _super);
+        function DefaultTreeviewI18n() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        DefaultTreeviewI18n.prototype.getText = function (selection) {
+            if (selection.uncheckedItems.length === 0) {
+                if (selection.checkedItems.length > 0) {
+                    return this.getAllCheckboxText();
+                }
+                else {
+                    return '';
+                }
+            }
+            switch (selection.checkedItems.length) {
+                case 0:
+                    return 'Select options';
+                case 1:
+                    return selection.checkedItems[0].text;
+                default:
+                    return selection.checkedItems.length + " options selected";
+            }
+        };
+        DefaultTreeviewI18n.prototype.getAllCheckboxText = function () {
+            return 'All';
+        };
+        DefaultTreeviewI18n.prototype.getFilterPlaceholder = function () {
+            return 'Filter';
+        };
+        DefaultTreeviewI18n.prototype.getFilterNoItemsFoundText = function () {
+            return 'No items found';
+        };
+        DefaultTreeviewI18n.prototype.getTooltipCollapseExpandText = function (isCollapse) {
+            return isCollapse ? 'Expand' : 'Collapse';
+        };
+        return DefaultTreeviewI18n;
+    }(TreeviewI18n));
+    DefaultTreeviewI18n.decorators = [
+        { type: i0.Injectable }
+    ];
+
+    var TreeviewHelper = {
+        findItem: findItem,
+        findItemInList: findItemInList,
+        findParent: findParent,
+        removeItem: removeItem,
+        concatSelection: concatSelection
+    };
+    function findItem(root, value) {
+        var e_1, _a;
+        if (_.isNil(root)) {
+            return undefined;
+        }
+        if (root.value === value) {
+            return root;
+        }
+        if (root.children) {
+            try {
+                for (var _b = __values(root.children), _c = _b.next(); !_c.done; _c = _b.next()) {
+                    var child = _c.value;
+                    var foundItem = findItem(child, value);
+                    if (foundItem) {
+                        return foundItem;
+                    }
+                }
+            }
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                }
+                finally { if (e_1) throw e_1.error; }
+            }
+        }
+        return undefined;
+    }
+    function findItemInList(list, value) {
+        var e_2, _a;
+        if (_.isNil(list)) {
+            return undefined;
+        }
+        try {
+            for (var list_1 = __values(list), list_1_1 = list_1.next(); !list_1_1.done; list_1_1 = list_1.next()) {
+                var item = list_1_1.value;
+                var foundItem = findItem(item, value);
+                if (foundItem) {
+                    return foundItem;
+                }
+            }
+        }
+        catch (e_2_1) { e_2 = { error: e_2_1 }; }
+        finally {
+            try {
+                if (list_1_1 && !list_1_1.done && (_a = list_1.return)) _a.call(list_1);
+            }
+            finally { if (e_2) throw e_2.error; }
+        }
+        return undefined;
+    }
+    function findParent(root, item) {
+        var e_3, _a;
+        if (_.isNil(root) || _.isNil(root.children)) {
+            return undefined;
+        }
+        try {
+            for (var _b = __values(root.children), _c = _b.next(); !_c.done; _c = _b.next()) {
+                var child = _c.value;
+                if (child === item) {
+                    return root;
+                }
+                else {
+                    var parent = findParent(child, item);
+                    if (parent) {
+                        return parent;
+                    }
+                }
+            }
+        }
+        catch (e_3_1) { e_3 = { error: e_3_1 }; }
+        finally {
+            try {
+                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+            }
+            finally { if (e_3) throw e_3.error; }
+        }
+        return undefined;
+    }
+    function removeItem(root, item) {
+        var parent = findParent(root, item);
+        if (parent) {
+            _.pull(parent.children, item);
+            if (parent.children.length === 0) {
+                parent.children = undefined;
+            }
+            else {
+                parent.correctChecked();
+            }
+            return true;
+        }
+        return false;
+    }
+    function concatSelection(items, checked, unchecked) {
+        var e_4, _a;
+        var checkedItems = __spreadArray([], __read(checked));
+        var uncheckedItems = __spreadArray([], __read(unchecked));
+        try {
+            for (var items_1 = __values(items), items_1_1 = items_1.next(); !items_1_1.done; items_1_1 = items_1.next()) {
+                var item = items_1_1.value;
+                var selection = item.getSelection();
+                checkedItems = _.concat(checkedItems, selection.checkedItems);
+                uncheckedItems = _.concat(uncheckedItems, selection.uncheckedItems);
+            }
+        }
+        catch (e_4_1) { e_4 = { error: e_4_1 }; }
+        finally {
+            try {
+                if (items_1_1 && !items_1_1.done && (_a = items_1.return)) _a.call(items_1);
+            }
+            finally { if (e_4) throw e_4.error; }
+        }
+        return {
+            checked: checkedItems,
+            unchecked: uncheckedItems
+        };
+    }
+
+    var TreeviewItem = /** @class */ (function () {
+        function TreeviewItem(item, autoCorrectChecked) {
+            var _this = this;
+            if (autoCorrectChecked === void 0) { autoCorrectChecked = false; }
+            this.internalDisabled = false;
+            this.internalChecked = true;
+            this.internalCollapsed = false;
+            if (_.isNil(item)) {
+                throw new Error('Item must be defined');
+            }
+            if (_.isString(item.text)) {
+                this.text = item.text;
+            }
+            else {
+                throw new Error('A text of item must be string object');
+            }
+            this.value = item.value;
+            if (_.isBoolean(item.checked)) {
+                this.checked = item.checked;
+            }
+            if (_.isBoolean(item.collapsed)) {
+                this.collapsed = item.collapsed;
+            }
+            if (_.isBoolean(item.disabled)) {
+                this.disabled = item.disabled;
+            }
+            if (!_.isNil(item.children) && item.children.length > 0) {
+                this.children = item.children.map(function (child) {
+                    if (_this.disabled === true) {
+                        child.disabled = true;
+                    }
+                    return new TreeviewItem(child);
+                });
+            }
+            if (autoCorrectChecked) {
+                this.correctChecked();
+            }
+        }
+        Object.defineProperty(TreeviewItem.prototype, "checked", {
+            get: function () {
+                return this.internalChecked;
+            },
+            set: function (value) {
+                if (!this.internalDisabled) {
+                    if (this.internalChecked !== value) {
+                        this.internalChecked = value;
+                    }
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(TreeviewItem.prototype, "indeterminate", {
+            get: function () {
+                return this.checked === undefined;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        TreeviewItem.prototype.setCheckedRecursive = function (value) {
+            if (!this.internalDisabled) {
+                this.internalChecked = value;
+                if (!_.isNil(this.internalChildren)) {
+                    this.internalChildren.forEach(function (child) { return child.setCheckedRecursive(value); });
+                }
+            }
+        };
+        Object.defineProperty(TreeviewItem.prototype, "disabled", {
+            get: function () {
+                return this.internalDisabled;
+            },
+            set: function (value) {
+                if (this.internalDisabled !== value) {
+                    this.internalDisabled = value;
+                    if (!_.isNil(this.internalChildren)) {
+                        this.internalChildren.forEach(function (child) { return child.disabled = value; });
+                    }
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(TreeviewItem.prototype, "collapsed", {
+            get: function () {
+                return this.internalCollapsed;
+            },
+            set: function (value) {
+                if (this.internalCollapsed !== value) {
+                    this.internalCollapsed = value;
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        TreeviewItem.prototype.setCollapsedRecursive = function (value) {
+            this.internalCollapsed = value;
+            if (!_.isNil(this.internalChildren)) {
+                this.internalChildren.forEach(function (child) { return child.setCollapsedRecursive(value); });
+            }
+        };
+        Object.defineProperty(TreeviewItem.prototype, "children", {
+            get: function () {
+                return this.internalChildren;
+            },
+            set: function (value) {
+                if (this.internalChildren !== value) {
+                    if (!_.isNil(value) && value.length === 0) {
+                        throw new Error('Children must be not an empty array');
+                    }
+                    this.internalChildren = value;
+                    if (!_.isNil(this.internalChildren)) {
+                        var checked_1 = null;
+                        this.internalChildren.forEach(function (child) {
+                            if (checked_1 === null) {
+                                checked_1 = child.checked;
+                            }
+                            else {
+                                if (child.checked !== checked_1) {
+                                    checked_1 = undefined;
+                                    return;
+                                }
+                            }
+                        });
+                        this.internalChecked = checked_1;
+                    }
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        TreeviewItem.prototype.getSelection = function () {
+            var checkedItems = [];
+            var uncheckedItems = [];
+            if (_.isNil(this.internalChildren)) {
+                if (this.internalChecked) {
+                    checkedItems.push(this);
+                }
+                else {
+                    uncheckedItems.push(this);
+                }
+            }
+            else {
+                var selection = TreeviewHelper.concatSelection(this.internalChildren, checkedItems, uncheckedItems);
+                checkedItems = selection.checked;
+                uncheckedItems = selection.unchecked;
+            }
+            return {
+                checkedItems: checkedItems,
+                uncheckedItems: uncheckedItems
+            };
+        };
+        TreeviewItem.prototype.correctChecked = function () {
+            this.internalChecked = this.getCorrectChecked();
+        };
+        TreeviewItem.prototype.getCorrectChecked = function () {
+            var e_1, _a;
+            var checked = null;
+            if (!_.isNil(this.internalChildren)) {
+                try {
+                    for (var _b = __values(this.internalChildren), _c = _b.next(); !_c.done; _c = _b.next()) {
+                        var child = _c.value;
+                        child.internalChecked = child.getCorrectChecked();
+                        if (checked === null) {
+                            checked = child.internalChecked;
+                        }
+                        else if (checked !== child.internalChecked) {
+                            checked = undefined;
+                            break;
+                        }
+                    }
+                }
+                catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                finally {
+                    try {
+                        if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                    }
+                    finally { if (e_1) throw e_1.error; }
+                }
+            }
+            else {
+                checked = this.checked;
+            }
+            return checked;
+        };
+        return TreeviewItem;
+    }());
+
+    var TreeviewConfig = /** @class */ (function () {
+        function TreeviewConfig() {
+            this.hasAllCheckBox = true;
+            this.hasFilter = false;
+            this.hasCollapseExpand = false;
+            this.decoupleChildFromParent = false;
+            this.maxHeight = 500;
+        }
+        Object.defineProperty(TreeviewConfig.prototype, "hasDivider", {
+            get: function () {
+                return this.hasFilter || this.hasAllCheckBox || this.hasCollapseExpand;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        TreeviewConfig.create = function (fields) {
+            var config = new TreeviewConfig();
+            Object.assign(config, fields);
+            return config;
+        };
+        return TreeviewConfig;
+    }());
+    TreeviewConfig.decorators = [
+        { type: i0.Injectable }
+    ];
+
+    var TreeviewEventParser = /** @class */ (function () {
+        function TreeviewEventParser() {
+        }
+        return TreeviewEventParser;
+    }());
+    TreeviewEventParser.decorators = [
+        { type: i0.Injectable }
+    ];
+    var DefaultTreeviewEventParser = /** @class */ (function (_super) {
+        __extends(DefaultTreeviewEventParser, _super);
+        function DefaultTreeviewEventParser() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        DefaultTreeviewEventParser.prototype.getSelectedChange = function (component) {
+            var checkedItems = component.selection.checkedItems;
+            if (!_.isNil(checkedItems)) {
+                return checkedItems.map(function (item) { return item.value; });
+            }
+            return [];
+        };
+        return DefaultTreeviewEventParser;
+    }(TreeviewEventParser));
+    DefaultTreeviewEventParser.decorators = [
+        { type: i0.Injectable }
+    ];
+    var DownlineTreeviewEventParser = /** @class */ (function (_super) {
+        __extends(DownlineTreeviewEventParser, _super);
+        function DownlineTreeviewEventParser() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        DownlineTreeviewEventParser.prototype.getSelectedChange = function (component) {
+            var _this = this;
+            var items = component.items;
+            if (!_.isNil(items)) {
+                var result_1 = [];
+                items.forEach(function (item) {
+                    var links = _this.getLinks(item, null);
+                    if (!_.isNil(links)) {
+                        result_1 = result_1.concat(links);
+                    }
+                });
+                return result_1;
+            }
+            return [];
+        };
+        DownlineTreeviewEventParser.prototype.getLinks = function (item, parent) {
+            var _this = this;
+            if (!_.isNil(item.children)) {
+                var link_1 = {
+                    item: item,
+                    parent: parent
+                };
+                var result_2 = [];
+                item.children.forEach(function (child) {
+                    var links = _this.getLinks(child, link_1);
+                    if (!_.isNil(links)) {
+                        result_2 = result_2.concat(links);
+                    }
+                });
+                return result_2;
+            }
+            if (item.checked) {
+                return [{
+                        item: item,
+                        parent: parent
+                    }];
+            }
+            return null;
+        };
+        return DownlineTreeviewEventParser;
+    }(TreeviewEventParser));
+    DownlineTreeviewEventParser.decorators = [
+        { type: i0.Injectable }
+    ];
+    var OrderDownlineTreeviewEventParser = /** @class */ (function (_super) {
+        __extends(OrderDownlineTreeviewEventParser, _super);
+        function OrderDownlineTreeviewEventParser() {
+            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
+            _this.currentDownlines = [];
+            _this.parser = new DownlineTreeviewEventParser();
+            return _this;
+        }
+        OrderDownlineTreeviewEventParser.prototype.getSelectedChange = function (component) {
+            var newDownlines = this.parser.getSelectedChange(component);
+            if (this.currentDownlines.length === 0) {
+                this.currentDownlines = newDownlines;
+            }
+            else {
+                var intersectDownlines_1 = [];
+                this.currentDownlines.forEach(function (downline) {
+                    var foundIndex = -1;
+                    var length = newDownlines.length;
+                    for (var i = 0; i < length; i++) {
+                        if (downline.item.value === newDownlines[i].item.value) {
+                            foundIndex = i;
+                            break;
+                        }
+                    }
+                    if (foundIndex !== -1) {
+                        intersectDownlines_1.push(newDownlines[foundIndex]);
+                        newDownlines.splice(foundIndex, 1);
+                    }
+                });
+                this.currentDownlines = intersectDownlines_1.concat(newDownlines);
+            }
+            return this.currentDownlines;
+        };
+        return OrderDownlineTreeviewEventParser;
+    }(TreeviewEventParser));
+    OrderDownlineTreeviewEventParser.decorators = [
+        { type: i0.Injectable }
+    ];
+
+    var FilterTreeviewItem = /** @class */ (function (_super) {
+        __extends(FilterTreeviewItem, _super);
+        function FilterTreeviewItem(item) {
+            var _this = _super.call(this, {
+                text: item.text,
+                value: item.value,
+                disabled: item.disabled,
+                checked: item.checked,
+                collapsed: item.collapsed,
+                children: item.children
+            }) || this;
+            _this.refItem = item;
+            return _this;
+        }
+        FilterTreeviewItem.prototype.updateRefChecked = function () {
+            var e_1, _a;
+            this.children.forEach(function (child) {
+                if (child instanceof FilterTreeviewItem) {
+                    child.updateRefChecked();
+                }
+            });
+            var refChecked = this.checked;
+            if (refChecked) {
+                try {
+                    for (var _b = __values(this.refItem.children), _c = _b.next(); !_c.done; _c = _b.next()) {
+                        var refChild = _c.value;
+                        if (!refChild.checked) {
+                            refChecked = false;
+                            break;
+                        }
+                    }
+                }
+                catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                finally {
+                    try {
+                        if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                    }
+                    finally { if (e_1) throw e_1.error; }
+                }
+            }
+            this.refItem.checked = refChecked;
+        };
+        return FilterTreeviewItem;
+    }(TreeviewItem));
+    var TreeviewComponent = /** @class */ (function () {
+        function TreeviewComponent(i18n, defaultConfig, eventParser) {
+            this.i18n = i18n;
+            this.defaultConfig = defaultConfig;
+            this.eventParser = eventParser;
+            this.selectedChange = new i0.EventEmitter();
+            this.filterChange = new i0.EventEmitter();
+            this.filterText = '';
+            this.config = this.defaultConfig;
+            this.allItem = new TreeviewItem({ text: 'All', value: undefined });
+        }
+        Object.defineProperty(TreeviewComponent.prototype, "hasFilterItems", {
+            get: function () {
+                return !_.isNil(this.filterItems) && this.filterItems.length > 0;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(TreeviewComponent.prototype, "maxHeight", {
+            get: function () {
+                return "" + this.config.maxHeight;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        TreeviewComponent.prototype.ngOnInit = function () {
+            this.createHeaderTemplateContext();
+            this.generateSelection();
+        };
+        TreeviewComponent.prototype.ngOnChanges = function (changes) {
+            var itemsSimpleChange = changes.items;
+            if (!_.isNil(itemsSimpleChange) && !_.isNil(this.items)) {
+                this.updateFilterItems();
+                this.updateCollapsedOfAll();
+                this.raiseSelectedChange();
+            }
+        };
+        TreeviewComponent.prototype.onAllCollapseExpand = function () {
+            var _this = this;
+            this.allItem.collapsed = !this.allItem.collapsed;
+            this.filterItems.forEach(function (item) { return item.setCollapsedRecursive(_this.allItem.collapsed); });
+        };
+        TreeviewComponent.prototype.onFilterTextChange = function (text) {
+            this.filterText = text;
+            this.filterChange.emit(text);
+            this.updateFilterItems();
+        };
+        TreeviewComponent.prototype.onAllCheckedChange = function () {
+            var checked = this.allItem.checked;
+            this.filterItems.forEach(function (item) {
+                item.setCheckedRecursive(checked);
+                if (item instanceof FilterTreeviewItem) {
+                    item.updateRefChecked();
+                }
+            });
+            this.raiseSelectedChange();
+        };
+        TreeviewComponent.prototype.onItemCheckedChange = function (item, checked) {
+            if (item instanceof FilterTreeviewItem) {
+                item.updateRefChecked();
+            }
+            this.updateCheckedOfAll();
+            this.raiseSelectedChange();
+        };
+        TreeviewComponent.prototype.raiseSelectedChange = function () {
+            var _this = this;
+            this.generateSelection();
+            var values = this.eventParser.getSelectedChange(this);
+            setTimeout(function () {
+                _this.selectedChange.emit(values);
+            });
+        };
+        TreeviewComponent.prototype.createHeaderTemplateContext = function () {
+            var _this = this;
+            this.headerTemplateContext = {
+                config: this.config,
+                item: this.allItem,
+                onCheckedChange: function () { return _this.onAllCheckedChange(); },
+                onCollapseExpand: function () { return _this.onAllCollapseExpand(); },
+                onFilterTextChange: function (text) { return _this.onFilterTextChange(text); }
+            };
+        };
+        TreeviewComponent.prototype.generateSelection = function () {
+            var checkedItems = [];
+            var uncheckedItems = [];
+            if (!_.isNil(this.items)) {
+                var selection = TreeviewHelper.concatSelection(this.items, checkedItems, uncheckedItems);
+                checkedItems = selection.checked;
+                uncheckedItems = selection.unchecked;
+            }
+            this.selection = {
+                checkedItems: checkedItems,
+                uncheckedItems: uncheckedItems
+            };
+        };
+        TreeviewComponent.prototype.updateFilterItems = function () {
+            var _this = this;
+            if (this.filterText !== '') {
+                var filterItems_1 = [];
+                var filterText_1 = this.filterText.toLowerCase();
+                this.items.forEach(function (item) {
+                    var newItem = _this.filterItem(item, filterText_1);
+                    if (!_.isNil(newItem)) {
+                        filterItems_1.push(newItem);
+                    }
+                });
+                this.filterItems = filterItems_1;
+            }
+            else {
+                this.filterItems = this.items;
+            }
+            this.updateCheckedOfAll();
+        };
+        TreeviewComponent.prototype.filterItem = function (item, filterText) {
+            var _this = this;
+            var isMatch = _.includes(item.text.toLowerCase(), filterText);
+            if (isMatch) {
+                return item;
+            }
+            else {
+                if (!_.isNil(item.children)) {
+                    var children_1 = [];
+                    item.children.forEach(function (child) {
+                        var newChild = _this.filterItem(child, filterText);
+                        if (!_.isNil(newChild)) {
+                            children_1.push(newChild);
+                        }
+                    });
+                    if (children_1.length > 0) {
+                        var newItem = new FilterTreeviewItem(item);
+                        newItem.collapsed = false;
+                        newItem.children = children_1;
+                        return newItem;
+                    }
+                }
+            }
+            return undefined;
+        };
+        TreeviewComponent.prototype.updateCheckedOfAll = function () {
+            var e_2, _a;
+            var itemChecked = null;
+            try {
+                for (var _b = __values(this.filterItems), _c = _b.next(); !_c.done; _c = _b.next()) {
+                    var filterItem = _c.value;
+                    if (itemChecked === null) {
+                        itemChecked = filterItem.checked;
+                    }
+                    else if (itemChecked !== filterItem.checked) {
+                        itemChecked = undefined;
+                        break;
+                    }
+                }
+            }
+            catch (e_2_1) { e_2 = { error: e_2_1 }; }
+            finally {
+                try {
+                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                }
+                finally { if (e_2) throw e_2.error; }
+            }
+            if (itemChecked === null) {
+                itemChecked = false;
+            }
+            this.allItem.checked = itemChecked;
+        };
+        TreeviewComponent.prototype.updateCollapsedOfAll = function () {
+            var e_3, _a;
+            var hasItemExpanded = false;
+            try {
+                for (var _b = __values(this.filterItems), _c = _b.next(); !_c.done; _c = _b.next()) {
+                    var filterItem = _c.value;
+                    if (!filterItem.collapsed) {
+                        hasItemExpanded = true;
+                        break;
+                    }
+                }
+            }
+            catch (e_3_1) { e_3 = { error: e_3_1 }; }
+            finally {
+                try {
+                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                }
+                finally { if (e_3) throw e_3.error; }
+            }
+            this.allItem.collapsed = !hasItemExpanded;
+        };
+        return TreeviewComponent;
+    }());
+    TreeviewComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'ngx-treeview',
+                    template: "<ng-template #defaultItemTemplate let-item=\"item\" let-onCollapseExpand=\"onCollapseExpand\"\n  let-onCheckedChange=\"onCheckedChange\">\n  <div class=\"form-inline row-item\">\n    <i *ngIf=\"item.children\" (click)=\"onCollapseExpand()\" aria-hidden=\"true\" [ngSwitch]=\"item.collapsed\">\n      <svg *ngSwitchCase=\"true\" width=\"0.8rem\" height=\"0.8rem\" viewBox=\"0 0 16 16\" class=\"bi bi-caret-right-fill\"\n        fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M12.14 8.753l-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z\" />\n      </svg>\n      <svg *ngSwitchCase=\"false\" width=\"0.8rem\" height=\"0.8rem\" viewBox=\"0 0 16 16\" class=\"bi bi-caret-down-fill\"\n        fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z\" />\n      </svg>\n    </i>\n    <div class=\"form-check\">\n      <input type=\"checkbox\" class=\"form-check-input\" [(ngModel)]=\"item.checked\" (ngModelChange)=\"onCheckedChange()\"\n        [disabled]=\"item.disabled\" [indeterminate]=\"item.indeterminate\" />\n      <label class=\"form-check-label\" (click)=\"item.checked = !item.checked; onCheckedChange()\">\n        {{item.text}}\n      </label>\n    </div>\n  </div>\n</ng-template>\n<ng-template #defaultHeaderTemplate let-config=\"config\" let-item=\"item\" let-onCollapseExpand=\"onCollapseExpand\"\n  let-onCheckedChange=\"onCheckedChange\" let-onFilterTextChange=\"onFilterTextChange\">\n  <div *ngIf=\"config.hasFilter\" class=\"row row-filter\">\n    <div class=\"col-12\">\n      <input class=\"form-control\" type=\"text\" [placeholder]=\"i18n.getFilterPlaceholder()\" [(ngModel)]=\"filterText\"\n        (ngModelChange)=\"onFilterTextChange($event)\" />\n    </div>\n  </div>\n  <div *ngIf=\"hasFilterItems\">\n    <div *ngIf=\"config.hasAllCheckBox || config.hasCollapseExpand\" class=\"row row-all\">\n      <div class=\"col-12\">\n        <div class=\"form-check form-check-inline\" *ngIf=\"config.hasAllCheckBox\">\n          <input type=\"checkbox\" class=\"form-check-input\" [(ngModel)]=\"item.checked\" (ngModelChange)=\"onCheckedChange()\"\n            [indeterminate]=\"item.indeterminate\" />\n          <label class=\"form-check-label\" (click)=\"item.checked = !item.checked; onCheckedChange()\">\n            {{i18n.getAllCheckboxText()}}\n          </label>\n        </div>\n        <label *ngIf=\"config.hasCollapseExpand\" class=\"float-right form-check-label\" (click)=\"onCollapseExpand()\">\n          <i [title]=\"i18n.getTooltipCollapseExpandText(item.collapsed)\" aria-hidden=\"true\" [ngSwitch]=\"item.collapsed\">\n            <svg *ngSwitchCase=\"true\" width=\"1em\" height=\"1em\" viewBox=\"0 0 16 16\" class=\"bi bi-arrows-angle-expand\"\n              fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path fill-rule=\"evenodd\"\n                d=\"M1.5 10.036a.5.5 0 0 1 .5.5v3.5h3.5a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 .5-.5z\" />\n              <path fill-rule=\"evenodd\"\n                d=\"M6.354 9.646a.5.5 0 0 1 0 .708l-4.5 4.5a.5.5 0 0 1-.708-.708l4.5-4.5a.5.5 0 0 1 .708 0zm8.5-8.5a.5.5 0 0 1 0 .708l-4.5 4.5a.5.5 0 0 1-.708-.708l4.5-4.5a.5.5 0 0 1 .708 0z\" />\n              <path fill-rule=\"evenodd\"\n                d=\"M10.036 1.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5v4a.5.5 0 1 1-1 0V2h-3.5a.5.5 0 0 1-.5-.5z\" />\n            </svg>\n            <svg *ngSwitchCase=\"false\" width=\"1em\" height=\"1em\" viewBox=\"0 0 16 16\" class=\"bi bi-arrows-angle-contract\"\n              fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path fill-rule=\"evenodd\"\n                d=\"M9.5 2.036a.5.5 0 0 1 .5.5v3.5h3.5a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 .5-.5z\" />\n              <path fill-rule=\"evenodd\"\n                d=\"M14.354 1.646a.5.5 0 0 1 0 .708l-4.5 4.5a.5.5 0 1 1-.708-.708l4.5-4.5a.5.5 0 0 1 .708 0zm-7.5 7.5a.5.5 0 0 1 0 .708l-4.5 4.5a.5.5 0 0 1-.708-.708l4.5-4.5a.5.5 0 0 1 .708 0z\" />\n              <path fill-rule=\"evenodd\"\n                d=\"M2.036 9.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0V10h-3.5a.5.5 0 0 1-.5-.5z\" />\n            </svg>\n          </i>\n        </label>\n      </div>\n    </div>\n    <div *ngIf=\"config.hasDivider\" class=\"dropdown-divider\"></div>\n  </div>\n</ng-template>\n<div class=\"treeview-header\">\n  <ng-template [ngTemplateOutlet]=\"headerTemplate || defaultHeaderTemplate\"\n    [ngTemplateOutletContext]=\"headerTemplateContext\">\n  </ng-template>\n</div>\n<div [ngSwitch]=\"hasFilterItems\">\n  <div *ngSwitchCase=\"true\" class=\"treeview-container\" [style.max-height.px]=\"maxHeight\">\n    <ngx-treeview-item *ngFor=\"let item of filterItems\" [config]=\"config\" [item]=\"item\"\n      [template]=\"itemTemplate || defaultItemTemplate\" (checkedChange)=\"onItemCheckedChange(item, $event)\">\n    </ngx-treeview-item>\n  </div>\n  <div *ngSwitchCase=\"false\" class=\"treeview-text\">\n    {{i18n.getFilterNoItemsFoundText()}}\n  </div>\n</div>\n",
+                    styles: [":host .treeview-header .row-filter{margin-bottom:.5rem}:host .treeview-header .row-all .bi{cursor:pointer}:host .treeview-container .row-item{margin-bottom:.3rem;flex-wrap:nowrap}:host .treeview-container .row-item .bi{cursor:pointer;margin-right:.3rem}.treeview-container{overflow-y:auto;padding-right:.3rem}.treeview-text{padding:.3rem 0;white-space:nowrap}\n"]
+                },] }
+    ];
+    TreeviewComponent.ctorParameters = function () { return [
+        { type: TreeviewI18n },
+        { type: TreeviewConfig },
+        { type: TreeviewEventParser }
+    ]; };
+    TreeviewComponent.propDecorators = {
+        headerTemplate: [{ type: i0.Input }],
+        itemTemplate: [{ type: i0.Input }],
+        items: [{ type: i0.Input }],
+        config: [{ type: i0.Input }],
+        selectedChange: [{ type: i0.Output }],
+        filterChange: [{ type: i0.Output }]
+    };
+
+    var TreeviewPipe = /** @class */ (function () {
+        function TreeviewPipe() {
+        }
+        TreeviewPipe.prototype.transform = function (objects, textField) {
+            if (_.isNil(objects)) {
+                return undefined;
+            }
+            return objects.map(function (object) { return new TreeviewItem({ text: object[textField], value: object }); });
+        };
+        return TreeviewPipe;
+    }());
+    TreeviewPipe.decorators = [
+        { type: i0.Pipe, args: [{
+                    name: 'ngxTreeview'
+                },] }
+    ];
+
     exports.TooltipPosition = void 0;
     (function (TooltipPosition) {
         TooltipPosition["TOP"] = "top";
@@ -7044,6 +7814,107 @@
                 },] }
     ];
 
+    var TreeviewItemComponent = /** @class */ (function () {
+        function TreeviewItemComponent(defaultConfig) {
+            var _this = this;
+            this.defaultConfig = defaultConfig;
+            this.checkedChange = new i0.EventEmitter();
+            this.onCollapseExpand = function () {
+                _this.item.collapsed = !_this.item.collapsed;
+            };
+            this.onCheckedChange = function () {
+                var checked = _this.item.checked;
+                if (!_.isNil(_this.item.children) && !_this.config.decoupleChildFromParent) {
+                    _this.item.children.forEach(function (child) { return child.setCheckedRecursive(checked); });
+                }
+                _this.checkedChange.emit(checked);
+            };
+            this.config = this.defaultConfig;
+        }
+        TreeviewItemComponent.prototype.onChildCheckedChange = function (child, checked) {
+            var e_1, _a;
+            if (!this.config.decoupleChildFromParent) {
+                var itemChecked = null;
+                try {
+                    for (var _b = __values(this.item.children), _c = _b.next(); !_c.done; _c = _b.next()) {
+                        var childItem = _c.value;
+                        if (itemChecked === null) {
+                            itemChecked = childItem.checked;
+                        }
+                        else if (itemChecked !== childItem.checked) {
+                            itemChecked = undefined;
+                            break;
+                        }
+                    }
+                }
+                catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                finally {
+                    try {
+                        if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                    }
+                    finally { if (e_1) throw e_1.error; }
+                }
+                if (itemChecked === null) {
+                    itemChecked = false;
+                }
+                if (this.item.checked !== itemChecked) {
+                    this.item.checked = itemChecked;
+                }
+            }
+            this.checkedChange.emit(checked);
+        };
+        return TreeviewItemComponent;
+    }());
+    TreeviewItemComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'ngx-treeview-item',
+                    template: "<div *ngIf=\"item\" class=\"treeview-item\">\n  <ng-template [ngTemplateOutlet]=\"template\"\n    [ngTemplateOutletContext]=\"{item: item, onCollapseExpand: onCollapseExpand, onCheckedChange: onCheckedChange}\">\n  </ng-template>\n  <div *ngIf=\"!item.collapsed\">\n    <ngx-treeview-item [config]=\"config\" *ngFor=\"let child of item.children\" [item]=\"child\" [template]=\"template\"\n      (checkedChange)=\"onChildCheckedChange(child, $event)\">\n    </ngx-treeview-item>\n  </div>\n</div>\n",
+                    styles: [":host{display:block}:host .treeview-item{white-space:nowrap}:host .treeview-item .treeview-item{margin-left:2rem}\n"]
+                },] }
+    ];
+    TreeviewItemComponent.ctorParameters = function () { return [
+        { type: TreeviewConfig }
+    ]; };
+    TreeviewItemComponent.propDecorators = {
+        config: [{ type: i0.Input }],
+        template: [{ type: i0.Input }],
+        item: [{ type: i0.Input }],
+        checkedChange: [{ type: i0.Output }]
+    };
+
+    var TreeviewModule = /** @class */ (function () {
+        function TreeviewModule() {
+        }
+        TreeviewModule.forRoot = function () {
+            return {
+                ngModule: TreeviewModule,
+                providers: [
+                    TreeviewConfig,
+                    { provide: TreeviewEventParser, useClass: DefaultTreeviewEventParser }
+                ]
+            };
+        };
+        return TreeviewModule;
+    }());
+    TreeviewModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        forms.FormsModule,
+                        common.CommonModule
+                    ],
+                    declarations: [
+                        TreeviewComponent,
+                        TreeviewItemComponent,
+                        TreeviewPipe
+                    ],
+                    exports: [
+                        TreeviewComponent,
+                        TreeviewPipe,
+                    ],
+                    providers: [],
+                },] }
+    ];
+
     /* components */
 
     /**
@@ -7057,7 +7928,10 @@
     exports.DateTagComponent = DateTagComponent;
     exports.DateTagModule = DateTagModule;
     exports.DayTagComponent = DayTagComponent;
+    exports.DefaultTreeviewEventParser = DefaultTreeviewEventParser;
+    exports.DefaultTreeviewI18n = DefaultTreeviewI18n;
     exports.DialogService = DialogService;
+    exports.DownlineTreeviewEventParser = DownlineTreeviewEventParser;
     exports.DrAccordionComponent = DrAccordionComponent;
     exports.DrAccordionItemBodyComponent = DrAccordionItemBodyComponent;
     exports.DrAccordionItemComponent = DrAccordionItemComponent;
@@ -7114,11 +7988,20 @@
     exports.ListTagComponent = ListTagComponent;
     exports.ListTagModule = ListTagModule;
     exports.MonthTagComponent = MonthTagComponent;
+    exports.OrderDownlineTreeviewEventParser = OrderDownlineTreeviewEventParser;
     exports.QuarterTagComponent = QuarterTagComponent;
     exports.RadioButtonComponent = RadioButtonComponent;
     exports.RadioGroupComponent = RadioGroupComponent;
     exports.ScenarioService = ScenarioService;
     exports.TooltipComponent = TooltipComponent;
+    exports.TreeviewComponent = TreeviewComponent;
+    exports.TreeviewConfig = TreeviewConfig;
+    exports.TreeviewEventParser = TreeviewEventParser;
+    exports.TreeviewHelper = TreeviewHelper;
+    exports.TreeviewI18n = TreeviewI18n;
+    exports.TreeviewItem = TreeviewItem;
+    exports.TreeviewModule = TreeviewModule;
+    exports.TreeviewPipe = TreeviewPipe;
     exports.WeekTagComponent = WeekTagComponent;
     exports.YearTagComponent = YearTagComponent;
     exports["ɵa"] = components$2;
@@ -7126,6 +8009,7 @@
     exports["ɵba"] = DrScenarioConfigurationComponent;
     exports["ɵbb"] = DrScenarioTagConfigurationComponent;
     exports["ɵbc"] = DrBadgeStatusComponent;
+    exports["ɵbd"] = TreeviewItemComponent;
     exports["ɵc"] = DrChatCustomMessageService;
     exports["ɵd"] = DrChatMessageComponent;
     exports["ɵe"] = DrChatFormComponent;