@car-cutter/react-webplayer 3.2.3 → 3.2.4

package/dist/{shared-Cqjm0mDC.js → shared-4nfP-R6L.js}

@@ -1,6 +1,6 @@
 import { jsx as a, jsxs as me, Fragment as nt } from "react/jsx-runtime";
-import { useState as Ie, useEffect as ve, createContext as Lt, useContext as Et, useMemo as Ue, useCallback as G, forwardRef as Br, useRef as Le, Fragment as Wr } from "react";
-const At = "cc-webplayer", Qt = "cc-webplayer-custom-media", er = "cc-webplayer-icon", tr = "composition-loading", rr = "composition-loaded", nr = "composition-load-error", or = "item-change", ar = "extend-mode-on", ir = "extend-mode-off", Pt = "hotspots-on", Nt = "hotspots-off", sr = "gallery-open", lr = "gallery-close", Xr = "analytics-load", Zr = "analytics-display", Vr = "analytics-interaction", Yr = "analytics-error", Gr = !1, jr = !1, qr = !1, Kr = "quality", $r = 0, Jr = 1 / 0, Qr = 1, en = !1, tn = !1, rn = "*", nn = "full_screen", cr = "cc-webplayer:", on = !0, an = !1, Dt = "ew-resize", sn = !1, ur = 1, dr = "cc-analytics:", ln = "", cn = "", un = !1, dn = !1, pn = !1;
+import { useState as Ie, useEffect as ve, createContext as Et, useContext as Mt, useMemo as Ue, useCallback as G, forwardRef as Br, useRef as Le, Fragment as Wr } from "react";
+const At = "cc-webplayer", Qt = "cc-webplayer-custom-media", er = "cc-webplayer-icon", tr = "composition-loading", rr = "composition-loaded", nr = "composition-load-error", or = "item-change", ar = "extend-mode-on", ir = "extend-mode-off", Pt = "hotspots-on", Nt = "hotspots-off", sr = "gallery-open", lr = "gallery-close", Xr = "analytics-load", Zr = "analytics-display", Vr = "analytics-interaction", Yr = "analytics-error", Gr = !1, jr = !1, qr = !1, Kr = "quality", $r = 0, Jr = 1 / 0, Qr = 1, en = !1, tn = !1, rn = "*", nn = "full_screen", cr = "cc-webplayer:", on = !0, an = !1, Dt = "ew-resize", sn = !1, ur = 1, dr = "cc-analytics:", ln = "", cn = "", un = !1, dn = !1, hn = !1;
 function Ft() {
   if (typeof crypto < "u" && typeof crypto.randomUUID == "function")
     return crypto.randomUUID();
@@ -17,14 +17,14 @@ function Ft() {
     return (t === "x" ? o : o & 3 | 8).toString(16);
   });
 }
