primeng 19.0.0-rc.1 → 19.0.1

package/fesm2022/primeng-tree.mjs

@@ -1,7 +1,7 @@
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Injectable, inject, forwardRef, booleanAttribute, numberAttribute, Component, ViewEncapsulation, Input, EventEmitter, ChangeDetectionStrategy, Optional, ContentChild, Output, ViewChild, ContentChildren, NgModule } from '@angular/core';
+import { Injectable, inject, forwardRef, booleanAttribute, numberAttribute, Component, ViewEncapsulation, Input, EventEmitter, ChangeDetectionStrategy, Optional, Output, ContentChild, ViewChild, ContentChildren, NgModule } from '@angular/core';
 import * as i2 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { find, hasClass, findSingle, focus, removeAccents, resolveFieldData } from '@primeuix/utils';
@@ -9,7 +9,9 @@ import * as i3 from 'primeng/api';
 import { SharedModule, TranslationKeys, PrimeTemplate } from 'primeng/api';
 import { BaseComponent } from 'primeng/basecomponent';
 import { Checkbox } from 'primeng/checkbox';
+import { IconField } from 'primeng/iconfield';
 import { ChevronRightIcon, ChevronDownIcon, SpinnerIcon, SearchIcon } from 'primeng/icons';
+import { InputIcon } from 'primeng/inputicon';
 import { InputText } from 'primeng/inputtext';
 import { Ripple } from 'primeng/ripple';
 import { Scroller } from 'primeng/scroller';
@@ -410,7 +412,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)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c2, ctx_r2.node.expanded));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.tree.togglerIconTemplate || ctx_r2.tree._togglerIconTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c2, ctx_r2.node.expanded));
 } }
 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) {
@@ -420,7 +422,7 @@ function UITreeNode_Conditional_0_p_checkbox_6_ng_container_1_ng_template_1_Temp
     i0.ɵɵtemplate(0, UITreeNode_Conditional_0_p_checkbox_6_ng_container_1_ng_template_1_0_Template, 1, 0, null, 15);
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(4);
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.tree.checkboxiconTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c3, ctx_r2.isSelected(), ctx_r2.node.partialSelected));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r2.tree.checkboxIconTemplate || ctx_r2.tree._checkboxIconTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c3, ctx_r2.isSelected(), ctx_r2.node.partialSelected));
 } }
 function UITreeNode_Conditional_0_p_checkbox_6_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
@@ -436,7 +438,7 @@ function UITreeNode_Conditional_0_p_checkbox_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("ngModel", ctx_r2.isSelected())("binary", true)("indeterminate", ctx_r2.node.partialSelected)("disabled", ctx_r2.node.selectable === false)("variant", (ctx_r2.tree == null ? null : ctx_r2.tree.config.inputStyle()) === "filled" ? "filled" : "outlined" || (ctx_r2.tree == null ? null : ctx_r2.tree.config.inputVariant()) === "filled" ? "filled" : "outlined")("tabindex", -1);
     i0.ɵɵattribute("data-p-partialchecked", ctx_r2.node.partialSelected);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r2.tree.checkboxiconTemplate);
+    i0.ɵɵproperty("ngIf", ctx_r2.tree.checkboxIconTemplate || ctx_r2.tree._checkboxIconTemplate);
 } }
 function UITreeNode_Conditional_0_span_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "span");
@@ -526,9 +528,9 @@ function UITreeNode_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵattribute("data-pc-section", "toggler");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r2.tree.togglericonTemplate);
+    i0.ɵɵproperty("ngIf", !ctx_r2.tree.togglerIconTemplate && !ctx_r2.tree._togglerIconTemplate);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r2.tree.togglericonTemplate);
+    i0.ɵɵproperty("ngIf", ctx_r2.tree.togglerIconTemplate || ctx_r2.tree._togglerIconTemplate);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r2.tree.selectionMode == "checkbox");
     i0.ɵɵadvance();
@@ -577,7 +579,7 @@ function Tree_div_1_ng_container_2_span_2_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.loadingiconTemplate);
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.loadingIconTemplate || ctx_r0._loadingIconTemplate);
 } }
 function Tree_div_1_ng_container_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
@@ -586,9 +588,9 @@ function Tree_div_1_ng_container_2_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r0.loadingiconTemplate);
+    i0.ɵɵproperty("ngIf", !ctx_r0.loadingIconTemplate && !ctx_r0._loadingIconTemplate);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.loadingiconTemplate);
+    i0.ɵɵproperty("ngIf", ctx_r0.loadingIconTemplate || ctx_r0._loadingIconTemplate);
 } }
 function Tree_div_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 12);
