primeng 22.1.4 → 22.1.5

package/fesm2022/primeng-tree.mjs

@@ -62,7 +62,7 @@ var TreeStyle = class TreeStyle extends BaseStyle {
 	classes = classes;
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: TreeStyle,
 		deps: null,
@@ -70,14 +70,14 @@ var TreeStyle = class TreeStyle extends BaseStyle {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: TreeStyle
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.3",
+	version: "22.2.5",
 	ngImport: i0,
 	type: TreeStyle,
 	decorators: [{ type: Injectable }]
@@ -129,6 +129,9 @@ var UITreeNode = class UITreeNode extends BaseComponent {
 	indentation = input(...ngDevMode ? [void 0, { debugName: "indentation" }] : /* istanbul ignore next */ []);
 	itemSize = input(...ngDevMode ? [void 0, { debugName: "itemSize" }] : /* istanbul ignore next */ []);
 	loadingMode = input(...ngDevMode ? [void 0, { debugName: "loadingMode" }] : /* istanbul ignore next */ []);
+	nodeTemplate = input(...ngDevMode ? [void 0, { debugName: "nodeTemplate" }] : /* istanbul ignore next */ []);
+	togglerIconTemplate = input(...ngDevMode ? [void 0, { debugName: "togglerIconTemplate" }] : /* istanbul ignore next */ []);
+	checkboxIconTemplate = input(...ngDevMode ? [void 0, { debugName: "checkboxIconTemplate" }] : /* istanbul ignore next */ []);
 	tree = inject(TREE_INSTANCE);
 	timeout;
 	isPrevDropPointHovered = signal(false, ...ngDevMode ? [{ debugName: "isPrevDropPointHovered" }] : /* istanbul ignore next */ []);
@@ -531,7 +534,7 @@ var UITreeNode = class UITreeNode extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: UITreeNode,
 		deps: null,
@@ -539,7 +542,7 @@ var UITreeNode = class UITreeNode extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		type: UITreeNode,
 		isStandalone: true,
 		selector: "p-treenode",
@@ -620,6 +623,27 @@ var UITreeNode = class UITreeNode extends BaseComponent {
 				isSignal: true,
 				isRequired: false,
 				transformFunction: null
+			},
+			nodeTemplate: {
+				classPropertyName: "nodeTemplate",
+				publicName: "nodeTemplate",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			togglerIconTemplate: {
+				classPropertyName: "togglerIconTemplate",
+				publicName: "togglerIconTemplate",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			checkboxIconTemplate: {
+				classPropertyName: "checkboxIconTemplate",
+				publicName: "checkboxIconTemplate",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
 			}
 		},
 		providers: [
@@ -673,7 +697,7 @@ var UITreeNode = class UITreeNode extends BaseComponent {
                     [pBind]="getPTOptions('nodeContent')"
                 >
                     <button type="button" [class]="cx('nodeToggleButton')" (click)="toggle($event)" pRipple tabindex="-1" [pBind]="getPTOptions('nodeToggleButton')">
-                        @if (!tree.togglerIconTemplate()) {
+                        @if (!togglerIconTemplate()) {
                             @if (!node()!.loading) {
                                 @if (!node()!.expanded) {
                                     <svg data-p-icon="chevron-right" [class]="cx('nodeToggleIcon')" [pBind]="getPTOptions('nodeToggleIcon')" />
@@ -686,9 +710,9 @@ var UITreeNode = class UITreeNode extends BaseComponent {
                                 <svg data-p-icon="spinner" [class]="cx('nodeToggleIcon')" [spin]="true" [pBind]="getPTOptions('nodeToggleIcon')" />
                             }
                         }
-                        @if (tree.togglerIconTemplate()) {
+                        @if (togglerIconTemplate()) {
                             <span [class]="cx('nodeToggleIcon')" [pBind]="getPTOptions('nodeToggleIcon')">
-                                <ng-template *ngTemplateOutlet="tree.togglerIconTemplate()!; context: togglerIconContext"></ng-template>
+                                <ng-template *ngTemplateOutlet="togglerIconTemplate()!; context: togglerIconContext"></ng-template>
                             </span>
                         }
                     </button>
@@ -696,6 +720,7 @@ var UITreeNode = class UITreeNode extends BaseComponent {
                     @if (tree.selectionMode() === 'checkbox') {
                         <p-checkbox
                             [ngModel]="isSelected()"
+                            [ngModelOptions]="{ standalone: true }"
                             [class]="cx('nodeCheckbox')"
                             [binary]="true"
                             [indeterminate]="node()!.partialSelected"
@@ -707,9 +732,9 @@ var UITreeNode = class UITreeNode extends BaseComponent {
                             [pt]="getPTOptions('pcNodeCheckbox')"
                             [unstyled]="unstyled()"
                         >
-                            @if (tree.checkboxIconTemplate()) {
+                            @if (checkboxIconTemplate()) {
                                 <ng-template #icon>
-                                    <ng-template *ngTemplateOutlet="tree.checkboxIconTemplate()!; context: checkboxIconContext"></ng-template>
+                                    <ng-template *ngTemplateOutlet="checkboxIconTemplate()!; context: checkboxIconContext"></ng-template>
                                 </ng-template>
                             }
                         </p-checkbox>
@@ -719,12 +744,12 @@ var UITreeNode = class UITreeNode extends BaseComponent {
                         <span [class]="getIcon()" [pBind]="getPTOptions('nodeIcon')"></span>
                     }
                     <span [class]="cx('nodeLabel')" [pBind]="getPTOptions('nodeLabel')">
-                        @if (!tree.getTemplateForNode(node()!)) {
+                        @if (!nodeTemplate()) {
                             <span>{{ node()!.label }}</span>
                         }
-                        @if (tree.getTemplateForNode(node()!)) {
+                        @if (nodeTemplate()) {
                             <span>
-                                <ng-container *ngTemplateOutlet="tree.getTemplateForNode(node()!)!; context: { $implicit: node() }"></ng-container>
+                                <ng-container *ngTemplateOutlet="nodeTemplate()!; context: { $implicit: node() }"></ng-container>
                             </span>
                         }
                     </span>
@@ -744,6 +769,9 @@ var UITreeNode = class UITreeNode extends BaseComponent {
                                 [itemSize]="itemSize()"
                                 [level]="level()! + 1"
                                 [loadingMode]="loadingMode()"
+                                [nodeTemplate]="nodeTemplate()"
+                                [togglerIconTemplate]="togglerIconTemplate()"
+                                [checkboxIconTemplate]="checkboxIconTemplate()"
                                 [pt]="pt()"
                                 [unstyled]="unstyled()"
                             />
@@ -770,7 +798,10 @@ var UITreeNode = class UITreeNode extends BaseComponent {
 					"level",
 					"indentation",
 					"itemSize",
-					"loadingMode"
+					"loadingMode",
+					"nodeTemplate",
+					"togglerIconTemplate",
+					"checkboxIconTemplate"
 				]
 			},
 			{
@@ -867,7 +898,7 @@ var UITreeNode = class UITreeNode extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.3",
+	version: "22.2.5",
 	ngImport: i0,
 	type: UITreeNode,
 	decorators: [{
@@ -924,7 +955,7 @@ i0.ɵɵngDeclareClassMetadata({
                     [pBind]="getPTOptions('nodeContent')"
                 >
                     <button type="button" [class]="cx('nodeToggleButton')" (click)="toggle($event)" pRipple tabindex="-1" [pBind]="getPTOptions('nodeToggleButton')">
-                        @if (!tree.togglerIconTemplate()) {
+                        @if (!togglerIconTemplate()) {
                             @if (!node()!.loading) {
                                 @if (!node()!.expanded) {
                                     <svg data-p-icon="chevron-right" [class]="cx('nodeToggleIcon')" [pBind]="getPTOptions('nodeToggleIcon')" />
@@ -937,9 +968,9 @@ i0.ɵɵngDeclareClassMetadata({
                                 <svg data-p-icon="spinner" [class]="cx('nodeToggleIcon')" [spin]="true" [pBind]="getPTOptions('nodeToggleIcon')" />
                             }
                         }
-                        @if (tree.togglerIconTemplate()) {
+                        @if (togglerIconTemplate()) {
                             <span [class]="cx('nodeToggleIcon')" [pBind]="getPTOptions('nodeToggleIcon')">
-                                <ng-template *ngTemplateOutlet="tree.togglerIconTemplate()!; context: togglerIconContext"></ng-template>
+                                <ng-template *ngTemplateOutlet="togglerIconTemplate()!; context: togglerIconContext"></ng-template>
                             </span>
                         }
                     </button>
@@ -947,6 +978,7 @@ i0.ɵɵngDeclareClassMetadata({
                     @if (tree.selectionMode() === 'checkbox') {
                         <p-checkbox
                             [ngModel]="isSelected()"
+                            [ngModelOptions]="{ standalone: true }"
                             [class]="cx('nodeCheckbox')"
                             [binary]="true"
                             [indeterminate]="node()!.partialSelected"
@@ -958,9 +990,9 @@ i0.ɵɵngDeclareClassMetadata({
                             [pt]="getPTOptions('pcNodeCheckbox')"
                             [unstyled]="unstyled()"
                         >
-                            @if (tree.checkboxIconTemplate()) {
+                            @if (checkboxIconTemplate()) {
                                 <ng-template #icon>
-                                    <ng-template *ngTemplateOutlet="tree.checkboxIconTemplate()!; context: checkboxIconContext"></ng-template>
+                                    <ng-template *ngTemplateOutlet="checkboxIconTemplate()!; context: checkboxIconContext"></ng-template>
                                 </ng-template>
                             }
                         </p-checkbox>
@@ -970,12 +1002,12 @@ i0.ɵɵngDeclareClassMetadata({
                         <span [class]="getIcon()" [pBind]="getPTOptions('nodeIcon')"></span>
                     }
                     <span [class]="cx('nodeLabel')" [pBind]="getPTOptions('nodeLabel')">
-                        @if (!tree.getTemplateForNode(node()!)) {
+                        @if (!nodeTemplate()) {
                             <span>{{ node()!.label }}</span>
                         }
-                        @if (tree.getTemplateForNode(node()!)) {
+                        @if (nodeTemplate()) {
                             <span>
-                                <ng-container *ngTemplateOutlet="tree.getTemplateForNode(node()!)!; context: { $implicit: node() }"></ng-container>
+                                <ng-container *ngTemplateOutlet="nodeTemplate()!; context: { $implicit: node() }"></ng-container>
                             </span>
                         }
                     </span>
@@ -995,6 +1027,9 @@ i0.ɵɵngDeclareClassMetadata({
                                 [itemSize]="itemSize()"
                                 [level]="level()! + 1"
                                 [loadingMode]="loadingMode()"
+                                [nodeTemplate]="nodeTemplate()"
+                                [togglerIconTemplate]="togglerIconTemplate()"
+                                [checkboxIconTemplate]="checkboxIconTemplate()"
                                 [pt]="pt()"
                                 [unstyled]="unstyled()"
                             />
@@ -1106,6 +1141,30 @@ i0.ɵɵngDeclareClassMetadata({
 				alias: "loadingMode",
 				required: false
 			}]
+		}],
+		nodeTemplate: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "nodeTemplate",
+				required: false
+			}]
+		}],
+		togglerIconTemplate: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "togglerIconTemplate",
+				required: false
+			}]
+		}],
+		checkboxIconTemplate: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "checkboxIconTemplate",
+				required: false
+			}]
 		}]
 	}
 });
@@ -1846,7 +1905,7 @@ var Tree = class Tree extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: Tree,
 		deps: [],
@@ -1854,7 +1913,7 @@ var Tree = class Tree extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		type: Tree,
 		isStandalone: true,
 		selector: "p-tree",
@@ -2256,6 +2315,9 @@ var Tree = class Tree extends BaseComponent {
 		hostDirectives: [{ directive: i1.Bind }],
 		ngImport: i0,
 		template: `
+        @let nodeTemplateRef = nodeTemplate();
+        @let togglerIconTemplateRef = togglerIconTemplate();
+        @let checkboxIconTemplateRef = checkboxIconTemplate();
         @if (showLoadingMask()) {
             <div [class]="cx('mask')" [pBind]="ptm('mask')" [animate.enter]="pcn('p-overlay-mask-enter-active')" [animate.leave]="pcn('p-overlay-mask-leave-active')">
                 @if (loadingIcon()) {
@@ -2349,6 +2411,9 @@ var Tree = class Tree extends BaseComponent {
                                         [itemSize]="scrollerOptions.itemSize"
                                         [indentation]="indentation()"
                                         [loadingMode]="loadingMode()"
+                                        [nodeTemplate]="nodeTemplateRef"
+                                        [togglerIconTemplate]="togglerIconTemplateRef"
+                                        [checkboxIconTemplate]="checkboxIconTemplateRef"
                                         [pt]="pt()"
                                         [unstyled]="unstyled()"
                                     />
@@ -2368,7 +2433,19 @@ var Tree = class Tree extends BaseComponent {
                     @if (getRootNode()) {
                         <ul #content [class]="cx('rootChildren')" role="tree" [attr.aria-label]="ariaLabel()" [attr.aria-labelledby]="ariaLabelledBy()" [pBind]="ptm('rootChildren')">
                             @for (node of getRootNode(); track trackBy().bind(this)($index, node); let firstChild = $first; let lastChild = $last; let idx = $index) {
-                                <p-treenode [node]="node" [firstChild]="firstChild" [lastChild]="lastChild" [index]="idx" [level]="0" [loadingMode]="loadingMode()" [pt]="pt()" [unstyled]="unstyled()" />
+                                <p-treenode
+                                    [node]="node"
+                                    [firstChild]="firstChild"
+                                    [lastChild]="lastChild"
+                                    [index]="idx"
+                                    [level]="0"
+                                    [loadingMode]="loadingMode()"
+                                    [nodeTemplate]="nodeTemplateRef"
+                                    [togglerIconTemplate]="togglerIconTemplateRef"
+                                    [checkboxIconTemplate]="checkboxIconTemplateRef"
+                                    [pt]="pt()"
+                                    [unstyled]="unstyled()"
+                                />
                             }
                         </ul>
                     }
@@ -2489,7 +2566,10 @@ var Tree = class Tree extends BaseComponent {
 					"level",
 					"indentation",
 					"itemSize",
-					"loadingMode"
+					"loadingMode",
+					"nodeTemplate",
+					"togglerIconTemplate",
+					"checkboxIconTemplate"
 				]
 			},
 			{
@@ -2515,7 +2595,7 @@ var Tree = class Tree extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.3",
+	version: "22.2.5",
 	ngImport: i0,
 	type: Tree,
 	decorators: [{
@@ -2536,6 +2616,9 @@ i0.ɵɵngDeclareClassMetadata({
 				Bind
 			],
 			template: `
+        @let nodeTemplateRef = nodeTemplate();
+        @let togglerIconTemplateRef = togglerIconTemplate();
+        @let checkboxIconTemplateRef = checkboxIconTemplate();
         @if (showLoadingMask()) {
             <div [class]="cx('mask')" [pBind]="ptm('mask')" [animate.enter]="pcn('p-overlay-mask-enter-active')" [animate.leave]="pcn('p-overlay-mask-leave-active')">
                 @if (loadingIcon()) {
@@ -2629,6 +2712,9 @@ i0.ɵɵngDeclareClassMetadata({
                                         [itemSize]="scrollerOptions.itemSize"
                                         [indentation]="indentation()"
                                         [loadingMode]="loadingMode()"
+                                        [nodeTemplate]="nodeTemplateRef"
+                                        [togglerIconTemplate]="togglerIconTemplateRef"
+                                        [checkboxIconTemplate]="checkboxIconTemplateRef"
                                         [pt]="pt()"
                                         [unstyled]="unstyled()"
                                     />
@@ -2648,7 +2734,19 @@ i0.ɵɵngDeclareClassMetadata({
                     @if (getRootNode()) {
                         <ul #content [class]="cx('rootChildren')" role="tree" [attr.aria-label]="ariaLabel()" [attr.aria-labelledby]="ariaLabelledBy()" [pBind]="ptm('rootChildren')">
                             @for (node of getRootNode(); track trackBy().bind(this)($index, node); let firstChild = $first; let lastChild = $last; let idx = $index) {
-                                <p-treenode [node]="node" [firstChild]="firstChild" [lastChild]="lastChild" [index]="idx" [level]="0" [loadingMode]="loadingMode()" [pt]="pt()" [unstyled]="unstyled()" />
+                                <p-treenode
+                                    [node]="node"
+                                    [firstChild]="firstChild"
+                                    [lastChild]="lastChild"
+                                    [index]="idx"
+                                    [level]="0"
+                                    [loadingMode]="loadingMode()"
+                                    [nodeTemplate]="nodeTemplateRef"
+                                    [togglerIconTemplate]="togglerIconTemplateRef"
+                                    [checkboxIconTemplate]="checkboxIconTemplateRef"
+                                    [pt]="pt()"
+                                    [unstyled]="unstyled()"
+                                />
                             }
                         </ul>
                     }
@@ -3140,7 +3238,7 @@ i0.ɵɵngDeclareClassMetadata({
 var TreeModule = class TreeModule {
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: TreeModule,
 		deps: [],
@@ -3148,7 +3246,7 @@ var TreeModule = class TreeModule {
 	});
 	static ɵmod = i0.ɵɵngDeclareNgModule({
 		minVersion: "14.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: TreeModule,
 		imports: [Tree],
@@ -3156,7 +3254,7 @@ var TreeModule = class TreeModule {
 	});
 	static ɵinj = i0.ɵɵngDeclareInjector({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: TreeModule,
 		imports: [Tree]
@@ -3164,7 +3262,7 @@ var TreeModule = class TreeModule {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.3",
+	version: "22.2.5",
 	ngImport: i0,
 	type: TreeModule,
 	decorators: [{

package/fesm2022/primeng-treeselect.mjs

@@ -54,7 +54,7 @@ var TreeSelectStyle = class TreeSelectStyle extends BaseStyle {
 	inlineStyles = inlineStyles;
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: TreeSelectStyle,
 		deps: null,
@@ -62,14 +62,14 @@ var TreeSelectStyle = class TreeSelectStyle extends BaseStyle {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: TreeSelectStyle
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.3",
+	version: "22.2.5",
 	ngImport: i0,
 	type: TreeSelectStyle,
 	decorators: [{ type: Injectable }]
@@ -537,7 +537,7 @@ var TreeSelect = class TreeSelect extends BaseEditableHolder {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: TreeSelect,
 		deps: [],
@@ -545,7 +545,7 @@ var TreeSelect = class TreeSelect extends BaseEditableHolder {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		type: TreeSelect,
 		isStandalone: true,
 		selector: "p-tree-select, p-treeselect",
@@ -1315,7 +1315,7 @@ var TreeSelect = class TreeSelect extends BaseEditableHolder {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.3",
+	version: "22.2.5",
 	ngImport: i0,
 	type: TreeSelect,
 	decorators: [{
@@ -1997,7 +1997,7 @@ i0.ɵɵngDeclareClassMetadata({
 var TreeSelectModule = class TreeSelectModule {
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: TreeSelectModule,
 		deps: [],
@@ -2005,7 +2005,7 @@ var TreeSelectModule = class TreeSelectModule {
 	});
 	static ɵmod = i0.ɵɵngDeclareNgModule({
 		minVersion: "14.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: TreeSelectModule,
 		imports: [TreeSelect, SharedModule],
@@ -2013,7 +2013,7 @@ var TreeSelectModule = class TreeSelectModule {
 	});
 	static ɵinj = i0.ɵɵngDeclareInjector({
 		minVersion: "12.0.0",
-		version: "22.2.3",
+		version: "22.2.5",
 		ngImport: i0,
 		type: TreeSelectModule,
 		imports: [
@@ -2025,7 +2025,7 @@ var TreeSelectModule = class TreeSelectModule {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.3",
+	version: "22.2.5",
 	ngImport: i0,
 	type: TreeSelectModule,
 	decorators: [{