@qispace/vue3-player 0.1.25 → 0.1.27

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

@@ -1,7 +1,7 @@
 var At = Object.defineProperty;
 var Lt = (v, t, e) => t in v ? At(v, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : v[t] = e;
 var te = (v, t, e) => (Lt(v, typeof t != "symbol" ? t + "" : t, e), e);
-import { defineComponent as j, ref as u, computed as T, openBlock as m, createElementBlock as S, watch as H, onMounted as ue, onBeforeUnmount as Pe, withDirectives as de, createElementVNode as r, normalizeStyle as le, vShow as pe, createVNode as w, Fragment as re, renderList as ve, createCommentVNode as Y, inject as Be, resolveComponent as B, withCtx as A, toDisplayString as N, unref as ne, createTextVNode as X, normalizeClass as xe, createBlock as $, renderSlot as oe, provide as Ke, reactive as lt, watchEffect as ke, resolveDynamicComponent as ft, normalizeProps as et, guardReactiveProps as tt, mergeProps as ye, nextTick as De, Transition as Se, createSlots as xt, pushScopeId as st, popScopeId as it, vModelText as Ft, createStaticVNode as ht, onBeforeUpdate as Dt } from "vue";
+import { defineComponent as j, ref as u, computed as T, openBlock as m, createElementBlock as S, watch as H, onMounted as ue, onBeforeUnmount as Pe, withDirectives as de, createElementVNode as r, normalizeStyle as le, vShow as pe, createVNode as b, Fragment as re, renderList as ve, createCommentVNode as Y, inject as Be, resolveComponent as B, withCtx as A, toDisplayString as N, unref as ne, createTextVNode as X, normalizeClass as xe, createBlock as $, renderSlot as oe, provide as Ke, reactive as lt, watchEffect as ke, resolveDynamicComponent as ft, normalizeProps as et, guardReactiveProps as tt, mergeProps as ye, nextTick as De, Transition as Se, createSlots as xt, pushScopeId as st, popScopeId as it, vModelText as Ft, createStaticVNode as ht, onBeforeUpdate as Dt } from "vue";
 import at from "axios";
 import * as St from "@qispace/player-core";
 import * as Ve from "three";
@@ -76,20 +76,20 @@ const Et = /* @__PURE__ */ j({
   },
   emits: ["selectUnit", "goToUnit", "hoverOver", "hoverOut", "pos"],
   setup(v, { emit: t }) {
-    const e = v, a = t, n = u({ x: 0, y: 0, width: 0, height: 0 }), o = u(0), i = u(0), s = u(), p = u(), l = u(), d = u(), c = u(-1), b = u(!1), h = u(), f = u(), _ = u({}), F = u("auto"), k = u(new ge()), g = u({}), U = u(), y = u(), V = u(), C = u(), L = u(), G = T(() => V.value.isHoverEnabled), D = T(() => se(
+    const e = v, a = t, n = u({ x: 0, y: 0, width: 0, height: 0 }), o = u(0), i = u(0), s = u(), p = u(), l = u(), d = u(), c = u(-1), w = u(!1), h = u(), f = u(), y = u({}), F = u("auto"), k = u(new ge()), g = u({}), U = u(), _ = u(), V = u(), C = u(), L = u(), G = T(() => V.value.isHoverEnabled), D = T(() => se(
       e.cdnFileResolver,
       `/scenedata${e.viewModel.currentScene}.png`
-    )), Z = T(() => D.value in _.value ? _.value[D.value] : null), x = T(() => c.value < 0 ? !1 : e.sceneData.find((Q) => Q.index === c.value) || !1), E = T(() => ({
+    )), Z = T(() => D.value in y.value ? y.value[D.value] : null), x = T(() => c.value < 0 ? !1 : e.sceneData.find((Q) => Q.index === c.value) || !1), E = T(() => ({
       width: o.value + "px",
       height: i.value + "px",
       cursor: F.value
-    })), M = T(() => `hover-${b.value ? "over" : "out"}-${x.value ? typeof x.value == "object" && "unitId" in x.value ? x.value.unitId : x.value : ""}`);
+    })), M = T(() => `hover-${w.value ? "over" : "out"}-${x.value ? typeof x.value == "object" && "unitId" in x.value ? x.value.unitId : x.value : ""}`);
     H(
       D,
       () => {
-        _.value[D.value] || k.value.loadImageData(D.value).then((W) => {
-          _.value = {
-            ..._.value,
+        y.value[D.value] || k.value.loadImageData(D.value).then((W) => {
+          y.value = {
+            ...y.value,
             [D.value]: W
           };
         });
@@ -115,7 +115,7 @@ const Et = /* @__PURE__ */ j({
     ), H(x, () => {
       Fe(), x.value ? F.value = "pointer" : F.value = "auto";
     }), H(M, () => {
-      b.value ? a("hoverOver", {
+      w.value ? a("hoverOver", {
         hoverUnit: x.value ? x.value.unitId : !1,
         closeHandler: () => Xe()
       }) : a("hoverOut", {
@@ -125,15 +125,15 @@ const Et = /* @__PURE__ */ j({
     }), H(n, () => {
       a("pos", n.value);
     }), ue(() => {
-      y.value = () => {
-        clearTimeout(U.value), we(), U.value = setTimeout(() => {
-          we();
+      _.value = () => {
+        clearTimeout(U.value), be(), U.value = setTimeout(() => {
+          be();
         }, 50);
-      }, window.addEventListener("resize", y.value), we();
+      }, window.addEventListener("resize", _.value), be();
     }), Pe(() => {
-      window.removeEventListener("resize", y.value);
-      for (const W in _.value)
-        URL.revokeObjectURL(_.value[W]);
+      window.removeEventListener("resize", _.value);
+      for (const W in y.value)
+        URL.revokeObjectURL(y.value[W]);
     });
     function O() {
       s.value = C.value.getContext("2d", { willReadFrequently: !0 }), p.value = new Image(), p.value.onload = () => {
@@ -142,7 +142,7 @@ const Et = /* @__PURE__ */ j({
     }
     function K(W) {
       const Q = ee(W.offsetX, W.offsetY);
-      b.value = Q >= 0, c.value = Q, n.value = {
+      w.value = Q >= 0, c.value = Q, n.value = {
         x: W.offsetX,
         y: W.offsetY,
         width: o.value,
@@ -226,14 +226,14 @@ const Et = /* @__PURE__ */ j({
     function _e(W) {
       a("selectUnit", W), W && e.canGoToUnitCallback(W) && a("goToUnit", W);
     }
-    function be(W = 0) {
+    function we(W = 0) {
       if (!l.value)
         return;
       const Q = l.value.data;
       for (let ae = 3; ae < Q.length; ae += 4)
         Q[ae] = W;
     }
-    function we() {
+    function be() {
       if (!L.value)
         return !1;
       o.value = L.value.offsetWidth, i.value = L.value.offsetHeight;
@@ -242,10 +242,10 @@ const Et = /* @__PURE__ */ j({
       P(), Fe();
     }
     function Fe() {
-      be(), me(), s.value && l.value && s.value.putImageData(l.value, 0, 0);
+      we(), me(), s.value && l.value && s.value.putImageData(l.value, 0, 0);
     }
     function Xe() {
-      b.value = !1;
+      w.value = !1;
     }
     const Ue = u(!1);
     function Je(W, Q) {
@@ -267,7 +267,7 @@ const Et = /* @__PURE__ */ j({
       }, null, 4), [
         [pe, !W.viewModel.isRotating]
       ]),
-      w(Re, {
+      b(Re, {
         ref_key: "hoverProbe",
         ref: V
       }, null, 512)
@@ -301,9 +301,9 @@ const Et = /* @__PURE__ */ j({
       { immediate: !0 }
     ), H(n, () => {
       a("pos", n.value);
-    }), H(o, (y, V) => {
-      if (y >= 0) {
-        const C = h(y);
+    }), H(o, (_, V) => {
+      if (_ >= 0) {
+        const C = h(_);
         a("hoverOver", {
           hoverUnit: C,
           closeHandler: () => {
@@ -320,8 +320,8 @@ const Et = /* @__PURE__ */ j({
         });
       }
     }), ue(() => {
-      for (let y = 1; y <= 4; y++) {
-        const V = se(e.cdnFileResolver, `/scenedata${y}.svg`), C = {
+      for (let _ = 1; _ <= 4; _++) {
+        const V = se(e.cdnFileResolver, `/scenedata${_}.svg`), C = {
           markup: "",
           viewBox: "",
           svgObjects: []
@@ -334,39 +334,39 @@ const Et = /* @__PURE__ */ j({
           ).map((Z) => ({
             index: parseInt(Z.getAttribute("data-index")),
             svg: Z.innerHTML
-          })), i.value = { ...i.value, [y]: C };
+          })), i.value = { ...i.value, [_]: C };
         });
       }
-      l.value.addEventListener("mousemove", U(b, 50));
+      l.value.addEventListener("mousemove", U(w, 50));
     });
-    function b(y) {
+    function w(_) {
       n.value = {
-        x: y.offsetX,
-        y: y.offsetY,
+        x: _.offsetX,
+        y: _.offsetY,
         width: l.value.offsetWidth,
         height: l.value.offsetHeight
       };
     }
-    function h(y) {
+    function h(_) {
       var V;
       return (V = e.sceneData.find(
-        (C) => C.index === (typeof y == "string" ? parseInt(y) : y)
+        (C) => C.index === (typeof _ == "string" ? parseInt(_) : _)
       )) == null ? void 0 : V.unitId;
     }
-    function f(y) {
-      c.value && (o.value = y);
+    function f(_) {
+      c.value && (o.value = _);
     }
-    function _(y) {
+    function y(_) {
       c.value && (o.value = -1);
     }
-    function F(y) {
-      const V = h(y);
-      a("selectUnit", V), c.value && V && e.canGoToUnitCallback(V) ? a("goToUnit", V) : o.value = y;
+    function F(_) {
+      const V = h(_);
+      a("selectUnit", V), c.value && V && e.canGoToUnitCallback(V) ? a("goToUnit", V) : o.value = _;
     }
-    function k(y) {
-      const V = h(y);
+    function k(_) {
+      const V = h(_);
       let C = "idle";
-      o.value < 0 && e.selectedUnitId && V === e.selectedUnitId ? C = "selected" : o.value >= 0 && o.value === y && (C = "hover");
+      o.value < 0 && e.selectedUnitId && V === e.selectedUnitId ? C = "selected" : o.value >= 0 && o.value === _ && (C = "hover");
       const L = e.colorCallback(V, C);
       if (L) {
         const { r: G, g: D, b: Z, a: x, s: E } = L;
@@ -389,12 +389,12 @@ const Et = /* @__PURE__ */ j({
         };
     }
     const g = u(!1);
-    function U(y, V) {
+    function U(_, V) {
       return g.value = !0, function(...C) {
-        g.value && (g.value = !1, y.apply(this, C), setTimeout(() => g.value = !0, V));
+        g.value && (g.value = !1, _.apply(this, C), setTimeout(() => g.value = !0, V));
       };
     }
-    return (y, V) => (m(), S("div", {
+    return (_, V) => (m(), S("div", {
       id: "container",
       ref_key: "container",
       ref: l
@@ -414,14 +414,14 @@ const Et = /* @__PURE__ */ j({
             innerHTML: L,
             style: le(k(C)),
             onMouseenter: (G) => f(C),
-            onMouseleave: (G) => _(),
+            onMouseleave: (G) => y(),
             onClick: (G) => F(C)
           }, null, 44, Bt))), 128))
         ], 8, Vt)) : Y("", !0)
       ], 4), [
-        [pe, !y.viewModel.isRotating]
+        [pe, !_.viewModel.isRotating]
       ]),
-      w(Re, {
+      b(Re, {
         ref_key: "hoverProbe",
         ref: d
       }, null, 512)
@@ -454,27 +454,27 @@ const Et = /* @__PURE__ */ j({
     return (l, d) => {
       const c = B("v-btn");
       return m(), S("div", null, [
-        w(c, {
+        b(c, {
           elevation: "1",
           icon: "mdi-rotate-right",
           class: "black darken-1",
-          onClick: d[0] || (d[0] = (b) => l.viewModel.rotateClockwise())
+          onClick: d[0] || (d[0] = (w) => l.viewModel.rotateClockwise())
         }),
-        w(c, {
+        b(c, {
           elevation: "1",
           plain: "",
           icon: "mdi-chevron-left",
           class: "mr-sm-4 ml-sm-8 mr-3 ml-3 black darken-1",
           disabled: !o.value,
-          onClick: d[1] || (d[1] = (b) => i("prevUnit"))
+          onClick: d[1] || (d[1] = (w) => i("prevUnit"))
         }, null, 8, ["disabled"]),
-        w(c, {
+        b(c, {
           color: "darken-2",
           elevation: "1",
           rounded: "",
           plain: "",
           disabled: !a.value || !l.canGoToUnitCallback(a.value),
-          onClick: d[2] || (d[2] = (b) => i("goToUnit", a.value))
+          onClick: d[2] || (d[2] = (w) => i("goToUnit", a.value))
         }, {
           default: A(() => [
             a.value && l.canGoToUnitCallback(a.value) ? (m(), S("span", Ut, N(ne(s).getLabel("seeApartment")) + "  ", 1)) : Y("", !0),
@@ -482,20 +482,20 @@ const Et = /* @__PURE__ */ j({
           ]),
           _: 1
         }, 8, ["disabled"]),
-        w(c, {
+        b(c, {
           elevation: "1",
           plain: "",
           icon: "mdi-chevron-right",
           class: "mr-sm-8 ml-sm-4 mr-3 ml-3 black darken-1",
           disabled: !n.value,
-          onClick: d[3] || (d[3] = (b) => i("nextUnit"))
+          onClick: d[3] || (d[3] = (w) => i("nextUnit"))
         }, null, 8, ["disabled"]),
-        w(c, {
+        b(c, {
           elevation: "1",
           plain: "",
           icon: "mdi-rotate-left",
           class: "black darken-1",
-          onClick: d[4] || (d[4] = (b) => l.viewModel.rotateCounterClockwise())
+          onClick: d[4] || (d[4] = (w) => l.viewModel.rotateCounterClockwise())
         })
       ]);
     };
@@ -616,11 +616,11 @@ const Pt = {
     H(
       () => e.viewModel.currentScene,
       (k, g) => {
-        const U = F(g, k), y = _(g, k);
-        d(g, U, y);
+        const U = F(g, k), _ = y(g, k);
+        d(g, U, _);
       }
     ), ue(() => {
-      b();
+      w();
     });
     function d(k, g, U) {
       e.viewModel.isRotating || (e.viewModel.isRotating = !0, c(
@@ -635,10 +635,10 @@ const Pt = {
       setTimeout(() => {
         s.value[k.frameIndex].show = !1;
         const g = k.nextFrame();
-        s.value[g.frameIndex].show = !0, g.atEnd ? b() : window.requestAnimationFrame(() => c(g));
+        s.value[g.frameIndex].show = !0, g.atEnd ? w() : window.requestAnimationFrame(() => c(g));
       }, 1e3 / Jt);
     }
-    function b() {
+    function w() {
       const k = i.value.startFrameIndexForScene(
         e.viewModel.currentScene % ze
       );
@@ -647,18 +647,18 @@ const Pt = {
     function h() {
       const k = [];
       for (let g = 0; g < dt; g++) {
-        const { sourceSet: U, defaultPath: y } = f(g);
+        const { sourceSet: U, defaultPath: _ } = f(g);
         k.push({
           index: g,
           sourceSet: U,
-          defaultPath: y,
+          defaultPath: _,
           show: !1
         });
       }
       return k;
     }
     function f(k) {
-      const g = ("0000" + (k + 1)).slice(-4), U = e.build ? `?v=${e.build}` : "", y = [
+      const g = ("0000" + (k + 1)).slice(-4), U = e.build ? `?v=${e.build}` : "", _ = [
         `${se(
           e.cdnFileResolver,
           `/480/${g}.jpg${U}`
@@ -675,40 +675,40 @@ const Pt = {
         e.cdnFileResolver,
         `/480/${g}.jpg${U}`
       );
-      return { sourceSet: y, defaultPath: V };
+      return { sourceSet: _, defaultPath: V };
     }
-    function _(k, g) {
-      const U = ze / 2, y = Math.abs(k - g);
-      return y > U ? ze - y : y;
+    function y(k, g) {
+      const U = ze / 2, _ = Math.abs(k - g);
+      return _ > U ? ze - _ : _;
     }
     function F(k, g) {
       if (k === g)
         return 0;
-      const y = Math.abs(k - g) < ze / 2;
-      return y && k < g || !y && k > g ? 1 : -1;
+      const _ = Math.abs(k - g) < ze / 2;
+      return _ && k < g || !_ && k > g ? 1 : -1;
     }
     return (k, g) => {
       const U = B("v-icon");
       return m(), S("div", null, [
         o.value.isError ? (m(), S("div", Pt, [
-          w(U, { "x-large": "" }, {
+          b(U, { "x-large": "" }, {
             default: A(() => [
               X("mdi-alert-circle-outline")
             ]),
             _: 1
           })
         ])) : p.value ? (m(), S("div", Qt, [
-          (m(!0), S(re, null, ve(s.value, (y) => (m(), S("picture", {
-            key: y.index,
-            alt: y.index,
-            class: xe({ "frame-image": !0, show: y.show })
+          (m(!0), S(re, null, ve(s.value, (_) => (m(), S("picture", {
+            key: _.index,
+            alt: _.index,
+            class: xe({ "frame-image": !0, show: _.show })
           }, [
             r("source", {
-              srcset: y.sourceSet,
+              srcset: _.sourceSet,
               type: "image/jpeg"
             }, null, 8, Zt),
             r("img", {
-              src: y.defaultPath,
+              src: _.defaultPath,
               alt: "Building image",
               onLoad: g[2] || (g[2] = (V) => o.value.partLoaded()),
               onError: g[3] || (g[3] = (V) => o.value.errorDetected())
@@ -722,8 +722,8 @@ const Pt = {
             }, null, 8, zt),
             r("img", {
               src: l.value.defaultPath,
-              onLoad: g[0] || (g[0] = (y) => p.value = !0),
-              onError: g[1] || (g[1] = (y) => o.value.errorDetected())
+              onLoad: g[0] || (g[0] = (_) => p.value = !0),
+              onError: g[1] || (g[1] = (_) => o.value.errorDetected())
             }, null, 40, Gt)
           ])) : Y("", !0)
         ]))
@@ -787,13 +787,13 @@ const Pt = {
   },
   emits: ["update"],
   setup(v, { emit: t }) {
-    const e = v, a = t, n = u(100), o = u(0), i = u(0), s = u(!1), p = u(!1), l = u(void 0), d = u(!1), c = u(), b = T(() => `translateX(${o.value}px) translateY(${i.value}px) scale(${h.value})`), h = T(() => n.value / 100), f = T(() => e.maxScale * 100);
+    const e = v, a = t, n = u(100), o = u(0), i = u(0), s = u(!1), p = u(!1), l = u(void 0), d = u(!1), c = u(), w = T(() => `translateX(${o.value}px) translateY(${i.value}px) scale(${h.value})`), h = T(() => n.value / 100), f = T(() => e.maxScale * 100);
     H([h, o, i], () => {
       K();
     }), H(
       () => e.desktop,
       () => {
-        e.desktop ? _() : k();
+        e.desktop ? y() : k();
       }
     ), H(
       () => e.mobile,
@@ -801,14 +801,14 @@ const Pt = {
         e.mobile ? F() : g();
       }
     ), ue(() => {
-      e.desktop && _(), e.mobile && F();
+      e.desktop && y(), e.mobile && F();
     }), Pe(() => {
       e.desktop && k(), e.mobile && g();
     });
-    function _() {
+    function y() {
       c.value.addEventListener("wheel", U, {
         capture: !0
-      }), c.value.addEventListener("mousedown", y, {
+      }), c.value.addEventListener("mousedown", _, {
         capture: !0
       }), c.value.addEventListener("mousemove", V, {
         capture: !0
@@ -832,7 +832,7 @@ const Pt = {
     function k() {
       c.value.removeEventListener("wheel", U, {
         capture: !0
-      }), c.value.removeEventListener("mousedown", y, {
+      }), c.value.removeEventListener("mousedown", _, {
         capture: !0
       }), c.value.removeEventListener("mousemove", V, {
         capture: !0
@@ -857,7 +857,7 @@ const Pt = {
       const { x: P, y: ee } = x(R);
       O(-R.deltaY / 10, P, ee), R.preventDefault();
     }
-    function y(R) {
+    function _(R) {
       s.value = !0, d.value = !1, l.value = R;
     }
     function V(R) {
@@ -886,8 +886,8 @@ const Pt = {
         };
         E(ie.x), M(ie.y);
       } else if (p.value && R.touches.length === 2) {
-        const { x: P, y: ee } = x(R.touches[0]), { x: me, y: ce } = x(l.value.touches[0]), { x: ie, y: Ie } = x(R.touches[1]), { x: Ae, y: _e } = x(l.value.touches[1]), be = Math.hypot(me - Ae, ce - _e), we = Math.hypot(P - ie, ee - Ie), Ee = (ie + P) / 2, Fe = (Ie + ee) / 2;
-        O(we - be, Ee, Fe);
+        const { x: P, y: ee } = x(R.touches[0]), { x: me, y: ce } = x(l.value.touches[0]), { x: ie, y: Ie } = x(R.touches[1]), { x: Ae, y: _e } = x(l.value.touches[1]), we = Math.hypot(me - Ae, ce - _e), be = Math.hypot(P - ie, ee - Ie), Ee = (ie + P) / 2, Fe = (Ie + ee) / 2;
+        O(be - we, Ee, Fe);
       }
       l.value = R;
     }
@@ -918,8 +918,8 @@ const Pt = {
     function O(R, P, ee) {
       const me = c.value.clientWidth, ce = c.value.clientHeight, ie = me * h.value, Ie = ce * h.value;
       n.value = Math.min(Math.max(100, n.value + R), f.value);
-      const Ae = me * h.value, _e = ce * h.value, be = Ae - ie, we = _e - Ie;
-      o.value -= P / me * be, i.value -= ee / ce * we, E(0), M(0);
+      const Ae = me * h.value, _e = ce * h.value, we = Ae - ie, be = _e - Ie;
+      o.value -= P / me * we, i.value -= ee / ce * be, E(0), M(0);
     }
     function K() {
       a("update", {
@@ -927,8 +927,8 @@ const Pt = {
         x: o.value,
         y: i.value,
         resolve: (R, P) => {
-          const ee = c.value.clientWidth, me = c.value.clientHeight, ce = o.value / -h.value, ie = i.value / -h.value, Ie = ce + ee / h.value, Ae = ie + me / h.value, _e = R / ee * (Ie - ce) + ce, be = P / me * (Ae - ie) + ie;
-          return { x: _e, y: be };
+          const ee = c.value.clientWidth, me = c.value.clientHeight, ce = o.value / -h.value, ie = i.value / -h.value, Ie = ce + ee / h.value, Ae = ie + me / h.value, _e = R / ee * (Ie - ce) + ce, we = P / me * (Ae - ie) + ie;
+          return { x: _e, y: we };
         }
       });
     }
@@ -939,7 +939,7 @@ const Pt = {
       style: le({ position: e.position })
     }, [
       r("div", {
-        style: le({ "transform-origin": "top left", transform: b.value }),
+        style: le({ "transform-origin": "top left", transform: w.value }),
         class: "zoom-box"
       }, [
         oe(R.$slots, "default", {}, void 0, !0)
@@ -1091,7 +1091,7 @@ const sn = { key: 0 }, rn = { class: "interactive-viewer" }, un = { class: "fill
       Ce,
       a.i18nConfig ? new Me(a.i18nConfig) : new Me()
     );
-    const o = lt({ isReady: !1, isError: !1 }), i = u(), s = u(), p = u(), l = u(), d = u({ x: 0, y: 0, width: 0, height: 0 }), c = u(), b = u(), h = u(), f = T(() => h.value.isHoverEnabled), _ = T(() => a.useSvg ? Ot : Tt), F = T(() => a.selectedUnitId), k = T(() => a.nextUnitId), g = T(() => a.prevUnitId);
+    const o = lt({ isReady: !1, isError: !1 }), i = u(), s = u(), p = u(), l = u(), d = u({ x: 0, y: 0, width: 0, height: 0 }), c = u(), w = u(), h = u(), f = T(() => h.value.isHoverEnabled), y = T(() => a.useSvg ? Ot : Tt), F = T(() => a.selectedUnitId), k = T(() => a.nextUnitId), g = T(() => a.prevUnitId);
     ke(() => {
       if (F.value && l.value) {
         const C = i.value[F.value];
@@ -1133,23 +1133,23 @@ const sn = { key: 0 }, rn = { class: "interactive-viewer" }, un = { class: "fill
     function U(C) {
       d.value = C;
     }
-    function y(C) {
-      b.value = C.hoverUnit, c.value = C.closeHandler, n("hoverOverUnit", C.hoverUnit);
+    function _(C) {
+      w.value = C.hoverUnit, c.value = C.closeHandler, n("hoverOverUnit", C.hoverUnit);
     }
     function V(C) {
-      b.value = null, c.value = C.closeHandler, n("hoverOutUnit", C.hoverUnit);
+      w.value = null, c.value = C.closeHandler, n("hoverOutUnit", C.hoverUnit);
     }
     return (C, L) => {
       const G = B("v-progress-linear");
       return l.value ? (m(), S("div", sn, [
         r("div", rn, [
           r("div", un, [
-            w(qe, {
+            b(qe, {
               desktop: o.isReady && C.interactiveDesktop,
               mobile: o.isReady && C.interactiveMobile
             }, {
               default: A(() => [
-                w(en, {
+                b(en, {
                   "cdn-file-resolver": C.cdnFileResolver,
                   "view-model": l.value,
                   "cardinal-frames": p.value,
@@ -1159,7 +1159,7 @@ const sn = { key: 0 }, rn = { class: "interactive-viewer" }, un = { class: "fill
                   onError: L[2] || (L[2] = (D) => o.isError = !0)
                 }, null, 8, ["cdn-file-resolver", "view-model", "cardinal-frames", "build"]),
                 o.isReady ? (m(), S("div", cn, [
-                  (m(), $(ft(_.value), {
+                  (m(), $(ft(y.value), {
                     "cdn-file-resolver": a.cdnFileResolver,
                     "view-model": l.value,
                     "selected-unit-id": F.value,
@@ -1169,7 +1169,7 @@ const sn = { key: 0 }, rn = { class: "interactive-viewer" }, un = { class: "fill
                     "draw-observer": a.drawObserver,
                     onSelectUnit: L[3] || (L[3] = (D) => n("selectUnit", D)),
                     onGoToUnit: L[4] || (L[4] = (D) => n("goToUnit", D)),
-                    onHoverOver: y,
+                    onHoverOver: _,
                     onHoverOut: V,
                     onPos: U
                   }, {
@@ -1182,7 +1182,7 @@ const sn = { key: 0 }, rn = { class: "interactive-viewer" }, un = { class: "fill
               ]),
               _: 3
             }, 8, ["desktop", "mobile"]),
-            b.value && C.showCards ? (m(), $(Qe, {
+            w.value && C.showCards ? (m(), $(Qe, {
               key: 0,
               "is-hoverable": f.value,
               pos: d.value,
@@ -1190,9 +1190,9 @@ const sn = { key: 0 }, rn = { class: "interactive-viewer" }, un = { class: "fill
             }, {
               default: A(() => [
                 oe(C.$slots, "default", {
-                  unit: b.value,
-                  canGoToUnit: C.canGoToUnitCallback(b.value),
-                  goToUnit: () => C.canGoToUnitCallback(b.value) && n("goToUnit", b.value),
+                  unit: w.value,
+                  canGoToUnit: C.canGoToUnitCallback(w.value),
+                  goToUnit: () => C.canGoToUnitCallback(w.value) && n("goToUnit", w.value),
                   pos: d.value,
                   isHoverable: f.value,
                   close: c.value
@@ -1201,7 +1201,7 @@ const sn = { key: 0 }, rn = { class: "interactive-viewer" }, un = { class: "fill
               _: 3
             }, 8, ["is-hoverable", "pos", "onOutside"])) : Y("", !0),
             o.isReady ? (m(), S("div", dn, [
-              w(Yt, {
+              b(Yt, {
                 "can-go-to-unit-callback": a.canGoToUnitCallback,
                 "unit-renderer": a.unitRenderer,
                 "selected-unit-id": F.value,
@@ -1213,7 +1213,7 @@ const sn = { key: 0 }, rn = { class: "interactive-viewer" }, un = { class: "fill
                 onNextUnit: L[7] || (L[7] = (D) => n("navUnit", k.value))
               }, null, 8, ["can-go-to-unit-callback", "unit-renderer", "selected-unit-id", "prev-unit-id", "next-unit-id", "view-model"])
             ])) : o.isError ? Y("", !0) : (m(), S("div", vn, [
-              w(G, {
+              b(G, {
                 indeterminate: !o.progress,
                 modelValue: o.progress,
                 "onUpdate:modelValue": L[8] || (L[8] = (D) => o.progress = D)
@@ -1221,14 +1221,14 @@ const sn = { key: 0 }, rn = { class: "interactive-viewer" }, un = { class: "fill
             ]))
           ])
         ]),
-        w(Re, {
+        b(Re, {
           ref_key: "hoverProbe",
           ref: h
         }, null, 512)
       ])) : Y("", !0);
     };
   }
-}), fn = /* @__PURE__ */ q(pn, [["__scopeId", "data-v-74aaa446"]]), hn = ["src"], gn = /* @__PURE__ */ j({
+}), fn = /* @__PURE__ */ q(pn, [["__scopeId", "data-v-528c8f5b"]]), hn = ["src"], gn = /* @__PURE__ */ j({
   __name: "VApartmentChooserV5CameraDayTimeSample",
   props: {
     timeSampleData: {},
@@ -1260,7 +1260,7 @@ const sn = { key: 0 }, rn = { class: "interactive-viewer" }, un = { class: "fill
       "current-time": e.currentTime
     }, null, 8, ["time-sample-data", "cdn-file-resolver", "current-time"]))), 256));
   }
-}), bn = /* @__PURE__ */ j({
+}), wn = /* @__PURE__ */ j({
   __name: "VApartmentChooserV5Camera",
   props: {
     cameraData: {},
@@ -1275,7 +1275,7 @@ const sn = { key: 0 }, rn = { class: "interactive-viewer" }, un = { class: "fill
       "current-time": t.currentTime
     }, null, 8, ["day-data", "cdn-file-resolver", "current-time"]))), 256));
   }
-}), wn = ["src"], kn = /* @__PURE__ */ j({
+}), bn = ["src"], kn = /* @__PURE__ */ j({
   __name: "VApartmentChooserV5Transition",
   props: {
     transitionData: {},
@@ -1289,7 +1289,7 @@ const sn = { key: 0 }, rn = { class: "interactive-viewer" }, un = { class: "fill
       key: a.value,
       src: a.value,
       class: "position-absolute top-left w-100 h-100"
-    }, null, 8, wn)), [
+    }, null, 8, bn)), [
       [pe, n.transitionData === n.currentTransition]
     ]);
   }
@@ -1387,7 +1387,7 @@ const In = /* @__PURE__ */ j({
         "hide-details": ""
       }, {
         item: A(({ props: d }) => [
-          w(p, ye(d, {
+          b(p, ye(d, {
             title: o(d.title)
           }), null, 16, ["title"])
         ]),
@@ -1439,11 +1439,11 @@ const In = /* @__PURE__ */ j({
       }, 200));
     }
     return (p, l) => {
-      const d = B("v-icon"), c = B("v-btn"), b = B("v-slider"), h = B("v-field");
+      const d = B("v-icon"), c = B("v-btn"), w = B("v-slider"), h = B("v-field");
       return m(), $(h, { variant: "solo" }, {
         default: A(() => [
           p.dayData.startTime === p.dayData.endTime ? (m(), S("div", Ln, [
-            w(d, {
+            b(d, {
               style: { color: "#ffab02", "vertical-align": "baseline", "font-size": "20px" },
               class: "py-2 ml-2 mr-2 icon"
             }, {
@@ -1453,7 +1453,7 @@ const In = /* @__PURE__ */ j({
               _: 1
             }),
             X(" " + N(i(n.value)), 1)
-          ])) : (m(), $(b, {
+          ])) : (m(), $(w, {
             key: 1,
             class: "pa-1",
             modelValue: n.value,
@@ -1465,7 +1465,7 @@ const In = /* @__PURE__ */ j({
             "hide-details": ""
           }, {
             prepend: A(() => [
-              w(c, {
+              b(c, {
                 icon: o.value ? "mdi-stop" : "mdi-play",
                 size: "x-small",
                 variant: "flat",
@@ -1477,7 +1477,7 @@ const In = /* @__PURE__ */ j({
             append: A(() => [
               r("span", Fn, N(i(p.dayData.endTime)), 1),
               X("   "),
-              w(d, {
+              b(d, {
                 style: { color: "#ffab02", "vertical-align": "baseline", "font-size": "20px" },
                 class: "ml-2 mr-2 icon"
               }, {
@@ -1507,7 +1507,7 @@ const In = /* @__PURE__ */ j({
   setup(v, { expose: t, emit: e }) {
     const a = v, n = e;
     t({
-      rotateShortestRoute: b
+      rotateShortestRoute: w
     });
     const o = u(!1), i = u(a.currentScene), s = u(a.selectedId);
     ke(() => {
@@ -1520,48 +1520,48 @@ const In = /* @__PURE__ */ j({
     const p = T(() => o.value ? !1 : a.apartmentChooserData.loopable ? !0 : i.value !== a.apartmentChooserData.scenes[0]), l = T(() => o.value ? !1 : a.apartmentChooserData.loopable ? !0 : i.value !== a.apartmentChooserData.scenes[a.apartmentChooserData.scenes.length - 1]);
     function d() {
       const f = i.value;
-      let _ = a.apartmentChooserData.scenes.findIndex((k) => k === f) + 1;
-      _ >= a.apartmentChooserData.scenes.length && (_ = 0);
-      const F = a.apartmentChooserData.scenes[_];
+      let y = a.apartmentChooserData.scenes.findIndex((k) => k === f) + 1;
+      y >= a.apartmentChooserData.scenes.length && (y = 0);
+      const F = a.apartmentChooserData.scenes[y];
       a.apartmentChooserData.loopable && f > F ? h(f, F + a.apartmentChooserData.scenes.length) : h(f, F);
     }
     async function c() {
       const f = i.value;
-      let _ = a.apartmentChooserData.scenes.findIndex((k) => k === f) - 1;
-      _ < 0 && (_ = a.apartmentChooserData.scenes[a.apartmentChooserData.scenes.length - 1]);
-      const F = a.apartmentChooserData.scenes[_];
+      let y = a.apartmentChooserData.scenes.findIndex((k) => k === f) - 1;
+      y < 0 && (y = a.apartmentChooserData.scenes[a.apartmentChooserData.scenes.length - 1]);
+      const F = a.apartmentChooserData.scenes[y];
       a.apartmentChooserData.loopable && f < F ? h(f + a.apartmentChooserData.scenes.length, F) : h(f, F);
     }
-    function b(f) {
-      const _ = i.value;
+    function w(f) {
+      const y = i.value;
       if (a.apartmentChooserData.loopable)
-        if (f < _) {
-          let F = _ - f, k = _ - (a.apartmentChooserData.cameras.length + f);
-          return Math.abs(F) > Math.abs(k) ? h(_, f) : h(_, a.apartmentChooserData.cameras.length + f);
+        if (f < y) {
+          let F = y - f, k = y - (a.apartmentChooserData.cameras.length + f);
+          return Math.abs(F) > Math.abs(k) ? h(y, f) : h(y, a.apartmentChooserData.cameras.length + f);
         } else {
-          let F = _ - f, k = a.apartmentChooserData.cameras.length + _ - f;
-          return Math.abs(F) > Math.abs(k) ? h(_, f) : h(a.apartmentChooserData.cameras.length + _, f);
+          let F = y - f, k = a.apartmentChooserData.cameras.length + y - f;
+          return Math.abs(F) > Math.abs(k) ? h(y, f) : h(a.apartmentChooserData.cameras.length + y, f);
         }
       else
-        return h(_, f);
+        return h(y, f);
     }
-    function h(f, _) {
+    function h(f, y) {
       return new Promise((F) => {
-        o.value = !0, n("onRotateStart", { from: f, to: _ });
+        o.value = !0, n("onRotateStart", { from: f, to: y });
         let k, g = f;
         k = setInterval(() => {
-          g < _ ? (g++, i.value = Math.abs(
+          g < y ? (g++, i.value = Math.abs(
             g % a.apartmentChooserData.cameras.length
-          )) : g > _ ? (g--, i.value = Math.abs(
+          )) : g > y ? (g--, i.value = Math.abs(
             g % a.apartmentChooserData.cameras.length
-          )) : (clearInterval(k), n("onRotateFinish", { from: f, to: _ }), o.value = !1, F());
+          )) : (clearInterval(k), n("onRotateFinish", { from: f, to: y }), o.value = !1, F());
         }, 50);
       });
     }
-    return (f, _) => {
+    return (f, y) => {
       const F = B("v-btn"), k = B("v-chip");
       return m(), S(re, null, [
-        w(F, {
+        b(F, {
           class: "mx-2",
           icon: "mdi-restore",
           disabled: !p.value,
@@ -1572,14 +1572,14 @@ const In = /* @__PURE__ */ j({
           variant: "flat",
           color: "white",
           size: "x-large",
-          onClick: _[0] || (_[0] = (g) => n("onDisplayClick", s.value))
+          onClick: y[0] || (y[0] = (g) => n("onDisplayClick", s.value))
         }, {
           default: A(() => [
             X(N(f.renderDisplay(s.value)), 1)
           ]),
           _: 1
         })) : Y("", !0),
-        w(F, {
+        b(F, {
           class: "mx-2",
           icon: "mdi-reload",
           disabled: !l.value,
@@ -1606,14 +1606,14 @@ const In = /* @__PURE__ */ j({
       }
     ), ke(() => {
       for (const l in s) {
-        const { element: d, state: c } = s[l], { r: b, g: h, b: f, a: _, s: F } = e.colorCallback(l, c) || {
+        const { element: d, state: c } = s[l], { r: w, g: h, b: f, a: y, s: F } = e.colorCallback(l, c) || {
           r: 0,
           g: 0,
           b: 0,
           a: 0,
           s: 0
         };
-        d.style.fill = `rgba(${b}, ${h}, ${f}, ${_ / 255})`, d.style.stroke = `rgb(${b}, ${h}, ${f})`, d.style.strokeWidth = F.toString();
+        d.style.fill = `rgba(${w}, ${h}, ${f}, ${y / 255})`, d.style.stroke = `rgb(${w}, ${h}, ${f})`, d.style.strokeWidth = F.toString();
       }
     }), H(i, () => {
       for (const l in s)
@@ -1650,16 +1650,16 @@ const In = /* @__PURE__ */ j({
             c.style.strokeWidth = "0", c.style.stroke = "rgba(255,255,255,0)", c.style.fill = "rgba(255,255,255,0)", c.querySelectorAll("path").forEach((h) => {
               h.style.stroke = "inherit", h.style.fill = "inherit";
             });
-            const b = c.getAttribute("data-apartment-id");
-            s[b] = {
+            const w = c.getAttribute("data-apartment-id");
+            s[w] = {
               element: c,
-              state: i.value === b ? "selected" : "idle"
+              state: i.value === w ? "selected" : "idle"
             }, c.addEventListener("mouseover", () => {
-              s[b].state === "idle" && (s[b].state = "hover"), a("onHoverOver", b);
+              s[w].state === "idle" && (s[w].state = "hover"), a("onHoverOver", w);
             }), c.addEventListener("mouseout", () => {
-              s[b].state === "hover" && (s[b].state = "idle"), a("onHoverOut", b);
+              s[w].state === "hover" && (s[w].state = "idle"), a("onHoverOut", w);
             }), c.addEventListener("click", () => {
-              a("onClick", b);
+              a("onClick", w);
             });
           });
         }
@@ -1900,7 +1900,7 @@ const Yn = {
   setup(v, { emit: t }) {
     const e = v, a = t, n = u(), o = u(), i = u(), s = u(
       null
-    ), p = u(), l = u(), d = u(!1), c = u(!1), b = u(), h = u(), f = T(() => h.value.isHoverEnabled), _ = u({ x: 0, y: 0, width: 0, height: 0 }), F = u(), k = u(
+    ), p = u(), l = u(), d = u(!1), c = u(!1), w = u(), h = u(), f = T(() => h.value.isHoverEnabled), y = u({ x: 0, y: 0, width: 0, height: 0 }), F = u(), k = u(
       e.apartmentChooserData
     );
     ue(() => d.value = !0);
@@ -1944,8 +1944,8 @@ const Yn = {
       },
       { immediate: !0 }
     );
-    function y(M) {
-      n.value !== M && b.value.rotateShortestRoute(
+    function _(M) {
+      n.value !== M && w.value.rotateShortestRoute(
         k.value.cameras.findIndex((O) => O === M)
       );
     }
@@ -1988,7 +1988,7 @@ const Yn = {
         const O = k.value.unitData.find(
           (K) => K.unitId === M
         );
-        O && b.value.rotateShortestRoute(O.bestScene);
+        O && w.value.rotateShortestRoute(O.bestScene);
       });
     }
     function Z(M) {
@@ -2006,36 +2006,36 @@ const Yn = {
           break;
         } else
           R = R.parentElement;
-      P ? _.value = {
+      P ? y.value = {
         x: O,
         y: K,
         width: M.currentTarget.clientWidth,
         height: M.currentTarget.clientHeight
-      } : _.value = void 0, a("onMouseMove", M, _.value);
+      } : y.value = void 0, a("onMouseMove", M, y.value);
     }
     return (M, O) => {
       const K = B("v-skeleton-loader");
       return m(), S(re, null, [
-        w(K, {
+        b(K, {
           type: "image",
           class: "w-100 h-100 position-relative",
           loading: !d.value || !k.value
         }, {
           default: A(() => [
-            w(Se, null, {
+            b(Se, null, {
               default: A(() => [
                 r("div", { onMousemove: E }, [
                   r("div", Yn, [
                     r("div", jn, [
-                      w(In, {
+                      b(In, {
                         "apartment-chooser-data": k.value,
                         "current-camera": n.value,
                         disabled: c.value,
-                        onOnCameraChange: y
+                        onOnCameraChange: _
                       }, null, 8, ["apartment-chooser-data", "current-camera", "disabled"])
                     ]),
                     r("div", Pn, [
-                      w(An, {
+                      b(An, {
                         "camera-data": n.value,
                         "current-day": o.value,
                         disabled: c.value,
@@ -2043,7 +2043,7 @@ const Yn = {
                       }, null, 8, ["camera-data", "current-day", "disabled"])
                     ]),
                     r("div", Wn, [
-                      w(Sn, {
+                      b(Sn, {
                         "day-data": o.value,
                         "current-time": i.value,
                         disabled: c.value,
@@ -2052,9 +2052,9 @@ const Yn = {
                     ])
                   ]),
                   r("div", Nn, [
-                    w(Mn, {
+                    b(Mn, {
                       ref_key: "rotator",
-                      ref: b,
+                      ref: w,
                       "apartment-chooser-data": k.value,
                       "current-scene": p.value,
                       "selected-id": M.selectedId,
@@ -2066,13 +2066,13 @@ const Yn = {
                     }, null, 8, ["apartment-chooser-data", "current-scene", "selected-id", "render-display"])
                   ]),
                   r("div", zn, [
-                    w(Ze, {
+                    b(Ze, {
                       longitude: n.value.cameraRotation.y + 270
                     }, null, 8, ["longitude"])
                   ]),
-                  w(qe, { position: "relative" }, {
+                  b(qe, { position: "relative" }, {
                     default: A(() => [
-                      (m(!0), S(re, null, ve(g.value, (R) => (m(), $(bn, {
+                      (m(!0), S(re, null, ve(g.value, (R) => (m(), $(wn, {
                         key: R.overlayFilename,
                         "camera-data": R,
                         "cdn-file-resolver": e.cdnFileResolver,
@@ -2089,7 +2089,7 @@ const Yn = {
                         style: { "z-index": "6", "pointer-events": "none" },
                         innerHTML: e.customOverlayContent
                       }, null, 8, Gn)) : Y("", !0),
-                      de(w(Vn, {
+                      de(b(Vn, {
                         "cdn-file-resolver": M.cdnFileResolver,
                         "color-callback": e.colorCallback,
                         "current-camera": n.value,
@@ -2104,10 +2104,10 @@ const Yn = {
                     ]),
                     _: 1
                   }),
-                  M.$slots.popup && _.value && l.value ? (m(), $(Qe, {
+                  M.$slots.popup && y.value && l.value ? (m(), $(Qe, {
                     key: 0,
                     "is-hoverable": f.value,
-                    pos: _.value
+                    pos: y.value
                   }, {
                     default: A(() => [
                       r("div", Qn, [
@@ -2123,14 +2123,14 @@ const Yn = {
           ]),
           _: 3
         }, 8, ["loading"]),
-        w(Re, {
+        b(Re, {
           ref_key: "hoverProbe",
           ref: h
         }, null, 512)
       ], 64);
     };
   }
-}), Ls = /* @__PURE__ */ q(qn, [["__scopeId", "data-v-8841908c"]]), Zn = { class: "sunsim-bar-wrapper" }, Xn = { class: "sunsim-date d-flex align-center pl-5 pr-5" }, Jn = {
+}), xs = /* @__PURE__ */ q(qn, [["__scopeId", "data-v-8841908c"]]), Zn = { class: "sunsim-bar-wrapper" }, Xn = { class: "sunsim-date d-flex align-center pl-5 pr-5" }, Jn = {
   key: 1,
   class: "text-center text-body-1"
 }, Kn = { class: "sunsim-wrapper d-flex align-center px-3" }, ea = { class: "sunsim-time-label text-body-1 font-weight-normal ml-2" }, ta = /* @__PURE__ */ j({
@@ -2172,10 +2172,10 @@ const Yn = {
     ), ke(() => {
       o.value = i(e.dateSelector.selectedDate);
     }), (d, c) => {
-      const b = B("v-icon"), h = B("v-select"), f = B("v-progress-linear"), _ = B("v-slider");
+      const w = B("v-icon"), h = B("v-select"), f = B("v-progress-linear"), y = B("v-slider");
       return m(), S("div", Zn, [
         r("div", Xn, [
-          w(b, {
+          b(w, {
             color: "black",
             class: "mr-2",
             icon: "mdi-calendar-blank-outline"
@@ -2193,7 +2193,7 @@ const Yn = {
         ]),
         r("div", Kn, [
           r("span", ea, N(s.value), 1),
-          w(b, {
+          b(w, {
             medium: "",
             class: "ml-2 mr-2 icon"
           }, {
@@ -2210,7 +2210,7 @@ const Yn = {
             height: "6",
             color: "grey lighten-1",
             class: "mr-2"
-          })) : (m(), $(_, {
+          })) : (m(), $(y, {
             key: 1,
             modelValue: n.value,
             "onUpdate:modelValue": c[1] || (c[1] = (F) => n.value = F),
@@ -2229,7 +2229,7 @@ const Yn = {
       ]);
     };
   }
-}), bt = /* @__PURE__ */ q(ta, [["__scopeId", "data-v-d5a3d3f8"]]), na = { key: 0 }, aa = ["src"], oa = /* @__PURE__ */ j({
+}), wt = /* @__PURE__ */ q(ta, [["__scopeId", "data-v-d5a3d3f8"]]), na = { key: 0 }, aa = ["src"], oa = /* @__PURE__ */ j({
   __name: "VBuildingChooserSceneImageStack",
   props: {
     imageUrls: {},
@@ -2270,9 +2270,9 @@ const Yn = {
         onLoad: s
       }, null, 544),
       n.value === "preloaded" || n.value === "loaded" ? de((m(), S("div", na, [
-        (m(!0), S(re, null, ve(l.imageUrls, (c, b) => (m(), S("img", {
-          key: b,
-          class: xe({ "image-instance": !0, active: b === l.activeIndex }),
+        (m(!0), S(re, null, ve(l.imageUrls, (c, w) => (m(), S("img", {
+          key: w,
+          class: xe({ "image-instance": !0, active: w === l.activeIndex }),
           src: c,
           onLoad: d[0] || (d[0] = (h) => o.value.partLoaded())
         }, null, 42, aa))), 128))
@@ -2281,7 +2281,7 @@ const Yn = {
       ]) : Y("", !0)
     ]));
   }
-}), wt = /* @__PURE__ */ q(oa, [["__scopeId", "data-v-8d357c5f"]]), la = {
+}), bt = /* @__PURE__ */ q(oa, [["__scopeId", "data-v-8d357c5f"]]), la = {
   key: 0,
   style: { height: "50vh" },
   class: "d-flex justify-center align-center blue-grey lighten-5"
@@ -2314,7 +2314,7 @@ const Yn = {
       height: 0
     }), i = u({ x: 0, y: 0, width: 0, height: 0 }), s = u(), p = u(
       (/* @__PURE__ */ new Date()).getHours() * 2 + ((/* @__PURE__ */ new Date()).getMinutes() < 30 ? 0 : 1)
-    ), l = u(!1), d = u(new ge()), c = u(), b = u("0 0 0 0"), h = u(), f = u(), _ = u(Ye.empty()), F = u(je.empty()), k = u(), g = T(() => k.value.isHoverEnabled);
+    ), l = u(!1), d = u(new ge()), c = u(), w = u("0 0 0 0"), h = u(), f = u(), y = u(Ye.empty()), F = u(je.empty()), k = u(), g = T(() => k.value.isHoverEnabled);
     H(s, (x, E) => {
       x ? a("hoverOverBuilding", x) : a("hoverOutBuilding", E);
     }), ke(() => {
@@ -2331,7 +2331,7 @@ const Yn = {
         e.buildingChooserData
       );
       if (E) {
-        F.value = new je(E.mapImage), _.value = new Ye(E.buildingIds), h.value = new nt(E.backgrounds), f.value = {
+        F.value = new je(E.mapImage), y.value = new Ye(E.buildingIds), h.value = new nt(E.backgrounds), f.value = {
           buildingOverlays: E.buildingOverlays,
           viewLongitude: E.viewLongitude
         };
@@ -2339,7 +2339,7 @@ const Yn = {
         for (let { id: O, url: K } of E.buildingOverlays)
           d.value.loadJson(K.replace(".png", ".svg")).then((R) => {
             const ee = new DOMParser().parseFromString(R, "image/svg+xml").getElementsByTagName("svg")[0];
-            b.value = ee.getAttribute("viewBox"), M.push({
+            w.value = ee.getAttribute("viewBox"), M.push({
               id: O,
               svg: ee.innerHTML
             });
@@ -2351,7 +2351,7 @@ const Yn = {
     function U({ width: x, height: E }) {
       o.value.width = x, o.value.height = E;
     }
-    function y() {
+    function _() {
       n.value = { preloaded: !1, ready: !1 };
     }
     function V(x) {
@@ -2419,7 +2419,7 @@ const Yn = {
     return (x, E) => {
       const M = B("v-icon");
       return l.value ? (m(), S("div", la, [
-        w(M, { "x-large": "" }, {
+        b(M, { "x-large": "" }, {
           default: A(() => [
             X("mdi-alert-circle-outline")
           ]),
@@ -2430,23 +2430,23 @@ const Yn = {
         style: le(`height: ${o.value.height}px; position: relative`),
         class: "image-container"
       }, [
-        w(qe, {
+        b(qe, {
           desktop: x.interactiveDesktop,
           mobile: x.interactiveMobile
         }, {
           default: A(() => [
             r("div", sa, [
-              w(wt, {
+              b(bt, {
                 "image-urls": h.value.imageUrls,
                 "active-index": p.value,
                 onResize: U,
                 onPreloaded: E[0] || (E[0] = (O) => n.value.preloaded = !0),
                 onReady: E[1] || (E[1] = (O) => n.value.ready = !0),
-                onReset: y
+                onReset: _
               }, null, 8, ["image-urls", "active-index"]),
               c.value ? de((m(), S("div", ia, [
                 r("div", ra, [
-                  (m(), S("svg", { viewBox: b.value }, [
+                  (m(), S("svg", { viewBox: w.value }, [
                     (m(!0), S(re, null, ve(c.value, ({ id: O, svg: K }, R) => (m(), S("g", {
                       key: R,
                       innerHTML: K,
@@ -2479,7 +2479,7 @@ const Yn = {
             class: "north-indicator",
             longitude: f.value.viewLongitude
           }, null, 8, ["longitude"])) : Y("", !0),
-          w(bt, {
+          b(wt, {
             modelValue: p.value,
             "onUpdate:modelValue": E[2] || (E[2] = (O) => p.value = O),
             "date-selector": h.value,
@@ -2506,7 +2506,7 @@ const Yn = {
           ]),
           _: 3
         }, 8, ["is-hoverable", "pos"])) : Y("", !0),
-        w(Re, {
+        b(Re, {
           ref_key: "hoverProbe",
           ref: k
         }, null, 512)
@@ -2542,15 +2542,15 @@ const Yn = {
         i.value = l.value.getContext("2d", {
           willReadFrequently: !0
         }), i.value.drawImage(n.value, 0, 0, h, f), s.value = i.value.getImageData(0, 0, h, f);
-        for (let _ = 3; _ < s.value.data.length; _ += 4)
-          s.value.data[_] !== 0 && p.value.push(_);
+        for (let y = 3; y < s.value.data.length; y += 4)
+          s.value.data[y] !== 0 && p.value.push(y);
         c(), a.value = !0;
       }
     }
     function c() {
-      i.value && s.value && (b(), i.value.putImageData(s.value, 0, 0));
+      i.value && s.value && (w(), i.value.putImageData(s.value, 0, 0));
     }
-    function b() {
+    function w() {
       if (e.color)
         for (let h = 0; h < p.value.length; h++)
           s.value.data[p.value[h] - 3] = e.color.r, s.value.data[p.value[h] - 2] = e.color.g, s.value.data[p.value[h] - 1] = e.color.b, s.value.data[p.value[h]] = e.color.a;
@@ -2592,20 +2592,20 @@ const Yn = {
     }), i = u({
       width: 0,
       height: 0
-    }), s = u({ x: 0, y: 0, width: 0, height: 0 }), p = u(), l = u(Ye.empty()), d = u(je.empty()), c = u(), b = u(
+    }), s = u({ x: 0, y: 0, width: 0, height: 0 }), p = u(), l = u(Ye.empty()), d = u(je.empty()), c = u(), w = u(
       (/* @__PURE__ */ new Date()).getHours() * 2 + ((/* @__PURE__ */ new Date()).getMinutes() < 30 ? 0 : 1)
     ), h = u(
       (x, E) => ({ x, y: E })
-    ), f = u(!1), _ = u(), F = u(), k = u(), g = T(() => {
+    ), f = u(!1), y = u(), F = u(), k = u(), g = T(() => {
       var x;
-      return (x = _.value) == null ? void 0 : x.isHoverEnabled;
+      return (x = y.value) == null ? void 0 : x.isHoverEnabled;
     });
     ke(() => {
       if (e.buildingChooserTimeOfDay) {
         const [x, E, M] = /^(\d\d):(\d\d)$/.exec(
           e.buildingChooserTimeOfDay
         ), O = parseInt(M);
-        b.value = parseInt(E) * 2 + (O < 15 ? 0 : O > 45 ? 2 : 1);
+        w.value = parseInt(E) * 2 + (O < 15 ? 0 : O > 45 ? 2 : 1);
       }
     }), H(c, (x, E) => {
       x ? a("hoverOverBuilding", x) : a("hoverOutBuilding", E);
@@ -2623,7 +2623,7 @@ const Yn = {
     function U({ width: x, height: E }) {
       i.value.width = x, i.value.height = E, De(C);
     }
-    function y() {
+    function _() {
       o.value = { preloaded: !1, ready: !1 };
     }
     function V(x) {
@@ -2663,7 +2663,7 @@ const Yn = {
     return (x, E) => {
       const M = B("v-icon");
       return f.value ? (m(), S("div", ha, [
-        w(M, { "x-large": "" }, {
+        b(M, { "x-large": "" }, {
           default: A(() => [
             X("mdi-alert-circle-outline")
           ]),
@@ -2674,20 +2674,20 @@ const Yn = {
         style: le(`cursor: ${c.value ? "pointer" : "auto"};height: ${i.value.height}px; position: relative`),
         class: "image-container"
       }, [
-        w(qe, {
+        b(qe, {
           desktop: x.interactiveDesktop,
           mobile: x.interactiveMobile,
           onUpdate: Z
         }, {
           default: A(() => [
             r("div", ga, [
-              w(wt, {
+              b(bt, {
                 "image-urls": n.value.imageUrls,
-                "active-index": b.value,
+                "active-index": w.value,
                 onResize: U,
                 onPreloaded: E[0] || (E[0] = (O) => o.value.preloaded = !0),
                 onReady: E[1] || (E[1] = (O) => o.value.ready = !0),
-                onReset: y
+                onReset: _
               }, null, 8, ["image-urls", "active-index"]),
               de(r("div", null, [
                 (m(!0), S(re, null, ve(p.value.buildingOverlays, (O) => (m(), $(fa, {
@@ -2725,9 +2725,9 @@ const Yn = {
             class: "north-indicator",
             longitude: p.value.viewLongitude
           }, null, 8, ["longitude"])) : Y("", !0),
-          w(bt, {
-            modelValue: b.value,
-            "onUpdate:modelValue": E[2] || (E[2] = (O) => b.value = O),
+          b(wt, {
+            modelValue: w.value,
+            "onUpdate:modelValue": E[2] || (E[2] = (O) => w.value = O),
             "date-selector": n.value,
             "is-loading": !o.value.ready
           }, null, 8, ["modelValue", "date-selector", "is-loading"])
@@ -2752,14 +2752,14 @@ const Yn = {
           ]),
           _: 3
         }, 8, ["is-hoverable", "pos"])) : Y("", !0),
-        w(Re, {
+        b(Re, {
           ref_key: "hoverProbe",
-          ref: _
+          ref: y
         }, null, 512)
       ], 4)) : Y("", !0);
     };
   }
-}), ba = /* @__PURE__ */ q(_a, [["__scopeId", "data-v-088f521e"]]), wa = /* @__PURE__ */ j({
+}), wa = /* @__PURE__ */ q(_a, [["__scopeId", "data-v-088f521e"]]), ba = /* @__PURE__ */ j({
   __name: "VBuildingChooser",
   props: {
     showCards: { type: Boolean, default: !0 },
@@ -2777,7 +2777,7 @@ const Yn = {
   emits: ["goToBuilding", "hoverOverBuilding", "hoverOutBuilding"],
   setup(v, { emit: t }) {
     const e = v, a = t, n = T(
-      () => e.useSvg ? ma : ba
+      () => e.useSvg ? ma : wa
     );
     return (o, i) => (m(), $(ft(n.value), {
       "i18n-config": e.i18nConfig,
@@ -2923,7 +2923,7 @@ const Yn = {
         "hide-details": ""
       }, {
         item: A(({ props: d }) => [
-          w(p, ye(d, {
+          b(p, ye(d, {
             title: o(d.title)
           }), null, 16, ["title"])
         ]),
@@ -2974,11 +2974,11 @@ const Yn = {
       }, 200));
     }
     return (p, l) => {
-      const d = B("v-icon"), c = B("v-btn"), b = B("v-slider"), h = B("v-field");
+      const d = B("v-icon"), c = B("v-btn"), w = B("v-slider"), h = B("v-field");
       return m(), $(h, { variant: "solo" }, {
         default: A(() => [
           p.dayData.startTime === p.dayData.endTime ? (m(), S("div", Da, [
-            w(d, {
+            b(d, {
               style: { color: "#ffab02", "vertical-align": "baseline", "font-size": "20px" },
               class: "py-2 ml-2 mr-2 icon"
             }, {
@@ -2988,7 +2988,7 @@ const Yn = {
               _: 1
             }),
             X(" " + N(i(n.value)), 1)
-          ])) : (m(), $(b, {
+          ])) : (m(), $(w, {
             key: 1,
             class: "pa-1",
             modelValue: n.value,
@@ -2999,7 +2999,7 @@ const Yn = {
             "hide-details": ""
           }, {
             prepend: A(() => [
-              w(c, {
+              b(c, {
                 icon: o.value ? "mdi-stop" : "mdi-play",
                 size: "x-small",
                 variant: "flat",
@@ -3011,7 +3011,7 @@ const Yn = {
             append: A(() => [
               r("span", Ma, N(i(p.dayData.endTime)), 1),
               X("   "),
-              w(d, {
+              b(d, {
                 style: { color: "#ffab02", "vertical-align": "baseline", "font-size": "20px" },
                 class: "ml-2 mr-2 icon"
               }, {
@@ -3042,14 +3042,14 @@ const Yn = {
     const e = v, a = t, n = u(), o = u(), i = u(e.selectedId), s = lt({});
     ke(() => {
       for (const l in s) {
-        const { element: d, state: c } = s[l], { r: b, g: h, b: f, a: _, s: F } = e.colorCallback(l, c) || {
+        const { element: d, state: c } = s[l], { r: w, g: h, b: f, a: y, s: F } = e.colorCallback(l, c) || {
           r: 0,
           g: 0,
           b: 0,
           a: 0,
           s: 0
         };
-        d.style.fill = `rgba(${b}, ${h}, ${f}, ${_ / 255})`, d.style.stroke = `rgb(${b}, ${h}, ${f})`, d.style.strokeWidth = F.toString();
+        d.style.fill = `rgba(${w}, ${h}, ${f}, ${y / 255})`, d.style.stroke = `rgb(${w}, ${h}, ${f})`, d.style.strokeWidth = F.toString();
       }
     }), H(
       () => e.selectedId,
@@ -3089,16 +3089,16 @@ const Yn = {
             c.style.strokeWidth = "0", c.style.stroke = "rgba(255,255,255,0)", c.style.fill = "rgba(255,255,255,0)", c.querySelectorAll("path").forEach((h) => {
               h.style.stroke = "inherit", h.style.fill = "inherit";
             });
-            const b = c.getAttribute("data-building-id");
-            s[b] = {
+            const w = c.getAttribute("data-building-id");
+            s[w] = {
               element: c,
-              state: i.value === b ? "selected" : "idle"
+              state: i.value === w ? "selected" : "idle"
             }, c.addEventListener("mouseover", () => {
-              s[b].state === "idle" && (s[b].state = "hover"), a("onHoverOver", b);
+              s[w].state === "idle" && (s[w].state = "hover"), a("onHoverOver", w);
             }), c.addEventListener("mouseout", () => {
-              s[b].state === "hover" && (s[b].state = "idle"), a("onHoverOut", b);
+              s[w].state === "hover" && (s[w].state = "idle"), a("onHoverOut", w);
             }), c.addEventListener("click", () => {
-              a("onClick", b);
+              a("onClick", w);
             });
           });
         }
@@ -3148,7 +3148,7 @@ const Yn = {
   },
   emits: ["onClick", "onHoverOver", "onHoverOut", "onMouseMove"],
   setup(v, { emit: t }) {
-    const e = v, a = t, n = u(), o = u(), i = u(), s = u(), p = u(!1), l = u(), d = T(() => l.value.isHoverEnabled), c = u({ x: 0, y: 0, width: 0, height: 0 }), b = u(), h = u(
+    const e = v, a = t, n = u(), o = u(), i = u(), s = u(), p = u(!1), l = u(), d = T(() => l.value.isHoverEnabled), c = u({ x: 0, y: 0, width: 0, height: 0 }), w = u(), h = u(
       e.buildingChooserData
     );
     ue(() => p.value = !0), H(
@@ -3157,7 +3157,7 @@ const Yn = {
         e.cdnFileResolver && (h.value || (h.value = await ge.loadJson(
           se(e.cdnFileResolver, "/buildingChooser.json")
         )), e.defaultCamera ? n.value = h.value.cameras.find(
-          (y) => y.cameraName === e.defaultCamera
+          (_) => _.cameraName === e.defaultCamera
         ) || h.value.cameras[0] : n.value = h.value.cameras[0]);
       },
       { immediate: !0 }
@@ -3165,7 +3165,7 @@ const Yn = {
       [h, () => e.cdnFileResolver, () => e.defaultDay],
       () => {
         h.value && e.cdnFileResolver && (e.defaultDay ? o.value = n.value.sunsimDayOfYear.find(
-          (y) => y.dayOfYear === e.defaultDay
+          (_) => _.dayOfYear === e.defaultDay
         ) || n.value.sunsimDayOfYear[0] : o.value = n.value.sunsimDayOfYear[0]);
       },
       { immediate: !0 }
@@ -3173,26 +3173,26 @@ const Yn = {
       [h, () => e.cdnFileResolver, () => e.defaultTime],
       () => {
         h.value && e.cdnFileResolver && (e.defaultTime ? i.value = o.value.timeSamples.find(
-          (y) => y.timeInHours === e.defaultTime
+          (_) => _.timeInHours === e.defaultTime
         ) || o.value.timeSamples[0] : i.value = o.value.timeSamples.find(
-          (y) => y.timeInHours === o.value.defaultHour
+          (_) => _.timeInHours === o.value.defaultHour
         ) || o.value.timeSamples[0]);
       },
       { immediate: !0 }
     );
-    function f(y) {
+    function f(_) {
       const V = o.value;
-      n.value = y, De(() => {
-        _(
+      n.value = _, De(() => {
+        y(
           n.value.sunsimDayOfYear.find(
             (C) => C.dayOfYear === V.dayOfYear
           ) || n.value.sunsimDayOfYear[0]
         );
       });
     }
-    function _(y) {
+    function y(_) {
       const V = i.value;
-      o.value = y, De(() => {
+      o.value = _, De(() => {
         F(
           o.value.timeSamples.find(
             (C) => C.timeInHours === V.timeInHours
@@ -3202,20 +3202,20 @@ const Yn = {
         );
       });
     }
-    function F(y) {
-      i.value = y;
+    function F(_) {
+      i.value = _;
     }
-    function k(y) {
-      a("onHoverOver", y), s.value = y;
+    function k(_) {
+      a("onHoverOver", _), s.value = _;
     }
-    function g(y) {
-      a("onHoverOut", y), s.value = void 0;
+    function g(_) {
+      a("onHoverOut", _), s.value = void 0;
     }
-    function U(y) {
-      const { layerX: V, layerY: C } = y;
-      let L = y.target, G = !1;
+    function U(_) {
+      const { layerX: V, layerY: C } = _;
+      let L = _.target, G = !1;
       for (; L; )
-        if (L === b.value) {
+        if (L === w.value) {
           G = !0;
           break;
         } else
@@ -3223,20 +3223,20 @@ const Yn = {
       G ? c.value = {
         x: V,
         y: C,
-        width: y.currentTarget.clientWidth,
-        height: y.currentTarget.clientHeight
-      } : c.value = void 0, a("onMouseMove", y, c.value);
+        width: _.currentTarget.clientWidth,
+        height: _.currentTarget.clientHeight
+      } : c.value = void 0, a("onMouseMove", _, c.value);
     }
-    return (y, V) => {
+    return (_, V) => {
       const C = B("v-skeleton-loader");
       return m(), S(re, null, [
-        w(C, {
+        b(C, {
           type: "image",
           class: "w-100 h-100 position-relative",
           loading: !p.value || !h.value
         }, {
           default: A(() => [
-            w(Se, null, {
+            b(Se, null, {
               default: A(() => [
                 r("div", {
                   class: "w-100 h-100 position-relative",
@@ -3244,21 +3244,21 @@ const Yn = {
                 }, [
                   r("div", Oa, [
                     r("div", Ua, [
-                      w(xa, {
+                      b(xa, {
                         "building-chooser-data": h.value,
                         "current-camera": n.value,
                         onOnCameraChange: f
                       }, null, 8, ["building-chooser-data", "current-camera"])
                     ]),
                     r("div", $a, [
-                      w(Fa, {
+                      b(Fa, {
                         "camera-data": n.value,
                         "current-day": o.value,
-                        onOnDayChange: _
+                        onOnDayChange: y
                       }, null, 8, ["camera-data", "current-day"])
                     ]),
                     r("div", Ha, [
-                      w(Ta, {
+                      b(Ta, {
                         "day-data": o.value,
                         "current-time": i.value,
                         onOnTimeChange: F
@@ -3266,11 +3266,11 @@ const Yn = {
                     ])
                   ]),
                   r("div", Ya, [
-                    w(Ze, {
+                    b(Ze, {
                       longitude: n.value.cameraRotation.y + 270
                     }, null, 8, ["longitude"])
                   ]),
-                  w(qe, { position: "relative" }, {
+                  b(qe, { position: "relative" }, {
                     default: A(() => [
                       (m(!0), S(re, null, ve(h.value.cameras, (L) => (m(), $(La, {
                         key: L.overlayFilename,
@@ -3284,27 +3284,27 @@ const Yn = {
                         style: { "z-index": "5", "pointer-events": "none" },
                         innerHTML: e.customOverlayContent
                       }, null, 8, ja)) : Y("", !0),
-                      w(Ra, {
-                        "cdn-file-resolver": y.cdnFileResolver,
+                      b(Ra, {
+                        "cdn-file-resolver": _.cdnFileResolver,
                         "color-callback": e.colorCallback,
                         "current-camera": n.value,
                         "selected-id": e.selectedId,
                         onOnClick: V[0] || (V[0] = (L) => a("onClick", L)),
                         onOnHoverOver: k,
                         onOnHoverOut: g,
-                        onUpdateSvgContainer: V[1] || (V[1] = (L) => b.value = L)
+                        onUpdateSvgContainer: V[1] || (V[1] = (L) => w.value = L)
                       }, null, 8, ["cdn-file-resolver", "color-callback", "current-camera", "selected-id"])
                     ]),
                     _: 1
                   }),
-                  y.$slots.popup && c.value && s.value ? (m(), $(Qe, {
+                  _.$slots.popup && c.value && s.value ? (m(), $(Qe, {
                     key: 0,
                     "is-hoverable": d.value,
                     pos: c.value
                   }, {
                     default: A(() => [
                       r("div", Pa, [
-                        oe(y.$slots, "popup", et(tt({ hoverId: s.value, hoverable: d.value })), void 0, !0)
+                        oe(_.$slots, "popup", et(tt({ hoverId: s.value, hoverable: d.value })), void 0, !0)
                       ])
                     ]),
                     _: 3
@@ -3316,14 +3316,14 @@ const Yn = {
           ]),
           _: 3
         }, 8, ["loading"]),
-        w(Re, {
+        b(Re, {
           ref_key: "hoverProbe",
           ref: l
         }, null, 512)
       ], 64);
     };
   }
-}), xs = /* @__PURE__ */ q(Wa, [["__scopeId", "data-v-b9c6f06a"]]);
+}), Fs = /* @__PURE__ */ q(Wa, [["__scopeId", "data-v-b9c6f06a"]]);
 var We = {};
 Object.defineProperty(We, "__esModule", {
   value: !0
@@ -3421,7 +3421,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
       const d = o.value.getCurrentCamera();
       d && (i.value = d.id);
     }), ue(async () => {
-      const b = {
+      const w = {
         initialized: () => {
           o.value = e.Main.getPlayerAPI();
           const f = o.value.getCurrentCamera();
@@ -3434,8 +3434,8 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
           n("newFovCallback", f), p.value = f;
         },
         newRotation: (f) => {
-          const _ = f + 0;
-          n("newRotationCallback", _), s.value = _;
+          const y = f + 0;
+          n("newRotationCallback", y), s.value = y;
         }
       };
       if (!Xa)
@@ -3446,7 +3446,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
           `/${a.interiorId}/${a.apartmentId}`
         ),
         "qpc",
-        b,
+        w,
         void 0,
         a.currentCameraId
       );
@@ -3516,13 +3516,13 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
       d >= o.value.length ? a("level", o.value[0]) : a("level", o.value[d]);
     }
     return (d, c) => {
-      const b = B("v-btn"), h = B("v-tooltip");
+      const w = B("v-btn"), h = B("v-tooltip");
       return m(), $(h, {
         right: "",
         attach: ""
       }, {
         activator: A(({ props: f }) => [
-          w(b, ye({
+          b(w, ye({
             style: { cursor: "pointer" },
             density: "comfortable",
             elevation: "1",
@@ -3556,7 +3556,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
       });
     };
   }
-}), yo = /* @__PURE__ */ q(go, [["__scopeId", "data-v-5ce91d8e"]]), _o = /* @__PURE__ */ j({
+}), yo = /* @__PURE__ */ q(go, [["__scopeId", "data-v-5ce91d8e"]]), _o = { class: "d-none d-md-inline" }, wo = /* @__PURE__ */ j({
   __name: "VInteriorSelector",
   props: {
     cdnFileResolver: { type: [String, Function] },
@@ -3567,47 +3567,50 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
   setup(v, { emit: t }) {
     const e = v, a = t, n = Be(Ce);
     return (o, i) => {
-      const s = B("v-btn"), p = B("v-img"), l = B("v-list-item-title"), d = B("v-list-item"), c = B("v-list"), b = B("v-menu");
+      const s = B("v-icon"), p = B("v-btn"), l = B("v-img"), d = B("v-list-item-title"), c = B("v-list-item"), w = B("v-list"), h = B("v-menu");
       return m(), S("div", null, [
-        w(b, {
+        b(h, {
           transition: "slide-x-reverse-transition",
           location: "top end",
           origin: "end bottom",
           elevation: "0"
         }, {
-          activator: A(({ props: h }) => [
-            w(s, ye({
-              "prepend-icon": "mdi-palette-outline",
-              rounded: ""
-            }, h), {
+          activator: A(({ props: f }) => [
+            b(p, ye({ rounded: "" }, f), {
               default: A(() => [
-                X(N(ne(n).getLabel("interior")), 1)
+                b(s, null, {
+                  default: A(() => [
+                    X("mdi-palette-outline")
+                  ]),
+                  _: 1
+                }),
+                r("span", _o, N(ne(n).getLabel("interior")), 1)
               ]),
               _: 2
             }, 1040)
           ]),
           default: A(() => [
-            w(c, { class: "interior-selector-list" }, {
+            b(w, { class: "interior-selector-list" }, {
               default: A(() => [
-                (m(!0), S(re, null, ve(e.availableArchetypes, (h, f) => (m(), $(d, {
+                (m(!0), S(re, null, ve(e.availableArchetypes, (f, y) => (m(), $(c, {
                   density: "compact",
-                  key: `at-menuitem-${f}`,
-                  onClick: (_) => a("selectInterior", h.archetypeID),
-                  active: f === o.selectedIndex,
+                  key: `at-menuitem-${y}`,
+                  onClick: (F) => a("selectInterior", f.archetypeID),
+                  active: y === o.selectedIndex,
                   class: "interior-selector-list-item"
                 }, {
                   prepend: A(() => [
-                    w(p, {
+                    b(l, {
                       width: "100",
                       "max-width": "100",
                       height: "66",
-                      src: h.url
+                      src: f.url
                     }, null, 8, ["src"])
                   ]),
                   default: A(() => [
-                    w(l, { class: "text-caption py-2 px-4" }, {
+                    b(d, { class: "text-caption py-2 px-4" }, {
                       default: A(() => [
-                        X(N(ne(n).get(h.title)), 1)
+                        X(N(ne(n).get(f.title)), 1)
                       ]),
                       _: 2
                     }, 1024)
@@ -3623,14 +3626,14 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
       ]);
     };
   }
-}), bo = /* @__PURE__ */ q(_o, [["__scopeId", "data-v-89fbc381"]]), wo = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAABsCAYAAACPZlfNAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAxQSURBVHgB7Z1JbBTHGsc/x5Z58B6EJzZBWDogYUAowSg3kDKOxDVOjiiH55hTTvAOmFPkiXIyHALikAsQc4g4Yl9BigcJbhF2hMQmAcMiEKsdYUFwIJP6d1dNatrdPbV09/TM9E+qTHs8xNP972+p6qqviHKaig5qYiqVisNeRHuftaUhH51h7XfWyjju6OiYoialKQRjwkCIHax9zFqBHztkB0Qr89cLeGVCzlDGyaxgTKQCeeJ8yl/ToESegONMvBJlkEwJxkXqZ22Awt1bWpTJE/BYM7vQ2IG7Y20/axOV7DLJ2v8oAzTMwipeXDrA2n5qvDWpUmbtNGujzOrK1A5UPIsqsjZdiYHXY2OVZx995LbZkZF5v58ZHKz+/g/22Zi4U/HOIfUb7T1KEXaCsKg7rA1TAlb1x88/05+//kop4JB3Dqm7ylQEYye1g7UJdvgDJez+Zr/9liovX1JKOKyNcotzKAUSFwyug71MUkqp+V8PH9KrH3+klHFYu8PPNVESEwx3HLeqYUoZuMa5iQlqAMNJW1sigrEv/AWlaFWCrp4e6li82D1O2TXKOKxN8GsQO7ELxt3CWWpAqg6xFn3zjfc9mFgQrUE4rJ1NwkXGKhj7gkepAS5Q5l9ffUVdn3ziHsMtvrtxgxoIXOQPFCOxCFbx+lYIGvspBl4y63j37h2Zsvj776uu0cQtvnnzhp49e0YxcYBdm7Nx9dmsBeNfBGIVyIK3b9/SQ5bhTU1N0c2bN+nx48dkyntr1tC/h4bIFNwwd+/epStXrsQlHOLZRByiWQkmibWDLMBFuXbtGj169KhqWS9evCAbFnz+OXX39ZEJ4m/Pzc3FKRyukbVothb2E1mI9erVK7rBYgwuCi4OWMxc2aZNm2j79u1ky3+Ya+xk1qbL5s2byXEcWrBggfuzEO7q1auuu7QA1+osWWA8+MsTDOOYBZf34MGD6s+4OGvXrqWlS/VuwLdM8LlffnGPOz/4wLWssN93f/aZm/rr8Pz5c9fyZaFWr15NawxuBImjbPD4/2SAkWA8XTXKBnHi5XKZZmdn3Z+7urpo5cqVbuvs7KSsAtEQYwWLFi2ijRs3Vq3QgO+YaEXSRFsw3iE0MmsE81u3blXjFNwfXE93dzc1A3CNSIiEteF7w31DPEO+ZKKN6fwDLcH4kAuSDIc08bvAVatWuS6wGfFbG84D52MA5pD06jxb0xUMj0Yc0gQnh5MEcIEbNmzQjlVZY2ZmxnXtwltYxLUSE0w5nVXOEnncckgTWSz4+61btza9WADnsG3btmoM81udBgV2bZXzASUL467wDmniFwvpcrPEK1X8cc3C0npVJvuoWpj2swrErFYXC+CccG6ypRmO0iiNOdYVjFnXAGm6QnSIRYLRymIJ/KLh3F/qj2EW+BSKSCJdIh9GwXMthxSBa4CLgKtAgoGY1cpiyeCcMRqCRAR9Spy7Zj8NWeOHUTOQ61kYFHdIA/SzxDATssF2EQvgXNGvBBANw1mawEAiR49CBeOJhtaMICQZr1+/do8ReFshG9QF54xRGwC3aBDPDkQNEEdZ2ABpukI5yUC21K6sW7fOHcUBiGeI6RpEWlmUYFrWBVcoQABud+AaxdioPMKjSKiVBQqmmxniWZHsCtspboWBayC7Rs3naRAr0GDCLEzrsUnuCoPB+KLcP9Oc9hA462qeYJilSxoPJXHniKwwF6sWuEQxwI1rpJmAoF9W8L8ZZGHG1rVs2TLKqQVZo0hAnjx5Qpr0+98IEqxAiuTWpYaIZXCJmiMgA/43agTjJuiQIkuWLHGzIdxBuXWFAyuDB0JCpvmwc6nfLXb5PtBPGiATglC5WPWxmFSENd4l8YPfJVpNV8tJhIL8Q3Xwl3fUpikni/xXDAjLFpZbV3apaiML9inlZJWPxUFuYc1BQRzIWaIT9unr16+7M2B7enpo+fLllJM6VWPqCnrTDzrIp06dco/x6GDLli3U29vrvuakgiMOXMH4+KES9+/fd9v58+fdTiCsbufOnbn1JQzTaAPLFO928B8KFDEzChY2OTnpukasNgl7IJdbX6IUmGAXhGAD5C0dUuLevXtug3givvk5cuRIW4+A4LroAO9Ux0MNMMFOixj2Pmmwfv16t+3evdu1vkuXLrkuUvNReMuCa3L48GGtf7Nv3756grlPoLvkH1SAKJcvX3bjGF791oW4hpi2cOFCyomVGsEiwR0DC4KZQyg/sDY5+cj5h71791ZH6M+cOePe8P39/VVrGhsbCwwpYSgJBqEgmIxILiBSPlofjnx9IA4Ew7UTN/bFixe1BDNe4wyrQ+Lx9OlTykkPJQvDHTE4OOim9hAJdwQEEwlH3h9LDyXBIAAyQjQgp/SiXwYx0QD6Y4cOHbJZSpoTghBsRucfibR+z549rliIb+Pj49XfIzHBPMVcsFpwzVasWGF6XVyNtDvOEEhYVljWCNq94ywSiXrXANcTNze6QXWErOk4l6M+iVgFCwob1QCi/4UYhuyx3a1L9WbFdVK8VmX8R0kwCIXkwo9IT+U0NScxsBWJJxjKDjC3WPdf5FbUOMT6Z3kSTmhJB7hE8QAzpyFgX5heHMhpPRR0gj6tMJKckyxlcSCPdJQoJ6tUy0HIgv1GOVmlJA7yiaTNwfyJpPyNEuVkjZJcBsI/Wl+inKxRU87IL9gF0kAUVkZN3JxoMJSH7pFBCdqaeoo1gvFtBJUHgjEGhhWYWNSHcnQ5wUAoVGBFoRVRiVWRMmZKyW8EPcAcJUWwkE+UNjBYDto2WCwrLvnfCBJsnDSQSxvkVjYfy2XFx/xvzBOMu8USKSKXNsCjFpsdHVoRC+uaCqqfGDanQ7lwMFyiuHMMShu0NEjILKzraNCbYYJhY05l/4Y7Ry5tYFmMvyWQa2/hqYamdSHZOB30i0DBeEctUOEwRAERw7JzLQdqRgpQKl2T0bBfRE1zQ8BTtjLcRZh8A5CAhE0daAdkV2hQe6tMnocLJFQwEytDxii7xnbMGqenp2tcoUHsitwjut5EUi0rA3LZOdR1b6d4hnMV4QBZoYErLFNAKi8TKRi3su9IA7G9BUA8k0uEtzKi1rHo1uAaGJQhLEbV+wWqdeu1N3SDSxRxzF91utWQC1MDxHIxoKABMsMP631IdW699tZJ+MKi4L6/GH8r4RcL52wgFlDazkNJMN7jLpIm8i4JrShakFiGVe2Kqhvm6G6WY7TXpbwvCRISJCbNXnEb2SASDBGzLMRScoUCk+2osOJB+2rLMQ3EsMtdw8B5yE8nDGMWKLPWl9h2VMBmwzfMI799+3bNhmnNlIwE7S6IXfpE39OAZDd8E/Dtk4pkAPw9SqbLC9izbm14sg6LQotxd0HELa0uE7DZtBS78RwgQ/z7beHEIZzphFXcAOfOnXPXqImbQaxr27VrF5mCWIW68yKxABYuUJDupqUC0yREEGRtJsLhIeHIyEjoyhr8v4rFotZaAAyr4VGR/EgfVgWxLCskjDGxviRDbAWLZePtoK13cXFUd5g4efJkdXUNrElU4ZFX3WDxIVb0q4BJRbJFiXr8Max3Q/eor95oRhRKS2bDwB9moqHDZyWaqBssC6dzcUTVGQiFAiUCiAfrw4wluEpVwfC38T1i3rLYWixgJRiQRMMKzi/IAlk4k8wLa68hkOxOIZLYZkQVTHvA37fI/vyUyMsIrR9fWLlEP7aJiClYHSqvsRb1QxBvsK64weBxydcUE7EKBmxSfhtQZcZf/AXA2oaGhhq1XMoodY8idsEA71zD2hxKkbAygcgOIVqK1gbX97Vup1iFRAQDNruqx4XsKnWyREtK5IlVpgQwLl1UD3xhPqhZpIQ5ceIEHTx4kI4fP17zPmKZQDfxMAQusC8psUBiggm4D4dwZUoIFCtBZgl3iD4ZXCJKA+JYkPD67BJ5G2fHGq+CSMwlBsELuCApcShGEKuGh4dDRzrQH5P7ZzGCWAWrOkYpkapggI+OYI+yAYpROIiGUQ00JB9INJAZQiybscQQxIyyY3H0rXRIXTCBtO3wADUwMdGkYUJlCrhK1iYr2WWCtf2ViP2V06JhFhZExaufD3dZoMZbHSxolLzRda2VqUmSKcFkmHjYvAcdcIhYoHQoiZYlkWQyK5gMd0XY4adAnoAO2W/uUyZvBL3EX39rhrjUFIKFwV0oau475E0MCosxM7yVyZullC+vyUmHvwGblCVYM8UGOgAAAABJRU5ErkJggg==", ko = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAABsCAYAAACPZlfNAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMdSURBVHgB7dxBTttQEMbxsU32idouujM7FhjlBqQnaG5AbkBvUPUEpTegN8gR6AlAgQU70lWlQkUUscR+fVZrRKlL7CTQN6P/T0IJwYkUDfNhvzdEBAAAAAAAAAAAAAAAAAAAAAD+i+t+v3+5vT0Qg2IxqHBuP47jXTHIZMHEuYETeScGmSvYZb9fFiv1d7sWY9FcwWLn9u7ux/FbMcZeJPo4vLsrMhJjTBXsXhxWzMWiqYLdj8NKlCR7YoipgjnnhjUPDv11WVeMMFOwqywb+Zu6wnQlz81ck5kp2GNnhLmha7JIDCgjLy+K60cOmSVxvNk7OZmJciY6LM/z4YJDukVRmDj5sBGJcbywGLUnJAqpj0Qfh6mPw4smx/pY7GmPRfUd5uNw0PRYC7GoPxIbxGHFQiyqjsQ2cVjRHouqO8xHXOvVeP+cfVFMeySOpCV3bzVfI7WRuEwcVlxRvHl1dnYkCqntsFWiTfO8h+ZIXPqMT/PGpsqC1WxUtpVq3dhUWbC6jcrWr6F03kNnJK7hTE9rLKor2BrisKJy3kNdwdYRh3evpTAW9UXiGi98y1jUNu+hqmBXWTZcUxxWure3t31RRFXBoieIMG1jcGqWphrMbSxL1byHmg5rMLexrPIXQc3Jh5qCPekZnXMjUUJFJK6yMt+Ulo1NFR3WZm5jWVrmPXREYou5jWVpmfcIPhKfIw4rGmIx+A57jjisaIjF4AsWRVG7nWXnjhK/fJWUEefcuN1Tw4/FoCOxaRz6N3Hi22M8v7n5tDmd/hFp37a20qTTGcRR9F4aLGslSZL2jo+/SqA2JGALxthmviMO/RsY905Pv/zroNfn51N/c1h+XWfZbl7ug0VR2Um1i75Fno/8zQcJVNAd9mNn5+KvxV4feT4mx/P5/PPDbmrje5aN/N+DPV+8wYMfTV9OJpsSqGALVn78kI/D49/fzqKiOKiLvFWVkbnR6exHv7ouLR8LeQwu2IL57vroIy9NRA4ei7x1qiLTF2/6YjIJNhbxwEWamvkndgAAAAAAAAAAAAAAAAAAAAAAAAAAAABYxU+ILzGcMmFd0QAAAABJRU5ErkJggg==", Co = /* @__PURE__ */ j({
+}), bo = /* @__PURE__ */ q(wo, [["__scopeId", "data-v-f52a4315"]]), ko = "data:image/png;base64,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", Co = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAABsCAYAAACPZlfNAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMdSURBVHgB7dxBTttQEMbxsU32idouujM7FhjlBqQnaG5AbkBvUPUEpTegN8gR6AlAgQU70lWlQkUUscR+fVZrRKlL7CTQN6P/T0IJwYkUDfNhvzdEBAAAAAAAAAAAAAAAAAAAAAD+i+t+v3+5vT0Qg2IxqHBuP47jXTHIZMHEuYETeScGmSvYZb9fFiv1d7sWY9FcwWLn9u7ux/FbMcZeJPo4vLsrMhJjTBXsXhxWzMWiqYLdj8NKlCR7YoipgjnnhjUPDv11WVeMMFOwqywb+Zu6wnQlz81ck5kp2GNnhLmha7JIDCgjLy+K60cOmSVxvNk7OZmJciY6LM/z4YJDukVRmDj5sBGJcbywGLUnJAqpj0Qfh6mPw4smx/pY7GmPRfUd5uNw0PRYC7GoPxIbxGHFQiyqjsQ2cVjRHouqO8xHXOvVeP+cfVFMeySOpCV3bzVfI7WRuEwcVlxRvHl1dnYkCqntsFWiTfO8h+ZIXPqMT/PGpsqC1WxUtpVq3dhUWbC6jcrWr6F03kNnJK7hTE9rLKor2BrisKJy3kNdwdYRh3evpTAW9UXiGi98y1jUNu+hqmBXWTZcUxxWure3t31RRFXBoieIMG1jcGqWphrMbSxL1byHmg5rMLexrPIXQc3Jh5qCPekZnXMjUUJFJK6yMt+Ulo1NFR3WZm5jWVrmPXREYou5jWVpmfcIPhKfIw4rGmIx+A57jjisaIjF4AsWRVG7nWXnjhK/fJWUEefcuN1Tw4/FoCOxaRz6N3Hi22M8v7n5tDmd/hFp37a20qTTGcRR9F4aLGslSZL2jo+/SqA2JGALxthmviMO/RsY905Pv/zroNfn51N/c1h+XWfZbl7ug0VR2Um1i75Fno/8zQcJVNAd9mNn5+KvxV4feT4mx/P5/PPDbmrje5aN/N+DPV+8wYMfTV9OJpsSqGALVn78kI/D49/fzqKiOKiLvFWVkbnR6exHv7ouLR8LeQwu2IL57vroIy9NRA4ei7x1qiLTF2/6YjIJNhbxwEWamvkndgAAAAAAAAAAAAAAAAAAAAAAAAAAAABYxU+ILzGcMmFd0QAAAABJRU5ErkJggg==", Io = /* @__PURE__ */ j({
   __name: "VCompass",
   props: {
     rotation: {}
   },
   setup(v) {
-    const t = v, e = u(ko), a = u({
-      backgroundImage: `url(${wo})`,
+    const t = v, e = u(Co), a = u({
+      backgroundImage: `url(${ko})`,
       backgroundSize: "contain"
     }), n = T(() => ({
       transform: `rotate(${-t.rotation + 180}deg)`
@@ -3638,9 +3641,10 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
     return (o, i) => {
       const s = B("v-img");
       return m(), S("div", {
-        style: le(a.value)
+        style: le(a.value),
+        class: "compass-wrapper"
       }, [
-        w(s, {
+        b(s, {
           class: "compass-needle",
           src: e.value,
           style: le(n.value)
@@ -3648,7 +3652,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
       ], 4);
     };
   }
-}), Io = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAMAAADyHTlpAAAAllBMVEUAAAD/rwD/rwD/qgP/qwL/qAL/qwP/qwH/rAL/rAL/qwL/qQD/qwL/qwD/qQD/qwL/pQD/qgH/nwD/pwD/qQL/rAL/qwD/qwT/rAP/qwL/rAL/rAD/rAL/qgD/qwL/qQP/rAP/rAH/qgH/qwL/qwD/qgL/rwD/qgD/qwH/qgD/qgL/rAD/qgD/qgD/qwH/rAP/qgX/qwA+O5E+AAAAMnRSTlMAECBg/3C/v5Dff4+PT1/PMN8QII9vf0CfgO9vnzDvUF+vr3BA3zA/z2+fX59g71AwcDsf6p0AAAFGSURBVHicvdRtT8MgEABgaM9hu1aHXV/cpm6zWt829f//OYEK9qC3NDF6HxYCTw5GuWPsd8GjqTIGOJtIZwDi/ymnKPflOSTub6cAcwdnkHk5AQY2v3Dzl2phga1EFkl5hScLbZc+LbUs/FltK5OpLpsmrS0NpbLLSu3Er1dgIsn0cdabEdlHlICL5IZSRq5gELcn7DCnsfQL24AX5PeNfAlAHSEOaYrFXaNiqwa7kO7V9L1dt9u25kX58cBY7dbZYz/MKdr2o06nrZ6klNX4AYRdf8aHzkL6QtxAG9KculjhS0nJMO0rSVmF5ZyWnn2jFC+36vcgLTzq+3lPRx6XrjjTqQ7iqJxY6+KLydp0ZWhrVHWE0JoqHq1NSHBxF0h+1Mh6LUMM5LC/Kht8h+5nG9zeTtbt37Ti3XT6+d29pkTXTZVEfAEKARRF2iiwhQAAAB10RVh0U29mdHdhcmUAQGx1bmFwYWludC9wbmctY29kZWP1QxkeAAAAAElFTkSuQmCC", Ao = { class: "d-flex flex-column align-center justify-center clock-face" }, Lo = { class: "clock-icon" }, xo = { class: "clock-value grey--text text--darken-3" }, Fo = /* @__PURE__ */ j({
+}), Ao = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAMAAADyHTlpAAAAllBMVEUAAAD/rwD/rwD/qgP/qwL/qAL/qwP/qwH/rAL/rAL/qwL/qQD/qwL/qwD/qQD/qwL/pQD/qgH/nwD/pwD/qQL/rAL/qwD/qwT/rAP/qwL/rAL/rAD/rAL/qgD/qwL/qQP/rAP/rAH/qgH/qwL/qwD/qgL/rwD/qgD/qwH/qgD/qgL/rAD/qgD/qgD/qwH/rAP/qgX/qwA+O5E+AAAAMnRSTlMAECBg/3C/v5Dff4+PT1/PMN8QII9vf0CfgO9vnzDvUF+vr3BA3zA/z2+fX59g71AwcDsf6p0AAAFGSURBVHicvdRtT8MgEABgaM9hu1aHXV/cpm6zWt829f//OYEK9qC3NDF6HxYCTw5GuWPsd8GjqTIGOJtIZwDi/ymnKPflOSTub6cAcwdnkHk5AQY2v3Dzl2phga1EFkl5hScLbZc+LbUs/FltK5OpLpsmrS0NpbLLSu3Er1dgIsn0cdabEdlHlICL5IZSRq5gELcn7DCnsfQL24AX5PeNfAlAHSEOaYrFXaNiqwa7kO7V9L1dt9u25kX58cBY7dbZYz/MKdr2o06nrZ6klNX4AYRdf8aHzkL6QtxAG9KculjhS0nJMO0rSVmF5ZyWnn2jFC+36vcgLTzq+3lPRx6XrjjTqQ7iqJxY6+KLydp0ZWhrVHWE0JoqHq1NSHBxF0h+1Mh6LUMM5LC/Kht8h+5nG9zeTtbt37Ti3XT6+d29pkTXTZVEfAEKARRF2iiwhQAAAB10RVh0U29mdHdhcmUAQGx1bmFwYWludC9wbmctY29kZWP1QxkeAAAAAElFTkSuQmCC", Lo = { class: "d-flex flex-column align-center justify-center clock-face" }, xo = { class: "clock-icon" }, Fo = { class: "clock-value grey--text text--darken-3" }, Do = /* @__PURE__ */ j({
   __name: "VTimeOfDay",
   props: {
     hours: { default: 0 },
@@ -3661,18 +3665,18 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
     }
     return (n, o) => {
       const i = B("v-img");
-      return m(), S("div", Ao, [
-        r("div", Lo, [
-          w(i, {
-            src: ne(Io),
+      return m(), S("div", Lo, [
+        r("div", xo, [
+          b(i, {
+            src: ne(Ao),
             "aspect-ratio": "1"
           }, null, 8, ["src"])
         ]),
-        r("div", xo, N(e.value), 1)
+        r("div", Fo, N(e.value), 1)
       ]);
     };
   }
-}), Do = /* @__PURE__ */ q(Fo, [["__scopeId", "data-v-9a5f102b"]]), So = /* @__PURE__ */ j({
+}), So = /* @__PURE__ */ q(Do, [["__scopeId", "data-v-cd73fd81"]]), Mo = /* @__PURE__ */ j({
   __name: "VViewModeToggle",
   props: {
     showStaticImage: { type: Boolean }
@@ -3699,13 +3703,13 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
       });
     };
   }
-}), Oe = (v) => (st("data-v-b9eb5380"), v = v(), it(), v), Mo = {
+}), Oe = (v) => (st("data-v-b9eb5380"), v = v(), it(), v), Eo = {
   key: 0,
   class: "tutorial"
-}, Eo = {
+}, To = {
   key: 0,
   class: "desktop-content"
-}, To = { class: "d-inline-flex" }, Vo = { class: "box col" }, Bo = /* @__PURE__ */ Oe(() => /* @__PURE__ */ r("div", { class: "tutorial-icon d-flex align-items-center justify-center" }, [
+}, Vo = { class: "d-inline-flex" }, Bo = { class: "box col" }, Ro = /* @__PURE__ */ Oe(() => /* @__PURE__ */ r("div", { class: "tutorial-icon d-flex align-items-center justify-center" }, [
   /* @__PURE__ */ r("svg", {
     width: "100",
     height: "65",
@@ -3752,7 +3756,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
       "stroke-width": "1.5"
     })
   ])
-], -1)), Ro = { class: "text mt-3" }, Oo = { class: "box col" }, Uo = /* @__PURE__ */ Oe(() => /* @__PURE__ */ r("div", { class: "tutorial-icon d-flex align-items-center justify-center" }, [
+], -1)), Oo = { class: "text mt-3" }, Uo = { class: "box col" }, $o = /* @__PURE__ */ Oe(() => /* @__PURE__ */ r("div", { class: "tutorial-icon d-flex align-items-center justify-center" }, [
   /* @__PURE__ */ r("svg", {
     width: "100",
     height: "65",
@@ -3882,7 +3886,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
       "stroke-linecap": "round"
     })
   ])
-], -1)), $o = { class: "text mt-3" }, Ho = { class: "box col" }, Yo = /* @__PURE__ */ Oe(() => /* @__PURE__ */ r("div", { class: "tutorial-icon d-flex align-items-center justify-center" }, [
+], -1)), Ho = { class: "text mt-3" }, Yo = { class: "box col" }, jo = /* @__PURE__ */ Oe(() => /* @__PURE__ */ r("div", { class: "tutorial-icon d-flex align-items-center justify-center" }, [
   /* @__PURE__ */ r("svg", {
     width: "100",
     height: "65",
@@ -3953,7 +3957,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
       "stroke-linejoin": "round"
     })
   ])
-], -1)), jo = { class: "text mt-3" }, Po = { class: "d-inline-flex space-around" }, Wo = { class: "box col" }, No = /* @__PURE__ */ Oe(() => /* @__PURE__ */ r("div", { class: "tutorial-icon d-flex align-items-center justify-center" }, [
+], -1)), Po = { class: "text mt-3" }, Wo = { class: "d-inline-flex space-around" }, No = { class: "box col" }, zo = /* @__PURE__ */ Oe(() => /* @__PURE__ */ r("div", { class: "tutorial-icon d-flex align-items-center justify-center" }, [
   /* @__PURE__ */ r("svg", {
     width: "100",
     height: "65",
@@ -4021,10 +4025,10 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
       fill: "#FF3E3E"
     })
   ])
-], -1)), zo = { class: "text mt-3" }, Go = {
+], -1)), Go = { class: "text mt-3" }, Qo = {
   key: 1,
   class: "d-flex flex-column tablet-mobile-content"
-}, Qo = { class: "box horizontal mt-3" }, qo = /* @__PURE__ */ Oe(() => /* @__PURE__ */ r("div", { class: "tutorial-icon d-flex align-items-center justify-center" }, [
+}, qo = { class: "box horizontal mt-3" }, Zo = /* @__PURE__ */ Oe(() => /* @__PURE__ */ r("div", { class: "tutorial-icon d-flex align-items-center justify-center" }, [
   /* @__PURE__ */ r("svg", {
     width: "101",
     height: "65",
@@ -4058,7 +4062,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
       "stroke-linejoin": "round"
     })
   ])
-], -1)), Zo = { class: "text ml-2" }, Xo = { class: "box horizontal mt-3" }, Jo = /* @__PURE__ */ Oe(() => /* @__PURE__ */ r("div", { class: "tutorial-icon d-flex align-items-center justify-center" }, [
+], -1)), Xo = { class: "text ml-2" }, Jo = { class: "box horizontal mt-3" }, Ko = /* @__PURE__ */ Oe(() => /* @__PURE__ */ r("div", { class: "tutorial-icon d-flex align-items-center justify-center" }, [
   /* @__PURE__ */ r("svg", {
     width: "99",
     height: "65",
@@ -4192,7 +4196,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
       "stroke-linejoin": "round"
     })
   ])
-], -1)), Ko = { class: "text ml-2" }, el = { class: "box horizontal mt-3" }, tl = /* @__PURE__ */ Oe(() => /* @__PURE__ */ r("div", { class: "tutorial-icon d-flex align-items-center justify-center" }, [
+], -1)), el = { class: "text ml-2" }, tl = { class: "box horizontal mt-3" }, nl = /* @__PURE__ */ Oe(() => /* @__PURE__ */ r("div", { class: "tutorial-icon d-flex align-items-center justify-center" }, [
   /* @__PURE__ */ r("svg", {
     width: "99",
     height: "65",
@@ -4226,7 +4230,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
       "stroke-linejoin": "round"
     })
   ])
-], -1)), nl = { class: "text ml-2" }, al = { class: "d-flex justify-space-between mt-3 mx-3 mb-0 tutorial-buttons" }, ol = /* @__PURE__ */ j({
+], -1)), al = { class: "text ml-2" }, ol = { class: "d-flex justify-space-between mt-3 mx-3 mb-0 tutorial-buttons" }, ll = /* @__PURE__ */ j({
   __name: "VTutorial",
   props: {
     project: {}
@@ -4241,7 +4245,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
       /iPod/i,
       /BlackBerry/i,
       /Windows Phone/i
-    ].some((b) => navigator.userAgent.match(b))), p = T(() => {
+    ].some((w) => navigator.userAgent.match(w))), p = T(() => {
       const c = localStorage.getItem(
         `${e.project}-dont-show-tutorial`
       );
@@ -4253,58 +4257,58 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
     function d() {
       localStorage.setItem(`${e.project}-dont-show-tutorial`, "true");
     }
-    return (c, b) => {
+    return (c, w) => {
       const h = B("v-checkbox"), f = B("v-btn");
       return m(), $(Se, { name: "fade-transition" }, {
         default: A(() => [
-          o.value && !p.value ? (m(), S("div", Mo, [
-            s.value ? Y("", !0) : (m(), S("div", Eo, [
-              r("div", To, [
-                r("div", Vo, [
-                  Bo,
-                  r("div", Ro, N(ne(n).getLabel("clickAndDragToLookAround")), 1)
+          o.value && !p.value ? (m(), S("div", Eo, [
+            s.value ? Y("", !0) : (m(), S("div", To, [
+              r("div", Vo, [
+                r("div", Bo, [
+                  Ro,
+                  r("div", Oo, N(ne(n).getLabel("clickAndDragToLookAround")), 1)
                 ]),
-                r("div", Oo, [
-                  Uo,
-                  r("div", $o, N(ne(n).getLabel("clickOnTheCirclesToMoveAround")), 1)
+                r("div", Uo, [
+                  $o,
+                  r("div", Ho, N(ne(n).getLabel("clickOnTheCirclesToMoveAround")), 1)
                 ]),
-                r("div", Ho, [
-                  Yo,
-                  r("div", jo, N(ne(n).getLabel("useTheMouseWheelToZoom")), 1)
+                r("div", Yo, [
+                  jo,
+                  r("div", Po, N(ne(n).getLabel("useTheMouseWheelToZoom")), 1)
                 ])
               ]),
-              r("div", Po, [
-                r("div", Wo, [
-                  No,
-                  r("div", zo, N(ne(n).getLabel("youCanAlsoUseTheArrowKeysToMoveAround")), 1)
+              r("div", Wo, [
+                r("div", No, [
+                  zo,
+                  r("div", Go, N(ne(n).getLabel("youCanAlsoUseTheArrowKeysToMoveAround")), 1)
                 ])
               ])
             ])),
-            s.value ? (m(), S("div", Go, [
-              r("div", Qo, [
-                qo,
-                r("div", Zo, N(ne(n).getLabel("tapAndDragToLookAround")), 1)
+            s.value ? (m(), S("div", Qo, [
+              r("div", qo, [
+                Zo,
+                r("div", Xo, N(ne(n).getLabel("tapAndDragToLookAround")), 1)
               ]),
-              r("div", Xo, [
-                Jo,
-                r("div", Ko, N(ne(n).getLabel("tapOnTheCirclesToMoveAround")), 1)
+              r("div", Jo, [
+                Ko,
+                r("div", el, N(ne(n).getLabel("tapOnTheCirclesToMoveAround")), 1)
               ]),
-              r("div", el, [
-                tl,
-                r("div", nl, N(ne(n).getLabel("useTwoFingersToZoom")), 1)
+              r("div", tl, [
+                nl,
+                r("div", al, N(ne(n).getLabel("useTwoFingersToZoom")), 1)
               ])
             ])) : Y("", !0),
-            r("div", al, [
-              w(h, {
+            r("div", ol, [
+              b(h, {
                 modelValue: i.value,
-                "onUpdate:modelValue": b[0] || (b[0] = (_) => i.value = _),
+                "onUpdate:modelValue": w[0] || (w[0] = (y) => i.value = y),
                 label: ne(n).getLabel("dontShowAgain")
               }, null, 8, ["modelValue", "label"]),
-              w(f, {
+              b(f, {
                 small: "",
                 outlined: "",
                 class: "mt-5",
-                onClick: b[1] || (b[1] = (_) => l())
+                onClick: w[1] || (w[1] = (y) => l())
               }, {
                 default: A(() => [
                   X("Ok")
@@ -4318,17 +4322,17 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
       });
     };
   }
-}), ll = /* @__PURE__ */ q(ol, [["__scopeId", "data-v-b9eb5380"]]), sl = (v) => (st("data-v-bd4f66c3"), v = v(), it(), v), il = { class: "player-settings-ui" }, rl = { id: "settings-ui-form" }, ul = { class: "form-inputs" }, cl = { class: "setting-label" }, dl = { class: "setting-label" }, vl = ["max", "min", "step"], ml = { class: "setting-label" }, pl = { class: "flex-grow-1 flex-shrink-0" }, fl = ["onUpdate:modelValue"], hl = {
+}), sl = /* @__PURE__ */ q(ll, [["__scopeId", "data-v-b9eb5380"]]), il = (v) => (st("data-v-bd4f66c3"), v = v(), it(), v), rl = { class: "player-settings-ui" }, ul = { id: "settings-ui-form" }, cl = { class: "form-inputs" }, dl = { class: "setting-label" }, vl = { class: "setting-label" }, ml = ["max", "min", "step"], pl = { class: "setting-label" }, fl = { class: "flex-grow-1 flex-shrink-0" }, hl = ["onUpdate:modelValue"], gl = {
   key: 3,
   "d-block": "",
   class: "mt-3"
-}, gl = { class: "d-flex justify-space-between" }, yl = { class: "setting-label" }, _l = {
+}, yl = { class: "d-flex justify-space-between" }, _l = { class: "setting-label" }, wl = {
   class: "mt-5 d-block",
   style: { width: "300px" }
-}, bl = /* @__PURE__ */ sl(() => /* @__PURE__ */ r("div", { class: "setting-label" }, "Enter Lut URL:", -1)), wl = {
+}, bl = /* @__PURE__ */ il(() => /* @__PURE__ */ r("div", { class: "setting-label" }, "Enter Lut URL:", -1)), kl = {
   class: "d-block",
   style: { width: "300px" }
-}, kl = { class: "form-buttons" }, Cl = /* @__PURE__ */ j({
+}, Cl = { class: "form-buttons" }, Il = /* @__PURE__ */ j({
   __name: "VPlayerSettingsUi",
   props: {
     initialSettings: {}
@@ -4347,8 +4351,8 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
     );
     const o = T(() => {
       let f = {};
-      for (const [_, F] of Object.entries(n.value))
-        _ === "whitePoint" ? f[_] = d(F.value) : f[_] = F.value;
+      for (const [y, F] of Object.entries(n.value))
+        y === "whitePoint" ? f[y] = d(F.value) : f[y] = F.value;
       return f;
     });
     function i() {
@@ -4359,8 +4363,8 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
       f.href = URL.createObjectURL(
         new Blob([JSON.stringify(o.value, null, 2)])
       );
-      const _ = `player-settings-${Date.now()}.json`;
-      f.download = _, f.style.display = "none", document.body.appendChild(f), f.click(), document.body.removeChild(f);
+      const y = `player-settings-${Date.now()}.json`;
+      f.download = y, f.style.display = "none", document.body.appendChild(f), f.click(), document.body.removeChild(f);
     }
     function p() {
       a("saveSettings", o.value);
@@ -4369,18 +4373,18 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
       n.value = h(), a("updateSettings", o.value);
     }
     function d(f) {
-      const _ = parseInt(f.substr(1, 2), 16) / 255, F = parseInt(f.substr(3, 2), 16) / 255, k = parseInt(f.substr(5, 2), 16) / 255;
-      return [_, F, k];
+      const y = parseInt(f.substr(1, 2), 16) / 255, F = parseInt(f.substr(3, 2), 16) / 255, k = parseInt(f.substr(5, 2), 16) / 255;
+      return [y, F, k];
     }
     function c(f) {
-      var _ = f.toString(16);
-      return _.length == 1 ? "0" + _ : _;
+      var y = f.toString(16);
+      return y.length == 1 ? "0" + y : y;
     }
-    function b([f, _, F]) {
-      return "#" + c(parseInt((f * 255).toString())) + c(parseInt((_ * 255).toString())) + c(parseInt((F * 255).toString()));
+    function w([f, y, F]) {
+      return "#" + c(parseInt((f * 255).toString())) + c(parseInt((y * 255).toString())) + c(parseInt((F * 255).toString()));
     }
     function h(f = {}) {
-      const _ = [
+      const y = [
         "Cool 5",
         "Cool 10",
         "Cool 15",
@@ -4462,12 +4466,12 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
         whitePoint: {
           label: "White Point",
           type: "color",
-          value: b(F.whitePoint)
+          value: w(F.whitePoint)
         },
         lut: {
           label: "Lut",
           type: "lut",
-          items: _.map((k) => ({
+          items: y.map((k) => ({
             text: k,
             value: `https://cdn.visuado.com/luts/${k}.png`
           })),
@@ -4475,11 +4479,11 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
         }
       };
     }
-    return (f, _) => {
-      const F = B("v-text-field"), k = B("v-slider"), g = B("v-checkbox"), U = B("v-btn"), y = B("v-select"), V = B("v-icon");
-      return m(), S("div", il, [
-        r("form", rl, [
-          r("div", ul, [
+    return (f, y) => {
+      const F = B("v-text-field"), k = B("v-slider"), g = B("v-checkbox"), U = B("v-btn"), _ = B("v-select"), V = B("v-icon");
+      return m(), S("div", rl, [
+        r("form", ul, [
+          r("div", cl, [
             (m(!0), S(re, null, ve(n.value, (C, L, G) => (m(), S("div", {
               key: G,
               "d-block": ""
@@ -4494,11 +4498,11 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
                 step: C.step
               }, {
                 prepend: A(() => [
-                  r("div", cl, N(C.label), 1)
+                  r("div", dl, N(C.label), 1)
                 ]),
                 append: A(() => [
                   r("div", null, [
-                    w(F, {
+                    b(F, {
                       modelValue: n.value[L].value,
                       "onUpdate:modelValue": (D) => n.value[L].value = D,
                       "hide-details": "",
@@ -4522,7 +4526,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
                 onChange: i
               }, {
                 prepend: A(() => [
-                  r("div", dl, N(C.label), 1)
+                  r("div", vl, N(C.label), 1)
                 ]),
                 append: A(() => [
                   r("div", null, N(C.value), 1)
@@ -4536,18 +4540,18 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
                 min: C.min,
                 step: C.step
               }, [
-                r("div", ml, N(C.label), 1),
-                r("div", pl, [
+                r("div", pl, N(C.label), 1),
+                r("div", fl, [
                   de(r("input", {
                     "onUpdate:modelValue": (D) => n.value[L].value = D,
                     type: "color",
                     onChange: i
-                  }, null, 40, fl), [
+                  }, null, 40, hl), [
                     [Ft, n.value[L].value]
                   ])
                 ]),
                 r("div", null, [
-                  w(F, {
+                  b(F, {
                     modelValue: n.value[L].value,
                     "onUpdate:modelValue": (D) => n.value[L].value = D,
                     "hide-details": "",
@@ -4559,12 +4563,12 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
                     onChange: i
                   }, null, 8, ["modelValue", "onUpdate:modelValue"])
                 ])
-              ], 8, vl)) : Y("", !0),
-              C.type === "lut" ? (m(), S("div", hl, [
-                r("div", gl, [
-                  r("div", yl, N(C.label), 1),
+              ], 8, ml)) : Y("", !0),
+              C.type === "lut" ? (m(), S("div", gl, [
+                r("div", yl, [
+                  r("div", _l, N(C.label), 1),
                   r("div", null, [
-                    w(U, {
+                    b(U, {
                       class: "ml-2",
                       "x-small": "",
                       onClick: (D) => n.value[L].value = null
@@ -4577,9 +4581,9 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
                   ])
                 ]),
                 r("div", null, [
-                  r("div", _l, [
+                  r("div", wl, [
                     r("div", null, [
-                      w(y, {
+                      b(_, {
                         modelValue: n.value[L].value,
                         "onUpdate:modelValue": (D) => n.value[L].value = D,
                         items: C.items,
@@ -4593,9 +4597,9 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
                   ]),
                   r("div", null, [
                     bl,
-                    r("div", wl, [
+                    r("div", kl, [
                       r("div", null, [
-                        w(F, {
+                        b(F, {
                           modelValue: n.value[L].value,
                           "onUpdate:modelValue": (D) => n.value[L].value = D,
                           "hide-details": "",
@@ -4610,22 +4614,22 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
               ])) : Y("", !0)
             ]))), 128))
           ]),
-          r("div", kl, [
-            w(U, {
-              onClick: _[0] || (_[0] = (C) => l())
+          r("div", Cl, [
+            b(U, {
+              onClick: y[0] || (y[0] = (C) => l())
             }, {
               default: A(() => [
                 X("Reset")
               ]),
               _: 1
             }),
-            w(U, {
+            b(U, {
               class: "ml-2",
-              onClick: _[1] || (_[1] = (C) => s())
+              onClick: y[1] || (y[1] = (C) => s())
             }, {
               default: A(() => [
                 X(" Download Json "),
-                w(V, { color: "black darken-1" }, {
+                b(V, { color: "black darken-1" }, {
                   default: A(() => [
                     X("mdi-download")
                   ]),
@@ -4634,13 +4638,13 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
               ]),
               _: 1
             }),
-            w(U, {
+            b(U, {
               class: "ml-2",
-              onClick: _[2] || (_[2] = (C) => p())
+              onClick: y[2] || (y[2] = (C) => p())
             }, {
               default: A(() => [
                 X(" Save Settings "),
-                w(V, { color: "black darken-1" }, {
+                b(V, { color: "black darken-1" }, {
                   default: A(() => [
                     X("mdi-save")
                   ]),
@@ -4654,10 +4658,10 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
       ]);
     };
   }
-}), Il = /* @__PURE__ */ q(Cl, [["__scopeId", "data-v-bd4f66c3"]]), Al = (v) => (st("data-v-30593022"), v = v(), it(), v), Ll = /* @__PURE__ */ Al(() => /* @__PURE__ */ r("div", { id: "filler-div" }, null, -1)), xl = {
+}), Al = /* @__PURE__ */ q(Il, [["__scopeId", "data-v-bd4f66c3"]]), Ll = (v) => (st("data-v-30593022"), v = v(), it(), v), xl = /* @__PURE__ */ Ll(() => /* @__PURE__ */ r("div", { id: "filler-div" }, null, -1)), Fl = {
   class: "moveable-body",
   id: "moveableDivHeader"
-}, Fl = { class: "moveable-footer" }, Dl = /* @__PURE__ */ j({
+}, Dl = { class: "moveable-footer" }, Sl = /* @__PURE__ */ j({
   __name: "VMoveable",
   emits: ["close", "transform"],
   setup(v, { emit: t }) {
@@ -4670,16 +4674,16 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
       if (!s)
         return;
       let p = 0, l = 0, d = 0, c = 0;
-      s.addEventListener("touchstart", b, { passive: !1 }), s.addEventListener("touchend", f, { passive: !1 }), s.addEventListener("mousedown", b, { passive: !1 }), s.addEventListener("mouseup", f, { passive: !1 });
-      function b(_) {
-        _ = _ || window.event, _.preventDefault();
-        let F = _;
-        _.type === "touchstart" && (F = _.touches[0]), d = F.clientX, c = F.clientY, document.addEventListener("mouseup", f, { passive: !1 }), document.addEventListener("touchend", f, { passive: !1 }), document.addEventListener("mousemove", h, { passive: !1 }), document.addEventListener("touchmove", h, { passive: !1 });
+      s.addEventListener("touchstart", w, { passive: !1 }), s.addEventListener("touchend", f, { passive: !1 }), s.addEventListener("mousedown", w, { passive: !1 }), s.addEventListener("mouseup", f, { passive: !1 });
+      function w(y) {
+        y = y || window.event, y.preventDefault();
+        let F = y;
+        y.type === "touchstart" && (F = y.touches[0]), d = F.clientX, c = F.clientY, document.addEventListener("mouseup", f, { passive: !1 }), document.addEventListener("touchend", f, { passive: !1 }), document.addEventListener("mousemove", h, { passive: !1 }), document.addEventListener("touchmove", h, { passive: !1 });
       }
-      function h(_) {
-        _ = _ || window.event, _.preventDefault();
-        let F = _;
-        _.type === "touchmove" && (F = _.touches[0]), p = d - F.clientX, l = c - F.clientY, d = F.clientX, c = F.clientY, i.style.top = i.offsetTop - l + "px", i.style.left = i.offsetLeft - p + "px";
+      function h(y) {
+        y = y || window.event, y.preventDefault();
+        let F = y;
+        y.type === "touchmove" && (F = y.touches[0]), p = d - F.clientX, l = c - F.clientY, d = F.clientX, c = F.clientY, i.style.top = i.offsetTop - l + "px", i.style.left = i.offsetLeft - p + "px";
       }
       function f() {
         document.removeEventListener("mouseup", f, !1), document.removeEventListener("mousemove", h, !1), document.removeEventListener("touchend", f, !1), document.removeEventListener("touchmove", h, !1);
@@ -4694,57 +4698,57 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
         id: "moveableDiv",
         class: xe(["big d-flex justify-space-between flex-column align-center sizer", a.value])
       }, [
-        w(p, {
+        b(p, {
           class: "close-icon",
           icon: "mdi-window-close",
           size: "x-small",
           onClick: s[0] || (s[0] = (l) => e("close"))
         }),
-        w(p, {
+        b(p, {
           class: "resize-icon",
           icon: "mdi-image-size-select-small",
           size: "x-small",
           onClick: o,
           title: "Resize"
         }),
-        w(p, {
+        b(p, {
           class: "rotate-icon",
           size: "x-small",
           icon: "mdi mdi-rotate-right",
           onClick: s[1] || (s[1] = (l) => e("transform")),
           title: "Rotate"
         }),
-        Ll,
-        r("div", xl, [
+        xl,
+        r("div", Fl, [
           oe(i.$slots, "body", { class: "slot" }, void 0, !0)
         ]),
-        r("div", Fl, [
+        r("div", Dl, [
           oe(i.$slots, "footer", {}, void 0, !0)
         ])
       ], 2);
     };
   }
-}), Sl = /* @__PURE__ */ q(Dl, [["__scopeId", "data-v-30593022"]]), Ml = {
+}), Ml = /* @__PURE__ */ q(Sl, [["__scopeId", "data-v-30593022"]]), El = {
   class: "rotation-marker-svg",
   viewBox: "0 0 40 40",
   xmlns: "http://www.w3.org/2000/svg"
-}, El = /* @__PURE__ */ ht('<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), Tl = ["transform"], Vl = /* @__PURE__ */ ht('<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), Bl = [
-  Vl
-], Rl = /* @__PURE__ */ j({
+}, Tl = /* @__PURE__ */ ht('<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), Vl = ["transform"], Bl = /* @__PURE__ */ ht('<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), Rl = [
+  Bl
+], Ol = /* @__PURE__ */ j({
   __name: "VRotationMarker",
   props: {
     rotation: {}
   },
   setup(v) {
-    return (t, e) => (m(), S("svg", Ml, [
-      El,
+    return (t, e) => (m(), S("svg", El, [
+      Tl,
       r("g", {
         "transform-origin": "20 20",
         transform: `rotate(${45 + t.rotation})`
-      }, Bl, 8, Tl)
+      }, Rl, 8, Vl)
     ]));
   }
-}), Ol = { class: "minimap-wrapper d-flex align-stretch justify-space-between" }, Ul = { class: "minimap-container" }, $l = /* @__PURE__ */ j({
+}), Ul = { class: "minimap-wrapper d-flex align-stretch justify-space-between" }, $l = { class: "minimap-container" }, Hl = /* @__PURE__ */ j({
   __name: "VMiniMapMap",
   props: {
     backgroundImage: {},
@@ -4755,21 +4759,21 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
     transformAngle: {}
   },
   setup(v) {
-    const t = v, e = u(512), a = u(384), n = u(new Ve.Vector3()), o = u(new Ve.Object3D()), i = u({}), s = u(1), p = u(), l = T(() => t.allCameras), d = T(() => t.allCameras.find((L) => L.id === t.currentCamera)), c = T(() => t.rotation), b = T(() => new Ve.Vector3(
+    const t = v, e = u(512), a = u(384), n = u(new Ve.Vector3()), o = u(new Ve.Object3D()), i = u({}), s = u(1), p = u(), l = T(() => t.allCameras), d = T(() => t.allCameras.find((L) => L.id === t.currentCamera)), c = T(() => t.rotation), w = T(() => new Ve.Vector3(
       t.storey.position.x,
       t.storey.position.y,
       t.storey.position.z
     )), h = T(() => parseFloat(d.value.floor_vertical_position)), f = T(() => l.value.map((L) => {
       const G = L.uposition.split(","), D = new Ve.Vector3(
-        Number(G[0]) - b.value.x,
+        Number(G[0]) - w.value.x,
         0,
-        Number(G[2]) - b.value.z
+        Number(G[2]) - w.value.z
       );
       return {
         ...L,
-        ...y(n.value, D)
+        ..._(n.value, D)
       };
-    })), _ = T(() => `background-image: url(${t.backgroundImage});`), F = T(() => {
+    })), y = T(() => `background-image: url(${t.backgroundImage});`), F = T(() => {
       let L = s.value > 1 ? 1 : s.value;
       return L < 0.8 && (L = 0.4), `scale: ${L > 1 ? 1 : L}; transform: rotate(${t.transformAngle}deg);`;
     });
@@ -4796,7 +4800,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
         left: `${Math.abs(L.left)}%`
       };
     }
-    function y(L, G) {
+    function _(L, G) {
       var D = new Ve.Vector3();
       const Z = D.subVectors(L, G);
       return {
@@ -4818,15 +4822,15 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
       const G = L.offsetHeight / 384 * 0.8, D = L.offsetWidth / 512 * 0.8;
       L.offsetHeight > L.offsetWidth ? s.value = D * 0.5 : s.value = G * 0.9;
     }
-    return (L, G) => (m(), S("div", Ol, [
-      r("div", Ul, [
+    return (L, G) => (m(), S("div", Ul, [
+      r("div", $l, [
         r("div", {
           class: "web-minimap",
           style: le(F.value)
         }, [
           r("div", {
             class: "minimap-background-image",
-            style: le(_.value)
+            style: le(y.value)
           }, null, 4),
           r("div", {
             class: "center-pivot",
@@ -4840,7 +4844,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
                 class: "single-camera-marker",
                 style: le(U(D))
               }, null, 4)) : Y("", !0),
-              d.value.id === D.id && t.rotation !== null ? (m(), $(Rl, {
+              d.value.id === D.id && t.rotation !== null ? (m(), $(Ol, {
                 key: 1,
                 class: "rotation-marker-component",
                 rotation: c.value,
@@ -4852,7 +4856,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
       ])
     ]));
   }
-}), Hl = /* @__PURE__ */ q($l, [["__scopeId", "data-v-1a6129d7"]]), Yl = /* @__PURE__ */ j({
+}), Yl = /* @__PURE__ */ q(Hl, [["__scopeId", "data-v-1a6129d7"]]), jl = /* @__PURE__ */ j({
   __name: "VMiniMapCompass",
   props: {
     scale: {},
@@ -4865,16 +4869,16 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
       class: "minimap-compass",
       style: le({ scale: a.scale })
     }, [
-      w(Ze, {
+      b(Ze, {
         class: "north-indicator",
         longitude: e.value
       }, null, 8, ["longitude"])
     ], 4));
   }
-}), jl = /* @__PURE__ */ q(Yl, [["__scopeId", "data-v-552c1d19"]]), Pl = { class: "ss-wrapper" }, Wl = { class: "slider" }, Nl = { class: "minimap-sun-slider" }, zl = {
+}), Pl = /* @__PURE__ */ q(jl, [["__scopeId", "data-v-552c1d19"]]), Wl = { class: "ss-wrapper" }, Nl = { class: "slider" }, zl = { class: "minimap-sun-slider" }, Gl = {
   key: 0,
   class: "time-label"
-}, Gl = /* @__PURE__ */ j({
+}, Ql = /* @__PURE__ */ j({
   __name: "VSunSimulationSlider",
   props: {
     cdnFileResolver: { type: [String, Function] },
@@ -4896,26 +4900,26 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
         l.value.sunsimFiles[n.value]
       ), i.value = !1;
       const k = await h(e.minimapJson.storeys);
-      p.value = k, o.value = !1, a("setBackgroundImage", b(e.level, n.value));
+      p.value = k, o.value = !1, a("setBackgroundImage", w(e.level, n.value));
     }), H(n, () => {
-      const k = b(e.level, n.value);
+      const k = w(e.level, n.value);
       a("setBackgroundImage", k);
     }), H(
       () => e.level,
       () => {
-        a("setBackgroundImage", b(e.level, n.value));
+        a("setBackgroundImage", w(e.level, n.value));
       },
       { immediate: !0 }
     );
-    function b(k, g) {
+    function w(k, g) {
       return p.value.get(`sunsim${k}_${g}`) ? p.value.get(`sunsim${k}_${g}`) : "";
     }
     async function h(k) {
       let g = /* @__PURE__ */ new Map();
       for (let U = 0; U < k.length; U++) {
-        const y = k[U].sunsimFiles;
-        for (let V = 0; V < y.length; V++) {
-          const C = y[V];
+        const _ = k[U].sunsimFiles;
+        for (let V = 0; V < _.length; V++) {
+          const C = _[V];
           try {
             const L = C, G = C.split("."), D = await f(L);
             g.set(G[0], D);
@@ -4932,26 +4936,26 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
           e.cdnFileResolver,
           `/${e.apartmentJson.type}/${e.apartmentJson.id}/minimap/${k}`
         )
-      )).blob(), y = await F(U);
-      return _(y);
+      )).blob(), _ = await F(U);
+      return y(_);
     }
-    function _(k) {
+    function y(k) {
       return "data:image/jpeg;base64," + k;
     }
     async function F(k) {
       return new Promise((g, U) => {
-        const y = new FileReader();
-        y.onload = () => {
-          const V = y.result.split(",")[1];
+        const _ = new FileReader();
+        _.onload = () => {
+          const V = _.result.split(",")[1];
           g(V);
-        }, y.onerror = U, y.readAsDataURL(k);
+        }, _.onerror = U, _.readAsDataURL(k);
       });
     }
     return (k, g) => {
-      const U = B("v-progress-linear"), y = B("v-icon"), V = B("v-slider");
-      return m(), S("div", Pl, [
-        r("div", Wl, [
-          r("div", Nl, [
+      const U = B("v-progress-linear"), _ = B("v-icon"), V = B("v-slider");
+      return m(), S("div", Wl, [
+        r("div", Nl, [
+          r("div", zl, [
             o.value ? (m(), $(U, {
               key: 0,
               indeterminate: "",
@@ -4972,7 +4976,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
               "hide-details": !0
             }, {
               prepend: A(() => [
-                w(y, { color: "#ffab02" }, {
+                b(_, { color: "#ffab02" }, {
                   default: A(() => [
                     X("mdi-white-balance-sunny")
                   ]),
@@ -4982,12 +4986,12 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
               _: 1
             }, 8, ["modelValue"]))
           ]),
-          o.value ? Y("", !0) : (m(), S("div", zl, N(c.value) + " " + N(d.value), 1))
+          o.value ? Y("", !0) : (m(), S("div", Gl, N(c.value) + " " + N(d.value), 1))
         ])
       ]);
     };
   }
-}), Ql = /* @__PURE__ */ q(Gl, [["__scopeId", "data-v-b2f12eb0"]]), ql = /* @__PURE__ */ j({
+}), ql = /* @__PURE__ */ q(Ql, [["__scopeId", "data-v-b2f12eb0"]]), Zl = /* @__PURE__ */ j({
   __name: "VMiniMap",
   props: {
     cdnFileResolver: { type: [String, Function] },
@@ -5017,18 +5021,18 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
     function l() {
       o.value = o.value + 90;
     }
-    return (d, c) => (m(), $(Sl, {
-      onClose: c[0] || (c[0] = (b) => a("close")),
+    return (d, c) => (m(), $(Ml, {
+      onClose: c[0] || (c[0] = (w) => a("close")),
       onTransform: l
     }, {
       body: A(() => [
-        w(jl, {
+        b(Pl, {
           scale: s.value,
           rotation: i.value.rotation.y,
           "transform-angle": o.value
         }, null, 8, ["scale", "rotation", "transform-angle"]),
         r("div", null, [
-          w(Hl, {
+          b(Yl, {
             "transform-angle": o.value,
             "all-cameras": d.apartmentJson.cameras,
             "background-image": n.value,
@@ -5039,7 +5043,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
         ])
       ]),
       footer: A(() => [
-        w(Ql, {
+        b(ql, {
           "cdn-file-resolver": e.cdnFileResolver,
           "minimap-json": e.minimapJson,
           "apartment-json": e.apartmentJson,
@@ -5050,16 +5054,16 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
       _: 1
     }));
   }
-}), mt = /* @__PURE__ */ q(ql, [["__scopeId", "data-v-898e645b"]]), Zl = {
+}), mt = /* @__PURE__ */ q(Zl, [["__scopeId", "data-v-898e645b"]]), Xl = {
   key: 0,
   class: "text-white disclaimer caption"
-}, Xl = /* @__PURE__ */ j({
+}, Jl = /* @__PURE__ */ j({
   __name: "VDisclaimer",
   setup(v) {
     const t = Be(Ce), e = u(!0);
     return (a, n) => (m(), $(Se, { name: "fade-transition" }, {
       default: A(() => [
-        e.value ? (m(), S("div", Zl, [
+        e.value ? (m(), S("div", Xl, [
           X(N(ne(t).getLabel("allIllustrationsAreIndicativeDeviationsMayOccur")) + " ", 1),
           r("span", {
             onClick: n[0] || (n[0] = (o) => e.value = !1),
@@ -5070,7 +5074,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
       _: 1
     }));
   }
-}), Jl = /* @__PURE__ */ q(Xl, [["__scopeId", "data-v-046402dc"]]), Kl = { class: "waypoint-carousel" }, es = 37, ts = 39, ns = /* @__PURE__ */ j({
+}), Kl = /* @__PURE__ */ q(Jl, [["__scopeId", "data-v-046402dc"]]), es = { class: "waypoint-carousel" }, ts = 37, ns = 39, as = /* @__PURE__ */ j({
   __name: "VWaypointCarousel",
   props: {
     thumbnails: {},
@@ -5095,10 +5099,10 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
     });
     function s(l) {
       switch (l.keyCode) {
-        case l.keyCode === es:
+        case l.keyCode === ts:
           a("previous");
           break;
-        case l.keyCode === ts:
+        case l.keyCode === ns:
           a("next");
           break;
         default:
@@ -5109,9 +5113,9 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
       d(), a("goto", l);
     }
     return (l, d) => {
-      const c = B("v-icon"), b = B("v-btn"), h = B("v-hover"), f = B("v-img"), _ = B("v-card"), F = B("v-slide-group-item"), k = B("v-slide-group");
-      return m(), S("div", Kl, [
-        w(k, {
+      const c = B("v-icon"), w = B("v-btn"), h = B("v-hover"), f = B("v-img"), y = B("v-card"), F = B("v-slide-group-item"), k = B("v-slide-group");
+      return m(), S("div", es, [
+        b(k, {
           modelValue: o.value,
           "onUpdate:modelValue": d[2] || (d[2] = (g) => o.value = g),
           "active-class": "active-apt",
@@ -5121,15 +5125,15 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
           mandatory: ""
         }, {
           prev: A(() => [
-            w(h, null, {
+            b(h, null, {
               default: A(({ isHovering: g }) => [
-                w(b, {
+                b(w, {
                   elevation: "0",
                   class: xe(["carousel-button", { mobile: i.value }]),
                   onClick: d[0] || (d[0] = (U) => a("previous"))
                 }, {
                   default: A(() => [
-                    w(c, {
+                    b(c, {
                       color: g ? "#999" : "#d2d2d2",
                       "x-large": ""
                     }, {
@@ -5146,15 +5150,15 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
             })
           ]),
           next: A(() => [
-            w(h, null, {
+            b(h, null, {
               default: A(({ isHovering: g }) => [
-                w(b, {
+                b(w, {
                   elevation: "0",
                   class: xe(["carousel-button", { mobile: i.value }]),
                   onClick: d[1] || (d[1] = (U) => a("next"))
                 }, {
                   default: A(() => [
-                    w(c, {
+                    b(c, {
                       color: g ? "#999" : "#d2d2d2",
                       "x-large": ""
                     }, {
@@ -5174,9 +5178,9 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
             (m(!0), S(re, null, ve(l.thumbnails, (g) => (m(), $(F, {
               key: g.id
             }, {
-              default: A(({ toggle: U, selectedClass: y }) => [
-                w(_, {
-                  class: xe(["ma-2", y]),
+              default: A(({ toggle: U, selectedClass: _ }) => [
+                b(y, {
+                  class: xe(["ma-2", _]),
                   align: "center",
                   justify: "center",
                   height: i.value ? 50 : 100,
@@ -5186,7 +5190,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
                   onClick: (V) => p(g.id, U)
                 }, {
                   default: A(() => [
-                    w(f, {
+                    b(f, {
                       "max-height": "100",
                       "max-width": "160",
                       cover: "",
@@ -5204,10 +5208,10 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
       ]);
     };
   }
-}), pt = /* @__PURE__ */ q(ns, [["__scopeId", "data-v-45edaf7a"]]), as = {
+}), pt = /* @__PURE__ */ q(as, [["__scopeId", "data-v-45edaf7a"]]), os = {
   id: "share-btns-wrapper",
   class: "text-center"
-}, os = /* @__PURE__ */ j({
+}, ls = /* @__PURE__ */ j({
   __name: "VSocialShare",
   setup(v) {
     const t = Be(Ce), e = u(!1), a = u(location.href);
@@ -5236,15 +5240,15 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
       navigator.clipboard.writeText(location.href);
     }
     return (p, l) => {
-      const d = B("v-btn"), c = B("v-tooltip"), b = B("v-toolbar-title"), h = B("v-spacer"), f = B("v-toolbar"), _ = B("v-card-text"), F = B("v-card"), k = B("v-dialog");
+      const d = B("v-btn"), c = B("v-tooltip"), w = B("v-toolbar-title"), h = B("v-spacer"), f = B("v-toolbar"), y = B("v-card-text"), F = B("v-card"), k = B("v-dialog");
       return m(), S("div", null, [
-        w(c, {
+        b(c, {
           elevation: "2",
           top: "",
           attach: ""
         }, {
           activator: A(({ props: g }) => [
-            w(d, ye({
+            b(d, ye({
               density: "comfortable",
               elevation: "1",
               icon: "mdi-share-variant",
@@ -5256,38 +5260,38 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
           ]),
           _: 1
         }),
-        w(k, {
+        b(k, {
           id: "share-box",
           width: "400",
           modelValue: e.value,
           "onUpdate:modelValue": l[2] || (l[2] = (g) => e.value = g)
         }, {
           default: A(() => [
-            w(F, null, {
+            b(F, null, {
               default: A(() => [
-                w(f, { elevation: "0" }, {
+                b(f, { elevation: "0" }, {
                   default: A(() => [
-                    w(d, {
+                    b(d, {
                       size: "x-small",
                       icon: "mdi-close",
                       onClick: l[1] || (l[1] = (g) => e.value = !1)
                     }),
-                    w(b, null, {
+                    b(w, null, {
                       default: A(() => [
                         X(N(ne(t).getLabel("share")), 1)
                       ]),
                       _: 1
                     }),
-                    w(h)
+                    b(h)
                   ]),
                   _: 1
                 }),
-                w(_, { class: "mt-5" }, {
+                b(y, { class: "mt-5" }, {
                   default: A(() => [
-                    r("p", as, [
-                      w(c, { location: "top" }, {
+                    r("p", os, [
+                      b(c, { location: "top" }, {
                         activator: A(({ props: g }) => [
-                          w(d, ye({
+                          b(d, ye({
                             depressed: "",
                             fab: "",
                             light: "",
@@ -5299,9 +5303,9 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
                         ]),
                         _: 1
                       }),
-                      w(c, { location: "top" }, {
+                      b(c, { location: "top" }, {
                         activator: A(({ props: g }) => [
-                          w(d, ye({
+                          b(d, ye({
                             depressed: "",
                             fab: "",
                             light: "",
@@ -5313,9 +5317,9 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
                         ]),
                         _: 1
                       }),
-                      w(c, { location: "top" }, {
+                      b(c, { location: "top" }, {
                         activator: A(({ props: g }) => [
-                          w(d, ye({
+                          b(d, ye({
                             depressed: "",
                             fab: "",
                             light: "",
@@ -5327,9 +5331,9 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
                         ]),
                         _: 1
                       }),
-                      w(c, { location: "top" }, {
+                      b(c, { location: "top" }, {
                         activator: A(({ props: g }) => [
-                          w(d, ye({
+                          b(d, ye({
                             depressed: "",
                             fab: "",
                             light: "",
@@ -5343,9 +5347,9 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
                         ]),
                         _: 1
                       }),
-                      w(c, { location: "top" }, {
+                      b(c, { location: "top" }, {
                         activator: A(({ props: g }) => [
-                          w(d, ye({
+                          b(d, ye({
                             depressed: "",
                             fab: "",
                             light: "",
@@ -5358,7 +5362,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
                         ]),
                         _: 1
                       }),
-                      w(h)
+                      b(h)
                     ])
                   ]),
                   _: 1
@@ -5372,7 +5376,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
       ]);
     };
   }
-}), ls = /* @__PURE__ */ q(os, [["__scopeId", "data-v-b6e473f1"]]), ss = { class: "static-image-wrapper" }, is = /* @__PURE__ */ j({
+}), ss = /* @__PURE__ */ q(ls, [["__scopeId", "data-v-b6e473f1"]]), is = { class: "static-image-wrapper" }, rs = /* @__PURE__ */ j({
   __name: "VSingleImage",
   props: {
     image: {},
@@ -5380,17 +5384,17 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
   },
   setup(v) {
     const t = v, e = T(() => ({ "background-image": `url("${encodeURI(t.image)}")` }));
-    return (a, n) => (m(), S("div", ss, [
+    return (a, n) => (m(), S("div", is, [
       r("div", {
         class: xe(["img-div", [a.aspectRatio]]),
         style: le(e.value)
       }, null, 6)
     ]));
   }
-}), rs = /* @__PURE__ */ q(is, [["__scopeId", "data-v-31489804"]]), us = {
+}), us = /* @__PURE__ */ q(rs, [["__scopeId", "data-v-31489804"]]), cs = {
   id: "btn-fullscreen",
   class: "btn-placeholder mr-2"
-}, cs = /* @__PURE__ */ j({
+}, ds = /* @__PURE__ */ j({
   __name: "VFullScreenButton",
   props: {
     isFullScreen: { type: Boolean }
@@ -5400,8 +5404,8 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
     const e = t;
     return (a, n) => {
       const o = B("v-btn");
-      return m(), S("div", us, [
-        w(o, {
+      return m(), S("div", cs, [
+        b(o, {
           density: "comfortable",
           elevation: "3",
           icon: a.isFullScreen ? "mdi-fullscreen-exit" : "mdi-fullscreen",
@@ -5411,7 +5415,7 @@ const Ja = { id: "player-wrapper" }, Ka = { id: "player-sizer" }, eo = {
     };
   }
 });
-class ds {
+class vs {
   constructor(t, e) {
     te(this, "_doc");
     te(this, "_elemId");
@@ -5451,25 +5455,25 @@ class ds {
     this._state.isActive = t;
   }
 }
-const vs = { class: "virtual-tour-wrapper" }, ms = {
+const ms = { class: "virtual-tour-wrapper" }, ps = {
   key: 0,
   class: "player-error"
-}, ps = { class: "player-and-components-wrapper" }, fs = {
+}, fs = { class: "player-and-components-wrapper" }, hs = {
   key: 1,
   class: "v-player"
-}, hs = {
+}, gs = {
   key: 3,
   class: "settings-panel"
-}, gs = {
+}, ys = {
   key: 0,
   class: "compass-wrapper"
-}, ys = {
+}, _s = {
   key: 1,
   class: "btn-placeholder mr-2"
-}, _s = {
+}, ws = {
   key: 2,
   class: "btn-placeholder"
-}, bs = { key: 0 }, ws = /* @__PURE__ */ j({
+}, bs = { key: 0 }, ks = /* @__PURE__ */ j({
   __name: "VVirtualTour",
   props: {
     cdnFileResolver: {},
@@ -5505,10 +5509,10 @@ const vs = { class: "virtual-tour-wrapper" }, ms = {
       lut: ""
     }) }
   },
-  emits: ["onSnapshot", "saveSettings", "onInteriorUpdate", "onCameraUpdate"],
+  emits: ["onSnapshot", "saveSettings", "onInteriorUpdate", "onCameraUpdate", "onError"],
   setup(v, { emit: t }) {
-    const e = v, a = t, n = u(!1), o = u(!1), i = u(), s = u(), p = u(), l = u(), d = u(), c = u(0), b = u(), h = u(), f = u(), _ = u(0), F = u(0), k = u(0), g = u(!1), U = u(!1), y = u(!1), V = u(
-      new ds(document, "player-wrapper")
+    const e = v, a = t, n = u(!1), o = u(!1), i = u(), s = u(), p = u(), l = u(), d = u(), c = u(0), w = u(), h = u(), f = u(), y = u(0), F = u(0), k = u(0), g = u(!1), U = u(!1), _ = u(!1), V = u(
+      new vs(document, "player-wrapper")
     ), C = T(() => {
       if (s.value) {
         const I = s.value.cameras.map(
@@ -5533,14 +5537,14 @@ const vs = { class: "virtual-tour-wrapper" }, ms = {
       }
       return I;
     }), G = T(() => x.value.findIndex(
-      (I) => I.archetypeID === b.value
+      (I) => I.archetypeID === w.value
     )), D = T(() => p.value ? p.value.cameras.map((I) => ({
       ...I,
       thumbnailUrl: he(
-        `/${b.value}/${e.apartmentId}/thumbs/200/${I.id}.jpg`
+        `/${w.value}/${e.apartmentId}/thumbs/200/${I.id}.jpg`
       ),
       imageUrl: he(
-        `/${b.value}/${e.apartmentId}/images/1600/${I.id}.jpg`
+        `/${w.value}/${e.apartmentId}/images/1600/${I.id}.jpg`
       )
     })) : []), Z = T(() => !D.value || !D.value[c.value] ? "" : D.value[c.value].imageUrl), x = T(() => {
       let I = [];
@@ -5567,14 +5571,14 @@ const vs = { class: "virtual-tour-wrapper" }, ms = {
     }), H(
       () => e.defaultViewMode,
       (I) => {
-        I === "virtualTour" && (g.value = !1), I === "slideShow" && (g.value = !0, y.value = !0);
+        I === "virtualTour" && (g.value = !1), I === "slideShow" && (g.value = !0, _.value = !0);
       },
       { immediate: !0 }
     ), ue(async () => {
       try {
         await R(), ee(), await P(), V.value.setup(), me();
-      } catch {
-        o.value = !0;
+      } catch (I) {
+        o.value = !0, a("onError", I);
       }
     });
     async function R() {
@@ -5582,23 +5586,23 @@ const vs = { class: "virtual-tour-wrapper" }, ms = {
     }
     async function P() {
       if (s.value = await ie(
-        b.value,
+        w.value,
         e.apartmentId
       ), s.value && (h.value = s.value.cameras.find(() => !0).id), p.value = await Ie(
-        b.value,
+        w.value,
         e.apartmentId
       ), p.value) {
         let I = e.defaultWaypointIndex !== null ? e.defaultWaypointIndex : 0;
         c.value = I, h.value = p.value.cameras[I].id, f.value = p.value.cameras[I].id;
       }
       e.showMiniMap && (l.value = await Ae(
-        b.value,
+        w.value,
         e.apartmentId
       ));
     }
     function ee() {
       let I = e.defaultInteriorId;
-      I || (I = i.value.defaultArchetypeID), e.validInteriorIds.length && !e.validInteriorIds.includes(I) && (I = e.validInteriorIds[0]), I || (I = i.value.archetypes[0].archetypeID), b.value = I;
+      I || (I = i.value.defaultArchetypeID), e.validInteriorIds.length && !e.validInteriorIds.includes(I) && (I = e.validInteriorIds[0]), I || (I = i.value.archetypes[0].archetypeID), w.value = I;
     }
     function me() {
       const I = document.getElementById("main-canvas");
@@ -5681,11 +5685,11 @@ const vs = { class: "virtual-tour-wrapper" }, ms = {
       let I = c.value + 1;
       I >= D.value.length && (I = 0), c.value = I, Ee(D.value[c.value].id);
     }
-    function be() {
+    function we() {
       let I = c.value - 1;
       I < 0 && (I = D.value.length - 1), c.value = I, Ee(D.value[c.value].id);
     }
-    function we(I, z = !0) {
+    function be(I, z = !0) {
       let J = D.value.findIndex((fe) => fe.id === I);
       J != -1 && (c.value = J, z && Ee(I));
     }
@@ -5693,13 +5697,13 @@ const vs = { class: "virtual-tour-wrapper" }, ms = {
       h.value = I;
     }
     function Fe(I) {
-      b.value = I, a("onInteriorUpdate", I), a("onCameraUpdate", f.value, s.value);
+      w.value = I, a("onInteriorUpdate", I), a("onCameraUpdate", f.value, s.value);
     }
     function Xe(I) {
-      we(I, !1), f.value = I, a("onCameraUpdate", I, s.value);
+      be(I, !1), f.value = I, a("onCameraUpdate", I, s.value);
     }
     function Ue(I) {
-      _.value = I;
+      y.value = I;
     }
     function Je(I) {
       F.value = I;
@@ -5752,28 +5756,28 @@ const vs = { class: "virtual-tour-wrapper" }, ms = {
     }
     return (I, z) => {
       const J = B("v-btn");
-      return m(), S("div", vs, [
-        o.value ? (m(), S("div", ms, "Error loading the player!!")) : Y("", !0),
-        r("div", ps, [
-          !V.value.isActive && l.value && f.value && M.value && b.value && U.value ? (m(), $(mt, {
+      return m(), S("div", ms, [
+        o.value ? (m(), S("div", ps, "Error loading the player!!")) : Y("", !0),
+        r("div", fs, [
+          !V.value.isActive && l.value && f.value && M.value && w.value && U.value ? (m(), $(mt, {
             key: 0,
             "cdn-file-resolver": I.cdnFileResolver,
             "apartment-json": s.value,
             level: L.value,
             "minimap-json": l.value,
-            rotation: _.value,
+            rotation: y.value,
             "current-camera": f.value,
             onClose: z[0] || (z[0] = (fe) => U.value = !1)
           }, null, 8, ["cdn-file-resolver", "apartment-json", "level", "minimap-json", "rotation", "current-camera"])) : Y("", !0),
-          b.value && h.value ? (m(), S("div", fs, [
-            w(vo, {
+          w.value && h.value ? (m(), S("div", hs, [
+            b(vo, {
               "cdn-file-resolver": I.cdnFileResolver,
               style: le({ zIndex: g.value ? 1 : 2 }),
               "show-static-image": g.value,
               "is-full-screen": V.value.isActive,
               "current-camera-id": h.value,
               "mouse-sensitivity": I.mouseSensitivity,
-              "interior-id": b.value,
+              "interior-id": w.value,
               "apartment-id": e.apartmentId,
               onNewCameraCallback: Xe,
               onNewRotationCallback: Ue,
@@ -5783,7 +5787,7 @@ const vs = { class: "virtual-tour-wrapper" }, ms = {
               onPlayerApiCallback: ae
             }, {
               "slideshow-image": A(() => [
-                g.value ? (m(), $(rs, {
+                g.value ? (m(), $(us, {
                   key: 0,
                   image: Z.value
                 }, null, 8, ["image"])) : Y("", !0)
@@ -5797,7 +5801,7 @@ const vs = { class: "virtual-tour-wrapper" }, ms = {
                   class: "mr-2",
                   onClick: z[1] || (z[1] = (fe) => n.value = !n.value)
                 }, null, 512)), [
-                  [pe, y.value]
+                  [pe, _.value]
                 ]) : Y("", !0),
                 l.value && h.value && M.value ? de((m(), $(J, {
                   key: 1,
@@ -5807,16 +5811,16 @@ const vs = { class: "virtual-tour-wrapper" }, ms = {
                   class: "mr-2",
                   onClick: z[2] || (z[2] = (fe) => U.value = !U.value)
                 }, null, 512)), [
-                  [pe, y.value]
+                  [pe, _.value]
                 ]) : Y("", !0),
-                y.value && I.showFloorLevel && C.value.length > 1 ? (m(), $(yo, {
+                _.value && I.showFloorLevel && C.value.length > 1 ? (m(), $(yo, {
                   key: 2,
                   level: F.value,
                   "floor-levels": C.value,
                   onLevel: Je
                 }, null, 8, ["level", "floor-levels"])) : Y("", !0),
-                y.value && I.adminMode && n.value ? (m(), S("div", hs, [
-                  w(Il, {
+                _.value && I.adminMode && n.value ? (m(), S("div", gs, [
+                  b(Al, {
                     "initial-settings": I.playerSettings,
                     onUpdateSettings: ct,
                     onSaveSettings: kt
@@ -5824,55 +5828,55 @@ const vs = { class: "virtual-tour-wrapper" }, ms = {
                 ])) : Y("", !0)
               ]),
               "top-center": A(() => [
-                y.value ? (m(), $(Jl, {
+                _.value ? (m(), $(Kl, {
                   key: 0,
                   "return-url": I.websiteUrl
                 }, null, 8, ["return-url"])) : Y("", !0)
               ]),
               "top-right": A(() => [
-                s.value && I.showCompass ? de((m(), S("div", gs, [
-                  w(Co, { rotation: _.value }, null, 8, ["rotation"])
+                s.value && I.showCompass ? de((m(), S("div", ys, [
+                  b(Io, { rotation: y.value }, null, 8, ["rotation"])
                 ], 512)), [
-                  [pe, y.value]
+                  [pe, _.value]
                 ]) : Y("", !0),
-                y.value && s.value && O.value && I.showTimeOfDay ? (m(), $(Do, {
+                _.value && s.value && O.value && I.showTimeOfDay ? (m(), $(So, {
                   key: 1,
                   hours: K.value.hours,
                   minutes: K.value.minutes
                 }, null, 8, ["hours", "minutes"])) : Y("", !0)
               ]),
               "center-left": A(() => [
-                w(Se, { name: "slide-x-transition" }, {
+                b(Se, { name: "slide-x-transition" }, {
                   default: A(() => [
                     g.value ? (m(), $(J, {
                       key: 0,
                       density: "comfortable",
                       elevation: "3",
                       icon: "mdi-chevron-left",
-                      onClick: be
+                      onClick: we
                     })) : Y("", !0)
                   ]),
                   _: 1
                 })
               ]),
               "center-center": A(() => [
-                w(ll, {
+                b(sl, {
                   project: ne(se)(e.cdnFileResolver, ""),
-                  onCloseTutorial: z[3] || (z[3] = (fe) => y.value = !0)
+                  onCloseTutorial: z[3] || (z[3] = (fe) => _.value = !0)
                 }, null, 8, ["project"]),
                 V.value.isActive && l.value && f.value && M.value && U.value ? (m(), $(mt, {
                   key: 0,
                   "cdn-file-resolver": I.cdnFileResolver,
                   "apartment-json": s.value,
                   "minimap-json": l.value,
-                  rotation: _.value,
+                  rotation: y.value,
                   "current-camera": f.value,
                   level: L.value,
                   onClose: z[4] || (z[4] = (fe) => U.value = !1)
                 }, null, 8, ["cdn-file-resolver", "apartment-json", "minimap-json", "rotation", "current-camera", "level"])) : Y("", !0)
               ]),
               "center-right": A(() => [
-                w(Se, { name: "slide-x-reverse-transition" }, {
+                b(Se, { name: "slide-x-reverse-transition" }, {
                   default: A(() => [
                     g.value ? (m(), $(J, {
                       key: 0,
@@ -5886,44 +5890,44 @@ const vs = { class: "virtual-tour-wrapper" }, ms = {
                 })
               ]),
               "bottom-left": A(() => [
-                y.value && I.showFullScreen ? (m(), $(cs, {
+                _.value && I.showFullScreen ? (m(), $(ds, {
                   key: 0,
                   "is-full-screen": V.value.isActive,
                   class: "btn-fullscreen",
                   onToggleFullscreen: Ne
                 }, null, 8, ["is-full-screen"])) : Y("", !0),
-                y.value && I.showSnapshot ? (m(), S("div", ys, [
-                  w(J, {
+                _.value && I.showSnapshot ? (m(), S("div", _s, [
+                  b(J, {
                     density: "comfortable",
                     elevation: "3",
                     icon: "mdi-camera",
                     onClick: Le
                   })
                 ])) : Y("", !0),
-                y.value && I.showShare && !V.value.isActive ? (m(), S("div", _s, [
-                  w(ls)
+                _.value && I.showShare && !V.value.isActive ? (m(), S("div", ws, [
+                  b(ss)
                 ])) : Y("", !0)
               ]),
               "bottom-center": A(() => [
-                y.value && I.showCarousel ? (m(), S("div", bs, [
-                  I.displayViewModeSwitch ? (m(), $(So, {
+                _.value && I.showCarousel ? (m(), S("div", bs, [
+                  I.displayViewModeSwitch ? (m(), $(Mo, {
                     key: 0,
                     "show-static-image": g.value,
                     onToggle: Te
                   }, null, 8, ["show-static-image"])) : Y("", !0),
-                  y.value && V.value.isActive ? (m(), $(pt, {
+                  _.value && V.value.isActive ? (m(), $(pt, {
                     key: 1,
                     class: xe([V.value.isActive ? "full-screen" : ""]),
                     thumbnails: D.value,
                     active: c.value,
                     onNext: _e,
-                    onPrevious: be,
-                    onGoto: we
+                    onPrevious: we,
+                    onGoto: be
                   }, null, 8, ["class", "thumbnails", "active"])) : Y("", !0)
                 ])) : Y("", !0)
               ]),
               "bottom-right": A(() => [
-                y.value && I.showInteriorOptions && E.value ? (m(), $(bo, {
+                _.value && I.showInteriorOptions && E.value ? (m(), $(bo, {
                   key: 0,
                   "cdn-file-resolver": I.cdnFileResolver,
                   "available-archetypes": E.value,
@@ -5939,29 +5943,29 @@ const vs = { class: "virtual-tour-wrapper" }, ms = {
               thumbnails: D.value,
               active: c.value,
               onNext: _e,
-              onPrevious: be,
-              onGoto: we
+              onPrevious: we,
+              onGoto: be
             }, null, 8, ["thumbnails", "active"])) : Y("", !0)
           ])) : Y("", !0)
         ])
       ]);
     };
   }
-}), ks = /* @__PURE__ */ q(ws, [["__scopeId", "data-v-26ecf6ea"]]), Fs = {
+}), Cs = /* @__PURE__ */ q(ks, [["__scopeId", "data-v-1a002566"]]), Ds = {
   install: function(t) {
-    t.component("VApartmentChooser", fn), t.component("VBuildingChooser", wa), t.component("VVirtualTour", ks);
+    t.component("VApartmentChooser", fn), t.component("VBuildingChooser", ba), t.component("VVirtualTour", Cs);
   }
 };
 export {
   ge as ResourceLoader,
   fn as VApartmentChooser,
-  Ls as VApartmentChooserV5,
-  wa as VBuildingChooser,
-  xs as VBuildingChooserV5,
+  xs as VApartmentChooserV5,
+  ba as VBuildingChooser,
+  Fs as VBuildingChooserV5,
   Qe as VFloatingCard,
   Re as VHoverProbe,
   Ze as VNorthDirection,
-  ks as VVirtualTour,
+  Cs as VVirtualTour,
   qe as VZoomBox,
-  Fs as default
+  Ds as default
 };