@car-cutter/react-webplayer 0.10.0 → 0.12.0

package/dist/shared-DKvJSb9q.js

@@ -0,0 +1,4712 @@
+import { jsx as i, jsxs as pe, Fragment as at } from "react/jsx-runtime";
+import Ar, { useState as Le, useEffect as fe, createContext as Et, useContext as Ct, useMemo as et, useCallback as j, useRef as Ie, Fragment as Hr, PureComponent as Or } from "react";
+const St = "cc-webplayer", Jt = "cc-webplayer-custom-media", Qt = "cc-webplayer-icon", $t = "composition-loading", er = "composition-loaded", tr = "composition-load-error", rr = "item-change", or = "extend-mode-on", nr = "extend-mode-off", ar = "hotspots-on", ir = "hotspots-off", sr = "gallery-open", lr = "gallery-close", Fr = !1, Ur = !1, Vr = !1, Br = "quality", Wr = 0, Xr = 1 / 0, Yr = 1, Zr = !1, Gr = !1, jr = "*", qr = "full_screen", cr = "cc-webplayer:", Kr = !1, Jr = !1;
+function En(r, a) {
+  return `https://cdn.car-cutter.com/gallery/${r}/${a}/composition_v3.json`;
+}
+function Qr(r, a) {
+  const l = r.split("/"), s = l.pop();
+  return [l.join("/"), a, s].join("/");
+}
+function Cn() {
+  return !!customElements.get(St) && !!customElements.get(Jt) && !!customElements.get(Qt);
+}
+async function $r(r) {
+  const a = await fetch(r);
+  if (!a.ok)
+    throw new Error(`Failed to fetch composition: ${a.statusText}`);
+  return await a.json();
+}
+const Rt = /* @__PURE__ */ new Map(), eo = (r) => {
+  const [a, l] = Le({
+    status: "pending",
+    isSuccess: !1
+  });
+  return fe(() => {
+    const s = (f) => l({ status: "success", data: f, isSuccess: !0 }), p = Rt.get(r);
+    if (p && !(p instanceof Promise)) {
+      s(p);
+      return;
+    }
+    l({
+      status: "fetching",
+      isSuccess: !1
+    }), async function() {
+      try {
+        let f;
+        if (p)
+          f = await p;
+        else {
+          const E = $r(r);
+          Rt.set(r, E), f = await E, Rt.set(r, f);
+        }
+        s(f);
+      } catch (f) {
+        l({
+          status: "error",
+          isSuccess: !1,
+          error: f
+        });
+      }
+    }();
+  }, [r]), a;
+}, ur = Et(null), $e = () => {
+  const r = Ct(ur);
+  if (!r)
+    throw new Error(
+      "useGlobalContext must be used within a GlobalContextProvider"
+    );
+  return r;
+}, to = ({ children: r, ...a }) => /* @__PURE__ */ i(ur.Provider, { value: a, children: r }), dr = Et(null), it = () => {
+  const r = Ct(dr);
+  if (!r)
+    throw new Error(
+      "useCompositionContext must be used within a CompositionContextProvider"
+    );
+  return r;
+}, ro = ({ composition: r, children: a }) => {
+  const {
+    aspectRatio: l,
+    categories: s,
+    imageHdWidth: p,
+    imageSubWidths: f
+  } = r, { minMediaWidth: E, maxMediaWidth: e, categoriesFilter: x } = $e(), b = et(() => {
+    if (x === "*")
+      return s;
+    function o(L) {
+      return x.split("|").some((A) => new RegExp(`^${A.replace(/\*/g, ".*")}$`).test(L));
+    }
+    return s.filter(({ id: L }) => o(L));
+  }, [s, x]), z = et(
+    () => b.flatMap(({ items: o }) => o),
+    [b]
+  ), y = {
+    aspectRatio: l.replace(":", " / ")
+  }, h = et(() => {
+    const o = f.concat(p), L = o.sort((k, m) => k - m), A = L.filter(
+      (k) => k >= E && k <= e
+    );
+    if (A.length === 0) {
+      const k = (E + e) / 2, m = o.reduce(
+        (N, w) => Math.abs(w - k) < Math.abs(N - k) ? w : N,
+        p
+      );
+      return console.warn(
+        `None of available media widths (${L.join("|")}) match the given constraints (${E > 0 ? `${E} ≤ ` : ""}width${e < 1 / 0 ? ` ≤ ${e}` : ""}).`,
+        `Using the closest width instead (${m}).`
+      ), [m];
+    }
+    return A;
+  }, [f, p, E, e]);
+  return /* @__PURE__ */ i(
+    dr.Provider,
+    {
+      value: {
+        ...r,
+        categories: b,
+        items: z,
+        aspectRatioStyle: y,
+        usedMediaWidths: h
+      },
+      children: a
+    }
+  );
+}, pr = 500, dt = 0.75, ct = 1 + dt * 2;
+function tt(r, a, l) {
+  return Math.min(Math.max(r, a), l);
+}
+const yt = (r, a, l) => r + (a - r) * l, Bt = (r, a, l, s, p, f = !1) => {
+  const E = tt(r, a, l);
+  if (E === (f ? l : a)) return s;
+  if (E === (f ? a : l)) return 1;
+  const e = (E - a) / (l - a), b = 1 + (f ? e : 1 - e) * (s - 1), y = 1 + Math.round((b - 1) / p) * p;
+  return tt(y, 1, s);
+}, hr = Et(null), _t = () => Ct(hr), ft = () => {
+  const r = _t();
+  if (!r)
+    throw new Error(
+      "useCustomizationContext must be used within a CustomizationContextProvider"
+    );
+  return r;
+}, Wt = "*:size-full", Xt = "*:object-cover *:size-full", oo = ({ children: r }) => {
+  const { compositionUrl: a } = $e(), l = j(
+    () => document.querySelector(
+      `${St}[composition-url="${a}"]`
+    ),
+    [a]
+  ), s = j((L) => {
+    const A = L.querySelectorAll(Qt), k = /* @__PURE__ */ new Map();
+    for (const m of A) {
+      const N = m.getAttribute("name");
+      if (!N) {
+        console.warn("Icon element is missing a name attribute");
+        continue;
+      }
+      const w = m.innerHTML, d = w ? /* @__PURE__ */ i(
+        "div",
+        {
+          className: Wt,
+          dangerouslySetInnerHTML: { __html: w }
+        }
+      ) : void 0;
+      if (!d) {
+        console.warn(`Icon "${N}" customization is empty.`);
+        continue;
+      }
+      k.set(N, { Icon: d });
+    }
+    return k;
+  }, []), [p, f] = Le(
+    () => {
+      const L = l();
+      return L ? s(L) : /* @__PURE__ */ new Map();
+    }
+  );
+  fe(() => {
+    const L = l();
+    if (!L)
+      return;
+    const A = new MutationObserver(() => {
+      f(s(L));
+    });
+    return A.observe(L, {
+      childList: !0,
+      subtree: !0
+    }), () => A.disconnect();
+  }, [s, l]);
+  const E = j(
+    (L) => p.get(L),
+    [p]
+  ), e = j(
+    (L, A) => {
+      f((k) => {
+        const { Icon: m, ...N } = A;
+        return new Map(
+          k.set(L, {
+            ...N,
+            Icon: /* @__PURE__ */ i("div", { className: Wt, children: m })
+          })
+        );
+      });
+    },
+    []
+  ), x = j((L) => {
+    f((A) => (A.delete(L), new Map(A)));
+  }, []), b = j((L) => {
+    const A = L.querySelectorAll(
+      Jt
+    ), k = new Array();
+    for (const m of A) {
+      const N = m.innerHTML;
+      if (!N) {
+        console.warn("Custom media element is empty");
+        continue;
+      }
+      const w = Number(m.getAttribute("index"));
+      if (Number.isNaN(w)) {
+        console.warn("Custom media element is missing the 'index' attribute");
+        continue;
+      }
+      const d = m.getAttribute("thumbnail-src") ?? void 0, C = JSON.stringify({ index: w, thumbnailSrc: d });
+      k.push({
+        id: C,
+        Media: /* @__PURE__ */ i(
+          "div",
+          {
+            className: Xt,
+            dangerouslySetInnerHTML: { __html: N }
+          }
+        ),
+        index: w,
+        thumbnailSrc: d
+      });
+    }
+    return k;
+  }, []), [z, y] = Le(() => {
+    const L = l();
+    return L ? b(L) : [];
+  });
+  fe(() => {
+    const L = l();
+    if (!L)
+      return;
+    const A = new MutationObserver(() => {
+      y(b(L));
+    });
+    return A.observe(L, {
+      childList: !0,
+      subtree: !0
+    }), () => A.disconnect();
+  }, [b, l]);
+  const h = j((L) => {
+    const { Media: A, ...k } = L, m = /* @__PURE__ */ i("div", { className: Xt, children: A }), N = JSON.stringify(k);
+    return y((w) => [
+      ...w,
+      {
+        id: N,
+        Media: m,
+        ...k
+      }
+    ]), N;
+  }, []), o = j((L) => {
+    y(
+      (A) => A.filter((k) => k.id !== L)
+    );
+  }, []);
+  return /* @__PURE__ */ i(
+    hr.Provider,
+    {
+      value: {
+        getIconConfig: E,
+        registerIconConfig: e,
+        unregisterIconConfig: x,
+        customMediaList: z,
+        registerCustomMedia: h,
+        unregisterCustomMedia: o
+      },
+      children: r
+    }
+  );
+}, fr = Et(null), Ke = () => {
+  const r = Ct(fr);
+  if (!r)
+    throw new Error(
+      "useControlsContext must be used within a ControlsContextProvider"
+    );
+  return r;
+}, no = ({
+  children: r
+}) => {
+  const {
+    infiniteCarrousel: a,
+    extendBehavior: l,
+    emitEvent: s,
+    isFullScreen: p,
+    requestFullscreen: f,
+    exitFullscreen: E
+  } = $e(), { customMediaList: e } = ft(), { categories: x, items: b } = it(), z = et(() => {
+    const Z = new Array(
+      ...b
+    ), ie = e.slice().sort((ge, be) => ge.index < 0 && be.index < 0 ? be.index - ge.index : ge.index < 0 ? 1 : be.index < 0 ? -1 : ge.index - be.index);
+    for (const ge of ie) {
+      let be = ge.index;
+      be < 0 && (be = Z.length + be + 1), Z.splice(be, 0, {
+        type: "custom",
+        ...ge
+      });
+    }
+    return Z;
+  }, [b, e]), [y, h] = Le(z.map(() => null));
+  fe(() => {
+    h(z.map(() => null));
+  }, [z]);
+  const o = j(
+    (Z, ie) => {
+      h(
+        (ge) => ge.map((be, _e) => _e === Z ? ie : be)
+      );
+    },
+    []
+  ), [L, A] = Le(0), [k, m] = Le(null), N = k ?? L, w = z[N], d = y[N], [C, I] = Le(
+    null
+  ), O = !!C, M = j(() => I(null), []), X = j(() => {
+    if (O || k !== null)
+      return;
+    const Z = L - 1;
+    Z >= 0 ? m(Z) : a && (I("first_to_last"), m(z.length - 1));
+  }, [
+    O,
+    k,
+    L,
+    a,
+    z.length
+  ]), S = j(() => {
+    if (O || k !== null)
+      return;
+    const Z = L + 1;
+    Z < z.length ? m(Z) : a && (I("last_to_first"), m(0));
+  }, [
+    O,
+    k,
+    L,
+    z.length,
+    a
+  ]), V = j(
+    (Z) => {
+      const ie = Math.min(L, Z), ge = Math.max(L, Z);
+      y.slice(ie, ge + 1).filter((_e) => _e === null).length > 2 && I("instant"), m(Z);
+    },
+    [L, y]
+  );
+  fe(() => {
+    s(rr, {
+      index: N,
+      item: w
+    });
+  }, [w, s, N]);
+  const te = et(() => {
+    let Z;
+    if (w.type === "custom") {
+      const ie = z.slice(0, N).reverse().find((ge) => ge.type !== "custom") ?? z.slice(N + 1).find((ge) => ge.type !== "custom");
+      if (!ie)
+        throw new Error("No non-custom item found");
+      Z = ie;
+    } else
+      Z = w;
+    for (const ie of x)
+      if (ie.items.includes(Z))
+        return ie.id;
+    throw new Error("Current item not found in any category");
+  }, [x, w, z, N]), W = j(
+    (Z) => {
+      const ie = x.find(({ id: be }) => be === Z)?.items[0];
+      if (ie === void 0)
+        throw new Error("Failed to find target category");
+      const ge = z.findIndex((be) => be === ie);
+      V(ge);
+    },
+    [x, z, V]
+  ), T = et(() => {
+    switch (w.type) {
+      case "image":
+        return !!w.hotspots?.length;
+      case "360":
+        return d === "running" && w.images.some((Z) => !!Z.hotspots?.length);
+      default:
+        return !1;
+    }
+  }, [w, d]), [F, P] = Le(!0), B = j(() => {
+    const Z = !F;
+    P(Z), s(Z ? ar : ir);
+  }, [s, F]), J = et(() => {
+    switch (w.type) {
+      case "video":
+        return d !== "running";
+      default:
+        return !0;
+    }
+  }, [w, d]), [me, xe] = Le(!1), Pe = j(() => {
+    const Z = !me;
+    xe(Z), s(Z ? sr : lr);
+  }, [s, me]), [ne, re] = Le(null), G = j(() => re(null), []), ve = !!ne, H = et(() => {
+    switch (w.type) {
+      case "image":
+        return !0;
+      case "interior-360":
+        return d === "running";
+      case "360":
+        return d === "running";
+      default:
+        return !1;
+    }
+  }, [w.type, d]), [ze, Y] = Le(1), Re = ze !== 1, Be = ze < ct, Ze = ze > 1, Oe = j((Z) => {
+    Y((ie) => tt(ie + Z, 1, ct));
+  }, []), c = j(() => Y(1), []), g = j(() => Oe(dt), [Oe]), le = j(() => Oe(-0.75), [Oe]), oe = j(() => {
+    c(), G();
+  }, [c, G]), [q, v] = Le(!1), [Q, $] = Le(), [he, ae] = Le(!1), Se = j(
+    async (Z) => {
+      oe(), v(Z), s(Z ? or : nr);
+    },
+    [s, oe]
+  ), ke = j(() => {
+    clearTimeout(Q);
+    const Z = setTimeout(() => {
+      $(void 0);
+    }, pr);
+    $(Z);
+  }, [Q]), Ue = j(async () => {
+    if (ke(), l === "full_screen") {
+      const Z = await f();
+      if (ae(!Z), Z)
+        return;
+    }
+    Se(!0);
+  }, [
+    l,
+    Se,
+    f,
+    ke
+  ]), Ge = j(async () => {
+    ke(), !(l === "full_screen" && (ae(!1), await E())) && Se(!1);
+  }, [
+    l,
+    Se,
+    E,
+    ke
+  ]), Ye = j(() => {
+    q ? Ge() : Ue();
+  }, [Ge, Ue, q]);
+  return fe(() => {
+    l === "full_screen" && (he && q || p !== q && (ke(), Se(p)));
+  }, [
+    l,
+    Se,
+    q,
+    he,
+    p,
+    ke
+  ]), /* @__PURE__ */ i(
+    fr.Provider,
+    {
+      value: {
+        items: z,
+        setItemInteraction: o,
+        slidable: z.length > 1,
+        carrouselItemIndex: L,
+        setCarrouselItemIndex: A,
+        itemIndexCommand: k,
+        setItemIndexCommand: m,
+        masterItemIndex: N,
+        specialCommand: C,
+        isRunningSpecialCommand: O,
+        finishSpecialCommand: M,
+        prevItem: X,
+        nextItem: S,
+        scrollToItemIndex: V,
+        displayedCategoryId: te,
+        changeCategory: W,
+        enableHotspotsControl: T,
+        showHotspots: F,
+        toggleHotspots: B,
+        showGalleryControls: J,
+        showGallery: me,
+        toggleGallery: Pe,
+        shownDetails: ne,
+        isShowingDetails: ve,
+        setShownDetails: re,
+        resetShownDetails: G,
+        showZoomControls: H,
+        zoom: ze,
+        isZooming: Re,
+        setZoom: Y,
+        resetZoom: c,
+        canZoomIn: Be,
+        zoomIn: g,
+        canZoomOut: Ze,
+        zoomOut: le,
+        resetView: oe,
+        extendMode: q,
+        enableExtendMode: Ue,
+        disableExtendMode: Ge,
+        toggleExtendMode: Ye,
+        extendTransition: !!Q,
+        fakeFullScreen: he
+      },
+      children: r
+    }
+  );
+}, mr = ["left", "center", "right", "fullW"], gr = ["top", "middle", "bottom", "fullH"], ao = [
+  ...mr,
+  ...gr,
+  "top-left",
+  "top-center",
+  "top-right",
+  "top-fullW",
+  "middle-left",
+  "middle-center",
+  "middle-right",
+  "middle-fullW",
+  "bottom-left",
+  "bottom-center",
+  "bottom-right",
+  "bottom-fullW",
+  "fullH-left",
+  "fullH-center",
+  "fullH-right",
+  "fullW-fullW"
+];
+function io(r) {
+  return mr.includes(r);
+}
+function so(r) {
+  return gr.includes(r);
+}
+function lo(r) {
+  return ao.includes(r);
+}
+function co(r) {
+  if (!lo(r))
+    throw new Error(`Invalid position: ${r}`);
+  return so(r) ? [r, void 0] : io(r) ? [void 0, r] : r.split("-");
+}
+function ce(...r) {
+  return r.filter((a) => !!a).map((a) => a.trim()).join(" ");
+}
+function uo(r) {
+  switch (r) {
+    case "left":
+      return "left-1 small:left-2";
+    case "right":
+      return "right-1 small:right-2";
+    case "center":
+      return "left-1/2 -translate-x-1/2";
+    case "fullW":
+      return "inset-x-1 small:inset-x-2";
+  }
+}
+function vr(r) {
+  switch (r) {
+    case "top":
+      return "top-1 small:top-2";
+    case "bottom":
+      return "bottom-1 small:bottom-2";
+    case "middle":
+      return "top-1/2 -translate-y-1/2";
+    case "fullH":
+      return "inset-y-1 small:inset-y-2";
+  }
+}
+function po({
+  positionX: r,
+  positionY: a
+}) {
+  const l = new Array();
+  return r && l.push(uo(r)), a && l.push(vr(a)), l.join(" ");
+}
+function ut(r) {
+  const [a, l] = co(r);
+  return po({ positionX: l, positionY: a });
+}
+const Xe = ({
+  customizationKey: r,
+  className: a,
+  children: l
+}) => {
+  const { getIconConfig: s } = ft(), f = s(r)?.Icon;
+  return f ? a ? /* @__PURE__ */ i("div", { className: a, children: f }) : f : l;
+}, ho = ({ className: r }) => /* @__PURE__ */ i(Xe, { className: r, customizationKey: "UI_CLOSE", children: /* @__PURE__ */ i(
+  "svg",
+  {
+    className: r,
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ i(
+      "path",
+      {
+        d: "M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z",
+        fill: "currentColor"
+      }
+    )
+  }
+) }), fo = {
+  fill: {
+    primary: "bg-primary text-primary-foreground hover:opacity-80",
+    neutral: "bg-background text-neutral-foreground hover:opacity-80"
+  },
+  ghost: {
+    primary: "bg-transparent text-foreground hover:bg-primary/25",
+    neutral: "bg-transparent text-background hover:bg-foreground/25"
+  }
+}, mo = {
+  button: "h-8 px-2",
+  icon: "size-8 p-2"
+}, Qe = ({
+  variant: r = "fill",
+  shape: a = "button",
+  color: l = "primary",
+  className: s,
+  children: p,
+  ...f
+}) => {
+  const E = fo[r][l], e = mo[a];
+  return /* @__PURE__ */ i(
+    "button",
+    {
+      className: ce(
+        "flex items-center justify-center rounded-ui text-sm transition-all disabled:opacity-60",
+        E,
+        e,
+        s
+      ),
+      ...f,
+      children: p
+    }
+  );
+}, wr = (r) => /* @__PURE__ */ i(Qe, { color: "neutral", shape: "icon", ...r, children: /* @__PURE__ */ i(ho, { className: "size-full" }) }), Nt = ({ text: r, className: a }) => /* @__PURE__ */ pe(
+  "div",
+  {
+    className: ce(
+      "flex size-full flex-col items-center justify-center gap-y-4",
+      a
+    ),
+    children: [
+      /* @__PURE__ */ i(
+        "img",
+        {
+          className: "h-20 small:h-28",
+          src: "https://cdn.car-cutter.com/libs/web-player/v3/assets/car_placeholder.png"
+        }
+      ),
+      /* @__PURE__ */ i("div", { className: "text-2xl font-bold", children: r })
+    ]
+  }
+), go = {
+  primary: "border-primary",
+  foreground: "border-foreground",
+  background: "border-background"
+}, vo = {
+  sm: "size-4 border",
+  md: "size-8 border-2",
+  lg: "size-12 border-4"
+}, xr = ({
+  color: r = "foreground",
+  size: a = "md"
+}) => {
+  const l = go[r], s = vo[a];
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      className: ce(
+        "inline-block animate-rotation rounded-full border-b-transparent",
+        s,
+        l
+      )
+    }
+  );
+}, pt = ({
+  src: r,
+  className: a,
+  onLoad: l,
+  imgInPlayerWidthRatio: s = 1,
+  onlyThumbnail: p,
+  fadeIn: f,
+  ...E
+}) => {
+  const { mediaLoadStrategy: e, playerInViewportWidthRatio: x } = $e(), { imageHdWidth: b, usedMediaWidths: z } = it(), [y, h] = et(() => {
+    const A = z.map((m) => `${m !== b ? Qr(r, m) : r} ${m}w`);
+    let k;
+    if (p)
+      k = [`${z[0]}px`];
+    else {
+      const m = 1 / (s * x);
+      switch (e) {
+        case "quality": {
+          const N = [...z], w = N.pop();
+          k = N.map(
+            (d) => `(max-width: ${m * d}px) ${d}px`
+          ), k.push(`${w}px`);
+          break;
+        }
+        case "balanced": {
+          k = [];
+          for (let N = 0; N < z.length - 1; N++) {
+            const w = z[N], d = z[N + 1], C = Math.round((w + d) / 2);
+            k.push(
+              `(max-width: ${m * C}px) ${w}px`
+            );
+          }
+          k.push(`${z[z.length - 1]}px`);
+          break;
+        }
+        case "speed": {
+          const N = [...z], w = N.shift();
+          k = N.reverse().map(
+            (d) => `(min-width: ${m * d}px) ${d}px`
+          ), k.push(`${w}px`);
+          break;
+        }
+      }
+    }
+    return [A.join(", "), k.join(", ")];
+  }, [
+    b,
+    s,
+    e,
+    p,
+    x,
+    r,
+    z
+  ]), [o, L] = Le();
+  return fe(() => {
+    if (o === !0)
+      return;
+    const A = setTimeout(() => {
+      L((k) => k ?? !1);
+    }, 30);
+    return () => clearTimeout(A);
+  }, [o]), /* @__PURE__ */ i(
+    "img",
+    {
+      src: r,
+      srcSet: y,
+      sizes: h,
+      className: ce(
+        a,
+        f && ce(
+          o !== void 0 && "transition-opacity duration-200",
+          o === !1 && "opacity-0",
+          o === !0 && "opacity-100"
+        )
+      ),
+      onLoad: (A) => {
+        L(!0), l?.(A);
+      },
+      ...E
+    }
+  );
+}, br = ({ className: r }) => /* @__PURE__ */ i(Xe, { className: r, customizationKey: "UI_IMAGE", children: /* @__PURE__ */ i("svg", { className: r, viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ i(
+  "path",
+  {
+    d: "M9.5 2.5V9.5H2.5V2.5H9.5ZM9.5 1.5H2.5C1.95 1.5 1.5 1.95 1.5 2.5V9.5C1.5 10.05 1.95 10.5 2.5 10.5H9.5C10.05 10.5 10.5 10.05 10.5 9.5V2.5C10.5 1.95 10.05 1.5 9.5 1.5ZM7.07 5.93L5.57 7.865L4.5 6.57L3 8.5H9L7.07 5.93Z",
+    fill: "currentColor"
+  }
+) }) }), yr = ({ className: r }) => /* @__PURE__ */ i(Xe, { className: r, customizationKey: "INTERIOR_UI_360", children: /* @__PURE__ */ pe(
+  "svg",
+  {
+    className: r,
+    viewBox: "0 0 98 98",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [
+      /* @__PURE__ */ i(
+        "path",
+        {
+          d: "M30.9343 48C26.8559 48 24.3496 46.2454 23.3411 44.1517C23.1038 43.6651 23 43.1933 23 42.7509C23 41.6008 23.7415 40.8784 24.9725 40.8784C25.8623 40.8784 26.4259 41.2322 26.8708 42.0432C27.6271 43.5324 28.7839 44.4171 31.0085 44.4171C33.2034 44.4171 34.7161 43.149 34.7161 41.3797C34.731 39.3154 33.2034 38.1653 30.6081 38.1653H29.6737C28.5911 38.1653 27.9682 37.5313 27.9682 36.5729C27.9682 35.644 28.5911 34.9952 29.6737 34.9952H30.5488C32.7882 34.9952 34.2416 33.7862 34.2416 32.0463C34.2416 30.336 33.0848 29.2006 30.9195 29.2006C29.1102 29.2006 28.0127 29.9526 27.3157 31.4565C26.8263 32.4592 26.3072 32.8278 25.2987 32.8278C24.053 32.8278 23.4153 32.1053 23.4153 31.0289C23.4153 30.5276 23.5191 30.1 23.7415 29.5987C24.6907 27.5197 27.1229 25.7799 30.9047 25.7799C35.428 25.7799 38.4831 28.0063 38.4831 31.4123C38.4831 34.1106 36.5403 35.8799 34.0191 36.396V36.4845C37.2077 36.7793 39.2691 38.6372 39.2691 41.5713C39.2691 45.4344 35.9026 48 30.9343 48Z",
+          fill: "white"
+        }
+      ),
+      /* @__PURE__ */ i(
+        "path",
+        {
+          d: "M50.5032 48C47.107 48 44.4079 46.4223 42.8358 43.2965C42.0201 41.6451 41.5752 39.5366 41.5752 37.0595C41.5752 30.0116 44.9566 25.7651 50.5181 25.7651C54.0626 25.7651 56.6134 27.2543 57.6219 29.2448C57.8295 29.6577 57.9333 30.0411 57.9333 30.4392C57.9333 31.4271 57.2363 32.1938 56.0647 32.1938C55.1749 32.1938 54.641 31.8104 53.9884 31.0584C53.0096 29.8346 51.9715 29.2891 50.5032 29.2891C47.4481 29.2891 45.8909 32.179 45.8613 36.7204V36.9415H45.9502C46.7808 34.9658 48.8867 33.5208 51.7787 33.5208C55.9164 33.5208 58.749 36.455 58.749 40.4508C58.749 44.8594 55.2787 48 50.5032 48ZM50.4439 44.4613C52.6388 44.4613 54.374 42.7804 54.3888 40.6424C54.3888 38.4013 52.7426 36.8088 50.4884 36.8088C48.2193 36.8088 46.5286 38.3865 46.5286 40.554C46.5286 42.7509 48.249 44.4613 50.4439 44.4613Z",
+          fill: "white"
+        }
+      ),
+      /* @__PURE__ */ i(
+        "path",
+        {
+          d: "M68.9374 48C63.5094 48 60.2022 43.7388 60.2022 36.8531C60.2022 29.9821 63.5391 25.7651 68.9374 25.7651C74.3357 25.7651 77.6577 29.9673 77.6577 36.8383C77.6577 43.7093 74.3654 48 68.9374 48ZM68.9374 44.4318C71.5772 44.4318 73.1048 41.7335 73.1048 36.8531C73.1048 32.0021 71.5624 29.3333 68.9374 29.3333C66.3272 29.3333 64.7552 32.0168 64.7552 36.8531C64.7552 41.7335 66.2975 44.4318 68.9374 44.4318Z",
+          fill: "white"
+        }
+      ),
+      /* @__PURE__ */ i(
+        "path",
+        {
+          d: "M81.6758 28.4244C78.6504 28.4244 76.3665 26.1685 76.3665 23.2048C76.3665 20.2559 78.6504 18 81.6758 18C84.6864 18 87 20.2559 87 23.2048C87 26.1685 84.6864 28.4244 81.6758 28.4244ZM81.6758 25.4755C82.9364 25.4755 83.9152 24.4581 83.9152 23.2048C83.9152 21.9368 82.9216 20.9489 81.6758 20.9489C80.4597 20.9489 79.4364 21.9368 79.4364 23.2048C79.4364 24.4581 80.4449 25.4755 81.6758 25.4755Z",
+          fill: "white"
+        }
+      ),
+      /* @__PURE__ */ i(
+        "path",
+        {
+          d: "M37.3915 79.7285C36.5538 79.7285 36.0601 79.2171 36.0601 78.3442V68.0541C36.0601 67.1724 36.5538 66.661 37.3915 66.661C38.2292 66.661 38.7229 67.1724 38.7229 68.0541V78.3442C38.7229 79.2171 38.2292 79.7285 37.3915 79.7285Z",
+          fill: "white"
+        }
+      ),
+      /* @__PURE__ */ i(
+        "path",
+        {
+          d: "M43.7429 79.7285C42.9405 79.7285 42.4644 79.2436 42.4644 78.3971V67.9924C42.4644 67.1459 42.9582 66.661 43.8047 66.661C44.3513 66.661 44.7217 66.8814 45.1273 67.4369L50.6294 75.1258H50.6999V68.0012C50.6999 67.1459 51.1761 66.661 51.9785 66.661C52.7809 66.661 53.2482 67.1459 53.2482 68.0012V78.4324C53.2482 79.2612 52.7809 79.7285 51.9432 79.7285C51.3701 79.7285 51.0174 79.5257 50.6118 78.9614L45.092 71.2284H45.0126V78.3971C45.0126 79.2436 44.5365 79.7285 43.7429 79.7285Z",
+          fill: "white"
+        }
+      ),
+      /* @__PURE__ */ i(
+        "path",
+        {
+          d: "M61.3719 79.7285C60.5343 79.7285 60.0405 79.2171 60.0405 78.3442V69.0417H57.4129C56.6898 69.0417 56.2049 68.6273 56.2049 67.9395C56.2049 67.2518 56.681 66.8373 57.4129 66.8373H65.3398C66.0629 66.8373 66.539 67.2518 66.539 67.9395C66.539 68.6273 66.054 69.0417 65.3398 69.0417H62.7034V78.3442C62.7034 79.2171 62.2096 79.7285 61.3719 79.7285Z",
+          fill: "white"
+        }
+      ),
+      /* @__PURE__ */ i(
+        "path",
+        {
+          d: "M11.5291 40.7269C5.85358 44.3944 2.5 48.9252 2.5 53.8286C2.5 62.4095 12.77 69.8493 27.7816 73.5179M86.4709 40.7269C92.1464 44.3944 95.5 48.9252 95.5 53.8286C95.5 61.8751 86.4695 68.9181 72.967 72.7891M27.7816 73.5179L23.267 65.1144M27.7816 73.5179L19.6553 77.7552",
+          stroke: "currentColor",
+          strokeWidth: "4.51456",
+          strokeLinecap: "round"
+        }
+      )
+    ]
+  }
+) }), Mt = ({ className: r }) => /* @__PURE__ */ i(Xe, { className: r, customizationKey: "UI_PLAY", children: /* @__PURE__ */ i(
+  "svg",
+  {
+    className: r,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: /* @__PURE__ */ i("polygon", { points: "6 3 20 12 6 21 6 3" })
+  }
+) }), Er = ({ className: r }) => /* @__PURE__ */ i(Xe, { className: r, customizationKey: "UI_360", children: /* @__PURE__ */ pe(
+  "svg",
+  {
+    className: r,
+    viewBox: "0 0 98 98",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [
+      /* @__PURE__ */ i(
+        "path",
+        {
+          d: "M30.9343 48C26.8559 48 24.3496 46.2454 23.3411 44.1517C23.1038 43.6651 23 43.1933 23 42.7509C23 41.6008 23.7415 40.8784 24.9725 40.8784C25.8623 40.8784 26.4259 41.2322 26.8708 42.0432C27.6271 43.5324 28.7839 44.4171 31.0085 44.4171C33.2034 44.4171 34.7161 43.149 34.7161 41.3797C34.731 39.3154 33.2034 38.1653 30.6081 38.1653H29.6737C28.5911 38.1653 27.9682 37.5313 27.9682 36.5729C27.9682 35.644 28.5911 34.9952 29.6737 34.9952H30.5488C32.7882 34.9952 34.2416 33.7862 34.2416 32.0463C34.2416 30.336 33.0848 29.2006 30.9195 29.2006C29.1102 29.2006 28.0127 29.9526 27.3157 31.4565C26.8263 32.4592 26.3072 32.8278 25.2987 32.8278C24.053 32.8278 23.4153 32.1053 23.4153 31.0289C23.4153 30.5276 23.5191 30.1 23.7415 29.5987C24.6907 27.5197 27.1229 25.7799 30.9047 25.7799C35.428 25.7799 38.4831 28.0063 38.4831 31.4123C38.4831 34.1106 36.5403 35.8799 34.0191 36.396V36.4845C37.2077 36.7793 39.2691 38.6372 39.2691 41.5713C39.2691 45.4344 35.9026 48 30.9343 48Z",
+          fill: "white"
+        }
+      ),
+      /* @__PURE__ */ i(
+        "path",
+        {
+          d: "M50.5032 48C47.107 48 44.4079 46.4223 42.8358 43.2965C42.0201 41.6451 41.5752 39.5366 41.5752 37.0595C41.5752 30.0116 44.9566 25.7651 50.5181 25.7651C54.0626 25.7651 56.6134 27.2543 57.6219 29.2448C57.8295 29.6577 57.9333 30.0411 57.9333 30.4392C57.9333 31.4271 57.2363 32.1938 56.0647 32.1938C55.1749 32.1938 54.641 31.8104 53.9884 31.0584C53.0096 29.8346 51.9715 29.2891 50.5032 29.2891C47.4481 29.2891 45.8909 32.179 45.8613 36.7204V36.9415H45.9502C46.7808 34.9658 48.8867 33.5208 51.7787 33.5208C55.9164 33.5208 58.749 36.455 58.749 40.4508C58.749 44.8594 55.2787 48 50.5032 48ZM50.4439 44.4613C52.6388 44.4613 54.374 42.7804 54.3888 40.6424C54.3888 38.4013 52.7426 36.8088 50.4884 36.8088C48.2193 36.8088 46.5286 38.3865 46.5286 40.554C46.5286 42.7509 48.249 44.4613 50.4439 44.4613Z",
+          fill: "white"
+        }
+      ),
+      /* @__PURE__ */ i(
+        "path",
+        {
+          d: "M68.9374 48C63.5094 48 60.2022 43.7388 60.2022 36.8531C60.2022 29.9821 63.5391 25.7651 68.9374 25.7651C74.3357 25.7651 77.6577 29.9673 77.6577 36.8383C77.6577 43.7093 74.3654 48 68.9374 48ZM68.9374 44.4318C71.5772 44.4318 73.1048 41.7335 73.1048 36.8531C73.1048 32.0021 71.5624 29.3333 68.9374 29.3333C66.3272 29.3333 64.7552 32.0168 64.7552 36.8531C64.7552 41.7335 66.2975 44.4318 68.9374 44.4318Z",
+          fill: "white"
+        }
+      ),
+      /* @__PURE__ */ i(
+        "path",
+        {
+          d: "M81.6758 28.4244C78.6504 28.4244 76.3665 26.1685 76.3665 23.2048C76.3665 20.2559 78.6504 18 81.6758 18C84.6864 18 87 20.2559 87 23.2048C87 26.1685 84.6864 28.4244 81.6758 28.4244ZM81.6758 25.4755C82.9364 25.4755 83.9152 24.4581 83.9152 23.2048C83.9152 21.9368 82.9216 20.9489 81.6758 20.9489C80.4597 20.9489 79.4364 21.9368 79.4364 23.2048C79.4364 24.4581 80.4449 25.4755 81.6758 25.4755Z",
+          fill: "white"
+        }
+      ),
+      /* @__PURE__ */ i(
+        "path",
+        {
+          d: "M34.6814 79.561C33.8438 79.561 33.35 79.0496 33.35 78.1678V68.2217C33.35 67.3487 33.8438 66.8373 34.6814 66.8373H40.7302C41.4621 66.8373 41.9382 67.2518 41.9382 67.9395C41.9382 68.6273 41.4533 69.0417 40.7302 69.0417H36.0129V72.1014H40.501C41.1623 72.1014 41.612 72.4894 41.612 73.1242C41.612 73.7591 41.1711 74.147 40.501 74.147H36.0129V77.3566H40.7302C41.4533 77.3566 41.9382 77.771 41.9382 78.4588C41.9382 79.1466 41.4621 79.561 40.7302 79.561H34.6814Z",
+          fill: "white"
+        }
+      ),
+      /* @__PURE__ */ i(
+        "path",
+        {
+          d: "M46.4115 79.7285C45.7061 79.7285 45.1506 79.2171 45.1506 78.5734C45.1506 78.2472 45.2564 77.965 45.5121 77.6123L48.6864 73.1859V73.1154L45.6179 68.9359C45.327 68.5479 45.23 68.2569 45.23 67.9131C45.23 67.19 45.8031 66.661 46.5791 66.661C47.0817 66.661 47.4344 66.8814 47.7782 67.4017L50.5028 71.4224H50.5734L53.3862 67.3135C53.6948 66.855 53.9593 66.661 54.4707 66.661C55.1673 66.661 55.7669 67.1636 55.7669 67.7984C55.7669 68.1423 55.6699 68.4245 55.4142 68.7507L52.1076 73.1683V73.23L55.3172 77.5594C55.5641 77.8768 55.6699 78.1766 55.6699 78.5293C55.6699 79.2259 55.132 79.7285 54.3914 79.7285C53.9064 79.7285 53.5802 79.5345 53.2363 79.0672L50.397 75.1082H50.3265L47.5313 79.076C47.1963 79.561 46.9141 79.7285 46.4115 79.7285Z",
+          fill: "white"
+        }
+      ),
+      /* @__PURE__ */ i(
+        "path",
+        {
+          d: "M63.7055 79.7285C62.8678 79.7285 62.374 79.2171 62.374 78.3442V69.0417H59.7464C59.0234 69.0417 58.5384 68.6273 58.5384 67.9395C58.5384 67.2518 59.0146 66.8373 59.7464 66.8373H67.6734C68.3964 66.8373 68.8725 67.2518 68.8725 67.9395C68.8725 68.6273 68.3876 69.0417 67.6734 69.0417H65.0369V78.3442C65.0369 79.2171 64.5431 79.7285 63.7055 79.7285Z",
+          fill: "white"
+        }
+      ),
+      /* @__PURE__ */ i(
+        "path",
+        {
+          d: "M11.5291 40.7263C5.85358 44.3937 2.5 48.9245 2.5 53.828C2.5 62.4089 12.77 69.8486 27.7816 73.5172M86.4709 40.7263C92.1464 44.3937 95.5 48.9245 95.5 53.828C95.5 61.8744 86.4695 68.9174 72.967 72.7885M27.7816 73.5172L23.267 65.1137M27.7816 73.5172L19.6553 77.7545",
+          stroke: "currentColor",
+          strokeWidth: "4.51456",
+          strokeLinecap: "round"
+        }
+      )
+    ]
+  }
+) }), wo = ({
+  src: r,
+  withCdn: a
+}) => {
+  const { permanentGallery: l } = $e();
+  if (!r)
+    return null;
+  const s = "size-full object-cover";
+  return a ? /* @__PURE__ */ i(
+    pt,
+    {
+      className: s,
+      src: r,
+      onlyThumbnail: !0,
+      fadeIn: !l
+    }
+  ) : /* @__PURE__ */ i("img", { className: s, src: r });
+}, wt = ({
+  children: r
+}) => {
+  const { extendMode: a } = Ke();
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      className: ce(
+        "flex aspect-square h-3/4 items-center justify-center rounded-full bg-foreground/50 p-1",
+        a && "large:h-3/5 large:p-2"
+      ),
+      children: r
+    }
+  );
+}, xo = ({ item: r }) => {
+  const { aspectRatioStyle: a } = it(), { type: l } = r;
+  let s, p;
+  switch (l) {
+    case "360":
+      s = r.images[0].src, p = !0;
+      break;
+    case "interior-360":
+      s = r.poster, p = !0;
+      break;
+    case "image":
+      s = r.src, p = !0;
+      break;
+    case "video":
+      s = r.poster, p = !0;
+      break;
+    case "custom":
+      s = r.thumbnailSrc, p = !1;
+      break;
+    default:
+      p = !1;
+  }
+  const f = /* @__PURE__ */ i(wo, { src: s, withCdn: p });
+  let E;
+  switch (l) {
+    case "360":
+      E = /* @__PURE__ */ i(wt, { children: /* @__PURE__ */ i(Er, { className: "size-full text-primary-light" }) });
+      break;
+    case "interior-360":
+      E = /* @__PURE__ */ i(wt, { children: /* @__PURE__ */ i(yr, { className: "size-full text-primary-light" }) });
+      break;
+    case "video":
+      E = /* @__PURE__ */ i(wt, { children: /* @__PURE__ */ i(Mt, { className: "size-full p-0.5 text-background" }) });
+      break;
+    case "custom":
+      E = s ? null : /* @__PURE__ */ i(wt, { children: /* @__PURE__ */ i(br, { className: "size-full p-0.5 text-background" }) });
+      break;
+  }
+  return /* @__PURE__ */ pe("div", { className: "relative bg-foreground/30", style: a, children: [
+    f,
+    E && /* @__PURE__ */ i("div", { className: "absolute inset-0 flex items-center justify-center bg-foreground/25", children: E })
+  ] });
+}, bo = {
+  primary: "bg-primary/50",
+  neutral: "bg-neutral/50",
+  background: "bg-background/50",
+  foreground: "bg-foreground/50"
+}, Cr = ({
+  color: r = "neutral",
+  orientation: a = "horizontal"
+}) => {
+  const l = bo[r];
+  return /* @__PURE__ */ i("div", { className: ce(l, a === "horizontal" ? "h-px w-full" : "w-px h-full") });
+}, Mr = ({
+  className: r = "",
+  containerClassName: a = ""
+}) => {
+  const {
+    hideCategoriesNav: l,
+    infiniteCarrousel: s,
+    permanentGallery: p,
+    isFullScreen: f
+  } = $e(), { categories: E, aspectRatioStyle: e } = it(), {
+    items: x,
+    extendMode: b,
+    extendTransition: z,
+    masterItemIndex: y,
+    prevItem: h,
+    nextItem: o,
+    scrollToItemIndex: L,
+    resetView: A
+  } = Ke(), k = et(() => {
+    if (l)
+      return [];
+    const S = new Array();
+    let V = E[0];
+    const te = (W) => E.find(
+      (T) => T.items.some((F) => F === W)
+    );
+    for (let W = 0; W < x.length; W++) {
+      const T = x[W], F = te(T);
+      F && F !== V && (S.push(W), V = F);
+    }
+    return S;
+  }, [E, l, x]), m = Ie(null), N = j(() => {
+    if (!m.current)
+      throw new Error("slider.current is null");
+    return m.current;
+  }, []), w = Ie(!1), d = Ie(
+    null
+  ), [C, I] = Le(!1), O = j(
+    (S, V) => {
+      const te = N(), W = te.clientWidth, T = te.scrollWidth / x.length, F = (S + 1 / 2) * T - W / 2, P = te.scrollWidth - te.clientWidth;
+      te.scrollTo({
+        left: tt(F, 0, P),
+        behavior: V
+      });
+    },
+    [x.length, N]
+  );
+  fe(() => {
+    const S = m.current;
+    if (!S)
+      return;
+    const V = (T) => {
+      T.preventDefault(), w.current = !0, d.current = {
+        x: T.pageX - S.offsetLeft,
+        scrollLeft: S.scrollLeft
+      };
+    }, te = (T) => {
+      if (!w.current)
+        return;
+      if (d.current === null)
+        throw new Error("[onMouseMove] scrollStart is null");
+      const P = T.pageX - S.offsetLeft - d.current.x;
+      if (!C && Math.abs(P) < 5)
+        return;
+      const B = d.current.scrollLeft - P;
+      I(!0), requestAnimationFrame(() => {
+        S.scrollLeft = B;
+      });
+    }, W = () => {
+      w.current && (w.current = !1, requestAnimationFrame(() => {
+        I(!1);
+      }));
+    };
+    return S.addEventListener("mousedown", V), document.addEventListener("mousemove", te), document.addEventListener("mouseleave", W), document.addEventListener("mouseup", W), document.addEventListener("contextmenu", W), () => {
+      S.removeEventListener("mousedown", V), document.removeEventListener("mousemove", te), document.removeEventListener("mouseleave", W), document.removeEventListener("mouseup", W), document.removeEventListener("contextmenu", W);
+    };
+  }, [C]);
+  const M = Ie(y);
+  fe(() => {
+    m.current && (O(y, "smooth"), M.current = y);
+  }, [y, O]), fe(() => {
+    m.current && O(M.current, "instant");
+  }, [
+    O,
+    // - Run the effect when those values change
+    f,
+    b,
+    z
+  ]);
+  const X = (S) => {
+    C || (s && S === x.length - 1 && y === 0 ? h() : s && S === 0 && y === x.length - 1 ? o() : L(S), A());
+  };
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      ref: m,
+      className: ce(
+        "relative w-full overflow-x-auto no-scrollbar",
+        C ? "cursor-grab" : "cursor-grabbing",
+        r
+      ),
+      children: /* @__PURE__ */ i(
+        "div",
+        {
+          className: ce(
+            "flex h-10 w-fit gap-1 small:h-12 small:gap-2",
+            b && "large:h-20 large:gap-4",
+            a
+          ),
+          children: x.map((S, V) => /* @__PURE__ */ pe(Hr, { children: [
+            k.includes(V) && /* @__PURE__ */ i("div", { className: "my-2", children: /* @__PURE__ */ i(
+              Cr,
+              {
+                color: p && !f ? "neutral" : "background",
+                orientation: "vertical"
+              }
+            ) }),
+            /* @__PURE__ */ i(
+              "div",
+              {
+                className: ce(
+                  "relative h-full overflow-hidden rounded-gallery transition-radius",
+                  !C && "cursor-pointer",
+                  "after:absolute after:inset-0 after:rounded-gallery after:border-2 after:border-primary after:transition-all",
+                  V === y ? "after:opacity-100" : "after:opacity-0 hover:after:opacity-70"
+                ),
+                style: e,
+                onClick: () => X(V),
+                children: /* @__PURE__ */ i(xo, { item: S })
+              }
+            )
+          ] }, V))
+        }
+      )
+    }
+  );
+}, Lr = (r) => 1 - Math.pow(1 - r, 2), yo = ({
+  Media: r,
+  itemIndex: a
+}) => {
+  const { setItemInteraction: l } = Ke();
+  return fe(() => {
+    l(a, "ready");
+  }, [a, l]), r;
+}, Yt = (r, a) => Math.sqrt(
+  (r.clientX - a.clientX) ** 2 + (r.clientY - a.clientY) ** 2
+), Eo = ({
+  onlyPreload: r,
+  ...a
+}) => {
+  const { zoom: l, isZooming: s, setZoom: p } = Ke(), f = Ie(null), E = Ie(null), e = j((w) => {
+    if (!E.current)
+      throw new Error(
+        `[${w ?? "getTransformElementOrThrow"}] transformElementRef.current is null`
+      );
+    return E.current;
+  }, []), x = Ie(!1), b = Ie(null), z = Ie(/* @__PURE__ */ new Map()), y = Ie({ x: 0, y: 0, scale: 1 }), h = Ie(null), o = j(
+    (w) => {
+      const d = e("setTransformStyle"), {
+        x: C,
+        y: I,
+        scale: O
+      } = {
+        ...y.current,
+        ...w
+      }, M = tt(O, 1, ct), X = d.clientWidth, S = d.clientHeight, V = X * M, te = S * M, W = tt(C, -(V - X), 0), T = tt(I, -(te - S), 0);
+      y.current = { x: W, y: T, scale: M }, d.style.transform = `translate(${W}px, ${T}px) scale(${M})`;
+    },
+    [e]
+  ), L = j(
+    (w, d) => {
+      const {
+        x: C,
+        y: I,
+        scale: O
+      } = y.current, {
+        x: M,
+        y: X,
+        scale: S
+      } = {
+        ...y.current,
+        ...w
+      };
+      h.current && (cancelAnimationFrame(h.current), h.current = null);
+      const V = () => {
+        o({ x: M, y: X, scale: S }), p(S);
+      }, te = Math.abs(M - C) < 1 && Math.abs(X - I) < 1 && Math.abs(S - O) < 5e-3;
+      if (!d || te) {
+        V();
+        return;
+      }
+      const W = (/* @__PURE__ */ new Date()).getTime(), T = () => {
+        const F = () => {
+          const B = (/* @__PURE__ */ new Date()).getTime() - W;
+          if (B >= d) {
+            V(), h.current = null;
+            return;
+          }
+          const J = Math.min(B / d, 1), me = Lr(J), xe = yt(C, M, me), Pe = yt(I, X, me), ne = yt(O, S, me);
+          o({ x: xe, y: Pe, scale: ne }), T();
+        };
+        h.current = requestAnimationFrame(F);
+      };
+      T();
+    },
+    [o, p]
+  ), A = j(
+    (w, d) => {
+      let { x: C, y: I } = y.current;
+      w.x && (C += w.x), w.y && (I += w.y), L(
+        {
+          x: C,
+          y: I
+        },
+        d
+      );
+    },
+    [L]
+  ), k = j(
+    (w, d, C) => {
+      const I = y.current.scale, O = tt(w, 1, ct), M = O / I, { x: X, y: S } = y.current, { x: V, y: te } = d, W = -X + V, T = -S + te, F = W * M, P = T * M, B = F - V, J = P - te, me = -B, xe = -J;
+      L(
+        {
+          x: me,
+          y: xe,
+          scale: O
+        },
+        C
+      );
+    },
+    [L]
+  ), m = j(
+    (w) => {
+      const d = e(
+        "shiftZoomFromButton"
+      ), C = d.clientWidth, I = d.clientHeight;
+      k(
+        w,
+        {
+          x: C / 2,
+          y: I / 2
+        },
+        200
+      );
+    },
+    [e, k]
+  ), N = j(
+    (w, d, C) => {
+      const { scale: I } = y.current;
+      k(
+        I + w,
+        d,
+        C
+      );
+    },
+    [k]
+  );
+  return fe(() => {
+    r || E.current && m(l);
+  }, [r, m, l]), fe(() => {
+    if (r || !s)
+      return;
+    const w = E.current;
+    if (!w)
+      return;
+    const d = (O) => {
+      O.preventDefault(), O.stopPropagation(), x.current = !0, b.current = {
+        x: O.clientX,
+        y: O.clientY
+      };
+    }, C = (O) => {
+      if (!x.current)
+        return;
+      if (!b.current)
+        throw new Error("mouseStartXY.current is null");
+      O.stopPropagation();
+      const M = O.clientX - b.current.x, X = O.clientY - b.current.y;
+      A({
+        x: M,
+        y: X
+      }), b.current = {
+        x: O.clientX,
+        y: O.clientY
+      };
+    }, I = () => {
+      x.current = !1;
+    };
+    return w.addEventListener("mousedown", d), document.addEventListener("mousemove", C), document.addEventListener("mouseleave", I), document.addEventListener("mouseup", I), document.addEventListener("contextmenu", I), () => {
+      w.removeEventListener("mousedown", d), document.removeEventListener("mousemove", C), document.removeEventListener("mouseleave", I), document.removeEventListener("mouseup", I), document.removeEventListener("contextmenu", I);
+    };
+  }, [s, A, r]), fe(() => {
+    if (r)
+      return;
+    const w = f.current;
+    if (!w)
+      return;
+    const d = (C) => {
+      const { ctrlKey: I, clientX: O, clientY: M, deltaX: X, deltaY: S } = C;
+      if (I) {
+        if (!s && S >= 0)
+          return;
+        const { left: V, top: te } = w.getBoundingClientRect(), W = O - V, T = M - te;
+        N(-0.01 * S, {
+          x: W,
+          y: T
+        });
+      } else {
+        if (!s)
+          return;
+        A({
+          x: -2 * X,
+          y: -2 * S
+        });
+      }
+      C.preventDefault();
+    };
+    return w.addEventListener("wheel", d), () => {
+      w.removeEventListener("wheel", d);
+    };
+  }, [s, A, N, r]), fe(() => {
+    const w = f.current, d = E.current;
+    if (!w || !d)
+      return;
+    const C = z.current, I = (X) => {
+      for (let S = 0; S < X.changedTouches.length; S++) {
+        const V = X.changedTouches[S];
+        C.set(V.identifier, V);
+      }
+    }, O = (X) => {
+      for (let S = 0; S < X.changedTouches.length; S++) {
+        const V = X.changedTouches[S];
+        C.delete(V.identifier);
+      }
+    }, M = (X) => {
+      const S = X.touches.length;
+      if (S === 1) {
+        if (!s)
+          return;
+        X.preventDefault();
+        const V = X.touches[0], te = C.get(V.identifier);
+        if (!te)
+          throw new Error("touchStart is null");
+        const W = V.clientX - te.clientX, T = V.clientY - te.clientY;
+        A({
+          x: W,
+          y: T
+        }), C.set(V.identifier, V);
+      } else if (S === 2) {
+        X.preventDefault();
+        const [V, te] = X.touches, W = C.get(V.identifier), T = C.get(te.identifier);
+        if (!W || !T)
+          throw new Error("initialTouch1 or initialTouch2 is null");
+        const F = Yt(
+          W,
+          T
+        ), B = Yt(V, te) / F, { left: J, top: me } = w.getBoundingClientRect();
+        N(B - 1, {
+          x: (V.clientX + te.clientX) / 2 - J,
+          y: (V.clientY + te.clientY) / 2 - me
+        }), C.set(V.identifier, V), C.set(te.identifier, te);
+      }
+    };
+    return d.addEventListener("touchstart", I), d.addEventListener("touchmove", M), d.addEventListener("touchend", O), d.addEventListener("touchcancel", O), () => {
+      d.removeEventListener("touchstart", I), d.removeEventListener("touchmove", M), d.removeEventListener("touchend", O), d.removeEventListener("touchcancel", O);
+    };
+  }, [s, A, N]), /* @__PURE__ */ i(
+    "div",
+    {
+      ref: f,
+      className: `relative size-full overflow-hidden ${s ? "z-zoomed-image cursor-move" : ""}`,
+      children: /* @__PURE__ */ i(
+        "div",
+        {
+          ref: E,
+          className: "origin-top-left",
+          children: /* @__PURE__ */ i(
+            pt,
+            {
+              ...a,
+              imgInPlayerWidthRatio: r ? 1 : l
+            }
+          )
+        }
+      )
+    }
+  );
+}, Co = ({ hotspot: r }) => {
+  const { title: a, icon: l, description: s, position: p, detail: f } = r, { getIconConfig: E } = ft(), e = l ? E(l) : void 0, { extendMode: x, setShownDetails: b } = Ke(), z = !!f, y = f?.type === "image", h = !!a || !!s, o = y ? /* @__PURE__ */ i(br, { className: "size-4" }) : /* @__PURE__ */ i("div", { className: "size-1" }), L = () => {
+    y && b({
+      src: f.src,
+      title: a,
+      text: s
+    });
+  };
+  return /* @__PURE__ */ pe(
+    "div",
+    {
+      className: ce(
+        "group absolute z-hotspot -translate-x-1/2 -translate-y-1/2 hover:z-hotspot-hover",
+        z ? "cursor-pointer" : "cursor-help"
+      ),
+      style: {
+        top: `${100 * r.position.y}%`,
+        left: `${100 * r.position.x}%`
+      },
+      onClick: L,
+      children: [
+        /* @__PURE__ */ pe(
+          "div",
+          {
+            className: "relative flex items-center justify-center rounded-full border-2 border-background bg-primary text-primary-foreground",
+            children: [
+              /* @__PURE__ */ i(
+                "div",
+                {
+                  className: "pointer-events-none absolute -z-20 size-8 animate-hotspot-ping rounded-full border-2 border-background"
+                }
+              ),
+              /* @__PURE__ */ i("div", { className: "p-1", children: e?.Icon ? /* @__PURE__ */ i("div", { className: "size-4", children: e.Icon }) : o })
+            ]
+          }
+        ),
+        !y && h && /* @__PURE__ */ i(
+          "div",
+          {
+            className: ce(
+              "absolute -z-10 w-max max-w-40 text-pretty rounded-ui bg-background p-2 small:max-w-48",
+              x && "large:max-w-56",
+              p.y < 0.55 ? "-top-1" : "-bottom-1",
+              p.x < 0.55 ? "-left-1 pl-6 small:pl-8" : "-right-1 pr-4 small:pr-6",
+              "pointer-events-none opacity-0 transition-opacity duration-200 group-hover:pointer-events-auto group-hover:opacity-100"
+            ),
+            children: /* @__PURE__ */ pe("div", { className: "space-y-1 text-pretty", children: [
+              a && /* @__PURE__ */ i("div", { className: "text-sm font-semibold small:text-base small:font-bold", children: a }),
+              s && /* @__PURE__ */ i("div", { className: "text-xs text-foreground/65 small:text-sm", children: s })
+            ] })
+          }
+        )
+      ]
+    }
+  );
+}, Mo = ({ hotspot: r }) => {
+  const { detail: a } = r, l = /* @__PURE__ */ i(Co, { hotspot: r });
+  switch (a?.type) {
+    case "link":
+    case "pdf":
+      return /* @__PURE__ */ i("a", { href: a.src, target: "_blank", rel: "noreferrer", children: l });
+    default:
+      return l;
+  }
+}, kr = ({
+  hotspots: r,
+  itemIndex: a,
+  className: l,
+  onLoad: s,
+  ...p
+}) => {
+  const { isShowingDetails: f, showHotspots: E, setItemInteraction: e } = Ke();
+  return /* @__PURE__ */ i("div", { className: ce("relative size-full overflow-hidden", l), children: /* @__PURE__ */ pe(
+    "div",
+    {
+      className: ce(
+        "size-full duration-details",
+        f ? "scale-105" : "scale-100"
+      ),
+      children: [
+        /* @__PURE__ */ i(
+          Eo,
+          {
+            className: "size-full object-cover",
+            onLoad: (x) => {
+              a !== void 0 && e(a, "ready"), s?.(x);
+            },
+            ...p
+          }
+        ),
+        E && r?.map((x, b) => /* @__PURE__ */ i(Mo, { hotspot: x }, b))
+      ]
+    }
+  ) });
+};
+window.libpannellum = function(r, a, l) {
+  function s(z) {
+    var y = a.createElement("canvas");
+    y.style.width = y.style.height = "100%", z.appendChild(y);
+    var h, o, L, A, k, m, N, w, d, C, I, O, M, X, S, V;
+    this.init = function(c, g, le, oe, q, v, Q, $) {
+      if (g === l && (g = "equirectangular"), g != "equirectangular" && g != "cubemap" && g != "multires")
+        throw console.log("Error: invalid image type specified!"), { type: "config error" };
+      if (C = g, d = c, I = le, V = $ || {}, h) {
+        if (L && (o.detachShader(h, L), o.deleteShader(L)), A && (o.detachShader(h, A), o.deleteShader(A)), o.bindBuffer(o.ARRAY_BUFFER, null), o.bindBuffer(o.ELEMENT_ARRAY_BUFFER, null), h.texture && o.deleteTexture(h.texture), h.nodeCache)
+          for (var he = 0; he < h.nodeCache.length; he++)
+            o.deleteTexture(h.nodeCache[he].texture);
+        o.deleteProgram(h), h = l;
+      }
+      w = l;
+      var ae, Se = !1, ke;
+      if (C == "cubemap")
+        for (ae = 0; ae < 6; ae++)
+          d[ae].width > 0 ? (ke === l && (ke = d[ae].width), ke != d[ae].width && console.log("Cube faces have inconsistent widths: " + ke + " vs. " + d[ae].width)) : Se = !0;
+      function Ue(De) {
+        if (Se) {
+          var U = De * De * 4, Ee = new Uint8ClampedArray(U), we = $.backgroundColor ? $.backgroundColor : [0, 0, 0];
+          we[0] *= 255, we[1] *= 255, we[2] *= 255;
+          for (var ue = 0; ue < U; ue++)
+            Ee[ue++] = we[0], Ee[ue++] = we[1], Ee[ue++] = we[2];
+          var Ce = new ImageData(Ee, De, De);
+          for (ae = 0; ae < 6; ae++)
+            d[ae].width == 0 && (d[ae] = Ce);
+        }
+      }
+      if (C == "cubemap" && ke & ke - 1 && (navigator.userAgent.toLowerCase().match(/(iphone|ipod|ipad).* os 8_/) || navigator.userAgent.toLowerCase().match(/(iphone|ipod|ipad).* os 9_/) || navigator.userAgent.toLowerCase().match(/(iphone|ipod|ipad).* os 10_/) || navigator.userAgent.match(/Trident.*rv[ :]*11\./)) || (o || (o = y.getContext("experimental-webgl", { alpha: !1, depth: !1 })), o && o.getError() == 1286 && Oe()), !o && (C == "multires" && d.hasOwnProperty("fallbackPath") || C == "cubemap") && ("WebkitAppearance" in a.documentElement.style || navigator.userAgent.match(/Trident.*rv[ :]*11\./) || navigator.appVersion.indexOf("MSIE 10") !== -1)) {
+        m && z.removeChild(m), m = a.createElement("div"), m.className = "pnlm-world";
+        var Ge;
+        d.basePath ? Ge = d.basePath + d.fallbackPath : Ge = d.fallbackPath;
+        var Ye = ["f", "r", "b", "l", "u", "d"], Z = 0, ie = function() {
+          var U = a.createElement("canvas");
+          U.className = "pnlm-face pnlm-" + Ye[this.side] + "face", m.appendChild(U);
+          var Ee = U.getContext("2d");
+          U.style.width = this.width + 4 + "px", U.style.height = this.height + 4 + "px", U.width = this.width + 4, U.height = this.height + 4, Ee.drawImage(this, 2, 2);
+          var we = Ee.getImageData(0, 0, U.width, U.height), ue = we.data, Ce, K;
+          for (Ce = 2; Ce < U.width - 2; Ce++)
+            for (K = 0; K < 4; K++)
+              ue[(Ce + U.width) * 4 + K] = ue[(Ce + U.width * 2) * 4 + K], ue[(Ce + U.width * (U.height - 2)) * 4 + K] = ue[(Ce + U.width * (U.height - 3)) * 4 + K];
+          for (Ce = 2; Ce < U.height - 2; Ce++)
+            for (K = 0; K < 4; K++)
+              ue[(Ce * U.width + 1) * 4 + K] = ue[(Ce * U.width + 2) * 4 + K], ue[((Ce + 1) * U.width - 2) * 4 + K] = ue[((Ce + 1) * U.width - 3) * 4 + K];
+          for (K = 0; K < 4; K++)
+            ue[(U.width + 1) * 4 + K] = ue[(U.width * 2 + 2) * 4 + K], ue[(U.width * 2 - 2) * 4 + K] = ue[(U.width * 3 - 3) * 4 + K], ue[(U.width * (U.height - 2) + 1) * 4 + K] = ue[(U.width * (U.height - 3) + 2) * 4 + K], ue[(U.width * (U.height - 1) - 2) * 4 + K] = ue[(U.width * (U.height - 2) - 3) * 4 + K];
+          for (Ce = 1; Ce < U.width - 1; Ce++)
+            for (K = 0; K < 4; K++)
+              ue[Ce * 4 + K] = ue[(Ce + U.width) * 4 + K], ue[(Ce + U.width * (U.height - 1)) * 4 + K] = ue[(Ce + U.width * (U.height - 2)) * 4 + K];
+          for (Ce = 1; Ce < U.height - 1; Ce++)
+            for (K = 0; K < 4; K++)
+              ue[Ce * U.width * 4 + K] = ue[(Ce * U.width + 1) * 4 + K], ue[((Ce + 1) * U.width - 1) * 4 + K] = ue[((Ce + 1) * U.width - 2) * 4 + K];
+          for (K = 0; K < 4; K++)
+            ue[K] = ue[(U.width + 1) * 4 + K], ue[(U.width - 1) * 4 + K] = ue[(U.width * 2 - 2) * 4 + K], ue[U.width * (U.height - 1) * 4 + K] = ue[(U.width * (U.height - 2) + 1) * 4 + K], ue[(U.width * U.height - 1) * 4 + K] = ue[(U.width * (U.height - 1) - 2) * 4 + K];
+          Ee.putImageData(we, 0, 0), ge.call(this);
+        }, ge = function() {
+          this.width > 0 ? (k === l && (k = this.width), k != this.width && console.log("Fallback faces have inconsistent widths: " + k + " vs. " + this.width)) : Se = !0, Z++, Z == 6 && (k = this.width, z.appendChild(m), Q());
+        };
+        for (Se = !1, ae = 0; ae < 6; ae++) {
+          var be = new Image();
+          be.crossOrigin = V.crossOrigin ? V.crossOrigin : "anonymous", be.side = ae, be.onload = ie, be.onerror = ge, C == "multires" ? be.src = encodeURI(Ge.replace("%s", Ye[ae]) + "." + d.extension) : be.src = encodeURI(d[ae].src);
+        }
+        Ue(k);
+        return;
+      } else if (!o)
+        throw console.log("Error: no WebGL support detected!"), { type: "no webgl" };
+      C == "cubemap" && Ue(ke), d.basePath ? d.fullpath = d.basePath + d.path : d.fullpath = d.path, d.invTileResolution = 1 / d.tileResolution;
+      var _e = B();
+      for (N = [], ae = 0; ae < 6; ae++)
+        N[ae] = _e.slice(ae * 12, ae * 12 + 12), _e = B();
+      var Ne = 0, Fe = 0;
+      if (C == "equirectangular" ? (Ne = Math.max(d.width, d.height), Fe = o.getParameter(o.MAX_TEXTURE_SIZE)) : C == "cubemap" && (Ne = ke, Fe = o.getParameter(o.MAX_CUBE_MAP_TEXTURE_SIZE)), Ne > Fe)
+        throw console.log("Error: The image is too big; it's " + Ne + "px wide, but this device's maximum supported size is " + Fe + "px."), { type: "webgl size error", width: Ne, maxWidth: Fe };
+      $ !== l && ($.horizonPitch !== l || $.horizonRoll !== l) && (w = [$.horizonPitch == l ? 0 : $.horizonPitch, $.horizonRoll == l ? 0 : $.horizonRoll]);
+      var Ae = o.TEXTURE_2D;
+      o.viewport(0, 0, o.drawingBufferWidth, o.drawingBufferHeight), L = o.createShader(o.VERTEX_SHADER);
+      var je = p;
+      C == "multires" && (je = f), o.shaderSource(L, je), o.compileShader(L), A = o.createShader(o.FRAGMENT_SHADER);
+      var Ve = x;
+      C == "cubemap" ? (Ae = o.TEXTURE_CUBE_MAP, Ve = e) : C == "multires" && (Ve = b), o.shaderSource(A, Ve), o.compileShader(A), h = o.createProgram(), o.attachShader(h, L), o.attachShader(h, A), o.linkProgram(h), o.getShaderParameter(L, o.COMPILE_STATUS) || console.log(o.getShaderInfoLog(L)), o.getShaderParameter(A, o.COMPILE_STATUS) || console.log(o.getShaderInfoLog(A)), o.getProgramParameter(h, o.LINK_STATUS) || console.log(o.getProgramInfoLog(h)), o.useProgram(h), h.drawInProgress = !1;
+      var Te = $.backgroundColor ? $.backgroundColor : [0, 0, 0];
+      o.clearColor(Te[0], Te[1], Te[2], 1), o.clear(o.COLOR_BUFFER_BIT), h.texCoordLocation = o.getAttribLocation(h, "a_texCoord"), o.enableVertexAttribArray(h.texCoordLocation), C != "multires" ? (O || (O = o.createBuffer()), o.bindBuffer(o.ARRAY_BUFFER, O), o.bufferData(o.ARRAY_BUFFER, new Float32Array([-1, 1, 1, 1, 1, -1, -1, 1, 1, -1, -1, -1]), o.STATIC_DRAW), o.vertexAttribPointer(h.texCoordLocation, 2, o.FLOAT, !1, 0, 0), h.aspectRatio = o.getUniformLocation(h, "u_aspectRatio"), o.uniform1f(h.aspectRatio, o.drawingBufferWidth / o.drawingBufferHeight), h.psi = o.getUniformLocation(h, "u_psi"), h.theta = o.getUniformLocation(h, "u_theta"), h.f = o.getUniformLocation(h, "u_f"), h.h = o.getUniformLocation(h, "u_h"), h.v = o.getUniformLocation(h, "u_v"), h.vo = o.getUniformLocation(h, "u_vo"), h.rot = o.getUniformLocation(h, "u_rot"), o.uniform1f(h.h, oe / (Math.PI * 2)), o.uniform1f(h.v, q / Math.PI), o.uniform1f(h.vo, v / Math.PI * 2), C == "equirectangular" && (h.backgroundColor = o.getUniformLocation(h, "u_backgroundColor"), o.uniform4fv(h.backgroundColor, Te.concat([1]))), h.texture = o.createTexture(), o.bindTexture(Ae, h.texture), C == "cubemap" ? (o.texImage2D(o.TEXTURE_CUBE_MAP_POSITIVE_X, 0, o.RGB, o.RGB, o.UNSIGNED_BYTE, d[1]), o.texImage2D(o.TEXTURE_CUBE_MAP_NEGATIVE_X, 0, o.RGB, o.RGB, o.UNSIGNED_BYTE, d[3]), o.texImage2D(o.TEXTURE_CUBE_MAP_POSITIVE_Y, 0, o.RGB, o.RGB, o.UNSIGNED_BYTE, d[4]), o.texImage2D(o.TEXTURE_CUBE_MAP_NEGATIVE_Y, 0, o.RGB, o.RGB, o.UNSIGNED_BYTE, d[5]), o.texImage2D(o.TEXTURE_CUBE_MAP_POSITIVE_Z, 0, o.RGB, o.RGB, o.UNSIGNED_BYTE, d[0]), o.texImage2D(o.TEXTURE_CUBE_MAP_NEGATIVE_Z, 0, o.RGB, o.RGB, o.UNSIGNED_BYTE, d[2])) : o.texImage2D(Ae, 0, o.RGB, o.RGB, o.UNSIGNED_BYTE, d), o.texParameteri(Ae, o.TEXTURE_WRAP_S, o.CLAMP_TO_EDGE), o.texParameteri(Ae, o.TEXTURE_WRAP_T, o.CLAMP_TO_EDGE), o.texParameteri(Ae, o.TEXTURE_MIN_FILTER, o.LINEAR), o.texParameteri(Ae, o.TEXTURE_MAG_FILTER, o.LINEAR)) : (h.vertPosLocation = o.getAttribLocation(h, "a_vertCoord"), o.enableVertexAttribArray(h.vertPosLocation), M || (M = o.createBuffer()), X || (X = o.createBuffer()), S || (S = o.createBuffer()), o.bindBuffer(o.ARRAY_BUFFER, X), o.bufferData(o.ARRAY_BUFFER, new Float32Array([0, 0, 1, 0, 1, 1, 0, 1]), o.STATIC_DRAW), o.bindBuffer(o.ELEMENT_ARRAY_BUFFER, S), o.bufferData(o.ELEMENT_ARRAY_BUFFER, new Uint16Array([0, 1, 2, 0, 2, 3]), o.STATIC_DRAW), h.perspUniform = o.getUniformLocation(h, "u_perspMatrix"), h.cubeUniform = o.getUniformLocation(h, "u_cubeMatrix"), h.level = -1, h.currentNodes = [], h.nodeCache = [], h.nodeCacheTimestamp = 0);
+      var He = o.getError();
+      if (He !== 0)
+        throw console.log("Error: Something went wrong with WebGL!", He), { type: "webgl error" };
+      Q();
+    }, this.destroy = function() {
+      if (z !== l && (y !== l && z.contains(y) && z.removeChild(y), m !== l && z.contains(m) && z.removeChild(m)), o) {
+        var c = o.getExtension("WEBGL_lose_context");
+        c && c.loseContext();
+      }
+    }, this.resize = function() {
+      var c = r.devicePixelRatio || 1;
+      y.width = y.clientWidth * c, y.height = y.clientHeight * c, o && (o.getError() == 1286 && Oe(), o.viewport(0, 0, o.drawingBufferWidth, o.drawingBufferHeight), C != "multires" && o.uniform1f(h.aspectRatio, y.clientWidth / y.clientHeight));
+    }, this.resize(), this.setPose = function(c, g) {
+      w = [c, g];
+    }, this.render = function(c, g, le, oe) {
+      var q, v, Q, $ = 0;
+      if (oe === l && (oe = {}), oe.roll && ($ = oe.roll), w !== l) {
+        var he = w[0], ae = w[1], Se = c, ke = g, Ue = Math.cos(ae) * Math.sin(c) * Math.sin(he) + Math.cos(c) * (Math.cos(he) * Math.cos(g) + Math.sin(ae) * Math.sin(he) * Math.sin(g)), Ge = -Math.sin(c) * Math.sin(ae) + Math.cos(c) * Math.cos(ae) * Math.sin(g), Ye = Math.cos(ae) * Math.cos(he) * Math.sin(c) + Math.cos(c) * (-Math.cos(g) * Math.sin(he) + Math.cos(he) * Math.sin(ae) * Math.sin(g));
+        c = Math.asin(Math.max(Math.min(Ye, 1), -1)), g = Math.atan2(Ge, Ue);
+        var Z = [Math.cos(Se) * (Math.sin(ae) * Math.sin(he) * Math.cos(ke) - Math.cos(he) * Math.sin(ke)), Math.cos(Se) * Math.cos(ae) * Math.cos(ke), Math.cos(Se) * (Math.cos(he) * Math.sin(ae) * Math.cos(ke) + Math.sin(ke) * Math.sin(he))], ie = [-Math.cos(c) * Math.sin(g), Math.cos(c) * Math.cos(g)], ge = Math.acos(Math.max(Math.min((Z[0] * ie[0] + Z[1] * ie[1]) / (Math.sqrt(Z[0] * Z[0] + Z[1] * Z[1] + Z[2] * Z[2]) * Math.sqrt(ie[0] * ie[0] + ie[1] * ie[1])), 1), -1));
+        Z[2] < 0 && (ge = 2 * Math.PI - ge), $ += ge;
+      }
+      if (!o && (C == "multires" || C == "cubemap")) {
+        Q = k / 2;
+        var be = {
+          f: "translate3d(-" + (Q + 2) + "px, -" + (Q + 2) + "px, -" + Q + "px)",
+          b: "translate3d(" + (Q + 2) + "px, -" + (Q + 2) + "px, " + Q + "px) rotateX(180deg) rotateZ(180deg)",
+          u: "translate3d(-" + (Q + 2) + "px, -" + Q + "px, " + (Q + 2) + "px) rotateX(270deg)",
+          d: "translate3d(-" + (Q + 2) + "px, " + Q + "px, -" + (Q + 2) + "px) rotateX(90deg)",
+          l: "translate3d(-" + Q + "px, -" + (Q + 2) + "px, " + (Q + 2) + "px) rotateX(180deg) rotateY(90deg) rotateZ(180deg)",
+          r: "translate3d(" + Q + "px, -" + (Q + 2) + "px, -" + (Q + 2) + "px) rotateY(270deg)"
+        };
+        q = 1 / Math.tan(le / 2);
+        var _e = q * y.clientWidth / 2 + "px", Ne = "perspective(" + _e + ") translateZ(" + _e + ") rotateX(" + c + "rad) rotateY(" + g + "rad) ", Fe = Object.keys(be);
+        for (v = 0; v < 6; v++) {
+          var Ae = m.querySelector(".pnlm-" + Fe[v] + "face");
+          Ae && (Ae.style.webkitTransform = Ne + be[Fe[v]], Ae.style.transform = Ne + be[Fe[v]]);
+        }
+        return;
+      }
+      if (C != "multires") {
+        var je = 2 * Math.atan(Math.tan(le * 0.5) / (o.drawingBufferWidth / o.drawingBufferHeight));
+        q = 1 / Math.tan(je * 0.5), o.uniform1f(h.psi, g), o.uniform1f(h.theta, c), o.uniform1f(h.rot, $), o.uniform1f(h.f, q), I === !0 && C == "equirectangular" && (o.bindTexture(o.TEXTURE_2D, h.texture), o.texImage2D(o.TEXTURE_2D, 0, o.RGB, o.RGB, o.UNSIGNED_BYTE, d)), o.drawArrays(o.TRIANGLES, 0, 6);
+      } else {
+        var Ve = ne(le, o.drawingBufferWidth / o.drawingBufferHeight, 0.1, 100);
+        ze(le);
+        var Te = J();
+        Te = me(Te, -$, "z"), Te = me(Te, -c, "x"), Te = me(Te, g, "y"), Te = xe(Te), o.uniformMatrix4fv(h.perspUniform, !1, new Float32Array(Pe(Ve))), o.uniformMatrix4fv(h.cubeUniform, !1, new Float32Array(Pe(Te)));
+        var He = Y(Ve, Te);
+        if (h.nodeCache.sort(te), h.nodeCache.length > 200 && h.nodeCache.length > h.currentNodes.length + 50)
+          for (var De = h.nodeCache.splice(200, h.nodeCache.length - 200), v = 0; v < De.length; v++)
+            o.deleteTexture(De[v].texture);
+        h.currentNodes = [];
+        var U = ["f", "b", "u", "d", "l", "r"];
+        for (Q = 0; Q < 6; Q++) {
+          var Ee = new F(N[Q], U[Q], 1, 0, 0, d.fullpath);
+          P(He, Ee, c, g);
+        }
+        for (h.currentNodes.sort(W), v = G.length - 1; v >= 0; v--)
+          h.currentNodes.indexOf(G[v].node) === -1 && (G[v].node.textureLoad = !1, G.splice(v, 1));
+        if (G.length === 0)
+          for (v = 0; v < h.currentNodes.length; v++) {
+            var we = h.currentNodes[v];
+            if (!we.texture && !we.textureLoad) {
+              we.textureLoad = !0, setTimeout(H, 0, we);
+              break;
+            }
+          }
+        T();
+      }
+      if (oe.returnImage !== l)
+        return y.toDataURL("image/png");
+    }, this.isLoading = function() {
+      if (o && C == "multires") {
+        for (var c = 0; c < h.currentNodes.length; c++)
+          if (!h.currentNodes[c].textureLoaded)
+            return !0;
+      }
+      return !1;
+    }, this.getCanvas = function() {
+      return y;
+    };
+    function te(c, g) {
+      return c.level == 1 && g.level != 1 ? -1 : g.level == 1 && c.level != 1 ? 1 : g.timestamp - c.timestamp;
+    }
+    function W(c, g) {
+      return c.level != g.level ? c.level - g.level : c.diff - g.diff;
+    }
+    function T() {
+      if (!h.drawInProgress) {
+        h.drawInProgress = !0, o.clear(o.COLOR_BUFFER_BIT);
+        for (var c = 0; c < h.currentNodes.length; c++)
+          h.currentNodes[c].textureLoaded > 1 && (o.bindBuffer(o.ARRAY_BUFFER, M), o.bufferData(o.ARRAY_BUFFER, new Float32Array(h.currentNodes[c].vertices), o.STATIC_DRAW), o.vertexAttribPointer(h.vertPosLocation, 3, o.FLOAT, !1, 0, 0), o.bindBuffer(o.ARRAY_BUFFER, X), o.vertexAttribPointer(h.texCoordLocation, 2, o.FLOAT, !1, 0, 0), o.bindTexture(o.TEXTURE_2D, h.currentNodes[c].texture), o.drawElements(o.TRIANGLES, 6, o.UNSIGNED_SHORT, 0));
+        h.drawInProgress = !1;
+      }
+    }
+    function F(c, g, le, oe, q, v) {
+      this.vertices = c, this.side = g, this.level = le, this.x = oe, this.y = q, this.path = v.replace("%s", g).replace("%l", le).replace("%x", oe).replace("%y", q);
+    }
+    function P(c, g, le, oe, q) {
+      if (Ze(c, g.vertices)) {
+        var v = g.vertices, Q = v[0] + v[3] + v[6] + v[9], $ = v[1] + v[4] + v[7] + v[10], he = v[2] + v[5] + v[8] + v[11], ae = Math.sqrt(Q * Q + $ * $ + he * he), Se = Math.asin(he / ae), ke = Math.atan2($, Q), Ue = ke - oe;
+        Ue += Ue > Math.PI ? -2 * Math.PI : Ue < -Math.PI ? 2 * Math.PI : 0, Ue = Math.abs(Ue), g.diff = Math.acos(Math.sin(le) * Math.sin(Se) + Math.cos(le) * Math.cos(Se) * Math.cos(Ue));
+        for (var Ge = !1, Ye = 0; Ye < h.nodeCache.length; Ye++)
+          if (h.nodeCache[Ye].path == g.path) {
+            Ge = !0, h.nodeCache[Ye].timestamp = h.nodeCacheTimestamp++, h.nodeCache[Ye].diff = g.diff, h.currentNodes.push(h.nodeCache[Ye]);
+            break;
+          }
+        if (Ge || (g.timestamp = h.nodeCacheTimestamp++, h.currentNodes.push(g), h.nodeCache.push(g)), g.level < h.level) {
+          var Z = d.cubeResolution * Math.pow(2, g.level - d.maxLevel), ie = Math.ceil(Z * d.invTileResolution) - 1, ge = Z % d.tileResolution * 2, be = Z * 2 % d.tileResolution;
+          be === 0 && (be = d.tileResolution), ge === 0 && (ge = d.tileResolution * 2);
+          var _e = 0.5;
+          (g.x == ie || g.y == ie) && (_e = 1 - d.tileResolution / (d.tileResolution + be));
+          var Ne = 1 - _e, Fe = [], Ae, je, Ve = _e, Te = _e, He = _e, De = Ne, U = Ne, Ee = Ne;
+          be < d.tileResolution && (g.x == ie && g.y != ie ? (Te = 0.5, U = 0.5, (g.side == "d" || g.side == "u") && (He = 0.5, Ee = 0.5)) : g.x != ie && g.y == ie && (Ve = 0.5, De = 0.5, (g.side == "l" || g.side == "r") && (He = 0.5, Ee = 0.5))), ge <= d.tileResolution && (g.x == ie && (Ve = 0, De = 1, (g.side == "l" || g.side == "r") && (He = 0, Ee = 1)), g.y == ie && (Te = 0, U = 1, (g.side == "d" || g.side == "u") && (He = 0, Ee = 1))), Ae = [v[0], v[1], v[2], v[0] * Ve + v[3] * De, v[1] * _e + v[4] * Ne, v[2] * He + v[5] * Ee, v[0] * Ve + v[6] * De, v[1] * Te + v[7] * U, v[2] * He + v[8] * Ee, v[0] * _e + v[9] * Ne, v[1] * Te + v[10] * U, v[2] * He + v[11] * Ee], je = new F(Ae, g.side, g.level + 1, g.x * 2, g.y * 2, d.fullpath), Fe.push(je), g.x == ie && ge <= d.tileResolution || (Ae = [v[0] * Ve + v[3] * De, v[1] * _e + v[4] * Ne, v[2] * He + v[5] * Ee, v[3], v[4], v[5], v[3] * _e + v[6] * Ne, v[4] * Te + v[7] * U, v[5] * He + v[8] * Ee, v[0] * Ve + v[6] * De, v[1] * Te + v[7] * U, v[2] * He + v[8] * Ee], je = new F(Ae, g.side, g.level + 1, g.x * 2 + 1, g.y * 2, d.fullpath), Fe.push(je)), !(g.x == ie && ge <= d.tileResolution) && !(g.y == ie && ge <= d.tileResolution) && (Ae = [v[0] * Ve + v[6] * De, v[1] * Te + v[7] * U, v[2] * He + v[8] * Ee, v[3] * _e + v[6] * Ne, v[4] * Te + v[7] * U, v[5] * He + v[8] * Ee, v[6], v[7], v[8], v[9] * Ve + v[6] * De, v[10] * _e + v[7] * Ne, v[11] * He + v[8] * Ee], je = new F(Ae, g.side, g.level + 1, g.x * 2 + 1, g.y * 2 + 1, d.fullpath), Fe.push(je)), g.y == ie && ge <= d.tileResolution || (Ae = [v[0] * _e + v[9] * Ne, v[1] * Te + v[10] * U, v[2] * He + v[11] * Ee, v[0] * Ve + v[6] * De, v[1] * Te + v[7] * U, v[2] * He + v[8] * Ee, v[9] * Ve + v[6] * De, v[10] * _e + v[7] * Ne, v[11] * He + v[8] * Ee, v[9], v[10], v[11]], je = new F(Ae, g.side, g.level + 1, g.x * 2, g.y * 2 + 1, d.fullpath), Fe.push(je));
+          for (var we = 0; we < Fe.length; we++)
+            P(c, Fe[we], le, oe);
+        }
+      }
+    }
+    function B() {
+      return [
+        -1,
+        1,
+        -1,
+        1,
+        1,
+        -1,
+        1,
+        -1,
+        -1,
+        -1,
+        -1,
+        -1,
+        // Front face
+        1,
+        1,
+        1,
+        -1,
+        1,
+        1,
+        -1,
+        -1,
+        1,
+        1,
+        -1,
+        1,
+        // Back face
+        -1,
+        1,
+        1,
+        1,
+        1,
+        1,
+        1,
+        1,
+        -1,
+        -1,
+        1,
+        -1,
+        // Up face
+        -1,
+        -1,
+        -1,
+        1,
+        -1,
+        -1,
+        1,
+        -1,
+        1,
+        -1,
+        -1,
+        1,
+        // Down face
+        -1,
+        1,
+        1,
+        -1,
+        1,
+        -1,
+        -1,
+        -1,
+        -1,
+        -1,
+        -1,
+        1,
+        // Left face
+        1,
+        1,
+        -1,
+        1,
+        1,
+        1,
+        1,
+        -1,
+        1,
+        1,
+        -1,
+        -1
+        // Right face
+      ];
+    }
+    function J() {
+      return [1, 0, 0, 0, 1, 0, 0, 0, 1];
+    }
+    function me(c, g, le) {
+      var oe = Math.sin(g), q = Math.cos(g);
+      if (le == "x")
+        return [c[0], q * c[1] + oe * c[2], q * c[2] - oe * c[1], c[3], q * c[4] + oe * c[5], q * c[5] - oe * c[4], c[6], q * c[7] + oe * c[8], q * c[8] - oe * c[7]];
+      if (le == "y")
+        return [q * c[0] - oe * c[2], c[1], q * c[2] + oe * c[0], q * c[3] - oe * c[5], c[4], q * c[5] + oe * c[3], q * c[6] - oe * c[8], c[7], q * c[8] + oe * c[6]];
+      if (le == "z")
+        return [q * c[0] + oe * c[1], q * c[1] - oe * c[0], c[2], q * c[3] + oe * c[4], q * c[4] - oe * c[3], c[5], q * c[6] + oe * c[7], q * c[7] - oe * c[6], c[8]];
+    }
+    function xe(c) {
+      return [c[0], c[1], c[2], 0, c[3], c[4], c[5], 0, c[6], c[7], c[8], 0, 0, 0, 0, 1];
+    }
+    function Pe(c) {
+      return [c[0], c[4], c[8], c[12], c[1], c[5], c[9], c[13], c[2], c[6], c[10], c[14], c[3], c[7], c[11], c[15]];
+    }
+    function ne(c, g, le, oe) {
+      var q = 2 * Math.atan(Math.tan(c / 2) * o.drawingBufferHeight / o.drawingBufferWidth), v = 1 / Math.tan(q / 2);
+      return [v / g, 0, 0, 0, 0, v, 0, 0, 0, 0, (oe + le) / (le - oe), 2 * oe * le / (le - oe), 0, 0, -1, 0];
+    }
+    function re(c, g) {
+      o.bindTexture(o.TEXTURE_2D, g), o.texImage2D(o.TEXTURE_2D, 0, o.RGB, o.RGB, o.UNSIGNED_BYTE, c), o.texParameteri(o.TEXTURE_2D, o.TEXTURE_MAG_FILTER, o.LINEAR), o.texParameteri(o.TEXTURE_2D, o.TEXTURE_MIN_FILTER, o.LINEAR), o.texParameteri(o.TEXTURE_2D, o.TEXTURE_WRAP_S, o.CLAMP_TO_EDGE), o.texParameteri(o.TEXTURE_2D, o.TEXTURE_WRAP_T, o.CLAMP_TO_EDGE), o.bindTexture(o.TEXTURE_2D, null);
+    }
+    var G = [], ve = function() {
+      var c = 4, g = {}, le;
+      function oe() {
+        var $ = this;
+        this.texture = this.callback = null, this.image = new Image(), this.image.crossOrigin = le || "anonymous";
+        var he = function() {
+          $.image.width > 0 && $.image.height > 0 ? (re($.image, $.texture), $.callback($.texture, !0)) : $.callback($.texture, !1), v($);
+        };
+        this.image.addEventListener("load", he), this.image.addEventListener("error", he);
+      }
+      oe.prototype.loadTexture = function($, he, ae) {
+        this.texture = he, this.callback = ae, this.image.src = $;
+      };
+      function q($, he, ae, Se) {
+        this.node = $, this.src = he, this.texture = ae, this.callback = Se;
+      }
+      function v($) {
+        if (G.length) {
+          var he = G.shift();
+          $.loadTexture(he.src, he.texture, he.callback);
+        } else
+          g[c++] = $;
+      }
+      for (var Q = 0; Q < c; Q++)
+        g[Q] = new oe();
+      return function($, he, ae, Se) {
+        le = Se;
+        var ke = o.createTexture();
+        return c ? g[--c].loadTexture(he, ke, ae) : G.push(new q($, he, ke, ae)), ke;
+      };
+    }();
+    function H(c) {
+      ve(c, encodeURI(c.path + "." + d.extension), function(g, le) {
+        c.texture = g, c.textureLoaded = le ? 2 : 1;
+      }, V.crossOrigin);
+    }
+    function ze(c) {
+      for (var g = 1; g < d.maxLevel && o.drawingBufferWidth > d.tileResolution * Math.pow(2, g - 1) * Math.tan(c / 2) * 0.707; )
+        g++;
+      h.level = g;
+    }
+    function Y(c, g) {
+      return [c[0] * g[0], c[0] * g[1], c[0] * g[2], 0, c[5] * g[4], c[5] * g[5], c[5] * g[6], 0, c[10] * g[8], c[10] * g[9], c[10] * g[10], c[11], -g[8], -g[9], -g[10], 0];
+    }
+    function Re(c, g) {
+      return [c[0] * g[0] + c[1] * g[1] + c[2] * g[2], c[4] * g[0] + c[5] * g[1] + c[6] * g[2], c[11] + c[8] * g[0] + c[9] * g[1] + c[10] * g[2], 1 / (c[12] * g[0] + c[13] * g[1] + c[14] * g[2])];
+    }
+    function Be(c, g) {
+      var le = Re(c, g), oe = le[0] * le[3], q = le[1] * le[3], v = le[2] * le[3], Q = [0, 0, 0];
+      return oe < -1 && (Q[0] = -1), oe > 1 && (Q[0] = 1), q < -1 && (Q[1] = -1), q > 1 && (Q[1] = 1), (v < -1 || v > 1) && (Q[2] = 1), Q;
+    }
+    function Ze(c, g) {
+      var le = Be(c, g.slice(0, 3)), oe = Be(c, g.slice(3, 6)), q = Be(c, g.slice(6, 9)), v = Be(c, g.slice(9, 12)), Q = le[0] + oe[0] + q[0] + v[0];
+      if (Q == -4 || Q == 4)
+        return !1;
+      var $ = le[1] + oe[1] + q[1] + v[1];
+      if ($ == -4 || $ == 4)
+        return !1;
+      var he = le[2] + oe[2] + q[2] + v[2];
+      return he != 4;
+    }
+    function Oe() {
+      console.log("Reducing canvas size due to error 1286!"), y.width = Math.round(y.width / 2), y.height = Math.round(y.height / 2);
+    }
+  }
+  var p = [
+    "attribute vec2 a_texCoord;",
+    "varying vec2 v_texCoord;",
+    "void main() {",
+    // Set position
+    "gl_Position = vec4(a_texCoord, 0.0, 1.0);",
+    // Pass the coordinates to the fragment shader
+    "v_texCoord = a_texCoord;",
+    "}"
+  ].join(""), f = [
+    "attribute vec3 a_vertCoord;",
+    "attribute vec2 a_texCoord;",
+    "uniform mat4 u_cubeMatrix;",
+    "uniform mat4 u_perspMatrix;",
+    "varying mediump vec2 v_texCoord;",
+    "void main(void) {",
+    // Set position
+    "gl_Position = u_perspMatrix * u_cubeMatrix * vec4(a_vertCoord, 1.0);",
+    // Pass the coordinates to the fragment shader
+    "v_texCoord = a_texCoord;",
+    "}"
+  ].join(""), E = [
+    "precision mediump float;",
+    "uniform float u_aspectRatio;",
+    "uniform float u_psi;",
+    "uniform float u_theta;",
+    "uniform float u_f;",
+    "uniform float u_h;",
+    "uniform float u_v;",
+    "uniform float u_vo;",
+    "uniform float u_rot;",
+    "const float PI = 3.14159265358979323846264;",
+    // Texture
+    "uniform sampler2D u_image;",
+    "uniform samplerCube u_imageCube;",
+    // Coordinates passed in from vertex shader
+    "varying vec2 v_texCoord;",
+    // Background color (display for partial panoramas)
+    "uniform vec4 u_backgroundColor;",
+    "void main() {",
+    // Map canvas/camera to sphere
+    "float x = v_texCoord.x * u_aspectRatio;",
+    "float y = v_texCoord.y;",
+    "float sinrot = sin(u_rot);",
+    "float cosrot = cos(u_rot);",
+    "float rot_x = x * cosrot - y * sinrot;",
+    "float rot_y = x * sinrot + y * cosrot;",
+    "float sintheta = sin(u_theta);",
+    "float costheta = cos(u_theta);",
+    "float a = u_f * costheta - rot_y * sintheta;",
+    "float root = sqrt(rot_x * rot_x + a * a);",
+    "float lambda = atan(rot_x / root, a / root) + u_psi;",
+    "float phi = atan((rot_y * costheta + u_f * sintheta) / root);"
+  ].join(`
+`), e = E + [
+    // Look up color from texture
+    "float cosphi = cos(phi);",
+    "gl_FragColor = textureCube(u_imageCube, vec3(cosphi*sin(lambda), sin(phi), cosphi*cos(lambda)));",
+    "}"
+  ].join(`
+`), x = E + [
+    // Wrap image
+    "lambda = mod(lambda + PI, PI * 2.0) - PI;",
+    // Map texture to sphere
+    "vec2 coord = vec2(lambda / PI, phi / (PI / 2.0));",
+    // Look up color from texture
+    // Map from [-1,1] to [0,1] and flip y-axis
+    "if(coord.x < -u_h || coord.x > u_h || coord.y < -u_v + u_vo || coord.y > u_v + u_vo)",
+    "gl_FragColor = u_backgroundColor;",
+    "else",
+    "gl_FragColor = texture2D(u_image, vec2((coord.x + u_h) / (u_h * 2.0), (-coord.y + u_v + u_vo) / (u_v * 2.0)));",
+    "}"
+  ].join(`
+`), b = [
+    "varying mediump vec2 v_texCoord;",
+    "uniform sampler2D u_sampler;",
+    //'uniform mediump vec4 u_color;',
+    "void main(void) {",
+    // Look up color from texture
+    "gl_FragColor = texture2D(u_sampler, v_texCoord);",
+    //    'gl_FragColor = u_color;',
+    "}"
+  ].join("");
+  return {
+    renderer: function(y, h, o, L) {
+      return new s(y);
+    }
+  };
+}(window, document);
+window.pannellum = /* @__PURE__ */ function(r, a, l) {
+  function s(p, f) {
+    var E = this, e, x, b, z = !1, y = Date.now(), h = 0, o = 0, L = -1, A = 0, k = 0, m = new Array(10), N = !1, w, d = !1, C = !1, I, O, M = { yaw: 0, pitch: 0, hfov: 0 }, X = !1, S = !1, V = 0, te, W = 0, T, F, P = {}, B = {}, J = [], me = !1, xe = !1, Pe = {
+      hfov: 100,
+      minHfov: 50,
+      maxHfov: 120,
+      pitch: 0,
+      minPitch: l,
+      maxPitch: l,
+      yaw: 0,
+      minYaw: -180,
+      maxYaw: 180,
+      roll: 0,
+      haov: 360,
+      vaov: 180,
+      vOffset: 0,
+      autoRotate: !1,
+      autoRotateInactivityDelay: -1,
+      autoRotateStopDelay: l,
+      type: "equirectangular",
+      northOffset: 0,
+      showFullscreenCtrl: !0,
+      dynamic: !1,
+      doubleClickZoom: !0,
+      keyboardZoom: !0,
+      mouseZoom: !0,
+      showZoomCtrl: !0,
+      autoLoad: !1,
+      showControls: !0,
+      orientationOnByDefault: !1,
+      hotSpotDebug: !1,
+      backgroundColor: [0, 0, 0],
+      avoidShowingBackground: !1,
+      animationTimingFunction: U,
+      draggable: !0,
+      disableKeyboardCtrl: !1,
+      crossOrigin: "anonymous",
+      touchPanSpeedCoeffFactor: 1,
+      capturedKeyNumbers: [16, 17, 27, 37, 38, 39, 40, 61, 65, 68, 83, 87, 107, 109, 173, 187, 189]
+    };
+    Pe.strings = {
+      // Labels
+      loadButtonLabel: "Click to<br>Load<br>Panorama",
+      loadingLabel: "Loading...",
+      bylineLabel: "by %s",
+      // One substitution: author
+      // Errors
+      noPanoramaError: "No panorama image was specified.",
+      fileAccessError: "The file %s could not be accessed.",
+      // One substitution: file URL
+      malformedURLError: "There is something wrong with the panorama URL.",
+      iOS8WebGLError: "Due to iOS 8's broken WebGL implementation, only progressive encoded JPEGs work for your device (this panorama uses standard encoding).",
+      genericWebGLError: "Your browser does not have the necessary WebGL support to display this panorama.",
+      textureSizeError: "This panorama is too big for your device! It's %spx wide, but your device only supports images up to %spx wide. Try another device. (If you're the author, try scaling down the image.)",
+      // Two substitutions: image width, max image width
+      unknownError: "Unknown error. Check developer console."
+    }, p = typeof p == "string" ? a.getElementById(p) : p, p.classList.add("pnlm-container"), p.tabIndex = 0;
+    var ne = a.createElement("div");
+    ne.className = "pnlm-ui", p.appendChild(ne);
+    var re = a.createElement("div");
+    re.className = "pnlm-render-container", p.appendChild(re);
+    var G = a.createElement("div");
+    G.className = "pnlm-dragfix", ne.appendChild(G);
+    var ve = a.createElement("span");
+    ve.className = "pnlm-about-msg", ve.innerHTML = '<a href="https://pannellum.org/" target="_blank">Pannellum</a>', ne.appendChild(ve), G.addEventListener("contextmenu", Q);
+    var H = {}, ze = a.createElement("div");
+    ze.className = "pnlm-sprite pnlm-hot-spot-debug-indicator", ne.appendChild(ze), H.container = a.createElement("div"), H.container.className = "pnlm-panorama-info", H.title = a.createElement("div"), H.title.className = "pnlm-title-box", H.container.appendChild(H.title), H.author = a.createElement("div"), H.author.className = "pnlm-author-box", H.container.appendChild(H.author), ne.appendChild(H.container), H.load = {}, H.load.box = a.createElement("div"), H.load.box.className = "pnlm-load-box", H.load.boxp = a.createElement("p"), H.load.box.appendChild(H.load.boxp), H.load.lbox = a.createElement("div"), H.load.lbox.className = "pnlm-lbox", H.load.lbox.innerHTML = '<div class="pnlm-loading"></div>', H.load.box.appendChild(H.load.lbox), H.load.lbar = a.createElement("div"), H.load.lbar.className = "pnlm-lbar", H.load.lbarFill = a.createElement("div"), H.load.lbarFill.className = "pnlm-lbar-fill", H.load.lbar.appendChild(H.load.lbarFill), H.load.box.appendChild(H.load.lbar), H.load.msg = a.createElement("p"), H.load.msg.className = "pnlm-lmsg", H.load.box.appendChild(H.load.msg), ne.appendChild(H.load.box), H.errorMsg = a.createElement("div"), H.errorMsg.className = "pnlm-error-msg pnlm-info-box", ne.appendChild(H.errorMsg);
+    var Y = {};
+    Y.container = a.createElement("div"), Y.container.className = "pnlm-controls-container", ne.appendChild(Y.container), Y.load = a.createElement("div"), Y.load.className = "pnlm-load-button", Y.load.addEventListener("click", function() {
+      kt(), Ut();
+    }), ne.appendChild(Y.load), Y.zoom = a.createElement("div"), Y.zoom.className = "pnlm-zoom-controls pnlm-controls", Y.zoomIn = a.createElement("div"), Y.zoomIn.className = "pnlm-zoom-in pnlm-sprite pnlm-control", Y.zoomIn.addEventListener("click", Nr), Y.zoom.appendChild(Y.zoomIn), Y.zoomOut = a.createElement("div"), Y.zoomOut.className = "pnlm-zoom-out pnlm-sprite pnlm-control", Y.zoomOut.addEventListener("click", zr), Y.zoom.appendChild(Y.zoomOut), Y.container.appendChild(Y.zoom), Y.fullscreen = a.createElement("div"), Y.fullscreen.addEventListener("click", It), Y.fullscreen.className = "pnlm-fullscreen-toggle-button pnlm-sprite pnlm-fullscreen-toggle-button-inactive pnlm-controls pnlm-control", (a.fullscreenEnabled || a.mozFullScreenEnabled || a.webkitFullscreenEnabled || a.msFullscreenEnabled) && Y.container.appendChild(Y.fullscreen), Y.orientation = a.createElement("div"), Y.orientation.addEventListener("click", function(t) {
+      S ? ht() : vt();
+    }), Y.orientation.addEventListener("mousedown", function(t) {
+      t.stopPropagation();
+    }), Y.orientation.addEventListener("touchstart", function(t) {
+      t.stopPropagation();
+    }), Y.orientation.addEventListener("pointerdown", function(t) {
+      t.stopPropagation();
+    }), Y.orientation.className = "pnlm-orientation-button pnlm-orientation-button-inactive pnlm-sprite pnlm-controls pnlm-control";
+    var Re, Be = !1;
+    function Ze(t) {
+      r.removeEventListener("deviceorientation", Ze), t && t.alpha !== null && t.beta !== null && t.gamma !== null ? (Y.container.appendChild(Y.orientation), Re = !0, Be && vt()) : Re = !1;
+    }
+    r.DeviceOrientationEvent ? r.addEventListener("deviceorientation", Ze) : Re = !1;
+    var Oe = a.createElement("div");
+    Oe.className = "pnlm-compass pnlm-controls pnlm-control", ne.appendChild(Oe), f.firstScene ? mt(f.firstScene) : f.default && f.default.firstScene ? mt(f.default.firstScene) : mt(null), kt(!0);
+    function c() {
+      var t = a.createElement("div");
+      if (t.innerHTML = "<!--[if lte IE 9]><i></i><![endif]-->", t.getElementsByTagName("i").length == 1) {
+        q();
+        return;
+      }
+      T = e.hfov, F = e.pitch;
+      var n, u;
+      if (e.type == "cubemap") {
+        for (I = [], n = 0; n < 6; n++)
+          I.push(new Image()), I[n].crossOrigin = e.crossOrigin;
+        H.load.lbox.style.display = "block", H.load.lbar.style.display = "none";
+      } else if (e.type == "multires") {
+        var R = JSON.parse(JSON.stringify(e.multiRes));
+        e.basePath && e.multiRes.basePath && !/^(?:[a-z]+:)?\/\//i.test(e.multiRes.basePath) ? R.basePath = e.basePath + e.multiRes.basePath : e.multiRes.basePath ? R.basePath = e.multiRes.basePath : e.basePath && (R.basePath = e.basePath), I = R;
+      } else if (e.dynamic === !0)
+        I = e.panorama;
+      else {
+        if (e.panorama === l) {
+          q(e.strings.noPanoramaError);
+          return;
+        }
+        I = new Image();
+      }
+      if (e.type == "cubemap") {
+        var D = 6, _ = function() {
+          D--, D === 0 && le();
+        }, se = function(Me) {
+          var ye = a.createElement("a");
+          ye.href = Me.target.src, ye.textContent = ye.href, q(e.strings.fileAccessError.replace("%s", ye.outerHTML));
+        };
+        for (n = 0; n < I.length; n++)
+          u = e.cubeMap[n], u == "null" ? (console.log("Will use background instead of missing cubemap face " + n), _()) : (e.basePath && !g(u) && (u = e.basePath + u), I[n].onload = _, I[n].onerror = se, I[n].src = lt(u));
+      } else if (e.type == "multires")
+        le();
+      else if (u = "", e.basePath && (u = e.basePath), e.dynamic !== !0) {
+        u = g(e.panorama) ? e.panorama : u + e.panorama, I.onload = function() {
+          r.URL.revokeObjectURL(this.src), le();
+        };
+        var ee = new XMLHttpRequest();
+        ee.onloadend = function() {
+          if (ee.status != 200) {
+            var de = a.createElement("a");
+            de.href = u, de.textContent = de.href, q(e.strings.fileAccessError.replace("%s", de.outerHTML));
+          }
+          var Me = this.response;
+          oe(Me), H.load.msg.innerHTML = "";
+        }, ee.onprogress = function(de) {
+          if (de.lengthComputable) {
+            var Me = de.loaded / de.total * 100;
+            H.load.lbarFill.style.width = Me + "%";
+            var ye, qe, We;
+            de.total > 1e6 ? (ye = "MB", qe = (de.loaded / 1e6).toFixed(2), We = (de.total / 1e6).toFixed(2)) : de.total > 1e3 ? (ye = "kB", qe = (de.loaded / 1e3).toFixed(1), We = (de.total / 1e3).toFixed(1)) : (ye = "B", qe = de.loaded, We = de.total), H.load.msg.innerHTML = qe + " / " + We + " " + ye;
+          } else
+            H.load.lbox.style.display = "block", H.load.lbar.style.display = "none";
+        };
+        try {
+          ee.open("GET", u, !0);
+        } catch {
+          q(e.strings.malformedURLError);
+        }
+        ee.responseType = "blob", ee.setRequestHeader("Accept", "image/*,*/*;q=0.9"), ee.withCredentials = e.crossOrigin === "use-credentials", ee.send();
+      }
+      e.draggable && ne.classList.add("pnlm-grab"), ne.classList.remove("pnlm-grabbing");
+    }
+    function g(t) {
+      return new RegExp("^(?:[a-z]+:)?//", "i").test(t) || t[0] == "/" || t.slice(0, 5) == "blob:";
+    }
+    function le() {
+      x || (x = new libpannellum.renderer(re)), C || (C = !0, G.addEventListener("mousedown", he, !1), a.addEventListener("mousemove", ke, !1), a.addEventListener("mouseup", Ue, !1), e.mouseZoom && (ne.addEventListener("mousewheel", Fe, !1), ne.addEventListener("DOMMouseScroll", Fe, !1)), e.doubleClickZoom && G.addEventListener("dblclick", ae, !1), ne.addEventListener("mozfullscreenchange", rt, !1), ne.addEventListener("webkitfullscreenchange", rt, !1), ne.addEventListener("msfullscreenchange", rt, !1), ne.addEventListener("fullscreenchange", rt, !1), r.addEventListener("resize", Ee, !1), r.addEventListener("orientationchange", Ee, !1), e.disableKeyboardCtrl || (p.addEventListener("keydown", Ae, !1), p.addEventListener("keyup", Ve, !1), p.addEventListener("blur", je, !1)), a.addEventListener("mouseleave", Ue, !1), a.documentElement.style.pointerAction === "" && a.documentElement.style.touchAction === "" ? (G.addEventListener("pointerdown", be, !1), G.addEventListener("pointermove", _e, !1), G.addEventListener("pointerup", Ne, !1), G.addEventListener("pointerleave", Ne, !1)) : (G.addEventListener("touchstart", Ge, !1), G.addEventListener("touchmove", Ye, !1), G.addEventListener("touchend", Z, !1)), r.navigator.pointerEnabled && (p.style.touchAction = "none")), Pr(), Je(e.hfov), setTimeout(function() {
+      }, 500);
+    }
+    function oe(t) {
+      var n = new FileReader();
+      n.addEventListener("loadend", function() {
+        var u = n.result;
+        if (navigator.userAgent.toLowerCase().match(/(iphone|ipod|ipad).* os 8_/)) {
+          var R = u.indexOf("ÿÂ");
+          (R < 0 || R > 65536) && q(e.strings.iOS8WebGLError);
+        }
+        var D = u.indexOf("<x:xmpmeta");
+        if (D > -1 && e.ignoreGPanoXMP !== !0) {
+          var _ = u.substring(D, u.indexOf("</x:xmpmeta>") + 12), se = function(Me) {
+            var ye;
+            return _.indexOf(Me + '="') >= 0 ? (ye = _.substring(_.indexOf(Me + '="') + Me.length + 2), ye = ye.substring(0, ye.indexOf('"'))) : _.indexOf(Me + ">") >= 0 && (ye = _.substring(_.indexOf(Me + ">") + Me.length + 1), ye = ye.substring(0, ye.indexOf("<"))), ye !== l ? Number(ye) : null;
+          }, ee = {
+            fullWidth: se("GPano:FullPanoWidthPixels"),
+            croppedWidth: se("GPano:CroppedAreaImageWidthPixels"),
+            fullHeight: se("GPano:FullPanoHeightPixels"),
+            croppedHeight: se("GPano:CroppedAreaImageHeightPixels"),
+            topPixels: se("GPano:CroppedAreaTopPixels"),
+            heading: se("GPano:PoseHeadingDegrees"),
+            horizonPitch: se("GPano:PosePitchDegrees"),
+            horizonRoll: se("GPano:PoseRollDegrees")
+          };
+          ee.fullWidth !== null && ee.croppedWidth !== null && ee.fullHeight !== null && ee.croppedHeight !== null && ee.topPixels !== null && (J.indexOf("haov") < 0 && (e.haov = ee.croppedWidth / ee.fullWidth * 360), J.indexOf("vaov") < 0 && (e.vaov = ee.croppedHeight / ee.fullHeight * 180), J.indexOf("vOffset") < 0 && (e.vOffset = ((ee.topPixels + ee.croppedHeight / 2) / ee.fullHeight - 0.5) * -180), ee.heading !== null && J.indexOf("northOffset") < 0 && (e.northOffset = ee.heading, e.compass !== !1 && (e.compass = !0)), ee.horizonPitch !== null && ee.horizonRoll !== null && (J.indexOf("horizonPitch") < 0 && (e.horizonPitch = ee.horizonPitch), J.indexOf("horizonRoll") < 0 && (e.horizonRoll = ee.horizonRoll)));
+        }
+        I.src = r.URL.createObjectURL(t);
+      }), n.readAsBinaryString !== l ? n.readAsBinaryString(t) : n.readAsText(t);
+    }
+    function q(t) {
+      t === l && (t = e.strings.genericWebGLError), H.errorMsg.innerHTML = "<p>" + t + "</p>", Y.load.style.display = "none", H.load.box.style.display = "none", H.errorMsg.style.display = "table", d = !0, re.style.display = "none", ot("error", t);
+    }
+    function v() {
+      d && (H.load.box.style.display = "none", H.errorMsg.style.display = "none", d = !1, ot("errorcleared"));
+    }
+    function Q(t) {
+      var n = $(t);
+      ve.style.left = n.x + "px", ve.style.top = n.y + "px", clearTimeout(Q.t1), clearTimeout(Q.t2), ve.style.display = "block", ve.style.opacity = 1, Q.t1 = setTimeout(function() {
+        ve.style.opacity = 0;
+      }, 2e3), Q.t2 = setTimeout(function() {
+        ve.style.display = "none";
+      }, 2500), t.preventDefault();
+    }
+    function $(t) {
+      var n = p.getBoundingClientRect(), u = {};
+      return u.x = t.clientX - n.left, u.y = t.clientY - n.top, u;
+    }
+    function he(t) {
+      if (t.preventDefault(), p.focus(), !(!w || !e.draggable)) {
+        var n = $(t);
+        if (e.hotSpotDebug) {
+          var u = Se(t);
+          console.log("Pitch: " + u[0] + ", Yaw: " + u[1] + ", Center Pitch: " + e.pitch + ", Center Yaw: " + e.yaw + ", HFOV: " + e.hfov);
+        }
+        gt(), ht(), e.roll = 0, M.hfov = 0, z = !0, y = Date.now(), h = n.x, o = n.y, A = e.yaw, k = e.pitch, ne.classList.add("pnlm-grabbing"), ne.classList.remove("pnlm-grab"), ot("mousedown", t), we();
+      }
+    }
+    function ae(t) {
+      if (e.minHfov === e.hfov)
+        E.setHfov(T, 1e3);
+      else {
+        var n = Se(t);
+        E.lookAt(n[0], n[1], e.minHfov, 1e3);
+      }
+    }
+    function Se(t) {
+      var n = $(t), u = x.getCanvas(), R = u.clientWidth, D = u.clientHeight, _ = n.x / R * 2 - 1, se = (1 - n.y / D * 2) * D / R, ee = 1 / Math.tan(e.hfov * Math.PI / 360), de = Math.sin(e.pitch * Math.PI / 180), Me = Math.cos(e.pitch * Math.PI / 180), ye = ee * Me - se * de, qe = Math.sqrt(_ * _ + ye * ye), We = Math.atan((se * Me + ee * de) / qe) * 180 / Math.PI, nt = Math.atan2(_ / qe, ye / qe) * 180 / Math.PI + e.yaw;
+      return nt < -180 && (nt += 360), nt > 180 && (nt -= 360), [We, nt];
+    }
+    function ke(t) {
+      if (z && w) {
+        y = Date.now();
+        var n = x.getCanvas(), u = n.clientWidth, R = n.clientHeight, D = $(t), _ = (Math.atan(h / u * 2 - 1) - Math.atan(D.x / u * 2 - 1)) * 180 / Math.PI * e.hfov / 90 + A;
+        M.yaw = (_ - e.yaw) % 360 * 0.2, e.yaw = _;
+        var se = 2 * Math.atan(Math.tan(e.hfov / 360 * Math.PI) * R / u) * 180 / Math.PI, ee = (Math.atan(D.y / R * 2 - 1) - Math.atan(o / R * 2 - 1)) * 180 / Math.PI * se / 90 + k;
+        M.pitch = (ee - e.pitch) * 0.2, e.pitch = ee;
+      }
+    }
+    function Ue(t) {
+      z && (z = !1, Date.now() - y > 15 && (M.pitch = M.yaw = 0), ne.classList.add("pnlm-grab"), ne.classList.remove("pnlm-grabbing"), y = Date.now(), ot("mouseup", t));
+    }
+    function Ge(t) {
+      if (!(!w || !e.draggable)) {
+        gt(), ht(), e.roll = 0, M.hfov = 0;
+        var n = $(t.targetTouches[0]);
+        if (h = n.x, o = n.y, t.targetTouches.length == 2) {
+          var u = $(t.targetTouches[1]);
+          h += (u.x - n.x) * 0.5, o += (u.y - n.y) * 0.5, L = Math.sqrt((n.x - u.x) * (n.x - u.x) + (n.y - u.y) * (n.y - u.y));
+        }
+        z = !0, y = Date.now(), A = e.yaw, k = e.pitch, ot("touchstart", t), we();
+      }
+    }
+    function Ye(t) {
+      if (e.draggable && (t.preventDefault(), w && (y = Date.now()), z && w)) {
+        var n = $(t.targetTouches[0]), u = n.x, R = n.y;
+        if (t.targetTouches.length == 2 && L != -1) {
+          var D = $(t.targetTouches[1]);
+          u += (D.x - n.x) * 0.5, R += (D.y - n.y) * 0.5;
+          var _ = Math.sqrt((n.x - D.x) * (n.x - D.x) + (n.y - D.y) * (n.y - D.y));
+          Je(e.hfov + (L - _) * 0.1), L = _;
+        }
+        var se = e.hfov / 360 * e.touchPanSpeedCoeffFactor, ee = (h - u) * se + A;
+        M.yaw = (ee - e.yaw) % 360 * 0.2, e.yaw = ee;
+        var de = (R - o) * se + k;
+        M.pitch = (de - e.pitch) * 0.2, e.pitch = de;
+      }
+    }
+    function Z() {
+      z = !1, Date.now() - y > 150 && (M.pitch = M.yaw = 0), L = -1, y = Date.now(), ot("touchend", event);
+    }
+    var ie = [], ge = [];
+    function be(t) {
+      t.pointerType == "touch" && (ie.push(t.pointerId), ge.push({ clientX: t.clientX, clientY: t.clientY }), t.targetTouches = ge, Ge(t), t.preventDefault());
+    }
+    function _e(t) {
+      if (t.pointerType == "touch") {
+        for (var n = 0; n < ie.length; n++)
+          if (t.pointerId == ie[n]) {
+            ge[n].clientX = t.clientX, ge[n].clientY = t.clientY, t.targetTouches = ge, Ye(t), t.preventDefault();
+            return;
+          }
+      }
+    }
+    function Ne(t) {
+      if (t.pointerType == "touch") {
+        for (var n = !1, u = 0; u < ie.length; u++)
+          t.pointerId == ie[u] && (ie[u] = l), ie[u] && (n = !0);
+        n || (ie = [], ge = [], Z()), t.preventDefault();
+      }
+    }
+    function Fe(t) {
+      !w || e.mouseZoom == "fullscreenonly" && !N || (t.preventDefault(), gt(), y = Date.now(), t.wheelDeltaY ? (Je(e.hfov - t.wheelDeltaY * 0.05), M.hfov = t.wheelDelta < 0 ? 1 : -1) : t.wheelDelta ? (Je(e.hfov - t.wheelDelta * 0.05), M.hfov = t.wheelDelta < 0 ? 1 : -1) : t.detail && (Je(e.hfov + t.detail * 1.5), M.hfov = t.detail > 0 ? 1 : -1), we());
+    }
+    function Ae(t) {
+      gt(), y = Date.now(), ht(), e.roll = 0;
+      var n = t.which || t.keycode;
+      e.capturedKeyNumbers.indexOf(n) < 0 || (t.preventDefault(), n == 27 ? N && It() : Te(n, !0));
+    }
+    function je() {
+      for (var t = 0; t < 10; t++)
+        m[t] = !1;
+    }
+    function Ve(t) {
+      var n = t.which || t.keycode;
+      e.capturedKeyNumbers.indexOf(n) < 0 || (t.preventDefault(), Te(n, !1));
+    }
+    function Te(t, n) {
+      var u = !1;
+      switch (t) {
+        case 109:
+        case 189:
+        case 17:
+        case 173:
+          m[0] != n && (u = !0), m[0] = n;
+          break;
+        case 107:
+        case 187:
+        case 16:
+        case 61:
+          m[1] != n && (u = !0), m[1] = n;
+          break;
+        case 38:
+          m[2] != n && (u = !0), m[2] = n;
+          break;
+        case 87:
+          m[6] != n && (u = !0), m[6] = n;
+          break;
+        case 40:
+          m[3] != n && (u = !0), m[3] = n;
+          break;
+        case 83:
+          m[7] != n && (u = !0), m[7] = n;
+          break;
+        case 37:
+          m[4] != n && (u = !0), m[4] = n;
+          break;
+        case 65:
+          m[8] != n && (u = !0), m[8] = n;
+          break;
+        case 39:
+          m[5] != n && (u = !0), m[5] = n;
+          break;
+        case 68:
+          m[9] != n && (u = !0), m[9] = n;
+      }
+      u && n && (typeof performance < "u" && performance.now() ? O = performance.now() : O = Date.now(), we());
+    }
+    function He() {
+      if (w) {
+        var t = !1, n = e.pitch, u = e.yaw, R = e.hfov, D;
+        typeof performance < "u" && performance.now() ? D = performance.now() : D = Date.now(), O === l && (O = D);
+        var _ = (D - O) * e.hfov / 1700;
+        if (_ = Math.min(_, 1), m[0] && e.keyboardZoom === !0 && (Je(e.hfov + (M.hfov * 0.8 + 0.5) * _), t = !0), m[1] && e.keyboardZoom === !0 && (Je(e.hfov + (M.hfov * 0.8 - 0.2) * _), t = !0), (m[2] || m[6]) && (e.pitch += (M.pitch * 0.8 + 0.2) * _, t = !0), (m[3] || m[7]) && (e.pitch += (M.pitch * 0.8 - 0.2) * _, t = !0), (m[4] || m[8]) && (e.yaw += (M.yaw * 0.8 - 0.2) * _, t = !0), (m[5] || m[9]) && (e.yaw += (M.yaw * 0.8 + 0.2) * _, t = !0), t && (y = Date.now()), e.autoRotate) {
+          if (D - O > 1e-3) {
+            var se = (D - O) / 1e3, ee = (M.yaw / se * _ - e.autoRotate * 0.2) * se;
+            ee = (-e.autoRotate > 0 ? 1 : -1) * Math.min(Math.abs(e.autoRotate * se), Math.abs(ee)), e.yaw += ee;
+          }
+          e.autoRotateStopDelay && (e.autoRotateStopDelay -= D - O, e.autoRotateStopDelay <= 0 && (e.autoRotateStopDelay = !1, W = e.autoRotate, e.autoRotate = 0));
+        }
+        if (P.pitch && (De("pitch"), n = e.pitch), P.yaw && (De("yaw"), u = e.yaw), P.hfov && (De("hfov"), R = e.hfov), _ > 0 && !e.autoRotate) {
+          var de = 0.85;
+          !m[4] && !m[5] && !m[8] && !m[9] && !P.yaw && (e.yaw += M.yaw * _ * de), !m[2] && !m[3] && !m[6] && !m[7] && !P.pitch && (e.pitch += M.pitch * _ * de), !m[0] && !m[1] && !P.hfov && Je(e.hfov + M.hfov * _ * de);
+        }
+        if (O = D, _ > 0) {
+          M.yaw = M.yaw * 0.8 + (e.yaw - u) / _ * 0.2, M.pitch = M.pitch * 0.8 + (e.pitch - n) / _ * 0.2, M.hfov = M.hfov * 0.8 + (e.hfov - R) / _ * 0.2;
+          var Me = e.autoRotate ? Math.abs(e.autoRotate) : 5;
+          M.yaw = Math.min(Me, Math.max(M.yaw, -Me)), M.pitch = Math.min(Me, Math.max(M.pitch, -Me)), M.hfov = Math.min(Me, Math.max(M.hfov, -Me));
+        }
+        m[0] && m[1] && (M.hfov = 0), (m[2] || m[6]) && (m[3] || m[7]) && (M.pitch = 0), (m[4] || m[8]) && (m[5] || m[9]) && (M.yaw = 0);
+      }
+    }
+    function De(t) {
+      var n = P[t], u = Math.min(1, Math.max((Date.now() - n.startTime) / 1e3 / (n.duration / 1e3), 0)), R = n.startPosition + e.animationTimingFunction(u) * (n.endPosition - n.startPosition);
+      if (n.endPosition > n.startPosition && R >= n.endPosition || n.endPosition < n.startPosition && R <= n.endPosition || n.endPosition === n.startPosition) {
+        R = n.endPosition, M[t] = 0;
+        var D = P[t].callback, _ = P[t].callbackArgs;
+        delete P[t], typeof D == "function" && D(_);
+      }
+      e[t] = R;
+    }
+    function U(t) {
+      return t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t;
+    }
+    function Ee() {
+      rt();
+    }
+    function we() {
+      X || (X = !0, ue());
+    }
+    function ue() {
+      if (Ce(), te && clearTimeout(te), z || S === !0)
+        requestAnimationFrame(ue);
+      else if (m[0] || m[1] || m[2] || m[3] || m[4] || m[5] || m[6] || m[7] || m[8] || m[9] || e.autoRotate || P.pitch || P.yaw || P.hfov || Math.abs(M.yaw) > 0.01 || Math.abs(M.pitch) > 0.01 || Math.abs(M.hfov) > 0.01)
+        He(), e.autoRotateInactivityDelay >= 0 && W && Date.now() - y > e.autoRotateInactivityDelay && !e.autoRotate && (e.autoRotate = W, E.lookAt(F, l, T, 3e3)), requestAnimationFrame(ue);
+      else if (x && (x.isLoading() || e.dynamic === !0 && me))
+        requestAnimationFrame(ue);
+      else {
+        X = !1, O = l;
+        var t = e.autoRotateInactivityDelay - (Date.now() - y);
+        t > 0 ? te = setTimeout(function() {
+          e.autoRotate = W, E.lookAt(F, l, T, 3e3), we();
+        }, t) : e.autoRotateInactivityDelay >= 0 && W && (e.autoRotate = W, E.lookAt(F, l, T, 3e3), we());
+      }
+    }
+    function Ce() {
+      var t;
+      if (w) {
+        e.yaw > 180 ? e.yaw -= 360 : e.yaw < -180 && (e.yaw += 360), t = e.yaw;
+        var n = 0;
+        if (e.avoidShowingBackground) {
+          var de = x.getCanvas(), u = e.hfov / 2, R = Math.atan2(Math.tan(u / 180 * Math.PI), de.width / de.height) * 180 / Math.PI, D = e.vaov > e.haov;
+          D ? R * (1 - Math.min(Math.cos((e.pitch - u) / 180 * Math.PI), Math.cos((e.pitch + u) / 180 * Math.PI))) : n = u * (1 - Math.min(Math.cos((e.pitch - R) / 180 * Math.PI), Math.cos((e.pitch + R) / 180 * Math.PI)));
+        }
+        var _ = e.maxYaw - e.minYaw, se = -180, ee = 180;
+        _ < 360 && (se = e.minYaw + e.hfov / 2 + n, ee = e.maxYaw - e.hfov / 2 - n, _ < e.hfov && (se = ee = (se + ee) / 2), e.yaw = Math.max(se, Math.min(ee, e.yaw))), e.autoRotate !== !1 && t != e.yaw && O !== l && (e.autoRotate *= -1);
+        var de = x.getCanvas(), Me = 2 * Math.atan(Math.tan(e.hfov / 180 * Math.PI * 0.5) / (de.width / de.height)) / Math.PI * 180, ye = e.minPitch + Me / 2, qe = e.maxPitch - Me / 2, We = e.maxPitch - e.minPitch;
+        We < Me && (ye = qe = (ye + qe) / 2), isNaN(ye) && (ye = -90), isNaN(qe) && (qe = 90), e.pitch = Math.max(ye, Math.min(qe, e.pitch)), x.render(e.pitch * Math.PI / 180, e.yaw * Math.PI / 180, e.hfov * Math.PI / 180, { roll: e.roll * Math.PI / 180 }), Ot(), e.compass && (Oe.style.transform = "rotate(" + (-e.yaw - e.northOffset) + "deg)", Oe.style.webkitTransform = "rotate(" + (-e.yaw - e.northOffset) + "deg)"), e.onRender && e.onRender();
+      }
+    }
+    function K(t, n, u, R) {
+      this.w = t, this.x = n, this.y = u, this.z = R;
+    }
+    K.prototype.multiply = function(t) {
+      return new K(this.w * t.w - this.x * t.x - this.y * t.y - this.z * t.z, this.x * t.w + this.w * t.x + this.y * t.z - this.z * t.y, this.y * t.w + this.w * t.y + this.z * t.x - this.x * t.z, this.z * t.w + this.w * t.z + this.x * t.y - this.y * t.x);
+    }, K.prototype.toEulerAngles = function() {
+      var t = Math.atan2(2 * (this.w * this.x + this.y * this.z), 1 - 2 * (this.x * this.x + this.y * this.y)), n = Math.asin(2 * (this.w * this.y - this.z * this.x)), u = Math.atan2(2 * (this.w * this.z + this.x * this.y), 1 - 2 * (this.y * this.y + this.z * this.z));
+      return [t, n, u];
+    };
+    function Ir(t, n, u) {
+      var R = [n ? n * Math.PI / 180 / 2 : 0, u ? u * Math.PI / 180 / 2 : 0, t ? t * Math.PI / 180 / 2 : 0], D = [Math.cos(R[0]), Math.cos(R[1]), Math.cos(R[2])], _ = [Math.sin(R[0]), Math.sin(R[1]), Math.sin(R[2])];
+      return new K(D[0] * D[1] * D[2] - _[0] * _[1] * _[2], _[0] * D[1] * D[2] - D[0] * _[1] * _[2], D[0] * _[1] * D[2] + _[0] * D[1] * _[2], D[0] * D[1] * _[2] + _[0] * _[1] * D[2]);
+    }
+    function Tr(t, n, u) {
+      var R = Ir(t, n, u);
+      R = R.multiply(new K(Math.sqrt(0.5), -Math.sqrt(0.5), 0, 0));
+      var D = r.orientation ? -r.orientation * Math.PI / 180 / 2 : 0;
+      return R.multiply(new K(Math.cos(D), 0, -Math.sin(D), 0));
+    }
+    function Dt(t) {
+      var n = Tr(t.alpha, t.beta, t.gamma).toEulerAngles();
+      typeof S == "number" && S < 10 ? S += 1 : S === 10 ? (V = n[2] / Math.PI * 180 + e.yaw, S = !0, requestAnimationFrame(ue)) : (e.pitch = n[0] / Math.PI * 180, e.roll = -n[1] / Math.PI * 180, e.yaw = -n[2] / Math.PI * 180 + V);
+    }
+    function Pr() {
+      try {
+        var t = {};
+        e.horizonPitch !== l && (t.horizonPitch = e.horizonPitch * Math.PI / 180), e.horizonRoll !== l && (t.horizonRoll = e.horizonRoll * Math.PI / 180), e.backgroundColor !== l && (t.backgroundColor = e.backgroundColor), x.init(I, e.type, e.dynamic, e.haov * Math.PI / 180, e.vaov * Math.PI / 180, e.vOffset * Math.PI / 180, Rr, t), e.dynamic !== !0 && (I = l);
+      } catch (n) {
+        if (n.type == "webgl error" || n.type == "no webgl")
+          q();
+        else if (n.type == "webgl size error")
+          q(e.strings.textureSizeError.replace("%s", n.width).replace("%s", n.maxWidth));
+        else
+          throw q(e.strings.unknownError), n;
+      }
+    }
+    function Rr() {
+      if (e.sceneFadeDuration && x.fadeImg !== l) {
+        x.fadeImg.style.opacity = 0;
+        var t = x.fadeImg;
+        delete x.fadeImg, setTimeout(function() {
+          re.removeChild(t), ot("scenechangefadedone");
+        }, e.sceneFadeDuration);
+      }
+      e.compass ? Oe.style.display = "inline" : Oe.style.display = "none", Sr(), H.load.box.style.display = "none", b !== l && (re.removeChild(b), b = l), w = !0, ot("load"), we();
+    }
+    function At(t) {
+      t.pitch = Number(t.pitch) || 0, t.yaw = Number(t.yaw) || 0;
+      var n = a.createElement("div");
+      n.className = "pnlm-hotspot-base", t.cssClass ? n.className += " " + t.cssClass : n.className += " pnlm-hotspot pnlm-sprite pnlm-" + st(t.type);
+      var u = a.createElement("span");
+      t.text && (u.innerHTML = st(t.text));
+      var R;
+      if (t.video) {
+        var D = a.createElement("video"), _ = t.video;
+        e.basePath && !g(_) && (_ = e.basePath + _), D.src = lt(_), D.controls = !0, D.style.width = t.width + "px", re.appendChild(n), u.appendChild(D);
+      } else if (t.image) {
+        var _ = t.image;
+        e.basePath && !g(_) && (_ = e.basePath + _), R = a.createElement("a"), R.href = lt(t.URL ? t.URL : _), R.target = "_blank", u.appendChild(R);
+        var se = a.createElement("img");
+        se.src = lt(_), se.style.width = t.width + "px", se.style.paddingTop = "5px", re.appendChild(n), R.appendChild(se), u.style.maxWidth = "initial";
+      } else t.URL ? (R = a.createElement("a"), R.href = lt(t.URL), R.target = "_blank", re.appendChild(R), n.className += " pnlm-pointer", u.className += " pnlm-pointer", R.appendChild(n)) : (t.sceneId && (n.onclick = n.ontouchend = function() {
+        return n.clicked || (n.clicked = !0, Tt(t.sceneId, t.targetPitch, t.targetYaw, t.targetHfov)), !1;
+      }, n.className += " pnlm-pointer", u.className += " pnlm-pointer"), re.appendChild(n));
+      t.createTooltipFunc ? t.createTooltipFunc(n, t.createTooltipArgs) : (t.text || t.video || t.image) && (n.classList.add("pnlm-tooltip"), n.appendChild(u), u.style.width = u.scrollWidth - 20 + "px", u.style.marginLeft = -(u.scrollWidth - n.offsetWidth) / 2 + "px", u.style.marginTop = -u.scrollHeight - 12 + "px"), t.clickHandlerFunc && (n.addEventListener("click", function(ee) {
+        t.clickHandlerFunc(ee, t.clickHandlerArgs);
+      }, "false"), n.className += " pnlm-pointer", u.className += " pnlm-pointer"), t.div = n;
+    }
+    function Sr() {
+      xe || (e.hotSpots ? (e.hotSpots = e.hotSpots.sort(function(t, n) {
+        return t.pitch < n.pitch;
+      }), e.hotSpots.forEach(At)) : e.hotSpots = [], xe = !0, Ot());
+    }
+    function _r() {
+      var t = e.hotSpots;
+      if (xe = !1, delete e.hotSpots, t)
+        for (var n = 0; n < t.length; n++) {
+          for (var u = t[n].div; u.parentNode != re; )
+            u = u.parentNode;
+          re.removeChild(u), delete t[n].div;
+        }
+    }
+    function Ht(t) {
+      var n = Math.sin(t.pitch * Math.PI / 180), u = Math.cos(t.pitch * Math.PI / 180), R = Math.sin(e.pitch * Math.PI / 180), D = Math.cos(e.pitch * Math.PI / 180), _ = Math.cos((-t.yaw + e.yaw) * Math.PI / 180), se = n * R + u * _ * D;
+      if (t.yaw <= 90 && t.yaw > -90 && se <= 0 || (t.yaw > 90 || t.yaw <= -90) && se <= 0)
+        t.div.style.visibility = "hidden";
+      else {
+        var ee = Math.sin((-t.yaw + e.yaw) * Math.PI / 180), de = Math.tan(e.hfov * Math.PI / 360);
+        t.div.style.visibility = "visible";
+        var Me = x.getCanvas(), ye = Me.clientWidth, qe = Me.clientHeight, We = [-ye / de * ee * u / se / 2, -ye / de * (n * D - u * _ * R) / se / 2], nt = Math.sin(e.roll * Math.PI / 180), Vt = Math.cos(e.roll * Math.PI / 180);
+        We = [We[0] * Vt - We[1] * nt, We[0] * nt + We[1] * Vt], We[0] += (ye - t.div.offsetWidth) / 2, We[1] += (qe - t.div.offsetHeight) / 2;
+        var Pt = "translate(" + We[0] + "px, " + We[1] + "px) translateZ(9999px) rotate(" + e.roll + "deg)";
+        t.div.style.webkitTransform = Pt, t.div.style.MozTransform = Pt, t.div.style.transform = Pt;
+      }
+    }
+    function Ot() {
+      e.hotSpots.forEach(Ht);
+    }
+    function mt(t) {
+      e = {};
+      var n, u, R = ["haov", "vaov", "vOffset", "northOffset", "horizonPitch", "horizonRoll"];
+      J = [];
+      for (n in Pe)
+        Pe.hasOwnProperty(n) && (e[n] = Pe[n]);
+      for (n in f.default)
+        if (f.default.hasOwnProperty(n))
+          if (n == "strings")
+            for (u in f.default.strings)
+              f.default.strings.hasOwnProperty(u) && (e.strings[u] = st(f.default.strings[u]));
+          else
+            e[n] = f.default[n], R.indexOf(n) >= 0 && J.push(n);
+      if (t !== null && t !== "" && f.scenes && f.scenes[t]) {
+        var D = f.scenes[t];
+        for (n in D)
+          if (D.hasOwnProperty(n))
+            if (n == "strings")
+              for (u in D.strings)
+                D.strings.hasOwnProperty(u) && (e.strings[u] = st(D.strings[u]));
+            else
+              e[n] = D[n], R.indexOf(n) >= 0 && J.push(n);
+        e.scene = t;
+      }
+      for (n in f)
+        if (f.hasOwnProperty(n))
+          if (n == "strings")
+            for (u in f.strings)
+              f.strings.hasOwnProperty(u) && (e.strings[u] = st(f.strings[u]));
+          else
+            e[n] = f[n], R.indexOf(n) >= 0 && J.push(n);
+    }
+    function kt(t) {
+      if (t = t || !1, t && "preview" in e) {
+        var n = e.preview;
+        e.basePath && !g(n) && (n = e.basePath + n), b = a.createElement("div"), b.className = "pnlm-preview-img", b.style.backgroundImage = "url('" + Dr(n) + "')", re.appendChild(b);
+      }
+      var u = e.title, R = e.author;
+      t && ("previewTitle" in e && (e.title = e.previewTitle), "previewAuthor" in e && (e.author = e.previewAuthor)), e.hasOwnProperty("title") || (H.title.innerHTML = ""), e.hasOwnProperty("author") || (H.author.innerHTML = ""), !e.hasOwnProperty("title") && !e.hasOwnProperty("author") && (H.container.style.display = "none"), Y.load.innerHTML = "<p>" + e.strings.loadButtonLabel + "</p>", H.load.boxp.innerHTML = e.strings.loadingLabel;
+      for (var D in e)
+        if (e.hasOwnProperty(D))
+          switch (D) {
+            case "title":
+              H.title.innerHTML = st(e[D]), H.container.style.display = "inline";
+              break;
+            case "author":
+              H.author.innerHTML = e.strings.bylineLabel.replace("%s", st(e[D])), H.container.style.display = "inline";
+              break;
+            case "fallback":
+              var _ = a.createElement("a");
+              _.href = lt(e[D]), _.target = "_blank", _.textContent = "Click here to view this panorama in an alternative viewer.";
+              var se = a.createElement("p");
+              se.textContent = "Your browser does not support WebGL.", se.appendChild(a.createElement("br")), se.appendChild(_), H.errorMsg.innerHTML = "", H.errorMsg.appendChild(se);
+              break;
+            case "hfov":
+              Je(Number(e[D]));
+              break;
+            case "autoLoad":
+              e[D] === !0 && x === l && (H.load.box.style.display = "inline", Y.load.style.display = "none", c());
+              break;
+            case "showZoomCtrl":
+              e[D] && e.showControls != !1 ? Y.zoom.style.display = "block" : Y.zoom.style.display = "none";
+              break;
+            case "showFullscreenCtrl":
+              e[D] && e.showControls != !1 && ("fullscreen" in a || "mozFullScreen" in a || "webkitIsFullScreen" in a || "msFullscreenElement" in a) ? Y.fullscreen.style.display = "block" : Y.fullscreen.style.display = "none";
+              break;
+            case "hotSpotDebug":
+              e[D] ? ze.style.display = "block" : ze.style.display = "none";
+              break;
+            case "showControls":
+              e[D] || (Y.orientation.style.display = "none", Y.zoom.style.display = "none", Y.fullscreen.style.display = "none");
+              break;
+            case "orientationOnByDefault":
+              e[D] && (Re === l ? Be = !0 : Re === !0 && vt());
+              break;
+          }
+      t && (u ? e.title = u : delete e.title, R ? e.author = R : delete e.author);
+    }
+    function It() {
+      if (w && !d)
+        if (N)
+          a.exitFullscreen ? a.exitFullscreen() : a.mozCancelFullScreen ? a.mozCancelFullScreen() : a.webkitCancelFullScreen ? a.webkitCancelFullScreen() : a.msExitFullscreen && a.msExitFullscreen();
+        else
+          try {
+            p.requestFullscreen ? p.requestFullscreen() : p.mozRequestFullScreen ? p.mozRequestFullScreen() : p.msRequestFullscreen ? p.msRequestFullscreen() : p.webkitRequestFullScreen();
+          } catch {
+          }
+    }
+    function rt() {
+      var t = r.innerWidth == screen.width && r.innerHeight == screen.height;
+      a.fullscreen || a.mozFullScreen || a.webkitIsFullScreen || a.msFullscreenElement || t ? (Y.fullscreen.classList.add("pnlm-fullscreen-toggle-button-active"), N = !0) : (Y.fullscreen.classList.remove("pnlm-fullscreen-toggle-button-active"), N = !1), x.resize(), Je(e.hfov), we();
+    }
+    function Nr() {
+      w && (Je(e.hfov - 5), we());
+    }
+    function zr() {
+      w && (Je(e.hfov + 5), we());
+    }
+    function Ft(t) {
+      var n = e.minHfov;
+      if (e.type == "multires" && x && (n = Math.min(n, x.getCanvas().width / (e.multiRes.cubeResolution / 90 * 0.9))), n > e.maxHfov)
+        return console.log("HFOV bounds do not make sense (minHfov > maxHfov)."), e.hfov;
+      var u = e.hfov;
+      if (t < n ? u = n : t > e.maxHfov ? u = e.maxHfov : u = t, e.avoidShowingBackground && x) {
+        var R = x.getCanvas();
+        u = Math.min(u, Math.atan(Math.tan((e.maxPitch - e.minPitch) / 360 * Math.PI) / R.height * R.width) * 360 / Math.PI);
+      }
+      return u;
+    }
+    function Je(t) {
+      e.hfov = Ft(t);
+    }
+    function gt() {
+      P = {}, W = e.autoRotate ? e.autoRotate : W, e.autoRotate = !1;
+    }
+    function Ut() {
+      v(), w = !1, Y.load.style.display = "none", H.load.box.style.display = "inline", c();
+    }
+    function Tt(t, n, u, R, D) {
+      w = !1, P = {};
+      var _, se, ee, de;
+      if (e.sceneFadeDuration && !D) {
+        var Me = x.render(e.pitch * Math.PI / 180, e.yaw * Math.PI / 180, e.hfov * Math.PI / 180, { returnImage: !0 });
+        if (Me !== l) {
+          _ = new Image(), _.className = "pnlm-fade-img", _.style.transition = "opacity " + e.sceneFadeDuration / 1e3 + "s", _.style.width = "100%", _.style.height = "100%", _.onload = function() {
+            Tt(t, n, u, R, !0);
+          }, _.src = Me, re.appendChild(_), x.fadeImg = _;
+          return;
+        }
+      }
+      n === "same" ? se = e.pitch : se = n, u === "same" ? ee = e.yaw : u === "sameAzimuth" ? ee = e.yaw + (e.northOffset || 0) - (f.scenes[t].northOffset || 0) : ee = u, R === "same" ? de = e.hfov : de = R, _r(), mt(t), M.yaw = M.pitch = M.hfov = 0, kt(), se !== l && (e.pitch = se), ee !== l && (e.yaw = ee), de !== l && (e.hfov = de), ot("scenechange", t), Ut();
+    }
+    function ht() {
+      r.removeEventListener("deviceorientation", Dt), Y.orientation.classList.remove("pnlm-orientation-button-active"), S = !1;
+    }
+    function vt() {
+      S = 1, r.addEventListener("deviceorientation", Dt), Y.orientation.classList.add("pnlm-orientation-button-active");
+    }
+    function st(t) {
+      return f.escapeHTML ? String(t).split(/&/g).join("&amp;").split('"').join("&quot;").split("'").join("&#39;").split("<").join("&lt;").split(">").join("&gt;").split("/").join("&#x2f;").split(`
+`).join("<br>") : String(t).split(`
+`).join("<br>");
+    }
+    function lt(t) {
+      return t.trim().toLowerCase().indexOf("javascript:") === 0 ? "about:blank" : t;
+    }
+    function Dr(t) {
+      return lt(t).replace(/"/g, "%22").replace(/'/g, "%27");
+    }
+    this.isLoaded = function() {
+      return !!w;
+    }, this.getPitch = function() {
+      return e.pitch;
+    }, this.setPitch = function(t, n, u, R) {
+      return n = n == l ? 1e3 : Number(n), n ? P.pitch = {
+        startTime: Date.now(),
+        startPosition: e.pitch,
+        endPosition: t,
+        duration: n,
+        callback: u,
+        callbackArgs: R
+      } : e.pitch = t, we(), this;
+    }, this.getPitchBounds = function() {
+      return [e.minPitch, e.maxPitch];
+    }, this.setPitchBounds = function(t) {
+      return e.minPitch = Math.max(-90, Math.min(t[0], 90)), e.maxPitch = Math.max(-90, Math.min(t[1], 90)), this;
+    }, this.getYaw = function() {
+      return e.yaw;
+    }, this.setYaw = function(t, n, u, R) {
+      return n = n == l ? 1e3 : Number(n), t = (t + 180) % 360 - 180, n ? (e.yaw - t > 180 ? t += 360 : t - e.yaw > 180 && (t -= 360), P.yaw = {
+        startTime: Date.now(),
+        startPosition: e.yaw,
+        endPosition: t,
+        duration: n,
+        callback: u,
+        callbackArgs: R
+      }) : e.yaw = t, we(), this;
+    }, this.getYawBounds = function() {
+      return [e.minYaw, e.maxYaw];
+    }, this.setYawBounds = function(t) {
+      return e.minYaw = Math.max(-180, Math.min(t[0], 180)), e.maxYaw = Math.max(-180, Math.min(t[1], 180)), this;
+    }, this.getHfov = function() {
+      return e.hfov;
+    }, this.setHfov = function(t, n, u, R) {
+      return n = n == l ? 1e3 : Number(n), n ? P.hfov = {
+        startTime: Date.now(),
+        startPosition: e.hfov,
+        endPosition: Ft(t),
+        duration: n,
+        callback: u,
+        callbackArgs: R
+      } : Je(t), we(), this;
+    }, this.getHfovBounds = function() {
+      return [e.minHfov, e.maxHfov];
+    }, this.setHfovBounds = function(t) {
+      return e.minHfov = Math.max(0, t[0]), e.maxHfov = Math.max(0, t[1]), this;
+    }, this.lookAt = function(t, n, u, R, D, _) {
+      return R = R == l ? 1e3 : Number(R), t !== l && (this.setPitch(t, R, D, _), D = l), n !== l && (this.setYaw(n, R, D, _), D = l), u !== l && this.setHfov(u, R, D, _), this;
+    }, this.getNorthOffset = function() {
+      return e.northOffset;
+    }, this.setNorthOffset = function(t) {
+      return e.northOffset = Math.min(360, Math.max(0, t)), we(), this;
+    }, this.getHorizonRoll = function() {
+      return e.horizonRoll;
+    }, this.setHorizonRoll = function(t) {
+      return e.horizonRoll = Math.min(90, Math.max(-90, t)), x.setPose(e.horizonPitch * Math.PI / 180, e.horizonRoll * Math.PI / 180), we(), this;
+    }, this.getHorizonPitch = function() {
+      return e.horizonPitch;
+    }, this.setHorizonPitch = function(t) {
+      return e.horizonPitch = Math.min(90, Math.max(-90, t)), x.setPose(e.horizonPitch * Math.PI / 180, e.horizonRoll * Math.PI / 180), we(), this;
+    }, this.startAutoRotate = function(t) {
+      return t = t || W || 1, e.autoRotate = t, E.lookAt(F, l, T, 3e3), we(), this;
+    }, this.stopAutoRotate = function() {
+      return W = e.autoRotate ? e.autoRotate : W, e.autoRotate = !1, e.autoRotateInactivityDelay = -1, this;
+    }, this.getRenderer = function() {
+      return x;
+    }, this.setUpdate = function(t) {
+      return me = t === !0, x === l ? le() : we(), this;
+    }, this.mouseEventToCoords = function(t) {
+      return Se(t);
+    }, this.loadScene = function(t, n, u, R) {
+      return w !== !1 && Tt(t, n, u, R), this;
+    }, this.getScene = function() {
+      return e.scene;
+    }, this.addScene = function(t, n) {
+      return f.scenes[t] = n, this;
+    }, this.removeScene = function(t) {
+      return e.scene === t || !f.scenes.hasOwnProperty(t) ? !1 : (delete f.scenes[t], !0);
+    }, this.toggleFullscreen = function() {
+      return It(), this;
+    }, this.getConfig = function() {
+      return e;
+    }, this.getContainer = function() {
+      return p;
+    }, this.addHotSpot = function(t, n) {
+      if (n === l && e.scene === l)
+        e.hotSpots.push(t);
+      else {
+        var u = n !== l ? n : e.scene;
+        if (f.scenes.hasOwnProperty(u))
+          f.scenes[u].hasOwnProperty("hotSpots") || (f.scenes[u].hotSpots = [], u == e.scene && (e.hotSpots = f.scenes[u].hotSpots)), f.scenes[u].hotSpots.push(t);
+        else
+          throw "Invalid scene ID!";
+      }
+      return (n === l || e.scene == n) && (At(t), w && Ht(t)), this;
+    }, this.removeHotSpot = function(t, n) {
+      if (n === l || e.scene == n) {
+        if (!e.hotSpots)
+          return !1;
+        for (var u = 0; u < e.hotSpots.length; u++)
+          if (e.hotSpots[u].hasOwnProperty("id") && e.hotSpots[u].id === t) {
+            for (var R = e.hotSpots[u].div; R.parentNode != re; )
+              R = R.parentNode;
+            return re.removeChild(R), delete e.hotSpots[u].div, e.hotSpots.splice(u, 1), !0;
+          }
+      } else if (f.scenes.hasOwnProperty(n)) {
+        if (!f.scenes[n].hasOwnProperty("hotSpots"))
+          return !1;
+        for (var u = 0; u < f.scenes[n].hotSpots.length; u++)
+          if (f.scenes[n].hotSpots[u].hasOwnProperty("id") && f.scenes[n].hotSpots[u].id === t)
+            return f.scenes[n].hotSpots.splice(u, 1), !0;
+      } else
+        return !1;
+    }, this.resize = function() {
+      x && Ee();
+    }, this.isLoaded = function() {
+      return w;
+    }, this.isOrientationSupported = function() {
+      return Re || !1;
+    }, this.stopOrientation = function() {
+      ht();
+    }, this.startOrientation = function() {
+      Re && vt();
+    }, this.isOrientationActive = function() {
+      return !!S;
+    }, this.on = function(t, n) {
+      return B[t] = B[t] || [], B[t].push(n), this;
+    }, this.off = function(t, n) {
+      if (!t)
+        return B = {}, this;
+      if (n) {
+        var u = B[t].indexOf(n);
+        u >= 0 && B[t].splice(u, 1), B[t].length == 0 && delete B[t];
+      } else
+        delete B[t];
+      return this;
+    };
+    function ot(t) {
+      if (t in B)
+        for (var n = B[t].length; n > 0; n--)
+          B[t][B[t].length - n].apply(null, [].slice.call(arguments, 1));
+    }
+    this.destroy = function() {
+      x && x.destroy(), C && (G.removeEventListener("mousedown", he, !1), G.removeEventListener("dblclick", ae, !1), a.removeEventListener("mousemove", ke, !1), a.removeEventListener("mouseup", Ue, !1), p.removeEventListener("mousewheel", Fe, !1), p.removeEventListener("DOMMouseScroll", Fe, !1), p.removeEventListener("mozfullscreenchange", rt, !1), p.removeEventListener("webkitfullscreenchange", rt, !1), p.removeEventListener("msfullscreenchange", rt, !1), p.removeEventListener("fullscreenchange", rt, !1), r.removeEventListener("resize", Ee, !1), r.removeEventListener("orientationchange", Ee, !1), p.removeEventListener("keydown", Ae, !1), p.removeEventListener("keyup", Ve, !1), p.removeEventListener("blur", je, !1), a.removeEventListener("mouseleave", Ue, !1), G.removeEventListener("touchstart", Ge, !1), G.removeEventListener("touchmove", Ye, !1), G.removeEventListener("touchend", Z, !1), G.removeEventListener("pointerdown", be, !1), G.removeEventListener("pointermove", _e, !1), G.removeEventListener("pointerup", Ne, !1), G.removeEventListener("pointerleave", Ne, !1)), p.innerHTML = "", p.classList.remove("pnlm-container"), ne.classList.remove("pnlm-grab"), ne.classList.remove("pnlm-grabbing");
+    };
+  }
+  return {
+    viewer: function(f, E) {
+      return new s(f, E);
+    }
+  };
+}(window, document);
+window.requestAnimationFrame || (window.requestAnimationFrame = function() {
+  return window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function(r, a) {
+    window.setTimeout(r, 1e3 / 60);
+  };
+}());
+var Zt, Gt;
+function Lo(r, a) {
+  if (!(r instanceof a))
+    throw new TypeError("Cannot call a class as a function");
+}
+function ko(r, a) {
+  if (!r)
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  return a && (typeof a == "object" || typeof a == "function") ? a : r;
+}
+function Io(r, a) {
+  if (typeof a != "function" && a !== null)
+    throw new TypeError("Super expression must either be null or a function, not " + typeof a);
+  r.prototype = Object.create(a && a.prototype, { constructor: { value: r, enumerable: !1, writable: !0, configurable: !0 } }), a && (Object.setPrototypeOf ? Object.setPrototypeOf(r, a) : r.__proto__ = a);
+}
+var Lt = (Gt = Zt = function(r) {
+  Io(a, r);
+  function a(l) {
+    Lo(this, a);
+    var s = ko(this, r.call(this, l));
+    return s.renderImage = function(p) {
+      var f = s.props.children, E = [].concat(f), e = [];
+      Array.isArray(E) && E.map(function(b) {
+        switch (b.props.type) {
+          case "info":
+            return e.push({
+              id: Math.random().toString(36).substr(2, 9),
+              type: b.props.type,
+              pitch: b.props.pitch ? b.props.pitch : 10,
+              yaw: b.props.yaw ? b.props.yaw : 10,
+              text: b.props.text ? b.props.text : "",
+              URL: b.props.URL ? b.props.URL : ""
+            });
+          case "custom":
+            return e.push({
+              id: Math.random().toString(36).substr(2, 9),
+              pitch: b.props.pitch ? b.props.pitch : 10,
+              yaw: b.props.yaw ? b.props.yaw : 10,
+              cssClass: b.props.cssClass ? b.props.cssClass : "tooltipcss",
+              createTooltipFunc: b.props.tooltip ? b.props.tooltip : s.hotspotTooltip,
+              createTooltipArgs: b.props.tooltipArg ? b.props.tooltipArg : {},
+              clickHandlerFunc: b.props.handleClick ? b.props.handleClick : s.handleClickHotspot,
+              clickHandlerArgs: b.props.handleClickArg ? b.props.handleClickArg : { name: "test" }
+            });
+          default:
+            return [];
+        }
+      });
+      var x = {
+        type: "equirectangular",
+        panorama: s.props.image,
+        haov: s.props.haov,
+        vaov: s.props.vaov,
+        vOffset: s.props.vOffset,
+        yaw: s.props.yaw,
+        pitch: s.props.pitch,
+        hfov: s.props.hfov,
+        minHfov: s.props.minHfov,
+        maxHfov: s.props.maxHfov,
+        minPitch: s.props.minPitch,
+        maxPitch: s.props.maxPitch,
+        minYaw: s.props.minYaw,
+        maxYaw: s.props.maxYaw,
+        autoRotate: s.props.autoRotate,
+        compass: s.props.compass,
+        preview: s.props.preview,
+        previewTitle: s.props.previewTitle,
+        previewAuthor: s.props.previewAuthor,
+        author: s.props.author,
+        title: s.props.title,
+        autoLoad: s.props.autoLoad,
+        orientationOnByDefault: s.props.orientationOnByDefault,
+        showZoomCtrl: s.props.showZoomCtrl,
+        keyboardZoom: s.props.keyboardZoom,
+        mouseZoom: s.props.mouseZoom,
+        draggable: s.props.draggable,
+        disableKeyboardCtrl: s.props.disableKeyboardCtrl,
+        showFullscreenCtrl: s.props.showFullscreenCtrl,
+        showControls: s.props.showControls,
+        hotSpotDebug: s.props.hotspotDebug,
+        hotSpots: e,
+        onRender: s.props.onRender
+      };
+      Object.keys(x).forEach(function(b) {
+        return x[b] === "" && delete x[b];
+      }), p === "update" && s.panorama.destroy(), s.panorama = pannellum.viewer(s.props.id ? s.props.id : s.state.id, x), s.panorama.on("load", s.props.onLoad), s.panorama.on("scenechange", s.props.onScenechange), s.panorama.on("scenechangefadedone", s.props.onScenechangefadedone), s.panorama.on("error", s.props.onError), s.panorama.on("errorcleared", s.props.onErrorcleared), s.panorama.on("mousedown", s.props.onMousedown), s.panorama.on("mouseup", s.props.onMouseup), s.panorama.on("touchstart", s.props.onTouchstart), s.panorama.on("touchend", s.props.onTouchend);
+    }, s.componentDidMount = function() {
+      s.renderImage("mount");
+    }, s.handleClickHotspot = function(p, f) {
+      console.log("hotspot clicked", f.name);
+    }, s.hotspotTooltip = function(p, f) {
+      p.setAttribute("id", "textInfo");
+      var E = document.createElement("div");
+      E.classList.add("hotspot");
+      var e = document.createElement("div");
+      e.classList.add("out");
+      var x = document.createElement("div");
+      x.classList.add("in");
+      var b = document.createElement("div");
+      b.classList.add("image"), p.appendChild(E), E.appendChild(x), E.appendChild(e);
+    }, s.getViewer = function() {
+      return s.panorama;
+    }, s.forceRender = function() {
+      s.renderImage("update");
+    }, s.state = {
+      id: Math.random().toString(36).substr(2, 9)
+    }, s;
+  }
+  return a.prototype.componentDidUpdate = function(s, p, f) {
+    (s.image !== this.props.image || s.width !== this.props.width || s.height !== this.props.height || s.compass !== this.props.compass || s.title !== this.props.title || s.author !== this.props.author || s.preview !== this.props.preview || s.previewTitle !== this.props.previewTitle || s.previewAuthor !== this.props.previewAuthor || s.showZoomCtrl !== this.props.showZoomCtrl || s.showFullscreenCtrl !== this.props.showFullscreenCtrl || s.showControls !== this.props.showControls || s.children.length !== this.props.children.length) && this.renderImage("update"), (s.maxYaw !== this.props.maxYaw || s.minYaw !== this.props.minYaw || s.maxPitch !== this.props.maxPitch || s.minPitch !== this.props.minPitch || s.maxHfov !== this.props.maxHfov || s.minHfov !== this.props.minHfov) && (this.panorama.setYawBounds([this.props.minYaw, this.props.maxYaw]), this.panorama.setPitchBounds([this.props.minPitch, this.props.maxPitch]), this.panorama.setHfovBounds([this.props.minHfov, this.props.maxHfov])), s.yaw !== this.props.yaw && this.panorama.setYaw(this.props.yaw), s.pitch !== this.props.pitch && this.panorama.setPitch(this.props.pitch), s.hfov !== this.props.hfov && this.panorama.setHfov(this.props.hfov);
+  }, a.prototype.render = function() {
+    var s = this, p = this.props, f = p.width, E = p.height, e = {
+      width: f,
+      height: E
+    };
+    return Ar.createElement("div", {
+      id: this.props.id ? this.props.id : this.state.id,
+      style: e,
+      ref: function(b) {
+        return s.imageNode = b;
+      }
+    });
+  }, a;
+}(Or), Zt.defaultProps = {
+  children: [],
+  width: "100%",
+  height: "400px",
+  image: "",
+  haov: 360,
+  vaov: 180,
+  vOffset: 0,
+  yaw: 0,
+  pitch: 0,
+  hfov: 100,
+  minHfov: 50,
+  maxHfov: 150,
+  minPitch: -90,
+  maxPitch: 90,
+  minYaw: -180,
+  maxYaw: 180,
+  autoRotate: 0,
+  compass: !1,
+  preview: "",
+  previewTitle: "",
+  previewAuthor: "",
+  title: "",
+  author: "",
+  autoLoad: !1,
+  orientationOnByDefault: !1,
+  showZoomCtrl: !0,
+  keyboardZoom: !0,
+  mouseZoom: !0,
+  draggable: !0,
+  disableKeyboardCtrl: !1,
+  showFullscreenCtrl: !0,
+  showControls: !0,
+  onLoad: function() {
+  },
+  onScenechange: function() {
+  },
+  onScenechangefadedone: function() {
+  },
+  onError: function() {
+  },
+  onErrorcleared: function() {
+  },
+  onMousedown: function() {
+  },
+  onMouseup: function() {
+  },
+  onTouchstart: function() {
+  },
+  onTouchend: function() {
+  },
+  hotspotDebug: !1,
+  onRender: null
+}, Gt);
+Lt.propTypes = {};
+Lt.Hotspot = function() {
+};
+Lt.Hotspot = function() {
+};
+const jt = 100, xt = 100, bt = 50, To = 0, Po = 0, Ro = (r) => {
+  const [a, l] = Le(0), [s, p] = Le(!1);
+  return fe(() => {
+    const f = XMLHttpRequest.prototype.open, E = XMLHttpRequest.prototype.send;
+    let e = !1;
+    return XMLHttpRequest.prototype.open = function(x, b, z = !0, y, h) {
+      return b.toString().includes(r) && (e = !0, p(!0)), f.call(
+        this,
+        x,
+        b,
+        z,
+        y || null,
+        h || null
+      );
+    }, XMLHttpRequest.prototype.send = function(x) {
+      return e && (this.addEventListener("progress", (b) => {
+        if (b.lengthComputable) {
+          const z = Math.round(b.loaded / b.total * 100);
+          l(z);
+        }
+      }), this.addEventListener("loadend", () => {
+        e = !1, l(100), p(!1);
+      })), E.call(this, x);
+    }, () => {
+      XMLHttpRequest.prototype.open = f, XMLHttpRequest.prototype.send = E;
+    };
+  }, [r]), [a, s];
+};
+function So(r, a = 50, l = 200) {
+  let s = null, p = 0;
+  return (...f) => {
+    const E = Date.now();
+    s && (clearTimeout(s), s = null), E - p >= a && (r(...f), p = E), s = setTimeout(() => {
+      r(...f);
+    }, l);
+  };
+}
+const _o = ({
+  isPannellumLoaded: r,
+  isLoading: a,
+  progress: l,
+  autoloadInterior360: s,
+  loadScene: p
+}) => r ? null : (s && p(), /* @__PURE__ */ i("div", { className: "pointer-events-auto absolute inset-0 flex flex-col items-center justify-center gap-y-4", children: /* @__PURE__ */ pe("div", { className: "pointer-events-auto absolute inset-0 flex flex-col items-center justify-center gap-y-4 bg-foreground/35", children: [
+  /* @__PURE__ */ i(yr, { className: "size-20 text-primary-light" }),
+  /* @__PURE__ */ i(Qe, { color: "neutral", shape: "icon", onClick: p, children: /* @__PURE__ */ i(Mt, { className: "size-full" }) }),
+  /* @__PURE__ */ i(
+    "div",
+    {
+      className: ce(
+        "relative h-1 w-3/5 overflow-hidden rounded-full bg-background",
+        !a && "invisible"
+      ),
+      children: /* @__PURE__ */ i(
+        "div",
+        {
+          className: "h-full bg-primary transition-[width]",
+          style: { width: `${l}%` }
+        }
+      )
+    }
+  )
+] }) })), No = (r) => {
+  const { itemIndex: a, src: l, poster: s, onLoaded: p, onError: f } = r, { autoLoadInterior360: E } = $e(), { isShowingDetails: e, setItemInteraction: x, zoom: b, isZooming: z, setZoom: y } = Ke(), [h, o] = Ro(l), L = Ie(null), A = Ie(null), [k, m] = Le(!1), N = j(() => {
+    a !== void 0 && x(a, "ready"), p?.(), m(!0);
+  }, [a, x, p]), w = j((C) => {
+    C instanceof MouseEvent && C.button !== 0 || (C.preventDefault(), C.stopPropagation(), C.stopImmediatePropagation());
+  }, []), d = j(() => {
+    const C = L.current?.getViewer();
+    C && C.loadScene();
+  }, []);
+  return fe(() => {
+    if (L.current && k) {
+      const C = L.current.getViewer();
+      if (C) {
+        const I = A.current, O = (W) => {
+          W.preventDefault();
+          const T = Bt(
+            C.getHfov(),
+            bt,
+            xt,
+            ct,
+            dt
+          ), P = (W.deltaY < 0 ? "zoom-in" : "zoom-out") === "zoom-in" ? Math.min(T + dt, ct) : Math.max(T - dt, 1);
+          y(P);
+        }, M = So(
+          O,
+          100,
+          150
+        ), X = (W) => {
+          W.preventDefault();
+          const T = Bt(
+            C.getHfov(),
+            bt,
+            xt,
+            ct,
+            dt,
+            !0
+          );
+          y(T);
+        };
+        I !== null && (I.addEventListener(
+          "wheel",
+          M
+        ), I.addEventListener(
+          "dblclick",
+          X
+        ));
+        const S = Math.abs(1 - Math.abs(b)), V = xt - bt, te = jt - S * V;
+        return C.setHfov(te), () => {
+          I && (I.removeEventListener("wheel", O), I.removeEventListener(
+            "dblclick",
+            X
+          ));
+        };
+      }
+    }
+  }, [b, k, z, y]), /* @__PURE__ */ i(at, { children: /* @__PURE__ */ i("div", { className: ce("relative size-full overflow-hidden bg-transparent"), children: /* @__PURE__ */ pe(
+    "div",
+    {
+      className: ce(
+        "size-full duration-details",
+        e ? "scale-105" : "scale-100"
+      ),
+      children: [
+        /* @__PURE__ */ i("style", { children: `
+            .pnlm-load-button {
+              display: none !important;
+            }
+            .pnlm-load-box {
+              display: none !important;
+            }
+            .pnlm-container {
+              background-image: none !important;
+            }
+          ` }),
+        /* @__PURE__ */ pe("div", { className: "relative size-full", ref: A, children: [
+          /* @__PURE__ */ i(
+            Lt,
+            {
+              ref: L,
+              panorama: l,
+              preview: s,
+              width: "100%",
+              height: "100%",
+              image: l,
+              pitch: To,
+              yaw: Po,
+              hfov: jt,
+              maxHfov: xt,
+              minHfov: bt,
+              compass: !1,
+              showControls: !1,
+              onLoad: N,
+              onError: f,
+              onMousedown: w,
+              onTouchstart: w,
+              onTouchend: w,
+              onMouseup: w,
+              autoLoad: !1
+            }
+          ),
+          /* @__PURE__ */ i(
+            _o,
+            {
+              isPannellumLoaded: k,
+              isLoading: o,
+              progress: h,
+              autoloadInterior360: E,
+              loadScene: d
+            }
+          )
+        ] })
+      ]
+    }
+  ) }) });
+}, zo = (r) => {
+  const { itemIndex: a } = r, { setItemInteraction: l } = Ke(), [s, p] = Le();
+  return fe(() => {
+    s === null || s === "error" || l(a, s === "spin" ? "running" : "ready");
+  }, [a, l, s]), s === "error" ? /* @__PURE__ */ i(
+    Nt,
+    {
+      className: "text-background",
+      text: "Interior Spin could not be loaded"
+    }
+  ) : /* @__PURE__ */ i(
+    No,
+    {
+      ...r,
+      onLoaded: () => p("spin"),
+      onError: () => p("error")
+    }
+  );
+}, Do = 750, Ao = 1250, Ho = 360, Oo = 480, Fo = ({
+  images: r,
+  onlyPreload: a
+}) => {
+  const { demoSpin: l, reverse360: s } = $e(), { isShowingDetails: p, isZooming: f } = Ke(), E = f || p, e = Ie(null), x = Ie(null), b = Ie(l), z = Ie(null), y = j(() => {
+    z.current && (clearTimeout(z.current), z.current = null);
+  }, []), h = Ie(null), o = () => {
+    h.current && (cancelAnimationFrame(h.current), h.current = null);
+  }, [L, A] = Le(0), k = r.length, m = j(() => {
+    A((w) => (w - 1 + k) % k);
+  }, [k]), N = j(() => {
+    A((w) => (w + 1) % k);
+  }, [k]);
+  return fe(() => {
+    if (E) {
+      y();
+      return;
+    }
+    const w = e.current, d = x.current;
+    if (!w || !d)
+      return;
+    b.current && (b.current = !1, z.current = setTimeout(() => {
+      const re = Date.now(), G = () => {
+        const ve = () => {
+          const ze = (Date.now() - re) / Ao, Re = Math.round(((Ze) => Ze * (2 - Ze))(ze) * k), Be = tt(Re % k, 0, k - 1);
+          A(Be), !(Re >= k) && G();
+        };
+        h.current = requestAnimationFrame(ve);
+      };
+      G();
+    }, Do));
+    const C = Ho / k;
+    let I = null, O = [];
+    const M = (re) => {
+      O.push(re), O.length > 20 && O.shift();
+    }, X = () => {
+      const re = (() => {
+        const Y = Date.now(), Re = O.filter(
+          (Oe) => Y - Oe.timestamp < 50
+        );
+        if (Re.length < 2)
+          return 0;
+        const Be = Re[0], Ze = Re[Re.length - 1];
+        return (Ze.value - Be.value) / (1e-3 * Math.max(Ze.timestamp - Be.timestamp, 1));
+      })(), G = Date.now();
+      let ve = 0, H = G;
+      const ze = () => {
+        const Y = () => {
+          const Re = Date.now(), Be = (Re - G) / 1e3, Ze = Math.pow(0.05, Be), Oe = re * Ze, c = (Re - H) / 1e3;
+          if (ve += Oe * c, Math.abs(Oe) < 5 * C && Math.abs(ve) < C) {
+            h.current = null;
+            return;
+          }
+          Math.abs(ve) >= C && (ve > 0 !== s ? N() : m(), ve = 0), H = Re, ze();
+        };
+        h.current = requestAnimationFrame(Y);
+      };
+      ze();
+    }, S = () => {
+      y(), o();
+    }, V = (re) => {
+      if (re.button !== 0)
+        return;
+      re.preventDefault(), re.stopPropagation(), S();
+      const G = re.clientX;
+      I = G, O = [{ timestamp: Date.now(), value: G }];
+    }, te = (re) => {
+      if (I === null)
+        return;
+      re.stopPropagation();
+      const { clientX: G } = re;
+      M({ timestamp: Date.now(), value: G });
+      const ve = G - I;
+      Math.abs(ve) < C || (ve > 0 !== s ? N() : m(), I = G);
+    }, W = () => {
+      I !== null && (I = null, X());
+    };
+    w.addEventListener("mousedown", V), document.addEventListener("mousemove", te), document.addEventListener("mouseleave", W), document.addEventListener("mouseup", W), document.addEventListener("contextmenu", W);
+    const T = Oo / k, F = () => d.getBoundingClientRect().width, P = () => d.scrollWidth / 2 - F() / 2, B = () => {
+      const re = P();
+      d.scrollLeft = re;
+    };
+    B();
+    const J = () => {
+      const re = d.scrollLeft - P();
+      Math.abs(re) < T || (re < 0 !== s ? N() : m(), B());
+    };
+    d.addEventListener("scroll", J);
+    let me = null;
+    const xe = (re) => {
+      if (me !== null || re.changedTouches.length !== 1)
+        return;
+      S();
+      const { identifier: G, clientX: ve } = re.changedTouches[0];
+      me = G, I = ve, O = [{ timestamp: Date.now(), value: ve }];
+    }, Pe = (re) => {
+      if (!I)
+        return;
+      const G = Array.from(re.changedTouches).find(
+        ({ identifier: ze }) => ze === me
+      );
+      if (!G)
+        return;
+      re.preventDefault();
+      const { clientX: ve } = G;
+      M({ timestamp: Date.now(), value: ve });
+      const H = ve - I;
+      Math.abs(H) < C || (H > 0 !== s ? N() : m(), I = ve);
+    }, ne = (re) => {
+      !I || !Array.from(re.changedTouches).some(
+        ({ identifier: ve }) => ve === me
+      ) || (me = null, I = null, X());
+    };
+    return d.addEventListener("touchstart", xe), d.addEventListener("touchmove", Pe), d.addEventListener("touchend", ne), d.addEventListener("touchcancel", ne), () => {
+      w.removeEventListener("mousedown", V), document.removeEventListener("mousemove", te), document.removeEventListener("mouseleave", W), document.removeEventListener("mouseup", W), document.removeEventListener("contextmenu", W), d.removeEventListener("scroll", J), d.removeEventListener("touchstart", xe), d.removeEventListener("touchmove", Pe), d.removeEventListener("touchend", ne), d.removeEventListener("touchcancel", ne);
+    };
+  }, [
+    y,
+    N,
+    m,
+    E,
+    s,
+    k
+  ]), /* @__PURE__ */ i("div", { ref: e, className: "cursor-ew-resize", children: /* @__PURE__ */ pe("div", { ref: x, className: "overflow-x-scroll no-scrollbar", children: [
+    /* @__PURE__ */ pe("div", { className: "sticky left-0 top-0", children: [
+      r.map((w) => /* @__PURE__ */ i(
+        pt,
+        {
+          src: w.src,
+          className: "pointer-events-none !absolute left-0 top-0 -z-10"
+        },
+        w.src
+      )),
+      /* @__PURE__ */ i(kr, { ...r[L], onlyPreload: a })
+    ] }),
+    /* @__PURE__ */ i("div", { className: "pointer-events-none -mt-px h-px w-[calc(100%+1024px)]" })
+  ] }) });
+}, Uo = ({ images: r, onPlaceholderImageLoaded: a, onSpinImagesLoaded: l, onError: s }) => {
+  const { autoLoad360: p } = $e(), f = et(() => r.map(({ src: y }) => y), [r]), [E, e] = Le(null), x = E ? [...E.values()].filter((y) => y).length / r.length * 100 : null, b = j(() => {
+    x === null && e(new Map(f.map((y) => [y, !1])));
+  }, [f, x]), z = j((y) => {
+    e((h) => {
+      const o = new Map(h);
+      return o.set(y, !0), o;
+    });
+  }, []);
+  return fe(() => {
+    p && b();
+  }, [p, b]), fe(() => {
+    x === 100 && l();
+  }, [x, l]), /* @__PURE__ */ pe("div", { className: "relative size-full", children: [
+    x !== null && x !== 100 && // Add images to DOM to preload them
+    /* @__PURE__ */ i("div", { className: "hidden", children: f.map((y) => /* @__PURE__ */ i(
+      pt,
+      {
+        src: y,
+        onLoad: () => z(y),
+        onError: s
+      },
+      y
+    )) }),
+    /* @__PURE__ */ i(
+      pt,
+      {
+        className: "size-full",
+        src: f[0],
+        onLoad: a
+      }
+    ),
+    /* @__PURE__ */ pe("div", { className: "absolute inset-0 flex flex-col items-center justify-center gap-y-4 bg-foreground/35", children: [
+      /* @__PURE__ */ i(Er, { className: "size-20 text-primary-light" }),
+      /* @__PURE__ */ i(Qe, { color: "neutral", shape: "icon", onClick: b, children: /* @__PURE__ */ i(Mt, { className: "size-full" }) }),
+      /* @__PURE__ */ i(
+        "div",
+        {
+          className: ce(
+            "relative h-1 w-3/5 overflow-hidden rounded-full bg-background",
+            x === null && "invisible"
+          ),
+          children: /* @__PURE__ */ i(
+            "div",
+            {
+              className: "h-full bg-primary transition-[width]",
+              style: { width: `${x ?? 0}%` }
+            }
+          )
+        }
+      )
+    ] })
+  ] });
+}, Vo = (r) => {
+  const { itemIndex: a } = r, { setItemInteraction: l } = Ke(), [s, p] = Le();
+  return fe(() => {
+    s === null || s === "error" || l(a, s === "spin" ? "running" : "ready");
+  }, [a, l, s]), s === "error" ? /* @__PURE__ */ i(
+    Nt,
+    {
+      className: "text-background",
+      text: "Spin could not be loaded"
+    }
+  ) : s !== "spin" ? /* @__PURE__ */ i(
+    Uo,
+    {
+      ...r,
+      onPlaceholderImageLoaded: () => p((f) => f === null ? "placeholder" : f),
+      onSpinImagesLoaded: () => p("spin"),
+      onError: () => p("error")
+    }
+  ) : /* @__PURE__ */ i(Fo, { ...r });
+}, Bo = (r) => /* @__PURE__ */ i(Qe, { color: "neutral", shape: "icon", ...r, children: /* @__PURE__ */ i(Mt, { className: "size-full" }) }), Wo = ({ className: r }) => /* @__PURE__ */ i(Xe, { className: r, customizationKey: "UI_PAUSE", children: /* @__PURE__ */ i(
+  "svg",
+  {
+    className: r,
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ i(
+      "path",
+      {
+        d: "M4 12.6667H6.66667V3.33333H4V12.6667ZM9.33333 3.33333V12.6667H12V3.33333H9.33333Z",
+        fill: "currentColor"
+      }
+    )
+  }
+) }), Xo = ({ className: r }) => /* @__PURE__ */ i(Xe, { className: r, customizationKey: "UI_VOLUME", children: /* @__PURE__ */ i(
+  "svg",
+  {
+    className: r,
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ i(
+      "path",
+      {
+        d: "M2 6V10H4.66667L8 13.3333V2.66667L4.66667 6H2ZM11 8C11 6.82 10.32 5.80667 9.33333 5.31334V10.68C10.32 10.1933 11 9.18 11 8ZM9.33333 2.15334V3.52667C11.26 4.1 12.6667 5.88667 12.6667 8C12.6667 10.1133 11.26 11.9 9.33333 12.4733V13.8467C12.0067 13.24 14 10.8533 14 8C14 5.14667 12.0067 2.76 9.33333 2.15334Z",
+        fill: "currentColor"
+      }
+    )
+  }
+) }), Yo = ({ className: r }) => /* @__PURE__ */ i(Xe, { className: r, customizationKey: "UI_VOLUME_OFF", children: /* @__PURE__ */ i(
+  "svg",
+  {
+    className: r,
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ i(
+      "path",
+      {
+        d: "M11 8C11 6.82 10.32 5.80667 9.33333 5.31333V6.78667L10.9667 8.42C10.9867 8.28667 11 8.14667 11 8ZM12.6667 8C12.6667 8.62667 12.5333 9.21333 12.3067 9.76L13.3133 10.7667C13.7533 9.94 14 9 14 8C14 5.14667 12.0067 2.76 9.33333 2.15333V3.52667C11.26 4.1 12.6667 5.88667 12.6667 8ZM2.84667 2L2 2.84667L5.15333 6H2V10H4.66667L8 13.3333V8.84667L10.8333 11.68C10.3867 12.0267 9.88667 12.3 9.33333 12.4667V13.84C10.2533 13.6333 11.0867 13.2067 11.7933 12.6333L13.1533 14L14 13.1533L2.84667 2ZM8 2.66667L6.60667 4.06L8 5.45333V2.66667Z",
+        fill: "currentColor"
+      }
+    )
+  }
+) }), qt = ({ progress: r }) => /* @__PURE__ */ i("div", { className: "h-1 w-full overflow-hidden rounded-ui-sm bg-background/25", children: /* @__PURE__ */ i(
+  "div",
+  {
+    className: "size-full rounded-ui-sm bg-background transition-transform",
+    style: { transform: `translateX(-${100 * (1 - r)}%)` }
+  }
+) }), Zo = 3e3, Go = ({ src: r, poster: a, itemIndex: l }) => {
+  const { carrouselItemIndex: s, setItemInteraction: p } = Ke(), f = Ie(null), E = Ie(null), e = j(() => {
+    if (!E.current)
+      throw new Error("videoRef.current is null");
+    return E.current;
+  }, []);
+  fe(() => {
+    p(l, "ready");
+  }, [l, p]);
+  const x = j(() => {
+    e().play();
+  }, [e]), b = j(() => {
+    e().pause();
+  }, [e]);
+  fe(() => {
+    s === l || b();
+  }, [s, l, b]);
+  const [z, y] = Le(!1), [h, o] = Le(!0), L = () => {
+    y(!0), p(l, "running");
+  }, A = () => {
+    y(!1), p(l, "ready");
+  }, k = () => {
+    o(!1);
+  }, m = () => {
+    o(!0);
+  }, [N, w] = Le(null), d = (P) => {
+    const B = e(), J = P.currentTarget.getBoundingClientRect(), xe = (P.clientX - J.left) / J.width, Pe = Math.min(1, Math.max(0, xe));
+    B.volume = Pe, B.muted = !1;
+  }, C = (P) => {
+    const B = e();
+    B.muted = P;
+  };
+  fe(() => {
+    const P = E.current;
+    if (!P)
+      return;
+    const B = () => {
+      w({
+        volume: P.volume,
+        isMuted: P.muted
+      });
+    };
+    return B(), P.addEventListener("volumechange", B), () => {
+      P.removeEventListener("volumechange", B);
+    };
+  }, []);
+  const [I, O] = Le(null), M = I ? I.currentTime / I.duration : 0;
+  fe(() => {
+    const P = E.current;
+    if (!P) return;
+    const B = () => {
+      const J = P.currentTime, me = P.duration;
+      isNaN(J) || isNaN(me) || O({
+        currentTime: J,
+        duration: me
+      });
+    };
+    return B(), P.addEventListener("timeupdate", B), () => {
+      P.removeEventListener("timeupdate", B);
+    };
+  }, []);
+  const X = (P) => {
+    const B = e(), J = P.currentTarget.getBoundingClientRect(), xe = (P.clientX - J.left) / J.width, Pe = B.duration * xe;
+    B.currentTime = Pe;
+  }, S = (P) => {
+    const B = Math.floor(P % 3600 / 60), J = Math.floor(P % 60);
+    return `${B}:${J.toString().padStart(2, "0")}`;
+  }, [V, te] = Le(!1), W = Ie(void 0), T = j(
+    () => clearTimeout(W.current),
+    []
+  ), F = j(() => {
+    T(), W.current = setTimeout(() => {
+      te(!1);
+    }, Zo);
+  }, [T]);
+  return fe(() => {
+    const P = f.current, B = E.current;
+    if (!P || !B)
+      return;
+    const J = () => {
+      F(), te(!0);
+    }, me = () => {
+      T(), te(!1);
+    };
+    let xe = !1;
+    const Pe = () => {
+      xe = !0;
+    }, ne = () => {
+      xe && (xe = !1, b());
+    }, re = () => {
+      xe = !1, J();
+    }, G = (ve) => {
+      ve.preventDefault(), ve.touches.length === 1 && (F(), te((ze) => !ze));
+    };
+    return P.addEventListener("mousedown", Pe), P.addEventListener("mouseup", ne), P.addEventListener("mouseenter", J), P.addEventListener("mousemove", re), P.addEventListener("mouseleave", me), B.addEventListener("touchstart", G), () => {
+      P.removeEventListener("mousedown", Pe), P.removeEventListener("mouseup", ne), P.removeEventListener("mouseenter", J), P.removeEventListener("mousemove", J), P.removeEventListener("mouseleave", me), B.removeEventListener("touchstart", G);
+    };
+  }, [T, b, F]), /* @__PURE__ */ pe("div", { ref: f, className: "relative size-full", children: [
+    /* @__PURE__ */ i(
+      "video",
+      {
+        ref: E,
+        className: "size-full",
+        src: r,
+        poster: a,
+        disablePictureInPicture: !0,
+        playsInline: !0,
+        onPlay: L,
+        onPause: A,
+        onEnded: A,
+        onCanPlay: k,
+        onWaiting: m
+      }
+    ),
+    z ? /* @__PURE__ */ pe(at, { children: [
+      /* @__PURE__ */ pe(
+        "div",
+        {
+          className: ce(
+            "absolute inset-x-0 bottom-0 cursor-auto space-y-2 bg-gradient-to-t from-foreground to-transparent p-4 pr-12 pt-8 transition-opacity duration-300",
+            V ? "pointer-events-auto opacity-100" : "pointer-events-none opacity-0"
+          ),
+          onMouseDownCapture: (P) => P.stopPropagation(),
+          children: [
+            /* @__PURE__ */ pe("div", { className: "flex items-center justify-between text-background", children: [
+              /* @__PURE__ */ pe(
+                "div",
+                {
+                  className: "flex items-center gap-x-4",
+                  children: [
+                    /* @__PURE__ */ i(
+                      Qe,
+                      {
+                        shape: "icon",
+                        variant: "ghost",
+                        color: "neutral",
+                        onClick: b,
+                        children: /* @__PURE__ */ i(Wo, { className: "size-full" })
+                      }
+                    ),
+                    I && /* @__PURE__ */ pe("span", { className: "text-sm", children: [
+                      S(I.currentTime),
+                      " /",
+                      " ",
+                      S(I.duration)
+                    ] })
+                  ]
+                }
+              ),
+              N && /* @__PURE__ */ pe(
+                "div",
+                {
+                  className: "group/volume flex items-center gap-x-4 rounded-ui-md p-2 transition-colors hover:bg-foreground/25",
+                  children: [
+                    /* @__PURE__ */ i(
+                      "div",
+                      {
+                        className: `w-12 cursor-pointer py-1 opacity-0 transition-opacity ${N.isMuted ? "group-hover/volume:opacity-50" : "group-hover/volume:opacity-100"}`,
+                        onClick: d,
+                        children: /* @__PURE__ */ i(qt, { progress: N.volume })
+                      }
+                    ),
+                    /* @__PURE__ */ i(
+                      "div",
+                      {
+                        className: "size-5 cursor-pointer",
+                        onClick: () => C(!N.isMuted),
+                        children: N.isMuted ? /* @__PURE__ */ i(Yo, { className: "size-full" }) : /* @__PURE__ */ i(Xo, { className: "size-full" })
+                      }
+                    )
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ i(
+              "div",
+              {
+                className: "cursor-pointer py-1",
+                onClick: X,
+                children: /* @__PURE__ */ i(qt, { progress: M })
+              }
+            )
+          ]
+        }
+      ),
+      h && /* @__PURE__ */ i(
+        "div",
+        {
+          className: "pointer-events-none absolute inset-0 flex items-center justify-center bg-foreground/25",
+          children: /* @__PURE__ */ i(xr, { size: "lg", color: "background" })
+        }
+      )
+    ] }) : /* @__PURE__ */ i(
+      "div",
+      {
+        className: "absolute inset-0 flex items-center justify-center bg-foreground/25",
+        children: /* @__PURE__ */ i(Bo, { onClick: x })
+      }
+    )
+  ] });
+}, jo = ({ index: r, item: a, isShown: l }) => {
+  const { type: s } = a;
+  let p;
+  switch (s) {
+    case "image":
+      p = /* @__PURE__ */ i(kr, { itemIndex: r, onlyPreload: !l, ...a });
+      break;
+    case "video":
+      p = /* @__PURE__ */ i(Go, { itemIndex: r, ...a });
+      break;
+    case "360":
+      p = /* @__PURE__ */ i(Vo, { itemIndex: r, onlyPreload: !l, ...a });
+      break;
+    case "interior-360":
+      p = /* @__PURE__ */ i(
+        zo,
+        {
+          itemIndex: r,
+          onlyPreload: !l,
+          ...a
+        }
+      );
+      break;
+    case "custom":
+      p = /* @__PURE__ */ i(yo, { itemIndex: r, ...a });
+  }
+  return p = /* @__PURE__ */ i("div", { className: "-ml-px h-full w-[calc(100%+2px)]", children: p }), p;
+}, qo = (r) => {
+  fe(() => {
+    const a = (l) => {
+      l.key === "Escape" && r();
+    };
+    return addEventListener("keydown", a), () => {
+      removeEventListener("keydown", a);
+    };
+  }, [r]);
+};
+function Ko(r) {
+  return r.target === r.currentTarget;
+}
+const Jo = ({ currentIndex: r, maxIndex: a }) => /* @__PURE__ */ pe("div", { className: "space-x-0.5 rounded-ui bg-foreground/40 px-1.5 py-0.5 text-xs text-background/75 transition-radius small:space-x-1 small:px-2 small:py-1 small:text-sm", children: [
+  /* @__PURE__ */ i("span", { children: r + 1 }),
+  /* @__PURE__ */ i("span", { children: "/" }),
+  /* @__PURE__ */ i("span", { children: a + 1 })
+] }), Kt = ({ className: r }) => /* @__PURE__ */ i(Xe, { className: r, customizationKey: "UI_ARROW_RIGHT", children: /* @__PURE__ */ i("svg", { className: r, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ i(
+  "path",
+  {
+    d: "M4.07666 13.4868L5.25666 14.6668L11.9233 8.00016L5.25666 1.3335L4.07666 2.5135L9.56333 8.00016L4.07666 13.4868Z",
+    fill: "currentColor"
+  }
+) }) }), Qo = ({ className: r }) => /* @__PURE__ */ i(Xe, { className: r, customizationKey: "UI_EXTEND", children: /* @__PURE__ */ i("svg", { className: r, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ i(
+  "path",
+  {
+    d: "M4.66683 9.3335H3.3335V12.6668H6.66683V11.3335H4.66683V9.3335ZM3.3335 6.66683H4.66683V4.66683H6.66683V3.3335H3.3335V6.66683ZM11.3335 11.3335H9.3335V12.6668H12.6668V9.3335H11.3335V11.3335ZM9.3335 3.3335V4.66683H11.3335V6.66683H12.6668V3.3335H9.3335Z",
+    fill: "currentColor"
+  }
+) }) }), $o = ({ className: r }) => /* @__PURE__ */ i(Xe, { className: r, customizationKey: "UI_GALLERY", children: /* @__PURE__ */ i("svg", { className: r, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ i(
+  "path",
+  {
+    d: "M13.3334 2.66683V10.6668H5.33337V2.66683H13.3334ZM13.3334 1.3335H5.33337C4.60004 1.3335 4.00004 1.9335 4.00004 2.66683V10.6668C4.00004 11.4002 4.60004 12.0002 5.33337 12.0002H13.3334C14.0667 12.0002 14.6667 11.4002 14.6667 10.6668V2.66683C14.6667 1.9335 14.0667 1.3335 13.3334 1.3335ZM7.66671 7.78016L8.79337 9.28683L10.4467 7.22016L12.6667 10.0002H6.00004L7.66671 7.78016ZM1.33337 4.00016V13.3335C1.33337 14.0668 1.93337 14.6668 2.66671 14.6668H12V13.3335H2.66671V4.00016H1.33337Z",
+    fill: "currentColor"
+  }
+) }) }), en = ({ className: r }) => /* @__PURE__ */ i(Xe, { className: r, customizationKey: "UI_HOTSPOTS", children: /* @__PURE__ */ pe(
+  "svg",
+  {
+    className: r,
+    width: "12",
+    height: "12",
+    viewBox: "0 0 12 12",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [
+      /* @__PURE__ */ i("g", { clipPath: "url(#clip0_418_982)", children: /* @__PURE__ */ i(
+        "path",
+        {
+          d: "M6 4C4.895 4 4 4.895 4 6C4 7.105 4.895 8 6 8C7.105 8 8 7.105 8 6C8 4.895 7.105 4 6 4ZM10.47 5.5C10.24 3.415 8.585 1.76 6.5 1.53V0.5H5.5V1.53C3.415 1.76 1.76 3.415 1.53 5.5H0.5V6.5H1.53C1.76 8.585 3.415 10.24 5.5 10.47V11.5H6.5V10.47C8.585 10.24 10.24 8.585 10.47 6.5H11.5V5.5H10.47ZM6 9.5C4.065 9.5 2.5 7.935 2.5 6C2.5 4.065 4.065 2.5 6 2.5C7.935 2.5 9.5 4.065 9.5 6C9.5 7.935 7.935 9.5 6 9.5Z",
+          fill: "currentColor"
+        }
+      ) }),
+      /* @__PURE__ */ i("defs", { children: /* @__PURE__ */ i("clipPath", { id: "clip0_418_982", children: /* @__PURE__ */ i("rect", { width: "12", height: "12", fill: "white" }) }) })
+    ]
+  }
+) }), tn = ({ className: r }) => /* @__PURE__ */ i(Xe, { className: r, customizationKey: "UI_MINUS", children: /* @__PURE__ */ i(
+  "svg",
+  {
+    className: r,
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ i(
+      "path",
+      {
+        d: "M12.6666 8.66634H3.33325V7.33301H12.6666V8.66634Z",
+        fill: "currentColor"
+      }
+    )
+  }
+) }), rn = ({ className: r }) => /* @__PURE__ */ i(Xe, { className: r, customizationKey: "UI_PLUS", children: /* @__PURE__ */ i(
+  "svg",
+  {
+    className: r,
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ i(
+      "path",
+      {
+        d: "M12.6666 8.66634H8.66659V12.6663H7.33325V8.66634H3.33325V7.33301H7.33325V3.33301H8.66659V7.33301H12.6666V8.66634Z",
+        fill: "currentColor"
+      }
+    )
+  }
+) }), on = ({ className: r }) => /* @__PURE__ */ i(Xe, { className: r, customizationKey: "UI_REDUCE", children: /* @__PURE__ */ i("svg", { className: r, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ i(
+  "path",
+  {
+    d: "M3.33325 10.6668H5.33325V12.6668H6.66659V9.3335H3.33325V10.6668ZM5.33325 5.3335H3.33325V6.66683H6.66659V3.3335H5.33325V5.3335ZM9.33325 12.6668H10.6666V10.6668H12.6666V9.3335H9.33325V12.6668ZM10.6666 5.3335V3.3335H9.33325V6.66683H12.6666V5.3335H10.6666Z",
+    fill: "currentColor"
+  }
+) }) }), nn = ({
+  enabled: r,
+  onToggle: a,
+  label: l,
+  className: s,
+  children: p
+}) => /* @__PURE__ */ pe(
+  "label",
+  {
+    className: ce(
+      "flex cursor-pointer items-center justify-center gap-x-2",
+      s
+    ),
+    children: [
+      /* @__PURE__ */ i(
+        "input",
+        {
+          type: "checkbox",
+          className: "sr-only",
+          checked: r,
+          onChange: a
+        }
+      ),
+      l && /* @__PURE__ */ i("div", { className: "text-xs text-background", children: l }),
+      /* @__PURE__ */ i(
+        "div",
+        {
+          className: ce(
+            "flex h-5 w-8 items-center justify-center rounded-full transition-colors",
+            r ? "bg-primary" : "bg-background/60"
+          ),
+          children: /* @__PURE__ */ i(
+            "div",
+            {
+              className: ce(
+                "flex size-4 items-center justify-center rounded-full p-0.5 transition",
+                r ? "translate-x-1.5 bg-primary-foreground text-primary" : "-translate-x-1.5 bg-background text-foreground"
+              ),
+              children: p
+            }
+          )
+        }
+      )
+    ]
+  }
+), an = ({ className: r }) => /* @__PURE__ */ i(Xe, { className: r, customizationKey: "UI_BURGER", children: /* @__PURE__ */ i(
+  "svg",
+  {
+    className: r,
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ i(
+      "path",
+      {
+        d: "M2 12H14V10.6667H2V12ZM2 8.66667H14V7.33333H2V8.66667ZM2 4V5.33333H14V4H2Z",
+        fill: "currentColor"
+      }
+    )
+  }
+) }), sn = ({ sharedClassName: r }) => {
+  const { categories: a } = it(), { displayedCategoryId: l, changeCategory: s } = Ke(), [p, f] = Le(!1), E = () => {
+    f(!p);
+  }, e = () => {
+    f(!1);
+  };
+  return /* @__PURE__ */ pe(at, { children: [
+    p && /* @__PURE__ */ i(
+      "div",
+      {
+        className: ce(r, "inset-0 small:hidden"),
+        onClick: e
+      }
+    ),
+    /* @__PURE__ */ pe(
+      "div",
+      {
+        className: ce(
+          r,
+          ut("top-left"),
+          "flex gap-x-2 small:hidden"
+        ),
+        children: [
+          /* @__PURE__ */ i(
+            Qe,
+            {
+              shape: "icon",
+              color: p ? "primary" : "neutral",
+              onClick: E,
+              children: /* @__PURE__ */ i(an, {})
+            }
+          ),
+          p && /* @__PURE__ */ i("div", { className: "rounded-ui-md bg-background transition-radius", children: /* @__PURE__ */ i("ul", { className: "space-y-0.5 p-1", children: a.map(({ id: x, title: b }) => /* @__PURE__ */ i(
+            "li",
+            {
+              className: ce(
+                "cursor-pointer rounded-ui px-2 py-1 text-sm font-bold transition-all hover:bg-primary/30",
+                x === l && "bg-primary/50"
+              ),
+              onClick: () => {
+                s(x), f(!1);
+              },
+              children: b
+            },
+            x
+          )) }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ i(
+      "div",
+      {
+        className: ce(
+          r,
+          vr("top"),
+          "w-full overflow-x-auto max-small:hidden"
+        ),
+        children: /* @__PURE__ */ i("div", { className: "mx-auto flex w-fit gap-x-1 rounded-ui-md bg-background p-1 shadow", children: a.map(({ id: x, title: b }) => /* @__PURE__ */ i(
+          Qe,
+          {
+            variant: x === l ? "fill" : "ghost",
+            onClick: () => s(x),
+            children: b
+          },
+          x
+        )) })
+      }
+    )
+  ] });
+}, ln = () => {
+  const {
+    hideCategoriesNav: r,
+    infiniteCarrousel: a,
+    permanentGallery: l,
+    extendBehavior: s
+  } = $e(), {
+    aspectRatioStyle: p,
+    categories: { length: f }
+  } = it(), {
+    items: { length: E },
+    slidable: e,
+    carrouselItemIndex: x,
+    masterItemIndex: b,
+    prevItem: z,
+    nextItem: y,
+    showGalleryControls: h,
+    enableHotspotsControl: o,
+    showHotspots: L,
+    toggleHotspots: A,
+    showGallery: k,
+    toggleGallery: m,
+    extendMode: N,
+    toggleExtendMode: w,
+    shownDetails: d,
+    isShowingDetails: C,
+    resetShownDetails: I,
+    showZoomControls: O,
+    isZooming: M,
+    canZoomIn: X,
+    zoomIn: S,
+    canZoomOut: V,
+    zoomOut: te,
+    resetView: W
+  } = Ke(), T = j(
+    (P) => {
+      Ko(P) && I();
+    },
+    [I]
+  );
+  qo(I);
+  const F = "absolute z-overlay";
+  return /* @__PURE__ */ pe(at, { children: [
+    !r && f > 1 && /* @__PURE__ */ i(
+      sn,
+      {
+        sharedClassName: ce(
+          F,
+          "transition-opacity",
+          M ? "!pointer-events-none opacity-0" : "opacity-100"
+        )
+      }
+    ),
+    e && !M && /* @__PURE__ */ i("div", { className: ce(F, ut("top-right")), children: /* @__PURE__ */ i(
+      Jo,
+      {
+        currentIndex: x,
+        maxIndex: E - 1
+      }
+    ) }),
+    e && /* @__PURE__ */ pe(at, { children: [
+      /* @__PURE__ */ i(
+        Qe,
+        {
+          shape: "icon",
+          color: "neutral",
+          className: ce(
+            F,
+            ut("middle-left"),
+            M ? "!pointer-events-none opacity-0" : "opacity-100"
+          ),
+          onClick: z,
+          disabled: !a && b <= 0,
+          children: /* @__PURE__ */ i(Xe, { customizationKey: "CONTROLS_PREV", children: /* @__PURE__ */ i(Kt, { className: "size-full -scale-x-100" }) })
+        }
+      ),
+      /* @__PURE__ */ i(
+        Qe,
+        {
+          shape: "icon",
+          color: "neutral",
+          className: ce(
+            F,
+            ut("middle-right"),
+            M ? "!pointer-events-none opacity-0" : "opacity-100"
+          ),
+          onClick: y,
+          disabled: !a && b >= E - 1,
+          children: /* @__PURE__ */ i(Xe, { customizationKey: "CONTROLS_NEXT", children: /* @__PURE__ */ i(Kt, { className: "size-full" }) })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ pe(
+      "div",
+      {
+        className: ce(
+          F,
+          ut("bottom-fullW"),
+          "pointer-events-none grid grid-cols-[auto,1fr,auto] items-end *:pointer-events-auto small:gap-x-2"
+        ),
+        children: [
+          !l && e && /* @__PURE__ */ pe(at, { children: [
+            /* @__PURE__ */ i(
+              Qe,
+              {
+                className: h && !M ? "opacity-100" : "!pointer-events-none opacity-0",
+                variant: "fill",
+                color: k ? "primary" : "neutral",
+                shape: "icon",
+                onClick: m,
+                children: /* @__PURE__ */ i($o, { className: "size-full" })
+              }
+            ),
+            k && /* @__PURE__ */ i(
+              Mr,
+              {
+                className: ce(
+                  "transition-opacity",
+                  h && !M ? "opacity-100" : "!pointer-events-none opacity-0",
+                  // Left & Right gradient mask to fade the gallery
+                  "[mask-image:linear-gradient(to_left,transparent_0px,black_4px,black_calc(100%-4px),transparent_100%)]"
+                ),
+                containerClassName: "mx-1"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ pe("div", { className: "col-start-3 flex flex-col items-end gap-y-1 small:gap-y-2", children: [
+            o && /* @__PURE__ */ i(
+              nn,
+              {
+                className: ce(
+                  "transition-opacity",
+                  M ? "!pointer-events-none opacity-0" : "opacity-100"
+                ),
+                enabled: L,
+                onToggle: A,
+                children: /* @__PURE__ */ i(en, { className: "size-full" })
+              }
+            ),
+            O && /* @__PURE__ */ pe("div", { className: "max-small:hidden", children: [
+              /* @__PURE__ */ i(
+                Qe,
+                {
+                  className: "rounded-b-none",
+                  color: "neutral",
+                  shape: "icon",
+                  disabled: !X,
+                  onClick: S,
+                  children: /* @__PURE__ */ i(rn, { className: "size-full" })
+                }
+              ),
+              /* @__PURE__ */ i(Cr, { color: "background" }),
+              /* @__PURE__ */ i(
+                Qe,
+                {
+                  className: "rounded-t-none",
+                  color: "neutral",
+                  shape: "icon",
+                  disabled: !V,
+                  onClick: te,
+                  children: /* @__PURE__ */ i(tn, { className: "size-full" })
+                }
+              )
+            ] }),
+            s !== "none" && /* @__PURE__ */ i(
+              Qe,
+              {
+                variant: "fill",
+                color: N ? "primary" : "neutral",
+                shape: "icon",
+                onClick: w,
+                children: N ? /* @__PURE__ */ i(on, { className: "size-full" }) : /* @__PURE__ */ i(Qo, { className: "size-full" })
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ i(
+      "div",
+      {
+        className: ce(
+          F,
+          "inset-0 flex justify-end overflow-hidden bg-foreground/60 transition-opacity duration-details",
+          C ? "opacity-100" : "pointer-events-none opacity-0"
+        ),
+        onClick: T,
+        children: /* @__PURE__ */ i(
+          "div",
+          {
+            className: ce(
+              "h-full w-3/5 bg-background transition-transform duration-details",
+              C ? "translate-x-0" : "translate-x-full"
+            ),
+            children: !!d && /* @__PURE__ */ pe(at, { children: [
+              /* @__PURE__ */ i(
+                pt,
+                {
+                  className: "w-full bg-foreground/65",
+                  style: p,
+                  src: d.src,
+                  imgInPlayerWidthRatio: 0.6
+                }
+              ),
+              /* @__PURE__ */ pe(
+                "div",
+                {
+                  className: ce(
+                    "space-y-1 px-2 py-1 small:p-3",
+                    N && "large:p-4"
+                  ),
+                  children: [
+                    d.title && /* @__PURE__ */ i(
+                      "span",
+                      {
+                        className: ce(
+                          "text-sm font-semibold small:text-base small:font-bold",
+                          N && "large:text-lg"
+                        ),
+                        children: d.title
+                      }
+                    ),
+                    d.text && /* @__PURE__ */ i(
+                      "p",
+                      {
+                        className: ce(
+                          "text-xs text-foreground/65 small:text-sm",
+                          N && "large:text-base"
+                        ),
+                        children: d.text
+                      }
+                    )
+                  ]
+                }
+              )
+            ] })
+          }
+        )
+      }
+    ),
+    (M || C) && /* @__PURE__ */ i(
+      wr,
+      {
+        className: ce(F, ut("top-right")),
+        onClick: W
+      }
+    )
+  ] });
+}, cn = ({ className: r = "" }) => {
+  const { infiniteCarrousel: a, preloadRange: l, isFullScreen: s } = $e(), { aspectRatioStyle: p } = it(), {
+    items: f,
+    slidable: E,
+    carrouselItemIndex: e,
+    setCarrouselItemIndex: x,
+    itemIndexCommand: b,
+    setItemIndexCommand: z,
+    specialCommand: y,
+    isRunningSpecialCommand: h,
+    finishSpecialCommand: o,
+    extendMode: L,
+    extendTransition: A
+  } = Ke(), k = Ie(null), m = j((T) => {
+    if (!k.current)
+      throw new Error(`[${T ?? "sliderOrThrow"}] slider.current is null`);
+    return k.current;
+  }, []), N = Ie(!1), w = Ie(null), d = Ie(null), C = Ie(null), I = j(() => {
+    C.current && cancelAnimationFrame(C.current);
+  }, []), O = j(() => {
+    const T = m("computeClosestSnapIndex"), F = Array.from(T.children), P = T.scrollLeft;
+    return F.reduce(
+      (J, me, xe) => {
+        const Pe = me.offsetLeft;
+        return Math.abs(Pe - P) < Math.abs(F[J].offsetLeft - P) ? xe : J;
+      },
+      0
+    );
+  }, [m]), M = j(
+    (T) => {
+      const F = m("setStyleCursor");
+      F.style.cursor = T;
+    },
+    [m]
+  ), X = j(
+    (T) => {
+      const F = m("setStyleSnapState");
+      T === "mandatory" ? F.style.scrollSnapType = "x mandatory" : F.style.scrollSnapType = "none";
+    },
+    [m]
+  ), S = j(
+    (T, F, P) => {
+      I();
+      const B = m("scrollToIndex"), J = Array.from(B.children), me = B.scrollLeft, xe = J[T].offsetLeft, Pe = (ze) => {
+        B.scrollTo({
+          left: ze,
+          behavior: "instant"
+        });
+      }, ne = () => {
+        Pe(xe), X("mandatory"), P?.();
+      }, re = Math.abs(me - xe);
+      if (re < 1 || F === "instant") {
+        ne();
+        return;
+      }
+      const G = tt(re / 2.5, 300, 1e3), ve = (/* @__PURE__ */ new Date()).getTime();
+      X("none");
+      const H = () => {
+        const ze = () => {
+          const Re = (/* @__PURE__ */ new Date()).getTime() - ve;
+          if (Re >= G) {
+            ne();
+            return;
+          }
+          const Be = Math.min(Re / G, 1), Ze = Lr(Be), Oe = yt(me, xe, Ze);
+          Pe(Oe), H();
+        };
+        C.current = requestAnimationFrame(ze);
+      };
+      H();
+    },
+    [I, m, X]
+  ), [V, te] = Le(), W = !!V;
+  return fe(() => {
+    const T = () => {
+      clearTimeout(V);
+      const F = setTimeout(() => {
+        te(void 0);
+      }, pr);
+      te(F);
+    };
+    return addEventListener("resize", T), document.addEventListener("fullscreenchange", T), () => {
+      removeEventListener("resize", T), document.removeEventListener("fullscreenchange", T);
+    };
+  }, [V]), fe(() => {
+    if (y)
+      return;
+    const T = O();
+    Number.isNaN(T) || T !== e && S(e, "instant");
+  }, [
+    e,
+    O,
+    S,
+    y,
+    // - Run the effect when those values change
+    f,
+    V,
+    s,
+    L,
+    A
+  ]), fe(() => {
+    if (!E || h) {
+      M("auto");
+      return;
+    }
+    const T = k.current;
+    if (!T)
+      return;
+    M("grab"), X("mandatory");
+    const F = (J) => {
+      J.button === 0 && (J.preventDefault(), J.stopPropagation(), I(), N.current = !0, w.current = J.pageX - T.offsetLeft, d.current = T.scrollLeft, M("grabbing"));
+    }, P = (J) => {
+      if (!N.current)
+        return;
+      if (w.current === null)
+        throw new Error("[onMouseMove] startX is null");
+      X("none");
+      const xe = J.pageX - T.offsetLeft - w.current;
+      requestAnimationFrame(() => {
+        if (d.current === null)
+          throw new Error("[onMouseMove] scrollLeft is null");
+        T.scrollLeft = d.current - xe;
+      });
+    }, B = () => {
+      if (!N.current)
+        return;
+      N.current = !1, M("grab");
+      const J = O();
+      S(J, "smooth");
+    };
+    return T.addEventListener("mousedown", F), document.addEventListener("mousemove", P), document.addEventListener("mouseleave", B), document.addEventListener("mouseup", B), document.addEventListener("contextmenu", B), () => {
+      T.removeEventListener("mousedown", F), document.removeEventListener("mousemove", P), document.removeEventListener("mouseleave", B), document.removeEventListener("mouseup", B), document.removeEventListener("contextmenu", B);
+    };
+  }, [
+    I,
+    O,
+    h,
+    S,
+    M,
+    X,
+    E
+  ]), fe(() => {
+    if (A || W)
+      return;
+    const T = k.current;
+    if (!T)
+      return;
+    const F = () => {
+      const P = O();
+      Number.isNaN(P) || (x(P), P === b && z(null));
+    };
+    return T.addEventListener("scroll", F), () => {
+      T.removeEventListener("scroll", F);
+    };
+  }, [
+    O,
+    A,
+    W,
+    b,
+    x,
+    z
+  ]), fe(() => {
+    if (b === null)
+      return;
+    const T = () => {
+      setTimeout(() => {
+        z(null), o();
+      }, 75);
+    };
+    switch (y) {
+      case "first_to_last":
+        S(f.length - 1, "instant", T);
+        break;
+      case "last_to_first":
+        S(0, "instant", T);
+        break;
+      case "instant":
+        S(b, "instant", T);
+        break;
+      default:
+        S(b, "smooth");
+        break;
+    }
+  }, [
+    y,
+    o,
+    b,
+    f.length,
+    S,
+    z
+  ]), /* @__PURE__ */ pe(
+    "div",
+    {
+      className: ce(
+        "relative overflow-hidden rounded-carrousel transition-radius",
+        r
+      ),
+      style: p,
+      children: [
+        /* @__PURE__ */ i(
+          "div",
+          {
+            ref: k,
+            className: `flex size-full ${E ? "overflow-x-auto no-scrollbar *:snap-start *:snap-always" : "justify-center"}`,
+            children: f.map((T, F) => {
+              const P = F === e, B = F === 0, J = F === f.length - 1, me = (() => {
+                if (y === "first_to_last" && B)
+                  return {
+                    transform: `translateX(${100 * f.length}%)`
+                  };
+                if (y === "last_to_first" && J)
+                  return {
+                    transform: `translateX(-${100 * f.length}%)`
+                  };
+              })();
+              let xe = Math.abs(F - e) <= l;
+              xe ||= F === b, a && (xe ||= e < l && f.length - F <= l - e, xe ||= e >= f.length - l && F <= l - (f.length - e));
+              const Pe = (() => {
+                let ne;
+                switch (T.type) {
+                  case "360":
+                    ne = T.images[0].src;
+                    break;
+                  case "interior-360":
+                    ne = T.poster ?? "interior-360";
+                    break;
+                  case "image":
+                    ne = T.src;
+                    break;
+                  case "video":
+                    ne = T.poster ?? "video";
+                    break;
+                  case "custom":
+                    ne = "custom";
+                    break;
+                  default:
+                    ne = "unknown";
+                }
+                return `${F}_${ne}`;
+              })();
+              return /* @__PURE__ */ i(
+                "div",
+                {
+                  className: ce(
+                    "h-full bg-foreground/35",
+                    e === F && "z-1"
+                    // Give high-ground to the shown item (to avoid 1px vertical line)
+                  ),
+                  style: { ...p, ...me },
+                  children: xe && /* @__PURE__ */ i(jo, { index: F, item: T, isShown: P })
+                },
+                Pe
+              );
+            })
+          }
+        ),
+        /* @__PURE__ */ i(ln, {})
+      ]
+    }
+  );
+}, un = () => {
+  const { permanentGallery: r } = $e(), { aspectRatioStyle: a } = it(), {
+    prevItem: l,
+    nextItem: s,
+    isShowingDetails: p,
+    resetShownDetails: f,
+    extendMode: E,
+    disableExtendMode: e,
+    isZooming: x,
+    resetZoom: b,
+    fakeFullScreen: z
+  } = Ke(), y = Ie(null), h = Ie(null), o = Ie(null);
+  return fe(() => {
+    if (!E)
+      return;
+    const L = y.current, A = h.current, k = o.current;
+    if (!L || !A || !k)
+      return;
+    let m = !1;
+    const N = (C) => [L, A, k].includes(C.target), w = (C) => {
+      m = N(C);
+    }, d = (C) => {
+      m && (N(C) && e(), m = !1);
+    };
+    return L.addEventListener("mousedown", w), L.addEventListener("mouseup", d), () => {
+      L.removeEventListener("mousedown", w), L.removeEventListener("mouseup", d);
+    };
+  }, [e, E]), fe(() => {
+    const L = (A) => {
+      A.key === "Escape" && (x ? b() : p ? f() : e());
+    };
+    return addEventListener("keydown", L), () => {
+      removeEventListener("keydown", L);
+    };
+  }, [
+    e,
+    p,
+    x,
+    s,
+    l,
+    f,
+    b
+  ]), /* @__PURE__ */ pe(
+    "div",
+    {
+      ref: y,
+      className: ce(
+        "relative",
+        E && "flex size-full items-center justify-center",
+        z && "fixed inset-0 z-overlay bg-foreground/75"
+      ),
+      children: [
+        /* @__PURE__ */ pe(
+          "div",
+          {
+            ref: h,
+            className: E ? "flex size-full flex-col justify-center gap-y-2 small:gap-y-4" : "space-y-2",
+            children: [
+              /* @__PURE__ */ i(
+                "div",
+                {
+                  ref: o,
+                  className: ce(
+                    E && "mx-auto flex min-h-0 w-full max-w-[1600px] justify-center"
+                  ),
+                  style: a,
+                  children: /* @__PURE__ */ i(cn, { className: ce(E && "h-full min-w-0") })
+                }
+              ),
+              r && /* @__PURE__ */ i(Mr, { className: ce(E && "my-2 shrink-0 small:my-4") })
+            ]
+          }
+        ),
+        E && /* @__PURE__ */ i(
+          wr,
+          {
+            className: "absolute right-2 top-2 small:right-4 small:top-4",
+            onClick: e
+          }
+        )
+      ]
+    }
+  );
+}, dn = () => {
+  const { emitEvent: r, compositionUrl: a } = $e(), {
+    data: l,
+    status: s,
+    isSuccess: p,
+    error: f
+  } = eo(a);
+  return fe(() => {
+    f ? r(tr, f) : s === "fetching" ? r($t, a) : p && r(er, l);
+  }, [l, a, r, f, p, s]), f ? /* @__PURE__ */ i(
+    Nt,
+    {
+      className: "aspect-square text-foreground/70",
+      text: "Player could not be loaded"
+    }
+  ) : p ? /* @__PURE__ */ i(ro, { composition: l, children: /* @__PURE__ */ i(no, { children: /* @__PURE__ */ i(un, {}) }) }) : /* @__PURE__ */ pe("div", { className: "flex aspect-square size-full flex-col items-center justify-center gap-y-4", children: [
+    /* @__PURE__ */ i("div", { className: "animate-pulse text-xl", children: "Loading Player" }),
+    /* @__PURE__ */ i(xr, { color: "foreground" })
+  ] });
+}, pn = ({
+  compositionUrl: r,
+  hideCategoriesNav: a = Fr,
+  infiniteCarrousel: l = Ur,
+  permanentGallery: s = Vr,
+  mediaLoadStrategy: p = Br,
+  minMediaWidth: f = Wr,
+  maxMediaWidth: E = Xr,
+  preloadRange: e = Yr,
+  autoLoad360: x = Zr,
+  autoLoadInterior360: b = Gr,
+  categoriesFilter: z = jr,
+  extendBehavior: y = qr,
+  eventPrefix: h = cr,
+  demoSpin: o = Kr,
+  reverse360: L = Jr,
+  children: A
+  // NOTE: use to customize the player, not to display the content
+}) => {
+  const k = Ie(null), [m, N] = Le(0.5), [w, d] = Le(!1), C = j(
+    (M, X) => {
+      const S = h + M, V = new CustomEvent(S, { detail: X });
+      document.dispatchEvent(V);
+    },
+    [h]
+  );
+  fe(() => {
+    if (w) {
+      N(1);
+      return;
+    }
+    if (!k.current)
+      return;
+    const M = k.current, X = () => {
+      const S = window.innerWidth, V = M.clientWidth;
+      N(V / S);
+    };
+    return X(), addEventListener("resize", X), () => {
+      removeEventListener("resize", X);
+    };
+  }, [w]), fe(() => {
+    if (y !== "full_screen")
+      return;
+    const M = k.current;
+    if (!M)
+      throw new Error("Wrapper not found");
+    const X = () => {
+      const { fullscreenElement: S } = document;
+      d(
+        S === M || // NOTE: For custom element, the web browser is making the whole custom element full-screen and not only the wrapper
+        S?.localName === St
+      );
+    };
+    return document.addEventListener("fullscreenchange", X), () => {
+      document.removeEventListener("fullscreenchange", X);
+    };
+  }, [y]);
+  const I = j(async () => {
+    const M = k.current;
+    if (!M)
+      throw new Error("Wrapper not found");
+    try {
+      return await M.requestFullscreen(), !0;
+    } catch {
+      return !1;
+    }
+  }, []), O = j(async () => {
+    try {
+      return await document.exitFullscreen(), !0;
+    } catch {
+      return !1;
+    }
+  }, []);
+  return /* @__PURE__ */ i(
+    to,
+    {
+      compositionUrl: r,
+      hideCategoriesNav: a,
+      infiniteCarrousel: l,
+      permanentGallery: s,
+      mediaLoadStrategy: p,
+      minMediaWidth: f,
+      maxMediaWidth: E,
+      preloadRange: e,
+      categoriesFilter: z,
+      autoLoad360: x,
+      autoLoadInterior360: b,
+      extendBehavior: y,
+      demoSpin: o,
+      reverse360: L,
+      emitEvent: C,
+      playerInViewportWidthRatio: m,
+      isFullScreen: w,
+      requestFullscreen: I,
+      exitFullscreen: O,
+      children: /* @__PURE__ */ pe(oo, { children: [
+        /* @__PURE__ */ i(
+          "div",
+          {
+            ref: k,
+            className: "select-none text-foreground",
+            style: {
+              "--background": "var(--cc-webplayer-background, 0 0% 100%)",
+              "--foreground": "var(--cc-webplayer-foreground, 240 10% 3.9%)",
+              "--primary": "var(--cc-webplayer-primary, 216 100% 52%)",
+              "--primary-foreground": "var(--cc-webplayer-primary-foreground, var(--background))",
+              "--primary-light": "var(--cc-webplayer-primary-light, var(--primary))",
+              "--neutral": "var(--cc-webplayer-neutral, 0 0% 39%)",
+              "--neutral-foreground": "var(--cc-webplayer-neutral-foreground, var(--foreground))",
+              "--radius-ui": "var(--cc-webplayer-radius-ui, 16px)",
+              "--radius-carrousel": "var(--cc-webplayer-radius-carrousel, 0)",
+              "--radius-gallery": "var(--cc-webplayer-radius-gallery, 0)"
+            },
+            children: /* @__PURE__ */ i(dn, {})
+          }
+        ),
+        A
+      ] })
+    }
+  );
+}, hn = ({ children: r, index: a, thumbnailSrc: l }) => {
+  const { registerCustomMedia: s, unregisterCustomMedia: p } = ft();
+  return fe(() => {
+    if (!r)
+      return;
+    const f = s({
+      Media: r,
+      index: a,
+      thumbnailSrc: l
+    });
+    return () => {
+      p(f);
+    };
+  }, [r, p, a, s, l]), null;
+}, Mn = (r) => _t() ? /* @__PURE__ */ i(hn, { ...r }) : /* @__PURE__ */ i("slot", {}), fn = ({ name: r, children: a }) => {
+  const { registerIconConfig: l, unregisterIconConfig: s } = ft();
+  return fe(() => {
+    if (a)
+      return l(r, {
+        Icon: a
+      }), () => {
+        s(r);
+      };
+  }, [a, r, l, s]), null;
+}, Ln = (r) => _t() ? /* @__PURE__ */ i(fn, { ...r }) : /* @__PURE__ */ i("slot", {}), mn = `*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.\\!container{width:100%!important}.container{width:100%}@media (min-width: 1280px){.\\!container{max-width:1280px!important}.container{max-width:1280px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.\\!pointer-events-none{pointer-events:none!important}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.invisible{visibility:hidden}.fixed{position:fixed}.\\!absolute{position:absolute!important}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-x-1{left:4px;right:4px}.inset-y-1{top:4px;bottom:4px}.-bottom-1{bottom:-4px}.-left-1{left:-4px}.-right-1{right:-4px}.-top-1{top:-4px}.bottom-0{bottom:0}.bottom-1{bottom:4px}.left-0{left:0}.left-1{left:4px}.left-1\\/2{left:50%}.right-1{right:4px}.right-2{right:8px}.top-0{top:0}.top-1{top:4px}.top-1\\/2{top:50%}.top-2{top:8px}.-z-10{z-index:-10}.-z-20{z-index:-20}.z-1{z-index:1}.z-hotspot{z-index:10}.z-overlay{z-index:30}.z-zoomed-image{z-index:20}.col-start-3{grid-column-start:3}.mx-1{margin-left:4px;margin-right:4px}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:8px;margin-bottom:8px}.-ml-px{margin-left:-1px}.-mt-px{margin-top:-1px}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.size-1{width:4px;height:4px}.size-12{width:48px;height:48px}.size-20{width:80px;height:80px}.size-4{width:16px;height:16px}.size-5{width:20px;height:20px}.size-8{width:32px;height:32px}.size-full{width:100%;height:100%}.h-1{height:4px}.h-10{height:40px}.h-20{height:80px}.h-3\\/4{height:75%}.h-5{height:20px}.h-8{height:32px}.h-full{height:100%}.h-px{height:1px}.min-h-0{min-height:0}.w-12{width:48px}.w-3\\/5{width:60%}.w-8{width:32px}.w-\\[calc\\(100\\%\\+1024px\\)\\]{width:calc(100% + 1024px)}.w-\\[calc\\(100\\%\\+2px\\)\\]{width:calc(100% + 2px)}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.w-px{width:1px}.min-w-0{min-width:0}.max-w-40{max-width:160px}.max-w-\\[1600px\\]{max-width:1600px}.shrink-0{flex-shrink:0}.origin-top-left{transform-origin:top left}.-translate-x-1\\.5{--tw-translate-x: -6px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-1\\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1\\.5{--tw-translate-x: 6px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-full{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-scale-x-100{--tw-scale-x: -1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes hotspot-ping{0%{transform:scale(0)}25%{opacity:1}75%,to{transform:scale(1.5);opacity:0}}.animate-hotspot-ping{animation:hotspot-ping 3s cubic-bezier(0,0,.2,1) infinite}@keyframes pulse{50%{opacity:1}0%,to{opacity:0}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-rotation{animation:rotation 1s linear infinite}.cursor-auto{cursor:auto}.cursor-ew-resize{cursor:ew-resize}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-help{cursor:help}.cursor-move{cursor:move}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-\\[auto\\,1fr\\,auto\\]{grid-template-columns:auto 1fr auto}.flex-col{flex-direction:column}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-x-1{-moz-column-gap:4px;column-gap:4px}.gap-x-2{-moz-column-gap:8px;column-gap:8px}.gap-x-4{-moz-column-gap:16px;column-gap:16px}.gap-y-1{row-gap:4px}.gap-y-2{row-gap:8px}.gap-y-4{row-gap:16px}.space-x-0\\.5>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(2px * var(--tw-space-x-reverse));margin-left:calc(2px * calc(1 - var(--tw-space-x-reverse)))}.space-y-0\\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2px * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(4px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(4px * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(8px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(8px * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-scroll{overflow-x:scroll}.text-pretty{text-wrap:pretty}.rounded-carrousel{border-radius:var(--radius-carrousel)}.rounded-full{border-radius:9999px}.rounded-gallery{border-radius:var(--radius-gallery)}.rounded-ui{border-radius:var(--radius-ui)}.rounded-ui-md{border-radius:calc(var(--radius-ui) + 2px)}.rounded-ui-sm{border-radius:calc(var(--radius-ui) - 2px)}.rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-background{border-color:hsl(var(--background))}.border-foreground{border-color:hsl(var(--foreground))}.border-primary{border-color:hsl(var(--primary))}.border-b-transparent{border-bottom-color:transparent}.bg-background{background-color:hsl(var(--background))}.bg-background\\/25{background-color:hsl(var(--background) / .25)}.bg-background\\/50{background-color:hsl(var(--background) / .5)}.bg-background\\/60{background-color:hsl(var(--background) / .6)}.bg-foreground\\/25{background-color:hsl(var(--foreground) / .25)}.bg-foreground\\/30{background-color:hsl(var(--foreground) / .3)}.bg-foreground\\/35{background-color:hsl(var(--foreground) / .35)}.bg-foreground\\/40{background-color:hsl(var(--foreground) / .4)}.bg-foreground\\/50{background-color:hsl(var(--foreground) / .5)}.bg-foreground\\/60{background-color:hsl(var(--foreground) / .6)}.bg-foreground\\/65{background-color:hsl(var(--foreground) / .65)}.bg-foreground\\/75{background-color:hsl(var(--foreground) / .75)}.bg-neutral\\/50{background-color:hsl(var(--neutral) / .5)}.bg-primary{background-color:hsl(var(--primary))}.bg-primary-foreground{background-color:hsl(var(--primary-foreground))}.bg-primary\\/50{background-color:hsl(var(--primary) / .5)}.bg-transparent{background-color:transparent}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-foreground{--tw-gradient-from: hsl(var(--foreground)) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--foreground) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0\\.5{padding:2px}.p-1{padding:4px}.p-2{padding:8px}.p-4{padding:16px}.px-1\\.5{padding-left:6px;padding-right:6px}.px-2{padding-left:8px;padding-right:8px}.py-0\\.5{padding-top:2px;padding-bottom:2px}.py-1{padding-top:4px;padding-bottom:4px}.pl-6{padding-left:24px}.pr-12{padding-right:48px}.pr-4{padding-right:16px}.pt-8{padding-top:32px}.text-2xl{font-size:24px;line-height:32px}.text-sm{font-size:14px;line-height:20px}.text-xl{font-size:20px;line-height:28px}.text-xs{font-size:12px;line-height:16px}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-background{color:hsl(var(--background))}.text-background\\/75{color:hsl(var(--background) / .75)}.text-foreground{color:hsl(var(--foreground))}.text-foreground\\/65{color:hsl(var(--foreground) / .65)}.text-foreground\\/70{color:hsl(var(--foreground) / .7)}.text-neutral-foreground{color:hsl(var(--neutral-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-primary-light{color:hsl(var(--primary-light))}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.invert{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[width\\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-radius{transition-property:border-radius;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-details{transition-duration:.35s}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}.\\[mask-image\\:linear-gradient\\(to_left\\,transparent_0px\\,black_4px\\,black_calc\\(100\\%-4px\\)\\,transparent_100\\%\\)\\]{-webkit-mask-image:linear-gradient(to left,transparent 0px,black 4px,black calc(100% - 4px),transparent 100%);mask-image:linear-gradient(to left,transparent 0px,black 4px,black calc(100% - 4px),transparent 100%)}.\\*\\:pointer-events-auto>*{pointer-events:auto}.\\*\\:size-full>*{width:100%;height:100%}.\\*\\:snap-start>*{scroll-snap-align:start}.\\*\\:snap-always>*{scroll-snap-stop:always}.\\*\\:object-cover>*{-o-object-fit:cover;object-fit:cover}.after\\:absolute:after{content:var(--tw-content);position:absolute}.after\\:inset-0:after{content:var(--tw-content);inset:0}.after\\:rounded-gallery:after{content:var(--tw-content);border-radius:var(--radius-gallery)}.after\\:border-2:after{content:var(--tw-content);border-width:2px}.after\\:border-primary:after{content:var(--tw-content);border-color:hsl(var(--primary))}.after\\:opacity-0:after{content:var(--tw-content);opacity:0}.after\\:opacity-100:after{content:var(--tw-content);opacity:1}.after\\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\\:z-hotspot-hover:hover{z-index:11}.hover\\:bg-foreground\\/25:hover{background-color:hsl(var(--foreground) / .25)}.hover\\:bg-primary\\/25:hover{background-color:hsl(var(--primary) / .25)}.hover\\:bg-primary\\/30:hover{background-color:hsl(var(--primary) / .3)}.hover\\:opacity-80:hover{opacity:.8}.hover\\:after\\:opacity-70:hover:after{content:var(--tw-content);opacity:.7}.disabled\\:opacity-60:disabled{opacity:.6}.group:hover .group-hover\\:pointer-events-auto{pointer-events:auto}.group\\/volume:hover .group-hover\\/volume\\:opacity-100{opacity:1}.group\\/volume:hover .group-hover\\/volume\\:opacity-50{opacity:.5}.group:hover .group-hover\\:opacity-100{opacity:1}@media ((orientation: portrait) and (max-width: 767px)) or ((orientation: landscape) and (max-width: 1023px)){.max-small\\:hidden{display:none}}@media ((orientation: portrait) and (min-width: 768px)) or ((orientation: landscape) and (min-width: 1024px)){.small\\:inset-x-2{left:8px;right:8px}.small\\:inset-y-2{top:8px;bottom:8px}.small\\:bottom-2{bottom:8px}.small\\:left-2{left:8px}.small\\:right-2{right:8px}.small\\:right-4{right:16px}.small\\:top-2{top:8px}.small\\:top-4{top:16px}.small\\:my-4{margin-top:16px;margin-bottom:16px}.small\\:hidden{display:none}.small\\:h-12{height:48px}.small\\:h-28{height:112px}.small\\:max-w-48{max-width:192px}.small\\:gap-2{gap:8px}.small\\:gap-x-2{-moz-column-gap:8px;column-gap:8px}.small\\:gap-y-2{row-gap:8px}.small\\:gap-y-4{row-gap:16px}.small\\:space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(4px * var(--tw-space-x-reverse));margin-left:calc(4px * calc(1 - var(--tw-space-x-reverse)))}.small\\:p-3{padding:12px}.small\\:px-2{padding-left:8px;padding-right:8px}.small\\:py-1{padding-top:4px;padding-bottom:4px}.small\\:pl-8{padding-left:32px}.small\\:pr-6{padding-right:24px}.small\\:text-base{font-size:16px;line-height:24px}.small\\:text-sm{font-size:14px;line-height:20px}.small\\:font-bold{font-weight:700}}@media (min-width: 1280px){.large\\:h-20{height:80px}.large\\:h-3\\/5{height:60%}.large\\:max-w-56{max-width:224px}.large\\:gap-4{gap:16px}.large\\:p-2{padding:8px}.large\\:p-4{padding:16px}.large\\:text-base{font-size:16px;line-height:24px}.large\\:text-lg{font-size:18px;line-height:28px}}.pnlm-container{margin:0;padding:0;overflow:hidden;position:relative;cursor:default;width:100%;height:100%;font-family:Helvetica,Nimbus Sans L,Liberation Sans,Arial,sans-serif;background:#f4f4f4 url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='67'%20height='100'%20viewBox='0%200%2067%20100'%3e%3cpath%20stroke='%23ccc'%20fill='none'%20d='M33.5,50,0,63,33.5,75,67,63,33.5,50m-33.5-50,67,25m-0.5,0,0,75m-66.5-75,67-25m-33.5,75,0,25m0-100,0,50'/%3e%3c/svg%3e") repeat;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;outline:0;line-height:1.4;contain:content;touch-action:none}.pnlm-container *{box-sizing:content-box}.pnlm-ui{position:absolute;width:100%;height:100%;z-index:1}.pnlm-grab{cursor:grab;cursor:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='26'%20width='26'%3e%3cpath%20stroke='%23000'%20stroke-width='1px'%20fill='%23fff'%20d='m15.3%2020.5s6.38-6.73%204.64-8.24-3.47%201.01-3.47%201.01%203.61-5.72%201.41-6.49c-2.2-0.769-3.33%204.36-3.33%204.36s0.873-5.76-1.06-5.76-1.58%205.39-1.58%205.39-0.574-4.59-2.18-4.12c-1.61%200.468-0.572%205.51-0.572%205.51s-1.58-4.89-2.93-3.79c-1.35%201.11%200.258%205.25%200.572%206.62%200.836%202.43%202.03%202.94%202.17%205.55'/%3e%3c/svg%3e") 12 8,default}.pnlm-grabbing{cursor:grabbing;cursor:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='26'%20width='26'%3e%3cpath%20stroke='%23000'%20stroke-width='1px'%20fill='%23fff'%20d='m15.3%2020.5s5.07-5.29%203.77-6.74c-1.31-1.45-2.53%200.14-2.53%200.14s2.74-3.29%200.535-4.06c-2.2-0.769-2.52%201.3-2.52%201.3s0.81-2.13-1.12-2.13-1.52%201.77-1.52%201.77-0.261-1.59-1.87-1.12c-1.61%200.468-0.874%202.17-0.874%202.17s-0.651-1.55-2-0.445c-1.35%201.11-0.68%202.25-0.365%203.62%200.836%202.43%202.03%202.94%202.17%205.55'/%3e%3c/svg%3e") 12 8,default}.pnlm-sprite{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='26'%20height='208'%3e%3ccircle%20fill-opacity='.78'%20cy='117'%20cx='13'%20r='11'%20fill='%23fff'/%3e%3ccircle%20fill-opacity='.78'%20cy='143'%20cx='13'%20r='11'%20fill='%23fff'/%3e%3ccircle%20cy='169'%20cx='13'%20r='7'%20fill='none'%20stroke='%23000'%20stroke-width='2'/%3e%3ccircle%20cy='195'%20cx='13'%20r='7'%20fill='none'%20stroke='%23000'%20stroke-width='2'/%3e%3ccircle%20cx='13'%20cy='195'%20r='2.5'/%3e%3cpath%20d='m5%2083v6h2v-4h4v-2zm10%200v2h4v4h2v-6zm-5%205v6h6v-6zm-5%205v6h6v-2h-4v-4zm14%200v4h-4v2h6v-6z'/%3e%3cpath%20d='m13%20110a7%207%200%200%200%20-7%207%207%207%200%200%200%207%207%207%207%200%200%200%207%20-7%207%207%200%200%200%20-7%20-7zm-1%203h2v2h-2zm0%203h2v5h-2z'/%3e%3cpath%20d='m5%2057v6h2v-4h4v-2zm10%200v2h4v4h2v-6zm-10%2010v6h6v-2h-4v-4zm14%200v4h-4v2h6v-6z'/%3e%3cpath%20d='m17%2038v2h-8v-2z'/%3e%3cpath%20d='m12%209v3h-3v2h3v3h2v-3h3v-2h-3v-3z'/%3e%3cpath%20d='m13%20136-6.125%206.125h4.375v7.875h3.5v-7.875h4.375z'/%3e%3cpath%20d='m10.428%20173.33v-5.77l5-2.89v5.77zm1-1.73%203-1.73-3.001-1.74z'/%3e%3c/svg%3e")}.pnlm-container:fullscreen{height:100%!important;width:100%!important;position:static!important}.pnlm-render-container{cursor:inherit;position:absolute;height:100%;width:100%}.pnlm-controls{margin-top:4px;background-color:#fff;border:1px solid #999;border-color:#0006;border-radius:3px;cursor:pointer;z-index:2;transform:translateZ(9999px)}.pnlm-control:hover{background-color:#f8f8f8}.pnlm-controls-container{position:absolute;top:0;left:4px;z-index:1}.pnlm-zoom-controls{width:26px;height:52px}.pnlm-zoom-in{width:100%;height:50%;position:absolute;top:0;border-radius:3px 3px 0 0}.pnlm-zoom-out{width:100%;height:50%;position:absolute;bottom:0;background-position:0 -26px;border-top:1px solid #ddd;border-top-color:#0000001a;border-radius:0 0 3px 3px}.pnlm-fullscreen-toggle-button,.pnlm-orientation-button,.pnlm-hot-spot-debug-indicator{width:26px;height:26px}.pnlm-hot-spot-debug-indicator{position:absolute;top:50%;left:50%;width:26px;height:26px;margin:-13px 0 0 -13px;background-color:#ffffff80;border-radius:13px;display:none}.pnlm-orientation-button-inactive{background-position:0 -156px}.pnlm-orientation-button-active{background-position:0 -182px}.pnlm-fullscreen-toggle-button-inactive{background-position:0 -52px}.pnlm-fullscreen-toggle-button-active{background-position:0 -78px}.pnlm-panorama-info{position:absolute;bottom:4px;background-color:#000000b3;border-radius:0 3px 3px 0;padding-right:10px;color:#fff;text-align:left;display:none;z-index:2;transform:translateZ(9999px)}.pnlm-title-box{position:relative;font-size:20px;display:table;padding-left:5px;margin-bottom:3px}.pnlm-author-box{position:relative;font-size:12px;display:table;padding-left:5px}.pnlm-load-box{position:absolute;top:50%;left:50%;width:200px;height:150px;margin:-75px 0 0 -100px;background-color:#000000b3;border-radius:3px;text-align:center;font-size:20px;display:none;color:#fff}.pnlm-load-box p{margin:20px 0}.pnlm-lbox{position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;display:none}.pnlm-loading{animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-name:pnlm-mv;-webkit-animation-name:pnlm-mv;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-timing-function:linear;-webkit-animation-timing-function:linear;height:10px;width:10px;background-color:#fff;position:relative}@keyframes pnlm-mv{0%{left:0;top:0}25%{left:10px;top:0}50%{left:10px;top:10px}75%{left:0;top:10px}to{left:0;top:0}}.pnlm-load-button{position:absolute;top:50%;left:50%;width:200px;height:100px;margin:-50px 0 0 -100px;background-color:#000000b3;border-radius:3px;text-align:center;font-size:20px;display:table;color:#fff;cursor:pointer}.pnlm-load-button:hover{background-color:#000c}.pnlm-load-button p{display:table-cell;vertical-align:middle}.pnlm-info-box{font-size:15px;position:absolute;top:50%;left:50%;width:200px;height:150px;margin:-75px 0 0 -100px;background-color:#000;border-radius:3px;display:table;text-align:center;color:#fff;table-layout:fixed}.pnlm-info-box a{color:#fff;word-wrap:break-word;overflow-wrap:break-word}.pnlm-info-box p{display:table-cell;vertical-align:middle;padding:0 5px}.pnlm-error-msg{display:none}.pnlm-about-msg{font-size:11px;line-height:11px;color:#fff;padding:5px 8px;background:#000000b3;border-radius:3px;position:absolute;top:50px;left:50px;display:none;opacity:0;transition:opacity .3s ease-in-out;z-index:1}.pnlm-about-msg a:link,.pnlm-about-msg a:visited{color:#fff}.pnlm-about-msg a:hover,.pnlm-about-msg a:active{color:#eee}.pnlm-hotspot-base{position:absolute;visibility:hidden;cursor:default;vertical-align:middle;top:0;z-index:1}.pnlm-hotspot{height:26px;width:26px;border-radius:13px}.pnlm-hotspot:hover{background-color:#fff3}.pnlm-hotspot.pnlm-info{background-position:0 -104px}.pnlm-hotspot.pnlm-scene{background-position:0 -130px}div.pnlm-tooltip span{visibility:hidden;position:absolute;border-radius:3px;background-color:#000000b3;color:#fff;text-align:center;max-width:200px;padding:5px 10px;margin-left:-220px;cursor:default}div.pnlm-tooltip:hover span{visibility:visible}div.pnlm-tooltip:hover span:after{content:"";position:absolute;width:0;height:0;border-width:10px;border-style:solid;border-color:rgba(0,0,0,.7) transparent transparent transparent;bottom:-20px;left:-10px;margin:0 50%}.pnlm-compass{position:absolute;width:50px;height:50px;right:4px;bottom:4px;border-radius:25px;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='50'%20width='50'%3e%3cpath%20d='m24.5078%206-3.2578%2018h7.5l-3.25781-18h-0.984376zm-3.2578%2020%203.2578%2018h0.9844l3.2578-18h-7.5zm1.19531%200.9941h5.10938l-2.5547%2014.1075-2.5547-14.1075z'/%3e%3c/svg%3e");cursor:default;display:none}.pnlm-world{position:absolute;left:50%;top:50%}.pnlm-face{position:absolute;transform-origin:0 0 0}.pnlm-dragfix,.pnlm-preview-img{position:absolute;height:100%;width:100%}.pnlm-preview-img{background-size:cover;background-position:center}.pnlm-lbar{width:150px;margin:0 auto;border:#fff 1px solid;height:6px}.pnlm-lbar-fill{background:#fff;height:100%;width:0}.pnlm-lmsg{font-size:12px}.pnlm-fade-img{position:absolute;top:0;left:0}.pnlm-pointer{cursor:pointer}#textInfo .tooltip-content{font-size:1.6em;position:absolute;left:-70px;bottom:80px;width:200px;pointer-events:none;background-color:#333;color:#fff;line-height:1.2em;padding:.8em;opacity:0;transform-origin:50% calc(100% + 6em);transform:rotate3d(0,0,1,15deg);transition:opacity .5s,transform .5s;transition-timing-function:ease,cubic-bezier(.17,.67,.4,1.39)}#textInfo:hover{z-index:3}#textInfo:hover .tooltip-content{opacity:1;pointer-events:all;transform:translateZ(0) rotate3d(0,0,0,0)}#textInfo .hotspot{cursor:pointer;box-sizing:border-box}#textInfo .hotspot .out:before{speak:none;font-size:48px;line-height:90px;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;display:block;-webkit-font-smoothing:antialiased}#textInfo .hotspot .out{width:60px;height:60px;border-radius:50%;border:5px solid rgba(255,255,255,.8);transition:transform ease-out .1s,border .2s;box-sizing:border-box}#textInfo .hotspot .in{width:40px;height:40px;position:absolute;top:10px;left:10px;background-color:#fffc;border-radius:50%;transition:transform ease-out .1s,background .2s}#textInfo .hotspot .out:after{top:0;left:0;padding:0;z-index:-1;box-shadow:0 0 0 2px #ffffff1a;opacity:0;pointer-events:none;position:absolute;width:100%;height:100%;border-radius:50%;content:"";box-sizing:content-box;transform:scale(.9)}#textInfo .hotspot:hover .out{border:5px solid rgba(255,255,255,1);transform:scale(.9);color:#fff}#textInfo .hotspot:hover .in{background-color:#fff;transform:scale(.8)}#textInfo .hotspot:hover .out:after{animation:sonarEffect 1.2s ease-out}@keyframes sonarEffect{0%{opacity:.5}20%{opacity:.8;box-shadow:0 0 0 2px #ffffff1a,0 0 10px 10px #25aae1cc,0 0 0 10px #ffffff80}to{box-shadow:0 0 0 2px #ffffff1a,0 0 10px 10px #25aae1cc,0 0 0 10px #ffffff80;transform:scale(1.5);opacity:0}}`;
+function gn(r) {
+  return r.replace(
+    /([a-z0-9])([A-Z])/g,
+    (a, l, s) => `${l}-${s.toLowerCase()}`
+  );
+}
+function zt(r) {
+  return Object.entries(r).reduce((a, [l, s]) => {
+    if (s !== void 0) {
+      const p = gn(l);
+      a[p] = s.toString();
+    }
+    return a;
+  }, {});
+}
+const kn = (r) => /* @__PURE__ */ pe(at, { children: [
+  /* @__PURE__ */ i("style", { children: mn }),
+  /* @__PURE__ */ i(pn, { ...r })
+] }), vn = (r) => zt(r), wn = (r) => zt(r), xn = (r) => zt(r), In = ({
+  onCompositionLoading: r,
+  onCompositionLoaded: a,
+  onCompositionLoadError: l,
+  onItemChange: s,
+  onExtendModeOn: p,
+  onExtendModeOff: f,
+  onHotspotsOn: E,
+  onHotspotsOff: e,
+  onGalleryOpen: x,
+  onGalleryClose: b,
+  className: z,
+  style: y = {},
+  children: h,
+  ...o
+}) => {
+  const L = et(() => {
+    const A = vn(o);
+    return z && Object.assign(A, { class: z }), A;
+  }, [z, o]);
+  return fe(() => {
+    const A = o.eventPrefix ?? cr, k = (w) => `${A}${w}`, m = {
+      [$t]: r,
+      [er]: a,
+      [tr]: l,
+      [rr]: s,
+      [or]: p,
+      [nr]: f,
+      [ar]: E,
+      [ir]: e,
+      [sr]: x,
+      [lr]: b
+    }, N = /* @__PURE__ */ new Map();
+    return Object.entries(m).forEach(([w, d]) => {
+      if (!d)
+        return;
+      const C = k(w), I = (O) => d(O.detail);
+      N.set(C, I), document.addEventListener(C, I);
+    }), () => {
+      N.forEach((w, d) => {
+        document.removeEventListener(d, w);
+      });
+    };
+  }, [
+    o.eventPrefix,
+    r,
+    a,
+    l,
+    s,
+    p,
+    f,
+    E,
+    e,
+    x,
+    b
+  ]), /* @__PURE__ */ i("cc-webplayer", { style: { display: "block", ...y }, ...L, children: h });
+}, Tn = ({ children: r, ...a }) => {
+  const l = wn(a);
+  return /* @__PURE__ */ i("cc-webplayer-custom-media", { ...l, children: r });
+}, Pn = ({
+  children: r,
+  ...a
+}) => {
+  const l = xn(a);
+  return /* @__PURE__ */ i("cc-webplayer-icon", { ...l, children: r });
+};
+export {
+  cr as D,
+  $t as E,
+  kn as W,
+  Mn as a,
+  Ln as b,
+  Cn as c,
+  St as d,
+  Jt as e,
+  Qt as f,
+  In as g,
+  Tn as h,
+  Pn as i,
+  er as j,
+  tr as k,
+  rr as l,
+  or as m,
+  nr as n,
+  ar as o,
+  ir as p,
+  sr as q,
+  lr as r,
+  En as s
+};