@qispace/vue3-player 0.3.38 → 0.3.40

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

@@ -1,7 +1,7 @@
 var Ba = Object.defineProperty;
 var Ra = (s, t, e) => t in s ? Ba(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
 var pe = (s, t, e) => (Ra(s, typeof t != "symbol" ? t + "" : t, e), e);
-import { defineComponent as W, ref as d, computed as $, openBlock as v, createElementBlock as D, watch as U, onMounted as Ie, onBeforeUnmount as Qe, withDirectives as Ce, createElementVNode as u, normalizeStyle as ce, vShow as ke, createVNode as C, Fragment as me, renderList as _e, createCommentVNode as R, inject as Ze, resolveComponent as E, withCtx as b, toDisplayString as Z, unref as A, createTextVNode as ae, normalizeClass as ge, createBlock as V, renderSlot as ne, provide as at, reactive as bt, watchEffect as Ve, resolveDynamicComponent as Jt, normalizeProps as dt, guardReactiveProps as vt, mergeProps as Oe, nextTick as Ae, Transition as Ee, createSlots as Ua, toRefs as Te, pushScopeId as Ct, popScopeId as wt, vModelText as Ha, createStaticVNode as Xt, onBeforeUpdate as Ya, withModifiers as za } from "vue";
+import { defineComponent as W, ref as d, computed as $, openBlock as v, createElementBlock as D, watch as U, onMounted as Ie, onBeforeUnmount as Qe, withDirectives as Ce, createElementVNode as u, normalizeStyle as de, vShow as ke, createVNode as C, Fragment as me, renderList as _e, createCommentVNode as R, inject as Ze, resolveComponent as E, withCtx as b, toDisplayString as Z, unref as A, createTextVNode as ae, normalizeClass as ge, createBlock as V, renderSlot as ne, provide as at, reactive as bt, watchEffect as $e, resolveDynamicComponent as Jt, normalizeProps as dt, guardReactiveProps as vt, mergeProps as Oe, nextTick as Ae, Transition as Ve, createSlots as Ua, toRefs as Te, pushScopeId as Ct, popScopeId as wt, vModelText as Ha, createStaticVNode as Xt, onBeforeUpdate as Ya, withModifiers as za } from "vue";
 import gt from "axios";
 import * as ja from "@qispace/player-core";
 import { Vector3 as it, Object3D as Pa, MathUtils as Wa } from "three";
@@ -66,7 +66,7 @@ const Na = /* @__PURE__ */ W({
     e[n] = a;
   return e;
 }, We = /* @__PURE__ */ ee(Na, [["__scopeId", "data-v-eb9b348d"]]);
-function ue(s, t) {
+function ce(s, t) {
   return typeof s == "string" ? `${s}${t}` : s(t);
 }
 const Ga = /* @__PURE__ */ W({
@@ -82,14 +82,14 @@ const Ga = /* @__PURE__ */ W({
   },
   emits: ["selectUnit", "goToUnit", "hoverOver", "hoverOut", "pos"],
   setup(s, { emit: t }) {
-    const e = s, n = t, a = d({ x: 0, y: 0, width: 0, height: 0 }), o = d(0), r = d(0), l = d(), m = d(), p = d(), i = d(), f = d(-1), w = d(!1), k = d(), c = d(), h = d({}), _ = d("auto"), y = d(new Me()), g = d({}), T = d(), M = d(), P = d(), I = d(), L = d(), X = $(() => P.value.isHoverEnabled), B = $(() => ue(
+    const e = s, n = t, a = d({ x: 0, y: 0, width: 0, height: 0 }), o = d(0), r = d(0), l = d(), m = d(), p = d(), i = d(), f = d(-1), w = d(!1), k = d(), c = d(), h = d({}), _ = d("auto"), y = d(new Me()), g = d({}), T = d(), M = d(), P = d(), I = d(), L = d(), X = $(() => P.value.isHoverEnabled), B = $(() => ce(
       e.cdnFileResolver,
       `/scenedata${e.viewModel.currentScene}.png`
     )), te = $(() => B.value in h.value ? h.value[B.value] : null), x = $(() => f.value < 0 ? !1 : e.sceneData.find((K) => K.index === f.value) || !1), S = $(() => ({
       width: o.value + "px",
       height: r.value + "px",
       cursor: _.value
-    })), H = $(() => `hover-${w.value ? "over" : "out"}-${x.value ? typeof x.value == "object" && "unitId" in x.value ? x.value.unitId : x.value : ""}`);
+    })), Y = $(() => `hover-${w.value ? "over" : "out"}-${x.value ? typeof x.value == "object" && "unitId" in x.value ? x.value.unitId : x.value : ""}`);
     U(
       B,
       () => {
@@ -120,7 +120,7 @@ const Ga = /* @__PURE__ */ W({
       }
     ), U(x, () => {
       we(), x.value ? _.value = "pointer" : _.value = "auto";
-    }), U(H, () => {
+    }), U(Y, () => {
       w.value ? n("hoverOver", {
         hoverUnit: x.value ? x.value.unitId : !1,
         closeHandler: () => xe()
@@ -143,10 +143,10 @@ const Ga = /* @__PURE__ */ W({
     });
     function G() {
       l.value = I.value.getContext("2d", { willReadFrequently: !0 }), m.value = new Image(), m.value.onload = () => {
-        ze(), I.value.addEventListener("mousemove", De(de, 50));
+        ze(), I.value.addEventListener("mousemove", De(ue, 50));
       }, m.value.src = te.value;
     }
-    function de(N) {
+    function ue(N) {
       const K = J(N.offsetX, N.offsetY);
       w.value = K >= 0, f.value = K, a.value = {
         x: N.offsetX,
@@ -188,7 +188,7 @@ const Ga = /* @__PURE__ */ W({
     }
     function J(N, K) {
       k.value = N, c.value = K;
-      const ve = I.value.offsetWidth / I.value.width, je = I.value.offsetHeight / I.value.height, Re = (N / ve).toFixed(), Y = (K / je).toFixed(), Q = Number(Y) * (I.value.width * 4) + Number(Re) * 4, fe = i.value.data[Q];
+      const ve = I.value.offsetWidth / I.value.width, je = I.value.offsetHeight / I.value.height, Ue = (N / ve).toFixed(), H = (K / je).toFixed(), Q = Number(H) * (I.value.width * 4) + Number(Ue) * 4, fe = i.value.data[Q];
       return i.value.data[Q + 3] > 0 ? fe : -1;
     }
     function q() {
@@ -197,12 +197,12 @@ const Ga = /* @__PURE__ */ W({
           const ve = oe(K.index);
           if (ve) {
             const je = re(K.index);
-            let Re = "idle";
-            !x.value && e.selectedUnitId && je === e.selectedUnitId ? Re = "selected" : x.value && f.value === K.index && (Re = "hover");
-            const Y = e.colorCallback(K.unitId, Re);
-            if (Y)
+            let Ue = "idle";
+            !x.value && e.selectedUnitId && je === e.selectedUnitId ? Ue = "selected" : x.value && f.value === K.index && (Ue = "hover");
+            const H = e.colorCallback(K.unitId, Ue);
+            if (H)
               for (let Q = 0; Q < ve.length; Q++)
-                p.value.data[ve[Q]] = Y.r, p.value.data[ve[Q] + 1] = Y.g, p.value.data[ve[Q] + 2] = Y.b, p.value.data[ve[Q] + 3] = Y.a;
+                p.value.data[ve[Q]] = H.r, p.value.data[ve[Q] + 1] = H.g, p.value.data[ve[Q] + 2] = H.b, p.value.data[ve[Q] + 3] = H.a;
           }
         }
       });
@@ -253,10 +253,10 @@ const Ga = /* @__PURE__ */ W({
     function xe() {
       w.value = !1;
     }
-    const Be = d(!1);
+    const Re = d(!1);
     function De(N, K) {
-      return Be.value = !0, function(...ve) {
-        Be.value && (Be.value = !1, N.apply(this, ve), setTimeout(() => Be.value = !0, K));
+      return Re.value = !0, function(...ve) {
+        Re.value && (Re.value = !1, N.apply(this, ve), setTimeout(() => Re.value = !0, K));
       };
     }
     return (N, K) => (v(), D("div", {
@@ -268,7 +268,7 @@ const Ga = /* @__PURE__ */ W({
         id: "canvas-mask",
         ref_key: "canvas",
         ref: I,
-        style: ce(S.value),
+        style: de(S.value),
         onClick: j
       }, null, 4), [
         [ke, !N.viewModel.isRotating]
@@ -327,7 +327,7 @@ const Ga = /* @__PURE__ */ W({
       }
     }), Ie(() => {
       for (let M = 1; M <= 4; M++) {
-        const P = ue(e.cdnFileResolver, `/scenedata${M}.svg`), I = {
+        const P = ce(e.cdnFileResolver, `/scenedata${M}.svg`), I = {
           markup: "",
           viewBox: "",
           svgObjects: []
@@ -407,7 +407,7 @@ const Ga = /* @__PURE__ */ W({
     }, [
       Ce(u("div", {
         class: "svg-container",
-        style: ce({
+        style: de({
           opacity: !l.value || !l.value.svgObjects ? 0 : 1
         })
       }, [
@@ -418,7 +418,7 @@ const Ga = /* @__PURE__ */ W({
           (v(!0), D(me, null, _e(l.value.svgObjects, ({ index: I, svg: L }) => (v(), D("g", {
             key: I,
             innerHTML: L,
-            style: ce(y(I)),
+            style: de(y(I)),
             onMouseenter: (X) => c(I),
             onMouseleave: (X) => h(),
             onClick: (X) => _(I)
@@ -433,7 +433,7 @@ const Ga = /* @__PURE__ */ W({
       }, null, 512)
     ], 512));
   }
-}), Xa = /* @__PURE__ */ ee(Ja, [["__scopeId", "data-v-e6c054c7"]]), $e = Symbol(), Ka = {
+}), Xa = /* @__PURE__ */ ee(Ja, [["__scopeId", "data-v-e6c054c7"]]), Be = Symbol(), Ka = {
   key: 0,
   class: "text-success d-none d-md-flex"
 }, en = { class: "text-success" }, tn = /* @__PURE__ */ W({
@@ -448,7 +448,7 @@ const Ga = /* @__PURE__ */ W({
   },
   emits: ["prevUnit", "nextUnit", "goToUnit"],
   setup(s, { emit: t }) {
-    const e = s, n = $(() => e.selectedUnitId), a = $(() => e.nextUnitId), o = $(() => e.prevUnitId), r = t, l = Ze($e);
+    const e = s, n = $(() => e.selectedUnitId), a = $(() => e.nextUnitId), o = $(() => e.prevUnitId), r = t, l = Ze(Be);
     Ie(() => {
       window.addEventListener("keydown", m);
     }), Qe(() => {
@@ -665,19 +665,19 @@ const on = {
     }
     function c(y) {
       const g = ("0000" + (y + 1)).slice(-4), T = e.build ? `?v=${e.build}` : "", M = [
-        `${ue(
+        `${ce(
           e.cdnFileResolver,
           `/480/${g}.jpg${T}`
         )} 480w`,
-        `${ue(
+        `${ce(
           e.cdnFileResolver,
           `/960/${g}.jpg${T}`
         )} 960w`,
-        `${ue(
+        `${ce(
           e.cdnFileResolver,
           `/1280/${g}.jpg${T}`
         )} 1280w`
-      ].join(","), P = ue(
+      ].join(","), P = ce(
         e.cdnFileResolver,
         `/480/${g}.jpg${T}`
       );
@@ -757,7 +757,7 @@ const on = {
           o.isHoverable ? (v(), D("div", {
             key: 0,
             class: "floating-card",
-            style: ce({
+            style: de({
               left: `${o.pos.x}px`,
               top: `${o.pos.y}px`,
               pointerEvents: "none",
@@ -795,7 +795,7 @@ const on = {
   setup(s, { expose: t, emit: e }) {
     const n = s, a = e;
     t({
-      adjustZoom: de
+      adjustZoom: ue
     });
     const o = d(100), r = d(0), l = d(0), m = d(!1), p = d(!1), i = d(void 0), f = d(!1), w = d(), k = $(() => `translateX(${r.value}px) translateY(${l.value}px) scale(${c.value})`), c = $(() => o.value / 100), h = $(() => n.maxScale * 100);
     U(
@@ -869,7 +869,7 @@ const on = {
     }
     function M(O) {
       const { x: J, y: q } = S(O);
-      de(-O.deltaY / 10, J, q), O.preventDefault();
+      ue(-O.deltaY / 10, J, q), O.preventDefault();
     }
     function P(O) {
       m.value = !0, f.value = !1, i.value = O;
@@ -880,7 +880,7 @@ const on = {
           x: J - oe,
           y: q - re
         };
-        H(se.x), G(se.y), f.value = !0, i.value = O;
+        Y(se.x), G(se.y), f.value = !0, i.value = O;
       }
     }
     function L(O) {
@@ -900,14 +900,14 @@ const on = {
           x: J - oe,
           y: q - re
         };
-        H(se.x), G(se.y);
+        Y(se.x), G(se.y);
       } else if (p.value && O.touches.length === 2) {
         const { x: J, y: q } = S(O.touches[0]), { x: oe, y: re } = S(
           i.value.touches[0]
         ), { x: se, y: be } = S(O.touches[1]), { x: ie, y: Fe } = S(
           i.value.touches[1]
         ), Le = Math.hypot(oe - ie, re - Fe), ze = Math.hypot(J - se, q - be), we = (se + J) / 2, xe = (be + q) / 2;
-        de(ze - Le, we, xe);
+        ue(ze - Le, we, xe);
       }
       i.value = O;
     }
@@ -921,7 +921,7 @@ const on = {
         y: O.clientY - q
       };
     }
-    function H(O) {
+    function Y(O) {
       const J = w.value.clientWidth, q = J * c.value;
       r.value = Math.max(
         Math.min(0, r.value + O),
@@ -935,11 +935,11 @@ const on = {
         -(q - J)
       );
     }
-    function de(O, J, q) {
+    function ue(O, J, q) {
       const oe = J !== void 0 ? J : w.value.clientWidth / 2, re = q !== void 0 ? q : w.value.clientHeight / 2, se = w.value.clientWidth, be = w.value.clientHeight, ie = se * c.value, Fe = be * c.value;
       o.value = Math.min(Math.max(100, o.value + O), h.value);
       const Le = se * c.value, ze = be * c.value, we = Le - ie, xe = ze - Fe;
-      r.value -= oe / se * we, l.value -= re / be * xe, H(0), G(0);
+      r.value -= oe / se * we, l.value -= re / be * xe, Y(0), G(0);
     }
     function j() {
       a("update", {
@@ -959,10 +959,10 @@ const on = {
       ref_key: "box",
       ref: w,
       class: "zoom-box-container",
-      style: ce({ position: n.position })
+      style: de({ position: n.position })
     }, [
       u("div", {
-        style: ce({ "transform-origin": "top left", transform: k.value }),
+        style: de({ "transform-origin": "top left", transform: k.value }),
         class: "zoom-box"
       }, [
         ne(O.$slots, "default", {}, void 0, !0)
@@ -1010,7 +1010,7 @@ class bn {
     });
   }
 }
-class He {
+class Ye {
   constructor({ labels: t, language: e } = { labels: null, language: null }) {
     pe(this, "_labels");
     pe(this, "_language");
@@ -1051,11 +1051,11 @@ const Cn = { key: 0 }, wn = { class: "interactive-viewer" }, kn = { class: "fill
   setup(s, { emit: t }) {
     const e = [0, 16, 32, 48], n = s, a = t;
     at(
-      $e,
-      n.i18nConfig ? new He(n.i18nConfig) : new He()
+      Be,
+      n.i18nConfig ? new Ye(n.i18nConfig) : new Ye()
     );
     const o = bt({ isReady: !1, isError: !1 }), r = d(), l = d(), m = d(), p = d(), i = d({ x: 0, y: 0, width: 0, height: 0 }), f = d(), w = d(), k = d(), c = $(() => k.value.isHoverEnabled), h = $(() => n.useSvg ? Xa : Qa), _ = $(() => n.selectedUnitId), y = $(() => n.nextUnitId), g = $(() => n.prevUnitId);
-    Ve(() => {
+    $e(() => {
       if (_.value && p.value) {
         const I = r.value[_.value];
         I && (p.value.currentScene = I);
@@ -1071,15 +1071,15 @@ const Cn = { key: 0 }, wn = { class: "interactive-viewer" }, kn = { class: "fill
       }).reduce((B, te) => ({ ...B, [te.unitId]: te.scene }), {}) : {};
       const L = (B, te = "unitId") => {
         let x = I, S = [];
-        for (let H = 0; H < Ot; H++)
+        for (let Y = 0; Y < Ot; Y++)
           S.push(x), x = Kt(x);
-        return B.sort((H, G) => {
-          const de = S.findIndex(
-            (O) => O === r.value[H[te]]
+        return B.sort((Y, G) => {
+          const ue = S.findIndex(
+            (O) => O === r.value[Y[te]]
           ), j = S.findIndex(
             (O) => O === r.value[G[te]]
           );
-          return de < j ? -1 : de > j ? 1 : 0;
+          return ue < j ? -1 : ue > j ? 1 : 0;
         }), B;
       }, X = (B) => {
         p.value = new bn(B);
@@ -1199,7 +1199,7 @@ const Cn = { key: 0 }, wn = { class: "interactive-viewer" }, kn = { class: "fill
     currentTime: {}
   },
   setup(s) {
-    const t = s, e = $(() => ue(t.cdnFileResolver, t.timeSampleData.filename));
+    const t = s, e = $(() => ce(t.cdnFileResolver, t.timeSampleData.filename));
     return (n, a) => Ce((v(), D("img", {
       key: e.value,
       src: e.value,
@@ -1247,7 +1247,7 @@ const Cn = { key: 0 }, wn = { class: "interactive-viewer" }, kn = { class: "fill
   },
   emits: ["goToBuilding", "hoverOverBuilding", "hoverOutBuilding"],
   setup(s, { emit: t }) {
-    const e = s, n = $(() => ue(e.cdnFileResolver, e.transitionData.filename));
+    const e = s, n = $(() => ce(e.cdnFileResolver, e.transitionData.filename));
     return (a, o) => Ce((v(), D("img", {
       key: n.value,
       src: n.value,
@@ -1491,11 +1491,11 @@ const Un = /* @__PURE__ */ W({
       rotateShortestRoute: w
     });
     const o = d(!1), r = d(n.currentScene), l = d(n.selectedId);
-    Ve(() => {
+    $e(() => {
       r.value = n.currentScene;
-    }), Ve(() => {
+    }), $e(() => {
       l.value = n.selectedId;
-    }), Ve(() => {
+    }), $e(() => {
       a("onSceneChange", r.value);
     });
     const m = $(() => o.value ? !1 : n.apartmentChooserData.loopable ? !0 : r.value !== n.apartmentChooserData.scenes[0]), p = $(() => o.value ? !1 : n.apartmentChooserData.loopable ? !0 : r.value !== n.apartmentChooserData.scenes[n.apartmentChooserData.scenes.length - 1]);
@@ -1587,7 +1587,7 @@ const Un = /* @__PURE__ */ W({
       () => {
         r.value = e.selectedId;
       }
-    ), Ve(() => {
+    ), $e(() => {
       for (const i in l) {
         const { element: f, state: w } = l[i], { r: k, g: c, b: h, a: _, s: y } = e.colorCallback(i, w) || {
           r: 0,
@@ -1601,9 +1601,9 @@ const Un = /* @__PURE__ */ W({
     }), U(r, () => {
       for (const i in l)
         l[i].state === "selected" && i !== r.value ? l[i].state = "idle" : l[i].state !== "selected" && i === r.value && (l[i].state = "selected");
-    }), Ve(async () => {
+    }), $e(async () => {
       a.value = await Me.loadText(
-        ue(e.cdnFileResolver, e.currentCamera.overlayFilename)
+        ce(e.cdnFileResolver, e.currentCamera.overlayFilename)
       ), p();
     }), U(
       () => o.value,
@@ -1656,7 +1656,7 @@ const Un = /* @__PURE__ */ W({
         }));
       });
     }
-    return (i, f) => (v(), V(Ee, null, {
+    return (i, f) => (v(), V(Ve, null, {
       default: b(() => [
         (v(), D("div", {
           ref_key: "svgContainer",
@@ -1684,7 +1684,7 @@ const Un = /* @__PURE__ */ W({
       const o = E("v-img");
       return v(), V(o, {
         src: A(qn),
-        style: ce(e.value)
+        style: de(e.value)
       }, null, 8, ["src", "style"]);
     };
   }
@@ -1716,7 +1716,7 @@ class ea {
     this._cdnFileResolver = t, this._resourceLoader = new Me();
   }
   constructFileUrl(t) {
-    return this._cdnFileResolver ? ue(this._cdnFileResolver, `/${t}`) : null;
+    return this._cdnFileResolver ? ce(this._cdnFileResolver, `/${t}`) : null;
   }
   loadBuildingMapImage(t) {
     const e = this.constructFileUrl(t.lookupFilename);
@@ -1964,7 +1964,7 @@ const no = {
       try {
         let j, O;
         return O = await Me.loadJson(
-          ue(e.cdnFileResolver, "/apartmentChooser.json")
+          ce(e.cdnFileResolver, "/apartmentChooser.json")
         ), parseInt(O.version) === 5 ? O : (j = ao(O), j);
       } catch (j) {
         i.value = !1, n("onError", j);
@@ -2050,13 +2050,13 @@ const no = {
         O && w.value.rotateShortestRoute(O.bestScene);
       });
     }
-    function H(j) {
+    function Y(j) {
       n("onHoverOver", j), p.value = j;
     }
     function G(j) {
       n("onHoverOut", j), p.value = void 0;
     }
-    function de(j) {
+    function ue(j) {
       const { layerX: O, layerY: J } = j;
       let q = j.target, oe = !1;
       for (; q; )
@@ -2086,13 +2086,13 @@ const no = {
           loading: !i.value || !g.value
         }, {
           default: b(() => [
-            C(Ee, { class: "w-100 h-100" }, {
+            C(Ve, { class: "w-100 h-100" }, {
               default: b(() => [
                 u("div", {
                   ref_key: "container",
                   ref: y,
                   class: ge({ mobile: T.value }),
-                  onMousemove: de
+                  onMousemove: ue
                 }, [
                   u("div", no, [
                     u("div", oo, [
@@ -2169,7 +2169,7 @@ const no = {
                         "current-camera": a.value,
                         "selected-id": e.selectedId,
                         onOnClick: S,
-                        onOnHoverOver: H,
+                        onOnHoverOver: Y,
                         onOnHoverOut: G,
                         onUpdateSvgContainer: O[2] || (O[2] = (q) => _.value = q)
                       }, null, 8, ["cdn-file-resolver", "color-callback", "current-camera", "selected-id"]), [
@@ -2243,7 +2243,7 @@ const no = {
       (i) => {
         a.value = Math.floor(i);
       }
-    ), Ve(() => {
+    ), $e(() => {
       o.value = r(e.dateSelector.selectedDate);
     }), (i, f) => {
       const w = E("v-icon"), k = E("v-select"), c = E("v-progress-linear"), h = E("v-slider");
@@ -2377,8 +2377,8 @@ const no = {
   setup(s, { emit: t }) {
     const e = s, n = t;
     at(
-      $e,
-      e.i18nConfig ? new He(e.i18nConfig) : new He()
+      Be,
+      e.i18nConfig ? new Ye(e.i18nConfig) : new Ye()
     );
     const a = d({
       preloaded: !1,
@@ -2391,11 +2391,11 @@ const no = {
     ), p = d(!1), i = d(new Me()), f = d(), w = d("0 0 0 0"), k = d(), c = d(), h = d(et.empty()), _ = d(tt.empty()), y = d(), g = $(() => y.value.isHoverEnabled);
     U(l, (x, S) => {
       x ? n("hoverOverBuilding", x) : n("hoverOutBuilding", S);
-    }), Ve(() => {
+    }), $e(() => {
       if (e.buildingChooserTimeOfDay) {
-        const [x, S, H] = /^(\d\d):(\d\d)$/.exec(
+        const [x, S, Y] = /^(\d\d):(\d\d)$/.exec(
           e.buildingChooserTimeOfDay
-        ), G = parseInt(H);
+        ), G = parseInt(Y);
         m.value = parseInt(S) * 2 + (G < 15 ? 0 : G > 45 ? 2 : 1);
       }
     }), Ie(async () => {
@@ -2409,16 +2409,16 @@ const no = {
           buildingOverlays: S.buildingOverlays,
           viewLongitude: S.viewLongitude
         };
-        const H = [];
-        for (let { id: G, url: de } of S.buildingOverlays)
-          i.value.loadJson(de.replace(".png", ".svg")).then((j) => {
+        const Y = [];
+        for (let { id: G, url: ue } of S.buildingOverlays)
+          i.value.loadJson(ue.replace(".png", ".svg")).then((j) => {
             const J = new DOMParser().parseFromString(j, "image/svg+xml").getElementsByTagName("svg")[0];
-            w.value = J.getAttribute("viewBox"), H.push({
+            w.value = J.getAttribute("viewBox"), Y.push({
               id: G,
               svg: J.innerHTML
             });
           });
-        f.value = H;
+        f.value = Y;
       } else
         p.value = !0;
     });
@@ -2432,8 +2432,8 @@ const no = {
       const S = e.colorCallback(
         x,
         x === l.value ? "hover" : "idle"
-      ), H = [];
-      return x === l.value ? H.push("hover") : H.push("idle"), S && e.canGoToBuildingCallback(x) ? H.push("clickable") : H.push("restricted"), H.join(" ");
+      ), Y = [];
+      return x === l.value ? Y.push("hover") : Y.push("idle"), S && e.canGoToBuildingCallback(x) ? Y.push("clickable") : Y.push("restricted"), Y.join(" ");
     }
     function I(x) {
       const S = e.colorCallback(
@@ -2441,12 +2441,12 @@ const no = {
         x === l.value ? "hover" : "idle"
       );
       if (S) {
-        const { r: H, g: G, b: de, a: j, s: O } = S;
+        const { r: Y, g: G, b: ue, a: j, s: O } = S;
         return {
           strokeWidth: O !== void 0 ? O : 2,
-          stroke: `rgb(${H}, ${G}, ${de})`,
+          stroke: `rgb(${Y}, ${G}, ${ue})`,
           strokeOpacity: 1,
-          fill: `rgb(${H}, ${G}, ${de})`,
+          fill: `rgb(${Y}, ${G}, ${ue})`,
           fillOpacity: j / 255,
           cursor: `${e.canGoToBuildingCallback(x) ? "cursor" : "default"} !important`
         };
@@ -2461,27 +2461,27 @@ const no = {
         };
     }
     function L(x, S) {
-      const { layerX: H, layerY: G } = x;
+      const { layerX: Y, layerY: G } = x;
       g.value && (r.value = {
-        x: H,
+        x: Y,
         y: G,
         width: o.value.width,
         height: o.value.height
       }, l.value = S, n("hoverOverBuilding", S));
     }
     function X(x, S) {
-      const { layerX: H, layerY: G } = x;
+      const { layerX: Y, layerY: G } = x;
       g.value && (r.value = {
-        x: H,
+        x: Y,
         y: G,
         width: o.value.width,
         height: o.value.height
       }, l.value = void 0, n("hoverOutBuilding", S));
     }
     function B(x, S) {
-      const { layerX: H, layerY: G } = x;
+      const { layerX: Y, layerY: G } = x;
       g.value && (r.value = {
-        x: H,
+        x: Y,
         y: G,
         width: o.value.width,
         height: o.value.height
@@ -2491,9 +2491,9 @@ const no = {
       l.value = x, g.value && l.value && e.canGoToBuildingCallback(l.value) && n("goToBuilding", l.value);
     }
     return (x, S) => {
-      const H = E("v-icon");
+      const Y = E("v-icon");
       return p.value ? (v(), D("div", wo, [
-        C(H, { "x-large": "" }, {
+        C(Y, { "x-large": "" }, {
           default: b(() => [
             ae("mdi-alert-circle-outline")
           ]),
@@ -2501,7 +2501,7 @@ const no = {
         })
       ])) : c.value ? (v(), D("div", {
         key: 1,
-        style: ce(`height: ${o.value.height}px; position: relative`),
+        style: de(`height: ${o.value.height}px; position: relative`),
         class: "image-container"
       }, [
         C(ot, {
@@ -2521,12 +2521,12 @@ const no = {
               f.value ? Ce((v(), D("div", So, [
                 u("div", Io, [
                   (v(), D("svg", { viewBox: w.value }, [
-                    (v(!0), D(me, null, _e(f.value, ({ id: G, svg: de }, j) => (v(), D("g", {
+                    (v(!0), D(me, null, _e(f.value, ({ id: G, svg: ue }, j) => (v(), D("g", {
                       key: j,
-                      innerHTML: de,
+                      innerHTML: ue,
                       "data-building-id": G,
                       class: ge(P(G)),
-                      style: ce(I(G)),
+                      style: de(I(G)),
                       onMouseover: (O) => L(O, G),
                       onMouseout: (O) => X(O, G),
                       onMousemove: (O) => B(O),
@@ -2657,8 +2657,8 @@ const no = {
   setup(s, { emit: t }) {
     const e = s, n = t;
     at(
-      $e,
-      e.i18nConfig ? new He(e.i18nConfig) : new He()
+      Be,
+      e.i18nConfig ? new Ye(e.i18nConfig) : new Ye()
     );
     const a = d(), o = d({
       preloaded: !1,
@@ -2674,11 +2674,11 @@ const no = {
       var x;
       return (x = h.value) == null ? void 0 : x.isHoverEnabled;
     });
-    Ve(() => {
+    $e(() => {
       if (e.buildingChooserTimeOfDay) {
-        const [x, S, H] = /^(\d\d):(\d\d)$/.exec(
+        const [x, S, Y] = /^(\d\d):(\d\d)$/.exec(
           e.buildingChooserTimeOfDay
-        ), G = parseInt(H);
+        ), G = parseInt(Y);
         w.value = parseInt(S) * 2 + (G < 15 ? 0 : G > 45 ? 2 : 1);
       }
     }), U(f, (x, S) => {
@@ -2701,11 +2701,11 @@ const no = {
       o.value = { preloaded: !1, ready: !1 };
     }
     function P(x) {
-      const { layerX: S, layerY: H } = x, { x: G, y: de } = k.value(S, H);
+      const { layerX: S, layerY: Y } = x, { x: G, y: ue } = k.value(S, Y);
       return p.value.getBuildingId(
         i.value,
         G,
-        de
+        ue
       );
     }
     function I() {
@@ -2714,10 +2714,10 @@ const no = {
           x.setupDraw();
     }
     function L(x) {
-      const { layerX: S, layerY: H } = x;
+      const { layerX: S, layerY: Y } = x;
       g.value && (f.value = P(x), f.value !== void 0 && (l.value = {
         x: S,
-        y: H,
+        y: Y,
         width: r.value.width,
         height: r.value.height
       }));
@@ -2735,9 +2735,9 @@ const no = {
       k.value = x;
     }
     return (x, S) => {
-      const H = E("v-icon");
+      const Y = E("v-icon");
       return c.value ? (v(), D("div", To, [
-        C(H, { "x-large": "" }, {
+        C(Y, { "x-large": "" }, {
           default: b(() => [
             ae("mdi-alert-circle-outline")
           ]),
@@ -2745,7 +2745,7 @@ const no = {
         })
       ])) : m.value ? (v(), D("div", {
         key: 1,
-        style: ce(`cursor: ${f.value ? "pointer" : "auto"};height: ${r.value.height}px; position: relative`),
+        style: de(`cursor: ${f.value ? "pointer" : "auto"};height: ${r.value.height}px; position: relative`),
         class: "image-container"
       }, [
         C(ot, {
@@ -2884,7 +2884,7 @@ const no = {
     currentTime: {}
   },
   setup(s) {
-    const t = s, e = $(() => ue(t.cdnFileResolver, t.timeSampleData.filename));
+    const t = s, e = $(() => ce(t.cdnFileResolver, t.timeSampleData.filename));
     return (n, a) => Ce((v(), D("img", {
       key: e.value,
       src: e.value,
@@ -3114,7 +3114,7 @@ const no = {
   emits: ["onClick", "onHoverOver", "onHoverOut", "updateSvgContainer"],
   setup(s, { emit: t }) {
     const e = s, n = t, a = d(), o = d(), r = d(e.selectedId), l = bt({});
-    Ve(() => {
+    $e(() => {
       for (const i in l) {
         const { element: f, state: w } = l[i], { r: k, g: c, b: h, a: _, s: y } = e.colorCallback(i, w) || {
           r: 0,
@@ -3133,9 +3133,9 @@ const no = {
     ), U(r, () => {
       for (const i in l)
         l[i].state === "selected" && i !== r.value ? l[i].state = "idle" : l[i].state !== "selected" && i === r.value && (l[i].state = "selected");
-    }), Ve(async () => {
+    }), $e(async () => {
       a.value = await Me.loadText(
-        ue(e.cdnFileResolver, e.currentCamera.overlayFilename)
+        ce(e.cdnFileResolver, e.currentCamera.overlayFilename)
       ), p();
     }), U(
       () => o.value,
@@ -3181,7 +3181,7 @@ const no = {
         }));
       });
     }
-    return (i, f) => (v(), V(Ee, null, {
+    return (i, f) => (v(), V(Ve, null, {
       default: b(() => [
         (v(), D("div", {
           ref_key: "svgContainer",
@@ -3287,7 +3287,7 @@ const tl = {
           return L;
         let X;
         return X = await Me.loadJson(
-          ue(e.cdnFileResolver, "/buildingChooser.json")
+          ce(e.cdnFileResolver, "/buildingChooser.json")
         ), parseInt(X.version) === 5 ? X : (L = el(X), L);
       } catch (L) {
         m.value = !1, n("onError", L);
@@ -3381,7 +3381,7 @@ const tl = {
           loading: !m.value || !c.value
         }, {
           default: b(() => [
-            C(Ee, { class: "w-100 h-100" }, {
+            C(Ve, { class: "w-100 h-100" }, {
               default: b(() => [
                 u("div", {
                   ref_key: "container",
@@ -3538,7 +3538,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
       w.value = l.value;
     }), U([o, r], async () => {
       f.value && await f.value.loadInterior(
-        (y) => ue(
+        (y) => ce(
           a.value,
           `/${o.value}/${r.value}${y}`
         ),
@@ -3588,7 +3588,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
       if (!fl)
         return;
       const P = await new e.Main(
-        (I) => ue(
+        (I) => ce(
           a.value,
           `/${o.value}/${r.value}${I}`
         ),
@@ -3640,7 +3640,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
         u("div", Dl, [
           u("canvas", {
             id: "qpc",
-            style: ce(A(m) ? "visibility:hidden" : "visibility:visible")
+            style: de(A(m) ? "visibility:hidden" : "visibility:visible")
           }, null, 4)
         ])
       ])
@@ -3658,7 +3658,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
   },
   emits: ["level"],
   setup(s, { emit: t }) {
-    const e = s, n = t, a = Ze($e), o = $(() => {
+    const e = s, n = t, a = Ze(Be), o = $(() => {
       const i = e.floorLevels;
       return i.sort(), i;
     }), r = $(() => o.value.indexOf(e.level) + 1 <= o.value.length / 2 ? "lower" : "upper"), l = $(() => r.value === "lower"), m = $(() => r.value === "upper");
@@ -3716,7 +3716,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
   },
   emits: ["selectInterior"],
   setup(s, { emit: t }) {
-    const e = s, n = t, a = Ze($e);
+    const e = s, n = t, a = Ze(Be);
     return (o, r) => {
       const l = E("v-icon"), m = E("v-btn"), p = E("v-img"), i = E("v-menu");
       return v(), D("div", null, [
@@ -3785,13 +3785,13 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
     return (o, r) => {
       const l = E("v-img");
       return v(), D("div", {
-        style: ce(n.value),
+        style: de(n.value),
         class: "compass-wrapper"
       }, [
         C(l, {
           class: "compass-needle",
           src: e.value,
-          style: ce(a.value)
+          style: de(a.value)
         }, null, 8, ["src", "style"])
       ], 4);
     };
@@ -3840,7 +3840,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
   },
   emits: ["toggle"],
   setup(s, { emit: t }) {
-    const e = s, n = t, a = Ze($e), o = $(() => {
+    const e = s, n = t, a = Ze(Be), o = $(() => {
       let r = "virtualTour";
       return e.showStaticImage || (r = "slideShow"), r;
     });
@@ -4400,7 +4400,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
   __name: "VTutorial",
   emits: ["closeTutorial"],
   setup(s, { emit: t }) {
-    const e = t, n = Ze($e), a = d(!1), o = d(!1), r = $(() => [
+    const e = t, n = Ze(Be), a = d(!1), o = d(!1), r = $(() => [
       /Android/i,
       /webOS/i,
       /iPhone/i,
@@ -4414,7 +4414,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
     }
     return (m, p) => {
       const i = E("v-icon"), f = E("v-card-title"), w = E("v-btn"), k = E("v-divider"), c = E("v-card-text"), h = E("v-card-actions"), _ = E("v-card"), y = E("v-expand-transition"), g = E("v-checkbox");
-      return v(), V(Ee, { name: "fade-transition" }, {
+      return v(), V(Ve, { name: "fade-transition" }, {
         default: b(() => [
           C(_, {
             class: "mx-auto",
@@ -5022,14 +5022,14 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
       t.storey.position.y,
       t.storey.position.z
     )), y = $(() => parseFloat(c.value.floor_vertical_position)), g = $(() => k.value.map((x) => {
-      const S = x.uposition.split(","), H = new it(
+      const S = x.uposition.split(","), Y = new it(
         Number(S[0]) - _.value.x,
         0,
         Number(S[2]) - _.value.z
       );
       return {
         ...x,
-        ...X(r.value, H)
+        ...X(r.value, Y)
       };
     })), T = $(() => ({
       backgroundImage: `url(${t.backgroundImage})`,
@@ -5061,8 +5061,8 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
       };
     }
     function X(x, S) {
-      var H = new it();
-      const G = H.subVectors(x, S);
+      var Y = new it();
+      const G = Y.subVectors(x, S);
       return {
         relativePosition: G,
         left: G.x / a.value * 100,
@@ -5072,53 +5072,53 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
     function B() {
       const x = t.storey.position.y - y.value;
       o.value = 2 * (x * Math.tan(P(t.storey.fovY / 2))), a.value = 512 / 384 * o.value;
-      const S = o.value / 2, H = a.value / 2, G = new it(H * -1, 0, S * -1);
+      const S = o.value / 2, Y = a.value / 2, G = new it(Y * -1, 0, S * -1);
       r.value = G;
     }
     function te() {
       const x = document.getElementById("moveableDiv");
       if (!x)
         return;
-      const S = x.offsetHeight / 384 * 0.8, H = x.offsetWidth / 512 * 0.8;
-      x.offsetHeight > x.offsetWidth ? p.value = H * 0.5 : p.value = S * 0.9;
+      const S = x.offsetHeight / 384 * 0.8, Y = x.offsetWidth / 512 * 0.8;
+      x.offsetHeight > x.offsetWidth ? p.value = Y * 0.5 : p.value = S * 0.9;
     }
     return (x, S) => (v(), D("div", pr, [
       u("div", fr, [
         u("div", {
           class: "web-minimap",
-          style: ce(M.value)
+          style: de(M.value)
         }, [
           u("div", {
             class: "minimap-background-image",
-            style: ce(T.value)
+            style: de(T.value)
           }, null, 4),
           u("div", {
             class: "center-pivot",
-            style: ce(m.value)
+            style: de(m.value)
           }, [
-            (v(!0), D(me, null, _e(g.value, (H) => (v(), D("div", {
-              key: H.id
+            (v(!0), D(me, null, _e(g.value, (Y) => (v(), D("div", {
+              key: Y.id
             }, [
-              c.value.floorLevel === H.floorLevel ? (v(), D("div", {
+              c.value.floorLevel === Y.floorLevel ? (v(), D("div", {
                 key: 0,
                 class: "single-camera-marker",
-                style: ce(L(H))
+                style: de(L(Y))
               }, null, 4)) : R("", !0),
               ne(x.$slots, "default", {
-                id: H.id,
-                camera: H,
-                active: c.value.id === H.id,
-                style: ce({
-                  ...L(H),
+                id: Y.id,
+                camera: Y,
+                active: c.value.id === Y.id,
+                style: de({
+                  ...L(Y),
                   position: "absolute",
                   zIndex: "3"
                 })
               }, () => [
-                c.value.id === H.id && t.rotation !== null ? (v(), V(mr, {
+                c.value.id === Y.id && t.rotation !== null ? (v(), V(mr, {
                   key: 0,
                   class: "rotation-marker-component-base rotation-marker-component",
                   rotation: h.value,
-                  style: ce({ ...L(H) })
+                  style: de({ ...L(Y) })
                 }, null, 8, ["rotation", "style"])) : R("", !0)
               ], !0)
             ]))), 128))
@@ -5138,7 +5138,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
     const t = s, e = $(() => t.rotation + t.transformAngle - 90);
     return (n, a) => (v(), D("div", {
       class: "minimap-compass elevation-5",
-      style: ce({ scale: n.scale })
+      style: de({ scale: n.scale })
     }, [
       C(lt, {
         class: "north-indicator",
@@ -5203,7 +5203,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
     }
     async function c(y) {
       const T = await (await fetch(
-        ue(
+        ce(
           e.cdnFileResolver,
           `/${e.apartmentJson.type}/${e.apartmentJson.id}/minimap/${y}`
         )
@@ -5483,7 +5483,7 @@ const Fr = { class: "d-flex align-center" }, Lr = { class: "d-block mr-1" }, Mr
   },
   emits: ["toggleSunStudy"],
   setup(s, { emit: t }) {
-    const e = t, n = Ze($e);
+    const e = t, n = Ze(Be);
     return (a, o) => {
       const r = E("v-btn");
       return !a.displaySunsim && a.showUI ? (v(), V(r, {
@@ -5658,7 +5658,7 @@ const Fr = { class: "d-flex align-center" }, Lr = { class: "d-block mr-1" }, Mr
 }, Yr = /* @__PURE__ */ W({
   __name: "VSocialShare",
   setup(s) {
-    const t = Ze($e), e = d(!1), n = d(location.href);
+    const t = Ze(Be), e = d(!1), n = d(location.href);
     function a() {
       return window.open(
         "https://www.facebook.com/sharer/sharer.php?u=" + encodeURIComponent(location.href),
@@ -5831,7 +5831,7 @@ const Fr = { class: "d-flex align-center" }, Lr = { class: "d-block mr-1" }, Mr
     return (n, a) => (v(), D("div", zr, [
       u("div", {
         class: ge(["img-div", [n.aspectRatio]]),
-        style: ce(e.value)
+        style: de(e.value)
       }, null, 6)
     ]));
   }
@@ -6003,7 +6003,7 @@ const Nr = {
       screenToWorld: La,
       clearCurrentMarkerLayer: Aa
     });
-    const H = d(!1), G = d(!1), de = d(!1), j = d(), O = d(), J = d(), q = d(), oe = d(), re = d(0), se = d(), be = d(), ie = d(), Fe = d(0), Le = d(0), ze = d(0), we = d(!1), xe = d(!1), Be = d(), De = d(!1), N = d(!1), K = d(
+    const Y = d(!1), G = d(!1), ue = d(!1), j = d(), O = d(), J = d(), q = d(), oe = d(), re = d(0), se = d(), be = d(), ie = d(), Fe = d(0), Le = d(0), ze = d(0), we = d(!1), xe = d(!1), Re = d(), De = d(!1), N = d(!1), K = d(
       new ia(document, "player-wrapper")
     ), ve = d(), je = $(() => {
       if (O.value) {
@@ -6014,7 +6014,7 @@ const Nr = {
         return z = z.sort(), z;
       } else
         return [];
-    }), Re = $(() => {
+    }), Ue = $(() => {
       let F = 0;
       if (O.value) {
         const z = O.value.cameras.map(
@@ -6028,7 +6028,7 @@ const Nr = {
         Se !== -1 && (F = Se);
       }
       return F;
-    }), Y = $(() => he.value.findIndex(
+    }), H = $(() => he.value.findIndex(
       (F) => F.archetypeID === se.value
     )), Q = $(() => J.value ? J.value.cameras.map((F) => ({
       ...F,
@@ -6052,21 +6052,21 @@ const Nr = {
           `/${F.archetypeID}/${o.value}/thumbs/200/${z}.jpg`
         )
       };
-    }) : []), Ye = $(() => {
-      if (q.value && q.value.storeys && Re.value in q.value.storeys)
-        return q.value.storeys[Re.value];
-    }), rt = $(() => O.value && O.value.timeInHours), Ue = $(() => {
+    }) : []), Ee = $(() => {
+      if (q.value && q.value.storeys && Ue.value in q.value.storeys)
+        return q.value.storeys[Ue.value];
+    }), rt = $(() => O.value && O.value.timeInHours), He = $(() => {
       if (O.value && O.value.timeInHours && f.value)
         return Va(O.value.timeInHours);
     });
     at(
-      $e,
-      p.value ? new He(p.value) : new He()
+      Be,
+      p.value ? new Ye(p.value) : new Ye()
     );
     const Ne = $(() => /Android|webOS|iPhone|iPad|BlackBerry|Windows Phone|Opera Mini|IEMobile|Mobile/i.test(
       window.navigator.userAgent
     )), Vt = $(() => Ne.value ? "platform-mobile" : "platform-desktop"), ua = $(() => {
-      const F = ue(
+      const F = ce(
         a.value,
         "/config.json"
       );
@@ -6082,7 +6082,7 @@ const Nr = {
         try {
           be.value = void 0, await va(), pa(), await ma(), K.value.setup(), fa();
         } catch (F) {
-          de.value = !0, S("onError", F);
+          ue.value = !0, S("onError", F);
         }
       },
       { immediate: !0 }
@@ -6096,27 +6096,27 @@ const Nr = {
       if (De.value) {
         N.value = !1;
         const F = Je(ie.value);
-        Be.value = F[0].timeSamples.find(
+        Re.value = F[0].timeSamples.find(
           (z) => z.timeInHours === F[0].defaultHour
         );
       } else
         N.value = !0, oe.value.unloadSunSim();
     }), Ie(async () => {
       try {
-        ua.value ? (H.value = !1, N.value = !0) : setTimeout(() => {
-          H.value = !0;
+        ua.value ? (Y.value = !1, N.value = !0) : setTimeout(() => {
+          Y.value = !0;
         }, 1e3);
       } catch (F) {
-        de.value = !0, S("onError", F);
+        ue.value = !0, S("onError", F);
       }
     }), Qe(() => {
       document.removeEventListener("wheel", St);
     });
     function ca(F = !1) {
-      N.value = !0, H.value = !1, F && da();
+      N.value = !0, Y.value = !1, F && da();
     }
     function da() {
-      const F = ue(
+      const F = ce(
         a.value,
         "/config.json"
       );
@@ -6177,7 +6177,7 @@ const Nr = {
       } catch (F) {
         console.error(
           "Error loading config.json - ",
-          ue(a.value, "/config.json"),
+          ce(a.value, "/config.json"),
           F
         );
         return;
@@ -6319,7 +6319,7 @@ const Nr = {
       return S("onSnapshot", Xe, $a), Xe;
     }
     function ft(F) {
-      let z = ue(a.value, F);
+      let z = ce(a.value, F);
       return z && I.value && !z.startsWith("blob:") && (z = z + `?v=${Date.now()}`), z;
     }
     async function ht(F) {
@@ -6357,13 +6357,13 @@ const Nr = {
       return v(), D("div", {
         class: ge(["virtual-tour-wrapper", [Vt.value]])
       }, [
-        de.value ? (v(), D("div", Nr, "Error loading the player!!")) : R("", !0),
+        ue.value ? (v(), D("div", Nr, "Error loading the player!!")) : R("", !0),
         u("div", Gr, [
-          !K.value.isActive && q.value && ie.value && Ye.value && se.value && xe.value ? (v(), V(Nt, {
+          !K.value.isActive && q.value && ie.value && Ee.value && se.value && xe.value ? (v(), V(Nt, {
             key: 0,
             "cdn-file-resolver": A(a),
             "apartment-json": O.value,
-            level: Re.value,
+            level: Ue.value,
             "minimap-json": q.value,
             rotation: Fe.value,
             "current-camera": ie.value,
@@ -6377,7 +6377,7 @@ const Nr = {
               ref_key: "vPlayerInstance",
               ref: ve,
               "cdn-file-resolver": A(a),
-              style: ce({ zIndex: we.value ? 1 : 2 }),
+              style: de({ zIndex: we.value ? 1 : 2 }),
               "show-static-image": we.value,
               "current-camera-id": be.value,
               "mouse-sensitivity": A(P),
@@ -6411,11 +6411,11 @@ const Nr = {
                   icon: "mdi-alert-outline",
                   elevation: "3",
                   class: "mr-2",
-                  onClick: z[2] || (z[2] = (Se) => H.value = !H.value)
+                  onClick: z[2] || (z[2] = (Se) => Y.value = !Y.value)
                 }, null, 512), [
                   [ke, N.value]
                 ]),
-                q.value && be.value && Ye.value ? Ce((v(), V(le, {
+                q.value && be.value && Ee.value ? Ce((v(), V(le, {
                   key: 1,
                   density: "comfortable",
                   elevation: "3",
@@ -6451,17 +6451,17 @@ const Nr = {
                 }, [
                   N.value && O.value && rt.value && A(f) ? (v(), V(Xl, {
                     key: 0,
-                    hours: Ue.value.hours,
-                    minutes: Ue.value.minutes,
+                    hours: He.value.hours,
+                    minutes: He.value.minutes,
                     class: "time-of-day",
-                    style: ce({
-                      cursor: q.value && ie.value && Ye.value ? "pointer" : "default"
+                    style: de({
+                      cursor: q.value && ie.value && Ee.value ? "pointer" : "default"
                     })
                   }, null, 8, ["hours", "minutes", "style"])) : R("", !0)
                 ])
               ]),
               "center-left": b(() => [
-                C(Ee, { name: "slide-x-transition" }, {
+                C(Ve, { name: "slide-x-transition" }, {
                   default: b(() => [
                     we.value ? (v(), V(le, {
                       key: 0,
@@ -6475,23 +6475,23 @@ const Nr = {
                 })
               ]),
               "center-center": b(() => [
-                H.value ? (v(), V(Vs, {
+                Y.value ? (v(), V(Vs, {
                   key: 0,
                   onCloseTutorial: z[5] || (z[5] = (Se) => ca(Se))
                 })) : R("", !0),
-                K.value.isActive && q.value && ie.value && Ye.value && xe.value ? (v(), V(Nt, {
+                K.value.isActive && q.value && ie.value && Ee.value && xe.value ? (v(), V(Nt, {
                   key: 1,
                   "cdn-file-resolver": A(a),
                   "apartment-json": O.value,
                   "minimap-json": q.value,
                   rotation: Fe.value,
                   "current-camera": ie.value,
-                  level: Re.value,
+                  level: Ue.value,
                   onClose: z[6] || (z[6] = (Se) => xe.value = !1)
                 }, null, 8, ["cdn-file-resolver", "apartment-json", "minimap-json", "rotation", "current-camera", "level"])) : R("", !0)
               ]),
               "center-right": b(() => [
-                C(Ee, { name: "slide-x-reverse-transition" }, {
+                C(Ve, { name: "slide-x-reverse-transition" }, {
                   default: b(() => [
                     we.value ? (v(), V(le, {
                       key: 0,
@@ -6531,7 +6531,7 @@ const Nr = {
                 ])) : R("", !0)
               ]),
               "bottom-center": b(() => [
-                C(Ee, null, {
+                C(Ve, null, {
                   default: b(() => [
                     u("div", null, [
                       u("div", {
@@ -6547,11 +6547,11 @@ const Nr = {
                           onToggleSunStudy: z[7] || (z[7] = (Se) => De.value = !De.value)
                         }, null, 8, ["displaySunsim", "showUI"])) : R("", !0)
                       ], 2),
-                      !Ne.value && !Pe.value && be.value && De.value && Ge.value(ie.value) && Je(ie.value)[0] && Be.value ? (v(), V(Gt, {
+                      !Ne.value && !Pe.value && be.value && De.value && Ge.value(ie.value) && Je(ie.value)[0] && Re.value ? (v(), V(Gt, {
                         key: 0,
                         class: "sunsim-slider-desktop",
                         "current-day": Ge.value(ie.value) ? Je(ie.value)[0] : void 0,
-                        "current-time": Be.value,
+                        "current-time": Re.value,
                         onOnTimeChange: Ht,
                         onToggleSunStudy: z[8] || (z[8] = (Se) => De.value = !De.value)
                       }, null, 8, ["current-day", "current-time"])) : R("", !0),
@@ -6585,14 +6585,14 @@ const Nr = {
                     key: 0,
                     "cdn-file-resolver": A(a),
                     "available-archetypes": ye.value,
-                    "selected-index": Y.value,
+                    "selected-index": H.value,
                     onSelectInterior: Ut
                   }, null, 8, ["cdn-file-resolver", "available-archetypes", "selected-index"])) : R("", !0)
                 ])
               ]),
               _: 1
             }, 8, ["cdn-file-resolver", "style", "show-static-image", "current-camera-id", "mouse-sensitivity", "interior-id", "apartment-id"]),
-            C(Ee, null, {
+            C(Ve, null, {
               default: b(() => [
                 A(i) && J.value && Ne.value && N.value ? (v(), V(_t, {
                   key: 0,
@@ -6617,11 +6617,11 @@ const Nr = {
               _: 1
             }),
             Ne.value ? (v(), D("div", ei, [
-              !Pe.value && be.value && De.value && Ge.value(ie.value) && Je(ie.value)[0] && Be.value ? (v(), V(Gt, {
+              !Pe.value && be.value && De.value && Ge.value(ie.value) && Je(ie.value)[0] && Re.value ? (v(), V(Gt, {
                 key: 0,
                 class: "mt-1",
                 "current-day": Ge.value(ie.value) ? Je(ie.value)[0] : void 0,
-                "current-time": Be.value,
+                "current-time": Re.value,
                 onOnTimeChange: Ht,
                 onToggleSunStudy: z[11] || (z[11] = (Se) => De.value = !De.value)
               }, null, 8, ["current-day", "current-time"])) : R("", !0)
@@ -6715,8 +6715,8 @@ const Nr = {
   setup(s) {
     const t = s;
     at(
-      $e,
-      t.i18nConfig ? new He(t.i18nConfig) : new He()
+      Be,
+      t.i18nConfig ? new Ye(t.i18nConfig) : new Ye()
     );
     const e = d(0), n = d(
       new ia(document, "player-wrapper")
@@ -6765,7 +6765,7 @@ const Nr = {
               "top-center": b(() => []),
               "top-right": b(() => []),
               "center-left": b(() => [
-                C(Ee, { name: "slide-x-transition" }, {
+                C(Ve, { name: "slide-x-transition" }, {
                   default: b(() => [
                     a.value.length > 1 ? (v(), V(k, {
                       key: 0,
@@ -6780,7 +6780,7 @@ const Nr = {
               ]),
               "center-center": b(() => []),
               "center-right": b(() => [
-                C(Ee, { name: "slide-x-reverse-transition" }, {
+                C(Ve, { name: "slide-x-reverse-transition" }, {
                   default: b(() => [
                     a.value.length > 1 ? (v(), V(k, {
                       key: 0,
@@ -6859,7 +6859,7 @@ const Nr = {
       a("cameraSet", f.value);
     });
     const k = $(() => {
-      const y = ue(n.cdnFileResolver.value, "").replace(
+      const y = ce(n.cdnFileResolver.value, "").replace(
         `/${o.value.type}/${o.value.id}`,
         ""
       );
@@ -6872,16 +6872,16 @@ const Nr = {
       n.cdnFileResolver,
       async () => {
         o.value = await (await fetch(
-          ue(n.cdnFileResolver.value, "/apartment.json")
+          ce(n.cdnFileResolver.value, "/apartment.json")
         )).json(), a("apartmentJsonLoaded", o.value), r.value = await (await fetch(
-          ue(n.cdnFileResolver.value, "/minimap/minimap.json")
+          ce(n.cdnFileResolver.value, "/minimap/minimap.json")
         )).json(), a("minimapJsonLoaded", r.value);
       },
       { immediate: !0 }
     ), U(
       [c, n.cdnFileResolver],
       () => {
-        n.cdnFileResolver.value && c.value && (l.value = c.value.defaultSunsimFile ? ue(n.cdnFileResolver.value, "/minimap/sunsim0_13.jpg") : ue(
+        n.cdnFileResolver.value && c.value && (l.value = c.value.defaultSunsimFile ? ce(n.cdnFileResolver.value, "/minimap/sunsim0_13.jpg") : ce(
           n.cdnFileResolver.value,
           `/minimap/${c.value.defaultSunsimFile}`
         ));
@@ -6899,7 +6899,7 @@ const Nr = {
         default: b(() => [
           u("div", null, [
             u("div", {
-              style: ce({ ...w.value, position: "relative" }),
+              style: de({ ...w.value, position: "relative" }),
               ref_key: "fitContainer",
               ref: p
             }, [
@@ -6925,7 +6925,7 @@ const Nr = {
                     id: T,
                     camera: M,
                     active: P,
-                    style: ce(I)
+                    style: de(I)
                   }, void 0, !0)
                 ]),
                 _: 3
@@ -6953,7 +6953,7 @@ const Nr = {
     currentTime: {}
   },
   setup(s) {
-    const t = s, { timeSampleData: e, cdnFileResolver: n, currentTime: a } = Te(t), o = $(() => ue(n.value, e.value.filename));
+    const t = s, { timeSampleData: e, cdnFileResolver: n, currentTime: a } = Te(t), o = $(() => ce(n.value, e.value.filename));
     return (r, l) => Ce((v(), D("img", {
       key: o.value,
       src: o.value,
@@ -6989,7 +6989,7 @@ const Nr = {
     currentTime: {}
   },
   setup(s) {
-    const t = s, { cameraData: e, cdnFileResolver: n, currentCamera: a, currentTime: o } = Te(t), r = $(() => ue(
+    const t = s, { cameraData: e, cdnFileResolver: n, currentCamera: a, currentTime: o } = Te(t), r = $(() => ce(
       n.value,
       a.value.defaultFilename
     ));
@@ -7015,7 +7015,7 @@ const Nr = {
     currentTransition: {}
   },
   setup(s) {
-    const t = s, { transitionData: e, cdnFileResolver: n, currentTransition: a } = Te(t), o = $(() => ue(n.value, e.value.filename));
+    const t = s, { transitionData: e, cdnFileResolver: n, currentTransition: a } = Te(t), o = $(() => ce(n.value, e.value.filename));
     return (r, l) => Ce((v(), D("img", {
       key: o.value,
       src: o.value,
@@ -7170,8 +7170,8 @@ const Ti = {
             c.cameraName ? (v(), D("div", Ri, Z(c.cameraName), 1)) : R("", !0),
             u("div", {
               class: "camera-thumbnail-image",
-              style: ce({
-                backgroundImage: `url(${A(ue)(
+              style: de({
+                backgroundImage: `url(${A(ce)(
                   A(r),
                   c.defaultFilename
                 )})`
@@ -7218,13 +7218,13 @@ const Ti = {
       const f = E("v-icon"), w = E("v-slider"), k = E("v-field");
       return v(), D("div", {
         class: ge({ "d-inline-block": !0, mobile: A(n) }),
-        style: ce({
+        style: de({
           flex: A(n) && A(a).timeSamples.length > 1 ? 1 : void 0,
           verticalAlign: "top"
         })
       }, [
         C(k, {
-          style: ce(
+          style: de(
             A(a).timeSamples.length > 1 ? {
               width: A(n) ? "100%" : "300px",
               height: A(n) ? "28px" : "36px"
@@ -7337,7 +7337,7 @@ const Ti = {
   emits: ["onClick", "onHoverOver", "onHoverOut", "updateSvgContainer", "onError"],
   setup(s, { emit: t }) {
     const e = s, { cdnFileResolver: n, colorCallback: a, currentCamera: o, selectedId: r } = Te(e), l = t, m = d(!0), p = d(), i = d(), f = bt({});
-    Ve(() => {
+    $e(() => {
       for (const c in f) {
         const { element: h, state: _ } = f[c], { r: y, g, b: T, a: M, s: P } = a.value(c, _) || {
           r: 0,
@@ -7351,10 +7351,10 @@ const Ti = {
     }), U(r, () => {
       for (const c in f)
         f[c].state === "selected" && c !== r.value ? f[c].state = "idle" : f[c].state !== "selected" && c === r.value && (f[c].state = "selected");
-    }), Ve(async () => {
+    }), $e(async () => {
       try {
         m.value = !1, p.value = await Me.loadText(
-          ue(n.value, o.value.overlayFilename)
+          ce(n.value, o.value.overlayFilename)
         ), k();
       } catch (c) {
         l("onError", c);
@@ -7421,7 +7421,7 @@ const Ti = {
         }
       });
     }
-    return (c, h) => (v(), V(Ee, null, {
+    return (c, h) => (v(), V(Ve, null, {
       default: b(() => [
         Ce((v(), D("div", {
           ref_key: "svgContainer",
@@ -7766,10 +7766,10 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
       mobileBreakpoint: k
     } = Te(n), c = e;
     at(
-      $e,
-      l.value ? new He(l.value) : new He()
+      Be,
+      l.value ? new Ye(l.value) : new Ye()
     );
-    const h = d(), _ = d(), y = d(), g = d(null), T = d(4), M = d(), P = d(!1), I = d(!1), L = d(), X = $(() => L.value.isHoverEnabled), B = d({ x: 0, y: 0, width: 0, height: 0 }), te = d(), x = d(), S = d(), H = d(!1), G = d(), de = d({
+    const h = d(), _ = d(), y = d(), g = d(null), T = d(4), M = d(), P = d(!1), I = d(!1), L = d(), X = $(() => L.value.isHoverEnabled), B = d({ x: 0, y: 0, width: 0, height: 0 }), te = d(), x = d(), S = d(), Y = d(!1), G = d(), ue = d({
       current: 100,
       min: 100,
       max: 1e3
@@ -7780,24 +7780,26 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
         currentDay: _.value,
         currentTime: y.value,
         currentTransition: g.value,
-        currentScene: T.value
+        currentScene: T.value,
+        currentZoom: ue.value.current
       }),
       setState: ({
-        currentCamera: Y,
+        currentCamera: H,
         currentDay: Q,
         currentTime: fe,
         currentTransition: he,
-        currentScene: ye
+        currentScene: ye,
+        currentZoom: Ee
       }) => {
-        h.value = Y, _.value = Q, y.value = fe, g.value = he, T.value = ye;
+        h.value = H, _.value = Q, y.value = fe, g.value = he, T.value = ye, ue.value.current = Ee;
       }
     }), Ie(() => {
       P.value = !0, j.value = !1;
     }), U(
       a,
-      (Y) => {
+      (H) => {
         try {
-          j.value = !1, S.value = nu(Y);
+          j.value = !1, S.value = nu(H);
         } catch (Q) {
           j.value = !0, c("onError", Q);
         }
@@ -7805,8 +7807,8 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
       {
         immediate: !0
       }
-    ), U(P, (Y) => {
-      Y && c("onInitialize");
+    ), U(P, (H) => {
+      H && c("onInitialize");
     });
     const O = d(), J = d(0);
     U(
@@ -7822,7 +7824,7 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
       () => x.value,
       () => {
         x.value && new ResizeObserver(([Q]) => {
-          H.value = Q.contentRect.width < k.value;
+          Y.value = Q.contentRect.width < k.value;
         }).observe(x.value);
       }
     );
@@ -7835,9 +7837,9 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
       [S, o, i],
       async () => {
         o.value && q.value.length > 0 && (i.value ? h.value = q.value.find(
-          (Y) => Y.cameraName === i.value
+          (H) => H.cameraName === i.value
         ) || q.value[0] : h.value = q.value[0], T.value = S.value.cameras.findIndex(
-          (Y) => Y === h.value
+          (H) => H === h.value
         ), T.value = Math.max(0, T.value));
       },
       { immediate: !0 }
@@ -7845,7 +7847,7 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
       [S, o, f],
       () => {
         S.value && o.value && h.value && h.value.sunsimDayOfYear && h.value.sunsimDayOfYear.length > 0 && (f.value ? _.value = h.value.sunsimDayOfYear.find(
-          (Y) => Y.dayOfYear === f.value
+          (H) => H.dayOfYear === f.value
         ) || h.value.sunsimDayOfYear[0] : _.value = h.value.sunsimDayOfYear[0]);
       },
       { immediate: !0 }
@@ -7853,28 +7855,28 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
       [S, o, w],
       () => {
         S.value && o.value && _.value && _.value.timeSamples && _.value.timeSamples.length > 0 && (w.value ? y.value = _.value.timeSamples.find(
-          (Y) => Y.timeInHours === w.value
+          (H) => H.timeInHours === w.value
         ) || _.value.timeSamples[0] : y.value = _.value.timeSamples.find(
-          (Y) => Y.timeInHours === _.value.defaultHour
+          (H) => H.timeInHours === _.value.defaultHour
         ) || _.value.timeSamples[0]);
       },
       { immediate: !0 }
     );
-    function re(Y) {
-      h.value !== Y && K(
-        S.value.cameras.findIndex((Q) => Q === Y)
+    function re(H) {
+      h.value !== H && K(
+        S.value.cameras.findIndex((Q) => Q === H)
       );
     }
-    function se(Y) {
-      T.value = Y, Lt(S.value.cameras[T.value]) ? g.value = S.value.cameras[T.value] : (Ae(() => {
+    function se(H) {
+      T.value = H, Lt(S.value.cameras[T.value]) ? g.value = S.value.cameras[T.value] : (Ae(() => {
         be(
           S.value.cameras[T.value]
         );
       }), g.value = null);
     }
-    function be(Y) {
+    function be(H) {
       const Q = _.value;
-      h.value = Y, T.value = S.value.cameras.findIndex(
+      h.value = H, T.value = S.value.cameras.findIndex(
         (fe) => fe === h.value
       ), Ae(() => {
         h.value.sunsimDayOfYear && h.value.sunsimDayOfYear.length > 0 && ie(
@@ -7884,9 +7886,9 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
         );
       });
     }
-    function ie(Y) {
+    function ie(H) {
       const Q = y.value;
-      _.value = Y, Ae(() => {
+      _.value = H, Ae(() => {
         Fe(
           _.value.timeSamples.find(
             (fe) => fe.timeInHours === Q.timeInHours
@@ -7896,26 +7898,26 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
         );
       });
     }
-    function Fe(Y) {
-      y.value = Y;
+    function Fe(H) {
+      y.value = H;
     }
-    function Le(Y) {
-      c("onClick", Y, () => {
+    function Le(H) {
+      c("onClick", H, () => {
         const Q = S.value.stillCameraData.find(
-          (fe) => fe.id === Y
+          (fe) => fe.id === H
         );
         Q && K(Q.bestIndex);
       });
     }
-    function ze(Y) {
-      c("onHoverOver", Y), M.value = Y;
+    function ze(H) {
+      c("onHoverOver", H), M.value = H;
     }
-    function we(Y) {
-      c("onHoverOut", Y), M.value = void 0;
+    function we(H) {
+      c("onHoverOut", H), M.value = void 0;
     }
-    function xe(Y) {
-      const { layerX: Q, layerY: fe } = Y;
-      let he = Y.target, ye = !1;
+    function xe(H) {
+      const { layerX: Q, layerY: fe } = H;
+      let he = H.target, ye = !1;
       for (; he; )
         if (he === te.value) {
           ye = !0;
@@ -7923,49 +7925,49 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
         } else
           he = he.parentElement;
       if (ye) {
-        const Ye = Y.currentTarget;
+        const Ee = H.currentTarget;
         B.value = {
           x: Q,
           y: fe,
-          width: Ye.clientWidth,
-          height: Ye.clientHeight
+          width: Ee.clientWidth,
+          height: Ee.clientHeight
         };
       } else
         B.value = void 0;
-      c("onMouseMove", Y, B.value);
+      c("onMouseMove", H, B.value);
     }
-    function Be({
-      min: Y,
+    function Re({
+      min: H,
       max: Q,
       current: fe
     }) {
-      de.value = { min: Y, max: Q, current: fe };
+      ue.value = { min: H, max: Q, current: fe };
     }
-    function De(Y) {
-      G.value.adjustZoom(Y ? 10 : -10);
+    function De(H) {
+      G.value.adjustZoom(H ? 10 : -10);
     }
-    function N(Y) {
+    function N(H) {
       return S.value.stillCameraIndices.findIndex(
-        (Q) => Q === Y
+        (Q) => Q === H
       );
     }
-    async function K(Y) {
+    async function K(H) {
       const Q = T.value;
       if (S.value.loopable) {
-        const fe = S.value.stillCameraIndices.length, he = N(Q), ye = N(Y);
-        let Ye = 0, rt = 0, Ue = he;
-        for (; Ue++, Ue >= fe && (Ue = 0), Ue !== ye; )
-          Ye++;
-        for (Ue = he; Ue--, Ue < 0 && (Ue += fe), Ue !== ye; )
+        const fe = S.value.stillCameraIndices.length, he = N(Q), ye = N(H);
+        let Ee = 0, rt = 0, He = he;
+        for (; He++, He >= fe && (He = 0), He !== ye; )
+          Ee++;
+        for (He = he; He--, He < 0 && (He += fe), He !== ye; )
           rt++;
-        Ye === rt ? ve(Q, Y) : Ye < rt ? he < ye ? ve(Q, Y) : ve(Q, Y + S.value.cameras.length) : he >= ye ? ve(Q, Y) : ve(Q + S.value.cameras.length, Y);
+        Ee === rt ? ve(Q, H) : Ee < rt ? he < ye ? ve(Q, H) : ve(Q, H + S.value.cameras.length) : he >= ye ? ve(Q, H) : ve(Q + S.value.cameras.length, H);
       } else
-        ve(Q, Y);
+        ve(Q, H);
     }
-    function ve(Y, Q) {
+    function ve(H, Q) {
       return new Promise((fe) => {
         I.value = !0;
-        let he, ye = Y;
+        let he, ye = H;
         he = setInterval(() => {
           ye < Q ? (ye++, T.value = Math.abs(
             ye % S.value.cameras.length
@@ -7975,11 +7977,11 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
         }, 12);
       });
     }
-    function je(Y) {
-      j.value = !0, c("onError", Y);
+    function je(H) {
+      j.value = !0, c("onError", H);
     }
-    const Re = (Y) => Y * (180 / Math.PI);
-    return (Y, Q) => {
+    const Ue = (H) => H * (180 / Math.PI);
+    return (H, Q) => {
       const fe = E("v-skeleton-loader");
       return v(), D(me, null, [
         C(fe, {
@@ -7988,52 +7990,52 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
           loading: !P.value || !S.value
         }, {
           default: b(() => [
-            C(Ee, { class: "w-100 h-100" }, {
+            C(Ve, { class: "w-100 h-100" }, {
               default: b(() => [
                 u("div", {
                   ref_key: "container",
                   ref: x,
-                  class: ge({ mobile: H.value }),
+                  class: ge({ mobile: Y.value }),
                   style: { "min-height": "104px" },
                   onMousemove: xe
                 }, [
-                  Y.showUi ? (v(), D("div", {
+                  H.showUi ? (v(), D("div", {
                     key: 0,
                     class: "persistent actions-bar top-right pa-2",
-                    style: ce({
+                    style: de({
                       zIndex: 7,
-                      top: H.value && q.value.length > 1 ? "60px" : 0
+                      top: Y.value && q.value.length > 1 ? "60px" : 0
                     })
                   }, [
                     h.value.cameraRotation ? (v(), V(lt, {
                       key: 0,
                       class: "mb-2",
-                      style: ce({
+                      style: de({
                         zIndex: 7,
-                        width: H.value ? 32 : 40,
-                        height: H.value ? 32 : 40
+                        width: Y.value ? 32 : 40,
+                        height: Y.value ? 32 : 40
                       }),
-                      longitude: Re(h.value.cameraRotation.y) + 270
+                      longitude: Ue(h.value.cameraRotation.y) + 270
                     }, null, 8, ["style", "longitude"])) : R("", !0),
                     C(Qi, {
-                      "is-mobile-sized": H.value,
-                      "can-zoom-out": de.value.min < de.value.current,
-                      "can-zoom-in": de.value.max > de.value.current,
+                      "is-mobile-sized": Y.value,
+                      "can-zoom-out": ue.value.min < ue.value.current,
+                      "can-zoom-in": ue.value.max > ue.value.current,
                       disabled: I.value,
                       onOnZoomIn: Q[0] || (Q[0] = (he) => De(!0)),
                       onOnZoomOut: Q[1] || (Q[1] = (he) => De(!1))
                     }, null, 8, ["is-mobile-sized", "can-zoom-out", "can-zoom-in", "disabled"])
                   ], 4)) : R("", !0),
-                  Y.showUi && q.value.length > 1 ? (v(), D("div", {
+                  H.showUi && q.value.length > 1 ? (v(), D("div", {
                     key: 1,
                     class: ge([{
                       "actions-bar bottom-center pb-2": !0,
-                      "px-0": H.value
+                      "px-0": Y.value
                     }, "still-cameras-wrapper"]),
                     style: { "z-index": "7" }
                   }, [
                     C(Yi, {
-                      "is-mobile-sized": H.value,
+                      "is-mobile-sized": Y.value,
                       "still-cameras": q.value,
                       "current-camera": h.value,
                       disabled: I.value,
@@ -8045,7 +8047,7 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
                     ref_key: "zoomBox",
                     ref: G,
                     position: "relative",
-                    onUpdate: Be
+                    onUpdate: Re
                   }, {
                     default: b(() => [
                       (v(!0), D(me, null, _e(q.value, (he, ye) => (v(), V(Fi, {
@@ -8082,47 +8084,48 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
                         onOnError: je
                       }, null, 8, ["cdn-file-resolver", "color-callback", "current-camera", "selected-id", "activeStructureIds"])), [
                         [ke, g.value === null]
-                      ]) : R("", !0)
+                      ]) : R("", !0),
+                      ne(H.$slots, "default", {}, void 0, !0)
                     ]),
-                    _: 1
+                    _: 3
                   }, 512),
-                  Y.showUi && (_.value && _.value.timeSamples && _.value.timeSamples.length > 1 || h.value.sunsimDayOfYear && h.value.sunsimDayOfYear.length > 1) ? (v(), D("div", {
+                  H.showUi && (_.value && _.value.timeSamples && _.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,
-                      "px-0": H.value
+                      "px-0": Y.value
                     }),
                     style: { "z-index": "7" }
                   }, [
                     C(Vi, {
                       class: "pr-2",
-                      "is-mobile-sized": H.value,
+                      "is-mobile-sized": Y.value,
                       "current-camera": h.value,
                       "current-day": _.value,
                       disabled: I.value,
                       onOnDayChange: ie
                     }, null, 8, ["is-mobile-sized", "current-camera", "current-day", "disabled"]),
                     C(Wi, {
-                      "is-mobile-sized": H.value,
+                      "is-mobile-sized": Y.value,
                       "current-day": _.value,
                       "current-time": y.value,
                       disabled: I.value,
                       onOnTimeChange: Fe
                     }, null, 8, ["is-mobile-sized", "current-day", "current-time", "disabled"])
                   ], 2)) : R("", !0),
-                  Y.$slots.popup && B.value && M.value ? (v(), V(nt, {
+                  H.$slots.popup && B.value && M.value ? (v(), V(nt, {
                     key: 3,
                     "is-hoverable": X.value,
                     pos: B.value
                   }, {
                     default: b(() => [
                       u("div", lu, [
-                        ne(Y.$slots, "popup", dt(vt({ hoverId: M.value, hoverable: X.value })), void 0, !0)
+                        ne(H.$slots, "popup", dt(vt({ hoverId: M.value, hoverable: X.value })), void 0, !0)
                       ])
                     ]),
                     _: 3
                   }, 8, ["is-hoverable", "pos"])) : R("", !0),
-                  Y.version && Y.showVersion ? (v(), D("div", su, " version: " + Z(Y.version), 1)) : R("", !0)
+                  H.version && H.showVersion ? (v(), D("div", su, " version: " + Z(H.version), 1)) : R("", !0)
                 ], 34)
               ]),
               _: 3
@@ -8137,7 +8140,7 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
       ], 64);
     };
   }
-}), iu = /* @__PURE__ */ ee(ru, [["__scopeId", "data-v-3c195477"]]), hu = {
+}), iu = /* @__PURE__ */ ee(ru, [["__scopeId", "data-v-7d1794db"]]), hu = {
   install: function(t) {
     t.component("VApartmentChooser", Fn), t.component("VBuildingChooser", Ro), t.component("VVirtualTour", ni), t.component("VManualSlideShow", wi), t.component("VStructureChooser", iu);
   }