@seniorsistemas/angular-components 17.27.1 → 17.28.0

package/bundles/seniorsistemas-angular-components.umd.js

@@ -23215,6 +23215,459 @@
         return ToastModule;
     }());
 
+    var TreeComponent = /** @class */ (function () {
+        function TreeComponent() {
+            this.treeData = [];
+            this._selected = [];
+            this.loading = false;
+            this.selectionMode = "single";
+            this.showCheckbox = false;
+            this.allExpanded = false;
+            this.selectedChange = new core.EventEmitter();
+            this.treeNodeItemClicked = new core.EventEmitter();
+            this.treeNodeEdit = new core.EventEmitter();
+            this.nodeExpanded = new core.EventEmitter();
+            this.nodeCollapsed = new core.EventEmitter();
+        }
+        Object.defineProperty(TreeComponent.prototype, "selected", {
+            get: function () {
+                return this._selected;
+            },
+            set: function (value) {
+                if (!value) {
+                    value = [];
+                }
+                if (!Array.isArray(value)) {
+                    value = [value];
+                }
+                this._selected = value;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        TreeComponent.prototype.ngOnChanges = function (changes) {
+            this.onChanges(changes);
+        };
+        TreeComponent.prototype.onTreeNodeItemClicked = function (_a) {
+            var item = _a.item;
+            this.treeNodeItemClicked.emit(parseInternalTreeNodeItem(item));
+            this.toggleChecked(item);
+        };
+        TreeComponent.prototype.onTreeNodeEdit = function (payload) {
+            var revertAction = payload.revertAction, item = payload.item, newValue = payload.newValue, previousValue = payload.previousValue;
+            this.treeNodeEdit.emit({
+                revertAction: revertAction,
+                item: parseInternalTreeNodeItem(item),
+                newValue: newValue,
+                previousValue: previousValue,
+            });
+        };
+        TreeComponent.prototype.onNodeExpanded = function (item) {
+            this.nodeExpanded.emit(parseInternalTreeNodeItem(item));
+        };
+        TreeComponent.prototype.onNodeCollapsed = function (item) {
+            this.nodeCollapsed.emit(parseInternalTreeNodeItem(item));
+        };
+        TreeComponent.prototype.toggleChecked = function (treeNodeItem) {
+            var elementCheckState = !treeNodeItem.checked;
+            if (!this.multiple) {
+                flattenTree(this.treeData).forEach(function (x) { return (x.checked = false); });
+                this.selected = [treeNodeItem];
+            }
+            treeNodeItem.checked = elementCheckState;
+            if (this.multiple) {
+                this.checkTreeDataChildren(treeNodeItem);
+            }
+            this.setSelected();
+        };
+        TreeComponent.prototype.checkTreeDataChildren = function (selectedTreeNode) {
+            var parentChecked = selectedTreeNode.checked;
+            if (selectedTreeNode.children) {
+                selectedTreeNode.children.forEach(function (item) {
+                    var childrens = flattenTree(item.children || []);
+                    item.checked = parentChecked;
+                    childrens.forEach(function (child) { return (child.checked = parentChecked); });
+                });
+            }
+            var getNodeChildrenSummary = function (node) {
+                var allChildrenChecked = node.children.every(function (y) { return y.checked === true; });
+                var someChildrenChecked = node.children.some(function (y) { return y.checked === true || y.checked === null; });
+                var allChildrenUnchecked = node.children.every(function (y) { return y.checked === false || y.checked === undefined; });
+                return { allChildrenChecked: allChildrenChecked, someChildrenChecked: someChildrenChecked, allChildrenUnchecked: allChildrenUnchecked };
+            };
+            var updateCheckedStateRecursively = function (node) {
+                var _a;
+                if (!((_a = node.children) === null || _a === void 0 ? void 0 : _a.length))
+                    return;
+                node.children.forEach(updateCheckedStateRecursively);
+                var _b = getNodeChildrenSummary(node), allChildrenChecked = _b.allChildrenChecked, someChildrenChecked = _b.someChildrenChecked, allChildrenUnchecked = _b.allChildrenUnchecked;
+                if (allChildrenChecked) {
+                    node.checked = true;
+                }
+                else if (someChildrenChecked) {
+                    node.checked = null;
+                }
+                else if (allChildrenUnchecked) {
+                    node.checked = false;
+                }
+            };
+            this.treeData.forEach(updateCheckedStateRecursively);
+        };
+        TreeComponent.prototype.setSelected = function () {
+            var selected = this.selectedElements;
+            this.selected = __spread(selected);
+            this.selectedChange.emit(selected);
+        };
+        TreeComponent.prototype.onChanges = function (changes) {
+            var allExpandedChanges = changes.allExpanded;
+            var _checkIsFirstChangeWithValue = function (value) {
+                var _a;
+                if (!changes[value]) {
+                    return;
+                }
+                return (!changes[value].previousValue || changes[value].previousValue.length === 0) && ((_a = changes[value].currentValue) === null || _a === void 0 ? void 0 : _a.length) > 0;
+            };
+            if (_checkIsFirstChangeWithValue('selected')) {
+                this.syncSelectedChanges();
+            }
+            if (_checkIsFirstChangeWithValue('treeData')) {
+                var isAllExpanded = this.allExpanded;
+                if (isAllExpanded) {
+                    this.expandAll();
+                }
+            }
+            if (allExpandedChanges) {
+                if (this.allExpanded) {
+                    this.expandAll();
+                }
+                else {
+                    this.collapseAll();
+                }
+            }
+        };
+        TreeComponent.prototype.syncSelectedChanges = function () {
+            var _this = this;
+            var treeFlatten = flattenTree(this.treeData);
+            this.selected.forEach(function (selectedItem) {
+                var item = treeFlatten.find(function (item) { return item.id === selectedItem.id; });
+                if (item) {
+                    item.checked = true;
+                }
+                if (item.children && _this.multiple) {
+                    item.children.forEach(function (child) {
+                        child.checked = true;
+                        var existChildInSelectedList = _this.selected.some(function (item) { return item.id === child.id; });
+                        if (!existChildInSelectedList) {
+                            _this.selected.push(child);
+                        }
+                    });
+                }
+            });
+            var selectedElements = this.selectedElements;
+            var selectedElementsNotInSelectedList = selectedElements.filter(function (x) { return !_this.selected.some(function (y) { return y.id === x.id; }); });
+            selectedElementsNotInSelectedList.forEach(function (item) {
+                _this.checkTreeDataChildren(item);
+            });
+            this.setSelected();
+        };
+        TreeComponent.prototype.collapseAll = function () {
+            var flatten = flattenTree(this.treeData);
+            flatten.forEach(function (item) {
+                item.isExpanded = false;
+            });
+        };
+        TreeComponent.prototype.expandAll = function () {
+            var flatten = flattenTree(this.treeData);
+            flatten.forEach(function (item) {
+                item.isExpanded = true;
+            });
+        };
+        Object.defineProperty(TreeComponent.prototype, "selectedElements", {
+            get: function () {
+                return flattenTree(this.treeData)
+                    .filter(function (x) { return x.checked; })
+                    .filter(function (x) { var _a; return x.leaf !== true && !((_a = x.children) === null || _a === void 0 ? void 0 : _a.length); });
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(TreeComponent.prototype, "multiple", {
+            get: function () {
+                return this.selectionMode === "multiple";
+            },
+            enumerable: true,
+            configurable: true
+        });
+        __decorate([
+            core.Input()
+        ], TreeComponent.prototype, "treeData", void 0);
+        __decorate([
+            core.Input()
+        ], TreeComponent.prototype, "selected", null);
+        __decorate([
+            core.Input()
+        ], TreeComponent.prototype, "loading", void 0);
+        __decorate([
+            core.Input()
+        ], TreeComponent.prototype, "selectionMode", void 0);
+        __decorate([
+            core.Input()
+        ], TreeComponent.prototype, "showCheckbox", void 0);
+        __decorate([
+            core.Input()
+        ], TreeComponent.prototype, "allExpanded", void 0);
+        __decorate([
+            core.Output()
+        ], TreeComponent.prototype, "selectedChange", void 0);
+        __decorate([
+            core.Output()
+        ], TreeComponent.prototype, "treeNodeItemClicked", void 0);
+        __decorate([
+            core.Output()
+        ], TreeComponent.prototype, "treeNodeEdit", void 0);
+        __decorate([
+            core.Output()
+        ], TreeComponent.prototype, "nodeExpanded", void 0);
+        __decorate([
+            core.Output()
+        ], TreeComponent.prototype, "nodeCollapsed", void 0);
+        TreeComponent = __decorate([
+            core.Component({
+                selector: "s-tree",
+                template: "<div class=\"tree\" *sLoadingState=\"loading\">\n    <s-tree-node-item\n        *ngFor=\"let item of treeData\"\n        [showCheckbox]=\"showCheckbox\"\n        [treeNodeItem]=\"item\"\n        (nodeExpanded)=\"onNodeExpanded($event)\"\n        (nodeCollapsed)=\"onNodeCollapsed($event)\"\n        (treeNodeEdit)=\"onTreeNodeEdit($event)\"\n        (treeNodeItemClicked)=\"onTreeNodeItemClicked($event)\">\n    </s-tree-node-item>\n</div>\n",
+                styles: [".tree{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:5px;border:1px solid #ddd;border-radius:4px;padding:15px;margin:15px}"]
+            })
+        ], TreeComponent);
+        return TreeComponent;
+    }());
+    var flattenTree = function (tree) {
+        var result = [];
+        function traverse(nodes) {
+            var e_1, _a;
+            try {
+                for (var nodes_1 = __values(nodes), nodes_1_1 = nodes_1.next(); !nodes_1_1.done; nodes_1_1 = nodes_1.next()) {
+                    var node = nodes_1_1.value;
+                    result.push(node);
+                    if (node.children && node.children.length) {
+                        traverse(node.children);
+                    }
+                }
+            }
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (nodes_1_1 && !nodes_1_1.done && (_a = nodes_1.return)) _a.call(nodes_1);
+                }
+                finally { if (e_1) throw e_1.error; }
+            }
+        }
+        traverse(tree);
+        return result;
+    };
+    var ɵ0$4 = flattenTree;
+    var parseInternalTreeNodeItem = function (internalTreeNodeItem) {
+        var id = internalTreeNodeItem.id, label = internalTreeNodeItem.label, icon = internalTreeNodeItem.icon, checked = internalTreeNodeItem.checked, isExpanded = internalTreeNodeItem.isExpanded, payload = internalTreeNodeItem.payload, editable = internalTreeNodeItem.editable, children = internalTreeNodeItem.children;
+        var object = {
+            id: id,
+            label: label,
+            icon: icon,
+            checked: checked,
+            isExpanded: isExpanded,
+            payload: payload,
+            editable: editable,
+            _children: children === null || children === void 0 ? void 0 : children.map(parseInternalTreeNodeItem),
+            get children() {
+                return this._children;
+            },
+            set children(value) {
+                this._children = value;
+                internalTreeNodeItem.children = value;
+            },
+        };
+        Object.defineProperty(object, "_children", {
+            enumerable: false,
+        });
+        return object;
+    };
+    var ɵ1$3 = parseInternalTreeNodeItem;
+
+    var TreeNodeItemComponent = /** @class */ (function () {
+        function TreeNodeItemComponent(cdr, translateService) {
+            this.cdr = cdr;
+            this.translateService = translateService;
+            this.ariaLevel = 0;
+            this.showCheckbox = false;
+            this.treeNodeItemClicked = new core.EventEmitter();
+            this.treeNodeEdit = new core.EventEmitter();
+            this.nodeExpanded = new core.EventEmitter();
+            this.nodeCollapsed = new core.EventEmitter();
+        }
+        Object.defineProperty(TreeNodeItemComponent.prototype, "hasChildren", {
+            get: function () {
+                return this.treeNodeItem.children && this.treeNodeItem.children.length > 0;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(TreeNodeItemComponent.prototype, "editable", {
+            get: function () {
+                var _a;
+                return ((_a = this.treeNodeItem) === null || _a === void 0 ? void 0 : _a.editable) || false;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        Object.defineProperty(TreeNodeItemComponent.prototype, "ariaLabel", {
+            get: function () {
+                return this.translateService.instant('platform.angular_components.select') + " " + this.treeNodeItem.label;
+            },
+            enumerable: true,
+            configurable: true
+        });
+        TreeNodeItemComponent.prototype.expandNode = function () {
+            if (this.hasChildren && !this.treeNodeItem.isExpanded) {
+                this.toggleExpanded(this.treeNodeItem);
+            }
+        };
+        TreeNodeItemComponent.prototype.collapseNode = function () {
+            if (this.hasChildren && this.treeNodeItem.isExpanded) {
+                this.toggleExpanded(this.treeNodeItem);
+            }
+        };
+        TreeNodeItemComponent.prototype.onCheckboxEnter = function (node) {
+            var newState = node.checked === true ? false : true;
+            node.checked = newState;
+            this.treeNodeItemClicked.emit({ item: node, event: new KeyboardEvent('keydown', { key: 'Enter' }) });
+        };
+        TreeNodeItemComponent.prototype.handleTreeNodeItemClick = function (event, treeNodeItem) {
+            var item = treeNodeItem || this.treeNodeItem;
+            this.treeNodeItemClicked.emit({ item: item, event: event });
+        };
+        TreeNodeItemComponent.prototype.handleTreeNodeItemClicked = function (_a) {
+            var event = _a.event, item = _a.item;
+            if (item.isEditing) {
+                return;
+            }
+            this.handleTreeNodeItemClick(event, item);
+        };
+        TreeNodeItemComponent.prototype.toggleExpanded = function (treeNodeItem) {
+            treeNodeItem.isExpanded = !treeNodeItem.isExpanded;
+            if (treeNodeItem.isExpanded) {
+                this.nodeExpanded.emit(treeNodeItem);
+            }
+            else {
+                this.nodeCollapsed.emit(treeNodeItem);
+            }
+        };
+        TreeNodeItemComponent.prototype.toggleEditing = function ($event) {
+            var _a;
+            $event.stopPropagation();
+            this.treeNodeItem.isEditing = !this.treeNodeItem.isEditing;
+            this.cdr.detectChanges();
+            if (this.treeNodeItem.isEditing) {
+                this.treeNodeItem.editNewValue = this.treeNodeItem.label;
+                var input = (_a = this.input) === null || _a === void 0 ? void 0 : _a.nativeElement;
+                input === null || input === void 0 ? void 0 : input.focus();
+            }
+        };
+        TreeNodeItemComponent.prototype.cancelEdit = function ($event) {
+            $event.stopPropagation();
+            this.treeNodeItem.isEditing = false;
+            this.treeNodeItem.editNewValue = '';
+            this.treeNodeItem.editPreviousValue = '';
+            this.cdr.detectChanges();
+        };
+        TreeNodeItemComponent.prototype.saveEdit = function ($event) {
+            var _this = this;
+            $event.stopPropagation();
+            this.treeNodeItem.isEditing = false;
+            if (!this.treeNodeItem.editNewValue) {
+                return;
+            }
+            this.treeNodeItem.editPreviousValue = this.treeNodeItem.label;
+            this.treeNodeItem.label = this.treeNodeItem.editNewValue;
+            var revertAction = function () {
+                _this.treeNodeItem.label = _this.treeNodeItem.editPreviousValue;
+                _this.treeNodeItem.isEditing = false;
+                _this.cdr.detectChanges();
+            };
+            this.treeNodeEdit.emit({ revertAction: revertAction, item: this.treeNodeItem, newValue: this.treeNodeItem.editNewValue, previousValue: this.treeNodeItem.editPreviousValue });
+        };
+        TreeNodeItemComponent.prototype.treeNodeEditChildEvent = function (payload) {
+            this.treeNodeEdit.emit(payload);
+        };
+        TreeNodeItemComponent.ctorParameters = function () { return [
+            { type: core.ChangeDetectorRef },
+            { type: core$1.TranslateService }
+        ]; };
+        __decorate([
+            core.Input()
+        ], TreeNodeItemComponent.prototype, "ariaLevel", void 0);
+        __decorate([
+            core.Input()
+        ], TreeNodeItemComponent.prototype, "showCheckbox", void 0);
+        __decorate([
+            core.Input()
+        ], TreeNodeItemComponent.prototype, "treeNodeItem", void 0);
+        __decorate([
+            core.Output()
+        ], TreeNodeItemComponent.prototype, "treeNodeItemClicked", void 0);
+        __decorate([
+            core.Output()
+        ], TreeNodeItemComponent.prototype, "treeNodeEdit", void 0);
+        __decorate([
+            core.Output()
+        ], TreeNodeItemComponent.prototype, "nodeExpanded", void 0);
+        __decorate([
+            core.Output()
+        ], TreeNodeItemComponent.prototype, "nodeCollapsed", void 0);
+        __decorate([
+            core.ViewChild('input', { read: core.ElementRef })
+        ], TreeNodeItemComponent.prototype, "input", void 0);
+        TreeNodeItemComponent = __decorate([
+            core.Component({
+                selector: 's-tree-node-item',
+                template: "<div\n  *ngIf=\"treeNodeItem\"\n  class=\"tree-node-item\"\n  role=\"treeitem\"\n  [class.tree-node-item-selected]=\"treeNodeItem.checked\"\n  [class.selectable]=\"hasChildren\"\n  [attr.aria-expanded]=\"hasChildren ? treeNodeItem.isExpanded : null\"\n  [attr.aria-selected]=\"treeNodeItem.checked === true\"\n  [attr.aria-label]=\"treeNodeItem.label\"\n  [attr.aria-level]=\"ariaLevel\"\n  tabindex=\"0\"\n  (keydown.enter)=\"handleTreeNodeItemClick($event)\"\n  (keydown.arrowRight)=\"expandNode()\"\n  (keydown.arrowLeft)=\"collapseNode()\"\n>\n  <div class=\"arrow\" *ngIf=\"hasChildren || treeNodeItem.leaf === true\" (click)=\"toggleExpanded(treeNodeItem)\">\n    <i [class]=\"treeNodeItem.collapsedIcon || 'fas fa-chevron-right'\" *ngIf=\"!treeNodeItem.isExpanded\"></i>\n    <i [class]=\"treeNodeItem.expandedIcon || 'fas fa-chevron-down'\" *ngIf=\"treeNodeItem.isExpanded\"></i>\n  </div>\n\n  <div class=\"tree-node-item-text\" (click)=\"handleTreeNodeItemClick($event)\">\n    <span class=\"tree-node-item-text-icon\" *ngIf=\"treeNodeItem.icon || treeNodeItem.isEditing\">\n      <i [class]=\"treeNodeItem.icon\" *ngIf=\"treeNodeItem.icon && !treeNodeItem.isEditing\"></i>\n      <i class=\"fas fa-edit edit\" *ngIf=\"treeNodeItem.isEditing\" (click)=\"saveEdit($event)\"></i>\n    </span>\n\n    <span class=\"tree-node-item-text-checkbox\" *ngIf=\"showCheckbox && !treeNodeItem.isEditing\">\n      <input\n        type=\"checkbox\"\n        [checked]=\"treeNodeItem.checked === true\"\n        [indeterminate]=\"treeNodeItem.checked === null\"\n        [attr.aria-checked]=\"treeNodeItem.checked === null ? 'mixed' : treeNodeItem.checked\"\n        [attr.aria-label]=\"ariaLabel\"\n        role=\"checkbox\"\n        tabindex=\"0\"\n        (keydown.enter)=\"onCheckboxEnter(treeNodeItem)\"\n      />\n    </span>\n\n    <span class=\"tree-node-item-text-label\">\n      <ng-container *ngIf=\"treeNodeItem.isEditing\">\n        <input\n          #input\n          type=\"text\"\n          pInputText\n          class=\"tree-node-item-text-input\"\n          [(ngModel)]=\"treeNodeItem.editNewValue\"\n          (keydown.enter)=\"saveEdit($event)\"\n          (keydown.escape)=\"cancelEdit($event)\"\n          (click)=\"$event.stopPropagation()\"\n          aria-label=\"Editar nome do item\"\n          aria-live=\"polite\"\n        />\n      </ng-container>\n      <ng-container *ngIf=\"!treeNodeItem.isEditing\">\n        {{ treeNodeItem.label }}\n      </ng-container>\n    </span>\n\n    <span class=\"tree-node-item-text-editable\" *ngIf=\"editable\">\n      <i class=\"fas fa-pencil-alt\" (click)=\"toggleEditing($event)\" aria-label=\"Editar item\" tabindex=\"0\"></i>\n    </span>\n  </div>\n</div>\n\n<div\n  *ngIf=\"hasChildren && treeNodeItem.isExpanded\"\n  @fadeExpand\n  class=\"child\"\n  role=\"group\"\n  @childrenAnimation\n>\n  <s-tree-node-item\n    *ngFor=\"let child of treeNodeItem.children\"\n    [showCheckbox]=\"showCheckbox\"\n    [treeNodeItem]=\"child\"\n    [ariaLevel]=\"ariaLevel + 1\"\n    (treeNodeItemClicked)=\"handleTreeNodeItemClicked($event)\"\n    (treeNodeEdit)=\"treeNodeEditChildEvent($event)\"\n    (nodeExpanded)=\"nodeExpanded.emit($event)\"\n    (nodeCollapsed)=\"nodeCollapsed.emit($event)\"\n    class=\"child-item\"\n  >\n  </s-tree-node-item>\n</div>\n",
+                animations: [
+                    animations.trigger('fadeExpand', [
+                        animations.transition(':enter', [
+                            animations.style({ height: '0px', opacity: 0, overflow: 'hidden' }),
+                            animations.animate('200ms ease-out', animations.style({ height: '*', opacity: 1 }))
+                        ]),
+                        animations.transition(':leave', [
+                            animations.animate('150ms ease-in', animations.style({ height: '0px', opacity: 0 }))
+                        ])
+                    ]),
+                    animations.trigger('childrenAnimation', [
+                        animations.transition(':enter', [
+                            animations.query(':enter', [
+                                animations.style({ opacity: 0, transform: 'translateY(-10px)' }),
+                                animations.stagger(60, [
+                                    animations.animate('200ms ease-out', animations.style({ opacity: 1, transform: 'translateY(0)' }))
+                                ])
+                            ], { optional: true })
+                        ])
+                    ])
+                ],
+                styles: [".tree-node-item{width:100%;display:-ms-flexbox;display:flex;cursor:pointer}.tree-node-item .arrow{padding:3px 9px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.tree-node-item-text{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;padding:3px 0;-ms-flex-align:center;align-items:center}.tree-node-item-text:hover{background:#f1f7f8}.tree-node-item-text-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding-right:9px}.tree-node-item-text-icon .edit{color:#428bca}.tree-node-item-text-label{color:#212533;font-family:\"Open Sans\";font-size:14px;font-style:normal;font-weight:400;line-height:150%;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}.tree-node-item-text-checkbox{padding-right:9px;display:-ms-flexbox;display:flex}.tree-node-item-text-checkbox input[type=checkbox]{accent-color:#428bca;width:14px;height:14px}.tree-node-item-text-editable{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.tree-node-item-text-editable i{padding:9px}.tree-node-item-text-input{-ms-flex:1;flex:1}.tree-node-item.selectable .tree-node-item-text-label{font-family:\"Open Sans\";font-size:14px;font-style:normal;font-weight:700}.tree-node-item.selectable *{cursor:pointer}.tree-node-item-selected .tree-node-item-text{background:#d5e8ec}.child{overflow:hidden;padding-left:2.2em;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:5px}.child-item:first-child{padding-top:5px}"]
+            })
+        ], TreeNodeItemComponent);
+        return TreeNodeItemComponent;
+    }());
+
+    var TreeModule = /** @class */ (function () {
+        function TreeModule() {
+        }
+        TreeModule = __decorate([
+            core.NgModule({
+                declarations: [TreeNodeItemComponent, TreeComponent],
+                imports: [common.CommonModule, forms.FormsModule, inputtext.InputTextModule, LoadingStateModule, core$1.TranslateModule],
+                exports: [TreeComponent],
+            })
+        ], TreeModule);
+        return TreeModule;
+    }());
+
     var fallback = {
         "platform.angular_components.attachment": "anexo",
         "platform.angular_components.watch": "assistir",
@@ -23758,6 +24211,8 @@
     exports.TokenListComponent = TokenListComponent;
     exports.TokenListModule = TokenListModule;
     exports.TooltipModule = TooltipModule;
+    exports.TreeComponent = TreeComponent;
+    exports.TreeModule = TreeModule;
     exports.WorkspaceSwitchComponent = WorkspaceSwitchComponent;
     exports.WorkspaceSwitchModule = WorkspaceSwitchModule;
     exports.convertToMomentDateFormat = convertToMomentDateFormat;
@@ -23863,6 +24318,8 @@
     exports.ɵef = CollapsedItemsComponent;
     exports.ɵeg = VerticalItemsComponent;
     exports.ɵeh = ChipItemComponent;
+    exports.ɵei = TreeNodeItemComponent;
+    exports.ɵej = LoadingStateModule;
     exports.ɵf = TieredMenuGlobalService;
     exports.ɵg = TieredMenuComponent;
     exports.ɵh = TieredMenuNestedComponent;