webim-adapter 2.7.12 → 2.8.0

package/build/webim-adapter.js

@@ -845,6 +845,7 @@ async function Je({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token:
 		"MenuTreeBlock",
 		"CalendarBlock",
 		"MasonryBlock",
+		"LightboxGallery",
 		"LogoCarousel"
 	].includes(e?.type?.resolvedName) ? e.props?.source : null).filter(Boolean))];
 	if (m.length) {
@@ -899,7 +900,13 @@ var Xe = {
 		item: "Item {n}",
 		frame: "Embedded content",
 		video: "Video",
-		transcript: "Transcript"
+		transcript: "Transcript",
+		close: "Close",
+		prevItem: "Previous",
+		nextItem: "Next",
+		openItem: "Open {name}",
+		itemOf: "{n} of {total}",
+		gallery: "Gallery"
 	},
 	tr: {
 		skip: "Ana içeriğe geç",
@@ -927,7 +934,13 @@ var Xe = {
 		item: "Öğe {n}",
 		frame: "Gömülü içerik",
 		video: "Video",
-		transcript: "Metin dökümü"
+		transcript: "Metin dökümü",
+		close: "Kapat",
+		prevItem: "Önceki",
+		nextItem: "Sonraki",
+		openItem: "{name} öğesini aç",
+		itemOf: "{n} / {total}",
+		gallery: "Galeri"
 	}
 };
 function Ze(e) {
@@ -14748,35 +14761,555 @@ function Ml({ src: e, poster: t, alt: n, height: r, bg: i, artboard: a, mode: o
 		}), /* @__PURE__ */ h("span", { children: "Pick a .riv file in the Settings panel." })]
 	}) : null;
 }