@@ -611,7 +613,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)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c2, ctx_r0.filterOptions));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.filterTemplate || ctx_r0._filterTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c2, ctx_r0.filterOptions));
 } }
 function Tree_Conditional_4_p_iconField_0_SearchIcon_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "SearchIcon", 21);
@@ -627,7 +629,7 @@ function Tree_Conditional_4_p_iconField_0_span_5_Template(rf, ctx) { if (rf & 1)
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.filtericonTemplate);
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.filterIconTemplate || ctx_r0._filterIconTemplate);
 } }
 function Tree_Conditional_4_p_iconField_0_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
@@ -642,9 +644,9 @@ function Tree_Conditional_4_p_iconField_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵattribute("placeholder", ctx_r0.filterPlaceholder);
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngIf", !ctx_r0.filtericonTemplate);
+    i0.ɵɵproperty("ngIf", !ctx_r0.filterIconTemplate && !ctx_r0._filterIconTemplate);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.filtericonTemplate);
+    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);
@@ -692,7 +694,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)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c16, scrollerOptions_r11));
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.loaderTemplate || ctx_r0._loaderTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c16, scrollerOptions_r11));
 } }
 function Tree_ng_container_5_p_scroller_1_ng_container_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
@@ -710,7 +712,7 @@ function Tree_ng_container_5_p_scroller_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵstyleMap(i0.ɵɵpureFunction1(9, _c0, ctx_r0.scrollHeight !== "flex" ? ctx_r0.scrollHeight : undefined));
     i0.ɵɵproperty("items", ctx_r0.serializedValue)("tabindex", -1)("scrollHeight", ctx_r0.scrollHeight !== "flex" ? undefined : "100%")("itemSize", ctx_r0.virtualScrollItemSize || ctx_r0._virtualNodeHeight)("lazy", ctx_r0.lazy)("options", ctx_r0.virtualScrollOptions);
     i0.ɵɵadvance(4);
-    i0.ɵɵproperty("ngIf", ctx_r0.loaderTemplate);
+    i0.ɵɵproperty("ngIf", ctx_r0.loaderTemplate || ctx_r0._loaderTemplate);
 } }
 function Tree_ng_container_5_ng_container_2_ul_3_p_treeNode_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "p-treeNode", 32);
@@ -765,19 +767,20 @@ function Tree_div_6_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r0.emptyMessageLabel, " ");
 } }
-function Tree_div_6_ng_container_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0, null, 6);
+function Tree_div_6_2_ng_template_0_Template(rf, ctx) { }
+function Tree_div_6_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, Tree_div_6_2_ng_template_0_Template, 0, 0, "ng-template", null, 6, i0.ɵɵtemplateRefExtractor);
 } }
 function Tree_div_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 33);
-    i0.ɵɵtemplate(1, Tree_div_6_ng_container_1_Template, 2, 1, "ng-container", 34)(2, Tree_div_6_ng_container_2_Template, 2, 0, "ng-container", 9);
+    i0.ɵɵtemplate(1, Tree_div_6_ng_container_1_Template, 2, 1, "ng-container", 34)(2, Tree_div_6_2_Template, 2, 0, null, 9);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r0.emptymessageTemplate)("ngIfElse", ctx_r0.emptyFilter);
+    i0.ɵɵproperty("ngIf", !ctx_r0.emptyMessageTemplate && !ctx_r0._emptyMessageTemplate)("ngIfElse", ctx_r0.emptyFilter);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.emptymessageTemplate);
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r0.emptyMessageTemplate || ctx_r0._emptyMessageTemplate);
 } }
 function Tree_ng_container_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
