@qispace/vue3-player 0.2.6 → 0.2.8

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

@@ -1,8 +1,8 @@
 var jt = Object.defineProperty;
 var Pt = (l, a, e) => a in l ? jt(l, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : l[a] = e;
 var re = (l, a, e) => (Pt(l, typeof a != "symbol" ? a + "" : a, e), e);
-import { defineComponent as j, ref as p, computed as O, openBlock as m, createElementBlock as A, watch as H, onMounted as ye, onBeforeUnmount as Ye, withDirectives as pe, createElementVNode as d, normalizeStyle as ue, vShow as ge, createVNode as b, Fragment as ie, renderList as ve, createCommentVNode as $, inject as Ge, resolveComponent as V, withCtx as _, toDisplayString as G, unref as T, createTextVNode as ee, normalizeClass as he, createBlock as E, renderSlot as se, provide as Qe, reactive as st, watchEffect as xe, resolveDynamicComponent as xt, normalizeProps as tt, guardReactiveProps as nt, mergeProps as Se, nextTick as ke, Transition as Ee, createSlots as Wt, pushScopeId as rt, popScopeId as it, vModelText as Nt, createStaticVNode as At, onBeforeUpdate as Gt, toRefs as Oe } from "vue";
-import pt from "axios";
+import { defineComponent as j, ref as p, computed as O, openBlock as m, createElementBlock as A, watch as H, onMounted as ye, onBeforeUnmount as Ye, withDirectives as pe, createElementVNode as d, normalizeStyle as ie, vShow as ge, createVNode as b, Fragment as ue, renderList as ve, createCommentVNode as $, inject as Ge, resolveComponent as V, withCtx as _, toDisplayString as G, unref as T, createTextVNode as ee, normalizeClass as he, createBlock as E, renderSlot as se, provide as Qe, reactive as st, watchEffect as xe, resolveDynamicComponent as xt, normalizeProps as tt, guardReactiveProps as nt, mergeProps as Se, nextTick as ke, Transition as Ee, createSlots as Wt, pushScopeId as rt, popScopeId as it, vModelText as Nt, createStaticVNode as At, onBeforeUpdate as Gt, toRefs as Oe } from "vue";
+import mt from "axios";
 import * as Qt from "@qispace/player-core";
 import * as He from "three";
 class Ce {
@@ -19,10 +19,10 @@ class Ce {
     return new Ce().loadImageData(a);
   }
   async loadText(a) {
-    return (await pt.get(a)).data;
+    return (await mt.get(a)).data;
   }
   async loadJson(a) {
-    return (await pt.get(a)).data;
+    return (await mt.get(a)).data;
   }
   async loadImage(a) {
     return new Promise((e, t) => {
@@ -76,20 +76,20 @@ const qt = /* @__PURE__ */ j({
   },
   emits: ["selectUnit", "goToUnit", "hoverOver", "hoverOut", "pos"],
   setup(l, { emit: a }) {
-    const e = l, t = a, n = p({ x: 0, y: 0, width: 0, height: 0 }), o = p(0), i = p(0), s = p(), v = p(), u = p(), r = p(), h = p(-1), k = p(!1), f = p(), c = p(), g = p({}), I = p("auto"), S = p(new Ce()), y = p({}), R = p(), F = p(), Y = p(), D = p(), C = p(), W = O(() => Y.value.isHoverEnabled), L = O(() => ce(
+    const e = l, t = a, n = p({ x: 0, y: 0, width: 0, height: 0 }), o = p(0), i = p(0), s = p(), v = p(), u = p(), r = p(), g = p(-1), k = p(!1), h = p(), c = p(), f = p({}), S = p("auto"), I = p(new Ce()), y = p({}), R = p(), F = p(), Y = p(), D = p(), C = p(), W = O(() => Y.value.isHoverEnabled), L = O(() => ce(
       e.cdnFileResolver,
       `/scenedata${e.viewModel.currentScene}.png`
-    )), Z = O(() => L.value in g.value ? g.value[L.value] : null), w = O(() => h.value < 0 ? !1 : e.sceneData.find((N) => N.index === h.value) || !1), M = O(() => ({
+    )), Z = O(() => L.value in f.value ? f.value[L.value] : null), w = O(() => g.value < 0 ? !1 : e.sceneData.find((N) => N.index === g.value) || !1), M = O(() => ({
       width: o.value + "px",
       height: i.value + "px",
-      cursor: I.value
+      cursor: S.value
     })), q = O(() => `hover-${k.value ? "over" : "out"}-${w.value ? typeof w.value == "object" && "unitId" in w.value ? w.value.unitId : w.value : ""}`);
     H(
       L,
       () => {
-        g.value[L.value] || S.value.loadImageData(L.value).then((z) => {
-          g.value = {
-            ...g.value,
+        f.value[L.value] || I.value.loadImageData(L.value).then((z) => {
+          f.value = {
+            ...f.value,
             [L.value]: z
           };
         });
@@ -113,7 +113,7 @@ const qt = /* @__PURE__ */ j({
         be();
       }
     ), H(w, () => {
-      be(), w.value ? I.value = "pointer" : I.value = "auto";
+      be(), w.value ? S.value = "pointer" : S.value = "auto";
     }), H(q, () => {
       k.value ? t("hoverOver", {
         hoverUnit: w.value ? w.value.unitId : !1,
@@ -132,8 +132,8 @@ const qt = /* @__PURE__ */ j({
       }, window.addEventListener("resize", F.value), De();
     }), Ye(() => {
       window.removeEventListener("resize", F.value);
-      for (const z in g.value)
-        URL.revokeObjectURL(g.value[z]);
+      for (const z in f.value)
+        URL.revokeObjectURL(f.value[z]);
     });
     function Q() {
       s.value = D.value.getContext("2d", { willReadFrequently: !0 }), v.value = new Image(), v.value.onload = () => {
@@ -142,7 +142,7 @@ const qt = /* @__PURE__ */ j({
     }
     function oe(z) {
       const N = J(z.offsetX, z.offsetY);
-      k.value = N >= 0, h.value = N, n.value = {
+      k.value = N >= 0, g.value = N, n.value = {
         x: z.offsetX,
         y: z.offsetY,
         width: o.value,
@@ -181,7 +181,7 @@ const qt = /* @__PURE__ */ j({
       }
     }
     function J(z, N) {
-      f.value = z, c.value = N;
+      h.value = z, c.value = N;
       const ae = D.value.offsetWidth / D.value.width, $e = D.value.offsetHeight / D.value.height, Ue = (z / ae).toFixed(), Be = (N / $e).toFixed(), Ve = Number(Be) * (D.value.width * 4) + Number(Ue) * 4, ct = r.value.data[Ve];
       return r.value.data[Ve + 3] > 0 ? ct : -1;
     }
@@ -192,7 +192,7 @@ const qt = /* @__PURE__ */ j({
           if (ae) {
             const $e = me(N.index);
             let Ue = "idle";
-            !w.value && e.selectedUnitId && $e === e.selectedUnitId ? Ue = "selected" : w.value && h.value === N.index && (Ue = "hover");
+            !w.value && e.selectedUnitId && $e === e.selectedUnitId ? Ue = "selected" : w.value && g.value === N.index && (Ue = "hover");
             const Be = e.colorCallback(N.unitId, Ue);
             if (Be)
               for (let Ve = 0; Ve < ae.length; Ve++)
@@ -262,7 +262,7 @@ const qt = /* @__PURE__ */ j({
         id: "canvas-mask",
         ref_key: "canvas",
         ref: D,
-        style: ue(M.value),
+        style: ie(M.value),
         onClick: P
       }, null, 4), [
         [ge, !z.viewModel.isRotating]
@@ -286,7 +286,7 @@ const qt = /* @__PURE__ */ j({
   },
   emits: ["selectUnit", "goToUnit", "hoverOver", "hoverOut", "pos"],
   setup(l, { emit: a }) {
-    const e = l, t = a, n = p({ x: 0, y: 0, width: 0, height: 0 }), o = p(-1), i = p({}), s = p(null), v = p(new Ce()), u = p(), r = p(), h = O(() => r.value.isHoverEnabled);
+    const e = l, t = a, n = p({ x: 0, y: 0, width: 0, height: 0 }), o = p(-1), i = p({}), s = p(null), v = p(new Ce()), u = p(), r = p(), g = O(() => r.value.isHoverEnabled);
     H(
       () => e.viewModel.currentScene,
       () => {
@@ -303,7 +303,7 @@ const qt = /* @__PURE__ */ j({
       t("pos", n.value);
     }), H(o, (F, Y) => {
       if (F >= 0) {
-        const D = f(F);
+        const D = h(F);
         t("hoverOver", {
           hoverUnit: D,
           closeHandler: () => {
@@ -311,7 +311,7 @@ const qt = /* @__PURE__ */ j({
           }
         });
       } else {
-        const D = f(Y);
+        const D = h(Y);
         t("hoverOut", {
           hoverUnit: D,
           closeHandler: () => {
@@ -347,24 +347,24 @@ const qt = /* @__PURE__ */ j({
         height: u.value.offsetHeight
       };
     }
-    function f(F) {
+    function h(F) {
       var Y;
       return (Y = e.sceneData.find(
         (D) => D.index === (typeof F == "string" ? parseInt(F) : F)
       )) == null ? void 0 : Y.unitId;
     }
     function c(F) {
-      h.value && (o.value = F);
-    }
-    function g(F) {
-      h.value && (o.value = -1);
+      g.value && (o.value = F);
     }
-    function I(F) {
-      const Y = f(F);
-      t("selectUnit", Y), h.value && Y && e.canGoToUnitCallback(Y) ? t("goToUnit", Y) : o.value = F;
+    function f(F) {
+      g.value && (o.value = -1);
     }
     function S(F) {
-      const Y = f(F);
+      const Y = h(F);
+      t("selectUnit", Y), g.value && Y && e.canGoToUnitCallback(Y) ? t("goToUnit", Y) : o.value = F;
+    }
+    function I(F) {
+      const Y = h(F);
       let D = "idle";
       o.value < 0 && e.selectedUnitId && Y === e.selectedUnitId ? D = "selected" : o.value >= 0 && o.value === F && (D = "hover");
       const C = e.colorCallback(Y, D);
@@ -401,7 +401,7 @@ const qt = /* @__PURE__ */ j({
     }, [
       pe(d("div", {
         class: "svg-container",
-        style: ue({
+        style: ie({
           opacity: !s.value || !s.value.svgObjects ? 0 : 1
         })
       }, [
@@ -409,13 +409,13 @@ const qt = /* @__PURE__ */ j({
           key: 0,
           viewBox: s.value.viewBox
         }, [
-          (m(!0), A(ie, null, ve(s.value.svgObjects, ({ index: D, svg: C }) => (m(), A("g", {
+          (m(!0), A(ue, null, ve(s.value.svgObjects, ({ index: D, svg: C }) => (m(), A("g", {
             key: D,
             innerHTML: C,
-            style: ue(S(D)),
+            style: ie(I(D)),
             onMouseenter: (W) => c(D),
-            onMouseleave: (W) => g(),
-            onClick: (W) => I(D)
+            onMouseleave: (W) => f(),
+            onClick: (W) => S(D)
           }, null, 44, Kt))), 128))
         ], 8, Xt)) : $("", !0)
       ], 4), [
@@ -452,15 +452,15 @@ const qt = /* @__PURE__ */ j({
       u.keyCode === 37 ? e.prevUnitId && i("prevUnit") : u.keyCode === 39 && e.nextUnitId && i("nextUnit");
     }
     return (u, r) => {
-      const h = V("v-btn");
+      const g = V("v-btn");
       return m(), A("div", null, [
-        b(h, {
+        b(g, {
           elevation: "1",
           icon: "mdi-rotate-right",
           class: "black darken-1",
           onClick: r[0] || (r[0] = (k) => u.viewModel.rotateClockwise())
         }),
-        b(h, {
+        b(g, {
           elevation: "1",
           plain: "",
           icon: "mdi-chevron-left",
@@ -468,7 +468,7 @@ const qt = /* @__PURE__ */ j({
           disabled: !o.value,
           onClick: r[1] || (r[1] = (k) => i("prevUnit"))
         }, null, 8, ["disabled"]),
-        b(h, {
+        b(g, {
           color: "darken-2",
           elevation: "1",
           rounded: "",
@@ -482,7 +482,7 @@ const qt = /* @__PURE__ */ j({
           ]),
           _: 1
         }, 8, ["disabled"]),
-        b(h, {
+        b(g, {
           elevation: "1",
           plain: "",
           icon: "mdi-chevron-right",
@@ -490,7 +490,7 @@ const qt = /* @__PURE__ */ j({
           disabled: !n.value,
           onClick: r[3] || (r[3] = (k) => i("nextUnit"))
         }, null, 8, ["disabled"]),
-        b(h, {
+        b(g, {
           elevation: "1",
           plain: "",
           icon: "mdi-rotate-left",
@@ -501,7 +501,7 @@ const qt = /* @__PURE__ */ j({
     };
   }
 }), ln = /* @__PURE__ */ K(on, [["__scopeId", "data-v-44ed308e"]]);
-class ft {
+class pt {
   constructor(a) {
     re(this, "_numParts");
     re(this, "_loadedCount");
@@ -539,7 +539,7 @@ class ft {
     return Math.round(this._loadedCount * 100 / this._numParts);
   }
 }
-class yt {
+class gt {
   constructor(a, e, t, n) {
     re(this, "_rotator");
     re(this, "_direction");
@@ -557,7 +557,7 @@ class yt {
     const a = this._rotator.clampFrameIndex(
       this._frameIndex + this._direction
     ), e = this._rotator.isCardinalFrame(a) ? this._sceneCount - 1 : this._sceneCount;
-    return new yt(
+    return new gt(
       this._rotator,
       this._direction,
       a,
@@ -573,7 +573,7 @@ class sn {
   }
   start(a, e, t) {
     const n = this.startFrameIndexForScene(e);
-    return new yt(this, a, n, t);
+    return new gt(this, a, n, t);
   }
   isCardinalFrame(a) {
     return this._cardinalFrames.includes(a);
@@ -598,7 +598,7 @@ const rn = {
   key: 2,
   id: "image-stack",
   class: "frame-container"
-}, pn = ["alt"], fn = ["srcset"], hn = ["src"], wt = 64, Ke = 4, gn = 120, yn = /* @__PURE__ */ j({
+}, pn = ["alt"], fn = ["srcset"], hn = ["src"], kt = 64, Ke = 4, gn = 120, yn = /* @__PURE__ */ j({
   __name: "VApartmentChooserRotator",
   props: {
     viewModel: {},
@@ -608,57 +608,57 @@ const rn = {
   },
   emits: ["loaded", "error", "progress"],
   setup(l, { emit: a }) {
-    const e = l, t = a, n = f(), o = p(
-      new ft(n.length).onLoadFinished(() => t("loaded")).onLoadProgress((S) => t("progress", S)).onLoadError(() => t("error"))
+    const e = l, t = a, n = h(), o = p(
+      new pt(n.length).onLoadFinished(() => t("loaded")).onLoadProgress((I) => t("progress", I)).onLoadError(() => t("error"))
     ), i = p(
-      new sn(e.cardinalFrames, wt)
-    ), s = p(n), v = p(!1), u = O(() => s.value.find((S) => S.show));
+      new sn(e.cardinalFrames, kt)
+    ), s = p(n), v = p(!1), u = O(() => s.value.find((I) => I.show));
     H(
       () => e.viewModel.currentScene,
-      (S, y) => {
-        const R = I(y, S), F = g(y, S);
+      (I, y) => {
+        const R = S(y, I), F = f(y, I);
         r(y, R, F);
       }
     ), ye(() => {
       k();
     });
-    function r(S, y, R) {
-      e.viewModel.isRotating || (e.viewModel.isRotating = !0, h(
+    function r(I, y, R) {
+      e.viewModel.isRotating || (e.viewModel.isRotating = !0, g(
         i.value.start(
           y,
-          S % Ke,
+          I % Ke,
           R
         )
       ));
     }
-    function h(S) {
+    function g(I) {
       setTimeout(() => {
-        s.value[S.frameIndex].show = !1;
-        const y = S.nextFrame();
-        s.value[y.frameIndex].show = !0, y.atEnd ? k() : window.requestAnimationFrame(() => h(y));
+        s.value[I.frameIndex].show = !1;
+        const y = I.nextFrame();
+        s.value[y.frameIndex].show = !0, y.atEnd ? k() : window.requestAnimationFrame(() => g(y));
       }, 1e3 / gn);
     }
     function k() {
-      const S = i.value.startFrameIndexForScene(
+      const I = i.value.startFrameIndexForScene(
         e.viewModel.currentScene % Ke
       );
-      S in s.value && (s.value[S].show = !0), e.viewModel.isRotating = !1;
+      I in s.value && (s.value[I].show = !0), e.viewModel.isRotating = !1;
     }
-    function f() {
-      const S = [];
-      for (let y = 0; y < wt; y++) {
+    function h() {
+      const I = [];
+      for (let y = 0; y < kt; y++) {
         const { sourceSet: R, defaultPath: F } = c(y);
-        S.push({
+        I.push({
           index: y,
           sourceSet: R,
           defaultPath: F,
           show: !1
         });
       }
-      return S;
+      return I;
     }
-    function c(S) {
-      const y = ("0000" + (S + 1)).slice(-4), R = e.build ? `?v=${e.build}` : "", F = [
+    function c(I) {
+      const y = ("0000" + (I + 1)).slice(-4), R = e.build ? `?v=${e.build}` : "", F = [
         `${ce(
           e.cdnFileResolver,
           `/480/${y}.jpg${R}`
@@ -677,17 +677,17 @@ const rn = {
       );
       return { sourceSet: F, defaultPath: Y };
     }
-    function g(S, y) {
-      const R = Ke / 2, F = Math.abs(S - y);
+    function f(I, y) {
+      const R = Ke / 2, F = Math.abs(I - y);
       return F > R ? Ke - F : F;
     }
-    function I(S, y) {
-      if (S === y)
+    function S(I, y) {
+      if (I === y)
         return 0;
-      const F = Math.abs(S - y) < Ke / 2;
-      return F && S < y || !F && S > y ? 1 : -1;
+      const F = Math.abs(I - y) < Ke / 2;
+      return F && I < y || !F && I > y ? 1 : -1;
     }
-    return (S, y) => {
+    return (I, y) => {
       const R = V("v-icon");
       return m(), A("div", null, [
         o.value.isError ? (m(), A("div", rn, [
@@ -698,7 +698,7 @@ const rn = {
             _: 1
           })
         ])) : v.value ? (m(), A("div", mn, [
-          (m(!0), A(ie, null, ve(s.value, (F) => (m(), A("picture", {
+          (m(!0), A(ue, null, ve(s.value, (F) => (m(), A("picture", {
             key: F.index,
             alt: F.index,
             class: he({ "frame-image": !0, show: F.show })
@@ -751,7 +751,7 @@ const rn = {
           o.isHoverable ? (m(), A("div", {
             key: 0,
             class: "floating-card",
-            style: ue({
+            style: ie({
               left: `${o.pos.x}px`,
               top: `${o.pos.y}px`,
               pointerEvents: "none",
@@ -791,7 +791,7 @@ const rn = {
     a({
       adjustZoom: oe
     });
-    const o = p(100), i = p(0), s = p(0), v = p(!1), u = p(!1), r = p(void 0), h = p(!1), k = p(), f = O(() => `translateX(${i.value}px) translateY(${s.value}px) scale(${c.value})`), c = O(() => o.value / 100), g = O(() => t.maxScale * 100);
+    const o = p(100), i = p(0), s = p(0), v = p(!1), u = p(!1), r = p(void 0), g = p(!1), k = p(), h = O(() => `translateX(${i.value}px) translateY(${s.value}px) scale(${c.value})`), c = O(() => o.value / 100), f = O(() => t.maxScale * 100);
     H(
       [c, i, s],
       () => {
@@ -801,19 +801,19 @@ const rn = {
     ), H(
       () => t.desktop,
       () => {
-        t.desktop ? I() : y();
+        t.desktop ? S() : y();
       }
     ), H(
       () => t.mobile,
       () => {
-        t.mobile ? S() : R();
+        t.mobile ? I() : R();
       }
     ), ye(() => {
-      t.desktop && I(), t.mobile && S();
+      t.desktop && S(), t.mobile && I();
     }), Ye(() => {
       t.desktop && y(), t.mobile && R();
     });
-    function I() {
+    function S() {
       k.value.addEventListener("wheel", F, {
         capture: !0
       }), k.value.addEventListener("mousedown", Y, {
@@ -826,7 +826,7 @@ const rn = {
         capture: !0
       });
     }
-    function S() {
+    function I() {
       k.value.addEventListener("touchstart", L, {
         capture: !0
       }), k.value.addEventListener("touchmove", Z, {
@@ -866,7 +866,7 @@ const rn = {
       oe(-B.deltaY / 10, J, ne), B.preventDefault();
     }
     function Y(B) {
-      v.value = !0, h.value = !1, r.value = B;
+      v.value = !0, g.value = !1, r.value = B;
     }
     function D(B) {
       if (v.value) {
@@ -874,14 +874,14 @@ const rn = {
           x: J - fe,
           y: ne - me
         };
-        q(de.x), Q(de.y), h.value = !0, r.value = B;
+        q(de.x), Q(de.y), g.value = !0, r.value = B;
       }
     }
     function C(B) {
-      v.value && h.value && t.consumeMouseUpWhenMoved && (B.preventDefault(), B.stopImmediatePropagation());
+      v.value && g.value && t.consumeMouseUpWhenMoved && (B.preventDefault(), B.stopImmediatePropagation());
     }
     function W(B) {
-      v.value && (h.value && t.consumeMouseClickWhenMoved && (B.preventDefault(), B.stopImmediatePropagation()), v.value = !1);
+      v.value && (g.value && t.consumeMouseClickWhenMoved && (B.preventDefault(), B.stopImmediatePropagation()), v.value = !1);
     }
     function L(B) {
       v.value = B.touches.length === 1, u.value = B.touches.length === 2, r.value = B;
@@ -931,7 +931,7 @@ const rn = {
     }
     function oe(B, J, ne) {
       const fe = J !== void 0 ? J : k.value.clientWidth / 2, me = ne !== void 0 ? ne : k.value.clientHeight / 2, de = k.value.clientWidth, we = k.value.clientHeight, Me = de * c.value, Te = we * c.value;
-      o.value = Math.min(Math.max(100, o.value + B), g.value);
+      o.value = Math.min(Math.max(100, o.value + B), f.value);
       const De = de * c.value, Ae = we * c.value, be = De - Me, _e = Ae - Te;
       i.value -= fe / de * be, s.value -= me / we * _e, q(0), Q(0);
     }
@@ -940,9 +940,9 @@ const rn = {
         scale: c.value,
         x: i.value,
         y: s.value,
-        current: Math.min(Math.max(100, o.value), g.value),
+        current: Math.min(Math.max(100, o.value), f.value),
         min: 100,
-        max: g.value,
+        max: f.value,
         resolve: (B, J) => {
           const ne = k.value.clientWidth, fe = k.value.clientHeight, me = i.value / -c.value, de = s.value / -c.value, we = me + ne / c.value, Me = de + fe / c.value, Te = B / ne * (we - me) + me, De = J / fe * (Me - de) + de;
           return { x: Te, y: De };
@@ -953,22 +953,22 @@ const rn = {
       ref_key: "box",
       ref: k,
       class: "zoom-box-container",
-      style: ue({ position: t.position })
+      style: ie({ position: t.position })
     }, [
       d("div", {
-        style: ue({ "transform-origin": "top left", transform: f.value }),
+        style: ie({ "transform-origin": "top left", transform: h.value }),
         class: "zoom-box"
       }, [
         se(B.$slots, "default", {}, void 0, !0)
       ], 4)
     ], 4));
   }
-}), qe = /* @__PURE__ */ K(Cn, [["__scopeId", "data-v-3e334a46"]]), _t = 4;
+}), qe = /* @__PURE__ */ K(Cn, [["__scopeId", "data-v-3e334a46"]]), yt = 4;
 function Ft(l) {
-  return l < _t ? l + 1 : 1;
+  return l < yt ? l + 1 : 1;
 }
 function kn(l) {
-  return l > 1 ? l - 1 : _t;
+  return l > 1 ? l - 1 : yt;
 }
 class wn {
   constructor(a) {
@@ -1198,10 +1198,10 @@ const Sn = { key: 0 }, Dn = { class: "interactive-viewer" }, xn = { class: "fill
       Le,
       t.i18nConfig ? new Fe(t.i18nConfig) : new Fe()
     );
-    const o = st({ isReady: !1, isError: !1 }), i = p(), s = p(), v = p(), u = p(), r = p({ x: 0, y: 0, width: 0, height: 0 }), h = p(), k = p(), f = p(), c = O(() => f.value.isHoverEnabled), g = O(() => t.useSvg ? tn : Jt), I = O(() => t.selectedUnitId), S = O(() => t.nextUnitId), y = O(() => t.prevUnitId);
+    const o = st({ isReady: !1, isError: !1 }), i = p(), s = p(), v = p(), u = p(), r = p({ x: 0, y: 0, width: 0, height: 0 }), g = p(), k = p(), h = p(), c = O(() => h.value.isHoverEnabled), f = O(() => t.useSvg ? tn : Jt), S = O(() => t.selectedUnitId), I = O(() => t.nextUnitId), y = O(() => t.prevUnitId);
     xe(() => {
-      if (I.value && u.value) {
-        const D = i.value[I.value];
+      if (S.value && u.value) {
+        const D = i.value[S.value];
         D && (u.value.currentScene = D);
       }
     }), ye(async () => {
@@ -1215,7 +1215,7 @@ const Sn = { key: 0 }, Dn = { class: "interactive-viewer" }, xn = { class: "fill
       }).reduce((L, Z) => ({ ...L, [Z.unitId]: Z.scene }), {}) : {};
       const C = (L, Z = "unitId") => {
         let w = D, M = [];
-        for (let q = 0; q < _t; q++)
+        for (let q = 0; q < yt; q++)
           M.push(w), w = Ft(w);
         return L.sort((q, Q) => {
           const oe = M.findIndex(
@@ -1241,10 +1241,10 @@ const Sn = { key: 0 }, Dn = { class: "interactive-viewer" }, xn = { class: "fill
       r.value = D;
     }
     function F(D) {
-      k.value = D.hoverUnit, h.value = D.closeHandler, n("hoverOverUnit", D.hoverUnit);
+      k.value = D.hoverUnit, g.value = D.closeHandler, n("hoverOverUnit", D.hoverUnit);
     }
     function Y(D) {
-      k.value = null, h.value = D.closeHandler, n("hoverOutUnit", D.hoverUnit);
+      k.value = null, g.value = D.closeHandler, n("hoverOutUnit", D.hoverUnit);
     }
     return (D, C) => {
       const W = V("v-progress-linear");
@@ -1266,10 +1266,10 @@ const Sn = { key: 0 }, Dn = { class: "interactive-viewer" }, xn = { class: "fill
                   onError: C[2] || (C[2] = (L) => o.isError = !0)
                 }, null, 8, ["cdn-file-resolver", "view-model", "cardinal-frames", "build"]),
                 o.isReady ? (m(), A("div", An, [
-                  (m(), E(xt(g.value), {
+                  (m(), E(xt(f.value), {
                     "cdn-file-resolver": t.cdnFileResolver,
                     "view-model": u.value,
-                    "selected-unit-id": I.value,
+                    "selected-unit-id": S.value,
                     "scene-data": s.value,
                     "color-callback": t.colorCallback,
                     "can-go-to-unit-callback": t.canGoToUnitCallback,
@@ -1293,7 +1293,7 @@ const Sn = { key: 0 }, Dn = { class: "interactive-viewer" }, xn = { class: "fill
               key: 0,
               "is-hoverable": c.value,
               pos: r.value,
-              onOutside: h.value
+              onOutside: g.value
             }, {
               default: _(() => [
                 se(D.$slots, "default", {
@@ -1302,7 +1302,7 @@ const Sn = { key: 0 }, Dn = { class: "interactive-viewer" }, xn = { class: "fill
                   goToUnit: () => D.canGoToUnitCallback(k.value) && n("goToUnit", k.value),
                   pos: r.value,
                   isHoverable: c.value,
-                  close: h.value
+                  close: g.value
                 }, void 0, !0)
               ]),
               _: 3
@@ -1311,13 +1311,13 @@ const Sn = { key: 0 }, Dn = { class: "interactive-viewer" }, xn = { class: "fill
               b(ln, {
                 "can-go-to-unit-callback": t.canGoToUnitCallback,
                 "unit-renderer": t.unitRenderer,
-                "selected-unit-id": I.value,
+                "selected-unit-id": S.value,
                 "prev-unit-id": y.value,
-                "next-unit-id": S.value,
+                "next-unit-id": I.value,
                 "view-model": u.value,
                 onGoToUnit: C[5] || (C[5] = (L) => n("goToUnit", L)),
                 onPrevUnit: C[6] || (C[6] = (L) => n("navUnit", y.value)),
-                onNextUnit: C[7] || (C[7] = (L) => n("navUnit", S.value))
+                onNextUnit: C[7] || (C[7] = (L) => n("navUnit", I.value))
               }, null, 8, ["can-go-to-unit-callback", "unit-renderer", "selected-unit-id", "prev-unit-id", "next-unit-id", "view-model"])
             ])) : o.isError ? $("", !0) : (m(), A("div", Ln, [
               b(W, {
@@ -1330,7 +1330,7 @@ const Sn = { key: 0 }, Dn = { class: "interactive-viewer" }, xn = { class: "fill
         ]),
         b(Re, {
           ref_key: "hoverProbe",
-          ref: f
+          ref: h
         }, null, 512)
       ])) : $("", !0);
     };
@@ -1361,7 +1361,7 @@ const Sn = { key: 0 }, Dn = { class: "interactive-viewer" }, xn = { class: "fill
   },
   setup(l) {
     const a = l;
-    return (e, t) => (m(!0), A(ie, null, ve(a.dayData.timeSamples, (n) => (m(), E(Bn, {
+    return (e, t) => (m(!0), A(ue, null, ve(a.dayData.timeSamples, (n) => (m(), E(Bn, {
       "time-sample-data": n,
       "cdn-file-resolver": a.cdnFileResolver,
       "current-time": e.currentTime
@@ -1376,7 +1376,7 @@ const Sn = { key: 0 }, Dn = { class: "interactive-viewer" }, xn = { class: "fill
   },
   setup(l) {
     const a = l;
-    return (e, t) => (m(!0), A(ie, null, ve(a.cameraData.sunsimDayOfYear, (n) => (m(), E($n, {
+    return (e, t) => (m(!0), A(ue, null, ve(a.cameraData.sunsimDayOfYear, (n) => (m(), E($n, {
       "day-data": n,
       "cdn-file-resolver": a.cdnFileResolver,
       "current-time": a.currentTime
@@ -1419,10 +1419,10 @@ function zn(l) {
       return !1;
   return !0;
 }
-function bt(l) {
+function _t(l) {
   return !("filename" in l);
 }
-function ht(l) {
+function ft(l) {
   return "filename" in l;
 }
 const jn = /* @__PURE__ */ j({
@@ -1444,7 +1444,7 @@ const jn = /* @__PURE__ */ j({
       }
     );
     const o = O(
-      () => e.apartmentChooserData ? e.apartmentChooserData.cameras.filter(bt) : []
+      () => e.apartmentChooserData ? e.apartmentChooserData.cameras.filter(_t) : []
     );
     return H(n, () => {
       t(
@@ -1550,8 +1550,8 @@ const jn = /* @__PURE__ */ j({
       );
     });
     function i(v) {
-      const u = v * 60, r = Math.floor(u / 60), h = u % 60;
-      return `${r.toString().padStart(2, "0")}:${h.toString().padStart(2, "0")}`;
+      const u = v * 60, r = Math.floor(u / 60), g = u % 60;
+      return `${r.toString().padStart(2, "0")}:${g.toString().padStart(2, "0")}`;
     }
     function s() {
       o.value ? (clearInterval(o.value), o.value = void 0) : (e.dayData.timeSamples.findIndex(
@@ -1564,8 +1564,8 @@ const jn = /* @__PURE__ */ j({
       }, 200));
     }
     return (v, u) => {
-      const r = V("v-icon"), h = V("v-btn"), k = V("v-slider"), f = V("v-field");
-      return m(), E(f, { variant: "solo" }, {
+      const r = V("v-icon"), g = V("v-btn"), k = V("v-slider"), h = V("v-field");
+      return m(), E(h, { variant: "solo" }, {
         default: _(() => [
           v.dayData.startTime === v.dayData.endTime ? (m(), A("div", Wn, [
             b(r, {
@@ -1590,7 +1590,7 @@ const jn = /* @__PURE__ */ j({
             "hide-details": ""
           }, {
             prepend: _(() => [
-              b(h, {
+              b(g, {
                 icon: o.value ? "mdi-stop" : "mdi-play",
                 size: "x-small",
                 variant: "flat",
@@ -1645,67 +1645,67 @@ const jn = /* @__PURE__ */ j({
     const v = O(() => o.value ? !1 : t.apartmentChooserData.loopable ? !0 : i.value !== t.apartmentChooserData.scenes[0]), u = O(() => o.value ? !1 : t.apartmentChooserData.loopable ? !0 : i.value !== t.apartmentChooserData.scenes[t.apartmentChooserData.scenes.length - 1]);
     function r() {
       const c = i.value;
-      let g = t.apartmentChooserData.scenes.findIndex((S) => S === c) + 1;
-      g >= t.apartmentChooserData.scenes.length && (g = 0);
-      const I = t.apartmentChooserData.scenes[g];
-      t.apartmentChooserData.loopable && c > I, f(c, I);
+      let f = t.apartmentChooserData.scenes.findIndex((I) => I === c) + 1;
+      f >= t.apartmentChooserData.scenes.length && (f = 0);
+      const S = t.apartmentChooserData.scenes[f];
+      t.apartmentChooserData.loopable && c > S, h(c, S);
     }
-    async function h() {
+    async function g() {
       const c = i.value;
-      let g = t.apartmentChooserData.scenes.findIndex((S) => S === c) - 1;
-      g < 0 && (g = t.apartmentChooserData.scenes.length - 1);
-      const I = t.apartmentChooserData.scenes[g];
-      t.apartmentChooserData.loopable && c < I, f(c, I);
+      let f = t.apartmentChooserData.scenes.findIndex((I) => I === c) - 1;
+      f < 0 && (f = t.apartmentChooserData.scenes.length - 1);
+      const S = t.apartmentChooserData.scenes[f];
+      t.apartmentChooserData.loopable && c < S, h(c, S);
     }
     function k(c) {
-      const g = i.value;
+      const f = i.value;
       if (t.apartmentChooserData.loopable)
-        if (c < g) {
-          let I = g - c, S = g - (t.apartmentChooserData.cameras.length + c);
-          return Math.abs(I) > Math.abs(S) ? f(g, c) : f(g, t.apartmentChooserData.cameras.length + c);
+        if (c < f) {
+          let S = f - c, I = f - (t.apartmentChooserData.cameras.length + c);
+          return Math.abs(S) > Math.abs(I) ? h(f, c) : h(f, t.apartmentChooserData.cameras.length + c);
         } else {
-          let I = g - c, S = t.apartmentChooserData.cameras.length + g - c;
-          return Math.abs(I) > Math.abs(S) ? f(g, c) : f(t.apartmentChooserData.cameras.length + g, c);
+          let S = f - c, I = t.apartmentChooserData.cameras.length + f - c;
+          return Math.abs(S) > Math.abs(I) ? h(f, c) : h(t.apartmentChooserData.cameras.length + f, c);
         }
       else
-        return f(g, c);
-    }
-    function f(c, g) {
-      return new Promise((I) => {
-        o.value = !0, n("onRotateStart", { from: c, to: g });
-        let S, y = c;
-        S = setInterval(() => {
-          y < g ? (y++, i.value = Math.abs(
+        return h(f, c);
+    }
+    function h(c, f) {
+      return new Promise((S) => {
+        o.value = !0, n("onRotateStart", { from: c, to: f });
+        let I, y = c;
+        I = setInterval(() => {
+          y < f ? (y++, i.value = Math.abs(
             y % t.apartmentChooserData.cameras.length
-          )) : y > g ? (y--, i.value = Math.abs(
+          )) : y > f ? (y--, i.value = Math.abs(
             y % t.apartmentChooserData.cameras.length
-          )) : (clearInterval(S), n("onRotateFinish", { from: c, to: g }), o.value = !1, I());
+          )) : (clearInterval(I), n("onRotateFinish", { from: c, to: f }), o.value = !1, S());
         }, 50);
       });
     }
-    return (c, g) => {
-      const I = V("v-btn"), S = V("v-chip");
-      return m(), A(ie, null, [
-        b(I, {
+    return (c, f) => {
+      const S = V("v-btn"), I = V("v-chip");
+      return m(), A(ue, null, [
+        b(S, {
           class: "mx-2",
           icon: "mdi-restore",
           size: "small",
           disabled: !v.value,
-          onClick: h
+          onClick: g
         }, null, 8, ["disabled"]),
-        c.renderDisplay && s.value ? (m(), E(S, {
+        c.renderDisplay && s.value ? (m(), E(I, {
           key: 0,
           variant: "flat",
           color: "white",
           size: "large",
-          onClick: g[0] || (g[0] = (y) => n("onDisplayClick", s.value))
+          onClick: f[0] || (f[0] = (y) => n("onDisplayClick", s.value))
         }, {
           default: _(() => [
             ee(G(c.renderDisplay(s.value)), 1)
           ]),
           _: 1
         })) : $("", !0),
-        b(I, {
+        b(S, {
           class: "mx-2",
           icon: "mdi-reload",
           size: "small",
@@ -1733,14 +1733,14 @@ const jn = /* @__PURE__ */ j({
       }
     ), xe(() => {
       for (const r in s) {
-        const { element: h, state: k } = s[r], { r: f, g: c, b: g, a: I, s: S } = e.colorCallback(r, k) || {
+        const { element: g, state: k } = s[r], { r: h, g: c, b: f, a: S, s: I } = e.colorCallback(r, k) || {
           r: 0,
           g: 0,
           b: 0,
           a: 0,
           s: 0
         };
-        h.style.fill = `rgba(${f}, ${c}, ${g}, ${I / 255})`, h.style.stroke = `rgb(${f}, ${c}, ${g})`, h.style.strokeWidth = S.toString();
+        g.style.fill = `rgba(${h}, ${c}, ${f}, ${S / 255})`, g.style.stroke = `rgb(${h}, ${c}, ${f})`, g.style.strokeWidth = I.toString();
       }
     }), H(i, () => {
       for (const r in s)
@@ -1757,8 +1757,8 @@ const jn = /* @__PURE__ */ j({
     );
     function v() {
       ke(() => {
-        var h;
-        const r = (h = o.value) == null ? void 0 : h.firstChild;
+        var g;
+        const r = (g = o.value) == null ? void 0 : g.firstChild;
         if (r) {
           if (!r.hasAttribute("viewBox")) {
             const k = `0 0 ${r.getAttribute(
@@ -1778,29 +1778,29 @@ const jn = /* @__PURE__ */ j({
     }
     function u() {
       ke(() => {
-        var h;
-        const r = (h = o.value) == null ? void 0 : h.firstChild;
+        var g;
+        const r = (g = o.value) == null ? void 0 : g.firstChild;
         r && (t("updateSvgContainer", r), v(), r.querySelectorAll(
           "[data-apartment-id]"
-        ).forEach((f) => {
-          f.style.strokeWidth = "0", f.style.stroke = "rgba(255,255,255,0)", f.style.fill = "rgba(255,255,255,0)", f.querySelectorAll("path").forEach((g) => {
-            g.style.stroke = "inherit", g.style.fill = "inherit";
+        ).forEach((h) => {
+          h.style.strokeWidth = "0", h.style.stroke = "rgba(255,255,255,0)", h.style.fill = "rgba(255,255,255,0)", h.querySelectorAll("path").forEach((f) => {
+            f.style.stroke = "inherit", f.style.fill = "inherit";
           });
-          const c = f.getAttribute("data-apartment-id");
+          const c = h.getAttribute("data-apartment-id");
           s[c] = {
-            element: f,
+            element: h,
             state: i.value === c ? "selected" : "idle"
-          }, f.addEventListener("mouseover", () => {
+          }, h.addEventListener("mouseover", () => {
             s[c].state === "idle" && (s[c].state = "hover"), t("onHoverOver", c);
-          }), f.addEventListener("mouseout", () => {
+          }), h.addEventListener("mouseout", () => {
             s[c].state === "hover" && (s[c].state = "idle"), t("onHoverOut", c);
-          }), f.addEventListener("click", () => {
+          }), h.addEventListener("click", () => {
             t("onClick", c);
           });
         }));
       });
     }
-    return (r, h) => (m(), E(Ee, null, {
+    return (r, g) => (m(), E(Ee, null, {
       default: _(() => [
         (m(), A("div", {
           ref_key: "svgContainer",
@@ -1828,7 +1828,7 @@ const jn = /* @__PURE__ */ j({
       const o = V("v-img");
       return m(), E(o, {
         src: T(ea),
-        style: ue(e.value)
+        style: ie(e.value)
       }, null, 8, ["src", "style"]);
     };
   }
@@ -2040,7 +2040,7 @@ function sa(l) {
           ]
         }
       ]
-    }, ht(o[v]) && (o[v] = r);
+    }, ft(o[v]) && (o[v] = r);
   }
   return {
     version: "5.0",
@@ -2085,7 +2085,7 @@ const ra = {
   setup(l, { emit: a }) {
     const e = l, t = a, n = p(), o = p(), i = p(), s = p(
       null
-    ), v = p(4), u = p(), r = p(!1), h = p(!1), k = p(), f = p(), c = O(() => f.value.isHoverEnabled), g = p({ x: 0, y: 0, width: 0, height: 0 }), I = p(), S = p(), y = p(
+    ), v = p(4), u = p(), r = p(!1), g = p(!1), k = p(), h = p(), c = O(() => h.value.isHoverEnabled), f = p({ x: 0, y: 0, width: 0, height: 0 }), S = p(), I = p(), y = p(
       e.apartmentChooserData
     ), R = p(!1);
     ye(() => {
@@ -2093,17 +2093,17 @@ const ra = {
     }), H(r, (P) => {
       P && t("onInitialize");
     }), H(
-      () => S.value,
+      () => I.value,
       () => {
-        S.value && new ResizeObserver(([B]) => {
+        I.value && new ResizeObserver(([B]) => {
           R.value = B.contentRect.width < e.mobileBreakpoint;
-        }).observe(S.value);
+        }).observe(I.value);
       }
     );
     const F = O(
-      () => y.value ? y.value.cameras.filter(bt) : []
+      () => y.value ? y.value.cameras.filter(_t) : []
     ), Y = O(
-      () => y.value ? y.value.cameras.filter(ht) : []
+      () => y.value ? y.value.cameras.filter(ft) : []
     ), D = async () => {
       try {
         let P, B;
@@ -2153,7 +2153,7 @@ const ra = {
       );
     }
     function W(P) {
-      v.value = P, ht(y.value.cameras[v.value]) ? s.value = y.value.cameras[v.value] : (ke(() => {
+      v.value = P, ft(y.value.cameras[v.value]) ? s.value = y.value.cameras[v.value] : (ke(() => {
         L(
           y.value.cameras[v.value]
         );
@@ -2204,26 +2204,26 @@ const ra = {
       const { layerX: B, layerY: J } = P;
       let ne = P.target, fe = !1;
       for (; ne; )
-        if (ne === I.value) {
+        if (ne === S.value) {
           fe = !0;
           break;
         } else
           ne = ne.parentElement;
       if (fe) {
         const me = P.currentTarget;
-        g.value = {
+        f.value = {
           x: B,
           y: J,
           width: me.clientWidth,
           height: me.clientHeight
         };
       } else
-        g.value = void 0;
-      t("onMouseMove", P, g.value);
+        f.value = void 0;
+      t("onMouseMove", P, f.value);
     }
     return (P, B) => {
       const J = V("v-skeleton-loader");
-      return m(), A(ie, null, [
+      return m(), A(ue, null, [
         b(J, {
           type: "image",
           class: "w-100 h-100 position-relative",
@@ -2234,7 +2234,7 @@ const ra = {
               default: _(() => [
                 d("div", {
                   ref_key: "container",
-                  ref: S,
+                  ref: I,
                   class: he({ mobile: R.value }),
                   onMousemove: oe
                 }, [
@@ -2244,7 +2244,7 @@ const ra = {
                         key: 0,
                         "apartment-chooser-data": y.value,
                         "current-camera": n.value,
-                        disabled: h.value,
+                        disabled: g.value,
                         onOnCameraChange: C
                       }, null, 8, ["apartment-chooser-data", "current-camera", "disabled"])) : $("", !0)
                     ]),
@@ -2253,7 +2253,7 @@ const ra = {
                         key: 0,
                         "camera-data": n.value,
                         "current-day": o.value,
-                        disabled: h.value,
+                        disabled: g.value,
                         onOnDayChange: Z
                       }, null, 8, ["camera-data", "current-day", "disabled"])) : $("", !0)
                     ]),
@@ -2262,7 +2262,7 @@ const ra = {
                         key: 0,
                         "day-data": o.value,
                         "current-time": i.value,
-                        disabled: h.value,
+                        disabled: g.value,
                         onOnTimeChange: w
                       }, null, 8, ["day-data", "current-time", "disabled"])) : $("", !0)
                     ])
@@ -2278,8 +2278,8 @@ const ra = {
                       "render-display": e.renderDisplay,
                       onOnDisplayClick: M,
                       onOnSceneChange: W,
-                      onOnRotateStart: B[0] || (B[0] = (ne) => h.value = !0),
-                      onOnRotateFinish: B[1] || (B[1] = (ne) => h.value = !1)
+                      onOnRotateStart: B[0] || (B[0] = (ne) => g.value = !0),
+                      onOnRotateFinish: B[1] || (B[1] = (ne) => g.value = !1)
                     }, null, 8, ["apartment-chooser-data", "current-scene", "selected-id", "render-display"])) : $("", !0)
                   ]),
                   d("div", va, [
@@ -2290,13 +2290,13 @@ const ra = {
                   ]),
                   b(qe, { position: "relative" }, {
                     default: _(() => [
-                      (m(!0), A(ie, null, ve(F.value, (ne) => (m(), E(Rn, {
+                      (m(!0), A(ue, null, ve(F.value, (ne) => (m(), E(Rn, {
                         key: ne.overlayFilename,
                         "camera-data": ne,
                         "cdn-file-resolver": e.cdnFileResolver,
                         "current-time": i.value
                       }, null, 8, ["camera-data", "cdn-file-resolver", "current-time"]))), 128)),
-                      (m(!0), A(ie, null, ve(Y.value, (ne) => (m(), E(Yn, {
+                      (m(!0), A(ue, null, ve(Y.value, (ne) => (m(), E(Yn, {
                         "transition-data": ne,
                         "cdn-file-resolver": e.cdnFileResolver,
                         "current-transition": s.value
@@ -2315,17 +2315,17 @@ const ra = {
                         onOnClick: M,
                         onOnHoverOver: q,
                         onOnHoverOut: Q,
-                        onUpdateSvgContainer: B[2] || (B[2] = (ne) => I.value = ne)
+                        onUpdateSvgContainer: B[2] || (B[2] = (ne) => S.value = ne)
                       }, null, 8, ["cdn-file-resolver", "color-callback", "current-camera", "selected-id"]), [
                         [ge, s.value === null]
                       ])
                     ]),
                     _: 1
                   }),
-                  P.$slots.popup && g.value && u.value ? (m(), E(Ze, {
+                  P.$slots.popup && f.value && u.value ? (m(), E(Ze, {
                     key: 0,
                     "is-hoverable": c.value,
-                    pos: g.value
+                    pos: f.value
                   }, {
                     default: _(() => [
                       d("div", pa, [
@@ -2343,7 +2343,7 @@ const ra = {
         }, 8, ["loading"]),
         b(Re, {
           ref_key: "hoverProbe",
-          ref: f
+          ref: h
         }, null, 512)
       ], 64);
     };
@@ -2368,8 +2368,8 @@ const ra = {
       });
     }
     const s = O(() => {
-      const r = Math.floor(n.value / 2).toString().padStart(2, "0"), h = n.value % 2 === 0 ? "00" : "30";
-      return `${r}:${h}`;
+      const r = Math.floor(n.value / 2).toString().padStart(2, "0"), g = n.value % 2 === 0 ? "00" : "30";
+      return `${r}:${g}`;
     }), v = O(() => e.dateSelector.dates.map(i)), u = O({
       get() {
         return i(e.dateSelector.selectedDate);
@@ -2389,8 +2389,8 @@ const ra = {
       }
     ), xe(() => {
       o.value = i(e.dateSelector.selectedDate);
-    }), (r, h) => {
-      const k = V("v-icon"), f = V("v-select"), c = V("v-progress-linear"), g = V("v-slider");
+    }), (r, g) => {
+      const k = V("v-icon"), h = V("v-select"), c = V("v-progress-linear"), f = V("v-slider");
       return m(), A("div", ha, [
         d("div", ga, [
           b(k, {
@@ -2398,10 +2398,10 @@ const ra = {
             class: "mr-2",
             icon: "mdi-calendar-blank-outline"
           }),
-          r.dateSelector.hasMultipleDates ? (m(), E(f, {
+          r.dateSelector.hasMultipleDates ? (m(), E(h, {
             key: 0,
             modelValue: o.value,
-            "onUpdate:modelValue": h[0] || (h[0] = (I) => o.value = I),
+            "onUpdate:modelValue": g[0] || (g[0] = (S) => o.value = S),
             items: v.value,
             density: "compact",
             variant: "underlined",
@@ -2428,10 +2428,10 @@ const ra = {
             height: "6",
             color: "grey lighten-1",
             class: "mr-2"
-          })) : (m(), E(g, {
+          })) : (m(), E(f, {
             key: 1,
             modelValue: n.value,
-            "onUpdate:modelValue": h[1] || (h[1] = (I) => n.value = I),
+            "onUpdate:modelValue": g[1] || (g[1] = (S) => n.value = S),
             min: 0,
             max: 47,
             step: 1,
@@ -2455,7 +2455,7 @@ const ra = {
   },
   emits: ["resize", "ready", "preloaded", "reset"],
   setup(l, { emit: a }) {
-    const e = l, t = a, n = p("init"), o = p(new ft(0)), i = p();
+    const e = l, t = a, n = p("init"), o = p(new pt(0)), i = p();
     H(
       () => e.imageUrls,
       (u) => {
@@ -2464,8 +2464,8 @@ const ra = {
     ), ye(() => {
       v(e.imageUrls), new ResizeObserver((u) => {
         window.requestAnimationFrame(() => {
-          const r = u[0].contentRect.width, h = u[0].contentRect.height;
-          t("resize", { width: r, height: h });
+          const r = u[0].contentRect.width, g = u[0].contentRect.height;
+          t("resize", { width: r, height: g });
         });
       }).observe(i.value);
     });
@@ -2473,7 +2473,7 @@ const ra = {
       n.value = "preloaded", t("preloaded");
     }
     function v(u) {
-      n.value = "init", i.value.src = u[0], o.value = new ft(u.length).onLoadFinished(
+      n.value = "init", i.value.src = u[0], o.value = new pt(u.length).onLoadFinished(
         () => {
           n.value = "loaded", t("ready");
         }
@@ -2488,11 +2488,11 @@ const ra = {
         onLoad: s
       }, null, 544),
       n.value === "preloaded" || n.value === "loaded" ? pe((m(), A("div", ka, [
-        (m(!0), A(ie, null, ve(u.imageUrls, (h, k) => (m(), A("img", {
+        (m(!0), A(ue, null, ve(u.imageUrls, (g, k) => (m(), A("img", {
           key: k,
           class: he({ "image-instance": !0, active: k === u.activeIndex }),
-          src: h,
-          onLoad: r[0] || (r[0] = (f) => o.value.partLoaded())
+          src: g,
+          onLoad: r[0] || (r[0] = (h) => o.value.partLoaded())
         }, null, 42, wa))), 128))
       ], 512)), [
         [ge, n.value === "loaded"]
@@ -2532,7 +2532,7 @@ const ra = {
       height: 0
     }), i = p({ x: 0, y: 0, width: 0, height: 0 }), s = p(), v = p(
       (/* @__PURE__ */ new Date()).getHours() * 2 + ((/* @__PURE__ */ new Date()).getMinutes() < 30 ? 0 : 1)
-    ), u = p(!1), r = p(new Ce()), h = p(), k = p("0 0 0 0"), f = p(), c = p(), g = p(We.empty()), I = p(Ne.empty()), S = p(), y = O(() => S.value.isHoverEnabled);
+    ), u = p(!1), r = p(new Ce()), g = p(), k = p("0 0 0 0"), h = p(), c = p(), f = p(We.empty()), S = p(Ne.empty()), I = p(), y = O(() => I.value.isHoverEnabled);
     H(s, (w, M) => {
       w ? t("hoverOverBuilding", w) : t("hoverOutBuilding", M);
     }), xe(() => {
@@ -2549,7 +2549,7 @@ const ra = {
         e.buildingChooserData
       );
       if (M) {
-        I.value = new Ne(M.mapImage), g.value = new We(M.buildingIds), f.value = new ut(M.backgrounds), c.value = {
+        S.value = new Ne(M.mapImage), f.value = new We(M.buildingIds), h.value = new ut(M.backgrounds), c.value = {
           buildingOverlays: M.buildingOverlays,
           viewLongitude: M.viewLongitude
         };
@@ -2562,7 +2562,7 @@ const ra = {
               svg: J.innerHTML
             });
           });
-        h.value = q;
+        g.value = q;
       } else
         u.value = !0;
     });
@@ -2645,7 +2645,7 @@ const ra = {
         })
       ])) : c.value ? (m(), A("div", {
         key: 1,
-        style: ue(`height: ${o.value.height}px; position: relative`),
+        style: ie(`height: ${o.value.height}px; position: relative`),
         class: "image-container"
       }, [
         b(qe, {
@@ -2655,22 +2655,22 @@ const ra = {
           default: _(() => [
             d("div", Da, [
               b(Tt, {
-                "image-urls": f.value.imageUrls,
+                "image-urls": h.value.imageUrls,
                 "active-index": v.value,
                 onResize: R,
                 onPreloaded: M[0] || (M[0] = (Q) => n.value.preloaded = !0),
                 onReady: M[1] || (M[1] = (Q) => n.value.ready = !0),
                 onReset: F
               }, null, 8, ["image-urls", "active-index"]),
-              h.value ? pe((m(), A("div", xa, [
+              g.value ? pe((m(), A("div", xa, [
                 d("div", Aa, [
                   (m(), A("svg", { viewBox: k.value }, [
-                    (m(!0), A(ie, null, ve(h.value, ({ id: Q, svg: oe }, P) => (m(), A("g", {
+                    (m(!0), A(ue, null, ve(g.value, ({ id: Q, svg: oe }, P) => (m(), A("g", {
                       key: P,
                       innerHTML: oe,
                       "data-building-id": Q,
                       class: he(Y(Q)),
-                      style: ue(D(Q)),
+                      style: ie(D(Q)),
                       onMouseover: (B) => C(B, Q),
                       onMouseout: (B) => W(B, Q),
                       onMousemove: (B) => L(B),
@@ -2700,7 +2700,7 @@ const ra = {
           b(Mt, {
             modelValue: v.value,
             "onUpdate:modelValue": M[2] || (M[2] = (Q) => v.value = Q),
-            "date-selector": f.value,
+            "date-selector": h.value,
             "is-loading": !n.value.ready
           }, null, 8, ["modelValue", "date-selector", "is-loading"])
         ], 512), [
@@ -2726,7 +2726,7 @@ const ra = {
         }, 8, ["is-hoverable", "pos"])) : $("", !0),
         b(Re, {
           ref_key: "hoverProbe",
-          ref: S
+          ref: I
         }, null, 512)
       ], 4)) : $("", !0);
     };
@@ -2746,8 +2746,8 @@ const ra = {
     const t = p(!1), n = p(), o = p(new Ce()), i = p(), s = p(), v = p([]), u = p();
     H(
       () => e.color,
-      (f, c) => {
-        (f.r !== c.r || f.g !== c.g || f.b !== c.b || f.a !== c.a) && h();
+      (h, c) => {
+        (h.r !== c.r || h.g !== c.g || h.b !== c.b || h.a !== c.a) && g();
       }
     ), ye(async () => {
       n.value = await o.value.loadImage(e.imageUrl), r();
@@ -2755,29 +2755,29 @@ const ra = {
     function r() {
       if (!n.value || !u.value)
         return;
-      const { width: f, height: c } = e.dimensions;
-      if (!(f === 0 || c === 0)) {
+      const { width: h, height: c } = e.dimensions;
+      if (!(h === 0 || c === 0)) {
         i.value = u.value.getContext("2d", {
           willReadFrequently: !0
-        }), i.value.drawImage(n.value, 0, 0, f, c), s.value = i.value.getImageData(0, 0, f, c);
-        for (let g = 3; g < s.value.data.length; g += 4)
-          s.value.data[g] !== 0 && v.value.push(g);
-        h(), t.value = !0;
+        }), i.value.drawImage(n.value, 0, 0, h, c), s.value = i.value.getImageData(0, 0, h, c);
+        for (let f = 3; f < s.value.data.length; f += 4)
+          s.value.data[f] !== 0 && v.value.push(f);
+        g(), t.value = !0;
       }
     }
-    function h() {
+    function g() {
       i.value && s.value && (k(), i.value.putImageData(s.value, 0, 0));
     }
     function k() {
       if (e.color)
-        for (let f = 0; f < v.value.length; f++)
-          s.value.data[v.value[f] - 3] = e.color.r, s.value.data[v.value[f] - 2] = e.color.g, s.value.data[v.value[f] - 1] = e.color.b, s.value.data[v.value[f]] = e.color.a;
+        for (let h = 0; h < v.value.length; h++)
+          s.value.data[v.value[h] - 3] = e.color.r, s.value.data[v.value[h] - 2] = e.color.g, s.value.data[v.value[h] - 1] = e.color.b, s.value.data[v.value[h]] = e.color.a;
     }
-    return (f, c) => (m(), A("canvas", Se({
+    return (h, c) => (m(), A("canvas", Se({
       ref_key: "canvas",
       ref: u,
       class: "overlay"
-    }, f.dimensions), null, 16));
+    }, h.dimensions), null, 16));
   }
 }), Oa = /* @__PURE__ */ K(Ea, [["__scopeId", "data-v-9e4cdd0e"]]), Ba = {
   key: 0,
@@ -2810,13 +2810,13 @@ const ra = {
     }), i = p({
       width: 0,
       height: 0
-    }), s = p({ x: 0, y: 0, width: 0, height: 0 }), v = p(), u = p(We.empty()), r = p(Ne.empty()), h = p(), k = p(
+    }), s = p({ x: 0, y: 0, width: 0, height: 0 }), v = p(), u = p(We.empty()), r = p(Ne.empty()), g = p(), k = p(
       (/* @__PURE__ */ new Date()).getHours() * 2 + ((/* @__PURE__ */ new Date()).getMinutes() < 30 ? 0 : 1)
-    ), f = p(
+    ), h = p(
       (w, M) => ({ x: w, y: M })
-    ), c = p(!1), g = p(), I = p(), S = p(), y = O(() => {
+    ), c = p(!1), f = p(), S = p(), I = p(), y = O(() => {
       var w;
-      return (w = g.value) == null ? void 0 : w.isHoverEnabled;
+      return (w = f.value) == null ? void 0 : w.isHoverEnabled;
     });
     xe(() => {
       if (e.buildingChooserTimeOfDay) {
@@ -2825,7 +2825,7 @@ const ra = {
         ), Q = parseInt(q);
         k.value = parseInt(M) * 2 + (Q < 15 ? 0 : Q > 45 ? 2 : 1);
       }
-    }), H(h, (w, M) => {
+    }), H(g, (w, M) => {
       w ? t("hoverOverBuilding", w) : t("hoverOutBuilding", M);
     }), ye(async () => {
       const M = await new Lt(
@@ -2845,7 +2845,7 @@ const ra = {
       o.value = { preloaded: !1, ready: !1 };
     }
     function Y(w) {
-      const { layerX: M, layerY: q } = w, { x: Q, y: oe } = f.value(M, q);
+      const { layerX: M, layerY: q } = w, { x: Q, y: oe } = h.value(M, q);
       return u.value.getBuildingId(
         r.value,
         Q,
@@ -2853,13 +2853,13 @@ const ra = {
       );
     }
     function D() {
-      if (I.value && (r.value.update(I.value), S.value))
-        for (const w of S.value)
+      if (S.value && (r.value.update(S.value), I.value))
+        for (const w of I.value)
           w.setupDraw();
     }
     function C(w) {
       const { layerX: M, layerY: q } = w;
-      y.value && (h.value = Y(w), h.value !== void 0 && (s.value = {
+      y.value && (g.value = Y(w), g.value !== void 0 && (s.value = {
         x: M,
         y: q,
         width: i.value.width,
@@ -2867,16 +2867,16 @@ const ra = {
       }));
     }
     function W(w) {
-      h.value = Y(w), y.value && h.value && t("goToBuilding", h.value);
+      g.value = Y(w), y.value && g.value && t("goToBuilding", g.value);
     }
     function L(w) {
       return e.colorCallback(
         w,
-        w === h.value ? "hover" : "idle"
+        w === g.value ? "hover" : "idle"
       );
     }
     function Z({ resolve: w }) {
-      f.value = w;
+      h.value = w;
     }
     return (w, M) => {
       const q = V("v-icon");
@@ -2889,7 +2889,7 @@ const ra = {
         })
       ])) : v.value ? (m(), A("div", {
         key: 1,
-        style: ue(`cursor: ${h.value ? "pointer" : "auto"};height: ${i.value.height}px; position: relative`),
+        style: ie(`cursor: ${g.value ? "pointer" : "auto"};height: ${i.value.height}px; position: relative`),
         class: "image-container"
       }, [
         b(qe, {
@@ -2908,10 +2908,10 @@ const ra = {
                 onReset: F
               }, null, 8, ["image-urls", "active-index"]),
               pe(d("div", null, [
-                (m(!0), A(ie, null, ve(v.value.buildingOverlays, (Q) => (m(), E(Oa, {
+                (m(!0), A(ue, null, ve(v.value.buildingOverlays, (Q) => (m(), E(Oa, {
                   ref_for: !0,
                   ref_key: "overlays",
-                  ref: S,
+                  ref: I,
                   key: Q.id,
                   "image-url": Q.url,
                   dimensions: i.value,
@@ -2923,8 +2923,8 @@ const ra = {
             ]),
             d("canvas", Se(i.value, {
               ref_key: "canvas",
-              ref: I,
-              class: { hover: !!h.value },
+              ref: S,
+              class: { hover: !!g.value },
               onClick: W,
               onMousemove: C
             }), null, 16),
@@ -2952,27 +2952,27 @@ const ra = {
         ], 512), [
           [ge, o.value.preloaded]
         ]),
-        w.showCards && h.value ? (m(), E(Ze, {
+        w.showCards && g.value ? (m(), E(Ze, {
           key: 0,
           "is-hoverable": y.value,
           pos: s.value,
-          onOutside: M[3] || (M[3] = () => h.value = void 0)
+          onOutside: M[3] || (M[3] = () => g.value = void 0)
         }, {
           default: _(() => [
             se(w.$slots, "default", {
-              building: h.value,
-              canGoToBuilding: w.canGoToBuildingCallback(h.value),
-              goToBuilding: () => w.canGoToBuildingCallback(h.value) && t("goToBuilding", h.value),
+              building: g.value,
+              canGoToBuilding: w.canGoToBuildingCallback(g.value),
+              goToBuilding: () => w.canGoToBuildingCallback(g.value) && t("goToBuilding", g.value),
               pos: s.value,
               isHoverable: y.value,
-              close: () => h.value = void 0
+              close: () => g.value = void 0
             }, void 0, !0)
           ]),
           _: 3
         }, 8, ["is-hoverable", "pos"])) : $("", !0),
         b(Re, {
           ref_key: "hoverProbe",
-          ref: g
+          ref: f
         }, null, 512)
       ], 4)) : $("", !0);
     };
@@ -3046,7 +3046,7 @@ const ra = {
   },
   setup(l) {
     const a = l;
-    return (e, t) => (m(!0), A(ie, null, ve(a.dayData.timeSamples, (n) => (m(), E(Pa, {
+    return (e, t) => (m(!0), A(ue, null, ve(a.dayData.timeSamples, (n) => (m(), E(Pa, {
       "time-sample-data": n,
       "cdn-file-resolver": a.cdnFileResolver,
       "current-time": e.currentTime
@@ -3061,7 +3061,7 @@ const ra = {
   },
   setup(l) {
     const a = l;
-    return (e, t) => (m(!0), A(ie, null, ve(a.cameraData.sunsimDayOfYear, (n) => (m(), E(Wa, {
+    return (e, t) => (m(!0), A(ue, null, ve(a.cameraData.sunsimDayOfYear, (n) => (m(), E(Wa, {
       "day-data": n,
       "cdn-file-resolver": a.cdnFileResolver,
       "current-time": a.currentTime
@@ -3178,8 +3178,8 @@ const ra = {
       );
     });
     function i(v) {
-      const u = v * 60, r = Math.floor(u / 60), h = u % 60;
-      return `${r.toString().padStart(2, "0")}:${h.toString().padStart(2, "0")}`;
+      const u = v * 60, r = Math.floor(u / 60), g = u % 60;
+      return `${r.toString().padStart(2, "0")}:${g.toString().padStart(2, "0")}`;
     }
     function s() {
       o.value ? (clearInterval(o.value), o.value = void 0) : (e.dayData.timeSamples.findIndex(
@@ -3192,8 +3192,8 @@ const ra = {
       }, 200));
     }
     return (v, u) => {
-      const r = V("v-icon"), h = V("v-btn"), k = V("v-slider"), f = V("v-field");
-      return m(), E(f, { variant: "solo" }, {
+      const r = V("v-icon"), g = V("v-btn"), k = V("v-slider"), h = V("v-field");
+      return m(), E(h, { variant: "solo" }, {
         default: _(() => [
           v.dayData.startTime === v.dayData.endTime ? (m(), A("div", Za, [
             b(r, {
@@ -3217,7 +3217,7 @@ const ra = {
             "hide-details": ""
           }, {
             prepend: _(() => [
-              b(h, {
+              b(g, {
                 icon: o.value ? "mdi-stop" : "mdi-play",
                 size: "x-small",
                 variant: "flat",
@@ -3260,14 +3260,14 @@ const ra = {
     const e = l, t = a, n = p(), o = p(), i = p(e.selectedId), s = st({});
     xe(() => {
       for (const r in s) {
-        const { element: h, state: k } = s[r], { r: f, g: c, b: g, a: I, s: S } = e.colorCallback(r, k) || {
+        const { element: g, state: k } = s[r], { r: h, g: c, b: f, a: S, s: I } = e.colorCallback(r, k) || {
           r: 0,
           g: 0,
           b: 0,
           a: 0,
           s: 0
         };
-        h.style.fill = `rgba(${f}, ${c}, ${g}, ${I / 255})`, h.style.stroke = `rgb(${f}, ${c}, ${g})`, h.style.strokeWidth = S.toString();
+        g.style.fill = `rgba(${h}, ${c}, ${f}, ${S / 255})`, g.style.stroke = `rgb(${h}, ${c}, ${f})`, g.style.strokeWidth = I.toString();
       }
     }), H(
       () => e.selectedId,
@@ -3289,8 +3289,8 @@ const ra = {
     );
     function v() {
       ke(() => {
-        var h;
-        const r = (h = o.value) == null ? void 0 : h.firstChild;
+        var g;
+        const r = (g = o.value) == null ? void 0 : g.firstChild;
         if (!r.hasAttribute("viewBox")) {
           const k = `0 0 ${r.getAttribute(
             "width"
@@ -3305,27 +3305,27 @@ const ra = {
     }
     function u() {
       ke(() => {
-        var h;
-        const r = (h = o.value) == null ? void 0 : h.firstChild;
-        r && (t("updateSvgContainer", r), v(), r.querySelectorAll("[data-building-id]").forEach((f) => {
-          f.style.strokeWidth = "0", f.style.stroke = "rgba(255,255,255,0)", f.style.fill = "rgba(255,255,255,0)", f.querySelectorAll("path").forEach((g) => {
-            g.style.stroke = "inherit", g.style.fill = "inherit";
+        var g;
+        const r = (g = o.value) == null ? void 0 : g.firstChild;
+        r && (t("updateSvgContainer", r), v(), r.querySelectorAll("[data-building-id]").forEach((h) => {
+          h.style.strokeWidth = "0", h.style.stroke = "rgba(255,255,255,0)", h.style.fill = "rgba(255,255,255,0)", h.querySelectorAll("path").forEach((f) => {
+            f.style.stroke = "inherit", f.style.fill = "inherit";
           });
-          const c = f.getAttribute("data-building-id");
+          const c = h.getAttribute("data-building-id");
           s[c] = {
-            element: f,
+            element: h,
             state: i.value === c ? "selected" : "idle"
-          }, f.addEventListener("mouseover", () => {
+          }, h.addEventListener("mouseover", () => {
             s[c].state === "idle" && (s[c].state = "hover"), t("onHoverOver", c);
-          }), f.addEventListener("mouseout", () => {
+          }), h.addEventListener("mouseout", () => {
             s[c].state === "hover" && (s[c].state = "idle"), t("onHoverOut", c);
-          }), f.addEventListener("click", () => {
+          }), h.addEventListener("click", () => {
             t("onClick", c);
           });
         }));
       });
     }
-    return (r, h) => (m(), E(Ee, null, {
+    return (r, g) => (m(), E(Ee, null, {
       default: _(() => [
         (m(), A("div", {
           ref_key: "svgContainer",
@@ -3411,20 +3411,20 @@ const oo = {
   },
   emits: ["onClick", "onHoverOver", "onHoverOut", "onMouseMove", "onInitialize", "onError"],
   setup(l, { emit: a }) {
-    const e = l, t = a, n = p(), o = p(), i = p(), s = p(), v = p(!1), u = p(), r = O(() => u.value.isHoverEnabled), h = p({ x: 0, y: 0, width: 0, height: 0 }), k = p(), f = p(), c = p(
+    const e = l, t = a, n = p(), o = p(), i = p(), s = p(), v = p(!1), u = p(), r = O(() => u.value.isHoverEnabled), g = p({ x: 0, y: 0, width: 0, height: 0 }), k = p(), h = p(), c = p(
       e.buildingChooserData
-    ), g = p(!1);
+    ), f = p(!1);
     ye(() => v.value = !0), H(v, (C) => {
       C && t("onInitialize");
     }), H(
-      () => f.value,
+      () => h.value,
       () => {
-        f.value && new ResizeObserver(([W]) => {
-          g.value = W.contentRect.width < e.mobileBreakpoint;
-        }).observe(f.value);
+        h.value && new ResizeObserver(([W]) => {
+          f.value = W.contentRect.width < e.mobileBreakpoint;
+        }).observe(h.value);
       }
     );
-    const I = async () => {
+    const S = async () => {
       try {
         let C;
         if (!e.cdnFileResolver)
@@ -3440,7 +3440,7 @@ const oo = {
     H(
       [c, () => e.cdnFileResolver, () => e.defaultCamera],
       async () => {
-        e.cdnFileResolver && (c.value || (c.value = await I()), e.defaultCamera ? n.value = c.value.cameras.find(
+        e.cdnFileResolver && (c.value || (c.value = await S()), e.defaultCamera ? n.value = c.value.cameras.find(
           (C) => C.cameraName === e.defaultCamera
         ) || c.value.cameras[0] : n.value = c.value.cameras[0]);
       },
@@ -3464,7 +3464,7 @@ const oo = {
       },
       { immediate: !0 }
     );
-    function S(C) {
+    function I(C) {
       const W = o.value;
       n.value = C, ke(() => {
         y(
@@ -3506,19 +3506,19 @@ const oo = {
           Z = Z.parentElement;
       if (w) {
         const M = C.currentTarget;
-        h.value = {
+        g.value = {
           x: W,
           y: L,
           width: M.clientWidth,
           height: M.clientHeight
         };
       } else
-        h.value = void 0;
-      t("onMouseMove", C, h.value);
+        g.value = void 0;
+      t("onMouseMove", C, g.value);
     }
     return (C, W) => {
       const L = V("v-skeleton-loader");
-      return m(), A(ie, null, [
+      return m(), A(ue, null, [
         b(L, {
           type: "image",
           class: "w-100 h-100 position-relative",
@@ -3529,8 +3529,8 @@ const oo = {
               default: _(() => [
                 d("div", {
                   ref_key: "container",
-                  ref: f,
-                  class: he({ mobile: g.value }),
+                  ref: h,
+                  class: he({ mobile: f.value }),
                   onMousemove: D
                 }, [
                   d("div", oo, [
@@ -3538,7 +3538,7 @@ const oo = {
                       b(Ga, {
                         "building-chooser-data": c.value,
                         "current-camera": n.value,
-                        onOnCameraChange: S
+                        onOnCameraChange: I
                       }, null, 8, ["building-chooser-data", "current-camera"])
                     ])) : $("", !0),
                     d("div", so, [
@@ -3566,7 +3566,7 @@ const oo = {
                   ]),
                   b(qe, { position: "relative" }, {
                     default: _(() => [
-                      (m(!0), A(ie, null, ve(c.value.cameras, (Z) => (m(), E(Na, {
+                      (m(!0), A(ue, null, ve(c.value.cameras, (Z) => (m(), E(Na, {
                         key: Z.overlayFilename,
                         "camera-data": Z,
                         "cdn-file-resolver": e.cdnFileResolver,
@@ -3591,10 +3591,10 @@ const oo = {
                     ]),
                     _: 1
                   }),
-                  C.$slots.popup && h.value && s.value ? (m(), E(Ze, {
+                  C.$slots.popup && g.value && s.value ? (m(), E(Ze, {
                     key: 0,
                     "is-hoverable": r.value,
-                    pos: h.value
+                    pos: g.value
                   }, {
                     default: _(() => [
                       d("div", co, [
@@ -3713,13 +3713,13 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
           n("newFovCallback", c), v.value = c;
         },
         newRotation: (c) => {
-          const g = c + 0;
-          n("newRotationCallback", g), s.value = g;
+          const f = c + 0;
+          n("newRotationCallback", f), s.value = f;
         }
       };
       if (!_o)
         return;
-      const f = await new e.Main(
+      const h = await new e.Main(
         ce(
           t.cdnFileResolver,
           `/${t.interiorId}/${t.apartmentId}`
@@ -3729,10 +3729,10 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
         void 0,
         t.currentCameraId
       );
-      f && (f.handleWindowResize(), window.addEventListener(
+      h && (h.handleWindowResize(), window.addEventListener(
         "resize",
-        f.handleWindowResize.bind(f)
-      ), f.animate(), o.value = e.Main.getPlayerAPI(), o.value && o.value.setLookSensitivity(t.mouseSensitivity));
+        h.handleWindowResize.bind(h)
+      ), h.animate(), o.value = e.Main.getPlayerAPI(), o.value && o.value.setLookSensitivity(t.mouseSensitivity));
     }), Ye(() => {
       o.value && o.value.destroy();
     }), (u, r) => (m(), A("div", bo, [
@@ -3768,7 +3768,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
         d("div", Mo, [
           d("canvas", {
             id: "qpc",
-            style: ue(u.showStaticImage ? "visibility:hidden" : "visibility:visible")
+            style: ie(u.showStaticImage ? "visibility:hidden" : "visibility:visible")
           }, null, 4)
         ])
       ])
@@ -3794,9 +3794,9 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
       const r = e.level + 1;
       r >= o.value.length ? t("level", o.value[0]) : t("level", o.value[r]);
     }
-    return (r, h) => {
-      const k = V("v-btn"), f = V("v-tooltip");
-      return m(), E(f, {
+    return (r, g) => {
+      const k = V("v-btn"), h = V("v-tooltip");
+      return m(), E(h, {
         right: "",
         attach: ""
       }, {
@@ -3846,9 +3846,9 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
   setup(l, { emit: a }) {
     const e = l, t = a, n = Ge(Le);
     return (o, i) => {
-      const s = V("v-icon"), v = V("v-btn"), u = V("v-img"), r = V("v-list-item-title"), h = V("v-list-item"), k = V("v-list"), f = V("v-menu");
+      const s = V("v-icon"), v = V("v-btn"), u = V("v-img"), r = V("v-list-item-title"), g = V("v-list-item"), k = V("v-list"), h = V("v-menu");
       return m(), A("div", null, [
-        b(f, {
+        b(h, {
           transition: "slide-x-reverse-transition",
           location: "top end",
           origin: "end bottom",
@@ -3872,11 +3872,11 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
           default: _(() => [
             b(k, { class: "interior-selector-list" }, {
               default: _(() => [
-                (m(!0), A(ie, null, ve(e.availableArchetypes, (c, g) => (m(), E(h, {
+                (m(!0), A(ue, null, ve(e.availableArchetypes, (c, f) => (m(), E(g, {
                   density: "compact",
-                  key: `at-menuitem-${g}`,
-                  onClick: (I) => t("selectInterior", c.archetypeID),
-                  active: g === o.selectedIndex,
+                  key: `at-menuitem-${f}`,
+                  onClick: (S) => t("selectInterior", c.archetypeID),
+                  active: f === o.selectedIndex,
                   class: "interior-selector-list-item"
                 }, {
                   prepend: _(() => [
@@ -3921,13 +3921,13 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
     return (o, i) => {
       const s = V("v-img");
       return m(), A("div", {
-        style: ue(t.value),
+        style: ie(t.value),
         class: "compass-wrapper"
       }, [
         b(s, {
           class: "compass-needle",
           src: e.value,
-          style: ue(n.value)
+          style: ie(n.value)
         }, null, 8, ["src", "style"])
       ], 4);
     };
@@ -3956,16 +3956,16 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
       ]);
     };
   }
-}), Jo = /* @__PURE__ */ K(qo, [["__scopeId", "data-v-cd73fd81"]]), Ct = (l) => (rt("data-v-f59c4942"), l = l(), it(), l), Xo = {
+}), Jo = /* @__PURE__ */ K(qo, [["__scopeId", "data-v-cd73fd81"]]), bt = (l) => (rt("data-v-f59c4942"), l = l(), it(), l), Xo = {
   key: 0,
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
   xmlns: "http://www.w3.org/2000/svg"
-}, Ko = /* @__PURE__ */ Ct(() => /* @__PURE__ */ d("path", {
+}, Ko = /* @__PURE__ */ bt(() => /* @__PURE__ */ d("path", {
   d: "M5.38544 13C3.30939 13.9424 2 15.3211 2 16.8571C2 19.6975 6.47715 22 12 22C17.5228 22 22 19.6975 22 16.8571C22 15.3211 20.6906 13.9424 18.6146 13",
   class: "fill-grey"
-}, null, -1)), el = /* @__PURE__ */ Ct(() => /* @__PURE__ */ d("path", { d: "M8 9C8 7.89543 8.89543 7 10 7H14C15.1046 7 16 7.89543 16 9V12.875C16 13.4273 15.5523 13.875 15 13.875H14V17C14 17.5523 13.5523 18 13 18H11C10.4477 18 10 17.5523 10 17V13.875H9C8.44772 13.875 8 13.4273 8 12.875V9Z" }, null, -1)), tl = /* @__PURE__ */ Ct(() => /* @__PURE__ */ d("path", { d: "M15 4C15 5.65685 13.6569 7 12 7C10.3431 7 9 5.65685 9 4C9 2.34315 10.3431 1 12 1C13.6569 1 15 2.34315 15 4Z" }, null, -1)), nl = [
+}, null, -1)), el = /* @__PURE__ */ bt(() => /* @__PURE__ */ d("path", { d: "M8 9C8 7.89543 8.89543 7 10 7H14C15.1046 7 16 7.89543 16 9V12.875C16 13.4273 15.5523 13.875 15 13.875H14V17C14 17.5523 13.5523 18 13 18H11C10.4477 18 10 17.5523 10 17V13.875H9C8.44772 13.875 8 13.4273 8 12.875V9Z" }, null, -1)), tl = /* @__PURE__ */ bt(() => /* @__PURE__ */ d("path", { d: "M15 4C15 5.65685 13.6569 7 12 7C10.3431 7 9 5.65685 9 4C9 2.34315 10.3431 1 12 1C13.6569 1 15 2.34315 15 4Z" }, null, -1)), nl = [
   Ko,
   el,
   tl
@@ -3983,13 +3983,13 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
     return (i, s) => {
       const v = V("v-icon"), u = V("v-btn"), r = V("v-tooltip");
       return m(), E(r, { location: "top" }, {
-        activator: _(({ props: h }) => [
+        activator: _(({ props: g }) => [
           b(u, Se({
             density: "comfortable",
             elevation: "1",
             icon: "",
             onClick: s[0] || (s[0] = (k) => t("toggle"))
-          }, h), {
+          }, g), {
             default: _(() => [
               o.value === "virtualTour" ? (m(), A("svg", Xo, nl)) : (m(), E(v, { key: 1 }, {
                 default: _(() => [
@@ -4549,15 +4549,15 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
       e("closeTutorial", n.value);
     }
     return (v, u) => {
-      const r = V("v-icon"), h = V("v-card-title"), k = V("v-btn"), f = V("v-divider"), c = V("v-card-text"), g = V("v-card-actions"), I = V("v-card"), S = V("v-expand-transition"), y = V("v-checkbox");
+      const r = V("v-icon"), g = V("v-card-title"), k = V("v-btn"), h = V("v-divider"), c = V("v-card-text"), f = V("v-card-actions"), S = V("v-card"), I = V("v-expand-transition"), y = V("v-checkbox");
       return m(), E(Ee, { name: "fade-transition" }, {
         default: _(() => [
-          b(I, {
+          b(S, {
             class: "mx-auto",
             elevation: "16"
           }, {
             default: _(() => [
-              b(h, { class: "text-capitalize" }, {
+              b(g, { class: "text-capitalize" }, {
                 default: _(() => [
                   b(r, { size: "x-small" }, {
                     default: _(() => [
@@ -4589,7 +4589,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
                     ]),
                     _: 1
                   }),
-                  b(f, { class: "my-3" }),
+                  b(h, { class: "my-3" }),
                   i.value ? $("", !0) : (m(), A("div", ll, [
                     d("div", sl, [
                       d("div", rl, [
@@ -4624,13 +4624,13 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
                       d("div", Al, G(T(t).getLabel("useTwoFingersToZoom")), 1)
                     ])
                   ])) : $("", !0),
-                  b(f, { class: "my-1" })
+                  b(h, { class: "my-1" })
                 ]),
                 _: 1
               }),
-              b(S, null, {
+              b(I, null, {
                 default: _(() => [
-                  o.value ? (m(), E(I, {
+                  o.value ? (m(), E(S, {
                     key: 0,
                     class: "position-absolute w-100 bg-white",
                     height: "100%",
@@ -4652,7 +4652,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
                         ]),
                         _: 1
                       }),
-                      b(g, null, {
+                      b(f, null, {
                         default: _(() => [
                           b(k, {
                             variant: "tonal",
@@ -4693,7 +4693,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
                   _: 1
                 }, 8, ["modelValue"])
               ]),
-              b(g, null, {
+              b(f, null, {
                 default: _(() => [
                   b(k, {
                     variant: "tonal",
@@ -4734,7 +4734,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
   emits: ["updateSettings", "saveSettings"],
   setup(l, { emit: a }) {
     const e = l, t = a, n = p(
-      f(e.initialSettings)
+      h(e.initialSettings)
     );
     H(
       n,
@@ -4745,8 +4745,8 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
     );
     const o = O(() => {
       let c = {};
-      for (const [g, I] of Object.entries(n.value))
-        g === "whitePoint" ? c[g] = r(I.value) : c[g] = I.value;
+      for (const [f, S] of Object.entries(n.value))
+        f === "whitePoint" ? c[f] = r(S.value) : c[f] = S.value;
       return c;
     });
     function i() {
@@ -4757,28 +4757,28 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
       c.href = URL.createObjectURL(
         new Blob([JSON.stringify(o.value, null, 2)])
       );
-      const g = `player-settings-${Date.now()}.json`;
-      c.download = g, c.style.display = "none", document.body.appendChild(c), c.click(), document.body.removeChild(c);
+      const f = `player-settings-${Date.now()}.json`;
+      c.download = f, c.style.display = "none", document.body.appendChild(c), c.click(), document.body.removeChild(c);
     }
     function v() {
       t("saveSettings", o.value);
     }
     function u() {
-      n.value = f(), t("updateSettings", o.value);
+      n.value = h(), t("updateSettings", o.value);
     }
     function r(c) {
-      const g = parseInt(c.substr(1, 2), 16) / 255, I = parseInt(c.substr(3, 2), 16) / 255, S = parseInt(c.substr(5, 2), 16) / 255;
-      return [g, I, S];
+      const f = parseInt(c.substr(1, 2), 16) / 255, S = parseInt(c.substr(3, 2), 16) / 255, I = parseInt(c.substr(5, 2), 16) / 255;
+      return [f, S, I];
     }
-    function h(c) {
-      var g = c.toString(16);
-      return g.length == 1 ? "0" + g : g;
+    function g(c) {
+      var f = c.toString(16);
+      return f.length == 1 ? "0" + f : f;
     }
-    function k([c, g, I]) {
-      return "#" + h(parseInt((c * 255).toString())) + h(parseInt((g * 255).toString())) + h(parseInt((I * 255).toString()));
+    function k([c, f, S]) {
+      return "#" + g(parseInt((c * 255).toString())) + g(parseInt((f * 255).toString())) + g(parseInt((S * 255).toString()));
     }
-    function f(c = {}) {
-      const g = [
+    function h(c = {}) {
+      const f = [
         "Cool 5",
         "Cool 10",
         "Cool 15",
@@ -4791,7 +4791,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
         "Warm 5",
         "bw"
       ];
-      let I = {
+      let S = {
         temperature: 6500,
         targetLuminance: 1,
         exposureFovScale: 0.6,
@@ -4810,7 +4810,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
           min: 0,
           max: 1,
           step: 0.01,
-          value: I.exposureFovScale
+          value: S.exposureFovScale
         },
         targetLuminance: {
           label: "Target Luminance",
@@ -4818,7 +4818,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
           min: 0,
           max: 15,
           step: 0.1,
-          value: I.targetLuminance
+          value: S.targetLuminance
         },
         sharpenFilter_amount: {
           label: "Sharpen Filter Amount",
@@ -4826,12 +4826,12 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
           min: 0,
           max: 100,
           step: 0.1,
-          value: I.sharpenFilter_amount
+          value: S.sharpenFilter_amount
         },
         UNREAL_BLOOM_ENABLED: {
           label: "Enable Bloom?",
           type: "boolean",
-          value: I.UNREAL_BLOOM_ENABLED
+          value: S.UNREAL_BLOOM_ENABLED
         },
         UNREAL_BLOOM_STRENGTH: {
           label: "Bloom Strength",
@@ -4839,7 +4839,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
           min: 0,
           max: 1,
           step: 0.01,
-          value: I.UNREAL_BLOOM_STRENGTH
+          value: S.UNREAL_BLOOM_STRENGTH
         },
         TRANSITION_MOVEMENT_SCALE: {
           label: "Transition Movement Speed",
@@ -4847,7 +4847,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
           min: 0.2,
           max: 25,
           step: 0.1,
-          value: I.TRANSITION_MOVEMENT_SCALE
+          value: S.TRANSITION_MOVEMENT_SCALE
         },
         temperature: {
           label: "Temperature / White Balance",
@@ -4855,34 +4855,34 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
           min: 1e3,
           max: 12e3,
           step: 1,
-          value: I.temperature
+          value: S.temperature
         },
         whitePoint: {
           label: "White Point",
           type: "color",
-          value: k(I.whitePoint)
+          value: k(S.whitePoint)
         },
         lut: {
           label: "Lut",
           type: "lut",
-          items: g.map((S) => ({
-            text: S,
-            value: `https://cdn.visuado.com/luts/${S}.png`
+          items: f.map((I) => ({
+            text: I,
+            value: `https://cdn.visuado.com/luts/${I}.png`
           })),
-          value: I.lut
+          value: S.lut
         }
       };
     }
-    return (c, g) => {
-      const I = V("v-text-field"), S = V("v-slider"), y = V("v-checkbox"), R = V("v-btn"), F = V("v-select"), Y = V("v-icon");
+    return (c, f) => {
+      const S = V("v-text-field"), I = V("v-slider"), y = V("v-checkbox"), R = V("v-btn"), F = V("v-select"), Y = V("v-icon");
       return m(), A("div", Bl, [
         d("form", $l, [
           d("div", Rl, [
-            (m(!0), A(ie, null, ve(n.value, (D, C, W) => (m(), A("div", {
+            (m(!0), A(ue, null, ve(n.value, (D, C, W) => (m(), A("div", {
               key: W,
               "d-block": ""
             }, [
-              D.type === "slider" ? (m(), E(S, {
+              D.type === "slider" ? (m(), E(I, {
                 key: 0,
                 modelValue: n.value[C].value,
                 "onUpdate:modelValue": (L) => n.value[C].value = L,
@@ -4896,7 +4896,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
                 ]),
                 append: _(() => [
                   d("div", null, [
-                    b(I, {
+                    b(S, {
                       modelValue: n.value[C].value,
                       "onUpdate:modelValue": (L) => n.value[C].value = L,
                       "hide-details": "",
@@ -4945,7 +4945,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
                   ])
                 ]),
                 d("div", null, [
-                  b(I, {
+                  b(S, {
                     modelValue: n.value[C].value,
                     "onUpdate:modelValue": (L) => n.value[C].value = L,
                     "hide-details": "",
@@ -4993,7 +4993,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
                     Zl,
                     d("div", ql, [
                       d("div", null, [
-                        b(I, {
+                        b(S, {
                           modelValue: n.value[C].value,
                           "onUpdate:modelValue": (L) => n.value[C].value = L,
                           "hide-details": "",
@@ -5010,7 +5010,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
           ]),
           d("div", Jl, [
             b(R, {
-              onClick: g[0] || (g[0] = (D) => u())
+              onClick: f[0] || (f[0] = (D) => u())
             }, {
               default: _(() => [
                 ee("Reset")
@@ -5019,7 +5019,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
             }),
             b(R, {
               class: "ml-2",
-              onClick: g[1] || (g[1] = (D) => s())
+              onClick: f[1] || (f[1] = (D) => s())
             }, {
               default: _(() => [
                 ee(" Download Json "),
@@ -5034,7 +5034,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
             }),
             b(R, {
               class: "ml-2",
-              onClick: g[2] || (g[2] = (D) => v())
+              onClick: f[2] || (f[2] = (D) => v())
             }, {
               default: _(() => [
                 ee(" Save Settings "),
@@ -5067,20 +5067,20 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
       const s = document.getElementById(i.id + "Header");
       if (!s)
         return;
-      let v = 0, u = 0, r = 0, h = 0;
+      let v = 0, u = 0, r = 0, g = 0;
       s.addEventListener("touchstart", k, { passive: !1 }), s.addEventListener("touchend", c, { passive: !1 }), s.addEventListener("mousedown", k, { passive: !1 }), s.addEventListener("mouseup", c, { passive: !1 });
-      function k(g) {
-        g = g || window.event, g.preventDefault();
-        let I = g;
-        g.type === "touchstart" && (I = g.touches[0]), r = I.clientX, h = I.clientY, document.addEventListener("mouseup", c, { passive: !1 }), document.addEventListener("touchend", c, { passive: !1 }), document.addEventListener("mousemove", f, { passive: !1 }), document.addEventListener("touchmove", f, { passive: !1 });
+      function k(f) {
+        f = f || window.event, f.preventDefault();
+        let S = f;
+        f.type === "touchstart" && (S = f.touches[0]), r = S.clientX, g = S.clientY, document.addEventListener("mouseup", c, { passive: !1 }), document.addEventListener("touchend", c, { passive: !1 }), document.addEventListener("mousemove", h, { passive: !1 }), document.addEventListener("touchmove", h, { passive: !1 });
       }
-      function f(g) {
-        g = g || window.event, g.preventDefault();
-        let I = g;
-        g.type === "touchmove" && (I = g.touches[0]), v = r - I.clientX, u = h - I.clientY, r = I.clientX, h = I.clientY, i.style.top = i.offsetTop - u + "px", i.style.left = i.offsetLeft - v + "px";
+      function h(f) {
+        f = f || window.event, f.preventDefault();
+        let S = f;
+        f.type === "touchmove" && (S = f.touches[0]), v = r - S.clientX, u = g - S.clientY, r = S.clientX, g = S.clientY, i.style.top = i.offsetTop - u + "px", i.style.left = i.offsetLeft - v + "px";
       }
       function c() {
-        document.removeEventListener("mouseup", c, !1), document.removeEventListener("mousemove", f, !1), document.removeEventListener("touchend", c, !1), document.removeEventListener("touchmove", f, !1);
+        document.removeEventListener("mouseup", c, !1), document.removeEventListener("mousemove", h, !1), document.removeEventListener("touchend", c, !1), document.removeEventListener("touchmove", h, !1);
       }
     }
     function o() {
@@ -5153,11 +5153,11 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
     transformAngle: {}
   },
   setup(l) {
-    const a = l, e = p(512), t = p(384), n = p(new He.Vector3()), o = p(new He.Object3D()), i = p({}), s = p(1), v = p(), u = O(() => a.allCameras), r = O(() => a.allCameras.find((C) => C.id === a.currentCamera)), h = O(() => a.rotation), k = O(() => new He.Vector3(
+    const a = l, e = p(512), t = p(384), n = p(new He.Vector3()), o = p(new He.Object3D()), i = p({}), s = p(1), v = p(), u = O(() => a.allCameras), r = O(() => a.allCameras.find((C) => C.id === a.currentCamera)), g = O(() => a.rotation), k = O(() => new He.Vector3(
       a.storey.position.x,
       a.storey.position.y,
       a.storey.position.z
-    )), f = O(() => parseFloat(r.value.floor_vertical_position)), c = O(() => u.value.map((C) => {
+    )), h = O(() => parseFloat(r.value.floor_vertical_position)), c = O(() => u.value.map((C) => {
       const W = C.uposition.split(","), L = new He.Vector3(
         Number(W[0]) - k.value.x,
         0,
@@ -5167,7 +5167,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
         ...C,
         ...F(n.value, L)
       };
-    })), g = O(() => `background-image: url(${a.backgroundImage});`), I = O(() => {
+    })), f = O(() => `background-image: url(${a.backgroundImage});`), S = O(() => {
       let C = s.value > 1 ? 1 : s.value;
       return C < 0.8 && (C = 0.4), `scale: ${C > 1 ? 1 : C}; transform: rotate(${a.transformAngle}deg);`;
     });
@@ -5180,7 +5180,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
     }), Ye(() => {
       v.value && v.value.unobserve(document.getElementById("moveableDiv"));
     });
-    function S(C) {
+    function I(C) {
       return He.MathUtils.degToRad(C);
     }
     function y() {
@@ -5204,8 +5204,8 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
       };
     }
     function Y() {
-      const C = a.storey.position.y - f.value;
-      t.value = 2 * (C * Math.tan(S(a.storey.fovY / 2))), e.value = 512 / 384 * t.value;
+      const C = a.storey.position.y - h.value;
+      t.value = 2 * (C * Math.tan(I(a.storey.fovY / 2))), e.value = 512 / 384 * t.value;
       const W = t.value / 2, L = e.value / 2, Z = new He.Vector3(L * -1, 0, W * -1);
       n.value = Z;
     }
@@ -5220,29 +5220,29 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
       d("div", ms, [
         d("div", {
           class: "web-minimap",
-          style: ue(I.value)
+          style: ie(S.value)
         }, [
           d("div", {
             class: "minimap-background-image",
-            style: ue(g.value)
+            style: ie(f.value)
           }, null, 4),
           d("div", {
             class: "center-pivot",
-            style: ue(i.value)
+            style: ie(i.value)
           }, [
-            (m(!0), A(ie, null, ve(c.value, (L) => (m(), A("div", {
+            (m(!0), A(ue, null, ve(c.value, (L) => (m(), A("div", {
               key: L.id
             }, [
               r.value.floorLevel === L.floorLevel ? (m(), A("div", {
                 key: 0,
                 class: "single-camera-marker",
-                style: ue(R(L))
+                style: ie(R(L))
               }, null, 4)) : $("", !0),
               r.value.id === L.id && a.rotation !== null ? (m(), E(ds, {
                 key: 1,
                 class: "rotation-marker-component",
-                rotation: h.value,
-                style: ue({ ...R(L) })
+                rotation: g.value,
+                style: ie({ ...R(L) })
               }, null, 8, ["rotation", "style"])) : $("", !0)
             ]))), 128))
           ], 4)
@@ -5261,7 +5261,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
     const a = l, e = O(() => a.rotation + a.transformAngle - 90);
     return (t, n) => (m(), A("div", {
       class: "minimap-compass",
-      style: ue({ scale: t.scale })
+      style: ie({ scale: t.scale })
     }, [
       b(Je, {
         class: "north-indicator",
@@ -5282,10 +5282,10 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
   },
   emits: ["setBackgroundImage"],
   setup(l, { emit: a }) {
-    const e = l, t = a, n = p((/* @__PURE__ */ new Date()).getHours()), o = p(!0), i = p(!0), s = p(""), v = p(/* @__PURE__ */ new Map()), u = O(() => e.minimapJson.storeys[e.level]), r = O(() => `${Math.floor(n.value).toString().padStart(2, "0")}:00`), h = O(() => {
+    const e = l, t = a, n = p((/* @__PURE__ */ new Date()).getHours()), o = p(!0), i = p(!0), s = p(""), v = p(/* @__PURE__ */ new Map()), u = O(() => e.minimapJson.storeys[e.level]), r = O(() => `${Math.floor(n.value).toString().padStart(2, "0")}:00`), g = O(() => {
       if (u.value.sunsimFilesTimeStamps[n.value]) {
-        const S = u.value.sunsimFilesTimeStamps[n.value].split(" ");
-        return `${S[0]} ${S[1]}`;
+        const I = u.value.sunsimFilesTimeStamps[n.value].split(" ");
+        return `${I[0]} ${I[1]}`;
       }
       return "";
     });
@@ -5293,11 +5293,11 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
       s.value = await c(
         u.value.sunsimFiles[n.value]
       ), i.value = !1;
-      const S = await f(e.minimapJson.storeys);
-      v.value = S, o.value = !1, t("setBackgroundImage", k(e.level, n.value));
+      const I = await h(e.minimapJson.storeys);
+      v.value = I, o.value = !1, t("setBackgroundImage", k(e.level, n.value));
     }), H(n, () => {
-      const S = k(e.level, n.value);
-      t("setBackgroundImage", S);
+      const I = k(e.level, n.value);
+      t("setBackgroundImage", I);
     }), H(
       () => e.level,
       () => {
@@ -5305,13 +5305,13 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
       },
       { immediate: !0 }
     );
-    function k(S, y) {
-      return v.value.get(`sunsim${S}_${y}`) ? v.value.get(`sunsim${S}_${y}`) : "";
+    function k(I, y) {
+      return v.value.get(`sunsim${I}_${y}`) ? v.value.get(`sunsim${I}_${y}`) : "";
     }
-    async function f(S) {
+    async function h(I) {
       let y = /* @__PURE__ */ new Map();
-      for (let R = 0; R < S.length; R++) {
-        const F = S[R].sunsimFiles;
+      for (let R = 0; R < I.length; R++) {
+        const F = I[R].sunsimFiles;
         for (let Y = 0; Y < F.length; Y++) {
           const D = F[Y];
           try {
@@ -5324,28 +5324,28 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
       }
       return y;
     }
-    async function c(S) {
+    async function c(I) {
       const R = await (await fetch(
         ce(
           e.cdnFileResolver,
-          `/${e.apartmentJson.type}/${e.apartmentJson.id}/minimap/${S}`
+          `/${e.apartmentJson.type}/${e.apartmentJson.id}/minimap/${I}`
         )
-      )).blob(), F = await I(R);
-      return g(F);
+      )).blob(), F = await S(R);
+      return f(F);
     }
-    function g(S) {
-      return "data:image/jpeg;base64," + S;
+    function f(I) {
+      return "data:image/jpeg;base64," + I;
     }
-    async function I(S) {
+    async function S(I) {
       return new Promise((y, R) => {
         const F = new FileReader();
         F.onload = () => {
           const Y = F.result.split(",")[1];
           y(Y);
-        }, F.onerror = R, F.readAsDataURL(S);
+        }, F.onerror = R, F.readAsDataURL(I);
       });
     }
-    return (S, y) => {
+    return (I, y) => {
       const R = V("v-progress-linear"), F = V("v-icon"), Y = V("v-slider");
       return m(), A("div", ys, [
         d("div", _s, [
@@ -5380,7 +5380,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
               _: 1
             }, 8, ["modelValue"]))
           ]),
-          o.value ? $("", !0) : (m(), A("div", Cs, G(h.value) + " " + G(r.value), 1))
+          o.value ? $("", !0) : (m(), A("div", Cs, G(g.value) + " " + G(r.value), 1))
         ])
       ]);
     };
@@ -5415,8 +5415,8 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
     function u() {
       o.value = o.value + 90;
     }
-    return (r, h) => (m(), E(ls, {
-      onClose: h[0] || (h[0] = (k) => t("close")),
+    return (r, g) => (m(), E(ls, {
+      onClose: g[0] || (g[0] = (k) => t("close")),
       onTransform: u
     }, {
       body: _(() => [
@@ -5448,7 +5448,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
       _: 1
     }));
   }
-}), It = /* @__PURE__ */ K(Is, [["__scopeId", "data-v-898e645b"]]), Ss = 37, Ds = 39, xs = /* @__PURE__ */ j({
+}), wt = /* @__PURE__ */ K(Is, [["__scopeId", "data-v-898e645b"]]), Ss = 37, Ds = 39, xs = /* @__PURE__ */ j({
   __name: "VWaypointCarousel",
   props: {
     thumbnails: {},
@@ -5487,7 +5487,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
       r(), t("goto", u);
     }
     return (u, r) => {
-      const h = V("v-btn"), k = V("v-img"), f = V("v-card"), c = V("v-slide-group-item"), g = V("v-slide-group");
+      const g = V("v-btn"), k = V("v-img"), h = V("v-card"), c = V("v-slide-group-item"), f = V("v-slide-group");
       return m(), A("div", {
         class: he({
           mobileWaypointWrapper: i.value,
@@ -5495,9 +5495,9 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
           " waypoint-carousel": !0
         })
       }, [
-        b(g, {
+        b(f, {
           modelValue: o.value,
-          "onUpdate:modelValue": r[2] || (r[2] = (I) => o.value = I),
+          "onUpdate:modelValue": r[2] || (r[2] = (S) => o.value = S),
           class: he({ mobileWaypoint: i.value }),
           "active-class": "active-apt",
           "selected-class": "active-apt",
@@ -5506,29 +5506,29 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
           mandatory: ""
         }, {
           prev: _(() => [
-            b(h, {
+            b(g, {
               class: he(["carousel-button", { mobile: i.value }]),
               icon: "mdi-chevron-left",
               varient: "tonal",
               size: "small",
-              onClick: r[0] || (r[0] = (I) => t("previous"))
+              onClick: r[0] || (r[0] = (S) => t("previous"))
             }, null, 8, ["class"])
           ]),
           next: _(() => [
-            b(h, {
+            b(g, {
               class: he(["carousel-button", { mobile: i.value }]),
               icon: "mdi-chevron-right",
               varient: "tonal",
               size: "small",
-              onClick: r[1] || (r[1] = (I) => t("next"))
+              onClick: r[1] || (r[1] = (S) => t("next"))
             }, null, 8, ["class"])
           ]),
           default: _(() => [
-            (m(!0), A(ie, null, ve(u.thumbnails, (I) => (m(), E(c, {
-              key: I.id
+            (m(!0), A(ue, null, ve(u.thumbnails, (S) => (m(), E(c, {
+              key: S.id
             }, {
-              default: _(({ toggle: S, selectedClass: y }) => [
-                b(f, {
+              default: _(({ toggle: I, selectedClass: y }) => [
+                b(h, {
                   class: he([
                     i.value ? "ma-0" : "ma-1",
                     y,
@@ -5537,13 +5537,13 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
                   align: "center",
                   justify: "center",
                   style: { overflow: "hidden" },
-                  onClick: (R) => v(I.id, S)
+                  onClick: (R) => v(S.id, I)
                 }, {
                   default: _(() => [
                     b(k, {
                       cover: "",
                       "aspect-ratio": 1,
-                      src: I.thumbnailUrl
+                      src: S.thumbnailUrl
                     }, null, 8, ["src"])
                   ]),
                   _: 2
@@ -5589,9 +5589,9 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
       navigator.clipboard.writeText(location.href);
     }
     return (v, u) => {
-      const r = V("v-btn"), h = V("v-tooltip"), k = V("v-toolbar-title"), f = V("v-spacer"), c = V("v-toolbar"), g = V("v-card-text"), I = V("v-card"), S = V("v-dialog");
+      const r = V("v-btn"), g = V("v-tooltip"), k = V("v-toolbar-title"), h = V("v-spacer"), c = V("v-toolbar"), f = V("v-card-text"), S = V("v-card"), I = V("v-dialog");
       return m(), A("div", null, [
-        b(h, {
+        b(g, {
           elevation: "2",
           top: "",
           attach: ""
@@ -5609,14 +5609,14 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
           ]),
           _: 1
         }),
-        b(S, {
+        b(I, {
           id: "share-box",
           width: "400",
           modelValue: e.value,
           "onUpdate:modelValue": u[2] || (u[2] = (y) => e.value = y)
         }, {
           default: _(() => [
-            b(I, null, {
+            b(S, null, {
               default: _(() => [
                 b(c, { elevation: "0" }, {
                   default: _(() => [
@@ -5631,14 +5631,14 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
                       ]),
                       _: 1
                     }),
-                    b(f)
+                    b(h)
                   ]),
                   _: 1
                 }),
-                b(g, { class: "mt-5" }, {
+                b(f, { class: "mt-5" }, {
                   default: _(() => [
                     d("p", As, [
-                      b(h, { location: "top" }, {
+                      b(g, { location: "top" }, {
                         activator: _(({ props: y }) => [
                           b(r, Se({
                             depressed: "",
@@ -5652,7 +5652,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
                         ]),
                         _: 1
                       }),
-                      b(h, { location: "top" }, {
+                      b(g, { location: "top" }, {
                         activator: _(({ props: y }) => [
                           b(r, Se({
                             depressed: "",
@@ -5666,7 +5666,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
                         ]),
                         _: 1
                       }),
-                      b(h, { location: "top" }, {
+                      b(g, { location: "top" }, {
                         activator: _(({ props: y }) => [
                           b(r, Se({
                             depressed: "",
@@ -5680,7 +5680,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
                         ]),
                         _: 1
                       }),
-                      b(h, { location: "top" }, {
+                      b(g, { location: "top" }, {
                         activator: _(({ props: y }) => [
                           b(r, Se({
                             depressed: "",
@@ -5696,7 +5696,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
                         ]),
                         _: 1
                       }),
-                      b(h, { location: "top" }, {
+                      b(g, { location: "top" }, {
                         activator: _(({ props: y }) => [
                           b(r, Se({
                             depressed: "",
@@ -5711,7 +5711,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
                         ]),
                         _: 1
                       }),
-                      b(f)
+                      b(h)
                     ])
                   ]),
                   _: 1
@@ -5736,7 +5736,7 @@ const bo = { id: "player-wrapper" }, Co = { id: "player-sizer" }, ko = {
     return (t, n) => (m(), A("div", Ls, [
       d("div", {
         class: he(["img-div", [t.aspectRatio]]),
-        style: ue(e.value)
+        style: ie(e.value)
       }, null, 6)
     ]));
   }
@@ -5870,7 +5870,7 @@ const Es = {
       takeSnapshot: dt,
       setCurrentCamera: U
     });
-    const o = p(!1), i = p(!1), s = p(!1), v = p(), u = p(), r = p(), h = p(), k = p(), f = p(0), c = p(), g = p(), I = p(), S = p(0), y = p(0), R = p(0), F = p(!1), Y = p(!1), D = p(!1), C = p(
+    const o = p(!1), i = p(!1), s = p(!1), v = p(), u = p(), r = p(), g = p(), k = p(), h = p(0), c = p(), f = p(), S = p(), I = p(0), y = p(0), R = p(0), F = p(!1), Y = p(!1), D = p(!1), C = p(
       new Ot(document, "player-wrapper")
     ), W = O(() => {
       if (u.value) {
@@ -5905,7 +5905,7 @@ const Es = {
       imageUrl: at(
         `/${c.value}/${t.apartmentId}/images/1600/${x.id}.jpg`
       )
-    })) : []), M = O(() => !w.value || !w.value[f.value] ? "" : w.value[f.value].imageUrl), q = O(() => {
+    })) : []), M = O(() => !w.value || !w.value[h.value] ? "" : w.value[h.value].imageUrl), q = O(() => {
       let x = [];
       return v.value && (x = v.value.archetypes), t.validInteriorIds.length ? x.filter(
         (X) => t.validInteriorIds.includes(X.archetypeID)
@@ -5913,11 +5913,11 @@ const Es = {
     }), Q = O(() => r.value ? q.value.map((x) => ({
       ...x,
       url: at(
-        `/${x.archetypeID}/${t.apartmentId}/thumbs/200/${w.value[f.value].id}.jpg`
+        `/${x.archetypeID}/${t.apartmentId}/thumbs/200/${w.value[h.value].id}.jpg`
       )
     })) : []), oe = O(() => {
-      if (h.value && h.value.storeys && L.value in h.value.storeys)
-        return h.value.storeys[L.value];
+      if (g.value && g.value.storeys && L.value in g.value.storeys)
+        return g.value.storeys[L.value];
     }), P = O(() => u.value && u.value.timeInHours), B = O(() => {
       if (u.value && u.value.timeInHours && t.showTimeOfDay)
         return Rt(u.value.timeInHours);
@@ -5949,14 +5949,14 @@ const Es = {
       if (u.value = await Me(
         c.value,
         t.apartmentId
-      ), u.value && (g.value = u.value.cameras.find(() => !0).id), r.value = await Te(
+      ), u.value && (f.value = u.value.cameras.find(() => !0).id), r.value = await Te(
         c.value,
         t.apartmentId
       ), r.value) {
         let x = t.defaultWaypointIndex !== null ? t.defaultWaypointIndex : 0;
-        f.value = x, g.value = r.value.cameras[x].id, I.value = r.value.cameras[x].id;
+        h.value = x, f.value = r.value.cameras[x].id, S.value = r.value.cameras[x].id;
       }
-      t.showMiniMap && (h.value = await De(
+      t.showMiniMap && (g.value = await De(
         c.value,
         t.apartmentId
       ));
@@ -6043,28 +6043,28 @@ const Es = {
       }
     }
     function Ae() {
-      let x = f.value + 1;
-      x >= w.value.length && (x = 0), f.value = x, U(w.value[f.value].id);
+      let x = h.value + 1;
+      x >= w.value.length && (x = 0), h.value = x, U(w.value[h.value].id);
     }
     function be() {
-      let x = f.value - 1;
-      x < 0 && (x = w.value.length - 1), f.value = x, U(w.value[f.value].id);
+      let x = h.value - 1;
+      x < 0 && (x = w.value.length - 1), h.value = x, U(w.value[h.value].id);
     }
     function _e(x, X = !0) {
       let le = w.value.findIndex((Ie) => Ie.id === x);
-      le != -1 && (f.value = le, X && U(x));
+      le != -1 && (h.value = le, X && U(x));
     }
     function U(x) {
-      g.value = x;
+      f.value = x;
     }
     function te(x) {
-      c.value = x, n("onInteriorUpdate", x), n("onCameraUpdate", I.value, u.value);
+      c.value = x, n("onInteriorUpdate", x), n("onCameraUpdate", S.value, u.value);
     }
     function z(x) {
-      _e(x, !1), I.value = x, n("onCameraUpdate", x, u.value);
+      _e(x, !1), S.value = x, n("onCameraUpdate", x, u.value);
     }
     function N(x) {
-      S.value = x;
+      I.value = x;
     }
     function ae(x) {
       y.value = x;
@@ -6098,7 +6098,7 @@ const Es = {
     async function ot(x) {
       const X = at(x);
       try {
-        return (await pt.get(X)).data;
+        return (await mt.get(X)).data;
       } catch (le) {
         throw new Error(le);
       }
@@ -6117,7 +6117,7 @@ const Es = {
     }
     const vt = O(() => /Android|webOS|iPhone|iPad|BlackBerry|Windows Phone|Opera Mini|IEMobile|Mobile/i.test(
       window.navigator.userAgent
-    )), kt = O(() => vt.value ? "platform-mobile" : "platform-desktop"), Ut = (x = !1) => {
+    )), Ct = O(() => vt.value ? "platform-mobile" : "platform-desktop"), Ut = (x = !1) => {
       D.value = !0, o.value = !1, x && Ht();
     }, Ht = () => {
       const x = ce(
@@ -6137,30 +6137,30 @@ const Es = {
     return (x, X) => {
       const le = V("v-btn");
       return m(), A("div", {
-        class: he(["virtual-tour-wrapper", [kt.value]])
+        class: he(["virtual-tour-wrapper", [Ct.value]])
       }, [
         s.value ? (m(), A("div", Es, "Error loading the player!!")) : $("", !0),
         d("div", Os, [
-          !C.value.isActive && h.value && I.value && oe.value && c.value && Y.value ? (m(), E(It, {
+          !C.value.isActive && g.value && S.value && oe.value && c.value && Y.value ? (m(), E(wt, {
             key: 0,
             "cdn-file-resolver": x.cdnFileResolver,
             "apartment-json": u.value,
             level: L.value,
-            "minimap-json": h.value,
-            rotation: S.value,
-            "current-camera": I.value,
+            "minimap-json": g.value,
+            rotation: I.value,
+            "current-camera": S.value,
             onClose: X[0] || (X[0] = (Ie) => Y.value = !1)
           }, null, 8, ["cdn-file-resolver", "apartment-json", "level", "minimap-json", "rotation", "current-camera"])) : $("", !0),
-          c.value && g.value ? (m(), A("div", {
+          c.value && f.value ? (m(), A("div", {
             key: 1,
-            class: he(["v-player", [kt.value]])
+            class: he(["v-player", [Ct.value]])
           }, [
             b(Vo, {
               "cdn-file-resolver": x.cdnFileResolver,
-              style: ue({ zIndex: F.value ? 1 : 2 }),
+              style: ie({ zIndex: F.value ? 1 : 2 }),
               "show-static-image": F.value,
               "is-full-screen": C.value.isActive,
-              "current-camera-id": g.value,
+              "current-camera-id": f.value,
               "mouse-sensitivity": x.mouseSensitivity,
               "interior-id": c.value,
               "apartment-id": t.apartmentId,
@@ -6197,7 +6197,7 @@ const Es = {
                 }, null, 512), [
                   [ge, D.value]
                 ]),
-                h.value && g.value && oe.value ? pe((m(), E(le, {
+                g.value && f.value && oe.value ? pe((m(), E(le, {
                   key: 1,
                   density: "comfortable",
                   elevation: "3",
@@ -6224,7 +6224,7 @@ const Es = {
               "top-center": _(() => []),
               "top-right": _(() => [
                 u.value && x.showCompass ? pe((m(), A("div", $s, [
-                  b(Wo, { rotation: S.value }, null, 8, ["rotation"])
+                  b(Wo, { rotation: I.value }, null, 8, ["rotation"])
                 ], 512)), [
                   [ge, D.value]
                 ]) : $("", !0),
@@ -6236,8 +6236,8 @@ const Es = {
                     hours: B.value.hours,
                     minutes: B.value.minutes,
                     class: "time-of-day",
-                    style: ue({
-                      cursor: h.value && I.value && oe.value ? "pointer" : "default"
+                    style: ie({
+                      cursor: g.value && S.value && oe.value ? "pointer" : "default"
                     })
                   }, null, 8, ["hours", "minutes", "style"])) : $("", !0)
                 ])
@@ -6261,13 +6261,13 @@ const Es = {
                   key: 0,
                   onCloseTutorial: X[5] || (X[5] = (Ie) => Ut(Ie))
                 })) : $("", !0),
-                C.value.isActive && h.value && I.value && oe.value && Y.value ? (m(), E(It, {
+                C.value.isActive && g.value && S.value && oe.value && Y.value ? (m(), E(wt, {
                   key: 1,
                   "cdn-file-resolver": x.cdnFileResolver,
                   "apartment-json": u.value,
-                  "minimap-json": h.value,
-                  rotation: S.value,
-                  "current-camera": I.value,
+                  "minimap-json": g.value,
+                  rotation: I.value,
+                  "current-camera": S.value,
                   level: L.value,
                   onClose: X[6] || (X[6] = (Ie) => Y.value = !1)
                 }, null, 8, ["cdn-file-resolver", "apartment-json", "minimap-json", "rotation", "current-camera", "level"])) : $("", !0)
@@ -6318,7 +6318,7 @@ const Es = {
                     key: 0,
                     class: he([C.value.isActive ? "full-screen" : ""]),
                     thumbnails: w.value,
-                    active: f.value,
+                    active: h.value,
                     onNext: Ae,
                     onPrevious: be,
                     onGoto: _e
@@ -6342,7 +6342,7 @@ const Es = {
               key: 0,
               class: "waypoint-carousel below-player",
               thumbnails: w.value,
-              active: f.value,
+              active: h.value,
               onNext: Ae,
               onPrevious: be,
               onGoto: _e
@@ -6442,8 +6442,8 @@ const Es = {
     const e = p(0), t = p(
       new Ot(document, "player-wrapper")
     ), n = O(() => a.images.map(
-      (r, h) => ({
-        id: `image-${h}`,
+      (r, g) => ({
+        id: `image-${g}`,
         thumbnailUrl: r
       })
     )), o = O(() => n.value[e.value]);
@@ -6461,14 +6461,14 @@ const Es = {
       let r = e.value - 1;
       r < 0 && (r = n.value.length - 1), e.value = r;
     }
-    function u(r, h = !0) {
+    function u(r, g = !0) {
       let k = n.value.findIndex(
-        (f) => f.id === r
+        (h) => h.id === r
       );
       k != -1 && (e.value = k);
     }
-    return (r, h) => {
-      const k = V("v-img"), f = V("v-btn");
+    return (r, g) => {
+      const k = V("v-img"), h = V("v-btn");
       return m(), A("div", lr, [
         d("div", sr, [
           d("div", null, [
@@ -6488,7 +6488,7 @@ const Es = {
               "center-left": _(() => [
                 b(Ee, { name: "slide-x-transition" }, {
                   default: _(() => [
-                    n.value.length > 1 ? (m(), E(f, {
+                    n.value.length > 1 ? (m(), E(h, {
                       key: 0,
                       density: "comfortable",
                       elevation: "3",
@@ -6503,7 +6503,7 @@ const Es = {
               "center-right": _(() => [
                 b(Ee, { name: "slide-x-reverse-transition" }, {
                   default: _(() => [
-                    n.value.length > 1 ? (m(), E(f, {
+                    n.value.length > 1 ? (m(), E(h, {
                       key: 0,
                       density: "comfortable",
                       elevation: "3",
@@ -6581,7 +6581,7 @@ const Es = {
   },
   setup(l) {
     const a = l, { dayData: e, cdnFileResolver: t, currentTime: n } = Oe(a);
-    return (o, i) => (m(!0), A(ie, null, ve(T(e).timeSamples, (s) => (m(), E(mr, {
+    return (o, i) => (m(!0), A(ue, null, ve(T(e).timeSamples, (s) => (m(), E(mr, {
       key: s.filename,
       "time-sample-data": s,
       "cdn-file-resolver": T(t),
@@ -6602,7 +6602,7 @@ const Es = {
       t.value,
       n.value.defaultFilename
     ));
-    return (s, v) => T(e).sunsimDayOfYear ? (m(!0), A(ie, { key: 0 }, ve(T(e).sunsimDayOfYear, (u) => (m(), E(pr, {
+    return (s, v) => T(e).sunsimDayOfYear ? (m(!0), A(ue, { key: 0 }, ve(T(e).sunsimDayOfYear, (u) => (m(), E(pr, {
       key: u.dayOfYear,
       "day-data": u,
       "cdn-file-resolver": T(t),
@@ -6634,7 +6634,7 @@ const Es = {
     ]);
   }
 }), _r = /* @__PURE__ */ K(yr, [["__scopeId", "data-v-a7a18237"]]);
-function mt(l) {
+function It(l) {
   const a = /* @__PURE__ */ new Date(0);
   return a.setUTCDate(l), a.toLocaleString("en-no", {
     month: "short",
@@ -6642,6 +6642,7 @@ function mt(l) {
   });
 }
 const br = {
+  key: 0,
   class: "d-inline-block",
   style: { "vertical-align": "top" }
 }, Cr = /* @__PURE__ */ j({
@@ -6665,18 +6666,17 @@ const br = {
         )
       );
     }), (u, r) => {
-      const h = V("v-btn"), k = V("v-field"), f = V("v-list-item-title"), c = V("v-list-item"), g = V("v-list"), I = V("v-menu"), S = V("v-text-field");
-      return m(), A("div", br, [
-        T(n).sunsimDayOfYear.length > 1 ? (m(), E(I, { key: 0 }, {
-          activator: _(({ props: y }) => [
+      const g = V("v-btn"), k = V("v-field"), h = V("v-list-item-title"), c = V("v-list-item"), f = V("v-list"), S = V("v-menu");
+      return T(n).sunsimDayOfYear.length > 0 ? (m(), A("div", br, [
+        b(S, null, {
+          activator: _(({ props: I }) => [
             b(k, {
               variant: "solo-filled",
               rounded: "",
               flat: ""
             }, {
               default: _(() => [
-                T(n).sunsimDayOfYear.length > 0 ? (m(), E(h, Se({
-                  key: 0,
+                b(g, Se({
                   variant: "text",
                   rounded: "",
                   flat: "",
@@ -6685,28 +6685,28 @@ const br = {
                   "append-icon": T(n).sunsimDayOfYear.length > 1 ? "mdi-menu-down" : void 0,
                   disabled: T(i),
                   size: T(t) ? "small" : void 0
-                }, y), {
+                }, I), {
                   default: _(() => [
-                    ee(G(T(mt)(v.value)), 1)
+                    ee(G(T(It)(v.value)), 1)
                   ]),
                   _: 2
-                }, 1040, ["readonly", "append-icon", "disabled", "size"])) : $("", !0)
+                }, 1040, ["readonly", "append-icon", "disabled", "size"])
               ]),
               _: 2
             }, 1024)
           ]),
           default: _(() => [
-            b(g, null, {
+            b(f, null, {
               default: _(() => [
-                (m(!0), A(ie, null, ve(T(n).sunsimDayOfYear, (y, R) => (m(), E(c, {
-                  key: R,
-                  value: R,
-                  onClick: (F) => v.value = y.dayOfYear
+                (m(!0), A(ue, null, ve(T(n).sunsimDayOfYear, (I, y) => (m(), E(c, {
+                  key: y,
+                  value: y,
+                  onClick: (R) => v.value = I.dayOfYear
                 }, {
                   default: _(() => [
-                    b(f, null, {
+                    b(h, null, {
                       default: _(() => [
-                        ee(G(T(mt)(y.dayOfYear)), 1)
+                        ee(G(T(It)(I.dayOfYear)), 1)
                       ]),
                       _: 2
                     }, 1024)
@@ -6718,21 +6718,11 @@ const br = {
             })
           ]),
           _: 1
-        })) : T(n).sunsimDayOfYear.length === 1 ? (m(), E(S, {
-          key: 1,
-          readonly: "",
-          value: T(mt)(T(n).sunsimDayOfYear[0].dayOfYear),
-          variant: "solo-filled",
-          flat: "",
-          rounded: "",
-          density: "compact",
-          "hide-details": "",
-          "prepend-inner-icon": "mdi-calendar"
-        }, null, 8, ["value"])) : $("", !0)
-      ]);
+        })
+      ])) : $("", !0);
     };
   }
-}), kr = /* @__PURE__ */ K(Cr, [["__scopeId", "data-v-199c0fef"]]), wr = ["onClick"], Ir = {
+}), kr = /* @__PURE__ */ K(Cr, [["__scopeId", "data-v-a04625cf"]]), wr = ["onClick"], Ir = {
   key: 1,
   class: "icon-wrapper"
 }, Sr = /* @__PURE__ */ j({
@@ -6756,14 +6746,14 @@ const br = {
     H(v, () => {
       u(
         "onCameraChange",
-        n.value.find((h) => h === v.value)
+        n.value.find((g) => g === v.value)
       );
     });
-    function r(h) {
-      s.value || (v.value = h);
+    function r(g) {
+      s.value || (v.value = g);
     }
-    return (h, k) => {
-      const f = V("v-chip"), c = V("v-icon");
+    return (g, k) => {
+      const h = V("v-chip"), c = V("v-icon");
       return m(), A("div", {
         class: he({
           "d-flex": !0,
@@ -6775,18 +6765,18 @@ const br = {
           enabled: !T(s)
         })
       }, [
-        (m(!0), A(ie, null, ve(T(n), (g, I) => (m(), A("div", {
-          key: I,
+        (m(!0), A(ue, null, ve(T(n), (f, S) => (m(), A("div", {
+          key: S,
           class: "still-camera",
-          style: ue({
+          style: ie({
             backgroundImage: `url(${T(ce)(
               T(i),
-              g.defaultFilename
+              f.defaultFilename
             )})`
           }),
-          onClick: (S) => r(g)
+          onClick: (I) => r(f)
         }, [
-          !T(t) && g.cameraName ? (m(), E(f, {
+          !T(t) && f.cameraName ? (m(), E(h, {
             key: 0,
             variant: "flat",
             size: "small",
@@ -6794,11 +6784,11 @@ const br = {
             color: "white"
           }, {
             default: _(() => [
-              ee(G(g.cameraName), 1)
+              ee(G(f.cameraName), 1)
             ]),
             _: 2
           }, 1024)) : $("", !0),
-          g.sunsimDayOfYear && g.sunsimDayOfYear.length > 1 ? (m(), A("div", Ir, [
+          f.sunsimDayOfYear && f.sunsimDayOfYear.length > 1 ? (m(), A("div", Ir, [
             b(c, {
               size: "x-small",
               color: "warning",
@@ -6840,13 +6830,16 @@ const xr = { class: "small" }, Ar = { class: "small" }, Fr = /* @__PURE__ */ j({
         )
       );
     }), (u, r) => {
-      const h = V("v-icon"), k = V("v-slider"), f = V("v-field");
+      const g = V("v-icon"), k = V("v-slider"), h = V("v-field");
       return m(), A("div", {
         class: he({ "d-inline-block": !0, mobile: T(t) }),
-        style: { flex: "1", "vertical-align": "top" }
+        style: ie({
+          flex: T(t) && T(n).timeSamples.length > 1 ? 1 : void 0,
+          verticalAlign: "top"
+        })
       }, [
-        b(f, {
-          style: ue(
+        b(h, {
+          style: ie(
             T(n).timeSamples.length > 1 ? {
               width: T(t) ? "100%" : "300px",
               height: T(t) ? "28px" : "36px"
@@ -6878,7 +6871,7 @@ const xr = { class: "small" }, Ar = { class: "small" }, Fr = /* @__PURE__ */ j({
               "hide-details": ""
             }, {
               prepend: _(() => [
-                b(h, {
+                b(g, {
                   style: { "vertical-align": "baseline", "font-size": "20px" },
                   class: "mr-2 icon",
                   color: "warning"
@@ -6891,8 +6884,8 @@ const xr = { class: "small" }, Ar = { class: "small" }, Fr = /* @__PURE__ */ j({
                 d("span", xr, G(T(St)(v.value)), 1)
               ]),
               _: 1
-            }, 8, ["modelValue", "min", "max", "step", "disabled"])) : (m(), A(ie, { key: 1 }, [
-              b(h, {
+            }, 8, ["modelValue", "min", "max", "step", "disabled"])) : (m(), A(ue, { key: 1 }, [
+              b(g, {
                 style: { "vertical-align": "baseline", "font-size": "20px", "margin-top": "-1px", opacity: "0.6" },
                 class: "mr-2 icon",
                 color: "warning"
@@ -6907,10 +6900,10 @@ const xr = { class: "small" }, Ar = { class: "small" }, Fr = /* @__PURE__ */ j({
           ]),
           _: 1
         }, 8, ["style"])
-      ], 2);
+      ], 6);
     };
   }
-}), Lr = /* @__PURE__ */ K(Fr, [["__scopeId", "data-v-3e7bf49c"]]), Mr = {
+}), Lr = /* @__PURE__ */ K(Fr, [["__scopeId", "data-v-75ca9b95"]]), Mr = {
   class: "d-inline-block",
   style: { "vertical-align": "top" }
 }, Tr = /* @__PURE__ */ d("hr", { style: { "border-top": "1px solid #999" } }, null, -1), Vr = /* @__PURE__ */ j({
@@ -6932,7 +6925,7 @@ const xr = { class: "small" }, Ar = { class: "small" }, Fr = /* @__PURE__ */ j({
           size: T(t) ? "x-small" : "small",
           flat: "",
           icon: "mdi-plus",
-          onClick: u[0] || (u[0] = (h) => s("onZoomIn")),
+          onClick: u[0] || (u[0] = (g) => s("onZoomIn")),
           style: { "border-bottom-left-radius": "0", "border-bottom-right-radius": "0" }
         }, null, 8, ["disabled", "size"]),
         Tr,
@@ -6941,7 +6934,7 @@ const xr = { class: "small" }, Ar = { class: "small" }, Fr = /* @__PURE__ */ j({
           size: T(t) ? "x-small" : "small",
           flat: "",
           icon: "mdi-minus",
-          onClick: u[1] || (u[1] = (h) => s("onZoomOut")),
+          onClick: u[1] || (u[1] = (g) => s("onZoomOut")),
           style: { "border-top-left-radius": "0", "border-top-right-radius": "0" }
         }, null, 8, ["disabled", "size"])
       ]);
@@ -6959,19 +6952,19 @@ const xr = { class: "small" }, Ar = { class: "small" }, Fr = /* @__PURE__ */ j({
   setup(l, { emit: a }) {
     const e = l, { cdnFileResolver: t, colorCallback: n, currentCamera: o, selectedId: i } = Oe(e), s = a, v = p(), u = p(), r = st({});
     xe(() => {
-      for (const f in r) {
-        const { element: c, state: g } = r[f], { r: I, g: S, b: y, a: R, s: F } = n.value(f, g) || {
+      for (const h in r) {
+        const { element: c, state: f } = r[h], { r: S, g: I, b: y, a: R, s: F } = n.value(h, f) || {
           r: 0,
           g: 0,
           b: 0,
           a: 0,
           s: 0
         };
-        c.style.fill = `rgba(${I}, ${S}, ${y}, ${R / 255})`, c.style.stroke = `rgb(${I}, ${S}, ${y})`, c.style.strokeWidth = F.toString();
+        c.style.fill = `rgba(${S}, ${I}, ${y}, ${R / 255})`, c.style.stroke = `rgb(${S}, ${I}, ${y})`, c.style.strokeWidth = F.toString();
       }
     }), H(i, () => {
-      for (const f in r)
-        r[f].state === "selected" && f !== i.value ? r[f].state = "idle" : r[f].state !== "selected" && f === i.value && (r[f].state = "selected");
+      for (const h in r)
+        r[h].state === "selected" && h !== i.value ? r[h].state = "idle" : r[h].state !== "selected" && h === i.value && (r[h].state = "selected");
     }), xe(async () => {
       v.value = await Ce.loadText(
         ce(t.value, o.value.overlayFilename)
@@ -6979,24 +6972,24 @@ const xr = { class: "small" }, Ar = { class: "small" }, Fr = /* @__PURE__ */ j({
     }), H(
       () => u.value,
       () => {
-        u.value && new ResizeObserver(h).observe(u.value);
+        u.value && new ResizeObserver(g).observe(u.value);
       }
     );
-    function h() {
+    function g() {
       ke(() => {
         var c;
-        const f = (c = u.value) == null ? void 0 : c.firstChild;
-        if (f) {
-          if (!f.hasAttribute("viewBox")) {
-            const g = `0 0 ${f.getAttribute(
+        const h = (c = u.value) == null ? void 0 : c.firstChild;
+        if (h) {
+          if (!h.hasAttribute("viewBox")) {
+            const f = `0 0 ${h.getAttribute(
               "width"
-            )} ${f.getAttribute("height")}`;
-            f.setAttribute("viewBox", g);
+            )} ${h.getAttribute("height")}`;
+            h.setAttribute("viewBox", f);
           }
-          f.setAttribute(
+          h.setAttribute(
             "width",
             u.value.offsetWidth.toString()
-          ), f.setAttribute(
+          ), h.setAttribute(
             "height",
             u.value.offsetHeight.toString()
           );
@@ -7006,30 +6999,30 @@ const xr = { class: "small" }, Ar = { class: "small" }, Fr = /* @__PURE__ */ j({
     function k() {
       ke(() => {
         var c;
-        const f = (c = u.value) == null ? void 0 : c.firstChild;
-        if (f) {
-          s("updateSvgContainer", f), h();
-          let g, I = "data-structure-id";
-          g = f.querySelectorAll(`[${I}]`), g.length === 0 && (I = "data-apartment-id", g = f.querySelectorAll(`[${I}]`), g.length === 0 && (I = "data-building-id", g = f.querySelectorAll(`[${I}]`))), g.forEach((S) => {
-            S.style.strokeWidth = "0", S.style.stroke = "rgba(255,255,255,0)", S.style.fill = "rgba(255,255,255,0)", S.querySelectorAll("path").forEach((R) => {
+        const h = (c = u.value) == null ? void 0 : c.firstChild;
+        if (h) {
+          s("updateSvgContainer", h), g();
+          let f, S = "data-structure-id";
+          f = h.querySelectorAll(`[${S}]`), f.length === 0 && (S = "data-apartment-id", f = h.querySelectorAll(`[${S}]`), f.length === 0 && (S = "data-building-id", f = h.querySelectorAll(`[${S}]`))), f.forEach((I) => {
+            I.style.strokeWidth = "0", I.style.stroke = "rgba(255,255,255,0)", I.style.fill = "rgba(255,255,255,0)", I.querySelectorAll("path").forEach((R) => {
               R.style.stroke = "inherit", R.style.fill = "inherit";
             });
-            const y = S.getAttribute(I);
+            const y = I.getAttribute(S);
             r[y] = {
-              element: S,
+              element: I,
               state: i.value === y ? "selected" : "idle"
-            }, S.addEventListener("mouseover", () => {
+            }, I.addEventListener("mouseover", () => {
               r[y].state === "idle" && (r[y].state = "hover"), s("onHoverOver", y);
-            }), S.addEventListener("mouseout", () => {
+            }), I.addEventListener("mouseout", () => {
               r[y].state === "hover" && (r[y].state = "idle"), s("onHoverOut", y);
-            }), S.addEventListener("click", () => {
+            }), I.addEventListener("click", () => {
               s("onClick", y);
             });
           });
         }
       });
     }
-    return (f, c) => (m(), E(Ee, null, {
+    return (h, c) => (m(), E(Ee, null, {
       default: _(() => [
         (m(), A("div", {
           ref_key: "svgContainer",
@@ -7065,7 +7058,7 @@ function $r(l) {
 function Rr(l) {
   return !("filename" in l) && "defaultFilename" in l;
 }
-function gt(l) {
+function ht(l) {
   return "filename" in l;
 }
 function Ur(l) {
@@ -7228,7 +7221,7 @@ function zr(l) {
         loopable: l.loopable,
         cameras: l.cameras.map((o) => {
           var i;
-          if (bt(o)) {
+          if (_t(o)) {
             if (o.sunsimDayOfYear) {
               if (o.sunsimDayOfYear.length === 0)
                 throw new Error(
@@ -7281,8 +7274,8 @@ function zr(l) {
         u = o[v].filename, r = {
           cameraName: `Camera ${s + 1}`,
           cameraPosition: void 0,
-          cameraRotation: l.sceneCameras && (t = l.sceneCameras.find((h) => h.scene === s)) != null && t.cameraRotation ? Dt(
-            (n = l.sceneCameras.find((h) => h.scene === s)) == null ? void 0 : n.cameraRotation
+          cameraRotation: l.sceneCameras && (t = l.sceneCameras.find((g) => g.scene === s)) != null && t.cameraRotation ? Dt(
+            (n = l.sceneCameras.find((g) => g.scene === s)) == null ? void 0 : n.cameraRotation
           ) : void 0,
           cameraFov: 0,
           overlayFilename: `/scenedata${i[s]}V5Overlay.svg`,
@@ -7303,7 +7296,7 @@ function zr(l) {
           //     ],
           //   },
           // ],
-        }, gt(o[v]) && (o[v] = r);
+        }, ht(o[v]) && (o[v] = r);
       }
       return {
         version: "5.0",
@@ -7337,7 +7330,7 @@ function Dt({ x: l, y: a, z: e }) {
   };
 }
 const jr = ["innerHTML"], Pr = { style: { "z-index": "7" } }, Wr = {
-  key: 2,
+  key: 3,
   class: "render-version"
 }, Nr = /* @__PURE__ */ j({
   __name: "VStructureChooser",
@@ -7366,14 +7359,14 @@ const jr = ["innerHTML"], Pr = { style: { "z-index": "7" } }, Wr = {
       selectedId: v,
       defaultCamera: u,
       defaultDay: r,
-      defaultTime: h,
+      defaultTime: g,
       mobileBreakpoint: k
-    } = Oe(e), f = a;
+    } = Oe(e), h = a;
     Qe(
       Le,
       i.value ? new Fe(i.value) : new Fe()
     );
-    const c = p(), g = p(), I = p(), S = p(null), y = p(4), R = p(), F = p(!1), Y = p(!1), D = p(), C = O(() => D.value.isHoverEnabled), W = p({ x: 0, y: 0, width: 0, height: 0 }), L = p(), Z = p(), w = p(), M = p(!1), q = p(), Q = p({
+    const c = p(), f = p(), S = p(), I = p(null), y = p(4), R = p(), F = p(!1), Y = p(!1), D = p(), C = O(() => D.value.isHoverEnabled), W = p({ x: 0, y: 0, width: 0, height: 0 }), L = p(), Z = p(), w = p(), M = p(!1), q = p(), Q = p({
       current: 100,
       min: 100,
       max: 1e3
@@ -7386,14 +7379,14 @@ const jr = ["innerHTML"], Pr = { style: { "z-index": "7" } }, Wr = {
         try {
           w.value = zr(U);
         } catch (te) {
-          f("onError", te);
+          h("onError", te);
         }
       },
       {
         immediate: !0
       }
     ), H(F, (U) => {
-      U && f("onInitialize");
+      U && h("onInitialize");
     }), H(
       () => Z.value,
       () => {
@@ -7405,7 +7398,7 @@ const jr = ["innerHTML"], Pr = { style: { "z-index": "7" } }, Wr = {
     const oe = O(
       () => w.value ? w.value.cameras.filter(Rr) : []
     ), P = O(
-      () => w.value ? w.value.cameras.filter(gt) : []
+      () => w.value ? w.value.cameras.filter(ht) : []
     );
     H(
       [w, n, u],
@@ -7420,19 +7413,19 @@ const jr = ["innerHTML"], Pr = { style: { "z-index": "7" } }, Wr = {
     ), H(
       [w, n, r],
       () => {
-        w.value && n.value && c.value && c.value.sunsimDayOfYear && c.value.sunsimDayOfYear.length > 0 && (r.value ? g.value = c.value.sunsimDayOfYear.find(
+        w.value && n.value && c.value && c.value.sunsimDayOfYear && c.value.sunsimDayOfYear.length > 0 && (r.value ? f.value = c.value.sunsimDayOfYear.find(
           (U) => U.dayOfYear === r.value
-        ) || c.value.sunsimDayOfYear[0] : g.value = c.value.sunsimDayOfYear[0]);
+        ) || c.value.sunsimDayOfYear[0] : f.value = c.value.sunsimDayOfYear[0]);
       },
       { immediate: !0 }
     ), H(
-      [w, n, h],
+      [w, n, g],
       () => {
-        w.value && n.value && g.value && g.value.timeSamples && g.value.timeSamples.length > 0 && (h.value ? I.value = g.value.timeSamples.find(
-          (U) => U.timeInHours === h.value
-        ) || g.value.timeSamples[0] : I.value = g.value.timeSamples.find(
-          (U) => U.timeInHours === g.value.defaultHour
-        ) || g.value.timeSamples[0]);
+        w.value && n.value && f.value && f.value.timeSamples && f.value.timeSamples.length > 0 && (g.value ? S.value = f.value.timeSamples.find(
+          (U) => U.timeInHours === g.value
+        ) || f.value.timeSamples[0] : S.value = f.value.timeSamples.find(
+          (U) => U.timeInHours === f.value.defaultHour
+        ) || f.value.timeSamples[0]);
       },
       { immediate: !0 }
     );
@@ -7442,14 +7435,14 @@ const jr = ["innerHTML"], Pr = { style: { "z-index": "7" } }, Wr = {
       );
     }
     function J(U) {
-      y.value = U, gt(w.value.cameras[y.value]) ? S.value = w.value.cameras[y.value] : (ke(() => {
+      y.value = U, ht(w.value.cameras[y.value]) ? I.value = w.value.cameras[y.value] : (ke(() => {
         ne(
           w.value.cameras[y.value]
         );
-      }), S.value = null);
+      }), I.value = null);
     }
     function ne(U) {
-      const te = g.value;
+      const te = f.value;
       c.value = U, y.value = w.value.cameras.findIndex(
         (z) => z === c.value
       ), ke(() => {
@@ -7461,22 +7454,22 @@ const jr = ["innerHTML"], Pr = { style: { "z-index": "7" } }, Wr = {
       });
     }
     function fe(U) {
-      const te = I.value;
-      g.value = U, ke(() => {
+      const te = S.value;
+      f.value = U, ke(() => {
         me(
-          g.value.timeSamples.find(
+          f.value.timeSamples.find(
             (z) => z.timeInHours === te.timeInHours
-          ) || g.value.timeSamples.find(
-            (z) => z.timeInHours === g.value.defaultHour
-          ) || g.value.timeSamples[0]
+          ) || f.value.timeSamples.find(
+            (z) => z.timeInHours === f.value.defaultHour
+          ) || f.value.timeSamples[0]
         );
       });
     }
     function me(U) {
-      I.value = U;
+      S.value = U;
     }
     function de(U) {
-      f("onClick", U, () => {
+      h("onClick", U, () => {
         const te = w.value.stillCameraData.find(
           (z) => z.id === U
         );
@@ -7484,10 +7477,10 @@ const jr = ["innerHTML"], Pr = { style: { "z-index": "7" } }, Wr = {
       });
     }
     function we(U) {
-      f("onHoverOver", U), R.value = U;
+      h("onHoverOver", U), R.value = U;
     }
     function Me(U) {
-      f("onHoverOut", U), R.value = void 0;
+      h("onHoverOut", U), R.value = void 0;
     }
     function Te(U) {
       const { layerX: te, layerY: z } = U;
@@ -7508,7 +7501,7 @@ const jr = ["innerHTML"], Pr = { style: { "z-index": "7" } }, Wr = {
         };
       } else
         W.value = void 0;
-      f("onMouseMove", U, W.value);
+      h("onMouseMove", U, W.value);
     }
     function De({
       min: U,
@@ -7548,7 +7541,7 @@ const jr = ["innerHTML"], Pr = { style: { "z-index": "7" } }, Wr = {
     }
     return (U, te) => {
       const z = V("v-skeleton-loader");
-      return m(), A(ie, null, [
+      return m(), A(ue, null, [
         b(z, {
           type: "image",
           class: "w-100 h-100 position-relative",
@@ -7566,7 +7559,7 @@ const jr = ["innerHTML"], Pr = { style: { "z-index": "7" } }, Wr = {
                 }, [
                   d("div", {
                     class: "persistent actions-bar top-right pa-1",
-                    style: ue({
+                    style: ie({
                       zIndex: 7,
                       top: M.value && oe.value.length > 1 ? "51px" : 0
                     })
@@ -7574,7 +7567,7 @@ const jr = ["innerHTML"], Pr = { style: { "z-index": "7" } }, Wr = {
                     c.value.cameraRotation ? (m(), E(Je, {
                       key: 0,
                       class: "mb-1",
-                      style: ue({
+                      style: ie({
                         zIndex: 7,
                         width: M.value ? 32 : 40,
                         height: M.value ? 32 : 40
@@ -7614,19 +7607,19 @@ const jr = ["innerHTML"], Pr = { style: { "z-index": "7" } }, Wr = {
                     onUpdate: De
                   }, {
                     default: _(() => [
-                      (m(!0), A(ie, null, ve(oe.value, (N, ae) => (m(), E(hr, {
+                      (m(!0), A(ue, null, ve(oe.value, (N, ae) => (m(), E(hr, {
                         key: `camera${ae}`,
                         "camera-data": N,
                         "cdn-file-resolver": T(n),
                         "current-camera": c.value,
-                        "current-day": g.value,
-                        "current-time": I.value
+                        "current-day": f.value,
+                        "current-time": S.value
                       }, null, 8, ["camera-data", "cdn-file-resolver", "current-camera", "current-day", "current-time"]))), 128)),
-                      (m(!0), A(ie, null, ve(P.value, (N, ae) => (m(), E(_r, {
+                      (m(!0), A(ue, null, ve(P.value, (N, ae) => (m(), E(_r, {
                         key: `transition${ae}`,
                         "transition-data": N,
                         "cdn-file-resolver": T(n),
-                        "current-transition": S.value
+                        "current-transition": I.value
                       }, null, 8, ["transition-data", "cdn-file-resolver", "current-transition"]))), 128)),
                       T(s) ? (m(), A("div", {
                         key: 0,
@@ -7645,12 +7638,13 @@ const jr = ["innerHTML"], Pr = { style: { "z-index": "7" } }, Wr = {
                         onOnHoverOut: Me,
                         onUpdateSvgContainer: te[2] || (te[2] = (N) => L.value = N)
                       }, null, 8, ["cdn-file-resolver", "color-callback", "current-camera", "selected-id"])), [
-                        [ge, S.value === null]
+                        [ge, I.value === null]
                       ]) : $("", !0)
                     ]),
                     _: 1
                   }, 512),
-                  d("div", {
+                  f.value.timeSamples && f.value.timeSamples.length > 0 || c.value.sunsimDayOfYear && c.value.sunsimDayOfYear.length > 0 ? (m(), A("div", {
+                    key: 1,
                     class: he({
                       "actions-bar top-left pa-1 d-flex": !0,
                       "px-0": M.value
@@ -7661,20 +7655,20 @@ const jr = ["innerHTML"], Pr = { style: { "z-index": "7" } }, Wr = {
                       class: "pr-1",
                       "is-mobile-sized": M.value,
                       "current-camera": c.value,
-                      "current-day": g.value,
+                      "current-day": f.value,
                       disabled: Y.value,
                       onOnDayChange: fe
                     }, null, 8, ["is-mobile-sized", "current-camera", "current-day", "disabled"]),
                     b(Lr, {
                       "is-mobile-sized": M.value,
-                      "current-day": g.value,
-                      "current-time": I.value,
+                      "current-day": f.value,
+                      "current-time": S.value,
                       disabled: Y.value,
                       onOnTimeChange: me
                     }, null, 8, ["is-mobile-sized", "current-day", "current-time", "disabled"])
-                  ], 2),
+                  ], 2)) : $("", !0),
                   U.$slots.popup && W.value && R.value ? (m(), E(Ze, {
-                    key: 1,
+                    key: 2,
                     "is-hoverable": C.value,
                     pos: W.value
                   }, {
@@ -7700,7 +7694,7 @@ const jr = ["innerHTML"], Pr = { style: { "z-index": "7" } }, Wr = {
       ], 64);
     };
   }
-}), Gr = /* @__PURE__ */ K(Nr, [["__scopeId", "data-v-17ef8fd2"]]), Kr = {
+}), Gr = /* @__PURE__ */ K(Nr, [["__scopeId", "data-v-09e20b12"]]), Kr = {
   install: function(a) {
     a.component("VApartmentChooser", Vn), a.component("VBuildingChooser", Ya), a.component("VVirtualTour", Ws), a.component("VManualSlideShow", cr), a.component("VStructureChooser", Gr);
   }