@liforma/client 0.4.9 → 0.4.11

package/dist/react/thumbnail.js

@@ -7,28 +7,98 @@ 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)(\?|$)/i;
+function l(e, t) {
+	return !Number.isFinite(e) || !Number.isFinite(t) || e < 1 || t < 1 || e <= t ? "256x256" : e > 800 || t > 450 ? "1672x941" : "800x450";
+}
+function u(e, t) {
+	let n = e.trim();
+	return n && n.replace(c, (e, n, r, i, a) => `${n}${t}${i}${a}`);
+}
+function ee(e, t) {
+	let n = () => {
+		t(e.clientWidth, e.clientHeight);
+	};
+	if (n(), typeof ResizeObserver > "u") return () => {};
+	let r = new ResizeObserver(n);
+	return r.observe(e), () => r.disconnect();
+}
+var d = /-(256x256|400x450|800x450|836x971|1672x941|167x94)$/i;
+function f(e) {
+	return e?.trim().replace(/\/$/, "") || "https://cdn.liforma.ai";
+}
+function p(e) {
+	return /^https?:\/\//i.test(e) || e.startsWith("//");
+}
+function m(e) {
+	return e.startsWith("//") ? `https:${e}` : e;
+}
+function h(e) {
+	let t = e.indexOf("?");
+	return t === -1 ? {
+		pathname: e,
+		search: ""
+	} : {
+		pathname: e.slice(0, t),
+		search: e.slice(t)
+	};
+}
+function g(e, t, n = "") {
+	return `${e}${t.startsWith("/") ? t : `/${t}`}${n}`;
+}
+function _(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;
+	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);
+	let c = s.replace(/^\/locations\//i, "").replace(/\.webp$/i, "");
+	return c = c.replace(d, ""), `${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);
+}
+//#endregion
 //#region src/thumbnail/toGalleryThumbUrl.ts
-var c = /(\/avatars\/[^/]+\/)(\d+)(\/)/i, l = /_CH(\.webp)/i, u = /(-)(\d+x\d+)(\.webp)(\?|$)/i;
-function d(e) {
-	let t = e.trim();
-	if (!t) return t;
-	let n = t.replace(c, (e, t, n, r) => n === "256" ? `${t}${n}${r}` : `${t}256${r}`);
-	return n = n.replace(l, "_neutral$1"), n = n.replace(u, (e, t, n, r, i) => n === "256x256" ? `${t}${n}${r}${i}` : `${t}256x256${r}${i}`), n;
-}
-function ee(e) {
+var v = /(\/avatars\/[^/]+\/)(\d+)(\/)/i, y = /_CH(\.webp)/i;
+function b(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 re(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() || "";
+	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);
 	return {
-		avatarImage: d(t),
-		...n ? { backgroundImage: d(n) } : {},
-		...r ? { foregroundImage: d(r) } : {},
-		...i ? { fallbackImage: d(i) } : {}
+		avatarImage: c(t),
+		...n ? { backgroundImage: l(n) } : {},
+		...r ? { foregroundImage: l(r) } : {},
+		...i ? { fallbackImage: c(i) } : {}
 	};
 }
 //#endregion
 //#region src/shims/localStack.ts
-function f() {
+function ie() {
 	if (globalThis.__LIFORMA_STACK === "local") return !0;
 	if (typeof location > "u") return !1;
 	try {
@@ -39,83 +109,83 @@ function f() {
 }
 //#endregion
 //#region src/thumbnail/hostedLaunchUrl.ts
-var p = "https://player.liforma.ai", m = "http://localhost:3002";
-function te(e) {
+var x = "https://player.liforma.ai", ae = "http://localhost:3002";
+function oe(e) {
 	return e.href?.trim() ? "anchor" : e.hasClickHandler ? "button" : e.experienceId?.trim() ? "anchor" : "presentational";
 }
-function h(e) {
+function S(e) {
 	let t = e?.trim();
-	return t ? t.replace(/\/$/, "") : f() ? m : p;
+	return t ? t.replace(/\/$/, "") : ie() ? ae : x;
 }
-function ne(e) {
-	let t = e.experienceId.trim(), n = h(e.playerBaseUrl), r = new URL(`${n}/${encodeURIComponent(t)}`), i = e.returnUrl?.trim();
+function C(e) {
+	let t = e.experienceId.trim(), n = S(e.playerBaseUrl), r = new URL(`${n}/${encodeURIComponent(t)}`), i = e.returnUrl?.trim();
 	return i && r.searchParams.set("returnUrl", i), r.toString();
 }
-function re(e) {
+function se(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), ne({
+	return !r && e.useCurrentPageAsReturnUrl && typeof window < "u" && (r = window.location.href), C({
 		experienceId: n,
 		...r ? { returnUrl: r } : {},
 		playerBaseUrl: e.playerBaseUrl
 	});
 }
-function g() {
+function w() {
 	return typeof window > "u" ? !1 : window.matchMedia("(hover: none), (pointer: coarse)").matches;
 }
-var _ = 0, v = [];
-function y() {
-	return g() ? 4 : Infinity;
+var T = 0, E = [];
+function ce() {
+	return w() ? 4 : Infinity;
 }
-function ie() {
-	return g() ? 160 : 0;
+function le() {
+	return w() ? 160 : 0;
 }
-function b() {
-	let e = y();
-	for (; _ < e && v.length > 0;) {
-		let e = v.shift();
+function D() {
+	let e = ce();
+	for (; T < e && E.length > 0;) {
+		let e = E.shift();
 		if (!e || e.cancelled) continue;
-		_ += 1, e.start();
-		let t = ie();
+		T += 1, e.start();
+		let t = le();
 		if (t <= 0) {
-			_ = Math.max(0, _ - 1);
+			T = Math.max(0, T - 1);
 			continue;
 		}
 		window.setTimeout(() => {
-			_ = Math.max(0, _ - 1), b();
+			T = Math.max(0, T - 1), D();
 		}, t);
 	}
 }
-function x(e) {
-	if (!g()) return e(), () => {};
+function ue(e) {
+	if (!w()) return e(), () => {};
 	let t = {
 		start: e,
 		cancelled: !1
 	};
-	return v.push(t), b(), () => {
+	return E.push(t), D(), () => {
 		t.cancelled = !0;
 	};
 }
 //#endregion
 //#region src/thumbnail/lazyLoad.ts
-function S() {
-	return g() ? "96px 0px" : "280px 0px";
+function O() {
+	return w() ? "96px 0px" : "280px 0px";
 }
-function C(e) {
+function k(e) {
 	let t = e.trim().split(/\s+/)[0] ?? "0px", n = Number.parseFloat(t);
 	return Number.isFinite(n) ? Math.abs(n) : 280;
 }
-function w(e, t) {
+function A(e, t) {
 	if (typeof window > "u") return !1;
 	let n = e.getBoundingClientRect();
 	return n.bottom >= -t && n.top <= window.innerHeight + t;
 }
-function ae(e, t) {
-	let { onVisibleChange: n } = t, r = t.rootMargin ?? S(), i = C(r), a = !1, o = !1, s = null, c = () => {
-		o || (s?.(), s = x(() => {
+function de(e, t) {
+	let { onVisibleChange: n } = t, r = t.rootMargin ?? O(), i = k(r), a = !1, o = !1, s = null, c = () => {
+		o || (s?.(), s = ue(() => {
 			s = null, o = !0, n(!0);
 		}));
 	}, l = (e) => {
@@ -137,260 +207,271 @@ function ae(e, t) {
 		rootMargin: r,
 		threshold: 0
 	});
-	return u.observe(e), w(e, i) && l(!0), () => {
+	return u.observe(e), A(e, i) && l(!0), () => {
 		s?.(), s = null, u.disconnect();
 	};
 }
 //#endregion
 //#region src/thumbnail/scrollParallax.ts
-function T() {
+function j() {
 	return typeof window > "u" || window.matchMedia("(prefers-reduced-motion: reduce)").matches ? !1 : window.matchMedia("(hover: none), (pointer: coarse)").matches;
 }
-function E(e, t) {
+function M(e, t) {
 	return ((e.top + e.height / 2) / Math.max(t, 1) - .5) * 2;
 }
-var D = /* @__PURE__ */ new Set(), O = !1, k = 0;
-function A() {
-	if (k = 0, D.size === 0 || typeof window > "u") return;
+var N = /* @__PURE__ */ new Set(), P = !1, F = 0;
+function I() {
+	if (F = 0, N.size === 0 || typeof window > "u") return;
 	let e = window.innerHeight;
-	for (let t of D) {
+	for (let t of N) {
 		if (t.pointerActive?.()) continue;
 		let n = t.element.getBoundingClientRect();
-		n.bottom < -64 || n.top > e + 64 || t.onParallax(E(n, e));
+		n.bottom < -64 || n.top > e + 64 || t.onParallax(M(n, e));
 	}
 }
-function j() {
-	k === 0 && (k = requestAnimationFrame(A));
+function L() {
+	F === 0 && (F = requestAnimationFrame(I));
 }
-function M() {
-	O || typeof window > "u" || (O = !0, window.addEventListener("scroll", j, { passive: !0 }), window.addEventListener("resize", j, { passive: !0 }));
+function R() {
+	P || typeof window > "u" || (P = !0, window.addEventListener("scroll", L, { passive: !0 }), window.addEventListener("resize", L, { passive: !0 }));
 }
-function N() {
-	D.size > 0 || !O || typeof window > "u" || (O = !1, k !== 0 && (cancelAnimationFrame(k), k = 0), window.removeEventListener("scroll", j), window.removeEventListener("resize", j));
+function z() {
+	N.size > 0 || !P || typeof window > "u" || (P = !1, F !== 0 && (cancelAnimationFrame(F), F = 0), window.removeEventListener("scroll", L), window.removeEventListener("resize", L));
 }
-function oe(e, t) {
-	if (!T()) return () => {};
+function fe(e, t) {
+	if (!j()) return () => {};
 	let n = {
 		element: e,
 		onParallax: t.onParallax,
 		pointerActive: t.pointerActive
 	};
-	return D.add(n), M(), n.pointerActive?.() || t.onParallax(E(e.getBoundingClientRect(), window.innerHeight)), () => {
-		D.delete(n), N();
+	return N.add(n), R(), n.pointerActive?.() || t.onParallax(M(e.getBoundingClientRect(), window.innerHeight)), () => {
+		N.delete(n), z();
 	};
 }
 //#endregion
 //#region src/thumbnail/styles.ts
-var se = ".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.65rem;\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}", P = !1;
-function ce(e) {
-	if (typeof document > "u" || P) return;
+var pe = ":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.65rem;\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}", B = !1;
+function me(e) {
+	if (typeof document > "u" || B) return;
 	if (document.querySelector("style[data-liforma-et]")) {
-		P = !0;
+		B = !0;
 		return;
 	}
 	let t = document.createElement("style");
-	t.setAttribute("data-liforma-et", ""), t.textContent = e, document.head.appendChild(t), P = !0;
+	t.setAttribute("data-liforma-et", ""), t.textContent = e, document.head.appendChild(t), B = !0;
 }
 //#endregion
 //#region src/react/ExperienceThumbnail.tsx
-function F(e, t) {
+function V(e, t) {
 	return `${e} liforma-et__media${t ? " liforma-et__media--ready" : ""}`;
 }
-function I(c) {
-	let { galleryThumb: l, avatarImage: u, backgroundImage: d, foregroundImage: f, alt: p, experienceId: m, href: h, target: ne, rel: g, onClick: _, returnUrl: v, playerBaseUrl: y, parallax: ie = !0, fit: b = "full", lazy: x = !0, className: S = "", fallbackImage: C } = c, w = t(() => ee({
-		galleryThumb: l,
-		avatarImage: u,
-		backgroundImage: d,
-		foregroundImage: f,
-		fallbackImage: C
+function he(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({
+		galleryThumb: u,
+		avatarImage: d,
+		backgroundImage: f,
+		foregroundImage: p,
+		fallbackImage: S,
+		normalize: C,
+		locationPlateSize: O,
+		cdnBaseUrl: w
 	}), [
-		l,
 		u,
 		d,
 		f,
-		C
-	]), T = te({
-		href: h,
-		hasClickHandler: typeof _ == "function",
-		experienceId: m
-	}), D = T === "anchor" && !h?.trim() && !!m?.trim(), O = !!w?.backgroundImage, k = ie !== !1, A = n(null), j = n(!1), [M, N] = r(!x), [P, I] = r(!1), [L, le] = r(!1), [ue, R] = r(0), [de, z] = r(0), [fe, B] = r(!1), [V, H] = r(!1), [pe, U] = r(!1), [me, W] = r(!1), [G, he] = r(), K = w ? fe && w.fallbackImage ? w.fallbackImage : w.avatarImage : "";
+		p,
+		S,
+		C,
+		O,
+		w
+	]), A = oe({
+		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, R] = r(!1), [z, B] = r(!1), [he, H] = r(0), [ge, U] = r(0), [_e, ve] = r(!1), [ye, W] = r(!1), [be, G] = r(!1), [xe, K] = r(!1), [q, Se] = r(), J = k ? _e && k.fallbackImage ? k.fallbackImage : k.avatarImage : "";
 	e(() => {
-		ce(se);
+		me(pe);
 	}, []), e(() => {
-		he(re({
-			href: h,
-			experienceId: m,
-			returnUrl: v,
-			playerBaseUrl: y,
-			useCurrentPageAsReturnUrl: D && !v?.trim()
+		Se(se({
+			href: g,
+			experienceId: h,
+			returnUrl: y,
+			playerBaseUrl: b,
+			useCurrentPageAsReturnUrl: j && !y?.trim()
 		}));
 	}, [
+		g,
 		h,
-		m,
-		v,
 		y,
-		D
+		b,
+		j
 	]), e(() => {
-		H(!1), U(!1), W(!1), B(!1);
+		W(!1), G(!1), K(!1), ve(!1);
 	}, [
-		w?.backgroundImage,
-		w?.foregroundImage,
-		K
+		k?.backgroundImage,
+		k?.foregroundImage,
+		J
 	]), e(() => {
-		let e = A.current;
+		let e = T.current;
+		if (e) return ee(e, (e, t) => {
+			le(e), ue(t);
+		});
+	}, [A, q]), e(() => {
+		let e = T.current;
 		if (e) {
 			if (!x) {
-				N(!0);
+				I(!0);
 				return;
 			}
-			return ae(e, { onVisibleChange: (e) => {
-				e && N(!0);
+			return de(e, { onVisibleChange: (e) => {
+				e && I(!0);
 			} });
 		}
 	}, [
 		x,
-		w,
-		T,
-		G
+		k,
+		A,
+		q
 	]), e(() => {
-		let e = A.current;
-		if (!(!e || !k)) return oe(e, {
+		let e = T.current;
+		if (!(!e || !P)) return fe(e, {
 			onParallax: (e) => {
-				le(!0), j.current || (R(e), z(0));
+				B(!0), E.current || (H(e), U(0));
 			},
-			pointerActive: () => j.current
+			pointerActive: () => E.current
 		});
 	}, [
+		P,
 		k,
-		w,
-		T,
-		G
+		A,
+		q
 	]);
-	let ge = (e) => {
-		if (!k || L) return;
+	let Ce = (e) => {
+		if (!P || z) return;
 		let t = e.currentTarget.getBoundingClientRect();
-		t.width <= 0 || t.height <= 0 || (R(((e.clientX - t.left) / t.width - .5) * 2), z(((e.clientY - t.top) / t.height - .5) * 2));
-	}, q = (e) => {
-		let t = j.current;
-		j.current = !1, I(!1), L && t ? (R(E(e.getBoundingClientRect(), window.innerHeight)), z(0)) : L || (R(0), z(0));
-	}, _e = (e) => {
-		if (!k) return;
-		j.current = !0, e.pointerType === "mouse" && I(!0);
+		t.width <= 0 || t.height <= 0 || (H(((e.clientX - t.left) / t.width - .5) * 2), U(((e.clientY - t.top) / t.height - .5) * 2));
+	}, Y = (e) => {
+		let t = E.current;
+		E.current = !1, R(!1), z && t ? (H(M(e.getBoundingClientRect(), window.innerHeight)), U(0)) : z || (H(0), U(0));
+	}, we = (e) => {
+		if (!P) return;
+		E.current = !0, e.pointerType === "mouse" && R(!0);
 		let t = e.currentTarget, n = () => {
-			q(t), window.removeEventListener("pointerup", n), window.removeEventListener("pointercancel", n);
+			Y(t), window.removeEventListener("pointerup", n), window.removeEventListener("pointercancel", n);
 		};
 		window.addEventListener("pointerup", n), window.addEventListener("pointercancel", n);
-	}, ve = (e) => {
-		if (_?.(e), !e.defaultPrevented && D && !v?.trim()) {
-			let t = re({
-				experienceId: m,
-				playerBaseUrl: y,
+	}, Te = (e) => {
+		if (v?.(e), !e.defaultPrevented && j && !y?.trim()) {
+			let t = se({
+				experienceId: h,
+				playerBaseUrl: b,
 				useCurrentPageAsReturnUrl: !0
 			});
 			t && e.button === 0 && !e.metaKey && !e.ctrlKey && !e.shiftKey && (e.preventDefault(), window.location.assign(t));
 		}
 	};
-	if (!w) return null;
-	let ye = k && (P || L), be = M && (pe || V || me), J = [
+	if (!k) return null;
+	let Ee = P && (L || z), De = F && (be || ye || xe), X = [
 		"liforma-et",
-		O ? "liforma-et--scene" : "",
-		s(b),
-		ye ? "liforma-et--parallax" : "",
-		L ? "liforma-et--scroll-parallax" : "",
-		M && !be ? "liforma-et--loading" : "",
-		be ? "liforma-et--revealed" : "",
-		S
-	].filter(Boolean).join(" "), Y = {
-		"--liforma-et-parallax-x": ue,
-		"--liforma-et-parallax-y": de
-	}, X = (e, t) => {
+		N ? "liforma-et--scene" : "",
+		s(ie),
+		Ee ? "liforma-et--parallax" : "",
+		z ? "liforma-et--scroll-parallax" : "",
+		F && !De ? "liforma-et--loading" : "",
+		De ? "liforma-et--revealed" : "",
+		ae
+	].filter(Boolean).join(" "), Z = {
+		"--liforma-et-parallax-x": he,
+		"--liforma-et-parallax-y": ge
+	}, Q = (e, t) => {
 		e.complete && t(!0);
-	}, Z = /* @__PURE__ */ o(i, { children: [
+	}, Oe = /* @__PURE__ */ o(i, { children: [
 		/* @__PURE__ */ a("span", {
 			className: "liforma-et__placeholder",
 			"aria-hidden": "true"
 		}),
-		M && w.backgroundImage ? /* @__PURE__ */ a("img", {
-			className: F("liforma-et__background", V),
-			src: w.backgroundImage,
+		F && k.backgroundImage ? /* @__PURE__ */ a("img", {
+			className: V("liforma-et__background", ye),
+			src: k.backgroundImage,
 			alt: "",
 			decoding: "async",
 			ref: (e) => {
-				e && X(e, H);
+				e && Q(e, W);
 			},
-			onLoad: () => H(!0),
-			onError: () => H(!0)
+			onLoad: () => W(!0),
+			onError: () => W(!0)
 		}) : null,
-		M && K ? /* @__PURE__ */ a("img", {
-			className: F("liforma-et__avatar", pe),
-			src: K,
+		F && J ? /* @__PURE__ */ a("img", {
+			className: V("liforma-et__avatar", be),
+			src: J,
 			alt: "",
 			decoding: "async",
 			ref: (e) => {
-				e && X(e, U);
+				e && Q(e, G);
 			},
-			onLoad: () => U(!0),
+			onLoad: () => G(!0),
 			onError: () => {
-				w.fallbackImage ? B(!0) : U(!0);
+				k.fallbackImage ? ve(!0) : G(!0);
 			}
 		}) : null,
-		M && w.foregroundImage ? /* @__PURE__ */ a("img", {
-			className: F("liforma-et__foreground", me),
-			src: w.foregroundImage,
+		F && k.foregroundImage ? /* @__PURE__ */ a("img", {
+			className: V("liforma-et__foreground", xe),
+			src: k.foregroundImage,
 			alt: "",
 			decoding: "async",
 			ref: (e) => {
-				e && X(e, W);
+				e && Q(e, K);
 			},
-			onLoad: () => W(!0),
-			onError: () => W(!0)
+			onLoad: () => K(!0),
+			onError: () => K(!0)
 		}) : null
-	] }), Q = {
-		onPointerDown: _e,
-		onPointerUp: (e) => q(e.currentTarget),
-		onPointerCancel: (e) => q(e.currentTarget),
+	] }), ke = {
+		onPointerDown: we,
+		onPointerUp: (e) => Y(e.currentTarget),
+		onPointerCancel: (e) => Y(e.currentTarget),
 		onPointerEnter: (e) => {
-			k && e.pointerType === "mouse" && I(!0);
+			P && e.pointerType === "mouse" && R(!0);
 		},
-		onPointerMove: ge,
+		onPointerMove: Ce,
 		onPointerLeave: () => {
-			j.current || (I(!1), L || (R(0), z(0)));
+			E.current || (R(!1), z || (H(0), U(0)));
 		}
 	}, $ = (e) => {
-		A.current = e;
+		T.current = e;
 	};
-	return T === "anchor" && G ? /* @__PURE__ */ a("a", {
+	return A === "anchor" && q ? /* @__PURE__ */ a("a", {
 		ref: $,
-		className: J,
-		style: Y,
-		href: G,
-		target: ne,
-		rel: g,
-		"aria-label": p,
-		onClick: ve,
-		...Q,
-		children: Z
-	}) : T === "button" ? /* @__PURE__ */ a("button", {
+		className: X,
+		style: Z,
+		href: q,
+		target: _,
+		rel: te,
+		"aria-label": m,
+		onClick: Te,
+		...ke,
+		children: Oe
+	}) : A === "button" ? /* @__PURE__ */ a("button", {
 		type: "button",
 		ref: $,
-		className: J,
-		style: Y,
-		"aria-label": p,
-		onClick: ve,
-		...Q,
-		children: Z
+		className: X,
+		style: Z,
+		"aria-label": m,
+		onClick: Te,
+		...ke,
+		children: Oe
 	}) : /* @__PURE__ */ a("div", {
 		ref: $,
-		className: J,
-		style: Y,
-		role: p ? "img" : void 0,
-		"aria-label": p || void 0,
-		"aria-hidden": p ? void 0 : !0,
-		...Q,
-		children: Z
+		className: X,
+		style: Z,
+		role: m ? "img" : void 0,
+		"aria-label": m || void 0,
+		"aria-hidden": m ? void 0 : !0,
+		...ke,
+		children: Oe
 	});
 }
 //#endregion
-export { I as ExperienceThumbnail };
+export { he as ExperienceThumbnail };
 
 //# sourceMappingURL=thumbnail.js.map