@@ -1272,7 +1275,7 @@ class UITreeNode extends BaseComponent {
                     (dragend)="onDragStop($event)"
                 >
                     <button type="button" [attr.data-pc-section]="'toggler'" class="p-tree-node-toggle-button" (click)="toggle($event)" pRipple tabindex="-1">
-                        <ng-container *ngIf="!tree.togglericonTemplate">
+                        <ng-container *ngIf="!tree.togglerIconTemplate && !tree._togglerIconTemplate">
                             <ng-container *ngIf="!node.loading">
                                 <ChevronRightIcon *ngIf="!node.expanded" [styleClass]="'p-tree-node-toggle-icon'" />
                                 <ChevronDownIcon *ngIf="node.expanded" [styleClass]="'p-tree-node-toggle-icon'" />
@@ -1281,8 +1284,8 @@ class UITreeNode extends BaseComponent {
                                 <SpinnerIcon [styleClass]="'pi-spin p-tree-node-toggle-icon'" />
                             </ng-container>
                         </ng-container>
-                        <span *ngIf="tree.togglericonTemplate" class="p-tree-node-toggle-icon">
-                            <ng-template *ngTemplateOutlet="tree.togglericonTemplate; context: { $implicit: node.expanded }"></ng-template>
+                        <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>
                         </span>
                     </button>
 
@@ -1297,11 +1300,11 @@ class UITreeNode extends BaseComponent {
                         [attr.data-p-partialchecked]="node.partialSelected"
                         [tabindex]="-1"
                     >
-                        <ng-container *ngIf="tree.checkboxiconTemplate">
+                        <ng-container *ngIf="tree.checkboxIconTemplate || tree._checkboxIconTemplate">
                             <ng-template #icon>
                                 <ng-template
                                     *ngTemplateOutlet="
-                                        tree.checkboxiconTemplate;
+                                        tree.checkboxIconTemplate || tree._checkboxIconTemplate;
                                         context: {
                                             $implicit: isSelected(),
                                             partialSelected: node.partialSelected,
@@ -1380,14 +1383,13 @@ class UITreeNode extends BaseComponent {
         }], loadingMode: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UITreeNode, { className: "UITreeNode", filePath: "tree.ts", lineNumber: 178 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UITreeNode, { className: "UITreeNode", filePath: "tree.ts", lineNumber: 179 }); })();
 /**
  * Tree is used to display hierarchical data.
  * @group Components
  */
 class Tree extends BaseComponent {
     dragDropService;
-    filterTemplate;
     /**
      * An array of treenodes.
      * @group Props
@@ -1652,6 +1654,11 @@ class Tree extends BaseComponent {
      * @group Emits
      */
     onFilter = new EventEmitter();
+    /**
+     * Filter template.
+     * @group Templates
+     */
+    filterTemplate;
     /**
      * Node template.
      * @group Templates
@@ -1676,60 +1683,72 @@ class Tree extends BaseComponent {
      * Empty message template.
      * @group Templates
      */
-    emptymessageTemplate;
+    emptyMessageTemplate;
     /**
      * Toggler icon template.
      * @group Templates
      */
-    togglericonTemplate;
+    togglerIconTemplate;
     /**
      * Checkbox icon template.
      * @group Templates
      */
-    checkboxiconTemplate;
+    checkboxIconTemplate;
     /**
      * Loading icon template.
      * @group Templates
      */
-    loadingiconTemplate;
+    loadingIconTemplate;
     /**
      * Filter icon template.
      * @group Templates
      */
-    filtericonTemplate;
+    filterIconTemplate;
     filterViewChild;
     scroller;
     wrapperViewChild;
-    _templates;
+    templates;
+    _headerTemplate;
+    _emptyMessageTemplate;
+    _footerTemplate;
+    _loaderTemplate;
+    _togglerIconTemplate;
+    _checkboxIconTemplate;
+    _loadingIconTemplate;
+    _filterIconTemplate;
+    _filterTemplate;
     ngAfterContentInit() {
-        if (this._templates.length) {
+        if (this.templates.length) {
             this._templateMap = {};
         }
-        this._templates.forEach((item) => {
+        this.templates.forEach((item) => {
             switch (item.getType()) {
                 case 'header':
-                    this.headerTemplate = item.template;
+                    this._headerTemplate = item.template;
                     break;
                 case 'empty':
-                    this.emptymessageTemplate = item.template;
+                    this._emptyMessageTemplate = item.template;
                     break;
                 case 'footer':
-                    this.footerTemplate = item.template;
+                    this._footerTemplate = item.template;
                     break;
                 case 'loader':
-                    this.loaderTemplate = item.template;
+                    this._loaderTemplate = item.template;
                     break;
                 case 'togglericon':
-                    this.togglericonTemplate = item.template;
+                    this._togglerIconTemplate = item.template;
                     break;
                 case 'checkboxicon':
-                    this.checkboxiconTemplate = item.template;
+                    this._checkboxIconTemplate = item.template;
                     break;
                 case 'loadingicon':
-                    this.loadingiconTemplate = item.template;
+                    this._loadingIconTemplate = item.template;
                     break;
                 case 'filtericon':
-                    this.filtericonTemplate = item.template;
+                    this._filterIconTemplate = item.template;
+                    break;
+                case 'filter':
+                    this._filterTemplate = item.template;
                     break;
                 default:
                     this._templateMap[item.name] = item.template;
@@ -2287,16 +2306,16 @@ 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, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c5, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c6, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c7, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c8, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c9, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c10, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c11, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c12, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c13, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c4, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c5, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c6, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c7, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c8, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c9, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c10, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c11, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c12, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c13, 4);
             i0.ɵɵcontentQuery(dirIndex, PrimeTemplate, 4);
         } if (rf & 2) {
             let _t;
@@ -2305,12 +2324,12 @@ class Tree extends BaseComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.headerTemplate = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.footerTemplate = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.loaderTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.emptymessageTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.togglericonTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.checkboxiconTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.loadingiconTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.filtericonTemplate = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx._templates = _t);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.emptyMessageTemplate = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.togglerIconTemplate = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.checkboxIconTemplate = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.loadingIconTemplate = _t.first);
+            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);
@@ -2332,44 +2351,44 @@ class Tree extends BaseComponent {
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.loading && ctx.loadingMode === "mask");
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngTemplateOutlet", ctx.headerTemplate);
+            i0.ɵɵproperty("ngTemplateOutlet", ctx.headerTemplate || ctx._headerTemplate);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.filterTemplate ? 3 : 4);
+            i0.ɵɵconditional(ctx.filterTemplate || ctx._filterTemplate ? 3 : 4);
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngIf", (tmp_6_0 = ctx.getRootNode()) == null ? null : tmp_6_0.length);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", !ctx.loading && (ctx.getRootNode() == null || ctx.getRootNode().length === 0));
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngTemplateOutlet", ctx.footerTemplate);
-        } }, dependencies: [CommonModule, i1.NgClass, i1.NgForOf, i1.NgIf, i1.NgTemplateOutlet, i1.NgStyle, Scroller, SharedModule, SearchIcon, SpinnerIcon, InputText, FormsModule, UITreeNode], encapsulation: 2 });
+            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, IconField, InputIcon, UITreeNode], 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, IconField, InputIcon, UITreeNode],
                 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'">
                 <i *ngIf="loadingIcon" [class]="'p-tree-loading-icon pi-spin ' + loadingIcon"></i>
                 <ng-container *ngIf="!loadingIcon">
