webim-adapter 2.7.12 → 2.8.0

package/build/webim-ssr.js

@@ -868,7 +868,13 @@ var Qe = {
 		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ç",
@@ -896,7 +902,13 @@ var Qe = {
 		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 $e(e) {
@@ -14706,35 +14718,555 @@ function jl({ src: e, poster: t, alt: n, height: r, bg: i, artboard: a, mode: o
 		}), /* @__PURE__ */ g("span", { children: "Pick a .riv file in the Settings panel." })]
 	}) : null;
 }
-var Ml = { RiveBlock: jl }, Nl = /* @__PURE__ */ new Map();
-function Pl(e) {
-	if (Nl.has(e)) return Nl.get(e);
+var Ml = { RiveBlock: jl }, Nl = /\.(mp4|webm|ogv|ogg|mov|m4v)(\?|#|$)/i, Pl = /\.(jpe?g|png|gif|webp|avif|svg|bmp)(\?|#|$)/i, Fl = /\.(pdf|docx?|xlsx?|pptx?|odt|ods|odp|txt|csv|zip|rar|7z|mp3|wav|m4a)(\?|#|$)/i, Il = /vimeo\.com\/(?:video\/)?(\d+)/i, Ll = "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 Rl(e, t = "") {
+	let n = String(e ?? "");
+	return Hr(n) && /youtu/i.test(n) ? "youtube" : Il.test(n) ? "vimeo" : String(t).startsWith("video/") || Nl.test(n) ? "video" : String(t).startsWith("image/") || Pl.test(n) ? "image" : t || Fl.test(n) ? "document" : "unknown";
+}
+var zl = /* @__PURE__ */ new Map();
+function Bl(e) {
+	return zl.has(e) || zl.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;
+	})), zl.get(e);
+}
+function Vl(e, t = 0) {
+	let [n, r] = f({}), i = e.filter((e) => e.kind === "unknown" && !(e.src in n)).map((e) => e.src).join("|");
+	return c(() => {
+		if (!i || typeof window > "u") return;
+		let e = !0;
+		return i.split("|").forEach((t) => {
+			Bl(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" ? Ul(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 Hl = (e) => e === "video" || e === "youtube" || e === "vimeo";
+function Ul(e, t, n) {
+	return n || (t === "image" || t === "unknown" ? e : t === "youtube" ? `https://i.ytimg.com/vi/${Hr(e)}/hqdefault.jpg` : Ll);
+}
+var Wl = (e) => e == null ? "" : Wn(e), Gl = (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()), Kl = (e) => {
+	try {
+		return decodeURIComponent(String(e).split(/[?#]/)[0].split("/").pop() ?? "");
+	} catch {
+		return "";
+	}
+};
+function ql({ 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 = Wl(r ? Hn(t, r) : t.name), o = i ? Gl(Hn(t, i))[0]?.url ?? "" : "";
+			for (let { url: r, mime: i } of Gl(Hn(t, n))) {
+				let t = Rl(r, i);
+				if (t !== "document" && !c({
+					src: r,
+					kind: t,
+					poster: o,
+					thumb: Ul(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 = Rl(t.src, t.mime), n = t.name || "";
+		if (e !== "document" && !c({
+			src: t.src,
+			kind: e,
+			poster: t.poster,
+			thumb: Ul(t.src, e, t.poster),
+			name: n,
+			alt: t.alt || n,
+			entry: null
+		})) break;
+	}
+	return s;
+}
+function Jl(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 || Kl(e.src),
+			kind: Hl(e.kind) ? "video" : "image",
+			index: e.index
+		}
+	};
+}
+function Yl({ item: e }) {
+	return /* @__PURE__ */ _("span", {
+		...Z("tile-media"),
+		style: {
+			position: "relative",
+			display: "block",
+			borderRadius: "inherit",
+			overflow: "hidden"
+		},
+		children: [/* @__PURE__ */ g("img", {
+			...Z("thumb"),
+			src: e.thumb,
+			alt: e.alt || "",
+			loading: "lazy",
+			style: {
+				display: "block",
+				width: "100%",
+				aspectRatio: "1 / 1",
+				objectFit: "cover",
+				borderRadius: "inherit"
+			}
+		}), Hl(e.kind) && /* @__PURE__ */ g(Xl, {})]
+	});
+}
+function Xl() {
+	return /* @__PURE__ */ g("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__ */ g("svg", {
+			width: "18",
+			height: "18",
+			viewBox: "0 0 24 24",
+			fill: "#fff",
+			children: /* @__PURE__ */ g("path", { d: "M8 5v14l11-7z" })
+		})
+	});
+}
+function Zl({ 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/${Hr(e.src)}?rel=0${t ? "&autoplay=1" : ""}` : `https://player.vimeo.com/video/${e.src.match(Il)?.[1]}${t ? "?autoplay=1" : ""}`;
+		return /* @__PURE__ */ g("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__ */ g("video", {
+		...Z("media"),
+		src: e.src,
+		poster: e.thumb === Ll ? void 0 : e.thumb,
+		controls: !0,
+		autoPlay: t,
+		playsInline: !0,
+		style: {
+			...n,
+			background: "#000"
+		}
+	}) : /* @__PURE__ */ g("img", {
+		...Z("media"),
+		src: e.src,
+		alt: e.alt || "",
+		style: n
+	});
+}
+var Ql = {
+	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 $l({ list: e, index: t, onIndex: n, onClose: r, options: i, locale: a }) {
+	let o = $e(a), { loop: s = !0, caption: l = !0, counter: u = !0, thumbs: f = !1, backdrop: p = "", color: m = "", autoplay: v = !0 } = i, y = e[t], b = d(null), x = e.length, S = s || t > 0, C = s || t < x - 1, w = (e) => n((t) => {
+		let n = t + e;
+		return s ? (n + x) % x : Math.min(Math.max(n, 0), x - 1);
+	});
+	if (c(() => {
+		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, s]), !y) return null;
+	let T = (e) => e.stopPropagation(), E = y.name || Kl(y.src);
+	return /* @__PURE__ */ _("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: m || "#fff",
+			display: "flex",
+			flexDirection: "column",
+			alignItems: "center",
+			justifyContent: "center",
+			padding: 24,
+			gap: 12
+		},
+		children: [
+			/* @__PURE__ */ g("div", {
+				...Z("stage"),
+				onClick: T,
+				style: {
+					display: "flex",
+					alignItems: "center",
+					justifyContent: "center"
+				},
+				children: /* @__PURE__ */ g(Zl, {
+					item: y,
+					autoplay: v
+				}, t)
+			}),
+			(l && E || u && x > 1) && /* @__PURE__ */ _("div", {
+				onClick: T,
+				style: {
+					display: "flex",
+					gap: 12,
+					alignItems: "baseline",
+					fontSize: 14
+				},
+				children: [l && E && /* @__PURE__ */ g("span", {
+					...Z("caption"),
+					style: { opacity: .9 },
+					children: E
+				}), u && x > 1 && /* @__PURE__ */ g("span", {
+					...Z("counter"),
+					style: {
+						opacity: .6,
+						fontVariantNumeric: "tabular-nums"
+					},
+					children: o("itemOf", {
+						n: t + 1,
+						total: x
+					})
+				})]
+			}),
+			f && x > 1 && /* @__PURE__ */ g("div", {
+				...Z("thumbs"),
+				onClick: T,
+				style: {
+					display: "flex",
+					gap: 6,
+					maxWidth: "92vw",
+					overflowX: "auto",
+					padding: 4
+				},
+				children: e.map((e, r) => /* @__PURE__ */ g("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__ */ g("img", {
+						src: e.thumb,
+						alt: "",
+						style: {
+							display: "block",
+							width: 56,
+							height: 42,
+							objectFit: "cover",
+							borderRadius: 4
+						}
+					})
+				}, r))
+			}),
+			/* @__PURE__ */ g("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__ */ _(h, { children: [/* @__PURE__ */ g("button", {
+				type: "button",
+				...Z("arrow", "arrow-prev"),
+				"aria-label": o("prevItem"),
+				disabled: !S,
+				onClick: (e) => {
+					T(e), w(-1);
+				},
+				style: {
+					...Ql,
+					left: 16,
+					opacity: S ? 1 : .3
+				},
+				children: /* @__PURE__ */ g("svg", {
+					width: "22",
+					height: "22",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2.2",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					children: /* @__PURE__ */ g("path", { d: "M15 18l-6-6 6-6" })
+				})
+			}), /* @__PURE__ */ g("button", {
+				type: "button",
+				...Z("arrow", "arrow-next"),
+				"aria-label": o("nextItem"),
+				disabled: !C,
+				onClick: (e) => {
+					T(e), w(1);
+				},
+				style: {
+					...Ql,
+					right: 16,
+					opacity: C ? 1 : .3
+				},
+				children: /* @__PURE__ */ g("svg", {
+					width: "22",
+					height: "22",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "2.2",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					children: /* @__PURE__ */ g("path", { d: "M9 18l6-6-6-6" })
+				})
+			})] })
+		]
+	});
+}
+function eu(e, t, n) {
+	let [r, i] = f(null);
+	return {
+		open: i,
+		overlay: r !== null && e[r] && typeof document < "u" ? m(/* @__PURE__ */ g($l, {
+			list: e,
+			index: r,
+			onIndex: i,
+			onClose: () => i(null),
+			options: t,
+			locale: n
+		}), document.body) : null
+	};
+}
+function tu(e, t, n) {
+	return {
+		role: "button",
+		tabIndex: 0,
+		"aria-label": $e(n)("openItem", { name: t }),
+		onClick: (t) => {
+			t.target?.closest?.("a[href]") || e();
+		},
+		onKeyDown: (t) => {
+			(t.key === "Enter" || t.key === " ") && (t.preventDefault(), e());
+		}
+	};
+}
+function nu(e) {
+	let { tenant: t, apiUrl: n, revision: r, locale: i } = s(X), a = s(An)?.[e], [o, l] = f(null);
+	return c(() => {
+		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 ?? o : null;
+}
+var ru = (e, t) => t ? e.filter((e) => e?.id === t || e?.data?.slug === t || e?.slug === t) : e, iu = (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))
+}), au = (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 ou(e) {
+	let { items: t = [], source: n = "", entry: r = "", mediaField: i = "", nameField: a = "", posterField: o = "", limit: c = 0, emptyText: l = "", columns: u = 4, gap: d = "", templateId: f, renderTemplate: p, style: m, nodeRef: v, inert: y } = e, { locale: b } = s(X), x = s(Pn), S = s(Fn), C = nu(n), w = Vl(ql({
+		items: t,
+		entries: n ? ru(C ?? [], r) : null,
+		mediaField: i,
+		nameField: a,
+		posterField: o
+	}), c), { open: T, overlay: E } = eu(w, au(e), b), D = p ?? (f && x?.render ? (e) => x.render(f, e) : null), O = !!n && C === null;
+	return /* @__PURE__ */ _("div", {
+		ref: v,
+		...Z("grid"),
+		style: {
+			width: "100%",
+			...iu(u, d),
+			...q(m)
+		},
+		children: [
+			w.map((t) => {
+				let n = Jl(t);
+				return /* @__PURE__ */ g("div", {
+					...Z("item", Hl(t.kind) && "item-video"),
+					...y ? null : tu(() => T(t.index - 1), n.data.name, b),
+					style: {
+						minWidth: 0,
+						position: "relative",
+						cursor: y ? void 0 : "zoom-in"
+					},
+					children: D ? /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(Fn.Provider, {
+						value: {
+							...S ?? {},
+							entry: n
+						},
+						children: D((e) => Zn(e, n, b))
+					}), e.playMark !== !1 && Hl(t.kind) && /* @__PURE__ */ g(Xl, {})] }) : /* @__PURE__ */ g(Yl, { item: t })
+				}, `${t.index}-${t.src}`);
+			}),
+			!w.length && !O && (n ? l : null) && /* @__PURE__ */ g("div", {
+				...Z("empty"),
+				style: {
+					gridColumn: "1 / -1",
+					padding: "24px 12px",
+					fontSize: 13,
+					opacity: .55,
+					textAlign: "center"
+				},
+				children: l
+			}),
+			E
+		]
+	});
+}
+var su = { LightboxGallery: ou }, cu = /* @__PURE__ */ new Map();
+function lu(e) {
+	if (cu.has(e)) return cu.get(e);
 	let t = URL.createObjectURL(new Blob([e], { type: "text/javascript" })), n = import(
 		/* @vite-ignore */
 		/* webpackIgnore: true */
 		t
 ).finally(() => URL.revokeObjectURL(t));
-	return Nl.set(e, n), n;
+	return cu.set(e, n), n;
 }
