@qispace/vue3-player 0.3.20 → 0.3.22

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

@@ -1,7 +1,7 @@
 var xa = Object.defineProperty;
 var Da = (l, a, e) => a in l ? xa(l, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : l[a] = e;
 var pe = (l, a, e) => (Da(l, typeof a != "symbol" ? a + "" : a, e), e);
-import { defineComponent as j, ref as v, computed as B, openBlock as c, createElementBlock as D, watch as H, onMounted as Ie, onBeforeUnmount as We, withDirectives as we, createElementVNode as u, normalizeStyle as fe, vShow as ke, createVNode as C, Fragment as ve, renderList as ye, createCommentVNode as $, inject as Ne, resolveComponent as E, withCtx as _, toDisplayString as Q, unref as x, createTextVNode as te, normalizeClass as ge, createBlock as V, renderSlot as ne, provide as Ke, reactive as gt, watchEffect as Ve, resolveDynamicComponent as Gt, normalizeProps as it, guardReactiveProps as rt, mergeProps as Me, nextTick as De, Transition as Te, createSlots as Aa, toRefs as $e, pushScopeId as yt, popScopeId as _t, vModelText as Fa, createStaticVNode as Qt, onBeforeUpdate as La, withModifiers as Ma } from "vue";
+import { defineComponent as j, ref as v, computed as B, openBlock as d, createElementBlock as x, watch as H, onMounted as Ie, onBeforeUnmount as We, withDirectives as we, createElementVNode as u, normalizeStyle as fe, vShow as ke, createVNode as C, Fragment as ve, renderList as ye, createCommentVNode as $, inject as Ne, resolveComponent as T, withCtx as _, toDisplayString as Q, unref as D, createTextVNode as te, normalizeClass as ge, createBlock as V, renderSlot as ne, provide as Ke, reactive as gt, watchEffect as Ve, resolveDynamicComponent as Gt, normalizeProps as it, guardReactiveProps as rt, mergeProps as Me, nextTick as De, Transition as Te, createSlots as Aa, toRefs as $e, pushScopeId as yt, popScopeId as _t, vModelText as Fa, createStaticVNode as Qt, onBeforeUpdate as La, withModifiers as Ma } from "vue";
 import pt from "axios";
 import * as Oa from "@qispace/player-core";
 import { Vector3 as ot, Object3D as Ea, MathUtils as Ta } from "three";
@@ -54,7 +54,7 @@ const Va = /* @__PURE__ */ j({
     const e = v(), n = B(() => window.getComputedStyle(e.value).display === "none");
     return a({
       isHoverEnabled: n
-    }), (t, o) => (c(), D("div", {
+    }), (t, o) => (d(), x("div", {
       ref_key: "hoverCheck",
       ref: e,
       class: "hover-check"
@@ -82,7 +82,7 @@ const $a = /* @__PURE__ */ j({
   },
   emits: ["selectUnit", "goToUnit", "hoverOver", "hoverOut", "pos"],
   setup(l, { emit: a }) {
-    const e = l, n = a, t = v({ x: 0, y: 0, width: 0, height: 0 }), o = v(0), i = v(0), s = v(), p = v(), m = v(), r = v(), f = v(-1), k = v(!1), g = v(), d = v(), h = v({}), S = v("auto"), b = v(new Fe()), y = v({}), Y = v(), T = v(), P = v(), I = v(), M = v(), q = B(() => P.value.isHoverEnabled), R = B(() => he(
+    const e = l, n = a, t = v({ x: 0, y: 0, width: 0, height: 0 }), o = v(0), i = v(0), s = v(), m = v(), p = v(), r = v(), f = v(-1), k = v(!1), g = v(), c = v(), h = v({}), S = v("auto"), b = v(new Fe()), y = v({}), Y = v(), E = v(), P = v(), I = v(), M = v(), q = B(() => P.value.isHoverEnabled), R = B(() => he(
       e.cdnFileResolver,
       `/scenedata${e.viewModel.currentScene}.png`
     )), K = B(() => R.value in h.value ? h.value[R.value] : null), w = B(() => f.value < 0 ? !1 : e.sceneData.find((L) => L.index === f.value) || !1), A = B(() => ({
@@ -131,20 +131,20 @@ const $a = /* @__PURE__ */ j({
     }), H(t, () => {
       n("pos", t.value);
     }), Ie(() => {
-      T.value = () => {
+      E.value = () => {
         clearTimeout(Y.value), Ae(), Y.value = setTimeout(() => {
           Ae();
         }, 50);
-      }, window.addEventListener("resize", T.value), Ae();
+      }, window.addEventListener("resize", E.value), Ae();
     }), We(() => {
-      window.removeEventListener("resize", T.value);
+      window.removeEventListener("resize", E.value);
       for (const G in h.value)
         URL.revokeObjectURL(h.value[G]);
     });
     function N() {
-      s.value = I.value.getContext("2d", { willReadFrequently: !0 }), p.value = new Image(), p.value.onload = () => {
+      s.value = I.value.getContext("2d", { willReadFrequently: !0 }), m.value = new Image(), m.value.onload = () => {
         Ue(), I.value.addEventListener("mousemove", Ce(ue, 50));
-      }, p.value.src = K.value;
+      }, m.value.src = K.value;
     }
     function ue(G) {
       const L = J(G.offsetX, G.offsetY);
@@ -160,19 +160,19 @@ const $a = /* @__PURE__ */ j({
       L < 0 || q && _e(L);
     }
     function O() {
-      if (p.value && p.value.width) {
-        I.value.width = p.value.width, I.value.height = p.value.height, s.value.drawImage(
-          p.value,
+      if (m.value && m.value.width) {
+        I.value.width = m.value.width, I.value.height = m.value.height, s.value.drawImage(
+          m.value,
           0,
           0,
-          p.value.width,
-          p.value.height
+          m.value.width,
+          m.value.height
         ), r.value = s.value.getImageData(
           0,
           0,
           I.value.width,
           I.value.height
-        ), m.value = s.value.getImageData(
+        ), p.value = s.value.getImageData(
           0,
           0,
           I.value.width,
@@ -187,7 +187,7 @@ const $a = /* @__PURE__ */ j({
       }
     }
     function J(G, L) {
-      g.value = G, d.value = L;
+      g.value = G, c.value = L;
       const Z = I.value.offsetWidth / I.value.width, me = I.value.offsetHeight / I.value.height, re = (G / Z).toFixed(), ce = (L / me).toFixed(), de = Number(ce) * (I.value.width * 4) + Number(re) * 4, ze = r.value.data[de];
       return r.value.data[de + 3] > 0 ? ze : -1;
     }
@@ -202,7 +202,7 @@ const $a = /* @__PURE__ */ j({
             const ce = e.colorCallback(L.unitId, re);
             if (ce)
               for (let de = 0; de < Z.length; de++)
-                m.value.data[Z[de]] = ce.r, m.value.data[Z[de] + 1] = ce.g, m.value.data[Z[de] + 2] = ce.b, m.value.data[Z[de] + 3] = ce.a;
+                p.value.data[Z[de]] = ce.r, p.value.data[Z[de] + 1] = ce.g, p.value.data[Z[de] + 2] = ce.b, p.value.data[Z[de] + 3] = ce.a;
           }
         }
       });
@@ -233,9 +233,9 @@ const $a = /* @__PURE__ */ j({
       n("selectUnit", G), G && e.canGoToUnitCallback(G) && n("goToUnit", G);
     }
     function Le(G = 0) {
-      if (!m.value)
+      if (!p.value)
         return;
-      const L = m.value.data;
+      const L = p.value.data;
       for (let Z = 3; Z < L.length; Z += 4)
         L[Z] = G;
     }
@@ -248,7 +248,7 @@ const $a = /* @__PURE__ */ j({
       O(), be();
     }
     function be() {
-      Le(), X(), s.value && m.value && s.value.putImageData(m.value, 0, 0);
+      Le(), X(), s.value && p.value && s.value.putImageData(p.value, 0, 0);
     }
     function xe() {
       k.value = !1;
@@ -259,7 +259,7 @@ const $a = /* @__PURE__ */ j({
         Oe.value && (Oe.value = !1, G.apply(this, Z), setTimeout(() => Oe.value = !0, L));
       };
     }
-    return (G, L) => (c(), D("div", {
+    return (G, L) => (d(), x("div", {
       ref_key: "container",
       ref: M,
       id: "canvas"
@@ -292,7 +292,7 @@ const $a = /* @__PURE__ */ j({
   },
   emits: ["selectUnit", "goToUnit", "hoverOver", "hoverOut", "pos"],
   setup(l, { emit: a }) {
-    const e = l, n = a, t = v({ x: 0, y: 0, width: 0, height: 0 }), o = v(-1), i = v({}), s = v(null), p = v(new Fe()), m = v(), r = v(), f = B(() => r.value.isHoverEnabled);
+    const e = l, n = a, t = v({ x: 0, y: 0, width: 0, height: 0 }), o = v(-1), i = v({}), s = v(null), m = v(new Fe()), p = v(), r = v(), f = B(() => r.value.isHoverEnabled);
     H(
       () => e.viewModel.currentScene,
       () => {
@@ -307,9 +307,9 @@ const $a = /* @__PURE__ */ j({
       { immediate: !0 }
     ), H(t, () => {
       n("pos", t.value);
-    }), H(o, (T, P) => {
-      if (T >= 0) {
-        const I = g(T);
+    }), H(o, (E, P) => {
+      if (E >= 0) {
+        const I = g(E);
         n("hoverOver", {
           hoverUnit: I,
           closeHandler: () => {
@@ -326,13 +326,13 @@ const $a = /* @__PURE__ */ j({
         });
       }
     }), Ie(() => {
-      for (let T = 1; T <= 4; T++) {
-        const P = he(e.cdnFileResolver, `/scenedata${T}.svg`), I = {
+      for (let E = 1; E <= 4; E++) {
+        const P = he(e.cdnFileResolver, `/scenedata${E}.svg`), I = {
           markup: "",
           viewBox: "",
           svgObjects: []
         };
-        p.value.loadJson(P).then((M) => {
+        m.value.loadJson(P).then((M) => {
           I.markup = M;
           const R = new DOMParser().parseFromString(M, "image/svg+xml").getElementsByTagName("svg")[0];
           I.viewBox = R.getAttribute("viewBox"), I.svgObjects = Array.from(
@@ -340,39 +340,39 @@ const $a = /* @__PURE__ */ j({
           ).map((K) => ({
             index: parseInt(K.getAttribute("data-index")),
             svg: K.innerHTML
-          })), i.value = { ...i.value, [T]: I };
+          })), i.value = { ...i.value, [E]: I };
         });
       }
-      m.value.addEventListener("mousemove", Y(k, 50));
+      p.value.addEventListener("mousemove", Y(k, 50));
     });
-    function k(T) {
+    function k(E) {
       t.value = {
-        x: T.offsetX,
-        y: T.offsetY,
-        width: m.value.offsetWidth,
-        height: m.value.offsetHeight
+        x: E.offsetX,
+        y: E.offsetY,
+        width: p.value.offsetWidth,
+        height: p.value.offsetHeight
       };
     }
-    function g(T) {
+    function g(E) {
       var P;
       return (P = e.sceneData.find(
-        (I) => I.index === (typeof T == "string" ? parseInt(T) : T)
+        (I) => I.index === (typeof E == "string" ? parseInt(E) : E)
       )) == null ? void 0 : P.unitId;
     }
-    function d(T) {
-      f.value && (o.value = T);
+    function c(E) {
+      f.value && (o.value = E);
     }
-    function h(T) {
+    function h(E) {
       f.value && (o.value = -1);
     }
-    function S(T) {
-      const P = g(T);
-      n("selectUnit", P), f.value && P && e.canGoToUnitCallback(P) ? n("goToUnit", P) : o.value = T;
+    function S(E) {
+      const P = g(E);
+      n("selectUnit", P), f.value && P && e.canGoToUnitCallback(P) ? n("goToUnit", P) : o.value = E;
     }
-    function b(T) {
-      const P = g(T);
+    function b(E) {
+      const P = g(E);
       let I = "idle";
-      o.value < 0 && e.selectedUnitId && P === e.selectedUnitId ? I = "selected" : o.value >= 0 && o.value === T && (I = "hover");
+      o.value < 0 && e.selectedUnitId && P === e.selectedUnitId ? I = "selected" : o.value >= 0 && o.value === E && (I = "hover");
       const M = e.colorCallback(P, I);
       if (M) {
         const { r: q, g: R, b: K, a: w, s: A } = M;
@@ -395,15 +395,15 @@ const $a = /* @__PURE__ */ j({
         };
     }
     const y = v(!1);
-    function Y(T, P) {
+    function Y(E, P) {
       return y.value = !0, function(...I) {
-        y.value && (y.value = !1, T.apply(this, I), setTimeout(() => y.value = !0, P));
+        y.value && (y.value = !1, E.apply(this, I), setTimeout(() => y.value = !0, P));
       };
     }
-    return (T, P) => (c(), D("div", {
+    return (E, P) => (d(), x("div", {
       id: "container",
       ref_key: "container",
-      ref: m
+      ref: p
     }, [
       we(u("div", {
         class: "svg-container",
@@ -411,21 +411,21 @@ const $a = /* @__PURE__ */ j({
           opacity: !s.value || !s.value.svgObjects ? 0 : 1
         })
       }, [
-        s.value && s.value.svgObjects ? (c(), D("svg", {
+        s.value && s.value.svgObjects ? (d(), x("svg", {
           key: 0,
           viewBox: s.value.viewBox
         }, [
-          (c(!0), D(ve, null, ye(s.value.svgObjects, ({ index: I, svg: M }) => (c(), D("g", {
+          (d(!0), x(ve, null, ye(s.value.svgObjects, ({ index: I, svg: M }) => (d(), x("g", {
             key: I,
             innerHTML: M,
             style: fe(b(I)),
-            onMouseenter: (q) => d(I),
+            onMouseenter: (q) => c(I),
             onMouseleave: (q) => h(),
             onClick: (q) => S(I)
           }, null, 44, Ua))), 128))
         ], 8, Ra)) : $("", !0)
       ], 4), [
-        [ke, !T.viewModel.isRotating]
+        [ke, !E.viewModel.isRotating]
       ]),
       C(Ye, {
         ref_key: "hoverProbe",
@@ -450,21 +450,21 @@ const $a = /* @__PURE__ */ j({
   setup(l, { emit: a }) {
     const e = l, n = B(() => e.selectedUnitId), t = B(() => e.nextUnitId), o = B(() => e.prevUnitId), i = a, s = Ne(Be);
     Ie(() => {
-      window.addEventListener("keydown", p);
+      window.addEventListener("keydown", m);
     }), We(() => {
-      window.removeEventListener("keydown", p);
+      window.removeEventListener("keydown", m);
     });
-    function p(m) {
-      m.keyCode === 37 ? e.prevUnitId && i("prevUnit") : m.keyCode === 39 && e.nextUnitId && i("nextUnit");
+    function m(p) {
+      p.keyCode === 37 ? e.prevUnitId && i("prevUnit") : p.keyCode === 39 && e.nextUnitId && i("nextUnit");
     }
-    return (m, r) => {
-      const f = E("v-btn");
-      return c(), D("div", null, [
+    return (p, r) => {
+      const f = T("v-btn");
+      return d(), x("div", null, [
         C(f, {
           elevation: "1",
           icon: "mdi-rotate-right",
           class: "black darken-1",
-          onClick: r[0] || (r[0] = (k) => m.viewModel.rotateClockwise())
+          onClick: r[0] || (r[0] = (k) => p.viewModel.rotateClockwise())
         }),
         C(f, {
           elevation: "1",
@@ -479,11 +479,11 @@ const $a = /* @__PURE__ */ j({
           elevation: "1",
           rounded: "",
           plain: "",
-          disabled: !n.value || !m.canGoToUnitCallback(n.value),
+          disabled: !n.value || !p.canGoToUnitCallback(n.value),
           onClick: r[2] || (r[2] = (k) => i("goToUnit", n.value))
         }, {
           default: _(() => [
-            n.value && m.canGoToUnitCallback(n.value) ? (c(), D("span", za, Q(x(s).getLabel("seeApartment")) + "  ", 1)) : $("", !0),
+            n.value && p.canGoToUnitCallback(n.value) ? (d(), x("span", za, Q(D(s).getLabel("seeApartment")) + "  ", 1)) : $("", !0),
             u("span", Pa, Q(n.value ? e.unitRenderer(n.value) : "-"), 1)
           ]),
           _: 1
@@ -501,7 +501,7 @@ const $a = /* @__PURE__ */ j({
           plain: "",
           icon: "mdi-rotate-left",
           class: "black darken-1",
-          onClick: r[4] || (r[4] = (k) => m.viewModel.rotateCounterClockwise())
+          onClick: r[4] || (r[4] = (k) => p.viewModel.rotateCounterClockwise())
         })
       ]);
     };
@@ -618,12 +618,12 @@ const Ga = {
       new It(t.length).onLoadFinished(() => n("loaded")).onLoadProgress((b) => n("progress", b)).onLoadError(() => n("error"))
     ), i = v(
       new Na(e.cardinalFrames, Yt)
-    ), s = v(t), p = v(!1), m = B(() => s.value.find((b) => b.show));
+    ), s = v(t), m = v(!1), p = B(() => s.value.find((b) => b.show));
     H(
       () => e.viewModel.currentScene,
       (b, y) => {
-        const Y = S(y, b), T = h(y, b);
-        r(y, Y, T);
+        const Y = S(y, b), E = h(y, b);
+        r(y, Y, E);
       }
     ), Ie(() => {
       k();
@@ -653,18 +653,18 @@ const Ga = {
     function g() {
       const b = [];
       for (let y = 0; y < Yt; y++) {
-        const { sourceSet: Y, defaultPath: T } = d(y);
+        const { sourceSet: Y, defaultPath: E } = c(y);
         b.push({
           index: y,
           sourceSet: Y,
-          defaultPath: T,
+          defaultPath: E,
           show: !1
         });
       }
       return b;
     }
-    function d(b) {
-      const y = ("0000" + (b + 1)).slice(-4), Y = e.build ? `?v=${e.build}` : "", T = [
+    function c(b) {
+      const y = ("0000" + (b + 1)).slice(-4), Y = e.build ? `?v=${e.build}` : "", E = [
         `${he(
           e.cdnFileResolver,
           `/480/${y}.jpg${Y}`
@@ -681,55 +681,55 @@ const Ga = {
         e.cdnFileResolver,
         `/480/${y}.jpg${Y}`
       );
-      return { sourceSet: T, defaultPath: P };
+      return { sourceSet: E, defaultPath: P };
     }
     function h(b, y) {
-      const Y = lt / 2, T = Math.abs(b - y);
-      return T > Y ? lt - T : T;
+      const Y = lt / 2, E = Math.abs(b - y);
+      return E > Y ? lt - E : E;
     }
     function S(b, y) {
       if (b === y)
         return 0;
-      const T = Math.abs(b - y) < lt / 2;
-      return T && b < y || !T && b > y ? 1 : -1;
+      const E = Math.abs(b - y) < lt / 2;
+      return E && b < y || !E && b > y ? 1 : -1;
     }
     return (b, y) => {
-      const Y = E("v-icon");
-      return c(), D("div", null, [
-        o.value.isError ? (c(), D("div", Ga, [
+      const Y = T("v-icon");
+      return d(), x("div", null, [
+        o.value.isError ? (d(), x("div", Ga, [
           C(Y, { "x-large": "" }, {
             default: _(() => [
               te("mdi-alert-circle-outline")
             ]),
             _: 1
           })
-        ])) : p.value ? (c(), D("div", Xa, [
-          (c(!0), D(ve, null, ye(s.value, (T) => (c(), D("picture", {
-            key: T.index,
-            alt: T.index,
-            class: ge({ "frame-image": !0, show: T.show })
+        ])) : m.value ? (d(), x("div", Xa, [
+          (d(!0), x(ve, null, ye(s.value, (E) => (d(), x("picture", {
+            key: E.index,
+            alt: E.index,
+            class: ge({ "frame-image": !0, show: E.show })
           }, [
             u("source", {
-              srcset: T.sourceSet,
+              srcset: E.sourceSet,
               type: "image/jpeg"
             }, null, 8, en),
             u("img", {
-              src: T.defaultPath,
+              src: E.defaultPath,
               alt: "Building image",
               onLoad: y[2] || (y[2] = (P) => o.value.partLoaded()),
               onError: y[3] || (y[3] = (P) => o.value.errorDetected())
             }, null, 40, tn)
           ], 10, Ka))), 128))
-        ])) : (c(), D("div", Qa, [
-          m.value ? (c(), D("picture", Za, [
+        ])) : (d(), x("div", Qa, [
+          p.value ? (d(), x("picture", Za, [
             u("source", {
-              srcset: m.value.sourceSet,
+              srcset: p.value.sourceSet,
               type: "image/jpeg"
             }, null, 8, qa),
             u("img", {
-              src: m.value.defaultPath,
-              onLoad: y[0] || (y[0] = (T) => p.value = !0),
-              onError: y[1] || (y[1] = (T) => o.value.errorDetected())
+              src: p.value.defaultPath,
+              onLoad: y[0] || (y[0] = (E) => m.value = !0),
+              onError: y[1] || (y[1] = (E) => o.value.errorDetected())
             }, null, 40, Ja)
           ])) : $("", !0)
         ]))
@@ -745,16 +745,16 @@ const Ga = {
   emits: ["outside"],
   setup(l, { emit: a }) {
     const e = l, n = a, t = B(() => {
-      let o, i, s, p;
-      return e.pos.x <= e.pos.width / 2 ? (o = "-100%", s = "-8px") : (o = "0%", s = "8px"), e.pos.y <= e.pos.height / 2 ? (i = "-100%", p = "-8px") : (i = "0%", p = "8px"), `translate(${o}, ${i}) translate(${s}, ${p})`;
+      let o, i, s, m;
+      return e.pos.x <= e.pos.width / 2 ? (o = "-100%", s = "-8px") : (o = "0%", s = "8px"), e.pos.y <= e.pos.height / 2 ? (i = "-100%", m = "-8px") : (i = "0%", m = "8px"), `translate(${o}, ${i}) translate(${s}, ${m})`;
     });
     return (o, i) => {
-      const s = E("v-dialog"), p = E("v-fade-transition");
-      return c(), V(p, {
+      const s = T("v-dialog"), m = T("v-fade-transition");
+      return d(), V(m, {
         origin: `top left ${o.pos.x} ${o.pos.y}`
       }, {
         default: _(() => [
-          o.isHoverable ? (c(), D("div", {
+          o.isHoverable ? (d(), x("div", {
             key: 0,
             class: "floating-card",
             style: fe({
@@ -765,11 +765,11 @@ const Ga = {
             })
           }, [
             ne(o.$slots, "default", { isHoverable: o.isHoverable }, void 0, !0)
-          ], 4)) : (c(), V(s, {
+          ], 4)) : (d(), V(s, {
             key: 1,
             value: !0,
             width: "auto",
-            "onClick:outside": i[0] || (i[0] = (m) => n("outside", m))
+            "onClick:outside": i[0] || (i[0] = (p) => n("outside", p))
           }, {
             default: _(() => [
               ne(o.$slots, "default", { isHoverable: o.isHoverable }, void 0, !0)
@@ -797,9 +797,9 @@ const Ga = {
     a({
       adjustZoom: ue
     });
-    const o = v(100), i = v(0), s = v(0), p = v(!1), m = v(!1), r = v(void 0), f = v(!1), k = v(), g = B(() => `translateX(${i.value}px) translateY(${s.value}px) scale(${d.value})`), d = B(() => o.value / 100), h = B(() => n.maxScale * 100);
+    const o = v(100), i = v(0), s = v(0), m = v(!1), p = v(!1), r = v(void 0), f = v(!1), k = v(), g = B(() => `translateX(${i.value}px) translateY(${s.value}px) scale(${c.value})`), c = B(() => o.value / 100), h = B(() => n.maxScale * 100);
     H(
-      [d, i, s],
+      [c, i, s],
       () => {
         z();
       },
@@ -820,7 +820,7 @@ const Ga = {
       n.desktop && y(), n.mobile && Y();
     });
     function S() {
-      k.value.addEventListener("wheel", T, {
+      k.value.addEventListener("wheel", E, {
         capture: !0
       }), k.value.addEventListener("mousedown", P, {
         capture: !0
@@ -844,7 +844,7 @@ const Ga = {
       });
     }
     function y() {
-      k.value.removeEventListener("wheel", T, {
+      k.value.removeEventListener("wheel", E, {
         capture: !0
       }), k.value.removeEventListener("mousedown", P, {
         capture: !0
@@ -867,15 +867,15 @@ const Ga = {
         capture: !0
       });
     }
-    function T(O) {
+    function E(O) {
       const { x: J, y: X } = A(O);
       ue(-O.deltaY / 10, J, X), O.preventDefault();
     }
     function P(O) {
-      p.value = !0, f.value = !1, r.value = O;
+      m.value = !0, f.value = !1, r.value = O;
     }
     function I(O) {
-      if (p.value) {
+      if (m.value) {
         const { x: J, y: X } = A(O), { x: se, y: oe } = A(r.value), le = {
           x: J - se,
           y: X - oe
@@ -884,16 +884,16 @@ const Ga = {
       }
     }
     function M(O) {
-      p.value && f.value && n.consumeMouseUpWhenMoved && (O.preventDefault(), O.stopImmediatePropagation());
+      m.value && f.value && n.consumeMouseUpWhenMoved && (O.preventDefault(), O.stopImmediatePropagation());
     }
     function q(O) {
-      p.value && (f.value && n.consumeMouseClickWhenMoved && (O.preventDefault(), O.stopImmediatePropagation()), p.value = !1);
+      m.value && (f.value && n.consumeMouseClickWhenMoved && (O.preventDefault(), O.stopImmediatePropagation()), m.value = !1);
     }
     function R(O) {
-      p.value = O.touches.length === 1, m.value = O.touches.length === 2, r.value = O;
+      m.value = O.touches.length === 1, p.value = O.touches.length === 2, r.value = O;
     }
     function K(O) {
-      if (p.value) {
+      if (m.value) {
         const { x: J, y: X } = A(O.touches[0]), { x: se, y: oe } = A(
           r.value.touches[0]
         ), le = {
@@ -901,7 +901,7 @@ const Ga = {
           y: X - oe
         };
         W(le.x), N(le.y);
-      } else if (m.value && O.touches.length === 2) {
+      } else if (p.value && O.touches.length === 2) {
         const { x: J, y: X } = A(O.touches[0]), { x: se, y: oe } = A(
           r.value.touches[0]
         ), { x: le, y: _e } = A(O.touches[1]), { x: ie, y: Le } = A(
@@ -912,7 +912,7 @@ const Ga = {
       r.value = O;
     }
     function w() {
-      p.value = !1, m.value = !1;
+      m.value = !1, p.value = !1;
     }
     function A(O) {
       const { left: J, top: X } = k.value.getBoundingClientRect();
@@ -922,40 +922,40 @@ const Ga = {
       };
     }
     function W(O) {
-      const J = k.value.clientWidth, X = J * d.value;
+      const J = k.value.clientWidth, X = J * c.value;
       i.value = Math.max(
         Math.min(0, i.value + O),
         -(X - J)
       );
     }
     function N(O) {
-      const J = k.value.clientHeight, X = J * d.value;
+      const J = k.value.clientHeight, X = J * c.value;
       s.value = Math.max(
         Math.min(0, s.value + O),
         -(X - J)
       );
     }
     function ue(O, J, X) {
-      const se = J !== void 0 ? J : k.value.clientWidth / 2, oe = X !== void 0 ? X : k.value.clientHeight / 2, le = k.value.clientWidth, _e = k.value.clientHeight, ie = le * d.value, Le = _e * d.value;
+      const se = J !== void 0 ? J : k.value.clientWidth / 2, oe = X !== void 0 ? X : k.value.clientHeight / 2, le = k.value.clientWidth, _e = k.value.clientHeight, ie = le * c.value, Le = _e * c.value;
       o.value = Math.min(Math.max(100, o.value + O), h.value);
-      const Ae = le * d.value, Ue = _e * d.value, be = Ae - ie, xe = Ue - Le;
+      const Ae = le * c.value, Ue = _e * c.value, be = Ae - ie, xe = Ue - Le;
       i.value -= se / le * be, s.value -= oe / _e * xe, W(0), N(0);
     }
     function z() {
       t("update", {
-        scale: d.value,
+        scale: c.value,
         x: i.value,
         y: s.value,
         current: Math.min(Math.max(100, o.value), h.value),
         min: 100,
         max: h.value,
         resolve: (O, J) => {
-          const X = k.value.clientWidth, se = k.value.clientHeight, oe = i.value / -d.value, le = s.value / -d.value, _e = oe + X / d.value, ie = le + se / d.value, Le = O / X * (_e - oe) + oe, Ae = J / se * (ie - le) + le;
+          const X = k.value.clientWidth, se = k.value.clientHeight, oe = i.value / -c.value, le = s.value / -c.value, _e = oe + X / c.value, ie = le + se / c.value, Le = O / X * (_e - oe) + oe, Ae = J / se * (ie - le) + le;
           return { x: Le, y: Ae };
         }
       });
     }
-    return (O, J) => (c(), D("div", {
+    return (O, J) => (d(), x("div", {
       ref_key: "box",
       ref: k,
       class: "zoom-box-container",
@@ -1054,15 +1054,15 @@ const cn = { key: 0 }, dn = { class: "interactive-viewer" }, vn = { class: "fill
       Be,
       n.i18nConfig ? new Re(n.i18nConfig) : new Re()
     );
-    const o = gt({ isReady: !1, isError: !1 }), i = v(), s = v(), p = v(), m = v(), r = v({ x: 0, y: 0, width: 0, height: 0 }), f = v(), k = v(), g = v(), d = B(() => g.value.isHoverEnabled), h = B(() => n.useSvg ? Ya : Ba), S = B(() => n.selectedUnitId), b = B(() => n.nextUnitId), y = B(() => n.prevUnitId);
+    const o = gt({ isReady: !1, isError: !1 }), i = v(), s = v(), m = v(), p = v(), r = v({ x: 0, y: 0, width: 0, height: 0 }), f = v(), k = v(), g = v(), c = B(() => g.value.isHoverEnabled), h = B(() => n.useSvg ? Ya : Ba), S = B(() => n.selectedUnitId), b = B(() => n.nextUnitId), y = B(() => n.prevUnitId);
     Ve(() => {
-      if (S.value && m.value) {
+      if (S.value && p.value) {
         const I = i.value[S.value];
-        I && (m.value.currentScene = I);
+        I && (p.value.currentScene = I);
       }
     }), Ie(async () => {
       const I = n.apartmentChooserData && n.apartmentChooserData.startScene !== void 0 ? n.apartmentChooserData.startScene : hn;
-      p.value = n.apartmentChooserData && n.apartmentChooserData.scenes !== void 0 ? n.apartmentChooserData.scenes : e, s.value = n.apartmentChooserData && n.apartmentChooserData.sceneData !== void 0 ? n.apartmentChooserData.sceneData.map((R) => ({
+      m.value = n.apartmentChooserData && n.apartmentChooserData.scenes !== void 0 ? n.apartmentChooserData.scenes : e, s.value = n.apartmentChooserData && n.apartmentChooserData.sceneData !== void 0 ? n.apartmentChooserData.sceneData.map((R) => ({
         unitId: R.apartmentID,
         index: R.index
       })) : [], i.value = n.apartmentChooserData && n.apartmentChooserData.sceneData !== void 0 ? n.apartmentChooserData.sceneData.map((R) => {
@@ -1082,11 +1082,11 @@ const cn = { key: 0 }, dn = { class: "interactive-viewer" }, vn = { class: "fill
           return ue < z ? -1 : ue > z ? 1 : 0;
         }), R;
       }, q = (R) => {
-        m.value = new un(R);
+        p.value = new un(R);
       };
       t("initialized", {
         scene: I,
-        scenes: p.value,
+        scenes: m.value,
         sceneData: s.value,
         scenesByApartment: i.value,
         unitsSceneSort: M,
@@ -1096,15 +1096,15 @@ const cn = { key: 0 }, dn = { class: "interactive-viewer" }, vn = { class: "fill
     function Y(I) {
       r.value = I;
     }
-    function T(I) {
+    function E(I) {
       k.value = I.hoverUnit, f.value = I.closeHandler, t("hoverOverUnit", I.hoverUnit);
     }
     function P(I) {
       k.value = null, f.value = I.closeHandler, t("hoverOutUnit", I.hoverUnit);
     }
     return (I, M) => {
-      const q = E("v-progress-linear");
-      return m.value ? (c(), D("div", cn, [
+      const q = T("v-progress-linear");
+      return p.value ? (d(), x("div", cn, [
         u("div", dn, [
           u("div", vn, [
             C(tt, {
@@ -1114,17 +1114,17 @@ const cn = { key: 0 }, dn = { class: "interactive-viewer" }, vn = { class: "fill
               default: _(() => [
                 C(on, {
                   "cdn-file-resolver": I.cdnFileResolver,
-                  "view-model": m.value,
-                  "cardinal-frames": p.value,
+                  "view-model": p.value,
+                  "cardinal-frames": m.value,
                   build: I.build,
                   onProgress: M[0] || (M[0] = (R) => o.progress = R),
                   onLoaded: M[1] || (M[1] = (R) => o.isReady = !0),
                   onError: M[2] || (M[2] = (R) => o.isError = !0)
                 }, null, 8, ["cdn-file-resolver", "view-model", "cardinal-frames", "build"]),
-                o.isReady ? (c(), D("div", mn, [
-                  (c(), V(Gt(h.value), {
+                o.isReady ? (d(), x("div", mn, [
+                  (d(), V(Gt(h.value), {
                     "cdn-file-resolver": n.cdnFileResolver,
-                    "view-model": m.value,
+                    "view-model": p.value,
                     "selected-unit-id": S.value,
                     "scene-data": s.value,
                     "color-callback": n.colorCallback,
@@ -1132,7 +1132,7 @@ const cn = { key: 0 }, dn = { class: "interactive-viewer" }, vn = { class: "fill
                     "draw-observer": n.drawObserver,
                     onSelectUnit: M[3] || (M[3] = (R) => t("selectUnit", R)),
                     onGoToUnit: M[4] || (M[4] = (R) => t("goToUnit", R)),
-                    onHoverOver: T,
+                    onHoverOver: E,
                     onHoverOut: P,
                     onPos: Y
                   }, {
@@ -1145,9 +1145,9 @@ const cn = { key: 0 }, dn = { class: "interactive-viewer" }, vn = { class: "fill
               ]),
               _: 3
             }, 8, ["desktop", "mobile"]),
-            k.value && I.showCards ? (c(), V(et, {
+            k.value && I.showCards ? (d(), V(et, {
               key: 0,
-              "is-hoverable": d.value,
+              "is-hoverable": c.value,
               pos: r.value,
               onOutside: f.value
             }, {
@@ -1157,25 +1157,25 @@ const cn = { key: 0 }, dn = { class: "interactive-viewer" }, vn = { class: "fill
                   canGoToUnit: I.canGoToUnitCallback(k.value),
                   goToUnit: () => I.canGoToUnitCallback(k.value) && t("goToUnit", k.value),
                   pos: r.value,
-                  isHoverable: d.value,
+                  isHoverable: c.value,
                   close: f.value
                 }, void 0, !0)
               ]),
               _: 3
             }, 8, ["is-hoverable", "pos", "onOutside"])) : $("", !0),
-            o.isReady ? (c(), D("div", pn, [
+            o.isReady ? (d(), x("div", pn, [
               C(Wa, {
                 "can-go-to-unit-callback": n.canGoToUnitCallback,
                 "unit-renderer": n.unitRenderer,
                 "selected-unit-id": S.value,
                 "prev-unit-id": y.value,
                 "next-unit-id": b.value,
-                "view-model": m.value,
+                "view-model": p.value,
                 onGoToUnit: M[5] || (M[5] = (R) => t("goToUnit", R)),
                 onPrevUnit: M[6] || (M[6] = (R) => t("navUnit", y.value)),
                 onNextUnit: M[7] || (M[7] = (R) => t("navUnit", b.value))
               }, null, 8, ["can-go-to-unit-callback", "unit-renderer", "selected-unit-id", "prev-unit-id", "next-unit-id", "view-model"])
-            ])) : o.isError ? $("", !0) : (c(), D("div", fn, [
+            ])) : o.isError ? $("", !0) : (d(), x("div", fn, [
               C(q, {
                 indeterminate: !o.progress,
                 modelValue: o.progress,
@@ -1200,7 +1200,7 @@ const cn = { key: 0 }, dn = { class: "interactive-viewer" }, vn = { class: "fill
   },
   setup(l) {
     const a = l, e = B(() => he(a.cdnFileResolver, a.timeSampleData.filename));
-    return (n, t) => we((c(), D("img", {
+    return (n, t) => we((d(), x("img", {
       key: e.value,
       src: e.value,
       width: "100%"
@@ -1217,7 +1217,7 @@ const cn = { key: 0 }, dn = { class: "interactive-viewer" }, vn = { class: "fill
   },
   setup(l) {
     const a = l;
-    return (e, n) => (c(!0), D(ve, null, ye(a.dayData.timeSamples, (t) => (c(), V(Cn, {
+    return (e, n) => (d(!0), x(ve, null, ye(a.dayData.timeSamples, (t) => (d(), V(Cn, {
       "time-sample-data": t,
       "cdn-file-resolver": a.cdnFileResolver,
       "current-time": e.currentTime
@@ -1232,7 +1232,7 @@ const cn = { key: 0 }, dn = { class: "interactive-viewer" }, vn = { class: "fill
   },
   setup(l) {
     const a = l;
-    return (e, n) => (c(!0), D(ve, null, ye(a.cameraData.sunsimDayOfYear, (t) => (c(), V(wn, {
+    return (e, n) => (d(!0), x(ve, null, ye(a.cameraData.sunsimDayOfYear, (t) => (d(), V(wn, {
       "day-data": t,
       "cdn-file-resolver": a.cdnFileResolver,
       "current-time": a.currentTime
@@ -1248,7 +1248,7 @@ const cn = { key: 0 }, dn = { class: "interactive-viewer" }, vn = { class: "fill
   emits: ["goToBuilding", "hoverOverBuilding", "hoverOutBuilding"],
   setup(l, { emit: a }) {
     const e = l, n = B(() => he(e.cdnFileResolver, e.transitionData.filename));
-    return (t, o) => we((c(), D("img", {
+    return (t, o) => we((d(), x("img", {
       key: n.value,
       src: n.value,
       class: "position-absolute top-left w-100 h-100"
@@ -1310,10 +1310,10 @@ const An = /* @__PURE__ */ j({
         )
       );
     }), (i, s) => {
-      const p = E("v-select");
-      return c(), V(p, {
+      const m = T("v-select");
+      return d(), V(m, {
         modelValue: t.value,
-        "onUpdate:modelValue": s[0] || (s[0] = (m) => t.value = m),
+        "onUpdate:modelValue": s[0] || (s[0] = (p) => t.value = p),
         items: o.value,
         disabled: !!e.disabled,
         "item-title": "cameraName",
@@ -1355,8 +1355,8 @@ const An = /* @__PURE__ */ j({
       });
     }
     return (i, s) => {
-      const p = E("v-list-item"), m = E("v-select");
-      return c(), V(m, {
+      const m = T("v-list-item"), p = T("v-select");
+      return d(), V(p, {
         modelValue: t.value,
         "onUpdate:modelValue": s[0] || (s[0] = (r) => t.value = r),
         items: e.cameraData.sunsimDayOfYear,
@@ -1368,7 +1368,7 @@ const An = /* @__PURE__ */ j({
         "hide-details": ""
       }, {
         item: _(({ props: r }) => [
-          C(p, Me(r, {
+          C(m, Me(r, {
             title: o(r.title)
           }), null, 16, ["title"])
         ]),
@@ -1401,29 +1401,29 @@ const An = /* @__PURE__ */ j({
       n(
         "onTimeChange",
         e.dayData.timeSamples.find(
-          (p) => p.timeInHours === t.value
+          (m) => m.timeInHours === t.value
         )
       );
     });
-    function i(p) {
-      const m = p * 60, r = Math.floor(m / 60), f = m % 60;
+    function i(m) {
+      const p = m * 60, r = Math.floor(p / 60), f = p % 60;
       return `${r.toString().padStart(2, "0")}:${f.toString().padStart(2, "0")}`;
     }
     function s() {
       o.value ? (clearInterval(o.value), o.value = void 0) : (e.dayData.timeSamples.findIndex(
-        (m) => m.timeInHours === t.value
+        (p) => p.timeInHours === t.value
       ) === e.dayData.timeSamples.length - 1 && (t.value = e.dayData.timeSamples[0].timeInHours), o.value = setInterval(() => {
-        const m = e.dayData.timeSamples.findIndex(
+        const p = e.dayData.timeSamples.findIndex(
           (r) => r.timeInHours === t.value
         );
-        m < e.dayData.timeSamples.length - 1 ? t.value = e.dayData.timeSamples[m + 1].timeInHours : (clearInterval(o.value), o.value = void 0);
+        p < e.dayData.timeSamples.length - 1 ? t.value = e.dayData.timeSamples[p + 1].timeInHours : (clearInterval(o.value), o.value = void 0);
       }, 200));
     }
-    return (p, m) => {
-      const r = E("v-icon"), f = E("v-btn"), k = E("v-slider"), g = E("v-field");
-      return c(), V(g, { variant: "solo" }, {
+    return (m, p) => {
+      const r = T("v-icon"), f = T("v-btn"), k = T("v-slider"), g = T("v-field");
+      return d(), V(g, { variant: "solo" }, {
         default: _(() => [
-          p.dayData.startTime === p.dayData.endTime ? (c(), D("div", Ln, [
+          m.dayData.startTime === m.dayData.endTime ? (d(), x("div", Ln, [
             C(r, {
               style: { color: "#ffab02", "vertical-align": "baseline", "font-size": "20px" },
               class: "py-2 ml-2 mr-2 icon"
@@ -1434,14 +1434,14 @@ const An = /* @__PURE__ */ j({
               _: 1
             }),
             te(" " + Q(i(t.value)), 1)
-          ])) : (c(), V(k, {
+          ])) : (d(), V(k, {
             key: 1,
             class: "pa-1",
             modelValue: t.value,
-            "onUpdate:modelValue": m[0] || (m[0] = (d) => t.value = d),
-            min: p.dayData.startTime,
-            max: p.dayData.endTime,
-            step: p.dayData.interval,
+            "onUpdate:modelValue": p[0] || (p[0] = (c) => t.value = c),
+            min: m.dayData.startTime,
+            max: m.dayData.endTime,
+            step: m.dayData.interval,
             disabled: !!e.disabled,
             "hide-details": ""
           }, {
@@ -1453,10 +1453,10 @@ const An = /* @__PURE__ */ j({
                 onClick: s
               }, null, 8, ["icon"]),
               te("   "),
-              u("span", Mn, Q(i(p.dayData.startTime)), 1)
+              u("span", Mn, Q(i(m.dayData.startTime)), 1)
             ]),
             append: _(() => [
-              u("span", On, Q(i(p.dayData.endTime)), 1),
+              u("span", On, Q(i(m.dayData.endTime)), 1),
               te("   "),
               C(r, {
                 style: { color: "#ffab02", "vertical-align": "baseline", "font-size": "20px" },
@@ -1498,58 +1498,58 @@ const An = /* @__PURE__ */ j({
     }), Ve(() => {
       t("onSceneChange", i.value);
     });
-    const p = B(() => o.value ? !1 : n.apartmentChooserData.loopable ? !0 : i.value !== n.apartmentChooserData.scenes[0]), m = B(() => o.value ? !1 : n.apartmentChooserData.loopable ? !0 : i.value !== n.apartmentChooserData.scenes[n.apartmentChooserData.scenes.length - 1]);
+    const m = B(() => o.value ? !1 : n.apartmentChooserData.loopable ? !0 : i.value !== n.apartmentChooserData.scenes[0]), p = B(() => o.value ? !1 : n.apartmentChooserData.loopable ? !0 : i.value !== n.apartmentChooserData.scenes[n.apartmentChooserData.scenes.length - 1]);
     function r() {
-      const d = i.value;
-      let h = n.apartmentChooserData.scenes.findIndex((b) => b === d) + 1;
+      const c = i.value;
+      let h = n.apartmentChooserData.scenes.findIndex((b) => b === c) + 1;
       h >= n.apartmentChooserData.scenes.length && (h = 0);
       const S = n.apartmentChooserData.scenes[h];
-      n.apartmentChooserData.loopable && d > S, g(d, S);
+      n.apartmentChooserData.loopable && c > S, g(c, S);
     }
     async function f() {
-      const d = i.value;
-      let h = n.apartmentChooserData.scenes.findIndex((b) => b === d) - 1;
+      const c = i.value;
+      let h = n.apartmentChooserData.scenes.findIndex((b) => b === c) - 1;
       h < 0 && (h = n.apartmentChooserData.scenes.length - 1);
       const S = n.apartmentChooserData.scenes[h];
-      n.apartmentChooserData.loopable && d < S, g(d, S);
+      n.apartmentChooserData.loopable && c < S, g(c, S);
     }
-    function k(d) {
+    function k(c) {
       const h = i.value;
       if (n.apartmentChooserData.loopable)
-        if (d < h) {
-          let S = h - d, b = h - (n.apartmentChooserData.cameras.length + d);
-          return Math.abs(S) > Math.abs(b) ? g(h, d) : g(h, n.apartmentChooserData.cameras.length + d);
+        if (c < h) {
+          let S = h - c, b = h - (n.apartmentChooserData.cameras.length + c);
+          return Math.abs(S) > Math.abs(b) ? g(h, c) : g(h, n.apartmentChooserData.cameras.length + c);
         } else {
-          let S = h - d, b = n.apartmentChooserData.cameras.length + h - d;
-          return Math.abs(S) > Math.abs(b) ? g(h, d) : g(n.apartmentChooserData.cameras.length + h, d);
+          let S = h - c, b = n.apartmentChooserData.cameras.length + h - c;
+          return Math.abs(S) > Math.abs(b) ? g(h, c) : g(n.apartmentChooserData.cameras.length + h, c);
         }
       else
-        return g(h, d);
+        return g(h, c);
     }
-    function g(d, h) {
+    function g(c, h) {
       return new Promise((S) => {
-        o.value = !0, t("onRotateStart", { from: d, to: h });
-        let b, y = d;
+        o.value = !0, t("onRotateStart", { from: c, to: h });
+        let b, y = c;
         b = setInterval(() => {
           y < h ? (y++, i.value = Math.abs(
             y % n.apartmentChooserData.cameras.length
           )) : y > h ? (y--, i.value = Math.abs(
             y % n.apartmentChooserData.cameras.length
-          )) : (clearInterval(b), t("onRotateFinish", { from: d, to: h }), o.value = !1, S());
+          )) : (clearInterval(b), t("onRotateFinish", { from: c, to: h }), o.value = !1, S());
         }, 50);
       });
     }
-    return (d, h) => {
-      const S = E("v-btn"), b = E("v-chip");
-      return c(), D(ve, null, [
+    return (c, h) => {
+      const S = T("v-btn"), b = T("v-chip");
+      return d(), x(ve, null, [
         C(S, {
           class: "mx-2",
           icon: "mdi-restore",
           size: "small",
-          disabled: !p.value,
+          disabled: !m.value,
           onClick: f
         }, null, 8, ["disabled"]),
-        d.renderDisplay && s.value ? (c(), V(b, {
+        c.renderDisplay && s.value ? (d(), V(b, {
           key: 0,
           variant: "flat",
           color: "white",
@@ -1557,7 +1557,7 @@ const An = /* @__PURE__ */ j({
           onClick: h[0] || (h[0] = (y) => t("onDisplayClick", s.value))
         }, {
           default: _(() => [
-            te(Q(d.renderDisplay(s.value)), 1)
+            te(Q(c.renderDisplay(s.value)), 1)
           ]),
           _: 1
         })) : $("", !0),
@@ -1565,7 +1565,7 @@ const An = /* @__PURE__ */ j({
           class: "mx-2",
           icon: "mdi-reload",
           size: "small",
-          disabled: !m.value,
+          disabled: !p.value,
           onClick: r
         }, null, 8, ["disabled"])
       ], 64);
@@ -1589,14 +1589,14 @@ const An = /* @__PURE__ */ j({
       }
     ), Ve(() => {
       for (const r in s) {
-        const { element: f, state: k } = s[r], { r: g, g: d, b: h, a: S, s: b } = e.colorCallback(r, k) || {
+        const { element: f, state: k } = s[r], { r: g, g: c, b: h, a: S, s: b } = e.colorCallback(r, k) || {
           r: 0,
           g: 0,
           b: 0,
           a: 0,
           s: 0
         };
-        f.style.fill = `rgba(${g}, ${d}, ${h}, ${S / 255})`, f.style.stroke = `rgb(${g}, ${d}, ${h})`, f.style.strokeWidth = b.toString();
+        f.style.fill = `rgba(${g}, ${c}, ${h}, ${S / 255})`, f.style.stroke = `rgb(${g}, ${c}, ${h})`, f.style.strokeWidth = b.toString();
       }
     }), H(i, () => {
       for (const r in s)
@@ -1604,14 +1604,14 @@ const An = /* @__PURE__ */ j({
     }), Ve(async () => {
       t.value = await Fe.loadText(
         he(e.cdnFileResolver, e.currentCamera.overlayFilename)
-      ), m();
+      ), p();
     }), H(
       () => o.value,
       () => {
-        o.value && new ResizeObserver(p).observe(o.value);
+        o.value && new ResizeObserver(m).observe(o.value);
       }
     );
-    function p() {
+    function m() {
       De(() => {
         var f;
         const r = (f = o.value) == null ? void 0 : f.firstChild;
@@ -1632,33 +1632,33 @@ const An = /* @__PURE__ */ j({
         }
       });
     }
-    function m() {
+    function p() {
       De(() => {
         var f;
         const r = (f = o.value) == null ? void 0 : f.firstChild;
-        r && (n("updateSvgContainer", r), p(), r.querySelectorAll(
+        r && (n("updateSvgContainer", r), m(), r.querySelectorAll(
           "[data-apartment-id]"
         ).forEach((g) => {
           g.style.strokeWidth = "0", g.style.stroke = "rgba(255,255,255,0)", g.style.fill = "rgba(255,255,255,0)", g.querySelectorAll("path").forEach((h) => {
             h.style.stroke = "inherit", h.style.fill = "inherit";
           });
-          const d = g.getAttribute("data-apartment-id");
-          s[d] = {
+          const c = g.getAttribute("data-apartment-id");
+          s[c] = {
             element: g,
-            state: i.value === d ? "selected" : "idle"
+            state: i.value === c ? "selected" : "idle"
           }, g.addEventListener("mouseover", () => {
-            s[d].state === "idle" && (s[d].state = "hover"), n("onHoverOver", d);
+            s[c].state === "idle" && (s[c].state = "hover"), n("onHoverOver", c);
           }), g.addEventListener("mouseout", () => {
-            s[d].state === "hover" && (s[d].state = "idle"), n("onHoverOut", d);
+            s[c].state === "hover" && (s[c].state = "idle"), n("onHoverOut", c);
           }), g.addEventListener("click", () => {
-            n("onClick", d);
+            n("onClick", c);
           });
         }));
       });
     }
-    return (r, f) => (c(), V(Te, null, {
+    return (r, f) => (d(), V(Te, null, {
       default: _(() => [
-        (c(), D("div", {
+        (d(), x("div", {
           ref_key: "svgContainer",
           ref: o,
           key: r.currentCamera.overlayFilename,
@@ -1681,9 +1681,9 @@ const An = /* @__PURE__ */ j({
       transition: " transform 0.5s ease-in"
     }));
     return (n, t) => {
-      const o = E("v-img");
-      return c(), V(o, {
-        src: x(Un),
+      const o = T("v-img");
+      return d(), V(o, {
+        src: D(Un),
         style: fe(e.value)
       }, null, 8, ["src", "style"]);
     };
@@ -1863,15 +1863,15 @@ function Wn(l) {
     })
   ), e = "1280", n = [4, 1, 2, 3], t = [];
   for (let s = 1; s <= 64; s++) {
-    const p = s.toString().padStart(4, "0") + ".jpg";
-    t.push(p);
+    const m = s.toString().padStart(4, "0") + ".jpg";
+    t.push(m);
   }
   const o = t.map((s) => ({
     filename: `/${e}/${s}`
   }));
   for (let s = 0; s < l.scenes.length; s++) {
-    let p = l.scenes[s], m, r;
-    m = o[p], r = {
+    let m = l.scenes[s], p, r;
+    p = o[m], r = {
       cameraName: `Kamera ${s + 1}`,
       cameraPosition: {
         x: 0,
@@ -1891,12 +1891,12 @@ function Wn(l) {
           timeSamples: [
             {
               timeInHours: 14,
-              filename: m.filename
+              filename: p.filename
             }
           ]
         }
       ]
-    }, xt(o[p]) && (o[p] = r);
+    }, xt(o[m]) && (o[m] = r);
   }
   return {
     version: "5.0",
@@ -1941,7 +1941,7 @@ const Nn = {
   setup(l, { emit: a }) {
     const e = l, n = a, t = v(), o = v(), i = v(), s = v(
       null
-    ), p = v(4), m = v(), r = v(!1), f = v(!1), k = v(), g = v(), d = B(() => g.value.isHoverEnabled), h = v({ x: 0, y: 0, width: 0, height: 0 }), S = v(), b = v(), y = v(
+    ), m = v(4), p = v(), r = v(!1), f = v(!1), k = v(), g = v(), c = B(() => g.value.isHoverEnabled), h = v({ x: 0, y: 0, width: 0, height: 0 }), S = v(), b = v(), y = v(
       e.apartmentChooserData
     ), Y = v(!1);
     Ie(() => {
@@ -1956,7 +1956,7 @@ const Nn = {
         }).observe(b.value);
       }
     );
-    const T = B(
+    const E = B(
       () => y.value ? y.value.cameras.filter(Lt) : []
     ), P = B(
       () => y.value ? y.value.cameras.filter(xt) : []
@@ -1977,11 +1977,11 @@ const Nn = {
         () => e.defaultCamera
       ],
       async () => {
-        e.cdnFileResolver && (y.value || (y.value = await I()), e.defaultCamera ? t.value = T.value.find(
+        e.cdnFileResolver && (y.value || (y.value = await I()), e.defaultCamera ? t.value = E.value.find(
           (z) => z.cameraName === e.defaultCamera
-        ) || T.value[0] : t.value = T.value[0], p.value = y.value.cameras.findIndex(
+        ) || E.value[0] : t.value = E.value[0], m.value = y.value.cameras.findIndex(
           (z) => z === t.value
-        ), p.value = Math.max(0, p.value));
+        ), m.value = Math.max(0, m.value));
       },
       { immediate: !0 }
     ), H(
@@ -2009,15 +2009,15 @@ const Nn = {
       );
     }
     function q(z) {
-      p.value = z, xt(y.value.cameras[p.value]) ? s.value = y.value.cameras[p.value] : (De(() => {
+      m.value = z, xt(y.value.cameras[m.value]) ? s.value = y.value.cameras[m.value] : (De(() => {
         R(
-          y.value.cameras[p.value]
+          y.value.cameras[m.value]
         );
       }), s.value = null);
     }
     function R(z) {
       const O = o.value;
-      t.value = z, p.value = y.value.cameras.findIndex(
+      t.value = z, m.value = y.value.cameras.findIndex(
         (J) => J === t.value
       ), De(() => {
         K(
@@ -2051,10 +2051,10 @@ const Nn = {
       });
     }
     function W(z) {
-      n("onHoverOver", z), m.value = z;
+      n("onHoverOver", z), p.value = z;
     }
     function N(z) {
-      n("onHoverOut", z), m.value = void 0;
+      n("onHoverOut", z), p.value = void 0;
     }
     function ue(z) {
       const { layerX: O, layerY: J } = z;
@@ -2078,8 +2078,8 @@ const Nn = {
       n("onMouseMove", z, h.value);
     }
     return (z, O) => {
-      const J = E("v-skeleton-loader");
-      return c(), D(ve, null, [
+      const J = T("v-skeleton-loader");
+      return d(), x(ve, null, [
         C(J, {
           type: "image",
           class: "w-100 h-100 position-relative",
@@ -2096,7 +2096,7 @@ const Nn = {
                 }, [
                   u("div", Nn, [
                     u("div", Gn, [
-                      y.value.cameras.length > 1 ? (c(), V(An, {
+                      y.value.cameras.length > 1 ? (d(), V(An, {
                         key: 0,
                         "apartment-chooser-data": y.value,
                         "current-camera": t.value,
@@ -2105,7 +2105,7 @@ const Nn = {
                       }, null, 8, ["apartment-chooser-data", "current-camera", "disabled"])) : $("", !0)
                     ]),
                     u("div", Qn, [
-                      t.value.sunsimDayOfYear.length > 1 ? (c(), V(Fn, {
+                      t.value.sunsimDayOfYear.length > 1 ? (d(), V(Fn, {
                         key: 0,
                         "camera-data": t.value,
                         "current-day": o.value,
@@ -2114,7 +2114,7 @@ const Nn = {
                       }, null, 8, ["camera-data", "current-day", "disabled"])) : $("", !0)
                     ]),
                     u("div", Zn, [
-                      o.value.timeSamples.length > 1 ? (c(), V(Tn, {
+                      o.value.timeSamples.length > 1 ? (d(), V(Tn, {
                         key: 0,
                         "day-data": o.value,
                         "current-time": i.value,
@@ -2124,12 +2124,12 @@ const Nn = {
                     ])
                   ]),
                   u("div", qn, [
-                    y.value.cameras.length > 1 ? (c(), V(Vn, {
+                    y.value.cameras.length > 1 ? (d(), V(Vn, {
                       key: 0,
                       ref_key: "rotator",
                       ref: k,
                       "apartment-chooser-data": y.value,
-                      "current-scene": p.value,
+                      "current-scene": m.value,
                       "selected-id": z.selectedId,
                       "render-display": e.renderDisplay,
                       onOnDisplayClick: A,
@@ -2139,25 +2139,25 @@ const Nn = {
                     }, null, 8, ["apartment-chooser-data", "current-scene", "selected-id", "render-display"])) : $("", !0)
                   ]),
                   u("div", Jn, [
-                    t.value.cameraRotation ? (c(), V(at, {
+                    t.value.cameraRotation ? (d(), V(at, {
                       key: 0,
                       longitude: t.value.cameraRotation.y + 270
                     }, null, 8, ["longitude"])) : $("", !0)
                   ]),
                   C(tt, { position: "relative" }, {
                     default: _(() => [
-                      (c(!0), D(ve, null, ye(T.value, (X) => (c(), V(kn, {
+                      (d(!0), x(ve, null, ye(E.value, (X) => (d(), V(kn, {
                         key: X.overlayFilename,
                         "camera-data": X,
                         "cdn-file-resolver": e.cdnFileResolver,
                         "current-time": i.value
                       }, null, 8, ["camera-data", "cdn-file-resolver", "current-time"]))), 128)),
-                      (c(!0), D(ve, null, ye(P.value, (X) => (c(), V(xn, {
+                      (d(!0), x(ve, null, ye(P.value, (X) => (d(), V(xn, {
                         "transition-data": X,
                         "cdn-file-resolver": e.cdnFileResolver,
                         "current-transition": s.value
                       }, null, 8, ["transition-data", "cdn-file-resolver", "current-transition"]))), 256)),
-                      e.customOverlayContent ? (c(), D("div", {
+                      e.customOverlayContent ? (d(), x("div", {
                         key: 0,
                         class: "w-100 h-100 position-absolute top-left",
                         style: { "z-index": "6", "pointer-events": "none" },
@@ -2178,14 +2178,14 @@ const Nn = {
                     ]),
                     _: 1
                   }),
-                  z.$slots.popup && h.value && m.value ? (c(), V(et, {
+                  z.$slots.popup && h.value && p.value ? (d(), V(et, {
                     key: 0,
-                    "is-hoverable": d.value,
+                    "is-hoverable": c.value,
                     pos: h.value
                   }, {
                     default: _(() => [
                       u("div", Kn, [
-                        ne(z.$slots, "popup", it(rt({ hoverId: m.value, hoverable: d.value })), void 0, !0)
+                        ne(z.$slots, "popup", it(rt({ hoverId: p.value, hoverable: c.value })), void 0, !0)
                       ])
                     ]),
                     _: 3
@@ -2204,7 +2204,7 @@ const Nn = {
       ], 64);
     };
   }
-}), au = /* @__PURE__ */ ee(eo, [["__scopeId", "data-v-0310f66a"]]), to = { class: "sunsim-bar-wrapper" }, ao = { class: "sunsim-date d-flex align-center pl-5 pr-5" }, no = {
+}), ou = /* @__PURE__ */ ee(eo, [["__scopeId", "data-v-0310f66a"]]), to = { class: "sunsim-bar-wrapper" }, ao = { class: "sunsim-date d-flex align-center pl-5 pr-5" }, no = {
   key: 1,
   class: "text-center text-body-1"
 }, oo = { class: "sunsim-wrapper d-flex align-center px-3" }, lo = { class: "sunsim-time-label text-body-1 font-weight-normal ml-2" }, so = /* @__PURE__ */ j({
@@ -2226,18 +2226,18 @@ const Nn = {
     const s = B(() => {
       const r = Math.floor(t.value / 2).toString().padStart(2, "0"), f = t.value % 2 === 0 ? "00" : "30";
       return `${r}:${f}`;
-    }), p = B(() => e.dateSelector.dates.map(i)), m = B({
+    }), m = B(() => e.dateSelector.dates.map(i)), p = B({
       get() {
         return i(e.dateSelector.selectedDate);
       },
       set(r) {
-        e.dateSelector.selectIndex(p.value.indexOf(r));
+        e.dateSelector.selectIndex(m.value.indexOf(r));
       }
     });
     return H(t, (r) => {
       n("update:modelValue", r);
     }), H(o, (r) => {
-      e.dateSelector.selectIndex(p.value.indexOf(r));
+      e.dateSelector.selectIndex(m.value.indexOf(r));
     }), H(
       () => e.modelValue,
       (r) => {
@@ -2246,24 +2246,24 @@ const Nn = {
     ), Ve(() => {
       o.value = i(e.dateSelector.selectedDate);
     }), (r, f) => {
-      const k = E("v-icon"), g = E("v-select"), d = E("v-progress-linear"), h = E("v-slider");
-      return c(), D("div", to, [
+      const k = T("v-icon"), g = T("v-select"), c = T("v-progress-linear"), h = T("v-slider");
+      return d(), x("div", to, [
         u("div", ao, [
           C(k, {
             color: "black",
             class: "mr-2",
             icon: "mdi-calendar-blank-outline"
           }),
-          r.dateSelector.hasMultipleDates ? (c(), V(g, {
+          r.dateSelector.hasMultipleDates ? (d(), V(g, {
             key: 0,
             modelValue: o.value,
             "onUpdate:modelValue": f[0] || (f[0] = (S) => o.value = S),
-            items: p.value,
+            items: m.value,
             density: "compact",
             variant: "underlined",
             "hide-details": "",
             class: "day-selector"
-          }, null, 8, ["modelValue", "items"])) : (c(), D("span", no, Q(m.value), 1))
+          }, null, 8, ["modelValue", "items"])) : (d(), x("span", no, Q(p.value), 1))
         ]),
         u("div", oo, [
           u("span", lo, Q(s.value), 1),
@@ -2276,7 +2276,7 @@ const Nn = {
             ]),
             _: 1
           }),
-          r.isLoading ? (c(), V(d, {
+          r.isLoading ? (d(), V(c, {
             key: 0,
             style: { left: 0, transform: "none" },
             indeterminate: "",
@@ -2284,7 +2284,7 @@ const Nn = {
             height: "6",
             color: "grey lighten-1",
             class: "mr-2"
-          })) : (c(), V(h, {
+          })) : (d(), V(h, {
             key: 1,
             modelValue: t.value,
             "onUpdate:modelValue": f[1] || (f[1] = (S) => t.value = S),
@@ -2314,13 +2314,13 @@ const Nn = {
     const e = l, n = a, t = v("init"), o = v(new It(0)), i = v();
     H(
       () => e.imageUrls,
-      (m) => {
-        n("reset"), p(m);
+      (p) => {
+        n("reset"), m(p);
       }
     ), Ie(() => {
-      p(e.imageUrls), new ResizeObserver((m) => {
+      m(e.imageUrls), new ResizeObserver((p) => {
         window.requestAnimationFrame(() => {
-          const r = m[0].contentRect.width, f = m[0].contentRect.height;
+          const r = p[0].contentRect.width, f = p[0].contentRect.height;
           n("resize", { width: r, height: f });
         });
       }).observe(i.value);
@@ -2328,14 +2328,14 @@ const Nn = {
     function s() {
       t.value = "preloaded", n("preloaded");
     }
-    function p(m) {
-      t.value = "init", i.value.src = m[0], o.value = new It(m.length).onLoadFinished(
+    function m(p) {
+      t.value = "init", i.value.src = p[0], o.value = new It(p.length).onLoadFinished(
         () => {
           t.value = "loaded", n("ready");
         }
       );
     }
-    return (m, r) => (c(), D("div", null, [
+    return (p, r) => (d(), x("div", null, [
       u("img", {
         ref_key: "baseImage",
         ref: i,
@@ -2343,10 +2343,10 @@ const Nn = {
         style: { opacity: 1, borderRadius: 50 },
         onLoad: s
       }, null, 544),
-      t.value === "preloaded" || t.value === "loaded" ? we((c(), D("div", io, [
-        (c(!0), D(ve, null, ye(m.imageUrls, (f, k) => (c(), D("img", {
+      t.value === "preloaded" || t.value === "loaded" ? we((d(), x("div", io, [
+        (d(!0), x(ve, null, ye(p.imageUrls, (f, k) => (d(), x("img", {
           key: k,
-          class: ge({ "image-instance": !0, active: k === m.activeIndex }),
+          class: ge({ "image-instance": !0, active: k === p.activeIndex }),
           src: f,
           onLoad: r[0] || (r[0] = (g) => o.value.partLoaded())
         }, null, 42, ro))), 128))
@@ -2386,9 +2386,9 @@ const Nn = {
     }), o = v({
       width: 0,
       height: 0
-    }), i = v({ x: 0, y: 0, width: 0, height: 0 }), s = v(), p = v(
+    }), i = v({ x: 0, y: 0, width: 0, height: 0 }), s = v(), m = v(
       (/* @__PURE__ */ new Date()).getHours() * 2 + ((/* @__PURE__ */ new Date()).getMinutes() < 30 ? 0 : 1)
-    ), m = v(!1), r = v(new Fe()), f = v(), k = v("0 0 0 0"), g = v(), d = v(), h = v(Je.empty()), S = v(Xe.empty()), b = v(), y = B(() => b.value.isHoverEnabled);
+    ), p = v(!1), r = v(new Fe()), f = v(), k = v("0 0 0 0"), g = v(), c = v(), h = v(Je.empty()), S = v(Xe.empty()), b = v(), y = B(() => b.value.isHoverEnabled);
     H(s, (w, A) => {
       w ? n("hoverOverBuilding", w) : n("hoverOutBuilding", A);
     }), Ve(() => {
@@ -2396,7 +2396,7 @@ const Nn = {
         const [w, A, W] = /^(\d\d):(\d\d)$/.exec(
           e.buildingChooserTimeOfDay
         ), N = parseInt(W);
-        p.value = parseInt(A) * 2 + (N < 15 ? 0 : N > 45 ? 2 : 1);
+        m.value = parseInt(A) * 2 + (N < 15 ? 0 : N > 45 ? 2 : 1);
       }
     }), Ie(async () => {
       const A = await new qt(
@@ -2405,7 +2405,7 @@ const Nn = {
         e.buildingChooserData
       );
       if (A) {
-        S.value = new Xe(A.mapImage), h.value = new Je(A.buildingIds), g.value = new bt(A.backgrounds), d.value = {
+        S.value = new Xe(A.mapImage), h.value = new Je(A.buildingIds), g.value = new bt(A.backgrounds), c.value = {
           buildingOverlays: A.buildingOverlays,
           viewLongitude: A.viewLongitude
         };
@@ -2420,12 +2420,12 @@ const Nn = {
           });
         f.value = W;
       } else
-        m.value = !0;
+        p.value = !0;
     });
     function Y({ width: w, height: A }) {
       o.value.width = w, o.value.height = A;
     }
-    function T() {
+    function E() {
       t.value = { preloaded: !1, ready: !1 };
     }
     function P(w) {
@@ -2491,15 +2491,15 @@ const Nn = {
       s.value = w, y.value && s.value && e.canGoToBuildingCallback(s.value) && n("goToBuilding", s.value);
     }
     return (w, A) => {
-      const W = E("v-icon");
-      return m.value ? (c(), D("div", co, [
+      const W = T("v-icon");
+      return p.value ? (d(), x("div", co, [
         C(W, { "x-large": "" }, {
           default: _(() => [
             te("mdi-alert-circle-outline")
           ]),
           _: 1
         })
-      ])) : d.value ? (c(), D("div", {
+      ])) : c.value ? (d(), x("div", {
         key: 1,
         style: fe(`height: ${o.value.height}px; position: relative`),
         class: "image-container"
@@ -2512,16 +2512,16 @@ const Nn = {
             u("div", vo, [
               C(Xt, {
                 "image-urls": g.value.imageUrls,
-                "active-index": p.value,
+                "active-index": m.value,
                 onResize: Y,
                 onPreloaded: A[0] || (A[0] = (N) => t.value.preloaded = !0),
                 onReady: A[1] || (A[1] = (N) => t.value.ready = !0),
-                onReset: T
+                onReset: E
               }, null, 8, ["image-urls", "active-index"]),
-              f.value ? we((c(), D("div", mo, [
+              f.value ? we((d(), x("div", mo, [
                 u("div", po, [
-                  (c(), D("svg", { viewBox: k.value }, [
-                    (c(!0), D(ve, null, ye(f.value, ({ id: N, svg: ue }, z) => (c(), D("g", {
+                  (d(), x("svg", { viewBox: k.value }, [
+                    (d(!0), x(ve, null, ye(f.value, ({ id: N, svg: ue }, z) => (d(), x("g", {
                       key: z,
                       innerHTML: ue,
                       "data-building-id": N,
@@ -2548,21 +2548,21 @@ const Nn = {
           _: 1
         }, 8, ["desktop", "mobile"]),
         we(u("div", null, [
-          d.value.viewLongitude ? (c(), V(at, {
+          c.value.viewLongitude ? (d(), V(at, {
             key: 0,
             class: "north-indicator",
-            longitude: d.value.viewLongitude
+            longitude: c.value.viewLongitude
           }, null, 8, ["longitude"])) : $("", !0),
           C(Jt, {
-            modelValue: p.value,
-            "onUpdate:modelValue": A[2] || (A[2] = (N) => p.value = N),
+            modelValue: m.value,
+            "onUpdate:modelValue": A[2] || (A[2] = (N) => m.value = N),
             "date-selector": g.value,
             "is-loading": !t.value.ready
           }, null, 8, ["modelValue", "date-selector", "is-loading"])
         ], 512), [
           [ke, t.value.preloaded]
         ]),
-        w.showCards && s.value ? (c(), V(et, {
+        w.showCards && s.value ? (d(), V(et, {
           key: 0,
           "is-hoverable": y.value,
           pos: i.value,
@@ -2599,25 +2599,25 @@ const Nn = {
     a({
       setupDraw: r
     });
-    const n = v(!1), t = v(), o = v(new Fe()), i = v(), s = v(), p = v([]), m = v();
+    const n = v(!1), t = v(), o = v(new Fe()), i = v(), s = v(), m = v([]), p = v();
     H(
       () => e.color,
-      (g, d) => {
-        (g.r !== d.r || g.g !== d.g || g.b !== d.b || g.a !== d.a) && f();
+      (g, c) => {
+        (g.r !== c.r || g.g !== c.g || g.b !== c.b || g.a !== c.a) && f();
       }
     ), Ie(async () => {
       t.value = await o.value.loadImage(e.imageUrl), r();
     });
     function r() {
-      if (!t.value || !m.value)
+      if (!t.value || !p.value)
         return;
-      const { width: g, height: d } = e.dimensions;
-      if (!(g === 0 || d === 0)) {
-        i.value = m.value.getContext("2d", {
+      const { width: g, height: c } = e.dimensions;
+      if (!(g === 0 || c === 0)) {
+        i.value = p.value.getContext("2d", {
           willReadFrequently: !0
-        }), i.value.drawImage(t.value, 0, 0, g, d), s.value = i.value.getImageData(0, 0, g, d);
+        }), i.value.drawImage(t.value, 0, 0, g, c), s.value = i.value.getImageData(0, 0, g, c);
         for (let h = 3; h < s.value.data.length; h += 4)
-          s.value.data[h] !== 0 && p.value.push(h);
+          s.value.data[h] !== 0 && m.value.push(h);
         f(), n.value = !0;
       }
     }
@@ -2626,12 +2626,12 @@ const Nn = {
     }
     function k() {
       if (e.color)
-        for (let g = 0; g < p.value.length; g++)
-          s.value.data[p.value[g] - 3] = e.color.r, s.value.data[p.value[g] - 2] = e.color.g, s.value.data[p.value[g] - 1] = e.color.b, s.value.data[p.value[g]] = e.color.a;
+        for (let g = 0; g < m.value.length; g++)
+          s.value.data[m.value[g] - 3] = e.color.r, s.value.data[m.value[g] - 2] = e.color.g, s.value.data[m.value[g] - 1] = e.color.b, s.value.data[m.value[g]] = e.color.a;
     }
-    return (g, d) => (c(), D("canvas", Me({
+    return (g, c) => (d(), x("canvas", Me({
       ref_key: "canvas",
-      ref: m,
+      ref: p,
       class: "overlay"
     }, g.dimensions), null, 16));
   }
@@ -2666,11 +2666,11 @@ const Nn = {
     }), i = v({
       width: 0,
       height: 0
-    }), s = v({ x: 0, y: 0, width: 0, height: 0 }), p = v(), m = v(Je.empty()), r = v(Xe.empty()), f = v(), k = v(
+    }), s = v({ x: 0, y: 0, width: 0, height: 0 }), m = v(), p = v(Je.empty()), r = v(Xe.empty()), f = v(), k = v(
       (/* @__PURE__ */ new Date()).getHours() * 2 + ((/* @__PURE__ */ new Date()).getMinutes() < 30 ? 0 : 1)
     ), g = v(
       (w, A) => ({ x: w, y: A })
-    ), d = v(!1), h = v(), S = v(), b = v(), y = B(() => {
+    ), c = v(!1), h = v(), S = v(), b = v(), y = B(() => {
       var w;
       return (w = h.value) == null ? void 0 : w.isHoverEnabled;
     });
@@ -2689,20 +2689,20 @@ const Nn = {
       ).loadBuildingChooser(
         e.buildingChooserData
       );
-      A ? (r.value = new Xe(A.mapImage), m.value = new Je(A.buildingIds), t.value = new bt(A.backgrounds), p.value = {
+      A ? (r.value = new Xe(A.mapImage), p.value = new Je(A.buildingIds), t.value = new bt(A.backgrounds), m.value = {
         buildingOverlays: A.buildingOverlays,
         viewLongitude: A.viewLongitude
-      }, I()) : d.value = !0;
+      }, I()) : c.value = !0;
     });
     function Y({ width: w, height: A }) {
       i.value.width = w, i.value.height = A, De(I);
     }
-    function T() {
+    function E() {
       o.value = { preloaded: !1, ready: !1 };
     }
     function P(w) {
       const { layerX: A, layerY: W } = w, { x: N, y: ue } = g.value(A, W);
-      return m.value.getBuildingId(
+      return p.value.getBuildingId(
         r.value,
         N,
         ue
@@ -2735,15 +2735,15 @@ const Nn = {
       g.value = w;
     }
     return (w, A) => {
-      const W = E("v-icon");
-      return d.value ? (c(), D("div", wo, [
+      const W = T("v-icon");
+      return c.value ? (d(), x("div", wo, [
         C(W, { "x-large": "" }, {
           default: _(() => [
             te("mdi-alert-circle-outline")
           ]),
           _: 1
         })
-      ])) : p.value ? (c(), D("div", {
+      ])) : m.value ? (d(), x("div", {
         key: 1,
         style: fe(`cursor: ${f.value ? "pointer" : "auto"};height: ${i.value.height}px; position: relative`),
         class: "image-container"
@@ -2761,10 +2761,10 @@ const Nn = {
                 onResize: Y,
                 onPreloaded: A[0] || (A[0] = (N) => o.value.preloaded = !0),
                 onReady: A[1] || (A[1] = (N) => o.value.ready = !0),
-                onReset: T
+                onReset: E
               }, null, 8, ["image-urls", "active-index"]),
               we(u("div", null, [
-                (c(!0), D(ve, null, ye(p.value.buildingOverlays, (N) => (c(), V(Co, {
+                (d(!0), x(ve, null, ye(m.value.buildingOverlays, (N) => (d(), V(Co, {
                   ref_for: !0,
                   ref_key: "overlays",
                   ref: b,
@@ -2794,10 +2794,10 @@ const Nn = {
           _: 1
         }, 8, ["desktop", "mobile"]),
         we(u("div", null, [
-          p.value.viewLongitude ? (c(), V(at, {
+          m.value.viewLongitude ? (d(), V(at, {
             key: 0,
             class: "north-indicator",
-            longitude: p.value.viewLongitude
+            longitude: m.value.viewLongitude
           }, null, 8, ["longitude"])) : $("", !0),
           C(Jt, {
             modelValue: k.value,
@@ -2808,7 +2808,7 @@ const Nn = {
         ], 512), [
           [ke, o.value.preloaded]
         ]),
-        w.showCards && f.value ? (c(), V(et, {
+        w.showCards && f.value ? (d(), V(et, {
           key: 0,
           "is-hoverable": y.value,
           pos: s.value,
@@ -2853,7 +2853,7 @@ const Nn = {
     const e = l, n = a, t = B(
       () => e.useSvg ? _o : xo
     );
-    return (o, i) => (c(), V(Gt(t.value), {
+    return (o, i) => (d(), V(Gt(t.value), {
       "i18n-config": e.i18nConfig,
       "show-cards": e.showCards,
       "color-callback": e.colorCallback,
@@ -2870,8 +2870,8 @@ const Nn = {
     }, Aa({ _: 2 }, [
       ye(Object.keys(o.$slots), (s) => ({
         name: s,
-        fn: _((p) => [
-          ne(o.$slots, s, it(rt(p)))
+        fn: _((m) => [
+          ne(o.$slots, s, it(rt(m)))
         ])
       }))
     ]), 1064, ["i18n-config", "show-cards", "color-callback", "cdn-file-resolver", "interactive-desktop", "interactive-mobile", "building-chooser-time-of-day", "can-go-to-building-callback", "custom-overlay-content", "building-chooser-data"]));
@@ -2885,7 +2885,7 @@ const Nn = {
   },
   setup(l) {
     const a = l, e = B(() => he(a.cdnFileResolver, a.timeSampleData.filename));
-    return (n, t) => we((c(), D("img", {
+    return (n, t) => we((d(), x("img", {
       key: e.value,
       src: e.value,
       width: "100%"
@@ -2902,7 +2902,7 @@ const Nn = {
   },
   setup(l) {
     const a = l;
-    return (e, n) => (c(!0), D(ve, null, ye(a.dayData.timeSamples, (t) => (c(), V(Lo, {
+    return (e, n) => (d(!0), x(ve, null, ye(a.dayData.timeSamples, (t) => (d(), V(Lo, {
       "time-sample-data": t,
       "cdn-file-resolver": a.cdnFileResolver,
       "current-time": e.currentTime
@@ -2917,7 +2917,7 @@ const Nn = {
   },
   setup(l) {
     const a = l;
-    return (e, n) => (c(!0), D(ve, null, ye(a.cameraData.sunsimDayOfYear, (t) => (c(), V(Mo, {
+    return (e, n) => (d(!0), x(ve, null, ye(a.cameraData.sunsimDayOfYear, (t) => (d(), V(Mo, {
       "day-data": t,
       "cdn-file-resolver": a.cdnFileResolver,
       "current-time": a.currentTime
@@ -2942,10 +2942,10 @@ const Nn = {
         )
       );
     }), (o, i) => {
-      const s = E("v-select");
-      return c(), V(s, {
+      const s = T("v-select");
+      return d(), V(s, {
         modelValue: t.value,
-        "onUpdate:modelValue": i[0] || (i[0] = (p) => t.value = p),
+        "onUpdate:modelValue": i[0] || (i[0] = (m) => t.value = m),
         items: e.buildingChooserData.cameras,
         "item-title": "cameraName",
         "item-value": "overlayFilename",
@@ -2985,8 +2985,8 @@ const Nn = {
       });
     }
     return (i, s) => {
-      const p = E("v-list-item"), m = E("v-select");
-      return c(), V(m, {
+      const m = T("v-list-item"), p = T("v-select");
+      return d(), V(p, {
         modelValue: t.value,
         "onUpdate:modelValue": s[0] || (s[0] = (r) => t.value = r),
         items: e.cameraData.sunsimDayOfYear,
@@ -2997,7 +2997,7 @@ const Nn = {
         "hide-details": ""
       }, {
         item: _(({ props: r }) => [
-          C(p, Me(r, {
+          C(m, Me(r, {
             title: o(r.title)
           }), null, 16, ["title"])
         ]),
@@ -3029,29 +3029,29 @@ const Nn = {
       n(
         "onTimeChange",
         e.dayData.timeSamples.find(
-          (p) => p.timeInHours === t.value
+          (m) => m.timeInHours === t.value
         )
       );
     });
-    function i(p) {
-      const m = p * 60, r = Math.floor(m / 60), f = m % 60;
+    function i(m) {
+      const p = m * 60, r = Math.floor(p / 60), f = p % 60;
       return `${r.toString().padStart(2, "0")}:${f.toString().padStart(2, "0")}`;
     }
     function s() {
       o.value ? (clearInterval(o.value), o.value = void 0) : (e.dayData.timeSamples.findIndex(
-        (m) => m.timeInHours === t.value
+        (p) => p.timeInHours === t.value
       ) === e.dayData.timeSamples.length - 1 && (t.value = e.dayData.timeSamples[0].timeInHours), o.value = setInterval(() => {
-        const m = e.dayData.timeSamples.findIndex(
+        const p = e.dayData.timeSamples.findIndex(
           (r) => r.timeInHours === t.value
         );
-        m < e.dayData.timeSamples.length - 1 ? t.value = e.dayData.timeSamples[m + 1].timeInHours : (clearInterval(o.value), o.value = void 0);
+        p < e.dayData.timeSamples.length - 1 ? t.value = e.dayData.timeSamples[p + 1].timeInHours : (clearInterval(o.value), o.value = void 0);
       }, 200));
     }
-    return (p, m) => {
-      const r = E("v-icon"), f = E("v-btn"), k = E("v-slider"), g = E("v-field");
-      return c(), V(g, { variant: "solo" }, {
+    return (m, p) => {
+      const r = T("v-icon"), f = T("v-btn"), k = T("v-slider"), g = T("v-field");
+      return d(), V(g, { variant: "solo" }, {
         default: _(() => [
-          p.dayData.startTime === p.dayData.endTime ? (c(), D("div", Vo, [
+          m.dayData.startTime === m.dayData.endTime ? (d(), x("div", Vo, [
             C(r, {
               style: { color: "#ffab02", "vertical-align": "baseline", "font-size": "20px" },
               class: "py-2 ml-2 mr-2 icon"
@@ -3062,14 +3062,14 @@ const Nn = {
               _: 1
             }),
             te(" " + Q(i(t.value)), 1)
-          ])) : (c(), V(k, {
+          ])) : (d(), V(k, {
             key: 1,
             class: "pa-1",
             modelValue: t.value,
-            "onUpdate:modelValue": m[0] || (m[0] = (d) => t.value = d),
-            min: p.dayData.startTime,
-            max: p.dayData.endTime,
-            step: p.dayData.interval,
+            "onUpdate:modelValue": p[0] || (p[0] = (c) => t.value = c),
+            min: m.dayData.startTime,
+            max: m.dayData.endTime,
+            step: m.dayData.interval,
             "hide-details": ""
           }, {
             prepend: _(() => [
@@ -3080,10 +3080,10 @@ const Nn = {
                 onClick: s
               }, null, 8, ["icon"]),
               te("   "),
-              u("span", $o, Q(i(p.dayData.startTime)), 1)
+              u("span", $o, Q(i(m.dayData.startTime)), 1)
             ]),
             append: _(() => [
-              u("span", Bo, Q(i(p.dayData.endTime)), 1),
+              u("span", Bo, Q(i(m.dayData.endTime)), 1),
               te("   "),
               C(r, {
                 style: { color: "#ffab02", "vertical-align": "baseline", "font-size": "20px" },
@@ -3116,14 +3116,14 @@ const Nn = {
     const e = l, n = a, t = v(), o = v(), i = v(e.selectedId), s = gt({});
     Ve(() => {
       for (const r in s) {
-        const { element: f, state: k } = s[r], { r: g, g: d, b: h, a: S, s: b } = e.colorCallback(r, k) || {
+        const { element: f, state: k } = s[r], { r: g, g: c, b: h, a: S, s: b } = e.colorCallback(r, k) || {
           r: 0,
           g: 0,
           b: 0,
           a: 0,
           s: 0
         };
-        f.style.fill = `rgba(${g}, ${d}, ${h}, ${S / 255})`, f.style.stroke = `rgb(${g}, ${d}, ${h})`, f.style.strokeWidth = b.toString();
+        f.style.fill = `rgba(${g}, ${c}, ${h}, ${S / 255})`, f.style.stroke = `rgb(${g}, ${c}, ${h})`, f.style.strokeWidth = b.toString();
       }
     }), H(
       () => e.selectedId,
@@ -3136,14 +3136,14 @@ const Nn = {
     }), Ve(async () => {
       t.value = await Fe.loadText(
         he(e.cdnFileResolver, e.currentCamera.overlayFilename)
-      ), m();
+      ), p();
     }), H(
       () => o.value,
       () => {
-        o.value && new ResizeObserver(p).observe(o.value);
+        o.value && new ResizeObserver(m).observe(o.value);
       }
     );
-    function p() {
+    function m() {
       De(() => {
         var f;
         const r = (f = o.value) == null ? void 0 : f.firstChild;
@@ -3159,31 +3159,31 @@ const Nn = {
         );
       });
     }
-    function m() {
+    function p() {
       De(() => {
         var f;
         const r = (f = o.value) == null ? void 0 : f.firstChild;
-        r && (n("updateSvgContainer", r), p(), r.querySelectorAll("[data-building-id]").forEach((g) => {
+        r && (n("updateSvgContainer", r), m(), r.querySelectorAll("[data-building-id]").forEach((g) => {
           g.style.strokeWidth = "0", g.style.stroke = "rgba(255,255,255,0)", g.style.fill = "rgba(255,255,255,0)", g.querySelectorAll("path").forEach((h) => {
             h.style.stroke = "inherit", h.style.fill = "inherit";
           });
-          const d = g.getAttribute("data-building-id");
-          s[d] = {
+          const c = g.getAttribute("data-building-id");
+          s[c] = {
             element: g,
-            state: i.value === d ? "selected" : "idle"
+            state: i.value === c ? "selected" : "idle"
           }, g.addEventListener("mouseover", () => {
-            s[d].state === "idle" && (s[d].state = "hover"), n("onHoverOver", d);
+            s[c].state === "idle" && (s[c].state = "hover"), n("onHoverOver", c);
           }), g.addEventListener("mouseout", () => {
-            s[d].state === "hover" && (s[d].state = "idle"), n("onHoverOut", d);
+            s[c].state === "hover" && (s[c].state = "idle"), n("onHoverOut", c);
           }), g.addEventListener("click", () => {
-            n("onClick", d);
+            n("onClick", c);
           });
         }));
       });
     }
-    return (r, f) => (c(), V(Te, null, {
+    return (r, f) => (d(), V(Te, null, {
       default: _(() => [
-        (c(), D("div", {
+        (d(), x("div", {
           ref_key: "svgContainer",
           ref: o,
           key: r.currentCamera.overlayFilename,
@@ -3267,10 +3267,10 @@ const jo = {
   },
   emits: ["onClick", "onHoverOver", "onHoverOut", "onMouseMove", "onInitialize", "onError"],
   setup(l, { emit: a }) {
-    const e = l, n = a, t = v(), o = v(), i = v(), s = v(), p = v(!1), m = v(), r = B(() => m.value.isHoverEnabled), f = v({ x: 0, y: 0, width: 0, height: 0 }), k = v(), g = v(), d = v(
+    const e = l, n = a, t = v(), o = v(), i = v(), s = v(), m = v(!1), p = v(), r = B(() => p.value.isHoverEnabled), f = v({ x: 0, y: 0, width: 0, height: 0 }), k = v(), g = v(), c = v(
       e.buildingChooserData
     ), h = v(!1);
-    Ie(() => p.value = !0), H(p, (M) => {
+    Ie(() => m.value = !0), H(m, (M) => {
       M && n("onInitialize");
     }), H(
       () => g.value,
@@ -3290,29 +3290,29 @@ const jo = {
           he(e.cdnFileResolver, "/buildingChooser.json")
         ), parseInt(q.version) === 5 ? q : (M = Po(q), M);
       } catch (M) {
-        p.value = !1, n("onError", M);
+        m.value = !1, n("onError", M);
       }
     };
     H(
-      [d, () => e.cdnFileResolver, () => e.defaultCamera],
+      [c, () => e.cdnFileResolver, () => e.defaultCamera],
       async () => {
-        e.cdnFileResolver && (d.value || (d.value = await S()), e.defaultCamera ? t.value = d.value.cameras.find(
+        e.cdnFileResolver && (c.value || (c.value = await S()), e.defaultCamera ? t.value = c.value.cameras.find(
           (M) => M.cameraName === e.defaultCamera
-        ) || d.value.cameras[0] : t.value = d.value.cameras[0]);
+        ) || c.value.cameras[0] : t.value = c.value.cameras[0]);
       },
       { immediate: !0 }
     ), H(
-      [d, () => e.cdnFileResolver, () => e.defaultDay],
+      [c, () => e.cdnFileResolver, () => e.defaultDay],
       () => {
-        d.value && e.cdnFileResolver && (e.defaultDay ? o.value = t.value.sunsimDayOfYear.find(
+        c.value && e.cdnFileResolver && (e.defaultDay ? o.value = t.value.sunsimDayOfYear.find(
           (M) => M.dayOfYear === e.defaultDay
         ) || t.value.sunsimDayOfYear[0] : o.value = t.value.sunsimDayOfYear[0]);
       },
       { immediate: !0 }
     ), H(
-      [d, () => e.cdnFileResolver, () => e.defaultTime],
+      [c, () => e.cdnFileResolver, () => e.defaultTime],
       () => {
-        d.value && e.cdnFileResolver && (e.defaultTime ? i.value = o.value.timeSamples.find(
+        c.value && e.cdnFileResolver && (e.defaultTime ? i.value = o.value.timeSamples.find(
           (M) => M.timeInHours === e.defaultTime
         ) || o.value.timeSamples[0] : i.value = o.value.timeSamples.find(
           (M) => M.timeInHours === o.value.defaultHour
@@ -3345,7 +3345,7 @@ const jo = {
     function Y(M) {
       i.value = M;
     }
-    function T(M) {
+    function E(M) {
       n("onHoverOver", M), s.value = M;
     }
     function P(M) {
@@ -3373,12 +3373,12 @@ const jo = {
       n("onMouseMove", M, f.value);
     }
     return (M, q) => {
-      const R = E("v-skeleton-loader");
-      return c(), D(ve, null, [
+      const R = T("v-skeleton-loader");
+      return d(), x(ve, null, [
         C(R, {
           type: "image",
           class: "w-100 h-100 position-relative",
-          loading: !p.value || !d.value
+          loading: !m.value || !c.value
         }, {
           default: _(() => [
             C(Te, { class: "w-100 h-100" }, {
@@ -3390,15 +3390,15 @@ const jo = {
                   onMousemove: I
                 }, [
                   u("div", jo, [
-                    d.value.cameras.length > 1 ? (c(), D("div", Wo, [
+                    c.value.cameras.length > 1 ? (d(), x("div", Wo, [
                       C(Eo, {
-                        "building-chooser-data": d.value,
+                        "building-chooser-data": c.value,
                         "current-camera": t.value,
                         onOnCameraChange: b
                       }, null, 8, ["building-chooser-data", "current-camera"])
                     ])) : $("", !0),
                     u("div", No, [
-                      t.value.sunsimDayOfYear.length > 1 ? (c(), V(To, {
+                      t.value.sunsimDayOfYear.length > 1 ? (d(), V(To, {
                         key: 0,
                         "camera-data": t.value,
                         "current-day": o.value,
@@ -3406,7 +3406,7 @@ const jo = {
                       }, null, 8, ["camera-data", "current-day"])) : $("", !0)
                     ]),
                     u("div", Go, [
-                      o.value.timeSamples.length > 1 ? (c(), V(Uo, {
+                      o.value.timeSamples.length > 1 ? (d(), V(Uo, {
                         key: 0,
                         "day-data": o.value,
                         "current-time": i.value,
@@ -3415,20 +3415,20 @@ const jo = {
                     ])
                   ]),
                   u("div", Qo, [
-                    t.value.cameraRotation ? (c(), V(at, {
+                    t.value.cameraRotation ? (d(), V(at, {
                       key: 0,
                       longitude: t.value.cameraRotation.y + 270
                     }, null, 8, ["longitude"])) : $("", !0)
                   ]),
                   C(tt, { position: "relative" }, {
                     default: _(() => [
-                      (c(!0), D(ve, null, ye(d.value.cameras, (K) => (c(), V(Oo, {
+                      (d(!0), x(ve, null, ye(c.value.cameras, (K) => (d(), V(Oo, {
                         key: K.overlayFilename,
                         "camera-data": K,
                         "cdn-file-resolver": e.cdnFileResolver,
                         "current-time": i.value
                       }, null, 8, ["camera-data", "cdn-file-resolver", "current-time"]))), 128)),
-                      e.customOverlayContent ? (c(), D("div", {
+                      e.customOverlayContent ? (d(), x("div", {
                         key: 0,
                         class: "w-100 h-100 position-absolute top-left",
                         style: { "z-index": "5", "pointer-events": "none" },
@@ -3440,14 +3440,14 @@ const jo = {
                         "current-camera": t.value,
                         "selected-id": e.selectedId,
                         onOnClick: q[0] || (q[0] = (K) => n("onClick", K)),
-                        onOnHoverOver: T,
+                        onOnHoverOver: E,
                         onOnHoverOut: P,
                         onUpdateSvgContainer: q[1] || (q[1] = (K) => k.value = K)
                       }, null, 8, ["cdn-file-resolver", "color-callback", "current-camera", "selected-id"])
                     ]),
                     _: 1
                   }),
-                  M.$slots.popup && f.value && s.value ? (c(), V(et, {
+                  M.$slots.popup && f.value && s.value ? (d(), V(et, {
                     key: 0,
                     "is-hoverable": r.value,
                     pos: f.value
@@ -3468,12 +3468,12 @@ const jo = {
         }, 8, ["loading"]),
         C(Ye, {
           ref_key: "hoverProbe",
-          ref: m
+          ref: p
         }, null, 512)
       ], 64);
     };
   }
-}), nu = /* @__PURE__ */ ee(Jo, [["__scopeId", "data-v-47df87bc"]]);
+}), lu = /* @__PURE__ */ ee(Jo, [["__scopeId", "data-v-47df87bc"]]);
 var nt = {};
 Object.defineProperty(nt, "__esModule", {
   value: !0
@@ -3531,9 +3531,9 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
       interiorId: o,
       apartmentId: i,
       currentCameraId: s,
-      showStaticImage: p,
-      mouseSensitivity: m
-    } = $e(n), r = a, f = v(), k = v(s.value), g = v(0), d = v(0);
+      showStaticImage: m,
+      mouseSensitivity: p
+    } = $e(n), r = a, f = v(), k = v(s.value), g = v(0), c = v(0);
     H(s, () => {
       k.value = s.value;
     }), H([o, i], async () => {
@@ -3568,7 +3568,7 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
     });
     async function h() {
       S();
-      const T = {
+      const E = {
         initialized: () => {
           f.value = e.Main.getPlayerAPI();
           const I = f.value.getCurrentCamera();
@@ -3578,7 +3578,7 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
           r("newFloorCallback", I.floorLevel), r("sunsimCallback", I.sunsimDayOfYear), f.value && f.value.resetMarkerBehaviour(0), k.value = I.id;
         },
         newFOV: (I) => {
-          r("newFovCallback", I), d.value = I;
+          r("newFovCallback", I), c.value = I;
         },
         newRotation: (I) => {
           const M = I + 0;
@@ -3593,21 +3593,21 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
           `/${o.value}/${i.value}${I}`
         ),
         "qpc",
-        T,
+        E,
         void 0,
         k.value
       );
       P && (P.handleWindowResize(), window.addEventListener(
         "resize",
         P.handleWindowResize.bind(P)
-      ), P.animate(), f.value = e.Main.getPlayerAPI(), f.value && f.value.setLookSensitivity(m.value));
+      ), P.animate(), f.value = e.Main.getPlayerAPI(), f.value && f.value.setLookSensitivity(p.value));
     }
     async function S() {
       f.value && (await f.value.destroy(), f.value = void 0);
     }
     return We(() => {
       S();
-    }), (b, y) => (c(), D("div", ll, [
+    }), (b, y) => (d(), x("div", ll, [
       u("div", sl, [
         ne(b.$slots, "slideshow-image", {}, void 0, !0),
         u("div", il, [
@@ -3640,7 +3640,7 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
         u("div", hl, [
           u("canvas", {
             id: "qpc",
-            style: fe(x(p) ? "visibility:hidden" : "visibility:visible")
+            style: fe(D(m) ? "visibility:hidden" : "visibility:visible")
           }, null, 4)
         ])
       ])
@@ -3661,30 +3661,30 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
     const e = l, n = a, t = Ne(Be), o = B(() => {
       const r = e.floorLevels;
       return r.sort(), r;
-    }), i = B(() => o.value.indexOf(e.level) + 1 <= o.value.length / 2 ? "lower" : "upper"), s = B(() => i.value === "lower"), p = B(() => i.value === "upper");
-    function m() {
+    }), i = B(() => o.value.indexOf(e.level) + 1 <= o.value.length / 2 ? "lower" : "upper"), s = B(() => i.value === "lower"), m = B(() => i.value === "upper");
+    function p() {
       const r = e.level + 1;
       r >= o.value.length ? n("level", o.value[0]) : n("level", o.value[r]);
     }
     return (r, f) => {
-      const k = E("v-btn"), g = E("v-tooltip");
-      return c(), V(g, {
+      const k = T("v-btn"), g = T("v-tooltip");
+      return d(), V(g, {
         right: "",
         attach: ""
       }, {
-        activator: _(({ props: d }) => [
+        activator: _(({ props: c }) => [
           C(k, Me({
             style: { cursor: "pointer" },
             density: "comfortable",
             elevation: "1",
             icon: ""
-          }, d, { onClick: m }), {
+          }, c, { onClick: p }), {
             default: _(() => [
-              (c(), D("svg", _l, [
+              (d(), x("svg", _l, [
                 u("path", {
                   d: "M8.98034 10.3472L1.54055 5.8855L8.98034 1.42384L16.4201 5.8855L8.98034 10.3472Z",
                   fill: "white",
-                  stroke: p.value ? "black" : "#999999",
+                  stroke: m.value ? "black" : "#999999",
                   "stroke-width": "1.5",
                   "stroke-linejoin": "round"
                 }, null, 8, bl),
@@ -3701,7 +3701,7 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
           }, 1040)
         ]),
         default: _(() => [
-          u("span", wl, Q(x(t).getLabel(i.value)) + " " + Q(x(t).getLabel("floor")), 1)
+          u("span", wl, Q(D(t).getLabel(i.value)) + " " + Q(D(t).getLabel("floor")), 1)
         ]),
         _: 1
       });
@@ -3718,8 +3718,8 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
   setup(l, { emit: a }) {
     const e = l, n = a, t = Ne(Be);
     return (o, i) => {
-      const s = E("v-icon"), p = E("v-btn"), m = E("v-img"), r = E("v-menu");
-      return c(), D("div", null, [
+      const s = T("v-icon"), m = T("v-btn"), p = T("v-img"), r = T("v-menu");
+      return d(), x("div", null, [
         C(r, {
           transition: "slide-x-reverse-transition",
           location: "top end",
@@ -3728,7 +3728,7 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
           attach: ""
         }, {
           activator: _(({ props: f }) => [
-            C(p, Me({ rounded: "" }, f, { class: "text-capitalize" }), {
+            C(m, Me({ rounded: "" }, f, { class: "text-capitalize" }), {
               default: _(() => [
                 C(s, null, {
                   default: _(() => [
@@ -3736,14 +3736,14 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
                   ]),
                   _: 1
                 }),
-                u("span", Il, Q(x(t).getLabel("interior")), 1)
+                u("span", Il, Q(D(t).getLabel("interior")), 1)
               ]),
               _: 2
             }, 1040)
           ]),
           default: _(() => [
             u("div", xl, [
-              (c(!0), D(ve, null, ye(e.availableArchetypes, (f, k) => (c(), D("div", {
+              (d(!0), x(ve, null, ye(e.availableArchetypes, (f, k) => (d(), x("div", {
                 key: `at-menuitem-${k}`,
                 onClick: (g) => n("selectInterior", f.archetypeID),
                 class: ge(["interior-selector-list-item", {
@@ -3752,7 +3752,7 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
               }, [
                 u("div", Al, [
                   u("div", Fl, [
-                    C(m, {
+                    C(p, {
                       width: "100",
                       "max-width": "100",
                       height: "66",
@@ -3760,7 +3760,7 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
                       class: "pa-0 ma-0"
                     }, null, 8, ["src"])
                   ]),
-                  u("div", Ll, Q(x(t).get(f.title)), 1)
+                  u("div", Ll, Q(D(t).get(f.title)), 1)
                 ])
               ], 10, Dl))), 128))
             ])
@@ -3783,8 +3783,8 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
       transform: `rotate(${-a.rotation + 180}deg)`
     }));
     return (o, i) => {
-      const s = E("v-img");
-      return c(), D("div", {
+      const s = T("v-img");
+      return d(), x("div", {
         style: fe(n.value),
         class: "compass-wrapper"
       }, [
@@ -3808,11 +3808,11 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
       return ("0" + t).slice(-2);
     }
     return (t, o) => {
-      const i = E("v-img");
-      return c(), D("div", Bl, [
+      const i = T("v-img");
+      return d(), x("div", Bl, [
         u("div", Rl, [
           C(i, {
-            src: x($l),
+            src: D($l),
             "aspect-ratio": "1"
           }, null, 8, ["src"])
         ]),
@@ -3845,17 +3845,17 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
       return e.showStaticImage || (i = "slideShow"), i;
     });
     return (i, s) => {
-      const p = E("v-icon"), m = E("v-btn"), r = E("v-tooltip");
-      return c(), V(r, { location: "top" }, {
+      const m = T("v-icon"), p = T("v-btn"), r = T("v-tooltip");
+      return d(), V(r, { location: "top" }, {
         activator: _(({ props: f }) => [
-          C(m, Me({
+          C(p, Me({
             density: "comfortable",
             elevation: "1",
             icon: "",
             onClick: s[0] || (s[0] = (k) => n("toggle"))
           }, f), {
             default: _(() => [
-              o.value === "virtualTour" ? (c(), D("svg", zl, Nl)) : (c(), V(p, { key: 1 }, {
+              o.value === "virtualTour" ? (d(), x("svg", zl, Nl)) : (d(), V(m, { key: 1 }, {
                 default: _(() => [
                   te("mdi-image-multiple")
                 ]),
@@ -3866,7 +3866,7 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
           }, 1040)
         ]),
         default: _(() => [
-          u("span", null, Q(x(t).getLabel(o.value)), 1)
+          u("span", null, Q(D(t).getLabel(o.value)), 1)
         ]),
         _: 1
       });
@@ -4408,13 +4408,13 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
       /iPod/i,
       /BlackBerry/i,
       /Windows Phone/i
-    ].some((m) => navigator.userAgent.match(m)));
+    ].some((p) => navigator.userAgent.match(p)));
     function s() {
       e("closeTutorial", t.value);
     }
-    return (p, m) => {
-      const r = E("v-icon"), f = E("v-card-title"), k = E("v-btn"), g = E("v-divider"), d = E("v-card-text"), h = E("v-card-actions"), S = E("v-card"), b = E("v-expand-transition"), y = E("v-checkbox");
-      return c(), V(Te, { name: "fade-transition" }, {
+    return (m, p) => {
+      const r = T("v-icon"), f = T("v-card-title"), k = T("v-btn"), g = T("v-divider"), c = T("v-card-text"), h = T("v-card-actions"), S = T("v-card"), b = T("v-expand-transition"), y = T("v-checkbox");
+      return d(), V(Te, { name: "fade-transition" }, {
         default: _(() => [
           C(S, {
             class: "mx-auto",
@@ -4429,21 +4429,21 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
                     ]),
                     _: 1
                   }),
-                  te(" " + Q(x(n).getLabel("disclaimer")), 1)
+                  te(" " + Q(D(n).getLabel("disclaimer")), 1)
                 ]),
                 _: 1
               }),
-              C(d, { class: "pb-0" }, {
+              C(c, { class: "pb-0" }, {
                 default: _(() => [
-                  u("p", null, Q(x(n).getLabel("disclaimerTextShort")), 1),
+                  u("p", null, Q(D(n).getLabel("disclaimerTextShort")), 1),
                   C(k, {
                     variant: "tonal",
                     size: "small",
-                    onClick: m[0] || (m[0] = (Y) => o.value = !0),
+                    onClick: p[0] || (p[0] = (Y) => o.value = !0),
                     class: "text-capitalize mt-2"
                   }, {
                     default: _(() => [
-                      te(Q(x(n).getLabel("learnMore")) + " ", 1),
+                      te(Q(D(n).getLabel("learnMore")) + " ", 1),
                       C(r, null, {
                         default: _(() => [
                           te("mdi-chevron-right")
@@ -4454,38 +4454,38 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
                     _: 1
                   }),
                   C(g, { class: "my-3" }),
-                  i.value ? $("", !0) : (c(), D("div", Zl, [
+                  i.value ? $("", !0) : (d(), x("div", Zl, [
                     u("div", ql, [
                       u("div", Jl, [
                         Xl,
-                        u("div", Kl, Q(x(n).getLabel("clickAndDragToLookAround")), 1)
+                        u("div", Kl, Q(D(n).getLabel("clickAndDragToLookAround")), 1)
                       ]),
                       u("div", es, [
                         ts,
-                        u("div", as, Q(x(n).getLabel("clickOnTheCirclesToMoveAround")), 1)
+                        u("div", as, Q(D(n).getLabel("clickOnTheCirclesToMoveAround")), 1)
                       ]),
                       u("div", ns, [
                         os,
-                        u("div", ls, Q(x(n).getLabel("useTheMouseWheelToZoom")), 1)
+                        u("div", ls, Q(D(n).getLabel("useTheMouseWheelToZoom")), 1)
                       ]),
                       u("div", ss, [
                         is,
-                        u("div", rs, Q(x(n).getLabel("youCanAlsoUseTheArrowKeysToMoveAround")), 1)
+                        u("div", rs, Q(D(n).getLabel("youCanAlsoUseTheArrowKeysToMoveAround")), 1)
                       ])
                     ])
                   ])),
-                  i.value ? (c(), D("div", us, [
+                  i.value ? (d(), x("div", us, [
                     u("div", cs, [
                       ds,
-                      u("div", vs, Q(x(n).getLabel("tapAndDragToLookAround")), 1)
+                      u("div", vs, Q(D(n).getLabel("tapAndDragToLookAround")), 1)
                     ]),
                     u("div", ms, [
                       ps,
-                      u("div", fs, Q(x(n).getLabel("tapOnTheCirclesToMoveAround")), 1)
+                      u("div", fs, Q(D(n).getLabel("tapOnTheCirclesToMoveAround")), 1)
                     ]),
                     u("div", hs, [
                       gs,
-                      u("div", ys, Q(x(n).getLabel("useTwoFingersToZoom")), 1)
+                      u("div", ys, Q(D(n).getLabel("useTwoFingersToZoom")), 1)
                     ])
                   ])) : $("", !0),
                   C(g, { class: "my-1" })
@@ -4494,14 +4494,14 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
               }),
               C(b, null, {
                 default: _(() => [
-                  o.value ? (c(), V(S, {
+                  o.value ? (d(), V(S, {
                     key: 0,
                     class: "position-absolute w-100 bg-white",
                     height: "100%",
                     style: { bottom: "0" }
                   }, {
                     default: _(() => [
-                      C(d, { class: "pb-0" }, {
+                      C(c, { class: "pb-0" }, {
                         default: _(() => [
                           u("p", _s, [
                             C(r, null, {
@@ -4510,9 +4510,9 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
                               ]),
                               _: 1
                             }),
-                            te(" " + Q(x(n).getLabel("disclaimer")), 1)
+                            te(" " + Q(D(n).getLabel("disclaimer")), 1)
                           ]),
-                          u("p", bs, Q(x(n).getLabel("disclaimerText")), 1)
+                          u("p", bs, Q(D(n).getLabel("disclaimerText")), 1)
                         ]),
                         _: 1
                       }),
@@ -4521,7 +4521,7 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
                           C(k, {
                             variant: "tonal",
                             size: "small",
-                            onClick: m[1] || (m[1] = (Y) => o.value = !1),
+                            onClick: p[1] || (p[1] = (Y) => o.value = !1),
                             class: "text-capitalize"
                           }, {
                             default: _(() => [
@@ -4531,7 +4531,7 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
                                 ]),
                                 _: 1
                               }),
-                              te(" " + Q(x(n).getLabel("back")), 1)
+                              te(" " + Q(D(n).getLabel("back")), 1)
                             ]),
                             _: 1
                           })
@@ -4548,11 +4548,11 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
                 C(y, {
                   density: "compact",
                   modelValue: t.value,
-                  "onUpdate:modelValue": m[2] || (m[2] = (Y) => t.value = Y),
+                  "onUpdate:modelValue": p[2] || (p[2] = (Y) => t.value = Y),
                   "hide-details": ""
                 }, {
                   label: _(() => [
-                    u("span", ws, Q(x(n).getLabel("dontShowAgain")), 1)
+                    u("span", ws, Q(D(n).getLabel("dontShowAgain")), 1)
                   ]),
                   _: 1
                 }, 8, ["modelValue"])
@@ -4561,11 +4561,11 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
                 default: _(() => [
                   C(k, {
                     variant: "tonal",
-                    onClick: m[3] || (m[3] = (Y) => s()),
+                    onClick: p[3] || (p[3] = (Y) => s()),
                     block: ""
                   }, {
                     default: _(() => [
-                      te(Q(x(n).getLabel("iUnderstand")), 1)
+                      te(Q(D(n).getLabel("iUnderstand")), 1)
                     ]),
                     _: 1
                   })
@@ -4608,40 +4608,40 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
       { deep: !0 }
     );
     const o = B(() => {
-      let d = {};
+      let c = {};
       for (const [h, S] of Object.entries(t.value))
-        h === "whitePoint" ? d[h] = r(S.value) : d[h] = S.value;
-      return d;
+        h === "whitePoint" ? c[h] = r(S.value) : c[h] = S.value;
+      return c;
     });
     function i() {
       n("updateSettings", o.value);
     }
     function s() {
-      const d = document.createElement("a");
-      d.href = URL.createObjectURL(
+      const c = document.createElement("a");
+      c.href = URL.createObjectURL(
         new Blob([JSON.stringify(o.value, null, 2)])
       );
       const h = `player-settings-${Date.now()}.json`;
-      d.download = h, d.style.display = "none", document.body.appendChild(d), d.click(), document.body.removeChild(d);
+      c.download = h, c.style.display = "none", document.body.appendChild(c), c.click(), document.body.removeChild(c);
     }
-    function p() {
+    function m() {
       n("saveSettings", o.value);
     }
-    function m() {
+    function p() {
       t.value = g(), n("updateSettings", o.value);
     }
-    function r(d) {
-      const h = parseInt(d.substr(1, 2), 16) / 255, S = parseInt(d.substr(3, 2), 16) / 255, b = parseInt(d.substr(5, 2), 16) / 255;
+    function r(c) {
+      const h = parseInt(c.substr(1, 2), 16) / 255, S = parseInt(c.substr(3, 2), 16) / 255, b = parseInt(c.substr(5, 2), 16) / 255;
       return [h, S, b];
     }
-    function f(d) {
-      var h = d.toString(16);
+    function f(c) {
+      var h = c.toString(16);
       return h.length == 1 ? "0" + h : h;
     }
-    function k([d, h, S]) {
-      return "#" + f(parseInt((d * 255).toString())) + f(parseInt((h * 255).toString())) + f(parseInt((S * 255).toString()));
+    function k([c, h, S]) {
+      return "#" + f(parseInt((c * 255).toString())) + f(parseInt((h * 255).toString())) + f(parseInt((S * 255).toString()));
     }
-    function g(d = {}) {
+    function g(c = {}) {
       const h = [
         "Cool 5",
         "Cool 10",
@@ -4665,7 +4665,7 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
         TRANSITION_MOVEMENT_SCALE: 1.3,
         whitePoint: [1, 1, 1],
         lut: "",
-        ...d
+        ...c
       };
       return {
         exposureFovScale: {
@@ -4737,16 +4737,16 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
         }
       };
     }
-    return (d, h) => {
-      const S = E("v-text-field"), b = E("v-slider"), y = E("v-checkbox"), Y = E("v-btn"), T = E("v-select"), P = E("v-icon");
-      return c(), D("div", xs, [
+    return (c, h) => {
+      const S = T("v-text-field"), b = T("v-slider"), y = T("v-checkbox"), Y = T("v-btn"), E = T("v-select"), P = T("v-icon");
+      return d(), x("div", xs, [
         u("form", Ds, [
           u("div", As, [
-            (c(!0), D(ve, null, ye(t.value, (I, M, q) => (c(), D("div", {
+            (d(!0), x(ve, null, ye(t.value, (I, M, q) => (d(), x("div", {
               key: q,
               "d-block": ""
             }, [
-              I.type === "slider" ? (c(), V(b, {
+              I.type === "slider" ? (d(), V(b, {
                 key: 0,
                 modelValue: t.value[M].value,
                 "onUpdate:modelValue": (R) => t.value[M].value = R,
@@ -4777,7 +4777,7 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
                 ]),
                 _: 2
               }, 1032, ["modelValue", "onUpdate:modelValue", "max", "min", "step"])) : $("", !0),
-              I.type === "boolean" ? (c(), V(y, {
+              I.type === "boolean" ? (d(), V(y, {
                 key: 1,
                 modelValue: t.value[M].value,
                 "onUpdate:modelValue": (R) => t.value[M].value = R,
@@ -4791,7 +4791,7 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
                 ]),
                 _: 2
               }, 1032, ["modelValue", "onUpdate:modelValue"])) : $("", !0),
-              I.type === "color" ? (c(), D("div", {
+              I.type === "color" ? (d(), x("div", {
                 key: 2,
                 class: "d-flex",
                 max: I.max,
@@ -4822,7 +4822,7 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
                   }, null, 8, ["modelValue", "onUpdate:modelValue"])
                 ])
               ], 8, Ms)) : $("", !0),
-              I.type === "lut" ? (c(), D("div", Vs, [
+              I.type === "lut" ? (d(), x("div", Vs, [
                 u("div", $s, [
                   u("div", Bs, Q(I.label), 1),
                   u("div", null, [
@@ -4841,7 +4841,7 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
                 u("div", null, [
                   u("div", Rs, [
                     u("div", null, [
-                      C(T, {
+                      C(E, {
                         modelValue: t.value[M].value,
                         "onUpdate:modelValue": (R) => t.value[M].value = R,
                         items: I.items,
@@ -4874,7 +4874,7 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
           ]),
           u("div", Ys, [
             C(Y, {
-              onClick: h[0] || (h[0] = (I) => m())
+              onClick: h[0] || (h[0] = (I) => p())
             }, {
               default: _(() => [
                 te("Reset")
@@ -4898,7 +4898,7 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
             }),
             C(Y, {
               class: "ml-2",
-              onClick: h[2] || (h[2] = (I) => p())
+              onClick: h[2] || (h[2] = (I) => m())
             }, {
               default: _(() => [
                 te(" Save Settings "),
@@ -4934,31 +4934,31 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
     });
     const t = (i) => {
       new ResizeObserver(() => {
-        const p = document.getElementById("moveableBody");
-        p && (e.value = p.clientWidth, n.value = p.clientHeight);
+        const m = document.getElementById("moveableBody");
+        m && (e.value = m.clientWidth, n.value = m.clientHeight);
       }).observe(i);
     }, o = (i) => {
       const s = document.getElementsByClassName("anchor");
       for (let h = 0; h < s.length; h++) {
         const S = s[h];
-        S.addEventListener("touchstart", k, { passive: !1 }), S.addEventListener("touchend", d, { passive: !1 }), S.addEventListener("mousedown", k, { passive: !1 }), S.addEventListener("mouseup", d, { passive: !1 });
+        S.addEventListener("touchstart", k, { passive: !1 }), S.addEventListener("touchend", c, { passive: !1 }), S.addEventListener("mousedown", k, { passive: !1 }), S.addEventListener("mouseup", c, { passive: !1 });
       }
-      let p = 0, m = 0, r = 0, f = 0;
+      let m = 0, p = 0, r = 0, f = 0;
       function k(h) {
         h = h || window.event, h.preventDefault();
         let S = h;
-        h.type === "touchstart" && (S = h.touches[0]), r = S.clientX, f = S.clientY, document.addEventListener("mouseup", d, { passive: !1 }), document.addEventListener("touchend", d, { passive: !1 }), document.addEventListener("mousemove", g, { passive: !1 }), document.addEventListener("touchmove", g, { passive: !1 });
+        h.type === "touchstart" && (S = h.touches[0]), r = S.clientX, f = S.clientY, document.addEventListener("mouseup", c, { passive: !1 }), document.addEventListener("touchend", c, { passive: !1 }), document.addEventListener("mousemove", g, { passive: !1 }), document.addEventListener("touchmove", g, { passive: !1 });
       }
       function g(h) {
         h = h || window.event, h.preventDefault();
         let S = h;
-        h.type === "touchmove" && (S = h.touches[0]), p = r - S.clientX, m = f - S.clientY, r = S.clientX, f = S.clientY, i.style.top = i.offsetTop - m + "px", i.style.left = i.offsetLeft - p + "px";
+        h.type === "touchmove" && (S = h.touches[0]), m = r - S.clientX, p = f - S.clientY, r = S.clientX, f = S.clientY, i.style.top = i.offsetTop - p + "px", i.style.left = i.offsetLeft - m + "px";
       }
-      function d() {
-        document.removeEventListener("mouseup", d, !1), document.removeEventListener("mousemove", g, !1), document.removeEventListener("touchend", d, !1), document.removeEventListener("touchmove", g, !1);
+      function c() {
+        document.removeEventListener("mouseup", c, !1), document.removeEventListener("mousemove", g, !1), document.removeEventListener("touchend", c, !1), document.removeEventListener("touchmove", g, !1);
       }
     };
-    return (i, s) => (c(), D("div", {
+    return (i, s) => (d(), x("div", {
       id: "moveableDiv",
       class: ge([i.size, "sizer rounded"])
     }, [
@@ -4991,7 +4991,7 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
     rotation: {}
   },
   setup(l) {
-    return (a, e) => (c(), D("svg", Js, [
+    return (a, e) => (d(), x("svg", Js, [
       Xs,
       u("g", {
         "transform-origin": "20 20",
@@ -5012,15 +5012,15 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
     containerHeight: {}
   },
   setup(l) {
-    const a = l, e = v(512), n = v(384), t = v(512), o = v(384), i = v(new ot()), s = v(new Ea()), p = v({}), m = v(1), r = v(), f = e.value / e.value, k = B(() => {
+    const a = l, e = v(512), n = v(384), t = v(512), o = v(384), i = v(new ot()), s = v(new Ea()), m = v({}), p = v(1), r = v(), f = e.value / e.value, k = B(() => {
       const w = a.containerWidth / a.containerHeight;
       let A;
       return w > f ? A = a.containerHeight / n.value : A = a.containerWidth / e.value, A;
-    }), g = B(() => a.allCameras), d = B(() => a.allCameras.find((w) => w.id === a.currentCamera)), h = B(() => a.rotation), S = B(() => new ot(
+    }), g = B(() => a.allCameras), c = B(() => a.allCameras.find((w) => w.id === a.currentCamera)), h = B(() => a.rotation), S = B(() => new ot(
       a.storey.position.x,
       a.storey.position.y,
       a.storey.position.z
-    )), b = B(() => parseFloat(d.value.floor_vertical_position)), y = B(() => g.value.map((w) => {
+    )), b = B(() => parseFloat(c.value.floor_vertical_position)), y = B(() => g.value.map((w) => {
       const A = w.uposition.split(","), W = new ot(
         Number(A[0]) - S.value.x,
         0,
@@ -5032,7 +5032,7 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
       };
     })), Y = B(() => ({
       backgroundImage: `url(${a.backgroundImage})`
-    })), T = B(() => ({
+    })), E = B(() => ({
       transform: `scale(${k.value * 0.9}) rotate(${a.transformAngle}deg)`
     }));
     Ie(() => {
@@ -5048,7 +5048,7 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
       return Ta.degToRad(w);
     }
     function I() {
-      s.value.rotation.x = 180, s.value.rotation.y = a.storey.rotation.y * -1, p.value = {
+      s.value.rotation.x = 180, s.value.rotation.y = a.storey.rotation.y * -1, m.value = {
         transform: `rotateZ(${s.value.rotation.y}deg) rotateX(${s.value.rotation.x}deg)`
       };
     }
@@ -5078,13 +5078,13 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
       if (!w)
         return;
       const A = w.offsetHeight / 384 * 0.8, W = w.offsetWidth / 512 * 0.8;
-      w.offsetHeight > w.offsetWidth ? m.value = W * 0.5 : m.value = A * 0.9;
+      w.offsetHeight > w.offsetWidth ? p.value = W * 0.5 : p.value = A * 0.9;
     }
-    return (w, A) => (c(), D("div", ni, [
+    return (w, A) => (d(), x("div", ni, [
       u("div", oi, [
         u("div", {
           class: "web-minimap",
-          style: fe(T.value)
+          style: fe(E.value)
         }, [
           u("div", {
             class: "minimap-background-image",
@@ -5092,17 +5092,17 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
           }, null, 4),
           u("div", {
             class: "center-pivot",
-            style: fe(p.value)
+            style: fe(m.value)
           }, [
-            (c(!0), D(ve, null, ye(y.value, (W) => (c(), D("div", {
+            (d(!0), x(ve, null, ye(y.value, (W) => (d(), x("div", {
               key: W.id
             }, [
-              d.value.floorLevel === W.floorLevel ? (c(), D("div", {
+              c.value.floorLevel === W.floorLevel ? (d(), x("div", {
                 key: 0,
                 class: "single-camera-marker",
                 style: fe(M(W))
               }, null, 4)) : $("", !0),
-              d.value.id === W.id && a.rotation !== null ? (c(), V(ai, {
+              c.value.id === W.id && a.rotation !== null ? (d(), V(ai, {
                 key: 1,
                 class: "rotation-marker-component",
                 rotation: h.value,
@@ -5123,7 +5123,7 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
   },
   setup(l) {
     const a = l, e = B(() => a.rotation + a.transformAngle - 90);
-    return (n, t) => (c(), D("div", {
+    return (n, t) => (d(), x("div", {
       class: "minimap-compass elevation-5",
       style: fe({ scale: n.scale })
     }, [
@@ -5146,19 +5146,19 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
   },
   emits: ["setBackgroundImage"],
   setup(l, { emit: a }) {
-    const e = l, n = a, t = v((/* @__PURE__ */ new Date()).getHours()), o = v(!0), i = v(!0), s = v(""), p = v(/* @__PURE__ */ new Map()), m = B(() => e.minimapJson.storeys[e.level]), r = B(() => `${Math.floor(t.value).toString().padStart(2, "0")}:00`), f = B(() => {
-      if (m.value.sunsimFilesTimeStamps[t.value]) {
-        const b = m.value.sunsimFilesTimeStamps[t.value].split(" ");
+    const e = l, n = a, t = v((/* @__PURE__ */ new Date()).getHours()), o = v(!0), i = v(!0), s = v(""), m = v(/* @__PURE__ */ new Map()), p = B(() => e.minimapJson.storeys[e.level]), r = B(() => `${Math.floor(t.value).toString().padStart(2, "0")}:00`), f = B(() => {
+      if (p.value.sunsimFilesTimeStamps[t.value]) {
+        const b = p.value.sunsimFilesTimeStamps[t.value].split(" ");
         return `${b[0]} ${b[1]}`;
       }
       return "";
     });
     Ie(async () => {
-      s.value = await d(
-        m.value.sunsimFiles[t.value]
+      s.value = await c(
+        p.value.sunsimFiles[t.value]
       ), n("setBackgroundImage", s.value), i.value = !1;
       const b = await g(e.minimapJson.storeys);
-      p.value = b, o.value = !1, n("setBackgroundImage", k(e.level, t.value));
+      m.value = b, o.value = !1, n("setBackgroundImage", k(e.level, t.value));
     }), H(t, () => {
       const b = k(e.level, t.value);
       n("setBackgroundImage", b);
@@ -5170,16 +5170,16 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
       { immediate: !0 }
     );
     function k(b, y) {
-      return p.value.get(`sunsim${b}_${y}`) ? p.value.get(`sunsim${b}_${y}`) : "";
+      return m.value.get(`sunsim${b}_${y}`) ? m.value.get(`sunsim${b}_${y}`) : "";
     }
     async function g(b) {
       let y = /* @__PURE__ */ new Map();
       for (let Y = 0; Y < b.length; Y++) {
-        const T = b[Y].sunsimFiles;
-        for (let P = 0; P < T.length; P++) {
-          const I = T[P];
+        const E = b[Y].sunsimFiles;
+        for (let P = 0; P < E.length; P++) {
+          const I = E[P];
           try {
-            const M = I, q = I.split("."), R = await d(M);
+            const M = I, q = I.split("."), R = await c(M);
             y.set(q[0], R);
           } catch {
             continue;
@@ -5188,40 +5188,40 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
       }
       return y;
     }
-    async function d(b) {
+    async function c(b) {
       const Y = await (await fetch(
         he(
           e.cdnFileResolver,
           `/${e.apartmentJson.type}/${e.apartmentJson.id}/minimap/${b}`
         )
-      )).blob(), T = await S(Y);
-      return h(T);
+      )).blob(), E = await S(Y);
+      return h(E);
     }
     function h(b) {
       return "data:image/jpeg;base64," + b;
     }
     async function S(b) {
       return new Promise((y, Y) => {
-        const T = new FileReader();
-        T.onload = () => {
-          const P = T.result.split(",")[1];
+        const E = new FileReader();
+        E.onload = () => {
+          const P = E.result.split(",")[1];
           y(P);
-        }, T.onerror = Y, T.readAsDataURL(b);
+        }, E.onerror = Y, E.readAsDataURL(b);
       });
     }
     return (b, y) => {
-      const Y = E("v-progress-linear"), T = E("v-icon"), P = E("v-slider");
-      return c(), D("div", ui, [
+      const Y = T("v-progress-linear"), E = T("v-icon"), P = T("v-slider");
+      return d(), x("div", ui, [
         u("div", ci, [
           u("div", di, [
-            o.value ? (c(), V(Y, {
+            o.value ? (d(), V(Y, {
               key: 0,
               indeterminate: "",
               rounded: "",
               height: "6",
               color: "grey lighten-1",
               class: "mr-2"
-            })) : (c(), V(P, {
+            })) : (d(), V(P, {
               key: 1,
               modelValue: t.value,
               "onUpdate:modelValue": y[0] || (y[0] = (I) => t.value = I),
@@ -5236,7 +5236,7 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
             }, {
               prepend: _(() => [
                 u("div", vi, [
-                  C(T, { color: "#ffab02" }, {
+                  C(E, { color: "#ffab02" }, {
                     default: _(() => [
                       te("mdi-white-balance-sunny")
                     ]),
@@ -5251,7 +5251,7 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
               _: 1
             }, 8, ["modelValue"]))
           ]),
-          o.value ? $("", !0) : (c(), D("div", mi))
+          o.value ? $("", !0) : (d(), x("div", mi))
         ])
       ]);
     };
@@ -5278,11 +5278,11 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
       },
       { immediate: !0, once: !0 }
     );
-    const p = B(() => {
+    const m = B(() => {
       let h = 1;
       return i.value !== 0 && (Math.abs(i.value) % 180 === 0 ? h = 1 : h = -1), k.value === "small" && (h = 0.6), h;
     });
-    function m(h) {
+    function p(h) {
       o.value = h;
     }
     const r = ["big", "bigger", "small"];
@@ -5294,12 +5294,12 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
     function g() {
       i.value = i.value + 90;
     }
-    const d = () => {
+    const c = () => {
       t("close");
     };
     return (h, S) => {
-      const b = E("v-btn");
-      return c(), V(qs, {
+      const b = T("v-btn");
+      return d(), V(qs, {
         ref_key: "minimapMoveable",
         ref: e,
         size: k.value
@@ -5309,7 +5309,7 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
             C(b, {
               icon: "mdi-window-close",
               size: "x-small",
-              onClick: d
+              onClick: c
             })
           ])
         ]),
@@ -5336,7 +5336,7 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
         ]),
         body: _(() => [
           C(ri, {
-            scale: p.value,
+            scale: m.value,
             rotation: s.value.rotation.y,
             "transform-angle": i.value
           }, null, 8, ["scale", "rotation", "transform-angle"]),
@@ -5359,7 +5359,7 @@ const ll = { id: "player-wrapper" }, sl = { id: "player-sizer" }, il = {
             "minimap-json": n.minimapJson,
             "apartment-json": n.apartmentJson,
             level: n.level,
-            onSetBackgroundImage: m
+            onSetBackgroundImage: p
           }, null, 8, ["cdn-file-resolver", "minimap-json", "apartment-json", "level"])
         ]),
         _: 1
@@ -5389,14 +5389,14 @@ const Ci = { class: "d-flex align-center" }, wi = { class: "d-block mr-1" }, ki
         i(
           "onTimeChange",
           n.value.timeSamples.find(
-            (p) => p.timeInHours === s.value
+            (m) => m.timeInHours === s.value
           )
         );
       },
       { immediate: !0 }
-    ), (p, m) => {
-      const r = E("v-icon"), f = E("v-slider"), k = E("v-field"), g = E("v-btn");
-      return c(), D("div", Ci, [
+    ), (m, p) => {
+      const r = T("v-icon"), f = T("v-slider"), k = T("v-field"), g = T("v-btn");
+      return d(), x("div", Ci, [
         u("div", wi, [
           C(k, {
             class: "ss-slider-field",
@@ -5406,15 +5406,15 @@ const Ci = { class: "d-flex align-center" }, wi = { class: "d-block mr-1" }, ki
             flat: ""
           }, {
             default: _(() => [
-              x(n).timeSamples.length > 1 ? (c(), V(f, {
+              D(n).timeSamples.length > 1 ? (d(), V(f, {
                 key: 0,
                 class: "pa-2 pr-2",
                 modelValue: s.value,
-                "onUpdate:modelValue": m[0] || (m[0] = (d) => s.value = d),
-                min: x(n).startTime,
-                max: x(n).endTime,
-                step: x(n).interval,
-                disabled: !!x(o),
+                "onUpdate:modelValue": p[0] || (p[0] = (c) => s.value = c),
+                min: D(n).startTime,
+                max: D(n).endTime,
+                step: D(n).interval,
+                disabled: !!D(o),
                 density: "compact",
                 "thumb-size": "16",
                 "thumb-color": "white",
@@ -5431,10 +5431,10 @@ const Ci = { class: "d-flex align-center" }, wi = { class: "d-block mr-1" }, ki
                     ]),
                     _: 1
                   }),
-                  u("span", ki, Q(x(ft)(s.value)), 1)
+                  u("span", ki, Q(D(ft)(s.value)), 1)
                 ]),
                 _: 1
-              }, 8, ["modelValue", "min", "max", "step", "disabled"])) : (c(), D(ve, { key: 1 }, [
+              }, 8, ["modelValue", "min", "max", "step", "disabled"])) : (d(), x(ve, { key: 1 }, [
                 C(r, {
                   style: { "vertical-align": "baseline", "font-size": "20px", "margin-top": "-1px", opacity: "0.6" },
                   class: "mr-2 icon",
@@ -5445,7 +5445,7 @@ const Ci = { class: "d-flex align-center" }, wi = { class: "d-block mr-1" }, ki
                   ]),
                   _: 1
                 }),
-                u("span", Si, Q(x(ft)(s.value)), 1)
+                u("span", Si, Q(D(ft)(s.value)), 1)
               ], 64))
             ]),
             _: 1
@@ -5456,7 +5456,7 @@ const Ci = { class: "d-flex align-center" }, wi = { class: "d-block mr-1" }, ki
             size: "small",
             class: "sun-study-toggle text-capitalize rounded-xl",
             icon: "mdi-close",
-            onClick: m[1] || (m[1] = (d) => i("toggleSunStudy"))
+            onClick: p[1] || (p[1] = (c) => i("toggleSunStudy"))
           })
         ])
       ]);
@@ -5472,8 +5472,8 @@ const Ci = { class: "d-flex align-center" }, wi = { class: "d-block mr-1" }, ki
   setup(l, { emit: a }) {
     const e = a, n = Ne(Be);
     return (t, o) => {
-      const i = E("v-btn");
-      return !t.displaySunsim && t.showUI ? (c(), V(i, {
+      const i = T("v-btn");
+      return !t.displaySunsim && t.showUI ? (d(), V(i, {
         key: 0,
         size: "small",
         varient: "tonal",
@@ -5482,7 +5482,7 @@ const Ci = { class: "d-flex align-center" }, wi = { class: "d-block mr-1" }, ki
         onClick: o[0] || (o[0] = (s) => e("toggleSunStudy"))
       }, {
         default: _(() => [
-          te(Q(x(n).getLabel("openSunStudy")), 1)
+          te(Q(D(n).getLabel("openSunStudy")), 1)
         ]),
         _: 1
       })) : $("", !0);
@@ -5499,11 +5499,11 @@ const Ci = { class: "d-flex align-center" }, wi = { class: "d-block mr-1" }, ki
       window.navigator.userAgent
     ));
     return (t, o) => {
-      const i = E("v-icon"), s = E("v-btn");
-      return c(), V(s, {
+      const i = T("v-icon"), s = T("v-btn");
+      return d(), V(s, {
         size: "x-small",
         class: ge(["autoplay-btn", { mobile: n.value, "mt-1": n.value, "mx-1": n.value }]),
-        onClick: o[0] || (o[0] = (p) => e("toggleAutoPlay"))
+        onClick: o[0] || (o[0] = (m) => e("toggleAutoPlay"))
       }, {
         default: _(() => [
           C(i, {
@@ -5532,8 +5532,8 @@ const Ci = { class: "d-flex align-center" }, wi = { class: "d-block mr-1" }, ki
       get() {
         return e.active;
       },
-      set(m) {
-        t.value = m;
+      set(p) {
+        t.value = p;
       }
     }), i = B(() => /Android|webOS|iPhone|iPad|BlackBerry|Windows Phone|Opera Mini|IEMobile|Mobile/i.test(
       window.navigator.userAgent
@@ -5543,31 +5543,31 @@ const Ci = { class: "d-flex align-center" }, wi = { class: "d-block mr-1" }, ki
     }), We(() => {
       window.removeEventListener("keydown", s);
     });
-    function s(m) {
-      switch (m.keyCode) {
-        case m.keyCode === Fi:
+    function s(p) {
+      switch (p.keyCode) {
+        case p.keyCode === Fi:
           n("previous");
           break;
-        case m.keyCode === Li:
+        case p.keyCode === Li:
           n("next");
           break;
         default:
           return;
       }
     }
-    function p(m, r) {
-      r(), n("goto", m);
+    function m(p, r) {
+      r(), n("goto", p);
     }
-    return (m, r) => {
-      const f = E("v-btn"), k = E("v-img"), g = E("v-icon"), d = E("v-card"), h = E("v-slide-group-item"), S = E("v-slide-group");
-      return c(), D("div", {
+    return (p, r) => {
+      const f = T("v-btn"), k = T("v-img"), g = T("v-icon"), c = T("v-card"), h = T("v-slide-group-item"), S = T("v-slide-group");
+      return d(), x("div", {
         class: ge(["d-flex align-center justify-center", {
           mobileWaypointWrapper: i.value,
           desktopWaypointWrapper: !i.value,
           " waypoint-carousel": !0
         }])
       }, [
-        ne(m.$slots, "before", {}, void 0, !0),
+        ne(p.$slots, "before", {}, void 0, !0),
         C(S, {
           modelValue: o.value,
           "onUpdate:modelValue": r[2] || (r[2] = (b) => o.value = b),
@@ -5579,7 +5579,7 @@ const Ci = { class: "d-flex align-center" }, wi = { class: "d-block mr-1" }, ki
           mandatory: ""
         }, {
           prev: _(() => [
-            i.value ? $("", !0) : (c(), V(f, {
+            i.value ? $("", !0) : (d(), V(f, {
               key: 0,
               class: ge(["carousel-button", { mobile: i.value }]),
               icon: "mdi-chevron-left",
@@ -5589,7 +5589,7 @@ const Ci = { class: "d-flex align-center" }, wi = { class: "d-block mr-1" }, ki
             }, null, 8, ["class"]))
           ]),
           next: _(() => [
-            i.value ? $("", !0) : (c(), V(f, {
+            i.value ? $("", !0) : (d(), V(f, {
               key: 0,
               class: ge(["carousel-button", { mobile: i.value }]),
               icon: "mdi-chevron-right",
@@ -5599,11 +5599,11 @@ const Ci = { class: "d-flex align-center" }, wi = { class: "d-block mr-1" }, ki
             }, null, 8, ["class"]))
           ]),
           default: _(() => [
-            (c(!0), D(ve, null, ye(m.thumbnails, (b) => (c(), V(h, {
+            (d(!0), x(ve, null, ye(p.thumbnails, (b) => (d(), V(h, {
               key: b.id
             }, {
               default: _(({ toggle: y, selectedClass: Y }) => [
-                C(d, {
+                C(c, {
                   class: ge(["position-relative", [
                     i.value ? "ma-0" : "ma-1",
                     Y,
@@ -5612,7 +5612,7 @@ const Ci = { class: "d-flex align-center" }, wi = { class: "d-block mr-1" }, ki
                   align: "center",
                   justify: "center",
                   style: { overflow: "hidden" },
-                  onClick: (T) => p(b.id, y)
+                  onClick: (E) => m(b.id, y)
                 }, {
                   default: _(() => [
                     C(k, {
@@ -5620,7 +5620,7 @@ const Ci = { class: "d-flex align-center" }, wi = { class: "d-block mr-1" }, ki
                       "aspect-ratio": 1,
                       src: b.thumbnailUrl
                     }, null, 8, ["src"]),
-                    e.cameraHasSunStudy(b.id) ? (c(), D("div", Ai, [
+                    e.cameraHasSunStudy(b.id) ? (d(), x("div", Ai, [
                       C(g, {
                         class: "sun-icon",
                         icon: "mdi-white-balance-sunny"
@@ -5635,7 +5635,7 @@ const Ci = { class: "d-flex align-center" }, wi = { class: "d-block mr-1" }, ki
           ]),
           _: 1
         }, 8, ["modelValue", "class", "show-arrows"]),
-        ne(m.$slots, "after", {}, void 0, !0)
+        ne(p.$slots, "after", {}, void 0, !0)
       ], 2);
     };
   }
@@ -5670,9 +5670,9 @@ const Ci = { class: "d-flex align-center" }, wi = { class: "d-block mr-1" }, ki
     function s() {
       navigator.clipboard.writeText(location.href);
     }
-    return (p, m) => {
-      const r = E("v-btn"), f = E("v-tooltip"), k = E("v-toolbar-title"), g = E("v-spacer"), d = E("v-toolbar"), h = E("v-card-text"), S = E("v-card"), b = E("v-dialog");
-      return c(), D("div", null, [
+    return (m, p) => {
+      const r = T("v-btn"), f = T("v-tooltip"), k = T("v-toolbar-title"), g = T("v-spacer"), c = T("v-toolbar"), h = T("v-card-text"), S = T("v-card"), b = T("v-dialog");
+      return d(), x("div", null, [
         C(f, {
           elevation: "2",
           top: "",
@@ -5683,11 +5683,11 @@ const Ci = { class: "d-flex align-center" }, wi = { class: "d-block mr-1" }, ki
               density: "comfortable",
               elevation: "1",
               icon: "mdi-share-variant",
-              onClick: m[0] || (m[0] = (Y) => e.value = !e.value)
+              onClick: p[0] || (p[0] = (Y) => e.value = !e.value)
             }, y), null, 16)
           ]),
           default: _(() => [
-            u("span", null, Q(x(a).getLabel("share")), 1)
+            u("span", null, Q(D(a).getLabel("share")), 1)
           ]),
           _: 1
         }),
@@ -5695,21 +5695,21 @@ const Ci = { class: "d-flex align-center" }, wi = { class: "d-block mr-1" }, ki
           id: "share-box",
           width: "400",
           modelValue: e.value,
-          "onUpdate:modelValue": m[2] || (m[2] = (y) => e.value = y)
+          "onUpdate:modelValue": p[2] || (p[2] = (y) => e.value = y)
         }, {
           default: _(() => [
             C(S, null, {
               default: _(() => [
-                C(d, { elevation: "0" }, {
+                C(c, { elevation: "0" }, {
                   default: _(() => [
                     C(r, {
                       size: "x-small",
                       icon: "mdi-close",
-                      onClick: m[1] || (m[1] = (y) => e.value = !1)
+                      onClick: p[1] || (p[1] = (y) => e.value = !1)
                     }),
                     C(k, null, {
                       default: _(() => [
-                        te(Q(x(a).getLabel("share")), 1)
+                        te(Q(D(a).getLabel("share")), 1)
                       ]),
                       _: 1
                     }),
@@ -5730,7 +5730,7 @@ const Ci = { class: "d-flex align-center" }, wi = { class: "d-block mr-1" }, ki
                           }, y, { onClick: t }), null, 16)
                         ]),
                         default: _(() => [
-                          u("span", null, Q(x(a).getLabel("shareToFacebook")), 1)
+                          u("span", null, Q(D(a).getLabel("shareToFacebook")), 1)
                         ]),
                         _: 1
                       }),
@@ -5744,7 +5744,7 @@ const Ci = { class: "d-flex align-center" }, wi = { class: "d-block mr-1" }, ki
                           }, y, { onClick: i }), null, 16)
                         ]),
                         default: _(() => [
-                          u("span", null, Q(x(a).getLabel("shareToLinkedin")), 1)
+                          u("span", null, Q(D(a).getLabel("shareToLinkedin")), 1)
                         ]),
                         _: 1
                       }),
@@ -5758,7 +5758,7 @@ const Ci = { class: "d-flex align-center" }, wi = { class: "d-block mr-1" }, ki
                           }, y, { onClick: o }), null, 16)
                         ]),
                         default: _(() => [
-                          u("span", null, Q(x(a).getLabel("shareToTwitter")), 1)
+                          u("span", null, Q(D(a).getLabel("shareToTwitter")), 1)
                         ]),
                         _: 1
                       }),
@@ -5774,7 +5774,7 @@ const Ci = { class: "d-flex align-center" }, wi = { class: "d-block mr-1" }, ki
                           }, y), null, 16, ["href"])
                         ]),
                         default: _(() => [
-                          u("span", null, Q(x(a).getLabel("shareViaEmail")), 1)
+                          u("span", null, Q(D(a).getLabel("shareViaEmail")), 1)
                         ]),
                         _: 1
                       }),
@@ -5789,7 +5789,7 @@ const Ci = { class: "d-flex align-center" }, wi = { class: "d-block mr-1" }, ki
                           }, y), null, 16)
                         ]),
                         default: _(() => [
-                          u("span", null, Q(x(a).getLabel("copyLink")), 1)
+                          u("span", null, Q(D(a).getLabel("copyLink")), 1)
                         ]),
                         _: 1
                       }),
@@ -5815,7 +5815,7 @@ const Ci = { class: "d-flex align-center" }, wi = { class: "d-block mr-1" }, ki
   },
   setup(l) {
     const a = l, e = B(() => ({ "background-image": `url("${encodeURI(a.image)}")` }));
-    return (n, t) => (c(), D("div", Ti, [
+    return (n, t) => (d(), x("div", Ti, [
       u("div", {
         class: ge(["img-div", [n.aspectRatio]]),
         style: fe(e.value)
@@ -5834,8 +5834,8 @@ const Ci = { class: "d-flex align-center" }, wi = { class: "d-block mr-1" }, ki
   setup(l, { emit: a }) {
     const e = a;
     return (n, t) => {
-      const o = E("v-btn");
-      return c(), D("div", Bi, [
+      const o = T("v-btn");
+      return d(), x("div", Bi, [
         C(o, {
           density: "comfortable",
           elevation: "3",
@@ -5955,20 +5955,20 @@ const Ri = {
       apartmentId: o,
       defaultInteriorId: i,
       validInteriorIds: s,
-      displayViewModeSwitch: p,
+      displayViewModeSwitch: m,
       // websiteUrl,
-      i18nConfig: m,
+      i18nConfig: p,
       showCarousel: r,
       showTimeOfDay: f,
       showCompass: k,
       showFullScreen: g,
-      showSnapshot: d,
+      showSnapshot: c,
       showShare: h,
       showInteriorOptions: S,
       showMiniMap: b,
       showFloorLevel: y,
       defaultWaypointIndex: Y,
-      defaultViewMode: T,
+      defaultViewMode: E,
       mouseSensitivity: P,
       // isInIframe,
       adminMode: I,
@@ -6041,7 +6041,7 @@ const Ri = {
     });
     Ke(
       Be,
-      m.value ? new Re(m.value) : new Re()
+      p.value ? new Re(p.value) : new Re()
     );
     const Pe = B(() => /Android|webOS|iPhone|iPad|BlackBerry|Windows Phone|Opera Mini|IEMobile|Mobile/i.test(
       window.navigator.userAgent
@@ -6067,9 +6067,9 @@ const Ri = {
       },
       { immediate: !0 }
     ), H(
-      T,
+      E,
       () => {
-        T.value === "virtualTour" && (be.value = !1), T.value === "slideShow" && (be.value = !0, G.value = !0);
+        E.value === "virtualTour" && (be.value = !1), E.value === "slideShow" && (be.value = !0, G.value = !0);
       },
       { immediate: !0 }
     ), H(Ce, () => {
@@ -6299,15 +6299,15 @@ const Ri = {
       }, 5e3);
     };
     return (F, U) => {
-      const ae = E("v-btn");
-      return c(), D("div", {
+      const ae = T("v-btn");
+      return d(), x("div", {
         class: ge(["virtual-tour-wrapper", [Tt.value]])
       }, [
-        ue.value ? (c(), D("div", Ri, "Error loading the player!!")) : $("", !0),
+        ue.value ? (d(), x("div", Ri, "Error loading the player!!")) : $("", !0),
         u("div", Ui, [
-          !L.value.isActive && X.value && ie.value && ut.value && le.value && xe.value ? (c(), V(zt, {
+          !L.value.isActive && X.value && ie.value && ut.value && le.value && xe.value ? (d(), V(zt, {
             key: 0,
-            "cdn-file-resolver": x(t),
+            "cdn-file-resolver": D(t),
             "apartment-json": O.value,
             level: re.value,
             "minimap-json": X.value,
@@ -6315,20 +6315,20 @@ const Ri = {
             "current-camera": ie.value,
             onClose: U[0] || (U[0] = (Se) => xe.value = !1)
           }, null, 8, ["cdn-file-resolver", "apartment-json", "level", "minimap-json", "rotation", "current-camera"])) : $("", !0),
-          le.value && _e.value ? (c(), D("div", {
+          le.value && _e.value ? (d(), x("div", {
             key: 1,
             class: ge(["v-player", [Tt.value]])
           }, [
             C(yl, {
               ref_key: "vPlayerInstance",
               ref: Z,
-              "cdn-file-resolver": x(t),
+              "cdn-file-resolver": D(t),
               style: fe({ zIndex: be.value ? 1 : 2 }),
               "show-static-image": be.value,
               "current-camera-id": _e.value,
-              "mouse-sensitivity": x(P),
+              "mouse-sensitivity": D(P),
               "interior-id": le.value,
-              "apartment-id": x(o),
+              "apartment-id": D(o),
               onNewCameraCallback: pa,
               onNewRotationCallback: ha,
               onNewFloorCallback: Bt,
@@ -6338,13 +6338,13 @@ const Ri = {
               onPlayerApiCallback: _a
             }, {
               "slideshow-image": _(() => [
-                be.value ? (c(), V($i, {
+                be.value ? (d(), V($i, {
                   key: 0,
                   image: ze.value
                 }, null, 8, ["image"])) : $("", !0)
               ]),
               "top-left": _(() => [
-                x(I) ? (c(), V(ae, {
+                D(I) ? (d(), V(ae, {
                   key: 0,
                   density: "comfortable",
                   icon: "mdi-cog-outline",
@@ -6361,7 +6361,7 @@ const Ri = {
                 }, null, 512), [
                   [ke, G.value]
                 ]),
-                X.value && _e.value && ut.value ? we((c(), V(ae, {
+                X.value && _e.value && ut.value ? we((d(), V(ae, {
                   key: 1,
                   density: "comfortable",
                   elevation: "3",
@@ -6371,15 +6371,15 @@ const Ri = {
                 }, null, 512)), [
                   [ke, G.value]
                 ]) : $("", !0),
-                G.value && x(y) && me.value.length > 1 ? (c(), V(Sl, {
+                G.value && D(y) && me.value.length > 1 ? (d(), V(Sl, {
                   key: 2,
                   level: Ae.value,
                   "floor-levels": me.value,
                   onLevel: Bt
                 }, null, 8, ["level", "floor-levels"])) : $("", !0),
-                x(I) && N.value ? (c(), D("div", Hi, [
+                D(I) && N.value ? (d(), x("div", Hi, [
                   C(Ps, {
-                    "initial-settings": x(M),
+                    "initial-settings": D(M),
                     onUpdateSettings: wa,
                     onSaveSettings: ka
                   }, null, 8, ["initial-settings"])
@@ -6387,7 +6387,7 @@ const Ri = {
               ]),
               "top-center": _(() => []),
               "top-right": _(() => [
-                O.value && x(k) ? we((c(), D("div", Yi, [
+                O.value && D(k) ? we((d(), x("div", Yi, [
                   C(Vl, { rotation: Le.value }, null, 8, ["rotation"])
                 ], 512)), [
                   [ke, G.value]
@@ -6395,7 +6395,7 @@ const Ri = {
                 u("div", {
                   onClick: U[4] || (U[4] = (Se) => xe.value = !xe.value)
                 }, [
-                  G.value && O.value && aa.value && x(f) ? (c(), V(Yl, {
+                  G.value && O.value && aa.value && D(f) ? (d(), V(Yl, {
                     key: 0,
                     hours: Et.value.hours,
                     minutes: Et.value.minutes,
@@ -6409,7 +6409,7 @@ const Ri = {
               "center-left": _(() => [
                 C(Te, { name: "slide-x-transition" }, {
                   default: _(() => [
-                    be.value ? (c(), V(ae, {
+                    be.value ? (d(), V(ae, {
                       key: 0,
                       density: "comfortable",
                       elevation: "3",
@@ -6421,13 +6421,13 @@ const Ri = {
                 })
               ]),
               "center-center": _(() => [
-                W.value ? (c(), V(Ss, {
+                W.value ? (d(), V(Ss, {
                   key: 0,
                   onCloseTutorial: U[5] || (U[5] = (Se) => oa(Se))
                 })) : $("", !0),
-                L.value.isActive && X.value && ie.value && ut.value && xe.value ? (c(), V(zt, {
+                L.value.isActive && X.value && ie.value && ut.value && xe.value ? (d(), V(zt, {
                   key: 1,
-                  "cdn-file-resolver": x(t),
+                  "cdn-file-resolver": D(t),
                   "apartment-json": O.value,
                   "minimap-json": X.value,
                   rotation: Le.value,
@@ -6439,7 +6439,7 @@ const Ri = {
               "center-right": _(() => [
                 C(Te, { name: "slide-x-reverse-transition" }, {
                   default: _(() => [
-                    be.value ? (c(), V(ae, {
+                    be.value ? (d(), V(ae, {
                       key: 0,
                       density: "comfortable",
                       elevation: "3",
@@ -6451,13 +6451,13 @@ const Ri = {
                 })
               ]),
               "bottom-left": _(() => [
-                x(g) ? (c(), V(ea, {
+                D(g) ? (d(), V(ea, {
                   key: 0,
                   "is-full-screen": L.value.isActive,
                   class: "btn-fullscreen",
                   onToggleFullscreen: ba
                 }, null, 8, ["is-full-screen"])) : $("", !0),
-                x(d) ? (c(), D("div", zi, [
+                D(c) ? (d(), x("div", zi, [
                   C(ae, {
                     density: "comfortable",
                     elevation: "3",
@@ -6466,13 +6466,13 @@ const Ri = {
                   })
                 ])) : $("", !0),
                 u("div", Pi, [
-                  x(p) && G.value ? (c(), V(Ql, {
+                  D(m) && G.value ? (d(), V(Ql, {
                     key: 0,
                     "show-static-image": be.value,
                     onToggle: Ca
                   }, null, 8, ["show-static-image"])) : $("", !0)
                 ]),
-                G.value && x(h) && !L.value.isActive ? (c(), D("div", ji, [
+                G.value && D(h) && !L.value.isActive ? (d(), x("div", ji, [
                   C(Kt)
                 ])) : $("", !0)
               ]),
@@ -6485,7 +6485,7 @@ const Ri = {
                           "mb-2": !Pe.value
                         }])
                       }, [
-                        !He.value && je.value(ie.value) ? (c(), V(xi, {
+                        !He.value && je.value(ie.value) ? (d(), V(xi, {
                           key: 0,
                           class: "ml-2",
                           displaySunsim: Ce.value,
@@ -6493,7 +6493,7 @@ const Ri = {
                           onToggleSunStudy: U[7] || (U[7] = (Se) => Ce.value = !Ce.value)
                         }, null, 8, ["displaySunsim", "showUI"])) : $("", !0)
                       ], 2),
-                      !Pe.value && !He.value && _e.value && Ce.value && je.value(ie.value) && Qe(ie.value)[0] && Oe.value ? (c(), V(Pt, {
+                      !Pe.value && !He.value && _e.value && Ce.value && je.value(ie.value) && Qe(ie.value)[0] && Oe.value ? (d(), V(Pt, {
                         key: 0,
                         class: "sunsim-slider-desktop",
                         "current-day": je.value(ie.value) ? Qe(ie.value)[0] : void 0,
@@ -6501,7 +6501,7 @@ const Ri = {
                         onOnTimeChange: $t,
                         onToggleSunStudy: U[8] || (U[8] = (Se) => Ce.value = !Ce.value)
                       }, null, 8, ["current-day", "current-time"])) : $("", !0),
-                      !Pe.value && G.value && x(r) ? (c(), V(ht, {
+                      !Pe.value && G.value && D(r) ? (d(), V(ht, {
                         key: 1,
                         class: ge([L.value.isActive ? "full-screen" : ""]),
                         thumbnails: de.value,
@@ -6512,7 +6512,7 @@ const Ri = {
                         onGoto: kt
                       }, {
                         before: _(() => [
-                          F.enableAutoplay && G.value && !Pe.value ? (c(), V(jt, {
+                          F.enableAutoplay && G.value && !Pe.value ? (d(), V(jt, {
                             key: 0,
                             autoplayStatus: He.value,
                             onToggleAutoPlay: U[9] || (U[9] = (Se) => Ht())
@@ -6527,9 +6527,9 @@ const Ri = {
               ]),
               "bottom-right": _(() => [
                 u("div", Wi, [
-                  G.value && x(S) && Ot.value ? (c(), V(Ol, {
+                  G.value && D(S) && Ot.value ? (d(), V(Ol, {
                     key: 0,
-                    "cdn-file-resolver": x(t),
+                    "cdn-file-resolver": D(t),
                     "available-archetypes": Ot.value,
                     "selected-index": ce.value,
                     onSelectInterior: Vt
@@ -6540,7 +6540,7 @@ const Ri = {
             }, 8, ["cdn-file-resolver", "style", "show-static-image", "current-camera-id", "mouse-sensitivity", "interior-id", "apartment-id"]),
             C(Te, null, {
               default: _(() => [
-                x(r) && J.value && Pe.value && G.value ? (c(), V(ht, {
+                D(r) && J.value && Pe.value && G.value ? (d(), V(ht, {
                   key: 0,
                   class: "waypoint-carousel below-player",
                   thumbnails: de.value,
@@ -6551,7 +6551,7 @@ const Ri = {
                   onGoto: kt
                 }, {
                   before: _(() => [
-                    F.enableAutoplay && G.value ? (c(), V(jt, {
+                    F.enableAutoplay && G.value ? (d(), V(jt, {
                       key: 0,
                       autoplayStatus: He.value,
                       onToggleAutoPlay: U[10] || (U[10] = (Se) => Ht())
@@ -6562,8 +6562,8 @@ const Ri = {
               ]),
               _: 1
             }),
-            Pe.value ? (c(), D("div", Ni, [
-              !He.value && _e.value && Ce.value && je.value(ie.value) && Qe(ie.value)[0] && Oe.value ? (c(), V(Pt, {
+            Pe.value ? (d(), x("div", Ni, [
+              !He.value && _e.value && Ce.value && je.value(ie.value) && Qe(ie.value)[0] && Oe.value ? (d(), V(Pt, {
                 key: 0,
                 class: "mt-1",
                 "current-day": je.value(ie.value) ? Qe(ie.value)[0] : void 0,
@@ -6573,7 +6573,7 @@ const Ri = {
               }, null, 8, ["current-day", "current-time"])) : $("", !0)
             ])) : $("", !0)
           ], 2)) : $("", !0),
-          x(K) && x(w) ? (c(), D("div", Gi, " version: " + Q(x(K)), 1)) : $("", !0)
+          D(K) && D(w) ? (d(), x("div", Gi, " version: " + Q(D(K)), 1)) : $("", !0)
         ])
       ], 2);
     };
@@ -6612,7 +6612,7 @@ const Ri = {
   },
   emits: ["newSizeCallback"],
   setup(l, { emit: a }) {
-    return (e, n) => (c(), D("div", qi, [
+    return (e, n) => (d(), x("div", qi, [
       u("div", Ji, [
         ne(e.$slots, "slideshow-image", {}, void 0, !0),
         u("div", Xi, [
@@ -6682,19 +6682,19 @@ const Ri = {
       let r = e.value + 1;
       r >= t.value.length && (r = 0), e.value = r;
     }
-    function p() {
+    function m() {
       let r = e.value - 1;
       r < 0 && (r = t.value.length - 1), e.value = r;
     }
-    function m(r, f = !0) {
+    function p(r, f = !0) {
       let k = t.value.findIndex(
         (g) => g.id === r
       );
       k != -1 && (e.value = k);
     }
     return (r, f) => {
-      const k = E("v-img"), g = E("v-btn");
-      return c(), D("div", ur, [
+      const k = T("v-img"), g = T("v-btn");
+      return d(), x("div", ur, [
         u("div", cr, [
           u("div", null, [
             C(rr, {
@@ -6713,12 +6713,12 @@ const Ri = {
               "center-left": _(() => [
                 C(Te, { name: "slide-x-transition" }, {
                   default: _(() => [
-                    t.value.length > 1 ? (c(), V(g, {
+                    t.value.length > 1 ? (d(), V(g, {
                       key: 0,
                       density: "comfortable",
                       elevation: "3",
                       icon: "mdi-chevron-left",
-                      onClick: p
+                      onClick: m
                     })) : $("", !0)
                   ]),
                   _: 1
@@ -6728,7 +6728,7 @@ const Ri = {
               "center-right": _(() => [
                 C(Te, { name: "slide-x-reverse-transition" }, {
                   default: _(() => [
-                    t.value.length > 1 ? (c(), V(g, {
+                    t.value.length > 1 ? (d(), V(g, {
                       key: 0,
                       density: "comfortable",
                       elevation: "3",
@@ -6740,39 +6740,39 @@ const Ri = {
                 })
               ]),
               "bottom-left": _(() => [
-                r.showFullScreen ? (c(), V(ea, {
+                r.showFullScreen ? (d(), V(ea, {
                   key: 0,
                   "is-full-screen": n.value.isActive,
                   class: "btn-fullscreen",
                   onToggleFullscreen: i
                 }, null, 8, ["is-full-screen"])) : $("", !0),
-                r.showShare ? (c(), D("div", vr, [
+                r.showShare ? (d(), x("div", vr, [
                   C(Kt)
                 ])) : $("", !0)
               ]),
               "bottom-center": _(() => [
                 u("div", null, [
-                  n.value.isActive && t.value.length > 1 ? (c(), V(ht, {
+                  n.value.isActive && t.value.length > 1 ? (d(), V(ht, {
                     key: 0,
                     class: ge([n.value.isActive ? "full-screen" : ""]),
                     thumbnails: t.value,
                     active: e.value,
                     onNext: s,
-                    onPrevious: p,
-                    onGoto: m
+                    onPrevious: m,
+                    onGoto: p
                   }, null, 8, ["class", "thumbnails", "active"])) : $("", !0)
                 ])
               ]),
               "bottom-right": _(() => []),
               _: 1
             }, 8, ["is-full-screen"]),
-            t.value.length > 1 ? (c(), V(ht, {
+            t.value.length > 1 ? (d(), V(ht, {
               key: 0,
               thumbnails: t.value,
               active: e.value,
               onNext: s,
-              onPrevious: p,
-              onGoto: m
+              onPrevious: m,
+              onGoto: p
             }, null, 8, ["thumbnails", "active"])) : $("", !0)
           ])
         ])
@@ -6788,12 +6788,12 @@ const Ri = {
   },
   setup(l) {
     const a = l, { timeSampleData: e, cdnFileResolver: n, currentTime: t } = $e(a), o = B(() => he(n.value, e.value.filename));
-    return (i, s) => we((c(), D("img", {
+    return (i, s) => we((d(), x("img", {
       key: o.value,
       src: o.value,
       width: "100%"
     }, null, 8, fr)), [
-      [ke, x(t) && x(e) === x(t)]
+      [ke, D(t) && D(e) === D(t)]
     ]);
   }
 }), gr = /* @__PURE__ */ ee(hr, [["__scopeId", "data-v-a12a9cdb"]]), yr = /* @__PURE__ */ j({
@@ -6806,11 +6806,11 @@ const Ri = {
   },
   setup(l) {
     const a = l, { dayData: e, cdnFileResolver: n, currentTime: t } = $e(a);
-    return (o, i) => (c(!0), D(ve, null, ye(x(e).timeSamples, (s) => (c(), V(gr, {
+    return (o, i) => (d(!0), x(ve, null, ye(D(e).timeSamples, (s) => (d(), V(gr, {
       key: s.filename,
       "time-sample-data": s,
-      "cdn-file-resolver": x(n),
-      "current-time": x(t)
+      "cdn-file-resolver": D(n),
+      "current-time": D(t)
     }, null, 8, ["time-sample-data", "cdn-file-resolver", "current-time"]))), 128));
   }
 }), _r = ["src"], br = /* @__PURE__ */ j({
@@ -6827,18 +6827,18 @@ const Ri = {
       n.value,
       t.value.defaultFilename
     ));
-    return (s, p) => x(e).sunsimDayOfYear ? (c(!0), D(ve, { key: 0 }, ye(x(e).sunsimDayOfYear, (m) => (c(), V(yr, {
-      key: m.dayOfYear,
-      "day-data": m,
-      "cdn-file-resolver": x(n),
+    return (s, m) => D(e).sunsimDayOfYear ? (d(!0), x(ve, { key: 0 }, ye(D(e).sunsimDayOfYear, (p) => (d(), V(yr, {
+      key: p.dayOfYear,
+      "day-data": p,
+      "cdn-file-resolver": D(n),
       "current-day": s.currentDay,
-      "current-time": x(o)
-    }, null, 8, ["day-data", "cdn-file-resolver", "current-day", "current-time"]))), 128)) : we((c(), D("img", {
+      "current-time": D(o)
+    }, null, 8, ["day-data", "cdn-file-resolver", "current-day", "current-time"]))), 128)) : we((d(), x("img", {
       key: i.value,
       src: i.value,
       width: "100%"
     }, null, 8, _r)), [
-      [ke, x(t) === x(e)]
+      [ke, D(t) === D(e)]
     ]);
   }
 }), Cr = ["src"], wr = /* @__PURE__ */ j({
@@ -6850,12 +6850,12 @@ const Ri = {
   },
   setup(l) {
     const a = l, { transitionData: e, cdnFileResolver: n, currentTransition: t } = $e(a), o = B(() => he(n.value, e.value.filename));
-    return (i, s) => we((c(), D("img", {
+    return (i, s) => we((d(), x("img", {
       key: o.value,
       src: o.value,
       class: "position-absolute top-left w-100 h-100"
     }, null, 8, Cr)), [
-      [ke, x(e) === x(t)]
+      [ke, D(e) === D(t)]
     ]);
   }
 }), kr = /* @__PURE__ */ ee(wr, [["__scopeId", "data-v-ea8553ab"]]);
@@ -6880,19 +6880,19 @@ const Sr = {
   },
   emits: ["onDayChange"],
   setup(l, { emit: a }) {
-    const e = l, { isMobileSized: n, currentCamera: t, currentDay: o, disabled: i } = $e(e), s = a, p = v(o.value.dayOfYear);
+    const e = l, { isMobileSized: n, currentCamera: t, currentDay: o, disabled: i } = $e(e), s = a, m = v(o.value.dayOfYear);
     return H(o, () => {
-      p.value = o.value.dayOfYear;
-    }), H(p, () => {
+      m.value = o.value.dayOfYear;
+    }), H(m, () => {
       s(
         "onDayChange",
         t.value.sunsimDayOfYear.find(
-          (m) => m.dayOfYear === p.value
+          (p) => p.dayOfYear === m.value
         )
       );
-    }), (m, r) => {
-      const f = E("v-btn"), k = E("v-field"), g = E("v-list-item-title"), d = E("v-list-item"), h = E("v-list"), S = E("v-menu");
-      return x(t).sunsimDayOfYear && x(t).sunsimDayOfYear.length > 0 ? (c(), D("div", Sr, [
+    }), (p, r) => {
+      const f = T("v-btn"), k = T("v-field"), g = T("v-list-item-title"), c = T("v-list-item"), h = T("v-list"), S = T("v-menu");
+      return D(t).sunsimDayOfYear && D(t).sunsimDayOfYear.length > 0 ? (d(), x("div", Sr, [
         C(S, null, {
           activator: _(({ props: b }) => [
             C(k, {
@@ -6905,14 +6905,14 @@ const Sr = {
                   variant: "text",
                   rounded: "",
                   flat: "",
-                  readonly: x(t).sunsimDayOfYear.length === 1,
+                  readonly: D(t).sunsimDayOfYear.length === 1,
                   "prepend-icon": "mdi-calendar-blank",
-                  "append-icon": x(t).sunsimDayOfYear.length > 1 ? "mdi-menu-down" : void 0,
-                  disabled: x(i),
-                  size: x(n) ? "small" : void 0
+                  "append-icon": D(t).sunsimDayOfYear.length > 1 ? "mdi-menu-down" : void 0,
+                  disabled: D(i),
+                  size: D(n) ? "small" : void 0
                 }, b), {
                   default: _(() => [
-                    te(Q(x(Wt)(p.value)), 1)
+                    te(Q(D(Wt)(m.value)), 1)
                   ]),
                   _: 2
                 }, 1040, ["readonly", "append-icon", "disabled", "size"])
@@ -6923,15 +6923,15 @@ const Sr = {
           default: _(() => [
             C(h, null, {
               default: _(() => [
-                (c(!0), D(ve, null, ye(x(t).sunsimDayOfYear, (b, y) => (c(), V(d, {
+                (d(!0), x(ve, null, ye(D(t).sunsimDayOfYear, (b, y) => (d(), V(c, {
                   key: y,
                   value: y,
-                  onClick: (Y) => p.value = b.dayOfYear
+                  onClick: (Y) => m.value = b.dayOfYear
                 }, {
                   default: _(() => [
                     C(g, null, {
                       default: _(() => [
-                        te(Q(x(Wt)(b.dayOfYear)), 1)
+                        te(Q(D(Wt)(b.dayOfYear)), 1)
                       ]),
                       _: 2
                     }, 1024)
@@ -6947,10 +6947,13 @@ const Sr = {
       ])) : $("", !0);
     };
   }
-}), xr = /* @__PURE__ */ ee(Ir, [["__scopeId", "data-v-743f5faf"]]), Dr = ["onClick"], Ar = {
+}), xr = /* @__PURE__ */ ee(Ir, [["__scopeId", "data-v-743f5faf"]]), Dr = { class: "still-camera-thumbnails-wrapper d-flex justify-center" }, Ar = ["onClick"], Fr = {
+  key: 0,
+  class: "camera-name text-caption text-capitalize"
+}, Lr = {
   key: 1,
   class: "icon-wrapper"
-}, Fr = /* @__PURE__ */ j({
+}, Mr = /* @__PURE__ */ j({
   __name: "VStructureChooserUiCameraThumbnails",
   props: {
     isMobileSized: { type: Boolean },
@@ -6967,69 +6970,65 @@ const Sr = {
       currentCamera: o,
       cdnFileResolver: i,
       disabled: s
-    } = $e(e), p = v(o.value), m = a;
-    H(p, () => {
-      m(
+    } = $e(e), m = v(o.value), p = a;
+    H(m, () => {
+      p(
         "onCameraChange",
-        t.value.find((f) => f === p.value)
+        t.value.find((f) => f === m.value)
       );
     });
     function r(f) {
-      s.value || (p.value = f);
+      s.value || (m.value = f);
     }
     return (f, k) => {
-      const g = E("v-chip"), d = E("v-icon");
-      return c(), D("div", {
+      const g = T("v-icon");
+      return d(), x("div", {
         class: ge({
           "d-flex": !0,
-          "justify-center": !x(n),
-          "align-end": !x(n),
-          "justify-end": x(n),
-          mobile: x(n),
-          disabled: x(s),
-          enabled: !x(s)
+          "justify-center": !D(n),
+          "align-end": !D(n),
+          "justify-end": D(n),
+          mobile: D(n),
+          disabled: D(s),
+          enabled: !D(s)
         })
       }, [
-        (c(!0), D(ve, null, ye(x(t), (h, S) => (c(), D("div", {
-          key: S,
-          class: "still-camera",
-          style: fe({
-            backgroundImage: `url(${x(he)(
-              x(i),
-              h.defaultFilename
-            )})`
-          }),
-          onClick: (b) => r(h)
-        }, [
-          !x(n) && h.cameraName ? (c(), V(g, {
-            key: 0,
-            variant: "flat",
-            size: "small",
-            class: "camera-name",
-            color: "white"
-          }, {
-            default: _(() => [
-              te(Q(h.cameraName), 1)
-            ]),
-            _: 2
-          }, 1024)) : $("", !0),
-          h.sunsimDayOfYear && h.sunsimDayOfYear.length > 1 ? (c(), D("div", Ar, [
-            C(d, {
-              size: "x-small",
-              color: "warning",
-              style: { opacity: "0.6" }
-            }, {
-              default: _(() => [
-                te(" mdi-white-balance-sunny ")
-              ]),
-              _: 1
-            })
-          ])) : $("", !0)
-        ], 12, Dr))), 128))
+        u("div", Dr, [
+          (d(!0), x(ve, null, ye(D(t), (c, h) => (d(), x("div", {
+            key: h,
+            class: ge(["still-camera-image d-flex flex-column flex-reverse align-center elevation-2", {
+              "active-camera": c === m.value
+            }]),
+            onClick: (S) => r(c)
+          }, [
+            c.cameraName ? (d(), x("div", Fr, Q(c.cameraName), 1)) : $("", !0),
+            u("div", {
+              class: "camera-thumbnail-image",
+              style: fe({
+                backgroundImage: `url(${D(he)(
+                  D(i),
+                  c.defaultFilename
+                )})`
+              })
+            }, null, 4),
+            c.sunsimDayOfYear && c.sunsimDayOfYear.length > 1 ? (d(), x("div", Lr, [
+              C(g, {
+                size: "x-small",
+                color: "warning",
+                style: { opacity: "0.6" }
+              }, {
+                default: _(() => [
+                  te(" mdi-white-balance-sunny ")
+                ]),
+                _: 1
+              })
+            ])) : $("", !0)
+          ], 10, Ar))), 128))
+        ])
       ], 2);
     };
   }
-}), Lr = /* @__PURE__ */ ee(Fr, [["__scopeId", "data-v-ff87e7cd"]]), Mr = { class: "small" }, Or = { class: "small" }, Er = /* @__PURE__ */ j({
+}), Or = /* @__PURE__ */ ee(Mr, [["__scopeId", "data-v-a94daee8"]]), Er = { class: "small" }, Tr = { class: "small" }, Vr = /* @__PURE__ */ j({
   __name: "VStructureChooserUiTimeSampleSlider",
   props: {
     isMobileSized: { type: Boolean },
@@ -7039,36 +7038,36 @@ const Sr = {
   },
   emits: ["onTimeChange"],
   setup(l, { emit: a }) {
-    const e = l, { isMobileSized: n, currentDay: t, currentTime: o, disabled: i } = $e(e), s = a, p = v(o.value.timeInHours);
+    const e = l, { isMobileSized: n, currentDay: t, currentTime: o, disabled: i } = $e(e), s = a, m = v(o.value.timeInHours);
     return H(o, () => {
-      p.value = o.value.timeInHours;
-    }), H(p, () => {
+      m.value = o.value.timeInHours;
+    }), H(m, () => {
       s(
         "onTimeChange",
         t.value.timeSamples.find(
-          (m) => m.timeInHours === p.value
+          (p) => p.timeInHours === m.value
         )
       );
-    }), (m, r) => {
-      const f = E("v-icon"), k = E("v-slider"), g = E("v-field");
-      return c(), D("div", {
-        class: ge({ "d-inline-block": !0, mobile: x(n) }),
+    }), (p, r) => {
+      const f = T("v-icon"), k = T("v-slider"), g = T("v-field");
+      return d(), x("div", {
+        class: ge({ "d-inline-block": !0, mobile: D(n) }),
         style: fe({
-          flex: x(n) && x(t).timeSamples.length > 1 ? 1 : void 0,
+          flex: D(n) && D(t).timeSamples.length > 1 ? 1 : void 0,
           verticalAlign: "top"
         })
       }, [
         C(g, {
           style: fe(
-            x(t).timeSamples.length > 1 ? {
-              width: x(n) ? "100%" : "300px",
-              height: x(n) ? "28px" : "36px"
+            D(t).timeSamples.length > 1 ? {
+              width: D(n) ? "100%" : "300px",
+              height: D(n) ? "28px" : "36px"
             } : {
-              height: x(n) ? "28px" : "36px",
+              height: D(n) ? "28px" : "36px",
               paddingLeft: "12px",
               paddingRight: "12px",
-              paddingTop: x(n) ? "5px" : "9px",
-              paddingBottom: x(n) ? "5px" : "9px"
+              paddingTop: D(n) ? "5px" : "9px",
+              paddingBottom: D(n) ? "5px" : "9px"
             }
           ),
           variant: "solo-filled",
@@ -7076,15 +7075,15 @@ const Sr = {
           flat: ""
         }, {
           default: _(() => [
-            x(t).timeSamples.length > 1 ? (c(), V(k, {
+            D(t).timeSamples.length > 1 ? (d(), V(k, {
               key: 0,
               class: "pa-2 pr-2",
-              modelValue: p.value,
-              "onUpdate:modelValue": r[0] || (r[0] = (d) => p.value = d),
-              min: x(t).startTime,
-              max: x(t).endTime,
-              step: x(t).interval,
-              disabled: !!x(i),
+              modelValue: m.value,
+              "onUpdate:modelValue": r[0] || (r[0] = (c) => m.value = c),
+              min: D(t).startTime,
+              max: D(t).endTime,
+              step: D(t).interval,
+              disabled: !!D(i),
               density: "compact",
               "thumb-size": "16",
               "thumb-color": "white",
@@ -7101,10 +7100,10 @@ const Sr = {
                   ]),
                   _: 1
                 }),
-                u("span", Mr, Q(x(ft)(p.value)), 1)
+                u("span", Er, Q(D(ft)(m.value)), 1)
               ]),
               _: 1
-            }, 8, ["modelValue", "min", "max", "step", "disabled"])) : (c(), D(ve, { key: 1 }, [
+            }, 8, ["modelValue", "min", "max", "step", "disabled"])) : (d(), x(ve, { key: 1 }, [
               C(f, {
                 style: { "vertical-align": "baseline", "font-size": "20px", "margin-top": "-1px", opacity: "0.6" },
                 class: "mr-2 icon",
@@ -7115,7 +7114,7 @@ const Sr = {
                 ]),
                 _: 1
               }),
-              u("span", Or, Q(x(ft)(p.value)), 1)
+              u("span", Tr, Q(D(ft)(m.value)), 1)
             ], 64))
           ]),
           _: 1
@@ -7123,10 +7122,10 @@ const Sr = {
       ], 6);
     };
   }
-}), Tr = /* @__PURE__ */ ee(Er, [["__scopeId", "data-v-4d44890b"]]), Vr = {
+}), $r = /* @__PURE__ */ ee(Vr, [["__scopeId", "data-v-4d44890b"]]), Br = {
   class: "d-inline-block",
   style: { "vertical-align": "top" }
-}, $r = /* @__PURE__ */ u("hr", { style: { "border-top": "1px solid #999" } }, null, -1), Br = /* @__PURE__ */ j({
+}, Rr = /* @__PURE__ */ u("hr", { style: { "border-top": "1px solid #999" } }, null, -1), Ur = /* @__PURE__ */ j({
   __name: "VStructureChooserUiZoomButtons",
   props: {
     isMobileSized: { type: Boolean },
@@ -7137,30 +7136,30 @@ const Sr = {
   emits: ["onZoomIn", "onZoomOut"],
   setup(l, { emit: a }) {
     const e = l, { isMobileSized: n, canZoomIn: t, canZoomOut: o, disabled: i } = $e(e), s = a;
-    return (p, m) => {
-      const r = E("v-btn");
-      return c(), D("div", Vr, [
+    return (m, p) => {
+      const r = T("v-btn");
+      return d(), x("div", Br, [
         C(r, {
-          disabled: x(i) || !x(t),
-          size: x(n) ? "x-small" : "small",
+          disabled: D(i) || !D(t),
+          size: D(n) ? "x-small" : "small",
           flat: "",
           icon: "mdi-plus",
-          onClick: m[0] || (m[0] = (f) => s("onZoomIn")),
+          onClick: p[0] || (p[0] = (f) => s("onZoomIn")),
           style: { "border-bottom-left-radius": "0", "border-bottom-right-radius": "0" }
         }, null, 8, ["disabled", "size"]),
-        $r,
+        Rr,
         C(r, {
-          disabled: x(i) || !x(o),
-          size: x(n) ? "x-small" : "small",
+          disabled: D(i) || !D(o),
+          size: D(n) ? "x-small" : "small",
           flat: "",
           icon: "mdi-minus",
-          onClick: m[1] || (m[1] = (f) => s("onZoomOut")),
+          onClick: p[1] || (p[1] = (f) => s("onZoomOut")),
           style: { "border-top-left-radius": "0", "border-top-right-radius": "0" }
         }, null, 8, ["disabled", "size"])
       ]);
     };
   }
-}), Rr = ["innerHTML"], Ur = /* @__PURE__ */ j({
+}), Hr = ["innerHTML"], Yr = /* @__PURE__ */ j({
   __name: "VStructureChooserOverlay",
   props: {
     cdnFileResolver: { type: [String, Function] },
@@ -7170,39 +7169,39 @@ const Sr = {
   },
   emits: ["onClick", "onHoverOver", "onHoverOut", "updateSvgContainer", "onError"],
   setup(l, { emit: a }) {
-    const e = l, { cdnFileResolver: n, colorCallback: t, currentCamera: o, selectedId: i } = $e(e), s = a, p = v(), m = v(), r = gt({});
+    const e = l, { cdnFileResolver: n, colorCallback: t, currentCamera: o, selectedId: i } = $e(e), s = a, m = v(), p = v(), r = gt({});
     Ve(() => {
       for (const g in r) {
-        const { element: d, state: h } = r[g], { r: S, g: b, b: y, a: Y, s: T } = t.value(g, h) || {
+        const { element: c, state: h } = r[g], { r: S, g: b, b: y, a: Y, s: E } = t.value(g, h) || {
           r: 0,
           g: 0,
           b: 0,
           a: 0,
           s: 0
         };
-        d.style.fill = `rgba(${S}, ${b}, ${y}, ${Y / 255})`, d.style.stroke = `rgb(${S}, ${b}, ${y})`, d.style.strokeWidth = T.toString();
+        c.style.fill = `rgba(${S}, ${b}, ${y}, ${Y / 255})`, c.style.stroke = `rgb(${S}, ${b}, ${y})`, c.style.strokeWidth = E.toString();
       }
     }), H(i, () => {
       for (const g in r)
         r[g].state === "selected" && g !== i.value ? r[g].state = "idle" : r[g].state !== "selected" && g === i.value && (r[g].state = "selected");
     }), Ve(async () => {
       try {
-        p.value = await Fe.loadText(
+        m.value = await Fe.loadText(
           he(n.value, o.value.overlayFilename)
         ), k();
       } catch (g) {
         s("onError", g);
       }
     }), H(
-      () => m.value,
+      () => p.value,
       () => {
-        m.value && new ResizeObserver(f).observe(m.value);
+        p.value && new ResizeObserver(f).observe(p.value);
       }
     );
     function f() {
       De(() => {
-        var d;
-        const g = (d = m.value) == null ? void 0 : d.firstChild;
+        var c;
+        const g = (c = p.value) == null ? void 0 : c.firstChild;
         if (g) {
           if (!g.hasAttribute("viewBox")) {
             const h = `0 0 ${g.getAttribute(
@@ -7212,18 +7211,18 @@ const Sr = {
           }
           g.setAttribute(
             "width",
-            m.value.offsetWidth.toString()
+            p.value.offsetWidth.toString()
           ), g.setAttribute(
             "height",
-            m.value.offsetHeight.toString()
+            p.value.offsetHeight.toString()
           );
         }
       });
     }
     function k() {
       De(() => {
-        var d;
-        const g = (d = m.value) == null ? void 0 : d.firstChild;
+        var c;
+        const g = (c = p.value) == null ? void 0 : c.firstChild;
         if (g) {
           s("updateSvgContainer", g), f();
           let h, S = "data-structure-id";
@@ -7246,22 +7245,22 @@ const Sr = {
         }
       });
     }
-    return (g, d) => (c(), V(Te, null, {
+    return (g, c) => (d(), V(Te, null, {
       default: _(() => [
-        (c(), D("div", {
+        (d(), x("div", {
           ref_key: "svgContainer",
-          ref: m,
-          key: x(o).overlayFilename,
+          ref: p,
+          key: D(o).overlayFilename,
           class: "w-100 h-100 position-absolute top-left",
           style: { "z-index": "5" },
-          innerHTML: p.value
-        }, null, 8, Rr))
+          innerHTML: m.value
+        }, null, 8, Hr))
       ]),
       _: 1
     }));
   }
-}), Hr = /* @__PURE__ */ ee(Ur, [["__scopeId", "data-v-45a214c3"]]);
-function Yr(l) {
+}), zr = /* @__PURE__ */ ee(Yr, [["__scopeId", "data-v-45a214c3"]]);
+function Pr(l) {
   if (!l)
     return !1;
   const a = [
@@ -7279,16 +7278,16 @@ function Yr(l) {
       return !1;
   return !0;
 }
-function zr(l) {
+function jr(l) {
   return !("filename" in l) && "defaultFilename" in l;
 }
 function Dt(l) {
   return "filename" in l;
 }
-function Pr(l) {
+function Wr(l) {
   return l ? "version" in l : !1;
 }
-function jr(l) {
+function Nr(l) {
   if (!l)
     return !1;
   const a = [
@@ -7304,7 +7303,7 @@ function jr(l) {
       return !1;
   return !0;
 }
-function Wr(l) {
+function Gr(l) {
   if (!l)
     return !1;
   const a = ["version", "latitude", "longitude", "buildings", "cameras"];
@@ -7316,11 +7315,11 @@ function Wr(l) {
 function qe(l) {
   return l.startsWith("/") ? l : `/${l}`;
 }
-function Nr(l) {
+function Qr(l) {
   var a, e, n, t;
-  if (Yr(l))
+  if (Pr(l))
     return l;
-  if (Wr(l)) {
+  if (Gr(l)) {
     if (!l.buildings)
       throw new Error(
         "cannot convert BuildingChooserDataV5 to StructureChooser: key 'buildings' is missing"
@@ -7360,21 +7359,21 @@ function Nr(l) {
             "cannot convert BuildingChooserDataV5 to StructureChooser: key 'cameras.sunsimDayOfYear' is missing"
           );
         const i = { ...o };
-        return i.sunsimDayOfYear && i.sunsimDayOfYear.forEach((p) => {
-          p.timeSamples && p.timeSamples.forEach((m) => {
-            m.filename = qe(m.filename);
+        return i.sunsimDayOfYear && i.sunsimDayOfYear.forEach((m) => {
+          m.timeSamples && m.timeSamples.forEach((p) => {
+            p.filename = qe(p.filename);
           });
         }), {
           ...i,
           defaultFilename: i.sunsimDayOfYear[0] ? qe(
             ((s = i.sunsimDayOfYear[0].timeSamples.find(
-              (p) => p.timeInHours === i.sunsimDayOfYear[0].defaultHour
+              (m) => m.timeInHours === i.sunsimDayOfYear[0].defaultHour
             )) == null ? void 0 : s.filename) || i.sunsimDayOfYear[0].timeSamples[0].filename
           ) : void 0
         };
       })
     };
-  } else if (jr(l)) {
+  } else if (Nr(l)) {
     if (!l.days && !l.timeSamples)
       throw new Error(
         "cannot convert BuildingChooserDataLegacy to StructureChooser: 'days' and 'timeSamples' are empty"
@@ -7412,9 +7411,9 @@ function Nr(l) {
             endTime: 23.5,
             interval: 0.5,
             defaultHour: 14,
-            timeSamples: i.timeSamples.map(({ timeInHours: s, filename: p }) => ({
+            timeSamples: i.timeSamples.map(({ timeInHours: s, filename: m }) => ({
               timeInHours: s,
-              filename: qe(p)
+              filename: qe(m)
             }))
           }))
         }
@@ -7465,15 +7464,15 @@ function Nr(l) {
                 "cannot convert ApartmentChooserDataV5 to StructureChooser: key 'cameras.sunsimDayOfYear' is missing"
               );
             const s = { ...o };
-            return s.sunsimDayOfYear && s.sunsimDayOfYear.forEach((p) => {
-              p.timeSamples && p.timeSamples.forEach((m) => {
-                m.filename = qe(m.filename);
+            return s.sunsimDayOfYear && s.sunsimDayOfYear.forEach((m) => {
+              m.timeSamples && m.timeSamples.forEach((p) => {
+                p.filename = qe(p.filename);
               });
             }), {
               ...s,
               defaultFilename: s.sunsimDayOfYear[0] ? qe(
                 ((i = s.sunsimDayOfYear[0].timeSamples.find(
-                  (p) => p.timeInHours === s.sunsimDayOfYear[0].defaultHour
+                  (m) => m.timeInHours === s.sunsimDayOfYear[0].defaultHour
                 )) == null ? void 0 : i.filename) || s.sunsimDayOfYear[0].timeSamples[0].filename
               ) : void 0
             };
@@ -7481,7 +7480,7 @@ function Nr(l) {
             return o;
         })
       };
-    if (Pr(l)) {
+    if (Wr(l)) {
       if (!l.sceneData)
         throw new Error(
           "cannot convert ApartmentChooserDataLegacy to StructureChooser: key 'sceneData' is missing"
@@ -7494,8 +7493,8 @@ function Nr(l) {
         filename: `/1280/${(s + 1).toString().padStart(4, "0") + ".jpg"}`
       })), i = [4, 1, 2, 3];
       for (let s = 0; s < l.scenes.length; s++) {
-        let p = l.scenes[s], m, r;
-        m = o[p].filename, r = {
+        let m = l.scenes[s], p, r;
+        p = o[m].filename, r = {
           cameraName: `Camera ${s + 1}`,
           cameraPosition: void 0,
           cameraRotation: l.sceneCameras && (n = l.sceneCameras.find((f) => f.scene === s)) != null && n.cameraRotation ? Nt(
@@ -7503,7 +7502,7 @@ function Nr(l) {
           ) : void 0,
           cameraFov: 0,
           overlayFilename: `/scenedata${i[s]}V5Overlay.svg`,
-          defaultFilename: m,
+          defaultFilename: p,
           sunsimDayOfYear: void 0
           // sunsimDayOfYear: [
           //   {
@@ -7520,7 +7519,7 @@ function Nr(l) {
           //     ],
           //   },
           // ],
-        }, Dt(o[p]) && (o[p] = r);
+        }, Dt(o[m]) && (o[m] = r);
       }
       return {
         version: "5.0",
@@ -7534,8 +7533,8 @@ function Nr(l) {
           type: "unit"
         })),
         stillCameraIndices: l.scenes,
-        stillCameraData: l.sceneData.map(({ apartmentID: s, bestScene: p }) => ({
-          bestIndex: i.findIndex((m) => m === p) in l.scenes ? l.scenes[i.findIndex((m) => m === p)] : null,
+        stillCameraData: l.sceneData.map(({ apartmentID: s, bestScene: m }) => ({
+          bestIndex: i.findIndex((p) => p === m) in l.scenes ? l.scenes[i.findIndex((p) => p === m)] : null,
           id: s
         })).filter(({ bestIndex: s }) => s !== null),
         loopable: !0,
@@ -7553,10 +7552,10 @@ function Nt({ x: l, y: a, z: e }) {
     w: 0
   };
 }
-const Gr = ["innerHTML"], Qr = { style: { "z-index": "7" } }, Zr = {
+const Zr = ["innerHTML"], qr = { style: { "z-index": "7" } }, Jr = {
   key: 4,
   class: "render-version"
-}, qr = /* @__PURE__ */ j({
+}, Xr = /* @__PURE__ */ j({
   __name: "VStructureChooser",
   props: {
     structureChooserData: {},
@@ -7581,8 +7580,8 @@ const Gr = ["innerHTML"], Qr = { style: { "z-index": "7" } }, Zr = {
       colorCallback: o,
       i18nConfig: i,
       customOverlayContent: s,
-      selectedId: p,
-      defaultCamera: m,
+      selectedId: m,
+      defaultCamera: p,
       defaultDay: r,
       defaultTime: f,
       mobileBreakpoint: k
@@ -7591,18 +7590,18 @@ const Gr = ["innerHTML"], Qr = { style: { "z-index": "7" } }, Zr = {
       Be,
       i.value ? new Re(i.value) : new Re()
     );
-    const d = v(), h = v(), S = v(), b = v(null), y = v(4), Y = v(), T = v(!1), P = v(!1), I = v(), M = B(() => I.value.isHoverEnabled), q = v({ x: 0, y: 0, width: 0, height: 0 }), R = v(), K = v(), w = v(), A = v(!1), W = v(), N = v({
+    const c = v(), h = v(), S = v(), b = v(null), y = v(4), Y = v(), E = v(!1), P = v(!1), I = v(), M = B(() => I.value.isHoverEnabled), q = v({ x: 0, y: 0, width: 0, height: 0 }), R = v(), K = v(), w = v(), A = v(!1), W = v(), N = v({
       current: 100,
       min: 100,
       max: 1e3
     }), ue = v(!1);
     Ie(() => {
-      T.value = !0, ue.value = !1;
+      E.value = !0, ue.value = !1;
     }), H(
       n,
       (L) => {
         try {
-          ue.value = !1, w.value = Nr(L);
+          ue.value = !1, w.value = Qr(L);
         } catch (Z) {
           ue.value = !0, g("onError", Z);
         }
@@ -7610,7 +7609,7 @@ const Gr = ["innerHTML"], Qr = { style: { "z-index": "7" } }, Zr = {
       {
         immediate: !0
       }
-    ), H(T, (L) => {
+    ), H(E, (L) => {
       L && g("onInitialize");
     }), H(
       () => K.value,
@@ -7621,26 +7620,26 @@ const Gr = ["innerHTML"], Qr = { style: { "z-index": "7" } }, Zr = {
       }
     );
     const z = B(
-      () => w.value ? w.value.cameras.filter(zr) : []
+      () => w.value ? w.value.cameras.filter(jr) : []
     ), O = B(
       () => w.value ? w.value.cameras.filter(Dt) : []
     );
     H(
-      [w, t, m],
+      [w, t, p],
       async () => {
-        t.value && z.value.length > 0 && (m.value ? d.value = z.value.find(
-          (L) => L.cameraName === m.value
-        ) || z.value[0] : d.value = z.value[0], y.value = w.value.cameras.findIndex(
-          (L) => L === d.value
+        t.value && z.value.length > 0 && (p.value ? c.value = z.value.find(
+          (L) => L.cameraName === p.value
+        ) || z.value[0] : c.value = z.value[0], y.value = w.value.cameras.findIndex(
+          (L) => L === c.value
         ), y.value = Math.max(0, y.value));
       },
       { immediate: !0 }
     ), H(
       [w, t, r],
       () => {
-        w.value && t.value && d.value && d.value.sunsimDayOfYear && d.value.sunsimDayOfYear.length > 0 && (r.value ? h.value = d.value.sunsimDayOfYear.find(
+        w.value && t.value && c.value && c.value.sunsimDayOfYear && c.value.sunsimDayOfYear.length > 0 && (r.value ? h.value = c.value.sunsimDayOfYear.find(
           (L) => L.dayOfYear === r.value
-        ) || d.value.sunsimDayOfYear[0] : h.value = d.value.sunsimDayOfYear[0]);
+        ) || c.value.sunsimDayOfYear[0] : h.value = c.value.sunsimDayOfYear[0]);
       },
       { immediate: !0 }
     ), H(
@@ -7655,7 +7654,7 @@ const Gr = ["innerHTML"], Qr = { style: { "z-index": "7" } }, Zr = {
       { immediate: !0 }
     );
     function J(L) {
-      d.value !== L && Oe(
+      c.value !== L && Oe(
         w.value.cameras.findIndex((Z) => Z === L)
       );
     }
@@ -7668,13 +7667,13 @@ const Gr = ["innerHTML"], Qr = { style: { "z-index": "7" } }, Zr = {
     }
     function se(L) {
       const Z = h.value;
-      d.value = L, y.value = w.value.cameras.findIndex(
-        (me) => me === d.value
+      c.value = L, y.value = w.value.cameras.findIndex(
+        (me) => me === c.value
       ), De(() => {
-        d.value.sunsimDayOfYear && d.value.sunsimDayOfYear.length > 0 && oe(
-          d.value.sunsimDayOfYear.find(
+        c.value.sunsimDayOfYear && c.value.sunsimDayOfYear.length > 0 && oe(
+          c.value.sunsimDayOfYear.find(
             (me) => me.dayOfYear === Z.dayOfYear
-          ) || d.value.sunsimDayOfYear[0]
+          ) || c.value.sunsimDayOfYear[0]
         );
       });
     }
@@ -7773,12 +7772,12 @@ const Gr = ["innerHTML"], Qr = { style: { "z-index": "7" } }, Zr = {
       ue.value = !0, g("onError", L);
     }
     return (L, Z) => {
-      const me = E("v-skeleton-loader");
-      return c(), D(ve, null, [
+      const me = T("v-skeleton-loader");
+      return d(), x(ve, null, [
         C(me, {
           type: "image",
           class: "w-100 h-100 position-relative",
-          loading: !T.value || !w.value
+          loading: !E.value || !w.value
         }, {
           default: _(() => [
             C(Te, { class: "w-100 h-100" }, {
@@ -7790,7 +7789,7 @@ const Gr = ["innerHTML"], Qr = { style: { "z-index": "7" } }, Zr = {
                   style: { "min-height": "104px" },
                   onMousemove: Ae
                 }, [
-                  L.showUi ? (c(), D("div", {
+                  L.showUi ? (d(), x("div", {
                     key: 0,
                     class: "persistent actions-bar top-right pa-2",
                     style: fe({
@@ -7798,7 +7797,7 @@ const Gr = ["innerHTML"], Qr = { style: { "z-index": "7" } }, Zr = {
                       top: A.value && z.value.length > 1 ? "60px" : 0
                     })
                   }, [
-                    d.value.cameraRotation ? (c(), V(at, {
+                    c.value.cameraRotation ? (d(), V(at, {
                       key: 0,
                       class: "mb-2",
                       style: fe({
@@ -7806,9 +7805,9 @@ const Gr = ["innerHTML"], Qr = { style: { "z-index": "7" } }, Zr = {
                         width: A.value ? 32 : 40,
                         height: A.value ? 32 : 40
                       }),
-                      longitude: d.value.cameraRotation.y + 270
+                      longitude: c.value.cameraRotation.y + 270
                     }, null, 8, ["style", "longitude"])) : $("", !0),
-                    C(Br, {
+                    C(Ur, {
                       "is-mobile-sized": A.value,
                       "can-zoom-out": N.value.min < N.value.current,
                       "can-zoom-in": N.value.max > N.value.current,
@@ -7817,20 +7816,20 @@ const Gr = ["innerHTML"], Qr = { style: { "z-index": "7" } }, Zr = {
                       onOnZoomOut: Z[1] || (Z[1] = (re) => be(!1))
                     }, null, 8, ["is-mobile-sized", "can-zoom-out", "can-zoom-in", "disabled"])
                   ], 4)) : $("", !0),
-                  L.showUi && z.value.length > 1 ? (c(), D("div", {
+                  L.showUi && z.value.length > 1 ? (d(), x("div", {
                     key: 1,
-                    class: ge({
-                      "actions-bar bottom-left w-100 pa-2": !0,
+                    class: ge([{
+                      "actions-bar bottom-center pb-2": !0,
                       "px-0": A.value
-                    }),
+                    }, "still-cameras-wrapper"]),
                     style: { "z-index": "7" }
                   }, [
-                    C(Lr, {
+                    C(Or, {
                       "is-mobile-sized": A.value,
                       "still-cameras": z.value,
-                      "current-camera": d.value,
+                      "current-camera": c.value,
                       disabled: P.value,
-                      "cdn-file-resolver": x(t),
+                      "cdn-file-resolver": D(t),
                       onOnCameraChange: J
                     }, null, 8, ["is-mobile-sized", "still-cameras", "current-camera", "disabled", "cdn-file-resolver"])
                   ], 2)) : $("", !0),
@@ -7841,32 +7840,32 @@ const Gr = ["innerHTML"], Qr = { style: { "z-index": "7" } }, Zr = {
                     onUpdate: Ue
                   }, {
                     default: _(() => [
-                      (c(!0), D(ve, null, ye(z.value, (re, ce) => (c(), V(br, {
+                      (d(!0), x(ve, null, ye(z.value, (re, ce) => (d(), V(br, {
                         key: `camera${ce}`,
                         "camera-data": re,
-                        "cdn-file-resolver": x(t),
-                        "current-camera": d.value,
+                        "cdn-file-resolver": D(t),
+                        "current-camera": c.value,
                         "current-day": h.value,
                         "current-time": S.value
                       }, null, 8, ["camera-data", "cdn-file-resolver", "current-camera", "current-day", "current-time"]))), 128)),
-                      (c(!0), D(ve, null, ye(O.value, (re, ce) => (c(), V(kr, {
+                      (d(!0), x(ve, null, ye(O.value, (re, ce) => (d(), V(kr, {
                         key: `transition${ce}`,
                         "transition-data": re,
-                        "cdn-file-resolver": x(t),
+                        "cdn-file-resolver": D(t),
                         "current-transition": b.value
                       }, null, 8, ["transition-data", "cdn-file-resolver", "current-transition"]))), 128)),
-                      x(s) ? (c(), D("div", {
+                      D(s) ? (d(), x("div", {
                         key: 0,
                         class: "w-100 h-100 position-absolute top-left",
                         style: { "z-index": "6", "pointer-events": "none" },
-                        innerHTML: x(s)
-                      }, null, 8, Gr)) : $("", !0),
-                      d.value.overlayFilename && !ue.value ? we((c(), V(Hr, {
+                        innerHTML: D(s)
+                      }, null, 8, Zr)) : $("", !0),
+                      c.value.overlayFilename && !ue.value ? we((d(), V(zr, {
                         key: 1,
-                        "cdn-file-resolver": x(t),
-                        "color-callback": x(o),
-                        "current-camera": d.value,
-                        "selected-id": x(p),
+                        "cdn-file-resolver": D(t),
+                        "color-callback": D(o),
+                        "current-camera": c.value,
+                        "selected-id": D(m),
                         onOnClick: _e,
                         onOnHoverOver: ie,
                         onOnHoverOut: Le,
@@ -7878,7 +7877,7 @@ const Gr = ["innerHTML"], Qr = { style: { "z-index": "7" } }, Zr = {
                     ]),
                     _: 1
                   }, 512),
-                  L.showUi && (h.value && h.value.timeSamples && h.value.timeSamples.length > 0 || d.value.sunsimDayOfYear && d.value.sunsimDayOfYear.length > 0) ? (c(), D("div", {
+                  L.showUi && (h.value && h.value.timeSamples && h.value.timeSamples.length > 1 || c.value.sunsimDayOfYear && c.value.sunsimDayOfYear.length > 1) ? (d(), x("div", {
                     key: 2,
                     class: ge({
                       "actions-bar top-left pa-2 d-flex": !0,
@@ -7889,12 +7888,12 @@ const Gr = ["innerHTML"], Qr = { style: { "z-index": "7" } }, Zr = {
                     C(xr, {
                       class: "pr-2",
                       "is-mobile-sized": A.value,
-                      "current-camera": d.value,
+                      "current-camera": c.value,
                       "current-day": h.value,
                       disabled: P.value,
                       onOnDayChange: oe
                     }, null, 8, ["is-mobile-sized", "current-camera", "current-day", "disabled"]),
-                    C(Tr, {
+                    C($r, {
                       "is-mobile-sized": A.value,
                       "current-day": h.value,
                       "current-time": S.value,
@@ -7902,19 +7901,19 @@ const Gr = ["innerHTML"], Qr = { style: { "z-index": "7" } }, Zr = {
                       onOnTimeChange: le
                     }, null, 8, ["is-mobile-sized", "current-day", "current-time", "disabled"])
                   ], 2)) : $("", !0),
-                  L.$slots.popup && q.value && Y.value ? (c(), V(et, {
+                  L.$slots.popup && q.value && Y.value ? (d(), V(et, {
                     key: 3,
                     "is-hoverable": M.value,
                     pos: q.value
                   }, {
                     default: _(() => [
-                      u("div", Qr, [
+                      u("div", qr, [
                         ne(L.$slots, "popup", it(rt({ hoverId: Y.value, hoverable: M.value })), void 0, !0)
                       ])
                     ]),
                     _: 3
                   }, 8, ["is-hoverable", "pos"])) : $("", !0),
-                  L.version && L.showVersion ? (c(), D("div", Zr, " version: " + Q(L.version), 1)) : $("", !0)
+                  L.version && L.showVersion ? (d(), x("div", Jr, " version: " + Q(L.version), 1)) : $("", !0)
                 ], 34)
               ]),
               _: 3
@@ -7929,26 +7928,26 @@ const Gr = ["innerHTML"], Qr = { style: { "z-index": "7" } }, Zr = {
       ], 64);
     };
   }
-}), Jr = /* @__PURE__ */ ee(qr, [["__scopeId", "data-v-b5e93f83"]]), ou = {
+}), Kr = /* @__PURE__ */ ee(Xr, [["__scopeId", "data-v-e0afd5e3"]]), su = {
   install: function(a) {
-    a.component("VApartmentChooser", yn), a.component("VBuildingChooser", Do), a.component("VVirtualTour", Zi), a.component("VManualSlideShow", pr), a.component("VStructureChooser", Jr);
+    a.component("VApartmentChooser", yn), a.component("VBuildingChooser", Do), a.component("VVirtualTour", Zi), a.component("VManualSlideShow", pr), a.component("VStructureChooser", Kr);
   }
 };
 export {
   Fe as ResourceLoader,
   yn as VApartmentChooser,
-  au as VApartmentChooserV5,
+  ou as VApartmentChooserV5,
   Do as VBuildingChooser,
-  nu as VBuildingChooserV5,
+  lu as VBuildingChooserV5,
   et as VFloatingCard,
   Ye as VHoverProbe,
   pr as VManualSlideShow,
   at as VNorthDirection,
-  Jr as VStructureChooser,
+  Kr as VStructureChooser,
   Zi as VVirtualTour,
   tt as VZoomBox,
   Wn as convertApartmentChooserDataLegacyToV5,
   Po as convertBuildingChooserDataLegacyToV5,
-  Nr as convertStructureChooserDataLegacyToV5,
-  ou as default
+  Qr as convertStructureChooserDataLegacyToV5,
+  su as default
 };