@qispace/vue3-player 0.1.54 → 0.1.55

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

@@ -1,7 +1,7 @@
 var Dt = Object.defineProperty;
 var Mt = (c, n, e) => n in c ? Dt(c, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[n] = e;
 var ne = (c, n, e) => (Mt(c, typeof n != "symbol" ? n + "" : n, e), e);
-import { defineComponent as P, ref as d, computed as T, openBlock as f, createElementBlock as D, watch as H, onMounted as de, onBeforeUnmount as je, withDirectives as ve, createElementVNode as i, normalizeStyle as se, vShow as fe, createVNode as w, Fragment as ce, renderList as me, createCommentVNode as U, inject as Be, resolveComponent as V, withCtx as C, toDisplayString as Q, unref as ae, createTextVNode as ee, normalizeClass as he, createBlock as R, renderSlot as K, provide as Qe, reactive as it, watchEffect as Ie, resolveDynamicComponent as ht, normalizeProps as tt, guardReactiveProps as nt, mergeProps as _e, nextTick as Se, Transition as Le, createSlots as Et, pushScopeId as rt, popScopeId as ut, vModelText as Tt, createStaticVNode as gt, onBeforeUpdate as Vt } from "vue";
+import { defineComponent as P, ref as d, computed as T, openBlock as v, createElementBlock as D, watch as H, onMounted as de, onBeforeUnmount as je, withDirectives as ve, createElementVNode as i, normalizeStyle as se, vShow as fe, createVNode as w, Fragment as ce, renderList as me, createCommentVNode as $, inject as Be, resolveComponent as B, withCtx as C, toDisplayString as Q, unref as ae, createTextVNode as ee, normalizeClass as he, createBlock as V, renderSlot as K, provide as Qe, reactive as it, watchEffect as Ie, resolveDynamicComponent as ht, normalizeProps as tt, guardReactiveProps as nt, mergeProps as _e, nextTick as Se, Transition as Le, createSlots as Et, pushScopeId as rt, popScopeId as ut, vModelText as Tt, createStaticVNode as gt, onBeforeUpdate as Vt } from "vue";
 import ot from "axios";
 import * as Bt from "@qispace/player-core";
 import * as Ve from "three";
@@ -48,7 +48,7 @@ const Rt = /* @__PURE__ */ P({
     const e = d(), a = T(() => window.getComputedStyle(e.value).display === "none");
     return n({
       isHoverEnabled: a
-    }), (t, o) => (f(), D("div", {
+    }), (t, o) => (v(), D("div", {
       ref_key: "hoverCheck",
       ref: e,
       class: "hover-check"
@@ -76,10 +76,10 @@ const Ot = /* @__PURE__ */ P({
   },
   emits: ["selectUnit", "goToUnit", "hoverOver", "hoverOut", "pos"],
   setup(c, { emit: n }) {
-    const e = c, a = n, t = d({ x: 0, y: 0, width: 0, height: 0 }), o = d(0), r = d(0), l = d(), m = d(), u = d(), s = d(), v = d(-1), b = d(!1), h = d(), p = d(), y = d({}), F = d("auto"), A = d(new ye()), g = d({}), $ = d(), x = d(), O = d(), I = d(), _ = d(), Y = T(() => O.value.isHoverEnabled), S = T(() => ie(
+    const e = c, a = n, t = d({ x: 0, y: 0, width: 0, height: 0 }), o = d(0), r = d(0), l = d(), p = d(), u = d(), s = d(), m = d(-1), b = d(!1), h = d(), f = d(), y = d({}), F = d("auto"), A = d(new ye()), g = d({}), U = d(), x = d(), O = d(), I = d(), _ = d(), Y = T(() => O.value.isHoverEnabled), S = T(() => ie(
       e.cdnFileResolver,
       `/scenedata${e.viewModel.currentScene}.png`
-    )), j = T(() => S.value in y.value ? y.value[S.value] : null), L = T(() => v.value < 0 ? !1 : e.sceneData.find((Z) => Z.index === v.value) || !1), E = T(() => ({
+    )), j = T(() => S.value in y.value ? y.value[S.value] : null), L = T(() => m.value < 0 ? !1 : e.sceneData.find((Z) => Z.index === m.value) || !1), E = T(() => ({
       width: o.value + "px",
       height: r.value + "px",
       cursor: F.value
@@ -126,7 +126,7 @@ const Ot = /* @__PURE__ */ P({
       a("pos", t.value);
     }), de(() => {
       x.value = () => {
-        clearTimeout($.value), Ce(), $.value = setTimeout(() => {
+        clearTimeout(U.value), Ce(), U.value = setTimeout(() => {
           Ce();
         }, 50);
       }, window.addEventListener("resize", x.value), Ce();
@@ -136,13 +136,13 @@ const Ot = /* @__PURE__ */ P({
         URL.revokeObjectURL(y.value[G]);
     });
     function W() {
-      l.value = I.value.getContext("2d", { willReadFrequently: !0 }), m.value = new Image(), m.value.onload = () => {
+      l.value = I.value.getContext("2d", { willReadFrequently: !0 }), p.value = new Image(), p.value.onload = () => {
         Ee(), I.value.addEventListener("mousemove", Ke(re, 50));
-      }, m.value.src = j.value;
+      }, p.value.src = j.value;
     }
     function re(G) {
       const Z = q(G.offsetX, G.offsetY);
-      b.value = Z >= 0, v.value = Z, t.value = {
+      b.value = Z >= 0, m.value = Z, t.value = {
         x: G.offsetX,
         y: G.offsetY,
         width: o.value,
@@ -153,14 +153,14 @@ const Ot = /* @__PURE__ */ P({
       const Z = q(G.offsetX, G.offsetY);
       Z < 0 || Y && xe(Z);
     }
-    function B() {
-      if (m.value && m.value.width) {
-        I.value.width = m.value.width, I.value.height = m.value.height, l.value.drawImage(
-          m.value,
+    function R() {
+      if (p.value && p.value.width) {
+        I.value.width = p.value.width, I.value.height = p.value.height, l.value.drawImage(
+          p.value,
           0,
           0,
-          m.value.width,
-          m.value.height
+          p.value.width,
+          p.value.height
         ), s.value = l.value.getImageData(
           0,
           0,
@@ -181,7 +181,7 @@ const Ot = /* @__PURE__ */ P({
       }
     }
     function q(G, Z) {
-      h.value = G, p.value = Z;
+      h.value = G, f.value = Z;
       const le = I.value.offsetWidth / I.value.width, ze = I.value.offsetHeight / I.value.height, Te = (G / le).toFixed(), De = (Z / ze).toFixed(), ge = Number(De) * (I.value.width * 4) + Number(Te) * 4, Ue = s.value.data[ge];
       return s.value.data[ge + 3] > 0 ? Ue : -1;
     }
@@ -192,7 +192,7 @@ const Ot = /* @__PURE__ */ P({
           if (le) {
             const ze = oe(Z.index);
             let Te = "idle";
-            !L.value && e.selectedUnitId && ze === e.selectedUnitId ? Te = "selected" : L.value && v.value === Z.index && (Te = "hover");
+            !L.value && e.selectedUnitId && ze === e.selectedUnitId ? Te = "selected" : L.value && m.value === Z.index && (Te = "hover");
             const De = e.colorCallback(Z.unitId, Te);
             if (De)
               for (let ge = 0; ge < le.length; ge++)
@@ -239,7 +239,7 @@ const Ot = /* @__PURE__ */ P({
       o.value = _.value.offsetWidth, r.value = _.value.offsetHeight;
     }
     function Ee() {
-      B(), Me();
+      R(), Me();
     }
     function Me() {
       ke(), te(), l.value && u.value && l.value.putImageData(u.value, 0, 0);
@@ -253,7 +253,7 @@ const Ot = /* @__PURE__ */ P({
         $e.value && ($e.value = !1, G.apply(this, le), setTimeout(() => $e.value = !0, Z));
       };
     }
-    return (G, Z) => (f(), D("div", {
+    return (G, Z) => (v(), D("div", {
       ref_key: "container",
       ref: _,
       id: "canvas"
@@ -286,7 +286,7 @@ const Ot = /* @__PURE__ */ P({
   },
   emits: ["selectUnit", "goToUnit", "hoverOver", "hoverOut", "pos"],
   setup(c, { emit: n }) {
-    const e = c, a = n, t = d({ x: 0, y: 0, width: 0, height: 0 }), o = d(-1), r = d({}), l = d(null), m = d(new ye()), u = d(), s = d(), v = T(() => s.value.isHoverEnabled);
+    const e = c, a = n, t = d({ x: 0, y: 0, width: 0, height: 0 }), o = d(-1), r = d({}), l = d(null), p = d(new ye()), u = d(), s = d(), m = T(() => s.value.isHoverEnabled);
     H(
       () => e.viewModel.currentScene,
       () => {
@@ -326,7 +326,7 @@ const Ot = /* @__PURE__ */ P({
           viewBox: "",
           svgObjects: []
         };
-        m.value.loadJson(O).then((_) => {
+        p.value.loadJson(O).then((_) => {
           I.markup = _;
           const S = new DOMParser().parseFromString(_, "image/svg+xml").getElementsByTagName("svg")[0];
           I.viewBox = S.getAttribute("viewBox"), I.svgObjects = Array.from(
@@ -337,7 +337,7 @@ const Ot = /* @__PURE__ */ P({
           })), r.value = { ...r.value, [x]: I };
         });
       }
-      u.value.addEventListener("mousemove", $(b, 50));
+      u.value.addEventListener("mousemove", U(b, 50));
     });
     function b(x) {
       t.value = {
@@ -353,15 +353,15 @@ const Ot = /* @__PURE__ */ P({
         (I) => I.index === (typeof x == "string" ? parseInt(x) : x)
       )) == null ? void 0 : O.unitId;
     }
-    function p(x) {
-      v.value && (o.value = x);
+    function f(x) {
+      m.value && (o.value = x);
     }
     function y(x) {
-      v.value && (o.value = -1);
+      m.value && (o.value = -1);
     }
     function F(x) {
       const O = h(x);
-      a("selectUnit", O), v.value && O && e.canGoToUnitCallback(O) ? a("goToUnit", O) : o.value = x;
+      a("selectUnit", O), m.value && O && e.canGoToUnitCallback(O) ? a("goToUnit", O) : o.value = x;
     }
     function A(x) {
       const O = h(x);
@@ -389,12 +389,12 @@ const Ot = /* @__PURE__ */ P({
         };
     }
     const g = d(!1);
-    function $(x, O) {
+    function U(x, O) {
       return g.value = !0, function(...I) {
         g.value && (g.value = !1, x.apply(this, I), setTimeout(() => g.value = !0, O));
       };
     }
-    return (x, O) => (f(), D("div", {
+    return (x, O) => (v(), D("div", {
       id: "container",
       ref_key: "container",
       ref: u
@@ -405,19 +405,19 @@ const Ot = /* @__PURE__ */ P({
           opacity: !l.value || !l.value.svgObjects ? 0 : 1
         })
       }, [
-        l.value && l.value.svgObjects ? (f(), D("svg", {
+        l.value && l.value.svgObjects ? (v(), D("svg", {
           key: 0,
           viewBox: l.value.viewBox
         }, [
-          (f(!0), D(ce, null, me(l.value.svgObjects, ({ index: I, svg: _ }) => (f(), D("g", {
+          (v(!0), D(ce, null, me(l.value.svgObjects, ({ index: I, svg: _ }) => (v(), D("g", {
             key: I,
             innerHTML: _,
             style: se(A(I)),
-            onMouseenter: (Y) => p(I),
+            onMouseenter: (Y) => f(I),
             onMouseleave: (Y) => y(),
             onClick: (Y) => F(I)
           }, null, 44, Ht))), 128))
-        ], 8, Ut)) : U("", !0)
+        ], 8, Ut)) : $("", !0)
       ], 4), [
         [fe, !x.viewModel.isRotating]
       ]),
@@ -444,23 +444,23 @@ const Ot = /* @__PURE__ */ P({
   setup(c, { emit: n }) {
     const e = c, a = T(() => e.selectedUnitId), t = T(() => e.nextUnitId), o = T(() => e.prevUnitId), r = n, l = Be(be);
     de(() => {
-      window.addEventListener("keydown", m);
+      window.addEventListener("keydown", p);
     }), je(() => {
-      window.removeEventListener("keydown", m);
+      window.removeEventListener("keydown", p);
     });
-    function m(u) {
+    function p(u) {
       u.keyCode === 37 ? e.prevUnitId && r("prevUnit") : u.keyCode === 39 && e.nextUnitId && r("nextUnit");
     }
     return (u, s) => {
-      const v = V("v-btn");
-      return f(), D("div", null, [
-        w(v, {
+      const m = B("v-btn");
+      return v(), D("div", null, [
+        w(m, {
           elevation: "1",
           icon: "mdi-rotate-right",
           class: "black darken-1",
           onClick: s[0] || (s[0] = (b) => u.viewModel.rotateClockwise())
         }),
-        w(v, {
+        w(m, {
           elevation: "1",
           plain: "",
           icon: "mdi-chevron-left",
@@ -468,7 +468,7 @@ const Ot = /* @__PURE__ */ P({
           disabled: !o.value,
           onClick: s[1] || (s[1] = (b) => r("prevUnit"))
         }, null, 8, ["disabled"]),
-        w(v, {
+        w(m, {
           color: "darken-2",
           elevation: "1",
           rounded: "",
@@ -477,12 +477,12 @@ const Ot = /* @__PURE__ */ P({
           onClick: s[2] || (s[2] = (b) => r("goToUnit", a.value))
         }, {
           default: C(() => [
-            a.value && u.canGoToUnitCallback(a.value) ? (f(), D("span", jt, Q(ae(l).getLabel("seeApartment")) + "  ", 1)) : U("", !0),
+            a.value && u.canGoToUnitCallback(a.value) ? (v(), D("span", jt, Q(ae(l).getLabel("seeApartment")) + "  ", 1)) : $("", !0),
             i("span", Wt, Q(a.value ? e.unitRenderer(a.value) : "-"), 1)
           ]),
           _: 1
         }, 8, ["disabled"]),
-        w(v, {
+        w(m, {
           elevation: "1",
           plain: "",
           icon: "mdi-chevron-right",
@@ -490,7 +490,7 @@ const Ot = /* @__PURE__ */ P({
           disabled: !t.value,
           onClick: s[3] || (s[3] = (b) => r("nextUnit"))
         }, null, 8, ["disabled"]),
-        w(v, {
+        w(m, {
           elevation: "1",
           plain: "",
           icon: "mdi-rotate-left",
@@ -612,30 +612,30 @@ const Qt = {
       new lt(t.length).onLoadFinished(() => a("loaded")).onLoadProgress((A) => a("progress", A)).onLoadError(() => a("error"))
     ), r = d(
       new Gt(e.cardinalFrames, pt)
-    ), l = d(t), m = d(!1), u = T(() => l.value.find((A) => A.show));
+    ), l = d(t), p = d(!1), u = T(() => l.value.find((A) => A.show));
     H(
       () => e.viewModel.currentScene,
       (A, g) => {
-        const $ = F(g, A), x = y(g, A);
-        s(g, $, x);
+        const U = F(g, A), x = y(g, A);
+        s(g, U, x);
       }
     ), de(() => {
       b();
     });
-    function s(A, g, $) {
-      e.viewModel.isRotating || (e.viewModel.isRotating = !0, v(
+    function s(A, g, U) {
+      e.viewModel.isRotating || (e.viewModel.isRotating = !0, m(
         r.value.start(
           g,
           A % Ne,
-          $
+          U
         )
       ));
     }
-    function v(A) {
+    function m(A) {
       setTimeout(() => {
         l.value[A.frameIndex].show = !1;
         const g = A.nextFrame();
-        l.value[g.frameIndex].show = !0, g.atEnd ? b() : window.requestAnimationFrame(() => v(g));
+        l.value[g.frameIndex].show = !0, g.atEnd ? b() : window.requestAnimationFrame(() => m(g));
       }, 1e3 / an);
     }
     function b() {
@@ -647,39 +647,39 @@ const Qt = {
     function h() {
       const A = [];
       for (let g = 0; g < pt; g++) {
-        const { sourceSet: $, defaultPath: x } = p(g);
+        const { sourceSet: U, defaultPath: x } = f(g);
         A.push({
           index: g,
-          sourceSet: $,
+          sourceSet: U,
           defaultPath: x,
           show: !1
         });
       }
       return A;
     }
-    function p(A) {
-      const g = ("0000" + (A + 1)).slice(-4), $ = e.build ? `?v=${e.build}` : "", x = [
+    function f(A) {
+      const g = ("0000" + (A + 1)).slice(-4), U = e.build ? `?v=${e.build}` : "", x = [
         `${ie(
           e.cdnFileResolver,
-          `/480/${g}.jpg${$}`
+          `/480/${g}.jpg${U}`
         )} 480w`,
         `${ie(
           e.cdnFileResolver,
-          `/960/${g}.jpg${$}`
+          `/960/${g}.jpg${U}`
         )} 960w`,
         `${ie(
           e.cdnFileResolver,
-          `/1280/${g}.jpg${$}`
+          `/1280/${g}.jpg${U}`
         )} 1280w`
       ].join(","), O = ie(
         e.cdnFileResolver,
-        `/480/${g}.jpg${$}`
+        `/480/${g}.jpg${U}`
       );
       return { sourceSet: x, defaultPath: O };
     }
     function y(A, g) {
-      const $ = Ne / 2, x = Math.abs(A - g);
-      return x > $ ? Ne - x : x;
+      const U = Ne / 2, x = Math.abs(A - g);
+      return x > U ? Ne - x : x;
     }
     function F(A, g) {
       if (A === g)
@@ -688,17 +688,17 @@ const Qt = {
       return x && A < g || !x && A > g ? 1 : -1;
     }
     return (A, g) => {
-      const $ = V("v-icon");
-      return f(), D("div", null, [
-        o.value.isError ? (f(), D("div", Qt, [
-          w($, { "x-large": "" }, {
+      const U = B("v-icon");
+      return v(), D("div", null, [
+        o.value.isError ? (v(), D("div", Qt, [
+          w(U, { "x-large": "" }, {
             default: C(() => [
               ee("mdi-alert-circle-outline")
             ]),
             _: 1
           })
-        ])) : m.value ? (f(), D("div", Kt, [
-          (f(!0), D(ce, null, me(l.value, (x) => (f(), D("picture", {
+        ])) : p.value ? (v(), D("div", Kt, [
+          (v(!0), D(ce, null, me(l.value, (x) => (v(), D("picture", {
             key: x.index,
             alt: x.index,
             class: he({ "frame-image": !0, show: x.show })
@@ -714,18 +714,18 @@ const Qt = {
               onError: g[3] || (g[3] = (O) => o.value.errorDetected())
             }, null, 40, nn)
           ], 10, en))), 128))
-        ])) : (f(), D("div", qt, [
-          u.value ? (f(), D("picture", Zt, [
+        ])) : (v(), D("div", qt, [
+          u.value ? (v(), D("picture", Zt, [
             i("source", {
               srcset: u.value.sourceSet,
               type: "image/jpeg"
             }, null, 8, Jt),
             i("img", {
               src: u.value.defaultPath,
-              onLoad: g[0] || (g[0] = (x) => m.value = !0),
+              onLoad: g[0] || (g[0] = (x) => p.value = !0),
               onError: g[1] || (g[1] = (x) => o.value.errorDetected())
             }, null, 40, Xt)
-          ])) : U("", !0)
+          ])) : $("", !0)
         ]))
       ]);
     };
@@ -739,16 +739,16 @@ const Qt = {
   emits: ["outside"],
   setup(c, { emit: n }) {
     const e = c, a = n, t = T(() => {
-      let o, r, l, m;
-      return e.pos.x <= e.pos.width / 2 ? (o = "-100%", l = "-8px") : (o = "0%", l = "8px"), e.pos.y <= e.pos.height / 2 ? (r = "-100%", m = "-8px") : (r = "0%", m = "8px"), `translate(${o}, ${r}) translate(${l}, ${m})`;
+      let o, r, l, p;
+      return e.pos.x <= e.pos.width / 2 ? (o = "-100%", l = "-8px") : (o = "0%", l = "8px"), e.pos.y <= e.pos.height / 2 ? (r = "-100%", p = "-8px") : (r = "0%", p = "8px"), `translate(${o}, ${r}) translate(${l}, ${p})`;
     });
     return (o, r) => {
-      const l = V("v-dialog"), m = V("v-fade-transition");
-      return f(), R(m, {
+      const l = B("v-dialog"), p = B("v-fade-transition");
+      return v(), V(p, {
         origin: `top left ${o.pos.x} ${o.pos.y}`
       }, {
         default: C(() => [
-          o.isHoverable ? (f(), D("div", {
+          o.isHoverable ? (v(), D("div", {
             key: 0,
             class: "floating-card",
             style: se({
@@ -759,7 +759,7 @@ const Qt = {
             })
           }, [
             K(o.$slots, "default", { isHoverable: o.isHoverable }, void 0, !0)
-          ], 4)) : (f(), R(l, {
+          ], 4)) : (v(), V(l, {
             key: 1,
             value: !0,
             width: "auto",
@@ -787,7 +787,7 @@ const Qt = {
   },
   emits: ["update"],
   setup(c, { emit: n }) {
-    const e = c, a = n, t = d(100), o = d(0), r = d(0), l = d(!1), m = d(!1), u = d(void 0), s = d(!1), v = d(), b = T(() => `translateX(${o.value}px) translateY(${r.value}px) scale(${h.value})`), h = T(() => t.value / 100), p = T(() => e.maxScale * 100);
+    const e = c, a = n, t = d(100), o = d(0), r = d(0), l = d(!1), p = d(!1), u = d(void 0), s = d(!1), m = d(), b = T(() => `translateX(${o.value}px) translateY(${r.value}px) scale(${h.value})`), h = T(() => t.value / 100), f = T(() => e.maxScale * 100);
     H([h, o, r], () => {
       re();
     }), H(
@@ -806,11 +806,11 @@ const Qt = {
       e.desktop && A(), e.mobile && g();
     });
     function y() {
-      v.value.addEventListener("wheel", $, {
+      m.value.addEventListener("wheel", U, {
         capture: !0
-      }), v.value.addEventListener("mousedown", x, {
+      }), m.value.addEventListener("mousedown", x, {
         capture: !0
-      }), v.value.addEventListener("mousemove", O, {
+      }), m.value.addEventListener("mousemove", O, {
         capture: !0
       }), window.addEventListener("mouseup", I, {
         capture: !0
@@ -819,9 +819,9 @@ const Qt = {
       });
     }
     function F() {
-      v.value.addEventListener("touchstart", Y, {
+      m.value.addEventListener("touchstart", Y, {
         capture: !0
-      }), v.value.addEventListener("touchmove", S, {
+      }), m.value.addEventListener("touchmove", S, {
         capture: !0
       }), window.addEventListener("touchend", j, {
         capture: !0
@@ -830,11 +830,11 @@ const Qt = {
       });
     }
     function A() {
-      v.value.removeEventListener("wheel", $, {
+      m.value.removeEventListener("wheel", U, {
         capture: !0
-      }), v.value.removeEventListener("mousedown", x, {
+      }), m.value.removeEventListener("mousedown", x, {
         capture: !0
-      }), v.value.removeEventListener("mousemove", O, {
+      }), m.value.removeEventListener("mousemove", O, {
         capture: !0
       }), window.removeEventListener("mouseup", I, {
         capture: !0
@@ -843,9 +843,9 @@ const Qt = {
       });
     }
     function g() {
-      v.value.removeEventListener("touchstart", Y, {
+      m.value.removeEventListener("touchstart", Y, {
         capture: !0
-      }), v.value.removeEventListener("touchmove", S, {
+      }), m.value.removeEventListener("touchmove", S, {
         capture: !0
       }), window.removeEventListener("touchend", j, {
         capture: !0
@@ -853,17 +853,17 @@ const Qt = {
         capture: !0
       });
     }
-    function $(M) {
-      const { x: B, y: q } = L(M);
-      W(-M.deltaY / 10, B, q), M.preventDefault();
+    function U(M) {
+      const { x: R, y: q } = L(M);
+      W(-M.deltaY / 10, R, q), M.preventDefault();
     }
     function x(M) {
       l.value = !0, s.value = !1, u.value = M;
     }
     function O(M) {
       if (l.value) {
-        const { x: B, y: q } = L(M), { x: te, y: ue } = L(u.value), oe = {
-          x: B - te,
+        const { x: R, y: q } = L(M), { x: te, y: ue } = L(u.value), oe = {
+          x: R - te,
           y: q - ue
         };
         E(oe.x), z(oe.y), s.value = !0, u.value = M;
@@ -876,65 +876,65 @@ const Qt = {
       l.value && (s.value && e.consumeMouseClickWhenMoved && (M.preventDefault(), M.stopImmediatePropagation()), l.value = !1);
     }
     function Y(M) {
-      l.value = M.touches.length === 1, m.value = M.touches.length === 2, u.value = M;
+      l.value = M.touches.length === 1, p.value = M.touches.length === 2, u.value = M;
     }
     function S(M) {
       if (l.value) {
-        const { x: B, y: q } = L(M.touches[0]), { x: te, y: ue } = L(u.value.touches[0]), oe = {
-          x: B - te,
+        const { x: R, y: q } = L(M.touches[0]), { x: te, y: ue } = L(u.value.touches[0]), oe = {
+          x: R - te,
           y: q - ue
         };
         E(oe.x), z(oe.y);
-      } else if (m.value && M.touches.length === 2) {
-        const { x: B, y: q } = L(M.touches[0]), { x: te, y: ue } = L(u.value.touches[0]), { x: oe, y: Ae } = L(M.touches[1]), { x: xe, y: we } = L(u.value.touches[1]), ke = Math.hypot(te - xe, ue - we), Ce = Math.hypot(B - oe, q - Ae), Ee = (oe + B) / 2, Me = (Ae + q) / 2;
+      } else if (p.value && M.touches.length === 2) {
+        const { x: R, y: q } = L(M.touches[0]), { x: te, y: ue } = L(u.value.touches[0]), { x: oe, y: Ae } = L(M.touches[1]), { x: xe, y: we } = L(u.value.touches[1]), ke = Math.hypot(te - xe, ue - we), Ce = Math.hypot(R - oe, q - Ae), Ee = (oe + R) / 2, Me = (Ae + q) / 2;
         W(Ce - ke, Ee, Me);
       }
       u.value = M;
     }
     function j() {
-      l.value = !1, m.value = !1;
+      l.value = !1, p.value = !1;
     }
     function L(M) {
-      const { left: B, top: q } = v.value.getBoundingClientRect();
+      const { left: R, top: q } = m.value.getBoundingClientRect();
       return {
-        x: M.clientX - B,
+        x: M.clientX - R,
         y: M.clientY - q
       };
     }
     function E(M) {
-      const B = v.value.clientWidth, q = B * h.value;
+      const R = m.value.clientWidth, q = R * h.value;
       o.value = Math.max(
         Math.min(0, o.value + M),
-        -(q - B)
+        -(q - R)
       );
     }
     function z(M) {
-      const B = v.value.clientHeight, q = B * h.value;
+      const R = m.value.clientHeight, q = R * h.value;
       r.value = Math.max(
         Math.min(0, r.value + M),
-        -(q - B)
+        -(q - R)
       );
     }
-    function W(M, B, q) {
-      const te = v.value.clientWidth, ue = v.value.clientHeight, oe = te * h.value, Ae = ue * h.value;
-      t.value = Math.min(Math.max(100, t.value + M), p.value);
+    function W(M, R, q) {
+      const te = m.value.clientWidth, ue = m.value.clientHeight, oe = te * h.value, Ae = ue * h.value;
+      t.value = Math.min(Math.max(100, t.value + M), f.value);
       const xe = te * h.value, we = ue * h.value, ke = xe - oe, Ce = we - Ae;
-      o.value -= B / te * ke, r.value -= q / ue * Ce, E(0), z(0);
+      o.value -= R / te * ke, r.value -= q / ue * Ce, E(0), z(0);
     }
     function re() {
       a("update", {
         scale: h.value,
         x: o.value,
         y: r.value,
-        resolve: (M, B) => {
-          const q = v.value.clientWidth, te = v.value.clientHeight, ue = o.value / -h.value, oe = r.value / -h.value, Ae = ue + q / h.value, xe = oe + te / h.value, we = M / q * (Ae - ue) + ue, ke = B / te * (xe - oe) + oe;
+        resolve: (M, R) => {
+          const q = m.value.clientWidth, te = m.value.clientHeight, ue = o.value / -h.value, oe = r.value / -h.value, Ae = ue + q / h.value, xe = oe + te / h.value, we = M / q * (Ae - ue) + ue, ke = R / te * (xe - oe) + oe;
           return { x: we, y: ke };
         }
       });
     }
-    return (M, B) => (f(), D("div", {
+    return (M, R) => (v(), D("div", {
       ref_key: "box",
-      ref: v,
+      ref: m,
       class: "zoom-box-container",
       style: se({ position: e.position })
     }, [
@@ -1091,7 +1091,7 @@ const vn = { key: 0 }, mn = { class: "interactive-viewer" }, pn = { class: "fill
       be,
       a.i18nConfig ? new Fe(a.i18nConfig) : new Fe()
     );
-    const o = it({ isReady: !1, isError: !1 }), r = d(), l = d(), m = d(), u = d(), s = d({ x: 0, y: 0, width: 0, height: 0 }), v = d(), b = d(), h = d(), p = T(() => h.value.isHoverEnabled), y = T(() => a.useSvg ? Pt : $t), F = T(() => a.selectedUnitId), A = T(() => a.nextUnitId), g = T(() => a.prevUnitId);
+    const o = it({ isReady: !1, isError: !1 }), r = d(), l = d(), p = d(), u = d(), s = d({ x: 0, y: 0, width: 0, height: 0 }), m = d(), b = d(), h = d(), f = T(() => h.value.isHoverEnabled), y = T(() => a.useSvg ? Pt : $t), F = T(() => a.selectedUnitId), A = T(() => a.nextUnitId), g = T(() => a.prevUnitId);
     Ie(() => {
       if (F.value && u.value) {
         const I = r.value[F.value];
@@ -1099,7 +1099,7 @@ const vn = { key: 0 }, mn = { class: "interactive-viewer" }, pn = { class: "fill
       }
     }), de(async () => {
       const I = a.apartmentChooserData && a.apartmentChooserData.startScene !== void 0 ? a.apartmentChooserData.startScene : yn;
-      m.value = a.apartmentChooserData && a.apartmentChooserData.scenes !== void 0 ? a.apartmentChooserData.scenes : e, l.value = a.apartmentChooserData && a.apartmentChooserData.sceneData !== void 0 ? a.apartmentChooserData.sceneData.map((S) => ({
+      p.value = a.apartmentChooserData && a.apartmentChooserData.scenes !== void 0 ? a.apartmentChooserData.scenes : e, l.value = a.apartmentChooserData && a.apartmentChooserData.sceneData !== void 0 ? a.apartmentChooserData.sceneData.map((S) => ({
         unitId: S.apartmentID,
         index: S.index
       })) : [], r.value = a.apartmentChooserData && a.apartmentChooserData.sceneData !== void 0 ? a.apartmentChooserData.sceneData.map((S) => {
@@ -1112,9 +1112,9 @@ const vn = { key: 0 }, mn = { class: "interactive-viewer" }, pn = { class: "fill
           E.push(L), L = yt(L);
         return S.sort((z, W) => {
           const re = E.findIndex(
-            (B) => B === r.value[z[j]]
+            (R) => R === r.value[z[j]]
           ), M = E.findIndex(
-            (B) => B === r.value[W[j]]
+            (R) => R === r.value[W[j]]
           );
           return re < M ? -1 : re > M ? 1 : 0;
         }), S;
@@ -1123,25 +1123,25 @@ const vn = { key: 0 }, mn = { class: "interactive-viewer" }, pn = { class: "fill
       };
       t("initialized", {
         scene: I,
-        scenes: m.value,
+        scenes: p.value,
         sceneData: l.value,
         scenesByApartment: r.value,
         unitsSceneSort: _,
         initialize: Y
       });
     });
-    function $(I) {
+    function U(I) {
       s.value = I;
     }
     function x(I) {
-      b.value = I.hoverUnit, v.value = I.closeHandler, t("hoverOverUnit", I.hoverUnit);
+      b.value = I.hoverUnit, m.value = I.closeHandler, t("hoverOverUnit", I.hoverUnit);
     }
     function O(I) {
-      b.value = null, v.value = I.closeHandler, t("hoverOutUnit", I.hoverUnit);
+      b.value = null, m.value = I.closeHandler, t("hoverOutUnit", I.hoverUnit);
     }
     return (I, _) => {
-      const Y = V("v-progress-linear");
-      return u.value ? (f(), D("div", vn, [
+      const Y = B("v-progress-linear");
+      return u.value ? (v(), D("div", vn, [
         i("div", mn, [
           i("div", pn, [
             w(Ze, {
@@ -1152,14 +1152,14 @@ const vn = { key: 0 }, mn = { class: "interactive-viewer" }, pn = { class: "fill
                 w(ln, {
                   "cdn-file-resolver": I.cdnFileResolver,
                   "view-model": u.value,
-                  "cardinal-frames": m.value,
+                  "cardinal-frames": p.value,
                   build: I.build,
                   onProgress: _[0] || (_[0] = (S) => o.progress = S),
                   onLoaded: _[1] || (_[1] = (S) => o.isReady = !0),
                   onError: _[2] || (_[2] = (S) => o.isError = !0)
                 }, null, 8, ["cdn-file-resolver", "view-model", "cardinal-frames", "build"]),
-                o.isReady ? (f(), D("div", fn, [
-                  (f(), R(ht(y.value), {
+                o.isReady ? (v(), D("div", fn, [
+                  (v(), V(ht(y.value), {
                     "cdn-file-resolver": a.cdnFileResolver,
                     "view-model": u.value,
                     "selected-unit-id": F.value,
@@ -1171,22 +1171,22 @@ const vn = { key: 0 }, mn = { class: "interactive-viewer" }, pn = { class: "fill
                     onGoToUnit: _[4] || (_[4] = (S) => t("goToUnit", S)),
                     onHoverOver: x,
                     onHoverOut: O,
-                    onPos: $
+                    onPos: U
                   }, {
                     default: C((S) => [
                       K(I.$slots, "default", tt(nt(S)), void 0, !0)
                     ]),
                     _: 3
                   }, 40, ["cdn-file-resolver", "view-model", "selected-unit-id", "scene-data", "color-callback", "can-go-to-unit-callback", "draw-observer"]))
-                ])) : U("", !0)
+                ])) : $("", !0)
               ]),
               _: 3
             }, 8, ["desktop", "mobile"]),
-            b.value && I.showCards ? (f(), R(qe, {
+            b.value && I.showCards ? (v(), V(qe, {
               key: 0,
-              "is-hoverable": p.value,
+              "is-hoverable": f.value,
               pos: s.value,
-              onOutside: v.value
+              onOutside: m.value
             }, {
               default: C(() => [
                 K(I.$slots, "default", {
@@ -1194,13 +1194,13 @@ const vn = { key: 0 }, mn = { class: "interactive-viewer" }, pn = { class: "fill
                   canGoToUnit: I.canGoToUnitCallback(b.value),
                   goToUnit: () => I.canGoToUnitCallback(b.value) && t("goToUnit", b.value),
                   pos: s.value,
-                  isHoverable: p.value,
-                  close: v.value
+                  isHoverable: f.value,
+                  close: m.value
                 }, void 0, !0)
               ]),
               _: 3
-            }, 8, ["is-hoverable", "pos", "onOutside"])) : U("", !0),
-            o.isReady ? (f(), D("div", hn, [
+            }, 8, ["is-hoverable", "pos", "onOutside"])) : $("", !0),
+            o.isReady ? (v(), D("div", hn, [
               w(Nt, {
                 "can-go-to-unit-callback": a.canGoToUnitCallback,
                 "unit-renderer": a.unitRenderer,
@@ -1212,7 +1212,7 @@ const vn = { key: 0 }, mn = { class: "interactive-viewer" }, pn = { class: "fill
                 onPrevUnit: _[6] || (_[6] = (S) => t("navUnit", g.value)),
                 onNextUnit: _[7] || (_[7] = (S) => t("navUnit", A.value))
               }, null, 8, ["can-go-to-unit-callback", "unit-renderer", "selected-unit-id", "prev-unit-id", "next-unit-id", "view-model"])
-            ])) : o.isError ? U("", !0) : (f(), D("div", gn, [
+            ])) : o.isError ? $("", !0) : (v(), D("div", gn, [
               w(Y, {
                 indeterminate: !o.progress,
                 modelValue: o.progress,
@@ -1225,7 +1225,7 @@ const vn = { key: 0 }, mn = { class: "interactive-viewer" }, pn = { class: "fill
           ref_key: "hoverProbe",
           ref: h
         }, null, 512)
-      ])) : U("", !0);
+      ])) : $("", !0);
     };
   }
 }), bn = /* @__PURE__ */ J(_n, [["__scopeId", "data-v-528c8f5b"]]), wn = ["src"], kn = /* @__PURE__ */ P({
@@ -1237,7 +1237,7 @@ const vn = { key: 0 }, mn = { class: "interactive-viewer" }, pn = { class: "fill
   },
   setup(c) {
     const n = c, e = T(() => ie(n.cdnFileResolver, n.timeSampleData.filename));
-    return (a, t) => ve((f(), D("img", {
+    return (a, t) => ve((v(), D("img", {
       key: e.value,
       src: e.value,
       width: "100%"
@@ -1254,7 +1254,7 @@ const vn = { key: 0 }, mn = { class: "interactive-viewer" }, pn = { class: "fill
   },
   setup(c) {
     const n = c;
-    return (e, a) => (f(!0), D(ce, null, me(n.dayData.timeSamples, (t) => (f(), R(Cn, {
+    return (e, a) => (v(!0), D(ce, null, me(n.dayData.timeSamples, (t) => (v(), V(Cn, {
       "time-sample-data": t,
       "cdn-file-resolver": n.cdnFileResolver,
       "current-time": e.currentTime
@@ -1269,7 +1269,7 @@ const vn = { key: 0 }, mn = { class: "interactive-viewer" }, pn = { class: "fill
   },
   setup(c) {
     const n = c;
-    return (e, a) => (f(!0), D(ce, null, me(n.cameraData.sunsimDayOfYear, (t) => (f(), R(In, {
+    return (e, a) => (v(!0), D(ce, null, me(n.cameraData.sunsimDayOfYear, (t) => (v(), V(In, {
       "day-data": t,
       "cdn-file-resolver": n.cdnFileResolver,
       "current-time": n.currentTime
@@ -1285,7 +1285,7 @@ const vn = { key: 0 }, mn = { class: "interactive-viewer" }, pn = { class: "fill
   emits: ["goToBuilding", "hoverOverBuilding", "hoverOutBuilding"],
   setup(c, { emit: n }) {
     const e = c, a = T(() => ie(e.cdnFileResolver, e.transitionData.filename));
-    return (t, o) => ve((f(), D("img", {
+    return (t, o) => ve((v(), D("img", {
       key: a.value,
       src: a.value,
       class: "position-absolute top-left w-100 h-100"
@@ -1329,8 +1329,8 @@ const xn = /* @__PURE__ */ P({
         )
       );
     }), (r, l) => {
-      const m = V("v-select");
-      return f(), R(m, {
+      const p = B("v-select");
+      return v(), V(p, {
         modelValue: t.value,
         "onUpdate:modelValue": l[0] || (l[0] = (u) => t.value = u),
         items: o.value,
@@ -1374,8 +1374,8 @@ const xn = /* @__PURE__ */ P({
       });
     }
     return (r, l) => {
-      const m = V("v-list-item"), u = V("v-select");
-      return f(), R(u, {
+      const p = B("v-list-item"), u = B("v-select");
+      return v(), V(u, {
         modelValue: t.value,
         "onUpdate:modelValue": l[0] || (l[0] = (s) => t.value = s),
         items: e.cameraData.sunsimDayOfYear,
@@ -1387,7 +1387,7 @@ const xn = /* @__PURE__ */ P({
         "hide-details": ""
       }, {
         item: C(({ props: s }) => [
-          w(m, _e(s, {
+          w(p, _e(s, {
             title: o(s.title)
           }), null, 16, ["title"])
         ]),
@@ -1420,13 +1420,13 @@ const xn = /* @__PURE__ */ P({
       a(
         "onTimeChange",
         e.dayData.timeSamples.find(
-          (m) => m.timeInHours === t.value
+          (p) => p.timeInHours === t.value
         )
       );
     });
-    function r(m) {
-      const u = m * 60, s = u / 60, v = u % 60;
-      return `${s.toString().padStart(2, "0")}:${v.toString().padStart(2, "0")}`;
+    function r(p) {
+      const u = p * 60, s = Math.floor(u / 60), m = u % 60;
+      return `${s.toString().padStart(2, "0")}:${m.toString().padStart(2, "0")}`;
     }
     function l() {
       o.value ? (clearInterval(o.value), o.value = void 0) : (e.dayData.timeSamples.findIndex(
@@ -1438,11 +1438,11 @@ const xn = /* @__PURE__ */ P({
         u < e.dayData.timeSamples.length - 1 ? t.value = e.dayData.timeSamples[u + 1].timeInHours : (clearInterval(o.value), o.value = void 0);
       }, 200));
     }
-    return (m, u) => {
-      const s = V("v-icon"), v = V("v-btn"), b = V("v-slider"), h = V("v-field");
-      return f(), R(h, { variant: "solo" }, {
+    return (p, u) => {
+      const s = B("v-icon"), m = B("v-btn"), b = B("v-slider"), h = B("v-field");
+      return v(), V(h, { variant: "solo" }, {
         default: C(() => [
-          m.dayData.startTime === m.dayData.endTime ? (f(), D("div", Mn, [
+          p.dayData.startTime === p.dayData.endTime ? (v(), D("div", Mn, [
             w(s, {
               style: { color: "#ffab02", "vertical-align": "baseline", "font-size": "20px" },
               class: "py-2 ml-2 mr-2 icon"
@@ -1453,29 +1453,29 @@ const xn = /* @__PURE__ */ P({
               _: 1
             }),
             ee(" " + Q(r(t.value)), 1)
-          ])) : (f(), R(b, {
+          ])) : (v(), V(b, {
             key: 1,
             class: "pa-1",
             modelValue: t.value,
-            "onUpdate:modelValue": u[0] || (u[0] = (p) => t.value = p),
-            min: m.dayData.startTime,
-            max: m.dayData.endTime,
-            step: m.dayData.interval,
+            "onUpdate:modelValue": u[0] || (u[0] = (f) => t.value = f),
+            min: p.dayData.startTime,
+            max: p.dayData.endTime,
+            step: p.dayData.interval,
             disabled: !!e.disabled,
             "hide-details": ""
           }, {
             prepend: C(() => [
-              w(v, {
+              w(m, {
                 icon: o.value ? "mdi-stop" : "mdi-play",
                 size: "x-small",
                 variant: "flat",
                 onClick: l
               }, null, 8, ["icon"]),
               ee("   "),
-              i("span", En, Q(r(m.dayData.startTime)), 1)
+              i("span", En, Q(r(p.dayData.startTime)), 1)
             ]),
             append: C(() => [
-              i("span", Tn, Q(r(m.dayData.endTime)), 1),
+              i("span", Tn, Q(r(p.dayData.endTime)), 1),
               ee("   "),
               w(s, {
                 style: { color: "#ffab02", "vertical-align": "baseline", "font-size": "20px" },
@@ -1495,7 +1495,7 @@ const xn = /* @__PURE__ */ P({
       });
     };
   }
-}), Bn = /* @__PURE__ */ J(Vn, [["__scopeId", "data-v-cb62dcc2"]]), Rn = /* @__PURE__ */ P({
+}), Bn = /* @__PURE__ */ J(Vn, [["__scopeId", "data-v-f0aa5473"]]), Rn = /* @__PURE__ */ P({
   __name: "VApartmentChooserV5UiRotator",
   props: {
     apartmentChooserData: {},
@@ -1517,58 +1517,58 @@ const xn = /* @__PURE__ */ P({
     }), Ie(() => {
       t("onSceneChange", r.value);
     });
-    const m = T(() => o.value ? !1 : a.apartmentChooserData.loopable ? !0 : r.value !== a.apartmentChooserData.scenes[0]), u = T(() => o.value ? !1 : a.apartmentChooserData.loopable ? !0 : r.value !== a.apartmentChooserData.scenes[a.apartmentChooserData.scenes.length - 1]);
+    const p = T(() => o.value ? !1 : a.apartmentChooserData.loopable ? !0 : r.value !== a.apartmentChooserData.scenes[0]), u = T(() => o.value ? !1 : a.apartmentChooserData.loopable ? !0 : r.value !== a.apartmentChooserData.scenes[a.apartmentChooserData.scenes.length - 1]);
     function s() {
-      const p = r.value;
-      let y = a.apartmentChooserData.scenes.findIndex((A) => A === p) + 1;
+      const f = r.value;
+      let y = a.apartmentChooserData.scenes.findIndex((A) => A === f) + 1;
       y >= a.apartmentChooserData.scenes.length && (y = 0);
       const F = a.apartmentChooserData.scenes[y];
-      a.apartmentChooserData.loopable && p > F ? h(p, F + a.apartmentChooserData.scenes.length) : h(p, F);
+      a.apartmentChooserData.loopable && f > F ? h(f, F + a.apartmentChooserData.scenes.length) : h(f, F);
     }
-    async function v() {
-      const p = r.value;
-      let y = a.apartmentChooserData.scenes.findIndex((A) => A === p) - 1;
+    async function m() {
+      const f = r.value;
+      let y = a.apartmentChooserData.scenes.findIndex((A) => A === f) - 1;
       y < 0 && (y = a.apartmentChooserData.scenes[a.apartmentChooserData.scenes.length - 1]);
       const F = a.apartmentChooserData.scenes[y];
-      a.apartmentChooserData.loopable && p < F ? h(p + a.apartmentChooserData.scenes.length, F) : h(p, F);
+      a.apartmentChooserData.loopable && f < F ? h(f + a.apartmentChooserData.scenes.length, F) : h(f, F);
     }
-    function b(p) {
+    function b(f) {
       const y = r.value;
       if (a.apartmentChooserData.loopable)
-        if (p < y) {
-          let F = y - p, A = y - (a.apartmentChooserData.cameras.length + p);
-          return Math.abs(F) > Math.abs(A) ? h(y, p) : h(y, a.apartmentChooserData.cameras.length + p);
+        if (f < y) {
+          let F = y - f, A = y - (a.apartmentChooserData.cameras.length + f);
+          return Math.abs(F) > Math.abs(A) ? h(y, f) : h(y, a.apartmentChooserData.cameras.length + f);
         } else {
-          let F = y - p, A = a.apartmentChooserData.cameras.length + y - p;
-          return Math.abs(F) > Math.abs(A) ? h(y, p) : h(a.apartmentChooserData.cameras.length + y, p);
+          let F = y - f, A = a.apartmentChooserData.cameras.length + y - f;
+          return Math.abs(F) > Math.abs(A) ? h(y, f) : h(a.apartmentChooserData.cameras.length + y, f);
         }
       else
-        return h(y, p);
+        return h(y, f);
     }
-    function h(p, y) {
+    function h(f, y) {
       return new Promise((F) => {
-        o.value = !0, t("onRotateStart", { from: p, to: y });
-        let A, g = p;
+        o.value = !0, t("onRotateStart", { from: f, to: y });
+        let A, g = f;
         A = setInterval(() => {
           g < y ? (g++, r.value = Math.abs(
             g % a.apartmentChooserData.cameras.length
           )) : g > y ? (g--, r.value = Math.abs(
             g % a.apartmentChooserData.cameras.length
-          )) : (clearInterval(A), t("onRotateFinish", { from: p, to: y }), o.value = !1, F());
+          )) : (clearInterval(A), t("onRotateFinish", { from: f, to: y }), o.value = !1, F());
         }, 50);
       });
     }
-    return (p, y) => {
-      const F = V("v-btn"), A = V("v-chip");
-      return f(), D(ce, null, [
+    return (f, y) => {
+      const F = B("v-btn"), A = B("v-chip");
+      return v(), D(ce, null, [
         w(F, {
           class: "mx-2",
           icon: "mdi-restore",
           size: "small",
-          disabled: !m.value,
-          onClick: v
+          disabled: !p.value,
+          onClick: m
         }, null, 8, ["disabled"]),
-        p.renderDisplay && l.value ? (f(), R(A, {
+        f.renderDisplay && l.value ? (v(), V(A, {
           key: 0,
           variant: "flat",
           color: "white",
@@ -1576,10 +1576,10 @@ const xn = /* @__PURE__ */ P({
           onClick: y[0] || (y[0] = (g) => t("onDisplayClick", l.value))
         }, {
           default: C(() => [
-            ee(Q(p.renderDisplay(l.value)), 1)
+            ee(Q(f.renderDisplay(l.value)), 1)
           ]),
           _: 1
-        })) : U("", !0),
+        })) : $("", !0),
         w(F, {
           class: "mx-2",
           icon: "mdi-reload",
@@ -1608,14 +1608,14 @@ const xn = /* @__PURE__ */ P({
       }
     ), Ie(() => {
       for (const s in l) {
-        const { element: v, state: b } = l[s], { r: h, g: p, b: y, a: F, s: A } = e.colorCallback(s, b) || {
+        const { element: m, state: b } = l[s], { r: h, g: f, b: y, a: F, s: A } = e.colorCallback(s, b) || {
           r: 0,
           g: 0,
           b: 0,
           a: 0,
           s: 0
         };
-        v.style.fill = `rgba(${h}, ${p}, ${y}, ${F / 255})`, v.style.stroke = `rgb(${h}, ${p}, ${y})`, v.style.strokeWidth = A.toString();
+        m.style.fill = `rgba(${h}, ${f}, ${y}, ${F / 255})`, m.style.stroke = `rgb(${h}, ${f}, ${y})`, m.style.strokeWidth = A.toString();
       }
     }), H(r, () => {
       for (const s in l)
@@ -1627,18 +1627,18 @@ const xn = /* @__PURE__ */ P({
     }), H(
       () => o.value,
       () => {
-        o.value && new ResizeObserver(m).observe(o.value);
+        o.value && new ResizeObserver(p).observe(o.value);
       }
     );
-    function m() {
+    function p() {
       Se(() => {
         const s = o.value.firstChild;
         if (s) {
           if (!s.hasAttribute("viewBox")) {
-            const v = `0 0 ${s.getAttribute(
+            const m = `0 0 ${s.getAttribute(
               "width"
             )} ${s.getAttribute("height")}`;
-            s.setAttribute("viewBox", v);
+            s.setAttribute("viewBox", m);
           }
           s.setAttribute(
             "width",
@@ -1653,11 +1653,11 @@ const xn = /* @__PURE__ */ P({
     function u() {
       Se(() => {
         const s = o.value.firstChild;
-        s && (a("updateSvgContainer", s), m(), s.querySelectorAll(
+        s && (a("updateSvgContainer", s), p(), s.querySelectorAll(
           "[data-apartment-id]"
         ).forEach((b) => {
-          b.style.strokeWidth = "0", b.style.stroke = "rgba(255,255,255,0)", b.style.fill = "rgba(255,255,255,0)", b.querySelectorAll("path").forEach((p) => {
-            p.style.stroke = "inherit", p.style.fill = "inherit";
+          b.style.strokeWidth = "0", b.style.stroke = "rgba(255,255,255,0)", b.style.fill = "rgba(255,255,255,0)", b.querySelectorAll("path").forEach((f) => {
+            f.style.stroke = "inherit", f.style.fill = "inherit";
           });
           const h = b.getAttribute("data-apartment-id");
           l[h] = {
@@ -1673,9 +1673,9 @@ const xn = /* @__PURE__ */ P({
         }));
       });
     }
-    return (s, v) => (f(), R(Le, null, {
+    return (s, m) => (v(), V(Le, null, {
       default: C(() => [
-        (f(), D("div", {
+        (v(), D("div", {
           ref_key: "svgContainer",
           ref: o,
           key: s.currentCamera.overlayFilename,
@@ -1698,8 +1698,8 @@ const xn = /* @__PURE__ */ P({
       transition: " transform 0.5s ease-in"
     }));
     return (a, t) => {
-      const o = V("v-img");
-      return f(), R(o, {
+      const o = B("v-img");
+      return v(), V(o, {
         src: ae(Hn),
         style: se(e.value)
       }, null, 8, ["src", "style"]);
@@ -1880,15 +1880,15 @@ const Nn = (c) => {
     })
   ), e = "1280", a = [4, 1, 2, 3], t = [];
   for (let l = 1; l <= 64; l++) {
-    const m = l.toString().padStart(4, "0") + ".jpg";
-    t.push(m);
+    const p = l.toString().padStart(4, "0") + ".jpg";
+    t.push(p);
   }
   const o = t.map((l) => ({
     filename: `/${e}/${l}`
   }));
   for (let l = 0; l < c.scenes.length; l++) {
-    let m = c.scenes[l], u, s;
-    u = o[m], s = {
+    let p = c.scenes[l], u, s;
+    u = o[p], s = {
       cameraName: `Camera ${l + 1}`,
       cameraPosition: {
         x: 0,
@@ -1918,7 +1918,7 @@ const Nn = (c) => {
           ]
         }
       ]
-    }, st(o[m]) && (o[m] = s);
+    }, st(o[p]) && (o[p] = s);
   }
   return {
     version: "5.0",
@@ -1962,14 +1962,14 @@ const Nn = (c) => {
   setup(c, { emit: n }) {
     const e = c, a = n, t = d(), o = d(), r = d(), l = d(
       null
-    ), m = d(4), u = d(), s = d(!1), v = d(!1), b = d(), h = d(), p = T(() => h.value.isHoverEnabled), y = d({ x: 0, y: 0, width: 0, height: 0 }), F = d(), A = d(), g = d(
+    ), p = d(4), u = d(), s = d(!1), m = d(!1), b = d(), h = d(), f = T(() => h.value.isHoverEnabled), y = d({ x: 0, y: 0, width: 0, height: 0 }), F = d(), A = d(), g = d(
       e.apartmentChooserData
-    ), $ = d(!1);
+    ), U = d(!1);
     de(() => s.value = !0), H(
       () => A.value,
       () => {
-        A.value && new ResizeObserver(([B]) => {
-          $.value = B.contentRect.width < e.mobileBreakpoint;
+        A.value && new ResizeObserver(([R]) => {
+          U.value = R.contentRect.width < e.mobileBreakpoint;
         }).observe(A.value);
       }
     );
@@ -1978,10 +1978,10 @@ const Nn = (c) => {
     ), O = T(
       () => g.value ? g.value.cameras.filter(st) : []
     ), I = async () => {
-      let M, B;
-      return B = await ye.loadJson(
+      let M, R;
+      return R = await ye.loadJson(
         ie(e.cdnFileResolver, "/apartmentChooser.json")
-      ), B.version === 5 ? B : (M = Nn(B), M);
+      ), R.version === 5 ? R : (M = Nn(R), M);
     };
     H(
       [
@@ -1992,9 +1992,9 @@ const Nn = (c) => {
       async () => {
         e.cdnFileResolver && (g.value || (g.value = await I()), e.defaultCamera ? t.value = x.value.find(
           (M) => M.cameraName === e.defaultCamera
-        ) || x.value[0] : t.value = x.value[0], m.value = g.value.cameras.findIndex(
+        ) || x.value[0] : t.value = x.value[0], p.value = g.value.cameras.findIndex(
           (M) => M === t.value
-        ), m.value = Math.max(0, m.value));
+        ), p.value = Math.max(0, p.value));
       },
       { immediate: !0 }
     ), H(
@@ -2018,34 +2018,34 @@ const Nn = (c) => {
     );
     function _(M) {
       t.value !== M && b.value.rotateShortestRoute(
-        g.value.cameras.findIndex((B) => B === M)
+        g.value.cameras.findIndex((R) => R === M)
       );
     }
     function Y(M) {
-      m.value = M, st(g.value.cameras[m.value]) ? l.value = g.value.cameras[m.value] : (Se(() => {
+      p.value = M, st(g.value.cameras[p.value]) ? l.value = g.value.cameras[p.value] : (Se(() => {
         S(
-          g.value.cameras[m.value]
+          g.value.cameras[p.value]
         );
       }), l.value = null);
     }
     function S(M) {
-      const B = o.value;
-      t.value = M, m.value = g.value.cameras.findIndex(
+      const R = o.value;
+      t.value = M, p.value = g.value.cameras.findIndex(
         (q) => q === t.value
       ), Se(() => {
         j(
           t.value.sunsimDayOfYear.find(
-            (q) => q.dayOfYear === B.dayOfYear
+            (q) => q.dayOfYear === R.dayOfYear
           ) || t.value.sunsimDayOfYear[0]
         );
       });
     }
     function j(M) {
-      const B = r.value;
+      const R = r.value;
       o.value = M, Se(() => {
         L(
           o.value.timeSamples.find(
-            (q) => q.timeInHours === B.timeInHours
+            (q) => q.timeInHours === R.timeInHours
           ) || o.value.timeSamples.find(
             (q) => q.timeInHours === o.value.defaultHour
           ) || o.value.timeSamples[0]
@@ -2057,10 +2057,10 @@ const Nn = (c) => {
     }
     function E(M) {
       a("onClick", M, () => {
-        const B = g.value.unitData.find(
+        const R = g.value.unitData.find(
           (q) => q.unitId === M
         );
-        B && b.value.rotateShortestRoute(B.bestScene);
+        R && b.value.rotateShortestRoute(R.bestScene);
       });
     }
     function z(M) {
@@ -2070,7 +2070,7 @@ const Nn = (c) => {
       a("onHoverOut", M), u.value = void 0;
     }
     function re(M) {
-      const { layerX: B, layerY: q } = M;
+      const { layerX: R, layerY: q } = M;
       let te = M.target, ue = !1;
       for (; te; )
         if (te === F.value) {
@@ -2081,7 +2081,7 @@ const Nn = (c) => {
       if (ue) {
         const oe = M.currentTarget;
         y.value = {
-          x: B,
+          x: R,
           y: q,
           width: oe.clientWidth,
           height: oe.clientHeight
@@ -2090,9 +2090,9 @@ const Nn = (c) => {
         y.value = void 0;
       a("onMouseMove", M, y.value);
     }
-    return (M, B) => {
-      const q = V("v-skeleton-loader");
-      return f(), D(ce, null, [
+    return (M, R) => {
+      const q = B("v-skeleton-loader");
+      return v(), D(ce, null, [
         w(q, {
           type: "image",
           class: "w-100 h-100 position-relative",
@@ -2104,33 +2104,36 @@ const Nn = (c) => {
                 i("div", {
                   ref_key: "container",
                   ref: A,
-                  class: he({ mobile: $.value }),
+                  class: he({ mobile: U.value }),
                   onMousemove: re
                 }, [
                   i("div", Gn, [
                     i("div", Qn, [
-                      w(xn, {
+                      g.value.cameras.length > 1 ? (v(), V(xn, {
+                        key: 0,
                         "apartment-chooser-data": g.value,
                         "current-camera": t.value,
-                        disabled: v.value,
+                        disabled: m.value,
                         onOnCameraChange: _
-                      }, null, 8, ["apartment-chooser-data", "current-camera", "disabled"])
+                      }, null, 8, ["apartment-chooser-data", "current-camera", "disabled"])) : $("", !0)
                     ]),
                     i("div", qn, [
-                      w(Dn, {
+                      t.value.sunsimDayOfYear.length > 1 ? (v(), V(Dn, {
+                        key: 0,
                         "camera-data": t.value,
                         "current-day": o.value,
-                        disabled: v.value,
+                        disabled: m.value,
                         onOnDayChange: j
-                      }, null, 8, ["camera-data", "current-day", "disabled"])
+                      }, null, 8, ["camera-data", "current-day", "disabled"])) : $("", !0)
                     ]),
                     i("div", Zn, [
-                      w(Bn, {
+                      o.value.timeSamples.length > 1 ? (v(), V(Bn, {
+                        key: 0,
                         "day-data": o.value,
                         "current-time": r.value,
-                        disabled: v.value,
+                        disabled: m.value,
                         onOnTimeChange: L
-                      }, null, 8, ["day-data", "current-time", "disabled"])
+                      }, null, 8, ["day-data", "current-time", "disabled"])) : $("", !0)
                     ])
                   ]),
                   i("div", Jn, [
@@ -2138,13 +2141,13 @@ const Nn = (c) => {
                       ref_key: "rotator",
                       ref: b,
                       "apartment-chooser-data": g.value,
-                      "current-scene": m.value,
+                      "current-scene": p.value,
                       "selected-id": M.selectedId,
                       "render-display": e.renderDisplay,
                       onOnDisplayClick: E,
                       onOnSceneChange: Y,
-                      onOnRotateStart: B[0] || (B[0] = (te) => v.value = !0),
-                      onOnRotateFinish: B[1] || (B[1] = (te) => v.value = !1)
+                      onOnRotateStart: R[0] || (R[0] = (te) => m.value = !0),
+                      onOnRotateFinish: R[1] || (R[1] = (te) => m.value = !1)
                     }, null, 8, ["apartment-chooser-data", "current-scene", "selected-id", "render-display"])
                   ]),
                   i("div", Xn, [
@@ -2154,23 +2157,23 @@ const Nn = (c) => {
                   ]),
                   w(Ze, { position: "relative" }, {
                     default: C(() => [
-                      (f(!0), D(ce, null, me(x.value, (te) => (f(), R(An, {
+                      (v(!0), D(ce, null, me(x.value, (te) => (v(), V(An, {
                         key: te.overlayFilename,
                         "camera-data": te,
                         "cdn-file-resolver": e.cdnFileResolver,
                         "current-time": r.value
                       }, null, 8, ["camera-data", "cdn-file-resolver", "current-time"]))), 128)),
-                      (f(!0), D(ce, null, me(O.value, (te) => (f(), R(Fn, {
+                      (v(!0), D(ce, null, me(O.value, (te) => (v(), V(Fn, {
                         "transition-data": te,
                         "cdn-file-resolver": e.cdnFileResolver,
                         "current-transition": l.value
                       }, null, 8, ["transition-data", "cdn-file-resolver", "current-transition"]))), 256)),
-                      e.customOverlayContent ? (f(), D("div", {
+                      e.customOverlayContent ? (v(), D("div", {
                         key: 0,
                         class: "w-100 h-100 position-absolute top-left",
                         style: { "z-index": "6", "pointer-events": "none" },
                         innerHTML: e.customOverlayContent
-                      }, null, 8, Kn)) : U("", !0),
+                      }, null, 8, Kn)) : $("", !0),
                       ve(w(Un, {
                         "cdn-file-resolver": M.cdnFileResolver,
                         "color-callback": e.colorCallback,
@@ -2179,25 +2182,25 @@ const Nn = (c) => {
                         onOnClick: E,
                         onOnHoverOver: z,
                         onOnHoverOut: W,
-                        onUpdateSvgContainer: B[2] || (B[2] = (te) => F.value = te)
+                        onUpdateSvgContainer: R[2] || (R[2] = (te) => F.value = te)
                       }, null, 8, ["cdn-file-resolver", "color-callback", "current-camera", "selected-id"]), [
                         [fe, l.value === null]
                       ])
                     ]),
                     _: 1
                   }),
-                  M.$slots.popup && y.value && u.value ? (f(), R(qe, {
+                  M.$slots.popup && y.value && u.value ? (v(), V(qe, {
                     key: 0,
-                    "is-hoverable": p.value,
+                    "is-hoverable": f.value,
                     pos: y.value
                   }, {
                     default: C(() => [
                       i("div", ea, [
-                        K(M.$slots, "popup", tt(nt({ hoverId: u.value, hoverable: p.value })), void 0, !0)
+                        K(M.$slots, "popup", tt(nt({ hoverId: u.value, hoverable: f.value })), void 0, !0)
                       ])
                     ]),
                     _: 3
-                  }, 8, ["is-hoverable", "pos"])) : U("", !0)
+                  }, 8, ["is-hoverable", "pos"])) : $("", !0)
                 ], 34)
               ]),
               _: 3
@@ -2212,7 +2215,7 @@ const Nn = (c) => {
       ], 64);
     };
   }
-}), Qs = /* @__PURE__ */ J(ta, [["__scopeId", "data-v-31bf26fc"]]), na = { class: "sunsim-bar-wrapper" }, aa = { class: "sunsim-date d-flex align-center pl-5 pr-5" }, oa = {
+}), Qs = /* @__PURE__ */ J(ta, [["__scopeId", "data-v-d5f29d09"]]), na = { class: "sunsim-bar-wrapper" }, aa = { class: "sunsim-date d-flex align-center pl-5 pr-5" }, oa = {
   key: 1,
   class: "text-center text-body-1"
 }, la = { class: "sunsim-wrapper d-flex align-center px-3" }, sa = { class: "sunsim-time-label text-body-1 font-weight-normal ml-2" }, ia = /* @__PURE__ */ P({
@@ -2232,20 +2235,20 @@ const Nn = (c) => {
       });
     }
     const l = T(() => {
-      const s = Math.floor(t.value / 2).toString().padStart(2, "0"), v = t.value % 2 === 0 ? "00" : "30";
-      return `${s}:${v}`;
-    }), m = T(() => e.dateSelector.dates.map(r)), u = T({
+      const s = Math.floor(t.value / 2).toString().padStart(2, "0"), m = t.value % 2 === 0 ? "00" : "30";
+      return `${s}:${m}`;
+    }), p = T(() => e.dateSelector.dates.map(r)), u = T({
       get() {
         return r(e.dateSelector.selectedDate);
       },
       set(s) {
-        e.dateSelector.selectIndex(m.value.indexOf(s));
+        e.dateSelector.selectIndex(p.value.indexOf(s));
       }
     });
     return H(t, (s) => {
       a("update:modelValue", s);
     }), H(o, (s) => {
-      e.dateSelector.selectIndex(m.value.indexOf(s));
+      e.dateSelector.selectIndex(p.value.indexOf(s));
     }), H(
       () => e.modelValue,
       (s) => {
@@ -2253,25 +2256,25 @@ const Nn = (c) => {
       }
     ), Ie(() => {
       o.value = r(e.dateSelector.selectedDate);
-    }), (s, v) => {
-      const b = V("v-icon"), h = V("v-select"), p = V("v-progress-linear"), y = V("v-slider");
-      return f(), D("div", na, [
+    }), (s, m) => {
+      const b = B("v-icon"), h = B("v-select"), f = B("v-progress-linear"), y = B("v-slider");
+      return v(), D("div", na, [
         i("div", aa, [
           w(b, {
             color: "black",
             class: "mr-2",
             icon: "mdi-calendar-blank-outline"
           }),
-          s.dateSelector.hasMultipleDates ? (f(), R(h, {
+          s.dateSelector.hasMultipleDates ? (v(), V(h, {
             key: 0,
             modelValue: o.value,
-            "onUpdate:modelValue": v[0] || (v[0] = (F) => o.value = F),
-            items: m.value,
+            "onUpdate:modelValue": m[0] || (m[0] = (F) => o.value = F),
+            items: p.value,
             density: "compact",
             variant: "underlined",
             "hide-details": "",
             class: "day-selector"
-          }, null, 8, ["modelValue", "items"])) : (f(), D("span", oa, Q(u.value), 1))
+          }, null, 8, ["modelValue", "items"])) : (v(), D("span", oa, Q(u.value), 1))
         ]),
         i("div", la, [
           i("span", sa, Q(l.value), 1),
@@ -2284,7 +2287,7 @@ const Nn = (c) => {
             ]),
             _: 1
           }),
-          s.isLoading ? (f(), R(p, {
+          s.isLoading ? (v(), V(f, {
             key: 0,
             style: { left: 0, transform: "none" },
             indeterminate: "",
@@ -2292,10 +2295,10 @@ const Nn = (c) => {
             height: "6",
             color: "grey lighten-1",
             class: "mr-2"
-          })) : (f(), R(y, {
+          })) : (v(), V(y, {
             key: 1,
             modelValue: t.value,
-            "onUpdate:modelValue": v[1] || (v[1] = (F) => t.value = F),
+            "onUpdate:modelValue": m[1] || (m[1] = (F) => t.value = F),
             min: 0,
             max: 47,
             step: 1,
@@ -2323,27 +2326,27 @@ const Nn = (c) => {
     H(
       () => e.imageUrls,
       (u) => {
-        a("reset"), m(u);
+        a("reset"), p(u);
       }
     ), de(() => {
-      m(e.imageUrls), new ResizeObserver((u) => {
+      p(e.imageUrls), new ResizeObserver((u) => {
         window.requestAnimationFrame(() => {
-          const s = u[0].contentRect.width, v = u[0].contentRect.height;
-          a("resize", { width: s, height: v });
+          const s = u[0].contentRect.width, m = u[0].contentRect.height;
+          a("resize", { width: s, height: m });
         });
       }).observe(r.value);
     });
     function l() {
       t.value = "preloaded", a("preloaded");
     }
-    function m(u) {
+    function p(u) {
       t.value = "init", r.value.src = u[0], o.value = new lt(u.length).onLoadFinished(
         () => {
           t.value = "loaded", a("ready");
         }
       );
     }
-    return (u, s) => (f(), D("div", null, [
+    return (u, s) => (v(), D("div", null, [
       i("img", {
         ref_key: "baseImage",
         ref: r,
@@ -2351,16 +2354,16 @@ const Nn = (c) => {
         style: { opacity: 1, borderRadius: 50 },
         onLoad: l
       }, null, 544),
-      t.value === "preloaded" || t.value === "loaded" ? ve((f(), D("div", ra, [
-        (f(!0), D(ce, null, me(u.imageUrls, (v, b) => (f(), D("img", {
+      t.value === "preloaded" || t.value === "loaded" ? ve((v(), D("div", ra, [
+        (v(!0), D(ce, null, me(u.imageUrls, (m, b) => (v(), D("img", {
           key: b,
           class: he({ "image-instance": !0, active: b === u.activeIndex }),
-          src: v,
+          src: m,
           onLoad: s[0] || (s[0] = (h) => o.value.partLoaded())
         }, null, 42, ua))), 128))
       ], 512)), [
         [fe, t.value === "loaded"]
-      ]) : U("", !0)
+      ]) : $("", !0)
     ]));
   }
 }), kt = /* @__PURE__ */ J(ca, [["__scopeId", "data-v-8d357c5f"]]), da = {
@@ -2394,9 +2397,9 @@ const Nn = (c) => {
     }), o = d({
       width: 0,
       height: 0
-    }), r = d({ x: 0, y: 0, width: 0, height: 0 }), l = d(), m = d(
+    }), r = d({ x: 0, y: 0, width: 0, height: 0 }), l = d(), p = d(
       (/* @__PURE__ */ new Date()).getHours() * 2 + ((/* @__PURE__ */ new Date()).getMinutes() < 30 ? 0 : 1)
-    ), u = d(!1), s = d(new ye()), v = d(), b = d("0 0 0 0"), h = d(), p = d(), y = d(Ye.empty()), F = d(Pe.empty()), A = d(), g = T(() => A.value.isHoverEnabled);
+    ), u = d(!1), s = d(new ye()), m = d(), b = d("0 0 0 0"), h = d(), f = d(), y = d(Ye.empty()), F = d(Pe.empty()), A = d(), g = T(() => A.value.isHoverEnabled);
     H(l, (L, E) => {
       L ? a("hoverOverBuilding", L) : a("hoverOutBuilding", E);
     }), Ie(() => {
@@ -2404,7 +2407,7 @@ const Nn = (c) => {
         const [L, E, z] = /^(\d\d):(\d\d)$/.exec(
           e.buildingChooserTimeOfDay
         ), W = parseInt(z);
-        m.value = parseInt(E) * 2 + (W < 15 ? 0 : W > 45 ? 2 : 1);
+        p.value = parseInt(E) * 2 + (W < 15 ? 0 : W > 45 ? 2 : 1);
       }
     }), de(async () => {
       const E = await new bt(
@@ -2413,7 +2416,7 @@ const Nn = (c) => {
         e.buildingChooserData
       );
       if (E) {
-        F.value = new Pe(E.mapImage), y.value = new Ye(E.buildingIds), h.value = new at(E.backgrounds), p.value = {
+        F.value = new Pe(E.mapImage), y.value = new Ye(E.buildingIds), h.value = new at(E.backgrounds), f.value = {
           buildingOverlays: E.buildingOverlays,
           viewLongitude: E.viewLongitude
         };
@@ -2426,11 +2429,11 @@ const Nn = (c) => {
               svg: q.innerHTML
             });
           });
-        v.value = z;
+        m.value = z;
       } else
         u.value = !0;
     });
-    function $({ width: L, height: E }) {
+    function U({ width: L, height: E }) {
       o.value.width = L, o.value.height = E;
     }
     function x() {
@@ -2449,9 +2452,9 @@ const Nn = (c) => {
         L === l.value ? "hover" : "idle"
       );
       if (E) {
-        const { r: z, g: W, b: re, a: M, s: B } = E;
+        const { r: z, g: W, b: re, a: M, s: R } = E;
         return {
-          strokeWidth: B !== void 0 ? B : 2,
+          strokeWidth: R !== void 0 ? R : 2,
           stroke: `rgb(${z}, ${W}, ${re})`,
           strokeOpacity: 1,
           fill: `rgb(${z}, ${W}, ${re})`,
@@ -2499,15 +2502,15 @@ const Nn = (c) => {
       l.value = L, g.value && l.value && e.canGoToBuildingCallback(l.value) && a("goToBuilding", l.value);
     }
     return (L, E) => {
-      const z = V("v-icon");
-      return u.value ? (f(), D("div", da, [
+      const z = B("v-icon");
+      return u.value ? (v(), D("div", da, [
         w(z, { "x-large": "" }, {
           default: C(() => [
             ee("mdi-alert-circle-outline")
           ]),
           _: 1
         })
-      ])) : p.value ? (f(), D("div", {
+      ])) : f.value ? (v(), D("div", {
         key: 1,
         style: se(`height: ${o.value.height}px; position: relative`),
         class: "image-container"
@@ -2520,31 +2523,31 @@ const Nn = (c) => {
             i("div", va, [
               w(kt, {
                 "image-urls": h.value.imageUrls,
-                "active-index": m.value,
-                onResize: $,
+                "active-index": p.value,
+                onResize: U,
                 onPreloaded: E[0] || (E[0] = (W) => t.value.preloaded = !0),
                 onReady: E[1] || (E[1] = (W) => t.value.ready = !0),
                 onReset: x
               }, null, 8, ["image-urls", "active-index"]),
-              v.value ? ve((f(), D("div", ma, [
+              m.value ? ve((v(), D("div", ma, [
                 i("div", pa, [
-                  (f(), D("svg", { viewBox: b.value }, [
-                    (f(!0), D(ce, null, me(v.value, ({ id: W, svg: re }, M) => (f(), D("g", {
+                  (v(), D("svg", { viewBox: b.value }, [
+                    (v(!0), D(ce, null, me(m.value, ({ id: W, svg: re }, M) => (v(), D("g", {
                       key: M,
                       innerHTML: re,
                       "data-building-id": W,
                       class: he(O(W)),
                       style: se(I(W)),
-                      onMouseover: (B) => _(B, W),
-                      onMouseout: (B) => Y(B, W),
-                      onMousemove: (B) => S(B),
-                      onClick: (B) => j(W)
+                      onMouseover: (R) => _(R, W),
+                      onMouseout: (R) => Y(R, W),
+                      onMousemove: (R) => S(R),
+                      onClick: (R) => j(W)
                     }, null, 46, ha))), 128))
                   ], 8, fa))
                 ])
               ], 512)), [
                 [fe, t.value.preloaded]
-              ]) : U("", !0),
+              ]) : $("", !0),
               ve(i("div", {
                 class: "custom-overlay-layer",
                 innerHTML: L.customOverlayContent
@@ -2556,21 +2559,21 @@ const Nn = (c) => {
           _: 1
         }, 8, ["desktop", "mobile"]),
         ve(i("div", null, [
-          p.value.viewLongitude ? (f(), R(Je, {
+          f.value.viewLongitude ? (v(), V(Je, {
             key: 0,
             class: "north-indicator",
-            longitude: p.value.viewLongitude
-          }, null, 8, ["longitude"])) : U("", !0),
+            longitude: f.value.viewLongitude
+          }, null, 8, ["longitude"])) : $("", !0),
           w(wt, {
-            modelValue: m.value,
-            "onUpdate:modelValue": E[2] || (E[2] = (W) => m.value = W),
+            modelValue: p.value,
+            "onUpdate:modelValue": E[2] || (E[2] = (W) => p.value = W),
             "date-selector": h.value,
             "is-loading": !t.value.ready
           }, null, 8, ["modelValue", "date-selector", "is-loading"])
         ], 512), [
           [fe, t.value.preloaded]
         ]),
-        L.showCards && l.value ? (f(), R(qe, {
+        L.showCards && l.value ? (v(), V(qe, {
           key: 0,
           "is-hoverable": g.value,
           pos: r.value,
@@ -2587,12 +2590,12 @@ const Nn = (c) => {
             }, void 0, !0)
           ]),
           _: 3
-        }, 8, ["is-hoverable", "pos"])) : U("", !0),
+        }, 8, ["is-hoverable", "pos"])) : $("", !0),
         w(Re, {
           ref_key: "hoverProbe",
           ref: A
         }, null, 512)
-      ], 4)) : U("", !0);
+      ], 4)) : $("", !0);
     };
   }
 }), _a = /* @__PURE__ */ J(ya, [["__scopeId", "data-v-5e1006a9"]]), ba = /* @__PURE__ */ P({
@@ -2607,11 +2610,11 @@ const Nn = (c) => {
     n({
       setupDraw: s
     });
-    const a = d(!1), t = d(), o = d(new ye()), r = d(), l = d(), m = d([]), u = d();
+    const a = d(!1), t = d(), o = d(new ye()), r = d(), l = d(), p = d([]), u = d();
     H(
       () => e.color,
-      (h, p) => {
-        (h.r !== p.r || h.g !== p.g || h.b !== p.b || h.a !== p.a) && v();
+      (h, f) => {
+        (h.r !== f.r || h.g !== f.g || h.b !== f.b || h.a !== f.a) && m();
       }
     ), de(async () => {
       t.value = await o.value.loadImage(e.imageUrl), s();
@@ -2619,25 +2622,25 @@ const Nn = (c) => {
     function s() {
       if (!t.value || !u.value)
         return;
-      const { width: h, height: p } = e.dimensions;
-      if (!(h === 0 || p === 0)) {
+      const { width: h, height: f } = e.dimensions;
+      if (!(h === 0 || f === 0)) {
         r.value = u.value.getContext("2d", {
           willReadFrequently: !0
-        }), r.value.drawImage(t.value, 0, 0, h, p), l.value = r.value.getImageData(0, 0, h, p);
+        }), r.value.drawImage(t.value, 0, 0, h, f), l.value = r.value.getImageData(0, 0, h, f);
         for (let y = 3; y < l.value.data.length; y += 4)
-          l.value.data[y] !== 0 && m.value.push(y);
-        v(), a.value = !0;
+          l.value.data[y] !== 0 && p.value.push(y);
+        m(), a.value = !0;
       }
     }
-    function v() {
+    function m() {
       r.value && l.value && (b(), r.value.putImageData(l.value, 0, 0));
     }
     function b() {
       if (e.color)
-        for (let h = 0; h < m.value.length; h++)
-          l.value.data[m.value[h] - 3] = e.color.r, l.value.data[m.value[h] - 2] = e.color.g, l.value.data[m.value[h] - 1] = e.color.b, l.value.data[m.value[h]] = e.color.a;
+        for (let h = 0; h < p.value.length; h++)
+          l.value.data[p.value[h] - 3] = e.color.r, l.value.data[p.value[h] - 2] = e.color.g, l.value.data[p.value[h] - 1] = e.color.b, l.value.data[p.value[h]] = e.color.a;
     }
-    return (h, p) => (f(), D("canvas", _e({
+    return (h, f) => (v(), D("canvas", _e({
       ref_key: "canvas",
       ref: u,
       class: "overlay"
@@ -2674,11 +2677,11 @@ const Nn = (c) => {
     }), r = d({
       width: 0,
       height: 0
-    }), l = d({ x: 0, y: 0, width: 0, height: 0 }), m = d(), u = d(Ye.empty()), s = d(Pe.empty()), v = d(), b = d(
+    }), l = d({ x: 0, y: 0, width: 0, height: 0 }), p = d(), u = d(Ye.empty()), s = d(Pe.empty()), m = d(), b = d(
       (/* @__PURE__ */ new Date()).getHours() * 2 + ((/* @__PURE__ */ new Date()).getMinutes() < 30 ? 0 : 1)
     ), h = d(
       (L, E) => ({ x: L, y: E })
-    ), p = d(!1), y = d(), F = d(), A = d(), g = T(() => {
+    ), f = d(!1), y = d(), F = d(), A = d(), g = T(() => {
       var L;
       return (L = y.value) == null ? void 0 : L.isHoverEnabled;
     });
@@ -2689,7 +2692,7 @@ const Nn = (c) => {
         ), W = parseInt(z);
         b.value = parseInt(E) * 2 + (W < 15 ? 0 : W > 45 ? 2 : 1);
       }
-    }), H(v, (L, E) => {
+    }), H(m, (L, E) => {
       L ? a("hoverOverBuilding", L) : a("hoverOutBuilding", E);
     }), de(async () => {
       const E = await new bt(
@@ -2697,12 +2700,12 @@ const Nn = (c) => {
       ).loadBuildingChooser(
         e.buildingChooserData
       );
-      E ? (s.value = new Pe(E.mapImage), u.value = new Ye(E.buildingIds), t.value = new at(E.backgrounds), m.value = {
+      E ? (s.value = new Pe(E.mapImage), u.value = new Ye(E.buildingIds), t.value = new at(E.backgrounds), p.value = {
         buildingOverlays: E.buildingOverlays,
         viewLongitude: E.viewLongitude
-      }, I()) : p.value = !0;
+      }, I()) : f.value = !0;
     });
-    function $({ width: L, height: E }) {
+    function U({ width: L, height: E }) {
       r.value.width = L, r.value.height = E, Se(I);
     }
     function x() {
@@ -2723,7 +2726,7 @@ const Nn = (c) => {
     }
     function _(L) {
       const { layerX: E, layerY: z } = L;
-      g.value && (v.value = O(L), v.value !== void 0 && (l.value = {
+      g.value && (m.value = O(L), m.value !== void 0 && (l.value = {
         x: E,
         y: z,
         width: r.value.width,
@@ -2731,29 +2734,29 @@ const Nn = (c) => {
       }));
     }
     function Y(L) {
-      v.value = O(L), g.value && v.value && a("goToBuilding", v.value);
+      m.value = O(L), g.value && m.value && a("goToBuilding", m.value);
     }
     function S(L) {
       return e.colorCallback(
         L,
-        L === v.value ? "hover" : "idle"
+        L === m.value ? "hover" : "idle"
       );
     }
     function j({ resolve: L }) {
       h.value = L;
     }
     return (L, E) => {
-      const z = V("v-icon");
-      return p.value ? (f(), D("div", ka, [
+      const z = B("v-icon");
+      return f.value ? (v(), D("div", ka, [
         w(z, { "x-large": "" }, {
           default: C(() => [
             ee("mdi-alert-circle-outline")
           ]),
           _: 1
         })
-      ])) : m.value ? (f(), D("div", {
+      ])) : p.value ? (v(), D("div", {
         key: 1,
-        style: se(`cursor: ${v.value ? "pointer" : "auto"};height: ${r.value.height}px; position: relative`),
+        style: se(`cursor: ${m.value ? "pointer" : "auto"};height: ${r.value.height}px; position: relative`),
         class: "image-container"
       }, [
         w(Ze, {
@@ -2766,13 +2769,13 @@ const Nn = (c) => {
               w(kt, {
                 "image-urls": t.value.imageUrls,
                 "active-index": b.value,
-                onResize: $,
+                onResize: U,
                 onPreloaded: E[0] || (E[0] = (W) => o.value.preloaded = !0),
                 onReady: E[1] || (E[1] = (W) => o.value.ready = !0),
                 onReset: x
               }, null, 8, ["image-urls", "active-index"]),
               ve(i("div", null, [
-                (f(!0), D(ce, null, me(m.value.buildingOverlays, (W) => (f(), R(wa, {
+                (v(!0), D(ce, null, me(p.value.buildingOverlays, (W) => (v(), V(wa, {
                   ref_for: !0,
                   ref_key: "overlays",
                   ref: A,
@@ -2788,7 +2791,7 @@ const Nn = (c) => {
             i("canvas", _e(r.value, {
               ref_key: "canvas",
               ref: F,
-              class: { hover: !!v.value },
+              class: { hover: !!m.value },
               onClick: Y,
               onMousemove: _
             }), null, 16),
@@ -2802,11 +2805,11 @@ const Nn = (c) => {
           _: 1
         }, 8, ["desktop", "mobile"]),
         ve(i("div", null, [
-          m.value.viewLongitude ? (f(), R(Je, {
+          p.value.viewLongitude ? (v(), V(Je, {
             key: 0,
             class: "north-indicator",
-            longitude: m.value.viewLongitude
-          }, null, 8, ["longitude"])) : U("", !0),
+            longitude: p.value.viewLongitude
+          }, null, 8, ["longitude"])) : $("", !0),
           w(wt, {
             modelValue: b.value,
             "onUpdate:modelValue": E[2] || (E[2] = (W) => b.value = W),
@@ -2816,29 +2819,29 @@ const Nn = (c) => {
         ], 512), [
           [fe, o.value.preloaded]
         ]),
-        L.showCards && v.value ? (f(), R(qe, {
+        L.showCards && m.value ? (v(), V(qe, {
           key: 0,
           "is-hoverable": g.value,
           pos: l.value,
-          onOutside: E[3] || (E[3] = () => v.value = void 0)
+          onOutside: E[3] || (E[3] = () => m.value = void 0)
         }, {
           default: C(() => [
             K(L.$slots, "default", {
-              building: v.value,
-              canGoToBuilding: L.canGoToBuildingCallback(v.value),
-              goToBuilding: () => L.canGoToBuildingCallback(v.value) && a("goToBuilding", v.value),
+              building: m.value,
+              canGoToBuilding: L.canGoToBuildingCallback(m.value),
+              goToBuilding: () => L.canGoToBuildingCallback(m.value) && a("goToBuilding", m.value),
               pos: l.value,
               isHoverable: g.value,
-              close: () => v.value = void 0
+              close: () => m.value = void 0
             }, void 0, !0)
           ]),
           _: 3
-        }, 8, ["is-hoverable", "pos"])) : U("", !0),
+        }, 8, ["is-hoverable", "pos"])) : $("", !0),
         w(Re, {
           ref_key: "hoverProbe",
           ref: y
         }, null, 512)
-      ], 4)) : U("", !0);
+      ], 4)) : $("", !0);
     };
   }
 }), Sa = /* @__PURE__ */ J(Aa, [["__scopeId", "data-v-088f521e"]]), La = /* @__PURE__ */ P({
@@ -2861,7 +2864,7 @@ const Nn = (c) => {
     const e = c, a = n, t = T(
       () => e.useSvg ? _a : Sa
     );
-    return (o, r) => (f(), R(ht(t.value), {
+    return (o, r) => (v(), V(ht(t.value), {
       "i18n-config": e.i18nConfig,
       "show-cards": e.showCards,
       "color-callback": e.colorCallback,
@@ -2878,8 +2881,8 @@ const Nn = (c) => {
     }, Et({ _: 2 }, [
       me(Object.keys(o.$slots), (l) => ({
         name: l,
-        fn: C((m) => [
-          K(o.$slots, l, tt(nt(m)))
+        fn: C((p) => [
+          K(o.$slots, l, tt(nt(p)))
         ])
       }))
     ]), 1064, ["i18n-config", "show-cards", "color-callback", "cdn-file-resolver", "interactive-desktop", "interactive-mobile", "building-chooser-time-of-day", "can-go-to-building-callback", "custom-overlay-content", "building-chooser-data"]));
@@ -2893,7 +2896,7 @@ const Nn = (c) => {
   },
   setup(c) {
     const n = c, e = T(() => ie(n.cdnFileResolver, n.timeSampleData.filename));
-    return (a, t) => ve((f(), D("img", {
+    return (a, t) => ve((v(), D("img", {
       key: e.value,
       src: e.value,
       width: "100%"
@@ -2910,7 +2913,7 @@ const Nn = (c) => {
   },
   setup(c) {
     const n = c;
-    return (e, a) => (f(!0), D(ce, null, me(n.dayData.timeSamples, (t) => (f(), R(Da, {
+    return (e, a) => (v(!0), D(ce, null, me(n.dayData.timeSamples, (t) => (v(), V(Da, {
       "time-sample-data": t,
       "cdn-file-resolver": n.cdnFileResolver,
       "current-time": e.currentTime
@@ -2925,7 +2928,7 @@ const Nn = (c) => {
   },
   setup(c) {
     const n = c;
-    return (e, a) => (f(!0), D(ce, null, me(n.cameraData.sunsimDayOfYear, (t) => (f(), R(Ma, {
+    return (e, a) => (v(!0), D(ce, null, me(n.cameraData.sunsimDayOfYear, (t) => (v(), V(Ma, {
       "day-data": t,
       "cdn-file-resolver": n.cdnFileResolver,
       "current-time": n.currentTime
@@ -2950,10 +2953,10 @@ const Nn = (c) => {
         )
       );
     }), (o, r) => {
-      const l = V("v-select");
-      return f(), R(l, {
+      const l = B("v-select");
+      return v(), V(l, {
         modelValue: t.value,
-        "onUpdate:modelValue": r[0] || (r[0] = (m) => t.value = m),
+        "onUpdate:modelValue": r[0] || (r[0] = (p) => t.value = p),
         items: e.buildingChooserData.cameras,
         "item-title": "cameraName",
         "item-value": "overlayFilename",
@@ -2993,8 +2996,8 @@ const Nn = (c) => {
       });
     }
     return (r, l) => {
-      const m = V("v-list-item"), u = V("v-select");
-      return f(), R(u, {
+      const p = B("v-list-item"), u = B("v-select");
+      return v(), V(u, {
         modelValue: t.value,
         "onUpdate:modelValue": l[0] || (l[0] = (s) => t.value = s),
         items: e.cameraData.sunsimDayOfYear,
@@ -3005,7 +3008,7 @@ const Nn = (c) => {
         "hide-details": ""
       }, {
         item: C(({ props: s }) => [
-          w(m, _e(s, {
+          w(p, _e(s, {
             title: o(s.title)
           }), null, 16, ["title"])
         ]),
@@ -3037,13 +3040,13 @@ const Nn = (c) => {
       a(
         "onTimeChange",
         e.dayData.timeSamples.find(
-          (m) => m.timeInHours === t.value
+          (p) => p.timeInHours === t.value
         )
       );
     });
-    function r(m) {
-      const u = m * 60, s = u / 60, v = u % 60;
-      return `${s.toString().padStart(2, "0")}:${v.toString().padStart(2, "0")}`;
+    function r(p) {
+      const u = p * 60, s = Math.floor(u / 60), m = u % 60;
+      return `${s.toString().padStart(2, "0")}:${m.toString().padStart(2, "0")}`;
     }
     function l() {
       o.value ? (clearInterval(o.value), o.value = void 0) : (e.dayData.timeSamples.findIndex(
@@ -3055,11 +3058,11 @@ const Nn = (c) => {
         u < e.dayData.timeSamples.length - 1 ? t.value = e.dayData.timeSamples[u + 1].timeInHours : (clearInterval(o.value), o.value = void 0);
       }, 200));
     }
-    return (m, u) => {
-      const s = V("v-icon"), v = V("v-btn"), b = V("v-slider"), h = V("v-field");
-      return f(), R(h, { variant: "solo" }, {
+    return (p, u) => {
+      const s = B("v-icon"), m = B("v-btn"), b = B("v-slider"), h = B("v-field");
+      return v(), V(h, { variant: "solo" }, {
         default: C(() => [
-          m.dayData.startTime === m.dayData.endTime ? (f(), D("div", Ba, [
+          p.dayData.startTime === p.dayData.endTime ? (v(), D("div", Ba, [
             w(s, {
               style: { color: "#ffab02", "vertical-align": "baseline", "font-size": "20px" },
               class: "py-2 ml-2 mr-2 icon"
@@ -3070,28 +3073,28 @@ const Nn = (c) => {
               _: 1
             }),
             ee(" " + Q(r(t.value)), 1)
-          ])) : (f(), R(b, {
+          ])) : (v(), V(b, {
             key: 1,
             class: "pa-1",
             modelValue: t.value,
-            "onUpdate:modelValue": u[0] || (u[0] = (p) => t.value = p),
-            min: m.dayData.startTime,
-            max: m.dayData.endTime,
-            step: m.dayData.interval,
+            "onUpdate:modelValue": u[0] || (u[0] = (f) => t.value = f),
+            min: p.dayData.startTime,
+            max: p.dayData.endTime,
+            step: p.dayData.interval,
             "hide-details": ""
           }, {
             prepend: C(() => [
-              w(v, {
+              w(m, {
                 icon: o.value ? "mdi-stop" : "mdi-play",
                 size: "x-small",
                 variant: "flat",
                 onClick: l
               }, null, 8, ["icon"]),
               ee("   "),
-              i("span", Ra, Q(r(m.dayData.startTime)), 1)
+              i("span", Ra, Q(r(p.dayData.startTime)), 1)
             ]),
             append: C(() => [
-              i("span", Oa, Q(r(m.dayData.endTime)), 1),
+              i("span", Oa, Q(r(p.dayData.endTime)), 1),
               ee("   "),
               w(s, {
                 style: { color: "#ffab02", "vertical-align": "baseline", "font-size": "20px" },
@@ -3111,7 +3114,7 @@ const Nn = (c) => {
       });
     };
   }
-}), Ua = /* @__PURE__ */ J($a, [["__scopeId", "data-v-2c27d93d"]]), Ha = ["innerHTML"], Ya = /* @__PURE__ */ P({
+}), Ua = /* @__PURE__ */ J($a, [["__scopeId", "data-v-99b853f4"]]), Ha = ["innerHTML"], Ya = /* @__PURE__ */ P({
   __name: "VBuildingChooserV5Overlay",
   props: {
     cdnFileResolver: { type: [String, Function] },
@@ -3124,14 +3127,14 @@ const Nn = (c) => {
     const e = c, a = n, t = d(), o = d(), r = d(e.selectedId), l = it({});
     Ie(() => {
       for (const s in l) {
-        const { element: v, state: b } = l[s], { r: h, g: p, b: y, a: F, s: A } = e.colorCallback(s, b) || {
+        const { element: m, state: b } = l[s], { r: h, g: f, b: y, a: F, s: A } = e.colorCallback(s, b) || {
           r: 0,
           g: 0,
           b: 0,
           a: 0,
           s: 0
         };
-        v.style.fill = `rgba(${h}, ${p}, ${y}, ${F / 255})`, v.style.stroke = `rgb(${h}, ${p}, ${y})`, v.style.strokeWidth = A.toString();
+        m.style.fill = `rgba(${h}, ${f}, ${y}, ${F / 255})`, m.style.stroke = `rgb(${h}, ${f}, ${y})`, m.style.strokeWidth = A.toString();
       }
     }), H(
       () => e.selectedId,
@@ -3148,17 +3151,17 @@ const Nn = (c) => {
     }), H(
       () => o.value,
       () => {
-        o.value && new ResizeObserver(m).observe(o.value);
+        o.value && new ResizeObserver(p).observe(o.value);
       }
     );
-    function m() {
+    function p() {
       Se(() => {
         const s = o.value.firstChild;
         if (!s.hasAttribute("viewBox")) {
-          const v = `0 0 ${s.getAttribute(
+          const m = `0 0 ${s.getAttribute(
             "width"
           )} ${s.getAttribute("height")}`;
-          s.setAttribute("viewBox", v);
+          s.setAttribute("viewBox", m);
         }
         s.setAttribute("width", o.value.offsetWidth.toString()), s.setAttribute(
           "height",
@@ -3169,9 +3172,9 @@ const Nn = (c) => {
     function u() {
       Se(() => {
         const s = o.value.firstChild;
-        s && (a("updateSvgContainer", s), m(), s.querySelectorAll("[data-building-id]").forEach((b) => {
-          b.style.strokeWidth = "0", b.style.stroke = "rgba(255,255,255,0)", b.style.fill = "rgba(255,255,255,0)", b.querySelectorAll("path").forEach((p) => {
-            p.style.stroke = "inherit", p.style.fill = "inherit";
+        s && (a("updateSvgContainer", s), p(), s.querySelectorAll("[data-building-id]").forEach((b) => {
+          b.style.strokeWidth = "0", b.style.stroke = "rgba(255,255,255,0)", b.style.fill = "rgba(255,255,255,0)", b.querySelectorAll("path").forEach((f) => {
+            f.style.stroke = "inherit", f.style.fill = "inherit";
           });
           const h = b.getAttribute("data-building-id");
           l[h] = {
@@ -3187,9 +3190,9 @@ const Nn = (c) => {
         }));
       });
     }
-    return (s, v) => (f(), R(Le, null, {
+    return (s, m) => (v(), V(Le, null, {
       default: C(() => [
-        (f(), D("div", {
+        (v(), D("div", {
           ref_key: "svgContainer",
           ref: o,
           key: s.currentCamera.overlayFilename,
@@ -3271,10 +3274,10 @@ const Nn = (c) => {
   },
   emits: ["onClick", "onHoverOver", "onHoverOut", "onMouseMove"],
   setup(c, { emit: n }) {
-    const e = c, a = n, t = d(), o = d(), r = d(), l = d(), m = d(!1), u = d(), s = T(() => u.value.isHoverEnabled), v = d({ x: 0, y: 0, width: 0, height: 0 }), b = d(), h = d(), p = d(
+    const e = c, a = n, t = d(), o = d(), r = d(), l = d(), p = d(!1), u = d(), s = T(() => u.value.isHoverEnabled), m = d({ x: 0, y: 0, width: 0, height: 0 }), b = d(), h = d(), f = d(
       e.buildingChooserData
     ), y = d(!1);
-    de(() => m.value = !0), H(
+    de(() => p.value = !0), H(
       () => h.value,
       () => {
         h.value && new ResizeObserver(([Y]) => {
@@ -3292,25 +3295,25 @@ const Nn = (c) => {
       ), Y.version === 5 ? Y : (_ = ja(Y), _);
     };
     H(
-      [p, () => e.cdnFileResolver, () => e.defaultCamera],
+      [f, () => e.cdnFileResolver, () => e.defaultCamera],
       async () => {
-        e.cdnFileResolver && (p.value || (p.value = await F()), e.defaultCamera ? t.value = p.value.cameras.find(
+        e.cdnFileResolver && (f.value || (f.value = await F()), e.defaultCamera ? t.value = f.value.cameras.find(
           (_) => _.cameraName === e.defaultCamera
-        ) || p.value.cameras[0] : t.value = p.value.cameras[0]);
+        ) || f.value.cameras[0] : t.value = f.value.cameras[0]);
       },
       { immediate: !0 }
     ), H(
-      [p, () => e.cdnFileResolver, () => e.defaultDay],
+      [f, () => e.cdnFileResolver, () => e.defaultDay],
       () => {
-        p.value && e.cdnFileResolver && (e.defaultDay ? o.value = t.value.sunsimDayOfYear.find(
+        f.value && e.cdnFileResolver && (e.defaultDay ? o.value = t.value.sunsimDayOfYear.find(
           (_) => _.dayOfYear === e.defaultDay
         ) || t.value.sunsimDayOfYear[0] : o.value = t.value.sunsimDayOfYear[0]);
       },
       { immediate: !0 }
     ), H(
-      [p, () => e.cdnFileResolver, () => e.defaultTime],
+      [f, () => e.cdnFileResolver, () => e.defaultTime],
       () => {
-        p.value && e.cdnFileResolver && (e.defaultTime ? r.value = o.value.timeSamples.find(
+        f.value && e.cdnFileResolver && (e.defaultTime ? r.value = o.value.timeSamples.find(
           (_) => _.timeInHours === e.defaultTime
         ) || o.value.timeSamples[0] : r.value = o.value.timeSamples.find(
           (_) => _.timeInHours === o.value.defaultHour
@@ -3331,7 +3334,7 @@ const Nn = (c) => {
     function g(_) {
       const Y = r.value;
       o.value = _, Se(() => {
-        $(
+        U(
           o.value.timeSamples.find(
             (S) => S.timeInHours === Y.timeInHours
           ) || o.value.timeSamples.find(
@@ -3340,7 +3343,7 @@ const Nn = (c) => {
         );
       });
     }
-    function $(_) {
+    function U(_) {
       r.value = _;
     }
     function x(_) {
@@ -3360,23 +3363,23 @@ const Nn = (c) => {
           j = j.parentElement;
       if (L) {
         const E = _.currentTarget;
-        v.value = {
+        m.value = {
           x: Y,
           y: S,
           width: E.clientWidth,
           height: E.clientHeight
         };
       } else
-        v.value = void 0;
-      a("onMouseMove", _, v.value);
+        m.value = void 0;
+      a("onMouseMove", _, m.value);
     }
     return (_, Y) => {
-      const S = V("v-skeleton-loader");
-      return f(), D(ce, null, [
+      const S = B("v-skeleton-loader");
+      return v(), D(ce, null, [
         w(S, {
           type: "image",
           class: "w-100 h-100 position-relative",
-          loading: !m.value || !p.value
+          loading: !p.value || !f.value
         }, {
           default: C(() => [
             w(Le, { class: "w-100 h-100" }, {
@@ -3388,26 +3391,28 @@ const Nn = (c) => {
                   onMousemove: I
                 }, [
                   i("div", Wa, [
-                    p.value.cameras.length > 1 ? (f(), D("div", za, [
+                    f.value.cameras.length > 1 ? (v(), D("div", za, [
                       w(Ta, {
-                        "building-chooser-data": p.value,
+                        "building-chooser-data": f.value,
                         "current-camera": t.value,
                         onOnCameraChange: A
                       }, null, 8, ["building-chooser-data", "current-camera"])
-                    ])) : U("", !0),
+                    ])) : $("", !0),
                     i("div", Na, [
-                      w(Va, {
+                      t.value.sunsimDayOfYear.length > 1 ? (v(), V(Va, {
+                        key: 0,
                         "camera-data": t.value,
                         "current-day": o.value,
                         onOnDayChange: g
-                      }, null, 8, ["camera-data", "current-day"])
+                      }, null, 8, ["camera-data", "current-day"])) : $("", !0)
                     ]),
                     i("div", Ga, [
-                      w(Ua, {
+                      o.value.timeSamples.length > 1 ? (v(), V(Ua, {
+                        key: 0,
                         "day-data": o.value,
                         "current-time": r.value,
-                        onOnTimeChange: $
-                      }, null, 8, ["day-data", "current-time"])
+                        onOnTimeChange: U
+                      }, null, 8, ["day-data", "current-time"])) : $("", !0)
                     ])
                   ]),
                   i("div", Qa, [
@@ -3417,18 +3422,18 @@ const Nn = (c) => {
                   ]),
                   w(Ze, { position: "relative" }, {
                     default: C(() => [
-                      (f(!0), D(ce, null, me(p.value.cameras, (j) => (f(), R(Ea, {
+                      (v(!0), D(ce, null, me(f.value.cameras, (j) => (v(), V(Ea, {
                         key: j.overlayFilename,
                         "camera-data": j,
                         "cdn-file-resolver": e.cdnFileResolver,
                         "current-time": r.value
                       }, null, 8, ["camera-data", "cdn-file-resolver", "current-time"]))), 128)),
-                      e.customOverlayContent ? (f(), D("div", {
+                      e.customOverlayContent ? (v(), D("div", {
                         key: 0,
                         class: "w-100 h-100 position-absolute top-left",
                         style: { "z-index": "5", "pointer-events": "none" },
                         innerHTML: e.customOverlayContent
-                      }, null, 8, qa)) : U("", !0),
+                      }, null, 8, qa)) : $("", !0),
                       w(Pa, {
                         "cdn-file-resolver": _.cdnFileResolver,
                         "color-callback": e.colorCallback,
@@ -3442,10 +3447,10 @@ const Nn = (c) => {
                     ]),
                     _: 1
                   }),
-                  _.$slots.popup && v.value && l.value ? (f(), R(qe, {
+                  _.$slots.popup && m.value && l.value ? (v(), V(qe, {
                     key: 0,
                     "is-hoverable": s.value,
-                    pos: v.value
+                    pos: m.value
                   }, {
                     default: C(() => [
                       i("div", Za, [
@@ -3453,7 +3458,7 @@ const Nn = (c) => {
                       ])
                     ]),
                     _: 3
-                  }, 8, ["is-hoverable", "pos"])) : U("", !0)
+                  }, 8, ["is-hoverable", "pos"])) : $("", !0)
                 ], 34)
               ]),
               _: 3
@@ -3468,7 +3473,7 @@ const Nn = (c) => {
       ], 64);
     };
   }
-}), qs = /* @__PURE__ */ J(Ja, [["__scopeId", "data-v-e5a35ed8"]]);
+}), qs = /* @__PURE__ */ J(Ja, [["__scopeId", "data-v-c770974a"]]);
 var We = {};
 Object.defineProperty(We, "__esModule", {
   value: !0
@@ -3522,7 +3527,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
   },
   emits: ["newCameraCallback", "newRotationCallback", "newFloorCallback", "newFovCallback", "playerApiCallback", "newSizeCallback"],
   setup(c, { emit: n }) {
-    const e = Bt.PlayerV2, a = c, t = n, o = d(), r = d(), l = d(0), m = d(0);
+    const e = Bt.PlayerV2, a = c, t = n, o = d(), r = d(), l = d(0), p = d(0);
     return H(
       [
         () => a.cdnFileResolver,
@@ -3569,17 +3574,17 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
       const b = {
         initialized: () => {
           o.value = e.Main.getPlayerAPI();
-          const p = o.value.getCurrentCamera();
-          p && (r.value = p.id), t("newCameraCallback", r.value);
+          const f = o.value.getCurrentCamera();
+          f && (r.value = f.id), t("newCameraCallback", r.value);
         },
-        newCamera: (p) => {
-          t("newCameraCallback", p.id), t("newFloorCallback", p.floorLevel), o.value && o.value.resetMarkerBehaviour(0), r.value = p.id;
+        newCamera: (f) => {
+          t("newCameraCallback", f.id), t("newFloorCallback", f.floorLevel), o.value && o.value.resetMarkerBehaviour(0), r.value = f.id;
         },
-        newFOV: (p) => {
-          t("newFovCallback", p), m.value = p;
+        newFOV: (f) => {
+          t("newFovCallback", f), p.value = f;
         },
-        newRotation: (p) => {
-          const y = p + 0;
+        newRotation: (f) => {
+          const y = f + 0;
           t("newRotationCallback", y), l.value = y;
         }
       };
@@ -3601,7 +3606,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
       ), h.animate(), o.value = e.Main.getPlayerAPI(), o.value && o.value.setLookSensitivity(a.mouseSensitivity));
     }), je(() => {
       o.value && o.value.destroy();
-    }), (u, s) => (f(), D("div", lo, [
+    }), (u, s) => (v(), D("div", lo, [
       i("div", so, [
         K(u.$slots, "slideshow-image", {}, void 0, !0),
         i("div", io, [
@@ -3655,30 +3660,30 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
     const e = c, a = n, t = Be(be), o = T(() => {
       const s = e.floorLevels;
       return s.sort(), s;
-    }), r = T(() => o.value.indexOf(e.level) + 1 <= o.value.length / 2 ? "lower" : "upper"), l = T(() => r.value === "lower"), m = T(() => r.value === "upper");
+    }), r = T(() => o.value.indexOf(e.level) + 1 <= o.value.length / 2 ? "lower" : "upper"), l = T(() => r.value === "lower"), p = T(() => r.value === "upper");
     function u() {
       const s = e.level + 1;
       s >= o.value.length ? a("level", o.value[0]) : a("level", o.value[s]);
     }
-    return (s, v) => {
-      const b = V("v-btn"), h = V("v-tooltip");
-      return f(), R(h, {
+    return (s, m) => {
+      const b = B("v-btn"), h = B("v-tooltip");
+      return v(), V(h, {
         right: "",
         attach: ""
       }, {
-        activator: C(({ props: p }) => [
+        activator: C(({ props: f }) => [
           w(b, _e({
             style: { cursor: "pointer" },
             density: "comfortable",
             elevation: "1",
             icon: ""
-          }, p, { onClick: u }), {
+          }, f, { onClick: u }), {
             default: C(() => [
-              (f(), D("svg", bo, [
+              (v(), D("svg", bo, [
                 i("path", {
                   d: "M8.98034 10.3472L1.54055 5.8855L8.98034 1.42384L16.4201 5.8855L8.98034 10.3472Z",
                   fill: "white",
-                  stroke: m.value ? "black" : "#999999",
+                  stroke: p.value ? "black" : "#999999",
                   "stroke-width": "1.5",
                   "stroke-linejoin": "round"
                 }, null, 8, wo),
@@ -3712,16 +3717,16 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
   setup(c, { emit: n }) {
     const e = c, a = n, t = Be(be);
     return (o, r) => {
-      const l = V("v-icon"), m = V("v-btn"), u = V("v-img"), s = V("v-list-item-title"), v = V("v-list-item"), b = V("v-list"), h = V("v-menu");
-      return f(), D("div", null, [
+      const l = B("v-icon"), p = B("v-btn"), u = B("v-img"), s = B("v-list-item-title"), m = B("v-list-item"), b = B("v-list"), h = B("v-menu");
+      return v(), D("div", null, [
         w(h, {
           transition: "slide-x-reverse-transition",
           location: "top end",
           origin: "end bottom",
           elevation: "0"
         }, {
-          activator: C(({ props: p }) => [
-            w(m, _e({ rounded: "" }, p), {
+          activator: C(({ props: f }) => [
+            w(p, _e({ rounded: "" }, f), {
               default: C(() => [
                 w(l, null, {
                   default: C(() => [
@@ -3737,10 +3742,10 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
           default: C(() => [
             w(b, { class: "interior-selector-list" }, {
               default: C(() => [
-                (f(!0), D(ce, null, me(e.availableArchetypes, (p, y) => (f(), R(v, {
+                (v(!0), D(ce, null, me(e.availableArchetypes, (f, y) => (v(), V(m, {
                   density: "compact",
                   key: `at-menuitem-${y}`,
-                  onClick: (F) => a("selectInterior", p.archetypeID),
+                  onClick: (F) => a("selectInterior", f.archetypeID),
                   active: y === o.selectedIndex,
                   class: "interior-selector-list-item"
                 }, {
@@ -3749,13 +3754,13 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
                       width: "100",
                       "max-width": "100",
                       height: "66",
-                      src: p.url
+                      src: f.url
                     }, null, 8, ["src"])
                   ]),
                   default: C(() => [
                     w(s, { class: "text-caption py-2 px-4" }, {
                       default: C(() => [
-                        ee(Q(ae(t).get(p.title)), 1)
+                        ee(Q(ae(t).get(f.title)), 1)
                       ]),
                       _: 2
                     }, 1024)
@@ -3784,8 +3789,8 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
       transform: `rotate(${-n.rotation + 180}deg)`
     }));
     return (o, r) => {
-      const l = V("v-img");
-      return f(), D("div", {
+      const l = B("v-img");
+      return v(), D("div", {
         style: se(a.value),
         class: "compass-wrapper"
       }, [
@@ -3809,8 +3814,8 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
       return ("0" + t).slice(-2);
     }
     return (t, o) => {
-      const r = V("v-img");
-      return f(), D("div", To, [
+      const r = B("v-img");
+      return v(), D("div", To, [
         i("div", Vo, [
           w(r, {
             src: ae(Eo),
@@ -3833,8 +3838,8 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
       return e.showStaticImage || (r = "slideShow"), r;
     });
     return (r, l) => {
-      const m = V("v-btn");
-      return f(), R(m, {
+      const p = B("v-btn");
+      return v(), V(p, {
         color: "darken-2",
         elevation: "1",
         rounded: "",
@@ -4390,11 +4395,11 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
       /iPod/i,
       /BlackBerry/i,
       /Windows Phone/i
-    ].some((b) => navigator.userAgent.match(b))), m = T(() => {
-      const v = localStorage.getItem(
+    ].some((b) => navigator.userAgent.match(b))), p = T(() => {
+      const m = localStorage.getItem(
         `${e.project}-dont-show-tutorial`
       );
-      return v && a("closeTutorial"), v;
+      return m && a("closeTutorial"), m;
     });
     function u() {
       r.value && s(), o.value = !1, a("closeTutorial");
@@ -4402,12 +4407,12 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
     function s() {
       localStorage.setItem(`${e.project}-dont-show-tutorial`, "true");
     }
-    return (v, b) => {
-      const h = V("v-checkbox"), p = V("v-btn");
-      return f(), R(Le, { name: "fade-transition" }, {
+    return (m, b) => {
+      const h = B("v-checkbox"), f = B("v-btn");
+      return v(), V(Le, { name: "fade-transition" }, {
         default: C(() => [
-          o.value && !m.value ? (f(), D("div", Uo, [
-            l.value ? U("", !0) : (f(), D("div", Ho, [
+          o.value && !p.value ? (v(), D("div", Uo, [
+            l.value ? $("", !0) : (v(), D("div", Ho, [
               i("div", Yo, [
                 i("div", Po, [
                   jo,
@@ -4429,7 +4434,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
                 ])
               ])
             ])),
-            l.value ? (f(), D("div", tl, [
+            l.value ? (v(), D("div", tl, [
               i("div", nl, [
                 al,
                 i("div", ol, Q(ae(t).getLabel("tapAndDragToLookAround")), 1)
@@ -4442,14 +4447,14 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
                 ul,
                 i("div", cl, Q(ae(t).getLabel("useTwoFingersToZoom")), 1)
               ])
-            ])) : U("", !0),
+            ])) : $("", !0),
             i("div", dl, [
               w(h, {
                 modelValue: r.value,
                 "onUpdate:modelValue": b[0] || (b[0] = (y) => r.value = y),
                 label: ae(t).getLabel("dontShowAgain")
               }, null, 8, ["modelValue", "label"]),
-              w(p, {
+              w(f, {
                 small: "",
                 outlined: "",
                 class: "mt-5",
@@ -4461,7 +4466,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
                 _: 1
               })
             ])
-          ])) : U("", !0)
+          ])) : $("", !0)
         ]),
         _: 1
       });
@@ -4495,40 +4500,40 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
       { deep: !0 }
     );
     const o = T(() => {
-      let p = {};
+      let f = {};
       for (const [y, F] of Object.entries(t.value))
-        y === "whitePoint" ? p[y] = s(F.value) : p[y] = F.value;
-      return p;
+        y === "whitePoint" ? f[y] = s(F.value) : f[y] = F.value;
+      return f;
     });
     function r() {
       a("updateSettings", o.value);
     }
     function l() {
-      const p = document.createElement("a");
-      p.href = URL.createObjectURL(
+      const f = document.createElement("a");
+      f.href = URL.createObjectURL(
         new Blob([JSON.stringify(o.value, null, 2)])
       );
       const y = `player-settings-${Date.now()}.json`;
-      p.download = y, p.style.display = "none", document.body.appendChild(p), p.click(), document.body.removeChild(p);
+      f.download = y, f.style.display = "none", document.body.appendChild(f), f.click(), document.body.removeChild(f);
     }
-    function m() {
+    function p() {
       a("saveSettings", o.value);
     }
     function u() {
       t.value = h(), a("updateSettings", o.value);
     }
-    function s(p) {
-      const y = parseInt(p.substr(1, 2), 16) / 255, F = parseInt(p.substr(3, 2), 16) / 255, A = parseInt(p.substr(5, 2), 16) / 255;
+    function s(f) {
+      const y = parseInt(f.substr(1, 2), 16) / 255, F = parseInt(f.substr(3, 2), 16) / 255, A = parseInt(f.substr(5, 2), 16) / 255;
       return [y, F, A];
     }
-    function v(p) {
-      var y = p.toString(16);
+    function m(f) {
+      var y = f.toString(16);
       return y.length == 1 ? "0" + y : y;
     }
-    function b([p, y, F]) {
-      return "#" + v(parseInt((p * 255).toString())) + v(parseInt((y * 255).toString())) + v(parseInt((F * 255).toString()));
+    function b([f, y, F]) {
+      return "#" + m(parseInt((f * 255).toString())) + m(parseInt((y * 255).toString())) + m(parseInt((F * 255).toString()));
     }
-    function h(p = {}) {
+    function h(f = {}) {
       const y = [
         "Cool 5",
         "Cool 10",
@@ -4552,7 +4557,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
         TRANSITION_MOVEMENT_SCALE: 1.3,
         whitePoint: [1, 1, 1],
         lut: "",
-        ...p
+        ...f
       };
       return {
         exposureFovScale: {
@@ -4624,16 +4629,16 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
         }
       };
     }
-    return (p, y) => {
-      const F = V("v-text-field"), A = V("v-slider"), g = V("v-checkbox"), $ = V("v-btn"), x = V("v-select"), O = V("v-icon");
-      return f(), D("div", fl, [
+    return (f, y) => {
+      const F = B("v-text-field"), A = B("v-slider"), g = B("v-checkbox"), U = B("v-btn"), x = B("v-select"), O = B("v-icon");
+      return v(), D("div", fl, [
         i("form", hl, [
           i("div", gl, [
-            (f(!0), D(ce, null, me(t.value, (I, _, Y) => (f(), D("div", {
+            (v(!0), D(ce, null, me(t.value, (I, _, Y) => (v(), D("div", {
               key: Y,
               "d-block": ""
             }, [
-              I.type === "slider" ? (f(), R(A, {
+              I.type === "slider" ? (v(), V(A, {
                 key: 0,
                 modelValue: t.value[_].value,
                 "onUpdate:modelValue": (S) => t.value[_].value = S,
@@ -4663,8 +4668,8 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
                   ])
                 ]),
                 _: 2
-              }, 1032, ["modelValue", "onUpdate:modelValue", "max", "min", "step"])) : U("", !0),
-              I.type === "boolean" ? (f(), R(g, {
+              }, 1032, ["modelValue", "onUpdate:modelValue", "max", "min", "step"])) : $("", !0),
+              I.type === "boolean" ? (v(), V(g, {
                 key: 1,
                 modelValue: t.value[_].value,
                 "onUpdate:modelValue": (S) => t.value[_].value = S,
@@ -4677,8 +4682,8 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
                   i("div", null, Q(I.value), 1)
                 ]),
                 _: 2
-              }, 1032, ["modelValue", "onUpdate:modelValue"])) : U("", !0),
-              I.type === "color" ? (f(), D("div", {
+              }, 1032, ["modelValue", "onUpdate:modelValue"])) : $("", !0),
+              I.type === "color" ? (v(), D("div", {
                 key: 2,
                 class: "d-flex",
                 max: I.max,
@@ -4708,12 +4713,12 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
                     onChange: r
                   }, null, 8, ["modelValue", "onUpdate:modelValue"])
                 ])
-              ], 8, bl)) : U("", !0),
-              I.type === "lut" ? (f(), D("div", Il, [
+              ], 8, bl)) : $("", !0),
+              I.type === "lut" ? (v(), D("div", Il, [
                 i("div", Al, [
                   i("div", Sl, Q(I.label), 1),
                   i("div", null, [
-                    w($, {
+                    w(U, {
                       class: "ml-2",
                       "x-small": "",
                       onClick: (S) => t.value[_].value = null
@@ -4756,11 +4761,11 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
                     ])
                   ])
                 ])
-              ])) : U("", !0)
+              ])) : $("", !0)
             ]))), 128))
           ]),
           i("div", Dl, [
-            w($, {
+            w(U, {
               onClick: y[0] || (y[0] = (I) => u())
             }, {
               default: C(() => [
@@ -4768,7 +4773,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
               ]),
               _: 1
             }),
-            w($, {
+            w(U, {
               class: "ml-2",
               onClick: y[1] || (y[1] = (I) => l())
             }, {
@@ -4783,9 +4788,9 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
               ]),
               _: 1
             }),
-            w($, {
+            w(U, {
               class: "ml-2",
-              onClick: y[2] || (y[2] = (I) => m())
+              onClick: y[2] || (y[2] = (I) => p())
             }, {
               default: C(() => [
                 ee(" Save Settings "),
@@ -4818,45 +4823,45 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
       const l = document.getElementById(r.id + "Header");
       if (!l)
         return;
-      let m = 0, u = 0, s = 0, v = 0;
-      l.addEventListener("touchstart", b, { passive: !1 }), l.addEventListener("touchend", p, { passive: !1 }), l.addEventListener("mousedown", b, { passive: !1 }), l.addEventListener("mouseup", p, { passive: !1 });
+      let p = 0, u = 0, s = 0, m = 0;
+      l.addEventListener("touchstart", b, { passive: !1 }), l.addEventListener("touchend", f, { passive: !1 }), l.addEventListener("mousedown", b, { passive: !1 }), l.addEventListener("mouseup", f, { passive: !1 });
       function b(y) {
         y = y || window.event, y.preventDefault();
         let F = y;
-        y.type === "touchstart" && (F = y.touches[0]), s = F.clientX, v = F.clientY, document.addEventListener("mouseup", p, { passive: !1 }), document.addEventListener("touchend", p, { passive: !1 }), document.addEventListener("mousemove", h, { passive: !1 }), document.addEventListener("touchmove", h, { passive: !1 });
+        y.type === "touchstart" && (F = y.touches[0]), s = F.clientX, m = F.clientY, document.addEventListener("mouseup", f, { passive: !1 }), document.addEventListener("touchend", f, { passive: !1 }), document.addEventListener("mousemove", h, { passive: !1 }), document.addEventListener("touchmove", h, { passive: !1 });
       }
       function h(y) {
         y = y || window.event, y.preventDefault();
         let F = y;
-        y.type === "touchmove" && (F = y.touches[0]), m = s - F.clientX, u = v - F.clientY, s = F.clientX, v = F.clientY, r.style.top = r.offsetTop - u + "px", r.style.left = r.offsetLeft - m + "px";
+        y.type === "touchmove" && (F = y.touches[0]), p = s - F.clientX, u = m - F.clientY, s = F.clientX, m = F.clientY, r.style.top = r.offsetTop - u + "px", r.style.left = r.offsetLeft - p + "px";
       }
-      function p() {
-        document.removeEventListener("mouseup", p, !1), document.removeEventListener("mousemove", h, !1), document.removeEventListener("touchend", p, !1), document.removeEventListener("touchmove", h, !1);
+      function f() {
+        document.removeEventListener("mouseup", f, !1), document.removeEventListener("mousemove", h, !1), document.removeEventListener("touchend", f, !1), document.removeEventListener("touchmove", h, !1);
       }
     }
     function o() {
       a.value === "big" ? a.value = "small" : a.value = "big";
     }
     return (r, l) => {
-      const m = V("v-btn");
-      return f(), D("div", {
+      const p = B("v-btn");
+      return v(), D("div", {
         id: "moveableDiv",
         class: he(["big d-flex justify-space-between flex-column align-center sizer", a.value])
       }, [
-        w(m, {
+        w(p, {
           class: "close-icon",
           icon: "mdi-window-close",
           size: "x-small",
           onClick: l[0] || (l[0] = (u) => e("close"))
         }),
-        w(m, {
+        w(p, {
           class: "resize-icon",
           icon: "mdi-image-size-select-small",
           size: "x-small",
           onClick: o,
           title: "Resize"
         }),
-        w(m, {
+        w(p, {
           class: "rotate-icon",
           size: "x-small",
           icon: "mdi mdi-rotate-right",
@@ -4885,7 +4890,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
     rotation: {}
   },
   setup(c) {
-    return (n, e) => (f(), D("svg", Ul, [
+    return (n, e) => (v(), D("svg", Ul, [
       Hl,
       i("g", {
         "transform-origin": "20 20",
@@ -4904,11 +4909,11 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
     transformAngle: {}
   },
   setup(c) {
-    const n = c, e = d(512), a = d(384), t = d(new Ve.Vector3()), o = d(new Ve.Object3D()), r = d({}), l = d(1), m = d(), u = T(() => n.allCameras), s = T(() => n.allCameras.find((_) => _.id === n.currentCamera)), v = T(() => n.rotation), b = T(() => new Ve.Vector3(
+    const n = c, e = d(512), a = d(384), t = d(new Ve.Vector3()), o = d(new Ve.Object3D()), r = d({}), l = d(1), p = d(), u = T(() => n.allCameras), s = T(() => n.allCameras.find((_) => _.id === n.currentCamera)), m = T(() => n.rotation), b = T(() => new Ve.Vector3(
       n.storey.position.x,
       n.storey.position.y,
       n.storey.position.z
-    )), h = T(() => parseFloat(s.value.floor_vertical_position)), p = T(() => u.value.map((_) => {
+    )), h = T(() => parseFloat(s.value.floor_vertical_position)), f = T(() => u.value.map((_) => {
       const Y = _.uposition.split(","), S = new Ve.Vector3(
         Number(Y[0]) - b.value.x,
         0,
@@ -4925,11 +4930,11 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
     de(() => {
       O(), g(), I();
       const _ = document.getElementById("moveableDiv");
-      _ && (m.value = new ResizeObserver(I).observe(_));
+      _ && (p.value = new ResizeObserver(I).observe(_));
     }), Vt(() => {
       O(), g();
     }), je(() => {
-      m.value && m.value.unobserve(document.getElementById("moveableDiv"));
+      p.value && p.value.unobserve(document.getElementById("moveableDiv"));
     });
     function A(_) {
       return Ve.MathUtils.degToRad(_);
@@ -4939,7 +4944,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
         transform: `rotateZ(${o.value.rotation.y}deg) rotateX(${o.value.rotation.x}deg)`
       };
     }
-    function $(_) {
+    function U(_) {
       return {
         top: `${Math.abs(_.top)}%`,
         left: `${Math.abs(_.left)}%`
@@ -4967,7 +4972,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
       const Y = _.offsetHeight / 384 * 0.8, S = _.offsetWidth / 512 * 0.8;
       _.offsetHeight > _.offsetWidth ? l.value = S * 0.5 : l.value = Y * 0.9;
     }
-    return (_, Y) => (f(), D("div", zl, [
+    return (_, Y) => (v(), D("div", zl, [
       i("div", Nl, [
         i("div", {
           class: "web-minimap",
@@ -4981,20 +4986,20 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
             class: "center-pivot",
             style: se(r.value)
           }, [
-            (f(!0), D(ce, null, me(p.value, (S) => (f(), D("div", {
+            (v(!0), D(ce, null, me(f.value, (S) => (v(), D("div", {
               key: S.id
             }, [
-              s.value.floorLevel === S.floorLevel ? (f(), D("div", {
+              s.value.floorLevel === S.floorLevel ? (v(), D("div", {
                 key: 0,
                 class: "single-camera-marker",
-                style: se($(S))
-              }, null, 4)) : U("", !0),
-              s.value.id === S.id && n.rotation !== null ? (f(), R(Wl, {
+                style: se(U(S))
+              }, null, 4)) : $("", !0),
+              s.value.id === S.id && n.rotation !== null ? (v(), V(Wl, {
                 key: 1,
                 class: "rotation-marker-component",
-                rotation: v.value,
-                style: se({ ...$(S) })
-              }, null, 8, ["rotation", "style"])) : U("", !0)
+                rotation: m.value,
+                style: se({ ...U(S) })
+              }, null, 8, ["rotation", "style"])) : $("", !0)
             ]))), 128))
           ], 4)
         ], 4)
@@ -5010,7 +5015,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
   },
   setup(c) {
     const n = c, e = T(() => n.rotation + n.transformAngle - 90);
-    return (a, t) => (f(), D("div", {
+    return (a, t) => (v(), D("div", {
       class: "minimap-compass",
       style: se({ scale: a.scale })
     }, [
@@ -5033,7 +5038,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
   },
   emits: ["setBackgroundImage"],
   setup(c, { emit: n }) {
-    const e = c, a = n, t = d((/* @__PURE__ */ new Date()).getHours()), o = d(!0), r = d(!0), l = d(""), m = d(/* @__PURE__ */ new Map()), u = T(() => e.minimapJson.storeys[e.level]), s = T(() => `${Math.floor(t.value).toString().padStart(2, "0")}:00`), v = T(() => {
+    const e = c, a = n, t = d((/* @__PURE__ */ new Date()).getHours()), o = d(!0), r = d(!0), l = d(""), p = d(/* @__PURE__ */ new Map()), u = T(() => e.minimapJson.storeys[e.level]), s = T(() => `${Math.floor(t.value).toString().padStart(2, "0")}:00`), m = T(() => {
       if (u.value.sunsimFilesTimeStamps[t.value]) {
         const A = u.value.sunsimFilesTimeStamps[t.value].split(" ");
         return `${A[0]} ${A[1]}`;
@@ -5041,11 +5046,11 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
       return "";
     });
     de(async () => {
-      l.value = await p(
+      l.value = await f(
         u.value.sunsimFiles[t.value]
       ), r.value = !1;
       const A = await h(e.minimapJson.storeys);
-      m.value = A, o.value = !1, a("setBackgroundImage", b(e.level, t.value));
+      p.value = A, o.value = !1, a("setBackgroundImage", b(e.level, t.value));
     }), H(t, () => {
       const A = b(e.level, t.value);
       a("setBackgroundImage", A);
@@ -5057,16 +5062,16 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
       { immediate: !0 }
     );
     function b(A, g) {
-      return m.value.get(`sunsim${A}_${g}`) ? m.value.get(`sunsim${A}_${g}`) : "";
+      return p.value.get(`sunsim${A}_${g}`) ? p.value.get(`sunsim${A}_${g}`) : "";
     }
     async function h(A) {
       let g = /* @__PURE__ */ new Map();
-      for (let $ = 0; $ < A.length; $++) {
-        const x = A[$].sunsimFiles;
+      for (let U = 0; U < A.length; U++) {
+        const x = A[U].sunsimFiles;
         for (let O = 0; O < x.length; O++) {
           const I = x[O];
           try {
-            const _ = I, Y = I.split("."), S = await p(_);
+            const _ = I, Y = I.split("."), S = await f(_);
             g.set(Y[0], S);
           } catch {
             continue;
@@ -5075,40 +5080,40 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
       }
       return g;
     }
-    async function p(A) {
-      const $ = await (await fetch(
+    async function f(A) {
+      const U = await (await fetch(
         ie(
           e.cdnFileResolver,
           `/${e.apartmentJson.type}/${e.apartmentJson.id}/minimap/${A}`
         )
-      )).blob(), x = await F($);
+      )).blob(), x = await F(U);
       return y(x);
     }
     function y(A) {
       return "data:image/jpeg;base64," + A;
     }
     async function F(A) {
-      return new Promise((g, $) => {
+      return new Promise((g, U) => {
         const x = new FileReader();
         x.onload = () => {
           const O = x.result.split(",")[1];
           g(O);
-        }, x.onerror = $, x.readAsDataURL(A);
+        }, x.onerror = U, x.readAsDataURL(A);
       });
     }
     return (A, g) => {
-      const $ = V("v-progress-linear"), x = V("v-icon"), O = V("v-slider");
-      return f(), D("div", Jl, [
+      const U = B("v-progress-linear"), x = B("v-icon"), O = B("v-slider");
+      return v(), D("div", Jl, [
         i("div", Xl, [
           i("div", Kl, [
-            o.value ? (f(), R($, {
+            o.value ? (v(), V(U, {
               key: 0,
               indeterminate: "",
               rounded: "",
               height: "6",
               color: "grey lighten-1",
               class: "mr-2"
-            })) : (f(), R(O, {
+            })) : (v(), V(O, {
               key: 1,
               modelValue: t.value,
               "onUpdate:modelValue": g[0] || (g[0] = (I) => t.value = I),
@@ -5131,7 +5136,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
               _: 1
             }, 8, ["modelValue"]))
           ]),
-          o.value ? U("", !0) : (f(), D("div", es, Q(v.value) + " " + Q(s.value), 1))
+          o.value ? $("", !0) : (v(), D("div", es, Q(m.value) + " " + Q(s.value), 1))
         ])
       ]);
     };
@@ -5160,14 +5165,14 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
       let s = 1;
       return o.value !== 0 && (Math.abs(o.value) % 180 === 0 ? s = 1 : s = -1), s;
     });
-    function m(s) {
+    function p(s) {
       t.value = s;
     }
     function u() {
       o.value = o.value + 90;
     }
-    return (s, v) => (f(), R($l, {
-      onClose: v[0] || (v[0] = (b) => a("close")),
+    return (s, m) => (v(), V($l, {
+      onClose: m[0] || (m[0] = (b) => a("close")),
       onTransform: u
     }, {
       body: C(() => [
@@ -5193,7 +5198,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
           "minimap-json": e.minimapJson,
           "apartment-json": e.apartmentJson,
           level: e.level,
-          onSetBackgroundImage: m
+          onSetBackgroundImage: p
         }, null, 8, ["cdn-file-resolver", "minimap-json", "apartment-json", "level"])
       ]),
       _: 1
@@ -5206,15 +5211,15 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
   __name: "VDisclaimer",
   setup(c) {
     const n = Be(be), e = d(!0);
-    return (a, t) => (f(), R(Le, { name: "fade-transition" }, {
+    return (a, t) => (v(), V(Le, { name: "fade-transition" }, {
       default: C(() => [
-        e.value ? (f(), D("div", os, [
+        e.value ? (v(), D("div", os, [
           ee(Q(ae(n).getLabel("allIllustrationsAreIndicativeDeviationsMayOccur")) + " ", 1),
           i("span", {
             onClick: t[0] || (t[0] = (o) => e.value = !1),
             class: "link-text text-decoration-underline"
           }, Q(ae(n).getLabel("iUnderstand")), 1)
-        ])) : U("", !0)
+        ])) : $("", !0)
       ]),
       _: 1
     }));
@@ -5254,12 +5259,12 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
           return;
       }
     }
-    function m(u, s) {
+    function p(u, s) {
       s(), a("goto", u);
     }
     return (u, s) => {
-      const v = V("v-btn"), b = V("v-img"), h = V("v-card"), p = V("v-slide-group-item"), y = V("v-slide-group");
-      return f(), D("div", is, [
+      const m = B("v-btn"), b = B("v-img"), h = B("v-card"), f = B("v-slide-group-item"), y = B("v-slide-group");
+      return v(), D("div", is, [
         w(y, {
           modelValue: o.value,
           "onUpdate:modelValue": s[2] || (s[2] = (F) => o.value = F),
@@ -5271,7 +5276,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
           mandatory: ""
         }, {
           prev: C(() => [
-            w(v, {
+            w(m, {
               class: he(["carousel-button", { mobile: r.value }]),
               icon: "mdi-chevron-left",
               varient: "tonal",
@@ -5280,7 +5285,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
             }, null, 8, ["class"])
           ]),
           next: C(() => [
-            w(v, {
+            w(m, {
               class: he(["carousel-button", { mobile: r.value }]),
               icon: "mdi-chevron-right",
               varient: "tonal",
@@ -5289,7 +5294,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
             }, null, 8, ["class"])
           ]),
           default: C(() => [
-            (f(!0), D(ce, null, me(u.thumbnails, (F) => (f(), R(p, {
+            (v(!0), D(ce, null, me(u.thumbnails, (F) => (v(), V(f, {
               key: F.id
             }, {
               default: C(({ toggle: A, selectedClass: g }) => [
@@ -5302,7 +5307,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
                   align: "center",
                   justify: "center",
                   style: { overflow: "hidden" },
-                  onClick: ($) => m(F.id, A)
+                  onClick: (U) => p(F.id, A)
                 }, {
                   default: C(() => [
                     w(b, {
@@ -5353,10 +5358,10 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
     function l() {
       navigator.clipboard.writeText(location.href);
     }
-    return (m, u) => {
-      const s = V("v-btn"), v = V("v-tooltip"), b = V("v-toolbar-title"), h = V("v-spacer"), p = V("v-toolbar"), y = V("v-card-text"), F = V("v-card"), A = V("v-dialog");
-      return f(), D("div", null, [
-        w(v, {
+    return (p, u) => {
+      const s = B("v-btn"), m = B("v-tooltip"), b = B("v-toolbar-title"), h = B("v-spacer"), f = B("v-toolbar"), y = B("v-card-text"), F = B("v-card"), A = B("v-dialog");
+      return v(), D("div", null, [
+        w(m, {
           elevation: "2",
           top: "",
           attach: ""
@@ -5366,7 +5371,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
               density: "comfortable",
               elevation: "1",
               icon: "mdi-share-variant",
-              onClick: u[0] || (u[0] = ($) => e.value = !e.value)
+              onClick: u[0] || (u[0] = (U) => e.value = !e.value)
             }, g), null, 16)
           ]),
           default: C(() => [
@@ -5383,7 +5388,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
           default: C(() => [
             w(F, null, {
               default: C(() => [
-                w(p, { elevation: "0" }, {
+                w(f, { elevation: "0" }, {
                   default: C(() => [
                     w(s, {
                       size: "x-small",
@@ -5403,7 +5408,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
                 w(y, { class: "mt-5" }, {
                   default: C(() => [
                     i("p", ds, [
-                      w(v, { location: "top" }, {
+                      w(m, { location: "top" }, {
                         activator: C(({ props: g }) => [
                           w(s, _e({
                             depressed: "",
@@ -5417,7 +5422,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
                         ]),
                         _: 1
                       }),
-                      w(v, { location: "top" }, {
+                      w(m, { location: "top" }, {
                         activator: C(({ props: g }) => [
                           w(s, _e({
                             depressed: "",
@@ -5431,7 +5436,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
                         ]),
                         _: 1
                       }),
-                      w(v, { location: "top" }, {
+                      w(m, { location: "top" }, {
                         activator: C(({ props: g }) => [
                           w(s, _e({
                             depressed: "",
@@ -5445,7 +5450,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
                         ]),
                         _: 1
                       }),
-                      w(v, { location: "top" }, {
+                      w(m, { location: "top" }, {
                         activator: C(({ props: g }) => [
                           w(s, _e({
                             depressed: "",
@@ -5461,7 +5466,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
                         ]),
                         _: 1
                       }),
-                      w(v, { location: "top" }, {
+                      w(m, { location: "top" }, {
                         activator: C(({ props: g }) => [
                           w(s, _e({
                             depressed: "",
@@ -5498,7 +5503,7 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
   },
   setup(c) {
     const n = c, e = T(() => ({ "background-image": `url("${encodeURI(n.image)}")` }));
-    return (a, t) => (f(), D("div", ms, [
+    return (a, t) => (v(), D("div", ms, [
       i("div", {
         class: he(["img-div", [a.aspectRatio]]),
         style: se(e.value)
@@ -5517,8 +5522,8 @@ const lo = { id: "player-wrapper" }, so = { id: "player-sizer" }, io = {
   setup(c, { emit: n }) {
     const e = n;
     return (a, t) => {
-      const o = V("v-btn");
-      return f(), D("div", hs, [
+      const o = B("v-btn");
+      return v(), D("div", hs, [
         w(o, {
           density: "comfortable",
           elevation: "3",
@@ -5624,7 +5629,7 @@ const gs = {
   },
   emits: ["onSnapshot", "saveSettings", "onInteriorUpdate", "onCameraUpdate", "onError"],
   setup(c, { emit: n }) {
-    const e = c, a = n, t = d(!1), o = d(!1), r = d(), l = d(), m = d(), u = d(), s = d(), v = d(0), b = d(), h = d(), p = d(), y = d(0), F = d(0), A = d(0), g = d(!1), $ = d(!1), x = d(!1), O = d(
+    const e = c, a = n, t = d(!1), o = d(!1), r = d(), l = d(), p = d(), u = d(), s = d(), m = d(0), b = d(), h = d(), f = d(), y = d(0), F = d(0), A = d(0), g = d(!1), U = d(!1), x = d(!1), O = d(
       new At(document, "player-wrapper")
     ), I = T(() => {
       if (l.value) {
@@ -5651,7 +5656,7 @@ const gs = {
       return k;
     }), Y = T(() => L.value.findIndex(
       (k) => k.archetypeID === b.value
-    )), S = T(() => m.value ? m.value.cameras.map((k) => ({
+    )), S = T(() => p.value ? p.value.cameras.map((k) => ({
       ...k,
       thumbnailUrl: ge(
         `/${b.value}/${e.apartmentId}/thumbs/200/${k.id}.jpg`
@@ -5659,15 +5664,15 @@ const gs = {
       imageUrl: ge(
         `/${b.value}/${e.apartmentId}/images/1600/${k.id}.jpg`
       )
-    })) : []), j = T(() => !S.value || !S.value[v.value] ? "" : S.value[v.value].imageUrl), L = T(() => {
+    })) : []), j = T(() => !S.value || !S.value[m.value] ? "" : S.value[m.value].imageUrl), L = T(() => {
       let k = [];
       return r.value && (k = r.value.archetypes), e.validInteriorIds.length ? k.filter(
         (N) => e.validInteriorIds.includes(N.archetypeID)
       ) : k;
-    }), E = T(() => m.value ? L.value.map((k) => ({
+    }), E = T(() => p.value ? L.value.map((k) => ({
       ...k,
       url: ge(
-        `/${k.archetypeID}/${e.apartmentId}/thumbs/200/${S.value[v.value].id}.jpg`
+        `/${k.archetypeID}/${e.apartmentId}/thumbs/200/${S.value[m.value].id}.jpg`
       )
     })) : []), z = T(() => {
       if (u.value)
@@ -5680,7 +5685,7 @@ const gs = {
       be,
       e.i18nConfig ? new Fe(e.i18nConfig) : new Fe()
     ), H([() => e.cdnFileResolver], async () => {
-      await M(), q(), await B();
+      await M(), q(), await R();
     }), H(
       () => e.defaultViewMode,
       (k) => {
@@ -5689,7 +5694,7 @@ const gs = {
       { immediate: !0 }
     ), de(async () => {
       try {
-        await M(), q(), await B(), O.value.setup(), te();
+        await M(), q(), await R(), O.value.setup(), te();
       } catch (k) {
         o.value = !0, a("onError", k);
       }
@@ -5697,16 +5702,16 @@ const gs = {
     async function M() {
       r.value = await ue();
     }
-    async function B() {
+    async function R() {
       if (l.value = await oe(
         b.value,
         e.apartmentId
-      ), l.value && (h.value = l.value.cameras.find(() => !0).id), m.value = await Ae(
+      ), l.value && (h.value = l.value.cameras.find(() => !0).id), p.value = await Ae(
         b.value,
         e.apartmentId
-      ), m.value) {
+      ), p.value) {
         let k = e.defaultWaypointIndex !== null ? e.defaultWaypointIndex : 0;
-        v.value = k, h.value = m.value.cameras[k].id, p.value = m.value.cameras[k].id;
+        m.value = k, h.value = p.value.cameras[k].id, f.value = p.value.cameras[k].id;
       }
       e.showMiniMap && (u.value = await xe(
         b.value,
@@ -5795,25 +5800,25 @@ const gs = {
       }
     }
     function we() {
-      let k = v.value + 1;
-      k >= S.value.length && (k = 0), v.value = k, Ee(S.value[v.value].id);
+      let k = m.value + 1;
+      k >= S.value.length && (k = 0), m.value = k, Ee(S.value[m.value].id);
     }
     function ke() {
-      let k = v.value - 1;
-      k < 0 && (k = S.value.length - 1), v.value = k, Ee(S.value[v.value].id);
+      let k = m.value - 1;
+      k < 0 && (k = S.value.length - 1), m.value = k, Ee(S.value[m.value].id);
     }
     function Ce(k, N = !0) {
       let X = S.value.findIndex((pe) => pe.id === k);
-      X != -1 && (v.value = X, N && Ee(k));
+      X != -1 && (m.value = X, N && Ee(k));
     }
     function Ee(k) {
       h.value = k;
     }
     function Me(k) {
-      b.value = k, a("onInteriorUpdate", k), a("onCameraUpdate", p.value, l.value);
+      b.value = k, a("onInteriorUpdate", k), a("onCameraUpdate", f.value, l.value);
     }
     function Xe(k) {
-      Ce(k, !1), p.value = k, a("onCameraUpdate", k, l.value);
+      Ce(k, !1), f.value = k, a("onCameraUpdate", k, l.value);
     }
     function $e(k) {
       y.value = k;
@@ -5871,23 +5876,23 @@ const gs = {
       window.navigator.userAgent
     )), mt = T(() => Ft.value ? "platform-mobile" : "platform-desktop");
     return (k, N) => {
-      const X = V("v-btn");
-      return f(), D("div", {
+      const X = B("v-btn");
+      return v(), D("div", {
         class: he(["virtual-tour-wrapper", [mt.value]])
       }, [
-        o.value ? (f(), D("div", gs, "Error loading the player!!")) : U("", !0),
+        o.value ? (v(), D("div", gs, "Error loading the player!!")) : $("", !0),
         i("div", ys, [
-          !O.value.isActive && u.value && p.value && z.value && b.value && $.value ? (f(), R(ft, {
+          !O.value.isActive && u.value && f.value && z.value && b.value && U.value ? (v(), V(ft, {
             key: 0,
             "cdn-file-resolver": k.cdnFileResolver,
             "apartment-json": l.value,
             level: _.value,
             "minimap-json": u.value,
             rotation: y.value,
-            "current-camera": p.value,
-            onClose: N[0] || (N[0] = (pe) => $.value = !1)
-          }, null, 8, ["cdn-file-resolver", "apartment-json", "level", "minimap-json", "rotation", "current-camera"])) : U("", !0),
-          b.value && h.value ? (f(), D("div", {
+            "current-camera": f.value,
+            onClose: N[0] || (N[0] = (pe) => U.value = !1)
+          }, null, 8, ["cdn-file-resolver", "apartment-json", "level", "minimap-json", "rotation", "current-camera"])) : $("", !0),
+          b.value && h.value ? (v(), D("div", {
             key: 1,
             class: he(["v-player", [mt.value]])
           }, [
@@ -5908,13 +5913,13 @@ const gs = {
               onPlayerApiCallback: le
             }, {
               "slideshow-image": C(() => [
-                g.value ? (f(), R(fs, {
+                g.value ? (v(), V(fs, {
                   key: 0,
                   image: j.value
-                }, null, 8, ["image"])) : U("", !0)
+                }, null, 8, ["image"])) : $("", !0)
               ]),
               "top-left": C(() => [
-                k.adminMode ? ve((f(), R(X, {
+                k.adminMode ? ve((v(), V(X, {
                   key: 0,
                   density: "comfortable",
                   icon: "mdi-cog-outline",
@@ -5923,67 +5928,67 @@ const gs = {
                   onClick: N[1] || (N[1] = (pe) => t.value = !t.value)
                 }, null, 512)), [
                   [fe, x.value]
-                ]) : U("", !0),
-                u.value && h.value && z.value ? ve((f(), R(X, {
+                ]) : $("", !0),
+                u.value && h.value && z.value ? ve((v(), V(X, {
                   key: 1,
                   density: "comfortable",
                   elevation: "3",
                   icon: "mdi-floor-plan",
                   class: "mr-2",
-                  onClick: N[2] || (N[2] = (pe) => $.value = !$.value)
+                  onClick: N[2] || (N[2] = (pe) => U.value = !U.value)
                 }, null, 512)), [
                   [fe, x.value]
-                ]) : U("", !0),
-                x.value && k.showFloorLevel && I.value.length > 1 ? (f(), R(Ao, {
+                ]) : $("", !0),
+                x.value && k.showFloorLevel && I.value.length > 1 ? (v(), V(Ao, {
                   key: 2,
                   level: F.value,
                   "floor-levels": I.value,
                   onLevel: Ke
-                }, null, 8, ["level", "floor-levels"])) : U("", !0),
-                x.value && k.adminMode && t.value ? (f(), D("div", _s, [
+                }, null, 8, ["level", "floor-levels"])) : $("", !0),
+                x.value && k.adminMode && t.value ? (v(), D("div", _s, [
                   w(El, {
                     "initial-settings": k.playerSettings,
                     onUpdateSettings: vt,
                     onSaveSettings: St
                   }, null, 8, ["initial-settings"])
-                ])) : U("", !0)
+                ])) : $("", !0)
               ]),
               "top-center": C(() => [
-                x.value ? (f(), R(ss, {
+                x.value ? (v(), V(ss, {
                   key: 0,
                   "return-url": k.websiteUrl
-                }, null, 8, ["return-url"])) : U("", !0)
+                }, null, 8, ["return-url"])) : $("", !0)
               ]),
               "top-right": C(() => [
-                l.value && k.showCompass ? ve((f(), D("div", bs, [
+                l.value && k.showCompass ? ve((v(), D("div", bs, [
                   w(Mo, { rotation: y.value }, null, 8, ["rotation"])
                 ], 512)), [
                   [fe, x.value]
-                ]) : U("", !0),
+                ]) : $("", !0),
                 i("div", {
-                  onClick: N[3] || (N[3] = (pe) => $.value = !$.value)
+                  onClick: N[3] || (N[3] = (pe) => U.value = !U.value)
                 }, [
-                  x.value && l.value && W.value && k.showTimeOfDay ? (f(), R(Oo, {
+                  x.value && l.value && W.value && k.showTimeOfDay ? (v(), V(Oo, {
                     key: 0,
                     hours: re.value.hours,
                     minutes: re.value.minutes,
                     class: "time-of-day",
                     style: se({
-                      cursor: u.value && p.value && z.value ? "pointer" : "default"
+                      cursor: u.value && f.value && z.value ? "pointer" : "default"
                     })
-                  }, null, 8, ["hours", "minutes", "style"])) : U("", !0)
+                  }, null, 8, ["hours", "minutes", "style"])) : $("", !0)
                 ])
               ]),
               "center-left": C(() => [
                 w(Le, { name: "slide-x-transition" }, {
                   default: C(() => [
-                    g.value ? (f(), R(X, {
+                    g.value ? (v(), V(X, {
                       key: 0,
                       density: "comfortable",
                       elevation: "3",
                       icon: "mdi-chevron-left",
                       onClick: ke
-                    })) : U("", !0)
+                    })) : $("", !0)
                   ]),
                   _: 1
                 })
@@ -5993,89 +5998,89 @@ const gs = {
                   project: ae(ie)(e.cdnFileResolver, ""),
                   onCloseTutorial: N[4] || (N[4] = (pe) => x.value = !0)
                 }, null, 8, ["project"]),
-                O.value.isActive && u.value && p.value && z.value && $.value ? (f(), R(ft, {
+                O.value.isActive && u.value && f.value && z.value && U.value ? (v(), V(ft, {
                   key: 0,
                   "cdn-file-resolver": k.cdnFileResolver,
                   "apartment-json": l.value,
                   "minimap-json": u.value,
                   rotation: y.value,
-                  "current-camera": p.value,
+                  "current-camera": f.value,
                   level: _.value,
-                  onClose: N[5] || (N[5] = (pe) => $.value = !1)
-                }, null, 8, ["cdn-file-resolver", "apartment-json", "minimap-json", "rotation", "current-camera", "level"])) : U("", !0)
+                  onClose: N[5] || (N[5] = (pe) => U.value = !1)
+                }, null, 8, ["cdn-file-resolver", "apartment-json", "minimap-json", "rotation", "current-camera", "level"])) : $("", !0)
               ]),
               "center-right": C(() => [
                 w(Le, { name: "slide-x-reverse-transition" }, {
                   default: C(() => [
-                    g.value ? (f(), R(X, {
+                    g.value ? (v(), V(X, {
                       key: 0,
                       density: "comfortable",
                       elevation: "3",
                       icon: "mdi-chevron-right",
                       onClick: we
-                    })) : U("", !0)
+                    })) : $("", !0)
                   ]),
                   _: 1
                 })
               ]),
               "bottom-left": C(() => [
-                x.value && k.showFullScreen ? (f(), R(It, {
+                x.value && k.showFullScreen ? (v(), V(It, {
                   key: 0,
                   "is-full-screen": O.value.isActive,
                   class: "btn-fullscreen",
                   onToggleFullscreen: ze
-                }, null, 8, ["is-full-screen"])) : U("", !0),
-                x.value && k.showSnapshot ? (f(), D("div", ws, [
+                }, null, 8, ["is-full-screen"])) : $("", !0),
+                x.value && k.showSnapshot ? (v(), D("div", ws, [
                   w(X, {
                     density: "comfortable",
                     elevation: "3",
                     icon: "mdi-camera",
                     onClick: De
                   })
-                ])) : U("", !0),
-                x.value && k.showShare && !O.value.isActive ? (f(), D("div", ks, [
+                ])) : $("", !0),
+                x.value && k.showShare && !O.value.isActive ? (v(), D("div", ks, [
                   w(Ct)
-                ])) : U("", !0)
+                ])) : $("", !0)
               ]),
               "bottom-center": C(() => [
-                x.value && k.showCarousel ? (f(), D("div", Cs, [
-                  k.displayViewModeSwitch && x.value && !O.value.isActive ? (f(), R($o, {
+                x.value && k.showCarousel ? (v(), D("div", Cs, [
+                  k.displayViewModeSwitch && x.value && !O.value.isActive ? (v(), V($o, {
                     key: 0,
                     "show-static-image": g.value,
                     onToggle: Te
-                  }, null, 8, ["show-static-image"])) : U("", !0),
-                  x.value && O.value.isActive ? (f(), R(et, {
+                  }, null, 8, ["show-static-image"])) : $("", !0),
+                  x.value && O.value.isActive ? (v(), V(et, {
                     key: 1,
                     class: he([O.value.isActive ? "full-screen" : ""]),
                     thumbnails: S.value,
-                    active: v.value,
+                    active: m.value,
                     onNext: we,
                     onPrevious: ke,
                     onGoto: Ce
-                  }, null, 8, ["class", "thumbnails", "active"])) : U("", !0)
-                ])) : U("", !0)
+                  }, null, 8, ["class", "thumbnails", "active"])) : $("", !0)
+                ])) : $("", !0)
               ]),
               "bottom-right": C(() => [
-                x.value && k.showInteriorOptions && E.value ? (f(), R(Fo, {
+                x.value && k.showInteriorOptions && E.value ? (v(), V(Fo, {
                   key: 0,
                   "cdn-file-resolver": k.cdnFileResolver,
                   "available-archetypes": E.value,
                   "selected-index": Y.value,
                   onSelectInterior: Me
-                }, null, 8, ["cdn-file-resolver", "available-archetypes", "selected-index"])) : U("", !0)
+                }, null, 8, ["cdn-file-resolver", "available-archetypes", "selected-index"])) : $("", !0)
               ]),
               _: 1
             }, 8, ["cdn-file-resolver", "style", "show-static-image", "is-full-screen", "current-camera-id", "mouse-sensitivity", "interior-id", "apartment-id"]),
-            k.showCarousel && m.value ? (f(), R(et, {
+            k.showCarousel && p.value ? (v(), V(et, {
               key: 0,
               class: "waypoint-carousel below-player",
               thumbnails: S.value,
-              active: v.value,
+              active: m.value,
               onNext: we,
               onPrevious: ke,
               onGoto: Ce
-            }, null, 8, ["thumbnails", "active"])) : U("", !0)
-          ], 2)) : U("", !0)
+            }, null, 8, ["thumbnails", "active"])) : $("", !0)
+          ], 2)) : $("", !0)
         ])
       ], 2);
     };
@@ -6114,7 +6119,7 @@ const gs = {
   },
   emits: ["newSizeCallback"],
   setup(c, { emit: n }) {
-    return (e, a) => (f(), D("div", Ss, [
+    return (e, a) => (v(), D("div", Ss, [
       i("div", Ls, [
         K(e.$slots, "slideshow-image", {}, void 0, !0),
         i("div", Fs, [
@@ -6169,8 +6174,8 @@ const gs = {
     const e = d(0), a = d(
       new At(document, "player-wrapper")
     ), t = T(() => n.images.map(
-      (s, v) => ({
-        id: `image-${v}`,
+      (s, m) => ({
+        id: `image-${m}`,
         thumbnailUrl: s
       })
     )), o = T(() => t.value[e.value]);
@@ -6184,19 +6189,19 @@ const gs = {
       let s = e.value + 1;
       s >= t.value.length && (s = 0), e.value = s;
     }
-    function m() {
+    function p() {
       let s = e.value - 1;
       s < 0 && (s = t.value.length - 1), e.value = s;
     }
-    function u(s, v = !0) {
+    function u(s, m = !0) {
       let b = t.value.findIndex(
         (h) => h.id === s
       );
       b != -1 && (e.value = b);
     }
-    return (s, v) => {
-      const b = V("v-img"), h = V("v-btn");
-      return f(), D("div", Us, [
+    return (s, m) => {
+      const b = B("v-img"), h = B("v-btn");
+      return v(), D("div", Us, [
         i("div", Hs, [
           i("div", null, [
             w($s, {
@@ -6215,13 +6220,13 @@ const gs = {
               "center-left": C(() => [
                 w(Le, { name: "slide-x-transition" }, {
                   default: C(() => [
-                    t.value.length > 1 ? (f(), R(h, {
+                    t.value.length > 1 ? (v(), V(h, {
                       key: 0,
                       density: "comfortable",
                       elevation: "3",
                       icon: "mdi-chevron-left",
-                      onClick: m
-                    })) : U("", !0)
+                      onClick: p
+                    })) : $("", !0)
                   ]),
                   _: 1
                 })
@@ -6230,52 +6235,52 @@ const gs = {
               "center-right": C(() => [
                 w(Le, { name: "slide-x-reverse-transition" }, {
                   default: C(() => [
-                    t.value.length > 1 ? (f(), R(h, {
+                    t.value.length > 1 ? (v(), V(h, {
                       key: 0,
                       density: "comfortable",
                       elevation: "3",
                       icon: "mdi-chevron-right",
                       onClick: l
-                    })) : U("", !0)
+                    })) : $("", !0)
                   ]),
                   _: 1
                 })
               ]),
               "bottom-left": C(() => [
-                s.showFullScreen ? (f(), R(It, {
+                s.showFullScreen ? (v(), V(It, {
                   key: 0,
                   "is-full-screen": a.value.isActive,
                   class: "btn-fullscreen",
                   onToggleFullscreen: r
-                }, null, 8, ["is-full-screen"])) : U("", !0),
-                s.showShare ? (f(), D("div", Ps, [
+                }, null, 8, ["is-full-screen"])) : $("", !0),
+                s.showShare ? (v(), D("div", Ps, [
                   w(Ct)
-                ])) : U("", !0)
+                ])) : $("", !0)
               ]),
               "bottom-center": C(() => [
                 i("div", null, [
-                  a.value.isActive && t.value.length > 1 ? (f(), R(et, {
+                  a.value.isActive && t.value.length > 1 ? (v(), V(et, {
                     key: 0,
                     class: he([a.value.isActive ? "full-screen" : ""]),
                     thumbnails: t.value,
                     active: e.value,
                     onNext: l,
-                    onPrevious: m,
+                    onPrevious: p,
                     onGoto: u
-                  }, null, 8, ["class", "thumbnails", "active"])) : U("", !0)
+                  }, null, 8, ["class", "thumbnails", "active"])) : $("", !0)
                 ])
               ]),
               "bottom-right": C(() => []),
               _: 1
             }, 8, ["is-full-screen"]),
-            t.value.length > 1 ? (f(), R(et, {
+            t.value.length > 1 ? (v(), V(et, {
               key: 0,
               thumbnails: t.value,
               active: e.value,
               onNext: l,
-              onPrevious: m,
+              onPrevious: p,
               onGoto: u
-            }, null, 8, ["thumbnails", "active"])) : U("", !0)
+            }, null, 8, ["thumbnails", "active"])) : $("", !0)
           ])
         ])
       ]);