-function Fl(e) {
+function uu(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 Il(e, t) {
-	let n = await Pl(e);
+async function du(e, t) {
+	let n = await lu(e);
 	return (Array.isArray(n?.default?.blocks) ? n.default.blocks : []).find((e) => e?.id === t && typeof e.mount == "function") ?? null;
 }
-var Ll = {
+var fu = {
 	padding: "10px 12px",
 	border: "1px dashed rgba(148, 163, 184, 0.5)",
 	borderRadius: 8,
 	fontSize: 12,
 	opacity: .6
 };
-function Rl({ pluginId: e, blockId: t, props: n, style: r, nodeRef: i }) {
-	let a = s(X), o = Fl(a?.settings)[e], l = d(null), u = d(null), f = {
+function pu({ pluginId: e, blockId: t, props: n, style: r, nodeRef: i }) {
+	let a = s(X), o = uu(a?.settings)[e], l = d(null), u = d(null), f = {
 		tenant: a?.tenant ?? "",
 		apiUrl: a?.apiUrl ?? "/api",
 		locale: a?.locale ?? "",
@@ -14746,7 +15278,7 @@ function Rl({ pluginId: e, blockId: t, props: n, style: r, nodeRef: i }) {
 		let e = l.current;
 		if (!o?.code || !e) return;
 		let n = !0;
-		return Il(o.code, t).then((e) => {
+		return du(o.code, t).then((e) => {
 			if (!(!n || !e || !l.current)) {
 				u.current = e;
 				try {
@@ -14776,7 +15308,7 @@ function Rl({ pluginId: e, blockId: t, props: n, style: r, nodeRef: i }) {
 	}) : /* @__PURE__ */ _("div", {
 		ref: i,
 		style: {
-			...Ll,
+			...fu,
 			...q(r)
 		},
 		children: [
@@ -14788,7 +15320,7 @@ function Rl({ pluginId: e, blockId: t, props: n, style: r, nodeRef: i }) {
 }
 //#endregion
 //#region ../ui/src/components/builder/render.jsx
-function zl(e, t, n) {
+function mu(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 = ae(t.classNames);
@@ -14802,7 +15334,7 @@ function zl(e, t, n) {
 		classes: i
 	};
 }
-function Bl({ View: e, markup: t, ...r }) {
+function hu({ View: e, markup: t, ...r }) {
 	let i = e(r);
 	if (!a(i) || typeof i.type != "string") return i;
 	let o = [i.props.className, ...t.classes].filter(Boolean).join(" ");
@@ -14811,56 +15343,61 @@ function Bl({ View: e, markup: t, ...r }) {
 		...o ? { className: o } : {}
 	});
 }
-var Vl = /* @__PURE__ */ new Set([
+var gu = /* @__PURE__ */ new Set([
 	"FormInput",
 	"FormTextarea",
 	"FormSelect"
 ]);
-function Hl(e, t, n, r) {
+function _u(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 || !Vl.has(i.type?.resolvedName) ? "" : i.props?.htmlId || $i(i.props?.name) || "";
+	return !i || !gu.has(i.type?.resolvedName) ? "" : i.props?.htmlId || $i(i.props?.name) || "";
 }
-var Ul = "slot-", Wl = {
+var vu = "slot-", yu = {
 	...To,
 	...jc,
 	...pl,
 	...Ml,
-	PluginBlock: Rl
+	...su,
+	PluginBlock: pu
 };
-function Gl(e, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
+function bu(e, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 	let o = n[e];
 	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(Ul)).map(([e, t]) => [e.slice(5), Gl(t, n, r, i, a)]));
-		return /* @__PURE__ */ g(t, { children: Gl(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(vu)).map(([e, t]) => [e.slice(5), bu(t, n, r, i, a)]));
+		return /* @__PURE__ */ g(t, { children: bu(l.template.rootId, l.template.nodes, r, u, {
 			...pt(c.values, a),
 			slots: d
 		}) }, e);
 	}
-	let l = Wl[s];
+	let l = yu[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) => Gl(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, Gl(t, n, r, i, a)])) : void 0, h = /* @__PURE__ */ g(typeof l == "function" ? Bl : 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) => bu(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, bu(t, n, r, i, a)])) : void 0, h = /* @__PURE__ */ g(typeof l == "function" ? hu : l, {
 		...typeof l == "function" ? {
 			View: l,
-			markup: zl(e, c, a?.skipTarget)
+			markup: mu(e, c, a?.skipTarget)
 		} : null,
 		...c,
 		...s === "CollectionList" ? {
 			templateId: o.linkedNodes?.card,
-			renderTemplate: o.linkedNodes?.card ? (e) => Gl(o.linkedNodes.card, n, r, i, {
+			renderTemplate: o.linkedNodes?.card ? (e) => bu(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: Hl(e, c, n, o.parent) } : null,
+		...s === "LightboxGallery" && o.linkedNodes?.item ? { renderTemplate: (e) => bu(o.linkedNodes.item, n, r, i, {
+			...a,
+			mapProps: a?.mapProps ? (t, n) => a.mapProps(e(t, n), n) : e
+		}) } : null,
+		...s === "FormLabel" ? { htmlFor: _u(e, c, n, o.parent) } : null,
 		linked: m,
 		nodeRef: (t) => {
 			t && (t.setAttribute("data-wb", e), pe(t, c), a?.skipTarget?.id === e && (t.id = c.htmlId || a.skipTarget.htmlId, t.tabIndex = -1), fe(t, a?.events === !1 ? [] : c.events));
@@ -14877,9 +15414,9 @@ function Gl(e, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 }
 //#endregion
 //#region ../ui/src/components/builder/PageRenderer.jsx
-var Kl = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" "), ql = (e) => `.webim-page[data-webim-mode="light"] { ${Object.entries(ze(e.light)).map(([e, t]) => `${e}: ${t} !important;`).join(" ")} }
+var xu = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" "), Su = (e) => `.webim-page[data-webim-mode="light"] { ${Object.entries(ze(e.light)).map(([e, t]) => `${e}: ${t} !important;`).join(" ")} }
 .webim-page[data-webim-mode="dark"] { ${Object.entries(ze(e.dark)).map(([e, t]) => `${e}: ${t} !important;`).join(" ")} }`;
-function Jl({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, custom: a, animations: o, tenant: s, apiUrl: l, datasets: d, locale: f, direction: p, settings: m, siteUser: v, param: y }) {
+function Cu({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, custom: a, animations: o, tenant: s, apiUrl: l, datasets: d, locale: f, direction: p, settings: m, siteUser: v, param: y }) {
 	let x = a?.js?.trim(), S = m && m["site.code"] && typeof m["site.code"] == "object" ? m["site.code"] : null, C = typeof S?.js == "string" ? S.js.trim() : "", w = typeof S?.css == "string" ? S.css.trim() : "";
 	if (c(() => {
 		if (!C) return;
@@ -14897,15 +15434,15 @@ function Jl({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, cu
 		minHeight: "100%",
 		display: "flex",
 		flexDirection: "column"
-	}, A = ct(e, n), j = Gl("ROOT", e, n, void 0, A ? { skipTarget: A } : void 0), M = A ? /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("style", { children: nt }), /* @__PURE__ */ g("a", {
+	}, A = ct(e, n), j = bu("ROOT", e, n, void 0, A ? { skipTarget: A } : void 0), M = A ? /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("style", { children: nt }), /* @__PURE__ */ g("a", {
 		className: "webim-skip",
 		href: `#${A.htmlId}`,
 		children: $e(f || m?.locales?.default)("skip")
-	})] }) : null, N = u(() => ({ render: (t, r) => Gl(t, e, n, void 0, { mapProps: r }) }), [e, n]), P = De(e, n), F = J(e, n), I = a?.css?.trim(), L = G(o), R = Re(t), z = [R.font, R.headingFont].filter((e) => typeof e == "string" && e.trim() && e !== "inherit" && !Fe[e]), B = [.../* @__PURE__ */ new Set([...O(e, n), ...z])].map((e) => /* @__PURE__ */ g("link", {
+	})] }) : null, N = u(() => ({ render: (t, r) => bu(t, e, n, void 0, { mapProps: r }) }), [e, n]), P = De(e, n), F = J(e, n), I = a?.css?.trim(), L = G(o), R = Re(t), z = [R.font, R.headingFont].filter((e) => typeof e == "string" && e.trim() && e !== "inherit" && !Fe[e]), B = [.../* @__PURE__ */ new Set([...O(e, n), ...z])].map((e) => /* @__PURE__ */ g("link", {
 		rel: "stylesheet",
 		precedence: "default",
 		href: T(e)
-	}, e)), V = ql(R), H = We(t);
+	}, e)), V = Su(R), H = We(t);
 	return r === "auto" ? /* @__PURE__ */ g(X.Provider, {
 		value: {
 			tenant: s || "",
@@ -14930,8 +15467,8 @@ function Jl({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, cu
 						},
 						children: [
 							M,
-							/* @__PURE__ */ g("style", { children: `.webim-page { ${Kl(ze(R.light))} }
-@media (prefers-color-scheme: dark) { .webim-page { ${Kl(ze(R.dark))} } }` }),
+							/* @__PURE__ */ g("style", { children: `.webim-page { ${xu(ze(R.light))} }
+@media (prefers-color-scheme: dark) { .webim-page { ${xu(ze(R.dark))} } }` }),
 							/* @__PURE__ */ g("style", { children: V }),
 							B,
 							/* @__PURE__ */ g("style", { children: D }),
@@ -14990,8 +15527,8 @@ function Jl({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, cu
 }
 //#endregion
 //#region src/WebimContent.jsx
-function Yl({ bundle: e, mode: t = "auto", style: n }) {
-	return e?.blocks?.ROOT ? /* @__PURE__ */ g(Jl, {
+function wu({ bundle: e, mode: t = "auto", style: n }) {
+	return e?.blocks?.ROOT ? /* @__PURE__ */ g(Cu, {
 		blocks: e.blocks,
 		theme: e.theme,
 		components: e.components,
@@ -15010,34 +15547,35 @@ function Yl({ bundle: e, mode: t = "auto", style: n }) {
 }
 //#endregion
 //#region src/fetchPage.js
-var Xl = async (e) => {
+var Tu = async (e) => {
 	let t = await e.json().catch(() => null);
 	if (!e.ok || t?.success === !1) throw Error(t?.error?.message || `Request failed (${e.status})`);
 	return t?.payload ?? t;
 };
-async function Zl({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token: a, page: o, fetch: s }) {
+async function Eu({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token: a, page: o, fetch: s }) {
 	if (!e) throw Error("fetchPage: apiUrl is required");
 	if (!n) throw Error("fetchPage: slug is required");
 	let c = s ?? fetch, l = e.replace(/\/$/, ""), u = {
 		...t ? { "x-tenant": t } : {},
 		...a ? { authorization: `Bearer ${a}` } : {}
-	}, [d, f] = await Promise.all([c(`${l}/render/${encodeURIComponent(n)}${i ? `?preview=${encodeURIComponent(i)}` : ""}`, { headers: u }).then(Xl), c(`${l}/settings/public`, { headers: u }).then(Xl)]), p = Xe({
+	}, [d, f] = await Promise.all([c(`${l}/render/${encodeURIComponent(n)}${i ? `?preview=${encodeURIComponent(i)}` : ""}`, { headers: u }).then(Tu), c(`${l}/settings/public`, { headers: u }).then(Tu)]), p = Xe({
 		page: d,
 		settings: f,
 		tenant: t,
 		apiUrl: l,
 		locale: r
-	}), m = [...new Set(Ql(p.blocks, p.components).map((e) => e?.type?.resolvedName === "CollectionList" ? e.props?.collection : [
+	}), m = [...new Set(Du(p.blocks, p.components).map((e) => e?.type?.resolvedName === "CollectionList" ? e.props?.collection : [
 		"TableBlock",
 		"OrgChartBlock",
 		"NavbarBlock",
 		"MenuTreeBlock",
 		"CalendarBlock",
 		"MasonryBlock",
+		"LightboxGallery",
 		"LogoCarousel"
 	].includes(e?.type?.resolvedName) ? e.props?.source : null).filter(Boolean))];
 	if (m.length) {
-		let e = (e) => e.startsWith("api:") ? `${l}/data/${encodeURIComponent(e.slice(4))}` : `${l}/dynamic/${encodeURIComponent(e)}?all=1${r ? `&locale=${encodeURIComponent(r)}` : ""}`, t = await Promise.all(m.map((t) => c(e(t), { headers: u }).then(Xl).then((e) => {
+		let e = (e) => e.startsWith("api:") ? `${l}/data/${encodeURIComponent(e.slice(4))}` : `${l}/dynamic/${encodeURIComponent(e)}?all=1${r ? `&locale=${encodeURIComponent(r)}` : ""}`, t = await Promise.all(m.map((t) => c(e(t), { headers: u }).then(Tu).then((e) => {
 			let n = Array.isArray(e) ? e : Array.isArray(e?.data) ? e.data : [], r = Number(e?.total?.filtered ?? e?.total?.all ?? n.length);
 			return [[t, n], [`${t}:total`, Number.isFinite(r) ? r : n.length]];
 		}).catch(() => [[t, []]])));
@@ -15049,7 +15587,7 @@ async function Zl({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token:
 		__page: Math.floor(h)
 	}), p;
 }
-function Ql(e, t) {
+function Du(e, t) {
 	let n = [], r = /* @__PURE__ */ new Set(), i = (e) => {
 		Object.values(e ?? {}).forEach((e) => {
 			n.push(e);
@@ -15061,41 +15599,41 @@ function Ql(e, t) {
 }
 //#endregion
 //#region src/ssr.jsx
-var $l = (e) => String(e ?? "").replace(/[&<>"]/g, (e) => ({
+var Ou = (e) => String(e ?? "").replace(/[&<>"]/g, (e) => ({
 	"&": "&amp;",
 	"<": "&lt;",
 	">": "&gt;",
 	"\"": "&quot;"
 })[e]);
-function eu(t, { mode: n = "auto", style: r } = {}) {
-	return e(/* @__PURE__ */ g(Yl, {
+function ku(t, { mode: n = "auto", style: r } = {}) {
+	return e(/* @__PURE__ */ g(wu, {
 		bundle: t,
 		mode: n,
 		style: r
 	}));
 }
-function tu(e, { mode: t = "auto", lang: n } = {}) {
+function Au(e, { mode: t = "auto", lang: n } = {}) {
 	let r = e.seo ?? {}, i = n || e.locale || "en", a = b(e.direction, i), o = Ze(e) || "Page", s = e.custom?.js?.trim(), c = e.settings?.["site.code"], l = typeof c?.js == "string" ? c.js.trim() : "", u = (e) => `<script>${e.replaceAll("<\/script", "<\\/script")}<\/script>`, d = [
 		"<meta charset=\"utf-8\"/>",
 		"<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"/>",
-		`<title>${$l(o)}</title>`,
-		r.description && `<meta name="description" content="${$l(r.description)}"/>`,
-		`<meta property="og:title" content="${$l(o)}"/>`,
-		r.image && `<meta property="og:image" content="${$l(r.image)}"/>`,
+		`<title>${Ou(o)}</title>`,
+		r.description && `<meta name="description" content="${Ou(r.description)}"/>`,
+		`<meta property="og:title" content="${Ou(o)}"/>`,
+		r.image && `<meta property="og:image" content="${Ou(r.image)}"/>`,
 		r.noindex && "<meta name=\"robots\" content=\"noindex\"/>",
 		"<style>html,body{margin:0;height:100%}</style>"
 	].filter(Boolean).join("\n");
 	return `<!doctype html>
-<html lang="${$l(i)}"${a ? ` dir="${a}"` : ""}>
+<html lang="${Ou(i)}"${a ? ` dir="${a}"` : ""}>
 <head>
 ${d}
 </head>
 <body>
-${eu(e, { mode: t })}
+${ku(e, { mode: t })}
 ${l ? u(l) : ""}
 ${s ? u(s) : ""}
 </body>
 </html>`;
 }
 //#endregion
-export { Xe as assembleBundle, Ze as documentTitle, Zl as fetchPage, eu as renderBundleHtml, tu as renderPageDocument };
+export { Xe as assembleBundle, Ze as documentTitle, Eu as fetchPage, ku as renderBundleHtml, Au as renderPageDocument };