@datarailsshared/datarailsshared 1.4.187 → 1.4.188

package/fesm2015/datarailsshared-datarailsshared.js

@@ -3,7 +3,7 @@ import { EventEmitter, Component, ViewEncapsulation, Input, Output, HostBinding,
 import { DateAdapter, MAT_DATE_LOCALE, MAT_DATE_FORMATS, MatNativeDateModule } from '@angular/material/core';
 import { MomentDateAdapter, MAT_MOMENT_DATE_ADAPTER_OPTIONS } from '@angular/material-moment-adapter';
 import * as _ from 'lodash';
-import { find, map, merge, forEach, some, orderBy, cloneDeep, filter as filter$1, indexOf, reduce, isObject, isNil, isNumber, includes } from 'lodash';
+import { find, map, merge, forEach, some, isNil, pull, concat, isString, isBoolean, includes, orderBy, cloneDeep, filter as filter$1, indexOf, reduce, isObject, isNumber } from 'lodash';
 import { NG_VALUE_ACCESSOR, FormGroupDirective, FormGroup, FormControl, NgModel, NgControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { isPlatformBrowser, DOCUMENT, CommonModule } from '@angular/common';
 import { Subject, from, merge as merge$1, fromEvent, noop as noop$1, BehaviorSubject } from 'rxjs';
@@ -4017,6 +4017,614 @@ DrChatComponent.propDecorators = {
     _chatSuggestions: [{ type: ViewChild, args: [DrChatSuggestionsComponent,] }]
 };
 
+class TreeviewI18n {
+}
+TreeviewI18n.decorators = [
+    { type: Injectable }
+];
+class DefaultTreeviewI18n extends TreeviewI18n {
+    getText(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`;
+        }
+    }
+    getAllCheckboxText() {
+        return 'All';
+    }
+    getFilterPlaceholder() {
+        return 'Filter';
+    }
+    getFilterNoItemsFoundText() {
+        return 'No items found';
+    }
+    getTooltipCollapseExpandText(isCollapse) {
+        return isCollapse ? 'Expand' : 'Collapse';
+    }
+}
+DefaultTreeviewI18n.decorators = [
+    { type: Injectable }
+];
+
+const TreeviewHelper = {
+    findItem,
+    findItemInList,
+    findParent,
+    removeItem,
+    concatSelection
+};
+function findItem(root, value) {
+    if (isNil(root)) {
+        return undefined;
+    }
+    if (root.value === value) {
+        return root;
+    }
+    if (root.children) {
+        for (const child of root.children) {
+            const foundItem = findItem(child, value);
+            if (foundItem) {
+                return foundItem;
+            }
+        }
+    }
+    return undefined;
+}
+function findItemInList(list, value) {
+    if (isNil(list)) {
+        return undefined;
+    }
+    for (const item of list) {
+        const foundItem = findItem(item, value);
+        if (foundItem) {
+            return foundItem;
+        }
+    }
+    return undefined;
+}
+function findParent(root, item) {
+    if (isNil(root) || isNil(root.children)) {
+        return undefined;
+    }
+    for (const child of root.children) {
+        if (child === item) {
+            return root;
+        }
+        else {
+            const parent = findParent(child, item);
+            if (parent) {
+                return parent;
+            }
+        }
+    }
+    return undefined;
+}
+function removeItem(root, item) {
+    const 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) {
+    let checkedItems = [...checked];
+    let uncheckedItems = [...unchecked];
+    for (const item of items) {
+        const selection = item.getSelection();
+        checkedItems = concat(checkedItems, selection.checkedItems);
+        uncheckedItems = concat(uncheckedItems, selection.uncheckedItems);
+    }
+    return {
+        checked: checkedItems,
+        unchecked: uncheckedItems
+    };
+}
+
+class TreeviewItem {
+    constructor(item, 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(child => {
+                if (this.disabled === true) {
+                    child.disabled = true;
+                }
+                return new TreeviewItem(child);
+            });
+        }
+        if (autoCorrectChecked) {
+            this.correctChecked();
+        }
+    }
+    get checked() {
+        return this.internalChecked;
+    }
+    set checked(value) {
+        if (!this.internalDisabled) {
+            if (this.internalChecked !== value) {
+                this.internalChecked = value;
+            }
+        }
+    }
+    get indeterminate() {
+        return this.checked === undefined;
+    }
+    setCheckedRecursive(value) {
+        if (!this.internalDisabled) {
+            this.internalChecked = value;
+            if (!isNil(this.internalChildren)) {
+                this.internalChildren.forEach(child => child.setCheckedRecursive(value));
+            }
+        }
+    }
+    get disabled() {
+        return this.internalDisabled;
+    }
+    set disabled(value) {
+        if (this.internalDisabled !== value) {
+            this.internalDisabled = value;
+            if (!isNil(this.internalChildren)) {
+                this.internalChildren.forEach(child => child.disabled = value);
+            }
+        }
+    }
+    get collapsed() {
+        return this.internalCollapsed;
+    }
+    set collapsed(value) {
+        if (this.internalCollapsed !== value) {
+            this.internalCollapsed = value;
+        }
+    }
+    setCollapsedRecursive(value) {
+        this.internalCollapsed = value;
+        if (!isNil(this.internalChildren)) {
+            this.internalChildren.forEach(child => child.setCollapsedRecursive(value));
+        }
+    }
+    get children() {
+        return this.internalChildren;
+    }
+    set children(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)) {
+                let checked = null;
+                this.internalChildren.forEach(child => {
+                    if (checked === null) {
+                        checked = child.checked;
+                    }
+                    else {
+                        if (child.checked !== checked) {
+                            checked = undefined;
+                            return;
+                        }
+                    }
+                });
+                this.internalChecked = checked;
+            }
+        }
+    }
+    getSelection() {
+        let checkedItems = [];
+        let uncheckedItems = [];
+        if (isNil(this.internalChildren)) {
+            if (this.internalChecked) {
+                checkedItems.push(this);
+            }
+            else {
+                uncheckedItems.push(this);
+            }
+        }
+        else {
+            const selection = TreeviewHelper.concatSelection(this.internalChildren, checkedItems, uncheckedItems);
+            checkedItems = selection.checked;
+            uncheckedItems = selection.unchecked;
+        }
+        return {
+            checkedItems,
+            uncheckedItems
+        };
+    }
+    correctChecked() {
+        this.internalChecked = this.getCorrectChecked();
+    }
+    getCorrectChecked() {
+        let checked = null;
+        if (!isNil(this.internalChildren)) {
+            for (const child of this.internalChildren) {
+                child.internalChecked = child.getCorrectChecked();
+                if (checked === null) {
+                    checked = child.internalChecked;
+                }
+                else if (checked !== child.internalChecked) {
+                    checked = undefined;
+                    break;
+                }
+            }
+        }
+        else {
+            checked = this.checked;
+        }
+        return checked;
+    }
+}
+
+class TreeviewConfig {
+    constructor() {
+        this.hasAllCheckBox = true;
+        this.hasFilter = false;
+        this.hasCollapseExpand = false;
+        this.decoupleChildFromParent = false;
+        this.maxHeight = 500;
+    }
+    get hasDivider() {
+        return this.hasFilter || this.hasAllCheckBox || this.hasCollapseExpand;
+    }
+    static create(fields) {
+        const config = new TreeviewConfig();
+        Object.assign(config, fields);
+        return config;
+    }
+}
+TreeviewConfig.decorators = [
+    { type: Injectable }
+];
+
+class TreeviewEventParser {
+}
+TreeviewEventParser.decorators = [
+    { type: Injectable }
+];
+class DefaultTreeviewEventParser extends TreeviewEventParser {
+    getSelectedChange(component) {
+        const checkedItems = component.selection.checkedItems;
+        if (!isNil(checkedItems)) {
+            return checkedItems.map(item => item.value);
+        }
+        return [];
+    }
+}
+DefaultTreeviewEventParser.decorators = [
+    { type: Injectable }
+];
+class DownlineTreeviewEventParser extends TreeviewEventParser {
+    getSelectedChange(component) {
+        const items = component.items;
+        if (!isNil(items)) {
+            let result = [];
+            items.forEach(item => {
+                const links = this.getLinks(item, null);
+                if (!isNil(links)) {
+                    result = result.concat(links);
+                }
+            });
+            return result;
+        }
+        return [];
+    }
+    getLinks(item, parent) {
+        if (!isNil(item.children)) {
+            const link = {
+                item,
+                parent
+            };
+            let result = [];
+            item.children.forEach(child => {
+                const links = this.getLinks(child, link);
+                if (!isNil(links)) {
+                    result = result.concat(links);
+                }
+            });
+            return result;
+        }
+        if (item.checked) {
+            return [{
+                    item,
+                    parent
+                }];
+        }
+        return null;
+    }
+}
+DownlineTreeviewEventParser.decorators = [
+    { type: Injectable }
+];
+class OrderDownlineTreeviewEventParser extends TreeviewEventParser {
+    constructor() {
+        super(...arguments);
+        this.currentDownlines = [];
+        this.parser = new DownlineTreeviewEventParser();
+    }
+    getSelectedChange(component) {
+        const newDownlines = this.parser.getSelectedChange(component);
+        if (this.currentDownlines.length === 0) {
+            this.currentDownlines = newDownlines;
+        }
+        else {
+            const intersectDownlines = [];
+            this.currentDownlines.forEach(downline => {
+                let foundIndex = -1;
+                const length = newDownlines.length;
+                for (let i = 0; i < length; i++) {
+                    if (downline.item.value === newDownlines[i].item.value) {
+                        foundIndex = i;
+                        break;
+                    }
+                }
+                if (foundIndex !== -1) {
+                    intersectDownlines.push(newDownlines[foundIndex]);
+                    newDownlines.splice(foundIndex, 1);
+                }
+            });
+            this.currentDownlines = intersectDownlines.concat(newDownlines);
+        }
+        return this.currentDownlines;
+    }
+}
+OrderDownlineTreeviewEventParser.decorators = [
+    { type: Injectable }
+];
+
+class FilterTreeviewItem extends TreeviewItem {
+    constructor(item) {
+        super({
+            text: item.text,
+            value: item.value,
+            disabled: item.disabled,
+            checked: item.checked,
+            collapsed: item.collapsed,
+            children: item.children
+        });
+        this.refItem = item;
+    }
+    updateRefChecked() {
+        this.children.forEach(child => {
+            if (child instanceof FilterTreeviewItem) {
+                child.updateRefChecked();
+            }
+        });
+        let refChecked = this.checked;
+        if (refChecked) {
+            for (const refChild of this.refItem.children) {
+                if (!refChild.checked) {
+                    refChecked = false;
+                    break;
+                }
+            }
+        }
+        this.refItem.checked = refChecked;
+    }
+}
+class TreeviewComponent {
+    constructor(i18n, defaultConfig, eventParser) {
+        this.i18n = i18n;
+        this.defaultConfig = defaultConfig;
+        this.eventParser = eventParser;
+        this.selectedChange = new EventEmitter();
+        this.filterChange = new EventEmitter();
+        this.filterText = '';
+        this.config = this.defaultConfig;
+        this.allItem = new TreeviewItem({ text: 'All', value: undefined });
+    }
+    get hasFilterItems() {
+        return !isNil(this.filterItems) && this.filterItems.length > 0;
+    }
+    get maxHeight() {
+        return `${this.config.maxHeight}`;
+    }
+    ngOnInit() {
+        this.createHeaderTemplateContext();
+        this.generateSelection();
+    }
+    ngOnChanges(changes) {
+        const itemsSimpleChange = changes.items;
+        if (!isNil(itemsSimpleChange) && !isNil(this.items)) {
+            this.updateFilterItems();
+            this.updateCollapsedOfAll();
+            this.raiseSelectedChange();
+        }
+    }
+    onAllCollapseExpand() {
+        this.allItem.collapsed = !this.allItem.collapsed;
+        this.filterItems.forEach(item => item.setCollapsedRecursive(this.allItem.collapsed));
+    }
+    onFilterTextChange(text) {
+        this.filterText = text;
+        this.filterChange.emit(text);
+        this.updateFilterItems();
+    }
+    onAllCheckedChange() {
+        const checked = this.allItem.checked;
+        this.filterItems.forEach(item => {
+            item.setCheckedRecursive(checked);
+            if (item instanceof FilterTreeviewItem) {
+                item.updateRefChecked();
+            }
+        });
+        this.raiseSelectedChange();
+    }
+    onItemCheckedChange(item, checked) {
+        if (item instanceof FilterTreeviewItem) {
+            item.updateRefChecked();
+        }
+        this.updateCheckedOfAll();
+        this.raiseSelectedChange();
+    }
+    raiseSelectedChange() {
+        this.generateSelection();
+        const values = this.eventParser.getSelectedChange(this);
+        setTimeout(() => {
+            this.selectedChange.emit(values);
+        });
+    }
+    createHeaderTemplateContext() {
+        this.headerTemplateContext = {
+            config: this.config,
+            item: this.allItem,
+            onCheckedChange: () => this.onAllCheckedChange(),
+            onCollapseExpand: () => this.onAllCollapseExpand(),
+            onFilterTextChange: (text) => this.onFilterTextChange(text)
+        };
+    }
+    generateSelection() {
+        let checkedItems = [];
+        let uncheckedItems = [];
+        if (!isNil(this.items)) {
+            const selection = TreeviewHelper.concatSelection(this.items, checkedItems, uncheckedItems);
+            checkedItems = selection.checked;
+            uncheckedItems = selection.unchecked;
+        }
+        this.selection = {
+            checkedItems,
+            uncheckedItems
+        };
+    }
+    updateFilterItems() {
+        if (this.filterText !== '') {
+            const filterItems = [];
+            const filterText = this.filterText.toLowerCase();
+            this.items.forEach(item => {
+                const newItem = this.filterItem(item, filterText);
+                if (!isNil(newItem)) {
+                    filterItems.push(newItem);
+                }
+            });
+            this.filterItems = filterItems;
+        }
+        else {
+            this.filterItems = this.items;
+        }
+        this.updateCheckedOfAll();
+    }
+    filterItem(item, filterText) {
+        const isMatch = includes(item.text.toLowerCase(), filterText);
+        if (isMatch) {
+            return item;
+        }
+        else {
+            if (!isNil(item.children)) {
+                const children = [];
+                item.children.forEach(child => {
+                    const newChild = this.filterItem(child, filterText);
+                    if (!isNil(newChild)) {
+                        children.push(newChild);
+                    }
+                });
+                if (children.length > 0) {
+                    const newItem = new FilterTreeviewItem(item);
+                    newItem.collapsed = false;
+                    newItem.children = children;
+                    return newItem;
+                }
+            }
+        }
+        return undefined;
+    }
+    updateCheckedOfAll() {
+        let itemChecked = null;
+        for (const filterItem of this.filterItems) {
+            if (itemChecked === null) {
+                itemChecked = filterItem.checked;
+            }
+            else if (itemChecked !== filterItem.checked) {
+                itemChecked = undefined;
+                break;
+            }
+        }
+        if (itemChecked === null) {
+            itemChecked = false;
+        }
+        this.allItem.checked = itemChecked;
+    }
+    updateCollapsedOfAll() {
+        let hasItemExpanded = false;
+        for (const filterItem of this.filterItems) {
+            if (!filterItem.collapsed) {
+                hasItemExpanded = true;
+                break;
+            }
+        }
+        this.allItem.collapsed = !hasItemExpanded;
+    }
+}
+TreeviewComponent.decorators = [
+    { type: 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 = () => [
+    { type: TreeviewI18n },
+    { type: TreeviewConfig },
+    { type: TreeviewEventParser }
+];
+TreeviewComponent.propDecorators = {
+    headerTemplate: [{ type: Input }],
+    itemTemplate: [{ type: Input }],
+    items: [{ type: Input }],
+    config: [{ type: Input }],
+    selectedChange: [{ type: Output }],
+    filterChange: [{ type: Output }]
+};
+
+class TreeviewPipe {
+    transform(objects, textField) {
+        if (isNil(objects)) {
+            return undefined;
+        }
+        return objects.map(object => new TreeviewItem({ text: object[textField], value: object }));
+    }
+}
+TreeviewPipe.decorators = [
+    { type: Pipe, args: [{
+                name: 'ngxTreeview'
+            },] }
+];
+
 var TooltipPosition;
 (function (TooltipPosition) {
     TooltipPosition["TOP"] = "top";
@@ -6182,11 +6790,96 @@ DrBadgeStatusModule.decorators = [
             },] }
 ];
 
+class TreeviewItemComponent {
+    constructor(defaultConfig) {
+        this.defaultConfig = defaultConfig;
+        this.checkedChange = new EventEmitter();
+        this.onCollapseExpand = () => {
+            this.item.collapsed = !this.item.collapsed;
+        };
+        this.onCheckedChange = () => {
+            const checked = this.item.checked;
+            if (!isNil(this.item.children) && !this.config.decoupleChildFromParent) {
+                this.item.children.forEach(child => child.setCheckedRecursive(checked));
+            }
+            this.checkedChange.emit(checked);
+        };
+        this.config = this.defaultConfig;
+    }
+    onChildCheckedChange(child, checked) {
+        if (!this.config.decoupleChildFromParent) {
+            let itemChecked = null;
+            for (const childItem of this.item.children) {
+                if (itemChecked === null) {
+                    itemChecked = childItem.checked;
+                }
+                else if (itemChecked !== childItem.checked) {
+                    itemChecked = undefined;
+                    break;
+                }
+            }
+            if (itemChecked === null) {
+                itemChecked = false;
+            }
+            if (this.item.checked !== itemChecked) {
+                this.item.checked = itemChecked;
+            }
+        }
+        this.checkedChange.emit(checked);
+    }
+}
+TreeviewItemComponent.decorators = [
+    { type: 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 = () => [
+    { type: TreeviewConfig }
+];
+TreeviewItemComponent.propDecorators = {
+    config: [{ type: Input }],
+    template: [{ type: Input }],
+    item: [{ type: Input }],
+    checkedChange: [{ type: Output }]
+};
+
+class TreeviewModule {
+    static forRoot() {
+        return {
+            ngModule: TreeviewModule,
+            providers: [
+                TreeviewConfig,
+                { provide: TreeviewEventParser, useClass: DefaultTreeviewEventParser }
+            ]
+        };
+    }
+}
+TreeviewModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    FormsModule,
+                    CommonModule
+                ],
+                declarations: [
+                    TreeviewComponent,
+                    TreeviewItemComponent,
+                    TreeviewPipe
+                ],
+                exports: [
+                    TreeviewComponent,
+                    TreeviewPipe,
+                ],
+                providers: [],
+            },] }
+];
+
 /* components */
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AnyTagComponent, BadgeStatus, CHAT_MESSAGE_TYPE, CalendarView, ChatMessage, ChatRole, CheckboxComponent, CustomDateFormat, DIALOG_BUTTON_LABEL, DIALOG_FIELD_TYPE, DIALOG_SIZE, DateFromats, DatePickerPeriodPosition, DateTagComponent, DateTagModule, DateTags, DayTagComponent, DialogService, DrAccordionComponent, DrAccordionItemBodyComponent, DrAccordionItemComponent, DrAccordionItemHeaderComponent, DrAccordionModule, DrAvatarComponent, DrAvatarModule, DrAvatarPipe, DrBadgeStatusModule, DrButtonComponent, DrChatComponent, DrChatModule, DrDetailsListComponent, DrDetailsListModule, DrDialogModule, DrDropdownComponent, DrDropdownDirective, DrDropdownItemShowPipe, DrDropdownModule, DrDropdownPositionDirective, DrDropdownService, DrErrorComponent, DrErrorModule, DrInputComponent, DrInputsModule, DrLayoutBodyComponent, DrLayoutComponent, DrLayoutHeaderComponent, DrLayoutModule, DrModelDebounceChangeDirective, DrPopoverAlignmentDimension, DrPopoverComponent, DrPopoverDirective, DrPopoverModule, DrPopoverRef, DrPopoverService, DrScenarioModule, DrSelectComponent, DrSharedUtils, DrSpinnerComponent, DrSpinnerDirective, DrSpinnerModule, DrStepperModule, DrTabComponent, DrTabsComponent, DrTabsModule, DrTagComponent, DrTagModule, DrToggleButtonComponent, DrToggleComponent, DrTooltipDirective, DrTooltipModule, ForecastTagComponent, IMAGE_TYPES, ListTagComponent, ListTagModule, MonthTagComponent, QuarterTagComponent, RadioButtonComponent, RadioGroupComponent, Scenario, ScenarioService, SpinnerSize, SpinnerType, TagTypes, TimeframeOption, ToggleButtonMode, TooltipComponent, TooltipPosition, WeekTagComponent, YearTagComponent, components$2 as ɵa, POPUP_ANIMATION as ɵb, DrScenarioConfigurationComponent as ɵba, DrScenarioTagConfigurationComponent as ɵbb, DrBadgeStatusComponent as ɵbc, DrChatCustomMessageService as ɵc, DrChatMessageComponent as ɵd, DrChatFormComponent as ɵe, DrChatSuggestionsComponent as ɵf, DrDatePickerComponent as ɵg, DrDatePickerService as ɵh, DrDatePickerWithTimeframeComponent as ɵi, DrDatePickerFormatDirective as ɵj, DrDatePickerCustomHeaderComponent as ɵk, DrShowTimeframePipe as ɵl, DrSelectAddItemComponent as ɵm, TooltipInfoComponent as ɵn, TooltipInfoSimpleComponent as ɵo, TooltipNoBodyComponent as ɵp, TooltipProcessDefaultComponent as ɵq, DrDynamicTagModule as ɵr, DrDynamicTagComponent as ɵs, StepperComponent as ɵt, DialogWrapperComponent as ɵu, DialogModalWrapperComponent as ɵv, DrChatMessageTextComponent as ɵw, DrChatMessageFileComponent as ɵx, DrDotFlashingComponent as ɵy, DrChatCustomMessageDirective as ɵz };
+export { AnyTagComponent, BadgeStatus, CHAT_MESSAGE_TYPE, CalendarView, ChatMessage, ChatRole, CheckboxComponent, CustomDateFormat, DIALOG_BUTTON_LABEL, DIALOG_FIELD_TYPE, DIALOG_SIZE, DateFromats, DatePickerPeriodPosition, DateTagComponent, DateTagModule, DateTags, DayTagComponent, DefaultTreeviewEventParser, DefaultTreeviewI18n, DialogService, DownlineTreeviewEventParser, DrAccordionComponent, DrAccordionItemBodyComponent, DrAccordionItemComponent, DrAccordionItemHeaderComponent, DrAccordionModule, DrAvatarComponent, DrAvatarModule, DrAvatarPipe, DrBadgeStatusModule, DrButtonComponent, DrChatComponent, DrChatModule, DrDetailsListComponent, DrDetailsListModule, DrDialogModule, DrDropdownComponent, DrDropdownDirective, DrDropdownItemShowPipe, DrDropdownModule, DrDropdownPositionDirective, DrDropdownService, DrErrorComponent, DrErrorModule, DrInputComponent, DrInputsModule, DrLayoutBodyComponent, DrLayoutComponent, DrLayoutHeaderComponent, DrLayoutModule, DrModelDebounceChangeDirective, DrPopoverAlignmentDimension, DrPopoverComponent, DrPopoverDirective, DrPopoverModule, DrPopoverRef, DrPopoverService, DrScenarioModule, DrSelectComponent, DrSharedUtils, DrSpinnerComponent, DrSpinnerDirective, DrSpinnerModule, DrStepperModule, DrTabComponent, DrTabsComponent, DrTabsModule, DrTagComponent, DrTagModule, DrToggleButtonComponent, DrToggleComponent, DrTooltipDirective, DrTooltipModule, ForecastTagComponent, IMAGE_TYPES, ListTagComponent, ListTagModule, MonthTagComponent, OrderDownlineTreeviewEventParser, QuarterTagComponent, RadioButtonComponent, RadioGroupComponent, Scenario, ScenarioService, SpinnerSize, SpinnerType, TagTypes, TimeframeOption, ToggleButtonMode, TooltipComponent, TooltipPosition, TreeviewComponent, TreeviewConfig, TreeviewEventParser, TreeviewHelper, TreeviewI18n, TreeviewItem, TreeviewModule, TreeviewPipe, WeekTagComponent, YearTagComponent, components$2 as ɵa, POPUP_ANIMATION as ɵb, DrScenarioConfigurationComponent as ɵba, DrScenarioTagConfigurationComponent as ɵbb, DrBadgeStatusComponent as ɵbc, TreeviewItemComponent as ɵbd, DrChatCustomMessageService as ɵc, DrChatMessageComponent as ɵd, DrChatFormComponent as ɵe, DrChatSuggestionsComponent as ɵf, DrDatePickerComponent as ɵg, DrDatePickerService as ɵh, DrDatePickerWithTimeframeComponent as ɵi, DrDatePickerFormatDirective as ɵj, DrDatePickerCustomHeaderComponent as ɵk, DrShowTimeframePipe as ɵl, DrSelectAddItemComponent as ɵm, TooltipInfoComponent as ɵn, TooltipInfoSimpleComponent as ɵo, TooltipNoBodyComponent as ɵp, TooltipProcessDefaultComponent as ɵq, DrDynamicTagModule as ɵr, DrDynamicTagComponent as ɵs, StepperComponent as ɵt, DialogWrapperComponent as ɵu, DialogModalWrapperComponent as ɵv, DrChatMessageTextComponent as ɵw, DrChatMessageFileComponent as ɵx, DrDotFlashingComponent as ɵy, DrChatCustomMessageDirective as ɵz };
 //# sourceMappingURL=datarailsshared-datarailsshared.js.map