primeng 22.1.2 → 22.1.3

package/fesm2022/primeng-compare.mjs

@@ -23,7 +23,7 @@ var CompareStyle = class CompareStyle extends BaseStyle {
 	classes = classes;
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: CompareStyle,
 		deps: null,
@@ -31,14 +31,14 @@ var CompareStyle = class CompareStyle extends BaseStyle {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: CompareStyle
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: CompareStyle,
 	decorators: [{ type: Injectable }]
@@ -69,7 +69,7 @@ var CompareHandle = class CompareHandle extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: CompareHandle,
 		deps: null,
@@ -77,7 +77,7 @@ var CompareHandle = class CompareHandle extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: CompareHandle,
 		isStandalone: true,
 		selector: "p-compare-handle",
@@ -111,7 +111,7 @@ var CompareHandle = class CompareHandle extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: CompareHandle,
 	decorators: [{
@@ -152,7 +152,7 @@ var CompareIndicator = class CompareIndicator extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: CompareIndicator,
 		deps: null,
@@ -160,7 +160,7 @@ var CompareIndicator = class CompareIndicator extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: CompareIndicator,
 		isStandalone: true,
 		selector: "p-compare-indicator",
@@ -223,7 +223,7 @@ var CompareIndicator = class CompareIndicator extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: CompareIndicator,
 	decorators: [{
@@ -297,7 +297,7 @@ var CompareItem = class CompareItem extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: CompareItem,
 		deps: null,
@@ -305,7 +305,7 @@ var CompareItem = class CompareItem extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: CompareItem,
 		isStandalone: true,
 		selector: "p-compare-item",
@@ -345,7 +345,7 @@ var CompareItem = class CompareItem extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: CompareItem,
 	decorators: [{
@@ -571,7 +571,7 @@ var Compare = class Compare extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: Compare,
 		deps: null,
@@ -579,7 +579,7 @@ var Compare = class Compare extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: Compare,
 		isStandalone: true,
 		selector: "p-compare",
@@ -690,7 +690,7 @@ var Compare = class Compare extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: Compare,
 	decorators: [{
@@ -806,7 +806,7 @@ i0.ɵɵngDeclareClassMetadata({
 var CompareModule = class CompareModule {
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: CompareModule,
 		deps: [],
@@ -814,7 +814,7 @@ var CompareModule = class CompareModule {
 	});
 	static ɵmod = i0.ɵɵngDeclareNgModule({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: CompareModule,
 		imports: [
@@ -836,7 +836,7 @@ var CompareModule = class CompareModule {
 	});
 	static ɵinj = i0.ɵɵngDeclareInjector({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: CompareModule,
 		imports: [
@@ -853,7 +853,7 @@ var CompareModule = class CompareModule {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: CompareModule,
 	decorators: [{
@@ -880,4 +880,3 @@ i0.ɵɵngDeclareClassMetadata({
 });
 export { COMPARE_INSTANCE, Compare, CompareClasses, CompareHandle, CompareIndicator, CompareItem, CompareModule, CompareStyle };
 
-//# sourceMappingURL=primeng-compare.mjs.map

package/fesm2022/primeng-config.mjs

@@ -4,7 +4,8 @@ import { FilterMatchMode } from "primeng/api";
 import { Subject } from "rxjs";
 import { DOCUMENT } from "@angular/common";
 import { Theme, ThemeService } from "@primeuix/styled";
-import { BaseStyle } from "primeng/base";
+import { Base, BaseStyle } from "primeng/base";
+import { StyleScope } from "primeng/usestyle";
 import { registerLicense, verifyLicense } from "@primeui/license-manager";
 import { showInvalidLicenseBanner } from "primeng/license";
 var ThemeProvider = class ThemeProvider {
@@ -13,9 +14,12 @@ var ThemeProvider = class ThemeProvider {
 	isThemeChanged = false;
 	document = inject(DOCUMENT);
 	baseStyle = inject(BaseStyle);
+	styleScope = inject(StyleScope);
+	clearCoreStyleNames = () => (this.styleScope.coreStyleNames ?? Base).clearLoadedStyleNames();
 	constructor() {
+		this.styleScope.service.on("theme:change", this.clearCoreStyleNames);
 		effect(() => {
-			ThemeService.on("theme:change", (newTheme) => {
+			this.styleScope.service.on("theme:change", (newTheme) => {
 				untracked(() => {
 					this.isThemeChanged = true;
 					this.theme.set(newTheme);
@@ -31,48 +35,55 @@ var ThemeProvider = class ThemeProvider {
 		});
 	}
 	ngOnDestroy() {
+		this.styleScope.service.off("theme:change", this.clearCoreStyleNames);
+		if (this.styleScope.isolated) return;
+		Base.clearLoadedStyleNames();
 		Theme.clearLoadedStyleNames();
 		ThemeService.clear();
 	}
 	onThemeChange(value) {
-		Theme.setTheme(value);
+		this.styleScope.theme.setTheme(value);
 		if (this.document) this.loadCommonTheme();
 	}
 	loadCommonTheme() {
 		if (this.theme() === "none") return;
-		if (!Theme.isStyleNameLoaded("common")) {
+		if (!this.styleScope.theme.isStyleNameLoaded("common")) {
 			const { primitive, semantic, global, style } = this.baseStyle.getCommonTheme?.() || {};
 			const styleOptions = { nonce: this.csp?.()?.nonce };
 			this.baseStyle.load(primitive?.css, {
 				name: "primitive-variables",
 				variables: true,
+				raw: true,
 				...styleOptions
 			});
 			this.baseStyle.load(semantic?.css, {
 				name: "semantic-variables",
 				variables: true,
+				raw: true,
 				...styleOptions
 			});
 			this.baseStyle.load(global?.css, {
 				name: "global-variables",
 				variables: true,
+				raw: true,
 				...styleOptions
 			});
 			this.baseStyle.loadBaseStyle({
 				name: "global-style",
 				...styleOptions
 			}, style);
-			Theme.setLoadedStyleName("common");
+			this.styleScope.theme.setLoadedStyleName("common");
 		}
 	}
 	setThemeConfig(config) {
 		const { theme, csp } = config || {};
+		if (theme) this.styleScope.prime(theme);
 		if (theme) this.theme.set(theme);
 		if (csp) this.csp.set(csp);
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ThemeProvider,
 		deps: [],
@@ -80,7 +91,7 @@ var ThemeProvider = class ThemeProvider {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ThemeProvider,
 		providedIn: "root"
@@ -88,7 +99,7 @@ var ThemeProvider = class ThemeProvider {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ThemeProvider,
 	decorators: [{
@@ -303,6 +314,7 @@ var PrimeNG = class PrimeNG extends ThemeProvider {
 			collapse: "Collapse",
 			showFilterMenu: "Show Filter Menu",
 			hideFilterMenu: "Hide Filter Menu",
+			filter: "Filter",
 			filterOperator: "Filter Operator",
 			filterConstraint: "Filter Constraint",
 			editRow: "Row Edit",
@@ -366,7 +378,7 @@ var PrimeNG = class PrimeNG extends ThemeProvider {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: PrimeNG,
 		deps: null,
@@ -374,7 +386,7 @@ var PrimeNG = class PrimeNG extends ThemeProvider {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: PrimeNG,
 		providedIn: "root"
@@ -382,7 +394,7 @@ var PrimeNG = class PrimeNG extends ThemeProvider {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: PrimeNG,
 	decorators: [{
@@ -391,17 +403,20 @@ i0.ɵɵngDeclareClassMetadata({
 	}]
 });
 const PRIME_NG_CONFIG = new InjectionToken("PRIME_NG_CONFIG");
-const RELEASE_DATE = "2026-09-29";
+const RELEASE_DATE = "2026-10-20";
+const isFeature = (value) => Array.isArray(value?.ɵproviders);
 function providePrimeNG(...features) {
-	const providers = features?.map((feature) => ({
+	const configs = features.filter((feature) => !isFeature(feature));
+	const installed = features.filter(isFeature);
+	const providers = configs.map((feature) => ({
 		provide: PRIME_NG_CONFIG,
 		useValue: feature,
 		multi: false
 	}));
 	const initializer = provideAppInitializer(() => {
 		const PrimeNGConfig = inject(PrimeNG);
-		features?.forEach((feature) => PrimeNGConfig.setConfig(feature));
-		const license = features?.map((f) => f.license).find(Boolean);
+		configs.forEach((feature) => PrimeNGConfig.setConfig(feature));
+		const license = configs.map((f) => f.license).find(Boolean);
 		if (license) registerLicense({ primeui: license });
 		verifyLicense("primeui", { releaseDate: RELEASE_DATE }).then((result) => {
 			PrimeNGConfig._setVerified(result.valid);
@@ -411,8 +426,14 @@ function providePrimeNG(...features) {
 			}
 		});
 	});
-	return makeEnvironmentProviders([...providers, initializer]);
+	return makeEnvironmentProviders([
+		...providers,
+		...installed.flatMap((feature) => feature.ɵproviders),
+		initializer
+	]);
 }
-export { PRIME_NG_CONFIG, PrimeNG, ThemeProvider, providePrimeNG };
+function injectIsolation() {
+	return inject(StyleScope).isolation;
+}
+export { PRIME_NG_CONFIG, PrimeNG, ThemeProvider, injectIsolation, providePrimeNG };
 
-//# sourceMappingURL=primeng-config.mjs.map

package/fesm2022/primeng-confirmdialog.mjs

@@ -1,7 +1,7 @@
 import { NgTemplateOutlet } from "@angular/common";
 import * as i0 from "@angular/core";
 import { ChangeDetectionStrategy, Component, EventEmitter, Injectable, InjectionToken, NgModule, ViewEncapsulation, booleanAttribute, computed, contentChild, effect, inject, input, model, numberAttribute, output, signal } from "@angular/core";
-import { setAttribute, uuid } from "@primeuix/utils";
+import { setAttribute } from "@primeuix/utils";
 import { ConfirmEventType, ConfirmationService, Footer, SharedModule, TranslationKeys } from "primeng/api";
 import { BaseComponent, PARENT_INSTANCE } from "primeng/basecomponent";
 import * as i1 from "primeng/bind";
@@ -9,6 +9,7 @@ import { Bind } from "primeng/bind";
 import { ButtonDirective } from "primeng/button";
 import { AutoFocus } from "primeng/autofocus";
 import { Dialog } from "primeng/dialog";
+import { getShadowRoot } from "primeng/dom";
 import { style } from "@primeuix/styles/confirmdialog";
 import { BaseStyle } from "primeng/base";
 export * from "primeng/types/confirmdialog";
@@ -25,7 +26,7 @@ var ConfirmDialogStyle = class ConfirmDialogStyle extends BaseStyle {
 	classes = classes;
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ConfirmDialogStyle,
 		deps: null,
@@ -33,14 +34,14 @@ var ConfirmDialogStyle = class ConfirmDialogStyle extends BaseStyle {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ConfirmDialogStyle
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ConfirmDialogStyle,
 	decorators: [{ type: Injectable }]
@@ -200,7 +201,7 @@ var ConfirmDialog = class ConfirmDialog extends BaseComponent {
 	subscription;
 	preWidth;
 	styleElement = null;
-	id = uuid("pn_id_");
+	id = this.$useId.next("pn_id_");
 	ariaLabelledBy = this.getAriaLabelledBy();
 	translationSubscription;
 	confirmationService = inject(ConfirmationService);
@@ -235,7 +236,7 @@ var ConfirmDialog = class ConfirmDialog extends BaseComponent {
 		if (this.breakpoints()) this.createStyle();
 	}
 	getAriaLabelledBy() {
-		return this.option("header") ? uuid("pn_id_") + "_header" : null;
+		return this.option("header") ? this.$useId.next("pn_id_") + "_header" : null;
 	}
 	option(name, k) {
 		const confirmation = this.confirmation();
@@ -250,22 +251,30 @@ var ConfirmDialog = class ConfirmDialog extends BaseComponent {
 		return [this.cx(cx), this.option(opt)].filter(Boolean).join(" ");
 	}
 	createStyle() {
+		if (this.$styleScope.isolated) {
+			this.$isolatedStyle("breakpoints", this.psel(this.breakpointsCSS()));
+			return;
+		}
 		if (!this.styleElement) {
 			this.styleElement = this.document.createElement("style");
 			this.styleElement.type = "text/css";
 			setAttribute(this.styleElement, "nonce", this.config?.csp()?.nonce);
-			this.document.head.appendChild(this.styleElement);
-			let innerHTML = "";
-			for (let breakpoint in this.breakpoints) innerHTML += `
+			(getShadowRoot(this.$appendTo() === "self" ? this.el.nativeElement : this.$appendTo()) ?? this.document.head).appendChild(this.styleElement);
+			const innerHTML = this.breakpointsCSS();
+			this.styleElement.innerHTML = this.psel(innerHTML);
+			setAttribute(this.styleElement, "nonce", this.config?.csp()?.nonce);
+		}
+	}
+	breakpointsCSS() {
+		let innerHTML = "";
+		for (let breakpoint in this.breakpoints) innerHTML += `
                     @media screen and (max-width: ${breakpoint}) {
                         .p-dialog[${this.id}] {
                             width: ${this.breakpoints[breakpoint]} !important;
                         }
                     }
                 `;
-			this.styleElement.innerHTML = innerHTML;
-			setAttribute(this.styleElement, "nonce", this.config?.csp()?.nonce);
-		}
+		return innerHTML;
 	}
 	close() {
 		this.confirmation()?.rejectEvent?.emit(ConfirmEventType.CANCEL);
@@ -281,7 +290,7 @@ var ConfirmDialog = class ConfirmDialog extends BaseComponent {
 	}
 	destroyStyle() {
 		if (this.styleElement) {
-			this.document.head.removeChild(this.styleElement);
+			this.styleElement.remove();
 			this.styleElement = null;
 		}
 	}
@@ -321,7 +330,7 @@ var ConfirmDialog = class ConfirmDialog extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ConfirmDialog,
 		deps: [],
@@ -329,7 +338,7 @@ var ConfirmDialog = class ConfirmDialog extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: ConfirmDialog,
 		isStandalone: true,
 		selector: "p-confirmdialog, p-confirm-dialog",
@@ -865,7 +874,7 @@ var ConfirmDialog = class ConfirmDialog extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ConfirmDialog,
 	decorators: [{
@@ -1350,7 +1359,7 @@ i0.ɵɵngDeclareClassMetadata({
 var ConfirmDialogModule = class ConfirmDialogModule {
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ConfirmDialogModule,
 		deps: [],
@@ -1358,7 +1367,7 @@ var ConfirmDialogModule = class ConfirmDialogModule {
 	});
 	static ɵmod = i0.ɵɵngDeclareNgModule({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ConfirmDialogModule,
 		imports: [ConfirmDialog, SharedModule],
@@ -1366,7 +1375,7 @@ var ConfirmDialogModule = class ConfirmDialogModule {
 	});
 	static ɵinj = i0.ɵɵngDeclareInjector({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ConfirmDialogModule,
 		imports: [
@@ -1378,7 +1387,7 @@ var ConfirmDialogModule = class ConfirmDialogModule {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ConfirmDialogModule,
 	decorators: [{
@@ -1391,4 +1400,3 @@ i0.ɵɵngDeclareClassMetadata({
 });
 export { ConfirmDialog, ConfirmDialogClasses, ConfirmDialogModule, ConfirmDialogStyle };
 
-//# sourceMappingURL=primeng-confirmdialog.mjs.map

package/fesm2022/primeng-confirmpopup.mjs

@@ -9,7 +9,7 @@ import { Bind } from "primeng/bind";
 import * as i2 from "primeng/button";
 import { ButtonModule } from "primeng/button";
 import { AutoFocus } from "primeng/autofocus";
-import { ConnectedOverlayScrollHandler } from "primeng/dom";
+import { ConnectedOverlayScrollHandler, getEventTarget } from "primeng/dom";
 import { FocusTrap } from "primeng/focustrap";
 import * as i3 from "primeng/motion";
 import { MotionModule } from "primeng/motion";
@@ -20,7 +20,7 @@ export * from "primeng/types/confirmpopup";
 const classes = {
 	root: () => ["p-confirmpopup p-component"],
 	content: "p-confirmpopup-content",
-	icon: ({ instance }) => ["p-confirmpopup-icon", instance.confirmation()?.icon],
+	icon: "p-confirmpopup-icon",
 	message: "p-confirmpopup-message",
 	footer: "p-confirmpopup-footer",
 	pcRejectButton: "p-confirmpopup-reject-button",
@@ -32,7 +32,7 @@ var ConfirmPopupStyle = class ConfirmPopupStyle extends BaseStyle {
 	classes = classes;
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ConfirmPopupStyle,
 		deps: null,
@@ -40,14 +40,14 @@ var ConfirmPopupStyle = class ConfirmPopupStyle extends BaseStyle {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ConfirmPopupStyle
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ConfirmPopupStyle,
 	decorators: [{ type: Injectable }]
@@ -224,13 +224,13 @@ var ConfirmPopup = class ConfirmPopup extends BaseComponent {
 		if (this.container) this.container.style.setProperty("--p-confirmpopup-arrow-left", `${arrowLeft}px`);
 		if (containerOffset && targetOffset && containerOffset.top < targetOffset.top) {
 			this.container.setAttribute("data-p-confirmpopup-flipped", "true");
-			if (!this.$unstyled()) addClass(this.container, "p-confirmpopup-flipped");
+			if (!this.$unstyled()) addClass(this.container, this.pcn("p-confirmpopup-flipped"));
 		}
 	}
 	appendOverlay() {
 		if (this.$appendTo() && this.$appendTo() !== "self") {
-			if (this.$appendTo() === "body") appendChild(this.document.body, this.container);
-			else appendChild(this.$appendTo(), this.container);
+			if (this.$appendTo() === "body") appendChild(this.$overlayParent(this.document.body, this.container), this.container);
+			else appendChild(this.$overlayParent(this.$appendTo(), this.container), this.container);
 		}
 	}
 	restoreAppend() {
@@ -276,7 +276,9 @@ var ConfirmPopup = class ConfirmPopup extends BaseComponent {
 				const confirmation = this.confirmation();
 				if (confirmation && confirmation.dismissableMask !== false) {
 					let targetElement = confirmation.target;
-					if (this.container !== event.target && !this.container?.contains(event.target) && targetElement !== event.target && !targetElement.contains(event.target)) this.hide();
+					const node = getEventTarget(event, this.container);
+					const targetNode = getEventTarget(event, targetElement);
+					if (this.container !== node && !this.container?.contains(node) && targetElement !== targetNode && !targetElement.contains(targetNode)) this.hide();
 				}
 			});
 		}
@@ -371,7 +373,7 @@ var ConfirmPopup = class ConfirmPopup extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ConfirmPopup,
 		deps: [],
@@ -379,7 +381,7 @@ var ConfirmPopup = class ConfirmPopup extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: ConfirmPopup,
 		isStandalone: true,
 		selector: "p-confirmpopup",
@@ -509,7 +511,7 @@ var ConfirmPopup = class ConfirmPopup extends BaseComponent {
             <div
                 [pMotion]="computedVisible()"
                 [pMotionAppear]="true"
-                [pMotionName]="'p-anchored-overlay'"
+                [pMotionName]="pcn('p-anchored-overlay')"
                 [pMotionOptions]="computedMotionOptions()"
                 (pMotionOnBeforeEnter)="onBeforeEnter($event)"
                 (pMotionOnAfterLeave)="onAfterLeave()"
@@ -528,7 +530,7 @@ var ConfirmPopup = class ConfirmPopup extends BaseComponent {
                             <ng-container *ngTemplateOutlet="contentTemplate(); context: contentContext()"></ng-container>
                         } @else {
                             @if (hasIcon) {
-                                <i [pBind]="ptm('icon')" [class]="cx('icon')"></i>
+                                <i [pBind]="ptm('icon')" [class]="cn(cx('icon'), confirmation()?.icon)"></i>
                             }
                             <span [pBind]="ptm('message')" [class]="cx('message')">{{ message }}</span>
                         }
@@ -686,7 +688,7 @@ var ConfirmPopup = class ConfirmPopup extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ConfirmPopup,
 	decorators: [{
@@ -720,7 +722,7 @@ i0.ɵɵngDeclareClassMetadata({
             <div
                 [pMotion]="computedVisible()"
                 [pMotionAppear]="true"
-                [pMotionName]="'p-anchored-overlay'"
+                [pMotionName]="pcn('p-anchored-overlay')"
                 [pMotionOptions]="computedMotionOptions()"
                 (pMotionOnBeforeEnter)="onBeforeEnter($event)"
                 (pMotionOnAfterLeave)="onAfterLeave()"
@@ -739,7 +741,7 @@ i0.ɵɵngDeclareClassMetadata({
                             <ng-container *ngTemplateOutlet="contentTemplate(); context: contentContext()"></ng-container>
                         } @else {
                             @if (hasIcon) {
-                                <i [pBind]="ptm('icon')" [class]="cx('icon')"></i>
+                                <i [pBind]="ptm('icon')" [class]="cn(cx('icon'), confirmation()?.icon)"></i>
                             }
                             <span [pBind]="ptm('message')" [class]="cx('message')">{{ message }}</span>
                         }
@@ -920,7 +922,7 @@ i0.ɵɵngDeclareClassMetadata({
 var ConfirmPopupModule = class ConfirmPopupModule {
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ConfirmPopupModule,
 		deps: [],
@@ -928,7 +930,7 @@ var ConfirmPopupModule = class ConfirmPopupModule {
 	});
 	static ɵmod = i0.ɵɵngDeclareNgModule({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ConfirmPopupModule,
 		imports: [ConfirmPopup, SharedModule],
@@ -936,7 +938,7 @@ var ConfirmPopupModule = class ConfirmPopupModule {
 	});
 	static ɵinj = i0.ɵɵngDeclareInjector({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ConfirmPopupModule,
 		imports: [
@@ -948,7 +950,7 @@ var ConfirmPopupModule = class ConfirmPopupModule {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ConfirmPopupModule,
 	decorators: [{
@@ -961,4 +963,3 @@ i0.ɵɵngDeclareClassMetadata({
 });
 export { ConfirmPopup, ConfirmPopupClasses, ConfirmPopupModule, ConfirmPopupStyle };
 
-//# sourceMappingURL=primeng-confirmpopup.mjs.map