@liforma/client 0.4.14 → 0.4.16

package/dist/react/thumbnail.js

@@ -7,16 +7,28 @@ function s(e) {
 	return e === "face" ? "liforma-et--fit-face" : e === "medium" ? "liforma-et--fit-medium" : "";
 }
 //#endregion
-//#region src/thumbnail/locationPlate.ts
-var c = /(-)(\d+x\d+)(\.(?:webp|avif))(\?|$)/i;
+//#region src/thumbnail/avatarPlate.ts
+var c = /(\/avatars\/[^/]+\/)(\d+)(\/)/i;
 function l(e, t) {
-	return !Number.isFinite(e) || !Number.isFinite(t) || e < 1 || t < 1 || e <= t ? "256x256" : t <= 225 ? "400x225" : e > 800 || t > 450 ? "1672x941" : "800x450";
+	if (!Number.isFinite(e) || !Number.isFinite(t) || e < 1 || t < 1) return "256";
+	let n = Math.max(e, t);
+	return n > 512 ? "1024" : n > 280 ? "512" : "256";
 }
 function u(e, t) {
 	let n = e.trim();
-	return n && n.replace(c, (e, n, r, i, a) => `${n}${t}${i}${a}`);
+	return n && n.replace(c, (e, n, r, i) => `${n}${t}${i}`);
 }
