@qispace/vue3-player 0.3.39 → 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,7 +82,7 @@ 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 = $(() => ({
@@ -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(), H = (K / je).toFixed(), Q = Number(H) * (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,9 +197,9 @@ 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 H = e.colorCallback(K.unitId, Re);
+            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]] = 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;
@@ -907,7 +907,7 @@ const on = {
         ), { 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;
     }
@@ -935,7 +935,7 @@ 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;
@@ -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);
@@ -1074,12 +1074,12 @@ const Cn = { key: 0 }, wn = { class: "interactive-viewer" }, kn = { class: "fill
         for (let Y = 0; Y < Ot; Y++)
           S.push(x), x = Kt(x);
         return B.sort((Y, G) => {
-          const de = S.findIndex(
+          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);
@@ -2056,7 +2056,7 @@ const no = {
     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, [
@@ -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,7 +2391,7 @@ 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, Y] = /^(\d\d):(\d\d)$/.exec(
           e.buildingChooserTimeOfDay
@@ -2410,8 +2410,8 @@ const no = {
           viewLongitude: S.viewLongitude
         };
         const Y = [];
-        for (let { id: G, url: de } of S.buildingOverlays)
-          i.value.loadJson(de.replace(".png", ".svg")).then((j) => {
+        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"), Y.push({
               id: G,
@@ -2441,12 +2441,12 @@ const no = {
         x === l.value ? "hover" : "idle"
       );
       if (S) {
-        const { r: Y, 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(${Y}, ${G}, ${de})`,
+          stroke: `rgb(${Y}, ${G}, ${ue})`,
           strokeOpacity: 1,
-          fill: `rgb(${Y}, ${G}, ${de})`,
+          fill: `rgb(${Y}, ${G}, ${ue})`,
           fillOpacity: j / 255,
           cursor: `${e.canGoToBuildingCallback(x) ? "cursor" : "default"} !important`
         };
@@ -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,7 +2674,7 @@ const no = {
       var x;
       return (x = h.value) == null ? void 0 : x.isHoverEnabled;
     });
-    Ve(() => {
+    $e(() => {
       if (e.buildingChooserTimeOfDay) {
         const [x, S, Y] = /^(\d\d):(\d\d)$/.exec(
           e.buildingChooserTimeOfDay
@@ -2701,11 +2701,11 @@ const no = {
       o.value = { preloaded: !1, ready: !1 };
     }
     function P(x) {
-      const { layerX: S, layerY: Y } = x, { x: G, y: de } = k.value(S, Y);
+      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() {
@@ -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",
@@ -5086,15 +5086,15 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
       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, (Y) => (v(), D("div", {
               key: Y.id
@@ -5102,13 +5102,13 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
               c.value.floorLevel === Y.floorLevel ? (v(), D("div", {
                 key: 0,
                 class: "single-camera-marker",
-                style: ce(L(Y))
+                style: de(L(Y))
               }, null, 4)) : R("", !0),
               ne(x.$slots, "default", {
                 id: Y.id,
                 camera: Y,
                 active: c.value.id === Y.id,
-                style: ce({
+                style: de({
                   ...L(Y),
                   position: "absolute",
                   zIndex: "3"
@@ -5118,7 +5118,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
                   key: 0,
                   class: "rotation-marker-component-base rotation-marker-component",
                   rotation: h.value,
-                  style: ce({ ...L(Y) })
+                  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 Y = 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(
@@ -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,7 +6096,7 @@ 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
@@ -6107,7 +6107,7 @@ const Nr = {
           Y.value = !0;
         }, 1e3);
       } catch (F) {
-        de.value = !0, S("onError", F);
+        ue.value = !0, S("onError", F);
       }
     }), Qe(() => {
       document.removeEventListener("wheel", St);
@@ -6116,7 +6116,7 @@ const Nr = {
       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),
@@ -6415,7 +6415,7 @@ const Nr = {
                 }, 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,
@@ -6479,19 +6479,19 @@ const Nr = {
                   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),
@@ -6592,7 +6592,7 @@ const Nr = {
               ]),
               _: 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(), Y = 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,16 +7780,18 @@ 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: H,
         currentDay: Q,
         currentTime: fe,
         currentTransition: he,
-        currentScene: ye
+        currentScene: ye,
+        currentZoom: Ee
       }) => {
-        h.value = H, _.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;
@@ -7923,23 +7925,23 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
         } else
           he = he.parentElement;
       if (ye) {
-        const Ye = H.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", H, B.value);
     }
-    function Be({
+    function Re({
       min: H,
       max: Q,
       current: fe
     }) {
-      de.value = { min: H, max: Q, current: fe };
+      ue.value = { min: H, max: Q, current: fe };
     }
     function De(H) {
       G.value.adjustZoom(H ? 10 : -10);
@@ -7953,12 +7955,12 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
       const Q = T.value;
       if (S.value.loopable) {
         const fe = S.value.stillCameraIndices.length, he = N(Q), ye = N(H);
-        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; )
+        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, H) : Ye < 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);
+        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, H);
     }
@@ -7978,7 +7980,7 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
     function je(H) {
       j.value = !0, c("onError", H);
     }
-    const Re = (H) => H * (180 / Math.PI);
+    const Ue = (H) => H * (180 / Math.PI);
     return (H, Q) => {
       const fe = E("v-skeleton-loader");
       return v(), D(me, null, [
@@ -7988,7 +7990,7 @@ 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",
@@ -8000,7 +8002,7 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
                   H.showUi ? (v(), D("div", {
                     key: 0,
                     class: "persistent actions-bar top-right pa-2",
-                    style: ce({
+                    style: de({
                       zIndex: 7,
                       top: Y.value && q.value.length > 1 ? "60px" : 0
                     })
@@ -8008,17 +8010,17 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
                     h.value.cameraRotation ? (v(), V(lt, {
                       key: 0,
                       class: "mb-2",
-                      style: ce({
+                      style: de({
                         zIndex: 7,
                         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": Y.value,
-                      "can-zoom-out": de.value.min < de.value.current,
-                      "can-zoom-in": de.value.max > de.value.current,
+                      "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))
@@ -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, {
@@ -8138,7 +8140,7 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
       ], 64);
     };
   }
-}), iu = /* @__PURE__ */ ee(ru, [["__scopeId", "data-v-23534b19"]]), 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);
   }