@qispace/vue3-player 0.3.39 → 0.3.41

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 xe, onBeforeUnmount as Qe, withDirectives as Ce, createElementVNode as u, normalizeStyle as de, vShow as Se, 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 ke, 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 gt from "axios";
 import * as ja from "@qispace/player-core";
 import { Vector3 as it, Object3D as Pa, MathUtils as Wa } from "three";
@@ -123,14 +123,14 @@ const Ga = /* @__PURE__ */ W({
     }), U(Y, () => {
       w.value ? n("hoverOver", {
         hoverUnit: x.value ? x.value.unitId : !1,
-        closeHandler: () => xe()
+        closeHandler: () => De()
       }) : n("hoverOut", {
         hoverUnit: x.value ? x.value.unitId : !1,
-        closeHandler: () => xe()
+        closeHandler: () => De()
       });
     }), U(a, () => {
       n("pos", a.value);
-    }), Ie(() => {
+    }), xe(() => {
       M.value = () => {
         clearTimeout(T.value), Le(), T.value = setTimeout(() => {
           Le();
@@ -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", Ae(ce, 50));
       }, m.value.src = te.value;
     }
-    function de(N) {
+    function ce(N) {
       const K = J(N.offsetX, N.offsetY);
       w.value = K >= 0, f.value = K, a.value = {
         x: N.offsetX,
@@ -250,11 +250,11 @@ const Ga = /* @__PURE__ */ W({
     function we() {
       Fe(), q(), l.value && p.value && l.value.putImageData(p.value, 0, 0);
     }
-    function xe() {
+    function De() {
       w.value = !1;
     }
     const Be = d(!1);
-    function De(N, K) {
+    function Ae(N, K) {
       return Be.value = !0, function(...ve) {
         Be.value && (Be.value = !1, N.apply(this, ve), setTimeout(() => Be.value = !0, K));
       };
@@ -268,10 +268,10 @@ 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]
+        [Se, !N.viewModel.isRotating]
       ]),
       C(We, {
         ref_key: "hoverProbe",
@@ -325,7 +325,7 @@ const Ga = /* @__PURE__ */ W({
           }
         });
       }
-    }), Ie(() => {
+    }), xe(() => {
       for (let M = 1; M <= 4; M++) {
         const P = ue(e.cdnFileResolver, `/scenedata${M}.svg`), I = {
           markup: "",
@@ -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,14 +418,14 @@ 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)
           }, null, 44, qa))), 128))
         ], 8, Za)) : R("", !0)
       ], 4), [
-        [ke, !M.viewModel.isRotating]
+        [Se, !M.viewModel.isRotating]
       ]),
       C(We, {
         ref_key: "hoverProbe",
@@ -449,7 +449,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);
-    Ie(() => {
+    xe(() => {
       window.addEventListener("keydown", m);
     }), Qe(() => {
       window.removeEventListener("keydown", m);
@@ -625,7 +625,7 @@ const on = {
         const T = _(g, y), M = h(g, y);
         i(g, T, M);
       }
-    ), Ie(() => {
+    ), xe(() => {
       w();
     });
     function i(y, g, 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: ce
     });
     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(
@@ -814,7 +814,7 @@ const on = {
       () => {
         n.mobile ? y() : T();
       }
-    ), Ie(() => {
+    ), xe(() => {
       n.desktop && _(), n.mobile && y();
     }), Qe(() => {
       n.desktop && g(), n.mobile && T();
@@ -869,7 +869,7 @@ const on = {
     }
     function M(O) {
       const { x: J, y: q } = S(O);
-      de(-O.deltaY / 10, J, q), O.preventDefault();
+      ce(-O.deltaY / 10, J, q), O.preventDefault();
     }
     function P(O) {
       m.value = !0, f.value = !1, i.value = O;
@@ -906,8 +906,8 @@ const on = {
           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);
+        ), Le = Math.hypot(oe - ie, re - Fe), ze = Math.hypot(J - se, q - be), we = (se + J) / 2, De = (be + q) / 2;
+        ce(ze - Le, we, De);
       }
       i.value = O;
     }
@@ -935,11 +935,11 @@ const on = {
         -(q - J)
       );
     }
-    function de(O, J, q) {
+    function ce(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, Y(0), G(0);
+      const Le = se * c.value, ze = be * c.value, we = Le - ie, De = ze - Fe;
+      r.value -= oe / se * we, l.value -= re / be * De, 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)
@@ -1060,7 +1060,7 @@ const Cn = { key: 0 }, wn = { class: "interactive-viewer" }, kn = { class: "fill
         const I = r.value[_.value];
         I && (p.value.currentScene = I);
       }
-    }), Ie(async () => {
+    }), xe(async () => {
       const I = n.apartmentChooserData && n.apartmentChooserData.startScene !== void 0 ? n.apartmentChooserData.startScene : Dn;
       m.value = n.apartmentChooserData && n.apartmentChooserData.scenes !== void 0 ? n.apartmentChooserData.scenes : e, l.value = n.apartmentChooserData && n.apartmentChooserData.sceneData !== void 0 ? n.apartmentChooserData.sceneData.map((B) => ({
         unitId: B.apartmentID,
@@ -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 ce = 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 ce < j ? -1 : ce > j ? 1 : 0;
         }), B;
       }, X = (B) => {
         p.value = new bn(B);
@@ -1205,7 +1205,7 @@ const Cn = { key: 0 }, wn = { class: "interactive-viewer" }, kn = { class: "fill
       src: e.value,
       width: "100%"
     }, null, 8, Ln)), [
-      [ke, n.timeSampleData === n.currentTime]
+      [Se, n.timeSampleData === n.currentTime]
     ]);
   }
 }), On = /* @__PURE__ */ ee(Mn, [["__scopeId", "data-v-dbbdc1e0"]]), Tn = /* @__PURE__ */ W({
@@ -1253,7 +1253,7 @@ const Cn = { key: 0 }, wn = { class: "interactive-viewer" }, kn = { class: "fill
       src: n.value,
       class: "position-absolute top-left w-100 h-100"
     }, null, 8, Vn)), [
-      [ke, a.transitionData === a.currentTransition]
+      [Se, a.transitionData === a.currentTransition]
     ]);
   }
 }), Bn = /* @__PURE__ */ ee($n, [["__scopeId", "data-v-ecb88391"]]);
