primeng 22.1.2 → 22.1.3

package/fesm2022/primeng-listbox.mjs

@@ -9,7 +9,7 @@ import { FormsModule, NG_VALUE_ACCESSOR } from "@angular/forms";
 import { Blank } from "@primeicons/angular/blank";
 import { Check } from "@primeicons/angular/check";
 import { Search } from "@primeicons/angular/search";
-import { equals, findLastIndex, findSingle, focus, getFirstFocusableElement, isEmpty, isFunction, isNotEmpty, isPrintableCharacter, resolveFieldData, uuid } from "@primeuix/utils";
+import { equals, findLastIndex, findSingle, focus, getFirstFocusableElement, isEmpty, isFunction, isNotEmpty, isPrintableCharacter, resolveFieldData } from "@primeuix/utils";
 import { FilterService, Footer, Header, SharedModule } from "primeng/api";
 import { PARENT_INSTANCE } from "primeng/basecomponent";
 import { BaseEditableHolder } from "primeng/baseeditableholder";
@@ -122,7 +122,7 @@ var ListBoxStyle = class ListBoxStyle extends BaseStyle {
 	classes = classes;
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ListBoxStyle,
 		deps: null,
@@ -130,14 +130,14 @@ var ListBoxStyle = class ListBoxStyle extends BaseStyle {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ListBoxStyle
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ListBoxStyle,
 	decorators: [{ type: Injectable }]
@@ -366,7 +366,7 @@ var Listbox = class Listbox extends BaseEditableHolder {
 	isDragging = signal(false, ...ngDevMode ? [{ debugName: "isDragging" }] : /* istanbul ignore next */ []);
 	searchValue;
 	searchTimeout;
-	_internalId = uuid("pn_id_");
+	_internalId = this.$useId.next("pn_id_");
 	$id = computed(() => this.id() || this._internalId, ...ngDevMode ? [{ debugName: "$id" }] : /* istanbul ignore next */ []);
 	$tabindex = computed(() => this.tabindex() ?? 0, ...ngDevMode ? [{ debugName: "$tabindex" }] : /* istanbul ignore next */ []);
 	hiddenFocusableTabindex = computed(() => !this.$disabled() ? this.$tabindex() : -1, ...ngDevMode ? [{ debugName: "hiddenFocusableTabindex" }] : /* istanbul ignore next */ []);
@@ -438,6 +438,7 @@ var Listbox = class Listbox extends BaseEditableHolder {
 	}, ...ngDevMode ? [{ debugName: "emptySelectionMessageText" }] : /* istanbul ignore next */ []);
 	selectedMessageText = computed(() => this.hasSelectedOption() ? this.selectionMessageText().replaceAll("{0}", this.multiple() ? String(this.modelValue().length) : "1") : this.emptySelectionMessageText(), ...ngDevMode ? [{ debugName: "selectedMessageText" }] : /* istanbul ignore next */ []);
 	ariaSetSize = computed(() => this.visibleOptions().filter((option) => !this.isOptionGroup(option)).length, ...ngDevMode ? [{ debugName: "ariaSetSize" }] : /* istanbul ignore next */ []);
+	$ariaReadonly = computed(() => this.readonly() || void 0, ...ngDevMode ? [{ debugName: "$ariaReadonly" }] : /* istanbul ignore next */ []);
 	virtualScrollerDisabled = computed(() => !this.virtualScroll(), ...ngDevMode ? [{ debugName: "virtualScrollerDisabled" }] : /* istanbul ignore next */ []);
 	searchFields = computed(() => this.filterBy()?.split(",") || this.filterFields() || [this.optionLabel()], ...ngDevMode ? [{ debugName: "searchFields" }] : /* istanbul ignore next */ []);
 	toggleAllAriaLabel = computed(() => {
@@ -551,6 +552,7 @@ var Listbox = class Listbox extends BaseEditableHolder {
 		if (valueChanged) this.updateModel(value, event);
 	}
 	onOptionSelectRange(event, start = -1, end = -1) {
+		if (this.$disabled() || this.readonly()) return;
 		if (start === -1) start = this.findNearestSelectedOptionIndex(end, true);
 		if (end === -1) end = this.findNearestSelectedOptionIndex(start);
 		if (start !== -1 && end !== -1) {
@@ -703,8 +705,10 @@ var Listbox = class Listbox extends BaseEditableHolder {
 				break;
 			default:
 				if (this.multiple() && event.code === "KeyA" && metaKey) {
-					const value = this.visibleOptions().filter((option) => this.isValidOption(option)).map((option) => this.getOptionValue(option));
-					this.updateModel(value, event);
+					if (!this.readonly()) {
+						const value = this.visibleOptions().filter((option) => this.isValidOption(option)).map((option) => this.getOptionValue(option));
+						this.updateModel(value, event);
+					}
 					event.preventDefault();
 					break;
 				}
@@ -1066,7 +1070,7 @@ var Listbox = class Listbox extends BaseEditableHolder {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: Listbox,
 		deps: [],
@@ -1074,7 +1078,7 @@ var Listbox = class Listbox extends BaseEditableHolder {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: Listbox,
 		isStandalone: true,
 		selector: "p-listbox, p-list-box",
@@ -1596,7 +1600,7 @@ var Listbox = class Listbox extends BaseEditableHolder {
         <span
             #firstHiddenFocusableElement
             role="presentation"
-            class="p-hidden-accessible p-hidden-focusable"
+            [class]="pcn('p-hidden-accessible p-hidden-focusable')"
             [tabindex]="hiddenFocusableTabindex()"
             (focus)="onFirstHiddenFocus($event)"
             [attr.data-p-hidden-focusable]="true"
@@ -1668,7 +1672,7 @@ var Listbox = class Listbox extends BaseEditableHolder {
                             </p-inputicon>
                         </p-iconfield>
                     }
-                    <span role="status" [pBind]="ptm('hiddenFilterResult')" [attr.aria-live]="'polite'" class="p-hidden-accessible" [attr.data-p-hidden-accessible]="true">
+                    <span role="status" [pBind]="ptm('hiddenFilterResult')" [attr.aria-live]="'polite'" [class]="pcn('p-hidden-accessible')" [attr.data-p-hidden-accessible]="true">
                         {{ filterResultMessageText() }}
                     </span>
                 }
@@ -1741,6 +1745,7 @@ var Listbox = class Listbox extends BaseEditableHolder {
                         [attr.aria-activedescendant]="ariaActiveDescendant()"
                         [attr.aria-label]="ariaLabel()"
                         [attr.aria-disabled]="$disabled()"
+                        [attr.aria-readonly]="$ariaReadonly()"
                         (focus)="onListFocus($event)"
                         (blur)="onListBlur($event)"
                         (keydown)="onListKeyDown($event)"
@@ -1827,8 +1832,7 @@ var Listbox = class Listbox extends BaseEditableHolder {
                                     }
                                     <ng-container *ngTemplateOutlet="itemTemplate(); context: getItemTemplateContext(option, i, scrollerOptions)"></ng-container>
                                     @if (isMultiDrag(option)) {
-                                        <!-- Mirrors the listbox DOM (root > list > option) so the theme's
-                                             scoped option styles apply to the body-appended CDK preview. -->
+                                        <!-- Mirrors the listbox DOM so scoped option styles apply to the body-appended CDK preview. -->
                                         <ng-template cdkDragPreview>
                                             <div [class]="cx('dragPreview')" [pBind]="ptm('dragPreview')">
                                                 <ul [class]="cx('list')">
@@ -1859,17 +1863,17 @@ var Listbox = class Listbox extends BaseEditableHolder {
             <ng-container *ngTemplateOutlet="footerTemplate(); context: footerTemplateContext()"></ng-container>
         }
         @if (isEmpty()) {
-            <span role="status" aria-live="polite" class="p-hidden-accessible" [pBind]="ptm('hiddenEmptyMessage')">
+            <span role="status" aria-live="polite" [class]="pcn('p-hidden-accessible')" [pBind]="ptm('hiddenEmptyMessage')">
                 {{ emptyMessage() }}
             </span>
         }
-        <span role="status" aria-live="polite" class="p-hidden-accessible" [pBind]="ptm('hiddenSelectedMessage')">
+        <span role="status" aria-live="polite" [class]="pcn('p-hidden-accessible')" [pBind]="ptm('hiddenSelectedMessage')">
             {{ selectedMessageText() }}
         </span>
         <span
             #lastHiddenFocusableElement
             role="presentation"
-            class="p-hidden-accessible p-hidden-focusable"
+            [class]="pcn('p-hidden-accessible p-hidden-focusable')"
             [tabindex]="hiddenFocusableTabindex()"
             (focus)="onLastHiddenFocus($event)"
             [attr.data-p-hidden-focusable]="true"
@@ -2110,7 +2114,7 @@ var Listbox = class Listbox extends BaseEditableHolder {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: Listbox,
 	decorators: [{
@@ -2138,7 +2142,7 @@ i0.ɵɵngDeclareClassMetadata({
         <span
             #firstHiddenFocusableElement
             role="presentation"
-            class="p-hidden-accessible p-hidden-focusable"
+            [class]="pcn('p-hidden-accessible p-hidden-focusable')"
             [tabindex]="hiddenFocusableTabindex()"
             (focus)="onFirstHiddenFocus($event)"
             [attr.data-p-hidden-focusable]="true"
@@ -2210,7 +2214,7 @@ i0.ɵɵngDeclareClassMetadata({
                             </p-inputicon>
                         </p-iconfield>
                     }
-                    <span role="status" [pBind]="ptm('hiddenFilterResult')" [attr.aria-live]="'polite'" class="p-hidden-accessible" [attr.data-p-hidden-accessible]="true">
+                    <span role="status" [pBind]="ptm('hiddenFilterResult')" [attr.aria-live]="'polite'" [class]="pcn('p-hidden-accessible')" [attr.data-p-hidden-accessible]="true">
                         {{ filterResultMessageText() }}
                     </span>
                 }
@@ -2283,6 +2287,7 @@ i0.ɵɵngDeclareClassMetadata({
                         [attr.aria-activedescendant]="ariaActiveDescendant()"
                         [attr.aria-label]="ariaLabel()"
                         [attr.aria-disabled]="$disabled()"
+                        [attr.aria-readonly]="$ariaReadonly()"
                         (focus)="onListFocus($event)"
                         (blur)="onListBlur($event)"
                         (keydown)="onListKeyDown($event)"
@@ -2369,8 +2374,7 @@ i0.ɵɵngDeclareClassMetadata({
                                     }
                                     <ng-container *ngTemplateOutlet="itemTemplate(); context: getItemTemplateContext(option, i, scrollerOptions)"></ng-container>
                                     @if (isMultiDrag(option)) {
-                                        <!-- Mirrors the listbox DOM (root > list > option) so the theme's
-                                             scoped option styles apply to the body-appended CDK preview. -->
+                                        <!-- Mirrors the listbox DOM so scoped option styles apply to the body-appended CDK preview. -->
                                         <ng-template cdkDragPreview>
                                             <div [class]="cx('dragPreview')" [pBind]="ptm('dragPreview')">
                                                 <ul [class]="cx('list')">
@@ -2401,17 +2405,17 @@ i0.ɵɵngDeclareClassMetadata({
             <ng-container *ngTemplateOutlet="footerTemplate(); context: footerTemplateContext()"></ng-container>
         }
         @if (isEmpty()) {
-            <span role="status" aria-live="polite" class="p-hidden-accessible" [pBind]="ptm('hiddenEmptyMessage')">
+            <span role="status" aria-live="polite" [class]="pcn('p-hidden-accessible')" [pBind]="ptm('hiddenEmptyMessage')">
                 {{ emptyMessage() }}
             </span>
         }
-        <span role="status" aria-live="polite" class="p-hidden-accessible" [pBind]="ptm('hiddenSelectedMessage')">
+        <span role="status" aria-live="polite" [class]="pcn('p-hidden-accessible')" [pBind]="ptm('hiddenSelectedMessage')">
             {{ selectedMessageText() }}
         </span>
         <span
             #lastHiddenFocusableElement
             role="presentation"
-            class="p-hidden-accessible p-hidden-focusable"
+            [class]="pcn('p-hidden-accessible p-hidden-focusable')"
             [tabindex]="hiddenFocusableTabindex()"
             (focus)="onLastHiddenFocus($event)"
             [attr.data-p-hidden-focusable]="true"
@@ -3003,7 +3007,7 @@ i0.ɵɵngDeclareClassMetadata({
 var ListboxModule = class ListboxModule {
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ListboxModule,
 		deps: [],
@@ -3011,7 +3015,7 @@ var ListboxModule = class ListboxModule {
 	});
 	static ɵmod = i0.ɵɵngDeclareNgModule({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ListboxModule,
 		imports: [Listbox, SharedModule],
@@ -3019,7 +3023,7 @@ var ListboxModule = class ListboxModule {
 	});
 	static ɵinj = i0.ɵɵngDeclareInjector({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ListboxModule,
 		imports: [
@@ -3031,7 +3035,7 @@ var ListboxModule = class ListboxModule {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ListboxModule,
 	decorators: [{
@@ -3044,4 +3048,3 @@ i0.ɵɵngDeclareClassMetadata({
 });
 export { LISTBOX_VALUE_ACCESSOR, ListBoxStyle, Listbox, ListboxClasses, ListboxModule };
 
-//# sourceMappingURL=primeng-listbox.mjs.map

package/fesm2022/primeng-megamenu.mjs

@@ -2,7 +2,7 @@ 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 { Bars } from "@primeicons/angular/bars";
-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 i1 from "primeng/bind";
@@ -10,6 +10,7 @@ import { Bind } from "primeng/bind";
 import * as i5 from "primeng/motion";
 import { MotionModule } from "primeng/motion";
 import { ZIndexUtils } from "primeng/utils";
+import { getEventTarget } from "primeng/dom";
 import * as i2 from "@angular/router";
 import { RouterModule } from "@angular/router";
 import * as i4 from "primeng/badge";
@@ -37,16 +38,11 @@ const classes = {
 	button: "p-megamenu-button",
 	rootList: "p-megamenu-root-list",
 	submenuLabel: ({ instance, processedItem }) => ["p-megamenu-submenu-label", { "p-disabled": instance.isItemDisabled(processedItem) }],
-	item: ({ instance, processedItem }) => [
-		"p-megamenu-item",
-		instance.getItemProp(processedItem, "styleClass"),
-		instance.getItemProp(processedItem, "class"),
-		{
-			"p-megamenu-item-active": instance.isItemActive(processedItem),
-			"p-focus": instance.isItemFocused(processedItem),
-			"p-disabled": instance.isItemDisabled(processedItem)
-		}
-	],
+	item: ({ instance, processedItem }) => ["p-megamenu-item", {
+		"p-megamenu-item-active": instance.isItemActive(processedItem),
+		"p-focus": instance.isItemFocused(processedItem),
+		"p-disabled": instance.isItemDisabled(processedItem)
+	}],
 	itemContent: "p-megamenu-item-content",
 	itemLink: "p-megamenu-item-link",
 	itemIcon: "p-megamenu-item-icon",
@@ -86,7 +82,7 @@ var MegaMenuStyle = class MegaMenuStyle extends BaseStyle {
 	inlineStyles = inlineStyles;
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: MegaMenuStyle,
 		deps: null,
@@ -94,14 +90,14 @@ var MegaMenuStyle = class MegaMenuStyle extends BaseStyle {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: MegaMenuStyle
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: MegaMenuStyle,
 	decorators: [{ type: Injectable }]
@@ -294,7 +290,7 @@ var MegaMenuSub = class MegaMenuSub extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: MegaMenuSub,
 		deps: null,
@@ -302,7 +298,7 @@ var MegaMenuSub = class MegaMenuSub extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: MegaMenuSub,
 		isStandalone: true,
 		selector: "p-megamenu-sub, ul[pMegaMenuSub]",
@@ -497,7 +493,7 @@ var MegaMenuSub = class MegaMenuSub extends BaseComponent {
                         [attr.aria-setsize]="getAriaSetSize()"
                         [attr.aria-posinset]="getAriaPosInset(index)"
                         [style]="getItemProp(processedItem, 'style')"
-                        [class]="cn(cx('item', { processedItem }), getItemProp(processedItem, 'styleClass'))"
+                        [class]="cn(cx('item', { processedItem }), getItemProp(processedItem, 'styleClass'), getItemProp(processedItem, 'class'))"
                         pTooltip
                         [tooltipOptions]="getItemProp(processedItem, 'tooltipOptions')"
                         [pBind]="getPTOptions(processedItem, index, 'item')"
@@ -613,7 +609,7 @@ var MegaMenuSub = class MegaMenuSub extends BaseComponent {
                             }
                         </div>
                         @if (isVisibleItemGroup(processedItem)) {
-                            <div [class]="cx('overlay')" [pBind]="ptm('overlay')" [pMotion]="isItemActive(processedItem)" [pMotionName]="'p-anchored-overlay'" [pMotionOptions]="motionOptions()">
+                            <div [class]="cx('overlay')" [pBind]="ptm('overlay')" [pMotion]="isItemActive(processedItem)" [pMotionName]="pcn('p-anchored-overlay')" [pMotionOptions]="motionOptions()">
                                 <div [class]="cx('grid')" [pBind]="ptm('grid')">
                                     @for (col of processedItem.items; track $index) {
                                         <div [class]="cx('column', { processedItem })" [pBind]="ptm('column')">
@@ -844,7 +840,7 @@ var MegaMenuSub = class MegaMenuSub extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: MegaMenuSub,
 	decorators: [{
@@ -890,7 +886,7 @@ i0.ɵɵngDeclareClassMetadata({
                         [attr.aria-setsize]="getAriaSetSize()"
                         [attr.aria-posinset]="getAriaPosInset(index)"
                         [style]="getItemProp(processedItem, 'style')"
-                        [class]="cn(cx('item', { processedItem }), getItemProp(processedItem, 'styleClass'))"
+                        [class]="cn(cx('item', { processedItem }), getItemProp(processedItem, 'styleClass'), getItemProp(processedItem, 'class'))"
                         pTooltip
                         [tooltipOptions]="getItemProp(processedItem, 'tooltipOptions')"
                         [pBind]="getPTOptions(processedItem, index, 'item')"
@@ -1006,7 +1002,7 @@ i0.ɵɵngDeclareClassMetadata({
                             }
                         </div>
                         @if (isVisibleItemGroup(processedItem)) {
-                            <div [class]="cx('overlay')" [pBind]="ptm('overlay')" [pMotion]="isItemActive(processedItem)" [pMotionName]="'p-anchored-overlay'" [pMotionOptions]="motionOptions()">
+                            <div [class]="cx('overlay')" [pBind]="ptm('overlay')" [pMotion]="isItemActive(processedItem)" [pMotionName]="pcn('p-anchored-overlay')" [pMotionOptions]="motionOptions()">
                                 <div [class]="cx('grid')" [pBind]="ptm('grid')">
                                     @for (col of processedItem.items; track $index) {
                                         <div [class]="cx('column', { processedItem })" [pBind]="ptm('column')">
@@ -1308,7 +1304,7 @@ var MegaMenu = class MegaMenu extends BaseComponent {
 	query = null;
 	queryMatches = signal(false, ...ngDevMode ? [{ debugName: "queryMatches" }] : /* istanbul ignore next */ []);
 	mobileActive = signal(false, ...ngDevMode ? [{ debugName: "mobileActive" }] : /* 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 */ []);
 	processedItems = computed(() => this.createProcessedItems(this.model() || []), ...ngDevMode ? [{ debugName: "processedItems" }] : /* istanbul ignore next */ []);
 	visibleItems = computed(() => {
@@ -1513,7 +1509,7 @@ var MegaMenu = class MegaMenu 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.set(false);
 			this.focusedItemInfo.set({
@@ -1847,7 +1843,8 @@ var MegaMenu = class MegaMenu extends BaseComponent {
 	}
 	bindOutsideClickListener() {
 		if (!this.outsideClickListener) this.outsideClickListener = this.renderer.listen(this.document, "click", (event) => {
-			if (this.el?.nativeElement !== event.target && !this.el?.nativeElement.contains(event.target)) this.hide();
+			const node = getEventTarget(event, this.el?.nativeElement);
+			if (this.el?.nativeElement !== node && !this.el?.nativeElement.contains(node)) this.hide();
 		});
 	}
 	unbindOutsideClickListener() {
@@ -1869,7 +1866,7 @@ var MegaMenu = class MegaMenu extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: MegaMenu,
 		deps: [],
@@ -1877,7 +1874,7 @@ var MegaMenu = class MegaMenu extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: MegaMenu,
 		isStandalone: true,
 		selector: "p-megamenu, p-mega-menu",
@@ -2061,7 +2058,7 @@ var MegaMenu = class MegaMenu extends BaseComponent {
             pMegaMenuSub
             #rootmenu
             [pMotion]="!queryMatches() || mobileActive()"
-            [pMotionName]="'p-anchored-overlay'"
+            [pMotionName]="pcn('p-anchored-overlay')"
             [pMotionOptions]="computedMotionOptions()"
             [motionOptions]="computedMotionOptions()"
             [itemTemplate]="itemTemplate()"
@@ -2200,7 +2197,7 @@ var MegaMenu = class MegaMenu extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: MegaMenu,
 	decorators: [{
@@ -2249,7 +2246,7 @@ i0.ɵɵngDeclareClassMetadata({
             pMegaMenuSub
             #rootmenu
             [pMotion]="!queryMatches() || mobileActive()"
-            [pMotionName]="'p-anchored-overlay'"
+            [pMotionName]="pcn('p-anchored-overlay')"
             [pMotionOptions]="computedMotionOptions()"
             [motionOptions]="computedMotionOptions()"
             [itemTemplate]="itemTemplate()"
@@ -2447,7 +2444,7 @@ i0.ɵɵngDeclareClassMetadata({
 var MegaMenuModule = class MegaMenuModule {
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: MegaMenuModule,
 		deps: [],
@@ -2455,7 +2452,7 @@ var MegaMenuModule = class MegaMenuModule {
 	});
 	static ɵmod = i0.ɵɵngDeclareNgModule({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: MegaMenuModule,
 		imports: [MegaMenu, SharedModule],
@@ -2463,7 +2460,7 @@ var MegaMenuModule = class MegaMenuModule {
 	});
 	static ɵinj = i0.ɵɵngDeclareInjector({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: MegaMenuModule,
 		imports: [
@@ -2475,7 +2472,7 @@ var MegaMenuModule = class MegaMenuModule {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: MegaMenuModule,
 	decorators: [{
@@ -2488,4 +2485,3 @@ i0.ɵɵngDeclareClassMetadata({
 });
 export { MegaMenu, MegaMenuClasses, MegaMenuModule, MegaMenuStyle };
 
-//# sourceMappingURL=primeng-megamenu.mjs.map