primeng 22.1.2 → 22.1.3

package/fesm2022/primeng-menu.mjs

@@ -1,12 +1,12 @@
 import { NgTemplateOutlet, isPlatformBrowser } from "@angular/common";
 import * as i0 from "@angular/core";
 import { ChangeDetectionStrategy, Component, Injectable, InjectionToken, NgModule, PLATFORM_ID, Pipe, ViewEncapsulation, booleanAttribute, computed, contentChild, inject, input, model, numberAttribute, output, signal, viewChild } from "@angular/core";
-import { absolutePosition, addStyle, appendChild, find, findSingle, focus, isTouchDevice, uuid } from "@primeuix/utils";
+import { absolutePosition, addStyle, appendChild, find, findSingle, focus, isTouchDevice } from "@primeuix/utils";
 import { OverlayService, SharedModule } from "primeng/api";
 import { BaseComponent, PARENT_INSTANCE } from "primeng/basecomponent";
 import * as i2$1 from "primeng/bind";
 import { Bind, BindModule } from "primeng/bind";
-import { ConnectedOverlayScrollHandler } from "primeng/dom";
+import { ConnectedOverlayScrollHandler, getEventTarget } from "primeng/dom";
 import * as i3 from "primeng/motion";
 import { MotionModule } from "primeng/motion";
 import * as i2 from "primeng/tooltip";
@@ -34,22 +34,14 @@ const classes = {
 	submenuList: "p-menu-submenu-list",
 	separator: "p-menu-separator",
 	end: "p-menu-end",
-	item: ({ instance, item, id, toggleable }) => [
-		"p-menu-item",
-		{
-			"p-menu-item-toggleable": toggleable,
-			"p-focus": instance.focusedOptionId() && id === instance.focusedOptionId(),
-			"p-disabled": instance.disabled(item.disabled)
-		},
-		item.styleClass
-	],
+	item: ({ instance, item, id, toggleable }) => ["p-menu-item", {
+		"p-menu-item-toggleable": toggleable,
+		"p-focus": instance.focusedOptionId() && id === instance.focusedOptionId(),
+		"p-disabled": instance.disabled(item.disabled)
+	}],
 	itemContent: "p-menu-item-content",
 	itemLink: "p-menu-item-link",
-	itemIcon: ({ item }) => [
-		"p-menu-item-icon",
-		item.icon,
-		item.iconClass
-	],
+	itemIcon: "p-menu-item-icon",
 	itemLabel: "p-menu-item-label",
 	itemSubmenuIcon: "p-menu-item-submenu-icon"
 };
