webim-adapter 0.14.0 → 0.15.0

package/build/webim-adapter.js

@@ -60,24 +60,24 @@ function h(e) {
 	delete t.clipText, oe && (t.WebkitBackgroundClip = "text", t.backgroundClip = "text", t.WebkitTextFillColor = "transparent");
 	let { transitions: se, transitionDuration: V, transitionEasing: H, transitionProperty: U } = t, W = (e) => typeof e == "number" || !Number.isNaN(Number(e)) ? `${Number(e)}ms` : e;
 	delete t.transitions, delete t.transitionDuration, delete t.transitionEasing, delete t.transitionProperty;
-	let G = (Array.isArray(se) ? se : []).filter((e) => e && e.on !== !1).map((e) => `${e.property || "all"} ${W(e.duration ?? 200)} ${e.easing || "ease"}`);
-	if (V !== void 0 && G.push(`${U || "all"} ${W(V)} ${H || "ease"}`), G.length && (t.transition = G.join(", ")), t.textDecoration !== void 0 && (t.textDecorationLine = t.textDecoration, delete t.textDecoration), t.backgroundImage && !String(t.backgroundImage).includes("(") && (t.backgroundImage = `url("${t.backgroundImage}")`), n) {
+	let ce = (Array.isArray(se) ? se : []).filter((e) => e && e.on !== !1).map((e) => `${e.property || "all"} ${W(e.duration ?? 200)} ${e.easing || "ease"}`);
+	if (V !== void 0 && ce.push(`${U || "all"} ${W(V)} ${H || "ease"}`), ce.length && (t.transition = ce.join(", ")), t.textDecoration !== void 0 && (t.textDecorationLine = t.textDecoration, delete t.textDecoration), t.backgroundImage && !String(t.backgroundImage).includes("(") && (t.backgroundImage = `url("${t.backgroundImage}")`), n) {
 		let e = `${i || "rgba(0,0,0,0.5)"}, ${a || "transparent"}`, o = n === "radial" ? `radial-gradient(circle, ${e})` : `linear-gradient(${r ?? 180}deg, ${e})`;
 		t.backgroundImage = t.backgroundImage ? `${o}, ${t.backgroundImage}` : o;
 	}
 	delete t.backgroundVideo;
-	let { overlayColor: K, overlayOpacity: ce } = t;
-	if (delete t.overlayColor, delete t.overlayOpacity, K) {
-		let e = `color-mix(in srgb, ${K} ${ce ?? 50}%, transparent)`, n = `linear-gradient(${e}, ${e})`;
+	let { overlayColor: G, overlayOpacity: le } = t;
+	if (delete t.overlayColor, delete t.overlayOpacity, G) {
+		let e = `color-mix(in srgb, ${G} ${le ?? 50}%, transparent)`, n = `linear-gradient(${e}, ${e})`;
 		t.backgroundImage = t.backgroundImage ? `${n}, ${t.backgroundImage}` : n;
 	}
 	t.backgroundImage && (t.backgroundSize ??= "cover", t.backgroundPosition ??= "center", t.backgroundRepeat ??= "no-repeat");
-	let { backgroundLayers: q } = t;
+	let { backgroundLayers: K } = t;
 	delete t.backgroundLayers;
-	let le = (Array.isArray(q) ? q : []).filter((e) => e && e.on !== !1);
-	if (le.length) {
+	let ue = (Array.isArray(K) ? K : []).filter((e) => e && e.on !== !1);
+	if (ue.length) {
 		let e = [], n = [], r = [], i = [], a = [];
-		for (let t of le) if (t.kind === "linear") e.push(`linear-gradient(${t.angle ?? 180}deg, ${t.from || "rgba(0,0,0,0.5)"}, ${t.to || "transparent"})`), n.push("auto"), r.push("0% 0%"), i.push("repeat"), a.push("scroll");
+		for (let t of ue) if (t.kind === "linear") e.push(`linear-gradient(${t.angle ?? 180}deg, ${t.from || "rgba(0,0,0,0.5)"}, ${t.to || "transparent"})`), n.push("auto"), r.push("0% 0%"), i.push("repeat"), a.push("scroll");
 		else if (t.kind === "radial") e.push(`radial-gradient(circle, ${t.from || "rgba(0,0,0,0.5)"}, ${t.to || "transparent"})`), n.push("auto"), r.push("0% 0%"), i.push("repeat"), a.push("scroll");
 		else {
 			if (!t.src) continue;
@@ -492,11 +492,11 @@ var ae = /* @__PURE__ */ new Set([
 	if (typeof window > "u") return 1;
 	let n = Number(new URLSearchParams(window.location.search).get("page"));
 	return Number.isFinite(n) && n >= 1 ? Math.floor(n) : 1;
-}, W = t(null), G = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-function K(e, t) {
+}, W = t(null), ce = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+function G(e, t) {
 	if (t) return t.includes(".") ? t.split(".").reduce((e, t) => e && typeof e == "object" ? e[t] : void 0, e) : e?.[t];
 }
-var ce = (e) => {
+var le = (e) => {
 	let t = [];
 	for (let [n, r] of Object.entries(e ?? {})) {
 		if (!/^[\w-]+$/.test(n)) continue;
@@ -506,36 +506,36 @@ var ce = (e) => {
 	}
 	return t;
 };
-function q(e) {
+function K(e) {
 	return e == null ? "" : typeof e == "string" || typeof e == "number" || typeof e == "boolean" ? String(e) : typeof e == "object" && !Array.isArray(e) && ("label" in e || "name" in e || "slug" in e) ? String(e.label ?? e.name ?? e.slug ?? "") : Array.isArray(e) ? e.map((e) => typeof e == "string" ? e : Array.isArray(e?.parts) ? e.parts.map((e) => e?.text ?? "").join("") : Array.isArray(e?.items) ? e.items.map((e) => e?.text ?? "").join(" ") : e && (e.label != null || e.name != null || e.slug != null) ? String(e.label ?? e.name ?? e.slug) : "").filter(Boolean).join(" ") : "";
 }
-function le(e, t) {
-	let n = t?.data ?? {}, r = ce(n);
+function ue(e, t) {
+	let n = t?.data ?? {}, r = le(n);
 	if (!r.length) return e;
-	let i = RegExp(`:(${r.map(G).sort((e, t) => t.length - e.length).join("|")})`, "g"), a = (e) => typeof e == "string" ? e.replace(i, (e, t) => q(K(n, t))) : Array.isArray(e) ? e.map(a) : e && typeof e == "object" ? Object.fromEntries(Object.entries(e).map(([e, t]) => [e, a(t)])) : e;
+	let i = RegExp(`:(${r.map(ce).sort((e, t) => t.length - e.length).join("|")})`, "g"), a = (e) => typeof e == "string" ? e.replace(i, (e, t) => K(G(n, t))) : Array.isArray(e) ? e.map(a) : e && typeof e == "object" ? Object.fromEntries(Object.entries(e).map(([e, t]) => [e, a(t)])) : e;
 	return a(e);
 }
-var ue = {
+var de = {
 	margin: 0,
 	fontWeight: 700,
 	lineHeight: 1.2,
 	fontFamily: "var(--page-heading-font, inherit)"
-}, de = { margin: 0 }, J = {
+}, fe = { margin: 0 }, q = {
 	display: "inline-block",
 	textDecoration: "none",
 	cursor: "pointer",
 	backgroundColor: "var(--page-accent, #111827)",
 	color: "var(--page-accent-text, #ffffff)"
-}, fe = {
+}, pe = {
 	flexGrow: 1,
 	display: "flex",
 	flexDirection: "column",
 	position: "relative"
-}, pe = {
+}, me = {
 	display: "flex",
 	flexDirection: "column"
 };
-function me({ style: e }) {
+function he({ style: e }) {
 	let t = e?.backgroundVideo;
 	if (!t) return null;
 	let n = {
@@ -561,7 +561,7 @@ function me({ style: e }) {
 		background: r
 	} })] });
 }
-var he = (e, t) => e?.backgroundVideo ? {
+var ge = (e, t) => e?.backgroundVideo ? {
 	position: "relative",
 	...t,
 	...h(e)
@@ -569,24 +569,24 @@ var he = (e, t) => e?.backgroundVideo ? {
 	...t,
 	...h(e)
 };
-function ge({ style: e, nodeRef: t, children: n }) {
+function _e({ style: e, nodeRef: t, children: n }) {
 	return /* @__PURE__ */ d("div", {
 		ref: t,
 		style: {
-			...fe,
+			...pe,
 			...h(e)
 		},
-		children: [/* @__PURE__ */ u(me, { style: e }), n]
+		children: [/* @__PURE__ */ u(he, { style: e }), n]
 	});
 }
-function _e({ style: e, nodeRef: t, children: n }) {
+function ve({ style: e, nodeRef: t, children: n }) {
 	return /* @__PURE__ */ d("section", {
 		ref: t,
-		style: he(e, pe),
-		children: [/* @__PURE__ */ u(me, { style: e }), n]
+		style: ge(e, me),
+		children: [/* @__PURE__ */ u(he, { style: e }), n]
 	});
 }
-function ve({ style: e, freeLayout: t, nodeRef: n, children: r }) {
+function ye({ style: e, freeLayout: t, nodeRef: n, children: r }) {
 	let i = t ? {
 		position: "relative",
 		minHeight: 240
@@ -595,32 +595,32 @@ function ve({ style: e, freeLayout: t, nodeRef: n, children: r }) {
 		ref: n,
 		style: i ? {
 			...i,
-			...he(e)
-		} : he(e),
-		children: [/* @__PURE__ */ u(me, { style: e }), r]
+			...ge(e)
+		} : ge(e),
+		children: [/* @__PURE__ */ u(he, { style: e }), r]
 	});
 }
-function ye({ text: e, parts: t, tag: n = "h2", style: r, linked: i, nodeRef: a }) {
+function be({ text: e, parts: t, tag: n = "h2", style: r, linked: i, nodeRef: a }) {
 	return /* @__PURE__ */ u(n, {
 		ref: a,
 		style: {
-			...ue,
+			...de,
 			...h(r)
 		},
-		children: Y(t, e, i)
+		children: J(t, e, i)
 	});
 }
-var be = {
+var xe = {
 	fontFamily: j.mono.value,
 	background: "rgba(148, 163, 184, 0.18)",
 	padding: "1px 5px",
 	borderRadius: 4,
 	fontSize: "0.9em"
 };
-function xe(e, t = [], n, r) {
+function Se(e, t = [], n, r) {
 	let i = e;
 	return t.includes("sup") ? i = /* @__PURE__ */ u("sup", { children: i }) : t.includes("sub") && (i = /* @__PURE__ */ u("sub", { children: i })), t.includes("code") && (i = /* @__PURE__ */ u("code", {
-		style: be,
+		style: xe,
 		children: i
 	})), t.includes("strike") && (i = /* @__PURE__ */ u("s", { children: i })), t.includes("underline") && (i = /* @__PURE__ */ u("u", { children: i })), t.includes("italic") && (i = /* @__PURE__ */ u("em", { children: i })), t.includes("bold") && (i = /* @__PURE__ */ u("strong", { children: i })), n && (i = /* @__PURE__ */ u("a", {
 		href: n,
@@ -630,13 +630,13 @@ function xe(e, t = [], n, r) {
 		children: i
 	})), i;
 }
-function Y(t, n, r) {
+function J(t, n, r) {
 	return t?.length ? t.map((t, n) => {
 		if (t.slot) return /* @__PURE__ */ u(e, { children: r?.[t.slot] ?? null }, n);
-		if (t.parts) return /* @__PURE__ */ u(e, { children: Y(t.parts, "", r) }, n);
+		if (t.parts) return /* @__PURE__ */ u(e, { children: J(t.parts, "", r) }, n);
 		let i = t.text;
 		return t.sup ? i = /* @__PURE__ */ u("sup", { children: i }) : t.sub && (i = /* @__PURE__ */ u("sub", { children: i })), t.code && (i = /* @__PURE__ */ u("code", {
-			style: be,
+			style: xe,
 			children: i
 		})), t.strike && (i = /* @__PURE__ */ u("s", { children: i })), t.underline && (i = /* @__PURE__ */ u("u", { children: i })), t.italic && (i = /* @__PURE__ */ u("em", { children: i })), t.bold && (i = /* @__PURE__ */ u("strong", { children: i })), (t.color || t.background) && (i = /* @__PURE__ */ u("span", {
 			style: {
@@ -653,13 +653,13 @@ function Y(t, n, r) {
 		})), /* @__PURE__ */ u(e, { children: i }, n);
 	}) : n;
 }
-function Se({ parts: e, text: t, marks: n, href: r, target: i, style: a }) {
+function Ce({ parts: e, text: t, marks: n, href: r, target: i, style: a }) {
 	return /* @__PURE__ */ u("span", {
 		style: h(a),
-		children: e?.length ? Y(e, t) : xe(t, n, r, i)
+		children: e?.length ? J(e, t) : Se(t, n, r, i)
 	});
 }
-var Ce = {
+var we = {
 	h1: 40,
 	h2: 32,
 	h3: 26,
@@ -667,7 +667,7 @@ var Ce = {
 	h5: 19,
 	h6: 16
 };
-function we({ align: e = "center", width: t, wrap: n } = {}) {
+function Te({ align: e = "center", width: t, wrap: n } = {}) {
 	let r = t ? `${t}%` : void 0;
 	if (e === "full") return { width: "100%" };
 	let i = e === "left" || e === "right";
@@ -701,8 +701,8 @@ function we({ align: e = "center", width: t, wrap: n } = {}) {
 		marginRight: "auto"
 	};
 }
-function Te(e = [], t, n) {
-	let r = n ?? ((e, n) => Y(e, n, t));
+function Ee(e = [], t, n) {
+	let r = n ?? ((e, n) => J(e, n, t));
 	return e.map((t, n) => {
 		let i = {
 			marginTop: 0,
@@ -724,7 +724,7 @@ function Te(e = [], t, n) {
 					marginLeft: 0,
 					marginRight: 0,
 					...i,
-					...we(t)
+					...Te(t)
 				},
 				children: [t.href ? /* @__PURE__ */ u("a", {
 					href: t.href,
@@ -743,16 +743,16 @@ function Te(e = [], t, n) {
 				})]
 			}, n);
 		}
-		if (t.type === "video") return Ie(t.url) ? /* @__PURE__ */ u("div", {
+		if (t.type === "video") return Le(t.url) ? /* @__PURE__ */ u("div", {
 			style: {
 				...i,
-				...we({
+				...Te({
 					align: t.align,
 					wrap: t.wrap,
 					width: t.width ?? 100
 				})
 			},
-			children: /* @__PURE__ */ u(Le, {
+			children: /* @__PURE__ */ u(Re, {
 				url: t.url,
 				autoplay: t.autoplay,
 				muted: t.muted,
@@ -781,17 +781,17 @@ function Te(e = [], t, n) {
 		}
 		if (t.type === "quote") return /* @__PURE__ */ u("blockquote", {
 			style: {
-				...De,
+				...Oe,
 				...i
 			},
 			children: r(t.parts, t.text)
 		}, n);
-		if (Ce[t.type]) {
+		if (we[t.type]) {
 			let e = t.type;
 			return /* @__PURE__ */ u(e, {
 				style: {
-					...ue,
-					fontSize: Ce[t.type],
+					...de,
+					fontSize: we[t.type],
 					...i
 				},
 				children: r(t.parts, t.text)
@@ -799,39 +799,39 @@ function Te(e = [], t, n) {
 		}
 		return /* @__PURE__ */ u("p", {
 			style: {
-				...de,
+				...fe,
 				...i
 			},
 			children: r(t.parts, t.text)
 		}, n);
 	});
 }
-function Ee({ content: e, style: t, linked: n, nodeRef: r }) {
+function De({ content: e, style: t, linked: n, nodeRef: r }) {
 	return /* @__PURE__ */ u("div", {
 		ref: r,
 		style: {
 			display: "flow-root",
 			...h(t)
 		},
-		children: Te(e, n)
+		children: Ee(e, n)
 	});
 }
-var De = {
+var Oe = {
 	margin: 0,
 	padding: "8px 0 8px 20px",
 	borderLeft: "4px solid var(--page-accent, rgba(148, 163, 184, 0.6))"
 };
-function Oe({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
+function ke({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
 	return /* @__PURE__ */ u("blockquote", {
 		ref: i,
 		style: {
-			...De,
+			...Oe,
 			...h(n)
 		},
-		children: Y(t, e, r)
+		children: J(t, e, r)
 	});
 }
-function ke({ ordered: e, items: t = [], style: n, nodeRef: r }) {
+function Ae({ ordered: e, items: t = [], style: n, nodeRef: r }) {
 	return /* @__PURE__ */ u(e ? "ol" : "ul", {
 		ref: r,
 		style: {
@@ -841,53 +841,53 @@ function ke({ ordered: e, items: t = [], style: n, nodeRef: r }) {
 		},
 		children: t.map((e, t) => /* @__PURE__ */ u("li", {
 			style: { marginBottom: 4 },
-			children: Y(e.parts, e.text)
+			children: J(e.parts, e.text)
 		}, t))
 	});
 }
-function Ae({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
+function je({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
 	return /* @__PURE__ */ u("p", {
 		ref: i,
 		style: {
-			...de,
+			...fe,
 			...h(n)
 		},
-		children: Y(t, e, r)
+		children: J(t, e, r)
 	});
 }
-var je = {
+var Me = {
 	color: "var(--page-accent, inherit)",
 	textDecoration: "underline",
 	textUnderlineOffset: 3,
 	cursor: "pointer"
 };
-function Me({ text: e, parts: t, href: n, target: r, style: i, linked: a, nodeRef: o }) {
+function Ne({ text: e, parts: t, href: n, target: r, style: i, linked: a, nodeRef: o }) {
 	return /* @__PURE__ */ u("a", {
 		ref: o,
 		href: n || "#",
 		target: r || void 0,
 		rel: r === "_blank" ? "noopener noreferrer" : void 0,
 		style: {
-			...je,
+			...Me,
 			...h(i)
 		},
-		children: Y(t, e, a)
+		children: J(t, e, a)
 	});
 }
-function Ne({ text: e, parts: t, href: n, target: r, style: i, linked: a, nodeRef: o }) {
+function Pe({ text: e, parts: t, href: n, target: r, style: i, linked: a, nodeRef: o }) {
 	return /* @__PURE__ */ u("a", {
 		ref: o,
 		href: n || "#",
 		target: r || void 0,
 		rel: r === "_blank" ? "noopener noreferrer" : void 0,
 		style: {
-			...J,
+			...q,
 			...h(i)
 		},
-		children: Y(t, e, a)
+		children: J(t, e, a)
 	});
 }
-function Pe({ src: e, alt: t, style: n, nodeRef: r }) {
+function Fe({ src: e, alt: t, style: n, nodeRef: r }) {
 	return e ? /* @__PURE__ */ u("img", {
 		ref: r,
 		src: e,
@@ -899,7 +899,7 @@ function Pe({ src: e, alt: t, style: n, nodeRef: r }) {
 		}
 	}) : null;
 }
-function Fe({ src: e, poster: t, controls: n = !0, autoplay: r = !1, loop: i = !1, muted: a = !1, style: o, nodeRef: s }) {
+function Ie({ src: e, poster: t, controls: n = !0, autoplay: r = !1, loop: i = !1, muted: a = !1, style: o, nodeRef: s }) {
 	return e ? /* @__PURE__ */ u("video", {
 		ref: s,
 		src: e,
@@ -917,9 +917,9 @@ function Fe({ src: e, poster: t, controls: n = !0, autoplay: r = !1, loop: i = !
 		}
 	}) : null;
 }
-var Ie = (e = "") => (e.match(/(?:youtu\.be\/|v=|embed\/|shorts\/|live\/)([\w-]{11})/) || e.match(/^([\w-]{11})$/))?.[1];
-function Le({ url: e, autoplay: t = !1, muted: n = !1, loop: r = !1, controls: i = !0, start: a, style: o, nodeRef: s }) {
-	let c = Ie(e);
+var Le = (e = "") => (e.match(/(?:youtu\.be\/|v=|embed\/|shorts\/|live\/)([\w-]{11})/) || e.match(/^([\w-]{11})$/))?.[1];
+function Re({ url: e, autoplay: t = !1, muted: n = !1, loop: r = !1, controls: i = !0, start: a, style: o, nodeRef: s }) {
+	let c = Le(e);
 	if (!c) return null;
 	let l = new URLSearchParams({ rel: "0" });
 	return t && l.set("autoplay", "1"), (n || t) && l.set("mute", "1"), i || l.set("controls", "0"), r && (l.set("loop", "1"), l.set("playlist", c)), Number(a) > 0 && l.set("start", String(Math.floor(Number(a)))), /* @__PURE__ */ u("div", {
@@ -945,7 +945,7 @@ function Le({ url: e, autoplay: t = !1, muted: n = !1, loop: r = !1, controls: i
 		})
 	});
 }
-function Re({ src: e, title: t, allowFullscreen: n = !0, style: r, nodeRef: i }) {
+function ze({ src: e, title: t, allowFullscreen: n = !0, style: r, nodeRef: i }) {
 	return e ? /* @__PURE__ */ u("iframe", {
 		ref: i,
 		src: e,
@@ -961,7 +961,7 @@ function Re({ src: e, title: t, allowFullscreen: n = !0, style: r, nodeRef: i })
 		}
 	}) : null;
 }
-function ze({ code: e, runScripts: t = !0, style: n, nodeRef: r }) {
+function Be({ code: e, runScripts: t = !0, style: n, nodeRef: r }) {
 	let [a, o] = c(null);
 	return i(() => {
 		a && (a.innerHTML = e || "", t && a.querySelectorAll("script").forEach((e) => {
@@ -980,7 +980,7 @@ function ze({ code: e, runScripts: t = !0, style: n, nodeRef: r }) {
 		style: h(n)
 	});
 }
-function Be({ height: e, nodeRef: t }) {
+function Ve({ height: e, nodeRef: t }) {
 	return /* @__PURE__ */ u("div", {
 		ref: t,
 		style: {
@@ -990,7 +990,7 @@ function Be({ height: e, nodeRef: t }) {
 		}
 	});
 }
-function Ve({ style: e, nodeRef: t }) {
+function He({ style: e, nodeRef: t }) {
 	return /* @__PURE__ */ u("div", {
 		ref: t,
 		style: {
@@ -1001,7 +1001,7 @@ function Ve({ style: e, nodeRef: t }) {
 		}
 	});
 }
-var He = {
+var Ue = {
 	position: "absolute",
 	top: "50%",
 	transform: "translateY(-50%)",
@@ -1018,7 +1018,7 @@ var He = {
 	alignItems: "center",
 	justifyContent: "center",
 	padding: 0
-}, Ue = {
+}, We = {
 	bottom: {
 		inset: "auto 0 0 0",
 		padding: "40px 24px 20px",
@@ -1037,8 +1037,8 @@ var He = {
 		padding: 24,
 		textShadow: "0 2px 12px rgba(0, 0, 0, 0.6)"
 	}
-}, We = 48;
-function Ge({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, height: a = 320, swipe: o = !0, style: s, nodeRef: f }) {
+}, Ge = 48;
+function Ke({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, height: a = 320, swipe: o = !0, style: s, nodeRef: f }) {
 	let [p, m] = c(0), [g, _] = c(!1), [v, y] = c(null), b = e ? Math.min(p, e - 1) : 0;
 	if (i(() => {
 		if (!n || g || v || e < 2) return;
@@ -1054,7 +1054,7 @@ function Ge({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, heigh
 	let x = (t) => m((t + e) % e), S = () => {
 		if (!v) return;
 		let { dx: e } = v;
-		y(null), e < -48 ? x(b + 1) : e > We && x(b - 1);
+		y(null), e < -48 ? x(b + 1) : e > Ge && x(b - 1);
 	};
 	return /* @__PURE__ */ d("div", {
 		ref: f,
@@ -1102,7 +1102,7 @@ function Ge({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, heigh
 				type: "button",
 				"aria-label": "Previous slide",
 				style: {
-					...He,
+					...Ue,
 					left: 12
 				},
 				onClick: () => x(b - 1),
@@ -1112,7 +1112,7 @@ function Ge({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, heigh
 				type: "button",
 				"aria-label": "Next slide",
 				style: {
-					...He,
+					...Ue,
 					right: 12
 				},
 				onClick: () => x(b + 1),
@@ -1146,7 +1146,7 @@ function Ge({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, heigh
 		] })]
 	});
 }
-var Ke = (e, t) => ({
+var qe = (e, t) => ({
 	position: "absolute",
 	inset: 0,
 	backgroundImage: e ? `url(${e})` : "none",
@@ -1154,18 +1154,18 @@ var Ke = (e, t) => ({
 	backgroundSize: "cover",
 	backgroundPosition: "center"
 });
-function qe({ slides: e = [], captionPosition: t = "bottom", captionAlign: n = "left", ...r }) {
-	return e.length ? /* @__PURE__ */ u(Ge, {
+function Je({ slides: e = [], captionPosition: t = "bottom", captionAlign: n = "left", ...r }) {
+	return e.length ? /* @__PURE__ */ u(Ke, {
 		...r,
 		count: e.length,
 		renderSlide: (r) => {
 			let i = e[r];
-			return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("div", { style: Ke(i.image) }), (i.title || i.text) && /* @__PURE__ */ d("div", {
+			return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("div", { style: qe(i.image) }), (i.title || i.text) && /* @__PURE__ */ d("div", {
 				style: {
 					position: "absolute",
 					color: "#fff",
 					textAlign: n,
-					...Ue[t] ?? Ue.bottom
+					...We[t] ?? We.bottom
 				},
 				children: [i.title && /* @__PURE__ */ u("div", {
 					style: {
@@ -1185,13 +1185,13 @@ function qe({ slides: e = [], captionPosition: t = "bottom", captionAlign: n = "
 		}
 	}) : null;
 }
-function Je({ slides: e = [], linked: t, ...n }) {
-	return e.length ? /* @__PURE__ */ u(Ge, {
+function Ye({ slides: e = [], linked: t, ...n }) {
+	return e.length ? /* @__PURE__ */ u(Ke, {
 		...n,
 		count: e.length,
 		renderSlide: (n) => {
 			let r = e[n];
-			return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("div", { style: Ke(r.image, r.color) }), /* @__PURE__ */ u("div", {
+			return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("div", { style: qe(r.image, r.color) }), /* @__PURE__ */ u("div", {
 				style: {
 					position: "absolute",
 					inset: 0,
@@ -1203,7 +1203,7 @@ function Je({ slides: e = [], linked: t, ...n }) {
 		}
 	}) : null;
 }
-var Ye = {
+var Y = {
 	color: "inherit",
 	textDecoration: "none",
 	fontSize: 14,
@@ -1225,7 +1225,7 @@ function Ze({ brand: t, logo: n, brandHref: r, brandTarget: a, links: o = [], st
 	let w = p === "hamburger" || p === "auto" && v, T = (e, t) => /* @__PURE__ */ d("a", {
 		href: e.href || "#",
 		style: {
-			...Ye,
+			...Y,
 			display: "block",
 			...t
 		},
@@ -1313,7 +1313,7 @@ function Ze({ brand: t, logo: n, brandHref: r, brandTarget: a, links: o = [], st
 					let t = e.children ?? [];
 					if (!t.length) return /* @__PURE__ */ u("a", {
 						href: e.href || "#",
-						style: Ye,
+						style: Y,
 						children: e.label
 					}, e.key);
 					let n = e.type === "mega";
@@ -1327,7 +1327,7 @@ function Ze({ brand: t, logo: n, brandHref: r, brandTarget: a, links: o = [], st
 						children: [/* @__PURE__ */ d("a", {
 							href: e.href || "#",
 							style: {
-								...Ye,
+								...Y,
 								cursor: "pointer"
 							},
 							children: [
@@ -1388,7 +1388,7 @@ function Ze({ brand: t, logo: n, brandHref: r, brandTarget: a, links: o = [], st
 				children: o.map((t) => /* @__PURE__ */ d(e, { children: [/* @__PURE__ */ u("a", {
 					href: t.href || "#",
 					style: {
-						...Ye,
+						...Y,
 						padding: "10px 4px",
 						fontWeight: (t.children ?? []).length ? 600 : 400,
 						opacity: 1
@@ -1601,7 +1601,7 @@ function ot({ field: e, value: t, onChange: n, inert: r, values: i }) {
 			borderRadius: 8,
 			display: "block"
 		}
-	}) : null : e.type === "video" ? e.src ? /youtube\.com|youtu\.be|vimeo\.com/i.test(e.src) ? /* @__PURE__ */ u(Le, {
+	}) : null : e.type === "video" ? e.src ? /youtube\.com|youtu\.be|vimeo\.com/i.test(e.src) ? /* @__PURE__ */ u(Re, {
 		url: e.src,
 		style: { width: "100%" }
 	}) : /* @__PURE__ */ u("video", {
@@ -1794,7 +1794,7 @@ function st({ style: e, action: t, method: n, name: a, enctype: o, formSlug: s,
 							disabled: g || void 0,
 							onClick: () => k(F - 1),
 							style: {
-								...J,
+								...q,
 								background: "transparent",
 								color: "inherit",
 								border: 0,
@@ -1807,7 +1807,7 @@ function st({ style: e, action: t, method: n, name: a, enctype: o, formSlug: s,
 							disabled: g || ee.length > 0,
 							onClick: () => k(F + 1),
 							style: {
-								...J,
+								...q,
 								border: 0,
 								padding: "10px 22px",
 								borderRadius: 8,
@@ -1821,7 +1821,7 @@ function st({ style: e, action: t, method: n, name: a, enctype: o, formSlug: s,
 							type: "submit",
 							disabled: g || void 0,
 							style: {
-								...J,
+								...q,
 								border: 0,
 								padding: "10px 22px",
 								borderRadius: 8,
@@ -1945,7 +1945,7 @@ function dt({ text: e, parts: t, style: n, nodeRef: r, linked: i }) {
 			...X,
 			...h(n)
 		},
-		children: Y(t, e, i)
+		children: J(t, e, i)
 	});
 }
 function ft({ type: e = "text", name: t, placeholder: n, required: r, style: i, nodeRef: a, inert: o }) {
@@ -2058,7 +2058,7 @@ function _t({ text: e = "Submit", style: t, nodeRef: n, inert: r }) {
 		ref: n,
 		type: r ? "button" : "submit",
 		style: {
-			...J,
+			...q,
 			border: 0,
 			cursor: "pointer",
 			alignSelf: "flex-start",
@@ -2134,7 +2134,7 @@ function yt({ collection: e, limit: t = 6, layout: n = "grid", columns: a = 3, i
 		},
 		children: O.map((e) => /* @__PURE__ */ u("div", {
 			style: { minWidth: 0 },
-			children: x.render(p, (t) => le(t, e))
+			children: x.render(p, (t) => ue(t, e))
 		}, e.id ?? e?.data?.slug))
 	}) : /* @__PURE__ */ u("div", {
 		ref: _,
@@ -2144,7 +2144,7 @@ function yt({ collection: e, limit: t = 6, layout: n = "grid", columns: a = 3, i
 			...h(g)
 		},
 		children: O.map((e) => {
-			let t = o ? K(e?.data, o) : null, r = s ? q(K(e?.data, s)) : null, i = l ? K(e?.data, l) : null, a = Array.isArray(i) ? i : null, c = a || i == null ? null : q(i), f = n === "list";
+			let t = o ? G(e?.data, o) : null, r = s ? K(G(e?.data, s)) : null, i = l ? G(e?.data, l) : null, a = Array.isArray(i) ? i : null, c = a || i == null ? null : K(i), f = n === "list";
 			return /* @__PURE__ */ d("div", {
 				style: {
 					display: "flex",
@@ -2191,7 +2191,7 @@ function yt({ collection: e, limit: t = 6, layout: n = "grid", columns: a = 3, i
 								lineHeight: 1.55,
 								opacity: .85
 							},
-							children: Te(a)
+							children: Ee(a)
 						})
 					]
 				})]
@@ -2501,7 +2501,7 @@ var Et = (e, t) => {
 	return .299 * (r >> 16 & 255) + .587 * (r >> 8 & 255) + .114 * (r & 255) > 150 ? "#111827" : "#ffffff";
 }, 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 ? "" : q(e);
+	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;
 		return {
@@ -2846,7 +2846,7 @@ function Nt({ columns: e = [], rows: t = [], source: n, limit: a = 10, striped:
 		x,
 		a
 	]), !e.length) return null;
-	let w = Math.max(1, Number(a) || 10), T = n ? f ? b || n.startsWith("api:") ? (b ?? S ?? []).slice((x - 1) * w, x * w) : (S ?? []).slice(0, w) : (b ?? S ?? []).slice(0, w) : null, E = T ? T.map((t) => e.map((e) => q(K(t?.data, e.field)))) : t, D = !!n && !(n && !b && S === null) && E.length === 0, O = l ? "6px 10px" : "10px 14px", k = "1px solid rgba(148, 163, 184, 0.35)", A = s ? { border: k } : { borderBottom: k };
+	let w = Math.max(1, Number(a) || 10), T = n ? f ? b || n.startsWith("api:") ? (b ?? S ?? []).slice((x - 1) * w, x * w) : (S ?? []).slice(0, w) : (b ?? S ?? []).slice(0, w) : null, E = T ? T.map((t) => e.map((e) => K(G(t?.data, e.field)))) : t, D = !!n && !(n && !b && S === null) && E.length === 0, O = l ? "6px 10px" : "10px 14px", k = "1px solid rgba(148, 163, 184, 0.35)", A = s ? { border: k } : { borderBottom: k };
 	return /* @__PURE__ */ u("div", {
 		ref: g,
 		style: {
@@ -2893,17 +2893,17 @@ function Nt({ columns: e = [], rows: t = [], source: n, limit: a = 10, striped:
 	});
 }
 var Pt = {
-	PageRoot: ge,
-	Section: _e,
-	Container: ve,
-	Heading: ye,
-	TextBlock: Ae,
-	ButtonBlock: Ne,
-	ImageBlock: Pe,
-	Spacer: Be,
-	Divider: Ve,
-	SliderBlock: qe,
-	CanvasSlider: Je,
+	PageRoot: _e,
+	Section: ve,
+	Container: ye,
+	Heading: be,
+	TextBlock: je,
+	ButtonBlock: Pe,
+	ImageBlock: Fe,
+	Spacer: Ve,
+	Divider: He,
+	SliderBlock: Je,
+	CanvasSlider: Ye,
 	TabsBlock: Qe,
 	QuickStack: vt,
 	CollectionList: yt,
@@ -2914,16 +2914,16 @@ var Pt = {
 	TableBlock: Nt,
 	AccordionBlock: $e,
 	NavbarBlock: Ze,
-	ListBlock: ke,
-	TextSpan: Se,
-	QuoteBlock: Oe,
-	TextLink: Me,
-	RichTextBlock: Ee,
-	RichContentBlock: Ee,
-	VideoBlock: Fe,
-	YouTubeBlock: Le,
-	IframeBlock: Re,
-	EmbedBlock: ze,
+	ListBlock: Ae,
+	TextSpan: Ce,
+	QuoteBlock: ke,
+	TextLink: Ne,
+	RichTextBlock: De,
+	RichContentBlock: De,
+	VideoBlock: Ie,
+	YouTubeBlock: Re,
+	IframeBlock: ze,
+	EmbedBlock: Be,
 	FormBlock: st,
 	FormLabel: dt,
 	FormInput: ft,
@@ -3095,7 +3095,7 @@ function Bt({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordL
 						type: f ? "button" : "submit",
 						disabled: C || void 0,
 						style: {
-							...J,
+							...q,
 							border: 0,
 							padding: "10px 22px",
 							borderRadius: 8,
@@ -3169,7 +3169,7 @@ function Vt({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !
 				type: "button",
 				onClick: a ? void 0 : f,
 				style: {
-					...J,
+					...q,
 					border: 0,
 					padding: "8px 16px",
 					borderRadius: 8,
@@ -3199,10 +3199,92 @@ var Ht = [Ft], Ut = {
 };
 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 */
+		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: a, nodeRef: o }) {
+	let c = r(V), l = Kt(c?.settings)[e], f = s(null), p = s(null), m = {
+		tenant: c?.tenant ?? "",
+		apiUrl: c?.apiUrl ?? "/api",
+		locale: c?.locale ?? "",
+		settings: c?.settings ?? null
+	}, g = s(m);
+	g.current = m;
+	let _ = JSON.stringify(n ?? {});
+	return i(() => {
+		let e = f.current;
+		if (!l?.code || !e) return;
+		let n = !0;
+		return qt(l.code, t).then((e) => {
+			if (!(!n || !e || !f.current)) {
+				p.current = e;
+				try {
+					e.mount(f.current, JSON.parse(_), g.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]), i(() => {
+		let e = p.current, t = f.current;
+		if (!(!e || !t)) try {
+			e.update ? e.update(t, JSON.parse(_), g.current) : (e.unmount?.(t), t.innerHTML = "", e.mount(t, JSON.parse(_), g.current));
+		} catch {}
+	}, [_]), l ? /* @__PURE__ */ u("div", {
+		ref: o,
+		style: h(a),
+		children: /* @__PURE__ */ u("div", { ref: f })
+	}) : /* @__PURE__ */ d("div", {
+		ref: o,
+		style: {
+			...Jt,
+			...h(a)
+		},
+		children: [
+			"Plugin “",
+			e,
+			"” is not installed"
+		]
+	});
+}
+//#endregion
 //#region ../ui/src/components/builder/render.jsx
-var Wt = {
+var Xt = {
 	...Pt,
-	...Ut
+	...Ut,
+	PluginBlock: Yt
 };
 function $(t, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 	let o = n[t];
@@ -3214,7 +3296,7 @@ function $(t, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 		let c = new Set(i).add(n);
 		return /* @__PURE__ */ u(e, { children: $(s.template.rootId, s.template.nodes, r, c, a) }, t);
 	}
-	let l = Wt[s];
+	let l = Xt[s];
 	if (!l) return null;
 	let d = (o.nodes ?? []).map((e) => $(e, n, r, i, a)).filter(Boolean), f = Object.entries(o.linkedNodes ?? {}), p = f.length ? Object.fromEntries(f.map(([e, t]) => [e, $(t, n, r, i)])) : void 0, m = /* @__PURE__ */ u(l, {
 		...c,
@@ -3232,8 +3314,8 @@ function $(t, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 }
 //#endregion
 //#region ../ui/src/components/builder/PageRenderer.jsx
-var Gt = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" ");
-function Kt({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, custom: s, tenant: c, apiUrl: l, datasets: f, locale: p, direction: m, settings: h, siteUser: g }) {
+var Zt = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" ");
+function Qt({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, custom: s, tenant: c, apiUrl: l, datasets: f, locale: p, direction: m, settings: h, siteUser: g }) {
 	let _ = s?.js?.trim();
 	if (i(() => {
 		if (!_) return;
@@ -3309,8 +3391,8 @@ function Kt({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, cu
 							...a
 						},
 						children: [
-							/* @__PURE__ */ u("style", { children: `.webim-page { ${Gt(F(k.light))} }
-@media (prefers-color-scheme: dark) { .webim-page { ${Gt(F(k.dark))} } }` }),
+							/* @__PURE__ */ u("style", { children: `.webim-page { ${Zt(F(k.light))} }
+@media (prefers-color-scheme: dark) { .webim-page { ${Zt(F(k.dark))} } }` }),
 							O,
 							/* @__PURE__ */ u("style", { children: y }),
 							C && /* @__PURE__ */ u("style", { children: C }),
@@ -3326,8 +3408,8 @@ function Kt({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, cu
 }
 //#endregion
 //#region src/WebimContent.jsx
-function qt({ bundle: e, mode: t = "auto", style: n }) {
-	return e?.blocks?.ROOT ? /* @__PURE__ */ u(Kt, {
+function $t({ bundle: e, mode: t = "auto", style: n }) {
+	return e?.blocks?.ROOT ? /* @__PURE__ */ u(Qt, {
 		blocks: e.blocks,
 		theme: e.theme,
 		components: e.components,
@@ -3344,7 +3426,7 @@ function qt({ bundle: e, mode: t = "auto", style: n }) {
 }
 //#endregion
 //#region src/WebimPage.jsx
-function Jt({ apiUrl: e, tenant: t, slug: n, locale: r, preview: a, token: o, mode: l = "auto", style: d, fallback: f = null, errorFallback: p = null, onLoad: m, onError: h }) {
+function en({ apiUrl: e, tenant: t, slug: n, locale: r, preview: a, token: o, mode: l = "auto", style: d, fallback: f = null, errorFallback: p = null, onLoad: m, onError: h }) {
 	let [g, _] = c({ status: "loading" }), v = s({
 		onLoad: m,
 		onError: h
@@ -3381,11 +3463,11 @@ function Jt({ apiUrl: e, tenant: t, slug: n, locale: r, preview: a, token: o, mo
 		r,
 		a,
 		o
-	]), g.status === "loading" ? f : g.status === "error" ? typeof p == "function" ? p(g.error) : p : /* @__PURE__ */ u(qt, {
+	]), g.status === "loading" ? f : g.status === "error" ? typeof p == "function" ? p(g.error) : p : /* @__PURE__ */ u($t, {
 		bundle: g.bundle,
 		mode: l,
 		style: d
 	});
 }
 //#endregion
-export { Kt as PageRenderer, qt as WebimContent, Jt as WebimPage, z as fetchPage, Te as renderRichContent, L as resolveTheme };
+export { Qt as PageRenderer, $t as WebimContent, en as WebimPage, z as fetchPage, Ee as renderRichContent, L as resolveTheme };