webim-adapter 0.14.0 → 0.16.0

package/build/webim-ssr.js

@@ -1150,19 +1150,218 @@ function qe({ slides: e = [], linked: t, ...n }) {
 		}
 	}) : null;
 }
-var Je = {
+function Je({ images: e = [], columns: t = 3, gap: n = 8, showNames: r = !1, lightbox: i = !0, style: o, nodeRef: s, inert: c }) {
+	let p = Array.isArray(e) ? e.filter((e) => e && typeof e == "object" && e.src) : [], m = Math.max(0, Number(n) || 0), h = c ? (e) => e.preventDefault() : void 0, [g, _] = l(null), v = i && !c && g !== null && p[g];
+	a(() => {
+		if (!v) return;
+		let e = (e) => {
+			e.key === "Escape" && _(null), e.key === "ArrowRight" && _((e) => (e + 1) % p.length), e.key === "ArrowLeft" && _((e) => (e - 1 + p.length) % p.length);
+		};
+		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
+	}, [v, p.length]);
+	let y = (e) => {
+		if (typeof e.name == "string" && e.name.trim()) return e.name;
+		if (typeof e.alt == "string" && e.alt.trim()) return e.alt;
+		try {
+			let t = String(e.src).split("?")[0].split("/").pop();
+			return decodeURIComponent(t ?? "");
+		} catch {
+			return "";
+		}
+	};
+	return /* @__PURE__ */ f("div", {
+		ref: s,
+		style: {
+			columnCount: Math.min(Math.max(Number(t) || 3, 1), 8),
+			columnGap: m,
+			width: "100%",
+			...C(o)
+		},
+		children: [
+			p.map((e, t) => {
+				let n = /* @__PURE__ */ f("span", {
+					style: {
+						position: "relative",
+						display: "block",
+						borderRadius: "inherit",
+						overflow: "hidden"
+					},
+					children: [/* @__PURE__ */ d("img", {
+						src: e.src,
+						alt: e.alt ?? "",
+						style: {
+							width: "100%",
+							display: "block",
+							borderRadius: "inherit"
+						}
+					}), r && y(e) && /* @__PURE__ */ d("span", {
+						style: {
+							position: "absolute",
+							insetInline: 0,
+							bottom: 0,
+							padding: "14px 10px 8px",
+							background: "linear-gradient(transparent, rgba(0, 0, 0, 0.65))",
+							color: "#fff",
+							fontSize: 12,
+							lineHeight: 1.3,
+							whiteSpace: "nowrap",
+							overflow: "hidden",
+							textOverflow: "ellipsis"
+						},
+						children: y(e)
+					})]
+				}), a = e.href ? /* @__PURE__ */ d("a", {
+					href: e.href,
+					onClick: h,
+					target: e.target || void 0,
+					rel: e.target === "_blank" ? "noopener noreferrer" : void 0,
+					style: {
+						display: "block",
+						borderRadius: "inherit"
+					},
+					children: n
+				}) : i && !c ? /* @__PURE__ */ d("span", {
+					role: "button",
+					tabIndex: 0,
+					onClick: () => _(t),
+					onKeyDown: (e) => (e.key === "Enter" || e.key === " ") && _(t),
+					style: {
+						display: "block",
+						borderRadius: "inherit",
+						cursor: "zoom-in"
+					},
+					children: n
+				}) : n;
+				return /* @__PURE__ */ d("div", {
+					style: {
+						breakInside: "avoid",
+						marginBottom: m,
+						borderRadius: "inherit",
+						overflow: "hidden"
+					},
+					children: a
+				}, t);
+			}),
+			!p.length && /* @__PURE__ */ d("div", {
+				style: {
+					padding: "24px 12px",
+					fontSize: 13,
+					opacity: .55,
+					textAlign: "center",
+					columnSpan: "all"
+				},
+				children: "Pick images in Settings to fill the gallery"
+			}),
+			v && /* @__PURE__ */ f("div", {
+				role: "dialog",
+				"aria-modal": "true",
+				onClick: () => _(null),
+				style: {
+					position: "fixed",
+					inset: 0,
+					zIndex: 1400,
+					background: "rgba(0, 0, 0, 0.86)",
+					display: "flex",
+					flexDirection: "column",
+					alignItems: "center",
+					justifyContent: "center",
+					padding: 24
+				},
+				children: [
+					/* @__PURE__ */ d("img", {
+						src: p[g].src,
+						alt: p[g].alt ?? "",
+						onClick: (e) => e.stopPropagation(),
+						style: {
+							maxWidth: "92vw",
+							maxHeight: "84vh",
+							borderRadius: 8,
+							boxShadow: "0 12px 48px rgba(0,0,0,0.5)"
+						}
+					}),
+					y(p[g]) && /* @__PURE__ */ d("div", {
+						style: {
+							color: "#fff",
+							fontSize: 14,
+							marginTop: 12,
+							opacity: .85
+						},
+						children: y(p[g])
+					}),
+					/* @__PURE__ */ d("button", {
+						type: "button",
+						"aria-label": "Close",
+						onClick: () => _(null),
+						style: {
+							position: "absolute",
+							top: 16,
+							right: 20,
+							background: "transparent",
+							border: 0,
+							color: "#fff",
+							fontSize: 28,
+							lineHeight: 1,
+							cursor: "pointer"
+						},
+						children: "×"
+					}),
+					p.length > 1 && /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("button", {
+						type: "button",
+						"aria-label": "Previous",
+						onClick: (e) => {
+							e.stopPropagation(), _((e) => (e - 1 + p.length) % p.length);
+						},
+						style: {
+							position: "absolute",
+							left: 16,
+							top: "50%",
+							transform: "translateY(-50%)",
+							background: "transparent",
+							border: 0,
+							color: "#fff",
+							fontSize: 36,
+							cursor: "pointer",
+							padding: 12
+						},
+						children: "‹"
+					}), /* @__PURE__ */ d("button", {
+						type: "button",
+						"aria-label": "Next",
+						onClick: (e) => {
+							e.stopPropagation(), _((e) => (e + 1) % p.length);
+						},
+						style: {
+							position: "absolute",
+							right: 16,
+							top: "50%",
+							transform: "translateY(-50%)",
+							background: "transparent",
+							border: 0,
+							color: "#fff",
+							fontSize: 36,
+							cursor: "pointer",
+							padding: 12
+						},
+						children: "›"
+					})] })
+				]
+			})
+		]
+	});
+}
+var Ye = {
 	color: "inherit",
 	textDecoration: "none",
 	fontSize: 14,
 	opacity: .85
-}, Ye = {
+}, Xe = {
 	background: "var(--page-bg, #ffffff)",
 	color: "var(--page-text, #111827)",
 	border: "1px solid rgba(148, 163, 184, 0.25)",
 	boxShadow: "0 16px 40px rgba(15, 23, 42, 0.16)",
 	zIndex: 60
 };
