primeng 22.1.2 → 22.1.3

package/fesm2022/primeng-galleria.mjs

@@ -1,11 +1,10 @@
 import * as i0 from "@angular/core";
 import { ChangeDetectionStrategy, Component, ElementRef, HostListener, Injectable, InjectionToken, NgModule, ViewEncapsulation, booleanAttribute, computed, contentChild, effect, inject, input, linkedSignal, model, numberAttribute, output, signal, viewChild } from "@angular/core";
-import { addClass, find, findSingle, focus, getAttribute, removeClass, setAttribute, uuid } from "@primeuix/utils";
+import { addClass, find, findSingle, focus, getAttribute, removeClass, setAttribute } from "@primeuix/utils";
 import { SharedModule } from "primeng/api";
 import { BaseComponent, PARENT_INSTANCE } from "primeng/basecomponent";
 import * as i1 from "primeng/bind";
 import { Bind, BindModule } from "primeng/bind";
-import { blockBodyScroll, unblockBodyScroll } from "primeng/dom";
 import { FocusTrap } from "primeng/focustrap";
 import * as i2 from "primeng/motion";
 import { MotionModule } from "primeng/motion";
@@ -16,6 +15,7 @@ import { ChevronLeft } from "@primeicons/angular/chevron-left";
 import { ChevronRight } from "@primeicons/angular/chevron-right";
 import { style } from "@primeuix/styles/galleria";
 import { BaseStyle } from "primeng/base";
+import { getShadowRoot } from "primeng/dom";
 import { ChevronDown } from "@primeicons/angular/chevron-down";
 import { ChevronUp } from "@primeicons/angular/chevron-up";
 import { Ripple } from "primeng/ripple";
@@ -51,7 +51,7 @@ var GalleriaItemSlot = class GalleriaItemSlot extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: GalleriaItemSlot,
 		deps: null,
@@ -59,7 +59,7 @@ var GalleriaItemSlot = class GalleriaItemSlot extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: GalleriaItemSlot,
 		isStandalone: true,
 		selector: "div[pGalleriaItemSlot]",
