@liforma/client 0.4.5 → 0.4.8

package/dist/sdk/v2/thumbnail.js

@@ -0,0 +1,222 @@
+(function(){function e(e){return e===`face`?`liforma-et--fit-face`:e===`medium`?`liforma-et--fit-medium`:``}var t=/(\/avatars\/[^/]+\/)(\d+)(\/)/i,n=/_CH(\.webp)/i,r=/(-)(\d+x\d+)(\.webp)(\?|$)/i;function i(e){let i=e.trim();if(!i)return i;let a=i.replace(t,(e,t,n,r)=>n===`256`?`${t}${n}${r}`:`${t}256${r}`);return a=a.replace(n,`_neutral$1`),a=a.replace(r,(e,t,n,r,i)=>n===`256x256`?`${t}${n}${r}${i}`:`${t}256x256${r}${i}`),a}function a(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()||``,a=e.fallbackImage?.trim()||``;return{avatarImage:i(t),...n?{backgroundImage:i(n)}:{},...r?{foregroundImage:i(r)}:{},...a?{fallbackImage:i(a)}:{}}}function o(){if(globalThis.__LIFORMA_STACK===`local`)return!0;if(typeof location>`u`)return!1;try{return new URLSearchParams(location.search).get(`stack`)===`local`}catch{return!1}}var s=`https://player.liforma.ai`,c=`http://localhost:3002`;function l(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(/\/$/,``):o()?c:s}function d(e){let t=e.experienceId.trim(),n=u(e.playerBaseUrl),r=new URL(`${n}/${encodeURIComponent(t)}`),i=e.returnUrl?.trim();return i&&r.searchParams.set(`returnUrl`,i),r.toString()}function f(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),d({experienceId:n,...r?{returnUrl:r}:{},playerBaseUrl:e.playerBaseUrl})}function p(){return typeof window>`u`?!1:window.matchMedia(`(hover: none), (pointer: coarse)`).matches}var m=0,h=[];function g(){return p()?4:1/0}function _(){return p()?160:0}function v(){let e=g();for(;m<e&&h.length>0;){let e=h.shift();if(!e||e.cancelled)continue;m+=1,e.start();let t=_();if(t<=0){m=Math.max(0,m-1);continue}window.setTimeout(()=>{m=Math.max(0,m-1),v()},t)}}function y(e){if(!p())return e(),()=>{};let t={start:e,cancelled:!1};return h.push(t),v(),()=>{t.cancelled=!0}}function b(){return p()?`96px 0px`:`280px 0px`}function x(e){let t=e.trim().split(/\s+/)[0]??`0px`,n=Number.parseFloat(t);return Number.isFinite(n)?Math.abs(n):280}function S(e,t){if(typeof window>`u`)return!1;let n=e.getBoundingClientRect();return n.bottom>=-t&&n.top<=window.innerHeight+t}function C(e,t){let{onVisibleChange:n}=t,r=t.rootMargin??b(),i=x(r),a=!1,o=!1,s=null,c=()=>{o||(s?.(),s=y(()=>{s=null,o=!0,n(!0)}))},l=e=>{if(e!==a){if(a=e,e){c();return}s?.(),s=null,n(!1)}};if(typeof IntersectionObserver>`u`)return c(),()=>{s?.(),s=null};let u=new IntersectionObserver(e=>{l(e.some(e=>e.isIntersecting))},{root:null,rootMargin:r,threshold:0});return u.observe(e),S(e,i)&&l(!0),()=>{s?.(),s=null,u.disconnect()}}function w(e,t){let n=()=>t();return e.complete?queueMicrotask(n):(e.addEventListener(`load`,n,{once:!0}),e.addEventListener(`error`,n,{once:!0})),()=>{e.removeEventListener(`load`,n),e.removeEventListener(`error`,n)}}function T(){return typeof window>`u`||window.matchMedia(`(prefers-reduced-motion: reduce)`).matches?!1:window.matchMedia(`(hover: none), (pointer: coarse)`).matches}function E(e,t){return((e.top+e.height/2)/Math.max(t,1)-.5)*2}var D=new Set,O=!1,k=0;function A(){if(k=0,D.size===0||typeof window>`u`)return;let e=window.innerHeight;for(let t of D){if(t.pointerActive?.())continue;let n=t.element.getBoundingClientRect();n.bottom<-64||n.top>e+64||t.onParallax(E(n,e))}}function j(){k===0&&(k=requestAnimationFrame(A))}function M(){O||typeof window>`u`||(O=!0,window.addEventListener(`scroll`,j,{passive:!0}),window.addEventListener(`resize`,j,{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 P(e,t){if(!T())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()}}var F=`.liforma-et {
+	--liforma-et-parallax-x: 0;
+	--liforma-et-parallax-y: 0;
+	--liforma-et-bg-scale: 1;
+	--liforma-et-fg-scale: 1;
+	--liforma-et-avatar-scale: 1;
+	--liforma-et-bg-shift: 0px;
+	--liforma-et-fg-shift: 0px;
+	--liforma-et-avatar-shift: 0px;
+	--liforma-et-reveal-duration: 420ms;
+
+	box-sizing: border-box;
+	position: relative;
+	display: block;
+	width: 100%;
+	height: 100%;
+	min-height: 0;
+	margin: 0;
+	padding: 0;
+	border: 0;
+	border-radius: 0.65rem;
+	overflow: hidden;
+	background: #111;
+	color: inherit;
+	text-decoration: none;
+	cursor: inherit;
+	-webkit-tap-highlight-color: transparent;
+}
+
+a.liforma-et,
+button.liforma-et {
+	cursor: pointer;
+}
+
+button.liforma-et {
+	font: inherit;
+	appearance: none;
+}
+
+.liforma-et__placeholder {
+	position: absolute;
+	inset: 0;
+	z-index: 0;
+	background:
+		radial-gradient(120% 90% at 50% 0%, rgba(255, 255, 255, 0.06), transparent 58%),
+		linear-gradient(180deg, #1a1a1a 0%, #101010 100%);
+	opacity: 1;
+	transition: opacity var(--liforma-et-reveal-duration) ease;
+}
+
+.liforma-et--revealed .liforma-et__placeholder {
+	opacity: 0;
+}
+
+.liforma-et__media {
+	opacity: 0;
+	transition: opacity var(--liforma-et-reveal-duration) ease;
+}
+
+.liforma-et__media--ready {
+	opacity: 1;
+}
+
+.liforma-et__background {
+	position: absolute;
+	inset: 0;
+	z-index: 1;
+	width: 100%;
+	height: 100%;
+	object-fit: cover;
+	object-position: center center;
+	transform: translate(
+			calc(var(--liforma-et-parallax-x) * var(--liforma-et-bg-shift)),
+			calc(var(--liforma-et-parallax-y) * var(--liforma-et-bg-shift))
+		)
+		scale(var(--liforma-et-bg-scale));
+	transform-origin: center center;
+	transition:
+		opacity var(--liforma-et-reveal-duration) ease,
+		transform 160ms ease;
+}
+
+.liforma-et__avatar {
+	position: relative;
+	z-index: 2;
+	display: block;
+	width: 100%;
+	height: 100%;
+	object-fit: contain;
+	object-position: center bottom;
+	transform: scale(var(--liforma-et-avatar-scale))
+		translate(
+			calc(var(--liforma-et-parallax-x) * var(--liforma-et-avatar-shift)),
+			calc(var(--liforma-et-parallax-y) * var(--liforma-et-avatar-shift))
+		);
+	transform-origin: center center;
+	transition:
+		opacity var(--liforma-et-reveal-duration) ease,
+		transform 160ms ease;
+}
+
+/* Gallery plates are typically square in a square tile — contain vs cover is a no-op
+   without a zoom. Scale the whole scene from the upper third so Face matches
+   player fit (location + avatar crop together). */
+.liforma-et--fit-face {
+	--liforma-et-avatar-scale: 1.85;
+	--liforma-et-bg-scale: 1.85;
+	--liforma-et-fg-scale: 1.85;
+}
+
+.liforma-et--fit-face .liforma-et__avatar,
+.liforma-et--fit-face .liforma-et__background,
+.liforma-et--fit-face .liforma-et__foreground {
+	transform-origin: 50% 18%;
+}
+
+.liforma-et--fit-face .liforma-et__avatar {
+	object-fit: cover;
+	object-position: 50% 18%;
+}
+
+/* Bust / medium: less zoom than face so upper chest stays in frame (player 3.75H window). */
+.liforma-et--fit-medium {
+	--liforma-et-avatar-scale: 1.35;
+	--liforma-et-bg-scale: 1.35;
+	--liforma-et-fg-scale: 1.35;
+}
+
+.liforma-et--fit-medium .liforma-et__avatar,
+.liforma-et--fit-medium .liforma-et__background,
+.liforma-et--fit-medium .liforma-et__foreground {
+	transform-origin: 50% 28%;
+}
+
+.liforma-et--fit-medium .liforma-et__avatar {
+	object-fit: cover;
+	object-position: 50% 28%;
+}
+
+.liforma-et__foreground {
+	position: absolute;
+	inset: 0;
+	z-index: 3;
+	width: 100%;
+	height: 100%;
+	object-fit: cover;
+	object-position: center center;
+	pointer-events: none;
+	transform: translate(
+			calc(var(--liforma-et-parallax-x) * var(--liforma-et-fg-shift) * -1),
+			calc(var(--liforma-et-parallax-y) * var(--liforma-et-fg-shift) * -1)
+		)
+		scale(var(--liforma-et-fg-scale));
+	transform-origin: center center;
+	transition:
+		opacity var(--liforma-et-reveal-duration) ease,
+		transform 160ms ease;
+}
+
+.liforma-et--parallax {
+	--liforma-et-bg-scale: 1.08;
+	--liforma-et-fg-scale: 1.05;
+	--liforma-et-avatar-scale: 1.08;
+	--liforma-et-bg-shift: 10px;
+	--liforma-et-fg-shift: 4px;
+	--liforma-et-avatar-shift: 4px;
+}
+
+/* Promote layers only while parallax is active — avoids N compositor surfaces on galleries. */
+.liforma-et--parallax .liforma-et__background,
+.liforma-et--parallax .liforma-et__foreground,
+.liforma-et--parallax .liforma-et__avatar {
+	will-change: transform;
+}
+
+.liforma-et--parallax.liforma-et--fit-face {
+	--liforma-et-avatar-scale: 1.95;
+	--liforma-et-bg-scale: 1.95;
+	--liforma-et-fg-scale: 1.95;
+	--liforma-et-avatar-shift: 0px;
+}
+
+.liforma-et--parallax.liforma-et--fit-medium {
+	--liforma-et-avatar-scale: 1.42;
+	--liforma-et-bg-scale: 1.42;
+	--liforma-et-fg-scale: 1.42;
+	--liforma-et-avatar-shift: 0px;
+}
+
+.liforma-et--scroll-parallax .liforma-et__background,
+.liforma-et--scroll-parallax .liforma-et__foreground,
+.liforma-et--scroll-parallax .liforma-et__avatar {
+	transition: opacity var(--liforma-et-reveal-duration) ease;
+}
+
+@media (prefers-reduced-motion: reduce) {
+	.liforma-et {
+		--liforma-et-reveal-duration: 0ms;
+	}
+
+	.liforma-et--parallax {
+		--liforma-et-bg-scale: 1;
+		--liforma-et-fg-scale: 1;
+		--liforma-et-avatar-scale: 1;
+		--liforma-et-bg-shift: 0px;
+		--liforma-et-fg-shift: 0px;
+		--liforma-et-avatar-shift: 0px;
+	}
+
+	.liforma-et--parallax.liforma-et--fit-face {
+		--liforma-et-avatar-scale: 1.85;
+		--liforma-et-bg-scale: 1.85;
+		--liforma-et-fg-scale: 1.85;
+	}
+
+	.liforma-et__background,
+	.liforma-et__foreground,
+	.liforma-et__avatar {
+		transition: none;
+	}
+}`,I=`liforma-experience-thumbnail`;function L(e){if(e?.trim())try{let t=JSON.parse(e);if(t&&typeof t.avatarImage==`string`)return t}catch{}}var R=class extends HTMLElement{static get observedAttributes(){return[`experience-id`,`gallery-thumb`,`avatar-image`,`background-image`,`foreground-image`,`fallback-image`,`alt`,`href`,`target`,`rel`,`return-url`,`player-base-url`,`parallax`,`fit`,`lazy`]}#e=null;#t=[];#n=!1;#r=!1;#i=!1;#a=!1;#o=0;#s=0;#c=!1;#l=!1;#u=!1;#d=!1;connectedCallback(){this.#m()}disconnectedCallback(){this.#f()}attributeChangedCallback(){this.isConnected&&this.#m()}#f(){for(let e of this.#t)e();this.#t=[],this.#e=null}#p(e,t){if(!this.hasAttribute(e))return t;let n=this.getAttribute(e);return n===null||n===``||n===`true`?!0:n===`false`?!1:t}#m(){this.#f();let t=this.shadowRoot??this.attachShadow({mode:`open`}),n=document.createElement(`style`);n.textContent=F,t.replaceChildren(n);let r=this.getAttribute(`alt`)?.trim()||`Experience`,i=this.getAttribute(`href`),o=this.getAttribute(`experience-id`),s=l({href:i,hasClickHandler:this.hasAttribute(`onclick`)||typeof this.onclick==`function`,experienceId:o}),c=a({galleryThumb:L(this.getAttribute(`gallery-thumb`)),avatarImage:this.getAttribute(`avatar-image`)??void 0,backgroundImage:this.getAttribute(`background-image`)??void 0,foregroundImage:this.getAttribute(`foreground-image`)??void 0,fallbackImage:this.getAttribute(`fallback-image`)??void 0});if(!c)return;let u=this.#p(`parallax`,!0),d=this.getAttribute(`fit`)?.trim(),p=d===`face`||d===`medium`?d:`full`,m=this.#p(`lazy`,!0);this.#n=!m;let h=s===`anchor`&&!i?.trim()&&!!o?.trim(),g=f({href:i??void 0,experienceId:o??void 0,returnUrl:this.getAttribute(`return-url`)??void 0,playerBaseUrl:this.getAttribute(`player-base-url`)??void 0,useCurrentPageAsReturnUrl:h&&!this.getAttribute(`return-url`)?.trim()}),_;if(s===`anchor`&&g){let e=document.createElement(`a`);e.href=g;let t=this.getAttribute(`target`),n=this.getAttribute(`rel`);t&&(e.target=t),n&&(e.rel=n),_=e}else if(s===`button`){let e=document.createElement(`button`);e.type=`button`,_=e}else _=document.createElement(`div`),_.setAttribute(`role`,`img`);_.className=`liforma-et`,_.setAttribute(`aria-label`,r),this.#e=_,t.appendChild(_);let v=()=>{let t=!!c.backgroundImage,n=u&&(this.#r||this.#a),r=this.#n&&(this.#u||this.#l||this.#d);_.className=[`liforma-et`,t?`liforma-et--scene`:``,e(p),n?`liforma-et--parallax`:``,this.#a?`liforma-et--scroll-parallax`:``,this.#n&&!r?`liforma-et--loading`:``,r?`liforma-et--revealed`:``].filter(Boolean).join(` `),_.style.setProperty(`--liforma-et-parallax-x`,String(this.#o)),_.style.setProperty(`--liforma-et-parallax-y`,String(this.#s))},y=document.createElement(`span`);y.className=`liforma-et__placeholder`,y.setAttribute(`aria-hidden`,`true`),_.appendChild(y);let b=()=>{if(!this.#n)return;let e=this.#c&&c.fallbackImage?c.fallbackImage:c.avatarImage;if(c.backgroundImage&&!_.querySelector(`.liforma-et__background`)){let e=document.createElement(`img`);e.className=`liforma-et__background liforma-et__media`,e.alt=``,e.decoding=`async`,e.src=c.backgroundImage,this.#t.push(w(e,()=>{this.#l=!0,e.classList.add(`liforma-et__media--ready`),v()})),_.appendChild(e)}let t=_.querySelector(`.liforma-et__avatar`);if(t||(t=document.createElement(`img`),t.className=`liforma-et__avatar liforma-et__media`,t.alt=``,t.decoding=`async`,t.addEventListener(`error`,()=>{c.fallbackImage&&!this.#c?(this.#c=!0,t.src=c.fallbackImage):(this.#u=!0,v())}),this.#t.push(w(t,()=>{this.#u=!0,t.classList.add(`liforma-et__media--ready`),v()})),_.appendChild(t)),t.src!==e&&(t.src=e),c.foregroundImage&&!_.querySelector(`.liforma-et__foreground`)){let e=document.createElement(`img`);e.className=`liforma-et__foreground liforma-et__media`,e.alt=``,e.decoding=`async`,e.src=c.foregroundImage,this.#t.push(w(e,()=>{this.#d=!0,e.classList.add(`liforma-et__media--ready`),v()})),_.appendChild(e)}v()};if(m?this.#t.push(C(_,{onVisibleChange:e=>{e&&(this.#n=!0,b(),v())}})):b(),u){this.#t.push(P(_,{onParallax:e=>{this.#a=!0,this.#i||(this.#o=e,this.#s=0,v())},pointerActive:()=>this.#i}));let e=e=>{if(this.#a)return;let t=_.getBoundingClientRect();t.width<=0||t.height<=0||(this.#o=((e.clientX-t.left)/t.width-.5)*2,this.#s=((e.clientY-t.top)/t.height-.5)*2,v())},t=e=>{this.#i=!0,e.pointerType===`mouse`&&(this.#r=!0),v()},n=()=>{let e=this.#i;this.#i=!1,this.#r=!1,this.#a&&e?(this.#o=E(_.getBoundingClientRect(),window.innerHeight),this.#s=0):this.#a||(this.#o=0,this.#s=0),v()};_.addEventListener(`pointermove`,e),_.addEventListener(`pointerdown`,t),_.addEventListener(`pointerup`,n),_.addEventListener(`pointercancel`,n),_.addEventListener(`pointerenter`,e=>{e.pointerType===`mouse`&&(this.#r=!0,v())}),_.addEventListener(`pointerleave`,()=>{this.#i||(this.#r=!1,this.#a||(this.#o=0,this.#s=0),v())}),this.#t.push(()=>{_.removeEventListener(`pointermove`,e),_.removeEventListener(`pointerdown`,t),_.removeEventListener(`pointerup`,n),_.removeEventListener(`pointercancel`,n)})}_.addEventListener(`click`,e=>{if(h&&!this.getAttribute(`return-url`)?.trim()){let t=f({experienceId:o??void 0,playerBaseUrl:this.getAttribute(`player-base-url`)??void 0,useCurrentPageAsReturnUrl:!0});t&&e.button===0&&!e.metaKey&&!e.ctrlKey&&!e.shiftKey&&(e.preventDefault(),window.location.assign(t))}}),v()}};customElements.get(I)||customElements.define(I,R),window.LiformaThumbnail={sdkVersion:`v2`,element:R}})();
+//# sourceMappingURL=thumbnail.js.map

package/dist/sdk/v2/thumbnail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"thumbnail.js","names":["#render","#teardown","#cleanup","#root","#boolAttr","#shouldLoad","#hovering","#scrollParallax","#avatarReady","#backgroundReady","#foregroundReady","#parallaxX","#parallaxY","#avatarLoadFailed","#pointerDown"],"sources":["../../../src/thumbnail/types.ts","../../../src/thumbnail/toGalleryThumbUrl.ts","../../../src/shims/localStack.ts","../../../src/thumbnail/hostedLaunchUrl.ts","../../../src/thumbnail/thumbLoadScheduler.ts","../../../src/thumbnail/lazyLoad.ts","../../../src/thumbnail/scrollParallax.ts","../../../src/thumbnail/styles.ts","../../../src/v2/liforma-experience-thumbnail.ts","../../../src/v2/thumbnail-cdn.ts"],"sourcesContent":["/** Catalog-shaped layered gallery preview (CDN URLs). */\nexport type GalleryThumb = {\n\treadonly avatarImage: string;\n\treadonly backgroundImage?: string;\n\treadonly foregroundImage?: string;\n};\n\nexport type ThumbnailInteractionKind = 'anchor' | 'button' | 'presentational';\n\nexport type ResolveThumbnailInteractionInput = {\n\treadonly href?: string | null;\n\treadonly hasClickHandler?: boolean;\n\treadonly experienceId?: string | null;\n};\n\nexport type ThumbnailLayers = {\n\treadonly avatarImage: string;\n\treadonly backgroundImage?: string;\n\treadonly foregroundImage?: string;\n\treadonly fallbackImage?: string;\n};\n\n/** Shared props across Svelte / React / Next (React uses `onClick`). */\nexport type ExperienceThumbnailBaseProps = {\n\treadonly galleryThumb?: GalleryThumb;\n\treadonly avatarImage?: string;\n\treadonly backgroundImage?: string;\n\treadonly foregroundImage?: string;\n\treadonly alt: string;\n\treadonly experienceId?: string;\n\treadonly href?: string;\n\treadonly target?: string;\n\treadonly rel?: string;\n\treadonly returnUrl?: string;\n\treadonly playerBaseUrl?: string;\n\treadonly parallax?: boolean;\n\t/** Same as `<Experience fit>`: `full` (default), `medium`, or `face`. */\n\treadonly fit?: 'full' | 'face' | 'medium';\n\treadonly lazy?: boolean;\n\treadonly className?: string;\n\treadonly fallbackImage?: string;\n};\n\nexport function thumbnailFitClass(fit?: 'full' | 'face' | 'medium'): string {\n\tif (fit === 'face') return 'liforma-et--fit-face';\n\tif (fit === 'medium') return 'liforma-et--fit-medium';\n\treturn '';\n}\n","const AVATAR_TIER_RE = /(\\/avatars\\/[^/]+\\/)(\\d+)(\\/)/i;\nconst AVATAR_CH_PLATE_RE = /_CH(\\.webp)/i;\nconst LOCATION_SIZE_RE = /(-)(\\d+x\\d+)(\\.webp)(\\?|$)/i;\n\n/**\n * Rewrite known Liforma CDN URLs to gallery thumb tiers.\n * Avatars: /{tier}/ → /256/; locations: -{WxH}.webp → -256x256.webp.\n * Unrecognized URLs are returned unchanged.\n */\nexport function toGalleryThumbUrl(url: string): string {\n\tconst raw = url.trim();\n\tif (!raw) return raw;\n\n\tlet next = raw.replace(AVATAR_TIER_RE, (_match, prefix: string, tier: string, slash: string) => {\n\t\tif (tier === '256') return `${prefix}${tier}${slash}`;\n\t\treturn `${prefix}256${slash}`;\n\t});\n\tnext = next.replace(AVATAR_CH_PLATE_RE, '_neutral$1');\n\n\tnext = next.replace(\n\t\tLOCATION_SIZE_RE,\n\t\t(_match, dash: string, size: string, ext: string, end: string) => {\n\t\t\tif (size === '256x256') return `${dash}${size}${ext}${end}`;\n\t\t\treturn `${dash}256x256${ext}${end}`;\n\t\t}\n\t);\n\n\treturn next;\n}\n\nexport function resolveThumbnailLayers(input: {\n\treadonly galleryThumb?: {\n\t\treadonly avatarImage?: string;\n\t\treadonly backgroundImage?: string;\n\t\treadonly foregroundImage?: string;\n\t};\n\treadonly avatarImage?: string;\n\treadonly backgroundImage?: string;\n\treadonly foregroundImage?: string;\n\treadonly fallbackImage?: string;\n}): {\n\treadonly avatarImage: string;\n\treadonly backgroundImage?: string;\n\treadonly foregroundImage?: string;\n\treadonly fallbackImage?: string;\n} | null {\n\tconst avatarSource =\n\t\tinput.avatarImage?.trim() ||\n\t\tinput.galleryThumb?.avatarImage?.trim() ||\n\t\t'';\n\tif (!avatarSource) return null;\n\n\tconst backgroundSource =\n\t\tinput.backgroundImage?.trim() || input.galleryThumb?.backgroundImage?.trim() || '';\n\tconst foregroundSource =\n\t\tinput.foregroundImage?.trim() || input.galleryThumb?.foregroundImage?.trim() || '';\n\tconst fallbackSource = input.fallbackImage?.trim() || '';\n\n\treturn {\n\t\tavatarImage: toGalleryThumbUrl(avatarSource),\n\t\t...(backgroundSource ? { backgroundImage: toGalleryThumbUrl(backgroundSource) } : {}),\n\t\t...(foregroundSource ? { foregroundImage: toGalleryThumbUrl(foregroundSource) } : {}),\n\t\t...(fallbackSource ? { fallbackImage: toGalleryThumbUrl(fallbackSource) } : {})\n\t};\n}\n","/**\n * Opt-in local monorepo stack (api :3001, player :3002).\n * Never inferred from hostname alone — third-party demos run on localhost against production.\n */\nexport function useExplicitLocalStack(): boolean {\n\tif ((globalThis as { __LIFORMA_STACK?: string }).__LIFORMA_STACK === 'local') {\n\t\treturn true;\n\t}\n\n\tif (typeof location === 'undefined') {\n\t\treturn false;\n\t}\n\n\ttry {\n\t\treturn new URLSearchParams(location.search).get('stack') === 'local';\n\t} catch {\n\t\treturn false;\n\t}\n}\n","import { useExplicitLocalStack } from '../shims/localStack';\nimport type { ResolveThumbnailInteractionInput, ThumbnailInteractionKind } from './types';\n\nconst PRODUCTION_PLAYER_ORIGIN = 'https://player.liforma.ai';\nconst LOCAL_PLAYER_ORIGIN = 'http://localhost:3002';\n\n/** Priority: href → click-only → hosted (experienceId) → presentational. */\nexport function resolveThumbnailInteraction(\n\tinput: ResolveThumbnailInteractionInput\n): ThumbnailInteractionKind {\n\tif (input.href?.trim()) return 'anchor';\n\tif (input.hasClickHandler) return 'button';\n\tif (input.experienceId?.trim()) return 'anchor';\n\treturn 'presentational';\n}\n\nexport function resolvePlayerBaseUrl(playerBaseUrl?: string): string {\n\tconst configured = playerBaseUrl?.trim();\n\tif (configured) return configured.replace(/\\/$/, '');\n\n\tif (useExplicitLocalStack()) {\n\t\treturn LOCAL_PLAYER_ORIGIN;\n\t}\n\n\treturn PRODUCTION_PLAYER_ORIGIN;\n}\n\n/**\n * Build hosted player launch URL: `{player}/{experienceId}?returnUrl=…`\n * When `returnUrl` is omitted, callers should assign on click (SSR-safe) or pass an explicit URL.\n */\nexport function buildHostedLaunchUrl(options: {\n\treadonly experienceId: string;\n\treadonly returnUrl?: string;\n\treadonly playerBaseUrl?: string;\n}): string {\n\tconst experienceId = options.experienceId.trim();\n\tconst base = resolvePlayerBaseUrl(options.playerBaseUrl);\n\tconst url = new URL(`${base}/${encodeURIComponent(experienceId)}`);\n\tconst returnUrl = options.returnUrl?.trim();\n\tif (returnUrl) {\n\t\turl.searchParams.set('returnUrl', returnUrl);\n\t}\n\treturn url.toString();\n}\n\n/** Resolve href for anchor mode (app link or hosted launch). */\nexport function resolveThumbnailHref(options: {\n\treadonly href?: string;\n\treadonly experienceId?: string;\n\treadonly returnUrl?: string;\n\treadonly playerBaseUrl?: string;\n\t/** When true and returnUrl omitted, use window.location.href (browser only). */\n\treadonly useCurrentPageAsReturnUrl?: boolean;\n}): string | undefined {\n\tconst href = options.href?.trim();\n\tif (href) return href;\n\n\tconst experienceId = options.experienceId?.trim();\n\tif (!experienceId) return undefined;\n\n\tlet returnUrl = options.returnUrl?.trim();\n\tif (!returnUrl && options.useCurrentPageAsReturnUrl && typeof window !== 'undefined') {\n\t\treturnUrl = window.location.href;\n\t}\n\n\treturn buildHostedLaunchUrl({\n\t\texperienceId,\n\t\t...(returnUrl ? { returnUrl } : {}),\n\t\tplayerBaseUrl: options.playerBaseUrl\n\t});\n}\n","/** Touch / coarse pointers — limit how many thumbs start loading at once. */\nexport const COARSE_THUMB_LOAD_CONCURRENCY = 4;\n/** Delay before a started thumb frees its queue slot for the next card. */\nexport const COARSE_THUMB_LOAD_STAGGER_MS = 160;\n\nexport function prefersCoarsePointer(): boolean {\n\tif (typeof window === 'undefined') return false;\n\treturn window.matchMedia('(hover: none), (pointer: coarse)').matches;\n}\n\ntype QueuedLoad = {\n\treadonly start: () => void;\n\tcancelled: boolean;\n};\n\nlet inflight = 0;\nconst waiting: QueuedLoad[] = [];\n\nfunction maxConcurrent(): number {\n\treturn prefersCoarsePointer() ? COARSE_THUMB_LOAD_CONCURRENCY : Number.POSITIVE_INFINITY;\n}\n\nfunction staggerMs(): number {\n\treturn prefersCoarsePointer() ? COARSE_THUMB_LOAD_STAGGER_MS : 0;\n}\n\nfunction pump(): void {\n\tconst limit = maxConcurrent();\n\twhile (inflight < limit && waiting.length > 0) {\n\t\tconst next = waiting.shift();\n\t\tif (!next || next.cancelled) continue;\n\t\tinflight += 1;\n\t\tnext.start();\n\t\tconst delay = staggerMs();\n\t\tif (delay <= 0) {\n\t\t\tinflight = Math.max(0, inflight - 1);\n\t\t\tcontinue;\n\t\t}\n\t\twindow.setTimeout(() => {\n\t\t\tinflight = Math.max(0, inflight - 1);\n\t\t\tpump();\n\t\t}, delay);\n\t}\n}\n\n/**\n * On coarse pointers, start thumb image loads in small waves so old devices\n * are not hit with dozens of concurrent decodes. Fine pointers start immediately.\n * Returns a cancel function (no-op after start has run).\n */\nexport function scheduleThumbLoad(start: () => void): () => void {\n\tif (!prefersCoarsePointer()) {\n\t\tstart();\n\t\treturn () => {};\n\t}\n\n\tconst item: QueuedLoad = { start, cancelled: false };\n\twaiting.push(item);\n\tpump();\n\n\treturn () => {\n\t\titem.cancelled = true;\n\t};\n}\n\n/** Test helper — clear queue state between vitest cases. */\nexport function resetThumbLoadSchedulerForTests(): void {\n\tinflight = 0;\n\twaiting.length = 0;\n}\n","import { prefersCoarsePointer, scheduleThumbLoad } from './thumbLoadScheduler';\n\nexport type LazyThumbOptions = {\n\treadonly rootMargin?: string;\n\treadonly onVisibleChange: (visible: boolean) => void;\n};\n\n/** Desktop: prefetch earlier. Coarse/touch: tighter margin to cut burst loads. */\nexport function getDefaultLazyRootMargin(): string {\n\treturn prefersCoarsePointer() ? '96px 0px' : '280px 0px';\n}\n\nfunction parseVerticalRootMarginPx(rootMargin: string): number {\n\tconst first = rootMargin.trim().split(/\\s+/)[0] ?? '0px';\n\tconst value = Number.parseFloat(first);\n\treturn Number.isFinite(value) ? Math.abs(value) : 280;\n}\n\nfunction isNearViewport(element: HTMLElement, marginPx: number): boolean {\n\tif (typeof window === 'undefined') return false;\n\tconst rect = element.getBoundingClientRect();\n\treturn rect.bottom >= -marginPx && rect.top <= window.innerHeight + marginPx;\n}\n\n/** Observe the thumb and enable image loads when near the viewport. */\nexport function attachLazyThumb(element: HTMLElement, options: LazyThumbOptions): () => void {\n\tconst { onVisibleChange } = options;\n\tconst rootMargin = options.rootMargin ?? getDefaultLazyRootMargin();\n\tconst marginPx = parseVerticalRootMarginPx(rootMargin);\n\tlet visible = false;\n\tlet loadStarted = false;\n\tlet cancelScheduled: (() => void) | null = null;\n\n\tconst requestLoad = () => {\n\t\tif (loadStarted) return;\n\t\tcancelScheduled?.();\n\t\tcancelScheduled = scheduleThumbLoad(() => {\n\t\t\tcancelScheduled = null;\n\t\t\tloadStarted = true;\n\t\t\tonVisibleChange(true);\n\t\t});\n\t};\n\n\tconst setVisible = (next: boolean) => {\n\t\tif (next === visible) return;\n\t\tvisible = next;\n\t\tif (next) {\n\t\t\trequestLoad();\n\t\t\treturn;\n\t\t}\n\t\t// Keep images once started; only cancel a queued (not-yet-started) load.\n\t\tcancelScheduled?.();\n\t\tcancelScheduled = null;\n\t\tonVisibleChange(false);\n\t};\n\n\tif (typeof IntersectionObserver === 'undefined') {\n\t\trequestLoad();\n\t\treturn () => {\n\t\t\tcancelScheduled?.();\n\t\t\tcancelScheduled = null;\n\t\t};\n\t}\n\n\tconst observer = new IntersectionObserver(\n\t\t(entries) => {\n\t\t\tsetVisible(entries.some((entry) => entry.isIntersecting));\n\t\t},\n\t\t{ root: null, rootMargin, threshold: 0 }\n\t);\n\n\tobserver.observe(element);\n\n\tif (isNearViewport(element, marginPx)) {\n\t\tsetVisible(true);\n\t}\n\n\treturn () => {\n\t\tcancelScheduled?.();\n\t\tcancelScheduled = null;\n\t\tobserver.disconnect();\n\t};\n}\n\nexport function attachImageReady(element: HTMLImageElement, onReady: () => void): () => void {\n\tconst notify = () => onReady();\n\tif (element.complete) {\n\t\tqueueMicrotask(notify);\n\t} else {\n\t\telement.addEventListener('load', notify, { once: true });\n\t\telement.addEventListener('error', notify, { once: true });\n\t}\n\treturn () => {\n\t\telement.removeEventListener('load', notify);\n\t\telement.removeEventListener('error', notify);\n\t};\n}\n","/** Touch devices without hover — drive thumbnail parallax from scroll position. */\nexport function prefersScrollLinkedParallax(): boolean {\n\tif (typeof window === 'undefined') return false;\n\tif (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return false;\n\treturn window.matchMedia('(hover: none), (pointer: coarse)').matches;\n}\n\n/**\n * Map an element's vertical centre in the viewport to horizontal parallax in [-1, 1].\n */\nexport function horizontalParallaxFromViewportY(rect: DOMRect, viewportHeight: number): number {\n\tconst centerY = rect.top + rect.height / 2;\n\tconst t = centerY / Math.max(viewportHeight, 1);\n\treturn (t - 0.5) * 2;\n}\n\nexport type ScrollLinkedParallaxOptions = {\n\treadonly onParallax: (x: number) => void;\n\treadonly pointerActive?: () => boolean;\n};\n\ntype ScrollParallaxSubscriber = {\n\treadonly element: HTMLElement;\n\treadonly onParallax: (x: number) => void;\n\treadonly pointerActive?: () => boolean;\n};\n\nconst subscribers = new Set<ScrollParallaxSubscriber>();\nlet listening = false;\nlet frame = 0;\n\nfunction syncAll(): void {\n\tframe = 0;\n\tif (subscribers.size === 0 || typeof window === 'undefined') return;\n\tconst viewportHeight = window.innerHeight;\n\tfor (const entry of subscribers) {\n\t\tif (entry.pointerActive?.()) continue;\n\t\tconst rect = entry.element.getBoundingClientRect();\n\t\t// Skip off-screen thumbs — avoids N layout reads + framework updates per scroll.\n\t\tif (rect.bottom < -64 || rect.top > viewportHeight + 64) continue;\n\t\tentry.onParallax(horizontalParallaxFromViewportY(rect, viewportHeight));\n\t}\n}\n\nfunction scheduleSync(): void {\n\tif (frame !== 0) return;\n\tframe = requestAnimationFrame(syncAll);\n}\n\nfunction ensureListening(): void {\n\tif (listening || typeof window === 'undefined') return;\n\tlistening = true;\n\twindow.addEventListener('scroll', scheduleSync, { passive: true });\n\twindow.addEventListener('resize', scheduleSync, { passive: true });\n}\n\nfunction stopListeningIfIdle(): void {\n\tif (subscribers.size > 0 || !listening || typeof window === 'undefined') return;\n\tlistening = false;\n\tif (frame !== 0) {\n\t\tcancelAnimationFrame(frame);\n\t\tframe = 0;\n\t}\n\twindow.removeEventListener('scroll', scheduleSync);\n\twindow.removeEventListener('resize', scheduleSync);\n}\n\n/**\n * Subscribe to scroll/resize and update horizontal parallax from viewport Y.\n * Uses one shared window listener for all thumbs (old iPads with large galleries).\n */\nexport function attachScrollLinkedParallax(\n\telement: HTMLElement,\n\toptions: ScrollLinkedParallaxOptions\n): () => void {\n\tif (!prefersScrollLinkedParallax()) return () => {};\n\n\tconst entry: ScrollParallaxSubscriber = {\n\t\telement,\n\t\tonParallax: options.onParallax,\n\t\tpointerActive: options.pointerActive\n\t};\n\tsubscribers.add(entry);\n\tensureListening();\n\n\tif (!entry.pointerActive?.()) {\n\t\toptions.onParallax(\n\t\t\thorizontalParallaxFromViewportY(element.getBoundingClientRect(), window.innerHeight)\n\t\t);\n\t}\n\n\treturn () => {\n\t\tsubscribers.delete(entry);\n\t\tstopListeningIfIdle();\n\t};\n}\n\n/** Test helper — clear shared scroll state between vitest cases. */\nexport function resetScrollLinkedParallaxForTests(): void {\n\tsubscribers.clear();\n\tif (typeof window !== 'undefined' && listening) {\n\t\twindow.removeEventListener('scroll', scheduleSync);\n\t\twindow.removeEventListener('resize', scheduleSync);\n\t}\n\tlistening = false;\n\tif (frame !== 0) {\n\t\tcancelAnimationFrame(frame);\n\t\tframe = 0;\n\t}\n}\n","/** Shared styles for ExperienceThumbnail (class prefix `liforma-et`). */\nexport const EXPERIENCE_THUMBNAIL_CSS = `\n.liforma-et {\n\t--liforma-et-parallax-x: 0;\n\t--liforma-et-parallax-y: 0;\n\t--liforma-et-bg-scale: 1;\n\t--liforma-et-fg-scale: 1;\n\t--liforma-et-avatar-scale: 1;\n\t--liforma-et-bg-shift: 0px;\n\t--liforma-et-fg-shift: 0px;\n\t--liforma-et-avatar-shift: 0px;\n\t--liforma-et-reveal-duration: 420ms;\n\n\tbox-sizing: border-box;\n\tposition: relative;\n\tdisplay: block;\n\twidth: 100%;\n\theight: 100%;\n\tmin-height: 0;\n\tmargin: 0;\n\tpadding: 0;\n\tborder: 0;\n\tborder-radius: 0.65rem;\n\toverflow: hidden;\n\tbackground: #111;\n\tcolor: inherit;\n\ttext-decoration: none;\n\tcursor: inherit;\n\t-webkit-tap-highlight-color: transparent;\n}\n\na.liforma-et,\nbutton.liforma-et {\n\tcursor: pointer;\n}\n\nbutton.liforma-et {\n\tfont: inherit;\n\tappearance: none;\n}\n\n.liforma-et__placeholder {\n\tposition: absolute;\n\tinset: 0;\n\tz-index: 0;\n\tbackground:\n\t\tradial-gradient(120% 90% at 50% 0%, rgba(255, 255, 255, 0.06), transparent 58%),\n\t\tlinear-gradient(180deg, #1a1a1a 0%, #101010 100%);\n\topacity: 1;\n\ttransition: opacity var(--liforma-et-reveal-duration) ease;\n}\n\n.liforma-et--revealed .liforma-et__placeholder {\n\topacity: 0;\n}\n\n.liforma-et__media {\n\topacity: 0;\n\ttransition: opacity var(--liforma-et-reveal-duration) ease;\n}\n\n.liforma-et__media--ready {\n\topacity: 1;\n}\n\n.liforma-et__background {\n\tposition: absolute;\n\tinset: 0;\n\tz-index: 1;\n\twidth: 100%;\n\theight: 100%;\n\tobject-fit: cover;\n\tobject-position: center center;\n\ttransform: translate(\n\t\t\tcalc(var(--liforma-et-parallax-x) * var(--liforma-et-bg-shift)),\n\t\t\tcalc(var(--liforma-et-parallax-y) * var(--liforma-et-bg-shift))\n\t\t)\n\t\tscale(var(--liforma-et-bg-scale));\n\ttransform-origin: center center;\n\ttransition:\n\t\topacity var(--liforma-et-reveal-duration) ease,\n\t\ttransform 160ms ease;\n}\n\n.liforma-et__avatar {\n\tposition: relative;\n\tz-index: 2;\n\tdisplay: block;\n\twidth: 100%;\n\theight: 100%;\n\tobject-fit: contain;\n\tobject-position: center bottom;\n\ttransform: scale(var(--liforma-et-avatar-scale))\n\t\ttranslate(\n\t\t\tcalc(var(--liforma-et-parallax-x) * var(--liforma-et-avatar-shift)),\n\t\t\tcalc(var(--liforma-et-parallax-y) * var(--liforma-et-avatar-shift))\n\t\t);\n\ttransform-origin: center center;\n\ttransition:\n\t\topacity var(--liforma-et-reveal-duration) ease,\n\t\ttransform 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\t--liforma-et-avatar-scale: 1.85;\n\t--liforma-et-bg-scale: 1.85;\n\t--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\ttransform-origin: 50% 18%;\n}\n\n.liforma-et--fit-face .liforma-et__avatar {\n\tobject-fit: cover;\n\tobject-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\t--liforma-et-avatar-scale: 1.35;\n\t--liforma-et-bg-scale: 1.35;\n\t--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\ttransform-origin: 50% 28%;\n}\n\n.liforma-et--fit-medium .liforma-et__avatar {\n\tobject-fit: cover;\n\tobject-position: 50% 28%;\n}\n\n.liforma-et__foreground {\n\tposition: absolute;\n\tinset: 0;\n\tz-index: 3;\n\twidth: 100%;\n\theight: 100%;\n\tobject-fit: cover;\n\tobject-position: center center;\n\tpointer-events: none;\n\ttransform: translate(\n\t\t\tcalc(var(--liforma-et-parallax-x) * var(--liforma-et-fg-shift) * -1),\n\t\t\tcalc(var(--liforma-et-parallax-y) * var(--liforma-et-fg-shift) * -1)\n\t\t)\n\t\tscale(var(--liforma-et-fg-scale));\n\ttransform-origin: center center;\n\ttransition:\n\t\topacity var(--liforma-et-reveal-duration) ease,\n\t\ttransform 160ms ease;\n}\n\n.liforma-et--parallax {\n\t--liforma-et-bg-scale: 1.08;\n\t--liforma-et-fg-scale: 1.05;\n\t--liforma-et-avatar-scale: 1.08;\n\t--liforma-et-bg-shift: 10px;\n\t--liforma-et-fg-shift: 4px;\n\t--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\twill-change: transform;\n}\n\n.liforma-et--parallax.liforma-et--fit-face {\n\t--liforma-et-avatar-scale: 1.95;\n\t--liforma-et-bg-scale: 1.95;\n\t--liforma-et-fg-scale: 1.95;\n\t--liforma-et-avatar-shift: 0px;\n}\n\n.liforma-et--parallax.liforma-et--fit-medium {\n\t--liforma-et-avatar-scale: 1.42;\n\t--liforma-et-bg-scale: 1.42;\n\t--liforma-et-fg-scale: 1.42;\n\t--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\ttransition: opacity var(--liforma-et-reveal-duration) ease;\n}\n\n@media (prefers-reduced-motion: reduce) {\n\t.liforma-et {\n\t\t--liforma-et-reveal-duration: 0ms;\n\t}\n\n\t.liforma-et--parallax {\n\t\t--liforma-et-bg-scale: 1;\n\t\t--liforma-et-fg-scale: 1;\n\t\t--liforma-et-avatar-scale: 1;\n\t\t--liforma-et-bg-shift: 0px;\n\t\t--liforma-et-fg-shift: 0px;\n\t\t--liforma-et-avatar-shift: 0px;\n\t}\n\n\t.liforma-et--parallax.liforma-et--fit-face {\n\t\t--liforma-et-avatar-scale: 1.85;\n\t\t--liforma-et-bg-scale: 1.85;\n\t\t--liforma-et-fg-scale: 1.85;\n\t}\n\n\t.liforma-et__background,\n\t.liforma-et__foreground,\n\t.liforma-et__avatar {\n\t\ttransition: none;\n\t}\n}\n`.trim();\n","import {\n\tattachImageReady,\n\tattachLazyThumb,\n\tattachScrollLinkedParallax,\n\tEXPERIENCE_THUMBNAIL_CSS,\n\thorizontalParallaxFromViewportY,\n\tresolveThumbnailHref,\n\tresolveThumbnailInteraction,\n\tresolveThumbnailLayers,\n\tthumbnailFitClass,\n\ttype GalleryThumb\n} from '../thumbnail/index';\n\nconst ELEMENT_NAME = 'liforma-experience-thumbnail';\n\nfunction parseGalleryThumb(raw: string | null): GalleryThumb | undefined {\n\tif (!raw?.trim()) return undefined;\n\ttry {\n\t\tconst parsed = JSON.parse(raw) as GalleryThumb;\n\t\tif (parsed && typeof parsed.avatarImage === 'string') return parsed;\n\t} catch {\n\t\t/* ignore */\n\t}\n\treturn undefined;\n}\n\nclass LiformaExperienceThumbnailElement extends HTMLElement {\n\tstatic get observedAttributes(): string[] {\n\t\treturn [\n\t\t\t'experience-id',\n\t\t\t'gallery-thumb',\n\t\t\t'avatar-image',\n\t\t\t'background-image',\n\t\t\t'foreground-image',\n\t\t\t'fallback-image',\n\t\t\t'alt',\n\t\t\t'href',\n\t\t\t'target',\n\t\t\t'rel',\n\t\t\t'return-url',\n\t\t\t'player-base-url',\n\t\t\t'parallax',\n\t\t\t'fit',\n\t\t\t'lazy'\n\t\t];\n\t}\n\n\t#root: HTMLElement | null = null;\n\t#cleanup: (() => void)[] = [];\n\t#shouldLoad = false;\n\t#hovering = false;\n\t#pointerDown = false;\n\t#scrollParallax = false;\n\t#parallaxX = 0;\n\t#parallaxY = 0;\n\t#avatarLoadFailed = false;\n\t#backgroundReady = false;\n\t#avatarReady = false;\n\t#foregroundReady = false;\n\n\tconnectedCallback(): void {\n\t\tthis.#render();\n\t}\n\n\tdisconnectedCallback(): void {\n\t\tthis.#teardown();\n\t}\n\n\tattributeChangedCallback(): void {\n\t\tif (this.isConnected) this.#render();\n\t}\n\n\t#teardown(): void {\n\t\tfor (const fn of this.#cleanup) fn();\n\t\tthis.#cleanup = [];\n\t\tthis.#root = null;\n\t}\n\n\t#boolAttr(name: string, defaultValue: boolean): boolean {\n\t\tif (!this.hasAttribute(name)) return defaultValue;\n\t\tconst value = this.getAttribute(name);\n\t\tif (value === null || value === '' || value === 'true') return true;\n\t\tif (value === 'false') return false;\n\t\treturn defaultValue;\n\t}\n\n\t#render(): void {\n\t\tthis.#teardown();\n\n\t\tconst shadow = this.shadowRoot ?? this.attachShadow({ mode: 'open' });\n\t\tconst style = document.createElement('style');\n\t\tstyle.textContent = EXPERIENCE_THUMBNAIL_CSS;\n\t\tshadow.replaceChildren(style);\n\n\t\tconst alt = this.getAttribute('alt')?.trim() || 'Experience';\n\t\tconst hrefAttr = this.getAttribute('href');\n\t\tconst experienceId = this.getAttribute('experience-id');\n\t\tconst hasClickHandler = this.hasAttribute('onclick') || typeof this.onclick === 'function';\n\t\tconst interaction = resolveThumbnailInteraction({\n\t\t\thref: hrefAttr,\n\t\t\thasClickHandler,\n\t\t\texperienceId\n\t\t});\n\n\t\tconst layers = resolveThumbnailLayers({\n\t\t\tgalleryThumb: parseGalleryThumb(this.getAttribute('gallery-thumb')),\n\t\t\tavatarImage: this.getAttribute('avatar-image') ?? undefined,\n\t\t\tbackgroundImage: this.getAttribute('background-image') ?? undefined,\n\t\t\tforegroundImage: this.getAttribute('foreground-image') ?? undefined,\n\t\t\tfallbackImage: this.getAttribute('fallback-image') ?? undefined\n\t\t});\n\t\tif (!layers) return;\n\n\t\tconst parallaxEnabled = this.#boolAttr('parallax', true);\n\t\tconst fitAttr = this.getAttribute('fit')?.trim();\n\t\tconst fit = fitAttr === 'face' || fitAttr === 'medium' ? fitAttr : 'full';\n\t\tconst lazy = this.#boolAttr('lazy', true);\n\t\tthis.#shouldLoad = !lazy;\n\n\t\tconst isHostedLaunch =\n\t\t\tinteraction === 'anchor' && !hrefAttr?.trim() && Boolean(experienceId?.trim());\n\t\tconst resolvedHref = resolveThumbnailHref({\n\t\t\thref: hrefAttr ?? undefined,\n\t\t\texperienceId: experienceId ?? undefined,\n\t\t\treturnUrl: this.getAttribute('return-url') ?? undefined,\n\t\t\tplayerBaseUrl: this.getAttribute('player-base-url') ?? undefined,\n\t\t\tuseCurrentPageAsReturnUrl:\n\t\t\t\tisHostedLaunch && !this.getAttribute('return-url')?.trim()\n\t\t});\n\n\t\tlet root: HTMLElement;\n\t\tif (interaction === 'anchor' && resolvedHref) {\n\t\t\tconst a = document.createElement('a');\n\t\t\ta.href = resolvedHref;\n\t\t\tconst target = this.getAttribute('target');\n\t\t\tconst rel = this.getAttribute('rel');\n\t\t\tif (target) a.target = target;\n\t\t\tif (rel) a.rel = rel;\n\t\t\troot = a;\n\t\t} else if (interaction === 'button') {\n\t\t\tconst button = document.createElement('button');\n\t\t\tbutton.type = 'button';\n\t\t\troot = button;\n\t\t} else {\n\t\t\troot = document.createElement('div');\n\t\t\troot.setAttribute('role', 'img');\n\t\t}\n\n\t\troot.className = 'liforma-et';\n\t\troot.setAttribute('aria-label', alt);\n\t\tthis.#root = root;\n\t\tshadow.appendChild(root);\n\n\t\tconst syncClass = () => {\n\t\t\tconst hasScene = Boolean(layers.backgroundImage);\n\t\t\tconst parallaxActive = parallaxEnabled && (this.#hovering || this.#scrollParallax);\n\t\t\t// Fade placeholder as soon as any layer can paint — don't wait for the slowest plate.\n\t\t\tconst reveal =\n\t\t\t\tthis.#shouldLoad &&\n\t\t\t\t(this.#avatarReady || this.#backgroundReady || this.#foregroundReady);\n\t\t\troot.className = [\n\t\t\t\t'liforma-et',\n\t\t\t\thasScene ? 'liforma-et--scene' : '',\n\t\t\t\tthumbnailFitClass(fit),\n\t\t\t\tparallaxActive ? 'liforma-et--parallax' : '',\n\t\t\t\tthis.#scrollParallax ? 'liforma-et--scroll-parallax' : '',\n\t\t\t\tthis.#shouldLoad && !reveal ? 'liforma-et--loading' : '',\n\t\t\t\treveal ? 'liforma-et--revealed' : ''\n\t\t\t]\n\t\t\t\t.filter(Boolean)\n\t\t\t\t.join(' ');\n\t\t\troot.style.setProperty('--liforma-et-parallax-x', String(this.#parallaxX));\n\t\t\troot.style.setProperty('--liforma-et-parallax-y', String(this.#parallaxY));\n\t\t};\n\n\t\tconst placeholder = document.createElement('span');\n\t\tplaceholder.className = 'liforma-et__placeholder';\n\t\tplaceholder.setAttribute('aria-hidden', 'true');\n\t\troot.appendChild(placeholder);\n\n\t\tconst paintImages = () => {\n\t\t\tif (!this.#shouldLoad) return;\n\t\t\tconst avatarSrc =\n\t\t\t\tthis.#avatarLoadFailed && layers.fallbackImage\n\t\t\t\t\t? layers.fallbackImage\n\t\t\t\t\t: layers.avatarImage;\n\n\t\t\tif (layers.backgroundImage && !root.querySelector('.liforma-et__background')) {\n\t\t\t\tconst img = document.createElement('img');\n\t\t\t\timg.className = 'liforma-et__background liforma-et__media';\n\t\t\t\timg.alt = '';\n\t\t\t\timg.decoding = 'async';\n\t\t\t\timg.src = layers.backgroundImage;\n\t\t\t\tthis.#cleanup.push(\n\t\t\t\t\tattachImageReady(img, () => {\n\t\t\t\t\t\tthis.#backgroundReady = true;\n\t\t\t\t\t\timg.classList.add('liforma-et__media--ready');\n\t\t\t\t\t\tsyncClass();\n\t\t\t\t\t})\n\t\t\t\t);\n\t\t\t\troot.appendChild(img);\n\t\t\t}\n\n\t\t\tlet avatar = root.querySelector('.liforma-et__avatar') as HTMLImageElement | null;\n\t\t\tif (!avatar) {\n\t\t\t\tavatar = document.createElement('img');\n\t\t\t\tavatar.className = 'liforma-et__avatar liforma-et__media';\n\t\t\t\tavatar.alt = '';\n\t\t\t\tavatar.decoding = 'async';\n\t\t\t\tavatar.addEventListener('error', () => {\n\t\t\t\t\tif (layers.fallbackImage && !this.#avatarLoadFailed) {\n\t\t\t\t\t\tthis.#avatarLoadFailed = true;\n\t\t\t\t\t\tavatar!.src = layers.fallbackImage;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.#avatarReady = true;\n\t\t\t\t\t\tsyncClass();\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\tthis.#cleanup.push(\n\t\t\t\t\tattachImageReady(avatar, () => {\n\t\t\t\t\t\tthis.#avatarReady = true;\n\t\t\t\t\t\tavatar!.classList.add('liforma-et__media--ready');\n\t\t\t\t\t\tsyncClass();\n\t\t\t\t\t})\n\t\t\t\t);\n\t\t\t\troot.appendChild(avatar);\n\t\t\t}\n\t\t\tif (avatar.src !== avatarSrc) avatar.src = avatarSrc;\n\n\t\t\tif (layers.foregroundImage && !root.querySelector('.liforma-et__foreground')) {\n\t\t\t\tconst img = document.createElement('img');\n\t\t\t\timg.className = 'liforma-et__foreground liforma-et__media';\n\t\t\t\timg.alt = '';\n\t\t\t\timg.decoding = 'async';\n\t\t\t\timg.src = layers.foregroundImage;\n\t\t\t\tthis.#cleanup.push(\n\t\t\t\t\tattachImageReady(img, () => {\n\t\t\t\t\t\tthis.#foregroundReady = true;\n\t\t\t\t\t\timg.classList.add('liforma-et__media--ready');\n\t\t\t\t\t\tsyncClass();\n\t\t\t\t\t})\n\t\t\t\t);\n\t\t\t\troot.appendChild(img);\n\t\t\t}\n\t\t\tsyncClass();\n\t\t};\n\n\t\tif (lazy) {\n\t\t\tthis.#cleanup.push(\n\t\t\t\tattachLazyThumb(root, {\n\t\t\t\t\tonVisibleChange: (visible) => {\n\t\t\t\t\t\tif (!visible) return;\n\t\t\t\t\t\tthis.#shouldLoad = true;\n\t\t\t\t\t\tpaintImages();\n\t\t\t\t\t\tsyncClass();\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t);\n\t\t} else {\n\t\t\tpaintImages();\n\t\t}\n\n\t\tif (parallaxEnabled) {\n\t\t\tthis.#cleanup.push(\n\t\t\t\tattachScrollLinkedParallax(root, {\n\t\t\t\t\tonParallax: (x) => {\n\t\t\t\t\t\tthis.#scrollParallax = true;\n\t\t\t\t\t\tif (!this.#pointerDown) {\n\t\t\t\t\t\t\tthis.#parallaxX = x;\n\t\t\t\t\t\t\tthis.#parallaxY = 0;\n\t\t\t\t\t\t\tsyncClass();\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\tpointerActive: () => this.#pointerDown\n\t\t\t\t})\n\t\t\t);\n\n\t\t\tconst onPointerMove = (event: PointerEvent) => {\n\t\t\t\tif (this.#scrollParallax) return;\n\t\t\t\tconst rect = root.getBoundingClientRect();\n\t\t\t\tif (rect.width <= 0 || rect.height <= 0) return;\n\t\t\t\tthis.#parallaxX = ((event.clientX - rect.left) / rect.width - 0.5) * 2;\n\t\t\t\tthis.#parallaxY = ((event.clientY - rect.top) / rect.height - 0.5) * 2;\n\t\t\t\tsyncClass();\n\t\t\t};\n\t\t\tconst onPointerDown = (event: PointerEvent) => {\n\t\t\t\tthis.#pointerDown = true;\n\t\t\t\tif (event.pointerType === 'mouse') this.#hovering = true;\n\t\t\t\tsyncClass();\n\t\t\t};\n\t\t\tconst onPointerUp = () => {\n\t\t\t\tconst wasDown = this.#pointerDown;\n\t\t\t\tthis.#pointerDown = false;\n\t\t\t\tthis.#hovering = false;\n\t\t\t\tif (this.#scrollParallax && wasDown) {\n\t\t\t\t\tthis.#parallaxX = horizontalParallaxFromViewportY(\n\t\t\t\t\t\troot.getBoundingClientRect(),\n\t\t\t\t\t\twindow.innerHeight\n\t\t\t\t\t);\n\t\t\t\t\tthis.#parallaxY = 0;\n\t\t\t\t} else if (!this.#scrollParallax) {\n\t\t\t\t\tthis.#parallaxX = 0;\n\t\t\t\t\tthis.#parallaxY = 0;\n\t\t\t\t}\n\t\t\t\tsyncClass();\n\t\t\t};\n\t\t\troot.addEventListener('pointermove', onPointerMove);\n\t\t\troot.addEventListener('pointerdown', onPointerDown);\n\t\t\troot.addEventListener('pointerup', onPointerUp);\n\t\t\troot.addEventListener('pointercancel', onPointerUp);\n\t\t\troot.addEventListener('pointerenter', (event: PointerEvent) => {\n\t\t\t\tif (event.pointerType === 'mouse') {\n\t\t\t\t\tthis.#hovering = true;\n\t\t\t\t\tsyncClass();\n\t\t\t\t}\n\t\t\t});\n\t\t\troot.addEventListener('pointerleave', () => {\n\t\t\t\tif (!this.#pointerDown) {\n\t\t\t\t\tthis.#hovering = false;\n\t\t\t\t\tif (!this.#scrollParallax) {\n\t\t\t\t\t\tthis.#parallaxX = 0;\n\t\t\t\t\t\tthis.#parallaxY = 0;\n\t\t\t\t\t}\n\t\t\t\t\tsyncClass();\n\t\t\t\t}\n\t\t\t});\n\t\t\tthis.#cleanup.push(() => {\n\t\t\t\troot.removeEventListener('pointermove', onPointerMove);\n\t\t\t\troot.removeEventListener('pointerdown', onPointerDown);\n\t\t\t\troot.removeEventListener('pointerup', onPointerUp);\n\t\t\t\troot.removeEventListener('pointercancel', onPointerUp);\n\t\t\t});\n\t\t}\n\n\t\troot.addEventListener('click', (event: MouseEvent) => {\n\t\t\tif (isHostedLaunch && !this.getAttribute('return-url')?.trim()) {\n\t\t\t\tconst next = resolveThumbnailHref({\n\t\t\t\t\texperienceId: experienceId ?? undefined,\n\t\t\t\t\tplayerBaseUrl: this.getAttribute('player-base-url') ?? undefined,\n\t\t\t\t\tuseCurrentPageAsReturnUrl: true\n\t\t\t\t});\n\t\t\t\tif (\n\t\t\t\t\tnext &&\n\t\t\t\t\tevent.button === 0 &&\n\t\t\t\t\t!event.metaKey &&\n\t\t\t\t\t!event.ctrlKey &&\n\t\t\t\t\t!event.shiftKey\n\t\t\t\t) {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\twindow.location.assign(next);\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\n\t\tsyncClass();\n\t}\n}\n\nif (!customElements.get(ELEMENT_NAME)) {\n\tcustomElements.define(ELEMENT_NAME, LiformaExperienceThumbnailElement);\n}\n\nexport { LiformaExperienceThumbnailElement };\n","/**\n * Thumbnail-only CDN IIFE — registers `<liforma-experience-thumbnail>` without\n * the session player (`<liforma-experience>`) or widget.\n *\n * Reference the exported class so Rollup keeps the module (customElements.define\n * runs at import time). A bare side-effect import is tree-shaken in lib mode.\n */\nimport { LiformaExperienceThumbnailElement } from './liforma-experience-thumbnail';\n\ndeclare global {\n\tinterface Window {\n\t\tLiformaThumbnail?: {\n\t\t\treadonly sdkVersion: 'v2';\n\t\t\treadonly element: typeof LiformaExperienceThumbnailElement;\n\t\t};\n\t}\n}\n\nwindow.LiformaThumbnail = {\n\tsdkVersion: 'v2',\n\telement: LiformaExperienceThumbnailElement\n};\n"],"mappings":"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"}

package/dist/svelte/Experience.svelte

@@ -57,6 +57,7 @@
 		mode,
 		speechInputMode,
 		startButton,
+		theme,
 		showFeedback,
 		closeButton,
 		conversationProcessor,
@@ -72,6 +73,7 @@
 		returnUrl,
 		onReady,
 		onStarted,
+		onSessionMinted,
 		onUserTranscript,
 		onUserSpeechStarted,
 		onUserSpeechEnded,
@@ -259,6 +261,10 @@
 			generation.ready.resolve(event);
 			onReady?.(event);
 		});
+		subscribe(generation, session, 'sessionMinted', (event) => {
+			if (generation.destroyed) return;
+			onSessionMinted?.(event);
+		});
 		subscribe(generation, session, 'started', (event) => {
 			if (generation.destroyed) return;
 			generation.started.resolve(event);
@@ -382,6 +388,7 @@
 				container,
 				fit: untrack(() => fit),
 				startButton: untrack(() => startButton),
+				theme: untrack(() => theme),
 				showFeedback: untrack(() => showFeedback),
 				closeButton: untrack(() => closeButton),
 				returnUrl: untrack(() => returnUrl),
@@ -492,6 +499,10 @@
 		return withSession((session) => session.conversion(key));
 	}
 
+	export function engage(): Promise<void> {
+		return withSession((session) => session.engage());
+	}
+
 	export function end(): Promise<void> {
 		return withSession((session) => session.end());
 	}

package/dist/svelte/Experience.svelte.d.ts

@@ -18,6 +18,7 @@ declare const Experience: import("svelte").Component<ExperienceProps, {
     focusCharacter: (characterId: string) => Promise<void>;
     setFit: (nextFit: NonNullable<ExperienceProps["fit"]>) => Promise<void>;
     conversion: (key: string) => Promise<void>;
+    engage: () => Promise<void>;
     end: () => Promise<void>;
 }, "">;
 type Experience = ReturnType<typeof Experience>;

package/dist/svelte/ExperienceThumbnail.svelte

@@ -14,7 +14,7 @@
 		resolveThumbnailLayers,
 		thumbnailFitClass,
 		type GalleryThumb
-	} from '@liforma/client';
+	} from '@liforma/client/thumbnail';
 
 	let {
 		galleryThumb,

package/dist/svelte/ExperienceThumbnail.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type GalleryThumb } from '@liforma/client';
+import { type GalleryThumb } from '@liforma/client/thumbnail';
 type $$ComponentProps = {
     galleryThumb?: GalleryThumb;
     avatarImage?: string;

package/dist/svelte/thumbnail.d.ts

@@ -0,0 +1,2 @@
+export { default as ExperienceThumbnail } from './ExperienceThumbnail.svelte';
+export type { GalleryThumb } from '@liforma/client/thumbnail';

package/dist/svelte/thumbnail.js

@@ -0,0 +1 @@
+export { default as ExperienceThumbnail } from './ExperienceThumbnail.svelte';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@liforma/client",
-	"version": "0.4.5",
+	"version": "0.4.8",
 	"type": "module",
 	"description": "Liforma browser SDK — Experience sessions, speech API, and Svelte embed component.",
 	"license": "MIT",
@@ -15,6 +15,7 @@
 	"publishConfig": {
 		"access": "public"
 	},
+	"sideEffects": false,
 	"exports": {
 		".": {
 			"types": "./dist/npm/v2/npm.d.ts",
@@ -25,14 +26,31 @@
 			"import": "./dist/svelte/index.js",
 			"svelte": "./dist/svelte/index.js"
 		},
+		"./svelte/thumbnail": {
+			"types": "./dist/svelte/thumbnail.d.ts",
+			"import": "./dist/svelte/thumbnail.js",
+			"svelte": "./dist/svelte/thumbnail.js"
+		},
+		"./thumbnail": {
+			"types": "./dist/npm/thumbnail/index.d.ts",
+			"import": "./dist/npm/thumbnail/index.js"
+		},
 		"./react": {
 			"types": "./dist/react/react/index.d.ts",
 			"import": "./dist/react/index.js"
 		},
+		"./react/thumbnail": {
+			"types": "./dist/react/react/thumbnail.d.ts",
+			"import": "./dist/react/thumbnail.js"
+		},
 		"./next": {
 			"types": "./dist/next/next/index.d.ts",
 			"import": "./dist/next/index.js"
 		},
+		"./next/thumbnail": {
+			"types": "./dist/next/next/thumbnail.d.ts",
+			"import": "./dist/next/thumbnail.js"
+		},
 		"./byo": {
 			"types": "./dist/byo/index.d.ts",
 			"import": "./dist/byo/index.js"
@@ -100,8 +118,8 @@
 	},
 	"scripts": {
 		"build": "npm run build:v2 && npm run build:npm && npm run build:svelte && npm run build:react && npm run build:next && npm run build:byo && npm run build:elevenlabs && npm run build:openai && npm run build:deepgram && npm run build:google && npm run build:livekit && npm run copy:preview",
-		"build:react": "vite build --config vite.config.react.ts && tsc -p tsconfig.react.json",
-		"build:next": "vite build --config vite.config.next.ts && tsc -p tsconfig.next.json",
+		"build:react": "vite build --config vite.config.react.ts && vite build --config vite.config.react-thumbnail.ts && tsc -p tsconfig.react.json",
+		"build:next": "vite build --config vite.config.next.ts && vite build --config vite.config.next-thumbnail.ts && tsc -p tsconfig.next.json",
 		"build:byo": "vite build --config vite.config.byo.ts && tsc -p tsconfig.byo.json",
 		"build:elevenlabs": "vite build --config vite.config.elevenlabs.ts && tsc -p tsconfig.elevenlabs.json",
 		"build:openai": "vite build --config vite.config.openai.ts && tsc -p tsconfig.openai.json",
@@ -109,8 +127,8 @@
 		"build:google": "vite build --config vite.config.google.ts && tsc -p tsconfig.google.json",
 		"build:livekit": "vite build --config vite.config.livekit.ts && tsc -p tsconfig.livekit.json",
 		"copy:preview": "mkdir -p dist/preview && cp preview/v2-embed-test.html dist/preview/ && cp preview/v2-embed-test-redirect.html dist/preview/",
-		"build:v2": "vite build --config vite.config.v2.ts",
-		"build:npm": "vite build --config vite.config.npm.ts && tsc -p tsconfig.npm.json",
+		"build:v2": "vite build --config vite.config.v2.ts && vite build --config vite.config.v2-thumbnail.ts",
+		"build:npm": "vite build --config vite.config.npm.ts && vite build --config vite.config.thumbnail.ts && tsc -p tsconfig.npm.json",
 		"build:svelte": "svelte-package -i src/svelte -o dist/svelte && vite build --config vite.config.svelte.ts",
 		"check:consumer": "svelte-check --workspace test/consumer --tsconfig ./tsconfig.json",
 		"test": "vitest run",
@@ -182,7 +200,7 @@
 		"deploy:worker:avatar-compose": "node scripts/deploy-avatar-compose-worker.mjs",
 		"deploy:worker:experience-thumb": "node scripts/deploy-experience-thumb-worker.mjs",
 		"deploy": "npm run build && npm run publish:sdk",
-		"verify": "npm run build && node scripts/check-sdk-size.mjs && node scripts/test-embed-protocol.mjs && node scripts/test-manifest-embed-url.mjs && node scripts/test-player-reachability.mjs && node scripts/test-session-endpoint.mjs && node scripts/verify-package.mjs",
+		"verify": "npm run build && node scripts/check-sdk-size.mjs && node scripts/verify-thumbnail-light.mjs && node scripts/test-embed-protocol.mjs && node scripts/test-manifest-embed-url.mjs && node scripts/test-player-reachability.mjs && node scripts/test-session-endpoint.mjs && node scripts/verify-package.mjs",
 		"preview:test": "npm run build && npm run preview"
 	},
 	"dependencies": {