primeng 22.1.2 → 22.1.3

package/fesm2022/primeng-card.mjs

@@ -24,7 +24,7 @@ var CardStyle = class CardStyle extends BaseStyle {
 	classes = classes;
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: CardStyle,
 		deps: null,
@@ -32,14 +32,14 @@ var CardStyle = class CardStyle extends BaseStyle {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: CardStyle
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: CardStyle,
 	decorators: [{ type: Injectable }]
@@ -108,7 +108,7 @@ var Card = class Card extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: Card,
 		deps: null,
@@ -116,7 +116,7 @@ var Card = class Card extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: Card,
 		isStandalone: true,
 		selector: "p-card",
@@ -264,7 +264,7 @@ var Card = class Card extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: Card,
 	decorators: [{
@@ -401,7 +401,7 @@ i0.ɵɵngDeclareClassMetadata({
 var CardModule = class CardModule {
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: CardModule,
 		deps: [],
@@ -409,7 +409,7 @@ var CardModule = class CardModule {
 	});
 	static ɵmod = i0.ɵɵngDeclareNgModule({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: CardModule,
 		imports: [
@@ -425,7 +425,7 @@ var CardModule = class CardModule {
 	});
 	static ɵinj = i0.ɵɵngDeclareInjector({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: CardModule,
 		imports: [
@@ -439,7 +439,7 @@ var CardModule = class CardModule {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: CardModule,
 	decorators: [{
@@ -460,4 +460,3 @@ i0.ɵɵngDeclareClassMetadata({
 });
 export { Card, CardClasses, CardModule, CardStyle };
 
-//# sourceMappingURL=primeng-card.mjs.map

package/fesm2022/primeng-carousel.mjs

@@ -12,7 +12,8 @@ import { ChevronRight } from "@primeicons/angular/chevron-right";
 import { ChevronUp } from "@primeicons/angular/chevron-up";
 import { style } from "@primeuix/styles/carousel";
 import { BaseStyle } from "primeng/base";
-import { addClass, find, findSingle, getAttribute, removeClass, setAttribute, uuid } from "@primeuix/utils";
+import { addClass, cn, find, findSingle, getAttribute, removeClass, setAttribute } from "@primeuix/utils";
+import { getShadowRoot } from "primeng/dom";
 export * from "primeng/types/carousel";
 const classes = {
 	root: ({ instance }) => ["p-carousel p-component", {
@@ -36,9 +37,9 @@ const classes = {
 		"p-carousel-item-end": instance.lastIndex() === index
 	}],
 	pcNextButton: ({ instance }) => ["p-carousel-next-button", { "p-disabled": instance.isForwardNavDisabled() }],
-	indicatorList: ({ instance }) => ["p-carousel-indicator-list", instance.indicatorsContentClass()],
+	indicatorList: "p-carousel-indicator-list",
 	indicator: ({ instance, index }) => ["p-carousel-indicator", { "p-carousel-indicator-active": instance._page() === index }],
-	indicatorButton: ({ instance }) => ["p-carousel-indicator-button", instance.indicatorStyleClass()],
+	indicatorButton: "p-carousel-indicator-button",
 	footer: "p-carousel-footer",
 	compositionRoot: "p-carousel p-component",
 	compositionIndicator: ({ instance, index }) => ["p-carousel-indicator-button", { "p-carousel-indicator-active": instance.pageState() === index }],
@@ -53,7 +54,7 @@ var CarouselStyle = class CarouselStyle extends BaseStyle {
 	classes = classes;
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: CarouselStyle,
 		deps: null,
@@ -61,14 +62,14 @@ var CarouselStyle = class CarouselStyle extends BaseStyle {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: CarouselStyle
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: CarouselStyle,
 	decorators: [{ type: Injectable }]
@@ -133,7 +134,7 @@ var CarouselContent = class CarouselContent extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: CarouselContent,
 		deps: [],
@@ -141,7 +142,7 @@ var CarouselContent = class CarouselContent extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: CarouselContent,
 		isStandalone: true,
 		selector: "p-carousel-content",
@@ -195,7 +196,7 @@ var CarouselContent = class CarouselContent extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: CarouselContent,
 	decorators: [{
@@ -260,7 +261,7 @@ var CarouselItem = class CarouselItem extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: CarouselItem,
 		deps: null,
@@ -268,7 +269,7 @@ var CarouselItem = class CarouselItem extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: CarouselItem,
 		isStandalone: true,
 		selector: "p-carousel-item",
@@ -315,7 +316,7 @@ var CarouselItem = class CarouselItem extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: CarouselItem,
 	decorators: [{
@@ -376,7 +377,7 @@ var CarouselNext = class CarouselNext extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: CarouselNext,
 		deps: null,
@@ -384,7 +385,7 @@ var CarouselNext = class CarouselNext extends BaseComponent {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: CarouselNext,
 		isStandalone: true,
 		selector: "[pCarouselNext]",
@@ -412,7 +413,7 @@ var CarouselNext = class CarouselNext extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: CarouselNext,
 	decorators: [{
@@ -455,7 +456,7 @@ var CarouselPrev = class CarouselPrev extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: CarouselPrev,
 		deps: null,
@@ -463,7 +464,7 @@ var CarouselPrev = class CarouselPrev extends BaseComponent {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: CarouselPrev,
 		isStandalone: true,
 		selector: "[pCarouselPrev]",
@@ -491,7 +492,7 @@ var CarouselPrev = class CarouselPrev extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: CarouselPrev,
 	decorators: [{
@@ -542,7 +543,7 @@ var CarouselIndicator = class CarouselIndicator extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: CarouselIndicator,
 		deps: null,
@@ -550,7 +551,7 @@ var CarouselIndicator = class CarouselIndicator extends BaseComponent {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: CarouselIndicator,
 		isStandalone: true,
 		selector: "[pCarouselIndicator]",
@@ -585,7 +586,7 @@ var CarouselIndicator = class CarouselIndicator extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: CarouselIndicator,
 	decorators: [{
@@ -624,7 +625,7 @@ var CarouselIndicators = class CarouselIndicators extends BaseComponent {
 	componentName = "CarouselIndicators";
 	bindDirectiveInstance = inject(Bind, { self: true });
 	root = inject(CAROUSEL_ROOT);
-	hostClass = computed(() => this.root.cx("indicatorList"), ...ngDevMode ? [{ debugName: "hostClass" }] : /* istanbul ignore next */ []);
+	hostClass = computed(() => cn(this.root.cx("indicatorList"), this.root.indicatorsContentClass()), ...ngDevMode ? [{ debugName: "hostClass" }] : /* istanbul ignore next */ []);
 	dataOrientation = computed(() => this.root.orientation(), ...ngDevMode ? [{ debugName: "dataOrientation" }] : /* istanbul ignore next */ []);
 	dataAlign = computed(() => this.root.align(), ...ngDevMode ? [{ debugName: "dataAlign" }] : /* istanbul ignore next */ []);
 	dataPage = computed(() => this.root.pageState(), ...ngDevMode ? [{ debugName: "dataPage" }] : /* istanbul ignore next */ []);
@@ -638,7 +639,7 @@ var CarouselIndicators = class CarouselIndicators extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: CarouselIndicators,
 		deps: null,
@@ -646,7 +647,7 @@ var CarouselIndicators = class CarouselIndicators extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: CarouselIndicators,
 		isStandalone: true,
 		selector: "p-carousel-indicators",
@@ -687,7 +688,7 @@ var CarouselIndicators = class CarouselIndicators extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: CarouselIndicators,
 	decorators: [{
@@ -870,7 +871,7 @@ var CarouselLegacyBase = class CarouselLegacyBase extends BaseComponent {
 		afterNextRender(() => this.legacyOnAfterContentChecked());
 	}
 	legacyOnAfterContentInit() {
-		this.id = uuid("pn_id_");
+		this.id = this.$useId.next("pn_id_");
 		if (isPlatformBrowser(this.platformId)) {
 			this.allowAutoplay.set(!!this.autoplayInterval());
 			if (this.circular()) this.setCloneItems();
@@ -924,10 +925,10 @@ var CarouselLegacyBase = class CarouselLegacyBase extends BaseComponent {
 		}
 	}
 	createStyle() {
-		if (!this.carouselStyle) {
+		if (!this.carouselStyle && !this.$styleScope.isolated) {
 			const styleEl = this.renderer.createElement("style");
 			setAttribute(styleEl, "nonce", this.config?.csp()?.nonce);
-			this.renderer.appendChild(this.document.head, styleEl);
+			this.renderer.appendChild(getShadowRoot(this.el.nativeElement) ?? this.document.head, styleEl);
 			this.carouselStyle = styleEl;
 		}
 		let innerHTML = `
@@ -959,7 +960,8 @@ var CarouselLegacyBase = class CarouselLegacyBase extends BaseComponent {
                 `;
 			}
 		}
-		this.carouselStyle.innerHTML = innerHTML;
+		if (this.$styleScope.isolated) this.$isolatedStyle("items", this.psel(innerHTML));
+		else this.carouselStyle.innerHTML = this.psel(innerHTML);
 	}
 	calculatePosition() {
 		const responsiveOpts = this.responsiveOptions();
@@ -1181,7 +1183,7 @@ var CarouselLegacyBase = class CarouselLegacyBase extends BaseComponent {
 		}
 		const itemsContainerEl = this.itemsContainer();
 		if (itemsContainerEl) {
-			if (!this.$unstyled()) removeClass(itemsContainerEl.nativeElement, "p-items-hidden");
+			if (!this.$unstyled()) removeClass(itemsContainerEl.nativeElement, this.pcn("p-items-hidden"));
 			itemsContainerEl.nativeElement.style.transform = this.isVertical() ? `translate3d(0, ${totalShiftedItems * (100 / this._numVisible)}%, 0)` : `translate3d(${totalShiftedItems * (100 / this._numVisible)}%, 0, 0)`;
 			itemsContainerEl.nativeElement.style.transition = "transform 500ms ease 0s";
 		}
@@ -1212,7 +1214,7 @@ var CarouselLegacyBase = class CarouselLegacyBase extends BaseComponent {
 	onTransitionEnd() {
 		const itemsContainerEl = this.itemsContainer();
 		if (itemsContainerEl) {
-			if (!this.$unstyled()) addClass(itemsContainerEl.nativeElement, "p-items-hidden");
+			if (!this.$unstyled()) addClass(itemsContainerEl.nativeElement, this.pcn("p-items-hidden"));
 			itemsContainerEl.nativeElement.style.transition = "";
 			if ((this._page() === 0 || this._page() === this.totalDots() - 1) && this.isCircular()) itemsContainerEl.nativeElement.style.transform = this.isVertical() ? `translate3d(0, ${this.totalShiftedItems() * (100 / this._numVisible)}%, 0)` : `translate3d(${this.totalShiftedItems() * (100 / this._numVisible)}%, 0, 0)`;
 		}
@@ -1290,7 +1292,7 @@ var CarouselLegacyBase = class CarouselLegacyBase extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: CarouselLegacyBase,
 		deps: [],
@@ -1298,7 +1300,7 @@ var CarouselLegacyBase = class CarouselLegacyBase extends BaseComponent {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "17.2.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: CarouselLegacyBase,
 		isStandalone: true,
 		inputs: {
@@ -1493,7 +1495,7 @@ var CarouselLegacyBase = class CarouselLegacyBase extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: CarouselLegacyBase,
 	decorators: [{ type: Directive }],
@@ -2030,7 +2032,7 @@ var Carousel = class Carousel extends CarouselLegacyBase {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: Carousel,
 		deps: [],
@@ -2038,7 +2040,7 @@ var Carousel = class Carousel extends CarouselLegacyBase {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: Carousel,
 		isStandalone: true,
 		selector: "p-carousel",
@@ -2233,12 +2235,12 @@ var Carousel = class Carousel extends CarouselLegacyBase {
                     }
                 </div>
                 @if (showIndicators()) {
-                    <ul #indicatorContent [class]="cx('indicatorList')" [style]="indicatorsContentStyle()" (keydown)="onIndicatorKeydown($event)" [pBind]="ptm('indicatorList')">
+                    <ul #indicatorContent [class]="cn(cx('indicatorList'), indicatorsContentClass())" [style]="indicatorsContentStyle()" (keydown)="onIndicatorKeydown($event)" [pBind]="ptm('indicatorList')">
                         @for (dot of totalDotsArray(); track dot) {
                             <li [class]="cx('indicator', { index: dot })" [attr.data-p-active]="isIndicatorActive(dot)" [pBind]="getIndicatorPTOptions('indicator', dot)">
                                 <button
                                     type="button"
-                                    [class]="cx('indicatorButton')"
+                                    [class]="cn(cx('indicatorButton'), indicatorStyleClass())"
                                     (click)="onDotClick($event, dot)"
                                     [style]="indicatorStyle()"
                                     [attr.aria-label]="ariaPageLabel(dot + 1)"
@@ -2335,7 +2337,7 @@ var Carousel = class Carousel extends CarouselLegacyBase {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: Carousel,
 	decorators: [{
@@ -2457,12 +2459,12 @@ i0.ɵɵngDeclareClassMetadata({
                     }
                 </div>
                 @if (showIndicators()) {
-                    <ul #indicatorContent [class]="cx('indicatorList')" [style]="indicatorsContentStyle()" (keydown)="onIndicatorKeydown($event)" [pBind]="ptm('indicatorList')">
+                    <ul #indicatorContent [class]="cn(cx('indicatorList'), indicatorsContentClass())" [style]="indicatorsContentStyle()" (keydown)="onIndicatorKeydown($event)" [pBind]="ptm('indicatorList')">
                         @for (dot of totalDotsArray(); track dot) {
                             <li [class]="cx('indicator', { index: dot })" [attr.data-p-active]="isIndicatorActive(dot)" [pBind]="getIndicatorPTOptions('indicator', dot)">
                                 <button
                                     type="button"
-                                    [class]="cx('indicatorButton')"
+                                    [class]="cn(cx('indicatorButton'), indicatorStyleClass())"
                                     (click)="onDotClick($event, dot)"
                                     [style]="indicatorStyle()"
                                     [attr.aria-label]="ariaPageLabel(dot + 1)"
@@ -2589,7 +2591,7 @@ i0.ɵɵngDeclareClassMetadata({
 var CarouselModule = class CarouselModule {
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: CarouselModule,
 		deps: [],
@@ -2597,7 +2599,7 @@ var CarouselModule = class CarouselModule {
 	});
 	static ɵmod = i0.ɵɵngDeclareNgModule({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: CarouselModule,
 		imports: [
@@ -2623,7 +2625,7 @@ var CarouselModule = class CarouselModule {
 	});
 	static ɵinj = i0.ɵɵngDeclareInjector({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: CarouselModule,
 		imports: [
@@ -2638,7 +2640,7 @@ var CarouselModule = class CarouselModule {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: CarouselModule,
 	decorators: [{
@@ -2669,4 +2671,3 @@ i0.ɵɵngDeclareClassMetadata({
 });
 export { Carousel, CarouselClasses, CarouselContent, CarouselIndicator, CarouselIndicators, CarouselItem, CarouselModule, CarouselNext, CarouselPrev, CarouselStyle };
 
-//# sourceMappingURL=primeng-carousel.mjs.map

package/fesm2022/primeng-cascadeselect.mjs

@@ -2,7 +2,7 @@ import { NgTemplateOutlet, isPlatformBrowser } from "@angular/common";
 import * as i0 from "@angular/core";
 import { ChangeDetectionStrategy, Component, HostListener, Injectable, InjectionToken, NgModule, ViewEncapsulation, booleanAttribute, computed, contentChild, effect, forwardRef, inject, input, numberAttribute, output, signal, untracked, viewChild } from "@angular/core";
 import { NG_VALUE_ACCESSOR } from "@angular/forms";
-import { equals, findLastIndex, findSingle, focus, isEmpty, isNotEmpty, isPrintableCharacter, nestedPosition, resolveFieldData, uuid } from "@primeuix/utils";
+import { equals, findLastIndex, findSingle, focus, isEmpty, isNotEmpty, isPrintableCharacter, nestedPosition, resolveFieldData } from "@primeuix/utils";
 import { OverlayService, SharedModule, TranslationKeys } from "primeng/api";
 import { AutoFocus } from "primeng/autofocus";
 import { BaseComponent, PARENT_INSTANCE } from "primeng/basecomponent";
@@ -65,7 +65,7 @@ var CascadeSelectStyle = class CascadeSelectStyle extends BaseStyle {
 	inlineStyles = inlineStyles;
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: CascadeSelectStyle,
 		deps: null,
@@ -73,14 +73,14 @@ var CascadeSelectStyle = class CascadeSelectStyle extends BaseStyle {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: CascadeSelectStyle
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: CascadeSelectStyle,
 	decorators: [{ type: Injectable }]
@@ -237,7 +237,7 @@ var CascadeSelectSub = class CascadeSelectSub extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: CascadeSelectSub,
 		deps: [],
@@ -245,7 +245,7 @@ var CascadeSelectSub = class CascadeSelectSub extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: CascadeSelectSub,
 		isStandalone: true,
 		selector: "ul[pCascadeSelectSub]",
@@ -417,7 +417,7 @@ var CascadeSelectSub = class CascadeSelectSub extends BaseComponent {
                         [level]="level() + 1"
                         [pMotion]="isOptionActive(processedOption)"
                         [pMotionDisabled]="cascadeselect.queryMatches()"
-                        [pMotionName]="'p-anchored-overlay'"
+                        [pMotionName]="pcn('p-anchored-overlay')"
                         [pMotionAppear]="true"
                         [pMotionOptions]="motionOptions()"
                         (pMotionOnBeforeEnter)="onBeforeEnter($event)"
@@ -542,7 +542,7 @@ var CascadeSelectSub = class CascadeSelectSub extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: CascadeSelectSub,
 	decorators: [{
@@ -608,7 +608,7 @@ i0.ɵɵngDeclareClassMetadata({
                         [level]="level() + 1"
                         [pMotion]="isOptionActive(processedOption)"
                         [pMotionDisabled]="cascadeselect.queryMatches()"
-                        [pMotionName]="'p-anchored-overlay'"
+                        [pMotionName]="pcn('p-anchored-overlay')"
                         [pMotionAppear]="true"
                         [pMotionOptions]="motionOptions()"
                         (pMotionOnBeforeEnter)="onBeforeEnter($event)"
@@ -785,7 +785,7 @@ var CascadeSelect = class CascadeSelect extends BaseEditableHolder {
 		skipSelf: true
 	}) ?? void 0;
 	bindDirectiveInstance = inject(Bind, { self: true });
-	_internalId = uuid("pn_id_");
+	_internalId = this.$useId.next("pn_id_");
 	id = input(...ngDevMode ? [void 0, { debugName: "id" }] : /* istanbul ignore next */ []);
 	$id = computed(() => this.id() || this._internalId, ...ngDevMode ? [{ debugName: "$id" }] : /* istanbul ignore next */ []);
 	searchMessage = input(...ngDevMode ? [void 0, { debugName: "searchMessage" }] : /* istanbul ignore next */ []);
@@ -1547,7 +1547,7 @@ var CascadeSelect = class CascadeSelect extends BaseEditableHolder {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: CascadeSelect,
 		deps: [],
@@ -1555,7 +1555,7 @@ var CascadeSelect = class CascadeSelect extends BaseEditableHolder {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: CascadeSelect,
 		isStandalone: true,
 		selector: "p-cascadeselect, p-cascade-select",
@@ -1920,7 +1920,7 @@ var CascadeSelect = class CascadeSelect extends BaseEditableHolder {
 		hostDirectives: [{ directive: i1.Bind }],
 		ngImport: i0,
 		template: `
-        <div class="p-hidden-accessible" [pBind]="ptm('hiddenInputWrapper')">
+        <div [class]="pcn('p-hidden-accessible')" [pBind]="ptm('hiddenInputWrapper')">
             <input
                 #focusInput
                 readonly
@@ -1980,7 +1980,7 @@ var CascadeSelect = class CascadeSelect extends BaseEditableHolder {
                 }
             }
         </div>
-        <span role="status" aria-live="polite" class="p-hidden-accessible" [pBind]="ptm('hiddenSearchResult')">
+        <span role="status" aria-live="polite" [class]="pcn('p-hidden-accessible')" [pBind]="ptm('hiddenSearchResult')">
             {{ searchResultMessageText }}
         </span>
         <p-overlay
@@ -2034,7 +2034,7 @@ var CascadeSelect = class CascadeSelect extends BaseEditableHolder {
                             [unstyled]="unstyled()"
                         ></ul>
                     </div>
-                    <span role="status" aria-live="polite" class="p-hidden-accessible" [pBind]="ptm('selectedMessageText')">
+                    <span role="status" aria-live="polite" [class]="pcn('p-hidden-accessible')" [pBind]="ptm('selectedMessageText')">
                         {{ selectedMessageText }}
                     </span>
                     @if (footerTemplate()) {
@@ -2155,7 +2155,7 @@ var CascadeSelect = class CascadeSelect extends BaseEditableHolder {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: CascadeSelect,
 	decorators: [{
@@ -2174,7 +2174,7 @@ i0.ɵɵngDeclareClassMetadata({
 				Bind
 			],
 			template: `
-        <div class="p-hidden-accessible" [pBind]="ptm('hiddenInputWrapper')">
+        <div [class]="pcn('p-hidden-accessible')" [pBind]="ptm('hiddenInputWrapper')">
             <input
                 #focusInput
                 readonly
@@ -2234,7 +2234,7 @@ i0.ɵɵngDeclareClassMetadata({
                 }
             }
         </div>
-        <span role="status" aria-live="polite" class="p-hidden-accessible" [pBind]="ptm('hiddenSearchResult')">
+        <span role="status" aria-live="polite" [class]="pcn('p-hidden-accessible')" [pBind]="ptm('hiddenSearchResult')">
             {{ searchResultMessageText }}
         </span>
         <p-overlay
@@ -2288,7 +2288,7 @@ i0.ɵɵngDeclareClassMetadata({
                             [unstyled]="unstyled()"
                         ></ul>
                     </div>
-                    <span role="status" aria-live="polite" class="p-hidden-accessible" [pBind]="ptm('selectedMessageText')">
+                    <span role="status" aria-live="polite" [class]="pcn('p-hidden-accessible')" [pBind]="ptm('selectedMessageText')">
                         {{ selectedMessageText }}
                     </span>
                     @if (footerTemplate()) {
@@ -2722,7 +2722,7 @@ i0.ɵɵngDeclareClassMetadata({
 var CascadeSelectModule = class CascadeSelectModule {
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: CascadeSelectModule,
 		deps: [],
@@ -2730,7 +2730,7 @@ var CascadeSelectModule = class CascadeSelectModule {
 	});
 	static ɵmod = i0.ɵɵngDeclareNgModule({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: CascadeSelectModule,
 		imports: [CascadeSelect, SharedModule],
@@ -2738,7 +2738,7 @@ var CascadeSelectModule = class CascadeSelectModule {
 	});
 	static ɵinj = i0.ɵɵngDeclareInjector({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: CascadeSelectModule,
 		imports: [
@@ -2750,7 +2750,7 @@ var CascadeSelectModule = class CascadeSelectModule {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: CascadeSelectModule,
 	decorators: [{
@@ -2763,4 +2763,3 @@ i0.ɵɵngDeclareClassMetadata({
 });
 export { CASCADESELECT_VALUE_ACCESSOR, CascadeSelect, CascadeSelectClasses, CascadeSelectModule, CascadeSelectStyle };
 
-//# sourceMappingURL=primeng-cascadeselect.mjs.map