@@ -109,7 +109,7 @@ var GalleriaItemSlot = class GalleriaItemSlot extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: GalleriaItemSlot,
 	decorators: [{
@@ -207,7 +207,7 @@ var GalleriaStyle = class GalleriaStyle extends BaseStyle {
 	classes = classes;
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: GalleriaStyle,
 		deps: null,
@@ -215,14 +215,14 @@ var GalleriaStyle = class GalleriaStyle extends BaseStyle {
 	});
 	static ɵprov = i0.ɵɵngDeclareInjectable({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: GalleriaStyle
 	});
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: GalleriaStyle,
 	decorators: [{ type: Injectable }]
@@ -403,7 +403,7 @@ var GalleriaItem = class GalleriaItem extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: GalleriaItem,
 		deps: [],
@@ -411,7 +411,7 @@ var GalleriaItem = class GalleriaItem extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: GalleriaItem,
 		isStandalone: true,
 		selector: "div[pGalleriaItem]",
@@ -596,7 +596,7 @@ var GalleriaItem = class GalleriaItem extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: GalleriaItem,
 	decorators: [{
@@ -865,7 +865,7 @@ var GalleriaThumbnails = class GalleriaThumbnails extends BaseComponent {
 			if (itemsContainer && itemsContainer.nativeElement) itemsContainer.nativeElement.style.transform = this.isVertical() ? `translate3d(0, ${totalShiftedItems * (100 / d_numVisible)}%, 0)` : `translate3d(${totalShiftedItems * (100 / d_numVisible)}%, 0, 0)`;
 			if (this._oldactiveIndex !== activeIndex) {
 				this.document.body.setAttribute("data-p-items-hidden", "false");
-				if (!this.$unstyled()) removeClass(itemsContainer.nativeElement, "p-items-hidden");
+				if (!this.$unstyled()) removeClass(itemsContainer.nativeElement, this.pcn("p-items-hidden"));
 				itemsContainer.nativeElement.style.transition = "transform 500ms ease 0s";
 			}
 			this._oldactiveIndex = activeIndex;
@@ -876,10 +876,10 @@ var GalleriaThumbnails = class GalleriaThumbnails extends BaseComponent {
 		if (isPlatformBrowser(this.platformId)) this.calculatePosition();
 	}
 	createStyle() {
-		if (!this.thumbnailsStyle) {
+		if (!this.thumbnailsStyle && !this.$styleScope.isolated) {
 			this.thumbnailsStyle = this.document.createElement("style");
 			setAttribute(this.thumbnailsStyle, "nonce", this.galleria.config?.csp()?.nonce);
-			this.document.body.appendChild(this.thumbnailsStyle);
+			(getShadowRoot(this.el.nativeElement) ?? this.document.body).appendChild(this.thumbnailsStyle);
 		}
 		const d_numVisible = this.d_numVisible();
 		let innerHTML = `
@@ -912,7 +912,11 @@ var GalleriaThumbnails = class GalleriaThumbnails extends BaseComponent {
                 `;
 			}
 		}
-		this.thumbnailsStyle.innerHTML = innerHTML;
+		if (this.$styleScope.isolated) {
+			this.$isolatedStyle("thumbnails", this.psel(innerHTML));
+			return;
+		}
+		this.thumbnailsStyle.innerHTML = this.psel(innerHTML);
 		setAttribute(this.thumbnailsStyle, "nonce", this.galleria.config?.csp()?.nonce);
 	}
 	calculatePosition() {
@@ -1053,7 +1057,7 @@ var GalleriaThumbnails = class GalleriaThumbnails extends BaseComponent {
 		const itemsContainer = this.itemsContainer();
 		if (itemsContainer) {
 			this.document.body.setAttribute("data-p-items-hidden", "false");
-			if (!this.$unstyled()) removeClass(itemsContainer.nativeElement, "p-items-hidden");
+			if (!this.$unstyled()) removeClass(itemsContainer.nativeElement, this.pcn("p-items-hidden"));
 			itemsContainer.nativeElement.style.transform = this.isVertical() ? `translate3d(0, ${totalShiftedItems * (100 / d_numVisible)}%, 0)` : `translate3d(${totalShiftedItems * (100 / d_numVisible)}%, 0, 0)`;
 			itemsContainer.nativeElement.style.transition = "transform 500ms ease 0s";
 		}
@@ -1080,7 +1084,7 @@ var GalleriaThumbnails = class GalleriaThumbnails extends BaseComponent {
 		const itemsContainer = this.itemsContainer();
 		if (itemsContainer && itemsContainer.nativeElement) {
 			this.document.body.setAttribute("data-p-items-hidden", "true");
-			if (!this.$unstyled()) addClass(itemsContainer.nativeElement, "p-items-hidden");
+			if (!this.$unstyled()) addClass(itemsContainer.nativeElement, this.pcn("p-items-hidden"));
 			itemsContainer.nativeElement.style.transition = "";
 		}
 	}
@@ -1147,7 +1151,7 @@ var GalleriaThumbnails = class GalleriaThumbnails extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: GalleriaThumbnails,
 		deps: null,
@@ -1155,7 +1159,7 @@ var GalleriaThumbnails = class GalleriaThumbnails extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: GalleriaThumbnails,
 		isStandalone: true,
 		selector: "div[pGalleriaThumbnails]",
@@ -1365,7 +1369,7 @@ var GalleriaThumbnails = class GalleriaThumbnails extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: GalleriaThumbnails,
 	decorators: [{
@@ -1558,7 +1562,7 @@ var GalleriaContent = class GalleriaContent extends BaseComponent {
 		optional: true,
 		skipSelf: true
 	}) ?? void 0;
-	_generatedId = uuid("pn_id_");
+	_generatedId = this.$useId.next("pn_id_");
 	id = computed(() => this.galleria.id() || this._generatedId, ...ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []);
 	_activeIndex = linkedSignal(() => this.activeIndexInput(), ...ngDevMode ? [{ debugName: "_activeIndex" }] : /* istanbul ignore next */ []);
 	slideShowActive = true;
@@ -1631,7 +1635,7 @@ var GalleriaContent = class GalleriaContent extends BaseComponent {
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: GalleriaContent,
 		deps: null,
@@ -1639,7 +1643,7 @@ var GalleriaContent = class GalleriaContent extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: GalleriaContent,
 		isStandalone: true,
 		selector: "div[pGalleriaContent]",
@@ -1838,7 +1842,7 @@ var GalleriaContent = class GalleriaContent extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: GalleriaContent,
 	decorators: [{
@@ -2170,20 +2174,20 @@ var Galleria = class Galleria extends BaseComponent {
 		if (!this.renderContent()) this.renderMask.set(false);
 	}
 	enableModality() {
-		blockBodyScroll();
+		this.$blockBodyScroll();
 		if (this.mask) ZIndexUtils.set("modal", this.mask, this.baseZIndex() || this.config.zIndex.modal);
 	}
 	disableModality() {
-		unblockBodyScroll();
+		this.$unblockBodyScroll();
 		if (this.mask) ZIndexUtils.clear(this.mask);
 	}
 	onDestroy() {
-		if (this.fullScreen()) removeClass(this.document.body, "p-overflow-hidden");
+		if (this.fullScreen()) removeClass(this.document.body, this.pcn("p-overflow-hidden"));
 		if (this.mask) this.disableModality();
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: Galleria,
 		deps: [],
@@ -2191,7 +2195,7 @@ var Galleria = class Galleria extends BaseComponent {
 	});
 	static ɵcmp = i0.ɵɵngDeclareComponent({
 		minVersion: "17.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		type: Galleria,
 		isStandalone: true,
 		selector: "p-galleria",
@@ -2501,7 +2505,7 @@ var Galleria = class Galleria extends BaseComponent {
                                 pGalleriaContent
                                 [pMotion]="visible()"
                                 [pMotionAppear]="true"
-                                [pMotionName]="'p-galleria'"
+                                [pMotionName]="pcn('p-galleria')"
                                 [pMotionOptions]="computedMotionOptions()"
                                 (pMotionOnBeforeEnter)="onBeforeEnter($event)"
                                 (pMotionOnBeforeLeave)="onBeforeLeave()"
@@ -2605,7 +2609,7 @@ var Galleria = class Galleria extends BaseComponent {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: Galleria,
 	decorators: [{
@@ -2641,7 +2645,7 @@ i0.ɵɵngDeclareClassMetadata({
                                 pGalleriaContent
                                 [pMotion]="visible()"
                                 [pMotionAppear]="true"
-                                [pMotionName]="'p-galleria'"
+                                [pMotionName]="pcn('p-galleria')"
                                 [pMotionOptions]="computedMotionOptions()"
                                 (pMotionOnBeforeEnter)="onBeforeEnter($event)"
                                 (pMotionOnBeforeLeave)="onBeforeLeave()"
@@ -2993,7 +2997,7 @@ i0.ɵɵngDeclareClassMetadata({
 var GalleriaModule = class GalleriaModule {
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: GalleriaModule,
 		deps: [],
@@ -3001,7 +3005,7 @@ var GalleriaModule = class GalleriaModule {
 	});
 	static ɵmod = i0.ɵɵngDeclareNgModule({
 		minVersion: "14.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: GalleriaModule,
 		imports: [Galleria, SharedModule],
@@ -3009,7 +3013,7 @@ var GalleriaModule = class GalleriaModule {
 	});
 	static ɵinj = i0.ɵɵngDeclareInjector({
 		minVersion: "12.0.0",
-		version: "22.2.0",
+		version: "22.2.3",
 		ngImport: i0,
 		type: GalleriaModule,
 		imports: [
@@ -3021,7 +3025,7 @@ var GalleriaModule = class GalleriaModule {
 };
 i0.ɵɵngDeclareClassMetadata({
 	minVersion: "12.0.0",
-	version: "22.2.0",
+	version: "22.2.3",
 	ngImport: i0,
 	type: GalleriaModule,
 	decorators: [{
@@ -3034,4 +3038,3 @@ i0.ɵɵngDeclareClassMetadata({
 });
 export { Galleria, GalleriaClasses, GalleriaModule, GalleriaStyle };
 
-//# sourceMappingURL=primeng-galleria.mjs.map