@liforma/client 0.4.9 → 0.4.10

package/dist/react/index.js

@@ -251,6 +251,7 @@ function F(e = () => ({}), t = () => ({})) {
 				startButton: d.startButton,
 				theme: d.theme,
 				showFeedback: d.showFeedback,
+				interaction: d.interaction,
 				closeButton: d.closeButton,
 				returnUrl: f,
 				showClose: !!(o().onClose || f || d.closeButton === !0 || d.closeButton && typeof d.closeButton == "object" && d.closeButton.visible !== !1),
@@ -343,44 +344,46 @@ function L(e, t) {
 //#endregion
 //#region src/react/Experience.tsx
 var ne = e(function(e, a) {
-	let { returnUrl: c, fit: l, startButton: u, theme: p, showFeedback: m, closeButton: h, onReady: g, onStarted: y, onUserTranscript: b, onUserSpeechStarted: x, onUserSpeechEnded: S, onCharacterSpeechStarted: C, onCharacterSpeechEnded: w, onCharacterFocusChanged: T, onConversationUpdate: E, onMessage: D, onListeningState: O, onActivityChange: j, onFeedback: M, onFeedbackFailed: N, onConversationProcessorError: P, onPlayerStatusChange: I, onStateUpdate: ee, onClose: te, onError: ne } = e, re = o({}), R = o({
+	let { returnUrl: c, fit: l, startButton: u, theme: p, showFeedback: m, interaction: h, closeButton: g, onReady: y, onStarted: b, onUserTranscript: x, onUserSpeechStarted: S, onUserSpeechEnded: C, onCharacterSpeechStarted: w, onCharacterSpeechEnded: T, onCharacterFocusChanged: E, onConversationUpdate: D, onMessage: O, onListeningState: j, onActivityChange: M, onFeedback: N, onFeedbackFailed: P, onConversationProcessorError: I, onPlayerStatusChange: ee, onStateUpdate: te, onClose: ne, onError: re } = e, ie = o({}), R = o({
 		fit: l,
 		startButton: u,
 		theme: p,
 		showFeedback: m,
-		closeButton: h,
+		interaction: h,
+		closeButton: g,
 		returnUrl: c
-	}), z = o(F(() => re.current, () => R.current)), B = o(null), [V, ie] = s(!1), [H, ae] = s(null), oe = o(null), se = o(null), U = v(e);
+	}), z = o(F(() => ie.current, () => R.current)), B = o(null), [ae, V] = s(!1), [H, oe] = s(null), se = o(null), U = o(null), ce = v(e);
 	R.current = {
 		fit: l,
 		startButton: u,
 		theme: p,
 		showFeedback: m,
-		closeButton: h,
+		interaction: h,
+		closeButton: g,
 		returnUrl: c
-	}, re.current = {
-		onReady: g,
-		onStarted: y,
-		onUserTranscript: b,
-		onUserSpeechStarted: x,
-		onUserSpeechEnded: S,
-		onCharacterSpeechStarted: C,
-		onCharacterSpeechEnded: w,
-		onCharacterFocusChanged: T,
-		onConversationUpdate: E,
-		onMessage: D,
-		onListeningState: O,
-		onActivityChange: j,
-		onFeedback: M,
-		onFeedbackFailed: N,
-		onConversationProcessorError: P,
-		onPlayerStatusChange: I,
-		onStateUpdate: ee,
-		onClose: te,
-		onError: ne
+	}, ie.current = {
+		onReady: y,
+		onStarted: b,
+		onUserTranscript: x,
+		onUserSpeechStarted: S,
+		onUserSpeechEnded: C,
+		onCharacterSpeechStarted: w,
+		onCharacterSpeechEnded: T,
+		onCharacterFocusChanged: E,
+		onConversationUpdate: D,
+		onMessage: O,
+		onListeningState: j,
+		onActivityChange: M,
+		onFeedback: N,
+		onFeedbackFailed: P,
+		onConversationProcessorError: I,
+		onPlayerStatusChange: ee,
+		onStateUpdate: te,
+		onClose: ne,
+		onError: re
 	};
-	let ce = t((e) => {
-		oe.current = e, ie(e !== null);
+	let le = t((e) => {
+		se.current = e, V(e !== null);
 	}, []);
 	return r(a, () => ({
 		ready: () => {
@@ -413,26 +416,26 @@ var ne = e(function(e, a) {
 		engage: () => z.current.withSession((e) => e.engage()),
 		end: () => z.current.withSession((e) => e.end())
 	}), []), i(() => {
-		if (!V || !oe.current) return;
-		let t = oe.current, n = z.current, r;
+		if (!ae || !se.current) return;
+		let t = se.current, n = z.current, r;
 		try {
 			r = { options: _(e) };
 		} catch (e) {
 			r = { error: A(e) };
 		}
-		let i = n.activateGeneration(t, r, c, ae);
+		let i = n.activateGeneration(t, r, c, oe);
 		return B.current = i, () => {
 			n.cancelGeneration(i), B.current === i && (B.current = null);
 		};
 	}, [
-		V,
-		U,
+		ae,
+		ce,
 		c
 	]), n(() => {
 		let e = z.current.getActiveInstance();
 		e && e.setFit(l ?? "full");
 	}, [l]), n(() => {
-		let e = se.current;
+		let e = U.current;
 		if (!e || (e.replaceChildren(), !H)) return;
 		let t = L(e, H);
 		return () => t.remove();
@@ -445,7 +448,7 @@ var ne = e(function(e, a) {
 			minHeight: "inherit"
 		},
 		children: [/* @__PURE__ */ d("div", {
-			ref: se,
+			ref: U,
 			className: "liforma-experience-error-host",
 			"aria-hidden": H ? void 0 : !0,
 			style: {
@@ -455,7 +458,7 @@ var ne = e(function(e, a) {
 				pointerEvents: H ? "auto" : "none"
 			}
 		}), /* @__PURE__ */ d("div", {
-			ref: ce,
+			ref: le,
 			className: "liforma-experience-host",
 			style: {
 				position: "absolute",
@@ -472,27 +475,27 @@ function re(e) {
 }
 //#endregion
 //#region src/thumbnail/toGalleryThumbUrl.ts
-var R = /(\/avatars\/[^/]+\/)(\d+)(\/)/i, z = /_CH(\.webp)/i, B = /(-)(\d+x\d+)(\.webp)(\?|$)/i;
-function V(e) {
+var ie = /(\/avatars\/[^/]+\/)(\d+)(\/)/i, R = /_CH(\.webp)/i, z = /(-)(\d+x\d+)(\.webp)(\?|$)/i;
+function B(e) {
 	let t = e.trim();
 	if (!t) return t;
-	let n = t.replace(R, (e, t, n, r) => n === "256" ? `${t}${n}${r}` : `${t}256${r}`);
-	return n = n.replace(z, "_neutral$1"), n = n.replace(B, (e, t, n, r, i) => n === "256x256" ? `${t}${n}${r}${i}` : `${t}256x256${r}${i}`), n;
+	let n = t.replace(ie, (e, t, n, r) => n === "256" ? `${t}${n}${r}` : `${t}256${r}`);
+	return n = n.replace(R, "_neutral$1"), n = n.replace(z, (e, t, n, r, i) => n === "256x256" ? `${t}${n}${r}${i}` : `${t}256x256${r}${i}`), n;
 }
-function ie(e) {
+function ae(e) {
 	let t = e.avatarImage?.trim() || e.galleryThumb?.avatarImage?.trim() || "";
 	if (!t) return null;
 	let n = e.backgroundImage?.trim() || e.galleryThumb?.backgroundImage?.trim() || "", r = e.foregroundImage?.trim() || e.galleryThumb?.foregroundImage?.trim() || "", i = e.fallbackImage?.trim() || "";
 	return {
-		avatarImage: V(t),
-		...n ? { backgroundImage: V(n) } : {},
-		...r ? { foregroundImage: V(r) } : {},
-		...i ? { fallbackImage: V(i) } : {}
+		avatarImage: B(t),
+		...n ? { backgroundImage: B(n) } : {},
+		...r ? { foregroundImage: B(r) } : {},
+		...i ? { fallbackImage: B(i) } : {}
 	};
 }
 //#endregion
 //#region src/shims/localStack.ts
-function H() {
+function V() {
 	if (globalThis.__LIFORMA_STACK === "local") return !0;
 	if (typeof location > "u") return !1;
 	try {
@@ -503,13 +506,13 @@ function H() {
 }
 //#endregion
 //#region src/thumbnail/hostedLaunchUrl.ts
-var ae = "https://player.liforma.ai", oe = "http://localhost:3002";
+var H = "https://player.liforma.ai", oe = "http://localhost:3002";
 function se(e) {
 	return e.href?.trim() ? "anchor" : e.hasClickHandler ? "button" : e.experienceId?.trim() ? "anchor" : "presentational";
 }
 function U(e) {
 	let t = e?.trim();
-	return t ? t.replace(/\/$/, "") : H() ? oe : ae;
+	return t ? t.replace(/\/$/, "") : V() ? oe : H;
 }
 function ce(e) {
 	let t = e.experienceId.trim(), n = U(e.playerBaseUrl), r = new URL(`${n}/${encodeURIComponent(t)}`), i = e.returnUrl?.trim();
@@ -690,7 +693,7 @@ function Ae(e, t) {
 	return `${e} liforma-et__media${t ? " liforma-et__media--ready" : ""}`;
 }
 function je(e) {
-	let { galleryThumb: t, avatarImage: r, backgroundImage: i, foregroundImage: c, alt: l, experienceId: p, href: m, target: h, rel: g, onClick: _, returnUrl: v, playerBaseUrl: y, parallax: b = !0, fit: x = "full", lazy: S = !0, className: C = "", fallbackImage: w } = e, T = a(() => ie({
+	let { galleryThumb: t, avatarImage: r, backgroundImage: i, foregroundImage: c, alt: l, experienceId: p, href: m, target: h, rel: g, onClick: _, returnUrl: v, playerBaseUrl: y, parallax: b = !0, fit: x = "full", lazy: S = !0, className: C = "", fallbackImage: w } = e, T = a(() => ae({
 		galleryThumb: t,
 		avatarImage: r,
 		backgroundImage: i,
@@ -706,7 +709,7 @@ function je(e) {
 		href: m,
 		hasClickHandler: typeof _ == "function",
 		experienceId: p
-	}), D = E === "anchor" && !m?.trim() && !!p?.trim(), O = !!T?.backgroundImage, k = b !== !1, A = o(null), j = o(!1), [M, N] = s(!S), [P, F] = s(!1), [I, ee] = s(!1), [te, L] = s(0), [ne, R] = s(0), [z, B] = s(!1), [V, H] = s(!1), [ae, oe] = s(!1), [U, ce] = s(!1), [W, ue] = s(), G = T ? z && T.fallbackImage ? T.fallbackImage : T.avatarImage : "";
+	}), D = E === "anchor" && !m?.trim() && !!p?.trim(), O = !!T?.backgroundImage, k = b !== !1, A = o(null), j = o(!1), [M, N] = s(!S), [P, F] = s(!1), [I, ee] = s(!1), [te, L] = s(0), [ne, ie] = s(0), [R, z] = s(!1), [B, V] = s(!1), [H, oe] = s(!1), [U, ce] = s(!1), [W, ue] = s(), G = T ? R && T.fallbackImage ? T.fallbackImage : T.avatarImage : "";
 	n(() => {
 		ke(De);
 	}, []), n(() => {
@@ -724,7 +727,7 @@ function je(e) {
 		y,
 		D
 	]), n(() => {
-		H(!1), oe(!1), ce(!1), B(!1);
+		V(!1), oe(!1), ce(!1), z(!1);
 	}, [
 		T?.backgroundImage,
 		T?.foregroundImage,
@@ -749,7 +752,7 @@ function je(e) {
 		let e = A.current;
 		if (!(!e || !k)) return Te(e, {
 			onParallax: (e) => {
-				ee(!0), j.current || (L(e), R(0));
+				ee(!0), j.current || (L(e), ie(0));
 			},
 			pointerActive: () => j.current
 		});
@@ -762,10 +765,10 @@ function je(e) {
 	let de = (e) => {
 		if (!k || I) return;
 		let t = e.currentTarget.getBoundingClientRect();
-		t.width <= 0 || t.height <= 0 || (L(((e.clientX - t.left) / t.width - .5) * 2), R(((e.clientY - t.top) / t.height - .5) * 2));
+		t.width <= 0 || t.height <= 0 || (L(((e.clientX - t.left) / t.width - .5) * 2), ie(((e.clientY - t.top) / t.height - .5) * 2));
 	}, fe = (e) => {
 		let t = j.current;
-		j.current = !1, F(!1), I && t ? (L(ye(e.getBoundingClientRect(), window.innerHeight)), R(0)) : I || (L(0), R(0));
+		j.current = !1, F(!1), I && t ? (L(ye(e.getBoundingClientRect(), window.innerHeight)), ie(0)) : I || (L(0), ie(0));
 	}, pe = (e) => {
 		if (!k) return;
 		j.current = !0, e.pointerType === "mouse" && F(!0);
@@ -784,7 +787,7 @@ function je(e) {
 		}
 	};
 	if (!T) return null;
-	let he = k && (P || I), K = M && (ae || V || U), ge = [
+	let he = k && (P || I), K = M && (H || B || U), ge = [
 		"liforma-et",
 		O ? "liforma-et--scene" : "",
 		re(x),
@@ -804,18 +807,18 @@ function je(e) {
 			"aria-hidden": "true"
 		}),
 		M && T.backgroundImage ? /* @__PURE__ */ d("img", {
-			className: Ae("liforma-et__background", V),
+			className: Ae("liforma-et__background", B),
 			src: T.backgroundImage,
 			alt: "",
 			decoding: "async",
 			ref: (e) => {
-				e && be(e, H);
+				e && be(e, V);
 			},
-			onLoad: () => H(!0),
-			onError: () => H(!0)
+			onLoad: () => V(!0),
+			onError: () => V(!0)
 		}) : null,
 		M && G ? /* @__PURE__ */ d("img", {
-			className: Ae("liforma-et__avatar", ae),
+			className: Ae("liforma-et__avatar", H),
 			src: G,
 			alt: "",
 			decoding: "async",
@@ -824,7 +827,7 @@ function je(e) {
 			},
 			onLoad: () => oe(!0),
 			onError: () => {
-				T.fallbackImage ? B(!0) : oe(!0);
+				T.fallbackImage ? z(!0) : oe(!0);
 			}
 		}) : null,
 		M && T.foregroundImage ? /* @__PURE__ */ d("img", {
@@ -847,7 +850,7 @@ function je(e) {
 		},
 		onPointerMove: de,
 		onPointerLeave: () => {
-			j.current || (F(!1), I || (L(0), R(0)));
+			j.current || (F(!1), I || (L(0), ie(0)));
 		}
 	}, J = (e) => {
 		A.current = e;
@@ -907,7 +910,7 @@ function Le() {
 	return t ? t.replace(/\/$/, "") : null;
 }
 function Re() {
-	return Le() || (H() ? Ie : Fe);
+	return Le() || (V() ? Ie : Fe);
 }
 //#endregion
 //#region src/v2/api/fetchExperiencePreview.ts
@@ -1352,7 +1355,7 @@ function Ct(e) {
 function wt(e, t, n) {
 	let r = e.trim();
 	if (!r) throw Error("createLaunchMessage requires a non-empty launch string.");
-	let i = n?.startButton, a = n?.theme, o = n?.showFeedback;
+	let i = n?.startButton, a = n?.theme, o = n?.showFeedback, s = n?.interaction;
 	return {
 		type: "launch",
 		schemaVersion: 2,
@@ -1361,7 +1364,8 @@ function wt(e, t, n) {
 			...t === void 0 ? {} : { session: t },
 			...i ? { startButton: i } : {},
 			...a ? { theme: a } : {},
-			...o === void 0 ? {} : { showFeedback: o }
+			...o === void 0 ? {} : { showFeedback: o },
+			...s ? { interaction: s } : {}
 		}
 	};
 }
@@ -1874,7 +1878,7 @@ function Ft(e) {
 //#region src/v2/sdkRelease.ts
 var It = `sdk@${{
 	name: "@liforma/client",
-	version: "0.4.9",
+	version: "0.4.10",
 	type: "module",
 	description: "Liforma browser SDK — Experience sessions, speech API, and Svelte embed component.",
 	license: "MIT",
@@ -2103,7 +2107,7 @@ function zt() {
 }
 function Bt() {
 	let e = zt();
-	return e ? e.endsWith("/embed") ? e : `${e}/embed` : H() ? Rt : Lt;
+	return e ? e.endsWith("/embed") ? e : `${e}/embed` : V() ? Rt : Lt;
 }
 function Vt(e, t) {
 	return e?.trim() || t?.trim() || void 0;
@@ -3046,11 +3050,13 @@ var Nn = class e {
 		return v && !this.sessionMintedEnvelope && (this.resolvedSession = v, this.sessionMintedEnvelope = this.emitWrapped("sessionMinted", { session: v })), _ ? (this.resolvedSession = _, this.bootstrap.kind === "launch" && rt(_), f.postLaunch(g, _, {
 			startButton: e.startButton,
 			theme: e.theme,
-			showFeedback: e.showFeedback
+			showFeedback: e.showFeedback,
+			interaction: e.interaction
 		}), u.setValue(_)) : f.postLaunch(g, void 0, {
 			startButton: e.startButton,
 			theme: e.theme,
-			showFeedback: e.showFeedback
+			showFeedback: e.showFeedback,
+			interaction: e.interaction
 		}), await Promise.race([s, new Promise((e, t) => {
 			setTimeout(() => t(/* @__PURE__ */ Error("Timed out waiting for player loading UI.")), 12e4);
 		})]).catch((e) => {
@@ -3267,7 +3273,7 @@ function $(e) {
 var Jn = "<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 0 0-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 0 0-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 0 0-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 0 0-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 0 0 1.066-2.573c-.94-1.543.826-3.31 2.37-2.37c1 .608 2.296.07 2.572-1.065\"/><path d=\"M9 12a3 3 0 1 0 6 0a3 3 0 0 0-6 0\"/></svg>", Yn = "<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"><path fill=\"currentColor\" d=\"M18.3 5.71a1 1 0 0 0-1.41 0L12 10.59 7.11 5.7A1 1 0 0 0 5.7 7.11L10.59 12l-4.9 4.89a1 1 0 1 0 1.42 1.42L12 13.41l4.89 4.9a1 1 0 0 0 1.42-1.42L13.41 12l4.9-4.89a1 1 0 0 0-.01-1.4Z\"/></svg>", Xn = "<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 10h-4V6m6-2l-6 6m-8 4h4v4m0-4l-6 6\"/></svg>", Zn = "<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 4h4v4m-6 2l6-6M8 20H4v-4m0 4l6-6\"/></svg>";
 function Qn(e, t, n) {
 	ke(De);
-	let r = ie({
+	let r = ae({
 		galleryThumb: t.galleryThumb,
 		avatarImage: t.avatarImage,
 		backgroundImage: t.backgroundImage,
@@ -3361,48 +3367,48 @@ function tr(e, t) {
 	v.className = "liforma-ew__stage";
 	let y = document.createElement("div");
 	y.className = "liforma-ew__status", y.hidden = !0, f.append(v, y), u.append(d, f), a.append(o, l, u, p), e.replaceChildren(a);
-	let b = null, x = !1, S = !1, C = !1, w = !1, T = !1, E = !1, D = !1, O = 0, k = "", A = null, j = null, M = null, N = null, P = null, F = null, I = null, ee = 0, te = 0, L = null, ne = !1, re = new AbortController(), R = t.parallax !== !1, z = () => {
+	let b = null, x = !1, S = !1, C = !1, w = !1, T = !1, E = !1, D = !1, O = 0, k = "", A = null, j = null, M = null, N = null, P = null, F = null, I = null, ee = 0, te = 0, L = null, ne = !1, re = new AbortController(), ie = t.parallax !== !1, R = () => {
 		let e = a.dataset.state;
 		return e === "expanded" || e === "docked" || e === "collapsed" ? e : "collapsed";
-	}, B = () => {
+	}, z = () => {
 		M !== null && (clearTimeout(M), M = null);
-	}, V = () => {
+	}, B = () => {
 		N !== null && (clearTimeout(N), N = null), a.classList.remove("liforma-ew--layout-settling");
-	}, ie = () => {
+	}, ae = () => {
 		for (let e of [
 			f,
 			l,
 			p
 		]) e.style.removeProperty("left"), e.style.removeProperty("top"), e.style.removeProperty("width"), e.style.removeProperty("height"), e.style.removeProperty("right"), e.style.removeProperty("bottom");
 		p.classList.remove("liforma-ew__toolbar--dragging"), a.classList.remove("liforma-ew--dock-dragging");
-	}, H = (e, t, n, r) => {
+	}, V = (e, t, n, r) => {
 		let i = (i) => {
 			i.style.left = `${e}px`, i.style.top = `${t}px`, i.style.width = `${n}px`, i.style.height = `${r}px`, i.style.right = "auto", i.style.bottom = "auto";
 		};
 		i(f), i(l);
 		let a = p.offsetWidth || 120;
 		p.style.left = `${e + n - a - 10}px`, p.style.top = `${t + 10}px`, p.style.right = "auto", p.style.bottom = "auto", p.style.width = "auto", p.style.height = "auto";
-	}, ae = (e, t) => {
-		if (z() !== "docked") return;
+	}, H = (e, t) => {
+		if (R() !== "docked") return;
 		let n = Hn(), r = Wn(e - ee, t - te, n);
-		P = r.left, F = r.top, H(r.left, r.top, n.width, n.height);
+		P = r.left, F = r.top, V(r.left, r.top, n.width, n.height);
 	}, oe = (e, t) => {
-		if (z() !== "docked" || !Number.isFinite(e) || !Number.isFinite(t) || e === 0 && t === 0) return;
+		if (R() !== "docked" || !Number.isFinite(e) || !Number.isFinite(t) || e === 0 && t === 0) return;
 		let n = Hn(), r = P ?? f.getBoundingClientRect().left, i = F ?? f.getBoundingClientRect().top, a = Wn(r + e, i + t, n);
-		P = a.left, F = a.top, H(a.left, a.top, n.width, n.height);
+		P = a.left, F = a.top, V(a.left, a.top, n.width, n.height);
 	}, se = (e) => {
-		L === "toolbar" && (I === null || e.pointerId !== I || (e.preventDefault(), ae(e.clientX, e.clientY)));
+		L === "toolbar" && (I === null || e.pointerId !== I || (e.preventDefault(), H(e.clientX, e.clientY)));
 	}, U = (e) => {
 		if (I === null || e && e.pointerId !== I) return;
 		let t = L;
 		I = null, L = null, p.classList.remove("liforma-ew__toolbar--dragging"), a.classList.remove("liforma-ew--dock-dragging"), t === "toolbar" && ne && (ne = !1, window.removeEventListener("pointermove", se), window.removeEventListener("pointerup", U), window.removeEventListener("pointercancel", U));
 	}, ce = (e, t, n) => {
-		if (S || z() !== "docked" || !Gn() || I !== null) return;
+		if (S || R() !== "docked" || !Gn() || I !== null) return;
 		I = n, L = "toolbar", p.classList.add("liforma-ew__toolbar--dragging"), a.classList.add("liforma-ew--dock-dragging");
 		let r = f.getBoundingClientRect();
 		ee = e - r.left, te = t - r.top, ne || (ne = !0, window.addEventListener("pointermove", se), window.addEventListener("pointerup", U), window.addEventListener("pointercancel", U));
 	}, le = (e) => {
-		if (S || z() !== "docked" || !Gn() || I !== null) return;
+		if (S || R() !== "docked" || !Gn() || I !== null) return;
 		I = e.pointerId, L = "player", p.classList.add("liforma-ew__toolbar--dragging"), a.classList.add("liforma-ew--dock-dragging");
 		let t = f.getBoundingClientRect();
 		P = t.left, F = t.top;
@@ -3411,7 +3417,7 @@ function tr(e, t) {
 	}, ue = (e) => {
 		L === "player" && (I === null || e.pointerId !== I || U());
 	}, G = () => {
-		let e = Gn(), t = z();
+		let e = Gn(), t = R();
 		if (!e || t !== "expanded" && t !== "docked") {
 			h.hidden = !0;
 			return;
@@ -3419,7 +3425,7 @@ function tr(e, t) {
 		h.hidden = !1, t === "docked" ? (h.innerHTML = Zn, h.setAttribute("aria-label", "Maximize")) : (h.innerHTML = Xn, h.setAttribute("aria-label", "Reduce"));
 	}, de = (e) => {
 		let t = Hn(), n = e && P !== null && F !== null ? Wn(P, F, t) : Un(t);
-		n = Wn(n.left, n.top, t), P = n.left, F = n.top, H(n.left, n.top, t.width, t.height), G();
+		n = Wn(n.left, n.top, t), P = n.left, F = n.top, V(n.left, n.top, t.width, t.height), G();
 	}, fe = () => {
 		a.classList.remove("liforma-ew--session-revealed"), requestAnimationFrame(() => {
 			requestAnimationFrame(() => {
@@ -3427,7 +3433,7 @@ function tr(e, t) {
 			});
 		});
 	}, pe = (e) => {
-		if (V(), a.classList.remove("liforma-ew--session-revealed"), a.classList.add("liforma-ew--layout-settling"), e(), !D) {
+		if (B(), a.classList.remove("liforma-ew--session-revealed"), a.classList.add("liforma-ew--layout-settling"), e(), !D) {
 			a.classList.remove("liforma-ew--layout-settling");
 			return;
 		}
@@ -3439,7 +3445,7 @@ function tr(e, t) {
 			a.classList.remove("liforma-ew--layout-settling"), fe();
 		}, 220);
 	}, me = () => (a.classList.add("liforma-ew--session-concealing"), a.classList.remove("liforma-ew--session-revealed"), new Promise((e) => {
-		B(), M = setTimeout(() => {
+		z(), M = setTimeout(() => {
 			M = null, a.classList.remove("liforma-ew--session-concealing"), e();
 		}, 280);
 	})), he = {
@@ -3466,7 +3472,7 @@ function tr(e, t) {
 		w = !0, a.dataset.warm = "true", l.hidden = !1, D || (o.tabIndex = -1, o.setAttribute("aria-hidden", "true")), t.onPrefetchReady?.();
 	}, ye = (e) => {
 		A?.(), A = null;
-		let t = Qn(s, e, { parallax: R });
+		let t = Qn(s, e, { parallax: ie });
 		return t ? (A = t, !0) : !1;
 	}, be = () => {
 		if (ye(he)) {
@@ -3497,9 +3503,10 @@ function tr(e, t) {
 	}), q = () => ({
 		...t.fit ? { fit: t.fit } : {},
 		startButton: $n(t),
-		...t.showFeedback === void 0 ? {} : { showFeedback: t.showFeedback }
+		...t.showFeedback === void 0 ? {} : { showFeedback: t.showFeedback },
+		...t.interaction ? { interaction: t.interaction } : {}
 	}), J = (e = !0) => {
-		o.hidden = !0, u.hidden = !1, p.hidden = !1, u.setAttribute("aria-modal", "true"), ie(), a.dataset.state = "expanded", K(null), typeof document < "u" && (k = document.body.style.overflow, document.body.style.overflow = "hidden"), G(), e && t.onExpanded?.();
+		o.hidden = !0, u.hidden = !1, p.hidden = !1, u.setAttribute("aria-modal", "true"), ae(), a.dataset.state = "expanded", K(null), typeof document < "u" && (k = document.body.style.overflow, document.body.style.overflow = "hidden"), G(), e && t.onExpanded?.();
 	}, Se = () => {
 		o.hidden = !0, u.hidden = !1, p.hidden = !1, u.setAttribute("aria-modal", "false"), a.dataset.state = "docked", K(null), typeof document < "u" && (document.body.style.overflow = k), de(!0), G(), b?.setWidgetChrome("docked");
 	}, Ce = (e) => {
@@ -3511,9 +3518,9 @@ function tr(e, t) {
 			S || t.onFeedbackFailed?.(e);
 		});
 	}, we = () => {
-		V(), u.hidden = !0, p.hidden = !0, ie(), a.dataset.state = "collapsed", a.classList.remove("liforma-ew--session-revealed"), a.classList.remove("liforma-ew--session-concealing"), g.setAttribute("aria-pressed", "false"), o.hidden = !1, o.tabIndex = 0, o.removeAttribute("aria-hidden"), C && (o.disabled = !1), K(null), typeof document < "u" && (document.body.style.overflow = k), G();
+		B(), u.hidden = !0, p.hidden = !0, ae(), a.dataset.state = "collapsed", a.classList.remove("liforma-ew--session-revealed"), a.classList.remove("liforma-ew--session-concealing"), g.setAttribute("aria-pressed", "false"), o.hidden = !1, o.tabIndex = 0, o.removeAttribute("aria-hidden"), C && (o.disabled = !1), K(null), typeof document < "u" && (document.body.style.overflow = k), G();
 	}, Te = () => {
-		B(), V(), O += 1, x = !1, w = !1, T = !1, E = !1, D = !1;
+		z(), B(), O += 1, x = !1, w = !1, T = !1, E = !1, D = !1;
 		let e = b;
 		b = null, e?.destroy(), v.replaceChildren(), l.replaceChildren(), l.hidden = !0, delete a.dataset.warm, delete a.dataset.live, a.classList.remove("liforma-ew--session-revealed");
 	}, Ee = () => {
@@ -3528,19 +3535,19 @@ function tr(e, t) {
 			Te(), we(), t.onCollapsed?.(), t.onClose?.();
 		}
 	}, De = () => {
-		S || Gn() && z() === "expanded" && pe(() => {
+		S || Gn() && R() === "expanded" && pe(() => {
 			Se();
 		});
 	}, Oe = () => {
-		S || z() === "docked" && (U(), pe(() => {
-			ie(), J(!1), b?.setWidgetChrome("expanded");
+		S || R() === "docked" && (U(), pe(() => {
+			ae(), J(!1), b?.setWidgetChrome("expanded");
 		}));
 	}, ke = () => {
-		!b || !D || (B(), a.classList.remove("liforma-ew--session-revealed"), J(), b.setWidgetChrome("expanded"), x = !1, fe());
+		!b || !D || (z(), a.classList.remove("liforma-ew--session-revealed"), J(), b.setWidgetChrome("expanded"), x = !1, fe());
 	}, Ae = () => {
-		!b || !E || D || (B(), a.classList.remove("liforma-ew--session-revealed"), J(), x = !1, w || b.setWidgetChrome("expanded"));
+		!b || !E || D || (z(), a.classList.remove("liforma-ew--session-revealed"), J(), x = !1, w || b.setWidgetChrome("expanded"));
 	}, je = (e) => {
-		S || e !== O && !D || (B(), a.classList.remove("liforma-ew--session-revealed"), J(), x = !1, D && fe());
+		S || e !== O && !D || (z(), a.classList.remove("liforma-ew--session-revealed"), J(), x = !1, D && fe());
 	}, Ne = () => {
 		if (S || T || w || b || $(a.dataset.state)) return;
 		T = !0;
@@ -3663,22 +3670,22 @@ function tr(e, t) {
 			Fe();
 		}
 	}, Le = (e) => {
-		if (e.stopPropagation(), z() === "expanded") {
+		if (e.stopPropagation(), R() === "expanded") {
 			De();
 			return;
 		}
-		z() === "docked" && Oe();
+		R() === "docked" && Oe();
 	}, Re = (e) => {
 		g.setAttribute("aria-pressed", e ? "true" : "false");
 	}, ze = (e) => {
 		e.stopPropagation(), $(a.dataset.state) && b?.toggleAudioSettings();
 	}, Ve = (e) => {
-		z() === "docked" && Gn() && (e.target?.closest("button") || (e.preventDefault(), ce(e.clientX, e.clientY, e.pointerId)));
+		R() === "docked" && Gn() && (e.target?.closest("button") || (e.preventDefault(), ce(e.clientX, e.clientY, e.pointerId)));
 	}, He = (e) => {
 		e.key === "Escape" && $(a.dataset.state) && (e.preventDefault(), Ee());
 	}, Ue = () => {
 		if (!S) {
-			if (z() === "docked") {
+			if (R() === "docked") {
 				if (!Gn()) {
 					Oe();
 					return;
@@ -3692,7 +3699,7 @@ function tr(e, t) {
 		}
 	}, We = typeof window < "u" ? window.matchMedia(Fn) : null, Ge = () => {
 		if (!S) {
-			if (z() === "docked" && !Gn()) {
+			if (R() === "docked" && !Gn()) {
 				Oe();
 				return;
 			}