-function Xe({ brand: e, logo: n, brandHref: r, brandTarget: i, links: o = [], style: s, nodeRef: c, menu: p = "auto", breakpoint: m = 768 }) {
+function Ze({ brand: e, logo: n, brandHref: r, brandTarget: i, links: o = [], style: s, nodeRef: c, menu: p = "auto", breakpoint: m = 768 }) {
 	let [h, g] = l(null), [_, v] = l(!1), [y, b] = l(!1), [x, S] = l(null);
 	a(() => {
 		if (!h) return;
@@ -1172,7 +1371,7 @@ function Xe({ brand: e, logo: n, brandHref: r, brandTarget: i, links: o = [], st
 	let w = p === "hamburger" || p === "auto" && _, T = (e, t) => /* @__PURE__ */ f("a", {
 		href: e.href || "#",
 		style: {
-			...Je,
+			...Ye,
 			display: "block",
 			...t
 		},
@@ -1260,7 +1459,7 @@ function Xe({ brand: e, logo: n, brandHref: r, brandTarget: i, links: o = [], st
 					let t = e.children ?? [];
 					if (!t.length) return /* @__PURE__ */ d("a", {
 						href: e.href || "#",
-						style: Je,
+						style: Ye,
 						children: e.label
 					}, e.key);
 					let n = e.type === "mega";
@@ -1274,7 +1473,7 @@ function Xe({ brand: e, logo: n, brandHref: r, brandTarget: i, links: o = [], st
 						children: [/* @__PURE__ */ f("a", {
 							href: e.href || "#",
 							style: {
-								...Je,
+								...Ye,
 								cursor: "pointer"
 							},
 							children: [
@@ -1290,7 +1489,7 @@ function Xe({ brand: e, logo: n, brandHref: r, brandTarget: i, links: o = [], st
 							]
 						}), x === e.key && (n ? /* @__PURE__ */ d("div", {
 							style: {
-								...Ye,
+								...Xe,
 								position: "absolute",
 								left: 0,
 								right: 0,
@@ -1306,7 +1505,7 @@ function Xe({ brand: e, logo: n, brandHref: r, brandTarget: i, links: o = [], st
 							}))
 						}) : /* @__PURE__ */ d("div", {
 							style: {
-								...Ye,
+								...Xe,
 								position: "absolute",
 								top: "100%",
 								left: 0,
@@ -1335,7 +1534,7 @@ function Xe({ brand: e, logo: n, brandHref: r, brandTarget: i, links: o = [], st
 				children: o.map((e) => /* @__PURE__ */ f(t, { children: [/* @__PURE__ */ d("a", {
 					href: e.href || "#",
 					style: {
-						...Je,
+						...Ye,
 						padding: "10px 4px",
 						fontWeight: (e.children ?? []).length ? 600 : 400,
 						opacity: 1
@@ -1346,7 +1545,7 @@ function Xe({ brand: e, logo: n, brandHref: r, brandTarget: i, links: o = [], st
 		]
 	});
 }
-function Ze({ tabs: e = [], linked: t, style: n, nodeRef: r }) {
+function Qe({ tabs: e = [], linked: t, style: n, nodeRef: r }) {
 	let [i, a] = l(0), o = e.length ? Math.min(i, e.length - 1) : 0;
 	return e.length ? /* @__PURE__ */ f("div", {
 		ref: r,
@@ -1386,7 +1585,7 @@ function Ze({ tabs: e = [], linked: t, style: n, nodeRef: r }) {
 		}, e.key))]
 	}) : null;
 }
-function Qe({ items: e = [], linked: t, multiple: n = !1, style: r, nodeRef: i }) {
+function $e({ items: e = [], linked: t, multiple: n = !1, style: r, nodeRef: i }) {
 	let [a, o] = l(() => new Set(e.length ? [e[0].key] : []));
 	if (!e.length) return null;
 	let s = (e) => o((t) => {
@@ -1443,7 +1642,7 @@ function Qe({ items: e = [], linked: t, multiple: n = !1, style: r, nodeRef: i }
 		})
 	});
 }
-var $e = {
+var et = {
 	display: "flex",
 	flexDirection: "column",
 	gap: "12px"
@@ -1461,7 +1660,7 @@ var $e = {
 	boxSizing: "border-box",
 	backgroundColor: "#ffffff",
 	color: "#111827"
-}, et = {
+}, tt = {
 	display: "flex",
 	alignItems: "center",
 	gap: "8px",
@@ -1472,7 +1671,7 @@ var $e = {
 	tabIndex: -1,
 	onMouseDown: (e) => e.preventDefault()
 } : {};
-function tt(e, t) {
+function nt(e, t) {
 	if (!e) return !0;
 	let n = t[e.field], r = n == null || n === "" ? "" : String(n), i = e.value ?? "";
 	switch (e.op) {
@@ -1486,11 +1685,11 @@ function tt(e, t) {
 		default: return !1;
 	}
 }
-var nt = {
+var rt = {
 	display: "flex",
 	flexDirection: "column",
 	gap: 6
-}, rt = {
+}, it = {
 	font: "inherit",
 	fontSize: 15,
 	padding: "10px 12px",
@@ -1501,13 +1700,13 @@ var nt = {
 	width: "100%",
 	boxSizing: "border-box"
 };
-function it(e, t) {
+function at(e, t) {
 	let n = Array.isArray(e?.options) ? e.options : [];
 	if (!e?.parentField) return n;
 	let r = t?.[e.parentField];
 	return r ? n.filter((e) => typeof e == "string" ? !1 : !e.parent || e.parent === r) : [];
 }
-function at({ field: e, value: t, onChange: n, inert: r, values: i }) {
+function ot({ field: e, value: t, onChange: n, inert: r, values: i }) {
 	let a = /* @__PURE__ */ f("span", {
 		style: {
 			...Y,
@@ -1519,7 +1718,7 @@ function at({ field: e, value: t, onChange: n, inert: r, values: i }) {
 		required: e.required || void 0,
 		placeholder: e.placeholder || void 0,
 		disabled: r || void 0,
-		style: rt,
+		style: it,
 		value: t ?? "",
 		onChange: (t) => n(e.name, t.target.value)
 	};
@@ -1560,14 +1759,14 @@ function at({ field: e, value: t, onChange: n, inert: r, values: i }) {
 			display: "block"
 		}
 	}) : null : /* @__PURE__ */ f("label", {
-		style: nt,
+		style: rt,
 		children: [
 			a,
 			e.type === "textarea" || e.multiline ? /* @__PURE__ */ d("textarea", {
 				...o,
 				rows: 4,
 				style: {
-					...rt,
+					...it,
 					resize: "vertical"
 				}
 			}) : e.type === "select" ? /* @__PURE__ */ f("select", {
@@ -1576,7 +1775,7 @@ function at({ field: e, value: t, onChange: n, inert: r, values: i }) {
 				children: [/* @__PURE__ */ d("option", {
 					value: "",
 					children: e.placeholder || "—"
-				}), it(e, i).map((e, t) => /* @__PURE__ */ d("option", {
+				}), at(e, i).map((e, t) => /* @__PURE__ */ d("option", {
 					value: typeof e == "string" ? e : e.value,
 					children: typeof e == "string" ? e : e.label ?? e.value
 				}, t))]
@@ -1623,7 +1822,7 @@ function at({ field: e, value: t, onChange: n, inert: r, values: i }) {
 		]
 	});
 }
-function ot({ style: e, action: t, method: n, name: r, enctype: o, formSlug: s, auto: c, submitLabel: p, nodeRef: m, inert: h, children: g, linked: _, show: v }) {
+function st({ style: e, action: t, method: n, name: r, enctype: o, formSlug: s, auto: c, submitLabel: p, nodeRef: m, inert: h, children: g, linked: _, show: v }) {
 	let { tenant: y, apiUrl: b } = i(H), [x, S] = l("form"), [w, T] = l(null), [E, D] = l({}), [O, k] = l(0), A = h ? v || "form" : x;
 	a(() => {
 		if (!c || !s) return;
@@ -1645,9 +1844,9 @@ function ot({ style: e, action: t, method: n, name: r, enctype: o, formSlug: s,
 		section: e,
 		fields: []
 	}) : j[j.length - 1].fields.push(e);
-	let M = j.filter((e) => e.section || e.fields.length), N = M.filter((e) => !e.section || tt(e.section.condition, E)).map((e) => ({
+	let M = j.filter((e) => e.section || e.fields.length), N = M.filter((e) => !e.section || nt(e.section.condition, E)).map((e) => ({
 		...e,
-		fields: e.fields.filter((e) => tt(e.condition, E))
+		fields: e.fields.filter((e) => nt(e.condition, E))
 	})), P = M.length > 1, F = Math.min(O, Math.max(0, N.length - 1)), I = P ? N[F]?.fields ?? [] : N.flatMap((e) => e.fields), L = I.filter((e) => {
 		let t = E[e.name];
 		return e.required && (t == null || t === "" || t === !1);
@@ -1705,11 +1904,11 @@ function ot({ style: e, action: t, method: n, name: r, enctype: o, formSlug: s,
 					}
 				},
 				style: {
-					...$e,
+					...et,
 					display: A === "success" ? "none" : "flex"
 				},
 				children: c && s ? /* @__PURE__ */ f(u, { children: [
-					P && /* @__PURE__ */ d(xt, {
+					P && /* @__PURE__ */ d(St, {
 						steps: N.map((e) => ({ label: e.section?.label ?? "Start" })),
 						active: F + 1,
 						style: { marginBottom: 8 }
@@ -1722,7 +1921,7 @@ function ot({ style: e, action: t, method: n, name: r, enctype: o, formSlug: s,
 						},
 						children: N[F].section.help
 					}),
-					I.map((e) => /* @__PURE__ */ d(at, {
+					I.map((e) => /* @__PURE__ */ d(ot, {
 						field: e,
 						value: E[e.name],
 						values: E,
@@ -1795,19 +1994,19 @@ function ot({ style: e, action: t, method: n, name: r, enctype: o, formSlug: s,
 		]
 	});
 }
-var st = null, ct = () => st || (st = new Promise((e) => {
+var ct = null, lt = () => ct || (ct = new Promise((e) => {
 	if (typeof window > "u") return;
 	if (window.grecaptcha?.render) return e(window.grecaptcha);
 	window.__webimRecaptchaReady = () => e(window.grecaptcha);
 	let t = document.createElement("script");
 	t.src = "https://www.google.com/recaptcha/api.js?onload=__webimRecaptchaReady&render=explicit", t.async = !0, document.head.appendChild(t);
-}), st);
-function lt({ siteKey: e, theme: t, size: n, style: r, nodeRef: o, inert: s }) {
+}), ct);
+function ut({ siteKey: e, theme: t, size: n, style: r, nodeRef: o, inert: s }) {
 	let l = i(H), u = l?.settings && typeof l.settings == "object" ? l.settings["google.recaptchaKey"] : "", p = typeof e == "string" && e.trim() || (typeof u == "string" ? u.trim() : ""), m = c(null), h = c(!1);
 	if (a(() => {
 		if (s || !p || h.current || !m.current) return;
 		let e = !0;
-		return ct().then((r) => {
+		return lt().then((r) => {
 			if (!(!e || h.current || !m.current || !r?.render)) {
 				h.current = !0;
 				try {
@@ -1885,7 +2084,7 @@ function lt({ siteKey: e, theme: t, size: n, style: r, nodeRef: o, inert: s }) {
 		children: /* @__PURE__ */ d("div", { ref: m })
 	}) : null;
 }
-function ut({ text: e, parts: t, style: n, nodeRef: r, linked: i }) {
+function dt({ text: e, parts: t, style: n, nodeRef: r, linked: i }) {
 	return /* @__PURE__ */ d("label", {
 		ref: r,
 		style: {
@@ -1895,7 +2094,7 @@ function ut({ text: e, parts: t, style: n, nodeRef: r, linked: i }) {
 		children: J(t, e, i)
 	});
 }
-function dt({ type: e = "text", name: t, placeholder: n, required: r, style: i, nodeRef: a, inert: o }) {
+function ft({ type: e = "text", name: t, placeholder: n, required: r, style: i, nodeRef: a, inert: o }) {
 	return /* @__PURE__ */ d("input", {
 		ref: a,
 		type: e,
@@ -1909,7 +2108,7 @@ function dt({ type: e = "text", name: t, placeholder: n, required: r, style: i,
 		...Z(o)
 	});
 }
-function ft({ name: e, placeholder: t, rows: n = 4, required: r, style: i, nodeRef: a, inert: o }) {
+function pt({ name: e, placeholder: t, rows: n = 4, required: r, style: i, nodeRef: a, inert: o }) {
 	return /* @__PURE__ */ d("textarea", {
 		ref: a,
 		name: e || void 0,
@@ -1924,11 +2123,11 @@ function ft({ name: e, placeholder: t, rows: n = 4, required: r, style: i, nodeR
 		...Z(o)
 	});
 }
-function pt({ kind: e = "checkbox", label: t, name: n, value: r, required: i, style: a, nodeRef: o, inert: s }) {
+function mt({ kind: e = "checkbox", label: t, name: n, value: r, required: i, style: a, nodeRef: o, inert: s }) {
 	return /* @__PURE__ */ f("label", {
 		ref: o,
 		style: {
-			...et,
+			...tt,
 			...C(a)
 		},
 		children: [/* @__PURE__ */ d("input", {
@@ -1945,7 +2144,7 @@ function pt({ kind: e = "checkbox", label: t, name: n, value: r, required: i, st
 		}), t]
 	});
 }
-function mt({ name: e, placeholder: t, options: n = [], required: r, style: i, nodeRef: a, inert: o }) {
+function ht({ name: e, placeholder: t, options: n = [], required: r, style: i, nodeRef: a, inert: o }) {
 	return /* @__PURE__ */ f("select", {
 		ref: a,
 		name: e || void 0,
@@ -1968,7 +2167,7 @@ function mt({ name: e, placeholder: t, options: n = [], required: r, style: i, n
 		}, t))]
 	});
 }
-function ht({ name: e, accept: t, required: n, text: r = "Choose a file…", style: i, nodeRef: a, inert: o }) {
+function gt({ name: e, accept: t, required: n, text: r = "Choose a file…", style: i, nodeRef: a, inert: o }) {
 	let [s, c] = l(null);
 	return /* @__PURE__ */ f("label", {
 		ref: a,
@@ -2000,7 +2199,7 @@ function ht({ name: e, accept: t, required: n, text: r = "Choose a file…", sty
 		]
 	});
 }
-function gt({ text: e = "Submit", style: t, nodeRef: n, inert: r }) {
+function _t({ text: e = "Submit", style: t, nodeRef: n, inert: r }) {
 	return /* @__PURE__ */ d("button", {
 		ref: n,
 		type: r ? "button" : "submit",
@@ -2020,7 +2219,7 @@ function gt({ text: e = "Submit", style: t, nodeRef: n, inert: r }) {
 		children: e
 	});
 }
-function _t({ cols: e = 2, rows: t = 1, style: n, nodeRef: r, linked: i }) {
+function vt({ cols: e = 2, rows: t = 1, style: n, nodeRef: r, linked: i }) {
 	let a = Math.max(1, (Number(e) || 1) * (Number(t) || 1));
 	return /* @__PURE__ */ d("div", {
 		ref: r,
@@ -2037,7 +2236,7 @@ function _t({ cols: e = 2, rows: t = 1, style: n, nodeRef: r, linked: i }) {
 		}, t))
 	});
 }
-function vt({ collection: e, limit: t = 6, layout: n = "grid", columns: r = 3, imageField: o, titleField: s = "name", textField: c, custom: u, templateId: p, paged: m, style: h, nodeRef: g }) {
+function yt({ collection: e, limit: t = 6, layout: n = "grid", columns: r = 3, imageField: o, titleField: s = "name", textField: c, custom: u, templateId: p, paged: m, style: h, nodeRef: g }) {
 	let { tenant: _, apiUrl: v, locale: y } = i(H), b = i(ae), x = i(U), S = x?.[e], w = m ? W(x) : 1, [T, E] = l(null);
 	if (a(() => {
 		if (!e || S) return;
@@ -2146,7 +2345,7 @@ function vt({ collection: e, limit: t = 6, layout: n = "grid", columns: r = 3, i
 		})
 	});
 }
-function yt({ items: e = [], separator: t = "/", style: n, nodeRef: r }) {
+function bt({ items: e = [], separator: t = "/", style: n, nodeRef: r }) {
 	return e.length ? /* @__PURE__ */ d("nav", {
 		ref: r,
 		"aria-label": "Breadcrumb",
@@ -2196,7 +2395,7 @@ function yt({ items: e = [], separator: t = "/", style: n, nodeRef: r }) {
 		})
 	}) : null;
 }
-function bt({ pages: e = 5, current: t = 1, prevNext: n = !0, href: r = "#", source: o, pageSize: s = 6, align: c, hideEmpty: u, inert: p, style: m, nodeRef: h }) {
+function xt({ pages: e = 5, current: t = 1, prevNext: n = !0, href: r = "#", source: o, pageSize: s = 6, align: c, hideEmpty: u, inert: p, style: m, nodeRef: h }) {
 	let { tenant: g, apiUrl: _ } = i(H), v = i(U), [y, b] = l(null), x = o ? Number(v?.[`${o}:total`]) : NaN;
 	a(() => {
 		if (!o || Number.isFinite(x)) return;
@@ -2281,7 +2480,7 @@ function bt({ pages: e = 5, current: t = 1, prevNext: n = !0, href: r = "#", sou
 		]
 	});
 }
-function xt({ steps: e = [], active: n = 1, vertical: r = !1, style: i, nodeRef: a }) {
+function St({ steps: e = [], active: n = 1, vertical: r = !1, style: i, nodeRef: a }) {
 	if (!e.length) return null;
 	let o = Math.min(Math.max(Number(n) || 1, 1), e.length), s = (e) => ({
 		width: 32,
@@ -2359,7 +2558,7 @@ function xt({ steps: e = [], active: n = 1, vertical: r = !1, style: i, nodeRef:
 		})
 	});
 }
-var St = {
+var Ct = {
 	small: {
 		w: 132,
 		h: 46,
@@ -2381,10 +2580,10 @@ var St = {
 		title: 12.5,
 		avatar: 46
 	}
-}, Ct = (e) => St[e] ?? St.medium;
-St.medium.w, St.medium.h;
-function wt(e, { size: t = "medium", horizontal: n = !1 } = {}) {
-	let r = Ct(t), i = n ? r.h : r.w, a = n ? 16 : 20, o = (n ? r.w : r.h) + (n ? 56 : 48), s = Array.isArray(e) ? e.filter((e) => e && e.id) : [], c = new Set(s.map((e) => e.id)), l = /* @__PURE__ */ new Map(), u = [];
+}, wt = (e) => Ct[e] ?? Ct.medium;
+Ct.medium.w, Ct.medium.h;
+function Tt(e, { size: t = "medium", horizontal: n = !1 } = {}) {
+	let r = wt(t), i = n ? r.h : r.w, a = n ? 16 : 20, o = (n ? r.w : r.h) + (n ? 56 : 48), s = Array.isArray(e) ? e.filter((e) => e && e.id) : [], c = new Set(s.map((e) => e.id)), l = /* @__PURE__ */ new Map(), u = [];
 	for (let e of s) e.parent && c.has(e.parent) && e.parent !== e.id ? (l.has(e.parent) || l.set(e.parent, []), l.get(e.parent).push(e)) : u.push(e);
 	let d = /* @__PURE__ */ new Map(), f = (e, t) => {
 		if (t.has(e.id)) return 0;
@@ -2436,18 +2635,18 @@ function wt(e, { size: t = "medium", horizontal: n = !1 } = {}) {
 		horizontal: n
 	};
 }
-var Tt = (e, t) => {
+var Et = (e, t) => {
 	let n = String(e ?? "");
 	return n.length > t ? `${n.slice(0, t - 1)}…` : n;
-}, Et = (e) => {
+}, Dt = (e) => {
 	let t = /^#([0-9a-f]{6}|[0-9a-f]{3})$/i.exec(String(e ?? "").trim());
 	if (!t) return "#ffffff";
 	let n = t[1];
 	n.length === 3 && (n = [...n].map((e) => e + e).join(""));
 	let r = parseInt(n, 16);
 	return .299 * (r >> 16 & 255) + .587 * (r >> 8 & 255) + .114 * (r & 255) > 150 ? "#111827" : "#ffffff";
-}, Dt = (e) => !!(e?.cv?.trim?.() || e?.photo);
-function Ot(e, t = {}) {
+}, Ot = (e) => !!(e?.cv?.trim?.() || e?.photo);
+function kt(e, t = {}) {
 	let n = Array.isArray(e) ? e.filter((e) => e && typeof e == "object" && e.id) : [], r = (e) => Array.isArray(e) ? e[0] : e, i = (e) => e == null ? "" : K(e);
 	return n.map((e) => {
 		let n = e.data ?? {}, a = r(n[t.parentField]), o = a && typeof a == "object" ? a.id ?? null : a || null;
@@ -2462,11 +2661,11 @@ function Ot(e, t = {}) {
 		};
 	});
 }
-var kt = {
+var At = {
 	size: 36,
 	pad: 10
 };
-function At({ node: e, onClose: t }) {
+function jt({ node: e, onClose: t }) {
 	return a(() => {
 		let e = (e) => e.key === "Escape" && t();
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
@@ -2584,7 +2783,7 @@ function At({ node: e, onClose: t }) {
 		})
 	});
 }
-function jt({ nodes: e = [], source: t, nameField: n, titleField: r, photoField: s, parentField: c, cvField: p, hrefField: m, size: h = "medium", horizontal: g = !1, style: _, nodeRef: v, interactive: y = !0 }) {
+function Mt({ nodes: e = [], source: t, nameField: n, titleField: r, photoField: s, parentField: c, cvField: p, hrefField: m, size: h = "medium", horizontal: g = !1, style: _, nodeRef: v, interactive: y = !0 }) {
 	let b = o(), [x, S] = l(null), { tenant: w, apiUrl: T } = i(H), E = i(U)?.[t], [D, O] = l(null);
 	a(() => {
 		if (!t || E) return;
@@ -2601,14 +2800,14 @@ function jt({ nodes: e = [], source: t, nameField: n, titleField: r, photoField:
 		T,
 		E
 	]);
-	let k = t ? Ot(E ?? D ?? [], {
+	let k = t ? kt(E ?? D ?? [], {
 		nameField: n,
 		titleField: r,
 		photoField: s,
 		parentField: c,
 		cvField: p,
 		hrefField: m
-	}) : e, A = Ct(h), { boxes: j, links: M, width: N, height: P } = wt(k, {
+	}) : e, A = wt(h), { boxes: j, links: M, width: N, height: P } = Tt(k, {
 		size: h,
 		horizontal: g
 	});
@@ -2654,7 +2853,7 @@ function jt({ nodes: e = [], source: t, nameField: n, titleField: r, photoField:
 				stroke: "rgba(148, 163, 184, 0.7)",
 				strokeWidth: "1.5"
 			}, t)), j.map(({ node: e, x: t, y: n }) => {
-				let r = F.has(e.id), i = !!e.color2, a = !!e.color || r || i, o = e.color || (r ? "var(--page-accent, #4f46e5)" : "var(--page-bg, #ffffff)"), s = e.color ? Et(e.color) : r ? "var(--page-accent-text, #ffffff)" : "var(--page-text, #111827)", c = i ? Et(e.color2) : s, l = y && (Dt(e) || e.href), p = () => Dt(e) ? S(e) : window.open(e.href, "_blank", "noreferrer"), m = e.photo ? t + kt.pad + A.avatar + 8 : t + A.w / 2, h = e.photo ? "start" : "middle", g = e.photo ? Math.floor((A.w - A.avatar - 26) / 7) : Math.floor(A.w / 7.6), _ = A.h / 2, v = [e.name, e.title].map((e) => String(e ?? "").trim()).filter(Boolean);
+				let r = F.has(e.id), i = !!e.color2, a = !!e.color || r || i, o = e.color || (r ? "var(--page-accent, #4f46e5)" : "var(--page-bg, #ffffff)"), s = e.color ? Dt(e.color) : r ? "var(--page-accent-text, #ffffff)" : "var(--page-text, #111827)", c = i ? Dt(e.color2) : s, l = y && (Ot(e) || e.href), p = () => Ot(e) ? S(e) : window.open(e.href, "_blank", "noreferrer"), m = e.photo ? t + At.pad + A.avatar + 8 : t + A.w / 2, h = e.photo ? "start" : "middle", g = e.photo ? Math.floor((A.w - A.avatar - 26) / 7) : Math.floor(A.w / 7.6), _ = A.h / 2, v = [e.name, e.title].map((e) => String(e ?? "").trim()).filter(Boolean);
 				return /* @__PURE__ */ f("g", {
 					onClick: l ? p : void 0,
 					style: l ? { cursor: "pointer" } : void 0,
@@ -2718,13 +2917,13 @@ function jt({ nodes: e = [], source: t, nameField: n, titleField: r, photoField:
 						e.photo && /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("clipPath", {
 							id: `${b}-${e.id}`,
 							children: /* @__PURE__ */ d("circle", {
-								cx: t + kt.pad + A.avatar / 2,
+								cx: t + At.pad + A.avatar / 2,
 								cy: n + A.h / 2,
 								r: A.avatar / 2
 							})
 						}), /* @__PURE__ */ d("image", {
 							href: e.photo,
-							x: t + kt.pad,
+							x: t + At.pad,
 							y: n + (A.h - A.avatar) / 2,
 							width: A.avatar,
 							height: A.avatar,
@@ -2738,7 +2937,7 @@ function jt({ nodes: e = [], source: t, nameField: n, titleField: r, photoField:
 							fontSize: A.title,
 							fontWeight: "600",
 							fill: s,
-							children: Tt(e.title, g + 4)
+							children: Et(e.title, g + 4)
 						}), e.name && /* @__PURE__ */ d("text", {
 							x: m,
 							y: n + _ + _ / 2 + A.name * .35,
@@ -2746,7 +2945,7 @@ function jt({ nodes: e = [], source: t, nameField: n, titleField: r, photoField:
 							fontSize: A.name,
 							fontWeight: "600",
 							fill: c,
-							children: Tt(e.name, g)
+							children: Et(e.name, g)
 						})] }) : /* @__PURE__ */ f(u, { children: [v[0] && /* @__PURE__ */ d("text", {
 							x: m,
 							y: n + (v[1] ? A.h * .43 : A.h * .57),
@@ -2754,7 +2953,7 @@ function jt({ nodes: e = [], source: t, nameField: n, titleField: r, photoField:
 							fontSize: A.name,
 							fontWeight: "600",
 							fill: s,
-							children: Tt(v[0], g)
+							children: Et(v[0], g)
 						}), v[1] && /* @__PURE__ */ d("text", {
 							x: m,
 							y: n + A.h * .73,
@@ -2762,18 +2961,18 @@ function jt({ nodes: e = [], source: t, nameField: n, titleField: r, photoField:
 							fontSize: A.title,
 							opacity: "0.7",
 							fill: s,
-							children: Tt(v[1], g + 4)
+							children: Et(v[1], g + 4)
 						})] })
 					]
 				}, e.id);
 			})]
-		}), x && /* @__PURE__ */ d(At, {
+		}), x && /* @__PURE__ */ d(jt, {
 			node: x,
 			onClose: () => S(null)
 		})]
 	});
 }
-function Mt({ columns: e = [], rows: t = [], source: n, limit: r = 10, striped: o = !0, bordered: s = !1, compact: c = !1, paged: u, emptyText: p, style: m, nodeRef: h }) {
+function Nt({ columns: e = [], rows: t = [], source: n, limit: r = 10, striped: o = !0, bordered: s = !1, compact: c = !1, paged: u, emptyText: p, style: m, nodeRef: h }) {
 	let { tenant: g, apiUrl: _ } = i(H), v = i(U), y = v?.[n], b = u ? W(v) : 1, [x, S] = l(null);
 	if (a(() => {
 		if (!n || y) return;
@@ -2839,7 +3038,7 @@ function Mt({ columns: e = [], rows: t = [], source: n, limit: r = 10, striped:
 		})
 	});
 }
-var Nt = {
+var Pt = {
 	PageRoot: he,
 	Section: ge,
 	Container: _e,
@@ -2851,16 +3050,17 @@ var Nt = {
 	Divider: Be,
 	SliderBlock: Ke,
 	CanvasSlider: qe,
-	TabsBlock: Ze,
-	QuickStack: _t,
-	CollectionList: vt,
-	BreadcrumbsBlock: yt,
-	PaginationBlock: bt,
-	StepperBlock: xt,
-	OrgChartBlock: jt,
-	TableBlock: Mt,
-	AccordionBlock: Qe,
-	NavbarBlock: Xe,
+	TabsBlock: Qe,
+	QuickStack: vt,
+	CollectionList: yt,
+	BreadcrumbsBlock: bt,
+	PaginationBlock: xt,
+	StepperBlock: St,
+	OrgChartBlock: Mt,
+	TableBlock: Nt,
+	MasonryBlock: Je,
+	AccordionBlock: $e,
+	NavbarBlock: Ze,
 	ListBlock: Oe,
 	TextSpan: xe,
 	QuoteBlock: De,
@@ -2871,42 +3071,42 @@ var Nt = {
 	YouTubeBlock: Ie,
 	IframeBlock: Le,
 	EmbedBlock: Re,
-	FormBlock: ot,
-	FormLabel: ut,
-	FormInput: dt,
-	FormTextarea: ft,
-	FormCheckbox: (e) => /* @__PURE__ */ d(pt, {
+	FormBlock: st,
+	FormLabel: dt,
+	FormInput: ft,
+	FormTextarea: pt,
+	FormCheckbox: (e) => /* @__PURE__ */ d(mt, {
 		kind: "checkbox",
 		...e
 	}),
-	FormRadio: (e) => /* @__PURE__ */ d(pt, {
+	FormRadio: (e) => /* @__PURE__ */ d(mt, {
 		kind: "radio",
 		...e
 	}),
-	FormSelect: mt,
-	FormFile: ht,
-	FormRecaptcha: lt,
-	FormSubmit: gt
-}, Pt = {
+	FormSelect: ht,
+	FormFile: gt,
+	FormRecaptcha: ut,
+	FormSubmit: _t
+}, Ft = {
 	id: "auth",
 	label: "Accounts",
 	category: "Apps",
 	keys: ["SiteLoginForm", "SiteAccountMenu"],
 	ssr: "shell",
 	settings: ["apps.auth.redirect"]
-}, Ft = n({
+}, It = n({
 	user: null,
 	status: "idle",
 	ensure: () => {},
 	refresh: () => {},
 	signOut: () => {}
-}), It = () => {
-	let e = i(Ft);
+}), Lt = () => {
+	let e = i(It);
 	return a(() => {
 		e.ensure();
 	}, [e]), e;
 };
-function Lt({ children: e, initialUser: t, disabled: n, apiUrl: a, tenant: o }) {
+function Rt({ children: e, initialUser: t, disabled: n, apiUrl: a, tenant: o }) {
 	let u = i(H), f = a || u?.apiUrl || "/api", p = o || u?.tenant || "", [m, h] = l(t ?? null), [g, _] = l(t ? "user" : n ? "guest" : "idle"), v = c(!1), y = r((e, t) => fetch(`${f}${e}`, {
 		...t,
 		credentials: "include",
@@ -2939,18 +3139,18 @@ function Lt({ children: e, initialUser: t, disabled: n, apiUrl: a, tenant: o })
 		b,
 		x
 	]);
-	return /* @__PURE__ */ d(Ft.Provider, {
+	return /* @__PURE__ */ d(It.Provider, {
 		value: C,
 		children: e
 	});
 }
-function Rt({ when: e, children: t }) {
-	let { status: n } = It();
+function zt({ when: e, children: t }) {
+	let { status: n } = Lt();
 	return !e || e === "always" ? t : n === "idle" || n === "loading" ? null : e === "user" == (n === "user") ? t : null;
 }
 //#endregion
 //#region ../ui/src/components/builder/apps/auth/views.jsx
-function zt({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordLabel: r = "Password", nameLabel: a = "Name", submitLabel: o, style: s, nodeRef: c, inert: u, linked: p, show: m }) {
+function Bt({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordLabel: r = "Password", nameLabel: a = "Name", submitLabel: o, style: s, nodeRef: c, inert: u, linked: p, show: m }) {
 	let { tenant: h, apiUrl: g, settings: _ } = i(H), [v, y] = l("form"), [b, x] = l(""), [S, w] = l(!1), T = e === "register", E = u ? m || "form" : v, D = (e) => typeof e == "string" && e.startsWith("/") && !e.startsWith("//") ? e : "", O = async (e) => {
 		if (e.preventDefault(), u) return;
 		let n = new FormData(e.currentTarget);
@@ -3074,8 +3274,8 @@ function zt({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordL
 		]
 	});
 }
-function Bt({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !1, style: r, nodeRef: i, inert: a, linked: o, show: s }) {
-	let { user: c, status: l, signOut: u } = It(), p = a ? s || "user" : l, m = a ? {
+function Vt({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !1, style: r, nodeRef: i, inert: a, linked: o, show: s }) {
+	let { user: c, status: l, signOut: u } = Lt(), p = a ? s || "user" : l, m = a ? {
 		name: "Ada Lovelace",
 		email: "ada@example.com"
 	} : c;
@@ -3140,16 +3340,99 @@ function Bt({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !
 }
 //#endregion
 //#region ../ui/src/components/builder/apps/index.js
-var Vt = [Pt], Ht = {
-	SiteLoginForm: zt,
-	SiteAccountMenu: Bt
+var Ht = [Ft], Ut = {
+	SiteLoginForm: Bt,
+	SiteAccountMenu: Vt
 };
-new Set(Vt.filter((e) => e.ssr === "shell").flatMap((e) => e.keys));
+new Set(Ht.filter((e) => e.ssr === "shell").flatMap((e) => e.keys));
+//#endregion
+//#region ../ui/src/components/builder/plugins/runtime.js
+var Wt = /* @__PURE__ */ new Map();
+function Gt(e) {
+	if (Wt.has(e)) return Wt.get(e);
+	let t = URL.createObjectURL(new Blob([e], { type: "text/javascript" })), n = import(
+		/* @vite-ignore */
+		/* webpackIgnore: true */
+		t
+).finally(() => URL.revokeObjectURL(t));
+	return Wt.set(e, n), n;
+}
+function Kt(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 qt(e, t) {
+	let n = await Gt(e);
+	return (Array.isArray(n?.default?.blocks) ? n.default.blocks : []).find((e) => e?.id === t && typeof e.mount == "function") ?? null;
+}
+var Jt = {
+	padding: "10px 12px",
+	border: "1px dashed rgba(148, 163, 184, 0.5)",
+	borderRadius: 8,
+	fontSize: 12,
+	opacity: .6
+};
+function Yt({ pluginId: e, blockId: t, props: n, style: r, nodeRef: o }) {
+	let s = i(H), l = Kt(s?.settings)[e], u = c(null), p = c(null), m = {
+		tenant: s?.tenant ?? "",
+		apiUrl: s?.apiUrl ?? "/api",
+		locale: s?.locale ?? "",
+		settings: s?.settings ?? null
+	}, h = c(m);
+	h.current = m;
+	let g = JSON.stringify(n ?? {});
+	return a(() => {
+		let e = u.current;
+		if (!l?.code || !e) return;
+		let n = !0;
+		return qt(l.code, t).then((e) => {
+			if (!(!n || !e || !u.current)) {
+				p.current = e;
+				try {
+					e.mount(u.current, JSON.parse(g), h.current);
+				} catch {
+					p.current = null;
+				}
+			}
+		}).catch(() => {}), () => {
+			n = !1;
+			let t = p.current;
+			p.current = null;
+			try {
+				t?.unmount?.(e);
+			} catch {}
+			e && (e.innerHTML = "");
+		};
+	}, [l?.code, t]), a(() => {
+		let e = p.current, t = u.current;
+		if (!(!e || !t)) try {
+			e.update ? e.update(t, JSON.parse(g), h.current) : (e.unmount?.(t), t.innerHTML = "", e.mount(t, JSON.parse(g), h.current));
+		} catch {}
+	}, [g]), l ? /* @__PURE__ */ d("div", {
+		ref: o,
+		style: C(r),
+		children: /* @__PURE__ */ d("div", { ref: u })
+	}) : /* @__PURE__ */ f("div", {
+		ref: o,
+		style: {
+			...Jt,
+			...C(r)
+		},
+		children: [
+			"Plugin “",
+			e,
+			"” is not installed"
+		]
+	});
+}
 //#endregion
 //#region ../ui/src/components/builder/render.jsx
-var Ut = {
-	...Nt,
-	...Ht
+var Xt = {
+	...Pt,
+	...Ut,
+	PluginBlock: Yt
 };
 function Q(e, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 	let o = n[e];
@@ -3161,7 +3444,7 @@ function Q(e, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 		let c = new Set(i).add(n);
 		return /* @__PURE__ */ d(t, { children: Q(s.template.rootId, s.template.nodes, r, c, a) }, e);
 	}
-	let l = Ut[s];
+	let l = Xt[s];
 	if (!l) return null;
 	let u = (o.nodes ?? []).map((e) => Q(e, n, r, i, a)).filter(Boolean), f = Object.entries(o.linkedNodes ?? {}), p = f.length ? Object.fromEntries(f.map(([e, t]) => [e, Q(t, n, r, i)])) : void 0, m = /* @__PURE__ */ d(l, {
 		...c,
@@ -3172,15 +3455,15 @@ function Q(e, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 		},
 		children: u.length ? u : void 0
 	}, e);
-	return c.when && c.when !== "always" ? /* @__PURE__ */ d(Rt, {
+	return c.when && c.when !== "always" ? /* @__PURE__ */ d(zt, {
 		when: c.when,
 		children: m
 	}, e) : m;
 }
 //#endregion
 //#region ../ui/src/components/builder/PageRenderer.jsx
-var Wt = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" ");
-function Gt({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, custom: o, tenant: c, apiUrl: l, datasets: u, locale: p, direction: m, settings: g, siteUser: v }) {
+var Zt = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" ");
+function Qt({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, custom: o, tenant: c, apiUrl: l, datasets: u, locale: p, direction: m, settings: g, siteUser: v }) {
 	let b = o?.js?.trim();
 	if (a(() => {
 		if (!b) return;
@@ -3206,7 +3489,7 @@ function Gt({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, cu
 			locale: p || "",
 			settings: g ?? null
 		},
-		children: /* @__PURE__ */ d(Lt, {
+		children: /* @__PURE__ */ d(Rt, {
 			initialUser: v,
 			children: /* @__PURE__ */ d(U.Provider, {
 				value: u ?? null,
@@ -3241,7 +3524,7 @@ function Gt({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, cu
 			locale: p || "",
 			settings: g ?? null
 		},
-		children: /* @__PURE__ */ d(Lt, {
+		children: /* @__PURE__ */ d(Rt, {
 			initialUser: v,
 			children: /* @__PURE__ */ d(U.Provider, {
 				value: u ?? null,
@@ -3256,8 +3539,8 @@ function Gt({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, cu
 							...i
 						},
 						children: [
-							/* @__PURE__ */ d("style", { children: `.webim-page { ${Wt(V(A.light))} }
-@media (prefers-color-scheme: dark) { .webim-page { ${Wt(V(A.dark))} } }` }),
+							/* @__PURE__ */ d("style", { children: `.webim-page { ${Zt(V(A.light))} }
+@media (prefers-color-scheme: dark) { .webim-page { ${Zt(V(A.dark))} } }` }),
 							k,
 							/* @__PURE__ */ d("style", { children: S }),
 							E && /* @__PURE__ */ d("style", { children: E }),
@@ -3273,8 +3556,8 @@ function Gt({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, cu
 }
 //#endregion
 //#region src/WebimContent.jsx
-function Kt({ bundle: e, mode: t = "auto", style: n }) {
-	return e?.blocks?.ROOT ? /* @__PURE__ */ d(Gt, {
+function $t({ bundle: e, mode: t = "auto", style: n }) {
+	return e?.blocks?.ROOT ? /* @__PURE__ */ d(Qt, {
 		blocks: e.blocks,
 		theme: e.theme,
 		components: e.components,
@@ -3291,7 +3574,7 @@ function Kt({ bundle: e, mode: t = "auto", style: n }) {
 }
 //#endregion
 //#region src/bundle.js
-function qt({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
+function en({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
 	let a = {
 		...t?.global ?? {},
 		...t?.tenant ?? {}
@@ -3315,18 +3598,18 @@ function qt({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
 }
 //#endregion
 //#region src/fetchPage.js
-var Jt = async (e) => {
+var tn = 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 Yt({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token: a, page: o, fetch: s }) {
+async function nn({ 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(Jt), c(`${l}/settings/public`, { headers: u }).then(Jt)]), p = qt({
+	}, [d, f] = await Promise.all([c(`${l}/render/${encodeURIComponent(n)}${i ? `?preview=${encodeURIComponent(i)}` : ""}`, { headers: u }).then(tn), c(`${l}/settings/public`, { headers: u }).then(tn)]), p = en({
 		page: d,
 		settings: f,
 		tenant: t,
@@ -3334,7 +3617,7 @@ async function Yt({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token:
 		locale: r
 	}), m = [...new Set(Object.values(p.blocks ?? {}).map((e) => e?.type?.resolvedName === "CollectionList" ? e.props?.collection : e?.type?.resolvedName === "TableBlock" || e?.type?.resolvedName === "OrgChartBlock" ? 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(Jt).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(tn).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, []]])));
@@ -3354,14 +3637,14 @@ var $ = (e) => String(e ?? "").replace(/[&<>"]/g, (e) => ({
 	">": "&gt;",
 	"\"": "&quot;"
 })[e]);
-function Xt(t, { mode: n = "auto", style: r } = {}) {
-	return e(/* @__PURE__ */ d(Kt, {
+function rn(t, { mode: n = "auto", style: r } = {}) {
+	return e(/* @__PURE__ */ d($t, {
 		bundle: t,
 		mode: n,
 		style: r
 	}));
 }
-function Zt(e, { mode: t = "auto", lang: n } = {}) {
+function an(e, { mode: t = "auto", lang: n } = {}) {
 	let r = e.seo ?? {}, i = n || e.locale || "en", a = h(e.direction, i), o = r.title || e.title || e.slug || "Page", s = e.custom?.js?.trim(), c = [
 		"<meta charset=\"utf-8\"/>",
 		"<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"/>",
@@ -3378,10 +3661,10 @@ function Zt(e, { mode: t = "auto", lang: n } = {}) {
 ${c}
 </head>
 <body>
-${Xt(e, { mode: t })}
+${rn(e, { mode: t })}
 ${s ? `<script>${s.replaceAll("<\/script", "<\\/script")}<\/script>` : ""}
 </body>
 </html>`;
 }
 //#endregion
-export { qt as assembleBundle, Yt as fetchPage, Xt as renderBundleHtml, Zt as renderPageDocument };
+export { en as assembleBundle, nn as fetchPage, rn as renderBundleHtml, an as renderPageDocument };