-                    <SpinnerIcon *ngIf="!loadingiconTemplate" [spin]="true" [styleClass]="'p-tree-loading-icon'" />
-                    <span *ngIf="loadingiconTemplate" class="p-tree-loading-icon">
-                        <ng-template *ngTemplateOutlet="loadingiconTemplate"></ng-template>
+                    <SpinnerIcon *ngIf="!loadingIconTemplate && !_loadingIconTemplate" [spin]="true" [styleClass]="'p-tree-loading-icon'" />
+                    <span *ngIf="loadingIconTemplate || _loadingIconTemplate" class="p-tree-loading-icon">
+                        <ng-template *ngTemplateOutlet="loadingIconTemplate || _loadingIconTemplate"></ng-template>
                     </span>
                 </ng-container>
             </div>
-            <ng-container *ngTemplateOutlet="headerTemplate"></ng-container>
-            @if (filterTemplate) {
-                <ng-container *ngTemplateOutlet="filterTemplate; context: { $implicit: filterOptions }"></ng-container>
+            <ng-container *ngTemplateOutlet="headerTemplate || _headerTemplate"></ng-container>
+            @if (filterTemplate || _filterTemplate) {
+                <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)" />
                     <p-inputIcon>
-                        <SearchIcon *ngIf="!filtericonTemplate" class="p-tree-filter-icon" />
-                        <span *ngIf="filtericonTemplate">
-                            <ng-template *ngTemplateOutlet="filtericonTemplate"></ng-template>
+                        <SearchIcon *ngIf="!filterIconTemplate && !_filterIconTemplate" class="p-tree-filter-icon" />
+                        <span *ngIf="filterIconTemplate || _filterIconTemplate">
+                            <ng-template *ngTemplateOutlet="filterIconTemplate || _filterIconTemplate"></ng-template>
                         </span>
                     </p-inputIcon>
                 </p-iconField>
@@ -2409,9 +2428,9 @@ class Tree extends BaseComponent {
                             ></p-treeNode>
                         </ul>
                     </ng-template>
-                    <ng-container *ngIf="loaderTemplate">
+                    <ng-container *ngIf="loaderTemplate || _loaderTemplate">
                         <ng-template #loader let-scrollerOptions="options">
-                            <ng-container *ngTemplateOutlet="loaderTemplate; context: { options: scrollerOptions }"></ng-container>
+                            <ng-container *ngTemplateOutlet="loaderTemplate || _loaderTemplate; context: { options: scrollerOptions }"></ng-container>
                         </ng-template>
                     </ng-container>
                 </p-scroller>
@@ -2433,12 +2452,12 @@ class Tree extends BaseComponent {
             </ng-container>
 
             <div class="p-tree-empty-message" *ngIf="!loading && (getRootNode() == null || getRootNode().length === 0)">
-                <ng-container *ngIf="!emptymessageTemplate; else emptyFilter">
+                <ng-container *ngIf="!emptyMessageTemplate && !_emptyMessageTemplate; else emptyFilter">
                     {{ emptyMessageLabel }}
                 </ng-container>
-                <ng-container #emptyFilter *ngTemplateOutlet="emptymessageTemplate"></ng-container>
+                <ng-template #emptyFilter *ngTemplateOutlet="emptyMessageTemplate || _emptyMessageTemplate"></ng-template>
             </div>
-            <ng-container *ngTemplateOutlet="footerTemplate"></ng-container>
+            <ng-container *ngTemplateOutlet="footerTemplate || _footerTemplate"></ng-container>
         </div>
     `,
                 changeDetection: ChangeDetectionStrategy.Default,
@@ -2447,10 +2466,7 @@ class Tree extends BaseComponent {
             }]
     }], () => [{ type: i3.TreeDragDropService, decorators: [{
                 type: Optional
-            }] }], { filterTemplate: [{
-            type: ContentChild,
-            args: ['filter']
-        }], value: [{
+            }] }], { value: [{
             type: Input
         }], selectionMode: [{
             type: Input
@@ -2561,33 +2577,36 @@ class Tree extends BaseComponent {
             type: Output
         }], onFilter: [{
             type: Output
+        }], filterTemplate: [{
+            type: ContentChild,
+            args: ['filter', { descendants: false }]
         }], nodeTemplate: [{
             type: ContentChild,
-            args: ['node']
+            args: ['node', { descendants: false }]
         }], headerTemplate: [{
             type: ContentChild,
-            args: ['header']
+            args: ['header', { descendants: false }]
         }], footerTemplate: [{
             type: ContentChild,
-            args: ['footer']
+            args: ['footer', { descendants: false }]
         }], loaderTemplate: [{
             type: ContentChild,
-            args: ['loader']
-        }], emptymessageTemplate: [{
+            args: ['loader', { descendants: false }]
+        }], emptyMessageTemplate: [{
             type: ContentChild,
-            args: ['empty']
-        }], togglericonTemplate: [{
+            args: ['empty', { descendants: false }]
+        }], togglerIconTemplate: [{
             type: ContentChild,
-            args: ['togglericon']
-        }], checkboxiconTemplate: [{
+            args: ['togglericon', { descendants: false }]
+        }], checkboxIconTemplate: [{
             type: ContentChild,
-            args: ['checkboxicon']
-        }], loadingiconTemplate: [{
+            args: ['checkboxicon', { descendants: false }]
+        }], loadingIconTemplate: [{
             type: ContentChild,
-            args: ['loadingicon']
-        }], filtericonTemplate: [{
+            args: ['loadingicon', { descendants: false }]
+        }], filterIconTemplate: [{
             type: ContentChild,
-            args: ['filtericon']
+            args: ['filtericon', { descendants: false }]
         }], filterViewChild: [{
             type: ViewChild,
             args: ['filter']
@@ -2597,11 +2616,11 @@ class Tree extends BaseComponent {
         }], wrapperViewChild: [{
             type: ViewChild,
             args: ['wrapper']
-        }], _templates: [{
+        }], templates: [{
             type: ContentChildren,
             args: [PrimeTemplate]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(Tree, { className: "Tree", filePath: "tree.ts", lineNumber: 800 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(Tree, { className: "Tree", filePath: "tree.ts", lineNumber: 801 }); })();
 class TreeModule {
     static ɵfac = function TreeModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TreeModule)(); };
     static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: TreeModule });