webim-adapter 2.0.0 → 2.0.1

package/build/webim-adapter.js

@@ -1385,6 +1385,7 @@ function vt({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, heigh
 			position: "relative",
 			overflow: "hidden",
 			width: "100%",
+			height: a,
 			touchAction: "pan-y",
 			userSelect: _ ? "none" : void 0,
 			cursor: _ ? "grabbing" : void 0,
@@ -1393,7 +1394,7 @@ function vt({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, heigh
 		children: [/* @__PURE__ */ u("div", {
 			style: {
 				display: "flex",
-				height: a,
+				height: "100%",
 				transform: `translateX(calc(${-y * 100}% + ${_?.dx ?? 0}px))`,
 				transition: _ ? "none" : "transform 450ms ease"
 			},
@@ -6343,7 +6344,7 @@ var Lr = [
 new Set(Lr.filter((e) => e.ssr === "shell").flatMap((e) => e.keys));
 //#endregion
 //#region ../ui/src/components/builder/three/runtime.js
-var zr = "0.185.1", Br = "4.3.1", Vr = "https://cdn.jsdelivr.net/npm", Hr = `${Vr}/three@${zr}/build/three.module.js`, Ur = `${Vr}/@google/model-viewer@${Br}/dist/model-viewer.min.js`, Wr = (e) => import(
+var zr = "0.185.1", Br = "4.2.0", Vr = "https://cdn.jsdelivr.net/npm", Hr = `${Vr}/three@${zr}/+esm`, Ur = `${Vr}/@google/model-viewer@${Br}/dist/model-viewer.min.js`, Wr = (e) => import(
 	/* @vite-ignore */
 	/* webpackIgnore: true */
 	e
@@ -6356,12 +6357,12 @@ function Kr(e) {
 	});
 	return Gr.set(e, t), t;
 }
-var qr = () => Kr(Hr);
-function Jr() {
+var qr = () => Kr(Hr), Jr = (e) => Kr(`${Vr}/three@${zr}/examples/jsm/${e}/+esm`);
+function Yr() {
 	return typeof window < "u" && window.customElements?.get("model-viewer") ? Promise.resolve(null) : Kr(Ur);
 }
-var Yr = () => typeof window < "u" && !!window.matchMedia?.("(prefers-reduced-motion: reduce)").matches, Xr = (e = 2) => Math.min(typeof window > "u" ? 1 : window.devicePixelRatio || 1, e);
-function Zr(e, t) {
+var Xr = () => typeof window < "u" && !!window.matchMedia?.("(prefers-reduced-motion: reduce)").matches, Zr = (e = 2) => Math.min(typeof window > "u" ? 1 : window.devicePixelRatio || 1, e);
+function Qr(e, t) {
 	let n = 0, r = 0, i = 0, a = !0, o = (e) => {
 		n = requestAnimationFrame(o), i ||= e;
 		let a = r ? (e - r) / 1e3 : 0;
@@ -6380,7 +6381,7 @@ function Zr(e, t) {
 		s(), l?.disconnect(), document.removeEventListener("visibilitychange", c);
 	};
 }
-function Qr(e, t, n = {}) {
+function $r(e, t, n = {}) {
 	let r = {
 		radius: n.distance ?? 4,
 		polar: n.polar ?? Math.PI / 2.4,
@@ -6429,13 +6430,13 @@ function Qr(e, t, n = {}) {
 }
 //#endregion
 //#region ../ui/src/components/builder/three/views.jsx
-var $r = (e, t) => Number.isFinite(Number(e)) && Number(e) > 0 ? Number(e) : t, ei = (e, t) => (Number.isFinite(Number(e)) ? Number(e) : t) / 100, ti = (e) => (Number.isFinite(Number(e)) ? Number(e) : 0) * Math.PI / 180;
-function ni({ label: e, note: t, height: n, nodeRef: r, style: i }) {
+var ei = (e, t) => Number.isFinite(Number(e)) && Number(e) > 0 ? Number(e) : t, ti = (e, t) => (Number.isFinite(Number(e)) ? Number(e) : t) / 100, ni = (e) => (Number.isFinite(Number(e)) ? Number(e) : 0) * Math.PI / 180, ri = (e) => typeof e == "string" && !!e.trim();
+function ii({ label: e, note: t, height: n, nodeRef: r, style: i }) {
 	return /* @__PURE__ */ d("div", {
 		ref: r,
 		style: {
 			...A(i),
-			minHeight: $r(n, 320),
+			minHeight: ei(n, 320),
 			display: "flex",
 			flexDirection: "column",
 			alignItems: "center",
@@ -6463,25 +6464,24 @@ function ni({ label: e, note: t, height: n, nodeRef: r, style: i }) {
 		}) : null]
 	});
 }
-function ri({ src: e, poster: t, alt: n, height: r, bg: a, autoRotate: o, rotateDelay: s, cameraControls: l, ar: d, exposure: f, shadow: p, fieldOfView: m, environment: h, style: g, nodeRef: _, inert: v }) {
+function ai({ src: e, poster: t, alt: n, height: r, bg: a, autoRotate: o, rotateDelay: s, cameraControls: l, ar: d, exposure: f, shadow: p, fieldOfView: m, environment: h, style: g, nodeRef: _, inert: v }) {
 	let [y, b] = c(typeof window < "u" && !!window.customElements?.get("model-viewer")), [x, S] = c(!1);
 	i(() => {
 		if (y || !e) return;
 		let t = !0;
-		return Jr().then(() => t && b(!0), () => t && S(!0)), () => {
+		return Yr().then(() => t && b(!0), () => t && S(!0)), () => {
 			t = !1;
 		};
 	}, [y, e]);
 	let C = {
-		...A(g),
 		display: "block",
 		width: "100%",
-		minHeight: $r(r, 360),
-		height: $r(r, 360),
+		minHeight: ei(r, 360),
+		height: ei(r, 360),
 		backgroundColor: a || "transparent",
-		borderRadius: A(g).borderRadius ?? void 0
+		...A(g)
 	};
-	if (!e) return v ? /* @__PURE__ */ u(ni, {
+	if (!e) return v ? /* @__PURE__ */ u(ii, {
 		nodeRef: _,
 		style: g,
 		height: r,
@@ -6516,13 +6516,13 @@ function ri({ src: e, poster: t, alt: n, height: r, bg: a, autoRotate: o, rotate
 		poster: t || void 0,
 		style: C,
 		"camera-controls": w(!v && l !== !1),
-		"auto-rotate": w(T && !Yr()),
-		"auto-rotate-delay": T ? String($r(s, 0)) : void 0,
+		"auto-rotate": w(T && !Xr()),
+		"auto-rotate-delay": T ? String(ei(s, 0)) : void 0,
 		"rotation-per-second": "18deg",
 		ar: w(!v && d === !0),
 		"ar-modes": "webxr scene-viewer quick-look",
-		"shadow-intensity": String(ei(p, 100)),
-		exposure: String(ei(f, 100)),
+		"shadow-intensity": String(ti(p, 100)),
+		exposure: String(ti(f, 100)),
 		"field-of-view": m ? `${Number(m)}deg` : void 0,
 		"environment-image": h && h !== "neutral" ? h : "neutral",
 		"interaction-prompt": v ? "none" : void 0,
@@ -6540,7 +6540,7 @@ function ri({ src: e, poster: t, alt: n, height: r, bg: a, autoRotate: o, rotate
 		}) : null
 	});
 }
-var ii = ["attribute vec2 p;", "void main() { gl_Position = vec4(p, 0.0, 1.0); }"].join("\n"), ai = [
+var oi = ["attribute vec2 p;", "void main() { gl_Position = vec4(p, 0.0, 1.0); }"].join("\n"), si = [
 	"precision highp float;",
 	"uniform vec2 u_res;",
 	"uniform float u_time;",
@@ -6563,7 +6563,7 @@ var ii = ["attribute vec2 p;", "void main() { gl_Position = vec4(p, 0.0, 1.0); }
 	"  return v;",
 	"}",
 	""
-].join("\n"), oi = {
+].join("\n"), ci = {
 	gradient: [
 		"void main(){",
 		"  vec2 uv = gl_FragCoord.xy / u_res;",
@@ -6615,7 +6615,7 @@ var ii = ["attribute vec2 p;", "void main() { gl_Position = vec4(p, 0.0, 1.0); }
 		"}"
 	].join("\n")
 };
-function si(e, t) {
+function li(e, t) {
 	let n = /^#?([0-9a-f]{6})$/i.exec(String(e ?? "").trim());
 	if (!n) return t;
 	let r = parseInt(n[1], 16);
@@ -6625,7 +6625,7 @@ function si(e, t) {
 		(r & 255) / 255
 	];
 }
-function ci(e, t, n) {
+function ui(e, t, n) {
 	let r = e.createShader(t);
 	if (e.shaderSource(r, n), e.compileShader(r), !e.getShaderParameter(r, e.COMPILE_STATUS)) {
 		let t = e.getShaderInfoLog(r);
@@ -6633,27 +6633,32 @@ function ci(e, t, n) {
 	}
 	return r;
 }
-function li({ preset: e, code: t, colorA: n, colorB: r, colorC: a, speed: o, scale: l, height: f, interactive: p, style: m, nodeRef: h, inert: g }) {
-	let _ = s(null), v = s(null), [y, b] = c(""), x = typeof t == "string" && t.trim() ? t : oi[e] ?? oi.gradient, S = String(n ?? ""), C = String(r ?? ""), w = String(a ?? ""), T = ei(o, 100), E = Math.max(.05, ei(l, 100));
+function di({ preset: e, code: t, colorA: n, colorB: r, colorC: a, speed: o, scale: l, height: f, interactive: p, style: m, nodeRef: h, inert: g }) {
+	let _ = s(null), v = s(null), y = s(null), [b, x] = c("");
+	i(() => () => {
+		let e = y.current;
+		y.current = null, e?.getExtension("WEBGL_lose_context")?.loseContext();
+	}, []);
+	let S = typeof t == "string" && t.trim() ? t : ci[e] ?? ci.gradient, C = String(n ?? ""), w = String(r ?? ""), T = String(a ?? ""), E = ti(o, 100), D = Math.max(.05, ti(l, 100));
 	return i(() => {
 		let e = _.current, t = v.current;
 		if (!e || !t) return;
-		let n = e.getContext("webgl", {
+		let n = y.current ??= e.getContext("webgl", {
 			antialias: !0,
 			alpha: !0,
 			premultipliedAlpha: !1
 		});
 		if (!n) {
-			b("WebGL is not available in this browser");
+			x("WebGL is not available in this browser");
 			return;
 		}
 		let r = null;
 		try {
-			let e = ci(n, n.VERTEX_SHADER, ii), t = ci(n, n.FRAGMENT_SHADER, ai + x);
+			let e = ui(n, n.VERTEX_SHADER, oi), t = ui(n, n.FRAGMENT_SHADER, si + S);
 			if (r = n.createProgram(), n.attachShader(r, e), n.attachShader(r, t), n.linkProgram(r), !n.getProgramParameter(r, n.LINK_STATUS)) throw Error(n.getProgramInfoLog(r) || "Link failed");
-			b("");
+			x("");
 		} catch (e) {
-			b(e?.message || "Shader failed to compile");
+			x(e?.message || "Shader failed to compile");
 			return;
 		}
 		n.useProgram(r);
@@ -6685,49 +6690,49 @@ function li({ preset: e, code: t, colorA: n, colorB: r, colorC: a, speed: o, sca
 		};
 		p !== !1 && t.addEventListener("pointermove", l);
 		let u = () => {
-			let r = Xr(), i = Math.max(1, Math.round(t.clientWidth * r)), a = Math.max(1, Math.round(t.clientHeight * r));
+			let r = Zr(), i = Math.max(1, Math.round(t.clientWidth * r)), a = Math.max(1, Math.round(t.clientHeight * r));
 			(e.width !== i || e.height !== a) && (e.width = i, e.height = a, n.viewport(0, 0, i, a));
 		}, d = typeof ResizeObserver > "u" ? null : new ResizeObserver(u);
 		d?.observe(t), u();
-		let f = Yr(), m = {
-			a: si(S, [
+		let f = Xr(), m = {
+			a: li(C, [
 				.35,
 				.4,
 				.95
 			]),
-			b: si(C, [
+			b: li(w, [
 				.05,
 				.06,
 				.16
 			]),
-			c: si(w, [
+			c: li(T, [
 				.95,
 				.35,
 				.6
 			])
 		}, h = {};
-		return h.stop = Zr(t, (t, r) => {
-			u(), n.uniform2f(s.res, e.width, e.height), n.uniform1f(s.time, (f ? 0 : r) * T), n.uniform2f(s.mouse, c.x, c.y), n.uniform3fv(s.a, m.a), n.uniform3fv(s.b, m.b), n.uniform3fv(s.c, m.c), n.uniform1f(s.scale, E), n.drawArrays(n.TRIANGLES, 0, 3), f && h.stop?.();
+		return h.stop = Qr(t, (t, r) => {
+			u(), n.uniform2f(s.res, e.width, e.height), n.uniform1f(s.time, (f ? 0 : r) * E), n.uniform2f(s.mouse, c.x, c.y), n.uniform3fv(s.a, m.a), n.uniform3fv(s.b, m.b), n.uniform3fv(s.c, m.c), n.uniform1f(s.scale, D), n.drawArrays(n.TRIANGLES, 0, 3), f && h.stop?.();
 		}), () => {
-			h.stop?.(), d?.disconnect(), t.removeEventListener("pointermove", l), n.deleteProgram(r), n.deleteBuffer(i), n.getExtension("WEBGL_lose_context")?.loseContext();
+			h.stop?.(), d?.disconnect(), t.removeEventListener("pointermove", l), n.deleteProgram(r), n.deleteBuffer(i);
 		};
 	}, [
-		x,
 		S,
 		C,
 		w,
 		T,
 		E,
+		D,
 		p
 	]), /* @__PURE__ */ d("div", {
 		ref: (e) => {
 			v.current = e, typeof h == "function" && h(e);
 		},
 		style: {
-			...A(m),
-			position: A(m).position ?? "relative",
-			minHeight: $r(f, 320),
-			overflow: "hidden"
+			position: "relative",
+			minHeight: ei(f, 320),
+			overflow: "hidden",
+			...A(m)
 		},
 		children: [/* @__PURE__ */ u("canvas", {
 			ref: _,
@@ -6738,7 +6743,7 @@ function li({ preset: e, code: t, colorA: n, colorB: r, colorC: a, speed: o, sca
 				position: "absolute",
 				inset: 0
 			}
-		}), y && g ? /* @__PURE__ */ u("div", {
+		}), b && g ? /* @__PURE__ */ u("div", {
 			style: {
 				position: "absolute",
 				inset: 0,
@@ -6753,11 +6758,11 @@ function li({ preset: e, code: t, colorA: n, colorB: r, colorC: a, speed: o, sca
 				whiteSpace: "pre-wrap",
 				overflow: "auto"
 			},
-			children: y
+			children: b
 		}) : null]
 	});
 }
-function ui(e, t) {
+function fi(e, t) {
 	let n = new e.Scene(), r = new e.BoxGeometry();
 	r.deleteAttribute("uv");
 	let i = new e.Mesh(r, new e.MeshBasicMaterial({
@@ -6773,7 +6778,23 @@ function ui(e, t) {
 	let o = new e.PMREMGenerator(t), s = o.fromScene(n, .04);
 	return o.dispose(), r.dispose(), n.traverse((e) => e.material?.dispose?.()), s.texture;
 }
-var di = {
+var pi = /* @__PURE__ */ new Map();
+function mi(e) {
+	if (pi.has(e)) return pi.get(e);
+	let t = Jr("loaders/GLTFLoader.js").then((t) => new Promise((n, r) => {
+		new t.GLTFLoader().load(e, (e) => n(e.scene), void 0, r);
+	})).catch((t) => {
+		throw pi.delete(e), t;
+	});
+	return pi.set(e, t), t;
+}
+function hi(e, t) {
+	let n = new e.Box3().setFromObject(t);
+	if (n.isEmpty()) return t;
+	let r = n.getSize(new e.Vector3()), i = n.getCenter(new e.Vector3()), a = Math.max(r.x, r.y, r.z) || 1, o = new e.Group();
+	return t.position.sub(i), t.scale.multiplyScalar(1 / a), t.position.multiplyScalar(1 / a), o.add(t), o;
+}
+var gi = {
 	box: (e) => new e.BoxGeometry(1, 1, 1, 1, 1, 1),
 	sphere: (e) => new e.SphereGeometry(.62, 48, 32),
 	torus: (e) => new e.TorusGeometry(.5, .2, 24, 64),
@@ -6782,9 +6803,9 @@ var di = {
 	cylinder: (e) => new e.CylinderGeometry(.45, .45, 1.1, 48),
 	plane: (e) => new e.PlaneGeometry(1.4, 1.4),
 	capsule: (e) => new e.CapsuleGeometry(.35, .6, 8, 32)
-}, fi = (e, t) => Number.isFinite(Number(e)) ? Number(e) : t;
-function pi({ objects: e, background: t, cameraDistance: n, fov: r, autoRotate: a, spinSpeed: o, controls: l, ground: d, height: f, style: p, nodeRef: m, inert: h }) {
-	let g = s(null), [_, v] = c(!1), y = Array.isArray(e) ? e.filter((e) => e && typeof e == "object") : [], b = JSON.stringify(y), x = a !== !1 && !Yr(), S = l !== !1 && !h;
+}, _i = (e, t) => Number.isFinite(Number(e)) ? Number(e) : t;
+function vi({ objects: e, background: t, cameraDistance: n, fov: r, autoRotate: a, spinSpeed: o, controls: l, ground: d, height: f, style: p, nodeRef: m, inert: h }) {
+	let g = s(null), [_, v] = c(!1), y = Array.isArray(e) ? e.filter((e) => e && typeof e == "object") : [], b = JSON.stringify(y), x = a !== !1 && !Xr(), S = l !== !1 && !h;
 	return i(() => {
 		let e = g.current;
 		if (!e) return;
@@ -6795,46 +6816,61 @@ function pi({ objects: e, background: t, cameraDistance: n, fov: r, autoRotate:
 				antialias: !0,
 				alpha: !t
 			});
-			c.setPixelRatio(Xr()), c.shadowMap.enabled = d !== !1, c.shadowMap.type = s.PCFSoftShadowMap, c.outputColorSpace = s.SRGBColorSpace, c.toneMapping = s.ACESFilmicToneMapping, c.domElement.style.display = "block", c.domElement.style.width = "100%", c.domElement.style.height = "100%", e.appendChild(c.domElement);
+			c.setPixelRatio(Zr()), c.shadowMap.enabled = d !== !1, c.shadowMap.type = s.PCFSoftShadowMap, c.outputColorSpace = s.SRGBColorSpace, c.toneMapping = s.ACESFilmicToneMapping, c.domElement.style.display = "block", c.domElement.style.width = "100%", c.domElement.style.height = "100%", e.appendChild(c.domElement);
 			let l = new s.Scene();
-			t && (l.background = new s.Color(t)), l.environment = ui(s, c);
-			let u = new s.PerspectiveCamera(fi(r, 45), 1, .1, 400), f = Qr(u, c.domElement, {
-				distance: fi(n, 5),
+			t && (l.background = new s.Color(t)), l.environment = fi(s, c);
+			let u = new s.PerspectiveCamera(_i(r, 45), 1, .1, 400), f = $r(u, c.domElement, {
+				distance: _i(n, 5),
 				enableZoom: S
 			}), p = new s.DirectionalLight(16777215, 2.2);
 			p.position.set(4, 7, 5), p.castShadow = d !== !1, p.shadow.mapSize.set(1024, 1024), p.shadow.camera.near = .5, p.shadow.camera.far = 30, l.add(p, new s.AmbientLight(16777215, .35));
-			let m = [], h = new s.Group();
+			let m = [], h = new s.Group(), g = (e, t) => {
+				let n = _i(t.scale, 1);
+				e.position.set(_i(t.x, 0), _i(t.y, 0), _i(t.z, 0)), e.rotation.set(ni(t.rx), ni(t.ry), ni(t.rz)), e.scale.setScalar(n > 0 ? n : 1), e.userData.spin = ni(t.spin);
+			};
 			for (let e of y) {
-				let t = (di[e.shape] ?? di.box)(s), n = new s.MeshStandardMaterial({
+				if (e.shape === "model") {
+					if (!ri(e.src)) continue;
+					let t = new s.Group();
+					g(t, e), h.add(t), mi(e.src).then((e) => {
+						if (!i) return;
+						let n = hi(s, e.clone(!0));
+						n.traverse((e) => {
+							e.isMesh && (e.castShadow = !0, e.receiveShadow = !0);
+						}), t.add(n);
+					}, () => {});
+					continue;
+				}
+				let t = (gi[e.shape] ?? gi.box)(s), n = new s.MeshStandardMaterial({
 					color: /^#?[0-9a-f]{6}$/i.test(String(e.color ?? "")) ? e.color : "#6366f1",
-					metalness: Math.min(1, Math.max(0, ei(e.metalness, 10))),
-					roughness: Math.min(1, Math.max(0, ei(e.roughness, 35))),
-					transparent: ei(e.opacity, 100) < 1,
-					opacity: Math.min(1, Math.max(0, ei(e.opacity, 100))),
+					metalness: Math.min(1, Math.max(0, ti(e.metalness, 10))),
+					roughness: Math.min(1, Math.max(0, ti(e.roughness, 35))),
+					transparent: ti(e.opacity, 100) < 1,
+					opacity: Math.min(1, Math.max(0, ti(e.opacity, 100))),
 					flatShading: e.flat === !0,
 					wireframe: e.wireframe === !0,
 					side: e.shape === "plane" ? s.DoubleSide : s.FrontSide
-				}), r = new s.Mesh(t, n), i = fi(e.scale, 1);
-				r.position.set(fi(e.x, 0), fi(e.y, 0), fi(e.z, 0)), r.rotation.set(fi(e.rx, 0) * Math.PI / 180, fi(e.ry, 0) * Math.PI / 180, fi(e.rz, 0) * Math.PI / 180), r.scale.setScalar(i > 0 ? i : 1), r.castShadow = !0, r.receiveShadow = !0, r.userData.spin = ti(e.spin), h.add(r), m.push(t, n);
+				}), r = new s.Mesh(t, n);
+				g(r, e), r.castShadow = !0, r.receiveShadow = !0, h.add(r), m.push(t, n);
 			}
 			l.add(h);
-			let g = null;
+			let _ = null;
 			if (d !== !1) {
 				let e = new s.ShadowMaterial({ opacity: .22 }), t = new s.PlaneGeometry(60, 60);
-				g = new s.Mesh(t, e), g.rotation.x = -Math.PI / 2, g.position.y = fi(d === !0 ? 0 : d, -.85), g.receiveShadow = !0, l.add(g), m.push(t, e);
+				_ = new s.Mesh(t, e), _.rotation.x = -Math.PI / 2, _.position.y = _i(d === !0 ? 0 : d, -.85), _.receiveShadow = !0, l.add(_), m.push(t, e);
 			}
-			let _ = () => {
+			let v = () => {
 				let t = Math.max(1, e.clientWidth), n = Math.max(1, e.clientHeight);
 				c.setSize(t, n, !1), u.aspect = t / n, u.updateProjectionMatrix();
-			}, v = typeof ResizeObserver > "u" ? null : new ResizeObserver(_);
-			v?.observe(e), _();
-			let b = ti(Number.isFinite(Number(o)) ? o : 20), C = Zr(e, (e) => {
-				f.autoSpin(x ? b : 0, e), f.update();
+			}, b = typeof ResizeObserver > "u" ? null : new ResizeObserver(v);
+			b?.observe(e), v();
+			let C = ni(Number.isFinite(Number(o)) ? o : 20), w = Qr(e, (e) => {
+				f.autoSpin(x ? C : 0, e), f.update();
 				for (let t of h.children) t.userData.spin && (t.rotation.y += t.userData.spin * e);
 				c.render(l, u);
 			});
 			a = () => {
-				C(), v?.disconnect(), f.dispose();
+				w(), b?.disconnect(), f.dispose();
 				for (let e of m) e.dispose?.();
 				l.environment?.dispose?.(), c.dispose(), c.domElement.remove();
 			};
@@ -6852,7 +6888,7 @@ function pi({ objects: e, background: t, cameraDistance: n, fov: r, autoRotate:
 		o,
 		S,
 		d
-	]), _ && h ? /* @__PURE__ */ u(ni, {
+	]), _ && h ? /* @__PURE__ */ u(ii, {
 		nodeRef: m,
 		style: p,
 		height: f,
@@ -6863,15 +6899,15 @@ function pi({ objects: e, background: t, cameraDistance: n, fov: r, autoRotate:
 			g.current = e, typeof m == "function" && m(e);
 		},
 		style: {
-			...A(p),
-			minHeight: $r(f, 380),
-			height: $r(f, 380),
+			minHeight: ei(f, 380),
+			height: ei(f, 380),
 			overflow: "hidden",
-			touchAction: S ? "pan-y" : void 0
+			touchAction: S ? "pan-y" : void 0,
+			...A(p)
 		}
 	});
 }
-function mi({ code: e, height: t, background: n, style: r, nodeRef: a, inert: o }) {
+function yi({ code: e, height: t, background: n, style: r, nodeRef: a, inert: o }) {
 	let l = s(null), [d, f] = c("");
 	return i(() => {
 		let t = l.current;
@@ -6883,7 +6919,7 @@ function mi({ code: e, height: t, background: n, style: r, nodeRef: a, inert: o
 				antialias: !0,
 				alpha: !n
 			});
-			o.setPixelRatio(Xr()), o.outputColorSpace = a.SRGBColorSpace, o.domElement.style.display = "block", o.domElement.style.width = "100%", o.domElement.style.height = "100%", t.appendChild(o.domElement);
+			o.setPixelRatio(Zr()), o.outputColorSpace = a.SRGBColorSpace, o.domElement.style.display = "block", o.domElement.style.width = "100%", o.domElement.style.height = "100%", t.appendChild(o.domElement);
 			let s = new a.Scene();
 			n && (s.background = new a.Color(n));
 			let c = new a.PerspectiveCamera(45, 1, .1, 1e3);
@@ -6906,7 +6942,7 @@ function mi({ code: e, height: t, background: n, style: r, nodeRef: a, inert: o
 				o.setSize(e, n, !1), c.aspect = e / n, c.updateProjectionMatrix();
 			}, d = typeof ResizeObserver > "u" ? null : new ResizeObserver(u);
 			d?.observe(t), u();
-			let p = !1, m = Zr(t, (e, t) => {
+			let p = !1, m = Qr(t, (e, t) => {
 				if (!p && typeof l?.frame == "function") try {
 					l.frame(e, t);
 				} catch (e) {
@@ -6928,7 +6964,7 @@ function mi({ code: e, height: t, background: n, style: r, nodeRef: a, inert: o
 		e,
 		o,
 		n
-	]), o ? /* @__PURE__ */ u(ni, {
+	]), o ? /* @__PURE__ */ u(ii, {
 		nodeRef: a,
 		style: r,
 		height: t,
@@ -6939,12 +6975,12 @@ function mi({ code: e, height: t, background: n, style: r, nodeRef: a, inert: o
 			l.current = e, typeof a == "function" && a(e);
 		},
 		style: {
-			...A(r),
-			minHeight: $r(t, 380),
-			height: $r(t, 380),
+			minHeight: ei(t, 380),
+			height: ei(t, 380),
 			overflow: "hidden",
 			position: "relative",
-			touchAction: "pan-y"
+			touchAction: "pan-y",
+			...A(r)
 		},
 		children: d ? /* @__PURE__ */ u("div", {
 			style: {
@@ -6963,40 +6999,40 @@ function mi({ code: e, height: t, background: n, style: r, nodeRef: a, inert: o
 		}) : null
 	});
 }
-var hi = {
-	ModelViewerBlock: ri,
-	ShaderBlock: li,
-	SceneBlock: pi,
-	ThreeCanvasBlock: mi
-}, gi = /* @__PURE__ */ new Map();
-function _i(e) {
-	if (gi.has(e)) return gi.get(e);
+var bi = {
+	ModelViewerBlock: ai,
+	ShaderBlock: di,
+	SceneBlock: vi,
+	ThreeCanvasBlock: yi
+}, xi = /* @__PURE__ */ new Map();
+function Si(e) {
+	if (xi.has(e)) return xi.get(e);
 	let t = URL.createObjectURL(new Blob([e], { type: "text/javascript" })), n = import(
 		/* @vite-ignore */
 		/* webpackIgnore: true */
 		t
 ).finally(() => URL.revokeObjectURL(t));
-	return gi.set(e, n), n;
+	return xi.set(e, n), n;
 }
-function vi(e) {
+function Ci(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 yi(e, t) {
-	let n = await _i(e);
+async function wi(e, t) {
+	let n = await Si(e);
 	return (Array.isArray(n?.default?.blocks) ? n.default.blocks : []).find((e) => e?.id === t && typeof e.mount == "function") ?? null;
 }
-var bi = {
+var Ti = {
 	padding: "10px 12px",
 	border: "1px dashed rgba(148, 163, 184, 0.5)",
 	borderRadius: 8,
 	fontSize: 12,
 	opacity: .6
 };
-function xi({ pluginId: e, blockId: t, props: n, style: a, nodeRef: o }) {
-	let c = r(Z), l = vi(c?.settings)[e], f = s(null), p = s(null), m = {
+function Ei({ pluginId: e, blockId: t, props: n, style: a, nodeRef: o }) {
+	let c = r(Z), l = Ci(c?.settings)[e], f = s(null), p = s(null), m = {
 		tenant: c?.tenant ?? "",
 		apiUrl: c?.apiUrl ?? "/api",
 		locale: c?.locale ?? "",
@@ -7008,7 +7044,7 @@ function xi({ pluginId: e, blockId: t, props: n, style: a, nodeRef: o }) {
 		let e = f.current;
 		if (!l?.code || !e) return;
 		let n = !0;
-		return yi(l.code, t).then((e) => {
+		return wi(l.code, t).then((e) => {
 			if (!(!n || !e || !f.current)) {
 				p.current = e;
 				try {
@@ -7038,7 +7074,7 @@ function xi({ pluginId: e, blockId: t, props: n, style: a, nodeRef: o }) {
 	}) : /* @__PURE__ */ d("div", {
 		ref: o,
 		style: {
-			...bi,
+			...Ti,
 			...A(a)
 		},
 		children: [
@@ -7050,13 +7086,13 @@ function xi({ pluginId: e, blockId: t, props: n, style: a, nodeRef: o }) {
 }
 //#endregion
 //#region ../ui/src/components/builder/render.jsx
-var Si = {
+var Di = {
 	...ar,
 	...Rr,
-	...hi,
-	PluginBlock: xi
+	...bi,
+	PluginBlock: Ei
 };
-function Ci(t, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
+function Oi(t, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 	let o = n[t];
 	if (!o || o.hidden) return null;
 	let s = o.type?.resolvedName, c = a?.mapProps ? a.mapProps(o.props ?? {}, s) : o.props ?? {};
@@ -7064,11 +7100,11 @@ function Ci(t, 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__ */ u(e, { children: Ci(s.template.rootId, s.template.nodes, r, c, a) }, t);
+		return /* @__PURE__ */ u(e, { children: Oi(s.template.rootId, s.template.nodes, r, c, a) }, t);
 	}
-	let l = Si[s];
+	let l = Di[s];
 	if (!l) return null;
-	let d = (o.nodes ?? []).map((e) => Ci(e, n, r, i, a)).filter(Boolean), f = Object.entries(o.linkedNodes ?? {}), p = f.length ? Object.fromEntries(f.map(([e, t]) => [e, Ci(t, n, r, i, a)])) : void 0, m = /* @__PURE__ */ u(l, {
+	let d = (o.nodes ?? []).map((e) => Oi(e, n, r, i, a)).filter(Boolean), f = Object.entries(o.linkedNodes ?? {}), p = f.length ? Object.fromEntries(f.map(([e, t]) => [e, Oi(t, n, r, i, a)])) : void 0, m = /* @__PURE__ */ u(l, {
 		...c,
 		...s === "CollectionList" ? { templateId: o.linkedNodes?.card } : null,
 		linked: p,
@@ -7084,9 +7120,9 @@ function Ci(t, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 }
 //#endregion
 //#region ../ui/src/components/builder/PageRenderer.jsx
-var wi = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" "), Ti = (e) => `.webim-page[data-webim-mode="light"] { ${Object.entries(ue(e.light)).map(([e, t]) => `${e}: ${t} !important;`).join(" ")} }
+var ki = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" "), Ai = (e) => `.webim-page[data-webim-mode="light"] { ${Object.entries(ue(e.light)).map(([e, t]) => `${e}: ${t} !important;`).join(" ")} }
 .webim-page[data-webim-mode="dark"] { ${Object.entries(ue(e.dark)).map(([e, t]) => `${e}: ${t} !important;`).join(" ")} }`;
-function Ei({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, custom: s, animations: c, tenant: l, apiUrl: f, datasets: p, locale: m, direction: h, settings: _, siteUser: v }) {
+function ji({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, custom: s, animations: c, tenant: l, apiUrl: f, datasets: p, locale: m, direction: h, settings: _, siteUser: v }) {
 	let b = s?.js?.trim();
 	if (i(() => {
 		if (!b) return;
@@ -7100,11 +7136,11 @@ function Ei({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, cu
 		minHeight: "100%",
 		display: "flex",
 		flexDirection: "column"
-	}, w = Ci("ROOT", e, n), T = o(() => ({ render: (t, r) => Ci(t, e, n, void 0, { mapProps: r }) }), [e, n]), D = G(e, n), O = re(e, n), k = s?.css?.trim(), A = E(c), j = le(t), M = [j.font, j.headingFont].filter((e) => typeof e == "string" && e.trim() && e !== "inherit" && !oe[e]), N = [.../* @__PURE__ */ new Set([...y(e, n), ...M])].map((e) => /* @__PURE__ */ u("link", {
+	}, w = Oi("ROOT", e, n), T = o(() => ({ render: (t, r) => Oi(t, e, n, void 0, { mapProps: r }) }), [e, n]), D = G(e, n), O = re(e, n), k = s?.css?.trim(), A = E(c), j = le(t), M = [j.font, j.headingFont].filter((e) => typeof e == "string" && e.trim() && e !== "inherit" && !oe[e]), N = [.../* @__PURE__ */ new Set([...y(e, n), ...M])].map((e) => /* @__PURE__ */ u("link", {
 		rel: "stylesheet",
 		precedence: "default",
 		href: g(e)
-	}, e)), P = Ti(j);
+	}, e)), P = Ai(j);
 	return r === "auto" ? /* @__PURE__ */ u(Z.Provider, {
 		value: {
 			tenant: l || "",
@@ -7127,8 +7163,8 @@ function Ei({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, cu
 							...a
 						},
 						children: [
-							/* @__PURE__ */ u("style", { children: `.webim-page { ${wi(ue(j.light))} }
-@media (prefers-color-scheme: dark) { .webim-page { ${wi(ue(j.dark))} } }` }),
+							/* @__PURE__ */ u("style", { children: `.webim-page { ${ki(ue(j.light))} }
+@media (prefers-color-scheme: dark) { .webim-page { ${ki(ue(j.dark))} } }` }),
 							/* @__PURE__ */ u("style", { children: P }),
 							N,
 							/* @__PURE__ */ u("style", { children: S }),
@@ -7181,8 +7217,8 @@ function Ei({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, cu
 }
 //#endregion
 //#region src/WebimContent.jsx
-function Di({ bundle: e, mode: t = "auto", style: n }) {
-	return e?.blocks?.ROOT ? /* @__PURE__ */ u(Ei, {
+function Mi({ bundle: e, mode: t = "auto", style: n }) {
+	return e?.blocks?.ROOT ? /* @__PURE__ */ u(ji, {
 		blocks: e.blocks,
 		theme: e.theme,
 		components: e.components,
@@ -7200,7 +7236,7 @@ function Di({ bundle: e, mode: t = "auto", style: n }) {
 }
 //#endregion
 //#region src/WebimPage.jsx
-function Oi({ 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 Ni({ 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
@@ -7237,11 +7273,11 @@ function Oi({ 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(Di, {
+	]), g.status === "loading" ? f : g.status === "error" ? typeof p == "function" ? p(g.error) : p : /* @__PURE__ */ u(Mi, {
 		bundle: g.bundle,
 		mode: l,
 		style: d
 	});
 }
 //#endregion
-export { Ei as PageRenderer, Di as WebimContent, Oi as WebimPage, ye as fetchPage, Ze as renderRichContent, he as resolveTheme };
+export { ji as PageRenderer, Mi as WebimContent, Ni as WebimPage, ye as fetchPage, Ze as renderRichContent, he as resolveTheme };