@@ -1612,7 +1612,7 @@ const Un = /* @__PURE__ */ W({
       }
     );
     function m() {
-      Ae(() => {
+      ke(() => {
         var f;
         const i = (f = o.value) == null ? void 0 : f.firstChild;
         if (i) {
@@ -1633,7 +1633,7 @@ const Un = /* @__PURE__ */ W({
       });
     }
     function p() {
-      Ae(() => {
+      ke(() => {
         var f;
         const i = (f = o.value) == null ? void 0 : f.firstChild;
         i && (n("updateSvgContainer", i), m(), i.querySelectorAll(
@@ -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"]);
     };
   }
@@ -1944,7 +1944,7 @@ const no = {
     ), m = d(4), p = d(), i = d(!1), f = d(!1), w = d(), k = d(), c = $(() => k.value.isHoverEnabled), h = d({ x: 0, y: 0, width: 0, height: 0 }), _ = d(), y = d(), g = d(
       e.apartmentChooserData
     ), T = d(!1);
-    Ie(() => {
+    xe(() => {
       i.value = !0;
     }), U(i, (j) => {
       j && n("onInitialize");
@@ -2009,7 +2009,7 @@ const no = {
       );
     }
     function X(j) {
-      m.value = j, Ft(g.value.cameras[m.value]) ? l.value = g.value.cameras[m.value] : (Ae(() => {
+      m.value = j, Ft(g.value.cameras[m.value]) ? l.value = g.value.cameras[m.value] : (ke(() => {
         B(
           g.value.cameras[m.value]
         );
@@ -2019,7 +2019,7 @@ const no = {
       const O = o.value;
       a.value = j, m.value = g.value.cameras.findIndex(
         (J) => J === a.value
-      ), Ae(() => {
+      ), ke(() => {
         te(
           a.value.sunsimDayOfYear.find(
             (J) => J.dayOfYear === O.dayOfYear
@@ -2029,7 +2029,7 @@ const no = {
     }
     function te(j) {
       const O = r.value;
-      o.value = j, Ae(() => {
+      o.value = j, ke(() => {
         x(
           o.value.timeSamples.find(
             (J) => J.timeInHours === O.timeInHours
@@ -2056,7 +2056,7 @@ const no = {
     function G(j) {
       n("onHoverOut", j), p.value = void 0;
     }
-    function de(j) {
+    function ce(j) {
       const { layerX: O, layerY: J } = j;
       let q = j.target, oe = !1;
       for (; q; )
@@ -2092,7 +2092,7 @@ const no = {
                   ref_key: "container",
                   ref: y,
                   class: ge({ mobile: T.value }),
-                  onMousemove: de
+                  onMousemove: ce
                 }, [
                   u("div", no, [
                     u("div", oo, [
@@ -2173,7 +2173,7 @@ const no = {
                         onOnHoverOut: G,
                         onUpdateSvgContainer: O[2] || (O[2] = (q) => _.value = q)
                       }, null, 8, ["cdn-file-resolver", "color-callback", "current-camera", "selected-id"]), [
-                        [ke, l.value === null]
+                        [Se, l.value === null]
                       ])
                     ]),
                     _: 1
@@ -2317,7 +2317,7 @@ const no = {
       (p) => {
         n("reset"), m(p);
       }
-    ), Ie(() => {
+    ), xe(() => {
       m(e.imageUrls), new ResizeObserver((p) => {
         window.requestAnimationFrame(() => {
           const i = p[0].contentRect.width, f = p[0].contentRect.height;
@@ -2351,7 +2351,7 @@ const no = {
           onLoad: i[0] || (i[0] = (k) => o.value.partLoaded())
         }, null, 42, bo))), 128))
       ], 512)), [
-        [ke, a.value === "loaded"]
+        [Se, a.value === "loaded"]
       ]) : R("", !0)
     ]));
   }
@@ -2398,7 +2398,7 @@ const no = {
         ), G = parseInt(Y);
         m.value = parseInt(S) * 2 + (G < 15 ? 0 : G > 45 ? 2 : 1);
       }
-    }), Ie(async () => {
+    }), xe(async () => {
       const S = await new ea(
         e.cdnFileResolver
       ).loadBuildingChooser(
@@ -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: ce } of S.buildingOverlays)
+          i.value.loadJson(ce.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: ce, a: j, s: O } = S;
         return {
           strokeWidth: O !== void 0 ? O : 2,
-          stroke: `rgb(${Y}, ${G}, ${de})`,
+          stroke: `rgb(${Y}, ${G}, ${ce})`,
           strokeOpacity: 1,
-          fill: `rgb(${Y}, ${G}, ${de})`,
+          fill: `rgb(${Y}, ${G}, ${ce})`,
           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: ce }, j) => (v(), D("g", {
                       key: j,
-                      innerHTML: de,
+                      innerHTML: ce,
                       "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),
@@ -2535,13 +2535,13 @@ const no = {
                   ], 8, xo))
                 ])
               ], 512)), [
-                [ke, a.value.preloaded]
+                [Se, a.value.preloaded]
               ]) : R("", !0),
               Ce(u("div", {
                 class: "custom-overlay-layer",
                 innerHTML: x.customOverlayContent
               }, null, 8, Ao), [
-                [ke, a.value.preloaded]
+                [Se, a.value.preloaded]
               ])
             ])
           ]),
@@ -2560,7 +2560,7 @@ const no = {
             "is-loading": !a.value.ready
           }, null, 8, ["modelValue", "date-selector", "is-loading"])
         ], 512), [
-          [ke, a.value.preloaded]
+          [Se, a.value.preloaded]
         ]),
         x.showCards && l.value ? (v(), V(nt, {
           key: 0,
@@ -2605,7 +2605,7 @@ const no = {
       (k, c) => {
         (k.r !== c.r || k.g !== c.g || k.b !== c.b || k.a !== c.a) && f();
       }
-    ), Ie(async () => {
+    ), xe(async () => {
       a.value = await o.value.loadImage(e.imageUrl), i();
     });
     function i() {
@@ -2683,7 +2683,7 @@ const no = {
       }
     }), U(f, (x, S) => {
       x ? n("hoverOverBuilding", x) : n("hoverOutBuilding", S);
-    }), Ie(async () => {
+    }), xe(async () => {
       const S = await new ea(
         e.cdnFileResolver
       ).loadBuildingChooser(
@@ -2695,17 +2695,17 @@ const no = {
       }, I()) : c.value = !0;
     });
     function T({ width: x, height: S }) {
-      r.value.width = x, r.value.height = S, Ae(I);
+      r.value.width = x, r.value.height = S, ke(I);
     }
     function M() {
       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: ce } = k.value(S, Y);
       return p.value.getBuildingId(
         i.value,
         G,
-        de
+        ce
       );
     }
     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, {
@@ -2774,7 +2774,7 @@ const no = {
                   color: B(G.id)
                 }, null, 8, ["image-url", "dimensions", "color"]))), 128))
               ], 512), [
-                [ke, o.value.preloaded]
+                [Se, o.value.preloaded]
               ])
             ]),
             u("canvas", Oe(r.value, {
@@ -2788,7 +2788,7 @@ const no = {
               class: "custom-overlay-layer",
               innerHTML: x.customOverlayContent
             }, null, 8, Vo), [
-              [ke, o.value.preloaded]
+              [Se, o.value.preloaded]
             ])
           ]),
           _: 1
@@ -2806,7 +2806,7 @@ const no = {
             "is-loading": !o.value.ready
           }, null, 8, ["modelValue", "date-selector", "is-loading"])
         ], 512), [
-          [ke, o.value.preloaded]
+          [Se, o.value.preloaded]
         ]),
         x.showCards && f.value ? (v(), V(nt, {
           key: 0,
@@ -2890,7 +2890,7 @@ const no = {
       src: e.value,
       width: "100%"
     }, null, 8, Uo)), [
-      [ke, n.timeSampleData === n.currentTime]
+      [Se, n.timeSampleData === n.currentTime]
     ]);
   }
 }), Yo = /* @__PURE__ */ ee(Ho, [["__scopeId", "data-v-9866b8c2"]]), zo = /* @__PURE__ */ W({
@@ -3144,7 +3144,7 @@ const no = {
       }
     );
     function m() {
-      Ae(() => {
+      ke(() => {
         var f;
         const i = (f = o.value) == null ? void 0 : f.firstChild;
         if (!i.hasAttribute("viewBox")) {
@@ -3160,7 +3160,7 @@ const no = {
       });
     }
     function p() {
-      Ae(() => {
+      ke(() => {
         var f;
         const i = (f = o.value) == null ? void 0 : f.firstChild;
         i && (n("updateSvgContainer", i), m(), i.querySelectorAll("[data-building-id]").forEach((k) => {
@@ -3270,7 +3270,7 @@ const tl = {
     const e = s, n = t, a = d(), o = d(), r = d(), l = d(), m = d(!1), p = d(), i = $(() => p.value.isHoverEnabled), f = d({ x: 0, y: 0, width: 0, height: 0 }), w = d(), k = d(), c = d(
       e.buildingChooserData
     ), h = d(!1);
-    Ie(() => m.value = !0), U(m, (L) => {
+    xe(() => m.value = !0), U(m, (L) => {
       L && n("onInitialize");
     }), U(
       () => k.value,
@@ -3322,7 +3322,7 @@ const tl = {
     );
     function y(L) {
       const X = o.value;
-      a.value = L, Ae(() => {
+      a.value = L, ke(() => {
         g(
           a.value.sunsimDayOfYear.find(
             (B) => B.dayOfYear === X.dayOfYear
@@ -3332,7 +3332,7 @@ const tl = {
     }
     function g(L) {
       const X = r.value;
-      o.value = L, Ae(() => {
+      o.value = L, ke(() => {
         T(
           o.value.timeSamples.find(
             (B) => B.timeInHours === X.timeInHours
@@ -3554,7 +3554,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
     ), U(
       [a],
       async () => {
-        await _(), Ae(async () => {
+        await _(), ke(async () => {
           await h();
         });
       },
@@ -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)
         ])
       ])
@@ -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);
     };
@@ -4929,7 +4929,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
     t({
       bodyWidth: e,
       bodyHeight: n
-    }), Ie(() => {
+    }), xe(() => {
       o(document.getElementById("moveableDiv")), a(document.querySelector("#moveableDiv"));
     });
     const a = (r) => {
@@ -5037,7 +5037,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
     })), M = $(() => ({
       transform: `scale(${t.fit ? 1 : w.value * 0.75}) rotate(${t.transformAngle}deg)`
     }));
-    Ie(() => {
+    xe(() => {
       B(), I(), te();
       const x = document.getElementById("moveableDiv");
       x && (i.value = new ResizeObserver(te).observe(x));
@@ -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",
@@ -5166,7 +5166,7 @@ const hl = { id: "player-wrapper" }, gl = { id: "player-sizer" }, yl = {
       }
       return "";
     });
-    Ie(async () => {
+    xe(async () => {
       l.value = await c(
         p.value.sunsimFiles[a.value]
       ), n("setBackgroundImage", l.value), r.value = !1;
@@ -5551,7 +5551,7 @@ const Fr = { class: "d-flex align-center" }, Lr = { class: "d-block mr-1" }, Mr
     }), r = $(() => /Android|webOS|iPhone|iPad|BlackBerry|Windows Phone|Opera Mini|IEMobile|Mobile/i.test(
       window.navigator.userAgent
     ));
-    Ie(() => {
+    xe(() => {
       window.addEventListener("keydown", l);
     }), Qe(() => {
       window.removeEventListener("keydown", l);
@@ -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), ce = 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), De = d(!1), Be = d(), Ae = d(!1), N = d(!1), K = d(
       new ia(document, "player-wrapper")
     ), ve = d(), je = $(() => {
       if (O.value) {
@@ -6022,10 +6022,10 @@ const Nr = {
         );
         let le = [...new Set(z)];
         le = le.sort();
-        const Se = le.findIndex(
+        const Ie = le.findIndex(
           (Xe) => Xe === Le.value
         );
-        Se !== -1 && (F = Se);
+        Ie !== -1 && (F = Ie);
       }
       return F;
     }), H = $(() => he.value.findIndex(
@@ -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);
+          ce.value = !0, S("onError", F);
         }
       },
       { immediate: !0 }
@@ -6092,8 +6092,8 @@ const Nr = {
         M.value === "virtualTour" && (we.value = !1), M.value === "slideShow" && (we.value = !0, N.value = !0);
       },
       { immediate: !0 }
-    ), U(De, () => {
-      if (De.value) {
+    ), U(Ae, () => {
+      if (Ae.value) {
         N.value = !1;
         const F = Je(ie.value);
         Be.value = F[0].timeSamples.find(
@@ -6101,13 +6101,13 @@ const Nr = {
         );
       } else
         N.value = !0, oe.value.unloadSunSim();
-    }), Ie(async () => {
+    }), xe(async () => {
       try {
         ua.value ? (Y.value = !1, N.value = !0) : setTimeout(() => {
           Y.value = !0;
         }, 1e3);
       } catch (F) {
-        de.value = !0, S("onError", F);
+        ce.value = !0, S("onError", F);
       }
     }), Qe(() => {
       document.removeEventListener("wheel", St);
@@ -6244,11 +6244,11 @@ const Nr = {
       F < 0 && (F = Q.value.length - 1), re.value = F, pt(Q.value[re.value].id);
     }
     function xt(F, z = !0) {
-      let le = Q.value.findIndex((Se) => Se.id === F);
+      let le = Q.value.findIndex((Ie) => Ie.id === F);
       le != -1 && (re.value = le, z && pt(F));
     }
     function pt(F) {
-      De.value = !1, be.value = F;
+      Ae.value = !1, be.value = F;
     }
     function Ut(F) {
       se.value = F, Ca(), S("onInteriorUpdate", F), S("onCameraUpdate", ie.value, O.value);
@@ -6311,7 +6311,7 @@ const Nr = {
       we.value = !we.value;
     }
     async function zt() {
-      const F = 180 / Math.PI, z = await oe.value.takePhoto(), le = oe.value.getRotationEuler(), Se = oe.value.getCurrentCamera(), Xe = new to(z, Se), $a = [
+      const F = 180 / Math.PI, z = await oe.value.takePhoto(), le = oe.value.getRotationEuler(), Ie = oe.value.getCurrentCamera(), Xe = new to(z, Ie), $a = [
         le.x * -F,
         le.y * -F,
         le.z * F
@@ -6357,9 +6357,9 @@ 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),
+        ce.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 && Ye.value && se.value && De.value ? (v(), V(Nt, {
             key: 0,
             "cdn-file-resolver": A(a),
             "apartment-json": O.value,
@@ -6367,7 +6367,7 @@ const Nr = {
             "minimap-json": q.value,
             rotation: Fe.value,
             "current-camera": ie.value,
-            onClose: z[0] || (z[0] = (Se) => xe.value = !1)
+            onClose: z[0] || (z[0] = (Ie) => De.value = !1)
           }, null, 8, ["cdn-file-resolver", "apartment-json", "level", "minimap-json", "rotation", "current-camera"])) : R("", !0),
           se.value && be.value ? (v(), D("div", {
             key: 1,
@@ -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),
@@ -6404,16 +6404,16 @@ const Nr = {
                   icon: "mdi-cog-outline",
                   elevation: "3",
                   class: "mr-2",
-                  onClick: z[1] || (z[1] = (Se) => G.value = !G.value)
+                  onClick: z[1] || (z[1] = (Ie) => G.value = !G.value)
                 })) : R("", !0),
                 Ce(C(le, {
                   density: "comfortable",
                   icon: "mdi-alert-outline",
                   elevation: "3",
                   class: "mr-2",
-                  onClick: z[2] || (z[2] = (Se) => Y.value = !Y.value)
+                  onClick: z[2] || (z[2] = (Ie) => Y.value = !Y.value)
                 }, null, 512), [
-                  [ke, N.value]
+                  [Se, N.value]
                 ]),
                 q.value && be.value && Ye.value ? Ce((v(), V(le, {
                   key: 1,
@@ -6421,9 +6421,9 @@ const Nr = {
                   elevation: "3",
                   icon: "mdi-floor-plan",
                   class: "mr-2",
-                  onClick: z[3] || (z[3] = (Se) => xe.value = !xe.value)
+                  onClick: z[3] || (z[3] = (Ie) => De.value = !De.value)
                 }, null, 512)), [
-                  [ke, N.value]
+                  [Se, N.value]
                 ]) : R("", !0),
                 N.value && A(g) && je.value.length > 1 ? (v(), V(Vl, {
                   key: 2,
@@ -6444,17 +6444,17 @@ const Nr = {
                 O.value && A(w) ? Ce((v(), D("div", Zr, [
                   C(Nl, { rotation: Fe.value }, null, 8, ["rotation"])
                 ], 512)), [
-                  [ke, N.value]
+                  [Se, N.value]
                 ]) : R("", !0),
                 u("div", {
-                  onClick: z[4] || (z[4] = (Se) => xe.value = !xe.value)
+                  onClick: z[4] || (z[4] = (Ie) => De.value = !De.value)
                 }, [
                   N.value && O.value && rt.value && A(f) ? (v(), V(Xl, {
                     key: 0,
                     hours: Ue.value.hours,
                     minutes: Ue.value.minutes,
                     class: "time-of-day",
-                    style: ce({
+                    style: de({
                       cursor: q.value && ie.value && Ye.value ? "pointer" : "default"
                     })
                   }, null, 8, ["hours", "minutes", "style"])) : R("", !0)
@@ -6477,9 +6477,9 @@ const Nr = {
               "center-center": b(() => [
                 Y.value ? (v(), V(Vs, {
                   key: 0,
-                  onCloseTutorial: z[5] || (z[5] = (Se) => ca(Se))
+                  onCloseTutorial: z[5] || (z[5] = (Ie) => ca(Ie))
                 })) : R("", !0),
-                K.value.isActive && q.value && ie.value && Ye.value && xe.value ? (v(), V(Nt, {
+                K.value.isActive && q.value && ie.value && Ye.value && De.value ? (v(), V(Nt, {
                   key: 1,
                   "cdn-file-resolver": A(a),
                   "apartment-json": O.value,
@@ -6487,7 +6487,7 @@ const Nr = {
                   rotation: Fe.value,
                   "current-camera": ie.value,
                   level: Re.value,
-                  onClose: z[6] || (z[6] = (Se) => xe.value = !1)
+                  onClose: z[6] || (z[6] = (Ie) => De.value = !1)
                 }, null, 8, ["cdn-file-resolver", "apartment-json", "minimap-json", "rotation", "current-camera", "level"])) : R("", !0)
               ]),
               "center-right": b(() => [
@@ -6542,18 +6542,18 @@ const Nr = {
                         !Pe.value && Ge.value(ie.value) ? (v(), V(Er, {
                           key: 0,
                           class: "ml-2",
-                          displaySunsim: De.value,
+                          displaySunsim: Ae.value,
                           showUI: N.value,
-                          onToggleSunStudy: z[7] || (z[7] = (Se) => De.value = !De.value)
+                          onToggleSunStudy: z[7] || (z[7] = (Ie) => Ae.value = !Ae.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 && Ae.value && Ge.value(ie.value) && Je(ie.value)[0] && Be.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,
                         onOnTimeChange: Ht,
-                        onToggleSunStudy: z[8] || (z[8] = (Se) => De.value = !De.value)
+                        onToggleSunStudy: z[8] || (z[8] = (Ie) => Ae.value = !Ae.value)
                       }, null, 8, ["current-day", "current-time"])) : R("", !0),
                       !Ne.value && N.value && A(i) ? (v(), V(_t, {
                         key: 1,
@@ -6569,7 +6569,7 @@ const Nr = {
                           F.enableAutoplay && N.value && !Ne.value ? (v(), V(Qt, {
                             key: 0,
                             autoplayStatus: Pe.value,
-                            onToggleAutoPlay: z[9] || (z[9] = (Se) => Pt())
+                            onToggleAutoPlay: z[9] || (z[9] = (Ie) => Pt())
                           }, null, 8, ["autoplayStatus"])) : R("", !0)
                         ]),
                         _: 1
@@ -6608,7 +6608,7 @@ const Nr = {
                     F.enableAutoplay && N.value ? (v(), V(Qt, {
                       key: 0,
                       autoplayStatus: Pe.value,
-                      onToggleAutoPlay: z[10] || (z[10] = (Se) => Pt())
+                      onToggleAutoPlay: z[10] || (z[10] = (Ie) => Pt())
                     }, null, 8, ["autoplayStatus"])) : R("", !0)
                   ]),
                   _: 1
@@ -6617,13 +6617,13 @@ 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 && Ae.value && Ge.value(ie.value) && Je(ie.value)[0] && Be.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,
                 onOnTimeChange: Ht,
-                onToggleSunStudy: z[11] || (z[11] = (Se) => De.value = !De.value)
+                onToggleSunStudy: z[11] || (z[11] = (Ie) => Ae.value = !Ae.value)
               }, null, 8, ["current-day", "current-time"])) : R("", !0)
             ])) : R("", !0)
           ], 2)) : R("", !0),
@@ -6726,7 +6726,7 @@ const Nr = {
         thumbnailUrl: i
       })
     )), o = $(() => a.value[e.value]);
-    Ie(() => {
+    xe(() => {
       n.value.setup();
     });
     function r() {
@@ -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
@@ -6959,7 +6959,7 @@ const Nr = {
       src: o.value,
       width: "100%"
     }, null, 8, Si)), [
-      [ke, A(a) && A(e) === A(a)]
+      [Se, A(a) && A(e) === A(a)]
     ]);
   }
 }), xi = /* @__PURE__ */ ee(Ii, [["__scopeId", "data-v-a12a9cdb"]]), Di = /* @__PURE__ */ W({
@@ -7004,7 +7004,7 @@ const Nr = {
       src: r.value,
       width: "100%"
     }, null, 8, Ai)), [
-      [ke, A(a) === A(e)]
+      [Se, A(a) === A(e)]
     ]);
   }
 }), Li = ["src"], Mi = /* @__PURE__ */ W({
@@ -7021,7 +7021,7 @@ const Nr = {
       src: o.value,
       class: "position-absolute top-left w-100 h-100"
     }, null, 8, Li)), [
-      [ke, A(e) === A(a)]
+      [Se, A(e) === A(a)]
     ]);
   }
 }), Oi = /* @__PURE__ */ ee(Mi, [["__scopeId", "data-v-ea8553ab"]]);
@@ -7170,7 +7170,7 @@ const Ti = {
             c.cameraName ? (v(), D("div", Ri, Z(c.cameraName), 1)) : R("", !0),
             u("div", {
               class: "camera-thumbnail-image",
-              style: ce({
+              style: de({
                 backgroundImage: `url(${A(ue)(
                   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"
@@ -7368,7 +7368,7 @@ const Ti = {
       }
     );
     function w() {
-      Ae(() => {
+      ke(() => {
         var h;
         const c = (h = i.value) == null ? void 0 : h.firstChild;
         if (c) {
@@ -7396,7 +7396,7 @@ const Ti = {
       { immediate: !0, deep: !0 }
     );
     function k() {
-      Ae(() => {
+      ke(() => {
         var h;
         const c = (h = i.value) == null ? void 0 : h.firstChild;
         if (c) {
@@ -7431,7 +7431,7 @@ const Ti = {
           style: { "z-index": "5" },
           innerHTML: p.value
         }, null, 8, Zi)), [
-          [ke, m.value]
+          [Se, m.value]
         ])
       ]),
       _: 1
@@ -7769,7 +7769,7 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
       $e,
       l.value ? new He(l.value) : new He()
     );
-    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(), ce = d({
       current: 100,
       min: 100,
       max: 1e3
@@ -7780,7 +7780,8 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
         currentDay: _.value,
         currentTime: y.value,
         currentTransition: g.value,
-        currentScene: T.value
+        currentScene: T.value,
+        currentZoom: ce.value.current
       }),
       setState: ({
         currentCamera: H,
@@ -7789,9 +7790,19 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
         currentTransition: he,
         currentScene: ye
       }) => {
-        h.value = H, _.value = Q, y.value = fe, g.value = he, T.value = ye;
+        ke(() => {
+          h.value = H, ke(() => {
+            _.value = Q, ke(() => {
+              y.value = fe, ke(() => {
+                g.value = he, ke(() => {
+                  T.value = ye;
+                });
+              });
+            });
+          });
+        });
       }
-    }), Ie(() => {
+    }), xe(() => {
       P.value = !0, j.value = !1;
     }), U(
       a,
@@ -7866,7 +7877,7 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
       );
     }
     function se(H) {
-      T.value = H, Lt(S.value.cameras[T.value]) ? g.value = S.value.cameras[T.value] : (Ae(() => {
+      T.value = H, Lt(S.value.cameras[T.value]) ? g.value = S.value.cameras[T.value] : (ke(() => {
         be(
           S.value.cameras[T.value]
         );
@@ -7876,7 +7887,7 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
       const Q = _.value;
       h.value = H, T.value = S.value.cameras.findIndex(
         (fe) => fe === h.value
-      ), Ae(() => {
+      ), ke(() => {
         h.value.sunsimDayOfYear && h.value.sunsimDayOfYear.length > 0 && ie(
           h.value.sunsimDayOfYear.find(
             (fe) => fe.dayOfYear === Q.dayOfYear
@@ -7886,7 +7897,7 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
     }
     function ie(H) {
       const Q = y.value;
-      _.value = H, Ae(() => {
+      _.value = H, ke(() => {
         Fe(
           _.value.timeSamples.find(
             (fe) => fe.timeInHours === Q.timeInHours
@@ -7913,7 +7924,7 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
     function we(H) {
       c("onHoverOut", H), M.value = void 0;
     }
-    function xe(H) {
+    function De(H) {
       const { layerX: Q, layerY: fe } = H;
       let he = H.target, ye = !1;
       for (; he; )
@@ -7939,9 +7950,9 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
       max: Q,
       current: fe
     }) {
-      de.value = { min: H, max: Q, current: fe };
+      ce.value = { min: H, max: Q, current: fe };
     }
-    function De(H) {
+    function Ae(H) {
       G.value.adjustZoom(H ? 10 : -10);
     }
     function N(H) {
@@ -7995,12 +8006,12 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
                   ref: x,
                   class: ge({ mobile: Y.value }),
                   style: { "min-height": "104px" },
-                  onMousemove: xe
+                  onMousemove: De
                 }, [
                   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,7 +8019,7 @@ 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
@@ -8017,11 +8028,11 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
                     }, 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": ce.value.min < ce.value.current,
+                      "can-zoom-in": ce.value.max > ce.value.current,
                       disabled: I.value,
-                      onOnZoomIn: Q[0] || (Q[0] = (he) => De(!0)),
-                      onOnZoomOut: Q[1] || (Q[1] = (he) => De(!1))
+                      onOnZoomIn: Q[0] || (Q[0] = (he) => Ae(!0)),
+                      onOnZoomOut: Q[1] || (Q[1] = (he) => Ae(!1))
                     }, null, 8, ["is-mobile-sized", "can-zoom-out", "can-zoom-in", "disabled"])
                   ], 4)) : R("", !0),
                   H.showUi && q.value.length > 1 ? (v(), D("div", {
@@ -8081,7 +8092,7 @@ const ou = ["innerHTML"], lu = { style: { "z-index": "7" } }, su = {
                         onUpdateSvgContainer: Q[2] || (Q[2] = (he) => te.value = he),
                         onOnError: je
                       }, null, 8, ["cdn-file-resolver", "color-callback", "current-camera", "selected-id", "activeStructureIds"])), [
-                        [ke, g.value === null]
+                        [Se, g.value === null]
                       ]) : R("", !0),
                       ne(H.$slots, "default", {}, void 0, !0)
                     ]),
@@ -8138,7 +8149,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-f8812888"]]), hu = {
   install: function(t) {
     t.component("VApartmentChooser", Fn), t.component("VBuildingChooser", Ro), t.component("VVirtualTour", ni), t.component("VManualSlideShow", wi), t.component("VStructureChooser", iu);
   }