primeng 22.1.2 → 22.1.3

package/fesm2022/primeng-dialog.mjs

@@ -4,13 +4,13 @@ import { ChangeDetectionStrategy, Component, Injectable, InjectionToken, NgModul
 import { Times } from "@primeicons/angular/times";
 import { WindowMaximize } from "@primeicons/angular/window-maximize";
 import { WindowMinimize } from "@primeicons/angular/window-minimize";
-import { addStyle, appendChild, getOuterHeight, getOuterWidth, getViewport, hasClass, removeClass, setAttribute, uuid } from "@primeuix/utils";
+import { addStyle, appendChild, getOuterHeight, getOuterWidth, getViewport, hasClass, removeClass, setAttribute } from "@primeuix/utils";
 import { OverlayService, SharedModule, TranslationKeys } from "primeng/api";
 import { BaseComponent, PARENT_INSTANCE } from "primeng/basecomponent";
 import * as i1 from "primeng/bind";
 import { Bind } from "primeng/bind";
 import { ButtonDirective } from "primeng/button";
-import { DomHandler, blockBodyScroll, unblockBodyScroll } from "primeng/dom";
+import { DomHandler, getShadowRoot } from "primeng/dom";
 import { FocusTrap } from "primeng/focustrap";
 import * as i2 from "primeng/motion";
 import { MotionModule } from "primeng/motion";
@@ -82,7 +82,7 @@ var DialogStyle = class DialogStyle extends BaseStyle {
 	inlineStyles = inlineStyles;
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: DialogStyle,
 		deps: null,
@@ -90,14 +90,14 @@ var DialogStyle = class DialogStyle extends BaseStyle {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: DialogStyle
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: DialogStyle,
 	decorators: [{ type: Injectable }]
@@ -275,7 +275,7 @@ var Dialog = class Dialog extends BaseComponent {
 	container = signal(null, ...ngDevMode ? [{ debugName: "container" }] : /* istanbul ignore next */ []);
 	wrapper;
 	dragging;
-	ariaId = uuid("pn_id_") + "_header";
+	ariaId = this.$useId.next("pn_id_") + "_header";
 	ariaLabelledBy = computed(() => this.header() !== null ? this.ariaId : null, ...ngDevMode ? [{ debugName: "ariaLabelledBy" }] : /* istanbul ignore next */ []);
 	headerTemplateContext = computed(() => ({ ariaLabelledBy: this.ariaLabelledBy() }), ...ngDevMode ? [{ debugName: "headerTemplateContext" }] : /* istanbul ignore next */ []);
 	documentDragListener;
@@ -294,7 +294,7 @@ var Dialog = class Dialog extends BaseComponent {
 	preMaximizeContainerHeight;
 	preMaximizePageX;
 	preMaximizePageY;
-	id = uuid("pn_id_");
+	id = this.$useId.next("pn_id_");
 	_style = {};
 	originalStyle;
 	styleElement = null;
@@ -374,21 +374,23 @@ var Dialog = class Dialog extends BaseComponent {
 				else if (this.focusTrap()) event.preventDefault();
 			}
 		});
-		if (this.modal()) blockBodyScroll();
+		if (this.modal()) this.$blockBodyScroll();
 	}
 	disableModality() {
 		if (this.wrapper) {
 			this.unbindMaskClickListener();
-			const scrollBlockers = document.querySelectorAll("[data-p-scrollblocker-active=\"true\"]");
-			if (this.modal() && scrollBlockers && scrollBlockers.length == 1) unblockBodyScroll();
+			const scrollBlockers = this.wrapper.getRootNode().querySelectorAll("[data-p-scrollblocker-active=\"true\"]");
+			if (this.modal()) {
+				if (scrollBlockers && scrollBlockers.length == 1) this.$unblockBodyScroll();
+			}
 			if (!this.cd.destroyed) this.cd.detectChanges();
 		}
 	}
 	maximize() {
 		this.maximized.update((v) => !v);
 		if (!this.modal() && !this.blockScroll()) {
-			if (this.maximized()) blockBodyScroll();
-			else unblockBodyScroll();
+			if (this.maximized()) this.$blockBodyScroll();
+			else this.$unblockBodyScroll();
 		}
 		this.onMaximize.emit({ maximized: this.maximized() });
 	}
@@ -406,23 +408,31 @@ var Dialog = class Dialog extends BaseComponent {
 	}
 	createStyle() {
 		if (isPlatformBrowser(this.platformId)) {
+			if (this.$styleScope.isolated) {
+				if (!this.$unstyled()) this.$isolatedStyle("breakpoints", this.psel(this.breakpointsCSS()));
+				return;
+			}
 			if (!this.styleElement && !this.$unstyled()) {
 				const styleElement = this.renderer.createElement("style");
 				setAttribute(styleElement, "nonce", this.config?.csp()?.nonce);
-				this.renderer.appendChild(this.document.head, styleElement);
-				let innerHTML = "";
-				for (let breakpoint in this.breakpoints()) innerHTML += `
+				this.renderer.appendChild(getShadowRoot(this.$appendTo() === "self" ? this.el.nativeElement : this.$appendTo()) ?? this.document.head, styleElement);
+				const innerHTML = this.breakpointsCSS();
+				this.renderer.setProperty(styleElement, "innerHTML", this.psel(innerHTML));
+				setAttribute(styleElement, "nonce", this.config?.csp()?.nonce);
+				this.styleElement = styleElement;
+			}
+		}
+	}
+	breakpointsCSS() {
+		let innerHTML = "";
+		for (let breakpoint in this.breakpoints()) innerHTML += `
                         @media screen and (max-width: ${breakpoint}) {
                             .p-dialog[${this.id}]:not(.p-dialog-maximized) {
                                 width: ${this.breakpoints()[breakpoint]} !important;
                             }
                         }
                     `;
-				this.renderer.setProperty(styleElement, "innerHTML", innerHTML);
-				setAttribute(styleElement, "nonce", this.config?.csp()?.nonce);
-				this.styleElement = styleElement;
-			}
-		}
+		return innerHTML;
 	}
 	initDrag(event) {
 		if (event.target.closest("div")?.getAttribute("data-pc-section") === "headeractions") return;
@@ -603,7 +613,7 @@ var Dialog = class Dialog extends BaseComponent {
 	}
 	appendContainer() {
 		const target = this.$appendTo();
-		if (target !== "self") appendChild(!target || target === "body" ? this.document.body : target, this.wrapper);
+		if (target !== "self") appendChild(this.$overlayParent(!target || target === "body" ? this.document.body : target, this.wrapper), this.wrapper);
 	}
 	restoreAppend() {
 		if (this.container() && this.$appendTo() !== "self") this.renderer.appendChild(this.el.nativeElement, this.wrapper);
@@ -611,7 +621,7 @@ var Dialog = class Dialog extends BaseComponent {
 	onBeforeEnter(event) {
 		this.container.set(event.element);
 		this.wrapper = this.container()?.parentElement;
-		if (this.$attrSelector) this.container()?.setAttribute(this.$attrSelector, "");
+		if (this.$attrSelector) this.$markInstance(this.container());
 		this.appendContainer();
 		this.moveOnTop();
 		this.bindGlobalListeners();
@@ -639,12 +649,15 @@ var Dialog = class Dialog extends BaseComponent {
 		this.unbindGlobalListeners();
 		this.dragging = false;
 		if (this.maximized()) {
-			removeClass(this.document.body, "p-overflow-hidden");
+			removeClass(this.document.body, this.pcn("p-overflow-hidden"));
 			this.document.body.style.removeProperty("--px-scrollbar-width");
 			this.maximized.set(false);
 		}
 		if (this.modal()) this.disableModality();
-		if (this.document.querySelectorAll("[data-p-scrollblocker-active=\"true\"]").length <= 1 && hasClass(this.document.body, "p-overflow-hidden")) removeClass(this.document.body, "p-overflow-hidden");
+		if (this.document.querySelectorAll("[data-p-scrollblocker-active=\"true\"]").length <= 1 && hasClass(this.document.body, this.pcn("p-overflow-hidden"))) {
+			removeClass(this.document.body, this.pcn("p-overflow-hidden"));
+			this.$styleScope.unlockBodyScroll();
+		}
 		if (this.container() && this.autoZIndex()) ZIndexUtils.clear(this.container());
 		if (this.zIndexForLayering) ZIndexUtils.revertZIndex(this.zIndexForLayering);
 		this.container.set(null);
@@ -666,7 +679,7 @@ var Dialog = class Dialog extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: Dialog,
 		deps: [],
@@ -674,7 +687,7 @@ var Dialog = class Dialog extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: Dialog,
 		isStandalone: true,
 		selector: "p-dialog",
@@ -1069,7 +1082,7 @@ var Dialog = class Dialog extends BaseComponent {
                         [pFocusTrapDisabled]="focusTrapDisabled()"
                         [pMotion]="visible()"
                         [pMotionAppear]="true"
-                        [pMotionName]="'p-dialog'"
+                        [pMotionName]="pcn('p-dialog')"
                         [pMotionOptions]="computedMotionOptions()"
                         (pMotionOnBeforeEnter)="onBeforeEnter($event)"
                         (pMotionOnAfterEnter)="onAfterEnter()"
@@ -1284,7 +1297,7 @@ var Dialog = class Dialog extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: Dialog,
 	decorators: [{
@@ -1328,7 +1341,7 @@ i0.ɵɵngDeclareClassMetadata({
                         [pFocusTrapDisabled]="focusTrapDisabled()"
                         [pMotion]="visible()"
                         [pMotionAppear]="true"
-                        [pMotionName]="'p-dialog'"
+                        [pMotionName]="pcn('p-dialog')"
                         [pMotionOptions]="computedMotionOptions()"
                         (pMotionOnBeforeEnter)="onBeforeEnter($event)"
                         (pMotionOnAfterEnter)="onAfterEnter()"
@@ -1859,7 +1872,7 @@ i0.ɵɵngDeclareClassMetadata({
 var DialogModule = class DialogModule {
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: DialogModule,
 		deps: [],
@@ -1867,7 +1880,7 @@ var DialogModule = class DialogModule {
 	});
 	static ɵmod = i0.ɵɵngDeclareNgModule({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: DialogModule,
 		imports: [Dialog, SharedModule],
@@ -1875,7 +1888,7 @@ var DialogModule = class DialogModule {
 	});
 	static ɵinj = i0.ɵɵngDeclareInjector({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: DialogModule,
 		imports: [
@@ -1887,7 +1900,7 @@ var DialogModule = class DialogModule {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: DialogModule,
 	decorators: [{
@@ -1900,4 +1913,3 @@ i0.ɵɵngDeclareClassMetadata({
 });
 export { Dialog, DialogClasses, DialogModule, DialogStyle };
 
-//# sourceMappingURL=primeng-dialog.mjs.map

package/fesm2022/primeng-divider.mjs

@@ -40,7 +40,7 @@ var DividerStyle = class DividerStyle extends BaseStyle {
 	inlineStyles = inlineStyles;
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: DividerStyle,
 		deps: null,
@@ -48,14 +48,14 @@ var DividerStyle = class DividerStyle extends BaseStyle {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: DividerStyle
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: DividerStyle,
 	decorators: [{ type: Injectable }]
@@ -87,7 +87,7 @@ var Divider = class Divider extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: Divider,
 		deps: null,
@@ -95,7 +95,7 @@ var Divider = class Divider extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.1.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: Divider,
 		isStandalone: true,
 		selector: "p-divider",
@@ -173,7 +173,7 @@ var Divider = class Divider extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: Divider,
 	decorators: [{
@@ -240,7 +240,7 @@ i0.ɵɵngDeclareClassMetadata({
 var DividerModule = class DividerModule {
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: DividerModule,
 		deps: [],
@@ -248,7 +248,7 @@ var DividerModule = class DividerModule {
 	});
 	static ɵmod = i0.ɵɵngDeclareNgModule({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: DividerModule,
 		imports: [Divider, BindModule],
@@ -256,7 +256,7 @@ var DividerModule = class DividerModule {
 	});
 	static ɵinj = i0.ɵɵngDeclareInjector({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: DividerModule,
 		imports: [
@@ -268,7 +268,7 @@ var DividerModule = class DividerModule {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: DividerModule,
 	decorators: [{
@@ -281,4 +281,3 @@ i0.ɵɵngDeclareClassMetadata({
 });
 export { Divider, DividerClasses, DividerModule, DividerStyle };
 
-//# sourceMappingURL=primeng-divider.mjs.map

package/fesm2022/primeng-dock.mjs

@@ -3,7 +3,7 @@ import * as i0 from "@angular/core";
 import { ChangeDetectionStrategy, Component, Injectable, InjectionToken, NgModule, ViewEncapsulation, computed, contentChild, inject, input, output, signal, viewChild } from "@angular/core";
 import * as i2 from "@angular/router";
 import { RouterLink, RouterLinkActive, RouterModule } from "@angular/router";
-import { find, findSingle, uuid } from "@primeuix/utils";
+import { find, findSingle } from "@primeuix/utils";
 import { SharedModule } from "primeng/api";
 import { Badge } from "primeng/badge";
 import { BaseComponent, PARENT_INSTANCE } from "primeng/basecomponent";
@@ -37,7 +37,7 @@ var DockStyle = class DockStyle extends BaseStyle {
 	classes = classes;
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: DockStyle,
 		deps: null,
@@ -45,14 +45,14 @@ var DockStyle = class DockStyle extends BaseStyle {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: DockStyle
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: DockStyle,
 	decorators: [{ type: Injectable }]
@@ -83,7 +83,7 @@ var Dock = class Dock extends BaseComponent {
 		descendants: false
 	});
 	listViewChild = viewChild("list", ...ngDevMode ? [{ debugName: "listViewChild" }] : /* 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 */ []);
 	ariaOrientation = computed(() => {
 		const pos = this.position();
@@ -257,7 +257,7 @@ var Dock = class Dock extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: Dock,
 		deps: null,
@@ -265,7 +265,7 @@ var Dock = class Dock extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: Dock,
 		isStandalone: true,
 		selector: "p-dock",
@@ -556,7 +556,7 @@ var Dock = class Dock extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: Dock,
 	decorators: [{
@@ -763,7 +763,7 @@ i0.ɵɵngDeclareClassMetadata({
 var DockModule = class DockModule {
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: DockModule,
 		deps: [],
@@ -771,7 +771,7 @@ var DockModule = class DockModule {
 	});
 	static ɵmod = i0.ɵɵngDeclareNgModule({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: DockModule,
 		imports: [Dock, SharedModule],
@@ -779,7 +779,7 @@ var DockModule = class DockModule {
 	});
 	static ɵinj = i0.ɵɵngDeclareInjector({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: DockModule,
 		imports: [
@@ -791,7 +791,7 @@ var DockModule = class DockModule {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: DockModule,
 	decorators: [{
@@ -804,4 +804,3 @@ i0.ɵɵngDeclareClassMetadata({
 });
 export { Dock, DockClasses, DockModule, DockStyle };
 
-//# sourceMappingURL=primeng-dock.mjs.map

package/fesm2022/primeng-dom.mjs

@@ -1,6 +1,7 @@
 import * as utils from "@primeuix/utils";
 import { getCSSVariableByRegex } from "@primeuix/utils";
 import { $dt } from "@primeuix/styled";
+import { getEventTarget as getEventTarget$1, getShadowRoot as getShadowRoot$1, toElement } from "@primeuix/utils/dom";
 var DomHandler = class DomHandler {
 	static zindex = 1e3;
 	static calculatedScrollbarWidth = null;
@@ -584,11 +585,17 @@ var DomHandler = class DomHandler {
                 [contenteditable]:not([tabIndex = "-1"]):not([disabled]):not([style*="display:none"]):not([hidden])${selector}`) : false;
 	}
 };
-function blockBodyScroll() {
-	utils.blockBodyScroll({ variableName: $dt("scrollbar.width").name });
+function blockBodyScroll(options) {
+	utils.blockBodyScroll({
+		variableName: $dt("scrollbar.width").name,
+		...options
+	});
 }
-function unblockBodyScroll() {
-	utils.unblockBodyScroll({ variableName: $dt("scrollbar.width").name });
+function unblockBodyScroll(options) {
+	utils.unblockBodyScroll({
+		variableName: $dt("scrollbar.width").name,
+		...options
+	});
 }
 var ConnectedOverlayScrollHandler = class {
 	element;
@@ -612,6 +619,11 @@ var ConnectedOverlayScrollHandler = class {
 		this.scrollableParents = null;
 	}
 };
-export { ConnectedOverlayScrollHandler, DomHandler, blockBodyScroll, unblockBodyScroll };
+function getShadowRoot(el) {
+	return getShadowRoot$1(toElement(el) ?? el);
+}
+function getEventTarget(event, element) {
+	return getEventTarget$1(event, element);
+}
+export { ConnectedOverlayScrollHandler, DomHandler, blockBodyScroll, getEventTarget, getShadowRoot, unblockBodyScroll };
 
-//# sourceMappingURL=primeng-dom.mjs.map

package/fesm2022/primeng-dragdrop.mjs

@@ -2,6 +2,7 @@ import * as i0 from "@angular/core";
 import { Directive, ElementRef, EventEmitter, HostListener, Input, NgModule, Output, Renderer2, inject } from "@angular/core";
 import { addClass, removeClass } from "@primeuix/utils";
 import { DomHandler } from "primeng/dom";
+import { StyleScope } from "primeng/usestyle";
 var Draggable = class Draggable {
 	scope;
 	dragEffect;
@@ -87,7 +88,7 @@ var Draggable = class Draggable {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: Draggable,
 		deps: [],
@@ -95,7 +96,7 @@ var Draggable = class Draggable {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: Draggable,
 		isStandalone: true,
 		selector: "[pDraggable]",
@@ -119,7 +120,7 @@ var Draggable = class Draggable {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: Draggable,
 	decorators: [{
@@ -167,6 +168,7 @@ var Droppable = class Droppable {
 	onDrop = new EventEmitter();
 	el = inject(ElementRef);
 	renderer = inject(Renderer2);
+	styleScope = inject(StyleScope);
 	dragOverListener;
 	ngAfterViewInit() {
 		if (!this.pDroppableDisabled) this.bindDragOverListener();
@@ -185,7 +187,7 @@ var Droppable = class Droppable {
 	}
 	drop(event) {
 		if (this.allowDrop(event)) {
-			removeClass(this.el.nativeElement, "p-draggable-enter");
+			removeClass(this.el.nativeElement, this.styleScope.pcn("p-draggable-enter"));
 			event.preventDefault();
 			this.onDrop.emit(event);
 		}
@@ -193,13 +195,13 @@ var Droppable = class Droppable {
 	dragEnter(event) {
 		event.preventDefault();
 		if (this.dropEffect) event.dataTransfer.dropEffect = this.dropEffect;
-		addClass(this.el.nativeElement, "p-draggable-enter");
+		addClass(this.el.nativeElement, this.styleScope.pcn("p-draggable-enter"));
 		this.onDragEnter.emit(event);
 	}
 	dragLeave(event) {
 		event.preventDefault();
 		if (!this.el.nativeElement.contains(event.relatedTarget)) {
-			removeClass(this.el.nativeElement, "p-draggable-enter");
+			removeClass(this.el.nativeElement, this.styleScope.pcn("p-draggable-enter"));
 			this.onDragLeave.emit(event);
 		}
 	}
@@ -216,7 +218,7 @@ var Droppable = class Droppable {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: Droppable,
 		deps: [],
@@ -224,7 +226,7 @@ var Droppable = class Droppable {
 	});
 	static ɵdir = i0.ɵɵngDeclareDirective({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: Droppable,
 		isStandalone: true,
 		selector: "[pDroppable]",
@@ -248,7 +250,7 @@ var Droppable = class Droppable {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: Droppable,
 	decorators: [{
@@ -285,7 +287,7 @@ i0.ɵɵngDeclareClassMetadata({
 var DragDropModule = class DragDropModule {
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: DragDropModule,
 		deps: [],
@@ -293,7 +295,7 @@ var DragDropModule = class DragDropModule {
 	});
 	static ɵmod = i0.ɵɵngDeclareNgModule({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: DragDropModule,
 		imports: [Draggable, Droppable],
@@ -301,14 +303,14 @@ var DragDropModule = class DragDropModule {
 	});
 	static ɵinj = i0.ɵɵngDeclareInjector({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: DragDropModule
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: DragDropModule,
 	decorators: [{
@@ -321,4 +323,3 @@ i0.ɵɵngDeclareClassMetadata({
 });
 export { DragDropModule, Draggable, Droppable };
 
-//# sourceMappingURL=primeng-dragdrop.mjs.map