@seatlayer/core 0.52.0 → 0.53.0

package/dist/view3d/crossfade/panorama.cjs

@@ -1,459 +1 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/view3d/crossfade/panorama.ts
-var panorama_exports = {};
-__export(panorama_exports, {
-  MAX_PITCH_DEG: () => MAX_PITCH_DEG,
-  MAX_VFOV_DEG: () => MAX_VFOV_DEG,
-  MIN_VFOV_DEG: () => MIN_VFOV_DEG,
-  VFOV_DEG: () => VFOV_DEG,
-  bearingToOffsetPx: () => bearingToOffsetPx,
-  clampPanoramaFov: () => clampPanoramaFov,
-  clampPitchPx: () => clampPitchPx,
-  horizonOffsetPy: () => horizonOffsetPy,
-  isAuthoredSeatView: () => isAuthoredSeatView,
-  mountPanorama: () => mountPanorama,
-  seatViewDisclosure: () => seatViewDisclosure,
-  windowedBgHeight: () => windowedBgHeight
-});
-module.exports = __toCommonJS(panorama_exports);
-
-// src/view/panoramaDelivery.ts
-function estimatePanoramaTextureBytes(width, height) {
-  if (!Number.isFinite(width) || !Number.isFinite(height) || width <= 0 || height <= 0) return 0;
-  return Math.ceil(width * height * 4 * (4 / 3));
-}
-function panoramaTextureBudgetBytes(deviceMemoryGb) {
-  const mib = deviceMemoryGb !== void 0 && deviceMemoryGb <= 2 ? 32 : deviceMemoryGb !== void 0 && deviceMemoryGb >= 8 ? 192 : 96;
-  return mib * 1024 * 1024;
-}
-function browserPanoramaConstraints(maxTextureSize) {
-  const nav = typeof navigator === "undefined" ? void 0 : navigator;
-  return {
-    saveData: nav?.connection?.saveData === true,
-    maxTextureSize,
-    maxDecodedBytes: panoramaTextureBudgetBytes(nav?.deviceMemory)
-  };
-}
-function planPanoramaDelivery(source, constraints = {}) {
-  const previewUrl = source.previewUrl?.trim();
-  if (!previewUrl || previewUrl === source.url) {
-    return {
-      initialUrl: source.url,
-      initialWidth: source.sourceWidth,
-      initialHeight: source.sourceHeight,
-      reason: "full-only"
-    };
-  }
-  const initial = {
-    initialUrl: previewUrl,
-    initialWidth: source.previewWidth,
-    initialHeight: source.previewHeight
-  };
-  if (constraints.saveData) return { ...initial, reason: "save-data" };
-  if (constraints.maxTextureSize !== void 0 && source.sourceWidth !== void 0 && source.sourceHeight !== void 0 && Math.max(source.sourceWidth, source.sourceHeight) > constraints.maxTextureSize) {
-    return { ...initial, reason: "texture-limit" };
-  }
-  if (constraints.maxDecodedBytes !== void 0 && source.sourceWidth !== void 0 && source.sourceHeight !== void 0 && estimatePanoramaTextureBytes(source.sourceWidth, source.sourceHeight) > constraints.maxDecodedBytes) {
-    return { ...initial, reason: "memory-limit" };
-  }
-  return { ...initial, upgradeUrl: source.url, reason: "progressive" };
-}
-function abortError() {
-  return new DOMException("Panorama image load aborted", "AbortError");
-}
-function loadPanoramaImage(url, signal) {
-  return new Promise((resolve, reject) => {
-    if (signal?.aborted) {
-      reject(abortError());
-      return;
-    }
-    const image = new Image();
-    image.crossOrigin = "anonymous";
-    let settled = false;
-    const cleanup = () => {
-      image.onload = null;
-      image.onerror = null;
-      signal?.removeEventListener("abort", onAbort);
-    };
-    const finish = (error) => {
-      if (settled) return;
-      settled = true;
-      cleanup();
-      if (error) reject(error);
-      else resolve(image);
-    };
-    const onAbort = () => {
-      image.src = "";
-      finish(abortError());
-    };
-    image.onload = () => {
-      const decoded = typeof image.decode === "function" ? image.decode() : Promise.resolve();
-      void decoded.then(() => finish(), () => finish());
-    };
-    image.onerror = () => finish(new Error("panorama_image_failed"));
-    signal?.addEventListener("abort", onAbort, { once: true });
-    image.src = url;
-  });
-}
-function schedulePanoramaUpgrade(work) {
-  const host = globalThis;
-  if (host.requestIdleCallback) {
-    const id2 = host.requestIdleCallback(work, { timeout: 1200 });
-    return () => host.cancelIdleCallback?.(id2);
-  }
-  const id = globalThis.setTimeout(work, 32);
-  return () => globalThis.clearTimeout(id);
-}
-
-// src/view3d/crossfade/panorama.ts
-function seatViewDisclosure(view) {
-  const demo = view.mediaKind === "demo-render";
-  const coverage = view.generated || view.mediaKind === "model" ? "Live 3D \xB7 chart-derived seat-eye" : demo ? view.coverage === "exact-seat" ? "AI-generated exact-seat demo" : view.coverage === "row-representative" ? "AI-generated representative row demo" : view.coverage === "section-representative" ? "AI-generated representative section demo" : "AI-generated illustrative venue demo" : view.coverage === "exact-seat" ? "Exact seat photo" : view.coverage === "row-representative" ? "Representative row view" : view.coverage === "section-representative" ? "Representative section view" : view.coverage === "venue-representative" ? "Representative venue view" : "Venue photo";
-  const year = view.capturedAt && /^\d{4}/.test(view.capturedAt) ? view.capturedAt.slice(0, 4) : "";
-  return [coverage, year ? `${demo ? "created" : "captured"} ${year}` : "", view.sourceLabel ?? ""].filter(Boolean).join(" \xB7 ");
-}
-function isAuthoredSeatView(view) {
-  if (view.generated || view.mediaKind === "model" || view.mediaKind === "demo-render") return false;
-  const source = view.sourceLabel?.trim() ?? "";
-  return !/^(?:AI[- ]generated|generated\s+(?:demo|preview))/i.test(source);
-}
-var VFOV_DEG = 70;
-var MIN_VFOV_DEG = 35;
-var MAX_VFOV_DEG = 90;
-function clampPanoramaFov(fovDeg) {
-  return Math.max(MIN_VFOV_DEG, Math.min(MAX_VFOV_DEG, fovDeg));
-}
-var MAX_PITCH_DEG = 35;
-function bearingToOffsetPx(bearingDeg, viewportW, bgW) {
-  const col = (0.5 + bearingDeg / 360) * bgW;
-  return viewportW / 2 - col;
-}
-function windowedBgHeight(viewportH, vfovDeg = VFOV_DEG) {
-  return viewportH * (180 / vfovDeg);
-}
-function horizonOffsetPy(viewportH, bgH, pitchPx) {
-  return (viewportH - bgH) / 2 + clampPitchPx(pitchPx, bgH);
-}
-function clampPitchPx(pitchPx, bgH) {
-  const limit = MAX_PITCH_DEG / 180 * bgH;
-  return Math.max(-limit, Math.min(limit, pitchPx));
-}
-function mountPanorama(container, view, opts = {}) {
-  const fadeMs = opts.fadeMs ?? 400;
-  const bearing = view.initialBearingDeg ?? 0;
-  const delivery = planPanoramaDelivery(view, browserPanoramaConstraints());
-  const loadAbort = new AbortController();
-  const abortFromCaller = () => loadAbort.abort();
-  opts.signal?.addEventListener("abort", abortFromCaller, { once: true });
-  const root = document.createElement("div");
-  const priorFocus = document.activeElement instanceof HTMLElement ? document.activeElement : null;
-  root.setAttribute("role", "dialog");
-  root.setAttribute("aria-modal", "true");
-  root.setAttribute("aria-label", opts.seatLabel ? `View from ${opts.seatLabel}` : "View from seat");
-  root.tabIndex = -1;
-  Object.assign(root.style, {
-    position: "absolute",
-    inset: "0",
-    zIndex: "10",
-    opacity: "0",
-    transition: `opacity ${fadeMs}ms ease`,
-    background: "#05070c",
-    overflow: "hidden",
-    touchAction: "none"
-  });
-  const pano = document.createElement("div");
-  Object.assign(pano.style, {
-    position: "absolute",
-    inset: "0",
-    backgroundImage: `url("${delivery.initialUrl}")`,
-    backgroundRepeat: "repeat-x",
-    cursor: "grab"
-  });
-  root.appendChild(pano);
-  const closeBtn = document.createElement("button");
-  closeBtn.type = "button";
-  closeBtn.setAttribute("aria-label", "Close");
-  closeBtn.textContent = "\u2715";
-  Object.assign(closeBtn.style, {
-    position: "absolute",
-    top: "12px",
-    right: "12px",
-    zIndex: "2",
-    width: "44px",
-    height: "44px",
-    borderRadius: "999px",
-    cursor: "pointer",
-    border: "1px solid rgba(255,255,255,0.25)",
-    background: "rgba(8,12,18,0.6)",
-    color: "#e6edf3",
-    fontSize: "15px",
-    lineHeight: "1"
-  });
-  root.appendChild(closeBtn);
-  if (opts.disclosure) {
-    const disclosure = document.createElement("div");
-    disclosure.textContent = `${opts.disclosurePrefix ?? "360\xB0 panorama"} \xB7 ${opts.disclosure}`;
-    Object.assign(disclosure.style, {
-      position: "absolute",
-      top: "12px",
-      left: "12px",
-      zIndex: "2",
-      maxWidth: "calc(100% - 88px)",
-      padding: "8px 11px",
-      borderRadius: "999px",
-      overflow: "hidden",
-      color: "#dce6f8",
-      background: "rgba(8,12,18,0.68)",
-      font: "600 11px/1.2 ui-sans-serif, system-ui, sans-serif",
-      textOverflow: "ellipsis",
-      whiteSpace: "nowrap",
-      pointerEvents: "none",
-      backdropFilter: "blur(6px)"
-    });
-    root.appendChild(disclosure);
-  }
-  const hint = document.createElement("div");
-  hint.textContent = "Drag to look \xB7 pinch or scroll to zoom \xB7 Esc to close";
-  Object.assign(hint.style, {
-    position: "absolute",
-    bottom: "12px",
-    left: "0",
-    right: "0",
-    textAlign: "center",
-    color: "rgba(230,237,243,0.7)",
-    font: "12px ui-sans-serif, system-ui, sans-serif",
-    pointerEvents: "none"
-  });
-  root.appendChild(hint);
-  container.appendChild(root);
-  closeBtn.focus({ preventScroll: true });
-  let bgW = 0;
-  let bgH = 0;
-  let posX = 0;
-  let pitchPx = 0;
-  let viewFov = VFOV_DEG;
-  const layout = () => {
-    const vh = root.clientHeight || 1;
-    const vw = root.clientWidth || 1;
-    const natW = img.naturalWidth || vw * 2;
-    const natH = img.naturalHeight || vh;
-    const centredImageRatio = bgW > 0 ? (vw / 2 - posX) / bgW : 0;
-    const pitchRatio = bgH > 0 ? pitchPx / bgH : 0;
-    bgH = windowedBgHeight(vh, viewFov);
-    bgW = bgH * (natW / natH);
-    pano.style.backgroundSize = `${bgW}px ${bgH}px`;
-    if (!posInitialised) {
-      posX = bearingToOffsetPx(bearing, vw, bgW);
-      pitchPx = clampPitchPx((view.initialPitchDeg ?? 0) / 180 * bgH, bgH);
-      posInitialised = true;
-    } else posX = vw / 2 - centredImageRatio * bgW;
-    pitchPx = clampPitchPx(pitchRatio * bgH, bgH);
-    pano.style.backgroundPosition = `${posX}px ${horizonOffsetPy(vh, bgH, pitchPx)}px`;
-  };
-  let posInitialised = false;
-  const applyPos = () => {
-    const vh = root.clientHeight || 1;
-    pitchPx = clampPitchPx(pitchPx, bgH);
-    pano.style.backgroundPosition = `${posX}px ${horizonOffsetPy(vh, bgH, pitchPx)}px`;
-  };
-  let img = new Image();
-  img.onload = layout;
-  img.src = delivery.initialUrl;
-  let cancelUpgrade = () => {
-  };
-  if (delivery.upgradeUrl) {
-    cancelUpgrade = schedulePanoramaUpgrade(() => {
-      const resolved = view.resolveUrl ? view.resolveUrl(delivery.upgradeUrl) : Promise.resolve(delivery.upgradeUrl);
-      void resolved.then((url) => {
-        if (!url || loadAbort.signal.aborted) return null;
-        return loadPanoramaImage(url, loadAbort.signal).then((full) => ({ full, url }));
-      }).then((loaded) => {
-        if (!loaded) return;
-        if (disposed || loadAbort.signal.aborted) return;
-        img = loaded.full;
-        pano.style.backgroundImage = `url("${loaded.url}")`;
-        layout();
-      }).catch(() => {
-      });
-    });
-  }
-  requestAnimationFrame(layout);
-  let dragging = false;
-  let lastX = 0;
-  let lastY = 0;
-  let pinchDistance = 0;
-  const pointers = /* @__PURE__ */ new Map();
-  const distanceBetweenPointers = () => {
-    const [a, b] = [...pointers.values()];
-    return a && b ? Math.hypot(a.x - b.x, a.y - b.y) : 0;
-  };
-  const setViewFov = (nextFov) => {
-    const clamped = clampPanoramaFov(nextFov);
-    if (clamped === viewFov) return;
-    viewFov = clamped;
-    layout();
-  };
-  const onDown = (e) => {
-    pointers.set(e.pointerId, { x: e.clientX, y: e.clientY });
-    dragging = pointers.size === 1;
-    lastX = e.clientX;
-    lastY = e.clientY;
-    if (pointers.size === 2) pinchDistance = distanceBetweenPointers();
-    pano.style.cursor = "grabbing";
-    try {
-      pano.setPointerCapture?.(e.pointerId);
-    } catch {
-    }
-  };
-  const onMove = (e) => {
-    if (!pointers.has(e.pointerId)) return;
-    pointers.set(e.pointerId, { x: e.clientX, y: e.clientY });
-    if (pointers.size >= 2) {
-      const nextDistance = distanceBetweenPointers();
-      if (pinchDistance > 0 && nextDistance > 0) setViewFov(viewFov * (pinchDistance / nextDistance));
-      pinchDistance = nextDistance;
-      dragging = false;
-      return;
-    }
-    if (!dragging) return;
-    posX += e.clientX - lastX;
-    pitchPx += e.clientY - lastY;
-    lastX = e.clientX;
-    lastY = e.clientY;
-    applyPos();
-  };
-  const onUp = (e) => {
-    pointers.delete(e.pointerId);
-    pinchDistance = pointers.size === 2 ? distanceBetweenPointers() : 0;
-    const remaining = pointers.values().next().value;
-    dragging = pointers.size === 1;
-    if (remaining) {
-      lastX = remaining.x;
-      lastY = remaining.y;
-    } else pano.style.cursor = "grab";
-    try {
-      pano.releasePointerCapture?.(e.pointerId);
-    } catch {
-    }
-  };
-  const onWheel = (e) => {
-    e.preventDefault();
-    setViewFov(viewFov + e.deltaY * 0.04);
-  };
-  pano.addEventListener("pointerdown", onDown);
-  pano.addEventListener("pointermove", onMove);
-  pano.addEventListener("pointerup", onUp);
-  pano.addEventListener("pointercancel", onUp);
-  pano.addEventListener("wheel", onWheel, { passive: false });
-  let closed = false;
-  let disposed = false;
-  let fadeTimer = 0;
-  const removeListeners = () => {
-    pano.removeEventListener("pointerdown", onDown);
-    pano.removeEventListener("pointermove", onMove);
-    pano.removeEventListener("pointerup", onUp);
-    pano.removeEventListener("pointercancel", onUp);
-    pano.removeEventListener("wheel", onWheel);
-    window.removeEventListener("keydown", onKey);
-  };
-  const teardown = () => {
-    cancelUpgrade();
-    loadAbort.abort();
-    opts.signal?.removeEventListener("abort", abortFromCaller);
-    if (fadeTimer) {
-      window.clearTimeout(fadeTimer);
-      fadeTimer = 0;
-    }
-    removeListeners();
-    if (root.parentNode) root.parentNode.removeChild(root);
-    if (priorFocus?.isConnected) priorFocus.focus({ preventScroll: true });
-  };
-  const close = () => {
-    if (closed) return;
-    closed = true;
-    root.style.opacity = "0";
-    const done = () => {
-      fadeTimer = 0;
-      if (disposed) return;
-      teardown();
-      opts.onClose?.();
-    };
-    fadeTimer = window.setTimeout(done, fadeMs);
-  };
-  const onKey = (e) => {
-    if (e.key === "Tab") {
-      e.preventDefault();
-      closeBtn.focus({ preventScroll: true });
-      return;
-    }
-    if (e.key === "Escape") {
-      e.stopPropagation();
-      close();
-      return;
-    }
-    if (e.key === "ArrowLeft" || e.key === "ArrowRight") {
-      posX += e.key === "ArrowLeft" ? -32 : 32;
-    } else if (e.key === "ArrowUp" || e.key === "ArrowDown") {
-      pitchPx += (e.key === "ArrowUp" ? 4 : -4) * (bgH / 180);
-    } else if (e.key === "+" || e.key === "=") {
-      setViewFov(viewFov - 5);
-      e.preventDefault();
-      return;
-    } else if (e.key === "-") {
-      setViewFov(viewFov + 5);
-      e.preventDefault();
-      return;
-    } else {
-      return;
-    }
-    e.preventDefault();
-    applyPos();
-  };
-  window.addEventListener("keydown", onKey);
-  closeBtn.addEventListener("click", close);
-  requestAnimationFrame(() => {
-    root.style.opacity = "1";
-  });
-  return {
-    close,
-    dispose() {
-      closed = true;
-      disposed = true;
-      teardown();
-    }
-  };
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  MAX_PITCH_DEG,
-  MAX_VFOV_DEG,
-  MIN_VFOV_DEG,
-  VFOV_DEG,
-  bearingToOffsetPx,
-  clampPanoramaFov,
-  clampPitchPx,
-  horizonOffsetPy,
-  isAuthoredSeatView,
-  mountPanorama,
-  seatViewDisclosure,
-  windowedBgHeight
-});
-//# sourceMappingURL=panorama.cjs.map
+"use strict";var V=Object.defineProperty;var ae=Object.getOwnPropertyDescriptor;var se=Object.getOwnPropertyNames;var le=Object.prototype.hasOwnProperty;var de=(e,n)=>{for(var r in n)V(e,r,{get:n[r],enumerable:!0})},ce=(e,n,r,a)=>{if(n&&typeof n=="object"||typeof n=="function")for(let l of se(n))!le.call(e,l)&&l!==r&&V(e,l,{get:()=>n[l],enumerable:!(a=ae(n,l))||a.enumerable});return e};var ue=e=>ce(V({},"__esModule",{value:!0}),e);var he={};de(he,{MAX_PITCH_DEG:()=>Z,VFOV_DEG:()=>z,bearingToOffsetPx:()=>ee,clampPanoramaFov:()=>Q,clampPitchPx:()=>E,horizonOffsetPy:()=>O,isAuthoredSeatView:()=>be,mountPanorama:()=>xe,seatViewDisclosure:()=>ve,windowedBgHeight:()=>te});module.exports=ue(he);function me(e,n){return!Number.isFinite(e)||!Number.isFinite(n)||e<=0||n<=0?0:Math.ceil(e*n*4*(4/3))}function pe(e){return(e!==void 0&&e<=2?32:e!==void 0&&e>=8?192:96)*1024*1024}function j(e){let n=typeof navigator>"u"?void 0:navigator;return{saveData:n?.connection?.saveData===!0,maxTextureSize:e,maxDecodedBytes:pe(n?.deviceMemory)}}function q(e,n={}){let r=e.previewUrl?.trim();if(!r||r===e.url)return{initialUrl:e.url,initialWidth:e.sourceWidth,initialHeight:e.sourceHeight,reason:"full-only"};let a={initialUrl:r,initialWidth:e.previewWidth,initialHeight:e.previewHeight};return n.saveData?{...a,reason:"save-data"}:n.maxTextureSize!==void 0&&e.sourceWidth!==void 0&&e.sourceHeight!==void 0&&Math.max(e.sourceWidth,e.sourceHeight)>n.maxTextureSize?{...a,reason:"texture-limit"}:n.maxDecodedBytes!==void 0&&e.sourceWidth!==void 0&&e.sourceHeight!==void 0&&me(e.sourceWidth,e.sourceHeight)>n.maxDecodedBytes?{...a,reason:"memory-limit"}:{...a,upgradeUrl:e.url,reason:"progressive"}}function N(){return new DOMException("Panorama image load aborted","AbortError")}function G(e,n){return new Promise((r,a)=>{if(n?.aborted){a(N());return}let l=new Image;l.crossOrigin="anonymous";let m=!1,v=()=>{l.onload=null,l.onerror=null,n?.removeEventListener("abort",i)},b=x=>{m||(m=!0,v(),x?a(x):r(l))},i=()=>{l.src="",b(N())};l.onload=()=>{(typeof l.decode=="function"?l.decode():Promise.resolve()).then(()=>b(),()=>b())},l.onerror=()=>b(new Error("panorama_image_failed")),n?.addEventListener("abort",i,{once:!0}),l.src=e})}function J(e){let n=globalThis;if(n.requestIdleCallback){let a=n.requestIdleCallback(e,{timeout:1200});return()=>n.cancelIdleCallback?.(a)}let r=globalThis.setTimeout(e,32);return()=>globalThis.clearTimeout(r)}function ve(e){let n=e.mediaKind==="demo-render",r=e.generated||e.mediaKind==="model"?"Live 3D \xB7 chart-derived seat-eye":n?e.coverage==="exact-seat"?"AI-generated exact-seat demo":e.coverage==="row-representative"?"AI-generated representative row demo":e.coverage==="section-representative"?"AI-generated representative section demo":"AI-generated illustrative venue demo":e.coverage==="exact-seat"?"Exact seat photo":e.coverage==="row-representative"?"Representative row view":e.coverage==="section-representative"?"Representative section view":e.coverage==="venue-representative"?"Representative venue view":"Venue photo",a=e.capturedAt&&/^\d{4}/.test(e.capturedAt)?e.capturedAt.slice(0,4):"";return[r,a?`${n?"created":"captured"} ${a}`:"",e.sourceLabel??""].filter(Boolean).join(" \xB7 ")}function be(e){if(e.generated||e.mediaKind==="model"||e.mediaKind==="demo-render")return!1;let n=e.sourceLabel?.trim()??"";return!/^(?:AI[- ]generated|generated\s+(?:demo|preview))/i.test(n)}var z=70,ge=35,fe=90;function Q(e){return Math.max(ge,Math.min(fe,e))}var Z=35;function ee(e,n,r){let a=(.5+e/360)*r;return n/2-a}function te(e,n=z){return e*(180/n)}function O(e,n,r){return(e-n)/2+E(r,n)}function E(e,n){let r=Z/180*n;return Math.max(-r,Math.min(r,e))}function xe(e,n,r={}){let a=r.fadeMs??400,l=n.initialBearingDeg??0,m=q(n,j()),v=new AbortController,b=()=>v.abort();r.signal?.addEventListener("abort",b,{once:!0});let i=document.createElement("div"),x=document.activeElement instanceof HTMLElement?document.activeElement:null;i.setAttribute("role","dialog"),i.setAttribute("aria-modal","true"),i.setAttribute("aria-label",r.seatLabel?`View from ${r.seatLabel}`:"View from seat"),i.tabIndex=-1,Object.assign(i.style,{position:"absolute",inset:"0",zIndex:"10",opacity:"0",transition:`opacity ${a}ms ease`,background:"#05070c",overflow:"hidden",touchAction:"none"});let s=document.createElement("div");Object.assign(s.style,{position:"absolute",inset:"0",backgroundImage:`url("${m.initialUrl}")`,backgroundRepeat:"repeat-x",cursor:"grab"}),i.appendChild(s);let p=document.createElement("button");if(p.type="button",p.setAttribute("aria-label","Close"),p.textContent="\u2715",Object.assign(p.style,{position:"absolute",top:"12px",right:"12px",zIndex:"2",width:"44px",height:"44px",borderRadius:"999px",cursor:"pointer",border:"1px solid rgba(255,255,255,0.25)",background:"rgba(8,12,18,0.6)",color:"#e6edf3",fontSize:"15px",lineHeight:"1"}),i.appendChild(p),r.disclosure){let t=document.createElement("div");t.textContent=`${r.disclosurePrefix??"360\xB0 panorama"} \xB7 ${r.disclosure}`,Object.assign(t.style,{position:"absolute",top:"12px",left:"12px",zIndex:"2",maxWidth:"calc(100% - 88px)",padding:"8px 11px",borderRadius:"999px",overflow:"hidden",color:"#dce6f8",background:"rgba(8,12,18,0.68)",font:"600 11px/1.2 ui-sans-serif, system-ui, sans-serif",textOverflow:"ellipsis",whiteSpace:"nowrap",pointerEvents:"none",backdropFilter:"blur(6px)"}),i.appendChild(t)}let L=document.createElement("div");L.textContent="Drag to look \xB7 pinch or scroll to zoom \xB7 Esc to close",Object.assign(L.style,{position:"absolute",bottom:"12px",left:"0",right:"0",textAlign:"center",color:"rgba(230,237,243,0.7)",font:"12px ui-sans-serif, system-ui, sans-serif",pointerEvents:"none"}),i.appendChild(L),e.appendChild(i),p.focus({preventScroll:!0});let h=0,d=0,g=0,u=0,f=z,D=()=>{let t=i.clientHeight||1,o=i.clientWidth||1,M=y.naturalWidth||o*2,re=y.naturalHeight||t,oe=h>0?(o/2-g)/h:0,ie=d>0?u/d:0;d=te(t,f),h=d*(M/re),s.style.backgroundSize=`${h}px ${d}px`,$?g=o/2-oe*h:(g=ee(l,o,h),u=E((n.initialPitchDeg??0)/180*d,d),$=!0),u=E(ie*d,d),s.style.backgroundPosition=`${g}px ${O(t,d,u)}px`},$=!1,B=()=>{let t=i.clientHeight||1;u=E(u,d),s.style.backgroundPosition=`${g}px ${O(t,d,u)}px`},y=new Image;y.onload=D,y.src=m.initialUrl;let F=()=>{};m.upgradeUrl&&(F=J(()=>{(n.resolveUrl?n.resolveUrl(m.upgradeUrl):Promise.resolve(m.upgradeUrl)).then(o=>!o||v.signal.aborted?null:G(o,v.signal).then(M=>({full:M,url:o}))).then(o=>{o&&(T||v.signal.aborted||(y=o.full,s.style.backgroundImage=`url("${o.url}")`,D()))}).catch(()=>{})})),requestAnimationFrame(D);let C=!1,S=0,A=0,w=0,c=new Map,H=()=>{let[t,o]=[...c.values()];return t&&o?Math.hypot(t.x-o.x,t.y-o.y):0},I=t=>{let o=Q(t);o!==f&&(f=o,D())},R=t=>{c.set(t.pointerId,{x:t.clientX,y:t.clientY}),C=c.size===1,S=t.clientX,A=t.clientY,c.size===2&&(w=H()),s.style.cursor="grabbing";try{s.setPointerCapture?.(t.pointerId)}catch{}},X=t=>{if(c.has(t.pointerId)){if(c.set(t.pointerId,{x:t.clientX,y:t.clientY}),c.size>=2){let o=H();w>0&&o>0&&I(f*(w/o)),w=o,C=!1;return}C&&(g+=t.clientX-S,u+=t.clientY-A,S=t.clientX,A=t.clientY,B())}},k=t=>{c.delete(t.pointerId),w=c.size===2?H():0;let o=c.values().next().value;C=c.size===1,o?(S=o.x,A=o.y):s.style.cursor="grab";try{s.releasePointerCapture?.(t.pointerId)}catch{}},_=t=>{t.preventDefault(),I(f+t.deltaY*.04)};s.addEventListener("pointerdown",R),s.addEventListener("pointermove",X),s.addEventListener("pointerup",k),s.addEventListener("pointercancel",k),s.addEventListener("wheel",_,{passive:!1});let U=!1,T=!1,P=0,ne=()=>{s.removeEventListener("pointerdown",R),s.removeEventListener("pointermove",X),s.removeEventListener("pointerup",k),s.removeEventListener("pointercancel",k),s.removeEventListener("wheel",_),window.removeEventListener("keydown",Y)},K=()=>{F(),v.abort(),r.signal?.removeEventListener("abort",b),P&&(window.clearTimeout(P),P=0),ne(),i.parentNode&&i.parentNode.removeChild(i),x?.isConnected&&x.focus({preventScroll:!0})},W=()=>{if(U)return;U=!0,i.style.opacity="0";let t=()=>{P=0,!T&&(K(),r.onClose?.())};P=window.setTimeout(t,a)},Y=t=>{if(t.key==="Tab"){t.preventDefault(),p.focus({preventScroll:!0});return}if(t.key==="Escape"){t.stopPropagation(),W();return}if(t.key==="ArrowLeft"||t.key==="ArrowRight")g+=t.key==="ArrowLeft"?-32:32;else if(t.key==="ArrowUp"||t.key==="ArrowDown")u+=(t.key==="ArrowUp"?4:-4)*(d/180);else if(t.key==="+"||t.key==="="){I(f-5),t.preventDefault();return}else if(t.key==="-"){I(f+5),t.preventDefault();return}else return;t.preventDefault(),B()};return window.addEventListener("keydown",Y),p.addEventListener("click",W),requestAnimationFrame(()=>{i.style.opacity="1"}),{close:W,dispose(){U=!0,T=!0,K()}}}0&&(module.exports={MAX_PITCH_DEG,VFOV_DEG,bearingToOffsetPx,clampPanoramaFov,clampPitchPx,horizonOffsetPy,isAuthoredSeatView,mountPanorama,seatViewDisclosure,windowedBgHeight});