-var Nl = { RiveBlock: Ml }, Pl = /* @__PURE__ */ new Map();
-function Fl(e) {
-	if (Pl.has(e)) return Pl.get(e);
+var Nl = { RiveBlock: Ml }, Pl = /\.(mp4|webm|ogv|ogg|mov|m4v)(\?|#|$)/i, Fl = /\.(jpe?g|png|gif|webp|avif|svg|bmp)(\?|#|$)/i, Il = /\.(pdf|docx?|xlsx?|pptx?|odt|ods|odp|txt|csv|zip|rar|7z|mp3|wav|m4a)(\?|#|$)/i, Ll = /vimeo\.com\/(?:video\/)?(\d+)/i, Rl = "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20320%20240%22%3E%3Crect%20width%3D%22320%22%20height%3D%22240%22%20fill%3D%22%231e293b%22%2F%3E%3Ccircle%20cx%3D%22160%22%20cy%3D%22120%22%20r%3D%2234%22%20fill%3D%22rgba(255%2C255%2C255%2C0.16)%22%2F%3E%3Cpath%20d%3D%22M150%20102%20L178%20120%20L150%20138%20Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E";
+function zl(e, t = "") {
+	let n = String(e ?? "");
+	return Ur(n) && /youtu/i.test(n) ? "youtube" : Ll.test(n) ? "vimeo" : String(t).startsWith("video/") || Pl.test(n) ? "video" : String(t).startsWith("image/") || Fl.test(n) ? "image" : t || Il.test(n) ? "document" : "unknown";
+}
+var Bl = /* @__PURE__ */ new Map();
+function Vl(e) {
+	return Bl.has(e) || Bl.set(e, new Promise((t) => {
+		let n = new Image();
+		n.onload = () => t("image"), n.onerror = () => {
+			fetch(e, { method: "HEAD" }).then((e) => t(String(e.headers.get("content-type") ?? "").startsWith("video/") ? "video" : "drop")).catch(() => t("drop"));
+		}, n.src = e;
+	})), Bl.get(e);
+}
+function Hl(e, t = 0) {
+	let [n, r] = d({}), i = e.filter((e) => e.kind === "unknown" && !(e.src in n)).map((e) => e.src).join("|");
+	return s(() => {
+		if (!i || typeof window > "u") return;
+		let e = !0;
+		return i.split("|").forEach((t) => {
+			Vl(t).then((n) => e && r((e) => ({
+				...e,
+				[t]: n
+			})));
+		}), () => {
+			e = !1;
+		};
+	}, [i]), e.map((e) => {
+		if (e.kind !== "unknown") return e;
+		let t = n[e.src] ?? "image";
+		return t === "drop" ? null : {
+			...e,
+			kind: t,
+			thumb: t === "video" ? Wl(e.src, "video", e.poster) : e.thumb
+		};
+	}).filter(Boolean).slice(0, Math.max(0, Number(t) || 0) || void 0).map((e, t) => ({
+		...e,
+		index: t + 1
+	}));
+}
+var Ul = (e) => e === "video" || e === "youtube" || e === "vimeo";
+function Wl(e, t, n) {
+	return n || (t === "image" || t === "unknown" ? e : t === "youtube" ? `https://i.ytimg.com/vi/${Ur(e)}/hqdefault.jpg` : Rl);
+}
+var Gl = (e) => e == null ? "" : Gn(e), Kl = (e) => (Array.isArray(e) ? e : [e]).map((e) => e && typeof e == "object" ? {
+	url: e.url ?? e.src ?? "",
+	mime: e.mime ?? ""
+} : {
+	url: e,
+	mime: ""
+}).filter((e) => typeof e.url == "string" && e.url.trim()), ql = (e) => {
+	try {
+		return decodeURIComponent(String(e).split(/[?#]/)[0].split("/").pop() ?? "");
+	} catch {
+		return "";
+	}
+};
+function Jl({ items: e, entries: t, mediaField: n, nameField: r, posterField: i, limit: a }) {
+	let o = Math.max(0, Number(a) || 0), s = [], c = (e) => o && s.length >= o ? !1 : (s.push({
+		...e,
+		index: s.length + 1
+	}), !0);
+	if (Array.isArray(t)) {
+		for (let e of t) {
+			if (!e || typeof e != "object") continue;
+			let t = e.data ?? e, a = Gl(r ? Un(t, r) : t.name), o = i ? Kl(Un(t, i))[0]?.url ?? "" : "";
+			for (let { url: r, mime: i } of Kl(Un(t, n))) {
+				let t = zl(r, i);
+				if (t !== "document" && !c({
+					src: r,
+					kind: t,
+					poster: o,
+					thumb: Wl(r, t, o),
+					name: a,
+					alt: a,
+					entry: e
+				})) return s;
+			}
+		}
+		return s;
+	}
+	for (let t of Array.isArray(e) ? e : []) {
+		if (!t || typeof t != "object" || !t.src) continue;
+		let e = zl(t.src, t.mime), n = t.name || "";
+		if (e !== "document" && !c({
+			src: t.src,
+			kind: e,
+			poster: t.poster,
+			thumb: Wl(t.src, e, t.poster),
+			name: n,
+			alt: t.alt || n,
+			entry: null
+		})) break;
+	}
+	return s;
+}
+function Yl(e) {
+	let t = e.entry && typeof e.entry == "object" ? e.entry : { id: `item-${e.index}` };
+	return {
+		...t,
+		data: {
+			...t.data ?? {},
+			src: e.src,
+			thumb: e.thumb,
+			name: e.name || ql(e.src),
+			kind: Ul(e.kind) ? "video" : "image",
+			index: e.index
+		}
+	};
+}
+function Xl({ item: e }) {
+	return /* @__PURE__ */ g("span", {
+		...Z("tile-media"),
+		style: {
+			position: "relative",
+			display: "block",
+			borderRadius: "inherit",
+			overflow: "hidden"
+		},
+		children: [/* @__PURE__ */ h("img", {
+			...Z("thumb"),
+			src: e.thumb,
+			alt: e.alt || "",
+			loading: "lazy",
+			style: {
+				display: "block",
+				width: "100%",
+				aspectRatio: "1 / 1",
+				objectFit: "cover",
+				borderRadius: "inherit"
+			}
+		}), Ul(e.kind) && /* @__PURE__ */ h(Zl, {})]
+	});
+}
+function Zl() {
+	return /* @__PURE__ */ h("span", {
+		...Z("play"),
+		"aria-hidden": "true",
+		style: {
+			position: "absolute",
+			left: "50%",
+			top: "50%",
+			width: 44,
+			height: 44,
+			marginLeft: -22,
+			marginTop: -22,
+			borderRadius: "50%",
+			background: "rgba(0, 0, 0, 0.55)",
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "center",
+			pointerEvents: "none"
+		},
+		children: /* @__PURE__ */ h("svg", {
+			width: "18",
+			height: "18",
+			viewBox: "0 0 24 24",
+			fill: "#fff",
+			children: /* @__PURE__ */ h("path", { d: "M8 5v14l11-7z" })
+		})
+	});
+}
+function Ql({ item: e, autoplay: t }) {
+	let n = {
+		maxWidth: "92vw",
+		maxHeight: "80vh",
+		borderRadius: 8,
+		boxShadow: "0 12px 48px rgba(0,0,0,0.5)",
+		display: "block"
+	};
+	if (e.kind === "youtube" || e.kind === "vimeo") {
+		let r = e.kind === "youtube" ? `https://www.youtube-nocookie.com/embed/${Ur(e.src)}?rel=0${t ? "&autoplay=1" : ""}` : `https://player.vimeo.com/video/${e.src.match(Ll)?.[1]}${t ? "?autoplay=1" : ""}`;
+		return /* @__PURE__ */ h("iframe", {
+			...Z("media"),
+			src: r,
+			title: e.name || "Video",
+			allow: "autoplay; encrypted-media; fullscreen; picture-in-picture",
+			allowFullScreen: !0,
+			style: {
+				...n,
+				width: "min(92vw, calc(80vh * 16 / 9))",
+				aspectRatio: "16 / 9",
+				border: 0,
+				background: "#000"
+			}
+		});
+	}
+	return e.kind === "video" ? /* @__PURE__ */ h("video", {
+		...Z("media"),
+		src: e.src,
+		poster: e.thumb === Rl ? void 0 : e.thumb,
+		controls: !0,
+		autoPlay: t,
+		playsInline: !0,
+		style: {
+			...n,
+			background: "#000"
+		}
+	}) : /* @__PURE__ */ h("img", {
+		...Z("media"),
+		src: e.src,
+		alt: e.alt || "",
+		style: n
+	});
+}
+var $l = {
+	position: "absolute",
+	top: "50%",
+	transform: "translateY(-50%)",
+	width: 48,
+	height: 48,
+	borderRadius: "50%",
+	border: 0,
+	background: "rgba(255, 255, 255, 0.12)",
+	color: "inherit",
+	cursor: "pointer",
+	display: "flex",
+	alignItems: "center",
+	justifyContent: "center"
+};
+function eu({ list: e, index: t, onIndex: n, onClose: r, options: i, locale: a }) {
+	let o = Ze(a), { loop: c = !0, caption: l = !0, counter: d = !0, thumbs: f = !1, backdrop: p = "", color: _ = "", autoplay: v = !0 } = i, y = e[t], b = u(null), x = e.length, S = c || t > 0, C = c || t < x - 1, w = (e) => n((t) => {
+		let n = t + e;
+		return c ? (n + x) % x : Math.min(Math.max(n, 0), x - 1);
+	});
+	if (s(() => {
+		let e = (e) => {
+			e.key === "Escape" && r(), e.key === "ArrowRight" && w(1), e.key === "ArrowLeft" && w(-1);
+		}, t = document.body, n = t.style.overflow;
+		return window.addEventListener("keydown", e), t.style.overflow = "hidden", b.current?.focus(), () => {
+			window.removeEventListener("keydown", e), t.style.overflow = n;
+		};
+	}, [x, c]), !y) return null;
+	let T = (e) => e.stopPropagation(), E = y.name || ql(y.src);
+	return /* @__PURE__ */ g("div", {
+		...Z("backdrop"),
+		role: "dialog",
+		"aria-modal": "true",
+		"aria-label": o("gallery"),
+		onClick: r,
+		style: {
+			position: "fixed",
+			inset: 0,
+			zIndex: 2147483e3,
+			background: p || "rgba(0, 0, 0, 0.88)",
+			color: _ || "#fff",
+			display: "flex",
+			flexDirection: "column",
+			alignItems: "center",
+			justifyContent: "center",
+			padding: 24,
+			gap: 12
+		},
+		children: [
+			/* @__PURE__ */ h("div", {
+				...Z("stage"),
+				onClick: T,
+				style: {
+					display: "flex",
+					alignItems: "center",
+					justifyContent: "center"
+				},
+				children: /* @__PURE__ */ h(Ql, {
+					item: y,
+					autoplay: v
+				}, t)
+			}),
+			(l && E || d && x > 1) && /* @__PURE__ */ g("div", {
+				onClick: T,
+				style: {
+					display: "flex",
+					gap: 12,
+					alignItems: "baseline",
+					fontSize: 14
+				},
+				children: [l && E && /* @__PURE__ */ h("span", {
+					...Z("caption"),
+					style: { opacity: .9 },
+					children: E
+				}), d && x > 1 && /* @__PURE__ */ h("span", {
+					...Z("counter"),
+					style: {
+						opacity: .6,
+						fontVariantNumeric: "tabular-nums"
+					},
+					children: o("itemOf", {
+						n: t + 1,
+						total: x
+					})
+				})]
+			}),
+			f && x > 1 && /* @__PURE__ */ h("div", {
+				...Z("thumbs"),
+				onClick: T,
+				style: {
+					display: "flex",
+					gap: 6,
+					maxWidth: "92vw",
+					overflowX: "auto",
+					padding: 4
+				},
+				children: e.map((e, r) => /* @__PURE__ */ h("button", {
+					type: "button",
+					...Z("thumb-button", r === t && "thumb-button-active"),
+					"aria-label": o("itemOf", {
+						n: r + 1,
+						total: x
+					}),
+					"aria-current": r === t || void 0,
+					onClick: () => n(r),
+					style: {
+						flexShrink: 0,
+						padding: 0,
+						border: `2px solid ${r === t ? "currentColor" : "transparent"}`,
+						borderRadius: 6,
+						background: "none",
+						cursor: "pointer",
+						opacity: r === t ? 1 : .6
+					},
+					children: /* @__PURE__ */ h("img", {
+						src: e.thumb,
+						alt: "",
+						style: {
+							display: "block",
+							width: 56,
+							height: 42,
+							objectFit: "cover",
+							borderRadius: 4
+						}
+					})
+				}, r))
+			}),
+			/* @__PURE__ */ h("button", {
+				ref: b,
+				type: "button",
+				...Z("close-button"),
+				"aria-label": o("close"),
+				onClick: r,
+				style: {
+					position: "absolute",
+					top: 16,
+					right: 16,
+					width: 44,
+					height: 44,
+					borderRadius: "50%",
+					border: 0,
+					background: "rgba(255, 255, 255, 0.12)",
+					color: "inherit",
+					cursor: "pointer",
+					fontSize: 24,
+					lineHeight: 1
+				},
+				children: "×"
+			}),
+			x > 1 && /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("button", {
+				type: "button",
+				...Z("arrow", "arrow-prev"),
+				"aria-label": o("prevItem"),
+				disabled: !S,
+				onClick: (e) => {
+					T(e), w(-1);
+				},
+				style: {
+					...$l,
+					left: 16,
+					opacity: S ? 1 : .3
+				},
+				children: /* @__PURE__ */ h("svg", {
+					width: "22",
+					height: "22",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2.2",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					children: /* @__PURE__ */ h("path", { d: "M15 18l-6-6 6-6" })
+				})
+			}), /* @__PURE__ */ h("button", {
+				type: "button",
+				...Z("arrow", "arrow-next"),
+				"aria-label": o("nextItem"),
+				disabled: !C,
+				onClick: (e) => {
+					T(e), w(1);
+				},
+				style: {
+					...$l,
+					right: 16,
+					opacity: C ? 1 : .3
+				},
+				children: /* @__PURE__ */ h("svg", {
+					width: "22",
+					height: "22",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2.2",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					children: /* @__PURE__ */ h("path", { d: "M9 18l6-6-6-6" })
+				})
+			})] })
+		]
+	});
+}
+function tu(e, t, n) {
+	let [r, i] = d(null);
+	return {
+		open: i,
+		overlay: r !== null && e[r] && typeof document < "u" ? p(/* @__PURE__ */ h(eu, {
+			list: e,
+			index: r,
+			onIndex: i,
+			onClose: () => i(null),
+			options: t,
+			locale: n
+		}), document.body) : null
+	};
+}
+function nu(e, t, n) {
+	return {
+		role: "button",
+		tabIndex: 0,
+		"aria-label": Ze(n)("openItem", { name: t }),
+		onClick: (t) => {
+			t.target?.closest?.("a[href]") || e();
+		},
+		onKeyDown: (t) => {
+			(t.key === "Enter" || t.key === " ") && (t.preventDefault(), e());
+		}
+	};
+}
+function ru(e) {
+	let { tenant: t, apiUrl: n, revision: r, locale: i } = o(X), a = o(jn)?.[e], [c, l] = d(null);
+	return s(() => {
+		if (!e || a) return;
+		let r = !0, o = new URLSearchParams({
+			all: "1",
+			...i ? { locale: i } : {}
+		});
+		return fetch(`${n}/dynamic/${encodeURIComponent(e)}?${o}`, { headers: t ? { "x-tenant": t } : {} }).then((e) => e.json()).then((e) => {
+			let t = Array.isArray(e?.payload) ? e.payload : Array.isArray(e?.payload?.data) ? e.payload.data : [];
+			r && l(t.filter((e) => e && typeof e == "object"));
+		}).catch(() => r && l([])), () => {
+			r = !1;
+		};
+	}, [
+		r,
+		e,
+		t,
+		n,
+		i,
+		a
+	]), e ? a ?? c : null;
+}
+var iu = (e, t) => t ? e.filter((e) => e?.id === t || e?.data?.slug === t || e?.slug === t) : e, au = (e, t) => ({
+	display: "grid",
+	gridTemplateColumns: `repeat(${Math.min(Math.max(Number(e) || 4, 1), 8)}, minmax(0, 1fr))`,
+	gap: t === "" || t == null || !Number.isFinite(Number(t)) ? 12 : Math.max(0, Number(t))
+}), ou = (e) => ({
+	loop: e.loop !== !1,
+	caption: e.caption !== !1,
+	counter: e.counter !== !1,
+	thumbs: !!e.thumbs,
+	autoplay: e.autoplay !== !1,
+	backdrop: e.backdrop || "",
+	color: e.color || ""
+});
+function su(e) {
+	let { items: t = [], source: n = "", entry: r = "", mediaField: i = "", nameField: a = "", posterField: s = "", limit: c = 0, emptyText: l = "", columns: u = 4, gap: d = "", templateId: f, renderTemplate: p, style: _, nodeRef: v, inert: y } = e, { locale: b } = o(X), x = o(Fn), S = o(In), C = ru(n), w = Hl(Jl({
+		items: t,
+		entries: n ? iu(C ?? [], r) : null,
+		mediaField: i,
+		nameField: a,
+		posterField: s
+	}), c), { open: T, overlay: E } = tu(w, ou(e), b), D = p ?? (f && x?.render ? (e) => x.render(f, e) : null), O = !!n && C === null;
+	return /* @__PURE__ */ g("div", {
+		ref: v,
+		...Z("grid"),
+		style: {
+			width: "100%",
+			...au(u, d),
+			...G(_)
+		},
+		children: [
+			w.map((t) => {
+				let n = Yl(t);
+				return /* @__PURE__ */ h("div", {
+					...Z("item", Ul(t.kind) && "item-video"),
+					...y ? null : nu(() => T(t.index - 1), n.data.name, b),
+					style: {
+						minWidth: 0,
+						position: "relative",
+						cursor: y ? void 0 : "zoom-in"
+					},
+					children: D ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(In.Provider, {
+						value: {
+							...S ?? {},
+							entry: n
+						},
+						children: D((e) => Qn(e, n, b))
+					}), e.playMark !== !1 && Ul(t.kind) && /* @__PURE__ */ h(Zl, {})] }) : /* @__PURE__ */ h(Xl, { item: t })
+				}, `${t.index}-${t.src}`);
+			}),
+			!w.length && !O && (n ? l : null) && /* @__PURE__ */ h("div", {
+				...Z("empty"),
+				style: {
+					gridColumn: "1 / -1",
+					padding: "24px 12px",
+					fontSize: 13,
+					opacity: .55,
+					textAlign: "center"
+				},
+				children: l
+			}),
+			E
+		]
+	});
+}
+var cu = { LightboxGallery: su }, lu = /* @__PURE__ */ new Map();
+function uu(e) {
+	if (lu.has(e)) return lu.get(e);
 	let t = URL.createObjectURL(new Blob([e], { type: "text/javascript" })), n = import(
 		/* @vite-ignore */
 		/* webpackIgnore: true */
 		t
 ).finally(() => URL.revokeObjectURL(t));
-	return Pl.set(e, n), n;
+	return lu.set(e, n), n;
 }
