primeng 22.1.2 → 22.1.4

package/fesm2022/primeng-treeselect.mjs

@@ -4,7 +4,7 @@ import { ChangeDetectionStrategy, Component, Injectable, InjectionToken, NgModul
 import { NG_VALUE_ACCESSOR } from "@angular/forms";
 import { ChevronDown } from "@primeicons/angular/chevron-down";
 import { Times } from "@primeicons/angular/times";
-import { focus, getFirstFocusableElement, getFocusableElements, getLastFocusableElement, isNotEmpty, uuid } from "@primeuix/utils";
+import { focus, getFirstFocusableElement, getFocusableElements, getLastFocusableElement, isNotEmpty } from "@primeuix/utils";
 import { SharedModule } from "primeng/api";
 import { AutoFocus } from "primeng/autofocus";
 import { PARENT_INSTANCE } from "primeng/basecomponent";
@@ -54,7 +54,7 @@ var TreeSelectStyle = class TreeSelectStyle extends BaseStyle {
 	inlineStyles = inlineStyles;
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		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.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: TreeSelectStyle
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: TreeSelectStyle,
 	decorators: [{ type: Injectable }]
@@ -254,6 +254,10 @@ var TreeSelect = class TreeSelect extends BaseEditableHolder {
 		...ngDevMode ? { debugName: "itemLoadingIconTemplate" } : /* istanbul ignore next */ {},
 		descendants: false
 	});
+	nodeTemplate = contentChild("node", {
+		...ngDevMode ? { debugName: "nodeTemplate" } : /* istanbul ignore next */ {},
+		descendants: false
+	});
 	focused = signal(false, ...ngDevMode ? [{ debugName: "focused" }] : /* istanbul ignore next */ []);
 	overlayVisible = signal(false, ...ngDevMode ? [{ debugName: "overlayVisible" }] : /* istanbul ignore next */ []);
 	_value = signal(void 0, ...ngDevMode ? [{ debugName: "_value" }] : /* istanbul ignore next */ []);
@@ -315,7 +319,7 @@ var TreeSelect = class TreeSelect extends BaseEditableHolder {
 		this.bindDirectiveInstance.setAttrs(this.ptms(["host", "root"]));
 	}
 	onInit() {
-		this.listId = uuid("pn_id_") + "_list";
+		this.listId = this.$useId.next("pn_id_") + "_list";
 		this.updateTreeState();
 	}
 	onOverlayBeforeEnter() {
@@ -533,7 +537,7 @@ var TreeSelect = class TreeSelect extends BaseEditableHolder {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: TreeSelect,
 		deps: [],
@@ -541,7 +545,7 @@ var TreeSelect = class TreeSelect extends BaseEditableHolder {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: TreeSelect,
 		isStandalone: true,
 		selector: "p-tree-select, p-treeselect",
@@ -916,6 +920,12 @@ var TreeSelect = class TreeSelect extends BaseEditableHolder {
 				first: true,
 				predicate: ["itemloadingicon"],
 				isSignal: true
+			},
+			{
+				propertyName: "nodeTemplate",
+				first: true,
+				predicate: ["node"],
+				isSignal: true
 			}
 		],
 		viewQueries: [
@@ -973,7 +983,7 @@ var TreeSelect = class TreeSelect extends BaseEditableHolder {
 		hostDirectives: [{ directive: i1.Bind }],
 		ngImport: i0,
 		template: `
-        <div class="p-hidden-accessible" [pBind]="ptm('hiddenInputContainer')" [attr.data-p-hidden-accessible]="true">
+        <div [class]="pcn('p-hidden-accessible')" [pBind]="ptm('hiddenInputContainer')" [attr.data-p-hidden-accessible]="true">
             <input
                 #focusInput
                 type="text"
@@ -1053,7 +1063,7 @@ var TreeSelect = class TreeSelect extends BaseEditableHolder {
                     <span
                         #firstHiddenFocusableEl
                         role="presentation"
-                        class="p-hidden-accessible p-hidden-focusable"
+                        [class]="pcn('p-hidden-accessible p-hidden-focusable')"
                         [attr.tabindex]="0"
                         (focus)="onFirstHiddenFocus($event)"
                         [attr.data-p-hidden-accessible]="true"
@@ -1099,6 +1109,11 @@ var TreeSelect = class TreeSelect extends BaseEditableHolder {
                                     <ng-container *ngTemplateOutlet="emptyTemplate()"></ng-container>
                                 </ng-template>
                             }
+                            @if (nodeTemplate()) {
+                                <ng-template #node let-node>
+                                    <ng-container *ngTemplateOutlet="nodeTemplate(); context: { $implicit: node }"></ng-container>
+                                </ng-template>
+                            }
                             @if (itemTogglerIconTemplate()) {
                                 <ng-template #togglericon let-expanded>
                                     <ng-container *ngTemplateOutlet="itemTogglerIconTemplate(); context: { $implicit: expanded }"></ng-container>
@@ -1127,7 +1142,7 @@ var TreeSelect = class TreeSelect extends BaseEditableHolder {
                     <span
                         #lastHiddenFocusableEl
                         role="presentation"
-                        class="p-hidden-accessible p-hidden-focusable"
+                        [class]="pcn('p-hidden-accessible p-hidden-focusable')"
                         [attr.tabindex]="0"
                         (focus)="onLastHiddenFocus($event)"
                         [attr.data-p-hidden-accessible]="true"
@@ -1300,7 +1315,7 @@ var TreeSelect = class TreeSelect extends BaseEditableHolder {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: TreeSelect,
 	decorators: [{
@@ -1321,7 +1336,7 @@ i0.ɵɵngDeclareClassMetadata({
 			],
 			hostDirectives: [Bind],
 			template: `
-        <div class="p-hidden-accessible" [pBind]="ptm('hiddenInputContainer')" [attr.data-p-hidden-accessible]="true">
+        <div [class]="pcn('p-hidden-accessible')" [pBind]="ptm('hiddenInputContainer')" [attr.data-p-hidden-accessible]="true">
             <input
                 #focusInput
                 type="text"
@@ -1401,7 +1416,7 @@ i0.ɵɵngDeclareClassMetadata({
                     <span
                         #firstHiddenFocusableEl
                         role="presentation"
-                        class="p-hidden-accessible p-hidden-focusable"
+                        [class]="pcn('p-hidden-accessible p-hidden-focusable')"
                         [attr.tabindex]="0"
                         (focus)="onFirstHiddenFocus($event)"
                         [attr.data-p-hidden-accessible]="true"
@@ -1447,6 +1462,11 @@ i0.ɵɵngDeclareClassMetadata({
                                     <ng-container *ngTemplateOutlet="emptyTemplate()"></ng-container>
                                 </ng-template>
                             }
+                            @if (nodeTemplate()) {
+                                <ng-template #node let-node>
+                                    <ng-container *ngTemplateOutlet="nodeTemplate(); context: { $implicit: node }"></ng-container>
+                                </ng-template>
+                            }
                             @if (itemTogglerIconTemplate()) {
                                 <ng-template #togglericon let-expanded>
                                     <ng-container *ngTemplateOutlet="itemTogglerIconTemplate(); context: { $implicit: expanded }"></ng-container>
@@ -1475,7 +1495,7 @@ i0.ɵɵngDeclareClassMetadata({
                     <span
                         #lastHiddenFocusableEl
                         role="presentation"
-                        class="p-hidden-accessible p-hidden-focusable"
+                        [class]="pcn('p-hidden-accessible p-hidden-focusable')"
                         [attr.tabindex]="0"
                         (focus)="onLastHiddenFocus($event)"
                         [attr.data-p-hidden-accessible]="true"
@@ -1964,13 +1984,20 @@ i0.ɵɵngDeclareClassMetadata({
 				descendants: false,
 				isSignal: true
 			}]
+		}],
+		nodeTemplate: [{
+			type: i0.ContentChild,
+			args: ["node", {
+				descendants: false,
+				isSignal: true
+			}]
 		}]
 	}
 });
 var TreeSelectModule = class TreeSelectModule {
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: TreeSelectModule,
 		deps: [],
@@ -1978,7 +2005,7 @@ var TreeSelectModule = class TreeSelectModule {
 	});
 	static ɵmod = i0.ɵɵngDeclareNgModule({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: TreeSelectModule,
 		imports: [TreeSelect, SharedModule],
@@ -1986,7 +2013,7 @@ var TreeSelectModule = class TreeSelectModule {
 	});
 	static ɵinj = i0.ɵɵngDeclareInjector({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: TreeSelectModule,
 		imports: [
@@ -1998,7 +2025,7 @@ var TreeSelectModule = class TreeSelectModule {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: TreeSelectModule,
 	decorators: [{
@@ -2011,4 +2038,3 @@ i0.ɵɵngDeclareClassMetadata({
 });
 export { TREESELECT_VALUE_ACCESSOR, TreeSelect, TreeSelectClasses, TreeSelectModule, TreeSelectStyle };
 
-//# sourceMappingURL=primeng-treeselect.mjs.map