npm - @qispace/vue3-player - Versions diffs - 0.4.12 → 0.4.14 - Mend

@qispace/vue3-player 0.4.12 → 0.4.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/vue-components/src/components/virtualTour/VVirtualTour.vue.d.ts +2 -0
package/dist/vue-components/style.css +1 -1
package/dist/vue-components/vue3-player.js +377 -377
package/dist/vue-components/vue3-player.umd.cjs +1 -1
package/package.json +2 -2

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

@@ -13,12 +13,12 @@ const Dn = /* @__PURE__ */ N({
   },
   emits: ["outside"],
   setup(t, { emit: n }) {
-    const o = t, l = n, r = D(() => {
-      let a, s, i, f;
-      return o.pos.x <= o.pos.width / 2 ? (a = "-100%", i = "-8px") : (a = "0%", i = "8px"), o.pos.y <= o.pos.height / 2 ? (s = "-100%", f = "-8px") : (s = "0%", f = "8px"), `translate(${a}, ${s}) translate(${i}, ${f})`;
+    const o = t, l = n, i = D(() => {
+      let a, s, r, f;
+      return o.pos.x <= o.pos.width / 2 ? (a = "-100%", r = "-8px") : (a = "0%", r = "8px"), o.pos.y <= o.pos.height / 2 ? (s = "-100%", f = "-8px") : (s = "0%", f = "8px"), `translate(${a}, ${s}) translate(${r}, ${f})`;
     });
     return (a, s) => {
-      const i = E("v-dialog"), f = E("v-fade-transition");
+      const r = E("v-dialog"), f = E("v-fade-transition");
       return u(), O(f, {
         origin: `top left ${a.pos.x} ${a.pos.y}`
       }, {
@@ -30,11 +30,11 @@ const Dn = /* @__PURE__ */ N({
               left: `${a.pos.x}px`,
               top: `${a.pos.y}px`,
               pointerEvents: "none",
-              transform: r.value
+              transform: i.value
             })
           }, [
             ee(a.$slots, "default", { isHoverable: a.isHoverable }, void 0, !0)
-          ], 4)) : (u(), O(i, {
+          ], 4)) : (u(), O(r, {
             key: 1,
             value: !0,
             width: "auto",
@@ -52,8 +52,8 @@ const Dn = /* @__PURE__ */ N({
   }
 }), te = (t, n) => {
   const o = t.__vccOpts || t;
-  for (const [l, r] of n)
-    o[l] = r;
+  for (const [l, i] of n)
+    o[l] = i;
   return o;
 }, Bn = /* @__PURE__ */ te(Dn, [["__scopeId", "data-v-7d5e6067"]]), On = /* @__PURE__ */ N({
   __name: "VHoverProbe",
@@ -61,7 +61,7 @@ const Dn = /* @__PURE__ */ N({
     const o = _(), l = D(() => window.getComputedStyle(o.value).display === "none");
     return n({
       isHoverEnabled: l
-    }), (r, a) => (u(), L("div", {
+    }), (i, a) => (u(), L("div", {
       ref_key: "hoverCheck",
       ref: o,
       class: "hover-check"
@@ -77,7 +77,7 @@ const Dn = /* @__PURE__ */ N({
       transform: `rotate(${90 - (n.longitude || 0)}deg)`,
       transition: " transform 0.5s ease-in"
     }));
-    return (l, r) => {
+    return (l, i) => {
       const a = E("v-img");
       return u(), O(a, {
         src: p($n),
@@ -97,15 +97,15 @@ const Dn = /* @__PURE__ */ N({
   },
   emits: ["update"],
   setup(t, { expose: n, emit: o }) {
-    const l = t, r = o;
+    const l = t, i = o;
     n({
       adjustZoom: Ce
     });
-    const a = _(100), s = _(0), i = _(0), f = _(!1), g = _(!1), h = _(void 0), k = _(!1), C = _(), F = D(() => `translateX(${s.value}px) translateY(${i.value}px) scale(${w.value})`), w = D(() => a.value / 100), d = D(() => l.maxScale * 100);
+    const a = _(100), s = _(0), r = _(0), f = _(!1), g = _(!1), h = _(void 0), k = _(!1), C = _(), F = D(() => `translateX(${s.value}px) translateY(${r.value}px) scale(${w.value})`), w = D(() => a.value / 100), d = D(() => l.maxScale * 100);
     Y(
-      [w, s, i],
+      [w, s, r],
       () => {
-        re();
+        ie();
       },
       { immediate: !0 }
     ), Y(
@@ -180,11 +180,11 @@ const Dn = /* @__PURE__ */ N({
     }
     function $(B) {
       if (f.value) {
-        const { x: q, y: Q } = M(B), { x: W, y: se } = M(h.value), K = {
-          x: q - W,
+        const { x: q, y: Q } = M(B), { x: j, y: se } = M(h.value), K = {
+          x: q - j,
           y: Q - se
         };
-        j(K.x), me(K.y), k.value = !0, h.value = B;
+        W(K.x), me(K.y), k.value = !0, h.value = B;
       }
     }
     function G(B) {
@@ -198,19 +198,19 @@ const Dn = /* @__PURE__ */ N({
     }
     function ye(B) {
       if (f.value) {
-        const { x: q, y: Q } = M(B.touches[0]), { x: W, y: se } = M(
+        const { x: q, y: Q } = M(B.touches[0]), { x: j, y: se } = M(
           h.value.touches[0]
         ), K = {
-          x: q - W,
+          x: q - j,
           y: Q - se
         };
-        j(K.x), me(K.y);
+        W(K.x), me(K.y);
       } else if (g.value && B.touches.length === 2) {
-        const { x: q, y: Q } = M(B.touches[0]), { x: W, y: se } = M(
+        const { x: q, y: Q } = M(B.touches[0]), { x: j, y: se } = M(
           h.value.touches[0]
-        ), { x: K, y: ie } = M(B.touches[1]), { x: J, y: _e } = M(
+        ), { x: K, y: re } = M(B.touches[1]), { x: J, y: _e } = M(
           h.value.touches[1]
-        ), xe = Math.hypot(W - J, se - _e), De = Math.hypot(q - K, Q - ie), fe = (K + q) / 2, he = (ie + Q) / 2;
+        ), xe = Math.hypot(j - J, se - _e), De = Math.hypot(q - K, Q - re), fe = (K + q) / 2, he = (re + Q) / 2;
         Ce(De - xe, fe, he);
       }
       h.value = B;
@@ -225,7 +225,7 @@ const Dn = /* @__PURE__ */ N({
         y: B.clientY - Q
       };
     }
-    function j(B) {
+    function W(B) {
       const q = C.value.clientWidth, Q = q * w.value;
       s.value = Math.max(
         Math.min(0, s.value + B),
@@ -234,27 +234,27 @@ const Dn = /* @__PURE__ */ N({
     }
     function me(B) {
       const q = C.value.clientHeight, Q = q * w.value;
-      i.value = Math.max(
-        Math.min(0, i.value + B),
+      r.value = Math.max(
+        Math.min(0, r.value + B),
         -(Q - q)
       );
     }
     function Ce(B, q, Q) {
-      const W = q !== void 0 ? q : C.value.clientWidth / 2, se = Q !== void 0 ? Q : C.value.clientHeight / 2, K = C.value.clientWidth, ie = C.value.clientHeight, J = K * w.value, _e = ie * w.value;
+      const j = q !== void 0 ? q : C.value.clientWidth / 2, se = Q !== void 0 ? Q : C.value.clientHeight / 2, K = C.value.clientWidth, re = C.value.clientHeight, J = K * w.value, _e = re * w.value;
       a.value = Math.min(Math.max(100, a.value + B), d.value);
-      const xe = K * w.value, De = ie * w.value, fe = xe - J, he = De - _e;
-      s.value -= W / K * fe, i.value -= se / ie * he, j(0), me(0);
+      const xe = K * w.value, De = re * w.value, fe = xe - J, he = De - _e;
+      s.value -= j / K * fe, r.value -= se / re * he, W(0), me(0);
     }
-    function re() {
-      r("update", {
+    function ie() {
+      i("update", {
         scale: w.value,
         x: s.value,
-        y: i.value,
+        y: r.value,
         current: Math.min(Math.max(100, a.value), d.value),
         min: 100,
         max: d.value,
         resolve: (B, q) => {
-          const Q = C.value.clientWidth, W = C.value.clientHeight, se = s.value / -w.value, K = i.value / -w.value, ie = se + Q / w.value, J = K + W / w.value, _e = B / Q * (ie - se) + se, xe = q / W * (J - K) + K;
+          const Q = C.value.clientWidth, j = C.value.clientHeight, se = s.value / -w.value, K = r.value / -w.value, re = se + Q / w.value, J = K + j / w.value, _e = B / Q * (re - se) + se, xe = q / j * (J - K) + K;
           return { x: _e, y: xe };
         }
       });
@@ -337,21 +337,21 @@ const Qn = { id: "player-wrapper" }, Zn = { id: "player-sizer" }, qn = {
         );
       }
     });
-    const r = t, {
+    const i = t, {
       cdnFileResolver: a,
       interiorId: s,
-      apartmentId: i,
+      apartmentId: r,
       currentCameraId: f,
       showStaticImage: g,
       mouseSensitivity: h
-    } = we(r), k = o, C = _(), F = _(f.value), w = _(0), d = _(0), v = _(!1);
+    } = we(i), k = o, C = _(), F = _(f.value), w = _(0), d = _(0), v = _(!1);
     Y(f, () => {
       F.value = f.value;
-    }), Y([s, i], async () => {
+    }), Y([s, r], async () => {
       C.value && await C.value.loadInterior(
         (A) => pe(
           a.value,
-          `/${s.value}/${i.value}${A}`
+          `/${s.value}/${r.value}${A}`
         ),
         F.value,
         !1
@@ -404,7 +404,7 @@ const Qn = { id: "player-wrapper" }, Zn = { id: "player-sizer" }, qn = {
       const de = await new l.Main(
         (H) => pe(
           a.value,
-          `/${s.value}/${i.value}${H}`
+          `/${s.value}/${r.value}${H}`
         ),
         "qpc",
         G,
@@ -460,11 +460,11 @@ const Qn = { id: "player-wrapper" }, Zn = { id: "player-sizer" }, qn = {
       ])
     ]));
   }
-}), so = /* @__PURE__ */ te(lo, [["__scopeId", "data-v-9d31b948"]]), Ve = Symbol(), ro = {
+}), so = /* @__PURE__ */ te(lo, [["__scopeId", "data-v-9d31b948"]]), Ve = Symbol(), io = {
   style: { width: "24px", height: "24px" },
   viewBox: "0 0 18 16",
   xmlns: "http://www.w3.org/2000/svg"
-}, io = ["stroke"], uo = ["stroke"], co = { class: "floor-level-label" }, vo = /* @__PURE__ */ N({
+}, ro = ["stroke"], uo = ["stroke"], co = { class: "floor-level-label" }, vo = /* @__PURE__ */ N({
   __name: "VFloorLevel",
   props: {
     level: { default: 0 },
@@ -472,10 +472,10 @@ const Qn = { id: "player-wrapper" }, Zn = { id: "player-sizer" }, qn = {
   },
   emits: ["level"],
   setup(t, { emit: n }) {
-    const o = t, l = n, r = Ae(Ve), a = D(() => {
+    const o = t, l = n, i = Ae(Ve), a = D(() => {
       const h = o.floorLevels;
       return h.sort(), h;
-    }), s = D(() => a.value.indexOf(o.level) + 1 <= a.value.length / 2 ? "lower" : "upper"), i = D(() => s.value === "lower"), f = D(() => s.value === "upper");
+    }), s = D(() => a.value.indexOf(o.level) + 1 <= a.value.length / 2 ? "lower" : "upper"), r = D(() => s.value === "lower"), f = D(() => s.value === "upper");
     function g() {
       const h = o.level + 1;
       h >= a.value.length ? l("level", a.value[0]) : l("level", a.value[h]);
@@ -494,18 +494,18 @@ const Qn = { id: "player-wrapper" }, Zn = { id: "player-sizer" }, qn = {
             icon: ""
           }, w, { onClick: g }), {
             default: m(() => [
-              (u(), L("svg", ro, [
+              (u(), L("svg", io, [
                 e("path", {
                   d: "M8.98034 10.3472L1.54055 5.8855L8.98034 1.42384L16.4201 5.8855L8.98034 10.3472Z",
                   fill: "white",
                   stroke: f.value ? "black" : "#999999",
                   "stroke-width": "1.5",
                   "stroke-linejoin": "round"
-                }, null, 8, io),
+                }, null, 8, ro),
                 e("path", {
                   d: "M8.98034 14.7993L1.54055 10.3376L8.98034 5.87599L16.4201 10.3376L8.98034 14.7993Z",
                   fill: "white",
-                  stroke: i.value ? "black" : "#999999",
+                  stroke: r.value ? "black" : "#999999",
                   "stroke-width": "1.5",
                   "stroke-linejoin": "round"
                 }, null, 8, uo)
@@ -515,7 +515,7 @@ const Qn = { id: "player-wrapper" }, Zn = { id: "player-sizer" }, qn = {
           }, 1040)
         ]),
         default: m(() => [
-          e("span", co, U(p(r).getLabel(s.value)) + " " + U(p(r).getLabel("floor")), 1)
+          e("span", co, U(p(i).getLabel(s.value)) + " " + U(p(i).getLabel("floor")), 1)
         ]),
         _: 1
       });
@@ -530,9 +530,9 @@ const Qn = { id: "player-wrapper" }, Zn = { id: "player-sizer" }, qn = {
   },
   emits: ["selectInterior"],
   setup(t, { emit: n }) {
-    const o = t, l = n, r = Ae(Ve);
+    const o = t, l = n, i = Ae(Ve);
     return (a, s) => {
-      const i = E("v-icon"), f = E("v-btn"), g = E("v-img"), h = E("v-menu");
+      const r = E("v-icon"), f = E("v-btn"), g = E("v-img"), h = E("v-menu");
       return u(), L("div", null, [
         y(h, {
           transition: "slide-x-reverse-transition",
@@ -544,13 +544,13 @@ const Qn = { id: "player-wrapper" }, Zn = { id: "player-sizer" }, qn = {
           activator: m(({ props: k }) => [
             y(f, Le({ rounded: "" }, k, { class: "text-capitalize" }), {
               default: m(() => [
-                y(i, null, {
+                y(r, null, {
                   default: m(() => [
                     le("mdi-palette-outline")
                   ]),
                   _: 1
                 }),
-                e("span", po, U(p(r).getLabel("interior")), 1)
+                e("span", po, U(p(i).getLabel("interior")), 1)
               ]),
               _: 2
             }, 1040)
@@ -574,7 +574,7 @@ const Qn = { id: "player-wrapper" }, Zn = { id: "player-sizer" }, qn = {
                       class: "pa-0 ma-0"
                     }, null, 8, ["src"])
                   ]),
-                  e("div", _o, U(p(r).get(k.title)), 1)
+                  e("div", _o, U(p(i).get(k.title)), 1)
                 ])
               ], 10, ho))), 128))
             ])
@@ -593,19 +593,19 @@ const Qn = { id: "player-wrapper" }, Zn = { id: "player-sizer" }, qn = {
     const n = t, o = _(Co), l = _({
       backgroundImage: `url(${ko})`,
       backgroundSize: "contain"
-    }), r = D(() => ({
+    }), i = D(() => ({
       transform: `rotate(${-n.rotation + 180}deg)`
     }));
     return (a, s) => {
-      const i = E("v-img");
+      const r = E("v-img");
       return u(), L("div", {
         style: ae(l.value),
         class: "compass-wrapper"
       }, [
-        y(i, {
+        y(r, {
           class: "compass-needle",
           src: o.value,
-          style: ae(r.value)
+          style: ae(i.value)
         }, null, 8, ["src", "style"])
       ], 4);
     };
@@ -618,10 +618,10 @@ const Qn = { id: "player-wrapper" }, Zn = { id: "player-sizer" }, qn = {
   },
   setup(t) {
     const n = t, o = D(() => [l(n.hours), ":", l(n.minutes)].join(""));
-    function l(r) {
-      return ("0" + r).slice(-2);
+    function l(i) {
+      return ("0" + i).slice(-2);
     }
-    return (r, a) => {
+    return (i, a) => {
       const s = E("v-img");
       return u(), L("div", xo, [
         e("div", Io, [
@@ -654,11 +654,11 @@ const Qn = { id: "player-wrapper" }, Zn = { id: "player-sizer" }, qn = {
   },
   emits: ["toggle"],
   setup(t, { emit: n }) {
-    const o = t, l = n, r = Ae(Ve), a = D(() => {
+    const o = t, l = n, i = Ae(Ve), a = D(() => {
       let s = "virtualTour";
       return o.showStaticImage || (s = "slideShow"), s;
     });
-    return (s, i) => {
+    return (s, r) => {
       const f = E("v-icon"), g = E("v-btn"), h = E("v-tooltip");
       return u(), O(h, { location: "top" }, {
         activator: m(({ props: k }) => [
@@ -666,7 +666,7 @@ const Qn = { id: "player-wrapper" }, Zn = { id: "player-sizer" }, qn = {
             density: "comfortable",
             elevation: "1",
             icon: "",
-            onClick: i[0] || (i[0] = (C) => l("toggle"))
+            onClick: r[0] || (r[0] = (C) => l("toggle"))
           }, k), {
             default: m(() => [
               a.value === "virtualTour" ? (u(), L("svg", Fo, Oo)) : (u(), O(f, { key: 1 }, {
@@ -680,7 +680,7 @@ const Qn = { id: "player-wrapper" }, Zn = { id: "player-sizer" }, qn = {
           }, 1040)
         ]),
         default: m(() => [
-          e("span", null, U(p(r).getLabel(a.value)), 1)
+          e("span", null, U(p(i).getLabel(a.value)), 1)
         ]),
         _: 1
       });
@@ -1210,11 +1210,11 @@ const Qn = { id: "player-wrapper" }, Zn = { id: "player-sizer" }, qn = {
       "stroke-linejoin": "round"
     })
   ])
-], -1)), ra = { class: "text text-col text-center" }, ia = { class: "text-h6 text-capitalize" }, ua = { class: "mt-2" }, ca = { class: "d-flex justify-center align-center checkbox-container" }, da = { class: "text-caption" }, va = /* @__PURE__ */ N({
+], -1)), ia = { class: "text text-col text-center" }, ra = { class: "text-h6 text-capitalize" }, ua = { class: "mt-2" }, ca = { class: "d-flex justify-center align-center checkbox-container" }, da = { class: "text-caption" }, va = /* @__PURE__ */ N({
   __name: "VTutorial",
   emits: ["closeTutorial"],
   setup(t, { emit: n }) {
-    const o = n, l = Ae(Ve), r = _(!1), a = _(!1), s = D(() => [
+    const o = n, l = Ae(Ve), i = _(!1), a = _(!1), s = D(() => [
       /Android/i,
       /webOS/i,
       /iPhone/i,
@@ -1223,8 +1223,8 @@ const Qn = { id: "player-wrapper" }, Zn = { id: "player-sizer" }, qn = {
       /BlackBerry/i,
       /Windows Phone/i
     ].some((g) => navigator.userAgent.match(g)));
-    function i() {
-      o("closeTutorial", r.value);
+    function r() {
+      o("closeTutorial", i.value);
     }
     return (f, g) => {
       const h = E("v-icon"), k = E("v-card-title"), C = E("v-btn"), F = E("v-divider"), w = E("v-card-text"), d = E("v-card-actions"), v = E("v-card"), S = E("v-expand-transition"), I = E("v-checkbox");
@@ -1299,7 +1299,7 @@ const Qn = { id: "player-wrapper" }, Zn = { id: "player-sizer" }, qn = {
                     ]),
                     e("div", la, [
                       sa,
-                      e("div", ra, U(p(l).getLabel("useTwoFingersToZoom")), 1)
+                      e("div", ia, U(p(l).getLabel("useTwoFingersToZoom")), 1)
                     ])
                   ])) : V("", !0),
                   y(F, { class: "my-1" })
@@ -1317,7 +1317,7 @@ const Qn = { id: "player-wrapper" }, Zn = { id: "player-sizer" }, qn = {
                     default: m(() => [
                       y(w, { class: "pb-0" }, {
                         default: m(() => [
-                          e("p", ia, [
+                          e("p", ra, [
                             y(h, null, {
                               default: m(() => [
                                 le("mdi-alert-outline")
@@ -1361,8 +1361,8 @@ const Qn = { id: "player-wrapper" }, Zn = { id: "player-sizer" }, qn = {
               e("div", ca, [
                 y(I, {
                   density: "compact",
-                  modelValue: r.value,
-                  "onUpdate:modelValue": g[2] || (g[2] = (A) => r.value = A),
+                  modelValue: i.value,
+                  "onUpdate:modelValue": g[2] || (g[2] = (A) => i.value = A),
                   "hide-details": ""
                 }, {
                   label: m(() => [
@@ -1375,7 +1375,7 @@ const Qn = { id: "player-wrapper" }, Zn = { id: "player-sizer" }, qn = {
                 default: m(() => [
                   y(C, {
                     variant: "tonal",
-                    onClick: g[3] || (g[3] = (A) => i()),
+                    onClick: g[3] || (g[3] = (A) => r()),
                     block: ""
                   }, {
                     default: m(() => [
@@ -1411,11 +1411,11 @@ const Qn = { id: "player-wrapper" }, Zn = { id: "player-sizer" }, qn = {
   },
   emits: ["updateSettings", "saveSettings"],
   setup(t, { emit: n }) {
-    const o = t, l = n, r = _(
+    const o = t, l = n, i = _(
       F(o.initialSettings)
     );
     Y(
-      r,
+      i,
       () => {
         s();
       },
@@ -1423,14 +1423,14 @@ const Qn = { id: "player-wrapper" }, Zn = { id: "player-sizer" }, qn = {
     );
     const a = D(() => {
       let w = {};
-      for (const [d, v] of Object.entries(r.value))
+      for (const [d, v] of Object.entries(i.value))
         d === "whitePoint" ? w[d] = h(v.value) : w[d] = v.value;
       return w;
     });
     function s() {
       l("updateSettings", a.value);
     }
-    function i() {
+    function r() {
       const w = document.createElement("a");
       w.href = URL.createObjectURL(
         new Blob([JSON.stringify(a.value, null, 2)])
@@ -1442,7 +1442,7 @@ const Qn = { id: "player-wrapper" }, Zn = { id: "player-sizer" }, qn = {
       l("saveSettings", a.value);
     }
     function g() {
-      r.value = F(), l("updateSettings", a.value);
+      i.value = F(), l("updateSettings", a.value);
     }
     function h(w) {
       const d = parseInt(w.substr(1, 2), 16) / 255, v = parseInt(w.substr(3, 2), 16) / 255, S = parseInt(w.substr(5, 2), 16) / 255;
@@ -1556,14 +1556,14 @@ const Qn = { id: "player-wrapper" }, Zn = { id: "player-sizer" }, qn = {
       return u(), L("div", fa, [
         e("form", ha, [
           e("div", ga, [
-            (u(!0), L(ke, null, Ee(r.value, ($, G, de) => (u(), L("div", {
+            (u(!0), L(ke, null, Ee(i.value, ($, G, de) => (u(), L("div", {
               key: de,
               "d-block": ""
             }, [
               $.type === "slider" ? (u(), O(S, {
                 key: 0,
-                modelValue: r.value[G].value,
-                "onUpdate:modelValue": (H) => r.value[G].value = H,
+                modelValue: i.value[G].value,
+                "onUpdate:modelValue": (H) => i.value[G].value = H,
                 onChange: s,
                 max: $.max,
                 min: $.min,
@@ -1575,8 +1575,8 @@ const Qn = { id: "player-wrapper" }, Zn = { id: "player-sizer" }, qn = {
                 append: m(() => [
                   e("div", null, [
                     y(v, {
-                      modelValue: r.value[G].value,
-                      "onUpdate:modelValue": (H) => r.value[G].value = H,
+                      modelValue: i.value[G].value,
+                      "onUpdate:modelValue": (H) => i.value[G].value = H,
                       "hide-details": "",
                       dense: "",
                       outlined: "",
@@ -1593,8 +1593,8 @@ const Qn = { id: "player-wrapper" }, Zn = { id: "player-sizer" }, qn = {
               }, 1032, ["modelValue", "onUpdate:modelValue", "max", "min", "step"])) : V("", !0),
               $.type === "boolean" ? (u(), O(I, {
                 key: 1,
-                modelValue: r.value[G].value,
-                "onUpdate:modelValue": (H) => r.value[G].value = H,
+                modelValue: i.value[G].value,
+                "onUpdate:modelValue": (H) => i.value[G].value = H,
                 onChange: s
               }, {
                 prepend: m(() => [
@@ -1615,17 +1615,17 @@ const Qn = { id: "player-wrapper" }, Zn = { id: "player-sizer" }, qn = {
                 e("div", wa, U($.label), 1),
                 e("div", ka, [
                   Ke(e("input", {
-                    "onUpdate:modelValue": (H) => r.value[G].value = H,
+                    "onUpdate:modelValue": (H) => i.value[G].value = H,
                     type: "color",
                     onChange: s
                   }, null, 40, Ca), [
-                    [Sn, r.value[G].value]
+                    [Sn, i.value[G].value]
                   ])
                 ]),
                 e("div", null, [
                   y(v, {
-                    modelValue: r.value[G].value,
-                    "onUpdate:modelValue": (H) => r.value[G].value = H,
+                    modelValue: i.value[G].value,
+                    "onUpdate:modelValue": (H) => i.value[G].value = H,
                     "hide-details": "",
                     dense: "",
                     outlined: "",
@@ -1643,7 +1643,7 @@ const Qn = { id: "player-wrapper" }, Zn = { id: "player-sizer" }, qn = {
                     y(A, {
                       class: "ml-2",
                       "x-small": "",
-                      onClick: (H) => r.value[G].value = null
+                      onClick: (H) => i.value[G].value = null
                     }, {
                       default: m(() => [
                         le(" Clear Lut ")
@@ -1656,8 +1656,8 @@ const Qn = { id: "player-wrapper" }, Zn = { id: "player-sizer" }, qn = {
                   e("div", Ia, [
                     e("div", null, [
                       y(R, {
-                        modelValue: r.value[G].value,
-                        "onUpdate:modelValue": (H) => r.value[G].value = H,
+                        modelValue: i.value[G].value,
+                        "onUpdate:modelValue": (H) => i.value[G].value = H,
                         items: $.items,
                         "item-title": "title",
                         "item-value": "value",
@@ -1672,8 +1672,8 @@ const Qn = { id: "player-wrapper" }, Zn = { id: "player-sizer" }, qn = {
                     e("div", Ea, [
                       e("div", null, [
                         y(v, {
-                          modelValue: r.value[G].value,
-                          "onUpdate:modelValue": (H) => r.value[G].value = H,
+                          modelValue: i.value[G].value,
+                          "onUpdate:modelValue": (H) => i.value[G].value = H,
                           "hide-details": "",
                           dense: "",
                           type: "url",
@@ -1697,7 +1697,7 @@ const Qn = { id: "player-wrapper" }, Zn = { id: "player-sizer" }, qn = {
             }),
             y(A, {
               class: "ml-2",
-              onClick: d[1] || (d[1] = ($) => i())
+              onClick: d[1] || (d[1] = ($) => r())
             }, {
               default: m(() => [
                 le(" Download Json "),
@@ -1744,17 +1744,17 @@ const Qn = { id: "player-wrapper" }, Zn = { id: "player-sizer" }, qn = {
       bodyWidth: o,
       bodyHeight: l
     }), Re(() => {
-      a(document.getElementById("moveableDiv")), r(document.querySelector("#moveableDiv"));
+      a(document.getElementById("moveableDiv")), i(document.querySelector("#moveableDiv"));
     });
-    const r = (s) => {
+    const i = (s) => {
       new ResizeObserver(() => {
         const f = document.getElementById("moveableBody");
         f && (o.value = f.clientWidth, l.value = f.clientHeight);
       }).observe(s);
     }, a = (s) => {
-      const i = document.getElementsByClassName("anchor");
-      for (let d = 0; d < i.length; d++) {
-        const v = i[d];
+      const r = document.getElementsByClassName("anchor");
+      for (let d = 0; d < r.length; d++) {
+        const v = r[d];
         v.addEventListener("touchstart", C, { passive: !1 }), v.addEventListener("touchend", w, { passive: !1 }), v.addEventListener("mousedown", C, { passive: !1 }), v.addEventListener("mouseup", w, { passive: !1 });
       }
       let f = 0, g = 0, h = 0, k = 0;
@@ -1772,7 +1772,7 @@ const Qn = { id: "player-wrapper" }, Zn = { id: "player-sizer" }, qn = {
         document.removeEventListener("mouseup", w, !1), document.removeEventListener("mousemove", F, !1), document.removeEventListener("touchend", w, !1), document.removeEventListener("touchmove", F, !1);
       }
     };
-    return (s, i) => (u(), L("div", {
+    return (s, r) => (u(), L("div", {
       id: "moveableDiv",
       class: ce([s.size, "sizer rounded"])
     }, [
@@ -1827,7 +1827,7 @@ const Qn = { id: "player-wrapper" }, Zn = { id: "player-sizer" }, qn = {
     fit: { type: Boolean }
   },
   setup(t) {
-    const n = t, o = _(512), l = _(384), r = _(512), a = _(384), s = _(new Je()), i = _(new Fn()), f = _({}), g = _(1), h = _(), k = o.value / o.value, C = D(() => {
+    const n = t, o = _(512), l = _(384), i = _(512), a = _(384), s = _(new Je()), r = _(new Fn()), f = _({}), g = _(1), h = _(), k = o.value / o.value, C = D(() => {
       const z = n.containerWidth / n.containerHeight;
       let M;
       return z > k ? M = n.containerHeight / l.value : M = n.containerWidth / o.value, M;
@@ -1836,14 +1836,14 @@ const Qn = { id: "player-wrapper" }, Zn = { id: "player-sizer" }, qn = {
       n.storey.position.y,
       n.storey.position.z
     )), S = D(() => parseFloat(w.value.floor_vertical_position)), I = D(() => F.value.map((z) => {
-      const M = z.uposition.split(","), j = new Je(
+      const M = z.uposition.split(","), W = new Je(
         Number(M[0]) - v.value.x,
         0,
         Number(M[2]) - v.value.z
       );
       return {
         ...z,
-        ...de(s.value, j)
+        ...de(s.value, W)
       };
     })), A = D(() => ({
       backgroundImage: `url(${n.backgroundImage})`,
@@ -1864,8 +1864,8 @@ const Qn = { id: "player-wrapper" }, Zn = { id: "player-sizer" }, qn = {
       return Vn.degToRad(z);
     }
     function $() {
-      i.value.rotation.x = 180, i.value.rotation.y = n.storey.rotation.y * -1, f.value = {
-        transform: `rotateZ(${i.value.rotation.y}deg) rotateX(${i.value.rotation.x}deg)`
+      r.value.rotation.x = 180, r.value.rotation.y = n.storey.rotation.y * -1, f.value = {
+        transform: `rotateZ(${r.value.rotation.y}deg) rotateX(${r.value.rotation.x}deg)`
       };
     }
     function G(z) {
@@ -1875,26 +1875,26 @@ const Qn = { id: "player-wrapper" }, Zn = { id: "player-sizer" }, qn = {
       };
     }
     function de(z, M) {
-      var j = new Je();
-      const me = j.subVectors(z, M);
+      var W = new Je();
+      const me = W.subVectors(z, M);
       return {
         relativePosition: me,
-        left: me.x / r.value * 100,
+        left: me.x / i.value * 100,
         top: me.z / a.value * 100
       };
     }
     function H() {
       const z = n.storey.position.y - S.value;
-      a.value = 2 * (z * Math.tan(Z(n.storey.fovY / 2))), r.value = 512 / 384 * a.value;
-      const M = a.value / 2, j = r.value / 2, me = new Je(j * -1, 0, M * -1);
+      a.value = 2 * (z * Math.tan(Z(n.storey.fovY / 2))), i.value = 512 / 384 * a.value;
+      const M = a.value / 2, W = i.value / 2, me = new Je(W * -1, 0, M * -1);
       s.value = me;
     }
     function ye() {
       const z = document.getElementById("moveableDiv");
       if (!z)
         return;
-      const M = z.offsetHeight / 384 * 0.8, j = z.offsetWidth / 512 * 0.8;
-      z.offsetHeight > z.offsetWidth ? g.value = j * 0.5 : g.value = M * 0.9;
+      const M = z.offsetHeight / 384 * 0.8, W = z.offsetWidth / 512 * 0.8;
+      z.offsetHeight > z.offsetWidth ? g.value = W * 0.5 : g.value = M * 0.9;
     }
     return (z, M) => (u(), L("div", Na, [
       e("div", Qa, [
@@ -1910,29 +1910,29 @@ const Qn = { id: "player-wrapper" }, Zn = { id: "player-sizer" }, qn = {
             class: "center-pivot",
             style: ae(f.value)
           }, [
-            (u(!0), L(ke, null, Ee(I.value, (j) => (u(), L("div", {
-              key: j.id
+            (u(!0), L(ke, null, Ee(I.value, (W) => (u(), L("div", {
+              key: W.id
             }, [
-              w.value.floorLevel === j.floorLevel ? (u(), L("div", {
+              w.value.floorLevel === W.floorLevel ? (u(), L("div", {
                 key: 0,
                 class: "single-camera-marker",
-                style: ae(G(j))
+                style: ae(G(W))
               }, null, 4)) : V("", !0),
               ee(z.$slots, "default", {
-                id: j.id,
-                camera: j,
-                active: w.value.id === j.id,
+                id: W.id,
+                camera: W,
+                active: w.value.id === W.id,
                 style: ae({
-                  ...G(j),
+                  ...G(W),
                   position: "absolute",
                   zIndex: "3"
                 })
               }, () => [
-                w.value.id === j.id && n.rotation !== null ? (u(), O(Pa, {
+                w.value.id === W.id && n.rotation !== null ? (u(), O(Pa, {
                   key: 0,
                   class: "rotation-marker-component-base rotation-marker-component",
                   rotation: d.value,
-                  style: ae({ ...G(j) })
+                  style: ae({ ...G(W) })
                 }, null, 8, ["rotation", "style"])) : V("", !0)
               ], !0)
             ]))), 128))
@@ -1950,7 +1950,7 @@ const Qn = { id: "player-wrapper" }, Zn = { id: "player-sizer" }, qn = {
   },
   setup(t) {
     const n = t, o = D(() => n.rotation + n.transformAngle - 90);
-    return (l, r) => (u(), L("div", {
+    return (l, i) => (u(), L("div", {
       class: "minimap-compass elevation-5",
       style: ae({ scale: l.scale })
     }, [
@@ -1973,26 +1973,26 @@ const Qn = { id: "player-wrapper" }, Zn = { id: "player-sizer" }, qn = {
   },
   emits: ["setBackgroundImage"],
   setup(t, { emit: n }) {
-    const o = t, l = n, r = _((/* @__PURE__ */ new Date()).getHours()), a = _(!0), s = _(!0), i = _(""), f = _(/* @__PURE__ */ new Map()), g = D(() => o.minimapJson.storeys[o.level]), h = D(() => `${Math.floor(r.value).toString().padStart(2, "0")}:00`), k = D(() => {
-      if (g.value.sunsimFilesTimeStamps[r.value]) {
-        const S = g.value.sunsimFilesTimeStamps[r.value].split(" ");
+    const o = t, l = n, i = _((/* @__PURE__ */ new Date()).getHours()), a = _(!0), s = _(!0), r = _(""), f = _(/* @__PURE__ */ new Map()), g = D(() => o.minimapJson.storeys[o.level]), h = D(() => `${Math.floor(i.value).toString().padStart(2, "0")}:00`), k = D(() => {
+      if (g.value.sunsimFilesTimeStamps[i.value]) {
+        const S = g.value.sunsimFilesTimeStamps[i.value].split(" ");
         return `${S[0]} ${S[1]}`;
       }
       return "";
     });
     Re(async () => {
-      i.value = await w(
-        g.value.sunsimFiles[r.value]
-      ), l("setBackgroundImage", i.value), s.value = !1;
+      r.value = await w(
+        g.value.sunsimFiles[i.value]
+      ), l("setBackgroundImage", r.value), s.value = !1;
       const S = await F(o.minimapJson.storeys);
-      f.value = S, a.value = !1, l("setBackgroundImage", C(o.level, r.value));
-    }), Y(r, () => {
-      const S = C(o.level, r.value);
+      f.value = S, a.value = !1, l("setBackgroundImage", C(o.level, i.value));
+    }), Y(i, () => {
+      const S = C(o.level, i.value);
       l("setBackgroundImage", S);
     }), Y(
       () => o.level,
       () => {
-        l("setBackgroundImage", C(o.level, r.value));
+        l("setBackgroundImage", C(o.level, i.value));
       },
       { immediate: !0 }
     );
@@ -2050,8 +2050,8 @@ const Qn = { id: "player-wrapper" }, Zn = { id: "player-sizer" }, qn = {
               class: "mr-2"
             })) : (u(), O(Z, {
               key: 1,
-              modelValue: r.value,
-              "onUpdate:modelValue": I[0] || (I[0] = ($) => r.value = $),
+              modelValue: i.value,
+              "onUpdate:modelValue": I[0] || (I[0] = ($) => i.value = $),
               min: 0,
               max: 23,
               step: 1,
@@ -2097,16 +2097,16 @@ const Qn = { id: "player-wrapper" }, Zn = { id: "player-sizer" }, qn = {
   },
   emits: ["close"],
   setup(t, { emit: n }) {
-    const o = _(null), l = t, r = n, a = _(), s = _(0), i = D(() => l.minimapJson.storeys[l.level]), f = _(0);
+    const o = _(null), l = t, i = n, a = _(), s = _(0), r = D(() => l.minimapJson.storeys[l.level]), f = _(0);
     Y(
       () => l.apartmentJson,
       () => {
         f.value = f.value + 1;
       }
     ), Y(
-      i,
+      r,
       () => {
-        a.value = i.value.defaultSunsimFile ? `/${l.apartmentJson.type}/${l.apartmentJson.id}/minimap/sunsim0_13.jpg` : `/${l.apartmentJson.type}/${l.apartmentJson.id}/minimap/${i.value.defaultSunsimFile}`;
+        a.value = r.value.defaultSunsimFile ? `/${l.apartmentJson.type}/${l.apartmentJson.id}/minimap/sunsim0_13.jpg` : `/${l.apartmentJson.type}/${l.apartmentJson.id}/minimap/${r.value.defaultSunsimFile}`;
       },
       { immediate: !0, once: !0 }
     );
@@ -2127,7 +2127,7 @@ const Qn = { id: "player-wrapper" }, Zn = { id: "player-sizer" }, qn = {
       s.value = s.value + 90;
     }
     const d = () => {
-      r("close");
+      i("close");
     };
     return (v, S) => {
       const I = E("v-btn");
@@ -2169,7 +2169,7 @@ const Qn = { id: "player-wrapper" }, Zn = { id: "player-sizer" }, qn = {
         body: m(() => [
           y(zt, {
             scale: g.value,
-            rotation: i.value.rotation.y,
+            rotation: r.value.rotation.y,
             "transform-angle": s.value
           }, null, 8, ["scale", "rotation", "transform-angle"]),
           e("div", null, [
@@ -2179,7 +2179,7 @@ const Qn = { id: "player-wrapper" }, Zn = { id: "player-sizer" }, qn = {
               "background-image": a.value,
               rotation: v.rotation,
               "current-camera": v.currentCamera,
-              storey: i.value,
+              storey: r.value,
               containerWidth: o.value && o.value.bodyWidth || 512,
               containerHeight: o.value && o.value.bodyHeight || 384
             }, null, 8, ["transform-angle", "all-cameras", "background-image", "rotation", "current-camera", "storey", "containerWidth", "containerHeight"])
@@ -2204,7 +2204,7 @@ function dt(t) {
   const n = t * 60, o = Math.floor(n / 60), l = n % 60;
   return `${o.toString().padStart(2, "0")}:${l.toString().padStart(2, "0")}`;
 }
-const rl = { class: "d-flex align-center" }, il = { class: "d-block mr-1" }, ul = { class: "small" }, cl = { class: "small" }, dl = /* @__PURE__ */ N({
+const il = { class: "d-flex align-center" }, rl = { class: "d-block mr-1" }, ul = { class: "small" }, cl = { class: "small" }, dl = /* @__PURE__ */ N({
   __name: "VSunsimSlider",
   props: {
     currentDay: {},
@@ -2213,24 +2213,24 @@ const rl = { class: "d-flex align-center" }, il = { class: "d-block mr-1" }, ul
   },
   emits: ["onTimeChange", "toggleSunStudy"],
   setup(t, { emit: n }) {
-    const o = t, { currentDay: l, currentTime: r, disabled: a } = we(o), s = n, i = _(r.value.timeInHours);
-    return Y(r, () => {
-      i.value = r.value.timeInHours;
+    const o = t, { currentDay: l, currentTime: i, disabled: a } = we(o), s = n, r = _(i.value.timeInHours);
+    return Y(i, () => {
+      r.value = i.value.timeInHours;
     }), Y(
-      i,
+      r,
       () => {
         s(
           "onTimeChange",
           l.value.timeSamples.find(
-            (f) => f.timeInHours === i.value
+            (f) => f.timeInHours === r.value
           )
         );
       },
       { immediate: !0 }
     ), (f, g) => {
       const h = E("v-icon"), k = E("v-slider"), C = E("v-field"), F = E("v-btn");
-      return u(), L("div", rl, [
-        e("div", il, [
+      return u(), L("div", il, [
+        e("div", rl, [
           y(C, {
             class: "ss-slider-field",
             style: {},
@@ -2242,8 +2242,8 @@ const rl = { class: "d-flex align-center" }, il = { class: "d-block mr-1" }, ul
               p(l).timeSamples.length > 1 ? (u(), O(k, {
                 key: 0,
                 class: "pa-2 pr-2",
-                modelValue: i.value,
-                "onUpdate:modelValue": g[0] || (g[0] = (w) => i.value = w),
+                modelValue: r.value,
+                "onUpdate:modelValue": g[0] || (g[0] = (w) => r.value = w),
                 min: p(l).startTime,
                 max: p(l).endTime,
                 step: p(l).interval,
@@ -2264,7 +2264,7 @@ const rl = { class: "d-flex align-center" }, il = { class: "d-block mr-1" }, ul
                     ]),
                     _: 1
                   }),
-                  e("span", ul, U(p(dt)(i.value)), 1)
+                  e("span", ul, U(p(dt)(r.value)), 1)
                 ]),
                 _: 1
               }, 8, ["modelValue", "min", "max", "step", "disabled"])) : (u(), L(ke, { key: 1 }, [
@@ -2278,7 +2278,7 @@ const rl = { class: "d-flex align-center" }, il = { class: "d-block mr-1" }, ul
                   ]),
                   _: 1
                 }),
-                e("span", cl, U(p(dt)(i.value)), 1)
+                e("span", cl, U(p(dt)(r.value)), 1)
               ], 64))
             ]),
             _: 1
@@ -2304,15 +2304,15 @@ const rl = { class: "d-flex align-center" }, il = { class: "d-block mr-1" }, ul
   emits: ["toggleSunStudy"],
   setup(t, { emit: n }) {
     const o = n, l = Ae(Ve);
-    return (r, a) => {
+    return (i, a) => {
       const s = E("v-btn");
-      return !r.displaySunsim && r.showUI ? (u(), O(s, {
+      return !i.displaySunsim && i.showUI ? (u(), O(s, {
         key: 0,
         size: "small",
         varient: "tonal",
         prependIcon: "mdi-white-balance-sunny",
         class: "sun-study-toggle text-capitalize rounded-xl",
-        onClick: a[0] || (a[0] = (i) => o("toggleSunStudy"))
+        onClick: a[0] || (a[0] = (r) => o("toggleSunStudy"))
       }, {
         default: m(() => [
           le(U(p(l).getLabel("openSunStudy")), 1)
@@ -2331,16 +2331,16 @@ const rl = { class: "d-flex align-center" }, il = { class: "d-block mr-1" }, ul
     const o = n, l = D(() => /Android|webOS|iPhone|iPad|BlackBerry|Windows Phone|Opera Mini|IEMobile|Mobile/i.test(
       window.navigator.userAgent
     ));
-    return (r, a) => {
-      const s = E("v-icon"), i = E("v-btn");
-      return u(), O(i, {
+    return (i, a) => {
+      const s = E("v-icon"), r = E("v-btn");
+      return u(), O(r, {
         size: "x-small",
         class: ce(["autoplay-btn", { mobile: l.value, "mt-1": l.value, "mx-1": l.value }]),
         onClick: a[0] || (a[0] = (f) => o("toggleAutoPlay"))
       }, {
         default: m(() => [
           y(s, {
-            icon: r.autoplayStatus ? "mdi-pause" : "mdi-play",
+            icon: i.autoplayStatus ? "mdi-pause" : "mdi-play",
             size: "x-large",
             class: "pa-0 ma-0"
           }, null, 8, ["icon"])
@@ -2361,22 +2361,22 @@ const rl = { class: "d-flex align-center" }, il = { class: "d-block mr-1" }, ul
   },
   emits: ["previous", "next", "goto"],
   setup(t, { emit: n }) {
-    const o = t, l = n, r = _(0), a = D({
+    const o = t, l = n, i = _(0), a = D({
       get() {
         return o.active;
       },
       set(g) {
-        r.value = g;
+        i.value = g;
       }
     }), s = D(() => /Android|webOS|iPhone|iPad|BlackBerry|Windows Phone|Opera Mini|IEMobile|Mobile/i.test(
       window.navigator.userAgent
     ));
     Re(() => {
-      window.addEventListener("keydown", i);
+      window.addEventListener("keydown", r);
     }), et(() => {
-      window.removeEventListener("keydown", i);
+      window.removeEventListener("keydown", r);
     });
-    function i(g) {
+    function r(g) {
       switch (g.keyCode) {
         case g.keyCode === fl:
           l("previous");
@@ -2479,7 +2479,7 @@ const rl = { class: "d-flex align-center" }, il = { class: "d-block mr-1" }, ul
   __name: "VSocialShare",
   setup(t) {
     const n = Ae(Ve), o = _(!1), l = _(location.href);
-    function r() {
+    function i() {
       return window.open(
         "https://www.facebook.com/sharer/sharer.php?u=" + encodeURIComponent(location.href),
         "facebook-share-dialog",
@@ -2500,7 +2500,7 @@ const rl = { class: "d-flex align-center" }, il = { class: "d-block mr-1" }, ul
         "width=626,height=736"
       ), !1;
     }
-    function i() {
+    function r() {
       navigator.clipboard.writeText(location.href);
     }
     return (f, g) => {
@@ -2560,7 +2560,7 @@ const rl = { class: "d-flex align-center" }, il = { class: "d-block mr-1" }, ul
                             fab: "",
                             light: "",
                             icon: "mdi-facebook"
-                          }, I, { onClick: r }), null, 16)
+                          }, I, { onClick: i }), null, 16)
                         ]),
                         default: m(() => [
                           e("span", null, U(p(n).getLabel("shareToFacebook")), 1)
@@ -2618,7 +2618,7 @@ const rl = { class: "d-flex align-center" }, il = { class: "d-block mr-1" }, ul
                             fab: "",
                             light: "",
                             icon: "mdi-content-copy",
-                            onClick: i
+                            onClick: r
                           }, I), null, 16)
                         ]),
                         default: m(() => [
@@ -2648,7 +2648,7 @@ const rl = { class: "d-flex align-center" }, il = { class: "d-block mr-1" }, ul
   },
   setup(t) {
     const n = t, o = D(() => ({ "background-image": `url("${encodeURI(n.image)}")` }));
-    return (l, r) => (u(), L("div", bl, [
+    return (l, i) => (u(), L("div", bl, [
       e("div", {
         class: ce(["img-div", [l.aspectRatio]]),
         style: ae(o.value)
@@ -2666,14 +2666,14 @@ const rl = { class: "d-flex align-center" }, il = { class: "d-block mr-1" }, ul
   emits: ["toggleFullscreen"],
   setup(t, { emit: n }) {
     const o = n;
-    return (l, r) => {
+    return (l, i) => {
       const a = E("v-btn");
       return u(), L("div", Cl, [
         y(a, {
           density: "comfortable",
           elevation: "3",
           icon: l.isFullScreen ? "mdi-fullscreen-exit" : "mdi-fullscreen",
-          onClick: r[0] || (r[0] = (s) => o("toggleFullscreen"))
+          onClick: i[0] || (i[0] = (s) => o("toggleFullscreen"))
         }, null, 8, ["icon"])
       ]);
     };
@@ -2772,14 +2772,14 @@ const xl = {
   emits: ["onSnapshot"],
   setup(t, { emit: n }) {
     const o = n;
-    return (l, r) => {
+    return (l, i) => {
       const a = E("v-btn");
       return u(), L("div", xl, [
         y(a, {
           density: "comfortable",
           elevation: "3",
           icon: "mdi-creation",
-          onClick: r[0] || (r[0] = (s) => o("onSnapshot"))
+          onClick: i[0] || (i[0] = (s) => o("onSnapshot"))
         })
       ]);
     };
@@ -2850,13 +2850,13 @@ const xl = {
     enableAutoplay: { type: Boolean, default: !1 },
     showVisuadoCreateButton: { type: Boolean, default: !1 }
   },
-  emits: ["onSnapshot", "onVisuadoCreateButtonClicked", "saveSettings", "onInteriorUpdate", "onCameraUpdate", "onSunsimUpdate", "onError", "onFrontendMarkersUpdate"],
+  emits: ["onSnapshot", "onVisuadoCreateButtonClicked", "saveSettings", "onInteriorUpdate", "onCameraUpdate", "onSunsimUpdate", "onError", "onFrontendMarkersUpdate", "onInitialized"],
   setup(t, { expose: n, emit: o }) {
     const l = t, {
-      cdnFileResolver: r,
+      cdnFileResolver: i,
       apartmentId: a,
       defaultInteriorId: s,
-      validInteriorIds: i,
+      validInteriorIds: r,
       displayViewModeSwitch: f,
       // websiteUrl,
       i18nConfig: g,
@@ -2893,7 +2893,7 @@ const xl = {
       setFrontendMarkers: cn,
       clearCurrentMarkerLayer: vn
     });
-    const j = _(!1), me = _(!1), Ce = _(!1), re = _(), B = _(), q = _(), Q = _(), W = _(), se = _(0), K = _(), ie = _(), J = _(), _e = _(0), xe = _(0), De = _(0), fe = _(!1), he = _(!1), Be = _(), be = _(!1), ue = _(!1), Me = _(
+    const W = _(!1), me = _(!1), Ce = _(!1), ie = _(), B = _(), q = _(), Q = _(), j = _(), se = _(0), K = _(), re = _(), J = _(), _e = _(0), xe = _(0), De = _(0), fe = _(!1), he = _(!1), Be = _(), be = _(!1), ue = _(!1), Me = _(
       new Nt(document, "player-wrapper")
     ), ft = _(), tt = D(() => {
       if (B.value) {
@@ -2922,23 +2922,23 @@ const xl = {
       (c) => c.archetypeID === K.value
     )), ge = D(() => q.value ? q.value.cameras.map((c) => ({
       ...c,
-      thumbnailUrl: rt(
+      thumbnailUrl: it(
         `/${K.value}/${a.value}/thumbs/200/${c.id}.jpg`
       ),
-      imageUrl: rt(
+      imageUrl: it(
         `/${K.value}/${a.value}/images/1600/${c.id}.jpg`
       )
     })) : []), Oe = D(() => !ge.value || !ge.value[se.value] ? "" : ge.value[se.value].imageUrl), ot = D(() => {
       let c = [];
-      return re.value && (c = re.value.archetypes), i.value.length ? c.filter(
-        (x) => i.value.includes(x.archetypeID)
+      return ie.value && (c = ie.value.archetypes), r.value.length ? c.filter(
+        (x) => r.value.includes(x.archetypeID)
       ) : c;
     }), at = D(() => q.value ? ot.value.map((c) => {
       var P;
       const x = (P = ge.value[se.value]) == null ? void 0 : P.id;
       return {
         ...c,
-        url: rt(
+        url: it(
           `/${c.archetypeID}/${a.value}/thumbs/200/${x}.jpg`
         )
       };
@@ -2957,7 +2957,7 @@ const xl = {
       window.navigator.userAgent
     )), ne = D(() => oe.value ? "platform-mobile" : "platform-desktop"), Se = D(() => {
       const c = pe(
-        r.value,
+        i.value,
         "/config.json"
       );
       return localStorage.getItem(
@@ -2967,10 +2967,10 @@ const xl = {
     Y(s, () => {
       s.value && (K.value = s.value);
     }), Y(
-      [r, a],
+      [i, a],
       async () => {
         try {
-          ie.value = void 0, await Qt(), qt(), await Zt(), Me.value.setup(), Jt();
+          re.value = void 0, await Qt(), qt(), await Zt(), Me.value.setup(), Jt();
         } catch (c) {
           Ce.value = !0, M("onError", c);
         }
@@ -2990,11 +2990,11 @@ const xl = {
           (x) => x.timeInHours === c[0].defaultHour
         );
       } else
-        ue.value = !0, W.value.unloadSunSim();
+        ue.value = !0, j.value.unloadSunSim();
     }), Re(async () => {
       try {
-        Se.value ? (j.value = !1, ue.value = !0) : setTimeout(() => {
-          j.value = !0;
+        Se.value ? (W.value = !1, ue.value = !0) : setTimeout(() => {
+          W.value = !0;
         }, 1e3);
       } catch (c) {
         Ce.value = !0, M("onError", c);
@@ -3003,29 +3003,29 @@ const xl = {
       document.removeEventListener("wheel", ht);
     });
     function qe(c = !1) {
-      ue.value = !0, j.value = !1, c && Ie();
+      ue.value = !0, W.value = !1, c && Ie();
     }
     function Ie() {
       const c = pe(
-        r.value,
+        i.value,
         "/config.json"
       );
       localStorage.setItem(`${c}-dont-show-tutorial`, "true");
     }
     async function Qt() {
-      re.value = await Gt();
+      ie.value = await Gt();
     }
     async function Zt() {
       var c;
       if (B.value = await kt(
         K.value,
         a.value
-      ), B.value && (ie.value = (c = B.value.cameras[0]) == null ? void 0 : c.id), q.value = await Ct(
+      ), B.value && (re.value = (c = B.value.cameras[0]) == null ? void 0 : c.id), q.value = await Ct(
         K.value,
         a.value
       ), q.value) {
         const x = A.value !== null ? A.value : 0;
-        se.value = x, ie.value = q.value.cameras[x].id, J.value = q.value.cameras[x].id;
+        se.value = x, re.value = q.value.cameras[x].id, J.value = q.value.cameras[x].id;
       }
       S.value && (Q.value = await St(
         K.value,
@@ -3034,7 +3034,7 @@ const xl = {
     }
     function qt() {
       let c = s.value;
-      c || (c = re.value.defaultArchetypeID), i.value && i.value.length > 0 && !i.value.includes(c) ? c = i.value[0] : console.warn("illegal interior id", c, i), c || (c = re.value.archetypes[0].archetypeID), K.value = c;
+      c || (c = ie.value.defaultArchetypeID), r.value && r.value.length > 0 && !r.value.includes(c) ? c = r.value[0] : console.warn("illegal interior id", c, r), c || (c = ie.value.archetypes[0].archetypeID), K.value = c;
     }
     function Jt() {
       const c = document.getElementById("main-canvas");
@@ -3063,11 +3063,11 @@ const xl = {
     }
     async function Gt() {
       try {
-        return await it("/config.json");
+        return await rt("/config.json");
       } catch (c) {
         console.error(
           "Error loading config.json - ",
-          pe(r.value, "/config.json"),
+          pe(i.value, "/config.json"),
           c
         );
         return;
@@ -3075,7 +3075,7 @@ const xl = {
     }
     async function kt(c, x) {
       try {
-        return await it(
+        return await rt(
           `/${c}/${x}/apartment.json`
         );
       } catch (P) {
@@ -3089,7 +3089,7 @@ const xl = {
     }
     async function Ct(c, x) {
       try {
-        return await it(
+        return await rt(
           `/${c}/${x}/thumbs.json`
         );
       } catch {
@@ -3102,7 +3102,7 @@ const xl = {
     }
     async function St(c, x) {
       try {
-        return await it(
+        return await rt(
           `/${c}/${x}/minimap/minimap.json`
         );
       } catch {
@@ -3114,16 +3114,16 @@ const xl = {
       }
     }
     function Kt() {
-      return W.value.getCameraRotation();
+      return j.value.getCameraRotation();
     }
     function Xt(c) {
-      return W.value.setCameraRotation(c);
+      return j.value.setCameraRotation(c);
     }
     function en() {
-      return W.value.getCameraFov();
+      return j.value.getCameraFov();
     }
     function tn(c) {
-      return W.value.setCameraFov(c);
+      return j.value.setCameraFov(c);
     }
     function lt() {
       let c = se.value + 1;
@@ -3138,7 +3138,7 @@ const xl = {
       P != -1 && (se.value = P, x && st(c));
     }
     function st(c) {
-      be.value = !1, ie.value = c;
+      be.value = !1, re.value = c;
     }
     function At(c) {
       K.value = c, nn(), M("onInteriorUpdate", c), M("onCameraUpdate", J.value, B.value);
@@ -3169,7 +3169,7 @@ const xl = {
       M("onSunsimUpdate", c);
     }
     function xt(c) {
-      W.value.loadSunSim(c.timeInHours);
+      j.value.loadSunSim(c.timeInHours);
     }
     function ln(c) {
       _e.value = c;
@@ -3186,23 +3186,23 @@ const xl = {
       M("onFrontendMarkersUpdate", c);
     }
     function cn(c) {
-      if (!W.value) {
+      if (!j.value) {
         console.warn("Player API is not initialized, cannot set frontend markers.");
         return;
       }
-      W.value.updateFrontendMarkers(c);
+      j.value.updateFrontendMarkers(c);
     }
     function dn(c) {
-      W.value = c, W.value && (G.value && W.value.updateSettings(G.value), de.value ? W.value.loadMarkersJson() : H.value && W.value.loadDynamicMarkers(H.value));
+      j.value = c, j.value && (G.value && j.value.updateSettings(G.value), de.value ? j.value.loadMarkersJson() : H.value && j.value.loadDynamicMarkers(H.value), M("onInitialized", j.value));
     }
     function vn() {
-      W.value.clearCurrentMarkerLayer();
+      j.value.clearCurrentMarkerLayer();
     }
     function mn(c) {
-      W.value.loadDynamicMarkers(c);
+      j.value.loadDynamicMarkers(c);
     }
     function pn(c) {
-      return W.value.screenToWorld(c);
+      return j.value.screenToWorld(c);
     }
     function fn() {
       Me.value.toggle(), window.scrollTo({ top: 150, behavior: "smooth" });
@@ -3211,7 +3211,7 @@ const xl = {
       fe.value = !fe.value;
     }
     async function Lt() {
-      const c = 180 / Math.PI, x = await W.value.takePhoto(), P = W.value.getRotationEuler(), ve = W.value.getCurrentCamera(), We = new Ot(x, ve), wn = [
+      const c = 180 / Math.PI, x = await j.value.takePhoto(), P = j.value.getRotationEuler(), ve = j.value.getCurrentCamera(), We = new Ot(x, ve), wn = [
         P.x * -c,
         P.y * -c,
         P.z * c
@@ -3220,15 +3220,15 @@ const xl = {
     }
     async function gn() {
       console.log("Here onVisuadoCreateButtonClicked");
-      const c = await W.value.takePhoto(), x = W.value.getCurrentCamera(), P = new Ot(c, x);
+      const c = await j.value.takePhoto(), x = j.value.getCurrentCamera(), P = new Ot(c, x);
       M("onVisuadoCreateButtonClicked", P);
     }
-    function rt(c) {
-      let x = pe(r.value, c);
+    function it(c) {
+      let x = pe(i.value, c);
       return x && $.value && !x.startsWith("blob:") && (x = x + `?v=${Date.now()}`), x;
     }
-    async function it(c) {
-      const x = rt(c);
+    async function rt(c) {
+      const x = it(c);
       try {
         return (await ct.get(x)).data;
       } catch (P) {
@@ -3236,7 +3236,7 @@ const xl = {
       }
     }
     function yn(c) {
-      W.value.updateSettings(c);
+      j.value.updateSettings(c);
     }
     function _n(c) {
       M("saveSettings", c);
@@ -3250,11 +3250,11 @@ const xl = {
     const Te = _(!1), Et = _(null), _t = _(1);
     function Mt() {
       if (Te.value) {
-        clearInterval(Et.value), Te.value = !1, W.value.toggleAutoRotate();
+        clearInterval(Et.value), Te.value = !1, j.value.toggleAutoRotate();
         return;
       }
-      Te.value = !0, W.value.toggleAutoRotate(), Et.value = setInterval(() => {
-        _t.value = 1 * _t.value, W.value.setAutoRotateSpeed(_t.value), lt();
+      Te.value = !0, j.value.toggleAutoRotate(), Et.value = setInterval(() => {
+        _t.value = 1 * _t.value, j.value.setAutoRotateSpeed(_t.value), lt();
       }, 5e3);
     }
     return (c, x) => {
@@ -3266,7 +3266,7 @@ const xl = {
         e("div", El, [
           !Me.value.isActive && Q.value && J.value && b.value && K.value && he.value ? (u(), O(Vt, {
             key: 0,
-            "cdn-file-resolver": p(r),
+            "cdn-file-resolver": p(i),
             "apartment-json": B.value,
             level: He.value,
             "minimap-json": Q.value,
@@ -3274,17 +3274,17 @@ const xl = {
             "current-camera": J.value,
             onClose: x[0] || (x[0] = (ve) => he.value = !1)
           }, null, 8, ["cdn-file-resolver", "apartment-json", "level", "minimap-json", "rotation", "current-camera"])) : V("", !0),
-          K.value && ie.value ? (u(), L("div", {
+          K.value && re.value ? (u(), L("div", {
             key: 1,
             class: ce(["v-player", [ne.value]])
           }, [
             y(so, {
               ref_key: "vPlayerInstance",
               ref: ft,
-              "cdn-file-resolver": p(r),
+              "cdn-file-resolver": p(i),
               style: ae({ zIndex: fe.value ? 1 : 2 }),
               "show-static-image": fe.value,
-              "current-camera-id": ie.value,
+              "current-camera-id": re.value,
               "mouse-sensitivity": p(Z),
               "interior-id": K.value,
               "apartment-id": p(a),
@@ -3317,11 +3317,11 @@ const xl = {
                   icon: "mdi-alert-outline",
                   elevation: "3",
                   class: "mr-2",
-                  onClick: x[2] || (x[2] = (ve) => j.value = !j.value)
+                  onClick: x[2] || (x[2] = (ve) => W.value = !W.value)
                 }, null, 512), [
                   [ut, ue.value]
                 ]),
-                Q.value && ie.value && b.value ? Ke((u(), O(P, {
+                Q.value && re.value && b.value ? Ke((u(), O(P, {
                   key: 1,
                   density: "comfortable",
                   elevation: "3",
@@ -3381,13 +3381,13 @@ const xl = {
                 })
               ]),
               "center-center": m(() => [
-                j.value ? (u(), O(ma, {
+                W.value ? (u(), O(ma, {
                   key: 0,
                   onCloseTutorial: x[5] || (x[5] = (ve) => qe(ve))
                 })) : V("", !0),
                 Me.value.isActive && Q.value && J.value && b.value && he.value ? (u(), O(Vt, {
                   key: 1,
-                  "cdn-file-resolver": p(r),
+                  "cdn-file-resolver": p(i),
                   "apartment-json": B.value,
                   "minimap-json": Q.value,
                   rotation: _e.value,
@@ -3456,7 +3456,7 @@ const xl = {
                           onToggleSunStudy: x[7] || (x[7] = (ve) => be.value = !be.value)
                         }, null, 8, ["displaySunsim", "showUI"])) : V("", !0)
                       ], 2),
-                      !oe.value && !Te.value && ie.value && be.value && Ye.value(J.value) && je(J.value)[0] && Be.value ? (u(), O(Dt, {
+                      !oe.value && !Te.value && re.value && be.value && Ye.value(J.value) && je(J.value)[0] && Be.value ? (u(), O(Dt, {
                         key: 0,
                         class: "sunsim-slider-desktop",
                         "current-day": Ye.value(J.value) ? je(J.value)[0] : void 0,
@@ -3492,7 +3492,7 @@ const xl = {
                 e("div", Tl, [
                   ue.value && p(v) && at.value ? (u(), O(wo, {
                     key: 0,
-                    "cdn-file-resolver": p(r),
+                    "cdn-file-resolver": p(i),
                     "available-archetypes": at.value,
                     "selected-index": nt.value,
                     onSelectInterior: At
@@ -3526,7 +3526,7 @@ const xl = {
               _: 1
             }),
             oe.value ? (u(), L("div", $l, [
-              !Te.value && ie.value && be.value && Ye.value(J.value) && je(J.value)[0] && Be.value ? (u(), O(Dt, {
+              !Te.value && re.value && be.value && Ye.value(J.value) && je(J.value)[0] && Be.value ? (u(), O(Dt, {
                 key: 0,
                 class: "mt-1",
                 "current-day": Ye.value(J.value) ? je(J.value)[0] : void 0,
@@ -3541,7 +3541,7 @@ const xl = {
       ], 2);
     };
   }
-}), Yl = /* @__PURE__ */ te(Hl, [["__scopeId", "data-v-cb5d2e7a"]]), Ul = { id: "player-wrapper" }, zl = { id: "player-sizer" }, jl = {
+}), Yl = /* @__PURE__ */ te(Hl, [["__scopeId", "data-v-3ddab441"]]), Ul = { id: "player-wrapper" }, zl = { id: "player-sizer" }, jl = {
   class: "player-control",
   id: "controls-top-left"
 }, Wl = {
@@ -3629,28 +3629,28 @@ const xl = {
     );
     const o = _(0), l = _(
       new Nt(document, "player-wrapper")
-    ), r = D(() => n.images.map(
+    ), i = D(() => n.images.map(
       (h, k) => ({
         id: `image-${k}`,
         thumbnailUrl: h
       })
-    )), a = D(() => r.value[o.value]);
+    )), a = D(() => i.value[o.value]);
     Re(() => {
       l.value.setup();
     });
     function s() {
       l.value.toggle(), window.scrollTo({ top: 150, behavior: "smooth" });
     }
-    function i() {
+    function r() {
       let h = o.value + 1;
-      h >= r.value.length && (h = 0), o.value = h;
+      h >= i.value.length && (h = 0), o.value = h;
     }
     function f() {
       let h = o.value - 1;
-      h < 0 && (h = r.value.length - 1), o.value = h;
+      h < 0 && (h = i.value.length - 1), o.value = h;
     }
     function g(h, k = !0) {
-      let C = r.value.findIndex(
+      let C = i.value.findIndex(
         (F) => F.id === h
       );
       C != -1 && (o.value = C);
@@ -3676,7 +3676,7 @@ const xl = {
               "center-left": m(() => [
                 y(Fe, { name: "slide-x-transition" }, {
                   default: m(() => [
-                    r.value.length > 1 ? (u(), O(F, {
+                    i.value.length > 1 ? (u(), O(F, {
                       key: 0,
                       density: "comfortable",
                       elevation: "3",
@@ -3691,12 +3691,12 @@ const xl = {
               "center-right": m(() => [
                 y(Fe, { name: "slide-x-reverse-transition" }, {
                   default: m(() => [
-                    r.value.length > 1 ? (u(), O(F, {
+                    i.value.length > 1 ? (u(), O(F, {
                       key: 0,
                       density: "comfortable",
                       elevation: "3",
                       icon: "mdi-chevron-right",
-                      onClick: i
+                      onClick: r
                     })) : V("", !0)
                   ]),
                   _: 1
@@ -3715,12 +3715,12 @@ const xl = {
               ]),
               "bottom-center": m(() => [
                 e("div", null, [
-                  l.value.isActive && r.value.length > 1 ? (u(), O(vt, {
+                  l.value.isActive && i.value.length > 1 ? (u(), O(vt, {
                     key: 0,
                     class: ce([l.value.isActive ? "full-screen" : ""]),
-                    thumbnails: r.value,
+                    thumbnails: i.value,
                     active: o.value,
-                    onNext: i,
+                    onNext: r,
                     onPrevious: f,
                     onGoto: g
                   }, null, 8, ["class", "thumbnails", "active"])) : V("", !0)
@@ -3729,11 +3729,11 @@ const xl = {
               "bottom-right": m(() => []),
               _: 1
             }, 8, ["is-full-screen"]),
-            r.value.length > 1 ? (u(), O(vt, {
+            i.value.length > 1 ? (u(), O(vt, {
               key: 0,
-              thumbnails: r.value,
+              thumbnails: i.value,
               active: o.value,
-              onNext: i,
+              onNext: r,
               onPrevious: f,
               onGoto: g
             }, null, 8, ["thumbnails", "active"])) : V("", !0)
@@ -3755,7 +3755,7 @@ const xl = {
   },
   emits: ["apartmentJsonLoaded", "minimapJsonLoaded", "cameraSet"],
   setup(t, { emit: n }) {
-    const l = we(t), r = n, a = _(), s = _(), i = _(), f = _(0), g = _(), h = _(1), k = D(() => l.currentCamera.value ? l.currentCamera.value : a.value ? a.value.cameras[0].id : null), C = D(() => ({
+    const l = we(t), i = n, a = _(), s = _(), r = _(), f = _(0), g = _(), h = _(1), k = D(() => l.currentCamera.value ? l.currentCamera.value : a.value ? a.value.cameras[0].id : null), C = D(() => ({
       transformOrigin: "top left",
       transform: `scale(${h.value})`
     }));
@@ -3765,7 +3765,7 @@ const xl = {
         h.value = A.clientWidth / 512, I.style.height = `${S.contentRect.height * h.value}px`;
       }).observe(g.value);
     }), Y(k, () => {
-      r("cameraSet", k.value);
+      i("cameraSet", k.value);
     });
     const F = D(() => {
       const S = pe(l.cdnFileResolver.value, "").replace(
@@ -3782,15 +3782,15 @@ const xl = {
       async () => {
         a.value = await (await fetch(
           pe(l.cdnFileResolver.value, "/apartment.json")
-        )).json(), r("apartmentJsonLoaded", a.value), s.value = await (await fetch(
+        )).json(), i("apartmentJsonLoaded", a.value), s.value = await (await fetch(
           pe(l.cdnFileResolver.value, "/minimap/minimap.json")
-        )).json(), r("minimapJsonLoaded", s.value);
+        )).json(), i("minimapJsonLoaded", s.value);
       },
       { immediate: !0 }
     ), Y(
       [w, l.cdnFileResolver],
       () => {
-        l.cdnFileResolver.value && w.value && (i.value = w.value.defaultSunsimFile ? pe(l.cdnFileResolver.value, "/minimap/sunsim0_13.jpg") : pe(
+        l.cdnFileResolver.value && w.value && (r.value = w.value.defaultSunsimFile ? pe(l.cdnFileResolver.value, "/minimap/sunsim0_13.jpg") : pe(
           l.cdnFileResolver.value,
           `/minimap/${w.value.defaultSunsimFile}`
         ));
@@ -3798,7 +3798,7 @@ const xl = {
       { immediate: !0 }
     );
     function d(v) {
-      i.value = v;
+      r.value = v;
     }
     return (v, S) => {
       const I = E("v-skeleton-loader");
@@ -3821,7 +3821,7 @@ const xl = {
               y(Ut, {
                 "transform-angle": f.value,
                 "all-cameras": a.value.cameras,
-                "background-image": i.value,
+                "background-image": r.value,
                 rotation: v.rotation || 0,
                 "current-camera": k.value,
                 storey: w.value,
@@ -3854,7 +3854,7 @@ const xl = {
       }, 8, ["loading"]);
     };
   }
-}), Xs = /* @__PURE__ */ te(ss, [["__scopeId", "data-v-8077dfb5"]]), rs = ["src"], is = /* @__PURE__ */ N({
+}), Xs = /* @__PURE__ */ te(ss, [["__scopeId", "data-v-8077dfb5"]]), is = ["src"], rs = /* @__PURE__ */ N({
   __name: "VStructureChooserCameraDayTimeSample",
   props: {
     timeSampleData: {},
@@ -3862,12 +3862,12 @@ const xl = {
     currentTime: {}
   },
   setup(t) {
-    const n = t, { timeSampleData: o, cdnFileResolver: l, currentTime: r } = we(n), a = _(), s = Ae("registerImage"), i = Ae("completeImage");
+    const n = t, { timeSampleData: o, cdnFileResolver: l, currentTime: i } = we(n), a = _(), s = Ae("registerImage"), r = Ae("completeImage");
     Y(a, () => {
       a.value && (s(a.value), a.value.onload = () => {
-        i(a.value);
+        r(a.value);
       }, a.value.onerror = () => {
-        i(a.value);
+        r(a.value);
       });
     });
     const f = D(() => pe(l.value, o.value.filename));
@@ -3875,12 +3875,12 @@ const xl = {
       ref_key: "image",
       ref: a,
       style: ae({
-        visibility: p(r) && p(o) === p(r) ? "visible" : "hidden"
+        visibility: p(i) && p(o) === p(i) ? "visible" : "hidden"
       }),
       src: f.value
-    }, null, 12, rs));
+    }, null, 12, is));
   }
-}), us = /* @__PURE__ */ te(is, [["__scopeId", "data-v-c4a08195"]]), cs = /* @__PURE__ */ N({
+}), us = /* @__PURE__ */ te(rs, [["__scopeId", "data-v-c4a08195"]]), cs = /* @__PURE__ */ N({
   __name: "VStructureChooserCameraDay",
   props: {
     dayData: {},
@@ -3889,12 +3889,12 @@ const xl = {
     currentTime: {}
   },
   setup(t) {
-    const n = t, { dayData: o, cdnFileResolver: l, currentTime: r } = we(n);
-    return (a, s) => (u(!0), L(ke, null, Ee(p(o).timeSamples, (i, f) => (u(), O(us, {
+    const n = t, { dayData: o, cdnFileResolver: l, currentTime: i } = we(n);
+    return (a, s) => (u(!0), L(ke, null, Ee(p(o).timeSamples, (r, f) => (u(), O(us, {
       key: f,
-      "time-sample-data": i,
+      "time-sample-data": r,
       "cdn-file-resolver": p(l),
-      "current-time": p(r)
+      "current-time": p(i)
     }, null, 8, ["time-sample-data", "cdn-file-resolver", "current-time"]))), 128));
   }
 }), ds = ["src"], vs = /* @__PURE__ */ N({
@@ -3907,9 +3907,9 @@ const xl = {
     currentTime: {}
   },
   setup(t) {
-    const n = t, { cameraData: o, cdnFileResolver: l, currentCamera: r, currentTime: a } = we(n), s = _(), i = Ae("registerImage"), f = Ae("completeImage");
+    const n = t, { cameraData: o, cdnFileResolver: l, currentCamera: i, currentTime: a } = we(n), s = _(), r = Ae("registerImage"), f = Ae("completeImage");
     Y(s, () => {
-      s.value && (i(s.value), s.value.onload = () => {
+      s.value && (r(s.value), s.value.onload = () => {
         f(s.value);
       }, s.value.onerror = () => {
         f(s.value);
@@ -3926,7 +3926,7 @@ const xl = {
       key: 1,
       ref_key: "image",
       ref: s,
-      style: ae({ visibility: p(r) === p(o) ? "visible" : "hidden" }),
+      style: ae({ visibility: p(i) === p(o) ? "visible" : "hidden" }),
       src: g.value
     }, null, 12, ds));
   }
@@ -3938,12 +3938,12 @@ const xl = {
     currentTransition: {}
   },
   setup(t) {
-    const n = t, { transitionData: o, cdnFileResolver: l, currentTransition: r } = we(n), a = _(), s = Ae("registerImage"), i = Ae("completeImage");
+    const n = t, { transitionData: o, cdnFileResolver: l, currentTransition: i } = we(n), a = _(), s = Ae("registerImage"), r = Ae("completeImage");
     Y(a, () => {
       a.value && (s(a.value), a.value.onload = () => {
-        i(a.value);
+        r(a.value);
       }, a.value.onerror = () => {
-        i(a.value);
+        r(a.value);
       });
     });
     const f = D(() => pe(l.value, o.value.filename));
@@ -3951,7 +3951,7 @@ const xl = {
       ref_key: "image",
       ref: a,
       style: ae({
-        visibility: p(o) === p(r) ? "visible" : "hidden"
+        visibility: p(o) === p(i) ? "visible" : "hidden"
       }),
       src: f.value
     }, null, 12, ps));
@@ -3978,19 +3978,19 @@ const gs = {
   },
   emits: ["onDayChange"],
   setup(t, { emit: n }) {
-    const o = t, { isMobileSized: l, currentCamera: r, currentDay: a, disabled: s } = we(o), i = n, f = _(a.value.dayOfYear);
+    const o = t, { isMobileSized: l, currentCamera: i, currentDay: a, disabled: s } = we(o), r = n, f = _(a.value.dayOfYear);
     return Y(a, () => {
       f.value = a.value.dayOfYear;
     }), Y(f, () => {
-      i(
+      r(
         "onDayChange",
-        r.value.sunsimDayOfYear.find(
+        i.value.sunsimDayOfYear.find(
           (g) => g.dayOfYear === f.value
         )
       );
     }), (g, h) => {
       const k = E("v-btn"), C = E("v-field"), F = E("v-list-item-title"), w = E("v-list-item"), d = E("v-list"), v = E("v-menu");
-      return p(r).sunsimDayOfYear && p(r).sunsimDayOfYear.length > 0 ? (u(), L("div", gs, [
+      return p(i).sunsimDayOfYear && p(i).sunsimDayOfYear.length > 0 ? (u(), L("div", gs, [
         y(v, null, {
           activator: m(({ props: S }) => [
             y(C, {
@@ -4003,9 +4003,9 @@ const gs = {
                   variant: "text",
                   rounded: "",
                   flat: "",
-                  readonly: p(r).sunsimDayOfYear.length === 1,
+                  readonly: p(i).sunsimDayOfYear.length === 1,
                   "prepend-icon": "mdi-calendar-blank",
-                  "append-icon": p(r).sunsimDayOfYear.length > 1 ? "mdi-menu-down" : void 0,
+                  "append-icon": p(i).sunsimDayOfYear.length > 1 ? "mdi-menu-down" : void 0,
                   disabled: p(s),
                   size: p(l) ? "small" : void 0
                 }, S), {
@@ -4021,7 +4021,7 @@ const gs = {
           default: m(() => [
             y(d, null, {
               default: m(() => [
-                (u(!0), L(ke, null, Ee(p(r).sunsimDayOfYear, (S, I) => (u(), O(w, {
+                (u(!0), L(ke, null, Ee(p(i).sunsimDayOfYear, (S, I) => (u(), O(w, {
                   key: I,
                   value: I,
                   onClick: (A) => f.value = S.dayOfYear
@@ -4064,10 +4064,10 @@ const gs = {
   setup(t, { emit: n }) {
     const o = t, {
       isMobileSized: l,
-      stillCameras: r,
+      stillCameras: i,
       currentCamera: a,
       cdnFileResolver: s,
-      disabled: i
+      disabled: r
     } = we(o), f = _(a.value), g = n;
     Y(
       a,
@@ -4078,11 +4078,11 @@ const gs = {
     ), Y(f, () => {
       g(
         "onCameraChange",
-        r.value.find((k) => k === f.value)
+        i.value.find((k) => k === f.value)
       );
     });
     function h(k) {
-      i.value || (f.value = k);
+      r.value || (f.value = k);
     }
     return (k, C) => {
       const F = E("v-icon");
@@ -4093,12 +4093,12 @@ const gs = {
           "align-end": !p(l),
           "justify-end": p(l),
           mobile: p(l),
-          disabled: p(i),
-          enabled: !p(i)
+          disabled: p(r),
+          enabled: !p(r)
         })
       }, [
         e("div", bs, [
-          (u(!0), L(ke, null, Ee(p(r), (w, d) => (u(), L("div", {
+          (u(!0), L(ke, null, Ee(p(i), (w, d) => (u(), L("div", {
             key: d,
             class: ce(["still-camera-image d-flex flex-column flex-reverse align-center elevation-2", {
               "active-camera": w === f.value
@@ -4142,13 +4142,13 @@ const gs = {
   },
   emits: ["onTimeChange"],
   setup(t, { emit: n }) {
-    const o = t, { isMobileSized: l, currentDay: r, currentTime: a, disabled: s } = we(o), i = n, f = _(a.value.timeInHours);
+    const o = t, { isMobileSized: l, currentDay: i, currentTime: a, disabled: s } = we(o), r = n, f = _(a.value.timeInHours);
     return Y(a, () => {
       f.value = a.value.timeInHours;
     }), Y(f, () => {
-      i(
+      r(
         "onTimeChange",
-        r.value.timeSamples.find(
+        i.value.timeSamples.find(
           (g) => g.timeInHours === f.value
         )
       );
@@ -4157,13 +4157,13 @@ const gs = {
       return u(), L("div", {
         class: ce({ "d-inline-block": !0, mobile: p(l) }),
         style: ae({
-          flex: p(l) && p(r).timeSamples.length > 1 ? 1 : void 0,
+          flex: p(l) && p(i).timeSamples.length > 1 ? 1 : void 0,
           verticalAlign: "top"
         })
       }, [
         y(F, {
           style: ae(
-            p(r).timeSamples.length > 1 ? {
+            p(i).timeSamples.length > 1 ? {
               width: p(l) ? "100%" : "300px",
               height: p(l) ? "28px" : "36px"
             } : {
@@ -4179,14 +4179,14 @@ const gs = {
           flat: ""
         }, {
           default: m(() => [
-            p(r).timeSamples.length > 1 ? (u(), O(C, {
+            p(i).timeSamples.length > 1 ? (u(), O(C, {
               key: 0,
               class: "pa-2 pr-2",
               modelValue: f.value,
               "onUpdate:modelValue": h[0] || (h[0] = (w) => f.value = w),
-              min: p(r).startTime,
-              max: p(r).endTime,
-              step: p(r).interval,
+              min: p(i).startTime,
+              max: p(i).endTime,
+              step: p(i).interval,
               disabled: !!p(s),
               density: "compact",
               "thumb-size": "16",
@@ -4239,16 +4239,16 @@ const gs = {
   },
   emits: ["onZoomIn", "onZoomOut"],
   setup(t, { emit: n }) {
-    const o = t, { isMobileSized: l, canZoomIn: r, canZoomOut: a, disabled: s } = we(o), i = n;
+    const o = t, { isMobileSized: l, canZoomIn: i, canZoomOut: a, disabled: s } = we(o), r = n;
     return (f, g) => {
       const h = E("v-btn");
       return u(), L("div", Ms, [
         y(h, {
-          disabled: p(s) || !p(r),
+          disabled: p(s) || !p(i),
           size: p(l) ? "x-small" : "small",
           flat: "",
           icon: "mdi-plus",
-          onClick: g[0] || (g[0] = (k) => i("onZoomIn")),
+          onClick: g[0] || (g[0] = (k) => r("onZoomIn")),
           style: { "border-bottom-left-radius": "0", "border-bottom-right-radius": "0" }
         }, null, 8, ["disabled", "size"]),
         Fs,
@@ -4257,7 +4257,7 @@ const gs = {
           size: p(l) ? "x-small" : "small",
           flat: "",
           icon: "mdi-minus",
-          onClick: g[1] || (g[1] = (k) => i("onZoomOut")),
+          onClick: g[1] || (g[1] = (k) => r("onZoomOut")),
           style: { "border-top-left-radius": "0", "border-top-right-radius": "0" }
         }, null, 8, ["disabled", "size"])
       ]);
@@ -4291,17 +4291,17 @@ class Ne {
   }
   async loadImage(n) {
     return new Promise((o, l) => {
-      const r = new Image();
-      r.crossOrigin = "anonymous", r.onload = () => {
-        o(r);
-      }, r.onerror = l, r.src = n;
+      const i = new Image();
+      i.crossOrigin = "anonymous", i.onload = () => {
+        o(i);
+      }, i.onerror = l, i.src = n;
     });
   }
   async loadImageData(n) {
     const o = await this.loadImage(n), l = document.createElement("canvas");
     try {
-      const r = l.getContext("2d");
-      return l.width = o.width, l.height = o.height, r.drawImage(o, 0, 0), l.toDataURL("image/png");
+      const i = l.getContext("2d");
+      return l.width = o.width, l.height = o.height, i.drawImage(o, 0, 0), l.toDataURL("image/png");
     } finally {
       l.remove();
     }
@@ -4318,13 +4318,13 @@ const Ds = ["innerHTML"], Bs = /* @__PURE__ */ N({
   },
   emits: ["onClick", "onHoverOver", "onHoverOut", "updateSvgContainer", "onError", "onBoundingBoxesUpdate"],
   setup(t, { emit: n }) {
-    const o = t, { cdnFileResolver: l, colorCallback: r, currentCamera: a, selectedId: s } = we(o), i = n, f = _(!0), g = _({}), h = _(), k = In({}), C = D(() => pe(
+    const o = t, { cdnFileResolver: l, colorCallback: i, currentCamera: a, selectedId: s } = we(o), r = n, f = _(!0), g = _({}), h = _(), k = In({}), C = D(() => pe(
       l.value,
       a.value.overlayFilename
     ));
     Ft(() => {
       for (const d in k) {
-        const { element: v, state: S } = k[d], { r: I, g: A, b: R, a: Z, s: $ } = r.value(d, S) || {
+        const { element: v, state: S } = k[d], { r: I, g: A, b: R, a: Z, s: $ } = i.value(d, S) || {
           r: 0,
           g: 0,
           b: 0,
@@ -4340,7 +4340,7 @@ const Ds = ["innerHTML"], Bs = /* @__PURE__ */ N({
       try {
         f.value = !1, g.value[C.value] || (g.value[C.value] = await Ne.loadText(C.value)), w();
       } catch (d) {
-        i("onError", d);
+        r("onError", d);
       } finally {
         f.value = !0;
       }
@@ -4383,7 +4383,7 @@ const Ds = ["innerHTML"], Bs = /* @__PURE__ */ N({
         var v;
         const d = (v = h.value) == null ? void 0 : v.firstChild;
         if (d) {
-          i("updateSvgContainer", d), F();
+          r("updateSvgContainer", d), F();
           let S, I = "data-structure-id";
           S = d.querySelectorAll(`[${I}]`), S.length === 0 && (I = "data-apartment-id", S = d.querySelectorAll(`[${I}]`), S.length === 0 && (I = "data-building-id", S = d.querySelectorAll(`[${I}]`))), S.forEach((A) => {
             const R = A.cloneNode(
@@ -4398,13 +4398,13 @@ const Ds = ["innerHTML"], Bs = /* @__PURE__ */ N({
               state: s.value === Z ? "selected" : "idle",
               boundingBox: R.getBoundingClientRect().toJSON()
             }, o.activeStructureIds && !o.activeStructureIds.includes(Z) && (R.style.display = "none"), R.addEventListener("mouseover", () => {
-              k[Z].state === "idle" && (k[Z].state = "hover"), i("onHoverOver", Z);
+              k[Z].state === "idle" && (k[Z].state = "hover"), r("onHoverOver", Z);
             }), R.addEventListener("mouseout", () => {
-              k[Z].state === "hover" && (k[Z].state = "idle"), i("onHoverOut", Z);
+              k[Z].state === "hover" && (k[Z].state = "idle"), r("onHoverOut", Z);
             }), R.addEventListener("click", () => {
-              i("onClick", Z);
+              r("onClick", Z);
             });
-          }), i(
+          }), r(
             "onBoundingBoxesUpdate",
             Object.entries(k).map(([A, R]) => ({
               id: A,
@@ -4507,7 +4507,7 @@ function zs(t) {
   return !0;
 }
 function js(t) {
-  var n, o, l, r;
+  var n, o, l, i;
   if (Ts(t))
     return t;
   if (Rs(t)) {
@@ -4531,7 +4531,7 @@ function js(t) {
       loopable: !1,
       cameras: t.cameras.map(
         (a) => {
-          var i;
+          var r;
           if (a.sunsimDayOfYear) {
             if (a.sunsimDayOfYear.length === 0)
               throw new Error(
@@ -4558,9 +4558,9 @@ function js(t) {
           }), {
             ...s,
             defaultFilename: s.sunsimDayOfYear[0] ? Pe(
-              ((i = s.sunsimDayOfYear[0].timeSamples.find(
+              ((r = s.sunsimDayOfYear[0].timeSamples.find(
                 (f) => f.timeInHours === s.sunsimDayOfYear[0].defaultHour
-              )) == null ? void 0 : i.filename) || s.sunsimDayOfYear[0].timeSamples[0].filename
+              )) == null ? void 0 : r.filename) || s.sunsimDayOfYear[0].timeSamples[0].filename
             ) : void 0
           };
         }
@@ -4578,9 +4578,9 @@ function js(t) {
       longitude: t.longitude,
       renderVersion: t.renderVersion,
       parentStructure: void 0,
-      structures: t.buildings.map(({ id: s, name: i }) => ({
+      structures: t.buildings.map(({ id: s, name: r }) => ({
         id: s,
-        name: i,
+        name: r,
         type: "building"
       })),
       stillCameraIndices: [0],
@@ -4602,8 +4602,8 @@ function js(t) {
             endTime: 23.5,
             interval: 0.5,
             defaultHour: 14,
-            timeSamples: s.timeSamples.map(({ timeInHours: i, filename: f }) => ({
-              timeInHours: i,
+            timeSamples: s.timeSamples.map(({ timeInHours: r, filename: f }) => ({
+              timeInHours: r,
               filename: Pe(f)
             }))
           }))
@@ -4655,17 +4655,17 @@ function js(t) {
                 throw new Error(
                   "cannot convert ApartmentChooserDataV5 to StructureChooser: key 'cameras.sunsimDayOfYear' is missing"
                 );
-              const i = { ...a };
-              return i.sunsimDayOfYear && i.sunsimDayOfYear.forEach((f) => {
+              const r = { ...a };
+              return r.sunsimDayOfYear && r.sunsimDayOfYear.forEach((f) => {
                 f.timeSamples && f.timeSamples.forEach((g) => {
                   g.filename = Pe(g.filename);
                 });
               }), {
-                ...i,
-                defaultFilename: i.sunsimDayOfYear[0] ? Pe(
-                  ((s = i.sunsimDayOfYear[0].timeSamples.find(
-                    (f) => f.timeInHours === i.sunsimDayOfYear[0].defaultHour
-                  )) == null ? void 0 : s.filename) || i.sunsimDayOfYear[0].timeSamples[0].filename
+                ...r,
+                defaultFilename: r.sunsimDayOfYear[0] ? Pe(
+                  ((s = r.sunsimDayOfYear[0].timeSamples.find(
+                    (f) => f.timeInHours === r.sunsimDayOfYear[0].defaultHour
+                  )) == null ? void 0 : s.filename) || r.sunsimDayOfYear[0].timeSamples[0].filename
                 ) : void 0
               };
             } else
@@ -4682,19 +4682,19 @@ function js(t) {
         throw new Error(
           "cannot convert ApartmentChooserDataLegacy to StructureChooser: key 'scenes' is missing"
         );
-      const a = [...Array(64).keys()].map((i) => ({
-        filename: `/1280/${(i + 1).toString().padStart(4, "0") + ".jpg"}`
+      const a = [...Array(64).keys()].map((r) => ({
+        filename: `/1280/${(r + 1).toString().padStart(4, "0") + ".jpg"}`
       })), s = [4, 1, 2, 3];
-      for (let i = 0; i < t.scenes.length; i++) {
-        let f = t.scenes[i], g, h;
+      for (let r = 0; r < t.scenes.length; r++) {
+        let f = t.scenes[r], g, h;
         g = a[f].filename, h = {
-          cameraName: `Camera ${i + 1}`,
+          cameraName: `Camera ${r + 1}`,
           cameraPosition: void 0,
-          cameraRotation: t.sceneCameras && (l = t.sceneCameras.find((k) => k.scene === i)) != null && l.cameraRotation ? $t(
-            (r = t.sceneCameras.find((k) => k.scene === i)) == null ? void 0 : r.cameraRotation
+          cameraRotation: t.sceneCameras && (l = t.sceneCameras.find((k) => k.scene === r)) != null && l.cameraRotation ? $t(
+            (i = t.sceneCameras.find((k) => k.scene === r)) == null ? void 0 : i.cameraRotation
           ) : void 0,
           cameraFov: 0,
-          overlayFilename: `/scenedata${s[i]}V5Overlay.svg`,
+          overlayFilename: `/scenedata${s[r]}V5Overlay.svg`,
           defaultFilename: g,
           sunsimDayOfYear: void 0
           // sunsimDayOfYear: [
@@ -4720,16 +4720,16 @@ function js(t) {
         longitude: 0,
         renderVersion: t.renderVersion,
         parentStructure: void 0,
-        structures: t.sceneData.map(({ apartmentID: i }) => ({
-          id: i,
-          name: i,
+        structures: t.sceneData.map(({ apartmentID: r }) => ({
+          id: r,
+          name: r,
           type: "unit"
         })),
         stillCameraIndices: t.scenes,
-        stillCameraData: t.sceneData.map(({ apartmentID: i, bestScene: f }) => ({
+        stillCameraData: t.sceneData.map(({ apartmentID: r, bestScene: f }) => ({
           bestIndex: s.findIndex((g) => g === f) in t.scenes ? t.scenes[s.findIndex((g) => g === f)] : null,
-          id: i
-        })).filter(({ bestIndex: i }) => i !== null),
+          id: r
+        })).filter(({ bestIndex: r }) => r !== null),
         loopable: !0,
         cameras: a
       };
@@ -4773,32 +4773,32 @@ const Ws = {
   emits: ["onClick", "onHoverOver", "onHoverOut", "onMouseMove", "onBoundingBoxesUpdate", "onInitialize", "onError"],
   setup(t, { expose: n, emit: o }) {
     const l = t, {
-      structureChooserData: r,
+      structureChooserData: i,
       cdnFileResolver: a,
       colorCallback: s,
-      i18nConfig: i,
+      i18nConfig: r,
       customOverlayContent: f,
       selectedId: g,
       defaultCamera: h,
       defaultDay: k,
       defaultTime: C,
       mobileBreakpoint: F
-    } = we(l), w = o, d = _(), v = _(), S = _(), I = _(null), A = _(4), R = _(), Z = _(!1), $ = _(!1), G = _(), de = D(() => G.value.isHoverEnabled), H = _({ x: 0, y: 0, width: 0, height: 0 }), ye = _(), z = _(), M = _(), j = _(!1), me = _(1), Ce = _(0), re = _([]), B = _(), q = _({
+    } = we(l), w = o, d = _(), v = _(), S = _(), I = _(null), A = _(4), R = _(), Z = _(!1), $ = _(!1), G = _(), de = D(() => G.value.isHoverEnabled), H = _({ x: 0, y: 0, width: 0, height: 0 }), ye = _(), z = _(), M = _(), W = _(!1), me = _(1), Ce = _(0), ie = _([]), B = _(), q = _({
       current: 100,
       min: 100,
       max: 1e3
-    }), Q = _(!1), W = _();
+    }), Q = _(!1), j = _();
     Xe(
       Ve,
-      i.value ? new Qe(i.value) : new Qe()
+      r.value ? new Qe(r.value) : new Qe()
     ), Xe("registerImage", (b) => {
       $e(() => {
-        re.value.find((T) => T.image === b) || (b.decode(), re.value = [...re.value, { image: b, loaded: !1 }]);
+        ie.value.find((T) => T.image === b) || (b.decode(), ie.value = [...ie.value, { image: b, loaded: !1 }]);
       });
     }), Xe("completeImage", (b) => {
       $e(() => {
-        const T = re.value.findIndex((X) => X.image === b);
-        T >= 0 && (re.value[T].loaded = !0, re.value = [...re.value]);
+        const T = ie.value.findIndex((X) => X.image === b);
+        T >= 0 && (ie.value[T].loaded = !0, ie.value = [...ie.value]);
       });
     }), n({
       getState: () => ({
@@ -4821,25 +4821,25 @@ const Ws = {
       }) => {
         typeof b == "number" && (d.value = J.value[b]), typeof T == "number" && (v.value = d.value.sunsimDayOfYear[T]), typeof X == "number" && (S.value = v.value.timeSamples[X]), typeof oe == "number" && (I.value = _e.value[oe]), typeof ne == "number" && (A.value = ne);
       },
-      resolveCoordinates: (b, T) => W.value ? W.value(b, T) : { x: 0, y: 0 }
+      resolveCoordinates: (b, T) => j.value ? j.value(b, T) : { x: 0, y: 0 }
     }), Re(() => {
       Z.value = !0, Q.value = !1;
     }), Y(z, () => {
       z.value && new ResizeObserver(([]) => {
-        const T = re.value.find((X) => X.loaded);
+        const T = ie.value.find((X) => X.loaded);
         T && (Ce.value = T.image.width / me.value);
       }).observe(z.value);
-    }), Y(re, () => {
+    }), Y(ie, () => {
       if (Ce.value === 0) {
-        const b = re.value.find((T) => T.loaded);
+        const b = ie.value.find((T) => T.loaded);
         b && (me.value = b.image.naturalWidth / b.image.naturalHeight, Ce.value = b.image.width / me.value);
       }
     });
-    const se = D(() => re.value.every((b) => b.loaded)), K = D(() => Math.round(
-      re.value.filter((b) => b.loaded).length / re.value.length * 100
+    const se = D(() => ie.value.every((b) => b.loaded)), K = D(() => Math.round(
+      ie.value.filter((b) => b.loaded).length / ie.value.length * 100
     ));
     Y(
-      r,
+      i,
       (b) => {
         try {
           Q.value = !1, M.value = js(b);
@@ -4853,11 +4853,11 @@ const Ws = {
     ), Y(Z, (b) => {
       b && w("onInitialize");
     });
-    const ie = _();
+    const re = _();
     Y(
       () => l.activeStructureIds,
       () => {
-        ie.value = l.activeStructureIds;
+        re.value = l.activeStructureIds;
       },
       {
         immediate: !0,
@@ -4867,7 +4867,7 @@ const Ws = {
       () => z.value,
       () => {
         z.value && new ResizeObserver(([T]) => {
-          j.value = T.contentRect.width < F.value;
+          W.value = T.contentRect.width < F.value;
         }).observe(z.value);
       }
     );
@@ -4879,7 +4879,7 @@ const Ws = {
     Y(
       [M, a],
       () => {
-        M.value && a.value && (re.value = []);
+        M.value && a.value && (ie.value = []);
       },
       { immediate: !0 }
     ), Y(
@@ -5002,7 +5002,7 @@ const Ws = {
       current: X,
       resolve: oe
     }) {
-      W.value = oe, q.value = { min: b, max: T, current: X };
+      j.value = oe, q.value = { min: b, max: T, current: X };
     }
     function He(b) {
       B.value.adjustZoom(b ? 10 : -10);
@@ -5063,7 +5063,7 @@ const Ws = {
                 e("div", {
                   ref_key: "container",
                   ref: z,
-                  class: ce({ mobile: j.value }),
+                  class: ce({ mobile: W.value }),
                   style: { "min-height": "160px" },
                   onMousemove: ft
                 }, [
@@ -5072,7 +5072,7 @@ const Ws = {
                     class: "persistent actions-bar top-right pa-2",
                     style: ae({
                       zIndex: 7,
-                      top: j.value && J.value.length > 1 ? "60px" : 0
+                      top: W.value && J.value.length > 1 ? "60px" : 0
                     })
                   }, [
                     d.value.cameraRotation ? (u(), O(Yt, {
@@ -5080,13 +5080,13 @@ const Ws = {
                       class: "mb-2",
                       style: ae({
                         zIndex: 7,
-                        width: j.value ? 32 : 40,
-                        height: j.value ? 32 : 40
+                        width: W.value ? 32 : 40,
+                        height: W.value ? 32 : 40
                       }),
                       longitude: at(d.value.cameraRotation.y) + 270
                     }, null, 8, ["style", "longitude"])) : V("", !0),
                     y(Vs, {
-                      "is-mobile-sized": j.value,
+                      "is-mobile-sized": W.value,
                       "can-zoom-out": q.value.min < q.value.current,
                       "can-zoom-in": q.value.max > q.value.current,
                       disabled: $.value,
@@ -5098,12 +5098,12 @@ const Ws = {
                     key: 1,
                     class: ce([{
                       "actions-bar bottom-center pb-2": !0,
-                      "px-0": j.value
+                      "px-0": W.value
                     }, "still-cameras-wrapper"]),
                     style: { "z-index": "7" }
                   }, [
                     y(As, {
-                      "is-mobile-sized": j.value,
+                      "is-mobile-sized": W.value,
                       "still-cameras": J.value,
                       "current-camera": d.value,
                       disabled: $.value,
@@ -5148,7 +5148,7 @@ const Ws = {
                           "color-callback": p(s),
                           "current-camera": d.value,
                           "selected-id": p(g),
-                          activeStructureIds: ie.value,
+                          activeStructureIds: re.value,
                           onOnClick: be,
                           onOnHoverOver: ue,
                           onOnHoverOut: Me,
@@ -5167,20 +5167,20 @@ const Ws = {
                     key: 2,
                     class: ce({
                       "actions-bar top-left pa-2 d-flex": !0,
-                      "px-0": j.value
+                      "px-0": W.value
                     }),
                     style: { "z-index": "7" }
                   }, [
                     y(_s, {
                       class: "pr-2",
-                      "is-mobile-sized": j.value,
+                      "is-mobile-sized": W.value,
                       "current-camera": d.value,
                       "current-day": v.value,
                       disabled: $.value,
                       onOnDayChange: he
                     }, null, 8, ["is-mobile-sized", "current-camera", "current-day", "disabled"]),
                     y(Es, {
-                      "is-mobile-sized": j.value,
+                      "is-mobile-sized": W.value,
                       "current-day": v.value,
                       "current-time": S.value,
                       disabled: $.value,
@@ -5214,7 +5214,7 @@ const Ws = {
       ], 64);
     };
   }
-}), Rt = /* @__PURE__ */ te(Zs, [["__scopeId", "data-v-57d83a24"]]), er = {
+}), Rt = /* @__PURE__ */ te(Zs, [["__scopeId", "data-v-57d83a24"]]), ei = {
   install: function(n) {
     n.component("VStructureChooser", Rt), n.component("VVirtualTour", Yl), n.component("VManualSlideShow", ls), n.component("VStructureChooser", Rt);
   }
@@ -5230,5 +5230,5 @@ export {
   Yl as VVirtualTour,
   Hn as VZoomBox,
   js as convertStructureChooserDataLegacyToV5,
-  er as default
+  ei as default
 };