+//#endregion
+//#region src/thumbnail/locationPlate.ts
+var d = /(-)(\d+x\d+)(\.(?:webp|avif))(\?|$)/i;
 function ee(e, t) {
+	return !Number.isFinite(e) || !Number.isFinite(t) || e < 1 || t < 1 || e <= t ? "256x256" : t <= 225 ? "400x225" : e > 800 || t > 450 ? "1672x941" : "800x450";
+}
+function f(e, t) {
+	let n = e.trim();
+	return n && n.replace(d, (e, n, r, i, a) => `${n}${t}${i}${a}`);
+}
+function te(e, t) {
 	let n = () => {
 		t(e.clientWidth, e.clientHeight);
 	};
@@ -24,17 +36,17 @@ function ee(e, t) {
 	let r = new ResizeObserver(n);
 	return r.observe(e), () => r.disconnect();
 }
-var d = /-(256x256|400x225|400x450|800x450|836x971|1672x941|167x94)$/i;
-function f(e) {
+var p = /-(256x256|400x225|400x450|800x450|836x971|1672x941|167x94)$/i;
+function m(e) {
 	return e?.trim().replace(/\/$/, "") || "https://cdn.liforma.ai";
 }
-function p(e) {
+function h(e) {
 	return /^https?:\/\//i.test(e) || e.startsWith("//");
 }
-function m(e) {
+function g(e) {
 	return e.startsWith("//") ? `https:${e}` : e;
 }
-function h(e) {
+function ne(e) {
 	let t = e.indexOf("?");
 	return t === -1 ? {
 		pathname: e,
@@ -44,61 +56,58 @@ function h(e) {
 		search: e.slice(t)
 	};
 }
-function g(e, t, n = "") {
+function _(e, t, n = "") {
 	return `${e}${t.startsWith("/") ? t : `/${t}`}${n}`;
 }
-function _(e, t, n) {
+function v(e, t, n) {
 	let r = e.trim();
 	if (!r) return r;
-	let i = f(n);
-	if (p(r)) return u(m(r), t);
-	let { pathname: a, search: o } = h(r.replace(/\\/g, "/")), s = a;
+	let i = m(n);
+	if (h(r)) return f(g(r), t);
+	let { pathname: a, search: o } = ne(r.replace(/\\/g, "/")), s = a;
 	if (!s.startsWith("/")) s = `/locations/${s.replace(/^locations\//i, "")}`;
-	else if (!/^\/locations\//i.test(s)) return /^\/avatars\//i.test(s) ? g(i, s, o) : r;
-	if (/\.webp$/i.test(s) && !d.test(s.replace(/\.webp$/i, ""))) return g(i, s, o);
+	else if (!/^\/locations\//i.test(s)) return /^\/avatars\//i.test(s) ? _(i, s, o) : r;
+	if (/\.webp$/i.test(s) && !p.test(s.replace(/\.webp$/i, ""))) return _(i, s, o);
 	let c = s.replace(/^\/locations\//i, "").replace(/\.webp$/i, "");
-	return c = c.replace(d, ""), `${i}/locations/${c}-${t}.webp${o}`;
+	return c = c.replace(p, ""), `${i}/locations/${c}-${t}.webp${o}`;
 }
-function te(e, t) {
-	let n = e.trim();
-	if (!n) return n;
-	let r = f(t);
-	if (p(n)) return m(n);
-	let { pathname: i, search: a } = h(n.replace(/\\/g, "/")), o = i;
-	if (!o.startsWith("/")) if (/^avatars\//i.test(o)) o = `/${o}`;
-	else if (/^[^/]+$/.test(o) && !a) return `${r}/avatars/${o}/256/${o}_neutral.webp`;
-	else return n;
-	if (!/^\/avatars\//i.test(o)) return n;
-	let s = o.replace(/^\/avatars\//i, "").replace(/\/+$/, "");
-	return s && !s.includes("/") && !a ? `${r}/avatars/${s}/256/${s}_neutral.webp` : g(r, o, a);
+function y(e, t, n = "256") {
+	let r = e.trim();
+	if (!r) return r;
+	let i = m(t), a = n;
+	if (h(r)) return u(g(r), a);
+	let { pathname: o, search: s } = ne(r.replace(/\\/g, "/")), c = o;
+	if (!c.startsWith("/")) if (/^avatars\//i.test(c)) c = `/${c}`;
+	else if (/^[^/]+$/.test(c) && !s) return `${i}/avatars/${c}/${a}/${c}_neutral.webp`;
+	else return r;
+	if (!/^\/avatars\//i.test(c)) return r;
+	let l = c.replace(/^\/avatars\//i, "").replace(/\/+$/, "");
+	return l && !l.includes("/") && !s ? `${i}/avatars/${l}/${a}/${l}_neutral.webp` : u(_(i, c, s), a);
 }
 //#endregion
 //#region src/thumbnail/toGalleryThumbUrl.ts
-var v = /(\/avatars\/[^/]+\/)(\d+)(\/)/i, y = /_CH(\.webp)/i;
-function b(e) {
+var b = /_CH(\.webp)/i;
+function re(e) {
 	return /\/locations\//i.test(e) || /^locations\//i.test(e) ? !0 : /^https?:\/\//i.test(e) || e.startsWith("//") || /^\/?avatars\//i.test(e) || e.startsWith("/") ? !1 : e.includes("/");
 }
-function ne(e, t = "256x256", n) {
-	let r = e.trim();
-	if (!r) return r;
-	if (b(r)) return _(r, t, n);
-	let i = te(r, n);
-	return i = i.replace(v, (e, t, n, r) => n === "256" ? `${t}${n}${r}` : `${t}256${r}`), i.replace(y, "_neutral$1");
+function ie(e, t = "256x256", n, r = "256") {
+	let i = e.trim();
+	return i && (re(i) ? v(i, t, n) : y(i, n, r).replace(b, "_neutral$1"));
 }
-function re(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() || "", a = e.locationPlateSize ?? "256x256", o = f(e.cdnBaseUrl), s = e.normalize !== !1, c = (e) => !s && /^https?:\/\//i.test(e.trim()) ? e.trim() : ne(e, a, o), l = (e) => !s && /^https?:\/\//i.test(e.trim()) ? e.trim() : _(e, a, o);
+	let n = e.backgroundImage?.trim() || e.galleryThumb?.backgroundImage?.trim() || "", r = e.foregroundImage?.trim() || e.galleryThumb?.foregroundImage?.trim() || "", i = e.fallbackImage?.trim() || "", a = e.locationPlateSize ?? "256x256", o = e.avatarPlateSize ?? "256", s = m(e.cdnBaseUrl), c = e.normalize !== !1, l = (e) => !c && /^https?:\/\//i.test(e.trim()) ? e.trim() : ie(e, a, s, o), u = (e) => !c && /^https?:\/\//i.test(e.trim()) ? e.trim() : v(e, a, s);
 	return {
-		avatarImage: c(t),
-		...n ? { backgroundImage: l(n) } : {},
-		...r ? { foregroundImage: l(r) } : {},
-		...i ? { fallbackImage: c(i) } : {}
+		avatarImage: l(t),
+		...n ? { backgroundImage: u(n) } : {},
+		...r ? { foregroundImage: u(r) } : {},
+		...i ? { fallbackImage: l(i) } : {}
 	};
 }
 //#endregion
 //#region src/shims/localStack.ts
-function ie() {
+function x() {
 	if (globalThis.__LIFORMA_STACK === "local") return !0;
 	if (typeof location > "u") return !1;
 	try {
@@ -109,82 +118,82 @@ function ie() {
 }
 //#endregion
 //#region src/thumbnail/hostedLaunchUrl.ts
-var x = "https://player.liforma.ai", ae = "http://localhost:3002";
-function oe(e) {
+var oe = "https://player.liforma.ai", S = "http://localhost:3002";
+function se(e) {
 	return e.href?.trim() ? "anchor" : e.hasClickHandler ? "button" : e.experienceId?.trim() ? "anchor" : "presentational";
 }
-function S(e) {
+function C(e) {
 	let t = e?.trim();
-	return t ? t.replace(/\/$/, "") : ie() ? ae : x;
+	return t ? t.replace(/\/$/, "") : x() ? S : oe;
 }
-function C(e) {
-	let t = e.experienceId.trim(), n = S(e.playerBaseUrl), r = new URL(`${n}/${encodeURIComponent(t)}`), i = e.returnUrl?.trim();
+function w(e) {
+	let t = e.experienceId.trim(), n = C(e.playerBaseUrl), r = new URL(`${n}/${encodeURIComponent(t)}`), i = e.returnUrl?.trim();
 	return i && r.searchParams.set("returnUrl", i), r.toString();
 }
-function se(e) {
+function ce(e) {
 	let t = e.href?.trim();
 	if (t) return t;
 	let n = e.experienceId?.trim();
 	if (!n) return;
 	let r = e.returnUrl?.trim();
-	return !r && e.useCurrentPageAsReturnUrl && typeof window < "u" && (r = window.location.href), C({
+	return !r && e.useCurrentPageAsReturnUrl && typeof window < "u" && (r = window.location.href), w({
 		experienceId: n,
 		...r ? { returnUrl: r } : {},
 		playerBaseUrl: e.playerBaseUrl
 	});
 }
-function w() {
+function T() {
 	return typeof window > "u" ? !1 : window.matchMedia("(hover: none), (pointer: coarse)").matches;
 }
-var T = 0, E = [];
-function ce() {
-	return w() ? 4 : Infinity;
-}
+var E = 0, D = [];
 function le() {
-	return w() ? 160 : 0;
+	return T() ? 4 : Infinity;
 }
-function D() {
-	let e = ce();
-	for (; T < e && E.length > 0;) {
-		let e = E.shift();
+function O() {
+	return T() ? 160 : 0;
+}
+function k() {
+	let e = le();
+	for (; E < e && D.length > 0;) {
+		let e = D.shift();
 		if (!e || e.cancelled) continue;
-		T += 1, e.start();
-		let t = le();
+		E += 1, e.start();
+		let t = O();
 		if (t <= 0) {
-			T = Math.max(0, T - 1);
+			E = Math.max(0, E - 1);
 			continue;
 		}
 		window.setTimeout(() => {
-			T = Math.max(0, T - 1), D();
+			E = Math.max(0, E - 1), k();
 		}, t);
 	}
 }
 function ue(e) {
-	if (!w()) return e(), () => {};
+	if (!T()) return e(), () => {};
 	let t = {
 		start: e,
 		cancelled: !1
 	};
-	return E.push(t), D(), () => {
+	return D.push(t), k(), () => {
 		t.cancelled = !0;
 	};
 }
 //#endregion
 //#region src/thumbnail/lazyLoad.ts
-function O() {
-	return w() ? "96px 0px" : "280px 0px";
+function A() {
+	return T() ? "96px 0px" : "280px 0px";
 }
-function k(e) {
+function j(e) {
 	let t = e.trim().split(/\s+/)[0] ?? "0px", n = Number.parseFloat(t);
 	return Number.isFinite(n) ? Math.abs(n) : 280;
 }
-function A(e, t) {
+function M(e, t) {
 	if (typeof window > "u") return !1;
 	let n = e.getBoundingClientRect();
 	return n.bottom >= -t && n.top <= window.innerHeight + t;
 }
 function de(e, t) {
-	let { onVisibleChange: n } = t, r = t.rootMargin ?? O(), i = k(r), a = !1, o = !1, s = null, c = () => {
+	let { onVisibleChange: n } = t, r = t.rootMargin ?? A(), i = j(r), a = !1, o = !1, s = null, c = () => {
 		o || (s?.(), s = ue(() => {
 			s = null, o = !0, n(!0);
 		}));
@@ -207,70 +216,70 @@ function de(e, t) {
 		rootMargin: r,
 		threshold: 0
 	});
-	return u.observe(e), A(e, i) && l(!0), () => {
+	return u.observe(e), M(e, i) && l(!0), () => {
 		s?.(), s = null, u.disconnect();
 	};
 }
 //#endregion
 //#region src/thumbnail/scrollParallax.ts
-function j() {
+function N() {
 	return typeof window > "u" || window.matchMedia("(prefers-reduced-motion: reduce)").matches ? !1 : window.matchMedia("(hover: none), (pointer: coarse)").matches;
 }
-function M(e, t) {
+function P(e, t) {
 	return ((e.top + e.height / 2) / Math.max(t, 1) - .5) * 2;
 }
-var N = /* @__PURE__ */ new Set(), P = !1, F = 0;
-function I() {
-	if (F = 0, N.size === 0 || typeof window > "u") return;
+var F = /* @__PURE__ */ new Set(), I = !1, L = 0;
+function R() {
+	if (L = 0, F.size === 0 || typeof window > "u") return;
 	let e = window.innerHeight;
-	for (let t of N) {
+	for (let t of F) {
 		if (t.pointerActive?.()) continue;
 		let n = t.element.getBoundingClientRect();
-		n.bottom < -64 || n.top > e + 64 || t.onParallax(M(n, e));
+		n.bottom < -64 || n.top > e + 64 || t.onParallax(P(n, e));
 	}
 }
-function L() {
-	F === 0 && (F = requestAnimationFrame(I));
+function z() {
+	L === 0 && (L = requestAnimationFrame(R));
 }
 function fe() {
-	P || typeof window > "u" || (P = !0, window.addEventListener("scroll", L, { passive: !0 }), window.addEventListener("resize", L, { passive: !0 }));
+	I || typeof window > "u" || (I = !0, window.addEventListener("scroll", z, { passive: !0 }), window.addEventListener("resize", z, { passive: !0 }));
 }
-function R() {
-	N.size > 0 || !P || typeof window > "u" || (P = !1, F !== 0 && (cancelAnimationFrame(F), F = 0), window.removeEventListener("scroll", L), window.removeEventListener("resize", L));
+function B() {
+	F.size > 0 || !I || typeof window > "u" || (I = !1, L !== 0 && (cancelAnimationFrame(L), L = 0), window.removeEventListener("scroll", z), window.removeEventListener("resize", z));
 }
 function pe(e, t) {
-	if (!j()) return () => {};
+	if (!N()) return () => {};
 	let n = {
 		element: e,
 		onParallax: t.onParallax,
 		pointerActive: t.pointerActive
 	};
-	return N.add(n), fe(), n.pointerActive?.() || t.onParallax(M(e.getBoundingClientRect(), window.innerHeight)), () => {
-		N.delete(n), R();
+	return F.add(n), fe(), n.pointerActive?.() || t.onParallax(P(e.getBoundingClientRect(), window.innerHeight)), () => {
+		F.delete(n), B();
 	};
 }
 //#endregion
 //#region src/thumbnail/styles.ts
-var me = ":host {\n	display: block;\n	width: 100%;\n	height: 100%;\n	min-height: 0;\n}\n\n.liforma-et {\n	--liforma-et-parallax-x: 0;\n	--liforma-et-parallax-y: 0;\n	--liforma-et-bg-scale: 1;\n	--liforma-et-fg-scale: 1;\n	--liforma-et-avatar-scale: 1;\n	--liforma-et-bg-shift: 0px;\n	--liforma-et-fg-shift: 0px;\n	--liforma-et-avatar-shift: 0px;\n	--liforma-et-reveal-duration: 420ms;\n\n	box-sizing: border-box;\n	position: relative;\n	display: block;\n	width: 100%;\n	height: 100%;\n	min-height: 0;\n	margin: 0;\n	padding: 0;\n	border: 0;\n	border-radius: 0;\n	overflow: hidden;\n	background: #111;\n	color: inherit;\n	text-decoration: none;\n	cursor: inherit;\n	-webkit-tap-highlight-color: transparent;\n}\n\na.liforma-et,\nbutton.liforma-et {\n	cursor: pointer;\n}\n\nbutton.liforma-et {\n	font: inherit;\n	appearance: none;\n}\n\n.liforma-et__placeholder {\n	position: absolute;\n	inset: 0;\n	z-index: 0;\n	background:\n		radial-gradient(120% 90% at 50% 0%, rgba(255, 255, 255, 0.06), transparent 58%),\n		linear-gradient(180deg, #1a1a1a 0%, #101010 100%);\n	opacity: 1;\n	transition: opacity var(--liforma-et-reveal-duration) ease;\n}\n\n.liforma-et--revealed .liforma-et__placeholder {\n	opacity: 0;\n}\n\n.liforma-et__media {\n	opacity: 0;\n	transition: opacity var(--liforma-et-reveal-duration) ease;\n}\n\n.liforma-et__media--ready {\n	opacity: 1;\n}\n\n.liforma-et__background {\n	position: absolute;\n	inset: 0;\n	z-index: 1;\n	width: 100%;\n	height: 100%;\n	object-fit: cover;\n	object-position: center center;\n	transform: translate(\n			calc(var(--liforma-et-parallax-x) * var(--liforma-et-bg-shift)),\n			calc(var(--liforma-et-parallax-y) * var(--liforma-et-bg-shift))\n		)\n		scale(var(--liforma-et-bg-scale));\n	transform-origin: center center;\n	transition:\n		opacity var(--liforma-et-reveal-duration) ease,\n		transform 160ms ease;\n}\n\n.liforma-et__avatar {\n	position: relative;\n	z-index: 2;\n	display: block;\n	width: 100%;\n	height: 100%;\n	object-fit: contain;\n	object-position: center bottom;\n	transform: scale(var(--liforma-et-avatar-scale))\n		translate(\n			calc(var(--liforma-et-parallax-x) * var(--liforma-et-avatar-shift)),\n			calc(var(--liforma-et-parallax-y) * var(--liforma-et-avatar-shift))\n		);\n	transform-origin: center center;\n	transition:\n		opacity var(--liforma-et-reveal-duration) ease,\n		transform 160ms ease;\n}\n\n/* Gallery plates are typically square in a square tile — contain vs cover is a no-op\n   without a zoom. Scale the whole scene from the upper third so Face matches\n   player fit (location + avatar crop together). */\n.liforma-et--fit-face {\n	--liforma-et-avatar-scale: 1.85;\n	--liforma-et-bg-scale: 1.85;\n	--liforma-et-fg-scale: 1.85;\n}\n\n.liforma-et--fit-face .liforma-et__avatar,\n.liforma-et--fit-face .liforma-et__background,\n.liforma-et--fit-face .liforma-et__foreground {\n	transform-origin: 50% 18%;\n}\n\n.liforma-et--fit-face .liforma-et__avatar {\n	object-fit: cover;\n	object-position: 50% 18%;\n}\n\n/* Bust / medium: less zoom than face so upper chest stays in frame (player 3.75H window). */\n.liforma-et--fit-medium {\n	--liforma-et-avatar-scale: 1.35;\n	--liforma-et-bg-scale: 1.35;\n	--liforma-et-fg-scale: 1.35;\n}\n\n.liforma-et--fit-medium .liforma-et__avatar,\n.liforma-et--fit-medium .liforma-et__background,\n.liforma-et--fit-medium .liforma-et__foreground {\n	transform-origin: 50% 28%;\n}\n\n.liforma-et--fit-medium .liforma-et__avatar {\n	object-fit: cover;\n	object-position: 50% 28%;\n}\n\n.liforma-et__foreground {\n	position: absolute;\n	inset: 0;\n	z-index: 3;\n	width: 100%;\n	height: 100%;\n	object-fit: cover;\n	object-position: center center;\n	pointer-events: none;\n	transform: translate(\n			calc(var(--liforma-et-parallax-x) * var(--liforma-et-fg-shift) * -1),\n			calc(var(--liforma-et-parallax-y) * var(--liforma-et-fg-shift) * -1)\n		)\n		scale(var(--liforma-et-fg-scale));\n	transform-origin: center center;\n	transition:\n		opacity var(--liforma-et-reveal-duration) ease,\n		transform 160ms ease;\n}\n\n.liforma-et--parallax {\n	--liforma-et-bg-scale: 1.08;\n	--liforma-et-fg-scale: 1.05;\n	--liforma-et-avatar-scale: 1.08;\n	--liforma-et-bg-shift: 10px;\n	--liforma-et-fg-shift: 4px;\n	--liforma-et-avatar-shift: 4px;\n}\n\n/* Promote layers only while parallax is active — avoids N compositor surfaces on galleries. */\n.liforma-et--parallax .liforma-et__background,\n.liforma-et--parallax .liforma-et__foreground,\n.liforma-et--parallax .liforma-et__avatar {\n	will-change: transform;\n}\n\n.liforma-et--parallax.liforma-et--fit-face {\n	--liforma-et-avatar-scale: 1.95;\n	--liforma-et-bg-scale: 1.95;\n	--liforma-et-fg-scale: 1.95;\n	--liforma-et-avatar-shift: 0px;\n}\n\n.liforma-et--parallax.liforma-et--fit-medium {\n	--liforma-et-avatar-scale: 1.42;\n	--liforma-et-bg-scale: 1.42;\n	--liforma-et-fg-scale: 1.42;\n	--liforma-et-avatar-shift: 0px;\n}\n\n.liforma-et--scroll-parallax .liforma-et__background,\n.liforma-et--scroll-parallax .liforma-et__foreground,\n.liforma-et--scroll-parallax .liforma-et__avatar {\n	transition: opacity var(--liforma-et-reveal-duration) ease;\n}\n\n@media (prefers-reduced-motion: reduce) {\n	.liforma-et {\n		--liforma-et-reveal-duration: 0ms;\n	}\n\n	.liforma-et--parallax {\n		--liforma-et-bg-scale: 1;\n		--liforma-et-fg-scale: 1;\n		--liforma-et-avatar-scale: 1;\n		--liforma-et-bg-shift: 0px;\n		--liforma-et-fg-shift: 0px;\n		--liforma-et-avatar-shift: 0px;\n	}\n\n	.liforma-et--parallax.liforma-et--fit-face {\n		--liforma-et-avatar-scale: 1.85;\n		--liforma-et-bg-scale: 1.85;\n		--liforma-et-fg-scale: 1.85;\n	}\n\n	.liforma-et__background,\n	.liforma-et__foreground,\n	.liforma-et__avatar {\n		transition: none;\n	}\n}", z = !1;
+var me = ":host {\n	display: block;\n	width: 100%;\n	height: 100%;\n	min-height: 0;\n}\n\n.liforma-et {\n	--liforma-et-parallax-x: 0;\n	--liforma-et-parallax-y: 0;\n	--liforma-et-bg-scale: 1;\n	--liforma-et-fg-scale: 1;\n	--liforma-et-avatar-scale: 1;\n	--liforma-et-bg-shift: 0px;\n	--liforma-et-fg-shift: 0px;\n	--liforma-et-avatar-shift: 0px;\n	--liforma-et-reveal-duration: 420ms;\n\n	box-sizing: border-box;\n	position: relative;\n	display: block;\n	width: 100%;\n	height: 100%;\n	min-height: 0;\n	margin: 0;\n	padding: 0;\n	border: 0;\n	border-radius: 0;\n	overflow: hidden;\n	background: #111;\n	color: inherit;\n	text-decoration: none;\n	cursor: inherit;\n	-webkit-tap-highlight-color: transparent;\n}\n\na.liforma-et,\nbutton.liforma-et {\n	cursor: pointer;\n}\n\nbutton.liforma-et {\n	font: inherit;\n	appearance: none;\n}\n\n.liforma-et__placeholder {\n	position: absolute;\n	inset: 0;\n	z-index: 0;\n	background:\n		radial-gradient(120% 90% at 50% 0%, rgba(255, 255, 255, 0.06), transparent 58%),\n		linear-gradient(180deg, #1a1a1a 0%, #101010 100%);\n	opacity: 1;\n	transition: opacity var(--liforma-et-reveal-duration) ease;\n}\n\n.liforma-et--revealed .liforma-et__placeholder {\n	opacity: 0;\n}\n\n.liforma-et__media {\n	opacity: 0;\n	transition: opacity var(--liforma-et-reveal-duration) ease;\n}\n\n.liforma-et__media--ready {\n	opacity: 1;\n}\n\n.liforma-et__background {\n	position: absolute;\n	inset: 0;\n	z-index: 1;\n	width: 100%;\n	height: 100%;\n	object-fit: cover;\n	object-position: center center;\n	transform: translate(\n			calc(var(--liforma-et-parallax-x) * var(--liforma-et-bg-shift)),\n			calc(var(--liforma-et-parallax-y) * var(--liforma-et-bg-shift))\n		)\n		scale(var(--liforma-et-bg-scale));\n	transform-origin: center center;\n	transition:\n		opacity var(--liforma-et-reveal-duration) ease,\n		transform 160ms ease;\n}\n\n.liforma-et__avatar {\n	position: relative;\n	z-index: 2;\n	display: block;\n	width: 100%;\n	height: 100%;\n	object-fit: contain;\n	object-position: center bottom;\n	transform: scale(var(--liforma-et-avatar-scale))\n		translate(\n			calc(var(--liforma-et-parallax-x) * var(--liforma-et-avatar-shift)),\n			calc(var(--liforma-et-parallax-y) * var(--liforma-et-avatar-shift))\n		);\n	transform-origin: center center;\n	transition:\n		opacity var(--liforma-et-reveal-duration) ease,\n		transform 160ms ease;\n}\n\n/* Gallery plates are typically square in a square tile — contain vs cover is a no-op\n   without a zoom. Scale the whole scene from the upper third so Face matches\n   player fit (location + avatar crop together). */\n.liforma-et--fit-face {\n	--liforma-et-avatar-scale: 1.85;\n	--liforma-et-bg-scale: 1.85;\n	--liforma-et-fg-scale: 1.85;\n}\n\n.liforma-et--fit-face .liforma-et__avatar,\n.liforma-et--fit-face .liforma-et__background,\n.liforma-et--fit-face .liforma-et__foreground {\n	transform-origin: 50% 18%;\n}\n\n.liforma-et--fit-face .liforma-et__avatar {\n	object-fit: cover;\n	object-position: 50% 18%;\n}\n\n/* Bust / medium: less zoom than face so upper chest stays in frame (player 3.75H window). */\n.liforma-et--fit-medium {\n	--liforma-et-avatar-scale: 1.35;\n	--liforma-et-bg-scale: 1.35;\n	--liforma-et-fg-scale: 1.35;\n}\n\n.liforma-et--fit-medium .liforma-et__avatar,\n.liforma-et--fit-medium .liforma-et__background,\n.liforma-et--fit-medium .liforma-et__foreground {\n	transform-origin: 50% 28%;\n}\n\n.liforma-et--fit-medium .liforma-et__avatar {\n	object-fit: cover;\n	object-position: 50% 28%;\n}\n\n.liforma-et__foreground {\n	position: absolute;\n	inset: 0;\n	z-index: 3;\n	width: 100%;\n	height: 100%;\n	object-fit: cover;\n	object-position: center center;\n	pointer-events: none;\n	transform: translate(\n			calc(var(--liforma-et-parallax-x) * var(--liforma-et-fg-shift) * -1),\n			calc(var(--liforma-et-parallax-y) * var(--liforma-et-fg-shift) * -1)\n		)\n		scale(var(--liforma-et-fg-scale));\n	transform-origin: center center;\n	transition:\n		opacity var(--liforma-et-reveal-duration) ease,\n		transform 160ms ease;\n}\n\n.liforma-et--parallax {\n	--liforma-et-bg-scale: 1.08;\n	--liforma-et-fg-scale: 1.05;\n	--liforma-et-avatar-scale: 1.08;\n	--liforma-et-bg-shift: 10px;\n	--liforma-et-fg-shift: 4px;\n	--liforma-et-avatar-shift: 4px;\n}\n\n/* Promote layers only while parallax is active — avoids N compositor surfaces on galleries. */\n.liforma-et--parallax .liforma-et__background,\n.liforma-et--parallax .liforma-et__foreground,\n.liforma-et--parallax .liforma-et__avatar {\n	will-change: transform;\n}\n\n.liforma-et--parallax.liforma-et--fit-face {\n	--liforma-et-avatar-scale: 1.95;\n	--liforma-et-bg-scale: 1.95;\n	--liforma-et-fg-scale: 1.95;\n	--liforma-et-avatar-shift: 0px;\n}\n\n.liforma-et--parallax.liforma-et--fit-medium {\n	--liforma-et-avatar-scale: 1.42;\n	--liforma-et-bg-scale: 1.42;\n	--liforma-et-fg-scale: 1.42;\n	--liforma-et-avatar-shift: 0px;\n}\n\n.liforma-et--scroll-parallax .liforma-et__background,\n.liforma-et--scroll-parallax .liforma-et__foreground,\n.liforma-et--scroll-parallax .liforma-et__avatar {\n	transition: opacity var(--liforma-et-reveal-duration) ease;\n}\n\n@media (prefers-reduced-motion: reduce) {\n	.liforma-et {\n		--liforma-et-reveal-duration: 0ms;\n	}\n\n	.liforma-et--parallax {\n		--liforma-et-bg-scale: 1;\n		--liforma-et-fg-scale: 1;\n		--liforma-et-avatar-scale: 1;\n		--liforma-et-bg-shift: 0px;\n		--liforma-et-fg-shift: 0px;\n		--liforma-et-avatar-shift: 0px;\n	}\n\n	.liforma-et--parallax.liforma-et--fit-face {\n		--liforma-et-avatar-scale: 1.85;\n		--liforma-et-bg-scale: 1.85;\n		--liforma-et-fg-scale: 1.85;\n	}\n\n	.liforma-et__background,\n	.liforma-et__foreground,\n	.liforma-et__avatar {\n		transition: none;\n	}\n}", V = !1;
 function he(e) {
-	if (typeof document > "u" || z) return;
+	if (typeof document > "u" || V) return;
 	if (document.querySelector("style[data-liforma-et]")) {
-		z = !0;
+		V = !0;
 		return;
 	}
 	let t = document.createElement("style");
-	t.setAttribute("data-liforma-et", ""), t.textContent = e, document.head.appendChild(t), z = !0;
+	t.setAttribute("data-liforma-et", ""), t.textContent = e, document.head.appendChild(t), V = !0;
 }
 //#endregion
 //#region src/thumbnail/plateDelivery.ts
-var ge = "data:image/avif;base64,AAAAIGZ0eXBhdmlmAAAAAGF2aWZtaWYxbWlhZk1BMUIAAADybWV0YQAAAAAAAAAoaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAGxpYmF2aWYAAAAADnBpdG0AAAAAAAEAAAAeaWxvYwAAAABEAAABAAEAAAABAAABGgAAAB0AAAAoaWluZgAAAAAAAQAAABppbmZlAgAAAAABAABhdjAxQ29sb3IAAAAAamlwcnAAAABLaXBjbwAAABRpc3BlAAAAAAAAAAEAAAABAAAAEHBpeGkAAAAAAwgICAAAAAxhdjFDgQ0MAAAAABNjb2xybmNseAACAAIAAYAAAAAXaXBtYQAAAAAAAAABAAEEAQKDBAAAACVtZGF0EgAKCBgANogQEAwgMg8f8D///8WfhwB8+ErK42A=", B = null;
+var ge = "data:image/avif;base64,AAAAIGZ0eXBhdmlmAAAAAGF2aWZtaWYxbWlhZk1BMUIAAADybWV0YQAAAAAAAAAoaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAGxpYmF2aWYAAAAADnBpdG0AAAAAAAEAAAAeaWxvYwAAAABEAAABAAEAAAABAAABGgAAAB0AAAAoaWluZgAAAAAAAQAAABppbmZlAgAAAAABAABhdjAxQ29sb3IAAAAAamlwcnAAAABLaXBjbwAAABRpc3BlAAAAAAAAAAEAAAABAAAAEHBpeGkAAAAAAwgICAAAAAxhdjFDgQ0MAAAAABNjb2xybmNseAACAAIAAYAAAAAXaXBtYQAAAAAAAAABAAEEAQKDBAAAACVtZGF0EgAKCBgANogQEAwgMg8f8D///8WfhwB8+ErK42A=", H = null;
 function _e(e) {
 	let t = e.trim();
 	if (!t || t.startsWith("blob:") || t.startsWith("data:")) return !1;
 	let n = t.split(/[?#]/)[0] ?? t, r = /\/avatars\//i.test(n), i = /\/locations\//i.test(n);
 	return !r && !i || /\.depth\.webp$/i.test(n) ? !1 : /\.webp$/i.test(n);
 }
-function V(e) {
+function U(e) {
 	if (!_e(e)) return null;
 	let t = e.search(/[?#]/);
 	if (t < 0) return e.replace(/\.webp$/i, ".avif");
@@ -278,13 +287,13 @@ function V(e) {
 	return `${n.replace(/\.webp$/i, ".avif")}${r}`;
 }
 function ve() {
-	return typeof Image > "u" ? Promise.resolve(!1) : (B ||= new Promise((e) => {
+	return typeof Image > "u" ? Promise.resolve(!1) : (H ||= new Promise((e) => {
 		let t = new Image();
 		t.onload = () => e(t.naturalWidth > 0 && t.naturalHeight > 0), t.onerror = () => e(!1), t.src = ge;
-	}), B);
+	}), H);
 }
-function H(e, t) {
-	return t ? V(e) ?? e : e;
+function W(e, t) {
+	return t ? U(e) ?? e : e;
 }
 function ye(e) {
 	let t = e.trim(), n = t.search(/[?#]/), r = n < 0 ? t : t.slice(0, n);
@@ -298,18 +307,19 @@ function be(e) {
 }
 //#endregion
 //#region src/react/ExperienceThumbnail.tsx
-function U(e, t) {
+function G(e, t) {
 	return `${e} liforma-et__media${t ? " liforma-et__media--ready" : ""}`;
 }
 function xe(c) {
-	let { galleryThumb: u, avatarImage: d, backgroundImage: f, foregroundImage: p, alt: m, experienceId: h, href: g, target: _, rel: te, onClick: v, returnUrl: y, playerBaseUrl: b, parallax: ne = !0, fit: ie = "full", lazy: x = !0, className: ae = "", fallbackImage: S, normalizeUrls: C = !0, cdnBaseUrl: w } = c, T = n(null), E = n(!1), [ce, le] = r(0), [D, ue] = r(0), O = l(ce, D), k = t(() => re({
+	let { galleryThumb: u, avatarImage: d, backgroundImage: f, foregroundImage: p, alt: m, experienceId: h, href: g, target: ne, rel: _, onClick: v, returnUrl: y, playerBaseUrl: b, parallax: re = !0, fit: ie = "full", lazy: x = !0, className: oe = "", fallbackImage: S, normalizeUrls: C = !0, cdnBaseUrl: w } = c, T = n(null), E = n(!1), [D, le] = r(0), [O, k] = r(0), ue = ee(D, O), A = l(D, O), j = t(() => ae({
 		galleryThumb: u,
 		avatarImage: d,
 		backgroundImage: f,
 		foregroundImage: p,
 		fallbackImage: S,
 		normalize: C,
-		locationPlateSize: O,
+		locationPlateSize: ue,
+		avatarPlateSize: A,
 		cdnBaseUrl: w
 	}), [
 		u,
@@ -318,89 +328,90 @@ function xe(c) {
 		p,
 		S,
 		C,
-		O,
+		ue,
+		A,
 		w
-	]), A = oe({
+	]), M = se({
 		href: g,
 		hasClickHandler: typeof v == "function",
 		experienceId: h
-	}), j = A === "anchor" && !g?.trim() && !!h?.trim(), N = !!k?.backgroundImage, P = ne !== !1, [F, I] = r(!x), [L, fe] = r(!1), [R, z] = r(!1), [ge, B] = r(!1), [_e, V] = r(!1), [xe, Se] = r(!1), [Ce, W] = r(!1), [G, we] = r(!1), [Te, K] = r(0), [Ee, q] = r(0), [De, Oe] = r(!1), [ke, J] = r(!1), [Ae, Y] = r(!1), [je, X] = r(!1), [Z, Me] = r(), Q = k ? De && k.fallbackImage ? k.fallbackImage : k.avatarImage : "";
+	}), N = M === "anchor" && !g?.trim() && !!h?.trim(), F = !!j?.backgroundImage, I = re !== !1, [L, R] = r(!x), [z, fe] = r(!1), [B, V] = r(!1), [ge, H] = r(!1), [_e, U] = r(!1), [xe, Se] = r(!1), [Ce, K] = r(!1), [q, we] = r(!1), [Te, J] = r(0), [Ee, Y] = r(0), [De, Oe] = r(!1), [ke, X] = r(!1), [Ae, Z] = r(!1), [je, Q] = r(!1), [$, Me] = r(), Ne = j ? De && j.fallbackImage ? j.fallbackImage : j.avatarImage : "";
 	e(() => {
 		he(me), ve().then((e) => {
-			fe(e), z(!0);
+			fe(e), V(!0);
 		});
 	}, []), e(() => {
-		Me(se({
+		Me(ce({
 			href: g,
 			experienceId: h,
 			returnUrl: y,
 			playerBaseUrl: b,
-			useCurrentPageAsReturnUrl: j && !y?.trim()
+			useCurrentPageAsReturnUrl: N && !y?.trim()
 		}));
 	}, [
 		g,
 		h,
 		y,
 		b,
-		j
+		N
 	]), e(() => {
-		J(!1), Y(!1), X(!1), Oe(!1), B(!1), V(!1), Se(!1);
+		X(!1), Z(!1), Q(!1), Oe(!1), H(!1), U(!1), Se(!1);
 	}, [
-		k?.backgroundImage,
-		k?.foregroundImage,
-		Q
+		j?.backgroundImage,
+		j?.foregroundImage,
+		Ne
 	]), e(() => {
 		let e = T.current;
-		if (e) return ee(e, (e, t) => {
-			le(e), ue(t);
+		if (e) return te(e, (e, t) => {
+			le(e), k(t);
 		});
-	}, [A, Z]), e(() => {
+	}, [M, $]), e(() => {
 		let e = T.current;
 		if (e) {
 			if (!x) {
-				I(!0);
+				R(!0);
 				return;
 			}
 			return de(e, { onVisibleChange: (e) => {
-				e && I(!0);
+				e && R(!0);
 			} });
 		}
 	}, [
 		x,
-		k,
-		A,
-		Z
+		j,
+		M,
+		$
 	]), e(() => {
 		let e = T.current;
-		if (!(!e || !P)) return pe(e, {
+		if (!(!e || !I)) return pe(e, {
 			onParallax: (e) => {
-				we(!0), E.current || (K(e), q(0));
+				we(!0), E.current || (J(e), Y(0));
 			},
 			pointerActive: () => E.current
 		});
 	}, [
-		P,
-		k,
-		A,
-		Z
+		I,
+		j,
+		M,
+		$
 	]);
-	let Ne = (e) => {
-		if (!P || G) return;
+	let Pe = (e) => {
+		if (!I || q) return;
 		let t = e.currentTarget.getBoundingClientRect();
-		t.width <= 0 || t.height <= 0 || (K(((e.clientX - t.left) / t.width - .5) * 2), q(((e.clientY - t.top) / t.height - .5) * 2));
-	}, $ = (e) => {
+		t.width <= 0 || t.height <= 0 || (J(((e.clientX - t.left) / t.width - .5) * 2), Y(((e.clientY - t.top) / t.height - .5) * 2));
+	}, Fe = (e) => {
 		let t = E.current;
-		E.current = !1, W(!1), G && t ? (K(M(e.getBoundingClientRect(), window.innerHeight)), q(0)) : G || (K(0), q(0));
-	}, Pe = (e) => {
-		if (!P) return;
-		E.current = !0, e.pointerType === "mouse" && W(!0);
+		E.current = !1, K(!1), q && t ? (J(P(e.getBoundingClientRect(), window.innerHeight)), Y(0)) : q || (J(0), Y(0));
+	}, Ie = (e) => {
+		if (!I) return;
+		E.current = !0, e.pointerType === "mouse" && K(!0);
 		let t = e.currentTarget, n = () => {
-			$(t), window.removeEventListener("pointerup", n), window.removeEventListener("pointercancel", n);
+			Fe(t), window.removeEventListener("pointerup", n), window.removeEventListener("pointercancel", n);
 		};
 		window.addEventListener("pointerup", n), window.addEventListener("pointercancel", n);
-	}, Fe = (e) => {
-		if (v?.(e), !e.defaultPrevented && j && !y?.trim()) {
-			let t = se({
+	}, Le = (e) => {
+		if (v?.(e), !e.defaultPrevented && N && !y?.trim()) {
+			let t = ce({
 				experienceId: h,
 				playerBaseUrl: b,
 				useCurrentPageAsReturnUrl: !0
@@ -408,123 +419,123 @@ function xe(c) {
 			t && e.button === 0 && !e.metaKey && !e.ctrlKey && !e.shiftKey && (e.preventDefault(), window.location.assign(t));
 		}
 	};
-	if (!k) return null;
-	let Ie = P && (Ce || G), Le = F && R && (Ae || ke || je), Re = [
+	if (!j) return null;
+	let Re = I && (Ce || q), ze = L && B && (Ae || ke || je), Be = [
 		"liforma-et",
-		N ? "liforma-et--scene" : "",
+		F ? "liforma-et--scene" : "",
 		s(ie),
-		Ie ? "liforma-et--parallax" : "",
-		G ? "liforma-et--scroll-parallax" : "",
-		F && !Le ? "liforma-et--loading" : "",
-		Le ? "liforma-et--revealed" : "",
-		ae
-	].filter(Boolean).join(" "), ze = {
+		Re ? "liforma-et--parallax" : "",
+		q ? "liforma-et--scroll-parallax" : "",
+		L && !ze ? "liforma-et--loading" : "",
+		ze ? "liforma-et--revealed" : "",
+		oe
+	].filter(Boolean).join(" "), Ve = {
 		"--liforma-et-parallax-x": Te,
 		"--liforma-et-parallax-y": Ee
-	}, Be = (e, t) => {
+	}, He = (e, t) => {
 		e.complete && t(!0);
-	}, Ve = /* @__PURE__ */ o(i, { children: [
+	}, Ue = /* @__PURE__ */ o(i, { children: [
 		/* @__PURE__ */ a("span", {
 			className: "liforma-et__placeholder",
 			"aria-hidden": "true"
 		}),
-		F && R && k.backgroundImage ? /* @__PURE__ */ a("img", {
-			className: U("liforma-et__background", ke),
-			src: H(k.backgroundImage, L),
+		L && B && j.backgroundImage ? /* @__PURE__ */ a("img", {
+			className: G("liforma-et__background", ke),
+			src: W(j.backgroundImage, z),
 			alt: "",
 			decoding: "async",
 			ref: (e) => {
-				e && Be(e, J);
+				e && He(e, X);
 			},
-			onLoad: () => J(!0),
+			onLoad: () => X(!0),
 			onError: (e) => {
 				let t = e.currentTarget, n = be(t.src);
 				if (n && !ge) {
-					B(!0), t.src = n;
+					H(!0), t.src = n;
 					return;
 				}
-				J(!0);
+				X(!0);
 			}
 		}) : null,
-		F && R && Q ? /* @__PURE__ */ a("img", {
-			className: U("liforma-et__avatar", Ae),
-			src: H(Q, L),
+		L && B && Ne ? /* @__PURE__ */ a("img", {
+			className: G("liforma-et__avatar", Ae),
+			src: W(Ne, z),
 			alt: "",
 			decoding: "async",
 			ref: (e) => {
-				e && Be(e, Y);
+				e && He(e, Z);
 			},
-			onLoad: () => Y(!0),
+			onLoad: () => Z(!0),
 			onError: (e) => {
 				let t = e.currentTarget, n = ye(t.src);
 				if (n && !xe) {
 					Se(!0), t.src = n;
 					return;
 				}
-				k.fallbackImage ? Oe(!0) : Y(!0);
+				j.fallbackImage ? Oe(!0) : Z(!0);
 			}
 		}) : null,
-		F && R && k.foregroundImage ? /* @__PURE__ */ a("img", {
-			className: U("liforma-et__foreground", je),
-			src: H(k.foregroundImage, L),
+		L && B && j.foregroundImage ? /* @__PURE__ */ a("img", {
+			className: G("liforma-et__foreground", je),
+			src: W(j.foregroundImage, z),
 			alt: "",
 			decoding: "async",
 			ref: (e) => {
-				e && Be(e, X);
+				e && He(e, Q);
 			},
-			onLoad: () => X(!0),
+			onLoad: () => Q(!0),
 			onError: (e) => {
 				let t = e.currentTarget, n = be(t.src);
 				if (n && !_e) {
-					V(!0), t.src = n;
+					U(!0), t.src = n;
 					return;
 				}
-				X(!0);
+				Q(!0);
 			}
 		}) : null
-	] }), He = {
-		onPointerDown: Pe,
-		onPointerUp: (e) => $(e.currentTarget),
-		onPointerCancel: (e) => $(e.currentTarget),
+	] }), We = {
+		onPointerDown: Ie,
+		onPointerUp: (e) => Fe(e.currentTarget),
+		onPointerCancel: (e) => Fe(e.currentTarget),
 		onPointerEnter: (e) => {
-			P && e.pointerType === "mouse" && W(!0);
+			I && e.pointerType === "mouse" && K(!0);
 		},
-		onPointerMove: Ne,
+		onPointerMove: Pe,
 		onPointerLeave: () => {
-			E.current || (W(!1), G || (K(0), q(0)));
+			E.current || (K(!1), q || (J(0), Y(0)));
 		}
-	}, Ue = (e) => {
+	}, Ge = (e) => {
 		T.current = e;
 	};
-	return A === "anchor" && Z ? /* @__PURE__ */ a("a", {
-		ref: Ue,
-		className: Re,
-		style: ze,
-		href: Z,
-		target: _,
-		rel: te,
+	return M === "anchor" && $ ? /* @__PURE__ */ a("a", {
+		ref: Ge,
+		className: Be,
+		style: Ve,
+		href: $,
+		target: ne,
+		rel: _,
 		"aria-label": m,
-		onClick: Fe,
-		...He,
-		children: Ve
-	}) : A === "button" ? /* @__PURE__ */ a("button", {
+		onClick: Le,
+		...We,
+		children: Ue
+	}) : M === "button" ? /* @__PURE__ */ a("button", {
 		type: "button",
-		ref: Ue,
-		className: Re,
-		style: ze,
+		ref: Ge,
+		className: Be,
+		style: Ve,
 		"aria-label": m,
-		onClick: Fe,
-		...He,
-		children: Ve
+		onClick: Le,
+		...We,
+		children: Ue
 	}) : /* @__PURE__ */ a("div", {
-		ref: Ue,
-		className: Re,
-		style: ze,
+		ref: Ge,
+		className: Be,
+		style: Ve,
 		role: m ? "img" : void 0,
 		"aria-label": m || void 0,
 		"aria-hidden": m ? void 0 : !0,
-		...He,
-		children: Ve
+		...We,
+		children: Ue
 	});
 }
 //#endregion