@qispace/vue3-player 0.3.47 → 0.3.49

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

@@ -1,7 +1,7 @@
 var Ba = Object.defineProperty;
 var Ra = (s, a, e) => a in s ? Ba(s, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[a] = e;
 var he = (s, a, e) => (Ra(s, typeof a != "symbol" ? a + "" : a, e), e);
-import { defineComponent as W, ref as c, computed as B, openBlock as v, createElementBlock as D, watch as U, onMounted as Se, onBeforeUnmount as Xe, withDirectives as De, createElementVNode as u, normalizeStyle as ie, vShow as Ae, createVNode as C, Fragment as pe, renderList as Ce, createCommentVNode as R, inject as Ue, resolveComponent as V, withCtx as b, toDisplayString as Q, unref as A, createTextVNode as ae, normalizeClass as ge, createBlock as $, renderSlot as oe, provide as Ze, reactive as St, watchEffect as Re, resolveDynamicComponent as ea, normalizeProps as pt, guardReactiveProps as ft, mergeProps as Te, nextTick as xe, Transition as Be, createSlots as Ua, toRefs as Ee, pushScopeId as It, popScopeId as xt, vModelText as Ha, createStaticVNode as ta, onBeforeUpdate as Ya, withModifiers as za } from "vue";
+import { defineComponent as W, ref as c, computed as B, openBlock as v, createElementBlock as D, watch as U, onMounted as Se, onBeforeUnmount as Xe, withDirectives as De, createElementVNode as u, normalizeStyle as ie, vShow as Ae, createVNode as C, Fragment as ve, renderList as Ce, createCommentVNode as R, inject as Ue, resolveComponent as V, withCtx as b, toDisplayString as Q, unref as A, createTextVNode as ae, normalizeClass as ge, createBlock as $, renderSlot as oe, provide as Ze, reactive as St, watchEffect as Re, resolveDynamicComponent as ea, normalizeProps as pt, guardReactiveProps as ft, mergeProps as Ee, nextTick as xe, Transition as Be, createSlots as Ua, toRefs as Te, pushScopeId as It, popScopeId as xt, vModelText as Ha, createStaticVNode as ta, onBeforeUpdate as Ya, withModifiers as za } from "vue";
 import Ct from "axios";
 import * as ja from "@qispace/player-core";
 import { Vector3 as dt, Object3D as Pa, MathUtils as Wa } from "three";
@@ -82,7 +82,7 @@ const Ga = /* @__PURE__ */ W({
   },
   emits: ["selectUnit", "goToUnit", "hoverOver", "hoverOut", "pos"],
   setup(s, { emit: a }) {
-    const e = s, o = a, n = c({ x: 0, y: 0, width: 0, height: 0 }), t = c(0), r = c(0), l = c(), d = c(), m = c(), i = c(), p = c(-1), w = c(!1), k = c(), f = c(), h = c({}), g = c("auto"), _ = c(new Oe()), y = c({}), E = c(), L = c(), P = c(), x = c(), M = c(), K = B(() => P.value.isHoverEnabled), H = B(() => ce(
+    const e = s, o = a, n = c({ x: 0, y: 0, width: 0, height: 0 }), t = c(0), r = c(0), l = c(), d = c(), m = c(), i = c(), p = c(-1), w = c(!1), k = c(), f = c(), h = c({}), g = c("auto"), _ = c(new Oe()), y = c({}), T = c(), L = c(), P = c(), x = c(), M = c(), K = B(() => P.value.isHoverEnabled), H = B(() => ce(
       e.cdnFileResolver,
       `/scenedata${e.viewModel.currentScene}.png`
     )), te = B(() => H.value in h.value ? h.value[H.value] : null), I = B(() => p.value < 0 ? !1 : e.sceneData.find((ee) => ee.index === p.value) || !1), S = B(() => ({
@@ -132,7 +132,7 @@ const Ga = /* @__PURE__ */ W({
       o("pos", n.value);
     }), Se(() => {
       L.value = () => {
-        clearTimeout(E.value), Me(), E.value = setTimeout(() => {
+        clearTimeout(T.value), Me(), T.value = setTimeout(() => {
           Me();
         }, 50);
       }, window.addEventListener("resize", L.value), Me();
@@ -143,10 +143,10 @@ const Ga = /* @__PURE__ */ W({
     });
     function G() {
       l.value = x.value.getContext("2d", { willReadFrequently: !0 }), d.value = new Image(), d.value.onload = () => {
-        We(), x.value.addEventListener("mousemove", Le(ve, 50));
+        We(), x.value.addEventListener("mousemove", Le(me, 50));
       }, d.value.src = te.value;
     }
-    function ve(N) {
+    function me(N) {
       const ee = Z(N.offsetX, N.offsetY);
       w.value = ee >= 0, p.value = ee, n.value = {
         x: N.offsetX,
@@ -343,7 +343,7 @@ const Ga = /* @__PURE__ */ W({
           })), r.value = { ...r.value, [L]: x };
         });
       }
-      m.value.addEventListener("mousemove", E(w, 50));
+      m.value.addEventListener("mousemove", T(w, 50));
     });
     function w(L) {
       n.value = {
@@ -395,7 +395,7 @@ const Ga = /* @__PURE__ */ W({
         };
     }
     const y = c(!1);
-    function E(L, P) {
+    function T(L, P) {
       return y.value = !0, function(...x) {
         y.value && (y.value = !1, L.apply(this, x), setTimeout(() => y.value = !0, P));
       };
@@ -415,7 +415,7 @@ const Ga = /* @__PURE__ */ W({
           key: 0,
           viewBox: l.value.viewBox
         }, [
-          (v(!0), D(pe, null, Ce(l.value.svgObjects, ({ index: x, svg: M }) => (v(), D("g", {
+          (v(!0), D(ve, null, Ce(l.value.svgObjects, ({ index: x, svg: M }) => (v(), D("g", {
             key: x,
             innerHTML: M,
             style: ie(_(x)),
@@ -622,18 +622,18 @@ const on = {
     U(
       () => e.viewModel.currentScene,
       (_, y) => {
-        const E = g(y, _), L = h(y, _);
-        i(y, E, L);
+        const T = g(y, _), L = h(y, _);
+        i(y, T, L);
       }
     ), Se(() => {
       w();
     });
-    function i(_, y, E) {
+    function i(_, y, T) {
       e.viewModel.isRotating || (e.viewModel.isRotating = !0, p(
         r.value.start(
           y,
           _ % vt,
-          E
+          T
         )
       ));
     }
@@ -653,10 +653,10 @@ const on = {
     function k() {
       const _ = [];
       for (let y = 0; y < Qt; y++) {
-        const { sourceSet: E, defaultPath: L } = f(y);
+        const { sourceSet: T, defaultPath: L } = f(y);
         _.push({
           index: y,
-          sourceSet: E,
+          sourceSet: T,
           defaultPath: L,
           show: !1
         });
@@ -664,28 +664,28 @@ const on = {
       return _;
     }
     function f(_) {
-      const y = ("0000" + (_ + 1)).slice(-4), E = e.build ? `?v=${e.build}` : "", L = [
+      const y = ("0000" + (_ + 1)).slice(-4), T = e.build ? `?v=${e.build}` : "", L = [
         `${ce(
           e.cdnFileResolver,
-          `/480/${y}.jpg${E}`
+          `/480/${y}.jpg${T}`
         )} 480w`,
         `${ce(
           e.cdnFileResolver,
-          `/960/${y}.jpg${E}`
+          `/960/${y}.jpg${T}`
         )} 960w`,
         `${ce(
           e.cdnFileResolver,
-          `/1280/${y}.jpg${E}`
+          `/1280/${y}.jpg${T}`
         )} 1280w`
       ].join(","), P = ce(
         e.cdnFileResolver,
-        `/480/${y}.jpg${E}`
+        `/480/${y}.jpg${T}`
       );
       return { sourceSet: L, defaultPath: P };
     }
     function h(_, y) {
-      const E = vt / 2, L = Math.abs(_ - y);
-      return L > E ? vt - L : L;
+      const T = vt / 2, L = Math.abs(_ - y);
+      return L > T ? vt - L : L;
     }
     function g(_, y) {
       if (_ === y)
@@ -694,17 +694,17 @@ const on = {
       return L && _ < y || !L && _ > y ? 1 : -1;
     }
     return (_, y) => {
-      const E = V("v-icon");
+      const T = V("v-icon");
       return v(), D("div", null, [
         t.value.isError ? (v(), D("div", on, [
-          C(E, { "x-large": "" }, {
+          C(T, { "x-large": "" }, {
             default: b(() => [
               ae("mdi-alert-circle-outline")
             ]),
             _: 1
           })
         ])) : d.value ? (v(), D("div", cn, [
-          (v(!0), D(pe, null, Ce(l.value, (L) => (v(), D("picture", {
+          (v(!0), D(ve, null, Ce(l.value, (L) => (v(), D("picture", {
             key: L.index,
             alt: L.index,
             class: ge({ "frame-image": !0, show: L.show })
@@ -795,7 +795,7 @@ const on = {
   setup(s, { expose: a, emit: e }) {
     const o = s, n = e;
     a({
-      adjustZoom: ve
+      adjustZoom: me
     });
     const t = c(100), r = c(0), l = c(0), d = c(!1), m = c(!1), i = c(void 0), p = c(!1), w = c(), k = B(() => `translateX(${r.value}px) translateY(${l.value}px) scale(${f.value})`), f = B(() => t.value / 100), h = B(() => o.maxScale * 100);
     U(
@@ -812,12 +812,12 @@ const on = {
     ), U(
       () => o.mobile,
       () => {
-        o.mobile ? _() : E();
+        o.mobile ? _() : T();
       }
     ), Se(() => {
       o.desktop && g(), o.mobile && _();
     }), Xe(() => {
-      o.desktop && y(), o.mobile && E();
+      o.desktop && y(), o.mobile && T();
     });
     function g() {
       w.value.addEventListener("wheel", L, {
@@ -856,7 +856,7 @@ const on = {
         capture: !0
       });
     }
-    function E() {
+    function T() {
       w.value.removeEventListener("touchstart", H, {
         capture: !0
       }), w.value.removeEventListener("touchmove", te, {
@@ -869,7 +869,7 @@ const on = {
     }
     function L(O) {
       const { x: Z, y: q } = S(O);
-      ve(-O.deltaY / 10, Z, q), O.preventDefault();
+      me(-O.deltaY / 10, Z, q), O.preventDefault();
     }
     function P(O) {
       d.value = !0, p.value = !1, i.value = O;
@@ -907,7 +907,7 @@ const on = {
         ), { x: re, y: be } = S(O.touches[1]), { x: le, y: Fe } = S(
           i.value.touches[1]
         ), Me = Math.hypot(ne - le, ue - Fe), We = Math.hypot(Z - re, q - be), we = (re + Z) / 2, Ie = (be + q) / 2;
-        ve(We - Me, we, Ie);
+        me(We - Me, we, Ie);
       }
       i.value = O;
     }
@@ -935,7 +935,7 @@ const on = {
         -(q - Z)
       );
     }
-    function ve(O, Z, q) {
+    function me(O, Z, q) {
       const ne = Z !== void 0 ? Z : w.value.clientWidth / 2, ue = q !== void 0 ? q : w.value.clientHeight / 2, re = w.value.clientWidth, be = w.value.clientHeight, le = re * f.value, Fe = be * f.value;
       t.value = Math.min(Math.max(100, t.value + O), h.value);
       const Me = re * f.value, We = be * f.value, we = Me - le, Ie = We - Fe;
@@ -1074,12 +1074,12 @@ const Cn = { key: 0 }, wn = { class: "interactive-viewer" }, kn = { class: "fill
         for (let z = 0; z < $t; z++)
           S.push(I), I = aa(I);
         return H.sort((z, G) => {
-          const ve = S.findIndex(
+          const me = S.findIndex(
             (O) => O === r.value[z[te]]
           ), Y = S.findIndex(
             (O) => O === r.value[G[te]]
           );
-          return ve < Y ? -1 : ve > Y ? 1 : 0;
+          return me < Y ? -1 : me > Y ? 1 : 0;
         }), H;
       }, K = (H) => {
         m.value = new bn(H);
@@ -1093,7 +1093,7 @@ const Cn = { key: 0 }, wn = { class: "interactive-viewer" }, kn = { class: "fill
         initialize: K
       });
     });
-    function E(x) {
+    function T(x) {
       i.value = x;
     }
     function L(x) {
@@ -1134,7 +1134,7 @@ const Cn = { key: 0 }, wn = { class: "interactive-viewer" }, kn = { class: "fill
                     onGoToUnit: M[4] || (M[4] = (H) => n("goToUnit", H)),
                     onHoverOver: L,
                     onHoverOut: P,
-                    onPos: E
+                    onPos: T
                   }, {
                     default: b((H) => [
                       oe(x.$slots, "default", pt(ft(H)), void 0, !0)
@@ -1208,7 +1208,7 @@ const Cn = { key: 0 }, wn = { class: "interactive-viewer" }, kn = { class: "fill
       [Ae, o.timeSampleData === o.currentTime]
     ]);
   }
-}), On = /* @__PURE__ */ X(Mn, [["__scopeId", "data-v-dbbdc1e0"]]), Tn = /* @__PURE__ */ W({
+}), On = /* @__PURE__ */ X(Mn, [["__scopeId", "data-v-dbbdc1e0"]]), En = /* @__PURE__ */ W({
   __name: "VApartmentChooserV5CameraDay",
   props: {
     dayData: {},
@@ -1217,13 +1217,13 @@ const Cn = { key: 0 }, wn = { class: "interactive-viewer" }, kn = { class: "fill
   },
   setup(s) {
     const a = s;
-    return (e, o) => (v(!0), D(pe, null, Ce(a.dayData.timeSamples, (n) => (v(), $(On, {
+    return (e, o) => (v(!0), D(ve, null, Ce(a.dayData.timeSamples, (n) => (v(), $(On, {
       "time-sample-data": n,
       "cdn-file-resolver": a.cdnFileResolver,
       "current-time": e.currentTime
     }, null, 8, ["time-sample-data", "cdn-file-resolver", "current-time"]))), 256));
   }
-}), En = /* @__PURE__ */ W({
+}), Tn = /* @__PURE__ */ W({
   __name: "VApartmentChooserV5Camera",
   props: {
     cameraData: {},
@@ -1232,7 +1232,7 @@ const Cn = { key: 0 }, wn = { class: "interactive-viewer" }, kn = { class: "fill
   },
   setup(s) {
     const a = s;
-    return (e, o) => (v(!0), D(pe, null, Ce(a.cameraData.sunsimDayOfYear, (n) => (v(), $(Tn, {
+    return (e, o) => (v(!0), D(ve, null, Ce(a.cameraData.sunsimDayOfYear, (n) => (v(), $(En, {
       "day-data": n,
       "cdn-file-resolver": a.cdnFileResolver,
       "current-time": a.currentTime
@@ -1278,7 +1278,7 @@ function Rn(s) {
 function Bt(s) {
   return !("filename" in s);
 }
-function Tt(s) {
+function Et(s) {
   return "filename" in s;
 }
 const Un = /* @__PURE__ */ W({
@@ -1368,7 +1368,7 @@ const Un = /* @__PURE__ */ W({
         "hide-details": ""
       }, {
         item: b(({ props: i }) => [
-          C(d, Te(i, {
+          C(d, Ee(i, {
             title: t(i.title)
           }), null, 16, ["title"])
         ]),
@@ -1541,7 +1541,7 @@ const Un = /* @__PURE__ */ W({
     }
     return (f, h) => {
       const g = V("v-btn"), _ = V("v-chip");
-      return v(), D(pe, null, [
+      return v(), D(ve, null, [
         C(g, {
           class: "mx-2",
           icon: "mdi-restore",
@@ -1896,7 +1896,7 @@ function ao(s) {
           ]
         }
       ]
-    }, Tt(t[d]) && (t[d] = i);
+    }, Et(t[d]) && (t[d] = i);
   }
   return {
     version: "5.0",
@@ -1943,7 +1943,7 @@ const no = {
       null
     ), d = c(4), m = c(), i = c(!1), p = c(!1), w = c(), k = c(), f = B(() => k.value.isHoverEnabled), h = c({ x: 0, y: 0, width: 0, height: 0 }), g = c(), _ = c(), y = c(
       e.apartmentChooserData
-    ), E = c(!1);
+    ), T = c(!1);
     Se(() => {
       i.value = !0;
     }), U(i, (Y) => {
@@ -1952,14 +1952,14 @@ const no = {
       () => _.value,
       () => {
         _.value && new ResizeObserver(([O]) => {
-          E.value = O.contentRect.width < e.mobileBreakpoint;
+          T.value = O.contentRect.width < e.mobileBreakpoint;
         }).observe(_.value);
       }
     );
     const L = B(
       () => y.value ? y.value.cameras.filter(Bt) : []
     ), P = B(
-      () => y.value ? y.value.cameras.filter(Tt) : []
+      () => y.value ? y.value.cameras.filter(Et) : []
     ), x = async () => {
       try {
         let Y, O;
@@ -2009,7 +2009,7 @@ const no = {
       );
     }
     function K(Y) {
-      d.value = Y, Tt(y.value.cameras[d.value]) ? l.value = y.value.cameras[d.value] : (xe(() => {
+      d.value = Y, Et(y.value.cameras[d.value]) ? l.value = y.value.cameras[d.value] : (xe(() => {
         H(
           y.value.cameras[d.value]
         );
@@ -2056,7 +2056,7 @@ const no = {
     function G(Y) {
       o("onHoverOut", Y), m.value = void 0;
     }
-    function ve(Y) {
+    function me(Y) {
       const { layerX: O, layerY: Z } = Y;
       let q = Y.target, ne = !1;
       for (; q; )
@@ -2079,7 +2079,7 @@ const no = {
     }
     return (Y, O) => {
       const Z = V("v-skeleton-loader");
-      return v(), D(pe, null, [
+      return v(), D(ve, null, [
         C(Z, {
           type: "image",
           class: "w-100 h-100 position-relative",
@@ -2091,8 +2091,8 @@ const no = {
                 u("div", {
                   ref_key: "container",
                   ref: _,
-                  class: ge({ mobile: E.value }),
-                  onMousemove: ve
+                  class: ge({ mobile: T.value }),
+                  onMousemove: me
                 }, [
                   u("div", no, [
                     u("div", oo, [
@@ -2146,13 +2146,13 @@ const no = {
                   ]),
                   C(st, { position: "relative" }, {
                     default: b(() => [
-                      (v(!0), D(pe, null, Ce(L.value, (q) => (v(), $(En, {
+                      (v(!0), D(ve, null, Ce(L.value, (q) => (v(), $(Tn, {
                         key: q.overlayFilename,
                         "camera-data": q,
                         "cdn-file-resolver": e.cdnFileResolver,
                         "current-time": r.value
                       }, null, 8, ["camera-data", "cdn-file-resolver", "current-time"]))), 128)),
-                      (v(!0), D(pe, null, Ce(P.value, (q) => (v(), $(Bn, {
+                      (v(!0), D(ve, null, Ce(P.value, (q) => (v(), $(Bn, {
                         "transition-data": q,
                         "cdn-file-resolver": e.cdnFileResolver,
                         "current-transition": l.value
@@ -2344,7 +2344,7 @@ const no = {
         onLoad: l
       }, null, 544),
       n.value === "preloaded" || n.value === "loaded" ? De((v(), D("div", _o, [
-        (v(!0), D(pe, null, Ce(m.imageUrls, (p, w) => (v(), D("img", {
+        (v(!0), D(ve, null, Ce(m.imageUrls, (p, w) => (v(), D("img", {
           key: w,
           class: ge({ "image-instance": !0, active: w === m.activeIndex }),
           src: p,
@@ -2410,8 +2410,8 @@ const no = {
           viewLongitude: S.viewLongitude
         };
         const z = [];
-        for (let { id: G, url: ve } of S.buildingOverlays)
-          i.value.loadJson(ve.replace(".png", ".svg")).then((Y) => {
+        for (let { id: G, url: me } of S.buildingOverlays)
+          i.value.loadJson(me.replace(".png", ".svg")).then((Y) => {
             const Z = new DOMParser().parseFromString(Y, "image/svg+xml").getElementsByTagName("svg")[0];
             w.value = Z.getAttribute("viewBox"), z.push({
               id: G,
@@ -2422,7 +2422,7 @@ const no = {
       } else
         m.value = !0;
     });
-    function E({ width: I, height: S }) {
+    function T({ width: I, height: S }) {
       t.value.width = I, t.value.height = S;
     }
     function L() {
@@ -2441,12 +2441,12 @@ const no = {
         I === l.value ? "hover" : "idle"
       );
       if (S) {
-        const { r: z, g: G, b: ve, a: Y, s: O } = S;
+        const { r: z, g: G, b: me, a: Y, s: O } = S;
         return {
           strokeWidth: O !== void 0 ? O : 2,
-          stroke: `rgb(${z}, ${G}, ${ve})`,
+          stroke: `rgb(${z}, ${G}, ${me})`,
           strokeOpacity: 1,
-          fill: `rgb(${z}, ${G}, ${ve})`,
+          fill: `rgb(${z}, ${G}, ${me})`,
           fillOpacity: Y / 255,
           cursor: `${e.canGoToBuildingCallback(I) ? "cursor" : "default"} !important`
         };
@@ -2513,7 +2513,7 @@ const no = {
               C(la, {
                 "image-urls": k.value.imageUrls,
                 "active-index": d.value,
-                onResize: E,
+                onResize: T,
                 onPreloaded: S[0] || (S[0] = (G) => n.value.preloaded = !0),
                 onReady: S[1] || (S[1] = (G) => n.value.ready = !0),
                 onReset: L
@@ -2521,9 +2521,9 @@ const no = {
               p.value ? De((v(), D("div", So, [
                 u("div", Io, [
                   (v(), D("svg", { viewBox: w.value }, [
-                    (v(!0), D(pe, null, Ce(p.value, ({ id: G, svg: ve }, Y) => (v(), D("g", {
+                    (v(!0), D(ve, null, Ce(p.value, ({ id: G, svg: me }, Y) => (v(), D("g", {
                       key: Y,
-                      innerHTML: ve,
+                      innerHTML: me,
                       "data-building-id": G,
                       class: ge(P(G)),
                       style: ie(x(G)),
@@ -2629,17 +2629,17 @@ const no = {
         for (let k = 0; k < d.value.length; k++)
           l.value.data[d.value[k] - 3] = e.color.r, l.value.data[d.value[k] - 2] = e.color.g, l.value.data[d.value[k] - 1] = e.color.b, l.value.data[d.value[k]] = e.color.a;
     }
-    return (k, f) => (v(), D("canvas", Te({
+    return (k, f) => (v(), D("canvas", Ee({
       ref_key: "canvas",
       ref: m,
       class: "overlay"
     }, k.dimensions), null, 16));
   }
-}), Oo = /* @__PURE__ */ X(Mo, [["__scopeId", "data-v-9e4cdd0e"]]), To = {
+}), Oo = /* @__PURE__ */ X(Mo, [["__scopeId", "data-v-9e4cdd0e"]]), Eo = {
   key: 0,
   style: { height: "50vh" },
   class: "d-flex justify-center align-center blue-grey lighten-5"
-}, Eo = { class: "image-instances" }, Vo = ["innerHTML"], $o = /* @__PURE__ */ W({
+}, To = { class: "image-instances" }, Vo = ["innerHTML"], $o = /* @__PURE__ */ W({
   __name: "VBuildingChooserRaster",
   props: {
     showCards: { type: Boolean, default: !0 },
@@ -2694,18 +2694,18 @@ const no = {
         viewLongitude: S.viewLongitude
       }, x()) : f.value = !0;
     });
-    function E({ width: I, height: S }) {
+    function T({ width: I, height: S }) {
       r.value.width = I, r.value.height = S, xe(x);
     }
     function L() {
       t.value = { preloaded: !1, ready: !1 };
     }
     function P(I) {
-      const { layerX: S, layerY: z } = I, { x: G, y: ve } = k.value(S, z);
+      const { layerX: S, layerY: z } = I, { x: G, y: me } = k.value(S, z);
       return m.value.getBuildingId(
         i.value,
         G,
-        ve
+        me
       );
     }
     function x() {
@@ -2736,7 +2736,7 @@ const no = {
     }
     return (I, S) => {
       const z = V("v-icon");
-      return f.value ? (v(), D("div", To, [
+      return f.value ? (v(), D("div", Eo, [
         C(z, { "x-large": "" }, {
           default: b(() => [
             ae("mdi-alert-circle-outline")
@@ -2754,17 +2754,17 @@ const no = {
           onUpdate: te
         }, {
           default: b(() => [
-            u("div", Eo, [
+            u("div", To, [
               C(la, {
                 "image-urls": n.value.imageUrls,
                 "active-index": w.value,
-                onResize: E,
+                onResize: T,
                 onPreloaded: S[0] || (S[0] = (G) => t.value.preloaded = !0),
                 onReady: S[1] || (S[1] = (G) => t.value.ready = !0),
                 onReset: L
               }, null, 8, ["image-urls", "active-index"]),
               De(u("div", null, [
-                (v(!0), D(pe, null, Ce(d.value.buildingOverlays, (G) => (v(), $(Oo, {
+                (v(!0), D(ve, null, Ce(d.value.buildingOverlays, (G) => (v(), $(Oo, {
                   ref_for: !0,
                   ref_key: "overlays",
                   ref: _,
@@ -2777,7 +2777,7 @@ const no = {
                 [Ae, t.value.preloaded]
               ])
             ]),
-            u("canvas", Te(r.value, {
+            u("canvas", Ee(r.value, {
               ref_key: "canvas",
               ref: g,
               class: { hover: !!p.value },
@@ -2902,7 +2902,7 @@ const no = {
   },
   setup(s) {
     const a = s;
-    return (e, o) => (v(!0), D(pe, null, Ce(a.dayData.timeSamples, (n) => (v(), $(Yo, {
+    return (e, o) => (v(!0), D(ve, null, Ce(a.dayData.timeSamples, (n) => (v(), $(Yo, {
       "time-sample-data": n,
       "cdn-file-resolver": a.cdnFileResolver,
       "current-time": e.currentTime
@@ -2917,7 +2917,7 @@ const no = {
   },
   setup(s) {
     const a = s;
-    return (e, o) => (v(!0), D(pe, null, Ce(a.cameraData.sunsimDayOfYear, (n) => (v(), $(zo, {
+    return (e, o) => (v(!0), D(ve, null, Ce(a.cameraData.sunsimDayOfYear, (n) => (v(), $(zo, {
       "day-data": n,
       "cdn-file-resolver": a.cdnFileResolver,
       "current-time": a.currentTime
@@ -2997,7 +2997,7 @@ const no = {
         "hide-details": ""
       }, {
         item: b(({ props: i }) => [
-          C(d, Te(i, {
+          C(d, Ee(i, {
             title: t(i.title)
           }), null, 16, ["title"])
         ]),
@@ -3333,7 +3333,7 @@ const tl = {
     function y(M) {
       const K = r.value;
       t.value = M, xe(() => {
-        E(
+        T(
           t.value.timeSamples.find(
             (H) => H.timeInHours === K.timeInHours
           ) || t.value.timeSamples.find(
@@ -3342,7 +3342,7 @@ const tl = {
         );
       });
     }
-    function E(M) {
+    function T(M) {
       r.value = M;
     }
     function L(M) {
@@ -3374,7 +3374,7 @@ const tl = {
     }
     return (M, K) => {
       const H = V("v-skeleton-loader");
-      return v(), D(pe, null, [
+      return v(), D(ve, null, [
         C(H, {
           type: "image",
           class: "w-100 h-100 position-relative",
@@ -3410,7 +3410,7 @@ const tl = {
                         key: 0,
                         "day-data": t.value,
                         "current-time": r.value,
-                        onOnTimeChange: E
+                        onOnTimeChange: T
                       }, null, 8, ["day-data", "current-time"])) : R("", !0)
                     ])
                   ]),
@@ -3422,7 +3422,7 @@ const tl = {
                   ]),
                   C(st, { position: "relative" }, {
                     default: b(() => [
-                      (v(!0), D(pe, null, Ce(f.value.cameras, (te) => (v(), $(jo, {
+                      (v(!0), D(ve, null, Ce(f.value.cameras, (te) => (v(), $(jo, {
                         key: te.overlayFilename,
                         "camera-data": te,
                         "cdn-file-resolver": e.cdnFileResolver,
@@ -3533,7 +3533,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
       currentCameraId: l,
       showStaticImage: d,
       mouseSensitivity: m
-    } = Ee(o), i = a, p = c(), w = c(l.value), k = c(0), f = c(0);
+    } = Te(o), i = a, p = c(), w = c(l.value), k = c(0), f = c(0);
     U(l, () => {
       w.value = l.value;
     }), U([t, r], async () => {
@@ -3650,7 +3650,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
   style: { width: "24px", height: "24px" },
   viewBox: "0 0 18 16",
   xmlns: "http://www.w3.org/2000/svg"
-}, Ml = ["stroke"], Ol = ["stroke"], Tl = { class: "floor-level-label" }, El = /* @__PURE__ */ W({
+}, Ml = ["stroke"], Ol = ["stroke"], El = { class: "floor-level-label" }, Tl = /* @__PURE__ */ W({
   __name: "VFloorLevel",
   props: {
     level: { default: 0 },
@@ -3673,7 +3673,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
         attach: ""
       }, {
         activator: b(({ props: f }) => [
-          C(w, Te({
+          C(w, Ee({
             style: { cursor: "pointer" },
             density: "comfortable",
             elevation: "1",
@@ -3701,13 +3701,13 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
           }, 1040)
         ]),
         default: b(() => [
-          u("span", Tl, Q(A(n).getLabel(r.value)) + " " + Q(A(n).getLabel("floor")), 1)
+          u("span", El, Q(A(n).getLabel(r.value)) + " " + Q(A(n).getLabel("floor")), 1)
         ]),
         _: 1
       });
     };
   }
-}), Vl = /* @__PURE__ */ X(El, [["__scopeId", "data-v-5ce91d8e"]]), $l = { class: "d-none d-md-inline" }, Bl = { class: "interior-selector-list" }, Rl = ["onClick"], Ul = { class: "d-flex align-center justify-left pa-0 ma-0" }, Hl = { class: "pa-0 ma-0" }, Yl = { class: "text-caption ma-2 no-wrap" }, zl = /* @__PURE__ */ W({
+}), Vl = /* @__PURE__ */ X(Tl, [["__scopeId", "data-v-5ce91d8e"]]), $l = { class: "d-none d-md-inline" }, Bl = { class: "interior-selector-list" }, Rl = ["onClick"], Ul = { class: "d-flex align-center justify-left pa-0 ma-0" }, Hl = { class: "pa-0 ma-0" }, Yl = { class: "text-caption ma-2 no-wrap" }, zl = /* @__PURE__ */ W({
   __name: "VInteriorSelector",
   props: {
     cdnFileResolver: { type: [String, Function] },
@@ -3728,7 +3728,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
           attach: ""
         }, {
           activator: b(({ props: p }) => [
-            C(d, Te({ rounded: "" }, p, { class: "text-capitalize" }), {
+            C(d, Ee({ rounded: "" }, p, { class: "text-capitalize" }), {
               default: b(() => [
                 C(l, null, {
                   default: b(() => [
@@ -3743,7 +3743,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
           ]),
           default: b(() => [
             u("div", Bl, [
-              (v(!0), D(pe, null, Ce(e.availableArchetypes, (p, w) => (v(), D("div", {
+              (v(!0), D(ve, null, Ce(e.availableArchetypes, (p, w) => (v(), D("div", {
                 key: `at-menuitem-${w}`,
                 onClick: (k) => o("selectInterior", p.archetypeID),
                 class: ge(["interior-selector-list-item", {
@@ -3848,7 +3848,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
       const d = V("v-icon"), m = V("v-btn"), i = V("v-tooltip");
       return v(), $(i, { location: "top" }, {
         activator: b(({ props: p }) => [
-          C(m, Te({
+          C(m, Ee({
             density: "comfortable",
             elevation: "1",
             icon: "",
@@ -4396,7 +4396,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
       "stroke-linejoin": "round"
     })
   ])
-], -1)), Fs = { class: "text text-col text-center" }, Ls = { class: "text-h6 text-capitalize" }, Ms = { class: "mt-2" }, Os = { class: "d-flex justify-center align-center checkbox-container" }, Ts = { class: "text-caption" }, Es = /* @__PURE__ */ W({
+], -1)), Fs = { class: "text text-col text-center" }, Ls = { class: "text-h6 text-capitalize" }, Ms = { class: "mt-2" }, Os = { class: "d-flex justify-center align-center checkbox-container" }, Es = { class: "text-caption" }, Ts = /* @__PURE__ */ W({
   __name: "VTutorial",
   emits: ["closeTutorial"],
   setup(s, { emit: a }) {
@@ -4439,7 +4439,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
                   C(w, {
                     variant: "tonal",
                     size: "small",
-                    onClick: m[0] || (m[0] = (E) => t.value = !0),
+                    onClick: m[0] || (m[0] = (T) => t.value = !0),
                     class: "text-capitalize mt-2"
                   }, {
                     default: b(() => [
@@ -4521,7 +4521,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
                           C(w, {
                             variant: "tonal",
                             size: "small",
-                            onClick: m[1] || (m[1] = (E) => t.value = !1),
+                            onClick: m[1] || (m[1] = (T) => t.value = !1),
                             class: "text-capitalize"
                           }, {
                             default: b(() => [
@@ -4548,11 +4548,11 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
                 C(y, {
                   density: "compact",
                   modelValue: n.value,
-                  "onUpdate:modelValue": m[2] || (m[2] = (E) => n.value = E),
+                  "onUpdate:modelValue": m[2] || (m[2] = (T) => n.value = T),
                   "hide-details": ""
                 }, {
                   label: b(() => [
-                    u("span", Ts, Q(A(o).getLabel("dontShowAgain")), 1)
+                    u("span", Es, Q(A(o).getLabel("dontShowAgain")), 1)
                   ]),
                   _: 1
                 }, 8, ["modelValue"])
@@ -4561,7 +4561,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
                 default: b(() => [
                   C(w, {
                     variant: "tonal",
-                    onClick: m[3] || (m[3] = (E) => l()),
+                    onClick: m[3] || (m[3] = (T) => l()),
                     block: ""
                   }, {
                     default: b(() => [
@@ -4580,7 +4580,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
       });
     };
   }
-}), Vs = /* @__PURE__ */ X(Es, [["__scopeId", "data-v-a5e7f474"]]), $s = (s) => (It("data-v-bd4f66c3"), s = s(), xt(), s), Bs = { class: "player-settings-ui" }, Rs = { id: "settings-ui-form" }, Us = { class: "form-inputs" }, Hs = { class: "setting-label" }, Ys = { class: "setting-label" }, zs = ["max", "min", "step"], js = { class: "setting-label" }, Ps = { class: "flex-grow-1 flex-shrink-0" }, Ws = ["onUpdate:modelValue"], Ns = {
+}), Vs = /* @__PURE__ */ X(Ts, [["__scopeId", "data-v-a5e7f474"]]), $s = (s) => (It("data-v-bd4f66c3"), s = s(), xt(), s), Bs = { class: "player-settings-ui" }, Rs = { id: "settings-ui-form" }, Us = { class: "form-inputs" }, Hs = { class: "setting-label" }, Ys = { class: "setting-label" }, zs = ["max", "min", "step"], js = { class: "setting-label" }, Ps = { class: "flex-grow-1 flex-shrink-0" }, Ws = ["onUpdate:modelValue"], Ns = {
   key: 3,
   "d-block": "",
   class: "mt-3"
@@ -4738,11 +4738,11 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
       };
     }
     return (f, h) => {
-      const g = V("v-text-field"), _ = V("v-slider"), y = V("v-checkbox"), E = V("v-btn"), L = V("v-select"), P = V("v-icon");
+      const g = V("v-text-field"), _ = V("v-slider"), y = V("v-checkbox"), T = V("v-btn"), L = V("v-select"), P = V("v-icon");
       return v(), D("div", Bs, [
         u("form", Rs, [
           u("div", Us, [
-            (v(!0), D(pe, null, Ce(n.value, (x, M, K) => (v(), D("div", {
+            (v(!0), D(ve, null, Ce(n.value, (x, M, K) => (v(), D("div", {
               key: K,
               "d-block": ""
             }, [
@@ -4826,7 +4826,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
                 u("div", Gs, [
                   u("div", Qs, Q(x.label), 1),
                   u("div", null, [
-                    C(E, {
+                    C(T, {
                       class: "ml-2",
                       "x-small": "",
                       onClick: (H) => n.value[M].value = null
@@ -4873,7 +4873,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
             ]))), 128))
           ]),
           u("div", Xs, [
-            C(E, {
+            C(T, {
               onClick: h[0] || (h[0] = (x) => m())
             }, {
               default: b(() => [
@@ -4881,7 +4881,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
               ]),
               _: 1
             }),
-            C(E, {
+            C(T, {
               class: "ml-2",
               onClick: h[1] || (h[1] = (x) => l())
             }, {
@@ -4896,7 +4896,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
               ]),
               _: 1
             }),
-            C(E, {
+            C(T, {
               class: "ml-2",
               onClick: h[2] || (h[2] = (x) => d())
             }, {
@@ -5031,7 +5031,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
         ...I,
         ...K(r.value, z)
       };
-    })), E = B(() => ({
+    })), T = B(() => ({
       backgroundImage: `url(${a.backgroundImage})`,
       backgroundSize: "contain"
     })), L = B(() => ({
@@ -5090,13 +5090,13 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
         }, [
           u("div", {
             class: "minimap-background-image",
-            style: ie(E.value)
+            style: ie(T.value)
           }, null, 4),
           u("div", {
             class: "center-pivot",
             style: ie(d.value)
           }, [
-            (v(!0), D(pe, null, Ce(y.value, (z) => (v(), D("div", {
+            (v(!0), D(ve, null, Ce(y.value, (z) => (v(), D("div", {
               key: z.id
             }, [
               f.value.floorLevel === z.floorLevel ? (v(), D("div", {
@@ -5187,8 +5187,8 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
     }
     async function k(_) {
       let y = /* @__PURE__ */ new Map();
-      for (let E = 0; E < _.length; E++) {
-        const L = _[E].sunsimFiles;
+      for (let T = 0; T < _.length; T++) {
+        const L = _[T].sunsimFiles;
         for (let P = 0; P < L.length; P++) {
           const x = L[P];
           try {
@@ -5202,32 +5202,32 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
       return y;
     }
     async function f(_) {
-      const E = await (await fetch(
+      const T = await (await fetch(
         ce(
           e.cdnFileResolver,
           `/${e.apartmentJson.type}/${e.apartmentJson.id}/minimap/${_}`
         )
-      )).blob(), L = await g(E);
+      )).blob(), L = await g(T);
       return h(L);
     }
     function h(_) {
       return "data:image/jpeg;base64," + _;
     }
     async function g(_) {
-      return new Promise((y, E) => {
+      return new Promise((y, T) => {
         const L = new FileReader();
         L.onload = () => {
           const P = L.result.split(",")[1];
           y(P);
-        }, L.onerror = E, L.readAsDataURL(_);
+        }, L.onerror = T, L.readAsDataURL(_);
       });
     }
     return (_, y) => {
-      const E = V("v-progress-linear"), L = V("v-icon"), P = V("v-slider");
+      const T = V("v-progress-linear"), L = V("v-icon"), P = V("v-slider");
       return v(), D("div", yr, [
         u("div", _r, [
           u("div", br, [
-            t.value ? (v(), $(E, {
+            t.value ? (v(), $(T, {
               key: 0,
               indeterminate: "",
               rounded: "",
@@ -5390,7 +5390,7 @@ function wt(s) {
   const a = s * 60, e = Math.floor(a / 60), o = a % 60;
   return `${e.toString().padStart(2, "0")}:${o.toString().padStart(2, "0")}`;
 }
-const Fr = { class: "d-flex align-center" }, Lr = { class: "d-block mr-1" }, Mr = { class: "small" }, Or = { class: "small" }, Tr = /* @__PURE__ */ W({
+const Fr = { class: "d-flex align-center" }, Lr = { class: "d-block mr-1" }, Mr = { class: "small" }, Or = { class: "small" }, Er = /* @__PURE__ */ W({
   __name: "VSunsimSlider",
   props: {
     currentDay: {},
@@ -5399,7 +5399,7 @@ const Fr = { class: "d-flex align-center" }, Lr = { class: "d-block mr-1" }, Mr
   },
   emits: ["onTimeChange", "toggleSunStudy"],
   setup(s, { emit: a }) {
-    const e = s, { currentDay: o, currentTime: n, disabled: t } = Ee(e), r = a, l = c(n.value.timeInHours);
+    const e = s, { currentDay: o, currentTime: n, disabled: t } = Te(e), r = a, l = c(n.value.timeInHours);
     return U(n, () => {
       l.value = n.value.timeInHours;
     }), U(
@@ -5453,7 +5453,7 @@ const Fr = { class: "d-flex align-center" }, Lr = { class: "d-block mr-1" }, Mr
                   u("span", Mr, Q(A(wt)(l.value)), 1)
                 ]),
                 _: 1
-              }, 8, ["modelValue", "min", "max", "step", "disabled"])) : (v(), D(pe, { key: 1 }, [
+              }, 8, ["modelValue", "min", "max", "step", "disabled"])) : (v(), D(ve, { key: 1 }, [
                 C(i, {
                   style: { "vertical-align": "baseline", "font-size": "20px", "margin-top": "-1px", opacity: "0.6" },
                   class: "mr-2 icon",
@@ -5481,7 +5481,7 @@ const Fr = { class: "d-flex align-center" }, Lr = { class: "d-block mr-1" }, Mr
       ]);
     };
   }
-}), qt = /* @__PURE__ */ X(Tr, [["__scopeId", "data-v-c06c753d"]]), Er = /* @__PURE__ */ W({
+}), qt = /* @__PURE__ */ X(Er, [["__scopeId", "data-v-c06c753d"]]), Tr = /* @__PURE__ */ W({
   __name: "VSunStudyToggle",
   props: {
     displaySunsim: { type: Boolean },
@@ -5618,14 +5618,14 @@ const Fr = { class: "d-flex align-center" }, Lr = { class: "d-block mr-1" }, Mr
             }, null, 8, ["class"]))
           ]),
           default: b(() => [
-            (v(!0), D(pe, null, Ce(m.thumbnails, (_) => (v(), $(h, {
+            (v(!0), D(ve, null, Ce(m.thumbnails, (_) => (v(), $(h, {
               key: _.id
             }, {
-              default: b(({ toggle: y, selectedClass: E }) => [
+              default: b(({ toggle: y, selectedClass: T }) => [
                 C(f, {
                   class: ge(["position-relative", [
                     r.value ? "ma-0" : "ma-1",
-                    E,
+                    T,
                     "single-waypoint"
                   ]]),
                   align: "center",
@@ -5698,11 +5698,11 @@ const Fr = { class: "d-flex align-center" }, Lr = { class: "d-block mr-1" }, Mr
           attach: ""
         }, {
           activator: b(({ props: y }) => [
-            C(i, Te({
+            C(i, Ee({
               density: "comfortable",
               elevation: "1",
               icon: "mdi-share-variant",
-              onClick: m[0] || (m[0] = (E) => e.value = !e.value)
+              onClick: m[0] || (m[0] = (T) => e.value = !e.value)
             }, y), null, 16)
           ]),
           default: b(() => [
@@ -5741,7 +5741,7 @@ const Fr = { class: "d-flex align-center" }, Lr = { class: "d-block mr-1" }, Mr
                     u("p", Hr, [
                       C(p, { location: "top" }, {
                         activator: b(({ props: y }) => [
-                          C(i, Te({
+                          C(i, Ee({
                             depressed: "",
                             fab: "",
                             light: "",
@@ -5755,7 +5755,7 @@ const Fr = { class: "d-flex align-center" }, Lr = { class: "d-block mr-1" }, Mr
                       }),
                       C(p, { location: "top" }, {
                         activator: b(({ props: y }) => [
-                          C(i, Te({
+                          C(i, Ee({
                             depressed: "",
                             fab: "",
                             light: "",
@@ -5769,7 +5769,7 @@ const Fr = { class: "d-flex align-center" }, Lr = { class: "d-block mr-1" }, Mr
                       }),
                       C(p, { location: "top" }, {
                         activator: b(({ props: y }) => [
-                          C(i, Te({
+                          C(i, Ee({
                             depressed: "",
                             fab: "",
                             light: "",
@@ -5783,7 +5783,7 @@ const Fr = { class: "d-flex align-center" }, Lr = { class: "d-block mr-1" }, Mr
                       }),
                       C(p, { location: "top" }, {
                         activator: b(({ props: y }) => [
-                          C(i, Te({
+                          C(i, Ee({
                             depressed: "",
                             fab: "",
                             light: "",
@@ -5799,7 +5799,7 @@ const Fr = { class: "d-flex align-center" }, Lr = { class: "d-block mr-1" }, Mr
                       }),
                       C(p, { location: "top" }, {
                         activator: b(({ props: y }) => [
-                          C(i, Te({
+                          C(i, Ee({
                             depressed: "",
                             fab: "",
                             light: "",
@@ -5986,7 +5986,7 @@ const Nr = {
       showInteriorOptions: g,
       showMiniMap: _,
       showFloorLevel: y,
-      defaultWaypointIndex: E,
+      defaultWaypointIndex: T,
       defaultViewMode: L,
       mouseSensitivity: P,
       // isInIframe,
@@ -5996,7 +5996,7 @@ const Nr = {
       dynamicMarkers: H,
       version: te,
       showVersion: I
-    } = Ee(o), S = e;
+    } = Te(o), S = e;
     a({
       updateSelectedInterior: zt,
       takeSnapshot: Wt,
@@ -6009,7 +6009,7 @@ const Nr = {
       screenToWorld: La,
       clearCurrentMarkerLayer: Aa
     });
-    const z = c(!1), G = c(!1), ve = c(!1), Y = c(), O = c(), Z = c(), q = c(), ne = c(), ue = c(0), re = c(), be = c(), le = c(), Fe = c(0), Me = c(0), We = c(0), we = c(!1), Ie = c(!1), Ve = c(), Le = c(!1), N = c(!1), ee = c(
+    const z = c(!1), G = c(!1), me = c(!1), Y = c(), O = c(), Z = c(), q = c(), ne = c(), ue = c(0), re = c(), be = c(), le = c(), Fe = c(0), Me = c(0), We = c(0), we = c(!1), Ie = c(!1), Ve = c(), Le = c(!1), N = c(!1), ee = c(
       new da(document, "player-wrapper")
     ), ye = c(), Ge = B(() => {
       if (O.value) {
@@ -6058,7 +6058,7 @@ const Nr = {
           `/${F.archetypeID}/${t.value}/thumbs/200/${j}.jpg`
         )
       };
-    }) : []), T = B(() => {
+    }) : []), E = B(() => {
       if (q.value && q.value.storeys && $e.value in q.value.storeys)
         return q.value.storeys[$e.value];
     }), J = B(() => O.value && O.value.timeInHours), de = B(() => {
@@ -6071,7 +6071,7 @@ const Nr = {
     );
     const fe = B(() => /Android|webOS|iPhone|iPad|BlackBerry|Windows Phone|Opera Mini|IEMobile|Mobile/i.test(
       window.navigator.userAgent
-    )), me = B(() => fe.value ? "platform-mobile" : "platform-desktop"), ze = B(() => {
+    )), pe = B(() => fe.value ? "platform-mobile" : "platform-desktop"), ze = B(() => {
       const F = ce(
         n.value,
         "/config.json"
@@ -6088,7 +6088,7 @@ const Nr = {
         try {
           be.value = void 0, await va(), pa(), await ma(), ee.value.setup(), fa();
         } catch (F) {
-          ve.value = !0, S("onError", F);
+          me.value = !0, S("onError", F);
         }
       },
       { immediate: !0 }
@@ -6113,7 +6113,7 @@ const Nr = {
           z.value = !0;
         }, 1e3);
       } catch (F) {
-        ve.value = !0, S("onError", F);
+        me.value = !0, S("onError", F);
       }
     }), Xe(() => {
       document.removeEventListener("wheel", At);
@@ -6140,7 +6140,7 @@ const Nr = {
         re.value,
         t.value
       ), Z.value) {
-        const j = E.value !== null ? E.value : 0;
+        const j = T.value !== null ? T.value : 0;
         ue.value = j, be.value = Z.value.cameras[j].id, le.value = Z.value.cameras[j].id;
       }
       _.value && (q.value = await Yt(
@@ -6336,10 +6336,10 @@ const Nr = {
         throw new Error(se);
       }
     }
-    function Ta(F) {
+    function Ea(F) {
       ne.value.updateSettings(F);
     }
-    function Ea(F) {
+    function Ta(F) {
       S("saveSettings", F);
     }
     function Va(F) {
@@ -6361,11 +6361,11 @@ const Nr = {
     return (F, j) => {
       const se = V("v-btn");
       return v(), D("div", {
-        class: ge(["virtual-tour-wrapper", [me.value]])
+        class: ge(["virtual-tour-wrapper", [pe.value]])
       }, [
-        ve.value ? (v(), D("div", Nr, "Error loading the player!!")) : R("", !0),
+        me.value ? (v(), D("div", Nr, "Error loading the player!!")) : R("", !0),
         u("div", Gr, [
-          !ee.value.isActive && q.value && le.value && T.value && re.value && Ie.value ? (v(), $(Zt, {
+          !ee.value.isActive && q.value && le.value && E.value && re.value && Ie.value ? (v(), $(Zt, {
             key: 0,
             "cdn-file-resolver": A(n),
             "apartment-json": O.value,
@@ -6377,7 +6377,7 @@ const Nr = {
           }, null, 8, ["cdn-file-resolver", "apartment-json", "level", "minimap-json", "rotation", "current-camera"])) : R("", !0),
           re.value && be.value ? (v(), D("div", {
             key: 1,
-            class: ge(["v-player", [me.value]])
+            class: ge(["v-player", [pe.value]])
           }, [
             C(Fl, {
               ref_key: "vPlayerInstance",
@@ -6421,7 +6421,7 @@ const Nr = {
                 }, null, 512), [
                   [Ae, N.value]
                 ]),
-                q.value && be.value && T.value ? De((v(), $(se, {
+                q.value && be.value && E.value ? De((v(), $(se, {
                   key: 1,
                   density: "comfortable",
                   elevation: "3",
@@ -6440,8 +6440,8 @@ const Nr = {
                 A(x) && G.value ? (v(), D("div", Qr, [
                   C(er, {
                     "initial-settings": A(M),
-                    onUpdateSettings: Ta,
-                    onSaveSettings: Ea
+                    onUpdateSettings: Ea,
+                    onSaveSettings: Ta
                   }, null, 8, ["initial-settings"])
                 ])) : R("", !0)
               ]),
@@ -6461,7 +6461,7 @@ const Nr = {
                     minutes: de.value.minutes,
                     class: "time-of-day",
                     style: ie({
-                      cursor: q.value && le.value && T.value ? "pointer" : "default"
+                      cursor: q.value && le.value && E.value ? "pointer" : "default"
                     })
                   }, null, 8, ["hours", "minutes", "style"])) : R("", !0)
                 ])
@@ -6485,7 +6485,7 @@ const Nr = {
                   key: 0,
                   onCloseTutorial: j[5] || (j[5] = (ke) => ct(ke))
                 })) : R("", !0),
-                ee.value.isActive && q.value && le.value && T.value && Ie.value ? (v(), $(Zt, {
+                ee.value.isActive && q.value && le.value && E.value && Ie.value ? (v(), $(Zt, {
                   key: 1,
                   "cdn-file-resolver": A(n),
                   "apartment-json": O.value,
@@ -6545,7 +6545,7 @@ const Nr = {
                           "mb-2": !fe.value
                         }])
                       }, [
-                        !Qe.value && Je.value(le.value) ? (v(), $(Er, {
+                        !Qe.value && Je.value(le.value) ? (v(), $(Tr, {
                           key: 0,
                           class: "ml-2",
                           displaySunsim: Le.value,
@@ -6852,14 +6852,14 @@ const Nr = {
   },
   emits: ["apartmentJsonLoaded", "minimapJsonLoaded", "cameraSet"],
   setup(s, { emit: a }) {
-    const o = Ee(s), n = a, t = c(), r = c(), l = c(), d = c(0), m = c(), i = c(1), p = B(() => o.currentCamera.value ? o.currentCamera.value : t.value ? t.value.cameras[0].id : null), w = B(() => ({
+    const o = Te(s), n = a, t = c(), r = c(), l = c(), d = c(0), m = c(), i = c(1), p = B(() => o.currentCamera.value ? o.currentCamera.value : t.value ? t.value.cameras[0].id : null), w = B(() => ({
       transformOrigin: "top left",
       transform: `scale(${i.value})`
     }));
     U(m, () => {
       m.value && new ResizeObserver(([_]) => {
-        const y = _.target.parentElement, E = y.parentElement;
-        i.value = E.clientWidth / 512, y.style.height = `${_.contentRect.height * i.value}px`;
+        const y = _.target.parentElement, T = y.parentElement;
+        i.value = T.clientWidth / 512, y.style.height = `${_.contentRect.height * i.value}px`;
       }).observe(m.value);
     }), U(p, () => {
       n("cameraSet", p.value);
@@ -6926,9 +6926,9 @@ const Nr = {
                 containerHeight: 384,
                 fit: ""
               }, {
-                default: b(({ id: E, camera: L, active: P, style: x }) => [
+                default: b(({ id: T, camera: L, active: P, style: x }) => [
                   oe(g.$slots, "default", {
-                    id: E,
+                    id: T,
                     camera: L,
                     active: P,
                     style: ie(x)
@@ -6959,7 +6959,7 @@ const Nr = {
     currentTime: {}
   },
   setup(s) {
-    const a = s, { timeSampleData: e, cdnFileResolver: o, currentTime: n } = Ee(a), t = c(), r = Ue("registerImage"), l = Ue("completeImage");
+    const a = s, { timeSampleData: e, cdnFileResolver: o, currentTime: n } = Te(a), t = c(), r = Ue("registerImage"), l = Ue("completeImage");
     U(t, () => {
       t.value && (r(t.value), t.value.onload = () => {
         l(t.value);
@@ -6986,8 +6986,8 @@ const Nr = {
     currentTime: {}
   },
   setup(s) {
-    const a = s, { dayData: e, cdnFileResolver: o, currentTime: n } = Ee(a);
-    return (t, r) => (v(!0), D(pe, null, Ce(A(e).timeSamples, (l, d) => (v(), $(xi, {
+    const a = s, { dayData: e, cdnFileResolver: o, currentTime: n } = Te(a);
+    return (t, r) => (v(!0), D(ve, null, Ce(A(e).timeSamples, (l, d) => (v(), $(xi, {
       key: d,
       "time-sample-data": l,
       "cdn-file-resolver": A(o),
@@ -7004,7 +7004,7 @@ const Nr = {
     currentTime: {}
   },
   setup(s) {
-    const a = s, { cameraData: e, cdnFileResolver: o, currentCamera: n, currentTime: t } = Ee(a), r = c(), l = Ue("registerImage"), d = Ue("completeImage");
+    const a = s, { cameraData: e, cdnFileResolver: o, currentCamera: n, currentTime: t } = Te(a), r = c(), l = Ue("registerImage"), d = Ue("completeImage");
     U(r, () => {
       r.value && (l(r.value), r.value.onload = () => {
         d(r.value);
@@ -7012,25 +7012,24 @@ const Nr = {
         d(r.value);
       });
     });
-    const m = B(() => ce(
-      o.value,
-      n.value.defaultFilename
-    ));
-    return (i, p) => A(e).sunsimDayOfYear ? (v(!0), D(pe, { key: 0 }, Ce(A(e).sunsimDayOfYear, (w, k) => (v(), $(Di, {
-      key: k,
-      "day-data": w,
-      "cdn-file-resolver": A(o),
-      "current-day": i.currentDay,
-      "current-time": A(t)
-    }, null, 8, ["day-data", "cdn-file-resolver", "current-day", "current-time"]))), 128)) : (v(), D("img", {
-      key: 1,
-      ref_key: "image",
-      ref: r,
-      style: ie({ visibility: A(n) === A(e) ? "visible" : "hidden" }),
-      src: m.value
-    }, null, 12, Ai));
+    const m = B(() => ce(o.value, e.value.defaultFilename));
+    return (i, p) => (v(), D(ve, null, [
+      A(e).sunsimDayOfYear ? (v(!0), D(ve, { key: 0 }, Ce(A(e).sunsimDayOfYear, (w, k) => (v(), $(Di, {
+        key: k,
+        "day-data": w,
+        "cdn-file-resolver": A(o),
+        "current-day": i.currentDay,
+        "current-time": A(t)
+      }, null, 8, ["day-data", "cdn-file-resolver", "current-day", "current-time"]))), 128)) : R("", !0),
+      u("img", {
+        ref_key: "image",
+        ref: r,
+        style: ie({ visibility: A(n) === A(e) ? "visible" : "hidden" }),
+        src: m.value
+      }, null, 12, Ai)
+    ], 64));
   }
-}), Li = /* @__PURE__ */ X(Fi, [["__scopeId", "data-v-77a0bf78"]]), Mi = ["src"], Oi = /* @__PURE__ */ W({
+}), Li = /* @__PURE__ */ X(Fi, [["__scopeId", "data-v-164572be"]]), Mi = ["src"], Oi = /* @__PURE__ */ W({
   __name: "VStructureChooserTransition",
   props: {
     transitionData: {},
@@ -7038,7 +7037,7 @@ const Nr = {
     currentTransition: {}
   },
   setup(s) {
-    const a = s, { transitionData: e, cdnFileResolver: o, currentTransition: n } = Ee(a), t = c(), r = Ue("registerImage"), l = Ue("completeImage");
+    const a = s, { transitionData: e, cdnFileResolver: o, currentTransition: n } = Te(a), t = c(), r = Ue("registerImage"), l = Ue("completeImage");
     U(t, () => {
       t.value && (r(t.value), t.value.onload = () => {
         l(t.value);
@@ -7056,7 +7055,7 @@ const Nr = {
       src: d.value
     }, null, 12, Mi));
   }
-}), Ti = /* @__PURE__ */ X(Oi, [["__scopeId", "data-v-d592c198"]]);
+}), Ei = /* @__PURE__ */ X(Oi, [["__scopeId", "data-v-d592c198"]]);
 function Xt(s) {
   const a = /* @__PURE__ */ new Date(0);
   return a.setUTCDate(s), a.toLocaleString("en-no", {
@@ -7064,7 +7063,7 @@ function Xt(s) {
     day: "numeric"
   });
 }
-const Ei = {
+const Ti = {
   key: 0,
   class: "d-inline-block",
   style: { "vertical-align": "top" }
@@ -7078,7 +7077,7 @@ const Ei = {
   },
   emits: ["onDayChange"],
   setup(s, { emit: a }) {
-    const e = s, { isMobileSized: o, currentCamera: n, currentDay: t, disabled: r } = Ee(e), l = a, d = c(t.value.dayOfYear);
+    const e = s, { isMobileSized: o, currentCamera: n, currentDay: t, disabled: r } = Te(e), l = a, d = c(t.value.dayOfYear);
     return U(t, () => {
       d.value = t.value.dayOfYear;
     }), U(d, () => {
@@ -7090,7 +7089,7 @@ const Ei = {
       );
     }), (m, i) => {
       const p = V("v-btn"), w = V("v-field"), k = V("v-list-item-title"), f = V("v-list-item"), h = V("v-list"), g = V("v-menu");
-      return A(n).sunsimDayOfYear && A(n).sunsimDayOfYear.length > 0 ? (v(), D("div", Ei, [
+      return A(n).sunsimDayOfYear && A(n).sunsimDayOfYear.length > 0 ? (v(), D("div", Ti, [
         C(g, null, {
           activator: b(({ props: _ }) => [
             C(w, {
@@ -7099,7 +7098,7 @@ const Ei = {
               flat: ""
             }, {
               default: b(() => [
-                C(p, Te({
+                C(p, Ee({
                   variant: "text",
                   rounded: "",
                   flat: "",
@@ -7121,10 +7120,10 @@ const Ei = {
           default: b(() => [
             C(h, null, {
               default: b(() => [
-                (v(!0), D(pe, null, Ce(A(n).sunsimDayOfYear, (_, y) => (v(), $(f, {
+                (v(!0), D(ve, null, Ce(A(n).sunsimDayOfYear, (_, y) => (v(), $(f, {
                   key: y,
                   value: y,
-                  onClick: (E) => d.value = _.dayOfYear
+                  onClick: (T) => d.value = _.dayOfYear
                 }, {
                   default: b(() => [
                     C(k, null, {
@@ -7168,7 +7167,7 @@ const Ei = {
       currentCamera: t,
       cdnFileResolver: r,
       disabled: l
-    } = Ee(e), d = c(t.value), m = a;
+    } = Te(e), d = c(t.value), m = a;
     U(
       t,
       () => {
@@ -7198,7 +7197,7 @@ const Ei = {
         })
       }, [
         u("div", Bi, [
-          (v(!0), D(pe, null, Ce(A(n), (f, h) => (v(), D("div", {
+          (v(!0), D(ve, null, Ce(A(n), (f, h) => (v(), D("div", {
             key: h,
             class: ge(["still-camera-image d-flex flex-column flex-reverse align-center elevation-2", {
               "active-camera": f === d.value
@@ -7242,7 +7241,7 @@ const Ei = {
   },
   emits: ["onTimeChange"],
   setup(s, { emit: a }) {
-    const e = s, { isMobileSized: o, currentDay: n, currentTime: t, disabled: r } = Ee(e), l = a, d = c(t.value.timeInHours);
+    const e = s, { isMobileSized: o, currentDay: n, currentTime: t, disabled: r } = Te(e), l = a, d = c(t.value.timeInHours);
     return U(t, () => {
       d.value = t.value.timeInHours;
     }), U(d, () => {
@@ -7307,7 +7306,7 @@ const Ei = {
                 u("span", ji, Q(A(wt)(d.value)), 1)
               ]),
               _: 1
-            }, 8, ["modelValue", "min", "max", "step", "disabled"])) : (v(), D(pe, { key: 1 }, [
+            }, 8, ["modelValue", "min", "max", "step", "disabled"])) : (v(), D(ve, { key: 1 }, [
               C(p, {
                 style: { "vertical-align": "baseline", "font-size": "20px", "margin-top": "-1px", opacity: "0.6" },
                 class: "mr-2 icon",
@@ -7339,7 +7338,7 @@ const Ei = {
   },
   emits: ["onZoomIn", "onZoomOut"],
   setup(s, { emit: a }) {
-    const e = s, { isMobileSized: o, canZoomIn: n, canZoomOut: t, disabled: r } = Ee(e), l = a;
+    const e = s, { isMobileSized: o, canZoomIn: n, canZoomOut: t, disabled: r } = Te(e), l = a;
     return (d, m) => {
       const i = V("v-btn");
       return v(), D("div", Gi, [
@@ -7374,20 +7373,20 @@ const Ei = {
   },
   emits: ["onClick", "onHoverOver", "onHoverOut", "updateSvgContainer", "onError"],
   setup(s, { emit: a }) {
-    const e = s, { cdnFileResolver: o, colorCallback: n, currentCamera: t, selectedId: r } = Ee(e), l = a, d = c(!0), m = c({}), i = c(), p = St({}), w = B(() => ce(
+    const e = s, { cdnFileResolver: o, colorCallback: n, currentCamera: t, selectedId: r } = Te(e), l = a, d = c(!0), m = c({}), i = c(), p = St({}), w = B(() => ce(
       o.value,
       t.value.overlayFilename
     ));
     Re(() => {
       for (const h in p) {
-        const { element: g, state: _ } = p[h], { r: y, g: E, b: L, a: P, s: x } = n.value(h, _) || {
+        const { element: g, state: _ } = p[h], { r: y, g: T, b: L, a: P, s: x } = n.value(h, _) || {
           r: 0,
           g: 0,
           b: 0,
           a: 0,
           s: 0
         };
-        g.style.fill = `rgba(${y}, ${E}, ${L}, ${P / 255})`, g.style.stroke = `rgb(${y}, ${E}, ${L})`, g.style.strokeWidth = x.toString(), g.style.cursor = "pointer";
+        g.style.fill = `rgba(${y}, ${T}, ${L}, ${P / 255})`, g.style.stroke = `rgb(${y}, ${T}, ${L})`, g.style.strokeWidth = x.toString(), g.style.cursor = "pointer";
       }
     }), U(r, () => {
       for (const h in p)
@@ -7441,19 +7440,19 @@ const Ei = {
         if (h) {
           l("updateSvgContainer", h), k();
           let _, y = "data-structure-id";
-          _ = h.querySelectorAll(`[${y}]`), _.length === 0 && (y = "data-apartment-id", _ = h.querySelectorAll(`[${y}]`), _.length === 0 && (y = "data-building-id", _ = h.querySelectorAll(`[${y}]`))), _.forEach((E) => {
-            E.style.strokeWidth = "0", E.style.stroke = "rgba(255,255,255,0)", E.style.fill = "rgba(255,255,255,0)", E.querySelectorAll("path").forEach((P) => {
+          _ = h.querySelectorAll(`[${y}]`), _.length === 0 && (y = "data-apartment-id", _ = h.querySelectorAll(`[${y}]`), _.length === 0 && (y = "data-building-id", _ = h.querySelectorAll(`[${y}]`))), _.forEach((T) => {
+            T.style.strokeWidth = "0", T.style.stroke = "rgba(255,255,255,0)", T.style.fill = "rgba(255,255,255,0)", T.querySelectorAll("path").forEach((P) => {
               P.style.stroke = "inherit", P.style.fill = "inherit";
             });
-            const L = E.getAttribute(y);
+            const L = T.getAttribute(y);
             p[L] = {
-              element: E,
+              element: T,
               state: r.value === L ? "selected" : "idle"
-            }, e.activeStructureIds && !e.activeStructureIds.includes(L) && (E.style.display = "none"), E.addEventListener("mouseover", () => {
+            }, e.activeStructureIds && !e.activeStructureIds.includes(L) && (T.style.display = "none"), T.addEventListener("mouseover", () => {
               p[L].state === "idle" && (p[L].state = "hover"), l("onHoverOver", L);
-            }), E.addEventListener("mouseout", () => {
+            }), T.addEventListener("mouseout", () => {
               p[L].state === "hover" && (p[L].state = "idle"), l("onHoverOut", L);
-            }), E.addEventListener("click", () => {
+            }), T.addEventListener("click", () => {
               l("onClick", L);
             });
           });
@@ -7497,7 +7496,7 @@ function Ki(s) {
 function eu(s) {
   return !("filename" in s) && "defaultFilename" in s;
 }
-function Et(s) {
+function Tt(s) {
   return "filename" in s;
 }
 function tu(s) {
@@ -7735,7 +7734,7 @@ function ou(s) {
           //     ],
           //   },
           // ],
-        }, Et(t[d]) && (t[d] = i);
+        }, Tt(t[d]) && (t[d] = i);
       }
       return {
         version: "5.0",
@@ -7806,7 +7805,7 @@ const lu = {
       defaultDay: p,
       defaultTime: w,
       mobileBreakpoint: k
-    } = Ee(o), f = e, h = c(), g = c(), _ = c(), y = c(null), E = c(4), L = c(), P = c(!1), x = c(!1), M = c(), K = B(() => M.value.isHoverEnabled), H = c({ x: 0, y: 0, width: 0, height: 0 }), te = c(), I = c(), S = c(), z = c(!1), G = c(1), ve = c(0), Y = c([]), O = c(), Z = c({
+    } = Te(o), f = e, h = c(), g = c(), _ = c(), y = c(null), T = c(4), L = c(), P = c(!1), x = c(!1), M = c(), K = B(() => M.value.isHoverEnabled), H = c({ x: 0, y: 0, width: 0, height: 0 }), te = c(), I = c(), S = c(), z = c(!1), G = c(1), me = c(0), Y = c([]), O = c(), Z = c({
       current: 100,
       min: 100,
       max: 1e3
@@ -7814,68 +7813,58 @@ const lu = {
     Ze(
       He,
       l.value ? new je(l.value) : new je()
-    ), Ze("registerImage", (T) => {
+    ), Ze("registerImage", (E) => {
       xe(() => {
-        Y.value.find((J) => J.image === T) || (Y.value = [...Y.value, { image: T, loaded: !1 }]);
+        Y.value.find((J) => J.image === E) || (Y.value = [...Y.value, { image: E, loaded: !1 }]);
       });
-    }), Ze("completeImage", (T) => {
+    }), Ze("completeImage", (E) => {
       xe(() => {
-        const J = Y.value.findIndex((de) => de.image === T);
+        const J = Y.value.findIndex((de) => de.image === E);
         J >= 0 && (Y.value[J].loaded = !0, Y.value = [...Y.value]);
       });
     }), a({
       getState: () => ({
-        currentCameraIndex: h.value ? le.value.findIndex((T) => T === h.value) : null,
+        currentCameraIndex: h.value ? le.value.findIndex((E) => E === h.value) : null,
         currentDayIndex: g.value ? h.value.sunsimDayOfYear.findIndex(
-          (T) => T === g.value
+          (E) => E === g.value
         ) : null,
-        currentTimeIndex: _.value ? g.value.timeSamples.findIndex((T) => T === _.value) : null,
+        currentTimeIndex: _.value ? g.value.timeSamples.findIndex((E) => E === _.value) : null,
         currentTransitionIndex: y.value ? Fe.value.findIndex(
-          (T) => T === y.value
+          (E) => E === y.value
         ) : null,
-        currentScene: E.value
+        currentScene: T.value
       }),
       setState: ({
-        currentCameraIndex: T,
+        currentCameraIndex: E,
         currentDayIndex: J,
         currentTimeIndex: de,
         currentTransitionIndex: fe,
-        currentScene: me
+        currentScene: pe
       }) => {
-        setTimeout(() => {
-          typeof T == "number" && (h.value = le.value[T]), setTimeout(() => {
-            typeof J == "number" && (g.value = h.value.sunsimDayOfYear[J]), setTimeout(() => {
-              typeof de == "number" && (_.value = g.value.timeSamples[de]), setTimeout(() => {
-                typeof fe == "number" && (y.value = Fe.value[fe]), setTimeout(() => {
-                  typeof me == "number" && (E.value = me);
-                }, 100);
-              }, 100);
-            }, 100);
-          }, 100);
-        }, 100);
+        typeof E == "number" && (h.value = le.value[E]), typeof J == "number" && (g.value = h.value.sunsimDayOfYear[J]), typeof de == "number" && (_.value = g.value.timeSamples[de]), typeof fe == "number" && (y.value = Fe.value[fe]), typeof pe == "number" && (T.value = pe);
       },
-      resolveCoordinates: (T, J) => ne.value ? ne.value(T, J) : { x: 0, y: 0 }
+      resolveCoordinates: (E, J) => ne.value ? ne.value(E, J) : { x: 0, y: 0 }
     }), Se(() => {
       P.value = !0, q.value = !1;
     }), U(I, () => {
       I.value && new ResizeObserver(([]) => {
         const J = Y.value.find((de) => de.loaded);
-        J && (ve.value = J.image.width / G.value);
+        J && (me.value = J.image.width / G.value);
       }).observe(I.value);
     }), U(Y, () => {
-      if (ve.value === 0) {
-        const T = Y.value.find((J) => J.loaded);
-        T && (G.value = T.image.naturalWidth / T.image.naturalHeight, ve.value = T.image.width / G.value);
+      if (me.value === 0) {
+        const E = Y.value.find((J) => J.loaded);
+        E && (G.value = E.image.naturalWidth / E.image.naturalHeight, me.value = E.image.width / G.value);
       }
     });
-    const ue = B(() => Y.value.every((T) => T.loaded)), re = B(() => Math.round(
-      Y.value.filter((T) => T.loaded).length / Y.value.length * 100
+    const ue = B(() => Y.value.every((E) => E.loaded)), re = B(() => Math.round(
+      Y.value.filter((E) => E.loaded).length / Y.value.length * 100
     ));
     U(
       n,
-      (T) => {
+      (E) => {
         try {
-          q.value = !1, S.value = ou(T);
+          q.value = !1, S.value = ou(E);
         } catch (J) {
           q.value = !0, f("onError", J);
         }
@@ -7883,8 +7872,8 @@ const lu = {
       {
         immediate: !0
       }
-    ), U(P, (T) => {
-      T && f("onInitialize");
+    ), U(P, (E) => {
+      E && f("onInitialize");
     });
     const be = c();
     U(
@@ -7907,7 +7896,7 @@ const lu = {
     const le = B(
       () => S.value ? S.value.cameras.filter(eu) : []
     ), Fe = B(
-      () => S.value ? S.value.cameras.filter(Et) : []
+      () => S.value ? S.value.cameras.filter(Tt) : []
     );
     U(
       [S, t],
@@ -7919,17 +7908,17 @@ const lu = {
       [S, t, i],
       async () => {
         t.value && le.value.length > 0 && (i.value ? h.value = le.value.find(
-          (T) => T.cameraName === i.value
-        ) || le.value[0] : h.value = le.value[0], E.value = S.value.cameras.findIndex(
-          (T) => T === h.value
-        ), E.value = Math.max(0, E.value));
+          (E) => E.cameraName === i.value
+        ) || le.value[0] : h.value = le.value[0], T.value = S.value.cameras.findIndex(
+          (E) => E === h.value
+        ), T.value = Math.max(0, T.value));
       },
       { immediate: !0 }
     ), U(
       [S, t, p],
       () => {
         S.value && t.value && h.value && h.value.sunsimDayOfYear && h.value.sunsimDayOfYear.length > 0 && (p.value ? g.value = h.value.sunsimDayOfYear.find(
-          (T) => T.dayOfYear === p.value
+          (E) => E.dayOfYear === p.value
         ) || h.value.sunsimDayOfYear[0] : g.value = h.value.sunsimDayOfYear[0]);
       },
       { immediate: !0 }
@@ -7937,28 +7926,28 @@ const lu = {
       [S, t, w],
       () => {
         S.value && t.value && g.value && g.value.timeSamples && g.value.timeSamples.length > 0 && (w.value ? _.value = g.value.timeSamples.find(
-          (T) => T.timeInHours === w.value
+          (E) => E.timeInHours === w.value
         ) || g.value.timeSamples[0] : _.value = g.value.timeSamples.find(
-          (T) => T.timeInHours === g.value.defaultHour
+          (E) => E.timeInHours === g.value.defaultHour
         ) || g.value.timeSamples[0]);
       },
       { immediate: !0 }
     );
-    function Me(T) {
-      h.value !== T && _e(
-        S.value.cameras.findIndex((J) => J === T)
+    function Me(E) {
+      h.value !== E && _e(
+        S.value.cameras.findIndex((J) => J === E)
       );
     }
-    function We(T) {
-      E.value = T, Et(S.value.cameras[E.value]) ? y.value = S.value.cameras[E.value] : (xe(() => {
+    function We(E) {
+      T.value = E, Tt(S.value.cameras[T.value]) ? y.value = S.value.cameras[T.value] : (xe(() => {
         we(
-          S.value.cameras[E.value]
+          S.value.cameras[T.value]
         );
       }), y.value = null);
     }
-    function we(T) {
+    function we(E) {
       const J = g.value;
-      h.value = T, E.value = S.value.cameras.findIndex(
+      h.value = E, T.value = S.value.cameras.findIndex(
         (de) => de === h.value
       ), xe(() => {
         h.value.sunsimDayOfYear && h.value.sunsimDayOfYear.length > 0 && Ie(
@@ -7968,9 +7957,9 @@ const lu = {
         );
       });
     }
-    function Ie(T) {
+    function Ie(E) {
       const J = _.value;
-      g.value = T, xe(() => {
+      g.value = E, xe(() => {
         Ve(
           g.value.timeSamples.find(
             (de) => de.timeInHours === J.timeInHours
@@ -7980,34 +7969,34 @@ const lu = {
         );
       });
     }
-    function Ve(T) {
-      _.value = T;
+    function Ve(E) {
+      _.value = E;
     }
-    function Le(T) {
-      f("onClick", T, () => {
+    function Le(E) {
+      f("onClick", E, () => {
         const J = S.value.stillCameraData.find(
-          (de) => de.id === T
+          (de) => de.id === E
         );
         J && _e(J.bestIndex);
       });
     }
-    function N(T) {
-      f("onHoverOver", T), L.value = T;
+    function N(E) {
+      f("onHoverOver", E), L.value = E;
     }
-    function ee(T) {
-      f("onHoverOut", T), L.value = void 0;
+    function ee(E) {
+      f("onHoverOut", E), L.value = void 0;
     }
-    function ye(T) {
-      const { layerX: J, layerY: de } = T;
-      let fe = T.target, me = !1;
+    function ye(E) {
+      const { layerX: J, layerY: de } = E;
+      let fe = E.target, pe = !1;
       for (; fe; )
         if (fe === te.value) {
-          me = !0;
+          pe = !0;
           break;
         } else
           fe = fe.parentElement;
-      if (me) {
-        const ze = T.currentTarget;
+      if (pe) {
+        const ze = E.currentTarget;
         H.value = {
           x: J,
           y: de,
@@ -8016,57 +8005,57 @@ const lu = {
         };
       } else
         H.value = void 0;
-      f("onMouseMove", T, H.value);
+      f("onMouseMove", E, H.value);
     }
     function Ge({
-      min: T,
+      min: E,
       max: J,
       current: de,
       resolve: fe
     }) {
-      ne.value = fe, Z.value = { min: T, max: J, current: de };
+      ne.value = fe, Z.value = { min: E, max: J, current: de };
     }
-    function $e(T) {
-      O.value.adjustZoom(T ? 10 : -10);
+    function $e(E) {
+      O.value.adjustZoom(E ? 10 : -10);
     }
-    function Ye(T) {
+    function Ye(E) {
       return S.value.stillCameraIndices.findIndex(
-        (J) => J === T
+        (J) => J === E
       );
     }
-    async function _e(T) {
-      const J = E.value;
+    async function _e(E) {
+      const J = T.value;
       if (S.value.loopable) {
-        const de = S.value.stillCameraIndices.length, fe = Ye(J), me = Ye(T);
+        const de = S.value.stillCameraIndices.length, fe = Ye(J), pe = Ye(E);
         let ze = 0, ct = 0, Pe = fe;
-        for (; Pe++, Pe >= de && (Pe = 0), Pe !== me; )
+        for (; Pe++, Pe >= de && (Pe = 0), Pe !== pe; )
           ze++;
-        for (Pe = fe; Pe--, Pe < 0 && (Pe += de), Pe !== me; )
+        for (Pe = fe; Pe--, Pe < 0 && (Pe += de), Pe !== pe; )
           ct++;
-        ze === ct ? Ne(J, T) : ze < ct ? fe < me ? Ne(J, T) : Ne(J, T + S.value.cameras.length) : fe >= me ? Ne(J, T) : Ne(J + S.value.cameras.length, T);
+        ze === ct ? Ne(J, E) : ze < ct ? fe < pe ? Ne(J, E) : Ne(J, E + S.value.cameras.length) : fe >= pe ? Ne(J, E) : Ne(J + S.value.cameras.length, E);
       } else
-        Ne(J, T);
+        Ne(J, E);
     }
-    function Ne(T, J) {
+    function Ne(E, J) {
       return new Promise((de) => {
         x.value = !0;
-        let fe, me = T;
+        let fe, pe = E;
         fe = setInterval(() => {
-          me < J ? (me++, E.value = Math.abs(
-            me % S.value.cameras.length
-          ), We(E.value)) : me > J ? (me--, E.value = Math.abs(
-            me % S.value.cameras.length
-          ), We(E.value)) : (clearInterval(fe), x.value = !1, de());
+          pe < J ? (pe++, T.value = Math.abs(
+            pe % S.value.cameras.length
+          ), We(T.value)) : pe > J ? (pe--, T.value = Math.abs(
+            pe % S.value.cameras.length
+          ), We(T.value)) : (clearInterval(fe), x.value = !1, de());
         }, 12);
       });
     }
-    function ut(T) {
-      q.value = !0, f("onError", T);
+    function ut(E) {
+      q.value = !0, f("onError", E);
     }
-    const ht = (T) => T * (180 / Math.PI);
-    return (T, J) => {
+    const ht = (E) => E * (180 / Math.PI);
+    return (E, J) => {
       const de = V("v-progress-circular"), fe = V("v-skeleton-loader");
-      return v(), D(pe, null, [
+      return v(), D(ve, null, [
         C(fe, {
           type: "image",
           class: "w-100 h-100 position-relative",
@@ -8089,7 +8078,7 @@ const lu = {
                   style: { "min-height": "160px" },
                   onMousemove: ye
                 }, [
-                  T.showUi ? (v(), D("div", {
+                  E.showUi ? (v(), D("div", {
                     key: 0,
                     class: "persistent actions-bar top-right pa-2",
                     style: ie({
@@ -8112,11 +8101,11 @@ const lu = {
                       "can-zoom-out": Z.value.min < Z.value.current,
                       "can-zoom-in": Z.value.max > Z.value.current,
                       disabled: x.value,
-                      onOnZoomIn: J[0] || (J[0] = (me) => $e(!0)),
-                      onOnZoomOut: J[1] || (J[1] = (me) => $e(!1))
+                      onOnZoomIn: J[0] || (J[0] = (pe) => $e(!0)),
+                      onOnZoomOut: J[1] || (J[1] = (pe) => $e(!1))
                     }, null, 8, ["is-mobile-sized", "can-zoom-out", "can-zoom-in", "disabled"])
                   ], 4)) : R("", !0),
-                  T.showUi && le.value.length > 1 ? (v(), D("div", {
+                  E.showUi && le.value.length > 1 ? (v(), D("div", {
                     key: 1,
                     class: ge([{
                       "actions-bar bottom-center pb-2": !0,
@@ -8142,19 +8131,19 @@ const lu = {
                     default: b(() => [
                       u("div", {
                         class: "w-100 position-relative",
-                        style: ie({ height: `${ve.value}px` })
+                        style: ie({ height: `${me.value}px` })
                       }, [
-                        (v(!0), D(pe, null, Ce(le.value, (me, ze) => (v(), $(Li, {
+                        (v(!0), D(ve, null, Ce(le.value, (pe, ze) => (v(), $(Li, {
                           key: `camera${ze}`,
-                          "camera-data": me,
+                          "camera-data": pe,
                           "cdn-file-resolver": A(t),
                           "current-camera": h.value,
                           "current-day": g.value,
                           "current-time": _.value
                         }, null, 8, ["camera-data", "cdn-file-resolver", "current-camera", "current-day", "current-time"]))), 128)),
-                        (v(!0), D(pe, null, Ce(Fe.value, (me, ze) => (v(), $(Ti, {
+                        (v(!0), D(ve, null, Ce(Fe.value, (pe, ze) => (v(), $(Ei, {
                           key: `transition${ze}`,
-                          "transition-data": me,
+                          "transition-data": pe,
                           "cdn-file-resolver": A(t),
                           "current-transition": y.value
                         }, null, 8, ["transition-data", "cdn-file-resolver", "current-transition"]))), 128)),
@@ -8174,17 +8163,17 @@ const lu = {
                           onOnClick: Le,
                           onOnHoverOver: N,
                           onOnHoverOut: ee,
-                          onUpdateSvgContainer: J[2] || (J[2] = (me) => te.value = me),
+                          onUpdateSvgContainer: J[2] || (J[2] = (pe) => te.value = pe),
                           onOnError: ut
                         }, null, 8, ["cdn-file-resolver", "color-callback", "current-camera", "selected-id", "activeStructureIds"])), [
                           [Ae, y.value === null]
                         ]) : R("", !0),
-                        oe(T.$slots, "default", {}, void 0, !0)
+                        oe(E.$slots, "default", {}, void 0, !0)
                       ], 4)
                     ]),
                     _: 3
                   }, 512),
-                  T.showUi && (g.value && g.value.timeSamples && g.value.timeSamples.length > 1 || h.value.sunsimDayOfYear && h.value.sunsimDayOfYear.length > 1) ? (v(), D("div", {
+                  E.showUi && (g.value && g.value.timeSamples && g.value.timeSamples.length > 1 || h.value.sunsimDayOfYear && h.value.sunsimDayOfYear.length > 1) ? (v(), D("div", {
                     key: 2,
                     class: ge({
                       "actions-bar top-left pa-2 d-flex": !0,
@@ -8208,19 +8197,19 @@ const lu = {
                       onOnTimeChange: Ve
                     }, null, 8, ["is-mobile-sized", "current-day", "current-time", "disabled"])
                   ], 2)) : R("", !0),
-                  T.$slots.popup && H.value && L.value ? (v(), $(lt, {
+                  E.$slots.popup && H.value && L.value ? (v(), $(lt, {
                     key: 3,
                     "is-hoverable": K.value,
                     pos: H.value
                   }, {
                     default: b(() => [
                       u("div", ru, [
-                        oe(T.$slots, "popup", pt(ft({ hoverId: L.value, hoverable: K.value })), void 0, !0)
+                        oe(E.$slots, "popup", pt(ft({ hoverId: L.value, hoverable: K.value })), void 0, !0)
                       ])
                     ]),
                     _: 3
                   }, 8, ["is-hoverable", "pos"])) : R("", !0),
-                  T.version && T.showVersion ? (v(), D("div", iu, " version: " + Q(T.version), 1)) : R("", !0)
+                  E.version && E.showVersion ? (v(), D("div", iu, " version: " + Q(E.version), 1)) : R("", !0)
                 ], 34)
               ]),
               _: 3
@@ -8235,7 +8224,7 @@ const lu = {
       ], 64);
     };
   }
-}), cu = /* @__PURE__ */ X(uu, [["__scopeId", "data-v-3a797603"]]), yu = {
+}), cu = /* @__PURE__ */ X(uu, [["__scopeId", "data-v-df80f47c"]]), yu = {
   install: function(a) {
     a.component("VApartmentChooser", Fn), a.component("VBuildingChooser", Ro), a.component("VVirtualTour", ni), a.component("VManualSlideShow", wi), a.component("VStructureChooser", cu);
   }