@qispace/vue3-player 0.4.38 → 0.4.39

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

@@ -1,8 +1,8 @@
-import { defineComponent as N, computed as V, resolveComponent as x, openBlock as v, createBlock as I, withCtx as c, createElementBlock as E, normalizeStyle as ce, renderSlot as J, ref as b, unref as g, watch as H, onMounted as je, onBeforeUnmount as st, createElementVNode as e, toRefs as $e, nextTick as at, inject as Ve, toDisplayString as T, createVNode as h, mergeProps as Ae, Fragment as Oe, renderList as Pe, normalizeClass as me, createTextVNode as Q, Transition as Ue, createCommentVNode as M, withDirectives as Je, vModelText as ya, createStaticVNode as aa, onBeforeUpdate as Oa, withModifiers as wa, provide as mt, vShow as ot, useModel as lt, reactive as ba, mergeModels as ka, toRaw as Ba, watchEffect as na, normalizeProps as Da, guardReactiveProps as Ra } from "vue";
+import { defineComponent as N, computed as V, resolveComponent as x, openBlock as v, createBlock as A, withCtx as c, createElementBlock as M, normalizeStyle as ve, renderSlot as J, ref as b, unref as g, watch as H, onMounted as je, onBeforeUnmount as Qe, createElementVNode as e, toRefs as $e, nextTick as nt, inject as Me, toDisplayString as T, createVNode as h, mergeProps as Ie, Fragment as Be, renderList as Ne, normalizeClass as me, createTextVNode as Q, Transition as Re, createCommentVNode as E, withDirectives as Je, vModelText as ya, createStaticVNode as aa, onBeforeUpdate as Oa, withModifiers as wa, provide as lt, vShow as st, useModel as it, reactive as ba, mergeModels as ka, toRaw as Ba, watchEffect as na, normalizeProps as Da, guardReactiveProps as Ra } from "vue";
 import Ft from "axios";
 import * as Ua from "@qispace/player-core";
 import { Vector3 as wt, Object3D as Ha, MathUtils as Pa } from "three";
