@ngx-smz/core 21.6.0 → 21.6.1

package/fesm2022/ngx-smz-core.mjs

@@ -44031,6 +44031,11 @@ class SmzTreeBuilder {
                     collapseLabel: '',
                     expandLabel: ''
                 },
+                treeSelectionButtons: {
+                    isVisible: false,
+                    selectAllLabel: '',
+                    clearSelectionLabel: '',
+                },
             },
         },
         footer: {
@@ -44166,6 +44171,14 @@ class SmzTreeToolbarBuilder {
         };
         return this;
     }
+    useTreeSelectionButtons(selectAllLabel = '', clearSelectionLabel = '') {
+        this.treeBuilderRef.treeState.header.toolbar.treeSelectionButtons = {
+            isVisible: true,
+            selectAllLabel: selectAllLabel,
+            clearSelectionLabel: clearSelectionLabel,
+        };
+        return this;
+    }
     // public useNodeExpandButtons(expandLabel: string = '', collapseLabel: string = '',
     //    expandTooltip: string = 'Expandir nó selecionado', collapseTooltip: string = 'Colapsar nó selecionado',
     //    disabledTooltip: string = 'Selecione um nó da árvore'): SmzTreeToolbarBuilder {
@@ -44545,6 +44558,12 @@ class SmzTreeComponent {
     primeSelection = [];
     selection = [];
     selectionKey = 'key';
+    get hasSelection() {
+        if (isArray(this.primeSelection)) {
+            return this.primeSelection.length > 0;
+        }
+        return this.primeSelection != null;
+    }
     // Evento emitido quando o array de nodes selecionados é atualizado
     selectedNodes = new EventEmitter();
     // Evento emitido quando um nó da árvore é selecionado ou é clicado com o botão direito do mouse
@@ -44793,17 +44812,13 @@ class SmzTreeComponent {
         return newResults;
     }
     expandAll() {
-        this.treeItems?.forEach(node => {
-            this.expandRecursive(node, true);
-        });
+        this.setAllNodesExpanded(true);
         setTimeout(() => {
             this.treeExpanded.emit();
         }, 200);
     }
     collapseAll() {
-        this.treeItems?.forEach(node => {
-            this.expandRecursive(node, false);
-        });
+        this.setAllNodesExpanded(false);
         setTimeout(() => {
             this.nodeCollapsed.emit(null);
         }, 200);
@@ -44811,6 +44826,7 @@ class SmzTreeComponent {
     expandNode() {
         if (this.primeSelection != null) {
             this.expandRecursive(this.primeSelection, true);
+            this.refreshTreeView();
             setTimeout(() => {
                 this.nodeExpanded.emit({ node: this.primeSelection });
             }, 200);
@@ -44819,11 +44835,47 @@ class SmzTreeComponent {
     collapseNode() {
         if (this.primeSelection != null) {
             this.expandRecursive(this.primeSelection, false);
+            this.refreshTreeView();
             setTimeout(() => {
                 this.nodeCollapsed.emit({ node: this.primeSelection });
             }, 200);
         }
     }
+    collectSelectableNodeKeys(nodes) {
+        const keys = [];
+        if (nodes == null) {
+            return keys;
+        }
+        const traverse = (node) => {
+            if (node.key != null && node.selectable !== false) {
+                keys.push(String(node.key));
+            }
+            if (node.children != null) {
+                node.children.forEach((childNode) => traverse(childNode));
+            }
+        };
+        nodes.forEach((node) => traverse(node));
+        return keys;
+    }
+    selectAll() {
+        const selectionMode = this.state?.selection?.mode ?? 'single';
+        if (selectionMode === 'single') {
+            return;
+        }
+        const selectedKeys = this.collectSelectableNodeKeys(this.treeItems);
+        const expandNodes = this.state?.selection?.expandNodes ?? true;
+        this.primeSelection = resolveTreeNodeSelection(this.treeItems, selectedKeys, expandNodes);
+        this.refreshTreeView();
+        this.selectedNodes.emit(this.primeSelection);
+        this.selectionChange.emit(null);
+    }
+    clearSelection() {
+        const selectionMode = this.state?.selection?.mode ?? 'single';
+        this.primeSelection = selectionMode === 'single' ? null : [];
+        this.selectedNodes.emit(selectionMode === 'single' ? [] : this.primeSelection);
+        this.selectionChange.emit(null);
+        this.cdr.markForCheck();
+    }
     // Método que recebe o evento de arrastar do prime e repassa para o nosso serviço de drag and drop.
     // Inicialmente ele verifica se a operação é permitida e envia o accept para o prime, entretanto
     // o dados do evento só podem ser lidos depois de um tempo pre-definido porque o parent do nó
@@ -44877,6 +44929,54 @@ class SmzTreeComponent {
             });
         }
     }
+    setAllNodesExpanded(isExpand) {
+        this.treeItems?.forEach((node) => {
+            this.expandRecursive(node, isExpand);
+        });
+        this.refreshTreeView();
+    }
+    // PrimeNG Tree (OnPush) ignores in-place `expanded` mutations. Replacing the root
+    // node objects forces p-treeNode to recreate and read the new expansion state.
+    refreshTreeView() {
+        if (this.treeItems == null) {
+            return;
+        }
+        this.treeItems = this.treeItems.map((node) => this.cloneRootNode(node));
+        this.rematchPrimeSelection();
+        this.cdr.markForCheck();
+    }
+    cloneRootNode(node) {
+        const clonedRootNode = { ...node };
+        if (clonedRootNode.children != null) {
+            clonedRootNode.children.forEach((childNode) => {
+                childNode.parent = clonedRootNode;
+            });
+        }
+        return clonedRootNode;
+    }
+    rematchPrimeSelection() {
+        if (this.primeSelection == null || this.treeItems == null) {
+            return;
+        }
+        if (isArray(this.primeSelection)) {
+            this.primeSelection = this.primeSelection.map((selectedNode) => {
+                if (selectedNode?.key == null) {
+                    return selectedNode;
+                }
+                const matchedNode = getTreeNodeFromKey(this.treeItems, selectedNode.key);
+                return matchedNode ?? selectedNode;
+            });
+            return;
+        }
+        const selectedNode = this.primeSelection;
+        if (selectedNode?.key == null) {
+            return;
+        }
+        const matchedNode = getTreeNodeFromKey(this.treeItems, selectedNode.key);
+        if (matchedNode != null) {
+            this.primeSelection = matchedNode;
+        }
+    }
     // Método que verifica se uma operação é permitida ou não, baseado nas regras da configuração
     check(event) {
         // console.log(`D&D: Dropped [${event.dragNode.label} (${event.dragNode.type})] into [${event.dropNode.label} (${event.dropNode.type})], index=${event.index}`);
@@ -44981,11 +45081,11 @@ class SmzTreeComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: SmzTreeComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: TreeHelperService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: SmzTreeComponent, isStandalone: false, selector: "smz-ui-tree", inputs: { state: "state", items: "items", loading: "loading", styleClass: "styleClass", inlineStyle: "inlineStyle", appendTo: "appendTo", selection: "selection", selectionKey: "selectionKey" }, outputs: { selectedNodes: "selectedNodes", selectionChange: "selectionChange", parentChange: "parentChange", reorder: "reorder", blockedDrop: "blockedDrop", nodeExpanded: "nodeExpanded", nodeCollapsed: "nodeCollapsed", treeExpanded: "treeExpanded", nodeDropped: "nodeDropped" }, providers: [TreeDragDropService], queries: [{ propertyName: "templates", predicate: PrimeTemplate }], viewQueries: [{ propertyName: "dt", first: true, predicate: Tree, descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (state) {\r\n  @if ((state.emptyFeedback?.isFeatured) && (treeItems != null && treeItems.length === 0)) {\r\n    <smz-data-info\r\n      [image]=\"state.emptyFeedback.image\"\r\n      [message]=\"state.emptyFeedback.message\"\r\n      [callbackInfo]=\"state.emptyFeedback.extraInfo\"\r\n      [callbackLabel]=\"state.emptyFeedback.actionButton?.label\"\r\n      (clicked)=\"state.emptyFeedback.actionButton?.callback($event)\">\r\n      <ng-template pTemplate=\"actions\">\r\n        <ng-container *ngTemplateOutlet=\"emptyActionsTemplate; context: { $implicit: {} }\"></ng-container>\r\n      </ng-template>\r\n    </smz-data-info>\r\n  } @else {\r\n    @if (treeItems != null) {\r\n      <p-contextMenu #cm [model]=\"menuItems\" [appendTo]=\"appendTo\" [styleClass]=\"menuItems == null || menuItems?.length === 0 ? 'invisible-important' : ''\"></p-contextMenu>\r\n      <p-menu #rowMenu [model]=\"menuItems\" [popup]=\"true\" appendTo=\"body\" />\r\n      <p-tree #dt [value]=\"treeItems\"\r\n        scrollHeight=\"flex\"\r\n        [contextMenu]=\"state.menu.behavior === 'context-menu' ? cm : null\"\r\n        [selectionMode]=\"state.selection.mode\"\r\n        [(selection)]=\"primeSelection\"\r\n        layout=\"vertical\"\r\n        [style]=\"inlineStyle\"\r\n        [styleClass]=\"styleClass\"\r\n        [propagateSelectionUp]=\"state.selection.propagateUp\"\r\n        [propagateSelectionDown]=\"state.selection.propagateDown\"\r\n        [loading]=\"state.loading.isLoading\"\r\n        [loadingIcon]=\"state.loading.icon\"\r\n        [filter]=\"false\"\r\n        [filterMode]=\"state.filter.mode\"\r\n        [filterPlaceholder]=\"state.filter.textPlaceholder\"\r\n        [draggableNodes]=\"state.dragAndDrop.draggable\"\r\n        [droppableNodes]=\"state.dragAndDrop.droppable\"\r\n        [validateDrop]=\"state.dragAndDrop.validateDrop\"\r\n        (onNodeContextMenuSelect)=\"onContextMenuOpen($event)\"\r\n        (onNodeSelect)=\"onSelected($event)\"\r\n        (onNodeUnselect)=\"onUnselected($event)\"\r\n        (onNodeExpand)=\"onExpanded($event)\"\r\n        (onNodeCollapse)=\"onCollapsed($event)\"\r\n        (onNodeDrop)=\"onDropped($event)\"\r\n        (onFilter)=\"onFiltered($event)\">\r\n        @if (state.header.isVisible) {\r\n          <ng-template pTemplate=\"header\">\r\n            @if (state.header.toolbar; as toolbar) {\r\n              @if (headerTemplate != null) {\r\n                <div class=\"grid grid-nogutter items-center w-full justify-start\">\r\n                  <ng-container *ngTemplateOutlet=\"headerTemplate; context: { $implicit: dt }\"></ng-container>\r\n                </div>\r\n              }\r\n              <div class=\"grid grid-nogutter justify-start items-center mb-2 gap-2\">\r\n                @if (state.header.title != null) {\r\n                  <h3 class=\"m-2 col\">{{state.header.title}}</h3>\r\n                }\r\n                <div class=\"grid grid-nogutter justify-start items-center gap-2\">\r\n                  @for (button of state.header.toolbar.items; track button; let i = $index) {\r\n                    <button\r\n                      pButton\r\n                      pRipple\r\n                      type=\"button\"\r\n                      [ngClass]=\"{ 'p-button-text': toolbar.buttonType.endsWith('borderless'), 'p-button-outlined': toolbar.buttonType.endsWith('outlined'), 'p-button-rounded': toolbar.buttonType.startsWith('rounded'), 'p-button-secondary': button.color === 'secondary', 'p-button-success': button.color === 'success', 'p-button-info': button.color === 'info', 'p-button-warning': button.color === 'warning', 'p-button-help': button.color === 'help', 'p-button-danger': button.color === 'danger' }\"\r\n                      [label]=\"button.label\"\r\n                      [icon]=\"button.icon\"\r\n                      (click)=\"onToolbarButtonClick($event, button, treeItems)\"\r\n                      [pTooltip]=\"button.tooltip\">\r\n                    </button>\r\n                  }\r\n                  @if (toolbar.nodeExpandButtons.isVisible === true) {\r\n                    <button\r\n                      pButton\r\n                      pRipple\r\n                      type=\"button\"\r\n                      [ngClass]=\"{ 'p-button-text': toolbar.buttonType.endsWith('borderless'), 'p-button-outlined': toolbar.buttonType.endsWith('outlined'), 'p-button-rounded': toolbar.buttonType.startsWith('rounded'), 'p-button-secondary': true }\"\r\n                      [label]=\"toolbar.nodeExpandButtons.expandLabel\"\r\n                      icon=\"fa-solid fa-angle-down\"\r\n                      (click)=\"expandNode()\"\r\n                      [pTooltip]=\"selection != null ? toolbar.nodeExpandButtons.expandTooltip : toolbar.nodeExpandButtons.disabledTooltip\"\r\n                      [disabled]=\"selection == null\">\r\n                    </button>\r\n                  }\r\n                  @if (toolbar.nodeExpandButtons.isVisible === true) {\r\n                    <button\r\n                      pButton\r\n                      pRipple\r\n                      type=\"button\"\r\n                      [ngClass]=\"{ 'p-button-text': toolbar.buttonType.endsWith('borderless'), 'p-button-outlined': toolbar.buttonType.endsWith('outlined'), 'p-button-rounded': toolbar.buttonType.startsWith('rounded'), 'p-button-secondary': true }\"\r\n                      [label]=\"toolbar.nodeExpandButtons.collapseLabel\"\r\n                      icon=\"fa-solid fa-angle-up\"\r\n                      (click)=\"collapseNode()\"\r\n                      [pTooltip]=\"selection != null ? toolbar.nodeExpandButtons.collapseTooltip : toolbar.nodeExpandButtons.disabledTooltip\"\r\n                      [disabled]=\"selection == null\">\r\n                    </button>\r\n                  }\r\n                  @if (toolbar.treeExpandButtons.isVisible === true) {\r\n                    <button\r\n                      pButton\r\n                      pRipple\r\n                      type=\"button\"\r\n                      [ngClass]=\"{ 'p-button-text': toolbar.buttonType.endsWith('borderless'), 'p-button-outlined': toolbar.buttonType.endsWith('outlined'), 'p-button-rounded': toolbar.buttonType.startsWith('rounded'), 'p-button-secondary': true }\"\r\n                      [label]=\"toolbar.treeExpandButtons.expandLabel\"\r\n                      icon=\"fa-solid fa-angles-down\"\r\n                      (click)=\"expandAll()\"\r\n                      [pTooltip]=\"\">\r\n                    </button>\r\n                  }\r\n                  @if (toolbar.treeExpandButtons.isVisible === true) {\r\n                    <button\r\n                      pButton\r\n                      pRipple\r\n                      type=\"button\"\r\n                      [ngClass]=\"{ 'p-button-text': toolbar.buttonType.endsWith('borderless'), 'p-button-outlined': toolbar.buttonType.endsWith('outlined'), 'p-button-rounded': toolbar.buttonType.startsWith('rounded'), 'p-button-secondary': true }\"\r\n                      [label]=\"toolbar.treeExpandButtons.collapseLabel\"\r\n                      icon=\"fa-solid fa-angles-up\"\r\n                      (click)=\"collapseAll()\"\r\n                      [pTooltip]=\"\">\r\n                    </button>\r\n                  }\r\n                  @if (actionsTemplate != null) {\r\n                    <div class=\"grid grid-nogutter items-center justify-start\">\r\n                      <ng-container *ngTemplateOutlet=\"actionsTemplate; context: { $implicit: dt }\"></ng-container>\r\n                    </div>\r\n                  }\r\n                </div>\r\n                @if (state.filter.show) {\r\n                  <p-iconfield class=\"col-12\" [ngClass]=\"state.filter.styleClass\">\r\n                    <p-inputicon styleClass=\"pi pi-search\" />\r\n                    <input #inputGlobal pInputText type=\"text\" (input)=\"dt._filter(inputGlobal.value)\" [placeholder]=\"state.filter.textPlaceholder\" />\r\n                  </p-iconfield>\r\n                }\r\n              </div>\r\n              @if (toolbarTemplate != null) {\r\n                <div class=\"grid grid-nogutter items-center mt-2\"\r\n                  [ngClass]=\"'justify-' + state.header.toolbar.alignment\">\r\n                  <ng-container *ngTemplateOutlet=\"toolbarTemplate; context: { $implicit: dt }\"></ng-container>\r\n                </div>\r\n              }\r\n            }\r\n          </ng-template>\r\n        }\r\n        @if (state.footer.isVisible) {\r\n          <ng-template pTemplate=\"footer\">\r\n            <div class=\"grid grid-nogutter justify-start items-center\">\r\n              <span class=\"col mr-2\">FOOTER</span>\r\n            </div>\r\n          </ng-template>\r\n        }\r\n        @for (content of contentTemplates; track content) {\r\n          <ng-template let-node [pTemplate]=\"content.type\">\r\n            <div class=\"grid grid-nogutter items-center justify-start gap-2\">\r\n              @if (content.template != null) {\r\n                <ng-container *ngTemplateOutlet=\"content.template; context: { $implicit: node }\"></ng-container>\r\n              } @else {\r\n                <div>{{ node.label }}</div>\r\n              }\r\n              @if (state.menu.behavior === 'row-menu') {\r\n                <p-button clickStopPropagation (onClick)=\"onRowMenuOpen(node, rowMenu, $event)\" [icon]=\"state.menu.rowMenuIcon\" [rounded]=\"true\" [text]=\"true\" [severity]=\"state.menu.rowMenuIconSeverity\"/>\r\n              }\r\n            </div>\r\n          </ng-template>\r\n        }\r\n        <ng-template let-node pTemplate=\"Check\">\r\n          <div class=\"grid grid-nogutter items-center justify-start gap-2\">\r\n            <div>{{ node.label }}</div>\r\n            @if (state.menu.behavior === 'row-menu') {\r\n              <p-button clickStopPropagation (onClick)=\"onRowMenuOpen(node, rowMenu, $event)\" [icon]=\"state.menu.rowMenuIcon\" [rounded]=\"true\" [text]=\"true\" [severity]=\"state.menu.rowMenuIconSeverity\"/>\r\n            }\r\n          </div>\r\n        </ng-template>\r\n        <ng-template pTemplate=\"empty\">\r\n          @if (!state.emptyFeedback.isFeatured) {\r\n            <div>{{ state.emptyFeedback.message }}</div>\r\n          }\r\n        </ng-template>\r\n      </p-tree>\r\n    }\r\n  }\r\n} @else {\r\n  @if (emptyStateTemplate != null) {\r\n    <ng-container *ngTemplateOutlet=\"emptyStateTemplate; context: { $implicit: {} }\"></ng-container>\r\n  }\r\n}\r\n\r\n", dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$7.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i4.ButtonDirective, selector: "[pButton]", inputs: ["ptButtonDirective", "pButtonPT", "pButtonUnstyled", "hostName", "text", "plain", "raised", "size", "outlined", "rounded", "iconPos", "loadingIcon", "fluid", "label", "icon", "loading", "buttonProps", "severity"] }, { kind: "component", type: i4.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: ClickStopPropagationDirective, selector: "[clickStopPropagation]" }, { kind: "component", type: SmzDataInfoComponent, selector: "smz-data-info", inputs: ["image", "message", "actions", "callbackInfo", "callbackLabel"], outputs: ["clicked"] }, { kind: "directive", type: i1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "component", type: i8$2.ContextMenu, selector: "p-contextMenu, p-contextmenu, p-context-menu", inputs: ["model", "triggerEvent", "target", "global", "style", "styleClass", "autoZIndex", "baseZIndex", "id", "breakpoint", "ariaLabel", "ariaLabelledBy", "pressDelay", "appendTo", "motionOptions"], outputs: ["onShow", "onHide"] }, { kind: "component", type: i9$1.Tree, selector: "p-tree", inputs: ["value", "selectionMode", "loadingMode", "selection", "styleClass", "contextMenu", "contextMenuSelectionMode", "contextMenuSelection", "draggableScope", "droppableScope", "draggableNodes", "droppableNodes", "metaKeySelection", "propagateSelectionUp", "propagateSelectionDown", "loading", "loadingIcon", "emptyMessage", "ariaLabel", "togglerAriaLabel", "ariaLabelledBy", "validateDrop", "filter", "filterInputAutoFocus", "filterBy", "filterMode", "filterOptions", "filterPlaceholder", "filteredNodes", "filterLocale", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "indentation", "_templateMap", "trackBy", "highlightOnSelect"], outputs: ["selectionChange", "contextMenuSelectionChange", "onNodeSelect", "onNodeUnselect", "onNodeExpand", "onNodeCollapse", "onNodeContextMenuSelect", "onNodeDoubleClick", "onNodeDrop", "onLazyLoad", "onScroll", "onScrollIndexChange", "onFilter"] }, { kind: "directive", type: i2.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "component", type: i11$1.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaLabel", "ariaLabelledBy", "id", "tabindex", "appendTo", "motionOptions"], outputs: ["onShow", "onHide", "onBlur", "onFocus"] }, { kind: "component", type: i26.IconField, selector: "p-iconfield, p-iconField, p-icon-field", inputs: ["hostName", "iconPosition", "styleClass"] }, { kind: "component", type: i27.InputIcon, selector: "p-inputicon, p-inputIcon", inputs: ["hostName", "styleClass"] }], changeDetection: i0.ChangeDetectionStrategy.Eager });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.1", type: SmzTreeComponent, isStandalone: false, selector: "smz-ui-tree", inputs: { state: "state", items: "items", loading: "loading", styleClass: "styleClass", inlineStyle: "inlineStyle", appendTo: "appendTo", selection: "selection", selectionKey: "selectionKey" }, outputs: { selectedNodes: "selectedNodes", selectionChange: "selectionChange", parentChange: "parentChange", reorder: "reorder", blockedDrop: "blockedDrop", nodeExpanded: "nodeExpanded", nodeCollapsed: "nodeCollapsed", treeExpanded: "treeExpanded", nodeDropped: "nodeDropped" }, providers: [TreeDragDropService], queries: [{ propertyName: "templates", predicate: PrimeTemplate }], viewQueries: [{ propertyName: "dt", first: true, predicate: Tree, descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (state) {\r\n  @if ((state.emptyFeedback?.isFeatured) && (treeItems != null && treeItems.length === 0)) {\r\n    <smz-data-info\r\n      [image]=\"state.emptyFeedback.image\"\r\n      [message]=\"state.emptyFeedback.message\"\r\n      [callbackInfo]=\"state.emptyFeedback.extraInfo\"\r\n      [callbackLabel]=\"state.emptyFeedback.actionButton?.label\"\r\n      (clicked)=\"state.emptyFeedback.actionButton?.callback($event)\">\r\n      <ng-template pTemplate=\"actions\">\r\n        <ng-container *ngTemplateOutlet=\"emptyActionsTemplate; context: { $implicit: {} }\"></ng-container>\r\n      </ng-template>\r\n    </smz-data-info>\r\n  } @else {\r\n    @if (treeItems != null) {\r\n      <p-contextMenu #cm [model]=\"menuItems\" [appendTo]=\"appendTo\" [styleClass]=\"menuItems == null || menuItems?.length === 0 ? 'invisible-important' : ''\"></p-contextMenu>\r\n      <p-menu #rowMenu [model]=\"menuItems\" [popup]=\"true\" appendTo=\"body\" />\r\n      <p-tree #dt [value]=\"treeItems\"\r\n        scrollHeight=\"flex\"\r\n        [contextMenu]=\"state.menu.behavior === 'context-menu' ? cm : null\"\r\n        [selectionMode]=\"state.selection.mode\"\r\n        [(selection)]=\"primeSelection\"\r\n        layout=\"vertical\"\r\n        [style]=\"inlineStyle\"\r\n        [styleClass]=\"styleClass\"\r\n        [propagateSelectionUp]=\"state.selection.propagateUp\"\r\n        [propagateSelectionDown]=\"state.selection.propagateDown\"\r\n        [loading]=\"state.loading.isLoading\"\r\n        [loadingIcon]=\"state.loading.icon\"\r\n        [filter]=\"false\"\r\n        [filterMode]=\"state.filter.mode\"\r\n        [filterPlaceholder]=\"state.filter.textPlaceholder\"\r\n        [draggableNodes]=\"state.dragAndDrop.draggable\"\r\n        [droppableNodes]=\"state.dragAndDrop.droppable\"\r\n        [validateDrop]=\"state.dragAndDrop.validateDrop\"\r\n        (onNodeContextMenuSelect)=\"onContextMenuOpen($event)\"\r\n        (onNodeSelect)=\"onSelected($event)\"\r\n        (onNodeUnselect)=\"onUnselected($event)\"\r\n        (onNodeExpand)=\"onExpanded($event)\"\r\n        (onNodeCollapse)=\"onCollapsed($event)\"\r\n        (onNodeDrop)=\"onDropped($event)\"\r\n        (onFilter)=\"onFiltered($event)\">\r\n        @if (state.header.isVisible) {\r\n          <ng-template pTemplate=\"header\">\r\n            @if (state.header.toolbar; as toolbar) {\r\n              @if (headerTemplate != null) {\r\n                <div class=\"grid grid-nogutter items-center w-full justify-start\">\r\n                  <ng-container *ngTemplateOutlet=\"headerTemplate; context: { $implicit: dt }\"></ng-container>\r\n                </div>\r\n              }\r\n              <div class=\"grid grid-nogutter justify-start items-center mb-2 gap-2\">\r\n                @if (state.header.title != null) {\r\n                  <h3 class=\"m-2 col\">{{state.header.title}}</h3>\r\n                }\r\n                <div class=\"grid grid-nogutter justify-start items-center gap-2\">\r\n                  @for (button of state.header.toolbar.items; track button; let i = $index) {\r\n                    <button\r\n                      pButton\r\n                      pRipple\r\n                      type=\"button\"\r\n                      [ngClass]=\"{ 'p-button-text': toolbar.buttonType.endsWith('borderless'), 'p-button-outlined': toolbar.buttonType.endsWith('outlined'), 'p-button-rounded': toolbar.buttonType.startsWith('rounded'), 'p-button-secondary': button.color === 'secondary', 'p-button-success': button.color === 'success', 'p-button-info': button.color === 'info', 'p-button-warning': button.color === 'warning', 'p-button-help': button.color === 'help', 'p-button-danger': button.color === 'danger' }\"\r\n                      [label]=\"button.label\"\r\n                      [icon]=\"button.icon\"\r\n                      (click)=\"onToolbarButtonClick($event, button, treeItems)\"\r\n                      [pTooltip]=\"button.tooltip\">\r\n                    </button>\r\n                  }\r\n                  @if (toolbar.nodeExpandButtons.isVisible === true) {\r\n                    <button\r\n                      pButton\r\n                      pRipple\r\n                      type=\"button\"\r\n                      [ngClass]=\"{ 'p-button-text': toolbar.buttonType.endsWith('borderless'), 'p-button-outlined': toolbar.buttonType.endsWith('outlined'), 'p-button-rounded': toolbar.buttonType.startsWith('rounded'), 'p-button-secondary': true }\"\r\n                      [label]=\"toolbar.nodeExpandButtons.expandLabel\"\r\n                      icon=\"fa-solid fa-angle-down\"\r\n                      (click)=\"expandNode()\"\r\n                      [pTooltip]=\"selection != null ? toolbar.nodeExpandButtons.expandTooltip : toolbar.nodeExpandButtons.disabledTooltip\"\r\n                      [disabled]=\"selection == null\">\r\n                    </button>\r\n                  }\r\n                  @if (toolbar.nodeExpandButtons.isVisible === true) {\r\n                    <button\r\n                      pButton\r\n                      pRipple\r\n                      type=\"button\"\r\n                      [ngClass]=\"{ 'p-button-text': toolbar.buttonType.endsWith('borderless'), 'p-button-outlined': toolbar.buttonType.endsWith('outlined'), 'p-button-rounded': toolbar.buttonType.startsWith('rounded'), 'p-button-secondary': true }\"\r\n                      [label]=\"toolbar.nodeExpandButtons.collapseLabel\"\r\n                      icon=\"fa-solid fa-angle-up\"\r\n                      (click)=\"collapseNode()\"\r\n                      [pTooltip]=\"selection != null ? toolbar.nodeExpandButtons.collapseTooltip : toolbar.nodeExpandButtons.disabledTooltip\"\r\n                      [disabled]=\"selection == null\">\r\n                    </button>\r\n                  }\r\n                  @if (toolbar.treeExpandButtons.isVisible === true) {\r\n                    <button\r\n                      pButton\r\n                      pRipple\r\n                      type=\"button\"\r\n                      [ngClass]=\"{ 'p-button-text': toolbar.buttonType.endsWith('borderless'), 'p-button-outlined': toolbar.buttonType.endsWith('outlined'), 'p-button-rounded': toolbar.buttonType.startsWith('rounded'), 'p-button-secondary': true }\"\r\n                      [label]=\"toolbar.treeExpandButtons.expandLabel\"\r\n                      icon=\"fa-solid fa-angles-down\"\r\n                      (click)=\"expandAll()\"\r\n                      [pTooltip]=\"toolbar.treeExpandButtons.expandLabel != null && toolbar.treeExpandButtons.expandLabel !== '' \r\n                        ? toolbar.treeExpandButtons.expandLabel \r\n                        : 'Expandir \u00E1rvore'\">\r\n                    </button>\r\n                  }\r\n                  @if (toolbar.treeExpandButtons.isVisible === true) {\r\n                    <button\r\n                      pButton\r\n                      pRipple\r\n                      type=\"button\"\r\n                      [ngClass]=\"{ 'p-button-text': toolbar.buttonType.endsWith('borderless'), 'p-button-outlined': toolbar.buttonType.endsWith('outlined'), 'p-button-rounded': toolbar.buttonType.startsWith('rounded'), 'p-button-secondary': true }\"\r\n                      [label]=\"toolbar.treeExpandButtons.collapseLabel\"\r\n                      icon=\"fa-solid fa-angles-up\"\r\n                      (click)=\"collapseAll()\"\r\n                      [pTooltip]=\"toolbar.treeExpandButtons.collapseLabel != null && toolbar.treeExpandButtons.collapseLabel !== '' \r\n                        ? toolbar.treeExpandButtons.collapseLabel \r\n                        : 'Colapsar \u00E1rvore'\">\r\n                    </button>\r\n                  }\r\n                  @if (toolbar.treeSelectionButtons?.isVisible === true) {\r\n\r\n                    <button\r\n                      pButton\r\n                      pRipple\r\n                      type=\"button\"\r\n                      [ngClass]=\"{ 'p-button-text': toolbar.buttonType.endsWith('borderless'), 'p-button-outlined': toolbar.buttonType.endsWith('outlined'), 'p-button-rounded': toolbar.buttonType.startsWith('rounded'), 'p-button-secondary': true }\"\r\n                      [label]=\"toolbar.treeSelectionButtons.selectAllLabel\"\r\n                      icon=\"fa-solid fa-check-double\"\r\n                      (click)=\"selectAll()\"\r\n                      [disabled]=\"state.selection?.mode === 'single'\"\r\n                      [pTooltip]=\"state.selection?.mode === 'single' \r\n                        ? 'Dispon\u00EDvel apenas em sele\u00E7\u00E3o m\u00FAltipla' \r\n                        : (toolbar.treeSelectionButtons.selectAllLabel != null && toolbar.treeSelectionButtons.selectAllLabel !== '' ? toolbar.treeSelectionButtons.selectAllLabel : 'Selecionar tudo')\">\r\n                    </button>\r\n\r\n                    <button\r\n                      pButton\r\n                      pRipple\r\n                      type=\"button\"\r\n                      [ngClass]=\"{ 'p-button-text': toolbar.buttonType.endsWith('borderless'), 'p-button-outlined': toolbar.buttonType.endsWith('outlined'), 'p-button-rounded': toolbar.buttonType.startsWith('rounded'), 'p-button-secondary': true }\"\r\n                      [label]=\"toolbar.treeSelectionButtons.clearSelectionLabel\"\r\n                      icon=\"fa-solid fa-eraser\"\r\n                      (click)=\"clearSelection()\"\r\n                      [disabled]=\"!hasSelection\"\r\n                      [pTooltip]=\"toolbar.treeSelectionButtons.clearSelectionLabel != null && toolbar.treeSelectionButtons.clearSelectionLabel !== '' \r\n                        ? toolbar.treeSelectionButtons.clearSelectionLabel \r\n                        : 'Limpar sele\u00E7\u00E3o'\">\r\n                    </button>\r\n                  }\r\n\r\n                  @if (actionsTemplate != null) {\r\n                    <div class=\"grid grid-nogutter items-center justify-start\">\r\n                      <ng-container *ngTemplateOutlet=\"actionsTemplate; context: { $implicit: dt }\"></ng-container>\r\n                    </div>\r\n                  }\r\n                </div>\r\n                @if (state.filter.show) {\r\n                  <p-iconfield class=\"col-12\" [ngClass]=\"state.filter.styleClass\">\r\n                    <p-inputicon styleClass=\"pi pi-search\" />\r\n                    <input #inputGlobal pInputText type=\"text\" (input)=\"dt._filter(inputGlobal.value)\" [placeholder]=\"state.filter.textPlaceholder\" />\r\n                  </p-iconfield>\r\n                }\r\n              </div>\r\n              @if (toolbarTemplate != null) {\r\n                <div class=\"grid grid-nogutter items-center mt-2\"\r\n                  [ngClass]=\"'justify-' + state.header.toolbar.alignment\">\r\n                  <ng-container *ngTemplateOutlet=\"toolbarTemplate; context: { $implicit: dt }\"></ng-container>\r\n                </div>\r\n              }\r\n            }\r\n          </ng-template>\r\n        }\r\n        @if (state.footer.isVisible) {\r\n          <ng-template pTemplate=\"footer\">\r\n            <div class=\"grid grid-nogutter justify-start items-center\">\r\n              <span class=\"col mr-2\">FOOTER</span>\r\n            </div>\r\n          </ng-template>\r\n        }\r\n        @for (content of contentTemplates; track content) {\r\n          <ng-template let-node [pTemplate]=\"content.type\">\r\n            <div class=\"grid grid-nogutter items-center justify-start gap-2\">\r\n              @if (content.template != null) {\r\n                <ng-container *ngTemplateOutlet=\"content.template; context: { $implicit: node }\"></ng-container>\r\n              } @else {\r\n                <div>{{ node.label }}</div>\r\n              }\r\n              @if (state.menu.behavior === 'row-menu') {\r\n                <p-button clickStopPropagation (onClick)=\"onRowMenuOpen(node, rowMenu, $event)\" [icon]=\"state.menu.rowMenuIcon\" [rounded]=\"true\" [text]=\"true\" [severity]=\"state.menu.rowMenuIconSeverity\"/>\r\n              }\r\n            </div>\r\n          </ng-template>\r\n        }\r\n        <ng-template let-node pTemplate=\"Check\">\r\n          <div class=\"grid grid-nogutter items-center justify-start gap-2\">\r\n            <div>{{ node.label }}</div>\r\n            @if (state.menu.behavior === 'row-menu') {\r\n              <p-button clickStopPropagation (onClick)=\"onRowMenuOpen(node, rowMenu, $event)\" [icon]=\"state.menu.rowMenuIcon\" [rounded]=\"true\" [text]=\"true\" [severity]=\"state.menu.rowMenuIconSeverity\"/>\r\n            }\r\n          </div>\r\n        </ng-template>\r\n        <ng-template pTemplate=\"empty\">\r\n          @if (!state.emptyFeedback.isFeatured) {\r\n            <div>{{ state.emptyFeedback.message }}</div>\r\n          }\r\n        </ng-template>\r\n      </p-tree>\r\n    }\r\n  }\r\n} @else {\r\n  @if (emptyStateTemplate != null) {\r\n    <ng-container *ngTemplateOutlet=\"emptyStateTemplate; context: { $implicit: {} }\"></ng-container>\r\n  }\r\n}\r\n\r\n", dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$7.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i4.ButtonDirective, selector: "[pButton]", inputs: ["ptButtonDirective", "pButtonPT", "pButtonUnstyled", "hostName", "text", "plain", "raised", "size", "outlined", "rounded", "iconPos", "loadingIcon", "fluid", "label", "icon", "loading", "buttonProps", "severity"] }, { kind: "component", type: i4.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: ClickStopPropagationDirective, selector: "[clickStopPropagation]" }, { kind: "component", type: SmzDataInfoComponent, selector: "smz-data-info", inputs: ["image", "message", "actions", "callbackInfo", "callbackLabel"], outputs: ["clicked"] }, { kind: "directive", type: i1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "component", type: i8$2.ContextMenu, selector: "p-contextMenu, p-contextmenu, p-context-menu", inputs: ["model", "triggerEvent", "target", "global", "style", "styleClass", "autoZIndex", "baseZIndex", "id", "breakpoint", "ariaLabel", "ariaLabelledBy", "pressDelay", "appendTo", "motionOptions"], outputs: ["onShow", "onHide"] }, { kind: "component", type: i9$1.Tree, selector: "p-tree", inputs: ["value", "selectionMode", "loadingMode", "selection", "styleClass", "contextMenu", "contextMenuSelectionMode", "contextMenuSelection", "draggableScope", "droppableScope", "draggableNodes", "droppableNodes", "metaKeySelection", "propagateSelectionUp", "propagateSelectionDown", "loading", "loadingIcon", "emptyMessage", "ariaLabel", "togglerAriaLabel", "ariaLabelledBy", "validateDrop", "filter", "filterInputAutoFocus", "filterBy", "filterMode", "filterOptions", "filterPlaceholder", "filteredNodes", "filterLocale", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "indentation", "_templateMap", "trackBy", "highlightOnSelect"], outputs: ["selectionChange", "contextMenuSelectionChange", "onNodeSelect", "onNodeUnselect", "onNodeExpand", "onNodeCollapse", "onNodeContextMenuSelect", "onNodeDoubleClick", "onNodeDrop", "onLazyLoad", "onScroll", "onScrollIndexChange", "onFilter"] }, { kind: "directive", type: i2.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "component", type: i11$1.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaLabel", "ariaLabelledBy", "id", "tabindex", "appendTo", "motionOptions"], outputs: ["onShow", "onHide", "onBlur", "onFocus"] }, { kind: "component", type: i26.IconField, selector: "p-iconfield, p-iconField, p-icon-field", inputs: ["hostName", "iconPosition", "styleClass"] }, { kind: "component", type: i27.InputIcon, selector: "p-inputicon, p-inputIcon", inputs: ["hostName", "styleClass"] }], changeDetection: i0.ChangeDetectionStrategy.Eager });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: SmzTreeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'smz-ui-tree', changeDetection: ChangeDetectionStrategy.Default, providers: [TreeDragDropService], standalone: false, template: "@if (state) {\r\n  @if ((state.emptyFeedback?.isFeatured) && (treeItems != null && treeItems.length === 0)) {\r\n    <smz-data-info\r\n      [image]=\"state.emptyFeedback.image\"\r\n      [message]=\"state.emptyFeedback.message\"\r\n      [callbackInfo]=\"state.emptyFeedback.extraInfo\"\r\n      [callbackLabel]=\"state.emptyFeedback.actionButton?.label\"\r\n      (clicked)=\"state.emptyFeedback.actionButton?.callback($event)\">\r\n      <ng-template pTemplate=\"actions\">\r\n        <ng-container *ngTemplateOutlet=\"emptyActionsTemplate; context: { $implicit: {} }\"></ng-container>\r\n      </ng-template>\r\n    </smz-data-info>\r\n  } @else {\r\n    @if (treeItems != null) {\r\n      <p-contextMenu #cm [model]=\"menuItems\" [appendTo]=\"appendTo\" [styleClass]=\"menuItems == null || menuItems?.length === 0 ? 'invisible-important' : ''\"></p-contextMenu>\r\n      <p-menu #rowMenu [model]=\"menuItems\" [popup]=\"true\" appendTo=\"body\" />\r\n      <p-tree #dt [value]=\"treeItems\"\r\n        scrollHeight=\"flex\"\r\n        [contextMenu]=\"state.menu.behavior === 'context-menu' ? cm : null\"\r\n        [selectionMode]=\"state.selection.mode\"\r\n        [(selection)]=\"primeSelection\"\r\n        layout=\"vertical\"\r\n        [style]=\"inlineStyle\"\r\n        [styleClass]=\"styleClass\"\r\n        [propagateSelectionUp]=\"state.selection.propagateUp\"\r\n        [propagateSelectionDown]=\"state.selection.propagateDown\"\r\n        [loading]=\"state.loading.isLoading\"\r\n        [loadingIcon]=\"state.loading.icon\"\r\n        [filter]=\"false\"\r\n        [filterMode]=\"state.filter.mode\"\r\n        [filterPlaceholder]=\"state.filter.textPlaceholder\"\r\n        [draggableNodes]=\"state.dragAndDrop.draggable\"\r\n        [droppableNodes]=\"state.dragAndDrop.droppable\"\r\n        [validateDrop]=\"state.dragAndDrop.validateDrop\"\r\n        (onNodeContextMenuSelect)=\"onContextMenuOpen($event)\"\r\n        (onNodeSelect)=\"onSelected($event)\"\r\n        (onNodeUnselect)=\"onUnselected($event)\"\r\n        (onNodeExpand)=\"onExpanded($event)\"\r\n        (onNodeCollapse)=\"onCollapsed($event)\"\r\n        (onNodeDrop)=\"onDropped($event)\"\r\n        (onFilter)=\"onFiltered($event)\">\r\n        @if (state.header.isVisible) {\r\n          <ng-template pTemplate=\"header\">\r\n            @if (state.header.toolbar; as toolbar) {\r\n              @if (headerTemplate != null) {\r\n                <div class=\"grid grid-nogutter items-center w-full justify-start\">\r\n                  <ng-container *ngTemplateOutlet=\"headerTemplate; context: { $implicit: dt }\"></ng-container>\r\n                </div>\r\n              }\r\n              <div class=\"grid grid-nogutter justify-start items-center mb-2 gap-2\">\r\n                @if (state.header.title != null) {\r\n                  <h3 class=\"m-2 col\">{{state.header.title}}</h3>\r\n                }\r\n                <div class=\"grid grid-nogutter justify-start items-center gap-2\">\r\n                  @for (button of state.header.toolbar.items; track button; let i = $index) {\r\n                    <button\r\n                      pButton\r\n                      pRipple\r\n                      type=\"button\"\r\n                      [ngClass]=\"{ 'p-button-text': toolbar.buttonType.endsWith('borderless'), 'p-button-outlined': toolbar.buttonType.endsWith('outlined'), 'p-button-rounded': toolbar.buttonType.startsWith('rounded'), 'p-button-secondary': button.color === 'secondary', 'p-button-success': button.color === 'success', 'p-button-info': button.color === 'info', 'p-button-warning': button.color === 'warning', 'p-button-help': button.color === 'help', 'p-button-danger': button.color === 'danger' }\"\r\n                      [label]=\"button.label\"\r\n                      [icon]=\"button.icon\"\r\n                      (click)=\"onToolbarButtonClick($event, button, treeItems)\"\r\n                      [pTooltip]=\"button.tooltip\">\r\n                    </button>\r\n                  }\r\n                  @if (toolbar.nodeExpandButtons.isVisible === true) {\r\n                    <button\r\n                      pButton\r\n                      pRipple\r\n                      type=\"button\"\r\n                      [ngClass]=\"{ 'p-button-text': toolbar.buttonType.endsWith('borderless'), 'p-button-outlined': toolbar.buttonType.endsWith('outlined'), 'p-button-rounded': toolbar.buttonType.startsWith('rounded'), 'p-button-secondary': true }\"\r\n                      [label]=\"toolbar.nodeExpandButtons.expandLabel\"\r\n                      icon=\"fa-solid fa-angle-down\"\r\n                      (click)=\"expandNode()\"\r\n                      [pTooltip]=\"selection != null ? toolbar.nodeExpandButtons.expandTooltip : toolbar.nodeExpandButtons.disabledTooltip\"\r\n                      [disabled]=\"selection == null\">\r\n                    </button>\r\n                  }\r\n                  @if (toolbar.nodeExpandButtons.isVisible === true) {\r\n                    <button\r\n                      pButton\r\n                      pRipple\r\n                      type=\"button\"\r\n                      [ngClass]=\"{ 'p-button-text': toolbar.buttonType.endsWith('borderless'), 'p-button-outlined': toolbar.buttonType.endsWith('outlined'), 'p-button-rounded': toolbar.buttonType.startsWith('rounded'), 'p-button-secondary': true }\"\r\n                      [label]=\"toolbar.nodeExpandButtons.collapseLabel\"\r\n                      icon=\"fa-solid fa-angle-up\"\r\n                      (click)=\"collapseNode()\"\r\n                      [pTooltip]=\"selection != null ? toolbar.nodeExpandButtons.collapseTooltip : toolbar.nodeExpandButtons.disabledTooltip\"\r\n                      [disabled]=\"selection == null\">\r\n                    </button>\r\n                  }\r\n                  @if (toolbar.treeExpandButtons.isVisible === true) {\r\n                    <button\r\n                      pButton\r\n                      pRipple\r\n                      type=\"button\"\r\n                      [ngClass]=\"{ 'p-button-text': toolbar.buttonType.endsWith('borderless'), 'p-button-outlined': toolbar.buttonType.endsWith('outlined'), 'p-button-rounded': toolbar.buttonType.startsWith('rounded'), 'p-button-secondary': true }\"\r\n                      [label]=\"toolbar.treeExpandButtons.expandLabel\"\r\n                      icon=\"fa-solid fa-angles-down\"\r\n                      (click)=\"expandAll()\"\r\n                      [pTooltip]=\"\">\r\n                    </button>\r\n                  }\r\n                  @if (toolbar.treeExpandButtons.isVisible === true) {\r\n                    <button\r\n                      pButton\r\n                      pRipple\r\n                      type=\"button\"\r\n                      [ngClass]=\"{ 'p-button-text': toolbar.buttonType.endsWith('borderless'), 'p-button-outlined': toolbar.buttonType.endsWith('outlined'), 'p-button-rounded': toolbar.buttonType.startsWith('rounded'), 'p-button-secondary': true }\"\r\n                      [label]=\"toolbar.treeExpandButtons.collapseLabel\"\r\n                      icon=\"fa-solid fa-angles-up\"\r\n                      (click)=\"collapseAll()\"\r\n                      [pTooltip]=\"\">\r\n                    </button>\r\n                  }\r\n                  @if (actionsTemplate != null) {\r\n                    <div class=\"grid grid-nogutter items-center justify-start\">\r\n                      <ng-container *ngTemplateOutlet=\"actionsTemplate; context: { $implicit: dt }\"></ng-container>\r\n                    </div>\r\n                  }\r\n                </div>\r\n                @if (state.filter.show) {\r\n                  <p-iconfield class=\"col-12\" [ngClass]=\"state.filter.styleClass\">\r\n                    <p-inputicon styleClass=\"pi pi-search\" />\r\n                    <input #inputGlobal pInputText type=\"text\" (input)=\"dt._filter(inputGlobal.value)\" [placeholder]=\"state.filter.textPlaceholder\" />\r\n                  </p-iconfield>\r\n                }\r\n              </div>\r\n              @if (toolbarTemplate != null) {\r\n                <div class=\"grid grid-nogutter items-center mt-2\"\r\n                  [ngClass]=\"'justify-' + state.header.toolbar.alignment\">\r\n                  <ng-container *ngTemplateOutlet=\"toolbarTemplate; context: { $implicit: dt }\"></ng-container>\r\n                </div>\r\n              }\r\n            }\r\n          </ng-template>\r\n        }\r\n        @if (state.footer.isVisible) {\r\n          <ng-template pTemplate=\"footer\">\r\n            <div class=\"grid grid-nogutter justify-start items-center\">\r\n              <span class=\"col mr-2\">FOOTER</span>\r\n            </div>\r\n          </ng-template>\r\n        }\r\n        @for (content of contentTemplates; track content) {\r\n          <ng-template let-node [pTemplate]=\"content.type\">\r\n            <div class=\"grid grid-nogutter items-center justify-start gap-2\">\r\n              @if (content.template != null) {\r\n                <ng-container *ngTemplateOutlet=\"content.template; context: { $implicit: node }\"></ng-container>\r\n              } @else {\r\n                <div>{{ node.label }}</div>\r\n              }\r\n              @if (state.menu.behavior === 'row-menu') {\r\n                <p-button clickStopPropagation (onClick)=\"onRowMenuOpen(node, rowMenu, $event)\" [icon]=\"state.menu.rowMenuIcon\" [rounded]=\"true\" [text]=\"true\" [severity]=\"state.menu.rowMenuIconSeverity\"/>\r\n              }\r\n            </div>\r\n          </ng-template>\r\n        }\r\n        <ng-template let-node pTemplate=\"Check\">\r\n          <div class=\"grid grid-nogutter items-center justify-start gap-2\">\r\n            <div>{{ node.label }}</div>\r\n            @if (state.menu.behavior === 'row-menu') {\r\n              <p-button clickStopPropagation (onClick)=\"onRowMenuOpen(node, rowMenu, $event)\" [icon]=\"state.menu.rowMenuIcon\" [rounded]=\"true\" [text]=\"true\" [severity]=\"state.menu.rowMenuIconSeverity\"/>\r\n            }\r\n          </div>\r\n        </ng-template>\r\n        <ng-template pTemplate=\"empty\">\r\n          @if (!state.emptyFeedback.isFeatured) {\r\n            <div>{{ state.emptyFeedback.message }}</div>\r\n          }\r\n        </ng-template>\r\n      </p-tree>\r\n    }\r\n  }\r\n} @else {\r\n  @if (emptyStateTemplate != null) {\r\n    <ng-container *ngTemplateOutlet=\"emptyStateTemplate; context: { $implicit: {} }\"></ng-container>\r\n  }\r\n}\r\n\r\n" }]
+            args: [{ selector: 'smz-ui-tree', changeDetection: ChangeDetectionStrategy.Default, providers: [TreeDragDropService], standalone: false, template: "@if (state) {\r\n  @if ((state.emptyFeedback?.isFeatured) && (treeItems != null && treeItems.length === 0)) {\r\n    <smz-data-info\r\n      [image]=\"state.emptyFeedback.image\"\r\n      [message]=\"state.emptyFeedback.message\"\r\n      [callbackInfo]=\"state.emptyFeedback.extraInfo\"\r\n      [callbackLabel]=\"state.emptyFeedback.actionButton?.label\"\r\n      (clicked)=\"state.emptyFeedback.actionButton?.callback($event)\">\r\n      <ng-template pTemplate=\"actions\">\r\n        <ng-container *ngTemplateOutlet=\"emptyActionsTemplate; context: { $implicit: {} }\"></ng-container>\r\n      </ng-template>\r\n    </smz-data-info>\r\n  } @else {\r\n    @if (treeItems != null) {\r\n      <p-contextMenu #cm [model]=\"menuItems\" [appendTo]=\"appendTo\" [styleClass]=\"menuItems == null || menuItems?.length === 0 ? 'invisible-important' : ''\"></p-contextMenu>\r\n      <p-menu #rowMenu [model]=\"menuItems\" [popup]=\"true\" appendTo=\"body\" />\r\n      <p-tree #dt [value]=\"treeItems\"\r\n        scrollHeight=\"flex\"\r\n        [contextMenu]=\"state.menu.behavior === 'context-menu' ? cm : null\"\r\n        [selectionMode]=\"state.selection.mode\"\r\n        [(selection)]=\"primeSelection\"\r\n        layout=\"vertical\"\r\n        [style]=\"inlineStyle\"\r\n        [styleClass]=\"styleClass\"\r\n        [propagateSelectionUp]=\"state.selection.propagateUp\"\r\n        [propagateSelectionDown]=\"state.selection.propagateDown\"\r\n        [loading]=\"state.loading.isLoading\"\r\n        [loadingIcon]=\"state.loading.icon\"\r\n        [filter]=\"false\"\r\n        [filterMode]=\"state.filter.mode\"\r\n        [filterPlaceholder]=\"state.filter.textPlaceholder\"\r\n        [draggableNodes]=\"state.dragAndDrop.draggable\"\r\n        [droppableNodes]=\"state.dragAndDrop.droppable\"\r\n        [validateDrop]=\"state.dragAndDrop.validateDrop\"\r\n        (onNodeContextMenuSelect)=\"onContextMenuOpen($event)\"\r\n        (onNodeSelect)=\"onSelected($event)\"\r\n        (onNodeUnselect)=\"onUnselected($event)\"\r\n        (onNodeExpand)=\"onExpanded($event)\"\r\n        (onNodeCollapse)=\"onCollapsed($event)\"\r\n        (onNodeDrop)=\"onDropped($event)\"\r\n        (onFilter)=\"onFiltered($event)\">\r\n        @if (state.header.isVisible) {\r\n          <ng-template pTemplate=\"header\">\r\n            @if (state.header.toolbar; as toolbar) {\r\n              @if (headerTemplate != null) {\r\n                <div class=\"grid grid-nogutter items-center w-full justify-start\">\r\n                  <ng-container *ngTemplateOutlet=\"headerTemplate; context: { $implicit: dt }\"></ng-container>\r\n                </div>\r\n              }\r\n              <div class=\"grid grid-nogutter justify-start items-center mb-2 gap-2\">\r\n                @if (state.header.title != null) {\r\n                  <h3 class=\"m-2 col\">{{state.header.title}}</h3>\r\n                }\r\n                <div class=\"grid grid-nogutter justify-start items-center gap-2\">\r\n                  @for (button of state.header.toolbar.items; track button; let i = $index) {\r\n                    <button\r\n                      pButton\r\n                      pRipple\r\n                      type=\"button\"\r\n                      [ngClass]=\"{ 'p-button-text': toolbar.buttonType.endsWith('borderless'), 'p-button-outlined': toolbar.buttonType.endsWith('outlined'), 'p-button-rounded': toolbar.buttonType.startsWith('rounded'), 'p-button-secondary': button.color === 'secondary', 'p-button-success': button.color === 'success', 'p-button-info': button.color === 'info', 'p-button-warning': button.color === 'warning', 'p-button-help': button.color === 'help', 'p-button-danger': button.color === 'danger' }\"\r\n                      [label]=\"button.label\"\r\n                      [icon]=\"button.icon\"\r\n                      (click)=\"onToolbarButtonClick($event, button, treeItems)\"\r\n                      [pTooltip]=\"button.tooltip\">\r\n                    </button>\r\n                  }\r\n                  @if (toolbar.nodeExpandButtons.isVisible === true) {\r\n                    <button\r\n                      pButton\r\n                      pRipple\r\n                      type=\"button\"\r\n                      [ngClass]=\"{ 'p-button-text': toolbar.buttonType.endsWith('borderless'), 'p-button-outlined': toolbar.buttonType.endsWith('outlined'), 'p-button-rounded': toolbar.buttonType.startsWith('rounded'), 'p-button-secondary': true }\"\r\n                      [label]=\"toolbar.nodeExpandButtons.expandLabel\"\r\n                      icon=\"fa-solid fa-angle-down\"\r\n                      (click)=\"expandNode()\"\r\n                      [pTooltip]=\"selection != null ? toolbar.nodeExpandButtons.expandTooltip : toolbar.nodeExpandButtons.disabledTooltip\"\r\n                      [disabled]=\"selection == null\">\r\n                    </button>\r\n                  }\r\n                  @if (toolbar.nodeExpandButtons.isVisible === true) {\r\n                    <button\r\n                      pButton\r\n                      pRipple\r\n                      type=\"button\"\r\n                      [ngClass]=\"{ 'p-button-text': toolbar.buttonType.endsWith('borderless'), 'p-button-outlined': toolbar.buttonType.endsWith('outlined'), 'p-button-rounded': toolbar.buttonType.startsWith('rounded'), 'p-button-secondary': true }\"\r\n                      [label]=\"toolbar.nodeExpandButtons.collapseLabel\"\r\n                      icon=\"fa-solid fa-angle-up\"\r\n                      (click)=\"collapseNode()\"\r\n                      [pTooltip]=\"selection != null ? toolbar.nodeExpandButtons.collapseTooltip : toolbar.nodeExpandButtons.disabledTooltip\"\r\n                      [disabled]=\"selection == null\">\r\n                    </button>\r\n                  }\r\n                  @if (toolbar.treeExpandButtons.isVisible === true) {\r\n                    <button\r\n                      pButton\r\n                      pRipple\r\n                      type=\"button\"\r\n                      [ngClass]=\"{ 'p-button-text': toolbar.buttonType.endsWith('borderless'), 'p-button-outlined': toolbar.buttonType.endsWith('outlined'), 'p-button-rounded': toolbar.buttonType.startsWith('rounded'), 'p-button-secondary': true }\"\r\n                      [label]=\"toolbar.treeExpandButtons.expandLabel\"\r\n                      icon=\"fa-solid fa-angles-down\"\r\n                      (click)=\"expandAll()\"\r\n                      [pTooltip]=\"toolbar.treeExpandButtons.expandLabel != null && toolbar.treeExpandButtons.expandLabel !== '' \r\n                        ? toolbar.treeExpandButtons.expandLabel \r\n                        : 'Expandir \u00E1rvore'\">\r\n                    </button>\r\n                  }\r\n                  @if (toolbar.treeExpandButtons.isVisible === true) {\r\n                    <button\r\n                      pButton\r\n                      pRipple\r\n                      type=\"button\"\r\n                      [ngClass]=\"{ 'p-button-text': toolbar.buttonType.endsWith('borderless'), 'p-button-outlined': toolbar.buttonType.endsWith('outlined'), 'p-button-rounded': toolbar.buttonType.startsWith('rounded'), 'p-button-secondary': true }\"\r\n                      [label]=\"toolbar.treeExpandButtons.collapseLabel\"\r\n                      icon=\"fa-solid fa-angles-up\"\r\n                      (click)=\"collapseAll()\"\r\n                      [pTooltip]=\"toolbar.treeExpandButtons.collapseLabel != null && toolbar.treeExpandButtons.collapseLabel !== '' \r\n                        ? toolbar.treeExpandButtons.collapseLabel \r\n                        : 'Colapsar \u00E1rvore'\">\r\n                    </button>\r\n                  }\r\n                  @if (toolbar.treeSelectionButtons?.isVisible === true) {\r\n\r\n                    <button\r\n                      pButton\r\n                      pRipple\r\n                      type=\"button\"\r\n                      [ngClass]=\"{ 'p-button-text': toolbar.buttonType.endsWith('borderless'), 'p-button-outlined': toolbar.buttonType.endsWith('outlined'), 'p-button-rounded': toolbar.buttonType.startsWith('rounded'), 'p-button-secondary': true }\"\r\n                      [label]=\"toolbar.treeSelectionButtons.selectAllLabel\"\r\n                      icon=\"fa-solid fa-check-double\"\r\n                      (click)=\"selectAll()\"\r\n                      [disabled]=\"state.selection?.mode === 'single'\"\r\n                      [pTooltip]=\"state.selection?.mode === 'single' \r\n                        ? 'Dispon\u00EDvel apenas em sele\u00E7\u00E3o m\u00FAltipla' \r\n                        : (toolbar.treeSelectionButtons.selectAllLabel != null && toolbar.treeSelectionButtons.selectAllLabel !== '' ? toolbar.treeSelectionButtons.selectAllLabel : 'Selecionar tudo')\">\r\n                    </button>\r\n\r\n                    <button\r\n                      pButton\r\n                      pRipple\r\n                      type=\"button\"\r\n                      [ngClass]=\"{ 'p-button-text': toolbar.buttonType.endsWith('borderless'), 'p-button-outlined': toolbar.buttonType.endsWith('outlined'), 'p-button-rounded': toolbar.buttonType.startsWith('rounded'), 'p-button-secondary': true }\"\r\n                      [label]=\"toolbar.treeSelectionButtons.clearSelectionLabel\"\r\n                      icon=\"fa-solid fa-eraser\"\r\n                      (click)=\"clearSelection()\"\r\n                      [disabled]=\"!hasSelection\"\r\n                      [pTooltip]=\"toolbar.treeSelectionButtons.clearSelectionLabel != null && toolbar.treeSelectionButtons.clearSelectionLabel !== '' \r\n                        ? toolbar.treeSelectionButtons.clearSelectionLabel \r\n                        : 'Limpar sele\u00E7\u00E3o'\">\r\n                    </button>\r\n                  }\r\n\r\n                  @if (actionsTemplate != null) {\r\n                    <div class=\"grid grid-nogutter items-center justify-start\">\r\n                      <ng-container *ngTemplateOutlet=\"actionsTemplate; context: { $implicit: dt }\"></ng-container>\r\n                    </div>\r\n                  }\r\n                </div>\r\n                @if (state.filter.show) {\r\n                  <p-iconfield class=\"col-12\" [ngClass]=\"state.filter.styleClass\">\r\n                    <p-inputicon styleClass=\"pi pi-search\" />\r\n                    <input #inputGlobal pInputText type=\"text\" (input)=\"dt._filter(inputGlobal.value)\" [placeholder]=\"state.filter.textPlaceholder\" />\r\n                  </p-iconfield>\r\n                }\r\n              </div>\r\n              @if (toolbarTemplate != null) {\r\n                <div class=\"grid grid-nogutter items-center mt-2\"\r\n                  [ngClass]=\"'justify-' + state.header.toolbar.alignment\">\r\n                  <ng-container *ngTemplateOutlet=\"toolbarTemplate; context: { $implicit: dt }\"></ng-container>\r\n                </div>\r\n              }\r\n            }\r\n          </ng-template>\r\n        }\r\n        @if (state.footer.isVisible) {\r\n          <ng-template pTemplate=\"footer\">\r\n            <div class=\"grid grid-nogutter justify-start items-center\">\r\n              <span class=\"col mr-2\">FOOTER</span>\r\n            </div>\r\n          </ng-template>\r\n        }\r\n        @for (content of contentTemplates; track content) {\r\n          <ng-template let-node [pTemplate]=\"content.type\">\r\n            <div class=\"grid grid-nogutter items-center justify-start gap-2\">\r\n              @if (content.template != null) {\r\n                <ng-container *ngTemplateOutlet=\"content.template; context: { $implicit: node }\"></ng-container>\r\n              } @else {\r\n                <div>{{ node.label }}</div>\r\n              }\r\n              @if (state.menu.behavior === 'row-menu') {\r\n                <p-button clickStopPropagation (onClick)=\"onRowMenuOpen(node, rowMenu, $event)\" [icon]=\"state.menu.rowMenuIcon\" [rounded]=\"true\" [text]=\"true\" [severity]=\"state.menu.rowMenuIconSeverity\"/>\r\n              }\r\n            </div>\r\n          </ng-template>\r\n        }\r\n        <ng-template let-node pTemplate=\"Check\">\r\n          <div class=\"grid grid-nogutter items-center justify-start gap-2\">\r\n            <div>{{ node.label }}</div>\r\n            @if (state.menu.behavior === 'row-menu') {\r\n              <p-button clickStopPropagation (onClick)=\"onRowMenuOpen(node, rowMenu, $event)\" [icon]=\"state.menu.rowMenuIcon\" [rounded]=\"true\" [text]=\"true\" [severity]=\"state.menu.rowMenuIconSeverity\"/>\r\n            }\r\n          </div>\r\n        </ng-template>\r\n        <ng-template pTemplate=\"empty\">\r\n          @if (!state.emptyFeedback.isFeatured) {\r\n            <div>{{ state.emptyFeedback.message }}</div>\r\n          }\r\n        </ng-template>\r\n      </p-tree>\r\n    }\r\n  }\r\n} @else {\r\n  @if (emptyStateTemplate != null) {\r\n    <ng-container *ngTemplateOutlet=\"emptyStateTemplate; context: { $implicit: {} }\"></ng-container>\r\n  }\r\n}\r\n\r\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: TreeHelperService }], propDecorators: { dt: [{
                 type: ViewChild,
                 args: [Tree]