npm - @qispace/vue3-player - Versions diffs - 0.3.43 → 0.3.44 - Mend

@qispace/vue3-player 0.3.43 → 0.3.44

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/vue-components/style.css +1 -1
package/dist/vue-components/vue3-player.js +566 -560
package/dist/vue-components/vue3-player.umd.cjs +1 -1
package/package.json +1 -1

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

@@ -1,7 +1,7 @@
 var Ba = Object.defineProperty;
 var Ra = (s, t, e) => t in s ? Ba(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
 var pe = (s, t, e) => (Ra(s, typeof t != "symbol" ? t + "" : t, e), e);
-import { defineComponent as W, ref as d, computed as B, openBlock as v, createElementBlock as D, watch as H, onMounted as xe, onBeforeUnmount as Qe, withDirectives as Ce, createElementVNode as u, normalizeStyle as de, vShow as Se, createVNode as C, Fragment as ve, renderList as be, createCommentVNode as U, inject as Ze, resolveComponent as E, withCtx as b, toDisplayString as Q, unref as A, createTextVNode as te, normalizeClass as ye, createBlock as V, renderSlot as oe, provide as nt, reactive as bt, watchEffect as Be, resolveDynamicComponent as Jt, normalizeProps as dt, guardReactiveProps as vt, mergeProps as Te, nextTick as ke, Transition as $e, createSlots as Ua, toRefs as Ee, pushScopeId as Ct, popScopeId as wt, vModelText as Ha, createStaticVNode as Xt, onBeforeUpdate as Ya, withModifiers as za } from "vue";
+import { defineComponent as W, ref as d, computed as B, openBlock as v, createElementBlock as D, watch as H, onMounted as xe, onBeforeUnmount as Qe, withDirectives as Ce, createElementVNode as u, normalizeStyle as de, vShow as Se, createVNode as C, Fragment as ve, renderList as be, createCommentVNode as U, inject as Ze, resolveComponent as V, withCtx as b, toDisplayString as Q, unref as A, createTextVNode as te, normalizeClass as ye, createBlock as E, renderSlot as oe, provide as nt, reactive as bt, watchEffect as Be, resolveDynamicComponent as Jt, normalizeProps as dt, guardReactiveProps as vt, mergeProps as Te, nextTick as ke, Transition as $e, createSlots as Ua, toRefs as Ee, pushScopeId as Ct, popScopeId as wt, vModelText as Ha, createStaticVNode as Xt, onBeforeUpdate as Ya, withModifiers as za } from "vue";
 import gt from "axios";
 import * as ja from "@qispace/player-core";
 import { Vector3 as it, Object3D as Pa, MathUtils as Wa } from "three";
@@ -82,18 +82,18 @@ const Ga = /* @__PURE__ */ W({
   },
   emits: ["selectUnit", "goToUnit", "hoverOver", "hoverOut", "pos"],
   setup(s, { emit: t }) {
-    const e = s, n = t, a = d({ x: 0, y: 0, width: 0, height: 0 }), o = d(0), r = d(0), l = d(), m = d(), p = d(), i = d(), f = d(-1), w = d(!1), k = d(), c = d(), h = d({}), _ = d("auto"), y = d(new Oe()), g = d({}), T = d(), O = d(), P = d(), I = d(), L = d(), J = B(() => P.value.isHoverEnabled), R = B(() => ue(
+    const e = s, n = t, a = d({ x: 0, y: 0, width: 0, height: 0 }), o = d(0), r = d(0), l = d(), m = d(), p = d(), i = d(), f = d(-1), k = d(!1), w = d(), c = d(), h = d({}), y = d("auto"), _ = d(new Oe()), g = d({}), T = d(), O = d(), P = d(), I = d(), L = d(), J = B(() => P.value.isHoverEnabled), R = B(() => ue(
       e.cdnFileResolver,
       `/scenedata${e.viewModel.currentScene}.png`
     )), ee = B(() => R.value in h.value ? h.value[R.value] : null), x = B(() => f.value < 0 ? !1 : e.sceneData.find((X) => X.index === f.value) || !1), S = B(() => ({
       width: o.value + "px",
       height: r.value + "px",
-      cursor: _.value
-    })), Y = B(() => `hover-${w.value ? "over" : "out"}-${x.value ? typeof x.value == "object" && "unitId" in x.value ? x.value.unitId : x.value : ""}`);
+      cursor: y.value
+    })), Y = B(() => `hover-${k.value ? "over" : "out"}-${x.value ? typeof x.value == "object" && "unitId" in x.value ? x.value.unitId : x.value : ""}`);
     H(
       R,
       () => {
-        h.value[R.value] || y.value.loadImageData(R.value).then((N) => {
+        h.value[R.value] || _.value.loadImageData(R.value).then((N) => {
           h.value = {
             ...h.value,
             [R.value]: N
@@ -119,9 +119,9 @@ const Ga = /* @__PURE__ */ W({
         we();
       }
     ), H(x, () => {
-      we(), x.value ? _.value = "pointer" : _.value = "auto";
+      we(), x.value ? y.value = "pointer" : y.value = "auto";
     }), H(Y, () => {
-      w.value ? n("hoverOver", {
+      k.value ? n("hoverOver", {
         hoverUnit: x.value ? x.value.unitId : !1,
         closeHandler: () => De()
       }) : n("hoverOut", {
@@ -148,7 +148,7 @@ const Ga = /* @__PURE__ */ W({
     }
     function ce(N) {
       const X = Z(N.offsetX, N.offsetY);
-      w.value = X >= 0, f.value = X, a.value = {
+      k.value = X >= 0, f.value = X, a.value = {
         x: N.offsetX,
         y: N.offsetY,
         width: o.value,
@@ -187,7 +187,7 @@ const Ga = /* @__PURE__ */ W({
       }
     }
     function Z(N, X) {
-      k.value = N, c.value = X;
+      w.value = N, c.value = X;
       const he = I.value.offsetWidth / I.value.width, Ve = I.value.offsetHeight / I.value.height, He = (N / he).toFixed(), ze = (X / Ve).toFixed(), $ = Number(ze) * (I.value.width * 4) + Number(He) * 4, ne = i.value.data[$];
       return i.value.data[$ + 3] > 0 ? ne : -1;
     }
@@ -251,7 +251,7 @@ const Ga = /* @__PURE__ */ W({
       Me(), q(), l.value && p.value && l.value.putImageData(p.value, 0, 0);
     }
     function De() {
-      w.value = !1;
+      k.value = !1;
     }
     const Ue = d(!1);
     function Le(N, X) {
@@ -309,7 +309,7 @@ const Ga = /* @__PURE__ */ W({
       n("pos", a.value);
     }), H(o, (O, P) => {
       if (O >= 0) {
-        const I = k(O);
+        const I = w(O);
         n("hoverOver", {
           hoverUnit: I,
           closeHandler: () => {
@@ -317,7 +317,7 @@ const Ga = /* @__PURE__ */ W({
           }
         });
       } else {
-        const I = k(P);
+        const I = w(P);
         n("hoverOut", {
           hoverUnit: I,
           closeHandler: () => {
@@ -343,9 +343,9 @@ const Ga = /* @__PURE__ */ W({
           })), r.value = { ...r.value, [O]: I };
         });
       }
-      p.value.addEventListener("mousemove", T(w, 50));
+      p.value.addEventListener("mousemove", T(k, 50));
     });
-    function w(O) {
+    function k(O) {
       a.value = {
         x: O.offsetX,
         y: O.offsetY,
@@ -353,7 +353,7 @@ const Ga = /* @__PURE__ */ W({
         height: p.value.offsetHeight
       };
     }
-    function k(O) {
+    function w(O) {
       var P;
       return (P = e.sceneData.find(
         (I) => I.index === (typeof O == "string" ? parseInt(O) : O)
@@ -365,12 +365,12 @@ const Ga = /* @__PURE__ */ W({
     function h(O) {
       f.value && (o.value = -1);
     }
-    function _(O) {
-      const P = k(O);
+    function y(O) {
+      const P = w(O);
       n("selectUnit", P), f.value && P && e.canGoToUnitCallback(P) ? n("goToUnit", P) : o.value = O;
     }
-    function y(O) {
-      const P = k(O);
+    function _(O) {
+      const P = w(O);
       let I = "idle";
       o.value < 0 && e.selectedUnitId && P === e.selectedUnitId ? I = "selected" : o.value >= 0 && o.value === O && (I = "hover");
       const L = e.colorCallback(P, I);
@@ -418,10 +418,10 @@ const Ga = /* @__PURE__ */ W({
           (v(!0), D(ve, null, be(l.value.svgObjects, ({ index: I, svg: L }) => (v(), D("g", {
             key: I,
             innerHTML: L,
-            style: de(y(I)),
+            style: de(_(I)),
             onMouseenter: (J) => c(I),
             onMouseleave: (J) => h(),
-            onClick: (J) => _(I)
+            onClick: (J) => y(I)
           }, null, 44, qa))), 128))
         ], 8, Za)) : U("", !0)
       ], 4), [
@@ -458,13 +458,13 @@ const Ga = /* @__PURE__ */ W({
       p.keyCode === 37 ? e.prevUnitId && r("prevUnit") : p.keyCode === 39 && e.nextUnitId && r("nextUnit");
     }
     return (p, i) => {
-      const f = E("v-btn");
+      const f = V("v-btn");
       return v(), D("div", null, [
         C(f, {
           elevation: "1",
           icon: "mdi-rotate-right",
           class: "black darken-1",
-          onClick: i[0] || (i[0] = (w) => p.viewModel.rotateClockwise())
+          onClick: i[0] || (i[0] = (k) => p.viewModel.rotateClockwise())
         }),
         C(f, {
           elevation: "1",
@@ -472,7 +472,7 @@ const Ga = /* @__PURE__ */ W({
           icon: "mdi-chevron-left",
           class: "mr-sm-4 ml-sm-8 mr-3 ml-3 black darken-1",
           disabled: !o.value,
-          onClick: i[1] || (i[1] = (w) => r("prevUnit"))
+          onClick: i[1] || (i[1] = (k) => r("prevUnit"))
         }, null, 8, ["disabled"]),
         C(f, {
           color: "darken-2",
@@ -480,7 +480,7 @@ const Ga = /* @__PURE__ */ W({
           rounded: "",
           plain: "",
           disabled: !n.value || !p.canGoToUnitCallback(n.value),
-          onClick: i[2] || (i[2] = (w) => r("goToUnit", n.value))
+          onClick: i[2] || (i[2] = (k) => r("goToUnit", n.value))
         }, {
           default: b(() => [
             n.value && p.canGoToUnitCallback(n.value) ? (v(), D("span", Ka, Q(A(l).getLabel("seeApartment")) + "  ", 1)) : U("", !0),
@@ -494,14 +494,14 @@ const Ga = /* @__PURE__ */ W({
           icon: "mdi-chevron-right",
           class: "mr-sm-8 ml-sm-4 mr-3 ml-3 black darken-1",
           disabled: !a.value,
-          onClick: i[3] || (i[3] = (w) => r("nextUnit"))
+          onClick: i[3] || (i[3] = (k) => r("nextUnit"))
         }, null, 8, ["disabled"]),
         C(f, {
           elevation: "1",
           plain: "",
           icon: "mdi-rotate-left",
           class: "black darken-1",
-          onClick: i[4] || (i[4] = (w) => p.viewModel.rotateCounterClockwise())
+          onClick: i[4] || (i[4] = (k) => p.viewModel.rotateCounterClockwise())
         })
       ]);
     };
@@ -614,57 +614,57 @@ const on = {
   },
   emits: ["loaded", "error", "progress"],
   setup(s, { emit: t }) {
-    const e = s, n = t, a = k(), o = d(
-      new At(a.length).onLoadFinished(() => n("loaded")).onLoadProgress((y) => n("progress", y)).onLoadError(() => n("error"))
+    const e = s, n = t, a = w(), o = d(
+      new At(a.length).onLoadFinished(() => n("loaded")).onLoadProgress((_) => n("progress", _)).onLoadError(() => n("error"))
     ), r = d(
       new nn(e.cardinalFrames, Wt)
-    ), l = d(a), m = d(!1), p = B(() => l.value.find((y) => y.show));
+    ), l = d(a), m = d(!1), p = B(() => l.value.find((_) => _.show));
     H(
       () => e.viewModel.currentScene,
-      (y, g) => {
-        const T = _(g, y), O = h(g, y);
+      (_, g) => {
+        const T = y(g, _), O = h(g, _);
         i(g, T, O);
       }
     ), xe(() => {
-      w();
+      k();
     });
-    function i(y, g, T) {
+    function i(_, g, T) {
       e.viewModel.isRotating || (e.viewModel.isRotating = !0, f(
         r.value.start(
           g,
-          y % ut,
+          _ % ut,
           T
         )
       ));
     }
-    function f(y) {
+    function f(_) {
       setTimeout(() => {
-        l.value[y.frameIndex].show = !1;
-        const g = y.nextFrame();
-        l.value[g.frameIndex].show = !0, g.atEnd ? w() : window.requestAnimationFrame(() => f(g));
+        l.value[_.frameIndex].show = !1;
+        const g = _.nextFrame();
+        l.value[g.frameIndex].show = !0, g.atEnd ? k() : window.requestAnimationFrame(() => f(g));
       }, 1e3 / pn);
     }
-    function w() {
-      const y = r.value.startFrameIndexForScene(
+    function k() {
+      const _ = r.value.startFrameIndexForScene(
         e.viewModel.currentScene % ut
       );
-      y in l.value && (l.value[y].show = !0), e.viewModel.isRotating = !1;
+      _ in l.value && (l.value[_].show = !0), e.viewModel.isRotating = !1;
     }
-    function k() {
-      const y = [];
+    function w() {
+      const _ = [];
       for (let g = 0; g < Wt; g++) {
         const { sourceSet: T, defaultPath: O } = c(g);
-        y.push({
+        _.push({
           index: g,
           sourceSet: T,
           defaultPath: O,
           show: !1
         });
       }
-      return y;
+      return _;
     }
-    function c(y) {
-      const g = ("0000" + (y + 1)).slice(-4), T = e.build ? `?v=${e.build}` : "", O = [
+    function c(_) {
+      const g = ("0000" + (_ + 1)).slice(-4), T = e.build ? `?v=${e.build}` : "", O = [
         `${ue(
           e.cdnFileResolver,
           `/480/${g}.jpg${T}`
@@ -683,18 +683,18 @@ const on = {
       );
       return { sourceSet: O, defaultPath: P };
     }
-    function h(y, g) {
-      const T = ut / 2, O = Math.abs(y - g);
+    function h(_, g) {
+      const T = ut / 2, O = Math.abs(_ - g);
       return O > T ? ut - O : O;
     }
-    function _(y, g) {
-      if (y === g)
+    function y(_, g) {
+      if (_ === g)
         return 0;
-      const O = Math.abs(y - g) < ut / 2;
-      return O && y < g || !O && y > g ? 1 : -1;
+      const O = Math.abs(_ - g) < ut / 2;
+      return O && _ < g || !O && _ > g ? 1 : -1;
     }
-    return (y, g) => {
-      const T = E("v-icon");
+    return (_, g) => {
+      const T = V("v-icon");
       return v(), D("div", null, [
         o.value.isError ? (v(), D("div", on, [
           C(T, { "x-large": "" }, {
@@ -749,8 +749,8 @@ const on = {
       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})`;
     });
     return (o, r) => {
-      const l = E("v-dialog"), m = E("v-fade-transition");
-      return v(), V(m, {
+      const l = V("v-dialog"), m = V("v-fade-transition");
+      return v(), E(m, {
         origin: `top left ${o.pos.x} ${o.pos.y}`
       }, {
         default: b(() => [
@@ -765,7 +765,7 @@ const on = {
             })
           }, [
             oe(o.$slots, "default", { isHoverable: o.isHoverable }, void 0, !0)
-          ], 4)) : (v(), V(l, {
+          ], 4)) : (v(), E(l, {
             key: 1,
             value: !0,
             width: "auto",
@@ -797,7 +797,7 @@ const on = {
     t({
       adjustZoom: ce
     });
-    const o = d(100), r = d(0), l = d(0), m = d(!1), p = d(!1), i = d(void 0), f = d(!1), w = d(), k = B(() => `translateX(${r.value}px) translateY(${l.value}px) scale(${c.value})`), c = B(() => o.value / 100), h = B(() => n.maxScale * 100);
+    const o = d(100), r = d(0), l = d(0), m = d(!1), p = d(!1), i = d(void 0), f = d(!1), k = d(), w = B(() => `translateX(${r.value}px) translateY(${l.value}px) scale(${c.value})`), c = B(() => o.value / 100), h = B(() => n.maxScale * 100);
     H(
       [c, r, l],
       () => {
@@ -807,24 +807,24 @@ const on = {
     ), H(
       () => n.desktop,
       () => {
-        n.desktop ? _() : g();
+        n.desktop ? y() : g();
       }
     ), H(
       () => n.mobile,
       () => {
-        n.mobile ? y() : T();
+        n.mobile ? _() : T();
       }
     ), xe(() => {
-      n.desktop && _(), n.mobile && y();
+      n.desktop && y(), n.mobile && _();
     }), Qe(() => {
       n.desktop && g(), n.mobile && T();
     });
-    function _() {
-      w.value.addEventListener("wheel", O, {
+    function y() {
+      k.value.addEventListener("wheel", O, {
         capture: !0
-      }), w.value.addEventListener("mousedown", P, {
+      }), k.value.addEventListener("mousedown", P, {
         capture: !0
-      }), w.value.addEventListener("mousemove", I, {
+      }), k.value.addEventListener("mousemove", I, {
         capture: !0
       }), window.addEventListener("mouseup", L, {
         capture: !0
@@ -832,10 +832,10 @@ const on = {
         capture: !0
       });
     }
-    function y() {
-      w.value.addEventListener("touchstart", R, {
+    function _() {
+      k.value.addEventListener("touchstart", R, {
         capture: !0
-      }), w.value.addEventListener("touchmove", ee, {
+      }), k.value.addEventListener("touchmove", ee, {
         capture: !0
       }), window.addEventListener("touchend", x, {
         capture: !0
@@ -844,11 +844,11 @@ const on = {
       });
     }
     function g() {
-      w.value.removeEventListener("wheel", O, {
+      k.value.removeEventListener("wheel", O, {
         capture: !0
-      }), w.value.removeEventListener("mousedown", P, {
+      }), k.value.removeEventListener("mousedown", P, {
         capture: !0
-      }), w.value.removeEventListener("mousemove", I, {
+      }), k.value.removeEventListener("mousemove", I, {
         capture: !0
       }), window.removeEventListener("mouseup", L, {
         capture: !0
@@ -857,9 +857,9 @@ const on = {
       });
     }
     function T() {
-      w.value.removeEventListener("touchstart", R, {
+      k.value.removeEventListener("touchstart", R, {
         capture: !0
-      }), w.value.removeEventListener("touchmove", ee, {
+      }), k.value.removeEventListener("touchmove", ee, {
         capture: !0
       }), window.removeEventListener("touchend", x, {
         capture: !0
@@ -915,28 +915,28 @@ const on = {
       m.value = !1, p.value = !1;
     }
     function S(M) {
-      const { left: Z, top: q } = w.value.getBoundingClientRect();
+      const { left: Z, top: q } = k.value.getBoundingClientRect();
       return {
         x: M.clientX - Z,
         y: M.clientY - q
       };
     }
     function Y(M) {
-      const Z = w.value.clientWidth, q = Z * c.value;
+      const Z = k.value.clientWidth, q = Z * c.value;
       r.value = Math.max(
         Math.min(0, r.value + M),
         -(q - Z)
       );
     }
     function G(M) {
-      const Z = w.value.clientHeight, q = Z * c.value;
+      const Z = k.value.clientHeight, q = Z * c.value;
       l.value = Math.max(
         Math.min(0, l.value + M),
         -(q - Z)
       );
     }
     function ce(M, Z, q) {
-      const ae = Z !== void 0 ? Z : w.value.clientWidth / 2, re = q !== void 0 ? q : w.value.clientHeight / 2, se = w.value.clientWidth, _e = w.value.clientHeight, ie = se * c.value, Me = _e * c.value;
+      const ae = Z !== void 0 ? Z : k.value.clientWidth / 2, re = q !== void 0 ? q : k.value.clientHeight / 2, se = k.value.clientWidth, _e = k.value.clientHeight, ie = se * c.value, Me = _e * c.value;
       o.value = Math.min(Math.max(100, o.value + M), h.value);
       const Fe = se * c.value, je = _e * c.value, we = Fe - ie, De = je - Me;
       r.value -= ae / se * we, l.value -= re / _e * De, Y(0), G(0);
@@ -950,19 +950,19 @@ const on = {
         min: 100,
         max: h.value,
         resolve: (M, Z) => {
-          const q = w.value.clientWidth, ae = w.value.clientHeight, re = r.value / -c.value, se = l.value / -c.value, _e = re + q / c.value, ie = se + ae / c.value, Me = M / q * (_e - re) + re, Fe = Z / ae * (ie - se) + se;
+          const q = k.value.clientWidth, ae = k.value.clientHeight, re = r.value / -c.value, se = l.value / -c.value, _e = re + q / c.value, ie = se + ae / c.value, Me = M / q * (_e - re) + re, Fe = Z / ae * (ie - se) + se;
           return { x: Me, y: Fe };
         }
       });
     }
     return (M, Z) => (v(), D("div", {
       ref_key: "box",
-      ref: w,
+      ref: k,
       class: "zoom-box-container",
       style: de({ position: n.position })
     }, [
       u("div", {
-        style: de({ "transform-origin": "top left", transform: k.value }),
+        style: de({ "transform-origin": "top left", transform: w.value }),
         class: "zoom-box"
       }, [
         oe(M.$slots, "default", {}, void 0, !0)
@@ -1054,10 +1054,10 @@ const Cn = { key: 0 }, wn = { class: "interactive-viewer" }, kn = { class: "fill
       Re,
       n.i18nConfig ? new Ye(n.i18nConfig) : new Ye()
     );
-    const o = bt({ isReady: !1, isError: !1 }), r = d(), l = d(), m = d(), p = d(), i = d({ x: 0, y: 0, width: 0, height: 0 }), f = d(), w = d(), k = d(), c = B(() => k.value.isHoverEnabled), h = B(() => n.useSvg ? Xa : Qa), _ = B(() => n.selectedUnitId), y = B(() => n.nextUnitId), g = B(() => n.prevUnitId);
+    const o = bt({ isReady: !1, isError: !1 }), r = d(), l = d(), m = d(), p = d(), i = d({ x: 0, y: 0, width: 0, height: 0 }), f = d(), k = d(), w = d(), c = B(() => w.value.isHoverEnabled), h = B(() => n.useSvg ? Xa : Qa), y = B(() => n.selectedUnitId), _ = B(() => n.nextUnitId), g = B(() => n.prevUnitId);
     Be(() => {
-      if (_.value && p.value) {
-        const I = r.value[_.value];
+      if (y.value && p.value) {
+        const I = r.value[y.value];
         I && (p.value.currentScene = I);
       }
     }), xe(async () => {
@@ -1097,13 +1097,13 @@ const Cn = { key: 0 }, wn = { class: "interactive-viewer" }, kn = { class: "fill
       i.value = I;
     }
     function O(I) {
-      w.value = I.hoverUnit, f.value = I.closeHandler, a("hoverOverUnit", I.hoverUnit);
+      k.value = I.hoverUnit, f.value = I.closeHandler, a("hoverOverUnit", I.hoverUnit);
     }
     function P(I) {
-      w.value = null, f.value = I.closeHandler, a("hoverOutUnit", I.hoverUnit);
+      k.value = null, f.value = I.closeHandler, a("hoverOutUnit", I.hoverUnit);
     }
     return (I, L) => {
-      const J = E("v-progress-linear");
+      const J = V("v-progress-linear");
       return p.value ? (v(), D("div", Cn, [
         u("div", wn, [
           u("div", kn, [
@@ -1122,10 +1122,10 @@ const Cn = { key: 0 }, wn = { class: "interactive-viewer" }, kn = { class: "fill
                   onError: L[2] || (L[2] = (R) => o.isError = !0)
                 }, null, 8, ["cdn-file-resolver", "view-model", "cardinal-frames", "build"]),
                 o.isReady ? (v(), D("div", Sn, [
-                  (v(), V(Jt(h.value), {
+                  (v(), E(Jt(h.value), {
                     "cdn-file-resolver": n.cdnFileResolver,
                     "view-model": p.value,
-                    "selected-unit-id": _.value,
+                    "selected-unit-id": y.value,
                     "scene-data": l.value,
                     "color-callback": n.colorCallback,
                     "can-go-to-unit-callback": n.canGoToUnitCallback,
@@ -1145,7 +1145,7 @@ const Cn = { key: 0 }, wn = { class: "interactive-viewer" }, kn = { class: "fill
               ]),
               _: 3
             }, 8, ["desktop", "mobile"]),
-            w.value && I.showCards ? (v(), V(ot, {
+            k.value && I.showCards ? (v(), E(ot, {
               key: 0,
               "is-hoverable": c.value,
               pos: i.value,
@@ -1153,9 +1153,9 @@ const Cn = { key: 0 }, wn = { class: "interactive-viewer" }, kn = { class: "fill
             }, {
               default: b(() => [
                 oe(I.$slots, "default", {
-                  unit: w.value,
-                  canGoToUnit: I.canGoToUnitCallback(w.value),
-                  goToUnit: () => I.canGoToUnitCallback(w.value) && a("goToUnit", w.value),
+                  unit: k.value,
+                  canGoToUnit: I.canGoToUnitCallback(k.value),
+                  goToUnit: () => I.canGoToUnitCallback(k.value) && a("goToUnit", k.value),
                   pos: i.value,
                   isHoverable: c.value,
                   close: f.value
@@ -1167,13 +1167,13 @@ const Cn = { key: 0 }, wn = { class: "interactive-viewer" }, kn = { class: "fill
               C(an, {
                 "can-go-to-unit-callback": n.canGoToUnitCallback,
                 "unit-renderer": n.unitRenderer,
-                "selected-unit-id": _.value,
+                "selected-unit-id": y.value,
                 "prev-unit-id": g.value,
-                "next-unit-id": y.value,
+                "next-unit-id": _.value,
                 "view-model": p.value,
                 onGoToUnit: L[5] || (L[5] = (R) => a("goToUnit", R)),
                 onPrevUnit: L[6] || (L[6] = (R) => a("navUnit", g.value)),
-                onNextUnit: L[7] || (L[7] = (R) => a("navUnit", y.value))
+                onNextUnit: L[7] || (L[7] = (R) => a("navUnit", _.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) : (v(), D("div", xn, [
               C(J, {
@@ -1186,7 +1186,7 @@ const Cn = { key: 0 }, wn = { class: "interactive-viewer" }, kn = { class: "fill
         ]),
         C(Ne, {
           ref_key: "hoverProbe",
-          ref: k
+          ref: w
         }, null, 512)
       ])) : U("", !0);
     };
@@ -1217,7 +1217,7 @@ const Cn = { key: 0 }, wn = { class: "interactive-viewer" }, kn = { class: "fill
   },
   setup(s) {
     const t = s;
-    return (e, n) => (v(!0), D(ve, null, be(t.dayData.timeSamples, (a) => (v(), V(On, {
+    return (e, n) => (v(!0), D(ve, null, be(t.dayData.timeSamples, (a) => (v(), E(On, {
       "time-sample-data": a,
       "cdn-file-resolver": t.cdnFileResolver,
       "current-time": e.currentTime
@@ -1232,7 +1232,7 @@ const Cn = { key: 0 }, wn = { class: "interactive-viewer" }, kn = { class: "fill
   },
   setup(s) {
     const t = s;
-    return (e, n) => (v(!0), D(ve, null, be(t.cameraData.sunsimDayOfYear, (a) => (v(), V(Tn, {
+    return (e, n) => (v(!0), D(ve, null, be(t.cameraData.sunsimDayOfYear, (a) => (v(), E(Tn, {
       "day-data": a,
       "cdn-file-resolver": t.cdnFileResolver,
       "current-time": t.currentTime
@@ -1310,8 +1310,8 @@ const Un = /* @__PURE__ */ W({
         )
       );
     }), (r, l) => {
-      const m = E("v-select");
-      return v(), V(m, {
+      const m = V("v-select");
+      return v(), E(m, {
         modelValue: a.value,
         "onUpdate:modelValue": l[0] || (l[0] = (p) => a.value = p),
         items: o.value,
@@ -1355,8 +1355,8 @@ const Un = /* @__PURE__ */ W({
       });
     }
     return (r, l) => {
-      const m = E("v-list-item"), p = E("v-select");
-      return v(), V(p, {
+      const m = V("v-list-item"), p = V("v-select");
+      return v(), E(p, {
         modelValue: a.value,
         "onUpdate:modelValue": l[0] || (l[0] = (i) => a.value = i),
         items: e.cameraData.sunsimDayOfYear,
@@ -1420,8 +1420,8 @@ const Un = /* @__PURE__ */ W({
       }, 200));
     }
     return (m, p) => {
-      const i = E("v-icon"), f = E("v-btn"), w = E("v-slider"), k = E("v-field");
-      return v(), V(k, { variant: "solo" }, {
+      const i = V("v-icon"), f = V("v-btn"), k = V("v-slider"), w = V("v-field");
+      return v(), E(w, { variant: "solo" }, {
         default: b(() => [
           m.dayData.startTime === m.dayData.endTime ? (v(), D("div", Yn, [
             C(i, {
@@ -1434,7 +1434,7 @@ const Un = /* @__PURE__ */ W({
               _: 1
             }),
             te(" " + Q(r(a.value)), 1)
-          ])) : (v(), V(w, {
+          ])) : (v(), E(k, {
             key: 1,
             class: "pa-1",
             modelValue: a.value,
@@ -1488,7 +1488,7 @@ const Un = /* @__PURE__ */ W({
   setup(s, { expose: t, emit: e }) {
     const n = s, a = e;
     t({
-      rotateShortestRoute: w
+      rotateShortestRoute: k
     });
     const o = d(!1), r = d(n.currentScene), l = d(n.selectedId);
     Be(() => {
@@ -1501,55 +1501,55 @@ const Un = /* @__PURE__ */ W({
     const m = B(() => o.value ? !1 : n.apartmentChooserData.loopable ? !0 : r.value !== n.apartmentChooserData.scenes[0]), p = B(() => o.value ? !1 : n.apartmentChooserData.loopable ? !0 : r.value !== n.apartmentChooserData.scenes[n.apartmentChooserData.scenes.length - 1]);
     function i() {
       const c = r.value;
-      let h = n.apartmentChooserData.scenes.findIndex((y) => y === c) + 1;
+      let h = n.apartmentChooserData.scenes.findIndex((_) => _ === c) + 1;
       h >= n.apartmentChooserData.scenes.length && (h = 0);
-      const _ = n.apartmentChooserData.scenes[h];
-      n.apartmentChooserData.loopable && c > _, k(c, _);
+      const y = n.apartmentChooserData.scenes[h];
+      n.apartmentChooserData.loopable && c > y, w(c, y);
     }
     async function f() {
       const c = r.value;
-      let h = n.apartmentChooserData.scenes.findIndex((y) => y === c) - 1;
+      let h = n.apartmentChooserData.scenes.findIndex((_) => _ === c) - 1;
       h < 0 && (h = n.apartmentChooserData.scenes.length - 1);
-      const _ = n.apartmentChooserData.scenes[h];
-      n.apartmentChooserData.loopable && c < _, k(c, _);
+      const y = n.apartmentChooserData.scenes[h];
+      n.apartmentChooserData.loopable && c < y, w(c, y);
     }
-    function w(c) {
+    function k(c) {
       const h = r.value;
       if (n.apartmentChooserData.loopable)
         if (c < h) {
-          let _ = h - c, y = h - (n.apartmentChooserData.cameras.length + c);
-          return Math.abs(_) > Math.abs(y) ? k(h, c) : k(h, n.apartmentChooserData.cameras.length + c);
+          let y = h - c, _ = h - (n.apartmentChooserData.cameras.length + c);
+          return Math.abs(y) > Math.abs(_) ? w(h, c) : w(h, n.apartmentChooserData.cameras.length + c);
         } else {
-          let _ = h - c, y = n.apartmentChooserData.cameras.length + h - c;
-          return Math.abs(_) > Math.abs(y) ? k(h, c) : k(n.apartmentChooserData.cameras.length + h, c);
+          let y = h - c, _ = n.apartmentChooserData.cameras.length + h - c;
+          return Math.abs(y) > Math.abs(_) ? w(h, c) : w(n.apartmentChooserData.cameras.length + h, c);
         }
       else
-        return k(h, c);
+        return w(h, c);
     }
-    function k(c, h) {
-      return new Promise((_) => {
+    function w(c, h) {
+      return new Promise((y) => {
         o.value = !0, a("onRotateStart", { from: c, to: h });
-        let y, g = c;
-        y = setInterval(() => {
+        let _, g = c;
+        _ = setInterval(() => {
           g < h ? (g++, r.value = Math.abs(
             g % n.apartmentChooserData.cameras.length
           )) : g > h ? (g--, r.value = Math.abs(
             g % n.apartmentChooserData.cameras.length
-          )) : (clearInterval(y), a("onRotateFinish", { from: c, to: h }), o.value = !1, _());
+          )) : (clearInterval(_), a("onRotateFinish", { from: c, to: h }), o.value = !1, y());
         }, 50);
       });
     }
     return (c, h) => {
-      const _ = E("v-btn"), y = E("v-chip");
+      const y = V("v-btn"), _ = V("v-chip");
       return v(), D(ve, null, [
-        C(_, {
+        C(y, {
           class: "mx-2",
           icon: "mdi-restore",
           size: "small",
           disabled: !m.value,
           onClick: f
         }, null, 8, ["disabled"]),
-        c.renderDisplay && l.value ? (v(), V(y, {
+        c.renderDisplay && l.value ? (v(), E(_, {
           key: 0,
           variant: "flat",
           color: "white",
@@ -1561,7 +1561,7 @@ const Un = /* @__PURE__ */ W({
           ]),
           _: 1
         })) : U("", !0),
-        C(_, {
+        C(y, {
           class: "mx-2",
           icon: "mdi-reload",
           size: "small",
@@ -1589,14 +1589,14 @@ const Un = /* @__PURE__ */ W({
       }
     ), Be(() => {
       for (const i in l) {
-        const { element: f, state: w } = l[i], { r: k, g: c, b: h, a: _, s: y } = e.colorCallback(i, w) || {
+        const { element: f, state: k } = l[i], { r: w, g: c, b: h, a: y, s: _ } = e.colorCallback(i, k) || {
           r: 0,
           g: 0,
           b: 0,
           a: 0,
           s: 0
         };
-        f.style.fill = `rgba(${k}, ${c}, ${h}, ${_ / 255})`, f.style.stroke = `rgb(${k}, ${c}, ${h})`, f.style.strokeWidth = y.toString();
+        f.style.fill = `rgba(${w}, ${c}, ${h}, ${y / 255})`, f.style.stroke = `rgb(${w}, ${c}, ${h})`, f.style.strokeWidth = _.toString();
       }
     }), H(r, () => {
       for (const i in l)
@@ -1617,10 +1617,10 @@ const Un = /* @__PURE__ */ W({
         const i = (f = o.value) == null ? void 0 : f.firstChild;
         if (i) {
           if (!i.hasAttribute("viewBox")) {
-            const w = `0 0 ${i.getAttribute(
+            const k = `0 0 ${i.getAttribute(
               "width"
             )} ${i.getAttribute("height")}`;
-            i.setAttribute("viewBox", w);
+            i.setAttribute("viewBox", k);
           }
           i.setAttribute(
             "width",
@@ -1638,25 +1638,25 @@ const Un = /* @__PURE__ */ W({
         const i = (f = o.value) == null ? void 0 : f.firstChild;
         i && (n("updateSvgContainer", i), m(), i.querySelectorAll(
           "[data-apartment-id]"
-        ).forEach((k) => {
-          k.style.strokeWidth = "0", k.style.stroke = "rgba(255,255,255,0)", k.style.fill = "rgba(255,255,255,0)", k.querySelectorAll("path").forEach((h) => {
+        ).forEach((w) => {
+          w.style.strokeWidth = "0", w.style.stroke = "rgba(255,255,255,0)", w.style.fill = "rgba(255,255,255,0)", w.querySelectorAll("path").forEach((h) => {
             h.style.stroke = "inherit", h.style.fill = "inherit";
           });
-          const c = k.getAttribute("data-apartment-id");
+          const c = w.getAttribute("data-apartment-id");
           l[c] = {
-            element: k,
+            element: w,
             state: r.value === c ? "selected" : "idle"
-          }, k.addEventListener("mouseover", () => {
+          }, w.addEventListener("mouseover", () => {
             l[c].state === "idle" && (l[c].state = "hover"), n("onHoverOver", c);
-          }), k.addEventListener("mouseout", () => {
+          }), w.addEventListener("mouseout", () => {
             l[c].state === "hover" && (l[c].state = "idle"), n("onHoverOut", c);
-          }), k.addEventListener("click", () => {
+          }), w.addEventListener("click", () => {
             n("onClick", c);
           });
         }));
       });
     }
-    return (i, f) => (v(), V($e, null, {
+    return (i, f) => (v(), E($e, null, {
       default: b(() => [
         (v(), D("div", {
           ref_key: "svgContainer",
@@ -1681,8 +1681,8 @@ const Un = /* @__PURE__ */ W({
       transition: " transform 0.5s ease-in"
     }));
     return (n, a) => {
-      const o = E("v-img");
-      return v(), V(o, {
+      const o = V("v-img");
+      return v(), E(o, {
         src: A(qn),
         style: de(e.value)
       }, null, 8, ["src", "style"]);
@@ -1941,7 +1941,7 @@ const no = {
   setup(s, { emit: t }) {
     const e = s, n = t, a = d(), o = d(), r = d(), l = d(
       null
-    ), m = d(4), p = d(), i = d(!1), f = d(!1), w = d(), k = d(), c = B(() => k.value.isHoverEnabled), h = d({ x: 0, y: 0, width: 0, height: 0 }), _ = d(), y = d(), g = d(
+    ), m = d(4), p = d(), i = d(!1), f = d(!1), k = d(), w = d(), c = B(() => w.value.isHoverEnabled), h = d({ x: 0, y: 0, width: 0, height: 0 }), y = d(), _ = d(), g = d(
       e.apartmentChooserData
     ), T = d(!1);
     xe(() => {
@@ -1949,11 +1949,11 @@ const no = {
     }), H(i, (j) => {
       j && n("onInitialize");
     }), H(
-      () => y.value,
+      () => _.value,
       () => {
-        y.value && new ResizeObserver(([M]) => {
+        _.value && new ResizeObserver(([M]) => {
           T.value = M.contentRect.width < e.mobileBreakpoint;
-        }).observe(y.value);
+        }).observe(_.value);
       }
     );
     const O = B(
@@ -2004,7 +2004,7 @@ const no = {
       { immediate: !0 }
     );
     function L(j) {
-      a.value !== j && w.value.rotateShortestRoute(
+      a.value !== j && k.value.rotateShortestRoute(
         g.value.cameras.findIndex((M) => M === j)
       );
     }
@@ -2047,7 +2047,7 @@ const no = {
         const M = g.value.unitData.find(
           (Z) => Z.unitId === j
         );
-        M && w.value.rotateShortestRoute(M.bestScene);
+        M && k.value.rotateShortestRoute(M.bestScene);
       });
     }
     function Y(j) {
@@ -2060,7 +2060,7 @@ const no = {
       const { layerX: M, layerY: Z } = j;
       let q = j.target, ae = !1;
       for (; q; )
-        if (q === _.value) {
+        if (q === y.value) {
           ae = !0;
           break;
         } else
@@ -2078,7 +2078,7 @@ const no = {
       n("onMouseMove", j, h.value);
     }
     return (j, M) => {
-      const Z = E("v-skeleton-loader");
+      const Z = V("v-skeleton-loader");
       return v(), D(ve, null, [
         C(Z, {
           type: "image",
@@ -2090,13 +2090,13 @@ const no = {
               default: b(() => [
                 u("div", {
                   ref_key: "container",
-                  ref: y,
+                  ref: _,
                   class: ye({ mobile: T.value }),
                   onMousemove: ce
                 }, [
                   u("div", no, [
                     u("div", oo, [
-                      g.value.cameras.length > 1 ? (v(), V(Un, {
+                      g.value.cameras.length > 1 ? (v(), E(Un, {
                         key: 0,
                         "apartment-chooser-data": g.value,
                         "current-camera": a.value,
@@ -2105,7 +2105,7 @@ const no = {
                       }, null, 8, ["apartment-chooser-data", "current-camera", "disabled"])) : U("", !0)
                     ]),
                     u("div", lo, [
-                      a.value.sunsimDayOfYear.length > 1 ? (v(), V(Hn, {
+                      a.value.sunsimDayOfYear.length > 1 ? (v(), E(Hn, {
                         key: 0,
                         "camera-data": a.value,
                         "current-day": o.value,
@@ -2114,7 +2114,7 @@ const no = {
                       }, null, 8, ["camera-data", "current-day", "disabled"])) : U("", !0)
                     ]),
                     u("div", so, [
-                      o.value.timeSamples.length > 1 ? (v(), V(Wn, {
+                      o.value.timeSamples.length > 1 ? (v(), E(Wn, {
                         key: 0,
                         "day-data": o.value,
                         "current-time": r.value,
@@ -2124,10 +2124,10 @@ const no = {
                     ])
                   ]),
                   u("div", ro, [
-                    g.value.cameras.length > 1 ? (v(), V(Nn, {
+                    g.value.cameras.length > 1 ? (v(), E(Nn, {
                       key: 0,
                       ref_key: "rotator",
-                      ref: w,
+                      ref: k,
                       "apartment-chooser-data": g.value,
                       "current-scene": m.value,
                       "selected-id": j.selectedId,
@@ -2139,20 +2139,20 @@ const no = {
                     }, null, 8, ["apartment-chooser-data", "current-scene", "selected-id", "render-display"])) : U("", !0)
                   ]),
                   u("div", io, [
-                    a.value.cameraRotation ? (v(), V(st, {
+                    a.value.cameraRotation ? (v(), E(st, {
                       key: 0,
                       longitude: a.value.cameraRotation.y + 270
                     }, null, 8, ["longitude"])) : U("", !0)
                   ]),
                   C(lt, { position: "relative" }, {
                     default: b(() => [
-                      (v(!0), D(ve, null, be(O.value, (q) => (v(), V(En, {
+                      (v(!0), D(ve, null, be(O.value, (q) => (v(), E(En, {
                         key: q.overlayFilename,
                         "camera-data": q,
                         "cdn-file-resolver": e.cdnFileResolver,
                         "current-time": r.value
                       }, null, 8, ["camera-data", "cdn-file-resolver", "current-time"]))), 128)),
-                      (v(!0), D(ve, null, be(P.value, (q) => (v(), V(Bn, {
+                      (v(!0), D(ve, null, be(P.value, (q) => (v(), E(Bn, {
                         "transition-data": q,
                         "cdn-file-resolver": e.cdnFileResolver,
                         "current-transition": l.value
@@ -2171,14 +2171,14 @@ const no = {
                         onOnClick: S,
                         onOnHoverOver: Y,
                         onOnHoverOut: G,
-                        onUpdateSvgContainer: M[2] || (M[2] = (q) => _.value = q)
+                        onUpdateSvgContainer: M[2] || (M[2] = (q) => y.value = q)
                       }, null, 8, ["cdn-file-resolver", "color-callback", "current-camera", "selected-id"]), [
                         [Se, l.value === null]
                       ])
                     ]),
                     _: 1
                   }),
-                  j.$slots.popup && h.value && p.value ? (v(), V(ot, {
+                  j.$slots.popup && h.value && p.value ? (v(), E(ot, {
                     key: 0,
                     "is-hoverable": c.value,
                     pos: h.value
@@ -2199,7 +2199,7 @@ const no = {
         }, 8, ["loading"]),
         C(Ne, {
           ref_key: "hoverProbe",
-          ref: k
+          ref: w
         }, null, 512)
       ], 64);
     };
@@ -2246,18 +2246,18 @@ const no = {
     ), Be(() => {
       o.value = r(e.dateSelector.selectedDate);
     }), (i, f) => {
-      const w = E("v-icon"), k = E("v-select"), c = E("v-progress-linear"), h = E("v-slider");
+      const k = V("v-icon"), w = V("v-select"), c = V("v-progress-linear"), h = V("v-slider");
       return v(), D("div", mo, [
         u("div", po, [
-          C(w, {
+          C(k, {
             color: "black",
             class: "mr-2",
             icon: "mdi-calendar-blank-outline"
           }),
-          i.dateSelector.hasMultipleDates ? (v(), V(k, {
+          i.dateSelector.hasMultipleDates ? (v(), E(w, {
             key: 0,
             modelValue: o.value,
-            "onUpdate:modelValue": f[0] || (f[0] = (_) => o.value = _),
+            "onUpdate:modelValue": f[0] || (f[0] = (y) => o.value = y),
             items: m.value,
             density: "compact",
             variant: "underlined",
@@ -2267,7 +2267,7 @@ const no = {
         ]),
         u("div", ho, [
           u("span", go, Q(l.value), 1),
-          C(w, {
+          C(k, {
             medium: "",
             class: "ml-2 mr-2 icon"
           }, {
@@ -2276,7 +2276,7 @@ const no = {
             ]),
             _: 1
           }),
-          i.isLoading ? (v(), V(c, {
+          i.isLoading ? (v(), E(c, {
             key: 0,
             style: { left: 0, transform: "none" },
             indeterminate: "",
@@ -2284,10 +2284,10 @@ const no = {
             height: "6",
             color: "grey lighten-1",
             class: "mr-2"
-          })) : (v(), V(h, {
+          })) : (v(), E(h, {
             key: 1,
             modelValue: a.value,
-            "onUpdate:modelValue": f[1] || (f[1] = (_) => a.value = _),
+            "onUpdate:modelValue": f[1] || (f[1] = (y) => a.value = y),
             min: 0,
             max: 47,
             step: 1,
@@ -2344,11 +2344,11 @@ const no = {
         onLoad: l
       }, null, 544),
       a.value === "preloaded" || a.value === "loaded" ? Ce((v(), D("div", _o, [
-        (v(!0), D(ve, null, be(p.imageUrls, (f, w) => (v(), D("img", {
-          key: w,
-          class: ye({ "image-instance": !0, active: w === p.activeIndex }),
+        (v(!0), D(ve, null, be(p.imageUrls, (f, k) => (v(), D("img", {
+          key: k,
+          class: ye({ "image-instance": !0, active: k === p.activeIndex }),
           src: f,
-          onLoad: i[0] || (i[0] = (k) => o.value.partLoaded())
+          onLoad: i[0] || (i[0] = (w) => o.value.partLoaded())
         }, null, 42, bo))), 128))
       ], 512)), [
         [Se, a.value === "loaded"]
@@ -2388,7 +2388,7 @@ const no = {
       height: 0
     }), r = d({ x: 0, y: 0, width: 0, height: 0 }), l = d(), m = d(
       (/* @__PURE__ */ new Date()).getHours() * 2 + ((/* @__PURE__ */ new Date()).getMinutes() < 30 ? 0 : 1)
-    ), p = d(!1), i = d(new Oe()), f = d(), w = d("0 0 0 0"), k = d(), c = d(), h = d(tt.empty()), _ = d(at.empty()), y = d(), g = B(() => y.value.isHoverEnabled);
+    ), p = d(!1), i = d(new Oe()), f = d(), k = d("0 0 0 0"), w = d(), c = d(), h = d(tt.empty()), y = d(at.empty()), _ = d(), g = B(() => _.value.isHoverEnabled);
     H(l, (x, S) => {
       x ? n("hoverOverBuilding", x) : n("hoverOutBuilding", S);
     }), Be(() => {
@@ -2405,7 +2405,7 @@ const no = {
         e.buildingChooserData
       );
       if (S) {
-        _.value = new at(S.mapImage), h.value = new tt(S.buildingIds), k.value = new kt(S.backgrounds), c.value = {
+        y.value = new at(S.mapImage), h.value = new tt(S.buildingIds), w.value = new kt(S.backgrounds), c.value = {
           buildingOverlays: S.buildingOverlays,
           viewLongitude: S.viewLongitude
         };
@@ -2413,7 +2413,7 @@ const no = {
         for (let { id: G, url: ce } of S.buildingOverlays)
           i.value.loadJson(ce.replace(".png", ".svg")).then((j) => {
             const Z = new DOMParser().parseFromString(j, "image/svg+xml").getElementsByTagName("svg")[0];
-            w.value = Z.getAttribute("viewBox"), Y.push({
+            k.value = Z.getAttribute("viewBox"), Y.push({
               id: G,
               svg: Z.innerHTML
             });
@@ -2491,7 +2491,7 @@ const no = {
       l.value = x, g.value && l.value && e.canGoToBuildingCallback(l.value) && n("goToBuilding", l.value);
     }
     return (x, S) => {
-      const Y = E("v-icon");
+      const Y = V("v-icon");
       return p.value ? (v(), D("div", wo, [
         C(Y, { "x-large": "" }, {
           default: b(() => [
@@ -2511,7 +2511,7 @@ const no = {
           default: b(() => [
             u("div", ko, [
               C(aa, {
-                "image-urls": k.value.imageUrls,
+                "image-urls": w.value.imageUrls,
                 "active-index": m.value,
                 onResize: T,
                 onPreloaded: S[0] || (S[0] = (G) => a.value.preloaded = !0),
@@ -2520,7 +2520,7 @@ const no = {
               }, null, 8, ["image-urls", "active-index"]),
               f.value ? Ce((v(), D("div", So, [
                 u("div", Io, [
-                  (v(), D("svg", { viewBox: w.value }, [
+                  (v(), D("svg", { viewBox: k.value }, [
                     (v(!0), D(ve, null, be(f.value, ({ id: G, svg: ce }, j) => (v(), D("g", {
                       key: j,
                       innerHTML: ce,
@@ -2548,7 +2548,7 @@ const no = {
           _: 1
         }, 8, ["desktop", "mobile"]),
         Ce(u("div", null, [
-          c.value.viewLongitude ? (v(), V(st, {
+          c.value.viewLongitude ? (v(), E(st, {
             key: 0,
             class: "north-indicator",
             longitude: c.value.viewLongitude
@@ -2556,13 +2556,13 @@ const no = {
           C(ta, {
             modelValue: m.value,
             "onUpdate:modelValue": S[2] || (S[2] = (G) => m.value = G),
-            "date-selector": k.value,
+            "date-selector": w.value,
             "is-loading": !a.value.ready
           }, null, 8, ["modelValue", "date-selector", "is-loading"])
         ], 512), [
           [Se, a.value.preloaded]
         ]),
-        x.showCards && l.value ? (v(), V(ot, {
+        x.showCards && l.value ? (v(), E(ot, {
           key: 0,
           "is-hoverable": g.value,
           pos: r.value,
@@ -2582,7 +2582,7 @@ const no = {
         }, 8, ["is-hoverable", "pos"])) : U("", !0),
         C(Ne, {
           ref_key: "hoverProbe",
-          ref: y
+          ref: _
         }, null, 512)
       ], 4)) : U("", !0);
     };
@@ -2602,8 +2602,8 @@ const no = {
     const n = d(!1), a = d(), o = d(new Oe()), r = d(), l = d(), m = d([]), p = d();
     H(
       () => e.color,
-      (k, c) => {
-        (k.r !== c.r || k.g !== c.g || k.b !== c.b || k.a !== c.a) && f();
+      (w, c) => {
+        (w.r !== c.r || w.g !== c.g || w.b !== c.b || w.a !== c.a) && f();
       }
     ), xe(async () => {
       a.value = await o.value.loadImage(e.imageUrl), i();
@@ -2611,29 +2611,29 @@ const no = {
     function i() {
       if (!a.value || !p.value)
         return;
-      const { width: k, height: c } = e.dimensions;
-      if (!(k === 0 || c === 0)) {
+      const { width: w, height: c } = e.dimensions;
+      if (!(w === 0 || c === 0)) {
         r.value = p.value.getContext("2d", {
           willReadFrequently: !0
-        }), r.value.drawImage(a.value, 0, 0, k, c), l.value = r.value.getImageData(0, 0, k, c);
+        }), r.value.drawImage(a.value, 0, 0, w, c), l.value = r.value.getImageData(0, 0, w, c);
         for (let h = 3; h < l.value.data.length; h += 4)
           l.value.data[h] !== 0 && m.value.push(h);
         f(), n.value = !0;
       }
     }
     function f() {
-      r.value && l.value && (w(), r.value.putImageData(l.value, 0, 0));
+      r.value && l.value && (k(), r.value.putImageData(l.value, 0, 0));
     }
-    function w() {
+    function k() {
       if (e.color)
-        for (let k = 0; k < m.value.length; k++)
-          l.value.data[m.value[k] - 3] = e.color.r, l.value.data[m.value[k] - 2] = e.color.g, l.value.data[m.value[k] - 1] = e.color.b, l.value.data[m.value[k]] = e.color.a;
+        for (let w = 0; w < m.value.length; w++)
+          l.value.data[m.value[w] - 3] = e.color.r, l.value.data[m.value[w] - 2] = e.color.g, l.value.data[m.value[w] - 1] = e.color.b, l.value.data[m.value[w]] = e.color.a;
     }
-    return (k, c) => (v(), D("canvas", Te({
+    return (w, c) => (v(), D("canvas", Te({
       ref_key: "canvas",
       ref: p,
       class: "overlay"
-    }, k.dimensions), null, 16));
+    }, w.dimensions), null, 16));
   }
 }), Oo = /* @__PURE__ */ K(Mo, [["__scopeId", "data-v-9e4cdd0e"]]), To = {
   key: 0,
@@ -2666,11 +2666,11 @@ const no = {
     }), r = d({
       width: 0,
       height: 0
-    }), l = d({ x: 0, y: 0, width: 0, height: 0 }), m = d(), p = d(tt.empty()), i = d(at.empty()), f = d(), w = d(
+    }), l = d({ x: 0, y: 0, width: 0, height: 0 }), m = d(), p = d(tt.empty()), i = d(at.empty()), f = d(), k = d(
       (/* @__PURE__ */ new Date()).getHours() * 2 + ((/* @__PURE__ */ new Date()).getMinutes() < 30 ? 0 : 1)
-    ), k = d(
+    ), w = d(
       (x, S) => ({ x, y: S })
-    ), c = d(!1), h = d(), _ = d(), y = d(), g = B(() => {
+    ), c = d(!1), h = d(), y = d(), _ = d(), g = B(() => {
       var x;
       return (x = h.value) == null ? void 0 : x.isHoverEnabled;
     });
@@ -2679,7 +2679,7 @@ const no = {
         const [x, S, Y] = /^(\d\d):(\d\d)$/.exec(
           e.buildingChooserTimeOfDay
         ), G = parseInt(Y);
-        w.value = parseInt(S) * 2 + (G < 15 ? 0 : G > 45 ? 2 : 1);
+        k.value = parseInt(S) * 2 + (G < 15 ? 0 : G > 45 ? 2 : 1);
       }
     }), H(f, (x, S) => {
       x ? n("hoverOverBuilding", x) : n("hoverOutBuilding", S);
@@ -2701,7 +2701,7 @@ const no = {
       o.value = { preloaded: !1, ready: !1 };
     }
     function P(x) {
-      const { layerX: S, layerY: Y } = x, { x: G, y: ce } = k.value(S, Y);
+      const { layerX: S, layerY: Y } = x, { x: G, y: ce } = w.value(S, Y);
       return p.value.getBuildingId(
         i.value,
         G,
@@ -2709,8 +2709,8 @@ const no = {
       );
     }
     function I() {
-      if (_.value && (i.value.update(_.value), y.value))
-        for (const x of y.value)
+      if (y.value && (i.value.update(y.value), _.value))
+        for (const x of _.value)
           x.setupDraw();
     }
     function L(x) {
@@ -2732,10 +2732,10 @@ const no = {
       );
     }
     function ee({ resolve: x }) {
-      k.value = x;
+      w.value = x;
     }
     return (x, S) => {
-      const Y = E("v-icon");
+      const Y = V("v-icon");
       return c.value ? (v(), D("div", To, [
         C(Y, { "x-large": "" }, {
           default: b(() => [
@@ -2757,17 +2757,17 @@ const no = {
             u("div", Eo, [
               C(aa, {
                 "image-urls": a.value.imageUrls,
-                "active-index": w.value,
+                "active-index": k.value,
                 onResize: T,
                 onPreloaded: S[0] || (S[0] = (G) => o.value.preloaded = !0),
                 onReady: S[1] || (S[1] = (G) => o.value.ready = !0),
                 onReset: O
               }, null, 8, ["image-urls", "active-index"]),
               Ce(u("div", null, [
-                (v(!0), D(ve, null, be(m.value.buildingOverlays, (G) => (v(), V(Oo, {
+                (v(!0), D(ve, null, be(m.value.buildingOverlays, (G) => (v(), E(Oo, {
                   ref_for: !0,
                   ref_key: "overlays",
-                  ref: y,
+                  ref: _,
                   key: G.id,
                   "image-url": G.url,
                   dimensions: r.value,
@@ -2779,7 +2779,7 @@ const no = {
             ]),
             u("canvas", Te(r.value, {
               ref_key: "canvas",
-              ref: _,
+              ref: y,
               class: { hover: !!f.value },
               onClick: J,
               onMousemove: L
@@ -2794,21 +2794,21 @@ const no = {
           _: 1
         }, 8, ["desktop", "mobile"]),
         Ce(u("div", null, [
-          m.value.viewLongitude ? (v(), V(st, {
+          m.value.viewLongitude ? (v(), E(st, {
             key: 0,
             class: "north-indicator",
             longitude: m.value.viewLongitude
           }, null, 8, ["longitude"])) : U("", !0),
           C(ta, {
-            modelValue: w.value,
-            "onUpdate:modelValue": S[2] || (S[2] = (G) => w.value = G),
+            modelValue: k.value,
+            "onUpdate:modelValue": S[2] || (S[2] = (G) => k.value = G),
             "date-selector": a.value,
             "is-loading": !o.value.ready
           }, null, 8, ["modelValue", "date-selector", "is-loading"])
         ], 512), [
           [Se, o.value.preloaded]
         ]),
-        x.showCards && f.value ? (v(), V(ot, {
+        x.showCards && f.value ? (v(), E(ot, {
           key: 0,
           "is-hoverable": g.value,
           pos: l.value,
@@ -2853,7 +2853,7 @@ const no = {
     const e = s, n = t, a = B(
       () => e.useSvg ? Lo : Bo
     );
-    return (o, r) => (v(), V(Jt(a.value), {
+    return (o, r) => (v(), E(Jt(a.value), {
       "i18n-config": e.i18nConfig,
       "show-cards": e.showCards,
       "color-callback": e.colorCallback,
@@ -2902,7 +2902,7 @@ const no = {
   },
   setup(s) {
     const t = s;
-    return (e, n) => (v(!0), D(ve, null, be(t.dayData.timeSamples, (a) => (v(), V(Yo, {
+    return (e, n) => (v(!0), D(ve, null, be(t.dayData.timeSamples, (a) => (v(), E(Yo, {
       "time-sample-data": a,
       "cdn-file-resolver": t.cdnFileResolver,
       "current-time": e.currentTime
@@ -2917,7 +2917,7 @@ const no = {
   },
   setup(s) {
     const t = s;
-    return (e, n) => (v(!0), D(ve, null, be(t.cameraData.sunsimDayOfYear, (a) => (v(), V(zo, {
+    return (e, n) => (v(!0), D(ve, null, be(t.cameraData.sunsimDayOfYear, (a) => (v(), E(zo, {
       "day-data": a,
       "cdn-file-resolver": t.cdnFileResolver,
       "current-time": t.currentTime
@@ -2942,8 +2942,8 @@ const no = {
         )
       );
     }), (o, r) => {
-      const l = E("v-select");
-      return v(), V(l, {
+      const l = V("v-select");
+      return v(), E(l, {
         modelValue: a.value,
         "onUpdate:modelValue": r[0] || (r[0] = (m) => a.value = m),
         items: e.buildingChooserData.cameras,
@@ -2985,8 +2985,8 @@ const no = {
       });
     }
     return (r, l) => {
-      const m = E("v-list-item"), p = E("v-select");
-      return v(), V(p, {
+      const m = V("v-list-item"), p = V("v-select");
+      return v(), E(p, {
         modelValue: a.value,
         "onUpdate:modelValue": l[0] || (l[0] = (i) => a.value = i),
         items: e.cameraData.sunsimDayOfYear,
@@ -3048,8 +3048,8 @@ const no = {
       }, 200));
     }
     return (m, p) => {
-      const i = E("v-icon"), f = E("v-btn"), w = E("v-slider"), k = E("v-field");
-      return v(), V(k, { variant: "solo" }, {
+      const i = V("v-icon"), f = V("v-btn"), k = V("v-slider"), w = V("v-field");
+      return v(), E(w, { variant: "solo" }, {
         default: b(() => [
           m.dayData.startTime === m.dayData.endTime ? (v(), D("div", No, [
             C(i, {
@@ -3062,7 +3062,7 @@ const no = {
               _: 1
             }),
             te(" " + Q(r(a.value)), 1)
-          ])) : (v(), V(w, {
+          ])) : (v(), E(k, {
             key: 1,
             class: "pa-1",
             modelValue: a.value,
@@ -3116,14 +3116,14 @@ const no = {
     const e = s, n = t, a = d(), o = d(), r = d(e.selectedId), l = bt({});
     Be(() => {
       for (const i in l) {
-        const { element: f, state: w } = l[i], { r: k, g: c, b: h, a: _, s: y } = e.colorCallback(i, w) || {
+        const { element: f, state: k } = l[i], { r: w, g: c, b: h, a: y, s: _ } = e.colorCallback(i, k) || {
           r: 0,
           g: 0,
           b: 0,
           a: 0,
           s: 0
         };
-        f.style.fill = `rgba(${k}, ${c}, ${h}, ${_ / 255})`, f.style.stroke = `rgb(${k}, ${c}, ${h})`, f.style.strokeWidth = y.toString();
+        f.style.fill = `rgba(${w}, ${c}, ${h}, ${y / 255})`, f.style.stroke = `rgb(${w}, ${c}, ${h})`, f.style.strokeWidth = _.toString();
       }
     }), H(
       () => e.selectedId,
@@ -3148,10 +3148,10 @@ const no = {
         var f;
         const i = (f = o.value) == null ? void 0 : f.firstChild;
         if (!i.hasAttribute("viewBox")) {
-          const w = `0 0 ${i.getAttribute(
+          const k = `0 0 ${i.getAttribute(
             "width"
           )} ${i.getAttribute("height")}`;
-          i.setAttribute("viewBox", w);
+          i.setAttribute("viewBox", k);
         }
         i.setAttribute("width", o.value.offsetWidth.toString()), i.setAttribute(
           "height",
@@ -3163,25 +3163,25 @@ const no = {
       ke(() => {
         var f;
         const i = (f = o.value) == null ? void 0 : f.firstChild;
-        i && (n("updateSvgContainer", i), m(), i.querySelectorAll("[data-building-id]").forEach((k) => {
-          k.style.strokeWidth = "0", k.style.stroke = "rgba(255,255,255,0)", k.style.fill = "rgba(255,255,255,0)", k.querySelectorAll("path").forEach((h) => {
+        i && (n("updateSvgContainer", i), m(), i.querySelectorAll("[data-building-id]").forEach((w) => {
+          w.style.strokeWidth = "0", w.style.stroke = "rgba(255,255,255,0)", w.style.fill = "rgba(255,255,255,0)", w.querySelectorAll("path").forEach((h) => {
             h.style.stroke = "inherit", h.style.fill = "inherit";
           });
-          const c = k.getAttribute("data-building-id");
+          const c = w.getAttribute("data-building-id");
           l[c] = {
-            element: k,
+            element: w,
             state: r.value === c ? "selected" : "idle"
-          }, k.addEventListener("mouseover", () => {
+          }, w.addEventListener("mouseover", () => {
             l[c].state === "idle" && (l[c].state = "hover"), n("onHoverOver", c);
-          }), k.addEventListener("mouseout", () => {
+          }), w.addEventListener("mouseout", () => {
             l[c].state === "hover" && (l[c].state = "idle"), n("onHoverOut", c);
-          }), k.addEventListener("click", () => {
+          }), w.addEventListener("click", () => {
             n("onClick", c);
           });
         }));
       });
     }
-    return (i, f) => (v(), V($e, null, {
+    return (i, f) => (v(), E($e, null, {
       default: b(() => [
         (v(), D("div", {
           ref_key: "svgContainer",
@@ -3267,20 +3267,20 @@ const tl = {
   },
   emits: ["onClick", "onHoverOver", "onHoverOut", "onMouseMove", "onInitialize", "onError"],
   setup(s, { emit: t }) {
-    const e = s, n = t, a = d(), o = d(), r = d(), l = d(), m = d(!1), p = d(), i = B(() => p.value.isHoverEnabled), f = d({ x: 0, y: 0, width: 0, height: 0 }), w = d(), k = d(), c = d(
+    const e = s, n = t, a = d(), o = d(), r = d(), l = d(), m = d(!1), p = d(), i = B(() => p.value.isHoverEnabled), f = d({ x: 0, y: 0, width: 0, height: 0 }), k = d(), w = d(), c = d(
       e.buildingChooserData
     ), h = d(!1);
     xe(() => m.value = !0), H(m, (L) => {
       L && n("onInitialize");
     }), H(
-      () => k.value,
+      () => w.value,
       () => {
-        k.value && new ResizeObserver(([J]) => {
+        w.value && new ResizeObserver(([J]) => {
           h.value = J.contentRect.width < e.mobileBreakpoint;
-        }).observe(k.value);
+        }).observe(w.value);
       }
     );
-    const _ = async () => {
+    const y = async () => {
       try {
         let L;
         if (!e.cdnFileResolver)
@@ -3296,7 +3296,7 @@ const tl = {
     H(
       [c, () => e.cdnFileResolver, () => e.defaultCamera],
       async () => {
-        e.cdnFileResolver && (c.value || (c.value = await _()), e.defaultCamera ? a.value = c.value.cameras.find(
+        e.cdnFileResolver && (c.value || (c.value = await y()), e.defaultCamera ? a.value = c.value.cameras.find(
           (L) => L.cameraName === e.defaultCamera
         ) || c.value.cameras[0] : a.value = c.value.cameras[0]);
       },
@@ -3320,7 +3320,7 @@ const tl = {
       },
       { immediate: !0 }
     );
-    function y(L) {
+    function _(L) {
       const J = o.value;
       a.value = L, ke(() => {
         g(
@@ -3355,7 +3355,7 @@ const tl = {
       const { layerX: J, layerY: R } = L;
       let ee = L.target, x = !1;
       for (; ee; )
-        if (ee === w.value) {
+        if (ee === k.value) {
           x = !0;
           break;
         } else
@@ -3373,7 +3373,7 @@ const tl = {
       n("onMouseMove", L, f.value);
     }
     return (L, J) => {
-      const R = E("v-skeleton-loader");
+      const R = V("v-skeleton-loader");
       return v(), D(ve, null, [
         C(R, {
           type: "image",
@@ -3385,7 +3385,7 @@ const tl = {
               default: b(() => [
                 u("div", {
                   ref_key: "container",
-                  ref: k,
+                  ref: w,
                   class: ye({ mobile: h.value }),
                   onMousemove: I
                 }, [
@@ -3394,11 +3394,11 @@ const tl = {
                       C(Po, {
                         "building-chooser-data": c.value,
                         "current-camera": a.value,
-                        onOnCameraChange: y
+                        onOnCameraChange: _
                       }, null, 8, ["building-chooser-data", "current-camera"])
                     ])) : U("", !0),
                     u("div", nl, [
-                      a.value.sunsimDayOfYear.length > 1 ? (v(), V(Wo, {
+                      a.value.sunsimDayOfYear.length > 1 ? (v(), E(Wo, {
                         key: 0,
                         "camera-data": a.value,
                         "current-day": o.value,
@@ -3406,7 +3406,7 @@ const tl = {
                       }, null, 8, ["camera-data", "current-day"])) : U("", !0)
                     ]),
                     u("div", ol, [
-                      o.value.timeSamples.length > 1 ? (v(), V(qo, {
+                      o.value.timeSamples.length > 1 ? (v(), E(qo, {
                         key: 0,
                         "day-data": o.value,
                         "current-time": r.value,
@@ -3415,14 +3415,14 @@ const tl = {
                     ])
                   ]),
                   u("div", ll, [
-                    a.value.cameraRotation ? (v(), V(st, {
+                    a.value.cameraRotation ? (v(), E(st, {
                       key: 0,
                       longitude: a.value.cameraRotation.y + 270
                     }, null, 8, ["longitude"])) : U("", !0)
                   ]),
                   C(lt, { position: "relative" }, {
                     default: b(() => [
-                      (v(!0), D(ve, null, be(c.value.cameras, (ee) => (v(), V(jo, {
+                      (v(!0), D(ve, null, be(c.value.cameras, (ee) => (v(), E(jo, {
                         key: ee.overlayFilename,
                         "camera-data": ee,
                         "cdn-file-resolver": e.cdnFileResolver,
@@ -3442,12 +3442,12 @@ const tl = {
                         onOnClick: J[0] || (J[0] = (ee) => n("onClick", ee)),
                         onOnHoverOver: O,
                         onOnHoverOut: P,
-                        onUpdateSvgContainer: J[1] || (J[1] = (ee) => w.value = ee)
+                        onUpdateSvgContainer: J[1] || (J[1] = (ee) => k.value = ee)
                       }, null, 8, ["cdn-file-resolver", "color-callback", "current-camera", "selected-id"])
                     ]),
                     _: 1
                   }),
-                  L.$slots.popup && f.value && l.value ? (v(), V(ot, {
+                  L.$slots.popup && f.value && l.value ? (v(), E(ot, {
                     key: 0,
                     "is-hoverable": i.value,
                     pos: f.value
@@ -3533,28 +3533,28 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
       currentCameraId: l,
       showStaticImage: m,
       mouseSensitivity: p
-    } = Ee(n), i = t, f = d(), w = d(l.value), k = d(0), c = d(0);
+    } = Ee(n), i = t, f = d(), k = d(l.value), w = d(0), c = d(0);
     H(l, () => {
-      w.value = l.value;
+      k.value = l.value;
     }), H([o, r], async () => {
       f.value && await f.value.loadInterior(
-        (y) => ue(
+        (_) => ue(
           a.value,
-          `/${o.value}/${r.value}${y}`
+          `/${o.value}/${r.value}${_}`
         ),
-        w.value,
+        k.value,
         !1
       );
     }), H(
-      w,
+      k,
       () => {
-        f.value && f.value.goToCamera(w.value, !0), i("newCameraCallback", w.value);
+        f.value && f.value.goToCamera(k.value, !0), i("newCameraCallback", k.value);
       },
       { immediate: !0 }
     ), H(
       [a],
       async () => {
-        await _(), ke(async () => {
+        await y(), ke(async () => {
           await h();
         });
       },
@@ -3562,27 +3562,27 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
     ), H(f, () => {
       if (f.value) {
         i("playerApiCallback", f.value);
-        const y = f.value.getCurrentCamera();
-        y && (w.value = y.id, i("sunsimCallback", y.sunsimDayOfYear));
+        const _ = f.value.getCurrentCamera();
+        _ && (k.value = _.id, i("sunsimCallback", _.sunsimDayOfYear));
       }
     });
     async function h() {
-      _();
+      y();
       const O = {
         initialized: () => {
           f.value = e.Main.getPlayerAPI();
           const I = f.value.getCurrentCamera();
-          I && (w.value = I.id);
+          I && (k.value = I.id);
         },
         newCamera: (I) => {
-          i("newFloorCallback", I.floorLevel), i("sunsimCallback", I.sunsimDayOfYear), f.value && f.value.resetMarkerBehaviour(0), w.value = I.id;
+          i("newFloorCallback", I.floorLevel), i("sunsimCallback", I.sunsimDayOfYear), f.value && f.value.resetMarkerBehaviour(0), k.value = I.id;
         },
         newFOV: (I) => {
           i("newFovCallback", I), c.value = I;
         },
         newRotation: (I) => {
           const L = I + 0;
-          i("newRotationCallback", L), k.value = L;
+          i("newRotationCallback", L), w.value = L;
         }
       };
       if (!fl)
@@ -3595,47 +3595,47 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
         "qpc",
         O,
         void 0,
-        w.value
+        k.value
       );
       P && (P.handleWindowResize(), window.addEventListener(
         "resize",
         P.handleWindowResize.bind(P)
       ), P.animate(), f.value = e.Main.getPlayerAPI(), f.value && f.value.setLookSensitivity(p.value));
     }
-    async function _() {
+    async function y() {
       f.value && (await f.value.destroy(), f.value = void 0);
     }
     return Qe(() => {
-      _();
-    }), (y, g) => (v(), D("div", hl, [
+      y();
+    }), (_, g) => (v(), D("div", hl, [
       u("div", gl, [
-        oe(y.$slots, "slideshow-image", {}, void 0, !0),
+        oe(_.$slots, "slideshow-image", {}, void 0, !0),
         u("div", yl, [
-          oe(y.$slots, "top-left", {}, void 0, !0)
+          oe(_.$slots, "top-left", {}, void 0, !0)
         ]),
         u("div", _l, [
-          oe(y.$slots, "top-center", {}, void 0, !0)
+          oe(_.$slots, "top-center", {}, void 0, !0)
         ]),
         u("div", bl, [
-          oe(y.$slots, "top-right", {}, void 0, !0)
+          oe(_.$slots, "top-right", {}, void 0, !0)
         ]),
         u("div", Cl, [
-          oe(y.$slots, "center-left", {}, void 0, !0)
+          oe(_.$slots, "center-left", {}, void 0, !0)
         ]),
         u("div", wl, [
-          oe(y.$slots, "center-center", {}, void 0, !0)
+          oe(_.$slots, "center-center", {}, void 0, !0)
         ]),
         u("div", kl, [
-          oe(y.$slots, "center-right", {}, void 0, !0)
+          oe(_.$slots, "center-right", {}, void 0, !0)
         ]),
         u("div", Sl, [
-          oe(y.$slots, "bottom-left", {}, void 0, !0)
+          oe(_.$slots, "bottom-left", {}, void 0, !0)
         ]),
         u("div", Il, [
-          oe(y.$slots, "bottom-center", {}, void 0, !0)
+          oe(_.$slots, "bottom-center", {}, void 0, !0)
         ]),
         u("div", xl, [
-          oe(y.$slots, "bottom-right", {}, void 0, !0)
+          oe(_.$slots, "bottom-right", {}, void 0, !0)
         ]),
         u("div", Dl, [
           u("canvas", {
@@ -3667,13 +3667,13 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
       i >= o.value.length ? n("level", o.value[0]) : n("level", o.value[i]);
     }
     return (i, f) => {
-      const w = E("v-btn"), k = E("v-tooltip");
-      return v(), V(k, {
+      const k = V("v-btn"), w = V("v-tooltip");
+      return v(), E(w, {
         right: "",
         attach: ""
       }, {
         activator: b(({ props: c }) => [
-          C(w, Te({
+          C(k, Te({
             style: { cursor: "pointer" },
             density: "comfortable",
             elevation: "1",
@@ -3718,7 +3718,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
   setup(s, { emit: t }) {
     const e = s, n = t, a = Ze(Re);
     return (o, r) => {
-      const l = E("v-icon"), m = E("v-btn"), p = E("v-img"), i = E("v-menu");
+      const l = V("v-icon"), m = V("v-btn"), p = V("v-img"), i = V("v-menu");
       return v(), D("div", null, [
         C(i, {
           transition: "slide-x-reverse-transition",
@@ -3743,11 +3743,11 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
           ]),
           default: b(() => [
             u("div", Bl, [
-              (v(!0), D(ve, null, be(e.availableArchetypes, (f, w) => (v(), D("div", {
-                key: `at-menuitem-${w}`,
-                onClick: (k) => n("selectInterior", f.archetypeID),
+              (v(!0), D(ve, null, be(e.availableArchetypes, (f, k) => (v(), D("div", {
+                key: `at-menuitem-${k}`,
+                onClick: (w) => n("selectInterior", f.archetypeID),
                 class: ye(["interior-selector-list-item", {
-                  active: w === o.selectedIndex
+                  active: k === o.selectedIndex
                 }])
               }, [
                 u("div", Ul, [
@@ -3783,7 +3783,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
       transform: `rotate(${-t.rotation + 180}deg)`
     }));
     return (o, r) => {
-      const l = E("v-img");
+      const l = V("v-img");
       return v(), D("div", {
         style: de(n.value),
         class: "compass-wrapper"
@@ -3808,7 +3808,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
       return ("0" + a).slice(-2);
     }
     return (a, o) => {
-      const r = E("v-img");
+      const r = V("v-img");
       return v(), D("div", Ql, [
         u("div", Zl, [
           C(r, {
@@ -3845,17 +3845,17 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
       return e.showStaticImage || (r = "slideShow"), r;
     });
     return (r, l) => {
-      const m = E("v-icon"), p = E("v-btn"), i = E("v-tooltip");
-      return v(), V(i, { location: "top" }, {
+      const m = V("v-icon"), p = V("v-btn"), i = V("v-tooltip");
+      return v(), E(i, { location: "top" }, {
         activator: b(({ props: f }) => [
           C(p, Te({
             density: "comfortable",
             elevation: "1",
             icon: "",
-            onClick: l[0] || (l[0] = (w) => n("toggle"))
+            onClick: l[0] || (l[0] = (k) => n("toggle"))
           }, f), {
             default: b(() => [
-              o.value === "virtualTour" ? (v(), D("svg", Kl, ns)) : (v(), V(m, { key: 1 }, {
+              o.value === "virtualTour" ? (v(), D("svg", Kl, ns)) : (v(), E(m, { key: 1 }, {
                 default: b(() => [
                   te("mdi-image-multiple")
                 ]),
@@ -4413,10 +4413,10 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
       e("closeTutorial", a.value);
     }
     return (m, p) => {
-      const i = E("v-icon"), f = E("v-card-title"), w = E("v-btn"), k = E("v-divider"), c = E("v-card-text"), h = E("v-card-actions"), _ = E("v-card"), y = E("v-expand-transition"), g = E("v-checkbox");
-      return v(), V($e, { name: "fade-transition" }, {
+      const i = V("v-icon"), f = V("v-card-title"), k = V("v-btn"), w = V("v-divider"), c = V("v-card-text"), h = V("v-card-actions"), y = V("v-card"), _ = V("v-expand-transition"), g = V("v-checkbox");
+      return v(), E($e, { name: "fade-transition" }, {
         default: b(() => [
-          C(_, {
+          C(y, {
             class: "mx-auto",
             elevation: "16"
           }, {
@@ -4436,7 +4436,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
               C(c, { class: "pb-0" }, {
                 default: b(() => [
                   u("p", null, Q(A(n).getLabel("disclaimerTextShort")), 1),
-                  C(w, {
+                  C(k, {
                     variant: "tonal",
                     size: "small",
                     onClick: p[0] || (p[0] = (T) => o.value = !0),
@@ -4453,7 +4453,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
                     ]),
                     _: 1
                   }),
-                  C(k, { class: "my-3" }),
+                  C(w, { class: "my-3" }),
                   r.value ? U("", !0) : (v(), D("div", ss, [
                     u("div", rs, [
                       u("div", is, [
@@ -4488,13 +4488,13 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
                       u("div", Fs, Q(A(n).getLabel("useTwoFingersToZoom")), 1)
                     ])
                   ])) : U("", !0),
-                  C(k, { class: "my-1" })
+                  C(w, { class: "my-1" })
                 ]),
                 _: 1
               }),
-              C(y, null, {
+              C(_, null, {
                 default: b(() => [
-                  o.value ? (v(), V(_, {
+                  o.value ? (v(), E(y, {
                     key: 0,
                     class: "position-absolute w-100 bg-white",
                     height: "100%",
@@ -4518,7 +4518,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
                       }),
                       C(h, null, {
                         default: b(() => [
-                          C(w, {
+                          C(k, {
                             variant: "tonal",
                             size: "small",
                             onClick: p[1] || (p[1] = (T) => o.value = !1),
@@ -4559,7 +4559,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
               ]),
               C(h, null, {
                 default: b(() => [
-                  C(w, {
+                  C(k, {
                     variant: "tonal",
                     onClick: p[3] || (p[3] = (T) => l()),
                     block: ""
@@ -4598,7 +4598,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
   emits: ["updateSettings", "saveSettings"],
   setup(s, { emit: t }) {
     const e = s, n = t, a = d(
-      k(e.initialSettings)
+      w(e.initialSettings)
     );
     H(
       a,
@@ -4609,8 +4609,8 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
     );
     const o = B(() => {
       let c = {};
-      for (const [h, _] of Object.entries(a.value))
-        h === "whitePoint" ? c[h] = i(_.value) : c[h] = _.value;
+      for (const [h, y] of Object.entries(a.value))
+        h === "whitePoint" ? c[h] = i(y.value) : c[h] = y.value;
       return c;
     });
     function r() {
@@ -4628,20 +4628,20 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
       n("saveSettings", o.value);
     }
     function p() {
-      a.value = k(), n("updateSettings", o.value);
+      a.value = w(), n("updateSettings", o.value);
     }
     function i(c) {
-      const h = parseInt(c.substr(1, 2), 16) / 255, _ = parseInt(c.substr(3, 2), 16) / 255, y = parseInt(c.substr(5, 2), 16) / 255;
-      return [h, _, y];
+      const h = parseInt(c.substr(1, 2), 16) / 255, y = parseInt(c.substr(3, 2), 16) / 255, _ = parseInt(c.substr(5, 2), 16) / 255;
+      return [h, y, _];
     }
     function f(c) {
       var h = c.toString(16);
       return h.length == 1 ? "0" + h : h;
     }
-    function w([c, h, _]) {
-      return "#" + f(parseInt((c * 255).toString())) + f(parseInt((h * 255).toString())) + f(parseInt((_ * 255).toString()));
+    function k([c, h, y]) {
+      return "#" + f(parseInt((c * 255).toString())) + f(parseInt((h * 255).toString())) + f(parseInt((y * 255).toString()));
     }
-    function k(c = {}) {
+    function w(c = {}) {
       const h = [
         "Cool 5",
         "Cool 10",
@@ -4655,7 +4655,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
         "Warm 5",
         "bw"
       ];
-      let _ = {
+      let y = {
         temperature: 6500,
         targetLuminance: 1,
         exposureFovScale: 0.6,
@@ -4674,7 +4674,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
           min: 0,
           max: 1,
           step: 0.01,
-          value: _.exposureFovScale
+          value: y.exposureFovScale
         },
         targetLuminance: {
           label: "Target Luminance",
@@ -4682,7 +4682,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
           min: 0,
           max: 15,
           step: 0.1,
-          value: _.targetLuminance
+          value: y.targetLuminance
         },
         sharpenFilter_amount: {
           label: "Sharpen Filter Amount",
@@ -4690,12 +4690,12 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
           min: 0,
           max: 100,
           step: 0.1,
-          value: _.sharpenFilter_amount
+          value: y.sharpenFilter_amount
         },
         UNREAL_BLOOM_ENABLED: {
           label: "Enable Bloom?",
           type: "boolean",
-          value: _.UNREAL_BLOOM_ENABLED
+          value: y.UNREAL_BLOOM_ENABLED
         },
         UNREAL_BLOOM_STRENGTH: {
           label: "Bloom Strength",
@@ -4703,7 +4703,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
           min: 0,
           max: 1,
           step: 0.01,
-          value: _.UNREAL_BLOOM_STRENGTH
+          value: y.UNREAL_BLOOM_STRENGTH
         },
         TRANSITION_MOVEMENT_SCALE: {
           label: "Transition Movement Speed",
@@ -4711,7 +4711,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
           min: 0.2,
           max: 25,
           step: 0.1,
-          value: _.TRANSITION_MOVEMENT_SCALE
+          value: y.TRANSITION_MOVEMENT_SCALE
         },
         temperature: {
           label: "Temperature / White Balance",
@@ -4719,26 +4719,26 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
           min: 1e3,
           max: 12e3,
           step: 1,
-          value: _.temperature
+          value: y.temperature
         },
         whitePoint: {
           label: "White Point",
           type: "color",
-          value: w(_.whitePoint)
+          value: k(y.whitePoint)
         },
         lut: {
           label: "Lut",
           type: "lut",
-          items: h.map((y) => ({
-            text: y,
-            value: `https://cdn.visuado.com/luts/${y}.png`
+          items: h.map((_) => ({
+            text: _,
+            value: `https://cdn.visuado.com/luts/${_}.png`
           })),
-          value: _.lut
+          value: y.lut
         }
       };
     }
     return (c, h) => {
-      const _ = E("v-text-field"), y = E("v-slider"), g = E("v-checkbox"), T = E("v-btn"), O = E("v-select"), P = E("v-icon");
+      const y = V("v-text-field"), _ = V("v-slider"), g = V("v-checkbox"), T = V("v-btn"), O = V("v-select"), P = V("v-icon");
       return v(), D("div", Bs, [
         u("form", Rs, [
           u("div", Us, [
@@ -4746,7 +4746,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
               key: J,
               "d-block": ""
             }, [
-              I.type === "slider" ? (v(), V(y, {
+              I.type === "slider" ? (v(), E(_, {
                 key: 0,
                 modelValue: a.value[L].value,
                 "onUpdate:modelValue": (R) => a.value[L].value = R,
@@ -4760,7 +4760,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
                 ]),
                 append: b(() => [
                   u("div", null, [
-                    C(_, {
+                    C(y, {
                       modelValue: a.value[L].value,
                       "onUpdate:modelValue": (R) => a.value[L].value = R,
                       "hide-details": "",
@@ -4777,7 +4777,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
                 ]),
                 _: 2
               }, 1032, ["modelValue", "onUpdate:modelValue", "max", "min", "step"])) : U("", !0),
-              I.type === "boolean" ? (v(), V(g, {
+              I.type === "boolean" ? (v(), E(g, {
                 key: 1,
                 modelValue: a.value[L].value,
                 "onUpdate:modelValue": (R) => a.value[L].value = R,
@@ -4809,7 +4809,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
                   ])
                 ]),
                 u("div", null, [
-                  C(_, {
+                  C(y, {
                     modelValue: a.value[L].value,
                     "onUpdate:modelValue": (R) => a.value[L].value = R,
                     "hide-details": "",
@@ -4857,7 +4857,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
                     qs,
                     u("div", Js, [
                       u("div", null, [
-                        C(_, {
+                        C(y, {
                           modelValue: a.value[L].value,
                           "onUpdate:modelValue": (R) => a.value[L].value = R,
                           "hide-details": "",
@@ -4940,22 +4940,22 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
     }, o = (r) => {
       const l = document.getElementsByClassName("anchor");
       for (let h = 0; h < l.length; h++) {
-        const _ = l[h];
-        _.addEventListener("touchstart", w, { passive: !1 }), _.addEventListener("touchend", c, { passive: !1 }), _.addEventListener("mousedown", w, { passive: !1 }), _.addEventListener("mouseup", c, { passive: !1 });
+        const y = l[h];
+        y.addEventListener("touchstart", k, { passive: !1 }), y.addEventListener("touchend", c, { passive: !1 }), y.addEventListener("mousedown", k, { passive: !1 }), y.addEventListener("mouseup", c, { passive: !1 });
       }
       let m = 0, p = 0, i = 0, f = 0;
-      function w(h) {
+      function k(h) {
         h = h || window.event, h.preventDefault();
-        let _ = h;
-        h.type === "touchstart" && (_ = h.touches[0]), i = _.clientX, f = _.clientY, document.addEventListener("mouseup", c, { passive: !1 }), document.addEventListener("touchend", c, { passive: !1 }), document.addEventListener("mousemove", k, { passive: !1 }), document.addEventListener("touchmove", k, { passive: !1 });
+        let y = h;
+        h.type === "touchstart" && (y = h.touches[0]), i = y.clientX, f = y.clientY, document.addEventListener("mouseup", c, { passive: !1 }), document.addEventListener("touchend", c, { passive: !1 }), document.addEventListener("mousemove", w, { passive: !1 }), document.addEventListener("touchmove", w, { passive: !1 });
       }
-      function k(h) {
+      function w(h) {
         h = h || window.event, h.preventDefault();
-        let _ = h;
-        h.type === "touchmove" && (_ = h.touches[0]), m = i - _.clientX, p = f - _.clientY, i = _.clientX, f = _.clientY, r.style.top = r.offsetTop - p + "px", r.style.left = r.offsetLeft - m + "px";
+        let y = h;
+        h.type === "touchmove" && (y = h.touches[0]), m = i - y.clientX, p = f - y.clientY, i = y.clientX, f = y.clientY, r.style.top = r.offsetTop - p + "px", r.style.left = r.offsetLeft - m + "px";
       }
       function c() {
-        document.removeEventListener("mouseup", c, !1), document.removeEventListener("mousemove", k, !1), document.removeEventListener("touchend", c, !1), document.removeEventListener("touchmove", k, !1);
+        document.removeEventListener("mouseup", c, !1), document.removeEventListener("mousemove", w, !1), document.removeEventListener("touchend", c, !1), document.removeEventListener("touchmove", w, !1);
       }
     };
     return (r, l) => (v(), D("div", {
@@ -5013,19 +5013,19 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
     fit: { type: Boolean }
   },
   setup(s) {
-    const t = s, e = d(512), n = d(384), a = d(512), o = d(384), r = d(new it()), l = d(new Pa()), m = d({}), p = d(1), i = d(), f = e.value / e.value, w = B(() => {
+    const t = s, e = d(512), n = d(384), a = d(512), o = d(384), r = d(new it()), l = d(new Pa()), m = d({}), p = d(1), i = d(), f = e.value / e.value, k = B(() => {
       const x = t.containerWidth / t.containerHeight;
       let S;
       return x > f ? S = t.containerHeight / n.value : S = t.containerWidth / e.value, S;
-    }), k = B(() => t.allCameras), c = B(() => t.allCameras.find((x) => x.id === t.currentCamera)), h = B(() => t.rotation), _ = B(() => new it(
+    }), w = B(() => t.allCameras), c = B(() => t.allCameras.find((x) => x.id === t.currentCamera)), h = B(() => t.rotation), y = B(() => new it(
       t.storey.position.x,
       t.storey.position.y,
       t.storey.position.z
-    )), y = B(() => parseFloat(c.value.floor_vertical_position)), g = B(() => k.value.map((x) => {
+    )), _ = B(() => parseFloat(c.value.floor_vertical_position)), g = B(() => w.value.map((x) => {
       const S = x.uposition.split(","), Y = new it(
-        Number(S[0]) - _.value.x,
+        Number(S[0]) - y.value.x,
         0,
-        Number(S[2]) - _.value.z
+        Number(S[2]) - y.value.z
       );
       return {
         ...x,
@@ -5035,7 +5035,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
       backgroundImage: `url(${t.backgroundImage})`,
       backgroundSize: "contain"
     })), O = B(() => ({
-      transform: `scale(${t.fit ? 1 : w.value * 0.75}) rotate(${t.transformAngle}deg)`
+      transform: `scale(${t.fit ? 1 : k.value * 0.75}) rotate(${t.transformAngle}deg)`
     }));
     xe(() => {
       R(), I(), ee();
@@ -5070,7 +5070,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
       };
     }
     function R() {
-      const x = t.storey.position.y - y.value;
+      const x = t.storey.position.y - _.value;
       o.value = 2 * (x * Math.tan(P(t.storey.fovY / 2))), a.value = 512 / 384 * o.value;
       const S = o.value / 2, Y = a.value / 2, G = new it(Y * -1, 0, S * -1);
       r.value = G;
@@ -5114,7 +5114,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
                   zIndex: "3"
                 })
               }, () => [
-                c.value.id === Y.id && t.rotation !== null ? (v(), V(mr, {
+                c.value.id === Y.id && t.rotation !== null ? (v(), E(mr, {
                   key: 0,
                   class: "rotation-marker-component-base rotation-marker-component",
                   rotation: h.value,
@@ -5161,8 +5161,8 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
   setup(s, { emit: t }) {
     const e = s, n = t, a = d((/* @__PURE__ */ new Date()).getHours()), o = d(!0), r = d(!0), l = d(""), m = d(/* @__PURE__ */ new Map()), p = B(() => e.minimapJson.storeys[e.level]), i = B(() => `${Math.floor(a.value).toString().padStart(2, "0")}:00`), f = B(() => {
       if (p.value.sunsimFilesTimeStamps[a.value]) {
-        const y = p.value.sunsimFilesTimeStamps[a.value].split(" ");
-        return `${y[0]} ${y[1]}`;
+        const _ = p.value.sunsimFilesTimeStamps[a.value].split(" ");
+        return `${_[0]} ${_[1]}`;
       }
       return "";
     });
@@ -5170,25 +5170,25 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
       l.value = await c(
         p.value.sunsimFiles[a.value]
       ), n("setBackgroundImage", l.value), r.value = !1;
-      const y = await k(e.minimapJson.storeys);
-      m.value = y, o.value = !1, n("setBackgroundImage", w(e.level, a.value));
+      const _ = await w(e.minimapJson.storeys);
+      m.value = _, o.value = !1, n("setBackgroundImage", k(e.level, a.value));
     }), H(a, () => {
-      const y = w(e.level, a.value);
-      n("setBackgroundImage", y);
+      const _ = k(e.level, a.value);
+      n("setBackgroundImage", _);
     }), H(
       () => e.level,
       () => {
-        n("setBackgroundImage", w(e.level, a.value));
+        n("setBackgroundImage", k(e.level, a.value));
       },
       { immediate: !0 }
     );
-    function w(y, g) {
-      return m.value.get(`sunsim${y}_${g}`) ? m.value.get(`sunsim${y}_${g}`) : "";
+    function k(_, g) {
+      return m.value.get(`sunsim${_}_${g}`) ? m.value.get(`sunsim${_}_${g}`) : "";
     }
-    async function k(y) {
+    async function w(_) {
       let g = /* @__PURE__ */ new Map();
-      for (let T = 0; T < y.length; T++) {
-        const O = y[T].sunsimFiles;
+      for (let T = 0; T < _.length; T++) {
+        const O = _[T].sunsimFiles;
         for (let P = 0; P < O.length; P++) {
           const I = O[P];
           try {
@@ -5201,40 +5201,40 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
       }
       return g;
     }
-    async function c(y) {
+    async function c(_) {
       const T = await (await fetch(
         ue(
           e.cdnFileResolver,
-          `/${e.apartmentJson.type}/${e.apartmentJson.id}/minimap/${y}`
+          `/${e.apartmentJson.type}/${e.apartmentJson.id}/minimap/${_}`
         )
-      )).blob(), O = await _(T);
+      )).blob(), O = await y(T);
       return h(O);
     }
-    function h(y) {
-      return "data:image/jpeg;base64," + y;
+    function h(_) {
+      return "data:image/jpeg;base64," + _;
     }
-    async function _(y) {
+    async function y(_) {
       return new Promise((g, T) => {
         const O = new FileReader();
         O.onload = () => {
           const P = O.result.split(",")[1];
           g(P);
-        }, O.onerror = T, O.readAsDataURL(y);
+        }, O.onerror = T, O.readAsDataURL(_);
       });
     }
-    return (y, g) => {
-      const T = E("v-progress-linear"), O = E("v-icon"), P = E("v-slider");
+    return (_, g) => {
+      const T = V("v-progress-linear"), O = V("v-icon"), P = V("v-slider");
       return v(), D("div", yr, [
         u("div", _r, [
           u("div", br, [
-            o.value ? (v(), V(T, {
+            o.value ? (v(), E(T, {
               key: 0,
               indeterminate: "",
               rounded: "",
               height: "6",
               color: "grey lighten-1",
               class: "mr-2"
-            })) : (v(), V(P, {
+            })) : (v(), E(P, {
               key: 1,
               modelValue: a.value,
               "onUpdate:modelValue": g[0] || (g[0] = (I) => a.value = I),
@@ -5269,7 +5269,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
       ]);
     };
   }
-}), la = /* @__PURE__ */ K(kr, [["__scopeId", "data-v-52f122f2"]]), Sr = (s) => (Ct("data-v-79a93ab0"), s = s(), wt(), s), Ir = { class: "left" }, xr = { class: "right" }, Dr = /* @__PURE__ */ Sr(() => /* @__PURE__ */ u("div", { class: "d-flex justify-space-between pa-1" }, [
+}), la = /* @__PURE__ */ K(kr, [["__scopeId", "data-v-52f122f2"]]), Sr = (s) => (Ct("data-v-578a7915"), s = s(), wt(), s), Ir = { class: "left" }, xr = { class: "right" }, Dr = /* @__PURE__ */ Sr(() => /* @__PURE__ */ u("div", { class: "d-flex justify-space-between pa-1" }, [
   /* @__PURE__ */ u("div", { class: "center" }, " ")
 ], -1)), Ar = /* @__PURE__ */ W({
   __name: "VMiniMap",
@@ -5283,63 +5283,68 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
   },
   emits: ["close"],
   setup(s, { emit: t }) {
-    const e = d(null), n = s, a = t, o = d(), r = d(0), l = B(() => n.minimapJson.storeys[n.level]);
+    const e = d(null), n = s, a = t, o = d(), r = d(0), l = B(() => n.minimapJson.storeys[n.level]), m = d(0);
     H(
+      () => n.apartmentJson,
+      () => {
+        m.value = m.value + 1;
+      }
+    ), H(
       l,
       () => {
         o.value = l.value.defaultSunsimFile ? `/${n.apartmentJson.type}/${n.apartmentJson.id}/minimap/sunsim0_13.jpg` : `/${n.apartmentJson.type}/${n.apartmentJson.id}/minimap/${l.value.defaultSunsimFile}`;
       },
       { immediate: !0, once: !0 }
     );
-    const m = B(() => {
-      let h = 1;
-      return r.value !== 0 && (Math.abs(r.value) % 180 === 0 ? h = 1 : h = -1), w.value === "small" && (h = 0.6), h;
+    const p = B(() => {
+      let y = 1;
+      return r.value !== 0 && (Math.abs(r.value) % 180 === 0 ? y = 1 : y = -1), w.value === "small" && (y = 0.6), y;
     });
-    function p(h) {
-      o.value = h;
+    function i(y) {
+      o.value = y;
     }
-    const i = ["big", "bigger", "small"];
-    function f() {
-      const _ = (i.indexOf(w.value) + 1) % i.length;
-      w.value = i[_];
+    const f = ["big", "bigger", "small"];
+    function k() {
+      const _ = (f.indexOf(w.value) + 1) % f.length;
+      w.value = f[_];
     }
     const w = d("big");
-    function k() {
+    function c() {
       r.value = r.value + 90;
     }
-    const c = () => {
+    const h = () => {
       a("close");
     };
-    return (h, _) => {
-      const y = E("v-btn");
-      return v(), V(rr, {
+    return (y, _) => {
+      const g = V("v-btn");
+      return v(), E(rr, {
         ref_key: "minimapMoveable",
         ref: e,
         size: w.value
       }, {
         "top-left": b(() => [
           u("div", Ir, [
-            C(y, {
+            C(g, {
               icon: "mdi-window-close",
               size: "x-small",
-              onClick: c
+              onClick: h
             })
           ])
         ]),
         "top-right": b(() => [
           u("div", xr, [
-            C(y, {
+            C(g, {
               class: "rotate-icon",
               size: "x-small",
               icon: "mdi mdi-rotate-right",
-              onClick: za(k, ["stop"]),
+              onClick: za(c, ["stop"]),
               title: "Rotate"
             }),
-            C(y, {
+            C(g, {
               class: "resize-icon ml-1",
               icon: "mdi-image-size-select-small",
               size: "x-small",
-              onClick: f,
+              onClick: k,
               title: "Resize"
             })
           ])
@@ -5349,17 +5354,17 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
         ]),
         body: b(() => [
           C(oa, {
-            scale: m.value,
+            scale: p.value,
             rotation: l.value.rotation.y,
             "transform-angle": r.value
           }, null, 8, ["scale", "rotation", "transform-angle"]),
           u("div", null, [
             C(na, {
               "transform-angle": r.value,
-              "all-cameras": h.apartmentJson.cameras,
+              "all-cameras": y.apartmentJson.cameras,
               "background-image": o.value,
-              rotation: h.rotation,
-              "current-camera": h.currentCamera,
+              rotation: y.rotation,
+              "current-camera": y.currentCamera,
               storey: l.value,
               containerWidth: e.value && e.value.bodyWidth || 512,
               containerHeight: e.value && e.value.bodyHeight || 384
@@ -5367,19 +5372,20 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
           ])
         ]),
         footer: b(() => [
-          C(la, {
+          (v(), E(la, {
+            key: m.value,
             "cdn-file-resolver": n.cdnFileResolver,
             "minimap-json": n.minimapJson,
             "apartment-json": n.apartmentJson,
             level: n.level,
-            onSetBackgroundImage: p
-          }, null, 8, ["cdn-file-resolver", "minimap-json", "apartment-json", "level"])
+            onSetBackgroundImage: i
+          }, null, 8, ["cdn-file-resolver", "minimap-json", "apartment-json", "level"]))
         ]),
         _: 1
       }, 8, ["size"]);
     };
   }
-}), Nt = /* @__PURE__ */ K(Ar, [["__scopeId", "data-v-79a93ab0"]]);
+}), Nt = /* @__PURE__ */ K(Ar, [["__scopeId", "data-v-578a7915"]]);
 function yt(s) {
   const t = s * 60, e = Math.floor(t / 60), n = t % 60;
   return `${e.toString().padStart(2, "0")}:${n.toString().padStart(2, "0")}`;
@@ -5408,10 +5414,10 @@ const Fr = { class: "d-flex align-center" }, Lr = { class: "d-block mr-1" }, Mr
       },
       { immediate: !0 }
     ), (m, p) => {
-      const i = E("v-icon"), f = E("v-slider"), w = E("v-field"), k = E("v-btn");
+      const i = V("v-icon"), f = V("v-slider"), k = V("v-field"), w = V("v-btn");
       return v(), D("div", Fr, [
         u("div", Lr, [
-          C(w, {
+          C(k, {
             class: "ss-slider-field",
             style: {},
             variant: "solo-filled",
@@ -5419,7 +5425,7 @@ const Fr = { class: "d-flex align-center" }, Lr = { class: "d-block mr-1" }, Mr
             flat: ""
           }, {
             default: b(() => [
-              A(n).timeSamples.length > 1 ? (v(), V(f, {
+              A(n).timeSamples.length > 1 ? (v(), E(f, {
                 key: 0,
                 class: "pa-2 pr-2",
                 modelValue: l.value,
@@ -5465,7 +5471,7 @@ const Fr = { class: "d-flex align-center" }, Lr = { class: "d-block mr-1" }, Mr
           })
         ]),
         u("div", null, [
-          C(k, {
+          C(w, {
             size: "small",
             class: "sun-study-toggle text-capitalize rounded-xl",
             icon: "mdi-close",
@@ -5485,8 +5491,8 @@ const Fr = { class: "d-flex align-center" }, Lr = { class: "d-block mr-1" }, Mr
   setup(s, { emit: t }) {
     const e = t, n = Ze(Re);
     return (a, o) => {
-      const r = E("v-btn");
-      return !a.displaySunsim && a.showUI ? (v(), V(r, {
+      const r = V("v-btn");
+      return !a.displaySunsim && a.showUI ? (v(), E(r, {
         key: 0,
         size: "small",
         varient: "tonal",
@@ -5512,8 +5518,8 @@ const Fr = { class: "d-flex align-center" }, Lr = { class: "d-block mr-1" }, Mr
       window.navigator.userAgent
     ));
     return (a, o) => {
-      const r = E("v-icon"), l = E("v-btn");
-      return v(), V(l, {
+      const r = V("v-icon"), l = V("v-btn");
+      return v(), E(l, {
         size: "x-small",
         class: ye(["autoplay-btn", { mobile: n.value, "mt-1": n.value, "mx-1": n.value }]),
         onClick: o[0] || (o[0] = (m) => e("toggleAutoPlay"))
@@ -5572,7 +5578,7 @@ const Fr = { class: "d-flex align-center" }, Lr = { class: "d-block mr-1" }, Mr
       i(), n("goto", p);
     }
     return (p, i) => {
-      const f = E("v-btn"), w = E("v-img"), k = E("v-icon"), c = E("v-card"), h = E("v-slide-group-item"), _ = E("v-slide-group");
+      const f = V("v-btn"), k = V("v-img"), w = V("v-icon"), c = V("v-card"), h = V("v-slide-group-item"), y = V("v-slide-group");
       return v(), D("div", {
         class: ye(["d-flex align-center justify-center", {
           mobileWaypointWrapper: r.value,
@@ -5581,9 +5587,9 @@ const Fr = { class: "d-flex align-center" }, Lr = { class: "d-block mr-1" }, Mr
         }])
       }, [
         oe(p.$slots, "before", {}, void 0, !0),
-        C(_, {
+        C(y, {
           modelValue: o.value,
-          "onUpdate:modelValue": i[2] || (i[2] = (y) => o.value = y),
+          "onUpdate:modelValue": i[2] || (i[2] = (_) => o.value = _),
           class: ye({ mobileWaypoint: r.value }),
           "active-class": "active-apt",
           "selected-class": "active-apt",
@@ -5592,28 +5598,28 @@ const Fr = { class: "d-flex align-center" }, Lr = { class: "d-block mr-1" }, Mr
           mandatory: ""
         }, {
           prev: b(() => [
-            r.value ? U("", !0) : (v(), V(f, {
+            r.value ? U("", !0) : (v(), E(f, {
               key: 0,
               class: ye(["carousel-button", { mobile: r.value }]),
               icon: "mdi-chevron-left",
               varient: "tonal",
               size: "small",
-              onClick: i[0] || (i[0] = (y) => n("previous"))
+              onClick: i[0] || (i[0] = (_) => n("previous"))
             }, null, 8, ["class"]))
           ]),
           next: b(() => [
-            r.value ? U("", !0) : (v(), V(f, {
+            r.value ? U("", !0) : (v(), E(f, {
               key: 0,
               class: ye(["carousel-button", { mobile: r.value }]),
               icon: "mdi-chevron-right",
               varient: "tonal",
               size: "small",
-              onClick: i[1] || (i[1] = (y) => n("next"))
+              onClick: i[1] || (i[1] = (_) => n("next"))
             }, null, 8, ["class"]))
           ]),
           default: b(() => [
-            (v(!0), D(ve, null, be(p.thumbnails, (y) => (v(), V(h, {
-              key: y.id
+            (v(!0), D(ve, null, be(p.thumbnails, (_) => (v(), E(h, {
+              key: _.id
             }, {
               default: b(({ toggle: g, selectedClass: T }) => [
                 C(c, {
@@ -5625,16 +5631,16 @@ const Fr = { class: "d-flex align-center" }, Lr = { class: "d-block mr-1" }, Mr
                   align: "center",
                   justify: "center",
                   style: { overflow: "hidden" },
-                  onClick: (O) => m(y.id, g)
+                  onClick: (O) => m(_.id, g)
                 }, {
                   default: b(() => [
-                    C(w, {
+                    C(k, {
                       cover: "",
                       "aspect-ratio": 1,
-                      src: y.thumbnailUrl
+                      src: _.thumbnailUrl
                     }, null, 8, ["src"]),
-                    e.cameraHasSunStudy(y.id) ? (v(), D("div", $r, [
-                      C(k, {
+                    e.cameraHasSunStudy(_.id) ? (v(), D("div", $r, [
+                      C(w, {
                         class: "sun-icon",
                         icon: "mdi-white-balance-sunny"
                       })
@@ -5684,7 +5690,7 @@ const Fr = { class: "d-flex align-center" }, Lr = { class: "d-block mr-1" }, Mr
       navigator.clipboard.writeText(location.href);
     }
     return (m, p) => {
-      const i = E("v-btn"), f = E("v-tooltip"), w = E("v-toolbar-title"), k = E("v-spacer"), c = E("v-toolbar"), h = E("v-card-text"), _ = E("v-card"), y = E("v-dialog");
+      const i = V("v-btn"), f = V("v-tooltip"), k = V("v-toolbar-title"), w = V("v-spacer"), c = V("v-toolbar"), h = V("v-card-text"), y = V("v-card"), _ = V("v-dialog");
       return v(), D("div", null, [
         C(f, {
           elevation: "2",
@@ -5704,14 +5710,14 @@ const Fr = { class: "d-flex align-center" }, Lr = { class: "d-block mr-1" }, Mr
           ]),
           _: 1
         }),
-        C(y, {
+        C(_, {
           id: "share-box",
           width: "400",
           modelValue: e.value,
           "onUpdate:modelValue": p[2] || (p[2] = (g) => e.value = g)
         }, {
           default: b(() => [
-            C(_, null, {
+            C(y, null, {
               default: b(() => [
                 C(c, { elevation: "0" }, {
                   default: b(() => [
@@ -5720,13 +5726,13 @@ const Fr = { class: "d-flex align-center" }, Lr = { class: "d-block mr-1" }, Mr
                       icon: "mdi-close",
                       onClick: p[1] || (p[1] = (g) => e.value = !1)
                     }),
-                    C(w, null, {
+                    C(k, null, {
                       default: b(() => [
                         te(Q(A(t).getLabel("share")), 1)
                       ]),
                       _: 1
                     }),
-                    C(k)
+                    C(w)
                   ]),
                   _: 1
                 }),
@@ -5806,7 +5812,7 @@ const Fr = { class: "d-flex align-center" }, Lr = { class: "d-block mr-1" }, Mr
                         ]),
                         _: 1
                       }),
-                      C(k)
+                      C(w)
                     ])
                   ]),
                   _: 1
@@ -5847,7 +5853,7 @@ const Fr = { class: "d-flex align-center" }, Lr = { class: "d-block mr-1" }, Mr
   setup(s, { emit: t }) {
     const e = t;
     return (n, a) => {
-      const o = E("v-btn");
+      const o = V("v-btn");
       return v(), D("div", Wr, [
         C(o, {
           density: "comfortable",
@@ -5973,12 +5979,12 @@ const Nr = {
       i18nConfig: p,
       showCarousel: i,
       showTimeOfDay: f,
-      showCompass: w,
-      showFullScreen: k,
+      showCompass: k,
+      showFullScreen: w,
       showSnapshot: c,
       showShare: h,
-      showInteriorOptions: _,
-      showMiniMap: y,
+      showInteriorOptions: y,
+      showMiniMap: _,
       showFloorLevel: g,
       defaultWaypointIndex: T,
       defaultViewMode: O,
@@ -6137,7 +6143,7 @@ const Nr = {
         const z = T.value !== null ? T.value : 0;
         re.value = z, _e.value = Z.value.cameras[z].id, ie.value = Z.value.cameras[z].id;
       }
-      y.value && (q.value = await Rt(
+      _.value && (q.value = await Rt(
         se.value,
         o.value
       ));
@@ -6260,7 +6266,7 @@ const Nr = {
       ), Z.value = await Bt(
         se.value,
         o.value
-      ), y.value && (q.value = await Rt(
+      ), _.value && (q.value = await Rt(
         se.value,
         o.value
       ));
@@ -6353,13 +6359,13 @@ const Nr = {
       }, 5e3);
     }
     return (F, z) => {
-      const le = E("v-btn");
+      const le = V("v-btn");
       return v(), D("div", {
         class: ye(["virtual-tour-wrapper", [Vt.value]])
       }, [
         ce.value ? (v(), D("div", Nr, "Error loading the player!!")) : U("", !0),
         u("div", Gr, [
-          !X.value.isActive && q.value && ie.value && ge.value && se.value && De.value ? (v(), V(Nt, {
+          !X.value.isActive && q.value && ie.value && ge.value && se.value && De.value ? (v(), E(Nt, {
             key: 0,
             "cdn-file-resolver": A(a),
             "apartment-json": M.value,
@@ -6392,13 +6398,13 @@ const Nr = {
               onPlayerApiCallback: Da
             }, {
               "slideshow-image": b(() => [
-                we.value ? (v(), V(Pr, {
+                we.value ? (v(), E(Pr, {
                   key: 0,
                   image: ne.value
                 }, null, 8, ["image"])) : U("", !0)
               ]),
               "top-left": b(() => [
-                A(I) ? (v(), V(le, {
+                A(I) ? (v(), E(le, {
                   key: 0,
                   density: "comfortable",
                   icon: "mdi-cog-outline",
@@ -6415,7 +6421,7 @@ const Nr = {
                 }, null, 512), [
                   [Se, N.value]
                 ]),
-                q.value && _e.value && ge.value ? Ce((v(), V(le, {
+                q.value && _e.value && ge.value ? Ce((v(), E(le, {
                   key: 1,
                   density: "comfortable",
                   elevation: "3",
@@ -6425,7 +6431,7 @@ const Nr = {
                 }, null, 512)), [
                   [Se, N.value]
                 ]) : U("", !0),
-                N.value && A(g) && Ve.value.length > 1 ? (v(), V(Vl, {
+                N.value && A(g) && Ve.value.length > 1 ? (v(), E(Vl, {
                   key: 2,
                   level: Fe.value,
                   "floor-levels": Ve.value,
@@ -6441,7 +6447,7 @@ const Nr = {
               ]),
               "top-center": b(() => []),
               "top-right": b(() => [
-                M.value && A(w) ? Ce((v(), D("div", Zr, [
+                M.value && A(k) ? Ce((v(), D("div", Zr, [
                   C(Nl, { rotation: Me.value }, null, 8, ["rotation"])
                 ], 512)), [
                   [Se, N.value]
@@ -6449,7 +6455,7 @@ const Nr = {
                 u("div", {
                   onClick: z[4] || (z[4] = (Ie) => De.value = !De.value)
                 }, [
-                  N.value && M.value && Pe.value && A(f) ? (v(), V(Xl, {
+                  N.value && M.value && Pe.value && A(f) ? (v(), E(Xl, {
                     key: 0,
                     hours: Je.value.hours,
                     minutes: Je.value.minutes,
@@ -6463,7 +6469,7 @@ const Nr = {
               "center-left": b(() => [
                 C($e, { name: "slide-x-transition" }, {
                   default: b(() => [
-                    we.value ? (v(), V(le, {
+                    we.value ? (v(), E(le, {
                       key: 0,
                       density: "comfortable",
                       elevation: "3",
@@ -6475,11 +6481,11 @@ const Nr = {
                 })
               ]),
               "center-center": b(() => [
-                Y.value ? (v(), V(Vs, {
+                Y.value ? (v(), E(Vs, {
                   key: 0,
                   onCloseTutorial: z[5] || (z[5] = (Ie) => ca(Ie))
                 })) : U("", !0),
-                X.value.isActive && q.value && ie.value && ge.value && De.value ? (v(), V(Nt, {
+                X.value.isActive && q.value && ie.value && ge.value && De.value ? (v(), E(Nt, {
                   key: 1,
                   "cdn-file-resolver": A(a),
                   "apartment-json": M.value,
@@ -6493,7 +6499,7 @@ const Nr = {
               "center-right": b(() => [
                 C($e, { name: "slide-x-reverse-transition" }, {
                   default: b(() => [
-                    we.value ? (v(), V(le, {
+                    we.value ? (v(), E(le, {
                       key: 0,
                       density: "comfortable",
                       elevation: "3",
@@ -6505,7 +6511,7 @@ const Nr = {
                 })
               ]),
               "bottom-left": b(() => [
-                A(k) ? (v(), V(ra, {
+                A(w) ? (v(), E(ra, {
                   key: 0,
                   "is-full-screen": X.value.isActive,
                   class: "btn-fullscreen",
@@ -6520,7 +6526,7 @@ const Nr = {
                   })
                 ])) : U("", !0),
                 u("div", Jr, [
-                  A(m) && N.value ? (v(), V(ls, {
+                  A(m) && N.value ? (v(), E(ls, {
                     key: 0,
                     "show-static-image": we.value,
                     onToggle: Oa
@@ -6539,7 +6545,7 @@ const Nr = {
                           "mb-2": !Ae.value
                         }])
                       }, [
-                        !We.value && Ge.value(ie.value) ? (v(), V(Er, {
+                        !We.value && Ge.value(ie.value) ? (v(), E(Er, {
                           key: 0,
                           class: "ml-2",
                           displaySunsim: Le.value,
@@ -6547,7 +6553,7 @@ const Nr = {
                           onToggleSunStudy: z[7] || (z[7] = (Ie) => Le.value = !Le.value)
                         }, null, 8, ["displaySunsim", "showUI"])) : U("", !0)
                       ], 2),
-                      !Ae.value && !We.value && _e.value && Le.value && Ge.value(ie.value) && Xe(ie.value)[0] && Ue.value ? (v(), V(Gt, {
+                      !Ae.value && !We.value && _e.value && Le.value && Ge.value(ie.value) && Xe(ie.value)[0] && Ue.value ? (v(), E(Gt, {
                         key: 0,
                         class: "sunsim-slider-desktop",
                         "current-day": Ge.value(ie.value) ? Xe(ie.value)[0] : void 0,
@@ -6555,7 +6561,7 @@ const Nr = {
                         onOnTimeChange: Ht,
                         onToggleSunStudy: z[8] || (z[8] = (Ie) => Le.value = !Le.value)
                       }, null, 8, ["current-day", "current-time"])) : U("", !0),
-                      !Ae.value && N.value && A(i) ? (v(), V(_t, {
+                      !Ae.value && N.value && A(i) ? (v(), E(_t, {
                         key: 1,
                         class: ye([X.value.isActive ? "full-screen" : ""]),
                         thumbnails: $.value,
@@ -6566,7 +6572,7 @@ const Nr = {
                         onGoto: xt
                       }, {
                         before: b(() => [
-                          F.enableAutoplay && N.value && !Ae.value ? (v(), V(Qt, {
+                          F.enableAutoplay && N.value && !Ae.value ? (v(), E(Qt, {
                             key: 0,
                             autoplayStatus: We.value,
                             onToggleAutoPlay: z[9] || (z[9] = (Ie) => Pt())
@@ -6581,7 +6587,7 @@ const Nr = {
               ]),
               "bottom-right": b(() => [
                 u("div", Kr, [
-                  N.value && A(_) && me.value ? (v(), V(jl, {
+                  N.value && A(y) && me.value ? (v(), E(jl, {
                     key: 0,
                     "cdn-file-resolver": A(a),
                     "available-archetypes": me.value,
@@ -6594,7 +6600,7 @@ const Nr = {
             }, 8, ["cdn-file-resolver", "style", "show-static-image", "current-camera-id", "mouse-sensitivity", "interior-id", "apartment-id"]),
             C($e, null, {
               default: b(() => [
-                A(i) && Z.value && Ae.value && N.value ? (v(), V(_t, {
+                A(i) && Z.value && Ae.value && N.value ? (v(), E(_t, {
                   key: 0,
                   class: "waypoint-carousel below-player",
                   thumbnails: $.value,
@@ -6605,7 +6611,7 @@ const Nr = {
                   onGoto: xt
                 }, {
                   before: b(() => [
-                    F.enableAutoplay && N.value ? (v(), V(Qt, {
+                    F.enableAutoplay && N.value ? (v(), E(Qt, {
                       key: 0,
                       autoplayStatus: We.value,
                       onToggleAutoPlay: z[10] || (z[10] = (Ie) => Pt())
@@ -6617,7 +6623,7 @@ const Nr = {
               _: 1
             }),
             Ae.value ? (v(), D("div", ei, [
-              !We.value && _e.value && Le.value && Ge.value(ie.value) && Xe(ie.value)[0] && Ue.value ? (v(), V(Gt, {
+              !We.value && _e.value && Le.value && Ge.value(ie.value) && Xe(ie.value)[0] && Ue.value ? (v(), E(Gt, {
                 key: 0,
                 class: "mt-1",
                 "current-day": Ge.value(ie.value) ? Xe(ie.value)[0] : void 0,
@@ -6741,13 +6747,13 @@ const Nr = {
       i < 0 && (i = a.value.length - 1), e.value = i;
     }
     function p(i, f = !0) {
-      let w = a.value.findIndex(
-        (k) => k.id === i
+      let k = a.value.findIndex(
+        (w) => w.id === i
       );
-      w != -1 && (e.value = w);
+      k != -1 && (e.value = k);
     }
     return (i, f) => {
-      const w = E("v-img"), k = E("v-btn");
+      const k = V("v-img"), w = V("v-btn");
       return v(), D("div", gi, [
         u("div", yi, [
           u("div", null, [
@@ -6756,7 +6762,7 @@ const Nr = {
             }, {
               "slideshow-image": b(() => [
                 u("div", _i, [
-                  C(w, {
+                  C(k, {
                     src: o.value.thumbnailUrl
                   }, null, 8, ["src"])
                 ])
@@ -6767,7 +6773,7 @@ const Nr = {
               "center-left": b(() => [
                 C($e, { name: "slide-x-transition" }, {
                   default: b(() => [
-                    a.value.length > 1 ? (v(), V(k, {
+                    a.value.length > 1 ? (v(), E(w, {
                       key: 0,
                       density: "comfortable",
                       elevation: "3",
@@ -6782,7 +6788,7 @@ const Nr = {
               "center-right": b(() => [
                 C($e, { name: "slide-x-reverse-transition" }, {
                   default: b(() => [
-                    a.value.length > 1 ? (v(), V(k, {
+                    a.value.length > 1 ? (v(), E(w, {
                       key: 0,
                       density: "comfortable",
                       elevation: "3",
@@ -6794,7 +6800,7 @@ const Nr = {
                 })
               ]),
               "bottom-left": b(() => [
-                i.showFullScreen ? (v(), V(ra, {
+                i.showFullScreen ? (v(), E(ra, {
                   key: 0,
                   "is-full-screen": n.value.isActive,
                   class: "btn-fullscreen",
@@ -6806,7 +6812,7 @@ const Nr = {
               ]),
               "bottom-center": b(() => [
                 u("div", null, [
-                  n.value.isActive && a.value.length > 1 ? (v(), V(_t, {
+                  n.value.isActive && a.value.length > 1 ? (v(), E(_t, {
                     key: 0,
                     class: ye([n.value.isActive ? "full-screen" : ""]),
                     thumbnails: a.value,
@@ -6820,7 +6826,7 @@ const Nr = {
               "bottom-right": b(() => []),
               _: 1
             }, 8, ["is-full-screen"]),
-            a.value.length > 1 ? (v(), V(_t, {
+            a.value.length > 1 ? (v(), E(_t, {
               key: 0,
               thumbnails: a.value,
               active: e.value,
@@ -6846,27 +6852,27 @@ const Nr = {
   },
   emits: ["apartmentJsonLoaded", "minimapJsonLoaded", "cameraSet"],
   setup(s, { emit: t }) {
-    const n = Ee(s), a = t, o = d(), r = d(), l = d(), m = d(0), p = d(), i = d(1), f = B(() => n.currentCamera.value ? n.currentCamera.value : o.value ? o.value.cameras[0].id : null), w = B(() => ({
+    const n = Ee(s), a = t, o = d(), r = d(), l = d(), m = d(0), p = d(), i = d(1), f = B(() => n.currentCamera.value ? n.currentCamera.value : o.value ? o.value.cameras[0].id : null), k = B(() => ({
       transformOrigin: "top left",
       transform: `scale(${i.value})`
     }));
     H(p, () => {
-      p.value && new ResizeObserver(([y]) => {
-        const g = y.target.parentElement, T = g.parentElement;
-        i.value = T.clientWidth / 512, g.style.height = `${y.contentRect.height * i.value}px`;
+      p.value && new ResizeObserver(([_]) => {
+        const g = _.target.parentElement, T = g.parentElement;
+        i.value = T.clientWidth / 512, g.style.height = `${_.contentRect.height * i.value}px`;
       }).observe(p.value);
     }), H(f, () => {
       a("cameraSet", f.value);
     });
-    const k = B(() => {
-      const y = ue(n.cdnFileResolver.value, "").replace(
+    const w = B(() => {
+      const _ = ue(n.cdnFileResolver.value, "").replace(
         `/${o.value.type}/${o.value.id}`,
         ""
       );
-      return (g) => `${y}${g}`;
+      return (g) => `${_}${g}`;
     }), c = B(() => {
-      var _;
-      return (_ = r.value) == null ? void 0 : _.storeys[n.level.value || 0];
+      var y;
+      return (y = r.value) == null ? void 0 : y.storeys[n.level.value || 0];
     });
     H(
       n.cdnFileResolver,
@@ -6888,24 +6894,24 @@ const Nr = {
       },
       { immediate: !0 }
     );
-    function h(_) {
-      l.value = _;
+    function h(y) {
+      l.value = y;
     }
-    return (_, y) => {
-      const g = E("v-skeleton-loader");
-      return v(), V(g, {
+    return (y, _) => {
+      const g = V("v-skeleton-loader");
+      return v(), E(g, {
         loading: !o.value || !r.value
       }, {
         default: b(() => [
           u("div", null, [
             u("div", {
-              style: de({ ...w.value, position: "relative" }),
+              style: de({ ...k.value, position: "relative" }),
               ref_key: "fitContainer",
               ref: p
             }, [
-              _.hideCompass !== !0 ? (v(), V(oa, {
+              y.hideCompass !== !0 ? (v(), E(oa, {
                 key: 0,
-                scale: _.compassScale || 1,
+                scale: y.compassScale || 1,
                 rotation: c.value.rotation.y,
                 "transform-angle": m.value
               }, null, 8, ["scale", "rotation", "transform-angle"])) : U("", !0),
@@ -6913,7 +6919,7 @@ const Nr = {
                 "transform-angle": m.value,
                 "all-cameras": o.value.cameras,
                 "background-image": l.value,
-                rotation: _.rotation || 0,
+                rotation: y.rotation || 0,
                 "current-camera": f.value,
                 storey: c.value,
                 containerWidth: 512,
@@ -6921,7 +6927,7 @@ const Nr = {
                 fit: ""
               }, {
                 default: b(({ id: T, camera: O, active: P, style: I }) => [
-                  oe(_.$slots, "default", {
+                  oe(y.$slots, "default", {
                     id: T,
                     camera: O,
                     active: P,
@@ -6930,12 +6936,12 @@ const Nr = {
                 ]),
                 _: 3
               }, 8, ["transform-angle", "all-cameras", "background-image", "rotation", "current-camera", "storey"]),
-              _.hideSlider !== !0 ? (v(), V(la, {
+              y.hideSlider !== !0 ? (v(), E(la, {
                 key: 1,
-                "cdn-file-resolver": k.value,
+                "cdn-file-resolver": w.value,
                 "minimap-json": r.value,
                 "apartment-json": o.value,
-                level: _.level || 0,
+                level: y.level || 0,
                 onSetBackgroundImage: h
               }, null, 8, ["cdn-file-resolver", "minimap-json", "apartment-json", "level"])) : U("", !0)
             ], 4)
@@ -6972,7 +6978,7 @@ const Nr = {
   },
   setup(s) {
     const t = s, { dayData: e, cdnFileResolver: n, currentTime: a } = Ee(t);
-    return (o, r) => (v(!0), D(ve, null, be(A(e).timeSamples, (l) => (v(), V(xi, {
+    return (o, r) => (v(!0), D(ve, null, be(A(e).timeSamples, (l) => (v(), E(xi, {
       key: l.filename,
       "time-sample-data": l,
       "cdn-file-resolver": A(n),
@@ -6993,7 +6999,7 @@ const Nr = {
       n.value,
       a.value.defaultFilename
     ));
-    return (l, m) => A(e).sunsimDayOfYear ? (v(!0), D(ve, { key: 0 }, be(A(e).sunsimDayOfYear, (p) => (v(), V(Di, {
+    return (l, m) => A(e).sunsimDayOfYear ? (v(!0), D(ve, { key: 0 }, be(A(e).sunsimDayOfYear, (p) => (v(), E(Di, {
       key: p.dayOfYear,
       "day-data": p,
       "cdn-file-resolver": A(n),
@@ -7057,11 +7063,11 @@ const Ti = {
         )
       );
     }), (p, i) => {
-      const f = E("v-btn"), w = E("v-field"), k = E("v-list-item-title"), c = E("v-list-item"), h = E("v-list"), _ = E("v-menu");
+      const f = V("v-btn"), k = V("v-field"), w = V("v-list-item-title"), c = V("v-list-item"), h = V("v-list"), y = V("v-menu");
       return A(a).sunsimDayOfYear && A(a).sunsimDayOfYear.length > 0 ? (v(), D("div", Ti, [
-        C(_, null, {
-          activator: b(({ props: y }) => [
-            C(w, {
+        C(y, null, {
+          activator: b(({ props: _ }) => [
+            C(k, {
               variant: "solo-filled",
               rounded: "",
               flat: ""
@@ -7076,7 +7082,7 @@ const Ti = {
                   "append-icon": A(a).sunsimDayOfYear.length > 1 ? "mdi-menu-down" : void 0,
                   disabled: A(r),
                   size: A(n) ? "small" : void 0
-                }, y), {
+                }, _), {
                   default: b(() => [
                     te(Q(A(Zt)(m.value)), 1)
                   ]),
@@ -7089,15 +7095,15 @@ const Ti = {
           default: b(() => [
             C(h, null, {
               default: b(() => [
-                (v(!0), D(ve, null, be(A(a).sunsimDayOfYear, (y, g) => (v(), V(c, {
+                (v(!0), D(ve, null, be(A(a).sunsimDayOfYear, (_, g) => (v(), E(c, {
                   key: g,
                   value: g,
-                  onClick: (T) => m.value = y.dayOfYear
+                  onClick: (T) => m.value = _.dayOfYear
                 }, {
                   default: b(() => [
-                    C(k, null, {
+                    C(w, null, {
                       default: b(() => [
-                        te(Q(A(Zt)(y.dayOfYear)), 1)
+                        te(Q(A(Zt)(_.dayOfYear)), 1)
                       ]),
                       _: 2
                     }, 1024)
@@ -7146,8 +7152,8 @@ const Ti = {
     function i(f) {
       l.value || (m.value = f);
     }
-    return (f, w) => {
-      const k = E("v-icon");
+    return (f, k) => {
+      const w = V("v-icon");
       return v(), D("div", {
         class: ye({
           "d-flex": !0,
@@ -7165,7 +7171,7 @@ const Ti = {
             class: ye(["still-camera-image d-flex flex-column flex-reverse align-center elevation-2", {
               "active-camera": c === m.value
             }]),
-            onClick: (_) => i(c)
+            onClick: (y) => i(c)
           }, [
             c.cameraName ? (v(), D("div", Ri, Q(c.cameraName), 1)) : U("", !0),
             u("div", {
@@ -7178,7 +7184,7 @@ const Ti = {
               })
             }, null, 4),
             c.sunsimDayOfYear && c.sunsimDayOfYear.length > 1 ? (v(), D("div", Ui, [
-              C(k, {
+              C(w, {
                 size: "x-small",
                 color: "warning",
                 style: { opacity: "0.6" }
@@ -7215,7 +7221,7 @@ const Ti = {
         )
       );
     }), (p, i) => {
-      const f = E("v-icon"), w = E("v-slider"), k = E("v-field");
+      const f = V("v-icon"), k = V("v-slider"), w = V("v-field");
       return v(), D("div", {
         class: ye({ "d-inline-block": !0, mobile: A(n) }),
         style: de({
@@ -7223,7 +7229,7 @@ const Ti = {
           verticalAlign: "top"
         })
       }, [
-        C(k, {
+        C(w, {
           style: de(
             A(a).timeSamples.length > 1 ? {
               width: A(n) ? "100%" : "300px",
@@ -7241,7 +7247,7 @@ const Ti = {
           flat: ""
         }, {
           default: b(() => [
-            A(a).timeSamples.length > 1 ? (v(), V(w, {
+            A(a).timeSamples.length > 1 ? (v(), E(k, {
               key: 0,
               class: "pa-2 pr-2",
               modelValue: m.value,
@@ -7303,7 +7309,7 @@ const Ti = {
   setup(s, { emit: t }) {
     const e = s, { isMobileSized: n, canZoomIn: a, canZoomOut: o, disabled: r } = Ee(e), l = t;
     return (m, p) => {
-      const i = E("v-btn");
+      const i = V("v-btn");
       return v(), D("div", Ni, [
         C(i, {
           disabled: A(r) || !A(a),
@@ -7339,14 +7345,14 @@ const Ti = {
     const e = s, { cdnFileResolver: n, colorCallback: a, currentCamera: o, selectedId: r } = Ee(e), l = t, m = d(!0), p = d(), i = d(), f = bt({});
     Be(() => {
       for (const c in f) {
-        const { element: h, state: _ } = f[c], { r: y, g, b: T, a: O, s: P } = a.value(c, _) || {
+        const { element: h, state: y } = f[c], { r: _, g, b: T, a: O, s: P } = a.value(c, y) || {
           r: 0,
           g: 0,
           b: 0,
           a: 0,
           s: 0
         };
-        h.style.fill = `rgba(${y}, ${g}, ${T}, ${O / 255})`, h.style.stroke = `rgb(${y}, ${g}, ${T})`, h.style.strokeWidth = P.toString(), h.style.cursor = "pointer";
+        h.style.fill = `rgba(${_}, ${g}, ${T}, ${O / 255})`, h.style.stroke = `rgb(${_}, ${g}, ${T})`, h.style.strokeWidth = P.toString(), h.style.cursor = "pointer";
       }
     }), H(r, () => {
       for (const c in f)
@@ -7355,7 +7361,7 @@ const Ti = {
       try {
         m.value = !1, p.value = await Oe.loadText(
           ue(n.value, o.value.overlayFilename)
-        ), k();
+        ), w();
       } catch (c) {
         l("onError", c);
       } finally {
@@ -7364,19 +7370,19 @@ const Ti = {
     }), H(
       () => i.value,
       () => {
-        i.value && new ResizeObserver(w).observe(i.value);
+        i.value && new ResizeObserver(k).observe(i.value);
       }
     );
-    function w() {
+    function k() {
       ke(() => {
         var h;
         const c = (h = i.value) == null ? void 0 : h.firstChild;
         if (c) {
           if (!c.hasAttribute("viewBox")) {
-            const _ = `0 0 ${c.getAttribute(
+            const y = `0 0 ${c.getAttribute(
               "width"
             )} ${c.getAttribute("height")}`;
-            c.setAttribute("viewBox", _);
+            c.setAttribute("viewBox", y);
           }
           c.setAttribute(
             "width",
@@ -7391,22 +7397,22 @@ const Ti = {
     H(
       () => e.activeStructureIds,
       () => {
-        k();
+        w();
       },
       { immediate: !0, deep: !0 }
     );
-    function k() {
+    function w() {
       ke(() => {
         var h;
         const c = (h = i.value) == null ? void 0 : h.firstChild;
         if (c) {
-          l("updateSvgContainer", c), w();
-          let _, y = "data-structure-id";
-          _ = c.querySelectorAll(`[${y}]`), _.length === 0 && (y = "data-apartment-id", _ = c.querySelectorAll(`[${y}]`), _.length === 0 && (y = "data-building-id", _ = c.querySelectorAll(`[${y}]`))), _.forEach((g) => {
+          l("updateSvgContainer", c), k();
+          let y, _ = "data-structure-id";
+          y = c.querySelectorAll(`[${_}]`), y.length === 0 && (_ = "data-apartment-id", y = c.querySelectorAll(`[${_}]`), y.length === 0 && (_ = "data-building-id", y = c.querySelectorAll(`[${_}]`))), y.forEach((g) => {
             g.style.strokeWidth = "0", g.style.stroke = "rgba(255,255,255,0)", g.style.fill = "rgba(255,255,255,0)", g.querySelectorAll("path").forEach((O) => {
               O.style.stroke = "inherit", O.style.fill = "inherit";
             });
-            const T = g.getAttribute(y);
+            const T = g.getAttribute(_);
             f[T] = {
               element: g,
               state: r.value === T ? "selected" : "idle"
@@ -7421,7 +7427,7 @@ const Ti = {
         }
       });
     }
-    return (c, h) => (v(), V($e, null, {
+    return (c, h) => (v(), E($e, null, {
       default: b(() => [
         Ce((v(), D("div", {
           ref_key: "svgContainer",
@@ -7762,14 +7768,14 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
       selectedId: p,
       defaultCamera: i,
       defaultDay: f,
-      defaultTime: w,
-      mobileBreakpoint: k
+      defaultTime: k,
+      mobileBreakpoint: w
     } = Ee(n), c = e;
     nt(
       Re,
       l.value ? new Ye(l.value) : new Ye()
     );
-    const h = d(), _ = d(), y = d(), g = d(null), T = d(4), O = d(), P = d(!1), I = d(!1), L = d(), J = B(() => L.value.isHoverEnabled), R = d({ x: 0, y: 0, width: 0, height: 0 }), ee = d(), x = d(), S = d(), Y = d(!1), G = d(), ce = d({
+    const h = d(), y = d(), _ = d(), g = d(null), T = d(4), O = d(), P = d(!1), I = d(!1), L = d(), J = B(() => L.value.isHoverEnabled), R = d({ x: 0, y: 0, width: 0, height: 0 }), ee = d(), x = d(), S = d(), Y = d(!1), G = d(), ce = d({
       current: 100,
       min: 100,
       max: 1e3
@@ -7777,8 +7783,8 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
     t({
       getState: () => ({
         currentCamera: h.value,
-        currentDay: _.value,
-        currentTime: y.value,
+        currentDay: y.value,
+        currentTime: _.value,
         currentTransition: g.value,
         currentScene: T.value,
         currentZoom: ce.value.current
@@ -7792,8 +7798,8 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
       }) => {
         ke(() => {
           h.value = $, ke(() => {
-            _.value = ne, ke(() => {
-              y.value = fe, ke(() => {
+            y.value = ne, ke(() => {
+              _.value = fe, ke(() => {
                 g.value = me, ke(() => {
                   T.value = ge;
                 });
@@ -7834,7 +7840,7 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
       () => x.value,
       () => {
         x.value && new ResizeObserver(([ne]) => {
-          Y.value = ne.contentRect.width < k.value;
+          Y.value = ne.contentRect.width < w.value;
         }).observe(x.value);
       }
     );
@@ -7856,19 +7862,19 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
     ), H(
       [S, o, f],
       () => {
-        S.value && o.value && h.value && h.value.sunsimDayOfYear && h.value.sunsimDayOfYear.length > 0 && (f.value ? _.value = h.value.sunsimDayOfYear.find(
+        S.value && o.value && h.value && h.value.sunsimDayOfYear && h.value.sunsimDayOfYear.length > 0 && (f.value ? y.value = h.value.sunsimDayOfYear.find(
           ($) => $.dayOfYear === f.value
-        ) || h.value.sunsimDayOfYear[0] : _.value = h.value.sunsimDayOfYear[0]);
+        ) || h.value.sunsimDayOfYear[0] : y.value = h.value.sunsimDayOfYear[0]);
       },
       { immediate: !0 }
     ), H(
-      [S, o, w],
+      [S, o, k],
       () => {
-        S.value && o.value && _.value && _.value.timeSamples && _.value.timeSamples.length > 0 && (w.value ? y.value = _.value.timeSamples.find(
-          ($) => $.timeInHours === w.value
-        ) || _.value.timeSamples[0] : y.value = _.value.timeSamples.find(
-          ($) => $.timeInHours === _.value.defaultHour
-        ) || _.value.timeSamples[0]);
+        S.value && o.value && y.value && y.value.timeSamples && y.value.timeSamples.length > 0 && (k.value ? _.value = y.value.timeSamples.find(
+          ($) => $.timeInHours === k.value
+        ) || y.value.timeSamples[0] : _.value = y.value.timeSamples.find(
+          ($) => $.timeInHours === y.value.defaultHour
+        ) || y.value.timeSamples[0]);
       },
       { immediate: !0 }
     );
@@ -7885,7 +7891,7 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
       }), g.value = null);
     }
     function ie($) {
-      const ne = _.value;
+      const ne = y.value;
       h.value = $, T.value = S.value.cameras.findIndex(
         (fe) => fe === h.value
       ), ke(() => {
@@ -7897,19 +7903,19 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
       });
     }
     function Me($) {
-      const ne = y.value;
-      _.value = $, ke(() => {
+      const ne = _.value;
+      y.value = $, ke(() => {
         Fe(
-          _.value.timeSamples.find(
+          y.value.timeSamples.find(
             (fe) => fe.timeInHours === ne.timeInHours
-          ) || _.value.timeSamples.find(
-            (fe) => fe.timeInHours === _.value.defaultHour
-          ) || _.value.timeSamples[0]
+          ) || y.value.timeSamples.find(
+            (fe) => fe.timeInHours === y.value.defaultHour
+          ) || y.value.timeSamples[0]
         );
       });
     }
     function Fe($) {
-      y.value = $;
+      _.value = $;
     }
     function je($) {
       c("onClick", $, () => {
@@ -7993,7 +7999,7 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
     }
     const ze = ($) => $ * (180 / Math.PI);
     return ($, ne) => {
-      const fe = E("v-skeleton-loader");
+      const fe = V("v-skeleton-loader");
       return v(), D(ve, null, [
         C(fe, {
           type: "image",
@@ -8018,7 +8024,7 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
                       top: Y.value && ae.value.length > 1 ? "60px" : 0
                     })
                   }, [
-                    h.value.cameraRotation ? (v(), V(st, {
+                    h.value.cameraRotation ? (v(), E(st, {
                       key: 0,
                       class: "mb-2",
                       style: de({
@@ -8061,15 +8067,15 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
                     onUpdate: Le
                   }, {
                     default: b(() => [
-                      (v(!0), D(ve, null, be(ae.value, (me, ge) => (v(), V(Fi, {
+                      (v(!0), D(ve, null, be(ae.value, (me, ge) => (v(), E(Fi, {
                         key: `camera${ge}`,
                         "camera-data": me,
                         "cdn-file-resolver": A(o),
                         "current-camera": h.value,
-                        "current-day": _.value,
-                        "current-time": y.value
+                        "current-day": y.value,
+                        "current-time": _.value
                       }, null, 8, ["camera-data", "cdn-file-resolver", "current-camera", "current-day", "current-time"]))), 128)),
-                      (v(!0), D(ve, null, be(re.value, (me, ge) => (v(), V(Oi, {
+                      (v(!0), D(ve, null, be(re.value, (me, ge) => (v(), E(Oi, {
                         key: `transition${ge}`,
                         "transition-data": me,
                         "cdn-file-resolver": A(o),
@@ -8081,7 +8087,7 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
                         style: { "z-index": "6", "pointer-events": "none" },
                         innerHTML: A(m)
                       }, null, 8, ou)) : U("", !0),
-                      h.value.overlayFilename && !j.value ? Ce((v(), V(Ji, {
+                      h.value.overlayFilename && !j.value ? Ce((v(), E(Ji, {
                         key: q.value,
                         "cdn-file-resolver": A(o),
                         "color-callback": A(r),
@@ -8100,7 +8106,7 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
                     ]),
                     _: 3
                   }, 512),
-                  $.showUi && (_.value && _.value.timeSamples && _.value.timeSamples.length > 1 || h.value.sunsimDayOfYear && h.value.sunsimDayOfYear.length > 1) ? (v(), D("div", {
+                  $.showUi && (y.value && y.value.timeSamples && y.value.timeSamples.length > 1 || h.value.sunsimDayOfYear && h.value.sunsimDayOfYear.length > 1) ? (v(), D("div", {
                     key: 2,
                     class: ye({
                       "actions-bar top-left pa-2 d-flex": !0,
@@ -8112,19 +8118,19 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
                       class: "pr-2",
                       "is-mobile-sized": Y.value,
                       "current-camera": h.value,
-                      "current-day": _.value,
+                      "current-day": y.value,
                       disabled: I.value,
                       onOnDayChange: Me
                     }, null, 8, ["is-mobile-sized", "current-camera", "current-day", "disabled"]),
                     C(Wi, {
                       "is-mobile-sized": Y.value,
-                      "current-day": _.value,
-                      "current-time": y.value,
+                      "current-day": y.value,
+                      "current-time": _.value,
                       disabled: I.value,
                       onOnTimeChange: Fe
                     }, null, 8, ["is-mobile-sized", "current-day", "current-time", "disabled"])
                   ], 2)) : U("", !0),
-                  $.$slots.popup && R.value && O.value ? (v(), V(ot, {
+                  $.$slots.popup && R.value && O.value ? (v(), E(ot, {
                     key: 3,
                     "is-hoverable": J.value,
                     pos: R.value