@qispace/vue3-player 0.3.49 → 0.3.50

package/dist/vue-components/vue3-player.js

@@ -1,7 +1,7 @@
 var Ba = Object.defineProperty;
 var Ra = (s, a, e) => a in s ? Ba(s, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[a] = e;
 var he = (s, a, e) => (Ra(s, typeof a != "symbol" ? a + "" : a, e), e);
-import { defineComponent as W, ref as c, computed as B, openBlock as v, createElementBlock as D, watch as U, onMounted as Se, onBeforeUnmount as Xe, withDirectives as De, createElementVNode as u, normalizeStyle as ie, vShow as Ae, createVNode as C, Fragment as ve, renderList as Ce, createCommentVNode as R, inject as Ue, resolveComponent as V, withCtx as b, toDisplayString as Q, unref as A, createTextVNode as ae, normalizeClass as ge, createBlock as $, renderSlot as oe, provide as Ze, reactive as St, watchEffect as Re, resolveDynamicComponent as ea, normalizeProps as pt, guardReactiveProps as ft, mergeProps as Ee, nextTick as xe, Transition as Be, createSlots as Ua, toRefs as Te, pushScopeId as It, popScopeId as xt, vModelText as Ha, createStaticVNode as ta, onBeforeUpdate as Ya, withModifiers as za } from "vue";
+import { defineComponent as W, ref as c, computed as B, openBlock as v, createElementBlock as D, watch as U, onMounted as Se, onBeforeUnmount as Xe, withDirectives as De, createElementVNode as u, normalizeStyle as ie, vShow as Ae, createVNode as C, Fragment as pe, renderList as Ce, createCommentVNode as R, inject as Ue, resolveComponent as V, withCtx as b, toDisplayString as Q, unref as A, createTextVNode as ae, normalizeClass as ge, createBlock as $, renderSlot as oe, provide as Ze, reactive as St, watchEffect as Re, resolveDynamicComponent as ea, normalizeProps as pt, guardReactiveProps as ft, mergeProps as Ee, nextTick as xe, Transition as Be, createSlots as Ua, toRefs as Te, pushScopeId as It, popScopeId as xt, vModelText as Ha, createStaticVNode as ta, onBeforeUpdate as Ya, withModifiers as za } from "vue";
 import Ct from "axios";
 import * as ja from "@qispace/player-core";
 import { Vector3 as dt, Object3D as Pa, MathUtils as Wa } from "three";
@@ -143,10 +143,10 @@ const Ga = /* @__PURE__ */ W({
     });
     function G() {
       l.value = x.value.getContext("2d", { willReadFrequently: !0 }), d.value = new Image(), d.value.onload = () => {
-        We(), x.value.addEventListener("mousemove", Le(me, 50));
+        We(), x.value.addEventListener("mousemove", Le(ve, 50));
       }, d.value.src = te.value;
     }
-    function me(N) {
+    function ve(N) {
       const ee = Z(N.offsetX, N.offsetY);
       w.value = ee >= 0, p.value = ee, n.value = {
         x: N.offsetX,
@@ -415,7 +415,7 @@ const Ga = /* @__PURE__ */ W({
           key: 0,
           viewBox: l.value.viewBox
         }, [
-          (v(!0), D(ve, null, Ce(l.value.svgObjects, ({ index: x, svg: M }) => (v(), D("g", {
+          (v(!0), D(pe, null, Ce(l.value.svgObjects, ({ index: x, svg: M }) => (v(), D("g", {
             key: x,
             innerHTML: M,
             style: ie(_(x)),
@@ -704,7 +704,7 @@ const on = {
             _: 1
           })
         ])) : d.value ? (v(), D("div", cn, [
-          (v(!0), D(ve, null, Ce(l.value, (L) => (v(), D("picture", {
+          (v(!0), D(pe, null, Ce(l.value, (L) => (v(), D("picture", {
             key: L.index,
             alt: L.index,
             class: ge({ "frame-image": !0, show: L.show })
@@ -795,7 +795,7 @@ const on = {
   setup(s, { expose: a, emit: e }) {
     const o = s, n = e;
     a({
-      adjustZoom: me
+      adjustZoom: ve
     });
     const t = c(100), r = c(0), l = c(0), d = c(!1), m = c(!1), i = c(void 0), p = c(!1), w = c(), k = B(() => `translateX(${r.value}px) translateY(${l.value}px) scale(${f.value})`), f = B(() => t.value / 100), h = B(() => o.maxScale * 100);
     U(
@@ -869,7 +869,7 @@ const on = {
     }
     function L(O) {
       const { x: Z, y: q } = S(O);
-      me(-O.deltaY / 10, Z, q), O.preventDefault();
+      ve(-O.deltaY / 10, Z, q), O.preventDefault();
     }
     function P(O) {
       d.value = !0, p.value = !1, i.value = O;
@@ -907,7 +907,7 @@ const on = {
         ), { x: re, y: be } = S(O.touches[1]), { x: le, y: Fe } = S(
           i.value.touches[1]
         ), Me = Math.hypot(ne - le, ue - Fe), We = Math.hypot(Z - re, q - be), we = (re + Z) / 2, Ie = (be + q) / 2;
-        me(We - Me, we, Ie);
+        ve(We - Me, we, Ie);
       }
       i.value = O;
     }
@@ -935,7 +935,7 @@ const on = {
         -(q - Z)
       );
     }
-    function me(O, Z, q) {
+    function ve(O, Z, q) {
       const ne = Z !== void 0 ? Z : w.value.clientWidth / 2, ue = q !== void 0 ? q : w.value.clientHeight / 2, re = w.value.clientWidth, be = w.value.clientHeight, le = re * f.value, Fe = be * f.value;
       t.value = Math.min(Math.max(100, t.value + O), h.value);
       const Me = re * f.value, We = be * f.value, we = Me - le, Ie = We - Fe;
@@ -1074,12 +1074,12 @@ const Cn = { key: 0 }, wn = { class: "interactive-viewer" }, kn = { class: "fill
         for (let z = 0; z < $t; z++)
           S.push(I), I = aa(I);
         return H.sort((z, G) => {
-          const me = S.findIndex(
+          const ve = S.findIndex(
             (O) => O === r.value[z[te]]
           ), Y = S.findIndex(
             (O) => O === r.value[G[te]]
           );
-          return me < Y ? -1 : me > Y ? 1 : 0;
+          return ve < Y ? -1 : ve > Y ? 1 : 0;
         }), H;
       }, K = (H) => {
         m.value = new bn(H);
@@ -1217,7 +1217,7 @@ const Cn = { key: 0 }, wn = { class: "interactive-viewer" }, kn = { class: "fill
   },
   setup(s) {
     const a = s;
-    return (e, o) => (v(!0), D(ve, null, Ce(a.dayData.timeSamples, (n) => (v(), $(On, {
+    return (e, o) => (v(!0), D(pe, null, Ce(a.dayData.timeSamples, (n) => (v(), $(On, {
       "time-sample-data": n,
       "cdn-file-resolver": a.cdnFileResolver,
       "current-time": e.currentTime
@@ -1232,7 +1232,7 @@ const Cn = { key: 0 }, wn = { class: "interactive-viewer" }, kn = { class: "fill
   },
   setup(s) {
     const a = s;
-    return (e, o) => (v(!0), D(ve, null, Ce(a.cameraData.sunsimDayOfYear, (n) => (v(), $(En, {
+    return (e, o) => (v(!0), D(pe, null, Ce(a.cameraData.sunsimDayOfYear, (n) => (v(), $(En, {
       "day-data": n,
       "cdn-file-resolver": a.cdnFileResolver,
       "current-time": a.currentTime
@@ -1541,7 +1541,7 @@ const Un = /* @__PURE__ */ W({
     }
     return (f, h) => {
       const g = V("v-btn"), _ = V("v-chip");
-      return v(), D(ve, null, [
+      return v(), D(pe, null, [
         C(g, {
           class: "mx-2",
           icon: "mdi-restore",
@@ -2056,7 +2056,7 @@ const no = {
     function G(Y) {
       o("onHoverOut", Y), m.value = void 0;
     }
-    function me(Y) {
+    function ve(Y) {
       const { layerX: O, layerY: Z } = Y;
       let q = Y.target, ne = !1;
       for (; q; )
@@ -2079,7 +2079,7 @@ const no = {
     }
     return (Y, O) => {
       const Z = V("v-skeleton-loader");
-      return v(), D(ve, null, [
+      return v(), D(pe, null, [
         C(Z, {
           type: "image",
           class: "w-100 h-100 position-relative",
@@ -2092,7 +2092,7 @@ const no = {
                   ref_key: "container",
                   ref: _,
                   class: ge({ mobile: T.value }),
-                  onMousemove: me
+                  onMousemove: ve
                 }, [
                   u("div", no, [
                     u("div", oo, [
@@ -2146,13 +2146,13 @@ const no = {
                   ]),
                   C(st, { position: "relative" }, {
                     default: b(() => [
-                      (v(!0), D(ve, null, Ce(L.value, (q) => (v(), $(Tn, {
+                      (v(!0), D(pe, null, Ce(L.value, (q) => (v(), $(Tn, {
                         key: q.overlayFilename,
                         "camera-data": q,
                         "cdn-file-resolver": e.cdnFileResolver,
                         "current-time": r.value
                       }, null, 8, ["camera-data", "cdn-file-resolver", "current-time"]))), 128)),
-                      (v(!0), D(ve, null, Ce(P.value, (q) => (v(), $(Bn, {
+                      (v(!0), D(pe, null, Ce(P.value, (q) => (v(), $(Bn, {
                         "transition-data": q,
                         "cdn-file-resolver": e.cdnFileResolver,
                         "current-transition": l.value
@@ -2344,7 +2344,7 @@ const no = {
         onLoad: l
       }, null, 544),
       n.value === "preloaded" || n.value === "loaded" ? De((v(), D("div", _o, [
-        (v(!0), D(ve, null, Ce(m.imageUrls, (p, w) => (v(), D("img", {
+        (v(!0), D(pe, null, Ce(m.imageUrls, (p, w) => (v(), D("img", {
           key: w,
           class: ge({ "image-instance": !0, active: w === m.activeIndex }),
           src: p,
@@ -2410,8 +2410,8 @@ const no = {
           viewLongitude: S.viewLongitude
         };
         const z = [];
-        for (let { id: G, url: me } of S.buildingOverlays)
-          i.value.loadJson(me.replace(".png", ".svg")).then((Y) => {
+        for (let { id: G, url: ve } of S.buildingOverlays)
+          i.value.loadJson(ve.replace(".png", ".svg")).then((Y) => {
             const Z = new DOMParser().parseFromString(Y, "image/svg+xml").getElementsByTagName("svg")[0];
             w.value = Z.getAttribute("viewBox"), z.push({
               id: G,
@@ -2441,12 +2441,12 @@ const no = {
         I === l.value ? "hover" : "idle"
       );
       if (S) {
-        const { r: z, g: G, b: me, a: Y, s: O } = S;
+        const { r: z, g: G, b: ve, a: Y, s: O } = S;
         return {
           strokeWidth: O !== void 0 ? O : 2,
-          stroke: `rgb(${z}, ${G}, ${me})`,
+          stroke: `rgb(${z}, ${G}, ${ve})`,
           strokeOpacity: 1,
-          fill: `rgb(${z}, ${G}, ${me})`,
+          fill: `rgb(${z}, ${G}, ${ve})`,
           fillOpacity: Y / 255,
           cursor: `${e.canGoToBuildingCallback(I) ? "cursor" : "default"} !important`
         };
@@ -2521,9 +2521,9 @@ const no = {
               p.value ? De((v(), D("div", So, [
                 u("div", Io, [
                   (v(), D("svg", { viewBox: w.value }, [
-                    (v(!0), D(ve, null, Ce(p.value, ({ id: G, svg: me }, Y) => (v(), D("g", {
+                    (v(!0), D(pe, null, Ce(p.value, ({ id: G, svg: ve }, Y) => (v(), D("g", {
                       key: Y,
-                      innerHTML: me,
+                      innerHTML: ve,
                       "data-building-id": G,
                       class: ge(P(G)),
                       style: ie(x(G)),
@@ -2701,11 +2701,11 @@ const no = {
       t.value = { preloaded: !1, ready: !1 };
     }
     function P(I) {
-      const { layerX: S, layerY: z } = I, { x: G, y: me } = k.value(S, z);
+      const { layerX: S, layerY: z } = I, { x: G, y: ve } = k.value(S, z);
       return m.value.getBuildingId(
         i.value,
         G,
-        me
+        ve
       );
     }
     function x() {
@@ -2764,7 +2764,7 @@ const no = {
                 onReset: L
               }, null, 8, ["image-urls", "active-index"]),
               De(u("div", null, [
-                (v(!0), D(ve, null, Ce(d.value.buildingOverlays, (G) => (v(), $(Oo, {
+                (v(!0), D(pe, null, Ce(d.value.buildingOverlays, (G) => (v(), $(Oo, {
                   ref_for: !0,
                   ref_key: "overlays",
                   ref: _,
@@ -2902,7 +2902,7 @@ const no = {
   },
   setup(s) {
     const a = s;
-    return (e, o) => (v(!0), D(ve, null, Ce(a.dayData.timeSamples, (n) => (v(), $(Yo, {
+    return (e, o) => (v(!0), D(pe, null, Ce(a.dayData.timeSamples, (n) => (v(), $(Yo, {
       "time-sample-data": n,
       "cdn-file-resolver": a.cdnFileResolver,
       "current-time": e.currentTime
@@ -2917,7 +2917,7 @@ const no = {
   },
   setup(s) {
     const a = s;
-    return (e, o) => (v(!0), D(ve, null, Ce(a.cameraData.sunsimDayOfYear, (n) => (v(), $(zo, {
+    return (e, o) => (v(!0), D(pe, null, Ce(a.cameraData.sunsimDayOfYear, (n) => (v(), $(zo, {
       "day-data": n,
       "cdn-file-resolver": a.cdnFileResolver,
       "current-time": a.currentTime
@@ -3374,7 +3374,7 @@ const tl = {
     }
     return (M, K) => {
       const H = V("v-skeleton-loader");
-      return v(), D(ve, null, [
+      return v(), D(pe, null, [
         C(H, {
           type: "image",
           class: "w-100 h-100 position-relative",
@@ -3422,7 +3422,7 @@ const tl = {
                   ]),
                   C(st, { position: "relative" }, {
                     default: b(() => [
-                      (v(!0), D(ve, null, Ce(f.value.cameras, (te) => (v(), $(jo, {
+                      (v(!0), D(pe, null, Ce(f.value.cameras, (te) => (v(), $(jo, {
                         key: te.overlayFilename,
                         "camera-data": te,
                         "cdn-file-resolver": e.cdnFileResolver,
@@ -3743,7 +3743,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
           ]),
           default: b(() => [
             u("div", Bl, [
-              (v(!0), D(ve, null, Ce(e.availableArchetypes, (p, w) => (v(), D("div", {
+              (v(!0), D(pe, null, Ce(e.availableArchetypes, (p, w) => (v(), D("div", {
                 key: `at-menuitem-${w}`,
                 onClick: (k) => o("selectInterior", p.archetypeID),
                 class: ge(["interior-selector-list-item", {
@@ -4742,7 +4742,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
       return v(), D("div", Bs, [
         u("form", Rs, [
           u("div", Us, [
-            (v(!0), D(ve, null, Ce(n.value, (x, M, K) => (v(), D("div", {
+            (v(!0), D(pe, null, Ce(n.value, (x, M, K) => (v(), D("div", {
               key: K,
               "d-block": ""
             }, [
@@ -5096,7 +5096,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
             class: "center-pivot",
             style: ie(d.value)
           }, [
-            (v(!0), D(ve, null, Ce(y.value, (z) => (v(), D("div", {
+            (v(!0), D(pe, null, Ce(y.value, (z) => (v(), D("div", {
               key: z.id
             }, [
               f.value.floorLevel === z.floorLevel ? (v(), D("div", {
@@ -5453,7 +5453,7 @@ const Fr = { class: "d-flex align-center" }, Lr = { class: "d-block mr-1" }, Mr
                   u("span", Mr, Q(A(wt)(l.value)), 1)
                 ]),
                 _: 1
-              }, 8, ["modelValue", "min", "max", "step", "disabled"])) : (v(), D(ve, { key: 1 }, [
+              }, 8, ["modelValue", "min", "max", "step", "disabled"])) : (v(), D(pe, { key: 1 }, [
                 C(i, {
                   style: { "vertical-align": "baseline", "font-size": "20px", "margin-top": "-1px", opacity: "0.6" },
                   class: "mr-2 icon",
@@ -5618,7 +5618,7 @@ const Fr = { class: "d-flex align-center" }, Lr = { class: "d-block mr-1" }, Mr
             }, null, 8, ["class"]))
           ]),
           default: b(() => [
-            (v(!0), D(ve, null, Ce(m.thumbnails, (_) => (v(), $(h, {
+            (v(!0), D(pe, null, Ce(m.thumbnails, (_) => (v(), $(h, {
               key: _.id
             }, {
               default: b(({ toggle: y, selectedClass: T }) => [
@@ -6009,7 +6009,7 @@ const Nr = {
       screenToWorld: La,
       clearCurrentMarkerLayer: Aa
     });
-    const z = c(!1), G = c(!1), me = c(!1), Y = c(), O = c(), Z = c(), q = c(), ne = c(), ue = c(0), re = c(), be = c(), le = c(), Fe = c(0), Me = c(0), We = c(0), we = c(!1), Ie = c(!1), Ve = c(), Le = c(!1), N = c(!1), ee = c(
+    const z = c(!1), G = c(!1), ve = c(!1), Y = c(), O = c(), Z = c(), q = c(), ne = c(), ue = c(0), re = c(), be = c(), le = c(), Fe = c(0), Me = c(0), We = c(0), we = c(!1), Ie = c(!1), Ve = c(), Le = c(!1), N = c(!1), ee = c(
       new da(document, "player-wrapper")
     ), ye = c(), Ge = B(() => {
       if (O.value) {
@@ -6071,7 +6071,7 @@ const Nr = {
     );
     const fe = B(() => /Android|webOS|iPhone|iPad|BlackBerry|Windows Phone|Opera Mini|IEMobile|Mobile/i.test(
       window.navigator.userAgent
-    )), pe = B(() => fe.value ? "platform-mobile" : "platform-desktop"), ze = B(() => {
+    )), me = B(() => fe.value ? "platform-mobile" : "platform-desktop"), ze = B(() => {
       const F = ce(
         n.value,
         "/config.json"
@@ -6088,7 +6088,7 @@ const Nr = {
         try {
           be.value = void 0, await va(), pa(), await ma(), ee.value.setup(), fa();
         } catch (F) {
-          me.value = !0, S("onError", F);
+          ve.value = !0, S("onError", F);
         }
       },
       { immediate: !0 }
@@ -6113,7 +6113,7 @@ const Nr = {
           z.value = !0;
         }, 1e3);
       } catch (F) {
-        me.value = !0, S("onError", F);
+        ve.value = !0, S("onError", F);
       }
     }), Xe(() => {
       document.removeEventListener("wheel", At);
@@ -6361,9 +6361,9 @@ const Nr = {
     return (F, j) => {
       const se = V("v-btn");
       return v(), D("div", {
-        class: ge(["virtual-tour-wrapper", [pe.value]])
+        class: ge(["virtual-tour-wrapper", [me.value]])
       }, [
-        me.value ? (v(), D("div", Nr, "Error loading the player!!")) : R("", !0),
+        ve.value ? (v(), D("div", Nr, "Error loading the player!!")) : R("", !0),
         u("div", Gr, [
           !ee.value.isActive && q.value && le.value && E.value && re.value && Ie.value ? (v(), $(Zt, {
             key: 0,
@@ -6377,7 +6377,7 @@ const Nr = {
           }, null, 8, ["cdn-file-resolver", "apartment-json", "level", "minimap-json", "rotation", "current-camera"])) : R("", !0),
           re.value && be.value ? (v(), D("div", {
             key: 1,
-            class: ge(["v-player", [pe.value]])
+            class: ge(["v-player", [me.value]])
           }, [
             C(Fl, {
               ref_key: "vPlayerInstance",
@@ -6987,7 +6987,7 @@ const Nr = {
   },
   setup(s) {
     const a = s, { dayData: e, cdnFileResolver: o, currentTime: n } = Te(a);
-    return (t, r) => (v(!0), D(ve, null, Ce(A(e).timeSamples, (l, d) => (v(), $(xi, {
+    return (t, r) => (v(!0), D(pe, null, Ce(A(e).timeSamples, (l, d) => (v(), $(xi, {
       key: d,
       "time-sample-data": l,
       "cdn-file-resolver": A(o),
@@ -7013,23 +7013,21 @@ const Nr = {
       });
     });
     const m = B(() => ce(o.value, e.value.defaultFilename));
-    return (i, p) => (v(), D(ve, null, [
-      A(e).sunsimDayOfYear ? (v(!0), D(ve, { key: 0 }, Ce(A(e).sunsimDayOfYear, (w, k) => (v(), $(Di, {
-        key: k,
-        "day-data": w,
-        "cdn-file-resolver": A(o),
-        "current-day": i.currentDay,
-        "current-time": A(t)
-      }, null, 8, ["day-data", "cdn-file-resolver", "current-day", "current-time"]))), 128)) : R("", !0),
-      u("img", {
-        ref_key: "image",
-        ref: r,
-        style: ie({ visibility: A(n) === A(e) ? "visible" : "hidden" }),
-        src: m.value
-      }, null, 12, Ai)
-    ], 64));
+    return (i, p) => A(e).sunsimDayOfYear ? (v(!0), D(pe, { key: 0 }, Ce(A(e).sunsimDayOfYear, (w, k) => (v(), $(Di, {
+      key: k,
+      "day-data": w,
+      "cdn-file-resolver": A(o),
+      "current-day": i.currentDay,
+      "current-time": A(t)
+    }, null, 8, ["day-data", "cdn-file-resolver", "current-day", "current-time"]))), 128)) : (v(), D("img", {
+      key: 1,
+      ref_key: "image",
+      ref: r,
+      style: ie({ visibility: A(n) === A(e) ? "visible" : "hidden" }),
+      src: m.value
+    }, null, 12, Ai));
   }
-}), Li = /* @__PURE__ */ X(Fi, [["__scopeId", "data-v-164572be"]]), Mi = ["src"], Oi = /* @__PURE__ */ W({
+}), Li = /* @__PURE__ */ X(Fi, [["__scopeId", "data-v-da694d37"]]), Mi = ["src"], Oi = /* @__PURE__ */ W({
   __name: "VStructureChooserTransition",
   props: {
     transitionData: {},
@@ -7120,7 +7118,7 @@ const Ti = {
           default: b(() => [
             C(h, null, {
               default: b(() => [
-                (v(!0), D(ve, null, Ce(A(n).sunsimDayOfYear, (_, y) => (v(), $(f, {
+                (v(!0), D(pe, null, Ce(A(n).sunsimDayOfYear, (_, y) => (v(), $(f, {
                   key: y,
                   value: y,
                   onClick: (T) => d.value = _.dayOfYear
@@ -7197,7 +7195,7 @@ const Ti = {
         })
       }, [
         u("div", Bi, [
-          (v(!0), D(ve, null, Ce(A(n), (f, h) => (v(), D("div", {
+          (v(!0), D(pe, null, Ce(A(n), (f, h) => (v(), D("div", {
             key: h,
             class: ge(["still-camera-image d-flex flex-column flex-reverse align-center elevation-2", {
               "active-camera": f === d.value
@@ -7306,7 +7304,7 @@ const Ti = {
                 u("span", ji, Q(A(wt)(d.value)), 1)
               ]),
               _: 1
-            }, 8, ["modelValue", "min", "max", "step", "disabled"])) : (v(), D(ve, { key: 1 }, [
+            }, 8, ["modelValue", "min", "max", "step", "disabled"])) : (v(), D(pe, { key: 1 }, [
               C(p, {
                 style: { "vertical-align": "baseline", "font-size": "20px", "margin-top": "-1px", opacity: "0.6" },
                 class: "mr-2 icon",
@@ -7805,7 +7803,7 @@ const lu = {
       defaultDay: p,
       defaultTime: w,
       mobileBreakpoint: k
-    } = Te(o), f = e, h = c(), g = c(), _ = c(), y = c(null), T = c(4), L = c(), P = c(!1), x = c(!1), M = c(), K = B(() => M.value.isHoverEnabled), H = c({ x: 0, y: 0, width: 0, height: 0 }), te = c(), I = c(), S = c(), z = c(!1), G = c(1), me = c(0), Y = c([]), O = c(), Z = c({
+    } = Te(o), f = e, h = c(), g = c(), _ = c(), y = c(null), T = c(4), L = c(), P = c(!1), x = c(!1), M = c(), K = B(() => M.value.isHoverEnabled), H = c({ x: 0, y: 0, width: 0, height: 0 }), te = c(), I = c(), S = c(), z = c(!1), G = c(1), ve = c(0), Y = c([]), O = c(), Z = c({
       current: 100,
       min: 100,
       max: 1e3
@@ -7839,9 +7837,9 @@ const lu = {
         currentDayIndex: J,
         currentTimeIndex: de,
         currentTransitionIndex: fe,
-        currentScene: pe
+        currentScene: me
       }) => {
-        typeof E == "number" && (h.value = le.value[E]), typeof J == "number" && (g.value = h.value.sunsimDayOfYear[J]), typeof de == "number" && (_.value = g.value.timeSamples[de]), typeof fe == "number" && (y.value = Fe.value[fe]), typeof pe == "number" && (T.value = pe);
+        typeof E == "number" && (h.value = le.value[E]), typeof J == "number" && (g.value = h.value.sunsimDayOfYear[J]), typeof de == "number" && (_.value = g.value.timeSamples[de]), typeof fe == "number" && (y.value = Fe.value[fe]), typeof me == "number" && (T.value = me);
       },
       resolveCoordinates: (E, J) => ne.value ? ne.value(E, J) : { x: 0, y: 0 }
     }), Se(() => {
@@ -7849,12 +7847,12 @@ const lu = {
     }), U(I, () => {
       I.value && new ResizeObserver(([]) => {
         const J = Y.value.find((de) => de.loaded);
-        J && (me.value = J.image.width / G.value);
+        J && (ve.value = J.image.width / G.value);
       }).observe(I.value);
     }), U(Y, () => {
-      if (me.value === 0) {
+      if (ve.value === 0) {
         const E = Y.value.find((J) => J.loaded);
-        E && (G.value = E.image.naturalWidth / E.image.naturalHeight, me.value = E.image.width / G.value);
+        E && (G.value = E.image.naturalWidth / E.image.naturalHeight, ve.value = E.image.width / G.value);
       }
     });
     const ue = B(() => Y.value.every((E) => E.loaded)), re = B(() => Math.round(
@@ -7988,14 +7986,14 @@ const lu = {
     }
     function ye(E) {
       const { layerX: J, layerY: de } = E;
-      let fe = E.target, pe = !1;
+      let fe = E.target, me = !1;
       for (; fe; )
         if (fe === te.value) {
-          pe = !0;
+          me = !0;
           break;
         } else
           fe = fe.parentElement;
-      if (pe) {
+      if (me) {
         const ze = E.currentTarget;
         H.value = {
           x: J,
@@ -8026,25 +8024,25 @@ const lu = {
     async function _e(E) {
       const J = T.value;
       if (S.value.loopable) {
-        const de = S.value.stillCameraIndices.length, fe = Ye(J), pe = Ye(E);
+        const de = S.value.stillCameraIndices.length, fe = Ye(J), me = Ye(E);
         let ze = 0, ct = 0, Pe = fe;
-        for (; Pe++, Pe >= de && (Pe = 0), Pe !== pe; )
+        for (; Pe++, Pe >= de && (Pe = 0), Pe !== me; )
           ze++;
-        for (Pe = fe; Pe--, Pe < 0 && (Pe += de), Pe !== pe; )
+        for (Pe = fe; Pe--, Pe < 0 && (Pe += de), Pe !== me; )
           ct++;
-        ze === ct ? Ne(J, E) : ze < ct ? fe < pe ? Ne(J, E) : Ne(J, E + S.value.cameras.length) : fe >= pe ? Ne(J, E) : Ne(J + S.value.cameras.length, E);
+        ze === ct ? Ne(J, E) : ze < ct ? fe < me ? Ne(J, E) : Ne(J, E + S.value.cameras.length) : fe >= me ? Ne(J, E) : Ne(J + S.value.cameras.length, E);
       } else
         Ne(J, E);
     }
     function Ne(E, J) {
       return new Promise((de) => {
         x.value = !0;
-        let fe, pe = E;
+        let fe, me = E;
         fe = setInterval(() => {
-          pe < J ? (pe++, T.value = Math.abs(
-            pe % S.value.cameras.length
-          ), We(T.value)) : pe > J ? (pe--, T.value = Math.abs(
-            pe % S.value.cameras.length
+          me < J ? (me++, T.value = Math.abs(
+            me % S.value.cameras.length
+          ), We(T.value)) : me > J ? (me--, T.value = Math.abs(
+            me % S.value.cameras.length
           ), We(T.value)) : (clearInterval(fe), x.value = !1, de());
         }, 12);
       });
@@ -8055,7 +8053,7 @@ const lu = {
     const ht = (E) => E * (180 / Math.PI);
     return (E, J) => {
       const de = V("v-progress-circular"), fe = V("v-skeleton-loader");
-      return v(), D(ve, null, [
+      return v(), D(pe, null, [
         C(fe, {
           type: "image",
           class: "w-100 h-100 position-relative",
@@ -8101,8 +8099,8 @@ const lu = {
                       "can-zoom-out": Z.value.min < Z.value.current,
                       "can-zoom-in": Z.value.max > Z.value.current,
                       disabled: x.value,
-                      onOnZoomIn: J[0] || (J[0] = (pe) => $e(!0)),
-                      onOnZoomOut: J[1] || (J[1] = (pe) => $e(!1))
+                      onOnZoomIn: J[0] || (J[0] = (me) => $e(!0)),
+                      onOnZoomOut: J[1] || (J[1] = (me) => $e(!1))
                     }, null, 8, ["is-mobile-sized", "can-zoom-out", "can-zoom-in", "disabled"])
                   ], 4)) : R("", !0),
                   E.showUi && le.value.length > 1 ? (v(), D("div", {
@@ -8131,19 +8129,19 @@ const lu = {
                     default: b(() => [
                       u("div", {
                         class: "w-100 position-relative",
-                        style: ie({ height: `${me.value}px` })
+                        style: ie({ height: `${ve.value}px` })
                       }, [
-                        (v(!0), D(ve, null, Ce(le.value, (pe, ze) => (v(), $(Li, {
+                        (v(!0), D(pe, null, Ce(le.value, (me, ze) => (v(), $(Li, {
                           key: `camera${ze}`,
-                          "camera-data": pe,
+                          "camera-data": me,
                           "cdn-file-resolver": A(t),
                           "current-camera": h.value,
                           "current-day": g.value,
                           "current-time": _.value
                         }, null, 8, ["camera-data", "cdn-file-resolver", "current-camera", "current-day", "current-time"]))), 128)),
-                        (v(!0), D(ve, null, Ce(Fe.value, (pe, ze) => (v(), $(Ei, {
+                        (v(!0), D(pe, null, Ce(Fe.value, (me, ze) => (v(), $(Ei, {
                           key: `transition${ze}`,
-                          "transition-data": pe,
+                          "transition-data": me,
                           "cdn-file-resolver": A(t),
                           "current-transition": y.value
                         }, null, 8, ["transition-data", "cdn-file-resolver", "current-transition"]))), 128)),
@@ -8163,7 +8161,7 @@ const lu = {
                           onOnClick: Le,
                           onOnHoverOver: N,
                           onOnHoverOut: ee,
-                          onUpdateSvgContainer: J[2] || (J[2] = (pe) => te.value = pe),
+                          onUpdateSvgContainer: J[2] || (J[2] = (me) => te.value = me),
                           onOnError: ut
                         }, null, 8, ["cdn-file-resolver", "color-callback", "current-camera", "selected-id", "activeStructureIds"])), [
                           [Ae, y.value === null]