primeng 22.1.2 → 22.1.3

package/fesm2022/primeng-contextmenu.mjs

@@ -1,7 +1,7 @@
 import { NgTemplateOutlet, isPlatformBrowser } from "@angular/common";
 import * as i0 from "@angular/core";
 import { ChangeDetectionStrategy, Component, ElementRef, Injectable, InjectionToken, NgModule, Renderer2, ViewEncapsulation, booleanAttribute, computed, contentChild, effect, inject, input, numberAttribute, output, signal, viewChild } from "@angular/core";
-import { appendChild, calculateScrollbarWidth, findLastIndex, findSingle, focus, getHiddenElementOuterHeight, getHiddenElementOuterWidth, getOffset, getOuterWidth, getViewport, isAndroid, isEmpty, isIOS, isNotEmpty, isPrintableCharacter, resolve, uuid } from "@primeuix/utils";
+import { appendChild, calculateScrollbarWidth, findLastIndex, findSingle, focus, getHiddenElementOuterHeight, getHiddenElementOuterWidth, getOffset, getOuterWidth, getViewport, isAndroid, isEmpty, isIOS, isNotEmpty, isPrintableCharacter, resolve } from "@primeuix/utils";
 import { OverlayService, SharedModule } from "primeng/api";
 import { BaseComponent, PARENT_INSTANCE } from "primeng/basecomponent";
 import * as i3 from "primeng/bind";
@@ -9,6 +9,7 @@ import { BindModule } 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 i1 from "@angular/router";
 import { RouterModule } from "@angular/router";
 import * as i4 from "primeng/badge";