package/dist/view3d/crossfade/panorama.d.cts

@@ -76,8 +76,6 @@ interface PanoramaHandle {
  * horizon-centred, and let the user drag pitch within ±`MAX_PITCH_DEG`.
  */
 declare const VFOV_DEG = 70;
-declare const MIN_VFOV_DEG = 35;
-declare const MAX_VFOV_DEG = 90;
 /** Keep wheel, keyboard and pinch zoom inside a useful, non-disorienting range. */
 declare function clampPanoramaFov(fovDeg: number): number;
 /** Users may look this far up/down from the horizon; well inside the image so
@@ -117,4 +115,4 @@ interface PanoramaOptions {
 }
 declare function mountPanorama(container: HTMLElement, view: SeatView, opts?: PanoramaOptions): PanoramaHandle;
 
-export { MAX_PITCH_DEG, MAX_VFOV_DEG, MIN_VFOV_DEG, type PanoramaHandle, type PanoramaOptions, type SeatView, VFOV_DEG, bearingToOffsetPx, clampPanoramaFov, clampPitchPx, horizonOffsetPy, isAuthoredSeatView, mountPanorama, seatViewDisclosure, windowedBgHeight };
+export { MAX_PITCH_DEG, type PanoramaHandle, type PanoramaOptions, type SeatView, VFOV_DEG, bearingToOffsetPx, clampPanoramaFov, clampPitchPx, horizonOffsetPy, isAuthoredSeatView, mountPanorama, seatViewDisclosure, windowedBgHeight };

package/dist/view3d/crossfade/panorama.d.ts

@@ -76,8 +76,6 @@ interface PanoramaHandle {
  * horizon-centred, and let the user drag pitch within ±`MAX_PITCH_DEG`.
  */
 declare const VFOV_DEG = 70;
-declare const MIN_VFOV_DEG = 35;
-declare const MAX_VFOV_DEG = 90;
 /** Keep wheel, keyboard and pinch zoom inside a useful, non-disorienting range. */
 declare function clampPanoramaFov(fovDeg: number): number;
 /** Users may look this far up/down from the horizon; well inside the image so
@@ -117,4 +115,4 @@ interface PanoramaOptions {
 }
 declare function mountPanorama(container: HTMLElement, view: SeatView, opts?: PanoramaOptions): PanoramaHandle;
 
-export { MAX_PITCH_DEG, MAX_VFOV_DEG, MIN_VFOV_DEG, type PanoramaHandle, type PanoramaOptions, type SeatView, VFOV_DEG, bearingToOffsetPx, clampPanoramaFov, clampPitchPx, horizonOffsetPy, isAuthoredSeatView, mountPanorama, seatViewDisclosure, windowedBgHeight };
+export { MAX_PITCH_DEG, type PanoramaHandle, type PanoramaOptions, type SeatView, VFOV_DEG, bearingToOffsetPx, clampPanoramaFov, clampPitchPx, horizonOffsetPy, isAuthoredSeatView, mountPanorama, seatViewDisclosure, windowedBgHeight };

package/dist/view3d/crossfade/panorama.js

@@ -1,30 +1 @@
-import {
-  MAX_PITCH_DEG,
-  MAX_VFOV_DEG,
-  MIN_VFOV_DEG,
-  VFOV_DEG,
-  bearingToOffsetPx,
-  clampPanoramaFov,
-  clampPitchPx,
-  horizonOffsetPy,
-  isAuthoredSeatView,
-  mountPanorama,
-  seatViewDisclosure,
-  windowedBgHeight
-} from "../../chunk-BE3F7CT3.js";
-import "../../chunk-AZODENEL.js";
-export {
-  MAX_PITCH_DEG,
-  MAX_VFOV_DEG,
-  MIN_VFOV_DEG,
-  VFOV_DEG,
-  bearingToOffsetPx,
-  clampPanoramaFov,
-  clampPitchPx,
-  horizonOffsetPy,
-  isAuthoredSeatView,
-  mountPanorama,
-  seatViewDisclosure,
-  windowedBgHeight
-};
-//# sourceMappingURL=panorama.js.map
+import{a,b,c,d,e,f,g,h,i,j}from"../../chunk-XPPT3OGQ.js";import"../../chunk-IJI4WU57.js";export{e as MAX_PITCH_DEG,c as VFOV_DEG,f as bearingToOffsetPx,d as clampPanoramaFov,i as clampPitchPx,h as horizonOffsetPy,b as isAuthoredSeatView,j as mountPanorama,a as seatViewDisclosure,g as windowedBgHeight};