@seniorsistemas/angular-components 17.27.2 → 17.28.1

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/animations'), require('rxjs'), require('rxjs/operators'), require('@angular/common'), require('@angular/forms'), require('@angular/router'), require('@seniorsistemas/ng2-currency-mask'), require('@angular/common/http'), require('@seniorsistemas/senior-platform-data'), require('moment'), require('ngx-cookie-service'), require('bignumber.js'), require('primeng/breadcrumb'), require('primeng/dom'), require('primeng/tieredmenu'), require('primeng/calendar'), require('@ngx-translate/core'), require('@codemirror/view'), require('@codemirror/state'), require('@codemirror/lint'), require('@codemirror/language'), require('@lezer/generator'), require('@codemirror/highlight'), require('@codemirror/autocomplete'), require('@codemirror/tooltip'), require('@codemirror/gutter'), require('@angular/cdk/portal'), require('ngx-mask'), require('angular2-hotkeys'), require('primeng/autocomplete'), require('primeng/dialog'), require('primeng/table'), require('ng2-currency-mask'), require('primeng/button'), require('primeng/checkbox'), require('primeng/chips'), require('primeng/dropdown'), require('primeng/inputmask'), require('primeng/inputtext'), require('primeng/inputtextarea'), require('primeng/keyfilter'), require('primeng/multiselect'), require('primeng/panel'), require('primeng/radiobutton'), require('primeng/slider'), require('primeng/progressbar'), require('primeng/tooltip'), require('@angular/platform-browser'), require('@angular/cdk/clipboard'), require('primeng/editor'), require('primeng/api'), require('primeng/confirmdialog'), require('cropperjs'), require('@angular/platform-browser/animations'), require('marked'), require('@angular/cdk/drag-drop'), require('@angular/cdk/a11y'), require('primeng/scrollpanel'), require('primeng/sidebar')) :
-    typeof define === 'function' && define.amd ? define('@seniorsistemas/angular-components', ['exports', '@angular/core', '@angular/animations', 'rxjs', 'rxjs/operators', '@angular/common', '@angular/forms', '@angular/router', '@seniorsistemas/ng2-currency-mask', '@angular/common/http', '@seniorsistemas/senior-platform-data', 'moment', 'ngx-cookie-service', 'bignumber.js', 'primeng/breadcrumb', 'primeng/dom', 'primeng/tieredmenu', 'primeng/calendar', '@ngx-translate/core', '@codemirror/view', '@codemirror/state', '@codemirror/lint', '@codemirror/language', '@lezer/generator', '@codemirror/highlight', '@codemirror/autocomplete', '@codemirror/tooltip', '@codemirror/gutter', '@angular/cdk/portal', 'ngx-mask', 'angular2-hotkeys', 'primeng/autocomplete', 'primeng/dialog', 'primeng/table', 'ng2-currency-mask', 'primeng/button', 'primeng/checkbox', 'primeng/chips', 'primeng/dropdown', 'primeng/inputmask', 'primeng/inputtext', 'primeng/inputtextarea', 'primeng/keyfilter', 'primeng/multiselect', 'primeng/panel', 'primeng/radiobutton', 'primeng/slider', 'primeng/progressbar', 'primeng/tooltip', '@angular/platform-browser', '@angular/cdk/clipboard', 'primeng/editor', 'primeng/api', 'primeng/confirmdialog', 'cropperjs', '@angular/platform-browser/animations', 'marked', '@angular/cdk/drag-drop', '@angular/cdk/a11y', 'primeng/scrollpanel', 'primeng/sidebar'], factory) :
-    (global = global || self, factory((global.seniorsistemas = global.seniorsistemas || {}, global.seniorsistemas['angular-components'] = {}), global.ng.core, global.ng.animations, global.rxjs, global.rxjs.operators, global.ng.common, global.ng.forms, global.ng.router, global.ng2CurrencyMask, global.ng.common.http, global.seniorPlatformData, global.moment_, global.ngxCookieService, global.BigNumber, global.breadcrumb, global.dom, global.tieredmenu, global.calendar, global.core$1, global.view, global.state, global.lint, global.language, global.generator, global.highlight, global.autocomplete$1, global.tooltip, global.gutter, global.ng.cdk.portal, global.ngxMask, global.angular2Hotkeys, global.autocomplete$2, global.dialog, global.table, global.ng2CurrencyMask$1, global.button, global.checkbox, global.chips, global.dropdown, global.inputmask, global.inputtext, global.inputtextarea, global.keyfilter, global.multiselect, global.panel, global.radiobutton, global.slider, global.progressbar, global.tooltip$1, global.ng.platformBrowser, global.ng.cdk.clipboard, global.editor, global.api, global.confirmdialog, global.Cropper, global.ng.platformBrowser.animations, global.marked, global.ng.cdk['drag-drop'], global.ng.cdk.a11y, global.scrollpanel, global.sidebar));
-}(this, (function (exports, core, animations, rxjs, operators, common, forms, router, ng2CurrencyMask, http, seniorPlatformData, moment_, ngxCookieService, BigNumber, breadcrumb, dom, tieredmenu, calendar, core$1, view, state, lint, language, generator, highlight, autocomplete$1, tooltip, gutter, portal, ngxMask, angular2Hotkeys, autocomplete$2, dialog, table, ng2CurrencyMask$1, button, checkbox, chips, dropdown, inputmask, inputtext, inputtextarea, keyfilter, multiselect, panel, radiobutton, slider, progressbar, tooltip$1, platformBrowser, clipboard, editor, api, confirmdialog, Cropper, animations$1, marked, dragDrop, a11y, scrollpanel, sidebar) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/animations'), require('rxjs'), require('rxjs/operators'), require('@angular/common'), require('@angular/forms'), require('@angular/router'), require('@seniorsistemas/ng2-currency-mask'), require('@angular/common/http'), require('@seniorsistemas/senior-platform-data'), require('moment'), require('ngx-cookie-service'), require('bignumber.js'), require('primeng/breadcrumb'), require('primeng/dom'), require('primeng/tieredmenu'), require('primeng/calendar'), require('@ngx-translate/core'), require('@codemirror/view'), require('@codemirror/state'), require('@codemirror/lint'), require('@codemirror/language'), require('@lezer/generator'), require('@codemirror/highlight'), require('@codemirror/autocomplete'), require('@codemirror/tooltip'), require('@codemirror/gutter'), require('@angular/cdk/portal'), require('ngx-mask'), require('angular2-hotkeys'), require('primeng/autocomplete'), require('primeng/dialog'), require('primeng/table'), require('ng2-currency-mask'), require('primeng/button'), require('primeng/checkbox'), require('primeng/chips'), require('primeng/dropdown'), require('primeng/inputmask'), require('primeng/inputtext'), require('primeng/inputtextarea'), require('primeng/keyfilter'), require('primeng/multiselect'), require('primeng/panel'), require('primeng/radiobutton'), require('primeng/slider'), require('primeng/progressbar'), require('primeng/tooltip'), require('@angular/platform-browser'), require('@angular/cdk/clipboard'), require('primeng/editor'), require('primeng/api'), require('primeng/confirmdialog'), require('cropperjs'), require('marked'), require('@angular/cdk/drag-drop'), require('@angular/cdk/a11y'), require('primeng/scrollpanel'), require('primeng/sidebar')) :
+    typeof define === 'function' && define.amd ? define('@seniorsistemas/angular-components', ['exports', '@angular/core', '@angular/animations', 'rxjs', 'rxjs/operators', '@angular/common', '@angular/forms', '@angular/router', '@seniorsistemas/ng2-currency-mask', '@angular/common/http', '@seniorsistemas/senior-platform-data', 'moment', 'ngx-cookie-service', 'bignumber.js', 'primeng/breadcrumb', 'primeng/dom', 'primeng/tieredmenu', 'primeng/calendar', '@ngx-translate/core', '@codemirror/view', '@codemirror/state', '@codemirror/lint', '@codemirror/language', '@lezer/generator', '@codemirror/highlight', '@codemirror/autocomplete', '@codemirror/tooltip', '@codemirror/gutter', '@angular/cdk/portal', 'ngx-mask', 'angular2-hotkeys', 'primeng/autocomplete', 'primeng/dialog', 'primeng/table', 'ng2-currency-mask', 'primeng/button', 'primeng/checkbox', 'primeng/chips', 'primeng/dropdown', 'primeng/inputmask', 'primeng/inputtext', 'primeng/inputtextarea', 'primeng/keyfilter', 'primeng/multiselect', 'primeng/panel', 'primeng/radiobutton', 'primeng/slider', 'primeng/progressbar', 'primeng/tooltip', '@angular/platform-browser', '@angular/cdk/clipboard', 'primeng/editor', 'primeng/api', 'primeng/confirmdialog', 'cropperjs', 'marked', '@angular/cdk/drag-drop', '@angular/cdk/a11y', 'primeng/scrollpanel', 'primeng/sidebar'], factory) :
+    (global = global || self, factory((global.seniorsistemas = global.seniorsistemas || {}, global.seniorsistemas['angular-components'] = {}), global.ng.core, global.ng.animations, global.rxjs, global.rxjs.operators, global.ng.common, global.ng.forms, global.ng.router, global.ng2CurrencyMask, global.ng.common.http, global.seniorPlatformData, global.moment_, global.ngxCookieService, global.BigNumber, global.breadcrumb, global.dom, global.tieredmenu, global.calendar, global.core$1, global.view, global.state, global.lint, global.language, global.generator, global.highlight, global.autocomplete$1, global.tooltip, global.gutter, global.ng.cdk.portal, global.ngxMask, global.angular2Hotkeys, global.autocomplete$2, global.dialog, global.table, global.ng2CurrencyMask$1, global.button, global.checkbox, global.chips, global.dropdown, global.inputmask, global.inputtext, global.inputtextarea, global.keyfilter, global.multiselect, global.panel, global.radiobutton, global.slider, global.progressbar, global.tooltip$1, global.ng.platformBrowser, global.ng.cdk.clipboard, global.editor, global.api, global.confirmdialog, global.Cropper, global.marked, global.ng.cdk['drag-drop'], global.ng.cdk.a11y, global.scrollpanel, global.sidebar));
+}(this, (function (exports, core, animations, rxjs, operators, common, forms, router, ng2CurrencyMask, http, seniorPlatformData, moment_, ngxCookieService, BigNumber, breadcrumb, dom, tieredmenu, calendar, core$1, view, state, lint, language, generator, highlight, autocomplete$1, tooltip, gutter, portal, ngxMask, angular2Hotkeys, autocomplete$2, dialog, table, ng2CurrencyMask$1, button, checkbox, chips, dropdown, inputmask, inputtext, inputtextarea, keyfilter, multiselect, panel, radiobutton, slider, progressbar, tooltip$1, platformBrowser, clipboard, editor, api, confirmdialog, Cropper, marked, dragDrop, a11y, scrollpanel, sidebar) { 'use strict';
 
     var BigNumber__default = 'default' in BigNumber ? BigNumber['default'] : BigNumber;
     Cropper = Cropper && Cropper.hasOwnProperty('default') ? Cropper['default'] : Cropper;
@@ -14190,6 +14190,7 @@
             this.elementRef = elementRef;
             this.sActivatedContent = new core.EventEmitter();
             this.tabindex = 0;
+            this.disabled = false;
             this.EVENT_LISTENER = function (event) {
                 if (event instanceof KeyboardEvent) {
                     var key = event.key;
@@ -14200,11 +14201,13 @@
                 }
                 _this.sActivatedContent.next(event);
             };
+        }
+        AccessibilityEventDirective.prototype.ngOnInit = function () {
             this.setTabIndex();
             this.checkAccessbilityEvents();
-        }
+        };
         AccessibilityEventDirective.prototype.setTabIndex = function () {
-            var hasTabIndex = this.element.tabIndex >= 0;
+            var hasTabIndex = this.element.tabIndex !== 0;
             if (hasTabIndex) {
                 return;
             }
@@ -14234,6 +14237,9 @@
         __decorate([
             core.Input()
         ], AccessibilityEventDirective.prototype, "tabindex", void 0);
+        __decorate([
+            core.Input()
+        ], AccessibilityEventDirective.prototype, "disabled", void 0);
         AccessibilityEventDirective = __decorate([
             core.Directive({
                 selector: '[sActivatedContent]'
@@ -14262,7 +14268,7 @@
         }
         FieldsetModule = __decorate([
             core.NgModule({
-                imports: [common.CommonModule, AccessibilityEventsModule, animations$1.BrowserAnimationsModule],
+                imports: [common.CommonModule, AccessibilityEventsModule],
                 declarations: [FieldsetComponent$1],
                 exports: [FieldsetComponent$1],
             })
@@ -17306,8 +17312,17 @@
             this.dislikeSelected = false;
         }
         IAInsightCardComponent.prototype.toggle = function () {
-            this.open = !this.open;
-            this._requestInsight();
+            var newOpenState = !this.open;
+            this.open = newOpenState;
+            if (newOpenState === true && this.insight.onOpenSidebar) {
+                this.insight.onOpenSidebar();
+            }
+            else if (newOpenState === false && this.insight.onCloseSideBar) {
+                this.insight.onCloseSideBar();
+            }
+            if (newOpenState === true) {
+                this._requestInsight();
+            }
         };
         IAInsightCardComponent.prototype.onLikeSelected = function () {
             var _a, _b;
@@ -17351,6 +17366,9 @@
                 .pipe(operators.first(), operators.finalize(function () { return (_this.isLoading = false); }))
                 .subscribe(function (content) {
                 _this.content = marked.marked(content);
+                if (_this.insight.onContentLoaded) {
+                    _this.insight.onContentLoaded();
+                }
             });
         };
         IAInsightCardComponent.ctorParameters = function () { return [
@@ -17374,6 +17392,8 @@
     var IAInsightSidebarComponent = /** @class */ (function () {
         function IAInsightSidebarComponent() {
             this.insights = [];
+            this.closedSidebar = new core.EventEmitter();
+            this.openedSidebar = new core.EventEmitter();
             this.opened = false;
         }
         IAInsightSidebarComponent.prototype.toggle = function () {
@@ -17381,9 +17401,11 @@
         };
         IAInsightSidebarComponent.prototype.open = function () {
             this.opened = true;
+            this.openedSidebar.emit();
         };
         IAInsightSidebarComponent.prototype.close = function () {
             this.opened = false;
+            this.closedSidebar.emit();
         };
         __decorate([
             core.Input()
@@ -17409,6 +17431,12 @@
         __decorate([
             core.Input()
         ], IAInsightSidebarComponent.prototype, "noPermissionTemplate", void 0);
+        __decorate([
+            core.Output()
+        ], IAInsightSidebarComponent.prototype, "closedSidebar", void 0);
+        __decorate([
+            core.Output()
+        ], IAInsightSidebarComponent.prototype, "openedSidebar", void 0);
         IAInsightSidebarComponent = __decorate([
             core.Component({
                 selector: "s-ia-insight-sidebar",
@@ -17443,6 +17471,8 @@
         function IAInsightComponent() {
             this.insights = [];
             this.hasPermission = true;
+            this.openIAInsight = new core.EventEmitter();
+            this.closedIAInsight = new core.EventEmitter();
         }
         IAInsightComponent.prototype.ngAfterContentInit = function () {
             this._getTemplates();
@@ -17453,6 +17483,12 @@
         IAInsightComponent.prototype.close = function () {
             this.sidebar.close();
         };
+        IAInsightComponent.prototype.onOpenSidebar = function () {
+            this.openIAInsight.emit();
+        };
+        IAInsightComponent.prototype.onCloseSidebar = function () {
+            this.closedIAInsight.emit();
+        };
         IAInsightComponent.prototype.getIntroTemplate = function () {
             return this._getCustomTemplate(exports.IAInsightTemplateTypes.Intro);
         };
@@ -17486,6 +17522,12 @@
         __decorate([
             core.Input()
         ], IAInsightComponent.prototype, "noPermissionText", void 0);
+        __decorate([
+            core.Output()
+        ], IAInsightComponent.prototype, "openIAInsight", void 0);
+        __decorate([
+            core.Output()
+        ], IAInsightComponent.prototype, "closedIAInsight", void 0);
         __decorate([
             core.ViewChild(IAInsightSidebarComponent)
         ], IAInsightComponent.prototype, "sidebar", void 0);
@@ -17495,7 +17537,7 @@
         IAInsightComponent = __decorate([
             core.Component({
                 selector: "s-ia-insight",
-                template: "<s-ia-insight-sidebar\n    #sidebar\n    [insights]=\"insights\"\n    [hasPermission]=\"hasPermission\"\n    [introText]=\"introText\"\n    [introTemplate]=\"introTemplate\"\n    [emptyText]=\"emptyText\"\n    [emptyTemplate]=\"emptyTemplate\"\n    [noPermissionText]=\"noPermissionText\"\n    [noPermissionTemplate]=\"noPermissionTemplate\">\n</s-ia-insight-sidebar>",
+                template: "<s-ia-insight-sidebar\n    #sidebar\n    [insights]=\"insights\"\n    [hasPermission]=\"hasPermission\"\n    [introText]=\"introText\"\n    [introTemplate]=\"introTemplate\"\n    [emptyText]=\"emptyText\"\n    [emptyTemplate]=\"emptyTemplate\"\n    [noPermissionText]=\"noPermissionText\"\n    (openedSidebar)=\"onOpenSidebar()\"\n    (closedSidebar)=\"onCloseSidebar()\"\n    [noPermissionTemplate]=\"noPermissionTemplate\"\n>\n</s-ia-insight-sidebar>\n",
                 styles: [""]
             })
         ], IAInsightComponent);
@@ -17533,22 +17575,60 @@
 
     var GridMenuComponent = /** @class */ (function () {
         function GridMenuComponent() {
+            this.useFontAwesomeIcons = false;
             this.itemsArray = [];
+            this.selectable = false;
+            this.selectedChange = new core.EventEmitter();
         }
         Object.defineProperty(GridMenuComponent.prototype, "items", {
             set: function (items) {
-                this.itemsArray = Array.isArray(items) ? items : [items];
+                if (isNullOrUndefined(items)) {
+                    this.itemsArray = [];
+                }
+                else {
+                    this.itemsArray = Array.isArray(items) ? items : [items];
+                }
             },
             enumerable: true,
             configurable: true
         });
+        GridMenuComponent.prototype.ngOnChanges = function (changes) {
+            if (changes.selected && changes.selected.isFirstChange()) {
+                if (this.selectable) {
+                    this.selected.active = true;
+                }
+            }
+        };
+        GridMenuComponent.prototype.onClickGridMenuItem = function (gridMenuItem) {
+            if (!this.selectable) {
+                return;
+            }
+            if (this.previousGridMenuItemClicked) {
+                this.previousGridMenuItemClicked.active = false;
+            }
+            gridMenuItem.active = !gridMenuItem.active;
+            this.previousGridMenuItemClicked = gridMenuItem;
+            this.selectedChange.next(gridMenuItem);
+        };
         __decorate([
             core.Input()
         ], GridMenuComponent.prototype, "items", null);
+        __decorate([
+            core.Input()
+        ], GridMenuComponent.prototype, "useFontAwesomeIcons", void 0);
+        __decorate([
+            core.Input()
+        ], GridMenuComponent.prototype, "selectable", void 0);
+        __decorate([
+            core.Input()
+        ], GridMenuComponent.prototype, "selected", void 0);
+        __decorate([
+            core.Output()
+        ], GridMenuComponent.prototype, "selectedChange", void 0);
         GridMenuComponent = __decorate([
             core.Component({
                 selector: "s-grid-menu",
-                template: "<s-grid-menu-item *ngFor=\"let item of itemsArray\" [item]=\"item\"></s-grid-menu-item>\n",
+                template: "<section class=\"grid-menu\">\n    <s-grid-menu-item\n        *ngFor=\"let item of itemsArray\"\n        [item]=\"item\"\n        [iconIsFromFontAwesome]=\"useFontAwesomeIcons\"\n        (clickedGridMenuItem)=\"onClickGridMenuItem($event)\"\n    ></s-grid-menu-item>\n</section>\n",
                 styles: [".grid-menu{display:-ms-grid;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,200px);-ms-flex-pack:space-evenly;justify-content:space-evenly}"]
             })
         ], GridMenuComponent);
@@ -17557,13 +17637,38 @@
 
     var GridMenuItemComponent = /** @class */ (function () {
         function GridMenuItemComponent() {
+            this.iconIsFromFontAwesome = false;
+            this.clickedGridMenuItem = new core.EventEmitter();
+            this.fontAwesomePrefix = 'fal';
         }
         GridMenuItemComponent.prototype.onClick = function () {
             var _a, _b;
-            if (this.disabled)
+            if (this.disabled) {
                 return;
+            }
             (_b = (_a = this.item).action) === null || _b === void 0 ? void 0 : _b.call(_a);
+            this.clickedGridMenuItem.emit(this.item);
+        };
+        GridMenuItemComponent.prototype.onMouseEnter = function () {
+            if (this.disabled) {
+                return;
+            }
+            this.fontAwesomePrefix = 'fas';
         };
+        GridMenuItemComponent.prototype.onMouseLeave = function () {
+            if (this.disabled) {
+                return;
+            }
+            this.fontAwesomePrefix = 'fal';
+        };
+        Object.defineProperty(GridMenuItemComponent.prototype, "iconFontAwesomeClassName", {
+            get: function () {
+                var prefix = this.item.active ? 'fas' : this.fontAwesomePrefix;
+                return prefix + " " + this.item.icon;
+            },
+            enumerable: true,
+            configurable: true
+        });
         Object.defineProperty(GridMenuItemComponent.prototype, "initialLetter", {
             get: function () {
                 var initialLetter = "";
@@ -17581,7 +17686,8 @@
         });
         Object.defineProperty(GridMenuItemComponent.prototype, "disabled", {
             get: function () {
-                return typeof this.item.disabled === "function" ? !!this.item.disabled() : !!this.item.disabled;
+                var _a, _b;
+                return typeof ((_a = this.item) === null || _a === void 0 ? void 0 : _a.disabled) === "function" ? !!this.item.disabled() : !!((_b = this.item) === null || _b === void 0 ? void 0 : _b.disabled);
             },
             enumerable: true,
             configurable: true
@@ -17589,11 +17695,17 @@
         __decorate([
             core.Input()
         ], GridMenuItemComponent.prototype, "item", void 0);
+        __decorate([
+            core.Input()
+        ], GridMenuItemComponent.prototype, "iconIsFromFontAwesome", void 0);
+        __decorate([
+            core.Output()
+        ], GridMenuItemComponent.prototype, "clickedGridMenuItem", void 0);
         GridMenuItemComponent = __decorate([
             core.Component({
                 selector: "s-grid-menu-item",
-                template: "<button\n    class=\"icon-button\"\n    [class.icon-button--disabled]=\"disabled\"\n    (click)=\"onClick()\">\n    <div class=\"icon-wrapper\">\n        <span\n            *ngIf=\"item.icon; else initialsTemplate\"\n            class=\"icon\"\n            style=\"background-image: url('{{ item.icon }}');\">\n        </span>\n        <ng-template #initialsTemplate>\n            <span class=\"initials\">{{ initialLetter }}</span>\n        </ng-template>\n    </div>\n    <span class=\"title\">{{ item.label }}</span>\n</button>\n",
-                styles: [".icon-button{-ms-flex-align:center;align-items:center;background-color:transparent;border:none;cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;gap:12px;-ms-flex-pack:center;justify-content:center;padding:5px;transition:transform .3s ease-in-out;width:200px}.icon-button .icon-wrapper{-ms-flex-item-align:center;align-self:center;background-color:#dedce5;border-radius:10px;display:-ms-flexbox;display:flex;height:64px;-ms-flex-pack:center;justify-content:center;overflow:hidden;padding:8px;width:64px}.icon-button .icon-wrapper .icon{background-position:center;background-repeat:no-repeat;background-size:cover;display:inline-block;height:100%;width:100%}.icon-button .icon-wrapper .initials{-ms-flex-align:center;align-items:center;color:#428bca;display:-ms-flexbox;display:flex;font-family:\"Open Sans\",sans-serif;font-size:20px;font-weight:700}.icon-button .title{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#428bca;display:-webkit-box;font-family:\"Open Sans\",sans-serif;font-size:14px;line-clamp:2;overflow:hidden;text-overflow:ellipsis;width:100%}.icon-button--disabled{cursor:default;opacity:.5}.icon-button:not(.icon-button--disabled):hover{transform:scale(1.05)}"]
+                template: "<button\n    class=\"icon-button\"\n    [class.icon-button-active]=\"item.active\"\n    [class.icon-button--disabled]=\"disabled\"\n    (sActivatedContent)=\"onClick()\"\n    [disabled]=\"disabled\"\n    [tabindex]=\"disabled ? -1 : 0\"\n    [class.icon-font-awesome]=\"iconIsFromFontAwesome\"\n    (mouseenter)=\"onMouseEnter()\"\n    (mouseleave)=\"onMouseLeave()\"\n    *ngIf=\"item\"\n>\n    <div class=\"icon-wrapper\" [class.icon-image]=\"!iconIsFromFontAwesome\">\n        <ng-container *ngIf=\"item.icon\">\n            <i *ngIf=\"iconIsFromFontAwesome\" [class]=\"iconFontAwesomeClassName\"> </i>\n            <span *ngIf=\"!iconIsFromFontAwesome\" class=\"icon\" style=\"background-image: url('{{ item.icon }}');\"> </span>\n        </ng-container>\n\n        <ng-container *ngIf=\"!item.icon\">\n            <span class=\"initials\">{{ initialLetter }}</span>\n        </ng-container>\n    </div>\n    <span class=\"title\">{{ item.label }}</span>\n</button>\n",
+                styles: [".icon-button{-ms-flex-align:center;align-items:center;background-color:transparent;border:none;cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;gap:12px;-ms-flex-pack:center;justify-content:center;padding:5px;transition:transform .3s ease-in-out;width:200px}.icon-button:not(.icon-button--disabled):hover .initials,.icon-button:not(.icon-button--disabled):hover .title{font-weight:700}.icon-button.icon-font-awesome .title{padding-bottom:1em}.icon-button.icon-font-awesome:not(.icon-button--disabled):hover{border-radius:10px;background-color:#dedce5}.icon-button.icon-font-awesome .icon-wrapper i{color:#009494}.icon-button .icon-wrapper{-ms-flex-item-align:center;align-self:center;border-radius:10px;display:-ms-flexbox;display:flex;height:64px;-ms-flex-pack:center;justify-content:center;overflow:hidden;padding:8px;width:64px;-ms-flex-align:center;align-items:center;font-size:3em}.icon-button .icon-wrapper.icon-image{background-color:#dedce5}.icon-button .icon-wrapper .icon{background-position:center;background-repeat:no-repeat;background-size:cover;display:inline-block;height:100%;width:100%}.icon-button .icon-wrapper .initials{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;font-family:\"Open Sans\",sans-serif;font-size:20px;font-weight:700}.icon-button .title{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;font-family:\"Open Sans\",sans-serif;font-size:14px;line-clamp:2;overflow:hidden;text-overflow:ellipsis;width:100%}.icon-button--disabled{cursor:default;opacity:.5}.icon-button:not(.icon-button--disabled):hover{transform:scale(1.05)}.icon-button-active{transform:scale(1.05);border-radius:10px;background-color:#dedce5}.icon-button-active .initials,.icon-button-active .title{font-weight:700}"]
             })
         ], GridMenuItemComponent);
         return GridMenuItemComponent;
@@ -17604,7 +17716,7 @@
         }
         GridMenuModule = __decorate([
             core.NgModule({
-                imports: [common.CommonModule],
+                imports: [common.CommonModule, AccessibilityEventsModule],
                 declarations: [GridMenuItemComponent, GridMenuComponent],
                 exports: [GridMenuItemComponent, GridMenuComponent],
             })
@@ -23215,6 +23327,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 +24323,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 +24430,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;