primeng 22.1.2 → 22.1.3

package/fesm2022/primeng-ripple.mjs

@@ -1,6 +1,6 @@
 import { isPlatformBrowser } from "@angular/common";
 import * as i0 from "@angular/core";
-import { Directive, Injectable, NgModule, effect, inject } from "@angular/core";
+import { Directive, Injectable, NgModule, effect, inject, untracked } from "@angular/core";
 import { addClass, getHeight, getOffset, getOuterHeight, getOuterWidth, getWidth, remove, removeClass } from "@primeuix/utils";
 import { BaseComponent } from "primeng/basecomponent";
 import { style } from "@primeuix/styles/ripple";
@@ -32,7 +32,7 @@ var RippleStyle = class RippleStyle extends BaseStyle {
 	classes = classes;
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: RippleStyle,
 		deps: null,
@@ -40,14 +40,14 @@ var RippleStyle = class RippleStyle extends BaseStyle {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: RippleStyle
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: RippleStyle,
 	decorators: [{ type: Injectable }]
@@ -66,17 +66,19 @@ var Ripple = class Ripple extends BaseComponent {
 		super();
 		effect(() => {
 			if (isPlatformBrowser(this.platformId)) {
-				if (this.config.ripple()) {
+				if (this.config.ripple()) untracked(() => {
+					if (this.getInk()) return;
 					this.create();
 					this.mouseDownListener = this.renderer.listen(this.el.nativeElement, "mousedown", this.onMouseDown.bind(this));
-				} else this.remove();
+				});
+				else this.remove();
 			}
 		});
 	}
 	onMouseDown(event) {
 		let ink = this.getInk();
 		if (!ink || this.document.defaultView?.getComputedStyle(ink, null).display === "none") return;
-		if (!this.$unstyled()) removeClass(ink, "p-ink-active");
+		if (!this.$unstyled()) removeClass(ink, this.pcn("p-ink-active"));
 		ink.setAttribute("data-p-ink-active", "false");
 		if (!getHeight(ink) && !getWidth(ink)) {
 			let d = Math.max(getOuterWidth(this.el.nativeElement), getOuterHeight(this.el.nativeElement));
@@ -88,36 +90,36 @@ var Ripple = class Ripple extends BaseComponent {
 		let y = event.pageY - offset.top + this.document.body.scrollLeft - getHeight(ink) / 2;
 		this.renderer.setStyle(ink, "top", y + "px");
 		this.renderer.setStyle(ink, "left", x + "px");
-		if (!this.$unstyled()) addClass(ink, "p-ink-active");
+		if (!this.$unstyled()) addClass(ink, this.pcn("p-ink-active"));
 		ink.setAttribute("data-p-ink-active", "true");
 		this.timeout = setTimeout(() => {
 			let ink = this.getInk();
 			if (ink) {
-				if (!this.$unstyled()) removeClass(ink, "p-ink-active");
+				if (!this.$unstyled()) removeClass(ink, this.pcn("p-ink-active"));
 				ink.setAttribute("data-p-ink-active", "false");
 			}
 		}, 401);
 	}
 	getInk() {
 		const children = this.el.nativeElement.children;
-		for (let i = 0; i < children.length; i++) if (typeof children[i].className === "string" && children[i].className.indexOf("p-ink") !== -1) return children[i];
+		for (let i = 0; i < children.length; i++) if (children[i].getAttribute("data-p-ink") === "true") return children[i];
 		return null;
 	}
 	resetInk() {
 		let ink = this.getInk();
 		if (ink) {
-			if (!this.$unstyled()) removeClass(ink, "p-ink-active");
+			if (!this.$unstyled()) removeClass(ink, this.pcn("p-ink-active"));
 			ink.setAttribute("data-p-ink-active", "false");
 		}
 	}
 	onAnimationEnd(event) {
 		if (this.timeout) clearTimeout(this.timeout);
-		if (!this.$unstyled()) removeClass(event.currentTarget, "p-ink-active");
+		if (!this.$unstyled()) removeClass(event.currentTarget, this.pcn("p-ink-active"));
 		event.currentTarget.setAttribute("data-p-ink-active", "false");
 	}
 	create() {
 		let ink = this.renderer.createElement("span");
-		this.renderer.addClass(ink, "p-ink");
+		this.renderer.addClass(ink, this.pcn("p-ink"));
 		this.renderer.appendChild(this.el.nativeElement, ink);
 		this.renderer.setAttribute(ink, "data-p-ink", "true");
 		this.renderer.setAttribute(ink, "data-p-ink-active", "false");
@@ -140,7 +142,7 @@ var Ripple = class Ripple extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: Ripple,
 		deps: [],
@@ -148,11 +150,11 @@ var Ripple = class Ripple extends BaseComponent {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: Ripple,
 		isStandalone: true,
 		selector: "[pRipple]",
-		host: { classAttribute: "p-ripple" },
+		host: { properties: { "class": "pcn('p-ripple')" } },
 		providers: [RippleStyle],
 		usesInheritance: true,
 		ngImport: i0
@@ -160,14 +162,14 @@ var Ripple = class Ripple extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: Ripple,
 	decorators: [{
 		type: Directive,
 		args: [{
 			selector: "[pRipple]",
-			host: { class: "p-ripple" },
+			host: { "[class]": "pcn('p-ripple')" },
 			standalone: true,
 			providers: [RippleStyle]
 		}]
@@ -177,7 +179,7 @@ i0.ɵɵngDeclareClassMetadata({
 var RippleModule = class RippleModule {
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: RippleModule,
 		deps: [],
@@ -185,7 +187,7 @@ var RippleModule = class RippleModule {
 	});
 	static ɵmod = i0.ɵɵngDeclareNgModule({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: RippleModule,
 		imports: [Ripple],
@@ -193,14 +195,14 @@ var RippleModule = class RippleModule {
 	});
 	static ɵinj = i0.ɵɵngDeclareInjector({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: RippleModule
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: RippleModule,
 	decorators: [{
@@ -213,4 +215,3 @@ i0.ɵɵngDeclareClassMetadata({
 });
 export { Ripple, RippleClasses, RippleModule, RippleStyle };
 
-//# sourceMappingURL=primeng-ripple.mjs.map

package/fesm2022/primeng-scrollarea.mjs

@@ -53,7 +53,7 @@ var ScrollAreaStyle = class ScrollAreaStyle extends BaseStyle {
 	inlineStyles = inlineStyles;
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ScrollAreaStyle,
 		deps: null,
@@ -61,14 +61,14 @@ var ScrollAreaStyle = class ScrollAreaStyle extends BaseStyle {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ScrollAreaStyle
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ScrollAreaStyle,
 	decorators: [{ type: Injectable }]
@@ -94,7 +94,7 @@ var ScrollAreaContent = class ScrollAreaContent extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ScrollAreaContent,
 		deps: null,
@@ -102,7 +102,7 @@ var ScrollAreaContent = class ScrollAreaContent extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: ScrollAreaContent,
 		isStandalone: true,
 		selector: "p-scrollarea-content, p-scroll-area-content",
@@ -130,7 +130,7 @@ var ScrollAreaContent = class ScrollAreaContent extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ScrollAreaContent,
 	decorators: [{
@@ -170,7 +170,7 @@ var ScrollAreaCorner = class ScrollAreaCorner extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ScrollAreaCorner,
 		deps: null,
@@ -178,7 +178,7 @@ var ScrollAreaCorner = class ScrollAreaCorner extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: ScrollAreaCorner,
 		isStandalone: true,
 		selector: "p-scrollarea-corner, p-scroll-area-corner",
@@ -205,7 +205,7 @@ var ScrollAreaCorner = class ScrollAreaCorner extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ScrollAreaCorner,
 	decorators: [{
@@ -256,7 +256,7 @@ var ScrollAreaScrollbar = class ScrollAreaScrollbar extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ScrollAreaScrollbar,
 		deps: null,
@@ -264,7 +264,7 @@ var ScrollAreaScrollbar = class ScrollAreaScrollbar extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: ScrollAreaScrollbar,
 		isStandalone: true,
 		selector: "p-scrollarea-scrollbar, p-scroll-area-scrollbar",
@@ -312,7 +312,7 @@ var ScrollAreaScrollbar = class ScrollAreaScrollbar extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ScrollAreaScrollbar,
 	decorators: [{
@@ -376,7 +376,7 @@ var ScrollAreaHandle = class ScrollAreaHandle extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ScrollAreaHandle,
 		deps: null,
@@ -384,7 +384,7 @@ var ScrollAreaHandle = class ScrollAreaHandle extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: ScrollAreaHandle,
 		isStandalone: true,
 		selector: "p-scrollarea-handle, p-scroll-area-handle",
@@ -417,7 +417,7 @@ var ScrollAreaHandle = class ScrollAreaHandle extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ScrollAreaHandle,
 	decorators: [{
@@ -468,7 +468,7 @@ var ScrollAreaViewport = class ScrollAreaViewport extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ScrollAreaViewport,
 		deps: null,
@@ -476,7 +476,7 @@ var ScrollAreaViewport = class ScrollAreaViewport extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: ScrollAreaViewport,
 		isStandalone: true,
 		selector: "p-scrollarea-viewport, p-scroll-area-viewport",
@@ -514,7 +514,7 @@ var ScrollAreaViewport = class ScrollAreaViewport extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ScrollAreaViewport,
 	decorators: [{
@@ -796,7 +796,7 @@ var ScrollArea = class ScrollArea extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ScrollArea,
 		deps: null,
@@ -804,7 +804,7 @@ var ScrollArea = class ScrollArea extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: ScrollArea,
 		isStandalone: true,
 		selector: "p-scrollarea, p-scroll-area",
@@ -874,7 +874,7 @@ var ScrollArea = class ScrollArea extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ScrollArea,
 	decorators: [{
@@ -940,7 +940,7 @@ i0.ɵɵngDeclareClassMetadata({
 var ScrollAreaModule = class ScrollAreaModule {
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ScrollAreaModule,
 		deps: [],
@@ -948,7 +948,7 @@ var ScrollAreaModule = class ScrollAreaModule {
 	});
 	static ɵmod = i0.ɵɵngDeclareNgModule({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ScrollAreaModule,
 		imports: [
@@ -974,7 +974,7 @@ var ScrollAreaModule = class ScrollAreaModule {
 	});
 	static ɵinj = i0.ɵɵngDeclareInjector({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ScrollAreaModule,
 		imports: [
@@ -993,7 +993,7 @@ var ScrollAreaModule = class ScrollAreaModule {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ScrollAreaModule,
 	decorators: [{
@@ -1024,4 +1024,3 @@ i0.ɵɵngDeclareClassMetadata({
 });
 export { SCROLLAREA_INSTANCE, SCROLLAREA_SCROLLBAR_INSTANCE, SCROLLAREA_VIEWPORT_INSTANCE, ScrollArea, ScrollAreaClasses, ScrollAreaContent, ScrollAreaCorner, ScrollAreaHandle, ScrollAreaModule, ScrollAreaScrollbar, ScrollAreaStyle, ScrollAreaViewport };
 
-//# sourceMappingURL=primeng-scrollarea.mjs.map

package/fesm2022/primeng-scroller.mjs

@@ -84,7 +84,7 @@ var ScrollerStyle = class ScrollerStyle extends BaseStyle {
 	classes = classes;
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ScrollerStyle,
 		deps: null,
@@ -92,14 +92,14 @@ var ScrollerStyle = class ScrollerStyle extends BaseStyle {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ScrollerStyle
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ScrollerStyle,
 	decorators: [{ type: Injectable }]
@@ -290,7 +290,10 @@ var Scroller = class Scroller extends BaseComponent {
 			});
 		});
 	}
-	loaderIconContext = { options: { styleClass: "p-virtualscroller-loading-icon" } };
+	_loaderIconContext = computed(() => ({ options: { styleClass: this.pcn("p-virtualscroller-loading-icon") } }), ...ngDevMode ? [{ debugName: "_loaderIconContext" }] : /* istanbul ignore next */ []);
+	get loaderIconContext() {
+		return this._loaderIconContext();
+	}
 	onInit() {
 		this.setInitialState();
 	}
@@ -338,7 +341,7 @@ var Scroller = class Scroller extends BaseComponent {
 		}
 	}
 	setContentEl(el) {
-		this.contentEl = el || this.contentViewChild()?.nativeElement || findSingle(this.elementViewChild()?.nativeElement, ".p-virtualscroller-content");
+		this.contentEl = el || this.contentViewChild()?.nativeElement || findSingle(this.elementViewChild()?.nativeElement, this.psel(".p-virtualscroller-content"));
 	}
 	setInitialState() {
 		this.first = this.both() ? {
@@ -782,7 +785,7 @@ var Scroller = class Scroller extends BaseComponent {
 	}
 	getContentOptions() {
 		return {
-			contentStyleClass: `p-virtualscroller-content ${this.d_loading ? "p-virtualscroller-loading" : ""}`,
+			contentStyleClass: this.pcn(`p-virtualscroller-content ${this.d_loading ? "p-virtualscroller-loading" : ""}`),
 			items: this.loadedItems,
 			getItemOptions: (index) => this.getOptions(index),
 			loading: this.d_loading,
@@ -828,7 +831,7 @@ var Scroller = class Scroller extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: Scroller,
 		deps: [],
@@ -836,7 +839,7 @@ var Scroller = class Scroller extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: Scroller,
 		isStandalone: true,
 		selector: "p-scroller, p-virtualscroller, p-virtual-scroller",
@@ -1151,7 +1154,7 @@ var Scroller = class Scroller extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: Scroller,
 	decorators: [{
@@ -1482,7 +1485,7 @@ i0.ɵɵngDeclareClassMetadata({
 var ScrollerModule = class ScrollerModule {
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ScrollerModule,
 		deps: [],
@@ -1490,7 +1493,7 @@ var ScrollerModule = class ScrollerModule {
 	});
 	static ɵmod = i0.ɵɵngDeclareNgModule({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ScrollerModule,
 		imports: [Scroller],
@@ -1498,7 +1501,7 @@ var ScrollerModule = class ScrollerModule {
 	});
 	static ɵinj = i0.ɵɵngDeclareInjector({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ScrollerModule,
 		imports: [Scroller]
@@ -1506,7 +1509,7 @@ var ScrollerModule = class ScrollerModule {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ScrollerModule,
 	decorators: [{
@@ -1519,4 +1522,3 @@ i0.ɵɵngDeclareClassMetadata({
 });
 export { Scroller, ScrollerClasses, ScrollerModule, ScrollerStyle };
 
-//# sourceMappingURL=primeng-scroller.mjs.map

package/fesm2022/primeng-scrollpanel.mjs

@@ -1,7 +1,7 @@
 import { NgTemplateOutlet, isPlatformBrowser } from "@angular/common";
 import * as i0 from "@angular/core";
 import { ChangeDetectionStrategy, Component, Injectable, InjectionToken, NgModule, ViewEncapsulation, contentChild, inject, input, numberAttribute, signal, viewChild } from "@angular/core";
-import { addClass, getHeight, removeClass, uuid } from "@primeuix/utils";
+import { addClass, getHeight, removeClass } from "@primeuix/utils";
 import { SharedModule } from "primeng/api";
 import { BaseComponent, PARENT_INSTANCE } from "primeng/basecomponent";
 import * as i1 from "primeng/bind";
@@ -29,7 +29,7 @@ var ScrollPanelStyle = class ScrollPanelStyle extends BaseStyle {
 	classes = classes;
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ScrollPanelStyle,
 		deps: null,
@@ -37,14 +37,14 @@ var ScrollPanelStyle = class ScrollPanelStyle extends BaseStyle {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ScrollPanelStyle
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ScrollPanelStyle,
 	decorators: [{ type: Injectable }]
@@ -104,7 +104,7 @@ var ScrollPanel = class ScrollPanel extends BaseComponent {
 		this.bindDirectiveInstance.setAttrs(this.ptms(["host", "root"]));
 	}
 	onInit() {
-		this.contentId = uuid("pn_id_") + "_content";
+		this.contentId = this.$useId.next("pn_id_") + "_content";
 	}
 	onAfterViewInit() {
 		if (isPlatformBrowser(this.platformId)) {
@@ -150,20 +150,20 @@ var ScrollPanel = class ScrollPanel extends BaseComponent {
 		this.requestAnimationFrame(() => {
 			if (this.scrollXRatio >= 1) {
 				xBar.setAttribute("data-p-scrollpanel-hidden", "true");
-				if (!this.$unstyled()) addClass(xBar, "p-scrollpanel-hidden");
+				if (!this.$unstyled()) addClass(xBar, this.pcn("p-scrollpanel-hidden"));
 			} else {
 				xBar.setAttribute("data-p-scrollpanel-hidden", "false");
-				if (!this.$unstyled()) removeClass(xBar, "p-scrollpanel-hidden");
+				if (!this.$unstyled()) removeClass(xBar, this.pcn("p-scrollpanel-hidden"));
 				const xBarWidth = Math.max(this.scrollXRatio * 100, 10);
 				const xBarLeft = Math.abs(content.scrollLeft * (100 - xBarWidth) / (totalWidth - ownWidth));
 				xBar.style.cssText = "width:" + xBarWidth + "%; inset-inline-start:" + xBarLeft + "%;bottom:" + bottom + "px;";
 			}
 			if (this.scrollYRatio >= 1) {
 				yBar.setAttribute("data-p-scrollpanel-hidden", "true");
-				if (!this.$unstyled()) addClass(yBar, "p-scrollpanel-hidden");
+				if (!this.$unstyled()) addClass(yBar, this.pcn("p-scrollpanel-hidden"));
 			} else {
 				yBar.setAttribute("data-p-scrollpanel-hidden", "false");
-				if (!this.$unstyled()) removeClass(yBar, "p-scrollpanel-hidden");
+				if (!this.$unstyled()) removeClass(yBar, this.pcn("p-scrollpanel-hidden"));
 				const yBarHeight = Math.max(this.scrollYRatio * 100, 10);
 				const yBarTop = content.scrollTop * (100 - yBarHeight) / (totalHeight - ownHeight);
 				yBar.style.cssText = "height:" + yBarHeight + "%; top: calc(" + yBarTop + "% - " + xBar.clientHeight + "px); inset-inline-end:" + right + "px;";
@@ -254,9 +254,9 @@ var ScrollPanel = class ScrollPanel extends BaseComponent {
 		yBar?.nativeElement?.focus();
 		this.lastPageY = e.pageY;
 		yBar?.nativeElement?.setAttribute("data-p-scrollpanel-grabbed", "true");
-		if (!this.$unstyled() && yBar) addClass(yBar.nativeElement, "p-scrollpanel-grabbed");
+		if (!this.$unstyled() && yBar) addClass(yBar.nativeElement, this.pcn("p-scrollpanel-grabbed"));
 		this.document.body.setAttribute("data-p-scrollpanel-grabbed", "true");
-		if (!this.$unstyled()) addClass(this.document.body, "p-scrollpanel-grabbed");
+		if (!this.$unstyled()) addClass(this.document.body, this.pcn("p-scrollpanel-grabbed"));
 		this.bindDocumentMouseListeners();
 		e.preventDefault();
 	}
@@ -266,9 +266,9 @@ var ScrollPanel = class ScrollPanel extends BaseComponent {
 		xBar?.nativeElement?.focus();
 		this.lastPageX = e.pageX;
 		xBar?.nativeElement?.setAttribute("data-p-scrollpanel-grabbed", "false");
-		if (!this.$unstyled() && xBar) addClass(xBar.nativeElement, "p-scrollpanel-grabbed");
+		if (!this.$unstyled() && xBar) addClass(xBar.nativeElement, this.pcn("p-scrollpanel-grabbed"));
 		this.document.body.setAttribute("data-p-scrollpanel-grabbed", "false");
-		if (!this.$unstyled()) addClass(this.document.body, "p-scrollpanel-grabbed");
+		if (!this.$unstyled()) addClass(this.document.body, this.pcn("p-scrollpanel-grabbed"));
 		this.bindDocumentMouseListeners();
 		e.preventDefault();
 	}
@@ -311,11 +311,11 @@ var ScrollPanel = class ScrollPanel extends BaseComponent {
 		const yBar = this.yBarViewChild();
 		const xBar = this.xBarViewChild();
 		yBar?.nativeElement?.setAttribute("data-p-scrollpanel-grabbed", "false");
-		if (!this.$unstyled() && yBar) removeClass(yBar.nativeElement, "p-scrollpanel-grabbed");
+		if (!this.$unstyled() && yBar) removeClass(yBar.nativeElement, this.pcn("p-scrollpanel-grabbed"));
 		xBar?.nativeElement?.setAttribute("data-p-scrollpanel-grabbed", "false");
-		if (!this.$unstyled() && xBar) removeClass(xBar.nativeElement, "p-scrollpanel-grabbed");
+		if (!this.$unstyled() && xBar) removeClass(xBar.nativeElement, this.pcn("p-scrollpanel-grabbed"));
 		this.document.body.setAttribute("data-p-scrollpanel-grabbed", "false");
-		if (!this.$unstyled()) removeClass(this.document.body, "p-scrollpanel-grabbed");
+		if (!this.$unstyled()) removeClass(this.document.body, this.pcn("p-scrollpanel-grabbed"));
 		this.unbindDocumentMouseListeners();
 		this.isXBarClicked = false;
 		this.isYBarClicked = false;
@@ -353,7 +353,7 @@ var ScrollPanel = class ScrollPanel extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ScrollPanel,
 		deps: [],
@@ -361,7 +361,7 @@ var ScrollPanel = class ScrollPanel extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: ScrollPanel,
 		isStandalone: true,
 		selector: "p-scroll-panel, p-scrollpanel",
@@ -490,7 +490,7 @@ var ScrollPanel = class ScrollPanel extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ScrollPanel,
 	decorators: [{
@@ -595,7 +595,7 @@ i0.ɵɵngDeclareClassMetadata({
 var ScrollPanelModule = class ScrollPanelModule {
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ScrollPanelModule,
 		deps: [],
@@ -603,7 +603,7 @@ var ScrollPanelModule = class ScrollPanelModule {
 	});
 	static ɵmod = i0.ɵɵngDeclareNgModule({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ScrollPanelModule,
 		imports: [
@@ -619,7 +619,7 @@ var ScrollPanelModule = class ScrollPanelModule {
 	});
 	static ɵinj = i0.ɵɵngDeclareInjector({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ScrollPanelModule,
 		imports: [
@@ -633,7 +633,7 @@ var ScrollPanelModule = class ScrollPanelModule {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ScrollPanelModule,
 	decorators: [{
@@ -654,4 +654,3 @@ i0.ɵɵngDeclareClassMetadata({
 });
 export { ScrollPanel, ScrollPanelClasses, ScrollPanelModule, ScrollPanelStyle };
 
-//# sourceMappingURL=primeng-scrollpanel.mjs.map