primeng 18.0.4-lts → 18.0.6-lts

package/fesm2022/primeng-tree.mjs

@@ -14,6 +14,8 @@ import { InputText } from 'primeng/inputtext';
 import { Ripple } from 'primeng/ripple';
 import { Scroller } from 'primeng/scroller';
 import { BaseStyle } from 'primeng/base';
+import * as i4 from 'primeng/autofocus';
+import { AutoFocusModule } from 'primeng/autofocus';
 
 const theme = ({ dt }) => `
 .p-tree {
@@ -347,8 +349,9 @@ var TreeClasses;
 
 const _c0 = a0 => ({ height: a0 });
 const _c1 = a0 => ({ "p-tree-node-droppoint-active": a0 });
-const _c2 = a0 => ({ $implicit: a0 });
+const _c2 = (a0, a1) => ({ $implicit: a0, loading: a1 });
 const _c3 = (a0, a1) => ({ $implicit: a0, partialSelected: a1, class: "p-tree-node-checkbox" });
+const _c4 = a0 => ({ $implicit: a0 });
 function UITreeNode_Conditional_0_li_0_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "li", 11);
@@ -410,7 +413,7 @@ function UITreeNode_Conditional_0_span_5_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.tree.togglerIconTemplate || ctx_r2.tree._togglerIconTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c2, ctx_r2.node.expanded));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.tree.togglerIconTemplate || ctx_r2.tree._togglerIconTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c2, ctx_r2.node.expanded, ctx_r2.node.loading));
 } }
 function UITreeNode_Conditional_0_p_checkbox_6_ng_container_1_ng_template_1_0_ng_template_0_Template(rf, ctx) { }
 function UITreeNode_Conditional_0_p_checkbox_6_ng_container_1_ng_template_1_0_Template(rf, ctx) { if (rf & 1) {
@@ -463,7 +466,7 @@ function UITreeNode_Conditional_0_span_10_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.tree.getTemplateForNode(ctx_r2.node))("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c2, ctx_r2.node));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.tree.getTemplateForNode(ctx_r2.node))("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c4, ctx_r2.node));
 } }
 function UITreeNode_Conditional_0_ul_11_p_treeNode_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "p-treeNode", 19);
@@ -481,7 +484,7 @@ function UITreeNode_Conditional_0_ul_11_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵstyleProp("display", ctx_r2.node.expanded ? "block" : "none");
+    i0.ɵɵstyleProp("display", ctx_r2.node.expanded ? "flex" : "none");
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngForOf", ctx_r2.node.children)("ngForTrackBy", ctx_r2.tree.trackBy.bind(ctx_r2));
 } }
@@ -504,7 +507,7 @@ function UITreeNode_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵlistener("click", function UITreeNode_Conditional_0_Template_div_click_2_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onNodeClick($event)); })("contextmenu", function UITreeNode_Conditional_0_Template_div_contextmenu_2_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onNodeRightClick($event)); })("touchend", function UITreeNode_Conditional_0_Template_div_touchend_2_listener() { i0.ɵɵrestoreView(_r1); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onNodeTouchEnd()); })("drop", function UITreeNode_Conditional_0_Template_div_drop_2_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onDropNode($event)); })("dragover", function UITreeNode_Conditional_0_Template_div_dragover_2_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onDropNodeDragOver($event)); })("dragenter", function UITreeNode_Conditional_0_Template_div_dragenter_2_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onDropNodeDragEnter($event)); })("dragleave", function UITreeNode_Conditional_0_Template_div_dragleave_2_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onDropNodeDragLeave($event)); })("dragstart", function UITreeNode_Conditional_0_Template_div_dragstart_2_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onDragStart($event)); })("dragend", function UITreeNode_Conditional_0_Template_div_dragend_2_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onDragStop($event)); });
     i0.ɵɵelementStart(3, "button", 4);
     i0.ɵɵlistener("click", function UITreeNode_Conditional_0_Template_button_click_3_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.toggle($event)); });
-    i0.ɵɵtemplate(4, UITreeNode_Conditional_0_ng_container_4_Template, 3, 2, "ng-container", 5)(5, UITreeNode_Conditional_0_span_5_Template, 2, 4, "span", 6);
+    i0.ɵɵtemplate(4, UITreeNode_Conditional_0_ng_container_4_Template, 3, 2, "ng-container", 5)(5, UITreeNode_Conditional_0_span_5_Template, 2, 5, "span", 6);
     i0.ɵɵelementEnd();
     i0.ɵɵtemplate(6, UITreeNode_Conditional_0_p_checkbox_6_Template, 2, 8, "p-checkbox", 7)(7, UITreeNode_Conditional_0_span_7_Template, 1, 2, "span", 8);
     i0.ɵɵelementStart(8, "span", 9);
@@ -542,19 +545,19 @@ function UITreeNode_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r2.tree.droppableNodes && ctx_r2.lastChild);
 } }
-const _c4 = ["filter"];
-const _c5 = ["node"];
-const _c6 = ["header"];
-const _c7 = ["footer"];
-const _c8 = ["loader"];
-const _c9 = ["empty"];
-const _c10 = ["togglericon"];
-const _c11 = ["checkboxicon"];
-const _c12 = ["loadingicon"];
-const _c13 = ["filtericon"];
-const _c14 = ["scroller"];
-const _c15 = ["wrapper"];
-const _c16 = a0 => ({ options: a0 });
+const _c5 = ["filter"];
+const _c6 = ["node"];
+const _c7 = ["header"];
+const _c8 = ["footer"];
+const _c9 = ["loader"];
+const _c10 = ["empty"];
+const _c11 = ["togglericon"];
+const _c12 = ["checkboxicon"];
+const _c13 = ["loadingicon"];
+const _c14 = ["filtericon"];
+const _c15 = ["scroller"];
+const _c16 = ["wrapper"];
+const _c17 = a0 => ({ options: a0 });
 function Tree_div_1_i_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "i");
 } if (rf & 2) {
@@ -611,7 +614,7 @@ function Tree_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(0, Tree_Conditional_3_ng_container_0_Template, 1, 0, "ng-container", 18);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.filterTemplate || ctx_r0._filterTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c2, ctx_r0.filterOptions));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.filterTemplate || ctx_r0._filterTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c4, ctx_r0.filterOptions));
 } }
 function Tree_Conditional_4_p_iconField_0_SearchIcon_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "SearchIcon", 21);
@@ -640,6 +643,7 @@ function Tree_Conditional_4_p_iconField_0_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
+    i0.ɵɵproperty("pAutoFocus", ctx_r0.filterInputAutoFocus);
     i0.ɵɵattribute("placeholder", ctx_r0.filterPlaceholder);
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("ngIf", !ctx_r0.filterIconTemplate && !ctx_r0._filterIconTemplate);
@@ -647,7 +651,7 @@ function Tree_Conditional_4_p_iconField_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("ngIf", ctx_r0.filterIconTemplate || ctx_r0._filterIconTemplate);
 } }
 function Tree_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, Tree_Conditional_4_p_iconField_0_Template, 6, 3, "p-iconField", 10);
+    i0.ɵɵtemplate(0, Tree_Conditional_4_p_iconField_0_Template, 6, 4, "p-iconField", 10);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngIf", ctx_r0.filter);
@@ -692,7 +696,7 @@ function Tree_ng_container_5_p_scroller_1_ng_container_4_ng_template_1_Template(
 } if (rf & 2) {
     const scrollerOptions_r11 = ctx.options;
     const ctx_r0 = i0.ɵɵnextContext(4);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.loaderTemplate || ctx_r0._loaderTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c16, scrollerOptions_r11));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.loaderTemplate || ctx_r0._loaderTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c17, scrollerOptions_r11));
 } }
 function Tree_ng_container_5_p_scroller_1_ng_container_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
@@ -902,12 +906,7 @@ class UITreeNode extends BaseComponent {
             }
             else {
                 this.processPointDrop(dropParams);
-                this.tree.onNodeDrop.emit({
-                    originalEvent: event,
-                    dragNode: dragNode,
-                    dropNode: this.node,
-                    index: this.index
-                });
+                this.tree.onNodeDrop.emit({ originalEvent: event, dragNode: dragNode, dropNode: this.node, index: this.index });
             }
         }
         this.draghoverPrev = false;
@@ -925,21 +924,10 @@ class UITreeNode extends BaseComponent {
             dropIndex = newNodeList.length;
             newNodeList.push(event.dragNode);
         }
-        this.tree.dragDropService.stopDrag({
-            node: event.dragNode,
-            subNodes: event.dropNode.parent ? event.dropNode.parent.children : this.tree.value,
-            index: event.dragNodeIndex
-        });
+        this.tree.dragDropService.stopDrag({ node: event.dragNode, subNodes: event.dropNode.parent ? event.dropNode.parent.children : this.tree.value, index: event.dragNodeIndex });
     }
     createDropPointEventMetadata(position) {
-        return {
-            dragNode: this.tree.dragNode,
-            dragNodeIndex: this.tree.dragNodeIndex,
-            dragNodeSubNodes: this.tree.dragNodeSubNodes,
-            dropNode: this.node,
-            index: this.index,
-            position: position
-        };
+        return { dragNode: this.tree.dragNode, dragNodeIndex: this.tree.dragNodeIndex, dragNodeSubNodes: this.tree.dragNodeSubNodes, dropNode: this.node, index: this.index, position: position };
     }
     onDropPointDragOver(event) {
         event.dataTransfer.dropEffect = 'move';
@@ -960,24 +948,14 @@ class UITreeNode extends BaseComponent {
     onDragStart(event) {
         if (this.tree.draggableNodes && this.node.draggable !== false) {
             event.dataTransfer.setData('text', 'data');
-            this.tree.dragDropService.startDrag({
-                tree: this,
-                node: this.node,
-                subNodes: this.node?.parent ? this.node.parent.children : this.tree.value,
-                index: this.index,
-                scope: this.tree.draggableScope
-            });
+            this.tree.dragDropService.startDrag({ tree: this, node: this.node, subNodes: this.node?.parent ? this.node.parent.children : this.tree.value, index: this.index, scope: this.tree.draggableScope });
         }
         else {
             event.preventDefault();
         }
     }
     onDragStop(event) {
-        this.tree.dragDropService.stopDrag({
-            node: this.node,
-            subNodes: this.node?.parent ? this.node.parent.children : this.tree.value,
-            index: this.index
-        });
+        this.tree.dragDropService.stopDrag({ node: this.node, subNodes: this.node?.parent ? this.node.parent.children : this.tree.value, index: this.index });
     }
     onDropNodeDragOver(event) {
         event.dataTransfer.dropEffect = 'move';
@@ -1004,12 +982,7 @@ class UITreeNode extends BaseComponent {
                 }
                 else {
                     this.processNodeDrop(dropParams);
-                    this.tree.onNodeDrop.emit({
-                        originalEvent: event,
-                        dragNode: dragNode,
-                        dropNode: this.node,
-                        index: this.index
-                    });
+                    this.tree.onNodeDrop.emit({ originalEvent: event, dragNode: dragNode, dropNode: this.node, index: this.index });
                 }
             }
         }
@@ -1018,12 +991,7 @@ class UITreeNode extends BaseComponent {
         this.draghoverNode = false;
     }
     createDropNodeEventMetadata() {
-        return {
-            dragNode: this.tree.dragNode,
-            dragNodeIndex: this.tree.dragNodeIndex,
-            dragNodeSubNodes: this.tree.dragNodeSubNodes,
-            dropNode: this.node
-        };
+        return { dragNode: this.tree.dragNode, dragNodeIndex: this.tree.dragNodeIndex, dragNodeSubNodes: this.tree.dragNodeSubNodes, dropNode: this.node };
     }
     processNodeDrop(event) {
         let dragNodeIndex = event.dragNodeIndex;
@@ -1032,11 +1000,7 @@ class UITreeNode extends BaseComponent {
             event.dropNode.children.push(event.dragNode);
         else
             event.dropNode.children = [event.dragNode];
-        this.tree.dragDropService.stopDrag({
-            node: event.dragNode,
-            subNodes: event.dropNode.parent ? event.dropNode.parent.children : this.tree.value,
-            index: dragNodeIndex
-        });
+        this.tree.dragDropService.stopDrag({ node: event.dragNode, subNodes: event.dropNode.parent ? event.dropNode.parent.children : this.tree.value, index: dragNodeIndex });
     }
     onDropNodeDragEnter(event) {
         if (this.tree.droppableNodes && this.node?.droppable !== false && this.tree.allowDrop(this.tree.dragNode, this.node, this.tree.dragNodeScope)) {
@@ -1283,7 +1247,7 @@ class UITreeNode extends BaseComponent {
                             </ng-container>
                         </ng-container>
                         <span *ngIf="tree.togglerIconTemplate || tree._togglerIconTemplate" class="p-tree-node-toggle-icon">
-                            <ng-template *ngTemplateOutlet="tree.togglerIconTemplate || tree._togglerIconTemplate; context: { $implicit: node.expanded }"></ng-template>
+                            <ng-template *ngTemplateOutlet="tree.togglerIconTemplate || tree._togglerIconTemplate; context: { $implicit: node.expanded, loading: node.loading }"></ng-template>
                         </span>
                     </button>
 
@@ -1300,16 +1264,7 @@ class UITreeNode extends BaseComponent {
                     >
                         <ng-container *ngIf="tree.checkboxIconTemplate || tree._checkboxIconTemplate">
                             <ng-template #icon>
-                                <ng-template
-                                    *ngTemplateOutlet="
-                                        tree.checkboxIconTemplate || tree._checkboxIconTemplate;
-                                        context: {
-                                            $implicit: isSelected(),
-                                            partialSelected: node.partialSelected,
-                                            class: 'p-tree-node-checkbox'
-                                        }
-                                    "
-                                ></ng-template>
+                                <ng-template *ngTemplateOutlet="tree.checkboxIconTemplate || tree._checkboxIconTemplate; context: { $implicit: isSelected(), partialSelected: node.partialSelected, class: 'p-tree-node-checkbox' }"></ng-template>
                             </ng-template>
                         </ng-container>
                     </p-checkbox>
@@ -1322,7 +1277,7 @@ class UITreeNode extends BaseComponent {
                         </span>
                     </span>
                 </div>
-                <ul class="p-tree-node-children" style="display: none;" *ngIf="!tree.virtualScroll && node.children && node.expanded" [style.display]="node.expanded ? 'block' : 'none'" role="group">
+                <ul class="p-tree-node-children" style="display: none;" *ngIf="!tree.virtualScroll && node.children && node.expanded" [style.display]="node.expanded ? 'flex' : 'none'" role="group">
                     <p-treeNode
                         *ngFor="let childNode of node.children; let firstChild = first; let lastChild = last; let index = index; trackBy: tree.trackBy.bind(this)"
                         [node]="childNode"
@@ -1498,6 +1453,11 @@ class Tree extends BaseComponent {
      * @group Props
      */
     filter;
+    /**
+     * Determines whether the filter input should be automatically focused when the component is rendered.
+     * @group Props
+     */
+    filterInputAutoFocus = false;
     /**
      * When filtering is enabled, filterBy decides which field or fields (comma separated) to search against.
      * @group Props
@@ -1772,10 +1732,7 @@ class Tree extends BaseComponent {
     ngOnInit() {
         super.ngOnInit();
         if (this.filterBy) {
-            this.filterOptions = {
-                filter: (value) => this._filter(value),
-                reset: () => this.resetFilter()
-            };
+            this.filterOptions = { filter: (value) => this._filter(value), reset: () => this.resetFilter() };
         }
         if (this.droppableNodes) {
             this.dragStartSubscription = this.dragDropService.dragStart$.subscribe((event) => {
@@ -1818,12 +1775,7 @@ class Tree extends BaseComponent {
         if (nodes && nodes.length) {
             for (let node of nodes) {
                 node.parent = parent;
-                const rowNode = {
-                    node: node,
-                    parent: parent,
-                    level: level,
-                    visible: visible && (parent ? parent.expanded : true)
-                };
+                const rowNode = { node: node, parent: parent, level: level, visible: visible && (parent ? parent.expanded : true) };
                 this.serializedValue.push(rowNode);
                 if (rowNode.visible && node.expanded) {
                     this.serializeNodes(node, node.children, level + 1, rowNode.visible);
@@ -2102,12 +2054,7 @@ class Tree extends BaseComponent {
                     });
                 }
                 else {
-                    this.onNodeDrop.emit({
-                        originalEvent: event,
-                        dragNode: dragNode,
-                        dropNode: null,
-                        index: dragNodeIndex
-                    });
+                    this.onNodeDrop.emit({ originalEvent: event, dragNode: dragNode, dropNode: null, index: dragNodeIndex });
                     this.processTreeDrop(dragNode, dragNodeIndex);
                 }
             }
@@ -2116,9 +2063,7 @@ class Tree extends BaseComponent {
     processTreeDrop(dragNode, dragNodeIndex) {
         this.dragNodeSubNodes.splice(dragNodeIndex, 1);
         this.value.push(dragNode);
-        this.dragDropService.stopDrag({
-            node: dragNode
-        });
+        this.dragDropService.stopDrag({ node: dragNode });
     }
     onDragEnter() {
         if (this.droppableNodes && this.allowDrop(this.dragNode, null, this.dragNodeScope)) {
@@ -2210,10 +2155,7 @@ class Tree extends BaseComponent {
             }
         }
         this.updateSerializedValue();
-        this.onFilter.emit({
-            filter: filterValue,
-            filteredValue: this.filteredNodes
-        });
+        this.onFilter.emit({ filter: filterValue, filteredValue: this.filteredNodes });
     }
     /**
      * Resets filter.
@@ -2304,7 +2246,6 @@ class Tree extends BaseComponent {
     }
     static ɵfac = function Tree_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || Tree)(i0.ɵɵdirectiveInject(i3.TreeDragDropService, 8)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Tree, selectors: [["p-tree"]], contentQueries: function Tree_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-            i0.ɵɵcontentQuery(dirIndex, _c4, 4);
             i0.ɵɵcontentQuery(dirIndex, _c5, 4);
             i0.ɵɵcontentQuery(dirIndex, _c6, 4);
             i0.ɵɵcontentQuery(dirIndex, _c7, 4);
@@ -2314,6 +2255,7 @@ class Tree extends BaseComponent {
             i0.ɵɵcontentQuery(dirIndex, _c11, 4);
             i0.ɵɵcontentQuery(dirIndex, _c12, 4);
             i0.ɵɵcontentQuery(dirIndex, _c13, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c14, 4);
             i0.ɵɵcontentQuery(dirIndex, PrimeTemplate, 4);
         } if (rf & 2) {
             let _t;
@@ -2329,15 +2271,15 @@ class Tree extends BaseComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.filterIconTemplate = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.templates = _t);
         } }, viewQuery: function Tree_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c4, 5);
-            i0.ɵɵviewQuery(_c14, 5);
+            i0.ɵɵviewQuery(_c5, 5);
             i0.ɵɵviewQuery(_c15, 5);
+            i0.ɵɵviewQuery(_c16, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.filterViewChild = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.scroller = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.wrapperViewChild = _t.first);
-        } }, inputs: { value: "value", selectionMode: "selectionMode", loadingMode: "loadingMode", selection: "selection", style: "style", styleClass: "styleClass", contextMenu: "contextMenu", draggableScope: "draggableScope", droppableScope: "droppableScope", draggableNodes: [2, "draggableNodes", "draggableNodes", booleanAttribute], droppableNodes: [2, "droppableNodes", "droppableNodes", booleanAttribute], metaKeySelection: [2, "metaKeySelection", "metaKeySelection", booleanAttribute], propagateSelectionUp: [2, "propagateSelectionUp", "propagateSelectionUp", booleanAttribute], propagateSelectionDown: [2, "propagateSelectionDown", "propagateSelectionDown", booleanAttribute], loading: [2, "loading", "loading", booleanAttribute], loadingIcon: "loadingIcon", emptyMessage: "emptyMessage", ariaLabel: "ariaLabel", togglerAriaLabel: "togglerAriaLabel", ariaLabelledBy: "ariaLabelledBy", validateDrop: [2, "validateDrop", "validateDrop", booleanAttribute], filter: [2, "filter", "filter", booleanAttribute], filterBy: "filterBy", filterMode: "filterMode", filterOptions: "filterOptions", filterPlaceholder: "filterPlaceholder", filteredNodes: "filteredNodes", filterLocale: "filterLocale", scrollHeight: "scrollHeight", lazy: [2, "lazy", "lazy", booleanAttribute], virtualScroll: [2, "virtualScroll", "virtualScroll", booleanAttribute], virtualScrollItemSize: [2, "virtualScrollItemSize", "virtualScrollItemSize", numberAttribute], virtualScrollOptions: "virtualScrollOptions", indentation: [2, "indentation", "indentation", numberAttribute], _templateMap: "_templateMap", trackBy: "trackBy", highlightOnSelect: [2, "highlightOnSelect", "highlightOnSelect", booleanAttribute], virtualNodeHeight: "virtualNodeHeight" }, outputs: { selectionChange: "selectionChange", onNodeSelect: "onNodeSelect", onNodeUnselect: "onNodeUnselect", onNodeExpand: "onNodeExpand", onNodeCollapse: "onNodeCollapse", onNodeContextMenuSelect: "onNodeContextMenuSelect", onNodeDrop: "onNodeDrop", onLazyLoad: "onLazyLoad", onScroll: "onScroll", onScrollIndexChange: "onScrollIndexChange", onFilter: "onFilter" }, standalone: true, features: [i0.ɵɵProvidersFeature([TreeStyle]), i0.ɵɵInputTransformsFeature, i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature, i0.ɵɵStandaloneFeature], decls: 8, vars: 10, consts: [["filter", ""], ["scroller", ""], ["content", ""], ["treeNode", ""], ["loader", ""], ["wrapper", ""], ["emptyFilter", ""], [3, "drop", "dragover", "dragenter", "dragleave", "ngClass", "ngStyle"], ["class", "p-tree-mask p-overlay-mask", 4, "ngIf"], [4, "ngTemplateOutlet"], [4, "ngIf"], ["class", "p-tree-empty-message", 4, "ngIf"], [1, "p-tree-mask", "p-overlay-mask"], [3, "class", 4, "ngIf"], [3, "spin", "styleClass", 4, "ngIf"], ["class", "p-tree-loading-icon", 4, "ngIf"], [3, "spin", "styleClass"], [1, "p-tree-loading-icon"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], ["pInputText", "", "type", "search", "autocomplete", "off", 1, "p-tree-filter-input", 3, "keydown.enter", "input"], ["class", "p-tree-filter-icon", 4, "ngIf"], [1, "p-tree-filter-icon"], ["styleClass", "p-tree-root", 3, "items", "tabindex", "style", "scrollHeight", "itemSize", "lazy", "options", "onScroll", "onScrollIndexChange", "onLazyLoad", 4, "ngIf"], ["styleClass", "p-tree-root", 3, "onScroll", "onScrollIndexChange", "onLazyLoad", "items", "tabindex", "scrollHeight", "itemSize", "lazy", "options"], ["class", "p-tree-root-children", "role", "tree", 3, "ngClass", "style", 4, "ngIf"], ["role", "tree", 1, "p-tree-root-children", 3, "ngClass"], [3, "level", "rowNode", "node", "parentNode", "firstChild", "lastChild", "index", "itemSize", "indentation", "loadingMode", 4, "ngFor", "ngForOf", "ngForTrackBy"], [3, "level", "rowNode", "node", "parentNode", "firstChild", "lastChild", "index", "itemSize", "indentation", "loadingMode"], [1, "p-tree-root"], ["class", "p-tree-root-children", "role", "tree", 4, "ngIf"], ["role", "tree", 1, "p-tree-root-children"], [3, "node", "firstChild", "lastChild", "index", "level", "loadingMode", 4, "ngFor", "ngForOf", "ngForTrackBy"], [3, "node", "firstChild", "lastChild", "index", "level", "loadingMode"], [1, "p-tree-empty-message"], [4, "ngIf", "ngIfElse"]], template: function Tree_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { value: "value", selectionMode: "selectionMode", loadingMode: "loadingMode", selection: "selection", style: "style", styleClass: "styleClass", contextMenu: "contextMenu", draggableScope: "draggableScope", droppableScope: "droppableScope", draggableNodes: [2, "draggableNodes", "draggableNodes", booleanAttribute], droppableNodes: [2, "droppableNodes", "droppableNodes", booleanAttribute], metaKeySelection: [2, "metaKeySelection", "metaKeySelection", booleanAttribute], propagateSelectionUp: [2, "propagateSelectionUp", "propagateSelectionUp", booleanAttribute], propagateSelectionDown: [2, "propagateSelectionDown", "propagateSelectionDown", booleanAttribute], loading: [2, "loading", "loading", booleanAttribute], loadingIcon: "loadingIcon", emptyMessage: "emptyMessage", ariaLabel: "ariaLabel", togglerAriaLabel: "togglerAriaLabel", ariaLabelledBy: "ariaLabelledBy", validateDrop: [2, "validateDrop", "validateDrop", booleanAttribute], filter: [2, "filter", "filter", booleanAttribute], filterInputAutoFocus: [2, "filterInputAutoFocus", "filterInputAutoFocus", booleanAttribute], filterBy: "filterBy", filterMode: "filterMode", filterOptions: "filterOptions", filterPlaceholder: "filterPlaceholder", filteredNodes: "filteredNodes", filterLocale: "filterLocale", scrollHeight: "scrollHeight", lazy: [2, "lazy", "lazy", booleanAttribute], virtualScroll: [2, "virtualScroll", "virtualScroll", booleanAttribute], virtualScrollItemSize: [2, "virtualScrollItemSize", "virtualScrollItemSize", numberAttribute], virtualScrollOptions: "virtualScrollOptions", indentation: [2, "indentation", "indentation", numberAttribute], _templateMap: "_templateMap", trackBy: "trackBy", highlightOnSelect: [2, "highlightOnSelect", "highlightOnSelect", booleanAttribute], virtualNodeHeight: "virtualNodeHeight" }, outputs: { selectionChange: "selectionChange", onNodeSelect: "onNodeSelect", onNodeUnselect: "onNodeUnselect", onNodeExpand: "onNodeExpand", onNodeCollapse: "onNodeCollapse", onNodeContextMenuSelect: "onNodeContextMenuSelect", onNodeDrop: "onNodeDrop", onLazyLoad: "onLazyLoad", onScroll: "onScroll", onScrollIndexChange: "onScrollIndexChange", onFilter: "onFilter" }, standalone: true, features: [i0.ɵɵProvidersFeature([TreeStyle]), i0.ɵɵInputTransformsFeature, i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature, i0.ɵɵStandaloneFeature], decls: 8, vars: 10, consts: [["filter", ""], ["scroller", ""], ["content", ""], ["treeNode", ""], ["loader", ""], ["wrapper", ""], ["emptyFilter", ""], [3, "drop", "dragover", "dragenter", "dragleave", "ngClass", "ngStyle"], ["class", "p-tree-mask p-overlay-mask", 4, "ngIf"], [4, "ngTemplateOutlet"], [4, "ngIf"], ["class", "p-tree-empty-message", 4, "ngIf"], [1, "p-tree-mask", "p-overlay-mask"], [3, "class", 4, "ngIf"], [3, "spin", "styleClass", 4, "ngIf"], ["class", "p-tree-loading-icon", 4, "ngIf"], [3, "spin", "styleClass"], [1, "p-tree-loading-icon"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], ["pInputText", "", "type", "search", "autocomplete", "off", 1, "p-tree-filter-input", 3, "keydown.enter", "input", "pAutoFocus"], ["class", "p-tree-filter-icon", 4, "ngIf"], [1, "p-tree-filter-icon"], ["styleClass", "p-tree-root", 3, "items", "tabindex", "style", "scrollHeight", "itemSize", "lazy", "options", "onScroll", "onScrollIndexChange", "onLazyLoad", 4, "ngIf"], ["styleClass", "p-tree-root", 3, "onScroll", "onScrollIndexChange", "onLazyLoad", "items", "tabindex", "scrollHeight", "itemSize", "lazy", "options"], ["class", "p-tree-root-children", "role", "tree", 3, "ngClass", "style", 4, "ngIf"], ["role", "tree", 1, "p-tree-root-children", 3, "ngClass"], [3, "level", "rowNode", "node", "parentNode", "firstChild", "lastChild", "index", "itemSize", "indentation", "loadingMode", 4, "ngFor", "ngForOf", "ngForTrackBy"], [3, "level", "rowNode", "node", "parentNode", "firstChild", "lastChild", "index", "itemSize", "indentation", "loadingMode"], [1, "p-tree-root"], ["class", "p-tree-root-children", "role", "tree", 4, "ngIf"], ["role", "tree", 1, "p-tree-root-children"], [3, "node", "firstChild", "lastChild", "index", "level", "loadingMode", 4, "ngFor", "ngForOf", "ngForTrackBy"], [3, "node", "firstChild", "lastChild", "index", "level", "loadingMode"], [1, "p-tree-empty-message"], [4, "ngIf", "ngIfElse"]], template: function Tree_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 7);
             i0.ɵɵlistener("drop", function Tree_Template_div_drop_0_listener($event) { return ctx.onDrop($event); })("dragover", function Tree_Template_div_dragover_0_listener($event) { return ctx.onDragOver($event); })("dragenter", function Tree_Template_div_dragenter_0_listener() { return ctx.onDragEnter(); })("dragleave", function Tree_Template_div_dragleave_0_listener($event) { return ctx.onDragLeave($event); });
             i0.ɵɵtemplate(1, Tree_div_1_Template, 3, 2, "div", 8)(2, Tree_ng_container_2_Template, 1, 0, "ng-container", 9)(3, Tree_Conditional_3_Template, 1, 4, "ng-container")(4, Tree_Conditional_4_Template, 1, 1, "p-iconField")(5, Tree_ng_container_5_Template, 3, 2, "ng-container", 10)(6, Tree_div_6_Template, 3, 3, "div", 11)(7, Tree_ng_container_7_Template, 1, 0, "ng-container", 9);
@@ -2358,14 +2300,14 @@ class Tree extends BaseComponent {
             i0.ɵɵproperty("ngIf", !ctx.loading && (ctx.getRootNode() == null || ctx.getRootNode().length === 0));
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngTemplateOutlet", ctx.footerTemplate || ctx._footerTemplate);
-        } }, dependencies: [CommonModule, i1.NgClass, i1.NgForOf, i1.NgIf, i1.NgTemplateOutlet, i1.NgStyle, Scroller, SharedModule, SearchIcon, SpinnerIcon, InputText, FormsModule, UITreeNode], encapsulation: 2 });
+        } }, dependencies: [CommonModule, i1.NgClass, i1.NgForOf, i1.NgIf, i1.NgTemplateOutlet, i1.NgStyle, Scroller, SharedModule, SearchIcon, SpinnerIcon, InputText, FormsModule, UITreeNode, AutoFocusModule, i4.AutoFocus], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(Tree, [{
         type: Component,
         args: [{
                 selector: 'p-tree',
                 standalone: true,
-                imports: [CommonModule, Scroller, SharedModule, SearchIcon, SpinnerIcon, InputText, FormsModule, UITreeNode],
+                imports: [CommonModule, Scroller, SharedModule, SearchIcon, SpinnerIcon, InputText, FormsModule, UITreeNode, AutoFocusModule],
                 template: `
         <div [ngClass]="containerClass" [ngStyle]="style" [class]="styleClass" (drop)="onDrop($event)" (dragover)="onDragOver($event)" (dragenter)="onDragEnter()" (dragleave)="onDragLeave($event)">
             <div class="p-tree-mask p-overlay-mask" *ngIf="loading && loadingMode === 'mask'">