-function Il(e) {
+function du(e) {
 	let t = e && typeof e == "object" ? e.builder_plugins : null, n = t && typeof t == "object" ? t.plugins : null;
 	return n && typeof n == "object" ? n : {};
 }
 //#endregion
 //#region ../ui/src/components/builder/plugins/view.jsx
-async function Ll(e, t) {
-	let n = await Fl(e);
+async function fu(e, t) {
+	let n = await uu(e);
 	return (Array.isArray(n?.default?.blocks) ? n.default.blocks : []).find((e) => e?.id === t && typeof e.mount == "function") ?? null;
 }
-var Rl = {
+var pu = {
 	padding: "10px 12px",
 	border: "1px dashed rgba(148, 163, 184, 0.5)",
 	borderRadius: 8,
 	fontSize: 12,
 	opacity: .6
 };
-function zl({ pluginId: e, blockId: t, props: n, style: r, nodeRef: i }) {
-	let a = o(X), c = Il(a?.settings)[e], l = u(null), d = u(null), f = {
+function mu({ pluginId: e, blockId: t, props: n, style: r, nodeRef: i }) {
+	let a = o(X), c = du(a?.settings)[e], l = u(null), d = u(null), f = {
 		tenant: a?.tenant ?? "",
 		apiUrl: a?.apiUrl ?? "/api",
 		locale: a?.locale ?? "",
@@ -14788,7 +15321,7 @@ function zl({ pluginId: e, blockId: t, props: n, style: r, nodeRef: i }) {
 		let e = l.current;
 		if (!c?.code || !e) return;
 		let n = !0;
-		return Ll(c.code, t).then((e) => {
+		return fu(c.code, t).then((e) => {
 			if (!(!n || !e || !l.current)) {
 				d.current = e;
 				try {
@@ -14818,7 +15351,7 @@ function zl({ pluginId: e, blockId: t, props: n, style: r, nodeRef: i }) {
 	}) : /* @__PURE__ */ g("div", {
 		ref: i,
 		style: {
-			...Rl,
+			...pu,
 			...G(r)
 		},
 		children: [
@@ -14830,7 +15363,7 @@ function zl({ pluginId: e, blockId: t, props: n, style: r, nodeRef: i }) {
 }
 //#endregion
 //#region ../ui/src/components/builder/render.jsx
-function Bl(e, t, n) {
+function hu(e, t, n) {
 	let r = { "data-wb": e };
 	t.htmlId && (r.id = t.htmlId), n && n.id === e && (r.id = t.htmlId || n.htmlId, r.tabIndex = -1);
 	let i = q(t.classNames);
@@ -14844,7 +15377,7 @@ function Bl(e, t, n) {
 		classes: i
 	};
 }
-function Vl({ View: e, markup: n, ...r }) {
+function gu({ View: e, markup: n, ...r }) {
 	let a = e(r);
 	if (!i(a) || typeof a.type != "string") return a;
 	let o = [a.props.className, ...n.classes].filter(Boolean).join(" ");
@@ -14853,56 +15386,61 @@ function Vl({ View: e, markup: n, ...r }) {
 		...o ? { className: o } : {}
 	});
 }
-var Hl = /* @__PURE__ */ new Set([
+var _u = /* @__PURE__ */ new Set([
 	"FormInput",
 	"FormTextarea",
 	"FormSelect"
 ]);
-function Ul(e, t, n, r) {
+function vu(e, t, n, r) {
 	if (t.forNode === "__none") return "";
 	let i = t.forNode ? n[t.forNode] : null;
 	if (!t.forNode) {
 		let t = n[r]?.nodes ?? [];
 		i = n[t[t.indexOf(e) + 1]] ?? null;
 	}
-	return !i || !Hl.has(i.type?.resolvedName) ? "" : i.props?.htmlId || ea(i.props?.name) || "";
+	return !i || !_u.has(i.type?.resolvedName) ? "" : i.props?.htmlId || ea(i.props?.name) || "";
 }
-var Wl = "slot-", Gl = {
+var yu = "slot-", bu = {
 	...Eo,
 	...Mc,
 	...ml,
 	...Nl,
-	PluginBlock: zl
+	...cu,
+	PluginBlock: mu
 };
-function Kl(t, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
+function xu(t, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 	let o = n[t];
 	if (!o || o.hidden) return null;
 	let s = o.type?.resolvedName, c = a?.mapProps ? a.mapProps(o.props ?? {}, s) : o.props ?? {};
 	if (s === "ComponentInstance") {
 		let s = o.props?.componentId, l = r?.[s];
 		if (!l?.template || i.has(s)) return null;
-		let u = new Set(i).add(s), d = Object.fromEntries(Object.entries(o.linkedNodes ?? {}).filter(([e]) => e.startsWith(Wl)).map(([e, t]) => [e.slice(5), Kl(t, n, r, i, a)]));
-		return /* @__PURE__ */ h(e, { children: Kl(l.template.rootId, l.template.nodes, r, u, {
+		let u = new Set(i).add(s), d = Object.fromEntries(Object.entries(o.linkedNodes ?? {}).filter(([e]) => e.startsWith(yu)).map(([e, t]) => [e.slice(5), xu(t, n, r, i, a)]));
+		return /* @__PURE__ */ h(e, { children: xu(l.template.rootId, l.template.nodes, r, u, {
 			...mt(c.values, a),
 			slots: d
 		}) }, t);
 	}
-	let l = Gl[s];
+	let l = bu[s];
 	if (!l) return null;
-	let u = c.compSlot?.id, d = u && a?.slots && Object.hasOwn(a.slots, u) ? a.slots[u] : void 0, f = d === void 0 ? (o.nodes ?? []).map((e) => Kl(e, n, r, i, a)).filter(Boolean) : [d].filter(Boolean), p = Object.entries(o.linkedNodes ?? {}), m = p.length ? Object.fromEntries(p.map(([e, t]) => [e, Kl(t, n, r, i, a)])) : void 0, g = /* @__PURE__ */ h(typeof l == "function" ? Vl : l, {
+	let u = c.compSlot?.id, d = u && a?.slots && Object.hasOwn(a.slots, u) ? a.slots[u] : void 0, f = d === void 0 ? (o.nodes ?? []).map((e) => xu(e, n, r, i, a)).filter(Boolean) : [d].filter(Boolean), p = Object.entries(o.linkedNodes ?? {}), m = p.length ? Object.fromEntries(p.map(([e, t]) => [e, xu(t, n, r, i, a)])) : void 0, g = /* @__PURE__ */ h(typeof l == "function" ? gu : l, {
 		...typeof l == "function" ? {
 			View: l,
-			markup: Bl(t, c, a?.skipTarget)
+			markup: hu(t, c, a?.skipTarget)
 		} : null,
 		...c,
 		...s === "CollectionList" ? {
 			templateId: o.linkedNodes?.card,
-			renderTemplate: o.linkedNodes?.card ? (e) => Kl(o.linkedNodes.card, n, r, i, {
+			renderTemplate: o.linkedNodes?.card ? (e) => xu(o.linkedNodes.card, n, r, i, {
 				...a,
 				mapProps: a?.mapProps ? (t, n) => a.mapProps(e(t, n), n) : e
 			}) : void 0
 		} : null,
-		...s === "FormLabel" ? { htmlFor: Ul(t, c, n, o.parent) } : null,
+		...s === "LightboxGallery" && o.linkedNodes?.item ? { renderTemplate: (e) => xu(o.linkedNodes.item, n, r, i, {
+			...a,
+			mapProps: a?.mapProps ? (t, n) => a.mapProps(e(t, n), n) : e
+		}) } : null,
+		...s === "FormLabel" ? { htmlFor: vu(t, c, n, o.parent) } : null,
 		linked: m,
 		nodeRef: (e) => {
 			e && (e.setAttribute("data-wb", t), le(e, c), a?.skipTarget?.id === t && (e.id = c.htmlId || a.skipTarget.htmlId, e.tabIndex = -1), ce(e, a?.events === !1 ? [] : c.events));
@@ -14919,9 +15457,9 @@ function Kl(t, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 }
 //#endregion
 //#region ../ui/src/components/builder/PageRenderer.jsx
-var ql = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" "), Jl = (e) => `.webim-page[data-webim-mode="light"] { ${Object.entries(Fe(e.light)).map(([e, t]) => `${e}: ${t} !important;`).join(" ")} }
+var Su = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" "), Cu = (e) => `.webim-page[data-webim-mode="light"] { ${Object.entries(Fe(e.light)).map(([e, t]) => `${e}: ${t} !important;`).join(" ")} }
 .webim-page[data-webim-mode="dark"] { ${Object.entries(Fe(e.dark)).map(([e, t]) => `${e}: ${t} !important;`).join(" ")} }`;
-function Yl({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, custom: a, animations: o, tenant: c, apiUrl: u, datasets: d, locale: f, direction: p, settings: _, siteUser: v, param: y }) {
+function wu({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, custom: a, animations: o, tenant: c, apiUrl: u, datasets: d, locale: f, direction: p, settings: _, siteUser: v, param: y }) {
 	let b = a?.js?.trim(), S = _ && _["site.code"] && typeof _["site.code"] == "object" ? _["site.code"] : null, C = typeof S?.js == "string" ? S.js.trim() : "", T = typeof S?.css == "string" ? S.css.trim() : "";
 	if (s(() => {
 		if (!C) return;
@@ -14939,15 +15477,15 @@ function Yl({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, cu
 		minHeight: "100%",
 		display: "flex",
 		flexDirection: "column"
-	}, k = ot(e, n), A = Kl("ROOT", e, n, void 0, k ? { skipTarget: k } : void 0), j = k ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("style", { children: et }), /* @__PURE__ */ h("a", {
+	}, k = ot(e, n), A = xu("ROOT", e, n, void 0, k ? { skipTarget: k } : void 0), j = k ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("style", { children: et }), /* @__PURE__ */ h("a", {
 		className: "webim-skip",
 		href: `#${k.htmlId}`,
 		children: Ze(f || _?.locales?.default)("skip")
-	})] }) : null, M = l(() => ({ render: (t, r) => Kl(t, e, n, void 0, { mapProps: r }) }), [e, n]), N = we(e, n), P = Ce(e, n), F = a?.css?.trim(), I = V(o), L = Pe(t), R = [L.font, L.headingFont].filter((e) => typeof e == "string" && e.trim() && e !== "inherit" && !je[e]), z = [.../* @__PURE__ */ new Set([...w(e, n), ...R])].map((e) => /* @__PURE__ */ h("link", {
+	})] }) : null, M = l(() => ({ render: (t, r) => xu(t, e, n, void 0, { mapProps: r }) }), [e, n]), N = we(e, n), P = Ce(e, n), F = a?.css?.trim(), I = V(o), L = Pe(t), R = [L.font, L.headingFont].filter((e) => typeof e == "string" && e.trim() && e !== "inherit" && !je[e]), z = [.../* @__PURE__ */ new Set([...w(e, n), ...R])].map((e) => /* @__PURE__ */ h("link", {
 		rel: "stylesheet",
 		precedence: "default",
 		href: x(e)
-	}, e)), B = Jl(L), H = Be(t);
+	}, e)), B = Cu(L), H = Be(t);
 	return r === "auto" ? /* @__PURE__ */ h(X.Provider, {
 		value: {
 			tenant: c || "",
@@ -14972,8 +15510,8 @@ function Yl({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, cu
 						},
 						children: [
 							j,
-							/* @__PURE__ */ h("style", { children: `.webim-page { ${ql(Fe(L.light))} }
-@media (prefers-color-scheme: dark) { .webim-page { ${ql(Fe(L.dark))} } }` }),
+							/* @__PURE__ */ h("style", { children: `.webim-page { ${Su(Fe(L.light))} }
+@media (prefers-color-scheme: dark) { .webim-page { ${Su(Fe(L.dark))} } }` }),
 							/* @__PURE__ */ h("style", { children: B }),
 							z,
 							/* @__PURE__ */ h("style", { children: D }),
@@ -15032,8 +15570,8 @@ function Yl({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, cu
 }
 //#endregion
 //#region src/WebimContent.jsx
-function Xl({ bundle: e, mode: t = "auto", style: n }) {
-	return e?.blocks?.ROOT ? /* @__PURE__ */ h(Yl, {
+function Tu({ bundle: e, mode: t = "auto", style: n }) {
+	return e?.blocks?.ROOT ? /* @__PURE__ */ h(wu, {
 		blocks: e.blocks,
 		theme: e.theme,
 		components: e.components,
@@ -15052,7 +15590,7 @@ function Xl({ bundle: e, mode: t = "auto", style: n }) {
 }
 //#endregion
 //#region src/WebimPage.jsx
-function Zl({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token: a, mode: o = "auto", style: c, fallback: l = null, errorFallback: f = null, onLoad: p, onError: m }) {
+function Eu({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token: a, mode: o = "auto", style: c, fallback: l = null, errorFallback: f = null, onLoad: p, onError: m }) {
 	let [g, _] = d({ status: "loading" }), v = u({
 		onLoad: p,
 		onError: m
@@ -15089,11 +15627,11 @@ function Zl({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token: a, mo
 		r,
 		i,
 		a
-	]), g.status === "loading" ? l : g.status === "error" ? typeof f == "function" ? f(g.error) : f : /* @__PURE__ */ h(Xl, {
+	]), g.status === "loading" ? l : g.status === "error" ? typeof f == "function" ? f(g.error) : f : /* @__PURE__ */ h(Tu, {
 		bundle: g.bundle,
 		mode: o,
 		style: c
 	});
 }
 //#endregion
-export { Yl as PageRenderer, Xl as WebimContent, Zl as WebimPage, Je as fetchPage, Or as renderRichContent, We as resolveTheme };
+export { wu as PageRenderer, Tu as WebimContent, Eu as WebimPage, Je as fetchPage, Or as renderRichContent, We as resolveTheme };