-function h2(t, o) {
+function p2(t, o) {
   return `https://cdn.car-cutter.com/gallery/${t}/${o}/composition_v3.json`;
 }
 function fn(t, o) {
   const i = t.split("/"), d = i.pop();
   return [i.join("/"), o, d].join("/");
 }
-function hn() {
+function pn() {
   const t = "car-cutter-webplayer-browser-id", o = typeof window < "u" ? window.localStorage.getItem(t) : null;
   if (o) return o;
   const i = Ft();
@@ -48,13 +48,13 @@ async function vn(t) {
     throw new Error(`Failed to fetch composition: ${o.statusText}`);
   return await o.json();
 }
-const St = /* @__PURE__ */ new Map(), wn = (t) => {
+const mt = /* @__PURE__ */ new Map(), wn = (t) => {
   const [o, i] = Ie({
     status: "pending",
     isSuccess: !1
   });
   return ve(() => {
-    const d = (u) => i({ status: "success", data: u, isSuccess: !0 }), c = St.get(t);
+    const d = (u) => i({ status: "success", data: u, isSuccess: !0 }), c = mt.get(t);
     if (c && !(c instanceof Promise)) {
       d(c);
       return;
@@ -66,10 +66,20 @@ const St = /* @__PURE__ */ new Map(), wn = (t) => {
       try {
         let u;
         if (c)
-          u = await c;
+          try {
+            u = await c;
+          } catch (v) {
+            throw mt.delete(t), v;
+          }
         else {
           const v = vn(t);
-          St.set(t, v), u = await v, St.set(t, u);
+          mt.set(t, v);
+          try {
+            u = await v;
+          } catch (e) {
+            throw mt.delete(t), e;
+          }
+          mt.set(t, u);
         }
         d(u);
       } catch (u) {
@@ -81,15 +91,15 @@ const St = /* @__PURE__ */ new Map(), wn = (t) => {
       }
     })();
   }, [t]), o;
-}, pr = Lt(null), je = () => {
-  const t = Et(pr);
+}, hr = Et(null), je = () => {
+  const t = Mt(hr);
   if (!t)
     throw new Error(
       "useGlobalContext must be used within a GlobalContextProvider"
     );
   return t;
-}, xn = ({ children: t, ...o }) => /* @__PURE__ */ a(pr.Provider, { value: o, children: t }), fr = Lt(null), lt = () => {
-  const t = Et(fr);
+}, xn = ({ children: t, ...o }) => /* @__PURE__ */ a(hr.Provider, { value: o, children: t }), fr = Et(null), lt = () => {
+  const t = Mt(fr);
   if (!t)
     throw new Error(
       "useCompositionContext must be used within a CompositionContextProvider"
@@ -113,7 +123,7 @@ const St = /* @__PURE__ */ new Map(), wn = (t) => {
     [k]
   ), L = {
     aspectRatio: i.replace(":", " / ")
-  }, p = Ue(() => {
+  }, h = Ue(() => {
     const n = u.concat(c), b = n.sort((_, w) => _ - w), P = b.filter(
       (_) => _ >= v && _ <= e
     );
@@ -137,19 +147,19 @@ const St = /* @__PURE__ */ new Map(), wn = (t) => {
         categories: k,
         items: N,
         aspectRatioStyle: L,
-        usedMediaWidths: p
+        usedMediaWidths: h
       },
       children: o
     }
   );
-}, hr = 500, dt = 0.75, st = 1 + dt * 2, mr = () => {
+}, pr = 500, dt = 0.75, st = 1 + dt * 2, mr = () => {
   const { isFullScreen: t, maxItemsShown: o, integration: i } = je();
   return { effectiveMaxItemsShown: i && t ? ur : o };
 };
 function tt(t, o, i) {
   return Math.min(Math.max(t, o), i);
 }
-const bt = (t, o, i) => t + (o - t) * i, jt = (t, o, i, d, c, u = !1) => {
+const Lt = (t, o, i) => t + (o - t) * i, jt = (t, o, i, d, c, u = !1) => {
   const v = tt(t, o, i);
   if (v === (u ? i : o)) return d;
   if (v === (u ? o : i)) return 1;
@@ -164,7 +174,7 @@ const bt = (t, o, i) => t + (o - t) * i, jt = (t, o, i, d, c, u = !1) => {
     u < d && (d = u, i = o[c]);
   }
   return i;
-}, gr = Lt(null), Ot = () => Et(gr), gt = () => {
+}, gr = Et(null), Ot = () => Mt(gr), vt = () => {
   const t = Ot();
   if (!t)
     throw new Error(
@@ -185,18 +195,18 @@ const bt = (t, o, i) => t + (o - t) * i, jt = (t, o, i, d, c, u = !1) => {
         console.warn("Icon element is missing a name attribute");
         continue;
       }
-      const x = w.innerHTML, h = x ? /* @__PURE__ */ a(
+      const x = w.innerHTML, p = x ? /* @__PURE__ */ a(
         "div",
         {
           className: qt,
           dangerouslySetInnerHTML: { __html: x }
         }
       ) : void 0;
-      if (!h) {
+      if (!p) {
         console.warn(`Icon "${C}" customization is empty.`);
         continue;
       }
-      _.set(C, { Icon: h });
+      _.set(C, { Icon: p });
     }
     return _;
   }, []), [c, u] = Ie(
@@ -250,7 +260,7 @@ const bt = (t, o, i) => t + (o - t) * i, jt = (t, o, i, d, c, u = !1) => {
         console.warn("Custom media element is missing the 'index' attribute");
         continue;
       }
-      const h = w.getAttribute("thumbnail-src") ?? void 0, y = JSON.stringify({ index: x, thumbnailSrc: h });
+      const p = w.getAttribute("thumbnail-src") ?? void 0, y = JSON.stringify({ index: x, thumbnailSrc: p });
       _.push({
         id: y,
         Media: /* @__PURE__ */ a(
@@ -261,7 +271,7 @@ const bt = (t, o, i) => t + (o - t) * i, jt = (t, o, i, d, c, u = !1) => {
           }
         ),
         index: x,
-        thumbnailSrc: h
+        thumbnailSrc: p
       });
     }
     return _;
@@ -281,7 +291,7 @@ const bt = (t, o, i) => t + (o - t) * i, jt = (t, o, i, d, c, u = !1) => {
       subtree: !0
     }), () => P.disconnect();
   }, [k, i]);
-  const p = G((b) => {
+  const h = G((b) => {
     const { Media: P, ..._ } = b, w = /* @__PURE__ */ a("div", { className: Kt, children: P }), C = JSON.stringify(_);
     return L((x) => [
       ...x,
@@ -304,14 +314,14 @@ const bt = (t, o, i) => t + (o - t) * i, jt = (t, o, i, d, c, u = !1) => {
         registerIconConfig: e,
         unregisterIconConfig: E,
         customMediaList: N,
-        registerCustomMedia: p,
+        registerCustomMedia: h,
         unregisterCustomMedia: n
       },
       children: t
     }
   );
-}, vr = Lt(null), Ke = () => {
-  const t = Et(vr);
+}, vr = Et(null), Ke = () => {
+  const t = Mt(vr);
   if (!t)
     throw new Error(
       "useControlsContext must be used within a ControlsContextProvider"
@@ -329,30 +339,30 @@ const bt = (t, o, i) => t + (o - t) * i, jt = (t, o, i, d, c, u = !1) => {
     isFullScreen: v,
     requestFullscreen: e,
     exitFullscreen: E
-  } = je(), { customMediaList: k } = gt(), { categories: N, items: L } = lt(), p = Ue(() => {
+  } = je(), { customMediaList: k } = vt(), { categories: N, items: L } = lt(), h = Ue(() => {
     const O = new Array(
       ...L
-    ), se = k.slice().sort((A, he) => A.index < 0 && he.index < 0 ? he.index - A.index : A.index < 0 ? 1 : he.index < 0 ? -1 : A.index - he.index);
+    ), se = k.slice().sort((A, pe) => A.index < 0 && pe.index < 0 ? pe.index - A.index : A.index < 0 ? 1 : pe.index < 0 ? -1 : A.index - pe.index);
     for (const A of se) {
-      let he = A.index;
-      he < 0 && (he = O.length + he + 1), O.splice(he, 0, {
+      let pe = A.index;
+      pe < 0 && (pe = O.length + pe + 1), O.splice(pe, 0, {
         type: "custom",
         ...A
       });
     }
     return O;
-  }, [L, k]), [n, b] = Ie(p.map(() => null));
+  }, [L, k]), [n, b] = Ie(h.map(() => null));
   ve(() => {
-    b(p.map(() => null));
-  }, [p]);
+    b(h.map(() => null));
+  }, [h]);
   const P = G(
     (O, se) => {
       b(
-        (A) => A.map((he, _e) => _e === O ? se : he)
+        (A) => A.map((pe, _e) => _e === O ? se : pe)
       );
     },
     []
-  ), [_, w] = Ie(0), [C, x] = Ie(null), h = C ?? _, y = p[h], T = n[h], [$, I] = Ie(
+  ), [_, w] = Ie(0), [C, x] = Ie(null), p = C ?? _, y = h[p], T = n[p], [$, I] = Ie(
     null
   ), X = !!$, V = G(() => I(null), []), { effectiveMaxItemsShown: z } = mr(), H = G(
     (O) => {
@@ -363,7 +373,7 @@ const bt = (t, o, i) => t + (o - t) * i, jt = (t, o, i, d, c, u = !1) => {
   ), R = Ue(() => {
     let O;
     if (y.type === "custom") {
-      const se = p.slice(0, h).reverse().find((A) => A.type !== "custom") ?? p.slice(h + 1).find((A) => A.type !== "custom");
+      const se = h.slice(0, p).reverse().find((A) => A.type !== "custom") ?? h.slice(p + 1).find((A) => A.type !== "custom");
       if (!se)
         throw new Error("No non-custom item found");
       O = se;
@@ -373,18 +383,18 @@ const bt = (t, o, i) => t + (o - t) * i, jt = (t, o, i, d, c, u = !1) => {
       if (se.items.includes(O))
         return se.id;
     throw new Error("Current item not found in any category");
-  }, [N, y, p, h]), q = Ue(
+  }, [N, y, h, p]), q = Ue(
     () => N.find(({ id: O }) => O === R)?.title ?? "Unnamed Category",
     [N, R]
-  ), ce = Ue(() => p.length, [p]), U = G(
+  ), ce = Ue(() => h.length, [h]), U = G(
     (O) => {
-      const se = N.find(({ id: he }) => he === O)?.items[0];
+      const se = N.find(({ id: pe }) => pe === O)?.items[0];
       if (se === void 0)
         throw new Error("Failed to find target category");
-      const A = p.findIndex((he) => he === se);
+      const A = h.findIndex((pe) => pe === se);
       H(A);
     },
-    [N, p, H]
+    [N, h, H]
   ), D = G(() => {
     if (X || C !== null)
       return;
@@ -393,8 +403,8 @@ const bt = (t, o, i) => t + (o - t) * i, jt = (t, o, i, d, c, u = !1) => {
       x(O);
     else if (o) {
       I("first_to_last");
-      const se = Math.ceil(z), A = p.length + (d && !o && z % 1 !== 0 ? 1 : 0), he = z > 1 ? Math.max(0, A - se) : p.length - 1;
-      x(he);
+      const se = Math.ceil(z), A = h.length + (d && !o && z % 1 !== 0 ? 1 : 0), pe = z > 1 ? Math.max(0, A - se) : h.length - 1;
+      x(pe);
     }
     u({
       type: "interaction",
@@ -420,13 +430,13 @@ const bt = (t, o, i) => t + (o - t) * i, jt = (t, o, i, d, c, u = !1) => {
     q,
     y.type,
     z,
-    p.length,
+    h.length,
     d
   ]), J = G(() => {
     if (X || C !== null)
       return;
-    const O = _ + 1, se = Math.ceil(z), A = p.length + (d && !o && z % 1 !== 0 ? 1 : 0), he = z > 1 ? Math.max(0, A - se) : p.length - 1;
-    O <= he ? x(O) : o && (I("last_to_first"), x(0)), u({
+    const O = _ + 1, se = Math.ceil(z), A = h.length + (d && !o && z % 1 !== 0 ? 1 : 0), pe = z > 1 ? Math.max(0, A - se) : h.length - 1;
+    O <= pe ? x(O) : o && (I("last_to_first"), x(0)), u({
       type: "interaction",
       current: {
         category_id: R,
@@ -445,7 +455,7 @@ const bt = (t, o, i) => t + (o - t) * i, jt = (t, o, i, d, c, u = !1) => {
     C,
     _,
     z,
-    p.length,
+    h.length,
     d,
     o,
     u,
@@ -455,10 +465,10 @@ const bt = (t, o, i) => t + (o - t) * i, jt = (t, o, i, d, c, u = !1) => {
   ]);
   ve(() => {
     c(or, {
-      index: h,
+      index: p,
       item: y
     });
-  }, [y, c, h]), ve(() => {
+  }, [y, c, p]), ve(() => {
     if (X || C !== null)
       return;
     const O = {
@@ -484,7 +494,7 @@ const bt = (t, o, i) => t + (o - t) * i, jt = (t, o, i, d, c, u = !1) => {
   ]);
   const S = Ue(() => {
     if (d && !v)
-      return p.some((O) => {
+      return h.some((O) => {
         switch (O.type) {
           case "image":
             return !!O.hotspots?.length;
@@ -506,18 +516,18 @@ const bt = (t, o, i) => t + (o - t) * i, jt = (t, o, i, d, c, u = !1) => {
       default:
         return !1;
     }
-  }, [y, T, d, p, v]), [B, ie] = Ie(!0), [F, te] = Ie({}), K = Ue(() => d && v ? F[h] ?? !0 : B, [
+  }, [y, T, d, h, v]), [B, ie] = Ie(!0), [F, te] = Ie({}), K = Ue(() => d && v ? F[p] ?? !0 : B, [
     d,
     v,
     F,
-    h,
+    p,
     B
   ]), ne = G(() => {
     if (d && v) {
-      const se = !(F[h] ?? !0);
+      const se = !(F[p] ?? !0);
       te((A) => ({
         ...A,
-        [h]: se
+        [p]: se
       })), c(se ? Pt : Nt), u({
         type: "interaction",
         current: {
@@ -553,7 +563,7 @@ const bt = (t, o, i) => t + (o - t) * i, jt = (t, o, i, d, c, u = !1) => {
     d,
     v,
     F,
-    h,
+    p,
     c,
     u,
     R,
@@ -635,9 +645,9 @@ const bt = (t, o, i) => t + (o - t) * i, jt = (t, o, i, d, c, u = !1) => {
       ee((se) => tt(se + O, 1, st));
     },
     [ee]
-  ), pe = G(() => ee(1), [ee]), Ge = G(() => xe(dt), [xe]), He = G(() => xe(-dt), [xe]), ge = G(() => {
-    pe(), we();
-  }, [pe, we]), [ye, Ce] = Ie(!1), [Pe, Ne] = Ie(), [Be, We] = Ie(!1), ke = G(
+  ), he = G(() => ee(1), [ee]), Ge = G(() => xe(dt), [xe]), He = G(() => xe(-dt), [xe]), ge = G(() => {
+    he(), we();
+  }, [he, we]), [ye, Ce] = Ie(!1), [Pe, Ne] = Ie(), [Be, We] = Ie(!1), ke = G(
     async (O) => {
       ge(), Ce(O), c(O ? ar : ir), u({
         type: "interaction",
@@ -667,7 +677,7 @@ const bt = (t, o, i) => t + (o - t) * i, jt = (t, o, i, d, c, u = !1) => {
     clearTimeout(Pe);
     const O = setTimeout(() => {
       Ne(void 0);
-    }, hr);
+    }, pr);
     Ne(O);
   }, [Pe]), Xe = G(async () => {
     const O = await e();
@@ -750,14 +760,14 @@ const bt = (t, o, i) => t + (o - t) * i, jt = (t, o, i, d, c, u = !1) => {
     vr.Provider,
     {
       value: {
-        items: p,
+        items: h,
         setItemInteraction: P,
-        slidable: p.length > 1,
+        slidable: h.length > 1,
         carrouselItemIndex: _,
         setCarrouselItemIndex: w,
         itemIndexCommand: C,
         setItemIndexCommand: x,
-        masterItemIndex: h,
+        masterItemIndex: p,
         specialCommand: $,
         isRunningSpecialCommand: X,
         finishSpecialCommand: V,
@@ -782,7 +792,7 @@ const bt = (t, o, i) => t + (o - t) * i, jt = (t, o, i, d, c, u = !1) => {
         zoom: Q,
         isZooming: g,
         setZoom: ee,
-        resetZoom: pe,
+        resetZoom: he,
         canZoomIn: ae,
         zoomIn: Ge,
         canZoomOut: re,
@@ -866,7 +876,7 @@ function Sn({
   const i = new Array();
   return t && i.push(Tn(t)), o && i.push(yr(o)), i.join(" ");
 }
-function pt(t) {
+function ht(t) {
   const [o, i] = _n(t);
   return Sn({ positionX: i, positionY: o });
 }
@@ -875,7 +885,7 @@ const qe = ({
   className: o,
   children: i
 }) => {
-  const { getIconConfig: d } = gt(), u = d(t)?.Icon;
+  const { getIconConfig: d } = vt(), u = d(t)?.Icon;
   return u ? o ? /* @__PURE__ */ a("div", { className: o, children: u }) : u : i;
 }, Pn = ({ className: t }) => /* @__PURE__ */ a(qe, { className: t, customizationKey: "UI_CLOSE", children: /* @__PURE__ */ a("svg", { className: t, viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ a(
   "path",
@@ -934,19 +944,19 @@ const qe = ({
   errorImage: "https://cdn.car-cutter.com/libs/web-player/v3/assets/autonation-fallback.svg"
 }, Hn = {
   autonation: On
-}, vt = (t) => {
+}, wt = (t) => {
   if (t)
     return Hn[t];
 }, Un = () => {
   let t = "https://cdn.car-cutter.com/libs/web-player/v3/assets/car_placeholder.png";
-  const { themeConfig: o } = je(), i = Ue(() => vt(o), [o]);
+  const { themeConfig: o } = je(), i = Ue(() => wt(o), [o]);
   i?.errorImage && (t = i.errorImage);
   const d = {
     className: i?.errorImage ? void 0 : "h-20 small:h-28",
     style: i?.errorImage ? { height: "12rem", width: "auto" } : void 0
   };
   return /* @__PURE__ */ a("img", { ...d, alt: "", src: t });
-}, Mt = ({ text: t, className: o }) => /* @__PURE__ */ me(
+}, It = ({ text: t, className: o }) => /* @__PURE__ */ me(
   "div",
   {
     className: ue(
@@ -991,7 +1001,7 @@ const qe = ({
     fadeIn: u,
     ...v
   }, e) => {
-    const { mediaLoadStrategy: E, playerInViewportWidthRatio: k } = je(), { imageHdWidth: N, usedMediaWidths: L } = lt(), [p, n] = Ue(() => {
+    const { mediaLoadStrategy: E, playerInViewportWidthRatio: k } = je(), { imageHdWidth: N, usedMediaWidths: L } = lt(), [h, n] = Ue(() => {
       const _ = L.map((C) => `${C !== N ? fn(t, C) : t} ${C}w`);
       let w;
       if (c)
@@ -1000,28 +1010,28 @@ const qe = ({
         const C = 1 / (d * k);
         switch (E) {
           case "quality": {
-            const x = [...L], h = x.pop();
+            const x = [...L], p = x.pop();
             w = x.map(
               (y) => `(max-width: ${C * y}px) ${y}px`
-            ), w.push(`${h}px`);
+            ), w.push(`${p}px`);
             break;
           }
           case "balanced": {
             w = [];
             for (let x = 0; x < L.length - 1; x++) {
-              const h = L[x], y = L[x + 1], T = Math.round((h + y) / 2);
+              const p = L[x], y = L[x + 1], T = Math.round((p + y) / 2);
               w.push(
-                `(max-width: ${C * T}px) ${h}px`
+                `(max-width: ${C * T}px) ${p}px`
               );
             }
             w.push(`${L[L.length - 1]}px`);
             break;
           }
           case "speed": {
-            const x = [...L], h = x.shift();
+            const x = [...L], p = x.shift();
             w = x.reverse().map(
               (y) => `(min-width: ${C * y}px) ${y}px`
-            ), w.push(`${h}px`);
+            ), w.push(`${p}px`);
             break;
           }
         }
@@ -1048,7 +1058,7 @@ const qe = ({
       {
         ref: e,
         src: t,
-        srcSet: p,
+        srcSet: h,
         sizes: n,
         className: ue(
           o,
@@ -1241,7 +1251,7 @@ const br = ({ className: t }) => /* @__PURE__ */ a(qe, { className: t, customiza
       fadeIn: !i
     }
   ) : /* @__PURE__ */ a("img", { className: d, src: t });
-}, Ct = ({
+}, bt = ({
   children: t
 }) => {
   const { extendMode: o } = Ke();
@@ -1284,16 +1294,16 @@ const br = ({ className: t }) => /* @__PURE__ */ a(qe, { className: t, customiza
   let v;
   switch (i) {
     case "360":
-      v = /* @__PURE__ */ a(Ct, { children: /* @__PURE__ */ a(Ht, { className: "size-full" }) });
+      v = /* @__PURE__ */ a(bt, { children: /* @__PURE__ */ a(Ht, { className: "size-full" }) });
       break;
     case "interior-360":
-      v = /* @__PURE__ */ a(Ct, { children: /* @__PURE__ */ a(Lr, { className: "size-full" }) });
+      v = /* @__PURE__ */ a(bt, { children: /* @__PURE__ */ a(Lr, { className: "size-full" }) });
       break;
     case "video":
-      v = /* @__PURE__ */ a(Ct, { children: /* @__PURE__ */ a(Er, { className: "size-full p-0.5 text-background" }) });
+      v = /* @__PURE__ */ a(bt, { children: /* @__PURE__ */ a(Er, { className: "size-full p-0.5 text-background" }) });
       break;
     case "custom":
-      v = d ? null : /* @__PURE__ */ a(Ct, { children: /* @__PURE__ */ a(br, { className: "size-full p-0.5 text-background" }) });
+      v = d ? null : /* @__PURE__ */ a(bt, { children: /* @__PURE__ */ a(br, { className: "size-full p-0.5 text-background" }) });
       break;
   }
   return /* @__PURE__ */ me("div", { className: "relative bg-foreground/30", style: o, children: [
@@ -1324,7 +1334,7 @@ const br = ({ className: t }) => /* @__PURE__ */ a(qe, { className: t, customiza
   } = je(), { categories: e, aspectRatioStyle: E } = lt(), { emitAnalyticsEvent: k } = je(), {
     items: N,
     extendMode: L,
-    extendTransition: p,
+    extendTransition: h,
     masterItemIndex: n,
     prevItem: b,
     nextItem: P,
@@ -1332,7 +1342,7 @@ const br = ({ className: t }) => /* @__PURE__ */ a(qe, { className: t, customiza
     resetView: w,
     displayedCategoryId: C,
     displayedCategoryName: x
-  } = Ke(), h = Ue(
+  } = Ke(), p = Ue(
     () => N[n].type,
     [N, n]
   ), y = Ue(() => {
@@ -1404,7 +1414,7 @@ const br = ({ className: t }) => /* @__PURE__ */ a(qe, { className: t, customiza
     // - Run the effect when those values change
     u,
     L,
-    p
+    h
   ]);
   const q = G(
     (D) => {
@@ -1413,7 +1423,7 @@ const br = ({ className: t }) => /* @__PURE__ */ a(qe, { className: t, customiza
         current: {
           category_id: C,
           category_name: x,
-          item_type: h,
+          item_type: p,
           item_position: n
         },
         action: {
@@ -1427,7 +1437,7 @@ const br = ({ className: t }) => /* @__PURE__ */ a(qe, { className: t, customiza
       k,
       C,
       x,
-      h,
+      p,
       n
     ]
   ), ce = G(
@@ -1526,21 +1536,21 @@ const br = ({ className: t }) => /* @__PURE__ */ a(qe, { className: t, customiza
         `[${x ?? "getTransformElementOrThrow"}] transformElementRef.current is null`
       );
     return v.current;
-  }, []), E = Le(!1), k = Le(null), N = Le(/* @__PURE__ */ new Map()), L = Le({ x: 0, y: 0, scale: 1 }), p = Le(null), n = G(
+  }, []), E = Le(!1), k = Le(null), N = Le(/* @__PURE__ */ new Map()), L = Le({ x: 0, y: 0, scale: 1 }), h = Le(null), n = G(
     (x) => {
-      const h = e("setTransformStyle"), {
+      const p = e("setTransformStyle"), {
         x: y,
         y: T,
         scale: $
       } = {
         ...L.current,
         ...x
-      }, I = tt($, 1, st), X = h.clientWidth, V = h.clientHeight, z = X * I, H = V * I, R = tt(y, -(z - X), 0), q = tt(T, -(H - V), 0);
-      L.current = { x: R, y: q, scale: I }, h.style.transform = `translate(${R}px, ${q}px) scale(${I})`;
+      }, I = tt($, 1, st), X = p.clientWidth, V = p.clientHeight, z = X * I, H = V * I, R = tt(y, -(z - X), 0), q = tt(T, -(H - V), 0);
+      L.current = { x: R, y: q, scale: I }, p.style.transform = `translate(${R}px, ${q}px) scale(${I})`;
     },
     [e]
   ), b = G(
-    (x, h) => {
+    (x, p) => {
       const {
         x: y,
         y: T,
@@ -1553,44 +1563,44 @@ const br = ({ className: t }) => /* @__PURE__ */ a(qe, { className: t, customiza
         ...L.current,
         ...x
       };
-      p.current && (cancelAnimationFrame(p.current), p.current = null);
+      h.current && (cancelAnimationFrame(h.current), h.current = null);
       const z = () => {
         n({ x: I, y: X, scale: V }), c(V);
       }, H = Math.abs(I - y) < 1 && Math.abs(X - T) < 1 && Math.abs(V - $) < 5e-3;
-      if (!h || H) {
+      if (!p || H) {
         z();
         return;
       }
       const R = (/* @__PURE__ */ new Date()).getTime(), q = () => {
         const ce = () => {
           const D = (/* @__PURE__ */ new Date()).getTime() - R;
-          if (D >= h) {
-            z(), p.current = null;
+          if (D >= p) {
+            z(), h.current = null;
             return;
           }
-          const J = Math.min(D / h, 1), S = kr(J), B = bt(y, I, S), ie = bt(T, X, S), F = bt($, V, S);
+          const J = Math.min(D / p, 1), S = kr(J), B = Lt(y, I, S), ie = Lt(T, X, S), F = Lt($, V, S);
           n({ x: B, y: ie, scale: F }), q();
         };
-        p.current = requestAnimationFrame(ce);
+        h.current = requestAnimationFrame(ce);
       };
       q();
     },
     [n, c]
   ), P = G(
-    (x, h) => {
+    (x, p) => {
       let { x: y, y: T } = L.current;
       x.x && (y += x.x), x.y && (T += x.y), b(
         {
           x: y,
           y: T
         },
-        h
+        p
       );
     },
     [b]
   ), _ = G(
-    (x, h, y) => {
-      const T = L.current.scale, $ = tt(x, 1, st), I = $ / T, { x: X, y: V } = L.current, { x: z, y: H } = h, R = -X + z, q = -V + H, ce = R * I, U = q * I, D = ce - z, J = U - H, S = -D, B = -J;
+    (x, p, y) => {
+      const T = L.current.scale, $ = tt(x, 1, st), I = $ / T, { x: X, y: V } = L.current, { x: z, y: H } = p, R = -X + z, q = -V + H, ce = R * I, U = q * I, D = ce - z, J = U - H, S = -D, B = -J;
       b(
         {
           x: S,
@@ -1603,9 +1613,9 @@ const br = ({ className: t }) => /* @__PURE__ */ a(qe, { className: t, customiza
     [b]
   ), w = G(
     (x) => {
-      const h = e(
+      const p = e(
         "shiftZoomFromButton"
-      ), y = h.clientWidth, T = h.clientHeight;
+      ), y = p.clientWidth, T = p.clientHeight;
       _(
         x,
         {
@@ -1617,11 +1627,11 @@ const br = ({ className: t }) => /* @__PURE__ */ a(qe, { className: t, customiza
     },
     [e, _]
   ), C = G(
-    (x, h, y) => {
+    (x, p, y) => {
       const { scale: T } = L.current;
       _(
         T + x,
-        h,
+        p,
         y
       );
     },
@@ -1635,7 +1645,7 @@ const br = ({ className: t }) => /* @__PURE__ */ a(qe, { className: t, customiza
     const x = v.current;
     if (!x)
       return;
-    const h = ($) => {
+    const p = ($) => {
       $.preventDefault(), $.stopPropagation(), E.current = !0, k.current = {
         x: $.clientX,
         y: $.clientY
@@ -1657,8 +1667,8 @@ const br = ({ className: t }) => /* @__PURE__ */ a(qe, { className: t, customiza
     }, T = () => {
       E.current = !1;
     };
-    return x.addEventListener("mousedown", h), document.addEventListener("mousemove", y), document.addEventListener("mouseleave", T), document.addEventListener("mouseup", T), document.addEventListener("contextmenu", T), () => {
-      x.removeEventListener("mousedown", h), document.removeEventListener("mousemove", y), document.removeEventListener("mouseleave", T), document.removeEventListener("mouseup", T), document.removeEventListener("contextmenu", T);
+    return x.addEventListener("mousedown", p), document.addEventListener("mousemove", y), document.addEventListener("mouseleave", T), document.addEventListener("mouseup", T), document.addEventListener("contextmenu", T), () => {
+      x.removeEventListener("mousedown", p), document.removeEventListener("mousemove", y), document.removeEventListener("mouseleave", T), document.removeEventListener("mouseup", T), document.removeEventListener("contextmenu", T);
     };
   }, [d, P, t]), ve(() => {
     if (t)
@@ -1666,7 +1676,7 @@ const br = ({ className: t }) => /* @__PURE__ */ a(qe, { className: t, customiza
     const x = u.current;
     if (!x)
       return;
-    const h = (y) => {
+    const p = (y) => {
       const { ctrlKey: T, clientX: $, clientY: I, deltaX: X, deltaY: V } = y;
       if (T) {
         if (!d && V >= 0)
@@ -1686,12 +1696,12 @@ const br = ({ className: t }) => /* @__PURE__ */ a(qe, { className: t, customiza
       }
       y.preventDefault();
     };
-    return x.addEventListener("wheel", h), () => {
-      x.removeEventListener("wheel", h);
+    return x.addEventListener("wheel", p), () => {
+      x.removeEventListener("wheel", p);
     };
   }, [d, P, C, t]), ve(() => {
-    const x = u.current, h = v.current;
-    if (!x || !h)
+    const x = u.current, p = v.current;
+    if (!x || !p)
       return;
     const y = N.current, T = (X) => {
       for (let V = 0; V < X.changedTouches.length; V++) {
@@ -1732,8 +1742,8 @@ const br = ({ className: t }) => /* @__PURE__ */ a(qe, { className: t, customiza
         }), y.set(z.identifier, z), y.set(H.identifier, H);
       }
     };
-    return h.addEventListener("touchstart", T), h.addEventListener("touchmove", I), h.addEventListener("touchend", $), h.addEventListener("touchcancel", $), () => {
-      h.removeEventListener("touchstart", T), h.removeEventListener("touchmove", I), h.removeEventListener("touchend", $), h.removeEventListener("touchcancel", $);
+    return p.addEventListener("touchstart", T), p.addEventListener("touchmove", I), p.addEventListener("touchend", $), p.addEventListener("touchcancel", $), () => {
+      p.removeEventListener("touchstart", T), p.removeEventListener("touchmove", I), p.removeEventListener("touchend", $), p.removeEventListener("touchcancel", $);
     };
   }, [d, P, C]), /* @__PURE__ */ a(
     "div",
@@ -1792,7 +1802,7 @@ const br = ({ className: t }) => /* @__PURE__ */ a(qe, { className: t, customiza
     extendMode: k,
     setShownDetails: N,
     displayedCategoryId: L,
-    displayedCategoryName: p
+    displayedCategoryName: h
   } = Ke(), n = G(
     (ne) => {
       const M = ne === "click" ? "Hotspot Clicked" : "Hotspot Hovered", le = ne === "click" ? "hotspot_clicked" : "hotspot_hovered";
@@ -1800,7 +1810,7 @@ const br = ({ className: t }) => /* @__PURE__ */ a(qe, { className: t, customiza
         type: "interaction",
         current: {
           category_id: L,
-          category_name: p,
+          category_name: h,
           item_type: o.item_type,
           item_position: o.item_position
         },
@@ -1814,7 +1824,7 @@ const br = ({ className: t }) => /* @__PURE__ */ a(qe, { className: t, customiza
     [
       E,
       L,
-      p,
+      h,
       o,
       i
     ]
@@ -1822,8 +1832,8 @@ const br = ({ className: t }) => /* @__PURE__ */ a(qe, { className: t, customiza
     n("click");
   }, [n]), P = G(() => {
     n("hover");
-  }, [n]), { getIconConfig: _ } = gt(), w = c ? _(c) : void 0, C = !!v?.src?.trim(), x = v?.type === "image" && C, h = v?.type === "link" && C, y = v?.type === "pdf" && C, T = x || h || y, $ = !!u || T, I = !!d, X = Le(null), V = Le(null), z = Le(null), [H, R] = Ie(!1), q = T ? e === "damage" ? /* @__PURE__ */ a(jn, { className: "size-4" }) : /* @__PURE__ */ a(br, { className: "size-4" }) : /* @__PURE__ */ a("div", { className: "size-1" }), ce = () => {
-    $ && (b(), !(h || y) && N({
+  }, [n]), { getIconConfig: _ } = vt(), w = c ? _(c) : void 0, C = !!v?.src?.trim(), x = v?.type === "image" && C, p = v?.type === "link" && C, y = v?.type === "pdf" && C, T = x || p || y, $ = !!u || T, I = !!d, X = Le(null), V = Le(null), z = Le(null), [H, R] = Ie(!1), q = T ? e === "damage" ? /* @__PURE__ */ a(jn, { className: "size-4" }) : /* @__PURE__ */ a(br, { className: "size-4" }) : /* @__PURE__ */ a("div", { className: "size-1" }), ce = () => {
+    $ && (b(), !(p || y) && N({
       src: x ? v.src : void 0,
       title: d,
       text: u
@@ -1907,7 +1917,7 @@ const br = ({ className: t }) => /* @__PURE__ */ a(qe, { className: t, customiza
       }
     )
   ] });
-  return h || y ? /* @__PURE__ */ a(
+  return p || y ? /* @__PURE__ */ a(
     "a",
     {
       className: F,
@@ -2005,19 +2015,19 @@ const br = ({ className: t }) => /* @__PURE__ */ a(qe, { className: t, customiza
       ]
     }
   ) });
-}, Kn = 100, ft = 100, mt = 50, $n = 0, Jn = 0, Qn = (t) => {
+}, Kn = 100, ft = 100, gt = 50, $n = 0, Jn = 0, Qn = (t) => {
   const [o, i] = Ie(0), [d, c] = Ie(!1);
   return ve(() => {
     const u = XMLHttpRequest.prototype.open, v = XMLHttpRequest.prototype.send;
     let e = !1;
-    return XMLHttpRequest.prototype.open = function(E, k, N = !0, L, p) {
+    return XMLHttpRequest.prototype.open = function(E, k, N = !0, L, h) {
       return k.toString().includes(t) && (e = !0, c(!0)), u.call(
         this,
         E,
         k,
         N,
         L || null,
-        p || null
+        h || null
       );
     }, XMLHttpRequest.prototype.send = function(E) {
       return e && (this.addEventListener("progress", (k) => {
@@ -2037,42 +2047,42 @@ window.libpannellum = (function(t, o, i) {
   function d(N) {
     var L = o.createElement("canvas");
     L.style.width = L.style.height = "100%", N.appendChild(L);
-    var p, n, b, P, _, w, C, x, h, y, T, $, I, X, V, z;
+    var h, n, b, P, _, w, C, x, p, y, T, $, I, X, V, z;
     this.init = function(l, f, Q, oe, ee, g, ae, re) {
       if (f === i && (f = "equirectangular"), f != "equirectangular" && f != "cubemap" && f != "multires")
         throw console.log("Error: invalid image type specified!"), { type: "config error" };
-      if (y = f, h = l, T = Q, z = re || {}, p) {
-        if (b && (n.detachShader(p, b), n.deleteShader(b)), P && (n.detachShader(p, P), n.deleteShader(P)), n.bindBuffer(n.ARRAY_BUFFER, null), n.bindBuffer(n.ELEMENT_ARRAY_BUFFER, null), p.texture && n.deleteTexture(p.texture), p.nodeCache)
-          for (var xe = 0; xe < p.nodeCache.length; xe++)
-            n.deleteTexture(p.nodeCache[xe].texture);
-        n.deleteProgram(p), p = i;
+      if (y = f, p = l, T = Q, z = re || {}, h) {
+        if (b && (n.detachShader(h, b), n.deleteShader(b)), P && (n.detachShader(h, P), n.deleteShader(P)), n.bindBuffer(n.ARRAY_BUFFER, null), n.bindBuffer(n.ELEMENT_ARRAY_BUFFER, null), h.texture && n.deleteTexture(h.texture), h.nodeCache)
+          for (var xe = 0; xe < h.nodeCache.length; xe++)
+            n.deleteTexture(h.nodeCache[xe].texture);
+        n.deleteProgram(h), h = i;
       }
       x = i;
-      var pe, Ge = !1, He;
+      var he, Ge = !1, He;
       if (y == "cubemap")
-        for (pe = 0; pe < 6; pe++)
-          h[pe].width > 0 ? (He === i && (He = h[pe].width), He != h[pe].width && console.log("Cube faces have inconsistent widths: " + He + " vs. " + h[pe].width)) : Ge = !0;
+        for (he = 0; he < 6; he++)
+          p[he].width > 0 ? (He === i && (He = p[he].width), He != p[he].width && console.log("Cube faces have inconsistent widths: " + He + " vs. " + p[he].width)) : Ge = !0;
       function ge(se) {
         if (Ge) {
-          var A = se * se * 4, he = new Uint8ClampedArray(A), _e = re.backgroundColor ? re.backgroundColor : [0, 0, 0];
+          var A = se * se * 4, pe = new Uint8ClampedArray(A), _e = re.backgroundColor ? re.backgroundColor : [0, 0, 0];
           _e[0] *= 255, _e[1] *= 255, _e[2] *= 255;
           for (var Ee = 0; Ee < A; Ee++)
-            he[Ee++] = _e[0], he[Ee++] = _e[1], he[Ee++] = _e[2];
-          var Fe = new ImageData(he, se, se);
-          for (pe = 0; pe < 6; pe++)
-            h[pe].width == 0 && (h[pe] = Fe);
+            pe[Ee++] = _e[0], pe[Ee++] = _e[1], pe[Ee++] = _e[2];
+          var Fe = new ImageData(pe, se, se);
+          for (he = 0; he < 6; he++)
+            p[he].width == 0 && (p[he] = Fe);
         }
       }
-      if (y == "cubemap" && (He & He - 1) !== 0 && (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\./)) || (n || (n = L.getContext("experimental-webgl", { alpha: !1, depth: !1 })), n && n.getError() == 1286 && we()), !n && (y == "multires" && h.hasOwnProperty("fallbackPath") || y == "cubemap") && ("WebkitAppearance" in o.documentElement.style || navigator.userAgent.match(/Trident.*rv[ :]*11\./) || navigator.appVersion.indexOf("MSIE 10") !== -1)) {
+      if (y == "cubemap" && (He & He - 1) !== 0 && (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\./)) || (n || (n = L.getContext("experimental-webgl", { alpha: !1, depth: !1 })), n && n.getError() == 1286 && we()), !n && (y == "multires" && p.hasOwnProperty("fallbackPath") || y == "cubemap") && ("WebkitAppearance" in o.documentElement.style || navigator.userAgent.match(/Trident.*rv[ :]*11\./) || navigator.appVersion.indexOf("MSIE 10") !== -1)) {
         w && N.removeChild(w), w = o.createElement("div"), w.className = "pnlm-world";
         var ye;
-        h.basePath ? ye = h.basePath + h.fallbackPath : ye = h.fallbackPath;
+        p.basePath ? ye = p.basePath + p.fallbackPath : ye = p.fallbackPath;
         var Ce = ["f", "r", "b", "l", "u", "d"], Pe = 0, Ne = function() {
           var A = o.createElement("canvas");
           A.className = "pnlm-face pnlm-" + Ce[this.side] + "face", w.appendChild(A);
-          var he = A.getContext("2d");
-          A.style.width = this.width + 4 + "px", A.style.height = this.height + 4 + "px", A.width = this.width + 4, A.height = this.height + 4, he.drawImage(this, 2, 2);
-          var _e = he.getImageData(0, 0, A.width, A.height), Ee = _e.data, Fe, de;
+          var pe = A.getContext("2d");
+          A.style.width = this.width + 4 + "px", A.style.height = this.height + 4 + "px", A.width = this.width + 4, A.height = this.height + 4, pe.drawImage(this, 2, 2);
+          var _e = pe.getImageData(0, 0, A.width, A.height), Ee = _e.data, Fe, de;
           for (Fe = 2; Fe < A.width - 2; Fe++)
             for (de = 0; de < 4; de++)
               Ee[(Fe + A.width) * 4 + de] = Ee[(Fe + A.width * 2) * 4 + de], Ee[(Fe + A.width * (A.height - 2)) * 4 + de] = Ee[(Fe + A.width * (A.height - 3)) * 4 + de];
@@ -2089,24 +2099,24 @@ window.libpannellum = (function(t, o, i) {
               Ee[Fe * A.width * 4 + de] = Ee[(Fe * A.width + 1) * 4 + de], Ee[((Fe + 1) * A.width - 1) * 4 + de] = Ee[((Fe + 1) * A.width - 2) * 4 + de];
           for (de = 0; de < 4; de++)
             Ee[de] = Ee[(A.width + 1) * 4 + de], Ee[(A.width - 1) * 4 + de] = Ee[(A.width * 2 - 2) * 4 + de], Ee[A.width * (A.height - 1) * 4 + de] = Ee[(A.width * (A.height - 2) + 1) * 4 + de], Ee[(A.width * A.height - 1) * 4 + de] = Ee[(A.width * (A.height - 1) - 2) * 4 + de];
-          he.putImageData(_e, 0, 0), Be.call(this);
+          pe.putImageData(_e, 0, 0), Be.call(this);
         }, Be = function() {
           this.width > 0 ? (_ === i && (_ = this.width), _ != this.width && console.log("Fallback faces have inconsistent widths: " + _ + " vs. " + this.width)) : Ge = !0, Pe++, Pe == 6 && (_ = this.width, N.appendChild(w), ae());
         };
-        for (Ge = !1, pe = 0; pe < 6; pe++) {
+        for (Ge = !1, he = 0; he < 6; he++) {
           var We = new Image();
-          We.crossOrigin = z.crossOrigin ? z.crossOrigin : "anonymous", We.side = pe, We.onload = Ne, We.onerror = Be, y == "multires" ? We.src = encodeURI(ye.replace("%s", Ce[pe]) + "." + h.extension) : We.src = encodeURI(h[pe].src);
+          We.crossOrigin = z.crossOrigin ? z.crossOrigin : "anonymous", We.side = he, We.onload = Ne, We.onerror = Be, y == "multires" ? We.src = encodeURI(ye.replace("%s", Ce[he]) + "." + p.extension) : We.src = encodeURI(p[he].src);
         }
         ge(_);
         return;
       } else if (!n)
         throw console.log("Error: no WebGL support detected!"), { type: "no webgl" };
-      y == "cubemap" && ge(He), h.basePath ? h.fullpath = h.basePath + h.path : h.fullpath = h.path, h.invTileResolution = 1 / h.tileResolution;
+      y == "cubemap" && ge(He), p.basePath ? p.fullpath = p.basePath + p.path : p.fullpath = p.path, p.invTileResolution = 1 / p.tileResolution;
       var ke = D();
-      for (C = [], pe = 0; pe < 6; pe++)
-        C[pe] = ke.slice(pe * 12, pe * 12 + 12), ke = D();
+      for (C = [], he = 0; he < 6; he++)
+        C[he] = ke.slice(he * 12, he * 12 + 12), ke = D();
       var Se = 0, Xe = 0;
-      if (y == "equirectangular" ? (Se = Math.max(h.width, h.height), Xe = n.getParameter(n.MAX_TEXTURE_SIZE)) : y == "cubemap" && (Se = He, Xe = n.getParameter(n.MAX_CUBE_MAP_TEXTURE_SIZE)), Se > Xe)
+      if (y == "equirectangular" ? (Se = Math.max(p.width, p.height), Xe = n.getParameter(n.MAX_TEXTURE_SIZE)) : y == "cubemap" && (Se = He, Xe = n.getParameter(n.MAX_CUBE_MAP_TEXTURE_SIZE)), Se > Xe)
         throw console.log("Error: The image is too big; it's " + Se + "px wide, but this device's maximum supported size is " + Xe + "px."), { type: "webgl size error", width: Se, maxWidth: Xe };
       re !== i && (re.horizonPitch !== i || re.horizonRoll !== i) && (x = [re.horizonPitch == i ? 0 : re.horizonPitch, re.horizonRoll == i ? 0 : re.horizonRoll]);
       var De = n.TEXTURE_2D;
@@ -2114,9 +2124,9 @@ window.libpannellum = (function(t, o, i) {
       var Ze = c;
       y == "multires" && (Ze = u), n.shaderSource(b, Ze), n.compileShader(b), P = n.createShader(n.FRAGMENT_SHADER);
       var Ae = E;
-      y == "cubemap" ? (De = n.TEXTURE_CUBE_MAP, Ae = e) : y == "multires" && (Ae = k), n.shaderSource(P, Ae), n.compileShader(P), p = n.createProgram(), n.attachShader(p, b), n.attachShader(p, P), n.linkProgram(p), n.getShaderParameter(b, n.COMPILE_STATUS) || console.log(n.getShaderInfoLog(b)), n.getShaderParameter(P, n.COMPILE_STATUS) || console.log(n.getShaderInfoLog(P)), n.getProgramParameter(p, n.LINK_STATUS) || console.log(n.getProgramInfoLog(p)), n.useProgram(p), p.drawInProgress = !1;
+      y == "cubemap" ? (De = n.TEXTURE_CUBE_MAP, Ae = e) : y == "multires" && (Ae = k), n.shaderSource(P, Ae), n.compileShader(P), h = n.createProgram(), n.attachShader(h, b), n.attachShader(h, P), n.linkProgram(h), n.getShaderParameter(b, n.COMPILE_STATUS) || console.log(n.getShaderInfoLog(b)), n.getShaderParameter(P, n.COMPILE_STATUS) || console.log(n.getShaderInfoLog(P)), n.getProgramParameter(h, n.LINK_STATUS) || console.log(n.getProgramInfoLog(h)), n.useProgram(h), h.drawInProgress = !1;
       var Re = re.backgroundColor ? re.backgroundColor : [0, 0, 0];
-      n.clearColor(Re[0], Re[1], Re[2], 1), n.clear(n.COLOR_BUFFER_BIT), p.texCoordLocation = n.getAttribLocation(p, "a_texCoord"), n.enableVertexAttribArray(p.texCoordLocation), y != "multires" ? ($ || ($ = n.createBuffer()), n.bindBuffer(n.ARRAY_BUFFER, $), n.bufferData(n.ARRAY_BUFFER, new Float32Array([-1, 1, 1, 1, 1, -1, -1, 1, 1, -1, -1, -1]), n.STATIC_DRAW), n.vertexAttribPointer(p.texCoordLocation, 2, n.FLOAT, !1, 0, 0), p.aspectRatio = n.getUniformLocation(p, "u_aspectRatio"), n.uniform1f(p.aspectRatio, n.drawingBufferWidth / n.drawingBufferHeight), p.psi = n.getUniformLocation(p, "u_psi"), p.theta = n.getUniformLocation(p, "u_theta"), p.f = n.getUniformLocation(p, "u_f"), p.h = n.getUniformLocation(p, "u_h"), p.v = n.getUniformLocation(p, "u_v"), p.vo = n.getUniformLocation(p, "u_vo"), p.rot = n.getUniformLocation(p, "u_rot"), n.uniform1f(p.h, oe / (Math.PI * 2)), n.uniform1f(p.v, ee / Math.PI), n.uniform1f(p.vo, g / Math.PI * 2), y == "equirectangular" && (p.backgroundColor = n.getUniformLocation(p, "u_backgroundColor"), n.uniform4fv(p.backgroundColor, Re.concat([1]))), p.texture = n.createTexture(), n.bindTexture(De, p.texture), y == "cubemap" ? (n.texImage2D(n.TEXTURE_CUBE_MAP_POSITIVE_X, 0, n.RGB, n.RGB, n.UNSIGNED_BYTE, h[1]), n.texImage2D(n.TEXTURE_CUBE_MAP_NEGATIVE_X, 0, n.RGB, n.RGB, n.UNSIGNED_BYTE, h[3]), n.texImage2D(n.TEXTURE_CUBE_MAP_POSITIVE_Y, 0, n.RGB, n.RGB, n.UNSIGNED_BYTE, h[4]), n.texImage2D(n.TEXTURE_CUBE_MAP_NEGATIVE_Y, 0, n.RGB, n.RGB, n.UNSIGNED_BYTE, h[5]), n.texImage2D(n.TEXTURE_CUBE_MAP_POSITIVE_Z, 0, n.RGB, n.RGB, n.UNSIGNED_BYTE, h[0]), n.texImage2D(n.TEXTURE_CUBE_MAP_NEGATIVE_Z, 0, n.RGB, n.RGB, n.UNSIGNED_BYTE, h[2])) : n.texImage2D(De, 0, n.RGB, n.RGB, n.UNSIGNED_BYTE, h), n.texParameteri(De, n.TEXTURE_WRAP_S, n.CLAMP_TO_EDGE), n.texParameteri(De, n.TEXTURE_WRAP_T, n.CLAMP_TO_EDGE), n.texParameteri(De, n.TEXTURE_MIN_FILTER, n.LINEAR), n.texParameteri(De, n.TEXTURE_MAG_FILTER, n.LINEAR)) : (p.vertPosLocation = n.getAttribLocation(p, "a_vertCoord"), n.enableVertexAttribArray(p.vertPosLocation), I || (I = n.createBuffer()), X || (X = n.createBuffer()), V || (V = n.createBuffer()), n.bindBuffer(n.ARRAY_BUFFER, X), n.bufferData(n.ARRAY_BUFFER, new Float32Array([0, 0, 1, 0, 1, 1, 0, 1]), n.STATIC_DRAW), n.bindBuffer(n.ELEMENT_ARRAY_BUFFER, V), n.bufferData(n.ELEMENT_ARRAY_BUFFER, new Uint16Array([0, 1, 2, 0, 2, 3]), n.STATIC_DRAW), p.perspUniform = n.getUniformLocation(p, "u_perspMatrix"), p.cubeUniform = n.getUniformLocation(p, "u_cubeMatrix"), p.level = -1, p.currentNodes = [], p.nodeCache = [], p.nodeCacheTimestamp = 0);
+      n.clearColor(Re[0], Re[1], Re[2], 1), n.clear(n.COLOR_BUFFER_BIT), h.texCoordLocation = n.getAttribLocation(h, "a_texCoord"), n.enableVertexAttribArray(h.texCoordLocation), y != "multires" ? ($ || ($ = n.createBuffer()), n.bindBuffer(n.ARRAY_BUFFER, $), n.bufferData(n.ARRAY_BUFFER, new Float32Array([-1, 1, 1, 1, 1, -1, -1, 1, 1, -1, -1, -1]), n.STATIC_DRAW), n.vertexAttribPointer(h.texCoordLocation, 2, n.FLOAT, !1, 0, 0), h.aspectRatio = n.getUniformLocation(h, "u_aspectRatio"), n.uniform1f(h.aspectRatio, n.drawingBufferWidth / n.drawingBufferHeight), h.psi = n.getUniformLocation(h, "u_psi"), h.theta = n.getUniformLocation(h, "u_theta"), h.f = n.getUniformLocation(h, "u_f"), h.h = n.getUniformLocation(h, "u_h"), h.v = n.getUniformLocation(h, "u_v"), h.vo = n.getUniformLocation(h, "u_vo"), h.rot = n.getUniformLocation(h, "u_rot"), n.uniform1f(h.h, oe / (Math.PI * 2)), n.uniform1f(h.v, ee / Math.PI), n.uniform1f(h.vo, g / Math.PI * 2), y == "equirectangular" && (h.backgroundColor = n.getUniformLocation(h, "u_backgroundColor"), n.uniform4fv(h.backgroundColor, Re.concat([1]))), h.texture = n.createTexture(), n.bindTexture(De, h.texture), y == "cubemap" ? (n.texImage2D(n.TEXTURE_CUBE_MAP_POSITIVE_X, 0, n.RGB, n.RGB, n.UNSIGNED_BYTE, p[1]), n.texImage2D(n.TEXTURE_CUBE_MAP_NEGATIVE_X, 0, n.RGB, n.RGB, n.UNSIGNED_BYTE, p[3]), n.texImage2D(n.TEXTURE_CUBE_MAP_POSITIVE_Y, 0, n.RGB, n.RGB, n.UNSIGNED_BYTE, p[4]), n.texImage2D(n.TEXTURE_CUBE_MAP_NEGATIVE_Y, 0, n.RGB, n.RGB, n.UNSIGNED_BYTE, p[5]), n.texImage2D(n.TEXTURE_CUBE_MAP_POSITIVE_Z, 0, n.RGB, n.RGB, n.UNSIGNED_BYTE, p[0]), n.texImage2D(n.TEXTURE_CUBE_MAP_NEGATIVE_Z, 0, n.RGB, n.RGB, n.UNSIGNED_BYTE, p[2])) : n.texImage2D(De, 0, n.RGB, n.RGB, n.UNSIGNED_BYTE, p), n.texParameteri(De, n.TEXTURE_WRAP_S, n.CLAMP_TO_EDGE), n.texParameteri(De, n.TEXTURE_WRAP_T, n.CLAMP_TO_EDGE), n.texParameteri(De, n.TEXTURE_MIN_FILTER, n.LINEAR), n.texParameteri(De, n.TEXTURE_MAG_FILTER, n.LINEAR)) : (h.vertPosLocation = n.getAttribLocation(h, "a_vertCoord"), n.enableVertexAttribArray(h.vertPosLocation), I || (I = n.createBuffer()), X || (X = n.createBuffer()), V || (V = n.createBuffer()), n.bindBuffer(n.ARRAY_BUFFER, X), n.bufferData(n.ARRAY_BUFFER, new Float32Array([0, 0, 1, 0, 1, 1, 0, 1]), n.STATIC_DRAW), n.bindBuffer(n.ELEMENT_ARRAY_BUFFER, V), n.bufferData(n.ELEMENT_ARRAY_BUFFER, new Uint16Array([0, 1, 2, 0, 2, 3]), n.STATIC_DRAW), h.perspUniform = n.getUniformLocation(h, "u_perspMatrix"), h.cubeUniform = n.getUniformLocation(h, "u_cubeMatrix"), h.level = -1, h.currentNodes = [], h.nodeCache = [], h.nodeCacheTimestamp = 0);
       var O = n.getError();
       if (O !== 0)
         throw console.log("Error: Something went wrong with WebGL!", O), { type: "webgl error" };
@@ -2128,15 +2138,15 @@ window.libpannellum = (function(t, o, i) {
       }
     }, this.resize = function() {
       var l = t.devicePixelRatio || 1;
-      L.width = L.clientWidth * l, L.height = L.clientHeight * l, n && (n.getError() == 1286 && we(), n.viewport(0, 0, n.drawingBufferWidth, n.drawingBufferHeight), y != "multires" && n.uniform1f(p.aspectRatio, L.clientWidth / L.clientHeight));
+      L.width = L.clientWidth * l, L.height = L.clientHeight * l, n && (n.getError() == 1286 && we(), n.viewport(0, 0, n.drawingBufferWidth, n.drawingBufferHeight), y != "multires" && n.uniform1f(h.aspectRatio, L.clientWidth / L.clientHeight));
     }, this.resize(), this.setPose = function(l, f) {
       x = [l, f];
     }, this.render = function(l, f, Q, oe) {
       var ee, g, ae, re = 0;
       if (oe === i && (oe = {}), oe.roll && (re = oe.roll), x !== i) {
-        var xe = x[0], pe = x[1], Ge = l, He = f, ge = Math.cos(pe) * Math.sin(l) * Math.sin(xe) + Math.cos(l) * (Math.cos(xe) * Math.cos(f) + Math.sin(pe) * Math.sin(xe) * Math.sin(f)), ye = -Math.sin(l) * Math.sin(pe) + Math.cos(l) * Math.cos(pe) * Math.sin(f), Ce = Math.cos(pe) * Math.cos(xe) * Math.sin(l) + Math.cos(l) * (-Math.cos(f) * Math.sin(xe) + Math.cos(xe) * Math.sin(pe) * Math.sin(f));
+        var xe = x[0], he = x[1], Ge = l, He = f, ge = Math.cos(he) * Math.sin(l) * Math.sin(xe) + Math.cos(l) * (Math.cos(xe) * Math.cos(f) + Math.sin(he) * Math.sin(xe) * Math.sin(f)), ye = -Math.sin(l) * Math.sin(he) + Math.cos(l) * Math.cos(he) * Math.sin(f), Ce = Math.cos(he) * Math.cos(xe) * Math.sin(l) + Math.cos(l) * (-Math.cos(f) * Math.sin(xe) + Math.cos(xe) * Math.sin(he) * Math.sin(f));
         l = Math.asin(Math.max(Math.min(Ce, 1), -1)), f = Math.atan2(ye, ge);
-        var Pe = [Math.cos(Ge) * (Math.sin(pe) * Math.sin(xe) * Math.cos(He) - Math.cos(xe) * Math.sin(He)), Math.cos(Ge) * Math.cos(pe) * Math.cos(He), Math.cos(Ge) * (Math.cos(xe) * Math.sin(pe) * Math.cos(He) + Math.sin(He) * Math.sin(xe))], Ne = [-Math.cos(l) * Math.sin(f), Math.cos(l) * Math.cos(f)], Be = Math.acos(Math.max(Math.min((Pe[0] * Ne[0] + Pe[1] * Ne[1]) / (Math.sqrt(Pe[0] * Pe[0] + Pe[1] * Pe[1] + Pe[2] * Pe[2]) * Math.sqrt(Ne[0] * Ne[0] + Ne[1] * Ne[1])), 1), -1));
+        var Pe = [Math.cos(Ge) * (Math.sin(he) * Math.sin(xe) * Math.cos(He) - Math.cos(xe) * Math.sin(He)), Math.cos(Ge) * Math.cos(he) * Math.cos(He), Math.cos(Ge) * (Math.cos(xe) * Math.sin(he) * Math.cos(He) + Math.sin(He) * Math.sin(xe))], Ne = [-Math.cos(l) * Math.sin(f), Math.cos(l) * Math.cos(f)], Be = Math.acos(Math.max(Math.min((Pe[0] * Ne[0] + Pe[1] * Ne[1]) / (Math.sqrt(Pe[0] * Pe[0] + Pe[1] * Pe[1] + Pe[2] * Pe[2]) * Math.sqrt(Ne[0] * Ne[0] + Ne[1] * Ne[1])), 1), -1));
         Pe[2] < 0 && (Be = 2 * Math.PI - Be), re += Be;
       }
       if (!n && (y == "multires" || y == "cubemap")) {
@@ -2159,27 +2169,27 @@ window.libpannellum = (function(t, o, i) {
       }
       if (y != "multires") {
         var Ze = 2 * Math.atan(Math.tan(Q * 0.5) / (n.drawingBufferWidth / n.drawingBufferHeight));
-        ee = 1 / Math.tan(Ze * 0.5), n.uniform1f(p.psi, f), n.uniform1f(p.theta, l), n.uniform1f(p.rot, re), n.uniform1f(p.f, ee), T === !0 && y == "equirectangular" && (n.bindTexture(n.TEXTURE_2D, p.texture), n.texImage2D(n.TEXTURE_2D, 0, n.RGB, n.RGB, n.UNSIGNED_BYTE, h)), n.drawArrays(n.TRIANGLES, 0, 6);
+        ee = 1 / Math.tan(Ze * 0.5), n.uniform1f(h.psi, f), n.uniform1f(h.theta, l), n.uniform1f(h.rot, re), n.uniform1f(h.f, ee), T === !0 && y == "equirectangular" && (n.bindTexture(n.TEXTURE_2D, h.texture), n.texImage2D(n.TEXTURE_2D, 0, n.RGB, n.RGB, n.UNSIGNED_BYTE, p)), n.drawArrays(n.TRIANGLES, 0, 6);
       } else {
         var Ae = F(Q, n.drawingBufferWidth / n.drawingBufferHeight, 0.1, 100);
         le(Q);
         var Re = J();
-        Re = S(Re, -re, "z"), Re = S(Re, -l, "x"), Re = S(Re, f, "y"), Re = B(Re), n.uniformMatrix4fv(p.perspUniform, !1, new Float32Array(ie(Ae))), n.uniformMatrix4fv(p.cubeUniform, !1, new Float32Array(ie(Re)));
+        Re = S(Re, -re, "z"), Re = S(Re, -l, "x"), Re = S(Re, f, "y"), Re = B(Re), n.uniformMatrix4fv(h.perspUniform, !1, new Float32Array(ie(Ae))), n.uniformMatrix4fv(h.cubeUniform, !1, new Float32Array(ie(Re)));
         var O = j(Ae, Re);
-        if (p.nodeCache.sort(H), p.nodeCache.length > 200 && p.nodeCache.length > p.currentNodes.length + 50)
-          for (var se = p.nodeCache.splice(200, p.nodeCache.length - 200), g = 0; g < se.length; g++)
+        if (h.nodeCache.sort(H), h.nodeCache.length > 200 && h.nodeCache.length > h.currentNodes.length + 50)
+          for (var se = h.nodeCache.splice(200, h.nodeCache.length - 200), g = 0; g < se.length; g++)
             n.deleteTexture(se[g].texture);
-        p.currentNodes = [];
+        h.currentNodes = [];
         var A = ["f", "b", "u", "d", "l", "r"];
         for (ae = 0; ae < 6; ae++) {
-          var he = new ce(C[ae], A[ae], 1, 0, 0, h.fullpath);
-          U(O, he, l, f);
+          var pe = new ce(C[ae], A[ae], 1, 0, 0, p.fullpath);
+          U(O, pe, l, f);
         }
-        for (p.currentNodes.sort(R), g = K.length - 1; g >= 0; g--)
-          p.currentNodes.indexOf(K[g].node) === -1 && (K[g].node.textureLoad = !1, K.splice(g, 1));
+        for (h.currentNodes.sort(R), g = K.length - 1; g >= 0; g--)
+          h.currentNodes.indexOf(K[g].node) === -1 && (K[g].node.textureLoad = !1, K.splice(g, 1));
         if (K.length === 0)
-          for (g = 0; g < p.currentNodes.length; g++) {
-            var _e = p.currentNodes[g];
+          for (g = 0; g < h.currentNodes.length; g++) {
+            var _e = h.currentNodes[g];
             if (!_e.texture && !_e.textureLoad) {
               _e.textureLoad = !0, setTimeout(M, 0, _e);
               break;
@@ -2191,8 +2201,8 @@ window.libpannellum = (function(t, o, i) {
         return L.toDataURL("image/png");
     }, this.isLoading = function() {
       if (n && y == "multires") {
-        for (var l = 0; l < p.currentNodes.length; l++)
-          if (!p.currentNodes[l].textureLoaded)
+        for (var l = 0; l < h.currentNodes.length; l++)
+          if (!h.currentNodes[l].textureLoaded)
             return !0;
       }
       return !1;
@@ -2206,11 +2216,11 @@ window.libpannellum = (function(t, o, i) {
       return l.level != f.level ? l.level - f.level : l.diff - f.diff;
     }
     function q() {
-      if (!p.drawInProgress) {
-        p.drawInProgress = !0, n.clear(n.COLOR_BUFFER_BIT);
-        for (var l = 0; l < p.currentNodes.length; l++)
-          p.currentNodes[l].textureLoaded > 1 && (n.bindBuffer(n.ARRAY_BUFFER, I), n.bufferData(n.ARRAY_BUFFER, new Float32Array(p.currentNodes[l].vertices), n.STATIC_DRAW), n.vertexAttribPointer(p.vertPosLocation, 3, n.FLOAT, !1, 0, 0), n.bindBuffer(n.ARRAY_BUFFER, X), n.vertexAttribPointer(p.texCoordLocation, 2, n.FLOAT, !1, 0, 0), n.bindTexture(n.TEXTURE_2D, p.currentNodes[l].texture), n.drawElements(n.TRIANGLES, 6, n.UNSIGNED_SHORT, 0));
-        p.drawInProgress = !1;
+      if (!h.drawInProgress) {
+        h.drawInProgress = !0, n.clear(n.COLOR_BUFFER_BIT);
+        for (var l = 0; l < h.currentNodes.length; l++)
+          h.currentNodes[l].textureLoaded > 1 && (n.bindBuffer(n.ARRAY_BUFFER, I), n.bufferData(n.ARRAY_BUFFER, new Float32Array(h.currentNodes[l].vertices), n.STATIC_DRAW), n.vertexAttribPointer(h.vertPosLocation, 3, n.FLOAT, !1, 0, 0), n.bindBuffer(n.ARRAY_BUFFER, X), n.vertexAttribPointer(h.texCoordLocation, 2, n.FLOAT, !1, 0, 0), n.bindTexture(n.TEXTURE_2D, h.currentNodes[l].texture), n.drawElements(n.TRIANGLES, 6, n.UNSIGNED_SHORT, 0));
+        h.drawInProgress = !1;
       }
     }
     function ce(l, f, Q, oe, ee, g) {
@@ -2218,20 +2228,20 @@ window.libpannellum = (function(t, o, i) {
     }
     function U(l, f, Q, oe, ee) {
       if (Ve(l, f.vertices)) {
-        var g = f.vertices, ae = g[0] + g[3] + g[6] + g[9], re = g[1] + g[4] + g[7] + g[10], xe = g[2] + g[5] + g[8] + g[11], pe = Math.sqrt(ae * ae + re * re + xe * xe), Ge = Math.asin(xe / pe), He = Math.atan2(re, ae), ge = He - oe;
+        var g = f.vertices, ae = g[0] + g[3] + g[6] + g[9], re = g[1] + g[4] + g[7] + g[10], xe = g[2] + g[5] + g[8] + g[11], he = Math.sqrt(ae * ae + re * re + xe * xe), Ge = Math.asin(xe / he), He = Math.atan2(re, ae), ge = He - oe;
         ge += ge > Math.PI ? -2 * Math.PI : ge < -Math.PI ? 2 * Math.PI : 0, ge = Math.abs(ge), f.diff = Math.acos(Math.sin(Q) * Math.sin(Ge) + Math.cos(Q) * Math.cos(Ge) * Math.cos(ge));
-        for (var ye = !1, Ce = 0; Ce < p.nodeCache.length; Ce++)
-          if (p.nodeCache[Ce].path == f.path) {
-            ye = !0, p.nodeCache[Ce].timestamp = p.nodeCacheTimestamp++, p.nodeCache[Ce].diff = f.diff, p.currentNodes.push(p.nodeCache[Ce]);
+        for (var ye = !1, Ce = 0; Ce < h.nodeCache.length; Ce++)
+          if (h.nodeCache[Ce].path == f.path) {
+            ye = !0, h.nodeCache[Ce].timestamp = h.nodeCacheTimestamp++, h.nodeCache[Ce].diff = f.diff, h.currentNodes.push(h.nodeCache[Ce]);
             break;
           }
-        if (ye || (f.timestamp = p.nodeCacheTimestamp++, p.currentNodes.push(f), p.nodeCache.push(f)), f.level < p.level) {
-          var Pe = h.cubeResolution * Math.pow(2, f.level - h.maxLevel), Ne = Math.ceil(Pe * h.invTileResolution) - 1, Be = Pe % h.tileResolution * 2, We = Pe * 2 % h.tileResolution;
-          We === 0 && (We = h.tileResolution), Be === 0 && (Be = h.tileResolution * 2);
+        if (ye || (f.timestamp = h.nodeCacheTimestamp++, h.currentNodes.push(f), h.nodeCache.push(f)), f.level < h.level) {
+          var Pe = p.cubeResolution * Math.pow(2, f.level - p.maxLevel), Ne = Math.ceil(Pe * p.invTileResolution) - 1, Be = Pe % p.tileResolution * 2, We = Pe * 2 % p.tileResolution;
+          We === 0 && (We = p.tileResolution), Be === 0 && (Be = p.tileResolution * 2);
           var ke = 0.5;
-          (f.x == Ne || f.y == Ne) && (ke = 1 - h.tileResolution / (h.tileResolution + We));
-          var Se = 1 - ke, Xe = [], De, Ze, Ae = ke, Re = ke, O = ke, se = Se, A = Se, he = Se;
-          We < h.tileResolution && (f.x == Ne && f.y != Ne ? (Re = 0.5, A = 0.5, (f.side == "d" || f.side == "u") && (O = 0.5, he = 0.5)) : f.x != Ne && f.y == Ne && (Ae = 0.5, se = 0.5, (f.side == "l" || f.side == "r") && (O = 0.5, he = 0.5))), Be <= h.tileResolution && (f.x == Ne && (Ae = 0, se = 1, (f.side == "l" || f.side == "r") && (O = 0, he = 1)), f.y == Ne && (Re = 0, A = 1, (f.side == "d" || f.side == "u") && (O = 0, he = 1))), De = [g[0], g[1], g[2], g[0] * Ae + g[3] * se, g[1] * ke + g[4] * Se, g[2] * O + g[5] * he, g[0] * Ae + g[6] * se, g[1] * Re + g[7] * A, g[2] * O + g[8] * he, g[0] * ke + g[9] * Se, g[1] * Re + g[10] * A, g[2] * O + g[11] * he], Ze = new ce(De, f.side, f.level + 1, f.x * 2, f.y * 2, h.fullpath), Xe.push(Ze), f.x == Ne && Be <= h.tileResolution || (De = [g[0] * Ae + g[3] * se, g[1] * ke + g[4] * Se, g[2] * O + g[5] * he, g[3], g[4], g[5], g[3] * ke + g[6] * Se, g[4] * Re + g[7] * A, g[5] * O + g[8] * he, g[0] * Ae + g[6] * se, g[1] * Re + g[7] * A, g[2] * O + g[8] * he], Ze = new ce(De, f.side, f.level + 1, f.x * 2 + 1, f.y * 2, h.fullpath), Xe.push(Ze)), !(f.x == Ne && Be <= h.tileResolution) && !(f.y == Ne && Be <= h.tileResolution) && (De = [g[0] * Ae + g[6] * se, g[1] * Re + g[7] * A, g[2] * O + g[8] * he, g[3] * ke + g[6] * Se, g[4] * Re + g[7] * A, g[5] * O + g[8] * he, g[6], g[7], g[8], g[9] * Ae + g[6] * se, g[10] * ke + g[7] * Se, g[11] * O + g[8] * he], Ze = new ce(De, f.side, f.level + 1, f.x * 2 + 1, f.y * 2 + 1, h.fullpath), Xe.push(Ze)), f.y == Ne && Be <= h.tileResolution || (De = [g[0] * ke + g[9] * Se, g[1] * Re + g[10] * A, g[2] * O + g[11] * he, g[0] * Ae + g[6] * se, g[1] * Re + g[7] * A, g[2] * O + g[8] * he, g[9] * Ae + g[6] * se, g[10] * ke + g[7] * Se, g[11] * O + g[8] * he, g[9], g[10], g[11]], Ze = new ce(De, f.side, f.level + 1, f.x * 2, f.y * 2 + 1, h.fullpath), Xe.push(Ze));
+          (f.x == Ne || f.y == Ne) && (ke = 1 - p.tileResolution / (p.tileResolution + We));
+          var Se = 1 - ke, Xe = [], De, Ze, Ae = ke, Re = ke, O = ke, se = Se, A = Se, pe = Se;
+          We < p.tileResolution && (f.x == Ne && f.y != Ne ? (Re = 0.5, A = 0.5, (f.side == "d" || f.side == "u") && (O = 0.5, pe = 0.5)) : f.x != Ne && f.y == Ne && (Ae = 0.5, se = 0.5, (f.side == "l" || f.side == "r") && (O = 0.5, pe = 0.5))), Be <= p.tileResolution && (f.x == Ne && (Ae = 0, se = 1, (f.side == "l" || f.side == "r") && (O = 0, pe = 1)), f.y == Ne && (Re = 0, A = 1, (f.side == "d" || f.side == "u") && (O = 0, pe = 1))), De = [g[0], g[1], g[2], g[0] * Ae + g[3] * se, g[1] * ke + g[4] * Se, g[2] * O + g[5] * pe, g[0] * Ae + g[6] * se, g[1] * Re + g[7] * A, g[2] * O + g[8] * pe, g[0] * ke + g[9] * Se, g[1] * Re + g[10] * A, g[2] * O + g[11] * pe], Ze = new ce(De, f.side, f.level + 1, f.x * 2, f.y * 2, p.fullpath), Xe.push(Ze), f.x == Ne && Be <= p.tileResolution || (De = [g[0] * Ae + g[3] * se, g[1] * ke + g[4] * Se, g[2] * O + g[5] * pe, g[3], g[4], g[5], g[3] * ke + g[6] * Se, g[4] * Re + g[7] * A, g[5] * O + g[8] * pe, g[0] * Ae + g[6] * se, g[1] * Re + g[7] * A, g[2] * O + g[8] * pe], Ze = new ce(De, f.side, f.level + 1, f.x * 2 + 1, f.y * 2, p.fullpath), Xe.push(Ze)), !(f.x == Ne && Be <= p.tileResolution) && !(f.y == Ne && Be <= p.tileResolution) && (De = [g[0] * Ae + g[6] * se, g[1] * Re + g[7] * A, g[2] * O + g[8] * pe, g[3] * ke + g[6] * Se, g[4] * Re + g[7] * A, g[5] * O + g[8] * pe, g[6], g[7], g[8], g[9] * Ae + g[6] * se, g[10] * ke + g[7] * Se, g[11] * O + g[8] * pe], Ze = new ce(De, f.side, f.level + 1, f.x * 2 + 1, f.y * 2 + 1, p.fullpath), Xe.push(Ze)), f.y == Ne && Be <= p.tileResolution || (De = [g[0] * ke + g[9] * Se, g[1] * Re + g[10] * A, g[2] * O + g[11] * pe, g[0] * Ae + g[6] * se, g[1] * Re + g[7] * A, g[2] * O + g[8] * pe, g[9] * Ae + g[6] * se, g[10] * ke + g[7] * Se, g[11] * O + g[8] * pe, g[9], g[10], g[11]], Ze = new ce(De, f.side, f.level + 1, f.x * 2, f.y * 2 + 1, p.fullpath), Xe.push(Ze));
           for (var _e = 0; _e < Xe.length; _e++)
             U(l, Xe[_e], Q, oe);
         }
@@ -2354,11 +2364,11 @@ window.libpannellum = (function(t, o, i) {
         };
         this.image.addEventListener("load", xe), this.image.addEventListener("error", xe);
       }
-      oe.prototype.loadTexture = function(re, xe, pe) {
-        this.texture = xe, this.callback = pe, this.image.src = re;
+      oe.prototype.loadTexture = function(re, xe, he) {
+        this.texture = xe, this.callback = he, this.image.src = re;
       };
-      function ee(re, xe, pe, Ge) {
-        this.node = re, this.src = xe, this.texture = pe, this.callback = Ge;
+      function ee(re, xe, he, Ge) {
+        this.node = re, this.src = xe, this.texture = he, this.callback = Ge;
       }
       function g(re) {
         if (K.length) {
@@ -2369,21 +2379,21 @@ window.libpannellum = (function(t, o, i) {
       }
       for (var ae = 0; ae < l; ae++)
         f[ae] = new oe();
-      return function(re, xe, pe, Ge) {
+      return function(re, xe, he, Ge) {
         Q = Ge;
         var He = n.createTexture();
-        return l ? f[--l].loadTexture(xe, He, pe) : K.push(new ee(re, xe, He, pe)), He;
+        return l ? f[--l].loadTexture(xe, He, he) : K.push(new ee(re, xe, He, he)), He;
       };
     })();
     function M(l) {
-      ne(l, encodeURI(l.path + "." + h.extension), function(f, Q) {
+      ne(l, encodeURI(l.path + "." + p.extension), function(f, Q) {
         l.texture = f, l.textureLoaded = Q ? 2 : 1;
       }, z.crossOrigin);
     }
     function le(l) {
-      for (var f = 1; f < h.maxLevel && n.drawingBufferWidth > h.tileResolution * Math.pow(2, f - 1) * Math.tan(l / 2) * 0.707; )
+      for (var f = 1; f < p.maxLevel && n.drawingBufferWidth > p.tileResolution * Math.pow(2, f - 1) * Math.tan(l / 2) * 0.707; )
         f++;
-      p.level = f;
+      h.level = f;
     }
     function j(l, f) {
       return [l[0] * f[0], l[0] * f[1], l[0] * f[2], 0, l[5] * f[4], l[5] * f[5], l[5] * f[6], 0, l[10] * f[8], l[10] * f[9], l[10] * f[10], l[11], -f[8], -f[9], -f[10], 0];
@@ -2493,14 +2503,14 @@ window.libpannellum = (function(t, o, i) {
     "}"
   ].join("");
   return {
-    renderer: function(L, p, n, b) {
+    renderer: function(L, h, n, b) {
       return new d(L);
     }
   };
 })(window, document);
 window.pannellum = /* @__PURE__ */ (function(t, o, i) {
   function d(c, u) {
-    var v = this, e, E, k, N = !1, L = Date.now(), p = 0, n = 0, b = -1, P = 0, _ = 0, w = new Array(10), C = !1, x, h = !1, y = !1, T, $, I = { yaw: 0, pitch: 0, hfov: 0 }, X = !1, V = !1, z = 0, H, R = 0, q, ce, U = {}, D = {}, J = [], S = !1, B = !1, ie = {
+    var v = this, e, E, k, N = !1, L = Date.now(), h = 0, n = 0, b = -1, P = 0, _ = 0, w = new Array(10), C = !1, x, p = !1, y = !1, T, $, I = { yaw: 0, pitch: 0, hfov: 0 }, X = !1, V = !1, z = 0, H, R = 0, q, ce, U = {}, D = {}, J = [], S = !1, B = !1, ie = {
       hfov: 100,
       minHfov: 50,
       maxHfov: 120,
@@ -2567,9 +2577,9 @@ window.pannellum = /* @__PURE__ */ (function(t, o, i) {
     le.className = "pnlm-sprite pnlm-hot-spot-debug-indicator", F.appendChild(le), M.container = o.createElement("div"), M.container.className = "pnlm-panorama-info", M.title = o.createElement("div"), M.title.className = "pnlm-title-box", M.container.appendChild(M.title), M.author = o.createElement("div"), M.author.className = "pnlm-author-box", M.container.appendChild(M.author), F.appendChild(M.container), M.load = {}, M.load.box = o.createElement("div"), M.load.box.className = "pnlm-load-box", M.load.boxp = o.createElement("p"), M.load.box.appendChild(M.load.boxp), M.load.lbox = o.createElement("div"), M.load.lbox.className = "pnlm-lbox", M.load.lbox.innerHTML = '<div class="pnlm-loading"></div>', M.load.box.appendChild(M.load.lbox), M.load.lbar = o.createElement("div"), M.load.lbar.className = "pnlm-lbar", M.load.lbarFill = o.createElement("div"), M.load.lbarFill.className = "pnlm-lbar-fill", M.load.lbar.appendChild(M.load.lbarFill), M.load.box.appendChild(M.load.lbar), M.load.msg = o.createElement("p"), M.load.msg.className = "pnlm-lmsg", M.load.box.appendChild(M.load.msg), F.appendChild(M.load.box), M.errorMsg = o.createElement("div"), M.errorMsg.className = "pnlm-error-msg pnlm-info-box", F.appendChild(M.errorMsg);
     var j = {};
     j.container = o.createElement("div"), j.container.className = "pnlm-controls-container", F.appendChild(j.container), j.load = o.createElement("div"), j.load.className = "pnlm-load-button", j.load.addEventListener("click", function() {
-      It(), Yt();
-    }), F.appendChild(j.load), j.zoom = o.createElement("div"), j.zoom.className = "pnlm-zoom-controls pnlm-controls", j.zoomIn = o.createElement("div"), j.zoomIn.className = "pnlm-zoom-in pnlm-sprite pnlm-control", j.zoomIn.addEventListener("click", Or), j.zoom.appendChild(j.zoomIn), j.zoomOut = o.createElement("div"), j.zoomOut.className = "pnlm-zoom-out pnlm-sprite pnlm-control", j.zoomOut.addEventListener("click", Hr), j.zoom.appendChild(j.zoomOut), j.container.appendChild(j.zoom), j.fullscreen = o.createElement("div"), j.fullscreen.addEventListener("click", kt), j.fullscreen.className = "pnlm-fullscreen-toggle-button pnlm-sprite pnlm-fullscreen-toggle-button-inactive pnlm-controls pnlm-control", (o.fullscreenEnabled || o.mozFullScreenEnabled || o.webkitFullscreenEnabled || o.msFullscreenEnabled) && j.container.appendChild(j.fullscreen), j.orientation = o.createElement("div"), j.orientation.addEventListener("click", function(r) {
-      V ? ht() : yt();
+      kt(), Yt();
+    }), F.appendChild(j.load), j.zoom = o.createElement("div"), j.zoom.className = "pnlm-zoom-controls pnlm-controls", j.zoomIn = o.createElement("div"), j.zoomIn.className = "pnlm-zoom-in pnlm-sprite pnlm-control", j.zoomIn.addEventListener("click", Or), j.zoom.appendChild(j.zoomIn), j.zoomOut = o.createElement("div"), j.zoomOut.className = "pnlm-zoom-out pnlm-sprite pnlm-control", j.zoomOut.addEventListener("click", Hr), j.zoom.appendChild(j.zoomOut), j.container.appendChild(j.zoom), j.fullscreen = o.createElement("div"), j.fullscreen.addEventListener("click", _t), j.fullscreen.className = "pnlm-fullscreen-toggle-button pnlm-sprite pnlm-fullscreen-toggle-button-inactive pnlm-controls pnlm-control", (o.fullscreenEnabled || o.mozFullScreenEnabled || o.webkitFullscreenEnabled || o.msFullscreenEnabled) && j.container.appendChild(j.fullscreen), j.orientation = o.createElement("div"), j.orientation.addEventListener("click", function(r) {
+      V ? pt() : Ct();
     }), j.orientation.addEventListener("mousedown", function(r) {
       r.stopPropagation();
     }), j.orientation.addEventListener("touchstart", function(r) {
@@ -2579,11 +2589,11 @@ window.pannellum = /* @__PURE__ */ (function(t, o, i) {
     }), j.orientation.className = "pnlm-orientation-button pnlm-orientation-button-inactive pnlm-sprite pnlm-controls pnlm-control";
     var Te, Ye = !1;
     function Ve(r) {
-      t.removeEventListener("deviceorientation", Ve), r && r.alpha !== null && r.beta !== null && r.gamma !== null ? (j.container.appendChild(j.orientation), Te = !0, Ye && yt()) : Te = !1;
+      t.removeEventListener("deviceorientation", Ve), r && r.alpha !== null && r.beta !== null && r.gamma !== null ? (j.container.appendChild(j.orientation), Te = !0, Ye && Ct()) : Te = !1;
     }
     t.DeviceOrientationEvent ? t.addEventListener("deviceorientation", Ve) : Te = !1;
     var we = o.createElement("div");
-    we.className = "pnlm-compass pnlm-controls pnlm-control", F.appendChild(we), u.firstScene ? wt(u.firstScene) : u.default && u.default.firstScene ? wt(u.default.firstScene) : wt(null), It(!0);
+    we.className = "pnlm-compass pnlm-controls pnlm-control", F.appendChild(we), u.firstScene ? xt(u.firstScene) : u.default && u.default.firstScene ? xt(u.default.firstScene) : xt(null), kt(!0);
     function l() {
       var r = o.createElement("div");
       if (r.innerHTML = "<!--[if lte IE 9]><i></i><![endif]-->", r.getElementsByTagName("i").length == 1) {
@@ -2653,7 +2663,7 @@ window.pannellum = /* @__PURE__ */ (function(t, o, i) {
       return new RegExp("^(?:[a-z]+:)?//", "i").test(r) || r[0] == "/" || r.slice(0, 5) == "blob:";
     }
     function Q() {
-      E || (E = new libpannellum.renderer(te)), y || (y = !0, K.addEventListener("mousedown", xe, !1), o.addEventListener("mousemove", He, !1), o.addEventListener("mouseup", ge, !1), e.mouseZoom && (F.addEventListener("mousewheel", Xe, !1), F.addEventListener("DOMMouseScroll", Xe, !1)), e.doubleClickZoom && K.addEventListener("dblclick", pe, !1), F.addEventListener("mozfullscreenchange", ot, !1), F.addEventListener("webkitfullscreenchange", ot, !1), F.addEventListener("msfullscreenchange", ot, !1), F.addEventListener("fullscreenchange", ot, !1), t.addEventListener("resize", he, !1), t.addEventListener("orientationchange", he, !1), e.disableKeyboardCtrl || (c.addEventListener("keydown", De, !1), c.addEventListener("keyup", Ae, !1), c.addEventListener("blur", Ze, !1)), o.addEventListener("mouseleave", ge, !1), o.documentElement.style.pointerAction === "" && o.documentElement.style.touchAction === "" ? (K.addEventListener("pointerdown", We, !1), K.addEventListener("pointermove", ke, !1), K.addEventListener("pointerup", Se, !1), K.addEventListener("pointerleave", Se, !1)) : (K.addEventListener("touchstart", ye, !1), K.addEventListener("touchmove", Ce, !1), K.addEventListener("touchend", Pe, !1)), t.navigator.pointerEnabled && (c.style.touchAction = "none")), zr(), et(e.hfov), setTimeout(function() {
+      E || (E = new libpannellum.renderer(te)), y || (y = !0, K.addEventListener("mousedown", xe, !1), o.addEventListener("mousemove", He, !1), o.addEventListener("mouseup", ge, !1), e.mouseZoom && (F.addEventListener("mousewheel", Xe, !1), F.addEventListener("DOMMouseScroll", Xe, !1)), e.doubleClickZoom && K.addEventListener("dblclick", he, !1), F.addEventListener("mozfullscreenchange", ot, !1), F.addEventListener("webkitfullscreenchange", ot, !1), F.addEventListener("msfullscreenchange", ot, !1), F.addEventListener("fullscreenchange", ot, !1), t.addEventListener("resize", pe, !1), t.addEventListener("orientationchange", pe, !1), e.disableKeyboardCtrl || (c.addEventListener("keydown", De, !1), c.addEventListener("keyup", Ae, !1), c.addEventListener("blur", Ze, !1)), o.addEventListener("mouseleave", ge, !1), o.documentElement.style.pointerAction === "" && o.documentElement.style.touchAction === "" ? (K.addEventListener("pointerdown", We, !1), K.addEventListener("pointermove", ke, !1), K.addEventListener("pointerup", Se, !1), K.addEventListener("pointerleave", Se, !1)) : (K.addEventListener("touchstart", ye, !1), K.addEventListener("touchmove", Ce, !1), K.addEventListener("touchend", Pe, !1)), t.navigator.pointerEnabled && (c.style.touchAction = "none")), zr(), et(e.hfov), setTimeout(function() {
       }, 500);
     }
     function oe(r) {
@@ -2685,10 +2695,10 @@ window.pannellum = /* @__PURE__ */ (function(t, o, i) {
       }), s.readAsBinaryString !== i ? s.readAsBinaryString(r) : s.readAsText(r);
     }
     function ee(r) {
-      r === i && (r = e.strings.genericWebGLError), M.errorMsg.innerHTML = "<p>" + r + "</p>", j.load.style.display = "none", M.load.box.style.display = "none", M.errorMsg.style.display = "table", h = !0, te.style.display = "none", at("error", r);
+      r === i && (r = e.strings.genericWebGLError), M.errorMsg.innerHTML = "<p>" + r + "</p>", j.load.style.display = "none", M.load.box.style.display = "none", M.errorMsg.style.display = "table", p = !0, te.style.display = "none", at("error", r);
     }
     function g() {
-      h && (M.load.box.style.display = "none", M.errorMsg.style.display = "none", h = !1, at("errorcleared"));
+      p && (M.load.box.style.display = "none", M.errorMsg.style.display = "none", p = !1, at("errorcleared"));
     }
     function ae(r) {
       var s = re(r);
@@ -2709,10 +2719,10 @@ window.pannellum = /* @__PURE__ */ (function(t, o, i) {
           var m = Ge(r);
           console.log("Pitch: " + m[0] + ", Yaw: " + m[1] + ", Center Pitch: " + e.pitch + ", Center Yaw: " + e.yaw + ", HFOV: " + e.hfov);
         }
-        xt(), ht(), e.roll = 0, I.hfov = 0, N = !0, L = Date.now(), p = s.x, n = s.y, P = e.yaw, _ = e.pitch, F.classList.add("pnlm-grabbing"), F.classList.remove("pnlm-grab"), at("mousedown", r), _e();
+        yt(), pt(), e.roll = 0, I.hfov = 0, N = !0, L = Date.now(), h = s.x, n = s.y, P = e.yaw, _ = e.pitch, F.classList.add("pnlm-grabbing"), F.classList.remove("pnlm-grab"), at("mousedown", r), _e();
       }
     }
-    function pe(r) {
+    function he(r) {
       if (e.minHfov === e.hfov)
         v.setHfov(q, 1e3);
       else {
@@ -2727,7 +2737,7 @@ window.pannellum = /* @__PURE__ */ (function(t, o, i) {
     function He(r) {
       if (N && x) {
         L = Date.now();
-        var s = E.getCanvas(), m = s.clientWidth, W = s.clientHeight, Y = re(r), Z = (Math.atan(p / m * 2 - 1) - Math.atan(Y.x / m * 2 - 1)) * 180 / Math.PI * e.hfov / 90 + P;
+        var s = E.getCanvas(), m = s.clientWidth, W = s.clientHeight, Y = re(r), Z = (Math.atan(h / m * 2 - 1) - Math.atan(Y.x / m * 2 - 1)) * 180 / Math.PI * e.hfov / 90 + P;
         I.yaw = (Z - e.yaw) % 360 * 0.2, e.yaw = Z;
         var be = 2 * Math.atan(Math.tan(e.hfov / 360 * Math.PI) * W / m) * 180 / Math.PI, fe = (Math.atan(Y.y / W * 2 - 1) - Math.atan(n / W * 2 - 1)) * 180 / Math.PI * be / 90 + _;
         I.pitch = (fe - e.pitch) * 0.2, e.pitch = fe;
@@ -2738,11 +2748,11 @@ window.pannellum = /* @__PURE__ */ (function(t, o, i) {
     }
     function ye(r) {
       if (!(!x || !e.draggable)) {
-        xt(), ht(), e.roll = 0, I.hfov = 0;
+        yt(), pt(), e.roll = 0, I.hfov = 0;
         var s = re(r.targetTouches[0]);
-        if (p = s.x, n = s.y, r.targetTouches.length == 2) {
+        if (h = s.x, n = s.y, r.targetTouches.length == 2) {
           var m = re(r.targetTouches[1]);
-          p += (m.x - s.x) * 0.5, n += (m.y - s.y) * 0.5, b = Math.sqrt((s.x - m.x) * (s.x - m.x) + (s.y - m.y) * (s.y - m.y));
+          h += (m.x - s.x) * 0.5, n += (m.y - s.y) * 0.5, b = Math.sqrt((s.x - m.x) * (s.x - m.x) + (s.y - m.y) * (s.y - m.y));
         }
         N = !0, L = Date.now(), P = e.yaw, _ = e.pitch, at("touchstart", r), _e();
       }
@@ -2756,7 +2766,7 @@ window.pannellum = /* @__PURE__ */ (function(t, o, i) {
           var Z = Math.sqrt((s.x - Y.x) * (s.x - Y.x) + (s.y - Y.y) * (s.y - Y.y));
           et(e.hfov + (b - Z) * 0.1), b = Z;
         }
-        var be = e.hfov / 360 * e.touchPanSpeedCoeffFactor, fe = (p - m) * be + P;
+        var be = e.hfov / 360 * e.touchPanSpeedCoeffFactor, fe = (h - m) * be + P;
         I.yaw = (fe - e.yaw) % 360 * 0.2, e.yaw = fe;
         var Me = (W - n) * be + _;
         I.pitch = (Me - e.pitch) * 0.2, e.pitch = Me;
@@ -2786,12 +2796,12 @@ window.pannellum = /* @__PURE__ */ (function(t, o, i) {
       }
     }
     function Xe(r) {
-      !x || e.mouseZoom == "fullscreenonly" && !C || (r.preventDefault(), xt(), L = Date.now(), r.wheelDeltaY ? (et(e.hfov - r.wheelDeltaY * 0.05), I.hfov = r.wheelDelta < 0 ? 1 : -1) : r.wheelDelta ? (et(e.hfov - r.wheelDelta * 0.05), I.hfov = r.wheelDelta < 0 ? 1 : -1) : r.detail && (et(e.hfov + r.detail * 1.5), I.hfov = r.detail > 0 ? 1 : -1), _e());
+      !x || e.mouseZoom == "fullscreenonly" && !C || (r.preventDefault(), yt(), L = Date.now(), r.wheelDeltaY ? (et(e.hfov - r.wheelDeltaY * 0.05), I.hfov = r.wheelDelta < 0 ? 1 : -1) : r.wheelDelta ? (et(e.hfov - r.wheelDelta * 0.05), I.hfov = r.wheelDelta < 0 ? 1 : -1) : r.detail && (et(e.hfov + r.detail * 1.5), I.hfov = r.detail > 0 ? 1 : -1), _e());
     }
     function De(r) {
-      xt(), L = Date.now(), ht(), e.roll = 0;
+      yt(), L = Date.now(), pt(), e.roll = 0;
       var s = r.which || r.keycode;
-      e.capturedKeyNumbers.indexOf(s) < 0 || (r.preventDefault(), s == 27 ? C && kt() : Re(s, !0));
+      e.capturedKeyNumbers.indexOf(s) < 0 || (r.preventDefault(), s == 27 ? C && _t() : Re(s, !0));
     }
     function Ze() {
       for (var r = 0; r < 10; r++)
@@ -2888,7 +2898,7 @@ window.pannellum = /* @__PURE__ */ (function(t, o, i) {
     function A(r) {
       return r < 0.5 ? 2 * r * r : -1 + (4 - 2 * r) * r;
     }
-    function he() {
+    function pe() {
       ot();
     }
     function _e() {
@@ -2986,7 +2996,7 @@ window.pannellum = /* @__PURE__ */ (function(t, o, i) {
         var be = o.createElement("img");
         be.src = ut(Z), be.style.width = r.width + "px", be.style.paddingTop = "5px", te.appendChild(s), W.appendChild(be), m.style.maxWidth = "initial";
       } else r.URL ? (W = o.createElement("a"), W.href = ut(r.URL), W.target = "_blank", te.appendChild(W), s.className += " pnlm-pointer", m.className += " pnlm-pointer", W.appendChild(s)) : (r.sceneId && (s.onclick = s.ontouchend = function() {
-        return s.clicked || (s.clicked = !0, _t(r.sceneId, r.targetPitch, r.targetYaw, r.targetHfov)), !1;
+        return s.clicked || (s.clicked = !0, Tt(r.sceneId, r.targetPitch, r.targetYaw, r.targetHfov)), !1;
       }, s.className += " pnlm-pointer", m.className += " pnlm-pointer"), te.appendChild(s));
       r.createTooltipFunc ? r.createTooltipFunc(s, r.createTooltipArgs) : (r.text || r.video || r.image) && (s.classList.add("pnlm-tooltip"), s.appendChild(m), m.style.width = m.scrollWidth - 20 + "px", m.style.marginLeft = -(m.scrollWidth - s.offsetWidth) / 2 + "px", m.style.marginTop = -m.scrollHeight - 12 + "px"), r.clickHandlerFunc && (s.addEventListener("click", function(fe) {
         r.clickHandlerFunc(fe, r.clickHandlerArgs);
@@ -3015,14 +3025,14 @@ window.pannellum = /* @__PURE__ */ (function(t, o, i) {
         r.div.style.visibility = "visible";
         var Oe = E.getCanvas(), ze = Oe.clientWidth, Je = Oe.clientHeight, $e = [-ze / Me * fe * m / be / 2, -ze / Me * (s * Y - m * Z * W) / be / 2], it = Math.sin(e.roll * Math.PI / 180), Gt = Math.cos(e.roll * Math.PI / 180);
         $e = [$e[0] * Gt - $e[1] * it, $e[0] * it + $e[1] * Gt], $e[0] += (ze - r.div.offsetWidth) / 2, $e[1] += (Je - r.div.offsetHeight) / 2;
-        var Tt = "translate(" + $e[0] + "px, " + $e[1] + "px) translateZ(9999px) rotate(" + e.roll + "deg)";
-        r.div.style.webkitTransform = Tt, r.div.style.MozTransform = Tt, r.div.style.transform = Tt;
+        var St = "translate(" + $e[0] + "px, " + $e[1] + "px) translateZ(9999px) rotate(" + e.roll + "deg)";
+        r.div.style.webkitTransform = St, r.div.style.MozTransform = St, r.div.style.transform = St;
       }
     }
     function Zt() {
       e.hotSpots.forEach(Xt);
     }
-    function wt(r) {
+    function xt(r) {
       e = {};
       var s, m, W = ["haov", "vaov", "vOffset", "northOffset", "horizonPitch", "horizonRoll"];
       J = [];
@@ -3054,7 +3064,7 @@ window.pannellum = /* @__PURE__ */ (function(t, o, i) {
           else
             e[s] = u[s], W.indexOf(s) >= 0 && J.push(s);
     }
-    function It(r) {
+    function kt(r) {
       if (r = r || !1, r && "preview" in e) {
         var s = e.preview;
         e.basePath && !f(s) && (s = e.basePath + s), k = o.createElement("div"), k.className = "pnlm-preview-img", k.style.backgroundImage = "url('" + Ur(s) + "')", te.appendChild(k);
@@ -3095,13 +3105,13 @@ window.pannellum = /* @__PURE__ */ (function(t, o, i) {
               e[Y] || (j.orientation.style.display = "none", j.zoom.style.display = "none", j.fullscreen.style.display = "none");
               break;
             case "orientationOnByDefault":
-              e[Y] && (Te === i ? Ye = !0 : Te === !0 && yt());
+              e[Y] && (Te === i ? Ye = !0 : Te === !0 && Ct());
               break;
           }
       r && (m ? e.title = m : delete e.title, W ? e.author = W : delete e.author);
     }
-    function kt() {
-      if (x && !h)
+    function _t() {
+      if (x && !p)
         if (C)
           o.exitFullscreen ? o.exitFullscreen() : o.mozCancelFullScreen ? o.mozCancelFullScreen() : o.webkitCancelFullScreen ? o.webkitCancelFullScreen() : o.msExitFullscreen && o.msExitFullscreen();
         else
@@ -3134,30 +3144,30 @@ window.pannellum = /* @__PURE__ */ (function(t, o, i) {
     function et(r) {
       e.hfov = Vt(r);
     }
-    function xt() {
+    function yt() {
       U = {}, R = e.autoRotate ? e.autoRotate : R, e.autoRotate = !1;
     }
     function Yt() {
       g(), x = !1, j.load.style.display = "none", M.load.box.style.display = "inline", l();
     }
-    function _t(r, s, m, W, Y) {
+    function Tt(r, s, m, W, Y) {
       x = !1, U = {};
       var Z, be, fe, Me;
       if (e.sceneFadeDuration && !Y) {
         var Oe = E.render(e.pitch * Math.PI / 180, e.yaw * Math.PI / 180, e.hfov * Math.PI / 180, { returnImage: !0 });
         if (Oe !== i) {
           Z = new Image(), Z.className = "pnlm-fade-img", Z.style.transition = "opacity " + e.sceneFadeDuration / 1e3 + "s", Z.style.width = "100%", Z.style.height = "100%", Z.onload = function() {
-            _t(r, s, m, W, !0);
+            Tt(r, s, m, W, !0);
           }, Z.src = Oe, te.appendChild(Z), E.fadeImg = Z;
           return;
         }
       }
-      s === "same" ? be = e.pitch : be = s, m === "same" ? fe = e.yaw : m === "sameAzimuth" ? fe = e.yaw + (e.northOffset || 0) - (u.scenes[r].northOffset || 0) : fe = m, W === "same" ? Me = e.hfov : Me = W, Fr(), wt(r), I.yaw = I.pitch = I.hfov = 0, It(), be !== i && (e.pitch = be), fe !== i && (e.yaw = fe), Me !== i && (e.hfov = Me), at("scenechange", r), Yt();
+      s === "same" ? be = e.pitch : be = s, m === "same" ? fe = e.yaw : m === "sameAzimuth" ? fe = e.yaw + (e.northOffset || 0) - (u.scenes[r].northOffset || 0) : fe = m, W === "same" ? Me = e.hfov : Me = W, Fr(), xt(r), I.yaw = I.pitch = I.hfov = 0, kt(), be !== i && (e.pitch = be), fe !== i && (e.yaw = fe), Me !== i && (e.hfov = Me), at("scenechange", r), Yt();
     }
-    function ht() {
+    function pt() {
       t.removeEventListener("deviceorientation", Bt), j.orientation.classList.remove("pnlm-orientation-button-active"), V = !1;
     }
-    function yt() {
+    function Ct() {
       V = 1, t.addEventListener("deviceorientation", Bt), j.orientation.classList.add("pnlm-orientation-button-active");
     }
     function ct(r) {
@@ -3243,7 +3253,7 @@ window.pannellum = /* @__PURE__ */ (function(t, o, i) {
     }, this.mouseEventToCoords = function(r) {
       return Ge(r);
     }, this.loadScene = function(r, s, m, W) {
-      return x !== !1 && _t(r, s, m, W), this;
+      return x !== !1 && Tt(r, s, m, W), this;
     }, this.getScene = function() {
       return e.scene;
     }, this.addScene = function(r, s) {
@@ -3251,7 +3261,7 @@ window.pannellum = /* @__PURE__ */ (function(t, o, i) {
     }, this.removeScene = function(r) {
       return e.scene === r || !u.scenes.hasOwnProperty(r) ? !1 : (delete u.scenes[r], !0);
     }, this.toggleFullscreen = function() {
-      return kt(), this;
+      return _t(), this;
     }, this.getConfig = function() {
       return e;
     }, this.getContainer = function() {
@@ -3286,15 +3296,15 @@ window.pannellum = /* @__PURE__ */ (function(t, o, i) {
       } else
         return !1;
     }, this.resize = function() {
-      E && he();
+      E && pe();
     }, this.isLoaded = function() {
       return x;
     }, this.isOrientationSupported = function() {
       return Te || !1;
     }, this.stopOrientation = function() {
-      ht();
+      pt();
     }, this.startOrientation = function() {
-      Te && yt();
+      Te && Ct();
     }, this.isOrientationActive = function() {
       return !!V;
     }, this.on = function(r, s) {
@@ -3315,7 +3325,7 @@ window.pannellum = /* @__PURE__ */ (function(t, o, i) {
           D[r][D[r].length - s].apply(null, [].slice.call(arguments, 1));
     }
     this.destroy = function() {
-      E && E.destroy(), y && (K.removeEventListener("mousedown", xe, !1), K.removeEventListener("dblclick", pe, !1), o.removeEventListener("mousemove", He, !1), o.removeEventListener("mouseup", ge, !1), c.removeEventListener("mousewheel", Xe, !1), c.removeEventListener("DOMMouseScroll", Xe, !1), c.removeEventListener("mozfullscreenchange", ot, !1), c.removeEventListener("webkitfullscreenchange", ot, !1), c.removeEventListener("msfullscreenchange", ot, !1), c.removeEventListener("fullscreenchange", ot, !1), t.removeEventListener("resize", he, !1), t.removeEventListener("orientationchange", he, !1), c.removeEventListener("keydown", De, !1), c.removeEventListener("keyup", Ae, !1), c.removeEventListener("blur", Ze, !1), o.removeEventListener("mouseleave", ge, !1), K.removeEventListener("touchstart", ye, !1), K.removeEventListener("touchmove", Ce, !1), K.removeEventListener("touchend", Pe, !1), K.removeEventListener("pointerdown", We, !1), K.removeEventListener("pointermove", ke, !1), K.removeEventListener("pointerup", Se, !1), K.removeEventListener("pointerleave", Se, !1)), c.innerHTML = "", c.classList.remove("pnlm-container"), F.classList.remove("pnlm-grab"), F.classList.remove("pnlm-grabbing");
+      E && E.destroy(), y && (K.removeEventListener("mousedown", xe, !1), K.removeEventListener("dblclick", he, !1), o.removeEventListener("mousemove", He, !1), o.removeEventListener("mouseup", ge, !1), c.removeEventListener("mousewheel", Xe, !1), c.removeEventListener("DOMMouseScroll", Xe, !1), c.removeEventListener("mozfullscreenchange", ot, !1), c.removeEventListener("webkitfullscreenchange", ot, !1), c.removeEventListener("msfullscreenchange", ot, !1), c.removeEventListener("fullscreenchange", ot, !1), t.removeEventListener("resize", pe, !1), t.removeEventListener("orientationchange", pe, !1), c.removeEventListener("keydown", De, !1), c.removeEventListener("keyup", Ae, !1), c.removeEventListener("blur", Ze, !1), o.removeEventListener("mouseleave", ge, !1), K.removeEventListener("touchstart", ye, !1), K.removeEventListener("touchmove", Ce, !1), K.removeEventListener("touchend", Pe, !1), K.removeEventListener("pointerdown", We, !1), K.removeEventListener("pointermove", ke, !1), K.removeEventListener("pointerup", Se, !1), K.removeEventListener("pointerleave", Se, !1)), c.innerHTML = "", c.classList.remove("pnlm-container"), F.classList.remove("pnlm-grab"), F.classList.remove("pnlm-grabbing");
     };
   }
   return {
@@ -3347,7 +3357,7 @@ function eo(t, o, i) {
       yaw: Jn,
       hfov: Kn,
       maxHfov: ft,
-      minHfov: mt,
+      minHfov: gt,
       compass: !1,
       showControls: !1,
       keyboardZoom: !1,
@@ -3450,7 +3460,7 @@ const ro = ({ className: t }) => /* @__PURE__ */ a(
     )
   ] }) });
 }, oo = (t) => {
-  const { itemIndex: o, src: i, poster: d, onLoaded: c, onError: u, onlyPreload: v } = t, { autoLoadInterior360: e } = je(), { isShowingDetails: E, zoom: k, setZoom: N } = Ke(), [L, p] = Qn(i), n = Le(null), [b, P] = Ie(!1), [_, w] = Ie(e);
+  const { itemIndex: o, src: i, poster: d, onLoaded: c, onError: u, onlyPreload: v } = t, { autoLoadInterior360: e } = je(), { isShowingDetails: E, zoom: k, setZoom: N } = Ke(), [L, h] = Qn(i), n = Le(null), [b, P] = Ie(!1), [_, w] = Ie(e);
   ve(() => {
     e && w(!0);
   }, [e]);
@@ -3458,7 +3468,7 @@ const ro = ({ className: t }) => /* @__PURE__ */ a(
     c?.(), P(!0);
   }, [c]), x = G((T) => {
     T instanceof MouseEvent && T.button !== 0 || (T.preventDefault(), T.stopPropagation(), T.stopImmediatePropagation());
-  }, []), h = G(() => {
+  }, []), p = G(() => {
     w(!0);
   }, []), y = eo(
     n,
@@ -3477,8 +3487,8 @@ const ro = ({ className: t }) => /* @__PURE__ */ a(
     const T = y.current;
     if (!T || !b) return;
     const $ = 1, I = tt((k - $) / (st - $), 0, 1), X = tt(
-      ft - I * (ft - mt),
-      mt,
+      ft - I * (ft - gt),
+      gt,
       ft
     );
     T.setHfov(X);
@@ -3492,7 +3502,7 @@ const ro = ({ className: t }) => /* @__PURE__ */ a(
       if (!z) return;
       const H = jt(
         z.getHfov(),
-        mt,
+        gt,
         ft,
         st,
         dt
@@ -3504,7 +3514,7 @@ const ro = ({ className: t }) => /* @__PURE__ */ a(
       if (!z) return;
       const H = jt(
         z.getHfov(),
-        mt,
+        gt,
         ft,
         st,
         dt,
@@ -3534,10 +3544,10 @@ const ro = ({ className: t }) => /* @__PURE__ */ a(
               no,
               {
                 isPannellumLoaded: b,
-                isLoading: p,
+                isLoading: h,
                 progress: L,
                 autoloadInterior360: e,
-                loadScene: h,
+                loadScene: p,
                 itemIndex: o
               }
             )
@@ -3555,7 +3565,7 @@ const ro = ({ className: t }) => /* @__PURE__ */ a(
   return ve(() => {
     d === null || d === "error" || i(o, d === "spin" ? "running" : "ready");
   }, [o, i, d]), d === "error" ? /* @__PURE__ */ a(
-    Mt,
+    It,
     {
       className: "text-background",
       text: "Interior Spin could not be loaded"
@@ -3580,11 +3590,11 @@ const ro = ({ className: t }) => /* @__PURE__ */ a(
     strokeLinejoin: "round",
     children: /* @__PURE__ */ a("polygon", { points: "6 3 20 12 6 21 6 3" })
   }
-) }), io = 750, so = 1250, lo = 360, co = 480, uo = (t, o, i) => ({ cursor: `url("${t}") ${o.x} ${o.y}, ${i}` }), po = ({ images: t, itemIndex: o, onlyPreload: i }) => {
-  const { demoSpin: d, reverse360: c, spinCursor: u, themeConfig: v } = je(), { currentItemHotspotsVisible: e, isShowingDetails: E, isZooming: k } = Ke(), N = Ue(() => vt(v), [v]), L = k || E, p = Le(null), n = Le(null), [b, P] = Ie(!1), [_, w] = Ie("default"), C = u === "grab" && b ? "grabbing" : u, x = N?.cursor ? (() => {
+) }), io = 750, so = 1250, lo = 360, co = 480, uo = (t, o, i) => ({ cursor: `url("${t}") ${o.x} ${o.y}, ${i}` }), ho = ({ images: t, itemIndex: o, onlyPreload: i }) => {
+  const { demoSpin: d, reverse360: c, spinCursor: u, themeConfig: v } = je(), { currentItemHotspotsVisible: e, isShowingDetails: E, isZooming: k } = Ke(), N = Ue(() => wt(v), [v]), L = k || E, h = Le(null), n = Le(null), [b, P] = Ie(!1), [_, w] = Ie("default"), C = u === "grab" && b ? "grabbing" : u, x = N?.cursor ? (() => {
     const te = _ === "left" ? "leftSpin" : _ === "right" ? "rightSpin" : "default", K = N.cursor[te];
     return uo(K.url, K.hotspot, C);
-  })() : C === Dt ? { cursor: `url("${Sr}") 45 28, ew-resize` } : { cursor: C }, h = Le(0), y = Le(null), [T, $] = Ie(0), I = Le(null), X = Le(null), V = Le(null), z = Le(0), H = 16, R = Le({
+  })() : C === Dt ? { cursor: `url("${Sr}") 45 28, ew-resize` } : { cursor: C }, p = Le(0), y = Le(null), [T, $] = Ie(0), I = Le(null), X = Le(null), V = Le(null), z = Le(0), H = 16, R = Le({
     timestamps: new Float64Array(10),
     values: new Float64Array(10),
     index: 0,
@@ -3595,19 +3605,19 @@ const ro = ({ className: t }) => /* @__PURE__ */ a(
     D.current && (cancelAnimationFrame(D.current), D.current = null);
   }, S = t.length, B = G(
     (te) => {
-      const K = h.current;
+      const K = p.current;
       if (K === te) return;
       const ne = y.current;
-      ne && (ne.src = t[te].src), h.current = te;
+      ne && (ne.src = t[te].src), p.current = te;
       const M = !!t[K]?.hotspots?.length, le = !!t[te]?.hotspots?.length;
       (M || le) && $(te);
     },
     [t]
   ), ie = G(() => {
-    const te = (h.current + 1) % S;
+    const te = (p.current + 1) % S;
     B(te);
   }, [S, B]), F = G(() => {
-    const te = (h.current - 1 + S) % S;
+    const te = (p.current - 1 + S) % S;
     B(te);
   }, [S, B]);
   return ve(() => {
@@ -3615,7 +3625,7 @@ const ro = ({ className: t }) => /* @__PURE__ */ a(
       U();
       return;
     }
-    const te = p.current, K = n.current;
+    const te = h.current, K = n.current;
     if (!te || !K)
       return;
     q.current && (q.current = !1, ce.current = setTimeout(() => {
@@ -3707,7 +3717,7 @@ const ro = ({ className: t }) => /* @__PURE__ */ a(
       if (ye === null || Ce === null) return;
       const Pe = ye - Ce;
       Pe !== 0 && N?.cursor && w(Pe < 0 ? "left" : "right"), !(Math.abs(Pe) < ne) && (Pe > 0 !== c ? ie() : F(), V.current = ye, M = ye);
-    }, pe = (ge) => {
+    }, he = (ge) => {
       if (re !== null || ge.changedTouches.length !== 1)
         return;
       Ve(), P(!0), w("default"), I.current !== null && (cancelAnimationFrame(I.current), I.current = null);
@@ -3740,8 +3750,8 @@ const ro = ({ className: t }) => /* @__PURE__ */ a(
         }
       ye && (I.current !== null && (cancelAnimationFrame(I.current), I.current = null), re = null, M = null, V.current = null, X.current = null, P(!1), w("default"), Ye());
     };
-    return K.addEventListener("touchstart", pe, { passive: !1 }), K.addEventListener("touchmove", Ge, { passive: !1 }), K.addEventListener("touchend", He), K.addEventListener("touchcancel", He), () => {
-      J(), P(!1), I.current !== null && (cancelAnimationFrame(I.current), I.current = null), te.removeEventListener("mousedown", we), document.removeEventListener("mousemove", l), document.removeEventListener("mouseleave", f), document.removeEventListener("mouseup", f), document.removeEventListener("contextmenu", f), K.removeEventListener("scroll", ae), K.removeEventListener("touchstart", pe), K.removeEventListener("touchmove", Ge), K.removeEventListener("touchend", He), K.removeEventListener("touchcancel", He);
+    return K.addEventListener("touchstart", he, { passive: !1 }), K.addEventListener("touchmove", Ge, { passive: !1 }), K.addEventListener("touchend", He), K.addEventListener("touchcancel", He), () => {
+      J(), P(!1), I.current !== null && (cancelAnimationFrame(I.current), I.current = null), te.removeEventListener("mousedown", we), document.removeEventListener("mousemove", l), document.removeEventListener("mouseleave", f), document.removeEventListener("mouseup", f), document.removeEventListener("contextmenu", f), K.removeEventListener("scroll", ae), K.removeEventListener("touchstart", he), K.removeEventListener("touchmove", Ge), K.removeEventListener("touchend", He), K.removeEventListener("touchcancel", He);
     };
   }, [
     U,
@@ -3752,7 +3762,7 @@ const ro = ({ className: t }) => /* @__PURE__ */ a(
     N,
     S,
     B
-  ]), /* @__PURE__ */ a("div", { ref: p, style: x, children: /* @__PURE__ */ me("div", { ref: n, className: " overflow-x-scroll", children: [
+  ]), /* @__PURE__ */ a("div", { ref: h, style: x, children: /* @__PURE__ */ me("div", { ref: n, className: " overflow-x-scroll", children: [
     /* @__PURE__ */ a("div", { className: "sticky left-0 top-0", children: /* @__PURE__ */ me("div", { className: "relative", children: [
       /* @__PURE__ */ a(
         "img",
@@ -3784,7 +3794,7 @@ const ro = ({ className: t }) => /* @__PURE__ */ a(
   onSpinImagesLoaded: d,
   onError: c
 }) => {
-  const { autoLoad360: u, emitAnalyticsEvent: v, themeConfig: e } = je(), { displayedCategoryId: E, displayedCategoryName: k } = Ke(), N = Ue(() => vt(e), [e]), L = Ue(() => o.map(({ src: C }) => C), [o]), [p, n] = Ie(null), b = p ? [...p.values()].filter((C) => C).length / o.length * 100 : null, P = G(
+  const { autoLoad360: u, emitAnalyticsEvent: v, themeConfig: e } = je(), { displayedCategoryId: E, displayedCategoryName: k } = Ke(), N = Ue(() => wt(e), [e]), L = Ue(() => o.map(({ src: C }) => C), [o]), [h, n] = Ie(null), b = h ? [...h.values()].filter((C) => C).length / o.length * 100 : null, P = G(
     (C) => {
       b === null && (n(new Map(L.map((x) => [x, !1]))), v({
         type: "interaction",
@@ -3813,8 +3823,8 @@ const ro = ({ className: t }) => /* @__PURE__ */ a(
     P("click");
   }, [P]), w = G((C) => {
     n((x) => {
-      const h = new Map(x);
-      return h.set(C, !0), h;
+      const p = new Map(x);
+      return p.set(C, !0), p;
     });
   }, []);
   return ve(() => {
@@ -3872,14 +3882,14 @@ const ro = ({ className: t }) => /* @__PURE__ */ a(
       )
     ] })
   ] });
-}, ho = (t) => {
+}, po = (t) => {
   const { itemIndex: o } = t, { setItemInteraction: i } = Ke(), [d, c] = Ie(
     null
   );
   return ve(() => {
     d === null || d === "error" || i(o, d === "spin" ? "running" : "ready");
   }, [o, i, d]), d === "error" ? /* @__PURE__ */ a(
-    Mt,
+    It,
     {
       className: "text-background",
       text: "Spin could not be loaded"
@@ -3892,15 +3902,15 @@ const ro = ({ className: t }) => /* @__PURE__ */ a(
       onSpinImagesLoaded: () => c("spin"),
       onError: () => c("error")
     }
-  ) : /* @__PURE__ */ a(po, { ...t });
+  ) : /* @__PURE__ */ a(ho, { ...t });
 }, mo = 750, go = 1250, vo = 360, wo = 480, xo = (t, o, i) => ({ cursor: `url("${t}") ${o.x} ${o.y}, ${i}` }), yo = ({
   images: t,
   onlyPreload: o
 }) => {
-  const { demoSpin: i, reverse360: d, spinCursor: c, themeConfig: u } = je(), { isShowingDetails: v, isZooming: e } = Ke(), E = Ue(() => vt(u), [u]), k = e || v, N = Le(null), L = Le(null), [p, n] = Ie(!1), [b, P] = Ie("default"), _ = c === "grab" && p ? "grabbing" : c, w = E?.cursor ? (() => {
+  const { demoSpin: i, reverse360: d, spinCursor: c, themeConfig: u } = je(), { isShowingDetails: v, isZooming: e } = Ke(), E = Ue(() => wt(u), [u]), k = e || v, N = Le(null), L = Le(null), [h, n] = Ie(!1), [b, P] = Ie("default"), _ = c === "grab" && h ? "grabbing" : c, w = E?.cursor ? (() => {
     const H = b === "left" ? "leftSpin" : b === "right" ? "rightSpin" : "default", R = E.cursor[H];
     return xo(R.url, R.hotspot, _);
-  })() : _ === Dt ? { cursor: `url("${Sr}") 45 28, ew-resize` } : { cursor: _ }, C = Le(i), x = Le(null), h = G(() => {
+  })() : _ === Dt ? { cursor: `url("${Sr}") 45 28, ew-resize` } : { cursor: _ }, C = Le(i), x = Le(null), p = G(() => {
     x.current && (clearTimeout(x.current), x.current = null);
   }, []), y = Le(null), T = () => {
     y.current && (cancelAnimationFrame(y.current), y.current = null);
@@ -3911,7 +3921,7 @@ const ro = ({ className: t }) => /* @__PURE__ */ a(
   }, [X]);
   return ve(() => {
     if (k) {
-      h();
+      p();
       return;
     }
     const H = N.current, R = L.current;
@@ -3944,8 +3954,8 @@ const ro = ({ className: t }) => /* @__PURE__ */ a(
       let f = 0, Q = l;
       const oe = () => {
         const ee = () => {
-          const g = Date.now(), ae = (g - l) / 1e3, re = Math.pow(0.05, ae), xe = we * re, pe = (g - Q) / 1e3;
-          if (f += xe * pe, Math.abs(xe) < 5 * q && Math.abs(f) < q) {
+          const g = Date.now(), ae = (g - l) / 1e3, re = Math.pow(0.05, ae), xe = we * re, he = (g - Q) / 1e3;
+          if (f += xe * he, Math.abs(xe) < 5 * q && Math.abs(f) < q) {
             y.current = null;
             return;
           }
@@ -3955,7 +3965,7 @@ const ro = ({ className: t }) => /* @__PURE__ */ a(
       };
       oe();
     }, S = () => {
-      h(), T();
+      p(), T();
     };
     n(!1);
     const B = (we) => {
@@ -4015,7 +4025,7 @@ const ro = ({ className: t }) => /* @__PURE__ */ a(
       n(!1), H.removeEventListener("mousedown", B), document.removeEventListener("mousemove", ie), document.removeEventListener("mouseleave", F), document.removeEventListener("mouseup", F), document.removeEventListener("contextmenu", F), R.removeEventListener("scroll", le), R.removeEventListener("touchstart", Te), R.removeEventListener("touchmove", Ye), R.removeEventListener("touchend", Ve), R.removeEventListener("touchcancel", Ve);
     };
   }, [
-    h,
+    p,
     z,
     V,
     k,
@@ -4050,7 +4060,7 @@ const ro = ({ className: t }) => /* @__PURE__ */ a(
   onSpinImagesLoaded: d,
   onError: c
 }) => {
-  const { autoLoad360: u, emitAnalyticsEvent: v, themeConfig: e } = je(), { displayedCategoryId: E, displayedCategoryName: k } = Ke(), N = Ue(() => vt(e), [e]), L = Ue(() => o.map(({ src: C }) => C), [o]), [p, n] = Ie(null), b = p ? [...p.values()].filter((C) => C).length / o.length * 100 : null, P = G(
+  const { autoLoad360: u, emitAnalyticsEvent: v, themeConfig: e } = je(), { displayedCategoryId: E, displayedCategoryName: k } = Ke(), N = Ue(() => wt(e), [e]), L = Ue(() => o.map(({ src: C }) => C), [o]), [h, n] = Ie(null), b = h ? [...h.values()].filter((C) => C).length / o.length * 100 : null, P = G(
     (C) => {
       b === null && (n(new Map(L.map((x) => [x, !1]))), v({
         type: "interaction",
@@ -4079,8 +4089,8 @@ const ro = ({ className: t }) => /* @__PURE__ */ a(
     P("click");
   }, [P]), w = G((C) => {
     n((x) => {
-      const h = new Map(x);
-      return h.set(C, !0), h;
+      const p = new Map(x);
+      return p.set(C, !0), p;
     });
   }, []);
   return ve(() => {
@@ -4143,7 +4153,7 @@ const ro = ({ className: t }) => /* @__PURE__ */ a(
   return ve(() => {
     d === null || d === "error" || i(o, d === "spin" ? "running" : "ready");
   }, [o, i, d]), d === "error" ? /* @__PURE__ */ a(
-    Mt,
+    It,
     {
       className: "text-background",
       text: "Spin could not be loaded"
@@ -4231,7 +4241,7 @@ const ro = ({ className: t }) => /* @__PURE__ */ a(
   ve(() => {
     d === i || k();
   }, [d, i, k]);
-  const [N, L] = Ie(!1), [p, n] = Ie(!0), b = () => {
+  const [N, L] = Ie(!1), [h, n] = Ie(!0), b = () => {
     L(!0), c(i, "running");
   }, P = () => {
     L(!1), c(i, "ready");
@@ -4239,7 +4249,7 @@ const ro = ({ className: t }) => /* @__PURE__ */ a(
     n(!1);
   }, w = () => {
     n(!0);
-  }, [C, x] = Ie(null), h = (U) => {
+  }, [C, x] = Ie(null), p = (U) => {
     const D = e(), J = U.currentTarget.getBoundingClientRect(), B = (U.clientX - J.left) / J.width, ie = Math.min(1, Math.max(0, B));
     D.volume = ie, D.muted = !1;
   }, y = (U) => {
@@ -4372,7 +4382,7 @@ const ro = ({ className: t }) => /* @__PURE__ */ a(
                       "div",
                       {
                         className: `w-12 cursor-pointer py-1 opacity-0 transition-opacity ${C.isMuted ? "group-hover/volume:opacity-50" : "group-hover/volume:opacity-100"}`,
-                        onClick: h,
+                        onClick: p,
                         children: /* @__PURE__ */ a(Jt, { progress: C.volume })
                       }
                     ),
@@ -4399,7 +4409,7 @@ const ro = ({ className: t }) => /* @__PURE__ */ a(
           ]
         }
       ),
-      p && /* @__PURE__ */ a(
+      h && /* @__PURE__ */ a(
         "div",
         {
           className: "pointer-events-none absolute inset-0 flex items-center justify-center bg-foreground/25",
@@ -4428,7 +4438,7 @@ const ro = ({ className: t }) => /* @__PURE__ */ a(
       c = /* @__PURE__ */ a(bo, { itemIndex: t, onlyPreload: !i, ...o });
       break;
     case "next360":
-      c = /* @__PURE__ */ a(ho, { itemIndex: t, onlyPreload: !i, ...o });
+      c = /* @__PURE__ */ a(po, { itemIndex: t, onlyPreload: !i, ...o });
       break;
     case "interior-360":
       c = /* @__PURE__ */ a(
@@ -4470,7 +4480,7 @@ const No = ({
   aspectRatioStyle: k,
   maxItemsShown: N = 1
 }) => {
-  const { isFullScreen: L, integration: p } = je(), n = () => E || (!p || L ? "centered" : "aside"), b = () => !!(c || u), P = () => !!d, _ = () => P() && !b(), w = n(), C = (x) => {
+  const { isFullScreen: L, integration: h } = je(), n = () => E || (!h || L ? "centered" : "aside"), b = () => !!(c || u), P = () => !!d, _ = () => P() && !b(), w = n(), C = (x) => {
     if (!k) return {};
     switch (x) {
       case "centered":
@@ -4606,7 +4616,7 @@ const No = ({
           ),
           style: {
             containerType: "inline-size",
-            width: p ? `${100 / (L ? 1 : N)}%` : `${100 / N}%`
+            width: h ? `${100 / (L ? 1 : N)}%` : `${100 / N}%`
           },
           children: [
             o,
@@ -4674,7 +4684,7 @@ const No = ({
           ),
           style: {
             containerType: "inline-size",
-            width: p ? `${100 / (L ? 1 : N)}%` : `${100 / N}%`
+            width: h ? `${100 / (L ? 1 : N)}%` : `${100 / N}%`
           },
           children: [
             o,
@@ -4846,7 +4856,7 @@ const No = ({
       {
         className: ue(
           t,
-          pt("top-left"),
+          ht("top-left"),
           "flex gap-x-2 small:hidden"
         ),
         children: [
@@ -4912,7 +4922,7 @@ const No = ({
     items: { length: k },
     slidable: N,
     carrouselItemIndex: L,
-    masterItemIndex: p,
+    masterItemIndex: h,
     prevItem: n,
     nextItem: b,
     showGalleryControls: P,
@@ -4920,7 +4930,7 @@ const No = ({
     currentItemHotspotsVisible: w,
     toggleHotspots: C,
     showGallery: x,
-    toggleGallery: h,
+    toggleGallery: p,
     extendMode: y,
     toggleExtendMode: T,
     shownDetails: $,
@@ -4945,9 +4955,9 @@ const No = ({
     const F = Math.floor(c) - 1;
     return L + F;
   }, B = () => {
-    if (!v) return p;
+    if (!v) return h;
     const F = Math.floor(c) - 1;
-    return p + F;
+    return h + F;
   };
   return /* @__PURE__ */ me(nt, { children: [
     !t && E > 1 && /* @__PURE__ */ a(
@@ -4960,7 +4970,7 @@ const No = ({
         )
       }
     ),
-    N && !z && /* @__PURE__ */ a("div", { className: ue(J, pt("top-right")), children: /* @__PURE__ */ a(
+    N && !z && /* @__PURE__ */ a("div", { className: ue(J, ht("top-right")), children: /* @__PURE__ */ a(
       Ro,
       {
         currentIndex: !v || u ? L : S(),
@@ -4975,11 +4985,11 @@ const No = ({
           color: "neutral",
           className: ue(
             J,
-            pt("middle-left"),
+            ht("middle-left"),
             z ? "!pointer-events-none opacity-0" : "opacity-100"
           ),
           onClick: n,
-          disabled: !o && p <= 0,
+          disabled: !o && h <= 0,
           children: /* @__PURE__ */ a(qe, { customizationKey: "CONTROLS_PREV", children: /* @__PURE__ */ a(zt, { className: "size-full -scale-x-100" }) })
         }
       ),
@@ -4990,7 +5000,7 @@ const No = ({
           color: "neutral",
           className: ue(
             J,
-            pt("middle-right"),
+            ht("middle-right"),
             z ? "!pointer-events-none opacity-0" : "opacity-100"
           ),
           onClick: b,
@@ -5004,7 +5014,7 @@ const No = ({
       {
         className: ue(
           J,
-          pt("bottom-fullW"),
+          ht("bottom-fullW"),
           "pointer-events-none grid grid-cols-[auto,1fr,auto] items-end *:pointer-events-auto small:gap-x-2"
         ),
         children: [
@@ -5016,7 +5026,7 @@ const No = ({
                 variant: "fill",
                 color: x ? "primary" : "neutral",
                 shape: "icon",
-                onClick: h,
+                onClick: p,
                 children: /* @__PURE__ */ a(Ao, { className: "size-full" })
               }
             ),
@@ -5109,7 +5119,7 @@ const No = ({
     z && /* @__PURE__ */ a(
       Rt,
       {
-        className: ue(J, pt("top-right")),
+        className: ue(J, ht("top-right")),
         onClick: U
       }
     )
@@ -5127,20 +5137,20 @@ const No = ({
     carrouselItemIndex: k,
     setCarrouselItemIndex: N,
     itemIndexCommand: L,
-    setItemIndexCommand: p,
+    setItemIndexCommand: h,
     specialCommand: n,
     isRunningSpecialCommand: b,
     finishSpecialCommand: P,
     extendMode: _,
     extendTransition: w
-  } = Ke(), { effectiveMaxItemsShown: C } = mr(), x = Le(null), h = G((S) => {
+  } = Ke(), { effectiveMaxItemsShown: C } = mr(), x = Le(null), p = G((S) => {
     if (!x.current)
       throw new Error(`[${S ?? "sliderOrThrow"}] slider.current is null`);
     return x.current;
   }, []), y = Le(!1), T = Le(null), $ = Le(null), I = Le(null), X = G(() => {
     I.current && cancelAnimationFrame(I.current);
   }, []), V = G(() => {
-    const S = h("computeClosestSnapIndex"), B = Array.from(S.children), ie = S.scrollLeft;
+    const S = p("computeClosestSnapIndex"), B = Array.from(S.children), ie = S.scrollLeft;
     let F = 0, te = 1 / 0;
     if (B.forEach((K, ne) => {
       const M = K.offsetLeft, le = Math.abs(M - ie);
@@ -5154,27 +5164,27 @@ const No = ({
     }
     return F;
   }, [
-    h,
+    p,
     C,
     e.length,
     o,
     u
   ]), z = G(
     (S) => {
-      const B = h("setStyleCursor");
+      const B = p("setStyleCursor");
       B.style.cursor = S;
     },
-    [h]
+    [p]
   ), H = G(
     (S) => {
-      const B = h("setStyleSnapState");
+      const B = p("setStyleSnapState");
       S === "mandatory" ? B.style.scrollSnapType = "x mandatory" : B.style.scrollSnapType = "none";
     },
-    [h]
+    [p]
   ), R = G(
     (S, B, ie) => {
       X();
-      const F = h("scrollToIndex"), te = Array.from(F.children), K = F.scrollLeft;
+      const F = p("scrollToIndex"), te = Array.from(F.children), K = F.scrollLeft;
       let ne = te[S].offsetLeft;
       const M = F.clientWidth, le = F.scrollWidth - M;
       if (C > 1) {
@@ -5202,7 +5212,7 @@ const No = ({
             Te();
             return;
           }
-          const ee = Math.min(oe / Ve, 1), g = kr(ee), ae = bt(K, ne, g);
+          const ee = Math.min(oe / Ve, 1), g = kr(ee), ae = Lt(K, ne, g);
           j(ae), l();
         };
         I.current = requestAnimationFrame(f);
@@ -5211,7 +5221,7 @@ const No = ({
     },
     [
       X,
-      h,
+      p,
       C,
       H,
       e.length,
@@ -5224,7 +5234,7 @@ const No = ({
       clearTimeout(q);
       const B = setTimeout(() => {
         ce(void 0);
-      }, hr);
+      }, pr);
       ce(B);
     };
     return addEventListener("resize", S), document.addEventListener("fullscreenchange", S), () => {
@@ -5301,7 +5311,7 @@ const No = ({
       return;
     const B = () => {
       const ie = V();
-      Number.isNaN(ie) || (N(ie), ie === L && p(null));
+      Number.isNaN(ie) || (N(ie), ie === L && h(null));
     };
     return S.addEventListener("scroll", B), () => {
       S.removeEventListener("scroll", B);
@@ -5313,13 +5323,13 @@ const No = ({
     L,
     c,
     N,
-    p
+    h
   ]), ve(() => {
     if (L === null)
       return;
     const S = () => {
       setTimeout(() => {
-        p(null), P();
+        h(null), P();
       }, 75);
     };
     switch (n) {
@@ -5344,7 +5354,7 @@ const No = ({
     L,
     e.length,
     R,
-    p,
+    h,
     C,
     o,
     u
@@ -5451,18 +5461,18 @@ const No = ({
     isZooming: e,
     resetZoom: E,
     fakeFullScreen: k
-  } = Ke(), N = Le(null), L = Le(null), p = Le(null);
+  } = Ke(), N = Le(null), L = Le(null), h = Le(null);
   return ve(() => {
     if (!u)
       return;
-    const n = N.current, b = L.current, P = p.current;
+    const n = N.current, b = L.current, P = h.current;
     if (!n || !b || !P)
       return;
     let _ = !1;
-    const w = (h) => [n, b, P].includes(h.target), C = (h) => {
-      _ = w(h);
-    }, x = (h) => {
-      _ && (w(h) && v(), _ = !1);
+    const w = (p) => [n, b, P].includes(p.target), C = (p) => {
+      _ = w(p);
+    }, x = (p) => {
+      _ && (w(p) && v(), _ = !1);
     };
     return n.addEventListener("mousedown", C), n.addEventListener("mouseup", x), () => {
       n.removeEventListener("mousedown", C), n.removeEventListener("mouseup", x);
@@ -5499,7 +5509,7 @@ const No = ({
               /* @__PURE__ */ a(
                 "div",
                 {
-                  ref: p,
+                  ref: h,
                   className: ue(
                     u && "mx-auto flex min-h-0 w-full max-w-[1600px] justify-center"
                   ),
@@ -5559,7 +5569,7 @@ const No = ({
     u,
     c
   ]), v ? /* @__PURE__ */ a(
-    Mt,
+    It,
     {
       className: "aspect-square text-foreground/70",
       text: "Player could not be loaded"
@@ -5572,7 +5582,7 @@ const No = ({
   hideCategoriesNav: !0,
   infiniteCarrousel: !1,
   permanentGallery: !1
-}, Go = [1, 1.5, 2, 2.5], jo = () => Ue(() => hn(), []), qo = () => Ue(() => mn(), []), Ko = () => Ue(() => gn(), []), $o = "https://analytics.eu.car-cutter.com", Jo = {
+}, Go = [1, 1.5, 2, 2.5], jo = () => Ue(() => pn(), []), qo = () => Ue(() => mn(), []), Ko = () => Ue(() => gn(), []), $o = "https://analytics.eu.car-cutter.com", Jo = {
   load: "/webplayer/load",
   display: "/webplayer/display",
   interaction: "/webplayer/interaction",
@@ -5615,7 +5625,7 @@ const No = ({
   preloadRange: k = Qr,
   autoLoad360: N = en,
   autoLoadInterior360: L = tn,
-  categoriesFilter: p = rn,
+  categoriesFilter: h = rn,
   extendBehavior: n = nn,
   eventPrefix: b = cr,
   demoSpin: P = on,
@@ -5623,9 +5633,9 @@ const No = ({
   analyticsEventPrefix: w = dr,
   analyticsUrl: C = ln,
   analyticsBearer: x = cn,
-  analyticsSimpleRequestsOnly: h = un,
+  analyticsSimpleRequestsOnly: p = un,
   analyticsDryRun: y = dn,
-  analyticsDebug: T = pn,
+  analyticsDebug: T = hn,
   spinCursor: $ = Dt,
   monitoring: I,
   themeConfig: X,
@@ -5665,7 +5675,7 @@ const No = ({
         });
         if (document.dispatchEvent(Te), C || z) {
           const Ye = "POST", Ve = new Headers();
-          h || (Ve.append("Content-Type", "application/json"), Ve.append("Cache-Control", "no-cache"), x && Ve.append("Authorization", `Bearer ${x}`));
+          p || (Ve.append("Content-Type", "application/json"), Ve.append("Cache-Control", "no-cache"), x && Ve.append("Authorization", `Bearer ${x}`));
           const we = JSON.stringify(le), l = [];
           C && l.push(fetch(C, { method: Ye, headers: Ve, body: we })), z && l.push(
             n2({ payload: le, compositionUrl: t })
@@ -5687,7 +5697,7 @@ const No = ({
       w,
       C,
       x,
-      h,
+      p,
       y,
       T,
       B,
@@ -5710,7 +5720,7 @@ const No = ({
       preload_range: k,
       auto_load_360: N,
       auto_load_interior_360: L,
-      categories_filter: p,
+      categories_filter: h,
       extend_behavior: n,
       event_prefix: b,
       demo_spin: P,
@@ -5780,7 +5790,7 @@ const No = ({
       minMediaWidth: e,
       maxMediaWidth: E,
       preloadRange: k,
-      categoriesFilter: p,
+      categoriesFilter: h,
       autoLoad360: N,
       autoLoadInterior360: L,
       extendBehavior: n,
@@ -5825,7 +5835,7 @@ const No = ({
     }
   );
 }, a2 = ({ children: t, index: o, thumbnailSrc: i }) => {
-  const { registerCustomMedia: d, unregisterCustomMedia: c } = gt();
+  const { registerCustomMedia: d, unregisterCustomMedia: c } = vt();
   return ve(() => {
     if (!t)
       return;
@@ -5839,7 +5849,7 @@ const No = ({
     };
   }, [t, c, o, d, i]), null;
 }, g2 = (t) => Ot() ? /* @__PURE__ */ a(a2, { ...t }) : /* @__PURE__ */ a("slot", {}), i2 = ({ name: t, children: o }) => {
-  const { registerIconConfig: i, unregisterIconConfig: d } = gt();
+  const { registerIconConfig: i, unregisterIconConfig: d } = vt();
   return ve(() => {
     if (o)
       return i(t, {
@@ -5880,7 +5890,7 @@ const w2 = (t) => /* @__PURE__ */ me(nt, { children: [
   onGalleryClose: k,
   onAnalyticsLoad: N,
   onAnalyticsDisplay: L,
-  onAnalyticsInteraction: p,
+  onAnalyticsInteraction: h,
   onAnalyticsError: n,
   className: b,
   style: P = {},
@@ -5892,7 +5902,7 @@ const w2 = (t) => /* @__PURE__ */ me(nt, { children: [
     return b && Object.assign(x, { class: b }), x;
   }, [b, w]);
   return ve(() => {
-    const x = w.eventPrefix ?? cr, h = w.analyticsEventPrefix ?? dr, y = (z) => `${x}${z}`, T = (z) => `${h}${z}`, $ = {
+    const x = w.eventPrefix ?? cr, p = w.analyticsEventPrefix ?? dr, y = (z) => `${x}${z}`, T = (z) => `${p}${z}`, $ = {
       [tr]: t,
       [rr]: o,
       [nr]: i,
@@ -5906,7 +5916,7 @@ const w2 = (t) => /* @__PURE__ */ me(nt, { children: [
     }, I = {
       [Xr]: N,
       [Zr]: L,
-      [Vr]: p,
+      [Vr]: h,
       [Yr]: n
     }, X = /* @__PURE__ */ new Map(), V = /* @__PURE__ */ new Map();
     return Object.entries($).forEach(([z, H]) => {
@@ -5941,7 +5951,7 @@ const w2 = (t) => /* @__PURE__ */ me(nt, { children: [
     w.analyticsEventPrefix,
     N,
     L,
-    p,
+    h,
     n
   ]), /* @__PURE__ */ a("cc-webplayer", { style: { display: "block", ...P }, ...C, children: _ });
 }, y2 = ({ children: t, ...o }) => {
@@ -5980,5 +5990,5 @@ export {
   x2 as s,
   y2 as t,
   C2 as u,
-  h2 as v
+  p2 as v
 };