-import { Main as za, DataPointLoadEventState as ja } from "@qispace/visuado-player-core";
+import { Main as ja, DataPointLoadEventState as za } from "@qispace/visuado-player-core";
 const Ya = /* @__PURE__ */ N({
   __name: "VFloatingCard",
   props: {
@@ -17,14 +17,14 @@ const Ya = /* @__PURE__ */ N({
     });
     return (i, s) => {
       const f = x("v-dialog"), w = x("v-fade-transition");
-      return v(), I(w, {
+      return v(), A(w, {
         origin: `top left ${l.pos.x} ${l.pos.y}`
       }, {
         default: c(() => [
-          l.isHoverable ? (v(), E("div", {
+          l.isHoverable ? (v(), M("div", {
             key: 0,
             class: "floating-card",
-            style: ce({
+            style: ve({
               left: `${l.pos.x}px`,
               top: `${l.pos.y}px`,
               pointerEvents: "none",
@@ -32,7 +32,7 @@ const Ya = /* @__PURE__ */ N({
             })
           }, [
             J(i.$slots, "default", { isHoverable: l.isHoverable }, void 0, !0)
-          ], 4)) : (v(), I(f, {
+          ], 4)) : (v(), A(f, {
             key: 1,
             value: !0,
             width: "auto",
@@ -59,7 +59,7 @@ const Ya = /* @__PURE__ */ N({
     const a = b(), n = V(() => window.getComputedStyle(a.value).display === "none");
     return t({
       isHoverEnabled: n
-    }), (o, i) => (v(), E("div", {
+    }), (o, i) => (v(), M("div", {
       ref_key: "hoverCheck",
       ref: a,
       class: "hover-check"
@@ -77,9 +77,9 @@ const Ya = /* @__PURE__ */ N({
     }));
     return (n, o) => {
       const i = x("v-img");
-      return v(), I(i, {
+      return v(), A(i, {
         src: g(qa),
-        style: ce(a.value)
+        style: ve(a.value)
       }, null, 8, ["src", "style"]);
     };
   }
@@ -99,7 +99,7 @@ const Ya = /* @__PURE__ */ N({
     t({
       adjustZoom: ue
     });
-    const i = b(100), s = b(0), f = b(0), w = b(!1), r = b(!1), m = b(void 0), y = b(!1), d = b(), A = V(() => `translateX(${s.value}px) translateY(${f.value}px) scale(${k.value})`), k = V(() => i.value / 100), u = V(() => n.maxScale * 100);
+    const i = b(100), s = b(0), f = b(0), w = b(!1), r = b(!1), m = b(void 0), y = b(!1), d = b(), I = V(() => `translateX(${s.value}px) translateY(${f.value}px) scale(${k.value})`), k = V(() => i.value / 100), u = V(() => n.maxScale * 100);
     H(
       [k, s, f],
       () => {
@@ -118,19 +118,19 @@ const Ya = /* @__PURE__ */ N({
       }
     ), je(() => {
       n.desktop && p(), n.mobile && _();
-    }), st(() => {
+    }), Qe(() => {
       n.desktop && L(), n.mobile && S();
     });
     function p() {
       d.value.addEventListener("wheel", Z, {
         capture: !0
-      }), d.value.addEventListener("mousedown", se, {
+      }), d.value.addEventListener("mousedown", le, {
         capture: !0
       }), d.value.addEventListener("mousemove", O, {
         capture: !0
       }), window.addEventListener("mouseup", q, {
         capture: !0
-      }), window.addEventListener("click", de, {
+      }), window.addEventListener("click", ce, {
         capture: !0
       });
     }
@@ -148,13 +148,13 @@ const Ya = /* @__PURE__ */ N({
     function L() {
       d.value.removeEventListener("wheel", Z, {
         capture: !0
-      }), d.value.removeEventListener("mousedown", se, {
+      }), d.value.removeEventListener("mousedown", le, {
         capture: !0
       }), d.value.removeEventListener("mousemove", O, {
         capture: !0
       }), window.removeEventListener("mouseup", q, {
         capture: !0
-      }), window.removeEventListener("click", de, {
+      }), window.removeEventListener("click", ce, {
         capture: !0
       });
     }
@@ -173,22 +173,22 @@ const Ya = /* @__PURE__ */ N({
       const { x: K, y: oe } = P(B);
       ue(-B.deltaY / 10, K, oe), B.preventDefault();
     }
-    function se(B) {
+    function le(B) {
       w.value = !0, y.value = !1, m.value = B;
     }
     function O(B) {
       if (w.value) {
-        const { x: K, y: oe } = P(B), { x: Y, y: ee } = P(m.value), z = {
+        const { x: K, y: oe } = P(B), { x: Y, y: ee } = P(m.value), j = {
           x: K - Y,
           y: oe - ee
         };
-        we(z.x), G(z.y), y.value = !0, m.value = B;
+        we(j.x), G(j.y), y.value = !0, m.value = B;
       }
     }
     function q(B) {
       w.value && y.value && n.consumeMouseUpWhenMoved && (B.preventDefault(), B.stopImmediatePropagation());
     }
-    function de(B) {
+    function ce(B) {
       w.value && (y.value && n.consumeMouseClickWhenMoved && (B.preventDefault(), B.stopImmediatePropagation()), w.value = !1);
     }
     function R(B) {
@@ -198,18 +198,18 @@ const Ya = /* @__PURE__ */ N({
       if (w.value) {
         const { x: K, y: oe } = P(B.touches[0]), { x: Y, y: ee } = P(
           m.value.touches[0]
-        ), z = {
+        ), j = {
           x: K - Y,
           y: oe - ee
         };
-        we(z.x), G(z.y);
+        we(j.x), G(j.y);
       } else if (r.value && B.touches.length === 2) {
         const { x: K, y: oe } = P(B.touches[0]), { x: Y, y: ee } = P(
           m.value.touches[0]
-        ), { x: z, y: ie } = P(B.touches[1]), { x: te, y: _e } = P(
+        ), { x: j, y: ie } = P(B.touches[1]), { x: te, y: _e } = P(
           m.value.touches[1]
-        ), re = Math.hypot(Y - te, ee - _e), he = Math.hypot(K - z, oe - ie), xe = (z + K) / 2, Le = (ie + oe) / 2;
-        ue(he - re, xe, Le);
+        ), se = Math.hypot(Y - te, ee - _e), he = Math.hypot(K - j, oe - ie), xe = (j + K) / 2, Le = (ie + oe) / 2;
+        ue(he - se, xe, Le);
       }
       m.value = B;
     }
@@ -238,10 +238,10 @@ const Ya = /* @__PURE__ */ N({
       );
     }
     function ue(B, K, oe) {
-      const Y = K !== void 0 ? K : d.value.clientWidth / 2, ee = oe !== void 0 ? oe : d.value.clientHeight / 2, z = d.value.clientWidth, ie = d.value.clientHeight, te = z * k.value, _e = ie * k.value;
+      const Y = K !== void 0 ? K : d.value.clientWidth / 2, ee = oe !== void 0 ? oe : d.value.clientHeight / 2, j = d.value.clientWidth, ie = d.value.clientHeight, te = j * k.value, _e = ie * k.value;
       i.value = Math.min(Math.max(100, i.value + B), u.value);
-      const re = z * k.value, he = ie * k.value, xe = re - te, Le = he - _e;
-      s.value -= Y / z * xe, f.value -= ee / ie * Le, we(0), G(0);
+      const se = j * k.value, he = ie * k.value, xe = se - te, Le = he - _e;
+      s.value -= Y / j * xe, f.value -= ee / ie * Le, we(0), G(0);
     }
     function ne() {
       o("update", {
@@ -252,19 +252,19 @@ const Ya = /* @__PURE__ */ N({
         min: 100,
         max: u.value,
         resolve: (B, K) => {
-          const oe = d.value.clientWidth, Y = d.value.clientHeight, ee = s.value / -k.value, z = f.value / -k.value, ie = ee + oe / k.value, te = z + Y / k.value, _e = B / oe * (ie - ee) + ee, re = K / Y * (te - z) + z;
-          return { x: _e, y: re };
+          const oe = d.value.clientWidth, Y = d.value.clientHeight, ee = s.value / -k.value, j = f.value / -k.value, ie = ee + oe / k.value, te = j + Y / k.value, _e = B / oe * (ie - ee) + ee, se = K / Y * (te - j) + j;
+          return { x: _e, y: se };
         }
       });
     }
-    return (B, K) => (v(), E("div", {
+    return (B, K) => (v(), M("div", {
       ref_key: "box",
       ref: d,
       class: "zoom-box-container",
-      style: ce({ position: n.position })
+      style: ve({ position: n.position })
     }, [
       e("div", {
-        style: ce({ "transform-origin": "top left", transform: A.value }),
+        style: ve({ "transform-origin": "top left", transform: I.value }),
         class: "zoom-box"
       }, [
         J(B.$slots, "default", {}, void 0, !0)
@@ -272,10 +272,10 @@ const Ya = /* @__PURE__ */ N({
     ], 4));
   }
 }), Qa = /* @__PURE__ */ X(Ja, [["__scopeId", "data-v-3e334a46"]]);
-var tt = {}, oa;
+var at = {}, oa;
 function Ga() {
-  if (oa) return tt;
-  oa = 1, Object.defineProperty(tt, "__esModule", {
+  if (oa) return at;
+  oa = 1, Object.defineProperty(at, "__esModule", {
     value: !0
   });
   var l = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(s) {
@@ -283,7 +283,7 @@ function Ga() {
   } : function(s) {
     return s && typeof Symbol == "function" && s.constructor === Symbol && s !== Symbol.prototype ? "symbol" : typeof s;
   }, t = typeof window < "u" && typeof window.document < "u", a = typeof process < "u" && process.versions != null && process.versions.node != null, n = (typeof self > "u" ? "undefined" : l(self)) === "object" && self.constructor && self.constructor.name === "DedicatedWorkerGlobalScope", o = typeof window < "u" && window.name === "nodejs" || typeof navigator < "u" && (navigator.userAgent.includes("Node.js") || navigator.userAgent.includes("jsdom")), i = typeof Deno < "u" && typeof Deno.version < "u" && typeof Deno.version.deno < "u";
-  return tt.isBrowser = t, tt.isWebWorker = n, tt.isNode = a, tt.isJsDom = o, tt.isDeno = i, tt;
+  return at.isBrowser = t, at.isWebWorker = n, at.isNode = a, at.isJsDom = o, at.isDeno = i, at;
 }
 var Ca = Ga();
 function fe(l, t) {
@@ -343,28 +343,28 @@ const Xa = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, en = {
       currentCameraId: w,
       showStaticImage: r,
       mouseSensitivity: m
-    } = $e(o), y = a, d = b(), A = b(w.value), k = b(0), u = b(0), p = b(!1);
+    } = $e(o), y = a, d = b(), I = b(w.value), k = b(0), u = b(0), p = b(!1);
     H(w, () => {
-      A.value = w.value;
+      I.value = w.value;
     }), H([s, f], async () => {
       d.value && await d.value.loadInterior(
         (S) => fe(
           i.value,
           `/${s.value}/${f.value}${S}`
         ),
-        A.value,
+        I.value,
         !1
       );
     }), H(
-      A,
+      I,
       () => {
-        d.value && d.value.goToCamera(A.value, !0), y("newCameraCallback", A.value);
+        d.value && d.value.goToCamera(I.value, !0), y("newCameraCallback", I.value);
       },
       { immediate: !0 }
     ), H(
       [i],
       async () => {
-        await L(), at(async () => {
+        await L(), nt(async () => {
           await _();
         });
       },
@@ -373,7 +373,7 @@ const Xa = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, en = {
       if (d.value) {
         y("playerApiCallback", d.value);
         const S = d.value.getCurrentCamera();
-        S && (A.value = S.id, y("sunsimCallback", S.sunsimDayOfYear));
+        S && (I.value = S.id, y("sunsimCallback", S.sunsimDayOfYear));
       }
     });
     async function _() {
@@ -382,10 +382,10 @@ const Xa = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, en = {
         initialized: () => {
           d.value = n.Main.getPlayerAPI();
           const R = d.value.getCurrentCamera();
-          d.value.updateSettings({ ACTIVE_TONEMAPPER: "AgXTonemap" }), R && (A.value = R.id), p.value = !0;
+          d.value.updateSettings({ ACTIVE_TONEMAPPER: "AgXTonemap" }), R && (I.value = R.id), p.value = !0;
         },
         newCamera: (R) => {
-          y("newFloorCallback", R.floorLevel), y("sunsimCallback", R.sunsimDayOfYear), d.value && d.value.resetMarkerBehaviour(0), A.value = R.id;
+          y("newFloorCallback", R.floorLevel), y("sunsimCallback", R.sunsimDayOfYear), d.value && d.value.resetMarkerBehaviour(0), I.value = R.id;
         },
         newFOV: (R) => {
           y("newFovCallback", R), u.value = R;
@@ -400,7 +400,7 @@ const Xa = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, en = {
       };
       if (!Ca.isBrowser)
         return;
-      const de = await new n.Main(
+      const ce = await new n.Main(
         (R) => fe(
           i.value,
           `/${s.value}/${f.value}${R}`
@@ -408,19 +408,19 @@ const Xa = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, en = {
         "qpc",
         q,
         void 0,
-        A.value
+        I.value
       );
-      de && (de.handleWindowResize(), window.addEventListener(
+      ce && (ce.handleWindowResize(), window.addEventListener(
         "resize",
-        de.handleWindowResize.bind(de)
-      ), de.animate(), d.value = n.Main.getPlayerAPI(), d.value && d.value.setLookSensitivity(m.value));
+        ce.handleWindowResize.bind(ce)
+      ), ce.animate(), d.value = n.Main.getPlayerAPI(), d.value && d.value.setLookSensitivity(m.value));
     }
     async function L() {
       d.value && (await d.value.destroy(), d.value = void 0);
     }
-    return st(() => {
+    return Qe(() => {
       L();
-    }), (S, Z) => (v(), E("div", Xa, [
+    }), (S, Z) => (v(), M("div", Xa, [
       e("div", Ka, [
         J(S.$slots, "slideshow-image", {}, void 0, !0),
         e("div", en, [
@@ -453,13 +453,13 @@ const Xa = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, en = {
         e("div", cn, [
           e("canvas", {
             id: "qpc",
-            style: ce(g(r) ? "visibility:hidden" : "visibility:visible")
+            style: ve(g(r) ? "visibility:hidden" : "visibility:visible")
           }, null, 4)
         ])
       ])
     ]));
   }
-}), vn = /* @__PURE__ */ X(dn, [["__scopeId", "data-v-59081d9a"]]), Be = /* @__PURE__ */ Symbol(), mn = {
+}), vn = /* @__PURE__ */ X(dn, [["__scopeId", "data-v-59081d9a"]]), Oe = /* @__PURE__ */ Symbol(), mn = {
   style: { width: "24px", height: "24px" },
   viewBox: "0 0 18 16",
   xmlns: "http://www.w3.org/2000/svg"
@@ -471,7 +471,7 @@ const Xa = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, en = {
   },
   emits: ["level"],
   setup(l, { emit: t }) {
-    const a = l, n = t, o = Ve(Be), i = V(() => {
+    const a = l, n = t, o = Me(Oe), i = V(() => {
       const m = a.floorLevels;
       return m.sort(), m;
     }), s = V(() => i.value.indexOf(a.level) + 1 <= i.value.length / 2 ? "lower" : "upper"), f = V(() => s.value === "lower"), w = V(() => s.value === "upper");
@@ -480,20 +480,20 @@ const Xa = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, en = {
       m >= i.value.length ? n("level", i.value[0]) : n("level", i.value[m]);
     }
     return (m, y) => {
-      const d = x("v-btn"), A = x("v-tooltip");
-      return v(), I(A, {
+      const d = x("v-btn"), I = x("v-tooltip");
+      return v(), A(I, {
         right: "",
         attach: ""
       }, {
         activator: c(({ props: k }) => [
-          h(d, Ae({
+          h(d, Ie({
             style: { cursor: "pointer" },
             density: "comfortable",
             elevation: "1",
             icon: ""
           }, k, { onClick: r }), {
             default: c(() => [
-              (v(), E("svg", mn, [
+              (v(), M("svg", mn, [
                 e("path", {
                   d: "M8.98034 10.3472L1.54055 5.8855L8.98034 1.42384L16.4201 5.8855L8.98034 10.3472Z",
                   fill: "white",
@@ -529,10 +529,10 @@ const Xa = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, en = {
   },
   emits: ["selectInterior"],
   setup(l, { emit: t }) {
-    const a = l, n = t, o = Ve(Be);
+    const a = l, n = t, o = Me(Oe);
     return (i, s) => {
       const f = x("v-icon"), w = x("v-btn"), r = x("v-img"), m = x("v-menu");
-      return v(), E("div", null, [
+      return v(), M("div", null, [
         h(m, {
           transition: "slide-x-reverse-transition",
           location: "top end",
@@ -541,7 +541,7 @@ const Xa = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, en = {
           attach: ""
         }, {
           activator: c(({ props: y }) => [
-            h(w, Ae({ rounded: "" }, y, { class: "text-capitalize" }), {
+            h(w, Ie({ rounded: "" }, y, { class: "text-capitalize" }), {
               default: c(() => [
                 h(f, null, {
                   default: c(() => [...s[0] || (s[0] = [
@@ -556,9 +556,9 @@ const Xa = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, en = {
           ]),
           default: c(() => [
             e("div", bn, [
-              (v(!0), E(Oe, null, Pe(a.availableArchetypes, (y, d) => (v(), E("div", {
+              (v(!0), M(Be, null, Ne(a.availableArchetypes, (y, d) => (v(), M("div", {
                 key: `at-menuitem-${d}`,
-                onClick: (A) => n("selectInterior", y.archetypeID),
+                onClick: (I) => n("selectInterior", y.archetypeID),
                 class: me(["interior-selector-list-item", {
                   active: d === l.selectedIndex
                 }])
@@ -597,14 +597,14 @@ const Xa = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, en = {
     }));
     return (i, s) => {
       const f = x("v-img");
-      return v(), E("div", {
-        style: ce(n.value),
+      return v(), M("div", {
+        style: ve(n.value),
         class: "compass-wrapper"
       }, [
         h(f, {
           class: "compass-needle",
           src: a.value,
-          style: ce(o.value)
+          style: ve(o.value)
         }, null, 8, ["src", "style"])
       ], 4);
     };
@@ -622,7 +622,7 @@ const Xa = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, en = {
     }
     return (o, i) => {
       const s = x("v-img");
-      return v(), E("div", Mn, [
+      return v(), M("div", Mn, [
         e("div", An, [
           h(s, {
             src: g(Sa),
@@ -646,29 +646,29 @@ const Xa = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, en = {
   },
   emits: ["toggle"],
   setup(l, { emit: t }) {
-    const a = l, n = t, o = Ve(Be), i = V(() => {
+    const a = l, n = t, o = Me(Oe), i = V(() => {
       let s = "virtualTour";
       return a.showStaticImage || (s = "slideShow"), s;
     });
     return (s, f) => {
       const w = x("v-icon"), r = x("v-btn"), m = x("v-tooltip");
-      return v(), I(m, { location: "top" }, {
+      return v(), A(m, { location: "top" }, {
         activator: c(({ props: y }) => [
-          h(r, Ae({
+          h(r, Ie({
             density: "comfortable",
             elevation: "1",
             icon: "",
             onClick: f[0] || (f[0] = (d) => n("toggle"))
           }, y), {
             default: c(() => [
-              i.value === "virtualTour" ? (v(), E("svg", $n, [...f[1] || (f[1] = [
+              i.value === "virtualTour" ? (v(), M("svg", $n, [...f[1] || (f[1] = [
                 e("path", {
                   d: "M5.38544 13C3.30939 13.9424 2 15.3211 2 16.8571C2 19.6975 6.47715 22 12 22C17.5228 22 22 19.6975 22 16.8571C22 15.3211 20.6906 13.9424 18.6146 13",
                   class: "fill-grey"
                 }, null, -1),
                 e("path", { d: "M8 9C8 7.89543 8.89543 7 10 7H14C15.1046 7 16 7.89543 16 9V12.875C16 13.4273 15.5523 13.875 15 13.875H14V17C14 17.5523 13.5523 18 13 18H11C10.4477 18 10 17.5523 10 17V13.875H9C8.44772 13.875 8 13.4273 8 12.875V9Z" }, null, -1),
                 e("path", { d: "M15 4C15 5.65685 13.6569 7 12 7C10.3431 7 9 5.65685 9 4C9 2.34315 10.3431 1 12 1C13.6569 1 15 2.34315 15 4Z" }, null, -1)
-              ])])) : (v(), I(w, { key: 1 }, {
+              ])])) : (v(), A(w, { key: 1 }, {
                 default: c(() => [...f[2] || (f[2] = [
                   Q("mdi-image-multiple", -1)
                 ])]),
@@ -688,14 +688,14 @@ const Xa = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, en = {
 }), On = /* @__PURE__ */ X(Tn, [["__scopeId", "data-v-86d91cc1"]]), Bn = {
   key: 0,
   class: "desktop-content"
-}, Dn = { class: "d-flex align-center justify-center" }, Rn = { class: "box col d-flex flex-column align-bottom justify-center" }, Un = { class: "text-div text-center text mt-2" }, Hn = { class: "box col d-flex flex-column align-bottom justify-center" }, Pn = { class: "text-div text-center text mt-2" }, zn = { class: "box col d-flex flex-column align-bottom justify-center" }, jn = { class: "text-div text-center text mt-2" }, Yn = { class: "box col d-flex flex-column align-bottom justify-center" }, Nn = { class: "text-div text-center text mt-2" }, Wn = {
+}, Dn = { class: "d-flex align-center justify-center" }, Rn = { class: "box col d-flex flex-column align-bottom justify-center" }, Un = { class: "text-div text-center text mt-2" }, Hn = { class: "box col d-flex flex-column align-bottom justify-center" }, Pn = { class: "text-div text-center text mt-2" }, jn = { class: "box col d-flex flex-column align-bottom justify-center" }, zn = { class: "text-div text-center text mt-2" }, Yn = { class: "box col d-flex flex-column align-bottom justify-center" }, Nn = { class: "text-div text-center text mt-2" }, Wn = {
   key: 1,
   class: "d-flex tablet-mobile-content"
 }, Zn = { class: "box col my-1" }, qn = { class: "text text-col text-center" }, Jn = { class: "box col my-1" }, Qn = { class: "text text-col text-center" }, Gn = { class: "box col my-1" }, Xn = { class: "text text-col text-center" }, Kn = { class: "text-h6 text-capitalize" }, eo = { class: "mt-2" }, to = { class: "d-flex justify-center align-center checkbox-container" }, ao = { class: "text-caption" }, no = /* @__PURE__ */ N({
   __name: "VTutorial",
   emits: ["closeTutorial"],
   setup(l, { emit: t }) {
-    const a = t, n = Ve(Be), o = b(!1), i = b(!1), s = V(() => [
+    const a = t, n = Me(Oe), o = b(!1), i = b(!1), s = V(() => [
       /Android/i,
       /webOS/i,
       /iPhone/i,
@@ -708,8 +708,8 @@ const Xa = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, en = {
       a("closeTutorial", o.value);
     }
     return (w, r) => {
-      const m = x("v-icon"), y = x("v-card-title"), d = x("v-btn"), A = x("v-divider"), k = x("v-card-text"), u = x("v-card-actions"), p = x("v-card"), _ = x("v-expand-transition"), L = x("v-checkbox");
-      return v(), I(Ue, { name: "fade-transition" }, {
+      const m = x("v-icon"), y = x("v-card-title"), d = x("v-btn"), I = x("v-divider"), k = x("v-card-text"), u = x("v-card-actions"), p = x("v-card"), _ = x("v-expand-transition"), L = x("v-checkbox");
+      return v(), A(Re, { name: "fade-transition" }, {
         default: c(() => [
           h(p, {
             class: "mx-auto",
@@ -748,8 +748,8 @@ const Xa = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, en = {
                     ]),
                     _: 1
                   }),
-                  h(A, { class: "my-3" }),
-                  s.value ? M("", !0) : (v(), E("div", Bn, [
+                  h(I, { class: "my-3" }),
+                  s.value ? E("", !0) : (v(), M("div", Bn, [
                     e("div", Dn, [
                       e("div", Rn, [
                         r[6] || (r[6] = e("div", { class: "tutorial-icon justify-center" }, [
@@ -936,7 +936,7 @@ const Xa = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, en = {
                         ], -1)),
                         e("div", Pn, T(g(n).getLabel("clickOnTheCirclesToMoveAround")), 1)
                       ]),
-                      e("div", zn, [
+                      e("div", jn, [
                         r[8] || (r[8] = e("div", { class: "tutorial-icon justify-center" }, [
                           e("svg", {
                             width: "50",
@@ -1009,7 +1009,7 @@ const Xa = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, en = {
                             })
                           ])
                         ], -1)),
-                        e("div", jn, T(g(n).getLabel("useTheMouseWheelToZoom")), 1)
+                        e("div", zn, T(g(n).getLabel("useTheMouseWheelToZoom")), 1)
                       ]),
                       e("div", Yn, [
                         r[9] || (r[9] = e("div", { class: "tutorial-icon justify-center" }, [
@@ -1085,7 +1085,7 @@ const Xa = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, en = {
                       ])
                     ])
                   ])),
-                  s.value ? (v(), E("div", Wn, [
+                  s.value ? (v(), M("div", Wn, [
                     e("div", Zn, [
                       r[10] || (r[10] = e("div", { class: "tutorial-icon justify-center" }, [
                         e("svg", {
@@ -1300,14 +1300,14 @@ const Xa = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, en = {
                       ], -1)),
                       e("div", Xn, T(g(n).getLabel("useTwoFingersToZoom")), 1)
                     ])
-                  ])) : M("", !0),
-                  h(A, { class: "my-1" })
+                  ])) : E("", !0),
+                  h(I, { class: "my-1" })
                 ]),
                 _: 1
               }),
               h(_, null, {
                 default: c(() => [
-                  i.value ? (v(), I(p, {
+                  i.value ? (v(), A(p, {
                     key: 0,
                     class: "position-absolute w-100 bg-white",
                     height: "100%",
@@ -1353,7 +1353,7 @@ const Xa = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, en = {
                       })
                     ]),
                     _: 1
-                  })) : M("", !0)
+                  })) : E("", !0)
                 ]),
                 _: 1
               }),
@@ -1411,7 +1411,7 @@ const Xa = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, en = {
   emits: ["updateSettings", "saveSettings"],
   setup(l, { emit: t }) {
     const a = l, n = t, o = b(
-      A(a.initialSettings)
+      I(a.initialSettings)
     );
     H(
       o,
@@ -1441,7 +1441,7 @@ const Xa = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, en = {
       n("saveSettings", i.value);
     }
     function r() {
-      o.value = A(), n("updateSettings", i.value);
+      o.value = I(), n("updateSettings", i.value);
     }
     function m(k) {
       const u = parseInt(k.substr(1, 2), 16) / 255, p = parseInt(k.substr(3, 2), 16) / 255, _ = parseInt(k.substr(5, 2), 16) / 255;
@@ -1454,7 +1454,7 @@ const Xa = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, en = {
     function d([k, u, p]) {
       return "#" + y(parseInt((k * 255).toString())) + y(parseInt((u * 255).toString())) + y(parseInt((p * 255).toString()));
     }
-    function A(k = {}) {
+    function I(k = {}) {
       const u = [
         "Cool 5",
         "Cool 10",
@@ -1551,15 +1551,15 @@ const Xa = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, en = {
       };
     }
     return (k, u) => {
-      const p = x("v-text-field"), _ = x("v-slider"), L = x("v-checkbox"), S = x("v-btn"), Z = x("v-select"), se = x("v-icon");
-      return v(), E("div", lo, [
+      const p = x("v-text-field"), _ = x("v-slider"), L = x("v-checkbox"), S = x("v-btn"), Z = x("v-select"), le = x("v-icon");
+      return v(), M("div", lo, [
         e("form", so, [
           e("div", io, [
-            (v(!0), E(Oe, null, Pe(o.value, (O, q, de) => (v(), E("div", {
-              key: de,
+            (v(!0), M(Be, null, Ne(o.value, (O, q, ce) => (v(), M("div", {
+              key: ce,
               "d-block": ""
             }, [
-              O.type === "slider" ? (v(), I(_, {
+              O.type === "slider" ? (v(), A(_, {
                 key: 0,
                 modelValue: o.value[q].value,
                 "onUpdate:modelValue": (R) => o.value[q].value = R,
@@ -1589,8 +1589,8 @@ const Xa = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, en = {
                   ])
                 ]),
                 _: 2
-              }, 1032, ["modelValue", "onUpdate:modelValue", "max", "min", "step"])) : M("", !0),
-              O.type === "boolean" ? (v(), I(L, {
+              }, 1032, ["modelValue", "onUpdate:modelValue", "max", "min", "step"])) : E("", !0),
+              O.type === "boolean" ? (v(), A(L, {
                 key: 1,
                 modelValue: o.value[q].value,
                 "onUpdate:modelValue": (R) => o.value[q].value = R,
@@ -1603,8 +1603,8 @@ const Xa = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, en = {
                   e("div", null, T(O.value), 1)
                 ]),
                 _: 2
-              }, 1032, ["modelValue", "onUpdate:modelValue"])) : M("", !0),
-              O.type === "color" ? (v(), E("div", {
+              }, 1032, ["modelValue", "onUpdate:modelValue"])) : E("", !0),
+              O.type === "color" ? (v(), M("div", {
                 key: 2,
                 class: "d-flex",
                 max: O.max,
@@ -1634,8 +1634,8 @@ const Xa = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, en = {
                     onChange: s
                   }, null, 8, ["modelValue", "onUpdate:modelValue"])
                 ])
-              ], 8, co)) : M("", !0),
-              O.type === "lut" ? (v(), E("div", fo, [
+              ], 8, co)) : E("", !0),
+              O.type === "lut" ? (v(), M("div", fo, [
                 e("div", ho, [
                   e("div", go, T(O.label), 1),
                   e("div", null, [
@@ -1682,7 +1682,7 @@ const Xa = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, en = {
                     ])
                   ])
                 ])
-              ])) : M("", !0)
+              ])) : E("", !0)
             ]))), 128))
           ]),
           e("div", bo, [
@@ -1700,7 +1700,7 @@ const Xa = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, en = {
             }, {
               default: c(() => [
                 u[7] || (u[7] = Q(" Download Json ", -1)),
-                h(se, { color: "black darken-1" }, {
+                h(le, { color: "black darken-1" }, {
                   default: c(() => [...u[6] || (u[6] = [
                     Q("mdi-download", -1)
                   ])]),
@@ -1715,7 +1715,7 @@ const Xa = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, en = {
             }, {
               default: c(() => [
                 u[9] || (u[9] = Q(" Save Settings ", -1)),
-                h(se, { color: "black darken-1" }, {
+                h(le, { color: "black darken-1" }, {
                   default: c(() => [...u[8] || (u[8] = [
                     Q("mdi-save", -1)
                   ])]),
@@ -1760,18 +1760,18 @@ const Xa = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, en = {
       function d(u) {
         u = u || window.event, u.preventDefault();
         let p = u;
-        u.type === "touchstart" && (p = u.touches[0]), m = p.clientX, y = p.clientY, document.addEventListener("mouseup", k, { passive: !1 }), document.addEventListener("touchend", k, { passive: !1 }), document.addEventListener("mousemove", A, { passive: !1 }), document.addEventListener("touchmove", A, { passive: !1 });
+        u.type === "touchstart" && (p = u.touches[0]), m = p.clientX, y = p.clientY, document.addEventListener("mouseup", k, { passive: !1 }), document.addEventListener("touchend", k, { passive: !1 }), document.addEventListener("mousemove", I, { passive: !1 }), document.addEventListener("touchmove", I, { passive: !1 });
       }
-      function A(u) {
+      function I(u) {
         u = u || window.event, u.preventDefault();
         let p = u;
         u.type === "touchmove" && (p = u.touches[0]), w = m - p.clientX, r = y - p.clientY, m = p.clientX, y = p.clientY, s.style.top = s.offsetTop - r + "px", s.style.left = s.offsetLeft - w + "px";
       }
       function k() {
-        document.removeEventListener("mouseup", k, !1), document.removeEventListener("mousemove", A, !1), document.removeEventListener("touchend", k, !1), document.removeEventListener("touchmove", A, !1);
+        document.removeEventListener("mouseup", k, !1), document.removeEventListener("mousemove", I, !1), document.removeEventListener("touchend", k, !1), document.removeEventListener("touchmove", I, !1);
       }
     };
-    return (s, f) => (v(), E("div", {
+    return (s, f) => (v(), M("div", {
       id: "moveableDiv",
       class: me([l.size, "sizer rounded"])
     }, [
@@ -1802,7 +1802,7 @@ const Xa = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, en = {
     rotation: {}
   },
   setup(l) {
-    return (t, a) => (v(), E("svg", Io, [
+    return (t, a) => (v(), M("svg", Io, [
       a[1] || (a[1] = aa('<defs><radialGradient id="Gradient" cx="0" cy="0" r="0.9" fx="0" fy="0"><stop offset="0%" class="stop1"></stop><stop offset="60%" class="stop2"></stop><stop offset="90%" class="stop3"></stop></radialGradient><linearGradient id="LineGradient" gradientTransform="rotate(90)"><stop offset="0%" class="stop1"></stop><stop offset="75%" class="stop2"></stop><stop offset="100%" class="stop3"></stop></linearGradient></defs>', 1)),
       e("g", {
         "transform-origin": "20 20",
@@ -1827,10 +1827,10 @@ const Xa = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, en = {
   },
   emits: ["goToCamera"],
   setup(l, { emit: t }) {
-    const a = l, n = t, o = b(512), i = b(384), s = b(512), f = b(384), w = b(new wt()), r = b(new Ha()), m = b({}), y = b(1), d = b(), A = o.value / o.value, k = V(() => {
+    const a = l, n = t, o = b(512), i = b(384), s = b(512), f = b(384), w = b(new wt()), r = b(new Ha()), m = b({}), y = b(1), d = b(), I = o.value / o.value, k = V(() => {
       const G = a.containerWidth / a.containerHeight;
       let ue;
-      return G > A ? ue = a.containerHeight / i.value : ue = a.containerWidth / o.value, ue;
+      return G > I ? ue = a.containerHeight / i.value : ue = a.containerWidth / o.value, ue;
     }), u = V(() => a.allCameras), p = V(() => a.allCameras.find((G) => G.id === a.currentCamera)), _ = V(() => a.rotation), L = V(() => new wt(
       a.storey.position.x,
       a.storey.position.y,
@@ -1845,25 +1845,25 @@ const Xa = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, en = {
         ...G,
         ...Se(w.value, ne)
       };
-    })), se = V(() => ({
+    })), le = V(() => ({
       backgroundImage: `url(${a.backgroundImage})`,
       backgroundSize: "contain"
     })), O = V(() => ({
       transform: `scale(${a.fit ? 1 : k.value * 0.75}) rotate(${a.transformAngle}deg)`
     }));
     je(() => {
-      ke(), de(), P();
+      ke(), ce(), P();
       const G = document.getElementById("moveableDiv");
       G && (d.value = new ResizeObserver(P).observe(G));
     }), Oa(() => {
-      ke(), de();
-    }), st(() => {
+      ke(), ce();
+    }), Qe(() => {
       d.value && d.value.unobserve(document.getElementById("moveableDiv"));
     });
     function q(G) {
       return Pa.degToRad(G);
     }
-    function de() {
+    function ce() {
       r.value.rotation.x = 180, r.value.rotation.y = a.storey.rotation.y * -1, m.value = {
         transform: `rotateZ(${r.value.rotation.y}deg) rotateX(${r.value.rotation.x}deg)`
       };
@@ -1899,63 +1899,63 @@ const Xa = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, en = {
     function we(G) {
       const ne = G.currentTarget.getBoundingClientRect(), B = G.clientX - ne.left, K = G.clientY - ne.top, oe = document.querySelectorAll(".single-camera-marker");
       let Y = null, ee = 1 / 0;
-      if (oe.forEach((z) => {
-        const ie = z, te = ie.getBoundingClientRect(), _e = te.left + te.width / 2 - ne.left, re = te.top + te.height / 2 - ne.top, he = Math.sqrt(
-          (B - _e) ** 2 + (K - re) ** 2
+      if (oe.forEach((j) => {
+        const ie = j, te = ie.getBoundingClientRect(), _e = te.left + te.width / 2 - ne.left, se = te.top + te.height / 2 - ne.top, he = Math.sqrt(
+          (B - _e) ** 2 + (K - se) ** 2
         );
         he < ee && (ee = he, Y = ie);
       }), Y) {
-        const z = Y.getBoundingClientRect(), ie = z.left + z.width / 2, te = z.top + z.height / 2;
-        for (let re = 0; re < 3; re++) {
+        const j = Y.getBoundingClientRect(), ie = j.left + j.width / 2, te = j.top + j.height / 2;
+        for (let se = 0; se < 3; se++) {
           const he = document.createElement("div");
-          he.className = "ripple-effect", he.style.position = "fixed", he.style.left = `${ie}px`, he.style.top = `${te}px`, he.style.pointerEvents = "none", he.style.animationDelay = `${re * 0.5}s`, document.body.appendChild(he), setTimeout(() => {
+          he.className = "ripple-effect", he.style.position = "fixed", he.style.left = `${ie}px`, he.style.top = `${te}px`, he.style.pointerEvents = "none", he.style.animationDelay = `${se * 0.5}s`, document.body.appendChild(he), setTimeout(() => {
             he.remove();
-          }, 500 + re * 500);
+          }, 500 + se * 500);
         }
         const _e = Y.id.split("single-camera-marker-")[1];
         _e && n("goToCamera", _e);
       }
     }
-    return (G, ue) => (v(), E("div", $o, [
+    return (G, ue) => (v(), M("div", $o, [
       e("div", To, [
         e("div", {
           class: "web-minimap",
-          style: ce(O.value),
+          style: ve(O.value),
           onClick: we
         }, [
           e("div", {
             class: "minimap-background-image",
-            style: ce(se.value)
+            style: ve(le.value)
           }, null, 4),
           e("div", {
             class: "center-pivot",
-            style: ce(m.value)
+            style: ve(m.value)
           }, [
-            (v(!0), E(Oe, null, Pe(Z.value, (ne) => (v(), E("div", {
+            (v(!0), M(Be, null, Ne(Z.value, (ne) => (v(), M("div", {
               key: ne.id
             }, [
-              p.value.floorLevel === ne.floorLevel ? (v(), E("div", {
+              p.value.floorLevel === ne.floorLevel ? (v(), M("div", {
                 key: 0,
                 class: "single-camera-marker",
                 id: `single-camera-marker-${ne.id}`,
-                style: ce(R(ne))
-              }, null, 12, Oo)) : M("", !0),
+                style: ve(R(ne))
+              }, null, 12, Oo)) : E("", !0),
               J(G.$slots, "default", {
                 id: ne.id,
                 camera: ne,
                 active: p.value.id === ne.id,
-                style: ce({
+                style: ve({
                   ...R(ne),
                   position: "absolute",
                   zIndex: "3"
                 })
               }, () => [
-                p.value.id === ne.id && a.rotation !== null ? (v(), I(Vo, {
+                p.value.id === ne.id && a.rotation !== null ? (v(), A(Vo, {
                   key: 0,
                   class: "rotation-marker-component-base rotation-marker-component",
                   rotation: _.value,
-                  style: ce({ ...R(ne) })
-                }, null, 8, ["rotation", "style"])) : M("", !0)
+                  style: ve({ ...R(ne) })
+                }, null, 8, ["rotation", "style"])) : E("", !0)
               ], !0)
             ]))), 128))
           ], 4)
@@ -1972,9 +1972,9 @@ const Xa = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, en = {
   },
   setup(l) {
     const t = l, a = V(() => t.rotation + t.transformAngle - 90);
-    return (n, o) => (v(), E("div", {
+    return (n, o) => (v(), M("div", {
       class: "minimap-compass elevation-5",
-      style: ce({ scale: l.scale })
+      style: ve({ scale: l.scale })
     }, [
       h(_a, {
         class: "north-indicator",
@@ -1982,10 +1982,10 @@ const Xa = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, en = {
       }, null, 8, ["longitude"])
     ], 4));
   }
-}), Qt = /* @__PURE__ */ X(Do, [["__scopeId", "data-v-d047dca8"]]), Ro = { class: "ss-wrapper" }, Uo = { class: "slider" }, Ho = { class: "minimap-sun-slider" }, Po = { class: "d-flex flex-column align-center justify-center" }, zo = {
+}), Qt = /* @__PURE__ */ X(Do, [["__scopeId", "data-v-d047dca8"]]), Ro = { class: "ss-wrapper" }, Uo = { class: "slider" }, Ho = { class: "minimap-sun-slider" }, Po = { class: "d-flex flex-column align-center justify-center" }, jo = {
   key: 0,
   class: "time-label"
-}, jo = /* @__PURE__ */ N({
+}, zo = /* @__PURE__ */ N({
   __name: "VSunSimulationSlider",
   props: {
     cdnFileResolver: { type: [String, Function] },
@@ -2006,7 +2006,7 @@ const Xa = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, en = {
       f.value = await k(
         r.value.sunsimFiles[o.value]
       ), n("setBackgroundImage", f.value), s.value = !1;
-      const _ = await A(a.minimapJson.storeys);
+      const _ = await I(a.minimapJson.storeys);
       w.value = _, i.value = !1, n("setBackgroundImage", d(a.level, o.value));
     }), H(o, () => {
       const _ = d(a.level, o.value);
@@ -2021,15 +2021,15 @@ const Xa = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, en = {
     function d(_, L) {
       return w.value.get(`sunsim${_}_${L}`) ? w.value.get(`sunsim${_}_${L}`) : "";
     }
-    async function A(_) {
+    async function I(_) {
       let L = /* @__PURE__ */ new Map();
       for (let S = 0; S < _.length; S++) {
         const Z = _[S].sunsimFiles;
-        for (let se = 0; se < Z.length; se++) {
-          const O = Z[se];
+        for (let le = 0; le < Z.length; le++) {
+          const O = Z[le];
           try {
-            const q = O, de = O.split("."), R = await k(q);
-            L.set(de[0], R);
+            const q = O, ce = O.split("."), R = await k(q);
+            L.set(ce[0], R);
           } catch {
             continue;
           }
@@ -2053,24 +2053,24 @@ const Xa = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, en = {
       return new Promise((L, S) => {
         const Z = new FileReader();
         Z.onload = () => {
-          const se = Z.result.split(",")[1];
-          L(se);
+          const le = Z.result.split(",")[1];
+          L(le);
         }, Z.onerror = S, Z.readAsDataURL(_);
       });
     }
     return (_, L) => {
-      const S = x("v-progress-linear"), Z = x("v-icon"), se = x("v-slider");
-      return v(), E("div", Ro, [
+      const S = x("v-progress-linear"), Z = x("v-icon"), le = x("v-slider");
+      return v(), M("div", Ro, [
         e("div", Uo, [
           e("div", Ho, [
-            i.value ? (v(), I(S, {
+            i.value ? (v(), A(S, {
               key: 0,
               indeterminate: "",
               rounded: "",
               height: "6",
               color: "grey lighten-1",
               class: "mr-2"
-            })) : (v(), I(se, {
+            })) : (v(), A(le, {
               key: 1,
               modelValue: o.value,
               "onUpdate:modelValue": L[0] || (L[0] = (O) => o.value = O),
@@ -2100,12 +2100,12 @@ const Xa = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, en = {
               _: 1
             }, 8, ["modelValue"]))
           ]),
-          i.value ? M("", !0) : (v(), E("div", zo))
+          i.value ? E("", !0) : (v(), M("div", jo))
         ])
       ]);
     };
   }
-}), Gt = /* @__PURE__ */ X(jo, [["__scopeId", "data-v-52f122f2"]]), Yo = { class: "left" }, No = { class: "right" }, Wo = { class: "map-container" }, Zo = /* @__PURE__ */ N({
+}), Gt = /* @__PURE__ */ X(zo, [["__scopeId", "data-v-52f122f2"]]), Yo = { class: "left" }, No = { class: "right" }, Wo = { class: "map-container" }, Zo = /* @__PURE__ */ N({
   __name: "VMiniMap",
   props: {
     cdnFileResolver: { type: [String, Function] },
@@ -2132,17 +2132,17 @@ const Xa = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, en = {
     );
     const r = V(() => {
       let _ = 1;
-      return s.value !== 0 && (Math.abs(s.value) % 180 === 0 ? _ = 1 : _ = -1), A.value === "small" && (_ = 0.6), _;
+      return s.value !== 0 && (Math.abs(s.value) % 180 === 0 ? _ = 1 : _ = -1), I.value === "small" && (_ = 0.6), _;
     });
     function m(_) {
       i.value = _;
     }
     const y = ["big", "bigger", "small"];
     function d() {
-      const L = (y.indexOf(A.value) + 1) % y.length;
-      A.value = y[L];
+      const L = (y.indexOf(I.value) + 1) % y.length;
+      I.value = y[L];
     }
-    const A = b("big");
+    const I = b("big");
     function k() {
       s.value = s.value + 90;
     }
@@ -2154,10 +2154,10 @@ const Xa = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, en = {
     }
     return (_, L) => {
       const S = x("v-btn");
-      return v(), I(Ao, {
+      return v(), A(Ao, {
         ref_key: "minimapMoveable",
         ref: a,
-        size: A.value
+        size: I.value
       }, {
         "top-left": c(() => [
           e("div", Yo, [
@@ -2212,7 +2212,7 @@ const Xa = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, en = {
           ])
         ]),
         footer: c(() => [
-          (v(), I(Gt, {
+          (v(), A(Gt, {
             key: w.value,
             "cdn-file-resolver": n.cdnFileResolver,
             "minimap-json": n.minimapJson,
@@ -2254,8 +2254,8 @@ const qo = { class: "d-flex align-center" }, Jo = { class: "d-block mr-1" }, Qo
       },
       { immediate: !0 }
     ), (w, r) => {
-      const m = x("v-icon"), y = x("v-slider"), d = x("v-field"), A = x("v-btn");
-      return v(), E("div", qo, [
+      const m = x("v-icon"), y = x("v-slider"), d = x("v-field"), I = x("v-btn");
+      return v(), M("div", qo, [
         e("div", Jo, [
           h(d, {
             class: "ss-slider-field",
@@ -2265,7 +2265,7 @@ const qo = { class: "d-flex align-center" }, Jo = { class: "d-block mr-1" }, Qo
             flat: ""
           }, {
             default: c(() => [
-              g(n).timeSamples.length > 1 ? (v(), I(y, {
+              g(n).timeSamples.length > 1 ? (v(), A(y, {
                 key: 0,
                 class: "pa-2 pr-2",
                 modelValue: f.value,
@@ -2293,7 +2293,7 @@ const qo = { class: "d-flex align-center" }, Jo = { class: "d-block mr-1" }, Qo
                   e("span", Qo, T(g(pt)(f.value)), 1)
                 ]),
                 _: 1
-              }, 8, ["modelValue", "min", "max", "step", "disabled"])) : (v(), E(Oe, { key: 1 }, [
+              }, 8, ["modelValue", "min", "max", "step", "disabled"])) : (v(), M(Be, { key: 1 }, [
                 h(m, {
                   style: { "vertical-align": "baseline", "font-size": "20px", "margin-top": "-1px", opacity: "0.6" },
                   class: "mr-2 icon",
@@ -2311,7 +2311,7 @@ const qo = { class: "d-flex align-center" }, Jo = { class: "d-block mr-1" }, Qo
           })
         ]),
         e("div", null, [
-          h(A, {
+          h(I, {
             size: "small",
             class: "sun-study-toggle text-capitalize rounded-xl",
             icon: "mdi-close",
@@ -2329,10 +2329,10 @@ const qo = { class: "d-flex align-center" }, Jo = { class: "d-block mr-1" }, Qo
   },
   emits: ["toggleSunStudy"],
   setup(l, { emit: t }) {
-    const a = t, n = Ve(Be);
+    const a = t, n = Me(Oe);
     return (o, i) => {
       const s = x("v-btn");
-      return !l.displaySunsim && l.showUI ? (v(), I(s, {
+      return !l.displaySunsim && l.showUI ? (v(), A(s, {
         key: 0,
         size: "small",
         varient: "tonal",
@@ -2344,7 +2344,7 @@ const qo = { class: "d-flex align-center" }, Jo = { class: "d-block mr-1" }, Qo
           Q(T(g(n).getLabel("openSunStudy")), 1)
         ]),
         _: 1
-      })) : M("", !0);
+      })) : E("", !0);
     };
   }
 }), el = /* @__PURE__ */ N({
@@ -2359,7 +2359,7 @@ const qo = { class: "d-flex align-center" }, Jo = { class: "d-block mr-1" }, Qo
     ));
     return (o, i) => {
       const s = x("v-icon"), f = x("v-btn");
-      return v(), I(f, {
+      return v(), A(f, {
         size: "x-small",
         class: me(["autoplay-btn", { mobile: n.value, "mt-1": n.value, "mx-1": n.value }]),
         onClick: i[0] || (i[0] = (w) => a("toggleAutoPlay"))
@@ -2399,7 +2399,7 @@ const qo = { class: "d-flex align-center" }, Jo = { class: "d-block mr-1" }, Qo
     ));
     je(() => {
       window.addEventListener("keydown", f);
-    }), st(() => {
+    }), Qe(() => {
       window.removeEventListener("keydown", f);
     });
     function f(r) {
@@ -2418,8 +2418,8 @@ const qo = { class: "d-flex align-center" }, Jo = { class: "d-block mr-1" }, Qo
       m(), n("goto", r);
     }
     return (r, m) => {
-      const y = x("v-btn"), d = x("v-img"), A = x("v-icon"), k = x("v-card"), u = x("v-slide-group-item"), p = x("v-slide-group");
-      return v(), E("div", {
+      const y = x("v-btn"), d = x("v-img"), I = x("v-icon"), k = x("v-card"), u = x("v-slide-group-item"), p = x("v-slide-group");
+      return v(), M("div", {
         class: me(["d-flex align-center justify-center", {
           mobileWaypointWrapper: s.value,
           desktopWaypointWrapper: !s.value,
@@ -2438,7 +2438,7 @@ const qo = { class: "d-flex align-center" }, Jo = { class: "d-block mr-1" }, Qo
           mandatory: ""
         }, {
           prev: c(() => [
-            s.value ? M("", !0) : (v(), I(y, {
+            s.value ? E("", !0) : (v(), A(y, {
               key: 0,
               class: me(["carousel-button", { mobile: s.value }]),
               icon: "mdi-chevron-left",
@@ -2448,7 +2448,7 @@ const qo = { class: "d-flex align-center" }, Jo = { class: "d-block mr-1" }, Qo
             }, null, 8, ["class"]))
           ]),
           next: c(() => [
-            s.value ? M("", !0) : (v(), I(y, {
+            s.value ? E("", !0) : (v(), A(y, {
               key: 0,
               class: me(["carousel-button", { mobile: s.value }]),
               icon: "mdi-chevron-right",
@@ -2458,7 +2458,7 @@ const qo = { class: "d-flex align-center" }, Jo = { class: "d-block mr-1" }, Qo
             }, null, 8, ["class"]))
           ]),
           default: c(() => [
-            (v(!0), E(Oe, null, Pe(l.thumbnails, (_) => (v(), I(u, {
+            (v(!0), M(Be, null, Ne(l.thumbnails, (_) => (v(), A(u, {
               key: _.id
             }, {
               default: c(({ toggle: L, selectedClass: S }) => [
@@ -2479,12 +2479,12 @@ const qo = { class: "d-flex align-center" }, Jo = { class: "d-block mr-1" }, Qo
                       "aspect-ratio": 1,
                       src: _.thumbnailUrl
                     }, null, 8, ["src"]),
-                    a.cameraHasSunStudy(_.id) ? (v(), E("div", tl, [
-                      h(A, {
+                    a.cameraHasSunStudy(_.id) ? (v(), M("div", tl, [
+                      h(I, {
                         class: "sun-icon",
                         icon: "mdi-white-balance-sunny"
                       })
-                    ])) : M("", !0)
+                    ])) : E("", !0)
                   ]),
                   _: 2
                 }, 1032, ["class", "onClick"])
@@ -2504,7 +2504,7 @@ const qo = { class: "d-flex align-center" }, Jo = { class: "d-block mr-1" }, Qo
 }, sl = /* @__PURE__ */ N({
   __name: "VSocialShare",
   setup(l) {
-    const t = Ve(Be), a = b(!1), n = b(location.href);
+    const t = Me(Oe), a = b(!1), n = b(location.href);
     function o() {
       return window.open(
         "https://www.facebook.com/sharer/sharer.php?u=" + encodeURIComponent(location.href),
@@ -2530,15 +2530,15 @@ const qo = { class: "d-flex align-center" }, Jo = { class: "d-block mr-1" }, Qo
       navigator.clipboard.writeText(location.href);
     }
     return (w, r) => {
-      const m = x("v-btn"), y = x("v-tooltip"), d = x("v-toolbar-title"), A = x("v-spacer"), k = x("v-toolbar"), u = x("v-card-text"), p = x("v-card"), _ = x("v-dialog");
-      return v(), E("div", null, [
+      const m = x("v-btn"), y = x("v-tooltip"), d = x("v-toolbar-title"), I = x("v-spacer"), k = x("v-toolbar"), u = x("v-card-text"), p = x("v-card"), _ = x("v-dialog");
+      return v(), M("div", null, [
         h(y, {
           elevation: "2",
           top: "",
           attach: ""
         }, {
           activator: c(({ props: L }) => [
-            h(m, Ae({
+            h(m, Ie({
               density: "comfortable",
               elevation: "1",
               icon: "mdi-share-variant",
@@ -2572,7 +2572,7 @@ const qo = { class: "d-flex align-center" }, Jo = { class: "d-block mr-1" }, Qo
                       ]),
                       _: 1
                     }),
-                    h(A)
+                    h(I)
                   ]),
                   _: 1
                 }),
@@ -2581,7 +2581,7 @@ const qo = { class: "d-flex align-center" }, Jo = { class: "d-block mr-1" }, Qo
                     e("p", ll, [
                       h(y, { location: "top" }, {
                         activator: c(({ props: L }) => [
-                          h(m, Ae({
+                          h(m, Ie({
                             depressed: "",
                             fab: "",
                             light: "",
@@ -2595,7 +2595,7 @@ const qo = { class: "d-flex align-center" }, Jo = { class: "d-block mr-1" }, Qo
                       }),
                       h(y, { location: "top" }, {
                         activator: c(({ props: L }) => [
-                          h(m, Ae({
+                          h(m, Ie({
                             depressed: "",
                             fab: "",
                             light: "",
@@ -2609,7 +2609,7 @@ const qo = { class: "d-flex align-center" }, Jo = { class: "d-block mr-1" }, Qo
                       }),
                       h(y, { location: "top" }, {
                         activator: c(({ props: L }) => [
-                          h(m, Ae({
+                          h(m, Ie({
                             depressed: "",
                             fab: "",
                             light: "",
@@ -2623,7 +2623,7 @@ const qo = { class: "d-flex align-center" }, Jo = { class: "d-block mr-1" }, Qo
                       }),
                       h(y, { location: "top" }, {
                         activator: c(({ props: L }) => [
-                          h(m, Ae({
+                          h(m, Ie({
                             depressed: "",
                             fab: "",
                             light: "",
@@ -2639,7 +2639,7 @@ const qo = { class: "d-flex align-center" }, Jo = { class: "d-block mr-1" }, Qo
                       }),
                       h(y, { location: "top" }, {
                         activator: c(({ props: L }) => [
-                          h(m, Ae({
+                          h(m, Ie({
                             depressed: "",
                             fab: "",
                             light: "",
@@ -2652,7 +2652,7 @@ const qo = { class: "d-flex align-center" }, Jo = { class: "d-block mr-1" }, Qo
                         ]),
                         _: 1
                       }),
-                      h(A)
+                      h(I)
                     ])
                   ]),
                   _: 1
@@ -2674,10 +2674,10 @@ const qo = { class: "d-flex align-center" }, Jo = { class: "d-block mr-1" }, Qo
   },
   setup(l) {
     const t = l, a = V(() => ({ "background-image": `url("${encodeURI(t.image)}")` }));
-    return (n, o) => (v(), E("div", il, [
+    return (n, o) => (v(), M("div", il, [
       e("div", {
         class: me(["img-div", [l.aspectRatio]]),
-        style: ce(a.value)
+        style: ve(a.value)
       }, null, 6)
     ]));
   }
@@ -2694,7 +2694,7 @@ const qo = { class: "d-flex align-center" }, Jo = { class: "d-block mr-1" }, Qo
     const a = t;
     return (n, o) => {
       const i = x("v-btn");
-      return v(), E("div", ul, [
+      return v(), M("div", ul, [
         h(i, {
           density: "comfortable",
           elevation: "3",
@@ -2705,7 +2705,7 @@ const qo = { class: "d-flex align-center" }, Jo = { class: "d-block mr-1" }, Qo
     };
   }
 });
-class nt {
+class ot {
   _labels;
   _language;
   constructor({ labels: t, language: a } = { labels: null, language: null }) {
@@ -2800,7 +2800,7 @@ const vl = {
     const a = t;
     return (n, o) => {
       const i = x("v-btn");
-      return v(), E("div", vl, [
+      return v(), M("div", vl, [
         h(i, {
           density: "comfortable",
           elevation: "3",
@@ -2889,7 +2889,7 @@ const vl = {
       showCarousel: m,
       showTimeOfDay: y,
       showCompass: d,
-      showFullScreen: A,
+      showFullScreen: I,
       showSnapshot: k,
       showShare: u,
       showInteriorOptions: p,
@@ -2897,15 +2897,15 @@ const vl = {
       showFloorLevel: L,
       defaultWaypointIndex: S,
       defaultViewMode: Z,
-      mouseSensitivity: se,
+      mouseSensitivity: le,
       // isInIframe,
       adminMode: O,
       playerSettings: q,
-      hasMarkersJson: de,
+      hasMarkersJson: ce,
       dynamicMarkers: R,
       version: Se,
       showVersion: ke
-    } = $e(n), P = a, we = b(!1), G = b(!1), ue = b(!1), ne = b(), B = b(), K = b(), oe = b(), Y = b(), ee = b(0), z = b(), ie = b(), te = b(), _e = b(0), re = b(0), he = b(0), xe = b(!1), Le = b(!1), Te = b(), ge = b(!1), ve = b(!1), Ie = b({
+    } = $e(n), P = a, we = b(!1), G = b(!1), ue = b(!1), ne = b(), B = b(), K = b(), oe = b(), Y = b(), ee = b(0), j = b(), ie = b(), te = b(), _e = b(0), se = b(0), he = b(0), xe = b(!1), Le = b(!1), Te = b(), ge = b(!1), de = b(!1), Fe = b({
       startTime: 0,
       startX: 0,
       startY: 0
@@ -2915,7 +2915,7 @@ const vl = {
     t({
       updateSelectedInterior: St,
       takeSnapshot: Kt,
-      setCurrentCamera: Ge,
+      setCurrentCamera: Xe,
       getCurrentRotation: Ut,
       setCurrentRotation: xt,
       getCurrentFov: Ht,
@@ -2923,10 +2923,10 @@ const vl = {
       loadDynamicMarkers: We,
       screenToWorld: yt,
       setFrontendMarkers: Nt,
-      clearCurrentMarkerLayer: ze,
+      clearCurrentMarkerLayer: Pe,
       apartmentJson: B
     });
-    const Ye = V(() => {
+    const ze = V(() => {
       if (B.value) {
         const C = B.value.cameras.map(
           (ae) => ae.floorLevel
@@ -2935,36 +2935,36 @@ const vl = {
         return D = D.sort(), D;
       } else
         return [];
-    }), Ne = V(() => {
+    }), Ye = V(() => {
       let C = 0;
       if (B.value) {
         const D = B.value.cameras.map(
-          (ut) => ut.floorLevel
+          (ct) => ct.floorLevel
         );
         let ae = [...new Set(D)];
         ae = ae.sort();
-        const Me = ae.findIndex(
-          (ut) => ut === re.value
+        const Ae = ae.findIndex(
+          (ct) => ct === se.value
         );
-        Me !== -1 && (C = Me);
+        Ae !== -1 && (C = Ae);
       }
       return C;
-    }), Re = V(() => Fe.value.findIndex(
-      (C) => C.archetypeID === z.value
+    }), De = V(() => Ve.value.findIndex(
+      (C) => C.archetypeID === j.value
     )), Ce = V(() => K.value ? K.value.cameras.map((C) => ({
       ...C,
       thumbnailUrl: At(
-        `/${z.value}/${i.value}/thumbs/200/${C.id}.jpg`
+        `/${j.value}/${i.value}/thumbs/200/${C.id}.jpg`
       ),
       imageUrl: At(
-        `/${z.value}/${i.value}/images/1600/${C.id}.jpg`
+        `/${j.value}/${i.value}/images/1600/${C.id}.jpg`
       )
-    })) : []), it = V(() => !Ce.value || !Ce.value[ee.value] ? "" : Ce.value[ee.value].imageUrl), Fe = V(() => {
+    })) : []), rt = V(() => !Ce.value || !Ce.value[ee.value] ? "" : Ce.value[ee.value].imageUrl), Ve = V(() => {
       let C = [];
       return ne.value && (C = ne.value.archetypes), f.value.length ? C.filter(
         (D) => f.value.includes(D.archetypeID)
       ) : C;
-    }), F = V(() => K.value ? Fe.value.map((C) => {
+    }), F = V(() => K.value ? Ve.value.map((C) => {
       const D = Ce.value[ee.value]?.id;
       return {
         ...C,
@@ -2973,19 +2973,19 @@ const vl = {
         )
       };
     }) : []), W = V(() => {
-      if (oe.value && oe.value.storeys && Ne.value in oe.value.storeys)
-        return oe.value.storeys[Ne.value];
+      if (oe.value && oe.value.storeys && Ye.value in oe.value.storeys)
+        return oe.value.storeys[Ye.value];
     }), pe = V(() => B.value && B.value.timeInHours), be = V(() => {
       if (B.value && B.value.timeInHours && y.value)
         return $a(B.value.timeInHours);
     });
-    mt(
-      Be,
-      r.value ? new nt(r.value) : new nt()
+    lt(
+      Oe,
+      r.value ? new ot(r.value) : new ot()
     );
-    const le = V(() => /Android|webOS|iPhone|iPad|BlackBerry|Windows Phone|Opera Mini|IEMobile|Mobile/i.test(
+    const re = V(() => /Android|webOS|iPhone|iPad|BlackBerry|Windows Phone|Opera Mini|IEMobile|Mobile/i.test(
       window.navigator.userAgent
-    )), De = V(() => le.value ? "platform-mobile" : "platform-desktop"), Qe = V(() => {
+    )), Ue = V(() => re.value ? "platform-mobile" : "platform-desktop"), Ge = V(() => {
       const C = fe(
         o.value,
         "/config.json"
@@ -2995,7 +2995,7 @@ const vl = {
       );
     });
     H(s, () => {
-      s.value && (z.value = s.value);
+      s.value && (j.value = s.value);
     }), H(
       [o, i],
       async () => {
@@ -3009,31 +3009,31 @@ const vl = {
     ), H(
       Z,
       () => {
-        Z.value === "virtualTour" && (xe.value = !1), Z.value === "slideShow" && (xe.value = !0, ve.value = !0);
+        Z.value === "virtualTour" && (xe.value = !1), Z.value === "slideShow" && (xe.value = !0, de.value = !0);
       },
       { immediate: !0 }
     ), H(ge, () => {
       if (ge.value) {
-        ve.value = !1;
-        const C = Xe(te.value);
+        de.value = !1;
+        const C = Ke(te.value);
         Te.value = C[0].timeSamples.find(
           (D) => D.timeInHours === C[0].defaultHour
         );
       } else
-        ve.value = !0, Y.value.unloadSunSim();
+        de.value = !0, Y.value.unloadSunSim();
     }), je(async () => {
       try {
-        Qe.value ? (we.value = !1, ve.value = !0) : setTimeout(() => {
+        Ge.value ? (we.value = !1, de.value = !0) : setTimeout(() => {
           we.value = !0;
         }, 1e3);
       } catch (C) {
         ue.value = !0, P("onError", C);
       }
-    }), st(() => {
+    }), Qe(() => {
       document.removeEventListener("wheel", ft);
     });
     function He(C = !1) {
-      ve.value = !0, we.value = !1, C && $t();
+      de.value = !0, we.value = !1, C && $t();
     }
     function $t() {
       const C = fe(
@@ -3047,23 +3047,23 @@ const vl = {
     }
     async function Ot() {
       if (B.value = await _t(
-        z.value,
+        j.value,
         i.value
       ), B.value && (ie.value = B.value.cameras[0]?.id), K.value = await Ct(
-        z.value,
+        j.value,
         i.value
       ), K.value) {
         const C = S.value !== null ? S.value : 0;
         ee.value = C, ie.value = K.value.cameras[C].id, te.value = K.value.cameras[C].id;
       }
       _.value && (oe.value = await Lt(
-        z.value,
+        j.value,
         i.value
       ));
     }
     function Bt() {
       let C = s.value;
-      C || (C = ne.value.defaultArchetypeID), f.value && f.value.length > 0 && !f.value.includes(C) ? C = f.value[0] : console.warn("illegal interior id", C, f), C || (C = ne.value.archetypes[0].archetypeID), z.value = C;
+      C || (C = ne.value.defaultArchetypeID), f.value && f.value.length > 0 && !f.value.includes(C) ? C = f.value[0] : console.warn("illegal interior id", C, f), C || (C = ne.value.archetypes[0].archetypeID), j.value = C;
     }
     function Dt() {
       const C = document.getElementById("main-canvas");
@@ -3088,14 +3088,14 @@ const vl = {
       ), C.addEventListener(
         "mousedown",
         (ae) => {
-          Ie.value.startTime = (/* @__PURE__ */ new Date()).getTime(), Ie.value.startX = ae.clientX, Ie.value.startY = ae.clientY;
+          Fe.value.startTime = (/* @__PURE__ */ new Date()).getTime(), Fe.value.startX = ae.clientX, Fe.value.startY = ae.clientY;
         },
         { passive: !1 }
       ), C.addEventListener(
         "mouseup",
         (ae) => {
-          (/* @__PURE__ */ new Date()).getTime() - Ie.value.startTime < 200 && Math.sqrt(Math.pow(ae.clientX, 2) + Math.pow(ae.clientY, 2)) - Math.sqrt(
-            Math.pow(Ie.value.startX, 2) + Math.pow(Ie.value.startY, 2)
+          (/* @__PURE__ */ new Date()).getTime() - Fe.value.startTime < 200 && Math.sqrt(Math.pow(ae.clientX, 2) + Math.pow(ae.clientY, 2)) - Math.sqrt(
+            Math.pow(Fe.value.startX, 2) + Math.pow(Fe.value.startY, 2)
           ) < 5 && (ge.value = !1);
         },
         { passive: !1 }
@@ -3168,43 +3168,43 @@ const vl = {
     function Pt(C) {
       return Y.value.setCameraFov(C);
     }
-    function rt() {
+    function ut() {
       let C = ee.value + 1;
-      C >= Ce.value.length && (C = 0), ee.value = C, Ge(Ce.value[ee.value].id);
+      C >= Ce.value.length && (C = 0), ee.value = C, Xe(Ce.value[ee.value].id);
     }
     function ht() {
       let C = ee.value - 1;
-      C < 0 && (C = Ce.value.length - 1), ee.value = C, Ge(Ce.value[ee.value].id);
+      C < 0 && (C = Ce.value.length - 1), ee.value = C, Xe(Ce.value[ee.value].id);
     }
     function gt(C, D = !0) {
-      let ae = Ce.value.findIndex((Me) => Me.id === C);
-      ae != -1 && (ee.value = ae, D && Ge(C));
+      let ae = Ce.value.findIndex((Ae) => Ae.id === C);
+      ae != -1 && (ee.value = ae, D && Xe(C));
     }
-    function Ge(C) {
+    function Xe(C) {
       ge.value = !1, ie.value = C;
     }
     function St(C) {
-      z.value = C, zt(), P("onInteriorUpdate", C), P("onCameraUpdate", te.value, B.value);
+      j.value = C, jt(), P("onInteriorUpdate", C), P("onCameraUpdate", te.value, B.value);
     }
-    async function zt() {
+    async function jt() {
       B.value = await _t(
-        z.value,
+        j.value,
         i.value
       ), K.value = await Ct(
-        z.value,
+        j.value,
         i.value
       ), _.value && (oe.value = await Lt(
-        z.value,
+        j.value,
         i.value
       ));
     }
-    function jt(C) {
+    function zt(C) {
       te.value = C, te.value && (gt(te.value, !1), P("onCameraUpdate", te.value, B.value));
     }
     const qe = V(() => (C) => {
-      const D = Xe(C);
+      const D = Ke(C);
       return !D || !D[0] || !D[0].timeSamples ? !1 : D[0].timeSamples.length > 1;
-    }), Xe = (C) => B.value.cameras.find((ae) => ae.id === C)?.sunsimDayOfYear;
+    }), Ke = (C) => B.value.cameras.find((ae) => ae.id === C)?.sunsimDayOfYear;
     function Yt(C) {
       P("onSunsimUpdate", C);
     }
@@ -3215,14 +3215,14 @@ const vl = {
       _e.value = C;
     }
     function U(C) {
-      re.value = C;
+      se.value = C;
     }
     function ye(C) {
       he.value = C;
     }
-    function j(C, D) {
+    function z(C, D) {
     }
-    function Ke(C) {
+    function et(C) {
       P("onFrontendMarkersUpdate", C);
     }
     function Nt(C) {
@@ -3233,9 +3233,9 @@ const vl = {
       Y.value.updateFrontendMarkers(C);
     }
     function Wt(C) {
-      Y.value = C, Y.value && (q.value && Y.value.updateSettings(q.value), de.value ? Y.value.loadMarkersJson() : R.value && Y.value.loadDynamicMarkers(R.value), P("onInitialized", Y.value));
+      Y.value = C, Y.value && (q.value && Y.value.updateSettings(q.value), ce.value ? Y.value.loadMarkersJson() : R.value && Y.value.loadDynamicMarkers(R.value), P("onInitialized", Y.value));
     }
-    function ze() {
+    function Pe() {
       Y.value.clearCurrentMarkerLayer();
     }
     function We(C) {
@@ -3251,12 +3251,12 @@ const vl = {
       xe.value = !xe.value;
     }
     async function Kt() {
-      const C = 180 / Math.PI, D = await Y.value.takePhoto(), ae = Y.value.getRotationEuler(), Me = Y.value.getCurrentCamera(), ut = new ra(D, Me), Ta = [
+      const C = 180 / Math.PI, D = await Y.value.takePhoto(), ae = Y.value.getRotationEuler(), Ae = Y.value.getCurrentCamera(), ct = new ra(D, Ae), Ta = [
         ae.x * -C,
         ae.y * -C,
         ae.z * C
       ];
-      return P("onSnapshot", ut, Ta), ut;
+      return P("onSnapshot", ct, Ta), ct;
     }
     async function Ia() {
       console.log("Here onVisuadoCreateButtonClicked");
@@ -3287,243 +3287,243 @@ const vl = {
       const D = Math.floor(C), ae = Math.floor((D - C) * 60);
       return { hours: D, minutes: ae };
     }
-    const et = b(!1), ea = b(null), Zt = b(1);
+    const tt = b(!1), ea = b(null), Zt = b(1);
     function ta() {
-      if (et.value) {
-        clearInterval(ea.value), et.value = !1, Y.value.toggleAutoRotate();
+      if (tt.value) {
+        clearInterval(ea.value), tt.value = !1, Y.value.toggleAutoRotate();
         return;
       }
-      et.value = !0, Y.value.toggleAutoRotate(), ea.value = setInterval(() => {
-        Zt.value = 1 * Zt.value, Y.value.setAutoRotateSpeed(Zt.value), rt();
+      tt.value = !0, Y.value.toggleAutoRotate(), ea.value = setInterval(() => {
+        Zt.value = 1 * Zt.value, Y.value.setAutoRotateSpeed(Zt.value), ut();
       }, 5e3);
     }
     return (C, D) => {
       const ae = x("v-btn");
-      return v(), E("div", {
-        class: me(["virtual-tour-wrapper", [De.value]])
+      return v(), M("div", {
+        class: me(["virtual-tour-wrapper", [Ue.value]])
       }, [
-        ue.value ? (v(), E("div", pl, "Error loading the player!!")) : M("", !0),
+        ue.value ? (v(), M("div", pl, "Error loading the player!!")) : E("", !0),
         e("div", fl, [
-          !Ee.value.isActive && oe.value && te.value && W.value && z.value && Le.value ? (v(), I(la, {
+          !Ee.value.isActive && oe.value && te.value && W.value && j.value && Le.value ? (v(), A(la, {
             key: 0,
             "cdn-file-resolver": g(o),
             "apartment-json": B.value,
-            level: Ne.value,
+            level: Ye.value,
             "minimap-json": oe.value,
             rotation: _e.value,
             "current-camera": te.value,
-            onGoToCamera: Ge,
-            onClose: D[0] || (D[0] = (Me) => Le.value = !1)
-          }, null, 8, ["cdn-file-resolver", "apartment-json", "level", "minimap-json", "rotation", "current-camera"])) : M("", !0),
-          z.value && ie.value ? (v(), E("div", {
+            onGoToCamera: Xe,
+            onClose: D[0] || (D[0] = (Ae) => Le.value = !1)
+          }, null, 8, ["cdn-file-resolver", "apartment-json", "level", "minimap-json", "rotation", "current-camera"])) : E("", !0),
+          j.value && ie.value ? (v(), M("div", {
             key: 1,
-            class: me(["v-player", [De.value]])
+            class: me(["v-player", [Ue.value]])
           }, [
             h(vn, {
               ref: "vPlayerInstance",
               "cdn-file-resolver": g(o),
-              style: ce({ zIndex: xe.value ? 1 : 2 }),
+              style: ve({ zIndex: xe.value ? 1 : 2 }),
               "show-static-image": xe.value,
               "current-camera-id": ie.value,
-              "mouse-sensitivity": g(se),
-              "interior-id": z.value,
+              "mouse-sensitivity": g(le),
+              "interior-id": j.value,
               "apartment-id": g(i),
-              onNewCameraCallback: jt,
+              onNewCameraCallback: zt,
               onNewRotationCallback: $,
               onNewFloorCallback: U,
               onNewFovCallback: ye,
-              onNewSizeCallback: j,
+              onNewSizeCallback: z,
               onSunsimCallback: Yt,
               onPlayerApiCallback: Wt,
-              onFrontendMarkersUpdate: Ke
+              onFrontendMarkersUpdate: et
             }, {
               "slideshow-image": c(() => [
-                xe.value ? (v(), I(Ma, {
+                xe.value ? (v(), A(Ma, {
                   key: 0,
-                  image: it.value
-                }, null, 8, ["image"])) : M("", !0)
+                  image: rt.value
+                }, null, 8, ["image"])) : E("", !0)
               ]),
               "top-left": c(() => [
-                g(O) ? (v(), I(ae, {
+                g(O) ? (v(), A(ae, {
                   key: 0,
                   density: "comfortable",
                   icon: "mdi-cog-outline",
                   elevation: "3",
                   class: "mr-2",
-                  onClick: D[1] || (D[1] = (Me) => G.value = !G.value)
-                })) : M("", !0),
+                  onClick: D[1] || (D[1] = (Ae) => G.value = !G.value)
+                })) : E("", !0),
                 Je(h(ae, {
                   density: "comfortable",
                   icon: "mdi-alert-outline",
                   elevation: "3",
                   class: "mr-2",
-                  onClick: D[2] || (D[2] = (Me) => we.value = !we.value)
+                  onClick: D[2] || (D[2] = (Ae) => we.value = !we.value)
                 }, null, 512), [
-                  [ot, ve.value]
+                  [st, de.value]
                 ]),
-                oe.value && ie.value && W.value ? Je((v(), I(ae, {
+                oe.value && ie.value && W.value ? Je((v(), A(ae, {
                   key: 1,
                   density: "comfortable",
                   elevation: "3",
                   icon: "mdi-floor-plan",
                   class: "mr-2",
-                  onClick: D[3] || (D[3] = (Me) => Le.value = !Le.value)
+                  onClick: D[3] || (D[3] = (Ae) => Le.value = !Le.value)
                 }, null, 512)), [
-                  [ot, ve.value]
-                ]) : M("", !0),
-                ve.value && g(L) && Ye.value.length > 1 ? (v(), I(yn, {
+                  [st, de.value]
+                ]) : E("", !0),
+                de.value && g(L) && ze.value.length > 1 ? (v(), A(yn, {
                   key: 2,
-                  level: re.value,
-                  "floor-levels": Ye.value,
+                  level: se.value,
+                  "floor-levels": ze.value,
                   onLevel: U
-                }, null, 8, ["level", "floor-levels"])) : M("", !0),
-                g(O) && G.value ? (v(), E("div", hl, [
+                }, null, 8, ["level", "floor-levels"])) : E("", !0),
+                g(O) && G.value ? (v(), M("div", hl, [
                   h(_o, {
                     "initial-settings": g(q),
                     onUpdateSettings: Fa,
                     onSaveSettings: Va
                   }, null, 8, ["initial-settings"])
-                ])) : M("", !0)
+                ])) : E("", !0)
               ]),
               "top-center": c(() => [...D[12] || (D[12] = [])]),
               "top-right": c(() => [
-                B.value && g(d) ? Je((v(), E("div", gl, [
+                B.value && g(d) ? Je((v(), M("div", gl, [
                   h(En, { rotation: _e.value }, null, 8, ["rotation"])
                 ], 512)), [
-                  [ot, ve.value]
-                ]) : M("", !0),
+                  [st, de.value]
+                ]) : E("", !0),
                 e("div", {
-                  onClick: D[4] || (D[4] = (Me) => Le.value = !Le.value)
+                  onClick: D[4] || (D[4] = (Ae) => Le.value = !Le.value)
                 }, [
-                  ve.value && B.value && pe.value && g(y) ? (v(), I(Vn, {
+                  de.value && B.value && pe.value && g(y) ? (v(), A(Vn, {
                     key: 0,
                     hours: be.value.hours,
                     minutes: be.value.minutes,
                     class: "time-of-day",
-                    style: ce({
+                    style: ve({
                       cursor: oe.value && te.value && W.value ? "pointer" : "default"
                     })
-                  }, null, 8, ["hours", "minutes", "style"])) : M("", !0)
+                  }, null, 8, ["hours", "minutes", "style"])) : E("", !0)
                 ])
               ]),
               "center-left": c(() => [
-                h(Ue, { name: "slide-x-transition" }, {
+                h(Re, { name: "slide-x-transition" }, {
                   default: c(() => [
-                    xe.value ? (v(), I(ae, {
+                    xe.value ? (v(), A(ae, {
                       key: 0,
                       density: "comfortable",
                       elevation: "3",
                       icon: "mdi-chevron-left",
                       onClick: ht
-                    })) : M("", !0)
+                    })) : E("", !0)
                   ]),
                   _: 1
                 })
               ]),
               "center-center": c(() => [
-                we.value ? (v(), I(oo, {
+                we.value ? (v(), A(oo, {
                   key: 0,
-                  onCloseTutorial: D[5] || (D[5] = (Me) => He(Me))
-                })) : M("", !0),
-                Ee.value.isActive && oe.value && te.value && W.value && Le.value ? (v(), I(la, {
+                  onCloseTutorial: D[5] || (D[5] = (Ae) => He(Ae))
+                })) : E("", !0),
+                Ee.value.isActive && oe.value && te.value && W.value && Le.value ? (v(), A(la, {
                   key: 1,
                   "cdn-file-resolver": g(o),
                   "apartment-json": B.value,
                   "minimap-json": oe.value,
                   rotation: _e.value,
                   "current-camera": te.value,
-                  level: Ne.value,
-                  onClose: D[6] || (D[6] = (Me) => Le.value = !1),
-                  onGoToCamera: Ge
-                }, null, 8, ["cdn-file-resolver", "apartment-json", "minimap-json", "rotation", "current-camera", "level"])) : M("", !0)
+                  level: Ye.value,
+                  onClose: D[6] || (D[6] = (Ae) => Le.value = !1),
+                  onGoToCamera: Xe
+                }, null, 8, ["cdn-file-resolver", "apartment-json", "minimap-json", "rotation", "current-camera", "level"])) : E("", !0)
               ]),
               "center-right": c(() => [
-                h(Ue, { name: "slide-x-reverse-transition" }, {
+                h(Re, { name: "slide-x-reverse-transition" }, {
                   default: c(() => [
-                    xe.value ? (v(), I(ae, {
+                    xe.value ? (v(), A(ae, {
                       key: 0,
                       density: "comfortable",
                       elevation: "3",
                       icon: "mdi-chevron-right",
-                      onClick: rt
-                    })) : M("", !0)
+                      onClick: ut
+                    })) : E("", !0)
                   ]),
                   _: 1
                 })
               ]),
               "bottom-left": c(() => [
-                g(A) ? (v(), I(Aa, {
+                g(I) ? (v(), A(Aa, {
                   key: 0,
                   "is-full-screen": Ee.value.isActive,
                   class: "btn-fullscreen",
                   onToggleFullscreen: Ze
-                }, null, 8, ["is-full-screen"])) : M("", !0),
-                g(k) ? (v(), E("div", yl, [
+                }, null, 8, ["is-full-screen"])) : E("", !0),
+                g(k) ? (v(), M("div", yl, [
                   h(ae, {
                     density: "comfortable",
                     elevation: "3",
                     icon: "mdi-camera",
                     onClick: Kt
                   })
-                ])) : M("", !0),
+                ])) : E("", !0),
                 e("div", wl, [
-                  g(w) && ve.value ? (v(), I(On, {
+                  g(w) && de.value ? (v(), A(On, {
                     key: 0,
                     "show-static-image": xe.value,
                     onToggle: Mt
-                  }, null, 8, ["show-static-image"])) : M("", !0)
+                  }, null, 8, ["show-static-image"])) : E("", !0)
                 ]),
-                ve.value && g(u) && !Ee.value.isActive ? (v(), E("div", bl, [
+                de.value && g(u) && !Ee.value.isActive ? (v(), M("div", bl, [
                   h(Ea)
-                ])) : M("", !0),
-                ve.value && l.showVisuadoCreateButton ? (v(), E("div", kl, [
+                ])) : E("", !0),
+                de.value && l.showVisuadoCreateButton ? (v(), M("div", kl, [
                   h(ml, { onOnSnapshot: Ia })
-                ])) : M("", !0)
+                ])) : E("", !0)
               ]),
               "bottom-center": c(() => [
-                h(Ue, null, {
+                h(Re, null, {
                   default: c(() => [
                     e("div", null, [
                       e("div", {
                         class: me(["d-flex justify-center", {
-                          "mb-2": !le.value
+                          "mb-2": !re.value
                         }])
                       }, [
-                        !et.value && qe.value(te.value) ? (v(), I(Ko, {
+                        !tt.value && qe.value(te.value) ? (v(), A(Ko, {
                           key: 0,
                           class: "ml-2",
                           displaySunsim: ge.value,
-                          showUI: ve.value,
-                          onToggleSunStudy: D[7] || (D[7] = (Me) => ge.value = !ge.value)
-                        }, null, 8, ["displaySunsim", "showUI"])) : M("", !0)
+                          showUI: de.value,
+                          onToggleSunStudy: D[7] || (D[7] = (Ae) => ge.value = !ge.value)
+                        }, null, 8, ["displaySunsim", "showUI"])) : E("", !0)
                       ], 2),
-                      !le.value && !et.value && ie.value && ge.value && qe.value(te.value) && Xe(te.value)[0] && Te.value ? (v(), I(sa, {
+                      !re.value && !tt.value && ie.value && ge.value && qe.value(te.value) && Ke(te.value)[0] && Te.value ? (v(), A(sa, {
                         key: 0,
                         class: "sunsim-slider-desktop",
-                        "current-day": qe.value(te.value) ? Xe(te.value)[0] : void 0,
+                        "current-day": qe.value(te.value) ? Ke(te.value)[0] : void 0,
                         "current-time": Te.value,
                         onOnTimeChange: Et,
-                        onToggleSunStudy: D[8] || (D[8] = (Me) => ge.value = !ge.value)
-                      }, null, 8, ["current-day", "current-time"])) : M("", !0),
-                      !le.value && ve.value && g(m) ? (v(), I(Vt, {
+                        onToggleSunStudy: D[8] || (D[8] = (Ae) => ge.value = !ge.value)
+                      }, null, 8, ["current-day", "current-time"])) : E("", !0),
+                      !re.value && de.value && g(m) ? (v(), A(Vt, {
                         key: 1,
                         class: me([Ee.value.isActive ? "full-screen" : ""]),
                         thumbnails: Ce.value,
                         active: ee.value,
                         cameraHasSunStudy: qe.value,
-                        onNext: rt,
+                        onNext: ut,
                         onPrevious: ht,
                         onGoto: gt
                       }, {
                         before: c(() => [
-                          l.enableAutoplay && ve.value && !le.value ? (v(), I(ia, {
+                          l.enableAutoplay && de.value && !re.value ? (v(), A(ia, {
                             key: 0,
-                            autoplayStatus: et.value,
-                            onToggleAutoPlay: D[9] || (D[9] = (Me) => ta())
-                          }, null, 8, ["autoplayStatus"])) : M("", !0)
+                            autoplayStatus: tt.value,
+                            onToggleAutoPlay: D[9] || (D[9] = (Ae) => ta())
+                          }, null, 8, ["autoplayStatus"])) : E("", !0)
                         ]),
                         _: 1
-                      }, 8, ["class", "thumbnails", "active", "cameraHasSunStudy"])) : M("", !0)
+                      }, 8, ["class", "thumbnails", "active", "cameraHasSunStudy"])) : E("", !0)
                     ])
                   ]),
                   _: 1
@@ -3531,53 +3531,53 @@ const vl = {
               ]),
               "bottom-right": c(() => [
                 e("div", _l, [
-                  ve.value && g(p) && F.value ? (v(), I(Sn, {
+                  de.value && g(p) && F.value ? (v(), A(Sn, {
                     key: 0,
                     "cdn-file-resolver": g(o),
                     "available-archetypes": F.value,
-                    "selected-index": Re.value,
+                    "selected-index": De.value,
                     onSelectInterior: St
-                  }, null, 8, ["cdn-file-resolver", "available-archetypes", "selected-index"])) : M("", !0)
+                  }, null, 8, ["cdn-file-resolver", "available-archetypes", "selected-index"])) : E("", !0)
                 ])
               ]),
               _: 1
             }, 8, ["cdn-file-resolver", "style", "show-static-image", "current-camera-id", "mouse-sensitivity", "interior-id", "apartment-id"]),
-            h(Ue, null, {
+            h(Re, null, {
               default: c(() => [
-                g(m) && K.value && le.value && ve.value ? (v(), I(Vt, {
+                g(m) && K.value && re.value && de.value ? (v(), A(Vt, {
                   key: 0,
                   class: "waypoint-carousel below-player",
                   thumbnails: Ce.value,
                   active: ee.value,
                   cameraHasSunStudy: qe.value,
-                  onNext: rt,
+                  onNext: ut,
                   onPrevious: ht,
                   onGoto: gt
                 }, {
                   before: c(() => [
-                    l.enableAutoplay && ve.value ? (v(), I(ia, {
+                    l.enableAutoplay && de.value ? (v(), A(ia, {
                       key: 0,
-                      autoplayStatus: et.value,
-                      onToggleAutoPlay: D[10] || (D[10] = (Me) => ta())
-                    }, null, 8, ["autoplayStatus"])) : M("", !0)
+                      autoplayStatus: tt.value,
+                      onToggleAutoPlay: D[10] || (D[10] = (Ae) => ta())
+                    }, null, 8, ["autoplayStatus"])) : E("", !0)
                   ]),
                   _: 1
-                }, 8, ["thumbnails", "active", "cameraHasSunStudy"])) : M("", !0)
+                }, 8, ["thumbnails", "active", "cameraHasSunStudy"])) : E("", !0)
               ]),
               _: 1
             }),
-            le.value ? (v(), E("div", Cl, [
-              !et.value && ie.value && ge.value && qe.value(te.value) && Xe(te.value)[0] && Te.value ? (v(), I(sa, {
+            re.value ? (v(), M("div", Cl, [
+              !tt.value && ie.value && ge.value && qe.value(te.value) && Ke(te.value)[0] && Te.value ? (v(), A(sa, {
                 key: 0,
                 class: "mt-1",
-                "current-day": qe.value(te.value) ? Xe(te.value)[0] : void 0,
+                "current-day": qe.value(te.value) ? Ke(te.value)[0] : void 0,
                 "current-time": Te.value,
                 onOnTimeChange: Et,
-                onToggleSunStudy: D[11] || (D[11] = (Me) => ge.value = !ge.value)
-              }, null, 8, ["current-day", "current-time"])) : M("", !0)
-            ])) : M("", !0)
-          ], 2)) : M("", !0),
-          g(Se) && g(ke) ? (v(), E("div", Ll, " version: " + T(g(Se)), 1)) : M("", !0)
+                onToggleSunStudy: D[11] || (D[11] = (Ae) => ge.value = !ge.value)
+              }, null, 8, ["current-day", "current-time"])) : E("", !0)
+            ])) : E("", !0)
+          ], 2)) : E("", !0),
+          g(Se) && g(ke) ? (v(), M("div", Ll, " version: " + T(g(Se)), 1)) : E("", !0)
         ])
       ], 2);
     };
@@ -3642,8 +3642,8 @@ const vl = {
           animate: !1
         }
       );
-    }), H([i, w], ([d], [A]) => {
-      d === A && m.value.setCurrentDataPoint(
+    }), H([i, w], ([d], [I]) => {
+      d === I && m.value.setCurrentDataPoint(
         (k) => k.interiorId === s.value && k.cameraId === i.value && ((!f.value || !w.value) && k.dayOfYear === void 0 || !!f.value && !!w.value && k.dayOfYear === f.value.dayOfYear && k.timeInHours === w.value.timeInHours),
         {
           rotate: !1,
@@ -3651,7 +3651,7 @@ const vl = {
         }
       );
     }), je(async () => {
-      Ca.isBrowser && (m.value = new za(), m.value.addEventListener(
+      Ca.isBrowser && (m.value = new ja(), m.value.addEventListener(
         "autoRotatePluginOptions",
         (d) => {
           y("autoRotatePluginOptions", d);
@@ -3754,9 +3754,9 @@ const vl = {
         (d) => d.interiorId === s.value && !d.dayOfYear && !d.timeInHours,
         (d) => d.interiorId === s.value && d.cameraId === i.value && !d.dayOfYear && !d.timeInHours
       ), m.value.animate(), y("playerCoreAccessible", m.value));
-    }), st(() => {
+    }), Qe(() => {
       m.value.destroy(), m.value = void 0;
-    }), (d, A) => (v(), E("div", El, [
+    }), (d, I) => (v(), M("div", El, [
       e("div", Ml, [
         J(d.$slots, "slideshow-image", {}, void 0, !0),
         e("div", Al, [
@@ -3786,7 +3786,7 @@ const vl = {
         e("div", Dl, [
           J(d.$slots, "bottom-right", {}, void 0, !0)
         ]),
-        A[0] || (A[0] = e("div", { id: "main-canvas" }, [
+        I[0] || (I[0] = e("div", { id: "main-canvas" }, [
           e("canvas", { id: "qpc" })
         ], -1))
       ])
@@ -3800,12 +3800,12 @@ const vl = {
   },
   emits: ["update:modelValue"],
   setup(l) {
-    const t = lt(l, "modelValue"), a = V(() => /Android|webOS|iPhone|iPad|BlackBerry|Windows Phone|Opera Mini|IEMobile|Mobile/i.test(
+    const t = it(l, "modelValue"), a = V(() => /Android|webOS|iPhone|iPad|BlackBerry|Windows Phone|Opera Mini|IEMobile|Mobile/i.test(
       window.navigator.userAgent
     ));
     return (n, o) => {
       const i = x("v-icon"), s = x("v-btn");
-      return v(), I(s, {
+      return v(), A(s, {
         size: "x-small",
         class: me(["autoplay-btn", { mobile: a.value, "mt-1": a.value, "mx-1": a.value }]),
         onClick: o[0] || (o[0] = (f) => t.value = !t.value)
@@ -3827,7 +3827,7 @@ const vl = {
   height: "24",
   viewBox: "0 0 24 24",
   xmlns: "http://www.w3.org/2000/svg"
-}, zl = /* @__PURE__ */ N({
+}, jl = /* @__PURE__ */ N({
   __name: "VViewModeToggle",
   props: {
     modelValue: { type: Boolean },
@@ -3835,29 +3835,29 @@ const vl = {
   },
   emits: ["update:modelValue"],
   setup(l) {
-    const t = lt(l, "modelValue"), a = Ve(Be), n = V(() => {
+    const t = it(l, "modelValue"), a = Me(Oe), n = V(() => {
       let o = "virtualTour";
       return t.value || (o = "slideShow"), o;
     });
     return (o, i) => {
       const s = x("v-icon"), f = x("v-btn"), w = x("v-tooltip");
-      return v(), I(w, { location: "top" }, {
+      return v(), A(w, { location: "top" }, {
         activator: c(({ props: r }) => [
-          h(f, Ae({
+          h(f, Ie({
             density: "comfortable",
             elevation: "1",
             icon: "",
             onClick: i[0] || (i[0] = (m) => t.value = !t.value)
           }, r), {
             default: c(() => [
-              n.value === "virtualTour" ? (v(), E("svg", Pl, [...i[1] || (i[1] = [
+              n.value === "virtualTour" ? (v(), M("svg", Pl, [...i[1] || (i[1] = [
                 e("path", {
                   d: "M5.38544 13C3.30939 13.9424 2 15.3211 2 16.8571C2 19.6975 6.47715 22 12 22C17.5228 22 22 19.6975 22 16.8571C22 15.3211 20.6906 13.9424 18.6146 13",
                   class: "fill-grey"
                 }, null, -1),
                 e("path", { d: "M8 9C8 7.89543 8.89543 7 10 7H14C15.1046 7 16 7.89543 16 9V12.875C16 13.4273 15.5523 13.875 15 13.875H14V17C14 17.5523 13.5523 18 13 18H11C10.4477 18 10 17.5523 10 17V13.875H9C8.44772 13.875 8 13.4273 8 12.875V9Z" }, null, -1),
                 e("path", { d: "M15 4C15 5.65685 13.6569 7 12 7C10.3431 7 9 5.65685 9 4C9 2.34315 10.3431 1 12 1C13.6569 1 15 2.34315 15 4Z" }, null, -1)
-              ])])) : (v(), I(s, { key: 1 }, {
+              ])])) : (v(), A(s, { key: 1 }, {
                 default: c(() => [...i[2] || (i[2] = [
                   Q("mdi-image-multiple", -1)
                 ])]),
@@ -3874,13 +3874,13 @@ const vl = {
       });
     };
   }
-}), jl = /* @__PURE__ */ X(zl, [["__scopeId", "data-v-c1d52554"]]), Yl = {
+}), zl = /* @__PURE__ */ X(jl, [["__scopeId", "data-v-c1d52554"]]), Yl = {
   id: "share-btns-wrapper",
   class: "text-center"
 }, Nl = /* @__PURE__ */ N({
   __name: "VSocialShare",
   setup(l) {
-    const t = Ve(Be), a = b(!1), n = b(location.href);
+    const t = Me(Oe), a = b(!1), n = b(location.href);
     function o() {
       return window.open(
         "https://www.facebook.com/sharer/sharer.php?u=" + encodeURIComponent(location.href),
@@ -3906,15 +3906,15 @@ const vl = {
       navigator.clipboard.writeText(location.href);
     }
     return (w, r) => {
-      const m = x("v-btn"), y = x("v-tooltip"), d = x("v-toolbar-title"), A = x("v-spacer"), k = x("v-toolbar"), u = x("v-card-text"), p = x("v-card"), _ = x("v-dialog");
-      return v(), E("div", null, [
+      const m = x("v-btn"), y = x("v-tooltip"), d = x("v-toolbar-title"), I = x("v-spacer"), k = x("v-toolbar"), u = x("v-card-text"), p = x("v-card"), _ = x("v-dialog");
+      return v(), M("div", null, [
         h(y, {
           elevation: "2",
           top: "",
           attach: ""
         }, {
           activator: c(({ props: L }) => [
-            h(m, Ae({
+            h(m, Ie({
               density: "comfortable",
               elevation: "1",
               icon: "mdi-share-variant",
@@ -3948,7 +3948,7 @@ const vl = {
                       ]),
                       _: 1
                     }),
-                    h(A)
+                    h(I)
                   ]),
                   _: 1
                 }),
@@ -3957,7 +3957,7 @@ const vl = {
                     e("p", Yl, [
                       h(y, { location: "top" }, {
                         activator: c(({ props: L }) => [
-                          h(m, Ae({
+                          h(m, Ie({
                             depressed: "",
                             fab: "",
                             light: "",
@@ -3971,7 +3971,7 @@ const vl = {
                       }),
                       h(y, { location: "top" }, {
                         activator: c(({ props: L }) => [
-                          h(m, Ae({
+                          h(m, Ie({
                             depressed: "",
                             fab: "",
                             light: "",
@@ -3985,7 +3985,7 @@ const vl = {
                       }),
                       h(y, { location: "top" }, {
                         activator: c(({ props: L }) => [
-                          h(m, Ae({
+                          h(m, Ie({
                             depressed: "",
                             fab: "",
                             light: "",
@@ -3999,7 +3999,7 @@ const vl = {
                       }),
                       h(y, { location: "top" }, {
                         activator: c(({ props: L }) => [
-                          h(m, Ae({
+                          h(m, Ie({
                             depressed: "",
                             fab: "",
                             light: "",
@@ -4015,7 +4015,7 @@ const vl = {
                       }),
                       h(y, { location: "top" }, {
                         activator: c(({ props: L }) => [
-                          h(m, Ae({
+                          h(m, Ie({
                             depressed: "",
                             fab: "",
                             light: "",
@@ -4028,7 +4028,7 @@ const vl = {
                         ]),
                         _: 1
                       }),
-                      h(A)
+                      h(I)
                     ])
                   ]),
                   _: 1
@@ -4052,7 +4052,7 @@ const vl = {
   __name: "VTutorial",
   emits: ["closeTutorial"],
   setup(l, { emit: t }) {
-    const a = t, n = Ve(Be), o = b(!1), i = b(!1), s = V(() => [
+    const a = t, n = Me(Oe), o = b(!1), i = b(!1), s = V(() => [
       /Android/i,
       /webOS/i,
       /iPhone/i,
@@ -4065,8 +4065,8 @@ const vl = {
       a("closeTutorial", o.value);
     }
     return (w, r) => {
-      const m = x("v-icon"), y = x("v-card-title"), d = x("v-btn"), A = x("v-divider"), k = x("v-card-text"), u = x("v-card-actions"), p = x("v-card"), _ = x("v-expand-transition"), L = x("v-checkbox");
-      return v(), I(Ue, { name: "fade-transition" }, {
+      const m = x("v-icon"), y = x("v-card-title"), d = x("v-btn"), I = x("v-divider"), k = x("v-card-text"), u = x("v-card-actions"), p = x("v-card"), _ = x("v-expand-transition"), L = x("v-checkbox");
+      return v(), A(Re, { name: "fade-transition" }, {
         default: c(() => [
           h(p, {
             class: "mx-auto",
@@ -4105,8 +4105,8 @@ const vl = {
                     ]),
                     _: 1
                   }),
-                  h(A, { class: "my-3" }),
-                  s.value ? M("", !0) : (v(), E("div", Zl, [
+                  h(I, { class: "my-3" }),
+                  s.value ? E("", !0) : (v(), M("div", Zl, [
                     e("div", ql, [
                       e("div", Jl, [
                         r[6] || (r[6] = e("div", { class: "tutorial-icon justify-center" }, [
@@ -4442,7 +4442,7 @@ const vl = {
                       ])
                     ])
                   ])),
-                  s.value ? (v(), E("div", ns, [
+                  s.value ? (v(), M("div", ns, [
                     e("div", os, [
                       r[10] || (r[10] = e("div", { class: "tutorial-icon justify-center" }, [
                         e("svg", {
@@ -4657,14 +4657,14 @@ const vl = {
                       ], -1)),
                       e("div", us, T(g(n).getLabel("useTwoFingersToZoom")), 1)
                     ])
-                  ])) : M("", !0),
-                  h(A, { class: "my-1" })
+                  ])) : E("", !0),
+                  h(I, { class: "my-1" })
                 ]),
                 _: 1
               }),
               h(_, null, {
                 default: c(() => [
-                  i.value ? (v(), I(p, {
+                  i.value ? (v(), A(p, {
                     key: 0,
                     class: "position-absolute w-100 bg-white",
                     height: "100%",
@@ -4710,7 +4710,7 @@ const vl = {
                       })
                     ]),
                     _: 1
-                  })) : M("", !0)
+                  })) : E("", !0)
                 ]),
                 _: 1
               }),
@@ -4781,18 +4781,18 @@ const vl = {
       function d(u) {
         u = u || window.event, u.preventDefault();
         let p = u;
-        u.type === "touchstart" && (p = u.touches[0]), m = p.clientX, y = p.clientY, document.addEventListener("mouseup", k, { passive: !1 }), document.addEventListener("touchend", k, { passive: !1 }), document.addEventListener("mousemove", A, { passive: !1 }), document.addEventListener("touchmove", A, { passive: !1 });
+        u.type === "touchstart" && (p = u.touches[0]), m = p.clientX, y = p.clientY, document.addEventListener("mouseup", k, { passive: !1 }), document.addEventListener("touchend", k, { passive: !1 }), document.addEventListener("mousemove", I, { passive: !1 }), document.addEventListener("touchmove", I, { passive: !1 });
       }
-      function A(u) {
+      function I(u) {
         u = u || window.event, u.preventDefault();
         let p = u;
         u.type === "touchmove" && (p = u.touches[0]), w = m - p.clientX, r = y - p.clientY, m = p.clientX, y = p.clientY, s.style.top = s.offsetTop - r + "px", s.style.left = s.offsetLeft - w + "px";
       }
       function k() {
-        document.removeEventListener("mouseup", k, !1), document.removeEventListener("mousemove", A, !1), document.removeEventListener("touchend", k, !1), document.removeEventListener("touchmove", A, !1);
+        document.removeEventListener("mouseup", k, !1), document.removeEventListener("mousemove", I, !1), document.removeEventListener("touchend", k, !1), document.removeEventListener("touchmove", I, !1);
       }
     };
-    return (s, f) => (v(), E("div", {
+    return (s, f) => (v(), M("div", {
       id: "moveableDiv",
       class: me([l.size, "sizer rounded"])
     }, [
@@ -4840,17 +4840,17 @@ const vl = {
     );
     const r = V(() => {
       let _ = 1;
-      return s.value !== 0 && (Math.abs(s.value) % 180 === 0 ? _ = 1 : _ = -1), A.value === "small" && (_ = 0.6), _;
+      return s.value !== 0 && (Math.abs(s.value) % 180 === 0 ? _ = 1 : _ = -1), I.value === "small" && (_ = 0.6), _;
     });
     function m(_) {
       i.value = _;
     }
     const y = ["big", "bigger", "small"];
     function d() {
-      const L = (y.indexOf(A.value) + 1) % y.length;
-      A.value = y[L];
+      const L = (y.indexOf(I.value) + 1) % y.length;
+      I.value = y[L];
     }
-    const A = b("big");
+    const I = b("big");
     function k() {
       s.value = s.value + 90;
     }
@@ -4862,10 +4862,10 @@ const vl = {
     }
     return (_, L) => {
       const S = x("v-btn");
-      return v(), I(_s, {
+      return v(), A(_s, {
         ref_key: "minimapMoveable",
         ref: a,
-        size: A.value
+        size: I.value
       }, {
         "top-left": c(() => [
           e("div", Cs, [
@@ -4920,7 +4920,7 @@ const vl = {
           ])
         ]),
         footer: c(() => [
-          (v(), I(Gt, {
+          (v(), A(Gt, {
             key: w.value,
             "cdn-file-resolver": n.cdnFileResolver,
             "minimap-json": n.minimapJson,
@@ -4943,7 +4943,7 @@ const vl = {
     const a = t;
     return (n, o) => {
       const i = x("v-btn");
-      return v(), E("div", Es, [
+      return v(), M("div", Es, [
         h(i, {
           density: "comfortable",
           elevation: "3",
@@ -4966,7 +4966,7 @@ const vl = {
     const a = t;
     return (n, o) => {
       const i = x("v-btn");
-      return v(), E("div", As, [
+      return v(), M("div", As, [
         h(i, {
           density: "comfortable",
           elevation: "3",
@@ -5005,10 +5005,10 @@ const vl = {
         d.onload = () => y(!0), d.onerror = () => y(!1), d.src = m;
       });
     }
-    const r = Ve(Be);
+    const r = Me(Oe);
     return (m, y) => {
-      const d = x("v-icon"), A = x("v-btn"), k = x("v-img"), u = x("v-menu");
-      return v(), E("div", null, [
+      const d = x("v-icon"), I = x("v-btn"), k = x("v-img"), u = x("v-menu");
+      return v(), M("div", null, [
         h(u, {
           transition: "slide-x-reverse-transition",
           location: "top end",
@@ -5017,7 +5017,7 @@ const vl = {
           attach: ""
         }, {
           activator: c(({ props: p }) => [
-            h(A, Ae({ rounded: "" }, p, { class: "text-capitalize" }), {
+            h(I, Ie({ rounded: "" }, p, { class: "text-capitalize" }), {
               default: c(() => [
                 h(d, null, {
                   default: c(() => [...y[0] || (y[0] = [
@@ -5032,7 +5032,7 @@ const vl = {
           ]),
           default: c(() => [
             e("div", Vs, [
-              (v(!0), E(Oe, null, Pe(g(o), (p) => (v(), E("div", {
+              (v(!0), M(Be, null, Ne(g(o), (p) => (v(), M("div", {
                 key: `at-menuitem-${p.archetypeID}`,
                 onClick: (_) => f("selectInterior", p.archetypeID),
                 class: me(["interior-selector-list-item", {
@@ -5069,10 +5069,10 @@ const vl = {
   }),
   emits: ["update:modelValue"],
   setup(l) {
-    const t = lt(l, "modelValue"), a = Ve(Be);
+    const t = it(l, "modelValue"), a = Me(Oe);
     return (n, o) => {
       const i = x("v-btn");
-      return !t.value && l.showUi ? (v(), I(i, {
+      return !t.value && l.showUi ? (v(), A(i, {
         key: 0,
         size: "small",
         varient: "tonal",
@@ -5084,10 +5084,10 @@ const vl = {
           Q(T(g(a).getLabel("openSunStudy")), 1)
         ]),
         _: 1
-      })) : M("", !0);
+      })) : E("", !0);
     };
   }
-}), Hs = { class: "d-flex align-center" }, Ps = { class: "d-block mr-1" }, zs = { class: "small" }, js = { class: "small" }, Ys = /* @__PURE__ */ N({
+}), Hs = { class: "d-flex align-center" }, Ps = { class: "d-block mr-1" }, js = { class: "small" }, zs = { class: "small" }, Ys = /* @__PURE__ */ N({
   __name: "VSunsimSlider",
   props: {
     modelValue: { type: Boolean, required: !0 },
@@ -5103,7 +5103,7 @@ const vl = {
   },
   emits: ["update:modelValue", "update:time", "update:day"],
   setup(l) {
-    const t = lt(l, "modelValue"), a = lt(l, "time"), n = lt(l, "day");
+    const t = it(l, "modelValue"), a = it(l, "time"), n = it(l, "day");
     function o(i) {
       a.value = n.value.timeSamples.find(
         (s) => s.timeInHours === i
@@ -5111,7 +5111,7 @@ const vl = {
     }
     return (i, s) => {
       const f = x("v-icon"), w = x("v-slider"), r = x("v-field"), m = x("v-btn");
-      return v(), E("div", Hs, [
+      return v(), M("div", Hs, [
         e("div", Ps, [
           h(r, {
             class: "ss-slider-field",
@@ -5121,7 +5121,7 @@ const vl = {
             flat: ""
           }, {
             default: c(() => [
-              n.value.timeSamples.length > 1 ? (v(), I(w, {
+              n.value.timeSamples.length > 1 ? (v(), A(w, {
                 key: 0,
                 class: "pa-2 pr-2",
                 modelValue: a.value.timeInHours,
@@ -5145,10 +5145,10 @@ const vl = {
                     ])]),
                     _: 1
                   }),
-                  e("span", zs, T(g(pt)(a.value.timeInHours)), 1)
+                  e("span", js, T(g(pt)(a.value.timeInHours)), 1)
                 ]),
                 _: 1
-              }, 8, ["modelValue", "min", "max", "step"])) : (v(), E(Oe, { key: 1 }, [
+              }, 8, ["modelValue", "min", "max", "step"])) : (v(), M(Be, { key: 1 }, [
                 h(f, {
                   style: { "vertical-align": "baseline", "font-size": "20px", "margin-top": "-1px", opacity: "0.6" },
                   class: "mr-2 icon",
@@ -5159,7 +5159,7 @@ const vl = {
                   ])]),
                   _: 1
                 }),
-                e("span", js, T(g(pt)(a.value.timeInHours)), 1)
+                e("span", zs, T(g(pt)(a.value.timeInHours)), 1)
               ], 64))
             ]),
             _: 1
@@ -5215,7 +5215,7 @@ const vl = {
     ));
     je(() => {
       window.addEventListener("keydown", m);
-    }), st(() => {
+    }), Qe(() => {
       window.removeEventListener("keydown", m);
     });
     function m(p) {
@@ -5242,7 +5242,7 @@ const vl = {
       );
       p < o.value.length - 1 && k(o.value[p + 1]);
     }
-    function A(p, _) {
+    function I(p, _) {
       _(), k(o.value.find((L) => L === p));
     }
     function k(p) {
@@ -5256,8 +5256,8 @@ const vl = {
       }
     }
     return (p, _) => {
-      const L = x("v-btn"), S = x("v-img"), Z = x("v-icon"), se = x("v-card"), O = x("v-slide-group-item"), q = x("v-slide-group");
-      return v(), E("div", {
+      const L = x("v-btn"), S = x("v-img"), Z = x("v-icon"), le = x("v-card"), O = x("v-slide-group-item"), q = x("v-slide-group");
+      return v(), M("div", {
         class: me(["d-flex align-center justify-center", {
           mobileWaypointWrapper: r.value,
           desktopWaypointWrapper: !r.value,
@@ -5267,7 +5267,7 @@ const vl = {
         J(p.$slots, "before", {}, void 0, !0),
         h(q, {
           modelValue: f.value,
-          "onUpdate:modelValue": _[2] || (_[2] = (de) => f.value = de),
+          "onUpdate:modelValue": _[2] || (_[2] = (ce) => f.value = ce),
           class: me({ mobileWaypoint: r.value }),
           "active-class": "active-apt",
           "selected-class": "active-apt",
@@ -5276,31 +5276,31 @@ const vl = {
           mandatory: ""
         }, {
           prev: c(() => [
-            r.value ? M("", !0) : (v(), I(L, {
+            r.value ? E("", !0) : (v(), A(L, {
               key: 0,
               class: me(["carousel-button", { mobile: r.value }]),
               icon: "mdi-chevron-left",
               varient: "tonal",
               size: "small",
-              onClick: _[0] || (_[0] = (de) => y())
+              onClick: _[0] || (_[0] = (ce) => y())
             }, null, 8, ["class"]))
           ]),
           next: c(() => [
-            r.value ? M("", !0) : (v(), I(L, {
+            r.value ? E("", !0) : (v(), A(L, {
               key: 0,
               class: me(["carousel-button", { mobile: r.value }]),
               icon: "mdi-chevron-right",
               varient: "tonal",
               size: "small",
-              onClick: _[1] || (_[1] = (de) => d())
+              onClick: _[1] || (_[1] = (ce) => d())
             }, null, 8, ["class"]))
           ]),
           default: c(() => [
-            (v(!0), E(Oe, null, Pe(g(o), (de, R) => (v(), I(O, {
-              key: de.labels.cameraId
+            (v(!0), M(Be, null, Ne(g(o), (ce, R) => (v(), A(O, {
+              key: ce.labels.cameraId
             }, {
               default: c(({ toggle: Se, selectedClass: ke }) => [
-                h(se, {
+                h(le, {
                   class: me(["position-relative", [
                     r.value ? "ma-0" : "ma-1",
                     ke,
@@ -5309,29 +5309,29 @@ const vl = {
                   align: "center",
                   justify: "center",
                   style: { overflow: "hidden" },
-                  onClick: (P) => A(de, Se)
+                  onClick: (P) => I(ce, Se)
                 }, {
                   default: c(() => [
                     h(S, {
                       cover: "",
                       "aspect-ratio": 1,
-                      src: de.labels.thumbnailUrl
+                      src: ce.labels.thumbnailUrl
                     }, null, 8, ["src"]),
-                    w.value[R] < 1 ? (v(), E("div", {
+                    w.value[R] < 1 ? (v(), M("div", {
                       key: 0,
                       class: "w-100 h-100 top-0 left-0 position-absolute",
-                      style: ce(`opacity: 0.85; background: conic-gradient(gray 0deg, gray ${Math.round(
+                      style: ve(`opacity: 0.85; background: conic-gradient(gray 0deg, gray ${Math.round(
                         (1 - w.value[R]) * 360
                       )}deg, transparent ${Math.round(
                         (1 - w.value[R]) * 360
                       )}deg, transparent 360deg);`)
-                    }, null, 4)) : M("", !0),
-                    de.labels.hasSunSim ? (v(), E("div", Ns, [
+                    }, null, 4)) : E("", !0),
+                    ce.labels.hasSunSim ? (v(), M("div", Ns, [
                       h(Z, {
                         class: "sun-icon",
                         icon: "mdi-white-balance-sunny"
                       })
-                    ])) : M("", !0)
+                    ])) : E("", !0)
                   ]),
                   _: 2
                 }, 1032, ["class", "onClick"])
@@ -5358,7 +5358,7 @@ const vl = {
     }
     return (o, i) => {
       const s = x("v-img");
-      return v(), E("div", Js, [
+      return v(), M("div", Js, [
         e("div", Qs, [
           h(s, {
             src: g(Sa),
@@ -5383,14 +5383,14 @@ const vl = {
     }));
     return (i, s) => {
       const f = x("v-img");
-      return v(), E("div", {
-        style: ce(n.value),
+      return v(), M("div", {
+        style: ve(n.value),
         class: "compass-wrapper"
       }, [
         h(f, {
           class: "compass-needle",
           src: a.value,
-          style: ce(o.value)
+          style: ve(o.value)
         }, null, 8, ["src", "style"])
       ], 4);
     };
@@ -5413,7 +5413,7 @@ const vl = {
   emits: ["updateSettings", "saveSettings"],
   setup(l, { emit: t }) {
     const a = l, n = t, o = b(
-      A(a.initialSettings)
+      I(a.initialSettings)
     );
     H(
       o,
@@ -5443,7 +5443,7 @@ const vl = {
       n("saveSettings", i.value);
     }
     function r() {
-      o.value = A(), n("updateSettings", i.value);
+      o.value = I(), n("updateSettings", i.value);
     }
     function m(k) {
       const u = parseInt(k.substr(1, 2), 16) / 255, p = parseInt(k.substr(3, 2), 16) / 255, _ = parseInt(k.substr(5, 2), 16) / 255;
@@ -5456,7 +5456,7 @@ const vl = {
     function d([k, u, p]) {
       return "#" + y(parseInt((k * 255).toString())) + y(parseInt((u * 255).toString())) + y(parseInt((p * 255).toString()));
     }
-    function A(k = {}) {
+    function I(k = {}) {
       const u = [
         "Cool 5",
         "Cool 10",
@@ -5553,15 +5553,15 @@ const vl = {
       };
     }
     return (k, u) => {
-      const p = x("v-text-field"), _ = x("v-slider"), L = x("v-checkbox"), S = x("v-btn"), Z = x("v-select"), se = x("v-icon");
-      return v(), E("div", ti, [
+      const p = x("v-text-field"), _ = x("v-slider"), L = x("v-checkbox"), S = x("v-btn"), Z = x("v-select"), le = x("v-icon");
+      return v(), M("div", ti, [
         e("form", ai, [
           e("div", ni, [
-            (v(!0), E(Oe, null, Pe(o.value, (O, q, de) => (v(), E("div", {
-              key: de,
+            (v(!0), M(Be, null, Ne(o.value, (O, q, ce) => (v(), M("div", {
+              key: ce,
               "d-block": ""
             }, [
-              O.type === "slider" ? (v(), I(_, {
+              O.type === "slider" ? (v(), A(_, {
                 key: 0,
                 modelValue: o.value[q].value,
                 "onUpdate:modelValue": (R) => o.value[q].value = R,
@@ -5591,8 +5591,8 @@ const vl = {
                   ])
                 ]),
                 _: 2
-              }, 1032, ["modelValue", "onUpdate:modelValue", "max", "min", "step"])) : M("", !0),
-              O.type === "boolean" ? (v(), I(L, {
+              }, 1032, ["modelValue", "onUpdate:modelValue", "max", "min", "step"])) : E("", !0),
+              O.type === "boolean" ? (v(), A(L, {
                 key: 1,
                 modelValue: o.value[q].value,
                 "onUpdate:modelValue": (R) => o.value[q].value = R,
@@ -5605,8 +5605,8 @@ const vl = {
                   e("div", null, T(O.value), 1)
                 ]),
                 _: 2
-              }, 1032, ["modelValue", "onUpdate:modelValue"])) : M("", !0),
-              O.type === "color" ? (v(), E("div", {
+              }, 1032, ["modelValue", "onUpdate:modelValue"])) : E("", !0),
+              O.type === "color" ? (v(), M("div", {
                 key: 2,
                 class: "d-flex",
                 max: O.max,
@@ -5636,8 +5636,8 @@ const vl = {
                     onChange: s
                   }, null, 8, ["modelValue", "onUpdate:modelValue"])
                 ])
-              ], 8, si)) : M("", !0),
-              O.type === "lut" ? (v(), E("div", ci, [
+              ], 8, si)) : E("", !0),
+              O.type === "lut" ? (v(), M("div", ci, [
                 e("div", di, [
                   e("div", vi, T(O.label), 1),
                   e("div", null, [
@@ -5684,7 +5684,7 @@ const vl = {
                     ])
                   ])
                 ])
-              ])) : M("", !0)
+              ])) : E("", !0)
             ]))), 128))
           ]),
           e("div", fi, [
@@ -5702,7 +5702,7 @@ const vl = {
             }, {
               default: c(() => [
                 u[7] || (u[7] = Q(" Download Json ", -1)),
-                h(se, { color: "black darken-1" }, {
+                h(le, { color: "black darken-1" }, {
                   default: c(() => [...u[6] || (u[6] = [
                     Q("mdi-download", -1)
                   ])]),
@@ -5717,7 +5717,7 @@ const vl = {
             }, {
               default: c(() => [
                 u[9] || (u[9] = Q(" Save Settings ", -1)),
-                h(se, { color: "black darken-1" }, {
+                h(le, { color: "black darken-1" }, {
                   default: c(() => [...u[8] || (u[8] = [
                     Q("mdi-save", -1)
                   ])]),
@@ -5745,7 +5745,7 @@ const vl = {
   }),
   emits: ["update:modelValue"],
   setup(l) {
-    const t = lt(l, "modelValue"), a = l, n = Ve(Be), o = V(() => {
+    const t = it(l, "modelValue"), a = l, n = Me(Oe), o = V(() => {
       const r = a.floorLevels;
       return r.sort(), r;
     }), i = V(() => o.value.indexOf(t.value) + 1 <= o.value.length / 2 ? "lower" : "upper"), s = V(() => i.value === "lower"), f = V(() => i.value === "upper");
@@ -5755,19 +5755,19 @@ const vl = {
     }
     return (r, m) => {
       const y = x("v-btn"), d = x("v-tooltip");
-      return v(), I(d, {
+      return v(), A(d, {
         right: "",
         attach: ""
       }, {
-        activator: c(({ props: A }) => [
-          h(y, Ae({
+        activator: c(({ props: I }) => [
+          h(y, Ie({
             style: { cursor: "pointer" },
             density: "comfortable",
             elevation: "1",
             icon: ""
-          }, A, { onClick: w }), {
+          }, I, { onClick: w }), {
             default: c(() => [
-              (v(), E("svg", yi, [
+              (v(), M("svg", yi, [
                 e("path", {
                   d: "M8.98034 10.3472L1.54055 5.8855L8.98034 1.42384L16.4201 5.8855L8.98034 10.3472Z",
                   fill: "white",
@@ -5795,18 +5795,18 @@ const vl = {
     };
   }
 }), Ci = /* @__PURE__ */ X(_i, [["__scopeId", "data-v-ae461ac7"]]);
-class dt {
+class vt {
   static async loadText(t) {
-    return new dt().loadText(t);
+    return new vt().loadText(t);
   }
   static async loadJson(t) {
-    return new dt().loadJson(t);
+    return new vt().loadJson(t);
   }
   static async loadImage(t) {
-    return new dt().loadImage(t);
+    return new vt().loadImage(t);
   }
   static async loadImageData(t) {
-    return new dt().loadImageData(t);
+    return new vt().loadImageData(t);
   }
   async loadText(t) {
     try {
@@ -5967,7 +5967,7 @@ class Li {
     }
   }
 }
-class vt {
+class mt {
   cacheName;
   maxSizeBytes;
   db = null;
@@ -5987,7 +5987,7 @@ class vt {
         const n = indexedDB.open(this.cacheName, 1);
         n.onupgradeneeded = () => {
           const o = n.result;
-          o.objectStoreNames.contains(vt.STORE_NAME) || o.createObjectStore(vt.STORE_NAME, {
+          o.objectStoreNames.contains(mt.STORE_NAME) || o.createObjectStore(mt.STORE_NAME, {
             keyPath: "key"
           });
         }, n.onsuccess = () => t(n.result), n.onerror = () => a(n.error);
@@ -6007,7 +6007,7 @@ class vt {
   }
   request(t, a) {
     return new Promise((n, o) => {
-      const s = this.db.transaction(vt.STORE_NAME, t).objectStore(vt.STORE_NAME), f = a(s);
+      const s = this.db.transaction(mt.STORE_NAME, t).objectStore(mt.STORE_NAME), f = a(s);
       f.onsuccess = () => n(f.result), f.onerror = () => o(f.error);
     });
   }
@@ -6195,7 +6195,7 @@ const Ei = {
       version: m,
       adminMode: y,
       playerSettings: d,
-      defaultViewMode: A,
+      defaultViewMode: I,
       showCarousel: k,
       showTimeOfDay: u,
       showCompass: p,
@@ -6203,43 +6203,43 @@ const Ei = {
       showSnapshot: L,
       showShare: S,
       showInteriorOptions: Z,
-      showMiniMap: se,
+      showMiniMap: le,
       showFloorLevel: O,
       showVersion: q,
-      showVisuadoCreateButton: de,
+      showVisuadoCreateButton: ce,
       enableAutoplay: R
     } = $e(n);
-    mt(
-      Be,
-      i.value ? new nt(i.value) : new nt()
+    lt(
+      Oe,
+      i.value ? new ot(i.value) : new ot()
     );
-    const Se = b(), ke = b(), P = b(), we = b(), G = b({}), ue = b({}), ne = b({}), B = b(!1), K = b(), oe = b(), Y = b(), ee = b(), z = b(), ie = b(0), te = b(!1), _e = b(!1), re = b(!1), he = b(!1), xe = b(!1), Le = b(!1), Te = b(!1), ge = b(), ve = b(), Ie = b(), Ee = b(), Ye = b(0), Ne = b(0), Re = b(
+    const Se = b(), ke = b(), P = b(), we = b(), G = b({}), ue = b({}), ne = b({}), B = b(!1), K = b(), oe = b(), Y = b(), ee = b(), j = b(), ie = b(0), te = b(!1), _e = b(!1), se = b(!1), he = b(!1), xe = b(!1), Le = b(!1), Te = b(!1), ge = b(), de = b(), Fe = b(), Ee = b(), ze = b(0), Ye = b(0), De = b(
       new Xt(document, "player-wrapper")
     );
     t({
       playerCore: ke,
-      setCurrentCameraId: zt,
-      setCurrentInteriorId: jt,
+      setCurrentCameraId: jt,
+      setCurrentInteriorId: zt,
       setCurrentDay: qe,
-      setCurrentTimeSample: Xe,
+      setCurrentTimeSample: Ke,
       setCurrentRotation: Yt,
       setCurrentFloorLevel: Et
     }), je(async () => {
       try {
-        De.value ? (te.value = !1, re.value = !0) : setTimeout(() => {
+        Ue.value ? (te.value = !1, se.value = !0) : setTimeout(() => {
           te.value = !0;
         }, 1e3);
       } catch ($) {
         B.value = !0, o("error", $);
       }
     }), H(
-      A,
+      I,
       () => {
-        A.value === "virtualTour" && (_e.value = !1), A.value === "slideShow" && (_e.value = !0, re.value = !0);
+        I.value === "virtualTour" && (_e.value = !1), I.value === "slideShow" && (_e.value = !0, se.value = !0);
       },
       { immediate: !0 }
-    ), H(z, () => {
-      ee.value = z.value.labels.thumbnailUrl ? z.value : null;
+    ), H(j, () => {
+      ee.value = j.value.labels.thumbnailUrl ? j.value : null;
     }), H(
       [s, f, w],
       async () => {
@@ -6250,76 +6250,76 @@ const Ei = {
           );
           P.value = await (await fetch(U)).json(), we.value = P.value.archetypes;
           const ye = P.value.archetypes.map(
-            (j) => j.archetypeID
+            (z) => z.archetypeID
           );
-          for (const j of ye) {
-            const Ke = fe(
+          for (const z of ye) {
+            const et = fe(
               s.value,
-              `/${j}/${f.value}/apartment.json`
+              `/${z}/${f.value}/apartment.json`
             );
             try {
-              G.value[j] = await (await fetch(Ke)).json();
+              G.value[z] = await (await fetch(et)).json();
             } catch {
-              if (ye[0] !== j)
-                G.value[j] = G.value[ye[0]];
+              if (ye[0] !== z)
+                G.value[z] = G.value[ye[0]];
               else
                 throw new Error(
-                  `Failed to load apartment.json for the default interior: ${Ke}`
+                  `Failed to load apartment.json for the default interior: ${et}`
                 );
             }
             const Nt = fe(
               s.value,
-              `/${j}/${f.value}/thumbs.json`
+              `/${z}/${f.value}/thumbs.json`
             );
             try {
-              ue.value[j] = await (await fetch(Nt)).json();
+              ue.value[z] = await (await fetch(Nt)).json();
             } catch {
-              ue.value[j] = ue.value[ye[0]];
+              ue.value[z] = ue.value[ye[0]];
             }
             const Wt = fe(
               s.value,
-              `/${j}/${f.value}/minimap/minimap.json`
+              `/${z}/${f.value}/minimap/minimap.json`
             );
             try {
-              ne.value[j] = await (await fetch(Wt)).json();
+              ne.value[z] = await (await fetch(Wt)).json();
             } catch {
-              ne.value[j] = void 0;
+              ne.value[z] = void 0;
             }
-            for (const ze of G.value[j].cameras) {
-              const We = ze.id, yt = ze.sunsimDayOfYear?.filter(
+            for (const Pe of G.value[z].cameras) {
+              const We = Pe.id, yt = Pe.sunsimDayOfYear?.filter(
                 (Ze) => Ze.timeSamples?.length > 1
               );
               $.push({
                 url: fe(
                   s.value,
-                  `/${j}/${f.value}/360/4096x2048/${We}.${w.value || "qhdr"}`
+                  `/${z}/${f.value}/360/4096x2048/${We}.${w.value || "qhdr"}`
                 ),
-                position: ze.uposition,
-                rotation: ze.urotation,
-                floorPositionY: Number(ze.floor_vertical_position),
-                floorLevel: ze.floorLevel,
+                position: Pe.uposition,
+                rotation: Pe.urotation,
+                floorPositionY: Number(Pe.floor_vertical_position),
+                floorLevel: Pe.floorLevel,
                 type: w.value,
                 depthDataUrl: w.value === "jpg" ? fe(
                   s.value,
-                  `/${j}/${f.value}/data/${We}_depth.raw.z`
+                  `/${z}/${f.value}/data/${We}_depth.raw.z`
                 ) : void 0,
                 labels: {
                   apartmentId: f.value,
-                  interiorId: j,
+                  interiorId: z,
                   cameraId: We,
                   hasSunSim: !!yt.length,
                   daysOfYear: yt,
-                  thumbnailUrl: ue.value[j].cameras.find(
+                  thumbnailUrl: ue.value[z].cameras.find(
                     (Ze) => Ze.id === We
                   ) ? fe(
                     s.value,
-                    `/${j}/${f.value}/thumbs/200/${We}.jpg`
+                    `/${z}/${f.value}/thumbs/200/${We}.jpg`
                   ) : void 0,
-                  imageUrl: ue.value[j].cameras.find(
+                  imageUrl: ue.value[z].cameras.find(
                     (Ze) => Ze.id === We
                   ) ? fe(
                     s.value,
-                    `/${j}/${f.value}/thumbs/1600/${We}.jpg`
+                    `/${z}/${f.value}/thumbs/1600/${We}.jpg`
                   ) : void 0
                 }
               });
@@ -6328,16 +6328,16 @@ const Ei = {
                   $.push({
                     url: fe(
                       s.value,
-                      `/${j}/${f.value}${Mt.filename}`
+                      `/${z}/${f.value}${Mt.filename}`
                     ),
-                    position: ze.uposition,
-                    rotation: ze.urotation,
-                    floorPositionY: Number(ze.floor_vertical_position),
-                    floorLevel: ze.floorLevel,
+                    position: Pe.uposition,
+                    rotation: Pe.urotation,
+                    floorPositionY: Number(Pe.floor_vertical_position),
+                    floorLevel: Pe.floorLevel,
                     type: "jpg",
                     labels: {
                       apartmentId: f.value,
-                      interiorId: j,
+                      interiorId: z,
                       cameraId: We,
                       hasSunSim: !0,
                       dayOfYear: Ze.dayOfYear,
@@ -6353,25 +6353,25 @@ const Ei = {
     ), H(
       K,
       () => {
-        K.value && K.value.length > 0 && (ge.value = K.value[0].labels.cameraId, ve.value = K.value[0].labels.interiorId);
+        K.value && K.value.length > 0 && (ge.value = K.value[0].labels.cameraId, de.value = K.value[0].labels.interiorId);
       },
       { immediate: !0 }
     ), H(Te, () => {
-      Te.value ? (re.value = !1, Ie.value = z.value.labels.daysOfYear[0], Ee.value = z.value.labels.daysOfYear[0].timeSamples?.find(
-        ($) => $.timeInHours === z.value.labels.daysOfYear[0].defaultHour
-      )) : (re.value = !0, Ie.value = void 0, Ee.value = void 0);
-    }), H(ve, () => {
-      o("interiorUpdate", ve.value);
+      Te.value ? (se.value = !1, Fe.value = j.value.labels.daysOfYear[0], Ee.value = j.value.labels.daysOfYear[0].timeSamples?.find(
+        ($) => $.timeInHours === j.value.labels.daysOfYear[0].defaultHour
+      )) : (se.value = !0, Fe.value = void 0, Ee.value = void 0);
+    }), H(de, () => {
+      o("interiorUpdate", de.value);
     }), H(ge, () => {
-      o("cameraUpdate", ge.value, Fe.value);
-    }), H(z, () => {
-      o("sunsimUpdate", z.value.labels.daysOfYear);
+      o("cameraUpdate", ge.value, Ve.value);
+    }), H(j, () => {
+      o("sunsimUpdate", j.value.labels.daysOfYear);
     });
     const Ce = V(() => /Android|webOS|iPhone|iPad|BlackBerry|Windows Phone|Opera Mini|IEMobile|Mobile/i.test(
       window.navigator.userAgent
-    )), it = V(() => Ce.value ? "platform-mobile" : "platform-desktop"), Fe = V(() => G.value[ve.value]), F = V(() => ne.value[ve.value]), W = V(() => {
-      if (Fe.value) {
-        const $ = Fe.value.cameras.map(
+    )), rt = V(() => Ce.value ? "platform-mobile" : "platform-desktop"), Ve = V(() => G.value[de.value]), F = V(() => ne.value[de.value]), W = V(() => {
+      if (Ve.value) {
+        const $ = Ve.value.cameras.map(
           (ye) => ye.floorLevel
         );
         let U = [...new Set($)];
@@ -6380,25 +6380,25 @@ const Ei = {
         return [];
     }), pe = V(() => {
       let $ = 0;
-      if (Fe.value) {
-        const U = Fe.value.cameras.map(
-          (Ke) => Ke.floorLevel
+      if (Ve.value) {
+        const U = Ve.value.cameras.map(
+          (et) => et.floorLevel
         );
         let ye = [...new Set(U)];
         ye = ye.sort();
-        const j = ye.findIndex(
-          (Ke) => Ke === Ne.value
+        const z = ye.findIndex(
+          (et) => et === Ye.value
         );
-        j !== -1 && ($ = j);
+        z !== -1 && ($ = z);
       }
       return $;
     }), be = V(() => {
       if (F.value && F.value.storeys && pe.value in F.value.storeys)
         return F.value.storeys[pe.value];
-    }), le = V(() => {
-      if (Fe.value && Fe.value.timeInHours && n.showTimeOfDay)
-        return Ht(Fe.value.timeInHours);
-    }), De = V(() => {
+    }), re = V(() => {
+      if (Ve.value && Ve.value.timeInHours && n.showTimeOfDay)
+        return Ht(Ve.value.timeInHours);
+    }), Ue = V(() => {
       const $ = fe(
         s.value,
         "/config.json"
@@ -6407,7 +6407,7 @@ const Ei = {
         `${$}-dont-show-tutorial`
       );
     });
-    function Qe($) {
+    function Ge($) {
       ee.value = $, ke.value.setCurrentDataPoint(Ba(ee.value));
     }
     function He() {
@@ -6425,13 +6425,13 @@ const Ei = {
         ee.value = Y.value[0];
     }
     function Tt($) {
-      ve.value = $;
+      de.value = $;
     }
     function Ot($) {
       Y.value = $.data.filter((U) => U.labels.thumbnailUrl);
     }
     function Bt($) {
-      $.state === ja.Finished && (z.value = $.dataPoint, ge.value = $.dataPoint.labels.cameraId, ve.value = $.dataPoint.labels.interiorId);
+      $.state === za.Finished && (j.value = $.dataPoint, ge.value = $.dataPoint.labels.cameraId, de.value = $.dataPoint.labels.interiorId);
     }
     function Dt($) {
       oe.value = $.data;
@@ -6452,7 +6452,7 @@ const Ei = {
       o("visuadoCreateButtonClicked", U);
     }
     function Lt($ = !1) {
-      re.value = !0, te.value = !1, $ && Ut();
+      se.value = !0, te.value = !1, $ && Ut();
     }
     function Ut() {
       const $ = fe(
@@ -6471,9 +6471,9 @@ const Ei = {
       return { hours: U, minutes: ye };
     }
     function Pt() {
-      Re.value.toggle(), window.scrollTo({ top: 150, behavior: "smooth" });
+      De.value.toggle(), window.scrollTo({ top: 150, behavior: "smooth" });
     }
-    function rt($) {
+    function ut($) {
       ke.value.setAllOptions({
         unrealBloomEnabled: $.UNREAL_BLOOM_ENABLED,
         unrealBloomStrength: $.UNREAL_BLOOM_STRENGTH,
@@ -6489,69 +6489,69 @@ const Ei = {
       o("saveSettings", $);
     }
     function gt() {
-      Re.value.setup();
+      De.value.setup();
     }
-    function Ge($) {
+    function Xe($) {
       ke.value = $, o("initialized", ke.value);
     }
     function St($) {
-      Ye.value = $.yRotation;
+      ze.value = $.yRotation;
     }
-    function zt($) {
+    function jt($) {
       ge.value = $;
     }
-    function jt($) {
-      ve.value = $;
+    function zt($) {
+      de.value = $;
     }
     function qe($) {
-      const U = z.value.labels.daysOfYear.find(
+      const U = j.value.labels.daysOfYear.find(
         (ye) => ye.dayOfYear === $
       );
-      Ie.value = U;
+      Fe.value = U;
     }
-    function Xe($) {
-      const U = Ie.value.timeSamples.find(
+    function Ke($) {
+      const U = Fe.value.timeSamples.find(
         (ye) => ye.timeInHours === $
       );
       Ee.value = U;
     }
     function Yt($) {
-      Ye.value = $;
+      ze.value = $;
     }
     function Et($) {
-      Ne.value = $;
+      Ye.value = $;
     }
     return ($, U) => {
       const ye = x("v-btn");
-      return v(), E("div", {
-        class: me(["virtual-tour-wrapper", [it.value]])
+      return v(), M("div", {
+        class: me(["virtual-tour-wrapper", [rt.value]])
       }, [
-        B.value ? (v(), E("div", Ei, "Error loading the player!!")) : M("", !0),
+        B.value ? (v(), M("div", Ei, "Error loading the player!!")) : E("", !0),
         e("div", Mi, [
-          !Re.value.isActive && g(se) && F.value && ge.value && be.value && ve.value && he.value ? (v(), I(ca, {
+          !De.value.isActive && g(le) && F.value && ge.value && be.value && de.value && he.value ? (v(), A(ca, {
             key: 0,
             "cdn-file-resolver": g(s),
-            "apartment-json": Fe.value,
+            "apartment-json": Ve.value,
             level: pe.value,
             "minimap-json": F.value,
-            rotation: Ye.value,
+            rotation: ze.value,
             "current-camera": ge.value,
             onGoToCamera: xt,
-            onClose: U[0] || (U[0] = (j) => he.value = !1)
-          }, null, 8, ["cdn-file-resolver", "apartment-json", "level", "minimap-json", "rotation", "current-camera"])) : M("", !0),
-          ve.value && ge.value ? (v(), E("div", {
+            onClose: U[0] || (U[0] = (z) => he.value = !1)
+          }, null, 8, ["cdn-file-resolver", "apartment-json", "level", "minimap-json", "rotation", "current-camera"])) : E("", !0),
+          de.value && ge.value ? (v(), M("div", {
             key: 1,
-            class: me(["v-player", [it.value]])
+            class: me(["v-player", [rt.value]])
           }, [
-            K.value ? (v(), I(Ul, {
+            K.value ? (v(), A(Ul, {
               key: 0,
               data: K.value,
               cameraId: ge.value,
-              interiorId: ve.value,
-              day: Ie.value,
+              interiorId: de.value,
+              day: Fe.value,
               time: Ee.value,
               isAutoPlaying: Le.value,
-              isFullScreen: Re.value.isActive,
+              isFullScreen: De.value.isActive,
               onInitialized: gt,
               onDataPointsActivated: Ot,
               onDataPointLoad: Bt,
@@ -6559,154 +6559,154 @@ const Ei = {
               onDataPointTextureLoad: ft,
               onMousePick: Rt,
               onStateUpdated: St,
-              onPlayerCoreAccessible: Ge,
-              onFrontendMarkersUpdate: U[14] || (U[14] = (j) => o("frontendMarkersUpdate", j.data))
+              onPlayerCoreAccessible: Xe,
+              onFrontendMarkersUpdate: U[14] || (U[14] = (z) => o("frontendMarkersUpdate", z.data))
             }, {
               "slideshow-image": c(() => [
-                _e.value ? (v(), I(Ma, {
+                _e.value ? (v(), A(Ma, {
                   key: 0,
                   image: ee.value?.labels.imageUrl
-                }, null, 8, ["image"])) : M("", !0)
+                }, null, 8, ["image"])) : E("", !0)
               ]),
               "top-left": c(() => [
-                g(y) ? (v(), I(ye, {
+                g(y) ? (v(), A(ye, {
                   key: 0,
                   density: "comfortable",
                   icon: "mdi-cog-outline",
                   elevation: "3",
                   class: "mr-2",
-                  onClick: U[1] || (U[1] = (j) => xe.value = !xe.value)
-                })) : M("", !0),
+                  onClick: U[1] || (U[1] = (z) => xe.value = !xe.value)
+                })) : E("", !0),
                 Je(h(ye, {
                   density: "comfortable",
                   icon: "mdi-alert-outline",
                   elevation: "3",
                   class: "mr-2",
-                  onClick: U[2] || (U[2] = (j) => te.value = !te.value)
+                  onClick: U[2] || (U[2] = (z) => te.value = !te.value)
                 }, null, 512), [
-                  [ot, re.value]
+                  [st, se.value]
                 ]),
-                F.value && ge.value && be.value ? Je((v(), I(ye, {
+                F.value && ge.value && be.value ? Je((v(), A(ye, {
                   key: 1,
                   density: "comfortable",
                   elevation: "3",
                   icon: "mdi-floor-plan",
                   class: "mr-2",
-                  onClick: U[3] || (U[3] = (j) => he.value = !he.value)
+                  onClick: U[3] || (U[3] = (z) => he.value = !he.value)
                 }, null, 512)), [
-                  [ot, re.value]
-                ]) : M("", !0),
-                re.value && g(O) && W.value.length > 1 ? (v(), I(Ci, {
+                  [st, se.value]
+                ]) : E("", !0),
+                se.value && g(O) && W.value.length > 1 ? (v(), A(Ci, {
                   key: 2,
                   modelValue: ie.value,
-                  "onUpdate:modelValue": U[4] || (U[4] = (j) => ie.value = j),
+                  "onUpdate:modelValue": U[4] || (U[4] = (z) => ie.value = z),
                   "floor-levels": W.value
-                }, null, 8, ["modelValue", "floor-levels"])) : M("", !0),
-                g(y) && xe.value ? (v(), E("div", Ai, [
+                }, null, 8, ["modelValue", "floor-levels"])) : E("", !0),
+                g(y) && xe.value ? (v(), M("div", Ai, [
                   h(gi, {
                     "initial-settings": g(d),
-                    onUpdateSettings: rt,
+                    onUpdateSettings: ut,
                     onSaveSettings: ht
                   }, null, 8, ["initial-settings"])
-                ])) : M("", !0)
+                ])) : E("", !0)
               ]),
               "top-center": c(() => [...U[19] || (U[19] = [])]),
               "top-right": c(() => [
-                Fe.value && g(p) ? Je((v(), E("div", Ii, [
-                  h(ei, { rotation: Ye.value }, null, 8, ["rotation"])
+                Ve.value && g(p) ? Je((v(), M("div", Ii, [
+                  h(ei, { rotation: ze.value }, null, 8, ["rotation"])
                 ], 512)), [
-                  [ot, re.value]
-                ]) : M("", !0),
+                  [st, se.value]
+                ]) : E("", !0),
                 e("div", {
-                  onClick: U[5] || (U[5] = (j) => he.value = !he.value)
+                  onClick: U[5] || (U[5] = (z) => he.value = !he.value)
                 }, [
-                  re.value && Fe.value && Fe.value.timeInHours && g(u) ? (v(), I(Ks, {
+                  se.value && Ve.value && Ve.value.timeInHours && g(u) ? (v(), A(Ks, {
                     key: 0,
-                    hours: le.value.hours,
-                    minutes: le.value.minutes,
+                    hours: re.value.hours,
+                    minutes: re.value.minutes,
                     class: "time-of-day",
-                    style: ce({
+                    style: ve({
                       cursor: F.value && ge.value && be.value ? "pointer" : "default"
                     })
-                  }, null, 8, ["hours", "minutes", "style"])) : M("", !0)
+                  }, null, 8, ["hours", "minutes", "style"])) : E("", !0)
                 ])
               ]),
               "center-left": c(() => [
-                h(Ue, { name: "slide-x-transition" }, {
+                h(Re, { name: "slide-x-transition" }, {
                   default: c(() => [
-                    _e.value ? (v(), I(ye, {
+                    _e.value ? (v(), A(ye, {
                       key: 0,
                       density: "comfortable",
                       elevation: "3",
                       icon: "mdi-chevron-left",
                       onClick: $t
-                    })) : M("", !0)
+                    })) : E("", !0)
                   ]),
                   _: 1
                 })
               ]),
               "center-center": c(() => [
-                te.value ? (v(), I(fs, {
+                te.value ? (v(), A(fs, {
                   key: 0,
-                  onCloseTutorial: U[6] || (U[6] = (j) => Lt(j))
-                })) : M("", !0),
-                Re.value.isActive && F.value && z.value && be.value && he.value ? (v(), I(ca, {
+                  onCloseTutorial: U[6] || (U[6] = (z) => Lt(z))
+                })) : E("", !0),
+                De.value.isActive && F.value && j.value && be.value && he.value ? (v(), A(ca, {
                   key: 1,
                   "cdn-file-resolver": g(s),
-                  "apartment-json": Fe.value,
+                  "apartment-json": Ve.value,
                   "minimap-json": F.value,
-                  rotation: Ye.value,
-                  "current-camera": z.value.labels.cameraId,
-                  level: Ne.value,
-                  onClose: U[7] || (U[7] = (j) => he.value = !1),
+                  rotation: ze.value,
+                  "current-camera": j.value.labels.cameraId,
+                  level: Ye.value,
+                  onClose: U[7] || (U[7] = (z) => he.value = !1),
                   onGoToCamera: xt
-                }, null, 8, ["cdn-file-resolver", "apartment-json", "minimap-json", "rotation", "current-camera", "level"])) : M("", !0)
+                }, null, 8, ["cdn-file-resolver", "apartment-json", "minimap-json", "rotation", "current-camera", "level"])) : E("", !0)
               ]),
               "center-right": c(() => [
-                h(Ue, { name: "slide-x-reverse-transition" }, {
+                h(Re, { name: "slide-x-reverse-transition" }, {
                   default: c(() => [
-                    _e.value ? (v(), I(ye, {
+                    _e.value ? (v(), A(ye, {
                       key: 0,
                       density: "comfortable",
                       elevation: "3",
                       icon: "mdi-chevron-right",
                       onClick: He
-                    })) : M("", !0)
+                    })) : E("", !0)
                   ]),
                   _: 1
                 })
               ]),
               "bottom-left": c(() => [
-                g(_) ? (v(), I(Is, {
+                g(_) ? (v(), A(Is, {
                   key: 0,
-                  "is-full-screen": Re.value.isActive,
+                  "is-full-screen": De.value.isActive,
                   class: "btn-fullscreen",
                   onToggleFullscreen: Pt
-                }, null, 8, ["is-full-screen"])) : M("", !0),
-                g(L) ? (v(), E("div", Fi, [
+                }, null, 8, ["is-full-screen"])) : E("", !0),
+                g(L) ? (v(), M("div", Fi, [
                   h(ye, {
                     density: "comfortable",
                     elevation: "3",
                     icon: "mdi-camera",
                     onClick: _t
                   })
-                ])) : M("", !0),
+                ])) : E("", !0),
                 e("div", Vi, [
-                  g(r) && re.value ? (v(), I(jl, {
+                  g(r) && se.value ? (v(), A(zl, {
                     key: 0,
                     modelValue: _e.value,
-                    "onUpdate:modelValue": U[8] || (U[8] = (j) => _e.value = j)
-                  }, null, 8, ["modelValue"])) : M("", !0)
+                    "onUpdate:modelValue": U[8] || (U[8] = (z) => _e.value = z)
+                  }, null, 8, ["modelValue"])) : E("", !0)
                 ]),
-                re.value && g(S) && !Re.value.isActive ? (v(), E("div", $i, [
+                se.value && g(S) && !De.value.isActive ? (v(), M("div", $i, [
                   h(Wl)
-                ])) : M("", !0),
-                re.value && g(de) ? (v(), E("div", Ti, [
+                ])) : E("", !0),
+                se.value && g(ce) ? (v(), M("div", Ti, [
                   h(Ms, { onOnSnapshot: Ct })
-                ])) : M("", !0)
+                ])) : E("", !0)
               ]),
               "bottom-center": c(() => [
-                h(Ue, null, {
+                h(Re, null, {
                   default: c(() => [
                     e("div", null, [
                       e("div", {
@@ -6714,42 +6714,42 @@ const Ei = {
                           "mb-2": !Ce.value
                         }])
                       }, [
-                        !Le.value && z.value?.labels?.hasSunSim ? (v(), I(Us, {
+                        !Le.value && j.value?.labels?.hasSunSim ? (v(), A(Us, {
                           key: 0,
                           modelValue: Te.value,
-                          "onUpdate:modelValue": U[9] || (U[9] = (j) => Te.value = j),
-                          "show-ui": re.value,
+                          "onUpdate:modelValue": U[9] || (U[9] = (z) => Te.value = z),
+                          "show-ui": se.value,
                           class: "ml-2"
-                        }, null, 8, ["modelValue", "show-ui"])) : M("", !0)
+                        }, null, 8, ["modelValue", "show-ui"])) : E("", !0)
                       ], 2),
-                      !Ce.value && !Le.value && z.value?.labels?.hasSunSim && Ee.value ? (v(), I(da, {
+                      !Ce.value && !Le.value && j.value?.labels?.hasSunSim && Ee.value ? (v(), A(da, {
                         key: 0,
                         modelValue: Te.value,
-                        "onUpdate:modelValue": U[10] || (U[10] = (j) => Te.value = j),
+                        "onUpdate:modelValue": U[10] || (U[10] = (z) => Te.value = z),
                         time: Ee.value,
-                        "onUpdate:time": U[11] || (U[11] = (j) => Ee.value = j),
-                        day: Ie.value,
-                        "onUpdate:day": U[12] || (U[12] = (j) => Ie.value = j),
+                        "onUpdate:time": U[11] || (U[11] = (z) => Ee.value = z),
+                        day: Fe.value,
+                        "onUpdate:day": U[12] || (U[12] = (z) => Fe.value = z),
                         class: "sunsim-slider-desktop"
-                      }, null, 8, ["modelValue", "time", "day"])) : M("", !0),
-                      !Ce.value && g(k) && re.value && Y.value ? (v(), I(va, {
+                      }, null, 8, ["modelValue", "time", "day"])) : E("", !0),
+                      !Ce.value && g(k) && se.value && Y.value ? (v(), A(va, {
                         key: 1,
                         ref_key: "carousel",
                         ref: Se,
-                        class: me([Re.value.isActive ? "full-screen" : ""]),
+                        class: me([De.value.isActive ? "full-screen" : ""]),
                         currentThumbnail: ee.value,
                         thumbnails: Y.value,
-                        onGo: Qe
+                        onGo: Ge
                       }, {
                         before: c(() => [
-                          g(R) ? (v(), I(ua, {
+                          g(R) ? (v(), A(ua, {
                             key: 0,
                             modelValue: Le.value,
-                            "onUpdate:modelValue": U[13] || (U[13] = (j) => Le.value = j)
-                          }, null, 8, ["modelValue"])) : M("", !0)
+                            "onUpdate:modelValue": U[13] || (U[13] = (z) => Le.value = z)
+                          }, null, 8, ["modelValue"])) : E("", !0)
                         ]),
                         _: 1
-                      }, 8, ["class", "currentThumbnail", "thumbnails"])) : M("", !0)
+                      }, 8, ["class", "currentThumbnail", "thumbnails"])) : E("", !0)
                     ])
                   ]),
                   _: 1
@@ -6757,62 +6757,62 @@ const Ei = {
               ]),
               "bottom-right": c(() => [
                 e("div", Oi, [
-                  re.value && g(Z) ? (v(), I(Rs, {
+                  se.value && g(Z) ? (v(), A(Rs, {
                     key: 0,
                     "cdn-file-resolver": g(s),
                     archetypes: we.value,
-                    "current-data-point": z.value,
+                    "current-data-point": j.value,
                     onSelectInterior: Tt
-                  }, null, 8, ["cdn-file-resolver", "archetypes", "current-data-point"])) : M("", !0)
+                  }, null, 8, ["cdn-file-resolver", "archetypes", "current-data-point"])) : E("", !0)
                 ])
               ]),
               _: 1
-            }, 8, ["data", "cameraId", "interiorId", "day", "time", "isAutoPlaying", "isFullScreen"])) : M("", !0),
-            h(Ue, null, {
+            }, 8, ["data", "cameraId", "interiorId", "day", "time", "isAutoPlaying", "isFullScreen"])) : E("", !0),
+            h(Re, null, {
               default: c(() => [
-                Ce.value && g(k) && re.value && Y.value ? (v(), I(va, {
+                Ce.value && g(k) && se.value && Y.value ? (v(), A(va, {
                   key: 0,
                   ref_key: "carousel",
                   ref: Se,
                   class: "waypoint-carousel below-player",
                   currentThumbnail: ee.value,
                   thumbnails: Y.value,
-                  onGo: Qe
+                  onGo: Ge
                 }, {
                   before: c(() => [
-                    g(R) ? (v(), I(ua, {
+                    g(R) ? (v(), A(ua, {
                       key: 0,
                       modelValue: Le.value,
-                      "onUpdate:modelValue": U[15] || (U[15] = (j) => Le.value = j)
-                    }, null, 8, ["modelValue"])) : M("", !0)
+                      "onUpdate:modelValue": U[15] || (U[15] = (z) => Le.value = z)
+                    }, null, 8, ["modelValue"])) : E("", !0)
                   ]),
                   _: 1
-                }, 8, ["currentThumbnail", "thumbnails"])) : M("", !0)
+                }, 8, ["currentThumbnail", "thumbnails"])) : E("", !0)
               ]),
               _: 1
             }),
-            Ce.value ? (v(), E("div", Bi, [
-              Le.value && z.value?.labels?.hasSunSim && Ee.value ? (v(), I(da, {
+            Ce.value ? (v(), M("div", Bi, [
+              Le.value && j.value?.labels?.hasSunSim && Ee.value ? (v(), A(da, {
                 key: 0,
                 modelValue: Te.value,
-                "onUpdate:modelValue": U[16] || (U[16] = (j) => Te.value = j),
+                "onUpdate:modelValue": U[16] || (U[16] = (z) => Te.value = z),
                 time: Ee.value,
-                "onUpdate:time": U[17] || (U[17] = (j) => Ee.value = j),
-                day: Ie.value,
-                "onUpdate:day": U[18] || (U[18] = (j) => Ie.value = j),
+                "onUpdate:time": U[17] || (U[17] = (z) => Ee.value = z),
+                day: Fe.value,
+                "onUpdate:day": U[18] || (U[18] = (z) => Fe.value = z),
                 class: "mt-1"
-              }, null, 8, ["modelValue", "time", "day"])) : M("", !0)
-            ])) : M("", !0)
-          ], 2)) : M("", !0),
-          g(m) && g(q) ? (v(), E("div", Di, " version: " + T(g(m)), 1)) : M("", !0)
+              }, null, 8, ["modelValue", "time", "day"])) : E("", !0)
+            ])) : E("", !0)
+          ], 2)) : E("", !0),
+          g(m) && g(q) ? (v(), M("div", Di, " version: " + T(g(m)), 1)) : E("", !0)
         ])
       ], 2);
     };
   }
-}), Ui = /* @__PURE__ */ X(Ri, [["__scopeId", "data-v-eb21a939"]]), Hi = { id: "player-wrapper" }, Pi = { id: "player-sizer" }, zi = {
+}), Ui = /* @__PURE__ */ X(Ri, [["__scopeId", "data-v-eb21a939"]]), Hi = { id: "player-wrapper" }, Pi = { id: "player-sizer" }, ji = {
   class: "player-control",
   id: "controls-top-left"
-}, ji = {
+}, zi = {
   class: "player-control",
   id: "controls-top-center"
 }, Yi = {
@@ -6842,13 +6842,13 @@ const Ei = {
     isFullScreen: { type: Boolean }
   },
   setup(l) {
-    return (t, a) => (v(), E("div", Hi, [
+    return (t, a) => (v(), M("div", Hi, [
       e("div", Pi, [
         J(t.$slots, "slideshow-image", {}, void 0, !0),
-        e("div", zi, [
+        e("div", ji, [
           J(t.$slots, "top-left", {}, void 0, !0)
         ]),
-        e("div", ji, [
+        e("div", zi, [
           J(t.$slots, "top-center", {}, void 0, !0)
         ]),
         e("div", Yi, [
@@ -6890,9 +6890,9 @@ const Ei = {
   },
   setup(l) {
     const t = l;
-    mt(
-      Be,
-      t.i18nConfig ? new nt(t.i18nConfig) : new nt()
+    lt(
+      Oe,
+      t.i18nConfig ? new ot(t.i18nConfig) : new ot()
     );
     const a = b(0), n = b(
       new Xt(document, "player-wrapper")
@@ -6918,13 +6918,13 @@ const Ei = {
     }
     function r(m, y = !0) {
       let d = o.value.findIndex(
-        (A) => A.id === m
+        (I) => I.id === m
       );
       d != -1 && (a.value = d);
     }
     return (m, y) => {
-      const d = x("v-img"), A = x("v-btn");
-      return v(), E("div", Ki, [
+      const d = x("v-img"), I = x("v-btn");
+      return v(), M("div", Ki, [
         e("div", er, [
           e("div", null, [
             h(Xi, {
@@ -6941,48 +6941,48 @@ const Ei = {
               "top-center": c(() => [...y[1] || (y[1] = [])]),
               "top-right": c(() => [...y[2] || (y[2] = [])]),
               "center-left": c(() => [
-                h(Ue, { name: "slide-x-transition" }, {
+                h(Re, { name: "slide-x-transition" }, {
                   default: c(() => [
-                    o.value.length > 1 ? (v(), I(A, {
+                    o.value.length > 1 ? (v(), A(I, {
                       key: 0,
                       density: "comfortable",
                       elevation: "3",
                       icon: "mdi-chevron-left",
                       onClick: w
-                    })) : M("", !0)
+                    })) : E("", !0)
                   ]),
                   _: 1
                 })
               ]),
               "center-center": c(() => [...y[3] || (y[3] = [])]),
               "center-right": c(() => [
-                h(Ue, { name: "slide-x-reverse-transition" }, {
+                h(Re, { name: "slide-x-reverse-transition" }, {
                   default: c(() => [
-                    o.value.length > 1 ? (v(), I(A, {
+                    o.value.length > 1 ? (v(), A(I, {
                       key: 0,
                       density: "comfortable",
                       elevation: "3",
                       icon: "mdi-chevron-right",
                       onClick: f
-                    })) : M("", !0)
+                    })) : E("", !0)
                   ]),
                   _: 1
                 })
               ]),
               "bottom-left": c(() => [
-                l.showFullScreen ? (v(), I(Aa, {
+                l.showFullScreen ? (v(), A(Aa, {
                   key: 0,
                   "is-full-screen": n.value.isActive,
                   class: "btn-fullscreen",
                   onToggleFullscreen: s
-                }, null, 8, ["is-full-screen"])) : M("", !0),
-                l.showShare ? (v(), E("div", ar, [
+                }, null, 8, ["is-full-screen"])) : E("", !0),
+                l.showShare ? (v(), M("div", ar, [
                   h(Ea)
-                ])) : M("", !0)
+                ])) : E("", !0)
               ]),
               "bottom-center": c(() => [
                 e("div", null, [
-                  n.value.isActive && o.value.length > 1 ? (v(), I(Vt, {
+                  n.value.isActive && o.value.length > 1 ? (v(), A(Vt, {
                     key: 0,
                     class: me([n.value.isActive ? "full-screen" : ""]),
                     thumbnails: o.value,
@@ -6990,20 +6990,20 @@ const Ei = {
                     onNext: f,
                     onPrevious: w,
                     onGoto: r
-                  }, null, 8, ["class", "thumbnails", "active"])) : M("", !0)
+                  }, null, 8, ["class", "thumbnails", "active"])) : E("", !0)
                 ])
               ]),
               "bottom-right": c(() => [...y[4] || (y[4] = [])]),
               _: 1
             }, 8, ["is-full-screen"]),
-            o.value.length > 1 ? (v(), I(Vt, {
+            o.value.length > 1 ? (v(), A(Vt, {
               key: 0,
               thumbnails: o.value,
               active: a.value,
               onNext: f,
               onPrevious: w,
               onGoto: r
-            }, null, 8, ["thumbnails", "active"])) : M("", !0)
+            }, null, 8, ["thumbnails", "active"])) : E("", !0)
           ])
         ])
       ]);
@@ -7034,7 +7034,7 @@ const Ei = {
     }), H(y, () => {
       o("cameraSet", y.value);
     });
-    const A = V(() => {
+    const I = V(() => {
       const _ = fe(n.cdnFileResolver.value, "").replace(
         `/${i.value.type}/${i.value.id}`,
         ""
@@ -7066,22 +7066,22 @@ const Ei = {
     }
     return (p, _) => {
       const L = x("v-skeleton-loader");
-      return v(), I(L, {
+      return v(), A(L, {
         loading: !i.value || !s.value
       }, {
         default: c(() => [
           e("div", null, [
             e("div", {
-              style: ce({ ...d.value, position: "relative" }),
+              style: ve({ ...d.value, position: "relative" }),
               ref_key: "fitContainer",
               ref: r
             }, [
-              l.hideCompass !== !0 ? (v(), I(Qt, {
+              l.hideCompass !== !0 ? (v(), A(Qt, {
                 key: 0,
                 scale: l.compassScale || 1,
                 rotation: k.value.rotation.y,
                 "transform-angle": w.value
-              }, null, 8, ["scale", "rotation", "transform-angle"])) : M("", !0),
+              }, null, 8, ["scale", "rotation", "transform-angle"])) : E("", !0),
               h(Jt, {
                 "transform-angle": w.value,
                 "all-cameras": i.value.cameras,
@@ -7093,24 +7093,24 @@ const Ei = {
                 containerHeight: 384,
                 fit: ""
               }, {
-                default: c(({ id: S, camera: Z, active: se, style: O }) => [
+                default: c(({ id: S, camera: Z, active: le, style: O }) => [
                   J(p.$slots, "default", {
                     id: S,
                     camera: Z,
-                    active: se,
-                    style: ce(O)
+                    active: le,
+                    style: ve(O)
                   }, void 0, !0)
                 ]),
                 _: 3
               }, 8, ["transform-angle", "all-cameras", "background-image", "rotation", "current-camera", "storey"]),
-              l.hideSlider !== !0 ? (v(), I(Gt, {
+              l.hideSlider !== !0 ? (v(), A(Gt, {
                 key: 1,
-                "cdn-file-resolver": A.value,
+                "cdn-file-resolver": I.value,
                 "minimap-json": s.value,
                 "apartment-json": i.value,
                 level: l.level || 0,
                 onSetBackgroundImage: u
-              }, null, 8, ["cdn-file-resolver", "minimap-json", "apartment-json", "level"])) : M("", !0)
+              }, null, 8, ["cdn-file-resolver", "minimap-json", "apartment-json", "level"])) : E("", !0)
             ], 4)
           ])
         ]),
@@ -7126,35 +7126,36 @@ const Ei = {
     currentTime: {}
   },
   setup(l) {
-    const t = l, { timeSampleData: a, cdnFileResolver: n, currentTime: o } = $e(t), i = b(), s = Ve("registerImage"), f = Ve("completeImage");
-    H(i, () => {
+    const t = l, { timeSampleData: a, cdnFileResolver: n, currentTime: o } = $e(t), i = b(), s = Me("registerImage"), f = Me("completeImage"), w = Me("unregisterImage");
+    Qe(() => {
+      i.value && w(i.value);
+    }), H(i, () => {
       i.value && (s(i.value), i.value.onload = () => {
         f(i.value);
       }, i.value.onerror = () => {
         f(i.value);
       });
     });
-    const w = V(() => fe(n.value, a.value.filename));
-    return (r, m) => (v(), E("img", {
+    const r = V(() => fe(n.value, a.value.filename));
+    return (m, y) => (v(), M("img", {
       ref_key: "image",
       ref: i,
-      style: ce({
+      style: ve({
         visibility: g(o) && g(a) === g(o) ? "visible" : "hidden"
       }),
-      src: w.value
+      src: r.value
     }, null, 12, sr));
   }
-}), rr = /* @__PURE__ */ X(ir, [["__scopeId", "data-v-c4a08195"]]), ur = /* @__PURE__ */ N({
+}), rr = /* @__PURE__ */ X(ir, [["__scopeId", "data-v-1a3bd31a"]]), ur = /* @__PURE__ */ N({
   __name: "VStructureChooserCameraDay",
   props: {
     dayData: {},
     cdnFileResolver: { type: [String, Function] },
-    currentDay: {},
     currentTime: {}
   },
   setup(l) {
     const t = l, { dayData: a, cdnFileResolver: n, currentTime: o } = $e(t);
-    return (i, s) => (v(!0), E(Oe, null, Pe(g(a).timeSamples, (f, w) => (v(), I(rr, {
+    return (i, s) => (v(!0), M(Be, null, Ne(g(a).timeSamples, (f, w) => (v(), A(rr, {
       key: w,
       "time-sample-data": f,
       "cdn-file-resolver": g(n),
@@ -7171,30 +7172,30 @@ const Ei = {
     currentTime: {}
   },
   setup(l) {
-    const t = l, { cameraData: a, cdnFileResolver: n, currentCamera: o, currentTime: i } = $e(t), s = b(), f = Ve("registerImage"), w = Ve("completeImage");
-    H(s, () => {
-      s.value && (f(s.value), s.value.onload = () => {
-        w(s.value);
-      }, s.value.onerror = () => {
-        w(s.value);
+    const t = l, { cameraData: a, cdnFileResolver: n, currentTime: o } = $e(t), i = b(), s = Me("registerImage"), f = Me("completeImage"), w = Me("unregisterImage");
+    Qe(() => {
+      i.value && w(i.value);
+    }), H(i, () => {
+      i.value && (s(i.value), i.value.onload = () => {
+        f(i.value);
+      }, i.value.onerror = () => {
+        f(i.value);
       });
     });
     const r = V(() => fe(n.value, a.value.defaultFilename));
-    return (m, y) => g(a).sunsimDayOfYear ? (v(!0), E(Oe, { key: 0 }, Pe(g(a).sunsimDayOfYear, (d, A) => (v(), I(ur, {
-      key: A,
-      "day-data": d,
+    return (m, y) => g(a).sunsimDayOfYear && l.currentDay ? (v(), A(ur, {
+      key: l.currentDay.dayOfYear,
+      "day-data": l.currentDay,
       "cdn-file-resolver": g(n),
-      "current-day": l.currentDay,
-      "current-time": g(i)
-    }, null, 8, ["day-data", "cdn-file-resolver", "current-day", "current-time"]))), 128)) : (v(), E("img", {
+      "current-time": g(o)
+    }, null, 8, ["day-data", "cdn-file-resolver", "current-time"])) : g(a).sunsimDayOfYear ? E("", !0) : (v(), M("img", {
       key: 1,
       ref_key: "image",
-      ref: s,
-      style: ce({ visibility: g(o) === g(a) ? "visible" : "hidden" }),
+      ref: i,
       src: r.value
-    }, null, 12, cr));
+    }, null, 8, cr));
   }
-}), vr = /* @__PURE__ */ X(dr, [["__scopeId", "data-v-da694d37"]]), mr = ["src"], pr = /* @__PURE__ */ N({
+}), vr = /* @__PURE__ */ X(dr, [["__scopeId", "data-v-3a34c4b3"]]), mr = ["src"], pr = /* @__PURE__ */ N({
   __name: "VStructureChooserTransition",
   props: {
     transitionData: {},
@@ -7202,7 +7203,7 @@ const Ei = {
     currentTransition: {}
   },
   setup(l) {
-    const t = l, { transitionData: a, cdnFileResolver: n, currentTransition: o } = $e(t), i = b(), s = Ve("registerImage"), f = Ve("completeImage");
+    const t = l, { transitionData: a, cdnFileResolver: n, currentTransition: o } = $e(t), i = b(), s = Me("registerImage"), f = Me("completeImage");
     H(i, () => {
       i.value && (s(i.value), i.value.onload = () => {
         f(i.value);
@@ -7211,10 +7212,10 @@ const Ei = {
       });
     });
     const w = V(() => fe(n.value, a.value.filename));
-    return (r, m) => (v(), E("img", {
+    return (r, m) => (v(), M("img", {
       ref_key: "image",
       ref: i,
-      style: ce({
+      style: ve({
         visibility: g(a) === g(o) ? "visible" : "hidden"
       }),
       src: w.value
@@ -7253,8 +7254,8 @@ const hr = {
         )
       );
     }), (r, m) => {
-      const y = x("v-btn"), d = x("v-field"), A = x("v-list-item-title"), k = x("v-list-item"), u = x("v-list"), p = x("v-menu");
-      return g(o).sunsimDayOfYear && g(o).sunsimDayOfYear.length > 0 ? (v(), E("div", hr, [
+      const y = x("v-btn"), d = x("v-field"), I = x("v-list-item-title"), k = x("v-list-item"), u = x("v-list"), p = x("v-menu");
+      return g(o).sunsimDayOfYear && g(o).sunsimDayOfYear.length > 0 ? (v(), M("div", hr, [
         h(p, null, {
           activator: c(({ props: _ }) => [
             h(d, {
@@ -7263,7 +7264,7 @@ const hr = {
               flat: ""
             }, {
               default: c(() => [
-                h(y, Ae({
+                h(y, Ie({
                   variant: "text",
                   rounded: "",
                   flat: "",
@@ -7285,13 +7286,13 @@ const hr = {
           default: c(() => [
             h(u, null, {
               default: c(() => [
-                (v(!0), E(Oe, null, Pe(g(o).sunsimDayOfYear, (_, L) => (v(), I(k, {
+                (v(!0), M(Be, null, Ne(g(o).sunsimDayOfYear, (_, L) => (v(), A(k, {
                   key: L,
                   value: L,
                   onClick: (S) => w.value = _.dayOfYear
                 }, {
                   default: c(() => [
-                    h(A, null, {
+                    h(I, null, {
                       default: c(() => [
                         Q(T(g(pa)(_.dayOfYear)), 1)
                       ]),
@@ -7306,7 +7307,7 @@ const hr = {
           ]),
           _: 1
         })
-      ])) : M("", !0);
+      ])) : E("", !0);
     };
   }
 }), yr = /* @__PURE__ */ X(gr, [["__scopeId", "data-v-743f5faf"]]), wr = ["onClick"], br = {
@@ -7356,12 +7357,12 @@ const hr = {
         o.value.find((k) => k === w.value)
       );
     });
-    function A(k) {
+    function I(k) {
       f.value || (w.value = k);
     }
     return (k, u) => {
       const p = x("v-btn"), _ = x("v-icon");
-      return v(), E("div", {
+      return v(), M("div", {
         ref_key: "parent",
         ref: r,
         class: me({
@@ -7371,7 +7372,7 @@ const hr = {
           enabled: !g(f)
         })
       }, [
-        y.value ? (v(), I(p, {
+        y.value ? (v(), A(p, {
           key: 0,
           style: { left: "0" },
           class: "thumbnail-nav-button",
@@ -7381,35 +7382,35 @@ const hr = {
             Q(" ❮ ", -1)
           ])]),
           _: 1
-        })) : M("", !0),
+        })) : E("", !0),
         e("div", {
           ref_key: "child",
           ref: m,
           class: "still-camera-thumbnails-wrapper d-flex justify-center",
-          style: ce({
+          style: ve({
             paddingLeft: y.value ? "28px" : 0,
             paddingRight: y.value ? "28px" : 0
           })
         }, [
-          (v(!0), E(Oe, null, Pe(g(o), (L, S) => (v(), E("div", {
+          (v(!0), M(Be, null, Ne(g(o), (L, S) => (v(), M("div", {
             key: S,
             class: me(["still-camera-image d-flex flex-column flex-reverse align-center", {
               "elevation-2": !g(n),
               "active-camera": L === w.value
             }]),
-            onClick: (Z) => A(L)
+            onClick: (Z) => I(L)
           }, [
             e("div", {
               class: "camera-thumbnail-image",
-              style: ce({
+              style: ve({
                 backgroundImage: `url(${g(fe)(
                   g(s),
                   L.defaultFilename
                 )})`
               })
             }, null, 4),
-            L.cameraName ? (v(), E("div", br, T(L.cameraName), 1)) : M("", !0),
-            L.sunsimDayOfYear && L.sunsimDayOfYear.length > 1 ? (v(), E("div", kr, [
+            L.cameraName ? (v(), M("div", br, T(L.cameraName), 1)) : E("", !0),
+            L.sunsimDayOfYear && L.sunsimDayOfYear.length > 1 ? (v(), M("div", kr, [
               h(_, {
                 size: "x-small",
                 color: "warning",
@@ -7420,10 +7421,10 @@ const hr = {
                 ])]),
                 _: 1
               })
-            ])) : M("", !0)
+            ])) : E("", !0)
           ], 10, wr))), 128))
         ], 4),
-        y.value ? (v(), I(p, {
+        y.value ? (v(), A(p, {
           key: 1,
           style: { right: "0" },
           class: "thumbnail-nav-button",
@@ -7433,7 +7434,7 @@ const hr = {
             Q(" ❯ ", -1)
           ])]),
           _: 1
-        })) : M("", !0)
+        })) : E("", !0)
       ], 2);
     };
   }
@@ -7458,16 +7459,16 @@ const hr = {
         )
       );
     }), (r, m) => {
-      const y = x("v-icon"), d = x("v-slider"), A = x("v-field");
-      return v(), E("div", {
+      const y = x("v-icon"), d = x("v-slider"), I = x("v-field");
+      return v(), M("div", {
         class: me({ "d-inline-block": !0, mobile: g(n) }),
-        style: ce({
+        style: ve({
           flex: g(n) && g(o).timeSamples.length > 1 ? 1 : void 0,
           verticalAlign: "top"
         })
       }, [
-        h(A, {
-          style: ce(
+        h(I, {
+          style: ve(
             g(o).timeSamples.length > 1 ? {
               width: g(n) ? "100%" : "300px",
               height: g(n) ? "28px" : "36px"
@@ -7484,7 +7485,7 @@ const hr = {
           flat: ""
         }, {
           default: c(() => [
-            g(o).timeSamples.length > 1 ? (v(), I(d, {
+            g(o).timeSamples.length > 1 ? (v(), A(d, {
               key: 0,
               class: "pa-2 pr-2",
               modelValue: w.value,
@@ -7512,7 +7513,7 @@ const hr = {
                 e("span", Lr, T(g(pt)(w.value)), 1)
               ]),
               _: 1
-            }, 8, ["modelValue", "min", "max", "step", "disabled"])) : (v(), E(Oe, { key: 1 }, [
+            }, 8, ["modelValue", "min", "max", "step", "disabled"])) : (v(), M(Be, { key: 1 }, [
               h(y, {
                 style: { "vertical-align": "baseline", "font-size": "20px", "margin-top": "-1px", opacity: "0.6" },
                 class: "mr-2 icon",
@@ -7547,7 +7548,7 @@ const hr = {
     const a = l, { isMobileSized: n, canZoomIn: o, canZoomOut: i, disabled: s } = $e(a), f = t;
     return (w, r) => {
       const m = x("v-btn");
-      return v(), E("div", Mr, [
+      return v(), M("div", Mr, [
         h(m, {
           disabled: g(s) || !g(o),
           size: g(n) ? "x-small" : "small",
@@ -7585,21 +7586,21 @@ const hr = {
     ));
     na(() => {
       for (const u in y) {
-        const { element: p, state: _ } = y[u], { r: L, g: S, b: Z, a: se, s: O } = o.value(u, _) || {
+        const { element: p, state: _ } = y[u], { r: L, g: S, b: Z, a: le, s: O } = o.value(u, _) || {
           r: 0,
           g: 0,
           b: 0,
           a: 0,
           s: 0
         };
-        p.style.fill = `rgba(${L}, ${S}, ${Z}, ${se / 255})`, p.style.stroke = `rgb(${L}, ${S}, ${Z})`, p.style.strokeWidth = O.toString(), p.style.cursor = "pointer";
+        p.style.fill = `rgba(${L}, ${S}, ${Z}, ${le / 255})`, p.style.stroke = `rgb(${L}, ${S}, ${Z})`, p.style.strokeWidth = O.toString(), p.style.cursor = "pointer";
       }
     }), H(s, () => {
       for (const u in y)
         y[u].state === "selected" && u !== s.value ? y[u].state = "idle" : y[u].state !== "selected" && u === s.value && (y[u].state = "selected");
     }), na(async () => {
       try {
-        w.value = !1, r.value[d.value] || (r.value[d.value] = await dt.loadText(d.value)), k();
+        w.value = !1, r.value[d.value] || (r.value[d.value] = await vt.loadText(d.value)), k();
       } catch (u) {
         f("onError", u);
       } finally {
@@ -7608,11 +7609,11 @@ const hr = {
     }), H(
       () => m.value,
       () => {
-        m.value && new ResizeObserver(A).observe(m.value);
+        m.value && new ResizeObserver(I).observe(m.value);
       }
     );
-    function A() {
-      at(() => {
+    function I() {
+      nt(() => {
         const u = m.value?.firstChild;
         if (u) {
           if (!u.hasAttribute("viewBox")) {
@@ -7639,17 +7640,17 @@ const hr = {
       { immediate: !0, deep: !0 }
     );
     function k() {
-      at(() => {
+      nt(() => {
         const u = m.value?.firstChild;
         if (u) {
-          f("updateSvgContainer", u), A();
+          f("updateSvgContainer", u), I();
           let p, _ = "data-structure-id";
           p = u.querySelectorAll(`[${_}]`), p.length === 0 && (_ = "data-apartment-id", p = u.querySelectorAll(`[${_}]`), p.length === 0 && (_ = "data-building-id", p = u.querySelectorAll(`[${_}]`))), p.forEach((L) => {
             const S = L.cloneNode(
               !0
             );
-            L.parentNode.replaceChild(S, L), S.style.strokeWidth = "0", S.style.stroke = "rgba(255,255,255,0)", S.style.fill = "rgba(255,255,255,0)", S.querySelectorAll("path").forEach((se) => {
-              se.style.stroke = "inherit", se.style.fill = "inherit";
+            L.parentNode.replaceChild(S, L), S.style.strokeWidth = "0", S.style.stroke = "rgba(255,255,255,0)", S.style.fill = "rgba(255,255,255,0)", S.querySelectorAll("path").forEach((le) => {
+              le.style.stroke = "inherit", le.style.fill = "inherit";
             });
             const Z = S.getAttribute(_);
             y[Z] = {
@@ -7673,12 +7674,12 @@ const hr = {
         }
       });
     }
-    return (u, p) => (v(), I(Ue, null, {
+    return (u, p) => (v(), A(Re, null, {
       default: c(() => [
         e("div", {
           ref_key: "svgContainer",
           ref: m,
-          style: ce([{
+          style: ve([{
             visibility: w.value ? "visible" : "hidden"
           }, { "z-index": "5" }]),
           class: "w-100 h-100 position-absolute top-left structure-chooser-overlay-svg",
@@ -7743,7 +7744,7 @@ function Br(l) {
 function Dr(l) {
   return !("filename" in l);
 }
-function ct(l) {
+function dt(l) {
   return l.startsWith("/") ? l : `/${l}`;
 }
 function Rr(l) {
@@ -7808,11 +7809,11 @@ function Hr(l) {
           const a = { ...t };
           return a.sunsimDayOfYear && a.sunsimDayOfYear.forEach((n) => {
             n.timeSamples && n.timeSamples.forEach((o) => {
-              o.filename = ct(o.filename);
+              o.filename = dt(o.filename);
             });
           }), {
             ...a,
-            defaultFilename: a.sunsimDayOfYear[0] ? ct(
+            defaultFilename: a.sunsimDayOfYear[0] ? dt(
               a.sunsimDayOfYear[0].timeSamples.find(
                 (n) => n.timeInHours === a.sunsimDayOfYear[0].defaultHour
               )?.filename || a.sunsimDayOfYear[0].timeSamples[0].filename
@@ -7850,7 +7851,7 @@ function Hr(l) {
           ),
           cameraFov: l.cameraFov,
           overlayFilename: "/BuildingChooserV5.svg",
-          defaultFilename: ct(t[0]?.timeSamples[0]?.filename),
+          defaultFilename: dt(t[0]?.timeSamples[0]?.filename),
           sunsimDayOfYear: t.map((a) => ({
             dayOfYear: a.dayOfYear,
             startTime: 0,
@@ -7859,7 +7860,7 @@ function Hr(l) {
             defaultHour: 14,
             timeSamples: a.timeSamples.map(({ timeInHours: n, filename: o }) => ({
               timeInHours: n,
-              filename: ct(o)
+              filename: dt(o)
             }))
           }))
         }
@@ -7910,11 +7911,11 @@ function Hr(l) {
               const a = { ...t };
               return a.sunsimDayOfYear && a.sunsimDayOfYear.forEach((n) => {
                 n.timeSamples && n.timeSamples.forEach((o) => {
-                  o.filename = ct(o.filename);
+                  o.filename = dt(o.filename);
                 });
               }), {
                 ...a,
-                defaultFilename: a.sunsimDayOfYear[0] ? ct(
+                defaultFilename: a.sunsimDayOfYear[0] ? dt(
                   a.sunsimDayOfYear[0].timeSamples.find(
                     (n) => n.timeInHours === a.sunsimDayOfYear[0].defaultHour
                   )?.filename || a.sunsimDayOfYear[0].timeSamples[0].filename
@@ -7998,13 +7999,13 @@ function fa({ x: l, y: t, z: a }) {
   };
 }
 function Pr() {
-  return typeof navigator < "u" && navigator.storage && typeof navigator.storage.getDirectory == "function" ? new Li() : new vt();
+  return typeof navigator < "u" && navigator.storage && typeof navigator.storage.getDirectory == "function" ? new Li() : new mt();
 }
 const ha = Pr();
-function zr(l) {
+function jr(l) {
   const t = b([]), a = b(1), n = b(0), o = /* @__PURE__ */ new Set();
-  mt("registerImage", (w) => {
-    at(() => {
+  lt("registerImage", (w) => {
+    nt(() => {
       if (!t.value.find((r) => r.image === w)) {
         w.decode(), t.value = [...t.value, { image: w, loaded: !1 }];
         const r = w.src;
@@ -8015,11 +8016,14 @@ function zr(l) {
         });
       }
     });
-  }), mt("completeImage", (w) => {
-    at(() => {
+  }), lt("completeImage", (w) => {
+    nt(() => {
       const r = t.value.findIndex((m) => m.image === w);
       r >= 0 && (t.value[r].loaded = !0, t.value = [...t.value]);
     });
+  }), lt("unregisterImage", (w) => {
+    const r = w.src;
+    r.startsWith("blob:") && (URL.revokeObjectURL(r), o.delete(r)), t.value = t.value.filter((m) => m.image !== w);
   }), H(l, () => {
     l.value && new ResizeObserver(([]) => {
       const r = t.value.find((m) => m.loaded);
@@ -8031,7 +8035,7 @@ function zr(l) {
       w && (a.value = w.image.naturalWidth / w.image.naturalHeight, n.value = w.image.width / a.value);
     }
   });
-  const i = V(() => t.value.every((w) => w.loaded)), s = V(() => Math.round(
+  const i = V(() => t.value.length > 0 && t.value.every((w) => w.loaded)), s = V(() => t.value.length === 0 ? 0 : Math.round(
     t.value.filter((w) => w.loaded).length / t.value.length * 100
   ));
   function f() {
@@ -8047,7 +8051,7 @@ function zr(l) {
     resetImages: f
   };
 }
-const jr = {
+const zr = {
   key: 0,
   class: "position-absolute w-100 h-100 bg-grey-lighten-2 justify-center align-center d-flex",
   style: { "z-index": "10" }
@@ -8084,17 +8088,17 @@ const jr = {
       defaultCamera: m,
       defaultDay: y,
       defaultTime: d,
-      mobileBreakpoint: A
-    } = $e(n), k = a, u = b(), p = b(), _ = b(), L = b(null), S = b(4), Z = b(), se = b(!1), O = b(!1), q = b(), de = V(() => q.value.isHoverEnabled), R = b({ x: 0, y: 0, width: 0, height: 0 }), Se = b(), ke = b(), P = b(), we = b(!1), G = b(), ue = b({
+      mobileBreakpoint: I
+    } = $e(n), k = a, u = b(), p = b(), _ = b(), L = b(null), S = b(4), Z = b(), le = b(!1), O = b(!1), q = b(), ce = V(() => q.value.isHoverEnabled), R = b({ x: 0, y: 0, width: 0, height: 0 }), Se = b(), ke = b(), P = b(), we = b(!1), G = b(), ue = b({
       current: 100,
       min: 100,
       max: 1e3
     }), ne = b(!1), B = b();
-    mt(
-      Be,
-      f.value ? new nt(f.value) : new nt()
+    lt(
+      Oe,
+      f.value ? new ot(f.value) : new ot()
     );
-    const { height: K, loaded: oe, loadedPercentage: Y, resetImages: ee } = zr(ke);
+    const { height: K, loaded: oe, loadedPercentage: Y, resetImages: ee } = jr(ke);
     t({
       getState: () => ({
         currentCameraIndex: u.value ? ie.value.findIndex((F) => F === u.value) : null,
@@ -8112,13 +8116,13 @@ const jr = {
         currentDayIndex: W,
         currentTimeIndex: pe,
         currentTransitionIndex: be,
-        currentScene: le
+        currentScene: re
       }) => {
-        typeof F == "number" && (u.value = ie.value[F]), typeof W == "number" && (p.value = u.value.sunsimDayOfYear[W]), typeof pe == "number" && (_.value = p.value.timeSamples[pe]), typeof be == "number" && (L.value = te.value[be]), typeof le == "number" && (S.value = le);
+        typeof F == "number" && (u.value = ie.value[F]), typeof W == "number" && (p.value = u.value.sunsimDayOfYear[W]), typeof pe == "number" && (_.value = p.value.timeSamples[pe]), typeof be == "number" && (L.value = te.value[be]), typeof re == "number" && (S.value = re);
       },
       resolveCoordinates: (F, W) => B.value ? B.value(F, W) : { x: 0, y: 0 }
     }), je(() => {
-      se.value = !0, ne.value = !1;
+      le.value = !0, ne.value = !1;
     }), H(
       o,
       (F) => {
@@ -8131,14 +8135,14 @@ const jr = {
       {
         immediate: !0
       }
-    ), H(se, (F) => {
+    ), H(le, (F) => {
       F && k("onInitialize");
     });
-    const z = b();
+    const j = b();
     H(
       () => n.activeStructureIds,
       () => {
-        z.value = n.activeStructureIds;
+        j.value = n.activeStructureIds;
       },
       {
         immediate: !0,
@@ -8148,7 +8152,7 @@ const jr = {
       () => ke.value,
       () => {
         ke.value && new ResizeObserver(([W]) => {
-          we.value = W.contentRect.width < A.value;
+          we.value = W.contentRect.width < I.value;
         }).observe(ke.value);
       }
     );
@@ -8193,12 +8197,12 @@ const jr = {
       { immediate: !0 }
     );
     function _e(F) {
-      u.value !== F && Re(
+      u.value !== F && De(
         P.value.cameras.findIndex((W) => W === F)
       );
     }
-    function re(F) {
-      S.value = F, qt(P.value.cameras[S.value]) ? L.value = P.value.cameras[S.value] : (at(() => {
+    function se(F) {
+      S.value = F, qt(P.value.cameras[S.value]) ? L.value = P.value.cameras[S.value] : (nt(() => {
         he(
           P.value.cameras[S.value]
         );
@@ -8208,7 +8212,7 @@ const jr = {
       const W = p.value;
       u.value = F, S.value = P.value.cameras.findIndex(
         (pe) => pe === u.value
-      ), at(() => {
+      ), nt(() => {
         u.value.sunsimDayOfYear && u.value.sunsimDayOfYear.length > 0 && xe(
           u.value.sunsimDayOfYear.find(
             (pe) => pe.dayOfYear === W.dayOfYear
@@ -8218,7 +8222,7 @@ const jr = {
     }
     function xe(F) {
       const W = _.value;
-      p.value = F, at(() => {
+      p.value = F, nt(() => {
         Le(
           p.value.timeSamples.find(
             (pe) => pe.timeInHours === W.timeInHours
@@ -8236,7 +8240,7 @@ const jr = {
         const W = P.value.stillCameraData.find(
           (pe) => pe.id === F
         );
-        W && Re(W.bestIndex);
+        W && De(W.bestIndex);
       });
     }
     H(r, (F) => {
@@ -8246,31 +8250,31 @@ const jr = {
         );
         W && P.value.stillCameraIndices?.includes(
           W.bestIndex
-        ) && Re(W.bestIndex);
+        ) && De(W.bestIndex);
       }
     });
     function ge(F) {
       k("onHoverOver", F), Z.value = F;
     }
-    function ve(F) {
+    function de(F) {
       k("onHoverOut", F), Z.value = void 0;
     }
-    function Ie(F) {
+    function Fe(F) {
       const { layerX: W, layerY: pe } = F;
-      let be = F.target, le = !1;
+      let be = F.target, re = !1;
       for (; be; )
         if (be === Se.value) {
-          le = !0;
+          re = !0;
           break;
         } else
           be = be.parentElement;
-      if (le) {
-        const De = F.currentTarget;
+      if (re) {
+        const Ue = F.currentTarget;
         R.value = {
           x: W,
           y: pe,
-          width: De.clientWidth,
-          height: De.clientHeight
+          width: Ue.clientWidth,
+          height: Ue.clientHeight
         };
       } else
         R.value = void 0;
@@ -8284,97 +8288,97 @@ const jr = {
     }) {
       B.value = be, ue.value = { min: F, max: W, current: pe };
     }
-    function Ye(F) {
+    function ze(F) {
       G.value.adjustZoom(F ? 10 : -10);
     }
-    function Ne(F) {
+    function Ye(F) {
       return P.value.stillCameraIndices.findIndex(
         (W) => W === F
       );
     }
-    async function Re(F) {
+    async function De(F) {
       const W = S.value;
       if (P.value.loopable) {
-        const pe = P.value.stillCameraIndices.length, be = Ne(W), le = Ne(F);
-        let De = 0, Qe = 0, He = be;
-        for (; He++, He >= pe && (He = 0), He !== le; )
-          De++;
-        for (He = be; He--, He < 0 && (He += pe), He !== le; )
-          Qe++;
-        De === Qe ? Ce(W, F) : De < Qe ? be < le ? Ce(W, F) : Ce(W, F + P.value.cameras.length) : be >= le ? Ce(W, F) : Ce(W + P.value.cameras.length, F);
+        const pe = P.value.stillCameraIndices.length, be = Ye(W), re = Ye(F);
+        let Ue = 0, Ge = 0, He = be;
+        for (; He++, He >= pe && (He = 0), He !== re; )
+          Ue++;
+        for (He = be; He--, He < 0 && (He += pe), He !== re; )
+          Ge++;
+        Ue === Ge ? Ce(W, F) : Ue < Ge ? be < re ? Ce(W, F) : Ce(W, F + P.value.cameras.length) : be >= re ? Ce(W, F) : Ce(W + P.value.cameras.length, F);
       } else
         Ce(W, F);
     }
     function Ce(F, W) {
       return new Promise((pe) => {
         O.value = !0;
-        let be, le = F;
+        let be, re = F;
         be = setInterval(() => {
-          le < W ? (le++, S.value = Math.abs(
-            le % P.value.cameras.length
-          ), re(S.value)) : le > W ? (le--, S.value = Math.abs(
-            le % P.value.cameras.length
-          ), re(S.value)) : (clearInterval(be), O.value = !1, pe());
+          re < W ? (re++, S.value = Math.abs(
+            re % P.value.cameras.length
+          ), se(S.value)) : re > W ? (re--, S.value = Math.abs(
+            re % P.value.cameras.length
+          ), se(S.value)) : (clearInterval(be), O.value = !1, pe());
         }, 12);
       });
     }
-    function it(F) {
+    function rt(F) {
       ne.value = !0, k("onError", F);
     }
-    const Fe = (F) => F * (180 / Math.PI);
+    const Ve = (F) => F * (180 / Math.PI);
     return (F, W) => {
       const pe = x("v-progress-circular"), be = x("v-skeleton-loader");
-      return v(), E(Oe, null, [
+      return v(), M(Be, null, [
         h(be, {
           type: "image",
           class: "w-100 h-100 position-relative",
-          loading: !se.value || !P.value
+          loading: !le.value || !P.value
         }, {
           default: c(() => [
-            g(oe) ? M("", !0) : (v(), E("div", jr, [
+            g(oe) ? E("", !0) : (v(), M("div", zr, [
               h(pe, {
                 "model-value": g(Y),
                 size: 128,
                 width: 12
               }, null, 8, ["model-value"])
             ])),
-            h(Ue, { class: "w-100 h-100" }, {
+            h(Re, { class: "w-100 h-100" }, {
               default: c(() => [
                 e("div", {
                   ref_key: "container",
                   ref: ke,
                   class: me({ mobile: we.value }),
                   style: { "min-height": "160px" },
-                  onMousemove: Ie
+                  onMousemove: Fe
                 }, [
-                  l.showUi ? (v(), E("div", {
+                  l.showUi ? (v(), M("div", {
                     key: 0,
                     class: "persistent actions-bar top-right pa-2",
-                    style: ce({
+                    style: ve({
                       zIndex: 7,
                       top: we.value && ie.value.length > 1 ? "60px" : 0
                     })
                   }, [
-                    u.value.cameraRotation ? (v(), I(_a, {
+                    u.value.cameraRotation ? (v(), A(_a, {
                       key: 0,
                       class: "mb-2",
-                      style: ce({
+                      style: ve({
                         zIndex: 7,
                         width: we.value ? 32 : 40,
                         height: we.value ? 32 : 40
                       }),
-                      longitude: Fe(u.value.cameraRotation.y) + 270
-                    }, null, 8, ["style", "longitude"])) : M("", !0),
+                      longitude: Ve(u.value.cameraRotation.y) + 270
+                    }, null, 8, ["style", "longitude"])) : E("", !0),
                     h(Ar, {
                       "is-mobile-sized": we.value,
                       "can-zoom-out": ue.value.min < ue.value.current,
                       "can-zoom-in": ue.value.max > ue.value.current,
                       disabled: O.value,
-                      onOnZoomIn: W[0] || (W[0] = (le) => Ye(!0)),
-                      onOnZoomOut: W[1] || (W[1] = (le) => Ye(!1))
+                      onOnZoomIn: W[0] || (W[0] = (re) => ze(!0)),
+                      onOnZoomOut: W[1] || (W[1] = (re) => ze(!1))
                     }, null, 8, ["is-mobile-sized", "can-zoom-out", "can-zoom-in", "disabled"])
-                  ], 4)) : M("", !0),
-                  l.showUi && ie.value.length > 1 ? (v(), E("div", {
+                  ], 4)) : E("", !0),
+                  l.showUi && ie.value.length > 1 ? (v(), M("div", {
                     key: 1,
                     class: me([{
                       "actions-bar bottom-center pb-2": !0,
@@ -8390,7 +8394,7 @@ const jr = {
                       "cdn-file-resolver": g(i),
                       onOnCameraChange: _e
                     }, null, 8, ["is-mobile-sized", "still-cameras", "current-camera", "disabled", "cdn-file-resolver"])
-                  ], 2)) : M("", !0),
+                  ], 2)) : E("", !0),
                   h(Qa, {
                     ref_key: "zoomBox",
                     ref: G,
@@ -8400,50 +8404,50 @@ const jr = {
                     default: c(() => [
                       e("div", {
                         class: "w-100 position-relative",
-                        style: ce({ height: `${g(K)}px` })
+                        style: ve({ height: `${g(K)}px` })
                       }, [
-                        (v(!0), E(Oe, null, Pe(ie.value, (le, De) => (v(), I(vr, {
-                          key: `camera${De}`,
-                          "camera-data": le,
+                        u.value && !O.value ? (v(), A(vr, {
+                          key: u.value.cameraName,
+                          "camera-data": u.value,
                           "cdn-file-resolver": g(i),
                           "current-camera": u.value,
                           "current-day": p.value,
                           "current-time": _.value
-                        }, null, 8, ["camera-data", "cdn-file-resolver", "current-camera", "current-day", "current-time"]))), 128)),
-                        (v(!0), E(Oe, null, Pe(te.value, (le, De) => (v(), I(fr, {
-                          key: `transition${De}`,
-                          "transition-data": le,
+                        }, null, 8, ["camera-data", "cdn-file-resolver", "current-camera", "current-day", "current-time"])) : E("", !0),
+                        (v(!0), M(Be, null, Ne(te.value, (re, Ue) => (v(), A(fr, {
+                          key: `transition${Ue}`,
+                          "transition-data": re,
                           "cdn-file-resolver": g(i),
                           "current-transition": L.value
                         }, null, 8, ["transition-data", "cdn-file-resolver", "current-transition"]))), 128)),
-                        g(w) ? (v(), E("div", {
-                          key: 0,
+                        g(w) ? (v(), M("div", {
+                          key: 1,
                           class: "w-100 h-100 position-absolute top-left",
                           style: { "z-index": "6", "pointer-events": "none" },
                           innerHTML: g(w)
-                        }, null, 8, Yr)) : M("", !0),
-                        u.value.overlayFilename && !ne.value ? Je((v(), I(Vr, {
-                          key: 1,
+                        }, null, 8, Yr)) : E("", !0),
+                        u.value.overlayFilename && !ne.value ? Je((v(), A(Vr, {
+                          key: 2,
                           "cdn-file-resolver": g(i),
                           "color-callback": g(s),
                           "current-camera": u.value,
                           "selected-id": g(r),
-                          activeStructureIds: z.value,
+                          activeStructureIds: j.value,
                           onOnClick: Te,
                           onOnHoverOver: ge,
-                          onOnHoverOut: ve,
-                          onUpdateSvgContainer: W[2] || (W[2] = (le) => Se.value = le),
-                          onOnError: it,
-                          onOnBoundingBoxesUpdate: W[3] || (W[3] = (le) => k("onBoundingBoxesUpdate", le))
+                          onOnHoverOut: de,
+                          onUpdateSvgContainer: W[2] || (W[2] = (re) => Se.value = re),
+                          onOnError: rt,
+                          onOnBoundingBoxesUpdate: W[3] || (W[3] = (re) => k("onBoundingBoxesUpdate", re))
                         }, null, 8, ["cdn-file-resolver", "color-callback", "current-camera", "selected-id", "activeStructureIds"])), [
-                          [ot, L.value === null]
-                        ]) : M("", !0),
+                          [st, L.value === null]
+                        ]) : E("", !0),
                         J(F.$slots, "default", {}, void 0, !0)
                       ], 4)
                     ]),
                     _: 3
                   }, 512),
-                  l.showUi && (p.value && p.value.timeSamples && p.value.timeSamples.length > 1 || u.value.sunsimDayOfYear && u.value.sunsimDayOfYear.length > 1) ? (v(), E("div", {
+                  l.showUi && (p.value && p.value.timeSamples && p.value.timeSamples.length > 1 || u.value.sunsimDayOfYear && u.value.sunsimDayOfYear.length > 1) ? (v(), M("div", {
                     key: 2,
                     class: me({
                       "actions-bar top-left pa-2 d-flex": !0,
@@ -8466,20 +8470,20 @@ const jr = {
                       disabled: O.value,
                       onOnTimeChange: Le
                     }, null, 8, ["is-mobile-sized", "current-day", "current-time", "disabled"])
-                  ], 2)) : M("", !0),
-                  F.$slots.popup && R.value && Z.value ? (v(), I(Na, {
+                  ], 2)) : E("", !0),
+                  F.$slots.popup && R.value && Z.value ? (v(), A(Na, {
                     key: 3,
-                    "is-hoverable": de.value,
+                    "is-hoverable": ce.value,
                     pos: R.value
                   }, {
                     default: c(() => [
                       e("div", Nr, [
-                        J(F.$slots, "popup", Da(Ra({ hoverId: Z.value, hoverable: de.value })), void 0, !0)
+                        J(F.$slots, "popup", Da(Ra({ hoverId: Z.value, hoverable: ce.value })), void 0, !0)
                       ])
                     ]),
                     _: 3
-                  }, 8, ["is-hoverable", "pos"])) : M("", !0),
-                  l.version && l.showVersion ? (v(), E("div", Wr, " version: " + T(l.version), 1)) : M("", !0)
+                  }, 8, ["is-hoverable", "pos"])) : E("", !0),
+                  l.version && l.showVersion ? (v(), M("div", Wr, " version: " + T(l.version), 1)) : E("", !0)
                 ], 34)
               ]),
               _: 3
@@ -8494,13 +8498,13 @@ const jr = {
       ], 64);
     };
   }
-}), ga = /* @__PURE__ */ X(Zr, [["__scopeId", "data-v-b28c60b3"]]), eu = {
+}), ga = /* @__PURE__ */ X(Zr, [["__scopeId", "data-v-4b8e583d"]]), eu = {
   install: function(t) {
     t.component("VStructureChooser", ga), t.component("VVirtualTour", Sl), t.component("VVirtualTour2", Ui), t.component("VManualSlideShow", or), t.component("VStructureChooser", ga);
   }
 };
 export {
-  dt as ResourceLoader,
+  vt as ResourceLoader,
   Na as VFloatingCard,
   Za as VHoverProbe,
   or as VManualSlideShow,