@@ -60,7 +52,7 @@ var MenuStyle = class MenuStyle extends BaseStyle {
 	inlineStyles = inlineStyles;
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: MenuStyle,
 		deps: null,
@@ -68,14 +60,14 @@ var MenuStyle = class MenuStyle extends BaseStyle {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: MenuStyle
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: MenuStyle,
 	decorators: [{ type: Injectable }]
@@ -106,7 +98,7 @@ var SafeHtmlPipe = class SafeHtmlPipe {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: SafeHtmlPipe,
 		deps: [],
@@ -114,7 +106,7 @@ var SafeHtmlPipe = class SafeHtmlPipe {
 	});
 	static ɵpipe = i0.ɵɵngDeclarePipe({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: SafeHtmlPipe,
 		isStandalone: true,
@@ -123,7 +115,7 @@ var SafeHtmlPipe = class SafeHtmlPipe {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: SafeHtmlPipe,
 	decorators: [{
@@ -180,7 +172,7 @@ var MenuItemContent = class MenuItemContent extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: MenuItemContent,
 		deps: null,
@@ -188,7 +180,7 @@ var MenuItemContent = class MenuItemContent extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: MenuItemContent,
 		isStandalone: true,
 		selector: "[pMenuItemContent]",
@@ -304,7 +296,7 @@ var MenuItemContent = class MenuItemContent extends BaseComponent {
 
             <ng-template #itemContent>
                 @if (_item?.icon) {
-                    <span [class]="cn(cx('itemIcon', { item: _item }), _item?.iconClass)" [pBind]="getPTOptions('itemIcon')" [style]="_item?.iconStyle" [attr.data-pc-section]="'itemicon'"></span>
+                    <span [class]="cn(cx('itemIcon'), _item?.icon, _item?.iconClass)" [pBind]="getPTOptions('itemIcon')" [style]="_item?.iconStyle" [attr.data-pc-section]="'itemicon'"></span>
                 }
                 @if (_item?.escape !== false) {
                     <span [class]="cn(cx('itemLabel'), _item?.labelClass)" [style]="_item?.labelStyle" [pBind]="getPTOptions('itemLabel')" [attr.data-pc-section]="'itemlabel'">{{ _item?.label }}</span>
@@ -427,7 +419,7 @@ var MenuItemContent = class MenuItemContent extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: MenuItemContent,
 	decorators: [{
@@ -496,7 +488,7 @@ i0.ɵɵngDeclareClassMetadata({
 
             <ng-template #itemContent>
                 @if (_item?.icon) {
-                    <span [class]="cn(cx('itemIcon', { item: _item }), _item?.iconClass)" [pBind]="getPTOptions('itemIcon')" [style]="_item?.iconStyle" [attr.data-pc-section]="'itemicon'"></span>
+                    <span [class]="cn(cx('itemIcon'), _item?.icon, _item?.iconClass)" [pBind]="getPTOptions('itemIcon')" [style]="_item?.iconStyle" [attr.data-pc-section]="'itemicon'"></span>
                 }
                 @if (_item?.escape !== false) {
                     <span [class]="cn(cx('itemLabel'), _item?.labelClass)" [style]="_item?.labelStyle" [pBind]="getPTOptions('itemLabel')" [attr.data-pc-section]="'itemlabel'">{{ _item?.label }}</span>
@@ -645,7 +637,7 @@ var Menu = class Menu extends BaseComponent {
 	});
 	listViewChild = viewChild("list", ...ngDevMode ? [{ debugName: "listViewChild" }] : /* istanbul ignore next */ []);
 	containerViewChild = viewChild("container", ...ngDevMode ? [{ debugName: "containerViewChild" }] : /* istanbul ignore next */ []);
-	_internalId = uuid("pn_id_");
+	_internalId = this.$useId.next("pn_id_");
 	$id = computed(() => this.id() || this._internalId, ...ngDevMode ? [{ debugName: "$id" }] : /* istanbul ignore next */ []);
 	$appendTo = computed(() => this.appendTo() || this.config.overlayAppendTo(), ...ngDevMode ? [{ debugName: "$appendTo" }] : /* istanbul ignore next */ []);
 	computedMotionOptions = computed(() => ({
@@ -714,7 +706,7 @@ var Menu = class Menu extends BaseComponent {
 			});
 			this.appendOverlay();
 			this.moveOnTop();
-			if (this.$attrSelector) this.container?.setAttribute(this.$attrSelector, "");
+			if (this.$attrSelector) this.$markInstance(this.container);
 			this.bindDocumentClickListener();
 			this.bindDocumentResizeListener();
 			this.bindScrollListener();
@@ -731,8 +723,8 @@ var Menu = class Menu extends BaseComponent {
 	}
 	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);
 		}
 	}
 	restoreOverlayAppend() {
@@ -906,8 +898,10 @@ var Menu = class Menu extends BaseComponent {
 		if (!this.documentClickListener && isPlatformBrowser(this.platformId)) {
 			const documentTarget = this.el ? this.el.nativeElement.ownerDocument : this.document;
 			this.documentClickListener = this.renderer.listen(documentTarget, "click", (event) => {
-				const isOutsideContainer = this.containerViewChild()?.nativeElement && !this.containerViewChild()?.nativeElement.contains(event.target);
-				const isOutsideTarget = !(this.target && (this.target === event.target || this.target.contains(event.target)));
+				const container = this.containerViewChild()?.nativeElement;
+				const node = getEventTarget(event, this.target);
+				const isOutsideContainer = container && !container.contains(getEventTarget(event, container));
+				const isOutsideTarget = !(this.target && (this.target === node || this.target.contains(node)));
 				if (!this.popup() && isOutsideContainer && isOutsideTarget) this.onListBlur(event);
 				if (this.preventDocumentDefault && this.overlayVisible() && isOutsideContainer && isOutsideTarget) {
 					this.hide();
@@ -1018,7 +1012,7 @@ var Menu = class Menu extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: Menu,
 		deps: null,
@@ -1026,7 +1020,7 @@ var Menu = class Menu extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: Menu,
 		isStandalone: true,
 		selector: "p-menu",
@@ -1200,7 +1194,7 @@ var Menu = class Menu extends BaseComponent {
                 [pBind]="ptm('root')"
                 [attr.data-p]="dataP()"
                 [pMotion]="visible() || !popup()"
-                [pMotionName]="'p-anchored-overlay'"
+                [pMotionName]="pcn('p-anchored-overlay')"
                 [pMotionAppear]="!!popup()"
                 [pMotionDisabled]="!popup()"
                 [pMotionOptions]="computedMotionOptions()"
@@ -1432,7 +1426,7 @@ var Menu = class Menu extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: Menu,
 	decorators: [{
@@ -1460,7 +1454,7 @@ i0.ɵɵngDeclareClassMetadata({
                 [pBind]="ptm('root')"
                 [attr.data-p]="dataP()"
                 [pMotion]="visible() || !popup()"
-                [pMotionName]="'p-anchored-overlay'"
+                [pMotionName]="pcn('p-anchored-overlay')"
                 [pMotionAppear]="!!popup()"
                 [pMotionDisabled]="!popup()"
                 [pMotionOptions]="computedMotionOptions()"
@@ -1756,7 +1750,7 @@ i0.ɵɵngDeclareClassMetadata({
 var MenuModule = class MenuModule {
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: MenuModule,
 		deps: [],
@@ -1764,7 +1758,7 @@ var MenuModule = class MenuModule {
 	});
 	static ɵmod = i0.ɵɵngDeclareNgModule({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: MenuModule,
 		imports: [
@@ -1780,7 +1774,7 @@ var MenuModule = class MenuModule {
 	});
 	static ɵinj = i0.ɵɵngDeclareInjector({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: MenuModule,
 		imports: [
@@ -1792,7 +1786,7 @@ var MenuModule = class MenuModule {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: MenuModule,
 	decorators: [{
@@ -1813,4 +1807,3 @@ i0.ɵɵngDeclareClassMetadata({
 });
 export { Menu, MenuClasses, MenuItemContent, MenuModule, MenuStyle, SafeHtmlPipe };
 
-//# sourceMappingURL=primeng-menu.mjs.map

package/fesm2022/primeng-menubar.mjs

@@ -1,13 +1,14 @@
 import { NgTemplateOutlet, isPlatformBrowser } from "@angular/common";
 import * as i0 from "@angular/core";
 import { ChangeDetectionStrategy, Component, Injectable, InjectionToken, NgModule, ViewEncapsulation, booleanAttribute, computed, contentChild, effect, inject, input, numberAttribute, output, signal, viewChild } from "@angular/core";
-import { findLastIndex, findSingle, focus, isEmpty, isNotEmpty, isPrintableCharacter, isTouchDevice, resolve, uuid } from "@primeuix/utils";
+import { findLastIndex, findSingle, focus, getActiveElement, isEmpty, isNotEmpty, isPrintableCharacter, isTouchDevice, resolve } from "@primeuix/utils";
 import { SharedModule } from "primeng/api";
 import { BaseComponent, PARENT_INSTANCE } from "primeng/basecomponent";
 import * as i3 from "primeng/bind";
 import { Bind, BindModule } from "primeng/bind";
 import { Bars } from "@primeicons/angular/bars";
 import { ZIndexUtils } from "primeng/utils";
+import { getEventTarget } from "primeng/dom";
 import * as i1 from "@angular/router";
 import { RouterModule } from "@angular/router";
 import * as i4 from "primeng/badge";
@@ -31,7 +32,7 @@ var MenubarService = class MenubarService {
 	mouseLeft$ = this.mouseLeaves.pipe(debounce(() => interval(this.autoHideDelay)), filter((mouseLeft) => this.autoHide && mouseLeft));
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: MenubarService,
 		deps: [],
@@ -39,14 +40,14 @@ var MenubarService = class MenubarService {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: MenubarService
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: MenubarService,
 	decorators: [{ type: Injectable }]
@@ -86,7 +87,7 @@ var MenuBarStyle = class MenuBarStyle extends BaseStyle {
 	classes = classes;
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: MenuBarStyle,
 		deps: null,
@@ -94,14 +95,14 @@ var MenuBarStyle = class MenuBarStyle extends BaseStyle {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: MenuBarStyle
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: MenuBarStyle,
 	decorators: [{ type: Injectable }]
@@ -254,7 +255,7 @@ var MenubarSub = class MenubarSub extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: MenubarSub,
 		deps: null,
@@ -262,7 +263,7 @@ var MenubarSub = class MenubarSub extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: MenubarSub,
 		isStandalone: true,
 		selector: "p-menubarsub, [pMenubarSub]",
@@ -553,7 +554,7 @@ var MenubarSub = class MenubarSub extends BaseComponent {
                             (itemMouseEnter)="onItemMouseEnter($event)"
                             [pMotion]="isItemActive(processedItem)"
                             [pMotionDisabled]="mobileActive()"
-                            [pMotionName]="'p-anchored-overlay'"
+                            [pMotionName]="pcn('p-anchored-overlay')"
                             [pMotionAppear]="true"
                             [pMotionOptions]="motionOptions()"
                             [motionOptions]="motionOptions()"
@@ -765,7 +766,7 @@ var MenubarSub = class MenubarSub extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: MenubarSub,
 	decorators: [{
@@ -942,7 +943,7 @@ i0.ɵɵngDeclareClassMetadata({
                             (itemMouseEnter)="onItemMouseEnter($event)"
                             [pMotion]="isItemActive(processedItem)"
                             [pMotionDisabled]="mobileActive()"
-                            [pMotionName]="'p-anchored-overlay'"
+                            [pMotionName]="pcn('p-anchored-overlay')"
                             [pMotionAppear]="true"
                             [pMotionOptions]="motionOptions()"
                             [motionOptions]="motionOptions()"
@@ -1176,7 +1177,7 @@ var Menubar = class Menubar extends BaseComponent {
 	});
 	menubutton = viewChild("menubutton", ...ngDevMode ? [{ debugName: "menubutton" }] : /* istanbul ignore next */ []);
 	rootmenu = viewChild("rootmenu", ...ngDevMode ? [{ debugName: "rootmenu" }] : /* istanbul ignore next */ []);
-	_internalId = uuid("pn_id_");
+	_internalId = this.$useId.next("pn_id_");
 	$id = computed(() => this.id() || this._internalId, ...ngDevMode ? [{ debugName: "$id" }] : /* istanbul ignore next */ []);
 	computedMotionOptions = computed(() => ({
 		...this.ptm("motion"),
@@ -1425,7 +1426,7 @@ var Menubar = class Menubar extends BaseComponent {
 		const relatedTarget = event.relatedTarget;
 		if (relatedTarget && this.el.nativeElement.contains(relatedTarget)) return;
 		setTimeout(() => {
-			const activeElement = this.document.activeElement;
+			const activeElement = getActiveElement(this.el.nativeElement);
 			if (activeElement && this.el.nativeElement.contains(activeElement)) return;
 			this.focused = false;
 			this.focusedItemInfo.set({
@@ -1702,8 +1703,10 @@ var Menubar = class Menubar extends BaseComponent {
 			if (!this.outsideClickListener) this.outsideClickListener = this.renderer.listen(this.document, "click", (event) => {
 				const rootEl = this.rootmenu()?.el.nativeElement;
 				const buttonEl = this.menubutton()?.nativeElement;
-				const isOutsideContainer = rootEl !== event.target && !rootEl?.contains(event.target);
-				const isOutsideMenuButton = this.mobileActive && buttonEl !== event.target && !buttonEl?.contains(event.target);
+				const node = getEventTarget(event, rootEl);
+				const buttonNode = getEventTarget(event, buttonEl);
+				const isOutsideContainer = rootEl !== node && !rootEl?.contains(node);
+				const isOutsideMenuButton = this.mobileActive && buttonEl !== buttonNode && !buttonEl?.contains(buttonNode);
 				if (isOutsideContainer) {
 					if (isOutsideMenuButton) this.mobileActive = false;
 					else this.hide();
@@ -1731,7 +1734,7 @@ var Menubar = class Menubar extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: Menubar,
 		deps: [],
@@ -1739,7 +1742,7 @@ var Menubar = class Menubar extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: Menubar,
 		isStandalone: true,
 		selector: "p-menubar",
@@ -2020,7 +2023,7 @@ var Menubar = class Menubar extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: Menubar,
 	decorators: [{
@@ -2264,7 +2267,7 @@ i0.ɵɵngDeclareClassMetadata({
 var MenubarModule = class MenubarModule {
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: MenubarModule,
 		deps: [],
@@ -2272,7 +2275,7 @@ var MenubarModule = class MenubarModule {
 	});
 	static ɵmod = i0.ɵɵngDeclareNgModule({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: MenubarModule,
 		imports: [Menubar, SharedModule],
@@ -2280,7 +2283,7 @@ var MenubarModule = class MenubarModule {
 	});
 	static ɵinj = i0.ɵɵngDeclareInjector({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: MenubarModule,
 		imports: [
@@ -2292,7 +2295,7 @@ var MenubarModule = class MenubarModule {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: MenubarModule,
 	decorators: [{
@@ -2305,4 +2308,3 @@ i0.ɵɵngDeclareClassMetadata({
 });
 export { MenuBarStyle, Menubar, MenubarClasses, MenubarModule };
 
-//# sourceMappingURL=primeng-menubar.mjs.map

package/fesm2022/primeng-message.mjs

@@ -37,7 +37,7 @@ var MessageStyle = class MessageStyle extends BaseStyle {
 	classes = classes;
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: MessageStyle,
 		deps: null,
@@ -45,14 +45,14 @@ var MessageStyle = class MessageStyle extends BaseStyle {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: MessageStyle
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: MessageStyle,
 	decorators: [{ type: Injectable }]
@@ -135,7 +135,7 @@ var Message = class Message extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: Message,
 		deps: null,
@@ -143,7 +143,7 @@ var Message = class Message extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: Message,
 		isStandalone: true,
 		selector: "p-message",
@@ -213,10 +213,9 @@ var Message = class Message extends BaseComponent {
 			},
 			properties: {
 				"attr.data-p": "dataP()",
-				"class": "cx('root')",
-				"animate.enter": "\"p-message-enter-active\"",
-				"animate.leave": "\"p-message-leave-active\"",
-				"class.p-message-leave-active": "!visible()"
+				"class": "cn(cx('root'), !visible() ? pcn('p-message-leave-active') : undefined)",
+				"animate.enter": "pcn('p-message-enter-active')",
+				"animate.leave": "pcn('p-message-leave-active')"
 			}
 		},
 		providers: [
@@ -327,7 +326,7 @@ var Message = class Message extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: Message,
 	decorators: [{
@@ -392,10 +391,9 @@ i0.ɵɵngDeclareClassMetadata({
 				"[attr.data-p]": "dataP()",
 				role: "alert",
 				"aria-live": "polite",
-				"[class]": "cx('root')",
-				"[animate.enter]": "\"p-message-enter-active\"",
-				"[animate.leave]": "\"p-message-leave-active\"",
-				"[class.p-message-leave-active]": "!visible()"
+				"[class]": "cn(cx('root'), !visible() ? pcn('p-message-leave-active') : undefined)",
+				"[animate.enter]": "pcn('p-message-enter-active')",
+				"[animate.leave]": "pcn('p-message-leave-active')"
 			}
 		}]
 	}],
@@ -494,7 +492,7 @@ i0.ɵɵngDeclareClassMetadata({
 var MessageModule = class MessageModule {
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: MessageModule,
 		deps: [],
@@ -502,7 +500,7 @@ var MessageModule = class MessageModule {
 	});
 	static ɵmod = i0.ɵɵngDeclareNgModule({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: MessageModule,
 		imports: [Message, SharedModule],
@@ -510,7 +508,7 @@ var MessageModule = class MessageModule {
 	});
 	static ɵinj = i0.ɵɵngDeclareInjector({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: MessageModule,
 		imports: [
@@ -522,7 +520,7 @@ var MessageModule = class MessageModule {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: MessageModule,
 	decorators: [{
@@ -535,4 +533,3 @@ i0.ɵɵngDeclareClassMetadata({
 });
 export { Message, MessageClasses, MessageModule, MessageStyle };
 
-//# sourceMappingURL=primeng-message.mjs.map