webim-adapter 0.26.0 → 0.27.0

package/build/webim-ssr.js

@@ -1993,7 +1993,7 @@ function mt({ style: e, action: t, method: n, name: r, enctype: o, formSlug: s,
 					display: A === "success" ? "none" : "flex"
 				},
 				children: c && s ? /* @__PURE__ */ f(u, { children: [
-					P && /* @__PURE__ */ d(It, {
+					P && /* @__PURE__ */ d(Vt, {
 						steps: N.map((e) => ({ label: e.section?.label ?? "Start" })),
 						active: F + 1,
 						style: { marginBottom: 8 }
@@ -2736,12 +2736,12 @@ var At = "webim.page_mode", jt = () => {
 			rx: "2"
 		}), /* @__PURE__ */ d("path", { d: "M8 21h8M12 17v4" })]
 	});
-}, $ = {
+}, Nt = {
 	light: "Light theme",
 	dark: "Dark theme",
 	auto: "Follow the device theme"
 };
-function Nt({ variant: e, showSystem: t, style: n, nodeRef: r, inert: i }) {
+function Pt({ variant: e, showSystem: t, style: n, nodeRef: r, inert: i }) {
 	let [o, s] = l(i ? "auto" : jt), u = c(null), f = (e) => {
 		u.current = e, typeof r == "function" && r(e);
 	};
@@ -2785,8 +2785,8 @@ function Nt({ variant: e, showSystem: t, style: n, nodeRef: r, inert: i }) {
 		},
 		children: p.map((e) => /* @__PURE__ */ d("button", {
 			type: "button",
-			title: $[e],
-			"aria-label": $[e],
+			title: Nt[e],
+			"aria-label": Nt[e],
 			"aria-pressed": e === m,
 			onClick: i ? void 0 : () => s(e),
 			style: {
@@ -2804,8 +2804,8 @@ function Nt({ variant: e, showSystem: t, style: n, nodeRef: r, inert: i }) {
 	return /* @__PURE__ */ d("button", {
 		ref: f,
 		type: "button",
-		title: $[m],
-		"aria-label": `Theme: ${$[m]} — switch to ${$[g]}`,
+		title: Nt[m],
+		"aria-label": `Theme: ${Nt[m]} — switch to ${Nt[g]}`,
 		onClick: i ? void 0 : () => s(g),
 		style: {
 			...h,
@@ -2817,7 +2817,118 @@ function Nt({ variant: e, showSystem: t, style: n, nodeRef: r, inert: i }) {
 		children: Mt(m)
 	});
 }
-var Pt = {
+function Ft(e) {
+	let t = e?.parentElement;
+	for (; t && t !== document.body;) {
+		let e = getComputedStyle(t).overflowY;
+		if ((e === "auto" || e === "scroll") && t.scrollHeight > t.clientHeight) return t;
+		t = t.parentElement;
+	}
+	return window;
+}
+var It = (e) => e === window ? window.scrollY : e.scrollTop, Lt = {
+	"bottom-right": (e) => ({
+		right: e,
+		bottom: e
+	}),
+	"bottom-left": (e) => ({
+		left: e,
+		bottom: e
+	}),
+	"bottom-center": (e) => ({
+		left: "50%",
+		bottom: e,
+		transform: "translateX(-50%)"
+	})
+};
+function Rt({ variant: e, label: t, position: n, offset: r, showAfter: i, smooth: o, bg: s, fg: c, style: u, nodeRef: p, inert: m, frame: h }) {
+	let [g, _] = l(!!m), [v, y] = l(null), b = (e) => {
+		y(e), typeof p == "function" && p(e);
+	};
+	a(() => {
+		if (m || !v) return;
+		let e = Ft(v), t = Number(i) >= 0 ? Number(i) : 300, n = () => _(It(e) > t);
+		return n(), e.addEventListener("scroll", n, { passive: !0 }), () => e.removeEventListener("scroll", n);
+	}, [
+		m,
+		v,
+		i
+	]);
+	let x = () => {
+		if (m) return;
+		let e = Ft(v), t = window.matchMedia?.("(prefers-reduced-motion: reduce)").matches, n = o === !1 || t ? "auto" : "smooth";
+		e === window ? window.scrollTo({
+			top: 0,
+			behavior: n
+		}) : e.scrollTo({
+			top: 0,
+			behavior: n
+		});
+	}, S = Number(r) >= 0 ? Number(r) : 24, C = e === "pill", w = t || "Top", T = Lt[n] ? n : "bottom-right", E = h ? {
+		position: "fixed",
+		zIndex: 5,
+		bottom: (h.bottom ?? 0) + S,
+		...T === "bottom-left" ? { left: (h.left ?? 0) + S } : null,
+		...T === "bottom-right" ? { right: (h.right ?? 0) + S } : null,
+		...T === "bottom-center" ? {
+			left: (h.left ?? 0) + (h.width ?? 0) / 2,
+			transform: "translateX(-50%)"
+		} : null
+	} : {
+		position: "fixed",
+		zIndex: 2147482e3,
+		...Lt[T](S)
+	};
+	return /* @__PURE__ */ f("button", {
+		ref: b,
+		type: "button",
+		title: w,
+		"aria-label": w,
+		"aria-hidden": !g,
+		tabIndex: g ? 0 : -1,
+		onClick: x,
+		style: {
+			display: "inline-flex",
+			alignItems: "center",
+			justifyContent: "center",
+			gap: C ? 8 : 0,
+			appearance: "none",
+			font: "inherit",
+			fontSize: 14,
+			fontWeight: 600,
+			width: C ? "auto" : 44,
+			height: 44,
+			padding: C ? "0 18px" : 0,
+			borderRadius: 999,
+			border: "1px solid transparent",
+			background: s || "var(--page-accent, #111827)",
+			color: c || "var(--page-accent-text, #ffffff)",
+			boxShadow: "0 6px 20px rgba(15, 23, 42, 0.25)",
+			cursor: m ? "default" : "pointer",
+			opacity: +!!g,
+			pointerEvents: g ? "auto" : "none",
+			transition: "opacity 160ms ease, transform 160ms ease",
+			...E,
+			...D(u),
+			...E.transform ? { transform: E.transform } : null
+		},
+		children: [/* @__PURE__ */ d("svg", {
+			width: "18",
+			height: "18",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			"aria-hidden": "true",
+			children: /* @__PURE__ */ d("path", {
+				d: "M12 19V5M12 5l-7 7M12 5l7 7",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			})
+		}), C ? /* @__PURE__ */ d("span", { children: w }) : null]
+	});
+}
+var zt = {
 	facebook: {
 		label: "Facebook",
 		color: "#1877f2",
@@ -2884,8 +2995,8 @@ var Pt = {
 		d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95c-.32-1.25-.78-2.45-1.38-3.56 1.84.63 3.37 1.91 4.33 3.56zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2 0 .68.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56-1.84-.63-3.37-1.9-4.33-3.56zm2.95-8H5.08c.96-1.66 2.49-2.93 4.33-3.56C8.81 5.55 8.35 6.75 8.03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2 0-.68.07-1.35.16-2h4.68c.09.65.16 1.32.16 2 0 .68-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95c-.96 1.65-2.49 2.93-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2 0-.68-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z"
 	}
 };
-function Ft({ links: e = [], variant: t, color: n, size: r, gap: i, newTab: a, style: o, nodeRef: s, inert: c }) {
-	let l = Array.isArray(e) ? e.filter((e) => e && Pt[e.network]) : [];
+function Bt({ links: e = [], variant: t, color: n, size: r, gap: i, newTab: a, style: o, nodeRef: s, inert: c }) {
+	let l = Array.isArray(e) ? e.filter((e) => e && zt[e.network]) : [];
 	if (!l.length) return null;
 	let u = Math.min(Math.max(Number(r) || 18, 10), 64), f = Math.round(u * 1.9), p = Number.isFinite(Number(i)) ? Number(i) : 10, m = (e) => n === "accent" ? "var(--page-accent, #111827)" : n === "inherit" ? "currentColor" : e.color, h = c ? (e) => e.preventDefault() : void 0;
 	return /* @__PURE__ */ d("div", {
@@ -2898,7 +3009,7 @@ function Ft({ links: e = [], variant: t, color: n, size: r, gap: i, newTab: a, s
 			...D(o)
 		},
 		children: l.map((e, r) => {
-			let i = Pt[e.network], o = t !== "outline" && t !== "plain", s = o ? n === "accent" ? "var(--page-accent-text, #ffffff)" : n === "inherit" ? "var(--page-bg, #ffffff)" : "#ffffff" : m(i);
+			let i = zt[e.network], o = t !== "outline" && t !== "plain", s = o ? n === "accent" ? "var(--page-accent-text, #ffffff)" : n === "inherit" ? "var(--page-bg, #ffffff)" : "#ffffff" : m(i);
 			return /* @__PURE__ */ d("a", {
 				href: e.url || "#",
 				onClick: h,
@@ -2932,7 +3043,7 @@ function Ft({ links: e = [], variant: t, color: n, size: r, gap: i, newTab: a, s
 		})
 	});
 }
-function It({ steps: e = [], active: n = 1, vertical: r = !1, style: i, nodeRef: a }) {
+function Vt({ 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,
@@ -3010,7 +3121,7 @@ function It({ steps: e = [], active: n = 1, vertical: r = !1, style: i, nodeRef:
 		})
 	});
 }
-var Lt = {
+var Ht = {
 	small: {
 		w: 132,
 		h: 46,
@@ -3032,10 +3143,10 @@ var Lt = {
 		title: 12.5,
 		avatar: 46
 	}
-}, Rt = (e) => Lt[e] ?? Lt.medium;
-Lt.medium.w, Lt.medium.h;
-function zt(e, { size: t = "medium", horizontal: n = !1 } = {}) {
-	let r = Rt(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 = [];
+}, Ut = (e) => Ht[e] ?? Ht.medium;
+Ht.medium.w, Ht.medium.h;
+function Wt(e, { size: t = "medium", horizontal: n = !1 } = {}) {
+	let r = Ut(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;
@@ -3087,18 +3198,18 @@ function zt(e, { size: t = "medium", horizontal: n = !1 } = {}) {
 		horizontal: n
 	};
 }
-var Bt = (e, t) => {
+var Gt = (e, t) => {
 	let n = String(e ?? "");
 	return n.length > t ? `${n.slice(0, t - 1)}…` : n;
-}, Vt = (e) => {
+}, Kt = (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";
-}, Ht = (e) => !!(e?.cv?.trim?.() || e?.photo);
-function Ut(e, t = {}) {
+}, qt = (e) => !!(e?.cv?.trim?.() || e?.photo);
+function Jt(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;
@@ -3113,11 +3224,11 @@ function Ut(e, t = {}) {
 		};
 	});
 }
-var Wt = {
+var Yt = {
 	size: 36,
 	pad: 10
 };
-function Gt({ node: e, onClose: t }) {
+function Xt({ node: e, onClose: t }) {
 	return a(() => {
 		let e = (e) => e.key === "Escape" && t();
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
@@ -3238,7 +3349,7 @@ function Gt({ node: e, onClose: t }) {
 		})
 	});
 }
-function Kt({ 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 Zt({ 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: C, apiUrl: w } = i(V), T = i(H)?.[t], [E, O] = l(null);
 	a(() => {
 		if (!t || T) return;
@@ -3255,14 +3366,14 @@ function Kt({ nodes: e = [], source: t, nameField: n, titleField: r, photoField:
 		w,
 		T
 	]);
-	let k = t ? Ut(T ?? E ?? [], {
+	let k = t ? Jt(T ?? E ?? [], {
 		nameField: n,
 		titleField: r,
 		photoField: s,
 		parentField: c,
 		cvField: p,
 		hrefField: m
-	}) : e, A = Rt(h), { boxes: j, links: M, width: N, height: P } = zt(k, {
+	}) : e, A = Ut(h), { boxes: j, links: M, width: N, height: P } = Wt(k, {
 		size: h,
 		horizontal: g
 	});
@@ -3308,7 +3419,7 @@ function Kt({ 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 ? Vt(e.color) : r ? "var(--page-accent-text, #ffffff)" : "var(--page-text, #111827)", c = i ? Vt(e.color2) : s, l = y && (Ht(e) || e.href), p = () => Ht(e) ? S(e) : window.open(e.href, "_blank", "noreferrer"), m = e.photo ? t + Wt.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 ? Kt(e.color) : r ? "var(--page-accent-text, #ffffff)" : "var(--page-text, #111827)", c = i ? Kt(e.color2) : s, l = y && (qt(e) || e.href), p = () => qt(e) ? S(e) : window.open(e.href, "_blank", "noreferrer"), m = e.photo ? t + Yt.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,
@@ -3372,13 +3483,13 @@ function Kt({ 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 + Wt.pad + A.avatar / 2,
+								cx: t + Yt.pad + A.avatar / 2,
 								cy: n + A.h / 2,
 								r: A.avatar / 2
 							})
 						}), /* @__PURE__ */ d("image", {
 							href: e.photo,
-							x: t + Wt.pad,
+							x: t + Yt.pad,
 							y: n + (A.h - A.avatar) / 2,
 							width: A.avatar,
 							height: A.avatar,
@@ -3392,7 +3503,7 @@ function Kt({ nodes: e = [], source: t, nameField: n, titleField: r, photoField:
 							fontSize: A.title,
 							fontWeight: "600",
 							fill: s,
-							children: Bt(e.title, g + 4)
+							children: Gt(e.title, g + 4)
 						}), e.name && /* @__PURE__ */ d("text", {
 							x: m,
 							y: n + _ + _ / 2 + A.name * .35,
@@ -3400,7 +3511,7 @@ function Kt({ nodes: e = [], source: t, nameField: n, titleField: r, photoField:
 							fontSize: A.name,
 							fontWeight: "600",
 							fill: c,
-							children: Bt(e.name, g)
+							children: Gt(e.name, g)
 						})] }) : /* @__PURE__ */ f(u, { children: [v[0] && /* @__PURE__ */ d("text", {
 							x: m,
 							y: n + (v[1] ? A.h * .43 : A.h * .57),
@@ -3408,7 +3519,7 @@ function Kt({ nodes: e = [], source: t, nameField: n, titleField: r, photoField:
 							fontSize: A.name,
 							fontWeight: "600",
 							fill: s,
-							children: Bt(v[0], g)
+							children: Gt(v[0], g)
 						}), v[1] && /* @__PURE__ */ d("text", {
 							x: m,
 							y: n + A.h * .73,
@@ -3416,18 +3527,18 @@ function Kt({ nodes: e = [], source: t, nameField: n, titleField: r, photoField:
 							fontSize: A.title,
 							opacity: "0.7",
 							fill: s,
-							children: Bt(v[1], g + 4)
+							children: Gt(v[1], g + 4)
 						})] })
 					]
 				}, e.id);
 			})]
-		}), x && /* @__PURE__ */ d(Gt, {
+		}), x && /* @__PURE__ */ d(Xt, {
 			node: x,
 			onClose: () => S(null)
 		})]
 	});
 }
-function qt({ 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 Qt({ 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(V), v = i(H), y = v?.[n], b = u ? U(v) : 1, [x, S] = l(null);
 	if (a(() => {
 		if (!n || y) return;
@@ -3493,7 +3604,7 @@ function qt({ columns: e = [], rows: t = [], source: n, limit: r = 10, striped:
 		})
 	});
 }
-var Jt = {
+var $t = {
 	PageRoot: Se,
 	Section: Ce,
 	Container: we,
@@ -3511,11 +3622,12 @@ var Jt = {
 	CollectionSearch: Dt,
 	BreadcrumbsBlock: Ot,
 	PaginationBlock: kt,
-	StepperBlock: It,
-	SocialLinksBlock: Ft,
-	ThemeModeBlock: Nt,
-	OrgChartBlock: Kt,
-	TableBlock: qt,
+	StepperBlock: Vt,
+	SocialLinksBlock: Bt,
+	ThemeModeBlock: Pt,
+	ScrollTopBlock: Rt,
+	OrgChartBlock: Zt,
+	TableBlock: Qt,
 	MasonryBlock: tt,
 	AccordionBlock: ot,
 	NavbarBlock: it,
@@ -3545,26 +3657,26 @@ var Jt = {
 	FormFile: Ct,
 	FormRecaptcha: _t,
 	FormSubmit: wt
-}, Yt = {
+}, en = {
 	id: "auth",
 	label: "Accounts",
 	category: "Apps",
 	keys: ["SiteLoginForm", "SiteAccountMenu"],
 	ssr: "shell",
 	settings: ["site.authRedirect"]
-}, Xt = n({
+}, tn = n({
 	user: null,
 	status: "idle",
 	ensure: () => {},
 	refresh: () => {},
 	signOut: () => {}
-}), Zt = () => {
-	let e = i(Xt);
+}), nn = () => {
+	let e = i(tn);
 	return a(() => {
 		e.ensure();
 	}, [e]), e;
 };
-function Qt({ children: e, initialUser: t, disabled: n, apiUrl: a, tenant: o }) {
+function rn({ children: e, initialUser: t, disabled: n, apiUrl: a, tenant: o }) {
 	let u = i(V), 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",
@@ -3597,18 +3709,18 @@ function Qt({ children: e, initialUser: t, disabled: n, apiUrl: a, tenant: o })
 		b,
 		x
 	]);
-	return /* @__PURE__ */ d(Xt.Provider, {
+	return /* @__PURE__ */ d(tn.Provider, {
 		value: C,
 		children: e
 	});
 }
-function $t({ when: e, children: t }) {
-	let { status: n } = Zt();
+function an({ when: e, children: t }) {
+	let { status: n } = nn();
 	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 en({ 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 on({ 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(V), [v, y] = l("form"), [b, x] = l(""), [S, C] = l(!1), w = e === "register", T = u ? m || "form" : v, E = (e) => typeof e == "string" && e.startsWith("/") && !e.startsWith("//") ? e : "", O = async (e) => {
 		if (e.preventDefault(), u) return;
 		let n = new FormData(e.currentTarget);
@@ -3732,8 +3844,8 @@ function en({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordL
 		]
 	});
 }
-function tn({ 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 } = Zt(), p = a ? s || "user" : l, m = a ? {
+function sn({ 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 } = nn(), p = a ? s || "user" : l, m = a ? {
 		name: "Ada Lovelace",
 		email: "ada@example.com"
 	} : c;
@@ -3797,8 +3909,157 @@ function tn({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !
 	});
 }
 //#endregion
+//#region ../ui/src/components/builder/apps/consent/manifest.js
+var cn = {
+	id: "consent",
+	label: "Cookie consent",
+	category: "Apps",
+	keys: ["CookieConsent"],
+	ssr: "shell",
+	settings: []
+}, ln = "webim.cookie_consent";
+function un() {
+	try {
+		let e = window.localStorage.getItem(ln), t = e ? JSON.parse(e) : null;
+		return t?.choice === "accepted" || t?.choice === "declined" ? t.choice : "";
+	} catch {
+		return "";
+	}
+}
+function dn(e) {
+	try {
+		document.querySelectorAll(".webim-page").forEach((t) => t.setAttribute("data-webim-consent", e));
+	} catch {}
+}
+function fn(e) {
+	try {
+		window.localStorage.setItem(ln, JSON.stringify({
+			choice: e,
+			at: (/* @__PURE__ */ new Date()).toISOString()
+		}));
+	} catch {}
+	dn(e);
+	try {
+		window.dispatchEvent(new CustomEvent("webim:consent", { detail: { choice: e } }));
+	} catch {}
+}
+var pn = {
+	bottom: {
+		left: 0,
+		right: 0,
+		bottom: 0
+	},
+	top: {
+		left: 0,
+		right: 0,
+		top: 0
+	},
+	"bottom-left": {
+		left: 16,
+		bottom: 16,
+		maxWidth: 400
+	},
+	"bottom-right": {
+		right: 16,
+		bottom: 16,
+		maxWidth: 400
+	}
+};
+function mn({ message: e, acceptLabel: t, rejectLabel: n, showReject: r, linkLabel: i, linkHref: o, position: s, linked: c, style: p, nodeRef: m, inert: h }) {
+	let [g, _] = l(!!h), [v, y] = l(null), b = (e) => {
+		y(e), typeof m == "function" && m(e);
+	};
+	if (a(() => {
+		if (h) return;
+		let e = un();
+		if (e) {
+			let t = v?.closest?.(".webim-page");
+			t && t.setAttribute("data-webim-consent", e);
+		} else _(!0);
+	}, [h, v]), !g) return null;
+	let x = (e) => () => {
+		h || (fn(e, v), _(!1));
+	}, S = pn[s] ?? pn.bottom, C = {
+		appearance: "none",
+		font: "inherit",
+		fontSize: 14,
+		fontWeight: 600,
+		padding: "8px 16px",
+		borderRadius: 8,
+		cursor: h ? "default" : "pointer",
+		whiteSpace: "nowrap"
+	};
+	return /* @__PURE__ */ f("div", {
+		ref: b,
+		role: "region",
+		"aria-label": "Cookie consent",
+		style: {
+			...h ? { position: "relative" } : {
+				position: "fixed",
+				zIndex: 2147483e3,
+				...S
+			},
+			display: "flex",
+			flexWrap: "wrap",
+			alignItems: "center",
+			gap: 12,
+			padding: 16,
+			background: "var(--page-surface, #f2f2f2)",
+			color: "var(--page-text, #111827)",
+			border: "1px solid var(--page-border, rgba(148, 163, 184, 0.4))",
+			borderRadius: s === "bottom" || s === "top" ? 0 : 12,
+			boxShadow: "0 8px 30px rgba(15, 23, 42, 0.18)",
+			fontSize: 14,
+			lineHeight: 1.5,
+			...D(p)
+		},
+		children: [/* @__PURE__ */ f("div", {
+			style: {
+				flex: "1 1 260px",
+				minWidth: 0
+			},
+			children: [c?.content ?? (e || "We use cookies to run this site and to understand how it is used."), i && o ? /* @__PURE__ */ f(u, { children: [" ", /* @__PURE__ */ d("a", {
+				href: o,
+				onClick: h ? (e) => e.preventDefault() : void 0,
+				style: {
+					color: "var(--page-accent, inherit)",
+					textDecoration: "underline"
+				},
+				children: i
+			})] }) : null]
+		}), /* @__PURE__ */ f("div", {
+			style: {
+				display: "flex",
+				gap: 8,
+				flexShrink: 0
+			},
+			children: [r === !1 ? null : /* @__PURE__ */ d("button", {
+				type: "button",
+				onClick: x("declined"),
+				style: {
+					...C,
+					background: "transparent",
+					color: "inherit",
+					border: "1px solid var(--page-border, rgba(148, 163, 184, 0.6))"
+				},
+				children: n || "Decline"
+			}), /* @__PURE__ */ d("button", {
+				type: "button",
+				onClick: x("accepted"),
+				style: {
+					...C,
+					background: "var(--page-accent, #111827)",
+					color: "var(--page-accent-text, #ffffff)",
+					border: "1px solid transparent"
+				},
+				children: t || "Accept"
+			})]
+		})]
+	});
+}
+//#endregion
 //#region ../ui/src/components/builder/apps/language/manifest.js
-var nn = {
+var hn = {
 	id: "language",
 	label: "Language",
 	category: "Apps",
@@ -3808,21 +4069,21 @@ var nn = {
 };
 //#endregion
 //#region ../ui/src/components/builder/apps/language/views.jsx
-function rn(e) {
+function gn(e) {
 	let t = e?.locales, n = [typeof t?.default == "string" && t.default.trim() ? t.default.trim() : "", ...Array.isArray(t?.enabled) ? t.enabled : []].filter((e) => typeof e == "string" && e.trim());
 	return [...new Set(n.map((e) => e.trim()))];
 }
-var an = (e) => e && e.charAt(0).toUpperCase() + e.slice(1);
-function on(e, t) {
+var _n = (e) => e && e.charAt(0).toUpperCase() + e.slice(1);
+function vn(e, t) {
 	let n = String(e ?? "").toUpperCase();
 	if (t === "code") return n;
 	let r = "";
 	try {
-		r = an(new Intl.DisplayNames([e], { type: "language" }).of(e) ?? "");
+		r = _n(new Intl.DisplayNames([e], { type: "language" }).of(e) ?? "");
 	} catch {}
 	return !r || r.toUpperCase() === n ? n : t === "both" ? `${n} — ${r}` : r;
 }
-function sn(e, t) {
+function yn(e, t) {
 	let n = t ? "" : `?locale=${encodeURIComponent(e)}`;
 	if (typeof window > "u") return n || "?";
 	try {
@@ -3832,8 +4093,8 @@ function sn(e, t) {
 		return n || "/";
 	}
 }
-function cn({ variant: e, display: t, separator: n, label: r, style: a, nodeRef: o, inert: s }) {
-	let c = i(V), l = rn(c?.settings), u = l[0] ?? "", p = l.includes(c?.locale) ? c.locale : u, m = {
+function bn({ variant: e, display: t, separator: n, label: r, style: a, nodeRef: o, inert: s }) {
+	let c = i(V), l = gn(c?.settings), u = l[0] ?? "", p = l.includes(c?.locale) ? c.locale : u, m = {
 		display: "inline-flex",
 		alignItems: "center",
 		gap: 8,
@@ -3868,7 +4129,7 @@ function cn({ variant: e, display: t, separator: n, label: r, style: a, nodeRef:
 				style: { opacity: .4 },
 				children: n ?? "·"
 			}), /* @__PURE__ */ d("a", {
-				href: sn(e, e === u),
+				href: yn(e, e === u),
 				hrefLang: e,
 				"aria-current": e === p ? "true" : void 0,
 				onClick: s ? (e) => e.preventDefault() : void 0,
@@ -3878,7 +4139,7 @@ function cn({ variant: e, display: t, separator: n, label: r, style: a, nodeRef:
 					textDecoration: "none",
 					cursor: s ? "default" : "pointer"
 				},
-				children: on(e, t)
+				children: vn(e, t)
 			})]
 		}, e))]
 	}) : /* @__PURE__ */ f("div", {
@@ -3889,7 +4150,7 @@ function cn({ variant: e, display: t, separator: n, label: r, style: a, nodeRef:
 			value: p,
 			onChange: s ? void 0 : (e) => {
 				let t = e.target.value;
-				window.location.assign(sn(t, t === u));
+				window.location.assign(yn(t, t === u));
 			},
 			onKeyDown: s ? (e) => e.preventDefault() : void 0,
 			style: {
@@ -3903,50 +4164,55 @@ function cn({ variant: e, display: t, separator: n, label: r, style: a, nodeRef:
 			},
 			children: l.map((e) => /* @__PURE__ */ d("option", {
 				value: e,
-				children: on(e, t)
+				children: vn(e, t)
 			}, e))
 		})]
 	});
 }
 //#endregion
 //#region ../ui/src/components/builder/apps/index.js
-var ln = [Yt, nn], un = {
-	SiteLoginForm: en,
-	SiteAccountMenu: tn,
-	SiteLanguagePicker: cn
+var xn = [
+	en,
+	hn,
+	cn
+], Sn = {
+	SiteLoginForm: on,
+	SiteAccountMenu: sn,
+	SiteLanguagePicker: bn,
+	CookieConsent: mn
 };
-new Set(ln.filter((e) => e.ssr === "shell").flatMap((e) => e.keys));
+new Set(xn.filter((e) => e.ssr === "shell").flatMap((e) => e.keys));
 //#endregion
 //#region ../ui/src/components/builder/plugins/runtime.js
-var dn = /* @__PURE__ */ new Map();
-function fn(e) {
-	if (dn.has(e)) return dn.get(e);
+var Cn = /* @__PURE__ */ new Map();
+function wn(e) {
+	if (Cn.has(e)) return Cn.get(e);
 	let t = URL.createObjectURL(new Blob([e], { type: "text/javascript" })), n = import(
 		/* @vite-ignore */
 		/* webpackIgnore: true */
 		t
 ).finally(() => URL.revokeObjectURL(t));
-	return dn.set(e, n), n;
+	return Cn.set(e, n), n;
 }
-function pn(e) {
+function Tn(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 mn(e, t) {
-	let n = await fn(e);
+async function En(e, t) {
+	let n = await wn(e);
 	return (Array.isArray(n?.default?.blocks) ? n.default.blocks : []).find((e) => e?.id === t && typeof e.mount == "function") ?? null;
 }
-var hn = {
+var Dn = {
 	padding: "10px 12px",
 	border: "1px dashed rgba(148, 163, 184, 0.5)",
 	borderRadius: 8,
 	fontSize: 12,
 	opacity: .6
 };
-function gn({ pluginId: e, blockId: t, props: n, style: r, nodeRef: o }) {
-	let s = i(V), l = pn(s?.settings)[e], u = c(null), p = c(null), m = {
+function On({ pluginId: e, blockId: t, props: n, style: r, nodeRef: o }) {
+	let s = i(V), l = Tn(s?.settings)[e], u = c(null), p = c(null), m = {
 		tenant: s?.tenant ?? "",
 		apiUrl: s?.apiUrl ?? "/api",
 		locale: s?.locale ?? "",
@@ -3958,7 +4224,7 @@ function gn({ pluginId: e, blockId: t, props: n, style: r, nodeRef: o }) {
 		let e = u.current;
 		if (!l?.code || !e) return;
 		let n = !0;
-		return mn(l.code, t).then((e) => {
+		return En(l.code, t).then((e) => {
 			if (!(!n || !e || !u.current)) {
 				p.current = e;
 				try {
@@ -3988,7 +4254,7 @@ function gn({ pluginId: e, blockId: t, props: n, style: r, nodeRef: o }) {
 	}) : /* @__PURE__ */ f("div", {
 		ref: o,
 		style: {
-			...hn,
+			...Dn,
 			...D(r)
 		},
 		children: [
@@ -4000,12 +4266,12 @@ function gn({ pluginId: e, blockId: t, props: n, style: r, nodeRef: o }) {
 }
 //#endregion
 //#region ../ui/src/components/builder/render.jsx
-var _n = {
-	...Jt,
-	...un,
-	PluginBlock: gn
+var kn = {
+	...$t,
+	...Sn,
+	PluginBlock: On
 };
-function vn(e, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
+function An(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 ?? {};
@@ -4013,11 +4279,11 @@ function vn(e, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 		let n = o.props?.componentId, s = r?.[n];
 		if (!s?.template || i.has(n)) return null;
 		let c = new Set(i).add(n);
-		return /* @__PURE__ */ d(t, { children: vn(s.template.rootId, s.template.nodes, r, c, a) }, e);
+		return /* @__PURE__ */ d(t, { children: An(s.template.rootId, s.template.nodes, r, c, a) }, e);
 	}
-	let l = _n[s];
+	let l = kn[s];
 	if (!l) return null;
-	let u = (o.nodes ?? []).map((e) => vn(e, n, r, i, a)).filter(Boolean), f = Object.entries(o.linkedNodes ?? {}), p = f.length ? Object.fromEntries(f.map(([e, t]) => [e, vn(t, n, r, i)])) : void 0, m = /* @__PURE__ */ d(l, {
+	let u = (o.nodes ?? []).map((e) => An(e, n, r, i, a)).filter(Boolean), f = Object.entries(o.linkedNodes ?? {}), p = f.length ? Object.fromEntries(f.map(([e, t]) => [e, An(t, n, r, i)])) : void 0, m = /* @__PURE__ */ d(l, {
 		...c,
 		...s === "CollectionList" ? { templateId: o.linkedNodes?.card } : null,
 		linked: p,
@@ -4026,16 +4292,16 @@ function vn(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($t, {
+	return c.when && c.when !== "always" ? /* @__PURE__ */ d(an, {
 		when: c.when,
 		children: m
 	}, e) : m;
 }
 //#endregion
 //#region ../ui/src/components/builder/PageRenderer.jsx
-var yn = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" "), bn = (e) => `.webim-page[data-webim-mode="light"] { ${Object.entries(B(e.light)).map(([e, t]) => `${e}: ${t} !important;`).join(" ")} }
+var jn = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" "), Mn = (e) => `.webim-page[data-webim-mode="light"] { ${Object.entries(B(e.light)).map(([e, t]) => `${e}: ${t} !important;`).join(" ")} }
 .webim-page[data-webim-mode="dark"] { ${Object.entries(B(e.dark)).map(([e, t]) => `${e}: ${t} !important;`).join(" ")} }`;
-function xn({ 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: _ }) {
+function Nn({ 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: _ }) {
 	let v = o?.js?.trim();
 	if (a(() => {
 		if (!v) return;
@@ -4049,11 +4315,11 @@ function xn({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, cu
 		minHeight: "100%",
 		display: "flex",
 		flexDirection: "column"
-	}, w = vn("ROOT", e, n), T = s(() => ({ render: (t, r) => vn(t, e, n, void 0, { mapProps: r }) }), [e, n]), E = re(e, n), D = ne(e, n), O = o?.css?.trim(), k = z(t), A = [k.font, k.headingFont].filter((e) => typeof e == "string" && e.trim() && e !== "inherit" && !R[e]), j = [.../* @__PURE__ */ new Set([...C(e, n), ...A])].map((e) => /* @__PURE__ */ d("link", {
+	}, w = An("ROOT", e, n), T = s(() => ({ render: (t, r) => An(t, e, n, void 0, { mapProps: r }) }), [e, n]), E = re(e, n), D = ne(e, n), O = o?.css?.trim(), k = z(t), A = [k.font, k.headingFont].filter((e) => typeof e == "string" && e.trim() && e !== "inherit" && !R[e]), j = [.../* @__PURE__ */ new Set([...C(e, n), ...A])].map((e) => /* @__PURE__ */ d("link", {
 		rel: "stylesheet",
 		precedence: "default",
 		href: b(e)
-	}, e)), M = bn(k);
+	}, e)), M = Mn(k);
 	return r === "auto" ? /* @__PURE__ */ d(V.Provider, {
 		value: {
 			tenant: c || "",
@@ -4061,7 +4327,7 @@ function xn({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, cu
 			locale: p || "",
 			settings: g ?? null
 		},
-		children: /* @__PURE__ */ d(Qt, {
+		children: /* @__PURE__ */ d(rn, {
 			initialUser: _,
 			children: /* @__PURE__ */ d(H.Provider, {
 				value: u ?? null,
@@ -4076,8 +4342,8 @@ function xn({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, cu
 							...i
 						},
 						children: [
-							/* @__PURE__ */ d("style", { children: `.webim-page { ${yn(B(k.light))} }
-@media (prefers-color-scheme: dark) { .webim-page { ${yn(B(k.dark))} } }` }),
+							/* @__PURE__ */ d("style", { children: `.webim-page { ${jn(B(k.light))} }
+@media (prefers-color-scheme: dark) { .webim-page { ${jn(B(k.dark))} } }` }),
 							/* @__PURE__ */ d("style", { children: M }),
 							j,
 							/* @__PURE__ */ d("style", { children: x }),
@@ -4097,7 +4363,7 @@ function xn({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, cu
 			locale: p || "",
 			settings: g ?? null
 		},
-		children: /* @__PURE__ */ d(Qt, {
+		children: /* @__PURE__ */ d(rn, {
 			initialUser: _,
 			children: /* @__PURE__ */ d(H.Provider, {
 				value: u ?? null,
@@ -4128,8 +4394,8 @@ function xn({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, cu
 }
 //#endregion
 //#region src/WebimContent.jsx
-function Sn({ bundle: e, mode: t = "auto", style: n }) {
-	return e?.blocks?.ROOT ? /* @__PURE__ */ d(xn, {
+function Pn({ bundle: e, mode: t = "auto", style: n }) {
+	return e?.blocks?.ROOT ? /* @__PURE__ */ d(Nn, {
 		blocks: e.blocks,
 		theme: e.theme,
 		components: e.components,
@@ -4146,7 +4412,7 @@ function Sn({ bundle: e, mode: t = "auto", style: n }) {
 }
 //#endregion
 //#region src/bundle.js
-function Cn({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
+function Fn({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
 	let a = {
 		...t?.global ?? {},
 		...t?.tenant ?? {}
@@ -4171,18 +4437,18 @@ function Cn({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
 }
 //#endregion
 //#region src/fetchPage.js
-var wn = async (e) => {
+var In = 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 Tn({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token: a, page: o, fetch: s }) {
+async function Ln({ 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(wn), c(`${l}/settings/public`, { headers: u }).then(wn)]), p = Cn({
+	}, [d, f] = await Promise.all([c(`${l}/render/${encodeURIComponent(n)}${i ? `?preview=${encodeURIComponent(i)}` : ""}`, { headers: u }).then(In), c(`${l}/settings/public`, { headers: u }).then(In)]), p = Fn({
 		page: d,
 		settings: f,
 		tenant: t,
@@ -4190,7 +4456,7 @@ async function Tn({ 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(wn).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(In).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, []]])));
@@ -4204,40 +4470,40 @@ async function Tn({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token:
 }
 //#endregion
 //#region src/ssr.jsx
-var En = (e) => String(e ?? "").replace(/[&<>"]/g, (e) => ({
+var $ = (e) => String(e ?? "").replace(/[&<>"]/g, (e) => ({
 	"&": "&amp;",
 	"<": "&lt;",
 	">": "&gt;",
 	"\"": "&quot;"
 })[e]);
-function Dn(t, { mode: n = "auto", style: r } = {}) {
-	return e(/* @__PURE__ */ d(Sn, {
+function Rn(t, { mode: n = "auto", style: r } = {}) {
+	return e(/* @__PURE__ */ d(Pn, {
 		bundle: t,
 		mode: n,
 		style: r
 	}));
 }
-function On(e, { mode: t = "auto", lang: n } = {}) {
+function zn(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\"/>",
-		`<title>${En(o)}</title>`,
-		r.description && `<meta name="description" content="${En(r.description)}"/>`,
-		`<meta property="og:title" content="${En(o)}"/>`,
-		r.image && `<meta property="og:image" content="${En(r.image)}"/>`,
+		`<title>${$(o)}</title>`,
+		r.description && `<meta name="description" content="${$(r.description)}"/>`,
+		`<meta property="og:title" content="${$(o)}"/>`,
+		r.image && `<meta property="og:image" content="${$(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="${En(i)}"${a ? ` dir="${a}"` : ""}>
+<html lang="${$(i)}"${a ? ` dir="${a}"` : ""}>
 <head>
 ${c}
 </head>
 <body>
-${Dn(e, { mode: t })}
+${Rn(e, { mode: t })}
 ${s ? `<script>${s.replaceAll("<\/script", "<\\/script")}<\/script>` : ""}
 </body>
 </html>`;
 }
 //#endregion
-export { Cn as assembleBundle, Tn as fetchPage, Dn as renderBundleHtml, On as renderPageDocument };
+export { Fn as assembleBundle, Ln as fetchPage, Rn as renderBundleHtml, zn as renderPageDocument };