@qispace/vue3-player 0.1.4 → 0.1.6

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

@@ -1,7 +1,7 @@
 var St = Object.defineProperty;
 var Et = (u, t, e) => t in u ? St(u, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : u[t] = e;
 var ee = (u, t, e) => (Et(u, typeof t != "symbol" ? t + "" : t, e), e);
-import { defineComponent as Q, ref as r, computed as V, openBlock as h, createElementBlock as F, watch as Z, onMounted as ce, onBeforeUnmount as Oe, withDirectives as de, createElementVNode as o, normalizeStyle as re, vShow as me, createVNode as y, Fragment as Ce, renderList as _e, createCommentVNode as H, inject as pe, resolveComponent as T, withCtx as M, toDisplayString as z, unref as oe, createTextVNode as se, normalizeClass as ye, createBlock as N, renderSlot as ie, provide as De, watchEffect as qe, resolveDynamicComponent as dt, normalizeProps as vt, guardReactiveProps as mt, mergeProps as be, nextTick as Ft, createSlots as xt, Transition as ze, pushScopeId as Je, popScopeId as et, vModelText as Bt, createStaticVNode as pt, onBeforeUpdate as Vt } from "vue";
+import { defineComponent as Q, ref as r, computed as V, openBlock as p, createElementBlock as F, watch as Z, onMounted as ce, onBeforeUnmount as Oe, withDirectives as de, createElementVNode as o, normalizeStyle as re, vShow as me, createVNode as y, Fragment as Ce, renderList as _e, createCommentVNode as H, inject as pe, resolveComponent as T, withCtx as I, toDisplayString as q, unref as oe, createTextVNode as se, normalizeClass as ye, createBlock as N, renderSlot as ie, provide as De, watchEffect as ze, resolveDynamicComponent as dt, normalizeProps as vt, guardReactiveProps as mt, mergeProps as be, nextTick as Ft, createSlots as xt, Transition as qe, pushScopeId as Je, popScopeId as et, vModelText as Bt, createStaticVNode as pt, onBeforeUpdate as Vt } from "vue";
 import ht from "axios";
 import * as Ut from "@qispace/player-core";
 import * as xe from "three";
@@ -33,7 +33,7 @@ const Dt = /* @__PURE__ */ Q({
     const e = r(), l = V(() => window.getComputedStyle(e.value).display === "none");
     return t({
       isHoverEnabled: l
-    }), (a, n) => (h(), F("div", {
+    }), (a, n) => (p(), F("div", {
       ref_key: "hoverCheck",
       ref: e,
       class: "hover-check"
@@ -58,18 +58,18 @@ const Dt = /* @__PURE__ */ Q({
   },
   emits: ["selectUnit", "goToUnit", "hoverOver", "hoverOut", "pos"],
   setup(u, { emit: t }) {
-    const e = u, l = t, a = r({ x: 0, y: 0, width: 0, height: 0 }), n = r(null), s = r(0), i = r(0), k = r(null), p = r(null), v = r(null), m = r(null), I = r(-1), _ = r(!1), L = r(null), C = r(null), E = r({}), D = r("auto"), g = r(null), A = r(void 0), R = r(new $e()), c = r({}), f = r(), b = r(), B = r(), U = V(() => f.value.isHoverEnabled), $ = V(() => e.cdnFileResolver(`/scenedata${e.viewModel.currentScene}.png`)), q = V(() => $.value in E.value ? E.value[$.value] : null), J = V(() => {
-      if (I.value < 0)
+    const e = u, l = t, a = r({ x: 0, y: 0, width: 0, height: 0 }), n = r(null), s = r(0), i = r(0), k = r(null), h = r(null), v = r(null), m = r(null), M = r(-1), L = r(!1), A = r(null), _ = r(null), E = r({}), D = r("auto"), g = r(null), C = r(void 0), R = r(new $e()), c = r({}), f = r(), b = r(), B = r(), U = V(() => f.value.isHoverEnabled), $ = V(() => e.cdnFileResolver(`/scenedata${e.viewModel.currentScene}.png`)), z = V(() => $.value in E.value ? E.value[$.value] : null), J = V(() => {
+      if (M.value < 0)
         return !1;
       const j = e.sceneData.find(
-        (P) => P.index === I.value
+        (P) => P.index === M.value
       );
       return j ? e.unitCallback ? e.unitCallback(j.apartmentId) : j.apartmentId : !1;
     }), w = V(() => ({
       width: s.value + "px",
       height: i.value + "px",
       cursor: D.value
-    })), x = V(() => `hover-${_.value ? "over" : "out"}-${J.value ? typeof J.value == "object" && "unitId" in J.value ? J.value.unitId : J.value : ""}`);
+    })), x = V(() => `hover-${L.value ? "over" : "out"}-${J.value ? typeof J.value == "object" && "unitId" in J.value ? J.value.unitId : J.value : ""}`);
     Z(
       $,
       () => {
@@ -81,8 +81,8 @@ const Dt = /* @__PURE__ */ Q({
         });
       },
       { immediate: !0 }
-    ), Z(q, () => {
-      q.value && W();
+    ), Z(z, () => {
+      z.value && W();
     }), Z(
       () => e.viewModel.currentScene,
       () => {
@@ -101,7 +101,7 @@ const Dt = /* @__PURE__ */ Q({
     ), Z(J, () => {
       Ve(), J.value ? D.value = "pointer" : D.value = "auto";
     }), Z(x, () => {
-      _.value ? l("hoverOver", {
+      L.value ? l("hoverOver", {
         hoverApartment: J.value,
         closeHandler: () => Ge()
       }) : l("hoverOut", {
@@ -111,24 +111,24 @@ const Dt = /* @__PURE__ */ Q({
     }), Z(a, () => {
       l("pos", a.value);
     }), ce(() => {
-      A.value = () => {
+      C.value = () => {
         clearTimeout(g.value), Me(), g.value = setTimeout(() => {
           Me();
         }, 50);
-      }, window.addEventListener("resize", A.value), Me();
+      }, window.addEventListener("resize", C.value), Me();
     }), Oe(() => {
-      window.removeEventListener("resize", A.value);
+      window.removeEventListener("resize", C.value);
       for (const j in E.value)
         URL.revokeObjectURL(E.value[j]);
     });
     function W() {
-      n.value = b, k.value = n.value.getContext("2d", { willReadFrequently: !0 }), p.value = new Image(), p.value.onload = () => {
+      n.value = b, k.value = n.value.getContext("2d", { willReadFrequently: !0 }), h.value = new Image(), h.value.onload = () => {
         je(), n.value.addEventListener("mousemove", Pe(S, 50));
-      }, p.value.src = q.value;
+      }, h.value.src = z.value;
     }
     function S(j) {
       const P = K(j.offsetX, j.offsetY);
-      _.value = P >= 0, I.value = P, a.value = {
+      L.value = P >= 0, M.value = P, a.value = {
         x: j.offsetX,
         y: j.offsetY,
         width: s.value,
@@ -140,13 +140,13 @@ const Dt = /* @__PURE__ */ Q({
       P < 0 || U && fe(P);
     }
     function X() {
-      if (p.value && p.value.width) {
-        n.value.width = p.value.width, n.value.height = p.value.height, k.value.drawImage(
-          p.value,
+      if (h.value && h.value.width) {
+        n.value.width = h.value.width, n.value.height = h.value.height, k.value.drawImage(
+          h.value,
           0,
           0,
-          p.value.width,
-          p.value.height
+          h.value.width,
+          h.value.height
         ), m.value = k.value.getImageData(
           0,
           0,
@@ -167,7 +167,7 @@ const Dt = /* @__PURE__ */ Q({
       }
     }
     function K(j, P) {
-      L.value = j, C.value = P;
+      A.value = j, _.value = P;
       const le = n.value.offsetWidth / n.value.width, Se = n.value.offsetHeight / n.value.height, Ee = (j / le).toFixed(), Fe = (P / Se).toFixed(), we = Number(Fe) * (n.value.width * 4) + Number(Ee) * 4, ke = m.value.data[we];
       return m.value.data[we + 3] > 0 ? ke : -1;
     }
@@ -176,7 +176,7 @@ const Dt = /* @__PURE__ */ Q({
         if (P.index >= 0) {
           const le = ue(P.index), Se = ve(P.index);
           let Ee = "idle";
-          !J.value && e.selectedUnitId && Se === e.selectedUnitId ? Ee = "selected" : J.value && I.value === P.index && (Ee = "hover");
+          !J.value && e.selectedUnitId && Se === e.selectedUnitId ? Ee = "selected" : J.value && M.value === P.index && (Ee = "hover");
           const Fe = e.unitCallback ? e.unitCallback(Se) : Se;
           if (Fe) {
             const we = e.colorCallback(Fe, Ee);
@@ -232,7 +232,7 @@ const Dt = /* @__PURE__ */ Q({
       Ie(), ne(), k.value && v.value && k.value.putImageData(v.value, 0, 0);
     }
     function Ge() {
-      _.value = !1;
+      L.value = !1;
     }
     const Ae = r(!1);
     function Pe(j, P) {
@@ -240,7 +240,7 @@ const Dt = /* @__PURE__ */ Q({
         Ae.value && (Ae.value = !1, j.apply(this, le), setTimeout(() => Ae.value = !0, P));
       };
     }
-    return (j, P) => (h(), F("div", {
+    return (j, P) => (p(), F("div", {
       ref_key: "$el",
       ref: B,
       id: "canvas"
@@ -274,7 +274,7 @@ const Dt = /* @__PURE__ */ Q({
   },
   emits: ["selectUnit", "goToUnit", "hoverOver", "hoverOut", "pos"],
   setup(u, { emit: t }) {
-    const e = u, l = t, a = r({ x: 0, y: 0, width: 0, height: 0 }), n = r(-1), s = r({}), i = r(null), k = r(new $e()), p = r(), v = r(), m = V(() => v.value.isHoverEnabled);
+    const e = u, l = t, a = r({ x: 0, y: 0, width: 0, height: 0 }), n = r(-1), s = r({}), i = r(null), k = r(new $e()), h = r(), v = r(), m = V(() => v.value.isHoverEnabled);
     Z(
       () => e.viewModel.currentScene,
       () => {
@@ -291,7 +291,7 @@ const Dt = /* @__PURE__ */ Q({
       l("pos", a.value);
     }), Z(n, (c, f) => {
       if (c >= 0) {
-        const b = L(c);
+        const b = A(c);
         l("hoverOver", {
           hoverApartment: b,
           closeHandler: () => {
@@ -299,7 +299,7 @@ const Dt = /* @__PURE__ */ Q({
           }
         });
       } else {
-        const b = L(f);
+        const b = A(f);
         l("hoverOut", {
           hoverApartment: b,
           closeHandler: () => {
@@ -315,52 +315,52 @@ const Dt = /* @__PURE__ */ Q({
           const $ = new DOMParser().parseFromString(B, "image/svg+xml").getElementsByTagName("svg")[0];
           b.viewBox = $.getAttribute("viewBox"), b.svgObjects = Array.from(
             $.querySelectorAll("*[data-index]")
-          ).map((q) => ({
-            index: parseInt(q.getAttribute("data-index")),
-            svg: q.innerHTML
+          ).map((z) => ({
+            index: parseInt(z.getAttribute("data-index")),
+            svg: z.innerHTML
           })), s.value = { ...s.value, [c]: b };
         });
       }
-      p.value.addEventListener("mousemove", R(I, 50));
+      h.value.addEventListener("mousemove", R(M, 50));
     });
-    function I(c) {
+    function M(c) {
       a.value = {
         x: c.offsetX,
         y: c.offsetY,
-        width: p.value.offsetWidth,
-        height: p.value.offsetHeight
+        width: h.value.offsetWidth,
+        height: h.value.offsetHeight
       };
     }
-    function _(c) {
+    function L(c) {
       var f;
       return (f = e.sceneData.find((b) => b.index === parseInt(c))) == null ? void 0 : f.apartmentId;
     }
-    function L(c) {
-      const f = _(c);
+    function A(c) {
+      const f = L(c);
       return e.unitCallback ? e.unitCallback(f) : f;
     }
-    function C(c) {
+    function _(c) {
       m.value && (n.value = c);
     }
     function E(c) {
       m.value && (n.value = -1);
     }
     function D(c) {
-      const f = L(c);
+      const f = A(c);
       l("selectUnit", f), m.value && f && e.canGoToUnitCallback(f) ? l("goToUnit", f) : n.value = c;
     }
     function g(c) {
-      const f = _(c), b = L(c);
+      const f = L(c), b = A(c);
       let B = "idle";
       n.value < 0 && e.selectedUnitId && f === e.selectedUnitId ? B = "selected" : n.value >= 0 && n.value === c && (B = "hover");
       const U = e.colorCallback(b, B);
       if (U) {
-        const { r: $, g: q, b: J, a: w, s: x } = U;
+        const { r: $, g: z, b: J, a: w, s: x } = U;
         return {
           strokeWidth: x !== void 0 ? x : 2,
-          stroke: `rgb(${$}, ${q}, ${J})`,
+          stroke: `rgb(${$}, ${z}, ${J})`,
           strokeOpacity: 1,
-          fill: `rgb(${$}, ${q}, ${J})`,
+          fill: `rgb(${$}, ${z}, ${J})`,
           fillOpacity: w / 255,
           cursor: `${e.canGoToUnitCallback(b) ? "cursor" : "default"} !important`
         };
@@ -374,16 +374,16 @@ const Dt = /* @__PURE__ */ Q({
           cursor: "default !important"
         };
     }
-    const A = r(!1);
+    const C = r(!1);
     function R(c, f) {
-      return A.value = !0, function(...b) {
-        A.value && (A.value = !1, c.apply(this, b), setTimeout(() => A.value = !0, f));
+      return C.value = !0, function(...b) {
+        C.value && (C.value = !1, c.apply(this, b), setTimeout(() => C.value = !0, f));
       };
     }
-    return (c, f) => (h(), F("div", {
+    return (c, f) => (p(), F("div", {
       id: "container",
       ref_key: "container",
-      ref: p
+      ref: h
     }, [
       de(o("div", {
         class: "svg-container",
@@ -391,15 +391,15 @@ const Dt = /* @__PURE__ */ Q({
           opacity: !i.value || !i.value.svgObjects ? 0 : 1
         })
       }, [
-        i.value && i.value.svgObjects ? (h(), F("svg", {
+        i.value && i.value.svgObjects ? (p(), F("svg", {
           key: 0,
           viewBox: i.value.viewBox
         }, [
-          (h(!0), F(Ce, null, _e(i.value.svgObjects, ({ index: b, svg: B }) => (h(), F("g", {
+          (p(!0), F(Ce, null, _e(i.value.svgObjects, ({ index: b, svg: B }) => (p(), F("g", {
             key: b,
             innerHTML: B,
             style: re(g(b)),
-            onMouseenter: (U) => C(b),
+            onMouseenter: (U) => _(b),
             onMouseleave: (U) => E(),
             onClick: (U) => D(b)
           }, null, 44, $t))), 128))
@@ -438,12 +438,12 @@ const Dt = /* @__PURE__ */ Q({
     }
     return (s, i) => {
       const k = T("v-btn");
-      return h(), F("div", null, [
+      return p(), F("div", null, [
         y(k, {
           elevation: "1",
           icon: "mdi-rotate-right",
           class: "black darken-1",
-          onClick: i[0] || (i[0] = (p) => s.viewModel.rotateClockwise())
+          onClick: i[0] || (i[0] = (h) => s.viewModel.rotateClockwise())
         }),
         y(k, {
           elevation: "1",
@@ -451,7 +451,7 @@ const Dt = /* @__PURE__ */ Q({
           icon: "mdi-chevron-left",
           class: "mr-sm-4 ml-sm-8 mr-3 ml-3 black darken-1",
           disabled: !s.prevUnit,
-          onClick: i[1] || (i[1] = (p) => l("prevUnit"))
+          onClick: i[1] || (i[1] = (h) => l("prevUnit"))
         }, null, 8, ["disabled"]),
         y(k, {
           color: "success darken-2",
@@ -459,11 +459,11 @@ const Dt = /* @__PURE__ */ Q({
           rounded: "",
           plain: "",
           disabled: !s.selectedUnit || !s.canGoToUnitCallback(s.selectedUnit),
-          onClick: i[2] || (i[2] = (p) => l("goToUnit", s.selectedUnit))
+          onClick: i[2] || (i[2] = (h) => l("goToUnit", s.selectedUnit))
         }, {
-          default: M(() => [
-            s.selectedUnit && s.canGoToUnitCallback(s.selectedUnit) ? (h(), F("span", Pt, z(oe(a).getLabel("see-apartment")) + "  ", 1)) : H("", !0),
-            o("span", null, z(s.selectedUnit && "title" in s.selectedUnit ? s.selectedUnit.title : "-"), 1)
+          default: I(() => [
+            s.selectedUnit && s.canGoToUnitCallback(s.selectedUnit) ? (p(), F("span", Pt, q(oe(a).getLabel("see-apartment")) + "  ", 1)) : H("", !0),
+            o("span", null, q(s.selectedUnit && "title" in s.selectedUnit ? s.selectedUnit.title : "-"), 1)
           ]),
           _: 1
         }, 8, ["disabled"]),
@@ -473,14 +473,14 @@ const Dt = /* @__PURE__ */ Q({
           icon: "mdi-chevron-right",
           class: "mr-sm-8 ml-sm-4 mr-3 ml-3 black darken-1",
           disabled: !s.nextUnit,
-          onClick: i[3] || (i[3] = (p) => l("nextUnit"))
+          onClick: i[3] || (i[3] = (h) => l("nextUnit"))
         }, null, 8, ["disabled"]),
         y(k, {
           elevation: "1",
           plain: "",
           icon: "mdi-rotate-left",
           class: "black darken-1",
-          onClick: i[4] || (i[4] = (p) => s.viewModel.rotateCounterClockwise())
+          onClick: i[4] || (i[4] = (h) => s.viewModel.rotateCounterClockwise())
         })
       ]);
     };
@@ -576,10 +576,10 @@ const Gt = {
 }, Qt = {
   key: 1,
   class: "frame-container"
-}, zt = {
+}, qt = {
   key: 0,
   class: "frame-image"
-}, qt = ["srcset", "type"], Zt = ["src"], Xt = {
+}, zt = ["srcset", "type"], Zt = ["src"], Xt = {
   key: 2,
   id: "image-stack",
   class: "frame-container"
@@ -593,26 +593,26 @@ const Gt = {
   },
   emits: ["loaded", "error", "progress"],
   setup(u, { emit: t }) {
-    const e = u, l = t, a = _(), n = r(
+    const e = u, l = t, a = L(), n = r(
       new Ke(a.length).onLoadFinished(() => l("loaded")).onLoadProgress((D) => l("progress", D)).onLoadError(() => l("error"))
     ), s = r(
       new Wt(e.cardinalFrames, rt)
-    ), i = r(a), k = r(!1), p = V(() => i.value.find((D) => D.show));
+    ), i = r(a), k = r(!1), h = V(() => i.value.find((D) => D.show));
     Z(
       () => e.viewModel.currentScene,
       (D, g) => {
-        const A = E(g, D), R = C(g, D);
-        v(g, A, R);
+        const C = E(g, D), R = _(g, D);
+        v(g, C, R);
       }
     ), ce(() => {
-      I();
+      M();
     });
-    function v(D, g, A) {
+    function v(D, g, C) {
       e.viewModel.isRotating || (e.viewModel.isRotating = !0, m(
         s.value.start(
           g,
           D % Ne,
-          A
+          C
         )
       ));
     }
@@ -620,41 +620,41 @@ const Gt = {
       setTimeout(() => {
         i.value[D.frameIndex].show = !1;
         const g = D.nextFrame();
-        i.value[g.frameIndex].show = !0, g.atEnd ? I() : window.requestAnimationFrame(() => m(g));
+        i.value[g.frameIndex].show = !0, g.atEnd ? M() : window.requestAnimationFrame(() => m(g));
       }, 1e3 / to);
     }
-    function I() {
+    function M() {
       const D = s.value.startFrameIndexForScene(
         e.viewModel.currentScene % Ne
       );
       D in i.value && (i.value[D].show = !0), e.viewModel.isRotating = !1;
     }
-    function _() {
+    function L() {
       const D = [];
       for (let g = 0; g < rt; g++) {
-        const { sourceSet: A, defaultPath: R } = L(g);
+        const { sourceSet: C, defaultPath: R } = A(g);
         D.push({
           index: g,
-          sourceSet: A,
+          sourceSet: C,
           defaultPath: R,
           show: !1
         });
       }
       return D;
     }
-    function L(D) {
-      const g = ("0000" + (D + 1)).slice(-4), A = e.build ? `?v=${e.build}` : "", R = [
-        `${e.cdnFileResolver(`/480/${g}.jpg${A}`)} 480w`,
-        `${e.cdnFileResolver(`/960/${g}.jpg${A}`)} 960w`,
-        `${e.cdnFileResolver(`/1280/${g}.jpg${A}`)} 1280w`
+    function A(D) {
+      const g = ("0000" + (D + 1)).slice(-4), C = e.build ? `?v=${e.build}` : "", R = [
+        `${e.cdnFileResolver(`/480/${g}.jpg${C}`)} 480w`,
+        `${e.cdnFileResolver(`/960/${g}.jpg${C}`)} 960w`,
+        `${e.cdnFileResolver(`/1280/${g}.jpg${C}`)} 1280w`
       ].join(","), c = e.cdnFileResolver(
-        `/480/${g}.jpg${A}`
+        `/480/${g}.jpg${C}`
       );
       return { sourceSet: R, defaultPath: c };
     }
-    function C(D, g) {
-      const A = Ne / 2, R = Math.abs(D - g);
-      return R > A ? Ne - R : R;
+    function _(D, g) {
+      const C = Ne / 2, R = Math.abs(D - g);
+      return R > C ? Ne - R : R;
     }
     function E(D, g) {
       if (D === g)
@@ -663,17 +663,17 @@ const Gt = {
       return R && D < g || !R && D > g ? 1 : -1;
     }
     return (D, g) => {
-      const A = T("v-icon");
-      return h(), F("div", null, [
-        n.value.isError ? (h(), F("div", Gt, [
-          y(A, { "x-large": "" }, {
-            default: M(() => [
+      const C = T("v-icon");
+      return p(), F("div", null, [
+        n.value.isError ? (p(), F("div", Gt, [
+          y(C, { "x-large": "" }, {
+            default: I(() => [
               se("mdi-alert-circle-outline")
             ]),
             _: 1
           })
-        ])) : k.value ? (h(), F("div", Xt, [
-          (h(!0), F(Ce, null, _e(i.value, (R) => (h(), F("picture", {
+        ])) : k.value ? (p(), F("div", Xt, [
+          (p(!0), F(Ce, null, _e(i.value, (R) => (p(), F("picture", {
             key: R.index,
             alt: R.index,
             class: ye({ "frame-image": !0, show: R.show })
@@ -689,14 +689,14 @@ const Gt = {
               onError: g[3] || (g[3] = (c) => n.value.errorDetected())
             }, null, 40, eo)
           ], 10, Kt))), 128))
-        ])) : (h(), F("div", Qt, [
-          p.value ? (h(), F("picture", zt, [
+        ])) : (p(), F("div", Qt, [
+          h.value ? (p(), F("picture", qt, [
             o("source", {
-              srcset: p.value.sourceSet,
-              type: p.value.type
-            }, null, 8, qt),
+              srcset: h.value.sourceSet,
+              type: h.value.type
+            }, null, 8, zt),
             o("img", {
-              src: p.value.defaultPath,
+              src: h.value.defaultPath,
               onLoad: g[0] || (g[0] = (R) => k.value = !0),
               onError: g[1] || (g[1] = (R) => n.value.errorDetected())
             }, null, 40, Zt)
@@ -719,23 +719,23 @@ const Gt = {
     });
     return (n, s) => {
       const i = T("v-dialog"), k = T("v-fade-transition");
-      return h(), N(k, {
+      return p(), N(k, {
         origin: a.value.replace("-", " ") + " " + n.pos.x + " " + n.pos.y
       }, {
-        default: M(() => [
-          n.isHoverable ? (h(), F("div", {
+        default: I(() => [
+          n.isHoverable ? (p(), F("div", {
             key: 0,
             class: ye(["floating-card", a.value]),
             style: re({ left: `${n.pos.x}px`, top: `${n.pos.y}px`, pointerEvents: "none" })
           }, [
             ie(n.$slots, "default", { isHoverable: n.isHoverable }, void 0, !0)
-          ], 6)) : (h(), N(i, {
+          ], 6)) : (p(), N(i, {
             key: 1,
             value: !0,
             width: "auto",
-            "onClick:outside": s[0] || (s[0] = (p) => l("outside", p))
+            "onClick:outside": s[0] || (s[0] = (h) => l("outside", h))
           }, {
-            default: M(() => [
+            default: I(() => [
               ie(n.$slots, "default", { isHoverable: n.isHoverable }, void 0, !0)
             ]),
             _: 3
@@ -756,13 +756,13 @@ const Gt = {
   },
   emits: ["update"],
   setup(u, { emit: t }) {
-    const e = u, l = t, a = r(100), n = r(0), s = r(0), i = r(!1), k = r(!1), p = r(void 0), v = r(!1), m = r(), I = V(() => `translateX(${n.value}px) translateY(${s.value}px) scale(${_.value})`), _ = V(() => a.value / 100), L = V(() => e.maxScale * 100);
-    Z([_, n, s], () => {
+    const e = u, l = t, a = r(100), n = r(0), s = r(0), i = r(!1), k = r(!1), h = r(void 0), v = r(!1), m = r(), M = V(() => `translateX(${n.value}px) translateY(${s.value}px) scale(${L.value})`), L = V(() => a.value / 100), A = V(() => e.maxScale * 100);
+    Z([L, n, s], () => {
       W();
     }), Z(
       () => e.desktop,
       () => {
-        e.desktop ? C() : D();
+        e.desktop ? _() : D();
       }
     ), Z(
       () => e.mobile,
@@ -770,12 +770,12 @@ const Gt = {
         e.mobile ? E() : g();
       }
     ), ce(() => {
-      e.desktop && C(), e.mobile && E();
+      e.desktop && _(), e.mobile && E();
     }), Oe(() => {
       e.desktop && D(), e.mobile && g();
     });
-    function C() {
-      m.value.addEventListener("wheel", A, {
+    function _() {
+      m.value.addEventListener("wheel", C, {
         capture: !0
       }), m.value.addEventListener("mousedown", R, {
         capture: !0
@@ -799,7 +799,7 @@ const Gt = {
       });
     }
     function D() {
-      m.value.removeEventListener("wheel", A, {
+      m.value.removeEventListener("wheel", C, {
         capture: !0
       }), m.value.removeEventListener("mousedown", R, {
         capture: !0
@@ -822,20 +822,20 @@ const Gt = {
         capture: !0
       });
     }
-    function A(S) {
-      const { x: Y, y: X } = q(S);
+    function C(S) {
+      const { x: Y, y: X } = z(S);
       x(-S.deltaY / 10, Y, X), S.preventDefault();
     }
     function R(S) {
-      i.value = !0, v.value = !1, p.value = S;
+      i.value = !0, v.value = !1, h.value = S;
     }
     function c(S) {
       if (i.value) {
-        const { x: Y, y: X } = q(S), { x: K, y: ne } = q(p.value), ue = {
+        const { x: Y, y: X } = z(S), { x: K, y: ne } = z(h.value), ue = {
           x: Y - K,
           y: X - ne
         };
-        J(ue.x), w(ue.y), v.value = !0, p.value = S;
+        J(ue.x), w(ue.y), v.value = !0, h.value = S;
       }
     }
     function f(S) {
@@ -845,25 +845,25 @@ const Gt = {
       i.value && (v.value && e.consumeMouseClickWhenMoved && (S.preventDefault(), S.stopImmediatePropagation()), i.value = !1);
     }
     function B(S) {
-      i.value = S.touches.length === 1, k.value = S.touches.length === 2, p.value = S;
+      i.value = S.touches.length === 1, k.value = S.touches.length === 2, h.value = S;
     }
     function U(S) {
       if (i.value) {
-        const { x: Y, y: X } = q(S.touches[0]), { x: K, y: ne } = q(p.value.touches[0]), ue = {
+        const { x: Y, y: X } = z(S.touches[0]), { x: K, y: ne } = z(h.value.touches[0]), ue = {
           x: Y - K,
           y: X - ne
         };
         J(ue.x), w(ue.y);
       } else if (k.value && S.touches.length === 2) {
-        const { x: Y, y: X } = q(S.touches[0]), { x: K, y: ne } = q(p.value.touches[0]), { x: ue, y: ve } = q(S.touches[1]), { x: he, y: fe } = q(p.value.touches[1]), ge = Math.hypot(K - he, ne - fe), Ie = Math.hypot(Y - ue, X - ve), Me = (ue + Y) / 2, je = (ve + X) / 2;
+        const { x: Y, y: X } = z(S.touches[0]), { x: K, y: ne } = z(h.value.touches[0]), { x: ue, y: ve } = z(S.touches[1]), { x: he, y: fe } = z(h.value.touches[1]), ge = Math.hypot(K - he, ne - fe), Ie = Math.hypot(Y - ue, X - ve), Me = (ue + Y) / 2, je = (ve + X) / 2;
         x(Ie - ge, Me, je);
       }
-      p.value = S;
+      h.value = S;
     }
     function $() {
       i.value = !1, k.value = !1;
     }
-    function q(S) {
+    function z(S) {
       const { left: Y, top: X } = m.value.getBoundingClientRect();
       return {
         x: S.clientX - Y,
@@ -871,43 +871,43 @@ const Gt = {
       };
     }
     function J(S) {
-      const Y = m.value.clientWidth, X = Y * _.value;
+      const Y = m.value.clientWidth, X = Y * L.value;
       n.value = Math.max(
         Math.min(0, n.value + S),
         -(X - Y)
       );
     }
     function w(S) {
-      const Y = m.value.clientHeight, X = Y * _.value;
+      const Y = m.value.clientHeight, X = Y * L.value;
       s.value = Math.max(
         Math.min(0, s.value + S),
         -(X - Y)
       );
     }
     function x(S, Y, X) {
-      const K = m.value.clientWidth, ne = m.value.clientHeight, ue = K * _.value, ve = ne * _.value;
-      a.value = Math.min(Math.max(100, a.value + S), L.value);
-      const he = K * _.value, fe = ne * _.value, ge = he - ue, Ie = fe - ve;
+      const K = m.value.clientWidth, ne = m.value.clientHeight, ue = K * L.value, ve = ne * L.value;
+      a.value = Math.min(Math.max(100, a.value + S), A.value);
+      const he = K * L.value, fe = ne * L.value, ge = he - ue, Ie = fe - ve;
       n.value -= Y / K * ge, s.value -= X / ne * Ie, J(0), w(0);
     }
     function W() {
       l("update", {
-        scale: _.value,
+        scale: L.value,
         x: n.value,
         y: s.value,
         resolve: (S, Y) => {
-          const X = m.value.clientWidth, K = m.value.clientHeight, ne = n.value / -_.value, ue = s.value / -_.value, ve = ne + X / _.value, he = ue + K / _.value, fe = S / X * (ve - ne) + ne, ge = Y / K * (he - ue) + ue;
+          const X = m.value.clientWidth, K = m.value.clientHeight, ne = n.value / -L.value, ue = s.value / -L.value, ve = ne + X / L.value, he = ue + K / L.value, fe = S / X * (ve - ne) + ne, ge = Y / K * (he - ue) + ue;
           return { x: fe, y: ge };
         }
       });
     }
-    return (S, Y) => (h(), F("div", {
+    return (S, Y) => (p(), F("div", {
       ref_key: "box",
       ref: m,
       class: "zoom-box-container"
     }, [
       o("div", {
-        style: re({ "transform-origin": "top left", transform: I.value }),
+        style: re({ "transform-origin": "top left", transform: M.value }),
         class: "zoom-box"
       }, [
         ie(S.$slots, "default", {}, void 0, !0)
@@ -1068,11 +1068,11 @@ const uo = { key: 0 }, co = { class: "interactive-viewer" }, vo = { class: "fill
       "i18n",
       l.i18n ? new Le(l.i18n.labels, l.i18n.language) : new Le()
     );
-    const n = r({ isReady: !1, isError: !1, progress: void 0 }), s = r(null), i = r(null), k = r(null), p = r(void 0), v = r(new $e()), m = r({ x: 0, y: 0, width: 0, height: 0 }), I = r(void 0), _ = r(void 0), L = r(null), C = V(() => L.value.isHoverEnabled), E = V(() => l.unitCallback ? l.unitCallback(l.selectedUnitId) : l.selectedUnitId), D = V(() => l.useSvg ? jt : Tt);
-    qe(() => {
-      if (l.selectedUnitId && p.value) {
+    const n = r({ isReady: !1, isError: !1, progress: void 0 }), s = r(null), i = r(null), k = r(null), h = r(void 0), v = r(new $e()), m = r({ x: 0, y: 0, width: 0, height: 0 }), M = r(void 0), L = r(void 0), A = r(null), _ = V(() => A.value.isHoverEnabled), E = V(() => l.unitCallback ? l.unitCallback(l.selectedUnitId) : l.selectedUnitId), D = V(() => l.useSvg ? jt : Tt);
+    ze(() => {
+      if (l.selectedUnitId && h.value) {
         const c = s.value[l.selectedUnitId];
-        c && (p.value.currentScene = c);
+        c && (h.value.currentScene = c);
       }
     }), ce(async () => {
       let c = null;
@@ -1092,9 +1092,9 @@ const uo = { key: 0 }, co = { class: "interactive-viewer" }, vo = { class: "fill
         return { unitId: U.apartmentID, scene: $ };
       }).reduce((U, $) => ({ ...U, [$.unitId]: $.scene }), {}) : l.buildingScenesByApartmentResolver ? await l.buildingScenesByApartmentResolver() : [];
       const b = (U, $ = "unitId") => {
-        let q = f, J = [];
+        let z = f, J = [];
         for (let w = 0; w < at; w++)
-          J.push(q), q = ft(q);
+          J.push(z), z = ft(z);
         return U.sort((w, x) => {
           const W = J.findIndex(
             (Y) => Y === s.value[w[$]]
@@ -1104,7 +1104,7 @@ const uo = { key: 0 }, co = { class: "interactive-viewer" }, vo = { class: "fill
           return W < S ? -1 : W > S ? 1 : 0;
         }), U;
       }, B = (U) => {
-        p.value = new so(U);
+        h.value = new so(U);
       };
       a("initialized", {
         scene: f,
@@ -1118,35 +1118,35 @@ const uo = { key: 0 }, co = { class: "interactive-viewer" }, vo = { class: "fill
     function g(c) {
       m.value = c;
     }
-    function A(c) {
-      _.value = c.hoverApartment, I.value = c.closeHandler, a("hoverOverUnit", c.hoverApartment);
+    function C(c) {
+      L.value = c.hoverApartment, M.value = c.closeHandler, a("hoverOverUnit", c.hoverApartment);
     }
     function R(c) {
-      _.value = null, I.value = c.closeHandler, a("hoverOutUnit", c.hoverApartment);
+      L.value = null, M.value = c.closeHandler, a("hoverOutUnit", c.hoverApartment);
     }
     return (c, f) => {
       const b = T("v-progress-linear");
-      return p.value ? (h(), F("div", uo, [
+      return h.value ? (p(), F("div", uo, [
         o("div", co, [
           o("div", vo, [
             y(nt, {
               desktop: n.value.isReady && c.interactiveDesktop,
               mobile: n.value.isReady && c.interactiveMobile
             }, {
-              default: M(() => [
+              default: I(() => [
                 y(no, {
                   "cdn-file-resolver": c.cdnFileResolver,
-                  "view-model": p.value,
+                  "view-model": h.value,
                   "cardinal-frames": k.value,
                   build: c.build,
                   onProgress: f[0] || (f[0] = (B) => n.value.progress = B),
                   onLoaded: f[1] || (f[1] = (B) => n.value.isReady = !0),
                   onError: f[2] || (f[2] = (B) => n.value.isError = !0)
                 }, null, 8, ["cdn-file-resolver", "view-model", "cardinal-frames", "build"]),
-                n.value.isReady ? (h(), F("div", mo, [
-                  (h(), N(dt(D.value), {
+                n.value.isReady ? (p(), F("div", mo, [
+                  (p(), N(dt(D.value), {
                     "cdn-file-resolver": c.cdnFileResolver,
-                    "view-model": p.value,
+                    "view-model": h.value,
                     "selected-unit-id": c.selectedUnitId,
                     "scene-data": i.value,
                     "color-callback": c.colorCallback,
@@ -1155,11 +1155,11 @@ const uo = { key: 0 }, co = { class: "interactive-viewer" }, vo = { class: "fill
                     "draw-observer": c.drawObserver,
                     onSelectUnit: f[3] || (f[3] = (B) => a("selectUnit", B)),
                     onGoToUnit: f[4] || (f[4] = (B) => a("goToUnit", B)),
-                    onHoverOver: A,
+                    onHoverOver: C,
                     onHoverOut: R,
                     onPos: g
                   }, {
-                    default: M((B) => [
+                    default: I((B) => [
                       ie(c.$slots, "default", vt(mt(B)), void 0, !0)
                     ]),
                     _: 3
@@ -1168,36 +1168,36 @@ const uo = { key: 0 }, co = { class: "interactive-viewer" }, vo = { class: "fill
               ]),
               _: 3
             }, 8, ["desktop", "mobile"]),
-            _.value && c.showCards ? (h(), N(ot, {
+            L.value && c.showCards ? (p(), N(ot, {
               key: 0,
-              "is-hoverable": C.value,
+              "is-hoverable": _.value,
               pos: m.value,
-              onOutside: I.value
+              onOutside: M.value
             }, {
-              default: M(() => [
+              default: I(() => [
                 ie(c.$slots, "default", {
-                  unit: _.value,
-                  canGoToUnit: c.canGoToUnitCallback(_.value),
-                  goToUnit: () => c.canGoToUnitCallback(_.value) && a("goToUnit", _.value),
+                  unit: L.value,
+                  canGoToUnit: c.canGoToUnitCallback(L.value),
+                  goToUnit: () => c.canGoToUnitCallback(L.value) && a("goToUnit", L.value),
                   pos: m.value,
-                  isHoverable: C.value,
-                  close: I.value
+                  isHoverable: _.value,
+                  close: M.value
                 }, void 0, !0)
               ]),
               _: 3
             }, 8, ["is-hoverable", "pos", "onOutside"])) : H("", !0),
-            n.value.isReady ? (h(), F("div", po, [
+            n.value.isReady ? (p(), F("div", po, [
               y(Yt, {
                 "can-go-to-unit-callback": c.canGoToUnitCallback,
                 "selected-unit": E.value,
                 "prev-unit": c.prevUnit,
                 "next-unit": c.nextUnit,
-                "view-model": p.value,
+                "view-model": h.value,
                 onGoToUnit: f[5] || (f[5] = (B) => a("goToUnit", B)),
                 onPrevUnit: f[6] || (f[6] = (B) => a("navUnit", c.prevUnit)),
                 onNextUnit: f[7] || (f[7] = (B) => a("navUnit", c.nextUnit))
               }, null, 8, ["can-go-to-unit-callback", "selected-unit", "prev-unit", "next-unit", "view-model"])
-            ])) : n.value.isError ? H("", !0) : (h(), F("div", ho, [
+            ])) : n.value.isError ? H("", !0) : (p(), F("div", ho, [
               y(b, {
                 indeterminate: !n.value.progress,
                 value: n.value.progress
@@ -1207,7 +1207,7 @@ const uo = { key: 0 }, co = { class: "interactive-viewer" }, vo = { class: "fill
         ]),
         y(We, {
           ref_key: "hoverProbe",
-          ref: L
+          ref: A
         }, null, 512)
       ])) : H("", !0);
     };
@@ -1224,7 +1224,7 @@ const uo = { key: 0 }, co = { class: "interactive-viewer" }, vo = { class: "fill
     }));
     return (l, a) => {
       const n = T("v-img");
-      return h(), N(n, {
+      return p(), N(n, {
         src: oe(ko),
         style: re(e.value)
       }, null, 8, ["src", "style"]);
@@ -1252,7 +1252,7 @@ const uo = { key: 0 }, co = { class: "interactive-viewer" }, vo = { class: "fill
     const i = V(() => {
       const v = Math.floor(a.value / 2).toString().padStart(2, "0"), m = a.value % 2 === 0 ? "00" : "30";
       return `${v}:${m}`;
-    }), k = V(() => e.dateSelector.dates.map(s)), p = V({
+    }), k = V(() => e.dateSelector.dates.map(s)), h = V({
       get() {
         return s(e.dateSelector.selectedDate);
       },
@@ -1269,18 +1269,18 @@ const uo = { key: 0 }, co = { class: "interactive-viewer" }, vo = { class: "fill
       (v) => {
         a.value = Math.floor(v);
       }
-    ), qe(() => {
+    ), ze(() => {
       n.value = s(e.dateSelector.selectedDate);
     }), (v, m) => {
-      const I = T("v-icon"), _ = T("v-select"), L = T("v-progress-linear"), C = T("v-slider");
-      return h(), F("div", bo, [
+      const M = T("v-icon"), L = T("v-select"), A = T("v-progress-linear"), _ = T("v-slider");
+      return p(), F("div", bo, [
         o("div", yo, [
-          y(I, {
+          y(M, {
             color: "black",
             class: "mr-2",
             icon: "mdi-calendar-blank-outline"
           }),
-          v.dateSelector.hasMultipleDates ? (h(), N(_, {
+          v.dateSelector.hasMultipleDates ? (p(), N(L, {
             key: 0,
             modelValue: n.value,
             "onUpdate:modelValue": m[0] || (m[0] = (E) => n.value = E),
@@ -1289,27 +1289,27 @@ const uo = { key: 0 }, co = { class: "interactive-viewer" }, vo = { class: "fill
             variant: "underlined",
             "hide-details": "",
             class: "day-selector"
-          }, null, 8, ["modelValue", "items"])) : (h(), F("span", _o, z(p.value), 1))
+          }, null, 8, ["modelValue", "items"])) : (p(), F("span", _o, q(h.value), 1))
         ]),
         o("div", Co, [
-          o("span", Ao, z(i.value), 1),
-          y(I, {
+          o("span", Ao, q(i.value), 1),
+          y(M, {
             medium: "",
             class: "ml-2 mr-2 icon"
           }, {
-            default: M(() => [
+            default: I(() => [
               se("mdi-white-balance-sunny")
             ]),
             _: 1
           }),
-          v.isLoading ? (h(), N(L, {
+          v.isLoading ? (p(), N(A, {
             key: 0,
             indeterminate: "",
             rounded: "",
             height: "6",
             color: "grey lighten-1",
             class: "mr-2"
-          })) : (h(), N(C, {
+          })) : (p(), N(_, {
             key: 1,
             modelValue: a.value,
             "onUpdate:modelValue": m[1] || (m[1] = (E) => a.value = E),
@@ -1339,13 +1339,13 @@ const uo = { key: 0 }, co = { class: "interactive-viewer" }, vo = { class: "fill
     const e = u, l = t, a = r("init"), n = r(new Ke(0)), s = r();
     Z(
       () => e.imageUrls,
-      (p) => {
-        l("reset"), k(p);
+      (h) => {
+        l("reset"), k(h);
       }
     ), ce(() => {
-      k(e.imageUrls), new ResizeObserver((p) => {
+      k(e.imageUrls), new ResizeObserver((h) => {
         window.requestAnimationFrame(() => {
-          const v = p[0].contentRect.width, m = p[0].contentRect.height;
+          const v = h[0].contentRect.width, m = h[0].contentRect.height;
           l("resize", { width: v, height: m });
         });
       }).observe(s.value);
@@ -1353,14 +1353,14 @@ const uo = { key: 0 }, co = { class: "interactive-viewer" }, vo = { class: "fill
     function i() {
       a.value = "preloaded", l("preloaded");
     }
-    function k(p) {
-      a.value = "init", s.value.src = p[0], n.value = new Ke(p.length).onLoadFinished(
+    function k(h) {
+      a.value = "init", s.value.src = h[0], n.value = new Ke(h.length).onLoadFinished(
         () => {
           a.value = "loaded", l("ready");
         }
       );
     }
-    return (p, v) => (h(), F("div", null, [
+    return (h, v) => (p(), F("div", null, [
       o("img", {
         ref_key: "baseImage",
         ref: s,
@@ -1368,12 +1368,12 @@ const uo = { key: 0 }, co = { class: "interactive-viewer" }, vo = { class: "fill
         style: { opacity: 1, borderRadius: 50 },
         onLoad: i
       }, null, 544),
-      a.value === "preloaded" || a.value === "loaded" ? de((h(), F("div", Io, [
-        (h(!0), F(Ce, null, _e(p.imageUrls, (m, I) => (h(), F("img", {
-          key: I,
-          class: ye({ "image-instance": !0, active: I === p.activeIndex }),
+      a.value === "preloaded" || a.value === "loaded" ? de((p(), F("div", Io, [
+        (p(!0), F(Ce, null, _e(h.imageUrls, (m, M) => (p(), F("img", {
+          key: M,
+          class: ye({ "image-instance": !0, active: M === h.activeIndex }),
           src: m,
-          onLoad: v[0] || (v[0] = (_) => n.value.partLoaded())
+          onLoad: v[0] || (v[0] = (L) => n.value.partLoaded())
         }, null, 42, Mo))), 128)),
         se(" Here ")
       ], 512)), [
@@ -1549,13 +1549,13 @@ const Bo = {
     );
     const a = r({ preloaded: !1, ready: !1 }), n = r({ width: 0, height: 0 }), s = r({ x: 0, y: 0, width: 0, height: 0 }), i = r(), k = r(
       (/* @__PURE__ */ new Date()).getHours() * 2 + ((/* @__PURE__ */ new Date()).getMinutes() < 30 ? 0 : 1)
-    ), p = r(!1), v = r(new $e()), m = r(), I = r("0 0 0 0"), _ = r({}), L = r(), C = r(Re.empty()), E = r(Te.empty()), D = r(), g = V(() => {
+    ), h = r(!1), v = r(new $e()), m = r(), M = r("0 0 0 0"), L = r({}), A = r(), _ = r(Re.empty()), E = r(Te.empty()), D = r(), g = V(() => {
       var w;
       return (w = D.value) == null ? void 0 : w.isHoverEnabled;
-    }), A = V(() => f(i.value));
+    }), C = V(() => f(i.value));
     Z(i, (w, x) => {
       w ? l("hoverOverBuilding", f(w)) : l("hoverOutBuilding", f(x));
-    }), qe(() => {
+    }), ze(() => {
       if (e.buildingChooserTimeOfDay) {
         const [w, x, W] = /^(\d\d):(\d\d)$/.exec(
           e.buildingChooserTimeOfDay
@@ -1567,7 +1567,7 @@ const Bo = {
         e.cdnFileResolver
       ).loadBuildingChooser();
       if (x) {
-        E.value = new Te(x.mapImage), C.value = new Re(x.buildingIds), _.value = new Ze(x.backgrounds), L.value = {
+        E.value = new Te(x.mapImage), _.value = new Re(x.buildingIds), L.value = new Ze(x.backgrounds), A.value = {
           buildingOverlays: x.buildingOverlays,
           sceneLongitude: x.viewLongitude
         };
@@ -1575,14 +1575,14 @@ const Bo = {
         for (let { id: S, url: Y } of x.buildingOverlays)
           v.value.loadJson(Y.replace(".png", ".svg")).then((X) => {
             const ne = new DOMParser().parseFromString(X, "image/svg+xml").getElementsByTagName("svg")[0];
-            I.value = ne.getAttribute("viewBox"), W.push({
+            M.value = ne.getAttribute("viewBox"), W.push({
               id: S,
               svg: ne.innerHTML
             });
           });
         m.value = W;
       } else
-        p.value = !0;
+        h.value = !0;
     });
     function R({ width: w, height: x }) {
       n.value.width = w, n.value.height = x;
@@ -1641,7 +1641,7 @@ const Bo = {
         height: n.value.height
       }, i.value = void 0, l("hoverOutBuilding", f(x)));
     }
-    function q(w, x) {
+    function z(w, x) {
       g.value && (s.value = {
         x: w.layerX,
         y: w.layerY,
@@ -1650,18 +1650,18 @@ const Bo = {
       });
     }
     function J(w) {
-      i.value = w, g.value && A.value && e.canGoToBuildingCallback(A.value) && l("goToBuilding", A.value);
+      i.value = w, g.value && C.value && e.canGoToBuildingCallback(C.value) && l("goToBuilding", C.value);
     }
     return (w, x) => {
       const W = T("v-icon");
-      return p.value ? (h(), F("div", Bo, [
+      return h.value ? (p(), F("div", Bo, [
         y(W, { "x-large": "" }, {
-          default: M(() => [
+          default: I(() => [
             se("mdi-alert-circle-outline")
           ]),
           _: 1
         })
-      ])) : L.value ? (h(), F("div", {
+      ])) : A.value ? (p(), F("div", {
         key: 1,
         style: re(`height: ${n.value.height}px; position: relative`),
         class: "image-container"
@@ -1670,20 +1670,20 @@ const Bo = {
           desktop: w.interactiveDesktop,
           mobile: w.interactiveMobile
         }, {
-          default: M(() => [
+          default: I(() => [
             o("div", Vo, [
               y(wt, {
-                "image-urls": _.value.imageUrls,
+                "image-urls": L.value.imageUrls,
                 "active-index": k.value,
                 onResize: R,
                 onPreloaded: x[0] || (x[0] = (S) => a.value.preloaded = !0),
                 onReady: x[1] || (x[1] = (S) => a.value.ready = !0),
                 onReset: c
               }, null, 8, ["image-urls", "active-index"]),
-              m.value ? de((h(), F("div", Uo, [
+              m.value ? de((p(), F("div", Uo, [
                 o("div", Do, [
-                  (h(), F("svg", { viewBox: I.value }, [
-                    (h(!0), F(Ce, null, _e(m.value, ({ id: S, svg: Y }, X) => (h(), F("g", {
+                  (p(), F("svg", { viewBox: M.value }, [
+                    (p(!0), F(Ce, null, _e(m.value, ({ id: S, svg: Y }, X) => (p(), F("g", {
                       key: X,
                       innerHTML: Y,
                       "data-building-id": S,
@@ -1691,7 +1691,7 @@ const Bo = {
                       style: re(B(S)),
                       onMouseover: (K) => U(K, S),
                       onMouseout: (K) => $(K, S),
-                      onMousemove: (K) => q(K),
+                      onMousemove: (K) => z(K),
                       onClick: (K) => J(S)
                     }, null, 46, To))), 128))
                   ], 8, Ro))
@@ -1710,31 +1710,31 @@ const Bo = {
           _: 1
         }, 8, ["desktop", "mobile"]),
         de(o("div", null, [
-          L.value.sceneLongitude ? (h(), N(lt, {
+          A.value.sceneLongitude ? (p(), N(lt, {
             key: 0,
             class: "north-indicator",
-            longitude: L.value.sceneLongitude
+            longitude: A.value.sceneLongitude
           }, null, 8, ["longitude"])) : H("", !0),
           y(gt, {
             modelValue: k.value,
             "onUpdate:modelValue": x[2] || (x[2] = (S) => k.value = S),
-            "date-selector": _.value,
+            "date-selector": L.value,
             "is-loading": !a.value.ready
           }, null, 8, ["modelValue", "date-selector", "is-loading"])
         ], 512), [
           [me, a.value.preloaded]
         ]),
-        w.showCards && A.value ? (h(), N(ot, {
+        w.showCards && C.value ? (p(), N(ot, {
           key: 0,
           "is-hoverable": g.value,
           pos: s.value,
           onOutside: x[3] || (x[3] = () => i.value = void 0)
         }, {
-          default: M(() => [
+          default: I(() => [
             ie(w.$slots, "default", {
-              building: A.value,
-              canGoToBuilding: w.canGoToBuildingCallback(A.value),
-              goToBuilding: () => w.canGoToBuildingCallback(A.value) && l("goToBuilding", A.value),
+              building: C.value,
+              canGoToBuilding: w.canGoToBuildingCallback(C.value),
+              goToBuilding: () => w.canGoToBuildingCallback(C.value) && l("goToBuilding", C.value),
               pos: s.value,
               isHoverable: g.value,
               close: () => i.value = void 0
@@ -1760,22 +1760,22 @@ const Bo = {
     const t = u, e = r(!1), l = r(void 0), a = r(new $e()), n = r(void 0), s = r(void 0), i = r([]), k = r();
     Z(
       () => t.color,
-      (I, _) => {
-        (I.r !== _.r || I.g !== _.g || I.b !== _.b || I.a !== _.a) && v();
+      (M, L) => {
+        (M.r !== L.r || M.g !== L.g || M.b !== L.b || M.a !== L.a) && v();
       }
     ), ce(async () => {
-      l.value = await a.value.loadImage(t.imageUrl), p();
+      l.value = await a.value.loadImage(t.imageUrl), h();
     });
-    function p() {
+    function h() {
       if (!l.value || !k.value)
         return;
-      const { width: I, height: _ } = t.dimensions;
-      if (!(I === 0 || _ === 0)) {
+      const { width: M, height: L } = t.dimensions;
+      if (!(M === 0 || L === 0)) {
         n.value = k.value.getContext("2d", {
           willReadFrequently: !0
-        }), n.value.drawImage(l.value, 0, 0, I, _), s.value = n.value.getImageData(0, 0, I, _);
-        for (let L = 3; L < s.value.data.length; L += 4)
-          s.value.data[L] !== 0 && i.value.push(L);
+        }), n.value.drawImage(l.value, 0, 0, M, L), s.value = n.value.getImageData(0, 0, M, L);
+        for (let A = 3; A < s.value.data.length; A += 4)
+          s.value.data[A] !== 0 && i.value.push(A);
         v(), e.value = !0;
       }
     }
@@ -1784,14 +1784,14 @@ const Bo = {
     }
     function m() {
       if (t.color)
-        for (let I = 0; I < i.value.length; I++)
-          s.value.data[i.value[I] - 3] = t.color.r, s.value.data[i.value[I] - 2] = t.color.g, s.value.data[i.value[I] - 1] = t.color.b, s.value.data[i.value[I]] = t.color.a;
+        for (let M = 0; M < i.value.length; M++)
+          s.value.data[i.value[M] - 3] = t.color.r, s.value.data[i.value[M] - 2] = t.color.g, s.value.data[i.value[M] - 1] = t.color.b, s.value.data[i.value[M]] = t.color.a;
     }
-    return (I, _) => (h(), F("canvas", be({
+    return (M, L) => (p(), F("canvas", be({
       ref_key: "canvas",
       ref: k,
       class: "overlay"
-    }, I.dimensions), null, 16));
+    }, M.dimensions), null, 16));
   }
 }), Po = /* @__PURE__ */ te(jo, [["__scopeId", "data-v-b6fc0f96"]]), No = {
   key: 0,
@@ -1818,20 +1818,20 @@ const Bo = {
       "i18n",
       e.i18n ? new Le(e.i18n.labels, e.i18n.language) : new Le()
     );
-    const a = r({}), n = r({ preloaded: !1, ready: !1 }), s = r({ width: 0, height: 0 }), i = r({ x: 0, y: 0, width: 0, height: 0 }), k = r(void 0), p = r(Re.empty()), v = r(Te.empty()), m = r(void 0), I = r(
+    const a = r({}), n = r({ preloaded: !1, ready: !1 }), s = r({ width: 0, height: 0 }), i = r({ x: 0, y: 0, width: 0, height: 0 }), k = r(void 0), h = r(Re.empty()), v = r(Te.empty()), m = r(void 0), M = r(
       (/* @__PURE__ */ new Date()).getHours() * 2 + ((/* @__PURE__ */ new Date()).getMinutes() < 30 ? 0 : 1)
-    ), _ = r((w, x) => ({ x: w, y: x })), L = r(!1), C = r(), E = r(), D = r(), g = V(() => {
+    ), L = r((w, x) => ({ x: w, y: x })), A = r(!1), _ = r(), E = r(), D = r(), g = V(() => {
       var w;
-      return (w = C.value) == null ? void 0 : w.isHoverEnabled;
-    }), A = V(
+      return (w = _.value) == null ? void 0 : w.isHoverEnabled;
+    }), C = V(
       () => f(m.value)
     );
-    qe(() => {
+    ze(() => {
       if (e.buildingChooserTimeOfDay) {
         const [w, x, W] = /^(\d\d):(\d\d)$/.exec(
           e.buildingChooserTimeOfDay
         ), S = parseInt(W);
-        I.value = parseInt(x) * 2 + (S < 15 ? 0 : S > 45 ? 2 : 1);
+        M.value = parseInt(x) * 2 + (S < 15 ? 0 : S > 45 ? 2 : 1);
       }
     }), Z(m, (w, x) => {
       w ? l("hoverOverBuilding", f(w)) : l("hoverOutBuilding", f(x));
@@ -1839,10 +1839,10 @@ const Bo = {
       const x = await new kt(
         e.cdnFileResolver
       ).loadBuildingChooser();
-      x ? (v.value = new Te(x.mapImage), p.value = new Re(x.buildingIds), a.value = new Ze(x.backgrounds), k.value = {
+      x ? (v.value = new Te(x.mapImage), h.value = new Re(x.buildingIds), a.value = new Ze(x.backgrounds), k.value = {
         buildingOverlays: x.buildingOverlays,
         sceneLongitude: x.viewLongitude
-      }, B()) : L.value = !0;
+      }, B()) : A.value = !0;
     });
     function R({ width: w, height: x }) {
       s.value.width = w, s.value.height = x, Ft(B);
@@ -1854,8 +1854,8 @@ const Bo = {
       return e.buildingCallback ? e.buildingCallback(w) : w;
     }
     function b(w) {
-      const { x, y: W } = _.value(w.layerX, w.layerY);
-      return p.value.getBuildingId(v.value, x, W);
+      const { x, y: W } = L.value(w.layerX, w.layerY);
+      return h.value.getBuildingId(v.value, x, W);
     }
     function B() {
       if (E.value && (v.value.update(E.value), D.value))
@@ -1871,27 +1871,27 @@ const Bo = {
       }));
     }
     function $(w) {
-      m.value = b(w), g.value && A.value && l("goToBuilding", A.value);
+      m.value = b(w), g.value && C.value && l("goToBuilding", C.value);
     }
-    function q(w) {
+    function z(w) {
       return e.colorCallback(
         f(w),
         w === m.value ? "hover" : "idle"
       );
     }
     function J({ resolve: w }) {
-      _.value = w;
+      L.value = w;
     }
     return (w, x) => {
       const W = T("v-icon");
-      return L.value ? (h(), F("div", No, [
+      return A.value ? (p(), F("div", No, [
         y(W, { "x-large": "" }, {
-          default: M(() => [
+          default: I(() => [
             se("mdi-alert-circle-outline")
           ]),
           _: 1
         })
-      ])) : k.value ? (h(), F("div", {
+      ])) : k.value ? (p(), F("div", {
         key: 1,
         style: re(`cursor: ${m.value ? "pointer" : "auto"};height: ${s.value.height}px; position: relative`),
         class: "image-container"
@@ -1901,25 +1901,25 @@ const Bo = {
           mobile: w.interactiveMobile,
           onUpdate: J
         }, {
-          default: M(() => [
+          default: I(() => [
             o("div", Yo, [
               y(wt, {
                 "image-urls": a.value.imageUrls,
-                "active-index": I.value,
+                "active-index": M.value,
                 onResize: R,
                 onPreloaded: x[0] || (x[0] = (S) => n.value.preloaded = !0),
                 onReady: x[1] || (x[1] = (S) => n.value.ready = !0),
                 onReset: c
               }, null, 8, ["image-urls", "active-index"]),
               de(o("div", null, [
-                (h(!0), F(Ce, null, _e(k.value.buildingOverlays, (S) => (h(), N(Po, {
+                (p(!0), F(Ce, null, _e(k.value.buildingOverlays, (S) => (p(), N(Po, {
                   ref_for: !0,
                   ref_key: "overlays",
                   ref: D,
                   key: S.id,
                   "image-url": S.url,
                   dimensions: s.value,
-                  color: q(S.id)
+                  color: z(S.id)
                 }, null, 8, ["image-url", "dimensions", "color"]))), 128))
               ], 512), [
                 [me, n.value.preloaded]
@@ -1942,31 +1942,31 @@ const Bo = {
           _: 1
         }, 8, ["desktop", "mobile"]),
         de(o("div", null, [
-          k.value.sceneLongitude ? (h(), N(lt, {
+          k.value.sceneLongitude ? (p(), N(lt, {
             key: 0,
             class: "north-indicator",
             longitude: k.value.sceneLongitude
           }, null, 8, ["longitude"])) : H("", !0),
           y(gt, {
-            modelValue: I.value,
-            "onUpdate:modelValue": x[2] || (x[2] = (S) => I.value = S),
+            modelValue: M.value,
+            "onUpdate:modelValue": x[2] || (x[2] = (S) => M.value = S),
             "date-selector": a.value,
             "is-loading": !n.value.ready
           }, null, 8, ["modelValue", "date-selector", "is-loading"])
         ], 512), [
           [me, n.value.preloaded]
         ]),
-        w.showCards && A.value ? (h(), N(ot, {
+        w.showCards && C.value ? (p(), N(ot, {
           key: 0,
           "is-hoverable": g.value,
           pos: i.value,
           onOutside: x[3] || (x[3] = () => m.value = void 0)
         }, {
-          default: M(() => [
+          default: I(() => [
             ie(w.$slots, "default", {
-              building: A.value,
-              canGoToBuilding: w.canGoToBuildingCallback(A.value),
-              goToBuilding: () => w.canGoToBuildingCallback(A.value) && l("goToBuilding", A.value),
+              building: C.value,
+              canGoToBuilding: w.canGoToBuildingCallback(C.value),
+              goToBuilding: () => w.canGoToBuildingCallback(C.value) && l("goToBuilding", C.value),
               pos: i.value,
               isHoverable: g.value,
               close: () => m.value = void 0
@@ -1976,12 +1976,12 @@ const Bo = {
         }, 8, ["is-hoverable", "pos"])) : H("", !0),
         y(We, {
           ref_key: "hoverProbe",
-          ref: C
+          ref: _
         }, null, 512)
       ], 4)) : H("", !0);
     };
   }
-}), Qo = /* @__PURE__ */ te(Go, [["__scopeId", "data-v-96bbdc16"]]), zo = /* @__PURE__ */ Q({
+}), Qo = /* @__PURE__ */ te(Go, [["__scopeId", "data-v-96bbdc16"]]), qo = /* @__PURE__ */ Q({
   __name: "VBuildingChooser",
   props: {
     showCards: { type: Boolean, default: !0 },
@@ -2001,7 +2001,7 @@ const Bo = {
     const e = u, l = t, a = V(
       () => e.useSvg ? Ho : Qo
     );
-    return (n, s) => (h(), N(dt(a.value), {
+    return (n, s) => (p(), N(dt(a.value), {
       "show-cards": n.showCards,
       "color-callback": n.colorCallback,
       "building-callback": n.buildingCallback,
@@ -2018,7 +2018,7 @@ const Bo = {
     }, xt({ _: 2 }, [
       _e(Object.keys(n.$slots), (i) => ({
         name: i,
-        fn: M((k) => [
+        fn: I((k) => [
           ie(n.$slots, i, vt(mt(k)))
         ])
       }))
@@ -2029,11 +2029,11 @@ var He = {};
 Object.defineProperty(He, "__esModule", {
   value: !0
 });
-var qo = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(u) {
+var zo = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(u) {
   return typeof u;
 } : function(u) {
   return u && typeof Symbol == "function" && u.constructor === Symbol && u !== Symbol.prototype ? "symbol" : typeof u;
-}, Zo = typeof window < "u" && typeof window.document < "u", Xo = typeof process < "u" && process.versions != null && process.versions.node != null, Ko = (typeof self > "u" ? "undefined" : qo(self)) === "object" && self.constructor && self.constructor.name === "DedicatedWorkerGlobalScope", Jo = typeof window < "u" && window.name === "nodejs" || typeof navigator < "u" && (navigator.userAgent.includes("Node.js") || navigator.userAgent.includes("jsdom")), en = typeof Deno < "u" && typeof Deno.version < "u" && typeof Deno.version.deno < "u", tn = He.isBrowser = Zo;
+}, Zo = typeof window < "u" && typeof window.document < "u", Xo = typeof process < "u" && process.versions != null && process.versions.node != null, Ko = (typeof self > "u" ? "undefined" : zo(self)) === "object" && self.constructor && self.constructor.name === "DedicatedWorkerGlobalScope", Jo = typeof window < "u" && window.name === "nodejs" || typeof navigator < "u" && (navigator.userAgent.includes("Node.js") || navigator.userAgent.includes("jsdom")), en = typeof Deno < "u" && typeof Deno.version < "u" && typeof Deno.version.deno < "u", tn = He.isBrowser = Zo;
 He.isWebWorker = Ko;
 He.isNode = Xo;
 He.isJsDom = Jo;
@@ -2082,12 +2082,12 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
     Z(
       () => l.rootUrl,
       async (v) => {
-        n.value && (await n.value.loadInterior(v, s.value, !1), p());
+        n.value && await n.value.loadInterior(v, s.value, !1);
       }
     ), Z(
       () => l.fileLoader,
       async () => {
-        n.value && (await n.value.loadInterior(l.rootUrl, void 0, !1), p());
+        n.value && await n.value.loadInterior(l.rootUrl, void 0, !1);
       },
       { deep: !0 }
     ), Z(
@@ -2100,49 +2100,44 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
       const m = n.value.getCurrentCamera();
       m && (s.value = m.id);
     }), ce(async () => {
-      window.addEventListener("resize", p), p();
-      const _ = {
+      window.addEventListener("resize", h);
+      const L = {
         initialized: () => {
           n.value = e.Main.getPlayerAPI();
-          const C = n.value.getCurrentCamera();
-          C && (s.value = C.id), a("newCameraCallback", s.value);
+          const _ = n.value.getCurrentCamera();
+          _ && (s.value = _.id), a("newCameraCallback", s.value);
         },
-        newCamera: (C) => {
-          a("newCameraCallback", C.id), a("newFloorCallback", C.floorLevel), n.value && n.value.resetMarkerBehaviour(0), s.value = C.id;
+        newCamera: (_) => {
+          a("newCameraCallback", _.id), a("newFloorCallback", _.floorLevel), n.value && n.value.resetMarkerBehaviour(0), s.value = _.id;
         },
-        newFOV: (C) => {
-          a("newFovCallback", C), k.value = C;
+        newFOV: (_) => {
+          a("newFovCallback", _), k.value = _;
         },
-        newRotation: (C) => {
-          const E = C + 0;
+        newRotation: (_) => {
+          const E = _ + 0;
           a("newRotationCallback", E), i.value = E;
         }
       };
       if (!tn)
         return;
-      const L = await new e.Main(
+      const A = await new e.Main(
         l.rootUrl,
         "qpc",
-        _,
+        L,
         void 0,
         l.currentCameraId,
         l.fileLoader
       );
-      L && (L.handleWindowResize(), window.addEventListener(
+      A && (A.handleWindowResize(), window.addEventListener(
         "resize",
-        L.handleWindowResize.bind(L)
-      ), L.animate(), n.value = e.Main.getPlayerAPI(), n.value && n.value.setLookSensitivity(l.mouseSensitivity));
+        A.handleWindowResize.bind(A)
+      ), A.animate(), n.value = e.Main.getPlayerAPI(), n.value && n.value.setLookSensitivity(l.mouseSensitivity));
     }), Oe(() => {
       n.value && n.value.destroy();
     });
-    function p() {
-      let v = 1.7777777777777777, m = document.querySelector("#player-sizer");
-      if (!m)
-        return;
-      let I = m.offsetWidth, _ = I * (1 / v);
-      (window.innerWidth <= 600 || I <= 600) && (_ = window.innerHeight * 0.75, l.isInIframe && (_ = screen.height * 0.65), I = _ * (1 / v)), m.style.height = _ + "px", m.style.width = I + "px", a("newSizeCallback", I, _);
+    function h() {
     }
-    return (v, m) => (h(), F("div", on, [
+    return (v, m) => (p(), F("div", on, [
       o("div", nn, [
         ie(v.$slots, "slideshow-image", {}, void 0, !0),
         o("div", an, [
@@ -2181,7 +2176,7 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
       ])
     ]));
   }
-}), fn = /* @__PURE__ */ te(hn, [["__scopeId", "data-v-2374a426"]]), gn = { class: "waypoint-carousel" }, wn = 37, kn = 39, bn = /* @__PURE__ */ Q({
+}), fn = /* @__PURE__ */ te(hn, [["__scopeId", "data-v-54e6a7ef"]]), gn = { class: "waypoint-carousel" }, wn = 37, kn = 39, bn = /* @__PURE__ */ Q({
   __name: "VWaypointCarousel",
   props: {
     thumbnails: {},
@@ -2193,8 +2188,8 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
       get() {
         return e.active;
       },
-      set(p) {
-        a.value = p;
+      set(h) {
+        a.value = h;
       }
     }), s = V(() => /Android|webOS|iPhone|iPad|BlackBerry|Windows Phone|Opera Mini|IEMobile|Mobile/i.test(
       window.navigator.userAgent
@@ -2204,24 +2199,24 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
     }), Oe(() => {
       window.removeEventListener("keydown", i);
     });
-    function i(p) {
-      switch (p.keyCode) {
-        case p.keyCode === wn:
+    function i(h) {
+      switch (h.keyCode) {
+        case h.keyCode === wn:
           l("previous");
           break;
-        case p.keyCode === kn:
+        case h.keyCode === kn:
           l("next");
           break;
         default:
           return;
       }
     }
-    function k(p, v) {
-      v(), l("goto", p);
+    function k(h, v) {
+      v(), l("goto", h);
     }
-    return (p, v) => {
-      const m = T("v-icon"), I = T("v-btn"), _ = T("v-hover"), L = T("v-img"), C = T("v-card"), E = T("v-slide-group-item"), D = T("v-slide-group");
-      return h(), F("div", gn, [
+    return (h, v) => {
+      const m = T("v-icon"), M = T("v-btn"), L = T("v-hover"), A = T("v-img"), _ = T("v-card"), E = T("v-slide-group-item"), D = T("v-slide-group");
+      return p(), F("div", gn, [
         y(D, {
           modelValue: n.value,
           "onUpdate:modelValue": v[2] || (v[2] = (g) => n.value = g),
@@ -2231,20 +2226,20 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
           "center-active": "",
           mandatory: ""
         }, {
-          prev: M(() => [
-            y(_, null, {
-              default: M(({ isHovering: g }) => [
-                y(I, {
+          prev: I(() => [
+            y(L, null, {
+              default: I(({ isHovering: g }) => [
+                y(M, {
                   elevation: "0",
                   class: ye(["carousel-button", { mobile: s.value }]),
-                  onClick: v[0] || (v[0] = (A) => l("previous"))
+                  onClick: v[0] || (v[0] = (C) => l("previous"))
                 }, {
-                  default: M(() => [
+                  default: I(() => [
                     y(m, {
                       color: g ? "#999" : "#d2d2d2",
                       "x-large": ""
                     }, {
-                      default: M(() => [
+                      default: I(() => [
                         se(" mdi-chevron-left ")
                       ]),
                       _: 2
@@ -2256,20 +2251,20 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
               _: 1
             })
           ]),
-          next: M(() => [
-            y(_, null, {
-              default: M(({ isHovering: g }) => [
-                y(I, {
+          next: I(() => [
+            y(L, null, {
+              default: I(({ isHovering: g }) => [
+                y(M, {
                   elevation: "0",
                   class: ye(["carousel-button", { mobile: s.value }]),
-                  onClick: v[1] || (v[1] = (A) => l("next"))
+                  onClick: v[1] || (v[1] = (C) => l("next"))
                 }, {
-                  default: M(() => [
+                  default: I(() => [
                     y(m, {
                       color: g ? "#999" : "#d2d2d2",
                       "x-large": ""
                     }, {
-                      default: M(() => [
+                      default: I(() => [
                         se(" mdi-chevron-right ")
                       ]),
                       _: 2
@@ -2281,12 +2276,12 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
               _: 1
             })
           ]),
-          default: M(() => [
-            (h(!0), F(Ce, null, _e(p.thumbnails, (g) => (h(), N(E, {
+          default: I(() => [
+            (p(!0), F(Ce, null, _e(h.thumbnails, (g) => (p(), N(E, {
               key: g.id
             }, {
-              default: M(({ toggle: A, selectedClass: R }) => [
-                y(C, {
+              default: I(({ toggle: C, selectedClass: R }) => [
+                y(_, {
                   class: ye(["ma-2", R]),
                   align: "center",
                   justify: "center",
@@ -2294,12 +2289,13 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
                   width: s.value ? 80 : 160,
                   elevation: "0",
                   style: { overflow: "hidden" },
-                  onClick: (c) => k(g.id, A)
+                  onClick: (c) => k(g.id, C)
                 }, {
-                  default: M(() => [
-                    y(L, {
+                  default: I(() => [
+                    y(A, {
                       "max-height": "100",
                       "max-width": "160",
+                      cover: "",
                       src: g.thumbnailUrl
                     }, null, 8, ["src"])
                   ]),
@@ -2314,7 +2310,7 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
       ]);
     };
   }
-}), ut = /* @__PURE__ */ te(bn, [["__scopeId", "data-v-f8f5088a"]]), yn = {
+}), ut = /* @__PURE__ */ te(bn, [["__scopeId", "data-v-ad2125d1"]]), yn = {
   style: { width: "24px", height: "24px" },
   viewBox: "0 0 18 16",
   xmlns: "http://www.w3.org/2000/svg"
@@ -2330,25 +2326,25 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
       const v = e.floorLevels;
       return v.sort(), v;
     }), s = V(() => n.value.indexOf(e.level) + 1 <= n.value.length / 2 ? "Lower" : "Upper"), i = V(() => s.value === "Lower"), k = V(() => s.value === "Upper");
-    function p() {
+    function h() {
       const v = e.level + 1;
       v >= n.value.length ? l("level", n.value[0]) : l("level", n.value[v]);
     }
     return (v, m) => {
-      const I = T("v-btn"), _ = T("v-tooltip");
-      return h(), N(_, {
+      const M = T("v-btn"), L = T("v-tooltip");
+      return p(), N(L, {
         right: "",
         attach: ""
       }, {
-        activator: M(({ props: L }) => [
-          y(I, be({
+        activator: I(({ props: A }) => [
+          y(M, be({
             style: { cursor: "pointer" },
             density: "comfortable",
             elevation: "1",
             icon: ""
-          }, L, { onClick: p }), {
-            default: M(() => [
-              (h(), F("svg", yn, [
+          }, A, { onClick: h }), {
+            default: I(() => [
+              (p(), F("svg", yn, [
                 o("path", {
                   d: "M8.98034 10.3472L1.54055 5.8855L8.98034 1.42384L16.4201 5.8855L8.98034 10.3472Z",
                   fill: "white",
@@ -2368,8 +2364,8 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
             _: 2
           }, 1040)
         ]),
-        default: M(() => [
-          o("span", An, z(oe(a).getLabel(s.value)) + " " + z(oe(a).getLabel("floor")), 1)
+        default: I(() => [
+          o("span", An, q(oe(a).getLabel(s.value)) + " " + q(oe(a).getLabel("floor")), 1)
         ]),
         _: 1
       });
@@ -2406,24 +2402,24 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
     function i() {
       navigator.clipboard.writeText(location.href);
     }
-    return (k, p) => {
-      const v = T("v-btn"), m = T("v-tooltip"), I = T("v-toolbar-title"), _ = T("v-spacer"), L = T("v-toolbar"), C = T("v-card-text"), E = T("v-card"), D = T("v-dialog");
-      return h(), F("div", null, [
+    return (k, h) => {
+      const v = T("v-btn"), m = T("v-tooltip"), M = T("v-toolbar-title"), L = T("v-spacer"), A = T("v-toolbar"), _ = T("v-card-text"), E = T("v-card"), D = T("v-dialog");
+      return p(), F("div", null, [
         y(m, {
           elevation: "2",
           top: "",
           attach: ""
         }, {
-          activator: M(({ props: g }) => [
+          activator: I(({ props: g }) => [
             y(v, be({
               density: "comfortable",
               elevation: "1",
               icon: "mdi-share-variant",
-              onClick: p[0] || (p[0] = (A) => e.value = !e.value)
+              onClick: h[0] || (h[0] = (C) => e.value = !e.value)
             }, g), null, 16)
           ]),
-          default: M(() => [
-            o("span", null, z(oe(t).getLabel("share")), 1)
+          default: I(() => [
+            o("span", null, q(oe(t).getLabel("share")), 1)
           ]),
           _: 1
         }),
@@ -2431,33 +2427,33 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
           id: "share-box",
           width: "400",
           modelValue: e.value,
-          "onUpdate:modelValue": p[2] || (p[2] = (g) => e.value = g)
+          "onUpdate:modelValue": h[2] || (h[2] = (g) => e.value = g)
         }, {
-          default: M(() => [
+          default: I(() => [
             y(E, null, {
-              default: M(() => [
-                y(L, { elevation: "0" }, {
-                  default: M(() => [
+              default: I(() => [
+                y(A, { elevation: "0" }, {
+                  default: I(() => [
                     y(v, {
                       size: "x-small",
                       icon: "mdi-close",
-                      onClick: p[1] || (p[1] = (g) => e.value = !1)
+                      onClick: h[1] || (h[1] = (g) => e.value = !1)
                     }),
-                    y(I, null, {
-                      default: M(() => [
-                        se(z(oe(t).getLabel("share")), 1)
+                    y(M, null, {
+                      default: I(() => [
+                        se(q(oe(t).getLabel("share")), 1)
                       ]),
                       _: 1
                     }),
-                    y(_)
+                    y(L)
                   ]),
                   _: 1
                 }),
-                y(C, { class: "mt-5" }, {
-                  default: M(() => [
+                y(_, { class: "mt-5" }, {
+                  default: I(() => [
                     o("p", Mn, [
                       y(m, { location: "top" }, {
-                        activator: M(({ props: g }) => [
+                        activator: I(({ props: g }) => [
                           y(v, be({
                             depressed: "",
                             fab: "",
@@ -2465,13 +2461,13 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
                             icon: "mdi-facebook"
                           }, g, { onClick: a }), null, 16)
                         ]),
-                        default: M(() => [
-                          o("span", null, z(oe(t).getLabel("share-to-facebook")), 1)
+                        default: I(() => [
+                          o("span", null, q(oe(t).getLabel("share-to-facebook")), 1)
                         ]),
                         _: 1
                       }),
                       y(m, { location: "top" }, {
-                        activator: M(({ props: g }) => [
+                        activator: I(({ props: g }) => [
                           y(v, be({
                             depressed: "",
                             fab: "",
@@ -2479,13 +2475,13 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
                             icon: "mdi-linkedin"
                           }, g, { onClick: s }), null, 16)
                         ]),
-                        default: M(() => [
-                          o("span", null, z(oe(t).getLabel("share-to-linkedin")), 1)
+                        default: I(() => [
+                          o("span", null, q(oe(t).getLabel("share-to-linkedin")), 1)
                         ]),
                         _: 1
                       }),
                       y(m, { location: "top" }, {
-                        activator: M(({ props: g }) => [
+                        activator: I(({ props: g }) => [
                           y(v, be({
                             depressed: "",
                             fab: "",
@@ -2493,13 +2489,13 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
                             icon: "mdi-twitter"
                           }, g, { onClick: n }), null, 16)
                         ]),
-                        default: M(() => [
-                          o("span", null, z(oe(t).getLabel("share-to-twitter")), 1)
+                        default: I(() => [
+                          o("span", null, q(oe(t).getLabel("share-to-twitter")), 1)
                         ]),
                         _: 1
                       }),
                       y(m, { location: "top" }, {
-                        activator: M(({ props: g }) => [
+                        activator: I(({ props: g }) => [
                           y(v, be({
                             depressed: "",
                             fab: "",
@@ -2509,13 +2505,13 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
                             href: `mailto:?body=${l.value}`
                           }, g), null, 16, ["href"])
                         ]),
-                        default: M(() => [
-                          o("span", null, z(oe(t).getLabel("share-via-email")), 1)
+                        default: I(() => [
+                          o("span", null, q(oe(t).getLabel("share-via-email")), 1)
                         ]),
                         _: 1
                       }),
                       y(m, { location: "top" }, {
-                        activator: M(({ props: g }) => [
+                        activator: I(({ props: g }) => [
                           y(v, be({
                             depressed: "",
                             fab: "",
@@ -2524,12 +2520,12 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
                             onClick: i
                           }, g), null, 16)
                         ]),
-                        default: M(() => [
-                          o("span", null, z(oe(t).getLabel("copy-link")), 1)
+                        default: I(() => [
+                          o("span", null, q(oe(t).getLabel("copy-link")), 1)
                         ]),
                         _: 1
                       }),
-                      y(_)
+                      y(L)
                     ])
                   ]),
                   _: 1
@@ -2557,47 +2553,47 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
       return a && (k = `${n.getURL(i)}`), k;
     }
     return (i, k) => {
-      const p = T("v-btn"), v = T("v-img"), m = T("v-list-item-title"), I = T("v-list-item"), _ = T("v-list"), L = T("v-menu");
-      return h(), F("div", null, [
-        y(L, {
+      const h = T("v-btn"), v = T("v-img"), m = T("v-list-item-title"), M = T("v-list-item"), L = T("v-list"), A = T("v-menu");
+      return p(), F("div", null, [
+        y(A, {
           transition: "slide-x-reverse-transition",
           location: "top end",
           origin: "end bottom",
           elevation: "0"
         }, {
-          activator: M(({ props: C }) => [
-            y(p, be({
+          activator: I(({ props: _ }) => [
+            y(h, be({
               "prepend-icon": "mdi-palette-outline",
               rounded: ""
-            }, C), {
-              default: M(() => [
-                se(z(oe(l).getLabel("interior")), 1)
+            }, _), {
+              default: I(() => [
+                se(q(oe(l).getLabel("interior")), 1)
               ]),
               _: 2
             }, 1040)
           ]),
-          default: M(() => [
-            y(_, { class: "interior-selector-list" }, {
-              default: M(() => [
-                (h(!0), F(Ce, null, _e(i.availableArchetypes, (C, E) => (h(), N(I, {
+          default: I(() => [
+            y(L, { class: "interior-selector-list" }, {
+              default: I(() => [
+                (p(!0), F(Ce, null, _e(i.availableArchetypes, (_, E) => (p(), N(M, {
                   density: "compact",
                   key: `at-menuitem-${E}`,
-                  onClick: (D) => e("selectInterior", C.archetypeID),
+                  onClick: (D) => e("selectInterior", _.archetypeID),
                   active: E === i.selectedIndex,
                   class: "interior-selector-list-item"
                 }, {
-                  prepend: M(() => [
+                  prepend: I(() => [
                     y(v, {
                       width: "100",
                       "max-width": "100",
                       height: "66",
-                      src: s(C.url)
+                      src: s(_.url)
                     }, null, 8, ["src"])
                   ]),
-                  default: M(() => [
+                  default: I(() => [
                     y(m, { class: "text-caption py-2 px-4" }, {
-                      default: M(() => [
-                        se(z(oe(l).get(C.title)), 1)
+                      default: I(() => [
+                        se(q(oe(l).get(_.title)), 1)
                       ]),
                       _: 2
                     }, 1024)
@@ -2627,7 +2623,7 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
     }));
     return (n, s) => {
       const i = T("v-img");
-      return h(), F("div", {
+      return p(), F("div", {
         style: re(l.value)
       }, [
         y(i, {
@@ -2646,7 +2642,7 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
   },
   setup(u) {
     const t = u, e = V(() => ({ "background-image": `url("${encodeURI(t.image)}")` }));
-    return (l, a) => (h(), F("div", Dn, [
+    return (l, a) => (p(), F("div", Dn, [
       o("div", {
         class: ye(["img-div", [l.aspectRatio]]),
         style: re(e.value)
@@ -2666,14 +2662,14 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
     }
     return (a, n) => {
       const s = T("v-img");
-      return h(), F("div", $n, [
+      return p(), F("div", $n, [
         o("div", Hn, [
           y(s, {
             src: oe(On),
             "aspect-ratio": "1"
           }, null, 8, ["src"])
         ]),
-        o("div", jn, z(e.value), 1)
+        o("div", jn, q(e.value), 1)
       ]);
     };
   }
@@ -2690,7 +2686,7 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
     const e = t;
     return (l, a) => {
       const n = T("v-btn");
-      return h(), F("div", Yn, [
+      return p(), F("div", Yn, [
         y(n, {
           density: "comfortable",
           elevation: "3",
@@ -2713,15 +2709,15 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
     });
     return (s, i) => {
       const k = T("v-btn");
-      return h(), N(k, {
+      return p(), N(k, {
         color: "darken-2",
         elevation: "1",
         rounded: "",
         plain: "",
-        onClick: i[0] || (i[0] = (p) => l("toggle"))
+        onClick: i[0] || (i[0] = (h) => l("toggle"))
       }, {
-        default: M(() => [
-          se(z(oe(a).getLabel(n.value)), 1)
+        default: I(() => [
+          se(q(oe(a).getLabel(n.value)), 1)
         ]),
         _: 1
       });
@@ -2730,24 +2726,24 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
 }), Qn = {
   key: 0,
   class: "text-white disclaimer caption"
-}, zn = /* @__PURE__ */ Q({
+}, qn = /* @__PURE__ */ Q({
   __name: "VDisclaimer",
   setup(u) {
     const t = pe("i18n"), e = r(!0);
-    return (l, a) => (h(), N(ze, { name: "fade-transition" }, {
-      default: M(() => [
-        e.value ? (h(), F("div", Qn, [
-          se(z(oe(t).getLabel("all-illustrations-are-indicative-deviations-may-occur")) + " ", 1),
+    return (l, a) => (p(), N(qe, { name: "fade-transition" }, {
+      default: I(() => [
+        e.value ? (p(), F("div", Qn, [
+          se(q(oe(t).getLabel("all-illustrations-are-indicative-deviations-may-occur")) + " ", 1),
           o("span", {
             onClick: a[0] || (a[0] = (n) => e.value = !1),
             class: "link-text text-decoration-underline"
-          }, z(oe(t).getLabel("i-understand")), 1)
+          }, q(oe(t).getLabel("i-understand")), 1)
         ])) : H("", !0)
       ]),
       _: 1
     }));
   }
-}), qn = /* @__PURE__ */ te(zn, [["__scopeId", "data-v-28008b18"]]), Be = (u) => (Je("data-v-53c0bb27"), u = u(), et(), u), Zn = {
+}), zn = /* @__PURE__ */ te(qn, [["__scopeId", "data-v-28008b18"]]), Be = (u) => (Je("data-v-53c0bb27"), u = u(), et(), u), Zn = {
   key: 0,
   class: "tutorial"
 }, Xn = {
@@ -3289,72 +3285,72 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
       /iPod/i,
       /BlackBerry/i,
       /Windows Phone/i
-    ].some((I) => navigator.userAgent.match(I))), k = V(() => {
+    ].some((M) => navigator.userAgent.match(M))), k = V(() => {
       const m = localStorage.getItem(
         `${e.project}-dont-show-tutorial`
       );
       return m && l("closeTutorial"), m;
     });
-    function p() {
+    function h() {
       s.value && v(), n.value = !1, l("closeTutorial");
     }
     function v() {
       localStorage.setItem(`${e.project}-dont-show-tutorial`, "true");
     }
-    return (m, I) => {
-      const _ = T("v-checkbox"), L = T("v-btn");
-      return h(), N(ze, { name: "fade-transition" }, {
-        default: M(() => [
-          n.value && !k.value ? (h(), F("div", Zn, [
-            i.value ? H("", !0) : (h(), F("div", Xn, [
+    return (m, M) => {
+      const L = T("v-checkbox"), A = T("v-btn");
+      return p(), N(qe, { name: "fade-transition" }, {
+        default: I(() => [
+          n.value && !k.value ? (p(), F("div", Zn, [
+            i.value ? H("", !0) : (p(), F("div", Xn, [
               o("div", Kn, [
                 o("div", Jn, [
                   ea,
-                  o("div", ta, z(oe(a).getLabel("click-and-drag-to-look-around")), 1)
+                  o("div", ta, q(oe(a).getLabel("click-and-drag-to-look-around")), 1)
                 ]),
                 o("div", oa, [
                   na,
-                  o("div", aa, z(oe(a).getLabel("click-on-the-circles-to-move-around")), 1)
+                  o("div", aa, q(oe(a).getLabel("click-on-the-circles-to-move-around")), 1)
                 ]),
                 o("div", la, [
                   ia,
-                  o("div", sa, z(oe(a).getLabel("use-the-mouse-wheel-to-zoom")), 1)
+                  o("div", sa, q(oe(a).getLabel("use-the-mouse-wheel-to-zoom")), 1)
                 ])
               ]),
               o("div", ra, [
                 o("div", ua, [
                   ca,
-                  o("div", da, z(oe(a).getLabel("you-can-also-use-the-arrow-keys-to-move-around")), 1)
+                  o("div", da, q(oe(a).getLabel("you-can-also-use-the-arrow-keys-to-move-around")), 1)
                 ])
               ])
             ])),
-            i.value ? (h(), F("div", va, [
+            i.value ? (p(), F("div", va, [
               o("div", ma, [
                 pa,
-                o("div", ha, z(oe(a).getLabel("tap-and-drag-to-look-around")), 1)
+                o("div", ha, q(oe(a).getLabel("tap-and-drag-to-look-around")), 1)
               ]),
               o("div", fa, [
                 ga,
-                o("div", wa, z(oe(a).getLabel("tap-on-the-circles-to-move-around")), 1)
+                o("div", wa, q(oe(a).getLabel("tap-on-the-circles-to-move-around")), 1)
               ]),
               o("div", ka, [
                 ba,
-                o("div", ya, z(oe(a).getLabel("use-two-fingers-to-zoom")), 1)
+                o("div", ya, q(oe(a).getLabel("use-two-fingers-to-zoom")), 1)
               ])
             ])) : H("", !0),
             o("div", _a, [
-              y(_, {
+              y(L, {
                 modelValue: s.value,
-                "onUpdate:modelValue": I[0] || (I[0] = (C) => s.value = C),
+                "onUpdate:modelValue": M[0] || (M[0] = (_) => s.value = _),
                 label: oe(a).getLabel("dont-show-again")
               }, null, 8, ["modelValue", "label"]),
-              y(L, {
+              y(A, {
                 small: "",
                 outlined: "",
                 class: "mt-5",
-                onClick: I[1] || (I[1] = (C) => p())
+                onClick: M[1] || (M[1] = (_) => h())
               }, {
-                default: M(() => [
+                default: I(() => [
                   se("Ok")
                 ]),
                 _: 1
@@ -3384,7 +3380,7 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
   },
   emits: ["updateSettings", "saveSettings"],
   setup(u, { emit: t }) {
-    const e = u, l = t, a = r(_(e.initialSettings));
+    const e = u, l = t, a = r(L(e.initialSettings));
     Z(
       a,
       () => {
@@ -3393,41 +3389,41 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
       { deep: !0 }
     );
     const n = V(() => {
-      let L = {};
-      for (const [C, E] of Object.entries(a.value))
-        C === "whitePoint" ? L[C] = v(E.value) : L[C] = E.value;
-      return L;
+      let A = {};
+      for (const [_, E] of Object.entries(a.value))
+        _ === "whitePoint" ? A[_] = v(E.value) : A[_] = E.value;
+      return A;
     });
     function s() {
       l("updateSettings", n.value);
     }
     function i() {
-      const L = document.createElement("a");
-      L.href = URL.createObjectURL(
+      const A = document.createElement("a");
+      A.href = URL.createObjectURL(
         new Blob([JSON.stringify(n.value, null, 2)])
       );
-      const C = `player-settings-${e.projectSlug}-${Date.now()}.json`;
-      L.download = C, L.style.display = "none", document.body.appendChild(L), L.click(), document.body.removeChild(L);
+      const _ = `player-settings-${e.projectSlug}-${Date.now()}.json`;
+      A.download = _, A.style.display = "none", document.body.appendChild(A), A.click(), document.body.removeChild(A);
     }
     function k() {
       l("saveSettings", n.value);
     }
-    function p() {
-      a.value = _(), l("updateSettings", n.value);
+    function h() {
+      a.value = L(), l("updateSettings", n.value);
     }
-    function v(L) {
-      const C = parseInt(L.substr(1, 2), 16) / 255, E = parseInt(L.substr(3, 2), 16) / 255, D = parseInt(L.substr(5, 2), 16) / 255;
-      return [C, E, D];
+    function v(A) {
+      const _ = parseInt(A.substr(1, 2), 16) / 255, E = parseInt(A.substr(3, 2), 16) / 255, D = parseInt(A.substr(5, 2), 16) / 255;
+      return [_, E, D];
     }
-    function m(L) {
-      var C = L.toString(16);
-      return C.length == 1 ? "0" + C : C;
+    function m(A) {
+      var _ = A.toString(16);
+      return _.length == 1 ? "0" + _ : _;
     }
-    function I([L, C, E]) {
-      return "#" + m(parseInt((L * 255).toString())) + m(parseInt((C * 255).toString())) + m(parseInt((E * 255).toString()));
+    function M([A, _, E]) {
+      return "#" + m(parseInt((A * 255).toString())) + m(parseInt((_ * 255).toString())) + m(parseInt((E * 255).toString()));
     }
-    function _(L = {}) {
-      const C = [
+    function L(A = {}) {
+      const _ = [
         "Cool 5",
         "Cool 10",
         "Cool 15",
@@ -3450,7 +3446,7 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
         TRANSITION_MOVEMENT_SCALE: 1.3,
         whitePoint: [1, 1, 1],
         lut: "",
-        ...L
+        ...A
       };
       return {
         exposureFovScale: {
@@ -3512,12 +3508,12 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
           min: null,
           max: null,
           step: null,
-          value: I(E.whitePoint)
+          value: M(E.whitePoint)
         },
         lut: {
           label: "Lut",
           type: "lut",
-          items: C.map((D) => ({
+          items: _.map((D) => ({
             text: D,
             value: `https://cdn.visuado.com/luts/${D}.png`
           })),
@@ -3525,16 +3521,16 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
         }
       };
     }
-    return (L, C) => {
-      const E = T("v-text-field"), D = T("v-slider"), g = T("v-checkbox"), A = T("v-btn"), R = T("v-select"), c = T("v-icon");
-      return h(), F("div", Ia, [
+    return (A, _) => {
+      const E = T("v-text-field"), D = T("v-slider"), g = T("v-checkbox"), C = T("v-btn"), R = T("v-select"), c = T("v-icon");
+      return p(), F("div", Ia, [
         o("form", Ma, [
           o("div", Sa, [
-            (h(!0), F(Ce, null, _e(a.value, (f, b, B) => (h(), F("div", {
+            (p(!0), F(Ce, null, _e(a.value, (f, b, B) => (p(), F("div", {
               key: B,
               "d-block": ""
             }, [
-              f.type === "slider" ? (h(), N(D, {
+              f.type === "slider" ? (p(), N(D, {
                 key: 0,
                 modelValue: a.value[b].value,
                 "onUpdate:modelValue": (U) => a.value[b].value = U,
@@ -3543,10 +3539,10 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
                 min: f.min,
                 step: f.step
               }, {
-                prepend: M(() => [
-                  o("div", Ea, z(f.label), 1)
+                prepend: I(() => [
+                  o("div", Ea, q(f.label), 1)
                 ]),
-                append: M(() => [
+                append: I(() => [
                   o("div", null, [
                     y(E, {
                       modelValue: a.value[b].value,
@@ -3565,28 +3561,28 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
                 ]),
                 _: 2
               }, 1032, ["modelValue", "onUpdate:modelValue", "max", "min", "step"])) : H("", !0),
-              f.type === "boolean" ? (h(), N(g, {
+              f.type === "boolean" ? (p(), N(g, {
                 key: 1,
                 modelValue: a.value[b].value,
                 "onUpdate:modelValue": (U) => a.value[b].value = U,
                 onChange: s
               }, {
-                prepend: M(() => [
-                  o("div", Fa, z(f.label), 1)
+                prepend: I(() => [
+                  o("div", Fa, q(f.label), 1)
                 ]),
-                append: M(() => [
-                  o("div", null, z(f.value), 1)
+                append: I(() => [
+                  o("div", null, q(f.value), 1)
                 ]),
                 _: 2
               }, 1032, ["modelValue", "onUpdate:modelValue"])) : H("", !0),
-              f.type === "color" ? (h(), F("div", {
+              f.type === "color" ? (p(), F("div", {
                 key: 2,
                 class: "d-flex",
                 max: f.max,
                 min: f.min,
                 step: f.step
               }, [
-                o("div", Ba, z(f.label), 1),
+                o("div", Ba, q(f.label), 1),
                 o("div", Va, [
                   de(o("input", {
                     "onUpdate:modelValue": (U) => a.value[b].value = U,
@@ -3610,16 +3606,16 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
                   }, null, 8, ["modelValue", "onUpdate:modelValue"])
                 ])
               ], 8, xa)) : H("", !0),
-              f.type === "lut" ? (h(), F("div", Da, [
+              f.type === "lut" ? (p(), F("div", Da, [
                 o("div", Ra, [
-                  o("div", Ta, z(f.label), 1),
+                  o("div", Ta, q(f.label), 1),
                   o("div", null, [
-                    y(A, {
+                    y(C, {
                       class: "ml-2",
                       "x-small": "",
                       onClick: (U) => a.value[b].value = null
                     }, {
-                      default: M(() => [
+                      default: I(() => [
                         se(" Clear Lut ")
                       ]),
                       _: 2
@@ -3661,22 +3657,22 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
             ]))), 128))
           ]),
           o("div", ja, [
-            y(A, {
-              onClick: C[0] || (C[0] = (f) => p())
+            y(C, {
+              onClick: _[0] || (_[0] = (f) => h())
             }, {
-              default: M(() => [
+              default: I(() => [
                 se("Reset")
               ]),
               _: 1
             }),
-            y(A, {
+            y(C, {
               class: "ml-2",
-              onClick: C[1] || (C[1] = (f) => i())
+              onClick: _[1] || (_[1] = (f) => i())
             }, {
-              default: M(() => [
+              default: I(() => [
                 se(" Download Json "),
                 y(c, { color: "black darken-1" }, {
-                  default: M(() => [
+                  default: I(() => [
                     se("mdi-download")
                   ]),
                   _: 1
@@ -3684,14 +3680,14 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
               ]),
               _: 1
             }),
-            y(A, {
+            y(C, {
               class: "ml-2",
-              onClick: C[2] || (C[2] = (f) => k())
+              onClick: _[2] || (_[2] = (f) => k())
             }, {
-              default: M(() => [
+              default: I(() => [
                 se(" Save Settings "),
                 y(c, { color: "black darken-1" }, {
-                  default: M(() => [
+                  default: I(() => [
                     se("mdi-save")
                   ]),
                   _: 1
@@ -3708,20 +3704,20 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
   class: "rotation-marker-svg",
   viewBox: "0 0 40 40",
   xmlns: "http://www.w3.org/2000/svg"
-}, Wa = /* @__PURE__ */ pt('<defs><radialGradient id="Gradient" cx="0" cy="0" r="0.9" fx="0" fy="0"><stop offset="0%" class="stop1"></stop><stop offset="60%" class="stop2"></stop><stop offset="90%" class="stop3"></stop></radialGradient><linearGradient id="LineGradient" gradientTransform="rotate(90)"><stop offset="0%" class="stop1"></stop><stop offset="75%" class="stop2"></stop><stop offset="100%" class="stop3"></stop></linearGradient></defs>', 1), Ga = ["transform"], Qa = /* @__PURE__ */ pt('<rect id="field-of-view-gradient" x="20" y="20" width="38" height="38" transform="rotate(0)" transform-origin="20 20" fill="url(#Gradient)"></rect><rect class="field-of-view-border" x="20" y="20" width="1" height="25" fill="url(#LineGradient)" transform="rotate(0)" transform-origin="20 20"></rect><rect class="field-of-view-border" x="19" y="19" width="1" height="25" fill="url(#LineGradient)" transform="rotate(-90)" transform-origin="20 20"></rect><circle cx="20" cy="20" r="5" fill="white"></circle><circle cx="20" cy="20" r="3" fill="red"></circle>', 5), za = [
+}, Wa = /* @__PURE__ */ pt('<defs><radialGradient id="Gradient" cx="0" cy="0" r="0.9" fx="0" fy="0"><stop offset="0%" class="stop1"></stop><stop offset="60%" class="stop2"></stop><stop offset="90%" class="stop3"></stop></radialGradient><linearGradient id="LineGradient" gradientTransform="rotate(90)"><stop offset="0%" class="stop1"></stop><stop offset="75%" class="stop2"></stop><stop offset="100%" class="stop3"></stop></linearGradient></defs>', 1), Ga = ["transform"], Qa = /* @__PURE__ */ pt('<rect id="field-of-view-gradient" x="20" y="20" width="38" height="38" transform="rotate(0)" transform-origin="20 20" fill="url(#Gradient)"></rect><rect class="field-of-view-border" x="20" y="20" width="1" height="25" fill="url(#LineGradient)" transform="rotate(0)" transform-origin="20 20"></rect><rect class="field-of-view-border" x="19" y="19" width="1" height="25" fill="url(#LineGradient)" transform="rotate(-90)" transform-origin="20 20"></rect><circle cx="20" cy="20" r="5" fill="white"></circle><circle cx="20" cy="20" r="3" fill="red"></circle>', 5), qa = [
   Qa
-], qa = /* @__PURE__ */ Q({
+], za = /* @__PURE__ */ Q({
   __name: "VRotationMarker",
   props: {
     rotation: {}
   },
   setup(u) {
-    return (t, e) => (h(), F("svg", Ya, [
+    return (t, e) => (p(), F("svg", Ya, [
       Wa,
       o("g", {
         "transform-origin": "20 20",
         transform: `rotate(${45 + t.rotation})`
-      }, za, 8, Ga)
+      }, qa, 8, Ga)
     ]));
   }
 }), Za = { class: "minimap-wrapper d-flex align-stretch justify-space-between" }, Xa = { class: "minimap-container" }, Ka = /* @__PURE__ */ Q({
@@ -3735,21 +3731,21 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
     transformAngle: {}
   },
   setup(u) {
-    const t = u, e = r(512), l = r(384), a = r(new xe.Vector3()), n = r(new xe.Object3D()), s = r({}), i = r(1), k = r(), p = V(() => t.allCameras), v = V(() => t.allCameras.find((b) => b.id === t.currentCamera)), m = V(() => t.rotation), I = V(() => new xe.Vector3(
+    const t = u, e = r(512), l = r(384), a = r(new xe.Vector3()), n = r(new xe.Object3D()), s = r({}), i = r(1), k = r(), h = V(() => t.allCameras), v = V(() => t.allCameras.find((b) => b.id === t.currentCamera)), m = V(() => t.rotation), M = V(() => new xe.Vector3(
       t.minimapCamera.position.x,
       t.minimapCamera.position.y,
       t.minimapCamera.position.z
-    )), _ = V(() => parseFloat(v.value.floor_vertical_position)), L = V(() => p.value.map((b) => {
+    )), L = V(() => parseFloat(v.value.floor_vertical_position)), A = V(() => h.value.map((b) => {
       const B = b.uposition.split(","), U = new xe.Vector3(
-        B[0] - I.value.x,
+        B[0] - M.value.x,
         0,
-        B[2] - I.value.z
+        B[2] - M.value.z
       );
       return {
         ...b,
         ...R(a.value, U)
       };
-    })), C = V(() => `background-image: url(${t.backgroundImage});`), E = V(() => {
+    })), _ = V(() => `background-image: url(${t.backgroundImage});`), E = V(() => {
       let b = i.value > 1 ? 1 : i.value;
       return b < 0.8 && (b = 0.4), `scale: ${b > 1 ? 1 : b}; transform: rotate(${t.transformAngle}deg);`;
     });
@@ -3770,7 +3766,7 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
         transform: `rotateZ(${n.value.rotation.y}deg) rotateX(${n.value.rotation.x}deg)`
       };
     }
-    function A(b) {
+    function C(b) {
       return {
         top: `${Math.abs(b.top)}%`,
         left: `${Math.abs(b.left)}%`
@@ -3786,7 +3782,7 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
       };
     }
     function c() {
-      const b = t.minimapCamera.position.y - _.value;
+      const b = t.minimapCamera.position.y - L.value;
       l.value = 2 * (b * Math.tan(D(t.minimapCamera.fovY / 2))), e.value = 512 / 384 * l.value;
       const B = l.value / 2, U = e.value / 2, $ = new xe.Vector3(U * -1, 0, B * -1);
       a.value = $;
@@ -3798,7 +3794,7 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
       const B = b.offsetHeight / 384 * 0.8, U = b.offsetWidth / 512 * 0.8;
       b.offsetHeight > b.offsetWidth ? i.value = U * 0.5 : i.value = B * 0.9;
     }
-    return (b, B) => (h(), F("div", Za, [
+    return (b, B) => (p(), F("div", Za, [
       o("div", Xa, [
         o("div", {
           class: "web-minimap",
@@ -3806,25 +3802,25 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
         }, [
           o("div", {
             class: "minimap-background-image",
-            style: re(C.value)
+            style: re(_.value)
           }, null, 4),
           o("div", {
             class: "center-pivot",
             style: re(s.value)
           }, [
-            (h(!0), F(Ce, null, _e(L.value, (U) => (h(), F("div", {
+            (p(!0), F(Ce, null, _e(A.value, (U) => (p(), F("div", {
               key: U.id
             }, [
-              v.value.floorLevel === U.floorLevel ? (h(), F("div", {
+              v.value.floorLevel === U.floorLevel ? (p(), F("div", {
                 key: 0,
                 class: "single-camera-marker",
-                style: re(A(U))
+                style: re(C(U))
               }, null, 4)) : H("", !0),
-              v.value.id === U.id ? (h(), N(qa, {
+              v.value.id === U.id ? (p(), N(za, {
                 key: 1,
                 class: "rotation-marker-component",
                 rotation: m.value,
-                style: re({ ...A(U) })
+                style: re({ ...C(U) })
               }, null, 8, ["rotation", "style"])) : H("", !0)
             ]))), 128))
           ], 4)
@@ -3847,20 +3843,20 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
       const i = document.getElementById(s.id + "Header");
       if (!i)
         return;
-      let k = 0, p = 0, v = 0, m = 0;
-      i.addEventListener("touchstart", I, { passive: !1 }), i.addEventListener("touchend", L, { passive: !1 }), i.addEventListener("mousedown", I, { passive: !1 }), i.addEventListener("mouseup", L, { passive: !1 });
-      function I(C) {
-        C = C || window.event, C.preventDefault();
-        let E = C;
-        C.type === "touchstart" && (E = C.touches[0]), v = E.clientX, m = E.clientY, document.addEventListener("mouseup", L, { passive: !1 }), document.addEventListener("touchend", L, { passive: !1 }), document.addEventListener("mousemove", _, { passive: !1 }), document.addEventListener("touchmove", _, { passive: !1 });
+      let k = 0, h = 0, v = 0, m = 0;
+      i.addEventListener("touchstart", M, { passive: !1 }), i.addEventListener("touchend", A, { passive: !1 }), i.addEventListener("mousedown", M, { passive: !1 }), i.addEventListener("mouseup", A, { passive: !1 });
+      function M(_) {
+        _ = _ || window.event, _.preventDefault();
+        let E = _;
+        _.type === "touchstart" && (E = _.touches[0]), v = E.clientX, m = E.clientY, document.addEventListener("mouseup", A, { passive: !1 }), document.addEventListener("touchend", A, { passive: !1 }), document.addEventListener("mousemove", L, { passive: !1 }), document.addEventListener("touchmove", L, { passive: !1 });
       }
-      function _(C) {
-        C = C || window.event, C.preventDefault();
-        let E = C;
-        C.type === "touchmove" && (E = C.touches[0]), k = v - E.clientX, p = m - E.clientY, v = E.clientX, m = E.clientY, s.style.top = s.offsetTop - p + "px", s.style.left = s.offsetLeft - k + "px";
+      function L(_) {
+        _ = _ || window.event, _.preventDefault();
+        let E = _;
+        _.type === "touchmove" && (E = _.touches[0]), k = v - E.clientX, h = m - E.clientY, v = E.clientX, m = E.clientY, s.style.top = s.offsetTop - h + "px", s.style.left = s.offsetLeft - k + "px";
       }
-      function L() {
-        document.removeEventListener("mouseup", L, !1), document.removeEventListener("mousemove", _, !1), document.removeEventListener("touchend", L, !1), document.removeEventListener("touchmove", _, !1);
+      function A() {
+        document.removeEventListener("mouseup", A, !1), document.removeEventListener("mousemove", L, !1), document.removeEventListener("touchend", A, !1), document.removeEventListener("touchmove", L, !1);
       }
     }
     function n() {
@@ -3868,7 +3864,7 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
     }
     return (s, i) => {
       const k = T("v-btn");
-      return h(), F("div", {
+      return p(), F("div", {
         id: "moveableDiv",
         class: ye(["big d-flex justify-space-between flex-column align-center sizer", l.value])
       }, [
@@ -3876,7 +3872,7 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
           class: "close-icon",
           icon: "mdi-window-close",
           size: "x-small",
-          onClick: i[0] || (i[0] = (p) => e("close"))
+          onClick: i[0] || (i[0] = (h) => e("close"))
         }),
         y(k, {
           class: "resize-icon",
@@ -3889,7 +3885,7 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
           class: "rotate-icon",
           size: "x-small",
           icon: "mdi mdi-rotate-right",
-          onClick: i[1] || (i[1] = (p) => e("transform")),
+          onClick: i[1] || (i[1] = (h) => e("transform")),
           title: "Rotate"
         }),
         tl,
@@ -3911,7 +3907,7 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
   },
   setup(u) {
     const t = u, e = V(() => t.minimapCamera.rotation ? t.minimapCamera.rotation.y + t.transformAngle - 90 : 0);
-    return (l, a) => (h(), F("div", {
+    return (l, a) => (p(), F("div", {
       class: "minimap-compass",
       style: re({ scale: l.scale })
     }, [
@@ -3933,10 +3929,10 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
   },
   emits: ["setBackgroundImage"],
   setup(u, { emit: t }) {
-    const e = u, l = t, a = r((/* @__PURE__ */ new Date()).getHours()), n = r(!0), s = r(!0), i = r(""), k = r(/* @__PURE__ */ new Map()), p = pe("localMode"), v = pe("fileLoader"), m = V(() => e.minimapJSON[e.level]), I = V(() => `${Math.floor(a.value).toString().padStart(2, "0")}:00`), _ = V(() => {
+    const e = u, l = t, a = r((/* @__PURE__ */ new Date()).getHours()), n = r(!0), s = r(!0), i = r(""), k = r(/* @__PURE__ */ new Map()), h = pe("localMode"), v = pe("fileLoader"), m = V(() => e.minimapJSON[e.level]), M = V(() => `${Math.floor(a.value).toString().padStart(2, "0")}:00`), L = V(() => {
       if (m.value.sunsimFilesTimeStamps[a.value]) {
-        const A = m.value.sunsimFilesTimeStamps[a.value].split(" ");
-        return `${A[0]} ${A[1]}`;
+        const C = m.value.sunsimFilesTimeStamps[a.value].split(" ");
+        return `${C[0]} ${C[1]}`;
       }
       return "";
     });
@@ -3944,30 +3940,30 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
       i.value = await E(
         m.value.sunsimFiles[a.value]
       ), s.value = !1;
-      const A = await C(e.minimapJSON);
-      k.value = A, n.value = !1, l("setBackgroundImage", L(e.level, a.value));
+      const C = await _(e.minimapJSON);
+      k.value = C, n.value = !1, l("setBackgroundImage", A(e.level, a.value));
     }), Z(a, () => {
-      const A = L(e.level, a.value);
-      l("setBackgroundImage", A);
+      const C = A(e.level, a.value);
+      l("setBackgroundImage", C);
     }), Z(
       () => e.level,
       () => {
-        l("setBackgroundImage", L(e.level, a.value));
+        l("setBackgroundImage", A(e.level, a.value));
       },
       { immediate: !0 }
     );
-    function L(A, R) {
-      return k.value.get(`sunsim${A}_${R}`) ? k.value.get(`sunsim${A}_${R}`) : "";
+    function A(C, R) {
+      return k.value.get(`sunsim${C}_${R}`) ? k.value.get(`sunsim${C}_${R}`) : "";
     }
-    async function C(A) {
+    async function _(C) {
       let R = /* @__PURE__ */ new Map();
-      for (let c = 0; c < A.length; c++) {
-        const f = A[c].sunsimFiles;
+      for (let c = 0; c < C.length; c++) {
+        const f = C[c].sunsimFiles;
         for (let b = 0; b < f.length; b++) {
           const B = f[b];
           try {
-            const U = B, $ = B.split("."), q = await E(e.root + U);
-            R.set($[0], q);
+            const U = B, $ = B.split("."), z = await E(e.root + U);
+            R.set($[0], z);
           } catch {
             continue;
           }
@@ -3975,37 +3971,37 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
       }
       return R;
     }
-    async function E(A) {
-      let R = A;
-      p && (R = `${v.getURL(A)}`);
+    async function E(C) {
+      let R = C;
+      h && (R = `${v.getURL(C)}`);
       const f = await (await fetch(R)).blob(), b = await g(f);
       return D(b);
     }
-    function D(A) {
-      return "data:image/jpeg;base64," + A;
+    function D(C) {
+      return "data:image/jpeg;base64," + C;
     }
-    async function g(A) {
+    async function g(C) {
       return new Promise((R, c) => {
         const f = new FileReader();
         f.onload = () => {
           const b = f.result.split(",")[1];
           R(b);
-        }, f.onerror = c, f.readAsDataURL(A);
+        }, f.onerror = c, f.readAsDataURL(C);
       });
     }
-    return (A, R) => {
+    return (C, R) => {
       const c = T("v-progress-linear"), f = T("v-icon"), b = T("v-slider");
-      return h(), F("div", rl, [
+      return p(), F("div", rl, [
         o("div", ul, [
           o("div", cl, [
-            n.value ? (h(), N(c, {
+            n.value ? (p(), N(c, {
               key: 0,
               indeterminate: "",
               rounded: "",
               height: "6",
               color: "grey lighten-1",
               class: "mr-2"
-            })) : (h(), N(b, {
+            })) : (p(), N(b, {
               key: 1,
               modelValue: a.value,
               "onUpdate:modelValue": R[0] || (R[0] = (B) => a.value = B),
@@ -4017,9 +4013,9 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
               "thumb-color": "#373737",
               "hide-details": !0
             }, {
-              prepend: M(() => [
+              prepend: I(() => [
                 y(f, { color: "#ffab02" }, {
-                  default: M(() => [
+                  default: I(() => [
                     se("mdi-white-balance-sunny")
                   ]),
                   _: 1
@@ -4028,7 +4024,7 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
               _: 1
             }, 8, ["modelValue"]))
           ]),
-          n.value ? H("", !0) : (h(), F("div", dl, z(_.value) + " " + z(I.value), 1))
+          n.value ? H("", !0) : (p(), F("div", dl, q(L.value) + " " + q(M.value), 1))
         ])
       ]);
     };
@@ -4057,11 +4053,11 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
     function s() {
       l.value = l.value + 90;
     }
-    return (i, k) => (h(), N(ll, {
-      onClose: k[0] || (k[0] = (p) => e("close")),
+    return (i, k) => (p(), N(ll, {
+      onClose: k[0] || (k[0] = (h) => e("close")),
       onTransform: s
     }, {
-      body: M(() => [
+      body: I(() => [
         y(sl, {
           scale: a.value,
           minimapCamera: i.minimapCamera,
@@ -4078,7 +4074,7 @@ const on = { id: "player-wrapper" }, nn = { id: "player-sizer" }, an = {
           }, null, 8, ["transformAngle", "allCameras", "backgroundImage", "rotation", "currentCamera", "minimapCamera"])
         ])
       ]),
-      footer: M(() => [
+      footer: I(() => [
         y(ml, {
           minimapJSON: i.minimapJSON,
           root: `${i.rootUrl}/minimap/`,
@@ -4163,7 +4159,10 @@ class wl {
 const kl = { class: "virtual-tour-wrapper" }, bl = {
   key: 0,
   class: "player-error"
-}, yl = { class: "player-and-components-wrapper" }, _l = { key: 1 }, Cl = {
+}, yl = { class: "player-and-components-wrapper" }, _l = {
+  key: 1,
+  class: "v-player"
+}, Cl = {
   key: 3,
   class: "settings-panel"
 }, Al = {
@@ -4215,10 +4214,10 @@ const kl = { class: "virtual-tour-wrapper" }, bl = {
   },
   emits: ["onSnapshot", "saveSettings", "onInteriorUpdate", "onCameraUpdate"],
   setup(u, { emit: t }) {
-    const e = u, l = t, a = r(!1), n = r(!1), s = r(), i = r(), k = r(), p = r(), v = r(), m = r(0), I = r(), _ = r(), L = r(), C = r(0), E = r(0), D = r(0), g = r(!1), A = r(!1), R = r(), c = r(!1), f = r(new hl(document, "player-wrapper")), b = V(() => !!e.fileLoader), B = V(() => {
+    const e = u, l = t, a = r(!1), n = r(!1), s = r(), i = r(), k = r(), h = r(), v = r(), m = r(0), M = r(), L = r(), A = r(), _ = r(0), E = r(0), D = r(0), g = r(!1), C = r(!1), R = r(), c = r(!1), f = r(new hl(document, "player-wrapper")), b = V(() => !!e.fileLoader), B = V(() => {
       let d = `${e.cdnRoot}/${e.projectSlug}`;
       return e.fileLoader && (d = ""), It(d);
-    }), U = V(() => `${B.value}/${$.value}/${e.apartmentId}`), $ = V(() => I.value), q = V(() => i.value ? i.value.cameras : []), J = V(() => {
+    }), U = V(() => `${B.value}/${$.value}/${e.apartmentId}`), $ = V(() => M.value), z = V(() => i.value ? i.value.cameras : []), J = V(() => {
       if (i.value) {
         const d = i.value.cameras.map(
           (G) => G.floorLevel
@@ -4242,7 +4241,7 @@ const kl = { class: "virtual-tour-wrapper" }, bl = {
       }
       return d;
     }), x = V(() => Y.value.findIndex(
-      (d) => d.archetypeID === I.value
+      (d) => d.archetypeID === M.value
     )), W = V(() => k.value ? k.value.cameras.map((d) => ({
       ...d,
       thumbnailUrl: Xe(
@@ -4260,8 +4259,8 @@ const kl = { class: "virtual-tour-wrapper" }, bl = {
       ...d,
       url: `${B.value}/${d.archetypeID}/${e.apartmentId}/thumbs/200/${W.value[m.value].id}.jpg`
     })) : []), K = V(() => {
-      if (p.value)
-        return p.value.storeys[w.value];
+      if (h.value)
+        return h.value.storeys[w.value];
     }), ne = V(() => i.value && i.value.timeInHours), ue = V(() => {
       if (i.value && i.value.timeInHours && e.showTimeOfDay)
         return Lt(i.value.timeInHours);
@@ -4277,7 +4276,7 @@ const kl = { class: "virtual-tour-wrapper" }, bl = {
         d === "virtualTour" && (g.value = !1), d === "slideShow" && (g.value = !0, c.value = !0);
       },
       { immediate: !0 }
-    ), Z(p, (d) => {
+    ), Z(h, (d) => {
       if (d.storeys[w.value]) {
         const O = d.storeys[w.value].defaultSunsimFile;
         R.value = `${B.value}/${$.value}/${e.apartmentId}/minimap/${O}`;
@@ -4297,15 +4296,15 @@ const kl = { class: "virtual-tour-wrapper" }, bl = {
         B.value,
         $.value,
         e.apartmentId
-      ), i.value && (_.value = i.value.cameras.find(() => !0).id), k.value = await Ve(
+      ), i.value && (L.value = i.value.cameras.find(() => !0).id), k.value = await Ve(
         B.value,
         $.value,
         e.apartmentId
       ), k.value) {
         let d = e.defaultWaypointIndex !== null ? e.defaultWaypointIndex : 0;
-        m.value = d, _.value = k.value.cameras[d].id, L.value = k.value.cameras[d].id;
+        m.value = d, L.value = k.value.cameras[d].id, A.value = k.value.cameras[d].id;
       }
-      e.showMiniMap && (p.value = await Ge(
+      e.showMiniMap && (h.value = await Ge(
         B.value,
         $.value,
         e.apartmentId
@@ -4313,7 +4312,7 @@ const kl = { class: "virtual-tour-wrapper" }, bl = {
     }
     function ge() {
       let d = e.defaultInteriorId;
-      d || (d = s.value.defaultArchetypeID), e.validInteriorIds.length && !e.validInteriorIds.includes(d) && (d = e.validInteriorIds[0]), d || (d = s.value.archetypes[0].archetypeID), I.value = d;
+      d || (d = s.value.defaultArchetypeID), e.validInteriorIds.length && !e.validInteriorIds.includes(d) && (d = e.validInteriorIds[0]), d || (d = s.value.archetypes[0].archetypeID), M.value = d;
     }
     function Ie() {
       const d = document.getElementById("main-canvas");
@@ -4405,16 +4404,16 @@ const kl = { class: "virtual-tour-wrapper" }, bl = {
       G != -1 && (m.value = G, O && P(d));
     }
     function P(d) {
-      _.value = d;
+      L.value = d;
     }
     function le(d) {
-      I.value = d, l("onInteriorUpdate", d), l("onCameraUpdate", L.value, i.value);
+      M.value = d, l("onInteriorUpdate", d), l("onCameraUpdate", A.value, i.value);
     }
     function Se(d) {
-      j(d, !1), L.value = d, l("onCameraUpdate", d, i.value);
+      j(d, !1), A.value = d, l("onCameraUpdate", d, i.value);
     }
     function Ee(d) {
-      C.value = d;
+      _.value = d;
     }
     function Fe(d) {
       E.value = d;
@@ -4473,23 +4472,23 @@ const kl = { class: "virtual-tour-wrapper" }, bl = {
     }
     return (d, O) => {
       const G = T("v-btn");
-      return h(), F("div", kl, [
-        n.value ? (h(), F("div", bl, "Error loading the player!!")) : H("", !0),
+      return p(), F("div", kl, [
+        n.value ? (p(), F("div", bl, "Error loading the player!!")) : H("", !0),
         o("div", yl, [
-          !f.value.isActive && p.value && L.value && K.value && A.value ? (h(), N(ct, {
+          !f.value.isActive && h.value && A.value && K.value && C.value ? (p(), N(ct, {
             key: 0,
-            allCameras: q.value,
+            allCameras: z.value,
             rootUrl: U.value,
             level: w.value,
             backgroundImage: ve.value,
-            minimapJSON: p.value.storeys,
-            rotation: C.value,
-            currentCamera: L.value,
+            minimapJSON: h.value.storeys,
+            rotation: _.value,
+            currentCamera: A.value,
             minimapCamera: K.value,
-            onClose: O[0] || (O[0] = (ae) => A.value = !1),
+            onClose: O[0] || (O[0] = (ae) => C.value = !1),
             onSetBackgroundImage: st
           }, null, 8, ["allCameras", "rootUrl", "level", "backgroundImage", "minimapJSON", "rotation", "currentCamera", "minimapCamera"])) : H("", !0),
-          $.value && _.value ? (h(), F("div", _l, [
+          $.value && L.value ? (p(), F("div", _l, [
             y(fn, {
               ref: "player",
               "file-loader": d.fileLoader,
@@ -4497,7 +4496,7 @@ const kl = { class: "virtual-tour-wrapper" }, bl = {
               showStaticImage: g.value,
               isFullScreen: f.value.isActive,
               rootUrl: U.value,
-              currentCameraId: _.value,
+              currentCameraId: L.value,
               "mouse-sensitivity": d.mouseSensitivity,
               "is-in-iframe": d.isInIframe,
               onNewCameraCallback: Se,
@@ -4507,14 +4506,14 @@ const kl = { class: "virtual-tour-wrapper" }, bl = {
               onNewSizeCallback: ke,
               onPlayerApiCallback: it
             }, {
-              "slideshow-image": M(() => [
-                g.value ? (h(), N(Tn, {
+              "slideshow-image": I(() => [
+                g.value ? (p(), N(Tn, {
                   key: 0,
                   image: S.value
                 }, null, 8, ["image"])) : H("", !0)
               ]),
-              "top-left": M(() => [
-                d.adminMode ? de((h(), N(G, {
+              "top-left": I(() => [
+                d.adminMode ? de((p(), N(G, {
                   key: 0,
                   density: "comfortable",
                   icon: "mdi-cog-outline",
@@ -4524,23 +4523,23 @@ const kl = { class: "virtual-tour-wrapper" }, bl = {
                 }, null, 512)), [
                   [me, c.value]
                 ]) : H("", !0),
-                p.value && _.value && K.value ? de((h(), N(G, {
+                h.value && L.value && K.value ? de((p(), N(G, {
                   key: 1,
                   density: "comfortable",
                   elevation: "3",
                   icon: "mdi-floor-plan",
                   class: "mr-2",
-                  onClick: O[2] || (O[2] = (ae) => A.value = !A.value)
+                  onClick: O[2] || (O[2] = (ae) => C.value = !C.value)
                 }, null, 512)), [
                   [me, c.value]
                 ]) : H("", !0),
-                c.value && d.showFloorLevel && J.value.length > 1 ? (h(), N(In, {
+                c.value && d.showFloorLevel && J.value.length > 1 ? (p(), N(In, {
                   key: 2,
                   level: E.value,
                   "floor-levels": J.value,
                   onLevel: Fe
                 }, null, 8, ["level", "floor-levels"])) : H("", !0),
-                c.value && d.adminMode && a.value ? (h(), F("div", Cl, [
+                c.value && d.adminMode && a.value ? (p(), F("div", Cl, [
                   y(Na, {
                     "project-slug": d.projectSlug,
                     initialSettings: d.playerSettings,
@@ -4549,28 +4548,28 @@ const kl = { class: "virtual-tour-wrapper" }, bl = {
                   }, null, 8, ["project-slug", "initialSettings"])
                 ])) : H("", !0)
               ]),
-              "top-center": M(() => [
-                c.value ? (h(), N(qn, {
+              "top-center": I(() => [
+                c.value ? (p(), N(zn, {
                   key: 0,
                   "return-url": d.websiteUrl
                 }, null, 8, ["return-url"])) : H("", !0)
               ]),
-              "top-right": M(() => [
-                i.value && d.showCompass ? de((h(), F("div", Al, [
-                  y(Un, { rotation: C.value }, null, 8, ["rotation"])
+              "top-right": I(() => [
+                i.value && d.showCompass ? de((p(), F("div", Al, [
+                  y(Un, { rotation: _.value }, null, 8, ["rotation"])
                 ], 512)), [
                   [me, c.value]
                 ]) : H("", !0),
-                c.value && i.value && ne.value && d.showTimeOfDay ? (h(), N(Nn, {
+                c.value && i.value && ne.value && d.showTimeOfDay ? (p(), N(Nn, {
                   key: 1,
                   hours: ue.value.hours,
                   minutes: ue.value.minutes
                 }, null, 8, ["hours", "minutes"])) : H("", !0)
               ]),
-              "center-left": M(() => [
-                y(ze, { name: "slide-x-transition" }, {
-                  default: M(() => [
-                    g.value ? (h(), N(G, {
+              "center-left": I(() => [
+                y(qe, { name: "slide-x-transition" }, {
+                  default: I(() => [
+                    g.value ? (p(), N(G, {
                       key: 0,
                       density: "comfortable",
                       elevation: "3",
@@ -4581,29 +4580,29 @@ const kl = { class: "virtual-tour-wrapper" }, bl = {
                   _: 1
                 })
               ]),
-              "center-center": M(() => [
+              "center-center": I(() => [
                 y(Aa, {
                   project: B.value,
                   onCloseTutorial: O[3] || (O[3] = (ae) => c.value = !0)
                 }, null, 8, ["project"]),
-                f.value.isActive && p.value && L.value && K.value && A.value ? (h(), N(ct, {
+                f.value.isActive && h.value && A.value && K.value && C.value ? (p(), N(ct, {
                   key: 0,
-                  allCameras: q.value,
+                  allCameras: z.value,
                   rootUrl: U.value,
-                  minimapJSON: p.value.storeys,
+                  minimapJSON: h.value.storeys,
                   backgroundImage: ve.value,
-                  rotation: C.value,
-                  currentCamera: L.value,
+                  rotation: _.value,
+                  currentCamera: A.value,
                   minimapCamera: K.value,
                   level: w.value,
-                  onClose: O[4] || (O[4] = (ae) => A.value = !1),
+                  onClose: O[4] || (O[4] = (ae) => C.value = !1),
                   onSetBackgroundImage: st
                 }, null, 8, ["allCameras", "rootUrl", "minimapJSON", "backgroundImage", "rotation", "currentCamera", "minimapCamera", "level"])) : H("", !0)
               ]),
-              "center-right": M(() => [
-                y(ze, { name: "slide-x-reverse-transition" }, {
-                  default: M(() => [
-                    g.value ? (h(), N(G, {
+              "center-right": I(() => [
+                y(qe, { name: "slide-x-reverse-transition" }, {
+                  default: I(() => [
+                    g.value ? (p(), N(G, {
                       key: 0,
                       density: "comfortable",
                       elevation: "3",
@@ -4614,14 +4613,14 @@ const kl = { class: "virtual-tour-wrapper" }, bl = {
                   _: 1
                 })
               ]),
-              "bottom-left": M(() => [
-                c.value && d.showFullScreen ? (h(), N(Wn, {
+              "bottom-left": I(() => [
+                c.value && d.showFullScreen ? (p(), N(Wn, {
                   key: 0,
                   isFullScreen: f.value.isActive,
                   class: "btn-fullscreen",
                   onToggleFullscreen: bt
                 }, null, 8, ["isFullScreen"])) : H("", !0),
-                c.value && d.showSnapshot ? (h(), F("div", Ll, [
+                c.value && d.showSnapshot ? (p(), F("div", Ll, [
                   y(G, {
                     density: "comfortable",
                     elevation: "3",
@@ -4629,18 +4628,18 @@ const kl = { class: "virtual-tour-wrapper" }, bl = {
                     onClick: _t
                   })
                 ])) : H("", !0),
-                c.value && d.showShare && !f.value.isActive ? (h(), F("div", Il, [
+                c.value && d.showShare && !f.value.isActive ? (p(), F("div", Il, [
                   y(En)
                 ])) : H("", !0)
               ]),
-              "bottom-center": M(() => [
-                c.value && d.showCarousel ? (h(), F("div", Ml, [
-                  d.displayViewModeSwitch ? (h(), N(Gn, {
+              "bottom-center": I(() => [
+                c.value && d.showCarousel ? (p(), F("div", Ml, [
+                  d.displayViewModeSwitch ? (p(), N(Gn, {
                     key: 0,
                     "show-static-image": g.value,
                     onToggle: yt
                   }, null, 8, ["show-static-image"])) : H("", !0),
-                  c.value && f.value.isActive ? (h(), N(ut, {
+                  c.value && f.value.isActive ? (p(), N(ut, {
                     key: 1,
                     class: ye([f.value.isActive ? "full-screen" : ""]),
                     thumbnails: W.value,
@@ -4651,8 +4650,8 @@ const kl = { class: "virtual-tour-wrapper" }, bl = {
                   }, null, 8, ["class", "thumbnails", "active"])) : H("", !0)
                 ])) : H("", !0)
               ]),
-              "bottom-right": M(() => [
-                c.value && d.showInteriorOptions && X.value ? (h(), N(xn, {
+              "bottom-right": I(() => [
+                c.value && d.showInteriorOptions && X.value ? (p(), N(xn, {
                   key: 0,
                   availableArchetypes: X.value,
                   selectedIndex: x.value,
@@ -4661,8 +4660,9 @@ const kl = { class: "virtual-tour-wrapper" }, bl = {
               ]),
               _: 1
             }, 8, ["file-loader", "style", "showStaticImage", "isFullScreen", "rootUrl", "currentCameraId", "mouse-sensitivity", "is-in-iframe"]),
-            d.showCarousel && k.value ? (h(), N(ut, {
+            d.showCarousel && k.value ? (p(), N(ut, {
               key: 0,
+              class: "waypoint-carousel below-player",
               thumbnails: W.value,
               active: m.value,
               onNext: Ae,
@@ -4674,14 +4674,14 @@ const kl = { class: "virtual-tour-wrapper" }, bl = {
       ]);
     };
   }
-}), El = /* @__PURE__ */ te(Sl, [["__scopeId", "data-v-8e6a405e"]]), Vl = {
+}), El = /* @__PURE__ */ te(Sl, [["__scopeId", "data-v-64da223f"]]), Vl = {
   install: function(t) {
-    t.component("VApartmentChooser", wo), t.component("VBuildingChooser", zo), t.component("VVirtualTour", El);
+    t.component("VApartmentChooser", wo), t.component("VBuildingChooser", qo), t.component("VVirtualTour", El);
   }
 };
 export {
   wo as VApartmentChooser,
-  zo as VBuildingChooser,
+  qo as VBuildingChooser,
   El as VVirtualTour,
   Vl as default
 };