@qispace/vue3-player 0.4.20 → 0.4.21

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

@@ -1,7 +1,7 @@
 var Cn = Object.defineProperty;
 var Sn = (t, l, n) => l in t ? Cn(t, l, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[l] = n;
 var Ue = (t, l, n) => (Sn(t, typeof l != "symbol" ? l + "" : l, n), n);
-import { defineComponent as J, computed as D, resolveComponent as E, openBlock as u, createBlock as T, withCtx as v, createElementBlock as L, normalizeStyle as ae, renderSlot as K, ref as _, unref as m, watch as j, onMounted as Re, onBeforeUnmount as ot, createElementVNode as e, toRefs as Ce, nextTick as $e, inject as Ie, createVNode as y, mergeProps as Ee, toDisplayString as P, createTextVNode as le, Fragment as xe, renderList as Me, normalizeClass as me, pushScopeId as vt, popScopeId as mt, Transition as Ve, createCommentVNode as V, withDirectives as tt, vModelText as An, createStaticVNode as Yt, onBeforeUpdate as xn, withModifiers as In, provide as nt, vShow as rt, reactive as Ln, watchEffect as Ft, normalizeProps as En, guardReactiveProps as Mn } from "vue";
+import { defineComponent as J, computed as D, resolveComponent as E, openBlock as u, createBlock as T, withCtx as v, createElementBlock as L, normalizeStyle as ae, renderSlot as K, ref as _, unref as m, watch as j, onMounted as Re, onBeforeUnmount as ot, createElementVNode as e, toRefs as Ce, nextTick as $e, inject as Ie, createVNode as y, mergeProps as Ee, toDisplayString as W, createTextVNode as le, Fragment as xe, renderList as Me, normalizeClass as me, pushScopeId as vt, popScopeId as mt, Transition as Ve, createCommentVNode as V, withDirectives as tt, vModelText as An, createStaticVNode as Yt, onBeforeUpdate as xn, withModifiers as In, provide as nt, vShow as rt, reactive as Ln, watchEffect as Ft, normalizeProps as En, guardReactiveProps as Mn } from "vue";
 import ut from "axios";
 import * as Fn from "@qispace/player-core";
 import { Vector3 as Ke, Object3D as Vn, MathUtils as Dn } from "three";
@@ -101,7 +101,7 @@ const Bn = /* @__PURE__ */ J({
     l({
       adjustZoom: se
     });
-    const o = _(100), s = _(0), r = _(0), p = _(!1), h = _(!1), g = _(void 0), w = _(!1), k = _(), F = D(() => `translateX(${s.value}px) translateY(${r.value}px) scale(${C.value})`), C = D(() => o.value / 100), d = D(() => a.maxScale * 100);
+    const o = _(100), s = _(0), r = _(0), p = _(!1), h = _(!1), g = _(void 0), k = _(!1), w = _(), F = D(() => `translateX(${s.value}px) translateY(${r.value}px) scale(${C.value})`), C = D(() => o.value / 100), d = D(() => a.maxScale * 100);
     j(
       [C, s, r],
       () => {
@@ -124,11 +124,11 @@ const Bn = /* @__PURE__ */ J({
       a.desktop && I(), a.mobile && A();
     });
     function f() {
-      k.value.addEventListener("wheel", R, {
+      w.value.addEventListener("wheel", R, {
         capture: !0
-      }), k.value.addEventListener("mousedown", X, {
+      }), w.value.addEventListener("mousedown", X, {
         capture: !0
-      }), k.value.addEventListener("mousemove", $, {
+      }), w.value.addEventListener("mousemove", $, {
         capture: !0
       }), window.addEventListener("mouseup", te, {
         capture: !0
@@ -137,9 +137,9 @@ const Bn = /* @__PURE__ */ J({
       });
     }
     function S() {
-      k.value.addEventListener("touchstart", Y, {
+      w.value.addEventListener("touchstart", Y, {
         capture: !0
-      }), k.value.addEventListener("touchmove", Se, {
+      }), w.value.addEventListener("touchmove", Se, {
         capture: !0
       }), window.addEventListener("touchend", ye, {
         capture: !0
@@ -148,11 +148,11 @@ const Bn = /* @__PURE__ */ J({
       });
     }
     function I() {
-      k.value.removeEventListener("wheel", R, {
+      w.value.removeEventListener("wheel", R, {
         capture: !0
-      }), k.value.removeEventListener("mousedown", X, {
+      }), w.value.removeEventListener("mousedown", X, {
         capture: !0
-      }), k.value.removeEventListener("mousemove", $, {
+      }), w.value.removeEventListener("mousemove", $, {
         capture: !0
       }), window.removeEventListener("mouseup", te, {
         capture: !0
@@ -161,9 +161,9 @@ const Bn = /* @__PURE__ */ J({
       });
     }
     function A() {
-      k.value.removeEventListener("touchstart", Y, {
+      w.value.removeEventListener("touchstart", Y, {
         capture: !0
-      }), k.value.removeEventListener("touchmove", Se, {
+      }), w.value.removeEventListener("touchmove", Se, {
         capture: !0
       }), window.removeEventListener("touchend", ye, {
         capture: !0
@@ -176,7 +176,7 @@ const Bn = /* @__PURE__ */ J({
       se(-M.deltaY / 10, q, Q), M.preventDefault();
     }
     function X(M) {
-      p.value = !0, w.value = !1, g.value = M;
+      p.value = !0, k.value = !1, g.value = M;
     }
     function $(M) {
       if (p.value) {
@@ -184,14 +184,14 @@ const Bn = /* @__PURE__ */ J({
           x: q - U,
           y: Q - oe
         };
-        re(Z.x), N(Z.y), w.value = !0, g.value = M;
+        re(Z.x), N(Z.y), k.value = !0, g.value = M;
       }
     }
     function te(M) {
-      p.value && w.value && a.consumeMouseUpWhenMoved && (M.preventDefault(), M.stopImmediatePropagation());
+      p.value && k.value && a.consumeMouseUpWhenMoved && (M.preventDefault(), M.stopImmediatePropagation());
     }
     function de(M) {
-      p.value && (w.value && a.consumeMouseClickWhenMoved && (M.preventDefault(), M.stopImmediatePropagation()), p.value = !1);
+      p.value && (k.value && a.consumeMouseClickWhenMoved && (M.preventDefault(), M.stopImmediatePropagation()), p.value = !1);
     }
     function Y(M) {
       p.value = M.touches.length === 1, h.value = M.touches.length === 2, g.value = M;
@@ -208,9 +208,9 @@ const Bn = /* @__PURE__ */ J({
       } else if (h.value && M.touches.length === 2) {
         const { x: q, y: Q } = O(M.touches[0]), { x: U, y: oe } = O(
           g.value.touches[0]
-        ), { x: Z, y: ie } = O(M.touches[1]), { x: W, y: pe } = O(
+        ), { x: Z, y: ie } = O(M.touches[1]), { x: P, y: pe } = O(
           g.value.touches[1]
-        ), he = Math.hypot(U - W, oe - pe), ve = Math.hypot(q - Z, Q - ie), be = (Z + q) / 2, we = (ie + Q) / 2;
+        ), he = Math.hypot(U - P, oe - pe), ve = Math.hypot(q - Z, Q - ie), be = (Z + q) / 2, we = (ie + Q) / 2;
         se(ve - he, be, we);
       }
       g.value = M;
@@ -219,30 +219,30 @@ const Bn = /* @__PURE__ */ J({
       p.value = !1, h.value = !1;
     }
     function O(M) {
-      const { left: q, top: Q } = k.value.getBoundingClientRect();
+      const { left: q, top: Q } = w.value.getBoundingClientRect();
       return {
         x: M.clientX - q,
         y: M.clientY - Q
       };
     }
     function re(M) {
-      const q = k.value.clientWidth, Q = q * C.value;
+      const q = w.value.clientWidth, Q = q * C.value;
       s.value = Math.max(
         Math.min(0, s.value + M),
         -(Q - q)
       );
     }
     function N(M) {
-      const q = k.value.clientHeight, Q = q * C.value;
+      const q = w.value.clientHeight, Q = q * C.value;
       r.value = Math.max(
         Math.min(0, r.value + M),
         -(Q - q)
       );
     }
     function se(M, q, Q) {
-      const U = q !== void 0 ? q : k.value.clientWidth / 2, oe = Q !== void 0 ? Q : k.value.clientHeight / 2, Z = k.value.clientWidth, ie = k.value.clientHeight, W = Z * C.value, pe = ie * C.value;
+      const U = q !== void 0 ? q : w.value.clientWidth / 2, oe = Q !== void 0 ? Q : w.value.clientHeight / 2, Z = w.value.clientWidth, ie = w.value.clientHeight, P = Z * C.value, pe = ie * C.value;
       o.value = Math.min(Math.max(100, o.value + M), d.value);
-      const he = Z * C.value, ve = ie * C.value, be = he - W, we = ve - pe;
+      const he = Z * C.value, ve = ie * C.value, be = he - P, we = ve - pe;
       s.value -= U / Z * be, r.value -= oe / ie * we, re(0), N(0);
     }
     function H() {
@@ -254,14 +254,14 @@ const Bn = /* @__PURE__ */ J({
         min: 100,
         max: d.value,
         resolve: (M, q) => {
-          const Q = k.value.clientWidth, U = k.value.clientHeight, oe = s.value / -C.value, Z = r.value / -C.value, ie = oe + Q / C.value, W = Z + U / C.value, pe = M / Q * (ie - oe) + oe, he = q / U * (W - Z) + Z;
+          const Q = w.value.clientWidth, U = w.value.clientHeight, oe = s.value / -C.value, Z = r.value / -C.value, ie = oe + Q / C.value, P = Z + U / C.value, pe = M / Q * (ie - oe) + oe, he = q / U * (P - Z) + Z;
           return { x: pe, y: he };
         }
       });
     }
     return (M, q) => (u(), L("div", {
       ref_key: "box",
-      ref: k,
+      ref: w,
       class: "zoom-box-container",
       style: ae({ position: a.position })
     }, [
@@ -282,10 +282,10 @@ var Un = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? fun
   return typeof t;
 } : function(t) {
   return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
-}, zn = typeof window < "u" && typeof window.document < "u", jn = typeof process < "u" && process.versions != null && process.versions.node != null, Wn = (typeof self > "u" ? "undefined" : Un(self)) === "object" && self.constructor && self.constructor.name === "DedicatedWorkerGlobalScope", Pn = typeof window < "u" && window.name === "nodejs" || typeof navigator < "u" && (navigator.userAgent.includes("Node.js") || navigator.userAgent.includes("jsdom")), Nn = typeof Deno < "u" && typeof Deno.version < "u" && typeof Deno.version.deno < "u", Qn = qe.isBrowser = zn;
-qe.isWebWorker = Wn;
+}, zn = typeof window < "u" && typeof window.document < "u", jn = typeof process < "u" && process.versions != null && process.versions.node != null, Pn = (typeof self > "u" ? "undefined" : Un(self)) === "object" && self.constructor && self.constructor.name === "DedicatedWorkerGlobalScope", Wn = typeof window < "u" && window.name === "nodejs" || typeof navigator < "u" && (navigator.userAgent.includes("Node.js") || navigator.userAgent.includes("jsdom")), Nn = typeof Deno < "u" && typeof Deno.version < "u" && typeof Deno.version.deno < "u", Qn = qe.isBrowser = zn;
+qe.isWebWorker = Pn;
 qe.isNode = jn;
-qe.isJsDom = Pn;
+qe.isJsDom = Wn;
 qe.isDeno = Nn;
 function _e(t, l) {
   return typeof t == "string" ? `${t}${l}` : t(l);
@@ -332,7 +332,7 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
     const a = Fn.PlayerV2;
     l({
       updateFrontendMarkers: (A) => {
-        k.value && f.value ? k.value.updateFrontendMarkers(A) : console.warn(
+        w.value && f.value ? w.value.updateFrontendMarkers(A) : console.warn(
           "Player API not initialized or not available. Cannot update frontend markers."
         );
       }
@@ -344,22 +344,22 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
       currentCameraId: p,
       showStaticImage: h,
       mouseSensitivity: g
-    } = Ce(i), w = n, k = _(), F = _(p.value), C = _(0), d = _(0), f = _(!1);
+    } = Ce(i), k = n, w = _(), F = _(p.value), C = _(0), d = _(0), f = _(!1);
     j(p, () => {
       F.value = p.value;
     }), j([s, r], async () => {
-      k.value && await k.value.loadInterior(
+      w.value && (w.value.updateSettings({ ACTIVE_TONEMAPPER: "AgXTonemap" }), await w.value.loadInterior(
         (A) => _e(
           o.value,
           `/${s.value}/${r.value}${A}`
         ),
         F.value,
         !1
-      );
+      ));
     }), j(
       F,
       () => {
-        k.value && k.value.goToCamera(F.value, !0), w("newCameraCallback", F.value);
+        w.value && (w.value.updateSettings({ ACTIVE_TONEMAPPER: "AgXTonemap" }), w.value.goToCamera(F.value, !0)), k("newCameraCallback", F.value);
       },
       { immediate: !0 }
     ), j(
@@ -370,33 +370,33 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
         });
       },
       { immediate: !0, deep: !0 }
-    ), j(k, () => {
-      if (k.value) {
-        w("playerApiCallback", k.value);
-        const A = k.value.getCurrentCamera();
-        A && (F.value = A.id, w("sunsimCallback", A.sunsimDayOfYear));
+    ), j(w, () => {
+      if (w.value) {
+        k("playerApiCallback", w.value);
+        const A = w.value.getCurrentCamera();
+        A && (F.value = A.id, k("sunsimCallback", A.sunsimDayOfYear));
       }
     });
     async function S() {
       I();
       const te = {
         initialized: () => {
-          k.value = a.Main.getPlayerAPI();
-          const Y = k.value.getCurrentCamera();
+          w.value = a.Main.getPlayerAPI();
+          const Y = w.value.getCurrentCamera();
           Y && (F.value = Y.id), f.value = !0;
         },
         newCamera: (Y) => {
-          w("newFloorCallback", Y.floorLevel), w("sunsimCallback", Y.sunsimDayOfYear), k.value && k.value.resetMarkerBehaviour(0), F.value = Y.id;
+          k("newFloorCallback", Y.floorLevel), k("sunsimCallback", Y.sunsimDayOfYear), w.value && w.value.resetMarkerBehaviour(0), F.value = Y.id;
         },
         newFOV: (Y) => {
-          w("newFovCallback", Y), d.value = Y;
+          k("newFovCallback", Y), d.value = Y;
         },
         newRotation: (Y) => {
           const Se = Y + 0;
-          w("newRotationCallback", Se), C.value = Se;
+          k("newRotationCallback", Se), C.value = Se;
         },
         onFrontendMarkersUpdate: (Y) => {
-          w("frontendMarkersUpdate", Y);
+          k("frontendMarkersUpdate", Y);
         }
       };
       if (!Qn)
@@ -414,10 +414,10 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
       de && (de.handleWindowResize(), window.addEventListener(
         "resize",
         de.handleWindowResize.bind(de)
-      ), de.animate(), k.value = a.Main.getPlayerAPI(), k.value && k.value.setLookSensitivity(g.value));
+      ), de.animate(), w.value = a.Main.getPlayerAPI(), w.value && w.value.setLookSensitivity(g.value));
     }
     async function I() {
-      k.value && (await k.value.destroy(), k.value = void 0);
+      w.value && (w.value.updateSettings({ ACTIVE_TONEMAPPER: "AgXTonemap" }), await w.value.destroy(), w.value = void 0);
     }
     return ot(() => {
       I();
@@ -460,7 +460,7 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
       ])
     ]));
   }
-}), io = /* @__PURE__ */ ne(so, [["__scopeId", "data-v-9d31b948"]]), De = Symbol(), ro = {
+}), io = /* @__PURE__ */ ne(so, [["__scopeId", "data-v-78638f36"]]), De = Symbol(), ro = {
   style: { width: "24px", height: "24px" },
   viewBox: "0 0 18 16",
   xmlns: "http://www.w3.org/2000/svg"
@@ -480,14 +480,14 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
       const g = n.level + 1;
       g >= o.value.length ? a("level", o.value[0]) : a("level", o.value[g]);
     }
-    return (g, w) => {
-      const k = E("v-btn"), F = E("v-tooltip");
+    return (g, k) => {
+      const w = E("v-btn"), F = E("v-tooltip");
       return u(), T(F, {
         right: "",
         attach: ""
       }, {
         activator: v(({ props: C }) => [
-          y(k, Ee({
+          y(w, Ee({
             style: { cursor: "pointer" },
             density: "comfortable",
             elevation: "1",
@@ -515,7 +515,7 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
           }, 1040)
         ]),
         default: v(() => [
-          e("span", vo, P(m(i).getLabel(s.value)) + " " + P(m(i).getLabel("floor")), 1)
+          e("span", vo, W(m(i).getLabel(s.value)) + " " + W(m(i).getLabel("floor")), 1)
         ]),
         _: 1
       });
@@ -541,8 +541,8 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
           elevation: "0",
           attach: ""
         }, {
-          activator: v(({ props: w }) => [
-            y(p, Ee({ rounded: "" }, w, { class: "text-capitalize" }), {
+          activator: v(({ props: k }) => [
+            y(p, Ee({ rounded: "" }, k, { class: "text-capitalize" }), {
               default: v(() => [
                 y(r, null, {
                   default: v(() => [
@@ -550,18 +550,18 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
                   ]),
                   _: 1
                 }),
-                e("span", fo, P(m(i).getLabel("interior")), 1)
+                e("span", fo, W(m(i).getLabel("interior")), 1)
               ]),
               _: 2
             }, 1040)
           ]),
           default: v(() => [
             e("div", ho, [
-              (u(!0), L(xe, null, Me(n.availableArchetypes, (w, k) => (u(), L("div", {
-                key: `at-menuitem-${k}`,
-                onClick: (F) => a("selectInterior", w.archetypeID),
+              (u(!0), L(xe, null, Me(n.availableArchetypes, (k, w) => (u(), L("div", {
+                key: `at-menuitem-${w}`,
+                onClick: (F) => a("selectInterior", k.archetypeID),
                 class: me(["interior-selector-list-item", {
-                  active: k === o.selectedIndex
+                  active: w === o.selectedIndex
                 }])
               }, [
                 e("div", yo, [
@@ -570,11 +570,11 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
                       width: "100",
                       "max-width": "100",
                       height: "66",
-                      src: w.url,
+                      src: k.url,
                       class: "pa-0 ma-0"
                     }, null, 8, ["src"])
                   ]),
-                  e("div", bo, P(m(i).get(w.title)), 1)
+                  e("div", bo, W(m(i).get(k.title)), 1)
                 ])
               ], 10, go))), 128))
             ])
@@ -630,7 +630,7 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
             "aspect-ratio": "1"
           }, null, 8, ["src"])
         ]),
-        e("div", Eo, P(n.value), 1)
+        e("div", Eo, W(n.value), 1)
       ]);
     };
   }
@@ -661,13 +661,13 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
     return (s, r) => {
       const p = E("v-icon"), h = E("v-btn"), g = E("v-tooltip");
       return u(), T(g, { location: "top" }, {
-        activator: v(({ props: w }) => [
+        activator: v(({ props: k }) => [
           y(h, Ee({
             density: "comfortable",
             elevation: "1",
             icon: "",
-            onClick: r[0] || (r[0] = (k) => a("toggle"))
-          }, w), {
+            onClick: r[0] || (r[0] = (w) => a("toggle"))
+          }, k), {
             default: v(() => [
               o.value === "virtualTour" ? (u(), L("svg", Vo, Oo)) : (u(), T(p, { key: 1 }, {
                 default: v(() => [
@@ -680,7 +680,7 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
           }, 1040)
         ]),
         default: v(() => [
-          e("span", null, P(m(i).getLabel(o.value)), 1)
+          e("span", null, W(m(i).getLabel(o.value)), 1)
         ]),
         _: 1
       });
@@ -736,7 +736,7 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
       "stroke-width": "1.5"
     })
   ])
-], -1)), jo = { class: "text-div text-center text mt-2" }, Wo = { class: "box col d-flex flex-column align-bottom justify-center" }, Po = /* @__PURE__ */ ze(() => /* @__PURE__ */ e("div", { class: "tutorial-icon justify-center" }, [
+], -1)), jo = { class: "text-div text-center text mt-2" }, Po = { class: "box col d-flex flex-column align-bottom justify-center" }, Wo = /* @__PURE__ */ ze(() => /* @__PURE__ */ e("div", { class: "tutorial-icon justify-center" }, [
   /* @__PURE__ */ e("svg", {
     width: "50",
     height: "32.5",
@@ -1227,7 +1227,7 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
       n("closeTutorial", i.value);
     }
     return (p, h) => {
-      const g = E("v-icon"), w = E("v-card-title"), k = E("v-btn"), F = E("v-divider"), C = E("v-card-text"), d = E("v-card-actions"), f = E("v-card"), S = E("v-expand-transition"), I = E("v-checkbox");
+      const g = E("v-icon"), k = E("v-card-title"), w = E("v-btn"), F = E("v-divider"), C = E("v-card-text"), d = E("v-card-actions"), f = E("v-card"), S = E("v-expand-transition"), I = E("v-checkbox");
       return u(), T(Ve, { name: "fade-transition" }, {
         default: v(() => [
           y(f, {
@@ -1235,7 +1235,7 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
             elevation: "16"
           }, {
             default: v(() => [
-              y(w, { class: "text-capitalize" }, {
+              y(k, { class: "text-capitalize" }, {
                 default: v(() => [
                   y(g, { size: "x-small" }, {
                     default: v(() => [
@@ -1243,21 +1243,21 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
                     ]),
                     _: 1
                   }),
-                  le(" " + P(m(a).getLabel("disclaimer")), 1)
+                  le(" " + W(m(a).getLabel("disclaimer")), 1)
                 ]),
                 _: 1
               }),
               y(C, { class: "pb-0" }, {
                 default: v(() => [
-                  e("p", null, P(m(a).getLabel("disclaimerTextShort")), 1),
-                  y(k, {
+                  e("p", null, W(m(a).getLabel("disclaimerTextShort")), 1),
+                  y(w, {
                     variant: "tonal",
                     size: "small",
                     onClick: h[0] || (h[0] = (A) => o.value = !0),
                     class: "text-capitalize mt-2"
                   }, {
                     default: v(() => [
-                      le(P(m(a).getLabel("learnMore")) + " ", 1),
+                      le(W(m(a).getLabel("learnMore")) + " ", 1),
                       y(g, null, {
                         default: v(() => [
                           le("mdi-chevron-right")
@@ -1272,34 +1272,34 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
                     e("div", Ho, [
                       e("div", Uo, [
                         zo,
-                        e("div", jo, P(m(a).getLabel("clickAndDragToLookAround")), 1)
+                        e("div", jo, W(m(a).getLabel("clickAndDragToLookAround")), 1)
                       ]),
-                      e("div", Wo, [
-                        Po,
-                        e("div", No, P(m(a).getLabel("clickOnTheCirclesToMoveAround")), 1)
+                      e("div", Po, [
+                        Wo,
+                        e("div", No, W(m(a).getLabel("clickOnTheCirclesToMoveAround")), 1)
                       ]),
                       e("div", Qo, [
                         Zo,
-                        e("div", qo, P(m(a).getLabel("useTheMouseWheelToZoom")), 1)
+                        e("div", qo, W(m(a).getLabel("useTheMouseWheelToZoom")), 1)
                       ]),
                       e("div", Jo, [
                         Xo,
-                        e("div", Go, P(m(a).getLabel("youCanAlsoUseTheArrowKeysToMoveAround")), 1)
+                        e("div", Go, W(m(a).getLabel("youCanAlsoUseTheArrowKeysToMoveAround")), 1)
                       ])
                     ])
                   ])),
                   s.value ? (u(), L("div", Ko, [
                     e("div", ea, [
                       ta,
-                      e("div", na, P(m(a).getLabel("tapAndDragToLookAround")), 1)
+                      e("div", na, W(m(a).getLabel("tapAndDragToLookAround")), 1)
                     ]),
                     e("div", oa, [
                       aa,
-                      e("div", la, P(m(a).getLabel("tapOnTheCirclesToMoveAround")), 1)
+                      e("div", la, W(m(a).getLabel("tapOnTheCirclesToMoveAround")), 1)
                     ]),
                     e("div", sa, [
                       ia,
-                      e("div", ra, P(m(a).getLabel("useTwoFingersToZoom")), 1)
+                      e("div", ra, W(m(a).getLabel("useTwoFingersToZoom")), 1)
                     ])
                   ])) : V("", !0),
                   y(F, { class: "my-1" })
@@ -1324,15 +1324,15 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
                               ]),
                               _: 1
                             }),
-                            le(" " + P(m(a).getLabel("disclaimer")), 1)
+                            le(" " + W(m(a).getLabel("disclaimer")), 1)
                           ]),
-                          e("p", ca, P(m(a).getLabel("disclaimerText")), 1)
+                          e("p", ca, W(m(a).getLabel("disclaimerText")), 1)
                         ]),
                         _: 1
                       }),
                       y(d, null, {
                         default: v(() => [
-                          y(k, {
+                          y(w, {
                             variant: "tonal",
                             size: "small",
                             onClick: h[1] || (h[1] = (A) => o.value = !1),
@@ -1345,7 +1345,7 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
                                 ]),
                                 _: 1
                               }),
-                              le(" " + P(m(a).getLabel("back")), 1)
+                              le(" " + W(m(a).getLabel("back")), 1)
                             ]),
                             _: 1
                           })
@@ -1366,20 +1366,20 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
                   "hide-details": ""
                 }, {
                   label: v(() => [
-                    e("span", va, P(m(a).getLabel("dontShowAgain")), 1)
+                    e("span", va, W(m(a).getLabel("dontShowAgain")), 1)
                   ]),
                   _: 1
                 }, 8, ["modelValue"])
               ]),
               y(d, null, {
                 default: v(() => [
-                  y(k, {
+                  y(w, {
                     variant: "tonal",
                     onClick: h[3] || (h[3] = (A) => r()),
                     block: ""
                   }, {
                     default: v(() => [
-                      le(P(m(a).getLabel("iUnderstand")), 1)
+                      le(W(m(a).getLabel("iUnderstand")), 1)
                     ]),
                     _: 1
                   })
@@ -1448,12 +1448,12 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
       const d = parseInt(C.substr(1, 2), 16) / 255, f = parseInt(C.substr(3, 2), 16) / 255, S = parseInt(C.substr(5, 2), 16) / 255;
       return [d, f, S];
     }
-    function w(C) {
+    function k(C) {
       var d = C.toString(16);
       return d.length == 1 ? "0" + d : d;
     }
-    function k([C, d, f]) {
-      return "#" + w(parseInt((C * 255).toString())) + w(parseInt((d * 255).toString())) + w(parseInt((f * 255).toString()));
+    function w([C, d, f]) {
+      return "#" + k(parseInt((C * 255).toString())) + k(parseInt((d * 255).toString())) + k(parseInt((f * 255).toString()));
     }
     function F(C = {}) {
       const d = [
@@ -1538,7 +1538,7 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
         whitePoint: {
           label: "White Point",
           type: "color",
-          value: k(f.whitePoint)
+          value: w(f.whitePoint)
         },
         lut: {
           label: "Lut",
@@ -1570,7 +1570,7 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
                 step: $.step
               }, {
                 prepend: v(() => [
-                  e("div", _a, P($.label), 1)
+                  e("div", _a, W($.label), 1)
                 ]),
                 append: v(() => [
                   e("div", null, [
@@ -1598,10 +1598,10 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
                 onChange: s
               }, {
                 prepend: v(() => [
-                  e("div", ba, P($.label), 1)
+                  e("div", ba, W($.label), 1)
                 ]),
                 append: v(() => [
-                  e("div", null, P($.value), 1)
+                  e("div", null, W($.value), 1)
                 ]),
                 _: 2
               }, 1032, ["modelValue", "onUpdate:modelValue"])) : V("", !0),
@@ -1612,7 +1612,7 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
                 min: $.min,
                 step: $.step
               }, [
-                e("div", ka, P($.label), 1),
+                e("div", ka, W($.label), 1),
                 e("div", Ca, [
                   tt(e("input", {
                     "onUpdate:modelValue": (Y) => i.value[te].value = Y,
@@ -1638,7 +1638,7 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
               ], 8, wa)) : V("", !0),
               $.type === "lut" ? (u(), L("div", Aa, [
                 e("div", xa, [
-                  e("div", Ia, P($.label), 1),
+                  e("div", Ia, W($.label), 1),
                   e("div", null, [
                     y(A, {
                       class: "ml-2",
@@ -1755,18 +1755,18 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
       const r = document.getElementsByClassName("anchor");
       for (let d = 0; d < r.length; d++) {
         const f = r[d];
-        f.addEventListener("touchstart", k, { passive: !1 }), f.addEventListener("touchend", C, { passive: !1 }), f.addEventListener("mousedown", k, { passive: !1 }), f.addEventListener("mouseup", C, { passive: !1 });
+        f.addEventListener("touchstart", w, { passive: !1 }), f.addEventListener("touchend", C, { passive: !1 }), f.addEventListener("mousedown", w, { passive: !1 }), f.addEventListener("mouseup", C, { passive: !1 });
       }
-      let p = 0, h = 0, g = 0, w = 0;
-      function k(d) {
+      let p = 0, h = 0, g = 0, k = 0;
+      function w(d) {
         d = d || window.event, d.preventDefault();
         let f = d;
-        d.type === "touchstart" && (f = d.touches[0]), g = f.clientX, w = f.clientY, document.addEventListener("mouseup", C, { passive: !1 }), document.addEventListener("touchend", C, { passive: !1 }), document.addEventListener("mousemove", F, { passive: !1 }), document.addEventListener("touchmove", F, { passive: !1 });
+        d.type === "touchstart" && (f = d.touches[0]), g = f.clientX, k = f.clientY, document.addEventListener("mouseup", C, { passive: !1 }), document.addEventListener("touchend", C, { passive: !1 }), document.addEventListener("mousemove", F, { passive: !1 }), document.addEventListener("touchmove", F, { passive: !1 });
       }
       function F(d) {
         d = d || window.event, d.preventDefault();
         let f = d;
-        d.type === "touchmove" && (f = d.touches[0]), p = g - f.clientX, h = w - f.clientY, g = f.clientX, w = f.clientY, s.style.top = s.offsetTop - h + "px", s.style.left = s.offsetLeft - p + "px";
+        d.type === "touchmove" && (f = d.touches[0]), p = g - f.clientX, h = k - f.clientY, g = f.clientX, k = f.clientY, s.style.top = s.offsetTop - h + "px", s.style.left = s.offsetLeft - p + "px";
       }
       function C() {
         document.removeEventListener("mouseup", C, !1), document.removeEventListener("mousemove", F, !1), document.removeEventListener("touchend", C, !1), document.removeEventListener("touchmove", F, !1);
@@ -1797,8 +1797,8 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
   class: "rotation-marker-svg",
   viewBox: "0 0 40 40",
   xmlns: "http://www.w3.org/2000/svg"
-}, za = /* @__PURE__ */ Yt('<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), ja = ["transform"], Wa = /* @__PURE__ */ Yt('<rect id="field-of-view-gradient" x="20" y="20" width="38" height="38" transform="rotate(0)" transform-origin="20 20" fill="url(#Gradient)"></rect><rect class="field-of-view-border" x="20" y="20" width="1" height="25" fill="url(#LineGradient)" transform="rotate(0)" transform-origin="20 20"></rect><rect class="field-of-view-border" x="19" y="19" width="1" height="25" fill="url(#LineGradient)" transform="rotate(-90)" transform-origin="20 20"></rect><circle cx="20" cy="20" r="5" fill="white"></circle><circle cx="20" cy="20" r="3" fill="red"></circle>', 5), Pa = [
-  Wa
+}, za = /* @__PURE__ */ Yt('<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), ja = ["transform"], Pa = /* @__PURE__ */ Yt('<rect id="field-of-view-gradient" x="20" y="20" width="38" height="38" transform="rotate(0)" transform-origin="20 20" fill="url(#Gradient)"></rect><rect class="field-of-view-border" x="20" y="20" width="1" height="25" fill="url(#LineGradient)" transform="rotate(0)" transform-origin="20 20"></rect><rect class="field-of-view-border" x="19" y="19" width="1" height="25" fill="url(#LineGradient)" transform="rotate(-90)" transform-origin="20 20"></rect><circle cx="20" cy="20" r="5" fill="white"></circle><circle cx="20" cy="20" r="3" fill="red"></circle>', 5), Wa = [
+  Pa
 ], Na = /* @__PURE__ */ J({
   __name: "VRotationMarker",
   props: {
@@ -1810,7 +1810,7 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
       e("g", {
         "transform-origin": "20 20",
         transform: `rotate(${45 + l.rotation})`
-      }, Pa, 8, ja)
+      }, Wa, 8, ja)
     ]));
   }
 }), Qa = { class: "minimap-wrapper" }, Za = { class: "minimap-container" }, qa = ["id"], Ja = /* @__PURE__ */ J({
@@ -1828,7 +1828,7 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
   },
   emits: ["goToCamera"],
   setup(t, { emit: l }) {
-    const n = t, a = l, i = _(512), o = _(384), s = _(512), r = _(384), p = _(new Ke()), h = _(new Vn()), g = _({}), w = _(1), k = _(), F = i.value / i.value, C = D(() => {
+    const n = t, a = l, i = _(512), o = _(384), s = _(512), r = _(384), p = _(new Ke()), h = _(new Vn()), g = _({}), k = _(1), w = _(), F = i.value / i.value, C = D(() => {
       const N = n.containerWidth / n.containerHeight;
       let se;
       return N > F ? se = n.containerHeight / o.value : se = n.containerWidth / i.value, se;
@@ -1855,11 +1855,11 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
     Re(() => {
       ye(), de(), O();
       const N = document.getElementById("moveableDiv");
-      N && (k.value = new ResizeObserver(O).observe(N));
+      N && (w.value = new ResizeObserver(O).observe(N));
     }), xn(() => {
       ye(), de();
     }), ot(() => {
-      k.value && k.value.unobserve(document.getElementById("moveableDiv"));
+      w.value && w.value.unobserve(document.getElementById("moveableDiv"));
     });
     function te(N) {
       return Dn.degToRad(N);
@@ -1895,21 +1895,21 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
       if (!N)
         return;
       const se = N.offsetHeight / 384 * 0.8, H = N.offsetWidth / 512 * 0.8;
-      N.offsetHeight > N.offsetWidth ? w.value = H * 0.5 : w.value = se * 0.9;
+      N.offsetHeight > N.offsetWidth ? k.value = H * 0.5 : k.value = se * 0.9;
     }
     function re(N) {
       const H = N.currentTarget.getBoundingClientRect(), M = N.clientX - H.left, q = N.clientY - H.top, Q = document.querySelectorAll(".single-camera-marker");
       let U = null, oe = 1 / 0;
       if (Q.forEach((Z) => {
-        const ie = Z, W = ie.getBoundingClientRect(), pe = W.left + W.width / 2 - H.left, he = W.top + W.height / 2 - H.top, ve = Math.sqrt(
+        const ie = Z, P = ie.getBoundingClientRect(), pe = P.left + P.width / 2 - H.left, he = P.top + P.height / 2 - H.top, ve = Math.sqrt(
           (M - pe) ** 2 + (q - he) ** 2
         );
         ve < oe && (oe = ve, U = ie);
       }), U) {
-        const Z = U.getBoundingClientRect(), ie = Z.left + Z.width / 2, W = Z.top + Z.height / 2;
+        const Z = U.getBoundingClientRect(), ie = Z.left + Z.width / 2, P = Z.top + Z.height / 2;
         for (let he = 0; he < 3; he++) {
           const ve = document.createElement("div");
-          ve.className = "ripple-effect", ve.style.position = "fixed", ve.style.left = `${ie}px`, ve.style.top = `${W}px`, ve.style.pointerEvents = "none", ve.style.animationDelay = `${he * 0.5}s`, document.body.appendChild(ve), setTimeout(() => {
+          ve.className = "ripple-effect", ve.style.position = "fixed", ve.style.left = `${ie}px`, ve.style.top = `${P}px`, ve.style.pointerEvents = "none", ve.style.animationDelay = `${he * 0.5}s`, document.body.appendChild(ve), setTimeout(() => {
             ve.remove();
           }, 500 + he * 500);
         }
@@ -1996,7 +1996,7 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
   },
   emits: ["setBackgroundImage"],
   setup(t, { emit: l }) {
-    const n = t, a = l, i = _((/* @__PURE__ */ new Date()).getHours()), o = _(!0), s = _(!0), r = _(""), p = _(/* @__PURE__ */ new Map()), h = D(() => n.minimapJson.storeys[n.level]), g = D(() => `${Math.floor(i.value).toString().padStart(2, "0")}:00`), w = D(() => {
+    const n = t, a = l, i = _((/* @__PURE__ */ new Date()).getHours()), o = _(!0), s = _(!0), r = _(""), p = _(/* @__PURE__ */ new Map()), h = D(() => n.minimapJson.storeys[n.level]), g = D(() => `${Math.floor(i.value).toString().padStart(2, "0")}:00`), k = D(() => {
       if (h.value.sunsimFilesTimeStamps[i.value]) {
         const S = h.value.sunsimFilesTimeStamps[i.value].split(" ");
         return `${S[0]} ${S[1]}`;
@@ -2008,18 +2008,18 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
         h.value.sunsimFiles[i.value]
       ), a("setBackgroundImage", r.value), s.value = !1;
       const S = await F(n.minimapJson.storeys);
-      p.value = S, o.value = !1, a("setBackgroundImage", k(n.level, i.value));
+      p.value = S, o.value = !1, a("setBackgroundImage", w(n.level, i.value));
     }), j(i, () => {
-      const S = k(n.level, i.value);
+      const S = w(n.level, i.value);
       a("setBackgroundImage", S);
     }), j(
       () => n.level,
       () => {
-        a("setBackgroundImage", k(n.level, i.value));
+        a("setBackgroundImage", w(n.level, i.value));
       },
       { immediate: !0 }
     );
-    function k(S, I) {
+    function w(S, I) {
       return p.value.get(`sunsim${S}_${I}`) ? p.value.get(`sunsim${S}_${I}`) : "";
     }
     async function F(S) {
@@ -2092,11 +2092,11 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
                     ]),
                     _: 1
                   }),
-                  e("span", null, P(w.value), 1)
+                  e("span", null, W(k.value), 1)
                 ])
               ]),
               "thumb-label": v(() => [
-                le(P(g.value), 1)
+                le(W(g.value), 1)
               ]),
               _: 1
             }, 8, ["modelValue"]))
@@ -2140,10 +2140,10 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
     function g(S) {
       o.value = S;
     }
-    const w = ["big", "bigger", "small"];
-    function k() {
-      const I = (w.indexOf(F.value) + 1) % w.length;
-      F.value = w[I];
+    const k = ["big", "bigger", "small"];
+    function w() {
+      const I = (k.indexOf(F.value) + 1) % k.length;
+      F.value = k[I];
     }
     const F = _("big");
     function C() {
@@ -2184,7 +2184,7 @@ const Zn = { id: "player-wrapper" }, qn = { id: "player-sizer" }, Jn = {
               class: "resize-icon ml-1",
               icon: "mdi-image-size-select-small",
               size: "x-small",
-              onClick: k,
+              onClick: w,
               title: "Resize"
             })
           ])
@@ -2255,10 +2255,10 @@ const cl = { class: "d-flex align-center" }, dl = { class: "d-block mr-1" }, vl
       },
       { immediate: !0 }
     ), (p, h) => {
-      const g = E("v-icon"), w = E("v-slider"), k = E("v-field"), F = E("v-btn");
+      const g = E("v-icon"), k = E("v-slider"), w = E("v-field"), F = E("v-btn");
       return u(), L("div", cl, [
         e("div", dl, [
-          y(k, {
+          y(w, {
             class: "ss-slider-field",
             style: {},
             variant: "solo-filled",
@@ -2266,7 +2266,7 @@ const cl = { class: "d-flex align-center" }, dl = { class: "d-block mr-1" }, vl
             flat: ""
           }, {
             default: v(() => [
-              m(a).timeSamples.length > 1 ? (u(), T(w, {
+              m(a).timeSamples.length > 1 ? (u(), T(k, {
                 key: 0,
                 class: "pa-2 pr-2",
                 modelValue: r.value,
@@ -2291,7 +2291,7 @@ const cl = { class: "d-flex align-center" }, dl = { class: "d-block mr-1" }, vl
                     ]),
                     _: 1
                   }),
-                  e("span", vl, P(m(ct)(r.value)), 1)
+                  e("span", vl, W(m(ct)(r.value)), 1)
                 ]),
                 _: 1
               }, 8, ["modelValue", "min", "max", "step", "disabled"])) : (u(), L(xe, { key: 1 }, [
@@ -2305,7 +2305,7 @@ const cl = { class: "d-flex align-center" }, dl = { class: "d-block mr-1" }, vl
                   ]),
                   _: 1
                 }),
-                e("span", ml, P(m(ct)(r.value)), 1)
+                e("span", ml, W(m(ct)(r.value)), 1)
               ], 64))
             ]),
             _: 1
@@ -2342,7 +2342,7 @@ const cl = { class: "d-flex align-center" }, dl = { class: "d-block mr-1" }, vl
         onClick: o[0] || (o[0] = (r) => n("toggleSunStudy"))
       }, {
         default: v(() => [
-          le(P(m(a).getLabel("openSunStudy")), 1)
+          le(W(m(a).getLabel("openSunStudy")), 1)
         ]),
         _: 1
       })) : V("", !0);
@@ -2419,7 +2419,7 @@ const cl = { class: "d-flex align-center" }, dl = { class: "d-block mr-1" }, vl
       g(), a("goto", h);
     }
     return (h, g) => {
-      const w = E("v-btn"), k = E("v-img"), F = E("v-icon"), C = E("v-card"), d = E("v-slide-group-item"), f = E("v-slide-group");
+      const k = E("v-btn"), w = E("v-img"), F = E("v-icon"), C = E("v-card"), d = E("v-slide-group-item"), f = E("v-slide-group");
       return u(), L("div", {
         class: me(["d-flex align-center justify-center", {
           mobileWaypointWrapper: s.value,
@@ -2439,7 +2439,7 @@ const cl = { class: "d-flex align-center" }, dl = { class: "d-block mr-1" }, vl
           mandatory: ""
         }, {
           prev: v(() => [
-            s.value ? V("", !0) : (u(), T(w, {
+            s.value ? V("", !0) : (u(), T(k, {
               key: 0,
               class: me(["carousel-button", { mobile: s.value }]),
               icon: "mdi-chevron-left",
@@ -2449,7 +2449,7 @@ const cl = { class: "d-flex align-center" }, dl = { class: "d-block mr-1" }, vl
             }, null, 8, ["class"]))
           ]),
           next: v(() => [
-            s.value ? V("", !0) : (u(), T(w, {
+            s.value ? V("", !0) : (u(), T(k, {
               key: 0,
               class: me(["carousel-button", { mobile: s.value }]),
               icon: "mdi-chevron-right",
@@ -2475,7 +2475,7 @@ const cl = { class: "d-flex align-center" }, dl = { class: "d-block mr-1" }, vl
                   onClick: (R) => p(S.id, I)
                 }, {
                   default: v(() => [
-                    y(k, {
+                    y(w, {
                       cover: "",
                       "aspect-ratio": 1,
                       src: S.thumbnailUrl
@@ -2531,9 +2531,9 @@ const cl = { class: "d-flex align-center" }, dl = { class: "d-block mr-1" }, vl
       navigator.clipboard.writeText(location.href);
     }
     return (p, h) => {
-      const g = E("v-btn"), w = E("v-tooltip"), k = E("v-toolbar-title"), F = E("v-spacer"), C = E("v-toolbar"), d = E("v-card-text"), f = E("v-card"), S = E("v-dialog");
+      const g = E("v-btn"), k = E("v-tooltip"), w = E("v-toolbar-title"), F = E("v-spacer"), C = E("v-toolbar"), d = E("v-card-text"), f = E("v-card"), S = E("v-dialog");
       return u(), L("div", null, [
-        y(w, {
+        y(k, {
           elevation: "2",
           top: "",
           attach: ""
@@ -2547,7 +2547,7 @@ const cl = { class: "d-flex align-center" }, dl = { class: "d-block mr-1" }, vl
             }, I), null, 16)
           ]),
           default: v(() => [
-            e("span", null, P(m(l).getLabel("share")), 1)
+            e("span", null, W(m(l).getLabel("share")), 1)
           ]),
           _: 1
         }),
@@ -2567,9 +2567,9 @@ const cl = { class: "d-flex align-center" }, dl = { class: "d-block mr-1" }, vl
                       icon: "mdi-close",
                       onClick: h[1] || (h[1] = (I) => n.value = !1)
                     }),
-                    y(k, null, {
+                    y(w, null, {
                       default: v(() => [
-                        le(P(m(l).getLabel("share")), 1)
+                        le(W(m(l).getLabel("share")), 1)
                       ]),
                       _: 1
                     }),
@@ -2580,7 +2580,7 @@ const cl = { class: "d-flex align-center" }, dl = { class: "d-block mr-1" }, vl
                 y(d, { class: "mt-5" }, {
                   default: v(() => [
                     e("p", wl, [
-                      y(w, { location: "top" }, {
+                      y(k, { location: "top" }, {
                         activator: v(({ props: I }) => [
                           y(g, Ee({
                             depressed: "",
@@ -2590,11 +2590,11 @@ const cl = { class: "d-flex align-center" }, dl = { class: "d-block mr-1" }, vl
                           }, I, { onClick: i }), null, 16)
                         ]),
                         default: v(() => [
-                          e("span", null, P(m(l).getLabel("shareToFacebook")), 1)
+                          e("span", null, W(m(l).getLabel("shareToFacebook")), 1)
                         ]),
                         _: 1
                       }),
-                      y(w, { location: "top" }, {
+                      y(k, { location: "top" }, {
                         activator: v(({ props: I }) => [
                           y(g, Ee({
                             depressed: "",
@@ -2604,11 +2604,11 @@ const cl = { class: "d-flex align-center" }, dl = { class: "d-block mr-1" }, vl
                           }, I, { onClick: s }), null, 16)
                         ]),
                         default: v(() => [
-                          e("span", null, P(m(l).getLabel("shareToLinkedin")), 1)
+                          e("span", null, W(m(l).getLabel("shareToLinkedin")), 1)
                         ]),
                         _: 1
                       }),
-                      y(w, { location: "top" }, {
+                      y(k, { location: "top" }, {
                         activator: v(({ props: I }) => [
                           y(g, Ee({
                             depressed: "",
@@ -2618,11 +2618,11 @@ const cl = { class: "d-flex align-center" }, dl = { class: "d-block mr-1" }, vl
                           }, I, { onClick: o }), null, 16)
                         ]),
                         default: v(() => [
-                          e("span", null, P(m(l).getLabel("shareToTwitter")), 1)
+                          e("span", null, W(m(l).getLabel("shareToTwitter")), 1)
                         ]),
                         _: 1
                       }),
-                      y(w, { location: "top" }, {
+                      y(k, { location: "top" }, {
                         activator: v(({ props: I }) => [
                           y(g, Ee({
                             depressed: "",
@@ -2634,11 +2634,11 @@ const cl = { class: "d-flex align-center" }, dl = { class: "d-block mr-1" }, vl
                           }, I), null, 16, ["href"])
                         ]),
                         default: v(() => [
-                          e("span", null, P(m(l).getLabel("shareViaEmail")), 1)
+                          e("span", null, W(m(l).getLabel("shareViaEmail")), 1)
                         ]),
                         _: 1
                       }),
-                      y(w, { location: "top" }, {
+                      y(k, { location: "top" }, {
                         activator: v(({ props: I }) => [
                           y(g, Ee({
                             depressed: "",
@@ -2649,7 +2649,7 @@ const cl = { class: "d-flex align-center" }, dl = { class: "d-block mr-1" }, vl
                           }, I), null, 16)
                         ]),
                         default: v(() => [
-                          e("span", null, P(m(l).getLabel("copyLink")), 1)
+                          e("span", null, W(m(l).getLabel("copyLink")), 1)
                         ]),
                         _: 1
                       }),
@@ -2667,7 +2667,7 @@ const cl = { class: "d-flex align-center" }, dl = { class: "d-block mr-1" }, vl
       ]);
     };
   }
-}), Wt = /* @__PURE__ */ ne(kl, [["__scopeId", "data-v-bb7d0a99"]]), Cl = { class: "static-image-wrapper" }, Sl = /* @__PURE__ */ J({
+}), Pt = /* @__PURE__ */ ne(kl, [["__scopeId", "data-v-bb7d0a99"]]), Cl = { class: "static-image-wrapper" }, Sl = /* @__PURE__ */ J({
   __name: "VSingleImage",
   props: {
     image: {},
@@ -2685,7 +2685,7 @@ const cl = { class: "d-flex align-center" }, dl = { class: "d-block mr-1" }, vl
 }), Al = /* @__PURE__ */ ne(Sl, [["__scopeId", "data-v-31489804"]]), xl = {
   id: "btn-fullscreen",
   class: "btn-placeholder mr-2"
-}, Pt = /* @__PURE__ */ J({
+}, Wt = /* @__PURE__ */ J({
   __name: "VFullScreenButton",
   props: {
     isFullScreen: { type: Boolean }
@@ -2888,8 +2888,8 @@ const El = {
       // websiteUrl,
       i18nConfig: h,
       showCarousel: g,
-      showTimeOfDay: w,
-      showCompass: k,
+      showTimeOfDay: k,
+      showCompass: w,
       showFullScreen: F,
       showSnapshot: C,
       showShare: d,
@@ -2906,7 +2906,7 @@ const El = {
       dynamicMarkers: Y,
       version: Se,
       showVersion: ye
-    } = Ce(a), O = n, re = _(!1), N = _(!1), se = _(!1), H = _(), M = _(), q = _(), Q = _(), U = _(), oe = _(0), Z = _(), ie = _(), W = _(), pe = _(0), he = _(0), ve = _(0), be = _(!1), we = _(!1), Be = _(), ke = _(!1), ce = _(!1), Te = _({
+    } = Ce(a), O = n, re = _(!1), N = _(!1), se = _(!1), H = _(), M = _(), q = _(), Q = _(), U = _(), oe = _(0), Z = _(), ie = _(), P = _(), pe = _(0), he = _(0), ve = _(0), be = _(!1), we = _(!1), Be = _(), ke = _(!1), ce = _(!1), Te = _({
       startTime: 0,
       startX: 0,
       startY: 0
@@ -2940,12 +2940,12 @@ const El = {
       let c = 0;
       if (M.value) {
         const x = M.value.cameras.map(
-          (Pe) => Pe.floorLevel
+          (We) => We.floorLevel
         );
         let z = [...new Set(x)];
         z = z.sort();
         const fe = z.findIndex(
-          (Pe) => Pe === he.value
+          (We) => We === he.value
         );
         fe !== -1 && (c = fe);
       }
@@ -2978,7 +2978,7 @@ const El = {
       if (Q.value && Q.value.storeys && Ye.value in Q.value.storeys)
         return Q.value.storeys[Ye.value];
     }), ee = D(() => M.value && M.value.timeInHours), ue = D(() => {
-      if (M.value && M.value.timeInHours && w.value)
+      if (M.value && M.value.timeInHours && k.value)
         return wn(M.value.timeInHours);
     });
     nt(
@@ -3017,7 +3017,7 @@ const El = {
     ), j(ke, () => {
       if (ke.value) {
         ce.value = !1;
-        const c = We(W.value);
+        const c = Pe(P.value);
         Be.value = c[0].timeSamples.find(
           (x) => x.timeInHours === c[0].defaultHour
         );
@@ -3057,7 +3057,7 @@ const El = {
         o.value
       ), q.value) {
         const x = A.value !== null ? A.value : 0;
-        oe.value = x, ie.value = q.value.cameras[x].id, W.value = q.value.cameras[x].id;
+        oe.value = x, ie.value = q.value.cameras[x].id, P.value = q.value.cameras[x].id;
       }
       S.value && (Q.value = await St(
         Z.value,
@@ -3187,7 +3187,7 @@ const El = {
       ke.value = !1, ie.value = c;
     }
     function At(c) {
-      Z.value = c, on(), O("onInteriorUpdate", c), O("onCameraUpdate", W.value, M.value);
+      Z.value = c, on(), O("onInteriorUpdate", c), O("onCameraUpdate", P.value, M.value);
     }
     async function on() {
       M.value = await kt(
@@ -3202,12 +3202,12 @@ const El = {
       ));
     }
     function an(c) {
-      W.value = c, W.value && (yt(W.value, !1), O("onCameraUpdate", W.value, M.value));
+      P.value = c, P.value && (yt(P.value, !1), O("onCameraUpdate", P.value, M.value));
     }
     const He = D(() => (c) => {
-      const x = We(c);
+      const x = Pe(c);
       return !x || !x[0] || !x[0].timeSamples ? !1 : x[0].timeSamples.length > 1;
-    }), We = (c) => {
+    }), Pe = (c) => {
       const x = M.value.cameras.find((z) => z.id === c);
       return x == null ? void 0 : x.sunsimDayOfYear;
     };
@@ -3257,12 +3257,12 @@ const El = {
       be.value = !be.value;
     }
     async function Lt() {
-      const c = 180 / Math.PI, x = await U.value.takePhoto(), z = U.value.getRotationEuler(), fe = U.value.getCurrentCamera(), Pe = new Tt(x, fe), kn = [
+      const c = 180 / Math.PI, x = await U.value.takePhoto(), z = U.value.getRotationEuler(), fe = U.value.getCurrentCamera(), We = new Tt(x, fe), kn = [
         z.x * -c,
         z.y * -c,
         z.z * c
       ];
-      return O("onSnapshot", Pe, kn), Pe;
+      return O("onSnapshot", We, kn), We;
     }
     async function yn() {
       console.log("Here onVisuadoCreateButtonClicked");
@@ -3310,14 +3310,14 @@ const El = {
       }, [
         se.value ? (u(), L("div", Fl, "Error loading the player!!")) : V("", !0),
         e("div", Vl, [
-          !Fe.value.isActive && Q.value && W.value && B.value && Z.value && we.value ? (u(), T(Vt, {
+          !Fe.value.isActive && Q.value && P.value && B.value && Z.value && we.value ? (u(), T(Vt, {
             key: 0,
             "cdn-file-resolver": m(i),
             "apartment-json": M.value,
             level: Ye.value,
             "minimap-json": Q.value,
             rotation: pe.value,
-            "current-camera": W.value,
+            "current-camera": P.value,
             onGoToCamera: je,
             onClose: x[0] || (x[0] = (fe) => we.value = !1)
           }, null, 8, ["cdn-file-resolver", "apartment-json", "level", "minimap-json", "rotation", "current-camera"])) : V("", !0),
@@ -3394,7 +3394,7 @@ const El = {
               ]),
               "top-center": v(() => []),
               "top-right": v(() => [
-                M.value && m(k) ? tt((u(), L("div", Bl, [
+                M.value && m(w) ? tt((u(), L("div", Bl, [
                   y(Ao, { rotation: pe.value }, null, 8, ["rotation"])
                 ], 512)), [
                   [rt, ce.value]
@@ -3402,13 +3402,13 @@ const El = {
                 e("div", {
                   onClick: x[4] || (x[4] = (fe) => we.value = !we.value)
                 }, [
-                  ce.value && M.value && ee.value && m(w) ? (u(), T(Fo, {
+                  ce.value && M.value && ee.value && m(k) ? (u(), T(Fo, {
                     key: 0,
                     hours: ue.value.hours,
                     minutes: ue.value.minutes,
                     class: "time-of-day",
                     style: ae({
-                      cursor: Q.value && W.value && B.value ? "pointer" : "default"
+                      cursor: Q.value && P.value && B.value ? "pointer" : "default"
                     })
                   }, null, 8, ["hours", "minutes", "style"])) : V("", !0)
                 ])
@@ -3432,13 +3432,13 @@ const El = {
                   key: 0,
                   onCloseTutorial: x[5] || (x[5] = (fe) => Le(fe))
                 })) : V("", !0),
-                Fe.value.isActive && Q.value && W.value && B.value && we.value ? (u(), T(Vt, {
+                Fe.value.isActive && Q.value && P.value && B.value && we.value ? (u(), T(Vt, {
                   key: 1,
                   "cdn-file-resolver": m(i),
                   "apartment-json": M.value,
                   "minimap-json": Q.value,
                   rotation: pe.value,
-                  "current-camera": W.value,
+                  "current-camera": P.value,
                   level: Ye.value,
                   onClose: x[6] || (x[6] = (fe) => we.value = !1),
                   onGoToCamera: je
@@ -3459,7 +3459,7 @@ const El = {
                 })
               ]),
               "bottom-left": v(() => [
-                m(F) ? (u(), T(Pt, {
+                m(F) ? (u(), T(Wt, {
                   key: 0,
                   "is-full-screen": Fe.value.isActive,
                   class: "btn-fullscreen",
@@ -3481,7 +3481,7 @@ const El = {
                   }, null, 8, ["show-static-image"])) : V("", !0)
                 ]),
                 ce.value && m(d) && !Fe.value.isActive ? (u(), L("div", $l, [
-                  y(Wt)
+                  y(Pt)
                 ])) : V("", !0),
                 ce.value && c.showVisuadoCreateButton ? (u(), L("div", Rl, [
                   y(Ml, { onOnSnapshot: yn })
@@ -3496,7 +3496,7 @@ const El = {
                           "mb-2": !G.value
                         }])
                       }, [
-                        !Oe.value && He.value(W.value) ? (u(), T(fl, {
+                        !Oe.value && He.value(P.value) ? (u(), T(fl, {
                           key: 0,
                           class: "ml-2",
                           displaySunsim: ke.value,
@@ -3504,10 +3504,10 @@ const El = {
                           onToggleSunStudy: x[7] || (x[7] = (fe) => ke.value = !ke.value)
                         }, null, 8, ["displaySunsim", "showUI"])) : V("", !0)
                       ], 2),
-                      !G.value && !Oe.value && ie.value && ke.value && He.value(W.value) && We(W.value)[0] && Be.value ? (u(), T(Dt, {
+                      !G.value && !Oe.value && ie.value && ke.value && He.value(P.value) && Pe(P.value)[0] && Be.value ? (u(), T(Dt, {
                         key: 0,
                         class: "sunsim-slider-desktop",
-                        "current-day": He.value(W.value) ? We(W.value)[0] : void 0,
+                        "current-day": He.value(P.value) ? Pe(P.value)[0] : void 0,
                         "current-time": Be.value,
                         onOnTimeChange: xt,
                         onToggleSunStudy: x[8] || (x[8] = (fe) => ke.value = !ke.value)
@@ -3574,22 +3574,22 @@ const El = {
               _: 1
             }),
             G.value ? (u(), L("div", Hl, [
-              !Oe.value && ie.value && ke.value && He.value(W.value) && We(W.value)[0] && Be.value ? (u(), T(Dt, {
+              !Oe.value && ie.value && ke.value && He.value(P.value) && Pe(P.value)[0] && Be.value ? (u(), T(Dt, {
                 key: 0,
                 class: "mt-1",
-                "current-day": He.value(W.value) ? We(W.value)[0] : void 0,
+                "current-day": He.value(P.value) ? Pe(P.value)[0] : void 0,
                 "current-time": Be.value,
                 onOnTimeChange: xt,
                 onToggleSunStudy: x[11] || (x[11] = (fe) => ke.value = !ke.value)
               }, null, 8, ["current-day", "current-time"])) : V("", !0)
             ])) : V("", !0)
           ], 2)) : V("", !0),
-          m(Se) && m(ye) ? (u(), L("div", Ul, " version: " + P(m(Se)), 1)) : V("", !0)
+          m(Se) && m(ye) ? (u(), L("div", Ul, " version: " + W(m(Se)), 1)) : V("", !0)
         ])
       ], 2);
     };
   }
-}), jl = /* @__PURE__ */ ne(zl, [["__scopeId", "data-v-3cc488e5"]]), Wl = { id: "player-wrapper" }, Pl = { id: "player-sizer" }, Nl = {
+}), jl = /* @__PURE__ */ ne(zl, [["__scopeId", "data-v-3cc488e5"]]), Pl = { id: "player-wrapper" }, Wl = { id: "player-sizer" }, Nl = {
   class: "player-control",
   id: "controls-top-left"
 }, Ql = {
@@ -3623,8 +3623,8 @@ const El = {
   },
   emits: ["newSizeCallback"],
   setup(t, { emit: l }) {
-    return (n, a) => (u(), L("div", Wl, [
-      e("div", Pl, [
+    return (n, a) => (u(), L("div", Pl, [
+      e("div", Wl, [
         K(n.$slots, "slideshow-image", {}, void 0, !0),
         e("div", Nl, [
           K(n.$slots, "top-left", {}, void 0, !0)
@@ -3678,8 +3678,8 @@ const El = {
     const n = _(0), a = _(
       new Nt(document, "player-wrapper")
     ), i = D(() => l.images.map(
-      (g, w) => ({
-        id: `image-${w}`,
+      (g, k) => ({
+        id: `image-${k}`,
         thumbnailUrl: g
       })
     )), o = D(() => i.value[n.value]);
@@ -3697,14 +3697,14 @@ const El = {
       let g = n.value - 1;
       g < 0 && (g = i.value.length - 1), n.value = g;
     }
-    function h(g, w = !0) {
-      let k = i.value.findIndex(
+    function h(g, k = !0) {
+      let w = i.value.findIndex(
         (F) => F.id === g
       );
-      k != -1 && (n.value = k);
+      w != -1 && (n.value = w);
     }
-    return (g, w) => {
-      const k = E("v-img"), F = E("v-btn");
+    return (g, k) => {
+      const w = E("v-img"), F = E("v-btn");
       return u(), L("div", os, [
         e("div", as, [
           e("div", null, [
@@ -3713,7 +3713,7 @@ const El = {
             }, {
               "slideshow-image": v(() => [
                 e("div", ls, [
-                  y(k, {
+                  y(w, {
                     src: o.value.thumbnailUrl
                   }, null, 8, ["src"])
                 ])
@@ -3751,14 +3751,14 @@ const El = {
                 })
               ]),
               "bottom-left": v(() => [
-                g.showFullScreen ? (u(), T(Pt, {
+                g.showFullScreen ? (u(), T(Wt, {
                   key: 0,
                   "is-full-screen": a.value.isActive,
                   class: "btn-fullscreen",
                   onToggleFullscreen: s
                 }, null, 8, ["is-full-screen"])) : V("", !0),
                 g.showShare ? (u(), L("div", ss, [
-                  y(Wt)
+                  y(Pt)
                 ])) : V("", !0)
               ]),
               "bottom-center": v(() => [
@@ -3803,7 +3803,7 @@ const El = {
   },
   emits: ["apartmentJsonLoaded", "minimapJsonLoaded", "cameraSet"],
   setup(t, { emit: l }) {
-    const a = Ce(t), i = l, o = _(), s = _(), r = _(), p = _(0), h = _(), g = _(1), w = D(() => a.currentCamera.value ? a.currentCamera.value : o.value ? o.value.cameras[0].id : null), k = D(() => ({
+    const a = Ce(t), i = l, o = _(), s = _(), r = _(), p = _(0), h = _(), g = _(1), k = D(() => a.currentCamera.value ? a.currentCamera.value : o.value ? o.value.cameras[0].id : null), w = D(() => ({
       transformOrigin: "top left",
       transform: `scale(${g.value})`
     }));
@@ -3812,8 +3812,8 @@ const El = {
         const I = S.target.parentElement, A = I.parentElement;
         g.value = A.clientWidth / 512, I.style.height = `${S.contentRect.height * g.value}px`;
       }).observe(h.value);
-    }), j(w, () => {
-      i("cameraSet", w.value);
+    }), j(k, () => {
+      i("cameraSet", k.value);
     });
     const F = D(() => {
       const S = _e(a.cdnFileResolver.value, "").replace(
@@ -3856,7 +3856,7 @@ const El = {
         default: v(() => [
           e("div", null, [
             e("div", {
-              style: ae({ ...k.value, position: "relative" }),
+              style: ae({ ...w.value, position: "relative" }),
               ref_key: "fitContainer",
               ref: h
             }, [
@@ -3871,7 +3871,7 @@ const El = {
                 "all-cameras": o.value.cameras,
                 "background-image": r.value,
                 rotation: f.rotation || 0,
-                "current-camera": w.value,
+                "current-camera": k.value,
                 storey: C.value,
                 containerWidth: 512,
                 containerHeight: 384,
@@ -3964,9 +3964,9 @@ const El = {
       });
     });
     const h = D(() => _e(a.value, n.value.defaultFilename));
-    return (g, w) => m(n).sunsimDayOfYear ? (u(!0), L(xe, { key: 0 }, Me(m(n).sunsimDayOfYear, (k, F) => (u(), T(ms, {
+    return (g, k) => m(n).sunsimDayOfYear ? (u(!0), L(xe, { key: 0 }, Me(m(n).sunsimDayOfYear, (w, F) => (u(), T(ms, {
       key: F,
-      "day-data": k,
+      "day-data": w,
       "cdn-file-resolver": m(a),
       "current-day": g.currentDay,
       "current-time": m(o)
@@ -4037,17 +4037,17 @@ const bs = {
         )
       );
     }), (h, g) => {
-      const w = E("v-btn"), k = E("v-field"), F = E("v-list-item-title"), C = E("v-list-item"), d = E("v-list"), f = E("v-menu");
+      const k = E("v-btn"), w = E("v-field"), F = E("v-list-item-title"), C = E("v-list-item"), d = E("v-list"), f = E("v-menu");
       return m(i).sunsimDayOfYear && m(i).sunsimDayOfYear.length > 0 ? (u(), L("div", bs, [
         y(f, null, {
           activator: v(({ props: S }) => [
-            y(k, {
+            y(w, {
               variant: "solo-filled",
               rounded: "",
               flat: ""
             }, {
               default: v(() => [
-                y(w, Ee({
+                y(k, Ee({
                   variant: "text",
                   rounded: "",
                   flat: "",
@@ -4058,7 +4058,7 @@ const bs = {
                   size: m(a) ? "small" : void 0
                 }, S), {
                   default: v(() => [
-                    le(P(m(Ot)(p.value)), 1)
+                    le(W(m(Ot)(p.value)), 1)
                   ]),
                   _: 2
                 }, 1040, ["readonly", "append-icon", "disabled", "size"])
@@ -4077,7 +4077,7 @@ const bs = {
                   default: v(() => [
                     y(F, null, {
                       default: v(() => [
-                        le(P(m(Ot)(S.dayOfYear)), 1)
+                        le(W(m(Ot)(S.dayOfYear)), 1)
                       ]),
                       _: 2
                     }, 1024)
@@ -4126,13 +4126,13 @@ const bs = {
     ), j(p, () => {
       h(
         "onCameraChange",
-        i.value.find((w) => w === p.value)
+        i.value.find((k) => k === p.value)
       );
     });
-    function g(w) {
-      r.value || (p.value = w);
+    function g(k) {
+      r.value || (p.value = k);
     }
-    return (w, k) => {
+    return (k, w) => {
       const F = E("v-icon");
       return u(), L("div", {
         class: me({
@@ -4153,7 +4153,7 @@ const bs = {
             }]),
             onClick: (f) => g(C)
           }, [
-            C.cameraName ? (u(), L("div", As, P(C.cameraName), 1)) : V("", !0),
+            C.cameraName ? (u(), L("div", As, W(C.cameraName), 1)) : V("", !0),
             e("div", {
               class: "camera-thumbnail-image",
               style: ae({
@@ -4201,7 +4201,7 @@ const bs = {
         )
       );
     }), (h, g) => {
-      const w = E("v-icon"), k = E("v-slider"), F = E("v-field");
+      const k = E("v-icon"), w = E("v-slider"), F = E("v-field");
       return u(), L("div", {
         class: me({ "d-inline-block": !0, mobile: m(a) }),
         style: ae({
@@ -4227,7 +4227,7 @@ const bs = {
           flat: ""
         }, {
           default: v(() => [
-            m(i).timeSamples.length > 1 ? (u(), T(k, {
+            m(i).timeSamples.length > 1 ? (u(), T(w, {
               key: 0,
               class: "pa-2 pr-2",
               modelValue: p.value,
@@ -4242,7 +4242,7 @@ const bs = {
               "hide-details": ""
             }, {
               prepend: v(() => [
-                y(w, {
+                y(k, {
                   style: { "vertical-align": "baseline", "font-size": "20px" },
                   class: "mr-2 icon",
                   color: "warning"
@@ -4252,11 +4252,11 @@ const bs = {
                   ]),
                   _: 1
                 }),
-                e("span", Es, P(m(ct)(p.value)), 1)
+                e("span", Es, W(m(ct)(p.value)), 1)
               ]),
               _: 1
             }, 8, ["modelValue", "min", "max", "step", "disabled"])) : (u(), L(xe, { key: 1 }, [
-              y(w, {
+              y(k, {
                 style: { "vertical-align": "baseline", "font-size": "20px", "margin-top": "-1px", opacity: "0.6" },
                 class: "mr-2 icon",
                 color: "warning"
@@ -4266,7 +4266,7 @@ const bs = {
                 ]),
                 _: 1
               }),
-              e("span", Ms, P(m(ct)(p.value)), 1)
+              e("span", Ms, W(m(ct)(p.value)), 1)
             ], 64))
           ]),
           _: 1
@@ -4296,7 +4296,7 @@ const bs = {
           size: m(a) ? "x-small" : "small",
           flat: "",
           icon: "mdi-plus",
-          onClick: h[0] || (h[0] = (w) => r("onZoomIn")),
+          onClick: h[0] || (h[0] = (k) => r("onZoomIn")),
           style: { "border-bottom-left-radius": "0", "border-bottom-right-radius": "0" }
         }, null, 8, ["disabled", "size"]),
         Bs,
@@ -4305,7 +4305,7 @@ const bs = {
           size: m(a) ? "x-small" : "small",
           flat: "",
           icon: "mdi-minus",
-          onClick: h[1] || (h[1] = (w) => r("onZoomOut")),
+          onClick: h[1] || (h[1] = (k) => r("onZoomOut")),
           style: { "border-top-left-radius": "0", "border-top-right-radius": "0" }
         }, null, 8, ["disabled", "size"])
       ]);
@@ -4366,13 +4366,13 @@ const Os = ["innerHTML"], $s = /* @__PURE__ */ J({
   },
   emits: ["onClick", "onHoverOver", "onHoverOut", "updateSvgContainer", "onError", "onBoundingBoxesUpdate"],
   setup(t, { emit: l }) {
-    const n = t, { cdnFileResolver: a, colorCallback: i, currentCamera: o, selectedId: s } = Ce(n), r = l, p = _(!0), h = _({}), g = _(), w = Ln({}), k = D(() => _e(
+    const n = t, { cdnFileResolver: a, colorCallback: i, currentCamera: o, selectedId: s } = Ce(n), r = l, p = _(!0), h = _({}), g = _(), k = Ln({}), w = D(() => _e(
       a.value,
       o.value.overlayFilename
     ));
     Ft(() => {
-      for (const d in w) {
-        const { element: f, state: S } = w[d], { r: I, g: A, b: R, a: X, s: $ } = i.value(d, S) || {
+      for (const d in k) {
+        const { element: f, state: S } = k[d], { r: I, g: A, b: R, a: X, s: $ } = i.value(d, S) || {
           r: 0,
           g: 0,
           b: 0,
@@ -4382,11 +4382,11 @@ const Os = ["innerHTML"], $s = /* @__PURE__ */ J({
         f.style.fill = `rgba(${I}, ${A}, ${R}, ${X / 255})`, f.style.stroke = `rgb(${I}, ${A}, ${R})`, f.style.strokeWidth = $.toString(), f.style.cursor = "pointer";
       }
     }), j(s, () => {
-      for (const d in w)
-        w[d].state === "selected" && d !== s.value ? w[d].state = "idle" : w[d].state !== "selected" && d === s.value && (w[d].state = "selected");
+      for (const d in k)
+        k[d].state === "selected" && d !== s.value ? k[d].state = "idle" : k[d].state !== "selected" && d === s.value && (k[d].state = "selected");
     }), Ft(async () => {
       try {
-        p.value = !1, h.value[k.value] || (h.value[k.value] = await Qe.loadText(k.value)), C();
+        p.value = !1, h.value[w.value] || (h.value[w.value] = await Qe.loadText(w.value)), C();
       } catch (d) {
         r("onError", d);
       } finally {
@@ -4441,20 +4441,20 @@ const Os = ["innerHTML"], $s = /* @__PURE__ */ J({
               $.style.stroke = "inherit", $.style.fill = "inherit";
             });
             const X = R.getAttribute(I);
-            w[X] = {
+            k[X] = {
               element: R,
               state: s.value === X ? "selected" : "idle",
               boundingBox: R.getBoundingClientRect().toJSON()
             }, n.activeStructureIds && !n.activeStructureIds.includes(X) && (R.style.display = "none"), R.addEventListener("mouseover", () => {
-              w[X].state === "idle" && (w[X].state = "hover"), r("onHoverOver", X);
+              k[X].state === "idle" && (k[X].state = "hover"), r("onHoverOver", X);
             }), R.addEventListener("mouseout", () => {
-              w[X].state === "hover" && (w[X].state = "idle"), r("onHoverOut", X);
+              k[X].state === "hover" && (k[X].state = "idle"), r("onHoverOut", X);
             }), R.addEventListener("click", () => {
               r("onClick", X);
             });
           }), r(
             "onBoundingBoxesUpdate",
-            Object.entries(w).map(([A, R]) => ({
+            Object.entries(k).map(([A, R]) => ({
               id: A,
               boundingBox: R.boundingBox
             }))
@@ -4471,7 +4471,7 @@ const Os = ["innerHTML"], $s = /* @__PURE__ */ J({
             visibility: p.value ? "visible" : "hidden"
           }, { "z-index": "5" }]),
           class: "w-100 h-100 position-absolute top-left structure-chooser-overlay-svg",
-          innerHTML: h.value[k.value]
+          innerHTML: h.value[w.value]
         }, null, 12, Os)
       ]),
       _: 1
@@ -4535,10 +4535,10 @@ function js(t) {
 function Ne(t) {
   return t.startsWith("/") ? t : `/${t}`;
 }
-function Ws(t) {
+function Ps(t) {
   return t ? "version" in t : !1;
 }
-function Ps(t) {
+function Ws(t) {
   if (!t)
     return !1;
   const l = [
@@ -4614,7 +4614,7 @@ function Ns(t) {
         }
       )
     };
-  } else if (Ps(t)) {
+  } else if (Ws(t)) {
     if (!t.days && !t.timeSamples)
       throw new Error(
         "cannot convert BuildingChooserDataLegacy to StructureChooser: 'days' and 'timeSamples' are empty"
@@ -4721,7 +4721,7 @@ function Ns(t) {
           }
         )
       };
-    if (Ws(t)) {
+    if (Ps(t)) {
       if (!t.sceneData)
         throw new Error(
           "cannot convert ApartmentChooserDataLegacy to StructureChooser: key 'sceneData' is missing"
@@ -4738,8 +4738,8 @@ function Ns(t) {
         h = o[p].filename, g = {
           cameraName: `Camera ${r + 1}`,
           cameraPosition: void 0,
-          cameraRotation: t.sceneCameras && (a = t.sceneCameras.find((w) => w.scene === r)) != null && a.cameraRotation ? $t(
-            (i = t.sceneCameras.find((w) => w.scene === r)) == null ? void 0 : i.cameraRotation
+          cameraRotation: t.sceneCameras && (a = t.sceneCameras.find((k) => k.scene === r)) != null && a.cameraRotation ? $t(
+            (i = t.sceneCameras.find((k) => k.scene === r)) == null ? void 0 : i.cameraRotation
           ) : void 0,
           cameraFov: 0,
           overlayFilename: `/scenedata${s[r]}V5Overlay.svg`,
@@ -4828,8 +4828,8 @@ const Qs = {
       customOverlayContent: p,
       selectedId: h,
       defaultCamera: g,
-      defaultDay: w,
-      defaultTime: k,
+      defaultDay: k,
+      defaultTime: w,
       mobileBreakpoint: F
     } = Ce(a), C = n, d = _(), f = _(), S = _(), I = _(null), A = _(4), R = _(), X = _(!1), $ = _(!1), te = _(), de = D(() => te.value.isHoverEnabled), Y = _({ x: 0, y: 0, width: 0, height: 0 }), Se = _(), ye = _(), O = _(), re = _(!1), N = _(1), se = _(0), H = _([]), M = _(), q = _({
       current: 100,
@@ -4850,7 +4850,7 @@ const Qs = {
       });
     }), l({
       getState: () => ({
-        currentCameraIndex: d.value ? W.value.findIndex((b) => b === d.value) : null,
+        currentCameraIndex: d.value ? P.value.findIndex((b) => b === d.value) : null,
         currentDayIndex: f.value ? d.value.sunsimDayOfYear.findIndex(
           (b) => b === f.value
         ) : null,
@@ -4867,7 +4867,7 @@ const Qs = {
         currentTransitionIndex: ue,
         currentScene: G
       }) => {
-        typeof b == "number" && (d.value = W.value[b]), typeof B == "number" && (f.value = d.value.sunsimDayOfYear[B]), typeof ee == "number" && (S.value = f.value.timeSamples[ee]), typeof ue == "number" && (I.value = pe.value[ue]), typeof G == "number" && (A.value = G);
+        typeof b == "number" && (d.value = P.value[b]), typeof B == "number" && (f.value = d.value.sunsimDayOfYear[B]), typeof ee == "number" && (S.value = f.value.timeSamples[ee]), typeof ue == "number" && (I.value = pe.value[ue]), typeof G == "number" && (A.value = G);
       },
       resolveCoordinates: (b, B) => U.value ? U.value(b, B) : { x: 0, y: 0 }
     }), Re(() => {
@@ -4919,7 +4919,7 @@ const Qs = {
         }).observe(ye.value);
       }
     );
-    const W = D(
+    const P = D(
       () => O.value ? O.value.cameras.filter(Hs) : []
     ), pe = D(
       () => O.value ? O.value.cameras.filter(bt) : []
@@ -4933,26 +4933,26 @@ const Qs = {
     ), j(
       [O, o, g],
       async () => {
-        o.value && W.value.length > 0 && (g.value ? d.value = W.value.find(
+        o.value && P.value.length > 0 && (g.value ? d.value = P.value.find(
           (b) => b.cameraName === g.value
-        ) || W.value[0] : d.value = W.value[0], A.value = O.value.cameras.findIndex(
+        ) || P.value[0] : d.value = P.value[0], A.value = O.value.cameras.findIndex(
           (b) => b === d.value
         ), A.value = Math.max(0, A.value));
       },
       { immediate: !0 }
     ), j(
-      [O, o, w],
+      [O, o, k],
       () => {
-        O.value && o.value && d.value && d.value.sunsimDayOfYear && d.value.sunsimDayOfYear.length > 0 && (w.value ? f.value = d.value.sunsimDayOfYear.find(
-          (b) => b.dayOfYear === w.value
+        O.value && o.value && d.value && d.value.sunsimDayOfYear && d.value.sunsimDayOfYear.length > 0 && (k.value ? f.value = d.value.sunsimDayOfYear.find(
+          (b) => b.dayOfYear === k.value
         ) || d.value.sunsimDayOfYear[0] : f.value = d.value.sunsimDayOfYear[0]);
       },
       { immediate: !0 }
     ), j(
-      [O, o, k],
+      [O, o, w],
       () => {
-        O.value && o.value && f.value && f.value.timeSamples && f.value.timeSamples.length > 0 && (k.value ? S.value = f.value.timeSamples.find(
-          (b) => b.timeInHours === k.value
+        O.value && o.value && f.value && f.value.timeSamples && f.value.timeSamples.length > 0 && (w.value ? S.value = f.value.timeSamples.find(
+          (b) => b.timeInHours === w.value
         ) || f.value.timeSamples[0] : S.value = f.value.timeSamples.find(
           (b) => b.timeInHours === f.value.defaultHour
         ) || f.value.timeSamples[0]);
@@ -5120,7 +5120,7 @@ const Qs = {
                     class: "persistent actions-bar top-right pa-2",
                     style: ae({
                       zIndex: 7,
-                      top: re.value && W.value.length > 1 ? "60px" : 0
+                      top: re.value && P.value.length > 1 ? "60px" : 0
                     })
                   }, [
                     d.value.cameraRotation ? (u(), T(Ht, {
@@ -5142,7 +5142,7 @@ const Qs = {
                       onOnZoomOut: B[1] || (B[1] = (G) => Je(!1))
                     }, null, 8, ["is-mobile-sized", "can-zoom-out", "can-zoom-in", "disabled"])
                   ], 4)) : V("", !0),
-                  b.showUi && W.value.length > 1 ? (u(), L("div", {
+                  b.showUi && P.value.length > 1 ? (u(), L("div", {
                     key: 1,
                     class: me([{
                       "actions-bar bottom-center pb-2": !0,
@@ -5152,7 +5152,7 @@ const Qs = {
                   }, [
                     y(Ls, {
                       "is-mobile-sized": re.value,
-                      "still-cameras": W.value,
+                      "still-cameras": P.value,
                       "current-camera": d.value,
                       disabled: $.value,
                       "cdn-file-resolver": m(o),
@@ -5170,7 +5170,7 @@ const Qs = {
                         class: "w-100 position-relative",
                         style: ae({ height: `${se.value}px` })
                       }, [
-                        (u(!0), L(xe, null, Me(W.value, (G, Ae) => (u(), T(hs, {
+                        (u(!0), L(xe, null, Me(P.value, (G, Ae) => (u(), T(hs, {
                           key: `camera${Ae}`,
                           "camera-data": G,
                           "cdn-file-resolver": m(o),
@@ -5247,7 +5247,7 @@ const Qs = {
                     ]),
                     _: 3
                   }, 8, ["is-hoverable", "pos"])) : V("", !0),
-                  b.version && b.showVersion ? (u(), L("div", Js, " version: " + P(b.version), 1)) : V("", !0)
+                  b.version && b.showVersion ? (u(), L("div", Js, " version: " + W(b.version), 1)) : V("", !0)
                 ], 34)
               ]),
               _: 3