@@ -2382,7 +2324,17 @@ class Tree extends BaseComponent {
                 <ng-container *ngTemplateOutlet="filterTemplate || _filterTemplate; context: { $implicit: filterOptions }"></ng-container>
             } @else {
                 <p-iconField *ngIf="filter">
-                    <input #filter pInputText type="search" autocomplete="off" class="p-tree-filter-input" [attr.placeholder]="filterPlaceholder" (keydown.enter)="$event.preventDefault()" (input)="_filter($event.target.value)" />
+                    <input
+                        #filter
+                        [pAutoFocus]="filterInputAutoFocus"
+                        pInputText
+                        type="search"
+                        autocomplete="off"
+                        class="p-tree-filter-input"
+                        [attr.placeholder]="filterPlaceholder"
+                        (keydown.enter)="$event.preventDefault()"
+                        (input)="_filter($event.target.value)"
+                    />
                     <p-inputIcon>
                         <SearchIcon *ngIf="!filterIconTemplate && !_filterIconTemplate" class="p-tree-filter-icon" />
                         <span *ngIf="filterIconTemplate || _filterIconTemplate">
@@ -2516,6 +2468,9 @@ class Tree extends BaseComponent {
         }], filter: [{
             type: Input,
             args: [{ transform: booleanAttribute }]
+        }], filterInputAutoFocus: [{
+            type: Input,
+            args: [{ transform: booleanAttribute }]
         }], filterBy: [{
             type: Input
         }], filterMode: [{
@@ -2626,10 +2581,7 @@ class TreeModule {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TreeModule, [{
         type: NgModule,
-        args: [{
-                imports: [Tree, SharedModule],
-                exports: [Tree, SharedModule]
-            }]
+        args: [{ imports: [Tree, SharedModule], exports: [Tree, SharedModule] }]
     }], null, null); })();
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(TreeModule, { imports: [Tree, SharedModule], exports: [Tree, SharedModule] }); })();