@@ -50,7 +51,7 @@ var ContextMenuStyle = class ContextMenuStyle extends BaseStyle {
 	inlineStyles = inlineStyles;
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ContextMenuStyle,
 		deps: null,
@@ -58,14 +59,14 @@ var ContextMenuStyle = class ContextMenuStyle extends BaseStyle {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ContextMenuStyle
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ContextMenuStyle,
 	decorators: [{ type: Injectable }]
@@ -246,7 +247,7 @@ var ContextMenuSub = class ContextMenuSub extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ContextMenuSub,
 		deps: [],
@@ -254,7 +255,7 @@ var ContextMenuSub = class ContextMenuSub extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: ContextMenuSub,
 		isStandalone: true,
 		selector: "p-contextmenu-sub",
@@ -410,7 +411,7 @@ var ContextMenuSub = class ContextMenuSub extends BaseComponent {
                 (blur)="menuBlur.emit($event)"
                 [pMotion]="motionState()"
                 [pMotionAppear]="true"
-                [pMotionName]="'p-anchored-overlay'"
+                [pMotionName]="pcn('p-anchored-overlay')"
                 [pMotionOptions]="motionOptions()"
                 (pMotionOnBeforeEnter)="onBeforeEnter($event)"
                 (pMotionOnAfterLeave)="onAfterLeave()"
@@ -484,7 +485,7 @@ var ContextMenuSub = class ContextMenuSub extends BaseComponent {
                                                 @if (!contextMenu.submenuIconTemplate()) {
                                                     <svg data-p-icon="angle-right" [class]="cx('submenuIcon')" [pBind]="getPTOptions(processedItem, index, 'submenuIcon')" [attr.aria-hidden]="true" />
                                                 } @else {
-                                                    <ng-container *ngTemplateOutlet="contextMenu.submenuIconTemplate(); context: { class: 'p-contextmenu-submenu-icon' }"></ng-container>
+                                                    <ng-container *ngTemplateOutlet="contextMenu.submenuIconTemplate(); context: { class: pcn('p-contextmenu-submenu-icon') }"></ng-container>
                                                 }
                                             }
                                         </a>
@@ -538,7 +539,7 @@ var ContextMenuSub = class ContextMenuSub extends BaseComponent {
                                                 @if (!contextMenu.submenuIconTemplate()) {
                                                     <svg data-p-icon="angle-right" [class]="cx('submenuIcon')" [pBind]="getPTOptions(processedItem, index, 'submenuIcon')" [attr.aria-hidden]="true" />
                                                 } @else {
-                                                    <ng-container *ngTemplateOutlet="contextMenu.submenuIconTemplate(); context: { class: 'p-contextmenu-submenu-icon' }"></ng-container>
+                                                    <ng-container *ngTemplateOutlet="contextMenu.submenuIconTemplate(); context: { class: pcn('p-contextmenu-submenu-icon') }"></ng-container>
                                                 }
                                             }
                                         </a>
@@ -762,7 +763,7 @@ var ContextMenuSub = class ContextMenuSub extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ContextMenuSub,
 	decorators: [{
@@ -799,7 +800,7 @@ i0.ɵɵngDeclareClassMetadata({
                 (blur)="menuBlur.emit($event)"
                 [pMotion]="motionState()"
                 [pMotionAppear]="true"
-                [pMotionName]="'p-anchored-overlay'"
+                [pMotionName]="pcn('p-anchored-overlay')"
                 [pMotionOptions]="motionOptions()"
                 (pMotionOnBeforeEnter)="onBeforeEnter($event)"
                 (pMotionOnAfterLeave)="onAfterLeave()"
@@ -873,7 +874,7 @@ i0.ɵɵngDeclareClassMetadata({
                                                 @if (!contextMenu.submenuIconTemplate()) {
                                                     <svg data-p-icon="angle-right" [class]="cx('submenuIcon')" [pBind]="getPTOptions(processedItem, index, 'submenuIcon')" [attr.aria-hidden]="true" />
                                                 } @else {
-                                                    <ng-container *ngTemplateOutlet="contextMenu.submenuIconTemplate(); context: { class: 'p-contextmenu-submenu-icon' }"></ng-container>
+                                                    <ng-container *ngTemplateOutlet="contextMenu.submenuIconTemplate(); context: { class: pcn('p-contextmenu-submenu-icon') }"></ng-container>
                                                 }
                                             }
                                         </a>
@@ -927,7 +928,7 @@ i0.ɵɵngDeclareClassMetadata({
                                                 @if (!contextMenu.submenuIconTemplate()) {
                                                     <svg data-p-icon="angle-right" [class]="cx('submenuIcon')" [pBind]="getPTOptions(processedItem, index, 'submenuIcon')" [attr.aria-hidden]="true" />
                                                 } @else {
-                                                    <ng-container *ngTemplateOutlet="contextMenu.submenuIconTemplate(); context: { class: 'p-contextmenu-submenu-icon' }"></ng-container>
+                                                    <ng-container *ngTemplateOutlet="contextMenu.submenuIconTemplate(); context: { class: pcn('p-contextmenu-submenu-icon') }"></ng-container>
                                                 }
                                             }
                                         </a>
@@ -1223,7 +1224,7 @@ var ContextMenu = class ContextMenu extends BaseComponent {
 		descendants: false
 	});
 	onInit() {
-		this._id = this.id() || uuid("pn_id_");
+		this._id = this.id() || this.$useId.next("pn_id_");
 		this.bindMatchMediaListener();
 		this.bindTriggerEventListener();
 	}
@@ -1559,7 +1560,7 @@ var ContextMenu = class ContextMenu extends BaseComponent {
 		this.appendOverlay();
 		this.moveOnTop();
 		this.position();
-		if (this.$attrSelector) this.container?.setAttribute(this.$attrSelector, "");
+		if (this.$attrSelector) this.$markInstance(this.container);
 	}
 	onAfterEnter() {
 		this.bindGlobalListeners();
@@ -1573,8 +1574,8 @@ var ContextMenu = class ContextMenu 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() {
@@ -1720,7 +1721,8 @@ var ContextMenu = class ContextMenu extends BaseComponent {
 		}
 	}
 	isOutsideClicked(event) {
-		return !(this.container?.isSameNode(event.target) || this.container?.contains(event.target));
+		const node = getEventTarget(event, this.container);
+		return !(this.container?.isSameNode(node) || this.container?.contains(node));
 	}
 	unbindResizeListener() {
 		if (this.resizeListener) {
@@ -1761,7 +1763,7 @@ var ContextMenu = class ContextMenu extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ContextMenu,
 		deps: [],
@@ -1769,7 +1771,7 @@ var ContextMenu = class ContextMenu extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: ContextMenu,
 		isStandalone: true,
 		selector: "p-contextmenu, p-context-menu",
@@ -1917,7 +1919,7 @@ var ContextMenu = class ContextMenu extends BaseComponent {
                 [style]="sx('root')"
                 [pBind]="ptm('root')"
                 [pMotion]="visible()"
-                [pMotionName]="'p-anchored-overlay'"
+                [pMotionName]="pcn('p-anchored-overlay')"
                 [pMotionAppear]="true"
                 [pMotionOptions]="computedMotionOptions()"
                 (pMotionOnBeforeEnter)="onBeforeEnter($event)"
@@ -2039,7 +2041,7 @@ var ContextMenu = class ContextMenu extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ContextMenu,
 	decorators: [{
@@ -2062,7 +2064,7 @@ i0.ɵɵngDeclareClassMetadata({
                 [style]="sx('root')"
                 [pBind]="ptm('root')"
                 [pMotion]="visible()"
-                [pMotionName]="'p-anchored-overlay'"
+                [pMotionName]="pcn('p-anchored-overlay')"
                 [pMotionAppear]="true"
                 [pMotionOptions]="computedMotionOptions()"
                 (pMotionOnBeforeEnter)="onBeforeEnter($event)"
@@ -2255,7 +2257,7 @@ i0.ɵɵngDeclareClassMetadata({
 var ContextMenuModule = class ContextMenuModule {
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ContextMenuModule,
 		deps: [],
@@ -2263,7 +2265,7 @@ var ContextMenuModule = class ContextMenuModule {
 	});
 	static ɵmod = i0.ɵɵngDeclareNgModule({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ContextMenuModule,
 		imports: [ContextMenu, SharedModule],
@@ -2271,7 +2273,7 @@ var ContextMenuModule = class ContextMenuModule {
 	});
 	static ɵinj = i0.ɵɵngDeclareInjector({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: ContextMenuModule,
 		imports: [
@@ -2283,7 +2285,7 @@ var ContextMenuModule = class ContextMenuModule {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: ContextMenuModule,
 	decorators: [{
@@ -2296,4 +2298,3 @@ i0.ɵɵngDeclareClassMetadata({
 });
 export { ContextMenu, ContextMenuClasses, ContextMenuModule, ContextMenuStyle };
 
-//# sourceMappingURL=primeng-contextmenu.mjs.map

package/fesm2022/primeng-dataview.mjs

@@ -36,7 +36,7 @@ var DataViewStyle = class DataViewStyle extends BaseStyle {
 	classes = classes;
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: DataViewStyle,
 		deps: null,
@@ -44,14 +44,14 @@ var DataViewStyle = class DataViewStyle extends BaseStyle {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: DataViewStyle
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: DataViewStyle,
 	decorators: [{ type: Injectable }]
@@ -316,7 +316,7 @@ var DataView = class DataView extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: DataView,
 		deps: [],
@@ -324,7 +324,7 @@ var DataView = class DataView extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: DataView,
 		isStandalone: true,
 		selector: "p-dataview, p-data-view",
@@ -810,7 +810,7 @@ var DataView = class DataView extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: DataView,
 	decorators: [{
@@ -1306,7 +1306,7 @@ i0.ɵɵngDeclareClassMetadata({
 var DataViewModule = class DataViewModule {
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: DataViewModule,
 		deps: [],
@@ -1314,7 +1314,7 @@ var DataViewModule = class DataViewModule {
 	});
 	static ɵmod = i0.ɵɵngDeclareNgModule({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: DataViewModule,
 		imports: [DataView],
@@ -1322,7 +1322,7 @@ var DataViewModule = class DataViewModule {
 	});
 	static ɵinj = i0.ɵɵngDeclareInjector({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: DataViewModule,
 		imports: [DataView]
@@ -1330,7 +1330,7 @@ var DataViewModule = class DataViewModule {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: DataViewModule,
 	decorators: [{
@@ -1343,4 +1343,3 @@ i0.ɵɵngDeclareClassMetadata({
 });
 export { DataView, DataViewClasses, DataViewModule, DataViewStyle };
 
-//# sourceMappingURL=primeng-dataview.mjs.map